/* Functional product previews, not screenshots. Scoped to the prototype route. */
.proto-studio{min-width:0;align-self:start}.proto-studio-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.proto-studio-index{font-size:12px;color:var(--pr-muted)}
.proto-product-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:var(--pr-soft);border:1px solid var(--pr-line);border-radius:100px;padding:5px;margin-bottom:26px}.proto-product-tabs button{border:0;border-radius:100px;min-height:45px;padding:10px 8px;background:transparent;color:var(--pr-muted);font:inherit;font-size:15px;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}.proto-product-tabs button[aria-selected=true]{background:var(--pr-ink);color:var(--pr-bg);box-shadow:0 3px 12px #00000012}
.proto-product-panel{min-height:660px}.proto-product-panel .proto-lab{max-width:390px;margin:0 auto;padding:21px 20px 19px;border-radius:35px;animation:none}.proto-product-panel .proto-demo{padding:24px 20px;min-height:462px}.proto-product-panel .proto-lab-note{font-size:12px}.proto-product-panel .proto-lab-bar{font-size:12px}.proto-studio-caption{font-size:13px;color:var(--pr-muted);line-height:1.6;margin-top:15px!important}
.proto-browser{border:1px solid var(--pr-line);border-radius:20px;overflow:hidden;background:var(--pr-paper);box-shadow:0 20px 60px #0000000a}.proto-browser-chrome{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--pr-line);padding:14px 18px;font-size:12px;color:var(--pr-muted);background:var(--pr-soft)}.proto-shop,.proto-ops{padding:26px}.proto-shop>header,.proto-ops>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:35px;font-size:12px}.proto-shop>header strong,.proto-ops>header strong{font-size:20px;letter-spacing:-.06em;font-weight:600}.proto-shop>header>span,.proto-ops>header>span{color:var(--pr-muted)}.proto-shop .proto-demo-eyebrow,.proto-ops .proto-demo-eyebrow{font-size:12px;letter-spacing:.08em;color:var(--pr-muted);margin:0 0 14px}.proto-shop h2,.proto-ops h2{font-size:clamp(33px,3.2vw,47px);letter-spacing:-.06em}.proto-shop>p:not(.proto-demo-eyebrow),.proto-ops>p{font-size:14px;color:var(--pr-muted);margin:18px 0;line-height:1.6}
.proto-shop-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0 19px}.proto-shop-options button{font:inherit;text-align:left;background:var(--pr-bg);border:1px solid var(--pr-line);border-radius:12px;padding:18px 15px;color:var(--pr-ink);cursor:pointer;min-width:0;transition:background .25s,transform .25s}.proto-shop-options button[aria-pressed=true]{border-color:var(--pr-ink);box-shadow:inset 0 0 0 1px var(--pr-ink)}.proto-shop-options button:hover{transform:translateY(-3px)}.proto-shop-options span{font-size:12px;color:var(--pr-muted);display:block}.proto-shop-options strong{font-size:21px;line-height:1.1;font-weight:500;display:block;margin:24px 0 12px;letter-spacing:-.04em}.proto-shop-options small{font-size:12px;line-height:1.6;color:var(--pr-muted);display:block}.proto-shop-options b{font-size:17px;font-weight:500;display:block;margin-top:19px}.proto-shop .proto-demo-next,.proto-approval-actions button:first-child{background:var(--pr-ink);color:var(--pr-bg)}.proto-bag{min-height:48px;font-size:14px;line-height:1.5;padding-top:17px;overflow-wrap:anywhere}.proto-shop .proto-demo-back,.proto-ops .proto-demo-back{color:var(--pr-ink)}.proto-shop p.proto-demo-safe,.proto-ops p.proto-demo-safe{font-size:12px;margin-bottom:0}
.proto-ops-heading{display:flex;gap:12px;justify-content:space-between;align-items:start}.proto-ops-count{flex-shrink:0;border:1px solid var(--pr-line);border-radius:50px;padding:6px 9px;font-size:12px}.proto-request{border:1px solid var(--pr-line);border-radius:14px;margin-top:25px;padding:20px}.proto-request-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--pr-muted)}.proto-request-top strong{font-size:12px;font-weight:500;color:var(--pr-ink)}.proto-request h3{font-size:23px;line-height:1.15;margin:26px 0 15px}.proto-request dl{font-size:13px;margin:0 0 21px}.proto-request dl>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--pr-line)}.proto-request dt{color:var(--pr-muted)}.proto-request dd{margin:0;text-align:right}.proto-approval-actions{display:flex;flex-wrap:wrap;gap:8px}.proto-approval-actions button{font:inherit;font-size:14px;border:1px solid var(--pr-line);border-radius:8px;min-height:46px;padding:11px 14px;color:var(--pr-ink);background:transparent;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.proto-approval-actions button:disabled{opacity:.5;cursor:default}.proto-request [role=status]{font-size:13px;color:var(--pr-muted);margin-top:17px}
.proto-build{padding-block:100px}.proto-build-layout{display:grid;grid-template-columns:.85fr 1.2fr;gap:80px;margin-top:60px;align-items:start}.proto-build-step{min-height:330px;padding:40px 0;border-top:1px solid var(--pr-line)}.proto-build-step h3{font-size:35px;max-width:310px;margin:25px 0 20px}.proto-build-step p{font-size:17px;max-width:370px;color:var(--pr-muted)}.proto-build-sticky{position:sticky;top:120px;min-width:0}.proto-build-stage{background:var(--pr-paper);border:1px solid var(--pr-line);border-radius:20px;overflow:hidden;box-shadow:0 25px 70px #00000008}.proto-build-bar{display:flex;justify-content:space-between;gap:20px;font-size:12px;padding:20px;border-bottom:1px solid var(--pr-line);color:var(--pr-muted)}.proto-build-canvas{position:relative;padding:40px 30px 50px;min-height:405px}.proto-wire{position:absolute;inset:40px 30px 50px;opacity:0;transition:opacity .5s;pointer-events:none}.proto-wire-nav{width:24%;height:14px;border:1px dashed var(--pr-muted);margin-bottom:27px}.proto-wire-heading{width:75%;height:67px;border:1px dashed var(--pr-muted);margin-bottom:15px}.proto-wire-line{width:51%;height:8px;background:var(--pr-line)}.proto-wire-cards{display:flex;gap:15px;margin-top:25px}.proto-wire-cards i{height:94px;flex:1;border:1px dashed var(--pr-muted);border-radius:12px}.proto-wire-button{height:44px;border:1px dashed var(--pr-muted);border-radius:9px;margin-top:23px}.proto-designed{transition:opacity .5s,transform .6s;transform:none;opacity:1}.proto-designed h3{font-size:40px;margin:20px 0 25px;line-height:1.05}.proto-designed-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:25px}.proto-designed-cards>div{padding:17px;border:1px solid var(--pr-line);border-radius:12px;background:var(--pr-bg)}.proto-designed-cards span{font-size:12px;color:var(--pr-muted)}.proto-designed-cards strong{display:block;font-size:17px;line-height:1.2;font-weight:500;margin:17px 0 8px}.proto-designed-cards small{font-size:12px;color:var(--pr-muted)}.proto-designed .proto-demo-next{text-decoration:none;background:var(--pr-ink);color:var(--pr-bg)}.proto-build-stamp{position:absolute;right:20px;top:30px;background:var(--pr-ink);color:var(--pr-bg);padding:8px 12px;font-size:12px;transform:rotate(7deg);opacity:1;transition:opacity .4s,transform .5s}.proto-build-stage[data-build-stage="0"] .proto-wire{opacity:1}.proto-build-stage[data-build-stage="0"] .proto-designed{opacity:0;transform:translateY(15px);visibility:hidden}.proto-build-stage:not([data-build-stage="2"]) .proto-build-stamp{opacity:0;transform:rotate(-5deg) translateY(8px)}.proto-build-stage[data-build-stage="1"] .proto-designed .proto-demo-next{visibility:hidden}.proto-build-controls{display:grid;grid-template-columns:repeat(3,1fr);padding:7px;gap:5px;border-top:1px solid var(--pr-line)}.proto-build-controls button{font:inherit;font-size:12px;min-height:48px;border:0;border-radius:8px;background:transparent;color:var(--pr-muted);cursor:pointer;padding:10px 5px}.proto-build-controls button[aria-pressed=true]{color:var(--pr-bg);background:var(--pr-ink)}
.proto-contact-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:90px;align-items:center}.proto-contact-grid h2{margin-block:24px}.proto-contact-grid>div>p:not(.proto-kicker){max-width:600px;font-size:19px;color:var(--pr-muted)}.proto-contact-action .proto-button{width:100%;min-height:80px;font-size:26px;padding-inline:30px}.proto-contact-action .proto-caption{font-size:13px!important}.proto-credit-total dd{font-variant-numeric:tabular-nums}
@media(max-width:1100px){.proto-hero{grid-template-columns:.95fr 1.05fr;gap:4%}.proto-studio-top{gap:8px}.proto-studio-top .proto-kicker{letter-spacing:.04em}.proto-product-panel .proto-lab{padding:18px 14px}.proto-shop,.proto-ops{padding:20px}.proto-shop-options{gap:8px}.proto-shop-options button{padding:15px 12px}.proto-ops-heading{display:block}.proto-ops-count{display:inline-block;margin-top:15px}.proto-request{padding:16px}.proto-request-top{flex-wrap:wrap}.proto-build-layout{gap:45px;grid-template-columns:.85fr 1.15fr}.proto-build-canvas{padding:35px 22px 40px}.proto-build-stamp{top:15px;right:12px;font-size:12px}.proto-contact-grid{gap:45px}}
@media(max-width:767px){.proto-studio{margin-top:42px}.proto-product-panel{min-height:0}.proto-product-panel .proto-lab{margin-top:0;max-width:none}.proto-product-tabs{margin-bottom:20px}.proto-shop,.proto-ops{padding:22px 18px}.proto-shop h2,.proto-ops h2{font-size:38px}.proto-shop-options strong{font-size:22px}.proto-studio-caption{margin-top:20px!important}.proto-build{padding-block:65px}.proto-build-layout{display:flex;flex-direction:column;gap:30px;margin-top:30px}.proto-build-steps{display:grid;grid-template-columns:1fr;gap:0}.proto-build-step{min-height:0;padding:28px 0}.proto-build-step h3{font-size:29px;max-width:none;margin:17px 0 12px}.proto-build-step p{font-size:16px;max-width:none}.proto-build-sticky{position:static;width:100%}.proto-build-bar{padding:16px;gap:12px;font-size:12px;flex-wrap:wrap}.proto-build-canvas{min-height:385px;padding:35px 18px}.proto-designed h3{font-size:34px}.proto-designed-cards{gap:10px}.proto-designed-cards>div{padding:14px 11px}.proto-designed-cards strong{font-size:16px}.proto-build-stamp{top:12px;right:10px}.proto-build-controls button{font-size:12px}.proto-build-controls button span{display:block;margin-top:3px}.proto-contact-grid{grid-template-columns:1fr;gap:25px}.proto-contact-action .proto-button{min-height:68px;font-size:23px}.proto-contact-grid>div>p:not(.proto-kicker){font-size:17px}.proto-product-tabs button{font-size:14px}.proto-studio-index{font-size:12px}}
@media(max-width:359px){.proto-studio-top{flex-wrap:wrap}.proto-shop-options{grid-template-columns:1fr}.proto-shop-options strong{margin-top:15px}.proto-shop-options b{margin-top:10px}.proto-shop>header,.proto-ops>header{gap:9px}.proto-browser-chrome{padding:12px;font-size:12px}.proto-shop,.proto-ops{padding:20px 14px}.proto-request dl>div{flex-wrap:wrap}.proto-request dd{text-align:left}.proto-approval-actions button{width:100%}.proto-build-controls button{padding:8px 2px}.proto-designed h3{font-size:31px}.proto-build-stamp{font-size:12px;padding:6px 8px}.proto-build-canvas{padding-top:47px}}
.proto-build-controls button{font-size:14px}
/* Functional device viewports retain readable controls instead of scaling the UI down. */
.proto-device{width:100%;position:relative;isolation:isolate;padding-top:34px}
.proto-device-display{position:relative;padding:0 9px;border:1px solid #707073;border-radius:18px 18px 9px 9px;background:#131315;box-shadow:inset 0 0 0 2px #343437,0 20px 35px -22px #0009}
.proto-device-camera{height:19px;display:flex;align-items:center;justify-content:center}
.proto-device-camera i{width:5px;height:5px;background:#19212f;border-radius:50%;box-shadow:0 0 0 2px #080809,inset 0 0 1px #6b7382}
.proto-device-viewport{height:335px;overflow:auto;scrollbar-width:thin;scrollbar-color:#939393 #e7e7e3;position:relative;border-radius:6px 6px 0 0;background:var(--pr-paper);scroll-padding:14px;color:var(--pr-ink);-webkit-overflow-scrolling:touch}
.proto-device-viewport:focus-visible{outline:3px solid var(--pr-ink);outline-offset:6px}
.proto-device .proto-browser{border:0;border-radius:0;overflow:visible;box-shadow:none}
.proto-device .proto-browser-chrome{position:sticky;top:0;z-index:2;padding:9px 12px;min-height:35px;gap:8px;font-size:12px;background:var(--pr-soft);border-bottom:1px solid var(--pr-line)}
.proto-device .proto-browser-chrome>span:nth-child(2){overflow-wrap:anywhere}
.proto-device-chin{height:13px}
.proto-device-laptop{padding-inline:17px;padding-bottom:18px}
.proto-laptop-base{position:relative;height:20px;margin:0 -17px;border:1px solid #8b8b8e;border-top:0;border-radius:1px 1px 38px 38px;background:linear-gradient(#dcdcdf 0%,#aaaab0 32%,#79797e 83%,#b6b6bb 100%);box-shadow:0 19px 20px -14px #0006}
.proto-laptop-base>span{position:absolute;top:0;left:40%;width:20%;height:5px;background:#87878b;border-radius:0 0 8px 8px;box-shadow:inset 0 -1px 1px #fff7}
.proto-device-monitor{padding-inline:3px}
.proto-device-monitor .proto-device-display{border-radius:16px 16px 11px 11px;padding-inline:8px}
.proto-device-monitor .proto-device-viewport{height:345px}
.proto-device-monitor .proto-device-chin{height:34px;margin:0 -8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(105deg,#c8c8ca,#eeeeef 48%,#aaaab0);border-radius:0 0 10px 10px;border-top:1px solid #86868c}
.proto-device-monitor .proto-device-chin>span{font-size:12px;letter-spacing:.15em;color:#49494f;font-weight:500}
.proto-monitor-stand{height:57px;width:21%;margin:0 auto;background:linear-gradient(90deg,#9999a0,#dbdbdf 42%,#c5c5cb 75%,#93939a);clip-path:polygon(21% 0,79% 0,100% 100%,0 100%)}
.proto-monitor-foot{width:39%;height:12px;border-radius:50% 50% 7px 7px;margin:-1px auto 0;background:linear-gradient(#dddde2,#a2a2ab);border:1px solid #85858d;box-shadow:0 10px 15px -4px #0004}
.proto-device-help{margin:24px 18px 0!important;font-size:13px;line-height:1.65;color:var(--pr-muted);max-width:440px}
.proto-device-help>span{display:block;font-size:12px;font-weight:600;letter-spacing:.07em;color:var(--pr-ink);margin-bottom:6px}
.proto-device .proto-shop,.proto-device .proto-ops{padding:20px}
.proto-device .proto-shop>header,.proto-device .proto-ops>header{margin-bottom:23px}
.proto-device .proto-shop h2,.proto-device .proto-ops h2{font-size:32px;line-height:1.08}
.proto-device .proto-shop-options{margin-block:20px 16px}
.proto-device .proto-shop-options strong{font-size:20px;margin:18px 0 10px}
.proto-device .proto-shop-options button{padding:16px 12px}
.proto-device .proto-request{margin-top:20px;padding:17px}
.proto-device .proto-request h3{font-size:22px}
@media(max-width:1100px) and (min-width:768px){.proto-device-laptop{padding-inline:11px}.proto-laptop-base{margin-inline:-11px}.proto-device .proto-shop,.proto-device .proto-ops{padding:17px 13px}.proto-device .proto-shop h2,.proto-device .proto-ops h2{font-size:29px}.proto-device .proto-shop-options{grid-template-columns:1fr}.proto-device .proto-shop-options strong{margin-top:12px}.proto-device .proto-shop-options b{margin-top:10px}}
@media(max-width:767px){.proto-device{padding-top:12px}.proto-device-viewport,.proto-device-monitor .proto-device-viewport{height:340px}.proto-device-help{margin:20px 5px 0!important}.proto-device .proto-shop,.proto-device .proto-ops{padding:18px 14px}.proto-device .proto-shop h2,.proto-device .proto-ops h2{font-size:29px}.proto-device .proto-shop-options{grid-template-columns:1fr}.proto-device .proto-shop-options strong{margin-top:12px}.proto-device .proto-shop-options b{margin-top:10px}.proto-device .proto-browser-chrome>span:first-child{display:none}.proto-monitor-stand{height:43px}.proto-device-laptop{padding-inline:11px}.proto-laptop-base{margin-inline:-11px}.proto-device .proto-shop>header,.proto-device .proto-ops>header{flex-wrap:wrap;gap:8px}.proto-device .proto-request-top{flex-wrap:wrap}.proto-device .proto-request dl>div{flex-wrap:wrap}.proto-device .proto-request dd{text-align:left}}
/* Live app viewport: intrinsic height keeps every step usable at enlarged text sizes. */
.proto-device .proto-device-viewport{width:100%;max-width:100%;height:auto;aspect-ratio:16/10;min-height:210px;scroll-padding-top:49px}
.proto-product-panel .proto-phone-lab{max-width:354px;padding:0;background:transparent;border-radius:0;box-shadow:none;color:var(--pr-ink)}
.proto-phone-lab .proto-lab-bar{color:var(--pr-muted);margin:0 8px 15px;font-size:12px;letter-spacing:.06em}
.proto-phone-lab .proto-lab-bar i{background:currentColor}
.proto-phone-frame{position:relative;padding:7px;border:2px solid #858582;border-radius:51px;background:#161616;box-shadow:inset 0 0 0 2px #393938,0 24px 50px -18px #0005,0 4px 8px #0002}
.proto-phone-frame::before,.proto-phone-frame::after{content:"";position:absolute;width:3px;border-radius:2px;background:#646461;pointer-events:none}
.proto-phone-frame::before{left:-4px;top:119px;height:46px;box-shadow:0 57px 0 #646461}
.proto-phone-frame::after{right:-4px;top:169px;height:68px}
.proto-phone-screen{border-radius:41px;background:#f9f9f6;color:#171717;padding-bottom:9px;isolation:isolate}
.proto-phone-status{height:58px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 23px;font-size:14px;line-height:1;font-weight:600;letter-spacing:-.02em}
.proto-phone-island{position:absolute;left:50%;top:12px;transform:translateX(-50%);width:96px;height:28px;border-radius:20px;background:#080808;box-shadow:inset 0 0 0 1px #000}
.proto-phone-island::after{content:"";position:absolute;right:9px;top:9px;width:10px;height:10px;border-radius:50%;background:#151820;box-shadow:inset 0 0 0 3px #101114}
.proto-phone-indicators{display:flex;gap:4px;align-items:center}
.proto-phone-status .proto-phone-indicators svg{width:15px;height:13px;fill:none;stroke:#171717;stroke-width:1.6}
.proto-phone-status .proto-phone-indicators svg:first-child{fill:#171717;stroke:none}
.proto-phone-status .proto-phone-indicators svg:nth-child(2) circle,.proto-phone-status .proto-phone-indicators svg:last-child rect:last-child{fill:#171717;stroke:none}
.proto-phone-status .proto-phone-indicators svg:last-child{width:25px}
.proto-product-panel .proto-phone-lab .proto-demo{padding:10px 20px 16px;min-height:0;border-radius:0;background:transparent;box-shadow:none}
.proto-phone-lab .proto-demo-head{margin-bottom:30px;padding-bottom:19px;border-bottom:1px solid #e2e2dd}
.proto-phone-lab .proto-demo-brand{font-size:21px}
.proto-phone-lab .proto-demo-tag{padding:5px 8px;background:#fff}
.proto-phone-lab .proto-demo-stage{min-height:455px;display:flex;flex-direction:column}
.proto-phone-lab .proto-demo h2{font-size:43px;margin:0;line-height:1.03}
.proto-phone-lab .proto-demo p{font-size:14px;line-height:1.5}
.proto-phone-lab .proto-demo-options{margin:25px 0 22px}
.proto-phone-lab .proto-demo-options label{min-height:76px;padding:12px 10px;gap:10px;background:#fff;transition:background .2s,border-color .2s}
.proto-phone-lab .proto-demo-options label:has(input:checked){background:#eaeae5;border-color:#494942}
.proto-phone-lab .proto-demo-options label>svg{flex-shrink:0;width:23px}
.proto-phone-lab .proto-demo-options strong{font-size:14px;line-height:1.4}
.proto-phone-lab .proto-demo-next{min-height:50px;border-radius:16px;margin-top:0;transition:background .2s,transform .2s}
.proto-phone-lab .proto-demo-next:active{transform:scale(.98)}
.proto-phone-lab .proto-demo-back{font-size:14px;text-align:center;margin:6px 0 -6px}
.proto-phone-lab .proto-demo-times{margin:25px 0 20px}
.proto-phone-lab .proto-demo-times label span{min-height:52px;border-radius:13px}
.proto-phone-lab .proto-demo-summary>div{gap:10px}
.proto-phone-lab .proto-demo-summary dd{text-align:right}
.proto-phone-lab .proto-demo-check{margin:8px 0 19px}
.proto-phone-lab .proto-demo p.proto-demo-safe{font-size:12px}
.proto-phone-steps{display:flex;justify-content:space-between;list-style:none;padding:17px 20px 16px;margin:0 20px;border-top:1px solid #deded8;gap:12px;font-size:12px;color:#72726a}
.proto-phone-steps li{display:flex;flex-direction:column;align-items:center;gap:6px;line-height:1.3}
.proto-phone-steps li>span{font-size:12px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#eaeae5}
.proto-phone-steps li[aria-current=step]{color:#171717;font-weight:600}
.proto-phone-steps li[aria-current=step]>span{background:#171717;color:#fff}
.proto-phone-steps li.is-complete>span{box-shadow:inset 0 0 0 1px #72726a}
.proto-phone-home{width:104px;height:5px;border-radius:8px;background:#171717;margin:7px auto 0}
.proto-phone-lab .proto-lab-foot{color:var(--pr-muted);margin:20px 7px 0}
.proto-phone-lab .proto-demo-dots i{background:var(--pr-line)}
.proto-phone-lab .proto-demo-dots i.is-active{background:var(--pr-ink)}
.proto-phone-lab p.proto-lab-note{color:var(--pr-muted);margin:12px 7px 0}
@media(max-width:1100px) and (min-width:768px),(max-width:359px){
 .proto-product-panel .proto-phone-lab .proto-demo{padding-inline:14px}
 .proto-phone-status{padding-inline:18px}.proto-phone-island{width:82px}
 .proto-phone-lab .proto-demo-head{gap:7px}.proto-phone-lab .proto-demo-brand{font-size:19px}
 .proto-phone-lab .proto-demo-tag{padding-inline:6px}
 .proto-phone-lab .proto-demo-options label{gap:8px;padding-inline:8px}
 .proto-phone-lab .proto-demo h2{font-size:39px}
 .proto-phone-steps{margin-inline:14px;padding-inline:10px}
}
@media(prefers-reduced-motion:reduce){.proto-build-sticky{position:static}.proto-wire,.proto-designed,.proto-build-stamp,.proto-product-tabs button,.proto-shop-options button{transition:none!important;animation:none!important}}
@media(prefers-reduced-motion:reduce){.proto-phone-lab .proto-demo-next,.proto-phone-lab .proto-demo-options label{transition:none!important}.proto-phone-lab .proto-demo-next:active{transform:none}}

/* Everyday has its own sample-app identity; the marketing site stays monochrome. */
.proto-phone-lab{--app-blue:#3350d7;--app-ink:#202c50;--app-muted:#56627a}
.proto-phone-lab .proto-phone-screen{background:#f5f7ff;color:var(--app-ink)}
.proto-phone-lab .proto-demo{color:var(--app-ink)}
.proto-phone-lab .proto-demo-head{margin-bottom:20px;padding-bottom:0;border:0}
.proto-phone-lab .proto-demo-brand{color:var(--app-blue);letter-spacing:-.9px;font-weight:700}
.proto-phone-lab .proto-demo-brand>span{color:#df6b36}
.proto-phone-lab .proto-demo-tag{color:#344faa;background:#e8edff;border-color:#c8d2ff}
.proto-phone-lab .proto-demo-stage{min-height:480px}
.proto-phone-lab .proto-demo .proto-demo-eyebrow{color:#5267a9;letter-spacing:.06em}
.proto-phone-lab .proto-demo h2{font-size:38px;color:var(--app-ink);letter-spacing:-.055em}
.proto-phone-lab .proto-demo p{color:var(--app-muted)}
.proto-app-welcome{position:relative;min-height:183px;border-radius:21px;overflow:hidden;background:#243b7d;isolation:isolate}
.proto-app-welcome>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%;z-index:-2}
.proto-app-welcome::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,28,66,.91),rgba(13,28,66,.6) 47%,rgba(13,28,66,.02) 90%);z-index:-1}
.proto-app-welcome>div{padding:20px 17px}
.proto-phone-lab .proto-app-welcome .proto-demo-eyebrow{color:#e1e9ff;font-size:12px!important;letter-spacing:.025em}
.proto-phone-lab .proto-app-welcome h2{font-size:36px;color:#fff;line-height:1.05}
.proto-phone-lab .proto-app-welcome p{font-size:13px;color:#f0f3ff;margin-top:10px}
.proto-phone-lab .proto-demo-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:19px 0 19px}
.proto-phone-lab .proto-demo-options legend{font-size:14px;font-weight:600;color:var(--app-ink);margin-bottom:11px;padding:0}
.proto-phone-lab .proto-demo-options label{margin:0;min-height:148px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;padding:12px 11px;border-color:#dce3f3;border-radius:17px;background:#fff;box-shadow:0 3px 7px #26396b05}
.proto-phone-lab .proto-demo-options label:has(input:checked){background:#edf1ff;border-color:var(--app-blue);box-shadow:inset 0 0 0 1px var(--app-blue)}
.proto-service-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#dce5ff;color:#2d4bc0}
.proto-service-icon>svg{width:22px;height:22px}
.proto-phone-lab .proto-demo-options label:nth-of-type(2) .proto-service-icon{background:#ffeadb;color:#a3451f}
.proto-phone-lab .proto-demo-options strong{font-size:14px;line-height:1.35;font-weight:600}
.proto-phone-lab .proto-demo-options small{margin-top:5px;color:var(--app-muted);line-height:1.45}
.proto-phone-lab .proto-radio{position:absolute;top:13px;right:11px;width:16px;height:16px;border-color:#8894b2;background:#fff}
.proto-phone-lab .proto-demo input:checked~.proto-radio{background:var(--app-blue);border-color:var(--app-blue);box-shadow:inset 0 0 0 3px #edf1ff}
.proto-phone-lab .proto-demo-next{background:var(--app-blue);box-shadow:0 5px 12px #3350d726;color:#fff}
.proto-phone-lab .proto-demo-next:hover{background:#263db0}
.proto-phone-lab .proto-demo-back{color:#344faa}
.proto-phone-lab .proto-demo-options label:has(input:focus-visible),.proto-phone-lab .proto-demo-times label:has(input:focus-visible){outline-color:#3350d7}
.proto-phone-lab .proto-demo-next:focus-visible,.proto-phone-lab .proto-demo-back:focus-visible{outline:3px solid #3350d7;outline-offset:3px}
.proto-phone-lab .proto-demo-times{gap:12px;margin-top:28px;margin-bottom:28px}
.proto-phone-lab .proto-demo-times legend{font-size:14px;color:var(--app-muted)}
.proto-phone-lab .proto-demo-times label span{background:#fff;border-color:#bdc9e8;color:var(--app-ink);min-height:59px}
.proto-phone-lab .proto-demo-times input:checked+span{background:var(--app-blue);border-color:var(--app-blue);color:#fff;box-shadow:0 4px 10px #3350d726}
.proto-phone-lab .proto-demo-check{width:59px;height:59px;border:0;background:#e8e1ff;color:#6540b4;box-shadow:0 0 0 8px #efebff;margin:19px 8px 28px}
.proto-phone-lab .proto-demo-check svg{width:27px;height:27px}
.proto-phone-lab .proto-demo-summary{padding:7px 15px;margin:24px 0 10px;background:#fff;border:1px solid #dce3f3;border-radius:17px;box-shadow:0 5px 12px #26396b06}
.proto-phone-lab .proto-demo-summary>div{border-color:#e3e8f4;flex-wrap:wrap;gap:6px;padding:12px 0}
.proto-phone-lab .proto-demo-summary>div:last-child{border:0}
.proto-phone-lab .proto-demo-summary dt{color:var(--app-muted)}
.proto-phone-lab .proto-demo-summary dd{color:var(--app-ink);margin-left:auto}
.proto-phone-lab .proto-phone-steps{border-color:#dce3f3;color:var(--app-muted)}
.proto-phone-lab .proto-phone-steps li>span{background:#e7edfc;color:#526386}
.proto-phone-lab .proto-phone-steps li[aria-current=step]{color:var(--app-blue)}
.proto-phone-lab .proto-phone-steps li[aria-current=step]>span{background:var(--app-blue);color:#fff;box-shadow:0 3px 7px #3350d726}
.proto-phone-lab .proto-phone-steps li.is-complete>span{background:#e8e1ff;color:#6540b4;box-shadow:none}
@media(max-width:1100px) and (min-width:768px),(max-width:359px){.proto-phone-lab .proto-demo-options label{padding:11px 9px;min-height:162px}.proto-phone-lab .proto-demo-options{gap:8px}.proto-phone-lab .proto-radio{right:9px}.proto-phone-lab .proto-demo h2{font-size:35px}.proto-phone-lab .proto-app-welcome h2{font-size:36px}}