.ss{--p:0;height:280vh;position:relative}.ss-pin{justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0}.ss-box{--t:clamp(0, calc(var(--p) * 1.9), 1);color:#f7f3ee;width:calc(100% - (1 - var(--t)) * 96px);height:calc(70vh + var(--t) * 30vh);border-radius:calc((1 - var(--t)) * 34px);background:#0b0a09;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 90px -50px #0009}.ss-box>.en{z-index:0}.ss-copy{z-index:1;max-width:1100px;opacity:calc(1 - var(--p) * 3.4);transform:translateY(calc(var(--p) * -60px));pointer-events:calc(1 - var(--p) * 3.4);flex-direction:column;justify-content:center;align-items:flex-start;padding:0 clamp(28px,7vw,110px);display:flex;position:absolute;inset:0}.ss-copy h2{letter-spacing:-.03em;color:#fff;font-size:clamp(38px,5.6vw,76px);line-height:1.03}.ss-copy h2 em{background:linear-gradient(90deg,#ffc93c,#ff9a1f);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.ss-copy p{color:#f7f3eec7;max-width:46ch;margin-top:18px;font-size:18px;line-height:1.55}.ss-copy .ss-cta{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.ss-copy .btn-ghost{color:#fff;background:0 0;border-color:#ffffff59}.ss-demo{z-index:1;width:min(1120px,92%);opacity:clamp(0, calc((var(--p) - .42) * 4), 1);transform:translateY(calc((1 - clamp(0, (var(--p) - .42) * 2.4, 1)) * 90px)) scale(calc(.92 + clamp(0, (var(--p) - .42) * 1.8, 1) * .08));background:var(--deep);color:var(--ink);border-radius:18px;height:min(600px,74vh);position:relative;overflow:hidden;box-shadow:0 30px 80px -20px #000000b3,0 0 0 1px #ffffff14}@media (max-width:720px){.ss{height:240vh}.ss-box{width:calc(100% - (1 - var(--t)) * 28px);border-radius:calc((1 - var(--t)) * 24px)}.ss-demo{width:94%}}@media (prefers-reduced-motion:reduce){.ss{height:auto}.ss-pin{height:auto;padding:20px 0;position:static}}.ss-intro{text-align:center;padding:70px 0 30px}.eco{text-align:center;padding:90px 0 70px;overflow:hidden}.eco h2{letter-spacing:-.025em;font-size:clamp(30px,4vw,48px)}.eco h2 em{color:var(--brand);font-style:normal}.eco p{max-width:56ch;color:var(--ink-2);margin:12px auto 0;font-size:17px}.eco-row{gap:20px;width:max-content;margin-top:44px;animation:40s linear infinite eco-run;display:flex}.eco-row:hover{animation-play-state:paused}.eco-t{background:var(--raise);border:1px solid var(--line);width:190px;height:130px;box-shadow:var(--shadow-s);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.eco-t i{color:#fff;width:46px;height:46px;font:700 20px var(--font-display,inherit), sans-serif;border-radius:13px;place-items:center;font-style:normal;display:grid}.eco-t b{font-size:15px}.eco-t small{color:var(--ink-3);margin-top:-8px;font-size:12px;font-weight:600;display:block}@keyframes eco-run{0%{transform:translate(0)}to{transform:translate(calc(-50% - 10px))}}.eco-fine{color:var(--ink-3);margin-top:26px;font-size:12.5px}@media (prefers-reduced-motion:reduce){.eco-row{flex-wrap:wrap;justify-content:center;width:auto;animation:none}}