:root {
  --ink: #071923;
  --ink-2: #102d37;
  --paper: #f6f2e9;
  --paper-2: #ede5d7;
  --gold: #d6ad55;
  --gold-2: #f0cf82;
  --mint: #9ed8c2;
  --white: #fffdf8;
  --muted: #617078;
  --line: rgba(7, 25, 35, .14);
  --shadow: 0 26px 70px rgba(7, 25, 35, .16);
  --radius: 24px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
img, svg { max-width: 100%; }
.shell { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.section-pad { padding: 110px 0; }
.noise { position: fixed; inset: 0; pointer-events: none; z-index: 100; opacity: .035; 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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }

.topbar { position: sticky; top: 0; z-index: 50; background: rgba(246,242,233,.88); border-bottom: 1px solid var(--line); backdrop-filter: blur(18px); }
.nav-shell { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 850; letter-spacing: -.04em; font-size: 1.12rem; }
.brand-text span { color: #997523; }
.brand-gem { width: 34px; aspect-ratio: 1; display: grid; place-items: center; color: var(--ink); background: linear-gradient(135deg,var(--gold-2),var(--gold)); border-radius: 10px; transform: rotate(45deg); box-shadow: 0 8px 24px rgba(214,173,85,.3); }
.brand-gem > * { transform: rotate(-45deg); }
.nav { display: flex; align-items: center; gap: 25px; font-size: .9rem; font-weight: 650; }
.nav a:not(.pill):hover { color: #8c681a; }
.menu-btn { display: none; border: 0; background: transparent; padding: 8px; }
.menu-btn span { display: block; width: 24px; height: 2px; margin: 5px 0; background: var(--ink); }

.pill { display: inline-flex; justify-content: center; align-items: center; min-height: 48px; padding: 0 22px; border: 1px solid transparent; border-radius: 999px; font-weight: 800; line-height: 1.2; transition: transform .2s, box-shadow .2s, background .2s; cursor: pointer; }
.pill:hover { transform: translateY(-2px); }
.pill-dark { color: white; background: var(--ink); }
.pill-gold { color: var(--ink); background: linear-gradient(135deg,var(--gold-2),var(--gold)); box-shadow: 0 12px 30px rgba(214,173,85,.24); }
.pill-ghost { border-color: rgba(255,255,255,.3); color: white; }
.pill-outline-dark { border-color: var(--ink); }

.hero { position: relative; padding: 105px 0 40px; color: white; background: radial-gradient(circle at 70% 20%,#174b50 0,transparent 38%), linear-gradient(135deg,#061821,#0b2b34 75%,#071923); overflow: hidden; }
.hero-aura { position: absolute; border-radius: 50%; filter: blur(3px); opacity: .45; }
.aura-one { width: 440px; height: 440px; right: -100px; top: -160px; border: 1px solid rgba(240,207,130,.35); }
.aura-two { width: 280px; height: 280px; left: -80px; bottom: 0; background: rgba(74,170,147,.12); }
.hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 76px; position: relative; z-index: 1; }
.signal { display: inline-flex; align-items: center; gap: 10px; color: var(--gold-2); text-transform: uppercase; letter-spacing: .16em; font-size: .74rem; font-weight: 800; }
.signal-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 7px rgba(158,216,194,.12); }
.hero h1 { font-family: Georgia, "Times New Roman", serif; font-size: clamp(3.1rem,6vw,6.1rem); line-height: .96; letter-spacing: -.055em; margin: 28px 0; font-weight: 500; }
.hero h1 em, h2 em { color: var(--gold-2); font-style: italic; }
.hero-intro { max-width: 650px; font-size: 1.18rem; color: rgba(255,255,255,.76); }
.hero-cta { display: flex; flex-wrap: wrap; gap: 12px; margin: 34px 0; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 20px; color: rgba(255,255,255,.65); font-size: .82rem; }
.hero-proof span::before { content: "✓"; color: var(--mint); margin-right: 7px; }
.hero-visual { position: relative; min-height: 555px; display: grid; place-items: center; }
.orbit { position: absolute; border: 1px solid rgba(240,207,130,.22); border-radius: 50%; }
.orbit-a { width: 510px; height: 510px; }
.orbit-b { width: 390px; height: 390px; }
.snapshot-window { position: relative; z-index: 2; width: min(100%,455px); padding: 27px; color: var(--ink); border-radius: 26px; background: rgba(255,253,248,.96); box-shadow: 0 40px 100px rgba(0,0,0,.35); transform: rotate(1.5deg); }
.window-top, .score-zone, .sheet-hero, .product-sheet header, .product-sheet footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.window-top { padding-bottom: 19px; border-bottom: 1px solid var(--line); }
.micro-label, .eyebrow, .tiny-label, .insight-type, .founder-kicker { display: block; font-size: .7rem; line-height: 1.3; letter-spacing: .16em; text-transform: uppercase; font-weight: 850; }
.window-top h2, .score-copy h3 { margin: 4px 0 0; }
.window-id { color: var(--muted); font-size: .72rem; }
.score-zone { padding: 25px 0; }
.score-ring, .big-score { width: 102px; aspect-ratio: 1; border-radius: 50%; display: grid; place-items: center; border: 8px solid var(--gold); font-size: 2.25rem; font-weight: 900; }
.score-copy { flex: 1; }
.score-copy p { margin: 4px 0 0; color: var(--muted); font-size: .86rem; }
.mini-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.metric, .priority { padding: 13px; border-radius: 14px; background: #efe9dd; }
.metric { display: flex; justify-content: space-between; }
.priority { margin-top: 12px; background: var(--ink); color: white; }
.floating-tag { position: absolute; z-index: 3; padding: 8px 13px; border-radius: 999px; background: white; color: var(--ink); box-shadow: var(--shadow); font-size: .72rem; font-weight: 800; }
.tag-one { top: 9%; right: -2%; }.tag-two { bottom: 18%; left: -3%; }.tag-three { bottom: 4%; right: 7%; }
.trust-strip { margin-top: 65px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.14); display: flex; justify-content: space-between; gap: 20px; color: rgba(255,255,255,.68); font-size: .85rem; }

.eyebrow { color: #957126; }
.eyebrow-light { color: var(--gold-2); }.eyebrow-dark { color: var(--ink); }
.section-head { margin-bottom: 48px; }.split-head { display: grid; grid-template-columns: 1.2fr .8fr; gap: 60px; align-items: end; }
.centered { text-align: center; max-width: 760px; margin-inline: auto; }
h2 { font-family: Georgia,"Times New Roman",serif; font-size: clamp(2.35rem,4.5vw,4.4rem); line-height: 1.04; letter-spacing: -.045em; margin: 12px 0 18px; font-weight: 500; }
h3 { line-height: 1.18; letter-spacing: -.025em; }
.lead { font-size: 1.12rem; color: var(--muted); }

.bento { display: grid; grid-template-columns: repeat(12,1fr); gap: 18px; }
.bento-card { position: relative; padding: 32px; border-radius: var(--radius); min-height: 260px; overflow: hidden; }
.bento-main { grid-column: span 7; background: var(--ink); color: white; }
.bento-soft { grid-column: span 5; background: #e7dfd0; }
.bento-outline { grid-column: span 5; border: 1px solid var(--line); }
.bento-gold { grid-column: span 7; background: linear-gradient(135deg,var(--gold-2),var(--gold)); }
.bento-ecosystem { min-height: 520px; }
.card-index { position: absolute; top: 24px; right: 26px; color: rgba(130,120,100,.5); font-weight: 900; }
.quote-mark { font-size: 8rem; line-height: .5; color: var(--gold); opacity: .5; }
.visibility-ecosystem { display: grid; gap: 11px; margin-top: 24px; }
.eco-brand,.eco-stage,.eco-anchor,.eco-ai { padding: 13px; border-radius: 14px; background: rgba(255,255,255,.62); }
.eco-chips,.platform-cloud { display: flex; flex-wrap: wrap; gap: 8px; }
.eco-chips span,.platform-cloud span { padding: 7px 10px; border: 1px solid var(--line); border-radius: 999px; font-size: .74rem; }
.ai-line { display: flex; gap: 7px; margin-top: 45px; }.ai-line span { height: 4px; flex: 1; background: var(--gold); }
.mid-cta,.direct-exchange-strip { margin-top: 35px; padding: 28px; border: 1px solid var(--line); border-radius: var(--radius); display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.platforms-section { padding: 90px 0; background: #dcd4c6; }
.platforms-head { max-width: 900px; }
.platform-cloud { margin: 35px 0; }.platform-cloud span { background: rgba(255,255,255,.48); font-size: .9rem; padding: 10px 15px; }
.platform-message { max-width: 720px; font-size: 1.2rem; }

.snapshot-section { background: var(--white); }
.snapshot-layout,.snapshot-form-wrap,.about-grid,.resources-grid,.faq-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.clean-list { list-style: none; padding: 0; margin: 28px 0; }.clean-list li { padding: 12px 0 12px 28px; border-bottom: 1px solid var(--line); position: relative; }.clean-list li::before { content:"✓"; position:absolute; left:0; color:#8b6718; font-weight:900; }
.snapshot-product { position: relative; }.product-shadow { position: absolute; inset: 25px -20px -20px 25px; background: var(--gold); border-radius: var(--radius); opacity: .4; }
.product-sheet { position: relative; padding: 30px; background: white; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.sheet-badge { padding: 6px 10px; border-radius: 999px; background: var(--ink); color: white; font-size: .68rem; }
.sheet-hero { padding: 30px 0; }.big-score { width: 120px; }
.sheet-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }.sheet-row { display: flex; justify-content: space-between; padding: 9px 0; border-bottom: 1px solid var(--line); }
.conversion-band,.outcome,.whatsapp-section { padding: 76px 0; background: var(--ink); color: white; }
.conversion-inner { display: flex; justify-content: space-between; align-items: center; gap: 40px; }
.snapshot-form-wrap { padding-top: 90px; align-items: start; }
.form-trust { display: grid; gap: 10px; margin-top: 28px; }.form-trust span::before { content:"✓"; margin-right:8px; color:#98721e; }
.growth-form { padding: 30px; border-radius: var(--radius); background: white; box-shadow: var(--shadow); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }.form-full { grid-column: 1/-1; }
.growth-form label > span { display: block; font-size: .82rem; font-weight: 800; margin-bottom: 7px; }
.growth-form input,.growth-form select,.growth-form textarea { width: 100%; padding: 13px 14px; border: 1px solid #cfc7ba; border-radius: 10px; background: #fffefa; color: var(--ink); }
.growth-form input:focus,.growth-form select:focus { outline: 3px solid rgba(214,173,85,.28); border-color:#a77e25; }
.growth-form small,.privacy-note { color: var(--muted); font-size: .73rem; }
.consent-box { margin: 22px 0; padding: 17px; border-radius: 12px; background: #f3eee5; font-size: .82rem; }
.check-line { display: flex; gap: 10px; }.check-line input { width: auto; margin-top: 5px; }
.form-submit { width: 100%; border: 0; }.form-status { margin-top: 13px; font-weight: 700; }

.method-line { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }.method-line > * { position:relative; padding: 28px; border-top: 2px solid var(--gold); }
.method-dot { width: 12px; height: 12px; border-radius:50%; background:var(--gold); margin-bottom:18px; }
.outcome-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:75px; align-items:center; }.outcome-list { display:grid; gap:12px; }.outcome-list > * { padding:18px; border:1px solid rgba(255,255,255,.16); border-radius:14px; }
.insight-grid,.territory-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }.insight-card,.territory-card,.resource-card { padding:26px; min-height:230px; border:1px solid var(--line); border-radius:var(--radius); background:rgba(255,255,255,.38); }
.insight-featured { grid-column: span 2; background:var(--gold-2); }.insight-status { display:inline-block; margin-top:18px; color:var(--muted); font-size:.78rem; }
.observatory { margin-top:24px; padding:32px; border-radius:var(--radius); background:var(--ink); color:white; display:flex; justify-content:space-between; gap:35px; }.observatory-metrics { display:flex; gap:25px; }
.territory-code { display:block; font: 500 3.4rem/1 Georgia,serif; color:#9a7421; }.territory-note { margin-top:24px; }
.founder-visual { display:grid; place-items:center; min-height:430px; position:relative; }.founder-card { position:relative; z-index:2; width:320px; aspect-ratio:.78; padding:28px; border-radius:28px; background:linear-gradient(150deg,#153d45,var(--ink)); color:white; display:flex; flex-direction:column; justify-content:space-between; box-shadow:var(--shadow); }.founder-initials { font:500 7rem/1 Georgia,serif; color:var(--gold-2); }.founder-orbit { position:absolute; width:390px; aspect-ratio:1; border:1px solid var(--gold); border-radius:50%; }
.appointment-panel,.whatsapp-panel,.cta-panel { position:relative; padding:45px; border-radius:var(--radius); background:var(--ink); color:white; display:flex; align-items:center; justify-content:space-between; gap:40px; overflow:hidden; }.availability { color:var(--mint); }
.whatsapp-panel { background:linear-gradient(135deg,#173c38,#0b2525); }.coming-soon { color:var(--gold-2); font-weight:800; }
.resources-grid { align-items:start; }.affiliate-disclosure { margin-top:25px; font-size:.78rem; color:var(--muted); }
.faq-layout { align-items:start; }.faq-list details { padding:19px 0; border-bottom:1px solid var(--line); }.faq-list summary { cursor:pointer; font-weight:800; }.faq-list p { color:var(--muted); }
.final-cta { padding:90px 0; }.cta-panel { text-align:center; display:block; padding:70px; }.cta-panel p { color:rgba(255,255,255,.72); }.cta-glow { position:absolute; width:400px; height:400px; border-radius:50%; background:rgba(214,173,85,.14); filter:blur(20px); inset:auto -100px -220px auto; }
.footer { padding:55px 0 25px; background:#06161e; color:white; }.footer-top,.footer-bottom { display:flex; justify-content:space-between; gap:28px; align-items:center; }.footer-links { display:flex; flex-wrap:wrap; gap:18px; color:rgba(255,255,255,.65); font-size:.82rem; }.footer-bottom { margin-top:35px; padding-top:20px; border-top:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.45); font-size:.74rem; }

.reveal,
.reveal.is-visible {
  opacity: 1;
  transform: none;
  transition: none;
}
.delay-1,
.delay-2 { transition-delay: 0s; }

@media (max-width: 900px) {
  .section-pad { padding:78px 0; }
  .menu-btn { display:block; }
  .nav { display:none; position:absolute; top:78px; left:0; right:0; padding:22px; background:var(--paper); border-bottom:1px solid var(--line); flex-direction:column; align-items:stretch; }
  .nav.is-open { display:flex; }
  .hero { padding-top:72px; }.hero-grid,.snapshot-layout,.snapshot-form-wrap,.about-grid,.resources-grid,.faq-layout,.outcome-grid,.split-head { grid-template-columns:1fr; gap:42px; }
  .hero-visual { min-height:460px; }.bento-card { grid-column:1/-1; }.bento-ecosystem { min-height:auto; }
  .insight-grid,.territory-grid { grid-template-columns:1fr 1fr; }.insight-featured { grid-column:span 2; }
  .method-line { grid-template-columns:1fr 1fr; }.conversion-inner,.mid-cta,.direct-exchange-strip,.appointment-panel,.whatsapp-panel,.observatory { align-items:flex-start; flex-direction:column; }
}
@media (max-width: 600px) {
  .shell { width:min(100% - 24px,1180px); }.hero h1 { font-size:3.15rem; }.hero-visual { min-height:410px; }.snapshot-window { padding:19px; }.score-ring { width:78px; font-size:1.6rem; }
  .trust-strip,.footer-top,.footer-bottom { flex-direction:column; align-items:flex-start; }.mini-grid,.form-grid,.sheet-columns,.insight-grid,.territory-grid,.method-line { grid-template-columns:1fr; }.insight-featured { grid-column:auto; }
  .cta-panel,.appointment-panel,.whatsapp-panel { padding:32px 22px; }.observatory-metrics { flex-wrap:wrap; }.founder-card { width:270px; }.founder-orbit { width:320px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } .reveal { opacity:1; transform:none; transition:none; } }