:root{--ink:#15202d;--muted:#52616f;--paper:#f5f6f2;--white:#fff;--blue:#283bb1;--blue-dark:#202e8a;--line:#d9dfdd;--lime:#dfefa0;--font-display:"Bricolage Grotesque",Arial,sans-serif;--font-body:"IBM Plex Sans",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--font-body);-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:3px solid #90a4ff;outline-offset:4px}
.skip-link{position:absolute;left:12px;top:-70px;z-index:10;background:#fff;padding:10px 16px}
.skip-link:focus{top:12px}
.site-header{height:80px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 max(4vw,24px);border-bottom:1px solid var(--line);background:var(--paper)}
.wordmark{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font:800 23px/1 var(--font-display);letter-spacing:-.045em;white-space:nowrap}
.brand-mark{position:relative;display:inline-block;width:29px;height:29px;border:3px solid var(--blue);border-radius:7px}
.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--paper)}
.brand-mark:before{width:12px;height:5px;left:6px;top:-4px}.brand-mark:after{width:5px;height:12px;right:-4px;top:6px}
.brand-mark span{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--blue);left:8px;top:8px}
.site-nav{display:flex;gap:34px;margin-left:auto;margin-right:5vw}
.site-nav a,.header-signin{font-size:14px;font-weight:600;text-decoration:none}
.site-nav a:hover,.site-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.header-signin{border:1px solid var(--ink);border-radius:100px;padding:10px 17px;white-space:nowrap;transition:background .2s,color .2s}
.header-signin:hover{background:var(--ink);color:#fff}
.hero{max-width:1600px;margin:auto;min-height:690px;display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);align-items:center;gap:34px;padding:74px max(4vw,24px) 88px}
.hero-copy{padding:0 1vw 18px 0}
.availability{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:var(--blue);margin-bottom:31px}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px #e2e6ff}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--font-display)}
.hero h1{font-size:clamp(51px,5.45vw,90px);line-height:.99;letter-spacing:-.073em;font-weight:800;margin:0 0 31px;max-width:790px}
.hero h1 span{color:var(--blue)}
.hero-deck{font-size:clamp(17px,1.35vw,21px);line-height:1.47;max-width:650px;color:#394858;margin-bottom:32px}
.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;border-radius:9px;padding:16px 22px;text-decoration:none;font-weight:700;font-size:15px;min-height:56px;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--blue);color:white}.button-primary:hover{background:var(--blue-dark)}
.text-link{font-size:15px;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding:7px 0}
.text-link:hover{color:var(--blue)}
.invite-note{font-size:12px;color:#65727e;margin:16px 0 0}
.hero-example{background:var(--blue);color:white;min-height:574px;border-radius:18px;padding:22px 24px 18px;overflow:hidden;box-shadow:0 18px 48px rgba(19,36,109,.13)}
.example-topline,.example-bottomline{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.045em;color:#d2daf8}
.sample-label{border:1px solid rgba(255,255,255,.4);border-radius:100px;padding:5px 10px;font-size:10px}
.viewfinder{font-size:25px;line-height:1}
.example-canvas{position:relative;min-height:465px;display:flex;align-items:center;justify-content:center;padding:22px 3px 6px}
.capture-card{flex:0 0 43%;height:365px;background:#f7f8fb;color:#172036;border:6px solid #152171;border-radius:29px;box-shadow:0 15px 35px rgba(11,21,65,.35);transform:rotate(-6deg);z-index:2;overflow:hidden}
.capture-bar{height:43px;display:flex;align-items:center;gap:4px;padding:0 11px;border-bottom:1px solid #dde0e8;font:700 9px/1 var(--font-body);letter-spacing:.1em}
.capture-bar span:last-child{margin-left:6px}
.capture-dot{width:4px;height:4px;border-radius:50%;background:#aab1bc}
.capture-scene{padding:12px}
.scene-frame{height:150px;background:linear-gradient(130deg,#99adcd 0%,#5d6b9a 45%,#e6b3b0 100%);display:grid;place-items:center;border-radius:6px;position:relative;overflow:hidden}
.scene-frame:before{content:"";position:absolute;width:140%;height:80px;bottom:-45px;left:-15%;background:#344769;transform:rotate(-12deg)}
.scene-frame:after{content:"";position:absolute;width:48px;height:90px;right:32px;bottom:0;background:#27385b;clip-path:polygon(45% 0,60% 8%,70% 100%,22% 100%,35% 10%)}
.play{position:relative;z-index:1;background:#f8f9f3;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;padding-left:3px;font-size:13px}
.scene-caption{font:700 13px/1.3 var(--font-display);letter-spacing:-.02em;margin:12px 3px}
.capture-timeline{display:flex;gap:3px;margin:7px 12px;height:35px}
.capture-timeline span{background:#a1bad4;flex:1;border-radius:3px}.capture-timeline span:nth-child(2){background:#bccad9;flex:1.4}.capture-timeline span:nth-child(3){background:#e0b9be}.capture-timeline span:nth-child(4){background:#8fa4bc;flex:.65}
.capture-home{height:4px;width:42px;background:#9aa2b3;border-radius:3px;margin:18px auto 0}
.connection-line{position:absolute;width:32%;height:112px;left:34%;top:30%;border-top:2px dashed #dbeda0;transform:rotate(-7deg)}
.connection-line span{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--lime);top:-5px}.connection-line span:last-child{right:0}
.meaning-card{flex:0 0 52%;margin-left:-1%;background:#fff;color:var(--ink);padding:18px 17px 14px;border-radius:8px;box-shadow:0 16px 35px rgba(13,23,65,.22);z-index:3;transform:rotate(3deg)}
.meaning-heading{display:flex;align-items:center;gap:6px;color:var(--blue);font-weight:700;font-size:10px;margin-bottom:14px}.asterisk{font-size:18px;line-height:1}
.meaning-row{border-top:1px solid #dce0e5;padding:8px 0;display:grid;grid-template-columns:65px 1fr;gap:5px;font-size:10px;line-height:1.35}
.meaning-row>span,.meaning-next span{color:#65717d}.meaning-row strong{font-size:11px}.meaning-row p{margin:0}
.meaning-next{background:var(--lime);padding:10px 11px;margin:6px -4px 7px;border-radius:4px;display:grid;gap:3px;font-size:9px;line-height:1.3}.meaning-next strong{font-size:12px}
.meaning-limit{font-size:9px;line-height:1.25;color:#687482}
.example-bottomline{border-top:1px solid rgba(255,255,255,.28);padding-top:12px}.example-bottomline span:nth-child(2){margin-left:-20px}
.promise-band{background:var(--lime);padding:54px max(4vw,24px);display:flex;justify-content:space-between;align-items:center;gap:50px}
.promise-band p{font:700 clamp(26px,3.1vw,44px)/1.13 var(--font-display);letter-spacing:-.05em;margin:0;max-width:720px}.promise-band p strong{color:var(--blue)}
.band-detail{max-width:380px;font-size:16px;line-height:1.5}
.section-shell{max-width:1430px;margin:0 auto;padding:113px max(4vw,24px)}
.section-kicker{font-size:13px;font-weight:700;color:var(--blue);margin:0 0 20px}
.section-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:10%;align-items:end}.section-intro .section-kicker{grid-column:1/-1}.section-intro h2{font-size:clamp(45px,5vw,74px);line-height:1.04;letter-spacing:-.065em;margin:0}.section-intro>p:last-child{font-size:18px;color:var(--muted);max-width:470px;margin-bottom:5px}
.steps{margin-top:65px;border-top:1px solid var(--line)}
.step{display:grid;grid-template-columns:10% 31% 1fr;gap:3%;align-items:baseline;border-bottom:1px solid var(--line);padding:32px 0}
.step-number{font:700 23px/1 var(--font-display);color:var(--blue)}.step h3{font-size:clamp(21px,2vw,29px);letter-spacing:-.04em;margin:0}.step p{font-size:16px;color:var(--muted);max-width:640px;margin:0}
.inside{background:#e9edfa;max-width:none;padding-left:max(calc((100vw - 1315px)/2),4vw);padding-right:max(calc((100vw - 1315px)/2),4vw)}
.inside-heading h2{font-size:clamp(42px,4.5vw,65px);letter-spacing:-.065em;line-height:1.08;max-width:850px;margin:0 0 52px}
.inside-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:9%}
.inside-main{background:#fff;padding:42px 48px 45px;border-left:6px solid var(--blue);min-height:360px;display:flex;flex-direction:column;align-items:start}
.tiny-capture{display:flex;align-items:center;gap:8px;color:var(--blue);font-size:13px;font-weight:700}.tiny-capture-icon{font-size:19px;line-height:1}
.inside-quote{font:700 clamp(27px,3vw,40px)/1.16 var(--font-display);letter-spacing:-.045em;margin:38px 0 25px;max-width:575px}.inside-main>p:last-child{color:var(--muted);margin:0;max-width:520px}
.inside-list article{display:grid;grid-template-columns:1fr 1.2fr;gap:25px;border-top:1px solid #bbc5df;padding:28px 0}.inside-list article:last-child{border-bottom:1px solid #bbc5df}.inside-list h3{font-size:23px;line-height:1.1;letter-spacing:-.04em;margin:0}.inside-list p{color:#46566c;margin:0;font-size:15px}
.context-window{font-size:13px;color:#46566c;border-top:1px solid #bbc5df;margin:44px 0 0;padding-top:17px}
.control{display:grid;grid-template-columns:1fr .78fr;gap:13%;align-items:start}.control h2{font-size:clamp(48px,5vw,75px);line-height:1.04;letter-spacing:-.065em;margin:0}.control-copy{padding-top:40px}.control-copy p{font-size:18px;color:#40505e;line-height:1.55;margin:0 0 20px}.control-copy .text-link{display:inline-block;margin-top:8px}
.closing{background:var(--blue);color:#fff}.closing-inner{max-width:1430px;margin:auto;padding:75px max(4vw,24px);display:flex;justify-content:space-between;align-items:center;gap:50px}.closing-eyebrow{font-size:13px;font-weight:700;color:var(--lime);margin-bottom:18px}.closing h2{font-size:clamp(36px,4.5vw,63px);line-height:1.06;letter-spacing:-.06em;max-width:720px;margin-bottom:18px}.closing p:last-child{color:#d6dcfa;max-width:530px;margin-bottom:0}.button-light{background:#fff;color:var(--blue);min-width:150px}.button-light:hover{background:var(--lime)}
.site-footer{min-height:210px;padding:42px max(4vw,24px);display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:25px;align-items:start}.site-footer p{color:var(--muted);font-size:13px}.site-footer div{display:flex;gap:20px;justify-content:end}.site-footer div a{font-size:13px;text-decoration:none;font-weight:600;white-space:nowrap}.site-footer small{font-size:12px;color:var(--muted);grid-column:1/-1}
@media(max-width:1100px){.hero{grid-template-columns:1fr;gap:40px;padding-top:75px}.hero-copy{max-width:850px}.hero h1{font-size:clamp(50px,7.4vw,88px)}.hero-example{width:100%;max-width:760px;min-height:540px}.site-nav{margin-right:0;gap:20px}.inside-list article{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr 1fr}.site-footer div{grid-column:1/-1;justify-content:start}.site-footer small{grid-column:1/-1}}
@media(max-width:760px){.site-header{height:68px;padding:0 20px}.wordmark{font-size:20px}.brand-mark{width:26px;height:26px}.brand-mark span{left:6.5px;top:6.5px}.site-nav{display:none}.header-signin{padding:8px 13px;font-size:13px}.hero{padding:63px 20px 65px;gap:40px;min-height:0}.hero h1{font-size:clamp(47px,10.4vw,72px);letter-spacing:-.07em}.hero-deck{font-size:17px}.hero-example{min-height:445px;padding:16px 15px 13px}.example-canvas{min-height:370px}.capture-card{height:295px;border-width:5px;border-radius:23px}.capture-bar{height:33px;font-size:7px}.capture-scene{padding:9px}.scene-frame{height:120px}.scene-caption{font-size:10px}.capture-timeline{height:24px}.meaning-card{padding:12px 10px}.meaning-row{grid-template-columns:47px 1fr;font-size:8px}.meaning-row strong{font-size:9px}.meaning-heading{font-size:8px}.meaning-next strong{font-size:10px}.meaning-limit{font-size:7px}.example-bottomline{font-size:8px}.promise-band{padding:45px 20px;display:block}.promise-band p{margin-bottom:18px}.band-detail{max-width:540px}.section-shell{padding:75px 20px}.section-intro{display:block}.section-intro h2{margin-bottom:23px}.steps{margin-top:38px}.step{grid-template-columns:39px 1fr;gap:13px;padding:28px 0}.step p{grid-column:2}.inside{padding-left:20px;padding-right:20px}.inside-grid{grid-template-columns:1fr;gap:35px}.inside-main{min-height:0;padding:32px}.inside-list article{grid-template-columns:1fr 1.1fr;gap:20px}.control{display:block}.control-copy{padding-top:30px}.closing-inner{padding:64px 20px;display:block}.closing .button{margin-top:32px}.site-footer{padding:36px 20px;display:block}.site-footer p{margin:20px 0}.site-footer div{display:flex;flex-wrap:wrap;gap:20px;margin:25px 0}.site-footer small{display:block}}
@media(max-width:490px){.hero-actions{align-items:flex-start;flex-direction:column;gap:13px}.hero-example{margin-left:-20px;width:calc(100% + 40px);border-radius:0;min-height:410px}.example-canvas{min-height:340px}.capture-card{flex-basis:47%;height:265px}.scene-frame{height:100px}.meaning-card{flex-basis:57%;margin-left:-10%}.example-bottomline span:nth-child(2){margin-left:0}.inside-list article{grid-template-columns:1fr;gap:8px}.control-copy p{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.header-signin{transition:none}.button:hover{transform:none}}