:root{--cream:#FBF4E2;--cream2:#F4EAD2;--card:#FFFDF6;--dark:#221A14;--purple:#7C3AED;--purple-d:#6425C9;--purple-l:#EFE7FB;--gold:#B8860B;--amber:#F0A828;--green:#2F9E63;--green-bg:#E0F2E6;--red:#C0504A;--red-bg:#FBE3E3;--ink:#2B2118;--muted:#8D7B64;--line:#E8DCC2}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Verdana,sans-serif;background:var(--cream);color:var(--ink);line-height:1.55;overflow-x:hidden}
nav{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;max-width:1060px;margin:0 auto}
nav .logo{font-weight:bold;color:var(--ink);font-size:1.1rem;text-decoration:none}
nav .logo span{background:var(--purple);color:#fff;padding:2px 8px;border-radius:6px;transform:rotate(-2deg);display:inline-block}
nav .links{display:flex;gap:18px;align-items:center;font-size:.85rem}
nav .links a{color:var(--ink);text-decoration:none;font-weight:bold}
nav .links a:hover{color:var(--purple)}
nav .links a.active{color:var(--purple);border-bottom:2px solid var(--amber)}
.hero{text-align:center;padding:64px 20px 44px;position:relative;max-width:1000px;margin:0 auto}
.hero h1{font-family:Georgia,serif;font-size:clamp(2rem,5.5vw,3.7rem);color:var(--ink);line-height:1.12}
.hero h1 em{font-style:normal;color:#fff;background:linear-gradient(120deg,var(--purple) 0%,var(--purple-d) 100%);padding:0 14px;border-radius:12px;display:inline-block;transform:rotate(-1.5deg)}
.hero .sub{margin:24px auto;max-width:560px;color:var(--muted);font-size:1.05rem}
.hero .sub b{color:var(--purple)}
.sticker{position:absolute;background:var(--dark);color:#fff;font-size:.72rem;font-weight:bold;padding:10px 14px;border-radius:50px;transform:rotate(8deg);box-shadow:3px 3px 0 var(--amber);z-index:2}
.sticker.s1{top:14px;right:4%}
.sticker.s2{top:170px;left:2%;transform:rotate(-7deg);background:var(--green);box-shadow:3px 3px 0 var(--dark)}
.cta{display:inline-block;background:var(--purple);color:#fff;font-size:1.1rem;font-weight:bold;padding:17px 38px;border-radius:14px;text-decoration:none;box-shadow:5px 5px 0 var(--dark);transition:transform .1s,background .1s}
.cta:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--dark);background:var(--purple-d)}
.cta.small{font-size:.85rem;padding:10px 20px;box-shadow:3px 3px 0 var(--dark)}
.pills{margin-top:18px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.pill{background:var(--green-bg);color:var(--green);font-size:.72rem;font-weight:bold;padding:6px 13px;border-radius:20px}
.strike{background:var(--purple);color:#fff;padding:52px 20px;margin:60px 0;transform:rotate(-1.2deg) scale(1.02)}
.strike .in{transform:rotate(1.2deg);max-width:820px;margin:0 auto;text-align:center}
.strike h2{font-family:Georgia,serif;font-size:1.9rem;font-weight:normal;margin-bottom:10px}
.strike h2 b{color:var(--amber)}
.strike p{opacity:.92;max-width:620px;margin:0 auto}
.boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;max-width:920px;margin:64px auto;padding:0 20px}
.box{background:var(--card);border:2px solid var(--dark);border-radius:16px;padding:26px;box-shadow:6px 6px 0 var(--amber);transition:transform .12s}
.box:nth-child(2){transform:rotate(1deg);box-shadow:6px 6px 0 var(--purple)}
.box:nth-child(3){box-shadow:6px 6px 0 var(--green)}
.box:hover{transform:translateY(-4px)}
.box .big{font-family:Georgia,serif;font-size:2rem;color:var(--purple)}
.box h3{margin:8px 0;color:var(--ink)}
.box p{font-size:.9rem;color:var(--muted)}
.box a{color:var(--purple);font-weight:bold;font-size:.85rem}
.levelcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;max-width:920px;margin:0 auto 64px;padding:0 20px}
.lvl{background:var(--card);border:2px solid var(--dark);border-radius:20px;padding:30px;position:relative;box-shadow:7px 7px 0 var(--purple);text-decoration:none;color:var(--ink);display:block;transition:transform .12s}
.lvl:hover{transform:translateY(-4px)}
.lvl.alt{box-shadow:7px 7px 0 var(--amber);transform:rotate(.6deg)}
.lvl .tier{background:var(--purple-l);color:var(--purple-d);font-size:.7rem;font-weight:bold;padding:5px 12px;border-radius:20px;display:inline-block;margin-bottom:12px}
.lvl h3{font-family:Georgia,serif;font-size:1.5rem;font-weight:normal;margin-bottom:8px}
.lvl p{font-size:.9rem;color:var(--muted);margin-bottom:14px}
.lvl .go{color:var(--purple);font-weight:bold;font-size:.9rem}
.lvl .flag{position:absolute;top:-12px;right:16px;background:var(--amber);color:var(--dark);font-size:.65rem;font-weight:bold;padding:5px 12px;border-radius:20px;transform:rotate(3deg)}
section.faq{max-width:760px;margin:0 auto 70px;padding:0 20px}
section.faq h2{font-family:Georgia,serif;font-weight:normal;color:var(--ink);font-size:1.7rem;text-align:center;margin-bottom:26px}
section.faq h2 b{color:var(--purple)}
details{background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:16px 20px;margin-bottom:10px}
details[open]{border-color:var(--purple)}
summary{font-weight:bold;cursor:pointer;font-size:.95rem}
details p{margin-top:10px;font-size:.9rem;color:var(--muted)}
.rumour{max-width:640px;margin:0 auto 70px;padding:0 20px;text-align:center}
.rumour .bubble{background:var(--purple-l);border:2px dashed var(--purple);border-radius:20px;padding:24px;font-family:Georgia,serif;font-size:1.12rem;color:var(--purple-d);font-style:italic}
.rumour .who{font-size:.75rem;color:var(--muted);margin-top:10px}
.ctaband{text-align:center;background:var(--cream2);padding:56px 20px;margin-top:20px}
.ctaband h2{font-family:Georgia,serif;font-weight:normal;font-size:1.8rem;color:var(--ink);margin-bottom:8px}
.ctaband h2 b{color:var(--purple)}
.ctaband p{color:var(--muted);margin-bottom:24px}
.prose{max-width:760px;margin:0 auto;padding:0 20px 30px}
.prose h2{font-family:Georgia,serif;font-weight:normal;color:var(--ink);font-size:1.6rem;margin:36px 0 12px}
.prose h2 b{color:var(--purple)}
.prose p{margin-bottom:14px;color:var(--ink)}
.prose .callout{background:var(--green-bg);border-radius:14px;padding:16px 20px;font-size:.92rem;color:var(--green);font-weight:bold;margin:18px 0}
.prose .callout.warn{background:var(--red-bg);color:var(--red)}
.pricing{max-width:820px;margin:0 auto 70px;padding:0 20px;text-align:center}
.pricing h2{font-family:Georgia,serif;font-weight:normal;color:var(--ink);font-size:1.8rem;margin-bottom:6px}
.pricing h2 b{color:var(--purple)}
.pricing .sub{color:var(--muted);margin-bottom:28px;font-size:.95rem}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}
.plan{background:var(--card);border:2px solid var(--dark);border-radius:20px;padding:30px 24px;position:relative;box-shadow:6px 6px 0 var(--line)}
.plan.best{box-shadow:7px 7px 0 var(--purple);transform:rotate(.6deg)}
.plan .flag{position:absolute;top:-13px;left:50%;transform:translateX(-50%) rotate(-2deg);background:var(--amber);color:var(--dark);font-size:.65rem;font-weight:bold;padding:5px 14px;border-radius:20px;white-space:nowrap}
.plan h3{font-family:Georgia,serif;font-weight:normal;font-size:1.2rem;margin-bottom:6px}
.plan .price{font-family:Georgia,serif;font-size:2.4rem;color:var(--purple);font-weight:bold}
.plan .per{font-size:.75rem;color:var(--muted);margin-bottom:14px}
.plan ul{list-style:none;text-align:left;font-size:.85rem;margin:14px 0 18px}
.plan ul li{padding:5px 0 5px 24px;position:relative}
.plan ul li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:bold}
.plan .save{background:var(--green-bg);color:var(--green);font-size:.72rem;font-weight:bold;padding:4px 12px;border-radius:20px;display:inline-block;margin-bottom:10px}
.pricing .note{font-size:.75rem;color:var(--muted);margin-top:18px}
footer{background:var(--dark);color:#cfc4b2;font-size:.72rem;padding:24px 20px;text-align:center;line-height:1.8;margin-top:40px}
footer a{color:var(--amber)}
footer .fnav{margin-bottom:8px;font-size:.78rem}
footer .fnav a{margin:0 8px;color:#fff;text-decoration:none}
@media(max-width:560px){.sticker{position:static;display:inline-block;margin:6px 4px}.hero{padding-top:36px}}