/* ─── ANTISUPPORT design-system v2 ─────────────────────── */
:root{
  --bg:#FAFAFA;--fg:#0F172A;--muted:#F1F5F9;--muted-fg:#64748B;
  --accent:#0052FF;--accent2:#4D7CFF;--border:#E2E8F0;--card:#FFFFFF;
  --grad:linear-gradient(135deg,#0052FF,#4D7CFF);
  --grad-r:linear-gradient(to right,#0052FF,#4D7CFF);
  --grad-hero:linear-gradient(to right,#93C5FD,#60A5FA);
  --sh-sm:0 1px 3px rgba(0,0,0,.06);
  --sh-md:0 4px 8px rgba(0,0,0,.07);
  --sh-lg:0 10px 20px rgba(0,0,0,.09);
  --sh-xl:0 20px 40px rgba(0,0,0,.12);
  --sh-a:0 4px 14px rgba(0,82,255,.25);
  --sh-al:0 8px 24px rgba(0,82,255,.35);
  --r:12px;--rl:16px;--rxl:20px;--rpill:9999px;
}
*,*::before,*::after{box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth}
body{margin:0;font-family:'Inter',system-ui,sans-serif;color:var(--fg);background:var(--bg);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button{font-family:inherit;cursor:pointer}
.container{max-width:1152px;margin:0 auto;padding:0 24px;width:100%}

/* typography */
h1,h2{font-family:'Calistoga',Georgia,serif;font-weight:400}
.gradient-text{background:var(--grad-r);-webkit-background-clip:text;background-clip:text;color:transparent}
.gradient-text-hero{background:var(--grad-hero);-webkit-background-clip:text;background-clip:text;color:transparent}

/* section label */
.section-label{display:inline-flex;align-items:center;gap:9px;border-radius:var(--rpill);border:1px solid rgba(0,82,255,.22);background:rgba(0,82,255,.05);padding:6px 16px;margin-bottom:14px}
.section-label-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pdot 2s ease-in-out infinite;flex-shrink:0}
.section-label-text{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
@keyframes pdot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.65}}

/* fade-up entrance */
.fade-up{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.fade-up.visible{opacity:1;transform:none}
.fade-up:nth-child(2){transition-delay:.1s}
.fade-up:nth-child(3){transition-delay:.2s}
.fade-up:nth-child(4){transition-delay:.3s}

/* loader */
.loader-overlay{position:fixed;inset:0;background:var(--fg);display:flex;justify-content:center;align-items:center;z-index:99999;transition:opacity .4s}
.loader{width:120px;height:22px;border-radius:20px;color:var(--accent2);border:2px solid;position:relative}
.loader::before{content:'';position:absolute;margin:2px;inset:0 100% 0 0;border-radius:inherit;background:currentColor;animation:l6 2s infinite}
@keyframes l6{100%{inset:0}}

/* ── HEADER ── */
header{background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{font-family:'Calistoga',serif;font-weight:400;font-size:1.5rem;user-select:none;background:var(--grad-r);-webkit-background-clip:text;background-clip:text;color:transparent}
nav.desktop-nav{display:flex;gap:32px}
nav.desktop-nav a{font-weight:500;font-size:.9375rem;padding:8px 0;position:relative;color:var(--muted-fg);transition:color .2s}
nav.desktop-nav a:hover,nav.desktop-nav a.active{color:var(--fg)}
nav.desktop-nav a::after{content:'';height:2px;width:0;background:var(--grad-r);position:absolute;bottom:0;left:0;border-radius:2px;transition:width .3s}
nav.desktop-nav a:hover::after,nav.desktop-nav a.active::after{width:100%}
.user-controls{display:flex;gap:10px;align-items:center}
.btn-login{background:transparent;border:1.5px solid var(--border);color:var(--fg);padding:7px 18px;border-radius:var(--r);font-weight:500;font-size:.875rem;transition:all .2s}
.btn-login:hover,.btn-login:focus{border-color:rgba(0,82,255,.4);color:var(--accent);background:rgba(0,82,255,.04);outline:none}
.btn-register{background:var(--grad);border:none;color:#fff;padding:8px 18px;border-radius:var(--r);font-weight:600;font-size:.875rem;box-shadow:var(--sh-a);transition:all .2s}
.btn-register:hover,.btn-register:focus{transform:translateY(-1px);box-shadow:var(--sh-al);filter:brightness(1.1);outline:none}
.user-info{font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:12px;color:var(--fg)}
.user-name{color:var(--accent);font-weight:600}
.btn-logout{background:transparent;border:1.5px solid rgba(239,68,68,.3);color:#ef4444;padding:6px 13px;font-size:.8rem;font-weight:500;border-radius:var(--r);transition:all .2s}
.btn-logout:hover,.btn-logout:focus{background:#ef4444;color:#fff;outline:none}
.mobile-menu-btn{display:none;border:none;background:none;font-size:1.5rem;color:var(--fg)}
nav.mobile-nav{display:none;flex-direction:column;background:#fff;border:1px solid var(--border);padding:6px 0;position:absolute;top:69px;right:0;width:210px;border-radius:0 0 var(--rl) var(--rl);box-shadow:var(--sh-xl)}
nav.mobile-nav.show{display:flex}
nav.mobile-nav a{padding:13px 22px;font-size:.9375rem;color:var(--fg);font-weight:500;transition:background .15s}
nav.mobile-nav a:hover{background:var(--muted);color:var(--accent)}

/* ── HERO ── */
section.hero{padding:96px 0 80px;background:var(--muted);color:var(--fg);position:relative;overflow:hidden}
.hero-dot-bg{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(0,82,255,.055) 1px,transparent 1px);background-size:28px 28px}
section.hero::before{content:'';position:absolute;top:-200px;right:-120px;width:640px;height:640px;background:radial-gradient(circle,rgba(0,82,255,.09),transparent 70%);pointer-events:none}
section.hero::after{content:'';position:absolute;bottom:-120px;left:-80px;width:480px;height:480px;background:radial-gradient(circle,rgba(77,124,255,.06),transparent 70%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:64px;align-items:center}
section.hero .container{position:relative;z-index:1}
.hero-text{text-align:left}
section.hero h1{font-family:'Calistoga',serif;font-weight:400;font-size:clamp(2.4rem,5.5vw,4.25rem);line-height:1.1;margin:0 0 24px;letter-spacing:-.02em;color:var(--fg)}
section.hero p{font-size:clamp(1rem,1.8vw,1.15rem);color:var(--muted-fg);line-height:1.78;max-width:560px;margin:0 0 40px}
.hero-cta-btns{display:flex;flex-wrap:wrap;gap:14px}
/* hero visual */
.hero-visual{position:relative;height:380px;display:flex;align-items:center;justify-content:center}
.hv-ring{position:absolute;width:310px;height:310px;border-radius:50%;border:1px dashed rgba(0,82,255,.18);top:50%;left:50%;transform:translate(-50%,-50%);animation:hv-rotate 55s linear infinite}
@keyframes hv-rotate{to{transform:translate(-50%,-50%) rotate(360deg)}}
.hv-card{background:#fff;border-radius:18px;padding:24px 22px;width:252px;box-shadow:0 24px 60px rgba(0,82,255,.11),var(--sh-xl);border:1px solid var(--border);position:relative;z-index:2;animation:hv-float 5s ease-in-out infinite}
@keyframes hv-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.hv-card-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.hv-dot{width:9px;height:9px;border-radius:50%;background:var(--grad);flex-shrink:0}
.hv-line{height:8px;background:var(--muted);border-radius:4px;margin-bottom:6px}
.hv-status{margin-top:14px;padding:10px 14px;background:rgba(22,163,74,.07);border:1px solid rgba(22,163,74,.22);border-radius:10px;text-align:center}
.hv-status-num{display:block;font-size:.88rem;font-weight:700;color:#15803d}
.hv-status-sub{display:block;font-size:.73rem;color:var(--muted-fg);margin-top:2px}
.hv-badge{position:absolute;bottom:-18px;right:-24px;background:var(--grad);color:#fff;border-radius:10px;padding:7px 13px;font-size:.78rem;font-weight:600;box-shadow:var(--sh-a);z-index:3;white-space:nowrap;animation:hv-float 4s ease-in-out infinite reverse}
.hv-dot-accent{position:absolute;top:-8px;left:-28px;width:44px;height:44px;border-radius:12px;background:rgba(0,82,255,.09);border:1px solid rgba(0,82,255,.16);z-index:1;animation:hv-float 7s ease-in-out infinite}

/* buttons */
.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--grad);color:#fff;padding:13px 30px;font-weight:600;font-size:.9375rem;border-radius:var(--r);border:none;box-shadow:var(--sh-a);transition:all .2s}
.btn-primary:hover,.btn-primary:focus{transform:translateY(-2px);box-shadow:var(--sh-al);filter:brightness(1.1);outline:none}
.btn-primary:active{transform:scale(.98)}
.btn-outline-hero{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--fg);padding:12px 30px;font-weight:500;font-size:.9375rem;border-radius:var(--r);border:1.5px solid var(--border);transition:all .2s}
.btn-outline-hero:hover{background:rgba(0,82,255,.05);border-color:rgba(0,82,255,.3);color:var(--accent)}
.yr-btn,.pc-btn{border:none;background:none;padding:7px 16px;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;color:var(--muted-fg);transition:all .15s}
.yr-btn.active,.pc-btn.active{background:var(--grad);color:#fff;box-shadow:var(--sh-a)}

/* section title */
.section-title{font-family:'Calistoga',serif;font-weight:400;text-align:center;font-size:clamp(1.8rem,4vw,2.7rem);margin:0 0 48px;color:var(--fg);letter-spacing:-.01em}
.section-header{text-align:center;margin-bottom:0}

/* ── PROBLEM/SOLUTION ── */
.prob-sol-section{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:40px 0}
.prob-sol-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:820px;margin:0 auto;padding:0 24px}
.prob-sol-card{border-radius:var(--rl);padding:22px 24px}
.prob-sol-problem{background:#fff5f5;border:1.5px solid #fca5a5}
.prob-sol-solution{background:#f0fdf4;border:1.5px solid #86efac}
.prob-sol-label{font-weight:700;font-size:.9rem;margin-bottom:12px}
.prob-sol-problem .prob-sol-label{color:#dc2626}
.prob-sol-solution .prob-sol-label{color:#16a34a}
.prob-sol-card ul{margin:0;padding-left:18px;line-height:1.85;font-size:.875rem;color:#374151}
.prob-sol-card li{margin-bottom:4px}

/* ── FEATURES ── */
section.features{background:var(--bg);padding:88px 0}
.features-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.feature-item{background:var(--card);border-radius:var(--rl);padding:32px 26px;box-shadow:var(--sh-md);border:1px solid var(--border);text-align:left;transition:all .3s;position:relative;overflow:hidden}
.feature-item::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,82,255,.03),transparent);opacity:0;transition:opacity .3s}
.feature-item:hover{box-shadow:var(--sh-xl);transform:translateY(-4px);border-color:rgba(0,82,255,.15)}
.feature-item:hover::after{opacity:1}
.feature-icon-wrap{width:50px;height:50px;border-radius:13px;background:var(--grad);display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:var(--sh-a);transition:transform .3s}
.feature-item:hover .feature-icon-wrap{transform:scale(1.08)}
.feature-icon{font-size:1.4rem;color:#fff;margin:0}
.feature-title{font-weight:600;font-size:1.05rem;margin:0 0 8px;color:var(--fg);letter-spacing:-.01em}
.feature-desc{color:var(--muted-fg);font-size:.9375rem;line-height:1.72;margin:0}

/* ── PRICING ── */
section.pricing{background:var(--muted);padding:88px 0}
.pricing-cards{display:grid;grid-template-columns:1fr;gap:24px;max-width:400px;margin:0 auto}
.pricing-card{background:var(--card);border-radius:var(--rxl);padding:32px 26px;box-shadow:var(--sh-lg);border:1px solid var(--border);display:flex;flex-direction:column;text-align:center;transition:all .3s}
.pricing-card:hover{box-shadow:var(--sh-xl);transform:translateY(-3px)}
.pricing-name{font-family:'Calistoga',serif;font-weight:400;font-size:1.35rem;margin:0 0 8px;color:var(--fg)}
.pricing-price{font-size:2.5rem;font-weight:700;line-height:1;background:var(--grad-r);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 6px}
.pricing-interval{font-size:.85rem;color:var(--muted-fg);margin:0 0 20px}
.pricing-features{list-style:none;padding:0;margin:0 0 24px;text-align:left}
.pricing-features li{display:flex;align-items:flex-start;gap:9px;font-size:.9rem;color:var(--fg);margin:0 0 10px}
.pricing-features li::before{content:'✓';color:var(--accent);font-weight:700;flex-shrink:0;margin-top:1px}
.btn-buy{display:block;width:100%;background:var(--grad);color:#fff;border-radius:var(--rpill);padding:13px 0;font-weight:600;font-size:.9375rem;border:none;box-shadow:var(--sh-a);transition:all .2s;text-align:center;cursor:pointer}
.btn-buy:hover,.btn-buy:focus{transform:translateY(-2px);box-shadow:var(--sh-al);filter:brightness(1.1);outline:none}

/* ── PAYMENT / ACCOUNT ── */
section.payment{background:var(--bg);padding:88px 0}
.payment-container{max-width:560px;margin:0 auto;background:var(--card);box-shadow:var(--sh-xl);border-radius:var(--rxl);padding:36px 40px;border:1px solid var(--border)}
.payment-title-group{display:flex;gap:3px;background:var(--muted);border-radius:var(--r);padding:4px;margin-bottom:28px}
.payment-tab{flex:1;padding:9px 10px;border-radius:10px;font-weight:500;font-size:.85rem;color:var(--muted-fg);text-align:center;cursor:pointer;user-select:none;transition:all .2s;white-space:nowrap}
.payment-tab.active{background:#fff;color:var(--accent);box-shadow:var(--sh-sm);font-weight:600}
.payment-form{display:none}
.payment-form.active{display:block}
.payment-form label{display:block;font-weight:500;font-size:.85rem;margin:18px 0 5px;color:var(--fg)}
.payment-form select,.payment-form input{width:100%;padding:10px 13px;border-radius:var(--r);border:1.5px solid var(--border);font-size:.9375rem;font-family:inherit;background:var(--bg);color:var(--fg);transition:border-color .2s,box-shadow .2s}
.payment-form select:focus,.payment-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,82,255,.1)}
.payment-form button[type="submit"]{width:100%;margin-top:24px;background:var(--grad);color:#fff;padding:12px 0;border-radius:var(--r);border:none;font-weight:600;font-size:.9375rem;box-shadow:var(--sh-a);transition:all .2s;cursor:pointer}
.payment-form button[type="submit"]:hover{transform:translateY(-1px);box-shadow:var(--sh-al);filter:brightness(1.1)}
.account-info{font-size:.9375rem;color:var(--fg)}
.account-info p{margin:0 0 10px}
.account-info strong{font-weight:600}
.bank-transfer-info{margin-top:20px}
.bank-transfer-info h3{font-weight:600;font-size:.9rem;margin:0 0 14px;color:var(--fg)}
.bank-info-details{font-size:.875rem;color:var(--muted-fg)}
.bank-info-details p{margin:3px 0}
.bank-info-details strong{color:var(--fg)}
.bank-extra-info{margin-top:10px;padding:10px 13px;background:rgba(0,82,255,.04);border:1px solid rgba(0,82,255,.12);border-radius:var(--r);font-size:.83rem;color:var(--muted-fg)}
.transaction-list{max-height:300px;overflow-y:auto}
.transaction-item{display:flex;justify-content:space-between;gap:8px;padding:11px 0;border-bottom:1px solid var(--border);font-size:.85rem;color:var(--muted-fg)}
.transaction-item:last-child{border-bottom:none}

/* ── DOWNLOAD ── */
section.download{background:var(--bg);padding:88px 0;position:relative;overflow:hidden}
section.download::before{content:'';position:absolute;top:-100px;right:-80px;width:500px;height:500px;background:radial-gradient(circle,rgba(0,82,255,.07),transparent 70%);pointer-events:none}
section.download .container{position:relative;z-index:1}
.download-container{max-width:640px;margin:0 auto;text-align:center}
.download-container h2{font-family:'Calistoga',serif;font-weight:400;font-size:clamp(1.75rem,4vw,2.5rem);color:var(--fg);margin:0 0 10px;letter-spacing:-.01em}
.download-container>p{color:var(--muted-fg);margin:0 0 28px;font-size:.9375rem}
.download-btn{display:inline-flex;align-items:center;gap:10px;background:var(--grad);color:#fff;padding:14px 36px;font-weight:600;font-size:1rem;border-radius:var(--r);border:none;box-shadow:var(--sh-al);transition:all .2s;margin-bottom:12px;cursor:pointer}
.download-btn:hover,.download-btn:focus{transform:translateY(-2px);filter:brightness(1.1);outline:none}
.download-container a[target="_blank"]:not(.download-btn){color:var(--muted-fg);font-size:.875rem;display:block;margin:6px 0 20px;transition:color .2s}
.download-container a[target="_blank"]:not(.download-btn):hover{color:var(--accent)}
.install-guide{background:var(--card);border:1px solid var(--border);border-radius:var(--rl);padding:26px 28px;text-align:left;margin-top:24px}
.install-guide h3{color:var(--fg);font-weight:600;font-size:.9rem;margin:0 0 12px}
.install-guide ol{color:var(--muted-fg);font-size:.9rem;line-height:1.85;padding-left:18px;margin:0 0 14px}
.install-guide ol li{margin-bottom:4px}
.install-guide ol strong{color:var(--fg)}
.youtube-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;cursor:pointer;border-radius:var(--rl);margin-top:16px;border:1px solid var(--border)}

/* ── FAQ / SUPPORT ── */
section.support{background:var(--bg);padding:88px 0}
.faq-title{font-family:'Calistoga',serif;font-weight:400;text-align:center;font-size:clamp(1.8rem,4vw,2.7rem);margin:0 0 36px;color:var(--fg);letter-spacing:-.01em}
.faq-container{max-width:760px;margin:0 auto 48px}
.faq-item{background:var(--card);border-radius:var(--rl);border:1px solid var(--border);margin-bottom:8px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.faq-item:hover{border-color:rgba(0,82,255,.2);box-shadow:var(--sh-sm)}
.faq-question-btn{padding:18px 22px;cursor:pointer}
.faq-question{display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:500;font-size:.9375rem;color:var(--fg)}
.faq-icon{font-size:1.1rem;color:var(--accent);flex-shrink:0;transition:transform .25s}
[aria-expanded="true"] .faq-icon{transform:rotate(45deg)}
.faq-answer{display:none;padding:0 22px 18px;color:var(--muted-fg);font-size:.9rem;line-height:1.78}
.support-contact{max-width:900px;margin:0 auto;text-align:center}
.support-contact a{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:12px 24px;margin:0 8px 10px;box-shadow:var(--sh-sm);font-weight:500;font-size:.9rem;color:var(--fg);transition:all .2s}
.support-contact a:hover{border-color:rgba(0,82,255,.3);box-shadow:var(--sh-a);color:var(--accent);transform:translateY(-2px)}
.support-contact .material-symbols-outlined{font-size:1.3rem}

/* ── POLICIES ── */
section.policies{background:var(--muted);padding:64px 0}
section.policies .container{max-width:860px}
.policy-title{font-family:'Calistoga',serif;font-weight:400;text-align:center;font-size:clamp(1.5rem,3vw,2.1rem);margin:0 0 32px;color:var(--fg)}
.policy-item{background:var(--card);border-radius:var(--rl);border:1px solid var(--border);padding:22px 26px;margin-bottom:10px}
.policy-item h3{font-weight:600;font-size:.9375rem;color:var(--fg);margin:0 0 6px;display:flex;align-items:center;gap:8px}
.policy-item h3::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--grad-r);flex-shrink:0;display:inline-block}
.policy-item p{font-size:.875rem;color:var(--muted-fg);line-height:1.7;margin:0}

/* ── MODALS ── */
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(5px);z-index:1500;justify-content:center;align-items:center;overflow:auto;padding:24px}
.modal-overlay.show{display:flex}
.modal{background:var(--card);border-radius:var(--rxl);max-width:400px;width:100%;padding:40px;box-shadow:var(--sh-xl);position:relative;border:1px solid var(--border);animation:modal-in .25s ease}
.modal-lsn{background:var(--card);border-radius:var(--rxl);max-width:820px;width:100%;padding:36px 40px;box-shadow:var(--sh-xl);position:relative;border:1px solid var(--border)}
@keyframes modal-in{from{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:none}}
.modal h3{font-family:'Calistoga',serif;font-weight:400;margin:0 0 22px;color:var(--fg);font-size:1.4rem;text-align:center}
.modal form label{display:block;font-weight:500;font-size:.85rem;margin:18px 0 5px;color:var(--fg)}
.modal form input{width:100%;padding:10px 13px;font-size:.9375rem;border-radius:var(--r);border:1.5px solid var(--border);font-family:inherit;background:var(--bg);transition:border-color .2s,box-shadow .2s}
.modal form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,82,255,.1)}
.modal form button{margin-top:24px;width:100%;background:var(--grad);color:#fff;padding:12px 0;font-weight:600;font-size:.9375rem;border-radius:var(--r);border:none;box-shadow:var(--sh-a);cursor:pointer;transition:all .2s}
.modal form button:hover,.modal form button:focus{transform:translateY(-1px);box-shadow:var(--sh-al);filter:brightness(1.1);outline:none}
.modal-close{position:absolute;top:12px;right:14px;background:none;border:none;font-size:1.3rem;color:var(--muted-fg);cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--r);transition:all .15s;line-height:1}
.modal-close:hover,.modal-close:focus{background:var(--muted);color:var(--fg);outline:none}

/* ── TABLE ── */
.table-napthe{width:100%;border-collapse:collapse;font-size:.82rem}
.table-napthe th,.table-napthe td{padding:10px 8px;text-align:center;border-bottom:1px solid var(--border)}
.table-napthe th{background:var(--muted);font-weight:600;color:var(--fg);font-size:.78rem}
.table-napthe td{color:var(--muted-fg)}

/* ── FOOTER ── */
footer{background:var(--fg);margin-top:auto}
.footer-inner{max-width:600px;margin:0 auto;padding:52px 24px 36px;text-align:center}
.footer-logo{font-family:'Calistoga',serif;font-size:1.25rem;color:#fff;display:block;margin-bottom:8px;letter-spacing:-.01em}
.footer-tagline{font-size:.8rem;color:rgba(255,255,255,.35);margin:0 0 28px;line-height:1.6}
.footer-links{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:28px}
.footer-links a{font-size:.8rem;color:rgba(255,255,255,.4);text-decoration:none;transition:color .2s}
.footer-links a:hover{color:rgba(255,255,255,.85)}
.footer-sep{color:rgba(255,255,255,.18);font-size:.75rem;user-select:none}
.footer-copy{font-size:.73rem;color:rgba(255,255,255,.2);border-top:1px solid rgba(255,255,255,.07);padding-top:20px}

/* ── FLOAT BUTTON ── */
.discord-float-btn{position:fixed;bottom:28px;right:28px;z-index:2000;background:var(--grad);border-radius:50%;width:52px;height:52px;box-shadow:var(--sh-a);display:flex;align-items:center;justify-content:center;transition:all .2s;border:none;outline:none;cursor:pointer}
.discord-float-btn:hover,.discord-float-btn:focus{box-shadow:var(--sh-al);transform:scale(1.08) translateY(-2px)}
.discord-float-btn svg{width:28px;height:28px;display:block}

/* ── RESPONSIVE ── */
@media(max-width:960px){
  .hero-grid{grid-template-columns:1fr;gap:32px}
  .hero-text{text-align:center}
  .hero-cta-btns{justify-content:center}
  section.hero p{margin-left:auto;margin-right:auto}
}
@media(max-width:768px){
  .header-inner{height:60px}
  nav.desktop-nav{display:none}
  .mobile-menu-btn{display:inline-block}
  nav.mobile-nav{top:61px}
  section.hero{padding:64px 0 52px}
  .hero-visual{display:none}
  .hero-cta-btns{flex-direction:column;align-items:center}
  .btn-primary,.btn-outline-hero{width:100%;max-width:300px;justify-content:center}
  .prob-sol-grid{grid-template-columns:1fr}
  section.features,section.pricing,section.payment,section.download,section.support{padding:64px 0}
  .payment-container{padding:24px 18px}
  .install-guide{padding:20px}
  .modal{padding:28px 20px}
}
@media(max-width:480px){
  .payment-tab{font-size:.78rem;padding:8px 6px}
  .discord-float-btn{width:44px;height:44px;bottom:16px;right:16px}
  .discord-float-btn svg{width:24px;height:24px}
}