:root{--pink:#ec2a86;--pink-2:#f23894;--navy:#111735;--navy-2:#171c4a;--teal:#20c5c7;--cream:#fff8f1;--paper:#fff;--ink:#111;--muted:#667085;--line:#eadfeb;--shadow:0 24px 70px #11173524}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at top left, #ec2a861f, transparent 34%), linear-gradient(180deg, #fff 0%, var(--cream) 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.container{max-width:1180px;margin:0 auto;padding:0 22px}.nav{justify-content:space-between;align-items:center;padding:22px 0;display:flex}.logo{color:var(--navy);letter-spacing:-.03em;align-items:center;gap:10px;font-weight:900;display:flex}.logoImage{object-fit:contain;width:auto;height:48px;display:block}.badge{color:var(--pink);text-transform:uppercase;letter-spacing:.05em;background:#fff;border:1px solid #ec2a8638;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:900;display:inline-flex}.hero{grid-template-columns:1.04fr .96fr;align-items:center;gap:42px;padding:46px 0 72px;display:grid}.hero h1{color:var(--navy);letter-spacing:-.075em;margin:20px 0;font-size:clamp(44px,7vw,82px);line-height:.9}.hero h1 span{color:var(--pink);position:relative}.hero p{color:#344054;max-width:640px;font-size:20px;line-height:1.55}.actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.btn{background:var(--pink);color:#fff;border-radius:16px;justify-content:center;align-items:center;padding:15px 21px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 16px 36px #ec2a8652}.btn.secondary{color:var(--navy);border:1px solid var(--line);box-shadow:none;background:#fff}.card{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffe0;border-radius:30px;padding:28px}.calculator{position:relative;overflow:hidden}.calculator:before{content:"";background:#20c5c72e;border-radius:50%;width:220px;height:220px;position:absolute;inset:-60px -80px auto auto}.calcHeader{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.platforms{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px;display:grid}.platformBtn{color:var(--navy);cursor:pointer;background:#fff;border:1px solid #ece8f2;border-radius:14px;padding:10px 8px;font-weight:950}.platformBtn.active{background:var(--pink);color:#fff;border-color:var(--pink);box-shadow:0 12px 24px #ec2a8638}.calcHeader h2{color:var(--navy);letter-spacing:-.04em;margin:0;font-size:28px}.fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field{background:#fbfbff;border:1px solid #ece8f2;border-radius:18px;padding:14px}.field label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px;font-size:12px;font-weight:900;display:block}.field input{width:100%;color:var(--navy);background:0 0;border:0;outline:none;font-size:20px;font-weight:900}.result{background:var(--navy);color:#fff;border-radius:22px;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:18px;padding:20px;display:grid}.result strong{color:#fff;font-size:34px}.result span{color:#ffffffbd}.callout{color:var(--navy);background:#ec2a8617;border-radius:18px;margin-top:16px;padding:16px;font-weight:800}.breakdown{gap:9px;margin-top:16px;display:grid}.breakdownRow{color:#475467;border-bottom:1px dashed #ece8f2;justify-content:space-between;gap:18px;padding-bottom:8px;font-size:14px;font-weight:750;display:flex}.breakdownRow strong{color:var(--navy)}.platformNote{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.45}.grid{grid-template-columns:repeat(3,1fr);gap:18px;margin:36px 0 70px;display:grid}.mini{border:1px solid var(--line);background:#fff;border-radius:24px;padding:24px}.mini h3{color:var(--navy);letter-spacing:-.04em;margin:0 0 10px;font-size:23px}.mini p{color:#475467;margin:0;line-height:1.55}.section{padding:64px 0}.section h2{color:var(--navy);letter-spacing:-.06em;margin:0 0 18px;font-size:clamp(34px,5vw,58px);line-height:1}.footer{color:var(--muted);padding:38px 0 60px;font-size:14px}.sticker{background:var(--teal);color:#fff;border-radius:12px;padding:9px 12px;font-weight:950;display:inline-flex;transform:rotate(-3deg);box-shadow:0 10px 24px #20c5c740}@media (max-width:850px){.hero{grid-template-columns:1fr;padding-top:18px}.grid,.fields{grid-template-columns:1fr}.platforms{grid-template-columns:repeat(2,1fr)}.logoImage{height:38px}}