:root {
  color-scheme:light dark;
  --ink:#1c1b18; --muted:#666156; --faint:#8d877b; --gold:#b77a17; --gold-bright:#e4ad45; --gold-soft:#f4dfb3; --green:#2d8a58;
  --page:#f7f2e8; --paper:#fffdf8; --panel:#f1eadc; --line:#d9ceba; --obsidian:#1d1c19; --button-ink:#fffaf0;
  --shadow:rgba(78,56,20,.13); --hero-glow:rgba(226,176,79,.28);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme:dark) {
  :root { --ink:#fff8e9; --muted:#c6bcaa; --faint:#9d9485; --gold:#efbc5a; --gold-bright:#ffd279; --gold-soft:#60471d; --green:#64d48d; --page:#171612; --paper:#211f1a; --panel:#29261f; --line:#464035; --obsidian:#0e0e0c; --button-ink:#17120a; --shadow:rgba(0,0,0,.34); --hero-glow:rgba(222,166,62,.16); }
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:radial-gradient(circle at 78% 7%,var(--hero-glow),transparent 29rem),var(--page); }
body::before { position:fixed; z-index:-1; inset:0; opacity:.18; background-image:linear-gradient(rgba(125,98,51,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(125,98,51,.08) 1px,transparent 1px); background-size:44px 44px; content:""; mask-image:linear-gradient(to bottom,#000,transparent 72%); }
a { color:inherit; } img { display:block; max-width:100%; }
.nav,main,footer { width:min(1240px,calc(100% - 48px)); margin-inline:auto; }
.nav { display:flex; min-height:84px; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:.7rem; color:var(--ink); font-weight:820; letter-spacing:-.025em; text-decoration:none; }
.brand img { width:42px; height:42px; border-radius:11px; box-shadow:0 7px 18px var(--shadow); }
.brand sup,.crosslink sup { color:var(--gold); font-size:.52em; }
nav { display:flex; gap:26px; } nav a { color:var(--muted); font-size:.84rem; font-weight:700; text-decoration:none; } nav a:hover,nav a:focus-visible { color:var(--gold); }
.hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(460px,.86fr); gap:clamp(3rem,7vw,7rem); min-height:min(790px,calc(100dvh - 85px)); align-items:center; padding:clamp(4rem,8vw,7.5rem) 0; }
.hero-copy { max-width:735px; }
.eyebrow { margin:0; color:var(--gold); font-size:.7rem; font-weight:900; letter-spacing:.17em; text-transform:uppercase; }
h1,h2,h3,p { text-wrap:pretty; }
h1 { max-width:790px; margin:.32em 0 .28em; font-size:clamp(3.8rem,7.2vw,7rem); letter-spacing:-.068em; line-height:.91; }
h1 em { color:var(--gold); font-family:Georgia,"Times New Roman",serif; font-weight:400; }
h2 { margin:.2em 0 .45em; font-size:clamp(2.4rem,5vw,4.7rem); letter-spacing:-.045em; line-height:1.02; }
h3 { margin:.25em 0 .55em; font-size:1.45rem; letter-spacing:-.025em; }
.lede { max-width:690px; color:var(--muted); font-size:1.16rem; line-height:1.7; }
.actions,.form-row { display:flex; flex-wrap:wrap; gap:16px; align-items:center; margin-top:30px; }
.button,button { display:inline-flex; align-items:center; justify-content:center; gap:.8rem; border:1px solid var(--gold); border-radius:10px; padding:15px 20px; color:var(--button-ink); background:var(--gold); box-shadow:0 12px 34px rgba(154,103,18,.2); font:inherit; font-size:.86rem; font-weight:850; text-decoration:none; cursor:pointer; }
.button:hover,button:hover { background:var(--gold-bright); }
.secondary { color:var(--muted); font-size:.86rem; font-weight:800; text-decoration-color:var(--gold); text-underline-offset:5px; }
.trust-row { display:flex; flex-wrap:wrap; gap:.8rem 1.3rem; margin-top:2.1rem; color:var(--muted); font-size:.72rem; font-weight:750; }
.trust-row span::before { margin-right:.45rem; color:var(--green); content:"●"; font-size:.55rem; }
.processor-graphic { overflow:hidden; border:1px solid #4e493d; border-radius:28px; color:#fff8e8; background:#161511; box-shadow:0 38px 90px var(--shadow); transform:rotate(1deg); }
.window-bar { display:flex; height:45px; align-items:center; gap:7px; border-bottom:1px solid rgba(255,255,255,.1); padding:0 16px; background:#0f0f0d; }
.window-bar > span { width:9px; height:9px; border-radius:50%; background:#e16b4a; }.window-bar > span:nth-child(2) { background:#d6a641; }.window-bar > span:nth-child(3) { background:#54bc78; }
.window-bar b { margin-left:auto; color:#aaa18e; font-size:.58rem; letter-spacing:.08em; text-transform:uppercase; }
.processor-stage { display:grid; grid-template-columns:105px minmax(0,1fr); min-height:540px; }
.processor-rail { display:grid; align-content:start; gap:.55rem; border-right:1px solid rgba(255,255,255,.1); padding:18px 10px; background:#12110e; }
.processor-rail > img { width:46px; margin:0 auto 17px; border-radius:12px; }
.processor-rail > div { display:grid; justify-items:center; gap:.35rem; border-radius:10px; padding:.58rem .35rem; color:#857d6e; font-size:.52rem; font-weight:750; }
.processor-rail > div.active { color:#19140b; background:linear-gradient(135deg,#f7d88c,#c98b28); }.processor-rail i { font-size:.9rem; font-style:normal; }
.processor-canvas { display:grid; min-width:0; grid-template-rows:auto 1fr auto; gap:18px; padding:25px; background:radial-gradient(circle at 72% 8%,#48351a,#1d1b16 44%,#161511 72%); }
.canvas-head { display:grid; grid-template-columns:1fr auto; gap:.2rem 1rem; }.canvas-head > span { grid-column:1/-1; color:#e7b85b; font-size:.52rem; font-weight:900; letter-spacing:.16em; }.canvas-head b { font-family:Georgia,serif; font-size:1.15rem; }.canvas-head small { display:flex; align-items:center; gap:.4rem; color:#a9a08e; }.canvas-head small i { width:7px; height:7px; border-radius:50%; background:#5fd78c; box-shadow:0 0 12px #5fd78c; }
.engine-map { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:10px; align-content:center; }
.idea-core { display:grid; grid-row:1/4; align-content:center; justify-items:center; gap:.7rem; border:1px solid rgba(234,190,96,.24); border-radius:20px; background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(229,174,71,.04)); }
.idea-core img { width:min(132px,70%); border-radius:24%; filter:drop-shadow(0 18px 26px rgba(0,0,0,.55)); }.idea-core span { color:#bdb29e; font-size:.6rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.engine-card { display:grid; grid-template-columns:auto 1fr auto; gap:.65rem; align-items:center; border:1px solid rgba(255,255,255,.1); border-radius:14px; padding:.78rem; background:rgba(255,255,255,.055); }
.engine-card > span { display:grid; width:29px; height:29px; place-items:center; border-radius:9px; color:#1d160b; background:#e0ab4e; font-size:.53rem; font-weight:900; }.engine-card div { display:grid; gap:.12rem; }.engine-card b { font-size:.76rem; }.engine-card small { color:#9e9584; font-size:.52rem; }.engine-card > i { color:#d4a64e; font-style:normal; }
.activity-strip { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.8rem; border-top:1px solid rgba(255,255,255,.1); padding-top:15px; color:#9b9282; font-size:.52rem; text-transform:uppercase; }.activity-strip div { display:flex; align-items:center; gap:4px; }.activity-strip div i { width:3px; height:12px; border-radius:3px; background:#b17b26; }.activity-strip div i:nth-child(2n) { height:21px; }.activity-strip div i:nth-child(3n) { height:8px; }.activity-strip strong { color:#64d48d; letter-spacing:.08em; }
.capabilities { display:grid; gap:3.2rem; padding:clamp(4rem,8vw,8rem) 0; }
.section-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.48fr); gap:1rem 5rem; align-items:end; }.section-heading .eyebrow { grid-column:1/-1; }.section-heading h2 { max-width:840px; margin:0; }.section-heading > p:last-child { margin:0 0 .4rem; color:var(--muted); line-height:1.7; }
.capability-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }.capability-grid > article { overflow:hidden; border:1px solid var(--line); border-radius:24px; padding:1rem 1rem 1.5rem; background:var(--paper); box-shadow:0 18px 55px var(--shadow); }.capability-grid > article > :not(.capability-art) { margin-inline:.5rem; }.capability-grid > article > p:last-child { color:var(--muted); line-height:1.65; }.card-number { margin-top:1.25rem; color:var(--gold); font-size:.65rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.capability-art { position:relative; min-height:260px; overflow:hidden; border-radius:17px; padding:1.25rem; }.capability-art > span { position:relative; z-index:2; font-size:.55rem; font-weight:900; letter-spacing:.15em; }
.type-art { color:#35260f; background:linear-gradient(135deg,#f8e6bb,#d6a64a); }.type-art p { position:relative; width:80%; height:10px; margin:2.2rem 0 0; border-radius:10px; background:rgba(53,38,15,.72); }.type-art p + p { width:62%; margin-top:.72rem; opacity:.6; }.type-art p + p + p { width:72%; opacity:.35; }.type-art i { position:absolute; right:20%; bottom:42px; width:3px; height:56px; background:#35260f; animation:cursor-pulse 1.2s steps(1) infinite; }
.audio-art { display:grid; align-content:space-between; color:#f8e9c8; background:radial-gradient(circle at 80% 15%,#5c421f,#211e17 57%); }.audio-art > div { display:flex; height:112px; align-items:center; justify-content:center; gap:8px; }.audio-art i { width:6px; height:36px; border-radius:10px; background:#e7b453; }.audio-art i:nth-child(2n) { height:74px; }.audio-art i:nth-child(3n) { height:102px; }.audio-art i:nth-child(5n) { height:51px; }.audio-art b { justify-self:end; border:1px solid rgba(255,255,255,.18); border-radius:999px; padding:.35rem .55rem; color:#d9cdb6; font-size:.57rem; }
.image-art { color:#fff3dc; background:linear-gradient(#8e6a38 0,#e2b86e 62%,#372a1b 63%); }.image-sun { position:absolute; top:45px; right:43px; width:64px; height:64px; border-radius:50%; background:#fff1be; box-shadow:0 0 40px #fff1be; }.image-hill { position:absolute; right:-15%; bottom:-28%; left:-15%; height:64%; border-radius:50% 50% 0 0; background:#655037; transform:rotate(-5deg); }.image-hill.front { right:-20%; bottom:-45%; left:18%; height:80%; background:#261f17; transform:rotate(9deg); }.image-art b { position:absolute; right:18px; bottom:16px; border-radius:999px; padding:.38rem .55rem; color:#2c2112; background:#f3d384; font-size:.52rem; letter-spacing:.08em; }
@keyframes cursor-pulse { 50% { opacity:0; } }
.local-story { display:grid; grid-template-columns:minmax(0,.72fr) minmax(480px,1fr); gap:clamp(3rem,7vw,7rem); align-items:center; border-radius:34px; padding:clamp(2rem,6vw,5rem); color:#fff8e9; background:var(--obsidian); box-shadow:0 30px 80px var(--shadow); }.local-copy h2 { color:#fff8e9; }.local-copy > p:not(.eyebrow) { color:#c5bba8; line-height:1.75; }.local-copy ul { display:grid; gap:0; margin:2rem 0 0; padding:0; list-style:none; }.local-copy li { display:grid; grid-template-columns:38px 1fr; gap:.8rem; border-top:1px solid rgba(255,255,255,.13); padding:1rem 0; }.local-copy li > span { color:#e8b756; font-size:.62rem; font-weight:900; }.local-copy li div { display:grid; gap:.25rem; }.local-copy li small { color:#a99f8e; line-height:1.5; }
.privacy-diagram { border:1px solid rgba(238,192,99,.27); border-radius:26px; padding:1rem; background:linear-gradient(145deg,#2e2a21,#171612); }.diagram-device { display:grid; gap:1.4rem; border:1px solid rgba(255,255,255,.11); border-radius:18px; padding:1.2rem; background:rgba(255,255,255,.025); }.device-label { display:flex; align-items:center; justify-content:space-between; color:#d5a84e; font-size:.55rem; font-weight:900; letter-spacing:.15em; }.device-label i { width:8px; height:8px; border-radius:50%; background:#60d58d; box-shadow:0 0 13px #60d58d; }
.diagram-flow { display:grid; grid-template-columns:1fr auto 1.05fr auto 1fr; gap:.55rem; align-items:center; }.source-stack,.model-stack { display:grid; gap:.45rem; }.source-stack article,.model-stack article { border:1px solid rgba(255,255,255,.1); border-radius:9px; padding:.55rem; background:rgba(255,255,255,.045); }.source-stack article { display:grid; grid-template-columns:auto 1fr; gap:.45rem; align-items:center; }.source-stack b { display:grid; width:27px; height:27px; place-items:center; border-radius:7px; color:#21190d; background:#d9a94f; font-size:.46rem; }.source-stack small,.model-stack article { color:#afa592; font-size:.5rem; }.model-stack article { text-align:center; }.flow-arrow { color:#c7953e; }.diagram-core { display:grid; justify-items:center; gap:.35rem; border:1px solid rgba(233,185,89,.28); border-radius:15px; padding:.8rem .5rem; background:#14130f; text-align:center; }.diagram-core img { width:62px; border-radius:14px; }.diagram-core strong { font-size:.65rem; }.diagram-core small { color:#9d9381; font-size:.49rem; }.boundary { display:flex; justify-content:space-between; gap:1rem; border-top:1px dashed rgba(234,188,95,.35); padding-top:1rem; color:#968c7c; font-size:.52rem; }.boundary strong { color:#65d68e; }
.principles { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:clamp(5rem,9vw,9rem) 0; border:1px solid var(--line); background:var(--line); }.principles article { min-height:280px; padding:2rem; background:var(--paper); }.principles article > span { display:grid; width:52px; height:52px; place-items:center; border-radius:50%; color:#241a0d; background:var(--gold-soft); font-size:1.35rem; }.principles h3 { margin-top:3rem; }.principles p,.panel p,.crosslink p,footer { color:var(--muted); line-height:1.65; }
.panel { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2.5rem,6vw,6rem); align-items:center; border:1px solid var(--line); border-radius:28px; padding:clamp(2rem,5vw,4rem); background:linear-gradient(135deg,var(--paper),var(--panel)); box-shadow:0 20px 65px var(--shadow); }.panel h2 { max-width:580px; }
label { display:block; color:var(--muted); font-size:.82rem; font-weight:700; } input[type=email] { min-width:220px; flex:1; border:1px solid var(--line); border-radius:10px; padding:14px; color:var(--ink); background:var(--paper); font:inherit; } input:focus-visible,a:focus-visible,button:focus-visible { outline:3px solid color-mix(in srgb,var(--gold) 48%,transparent); outline-offset:3px; }.consent { margin-top:15px; font-size:.72rem; font-weight:500; line-height:1.55; }
.crosslink { display:grid; grid-template-columns:auto 1fr auto; gap:2.2rem; align-items:center; margin:1.5rem 0 clamp(5rem,9vw,9rem); border:1px solid var(--line); border-radius:24px; padding:1.5rem 1.8rem; background:var(--paper); }.crosslink-mark { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:.1rem .55rem; border-right:1px solid var(--line); padding-right:2rem; }.crosslink-mark img { grid-row:1/3; width:56px; border-radius:13px; }.crosslink-mark span { align-self:end; color:var(--faint); font-size:.5rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }.crosslink-mark strong { align-self:start; font-size:.75rem; }.crosslink h2 { margin:.12rem 0; font-size:1.7rem; }.crosslink p { margin:.25rem 0; }.crosslink > a { white-space:nowrap; color:var(--gold); font-size:.82rem; font-weight:850; }
footer { display:flex; min-height:90px; align-items:center; justify-content:space-between; border-top:1px solid var(--line); font-size:.75rem; }
@media (max-width:1050px) { .hero { grid-template-columns:1fr; }.processor-graphic { width:min(760px,100%); justify-self:center; }.section-heading,.local-story { grid-template-columns:1fr; }.section-heading > p:last-child { max-width:700px; } }
@media (max-width:760px) {
  .nav,main,footer { width:min(100% - 30px,1240px); } nav { display:none; }.hero { min-height:0; padding:4.5rem 0; } h1 { font-size:clamp(3.5rem,16vw,5.2rem); }
  .processor-stage { grid-template-columns:70px minmax(0,1fr); min-height:465px; }.processor-rail { padding-inline:6px; }.processor-rail > div span { display:none; }.processor-canvas { padding:15px; }.canvas-head { grid-template-columns:1fr; }.canvas-head small { display:none; }.engine-map { grid-template-columns:1fr; }.idea-core { grid-row:auto; min-height:165px; }.idea-core img { width:86px; }.activity-strip { grid-template-columns:1fr auto; }.activity-strip > span { display:none; }
  .capability-grid,.principles,.panel { grid-template-columns:1fr; }.capability-art { min-height:230px; }.local-story { border-radius:24px; padding:1.35rem; }.diagram-flow { grid-template-columns:1fr; }.flow-arrow { transform:rotate(90deg); text-align:center; }.source-stack { grid-template-columns:repeat(3,1fr); }.source-stack article { grid-template-columns:1fr; justify-items:center; }.model-stack { grid-template-columns:repeat(3,1fr); }.boundary { flex-direction:column; }.principles article { min-height:230px; }.principles h3 { margin-top:2rem; }
  .crosslink { grid-template-columns:1fr; }.crosslink-mark { border-right:0; border-bottom:1px solid var(--line); padding:0 0 1.2rem; }.crosslink > a { justify-self:start; } footer { gap:1rem; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.type-art i { animation:none; } }