:root { --paper:#f4f1e9; --surface:#fffdf7; --ink:#121511; --muted:#626960; --rule:#c9c5b9; --cyan:#20c8c1; --cyan-pale:#c7f2ee; --night:#121511; --night-muted:#aeb6ae; --max:1180px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:inherit; }
.skip-link { position:fixed; z-index:20; left:1rem; top:-4rem; padding:.65rem .9rem; background:var(--night); color:white; }.skip-link:focus { top:1rem; }
.site-header,main,.site-footer { width:min(calc(100% - 2.5rem),var(--max)); margin:0 auto; }
.site-header { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:1.2rem; border-bottom:1px solid var(--rule); }
.brand { display:inline-flex; align-items:center; gap:.6rem; color:var(--ink); text-decoration:none; font-size:.78rem; font-weight:900; letter-spacing:.1em; white-space:nowrap; }.brand-mark { width:32px; height:32px; object-fit:contain; }
.site-links { display:flex; gap:1.15rem; color:var(--muted); font-size:.72rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.status-label,.eyebrow { margin:0; color:var(--muted); font-size:.71rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.hero { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr); gap:1.35rem; min-height:520px; padding:2.8rem 0 1.75rem; border-bottom:1px solid var(--ink); }.hero-copy { min-height:465px; display:flex; flex-direction:column; padding-top:1rem; border-top:1px solid var(--ink); }
h1,h2,h3,p { margin-top:0; } h1 { max-width:800px; margin:auto 0 1.25rem; font-size:clamp(3.35rem,7vw,6.7rem); line-height:.89; letter-spacing:-.075em; } h1 em { font:italic 1em Georgia,serif; font-weight:400; }.hero-summary { max-width:650px; color:var(--muted); font-size:1rem; }.hero-actions { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1.15rem; }
.button { display:inline-flex; align-items:center; gap:.65rem; width:fit-content; border:1px solid var(--ink); border-radius:999px; padding:.72rem 1rem; text-decoration:none; font-size:.8rem; font-weight:800; }.button-primary { background:var(--night); color:white; }.button-secondary { background:transparent; }
.hero-proof { display:grid; grid-template-columns:repeat(3,1fr); gap:.8rem; margin-top:auto; padding-top:1rem; border-top:1px solid var(--rule); }.hero-proof b { display:block; font-size:.82rem; }.hero-proof span { color:var(--muted); font-size:.68rem; }
.hero-art { position:relative; min-height:430px; overflow:hidden; border:1px solid var(--ink); border-radius:18px; background:var(--cyan-pale); background-image:linear-gradient(rgba(18,21,17,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(18,21,17,.11) 1px,transparent 1px); background-size:38px 38px; }.hero-art img { position:absolute; bottom:0; left:50%; width:90%; max-height:92%; object-fit:contain; transform:translateX(-50%); mix-blend-mode:multiply; }.art-chip { position:absolute; z-index:1; top:15px; left:15px; border:1px solid var(--ink); border-radius:999px; padding:.38rem .55rem; background:var(--paper); font-size:.61rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.intent-section,.product-map { padding:3.75rem 0; }.section-heading { display:flex; align-items:end; justify-content:space-between; gap:1rem; padding-top:1rem; margin-bottom:1.2rem; border-top:1px solid var(--ink); }.section-heading h2,.journal-section h2,.final-section h2 { margin:0; font-size:clamp(2rem,4vw,3.75rem); line-height:.97; letter-spacing:-.06em; }.section-heading > p:last-child { margin:0; color:var(--muted); font-size:.78rem; }.section-heading-stack { display:block; }.section-heading-stack h2 { margin-top:.55rem; }
.intent-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:.65rem; }.intent-card { min-height:190px; padding:1rem; border:1px solid var(--rule); border-radius:12px; background:var(--surface); }.intent-card > span { font-size:1.2rem; }.intent-card h3 { margin:1.4rem 0 .5rem; font-size:1.02rem; letter-spacing:-.03em; }.intent-card p { margin:0; color:var(--muted); font-size:.84rem; }
.proof-section { margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); padding:3.75rem max(1.25rem,calc((100vw - var(--max))/2)); background:var(--night); color:white; }.proof-heading { display:flex; align-items:end; justify-content:space-between; gap:2rem; padding-bottom:1.5rem; border-bottom:1px solid #3b423b; }.proof-heading .eyebrow { color:var(--cyan); }.proof-heading h2 { margin:.5rem 0 0; font-size:clamp(2.15rem,4vw,4.1rem); line-height:.91; letter-spacing:-.065em; }.proof-heading > p { max-width:300px; margin:0; color:var(--night-muted); font-size:.84rem; }.proof-grid { display:grid; grid-template-columns:repeat(3,1fr); }.proof-card { min-height:310px; display:flex; flex-direction:column; padding:1.2rem; border-left:1px solid #3b423b; }.proof-card:first-child { border-left:0; }.proof-meta { display:flex; justify-content:space-between; color:var(--cyan); font-size:.63rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.proof-grid h3 { margin:2.75rem 0 .85rem; font-size:clamp(1.35rem,2vw,1.8rem); line-height:1; letter-spacing:-.055em; }.proof-grid p { max-width:265px; margin:0; color:var(--night-muted); font-size:.88rem; }.proof-link { margin-top:auto; padding-top:1.4rem; color:white; font-size:.78rem; font-weight:800; text-underline-offset:.25em; }.proof-link:hover,.proof-link:focus-visible { color:var(--cyan); }
.map-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.65rem; }.map-grid article { position:relative; min-height:250px; padding:1.15rem; border:1px solid var(--rule); border-radius:12px; background:var(--surface); }.map-grid article:first-child { background:var(--night); color:white; }.map-grid p { color:var(--muted); font-size:.65rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.map-grid article:first-child p { color:var(--night-muted); }.map-grid h3 { margin:3rem 0 .8rem; font-size:1.3rem; letter-spacing:-.04em; }.map-grid span { color:var(--muted); font-size:.85rem; }.map-grid article:first-child span { color:var(--night-muted); }
.method-section { padding:0 0 3.75rem; }.method-list { display:grid; grid-template-columns:repeat(5,1fr); gap:0; margin:1.2rem 0 0; padding:0; list-style:none; border-top:1px solid var(--ink); border-bottom:1px solid var(--rule); }.method-list li { min-height:180px; padding:1rem; border-left:1px solid var(--rule); }.method-list li:first-child { border-left:0; }.method-list span { display:block; color:var(--cyan); font-size:.65rem; font-weight:900; letter-spacing:.1em; }.method-list b { display:block; margin:2.8rem 0 .5rem; font-size:1rem; }.method-list p { margin:0; color:var(--muted); font-size:.78rem; }
.journal-section { display:grid; grid-template-columns:1fr 1.1fr; gap:2.5rem; padding:3.75rem 0; border-top:1px solid var(--ink); }.journal-section > div > p:last-child { max-width:450px; margin-top:1rem; color:var(--muted); }.entries { border-top:1px solid var(--ink); }.entries article { display:grid; grid-template-columns:58px 1fr 20px; gap:.7rem; align-items:start; padding:1rem 0; border-bottom:1px solid var(--rule); }.entries time { color:var(--muted); font-size:.65rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.entries b { font-size:.92rem; }.entries span { color:var(--muted); }
.final-section { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; margin-bottom:3.5rem; padding:2rem; border:1px solid var(--ink); border-radius:18px; background:var(--cyan); }.final-section h2 { max-width:720px; }.site-footer { display:flex; justify-content:space-between; gap:1.5rem; padding:1.2rem 0 2rem; border-top:1px solid var(--rule); color:var(--muted); font-size:.75rem; }.footer-links { display:flex; flex-wrap:wrap; justify-content:center; gap:.5rem 1rem; }.footer-links a { text-underline-offset:.2em; }
.legal-body { background:var(--surface); }.legal-header,.legal-main,.legal-footer { width:min(calc(100% - 2.5rem),860px); margin:0 auto; }.legal-header { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:76px; border-bottom:1px solid var(--rule); }.legal-back { color:var(--muted); font-size:.75rem; font-weight:800; text-underline-offset:.2em; }.legal-hero { padding:4rem 0 2rem; border-bottom:1px solid var(--ink); }.legal-hero h1 { max-width:800px; margin:.75rem 0 1.2rem; font-size:clamp(2.7rem,7vw,5.5rem); }.legal-summary { max-width:680px; color:var(--muted); font-size:1.05rem; }.legal-meta,.language-nav { display:flex; flex-wrap:wrap; gap:.5rem 1rem; color:var(--muted); font-size:.75rem; }.language-nav { margin-top:1.5rem; }.language-nav a { padding:.45rem .7rem; border:1px solid var(--rule); border-radius:999px; color:var(--ink); font-weight:800; text-decoration:none; }.legal-section { padding:2.5rem 0; border-bottom:1px solid var(--rule); }.legal-section h2 { margin-bottom:1.4rem; font-size:clamp(1.8rem,4vw,2.8rem); letter-spacing:-.05em; }.legal-section h3 { margin:2rem 0 .55rem; font-size:1.05rem; }.legal-section p,.legal-section li { color:#3f463f; }.legal-section ul,.legal-section ol { padding-left:1.25rem; }.legal-section li + li { margin-top:.5rem; }.legal-callout { margin:1.5rem 0; padding:1rem 1.1rem; border-left:4px solid var(--cyan); background:var(--cyan-pale); }.legal-callout p:last-child { margin-bottom:0; }.legal-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:1rem; padding:1.5rem 0 2.5rem; color:var(--muted); font-size:.75rem; }.legal-footer a { text-underline-offset:.2em; }
@media (max-width:920px) { .site-links { display:none; }.hero { grid-template-columns:1fr; }.hero-copy { min-height:430px; }.hero-art { min-height:390px; }.intent-grid { grid-template-columns:repeat(2,1fr); }.proof-heading { align-items:start; flex-direction:column; gap:.8rem; }.proof-grid { grid-template-columns:1fr; }.proof-card,.proof-card:first-child { min-height:235px; border-left:0; border-top:1px solid #3b423b; }.proof-card:first-child { border-top:0; }.proof-grid h3 { margin:1.75rem 0 .65rem; }.map-grid { grid-template-columns:1fr; }.map-grid article { min-height:180px; }.map-grid h3 { margin:1.7rem 0 .6rem; }.method-list { grid-template-columns:repeat(2,1fr); }.method-list li:nth-child(odd) { border-left:0; }.method-list li:nth-child(5) { border-top:1px solid var(--rule); }.journal-section { grid-template-columns:1fr; gap:1.5rem; } }
@media (max-width:560px) { .site-header,main,.site-footer { width:min(calc(100% - 1.5rem),var(--max)); }.site-header { min-height:64px; }.brand { font-size:.67rem; }.status-label { max-width:120px; font-size:.58rem; text-align:right; }.hero { min-height:0; padding:1.25rem 0 1rem; }.hero-copy { min-height:410px; }.hero-art { min-height:390px; }.hero-proof { gap:.45rem; }.hero-proof b { font-size:.73rem; }.hero-proof span { font-size:.61rem; }.intent-section,.product-map,.journal-section,.method-section { padding:2.5rem 0; }.intent-grid { grid-template-columns:1fr; }.intent-card { min-height:150px; }.section-heading { display:block; }.section-heading > p:last-child { margin-top:.6rem; }.proof-section { padding-top:2.5rem; padding-bottom:2.5rem; }.proof-card { padding:1.1rem 0; }.proof-heading h2 { font-size:2.35rem; }.method-list { grid-template-columns:1fr; }.method-list li,.method-list li:nth-child(odd) { min-height:auto; border-left:0; border-top:1px solid var(--rule); }.method-list li:first-child { border-top:0; }.method-list b { margin:1.25rem 0 .4rem; }.final-section { display:block; }.final-section .button { margin-top:1.25rem; }.site-footer { flex-direction:column; }.footer-links { justify-content:flex-start; }.legal-header,.legal-main,.legal-footer { width:min(calc(100% - 1.5rem),860px); }.legal-header { min-height:64px; }.legal-hero { padding:2.5rem 0 1.5rem; }.legal-section { padding:2rem 0; } }