@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root { --paper:#f6f2ea; --surface:#fffdf8; --clay:#e7d8c6; --sand:#d6c0a4; --ink:#1f1f24; --muted:#62616a; --cobalt:#1e3a8a; --deep:#12245b; --copper:#ab6539; --line:rgba(31,31,36,.15); --serif:'Cormorant Garamond',Georgia,serif; --sans:'Inter',system-ui,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--paper); }
body { margin:0; overflow-x:hidden; background:var(--paper); color:var(--ink); font:16px/1.55 var(--sans); }
body::before { position:fixed; z-index:20; inset:0; pointer-events:none; content:''; opacity:.18; background:url('assets/paper-grain.png') center/420px; mix-blend-mode:multiply; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { font-family:var(--serif); font-weight:600; line-height:.95; letter-spacing:-.035em; text-wrap:balance; }
h1 { max-width:760px; margin-bottom:24px; font-size:clamp(3.25rem,7vw,6.7rem); }
h2 { margin-bottom:22px; font-size:clamp(2.8rem,5.1vw,5rem); }
h3 { margin-bottom:9px; font-size:1.65rem; letter-spacing:-.02em; }
em { color:var(--copper); font-style:normal; }
.shell { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.section { padding-block:clamp(92px,11vw,170px); }
.skip-link { position:absolute; z-index:40; top:12px; left:12px; padding:10px 14px; transform:translateY(-160%); border-radius:8px; background:var(--cobalt); color:white; }
.skip-link:focus { transform:none; }
.site-header { position:relative; z-index:4; display:flex; min-height:92px; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:10px; font:600 1.6rem/1 var(--serif); letter-spacing:-.03em; }
.brand img { width:30px; height:30px; }
.header-link,.text-link { color:var(--cobalt); font-size:.76rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.header-link span,.text-link span { display:inline-block; margin-left:7px; transition:transform .2s; }
.header-link:hover span,.text-link:hover span { transform:translate(3px,-2px); }
.eyebrow { margin:0 0 18px; color:var(--copper); font-size:.7rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
.eyebrow-mark { margin-right:7px; color:var(--cobalt); }
.ambient { position:fixed; z-index:0; inset:0; overflow:hidden; pointer-events:none; background:radial-gradient(circle at 75% 10%,rgba(181,143,93,.14),transparent 25rem),radial-gradient(circle at 15% 65%,rgba(40,79,150,.08),transparent 27rem); }
.ambient::before,.ambient::after { position:absolute; width:52vw; height:52vw; min-width:500px; min-height:500px; border:1px solid rgba(30,58,138,.1); border-radius:50%; content:''; animation:orbit 28s linear infinite; }
.ambient::before { top:-18vw; right:-13vw; box-shadow:0 0 0 42px rgba(171,101,57,.035),0 0 0 84px rgba(30,58,138,.025); }
.ambient::after { bottom:-30vw; left:-18vw; border-color:rgba(171,101,57,.11); animation-direction:reverse; animation-duration:38s; }
.star { position:absolute; width:4px; height:4px; border-radius:50%; background:var(--copper); box-shadow:0 0 12px 3px rgba(171,101,57,.28); animation:twinkle 4.5s ease-in-out infinite; }
.star-a { top:18%; left:9%; }.star-b { top:28%; right:13%; animation-delay:1.2s; }.star-c { top:64%; left:22%; animation-delay:2.5s; }.star-d { top:78%; right:8%; animation-delay:3s; }.star-e { top:48%; left:52%; animation-delay:.7s; }
main,.site-footer { position:relative; z-index:1; }
.hero { position:relative; display:grid; min-height:calc(100vh - 92px); align-items:center; padding-block:clamp(55px,7vw,95px); grid-template-columns:minmax(0,1.03fr) minmax(390px,.78fr); gap:5vw; }
.hero-centered { min-height:auto; padding-block:clamp(65px,8vw,110px); grid-template-columns:1fr; text-align:center; }.hero-centered .hero-copy { max-width:920px; margin-inline:auto; }.hero-centered h1 { margin-inline:auto; }.hero-centered .hero-lead { margin-inline:auto; }.hero-centered .offer-chip { margin-inline:auto; text-align:left; }.hero-centered .hero-actions { justify-content:center; }
.hero-lead { max-width:590px; margin-bottom:24px; color:var(--muted); font-size:1.08rem; }
.hero-benefit { margin:0 0 28px; color:var(--copper); font-size:.86rem; font-weight:700; }
.offer-chip { display:flex; max-width:425px; align-items:center; gap:12px; margin:0 0 28px; padding:10px 13px; border:1px solid rgba(171,101,57,.28); border-radius:8px; background:rgba(231,216,198,.55); }
.offer-chip strong { color:var(--copper); font-size:.84rem; }.offer-chip span { color:var(--muted); font-size:.72rem; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:22px; }
.button { display:inline-flex; min-height:52px; align-items:center; justify-content:center; gap:9px; padding:14px 23px; border:1px solid transparent; border-radius:8px; font-size:.82rem; font-weight:700; letter-spacing:.02em; transition:transform .18s ease,box-shadow .18s ease,background .18s ease; }
.button:hover { transform:translateY(-2px); }.button:active { transform:translateY(1px); }.button-primary { background:var(--cobalt); color:white; box-shadow:0 4px 0 var(--deep); }.button-primary:hover { box-shadow:0 6px 0 var(--deep); }.button-light { background:var(--paper); color:var(--cobalt); }.button-light:hover { background:white; }
.hero-note { margin:24px 0 0; color:var(--muted); font-size:.75rem; }.hero-note span { margin-right:7px; color:var(--copper); }
.hero-demo { position:relative; min-height:590px; display:grid; place-items:center; }.hero-chat { position:relative; width:min(100%,440px); padding:22px 18px 18px; overflow:hidden; transform:rotate(1.5deg); border:1px solid rgba(84,113,75,.25); border-radius:24px; background-color:#a9c99d; background-image:radial-gradient(circle at 15% 20%,rgba(255,255,255,.22) 0 2px,transparent 3px),radial-gradient(circle at 80% 70%,rgba(46,90,50,.12) 0 1px,transparent 2px),radial-gradient(circle at 60% 30%,rgba(255,255,255,.16) 0 1px,transparent 2px); background-size:84px 84px,112px 112px,64px 64px; box-shadow:0 25px 60px rgba(54,40,30,.18),0 5px 0 rgba(122,154,110,.42); }.hero-chat::before { position:absolute; top:14px; left:50%; width:74px; height:5px; border-radius:4px; background:rgba(31,31,36,.18); content:''; transform:translateX(-50%); }.chat-message { position:relative; margin-top:24px; padding:16px; border-radius:16px; background:rgba(255,255,255,.96); box-shadow:0 5px 12px rgba(36,60,38,.12); color:var(--ink); }.chat-cards-message { margin-left:12px; border-bottom-left-radius:5px; background:#eef5e6; }.chat-reading-message { margin-right:10px; border-bottom-right-radius:5px; }.chat-label,.chat-card-list { font-family:var(--sans); }.chat-label { display:block; margin-bottom:10px; color:var(--copper); font-size:.68rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }.chat-card-row { display:flex; justify-content:center; gap:8px; margin:4px 0 11px; }.chat-card-row img { width:72px; height:105px; border:2px solid white; border-radius:6px; object-fit:cover; box-shadow:0 4px 8px rgba(0,0,0,.16); }.chat-card-row img:first-child { transform:rotate(-3deg); }.chat-card-row img:last-child { transform:rotate(3deg); }.chat-card-list { margin:0; color:var(--muted); font-size:.7rem; line-height:1.45; }.chat-message h3 { margin:0 0 5px; font:700 .98rem/1.1 var(--sans); letter-spacing:0; }.chat-message h3 + p { margin-bottom:16px; }.chat-message p { margin:0; color:#48474c; font-size:.76rem; line-height:1.43; }.chat-message time { position:absolute; right:12px; bottom:8px; color:#8a9890; font-size:.62rem; }.chat-actions { display:grid; gap:7px; margin:10px 10px 0; }.chat-actions button { min-height:43px; border:1px solid rgba(255,255,255,.25); border-radius:11px; background:rgba(60,113,66,.68); color:white; font:600 .78rem var(--sans); box-shadow:0 3px 0 rgba(60,91,57,.24); }.chat-actions button:focus-visible { outline-color:white; }.orbit { position:absolute; border:1px solid rgba(30,58,138,.18); border-radius:50%; }.orbit-main { width:500px; height:500px; transform:rotate(-18deg); }.orbit-small { width:375px; height:375px; border-color:rgba(171,101,57,.28); transform:rotate(35deg); }
.hero-visual { position:relative; min-height:520px; display:grid; place-items:center; }.hero-visual-ring { position:absolute; width:480px; height:480px; border:1px solid rgba(171,101,57,.24); border-radius:50%; box-shadow:0 0 0 34px rgba(171,101,57,.035),0 0 0 68px rgba(30,58,138,.025); }.hero-seal { position:relative; z-index:2; width:180px; height:180px; opacity:.9; filter:drop-shadow(0 16px 22px rgba(54,40,30,.15)); }.hero-card-fan { position:absolute; z-index:3; right:8%; bottom:12%; display:flex; align-items:flex-end; }.hero-card-fan img { width:135px; height:190px; border:5px solid var(--surface); border-radius:12px; object-fit:cover; box-shadow:0 15px 25px rgba(54,40,30,.2); }.hero-card-fan img:first-child { transform:rotate(-15deg) translateX(24px); }.hero-card-fan img:nth-child(2) { transform:translateY(-12px); }.hero-card-fan img:last-child { transform:rotate(15deg) translateX(-24px); }
.demo-window { position:relative; z-index:2; width:min(100%,360px); padding:16px 16px 20px; transform:rotate(2deg); border:1px solid rgba(255,255,255,.9); border-radius:25px; background:var(--surface); box-shadow:0 25px 60px rgba(54,40,30,.18),0 4px 0 var(--sand); }.demo-window::before { display:block; width:80px; height:5px; margin:0 auto 18px; border-radius:5px; background:var(--ink); opacity:.12; content:''; }
.demo-top { display:flex; align-items:center; gap:8px; margin-bottom:25px; font-size:.76rem; font-weight:700; }.online-dot { width:9px; height:9px; border-radius:50%; background:var(--cobalt); }.demo-menu { margin-left:auto; color:var(--muted); letter-spacing:3px; }.demo-date { margin-bottom:15px; color:var(--muted); font-size:.6rem; text-align:center; text-transform:uppercase; letter-spacing:.08em; }
.message { max-width:91%; margin-bottom:11px; padding:12px 13px; border-radius:14px; font-size:.72rem; line-height:1.45; }.message-user { margin-left:auto; border-bottom-right-radius:4px; background:var(--cobalt); color:white; }.message-bot { border-bottom-left-radius:4px; background:var(--clay); }.message-bot strong { display:block; margin:9px 0 5px; font:600 1.26rem/1 var(--serif); }.message-bot p { margin-bottom:12px; }.message-bot a { color:var(--cobalt); font-size:.68rem; font-weight:700; }.message-label { display:block; color:var(--copper); font-size:.58rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }.demo-cards,.spread-row { display:flex; justify-content:center; gap:5px; margin:12px 0 15px; }.demo-cards img { width:64px; height:94px; border:2px solid var(--surface); border-radius:5px; object-fit:cover; box-shadow:0 4px 9px rgba(0,0,0,.15); }.demo-cards img:first-child { transform:rotate(-5deg) translateX(7px); }.demo-cards img:last-child { transform:rotate(5deg) translateX(-7px); }.demo-footer { display:grid; gap:6px; grid-template-columns:1fr 1fr; }.demo-footer span { padding:8px 4px; border:1px solid var(--line); border-radius:6px; color:var(--cobalt); font-size:.54rem; font-weight:700; text-align:center; }.floating-tag { position:absolute; z-index:3; padding:10px 12px; border:1px solid var(--line); border-radius:5px; background:var(--surface); color:var(--muted); font:.73rem/1.2 var(--serif); box-shadow:0 8px 18px rgba(54,40,30,.09); }.floating-tag b { color:var(--copper); font-size:.95rem; }.tag-context { top:20%; right:-1%; transform:rotate(5deg); }.tag-next { bottom:19%; left:-1%; transform:rotate(-6deg); }
.section-kicker { display:flex; align-items:center; gap:15px; margin-bottom:22px; }.section-kicker > span { color:var(--copper); font:600 1.65rem/1 var(--serif); }.section-kicker .eyebrow { margin:0; }.section-kicker.light > span { color:#d79a68; }.section-kicker.light .eyebrow { color:#d79a68; }
.pain { padding-block:clamp(78px,8vw,112px); }.pain-grid { display:grid; align-items:center; grid-template-columns:.85fr 1.15fr; gap:7vw; }.pain-copy { max-width:510px; color:var(--muted); }.pain-copy p { margin-bottom:20px; }.pain-chat { display:grid; max-width:620px; grid-template-columns:1fr 1fr; gap:13px; align-items:start; }.pain-message { width:auto; max-width:none; min-height:94px; margin:0; padding:16px 18px; border:1px solid rgba(31,31,36,.1); border-radius:13px; background:rgba(255,253,248,.84); color:var(--ink); font-size:.85rem; line-height:1.43; box-shadow:0 7px 16px rgba(54,40,30,.06); }.pain-message-b { margin-top:22px; background:rgba(231,216,198,.78); }.pain-message-c { transform:rotate(-1.2deg); }.pain-message-d { margin-top:-8px; background:rgba(255,253,248,.64); transform:rotate(1.1deg); }.pain-message-e { grid-column:1 / -1; max-width:82%; background:rgba(214,192,164,.35); }.pain-note { grid-column:1 / -1; margin:12px 0 0; padding-left:19px; border-left:2px solid var(--copper); color:var(--ink); }
.alternatives { padding-block:clamp(78px,8vw,112px); background:rgba(231,216,198,.68); }.section-heading { max-width:850px; }.section-heading.narrow { margin-bottom:38px; }.section-heading > p:not(.eyebrow) { max-width:590px; color:var(--muted); }.alternative-row { display:grid; gap:12px; grid-template-columns:repeat(4,1fr); }.alternative-row article { min-height:220px; padding:23px; border:1px solid rgba(31,31,36,.13); border-radius:12px; background:rgba(255,253,248,.62); }.alternative-row article p { color:var(--muted); font-size:.9rem; }.alternative-row h3 { font-size:1.55rem; }.alternative-taros { background:var(--cobalt)!important; color:white; box-shadow:0 15px 30px rgba(30,58,138,.18); }.alternative-taros p { color:rgba(255,255,255,.7)!important; }.round-mark { display:grid; width:40px; height:40px; margin-bottom:26px; place-items:center; border:1px solid var(--copper); border-radius:50%; color:var(--copper); font-size:1.15rem; }
.product { padding-block:clamp(78px,8vw,112px); background:var(--deep); color:white; }.product-layout { display:grid; grid-template-columns:.82fr 1.18fr; gap:9vw; }.product-intro { align-self:start; position:sticky; top:35px; }.product-intro h2 span,.product-intro h2 em { display:block; }.product-intro h2 em { margin-top:.14em; color:#d79a68; }.product-intro > p { max-width:450px; margin-bottom:30px; color:rgba(255,255,255,.7); }.steps { margin:0; padding:0; list-style:none; }.steps li { display:grid; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,.16); grid-template-columns:64px 1fr; gap:14px; }.steps li + li { padding-top:20px; }.steps li > span { color:#d79a68; font:600 2rem/.85 var(--serif); }.steps h3 { margin-bottom:6px; font-size:1.82rem; }.steps p { margin:0; color:rgba(255,255,255,.64); font-size:.92rem; line-height:1.48; }
.reading { padding-top:clamp(82px,9vw,125px); padding-bottom:48px; }.reading-grid { display:grid; align-items:center; margin-top:48px; grid-template-columns:.88fr 1.12fr; gap:7vw; }.answer-proof { width:min(100%,500px); margin:0; overflow:hidden; border:1px solid rgba(171,101,57,.22); border-radius:22px; background:var(--surface); box-shadow:0 22px 48px rgba(54,40,30,.14); }.answer-screenshot { width:100%; height:auto; }.answer-parts { margin:0; padding:0; list-style:none; }.answer-parts li { display:grid; grid-template-columns:52px 1fr; gap:14px; padding-bottom:23px; border-bottom:1px solid var(--line); }.answer-parts li + li { padding-top:23px; }.answer-parts li > span { color:var(--copper); font:600 1.9rem/.9 var(--serif); }.answer-parts h3 { margin:0 0 7px; font-size:1.8rem; }.answer-parts p { margin:0; color:var(--muted); font-size:.9rem; line-height:1.5; }
.benefits { padding-top:55px; padding-bottom:130px; }.benefit-grid { display:grid; gap:15px; margin-top:48px; grid-template-columns:repeat(3,1fr); }.benefit-grid article { padding:26px; border-top:2px solid var(--copper); background:rgba(255,253,248,.38); }.benefit-grid article > span { display:block; margin-bottom:45px; color:var(--copper); font:2rem var(--serif); }.benefit-grid p { color:var(--muted); }
.offer { padding-block:clamp(82px,9vw,125px); background:var(--cobalt); color:white; }.offer-layout { display:grid; align-items:center; grid-template-columns:1.08fr .72fr; gap:8vw; }.offer-header { max-width:680px; }.offer-header h2 em { color:#d79a68; }.offer-header > p:not(.eyebrow) { max-width:570px; margin:0; color:rgba(255,255,255,.72); font-size:1.02rem; }.offer-cta-card { padding:32px; border:1px solid rgba(255,255,255,.22); border-radius:16px; background:rgba(255,255,255,.1); box-shadow:0 22px 42px rgba(7,20,61,.22); }.offer-free { display:inline-block; margin-bottom:24px; color:#d79a68; font-size:.72rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }.offer-cta-card h3 { margin-bottom:14px; font-size:2.35rem; }.offer-cta-card p { margin-bottom:26px; color:rgba(255,255,255,.7); }.offer-cta-card .button { width:100%; }.offer-cta-card small { display:block; margin-top:15px; color:rgba(255,255,255,.52); font-size:.68rem; text-align:center; }.offer-footnote { margin-top:48px; margin-bottom:0; color:rgba(255,255,255,.48); font-size:.68rem; }
.site-footer { display:flex; min-height:100px; align-items:center; justify-content:space-between; color:var(--muted); font-size:.72rem; }.site-footer .brand { color:var(--ink); font-size:1.35rem; }
.footer-links { display:flex; flex-wrap:wrap; justify-content:center; gap:10px 22px; }.footer-links a { text-decoration:underline; text-underline-offset:3px; }.footer-links a:hover { color:var(--cobalt); }
.reveal { opacity:1; transform:translateY(20px); transition:opacity .7s ease,transform .7s ease; }.reveal.is-visible { opacity:1; transform:none; }.reveal-in { animation:fade-up .9s ease both; }.delay-1 { animation-delay:.2s; }
:focus-visible { outline:3px solid #d79a68; outline-offset:4px; }
@keyframes fade-up { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:none; } } @keyframes orbit { to { transform:rotate(360deg); } } @keyframes twinkle { 0%,100% { opacity:.3; transform:scale(.8); } 50% { opacity:1; transform:scale(1.5); } }
@media (max-width:850px) { .hero { grid-template-columns:1fr; }.hero-demo { min-height:535px; }.hero-visual { min-height:460px; }.pain-grid,.product-layout,.reading-grid,.offer-layout { grid-template-columns:1fr; gap:55px; }.product-intro { position:static; }.answer-proof { width:min(100%,620px); margin-inline:auto; }.benefit-grid { grid-template-columns:1fr; }.alternative-row { grid-template-columns:repeat(2,1fr); }.offer-cta-card { max-width:540px; } }
@media (max-width:650px) { .shell { width:calc(100% - 32px); }.site-header { min-height:74px; }.header-link { font-size:.6rem; }.hero { min-height:auto; padding-block:60px 35px; }.hero-actions { align-items:stretch; flex-direction:column; }.button { width:100%; }.hero-demo { min-height:auto; margin-inline:-10px; padding-block:25px 10px; }.hero-visual { min-height:350px; margin-inline:-10px; }.hero-visual-ring { width:320px; height:320px; }.hero-seal { width:130px; height:130px; }.hero-card-fan { right:5%; bottom:5%; }.hero-card-fan img { width:92px; height:130px; border-width:4px; border-radius:9px; }.demo-window { width:min(100%,325px); }.orbit-main { width:390px; height:390px; }.orbit-small { width:300px; height:300px; }.tag-context { right:0; }.tag-next { left:0; }.pain-chat { grid-template-columns:1fr; }.pain-message-b,.pain-message-d { margin-top:0; }.pain-message-e { grid-column:auto; max-width:none; }.pain-note { grid-column:auto; }.alternative-row { grid-template-columns:1fr; }.alternative-taros { transform:none; }.answer-proof { border-radius:15px; }.answer-parts li { grid-template-columns:42px 1fr; }.steps li { grid-template-columns:54px 1fr; }.steps h3 { font-size:1.8rem; }.site-footer { align-items:flex-start; flex-direction:column; justify-content:center; gap:12px; padding-block:25px; }.footer-links { justify-content:flex-start; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }.reveal { opacity:1; transform:none; } }