/* Existing Why markup and assets; native scroll now owns every scene. */
totoka-why-totoka{display:block;position:relative;isolation:isolate;background:#e8edef;color:var(--why-body,#42494e);font-family:var(--font-body-family,Arial,sans-serif);--why-height:100svh}
totoka-why-totoka *,totoka-why-totoka *::before,totoka-why-totoka *::after{box-sizing:border-box}
totoka-why-totoka [hidden]{display:none!important}
totoka-why-totoka .why-stage{position:relative;background:radial-gradient(ellipse at 18% 15%,#f8fafb,transparent 65%),#e8edef}
totoka-why-totoka .why-bookend{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:75svh;padding:80px 7vw;text-align:center}
totoka-why-totoka .why-eyebrow{font:11px/1.5 var(--font-body-family,Arial,sans-serif);letter-spacing:.18em;text-transform:uppercase;color:var(--why-heading,#343c42);margin:0 0 24px}
totoka-why-totoka .why-heading{font-family:var(--why-font,Georgia,serif);font-size:clamp(38px,5.2vw,var(--why-size,76px));font-weight:400;line-height:1.06;letter-spacing:-.035em;color:var(--why-heading,#343c42);margin:0;max-width:13ch;overflow-wrap:break-word}
totoka-why-totoka .why-bookend .why-heading{font-size:clamp(46px,7.5vw,108px);max-width:18ch}
totoka-why-totoka .why-bookend .why-heading span{display:block}
totoka-why-totoka .why-intro>.why-eyebrow{position:absolute;top:42px;left:6vw}
totoka-why-totoka .why-body{font-size:17px;line-height:1.65;max-width:34ch;margin:24px 0 0}
totoka-why-totoka .why-intro-support{position:absolute;bottom:9%;max-width:52ch;margin:0;text-align:center;font-size:15px;padding:0 20px}
totoka-why-totoka .why-proof{font-size:12px;letter-spacing:.05em;line-height:1.6;max-width:38ch;margin:24px 0 0;color:#526573}
totoka-why-totoka .why-cta{display:inline-flex;align-items:center;min-height:44px;margin-top:24px;padding:9px 0;color:var(--why-heading,#343c42);font-size:13px;text-decoration:underline;text-underline-offset:7px}
totoka-why-totoka :is(a,button):focus-visible{outline:2px solid #425c70;outline-offset:6px}
totoka-why-totoka .why-chapter{position:relative;min-height:700px;isolation:isolate;overflow:hidden}
totoka-why-totoka .why-media{position:absolute;inset:0;z-index:0;opacity:.48;overflow:hidden}
totoka-why-totoka .why-media picture{display:block;width:100%;height:100%}
totoka-why-totoka .why-image{width:100%;height:100%;object-fit:cover;object-position:var(--why-x,50%) var(--why-y,50%);transform:scale(calc(1 + var(--story-progress,0)*.025))}
totoka-why-totoka .why-media::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#edf1f3 0,#edf1f3e8 28%,#edf1f344 58%,transparent 85%)}
totoka-why-totoka .why-copy{position:relative;z-index:3;width:43%;padding:120px 0 120px 6vw}
totoka-why-totoka .why-story{position:absolute;inset:0;z-index:2;pointer-events:none}
totoka-why-totoka .why-product{position:absolute;left:var(--product-x,72%);top:var(--product-y,50%);width:calc(15vw * var(--product-scale,1));max-width:410px;transform:translate(-50%,-50%);z-index:var(--product-depth,3)}
totoka-why-totoka .why-product picture{display:block}
totoka-why-totoka .why-product-image{display:block;width:100%;height:auto;max-height:50svh;object-fit:contain;filter:drop-shadow(8px 15px 13px #293c4c1c)}
totoka-why-totoka .why-product-motion{opacity:var(--product-opacity,1)}
totoka-why-totoka .why-analysis{position:absolute;left:var(--hero-x,72%);top:var(--hero-y,50%);width:43vw;max-width:690px;transform:translate(-50%,-50%);color:#617788;z-index:6}
totoka-why-totoka .why-analysis svg{display:block;width:100%;height:auto;overflow:visible}
totoka-why-totoka .why-analysis-lines{opacity:var(--line-opacity,.4)}
totoka-why-totoka .why-analysis-nodes{opacity:var(--node-opacity,.75)}
totoka-why-totoka .why-analysis-labels,totoka-why-totoka .why-path-labels{position:absolute;inset:0;color:#465e70}
totoka-why-totoka .why-analysis-labels span,totoka-why-totoka .why-path-labels span{position:absolute;transform:translateY(-50%);font:11px/1.5 var(--font-body-family,Arial,sans-serif);letter-spacing:.04em}
totoka-why-totoka .why-path-labels span{transform:translate(-50%,15px)}
totoka-why-totoka .why-relevance-path{position:absolute;inset:0;width:100%;height:100%;opacity:var(--path-opacity,.6)}
totoka-why-totoka .why-relevance-path--mobile,totoka-why-totoka .why-scan{display:none}
totoka-why-totoka .why-progress{display:none;position:absolute;z-index:5;bottom:24px;left:6vw;width:235px;gap:20px}
totoka-why-totoka .why-step{min-height:44px;min-width:44px;flex:1;padding:10px 0;border:0;border-bottom:1px solid #657b8944;background:transparent;color:#475b68;text-align:left;font:11px var(--font-body-family,Arial,sans-serif);cursor:pointer}
totoka-why-totoka .why-step[aria-current]{border-bottom:2px solid #475b68}
totoka-why-totoka.is-enhanced{height:var(--why-track,600svh)}
totoka-why-totoka.is-enhanced .why-stage{position:sticky;top:var(--why-top,0px);height:var(--why-height);overflow:clip;isolation:isolate}
totoka-why-totoka.is-enhanced :is(.why-bookend,.why-chapter){position:absolute;inset:0;min-height:0;opacity:var(--scene-opacity,0);transform:translateY(var(--scene-shift,0));pointer-events:none}
totoka-why-totoka.is-enhanced .why-stage > [aria-hidden=false]{pointer-events:auto}
totoka-why-totoka.is-enhanced .why-stage > [aria-hidden=true]{visibility:hidden}
totoka-why-totoka.is-enhanced .why-bookend{height:100%;padding:8vh 6vw}
totoka-why-totoka.is-enhanced .why-copy{position:absolute;top:50%;transform:translateY(-50%);padding:0 0 0 6vw}
totoka-why-totoka.is-enhanced .why-progress{display:flex}
@media(max-width:989px){
 totoka-why-totoka .why-heading{font-size:clamp(31px,7.8vw,52px);max-width:17ch}
 totoka-why-totoka .why-bookend .why-heading{font-size:clamp(40px,10vw,74px)}
 totoka-why-totoka .why-body{font-size:14px;line-height:1.55;margin-top:16px;max-width:36ch}
 totoka-why-totoka .why-proof{font-size:11px;margin-top:14px}
 totoka-why-totoka .why-cta{font-size:12px;margin-top:12px}
 totoka-why-totoka .why-eyebrow{font-size:10px;margin-bottom:16px}
 totoka-why-totoka .why-copy{width:100%;padding:35px 7vw 0}
 totoka-why-totoka .why-chapter{min-height:780px}
 totoka-why-totoka .why-story{top:43%;bottom:40px}
 totoka-why-totoka .why-product{left:var(--product-mx,50%);top:var(--product-my,50%);width:calc(26vw * var(--product-mscale,1));max-width:310px}
 totoka-why-totoka .why-product-image{max-height:32svh}
 totoka-why-totoka .why-media{opacity:.34}
 totoka-why-totoka .why-media::after{background:linear-gradient(#edf1f3 0,#edf1f3e6 35%,transparent 70%)}
 totoka-why-totoka .why-analysis{left:var(--hero-mx,50%);top:var(--hero-my,50%);width:87vw}
 totoka-why-totoka .why-relevance-path--desktop{display:none}
 totoka-why-totoka .why-relevance-path--mobile{display:block}
 totoka-why-totoka .why-analysis-labels span,totoka-why-totoka .why-path-labels span{font-size:10px}
 totoka-why-totoka.is-enhanced{height:var(--why-mobile-track,560svh)}
 totoka-why-totoka.is-enhanced .why-copy{top:30px;transform:none;padding:0 7vw;width:100%}
 totoka-why-totoka .why-progress{bottom:12px;left:7vw;width:180px}
 totoka-why-totoka .why-intro>.why-eyebrow{top:30px;left:7vw}
 totoka-why-totoka .why-intro-support{font-size:13px;bottom:10%;max-width:40ch}
}
@media(min-width:990px) and (max-height:740px){totoka-why-totoka .why-heading{font-size:clamp(34px,4vw,54px)}totoka-why-totoka .why-body{font-size:14px;margin-top:16px}totoka-why-totoka .why-proof,totoka-why-totoka .why-cta{margin-top:14px}}
@media(prefers-reduced-motion:reduce){totoka-why-totoka *,totoka-why-totoka *::before{animation:none!important;transition:none!important}}

totoka-why-totoka[data-progress="center"] .why-progress{left:50%;transform:translateX(-50%)}

@media(max-width:989px){totoka-why-totoka .why-path-labels span{left:var(--node-mx)!important;top:80%!important}}