/* Carbon Dean: an editorial, cinematic expression of the existing palette. */
:root{--ink:#202522;--muted:#68706b;--canvas:#f7f6f1;--paper:#fffefa;--sand:#ebe9df;--line:#deded4;--forest:#174f46;--forest-deep:#103f38;--mint:#dcece4;--ease-out:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.65 'Hanken Grotesk',sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,.brand{font-family:Newsreader,Georgia,serif;font-weight:400;letter-spacing:-.045em;margin:0}h2{font-size:clamp(40px,4.6vw,66px);line-height:1.04}h3{font-size:30px;line-height:1.15}p{margin:0}em{font-weight:400}a{color:inherit;text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}:where(a,button,summary):focus-visible{outline:2px solid currentColor;outline-offset:6px}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.eyebrow,.edition,.chapter-number,.sample-label,.scene-note span,.hero-caption,.document-label,.document-top,.role-meta,.sample-foot{font:400 10px/1.5 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase}.eyebrow{color:var(--forest);margin-bottom:24px}.lede{font-size:16px;color:var(--muted);max-width:610px;line-height:1.85}.skip-link{position:absolute;left:20px;top:-80px;z-index:20;padding:12px;background:var(--paper)}.skip-link:focus{top:10px}.topbar{background:var(--canvas)}.topbar .wrap{height:90px;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:27px;font-weight:600;letter-spacing:-.035em}.mark{display:block;flex:none}.links{display:flex;gap:32px;font-size:12px}.links a{text-decoration:none}.text-link{text-decoration:none;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:28px;padding:10px 0;border-bottom:1px solid currentColor}.signin{border:0}.text-link span{font-size:19px;font-weight:400}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:52px;padding:16px 22px;background:var(--forest);color:var(--paper);border:1px solid var(--forest);border-radius:3px;text-decoration:none;font:600 12px/1.4 'Hanken Grotesk',sans-serif;transition:transform 160ms var(--ease-out),background 160ms ease}.button span{font-size:20px;font-weight:400;line-height:1}.button.light{background:var(--canvas);color:var(--forest-deep);border-color:var(--canvas)}.button.secondary{background:transparent;color:var(--forest)}.button:active{transform:scale(.97)}
.hero{position:relative;isolation:isolate;background:var(--forest-deep);color:var(--canvas);overflow:hidden;min-height:780px;padding-top:62px}.hero-art{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 82% 42%,#567568 0,transparent 41%),linear-gradient(100deg,var(--forest-deep) 10%,var(--forest) 75%,#335c4e)}.architecture{position:absolute;right:12%;top:8%;width:30%;height:100%;filter:drop-shadow(-28px 8px 24px #103f3880)}.opening{position:absolute;inset:0 0 28%;background:linear-gradient(90deg,#829a85 0,#d2d6b8 4%,#f4efd2 7%,#97b19b 8%,#496f5e 11%,#b6c6ac 100%);box-shadow:24px -20px 0 2px #214f43,inset -12px 10px 25px #f7f6f14d;clip-path:polygon(0 8%,100% 0,100% 100%,0 100%)}.opening:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#cbd0af,transparent 70%),radial-gradient(ellipse at 95% 80%,#e6e3c3,transparent 60%)}.light-path{position:absolute;top:72%;left:0;width:170%;height:42%;background:linear-gradient(160deg,#e2e0bb80,transparent 75%);clip-path:polygon(0 0,59% 0,100% 100%,0 100%)}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#103f38 0%,#103f38d9 31%,#103f3833 58%,transparent 85%),linear-gradient(0deg,#103f38 0,transparent 28%)}.grain{position:absolute;inset:0;z-index:1;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hero .eyebrow{color:var(--mint);display:flex;align-items:center;gap:12px}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--mint)}h1{font-size:clamp(66px,7.7vw,112px);line-height:.98;max-width:950px;letter-spacing:-.045em;margin-top:42px}h1 em{color:#d3dfc8}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:32px}.hero-copy{max-width:365px}.hero-copy p{font-size:14px;line-height:1.85;color:#dce5dc;margin-bottom:25px}.scene-note{font-family:Newsreader,Georgia,serif;font-size:22px;line-height:1.2;margin:0 0 8px 20px}.scene-note span{display:block;font-size:8px;margin-top:25px;color:#c3d1c6}.hero-caption{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dcece430;margin-top:52px;padding-block:22px;font-size:9px;color:#c3d1c6}.hero-caption a{text-decoration:none}.hero-caption a span{padding-left:24px;font-size:18px}.intro{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding-block:112px}.intro .eyebrow{padding-top:8px;max-width:160px;line-height:1.8}.intro .lede{margin-top:25px}.experience{border-top:1px solid var(--line);padding-top:35px}.section-heading{display:flex;justify-content:space-between;align-items:start}.edition{color:var(--muted);font-size:9px}.chapter{display:grid;grid-template-columns:1fr 1.15fr;gap:100px;padding:65px 0 88px;align-items:center}.chapter+.chapter{border-top:1px solid var(--line)}.chapter-copy{max-width:395px}.chapter-number{display:block;color:var(--muted);margin-bottom:30px}.chapter h2 em,.intro h2 em,#for h2 em,.closing h2 em{color:var(--forest)}.chapter-copy>p{color:var(--muted);line-height:1.9;margin:23px 0;font-size:14px}.chapter-copy .text-link{color:var(--forest);margin-top:8px}.chapter.reverse .chapter-copy{order:2}.chapter.reverse .product-frame{order:1}.chapter.reverse{grid-template-columns:1.15fr 1fr}.product-frame{background:var(--sand);padding:27px 30px 18px;border:1px solid #e1e1d7;border-radius:3px;min-width:0}.sample-label{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:7px;letter-spacing:.08em;margin-bottom:35px}.mock-heading{display:flex;align-items:center;justify-content:space-between}.pill{border:1px solid #b9cabc;border-radius:20px;padding:4px 12px;font-size:10px;color:var(--forest)}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:25px 0;gap:12px}.stats strong{font:400 42px/1 Newsreader,Georgia,serif;color:var(--forest)}.stats span{display:block;font-size:9px;color:var(--muted);margin-top:8px}.role-example{background:var(--paper);padding:22px;border:1px solid #d5d8cd;border-left:3px solid var(--forest);box-shadow:0 8px 18px #20252206}.role-meta{display:flex;justify-content:space-between;color:var(--forest);font-size:8px}.role-example h4{font-size:24px;margin:17px 0 7px}.role-example>p{font-size:10px;color:var(--muted)}.role-example>p span{margin-inline:7px}.role-reason{border-top:1px solid var(--line);margin-top:20px;padding-top:12px;font-size:9px;color:var(--forest)}.role-reason span{margin-right:8px;font-size:15px}.sample-foot{font-size:8px;letter-spacing:.04em;text-transform:none;color:var(--muted);margin-top:24px;text-align:center}.evidence{background:var(--mint)}.document{background:var(--paper);padding:24px 28px;box-shadow:0 12px 24px #103f380a;transform:rotate(-1.5deg)}.document-top{display:flex;justify-content:space-between;font-size:7px;border-bottom:1px solid var(--line);padding-bottom:14px;color:var(--muted)}.document h3{font-size:28px;margin:22px 0}.document-label{font-size:8px;color:var(--muted)}blockquote{font:400 20px/1.4 Newsreader,Georgia,serif;margin:9px 0 0}.evidence-line{font-size:22px;color:var(--forest);margin:7px 0}.evidence-fact{font-size:12px;margin-top:8px}.evidence-stamp{font-size:9px;color:var(--forest);margin-top:22px;padding-top:13px;border-top:1px solid var(--line)}.evidence-stamp span{display:block;color:var(--muted);font-size:8px;margin-top:3px}.momentum{background:#eeeee5}.momentum h3{font-size:28px}.timeline{list-style:none;padding:0;margin:27px 0 0}.timeline li{display:flex;align-items:start;gap:15px;position:relative;padding-bottom:30px}.timeline li:not(:last-child):before{content:'';position:absolute;top:25px;bottom:0;left:12px;border-left:1px solid #b6c4b7}.timeline-dot{display:grid;place-items:center;flex:none;width:25px;height:25px;border:1px solid #b6c4b7;border-radius:50%;color:var(--forest);font-size:11px}.timeline li>span:last-child{margin-left:auto;color:var(--muted);font:9px 'DM Mono',monospace}.timeline strong{font-size:11px;font-weight:600}.timeline p{font-size:9px;color:var(--muted);margin-top:4px}.timeline .current{padding-bottom:5px}.current .timeline-dot{background:var(--forest);color:var(--paper);border-color:var(--forest)}.manifesto{background:var(--forest-deep);color:var(--canvas);padding:94px 0}.manifesto .eyebrow{color:#afc8b9}.manifesto h2{font-size:clamp(50px,6.5vw,90px);line-height:1.02}.manifesto h2 em{color:#c5d7c5}.manifesto-bottom{display:grid;grid-template-columns:1fr 1fr;gap:120px;margin-top:48px;border-top:1px solid #dcece433;padding-top:30px}.manifesto-bottom>p{max-width:425px;color:#c7d7cd;line-height:1.9}.principles{display:grid;gap:12px;color:#dcece4;font:10px/1.6 'DM Mono',monospace;letter-spacing:.04em}#for,#privacy{padding:100px 0}.section-head{max-width:760px;margin-bottom:40px}.section-head .lede{margin-top:25px}.plan{display:grid;grid-template-columns:1fr 1fr;gap:25px}.card{padding:35px;border:1px solid var(--line);background:var(--paper);border-radius:3px}.card.featured{background:var(--mint);border-color:#c9d9cb}.card h3{font-size:30px}.price{display:flex;align-items:baseline;gap:12px;margin:32px 0 20px}.price b{font:400 54px/1 Newsreader,Georgia,serif;color:var(--forest)}.price span{font-size:11px;color:var(--muted)}.plan ul{padding:0;list-style:none;margin:0 0 25px}.plan li{padding:11px 0;border-top:1px solid #68706b26;font-size:12px}.plan .fine{font-size:11px;line-height:1.85;color:var(--muted);margin-top:20px}#privacy{border-top:1px solid var(--line);padding-top:70px}.privacy h2{font-size:44px}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:40px}.privacy .card{padding:0;border:0;background:transparent}.privacy h3{font-size:25px;margin-bottom:18px}.privacy .card p{font-size:12px;color:var(--muted);line-height:1.9}.privacy .card p+p{margin-top:15px}.privacy code{font:11px 'DM Mono',monospace;color:var(--forest)}.closing{text-align:center;border-top:1px solid var(--line);padding:90px 0 100px;background:var(--sand)}.closing h2{font-size:clamp(65px,8vw,110px);line-height:.98}.closing .button{margin-top:35px}.closing .wrap>p:last-child{font-size:11px;color:var(--muted);margin-top:15px}footer{padding:40px 0;background:var(--canvas)}footer .wrap{display:flex;justify-content:space-between;gap:35px}footer p{font-size:10px;color:var(--muted)}.contacts{display:flex;flex-wrap:wrap;gap:25px}.contacts a{font-size:10px;text-decoration:none}.contacts span{display:block;color:var(--muted);font-size:9px;margin-top:5px}
@media(hover:hover) and (pointer:fine){.button:hover{background:var(--forest-deep)}.button.light:hover{background:var(--mint)}.button.secondary:hover{background:var(--mint)}.links a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}}
@media(prefers-reduced-motion:no-preference){.hero-kicker,h1,.hero-bottom{animation:arrive 750ms var(--ease-out) both}.hero-kicker{animation-delay:40ms}h1{animation-delay:100ms}.hero-bottom{animation-delay:160ms}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
@media(min-width:1600px){.hero{min-height:850px}.hero-content{padding-top:20px}.architecture{right:16%;width:27%}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.chapter{gap:45px}.hero{min-height:730px}h1{font-size:86px}.architecture{right:8%;width:38%}.scene-note{font-size:20px}.intro{gap:35px}.product-frame{padding:22px 20px 17px}.sample-label{font-size:6px}.manifesto-bottom{gap:50px}.contacts{gap:15px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.topbar .wrap{height:74px;gap:10px}.brand{font-size:24px}.brand .mark{width:28px;height:28px}.links{display:none}.hero{min-height:0;padding-top:35px}h1{font-size:clamp(49px,10vw,70px);margin-top:55px;line-height:1.02}.hero .eyebrow{font-size:8px;letter-spacing:.1em}.architecture{right:-12%;top:6%;width:68%;opacity:.65}.hero-art:after{background:linear-gradient(90deg,#103f38e8,#103f3866),linear-gradient(0deg,#103f38,transparent 85%)}.hero-bottom{margin-top:32px}.hero-copy{max-width:300px}.hero-copy p{font-size:13px}.scene-note{display:none}.hero-caption{margin-top:48px;font-size:7px;gap:20px;align-items:center}.hero-caption>span{max-width:145px}.hero-caption a span{padding-left:8px}.hero-caption a{white-space:nowrap;font-size:7px}.intro{grid-template-columns:1fr;padding-block:65px;gap:6px}.intro .eyebrow{max-width:none}.intro h2{font-size:39px}.lede{font-size:14px}.section-heading .eyebrow{font-size:8px}.edition{display:none}.chapter,.chapter.reverse{grid-template-columns:1fr;gap:35px;padding:35px 0 50px}.chapter.reverse .chapter-copy,.chapter.reverse .product-frame{order:initial}.chapter-copy{max-width:100%}.chapter h2{font-size:48px}.chapter-number{margin-bottom:20px;font-size:9px}.chapter-copy>p{font-size:13px}.product-frame{padding:22px}.sample-label{font-size:6px}.role-example{padding:18px}.role-example h4{font-size:23px}.stats strong{font-size:36px}.stats span{font-size:8px}.document{padding:22px}.manifesto{padding:60px 0}.manifesto h2{font-size:48px}.manifesto-bottom{grid-template-columns:1fr;gap:25px;margin-top:32px}.manifesto-bottom>p{font-size:13px}#for,#privacy{padding:60px 0}#for h2{font-size:39px}.plan,.grid.two{grid-template-columns:1fr;gap:24px}.card{padding:26px}.privacy h2{font-size:37px}.privacy .grid{gap:35px}.closing{padding:65px 0}.closing h2{font-size:65px}footer .wrap{flex-direction:column}.contacts{gap:22px}.contacts a{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:active{transform:none}}
/* Keep specimen annotations legible on narrow screens as well as desktop. */
.sample-label,.document-top,.document-label,.role-meta{font-size:9px}
.sample-label{flex-wrap:wrap;row-gap:5px}
.sample-foot,.evidence-stamp span{font-size:10px}
@media(max-width:700px){.sample-label,.document-top,.document-label,.role-meta{font-size:8px}.stats span{font-size:10px}.timeline p{font-size:11px}}

/* Title typography: expressive film titles, with an unobtrusive utility face.
   The established Newsreader wordmark remains the brand signature. */
:root {
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Hanken Grotesk', sans-serif;
}
h1, h2, h3, h4 { font-family: var(--font-display); font-weight: 500; font-synthesis: none; }
h1, h2 { letter-spacing: -.035em; }
h1 { font-size: clamp(76px, 8.3vw, 120px); line-height: .92; }
h1 em, h2 em { font-weight: 500; letter-spacing: -.045em; }
h2 { line-height: 1.02; }
h3, h4 { letter-spacing: -.025em; font-weight: 600; }
.scene-note { font-family: var(--font-display); font-size: 26px; font-weight: 500; }
blockquote { font-family: var(--font-display); font-size: 23px; font-weight: 500; }
.stats strong, .price b { font-family: var(--font-display); font-weight: 500; }
.eyebrow, .chapter-number { letter-spacing: .17em; }
.hero-copy p { font-size: 15px; }
@media (max-width: 1000px) and (min-width: 701px) {
  h1 { font-size: 90px; }
}
@media (max-width: 700px) {
  h1 { font-size: clamp(49px, 11.5vw, 76px); line-height: .98; letter-spacing: -.04em; }
  .hero-copy p { font-size: 14px; }
  .intro h2, #for h2 { font-size: 42px; }
  .chapter h2 { font-size: 52px; }
  .manifesto h2 { font-size: 51px; }
  .closing h2 { font-size: 70px; }
}
.resume-card{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start}.resume-card .price{margin:24px 0 22px}@media(max-width:900px){.resume-card{grid-template-columns:1fr;gap:10px}}
@media(min-width:701px) and (max-width:1000px){.architecture{right:-10%;width:52%;opacity:.55}.hero-art:after{background:linear-gradient(90deg,#103f38f2 0%,#103f38cc 45%,#103f3866 75%,transparent 100%),linear-gradient(0deg,#103f38,transparent 30%)}}

/* The hero reel: two short clips of the real product, in a quiet screen,
   where the lit doorway used to be. Beside the headline on wide screens,
   under the copy on narrow ones. */
.hero.has-reel .architecture{display:none}
.hero-content{position:relative}
.hero-reel{margin:0;position:absolute;right:0;top:34px;width:min(47%,640px);animation:arrive 900ms var(--ease-out) 220ms both}
.reel-screen{border-radius:14px;overflow:hidden;background:#f7f6f1;box-shadow:0 30px 70px -20px #041f1bcc,0 0 0 1px #dcece426}
.reel-bar{display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:#e9e8df;border-bottom:1px solid #d7d7cc}
.reel-bar i{width:9px;height:9px;border-radius:50%;background:#cfcfc4}
.reel-bar span{margin-left:10px;font:500 11px/1 'DM Mono',monospace;letter-spacing:.06em;color:#4d5650;text-transform:uppercase}
.reel-stage{position:relative;aspect-ratio:4/3;background:#f7f6f1}
.reel-clip{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 420ms ease}
.reel-clip.is-on{opacity:1}
.hero-reel figcaption{margin-top:12px;font:400 9px/1.5 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#a9bcb0}
@media(max-width:1000px){.hero-reel{position:static;width:100%;max-width:620px;margin-top:40px}}
@media(prefers-reduced-motion:reduce){.reel-clip{transition:none}.hero-reel{animation:none}}
@media(max-width:700px){.reel-bar{height:28px}.reel-bar span{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}