:root { --font-display:"Arial Narrow","Aptos Display","Segoe UI",sans-serif; --font-body:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif; --ink:#101311; --ink-soft:#232723; --cream:#f3f0e8; --paper:#fbfaf6; --orange:#ff5c24; --accent-text:#b33a0d; --orange-dark:#9f330d; --lime:#d8ff63; --blue:#83b8ff; --muted:#676b66; --line:rgba(16,19,17,.16); --max:1240px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--cream); }
body { margin:0; color:var(--ink); background:var(--cream); font-family:var(--font-body),sans-serif; line-height:1.55; }
a { color:inherit; text-decoration:none; }
a:focus-visible { outline:3px solid var(--blue); outline-offset:4px; }
main { overflow:hidden; position:relative; }
.site-grain { position:fixed; inset:0; pointer-events:none; opacity:.18; z-index:10; background-image:radial-gradient(rgba(16,19,17,.18) .55px,transparent .55px); background-size:5px 5px; mix-blend-mode:multiply; }

.site-header { width:min(var(--max),calc(100% - 48px)); margin:0 auto; min-height:92px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); }
.wordmark { display:inline-flex; align-items:center; gap:11px; font-family:var(--font-display),sans-serif; font-size:1.03rem; font-weight:650; letter-spacing:-.03em; }
.wordmark strong { font-weight:850; }
.wordmark-symbol { display:grid; place-items:center; width:36px; aspect-ratio:1; border:2px solid var(--ink); border-radius:50% 50% 50% 12%; background:var(--orange); font-weight:900; transform:rotate(-5deg); box-shadow:3px 3px 0 var(--ink); }
.nav-links { display:flex; align-items:center; gap:32px; font-size:.9rem; font-weight:650; }
.nav-links>a:not(.nav-cta) { position:relative; }
.nav-links>a:not(.nav-cta)::after { content:""; position:absolute; height:2px; left:0; right:100%; bottom:-5px; background:var(--orange); transition:right .18s ease; }
.nav-links>a:not(.nav-cta):hover::after { right:0; }
.nav-cta { border:1.5px solid var(--ink); border-radius:999px; padding:10px 16px; box-shadow:3px 3px 0 var(--ink); background:var(--paper); transition:transform .18s ease,box-shadow .18s ease; }
.nav-cta:hover { transform:translate(2px,2px); box-shadow:1px 1px 0 var(--ink); }

.hero { width:min(var(--max),calc(100% - 48px)); margin:0 auto; min-height:710px; display:grid; grid-template-columns:1.02fr .98fr; gap:clamp(36px,7vw,100px); align-items:center; padding:76px 0 84px; }
.hero-copy { position:relative; z-index:1; }
.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 22px; font-family:var(--font-display),sans-serif; font-size:.72rem; font-weight:850; letter-spacing:.15em; text-transform:uppercase; }
.eyebrow span { width:28px; height:3px; background:var(--orange); }
.hero h1,.section-intro h2,.ownership-heading h2,.start-copy h2 { margin:0; font-family:var(--font-display),sans-serif; font-weight:850; letter-spacing:-.075em; line-height:.93; }
.hero h1 { font-size:clamp(4rem,7vw,7.15rem); }
.hero h1 em,.section-intro h2 em,.ownership-heading h2 em { color:var(--accent-text); font-style:normal; }
.hero-lead { max-width:610px; margin:28px 0 0; font-size:clamp(1.1rem,1.8vw,1.35rem); color:var(--ink-soft); letter-spacing:-.02em; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.button { min-height:52px; display:inline-flex; align-items:center; justify-content:center; gap:14px; padding:13px 20px; border:1.5px solid var(--ink); border-radius:4px; font-family:var(--font-display),sans-serif; font-size:.9rem; font-weight:800; box-shadow:4px 4px 0 var(--ink); transition:transform .18s ease,box-shadow .18s ease,background .18s ease; }
.button:hover { transform:translate(3px,3px); box-shadow:1px 1px 0 var(--ink); }
.button-primary { background:var(--orange); }
.button-primary:hover { background:#ff713f; }
.button-secondary { background:var(--paper); }
.button-dark { background:var(--ink); color:var(--paper); border-color:var(--paper); box-shadow:4px 4px 0 var(--paper); }
.hero-note { margin:24px 0 0; font-size:.78rem; color:var(--muted); font-weight:650; }
.hero-note span { color:#34a853; font-size:.65rem; margin-right:5px; }

.stream-frame { width:min(100%,515px); justify-self:end; padding:16px; border:2px solid var(--ink); border-radius:19px; background:#eeece4; box-shadow:14px 14px 0 var(--ink); transform:rotate(1.5deg); position:relative; }
.stream-frame::before { content:"LIVE PRODUCT"; position:absolute; right:-18px; top:30px; padding:7px 11px; background:var(--lime); border:1.5px solid var(--ink); font-family:var(--font-display),sans-serif; font-size:.62rem; font-weight:900; letter-spacing:.12em; transform:rotate(5deg); z-index:2; }
.stream-topbar { display:flex; justify-content:space-between; align-items:center; padding:5px 5px 15px; }
.stream-brand,.post-meta { display:flex; align-items:center; gap:10px; }
.stream-avatar,.post-avatar { display:grid; place-items:center; flex:0 0 auto; width:38px; aspect-ratio:1; border-radius:50%; background:var(--ink); color:white; font-weight:800; }
.stream-brand div,.post-meta span:last-child { display:grid; }
.stream-brand strong,.post-meta strong { font-size:.83rem; }
.stream-brand small,.post-meta small { color:var(--muted); font-size:.67rem; }
.stream-menu { font-weight:900; letter-spacing:2px; }
.stream-post { border:1.5px solid var(--ink); border-radius:10px; background:var(--paper); padding:17px; box-shadow:3px 3px 0 rgba(16,19,17,.2); }
.stream-post+.stream-post { margin-top:10px; }
.post-avatar { width:36px; font-size:.7rem; color:var(--ink); border:1.5px solid var(--ink); }
.post-avatar.coral { background:#ffb295; }
.post-avatar.blue { background:var(--blue); }
.stream-post>p { margin:14px 0; font-size:1.02rem; letter-spacing:-.015em; }
.post-link-card { display:grid; grid-template-columns:68px 1fr; gap:13px; align-items:center; border:1px solid var(--line); background:var(--cream); padding:9px; border-radius:7px; }
.link-orb { display:grid; place-items:center; aspect-ratio:1; border-radius:50% 50% 50% 16%; background:var(--orange); border:1.5px solid var(--ink); font-family:var(--font-display),sans-serif; font-weight:900; font-size:1.6rem; }
.post-link-card span:last-child { display:grid; gap:2px; }
.post-link-card small { font-size:.55rem; color:var(--muted); letter-spacing:.12em; }
.post-link-card strong { font-size:.78rem; line-height:1.3; }
.post-actions { display:flex; justify-content:space-between; margin-top:15px; padding-top:12px; border-top:1px solid var(--line); color:var(--muted); font-size:.69rem; font-weight:650; }
.compact-post>p { margin-bottom:3px; }
.stream-compose { margin-top:10px; border:1.5px dashed rgba(16,19,17,.4); border-radius:8px; background:rgba(255,255,255,.5); padding:10px 10px 10px 14px; display:flex; justify-content:space-between; align-items:center; color:var(--muted); font-size:.75rem; }
.compose-button { color:var(--ink); background:var(--orange); border:1px solid var(--ink); border-radius:4px; padding:5px 10px; font-weight:800; }

.proof-strip { min-height:78px; background:var(--ink); color:var(--paper); display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:clamp(18px,4vw,50px); padding:20px 28px; font-family:var(--font-display),sans-serif; font-size:.72rem; font-weight:800; letter-spacing:.12em; }
.proof-strip i { color:var(--orange); font-style:normal; }
.why-section { width:min(var(--max),calc(100% - 48px)); margin:0 auto; display:grid; grid-template-columns:1.05fr .95fr; gap:80px; padding:132px 0 85px; }
.section-intro h2,.ownership-heading h2 { font-size:clamp(3.2rem,5.5vw,5.65rem); }
.why-copy { align-self:end; max-width:520px; padding-bottom:4px; }
.why-copy p { color:var(--muted); font-size:1.04rem; }
.why-copy .why-lead { color:var(--ink); font-size:1.55rem; line-height:1.25; font-weight:650; letter-spacing:-.04em; }

.feature-grid { width:min(var(--max),calc(100% - 48px)); margin:0 auto 135px; display:grid; grid-template-columns:repeat(3,1fr); border:1.5px solid var(--ink); box-shadow:7px 7px 0 var(--ink); }
.feature-card { min-height:360px; padding:28px; position:relative; background:var(--paper); }
.feature-card+.feature-card { border-left:1.5px solid var(--ink); }
.feature-card:nth-child(2) { background:#edede7; }
.feature-glyph { display:grid; place-items:center; width:58px; aspect-ratio:1; margin:28px 0 26px; border:1.5px solid var(--ink); background:var(--orange); border-radius:50%; box-shadow:3px 3px 0 var(--ink); font-size:1.45rem; font-weight:800; }
.feature-card:nth-child(2) .feature-glyph { background:var(--blue); }
.feature-card:nth-child(3) .feature-glyph { background:var(--lime); }
.feature-card h3 { margin:0; font-family:var(--font-display),sans-serif; font-size:1.5rem; letter-spacing:-.045em; }
.feature-card p { margin:12px 0 0; color:var(--muted); font-size:.94rem; }

.ownership-section { background:var(--ink); color:var(--paper); padding:125px max(24px,calc((100vw - var(--max))/2)); display:grid; grid-template-columns:.82fr 1.18fr; gap:clamp(50px,8vw,110px); }
.eyebrow.light span { background:var(--lime); }
.ownership-heading h2 em { color:var(--lime); }
.ownership-heading>p:not(.eyebrow) { max-width:500px; color:#a7ada8; font-size:1.05rem; margin:26px 0; }
.text-link { display:inline-flex; align-items:center; gap:12px; padding-bottom:4px; border-bottom:1px solid var(--orange); color:var(--paper); font-family:var(--font-display),sans-serif; font-size:.82rem; font-weight:800; }
.capability-panel { display:grid; grid-template-columns:repeat(2,1fr); border:1px solid rgba(255,255,255,.24); }
.capability-column { padding:clamp(26px,3.5vw,46px); }
.capability-column+.capability-column { border-left:1px solid rgba(255,255,255,.24); }
.capability-label { display:inline-block; color:var(--lime); font-family:var(--font-display),sans-serif; font-size:.67rem; font-weight:850; letter-spacing:.15em; }
.capability-column:nth-child(2) .capability-label { color:var(--orange); }
.capability-column ul { margin:24px 0 0; padding:0; list-style:none; }
.capability-column li { display:flex; align-items:baseline; gap:11px; padding:13px 0; border-bottom:1px solid rgba(255,255,255,.1); color:#d5d9d5; font-size:.9rem; }
.capability-column li span { color:var(--lime); font-weight:900; }
.capability-column:nth-child(2) li span { color:var(--orange); }

.start-section { width:min(var(--max),calc(100% - 48px)); margin:110px auto; padding:clamp(34px,5vw,70px); background:var(--orange); border:2px solid var(--ink); box-shadow:9px 9px 0 var(--ink); display:grid; grid-template-columns:1fr auto; gap:50px; align-items:end; position:relative; }
.start-section::after { content:"✦"; position:absolute; right:30px; top:22px; font-size:3rem; transform:rotate(10deg); }
.start-copy { max-width:720px; }
.start-copy .eyebrow span { background:var(--ink); }
.start-copy h2 { font-size:clamp(3rem,5.5vw,5.5rem); }
.start-copy>p:last-child { max-width:590px; margin:24px 0 0; font-size:1.05rem; }
.start-actions { display:grid; gap:12px; min-width:245px; }

.site-footer { width:min(var(--max),calc(100% - 48px)); margin:0 auto; padding:48px 0 42px; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr auto; gap:12px 40px; align-items:center; color:var(--muted); font-size:.8rem; }
.footer-mark { color:var(--ink); }
.site-footer>p { margin:0; text-align:right; }
.footer-links { display:flex; gap:22px; color:var(--ink); font-weight:650; }
.footer-links a:hover { color:var(--orange-dark); }
.copyright { font-size:.72rem; }

@media (max-width:980px) {
  .hero { grid-template-columns:1fr; padding-top:60px; }
  .stream-frame { justify-self:center; width:min(100%,600px); }
  .why-section,.ownership-section { grid-template-columns:1fr; gap:48px; }
  .why-copy { max-width:680px; }
  .feature-grid { grid-template-columns:1fr; }
  .feature-card { min-height:280px; }
  .feature-card+.feature-card { border-left:0; border-top:1.5px solid var(--ink); }
  .feature-glyph { margin-top:18px; }
  .start-section { grid-template-columns:1fr; }
  .start-actions { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:700px) {
  .site-header,.hero,.why-section,.feature-grid,.start-section,.site-footer { width:min(100% - 28px,var(--max)); }
  .site-header { min-height:76px; }
  .nav-links>a:not(.nav-cta) { display:none; }
  .hero { padding:52px 0 66px; min-height:auto; }
  .hero h1 { font-size:clamp(3.4rem,17vw,5rem); }
  .hero-actions { display:grid; }
  .button { width:100%; }
  .stream-frame { padding:10px; transform:none; box-shadow:7px 7px 0 var(--ink); }
  .stream-frame::before { right:-6px; top:24px; }
  .featured-post { padding:14px; }
  .post-link-card { grid-template-columns:54px 1fr; }
  .compact-post { display:none; }
  .proof-strip { justify-content:flex-start; gap:12px 18px; }
  .proof-strip i { display:none; }
  .proof-strip span { width:calc(50% - 9px); }
  .why-section { padding:92px 0 60px; }
  .section-intro h2,.ownership-heading h2 { font-size:clamp(3rem,15vw,4.4rem); }
  .feature-grid { margin-bottom:94px; }
  .ownership-section { padding:88px 20px; }
  .capability-panel { grid-template-columns:1fr; }
  .capability-column+.capability-column { border-left:0; border-top:1px solid rgba(255,255,255,.24); }
  .start-section { margin:76px auto; padding:34px 24px; }
  .start-section::after { display:none; }
  .start-actions { grid-template-columns:1fr; }
  .site-footer { grid-template-columns:1fr; }
  .site-footer>p { text-align:left; }
  .footer-links { flex-wrap:wrap; }
}
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto} *,*::before,*::after{transition-duration:.01ms!important} }