/* RichMind Planner, v3 styles */
:root{
  --navy:#0a3462;--ink:#071c38;--deep:#031a33;--gold:#f2d27c;--goldline:#d4a63c;
  --blue:#2c5aa8;--sky:#1a8ad4;--sky-soft:#e8f4fd;--red:#d9463b;
  --bg:#f4f2ec;--muted:#5d6472;--card:#f9f7f3;--line:#e6e1d6;
  --nav-h:68px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:"Plus Jakarta Sans",system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.5}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
section{position:relative}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}

/* Display font: Fraunces, upright everywhere for readability */
.serif{font-family:Fraunces,Georgia,serif;font-variation-settings:"opsz" 144;font-weight:600;letter-spacing:-.022em}
h2.serif,h3.serif{font-variation-settings:"opsz" 96;letter-spacing:-.015em}
.serif em,em{font-style:normal}
.serif em{font-weight:600;color:var(--navy)}
em.bl{color:var(--blue)}

/* ---------- Ticker ---------- */
.ticker{background:var(--deep);height:34px;overflow:hidden;display:flex;align-items:center;white-space:nowrap}
.ticker-track{display:flex;animation:tick 40s linear infinite;will-change:transform}
.ticker span{color:#fff;font-weight:800;font-size:12px;letter-spacing:.16em;display:inline-flex;align-items:center}
.ticker b{color:var(--gold);font-weight:800}
.ticker i{color:var(--goldline);font-style:normal;margin:0 40px;font-size:12px}
@keyframes tick{to{transform:translateX(-50%)}}

/* ---------- Nav ---------- */
.nav{position:sticky;top:0;z-index:50;height:var(--nav-h);background:rgba(246,244,238,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #e7e3da}
.nav .wrap{display:flex;align-items:center;height:100%;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2em;font-size:14px;color:var(--ink);white-space:nowrap}
.brand img{width:40px;height:40px;object-fit:contain}
.brand span{color:var(--blue);font-weight:600}
.navlinks{display:flex;gap:34px;font-size:15px;font-weight:500;color:#3d4757}
.navlinks a:hover{color:var(--navy)}
.navbtn{background:var(--navy);color:#fff;font-weight:700;font-size:14px;padding:10px 18px;border-radius:999px;box-shadow:0 8px 18px -8px rgba(10,52,98,.5);white-space:nowrap;transition:transform .2s}
.navbtn:hover{transform:translateY(-1px)}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 26px;border-radius:999px;font-weight:700;font-size:16px;letter-spacing:-.01em;transition:transform .2s,box-shadow .2s,background .2s}
.btn-navy{background:var(--navy);color:#fff;box-shadow:0 14px 26px -12px rgba(10,52,98,.6)}
.btn-navy:hover{transform:translateY(-2px)}
.btn-navy svg{animation:nudge 1.8s ease-in-out infinite}
@keyframes nudge{50%{transform:translateY(3px)}}

/* ---------- Labels ---------- */
.label{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--blue);text-transform:uppercase}
.label:before{content:"";width:22px;height:1.5px;background:var(--goldline)}
.label.c{display:flex;justify-content:center}
h2.serif{font-size:48px;line-height:1.06;color:var(--ink)}

/* ---------- HERO ---------- */
.hero{overflow:hidden;padding:64px 0 56px;background:var(--bg)}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(10,52,98,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(10,52,98,.045) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}
.blob{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}
.hero .b1{width:520px;height:620px;left:-220px;top:120px;background:rgba(170,184,204,.45)}
.hero .b2{width:520px;height:620px;right:-240px;top:200px;background:rgba(242,214,140,.42)}
.hero-in{position:relative;text-align:center}
.hero h1{color:var(--ink);line-height:1}
.h1-small{display:block;font-size:30px;line-height:1.1;color:#3d4c66;font-weight:500;letter-spacing:-.015em}
.h1-big{display:block;font-size:84px;line-height:1.02;margin-top:8px;letter-spacing:-.035em}
.hero h1 em{color:var(--navy);position:relative;display:inline-block}
.hero h1 em svg{position:absolute;left:0;bottom:-12px;width:100%;height:22px;overflow:visible}
.hero h1 em svg path{stroke-dasharray:240;stroke-dashoffset:240;animation:draw 1.1s .4s cubic-bezier(.6,0,.3,1) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.hero p.lead{font-size:17px;line-height:1.6;color:var(--muted);max-width:560px;margin:28px auto 0}
.ctas{display:flex;justify-content:center;margin-top:28px}
.perks{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 26px;margin-top:26px;font-size:14px;font-weight:500;color:#3d4c66}
.perks div{display:flex;align-items:center;gap:7px}
.perks svg,.pk-star{color:var(--goldline)}
.pk-star{font-size:15px;line-height:1}
.perks div:first-child{font-weight:700;color:var(--navy)}

/* device frame */
.device{position:relative;max-width:1000px;margin:44px auto 0;background:#fff;border-radius:24px;padding:12px 12px 14px;box-shadow:0 40px 80px -40px rgba(7,28,56,.35),0 0 0 1px rgba(0,0,0,.03)}
.chrome{background:#efede7;border-radius:14px 14px 0 0;height:40px;display:flex;align-items:center;padding:0 14px;gap:7px}
.chrome i{width:9px;height:9px;border-radius:50%;background:#dcd8cf;display:block;flex:none}
.chrome .tab{margin-left:22px;background:#fff;border-radius:7px;padding:4px 12px;font-size:12px;color:#3d4757;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* hero carousel */
.carousel{position:relative;aspect-ratio:1536/1024;overflow:hidden;border-radius:0 0 10px 10px;border-top:1px solid #e3ded3;background:#f4f4f4;touch-action:pan-y}
.carousel .slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.035);transition:opacity .9s ease,transform 5.5s ease-out}
.carousel .slide.on{opacity:1;transform:scale(1)}
.dots{display:flex;justify-content:center;gap:8px;margin-top:18px}
.dots button{width:9px;height:9px;border-radius:9px;background:#cfd3da;transition:width .4s,background .4s;padding:0}
.dots button.on{width:28px;background:var(--navy)}

.float{position:absolute;background:#fff;border-radius:14px;box-shadow:0 24px 40px -18px rgba(7,28,56,.35);animation:bob 6s ease-in-out infinite;text-align:left;z-index:3}
.f1{left:-44px;top:34%;width:190px;padding:16px 18px 14px;border:1px solid #ece8df}
.f1 small{display:block;font-size:11px;font-weight:700;letter-spacing:.2em;color:#4a5465}
.f1 b{display:block;font-family:Fraunces,serif;font-weight:600;font-size:21px;margin-top:6px;letter-spacing:-.02em}
.f1 .bar{height:5px;background:#ece7dc;border-radius:9px;margin-top:12px;overflow:hidden}
.f1 .bar div{height:100%;width:22%;background:var(--navy);border-radius:9px}
.f2{right:-40px;top:66%;background:var(--deep);color:#fff;display:flex;gap:14px;align-items:center;padding:14px 18px;white-space:nowrap;animation-delay:-3s}
.f2 .ck{width:34px;height:34px;border-radius:50%;background:var(--gold);display:grid;place-items:center;color:var(--ink);flex:none}
.f2 small{display:block;font-size:11px;font-weight:700;letter-spacing:.2em;color:#b7c2d3}
.f2 b{display:block;font-size:16px;font-weight:700;margin-top:2px}
@keyframes bob{50%{transform:translateY(-6px)}}

/* ---------- THE PROBLEM ---------- */
.problem{background:#fff;padding:80px 0 72px}
.prob-grid{display:grid;grid-template-columns:1fr 560px;gap:64px;align-items:center}
.problem h2{margin-top:16px;font-size:44px}
.problem h2 .caps{letter-spacing:.01em}
.problem p.sub{font-size:14px;line-height:1.6;color:var(--muted);margin-top:16px;max-width:400px;font-weight:400}
.cards2{display:grid;gap:14px}
.pcard{display:flex;gap:16px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 24px}
.pcard .x{flex:none;width:34px;height:34px;border-radius:50%;background:#fde8e5;color:var(--red);display:grid;place-items:center;margin-top:2px}
.pcard h4{font-family:Fraunces,serif;font-variation-settings:"opsz" 48;font-size:20px;font-weight:600;letter-spacing:-.015em;line-height:1.25}
.pcard p{font-size:15px;line-height:1.65;color:var(--muted);margin-top:8px}
.pcard p b{font-weight:700}
.hl{color:var(--navy)}
.hl-red{color:var(--red)}

.unfin-card{max-width:640px;margin:44px auto 0;text-align:center;background:linear-gradient(180deg,#fff7f5,#fff);border:1px solid #f3dcd7;border-radius:22px;padding:30px 28px 32px}
.unfin-card h3{font-size:34px;line-height:1.1;color:var(--ink)}
.unfin-card .red{color:var(--red);position:relative;display:inline-block}
.unfin-card .red svg{position:absolute;left:0;bottom:-7px;width:100%;height:12px}
.unfin-card p{font-size:17px;line-height:1.6;color:#3d4c66;margin:18px auto 0;max-width:470px;font-weight:500}
.unfin-card p b{color:var(--navy);font-weight:800}

/* ---------- INSIDE ---------- */
.inside{background:var(--bg);padding:76px 0 72px;border-top:1px solid #e9e5dc;text-align:center;scroll-margin-top:var(--nav-h)}
.tabs{display:inline-flex;background:#fff;border:1px solid #e3ded3;border-radius:999px;padding:5px;margin-top:24px;gap:4px;max-width:100%}
.tabs button{padding:10px 20px;border-radius:999px;font-size:15px;font-weight:600;color:#3d4757;transition:background .25s,color .25s;white-space:nowrap}
.tabs button.on{background:var(--navy);color:#fff;font-weight:700}
.inside-media{margin-top:28px}
.tab-view{position:relative;border-top:1px solid #e3ded3;border-radius:0 0 10px 10px;overflow:visible;aspect-ratio:1800/1013;background:#fafafa}
.tab-view img{width:100%;height:100%;object-fit:cover;border-radius:0 0 10px 10px;transition:opacity .25s ease}
.tab-view.swap img{opacity:.25}

/* red callout */
.callout{position:absolute;pointer-events:none;opacity:0}
.callout .ring{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);overflow:visible}
.callout .ring rect{fill:rgba(217,70,59,.06);stroke:var(--red);stroke-width:3;stroke-dasharray:100;stroke-dashoffset:100}
.callout .tagline{position:absolute;left:50%;top:calc(100% + 14px);transform:translate(-50%,8px);background:var(--red);color:#fff;font-weight:800;font-size:15px;letter-spacing:.01em;padding:7px 14px;border-radius:999px;white-space:nowrap;box-shadow:0 10px 22px -8px rgba(217,70,59,.7);opacity:0}
.callout .tagline:before{content:"";position:absolute;left:50%;top:-6px;width:12px;height:12px;background:var(--red);transform:translateX(-50%) rotate(45deg);border-radius:2px}
.callout[data-side="top"] .tagline{top:auto;bottom:calc(100% + 14px)}
.callout[data-side="top"] .tagline:before{top:auto;bottom:-6px}
.callout.show{opacity:1}
.callout.show .ring rect{animation:ring-draw .8s cubic-bezier(.6,0,.3,1) forwards,ring-pulse 2.2s 1s ease-in-out infinite}
.callout.show .tagline{animation:tag-in .45s .65s cubic-bezier(.3,1.4,.5,1) forwards}
@keyframes ring-draw{to{stroke-dashoffset:0}}
@keyframes ring-pulse{50%{stroke-width:5;fill:rgba(217,70,59,.12)}}
@keyframes tag-in{to{opacity:1;transform:translate(-50%,0)}}

/* ---------- TESTIMONIALS ---------- */
.reviews{background:#fff;padding:76px 0 64px;overflow:hidden;border-top:1px solid #e9e5dc}
.reviews h2{margin-top:16px}
.rv-stage{position:relative;height:300px;margin-top:40px;transition:height .3s}
.rv{position:absolute;left:50%;top:0;width:min(500px,86vw);background:var(--card);border:1px solid #ece8df;border-radius:20px;padding:26px 28px 24px;box-shadow:0 24px 44px -34px rgba(7,28,56,.45);transition:transform .9s cubic-bezier(.65,0,.25,1),opacity .9s ease;cursor:pointer;text-align:left}
.rv .stars{color:var(--goldline);letter-spacing:3px;font-size:14px}
.rv p{font-size:16px;line-height:1.65;margin-top:12px;color:#26324a;font-weight:500}
.who2{display:flex;gap:12px;align-items:center;margin-top:18px}
.av{width:40px;height:40px;border-radius:50%;background:var(--navy);color:var(--gold);display:grid;place-items:center;font-weight:800;flex:none}
.who2 b{display:block;font-size:15px}
.who2 small{display:block;font-size:13.5px;color:var(--muted)}

/* ---------- PRICING ---------- */
.pricing{background:var(--bg);padding:64px 20px;border-top:1px solid #e9e5dc;scroll-margin-top:var(--nav-h)}
.pcard2{display:grid;grid-template-columns:230px 1fr;max-width:600px;margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:0 24px 50px -34px rgba(7,28,56,.5);border:1px solid #e3e8ef;background:#fff}
.pl{background:linear-gradient(160deg,#eaf4fd,#d9ecfb);padding:22px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}
.badge{background:#fff;color:var(--red);font-size:11px;font-weight:800;letter-spacing:.14em;padding:5px 11px;border-radius:999px;border:1.5px dashed rgba(217,70,59,.55);white-space:nowrap}
.btn-buy{width:100%;height:48px;padding:0 16px;font-size:15.5px;background:var(--sky);color:#fff;border-radius:14px;box-shadow:0 6px 0 #146fae,0 12px 20px -10px rgba(26,138,212,.7);white-space:nowrap}
.btn-buy:hover{transform:translateY(-1px)}
.btn-buy:active{transform:translateY(4px);box-shadow:0 2px 0 #146fae}
.del{font-size:13.5px;color:#4b5d76;margin-top:2px}
.del s{color:#7d8ba0}
.pr{padding:22px 24px;display:flex;align-items:center}
.pr ul{list-style:none;display:grid;gap:12px}
.pr li{display:flex;gap:10px;align-items:center;font-size:15px;color:#1f2a3c;line-height:1.35}
.pr li b{font-weight:700;color:var(--navy)}
.tick{flex:none;width:20px;height:20px;border-radius:50%;background:var(--sky);color:#fff;display:grid;place-items:center}

/* ---------- QUOTE ---------- */
.quote{background:#071d3f url(./assets/quote-bg.jpg) left center/cover no-repeat;padding:84px 0;text-align:center;color:#fff}
.quote .wrap{padding-left:22%}
.quote img{width:64px;height:64px;margin:0 auto;filter:drop-shadow(0 0 14px rgba(255,255,255,.35))}
.quote h2{font-size:50px;line-height:1.1;color:#fff;max-width:760px;margin:24px auto 0}
.quote h2 em,.quote h2 .q{color:var(--gold)}
.quote p.who{margin-top:22px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#d8e0ec}
.quote p.who:before{content:"\2014\00a0"}

/* ---------- MIND ---------- */
.mind{background:#fff;padding:76px 0;text-align:center}
.mind h2{margin-top:16px}
.mind-card{max-width:620px;margin:32px auto 0;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:26px 28px 28px}
.mind-icons{display:flex;justify-content:center;gap:10px}
.mind-icons span{width:40px;height:40px;border-radius:11px;background:var(--navy);color:var(--gold);display:grid;place-items:center}
.mind-card p{font-size:16.5px;line-height:1.7;color:#3d4c66;margin-top:18px}
.mind-card p b{color:var(--navy);font-weight:700}

/* ---------- FAQ ---------- */
.faq{background:var(--bg);padding:76px 0 64px;border-top:1px solid #e9e5dc;scroll-margin-top:var(--nav-h)}
.faq-wide{max-width:820px}
.faq h2{text-align:center;margin:0 0 32px}
.faq-list{border-top:1px solid #e1dcd1}
.qa{border-bottom:1px solid #e1dcd1}
.qa button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;text-align:left;font-size:17px;font-weight:700;color:var(--ink)}
.qa .pm{width:32px;height:32px;border-radius:50%;border:1px solid #cfd3da;display:grid;place-items:center;color:#3d4757;flex:none;transition:transform .35s ease,background .25s}
.qa.open .pm{transform:rotate(180deg);background:#fff}
.qa .ans{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.qa.open .ans{grid-template-rows:1fr}
.qa .ans>div{overflow:hidden}
.qa .ans p{font-size:15.5px;line-height:1.65;color:var(--muted);padding:0 48px 20px 0}

/* support card */
.cta{padding:48px 24px 0}
.cta-box{max-width:820px;margin:0 auto;border-radius:26px;background:linear-gradient(180deg,#ffffff,#f1f8fe);border:1px solid #d6e9f8;box-shadow:0 24px 50px -36px rgba(26,138,212,.6);padding:40px 24px 44px;text-align:center}
.sup-ic{width:56px;height:56px;border-radius:16px;background:var(--sky-soft);color:var(--sky);display:grid;place-items:center;margin:0 auto 18px}
.cta h2{font-size:40px;line-height:1.08;color:var(--ink);max-width:620px;margin:0 auto}
.cta h2 em{color:var(--sky)}
.cta-p{color:var(--muted);font-size:16px;margin-top:14px}
.btn-tg{background:var(--sky);color:#fff;margin-top:26px;box-shadow:0 14px 30px -12px rgba(42,171,238,.7);padding:0 24px 0 8px}
.btn-tg:hover{transform:translateY(-2px);background:#167bbf}
.tg-ic{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center}
.tg-ic svg{margin-left:-2px}

/* ---------- FOOTER ---------- */
footer{background:var(--bg)}
.copy{text-align:center;font-size:13.5px;color:var(--muted);padding:40px 20px calc(32px + env(safe-area-inset-bottom))}

/* ================= RESPONSIVE ================= */
@media (max-width:1100px){
  .navlinks{display:none}
  .prob-grid{grid-template-columns:1fr;gap:28px}
  .prob-head{text-align:center}
  .problem p.sub{margin-left:auto;margin-right:auto}
  .f1{left:-10px}.f2{right:-10px}
  .quote .wrap{padding-left:24px}
  .quote{background-position:20% center}
}
@media (max-width:760px){
  :root{--nav-h:58px}
  .wrap{padding:0 18px}
  .ticker{height:30px}
  .ticker span,.ticker i{font-size:11px}
  .brand{font-size:12px;letter-spacing:.14em;gap:8px}
  .brand img{width:34px;height:34px}
  .navbtn{font-size:13px;padding:8px 14px}

  h2.serif{font-size:32px;letter-spacing:-.01em}

  /* hero: compact */
  .hero{padding:26px 0 30px}
  .hero .b1{width:300px;height:380px;left:-160px;top:80px}
  .hero .b2{width:300px;height:380px;right:-170px;top:140px}
  .h1-small{font-size:19px}
  .h1-big{font-size:clamp(44px,13.6vw,58px);margin-top:6px;line-height:1.02}
  .hero h1 em svg{bottom:-8px;height:14px}
  .hero p.lead{font-size:14.5px;line-height:1.55;margin-top:16px;max-width:330px}
  .ctas{margin-top:18px}
  .ctas .btn{height:46px;font-size:15px;padding:0 24px}
  .perks{display:grid;grid-template-columns:auto auto;justify-content:center;gap:8px 16px;margin-top:18px;font-size:12.5px;text-align:left}
  .perks svg{width:14px;height:14px}
  .device{margin-top:22px;border-radius:16px;padding:6px 6px 8px}
  .chrome{height:26px;padding:0 9px;gap:5px;border-radius:10px 10px 0 0}
  .chrome i{width:6px;height:6px}
  .chrome .tab{font-size:9.5px;margin-left:8px;padding:2px 8px}
  .carousel,.tab-view,.tab-view img{border-radius:0 0 7px 7px}
  .float{display:none}
  .dots{margin-top:14px}

  /* problem: lighter */
  .problem{padding:48px 0 44px}
  .problem h2{font-size:30px;margin-top:12px}
  .problem p.sub{font-size:13.5px;margin-top:10px}
  .cards2{gap:10px}
  .pcard{padding:18px 18px 18px 16px;gap:12px;border-radius:16px}
  .pcard .x{width:28px;height:28px}
  .pcard .x svg{width:13px;height:13px}
  .pcard h4{font-size:17.5px}
  .pcard p{font-size:14.5px;line-height:1.6;margin-top:6px}
  .unfin-card{margin-top:28px;padding:22px 20px 24px;border-radius:18px}
  .unfin-card h3{font-size:25px}
  .unfin-card p{font-size:15px;margin-top:14px}

  /* inside */
  .inside{padding:48px 0 44px}
  .tabs{display:grid;grid-template-columns:1fr 1fr;border-radius:18px;padding:5px;gap:4px;margin-top:18px;width:100%;max-width:380px}
  .tabs button{padding:10px 8px;font-size:14px;border-radius:13px}
  .inside-media{margin-top:18px}
  .callout .ring rect{stroke-width:2}
  .callout .tagline{font-size:12px;padding:5px 10px;top:calc(100% + 10px)}
  .callout[data-side="top"] .tagline{bottom:calc(100% + 10px)}
  @keyframes ring-pulse{50%{stroke-width:3.5;fill:rgba(217,70,59,.12)}}

  /* testimonials */
  .reviews{padding:48px 0 40px}
  .rv-stage{margin-top:26px}
  .rv{padding:20px 20px 18px;border-radius:18px}
  .rv p{font-size:15px;line-height:1.62}
  .who2{margin-top:14px}
  .av{width:36px;height:36px}

  /* pricing: stacked, small */
  .pricing{padding:40px 18px}
  .pcard2{grid-template-columns:1fr;max-width:340px;border-radius:18px}
  .pl{padding:18px 18px 16px;gap:10px}
  .pr{padding:18px 20px 20px}
  .pr ul{gap:10px}
  .pr li{font-size:14.5px}

  /* quote: ~30% smaller */
  .quote{padding:52px 0;background-position:15% center}
  .quote:before{content:"";position:absolute;inset:0;background:rgba(3,26,51,.55)}
  .quote .wrap{position:relative}
  .quote img{width:48px;height:48px}
  .quote h2{font-size:28px;margin-top:16px}
  .quote p.who{font-size:11.5px;margin-top:14px}

  /* mind */
  .mind{padding:48px 0}
  .mind-card{margin-top:22px;padding:20px 20px 22px;border-radius:18px}
  .mind-icons span{width:34px;height:34px;border-radius:10px}
  .mind-card p{font-size:15px;line-height:1.65;margin-top:14px}

  /* faq + support */
  .faq{padding:48px 0 40px}
  .faq h2{margin-bottom:18px}
  .qa button{font-size:15.5px;padding:16px 0}
  .qa .pm{width:28px;height:28px}
  .qa .ans p{font-size:14.5px;padding:0 8px 16px 0}
  .cta{padding:32px 18px 0}
  .cta-box{padding:28px 18px 30px;border-radius:20px}
  .sup-ic{width:46px;height:46px;border-radius:13px;margin-bottom:14px}
  .sup-ic svg{width:22px;height:22px}
  .cta h2{font-size:27px}
  .cta-p{font-size:14.5px;margin-top:10px}
  .btn-tg{font-size:14.5px;height:48px;margin-top:20px}
  .tg-ic{width:32px;height:32px}
  .copy{padding-top:30px;font-size:12.5px}
}
@media (max-width:360px){
  .brand{font-size:11px;letter-spacing:.1em}
  .navbtn{padding:8px 11px;font-size:12px}
  .perks{grid-template-columns:auto}
}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  html{scroll-behavior:auto}
}

/* v3.1 polish: restore the product-led navy/gold pricing language */
.ticker-track{animation:tick 24s linear infinite;min-width:max-content}
@keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.hero .carousel .slide{will-change:opacity,transform}
.hero .dots button,.reviews .dots button{cursor:pointer}
.rv mark{background:linear-gradient(transparent 56%,rgba(242,210,124,.9) 56%);color:var(--navy);padding:0 3px;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone;animation:highlight-in .7s .45s both}
@keyframes highlight-in{from{background-size:0 100%;background-repeat:no-repeat}to{background-size:100% 100%;background-repeat:no-repeat}}
.unfin-lower{background:#fff;padding:24px 0 72px;border-top:1px solid #e9e5dc}
.pricing{background:#fff;padding:72px 20px 78px}
.pcard2{grid-template-columns:260px 1fr;max-width:720px;border-radius:22px;box-shadow:0 26px 60px -38px rgba(7,28,56,.55);border:1px solid #d8e0ea}
.pl{background:radial-gradient(ellipse 120% 100% at 100% 0%,#164a83,#0a3462 58%,#031a33);padding:30px 24px;color:#fff;gap:14px}
.badge{background:rgba(242,210,124,.14);color:var(--gold);border:1px solid rgba(242,210,124,.34);font-size:10px;letter-spacing:.12em}
.btn-buy{background:var(--gold);color:var(--ink);box-shadow:0 7px 0 #c29837,0 14px 24px -12px rgba(242,210,124,.7);border-radius:999px;font-size:14px}
.btn-buy:hover{background:#f7dc91}
.del{color:#c3cddc}.del s{color:#8fa1b8}
.pr{padding:30px 28px}.pr ul{gap:16px}.pr li{font-size:15px}.tick{background:var(--navy)}
.faq{background:#eef5fb;border-top:1px solid #d9e7f2;padding-bottom:72px}
.faq .faq-wide{background:rgba(255,255,255,.55);border:1px solid #dceaf4;border-radius:24px;padding:30px 34px}
.faq-list{border-top-color:#cbdde9}.qa{border-bottom-color:#cbdde9}
.cta{background:#eef5fb;padding:0 24px 82px}
.cta-box{max-width:820px;background:#fff;border:1px solid #cfe3f0;box-shadow:0 24px 50px -36px rgba(26,138,212,.55);border-radius:24px}
@media(max-width:760px){
 .unfin-lower{padding:18px 0 48px}
 .pricing{padding:48px 18px 54px}
 .pcard2{grid-template-columns:1fr;max-width:360px}
 .pl{padding:22px 20px 20px}.pr{padding:22px 22px 24px}
 .faq{padding:42px 0 44px}.faq .faq-wide{padding:22px 20px;border-radius:18px}
 .cta{padding:0 18px 48px}.cta-box{border-radius:18px}
}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}

/* ================= v4: conversion pass ================= */
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--goldline);outline-offset:3px;border-radius:8px}

/* hero CTAs */
.ctas{gap:12px;flex-wrap:wrap}
.btn-gold{background:var(--gold);color:var(--ink);box-shadow:0 6px 0 #c29837,0 16px 28px -14px rgba(194,152,55,.8)}
.btn-gold:hover{background:#f7dc91;transform:translateY(-1px)}
.btn-gold:active{transform:translateY(4px);box-shadow:0 2px 0 #c29837}
.btn-gold svg{transition:transform .2s}
.btn-gold:hover svg{transform:translateX(3px)}
.btn-ghost{background:#fff;color:var(--navy);border:1px solid #d8dde6}
.btn-ghost:hover{border-color:var(--navy);transform:translateY(-1px)}
.problem p.sub{font-size:16px}

/* inside */
.inside h2{margin-top:16px}
.tab-cap{font-size:16px;color:var(--muted);margin:18px auto 0;max-width:520px;min-height:1.5em}

/* pricing */
.pricing h2{margin-top:16px}
.pcard2{margin-top:36px}
.price{font-family:Fraunces,Georgia,serif;font-variation-settings:"opsz" 144;font-weight:600;font-size:56px;line-height:1;letter-spacing:-.03em;color:#fff}
.del{margin-top:-4px}
.pl .btn-buy{margin-top:6px;font-size:16px}
.how{font-size:13px;color:#aebbd0}
.pr li{align-items:flex-start}
.pr .tick{margin-top:1px}

/* final CTA inside the "unfinished" card */
.unfin-card .btn{margin-top:24px}
.fine{font-size:13px;color:var(--muted);margin-top:14px}

/* mobile sticky buy bar */
.mbar{display:none}
@media(max-width:760px){
  .ctas{flex-direction:column;align-items:center;gap:10px}
  .ctas .btn{width:100%;max-width:300px}
  .tab-cap{font-size:14.5px;margin-top:14px;padding:0 6px}
  .price{font-size:46px}
  .problem p.sub{font-size:14.5px}
  .mbar{display:flex;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:60;align-items:center;justify-content:space-between;gap:12px;background:var(--deep);color:#fff;border-radius:18px;padding:10px 10px 10px 18px;box-shadow:0 18px 40px -12px rgba(3,26,51,.6);transform:translateY(140%);transition:transform .35s cubic-bezier(.3,1.2,.5,1)}
  .mbar.show{transform:none}
  .mbar b{font-family:Fraunces,Georgia,serif;font-size:21px;font-weight:600}
  .mbar s{color:#8fa1b8;font-size:14px;margin-left:4px}
  .mbar small{display:block;font-size:12px;color:#aebbd0;letter-spacing:.04em}
  .mbar .btn{height:44px;padding:0 18px;font-size:14.5px;box-shadow:0 4px 0 #c29837}
  .copy{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
}
.nw{white-space:nowrap}
@media(max-width:760px){.dbr{display:none}}