/* Figma 2722:22704: the five-phone fan and the matching industry proof. */
.hero{overflow:clip}
.hero-showcase{position:absolute;inset:0;pointer-events:none}
.hero-proof[hidden]{display:none}
.hero-proof-fan{position:absolute;left:840px;top:193px;width:502px;height:605px;perspective:1200px;pointer-events:auto;touch-action:pan-y;cursor:grab;user-select:none}
.hero-proof-fan:active{cursor:grabbing}
.hero-proof-card{position:absolute;left:90.076px;top:0;width:323.074px;height:604.852px;object-fit:cover;border:6px solid #eef7ff;border-radius:15.2px;box-shadow:0 0 6.08px #0004;box-sizing:border-box;background:#fff;overflow:hidden;backface-visibility:hidden;transition:transform .8s ease,opacity .8s ease;will-change:transform}
.hero-proof-card>video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.hero-proof-card.is-recycling{transition:none}
.hero-proof-card[data-position="-3"],.hero-proof-card[data-position="3"],.hero-proof-card[data-position="4"]{opacity:0;pointer-events:none}
.hero-proof-card[data-position="-2"]{transform:translate3d(-36%,14%,-200px);z-index:3}
.hero-proof-card[data-position="-1"]{transform:translate3d(-18%,7%,-100px);z-index:4}
.hero-proof-card[data-position="0"]{transform:translate3d(0,0,0);z-index:5}
.hero-proof-card[data-position="1"]{transform:translate3d(24%,7%,-100px);z-index:4}
.hero-proof-card[data-position="2"]{transform:translate3d(48%,14%,-200px);z-index:3}
.hero-proof-pause{display:flex;align-items:center;justify-content:center;font:700 13px/1 sans-serif;color:var(--blue)}
.hero-proof-controls>.hero-proof-pause:before{display:none}
@media(prefers-reduced-motion:reduce){.hero-proof-card{transition:none;will-change:auto}}
.hero-proof-metric{position:absolute;left:608px;top:560.084px;display:flex;align-items:flex-end;gap:7.887px;line-height:1}
.hero-proof-industry{width:86.761px;height:86.761px;border-radius:50%;background:#def4ff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:16.713px;text-align:center;color:var(--blue)}
.hero-proof-industry>img{width:31.546px;height:31.546px;object-fit:contain}
.hero-proof-values{text-align:center}
.hero-proof-values>b{display:block;font:800 31.704px/28px Geist,sans-serif;color:#211713;margin-bottom:6.573px}
.hero-proof-values>p{font:700 22.135px/28px Geist,sans-serif;white-space:nowrap}
.hero-proof-values>p>span{font-size:16px;color:var(--cyan)}
.hero-proof-values>p>strong{font-size:31.704px}
.hero-proof-values>em{display:block;font:900 84.131px/1 Geist,sans-serif;color:#006efe;font-style:normal;margin-top:0;white-space:nowrap}
.hero-proof-values>em>span{font:900 60px/1 'Noto Sans JP',sans-serif;color:var(--ink)}
.hero-proof-mechanic .hero-proof-metric,.hero-proof-btob .hero-proof-metric{left:569.5px;top:560.084px}
.hero-proof-law .hero-proof-metric{left:611px;top:619px;transform:scale(.76);transform-origin:top left}
.hero-proof-before{position:absolute;left:666.5px;top:404px;text-align:center}
.hero-proof-before>b{display:block;font:900 20px/1 Geist,sans-serif;margin-bottom:24px}
.hero-proof-before>img{width:86px;height:151px;margin:auto;object-fit:contain}
.hero-proof-after{position:absolute;left:1039px;top:136px;color:#006efe;font:900 32px/1 Geist,sans-serif}
.hero-proof-arrow{position:absolute;left:746px;top:459px;width:124.867px}
.hero-proof-controls{position:absolute;left:1380px;top:454px;display:flex;flex-direction:column;pointer-events:auto}
.hero-proof-controls>button{width:33px;height:21px;padding:6px 12px}
.hero-proof-controls>button:before{content:'';display:block;width:9px;height:9px;border-radius:50%;background:#fff;border:1px solid var(--blue);box-sizing:border-box;opacity:.65}
.hero-proof-controls>button[aria-pressed=true]:before{opacity:1;background:var(--blue)}
.top-about-phone{background:transparent;border:6px solid #eef7ff;box-sizing:border-box}
.top-about-phone>video{display:block;width:100%;height:100%;object-fit:cover}
.top-about-phone-3{box-shadow:none}
.top-metric-industry small{text-align:center;line-height:1.4}
@media(max-width:700px){
 .hero-showcase{inset:auto;left:50%;top:540px;width:800px;height:666px;transform:translateX(-50%) scale(.47);transform-origin:top center}
 .hero-proof-fan{left:270px;top:10px}
 .hero-proof-metric{left:38px;top:377px}
 .hero-proof-mechanic .hero-proof-metric,.hero-proof-btob .hero-proof-metric{left:0;top:419px}
 .hero-proof-law .hero-proof-metric{left:41px;top:436px}
 .hero-proof-before{left:96.5px;top:221px}
 .hero-proof-after{left:469px;top:-47px}
 .hero-proof-arrow{left:176px;top:276px}
 .hero-proof-controls{left:calc(50% - 88px);top:650px;flex-direction:row;gap:0;transform:scale(1.5);transform-origin:center top}
 .hero-proof-controls>button{width:44px;height:36px;padding:10px 17px}
 .hero{min-height:920px}.hero-canvas{min-height:920px}
 .top-metric{gap:5px}.top-metric-industry{flex-basis:58px}
}
@media(max-width:374px){.hero-showcase{transform:translateX(-50%) scale(.41)}}

/* Each screen joins the pile through normal scrolling; no timed reveal or scroll interception. */
.top-about{height:auto;overflow:visible}
.top-about-story{width:min(1440px,100%);margin:auto;display:grid;grid-template-columns:calc(430px * var(--top-scale)) calc(637px * var(--top-scale));gap:calc(182px * var(--top-scale));padding:calc(170px * var(--top-scale)) calc(93px * var(--top-scale)) 0 calc(98px * var(--top-scale));align-items:start}
.top-about-story .top-about-phones{position:relative;left:auto;top:auto;width:100%;height:auto;margin:calc(57px * var(--top-scale)) 0 0;transform:none;padding-bottom:calc(70px * var(--top-scale))}
.top-about-story .top-about-phone{position:sticky;left:auto;top:calc(var(--site-header-bottom,100px) + 20px + var(--pile-offset));width:calc(333px * var(--top-scale));height:calc(610px * var(--top-scale));margin:0 0 calc(70px * var(--top-scale)) calc(40px * var(--top-scale));translate:none;opacity:1;will-change:auto;z-index:var(--pile-order);background:#fff}
.top-about-story .top-about-phone-0{--pile-offset:0px;--pile-order:1}
.top-about-story .top-about-phone-1{--pile-offset:calc(8px * var(--top-scale));--pile-order:2}
.top-about-story .top-about-phone-2{--pile-offset:calc(16px * var(--top-scale));--pile-order:3}
.top-about-story .top-about-phone-3{--pile-offset:calc(24px * var(--top-scale));--pile-order:4;width:calc(325.823px * var(--top-scale));margin-bottom:0;border-radius:14px;overflow:hidden}
.top-about-copy-track{align-self:stretch;min-width:0}
.top-about-copy-pin{position:sticky;top:calc(var(--site-header-bottom,100px) + 20px);height:calc(778px * var(--top-scale))}
.top-about-story .top-about-copy{position:absolute;left:0;top:0;width:637px;height:778px;transform:scale(var(--top-scale));transform-origin:top left}
.top-about-outro{height:430px}
.top-about-outro .top-about-memory{top:125px}
.top-about-outro .top-about-mascot{top:235px}
@media(min-width:701px){.top-about-outro{margin-bottom:calc(-430px * (1 - var(--top-scale)))}}
@media(max-width:700px){
 .top-about-story{display:flex;flex-direction:column;width:100%;padding:0;gap:0}
 .top-about-copy-track{order:1;width:100%}.top-about-copy-pin{position:static;height:auto}
 .top-about-story .top-about-copy{position:relative;width:100%;height:auto;transform:none}
 .top-about-story .top-about-phones{order:2;--top-scale:.7;width:290px;align-self:center;margin:50px 0 0;padding-bottom:40px}
 .top-about-story .top-about-phone{margin-bottom:60px;margin-left:28px;top:calc(var(--site-header-bottom,85px) + 20px + var(--pile-offset))}
 .top-about-story .top-about-phone-3{margin-bottom:0}
 .top-about-outro{height:auto}
 .top-about-outro .top-about-memory{top:0;margin-top:25px}
 .top-about-outro .top-about-mascot{top:0}
}
@media(prefers-reduced-motion:reduce){
 .top-about-story .top-about-phone,.top-about-copy-pin{position:relative;top:0}
}