:root{
  color-scheme:only light;forced-color-adjust:none;
  --blue:#2B2BE0;--lav:#E4E4EF;--pink:#F7C6EA;--pink-soft:#FBD9F1;
  --pink-deep:#E87BD0;--acid:#D9F03A;--red:#FF4B2E;--white:#FFF;
  --ink:#2A17B8;--ink-dark:#14143C;
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth;overflow-x:hidden;overflow-x:clip;width:100%;max-width:100%;-webkit-text-size-adjust:100%}
body{
  font-family:'Inter Tight',system-ui,sans-serif;
  background:#2B2BE0 !important;background-color:#2B2BE0 !important;color:#FFF !important;
  line-height:1.5;overflow-x:hidden;overflow-x:clip;position:relative;width:100%;max-width:100%;
}
body::before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:6;opacity:.13;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");
}
.wrap{max-width:620px;margin:0 auto;padding-left:20px;padding-right:20px;position:relative;z-index:2}
a{color:inherit}
.tag{font-family:'IBM Plex Mono',monospace;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px}
.sticker{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:8px}
.pill{
  display:inline-block;border:none;border-radius:999px;background:var(--acid);color:var(--ink-dark);
  font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:12px;letter-spacing:.08em;
  text-transform:uppercase;text-decoration:underline;text-underline-offset:2px;padding:14px 26px;
  cursor:pointer;transition:transform .12s cubic-bezier(.34,1.56,.64,1);
}
.pill:active{transform:scale(.96)}

/* NAV */
nav{padding:22px 0 6px;position:relative;z-index:5}
nav .row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
nav .brand{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;color:#fff}
nav .links{display:flex;gap:16px}
nav .links a{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#c5c5f5;text-decoration:none}
nav .links a:hover,nav .links a[aria-current]{color:var(--acid);text-decoration:underline;text-underline-offset:3px}

/* HERO */
.hero{padding-top:22px;padding-bottom:8px;position:relative;overflow:hidden}
.blob{position:absolute;z-index:0;pointer-events:none;opacity:.9}
.blob.b1{width:110px;height:140px;background:var(--pink-deep);border-radius:46% 54% 60% 40%/50% 40% 60% 50%;top:10px;right:0;transform:rotate(14deg);animation:float 7s ease-in-out infinite}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}
h1{font-weight:900;font-size:clamp(33px,9vw,52px);line-height:1;letter-spacing:-.03em;position:relative;z-index:2}
h1 em{font-style:italic;color:var(--acid)}
.lede{margin-top:14px;font-size:16px;font-weight:500;max-width:44ch;position:relative;z-index:2}
.lede b{background:var(--acid);color:var(--ink-dark);padding:0 5px;font-weight:800}
.trust{margin-top:16px;font-family:'IBM Plex Mono',monospace;font-size:11px;color:#c5c5f5;display:flex;flex-wrap:wrap;gap:8px 15px;position:relative;z-index:2}
.trust span::before{content:'✓ ';color:var(--acid);font-weight:700}

/* MARQUEE */
.marquee-wrap{overflow:hidden;width:100%;max-width:100%;position:relative;z-index:3;margin:26px 0 4px}
.marquee{background:var(--acid);color:var(--ink-dark);overflow:hidden;white-space:nowrap;padding:9px 0;transform:rotate(-1deg);width:100%}
.marquee span{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;animation:scroll 24s linear infinite}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* CARDS */
.card{background:#fff;color:var(--ink-dark);border-radius:22px;padding:22px 18px;box-shadow:0 14px 34px rgba(0,0,0,.25);position:relative;z-index:2;margin-top:16px}
.card h3{font-size:18px;font-weight:900;letter-spacing:-.02em}
.card p{font-size:13.5px;font-weight:500;color:#5a5a85;margin-top:5px}

/* LIGHT SECTION */
.light{background:var(--lav);color:var(--ink);padding-top:40px;padding-bottom:38px;position:relative;z-index:2;margin-top:30px}
.light h2{font-weight:900;font-size:clamp(27px,7.5vw,38px);letter-spacing:-.02em;line-height:1.04;margin-bottom:8px}
.light .sub{font-size:14px;font-weight:500;color:#4a4a80;margin-bottom:20px}

/* TILE LINKS */
.tile{display:block;text-decoration:none;background:#fff;border-radius:16px;padding:16px;margin-bottom:11px;color:var(--ink-dark);box-shadow:0 5px 14px rgba(0,0,0,.07);position:relative;transition:transform .14s cubic-bezier(.34,1.56,.64,1)}
.tile:hover{transform:translateX(5px) rotate(-.3deg)}
.tile .tag{color:var(--ink);background:var(--pink-soft);padding:3px 8px;border-radius:4px}
.tile h3{font-size:16px;font-weight:800;margin-top:7px;letter-spacing:-.01em}
.tile p{font-size:12.5px;font-weight:500;color:#5a5a85;margin-top:3px}
.tile .stk{position:absolute;top:-9px;right:12px;transform:rotate(3deg)}
.tile.free .stk{background:var(--acid);color:var(--ink-dark)}
.tile.paid .stk{background:var(--red);color:#fff}

/* SECTION ON BLUE */
.section{padding-top:36px;padding-bottom:10px;position:relative;z-index:2}
.section h2{font-weight:900;font-size:clamp(26px,7.5vw,36px);letter-spacing:-.02em;line-height:1.05;margin-bottom:10px}
.section h2 em{font-style:italic;color:var(--acid)}
.section p{font-size:14.5px;font-weight:500;margin-bottom:12px;max-width:48ch}
.section b{background:var(--pink);color:var(--ink-dark);padding:0 4px}

/* GUARANTEE */
.guar{background:var(--acid);color:var(--ink-dark);border-radius:20px;padding:20px 18px;margin-top:20px;position:relative;z-index:2}
.guar h3{font-weight:900;font-size:19px;letter-spacing:-.02em;margin-bottom:6px}
.guar p{font-size:13.5px;font-weight:500}

/* FOUNDING NOTE (instead of fake reviews) */
.founding{background:var(--pink-soft);color:var(--ink-dark);border-radius:16px;padding:16px;margin-top:14px}
.founding h4{font-weight:800;font-size:15px;margin-bottom:4px}
.founding p{font-size:12.5px;color:#5a5a85;font-weight:500}

/* CTA */
.cta{padding-top:34px;padding-bottom:18px;position:relative;z-index:2}
.cta-card{background:var(--pink);color:var(--ink-dark);border-radius:22px;padding:24px 18px;position:relative;box-shadow:0 14px 34px rgba(0,0,0,.26)}
.cta-card .stk{position:absolute;top:-14px;left:18px;background:var(--acid);transform:rotate(-4deg);box-shadow:0 3px 0 rgba(0,0,0,.15)}
.cta-card h2{font-weight:900;font-size:clamp(23px,6.8vw,32px);letter-spacing:-.02em;line-height:1.06;margin-bottom:9px}
.cta-card h2 em{font-style:italic;color:var(--ink)}
.cta-card p{font-size:13.5px;font-weight:500;margin-bottom:10px}
.price{font-weight:900;font-size:22px;margin:8px 0 14px}
.price s{opacity:.5;font-weight:700;font-size:15px;margin-left:7px}

/* ARTICLE (guides) */
article{background:#fff;color:var(--ink-dark);border-radius:22px;padding:24px 20px;margin-top:18px;box-shadow:0 14px 34px rgba(0,0,0,.22);position:relative;z-index:2}
article h2{font-weight:900;font-size:24px;letter-spacing:-.02em;margin:26px 0 8px;line-height:1.12}
article h2:first-child{margin-top:0}
article h3{font-weight:800;font-size:17px;margin:20px 0 6px}
article p{font-size:15px;margin-bottom:12px;color:#2a2a45}
article ul,article ol{margin:0 0 14px 20px}
article li{font-size:15px;margin-bottom:7px;color:#2a2a45}
article b,article strong{font-weight:800;color:var(--ink-dark)}
article .quote{background:var(--lav);border-left:5px solid var(--blue);border-radius:0 12px 12px 0;padding:14px 16px;margin:14px 0;font-size:14.5px;font-weight:500}
article .warn{background:var(--pink-soft);border-radius:12px;padding:14px 16px;margin:14px 0;font-size:14px}
article .letter{background:var(--lav);border:2px dashed #c9c9e0;border-radius:14px;padding:16px;font-family:'IBM Plex Mono',monospace;font-size:12.5px;line-height:1.7;white-space:pre-wrap;margin:14px 0}
article .updated{font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:#8a8ab0;margin-bottom:16px}

/* FOOT */
.foot{padding-top:26px;padding-bottom:56px;font-size:11.5px;color:#b9b9f0;font-weight:500;position:relative;z-index:2}
.foot a{color:var(--pink)}
.foot .links{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}
.foot .links a{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px}
@media (prefers-color-scheme: dark){
  html,body{background:#2B2BE0 !important;color:#fff !important}
  .card,article{background:#fff !important;color:#14143C !important}
  .light{background:#E4E4EF !important;color:#2A17B8 !important}
  .tile{background:#fff !important;color:#14143C !important}
  .cta-card{background:#F7C6EA !important;color:#14143C !important}
  .guar{background:#D9F03A !important;color:#14143C !important}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}.marquee,.cta-card,.tile{transform:none!important}}