/* Official palette; cinematic depth belongs to the scene, never the logo. */
:root{--navy:#030b16;--blue:#2d8dda;--ice:#eaf2fa;--cloud:#f2f5f8;--bg:#030b16;--panel:#0b1624;--text:#eaf2fa;--muted:#a0b0c2;--rule:#213044;--accent:#80bced;--font:"Avenir Next","Noto Sans TC","Microsoft JhengHei","PingFang TC",sans-serif;color-scheme:dark}
[data-theme=light]{--bg:#f2f5f8;--panel:#fff;--text:#030b16;--muted:#52677c;--rule:#d3dee8;--accent:#226fa9;color-scheme:light}
*{box-sizing:border-box}body,h1,h2,h3,h4,h5,p,figure{margin:0}html{scroll-behavior:smooth;scroll-padding-top:100px}body{font:500 16px/1.8 var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;display:block}em{font-style:normal;color:var(--accent)}button:focus-visible,a:focus-visible{outline:3px solid #80bced;outline-offset:5px}button:disabled{cursor:default}::selection{background:#2d8dda66;color:inherit}[hidden]{display:none!important}.wrap{width:min(1320px,100% - 112px);margin-inline:auto}.skip-link{position:fixed;top:-90px;left:20px;z-index:100;background:var(--ice);color:var(--navy);padding:12px 24px}.skip-link:focus{top:12px}
nav{height:88px;position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--rule)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand .logo{width:153px;height:auto}.logo-light{display:none}[data-theme=light] .logo-light{display:block}[data-theme=light] .logo-dark{display:none}.menu{display:flex;align-items:center;gap:28px}.menu a{color:var(--muted);font-size:13px;white-space:nowrap;transition:color .2s}.menu a:hover{color:var(--text)}.nav-actions{display:flex;gap:8px;align-items:center}.theme-toggle,.motion-toggle,.menu-toggle{background:none;border:1px solid var(--rule);border-radius:30px;padding:7px 14px;font-size:11px;min-height:40px;color:var(--muted)}.motion-toggle{border-color:transparent;padding-inline:6px}.menu-toggle{display:none}
.hero{position:relative;isolation:isolate;overflow:clip;border-bottom:1px solid var(--rule);background:radial-gradient(ellipse at 83% 30%,#16344c55,transparent 52%),var(--bg)}.hero-haze{position:absolute;width:600px;height:600px;right:-180px;top:10px;pointer-events:none;background:radial-gradient(ellipse,#2d8dda0e,transparent 68%)}.hero-layout{display:grid;grid-template-columns:.9fr 1.15fr;gap:32px;align-items:center;padding-block:66px 56px;min-height:704px}.hero-copy{position:relative;z-index:3}.edition{font-size:10px;letter-spacing:.18em;color:var(--muted);margin-bottom:28px}.edition span{color:var(--blue);margin-inline:14px}.hero-eyebrow{font-size:12px;letter-spacing:.13em;color:var(--accent);margin-bottom:20px;display:flex;align-items:center;gap:10px}.hero-eyebrow:before{content:"";width:21px;height:1px;background:var(--blue)}h1{font-size:clamp(42px,4.5vw,68px);line-height:1.25;letter-spacing:-.055em;font-weight:800}.heading-line{display:block}h1 em{display:block;color:var(--accent)}.original-headline{font-size:15px;letter-spacing:.01em;color:var(--muted);margin-top:23px}.original-headline br{display:none}.original-headline em{color:inherit}.lede{font-size:14px;line-height:1.95;color:var(--muted);margin-top:9px}.lede b{font-weight:500;color:var(--text)}.sp-br{display:none}.hero-cta{display:flex;align-items:center;gap:12px;margin-top:27px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 21px;border:1px solid var(--rule);border-radius:6px;font-size:12px;font-weight:700;transition:background .2s,transform .2s,border-color .2s;line-height:1.5}.btn-primary{background:var(--ice);color:var(--navy);border-color:var(--ice)}[data-theme=light] .btn-primary{background:var(--navy);color:#fff;border-color:var(--navy)}.btn-primary:hover{background:#b3d8f5;border-color:#b3d8f5;color:var(--navy);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text)}.btn-ghost:hover{border-color:var(--accent);transform:translateY(-2px)}.film-link{display:flex;align-items:center;gap:12px;border:0;background:none;padding:0;line-height:1.5;margin-top:29px;text-align:left;font-size:12px}.film-link small{display:block;font-size:10px;color:var(--muted);margin-top:4px;letter-spacing:.04em}.play-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--rule);border-radius:50%;font-size:10px;padding-left:2px;transition:background .3s}.film-link:hover .play-mark{background:var(--blue);color:white}.film-link .arrow{margin-left:16px;color:var(--muted)}
.stage{position:relative;isolation:isolate;perspective:1100px;min-width:0;padding:32px 0 42px;margin-top:25px}.stage-halo{position:absolute;inset:10% -15% 0;background:radial-gradient(ellipse at center,#2d8dda23,transparent 68%);z-index:-3}.stage-depth{position:absolute;inset:4% -2% 17% 4%;border:1px solid #45638050;border-radius:16px;background:linear-gradient(140deg,#3555741a,transparent 60%);transform:rotateY(-9deg) rotateX(4deg) rotateZ(4deg);z-index:-2}.stage-surface{border:1px solid #6685a04f;border-radius:12px;background:#06101c;box-shadow:0 28px 55px #0005;transform:rotateY(-7deg) rotateX(3deg);transform-style:preserve-3d;will-change:transform;transition:transform .6s cubic-bezier(.2,.8,.2,1);overflow:hidden;color:#eaf2fa}.stage-topline{display:flex;justify-content:space-between;align-items:center;padding:17px 21px;font:10px/1.6 var(--font);letter-spacing:.19em;color:#a5bace;border-bottom:1px solid #ffffff0d}.stage-topline i{display:inline-block;width:5px;height:5px;border-radius:100%;background:#9abdd7;margin-right:8px}.hero-visual{position:relative;overflow:hidden;aspect-ratio:16/9}.hero-visual img{width:100%;height:100%;object-fit:contain}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,#dbeeff1f 45%,transparent 65%);transform:translateX(-120%);pointer-events:none}.stage-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:21px 23px 24px;border-top:1px solid #ffffff0a;font-size:10px;color:#9cafc2;letter-spacing:.05em}.stage-caption strong{display:block;color:#eaf2fa;font-size:17px;font-weight:600;letter-spacing:.04em;margin-top:3px}#replay-intro{border:1px solid #34475b;background:none;color:#abc0d3;border-radius:30px;width:auto;padding:7px 12px;font-size:14px}#replay-intro span{font-size:10px}.stage-shadow{position:absolute;bottom:13px;left:12%;width:78%;height:35px;border-radius:50%;background:#0007;filter:blur(17px);z-index:-2;transform:rotate(-4deg)}.stage-footnote{text-align:center;font-size:11px;letter-spacing:.12em;color:var(--muted);margin-top:27px}.stage-footnote span{color:var(--blue);margin-inline:8px}.task-ticket{position:absolute;z-index:3;display:flex;align-items:center;gap:13px;background:#172333eb;border:1px solid #6283a35e;box-shadow:0 14px 38px #0003;backdrop-filter:blur(12px);color:#eaf2fa;border-radius:9px;padding:12px 15px;font-size:12px;line-height:1.6}.ticket-one{left:-20px;top:-4px;transform:rotate(-4deg)}.ticket-two{right:-18px;bottom:46px;transform:rotate(3deg)}.task-ticket small{display:block;color:#a3b5c7;font-size:9px;margin-top:3px}.ticket-icon{font-size:20px;color:#e5b8c6;width:22px;text-align:center}.ticket-check{color:#91bfe0;font-size:17px;margin-left:10px}.stage.intro .stage-surface{animation:stage-enter 3s cubic-bezier(.19,1,.22,1) both}.stage.intro .hero-visual:after{animation:stage-light 3.6s ease .2s both}.stage.intro .ticket-one{animation:ticket-a 3.4s cubic-bezier(.19,1,.22,1) both}.stage.intro .ticket-two{animation:ticket-b 3.8s cubic-bezier(.19,1,.22,1) both}.hero-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--rule);padding-block:22px;color:var(--muted);font-size:10px;letter-spacing:.06em}.hero-bottom a{display:flex;align-items:center;gap:12px}.hero-bottom>span{font-size:8px;letter-spacing:.2em}.scroll-line{width:1px;height:22px;background:linear-gradient(var(--blue),#2d8dda10);position:relative}.scroll-line:after{content:"";width:3px;height:5px;position:absolute;top:0;left:-1px;background:var(--accent);animation:scroll-cue 2.5s ease infinite}.team-strip{border-bottom:1px solid var(--rule);padding:28px 0}.team-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:11px;letter-spacing:.06em}.team-strip p{color:var(--muted)}.team-strip i{font-style:normal;color:var(--rule);padding-inline:15px}.team-strip a{color:var(--accent);font-size:10px}
section{scroll-margin-top:24px}.stats,.pain,.use,.start,.about{padding:100px 0;border-bottom:1px solid var(--rule)}.stats-eyebrow,.use-eyebrow,.start-eyebrow,.about-eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:20px}.stats-title,.pain-title,.use-title,.start-title,.about-title{font-weight:700;letter-spacing:-.04em;line-height:1.4;font-size:clamp(30px,3.2vw,46px)}.stats .wrap{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;align-items:center}.stats-eyebrow{grid-column:1}.stats-title{grid-column:1;grid-row:2}.stats-lead{grid-column:1;grid-row:3;color:var(--muted);font-size:14px;line-height:2;margin-top:25px}.sp-stage{grid-column:2;grid-row:1/4;border:1px solid var(--rule);background:var(--panel);border-radius:12px;padding:30px}.sp-slides{display:grid}.sp-item{grid-area:1/1;visibility:hidden;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s;display:flex;flex-direction:column;align-items:center;text-align:center}.sp-item.is-active{visibility:visible;opacity:1;transform:none}.sp-photo{width:96px;height:96px;position:relative;margin-bottom:18px}.sp-photo img{width:100%;height:100%;object-fit:cover;border-radius:12px}.sp-badge{position:absolute;top:-8px;left:-10px;background:var(--bg);border:1px solid var(--rule);border-radius:20px;padding:2px 9px;font-size:9px}.sp-pain{color:var(--muted);font-size:16px}.sp-arrow{color:var(--accent);font-size:20px;margin-block:4px}.sp-eyebrow{font-size:10px;color:var(--muted);letter-spacing:.1em}.sp-win{color:var(--text);font-size:22px;font-weight:600;line-height:1.5;margin-top:8px}.sp-dots,.uc-dots{display:flex;justify-content:center;gap:4px;margin-top:15px}.sp-dot,.uc-dot{width:32px;height:36px;border:0;background:transparent;position:relative;padding:0}.sp-dot:before,.uc-dot:before{content:"";position:absolute;left:8px;right:8px;top:17px;height:3px;border-radius:3px;background:var(--rule)}.sp-dot.is-active:before,.uc-dot.is-active:before{background:var(--accent);left:3px;right:3px}
.pain{background:var(--panel)}.pain-title{margin-bottom:46px}.pain-title:before{content:"01 / YOUR CHALLENGE";display:block;font-size:10px;letter-spacing:.2em;color:var(--muted);font-weight:500;margin-bottom:20px}.pain-title em{margin-left:.2em}.pain-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.block{min-width:0;border:1px solid var(--rule);border-radius:10px;background:var(--bg);overflow:hidden;transition:transform .4s,border-color .4s}.block:hover{transform:translateY(-6px);border-color:#617990}.block-fig{aspect-ratio:16/10;overflow:hidden}.block-fig img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.block:hover img{transform:scale(1.035)}.block-body{padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:17px}.block-tag,.ublock-tag{color:var(--accent);font-size:10px;letter-spacing:.1em}.block h3{font-size:25px;font-weight:700;line-height:1.45;letter-spacing:-.025em}.block p{font-size:13px;color:var(--muted);line-height:1.9}.block-list{list-style:none;display:flex;flex-direction:column;gap:9px;padding:0;margin:0}.block-list li{font-size:12px;line-height:1.8;color:var(--muted);padding-left:14px;position:relative}.block-list li:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--accent);position:absolute;left:0;top:.8em}.block .btn{font-size:11px;background:transparent;border:0;border-top:1px solid var(--rule);border-radius:0;color:var(--text);width:100%;justify-content:space-between;padding:18px 0 0;margin-top:4px}.block .btn:hover{color:var(--accent);transform:none}
.use .use-title{margin-bottom:20px}.use-title br{display:none}.use-sub{font-size:14px;color:var(--muted);margin-bottom:45px}.use-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ublock{position:relative;background:var(--panel);border:1px solid var(--rule);border-radius:10px;overflow:hidden;display:grid;grid-template-columns:35% 65%;min-height:240px;transition:transform .35s,border-color .35s}.ublock:hover{transform:translateY(-4px);border-color:#6889a6}.ublock-fig{overflow:hidden}.ublock-fig img{height:100%;width:100%;object-fit:cover;transition:transform .6s}.ublock:hover img{transform:scale(1.05)}.ublock-body{padding:28px 25px;display:flex;flex-direction:column;gap:13px}.ublock h3{font-size:20px;line-height:1.5;font-weight:600;letter-spacing:-.025em}.ublock .block-list li{font-size:12px}.use-more{text-align:center;margin-top:46px}.use-more>p{font-size:14px;color:var(--muted);margin-bottom:21px}.use-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.use-carousel{max-width:780px;margin:32px auto 0;position:relative}.uc-viewport{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:12px;border:1px solid var(--rule)}.uc-slide{position:absolute;inset:0;visibility:hidden;opacity:0;transition:opacity .4s}.uc-slide.is-active{visibility:visible;opacity:1}.uc-slide img{width:100%;height:100%;object-fit:cover}.uc-slide figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#030b16);color:white;padding:55px 25px 22px;display:flex;flex-direction:column;text-align:left;gap:5px}.uc-slide strong{font-size:21px}.uc-slide figcaption span{font-size:13px}.uc-prev,.uc-next{position:absolute;top:40%;border:1px solid #ffffff66;background:#07111cbb;color:white;width:44px;height:44px;border-radius:50%;font-size:27px;line-height:1}.uc-prev{left:14px}.uc-next{right:14px}
.start{text-align:center;background:radial-gradient(ellipse at 50% 30%,#2d8dda0b,transparent 60%)}.start-sub{color:var(--muted);font-size:14px;margin:18px 0 43px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;text-align:left;position:relative}.steps:before{content:"";position:absolute;top:31px;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--blue),var(--rule))}.step{position:relative;padding:0 24px 24px 0}.step-no{font-size:38px;font-weight:400;letter-spacing:-.06em;line-height:1.6;display:inline-block;background:var(--bg);padding-right:22px;color:var(--accent);position:relative}.step h4{font-size:19px;font-weight:600;margin-top:18px}.step p{font-size:13px;color:var(--muted);margin-top:12px;line-height:1.95}.start-note{font-size:13px;color:var(--muted);line-height:2.2;max-width:600px;margin:35px auto 0}.start-note b{font-weight:600;color:var(--text)}.start-fig{max-width:860px;margin:36px auto 0;border-radius:12px;overflow:hidden;border:1px solid var(--rule)}.start-fig img{width:100%;height:auto}
.about{background:#f1eeea;color:#122337}.about .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:0 85px;align-items:start}.about-eyebrow{color:#657588;grid-column:1}.about-title{grid-column:1;grid-row:2;position:sticky;top:130px}.about-title em{color:#3d759d}.about-body{grid-column:2;grid-row:1/4;font-size:15px;line-height:2;color:#4e5b67}.about-body p{margin-bottom:24px}.about-body>p:first-child{font-size:19px;color:#122337;font-weight:600;line-height:1.8}.about-body .about-lead{font-size:22px;color:#122337;font-weight:600;border-top:1px solid #cbd0d2;padding-top:26px;margin-top:38px}
footer{padding:85px 0 25px;text-align:center;background:#030b16;color:#eaf2fa}footer h3{font-size:clamp(28px,3.4vw,48px);line-height:1.4;font-weight:600;letter-spacing:-.04em}.fsub{font-size:14px;color:#a0b0c2;margin:22px auto 28px;max-width:520px}.f-cta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.f-cta .btn-primary{background:#eaf2fa;color:#030b16;border-color:#eaf2fa}.f-cta .btn-ghost{color:#eaf2fa;border-color:#334354}.f-grid{margin-top:70px;border-top:1px solid #213044;padding-top:35px;display:grid;grid-template-columns:1.3fr 1fr 1fr .7fr;gap:30px;text-align:left}.f-col h5{font-size:10px;letter-spacing:.15em;font-weight:500;color:#8fa8be;margin-bottom:20px}.f-col a{display:block;font-size:12px;color:#becbd7;margin-bottom:10px}.f-col a:hover{color:#80bced}.f-line,.f-mail{display:flex!important;align-items:center;gap:9px}.f-socials{display:flex;gap:18px}.f-social svg{width:22px;height:22px}.copyright{font-size:9px;letter-spacing:.15em;color:#889aab;margin-top:36px;border-top:1px solid #213044;padding-top:22px}
dialog{padding:0;width:min(1040px,94vw);max-height:94dvh;border:1px solid #476078;border-radius:14px;background:#06111e;color:#eaf2fa;box-shadow:0 30px 100px #0008;overflow:auto}dialog::backdrop{background:#010710dd;backdrop-filter:blur(12px)}.film-top{display:flex;justify-content:space-between;align-items:center;padding:18px 25px;gap:20px}.film-top span{font-size:8px;letter-spacing:.23em;color:#92aec5}.film-top h2{font-size:14px;font-weight:500;margin-top:3px}.film-top button{width:40px;height:40px;border:1px solid #30455b;border-radius:50%;background:none;font-size:17px}.film-screen{aspect-ratio:16/9;position:relative;overflow:hidden;background:#030b16}.film-scene{position:absolute;inset:0;overflow:hidden}.film-scene>img{width:100%;height:100%;object-fit:cover;animation:film-drift 8s linear both}.film-scene:nth-child(2)>img,.film-scene:nth-child(4)>img{object-fit:contain;animation:none}.film-shade{position:absolute;inset:0;background:linear-gradient(0deg,#030b16 0%,#030b1677 30%,#030b1605 70%)}.film-copy{position:absolute;bottom:9%;left:6%;right:6%;animation:film-words .7s ease both}.film-copy>span{font-size:10px;letter-spacing:.15em;color:#b6cddd}.film-copy h3{font-size:clamp(24px,3.4vw,46px);line-height:1.35;letter-spacing:-.03em;margin:12px 0;font-weight:600}.film-copy p{font-size:14px;color:#d5e2eb}.film-scene:nth-child(2) .film-copy,.film-scene:nth-child(4) .film-copy{bottom:5%}.film-scene:nth-child(2) .film-copy h3,.film-scene:nth-child(4) .film-copy h3{font-size:clamp(22px,2.6vw,35px)}.film-controls{display:flex;align-items:center;gap:15px;padding:18px 25px 10px;font-size:11px}.film-controls button{border:1px solid #30455b;border-radius:5px;padding:8px 12px;background:none;font-size:11px;white-space:nowrap}.film-progress{flex:1;height:3px;background:#30455b;overflow:hidden}.film-progress>span{display:block;height:100%;width:0;background:#95c8ed}#film-time{font-size:10px;color:#aabaca;white-space:nowrap;font-variant-numeric:tabular-nums}.film-chapters{display:flex;padding:5px 25px;gap:5px}.film-chapters button{border:0;background:transparent;border-bottom:1px solid #30455b;color:#9eb2c5;flex:1;font-size:10px;padding:8px}.film-chapters button[aria-pressed=true]{border-color:#95c8ed;color:#eaf2fa}.film-note{font-size:9px;letter-spacing:.1em;color:#8fa3b8;padding:8px 25px 16px}.film-paused .film-scene>img,.film-paused .film-copy{animation-play-state:paused}
@keyframes stage-enter{from{opacity:0;transform:translateY(34px) rotateY(-17deg) rotateX(6deg)}to{opacity:1;transform:rotateY(-7deg) rotateX(3deg)}}@keyframes stage-light{0%{transform:translateX(-120%)}80%,100%{transform:translateX(140%)}}@keyframes ticket-a{from{opacity:0;transform:translate(-40px,-15px) rotate(-12deg)}to{opacity:1;transform:rotate(-4deg)}}@keyframes ticket-b{from{opacity:0;transform:translate(45px,35px) rotate(12deg)}to{opacity:1;transform:rotate(3deg)}}@keyframes scroll-cue{0%,100%{transform:translateY(0);opacity:.3}50%{transform:translateY(15px);opacity:1}}@keyframes film-drift{from{transform:scale(1)}to{transform:scale(1.06)}}@keyframes film-words{from{transform:translateY(15px);opacity:0}to{transform:none;opacity:1}}
@media(min-width:1800px){.hero-layout{min-height:790px}.wrap{width:min(1480px,100% - 160px)}h1{font-size:76px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.menu{gap:17px}.nav-inner{gap:20px}.brand .logo{width:135px}.hero-layout{gap:25px;min-height:670px}.hero-cta{gap:8px}.hero-cta .btn{font-size:11px;padding-inline:13px}.task-ticket{padding:10px;font-size:11px;gap:9px}.ticket-one{left:-5px}.ticket-two{right:-8px}.pain-cards{gap:17px}.block-body{padding:23px}.ublock{grid-template-columns:30% 70%}.ublock-body{padding:23px 19px}.stats .wrap{column-gap:45px}.team-strip i{padding-inline:8px}}
@media(max-width:900px){nav{height:74px}.menu{gap:15px}.menu a{font-size:11px}.motion-toggle{display:none}.hero-layout{grid-template-columns:1fr;padding-top:44px;gap:40px}.hero-copy{max-width:650px}.hero h1{font-size:clamp(46px,7vw,66px)}.heading-line{display:inline}h1 em{display:block}.stage{max-width:650px;width:100%;margin:0 auto;min-height:0}.hero-bottom>span{display:none}.team-strip .wrap{flex-wrap:wrap;justify-content:center;gap:10px 24px}.team-strip a{display:none}.stats,.pain,.use,.start,.about{padding:75px 0}.stats .wrap{grid-template-columns:1fr 1fr;gap:0 30px}.stats-title{font-size:30px}.stats-lead{font-size:12px}.sp-stage{padding:23px}.sp-win{font-size:19px}.pain-cards{grid-template-columns:1fr}.block{display:grid;grid-template-columns:.75fr 1.25fr}.block-fig{aspect-ratio:auto;height:100%}.block-body{padding:28px}.use-cards{gap:15px}.ublock{grid-template-columns:1fr}.ublock-fig{aspect-ratio:16/8}.ublock-body{padding:24px}.steps{gap:20px}.step{padding-right:0}.step h4{font-size:17px}.about .wrap{gap:0 40px}.f-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}html{scroll-padding-top:85px}nav{height:68px}.brand .logo{width:130px}.nav-inner{gap:10px}.nav-actions{gap:6px}.theme-toggle,.menu-toggle{font-size:10px;padding:7px 11px;min-height:38px}.menu-toggle{display:block}.menu{display:none;position:absolute;top:67px;left:0;right:0;padding:20px;background:var(--bg);border-bottom:1px solid var(--rule);box-shadow:0 18px 30px #0002}.menu.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.menu a{font-size:14px;padding:12px 10px}.hero-layout{padding:32px 0 21px;gap:30px}.edition{font-size:8px;letter-spacing:.13em;margin-bottom:20px}.edition span{margin-inline:8px}.hero-eyebrow{font-size:11px;margin-bottom:16px}.hero h1{font-size:clamp(36px,10.3vw,57px);letter-spacing:-.055em;line-height:1.3}.heading-line{display:block}.original-headline{font-size:13px;margin-top:20px}.lede{font-size:12px}.hero-cta{gap:9px;margin-top:21px}.hero-cta .btn{font-size:11px;padding:12px 14px;min-height:46px}.film-link{margin-top:22px;font-size:11px}.film-link small{font-size:9px}.stage{padding-top:27px;margin-top:6px}.stage-depth{inset:6% 0 20% 5%;transform:rotateY(-4deg) rotateX(2deg) rotateZ(3deg)}.stage-surface{transform:rotateY(-3deg) rotateX(2deg)}.stage-topline{padding:13px 15px;font-size:8px}.stage-caption{padding:14px 16px;font-size:9px}.stage-caption strong{font-size:14px}.ticket-one{top:0;left:0}.ticket-two{bottom:40px;right:0}.task-ticket{font-size:9px;gap:8px;padding:8px 11px}.task-ticket small{font-size:8px}.ticket-icon{font-size:16px;width:16px}.ticket-check{font-size:14px;margin-left:3px}.stage-footnote{font-size:9px;margin-top:36px}.hero-bottom{padding-block:19px;gap:15px;font-size:9px}.hero-bottom p{max-width:140px;text-align:right;font-size:9px}.team-strip{padding-block:22px}.team-strip .wrap{font-size:10px;text-align:center;gap:7px}.team-strip i{padding-inline:9px}.stats,.pain,.use,.start,.about{padding:60px 0}.stats .wrap{display:flex;flex-direction:column;align-items:stretch}.stats-title,.pain-title,.use-title,.start-title,.about-title{font-size:30px}.stats-eyebrow,.use-eyebrow,.start-eyebrow,.about-eyebrow{font-size:9px;margin-bottom:16px}.stats-lead{font-size:13px;line-height:1.9;margin-top:20px}.sp-stage{margin-top:30px;padding:28px 20px}.sp-photo{width:88px;height:88px}.sp-pain{font-size:15px}.sp-win{font-size:21px}.pain-title{margin-bottom:28px}.pain-title em{display:block;margin-left:0}.pain-title:before{font-size:9px}.pain-cards{gap:24px}.block{display:block}.block-fig{aspect-ratio:16/10;height:auto}.block-body{padding:25px;gap:16px}.block h3{font-size:25px}.block p{font-size:14px}.block-list li{font-size:13px}.use-title br{display:block}.use-sub{font-size:13px;margin-bottom:30px}.use-cards{grid-template-columns:1fr;gap:20px}.ublock{grid-template-columns:1fr}.ublock-fig{aspect-ratio:16/8}.ublock-body{padding:24px}.ublock h3{font-size:22px}.ublock .block-list li{font-size:13px}.use-more>p{font-size:13px}.use-btns .btn{font-size:12px}.uc-viewport{aspect-ratio:4/3}.uc-slide strong{font-size:19px}.uc-slide figcaption span{font-size:12px}.uc-slide figcaption{padding:45px 17px 20px}.uc-prev,.uc-next{width:40px;height:40px;top:30%}.start{text-align:left}.start-sub{font-size:13px;margin-bottom:30px}.steps{grid-template-columns:1fr;gap:15px}.steps:before{top:0;bottom:0;left:23px;width:1px;height:auto;background:var(--rule)}.step{padding:0 0 25px 72px;min-height:130px}.step-no{position:absolute;left:0;top:0;font-size:33px;padding:0 10px 0 0}.step h4{margin-top:6px;font-size:18px}.step p{font-size:13px;line-height:1.9}.start-note{text-align:center;font-size:12px;margin-top:20px}.start-fig{margin-top:27px}.about .wrap{display:block}.about-title{position:static;margin-bottom:32px}.about-body{font-size:14px;line-height:1.95}.about-body>p:first-child{font-size:18px}.about-body .about-lead{font-size:21px}.fsub{font-size:13px}.f-cta .btn{font-size:11px}footer{padding:60px 0 23px}.f-grid{gap:30px 20px;margin-top:45px}.f-col a{font-size:11px}.f-mail{word-break:break-all}.copyright{font-size:8px;letter-spacing:.05em}.film-top{padding:14px 17px}.film-top h2{font-size:13px}.film-screen{aspect-ratio:4/5}.film-scene>img{object-fit:cover}.film-scene:nth-child(2)>img,.film-scene:nth-child(4)>img{object-fit:contain;object-position:center 15%}.film-copy{left:7%;right:7%;bottom:10%}.film-copy h3{font-size:29px}.film-copy p{font-size:11px}.film-copy>span{font-size:9px}.film-scene:nth-child(2) .film-copy,.film-scene:nth-child(4) .film-copy{bottom:11%}.film-scene:nth-child(2) .film-copy h3,.film-scene:nth-child(4) .film-copy h3{font-size:28px}.film-controls{padding:13px 16px 7px;gap:9px;flex-wrap:wrap}.film-controls button{font-size:10px;padding:6px 9px}.film-progress{min-width:40px}#film-time{font-size:9px}.film-chapters{padding:5px 16px}.film-chapters button{font-size:9px}.film-note{padding:7px 16px 14px}}
.film-paused .film-copy{animation:none;opacity:1;transform:none}
.block p{font-size:14px}.block-list li,.ublock .block-list li{font-size:13px}
@media(min-width:651px){dialog{width:min(1040px,94vw,calc((94dvh - 220px)*16/9))}}
.film-top{position:sticky;top:0;background:#06111e;z-index:2}
@media(prefers-reduced-motion:reduce){html:not([data-motion=running]){scroll-behavior:auto}html:not([data-motion=running]) *,html:not([data-motion=running]) *:before,html:not([data-motion=running]) *:after{animation:none!important;transition:none!important}.stage-surface{will-change:auto}}
html[data-motion=paused]{scroll-behavior:auto}html[data-motion=paused] *,html[data-motion=paused] *:before,html[data-motion=paused] *:after{animation:none!important;transition:none!important}html[data-motion=paused] .stage-surface{will-change:auto}