:root{--teal:#0b7c78;--teal2:#13a097;--mint:#eafaf6;--ink:#102a38;--muted:#5f737d;--line:#dbe9e6;--white:#fff;--dark:#062e36;--shadow:0 24px 70px rgba(12,73,77,.12);--radius:24px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(145deg,#f9fffd,#edf9f6);min-height:100vh}.container{width:min(1120px,calc(100% - 32px));margin:auto}a{text-decoration:none;color:inherit}.topbar{height:76px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(16,42,56,.07);display:flex;align-items:center}.nav{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.06em}.logo img{width:44px;height:44px;object-fit:contain}.back{font-weight:800;color:var(--teal);font-size:.92rem}.main{padding:64px 0 90px}.headline{text-align:center;max-width:720px;margin:0 auto 38px}.eyebrow{color:var(--teal);font-weight:900;letter-spacing:.14em;font-size:.76rem;text-transform:uppercase}.headline h1{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1;letter-spacing:-.05em;margin:12px 0 18px}.headline p{color:var(--muted);font-size:1.06rem}.checkout{display:grid;grid-template-columns:.78fr 1.22fr;gap:24px;align-items:start}.summary,.payment-card{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}.summary{padding:28px;position:sticky;top:24px}.plan-pill{display:inline-flex;background:var(--mint);color:var(--teal);font-size:.76rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:7px 11px}.price{font-size:2.5rem;font-weight:950;letter-spacing:-.05em;margin:16px 0 6px}.price small{font-size:.85rem;color:var(--muted);letter-spacing:0}.summary p{color:var(--muted)}.details{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.detail{display:flex;justify-content:space-between;gap:20px;padding:9px 0;font-size:.92rem}.detail span:last-child{font-weight:800;text-align:right}.secure{margin-top:22px;padding:14px;border-radius:14px;background:#f5fbf9;color:#4b666c;font-size:.84rem}.payment-card{padding:32px}.payment-card h2{font-size:1.55rem;margin:0 0 6px}.sub{color:var(--muted);margin:0 0 25px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.field.full{grid-column:1/-1}label{font-size:.82rem;font-weight:800}input{width:100%;min-height:50px;border:1px solid #cfdfdc;border-radius:13px;padding:0 14px;font:inherit;color:var(--ink);outline:none;background:#fff}input:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(11,124,120,.09)}.cta{border:0;width:100%;min-height:54px;border-radius:14px;background:var(--teal);color:#fff;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 14px 30px rgba(11,124,120,.22)}.cta:hover{background:#086963}.cta:disabled{opacity:.6;cursor:wait}.note{font-size:.78rem;color:#72868d;text-align:center;margin-top:12px}.message{display:none;margin-top:18px;border-radius:14px;padding:15px;font-size:.88rem}.message.visible{display:block}.message.error{background:#fff0f0;color:#8a2929;border:1px solid #f2caca}.message.success{background:#edf9f6;color:#17675f;border:1px solid #c9ebe4}.session-box{display:none;margin-bottom:18px;padding:14px;border:1px solid #cbe8e2;background:#f4fbf9;border-radius:14px;color:#48656a;font-size:.88rem}.session-box.visible{display:flex;align-items:center;justify-content:space-between;gap:16px}.session-box button{border:0;background:none;color:var(--teal);font-weight:800;cursor:pointer;padding:4px}.hidden{display:none!important}.test-badge{display:inline-flex;margin-bottom:20px;padding:7px 10px;border-radius:999px;background:#fff3cd;color:#765d00;font-size:.75rem;font-weight:850;border:1px solid #ffe08a}.footer{text-align:center;color:#70858b;font-size:.82rem;padding:0 0 36px}@media(max-width:850px){.checkout{grid-template-columns:1fr}.summary{position:static}.grid{grid-template-columns:1fr}.field.full{grid-column:auto}}@media(max-width:520px){.topbar{height:68px}.logo span{font-size:.88rem}.logo img{width:38px;height:38px}.main{padding-top:42px}.payment-card,.summary{padding:22px}.headline h1{font-size:2.65rem}}