:root {
  /* Official DAIVIKA family digital color specifications */
  --house-navy: #142a46;
  --family-ivory: #f5efe4;
  --family-gold: #c5a052;
  --samah-green: #091f18;
  --mitra-plum: #4a2145;
  --divya-pewter: #58595b;
  --divya-pearl: #f2eee6;
  --divya-champagne-gold: #d4af37;

  /* Semantic site tokens */
  --ink: var(--house-navy);
  --paper: var(--family-ivory);
  --cream: var(--family-ivory);
  --moss: var(--samah-green);
  --moss-deep: var(--house-navy);
  --wine: var(--mitra-plum);
  --rose: var(--divya-pearl);
  --gold: var(--family-gold);
  --stone: var(--divya-pearl);
  --muted: var(--divya-pewter);
  --line: rgba(20, 42, 70, .16);
  --background: var(--paper);
  --foreground: var(--ink);
  --card: var(--cream);
  --card-foreground: var(--ink);
  --popover: var(--cream);
  --popover-foreground: var(--ink);
  --primary: var(--ink);
  --primary-foreground: var(--cream);
  --secondary: var(--stone);
  --secondary-foreground: var(--ink);
  --muted-foreground: var(--muted);
  --accent: var(--gold);
  --accent-foreground: var(--cream);
  --destructive: #a33d3d;
  --border: var(--line);
  --input: var(--line);
  --ring: var(--gold);
  --radius: 0;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-size: 1rem; margin: 0; background: var(--paper); color: var(--ink); font-family: var(--font-sans), Arial, sans-serif; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
main { overflow: hidden; }
.skip-link { position: fixed; z-index: 1000; left: 14px; top: -60px; padding: 12px 16px; background: var(--ink); color: white; transition: top .2s ease; }
.skip-link:focus { top: 14px; }
.section-pad { padding: clamp(92px, 10vw, 150px) clamp(24px, 7vw, 112px); }
.eyebrow { margin: 0 0 24px; font-size: .875rem; font-weight: 600; line-height: 1.5; letter-spacing: .2em; text-transform: uppercase; }
em { font-weight: inherit; }

.site-header { position: sticky; z-index: 50; top: 0; height: 88px; padding: 0 clamp(24px, 4.5vw, 72px); display: grid; grid-template-columns: minmax(220px, 1fr) auto; align-items: center; background: rgba(245, 239, 228, .94); border-bottom: 1px solid var(--line); backdrop-filter: blur(16px); }
.brand { display: inline-flex; width: clamp(210px, 18vw, 292px); }
.brand img { width: 100%; height: auto; display: block; }
.desktop-nav { display: flex; align-items: center; gap: clamp(17px, 2.1vw, 34px); }
.desktop-nav a { padding: 8px 0; font-size: .875rem; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; transition: color .2s ease; }
.desktop-nav a:hover { color: var(--gold); }
.mobile-nav { display: none; justify-self: end; }
.mobile-nav summary { display: flex; align-items: center; gap: 8px; cursor: pointer; list-style: none; font-size: .875rem; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; }
.mobile-nav summary::-webkit-details-marker { display: none; }
.mobile-nav nav { position: absolute; top: 87px; left: 0; right: 0; padding: 18px 24px 28px; display: flex; flex-direction: column; background: var(--cream); border-bottom: 1px solid var(--line); box-shadow: 0 18px 32px rgba(20,42,70,.08); }
.mobile-nav nav a { display: flex; justify-content: space-between; padding: 16px 0; border-bottom: 1px solid var(--line); font-family: var(--font-display), Georgia, serif; font-size: 24px; }

.button { width: fit-content; max-width: 100%; min-height: 52px; padding: 15px 23px; display: inline-flex; align-items: center; justify-content: center; gap: 22px; border: 0; cursor: pointer; font-size: .875rem; font-weight: 600; line-height: 1.45; letter-spacing: .12em; text-transform: uppercase; transition: transform .2s ease, background .2s ease, color .2s ease; }
.button svg, .text-link svg { flex-shrink: 0; }
main section > * { min-width: 0; }
.text-link { max-width: 100%; line-height: 1.6; }
.button:hover { transform: translateY(-2px); }
.button-dark { background: var(--ink); color: var(--cream); }
.button-dark:hover { background: var(--gold); color: var(--house-navy); }
.button-light { background: var(--cream); color: var(--ink); }
.button-light:hover { background: var(--family-gold); color: var(--house-navy); }
.text-link { width: fit-content; padding: 0 0 7px; display: inline-flex; align-items: center; gap: 30px; border-bottom: 1px solid currentColor; font-size: .875rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.quiet-link { display: inline-flex; align-items: center; gap: 10px; font-size: .875rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.section-label { margin-bottom: clamp(58px, 6vw, 88px); display: flex; align-items: center; gap: 18px; color: var(--muted); font-size: .875rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.section-label > span { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 50%; font-size: .75rem; }
.section-label p { margin: 0; }
.section-label.light { color: rgba(245,239,228,.62); }
.status-label { align-self: start; width: fit-content; padding: 8px 11px; display: inline-flex; border: 1px solid currentColor; color: var(--wine); font-size: .75rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }

.store-links { margin: 34px 0 0; display: flex; flex-wrap: wrap; gap: 10px; }
.store-links > a { min-width: 190px; min-height: 66px; padding: 10px 14px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 11px; border: 1px solid var(--line); background: rgba(245,239,228,.56); transition: background .2s ease; }
.store-links > a:hover { background: var(--cream); }
.store-links span { display: flex; flex-direction: column; }
.store-links small { font-size: .75rem; line-height: 1.2; letter-spacing: .04em; }
.store-links strong { font-family: var(--font-display), Georgia, serif; font-size: 18px; font-weight: 500; line-height: 1.1; }
.store-links-light > a { color: var(--cream); border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.05); }
.store-links-light > a:hover { background: rgba(255,255,255,.12); }

.home-hero { min-height: calc(100svh - 88px); display: grid; grid-template-columns: minmax(0, 48fr) minmax(0, 52fr); background: var(--cream); }
.hero-copy { padding: clamp(90px, 10vh, 130px) clamp(30px, 6.3vw, 102px); display: flex; flex-direction: column; justify-content: center; }
.hero-copy .eyebrow { color: var(--gold); }
.hero-copy h1 { max-width: 730px; margin: 0; font-family: var(--font-display), Georgia, serif; font-size: clamp(58px, 6.45vw, 105px); font-weight: 400; line-height: .86; letter-spacing: -.045em; }
.hero-copy h1 em { display: inline-block; color: var(--gold); }
.hero-intro { margin: 38px 0 0; padding-left: 28px; border-left: 1px solid var(--gold); font-family: var(--font-display), Georgia, serif; font-size: clamp(19px, 1.5vw, 25px); line-height: 1.42; }
.hero-statement { max-width: 520px; margin: 36px 0 0; padding-left: 26px; border-left: 1px solid var(--gold); font-family: var(--font-display), Georgia, serif; font-size: clamp(27px, 2.6vw, 40px); line-height: 1.2; }
.hero-statement em { color: var(--gold); }
.hero-actions { margin-top: 42px; display: flex; flex-wrap: wrap; align-items: center; gap: 28px; }
.hero-canvas { min-height: calc(100svh - 88px); position: relative; overflow: hidden; background: radial-gradient(circle at 72% 18%, rgba(197,160,82,.26), transparent 32%), linear-gradient(145deg, var(--family-ivory), var(--divya-pearl)); }
.hero-canvas::before, .product-hero-visual::before { content: ''; position: absolute; width: 62%; aspect-ratio: 1; top: 16%; left: 18%; border: 1px solid rgba(20,42,70,.18); border-radius: 50%; }
.canvas-note { position: absolute; z-index: 4; top: 34px; left: 36px; display: flex; flex-direction: column; gap: 6px; }
.canvas-note span { font-size: .75rem; letter-spacing: .17em; text-transform: uppercase; }
.canvas-note strong { font-family: var(--font-display), Georgia, serif; font-size: 20px; font-weight: 500; }
.canvas-caption { position: absolute; z-index: 4; right: 34px; bottom: 30px; max-width: 230px; margin: 0; color: rgba(20,42,70,.7); font-family: var(--font-display), Georgia, serif; font-size: 18px; line-height: 1.3; text-align: right; }
.app-composition { position: absolute; inset: 105px 22px 50px; }
.app-composition figure { position: absolute; top: 50%; left: 50%; width: min(32%, 260px); margin: 0; transform: translate(-50%, -50%); }
.app-composition figure:nth-child(1) { z-index: 1; transform: translate(-128%, -47%) rotate(-5deg); }
.app-composition figure:nth-child(2) { z-index: 3; width: min(38%, 310px); transform: translate(-50%, -53%); }
.app-composition figure:nth-child(3) { z-index: 2; transform: translate(28%, -47%) rotate(5deg); }
.app-composition img { width: 100%; height: auto; display: block; border: 7px solid var(--house-navy); border-radius: 28px; box-shadow: 0 30px 70px rgba(20,42,70,.28); }
.app-composition figcaption { display: none; }

.thesis-section { background: var(--paper); }
.thesis-grid { display: grid; grid-template-columns: minmax(0, 67fr) minmax(0, 33fr); align-items: end; gap: 58px; }
.thesis-grid h2, .why-grid h2, .split-copy h2, .section-heading h2, .future-grid h2, .build-section h2 { margin: 0; font-family: var(--font-display), Georgia, serif; font-size: clamp(53px, 6.4vw, 100px); font-weight: 400; line-height: .94; letter-spacing: -.04em; }
.thesis-grid h2 em, .why-grid h2 em, .split-copy h2 em, .section-heading h2 em, .future-grid h2 em, .build-section h2 em { color: var(--gold); }
.thesis-grid > p { max-width: 460px; margin: 0; color: var(--muted); font-size: 1rem; line-height: 1.85; }

.featured-section { display: grid; grid-template-columns: minmax(0, 51fr) minmax(0, 49fr); background: var(--moss); color: var(--cream); }
.featured-copy { padding: clamp(90px, 9vw, 140px) clamp(32px, 7vw, 112px); }
.featured-copy .section-label { margin-bottom: 80px; }
.featured-copy > .eyebrow { color: var(--gold); }
.featured-copy h2 { margin: 0; font-family: var(--font-display), Georgia, serif; font-size: clamp(72px, 7.8vw, 126px); font-weight: 400; line-height: .76; letter-spacing: -.05em; }
.featured-copy h3 { max-width: 560px; margin: 43px 0 20px; color: var(--family-ivory); font-family: var(--font-display), Georgia, serif; font-size: clamp(25px, 2.4vw, 39px); font-weight: 400; line-height: 1.15; }
.featured-copy > p:not(.eyebrow) { max-width: 570px; margin: 0 0 35px; color: rgba(245,239,228,.68); font-size: 1rem; line-height: 1.85; }
.featured-copy .store-links { margin-top: 32px; }
.featured-visual { min-height: 880px; position: relative; overflow: hidden; padding: 42px; display: grid; place-items: center; background: var(--divya-pearl); color: var(--ink); }
.featured-visual::before { content: ''; position: absolute; width: 520px; height: 520px; border: 1px solid rgba(18,55,42,.2); border-radius: 50%; }
.featured-visual > .eyebrow { position: absolute; top: 42px; left: 42px; }
.featured-visual img { z-index: 2; width: min(51%, 345px); height: auto; display: block; border: 8px solid var(--samah-green); border-radius: 35px; box-shadow: 0 32px 70px rgba(18,55,42,.3); transform: rotate(2deg); }
.featured-visual > p { position: absolute; z-index: 3; right: 38px; bottom: 32px; margin: 0; font-family: var(--font-display), Georgia, serif; font-size: 22px; line-height: 1.25; text-align: right; }

.why-section { background: var(--cream); }
.why-grid, .split-copy { display: grid; grid-template-columns: minmax(0, 57fr) minmax(0, 43fr); align-items: start; gap: clamp(42px, 7vw, 112px); }
.why-grid > div, .split-copy > div { padding-top: 10px; }
.why-grid p, .split-copy p { max-width: 540px; margin: 0 0 24px; color: var(--muted); font-size: 1rem; line-height: 1.85; }
.why-grid .large-copy, .split-copy .large-copy { color: var(--ink); font-family: var(--font-display), Georgia, serif; font-size: clamp(24px, 2.1vw, 34px); line-height: 1.25; }
.small-note { padding: 20px 0 0 24px; border-left: 1px solid var(--gold); }

.proof-section { background: var(--stone); }
.proof-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; }
.proof-heading h2 { margin: 0; font-family: var(--font-display), Georgia, serif; font-size: clamp(48px, 5.7vw, 90px); font-weight: 400; line-height: .9; }
.proof-grid { margin-top: 70px; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); }
.proof-grid article { min-height: 280px; padding: 34px 28px 25px 0; border-right: 1px solid var(--line); }
.proof-grid article + article { padding-left: 28px; }
.proof-grid article:last-child { border-right: 0; }
.proof-grid h3 { margin: 76px 0 12px; font-family: var(--font-display), Georgia, serif; font-size: 27px; font-weight: 500; }
.proof-grid p { max-width: 270px; margin: 0; color: var(--muted); font-size: 1rem; line-height: 1.7; }

.founder-section { min-height: 840px; display: grid; grid-template-columns: minmax(0, 47fr) minmax(0, 53fr); background: var(--house-navy); color: var(--cream); }
.founder-image { min-height: 760px; overflow: hidden; background: var(--divya-pearl); }
.founder-image img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center 23%; }
.founder-copy { padding: clamp(80px, 8vw, 130px) clamp(34px, 7vw, 112px); display: flex; flex-direction: column; justify-content: center; }
.founder-copy .section-label { margin-bottom: 70px; }
.founder-copy > .eyebrow { color: var(--gold); }
.founder-copy h2 { margin: 0 0 34px; font-family: var(--font-display), Georgia, serif; font-size: clamp(50px, 5.4vw, 86px); font-weight: 400; line-height: .91; letter-spacing: -.04em; }
.founder-copy h2 em { color: var(--gold); }
.role { margin: 25px 0 32px; color: rgba(245,239,228,.56); font-size: .875rem; font-weight: 600; letter-spacing: .17em; text-transform: uppercase; }
.founder-copy > p:not(.eyebrow) { max-width: 580px; margin: 0 0 20px; color: rgba(245,239,228,.68); font-size: 1rem; line-height: 1.85; }
.founder-copy .button { margin-top: 18px; }

.essence-section { background: var(--stone); }
.essence-heading { display: grid; grid-template-columns: minmax(0, 34fr) minmax(0, 66fr); align-items: start; gap: 40px; }
.essence-heading h2, .stay-section h2 { margin: 0; font-family: var(--font-display), Georgia, serif; font-size: clamp(54px, 6.4vw, 100px); font-weight: 400; line-height: .92; letter-spacing: -.04em; }
.essence-heading h2 em, .stay-section h2 em { color: var(--gold); }
.principles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 72px; border-top: 1px solid var(--line); }
.principles article { padding: 34px 36px 28px 0; border-right: 1px solid var(--line); }
.principles article + article { padding-left: 36px; }
.principles article:last-child { border-right: 0; }
.principles article > span { color: var(--gold); font-size: .75rem; letter-spacing: .14em; }
.principles h3 { margin: 70px 0 18px; font-family: var(--font-display), Georgia, serif; font-size: 42px; font-weight: 400; }
.principles p { max-width: 360px; margin: 0; color: var(--muted); font-size: 1rem; line-height: 1.75; }
.stay-section { text-align: center; background: var(--cream); }
.stay-section > p:not(.eyebrow) { max-width: 620px; margin: 32px auto; color: var(--muted); font-size: 1rem; line-height: 1.8; }
.stay-section .button { margin: 0 auto; }

.community-preview { background: var(--cream); }
.community-preview-grid { display: grid; grid-template-columns: minmax(0, 50fr) minmax(0, 50fr); align-items: stretch; }
.community-preview-copy { padding: 26px clamp(35px, 6vw, 96px) 40px 0; display: flex; flex-direction: column; justify-content: center; }
.community-preview-copy > .eyebrow { color: var(--gold); }
.community-preview-copy h2 { margin: 0; font-family: var(--font-display), Georgia, serif; font-size: clamp(60px, 6.7vw, 106px); font-weight: 400; line-height: .83; letter-spacing: -.045em; }
.community-preview-copy h2 em { color: var(--gold); }
.winner-name { margin: 42px 0 24px; padding: 20px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.winner-name span { color: var(--gold); font-size: .75rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.winner-name h3 { margin: 7px 0 0; font-family: var(--font-display), Georgia, serif; font-size: 31px; font-weight: 500; }
.community-preview-copy > p:not(.eyebrow) { max-width: 520px; margin: 0 0 28px; color: var(--muted); font-size: 1rem; line-height: 1.8; }
.community-preview-art { position: relative; min-height: 720px; overflow: hidden; background: var(--stone); }
.community-preview-art img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center top; transition: transform .5s ease; }
.community-preview-art:hover img { transform: scale(1.015); }
.community-preview-art span { position: absolute; right: 0; bottom: 0; padding: 18px 22px; background: var(--ink); color: var(--cream); font-size: .75rem; letter-spacing: .15em; text-transform: uppercase; }

.future-section { background: var(--wine); color: var(--cream); }
.future-grid { display: grid; grid-template-columns: minmax(0, 58fr) minmax(0, 42fr); align-items: start; gap: 70px; }
.future-grid h2 em { color: var(--gold); }
.future-grid > div > p { max-width: 520px; margin: 10px 0 38px; color: rgba(245,239,228,.68); font-size: 1rem; line-height: 1.85; }
.future-concept { margin-bottom: 38px; padding: 28px 0; border-top: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2); }
.future-concept .status-label { color: var(--gold); }
.future-concept h3 { margin: 28px 0 10px; font-family: var(--font-display), Georgia, serif; font-size: 39px; font-weight: 500; }
.future-concept p { margin: 0; color: rgba(245,239,228,.62); font-size: 1rem; line-height: 1.75; }
.build-section { display: grid; grid-template-columns: minmax(0, 55fr) minmax(0, 45fr); gap: 70px; background: var(--paper); }
.build-copy > p { max-width: 540px; margin: 8px 0 34px; color: var(--muted); font-size: 1rem; line-height:1.85; }
.pathway-tags { margin-bottom: 40px; display: flex; flex-wrap: wrap; gap: 8px; }
.pathway-tags span { padding: 10px 12px; border: 1px solid var(--line); font-size: .75rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }

.page-hero { min-height: 620px; display: flex; flex-direction: column; justify-content: center; background: var(--cream); }
.page-hero .eyebrow { color: var(--gold); }
.page-hero h1 { max-width: 1200px; margin: 0; font-family: var(--font-display), Georgia, serif; font-size: clamp(66px, 9vw, 145px); font-weight: 400; line-height: .84; letter-spacing: -.05em; }
.page-hero h1 em { color: var(--gold); }
.page-hero > p:last-child { max-width: 650px; margin: 40px 0 0 auto; color: var(--muted); font-family: var(--font-display), Georgia, serif; font-size: clamp(20px, 2vw, 30px); line-height: 1.4; }

.product-hero { min-height: calc(100svh - 88px); display: grid; grid-template-columns: minmax(0, 50fr) minmax(0, 50fr); background: var(--cream); }
.product-hero > div:first-child { padding: clamp(80px, 8vw, 130px) clamp(30px, 7vw, 112px); display: flex; flex-direction: column; justify-content: center; }
.product-hero h1 { margin: 0; font-family: var(--font-display), Georgia, serif; font-size: clamp(75px, 8vw, 130px); font-weight: 400; line-height: 1.05; letter-spacing: -.05em; }
.product-hero h1 em { color: var(--samah-green); }
.product-hero h2 { max-width: 600px; margin: 42px 0 18px; font-family: var(--font-display), Georgia, serif; font-size: clamp(27px, 2.6vw, 42px); font-weight: 400; line-height: 1.15; }
.product-hero > div:first-child > p:not(.eyebrow) { max-width: 590px; margin: 0; color: var(--muted); font-size: 1rem; line-height: 1.8; }
.availability { margin-top: 16px; color: var(--muted); font-size: .75rem; letter-spacing: .14em; text-transform: uppercase; }
.product-hero-visual { min-height: 780px; position: relative; overflow: hidden; background: radial-gradient(circle at 20% 80%, rgba(18,55,42,.18), transparent 30%), linear-gradient(145deg, var(--family-ivory), var(--divya-pearl)); }
.product-intro { background: var(--paper); }
.screens-section { background: var(--moss); color: var(--cream); }
.section-heading { display: grid; grid-template-columns: minmax(0, 67fr) minmax(0, 33fr); align-items: end; gap: 45px; }
.section-heading h2 em { color: var(--gold); }
.section-heading > p { max-width: 400px; margin: 0 0 8px; color: rgba(245,239,228,.66); font-size: 1rem; line-height: 1.8; }
.screen-gallery { margin-top: 80px; display: grid; grid-template-columns: repeat(3, 1fr); align-items: start; gap: clamp(24px, 4vw, 66px); }
.screen-gallery figure { margin: 0; }
.screen-gallery figure:nth-child(2) { margin-top: 90px; }
.screen-gallery img { width: 100%; height: auto; display: block; border: 7px solid var(--samah-green); border-radius: 28px; box-shadow: 0 24px 56px rgba(18,55,42,.28); }
.screen-gallery figcaption { margin-top: 18px; color: rgba(245,239,228,.55); font-size: .75rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.features-section { background: var(--stone); }
.features-section .section-heading > p { color: var(--muted); }
.feature-grid { margin-top: 72px; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }
.feature-grid article { min-height: 280px; padding: 38px clamp(22px, 3.4vw, 52px) 34px 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.feature-grid article:nth-child(3n+2), .feature-grid article:nth-child(3n+3) { padding-left: clamp(22px, 3.4vw, 52px); }
.feature-grid article:nth-child(3n) { border-right: 0; }
.feature-grid h3 { margin: 70px 0 14px; font-family: var(--font-display), Georgia, serif; font-size: 29px; font-weight: 500; }
.feature-grid p { max-width: 330px; margin: 0; color: var(--muted); font-size: 1rem; line-height: 1.75; }
.product-community { display: grid; grid-template-columns: minmax(0, 45fr) minmax(0, 55fr); align-items: center; gap: 80px; background: var(--cream); }
.product-community h2, .download-section h2, .about-founder h2, .name-story h2, .house-structure > h2, .winner-heading h2, .community-invitation h2, .journal-empty h2, .journal-contact h2, .connect-intro h2 { margin: 0; font-family: var(--font-display), Georgia, serif; font-size: clamp(54px, 6vw, 96px); font-weight: 400; line-height: .9; letter-spacing: -.04em; }
.product-community h2 em, .download-section h2 em, .about-founder h2 em, .name-story h2 em, .house-structure > h2 em, .winner-heading h2 em, .community-invitation h2 em, .journal-empty h2 em, .journal-contact h2 em, .connect-intro h2 em { color: var(--gold); }
.product-community > div > p:not(.eyebrow) { max-width: 500px; margin: 32px 0; color: var(--muted); font-size: 1rem; line-height: 1.8; }
.product-community > a { max-height: 800px; overflow: hidden; background: var(--stone); }
.product-community img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: top; }
.download-section { background: var(--samah-green); color: var(--cream); text-align: center; }
.download-section h2 em { color: var(--gold); }
.download-section > p:not(.eyebrow) { color: rgba(245,239,228,.67); }
.download-section .store-links { justify-content: center; }
.download-help { margin-top: 58px; display: flex; align-items: center; justify-content: center; gap: 20px; font-size: .875rem; }

.about-thesis { background: var(--paper); }
.about-founder { display: grid; grid-template-columns: minmax(0, 48fr) minmax(0, 52fr); background: var(--house-navy); color: var(--cream); }
.about-founder-photo { min-height: 780px; }
.about-founder-photo img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center 22%; }
.about-founder-copy { padding: clamp(80px, 8vw, 130px) clamp(34px, 7vw, 112px); display: flex; flex-direction: column; justify-content: center; }
.about-founder h2 em { color: var(--gold); }
.about-founder-copy .large-copy { margin: 42px 0 22px; color: var(--gold); font-family: var(--font-display), Georgia, serif; font-size: 28px; }
.about-founder-copy > p:not(.eyebrow):not(.large-copy) { max-width: 580px; margin: 0 0 22px; color: rgba(245,239,228,.67); font-size: 1rem; line-height: 1.85; }
.name-story { background: var(--stone); }
.name-story-grid { display: grid; grid-template-columns: minmax(0, 45fr) minmax(0, 55fr); align-items: center; gap: 80px; }
.name-mark { font-family: var(--font-display), Georgia, serif; font-size: clamp(76px, 10vw, 150px); letter-spacing: -.03em; }
.name-mark span { color: var(--gold); }
.name-story-grid > div:last-child p { max-width: 560px; margin: 28px 0 0; color: var(--muted); font-size: 1rem; line-height: 1.85; }
.house-structure { background: var(--cream); }
.structure-list { margin-top: 72px; border-top: 1px solid var(--line); }
.structure-list article { padding: 34px 0; display: grid; grid-template-columns: minmax(0, 24fr) minmax(0, 76fr); border-bottom: 1px solid var(--line); }
.structure-list h3 { margin: 0 0 10px; font-family: var(--font-display), Georgia, serif; font-size: clamp(29px, 3vw, 44px); font-weight: 500; }
.structure-list p { max-width: 650px; margin: 0 0 18px; color: var(--muted); font-size: 1rem; line-height: 1.75; }
.status-label.future { color: var(--mitra-plum); }

.community-page-hero { background: var(--family-ivory); }
.winner-section { background: var(--cream); }
.winner-heading { display: grid; grid-template-columns: minmax(0, 70fr) minmax(0, 30fr); align-items: end; gap: 48px; padding-bottom: 55px; border-bottom: 1px solid var(--line); }
.winner-heading > div .eyebrow { color: var(--gold); }
.winner-heading > p { max-width: 330px; margin: 0; color: var(--muted); font-family: var(--font-display), Georgia, serif; font-size: 20px; line-height: 1.4; }
.winner-layout { padding: 74px 0 100px; display: grid; grid-template-columns: minmax(0, 33fr) minmax(0, 67fr); align-items: start; gap: clamp(32px, 5vw, 80px); }
.winner-profile h3 { margin: 0; font-family: var(--font-display), Georgia, serif; font-size: clamp(49px, 5vw, 78px); font-weight: 400; line-height: .92; }
.winner-profile > p:not(.eyebrow) { margin: 28px 0; color: var(--muted); font-size: 1rem; line-height: 1.8; }
.winner-honors { margin-bottom: 46px; display: flex; flex-wrap: wrap; gap: 7px; }
.winner-honors span { padding: 8px 10px; border: 1px solid var(--line); font-size: .75rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.winner-section figure { margin: 0; }
.winner-section figure > a { display: block; overflow: hidden; }
.winner-section figure img { width: 100%; height: auto; display: block; transition: transform .45s ease; }
.winner-section figure a:hover img { transform: scale(1.012); }
.winner-sketch, .winner-board, .recognition-grid figure { padding: 14px; background: var(--divya-pearl); }
.winner-sketch figcaption, .winner-board figcaption, .recognition-grid figcaption { padding: 14px 2px 1px; color: var(--muted); font-size: .75rem; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.winner-board { padding: clamp(14px, 2vw, 30px); border: 1px solid var(--line); }
.winner-board figcaption { display: flex; justify-content: space-between; gap: 20px; }
.recognition-grid { padding-top: 72px; display: grid; grid-template-columns: 1fr .85fr 1.4fr; align-items: center; gap: clamp(28px, 4vw, 62px); border-top: 1px solid var(--line); }
.recognition-grid > div h3 { margin: 0; font-family: var(--font-display), Georgia, serif; font-size: clamp(37px, 4vw, 61px); font-weight: 400; line-height: .95; }
.recognition-grid > div h3 em { color: var(--gold); }
.recognition-grid > div > p:last-child { color: var(--muted); font-size: 1rem; line-height: 1.75; }
.community-invitation { background: var(--stone); text-align: center; }
.community-invitation > p:not(.eyebrow) { max-width: 620px; margin: 32px auto; color: var(--muted); font-size: 1rem; line-height: 1.85; }
.community-invitation .button { margin: auto; }

.journal-hero { background: var(--family-ivory); }
.journal-section { min-height: 700px; display: grid; grid-template-columns: minmax(0, 65fr) minmax(0, 35fr); gap: 70px; background: var(--cream); }
.journal-empty { align-self: center; }
.journal-empty h2 { margin-top: 34px; }
.journal-empty > p { max-width: 560px; margin: 30px 0; color: var(--muted); font-size: 1rem; line-height: 1.8; }
.journal-topics { align-self: center; padding-left: 50px; border-left: 1px solid var(--line); display: flex; flex-direction: column; }
.journal-topics span { padding: 17px 0; border-bottom: 1px solid var(--line); font-family: var(--font-display), Georgia, serif; font-size: 23px; }
.journal-contact { background: var(--house-navy); color: var(--cream); text-align: center; }
.journal-contact h2 em { color: var(--gold); }
.journal-contact > p { max-width: 500px; margin: 30px auto; color: rgba(245,239,228,.65); font-size: 1rem; line-height: 1.8; }
.journal-contact .button { margin: auto; background: var(--cream); color: var(--ink); }

.connect-hero { background: var(--family-ivory); }
.connect-section { display: grid; grid-template-columns: minmax(0, 46fr) minmax(0, 54fr); gap: clamp(50px, 8vw, 125px); background: var(--cream); }
.connect-intro > p:not(.eyebrow) { max-width: 540px; margin: 30px 0; color: var(--muted); font-size: 1rem; line-height: 1.8; }
.connect-intro ul { margin: 36px 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.connect-intro li { padding: 14px 0; border-bottom: 1px solid var(--line); font-family: var(--font-display), Georgia, serif; font-size: 20px; }
.contact-email { width: fit-content; padding-bottom: 7px; display: flex; align-items: center; gap: 18px; border-bottom: 1px solid; font-size: 1rem; }
.contact-form { padding: clamp(32px, 4vw, 62px); display: flex; flex-direction: column; gap: 28px; background: var(--paper); border: 1px solid var(--line); }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.contact-form label { display: flex; flex-direction: column; gap: 10px; font-size: .875rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.contact-form label > span { color: var(--muted); font-weight: 400; }
.contact-form input, .contact-form select, .contact-form textarea { width: 100%; padding: 13px 0; background: transparent; border: 0; border-bottom: 1px solid rgba(20,42,70,.32); border-radius: 0; color: var(--ink); font-size: 1rem; letter-spacing: 0; outline: 0; text-transform: none; }
.contact-form textarea { padding: 14px; border: 1px solid rgba(20,42,70,.32); resize: vertical; }
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { border-color: var(--gold); box-shadow: 0 2px 0 var(--gold); }
.form-note { margin: -8px 0 0; color: var(--muted); font-size: .875rem; line-height: 1.6; }

.site-footer { padding: 80px clamp(24px, 7vw, 112px) 26px; background: var(--house-navy); color: rgba(245,239,228,.82); }
.footer-top { padding-bottom: 58px; display: flex; align-items: start; justify-content: space-between; gap: 45px; border-bottom: 1px solid rgba(255,255,255,.15); }
.footer-brand { width: min(350px, 43vw); filter: invert(1) sepia(.1) saturate(.2) brightness(1.8); }
.footer-brand img { width: 100%; display: block; }
.footer-top > p { margin: 0; color: var(--gold); font-family: var(--font-display), Georgia, serif; font-size: 24px; line-height: 1.25; }
.footer-columns { padding: 58px 0; display: grid; grid-template-columns: 2fr 1fr 1.2fr 1fr; gap: 60px; }
.footer-columns > div { display: flex; flex-direction: column; gap: 12px; }
.footer-note p { max-width: 330px; margin: 0 0 16px; color: rgba(245,239,228,.61); font-family: var(--font-display), Georgia, serif; font-size: 20px; line-height: 1.45; }
.footer-note span, .footer-label { margin-bottom: 8px; color: rgba(245,239,228,.62); font-size: .75rem; letter-spacing: .16em; text-transform: uppercase; }
.footer-columns a { width: fit-content; font-family: var(--font-display), Georgia, serif; font-size: 17px; }
.footer-columns a:hover { color: var(--gold); }
.footer-base { padding-top: 23px; display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.15); color: rgba(245,239,228,.62); font-size: .75rem; letter-spacing: .13em; text-transform: uppercase; }

@media (max-width: 1100px) {
  .desktop-nav { display: none; }
  .mobile-nav { display: block; }
  .home-hero, .product-hero { grid-template-columns: 1fr; }
  .hero-copy { min-height: 670px; }
  .hero-canvas, .product-hero-visual { min-height: 760px; }
  .thesis-grid, .future-grid, .build-section, .section-heading { grid-template-columns: 1fr; }
  .thesis-grid > p { margin-left: auto; }
  .featured-section { grid-template-columns: 1fr; }
  .featured-visual { min-height: 760px; }
  .founder-section, .about-founder { grid-template-columns: minmax(0, 45fr) minmax(0, 55fr); }
  .community-preview-grid { grid-template-columns: minmax(0, 46fr) minmax(0, 54fr); }
  .product-community { grid-template-columns: 1fr 1fr; gap: 45px; }
  .recognition-grid { grid-template-columns: 1fr 1fr; }
  .recognition-grid > div { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  .site-header { height: 76px; }
  .mobile-nav nav { top: 75px; }
  .brand { width: 205px; }
  .section-pad { padding: 82px 24px; }
  .home-hero { min-height: auto; }
  .hero-copy { min-height: 660px; padding: 95px 24px 82px; }
  .hero-copy h1 { font-size: clamp(54px, 16vw, 78px); }
  .hero-actions { align-items: flex-start; flex-direction: column; }
  .hero-canvas, .product-hero-visual { min-height: 590px; }
  .canvas-note { top: 24px; left: 24px; }
  .canvas-caption { right: 24px; bottom: 22px; }
  .app-composition { inset: 85px 2px 40px; }
  .app-composition figure { width: 38%; }
  .app-composition figure:nth-child(1) { transform: translate(-112%, -45%) rotate(-5deg); }
  .app-composition figure:nth-child(2) { width: 46%; }
  .app-composition figure:nth-child(3) { transform: translate(12%, -45%) rotate(5deg); }
  .app-composition img { border-width: 5px; border-radius: 21px; }
  .thesis-grid, .why-grid, .split-copy, .founder-section, .about-founder, .community-preview-grid, .product-community, .name-story-grid, .winner-heading, .winner-layout, .journal-section, .connect-section { grid-template-columns: 1fr; }
  .thesis-grid h2, .why-grid h2, .split-copy h2, .future-grid h2, .build-section h2 { font-size: 51px; }
  .featured-copy { padding: 82px 24px; }
  .featured-copy .section-label { margin-bottom: 58px; }
  .featured-copy h2 { font-size: 75px; }
  .featured-visual { min-height: 650px; padding: 24px; }
  .featured-visual > .eyebrow { top: 28px; left: 24px; }
  .featured-visual img { width: 58%; border-width: 6px; }
  .featured-visual > p { right: 24px; bottom: 24px; }
  .proof-heading { align-items: flex-start; flex-direction: column; }
  .proof-grid, .feature-grid { grid-template-columns: 1fr; }
  .proof-grid article, .proof-grid article + article, .feature-grid article, .feature-grid article:nth-child(3n+2), .feature-grid article:nth-child(3n+3) { min-height: auto; padding: 30px 0 36px; border-right: 0; border-bottom: 1px solid var(--line); }
  .proof-grid h3, .feature-grid h3 { margin-top: 38px; }
  .founder-image, .about-founder-photo { min-height: 570px; }
  .founder-copy, .about-founder-copy { padding: 82px 24px; }
  .essence-heading, .principles { grid-template-columns: 1fr; }
  .essence-heading { gap: 20px; }
  .principles article, .principles article + article { padding: 32px 0 38px; border-right: 0; border-bottom: 1px solid var(--line); }
  .principles article:last-child { border-bottom: 0; }
  .principles h3 { margin-top: 32px; }
  .community-preview-copy { padding: 0 0 55px; }
  .community-preview-art { min-height: 620px; }
  .page-hero { min-height: 570px; }
  .page-hero h1 { font-size: clamp(58px, 15vw, 86px); }
  .page-hero > p:last-child { margin-left: 0; }
  .product-hero > div:first-child { padding: 88px 24px; }
  .product-hero h1 { font-size: clamp(60px, 20vw, 78px); }
  .store-links { flex-direction: column; }
  .store-links > a { width: 100%; }
  .screen-gallery { margin-top: 55px; grid-template-columns: 1fr; gap: 45px; }
  .screen-gallery figure, .screen-gallery figure:nth-child(2) { width: min(78%, 390px); margin: 0 auto; }
  .screen-gallery figure:nth-child(2) { margin-left: 0; }
  .screen-gallery figure:nth-child(3) { margin-right: 0; }
  .product-community > a { max-height: none; }
  .name-mark { font-size: 80px; }
  .structure-list article { grid-template-columns: 1fr; gap: 22px; }
  .winner-heading { gap: 24px; }
  .winner-layout { padding: 52px 0 66px; }
  .winner-sketch { max-width: 430px; }
  .winner-board figcaption { flex-direction: column; }
  .recognition-grid { grid-template-columns: 1fr; }
  .recognition-grid > div { grid-column: auto; }
  .journal-topics { padding: 45px 0 0; border-left: 0; border-top: 1px solid var(--line); }
  .form-row { grid-template-columns: 1fr; }
  .contact-form { padding: 32px 22px; }
  .footer-top { flex-direction: column; }
  .footer-brand { width: 270px; max-width: 100%; }
  .footer-columns { grid-template-columns: 1fr 1fr; gap: 48px 30px; }
  .footer-note { grid-column: 1 / -1; }
  .footer-base { flex-direction: column; gap: 10px; }
}

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

/* Portable preview refinements */
:root { --font-display: 'Cormorant Garamond'; --font-sans: 'Manrope'; }
.screen-gallery { grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px 32px; }
.screen-gallery figure, .screen-gallery figure:nth-child(2) { width:100%; margin:0; }
.screen-gallery img { height:490px; object-fit:contain; background:var(--samah-green); }
.screen-gallery figcaption { text-transform:none; letter-spacing:0; color:var(--family-ivory); }
.screen-gallery figcaption h3 { font-family:var(--font-display),Georgia,serif; font-size:30px; margin:18px 0 10px; }
.screen-gallery figcaption p { font-size:15px; font-weight:400; line-height:1.7; color:rgba(245,239,228,.8); margin:0; }
.recognition-grid { grid-template-columns:1fr 1.5fr; }
@media(max-width:1000px) { .screen-gallery {grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:600px) { .screen-gallery {grid-template-columns:1fr;} .screen-gallery figure,.screen-gallery figure:nth-child(2),.screen-gallery figure:nth-child(3) {width:100%; margin:0;} .screen-gallery img {height:auto; max-height:650px;} .recognition-grid {grid-template-columns:1fr;} }

.hero-specific {max-width:590px; font-size:16px; line-height:1.8; margin:26px 0 0; color:var(--muted);}
.company-facts {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:32px clamp(24px,7vw,112px);background:var(--house-navy);color:var(--family-ivory);}
.company-facts div {display:flex;flex-direction:column;gap:10px;}
.company-facts span {font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--family-gold);}
.company-facts strong {font-size:16px;font-weight:500;}
.winner-prize {font-weight:600;}
@media(max-width:760px){.company-facts{grid-template-columns:1fr 1fr;gap:28px 16px;}.hero-copy{min-height:auto;}}
.legal-copy{max-width:850px;margin:auto;line-height:1.85;padding:60px 24px;}.legal-copy h1,.legal-copy h2,.legal-copy h3{line-height:1.2;margin-top:36px;}
.samah-milestones{background:var(--samah-green);color:var(--family-ivory);}
.samah-milestones .eyebrow,.milestone-grid strong{color:var(--family-gold);}
.milestone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:48px 0 32px;}
.milestone-grid article{border-top:1px solid rgba(245,239,228,.3);padding-top:24px;}
.milestone-grid strong{font-family:var(--font-display),Georgia,serif;font-size:72px;font-weight:500;line-height:1.1;}
.milestone-grid h3{font-size:21px;margin:16px 0 10px;}
.milestone-grid p,.milestone-note{font-size:14px;line-height:1.8;}
.milestone-note{max-width:850px;opacity:.85;}
@media(max-width:700px){.milestone-grid{grid-template-columns:1fr;gap:28px;}.milestone-grid strong{font-size:60px;}}

/* SEO education additions: scoped to new content; existing styles preserved. */
.seo-section { border-top:1px solid var(--line); }
.seo-section > p:not(.eyebrow), .seo-section dd { max-width:760px; color:var(--muted); line-height:1.85; }
.seo-section h2 { font-family:var(--font-display),Georgia,serif; font-weight:400; font-size:clamp(44px,5vw,64px); line-height:1.05; margin:0 0 32px; } .seo-section h2 em { color:var(--gold); }
.seo-section dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 48px; max-width:1000px; margin:40px 0 0; }
.seo-section dt { font-family:var(--font-display),Georgia,serif; font-size:30px; padding-top:22px; border-top:1px solid var(--line); }
.seo-section dd { margin:10px 0 30px; }
.seo-section dt:nth-of-type(1) { grid-column:1;grid-row:1; }
.seo-section dd:nth-of-type(1) { grid-column:1;grid-row:2; }
.seo-section dt:nth-of-type(2) { grid-column:2;grid-row:1; }
.seo-section dd:nth-of-type(2) { grid-column:2;grid-row:2; }
.seo-section dt:nth-of-type(3) { grid-column:1;grid-row:3; }
.seo-section dd:nth-of-type(3) { grid-column:1;grid-row:4; }
.seo-section dt:nth-of-type(4) { grid-column:2;grid-row:3; }
.seo-section dd:nth-of-type(4) { grid-column:2;grid-row:4; }
.seo-section h3 { font-family:var(--font-display),Georgia,serif; font-weight:500; font-size:30px; margin:36px 0 12px; }
.croquis-guide { max-width:1100px; margin:auto; }
.croquis-guide h1 { font-family:var(--font-display),Georgia,serif; font-weight:400; font-size:clamp(44px,6vw,82px); line-height:1.05; margin:24px 0 40px; }
.croquis-guide h1 em { color:var(--gold); }
.croquis-guide h2 { font-family:var(--font-display),Georgia,serif; font-size:clamp(30px,4vw,44px); line-height:1.15; margin:52px 0 20px; }
.croquis-guide p,.croquis-guide li { line-height:1.85; color:var(--muted); }
.croquis-guide li { padding:0 0 18px 8px; }
.croquis-guide ol { padding-left:24px; }
.croquis-guide a { text-decoration:underline; text-underline-offset:4px; color:var(--ink); }
.croquis-guide img { display:block; width:min(100%,330px); height:auto; margin:36px auto; border:1px solid var(--line); }
@media(max-width:600px) { .seo-section dl { display:block; } .seo-section h2 { font-size:44px; } .seo-section .text-link { display:inline; overflow-wrap:anywhere; } }

/* Final Preview refinements: authentic guide visuals and House thread motif. */
.house-thread { display:block; width:min(100%,760px); height:auto; margin:40px auto -20px; }
.guide-screenshot { margin:24px 0; }
.croquis-guide .guide-screenshot img { width:100%; max-width:280px; height:auto; margin:0 auto; border-radius:4px; }
.guide-screenshot figcaption { max-width:280px; margin:12px auto 0; font-size:13px; line-height:1.6; color:var(--muted); }
.guide-intro-image { width:min(100%,280px); margin:36px auto 48px; }
.croquis-guide li.guide-visual-tip { display:list-item; position:relative; min-height:655px; padding-right:320px; padding-top:20px; margin:12px 0 24px; border-top:1px solid var(--line); }
.guide-visual-tip .guide-screenshot { position:absolute; right:0; top:20px; width:260px; margin:0; }
@media(max-width:700px) { .croquis-guide li.guide-visual-tip { min-height:0; padding-right:0; } .guide-visual-tip .guide-screenshot { position:static; width:min(100%,280px); margin:24px auto; } .house-thread { margin:24px auto 0; } }

/* Founder journey: October 2026 refinement */
.founder-journey ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:40px}
.founder-journey li{border-top:1px solid var(--gold);padding-top:22px}
.founder-journey strong{color:var(--ink);font-size:14px;letter-spacing:.06em}
.founder-journey h3{font-size:25px;line-height:1.2;margin:18px 0 12px}
.founder-journey p{line-height:1.7}
.founder-journey .section-label span{width:auto;height:auto;border:0;border-radius:0;flex-shrink:0;white-space:nowrap}
.founder-journey h2{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(40px,5vw,68px);line-height:1.1}
.founder-journey h2 em{color:var(--gold)}
@media(max-width:900px){.founder-journey ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.founder-journey ol{grid-template-columns:1fr}}

/* Final founder privacy and heritage refinement */
.about-founder{background:#142A46}
.about-founder-photo{align-self:start;background:var(--paper)}
.about-founder-photo img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.about-founder-copy p{line-height:1.75}
.founder-philosophy{border-top:1px solid var(--line)}
.founder-philosophy blockquote{margin:36px 0;max-width:850px;font-family:var(--font-display),Georgia,serif;font-size:clamp(24px,3vw,38px);line-height:1.45;font-weight:400}
.founder-philosophy blockquote p{margin:0 0 24px}
.philosophy-attribution{line-height:1.7;font-size:14px}
.philosophy-context{max-width:680px;font-size:14px;line-height:1.7;color:var(--muted);margin-top:24px}

.about-founder-photo{min-height:0;background:#142A46}