:root {
  --bg: #091221; --surface: rgba(16,30,52,.9); --strong: #14243d;
  --ink: #dbe7fb; --navy: #edf5ff; --muted: #96a9c9;
  --blue: #8fc4ff; --blue-line: rgba(143,196,255,.26);
  --yellow: #f4cd67; --mint: #63d3c0; --line: rgba(159,184,222,.18);
  --shadow: 0 20px 60px rgba(0,0,0,.32); --max: 1240px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: radial-gradient(circle at 80% 4%,rgba(63,134,247,.14),transparent 30rem),linear-gradient(120deg,rgba(244,205,103,.07),transparent 30%),linear-gradient(#091221,#101d32); }
a { color: inherit; }
.site-header,main,footer { width: min(calc(100% - 40px),var(--max)); margin-inline: auto; }
.site-header { min-height: 82px; display: flex; align-items: center; gap: 26px; border-bottom: 1px solid var(--line); }
.site-header nav { margin-left: auto; display: flex; gap: 24px; }
.site-header nav a,footer nav a { color: var(--muted); text-decoration: none; font-size: .82rem; font-weight: 700; }
.brand { display: inline-flex; align-items: center; gap: 12px; font-family: "Virgil","Segoe Print","Bradley Hand",cursive; font-size: 2rem; text-decoration: none; letter-spacing: -.025em; }
.brand-word { display: inline-flex; transform: rotate(-1deg) scaleX(1.06); transform-origin: left; }
.brand-word strong { color: var(--blue); }.brand-word em { color: var(--yellow); font-style: normal; font-weight: 700; margin-left: 1px; }
.brand-mark { width: 34px; height: 28px; position: relative; border-radius: 12px; background: linear-gradient(135deg,rgba(143,196,255,.16),rgba(244,205,103,.18)); }
.brand-mark:before,.brand-mark:after,.brand-mark i { content:""; position:absolute; left:8px; width:20px; height:4px; border-radius:999px; background:var(--blue); }
.brand-mark:before { top:7px; transform:rotate(-18deg); }.brand-mark i { top:12px; background:var(--yellow); transform:rotate(10deg); }.brand-mark:after { top:17px; transform:rotate(-18deg); }
.button { min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:0 21px; border:1px solid var(--blue-line); border-radius:11px; text-decoration:none; font-size:.86rem; font-weight:800; background:rgba(16,30,52,.82); }
.button.primary { color:#172137; background:var(--yellow); border-color:#efc04f; }.button.text { color:var(--blue); border-color:transparent; background:transparent; }.button.compact { min-height:38px; padding-inline:15px; }
.hero { min-height:720px; display:grid; grid-template-columns:.92fr 1.08fr; gap:55px; align-items:center; }
.eyebrow { margin:0 0 15px; color:var(--blue); text-transform:uppercase; letter-spacing:.15em; font-size:.68rem; font-weight:850; }
h1,h2,h3,p { margin-top:0; } h1 { max-width:700px; margin-bottom:24px; color:var(--navy); font-size:clamp(3.7rem,7vw,6.8rem); line-height:.93; letter-spacing:-.075em; } h2 { max-width:760px; margin-bottom:22px; color:var(--navy); font-size:clamp(2.15rem,4.2vw,4rem); line-height:1; letter-spacing:-.055em; } h3 { color:var(--navy); }
.lead { color:var(--ink); font-size:1.08rem; line-height:1.75; }.hero-support,.section-heading p,.founder-story-copy,.funding p,.private-access p { color:var(--muted); line-height:1.75; }.hero-support { max-width:650px; }.hero-actions { display:flex; gap:10px; margin-top:28px; }.microcopy { margin-top:20px; color:#8195b5; font-size:.7rem; line-height:1.6; }
.status-badges { margin-top:24px; display:flex; flex-wrap:wrap; gap:7px; }.status-badges span { padding:7px 9px; border:1px solid var(--line); border-radius:999px; background:rgba(20,36,61,.8); color:var(--muted); font-size:.67rem; }
.hero-visual { overflow:hidden; position:relative; padding:11px; border:1px solid var(--blue-line); border-radius:24px; background:rgba(16,30,52,.76); box-shadow:var(--shadow); }.hero-visual img { width:100%; display:block; border-radius:17px; }.visual-status { position:absolute; left:27px; right:27px; bottom:25px; display:flex; justify-content:space-between; gap:12px; padding:13px 16px; border:1px solid var(--line); border-radius:12px; background:rgba(16,30,52,.9); color:var(--muted); font-size:.7rem; }.visual-status span { display:flex; gap:8px; align-items:center; }.visual-status i { width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(99,211,192,.12); }.visual-status strong { color:var(--navy); }
.section { padding:115px 0; border-bottom:1px solid var(--line); }.section-heading { max-width:880px; }.section-heading.narrow { max-width:720px; }
.comparison-grid,.feature-grid,.use-case-grid,.responsibility-grid { display:grid; gap:15px; margin-top:48px; }.comparison-grid { grid-template-columns:repeat(3,1fr); }.feature-grid { grid-template-columns:repeat(3,1fr); }.use-case-grid { grid-template-columns:repeat(4,1fr); }.responsibility-grid { grid-template-columns:repeat(5,1fr); }
.comparison-grid article,.feature-grid article,.use-case-grid article,.responsibility-grid article { padding:26px; border:1px solid var(--line); border-radius:16px; background:var(--surface); box-shadow:0 12px 28px rgba(0,0,0,.16); }.comparison-grid article.featured { border-color:rgba(244,205,103,.45); background:linear-gradient(160deg,var(--surface),rgba(244,205,103,.1)); }.comparison-grid span,.feature-grid span { color:var(--blue); font-size:.68rem; font-weight:850; text-transform:uppercase; letter-spacing:.1em; }.comparison-grid h3,.feature-grid h3 { margin:42px 0 12px; }.comparison-grid p,.feature-grid p,.use-case-grid p,.responsibility-grid p { color:var(--muted); line-height:1.65; font-size:.86rem; }.key-line { margin:38px 0 0; padding:22px; border-left:4px solid var(--yellow); border-radius:0 12px 12px 0; background:rgba(20,36,61,.7); color:var(--navy); font-weight:800; }
.pain-point { margin:85px 0 0; padding:48px; display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; border:1px solid rgba(244,205,103,.36); border-radius:22px; background:radial-gradient(circle at 8% 12%,rgba(244,205,103,.13),transparent 18rem),linear-gradient(135deg,rgba(20,36,61,.96),rgba(16,30,52,.88)); box-shadow:var(--shadow); }.pain-point h2 { margin-bottom:0; font-size:clamp(2rem,3.7vw,3.55rem); }.pain-point-copy { color:var(--muted); line-height:1.75; }.pain-point-copy p { margin-bottom:18px; }.pain-point-emphasis { padding:17px 18px; border:1px solid var(--blue-line); border-radius:12px; background:rgba(9,18,33,.5); color:var(--navy); font-weight:750; }
.prototype-proof { margin:24px 0 0; padding:48px; display:grid; grid-template-columns:.72fr 1.28fr; gap:50px; border:1px solid var(--line); border-radius:22px; background:rgba(16,30,52,.7); }.prototype-proof h2 { font-size:clamp(2rem,3.5vw,3.45rem); }.prototype-proof-copy>p { color:var(--muted); line-height:1.72; }.prototype-proof-note { padding-left:16px; border-left:3px solid var(--mint); color:var(--ink)!important; }.candidate-patterns { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.candidate-patterns article { min-width:0; padding:14px; border:1px solid var(--blue-line); border-radius:15px; background:linear-gradient(180deg,rgba(20,36,61,.96),rgba(9,18,33,.88)); }.pattern-card-heading { display:flex; justify-content:space-between; gap:10px; align-items:center; padding:2px 3px 12px; }.pattern-card-heading span { color:var(--yellow); font-size:.6rem; font-weight:850; text-transform:uppercase; letter-spacing:.1em; }.pattern-card-heading strong { color:var(--muted); font-size:.62rem; text-transform:uppercase; letter-spacing:.06em; }.candidate-chart { width:100%; aspect-ratio:1.5/1; display:block; object-fit:cover; object-position:center; border:1px solid var(--line); border-radius:10px; background:#111620; }.candidate-patterns p { margin:12px 3px 2px; color:var(--muted); font-size:.7rem; line-height:1.5; }
.research-loop { margin-top:48px; display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }.research-loop article { min-height:245px; padding:23px; border:1px solid var(--blue-line); border-radius:16px; background:linear-gradient(180deg,rgba(20,36,61,.94),rgba(16,30,52,.8)); }.research-loop span,.roadmap li span { color:var(--yellow); font-size:.68rem; font-weight:850; text-transform:uppercase; letter-spacing:.1em; }.research-loop h3 { margin:72px 0 10px; }.research-loop p { color:var(--muted); line-height:1.6; font-size:.82rem; }
.founder-story { display:grid; grid-template-columns:.85fr 1.15fr; gap:75px; }.founder-story blockquote { margin:40px 0 0; padding:24px; border-left:4px solid var(--yellow); border-radius:0 13px 13px 0; background:rgba(20,36,61,.75); color:var(--navy); font-family:"Virgil","Segoe Print",cursive; line-height:1.65; }.founder-story-copy p { margin-bottom:17px; }.story-emphasis { padding:16px 18px; border:1px solid var(--blue-line); border-radius:12px; background:rgba(20,36,61,.78); color:var(--blue); font-weight:800; }
.technology { position:relative; }.architecture-flow { margin-top:45px; display:flex; align-items:center; flex-wrap:wrap; gap:9px; }.architecture-flow span,.tech-grid span,.funding-list span { padding:12px 14px; border:1px solid var(--blue-line); border-radius:10px; background:var(--surface); color:var(--ink); font-size:.77rem; font-weight:750; }.architecture-flow b { color:var(--yellow); }.tech-grid { margin-top:28px; display:grid; grid-template-columns:repeat(4,1fr); gap:9px; }.data-note { margin-top:35px; padding:20px; border:1px solid rgba(244,205,103,.35); border-radius:12px; background:rgba(244,205,103,.08); color:var(--muted); font-size:.78rem; line-height:1.65; }
.roadmap { display:grid; grid-template-columns:.75fr 1.25fr; gap:75px; }.roadmap ol { margin:0;padding:0;list-style:none; }.roadmap li { padding:23px 0; border-top:1px solid var(--line); }.roadmap li strong { display:block; margin:8px 0; color:var(--navy); }.roadmap li p { margin:0; color:var(--muted); line-height:1.6; font-size:.84rem; }
.funding,.private-access { margin:100px 0; padding:55px; border:1px solid var(--blue-line); border-radius:22px; background:linear-gradient(135deg,#101d32,#13243d 60%,rgba(244,205,103,.1)); box-shadow:var(--shadow); }.funding { display:grid; grid-template-columns:1fr 1fr; gap:65px; }.funding-list { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; align-content:center; }.private-access { text-align:center; }.private-access h2,.private-access p { margin-inline:auto; }.private-access p { max-width:700px; }.private-access .hero-actions { justify-content:center; }
footer { padding:35px 0 45px; display:grid; grid-template-columns:auto 1fr; gap:24px 50px; align-items:center; border-top:1px solid var(--line); } footer nav { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:18px; } footer p { grid-column:1/-1; margin:0; color:var(--muted); font-size:.68rem; line-height:1.65; }
@media(max-width:1050px){.site-header nav{display:none}.hero,.founder-story,.roadmap,.funding,.pain-point,.prototype-proof{grid-template-columns:1fr}.comparison-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.research-loop{grid-template-columns:repeat(3,1fr)}.use-case-grid,.responsibility-grid,.tech-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.site-header,main,footer{width:min(calc(100% - 28px),var(--max))}.site-header .button{font-size:.7rem;padding-inline:10px}.brand{font-size:1.65rem}.brand-mark{display:none}.hero{padding:72px 0;min-height:auto}.hero-visual{margin-top:10px}.visual-status{position:static;margin:8px;flex-direction:column}.hero-actions{flex-direction:column}.section{padding:78px 0}.comparison-grid,.feature-grid,.research-loop,.use-case-grid,.responsibility-grid,.tech-grid,.funding-list,.candidate-patterns{grid-template-columns:1fr}.research-loop article{min-height:auto}.research-loop h3{margin-top:35px}.funding,.private-access,.pain-point,.prototype-proof{margin:70px 0;padding:35px 22px}.architecture-flow b{display:none}footer{grid-template-columns:1fr}footer nav{justify-content:flex-start}}

/* Poppy investor-facing visual layer inspired by the supplied mock. */
:root{--surface:rgba(18,36,68,.9);--strong:#182f58;--blue:#72c6ff;--violet:#8c5cff;--cyan:#3de1ff;--blue-line:rgba(114,198,255,.32);--line:rgba(159,195,242,.22);--glow:0 0 38px rgba(55,141,255,.18);--max:1320px;--hero-fade-left:50%;--hero-fade-right:50%;--hero-fade-top:50%;--hero-fade-bottom:50%}
body{background:radial-gradient(circle at 78% 2%,rgba(73,100,255,.2),transparent 32rem),radial-gradient(circle at 12% 20%,rgba(61,225,255,.08),transparent 26rem),linear-gradient(135deg,rgba(244,205,103,.055),transparent 30%),linear-gradient(#0b162b,#112442 55%,#0e1c35)}
.site-header{min-height:92px}.brand-word strong{text-shadow:0 0 22px rgba(114,198,255,.35)}
.button{border-radius:9px;transition:.2s ease}.button:hover{transform:translateY(-2px);border-color:var(--blue);box-shadow:var(--glow)}.button.primary{color:#fff;background:linear-gradient(120deg,#248eff,var(--violet));border-color:#5d8dff;box-shadow:0 12px 30px rgba(79,80,255,.25)}.button.text{border-color:var(--blue-line);background:rgba(18,36,68,.55)}
.hero{grid-template-columns:.82fr 1.18fr;gap:48px}.hero-visual{min-height:570px;padding:1px;border-color:rgba(114,198,255,.35);border-radius:26px;background:linear-gradient(135deg,rgba(61,225,255,.32),rgba(140,92,255,.38));box-shadow:var(--shadow),0 0 70px rgba(76,89,255,.18)}.hero-visual img{height:100%;min-height:568px;object-fit:cover;object-position:center;border-radius:25px}.visual-status{background:rgba(10,22,43,.86);backdrop-filter:blur(14px);border-color:var(--blue-line)}.visual-status i{box-shadow:0 0 0 5px rgba(99,211,192,.12),0 0 20px var(--mint)}
.capability-rail{margin:0 0 26px;padding:22px;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--blue-line);border-radius:14px;background:linear-gradient(135deg,rgba(18,38,74,.94),rgba(13,27,54,.92));box-shadow:var(--shadow),var(--glow)}.capability-rail article{padding:8px 20px;display:flex;gap:14px;border-right:1px dashed rgba(114,198,255,.28)}.capability-rail article:last-child{border-right:0}.rail-icon{flex:none;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--blue-line);border-radius:10px;color:var(--cyan);font-size:1.25rem;background:rgba(61,225,255,.06);box-shadow:0 0 20px rgba(61,225,255,.08)}.capability-rail strong,.capability-rail small{display:block}.capability-rail strong{color:var(--blue);font-size:.78rem;margin-bottom:6px}.capability-rail small{color:var(--muted);font-size:.67rem;line-height:1.45}.bridge-line{text-align:center;margin:22px 0 0;color:var(--muted);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase}.bridge-line strong{background:linear-gradient(90deg,var(--cyan),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.comparison-grid article,.feature-grid article,.use-case-grid article,.responsibility-grid article{border-radius:14px;background:linear-gradient(150deg,rgba(24,48,88,.93),rgba(15,31,59,.9));box-shadow:0 14px 34px rgba(0,0,0,.18);transition:.2s ease}.comparison-grid article:hover,.feature-grid article:hover,.use-case-grid article:hover{transform:translateY(-4px);border-color:var(--blue);box-shadow:var(--glow)}.comparison-grid article.featured{border-color:rgba(140,92,255,.6);background:linear-gradient(150deg,rgba(27,54,100,.95),rgba(75,42,130,.32));box-shadow:0 0 45px rgba(140,92,255,.1)}
.research-loop article{border-radius:14px;background:linear-gradient(180deg,rgba(27,54,98,.94),rgba(15,31,59,.86));box-shadow:inset 0 1px rgba(255,255,255,.025),0 12px 25px rgba(0,0,0,.15)}.funding,.private-access{border-radius:20px;background:radial-gradient(circle at 90% 10%,rgba(140,92,255,.22),transparent 20rem),linear-gradient(135deg,#162d54,#132744 60%,rgba(61,225,255,.08));box-shadow:var(--shadow),var(--glow)}
@media(max-width:1050px){.capability-rail{grid-template-columns:repeat(2,1fr)}.capability-rail article{border-right:0;border-bottom:1px dashed rgba(114,198,255,.2)}}
@media(max-width:650px){.hero-visual{min-height:auto}.hero-visual img{min-height:330px}.capability-rail{grid-template-columns:1fr}.bridge-line{letter-spacing:.12em;line-height:1.7}}

/* Let the agent artwork merge into the page instead of presenting as a card. */
.hero{grid-template-columns:.76fr 1.24fr;gap:24px}
.hero-visual{min-height:680px;margin-right:-6vw;overflow:visible;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.hero-visual img{width:100%;height:680px;min-height:0;object-fit:cover;object-position:center;border-radius:0;filter:saturate(1.12) contrast(1.03);-webkit-mask-image:radial-gradient(ellipse 68% 67% at 52% 50%,#000 48%,rgba(0,0,0,.92) 65%,transparent 100%);mask-image:radial-gradient(ellipse 68% 67% at 52% 50%,#000 48%,rgba(0,0,0,.92) 65%,transparent 100%)}
.capability-rail article{padding-inline:16px}.capability-rail strong{font-size:.76rem}.capability-rail small{font-size:.65rem}
.core-belief{max-width:850px;margin:34px auto 0;text-align:center;border-left:0;border-top:3px solid var(--yellow);border-radius:12px}
.agent-output{margin-top:24px;padding:18px;border:1px solid var(--blue-line);border-radius:13px;background:rgba(8,18,36,.7);box-shadow:inset 0 1px rgba(255,255,255,.03)}.agent-output-heading{display:flex;justify-content:space-between;gap:12px;color:var(--cyan);font-size:.62rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.agent-output-heading strong{color:var(--yellow)}.agent-output p{margin:16px 0 12px;color:var(--navy);font-size:.78rem}.agent-output dl{margin:0}.agent-output dl div{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:7px 0;border-top:1px solid var(--line);font-size:.68rem}.agent-output dt{color:var(--blue);font-weight:800}.agent-output dd{margin:0;color:var(--muted)}.agent-output small{display:block;margin-top:13px;color:var(--muted);font-size:.62rem;line-height:1.5}
.candidate-patterns{align-self:start;align-items:start;grid-template-columns:1fr}.candidate-patterns article{align-self:start}.candidate-chart{aspect-ratio:auto;height:auto;object-fit:contain}
.access-email{display:inline-block;margin:8px 0 4px;background:linear-gradient(90deg,var(--cyan),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(1.35rem,3vw,2.25rem);font-weight:850;letter-spacing:-.03em;user-select:none;-webkit-user-select:none}
@media(max-width:1050px){.hero-visual{margin-right:0}.hero-visual img{height:600px}}
@media(max-width:650px){.hero-visual img{height:390px;min-height:0}.core-belief{margin-top:24px}}

/* Full-width layered hero: artwork sits behind the complete introduction. */
.hero{position:relative;display:block;min-height:760px;padding:105px 6.5%;overflow:hidden;isolation:isolate}
.hero-copy{position:relative;z-index:2;max-width:700px}
.hero-copy h1{max-width:680px;text-shadow:0 4px 30px rgba(3,10,25,.8)}
.hero-copy .lead{max-width:610px;text-shadow:0 2px 18px rgba(3,10,25,.9)}
.hero-copy .microcopy{max-width:570px;color:#a5b9d8}
.hero-visual{position:absolute;z-index:0;inset:0;min-height:0;margin:0;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 var(--hero-fade-left),#000 calc(100% - var(--hero-fade-right)),transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 var(--hero-fade-left),#000 calc(100% - var(--hero-fade-right)),transparent 100%)}
.hero-visual img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center;filter:saturate(1.15) contrast(1.04)}
.hero-visual img{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 var(--hero-fade-top),#000 calc(100% - var(--hero-fade-bottom)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 var(--hero-fade-top),#000 calc(100% - var(--hero-fade-bottom)),transparent 100%)}
.hero-visual:after{content:none}
.hero:after{content:"";position:absolute;z-index:1;inset:8% 36% 8% 0;pointer-events:none;background:radial-gradient(ellipse at 22% 50%,rgba(3,10,25,.88) 0%,rgba(3,10,25,.66) 38%,rgba(3,10,25,.24) 66%,transparent 84%)}
@media(max-width:1050px){.hero{min-height:720px;padding:85px 5%}.hero-visual img{height:100%;object-position:58% center}}
@media(max-width:650px){.hero{min-height:690px;padding:70px 20px}.hero-copy h1{font-size:clamp(3rem,15vw,4.2rem)}.hero-visual{margin:0}.hero-visual img{height:100%;object-position:58% center}.hero:after{inset:5% 0;background:radial-gradient(ellipse at 18% 45%,rgba(3,10,25,.86),rgba(3,10,25,.42) 52%,transparent 82%)}}