@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@500&display=swap');
:root { --ink:#f4eee9; --muted:#b8b2b4; --quiet:#827d85; --canvas:#0b0b12; --panel:#171521; --panel-2:#211d2d; --line:rgba(244,238,233,.16); --accent:#d99a76; --accent-soft:#f1c2a4; --violet:#aaa3e9; --violet-ink:#c9c5ef; --display:Georgia,'Iowan Old Style','Times New Roman',serif; --body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; overflow-x:clip; background:radial-gradient(ellipse 42rem 32rem at 86% 2%,rgba(122,112,190,.13),transparent 64%),var(--canvas); color:var(--ink); font:16px/1.6 var(--body); } a { color:inherit; } .site-header, main, footer { margin:0 auto; max-width:1240px; padding-left:30px; padding-right:30px; }
.site-header { align-items:center; display:flex; height:84px; justify-content:space-between; } .brand,.footer-brand { align-items:center; color:#ef9834; display:inline-flex; font:500 22px Fredoka,var(--body); gap:10px; text-decoration:none; }.brand img,.footer-brand img { border-radius:10px; height:35px; width:35px; }.site-header nav { display:flex; gap:27px; margin-left:70px; }.site-header nav a,.header-cta,.text-link { color:var(--muted); font-size:12px; text-decoration:none; }.site-header nav a:hover,.text-link:hover { color:var(--ink); }.header-cta { color:var(--accent-soft); font-weight:700; }.header-cta span,.button span { margin-left:5px; }
.legal-page { margin:0 auto; max-width:820px; padding:92px 30px 110px; }.legal-page h1 { font:500 clamp(48px,7vw,82px)/1 var(--display); letter-spacing:-.05em; margin:16px 0 12px; }.legal-page h2 { font:500 28px/1.15 var(--display); letter-spacing:-.025em; margin:48px 0 13px; }.legal-page p { color:var(--muted); font-size:14px; line-height:1.8; margin:0 0 15px; }.legal-page p strong { color:var(--ink); }.legal-updated { color:var(--quiet)!important; font-size:10px!important; letter-spacing:.1em; text-transform:uppercase; }.legal-page a, footer a { color:var(--accent-soft); }
.eyebrow { color:var(--accent-soft); font-size:10px; font-weight:700; letter-spacing:.15em; margin:0; text-transform:uppercase; }.hero { align-items:center; display:grid; gap:clamp(44px,8vw,125px); grid-template-columns:.88fr 1.12fr; min-height:634px; padding:76px 3.2vw 94px; }.hero h1,.section-intro h2,.feature-copy h2,.evidence-copy h2,.workflow-heading h2,.closing h2 { font-family:var(--display); font-weight:400; letter-spacing:-.047em; line-height:.99; }.hero h1 { font-size:clamp(62px,7.7vw,104px); margin:23px 0 28px; }.hero h1 em,h2 em { color:var(--violet); font-style:italic; }.lede { color:var(--muted); font-size:17px; line-height:1.72; max-width:470px; }.actions { display:flex; flex-wrap:wrap; gap:15px; margin-top:32px; }.button { border:1px solid var(--line); border-radius:999px; display:inline-block; font-size:12px; font-weight:700; padding:13px 19px; text-decoration:none; transition:transform .2s ease,background .2s ease; }.button:hover { transform:translateY(-2px); }.button-primary { background:var(--accent); border-color:var(--accent); color:#25120f; }.button-primary:hover { background:var(--accent-soft); }.button-quiet { color:var(--muted); }.hero-notes { display:flex; flex-wrap:wrap; gap:16px 22px; margin-top:52px; }.hero-notes span { color:var(--quiet); font-size:9px; letter-spacing:.08em; text-transform:uppercase; }.hero-notes i,.feature-image p span { background:#a5c9ac; border-radius:50%; display:inline-block; height:6px; margin-right:7px; width:6px; }.hero-art { box-shadow:0 30px 80px rgba(0,0,0,.42); margin:0; overflow:hidden; position:relative; }.hero-art img { display:block; min-height:360px; object-fit:cover; width:100%; }.hero-art:after,.closing-overlay { background:linear-gradient(180deg,transparent 48%,rgba(5,5,9,.78)); content:""; inset:0; pointer-events:none; position:absolute; }.hero-art figcaption { bottom:24px; display:flex; flex-direction:column; gap:5px; left:25px; position:absolute; z-index:1; }.caption-kicker { color:var(--accent-soft); font-size:9px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }.hero-art strong { font:28px/1.05 var(--display); max-width:240px; }.hero-art figcaption span:last-child { color:#d2cacc; font:9px var(--body); letter-spacing:.08em; margin-top:8px; text-transform:uppercase; }
.manifesto { border-top:1px solid var(--line); display:grid; gap:clamp(46px,9vw,148px); grid-template-columns:.9fr 1.1fr; padding:118px 3.2vw 130px; }.section-intro h2,.feature-copy h2,.evidence-copy h2,.workflow-heading h2 { font-size:clamp(45px,5.5vw,73px); margin:18px 0 0; }.manifesto-copy { padding-top:3px; }.manifesto-copy p { color:var(--muted); font-size:15px; line-height:1.8; max-width:555px; }.manifesto-copy .large-copy { color:var(--ink); font:28px/1.35 var(--display); margin:0 0 25px; }.principle-list { border-top:1px solid var(--line); display:grid; gap:12px; margin-top:33px; max-width:530px; padding-top:15px; }.principle-list span { color:var(--muted); font-size:11px; }.principle-list b { color:var(--violet); font-size:9px; letter-spacing:.12em; margin-right:11px; }
.feature-split { align-items:stretch; background:var(--panel); display:grid; grid-template-columns:1.15fr .85fr; margin:0 3.2vw; }.feature-image { min-height:550px; min-width:0; overflow:hidden; position:relative; }.feature-image img,.evidence-image img,.closing>img { height:100%; object-fit:cover; width:100%; }.feature-image:after { background:linear-gradient(180deg,transparent 56%,rgba(6,6,11,.75)); content:""; inset:0; position:absolute; }.feature-image p { bottom:21px; color:#eee5e1; font-size:9px; left:23px; letter-spacing:.1em; margin:0; position:absolute; text-transform:uppercase; z-index:1; }.feature-copy { min-width:0; padding:clamp(38px,6.5vw,76px); }.feature-copy>p:not(.eyebrow) { color:var(--muted); font-size:14px; line-height:1.8; margin-top:27px; }.fact-list { border-top:1px solid var(--line); margin:29px 0 25px; }.fact-list div { border-bottom:1px solid var(--line); display:grid; gap:14px; grid-template-columns:76px 1fr; padding:13px 0; }.fact-list dt { color:var(--accent-soft); font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }.fact-list dd { color:var(--muted); font-size:11px; margin:0; }.text-link { color:var(--accent-soft); font-weight:700; }.text-link span { margin-left:4px; }
.signal { padding:130px 3.2vw; }.section-intro.wide { display:grid; gap:20px 68px; grid-template-columns:1.2fr .8fr; }.section-intro.wide .eyebrow,.section-intro.wide h2 { grid-column:1; }.section-intro.wide p:last-child { align-self:end; color:var(--muted); font-size:14px; grid-column:2; grid-row:1 / span 2; line-height:1.8; margin:0; max-width:350px; }.signal-grid { display:grid; gap:32px; grid-template-columns:repeat(3,1fr); margin-top:71px; }.signal-grid article { border-top:1px solid var(--line); display:flex; flex-direction:column; min-height:286px; padding-top:20px; }.number { color:var(--violet); font-size:10px; letter-spacing:.15em; }.signal-grid h3 { font:28px var(--display); margin:17px 0 9px; }.signal-grid p { color:var(--muted); font-size:13px; line-height:1.75; margin:0; }.article-note { color:var(--accent-soft); font-size:9px; letter-spacing:.1em; margin-top:auto; padding-top:23px; text-transform:uppercase; }
.evidence-story { align-items:stretch; background:linear-gradient(115deg,#1c1928,#17151f); display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); margin:0 3.2vw; }.evidence-copy { min-width:0; padding:clamp(38px,6.5vw,78px); }.evidence-copy h2 { font-size:32px; max-inline-size:100%; }.evidence-copy>p:not(.eyebrow) { color:var(--muted); font-size:14px; line-height:1.8; margin-top:25px; }.quote-card { border-left:2px solid var(--violet); margin-top:35px; padding:2px 0 2px 16px; }.quote-card span,.quote-card small { color:var(--quiet); display:block; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }.quote-card strong { display:block; font:22px/1.37 var(--display); margin:10px 0; }.evidence-image { min-height:540px; min-width:0; overflow:hidden; position:relative; }.evidence-image:after { background:linear-gradient(180deg,rgba(7,7,12,.06),rgba(7,7,12,.48)); content:""; inset:0; position:absolute; }.insight-card { background:rgba(14,13,21,.9); bottom:24px; display:flex; flex-direction:column; gap:7px; left:24px; max-width:250px; padding:18px; position:absolute; z-index:1; }.insight-card span { color:var(--accent-soft); font-size:9px; letter-spacing:.1em; text-transform:uppercase; }.insight-card strong { font:22px/1.1 var(--display); }.insight-card p { color:var(--muted); font-size:10px; margin:0; }
.workflow { padding:129px 3.2vw 113px; }.workflow-heading { max-width:600px; }.workflow-list { list-style:none; margin:61px 0 0; padding:0; }.workflow-list li { align-items:start; border-top:1px solid var(--line); display:grid; gap:25px; grid-template-columns:53px 1fr auto; padding:20px 0 27px; }.workflow-list>li:last-child { border-bottom:1px solid var(--line); }.workflow-list>li>span:first-child { color:var(--violet); font-size:10px; letter-spacing:.14em; padding-top:5px; }.workflow-list h3 { font:27px var(--display); margin:0 0 7px; }.workflow-list p { color:var(--muted); font-size:13px; line-height:1.7; margin:0; max-width:550px; }.list-end { color:var(--accent-soft); font-size:9px; letter-spacing:.1em; padding-top:9px; text-transform:uppercase; white-space:nowrap; }.workflow-auth { color:var(--quiet); font-size:11px; margin:21px 0 0; }.workflow-auth a { color:var(--accent-soft); font-weight:700; text-decoration:none; }
.closing { height:min(630px,56vw); min-height:450px; overflow:hidden; position:relative; }.closing>img { display:block; filter:saturate(.78); }.closing-copy { bottom:clamp(42px,7vw,93px); left:clamp(30px,7vw,92px); position:absolute; z-index:1; }.closing h2 { font-size:clamp(49px,6.5vw,89px); margin:16px 0 21px; }.closing h2 .highlight { background:var(--accent-soft); color:#241311; display:inline-block; line-height:.9; padding:.07em .14em .12em; }.closing-copy>p:not(.eyebrow) { color:#d1c8c7; font-size:14px; margin-bottom:23px; } footer.site-footer { align-items:center; border-top:1px solid var(--line); color:var(--muted); display:flex; font-size:10px; justify-content:space-between; padding-bottom:27px; padding-top:27px; }.footer-brand { color:#ef9834; font-size:18px; }.footer-brand img { height:27px; width:27px; } footer>a { color:var(--accent-soft); text-decoration:none; }
.motion-ready [data-reveal],.motion-ready [data-reveal-item] { opacity:0; transform:translateY(26px); transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform .72s cubic-bezier(.2,.7,.2,1); transition-delay:calc(var(--reveal-index, 0) * 105ms); }.motion-ready [data-reveal="hero-copy"] { transform:translateY(17px); transition-delay:0ms; }.motion-ready [data-reveal="hero-art"] { transform:translateY(18px) scale(.98); transition-delay:120ms; }.motion-ready [data-reveal].is-visible,.motion-ready [data-reveal-item].is-visible { opacity:1; transform:translateY(0) scale(1); }.motion-ready .feature-image img,.motion-ready .evidence-image img,.motion-ready .closing>img { transition:transform 1.1s cubic-bezier(.2,.7,.2,1); }.motion-ready .feature-split.is-visible .feature-image img,.motion-ready .evidence-story.is-visible .evidence-image img,.motion-ready .closing.is-visible>img { transform:scale(1.035); }
@media (max-width:800px) { .site-header,main,footer { padding-left:22px; padding-right:22px; }.site-header { height:70px; }.site-header nav { display:none; }.hero,.manifesto,.feature-split,.evidence-story { grid-template-columns:1fr; }.hero { min-height:0; padding:65px 0 75px; }.hero-art { margin-top:4px; }.manifesto { gap:41px; padding:77px 0; }.feature-split,.evidence-story { margin:0; }.feature-image,.evidence-image { min-height:350px; }.feature-copy,.evidence-copy { padding:46px 30px; }.signal,.workflow { padding:78px 0; }.section-intro.wide { display:block; }.section-intro.wide p:last-child { margin-top:24px; }.signal-grid { gap:18px; grid-template-columns:1fr; margin-top:44px; }.signal-grid article { min-height:0; padding-bottom:22px; }.article-note { margin-top:20px; }.workflow-list { margin-top:41px; }.closing { height:540px; margin:0 -22px; }.closing-copy { left:31px; }.list-end { display:none; } }
@media (max-width:480px) { .site-header { padding:0; }.header-cta { font-size:10px; }.brand { font-size:20px; }.brand img { height:30px; width:30px; }.hero h1 { font-size:61px; }.hero-notes { flex-direction:column; gap:8px; margin-top:34px; }.hero-art figcaption { left:17px; }.hero-art strong { font-size:24px; }.manifesto-copy .large-copy { font-size:24px; }.section-intro h2,.feature-copy h2,.evidence-copy h2,.workflow-heading h2 { font-size:45px; }.feature-image { min-height:295px; }.fact-list div { grid-template-columns:64px 1fr; }.workflow-list li { gap:15px; grid-template-columns:35px 1fr; }.workflow-list h3 { font-size:24px; }.closing { min-height:420px; height:470px; }.closing h2 { font-size:55px; } footer.site-footer { align-items:start; flex-direction:column; gap:12px; } }
@media (prefers-reduced-motion:reduce) { *,*:before,*:after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; } }
@media (max-width:480px) { .evidence-copy h2 { font-size:32px; } }