.hero-phone{aspect-ratio:734/1466;--hero-mask:url(/case-assets/hero-video-mask.png);width:100%;max-width:280px;-webkit-mask-image:var(--hero-mask);mask-image:var(--hero-mask);background:#000;margin:0 auto;position:relative;overflow:hidden;mask-size:100% 100%;mask-repeat:no-repeat}.hero-phone video{object-fit:cover;width:100%;height:100%;display:block}.scenario-phone{aspect-ratio:732/1466;cursor:pointer;background:#000;width:100%;max-width:220px;margin:0 auto;position:relative;overflow:hidden;mask-image:url(/case-assets/limits-scenario-mask.png);mask-size:100% 100%;mask-repeat:no-repeat}.scenario-phone video{object-fit:cover;width:100%;height:100%;display:block}.flow-phone{aspect-ratio:732/1466;cursor:pointer;background:#000;width:100%;max-width:262px;margin:0 auto;position:relative;overflow:hidden;mask-image:url(/case-assets/order-preview-scenario-mask.png);mask-size:100% 100%;mask-repeat:no-repeat}.flow-phone video{object-fit:cover;width:100%;height:100%;display:block}.phone-loader{opacity:0;pointer-events:none;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:opacity .25s;display:flex;position:absolute;inset:0}.phone-loader.is-visible{opacity:1}.phone-loader__spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:26px;height:26px;animation:.8s linear infinite phone-loader-spin}@keyframes phone-loader-spin{to{transform:rotate(360deg)}}.phone-loader__text{text-align:center;color:#fff;max-width:140px;font-size:13px;line-height:1.3}.phone-hint{opacity:1;pointer-events:none;background:#00000080;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:opacity .25s;display:flex;position:absolute;inset:0}.phone-hint.is-hidden{opacity:0}.phone-hint__circle{background:#ffffff38;border:1.5px solid #fff9;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.phone-hint__circle svg{width:15px;height:15px}.phone-hint__text{max-width:140px;font-size:var(--text-small);text-align:center;color:#fff;line-height:1.3}.flow-diagram-scroll{width:100%;overflow-x:auto}.flow-diagram-scroll img{border-radius:32px;width:auto;max-width:none;height:480px;display:block}@media (width<=899px){.flow-diagram-scroll img{height:320px}}.flow-lens{border:1px solid var(--border);background:var(--card-alt);z-index:60;pointer-events:none;border-radius:24px;width:640px;max-width:40vw;height:500px;display:none;position:fixed;top:50%;right:40px;overflow:hidden;transform:translateY(-50%);box-shadow:0 16px 40px #0000002e}.flow-lens.is-active{display:block}.flow-lens__img{border-radius:0;max-width:none;position:absolute;top:0;left:0}@media (width<=899px){.flow-lens{display:none!important}}.entry-diagram-scroll{width:100%;max-width:1100px;margin:0 auto}.entry-diagram-scroll img{width:100%;height:auto;display:block}@media (width<=899px){.entry-diagram-scroll{overflow-x:auto}.entry-diagram-scroll img{width:auto;max-width:none;height:340px}}.phone-mock{aspect-ratio:786/1599;width:100%;max-width:220px;margin:0 auto;position:relative}.phone-mock__shot{object-fit:cover;object-position:top;width:90.59%;height:96%;display:block;position:absolute;top:2%;left:4.83%}.phone-mock__frame{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.shot,.callout-shot{width:100%;max-width:260px;margin:0 auto}.shot img,.callout-shot img{width:100%;height:auto;display:block}.callout-shot{max-width:240px}.mockup-caption{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.mockup-caption__title{font-size:var(--text-h3);line-height:var(--text-h3-lh);color:var(--ink);font-weight:700}.mockup-caption__subtitle{color:var(--ink-soft);font-size:18px;font-weight:500;line-height:18px}.section{padding-block:32px;position:relative}@media (width>=900px){.section{padding-block:60px}.section:first-of-type{padding-top:96px}.section:last-of-type{padding-bottom:96px}}.section>.container{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.hero .container{gap:24px}.hero__titleblock{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}@media (width>=900px){.hero .container{gap:70px}.hero__titleblock{gap:20px;position:relative}}.hero__title{font-size:var(--text-h1);line-height:var(--text-h1-lh);text-align:center;text-wrap:balance;font-weight:700}.hero__squiggle{display:none}@media (width>=900px){.hero__squiggle{width:182px;display:block;position:absolute;top:-4px;left:calc(71.5% + 34px)}}.grid-3{grid-template-columns:1fr;gap:20px;width:100%;display:grid}@media (width>=900px){.grid-3{grid-template-columns:repeat(3,1fr)}}.bullet{flex-direction:column;align-items:flex-start;display:flex}.bullet>*+*{margin-top:10px}.bullet>.hyp-label+*,.bullet>.badge+*{margin-top:24px}.compare{align-items:center;gap:var(--space-5);flex-direction:column;width:100%;display:flex;position:relative}@media (width>=900px){.compare{flex-direction:row;justify-content:center;gap:90px}}.compare__col{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.compare__pair{align-items:center;gap:12px;display:flex}.compare__pair .shot{max-width:228px}.why-ui{gap:var(--space-4);flex-direction:column;width:100%;display:flex}@media (width>=900px){.why-ui{flex-direction:row;align-items:flex-start;gap:48px}.why-ui__text{gap:var(--space-3);flex-direction:column;flex:1;display:flex}.why-ui__diagram{flex:1;justify-content:center;display:flex}}.why-ui__text{gap:var(--space-3);flex-direction:column;display:flex}.annotated{display:none}.simple-list{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.simple-list__item{gap:var(--space-2);font-size:var(--text-body);line-height:var(--text-body-lh);color:var(--ink-soft);align-items:flex-start;display:flex}.simple-list__dot{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px;margin-top:9px}.callout-list{gap:var(--space-2);flex-direction:column;width:100%;max-width:320px;margin:0 auto;display:flex}.callout-list__item{gap:var(--space-2);font-size:var(--text-small);color:var(--ink-soft);align-items:flex-start;display:flex}.callout-list__dot{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px;margin-top:7px}.annotated-img{width:100%;max-width:480px;margin:0 auto}@media (width>=900px){.callout-list{display:none}}@media (width<=899px){.annotated-img{display:none}}.interview-photo{width:100%;max-width:380px;margin:0 auto}.grid-2{grid-template-columns:1fr;gap:20px;width:100%;display:grid}@media (width>=900px){.grid-2{grid-template-columns:1fr 1fr}#flow-compare-grid{justify-content:center;gap:114px;display:flex}#flow-compare-grid>div{width:262px}.span-rows-3{grid-row:span 3;align-self:start;position:sticky;top:32px}}.hyp-label{font-size:var(--text-body);color:var(--accent)}.hyp-label--muted{color:var(--ink-soft)}.badge{color:var(--accent);font-size:var(--text-body);align-items:center;gap:8px;width:fit-content;display:inline-flex}.results-grid{grid-template-columns:1fr;gap:20px;width:100%;display:grid}@media (width>=900px){.results-grid{grid-template-columns:1fr 1fr}}.stat-pair{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=500px){.stat-pair{grid-template-columns:1fr 1fr}}.stat-tag{font-size:var(--text-body);color:var(--accent)}.stat-tag--muted{color:var(--ink-soft)}.stat-value{font-size:var(--text-h2);white-space:nowrap;align-items:center;gap:8px;font-weight:700;display:flex}.stat-value img{width:26px;height:auto}.stat-label{font-size:var(--text-body);color:var(--ink-soft)}.case-shell__close{z-index:100;background:var(--card-alt);width:40px;height:40px;color:var(--ink);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex;position:fixed;top:20px;right:20px}.case-shell__close:hover{background:var(--ink);color:var(--card-alt);border-color:var(--ink)}.case-shell{background:var(--bg);position:fixed;inset:0;overflow:hidden auto}body.is-closing .case-shell,body.is-closing .case-shell__close,body.is-closing .case-toc{pointer-events:none}body:has(.case-shell){background:#e4e2e2;overflow:hidden}@media (width>=900px){.case-shell{border-radius:32px;inset:20px;box-shadow:0 24px 64px #0000002e}.case-shell__close{top:40px;right:40px}}.case-toc{display:none}@media (width>=900px){.case-toc{z-index:90;display:block;position:fixed;top:50%;right:64px;transform:translateY(-50%)}}.case-toc__dots{flex-direction:column;align-items:center;gap:12px;padding:8px;display:flex}.case-toc__dot{background:#d6d6d6;border-radius:50%;width:6px;height:6px;transition:background .15s,transform .15s}.case-toc__dot.is-active{background:var(--ink);transform:scale(1.3)}.case-toc__popover-zone{opacity:0;visibility:hidden;pointer-events:none;padding-right:16px;transition:opacity .15s;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.case-toc:hover .case-toc__popover-zone,.case-toc:focus-within .case-toc__popover-zone{opacity:1;visibility:visible;pointer-events:auto}.case-toc__popover{background:var(--card-alt);border-radius:var(--radius-card);padding:var(--space-3);width:max-content;max-width:260px;box-shadow:0 12px 32px #00000024}.case-toc__popover ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.case-toc__popover a{font-size:var(--text-small);color:var(--ink-soft);line-height:1.3;text-decoration:none;transition:color .15s;display:block}.case-toc__popover a:hover{color:var(--ink)}.case-toc__popover a.is-active{color:var(--ink);font-weight:600}