:root{--bg:#12082b;--bg-2:#1e0f45;--ink:#fffdf8;--ink-dim:#fffdf8b8;--value:#ffb648;--strategy:#4fd6ff;--action:#ff5d8f;--radius:16px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:ui-rounded,SF Pro Rounded,Nunito,Segoe UI,system-ui,-apple-system,sans-serif;overflow-x:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page{background:radial-gradient(1200px 800px at 80% -10%, #4fd6ff24, transparent 60%), radial-gradient(1000px 700px at 10% 110%, #ff5d8f26, transparent 60%), linear-gradient(160deg, var(--bg) 0%, var(--bg-2) 100%);flex-direction:column;min-height:100dvh;display:flex}.container{width:min(1080px,100% - clamp(40px,10vw,112px));margin-inline:auto}.pageHero{padding:clamp(40px,8vw,88px) 0 clamp(28px,5vw,56px)}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--value);margin-bottom:14px;font-size:.8rem;font-weight:700}.pageTitle{max-width:22ch;font-size:clamp(1.9rem,5vw,3.2rem);font-weight:800;line-height:1.1}.lede{max-width:58ch;color:var(--ink-dim);margin-top:18px;font-size:clamp(1rem,2.4vw,1.15rem);line-height:1.65}.section{padding:clamp(24px,5vw,48px) 0}.sectionTitle{margin-bottom:20px;font-size:clamp(1.3rem,3.2vw,1.8rem);font-weight:800}.cardGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.card{border-radius:var(--radius);background:#fffdf80d;border:1px solid #fffdf81f;padding:24px;transition:transform .18s,border-color .18s}.card:hover{border-color:#fffdf847;transform:translateY(-3px)}.card h3{margin-bottom:8px;font-size:1.05rem;font-weight:800}.card p{color:var(--ink-dim);font-size:.95rem;line-height:1.6}.badge{letter-spacing:.1em;text-transform:uppercase;color:var(--value);background:#ffb64826;border-radius:999px;margin-bottom:12px;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-block}.btn{background:var(--ink);color:var(--bg);border-radius:999px;padding:13px 28px;font-size:.98rem;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-block}.btn:hover,.btn:focus-visible{transform:translateY(-2px);box-shadow:0 10px 30px #fffdf833}.btnGhost{color:var(--ink);border:1.5px solid #fffdf859;border-radius:999px;padding:12px 26px;font-size:.95rem;font-weight:700;text-decoration:none;transition:border-color .18s,transform .18s;display:inline-block}.btnGhost:hover{border-color:var(--ink);transform:translateY(-2px)}.btnRow{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.steps{counter-reset:step;gap:14px;display:grid}.step{border-radius:var(--radius);background:#fffdf80a;border:1px solid #fffdf81a;grid-template-columns:44px 1fr;align-items:start;gap:16px;padding:18px 20px;display:grid}.stepNum{width:40px;height:40px;color:var(--strategy);background:#4fd6ff24;border-radius:12px;place-items:center;font-weight:800;display:grid}.step h3{margin-bottom:4px;font-size:1rem;font-weight:800}.step p{color:var(--ink-dim);font-size:.95rem;line-height:1.6}.note{border-left:3px solid var(--value);border-radius:0 var(--radius) var(--radius) 0;color:var(--ink-dim);background:#ffb64814;padding:16px 20px;font-size:.95rem;line-height:1.6}
