/* =====================================================
   CHEAPAI — styles.css  |  Premium Dark SaaS Theme
   ===================================================== */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{background:#07070f;color:#e8e8f0;font-family:"Inter",system-ui,sans-serif;line-height:1.65;overflow-x:hidden}
img,svg{display:block}
a{color:inherit;text-decoration:none}
button{cursor:pointer;font-family:inherit}

:root{
  --bg:#07070f;--s1:#0d0d1a;--s2:#111122;--card:#12121e;
  --border:rgba(255,255,255,.065);--border-h:rgba(196,122,245,.35);
  --accent:#c47af5;--accent2:#7b4fa8;--glow:rgba(196,122,245,.18);
  --green:#4ade80;--gdim:rgba(74,222,128,.1);--red:#f87171;
  --muted:#8b8bb0;--muted2:#3d3d60;
  --text:#c3c8de;--primary:#8fd7ff;
  --soft-border:rgba(255,255,255,0.08);
  --label-you-get:#4ADE80;
  --label-you-get-bg:rgba(74, 222, 128, 0.10);
  --label-you-pay:#60A5FA;
  --label-you-pay-bg:rgba(96, 165, 250, 0.10);
  --label-duration:#C47AF5;
  --label-duration-bg:rgba(196, 122, 245, 0.10);
  --label-savings:#22C55E;
  --label-savings-bg:rgba(34, 197, 94, 0.10);
  --label-discount:#7DD3FC;
  --label-discount-bg:rgba(125, 211, 252, 0.10);
  --label-estimated-value:#A78BFA;
  --label-estimated-value-bg:rgba(167, 139, 250, 0.10);
  --label-helper:#B8B6D9;
  --label-muted:#8B8BB0;
  --label-strong:#F3F2FF;
  --font-h:"Space Grotesk",sans-serif;--r:18px;--r2:12px;
  --ease:cubic-bezier(.16,1,.3,1);
}

.semantic-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:max-content;padding:6px 10px;border-radius:999px;border:1px solid var(--soft-border);background:rgba(255,255,255,.04);font-size:.72rem;font-weight:800;letter-spacing:.82px;line-height:1;text-transform:uppercase;backdrop-filter:blur(10px)}
.semantic-chip--you-get{color:var(--label-you-get);background:var(--label-you-get-bg);border-color:rgba(74,222,128,.18)}
.semantic-chip--you-pay{color:var(--label-you-pay);background:var(--label-you-pay-bg);border-color:rgba(96,165,250,.18)}
.semantic-chip--duration{color:var(--label-duration);background:var(--label-duration-bg);border-color:rgba(196,122,245,.18)}
.semantic-chip--savings{color:var(--label-savings);background:var(--label-savings-bg);border-color:rgba(34,197,94,.18)}
.semantic-chip--discount{color:var(--label-discount);background:var(--label-discount-bg);border-color:rgba(125,211,252,.18)}
.semantic-chip--estimated-value{color:var(--label-estimated-value);background:var(--label-estimated-value-bg);border-color:rgba(167,139,250,.18)}
.semantic-chip--helper{color:var(--label-helper);background:rgba(184,182,217,.08);border-color:rgba(184,182,217,.14)}
.semantic-value{color:var(--label-strong)}
.semantic-value--savings{color:var(--label-savings)}
.semantic-value--discount{color:var(--label-discount)}
.semantic-value--estimated-value{color:var(--label-estimated-value)}
.semantic-value--helper{color:var(--label-helper)}

.g-text{background:linear-gradient(120deg,#c47af5 0%,#7ee8fa 45%,#c47af5 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 5s linear infinite}
@keyframes shimmer{0%{background-position:0% center}100%{background-position:200% center}}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}

/*  NAVBAR  */
.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:0;transition:background .35s ease,border-color .35s ease,backdrop-filter .35s ease;border-bottom:1px solid transparent}
.navbar.scrolled{background:rgba(7,7,15,.82);backdrop-filter:blur(24px);border-bottom-color:var(--border)}
.nav-wrap{max-width:1180px;margin:0 auto;padding:0 24px;height:66px;display:flex;align-items:center;gap:40px}
.logo{font-family:var(--font-h);font-size:1.3rem;font-weight:800;letter-spacing:-.3px;flex-shrink:0}.logo span{color:var(--accent)}
.nav-center{display:flex;gap:28px;flex:1;justify-content:center}
.nav-center a{font-size:.85rem;font-weight:500;color:var(--muted);transition:color .2s;position:relative}
.nav-center a::after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1px;background:var(--accent);transition:width .3s var(--ease)}
.nav-center a:hover{color:var(--accent)}.nav-center a:hover::after{width:100%}
.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.nav-tg{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 14px;border:1px solid rgba(96,165,250,.16);border-radius:12px;background:linear-gradient(180deg,rgba(16,26,47,.9),rgba(8,12,24,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 24px rgba(4,8,20,.16);font-size:.78rem;font-weight:700;color:#d6eaff;transition:transform .26s var(--ease),border-color .26s ease,box-shadow .26s ease,background .26s ease}
.nav-tg::before{content:"";position:absolute;inset:1px;border-radius:11px;background:linear-gradient(120deg,rgba(126,232,250,.12),transparent 38%,transparent 64%,rgba(196,122,245,.08));opacity:.9;pointer-events:none}
.nav-tg > *{position:relative;z-index:1}
.nav-tg svg{width:14px;height:14px;color:#7fd6ff;transition:transform .25s ease,color .25s ease}
.nav-tg:hover{transform:translateY(-2px);border-color:rgba(96,165,250,.32);background:linear-gradient(180deg,rgba(20,33,61,.96),rgba(9,15,30,.98));box-shadow:0 16px 30px rgba(5,10,24,.22),0 0 0 1px rgba(96,165,250,.08),inset 0 1px 0 rgba(255,255,255,.1)}
.nav-tg:hover svg{transform:translateX(1px);color:#bfefff}
.nav-tg:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(255,255,255,.08),0 0 0 6px rgba(96,165,250,.16)}
.nav-community{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 13px;border:1px solid rgba(168,139,250,.16);border-radius:12px;background:linear-gradient(180deg,rgba(28,22,50,.9),rgba(12,11,24,.95));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 24px rgba(7,5,18,.18);font-size:.78rem;font-weight:700;color:#ede7ff;transition:transform .26s var(--ease),border-color .26s ease,box-shadow .26s ease,background .26s ease}
.nav-community::before{content:"";position:absolute;inset:1px;border-radius:11px;background:linear-gradient(120deg,rgba(196,122,245,.12),transparent 36%,transparent 64%,rgba(126,232,250,.07));opacity:.9;pointer-events:none}
.nav-community > *{position:relative;z-index:1}
.nav-community svg{width:14px;height:14px;color:#c8b5ff;transition:transform .25s ease,color .25s ease}
.nav-community:hover{transform:translateY(-2px);border-color:rgba(196,122,245,.3);background:linear-gradient(180deg,rgba(36,28,66,.96),rgba(15,14,29,.98));box-shadow:0 16px 30px rgba(11,8,24,.22),0 0 0 1px rgba(196,122,245,.08),inset 0 1px 0 rgba(255,255,255,.08)}
.nav-community:hover svg{transform:translateX(1px);color:#efe7ff}
.nav-community:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(255,255,255,.08),0 0 0 6px rgba(196,122,245,.16)}
.btn-pill{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 18px 8px 20px;border:none;border-radius:14px;background:linear-gradient(135deg,rgba(106,58,164,.98),rgba(52,31,112,.98) 46%,rgba(24,38,79,.98));box-shadow:0 18px 30px rgba(18,11,35,.3),inset 0 1px 0 rgba(255,255,255,.15),inset 0 -14px 24px rgba(96,165,250,.12);color:#fff;font-size:.82rem;font-weight:800;letter-spacing:.18px;white-space:nowrap;transition:transform .28s var(--ease),box-shadow .28s var(--ease),filter .28s ease}
.btn-pill::before{content:"";position:absolute;inset:1px;border-radius:13px;background:linear-gradient(120deg,rgba(255,255,255,.14),transparent 34%,transparent 66%,rgba(126,232,250,.1));opacity:.88;pointer-events:none}
.btn-pill::after{content:"";position:absolute;left:16px;right:16px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);opacity:.65;pointer-events:none}
.btn-pill:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 22px 36px rgba(18,11,35,.36),0 0 0 1px rgba(196,122,245,.1),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -16px 28px rgba(96,165,250,.18);filter:saturate(1.05)}
.btn-pill:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(255,255,255,.08),0 0 0 6px rgba(196,122,245,.18),0 22px 36px rgba(18,11,35,.34)}
.hamburger{display:none;flex-direction:column;gap:5px;padding:9px 10px;background:transparent;border:1px solid var(--border);border-radius:9px;transition:border-color .2s;flex-shrink:0;min-width:40px;min-height:40px;align-items:center;justify-content:center}.hamburger:hover{border-color:var(--border-h)}
.hamburger span{display:block;width:17px;height:1.5px;background:var(--muted);border-radius:2px;transition:all .3s var(--ease)}
.hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);background:var(--accent)}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);background:var(--accent)}

/*  MOBILE NAV  */
.menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(6px);z-index:199;opacity:0;visibility:hidden;transition:all .3s ease}.menu-backdrop.active{opacity:1;visibility:visible}
.mobile-nav{position:fixed;top:0;right:-100%;width:300px;height:100%;background:var(--s1);border-left:1px solid var(--border);z-index:200;display:flex;flex-direction:column;transition:right .4s var(--ease)}.mobile-nav.active{right:0}
.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:26px 22px;border-bottom:1px solid var(--border)}
.mobile-close-btn{background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--muted);padding:8px;transition:all .2s}.mobile-close-btn:hover{border-color:var(--border-h);color:#fff}
.mobile-nav-body{padding:20px;display:flex;flex-direction:column;gap:2px;flex:1}
.mobile-nav-body a{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:var(--muted);font-size:.92rem;font-weight:500;transition:all .25s ease}.mobile-nav-body a:hover{background:rgba(196,122,245,.07);color:#fff;padding-left:20px}
.mn-num{font-size:.65rem;font-weight:700;letter-spacing:.5px;color:var(--muted2);min-width:18px}
.mobile-nav-footer{padding:20px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}
.mn-cta{display:block;text-align:center;padding:13px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-radius:12px;font-weight:700;font-size:.9rem;transition:opacity .2s}.mn-cta:hover{opacity:.85}
.mn-tg{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:1px solid rgba(41,171,226,.2);border-radius:10px;color:#29ABE2;font-size:.8rem;font-weight:600;transition:background .2s}.mn-tg:hover{background:rgba(41,171,226,.07)}
.mn-social-shell{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(16,20,36,.96),rgba(10,12,24,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.mn-social-label{font-size:.68rem;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:#9aa8d4}
.mn-community-link{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 12px;border-radius:12px;border:1px solid rgba(168,139,250,.18);background:rgba(196,122,245,.08);color:#efe7ff;font-size:.82rem;font-weight:700;transition:transform .24s var(--ease),background .24s ease,border-color .24s ease}
.mn-community-link svg{width:16px;height:16px;color:#cab6ff}
.mn-community-link:hover{transform:translateY(-1px);background:rgba(196,122,245,.12);border-color:rgba(196,122,245,.3)}
.mn-social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}

.social-icon-row{display:flex;flex-wrap:wrap;gap:10px}
.social-icon-chip{--social-tint:rgba(255,255,255,.14);--social-glow:rgba(255,255,255,.07);position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(22,26,45,.92),rgba(10,13,24,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 24px rgba(4,8,20,.16);color:#eff3ff;transition:transform .24s var(--ease),border-color .24s ease,box-shadow .24s ease,background .24s ease}
.social-icon-chip::before{content:"";position:absolute;inset:1px;border-radius:13px;background:linear-gradient(135deg,var(--social-glow),transparent 40%,transparent 68%,rgba(255,255,255,.05));opacity:.95;pointer-events:none}
.social-icon-chip svg{position:relative;z-index:1;width:18px;height:18px}
.social-icon-chip:hover{transform:translateY(-2px);border-color:var(--social-tint);box-shadow:0 16px 28px rgba(6,10,24,.22),0 0 0 1px var(--social-tint);background:linear-gradient(180deg,rgba(28,33,58,.96),rgba(11,15,27,.98))}
.social-icon-chip:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(255,255,255,.08),0 0 0 6px var(--social-tint)}
.social-icon-chip--telegram{--social-tint:rgba(96,214,255,.34);--social-glow:rgba(96,214,255,.13);color:#bfeeff}
.social-icon-chip--discord{--social-tint:rgba(196,122,245,.34);--social-glow:rgba(196,122,245,.12);color:#ebddff}
.social-icon-chip--instagram{--social-tint:rgba(255,120,194,.32);--social-glow:rgba(255,120,194,.12);color:#ffd8ec}
.social-icon-chip--x{--social-tint:rgba(222,227,255,.22);--social-glow:rgba(144,160,214,.08);color:#f8fbff}
.social-icon-chip--tiktok{--social-tint:rgba(91,233,255,.26);--social-glow:rgba(255,93,162,.08);color:#dcffff}
.social-icon-chip--facebook{--social-tint:rgba(96,165,250,.3);--social-glow:rgba(96,165,250,.11);color:#dceaff}

/*  BUTTONS  */
.btn-glow{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;padding:13px 26px;border-radius:12px;font-size:.9rem;font-weight:700;border:none;transition:all .3s var(--ease);font-family:inherit;position:relative;overflow:hidden}
.btn-glow::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.12);opacity:0;transition:opacity .2s}.btn-glow:hover{transform:translateY(-2px);box-shadow:0 12px 32px var(--glow)}.btn-glow:hover::after{opacity:1}
.btn-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#e8e8f0;border:1px solid rgba(255,255,255,.12);padding:13px 26px;border-radius:12px;font-size:.9rem;font-weight:600;transition:all .25s ease;font-family:inherit}.btn-outline:hover{border-color:var(--border-h);background:rgba(196,122,245,.05);color:#fff}
.btn-outline-docs{position:relative;overflow:hidden;padding:13px 20px 13px 18px;border-radius:14px;border:1px solid rgba(126,232,250,.18);background:linear-gradient(180deg,rgba(20,29,53,.84),rgba(10,14,26,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 28px rgba(3,8,22,.22);color:#eaf5ff;font-weight:700;letter-spacing:.16px}
.btn-outline-docs::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(126,232,250,.12),transparent 38%,transparent 64%,rgba(196,122,245,.12));opacity:.95;pointer-events:none}
.btn-outline-docs span,.btn-outline-docs svg{position:relative;z-index:1}
.btn-outline-docs svg{color:#8fd7ff;transition:transform .25s ease,color .25s ease}
.btn-outline-docs:hover{transform:translateY(-2px);border-color:rgba(126,232,250,.34);background:linear-gradient(180deg,rgba(25,37,67,.92),rgba(11,18,34,.98));box-shadow:0 18px 34px rgba(5,10,26,.28),0 0 0 1px rgba(126,232,250,.08)}
.btn-outline-docs:hover svg{transform:translateX(2px);color:#d8f5ff}
.btn-outline-docs:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(255,255,255,.08),0 0 0 6px rgba(96,165,250,.16)}
.hero-primary-cta{position:relative;padding:14px 18px 14px 22px;border-radius:16px;border:1px solid rgba(196,122,245,.22);background:linear-gradient(135deg,rgba(106,58,164,.98),rgba(52,31,112,.98) 46%,rgba(24,38,79,.98));box-shadow:0 22px 38px rgba(18,11,35,.34),inset 0 1px 0 rgba(255,255,255,.16),inset 0 -16px 28px rgba(96,165,250,.12);gap:12px}
.hero-primary-cta::before{content:"";position:absolute;inset:1px;border-radius:15px;background:linear-gradient(120deg,rgba(255,255,255,.14),transparent 34%,transparent 66%,rgba(126,232,250,.1));opacity:.85;pointer-events:none}
.hero-primary-cta::after{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);opacity:.65;pointer-events:none}
.hero-primary-cta:hover{transform:translateY(-3px) scale(1.01);border-color:rgba(196,122,245,.38);box-shadow:0 28px 46px rgba(18,11,35,.42),0 0 0 1px rgba(196,122,245,.1),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -18px 30px rgba(96,165,250,.18)}
.hero-primary-cta-text,.hero-primary-cta-icon{position:relative;z-index:1}
.hero-primary-cta-text{font-weight:800;letter-spacing:.18px}
.hero-primary-cta-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);font-size:.95rem;transition:transform .25s ease,background .25s ease,border-color .25s ease}
.hero-primary-cta:hover .hero-primary-cta-icon{transform:translateX(2px);background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.18)}
.hero-primary-cta:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(255,255,255,.08),0 0 0 6px rgba(196,122,245,.2),0 24px 40px rgba(18,11,35,.34)}

/*  EYEBROW / HEADERS  */
.eyebrow{text-align:center;font-size:.7rem;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.eyebrow.left{text-align:left}
.section-divider-head{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:18px}
.section-divider-head .eyebrow{margin-bottom:0;padding:0 2px}
.section-divider-line{flex:1;max-width:170px;height:1px;background:linear-gradient(90deg,transparent,rgba(126,232,250,.22) 18%,rgba(196,122,245,.36) 50%,rgba(126,232,250,.22) 82%,transparent);position:relative}
.section-divider-line::after{content:"";position:absolute;left:50%;top:50%;width:86px;height:18px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(126,232,250,.12),transparent 72%);filter:blur(8px)}
.sec-title{font-family:var(--font-h);font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800;letter-spacing:-.5px;line-height:1.1;text-align:center;margin-bottom:14px}.sec-title.left{text-align:left}
.sec-sub{text-align:center;color:var(--muted);font-size:.92rem;line-height:1.75;max-width:540px;margin:0 auto 56px}.sec-sub.left{text-align:left;margin-left:0}

/*  HERO  */
.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding-top:66px}
.hero-orbs{position:absolute;inset:0;pointer-events:none;z-index:0}
.orb{position:absolute;border-radius:50%;transform:translateZ(0);will-change:transform}
.o1{width:400px;height:400px;background:radial-gradient(circle,rgba(196,122,245,.12),transparent 70%);top:-15%;left:-12%;animation:orb1 14s ease-in-out infinite}
.o2{width:350px;height:350px;background:radial-gradient(circle,rgba(96,165,250,.09),transparent 70%);top:15%;right:-8%;animation:orb2 18s ease-in-out infinite}
.o3{width:250px;height:250px;background:radial-gradient(circle,rgba(74,222,128,.06),transparent 70%);bottom:8%;left:15%;animation:orb3 11s ease-in-out infinite}
@keyframes orb1{0%,100%{transform:translate(0,0)}30%{transform:translate(50px,-35px)}70%{transform:translate(-25px,25px)}}
@keyframes orb2{0%,100%{transform:translate(0,0)}40%{transform:translate(-35px,45px)}80%{transform:translate(25px,-20px)}}
@keyframes orb3{0%,100%{transform:translate(0,0)}50%{transform:translate(35px,-45px)}}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 75% at 50% 50%,black 30%,transparent 100%);z-index:0;pointer-events:none}
.hero-body{position:relative;z-index:1;max-width:840px;padding:0 24px;text-align:center}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(196,122,245,.07);border:1px solid rgba(196,122,245,.2);color:var(--accent);padding:6px 16px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.8px;margin-bottom:28px}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.5)}}
.hero-h1{font-family:var(--font-h);font-size:clamp(2.8rem,7.5vw,5.2rem);font-weight:800;line-height:1.03;letter-spacing:-2.5px;margin-bottom:22px}
.hero-p{color:var(--muted);font-size:1rem;line-height:1.75;max-width:560px;margin:0 auto 36px}.hero-p strong{color:#e8e8f0}
.hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:52px}
.hero-savings{display:flex;align-items:center;gap:14px;justify-content:center;margin-bottom:28px;flex-wrap:wrap}
.savings-official{font-size:.95rem;color:var(--muted);text-decoration:line-through;font-weight:500}
.savings-arrow{font-size:1.1rem;color:var(--accent)}
.savings-ours{font-size:1.05rem;font-weight:700;color:var(--green);background:var(--gdim);border:1px solid rgba(74,222,128,.18);padding:4px 14px;border-radius:999px}
.hero-stats{display:inline-flex;align-items:center;background:rgba(255,255,255,.028);border:1px solid var(--border);border-radius:20px;padding:18px 28px;gap:0;flex-wrap:wrap;justify-content:center}
.hs-item{display:flex;flex-direction:column;align-items:center;padding:0 24px}
.hs-val{font-family:var(--font-h);font-size:1.75rem;font-weight:800;letter-spacing:-.5px;line-height:1}
.hs-plus,.hs-unit{color:var(--accent);font-size:.95rem;font-weight:700;margin-left:2px}
.hs-lbl{font-size:.68rem;color:var(--muted);margin-top:4px;font-weight:500;white-space:nowrap}
.hs-sep{width:1px;height:32px;background:var(--border);flex-shrink:0}
.coin-scroll{width:100%;overflow:hidden;border-top:1px solid var(--border);background:rgba(255,255,255,.012);padding:16px 0;position:relative;z-index:1;margin-top:60px}
.cs-track{display:flex;gap:10px;width:max-content;animation:scrollcoins 22s linear infinite}.coin-scroll:hover .cs-track{animation-play-state:paused}
@keyframes scrollcoins{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.cs-track span{background:var(--card);border:1px solid var(--border);border-radius:999px;padding:6px 16px;font-size:.78rem;font-weight:600;color:var(--muted);white-space:nowrap;transition:all .2s;cursor:default}

/*  MODELS  */
.models-section{padding:80px 0 60px}
.models-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}
.model-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:22px;position:relative;overflow:hidden;transition:all .3s var(--ease)}
.model-card::before{content:"";position:absolute;top:-50px;right:-50px;width:130px;height:130px;background:radial-gradient(circle,var(--glow),transparent 70%);pointer-events:none}
.model-card:hover{border-color:var(--border-h);transform:translateY(-2px)}
.mc-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);margin-bottom:12px;animation:pulse 2s infinite}
.mc-name{font-family:var(--font-h);font-size:.98rem;font-weight:700;margin-bottom:4px}
.mc-sub{font-size:.76rem;color:var(--muted)}

/*  PRICING  */
.pricing-section{padding:100px 0}
.pricing-filter-wrap{display:flex;justify-content:center;margin:18px 0 40px}
.pricing-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:6px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid var(--border)}
.pricing-filter-btn{padding:10px 18px;border:none;border-radius:999px;background:transparent;color:var(--muted);font-size:.84rem;font-weight:700;font-family:inherit;letter-spacing:.2px;transition:all .25s ease}
.pricing-filter-btn:hover{color:#fff;background:rgba(255,255,255,.05)}
.pricing-filter-btn.active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 8px 22px var(--glow)}
.pricing-section-group{width:100%;position:relative}
.pricing-section-group+.pricing-section-group{margin-top:68px;padding-top:4px}
.pricing-filter-hidden{display:none !important}
.pricing-subsection{position:relative;max-width:780px;margin:40px auto 28px;padding:26px 28px 22px;text-align:center;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(180deg,rgba(16,19,34,.94),rgba(10,12,23,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 20px 48px rgba(0,0,0,.16);backdrop-filter:blur(16px);overflow:hidden}
.pricing-subsection::before{content:"";position:absolute;inset:-22% auto auto -10%;width:180px;height:180px;background:radial-gradient(circle,rgba(126,232,250,.11),transparent 72%);pointer-events:none}
.pricing-subsection::after{content:"";position:absolute;inset:auto -10% -38% auto;width:210px;height:150px;background:radial-gradient(circle,rgba(196,122,245,.09),transparent 74%);pointer-events:none}
.pricing-subsection:first-of-type{margin-top:0}
.pricing-group-divider{position:relative;width:100%;height:1px;margin:0 auto 18px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08) 12%,rgba(126,232,250,.32) 50%,rgba(255,255,255,.08) 88%,transparent)}
.pricing-group-divider::after{content:"";position:absolute;left:50%;top:50%;width:150px;height:26px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(126,232,250,.14),transparent 72%);filter:blur(9px)}
.pricing-group-tag{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;max-width:min(100%,560px);padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(15,20,37,.96),rgba(10,13,25,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 24px rgba(0,0,0,.22);font-size:.72rem;font-weight:900;letter-spacing:.32px;line-height:1.15;text-align:center;white-space:nowrap;z-index:1}
.pricing-group-tag-plan{color:#d9c3ff;border-color:rgba(196,122,245,.22);background:linear-gradient(180deg,rgba(54,29,77,.92),rgba(20,16,39,.96))}
.pricing-group-tag-balance{color:#bfe8ff;border-color:rgba(96,165,250,.22);background:linear-gradient(180deg,rgba(22,43,72,.92),rgba(12,19,35,.96))}
.pricing-group-tag-api{color:#c5f6df;border-color:rgba(74,222,128,.18);background:linear-gradient(180deg,rgba(16,53,42,.92),rgba(11,22,21,.96))}
.pricing-group-tag-subscription{color:#f0defc;border-color:rgba(220,180,255,.2);background:linear-gradient(180deg,rgba(48,33,74,.92),rgba(18,16,34,.96))}
.pricing-subtitle{position:relative;z-index:1;font-family:var(--font-h);font-size:clamp(1.7rem,3vw,2.2rem);font-weight:800;letter-spacing:-1px;line-height:1.08;margin-bottom:8px;color:#fff}
.pricing-subcopy{position:relative;z-index:1;max-width:620px;margin:0 auto;color:#a7afd3;font-size:.92rem;line-height:1.65}
.pricing-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.pricing-product-card{position:relative;border-radius:var(--r);background:var(--card);border:1px solid var(--border);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s ease;overflow:hidden;display:flex;flex-direction:column}
.pricing-product-card::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(96,165,250,.035),transparent 55%);opacity:0;transition:opacity .35s ease;pointer-events:none}
.pricing-product-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(0,0,0,.45),0 0 0 1px rgba(96,165,250,.12);border-color:rgba(96,165,250,.22)}
.pricing-product-card:hover::before{opacity:1}
.tk-card.featured{background:linear-gradient(145deg,#160e24,var(--card));border:none;padding:1px}
.tk-card.featured::after{content:"";position:absolute;inset:0;border-radius:var(--r);background:conic-gradient(from var(--angle),transparent 25%,rgba(196,122,245,.7) 50%,rgba(96,165,250,.6) 65%,transparent 75%);z-index:-1;animation:spin-border 5s linear infinite}
.tk-card.featured:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(196,122,245,.18)}
.featured-label{position:absolute;top:0;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,var(--accent),#60a5fa);color:#fff;font-size:.63rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:5px 18px;border-radius:0 0 10px 10px;z-index:3}
.tk-inner{padding:24px;background:var(--card);border-radius:calc(var(--r) - 1px);display:flex;flex-direction:column;flex:1}
.pricing-card-logo{width:28px;height:28px;object-fit:contain;border-radius:8px;margin-bottom:14px}
.tk-provider{font-size:.62rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#60a5fa;margin-bottom:6px}
.subscription-pricing-card .tk-provider{color:#a5b4fc}
.pricing-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.pricing-card-heading-media{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;min-height:34px}
.tk-model{font-family:var(--font-h);font-size:1.2rem;font-weight:800;line-height:1.15;flex:1;min-width:0}
.pricing-card-control-wrap{margin-bottom:14px}
.pricing-card-control{display:flex;flex-direction:column;gap:10px}
.cloud-select-wrap{margin-bottom:0}
.pricing-select-wrap{display:flex;flex-direction:column;gap:6px}
.pricing-select{position:relative}
.pricing-select[open]{z-index:8}
.pricing-select summary{list-style:none}
.pricing-select summary::-webkit-details-marker{display:none}
.pricing-select-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(16,18,33,.98),rgba(10,11,24,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 24px rgba(0,0,0,.2);cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.pricing-select-summary:hover{border-color:rgba(96,165,250,.28);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 36px rgba(0,0,0,.28)}
.pricing-select[open] .pricing-select-summary{border-color:rgba(96,165,250,.35);box-shadow:0 0 0 1px rgba(96,165,250,.12),0 20px 40px rgba(0,0,0,.32)}
.pricing-select-summary::after{content:"";width:11px;height:11px;flex-shrink:0;border-right:2px solid #7e8ab8;border-bottom:2px solid #7e8ab8;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease,border-color .2s ease}
.pricing-select[open] .pricing-select-summary::after{transform:rotate(-135deg) translateY(-1px);border-color:#cfe2ff}
.pricing-select-copy{display:block;min-width:0}
.pricing-select-copy-title{font-size:.9rem;font-weight:800;color:#f4f5fb;line-height:1.2}
.pricing-select-price{margin-left:auto;padding-left:14px;font-family:var(--font-h);font-size:.92rem;font-weight:800;color:#7ee8fa;white-space:nowrap;text-align:right}
.pricing-select-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;display:grid;gap:6px;padding:8px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:rgba(8,10,22,.98);backdrop-filter:blur(18px);box-shadow:0 28px 60px rgba(0,0,0,.45)}
.pricing-select-option{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:10px 12px;border:none;border-radius:12px;background:rgba(255,255,255,.03);color:#fff;text-align:left;transition:background .2s ease,border-color .2s ease,transform .2s ease;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.pricing-select-option:hover{background:rgba(96,165,250,.08);box-shadow:inset 0 0 0 1px rgba(96,165,250,.18);transform:translateY(-1px)}
.pricing-select-option.active{background:rgba(96,165,250,.12);box-shadow:inset 0 0 0 1px rgba(96,165,250,.26)}
.provider-logo-strip{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap;margin-bottom:0}
.provider-logo-chip{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(18,22,38,.96),rgba(10,12,23,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 22px rgba(0,0,0,.16);color:#f8fbff;font-size:.78rem;font-weight:900;letter-spacing:.02em}
.provider-logo-chip img{width:18px;height:18px;object-fit:contain;display:block}
.provider-logo-chip span{line-height:1}
.provider-logo-chip--anthropic{background:linear-gradient(180deg,rgba(74,60,34,.96),rgba(27,20,12,.98));border-color:rgba(243,215,147,.16);color:#f9e9c8}
.provider-logo-chip--openai{background:linear-gradient(180deg,rgba(26,54,46,.96),rgba(11,20,18,.98));border-color:rgba(104,211,176,.18);color:#d8fff0}
.provider-logo-chip--moonshot{background:linear-gradient(180deg,rgba(36,33,76,.96),rgba(15,14,33,.98));border-color:rgba(167,139,250,.2);color:#efe7ff}
.provider-logo-chip--google{background:linear-gradient(180deg,rgba(33,44,78,.96),rgba(12,16,32,.98));border-color:rgba(125,211,252,.2);color:#dff5ff}
.provider-logo-chip--deepseek{background:linear-gradient(180deg,rgba(26,41,73,.96),rgba(11,15,29,.98));border-color:rgba(96,165,250,.22);color:#dbeafe}
.cloud-details{display:flex;flex-direction:column;flex:1}
.pc-top{margin-bottom:8px}
.pc-tier{margin-bottom:8px}
.pc-value-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:6px}
.pc-name{font-family:var(--font-h);font-size:1.02rem;font-weight:800;line-height:1.3;flex:1;min-width:0;color:var(--label-strong)}
.pc-term{flex-shrink:0;text-align:right;white-space:nowrap;text-transform:none;letter-spacing:.2px}
.pc-dur{font-size:.76rem;color:var(--label-helper);line-height:1.38;min-height:28px}
.pc-inline-link{display:inline-flex;align-items:center;gap:6px;padding:0;border:none;background:none;color:#87c5ff;font-size:.8rem;font-weight:800;line-height:1.35;cursor:pointer;transition:color .2s ease,transform .2s ease}
.pc-inline-link:hover{color:#c5e5ff;transform:translateX(1px)}
.pc-inline-link:focus-visible{outline:none;color:#dff2ff;text-decoration:underline}
.pc-pricing-module{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:end;margin:0 0 10px;padding:2px 0}
.pc-price-stack{display:flex;flex-direction:column;justify-content:flex-end;min-width:0;padding:0}
.pc-price-label{display:inline-flex;align-self:flex-start;margin-bottom:4px}
.pc-price{display:flex;align-items:flex-start;gap:3px;margin:0;line-height:1}
.pc-price sup{font-family:var(--font-h);font-size:1rem;font-weight:700;color:var(--muted);padding-top:7px}
.pc-price span{font-family:var(--font-h);font-size:2.18rem;font-weight:800;letter-spacing:-2px;color:var(--label-strong)}
.pc-multiple-pill{align-self:end;justify-self:center;display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(34,197,94,.24);background:linear-gradient(180deg,rgba(34,197,94,.12),rgba(34,197,94,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 20px rgba(8,24,16,.2);font-size:.76rem;font-weight:900;letter-spacing:.3px;line-height:1;color:var(--label-savings);white-space:nowrap}
.pc-value-stack{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;min-width:0;padding-left:12px;border-left:none}
.pc-value-label{display:inline-flex;align-self:flex-end;margin-bottom:4px}
.pc-value-amount{display:flex;align-items:flex-start;justify-content:flex-end;gap:3px;line-height:1;white-space:nowrap;text-align:right;color:var(--label-strong)}
.pc-value-currency{font-family:var(--font-h);font-size:1rem;font-weight:700;color:var(--label-strong);padding-top:7px}
.pc-value-number{font-family:var(--font-h);font-size:2.18rem;font-weight:800;letter-spacing:-2px;line-height:1;color:var(--label-strong)}
.plan-info-link,.tk-buy{position:relative;overflow:hidden}
.plan-info-link::before,.tk-buy::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-120%);transition:transform .45s var(--ease);pointer-events:none}
.plan-info-link{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:auto;padding:12px 14px;border-radius:12px;border:1px solid rgba(96,165,250,.22);background:linear-gradient(180deg,rgba(20,31,57,.88),rgba(9,16,30,.92));color:#9cc7ff;font-size:.8rem;font-weight:800;letter-spacing:.18px;cursor:pointer;transition:all .25s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 24px rgba(0,0,0,.18)}
.plan-info-link:hover{background:linear-gradient(180deg,rgba(27,42,76,.94),rgba(11,19,37,.96));border-color:rgba(96,165,250,.42);color:#d9ecff;transform:translateY(-1px);box-shadow:0 16px 32px rgba(25,60,120,.18)}
.tk-buy{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:14px 16px;border-radius:16px;font-size:.9rem;font-weight:900;border:1px solid rgba(126,232,250,.18);font-family:inherit;transition:all .28s ease;letter-spacing:.24px;background:linear-gradient(180deg,rgba(29,44,78,.96),rgba(11,18,34,.98))!important;color:#f8fbff!important;box-shadow:0 20px 34px rgba(4,8,20,.42),inset 0 1px 0 rgba(255,255,255,.16),inset 0 -14px 26px rgba(96,165,250,.14)}
.tk-buy:hover{transform:translateY(-2px) scale(1.01);border-color:rgba(126,232,250,.34);box-shadow:0 24px 40px rgba(7,12,28,.46),0 0 0 1px rgba(126,232,250,.1),inset 0 1px 0 rgba(255,255,255,.2),inset 0 -16px 28px rgba(96,165,250,.2)!important}
.plan-info-link:hover::before,.tk-buy:hover::before{transform:translateX(120%)}
.plan-info-link:focus-visible,.tk-buy:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(255,255,255,.08),0 0 0 6px rgba(96,165,250,.18)}
.plan-info-link:active,.tk-buy:active{transform:translateY(0)}
.pc-cta{margin-top:12px}
.tk-card.featured .tk-buy{border-color:rgba(196,122,245,.28);background:linear-gradient(180deg,rgba(78,35,119,.96),rgba(34,19,53,.98))!important;box-shadow:0 20px 36px rgba(24,10,36,.46),inset 0 1px 0 rgba(255,255,255,.16),inset 0 -14px 26px rgba(196,122,245,.16)}
.tk-card.featured .tk-buy:hover{border-color:rgba(196,122,245,.42);box-shadow:0 24px 42px rgba(26,12,40,.5),0 0 0 1px rgba(196,122,245,.12),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -16px 28px rgba(196,122,245,.22)!important}
.token-secondary-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:14px;border:1px solid rgba(96,165,250,.22);background:linear-gradient(180deg,rgba(19,27,49,.95),rgba(9,14,28,.95));color:#cfe2ff;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.token-secondary-btn:hover{background:linear-gradient(180deg,rgba(26,37,65,.98),rgba(12,18,34,.98));border-color:rgba(96,165,250,.38);transform:translateY(-1px)}
.token-secondary-btn strong{color:#7ee8fa;font-size:.78rem;letter-spacing:.3px}
.token-section-label{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--label-helper);font-size:.78rem;font-weight:700;letter-spacing:.3px;white-space:nowrap}
.token-section-label span:last-child{color:var(--label-muted)}
.token-amount-pills{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.token-pill{background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:999px;padding:7px 0;font-family:var(--font-h);font-size:.78rem;font-weight:700;color:var(--muted);cursor:pointer;transition:all .2s ease;text-align:center}
.token-pill:hover{border-color:rgba(96,165,250,.4);color:#60a5fa;background:rgba(96,165,250,.06)}
.token-pill.active{border-color:var(--accent);color:#fff;background:rgba(196,122,245,.12);box-shadow:0 2px 10px var(--glow)}
.token-custom-row{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:.78rem;font-weight:600}
.token-custom-label{color:var(--label-helper);font-size:.76rem;font-weight:700;letter-spacing:.2px}
.token-input-shell{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(15,16,30,.98),rgba(9,10,20,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 12px 28px rgba(0,0,0,.18);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.token-input-shell:hover{border-color:rgba(196,122,245,.26);transform:translateY(-1px)}
.token-input-shell:focus-within{border-color:rgba(96,165,250,.4);box-shadow:0 0 0 1px rgba(96,165,250,.14),0 0 0 6px rgba(96,165,250,.08),0 16px 30px rgba(0,0,0,.26)}
.token-input-cue{font-family:var(--font-h);font-size:1rem;font-weight:800;color:#7ee8fa}
.token-custom-input{flex:1;min-width:0;height:46px;border:none;background:transparent;color:#f8fafc;font-size:.98rem;font-weight:700;outline:none;font-family:inherit}
.token-custom-input::placeholder{color:#6b7398;font-weight:600}
.token-validation{display:none;color:#fca5a5;font-size:.72rem;font-weight:600}
.token-validation.visible{display:block}
@keyframes productPulse{0%{box-shadow:0 0 0 0 rgba(0,194,255,0.6)}50%{box-shadow:0 0 30px 10px rgba(0,194,255,0.3)}100%{box-shadow:0 0 0 0 rgba(0,194,255,0)}}
.product-highlight{animation:productPulse 1s ease-in-out 3 !important;border-color:var(--accent) !important;z-index:10}
@media(max-width:1024px){.pricing-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.pricing-filter-wrap{margin:16px 0 32px}.pricing-filter{border-radius:18px}.pricing-filter-btn{padding:9px 14px;font-size:.8rem}.pricing-section-group+.pricing-section-group{margin-top:56px}.pricing-subsection{padding:22px 18px 18px;margin-bottom:22px}.pricing-subtitle{font-size:1.55rem}.pricing-subcopy{font-size:.88rem;line-height:1.6}.pricing-card-grid{grid-template-columns:1fr}.token-amount-pills{grid-template-columns:repeat(3,minmax(0,1fr))}.pc-dur{min-height:0}.pricing-select-summary,.pricing-select-option{padding:11px 12px}.pricing-select-price{font-size:.88rem}.pricing-card-heading{align-items:center}.provider-logo-strip{gap:7px}.provider-logo-chip{width:32px;height:32px}.pricing-group-divider::after{width:110px}.pricing-group-tag{max-width:min(100%,430px);padding:6px 12px;font-size:.66rem;letter-spacing:.28px}}
@media(max-width:420px){.token-section-label{font-size:.74rem}.pricing-select-summary,.pricing-select-option{gap:12px}.pricing-select-copy-title{font-size:.84rem}.token-input-shell{padding:0 12px}.pricing-card-heading{gap:10px}.pricing-card-heading-media{max-width:44%}.provider-logo-chip{width:30px;height:30px;border-radius:10px;font-size:.72rem}.provider-logo-chip img{width:16px;height:16px}.provider-logo-strip{gap:6px}.pc-value-row{flex-direction:column;align-items:flex-start;gap:4px}.pc-term{text-align:left}}
@media(max-width:360px){.pc-pricing-module{grid-template-columns:1fr;gap:8px}.pc-multiple-pill{justify-self:flex-start;align-self:flex-start}.pc-value-stack{align-items:flex-start;padding-left:0;padding-top:8px;border-left:none;border-top:none}.pc-value-label{align-self:flex-start}.pc-value-amount{justify-content:flex-start;text-align:left}}

/*  HOW IT WORKS  */
.hiw-section{padding:100px 0;background:linear-gradient(180deg,transparent,rgba(196,122,245,.025),transparent)}
.hiw-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:14px;margin-top:52px}
.hiw-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:30px;text-align:center;transition:all .35s var(--ease)}.hiw-card:hover{border-color:var(--border-h);transform:translateY(-3px);box-shadow:0 16px 48px rgba(0,0,0,.35)}
.hiw-num{font-family:var(--font-h);font-size:2.8rem;font-weight:800;color:rgba(196,122,245,.12);line-height:1;margin-bottom:14px}
.hiw-ico{font-size:1.9rem;margin-bottom:10px}
.hiw-card h3{font-family:var(--font-h);font-size:1rem;font-weight:700;margin-bottom:8px}
.hiw-card p{font-size:.82rem;color:var(--muted);line-height:1.65}
.hiw-arrow{font-size:1.6rem;color:var(--muted2);text-align:center}

/*  FEATURES  */
.feat-section{padding:100px 0}
.feat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:18px}
.feat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:26px;transition:all .35s var(--ease);position:relative;overflow:hidden}
.feat-card::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(196,122,245,.04),transparent);opacity:0;transition:opacity .3s ease}
.feat-card:hover{border-color:var(--border-h);transform:translateY(-3px);box-shadow:0 18px 48px rgba(0,0,0,.35)}.feat-card:hover::before{opacity:1}
.fi{font-size:1.7rem;margin-bottom:14px;display:block}
.feat-card h3{font-family:var(--font-h);font-size:.97rem;font-weight:700;margin-bottom:8px}
.feat-card p{font-size:.82rem;color:var(--muted);line-height:1.65}

/*  GUARANTEE SECTION  */
.guarantee-section{padding:60px 0}
.guar-box{display:flex;align-items:center;gap:32px;background:linear-gradient(135deg,rgba(74,222,128,.06),rgba(196,122,245,.04));border:1px solid rgba(74,222,128,.18);border-radius:20px;padding:40px 44px}
.guar-icon{font-size:3rem;flex-shrink:0}
.guar-text{flex:1}.guar-text h3{font-family:var(--font-h);font-size:1.2rem;font-weight:700;margin-bottom:8px}.guar-text p{font-size:.84rem;color:var(--muted);line-height:1.7}

/*  FAQ  */
.faq-section{padding:100px 0}
.faq-wrap{display:grid;grid-template-columns:1fr 2fr;gap:80px;align-items:start}
.faq-tg{display:inline-flex;align-items:center;gap:8px;background:rgba(41,171,226,.08);border:1px solid rgba(41,171,226,.2);color:#29ABE2;padding:10px 18px;border-radius:10px;font-size:.83rem;font-weight:700;transition:all .2s;margin-top:12px}.faq-tg:hover{background:rgba(41,171,226,.15)}
.faq-item{border-bottom:1px solid var(--border)}
.faq-q{width:100%;background:none;border:none;color:#e8e8f0;text-align:left;padding:18px 0;font-size:.88rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:14px;transition:color .2s}.faq-q:hover{color:var(--accent)}
.faq-ico{font-size:1.15rem;color:var(--accent);flex-shrink:0;transition:transform .35s var(--ease)}
.faq-item.open .faq-ico{transform:rotate(45deg)}
.faq-a{font-size:.83rem;color:var(--muted);line-height:1.8;max-height:0;overflow:hidden;transition:max-height .4s ease,padding-bottom .4s ease}
.faq-item.open .faq-a{max-height:300px;padding-bottom:18px}

/*  SOCIAL PROOF  */
.social-proof-section{padding:40px 0 20px}
.sp-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sp-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:24px;transition:all .3s var(--ease)}
.sp-card:hover{border-color:var(--border-h);transform:translateY(-2px);box-shadow:0 12px 36px rgba(0,0,0,.35)}
.sp-stars{color:#fbbf24;font-size:.9rem;letter-spacing:2px;margin-bottom:12px}
.sp-quote{font-size:.85rem;color:var(--muted);line-height:1.7;font-style:italic;margin-bottom:16px}
.sp-author{display:flex;align-items:center;gap:10px}
.sp-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#60a5fa);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:#fff;flex-shrink:0}
.sp-author strong{font-size:.82rem;display:block}
.sp-role{font-size:.7rem;color:var(--muted)}
@media(max-width:768px){.sp-strip{grid-template-columns:1fr}}

/*  CTA SECTION  */
.cta-section{padding:80px 0 100px}
.cta-box{position:relative;background:linear-gradient(135deg,rgba(196,122,245,.07),rgba(96,165,250,.04));border:1px solid rgba(196,122,245,.18);border-radius:24px;padding:72px 48px;text-align:center;overflow:hidden}
.cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:300px;background:radial-gradient(ellipse,rgba(196,122,245,.07),transparent 70%);pointer-events:none}
.cta-box h2{font-family:var(--font-h);font-size:clamp(1.7rem,4vw,2.5rem);font-weight:800;margin-bottom:12px;position:relative}
.cta-box p{color:var(--muted);font-size:.95rem;margin-bottom:16px;position:relative}.cta-box .btn-glow{position:relative}
.cta-trust{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-bottom:28px;position:relative}
.cta-trust span{font-size:.78rem;color:var(--muted);font-weight:600}

/*  EXIT INTENT POPUP  */
.exit-popup{display:none;position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(10px);z-index:1100;align-items:center;justify-content:center;padding:16px}
.exit-popup.active{display:flex}
.exit-box{background:linear-gradient(145deg,#160e24,var(--card));border:1px solid rgba(196,122,245,.25);border-radius:24px;padding:48px;max-width:460px;text-align:center;position:relative;animation:mIn .38s var(--ease)}
.exit-box h3{font-family:var(--font-h);font-size:1.5rem;font-weight:800;margin-bottom:12px}
.exit-box p{color:var(--muted);font-size:.9rem;line-height:1.7;margin-bottom:24px}
.exit-close{position:absolute;top:14px;right:14px;background:rgba(255,255,255,.06);border:1px solid var(--border);border-radius:8px;color:var(--muted);padding:7px;cursor:pointer;transition:all .2s}.exit-close:hover{border-color:var(--border-h);color:#fff}
.exit-discount{background:var(--gdim);border:1px solid rgba(74,222,128,.18);border-radius:12px;padding:14px;margin-bottom:20px;font-family:var(--font-h);font-size:1.2rem;font-weight:800;color:var(--green);letter-spacing:2px}

/*  FOOTER  */
.footer{padding:72px 0 0;border-top:1px solid var(--border)}
.footer-inner{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;padding-bottom:56px}
.foot-brand .logo{display:block;margin-bottom:10px;font-size:1.2rem}
.foot-brand p{font-size:.82rem;color:var(--muted);margin-bottom:14px;line-height:1.65}
.foot-tg{display:inline-flex;align-items:center;gap:7px;color:#29ABE2;font-size:.8rem;font-weight:700;border:1px solid rgba(41,171,226,.18);border-radius:8px;padding:7px 13px;transition:all .2s}.foot-tg:hover{background:rgba(41,171,226,.07)}
.foot-col h4{font-size:.72rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.foot-col a{display:block;color:var(--muted);font-size:.82rem;padding:4px 0;transition:color .2s}.foot-col a:hover{color:#e8e8f0}
.foot-bottom{border-top:1px solid var(--border);padding:20px 0}
.foot-bottom p{text-align:center;font-size:.72rem;color:var(--muted2)}

/*  FLOATING TG / TOAST  */
.tg-float{position:fixed;bottom:28px;right:28px;z-index:95;display:flex;align-items:center;gap:9px;background:#229ED9;color:#fff;padding:12px 20px;border-radius:999px;font-size:.82rem;font-weight:700;box-shadow:0 4px 24px rgba(34,158,217,.28);opacity:0;transform:translateY(20px);transition:all .4s var(--ease)}
.tg-float.visible{opacity:1;transform:translateY(0)}.tg-float:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(34,158,217,.42)}
.toast{position:fixed;bottom:88px;right:28px;z-index:999;background:#1a1a2e;border:1px solid var(--border);border-radius:10px;padding:11px 18px;font-size:.82rem;font-weight:500;opacity:0;transform:translateY(12px);transition:all .3s ease;pointer-events:none;box-shadow:0 8px 32px rgba(0,0,0,.4)}.toast.show{opacity:1;transform:translateY(0)}

/*  MODAL  */
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);z-index:1000;align-items:center;justify-content:center;padding:16px}.modal-overlay.active{display:flex}
.modal{background:#0d0d1a;border:1px solid rgba(255,255,255,.09);border-radius:20px;width:100%;max-width:478px;max-height:94vh;overflow-y:auto;position:relative;animation:mIn .38s var(--ease)}
.tut-modal{background:#09091a;border:1px solid rgba(255,255,255,.09);border-radius:20px;width:min(560px,calc(100vw - 32px));max-width:560px;max-height:min(86vh,760px);position:relative;animation:mIn .38s var(--ease);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45)}
@keyframes mIn{from{opacity:0;transform:scale(.93) translateY(18px)}to{opacity:1;transform:scale(1) translateY(0)}}
.modal-x{position:absolute;top:16px;right:16px;background:rgba(255,255,255,.06);border:1px solid var(--border);border-radius:8px;color:var(--muted);padding:7px;transition:all .2s;z-index:2}.modal-x:hover{border-color:var(--border-h);color:#fff}
.modal-steps{display:flex;align-items:center;padding:24px 24px 0}
.ms{display:flex;align-items:center;flex:1}.ms:last-child{flex:none}
.ms-dot{width:26px;height:26px;border-radius:50%;background:var(--card);border:2px solid var(--muted2);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:var(--muted);transition:all .3s ease;flex-shrink:0}
.ms-dot.active{border-color:var(--accent);color:var(--accent);background:rgba(196,122,245,.1)}
.ms-dot.done{border-color:var(--green);background:var(--green);color:#000}
.ms-line{flex:1;height:2px;background:var(--muted2);margin:0 6px;border-radius:999px;transition:background .3s ease}.ms-line.done{background:var(--green)}
.modal-body{padding:22px 24px 28px}
.m-step{display:none;animation:fadeUp .3s ease}.m-step.active{display:block}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.m-title{font-family:var(--font-h);font-size:1.1rem;font-weight:700;margin-bottom:4px}
.m-sub{font-size:.82rem;color:var(--muted);margin-bottom:18px}
.order-summary{background:rgba(196,122,245,.04);border:1px solid rgba(196,122,245,.1);border-radius:12px;padding:14px;margin-bottom:18px}
.os-row{display:flex;justify-content:space-between;padding:5px 0;font-size:.82rem;border-bottom:1px solid rgba(255,255,255,.04)}.os-row:last-child{border:none}.os-row span{color:var(--muted)}.os-row b{font-weight:600}
.total-row{margin-top:4px;padding-top:10px!important;border-top:1px solid rgba(255,255,255,.07)!important}.total-row b{font-size:1rem}
.form-grp{margin-bottom:16px}
.f-label{display:block;font-size:.68rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
.f-input{width:100%;background:#09091a;border:1px solid var(--border);border-radius:10px;padding:11px 13px;color:#e8e8f0;font-size:.88rem;font-family:inherit;outline:none;transition:border-color .2s}.f-input:focus{border-color:rgba(196,122,245,.5)}
.f-input.invalid{border-color:var(--red);animation:shake .4s ease}
@keyframes shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
.f-hint{font-size:.72rem;color:var(--muted);margin-top:6px}
.coin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:18px}
.coin-btn{background:#09091a;border:1px solid var(--border);border-radius:11px;padding:13px 6px;text-align:center;cursor:pointer;transition:all .2s;font-family:inherit}.coin-btn:hover{border-color:rgba(196,122,245,.3);background:rgba(196,122,245,.04)}.coin-btn.selected{border-color:var(--accent);background:rgba(196,122,245,.08)}
.coin-btn .ci{font-size:1.25rem;margin-bottom:3px}.coin-btn .cn{font-size:.73rem;font-weight:700;color:#e8e8f0}.coin-btn .cnet{font-size:.6rem;color:var(--muted);margin-top:2px}
.pay-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.pay-meta-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px 14px}
.pay-meta-item span{display:block;font-size:.64rem;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.pay-meta-item strong{display:block;color:#f3f2ff;font-size:.82rem;line-height:1.45}
.payment-status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 12px;border-radius:999px;border:1px solid rgba(96,165,250,.18);background:rgba(96,165,250,.10);color:#93c5fd;font-size:.76rem;font-weight:800;letter-spacing:.2px}
.payment-status-pill.status-awaiting_payment,.payment-status-pill.status-created{background:rgba(96,165,250,.10);border-color:rgba(96,165,250,.18);color:#93c5fd}
.payment-status-pill.status-payment_detected{background:rgba(250,204,21,.10);border-color:rgba(250,204,21,.18);color:#facc15}
.payment-status-pill.status-paid_unconfirmed{background:rgba(196,122,245,.12);border-color:rgba(196,122,245,.22);color:#d8b4fe}
.payment-status-pill.status-paid_confirmed{background:rgba(74,222,128,.10);border-color:rgba(74,222,128,.18);color:#4ade80}
.payment-status-pill.status-expired,.payment-status-pill.status-failed{background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.18);color:#f87171}
.payment-status-note{font-size:.77rem;color:var(--muted);line-height:1.55;margin:0 0 12px}
.pay-box{background:var(--gdim);border:1px solid rgba(74,222,128,.18);border-radius:12px;padding:16px;text-align:center;margin-bottom:12px}
.pay-label{font-size:.67rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.pay-amount{font-family:var(--font-h);font-size:1.65rem;font-weight:800;color:var(--green);letter-spacing:-.5px}
.pay-usd{font-size:.73rem;color:var(--muted);margin-top:3px}
.net-warn{background:rgba(251,191,36,.05);border:1px solid rgba(251,191,36,.18);border-radius:8px;padding:8px 13px;font-size:.76rem;color:#fbbf24;margin-bottom:12px}
.addr-box{background:#09091a;border:1px solid var(--border);border-radius:10px;padding:13px;margin-bottom:12px}
.addr-label{font-size:.65rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.addr-val{font-size:.74rem;font-family:"Courier New",monospace;word-break:break-all;color:#e8e8f0;line-height:1.5;margin-bottom:8px}
.copy-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(196,122,245,.09);border:1px solid rgba(196,122,245,.2);color:var(--accent);padding:5px 11px;border-radius:6px;font-size:.72rem;font-weight:700;transition:opacity .2s;font-family:inherit}.copy-btn:hover{opacity:.8}
#qr-container{display:flex;justify-content:center;margin:12px 0}
#qr-container canvas,#qr-container img{border-radius:8px!important;padding:7px;background:#fff!important}
.cd-box{display:flex;justify-content:space-between;align-items:center;background:#09091a;border:1px solid var(--border);border-radius:9px;padding:10px 14px;font-size:.82rem;color:var(--muted);margin-bottom:14px}
.cd-time{font-family:var(--font-h);font-weight:800;font-size:.95rem;color:#e8e8f0;font-variant-numeric:tabular-nums}.cd-time.urgent{color:var(--red)!important}
.m-btn-primary{width:100%;padding:12px;border-radius:10px;font-weight:700;font-size:.88rem;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;font-family:inherit;transition:all .25s ease;margin-top:4px}.m-btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px var(--glow)}.m-btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.m-btn-primary.is-loading{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:progress}
.m-btn-ghost{width:100%;padding:10px;border-radius:10px;font-weight:500;font-size:.83rem;background:transparent;border:1px solid var(--border);color:var(--muted);font-family:inherit;transition:all .2s;margin-top:8px}.m-btn-ghost:hover{border-color:var(--border-h);color:#fff}
.conf-icon{text-align:center;font-size:2.8rem;margin-bottom:12px}
.conf-title{font-family:var(--font-h);font-size:1.25rem;font-weight:800;text-align:center;margin-bottom:8px}
.conf-sub{font-size:.83rem;color:var(--muted);text-align:center;line-height:1.7;margin-bottom:18px}
.oid-box{background:var(--gdim);border:1px solid rgba(74,222,128,.18);border-radius:12px;padding:16px;text-align:center;margin-bottom:14px}
.oid-label{font-size:.65rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.oid-val{font-family:"Courier New",monospace;font-size:1.45rem;font-weight:800;color:var(--green);letter-spacing:3px}
.conf-email-box{background:rgba(196,122,245,.04);border:1px solid rgba(196,122,245,.1);border-radius:10px;padding:12px;font-size:.8rem;color:var(--muted);line-height:1.65;margin-bottom:12px}.conf-email-box b{color:#e8e8f0}.conf-email-box small{font-size:.7rem;color:var(--muted2)}
.conf-tg{display:flex;align-items:center;justify-content:center;gap:8px;background:#229ED9;color:#fff;padding:12px;border-radius:10px;font-size:.85rem;font-weight:700;transition:opacity .2s}.conf-tg:hover{opacity:.85}
.spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;margin-right:5px;vertical-align:middle}
@keyframes spin{to{transform:rotate(360deg)}}

/*  PAYMENT REFINEMENT PASS  */
.toast{
  top:24px;
  right:24px;
  bottom:auto;
  z-index:1450;
  max-width:min(420px,calc(100vw - 32px));
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(18,22,38,.96),rgba(10,12,24,.96));
  box-shadow:0 20px 48px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(18px);
  color:#eef2ff;
  line-height:1.45;
}
.toast[data-tone="info"],.toast[data-tone="default"]{border-color:rgba(96,165,250,.22);background:linear-gradient(180deg,rgba(18,31,56,.96),rgba(10,14,28,.98));color:#dcecff}
.toast[data-tone="success"]{border-color:rgba(74,222,128,.22);background:linear-gradient(180deg,rgba(15,42,31,.96),rgba(10,16,18,.98));color:#dcfce7}
.toast[data-tone="error"]{border-color:rgba(248,113,113,.24);background:linear-gradient(180deg,rgba(49,20,27,.96),rgba(18,11,18,.98));color:#ffe2e2}

.payment-recovery{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:1350;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
  min-width:240px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(96,165,250,.2);
  background:linear-gradient(180deg,rgba(15,22,40,.96),rgba(10,14,27,.98));
  box-shadow:0 24px 48px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(18px);
  color:#eef4ff;
  opacity:0;
  transform:translateY(18px);
  pointer-events:none;
  transition:opacity .26s ease,transform .26s var(--ease),border-color .26s ease,box-shadow .26s ease;
}
.payment-recovery[hidden]{display:none !important}
.payment-recovery.visible{opacity:1;transform:translateY(0);pointer-events:auto}
.payment-recovery:hover{border-color:rgba(96,165,250,.34);box-shadow:0 30px 58px rgba(0,0,0,.38),0 0 0 1px rgba(96,165,250,.08),inset 0 1px 0 rgba(255,255,255,.06)}
.payment-recovery-label{font-size:.72rem;font-weight:800;letter-spacing:.72px;text-transform:uppercase;color:#8ec5ff}
.payment-recovery-order{font-size:.82rem;font-weight:700;color:#f3f6ff;line-height:1.35}

.modal-overlay{
  z-index:1200;
  padding:22px;
  background:rgba(4,5,12,.76);
  backdrop-filter:blur(14px) saturate(1.05);
}
.modal{
  width:min(920px,calc(100vw - 32px));
  max-width:920px;
  max-height:min(92vh,920px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.1);
  background:
    radial-gradient(circle at top left,rgba(126,232,250,.07),transparent 34%),
    radial-gradient(circle at bottom right,rgba(196,122,245,.1),transparent 36%),
    linear-gradient(180deg,rgba(13,16,31,.98),rgba(8,10,21,.98));
  box-shadow:0 32px 90px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.06);
}
.modal-x{
  top:18px;
  right:18px;
  padding:9px;
  border-radius:12px;
  background:rgba(255,255,255,.05);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.modal-steps{
  padding:26px 28px 0;
  position:relative;
  z-index:1;
}
.modal-body{
  padding:20px 28px 28px;
  overflow-y:auto;
}
.m-title{
  font-size:1.24rem;
  letter-spacing:-.03em;
}
.m-sub{
  font-size:.86rem;
  line-height:1.7;
  color:#aeb4d8;
  margin-bottom:0;
}
.checkout-stage-shell{
  display:grid;
  grid-template-columns:minmax(0,1.14fr) minmax(280px,.86fr);
  gap:16px;
  margin-bottom:18px;
}
.checkout-stage-shell--coin{
  grid-template-columns:minmax(0,1.16fr) minmax(260px,.84fr);
}
.checkout-panel{
  position:relative;
  padding:22px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg,rgba(16,19,34,.96),rgba(10,12,24,.96));
  box-shadow:0 22px 48px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04);
}
.checkout-panel::before,
.payment-card::before,
.payment-hero-card::before,
.payment-progress-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(125deg,rgba(255,255,255,.05),transparent 28%,transparent 72%,rgba(196,122,245,.05));
  opacity:.8;
}
.checkout-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
.checkout-panel-title{
  font-family:var(--font-h);
  font-size:1rem;
  font-weight:800;
  line-height:1.15;
  margin-bottom:6px;
}
.checkout-panel-copy{
  color:#aeb4d8;
  font-size:.82rem;
  line-height:1.65;
}
.checkout-stage-tag{
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid rgba(96,165,250,.16);
  background:rgba(96,165,250,.08);
  color:#9fd3ff;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.72px;
  text-transform:uppercase;
}
.order-summary{
  margin-bottom:0;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(196,122,245,.12);
  background:linear-gradient(180deg,rgba(28,20,44,.55),rgba(14,14,28,.7));
}
.os-row{
  align-items:center;
  gap:14px;
  padding:9px 0;
}
.os-row span{
  color:#a9afd3;
}
.os-row b{
  text-align:right;
  font-weight:700;
}
.form-grp{
  margin-bottom:0;
}
.f-label{
  color:#b9bfdc;
  margin-bottom:8px;
}
.f-input{
  min-height:48px;
  border-radius:14px;
  background:rgba(9,11,24,.92);
  border-color:rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.f-hint{
  color:#9da6cf;
  line-height:1.6;
}
.coin-grid{
  gap:10px;
  margin-bottom:20px;
}
.coin-btn{
  min-height:98px;
  padding:15px 10px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(13,16,30,.96),rgba(9,11,22,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.coin-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(96,165,250,.26);
  background:linear-gradient(180deg,rgba(18,23,43,.96),rgba(10,13,26,.98));
}
.coin-btn.selected{
  border-color:rgba(96,165,250,.4);
  background:linear-gradient(180deg,rgba(20,28,50,.98),rgba(12,17,31,.98));
  box-shadow:0 18px 36px rgba(0,0,0,.22),0 0 0 1px rgba(96,165,250,.12),inset 0 1px 0 rgba(255,255,255,.05);
}
.coin-btn .ci{
  font-size:1.45rem;
  margin-bottom:6px;
}
.coin-btn .cn{
  font-size:.82rem;
  letter-spacing:.02em;
}
.coin-btn .cnet{
  font-size:.66rem;
  text-transform:uppercase;
  letter-spacing:.6px;
  margin-top:4px;
}
.checkout-side-list{
  display:grid;
  gap:12px;
}
.checkout-side-item{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.03);
}
.checkout-side-item span{
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.72px;
  text-transform:uppercase;
  color:#9ca5d0;
}
.checkout-side-item strong{
  font-size:.88rem;
  line-height:1.5;
  color:#f3f5ff;
}
.payment-shell{
  display:grid;
  gap:16px;
}
.payment-hero-card{
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at top right,rgba(96,165,250,.08),transparent 34%),
    linear-gradient(180deg,rgba(16,20,35,.96),rgba(10,12,24,.98));
  box-shadow:0 24px 52px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.04);
}
.payment-hero-copy{
  display:grid;
  gap:8px;
  align-content:start;
}
.pay-meta-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  margin-bottom:0;
  gap:12px;
}
.pay-meta-item{
  min-height:88px;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding:16px 18px;
  border-radius:18px;
  border-color:rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.pay-meta-item span{
  margin-bottom:8px;
  color:#9da7d0;
}
.pay-meta-item strong{
  min-width:0;
  font-size:.9rem;
  line-height:1.48;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.pay-meta-item--order strong{
  font-size:.88rem;
  letter-spacing:.01em;
}
.pay-meta-item--network strong{
  white-space:pre-line;
}
.pay-meta-item--status{
  justify-content:space-between;
}
.pay-meta-item strong.payment-status-pill{
  display:inline-flex;
  align-self:flex-start;
  width:auto;
  max-width:100%;
  min-height:30px;
}
.payment-status-note{
  margin:0;
  padding:0 2px;
  color:#b1b7d7;
  font-size:.82rem;
}
.payment-progress-card{
  position:relative;
  padding:18px 20px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(15,18,32,.96),rgba(10,12,24,.96));
  box-shadow:0 18px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);
}
.payment-progress-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.payment-progress-label{
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.72px;
  text-transform:uppercase;
  color:#8ec5ff;
}
.payment-progress-head strong{
  font-size:.94rem;
  color:#f3f6ff;
}
.payment-progress-bar{
  width:100%;
  height:10px;
  border-radius:999px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.06);
}
.payment-progress-fill{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#60a5fa 0%,#c47af5 58%,#4ade80 100%);
  box-shadow:0 0 18px rgba(96,165,250,.25);
  transition:width .28s ease;
}
.payment-progress-foot{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-top:12px;
  color:#adb4d6;
  font-size:.8rem;
  line-height:1.55;
}
.payment-layout{
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(270px,.84fr);
  gap:16px;
  align-items:start;
}
.payment-main-stack,
.payment-side-stack{
  display:grid;
  gap:16px;
}
.payment-card{
  position:relative;
  padding:18px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(14,16,30,.96),rgba(9,11,22,.98));
  box-shadow:0 18px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);
}
.pay-box{
  margin-bottom:0;
  padding:20px;
  text-align:left;
  background:linear-gradient(180deg,rgba(11,33,24,.92),rgba(10,18,18,.96));
  border-color:rgba(74,222,128,.16);
}
.pay-label{
  color:#9ca7d0;
  margin-bottom:8px;
}
.pay-label--qr{
  margin-bottom:12px;
}
.pay-amount{
  font-size:clamp(1.7rem,4vw,2.3rem);
  line-height:1.1;
  letter-spacing:-.04em;
}
.pay-usd{
  margin-top:8px;
  color:#a8b0d4;
}
.addr-box{
  margin-bottom:0;
}
.addr-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.addr-label{
  margin-bottom:0;
  color:#b1b8db;
}
.addr-val{
  margin-bottom:12px;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.03);
  font-size:.8rem;
  line-height:1.65;
}
.copy-btn{
  flex-shrink:0;
  border-radius:999px;
  padding:7px 12px;
  white-space:nowrap;
}
.net-warn{
  margin-bottom:0;
  padding:10px 13px;
  border-radius:14px;
  line-height:1.55;
}
.cd-box{
  margin-bottom:0;
  border-radius:18px;
}
.payment-card--qr{
  text-align:center;
  justify-items:center;
}
#qr-container{
  margin:0 auto 12px;
}
#qr-container canvas,#qr-container img{
  border-radius:18px !important;
  padding:12px !important;
  background:#fff !important;
  box-shadow:0 18px 34px rgba(0,0,0,.22);
}
.payment-qr-note{
  font-size:.76rem;
  color:#aab3d7;
  line-height:1.55;
}
.payment-card--actions{
  display:grid;
  gap:10px;
}
.payment-card--actions .m-btn-primary,
.payment-card--actions .m-btn-ghost{
  margin-top:0;
}

@media(max-width:980px){
  .modal{
    width:min(760px,calc(100vw - 28px));
  }
  .checkout-stage-shell,
  .checkout-stage-shell--coin,
  .payment-hero-card,
  .payment-layout{
    grid-template-columns:1fr;
  }
  .pay-meta-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:720px){
  .modal-overlay{
    padding:14px;
  }
  .modal{
    width:100%;
    max-height:96vh;
    border-radius:22px;
  }
  .modal-steps{
    padding:22px 20px 0;
  }
  .modal-body{
    padding:18px 20px 22px;
  }
  .checkout-panel,
  .payment-hero-card,
  .payment-progress-card,
  .payment-card{
    padding:18px;
    border-radius:18px;
  }
  .pay-meta-grid{
    grid-template-columns:1fr;
  }
  .payment-progress-head,
  .payment-progress-foot,
  .addr-head{
    flex-direction:column;
    align-items:flex-start;
  }
}
@media(max-width:560px){
  .toast{
    top:16px;
    right:16px;
    left:16px;
    bottom:auto;
    max-width:none;
  }
  .payment-recovery{
    left:16px;
    right:16px;
    bottom:16px;
    min-width:0;
  }
  .coin-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .m-title{
    font-size:1.12rem;
  }
  .pay-amount{
    font-size:1.58rem;
  }
  .cd-box{
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
  }
}

/*  REVEAL  */
.reveal-up{opacity:0;transform:translateY(28px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.reveal-up.visible{opacity:1;transform:translateY(0)}
.reveal-card{opacity:0;transform:translateY(22px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.reveal-card.visible{opacity:1;transform:translateY(0)}
.delay-1{transition-delay:.1s!important}.delay-2{transition-delay:.2s!important}.delay-3{transition-delay:.3s!important}

/*  RESPONSIVE  */
@media(max-width:1024px){
  .hiw-grid{grid-template-columns:1fr;gap:10px}.hiw-arrow{transform:rotate(90deg);text-align:center}
  .faq-wrap{grid-template-columns:1fr}.faq-left .sec-sub{margin-bottom:16px}
  .footer-inner{grid-template-columns:1fr 1fr;gap:32px}
  .models-row{grid-template-columns:1fr}
  .guar-box{flex-direction:column;text-align:center;padding:32px 24px}
  .token-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
}
@media(max-width:768px){
  .nav-center{display:none}.nav-tg{display:none}.nav-community{display:none}.btn-pill{display:none}.hamburger{display:flex}
  .hero-stats{gap:12px;padding:16px 12px}.hs-item{padding:0 10px}.hs-sep{display:none}
  .token-grid{grid-template-columns:1fr}
  .feat-grid{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr}
  .pay-meta-grid{grid-template-columns:1fr}
  .tg-float span{display:none}.tg-float{padding:14px;border-radius:50%}
  .nav-wrap{padding-right:64px !important;position:relative !important}
  .hamburger{position:absolute !important;right:16px !important;top:50% !important;transform:translateY(-50%) !important}
  .cta-box{padding:40px 20px}
}
@media(max-width:480px){
  .hero-ctas{flex-direction:column;width:100%;padding:0 24px}.btn-glow,.btn-outline{width:100%;justify-content:center}
  .modal{border-radius:16px;max-height:98vh}
  .tk-price-row{flex-direction:column;gap:8px}
}

/*  BILLING TOGGLE + PRICING MODALS  */
.billing-toggle-wrap{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0 30px;user-select:none}
.b-tog-label{font-size:.85rem;font-weight:700;color:var(--muted);transition:color .2s;cursor:pointer}
.b-tog-label.active{color:#fff}
.b-tog-switch{position:relative;width:50px;height:26px;background:rgba(255,255,255,.1);border-radius:999px;cursor:pointer;transition:background .3s}
.b-tog-switch::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1)}
.b-tog-switch.yearly{background:var(--green)}
.b-tog-switch.yearly::after{transform:translateX(24px)}
.b-tog-badge{background:var(--green);color:#000;font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:4px;margin-left:6px;text-transform:uppercase}
.info-modal-shell{max-width:500px;padding:0;background:#09091a;position:relative}
.info-modal-head{justify-content:space-between;padding:20px 24px;padding-right:50px}
.info-modal-title--tight{margin:0}
.info-icon--alert{color:#ef4444}
.info-modal-close{position:absolute;right:20px;top:20px;background:rgba(255,255,255,.05);border-radius:8px;padding:6px;color:var(--muted)}
.info-modal-content{padding:24px !important;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.info-modal-content--padded{padding:24px}
.info-modal-title{font-family:var(--font-h);font-size:1.3rem;font-weight:800;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.info-icon{color:#ef4444;font-family:var(--font-h);font-size:1.5rem;font-weight:900}
.info-modal-text{font-size:.9rem;color:var(--muted);line-height:1.6;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px;margin-bottom:0}
.info-modal-text--body{font-size:.92rem}
.info-modal-text p{margin-bottom:12px}
.info-modal-text ul{list-style:disc;margin-left:20px;margin-bottom:12px;color:var(--muted)}
.info-modal-text li{margin-bottom:6px;padding:0;border:none}
.info-modal-text li::before{display:none !important}
.tut-modal .tut-head{flex-shrink:0}
.tut-modal.info-modal-wide{width:min(900px,calc(100vw - 32px));max-width:900px !important;max-height:min(82vh,780px)}
#infoModal .modal-x{top:18px;right:18px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}
.info-modal-dismiss{margin-top:20px;width:100%;border:1px solid rgba(255,255,255,.1)}
.info-feature-block{background:linear-gradient(180deg,rgba(18,21,37,.94),rgba(11,13,24,.94));border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px 18px;margin:16px 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 20px 40px rgba(0,0,0,.18)}
.info-feature-title{margin-bottom:14px}
.info-feature-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.info-feature-list li{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);color:var(--label-helper);font-size:.88rem;line-height:1.5}
.info-feature-list li::before{content:"+";color:var(--green);font-weight:700;flex-shrink:0}
.info-model-stack{margin:0 0 14px;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018))}
.info-model-stack-label{display:inline-flex;margin-bottom:10px}
.info-model-cloud{display:flex;flex-wrap:wrap;gap:8px}
.info-model-chip{display:inline-flex;align-items:center;min-height:32px;padding:7px 12px;border-radius:999px;background:rgba(126,232,250,.09);border:1px solid rgba(126,232,250,.16);color:#f4fbff;font-size:.78rem;font-weight:700;letter-spacing:.1px}
.info-summary-card{background:linear-gradient(180deg,rgba(18,21,37,.94),rgba(11,13,24,.94));border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px 18px;margin-bottom:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 20px 40px rgba(0,0,0,.18)}
.info-summary-card-spec{background:linear-gradient(180deg,rgba(18,21,37,.96),rgba(10,12,22,.96));border-color:rgba(126,232,250,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 40px rgba(0,0,0,.22)}
.info-summary-eyebrow{display:block;margin-bottom:12px;font-size:.71rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#7ee8fa}
.info-summary-spec{display:grid;gap:10px}
.info-summary-spec-row{display:grid;grid-template-columns:minmax(100px,132px) 1fr;gap:18px;align-items:start;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.info-summary-spec-row:first-child{padding-top:0}
.info-summary-spec-row:last-child{padding-bottom:0;border-bottom:none}
.info-summary-spec-row span{justify-self:start}
.info-summary-spec-row strong{font-size:.93rem;font-weight:800;color:var(--label-strong);text-align:right;justify-self:end;max-width:100%}
.info-summary-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.info-summary-head strong{font-size:.76rem;color:var(--label-helper);font-weight:700}
.info-summary-grid{display:grid;grid-template-columns:1fr;gap:10px}
.info-summary-row{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 13px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);font-size:.84rem}
.info-summary-row span{font-size:.72rem}
.info-summary-row strong{color:var(--label-strong);font-weight:800;text-align:left;font-size:1rem;line-height:1.35}
.info-summary-row .semantic-value--savings{color:var(--label-savings)}
.info-summary-row .semantic-value--discount{color:var(--label-discount)}
.info-summary-row .semantic-value--estimated-value{color:var(--label-estimated-value)}
.info-summary-row .semantic-value--helper{color:var(--label-helper)}
.info-inline-link{display:inline-flex;align-items:center;gap:6px;color:#7ee8fa;text-decoration:none;font-weight:800;transition:color .2s ease,transform .2s ease}
.info-inline-link:hover{color:#c6f7ff;transform:translateX(1px)}
.info-modal-link-row{display:flex;align-items:center;justify-content:flex-start;margin-top:14px;padding:14px 16px;border-radius:16px;border:1px solid rgba(96,165,250,.14);background:linear-gradient(180deg,rgba(16,22,39,.92),rgba(10,13,24,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.info-models-copy{margin:0 0 12px;color:var(--label-helper);font-size:.88rem;line-height:1.66}
.catalog-table-shell{margin-top:16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,rgba(18,21,37,.94),rgba(11,13,24,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 20px 40px rgba(0,0,0,.18)}
.catalog-table-wrap{overflow:auto;max-height:min(420px,calc(82vh - 240px))}
.catalog-table{width:100%;border-collapse:collapse;min-width:640px}
.catalog-table thead th{padding:14px 16px;background:#121223;border-bottom:1px solid rgba(255,255,255,.08);font-size:.72rem;font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:#d7d7e9;text-align:left;position:sticky;top:0;z-index:1}
.catalog-table tbody td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.05);font-size:.88rem;color:var(--muted);vertical-align:top}
.catalog-table tbody tr:last-child td{border-bottom:none}
.catalog-model-cell{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700}
.catalog-model-cell img{width:20px;height:20px;border-radius:5px;object-fit:contain;flex-shrink:0}
.catalog-rate{color:#fff;font-weight:700}
.catalog-notes code{display:inline-block;padding:4px 8px;border-radius:999px;background:rgba(96,165,250,.08);border:1px solid rgba(96,165,250,.16);color:#bfdbfe;font-size:.78rem}
@media(max-width:768px){.catalog-table-shell{margin-left:-2px;margin-right:-2px}.catalog-table-wrap{max-height:min(360px,calc(82vh - 220px))}.catalog-table thead th,.catalog-table tbody td{padding:12px 14px}.info-summary-spec-row{grid-template-columns:1fr;gap:6px}.info-summary-spec-row strong{text-align:left;justify-self:start}}
@media (max-width:640px){.info-summary-grid{grid-template-columns:1fr}}

/*  PERFORMANCE  */
.orb{will-change:transform}
.tk-card,.feat-card,.hiw-card,.model-card{contain:layout style}
@supports (content-visibility:auto){
  .models-section,
  .pricing-section-group,
  .lower-homepage section,
  .cta-section{
    content-visibility:auto;
    contain-intrinsic-size:1px 760px;
  }
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}.cs-track{animation:none!important}.orb{animation:none!important}.reveal-up,.reveal-card{opacity:1!important;transform:none!important}}


.tut-secondary-btn,.tut-secondary-link{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;font-size:.82rem;font-weight:700;text-align:center;text-decoration:none;transition:all .2s ease}
.tut-secondary-btn:hover,.tut-secondary-link:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18)}
.det-docs-cta{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:12px}
.det-docs-cta p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.6}

/*  LOWER HOMEPAGE REDESIGN  */
.lower-homepage{position:relative;padding:34px 0 0;background:
  radial-gradient(circle at 12% 16%,rgba(196,122,245,.08),transparent 28%),
  radial-gradient(circle at 82% 12%,rgba(96,165,250,.07),transparent 24%),
  radial-gradient(circle at 50% 78%,rgba(74,222,128,.04),transparent 26%),
  linear-gradient(180deg,rgba(7,7,15,0) 0%,rgba(8,10,20,.78) 11%,rgba(6,8,17,.98) 100%);
  isolation:isolate}
.lower-homepage::before,.lower-homepage::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1}
.lower-homepage::before{background:
  linear-gradient(180deg,rgba(126,232,250,.04),transparent 18%),
  linear-gradient(180deg,transparent 0%,rgba(196,122,245,.045) 36%,transparent 74%);
  opacity:.9}
.lower-homepage::after{background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(180deg,transparent,rgba(0,0,0,.28) 12%,black 28%,black 72%,transparent)}

.lower-homepage .wrap{position:relative}
.lower-homepage section{position:relative}
.lower-homepage .eyebrow{display:inline-flex;align-items:center;gap:8px;justify-content:flex-start;margin-bottom:12px;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);font-size:.68rem;letter-spacing:1.6px;color:#a6b7f8;text-align:left}
.lower-homepage .eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 14px currentColor;opacity:.8}
.lower-homepage .sec-title{text-align:left;margin-bottom:0;font-size:clamp(2rem,3.9vw,3.25rem);line-height:1.02;letter-spacing:-1.4px}
.lower-homepage .sec-sub{text-align:left;margin:0;max-width:480px;color:#b6bedf;font-size:.98rem;line-height:1.72}

.lower-section-shell{position:relative;padding:42px;border-radius:30px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(16,19,34,.96),rgba(9,11,22,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 28px 80px rgba(0,0,0,.28);overflow:hidden}
.lower-section-shell::before,.lower-section-shell::after{content:"";position:absolute;pointer-events:none}
.lower-section-shell::before{inset:0;background:linear-gradient(145deg,rgba(255,255,255,.03),transparent 32%,transparent 68%,rgba(255,255,255,.02));opacity:.8}
.lower-section-shell::after{width:280px;height:280px;right:-90px;top:-120px;background:radial-gradient(circle,rgba(196,122,245,.12),transparent 72%);filter:blur(8px)}
.lower-section-head{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:34px}
.lower-section-copy{max-width:560px}

.hiw-section{padding:88px 0 36px;background:transparent}
.hiw-shell::after{background:radial-gradient(circle,rgba(96,165,250,.12),transparent 72%);width:300px;height:300px;left:-100px;top:auto;bottom:-160px;right:auto}
.hiw-stage{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.hiw-stage-line{position:absolute;left:8%;right:8%;top:78px;height:1px;background:linear-gradient(90deg,transparent,rgba(96,165,250,.2) 12%,rgba(196,122,245,.38) 50%,rgba(96,165,250,.2) 88%,transparent);pointer-events:none}
.hiw-card{position:relative;min-height:280px;padding:24px 22px 22px;border-radius:26px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(19,22,40,.98),rgba(11,13,24,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 48px rgba(0,0,0,.18);text-align:left;overflow:hidden;display:flex;flex-direction:column;transition:transform .35s var(--ease),border-color .35s ease,box-shadow .35s ease}
.hiw-card::before{content:"";position:absolute;inset:0;background:linear-gradient(155deg,rgba(96,165,250,.08),transparent 34%,transparent 65%,rgba(196,122,245,.07));opacity:.75}
.hiw-card:hover{transform:translateY(-4px);border-color:rgba(126,232,250,.24);box-shadow:0 24px 60px rgba(0,0,0,.26)}
.hiw-card-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.hiw-step-tag{display:inline-flex;align-items:center;min-height:32px;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);font-size:.68rem;font-weight:800;letter-spacing:1px;color:#c5d1ff;text-transform:uppercase}
.hiw-ico-shell{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(25,35,64,.92),rgba(11,18,34,.96));color:#8cc6ff;box-shadow:0 12px 28px rgba(0,0,0,.18)}
.hiw-num{position:relative;z-index:1;font-family:var(--font-h);font-size:3.45rem;font-weight:800;letter-spacing:-3px;line-height:.9;color:rgba(255,255,255,.09);margin-bottom:16px}
.hiw-card h3{position:relative;z-index:1;font-family:var(--font-h);font-size:1.08rem;font-weight:800;line-height:1.2;margin-bottom:10px}
.hiw-card p{position:relative;z-index:1;color:#adb7d8;font-size:.88rem;line-height:1.72;max-width:28ch}
.hiw-card-docs{background:linear-gradient(180deg,rgba(20,27,48,.98),rgba(12,16,30,.98));border-color:rgba(96,165,250,.18)}
.hiw-docs-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:18px;font-size:.84rem;font-weight:800;color:#9dd7ff;transition:color .2s ease,transform .2s ease}
.hiw-docs-link:hover{color:#dff4ff;transform:translateX(2px)}

.feat-section{padding:34px 0 36px}
.feat-shell::after{width:320px;height:320px;right:-140px;top:-140px;background:radial-gradient(circle,rgba(74,222,128,.1),transparent 70%)}
.feat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;grid-auto-flow:dense}
.feat-card{position:relative;min-height:220px;padding:24px;border-radius:26px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(17,20,35,.98),rgba(10,12,22,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 48px rgba(0,0,0,.18);overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:14px;text-align:left;transition:transform .35s var(--ease),border-color .35s ease,box-shadow .35s ease}
.feat-card::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(196,122,245,.06),transparent 40%,transparent 70%,rgba(96,165,250,.05));opacity:.85}
.feat-card:hover{transform:translateY(-4px);border-color:rgba(196,122,245,.22);box-shadow:0 24px 60px rgba(0,0,0,.24)}
.feat-card-primary{grid-column:span 2;min-height:248px;background:linear-gradient(180deg,rgba(26,22,48,.98),rgba(12,13,25,.98));border-color:rgba(196,122,245,.18)}
.feat-card-wide{background:linear-gradient(180deg,rgba(17,31,34,.98),rgba(10,15,18,.98));border-color:rgba(74,222,128,.14)}
.feat-tag{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:32px;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);font-size:.68rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#c5d1ff}
.feat-icon-shell{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(30,36,63,.92),rgba(11,15,28,.96));color:#a5b4fc;box-shadow:0 12px 28px rgba(0,0,0,.16)}
.feat-card-wide .feat-icon-shell{color:#7ee8b4;background:linear-gradient(180deg,rgba(17,51,42,.92),rgba(10,21,20,.96))}
.feat-card h3,.feat-card p{position:relative;z-index:1}
.feat-card h3{font-family:var(--font-h);font-size:1.03rem;font-weight:800;line-height:1.18}
.feat-card-primary h3{font-size:1.28rem}
.feat-card p{color:#adb7d8;font-size:.88rem;line-height:1.72;max-width:34ch}
.feat-card-primary p{max-width:42ch}

.guarantee-section{padding:34px 0 38px}
.guar-shell{position:relative;display:grid;grid-template-columns:auto minmax(0,1.3fr) minmax(250px,.85fr);align-items:center;gap:26px;padding:34px 36px;border-radius:30px;border:1px solid rgba(74,222,128,.16);background:
  radial-gradient(circle at 88% 12%,rgba(196,122,245,.08),transparent 26%),
  linear-gradient(135deg,rgba(16,31,28,.98),rgba(12,15,27,.98) 48%,rgba(20,17,35,.98));
box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 26px 60px rgba(0,0,0,.24);overflow:hidden}
.guar-shell::after{content:"";position:absolute;inset:auto -80px -120px auto;width:280px;height:280px;background:radial-gradient(circle,rgba(74,222,128,.1),transparent 72%);pointer-events:none}
.guar-side{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.guar-tag{display:inline-flex;align-items:center;min-height:34px;padding:8px 12px;border-radius:999px;border:1px solid rgba(74,222,128,.18);background:rgba(74,222,128,.08);font-size:.72rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#8df1b2}
.guar-icon-shell{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(17,53,42,.92),rgba(10,20,19,.96));color:#7ff0ac;box-shadow:0 18px 36px rgba(0,0,0,.22)}
.guar-copy{position:relative;z-index:1}
.guar-copy h3{font-family:var(--font-h);font-size:1.55rem;font-weight:800;line-height:1.06;margin-bottom:12px}
.guar-copy p{max-width:58ch;color:#c0cae9;font-size:.94rem;line-height:1.8}
.guar-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.guar-points span{display:inline-flex;align-items:center;min-height:38px;padding:9px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);font-size:.8rem;font-weight:700;color:#e9f7ee}
.guar-cta{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px;justify-self:end;max-width:260px}
.guar-cta .btn-glow{justify-content:center}
.guar-cta p{color:#b7bfde;font-size:.84rem;line-height:1.7}

.social-proof-section{padding:38px 0 38px}
.social-shell::after{width:300px;height:300px;left:-130px;top:-110px;right:auto;background:radial-gradient(circle,rgba(96,165,250,.12),transparent 70%)}
.sp-grid{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,.9fr));gap:18px}
.sp-card{position:relative;min-height:270px;padding:26px;border-radius:26px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(18,21,37,.98),rgba(10,12,22,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 48px rgba(0,0,0,.18);display:flex;flex-direction:column;justify-content:space-between;text-align:left;overflow:hidden}
.sp-card::before{content:"“";position:absolute;top:18px;right:20px;font-family:var(--font-h);font-size:5.6rem;font-weight:800;line-height:1;color:rgba(255,255,255,.06)}
.sp-card-featured{background:linear-gradient(180deg,rgba(26,24,48,.98),rgba(11,12,24,.98));border-color:rgba(196,122,245,.18)}
.sp-stars{position:relative;z-index:1;display:inline-flex;align-items:center;width:max-content;padding:8px 12px;border-radius:999px;border:1px solid rgba(251,191,36,.18);background:rgba(251,191,36,.07);font-size:.82rem;letter-spacing:2px;color:#ffd76a}
.sp-quote{position:relative;z-index:1;margin:22px 0 28px;color:#edf1ff;font-size:1rem;line-height:1.78;font-style:normal;max-width:34ch}
.sp-card-featured .sp-quote{font-size:1.1rem;max-width:36ch}
.sp-author{position:relative;z-index:1;display:flex;align-items:center;gap:12px}
.sp-avatar{width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,var(--accent),#60a5fa);display:flex;align-items:center;justify-content:center;font-family:var(--font-h);font-size:.9rem;font-weight:800;color:#fff;box-shadow:0 12px 24px rgba(17,24,39,.22)}
.sp-author strong{display:block;font-size:.86rem;color:#fff}
.sp-role{font-size:.76rem;color:#a8b3d5}

.buy-check-section{padding:38px 0 38px}
.buy-check-shell::after{width:300px;height:300px;left:auto;right:-130px;top:-110px;background:radial-gradient(circle,rgba(196,122,245,.11),transparent 70%)}
.buy-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.buy-check-card{position:relative;min-height:240px;padding:26px;border-radius:26px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(18,21,37,.98),rgba(10,12,22,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 48px rgba(0,0,0,.18);display:flex;flex-direction:column;gap:16px;text-align:left;overflow:hidden}
.buy-check-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 42%,transparent 72%,rgba(126,232,250,.06));pointer-events:none}
.buy-check-card h3{position:relative;z-index:1;font-family:var(--font-h);font-size:1.15rem;font-weight:800;line-height:1.18;color:#f7f9ff}
.buy-check-card p{position:relative;z-index:1;color:#b8c3e3;font-size:.92rem;line-height:1.72}
.buy-check-step{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:max-content;min-width:42px;height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(126,232,250,.16);background:rgba(126,232,250,.07);font-size:.75rem;font-weight:900;letter-spacing:1px;color:#cbefff}
.buy-check-card-accent{grid-column:span 2;background:linear-gradient(180deg,rgba(24,23,43,.98),rgba(11,12,24,.98));border-color:rgba(196,122,245,.18)}
.buy-check-links{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:8px}
.buy-check-links a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);font-size:.82rem;font-weight:700;color:#edf3ff;transition:transform .24s var(--ease),border-color .24s ease,background .24s ease}
.buy-check-links a:hover{transform:translateY(-1px);border-color:rgba(126,232,250,.24);background:rgba(255,255,255,.065)}

.cta-section{padding:38px 0 102px}
.cta-box{position:relative;padding:44px;border-radius:34px;border:1px solid rgba(196,122,245,.2);background:
  radial-gradient(circle at 18% 14%,rgba(196,122,245,.11),transparent 28%),
  radial-gradient(circle at 86% 82%,rgba(96,165,250,.1),transparent 24%),
  linear-gradient(135deg,rgba(22,20,42,.98),rgba(10,13,24,.98) 48%,rgba(10,16,30,.98));
box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 28px 80px rgba(0,0,0,.28);overflow:hidden;text-align:left}
.cta-glow{position:absolute;border-radius:999px;pointer-events:none;filter:blur(8px)}
.cta-glow-primary{width:320px;height:260px;top:-90px;right:-80px;background:radial-gradient(circle,rgba(196,122,245,.16),transparent 70%)}
.cta-glow-secondary{width:280px;height:220px;left:-80px;bottom:-90px;background:radial-gradient(circle,rgba(96,165,250,.12),transparent 70%)}
.cta-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.78fr);gap:26px;align-items:center}
.cta-copy .eyebrow{color:#dbc2ff}
.cta-copy h2{font-family:var(--font-h);font-size:clamp(2rem,4vw,3.15rem);font-weight:800;line-height:1.03;letter-spacing:-1.4px;margin-bottom:12px}
.cta-copy p{max-width:42ch;color:#c0cae9;font-size:.98rem;line-height:1.78}
.cta-trust{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-top:24px;margin-bottom:0}
.cta-trust span{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);font-size:.79rem;font-weight:700;color:#eff4ff}
.cta-action-panel{position:relative;display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(13,19,35,.94),rgba(9,12,23,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 44px rgba(0,0,0,.2)}
.cta-proof{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}
.cta-proof-label{display:inline-flex;width:max-content;padding:7px 10px;border-radius:999px;border:1px solid rgba(96,165,250,.16);background:rgba(96,165,250,.08);font-size:.68rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#9ed1ff}
.cta-proof strong{font-family:var(--font-h);font-size:1rem;font-weight:800;line-height:1.25;color:#fff}
.cta-proof-copy{color:#b5bfdf;font-size:.84rem;line-height:1.65}
.cta-action-panel .btn-glow{justify-content:center;width:100%;min-height:56px;border-radius:16px;font-size:.95rem}
.cta-secondary-link{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:50px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#d9e8ff;font-size:.86rem;font-weight:700;transition:border-color .25s ease,background .25s ease,transform .25s ease}
.cta-secondary-link:hover{background:rgba(255,255,255,.07);border-color:rgba(126,232,250,.28);transform:translateY(-1px)}
.lower-cta-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:56px;padding:14px 18px;border-radius:18px;font-weight:800;letter-spacing:.18px;transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s ease,background .28s ease}
.lower-cta-btn::before{content:"";position:absolute;inset:1px;border-radius:17px;background:linear-gradient(120deg,rgba(255,255,255,.14),transparent 34%,transparent 66%,rgba(126,232,250,.1));opacity:.9;pointer-events:none}
.lower-cta-btn::after{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);opacity:.65;pointer-events:none}
.lower-cta-btn span{position:relative;z-index:1}
.lower-cta-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;font-size:.95rem;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);transition:transform .25s ease,background .25s ease,border-color .25s ease}
.lower-cta-btn:hover{transform:translateY(-2px)}
.lower-cta-btn:hover .lower-cta-btn-icon{transform:translateX(2px);background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.2)}
.lower-cta-btn:focus-visible{outline:none}
.lower-cta-btn-about{border-color:rgba(126,232,250,.18)!important;background:linear-gradient(180deg,rgba(20,29,53,.92),rgba(10,14,26,.96))!important;box-shadow:0 18px 34px rgba(5,10,26,.26),inset 0 1px 0 rgba(255,255,255,.12),inset 0 -12px 22px rgba(96,165,250,.1)!important}
.lower-cta-btn-about:hover{border-color:rgba(126,232,250,.34)!important;box-shadow:0 22px 38px rgba(5,10,26,.3),0 0 0 1px rgba(126,232,250,.08),inset 0 1px 0 rgba(255,255,255,.14),inset 0 -14px 24px rgba(96,165,250,.14)!important}
.lower-cta-btn-about .lower-cta-btn-icon{color:#8fd7ff}
.lower-cta-btn-primary{border-color:rgba(196,122,245,.24)!important;background:linear-gradient(135deg,rgba(106,58,164,.98),rgba(52,31,112,.98) 46%,rgba(24,38,79,.98))!important;box-shadow:0 22px 38px rgba(18,11,35,.34),inset 0 1px 0 rgba(255,255,255,.16),inset 0 -16px 28px rgba(96,165,250,.12)!important}
.lower-cta-btn-primary:hover{border-color:rgba(196,122,245,.4)!important;box-shadow:0 28px 46px rgba(18,11,35,.42),0 0 0 1px rgba(196,122,245,.1),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -18px 30px rgba(96,165,250,.18)!important}
.lower-cta-btn-primary .lower-cta-btn-icon{color:#efe7ff}
.lower-cta-btn-secondary{min-height:52px;border:1px solid rgba(126,232,250,.18)!important;background:linear-gradient(180deg,rgba(18,28,51,.9),rgba(10,14,26,.94))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 30px rgba(4,8,20,.18)!important;color:#e7f5ff!important}
.lower-cta-btn-secondary:hover{border-color:rgba(126,232,250,.34)!important;background:linear-gradient(180deg,rgba(24,37,67,.96),rgba(11,18,34,.98))!important;box-shadow:0 20px 34px rgba(5,10,22,.24),0 0 0 1px rgba(126,232,250,.08)!important}
.lower-cta-btn-secondary .lower-cta-btn-icon{color:#9ddcff}
.lower-cta-btn-about:focus-visible{box-shadow:0 0 0 2px rgba(255,255,255,.08),0 0 0 6px rgba(96,165,250,.16)!important}
.lower-cta-btn-primary:focus-visible{box-shadow:0 0 0 2px rgba(255,255,255,.08),0 0 0 6px rgba(196,122,245,.2),0 24px 40px rgba(18,11,35,.34)!important}
.lower-cta-btn-secondary:focus-visible{box-shadow:0 0 0 2px rgba(255,255,255,.08),0 0 0 6px rgba(96,165,250,.16)!important}
.cta-social-row{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.cta-social-label{font-size:.7rem;font-weight:800;letter-spacing:1.05px;text-transform:uppercase;color:#98a7d6}
.cta-social-actions{display:flex;flex-wrap:wrap;gap:10px}
.cta-inline-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(21,28,48,.92),rgba(10,14,25,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.06);font-size:.82rem;font-weight:700;color:#edf3ff;transition:transform .24s var(--ease),border-color .24s ease,background .24s ease}
.cta-inline-link svg{width:16px;height:16px}
.cta-inline-link:hover{transform:translateY(-1px)}
.cta-inline-link--telegram{border-color:rgba(96,214,255,.18);color:#dff6ff}
.cta-inline-link--telegram svg{color:#84dcff}
.cta-inline-link--telegram:hover{background:linear-gradient(180deg,rgba(19,33,58,.96),rgba(10,17,30,.98));border-color:rgba(96,214,255,.32)}
.cta-inline-link--discord{border-color:rgba(196,122,245,.18);color:#f0e7ff}
.cta-inline-link--discord svg{color:#cebaff}
.cta-inline-link--discord:hover{background:linear-gradient(180deg,rgba(33,26,58,.96),rgba(16,14,30,.98));border-color:rgba(196,122,245,.32)}
.social-icon-row--cta{gap:8px}
.social-icon-row--cta .social-icon-chip{width:40px;height:40px}

.footer{position:relative;padding:0 0 0;border-top:none}
.footer-shell{position:relative;padding:34px 34px 0;border:1px solid rgba(255,255,255,.08);border-radius:30px 30px 0 0;background:linear-gradient(180deg,rgba(14,17,30,.98),rgba(7,8,16,.99));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 44px rgba(0,0,0,.2);overflow:hidden}
.footer-shell::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(96,165,250,.035),transparent 38%,transparent 70%,rgba(196,122,245,.04));pointer-events:none}
.footer-top{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.55fr);gap:34px;padding-bottom:30px}
.foot-brand-card{padding:24px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(20,24,43,.95),rgba(11,14,25,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.foot-brand-card .logo{display:block;margin-bottom:12px;font-size:1.34rem}
.foot-brand-card p{margin-bottom:18px;color:#b8c2e2;font-size:.9rem;line-height:1.72;max-width:34ch}
.foot-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.foot-badges span{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);font-size:.76rem;font-weight:700;color:#eef3ff}
.foot-tg{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 14px;border-radius:12px;background:rgba(41,171,226,.1);border:1px solid rgba(41,171,226,.2);color:#7fd6ff;box-shadow:none}
.foot-tg:hover{background:rgba(41,171,226,.16)}
.foot-links-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.foot-col h4{font-size:.7rem;font-weight:900;letter-spacing:1.5px;color:#8da0d8;margin-bottom:14px}
.foot-col a{position:relative;display:block;padding:7px 0;color:#b7c0df;font-size:.86rem;transition:color .2s ease,transform .2s ease}
.foot-col a:hover{color:#f6f7ff;transform:translateX(2px)}
.footer-social-hub-wrap{padding:0 0 30px}
.footer-social-hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:28px;border-top:1px solid rgba(255,255,255,.08)}
.footer-social-hub--shell{padding-bottom:30px;margin-top:4px}
.footer-social-card{padding:22px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(18,22,40,.96),rgba(10,12,24,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.05);display:flex;flex-direction:column;gap:14px;min-height:100%}
.footer-social-eyebrow{display:inline-flex;width:max-content;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);font-size:.68rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#a7b3d8}
.footer-social-primary{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:11px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(21,28,49,.92),rgba(10,14,25,.98));font-size:.86rem;font-weight:800;color:#f0f5ff;transition:transform .24s var(--ease),border-color .24s ease,background .24s ease,box-shadow .24s ease}
.footer-social-primary svg{width:17px;height:17px}
.footer-social-primary:hover{transform:translateY(-1px)}
.footer-social-primary--telegram{border-color:rgba(96,214,255,.18);color:#dff6ff;box-shadow:0 12px 24px rgba(5,12,24,.12)}
.footer-social-primary--telegram svg{color:#84dcff}
.footer-social-primary--telegram:hover{border-color:rgba(96,214,255,.32);background:linear-gradient(180deg,rgba(20,35,61,.96),rgba(9,15,29,.98))}
.footer-social-primary--discord{border-color:rgba(196,122,245,.18);color:#f0e7ff;box-shadow:0 12px 24px rgba(12,8,24,.12)}
.footer-social-primary--discord svg{color:#cebaff}
.footer-social-primary--discord:hover{border-color:rgba(196,122,245,.34);background:linear-gradient(180deg,rgba(33,27,58,.96),rgba(15,14,28,.98))}
.footer-social-copy{margin:0;color:#b7c0df;font-size:.84rem;line-height:1.7;max-width:34ch}
.foot-bottom{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.08);padding:20px 0 22px}
.foot-bottom p{text-align:center;font-size:.74rem;color:#7e88aa}

@media(max-width:1120px){
  .lower-section-head{align-items:flex-start;flex-direction:column}
  .hiw-stage{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hiw-stage-line{left:10%;right:10%;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:center}
  .feat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feat-card-primary{grid-column:span 2}
  .sp-grid{grid-template-columns:1.2fr 1fr}
  .sp-card-featured{grid-row:span 2}
  .buy-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .buy-check-card-accent{grid-column:span 2}
  .cta-grid{grid-template-columns:1fr}
  .cta-copy p{max-width:unset}
  .footer-social-hub{grid-template-columns:1fr 1fr}
  .footer-social-card--follow{grid-column:span 2}
  .footer-top{grid-template-columns:1fr}
}

@media(max-width:840px){
  .lower-homepage{padding-top:22px}
  .lower-homepage::after{background-size:52px 52px}
  .lower-section-shell{padding:30px}
  .lower-homepage .sec-title{font-size:clamp(1.72rem,7vw,2.5rem)}
  .lower-homepage .sec-sub{font-size:.92rem}
  .hiw-section,.feat-section,.guarantee-section,.buy-check-section,.cta-section{padding-top:28px}
  .hiw-stage{grid-template-columns:1fr}
  .hiw-stage-line{display:none}
  .hiw-card{min-height:0}
  .feat-grid{grid-template-columns:1fr}
  .feat-card-primary{grid-column:auto}
  .guar-shell{grid-template-columns:1fr;padding:28px}
  .guar-cta{justify-self:start;max-width:none}
  .buy-check-grid{grid-template-columns:1fr}
  .buy-check-card-accent{grid-column:auto}
  .cta-box{padding:32px 28px}
  .cta-action-panel{padding:20px}
  .cta-social-actions{flex-direction:column}
  .cta-inline-link{width:100%}
  .foot-links-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:640px){
  .lower-section-shell{padding:24px;border-radius:24px}
  .lower-homepage .eyebrow{font-size:.64rem;letter-spacing:1.2px;padding:6px 10px}
  .hiw-card,.feat-card,.buy-check-card{padding:22px;border-radius:22px}
  .guar-shell,.cta-box,.footer-shell{border-radius:24px}
  .guar-points span,.cta-trust span,.foot-badges span{width:100%;justify-content:center}
  .footer-shell{padding:24px 24px 0}
  .footer-social-hub{grid-template-columns:1fr}
  .footer-social-card--follow{grid-column:auto}
  .social-icon-row{justify-content:center}
  .cta-social-row{padding:14px}
  .social-icon-row--cta{justify-content:flex-start}
  .foot-links-grid{grid-template-columns:1fr}
  .foot-brand-card{padding:20px}
}