:root{--primary: #4c63d2;--primary-dark: #283593;--primary-light: #5c6bc0;--secondary: #9c27b0;--secondary-dark: #7b1fa2;--gold: #ffd54f;--gold-deep: #e0a106;--ink: #1a1a1a;--ink-soft: rgba(26, 26, 26, .7);--ink-faint: rgba(26, 26, 26, .55);--bg: #ffffff;--bg-alt: #f6f7fc;--border: #e6e8f2;--hero-gradient: linear-gradient(120deg, #283593 0%, #3f51b5 45%, #7b1fa2 100%);--brand-gradient: linear-gradient(135deg, #4c63d2 0%, #9c27b0 100%);--radius: 16px;--radius-sm: 10px;--shadow: 0 10px 30px rgba(40, 53, 147, .12);--shadow-soft: 0 4px 16px rgba(40, 53, 147, .08);--maxw: 1080px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.2;color:var(--ink);margin:0 0 .5em}h1{font-size:clamp(2rem,5vw,3.25rem);letter-spacing:-.02em}h2{font-size:clamp(1.5rem,3vw,2.25rem);letter-spacing:-.01em}p{margin:0 0 1rem}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:999px;font-weight:700;font-size:1rem;cursor:pointer;border:none;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn:hover{text-decoration:none;transform:translateY(-2px)}.btn-primary{background:var(--brand-gradient);color:#fff;box-shadow:var(--shadow-soft)}.btn-gold{background:linear-gradient(180deg,#fff3b0,#e0a106);color:#3a2c00}.btn-ghost{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.45)}.site-header{position:sticky;top:0;z-index:50;background:#ffffffe6;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem;color:var(--ink)}.brand:hover{text-decoration:none}.brand img{width:30px;height:30px}.nav{display:flex;align-items:center;gap:22px}.nav a{color:var(--ink-soft);font-weight:600;font-size:.95rem}.nav a:hover,.nav a.active{color:var(--primary);text-decoration:none}.nav-cta{padding:9px 18px;font-size:.9rem}.nav-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--ink)}.hero{background:var(--hero-gradient);color:#fff;padding:84px 0 96px;text-align:center}.hero h1{color:#fff;max-width:800px;margin-inline:auto}.hero .accent{color:var(--gold)}.hero p.lead{font-size:1.2rem;color:#ffffffeb;max-width:620px;margin:0 auto 28px}.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.hero-note{margin-top:18px;font-size:.85rem;color:#ffffffb3}.section{padding:72px 0}.section.alt{background:var(--bg-alt)}.section-head{text-align:center;max-width:640px;margin:0 auto 48px}.section-head p{color:var(--ink-soft);font-size:1.08rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700;color:var(--secondary);margin-bottom:8px}.grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-soft);transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card .emoji{font-size:2rem;display:block;margin-bottom:10px}.card h3{font-size:1.15rem;margin-bottom:6px}.card p{color:var(--ink-soft);font-size:.95rem;margin:0}.feature h3{font-size:1.2rem}.cta-band{background:var(--brand-gradient);color:#fff;border-radius:24px;padding:48px 32px;text-align:center}.cta-band h2{color:#fff}.cta-band p{color:#ffffffe6;max-width:520px;margin:0 auto 24px}.doc{padding:56px 0 72px}.doc .container{max-width:800px}.doc h1{font-size:clamp(1.8rem,4vw,2.6rem)}.doc .updated{color:var(--ink-faint);font-size:.9rem;margin-bottom:32px}.doc h2{font-size:1.4rem;margin-top:2em;padding-top:.4em}.doc h3{font-size:1.12rem;margin-top:1.6em}.doc ul,.doc ol{padding-left:1.3em}.doc li{margin-bottom:.4em}.doc .callout{background:var(--bg-alt);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius-sm);padding:16px 20px;margin:24px 0}.doc .callout.warn{border-left-color:var(--gold-deep)}.faq-item{border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px 22px;margin-bottom:14px;background:#fff}.faq-item summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.4rem;color:var(--primary);transition:transform .2s ease}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{color:var(--ink-soft);margin:12px 0 0}.steps{counter-reset:step;list-style:none;padding:0}.steps li{position:relative;padding:0 0 20px 52px;margin:0}.steps li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:var(--brand-gradient);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}.site-footer{background:#10142b;color:#ffffffb8;padding:48px 0 32px;margin-top:40px}.site-footer a{color:#ffffffb8}.site-footer a:hover{color:#fff}.footer-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px;margin-bottom:32px}.footer-brand{max-width:280px}.footer-brand .brand{color:#fff;margin-bottom:10px}.footer-col h4{color:#fff;font-size:.95rem;margin:0 0 12px}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col li{margin-bottom:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;font-size:.85rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}@media (max-width: 820px){.grid-3{grid-template-columns:1fr 1fr}.nav{position:absolute;top:64px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:16px 20px 22px;gap:14px;border-bottom:1px solid var(--border);box-shadow:var(--shadow-soft);display:none}.nav.open{display:flex}.nav-toggle{display:block}}@media (max-width: 520px){.grid-3{grid-template-columns:1fr}.hero{padding:60px 0 68px}.section{padding:52px 0}}.puzzle-link{display:flex;flex-direction:column;color:inherit}.puzzle-link:hover{text-decoration:none}.card-more{margin-top:auto;padding-top:12px;font-weight:700;font-size:.85rem;color:var(--primary)}.puzzle-hero{background:var(--hero-gradient);color:#fff;padding:48px 0 56px;text-align:center}.puzzle-hero h1{color:#fff;margin-bottom:8px}.puzzle-hero .lead{color:#ffffffe6;font-size:1.15rem;max-width:620px;margin:0 auto 20px}.puzzle-hero-emoji{font-size:3.25rem;display:block;margin-bottom:8px}.back-link{display:inline-block;color:#ffffffd9;font-weight:600;font-size:.9rem;margin-bottom:20px}.back-link:hover{color:#fff;text-decoration:none}.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.chip{background:#ffffff26;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:600}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.how-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-soft)}.how-card h2{font-size:1.35rem;display:flex;align-items:center;gap:10px;margin-bottom:18px}.how-list{counter-reset:how;list-style:none;padding:0;margin:0}.how-list li{position:relative;padding:0 0 16px 42px;color:var(--ink-soft)}.how-list li:last-child{padding-bottom:0}.how-list li:before{counter-increment:how;content:counter(how);position:absolute;left:0;top:-2px;width:28px;height:28px;border-radius:50%;background:var(--brand-gradient);color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}.reveal-note{margin:20px 0 0;padding:12px 16px;background:var(--bg-alt);border-radius:var(--radius-sm);font-size:.9rem;color:var(--ink-soft)}@media (max-width: 720px){.how-grid{grid-template-columns:1fr}}