:root{--bg:#f6f7f9;--surface:#fff;--text:#111827;--muted:#667085;--line:#e7e9ee;--brand:#0f172a;--soft:#f2f4f7;--success:#087443;--danger:#b42318;--shadow:0 18px 50px rgba(15,23,42,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.container{width:min(1180px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{height:72px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:11px;font-weight:800}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:13px}.brand-text{white-space:nowrap}.nav{display:flex;gap:28px;margin-left:auto}.nav a{font-size:14px;font-weight:650;color:#5c6675}.nav a:hover,.nav a.active{color:#111827}.header-actions{display:flex;align-items:center;gap:10px}.icon-btn,.menu-btn{width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:11px;cursor:pointer}.account-btn{background:var(--brand);color:#fff;padding:11px 16px;border-radius:11px;font-weight:750;font-size:14px}.menu-btn{display:none}.search-panel{display:none;padding:12px 0;border-top:1px solid var(--line);background:#fff}.search-panel.open{display:block}.search-panel input,.shop-controls input,.shop-controls select,.modal-card input{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#fff;outline:none}.search-panel input:focus,.shop-controls input:focus,.modal-card input:focus{border-color:#9aa4b2}
.hero{padding:76px 0 56px}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:center}.eyebrow{display:inline-block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#788391;font-weight:800;margin-bottom:12px}.hero h1{font-size:clamp(46px,6vw,72px);line-height:1;letter-spacing:-.055em;margin:0 0 20px;max-width:820px}.hero p{font-size:18px;line-height:1.7;color:var(--muted);max-width:690px}.hero-actions{display:flex;gap:12px;margin:30px 0 24px}.primary-btn,.secondary-btn{display:inline-flex;justify-content:center;align-items:center;border-radius:11px;padding:13px 18px;font-weight:800;border:1px solid transparent;cursor:pointer}.primary-btn{background:var(--brand);color:#fff}.secondary-btn{background:#fff;border-color:var(--line)}.trust-row{display:flex;gap:20px;flex-wrap:wrap;color:#5e6876;font-size:14px}.hero-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow)}.mini-label{font-size:11px;font-weight:800;color:#788391;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.status-row{display:flex;align-items:center;gap:13px;padding:15px 0;border-top:1px solid var(--line)}.status-row:first-of-type{border-top:0}.status-row strong,.status-row small{display:block}.status-row small{color:var(--muted);margin-top:4px}.status-dot{width:12px;height:12px;border-radius:999px;background:#12b76a;box-shadow:0 0 0 5px #ecfdf3}.status-icon{width:36px;height:36px;border-radius:10px;background:var(--soft);display:grid;place-items:center;font-weight:800}
.shop-section{padding:44px 0 82px}.section-head{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:22px}.section-head h2{font-size:36px;letter-spacing:-.035em;margin:0}.section-sub{margin:8px 0 0;color:var(--muted)}.shop-controls{display:flex;gap:10px;min-width:430px}.shop-controls input{flex:1}.shop-controls select{width:170px}.api-note{padding:13px 15px;background:#fff;border:1px solid var(--line);border-radius:12px;color:#657080;font-size:13px;margin-bottom:18px}.api-note strong{color:#111827}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{min-height:322px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;transition:.18s ease}.product-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(15,23,42,.07)}.product-card.is-out{opacity:.72}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.logo{width:42px;height:42px;border-radius:12px;background:var(--soft);display:grid;place-items:center;font-size:13px;font-weight:850}.availability{font-size:10px;font-weight:850;color:var(--success);text-align:right}.availability.out{color:var(--danger)}.product-copy{min-height:132px}.product-card h3{margin:0 0 8px;font-size:17px;line-height:1.35;letter-spacing:-.015em}.plan-pill{display:inline-flex;padding:6px 8px;border-radius:999px;background:#f3f5f7;color:#596474;font-size:11px;font-weight:750;margin-bottom:11px}.product-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rating{font-size:12px;color:#667085;display:flex;gap:6px;align-items:center;margin:12px 0 15px}.rating span:first-child{color:#344054;font-weight:700}.price-row{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:auto;padding-top:15px;border-top:1px solid #f0f1f3}.price-row small{font-size:9px;letter-spacing:.08em;color:#8b95a3;font-weight:800}.price{font-size:22px;font-weight:850;letter-spacing:-.03em;margin-top:3px}.buy-btn{border:0;background:var(--brand);color:#fff;border-radius:10px;padding:10px 13px;font-weight:800;cursor:pointer;white-space:nowrap}.buy-btn:disabled{background:#aeb4bd;cursor:not-allowed}.empty-state{background:#fff;border:1px dashed var(--line);border-radius:16px;padding:30px;text-align:center;color:var(--muted)}
.how-it-works{padding:10px 0 72px}.section-head.simple{align-items:start}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.steps-grid span{width:34px;height:34px;border-radius:10px;background:var(--soft);display:grid;place-items:center;font-weight:800}.steps-grid h3{margin:18px 0 8px}.steps-grid p{margin:0;color:var(--muted);line-height:1.6}.support-section{padding:0 0 82px}.support-card{background:var(--brand);color:#fff;border-radius:24px;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.support-card .eyebrow,.support-card p{color:#c7cbd3}.support-card h2{margin:0 0 8px;font-size:34px}.support-card .primary-btn{background:#fff;color:var(--brand)}footer{border-top:1px solid var(--line);background:#fff}.footer-inner{height:72px;display:flex;justify-content:space-between;align-items:center;color:#7a8494;font-size:13px}
.modal{position:fixed;inset:0;background:rgba(15,23,42,.48);display:none;place-items:center;z-index:100;padding:20px}.modal.open{display:grid}.modal-card{width:min(430px,100%);background:#fff;border-radius:18px;padding:25px;box-shadow:var(--shadow);position:relative}.modal-close{position:absolute;right:14px;top:11px;border:0;background:transparent;font-size:28px;cursor:pointer}.modal-card h3{margin:0 0 7px}.modal-card p{color:var(--muted)}.modal-card label{display:block;font-size:13px;font-weight:700;margin:18px 0 8px}.order-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.order-summary>div{background:#f7f8fa;border-radius:12px;padding:12px}.order-summary span,.order-summary strong{display:block}.order-summary span{font-size:11px;color:#7b8492;margin-bottom:4px}.order-summary strong{font-size:13px}.full{width:100%;margin:12px 0}.modal-card small{display:block;color:var(--muted);line-height:1.5}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:920px){.nav,.account-btn{display:none}.menu-btn{display:block}.nav.mobile-open{display:flex;position:absolute;left:4%;right:4%;top:76px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;flex-direction:column;align-items:flex-start;box-shadow:var(--shadow)}.hero-grid{grid-template-columns:1fr}.hero-card{max-width:560px}.product-grid{grid-template-columns:repeat(2,1fr)}.shop-controls{min-width:0;width:100%}.section-head{align-items:stretch;flex-direction:column}.steps-grid{grid-template-columns:1fr}.support-card{align-items:flex-start;flex-direction:column}}
@media(max-width:580px){.brand-text{font-size:15px}.hero{padding-top:48px}.hero h1{font-size:44px}.hero p{font-size:16px}.product-grid{grid-template-columns:1fr}.shop-controls{flex-direction:column}.shop-controls select{width:100%}.support-card{padding:28px 24px}.footer-inner{height:auto;padding:22px 0;flex-direction:column;gap:8px;align-items:flex-start}.product-card{min-height:0}}
.payment-box{margin:18px 0 6px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fbfcfd}.payment-method-head{display:flex;align-items:center;gap:11px;padding:14px;border-bottom:1px solid var(--line);background:#fff}.payment-logo{width:38px;height:38px;border-radius:10px;background:#e9fff4;color:#087443;display:grid;place-items:center;font-weight:900;font-size:12px}.payment-method-head strong,.payment-method-head span{display:block}.payment-method-head>div:nth-child(2){flex:1}.payment-method-head>div:nth-child(2) span{font-size:11px;color:var(--muted);margin-top:3px}.selected-badge{font-size:10px!important;font-weight:800;color:#087443!important;background:#ecfdf3;border-radius:999px;padding:6px 8px}.payment-account{padding:14px;display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.payment-account>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px}.payment-account span,.payment-account strong{display:block}.payment-account span{font-size:10px;color:#7a8494;margin-bottom:4px}.payment-account strong{font-size:13px}.copy-btn{height:39px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:0 11px;font-size:11px;font-weight:800;cursor:pointer}.pay-steps{margin:0;padding:0 28px 14px 34px;color:#667085;font-size:12px;line-height:1.55}.pay-steps li+li{margin-top:5px}.payment-message{margin:10px 0 8px;border-radius:11px;padding:11px 12px;font-size:12px;line-height:1.5}.payment-message.success{background:#ecfdf3;color:#087443;border:1px solid #abefc6}.payment-message.error{background:#fef3f2;color:#b42318;border:1px solid #fecdca}
@media(max-width:580px){.payment-account{grid-template-columns:1fr 1fr}.copy-btn{grid-column:1/-1;width:100%}}