/* Isolated visual proposal. Existing website remains untouched. */
:root { --color-pink:#E5DED4; --color-pink-soft:#F2EFEA; --rule:1px solid; }
body { background:#F2EFEA; }
.nav { border-bottom:1px solid #d7d3cc; padding:22px 5%; }
.nav .brand { font-weight:600; font-stretch:100%; text-transform:none; letter-spacing:-.04em; font-size:23px; }
.nav .nav-links a { font-family:var(--font-body); letter-spacing:0; text-transform:none; font-size:14px; }
.nav .nav-links a.btn { padding:12px 20px; }
.display { font-weight:450; font-stretch:100%; text-transform:none; line-height:1.08; letter-spacing:-.055em; overflow-wrap:normal; }
.hero { min-height:610px; grid-template-columns:1.1fr .9fr; padding:0 5%; border-bottom:1px solid #d7d3cc; }
.hero-copy { padding:70px 40px 70px 0; max-width:680px; }
.hero h1 { font-size:clamp(44px,4.7vw,70px); color:var(--color-ink); }
.hero h1 .accent-hero { padding:0; background:none; color:var(--color-ultramarine); }
.hero .sub { font-size:18px; line-height:1.65; margin-top:28px; max-width:27rem; }
.hero .cta-row { display:flex; margin-top:30px; gap:12px; max-width:none; }
.btn { border-radius:6px; font-weight:500; font-size:15px; padding:15px 22px; background:var(--color-ultramarine); border-color:var(--color-ultramarine); }
.hero .cta-row .btn { padding:15px 22px; }
.btn-ghost { background:transparent; color:var(--color-ultramarine); border-color:#bfc4d2; }
.hero-note { font-size:10px; letter-spacing:.1em; color:#69645e; margin-top:22px; }
.pile-band { margin-left:0; min-height:0; align-self:center; height:390px; }
.pill { border-color:#c7c3bc; color:#706c66; font-size:10px; letter-spacing:.015em; text-transform:none; padding:8px 12px; background:var(--color-paper); border-radius:4px; }
.pill.pop { color:var(--color-ultramarine); border-color:#aab2cf; background:var(--color-paper); }
.section { padding:90px 8%; }
.section-tight { padding:76px 8%; }
.surface-blue { background:var(--color-paper); color:var(--color-ink); }
.surface-blue a { color:var(--color-ultramarine); }
.how.section { padding:84px 8%; }
.how > .display { font-size:46px; max-width:24ch; }
.how .accent { background:none; color:var(--color-ultramarine); padding:0; }
.how .kicker,.deal .kicker,.eyebrow { color:var(--color-ultramarine); font-size:10px; letter-spacing:.12em; }
.how .claim { font-size:18px; }
.step { border-top:1px solid #d7d3cc; padding-top:24px; }
.step .num { width:auto; height:auto; border:0; color:var(--color-ultramarine); font-size:12px; }
.step h3,.card h3,.guide-card h3,.gcard h3,.stack-item h4,.flagship h2 { font-weight:500; font-stretch:100%; text-transform:none; line-height:1.25; letter-spacing:-.025em; }
.step h3 { font-size:23px; }
.step p,.card p { color:#69645e; font-size:16px; line-height:1.65; }
.how .cta-row { justify-content:flex-start; }
.how .cta-row .btn,.closer .btn { background:var(--color-ultramarine); border-color:var(--color-ultramarine); color:var(--color-paper); font-size:15px; padding:15px 22px; }
.offer { border-top:1px solid #d7d3cc; }
.offer h2,.about h2,.faq h2 { color:var(--color-ink); }
.cards-3 { border:0; gap:32px; }
.card { padding:26px 0; border:0; border-top:1px solid #c7c3bc; }
.card:last-child { border-top:1px solid #c7c3bc; }
.card h3 { font-size:28px; }
.card .tag { font-size:10px; }
.bonus-box { background:transparent; border:1px solid #c7c3bc; padding:50px; max-width:none; }
.bonus-box h2 { font-size:42px; font-weight:450; }
.bonus-list { border:0; }
.bonus-list li { border-color:#d7d3cc; padding:18px 0; font-family:var(--font-body); text-transform:none; letter-spacing:0; font-size:15px; color:var(--color-ink); }
.about-grid { max-width:none; gap:70px; }
.about .photo { border:0; }
.about p { font-size:18px; line-height:1.65; }
.deal { background:var(--color-ultramarine); }
.deal .kicker { color:var(--color-paper); }
.deal-box { border:0; }
.stack-item h4 { font-size:20px; }
.stack-bonus { border:0; background:#E5DED4; }
.guarantee { border:0; border-top:1px solid #d7d3cc; padding:24px 0 0; }
.price-block { border-color:#d7d3cc; }
.faq-list,.faq-item { border-color:#c7c3bc; }
.faq-item summary { font-size:18px; font-weight:500; padding:24px 0; }
.ticker { border-color:#d7d3cc; }
.ticker-track span { font-weight:400; font-stretch:100%; text-transform:none; font-size:16px; color:var(--color-ink); }
.ticker-track span::after { color:var(--color-ultramarine); }
.guides h2,.closer h2 { color:var(--color-ink); }
.guide-card { border:1px solid #c7c3bc; color:var(--color-ink); }
.guide-card h3 { color:var(--color-ink); font-size:25px; }
.guide-card .tag,.guide-card .status,.guides .see-all,.closer-note { color:var(--color-ultramarine); }
.guide-card .tag,.guide-card .status { font-size:10px; }
.closer { border-top:1px solid #d7d3cc; }
.footer { padding:50px 8%; }
.footer .foot-line { font-weight:500; font-stretch:100%; text-transform:none; letter-spacing:-.04em; }
.footer .aside-hand { color:var(--color-paper); }
@media(max-width:860px) {
 .nav { padding:16px 20px; }
 .nav .brand { font-size:19px; }
 .nav .nav-links a.btn { font-size:12px; padding:10px 12px; }
 .nav-toggle { font-size:11px; letter-spacing:0; }
 .hero { display:block; padding:0 22px 315px; min-height:0; }
 .hero-copy { padding:52px 0 28px; }
 .hero h1 { font-size:46px; }
 .hero .sub { font-size:17px; }
 .hero .cta-row { display:grid; }
 .pile-band { position:absolute; inset:auto 0 0; height:280px; min-height:0; }
 .hero .cta-row .btn { font-size:14px; padding:15px 16px; }
 .section,.how.section,.section-tight { padding:60px 22px; }
 .how > .display,.display,.bonus-box h2 { font-size:36px; }
 .step { padding-top:18px; }
 .bonus-box { padding:28px 22px; }
 .about-grid { gap:30px; }
 .card { border-bottom:0; }
 .deal-box { padding:28px 22px; }
 .price-now { font-size:64px; }
 .footer { padding:40px 22px; }
}
.surface-blue .btn { color:var(--color-paper); }
.surface-blue .btn:hover { background:var(--color-paper); color:var(--color-ultramarine); }