@font-face{font-family:"Space Grotesk";src:url("assets/space-grotesk-latin.woff2") format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"DM Sans";src:url("assets/dm-sans-latin.woff2") format("woff2");font-weight:400 700;font-display:swap}
:root{--paper:#f7f5ef;--ink:#20232a;--secondary:#5d626d;--signal:#d8ff54;--lilac:#c9c5ff;--coral:#ff756c;--mist:#e8e6e0;--ease:cubic-bezier(.22,1,.36,1);color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.55 "DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:var(--lilac);color:var(--ink)}
a{color:inherit;text-underline-offset:4px}
button,input,select{font:inherit}
button,a,input,select,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #4e469b;outline-offset:5px}
[id]{scroll-margin-top:32px}
.wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}
h1,h2,h3{font-family:"Space Grotesk",Arial,sans-serif;font-weight:700}
h1,h2{letter-spacing:-.06em;line-height:1.02}
h2{font-size:clamp(42px,4.65vw,68px);margin:0}
p{max-width:65ch;text-wrap:pretty}
.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}
.skip-link{position:fixed;top:10px;left:12px;z-index:100;padding:12px 20px;background:var(--ink);color:white;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.site-header{height:110px;display:flex;justify-content:space-between;align-items:center}
.brand{display:inline-flex;align-items:center;min-height:44px}
.brand img{display:block;width:134px;height:38px}
.nav-cta{display:flex;gap:25px;align-items:center;text-decoration:none;font-size:14px;font-weight:700;min-height:44px;border-bottom:1px solid var(--ink)}
.nav-cta:hover{border-color:var(--coral)}
.arrow{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.hero{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:12px;min-height:675px;padding-block:25px 64px}
.hero-copy{position:relative;z-index:1}
h1{font-size:clamp(58px,6.25vw,90px);margin:0;line-height:1.035}
.quote{position:relative;display:inline-block}
.quote svg{position:absolute;left:-4px;bottom:-9px;width:100%;height:22px;fill:none;stroke:var(--coral);stroke-width:4;stroke-linecap:round}
.hero-description{color:var(--secondary);font-size:19px;max-width:385px;margin:35px 0 27px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:58px;padding:15px 25px;border:1.5px solid var(--ink);border-radius:25px;text-decoration:none;font-size:16px;font-weight:700;box-shadow:0 4px 0 var(--ink);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.primary{background:var(--signal);color:var(--ink)}
.button:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--ink)}
.button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}
.stage-note{font-size:12px;color:var(--secondary);margin:19px 0 0}
.hero-art{position:relative;min-width:0}
.art-annotation{position:absolute;top:-12px;right:60px;font-size:20px;font-style:italic;transform:rotate(9deg)}
.art-annotation svg{position:absolute;top:14px;left:65px;width:65px;height:54px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}
.scene{height:510px;position:relative;isolation:isolate}
#handoff-canvas{width:100%;height:100%;display:block;position:absolute;inset:0;opacity:0;transition:opacity .35s}
html[data-scene=ready] #handoff-canvas{opacity:1}
.scene-fallback{position:absolute;inset:0;perspective:900px;transition:opacity .35s}
html[data-scene=ready] .scene-fallback{opacity:0;pointer-events:none}
.paper-back{position:absolute;inset:100px 80px 45px;border:1px solid #dfdcd3;background:#efece3;border-radius:24px;transform:rotate(-8deg);box-shadow:0 30px 35px #20232a0b}
.scene-note{position:absolute;border:1px solid #20232a18;box-shadow:0 14px 28px #20232a16;border-radius:18px;background:white;width:70%;padding:18px 22px;transition:transform .8s var(--ease),opacity .5s}
.scene-note small{display:block;font-size:11px;color:#50545d;margin-bottom:8px}
.scene-note b{font-size:18px;line-height:1.1;font-weight:500}
.scene-note span{display:block;font-size:10px;text-align:right;margin-top:8px;color:#50545d}
.note-a{top:68px;left:3%;transform:rotate(-7deg)}
.note-b{top:182px;right:0;background:var(--lilac);transform:rotate(5deg)}
.note-c{top:291px;left:0;transform:rotate(-4deg)}
.note-d{top:403px;right:4%;background:#e9e7ff;transform:rotate(6deg)}
.scene-resolved{position:absolute;inset:80px 20px 65px 12px;opacity:0;background:white;padding:30px;border-radius:24px;border:1px solid #20232a20;box-shadow:0 25px 45px #20232a15;transform:rotate(3deg);transition:opacity .6s,transform .6s}
.scene-resolved>b{font-family:"Space Grotesk",sans-serif;font-size:25px}
.scene-resolved p{border-bottom:1px solid var(--mist);padding:13px 0;font-weight:700}
.scene-resolved p span{display:block;font-size:13px;font-weight:400;color:var(--secondary)}
html[data-story=handoff] .scene-note{transform:translateY(30px) rotate(0);opacity:0}
html[data-story=handoff] .scene-resolved{opacity:1;transform:rotate(-2deg)}
.scene-controls{display:flex;align-items:center;justify-content:center;gap:24px;padding-inline:10px}
.story-button{min-height:44px;padding:8px 0;background:none;border:0;border-bottom:1px solid var(--ink);font-size:14px;font-weight:700;white-space:nowrap}
.story-button:hover{border-color:var(--coral)}
.scrub{max-width:110px;display:flex;align-items:center;height:44px}
.scrub input{width:100%;height:44px;margin:0;accent-color:var(--ink)}
.concept-note{font-size:11px;color:var(--secondary);text-align:center;margin:12px 0 0}
.hero-foot{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-top:1px solid #20232a2a;font-size:13px}
.hero-foot a{display:inline-flex;gap:40px;min-height:44px;align-items:center;text-decoration:none}
.handoff-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-block:124px 140px}
.handoff-copy>p{max-width:410px;color:var(--secondary);margin:26px 0 0}
.process{margin-top:35px}
.process p{display:flex;align-items:center;gap:14px;margin:15px 0;font-size:15px}
.process span{width:28px;height:28px;display:grid;place-items:center;border:1px solid #20232a45;border-radius:50%;font-size:12px}
.handoff-copy .small{font-size:13px;margin-top:32px}
.handoff-demo{position:relative;min-width:0;padding:15px 0 30px}
.sheet-shadow{position:absolute;inset:12px 12px 32px;border:1px solid #20232a22;border-radius:22px;background:var(--lilac);transform:rotate(5deg)}
.handoff-sheet{position:relative;padding:28px;background:white;border:1px solid #20232a25;border-radius:22px;box-shadow:0 22px 45px #20232a0b;transform:rotate(-2deg)}
.sheet-heading{display:flex;gap:10px;align-items:center;font-size:12px;line-height:1.2}
.sheet-heading>span{font-weight:600}
.sheet-heading small{display:block;font-size:10px;font-weight:400;color:var(--secondary);margin-top:4px}
.sheet-date{margin-left:auto;font-size:11px;padding:6px 9px;background:var(--paper);border-radius:7px;white-space:nowrap}
.handoff-sheet h3{font-size:28px;letter-spacing:-.045em;line-height:1.2;margin:29px 0 21px}
.task{display:flex;align-items:center;gap:13px;padding:20px 0;border-top:1px solid var(--mist)}
.task-initial{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;font-size:15px;font-weight:700}
.lilac{background:var(--lilac)}.lime{background:var(--signal)}.neutral{background:var(--paper)}
.task>div{min-width:0}
.task strong{font-size:14px;display:block;line-height:1.3}
.task small{display:block;color:var(--secondary);font-size:11px;margin-top:4px}
.task .due{margin-left:auto;color:var(--secondary);font-size:11px}
.task button{margin-left:auto;flex-shrink:0;font-size:11px;font-weight:600;border:1px solid var(--ink);border-radius:9px;background:var(--paper);min-height:44px;padding:8px 10px}
.task button:hover{background:var(--signal)}
.task.claimed .task-initial{background:var(--signal)}
.blocker{display:flex;gap:10px;padding:14px;background:#fff0ed;border-radius:12px;margin-top:14px}
.blocker>span{width:19px;height:19px;background:var(--coral);color:var(--ink);font-size:12px;border-radius:50%;text-align:center;flex-shrink:0}
.blocker p{font-size:12px;line-height:1.45;margin:0}
.blocker small{display:block;color:var(--secondary);font-size:10px;margin-top:4px}
.demo-hint{font-size:10px;color:var(--secondary);margin:22px 0 0}
.sheet-annotation{position:absolute;right:15px;bottom:-19px;transform:rotate(-5deg);font-size:19px;font-style:italic}
.contrast-beat{background:#12151b;color:var(--paper);overflow:hidden}
.contrast-beat .wrap{position:relative;padding-block:90px 100px}
.contrast-small{font-size:15px;color:#cbcbd0;margin:0 0 25px}
.contrast-beat h2{font-size:clamp(64px,8vw,112px);position:relative;z-index:1}
.contrast-description{font-size:15px;color:#cbcbd0;margin:30px 0 0}
.routing-mark{position:absolute;width:300px;height:240px;right:45px;top:100px;transform:rotate(-9deg)}
.use-cases{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:115px 125px}
.case{display:flex;gap:24px;padding:28px 0;border-bottom:1px solid #20232a2a}
.case:first-child{padding-top:3px}.case:last-child{border:0;padding-bottom:0}
.case-symbol{width:55px;height:55px;flex-shrink:0;background:var(--lilac);border-radius:17px;display:grid;place-items:center}
.case:nth-child(2) .case-symbol{background:#f9dcd4}.case:nth-child(3) .case-symbol{background:#e6edcd}
.case-symbol svg{width:44px;height:44px;stroke:var(--ink);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.case h3{margin:0;font-size:21px;letter-spacing:-.035em;line-height:1.3}
.case p{margin:10px 0 0;font-size:15px;color:var(--secondary);max-width:410px}
.signup-section{background:var(--lilac)}
.signup-grid{padding-block:100px;display:grid;grid-template-columns:1.25fr .75fr;gap:110px;align-items:center}
.signup-grid h2{font-size:clamp(47px,5.2vw,76px)}
.signup-grid>div>p{max-width:380px;margin:27px 0;color:#424151}
.signup-grid .signup-privacy{font-size:12px;max-width:370px;line-height:1.6;margin-top:23px}
.signup-side{position:relative}
.signup-side h3{font-size:32px;letter-spacing:-.04em;margin:0}
.signup-side>p{font-size:15px;max-width:310px!important}
.signup-scribble{position:absolute;width:185px;height:114px;left:-26px;top:-38px;stroke:var(--ink);stroke-width:2;fill:none;opacity:.65;pointer-events:none}
.inline-link{background:none;color:var(--ink);border:0;border-bottom:1px solid var(--ink);min-height:44px;padding:10px 0;font-size:13px;font-weight:600}
.inline-link:hover{border-width:2px}
#embedded-signup{margin-top:25px;background:var(--paper);border-radius:16px;padding:20px}
#embedded-signup iframe{display:block;width:100%;border:0;min-height:330px}
#embedded-signup p{font-size:12px}
.questions{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:100px 110px}
.questions h2{font-size:45px}
.question-list{border-top:1px solid #20232a30}
details{padding:21px 0;border-bottom:1px solid #20232a30}
summary{display:flex;justify-content:space-between;gap:20px;font-weight:600;cursor:pointer;list-style:none;min-height:44px;align-items:center;font-size:16px}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";font-size:24px;font-weight:400}
details[open] summary:after{content:"−"}
details p{font-size:14px;color:var(--secondary);margin:12px 20px 0 0}
.site-footer{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding-block:38px 46px;border-top:1px solid #20232a30}
.site-footer p{font-size:12px;color:var(--secondary);margin:10px 0 0}
.site-footer nav{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:13px}
.site-footer nav a{display:inline-flex;min-height:44px;align-items:center}



.legal{max-width:850px;padding-block:80px 110px}
.legal h1{font-size:clamp(45px,6vw,78px)}
.legal h2{font-size:27px;margin:44px 0 16px;letter-spacing:-.04em}
.legal p{color:var(--secondary);max-width:70ch}
.legal-lead{font-size:21px;margin:30px 0 50px}
.legal-date,.legal-back{font-size:13px}
html[data-motion=reduced]{scroll-behavior:auto}
html[data-motion=reduced] .button,html[data-motion=reduced] .scene-note,html[data-motion=reduced] .scene-resolved,html[data-motion=reduced] #handoff-canvas,html[data-motion=reduced] .scene-fallback{transition:none}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.hero{gap:0;min-height:600px}h1{font-size:64px}.scene{height:440px}.art-annotation{right:55px;top:-20px}.handoff-section,.use-cases,.questions{gap:45px}.signup-grid{gap:75px}.handoff-sheet{padding:22px}.task{gap:9px}.task button{padding:8px;font-size:10px}.routing-mark{right:0;width:250px}}
@media(max-width:839px){.wrap{width:calc(100% - 48px)}.site-header{height:84px}.hero{grid-template-columns:1fr;max-width:650px;padding-block:28px 25px}.hero-copy{max-width:560px}h1{font-size:clamp(56px,9vw,76px)}.hero-description{max-width:430px}.hero-art{width:100%;max-width:530px;margin:28px auto 0}.scene{height:430px}.art-annotation{right:12px;top:0;font-size:17px}.art-annotation svg{left:45px;width:46px}.hero-foot{font-size:12px}.handoff-section,.use-cases,.questions{grid-template-columns:1fr;gap:50px;padding-block:80px}.handoff-copy>p{max-width:550px}.handoff-demo{max-width:540px;width:100%;margin:auto}.handoff-sheet{padding:28px}.task{gap:13px}.task button{font-size:11px;padding:8px 12px}.contrast-beat .wrap{padding-block:65px 75px}.contrast-beat h2{font-size:68px}.routing-mark{width:170px;height:150px;top:80px;right:5px;opacity:.6}.signup-grid{grid-template-columns:1fr;gap:70px;padding-block:75px}.signup-side{padding-top:4px}.signup-side h3{font-size:29px}.signup-side>p{max-width:480px!important}.signup-scribble{width:160px;left:-16px;top:-34px}.site-footer{grid-template-columns:1fr auto;gap:25px}.site-footer nav{grid-column:1/-1;grid-row:2}}
@media(max-width:480px){.wrap{width:calc(100% - 40px)}.site-header{height:76px}.brand img{width:116px;height:auto}.nav-cta{font-size:12px;gap:16px}.hero{padding-top:24px}.hero h1{font-size:clamp(46px,12.5vw,59px);line-height:1.04;letter-spacing:-.065em}.quote svg{bottom:-5px;height:16px}.hero-description{font-size:16px;line-height:1.55;margin:26px 0 20px;max-width:320px}.button{min-height:54px;font-size:14px;gap:32px;padding:13px 21px}.stage-note{font-size:11px;margin-top:16px}.hero-art{margin-top:21px}.scene{height:350px;margin-inline:-12px}.art-annotation{top:0;right:17px;font-size:15px}.art-annotation svg{width:36px;left:38px;top:16px}.scene-controls{gap:16px}.story-button{font-size:12px}.scrub{max-width:90px}.concept-note{font-size:10px;margin-top:6px}.scene-note{padding:13px 16px;border-radius:15px}.scene-note b{font-size:14px}.scene-note small{margin-bottom:5px;font-size:10px}.scene-note span{margin-top:5px;font-size:9px}.note-a{top:42px}.note-b{top:121px}.note-c{top:208px}.note-d{top:283px}.paper-back{inset:65px 55px 20px}.scene-resolved{inset:38px 24px 10px;padding:23px}.scene-resolved>b{font-size:22px}.scene-resolved p{padding:9px 0}.hero-foot{align-items:center;font-size:10px;padding-block:14px;gap:14px}.hero-foot a{gap:10px;white-space:nowrap}.handoff-section{padding-block:65px 75px;gap:33px}h2{font-size:43px}.handoff-copy>p{font-size:16px}.process p{font-size:14px}.handoff-sheet{padding:21px}.sheet-heading{gap:8px;font-size:10px}.sheet-date{font-size:9px;padding:6px}.sheet-heading img{width:31px;height:31px}.handoff-sheet h3{font-size:25px;margin-top:25px}.task{gap:10px;padding:17px 0}.task strong{font-size:12px}.task-initial{width:31px;height:34px;font-size:12px;border-radius:9px}.task .due{font-size:10px}.task button{font-size:10px;padding:6px 8px}.task small{font-size:10px}.demo-hint{font-size:9px}.sheet-annotation{font-size:17px}.contrast-beat h2{font-size:56px}.contrast-small{font-size:13px}.routing-mark{width:105px;height:100px;right:-13px;top:100px;opacity:.35}.contrast-description{font-size:13px}.use-cases{padding-block:65px;gap:35px}.case{gap:17px}.case h3{font-size:19px}.case p{font-size:14px}.case-symbol{width:47px;height:47px}.case-symbol svg{width:36px;height:36px}.signup-grid{padding-block:65px;gap:70px}.signup-grid h2{font-size:45px}.signup-grid>div>p{font-size:15px}.signup-grid .signup-privacy{font-size:11px}.questions{padding-block:65px;gap:32px}.questions h2{font-size:38px}summary{font-size:14px}details p{font-size:13px}.site-footer{padding-bottom:35px}.site-footer p{font-size:10px}.site-footer nav{font-size:12px;gap:8px 20px}.legal{padding-block:45px 75px}.legal h1{font-size:44px}.legal-lead{font-size:18px}.legal p{font-size:15px}}
@media(max-width:350px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:43px}.hero-description{font-size:15px}.scene{height:310px}.note-d{top:251px}.note-c{top:182px}.note-b{top:110px}.scene-note{padding:10px 14px}.stage-note{font-size:10px}.signup-grid h2{font-size:39px}.handoff-sheet{padding:16px}.task{gap:7px}.task button{font-size:9px;padding:5px}.sheet-date{font-size:8px}.site-footer{gap:15px}}
@media(forced-colors:active){.button,.scene-note,.handoff-sheet{border:1px solid CanvasText}.quote svg{stroke:CanvasText}}
@media(max-width:480px){.routing-mark{right:0}}
.contrast-line{display:block;will-change:transform}
.handoff-demo{perspective:1100px}
.case-symbol{transform-style:preserve-3d}
@media(max-width:839px){.site-footer nav{grid-column:1/-1}}