/* Homade marketing v3: layered glass, readable typography, native interactions. */
:root {--bg:#f6f3f8;--surface:#fff;--surface-2:#eee7f3;--ink:#30233c;--ink-2:#51435f;--muted:#655970;--accent:#704b8c;--line:#dfd5e8;--brass-deep:#805e2e;--shadow-sm:inset 0 1px 0 #ffffffb3,0 3px 6px #38224405,0 16px 36px -25px #38224440;--shadow:inset 0 1px 0 #ffffff70,0 22px 55px -30px #38224460}
:root[data-theme='dark'] {--bg:#1f1828;--surface:#2d2438;--surface-2:#3a2d48;--ink:#f5edf9;--ink-2:#d9cbe5;--muted:#bdaccb;--accent:#d0a9e6;--line:#514060;--brass-deep:#dfbf8d;--shadow-sm:inset 0 1px 0 #ffffff12,0 12px 30px -24px #000000b3;--shadow:inset 0 1px 0 #ffffff18,0 25px 60px -28px #000000cc}
body {font-size:17px;line-height:1.7}
:focus-visible {outline:2px solid var(--accent);outline-offset:4px}
section:not(.hero) {scroll-margin-top:28px}
section.blk {padding-block:clamp(64px,7vw,108px)}
.blk:nth-of-type(even) {background:radial-gradient(ellipse at 92% 0%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 60%)}
.sec-head {max-width:70ch}
h2 {font-size:clamp(30px,4vw,48px);line-height:1.16;letter-spacing:-.025em}
.sec-sub {font-size:18px;line-height:1.75;max-width:65ch;margin-top:18px}
.eyebrow {font-family:var(--fb);font-size:12px;font-weight:700;letter-spacing:.13em}
.grid {gap:22px}
.card,.price,.link-card {background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface-2) 48%,var(--surface)));border:1px solid color-mix(in srgb,var(--line) 80%,var(--surface));border-radius:26px;box-shadow:var(--shadow-sm)}
.card {padding:30px}
.card.lift:hover,.link-card:hover {transform:translateY(-2px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}
.card .ic {height:50px;width:50px;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff40;border:1px solid color-mix(in srgb,var(--accent) 16%,transparent)}
.card h3 {font-family:var(--fb);font-size:21px;font-weight:700;letter-spacing:-.025em;line-height:1.35;margin-top:20px}
.card p {font-size:15.5px;line-height:1.75;margin-top:12px}
.prices {grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch;margin-top:36px}
.price {display:flex;flex-direction:column;padding:24px 20px;position:relative}
.price.feat {border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 11%,var(--surface)),var(--surface));box-shadow:var(--shadow)}
.price .tier {font-family:var(--fb);font-size:21px;font-weight:700;letter-spacing:-.025em}
.price .amt {font-family:var(--fb);font-size:36px;font-weight:700;letter-spacing:-.055em;line-height:1.25;margin-top:16px;font-variant-numeric:tabular-nums;white-space:nowrap}
.price .amt small {font-size:13px;letter-spacing:0}
.price .amt-note {font-size:13px;line-height:1.5}
.price .feat-tag {font-family:var(--fb);font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--accent)}
.price ul {flex:1;gap:11px;margin-block:22px}
.price li {font-size:14px;line-height:1.55}
.price .btn {width:100%;padding-inline:12px;font-size:14px}
.btn {border-radius:14px;min-height:46px;transition:background-color .15s,border-color .15s,box-shadow .15s}
.btn-primary {background:linear-gradient(145deg,#795093,#65407f);box-shadow:inset 0 1px 0 #ffffff30,0 6px 14px -9px #59327599}
:root[data-theme='dark'] .btn-primary {background:linear-gradient(145deg,#cba6df,#b88bd1);color:#24142e}
.dd,.mmenu {background:linear-gradient(145deg,rgba(43,31,53,.87),rgba(28,20,36,.92));border:1px solid rgba(255,255,255,.22);border-radius:22px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 #ffffff25,0 20px 60px -20px #0e0719bb}
.dd a {font-size:14px;line-height:1.5;padding:11px 14px;color:#f1e8f8}
.mmenu .ms {color:#e0d1ec;font-size:15px;line-height:1.5;padding-block:10px}
.mmenu {max-height:calc(100dvh - 100px);overflow-y:auto}
.mmenu .mfoot .btn {min-width:0;font-size:14px}
.link-grid {gap:22px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.link-card {padding:26px}
.link-card b {font-family:var(--fb);font-size:18px;line-height:1.4;font-weight:700}
.link-card span {font-size:15px;line-height:1.7;margin-top:12px}
.prose {font-size:18px;line-height:1.85;max-width:70ch}
.prose h2 {line-height:1.25;margin-top:48px}
.prose h3 {font-family:var(--fb);font-size:21px;font-weight:700;line-height:1.35}
.prose table {display:block;overflow-x:auto;font-size:15px;border-radius:14px}
.faq {padding:14px 26px;background:color-mix(in srgb,var(--surface) 90%,transparent);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-sm)}
.faq summary {font-size:17px;line-height:1.5;padding-block:6px}
.faq details:last-child {border-bottom:0}
.faq p {font-size:16px;line-height:1.8}
@media(max-width:1100px){.prices{grid-template-columns:repeat(3,minmax(0,1fr))}.price{padding:26px}.price .amt{font-size:40px}}
@media(max-width:760px){.prices{grid-template-columns:repeat(2,minmax(0,1fr))}.grid,.link-grid{gap:16px}.card{padding:24px}.sec-sub{font-size:17px}.prose{font-size:17px}}
@media(max-width:520px){.wrap{padding-inline:20px}.prices{grid-template-columns:1fr}.g3,.link-grid{grid-template-columns:1fr}.price{padding:28px}.card,.link-card{border-radius:22px}.card h3{font-size:20px}.card p{font-size:15px}.faq{padding:12px 18px}.price .amt{font-size:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.link-card,.dd,.mmenu,.btn{transition:none;transform:none}}
:root {--accent-ink:#fff;--sage:#30724a}
:root[data-theme='dark'] {--accent-ink:#24142e;--sage:#94d6a6}
.billing-toggle {box-shadow:inset 0 1px 0 #ffffff50;border-radius:18px;padding:6px;gap:5px}
.billing-toggle .bt {min-height:40px;border-radius:12px;font-size:14px}
.billing-toggle .bt span {font-size:12px}
.dd,.mmenu {background:linear-gradient(145deg,rgba(43,31,53,.95),rgba(28,20,36,.96))}
.mmenu {transition:opacity .16s ease-out,transform .16s ease-out,visibility .16s}