:root{--rag:#eee8dc;--paper:#fff9ea;--ink:#10110f;--muted:#58574f;--red:#ed3e22;--blue:#1840df;--tape:#f3c51f;--rule:rgba(16,17,15,.2);--serif:"Iowan Old Style","New York",Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--rag);color:var(--ink);font:17px/1.55 var(--sans);overflow-x:hidden;background-image:repeating-linear-gradient(0deg,transparent 0 27px,rgba(16,17,15,.025) 28px 29px)}
a{color:inherit}
.wrap{width:min(1220px,calc(100% - 48px));margin:auto}
header,footer{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid var(--rule)}
header nav,footer nav{display:flex;gap:24px;align-items:center}
header nav a,footer a{text-underline-offset:5px;text-decoration-thickness:1px}
.brand{display:flex;gap:13px;align-items:center;text-decoration:none}
.brand b{font:800 25px var(--serif)}
.brand small{display:block;color:var(--red);font:800 10px var(--sans);letter-spacing:.16em}
.reg-mark{width:31px;height:31px;position:relative;border:2px solid var(--ink)}
.reg-mark:before,.reg-mark:after{content:"";position:absolute;background:var(--blue)}
.reg-mark:before{width:39px;height:2px;left:-6px;top:13px}
.reg-mark:after{height:39px;width:2px;left:13px;top:-6px}
.hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:74px;align-items:center;min-height:760px;padding:80px 0 100px}
.eyebrow{color:var(--red);font:850 12px var(--sans);letter-spacing:.18em;margin:0}
.hero h1,.legal h1{font:800 clamp(56px,7vw,104px)/.88 var(--serif);letter-spacing:-.045em;margin:18px 0 28px}
.hero h1 em{font-weight:500;color:var(--blue)}
.lede{max-width:600px;font-size:21px;line-height:1.48}
.actions{display:flex;align-items:center;gap:22px;margin-top:32px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:56px;background:var(--ink);color:var(--paper);padding:14px 18px;text-decoration:none;font-weight:750;box-shadow:5px 5px 0 var(--blue);transition:transform .18s ease,box-shadow .18s ease}
.button:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--red)}
.availability{font-size:14px;color:var(--muted)}
.trust-line{display:flex;flex-wrap:wrap;gap:20px;padding:0;margin:34px 0 0;list-style:none;font:700 12px var(--mono)}
.trust-line li:before{content:"+";color:var(--blue);margin-right:6px}
.press-stage{min-height:580px;background:var(--ink);position:relative;overflow:hidden;border-radius:28px 4px 28px 4px;box-shadow:14px 14px 0 var(--red)}
.press-stage:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 17px,rgba(255,255,255,.04) 18px 21px)}
.matrix-plate{position:absolute;inset:84px 44px 65px;border:1px solid #555;background:#181916;overflow:hidden}
.matrix-plate i{position:absolute;width:85%;height:24%;left:6%;background:var(--rag);opacity:.14;transform:skew(-18deg) rotate(-8deg)}
.matrix-plate i:nth-child(1){top:14%}
.matrix-plate i:nth-child(2){top:43%;left:19%;width:68%}
.matrix-plate i:nth-child(3){top:70%;width:52%}
.hero-sheet{position:absolute;inset:50px 68px 90px;background:var(--paper);padding:34px;display:flex;flex-direction:column;transform:rotate(-2.2deg);transform-origin:top right;box-shadow:12px 16px 0 rgba(24,64,223,.9);animation:press-settle .46s cubic-bezier(.2,.8,.2,1) both}
.ink-field,.demo-ink{flex:1;background:linear-gradient(145deg,transparent 0 25%,var(--red) 26% 40%,transparent 41% 48%,var(--ink) 49% 70%,transparent 71%),repeating-linear-gradient(13deg,transparent 0 11px,rgba(16,17,15,.25) 12px 14px);position:relative}
.ink-field b{position:absolute;bottom:8px;right:12px;color:var(--paper);font:800 68px var(--serif);mix-blend-mode:difference}
.hero-sheet footer,.demo-sheet footer{display:flex;align-items:end;justify-content:space-between;border-top:1px solid var(--ink);padding-top:14px;margin-top:18px}
.hero-sheet footer span,.demo-sheet footer span{display:grid}
.hero-sheet small,.demo-sheet small{font:700 10px var(--mono);letter-spacing:.08em}
.hero-sheet strong,.demo-sheet strong{font:800 28px var(--mono)}
.register{position:absolute;width:22px;height:22px}
.register:before,.register:after{content:"";position:absolute;background:var(--blue)}
.register:before{width:22px;height:2px;top:10px}
.register:after{height:22px;width:2px;left:10px}
.register.tl{top:9px;left:9px}
.register.br{bottom:9px;right:9px}
.stage-note{position:absolute;z-index:4;color:var(--paper);font:700 10px var(--mono);letter-spacing:.1em}
.stage-note.top{top:20px;left:24px}
.stage-note.bottom{bottom:23px;right:24px}
.manifesto{background:var(--blue);color:var(--paper);padding:95px 0}
.manifesto p{color:var(--tape);font:800 12px var(--mono);letter-spacing:.14em}
.manifesto h2{font:650 clamp(38px,5.2vw,72px)/1.06 var(--serif);max-width:1100px;margin:16px 0 0}
.stack-lab{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center;padding:120px 0}
.stack-lab h2,.workflow h2,.feature-index h2,.privacy h2{font:750 clamp(38px,5vw,66px)/1.02 var(--serif);letter-spacing:-.025em;margin:12px 0 24px}
.lab-copy>p:not(.eyebrow){max-width:520px}
.demo-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.demo-controls button{min-height:46px;padding:10px 16px;background:transparent;border:1px solid var(--ink);font:700 14px var(--sans);cursor:pointer}
.demo-controls button[aria-pressed=true],.demo-controls button:hover{background:var(--tape);box-shadow:3px 3px 0 var(--ink)}
.stack-visual{position:relative;padding:36px 28px 20px}
.back-sheet{position:absolute;inset:58px 42px 65px;background:var(--paper);border:1px solid var(--ink)}
.back-sheet.one{transform:rotate(4deg);background:var(--red)}
.back-sheet.two{transform:rotate(-3deg);background:var(--blue)}
.demo-sheet{position:relative;background:var(--paper);min-height:520px;padding:38px;border:1px solid var(--ink);display:flex;flex-direction:column;box-shadow:9px 10px 0 var(--ink);transition:transform .34s cubic-bezier(.2,.8,.2,1)}
.demo-sheet.peel{animation:sheet-peel .48s cubic-bezier(.2,.8,.2,1)}
.demo-ink{min-height:340px}
.demo-ink span{position:absolute;left:12px;top:12px;background:var(--blue);color:var(--paper);font:800 10px var(--mono);padding:6px 9px;letter-spacing:.1em}
.stack-visual>p{font-size:12px;color:var(--muted);margin:28px 0 0 10px}
.workflow{background:var(--ink);color:var(--paper);padding:110px 0}
.workflow .eyebrow{color:#ff674e}
.workflow-head{display:grid;grid-template-columns:.6fr 1.4fr;gap:40px;align-items:start}
.workflow-head h2{margin-top:0}
.workflow ol{padding:0;margin:55px 0 0;list-style:none;border-top:1px solid #585951}
.workflow li{display:grid;grid-template-columns:130px 1fr;gap:40px;padding:32px 0;border-bottom:1px solid #585951}
.workflow li>b{font:750 48px var(--serif);color:var(--tape)}
.workflow h3{font:700 28px var(--serif);margin:0 0 8px}
.workflow li p{margin:0;color:#c8c6bd;max-width:700px}
.details{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;padding:120px 0}
.edition-ticket{background:var(--paper);border:1px solid var(--ink);padding:34px;box-shadow:11px 11px 0 var(--red);align-self:start}
.ticket-number{border-block:1px solid var(--ink);padding:20px 0;margin:22px 0}
.ticket-number span{display:block;font:800 10px var(--mono);letter-spacing:.14em}
.ticket-number strong{font:800 clamp(60px,8vw,104px)/1 var(--mono)}
.ticket-number i{color:var(--blue);font-style:normal}
.feature-index ul{padding:0;margin:26px 0 0;list-style:none;border-top:2px solid var(--ink)}
.feature-index li{display:grid;grid-template-columns:58px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--rule)}
.feature-index li span{color:var(--blue);font:800 12px var(--mono)}
.privacy{background:var(--red);padding:105px 0;color:var(--paper)}
.privacy .eyebrow{color:var(--tape)}
.privacy h2{max-width:900px}
.privacy .wrap>p:not(.eyebrow){font-size:20px;max-width:820px}
.pro-strip{display:grid;grid-template-columns:160px 1fr auto;gap:25px;align-items:center;margin-top:45px;padding:24px;border:1px solid var(--paper)}
.pro-strip span{font:800 11px var(--mono);letter-spacing:.13em}
.pro-strip b{font-size:16px}
.pro-strip em{font-style:normal;color:#ffd6cd;font-size:14px}
footer{border-top:1px solid var(--rule);border-bottom:0;margin-top:0}
footer>div span{display:block;color:var(--muted)}
.legal{max-width:850px;padding:80px 0}
.legal h1{font-size:60px}
.legal section,.legal h2{margin-top:38px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .20s ease,transform .36s cubic-bezier(.2,.8,.2,1)}
.reveal.visible{opacity:1;transform:none}
@keyframes press-settle{from{opacity:0;transform:translateY(-55px) rotate(-7deg)}
65%{transform:translateY(6px) rotate(-1deg)}
to{opacity:1;transform:rotate(-2.2deg)}
}
@keyframes sheet-peel{0%{transform:none}
45%{transform:translateY(-26px) rotate(-3deg)}
100%{transform:none}
}
@media(max-width:860px){.hero,.stack-lab,.details{grid-template-columns:1fr;gap:54px}
.hero{padding-top:55px}
.press-stage{min-height:570px}
.workflow-head{grid-template-columns:1fr}
.pro-strip{grid-template-columns:1fr;gap:10px}
.wrap{width:min(100% - 34px,1220px)}
}
@media(max-width:560px){header{align-items:flex-start}
header nav{gap:12px;font-size:13px}
header nav a:first-child,.brand small{display:none}
.hero{min-height:auto;padding-bottom:74px}
.hero h1{font-size:58px}
.actions{align-items:flex-start;flex-direction:column}
.press-stage{min-height:445px;border-radius:20px 3px 20px 3px}
.hero-sheet{inset:44px 34px 78px;padding:26px}
.stage-note.bottom{left:18px;right:auto}
.manifesto,.workflow,.privacy{padding:75px 0}
.stack-lab,.details{padding:80px 0}
.demo-sheet{min-height:430px;padding:25px}
.demo-ink{min-height:270px}
.workflow li{grid-template-columns:70px 1fr;gap:18px}
.workflow li>b{font-size:35px}
.pro-strip{padding:18px}
footer,footer nav{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.hero-sheet,.demo-sheet,.reveal{animation:none!important;transition:none!important;transform:none!important}
.reveal{opacity:1}
}

/* Current-build studio captures */
.capture-gallery{padding:clamp(4.5rem,9vw,8rem) 0;background:#0d0e0c;color:#f8f0dc;overflow:hidden}.capture-heading{max-width:760px;margin-bottom:2.8rem}.capture-heading h2{font-family:Georgia,serif;font-size:clamp(2.5rem,6vw,5.5rem);line-height:.92;margin:.4rem 0 1rem}.capture-heading>p:last-child{max-width:620px;color:#c8c2b4;font-size:1.05rem}.capture-rail{display:grid;grid-template-columns:repeat(6,minmax(230px,1fr));gap:clamp(1rem,2vw,1.7rem);overflow-x:auto;padding:1rem max(0px,calc((100vw - 1180px)/2)) 2.25rem;margin-inline:calc(50% - 50vw);scroll-snap-type:x mandatory;scrollbar-color:#f13d28 #262722}.capture{scroll-snap-align:start;margin:0;min-width:230px}.capture img{display:block;width:100%;height:auto;border:1px solid #45443d;box-shadow:12px 14px 0 #f13d28;transform:rotate(-.55deg)}.capture:nth-child(even) img{transform:rotate(.55deg);box-shadow:12px 14px 0 #2450ff}.capture figcaption{display:grid;gap:.22rem;margin:1.5rem .2rem 0}.capture figcaption b{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}.capture figcaption span{color:#aaa598;font-size:.9rem}.ipad-capture{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.35fr);align-items:end;gap:2rem;margin:5rem 0 0}.ipad-capture img{width:100%;height:auto;border:1px solid #45443d;box-shadow:16px 18px 0 #2450ff}.ipad-capture figcaption{font-family:Georgia,serif;font-size:clamp(1.3rem,3vw,2.35rem);line-height:1.06}.ipad-capture figcaption b{display:block;color:#f13d28;margin-bottom:.6rem}@media(max-width:720px){.capture-rail{grid-template-columns:repeat(6,72vw);padding-left:6vw;padding-right:6vw}.ipad-capture{grid-template-columns:1fr;margin-top:3rem}.ipad-capture figcaption{order:-1}}@media(prefers-reduced-motion:reduce){.capture img{transform:none}}