:root {
  --ivory: #F6F1E8;
  --ivory-2: #EFE7DA;
  --oxblood: #5D1824;
  --oxblood-deep: #3F0F18;
  --burgundy: #681E2B;
  --gold: #C29A52;
  --gold-soft: #D6B879;
  --ink: #211A1B;
  --muted: #6F6262;
  --line: rgba(93, 24, 36, .14);
  --white-line: rgba(246, 241, 232, .18);
  --shadow: 0 24px 80px rgba(63, 15, 24, .12);
  --radius-lg: 32px;
  --radius-md: 20px;
  --shell: min(1180px, calc(100vw - 44px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ivory); color: var(--ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
img { display: block; max-width: 100%; }
.shell { width: var(--shell); margin: 0 auto; }

.noise { position: fixed; inset: 0; pointer-events: none; opacity: .025; z-index: 20; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E"); }

.site-header { position: sticky; top: 0; z-index: 15; background: rgba(246, 241, 232, .86); backdrop-filter: blur(16px); border-bottom: 1px solid transparent; transition: border-color .25s ease, background .25s ease; }
.site-header.scrolled { border-bottom-color: var(--line); background: rgba(246, 241, 232, .94); }
.nav-wrap { height: 84px; display: grid; grid-template-columns: 220px 1fr auto; align-items: center; gap: 28px; }
.brand img { width: 188px; height: auto; }
.nav { display: flex; justify-content: center; gap: 34px; font-size: 14px; color: #4E4242; }
.nav a { transition: color .2s ease; }
.nav a:hover { color: var(--oxblood); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; border-radius: 999px; font-weight: 650; letter-spacing: -.01em; transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-small { padding: 11px 18px; font-size: 13px; }
.button-outline { border: 1px solid rgba(93,24,36,.26); color: var(--oxblood); }
.button-outline:hover { border-color: var(--oxblood); background: rgba(93,24,36,.045); }
.button-primary { padding: 16px 22px; background: var(--oxblood); color: var(--ivory); box-shadow: 0 12px 26px rgba(93,24,36,.20); }
.button-primary:hover { background: var(--oxblood-deep); }
.button-ivory { padding: 15px 21px; background: var(--ivory); color: var(--oxblood-deep); }
.button-ghost { padding: 15px 21px; border: 1px solid rgba(246,241,232,.32); color: var(--ivory); }
.text-link { font-size: 14px; font-weight: 650; color: var(--oxblood); display: inline-flex; align-items: center; gap: 10px; }
.text-link span { transition: transform .2s ease; }
.text-link:hover span { transform: translateY(3px); }
.menu-button { display:none; border:0; background:none; padding:8px; }
.menu-button span { display:block; width:23px; height:1px; background:var(--oxblood); margin:5px 0; }
.mobile-nav { padding: 0 0 20px; display: grid; gap: 12px; }
.mobile-nav[hidden] { display:none; }
.mobile-nav a { font-size:14px; padding:7px 0; border-bottom:1px solid var(--line); }

.hero { padding: 82px 0 104px; position: relative; }
.hero:before { content:""; position:absolute; width:620px; height:620px; right:-260px; top:-180px; border-radius:50%; background: radial-gradient(circle, rgba(194,154,82,.20) 0%, rgba(194,154,82,0) 68%); pointer-events:none; }
.hero-grid { display:grid; grid-template-columns: 1.03fr .97fr; align-items:center; gap:74px; }
.eyebrow { display:inline-flex; align-items:center; gap:10px; font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--oxblood); margin-bottom:28px; }
.eyebrow-dot { width:7px; height:7px; border-radius:50%; background:var(--gold); box-shadow:0 0 0 5px rgba(194,154,82,.13); }
.hero h1 { font-family: Georgia, "Times New Roman", serif; font-weight:400; line-height:.94; letter-spacing:-.055em; font-size:clamp(64px, 7vw, 104px); margin:0; color:var(--oxblood-deep); }
.hero h1 em { font-weight:400; color:var(--oxblood); }
.hero-lede { max-width:690px; margin:30px 0 0; font-size:19px; line-height:1.65; color:#514647; letter-spacing:-.012em; }
.hero-actions { display:flex; gap:24px; align-items:center; margin-top:34px; flex-wrap:wrap; }
.hero-proof { border-top:1px solid var(--line); margin-top:48px; padding-top:22px; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.hero-proof div { display:grid; gap:3px; }
.hero-proof strong { font-size:12px; color:var(--oxblood-deep); }
.hero-proof span { font-size:11px; color:#7D7070; line-height:1.35; }

.hero-visual { position:relative; min-width:0; }
.preview-card { position:relative; background:rgba(255,253,248,.82); border:1px solid rgba(93,24,36,.14); border-radius:30px; box-shadow: var(--shadow); padding:18px 20px 20px; overflow:hidden; }
.preview-card:before { content:""; position:absolute; inset:0 0 auto; height:3px; background:linear-gradient(90deg,var(--oxblood),var(--gold),transparent); }
.preview-topbar { height:44px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.preview-brand { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--oxblood); font-weight:700; }
.preview-brand img { width:24px; height:24px; object-fit:contain; }
.preview-label { font-size:9px; letter-spacing:.08em; text-transform:uppercase; color:#988989; }
.preview-tabs { display:flex; gap:7px; padding:10px 0 17px; border-bottom:1px solid var(--line); }
.scenario-tab { border:0; background:transparent; color:#817474; padding:8px 13px; border-radius:999px; font-size:11px; cursor:pointer; }
.scenario-tab.active { background:var(--oxblood); color:var(--ivory); }
.scenario { display:none; padding:24px 4px 2px; animation:fadeUp .3s ease; }
.scenario.active { display:block; }
.micro-label { font-size:9px; letter-spacing:.14em; font-weight:800; color:var(--gold); }
.scenario h3 { margin:10px 0 9px; font-family:Georgia,"Times New Roman",serif; font-weight:400; font-size:30px; line-height:1.08; letter-spacing:-.03em; color:var(--oxblood-deep); }
.scenario > p { font-size:13px; line-height:1.6; color:#706262; margin:0 0 22px; }
.insight-row { display:flex; align-items:center; justify-content:space-between; gap:22px; border-top:1px solid var(--line); padding:12px 0; font-size:11px; color:#7A6E6E; }
.insight-row strong { color:#3F3435; font-size:11px; text-align:right; }
.status-good { color:#47654F!important; }
.preview-action { width:100%; border:0; margin-top:6px; border-radius:12px; padding:13px 14px; background:#F1E8DC; color:var(--oxblood); display:flex; align-items:center; justify-content:space-between; cursor:pointer; font-size:11px; font-weight:750; }
.floating-note { position:absolute; z-index:3; padding:11px 14px; border-radius:999px; background:rgba(246,241,232,.92); border:1px solid var(--line); box-shadow:0 12px 30px rgba(63,15,24,.10); font-size:10px; font-weight:700; color:#5F5051; backdrop-filter: blur(12px); white-space:nowrap; }
.note-one { left:-38px; bottom:92px; }
.note-two { right:-34px; top:92px; }
.note-dot { width:7px; height:7px; display:inline-block; border-radius:50%; background:var(--oxblood); margin-right:7px; }
.note-dot.gold { background:var(--gold); }

.statement { padding:98px 0 108px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.statement-grid { display:grid; grid-template-columns:180px 1fr; gap:70px; }
.section-kicker { font-size:10px; font-weight:800; letter-spacing:.16em; color:var(--gold); text-transform:uppercase; padding-top:8px; }
.statement h2, .section-head h2, .model-section h2, .launch h2 { font-family:Georgia,"Times New Roman",serif; font-size:clamp(42px,5vw,70px); font-weight:400; line-height:1.04; letter-spacing:-.045em; margin:0; color:var(--oxblood-deep); }
.statement h2 span { color:#8A7777; }
.statement p { max-width:800px; margin:30px 0 0; font-size:17px; line-height:1.75; color:#625556; }
.statement p strong { color:var(--oxblood); font-weight:650; }

.use-cases { padding:110px 0 120px; }
.section-head { display:grid; grid-template-columns:180px 1fr; gap:70px; align-items:start; margin-bottom:60px; }
.case-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.case-card { min-height:350px; padding:30px 30px 24px; border-right:1px solid var(--line); display:flex; flex-direction:column; transition:background .25s ease, transform .25s ease; }
.case-card:last-child { border-right:0; }
.case-card:hover { background:rgba(255,255,255,.28); transform:translateY(-4px); }
.case-number { color:var(--gold); font-size:11px; font-weight:800; letter-spacing:.14em; }
.case-card h3 { font-family:Georgia,"Times New Roman",serif; color:var(--oxblood-deep); font-size:34px; line-height:1.08; font-weight:400; letter-spacing:-.035em; margin:56px 0 16px; }
.case-card p { font-size:14px; line-height:1.7; color:#6F6162; margin:0; }
.case-footer { margin-top:auto; padding-top:40px; display:flex; justify-content:space-between; align-items:center; color:var(--oxblood); font-size:11px; font-weight:750; border-top:1px solid var(--line); }

.architecture { background:var(--oxblood-deep); color:var(--ivory); padding:112px 0; position:relative; overflow:hidden; }
.architecture:before { content:""; position:absolute; width:700px; height:700px; border:1px solid rgba(194,154,82,.12); border-radius:50%; left:-300px; top:-250px; }
.architecture-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:100px; position:relative; }
.section-kicker.light { color:var(--gold-soft); }
.architecture-copy h2 { margin:20px 0 24px; font-family:Georgia,"Times New Roman",serif; font-weight:400; font-size:clamp(42px,4.5vw,66px); line-height:1.04; letter-spacing:-.045em; }
.architecture-copy h2 em { color:var(--gold-soft); font-weight:400; }
.architecture-copy > p { color:#D6C9C2; line-height:1.75; font-size:15px; max-width:500px; }
.light-link { color:var(--ivory); margin-top:20px; }
.architecture-stack { border-top:1px solid var(--white-line); }
.arch-row { display:grid; grid-template-columns:48px 1fr; gap:18px; padding:26px 0; border-bottom:1px solid var(--white-line); }
.arch-index { color:var(--gold-soft); font-size:10px; letter-spacing:.12em; padding-top:5px; }
.arch-row h3 { margin:0 0 7px; font-size:16px; font-weight:650; color:var(--ivory); }
.arch-row p { margin:0; color:#BDAFAD; font-size:13px; line-height:1.65; }

.model-section { padding:116px 0; }
.model-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:100px; }
.model-section h2 { margin-top:18px; }
.model-copy > p { font-size:16px; line-height:1.75; color:#645758; margin:0 0 36px; }
.flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; gap:9px; align-items:center; padding:24px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.flow div { display:grid; gap:6px; }
.flow span { color:var(--gold); font-size:9px; font-weight:800; }
.flow strong { font-size:11px; line-height:1.3; color:var(--oxblood-deep); }
.flow i { font-style:normal; color:#B9A9A9; }
.model-note { margin-top:26px!important; font-size:13px!important; color:#847676!important; }

.company { padding:112px 0; background:#EFE7DA; border-top:1px solid rgba(93,24,36,.08); border-bottom:1px solid rgba(93,24,36,.08); }
.company-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; align-items:start; }
.founder-card { position:sticky; top:130px; min-height:300px; padding:30px; border:1px solid var(--line); border-radius:var(--radius-md); background:rgba(246,241,232,.56); display:flex; flex-direction:column; justify-content:space-between; }
.founder-mark img { width:72px; }
.founder-meta span { font-size:9px; letter-spacing:.16em; font-weight:800; color:var(--gold); }
.founder-meta h3 { margin:10px 0 0; font-family:Georgia,"Times New Roman",serif; font-size:36px; font-weight:400; line-height:1.06; color:var(--oxblood-deep); }
.company-copy { padding-top:10px; }
.company-copy p { font-size:16px; line-height:1.8; color:#645758; margin:0 0 24px; }
.company-lede { font-size:23px!important; line-height:1.55!important; color:#3D3031!important; letter-spacing:-.02em; }
.company-lede strong { color:var(--oxblood); }
.quote { margin-top:42px!important; padding:28px 0 0 30px; border-left:2px solid var(--gold); font-family:Georgia,"Times New Roman",serif; font-size:28px!important; line-height:1.4!important; color:var(--oxblood-deep)!important; }

.launch { padding:94px 0 100px; }
.launch-card { background:linear-gradient(145deg,var(--oxblood-deep),#6A1A29); color:var(--ivory); border-radius:38px; padding:48px 54px 54px; position:relative; overflow:hidden; box-shadow:0 30px 80px rgba(63,15,24,.18); }
.launch-card:after { content:""; position:absolute; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle,rgba(194,154,82,.22),rgba(194,154,82,0) 68%); right:-160px; top:-160px; }
.launch-logo { position:relative; z-index:2; margin-bottom:70px; }
.launch-logo img { width:210px; }
.launch-copy { position:relative; z-index:2; max-width:850px; }
.launch h2 { color:var(--ivory); margin-top:15px; font-size:clamp(42px,5vw,66px); }
.launch-copy p { font-size:15px; line-height:1.75; color:#D7C9C4; max-width:760px; margin:24px 0 0; }
.launch-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:32px; }

.footer { padding:48px 0 58px; border-top:1px solid var(--line); }
.footer-grid { display:grid; grid-template-columns:1fr auto 1.2fr; gap:60px; align-items:start; }
.footer-brand img { width:170px; }
.footer-brand p { font-family:Georgia,"Times New Roman",serif; color:#786A6A; font-size:14px; margin:12px 0 0; }
.footer-links { display:grid; gap:10px; font-size:12px; color:#655858; }
.footer-links a:hover { color:var(--oxblood); }
.footer-legal { font-size:10px; line-height:1.6; color:#908383; }
.footer-legal p { margin:0 0 10px; }

.reveal { opacity:0; transform:translateY(20px); transition:opacity .7s ease, transform .7s ease; }
.reveal.is-visible { opacity:1; transform:none; }
.reveal-delay { transition-delay:.12s; }
.reveal-delay-1 { transition-delay:.08s; }
.reveal-delay-2 { transition-delay:.16s; }
@keyframes fadeUp { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:none} }

@media (max-width: 980px) {
  :root { --shell:min(100% - 32px, 760px); }
  .nav-wrap { grid-template-columns:1fr auto; }
  .nav, .nav-wrap > .button { display:none; }
  .menu-button { display:block; }
  .hero { padding-top:54px; }
  .hero-grid, .architecture-grid, .model-grid, .company-grid { grid-template-columns:1fr; gap:58px; }
  .hero h1 { font-size:clamp(58px,14vw,92px); }
  .hero-visual { max-width:600px; width:100%; margin:0 auto; }
  .statement-grid, .section-head { grid-template-columns:1fr; gap:18px; }
  .case-grid { grid-template-columns:1fr; }
  .case-card { border-right:0; border-bottom:1px solid var(--line); min-height:300px; }
  .case-card:last-child { border-bottom:0; }
  .case-card h3 { margin-top:38px; }
  .founder-card { position:relative; top:0; min-height:240px; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .footer-legal { grid-column:1/-1; }
  .flow { grid-template-columns:1fr; gap:12px; }
  .flow i { transform:rotate(90deg); justify-self:start; }
}

@media (max-width: 620px) {
  :root { --shell:calc(100vw - 28px); }
  .nav-wrap { height:72px; }
  .brand img { width:158px; }
  .hero { padding:44px 0 76px; }
  .hero-lede { font-size:16px; }
  .hero-proof { grid-template-columns:1fr; gap:12px; }
  .note-one, .note-two { display:none; }
  .preview-card { border-radius:22px; padding:16px; }
  .scenario h3 { font-size:26px; }
  .statement, .use-cases, .architecture, .model-section, .company { padding:78px 0; }
  .case-card { padding:26px 22px; }
  .launch { padding:64px 0 70px; }
  .launch-card { padding:34px 26px 36px; border-radius:26px; }
  .launch-logo { margin-bottom:48px; }
  .launch-actions { flex-direction:column; align-items:stretch; }
  .footer-grid { grid-template-columns:1fr; gap:28px; }
  .footer-legal { grid-column:auto; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *:before, *:after { transition:none!important; animation:none!important; }
  .reveal { opacity:1; transform:none; }
}