@font-face{font-family:Noto;src:url('./assets/fonts/noto-sans-sc.woff2') format('woff2');font-weight:400 900;font-display:swap}
@font-face{font-family:Manrope;src:url('./assets/fonts/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--mint:#d5efeb;--green:#008e76;--ink:#032b2e;--yellow:#fffa00;--red:#b40000;--white:#fffdf4;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#052428;color:var(--ink);font-family:Noto,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}h1,h2,p,figure,ol{margin:0}h1,h2{font-weight:900}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--yellow);outline-offset:7px}::selection{background:var(--yellow);color:var(--ink)}.funnel{overflow-x:clip;width:min(100%,520px);margin:auto;container-type:inline-size;box-shadow:0 0 100px #0003;isolation:isolate}.mint{background:var(--mint)}.emerald{background:var(--green);color:var(--white)}.ink{background:var(--ink);color:var(--white)}.green{color:var(--green)}.yellow{color:var(--yellow)}section{text-align:center;position:relative;scroll-margin-top:0}.reading-progress{height:4px;position:fixed;top:0;left:0;right:0;z-index:30;pointer-events:none}.reading-progress i{display:block;width:100%;height:100%;background:var(--yellow);transform-origin:0 50%;transform:scaleX(0)}.chapter-nav{position:fixed;top:50%;left:calc(50% - 365px);transform:translateY(-50%);display:grid;gap:18px;z-index:20}.chapter-nav a{display:flex;align-items:center;gap:14px;text-decoration:none;color:#9fbdba;font-family:Manrope,sans-serif;font-size:11px;letter-spacing:1px;padding:6px}.chapter-nav i{display:block;height:1px;width:18px;background:currentColor;transition:width .3s,color .3s}.chapter-nav .is-current{color:var(--yellow)}.chapter-nav .is-current i{width:36px}
.hero{padding-top:16.6cqw}.hero-title{font-size:10.9cqw;line-height:1.21;letter-spacing:-.5cqw}.hero-title .line{display:block;overflow:hidden;padding-bottom:.5cqw}.hero-title .line>span{display:block}.headline-label{width:87%;margin:6.9cqw auto 0;transform:rotate(-3deg);background:var(--ink);padding:3.4cqw 1cqw 3.8cqw;color:var(--yellow)}.headline-label p{font-size:7.65cqw;font-weight:900;letter-spacing:-.28cqw;white-space:nowrap}.hero-description{font-size:6.6cqw;line-height:1.27;font-weight:400;margin:7.5cqw 0 0;letter-spacing:-.19cqw}.mascot-strip{position:relative;width:100%;height:33.6cqw;margin-top:2cqw;margin-bottom:-4cqw;background-image:url('./assets/reference-1.jpg');background-size:100% auto;background-position:0 -104.7cqw;z-index:2}
.opportunity{padding:5.8cqw 0 8.4cqw}.manager{width:90%;margin:0 auto}.manager-image{width:100%;aspect-ratio:978/624;background:url('./assets/reference-1.jpg') -5.18cqw -139.2cqw/99.4cqw auto no-repeat;border-radius:8.2cqw;box-shadow:0 5px 0 #00282b0a}.manager figcaption{position:relative;z-index:0;width:89%;margin:-1cqw auto 0;padding:2.4cqw 1cqw 2.8cqw;background:var(--ink);border-radius:0 0 5cqw 5cqw;color:var(--yellow);font-size:5.3cqw;font-weight:800;letter-spacing:-.15cqw}.chatgpt-logo{width:20.8cqw;height:20.8cqw;border-radius:4.3cqw;margin:8.4cqw auto 2.5cqw;background:url('./assets/reference-1.jpg') -39.5cqw -215.7cqw/100cqw auto no-repeat}.why-title{font-size:10.2cqw;line-height:1.17;letter-spacing:-.3cqw}.why-title .yellow{font-size:10.4cqw}.stat-card{width:80%;margin:4.1cqw auto 0;background:var(--ink);border-radius:5cqw;padding:4.2cqw 1cqw 4.8cqw;line-height:1.1}.stat-card p{font-size:6.7cqw;font-weight:800;letter-spacing:-.18cqw}.stat-card strong{display:block;font-size:12.1cqw;color:var(--yellow);font-weight:900;letter-spacing:-.48cqw;line-height:1.3;white-space:nowrap}.stat-card small{font-family:Manrope,Noto,sans-serif;font-size:3.7cqw;font-weight:800;letter-spacing:-.1cqw}.scarcity{background:var(--red);color:var(--white);padding:3.8cqw 0 4.5cqw;text-align:center}.scarcity p{font-size:6.7cqw;font-weight:800;letter-spacing:-.18cqw;line-height:1.23}.scarcity .yellow{font-size:9cqw;font-weight:900;line-height:1}
.intent{padding:7.7cqw 0 7cqw}.intent h2{font-size:12.8cqw;line-height:1.1;letter-spacing:-.42cqw}.intent h2>span{display:inline-block}.intent-question{font-size:9.1cqw}.yes{font-family:Noto,sans-serif;display:block;color:var(--red);font-size:21.4cqw;font-weight:900;line-height:1.08;letter-spacing:-.5cqw;margin:1cqw 0 5cqw}.intent-phone{width:63.5%;margin:auto;position:relative}.phone{width:100%;padding:1.45cqw;background:linear-gradient(100deg,#484848,#fafafa 8%,#373737 11%,#050505 17%,#0c0c0c 83%,#666 88%,#fff 91%,#424242);border:1px solid #111;border-radius:13.2cqw;box-shadow:0 0 0 .4cqw #a2a7a4,0 0 0 .7cqw #d9dad6,.8cqw 1.3cqw 1.1cqw #00252b1c}.phone-screen{text-align:left;background:#fff;color:#171b1b;border:1.2cqw solid #0a0a0a;border-radius:11.5cqw;overflow:hidden;padding:2.1cqw 2.1cqw 1.5cqw;position:relative;font-family:Arial,'PingFang SC',Noto,sans-serif}.phone-status{display:flex;align-items:center;justify-content:space-between;height:4.8cqw;position:relative;font-size:2.5cqw;padding:0 1.5cqw}.island{position:absolute;background:#000;width:18.5cqw;height:5.4cqw;left:50%;top:-1cqw;transform:translateX(-50%);border-radius:8cqw}.island:after{content:'';position:absolute;width:1.8cqw;height:1.8cqw;border-radius:50%;background:radial-gradient(circle,#153ba1,#090e29 55%,#070d16);right:1.9cqw;top:1.8cqw}.status-icons{font-size:2.3cqw;letter-spacing:-.1cqw}.phone-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:2.7cqw;padding:3cqw 0 2.8cqw}.phone-toolbar strong{font-weight:600;margin-right:auto;margin-left:3cqw}.phone-toolbar>span{border-radius:10cqw;background:#f8f8f8;padding:1cqw 1.5cqw}.phone-toolbar .menu-icon{font-size:2.7cqw}.phone-conversation{font-size:2.16cqw;line-height:1.44;letter-spacing:-.04cqw}.user-message{background:#f0f0f0;border-radius:3cqw;padding:1.7cqw 2.1cqw;width:max-content;margin:0 0 3cqw auto;font-size:2.45cqw}.answer-copy ol{padding-left:3.3cqw;margin:1.4cqw 0}.answer-copy li{padding-left:.2cqw;margin-bottom:1.25cqw}.answer-copy b{font-weight:700}.answer-actions{font-size:2.7cqw;color:#676969;margin:1.6cqw 0}.phone-ad{display:flex;gap:1.5cqw;align-items:center;border-top:1px solid #eee;padding:2cqw 0 1.6cqw}.product-photo{flex:0 0 15cqw;height:15cqw;background-image:url('./assets/reference-1.jpg');background-size:100cqw auto;background-position:-23.4cqw -501cqw;border-radius:1.5cqw}.phone-ad>div:last-child{flex:1}.phone-ad small{display:block;font-size:1.9cqw;margin-bottom:1.4cqw}.phone-ad em{color:#888;font-style:normal}.phone-ad b{display:block;font-size:2.5cqw;margin-bottom:1cqw}.phone-ad p{font-size:1.8cqw;line-height:1.4;color:#777}.phone-compose{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eee;font-size:2.3cqw;color:#929494;padding:1.8cqw 0 1.3cqw;gap:2cqw}.phone-compose span:first-child{font-size:4cqw;color:#444}.phone-compose span:nth-child(2){flex:1}.phone-compose b{color:#111;font-size:4.7cqw}.home-indicator{width:23cqw;height:1cqw;border-radius:2cqw;background:#111;margin:auto}.ad-circle{position:absolute;bottom:5.8cqw;left:-16%;width:132%;height:auto;overflow:visible;pointer-events:none}.ad-circle path{stroke:var(--red);stroke-width:2.5;fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.intent-close{font-size:5.4cqw;font-weight:700;line-height:1.25;letter-spacing:-.2cqw;margin:6.6cqw auto 0}.intent-close strong{font-size:7.65cqw;font-weight:900;display:block;margin-top:1.3cqw;line-height:1.18;letter-spacing:-.27cqw}
.website{padding:45cqw 0 28cqw}.website-opening{font-size:8cqw;font-weight:600;letter-spacing:-.22cqw}.website-title{margin-top:8.7cqw;line-height:1.1;letter-spacing:-.4cqw}.website-title>span{display:block;font-size:12.2cqw}.website-title strong{display:block;font-size:24cqw;font-weight:900;letter-spacing:-1.5cqw;margin-top:4.2cqw;line-height:1.23}.requirement{margin:8cqw auto 0;width:82%;border:1cqw solid var(--mint);border-radius:20cqw;color:var(--yellow);background:var(--red);font-size:7.2cqw;font-weight:800;line-height:1.4;padding:1.4cqw 0 2cqw}.website-question{font-size:6.5cqw;line-height:1.27;font-weight:500;letter-spacing:-.15cqw;margin-top:7.3cqw}
.question-intro{padding-top:5.8cqw}.question-mark{display:block;font-size:31cqw;font-family:Manrope,Noto,sans-serif;font-weight:800;line-height:1.1;margin-bottom:.6cqw}.question-transition{font-size:10.3cqw;font-weight:900;letter-spacing:-.32cqw;line-height:1.3}.question-box{display:block;background:var(--ink);border-radius:5cqw;width:84%;padding:4cqw 0 4.7cqw;margin:3.5cqw auto 4cqw;font-size:11.6cqw;letter-spacing:-.3cqw;line-height:1.25}.question-subtitle{display:block;font-size:9cqw;letter-spacing:-.36cqw;white-space:nowrap;line-height:1.4}.bubble-scene{position:relative;margin-top:6cqw}.bubble-pin{height:102cqw;max-height:610px;overflow:hidden;position:relative;background:var(--green);width:100%;padding-top:1cqw}.bubble-phone{width:63.5%;margin:auto}.bubble-list{list-style:none;margin:0;padding:0;position:absolute;inset:0}.bubble{position:absolute;display:block;background:var(--ink);color:var(--yellow);padding:2cqw 4.2cqw 2.3cqw;border-radius:10cqw;font-size:5.05cqw;font-weight:800;letter-spacing:-.15cqw;white-space:nowrap;line-height:1.15;box-shadow:0 .4cqw 0 #003c34;transform-origin:50% 90%}.bubble:after{content:'';position:absolute;inset:-2px;border:2px solid #fffa00;border-radius:inherit;opacity:0;pointer-events:none}.bubble-1{top:23%;left:9%;transform-origin:85% 100%}.bubble-2{top:38%;right:7%;transform-origin:10% 100%}.bubble-3{top:52%;left:2.6%;transform-origin:85% 100%}.bubble-4{top:66%;right:3.5%;transform-origin:10% 100%}.bubble-5{top:80%;left:9.5%;transform-origin:85% 100%}.bubble.arrived:after{animation:popup-ring .5s ease-out both}@keyframes popup-ring{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(1.16,1.6)}}.bubble-steps{position:absolute;bottom:3cqw;left:50%;transform:translateX(-50%);display:flex;gap:1.5cqw;padding:1.8cqw 2.5cqw;background:#032b2eee;border-radius:9cqw;visibility:hidden}.motion-ready .bubble-steps{visibility:visible}.bubble-steps i{width:1.15cqw;height:1.15cqw;border-radius:50%;background:#6e948d;transition:background .15s,transform .15s}.bubble-steps i.is-active{background:var(--yellow);transform:scale(1.3)}.ordinary{padding:7.2cqw 0 9.8cqw;border-bottom:1cqw solid var(--green);position:relative;z-index:2}.ordinary>p:first-child{font-size:4cqw;font-weight:400;line-height:1.5}.ordinary-examples{font-size:6.4cqw;line-height:1.35;margin-top:1.3cqw;letter-spacing:-.16cqw;font-weight:400}.sales{padding:25.5cqw 0 42cqw}.sales h2>span{display:block}.sales-intro{font-size:10.3cqw;line-height:1.3;letter-spacing:-.25cqw}.sales-not{font-size:10.6cqw;line-height:1.2;color:var(--red);letter-spacing:-.35cqw;margin-top:2.2cqw}.sales-answer{display:block;margin-top:5.4cqw;font-size:16.2cqw;line-height:1.15;font-weight:900;letter-spacing:-.75cqw}.sales-answer>span{display:block}
@media(min-width:900px){body:after{content:'';position:fixed;right:calc(50% - 370px);top:50%;height:100px;width:1px;background:#d5efeb22;pointer-events:none}body:before{content:'↓';position:fixed;right:calc(50% - 374px);top:calc(50% + 112px);color:#95b4af;font-size:16px}}
@media(max-width:899px){.chapter-nav{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.bubble-steps{display:none}}
@media(max-height:540px){.bubble-pin{max-height:none}.bubble-steps{display:none}}

.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.phone-icon{width:3cqw;height:3cqw;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.toolbar-actions{display:flex;gap:2.1cqw;align-items:center}.toolbar-actions .phone-icon{width:3.2cqw;height:3.2cqw}.answer-actions{display:flex;align-items:center;gap:2.3cqw}.answer-actions .phone-icon{width:2.5cqw;height:2.5cqw}.phone-icon.dislike{transform:rotate(180deg)}

/* Scroll chapters. These layout changes are enabled only for motion-capable tall viewports. */
.number-scene,.number-pin,.website-pin,.sales-stage{position:relative;width:100%}
.number-content,.website-copy{width:100%}
.stat-number{transform-origin:50% 60%;font-variant-numeric:tabular-nums}
.count-value{display:inline-block;min-width:2.45ch;text-align:right}
.stage-progress{display:none;position:absolute;left:40%;right:40%;bottom:30px;height:2px;background:#ffffff22;overflow:hidden}
.stage-progress i{display:block;height:100%;background:var(--yellow);transform:scaleX(0);transform-origin:left}
.solution-impact{display:none;position:absolute;inset:0;overflow:hidden;pointer-events:none}
.solution-impact i{position:absolute;width:70cqw;height:70cqw;left:15%;top:50%;margin-top:-35cqw;border:1px solid var(--green);border-radius:50%;opacity:0}
.narrative-motion .hero{z-index:1}
.narrative-motion .opportunity,.narrative-motion .scarcity,.narrative-motion .intent{position:relative;z-index:2}
.narrative-motion .opportunity{padding-bottom:0}
.narrative-motion .number-pin{height:100svh;background:var(--green);display:flex;align-items:center;justify-content:center}
.narrative-motion .number-content{padding:8cqw 0}
.narrative-motion .number-content .chatgpt-logo{margin-top:0}
.narrative-motion .stage-progress{display:block}
.narrative-motion .website{padding:0;z-index:3}
.narrative-motion .website-pin{height:100svh;display:flex;align-items:center;justify-content:center;background:var(--ink);overflow:hidden}
.narrative-motion .website-copy{padding:8cqw 0;transform-origin:center}
.narrative-motion .website-title{margin-top:6cqw}
.narrative-motion .website-title strong{margin-top:3cqw}
.narrative-motion .requirement{margin-top:5cqw}
.narrative-motion .website-question{margin-top:5cqw}
.narrative-motion .questions{z-index:4;margin-top:-100svh;box-shadow:0 -25px 55px #001c2633}
.narrative-motion .sales{padding:0;z-index:5}
.narrative-motion .sales-stage{height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--mint)}
.narrative-motion .sales-stage h2{width:100%;position:relative;z-index:1;padding:10cqw 0}
.narrative-motion .solution-impact{display:block}
.narrative-motion .sales-answer{transform-origin:50% 70%}
@media(min-height:541px) and (max-height:700px){.narrative-motion .number-content,.narrative-motion .website-copy{scale:.82}.narrative-motion .sales-stage h2{scale:.9}}
@media(prefers-reduced-motion:reduce){.solution-impact,.stage-progress{display:none}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}