/* Luminaith Theme – Combined Stylesheet */

:root{--bg:#070d1a;--bg2:#0d1628;--bg3:#111e35;--card:#0f1c32;--card2:#152240;--border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.13);--teal:#00c9a0;--teal-dim:rgba(0,201,160,0.11);--amber:#f6a623;--amber-dim:rgba(246,166,35,0.10);--purple:#7c6aff;--purple-dim:rgba(124,106,255,0.10);--rose:#ff5e7e;--rose-dim:rgba(255,94,126,0.08);--green:#27c840;--green-dim:rgba(39,200,64,0.10);--text:#e8edf5;--text2:#8a97b0;--text3:#4e5d78;--white:#ffffff;--r:12px;--rl:20px;--rxl:28px;}
body.light{--bg:#f5f7fb;--bg2:#eef1f8;--bg3:#e4e8f2;--card:#ffffff;--card2:#f8faff;--border:rgba(0,0,0,0.08);--border2:rgba(0,0,0,0.14);--text:#1a2340;--text2:#4a5672;--text3:#8a97b5;--white:#0d1226;--teal-dim:rgba(0,201,160,0.09);--amber-dim:rgba(246,166,35,0.09);--purple-dim:rgba(124,106,255,0.08);--rose-dim:rgba(255,94,126,0.07);--green-dim:rgba(39,200,64,0.09);}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;line-height:1.7;color:var(--text);background:var(--bg);overflow-x:hidden;transition:background .3s,color .3s}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul{list-style:none}
.bg{font-family:'Bricolage Grotesque',sans-serif}
.h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;line-height:1.08;letter-spacing:-0.035em;font-size:clamp(2rem,4vw,3.2rem)}
.h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;line-height:1.15;letter-spacing:-0.025em;font-size:clamp(1.5rem,3vw,2.2rem)}
.h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:-0.01em}
.overline{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.lead{font-size:1.05rem;color:var(--text2);line-height:1.8}
.wrap{width:100%;max-width:1140px;margin:0 auto;padding:0 24px}
section{padding:72px 0}
.sec-tag{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.sec-tag::before{content:'';width:24px;height:2px;background:var(--teal);border-radius:2px;display:block}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--r);font-weight:600;font-size:14.5px;cursor:pointer;transition:all .22s;border:none;font-family:'Plus Jakarta Sans',sans-serif}
.btn-primary{background:var(--teal);color:#00271f}.btn-primary:hover{background:#00ddb0;transform:translateY(-2px)}
.btn-outline{background:transparent;color:var(--text);border:1.5px solid var(--border2)}.btn-outline:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-2px)}
.btn-sm{padding:9px 18px;font-size:13.5px}.btn svg{width:16px;height:16px;flex-shrink:0}
/* HEADER */
header{position:fixed;top:0;left:0;right:0;z-index:999;transition:all .3s}
header.scrolled{background:rgba(7,13,26,0.96);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
body.light header.scrolled{background:rgba(245,247,251,0.96)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--teal),#00a37f);display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;color:#003828;font-size:15px}
.logo-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:19px;color:var(--white)}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-link{font-size:14px;font-weight:500;color:var(--text2);padding:7px 14px;border-radius:8px;transition:all .2s}
.nav-link:hover{color:var(--white);background:rgba(255,255,255,0.05)}body.light .nav-link:hover{background:rgba(0,0,0,0.04);color:var(--white)}
.nav-link.active{color:var(--teal)}
.has-dropdown{position:relative}
.dropdown{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(-6px);background:var(--card);border:1px solid var(--border2);border-radius:var(--rxl);padding:10px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;box-shadow:0 24px 64px rgba(0,0,0,0.45);z-index:100}
.has-dropdown:hover .dropdown{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}
.dropdown::before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:12px;height:6px;background:var(--card);clip-path:polygon(50% 0%,0% 100%,100% 100%)}
.dd-p{min-width:460px;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.dd-r{min-width:260px;display:flex;flex-direction:column;gap:2px}
.dd-sec{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);padding:4px 12px 2px;grid-column:1/-1}
.dd-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:12px;transition:background .15s}
.dd-item:hover{background:rgba(255,255,255,0.06)}body.light .dd-item:hover{background:rgba(0,0,0,0.05)}
.dd-ico{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.dd-nm{font-size:13px;font-weight:600;color:var(--white);display:flex;align-items:center;gap:5px;margin-bottom:1px}
.dd-sb{font-size:11.5px;color:var(--text3)}
.dd-live{font-size:9px;font-weight:700;text-transform:uppercase;background:var(--teal-dim);color:var(--teal);border:1px solid rgba(0,201,160,0.2);padding:1px 5px;border-radius:5px}
.dd-soon{font-size:9px;font-weight:700;text-transform:uppercase;background:rgba(255,255,255,0.05);color:var(--text3);border:1px solid var(--border);padding:1px 5px;border-radius:5px}
.dd-sep{grid-column:1/-1;height:1px;background:var(--border);margin:4px 0}
.dd-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:5px 12px 2px;font-size:12px}
.dd-foot a{color:var(--teal);font-weight:600}.dd-foot span{color:var(--text3)}
.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.theme-toggle{width:42px;height:23px;border-radius:20px;border:1.5px solid var(--border2);background:var(--bg3);cursor:pointer;position:relative;display:flex;align-items:center}
.tt-knob{width:17px;height:17px;border-radius:50%;background:var(--teal);position:absolute;left:2px;transition:transform .3s;display:flex;align-items:center;justify-content:center;font-size:9px}
body.light .tt-knob{transform:translateX(19px)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.hamburger span{display:block;width:22px;height:2px;background:var(--text2);border-radius:2px;transition:all .3s}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mobile-nav{display:none;position:fixed;top:70px;left:0;right:0;background:var(--bg2);border-bottom:1px solid var(--border);padding:16px 24px;z-index:998;flex-direction:column;gap:2px}
.mobile-nav.open{display:flex}
.mobile-nav a{font-size:15px;font-weight:500;color:var(--text2);padding:10px 0;border-bottom:1px solid var(--border)}
.mobile-nav a:last-child{border-bottom:none}
/* PAGE HERO */
.page-hero{padding:130px 0 56px;background:var(--bg2);position:relative;overflow:hidden;border-bottom:1px solid var(--border)}
.page-hero::before{content:'';position:absolute;top:-30%;left:50%;transform:translateX(-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(0,201,160,0.06) 0%,transparent 60%);pointer-events:none}
.page-hero-inner{position:relative;z-index:1}
.page-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text3);margin-bottom:16px}
.page-breadcrumb a{color:var(--text3)}.page-breadcrumb a:hover{color:var(--teal)}
.page-breadcrumb span{color:var(--text3)}
/* FOOTER */
footer{background:var(--bg2);border-top:1px solid var(--border);padding:56px 0 28px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:36px;margin-bottom:40px}
.footer-brand .logo{margin-bottom:12px}
.footer-brand p{font-size:13px;color:var(--text2);line-height:1.7;max-width:210px;margin-bottom:14px}
.footer-social{display:flex;gap:8px}
.s-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border2);background:transparent;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:all .2s;color:var(--text3)}
.s-btn:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-dim)}
.footer-col h5{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:12px;color:var(--white);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.f-links{display:flex;flex-direction:column;gap:8px}
.f-links a{font-size:13px;color:var(--text2);transition:color .2s}.f-links a:hover{color:var(--teal)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--border);font-size:12.5px;color:var(--text3);gap:16px;flex-wrap:wrap}
.footer-bottom a{color:var(--text2)}.footer-bottom a:hover{color:var(--teal)}
/* LEGAL pages */
.legal-body{max-width:760px}
.legal-body h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.3rem;color:var(--white);margin:40px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.legal-body h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:1rem;color:var(--white);margin:24px 0 8px}
.legal-body p{font-size:14.5px;color:var(--text2);line-height:1.8;margin-bottom:14px}
.legal-body ul{margin:12px 0 14px 20px;display:flex;flex-direction:column;gap:6px}
.legal-body ul li{font-size:14.5px;color:var(--text2);line-height:1.7;list-style:disc}
.legal-body code{font-family:'JetBrains Mono',monospace;font-size:12.5px;background:var(--bg3);border:1px solid var(--border2);color:var(--teal);padding:2px 7px;border-radius:5px}
.legal-box{background:var(--card);border:1px solid var(--border2);border-radius:var(--rl);padding:20px 24px;margin:20px 0;font-size:14px;color:var(--text2);line-height:1.7}
.legal-box strong{color:var(--white)}
/* RESPONSIVE */
@media(max-width:980px){.nav-links{display:none}.hamburger{display:flex}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}}
@media(max-width:768px){section{padding:52px 0}.wrap{padding:0 18px}.h1{font-size:1.8rem}.h2{font-size:1.4rem}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;text-align:center}}
@media(max-width:480px){.wrap{padding:0 16px}.footer-grid{grid-template-columns:1fr}.nav-right .btn{display:none}}

:root{--bg:#070d1a;--bg2:#0d1628;--bg3:#111e35;--card:#0f1c32;--card2:#152240;--border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.13);--teal:#00c9a0;--teal-dim:rgba(0,201,160,0.11);--amber:#f6a623;--amber-dim:rgba(246,166,35,0.10);--purple:#7c6aff;--purple-dim:rgba(124,106,255,0.10);--rose:#ff5e7e;--rose-dim:rgba(255,94,126,0.08);--green:#27c840;--green-dim:rgba(39,200,64,0.10);--text:#e8edf5;--text2:#8a97b0;--text3:#4e5d78;--white:#ffffff;--r:12px;--rl:20px;--rxl:28px;}
body.light{--bg:#f5f7fb;--bg2:#eef1f8;--bg3:#e4e8f2;--card:#ffffff;--card2:#f8faff;--border:rgba(0,0,0,0.08);--border2:rgba(0,0,0,0.14);--text:#1a2340;--text2:#4a5672;--text3:#8a97b5;--white:#0d1226;--teal-dim:rgba(0,201,160,0.09);--amber-dim:rgba(246,166,35,0.09);--purple-dim:rgba(124,106,255,0.08);--rose-dim:rgba(255,94,126,0.07);--green-dim:rgba(39,200,64,0.09);}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;line-height:1.7;color:var(--text);background:var(--bg);overflow-x:hidden;transition:background .3s,color .3s}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul{list-style:none}
.h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;line-height:1.08;letter-spacing:-0.035em;font-size:clamp(2rem,4vw,3.2rem)}
.h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;line-height:1.15;letter-spacing:-0.025em;font-size:clamp(1.5rem,3vw,2.2rem)}
.h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:-0.01em}
.overline{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.lead{font-size:1.05rem;color:var(--text2);line-height:1.8}
.wrap{width:100%;max-width:1140px;margin:0 auto;padding:0 24px}
section{padding:72px 0}
.sec-tag{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.sec-tag::before{content:'';width:24px;height:2px;background:var(--teal);border-radius:2px;display:block}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--r);font-weight:600;font-size:14.5px;cursor:pointer;transition:all .22s;border:none;font-family:'Plus Jakarta Sans',sans-serif}
.btn-primary{background:var(--teal);color:#00271f}.btn-primary:hover{background:#00ddb0;transform:translateY(-2px)}
.btn-outline{background:transparent;color:var(--text);border:1.5px solid var(--border2)}.btn-outline:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-2px)}
.btn-sm{padding:9px 18px;font-size:13.5px}.btn svg{width:16px;height:16px;flex-shrink:0}
header{position:fixed;top:0;left:0;right:0;z-index:999;transition:all .3s}
header.scrolled{background:rgba(7,13,26,0.96);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
body.light header.scrolled{background:rgba(245,247,251,0.96)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--teal),#00a37f);display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;color:#003828;font-size:15px}
.logo-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:19px;color:var(--white)}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-link{font-size:14px;font-weight:500;color:var(--text2);padding:7px 14px;border-radius:8px;transition:all .2s}
.nav-link:hover{color:var(--white);background:rgba(255,255,255,0.05)}body.light .nav-link:hover{background:rgba(0,0,0,0.04);color:var(--white)}
.nav-link.active{color:var(--teal)}
.has-dropdown{position:relative}
.dropdown{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(-6px);background:var(--card);border:1px solid var(--border2);border-radius:var(--rxl);padding:10px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;box-shadow:0 24px 64px rgba(0,0,0,0.45);z-index:100}
.has-dropdown:hover .dropdown{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}
.dropdown::before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:12px;height:6px;background:var(--card);clip-path:polygon(50% 0%,0% 100%,100% 100%)}
.dd-p{min-width:460px;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.dd-r{min-width:260px;display:flex;flex-direction:column;gap:2px}
.dd-sec{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);padding:4px 12px 2px;grid-column:1/-1}
.dd-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:12px;transition:background .15s}
.dd-item:hover{background:rgba(255,255,255,0.06)}body.light .dd-item:hover{background:rgba(0,0,0,0.05)}
.dd-ico{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.dd-nm{font-size:13px;font-weight:600;color:var(--white);display:flex;align-items:center;gap:5px;margin-bottom:1px}
.dd-sb{font-size:11.5px;color:var(--text3)}
.dd-live{font-size:9px;font-weight:700;text-transform:uppercase;background:var(--teal-dim);color:var(--teal);border:1px solid rgba(0,201,160,0.2);padding:1px 5px;border-radius:5px}
.dd-soon{font-size:9px;font-weight:700;text-transform:uppercase;background:rgba(255,255,255,0.05);color:var(--text3);border:1px solid var(--border);padding:1px 5px;border-radius:5px}
.dd-sep{grid-column:1/-1;height:1px;background:var(--border);margin:4px 0}
.dd-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:5px 12px 2px;font-size:12px}
.dd-foot a{color:var(--teal);font-weight:600}.dd-foot span{color:var(--text3)}
.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.theme-toggle{width:42px;height:23px;border-radius:20px;border:1.5px solid var(--border2);background:var(--bg3);cursor:pointer;position:relative;display:flex;align-items:center}
.tt-knob{width:17px;height:17px;border-radius:50%;background:var(--teal);position:absolute;left:2px;transition:transform .3s;display:flex;align-items:center;justify-content:center;font-size:9px}
body.light .tt-knob{transform:translateX(19px)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.hamburger span{display:block;width:22px;height:2px;background:var(--text2);border-radius:2px;transition:all .3s}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mobile-nav{display:none;position:fixed;top:70px;left:0;right:0;background:var(--bg2);border-bottom:1px solid var(--border);padding:16px 24px;z-index:998;flex-direction:column;gap:2px}
.mobile-nav.open{display:flex}
.mobile-nav a{font-size:15px;font-weight:500;color:var(--text2);padding:10px 0;border-bottom:1px solid var(--border)}
.mobile-nav a:last-child{border-bottom:none}
.page-hero{padding:130px 0 56px;background:var(--bg2);position:relative;overflow:hidden;border-bottom:1px solid var(--border)}
.page-hero::before{content:'';position:absolute;top:-30%;left:50%;transform:translateX(-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(0,201,160,0.06) 0%,transparent 60%);pointer-events:none}
.page-hero-inner{position:relative;z-index:1}
.bc{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text3);margin-bottom:16px}
.bc a{color:var(--text3)}.bc a:hover{color:var(--teal)}
footer{background:var(--bg2);border-top:1px solid var(--border);padding:56px 0 28px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:36px;margin-bottom:40px}
.footer-brand .logo{margin-bottom:12px}
.footer-brand p{font-size:13px;color:var(--text2);line-height:1.7;max-width:210px;margin-bottom:14px}
.footer-social{display:flex;gap:8px}
.s-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border2);background:transparent;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:all .2s;color:var(--text3)}
.s-btn:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-dim)}
.footer-col h5{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:12px;color:var(--white);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.f-links{display:flex;flex-direction:column;gap:8px}
.f-links a{font-size:13px;color:var(--text2);transition:color .2s}.f-links a:hover{color:var(--teal)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--border);font-size:12.5px;color:var(--text3);gap:16px;flex-wrap:wrap}
.footer-bottom a{color:var(--text2)}.footer-bottom a:hover{color:var(--teal)}
@media(max-width:980px){.nav-links{display:none}.hamburger{display:flex}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}}
@media(max-width:768px){section{padding:52px 0}.wrap{padding:0 18px}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;text-align:center}}
@media(max-width:480px){.wrap{padding:0 16px}.footer-grid{grid-template-columns:1fr}.nav-right .btn{display:none}}

.auth-wrap{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;padding:120px 24px 60px}
.auth-box{background:var(--card);border:1px solid var(--border2);border-radius:var(--rxl);width:100%;max-width:440px;overflow:hidden;position:relative}
.auth-box::before{content:'';position:absolute;top:-1px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--amber))}
.auth-tabs{display:flex;border-bottom:1px solid var(--border)}
.auth-tab{flex:1;padding:16px;text-align:center;font-size:14px;font-weight:600;color:var(--text2);cursor:pointer;transition:all .2s}
.auth-tab.active{color:var(--teal);background:var(--teal-dim)}
.auth-tab:hover:not(.active){color:var(--white)}
.auth-body{padding:32px}
.auth-panel{display:none}.auth-panel.active{display:block}
.af-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.af-label{font-size:13px;font-weight:600;color:var(--text2)}
.af-input{background:var(--bg3);border:1.5px solid var(--border2);border-radius:var(--r);padding:12px 14px;font-size:14px;color:var(--text);font-family:'Plus Jakarta Sans',sans-serif;outline:none;width:100%;transition:border-color .2s}
.af-input:focus{border-color:var(--teal)}
.af-input::placeholder{color:var(--text3)}
.af-submit{width:100%;background:var(--teal);border:none;color:#00271f;border-radius:var(--r);padding:13px;font-weight:700;font-size:15px;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;transition:all .25s;margin-top:8px}
.af-submit:hover{background:#00ddb0}
.af-link{font-size:13px;color:var(--text3);text-align:center;margin-top:14px}
.af-link a{color:var(--teal)}
.af-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--text3);font-size:12px}
.af-divider::before,.af-divider::after{content:'';flex:1;height:1px;background:var(--border)}
.af-note{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);padding:14px;font-size:13px;color:var(--text2);line-height:1.6;margin-bottom:14px}
.account-dashboard{display:none}

:root{--bg:#070d1a;--bg2:#0d1628;--bg3:#111e35;--card:#0f1c32;--card2:#152240;--border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.13);--teal:#00c9a0;--teal-dim:rgba(0,201,160,0.11);--amber:#f6a623;--amber-dim:rgba(246,166,35,0.10);--purple:#7c6aff;--purple-dim:rgba(124,106,255,0.10);--rose:#ff5e7e;--rose-dim:rgba(255,94,126,0.08);--green:#27c840;--green-dim:rgba(39,200,64,0.10);--text:#e8edf5;--text2:#8a97b0;--text3:#4e5d78;--white:#ffffff;--r:12px;--rl:20px;--rxl:28px;}
body.light{--bg:#f5f7fb;--bg2:#eef1f8;--bg3:#e4e8f2;--card:#ffffff;--card2:#f8faff;--border:rgba(0,0,0,0.08);--border2:rgba(0,0,0,0.14);--text:#1a2340;--text2:#4a5672;--text3:#8a97b5;--white:#0d1226;--teal-dim:rgba(0,201,160,0.09);--amber-dim:rgba(246,166,35,0.09);--purple-dim:rgba(124,106,255,0.08);--rose-dim:rgba(255,94,126,0.07);--green-dim:rgba(39,200,64,0.09);}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;line-height:1.7;color:var(--text);background:var(--bg);overflow-x:hidden;transition:background .3s,color .3s}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul{list-style:none}
.h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;line-height:1.08;letter-spacing:-0.035em;font-size:clamp(2rem,4vw,3.2rem)}
.h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;line-height:1.15;letter-spacing:-0.025em;font-size:clamp(1.5rem,3vw,2.2rem)}
.h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:-0.01em}
.overline{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.lead{font-size:1.05rem;color:var(--text2);line-height:1.8}
.wrap{width:100%;max-width:1140px;margin:0 auto;padding:0 24px}
section{padding:72px 0}
.sec-tag{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.sec-tag::before{content:'';width:24px;height:2px;background:var(--teal);border-radius:2px;display:block}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--r);font-weight:600;font-size:14.5px;cursor:pointer;transition:all .22s;border:none;font-family:'Plus Jakarta Sans',sans-serif}
.btn-primary{background:var(--teal);color:#00271f}.btn-primary:hover{background:#00ddb0;transform:translateY(-2px)}
.btn-outline{background:transparent;color:var(--text);border:1.5px solid var(--border2)}.btn-outline:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-2px)}
.btn-sm{padding:9px 18px;font-size:13.5px}.btn svg{width:16px;height:16px;flex-shrink:0}
header{position:fixed;top:0;left:0;right:0;z-index:999;transition:all .3s}
header.scrolled{background:rgba(7,13,26,0.96);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
body.light header.scrolled{background:rgba(245,247,251,0.96)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--teal),#00a37f);display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;color:#003828;font-size:15px}
.logo-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:19px;color:var(--white)}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-link{font-size:14px;font-weight:500;color:var(--text2);padding:7px 14px;border-radius:8px;transition:all .2s}
.nav-link:hover{color:var(--white);background:rgba(255,255,255,0.05)}body.light .nav-link:hover{background:rgba(0,0,0,0.04);color:var(--white)}
.nav-link.active{color:var(--teal)}
.has-dropdown{position:relative}
.dropdown{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(-6px);background:var(--card);border:1px solid var(--border2);border-radius:var(--rxl);padding:10px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;box-shadow:0 24px 64px rgba(0,0,0,0.45);z-index:100}
.has-dropdown:hover .dropdown{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}
.dropdown::before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:12px;height:6px;background:var(--card);clip-path:polygon(50% 0%,0% 100%,100% 100%)}
.dd-p{min-width:460px;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.dd-r{min-width:260px;display:flex;flex-direction:column;gap:2px}
.dd-sec{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);padding:4px 12px 2px;grid-column:1/-1}
.dd-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:12px;transition:background .15s}
.dd-item:hover{background:rgba(255,255,255,0.06)}body.light .dd-item:hover{background:rgba(0,0,0,0.05)}
.dd-ico{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.dd-nm{font-size:13px;font-weight:600;color:var(--white);display:flex;align-items:center;gap:5px;margin-bottom:1px}
.dd-sb{font-size:11.5px;color:var(--text3)}
.dd-live{font-size:9px;font-weight:700;text-transform:uppercase;background:var(--teal-dim);color:var(--teal);border:1px solid rgba(0,201,160,0.2);padding:1px 5px;border-radius:5px}
.dd-soon{font-size:9px;font-weight:700;text-transform:uppercase;background:rgba(255,255,255,0.05);color:var(--text3);border:1px solid var(--border);padding:1px 5px;border-radius:5px}
.dd-sep{grid-column:1/-1;height:1px;background:var(--border);margin:4px 0}
.dd-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:5px 12px 2px;font-size:12px}
.dd-foot a{color:var(--teal);font-weight:600}.dd-foot span{color:var(--text3)}
.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.theme-toggle{width:42px;height:23px;border-radius:20px;border:1.5px solid var(--border2);background:var(--bg3);cursor:pointer;position:relative;display:flex;align-items:center}
.tt-knob{width:17px;height:17px;border-radius:50%;background:var(--teal);position:absolute;left:2px;transition:transform .3s;display:flex;align-items:center;justify-content:center;font-size:9px}
body.light .tt-knob{transform:translateX(19px)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.hamburger span{display:block;width:22px;height:2px;background:var(--text2);border-radius:2px;transition:all .3s}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mobile-nav{display:none;position:fixed;top:70px;left:0;right:0;background:var(--bg2);border-bottom:1px solid var(--border);padding:16px 24px;z-index:998;flex-direction:column;gap:2px}
.mobile-nav.open{display:flex}
.mobile-nav a{font-size:15px;font-weight:500;color:var(--text2);padding:10px 0;border-bottom:1px solid var(--border)}
.mobile-nav a:last-child{border-bottom:none}
.page-hero{padding:130px 0 56px;background:var(--bg2);position:relative;overflow:hidden;border-bottom:1px solid var(--border)}
.page-hero::before{content:'';position:absolute;top:-30%;left:50%;transform:translateX(-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(0,201,160,0.06) 0%,transparent 60%);pointer-events:none}
.page-hero-inner{position:relative;z-index:1}
.bc{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text3);margin-bottom:16px}
.bc a{color:var(--text3)}.bc a:hover{color:var(--teal)}
footer{background:var(--bg2);border-top:1px solid var(--border);padding:56px 0 28px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:36px;margin-bottom:40px}
.footer-brand .logo{margin-bottom:12px}
.footer-brand p{font-size:13px;color:var(--text2);line-height:1.7;max-width:210px;margin-bottom:14px}
.footer-social{display:flex;gap:8px}
.s-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border2);background:transparent;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:all .2s;color:var(--text3)}
.s-btn:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-dim)}
.footer-col h5{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:12px;color:var(--white);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.f-links{display:flex;flex-direction:column;gap:8px}
.f-links a{font-size:13px;color:var(--text2);transition:color .2s}.f-links a:hover{color:var(--teal)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--border);font-size:12.5px;color:var(--text3);gap:16px;flex-wrap:wrap}
.footer-bottom a{color:var(--text2)}.footer-bottom a:hover{color:var(--teal)}
@media(max-width:980px){.nav-links{display:none}.hamburger{display:flex}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}}
@media(max-width:768px){section{padding:52px 0}.wrap{padding:0 18px}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;text-align:center}}
@media(max-width:480px){.wrap{padding:0 16px}.footer-grid{grid-template-columns:1fr}.nav-right .btn{display:none}}

.roadmap-timeline{display:flex;flex-direction:column;gap:0;position:relative}
.roadmap-timeline::before{content:'';position:absolute;left:120px;top:0;bottom:0;width:2px;background:var(--border2)}
.rm-quarter{display:flex;gap:0;align-items:flex-start;margin-bottom:0;padding:32px 0;border-bottom:1px solid var(--border)}
.rm-quarter:last-child{border-bottom:none}
.rm-label{width:120px;flex-shrink:0;padding-right:32px;text-align:right;position:relative}
.rm-label::after{content:'';position:absolute;right:-6px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--bg2);border:2px solid var(--border2)}
.rm-label.done::after{background:var(--teal);border-color:var(--teal)}
.rm-label.current::after{background:var(--amber);border-color:var(--amber);box-shadow:0 0 0 4px rgba(246,166,35,0.2)}
.rm-quarter-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:.95rem;color:var(--white)}
.rm-year{font-size:12px;color:var(--text3)}
.rm-items{flex:1;padding-left:32px;display:flex;flex-direction:column;gap:10px}
.rm-item{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:16px 20px;display:flex;align-items:flex-start;gap:14px}
.rm-item.done{border-color:rgba(0,201,160,0.2);background:rgba(0,201,160,0.03)}
.rm-item.in-progress{border-color:rgba(246,166,35,0.2);background:rgba(246,166,35,0.03)}
.rm-status{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;margin-top:2px}
.rs-done{background:var(--teal-dim);color:var(--teal);border:1px solid rgba(0,201,160,0.3)}
.rs-wip{background:var(--amber-dim);color:var(--amber);border:1px solid rgba(246,166,35,0.2)}
.rs-planned{background:var(--bg3);color:var(--text3);border:1px solid var(--border)}
.rm-item-title{font-weight:600;font-size:14px;color:var(--white);margin-bottom:3px}
.rm-item-desc{font-size:13px;color:var(--text2);line-height:1.55}
.rm-product-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:2px 7px;border-radius:5px;margin-left:auto;flex-shrink:0;margin-top:2px}
.rpt-vr{background:var(--teal-dim);color:var(--teal)}
.rpt-ana{background:var(--purple-dim);color:var(--purple)}
.rpt-theme{background:var(--amber-dim);color:var(--amber)}
.rpt-form{background:var(--rose-dim);color:var(--rose)}
.rpt-core{background:rgba(255,255,255,0.05);color:var(--text3)}
.rm-legend{display:flex;align-items:center;gap:20px;margin-bottom:32px;flex-wrap:wrap}
.rm-leg-item{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text2)}
@media(max-width:680px){.roadmap-timeline::before{left:0}.rm-label{display:none}.rm-items{padding-left:0}}

.status-overall{background:var(--teal-dim);border:1px solid rgba(0,201,160,0.25);border-radius:var(--rxl);padding:28px 36px;display:flex;align-items:center;gap:20px;margin-bottom:32px}
.so-dot{width:16px;height:16px;border-radius:50%;background:var(--green);flex-shrink:0;box-shadow:0 0 0 5px rgba(39,200,64,0.2);animation:pulse-green 2s infinite}
@keyframes pulse-green{0%,100%{box-shadow:0 0 0 5px rgba(39,200,64,0.2)}50%{box-shadow:0 0 0 10px rgba(39,200,64,0.05)}}
.so-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.4rem;color:var(--white)}
.so-sub{font-size:13.5px;color:var(--text2);margin-top:2px}
.services-list{display:flex;flex-direction:column;gap:8px;margin-bottom:40px}
.svc-item{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.svc-name{font-size:14.5px;font-weight:600;color:var(--white)}
.svc-desc{font-size:13px;color:var(--text3);margin-top:2px}
.svc-status{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600}
.status-ok{color:var(--green)}.status-warn{color:var(--amber)}.status-down{color:var(--rose)}
.uptime-chart{background:var(--card);border:1px solid var(--border);border-radius:var(--rl);padding:24px;margin-bottom:16px}
.uc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.uc-bars{display:flex;gap:2px;align-items:flex-end;height:36px}
.uc-bar{flex:1;border-radius:2px;background:var(--green);opacity:.7;transition:opacity .2s}
.uc-bar:hover{opacity:1}
.uc-bar.warn{background:var(--amber)}
.uc-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--text3);margin-top:6px}
.incidents{display:flex;flex-direction:column;gap:12px}
.inc-item{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--green);border-radius:var(--r);padding:16px 20px}
.inc-item.resolved{border-left-color:var(--green)}
.inc-item.monitoring{border-left-color:var(--amber)}
.inc-date{font-size:12px;color:var(--text3);margin-bottom:4px}
.inc-title{font-size:14px;font-weight:600;color:var(--white);margin-bottom:4px}
.inc-desc{font-size:13px;color:var(--text2);line-height:1.55}
.inc-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:6px;margin-bottom:8px}
.ib-resolved{background:var(--green-dim);color:var(--green)}
.ib-monitoring{background:var(--amber-dim);color:var(--amber)}

/* ══════════════════════ TOKENS ══════════════════════ */
:root {
  --bg:       #070d1a;
  --bg2:      #0d1628;
  --bg3:      #111e35;
  --card:     #0f1c32;
  --card2:    #152240;
  --border:   rgba(255,255,255,0.07);
  --border2:  rgba(255,255,255,0.13);
  --teal:     #00c9a0;
  --teal-dim: rgba(0,201,160,0.11);
  --amber:    #f6a623;
  --amber-dim:rgba(246,166,35,0.10);
  --rose:     #ff5e7e;
  --purple:   #7c6aff;
  --purple-dim:rgba(124,106,255,0.10);
  --text:     #e8edf5;
  --text2:    #8a97b0;
  --text3:    #4e5d78;
  --white:    #ffffff;
  --r:        12px;
  --rl:       20px;
  --rxl:      28px;
}
body.light {
  --bg:       #f5f7fb;
  --bg2:      #eef1f8;
  --bg3:      #e4e8f2;
  --card:     #ffffff;
  --card2:    #f8faff;
  --border:   rgba(0,0,0,0.08);
  --border2:  rgba(0,0,0,0.14);
  --text:     #1a2340;
  --text2:    #4a5672;
  --text3:    #8a97b5;
  --white:    #0d1226;
  --teal-dim: rgba(0,201,160,0.09);
  --amber-dim:rgba(246,166,35,0.09);
  --purple-dim:rgba(124,106,255,0.08);
}

/* ══════════════════════ RESET ══════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;line-height:1.7;color:var(--text);background:var(--bg);overflow-x:hidden;transition:background .3s,color .3s}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none}

/* ══════════════════════ TYPOGRAPHY ══════════════════════ */
.bg{font-family:'Bricolage Grotesque',sans-serif}
.h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;line-height:1.08;letter-spacing:-0.035em;font-size:clamp(2.8rem,5.5vw,5rem)}
.h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;line-height:1.15;letter-spacing:-0.025em;font-size:clamp(1.8rem,3.5vw,2.8rem)}
.h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;letter-spacing:-0.02em;font-size:1.25rem;line-height:1.3}
.overline{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.lead{font-size:1.1rem;color:var(--text2);line-height:1.8}

/* ══════════════════════ LAYOUT ══════════════════════ */
.wrap{width:100%;max-width:1140px;margin:0 auto;padding:0 24px}
section{padding:96px 0}
.sec-label{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.sec-label::before{content:'';width:24px;height:2px;background:var(--teal);border-radius:2px;display:block}

/* ══════════════════════ BUTTONS ══════════════════════ */
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:var(--r);font-weight:600;font-size:15px;cursor:pointer;transition:all .22s;border:none;font-family:'Plus Jakarta Sans',sans-serif;white-space:nowrap}
.btn-primary{background:var(--teal);color:#00271f}
.btn-primary:hover{background:#00ddb0;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,201,160,0.25)}
.btn-outline{background:transparent;color:var(--text);border:1.5px solid var(--border2)}
.btn-outline:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--text2);padding:10px 0;font-size:14px}
.btn-ghost:hover{color:var(--teal)}
.btn-ghost svg{transition:transform .2s}
.btn-ghost:hover svg{transform:translateX(4px)}
.btn-sm{padding:9px 18px;font-size:13.5px}
.btn svg{width:17px;height:17px;flex-shrink:0}

/* ══════════════════════ HEADER ══════════════════════ */
header{position:fixed;top:0;left:0;right:0;z-index:999;transition:all .3s}
header.scrolled{background:rgba(7,13,26,0.96);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
body.light header.scrolled{background:rgba(245,247,251,0.96)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--teal),#00a37f);display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;color:#003828;font-size:15px}
.logo-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:19px;color:var(--white)}
.nav-links{display:flex;align-items:center;gap:6px}
.nav-link{position:relative;font-size:14px;font-weight:500;color:var(--text2);padding:7px 14px;border-radius:8px;transition:all .2s}
.nav-link:hover{color:var(--white);background:rgba(255,255,255,0.05)}
body.light .nav-link:hover{background:rgba(0,0,0,0.04);color:var(--white)}
.nav-link.active{color:var(--teal)}
/* Dropdown mega menu */
.has-dropdown{position:relative}
.dropdown{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(-6px);background:var(--card);border:1px solid var(--border2);border-radius:var(--rxl);padding:10px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;box-shadow:0 24px 64px rgba(0,0,0,0.45);z-index:100}
.has-dropdown:hover .dropdown{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}
/* Arrow tip */
.dropdown::before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:12px;height:6px;background:var(--card);clip-path:polygon(50% 0%,0% 100%,100% 100%);border-left:1px solid var(--border2);border-right:1px solid var(--border2)}

/* Products mega dropdown */
.dd-products{min-width:540px;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.dd-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);padding:4px 12px 2px;grid-column:1/-1}
.dd-item{display:flex;align-items:flex-start;gap:12px;padding:11px 14px;border-radius:12px;transition:background .15s;cursor:pointer}
.dd-item:hover{background:rgba(255,255,255,0.06)}
body.light .dd-item:hover{background:rgba(0,0,0,0.05)}
.dd-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.dd-text .dd-name{font-size:13.5px;font-weight:600;color:var(--white);display:flex;align-items:center;gap:6px;margin-bottom:2px}
.dd-text .dd-sub{font-size:12px;color:var(--text3);line-height:1.4}
.dd-live{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--teal-dim);color:var(--teal);border:1px solid rgba(0,201,160,0.2);padding:1px 6px;border-radius:6px}
.dd-soon{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:rgba(255,255,255,0.05);color:var(--text3);border:1px solid var(--border);padding:1px 6px;border-radius:6px}
.dd-sep{grid-column:1/-1;height:1px;background:var(--border);margin:4px 0}
.dd-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:8px 12px 2px}
.dd-footer a{font-size:12.5px;color:var(--teal);font-weight:600}
.dd-footer a:hover{text-decoration:underline}
.dd-footer span{font-size:12px;color:var(--text3)}

/* Resources dropdown */
.dd-resources{min-width:300px;display:flex;flex-direction:column;gap:2px}
.dd-res-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;transition:background .15s}
.dd-res-item:hover{background:rgba(255,255,255,0.06)}
body.light .dd-res-item:hover{background:rgba(0,0,0,0.05)}
.dd-res-icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
.dd-res-name{font-size:13.5px;font-weight:600;color:var(--white)}
.dd-res-sub{font-size:12px;color:var(--text3)}
.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
/* Theme toggle */
.theme-toggle{width:42px;height:23px;border-radius:20px;border:1.5px solid var(--border2);background:var(--bg3);cursor:pointer;position:relative;display:flex;align-items:center}
.tt-knob{width:17px;height:17px;border-radius:50%;background:var(--teal);position:absolute;left:2px;transition:transform .3s;display:flex;align-items:center;justify-content:center;font-size:9px;line-height:1}
body.light .tt-knob{transform:translateX(19px)}
/* Hamburger */
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.hamburger span{display:block;width:22px;height:2px;background:var(--text2);border-radius:2px;transition:all .3s}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mobile-nav{display:none;position:fixed;top:70px;left:0;right:0;background:var(--bg2);border-bottom:1px solid var(--border);padding:16px 24px;z-index:998;flex-direction:column;gap:2px}
.mobile-nav.open{display:flex}
.mobile-nav a{font-size:15px;font-weight:500;color:var(--text2);padding:10px 0;border-bottom:1px solid var(--border)}
.mobile-nav a:last-child{border-bottom:none}

/* ══════════════════════ HERO ══════════════════════ */
#hero{padding:160px 0 100px;position:relative;overflow:hidden;display:flex;align-items:center}
.hero-bg-glow{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero-bg-glow::before{content:'';position:absolute;top:-30%;left:50%;transform:translateX(-50%);width:900px;height:600px;background:radial-gradient(ellipse,rgba(0,201,160,0.07) 0%,transparent 60%)}
.hero-bg-glow::after{content:'';position:absolute;top:10%;right:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(124,106,255,0.05) 0%,transparent 65%)}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:64px 64px;z-index:0;pointer-events:none}
body.light .hero-grid{background-image:linear-gradient(rgba(0,0,0,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,0.03) 1px,transparent 1px)}
.hero-inner{position:relative;z-index:1;text-align:center;margin:0 auto}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border2);background:rgba(255,255,255,0.03);border-radius:20px;padding:5px 16px;font-size:12.5px;font-weight:500;color:var(--text2);margin-bottom:28px;letter-spacing:.02em}
.hero-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:blink 2.2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.hero-title{color:var(--white);margin-bottom:24px}
.hero-title .word-teal{color:var(--teal)}
.hero-title .word-amber{color:var(--amber);font-style:italic}
.hero-sub{font-size:1.15rem;color:var(--text2);max-width:560px;margin:0 auto 40px;line-height:1.8}
.hero-btns{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:72px}
.hero-trust{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}
.ht-item{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text3)}
.ht-dot{width:5px;height:5px;border-radius:50%;background:var(--teal);flex-shrink:0}

/* product pills floating above hero */
.hero-products-strip{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:40px}
.hp-pill{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--border2);border-radius:30px;padding:7px 14px;font-size:13px;font-weight:500;color:var(--text2);transition:all .2s}
.hp-pill:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-2px)}
.hp-pill-icon{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}
.hp-pill .hp-new{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--teal);background:var(--teal-dim);padding:1px 6px;border-radius:10px;margin-left:4px}

/* ══════════════════════ MARQUEE ══════════════════════ */
#marquee{padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg2);overflow:hidden}
.marquee-track{display:flex;gap:0;animation:scroll 28s linear infinite;width:max-content}
.marquee-track:hover{animation-play-state:paused}
.marquee-item{display:flex;align-items:center;gap:10px;padding:0 40px;white-space:nowrap;font-size:13.5px;font-weight:500;color:var(--text3)}
.marquee-item strong{color:var(--text2);font-weight:600}
.marquee-sep{color:var(--teal);font-size:18px}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ══════════════════════ STATS ══════════════════════ */
#stats{padding:72px 0;background:var(--bg)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--rxl);overflow:hidden}
.stat-box{background:var(--bg2);padding:40px 32px;text-align:center;transition:background .2s}
.stat-box:hover{background:var(--bg3)}
.stat-num{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:2.8rem;color:var(--white);letter-spacing:-0.04em;line-height:1}
.stat-num .accent{color:var(--teal)}
.stat-desc{font-size:13.5px;color:var(--text3);margin-top:8px;line-height:1.5}

/* ══════════════════════ PHILOSOPHY ══════════════════════ */
#philosophy{background:var(--bg2)}
.phil-header{text-align:center;max-width:640px;margin:0 auto 64px}
.phil-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.phil-card{background:var(--card);border:1px solid var(--border);border-radius:var(--rxl);padding:40px 36px;position:relative;overflow:hidden;transition:border-color .25s}
.phil-card:hover{border-color:var(--border2)}
.phil-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:3px 3px 0 0}
.phil-card.p-teal::before{background:var(--teal)}
.phil-card.p-amber::before{background:var(--amber)}
.phil-card.p-purple::before{background:var(--purple)}
.phil-num{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:3.5rem;color:var(--bg3);line-height:1;margin-bottom:20px;letter-spacing:-0.05em}
.phil-card h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.2rem;color:var(--white);margin-bottom:12px;letter-spacing:-0.01em}
.phil-card p{font-size:14.5px;color:var(--text2);line-height:1.75}

/* ══════════════════════ PRODUCTS ══════════════════════ */
#products{background:var(--bg)}
.products-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px;gap:24px;flex-wrap:wrap}
.products-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.products-row2{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}

/* Main product card */
.prod-card{background:var(--card);border:1px solid var(--border);border-radius:var(--rxl);overflow:hidden;transition:border-color .3s,transform .3s;position:relative}
.prod-card:hover{border-color:var(--border2);transform:translateY(-4px)}
.prod-card-main{padding:40px}
.prod-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}
.prod-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}
.pi-teal{background:var(--teal-dim);border:1px solid rgba(0,201,160,0.2)}
.pi-amber{background:var(--amber-dim);border:1px solid rgba(246,166,35,0.15)}
.pi-purple{background:var(--purple-dim);border:1px solid rgba(124,106,255,0.15)}
.prod-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;border-radius:20px}
.pb-live{background:var(--teal-dim);color:var(--teal);border:1px solid rgba(0,201,160,0.2)}
.pb-soon{background:rgba(255,255,255,0.05);color:var(--text3);border:1px solid var(--border)}
.pb-dev{background:var(--amber-dim);color:var(--amber);border:1px solid rgba(246,166,35,0.15)}
.prod-card h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.35rem;color:var(--white);margin-bottom:8px;letter-spacing:-0.015em}
.prod-card p{font-size:14px;color:var(--text2);line-height:1.7;margin-bottom:24px}
.prod-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}
.prod-tag{font-size:11px;font-weight:600;padding:3px 10px;border-radius:6px;background:var(--bg3);border:1px solid var(--border);color:var(--text3)}
.prod-cta{display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid var(--border)}
.prod-price{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.3rem;color:var(--white)}
.prod-price span{font-size:.85rem;font-weight:400;color:var(--text3)}

/* Coming soon card */
.prod-soon{background:var(--card);border:1px solid var(--border);border-radius:var(--rxl);padding:32px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;transition:border-color .25s}
.prod-soon:hover{border-color:var(--border2)}
.soon-header{display:flex;align-items:center;justify-content:space-between}
.soon-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px}
.soon-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1rem;color:var(--white)}
.soon-desc{font-size:13.5px;color:var(--text2);line-height:1.65}
.soon-progress{height:3px;background:var(--border);border-radius:2px;overflow:hidden;margin-top:4px}
.soon-bar{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--teal),var(--amber))}
.soon-pct{font-size:11px;color:var(--text3);margin-top:4px}
.soon-notify{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--teal);cursor:pointer;margin-top:4px}
.soon-notify:hover{text-decoration:underline}

/* ══════════════════════ FEATURES SPLIT ══════════════════════ */
#why{background:var(--bg2)}
.why-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.why-left{}
.why-list{display:flex;flex-direction:column;gap:28px;margin-top:40px}
.why-item{display:flex;gap:18px;padding:24px;background:var(--card);border:1px solid var(--border);border-radius:var(--rl);transition:border-color .2s}
.why-item:hover{border-color:var(--border2)}
.why-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.wi-teal{background:var(--teal-dim);border:1px solid rgba(0,201,160,0.15)}
.wi-amber{background:var(--amber-dim);border:1px solid rgba(246,166,35,0.12)}
.wi-purple{background:var(--purple-dim);border:1px solid rgba(124,106,255,0.12)}
.wi-rose{background:rgba(255,94,126,0.08);border:1px solid rgba(255,94,126,0.12)}
.why-body h4{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1rem;color:var(--white);margin-bottom:5px}
.why-body p{font-size:13.5px;color:var(--text2);line-height:1.65}

/* Visual widget right side */
.why-visual{background:var(--card);border:1px solid var(--border2);border-radius:var(--rxl);overflow:hidden}
.wv-header{background:var(--bg3);padding:14px 20px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border)}
.wv-dots span{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:5px}
.wv-d1{background:#ff5f56}.wv-d2{background:#febc2e}.wv-d3{background:#27c840}
.wv-title{font-size:12px;color:var(--text3);font-weight:500;flex:1;text-align:center}
.wv-body{padding:24px}
.wv-metric{background:var(--bg3);border-radius:var(--r);padding:16px;margin-bottom:10px}
.wv-metric-label{font-size:11px;color:var(--text3);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.wv-metric-row{display:flex;align-items:center;gap:10px}
.wv-metric-val{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.6rem;color:var(--white);letter-spacing:-0.03em}
.wv-metric-badge{font-size:11px;font-weight:700;color:#27c840;background:rgba(39,200,64,0.1);border:1px solid rgba(39,200,64,0.2);padding:2px 8px;border-radius:10px}
.wv-bar-track{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-top:8px}
.wv-bar-fill{height:100%;border-radius:3px}
.wv-reviews{display:flex;flex-direction:column;gap:8px}
.wv-review{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--bg3);border-radius:10px}
.wv-rev-av{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:12px;flex-shrink:0}
.wv-rev-stars{font-size:10px;color:var(--amber);letter-spacing:1px;margin-bottom:2px}
.wv-rev-text{font-size:12px;color:var(--text2);line-height:1.5}
.wv-rev-name{font-size:11px;color:var(--text3);margin-top:2px}

/* ══════════════════════ TESTIMONIALS ══════════════════════ */
#testimonials{background:var(--bg)}
.test-header{text-align:center;margin-bottom:56px}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.test-card{background:var(--card);border:1px solid var(--border);border-radius:var(--rl);padding:28px;transition:border-color .2s}
.test-card:hover{border-color:var(--border2)}
.test-stars{color:var(--amber);font-size:13px;letter-spacing:2px;margin-bottom:14px}
.test-quote{font-size:14.5px;color:var(--text2);line-height:1.75;font-style:italic;margin-bottom:20px}
.test-author{display:flex;align-items:center;gap:11px}
.test-av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:13px;flex-shrink:0}
.test-name{font-weight:600;font-size:14px;color:var(--white)}
.test-role{font-size:12px;color:var(--text3)}
.test-product{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--teal);background:var(--teal-dim);border:1px solid rgba(0,201,160,0.15);padding:2px 8px;border-radius:8px;margin-top:4px}

/* ══════════════════════ BLOG ══════════════════════ */
#blog{background:var(--bg2)}
.blog-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px;gap:16px;flex-wrap:wrap}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.blog-card{background:var(--card);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden;transition:border-color .25s,transform .25s}
.blog-card:hover{border-color:var(--border2);transform:translateY(-3px)}
.blog-thumb{height:160px;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:40px;position:relative;overflow:hidden}
.blog-thumb::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,0.3))}
.blog-body{padding:22px}
.blog-cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--teal);margin-bottom:8px}
.blog-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1rem;color:var(--white);line-height:1.35;margin-bottom:10px;letter-spacing:-0.01em}
.blog-card:hover .blog-title{color:var(--teal)}
.blog-excerpt{font-size:13px;color:var(--text2);line-height:1.65;margin-bottom:16px}
.blog-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text3)}
.blog-read{display:flex;align-items:center;gap:4px;color:var(--teal);font-weight:600;font-size:12px}

/* ══════════════════════ CTA BANNER ══════════════════════ */
#cta{background:var(--bg);padding:0 0 96px}
.cta-box{background:var(--card2);border:1px solid var(--border2);border-radius:var(--rxl);padding:72px 48px;text-align:center;position:relative;overflow:hidden}
.cta-box::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:350px;background:radial-gradient(ellipse,rgba(0,201,160,0.09) 0%,transparent 65%);pointer-events:none}
.cta-box::after{content:'';position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:280px;height:3px;background:linear-gradient(90deg,transparent,var(--teal),transparent);border-radius:0 0 2px 2px}
.cta-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--teal);margin-bottom:20px}
.cta-box h2{color:var(--white);margin-bottom:14px}
.cta-box p{color:var(--text2);font-size:1.05rem;max-width:480px;margin:0 auto 36px;line-height:1.75}
.cta-btns{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.cta-fine{margin-top:18px;font-size:12.5px;color:var(--text3)}

/* ══════════════════════ FOOTER ══════════════════════ */
footer{background:var(--bg2);border-top:1px solid var(--border);padding:64px 0 32px}
.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:52px}
.footer-brand{}
.footer-brand .logo{margin-bottom:14px}
.footer-brand p{font-size:13.5px;color:var(--text2);line-height:1.7;max-width:220px;margin-bottom:20px}
.footer-social{display:flex;gap:8px}
.social-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border2);background:transparent;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .2s;color:var(--text3)}
.social-btn:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-dim)}
.footer-col h5{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:12.5px;color:var(--white);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}
.footer-links{display:flex;flex-direction:column;gap:9px}
.footer-links a{font-size:13.5px;color:var(--text2);transition:color .2s}
.footer-links a:hover{color:var(--teal)}
.footer-links .new-tag{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--teal);background:var(--teal-dim);padding:1px 6px;border-radius:6px;margin-left:5px;vertical-align:middle}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:28px;border-top:1px solid var(--border);gap:16px;flex-wrap:wrap}
.footer-bottom-left{font-size:13px;color:var(--text3)}
.footer-bottom-left a{color:var(--text2)}
.footer-bottom-right{display:flex;align-items:center;gap:20px}
.footer-bottom-right a{font-size:13px;color:var(--text3);transition:color .2s}
.footer-bottom-right a:hover{color:var(--teal)}

/* ══════════════════════ RESPONSIVE ══════════════════════ */
@media(max-width:980px){
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .phil-grid{grid-template-columns:1fr 1fr}
  .products-grid{grid-template-columns:1fr}
  .products-row2{grid-template-columns:1fr 1fr}
  .why-inner{grid-template-columns:1fr;gap:40px}
  .test-grid{grid-template-columns:1fr 1fr}
  .blog-grid{grid-template-columns:1fr 1fr}
  .footer-top{grid-template-columns:1fr 1fr 1fr;gap:28px}
  .footer-brand{grid-column:1/-1}
  .nav-links,.badge-v{display:none}
  .hamburger{display:flex}
}
@media(max-width:768px){
  section{padding:64px 0}
  .wrap{padding:0 18px}
  .h1{font-size:clamp(2.2rem,8vw,3rem)}
  .h2{font-size:clamp(1.5rem,5vw,2rem)}
  .phil-grid{grid-template-columns:1fr}
  .test-grid{grid-template-columns:1fr}
  .blog-grid{grid-template-columns:1fr}
  .products-row2{grid-template-columns:1fr}
  .hero-trust{gap:16px}
  .hero-btns .btn{flex:1;justify-content:center;min-width:140px}
  .cta-box{padding:48px 24px}
  .footer-top{grid-template-columns:1fr 1fr;gap:24px}
  .footer-brand{grid-column:auto}
  .footer-bottom{flex-direction:column;text-align:center}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  #hero{padding:130px 0 72px}
}
@media(max-width:480px){
  .wrap{padding:0 16px}
  .h1{font-size:1.9rem}
  .stats-grid{grid-template-columns:1fr 1fr}
  .stat-num{font-size:2.2rem}
  .footer-top{grid-template-columns:1fr}
  .hero-products-strip{gap:6px}
  .hp-pill{padding:5px 10px;font-size:12px}
  .hero-trust{flex-direction:column;gap:10px}
  .cta-btns{flex-direction:column;align-items:stretch}
  .cta-btns .btn{justify-content:center}
  .hamburger{display:flex}
  .nav-links{display:none}
  .nav-right .btn{display:none}
}

.cl-layout{display:grid;grid-template-columns:200px 1fr;gap:48px;align-items:start}
.cl-nav{position:sticky;top:90px;display:flex;flex-direction:column;gap:4px}
.cl-nav-item{font-size:13.5px;font-weight:500;color:var(--text2);padding:7px 12px;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}
.cl-nav-item:hover{background:var(--card);color:var(--white)}
.cl-nav-item.latest{color:var(--teal)}
.cl-ver-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.cl-entries{display:flex;flex-direction:column;gap:32px}
.cl-entry{background:var(--card);border:1px solid var(--border);border-radius:var(--rxl);overflow:hidden}
.cl-entry-header{background:var(--bg3);padding:20px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:10px}
.cl-version{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.2rem;color:var(--white)}
.cl-date{font-size:13px;color:var(--text3)}
.cl-latest-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:var(--teal);color:#00271f;padding:3px 10px;border-radius:10px}
.cl-body{padding:24px 28px}
.cl-section{margin-bottom:20px}
.cl-section:last-child{margin-bottom:0}
.cl-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:3px 10px;border-radius:6px;margin-bottom:12px;display:inline-block}
.cs-new{background:var(--teal-dim);color:var(--teal)}
.cs-fix{background:var(--rose-dim);color:var(--rose)}
.cs-improve{background:var(--amber-dim);color:var(--amber)}
.cs-break{background:var(--purple-dim);color:var(--purple)}
.cl-items{display:flex;flex-direction:column;gap:7px}
.cl-item{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text2);line-height:1.55}
.cl-item::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--text3);flex-shrink:0;margin-top:8px}
.cl-item strong{color:var(--white);font-weight:600}
.cl-dl{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--teal);margin-left:auto}
@media(max-width:768px){.cl-layout{grid-template-columns:1fr}.cl-nav{display:none}}

:root{--bg:#070d1a;--bg2:#0d1628;--bg3:#111e35;--card:#0f1c32;--card2:#152240;--border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.13);--teal:#00c9a0;--teal-dim:rgba(0,201,160,0.11);--amber:#f6a623;--amber-dim:rgba(246,166,35,0.10);--purple:#7c6aff;--purple-dim:rgba(124,106,255,0.10);--rose:#ff5e7e;--rose-dim:rgba(255,94,126,0.08);--green:#27c840;--green-dim:rgba(39,200,64,0.10);--text:#e8edf5;--text2:#8a97b0;--text3:#4e5d78;--white:#ffffff;--r:12px;--rl:20px;--rxl:28px;}
body.light{--bg:#f5f7fb;--bg2:#eef1f8;--bg3:#e4e8f2;--card:#ffffff;--card2:#f8faff;--border:rgba(0,0,0,0.08);--border2:rgba(0,0,0,0.14);--text:#1a2340;--text2:#4a5672;--text3:#8a97b5;--white:#0d1226;--teal-dim:rgba(0,201,160,0.09);--amber-dim:rgba(246,166,35,0.09);--purple-dim:rgba(124,106,255,0.08);--rose-dim:rgba(255,94,126,0.07);--green-dim:rgba(39,200,64,0.09);}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;line-height:1.7;color:var(--text);background:var(--bg);overflow-x:hidden;transition:background .3s,color .3s}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul{list-style:none}
.h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;line-height:1.08;letter-spacing:-0.035em;font-size:clamp(2rem,4vw,3.2rem)}
.h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;line-height:1.15;letter-spacing:-0.025em;font-size:clamp(1.5rem,3vw,2.2rem)}
.h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:-0.01em}
.overline{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.lead{font-size:1.05rem;color:var(--text2);line-height:1.8}
.wrap{width:100%;max-width:1140px;margin:0 auto;padding:0 24px}
section{padding:72px 0}
.sec-tag{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.sec-tag::before{content:'';width:24px;height:2px;background:var(--teal);border-radius:2px;display:block}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--r);font-weight:600;font-size:14.5px;cursor:pointer;transition:all .22s;border:none;font-family:'Plus Jakarta Sans',sans-serif}
.btn-primary{background:var(--teal);color:#00271f}.btn-primary:hover{background:#00ddb0;transform:translateY(-2px)}
.btn-outline{background:transparent;color:var(--text);border:1.5px solid var(--border2)}.btn-outline:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-2px)}
.btn-sm{padding:9px 18px;font-size:13.5px}.btn svg{width:16px;height:16px;flex-shrink:0}
header{position:fixed;top:0;left:0;right:0;z-index:999;transition:all .3s}
header.scrolled{background:rgba(7,13,26,0.96);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
body.light header.scrolled{background:rgba(245,247,251,0.96)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--teal),#00a37f);display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;color:#003828;font-size:15px}
.logo-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:19px;color:var(--white)}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-link{font-size:14px;font-weight:500;color:var(--text2);padding:7px 14px;border-radius:8px;transition:all .2s}
.nav-link:hover{color:var(--white);background:rgba(255,255,255,0.05)}body.light .nav-link:hover{background:rgba(0,0,0,0.04);color:var(--white)}
.nav-link.active{color:var(--teal)}
.has-dropdown{position:relative}
.dropdown{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(-6px);background:var(--card);border:1px solid var(--border2);border-radius:var(--rxl);padding:10px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;box-shadow:0 24px 64px rgba(0,0,0,0.45);z-index:100}
.has-dropdown:hover .dropdown{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}
.dropdown::before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:12px;height:6px;background:var(--card);clip-path:polygon(50% 0%,0% 100%,100% 100%)}
.dd-p{min-width:460px;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.dd-r{min-width:260px;display:flex;flex-direction:column;gap:2px}
.dd-sec{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);padding:4px 12px 2px;grid-column:1/-1}
.dd-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:12px;transition:background .15s}
.dd-item:hover{background:rgba(255,255,255,0.06)}body.light .dd-item:hover{background:rgba(0,0,0,0.05)}
.dd-ico{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.dd-nm{font-size:13px;font-weight:600;color:var(--white);display:flex;align-items:center;gap:5px;margin-bottom:1px}
.dd-sb{font-size:11.5px;color:var(--text3)}
.dd-live{font-size:9px;font-weight:700;text-transform:uppercase;background:var(--teal-dim);color:var(--teal);border:1px solid rgba(0,201,160,0.2);padding:1px 5px;border-radius:5px}
.dd-soon{font-size:9px;font-weight:700;text-transform:uppercase;background:rgba(255,255,255,0.05);color:var(--text3);border:1px solid var(--border);padding:1px 5px;border-radius:5px}
.dd-sep{grid-column:1/-1;height:1px;background:var(--border);margin:4px 0}
.dd-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:5px 12px 2px;font-size:12px}
.dd-foot a{color:var(--teal);font-weight:600}.dd-foot span{color:var(--text3)}
.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.theme-toggle{width:42px;height:23px;border-radius:20px;border:1.5px solid var(--border2);background:var(--bg3);cursor:pointer;position:relative;display:flex;align-items:center}
.tt-knob{width:17px;height:17px;border-radius:50%;background:var(--teal);position:absolute;left:2px;transition:transform .3s;display:flex;align-items:center;justify-content:center;font-size:9px}
body.light .tt-knob{transform:translateX(19px)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.hamburger span{display:block;width:22px;height:2px;background:var(--text2);border-radius:2px;transition:all .3s}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mobile-nav{display:none;position:fixed;top:70px;left:0;right:0;background:var(--bg2);border-bottom:1px solid var(--border);padding:16px 24px;z-index:998;flex-direction:column;gap:2px}
.mobile-nav.open{display:flex}
.mobile-nav a{font-size:15px;font-weight:500;color:var(--text2);padding:10px 0;border-bottom:1px solid var(--border)}
.mobile-nav a:last-child{border-bottom:none}
.page-hero{padding:130px 0 56px;background:var(--bg2);position:relative;overflow:hidden;border-bottom:1px solid var(--border)}
.page-hero::before{content:'';position:absolute;top:-30%;left:50%;transform:translateX(-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(0,201,160,0.06) 0%,transparent 60%);pointer-events:none}
.page-hero-inner{position:relative;z-index:1}
.bc{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text3);margin-bottom:16px}
.bc a{color:var(--text3)}.bc a:hover{color:var(--teal)}
footer{background:var(--bg2);border-top:1px solid var(--border);padding:56px 0 28px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:36px;margin-bottom:40px}
.footer-brand .logo{margin-bottom:12px}
.footer-brand p{font-size:13px;color:var(--text2);line-height:1.7;max-width:210px;margin-bottom:14px}
.footer-social{display:flex;gap:8px}
.s-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border2);background:transparent;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:all .2s;color:var(--text3)}
.s-btn:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-dim)}
.footer-col h5{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:12px;color:var(--white);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.f-links{display:flex;flex-direction:column;gap:8px}
.f-links a{font-size:13px;color:var(--text2);transition:color .2s}.f-links a:hover{color:var(--teal)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--border);font-size:12.5px;color:var(--text3);gap:16px;flex-wrap:wrap}
.footer-bottom a{color:var(--text2)}.footer-bottom a:hover{color:var(--teal)}
@media(max-width:980px){.nav-links{display:none}.hamburger{display:flex}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}}
@media(max-width:768px){section{padding:52px 0}.wrap{padding:0 18px}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;text-align:center}}
@media(max-width:480px){.wrap{padding:0 16px}.footer-grid{grid-template-columns:1fr}.nav-right .btn{display:none}}

#ty-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:100px 24px}
.ty-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(0,201,160,0.09) 0%,transparent 65%);pointer-events:none}
.ty-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}
body.light .ty-grid{background-image:linear-gradient(rgba(0,0,0,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,0.03) 1px,transparent 1px)}
.ty-inner{position:relative;z-index:1;text-align:center;max-width:680px;margin:0 auto}
.ty-check{width:80px;height:80px;border-radius:50%;background:var(--teal-dim);border:2px solid var(--teal);display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto 28px;animation:popIn .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes popIn{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
.ty-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;text-align:left}
.ty-step{background:var(--card);border:1px solid var(--border);border-radius:var(--rl);padding:24px}
.ty-step-num{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.8rem;color:var(--bg3);line-height:1;margin-bottom:10px}
.ty-step-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:.95rem;color:var(--white);margin-bottom:6px}
.ty-step-desc{font-size:13px;color:var(--text2);line-height:1.6}
@media(max-width:680px){.ty-steps{grid-template-columns:1fr}}

:root{--bg:#070d1a;--bg2:#0d1628;--bg3:#111e35;--card:#0f1c32;--card2:#152240;--border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.13);--teal:#00c9a0;--teal-dim:rgba(0,201,160,0.11);--amber:#f6a623;--amber-dim:rgba(246,166,35,0.10);--purple:#7c6aff;--purple-dim:rgba(124,106,255,0.10);--rose:#ff5e7e;--rose-dim:rgba(255,94,126,0.08);--green:#27c840;--green-dim:rgba(39,200,64,0.10);--text:#e8edf5;--text2:#8a97b0;--text3:#4e5d78;--white:#ffffff;--r:12px;--rl:20px;--rxl:28px;}
body.light{--bg:#f5f7fb;--bg2:#eef1f8;--bg3:#e4e8f2;--card:#ffffff;--card2:#f8faff;--border:rgba(0,0,0,0.08);--border2:rgba(0,0,0,0.14);--text:#1a2340;--text2:#4a5672;--text3:#8a97b5;--white:#0d1226;--teal-dim:rgba(0,201,160,0.09);--amber-dim:rgba(246,166,35,0.09);--purple-dim:rgba(124,106,255,0.08);--rose-dim:rgba(255,94,126,0.07);--green-dim:rgba(39,200,64,0.09);}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;line-height:1.7;color:var(--text);background:var(--bg);overflow-x:hidden;transition:background .3s,color .3s}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul{list-style:none}
.h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;line-height:1.08;letter-spacing:-0.035em;font-size:clamp(2rem,4vw,3.2rem)}
.h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;line-height:1.15;letter-spacing:-0.025em;font-size:clamp(1.5rem,3vw,2.2rem)}
.h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:-0.01em}
.overline{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.lead{font-size:1.05rem;color:var(--text2);line-height:1.8}
.wrap{width:100%;max-width:1140px;margin:0 auto;padding:0 24px}
section{padding:72px 0}
.sec-tag{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.sec-tag::before{content:'';width:24px;height:2px;background:var(--teal);border-radius:2px;display:block}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--r);font-weight:600;font-size:14.5px;cursor:pointer;transition:all .22s;border:none;font-family:'Plus Jakarta Sans',sans-serif}
.btn-primary{background:var(--teal);color:#00271f}.btn-primary:hover{background:#00ddb0;transform:translateY(-2px)}
.btn-outline{background:transparent;color:var(--text);border:1.5px solid var(--border2)}.btn-outline:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-2px)}
.btn-sm{padding:9px 18px;font-size:13.5px}.btn svg{width:16px;height:16px;flex-shrink:0}
header{position:fixed;top:0;left:0;right:0;z-index:999;transition:all .3s}
header.scrolled{background:rgba(7,13,26,0.96);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
body.light header.scrolled{background:rgba(245,247,251,0.96)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--teal),#00a37f);display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;color:#003828;font-size:15px}
.logo-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:19px;color:var(--white)}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-link{font-size:14px;font-weight:500;color:var(--text2);padding:7px 14px;border-radius:8px;transition:all .2s}
.nav-link:hover{color:var(--white);background:rgba(255,255,255,0.05)}body.light .nav-link:hover{background:rgba(0,0,0,0.04);color:var(--white)}
.nav-link.active{color:var(--teal)}
.has-dropdown{position:relative}
.dropdown{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(-6px);background:var(--card);border:1px solid var(--border2);border-radius:var(--rxl);padding:10px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;box-shadow:0 24px 64px rgba(0,0,0,0.45);z-index:100}
.has-dropdown:hover .dropdown{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}
.dropdown::before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:12px;height:6px;background:var(--card);clip-path:polygon(50% 0%,0% 100%,100% 100%)}
.dd-p{min-width:460px;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.dd-r{min-width:260px;display:flex;flex-direction:column;gap:2px}
.dd-sec{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);padding:4px 12px 2px;grid-column:1/-1}
.dd-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:12px;transition:background .15s}
.dd-item:hover{background:rgba(255,255,255,0.06)}body.light .dd-item:hover{background:rgba(0,0,0,0.05)}
.dd-ico{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.dd-nm{font-size:13px;font-weight:600;color:var(--white);display:flex;align-items:center;gap:5px;margin-bottom:1px}
.dd-sb{font-size:11.5px;color:var(--text3)}
.dd-live{font-size:9px;font-weight:700;text-transform:uppercase;background:var(--teal-dim);color:var(--teal);border:1px solid rgba(0,201,160,0.2);padding:1px 5px;border-radius:5px}
.dd-soon{font-size:9px;font-weight:700;text-transform:uppercase;background:rgba(255,255,255,0.05);color:var(--text3);border:1px solid var(--border);padding:1px 5px;border-radius:5px}
.dd-sep{grid-column:1/-1;height:1px;background:var(--border);margin:4px 0}
.dd-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:5px 12px 2px;font-size:12px}
.dd-foot a{color:var(--teal);font-weight:600}.dd-foot span{color:var(--text3)}
.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.theme-toggle{width:42px;height:23px;border-radius:20px;border:1.5px solid var(--border2);background:var(--bg3);cursor:pointer;position:relative;display:flex;align-items:center}
.tt-knob{width:17px;height:17px;border-radius:50%;background:var(--teal);position:absolute;left:2px;transition:transform .3s;display:flex;align-items:center;justify-content:center;font-size:9px}
body.light .tt-knob{transform:translateX(19px)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.hamburger span{display:block;width:22px;height:2px;background:var(--text2);border-radius:2px;transition:all .3s}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mobile-nav{display:none;position:fixed;top:70px;left:0;right:0;background:var(--bg2);border-bottom:1px solid var(--border);padding:16px 24px;z-index:998;flex-direction:column;gap:2px}
.mobile-nav.open{display:flex}
.mobile-nav a{font-size:15px;font-weight:500;color:var(--text2);padding:10px 0;border-bottom:1px solid var(--border)}
.mobile-nav a:last-child{border-bottom:none}
.page-hero{padding:130px 0 56px;background:var(--bg2);position:relative;overflow:hidden;border-bottom:1px solid var(--border)}
.page-hero::before{content:'';position:absolute;top:-30%;left:50%;transform:translateX(-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(0,201,160,0.06) 0%,transparent 60%);pointer-events:none}
.page-hero-inner{position:relative;z-index:1}
.bc{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text3);margin-bottom:16px}
.bc a{color:var(--text3)}.bc a:hover{color:var(--teal)}
footer{background:var(--bg2);border-top:1px solid var(--border);padding:56px 0 28px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:36px;margin-bottom:40px}
.footer-brand .logo{margin-bottom:12px}
.footer-brand p{font-size:13px;color:var(--text2);line-height:1.7;max-width:210px;margin-bottom:14px}
.footer-social{display:flex;gap:8px}
.s-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border2);background:transparent;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:all .2s;color:var(--text3)}
.s-btn:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-dim)}
.footer-col h5{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:12px;color:var(--white);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.f-links{display:flex;flex-direction:column;gap:8px}
.f-links a{font-size:13px;color:var(--text2);transition:color .2s}.f-links a:hover{color:var(--teal)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--border);font-size:12.5px;color:var(--text3);gap:16px;flex-wrap:wrap}
.footer-bottom a{color:var(--text2)}.footer-bottom a:hover{color:var(--teal)}
@media(max-width:980px){.nav-links{display:none}.hamburger{display:flex}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}}
@media(max-width:768px){section{padding:52px 0}.wrap{padding:0 18px}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;text-align:center}}
@media(max-width:480px){.wrap{padding:0 16px}.footer-grid{grid-template-columns:1fr}.nav-right .btn{display:none}}

#hero-404{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}
body.light .grid-bg{background-image:linear-gradient(rgba(0,0,0,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,0.03) 1px,transparent 1px)}
.glow-404{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:500px;background:radial-gradient(ellipse,rgba(0,201,160,0.06) 0%,transparent 65%);pointer-events:none}
.inner-404{position:relative;z-index:1;text-align:center;padding:40px 24px}
.num-404{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(7rem,20vw,14rem);color:var(--bg3);line-height:1;letter-spacing:-0.05em;margin-bottom:0;user-select:none}
.title-404{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(1.5rem,4vw,2.2rem);color:var(--white);margin-bottom:12px;letter-spacing:-0.02em}
.desc-404{font-size:1.05rem;color:var(--text2);max-width:440px;margin:0 auto 36px;line-height:1.75}
.links-404{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:48px}
.quick-links-404{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}
.ql-404{font-size:13px;font-weight:500;color:var(--text2);background:var(--card);border:1px solid var(--border);padding:7px 14px;border-radius:20px;transition:all .2s}
.ql-404:hover{border-color:var(--teal);color:var(--teal)}

:root{--bg:#070d1a;--bg2:#0d1628;--bg3:#111e35;--card:#0f1c32;--card2:#152240;--border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.13);--teal:#00c9a0;--teal-dim:rgba(0,201,160,0.11);--amber:#f6a623;--amber-dim:rgba(246,166,35,0.10);--purple:#7c6aff;--purple-dim:rgba(124,106,255,0.10);--rose:#ff5e7e;--rose-dim:rgba(255,94,126,0.08);--green:#27c840;--green-dim:rgba(39,200,64,0.10);--text:#e8edf5;--text2:#8a97b0;--text3:#4e5d78;--white:#ffffff;--r:12px;--rl:20px;--rxl:28px;}
body.light{--bg:#f5f7fb;--bg2:#eef1f8;--bg3:#e4e8f2;--card:#ffffff;--card2:#f8faff;--border:rgba(0,0,0,0.08);--border2:rgba(0,0,0,0.14);--text:#1a2340;--text2:#4a5672;--text3:#8a97b5;--white:#0d1226;--teal-dim:rgba(0,201,160,0.09);--amber-dim:rgba(246,166,35,0.09);--purple-dim:rgba(124,106,255,0.08);--rose-dim:rgba(255,94,126,0.07);--green-dim:rgba(39,200,64,0.09);}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;line-height:1.7;color:var(--text);background:var(--bg);overflow-x:hidden;transition:background .3s,color .3s}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul{list-style:none}
.h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;line-height:1.08;letter-spacing:-0.035em;font-size:clamp(2rem,4vw,3.2rem)}
.h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;line-height:1.15;letter-spacing:-0.025em;font-size:clamp(1.5rem,3vw,2.2rem)}
.h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:-0.01em}
.overline{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.lead{font-size:1.05rem;color:var(--text2);line-height:1.8}
.wrap{width:100%;max-width:1140px;margin:0 auto;padding:0 24px}
section{padding:72px 0}
.sec-tag{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.sec-tag::before{content:'';width:24px;height:2px;background:var(--teal);border-radius:2px;display:block}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--r);font-weight:600;font-size:14.5px;cursor:pointer;transition:all .22s;border:none;font-family:'Plus Jakarta Sans',sans-serif}
.btn-primary{background:var(--teal);color:#00271f}.btn-primary:hover{background:#00ddb0;transform:translateY(-2px)}
.btn-outline{background:transparent;color:var(--text);border:1.5px solid var(--border2)}.btn-outline:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-2px)}
.btn-sm{padding:9px 18px;font-size:13.5px}.btn svg{width:16px;height:16px;flex-shrink:0}
header{position:fixed;top:0;left:0;right:0;z-index:999;transition:all .3s}
header.scrolled{background:rgba(7,13,26,0.96);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
body.light header.scrolled{background:rgba(245,247,251,0.96)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--teal),#00a37f);display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;color:#003828;font-size:15px}
.logo-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:19px;color:var(--white)}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-link{font-size:14px;font-weight:500;color:var(--text2);padding:7px 14px;border-radius:8px;transition:all .2s}
.nav-link:hover{color:var(--white);background:rgba(255,255,255,0.05)}body.light .nav-link:hover{background:rgba(0,0,0,0.04);color:var(--white)}
.nav-link.active{color:var(--teal)}
.has-dropdown{position:relative}
.dropdown{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(-6px);background:var(--card);border:1px solid var(--border2);border-radius:var(--rxl);padding:10px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;box-shadow:0 24px 64px rgba(0,0,0,0.45);z-index:100}
.has-dropdown:hover .dropdown{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}
.dropdown::before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:12px;height:6px;background:var(--card);clip-path:polygon(50% 0%,0% 100%,100% 100%)}
.dd-p{min-width:460px;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.dd-r{min-width:260px;display:flex;flex-direction:column;gap:2px}
.dd-sec{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);padding:4px 12px 2px;grid-column:1/-1}
.dd-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:12px;transition:background .15s}
.dd-item:hover{background:rgba(255,255,255,0.06)}body.light .dd-item:hover{background:rgba(0,0,0,0.05)}
.dd-ico{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.dd-nm{font-size:13px;font-weight:600;color:var(--white);display:flex;align-items:center;gap:5px;margin-bottom:1px}
.dd-sb{font-size:11.5px;color:var(--text3)}
.dd-live{font-size:9px;font-weight:700;text-transform:uppercase;background:var(--teal-dim);color:var(--teal);border:1px solid rgba(0,201,160,0.2);padding:1px 5px;border-radius:5px}
.dd-soon{font-size:9px;font-weight:700;text-transform:uppercase;background:rgba(255,255,255,0.05);color:var(--text3);border:1px solid var(--border);padding:1px 5px;border-radius:5px}
.dd-sep{grid-column:1/-1;height:1px;background:var(--border);margin:4px 0}
.dd-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:5px 12px 2px;font-size:12px}
.dd-foot a{color:var(--teal);font-weight:600}.dd-foot span{color:var(--text3)}
.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.theme-toggle{width:42px;height:23px;border-radius:20px;border:1.5px solid var(--border2);background:var(--bg3);cursor:pointer;position:relative;display:flex;align-items:center}
.tt-knob{width:17px;height:17px;border-radius:50%;background:var(--teal);position:absolute;left:2px;transition:transform .3s;display:flex;align-items:center;justify-content:center;font-size:9px}
body.light .tt-knob{transform:translateX(19px)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.hamburger span{display:block;width:22px;height:2px;background:var(--text2);border-radius:2px;transition:all .3s}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mobile-nav{display:none;position:fixed;top:70px;left:0;right:0;background:var(--bg2);border-bottom:1px solid var(--border);padding:16px 24px;z-index:998;flex-direction:column;gap:2px}
.mobile-nav.open{display:flex}
.mobile-nav a{font-size:15px;font-weight:500;color:var(--text2);padding:10px 0;border-bottom:1px solid var(--border)}
.mobile-nav a:last-child{border-bottom:none}
.page-hero{padding:130px 0 56px;background:var(--bg2);position:relative;overflow:hidden;border-bottom:1px solid var(--border)}
.page-hero::before{content:'';position:absolute;top:-30%;left:50%;transform:translateX(-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(0,201,160,0.06) 0%,transparent 60%);pointer-events:none}
.page-hero-inner{position:relative;z-index:1}
.bc{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text3);margin-bottom:16px}
.bc a{color:var(--text3)}.bc a:hover{color:var(--teal)}
footer{background:var(--bg2);border-top:1px solid var(--border);padding:56px 0 28px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:36px;margin-bottom:40px}
.footer-brand .logo{margin-bottom:12px}
.footer-brand p{font-size:13px;color:var(--text2);line-height:1.7;max-width:210px;margin-bottom:14px}
.footer-social{display:flex;gap:8px}
.s-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border2);background:transparent;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:all .2s;color:var(--text3)}
.s-btn:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-dim)}
.footer-col h5{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:12px;color:var(--white);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.f-links{display:flex;flex-direction:column;gap:8px}
.f-links a{font-size:13px;color:var(--text2);transition:color .2s}.f-links a:hover{color:var(--teal)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--border);font-size:12.5px;color:var(--text3);gap:16px;flex-wrap:wrap}
.footer-bottom a{color:var(--text2)}.footer-bottom a:hover{color:var(--teal)}
@media(max-width:980px){.nav-links{display:none}.hamburger{display:flex}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}}
@media(max-width:768px){section{padding:52px 0}.wrap{padding:0 18px}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;text-align:center}}
@media(max-width:480px){.wrap{padding:0 16px}.footer-grid{grid-template-columns:1fr}.nav-right .btn{display:none}}

.themes-coming{background:var(--card);border:1px solid var(--border2);border-radius:var(--rxl);padding:56px;text-align:center;position:relative;overflow:hidden;max-width:740px;margin:0 auto}
.themes-coming::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(246,166,35,0.07) 0%,transparent 65%);pointer-events:none}
.theme-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}
.tp-card{background:var(--card);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden;transition:border-color .25s}
.tp-card:hover{border-color:var(--border2)}
.tp-thumb{height:180px;display:flex;align-items:center;justify-content:center;font-size:48px;position:relative}
.tp-blur{position:absolute;inset:0;backdrop-filter:blur(2px);background:rgba(7,13,26,0.3);display:flex;align-items:center;justify-content:center}
.tp-body{padding:18px}
.tp-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1rem;color:var(--white);margin-bottom:4px}
.tp-desc{font-size:13px;color:var(--text2);margin-bottom:12px}
@media(max-width:768px){.theme-preview-grid{grid-template-columns:1fr}}

.aff-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.ahs-item{background:var(--card);border:1px solid var(--border2);border-radius:var(--rl);padding:24px;text-align:center}
.ahs-num{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:2.4rem;color:var(--teal);letter-spacing:-0.04em}
.ahs-label{font-size:13px;color:var(--text3);margin-top:4px}
.how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:40px;background:var(--card);border:1px solid var(--border);border-radius:var(--rxl);overflow:hidden}
.hs-item{padding:32px 24px;border-right:1px solid var(--border);position:relative}
.hs-item:last-child{border-right:none}
.hs-num{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:2.5rem;color:var(--bg3);line-height:1;margin-bottom:12px}
.hs-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:.95rem;color:var(--white);margin-bottom:6px}
.hs-desc{font-size:13px;color:var(--text2);line-height:1.6}
.commission-table{width:100%;border-collapse:collapse;margin-top:24px}
.commission-table th{background:var(--bg3);padding:12px 16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);text-align:left;border-bottom:1px solid var(--border)}
.commission-table td{padding:14px 16px;font-size:14px;color:var(--text2);border-bottom:1px solid var(--border)}
.commission-table tr:last-child td{border-bottom:none}
.commission-table tr:hover td{background:var(--bg3)}
.commission-table .highlight{color:var(--teal);font-weight:700}
.aff-form{background:var(--card);border:1px solid var(--border2);border-radius:var(--rxl);padding:40px;max-width:600px;margin:0 auto}
@media(max-width:768px){.how-steps{grid-template-columns:1fr 1fr}.hs-item:nth-child(2){border-right:none}.hs-item:nth-child(3){border-right:1px solid var(--border)}.aff-hero-stats{grid-template-columns:1fr}}

.contact-layout{display:grid;grid-template-columns:1fr 400px;gap:48px;align-items:start}
.contact-form{background:var(--card);border:1px solid var(--border2);border-radius:var(--rxl);padding:40px;position:relative;overflow:hidden}
.contact-form::before{content:'';position:absolute;top:-1px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--amber))}
.cf-group{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}
.cf-label{font-size:13px;font-weight:600;color:var(--text2)}
.cf-input,.cf-select,.cf-textarea{background:var(--bg3);border:1.5px solid var(--border2);border-radius:var(--r);padding:12px 14px;font-size:14px;color:var(--text);font-family:'Plus Jakarta Sans',sans-serif;outline:none;width:100%;transition:border-color .2s}
.cf-input:focus,.cf-select:focus,.cf-textarea:focus{border-color:var(--teal)}
.cf-input::placeholder,.cf-textarea::placeholder{color:var(--text3)}
.cf-textarea{resize:vertical;min-height:120px}
.cf-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234e5d78' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cf-submit{width:100%;background:var(--teal);border:none;color:#00271f;border-radius:var(--r);padding:14px;font-weight:700;font-size:15px;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;transition:all .25s;margin-top:6px}
.cf-submit:hover{background:#00ddb0;transform:translateY(-2px)}
.contact-info{display:flex;flex-direction:column;gap:16px}
.ci-card{background:var(--card);border:1px solid var(--border);border-radius:var(--rl);padding:24px}
.ci-item{display:flex;align-items:flex-start;gap:14px;padding:12px 0;border-bottom:1px solid var(--border)}
.ci-item:last-child{border-bottom:none}
.ci-icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.ci-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);margin-bottom:3px}
.ci-val{font-size:14px;font-weight:600;color:var(--white)}
.ci-sub{font-size:12.5px;color:var(--text3);margin-top:1px}
@media(max-width:980px){.contact-layout{grid-template-columns:1fr}}
@media(max-width:580px){.cf-row{grid-template-columns:1fr}}

/* ══ TOKENS ══ */
:root{
  --bg:#070d1a;--bg2:#0d1628;--bg3:#111e35;
  --card:#0f1c32;--card2:#152240;
  --border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.13);
  --teal:#00c9a0;--teal-dim:rgba(0,201,160,0.11);
  --amber:#f6a623;--amber-dim:rgba(246,166,35,0.10);
  --purple:#7c6aff;--purple-dim:rgba(124,106,255,0.10);
  --rose:#ff5e7e;--rose-dim:rgba(255,94,126,0.08);
  --green:#27c840;--green-dim:rgba(39,200,64,0.10);
  --text:#e8edf5;--text2:#8a97b0;--text3:#4e5d78;
  --white:#ffffff;--r:12px;--rl:20px;--rxl:28px;
}
body.light{
  --bg:#f5f7fb;--bg2:#eef1f8;--bg3:#e4e8f2;
  --card:#ffffff;--card2:#f8faff;
  --border:rgba(0,0,0,0.08);--border2:rgba(0,0,0,0.14);
  --text:#1a2340;--text2:#4a5672;--text3:#8a97b5;--white:#0d1226;
  --teal-dim:rgba(0,201,160,0.09);--amber-dim:rgba(246,166,35,0.09);
  --purple-dim:rgba(124,106,255,0.08);--rose-dim:rgba(255,94,126,0.07);
  --green-dim:rgba(39,200,64,0.09);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;line-height:1.7;color:var(--text);background:var(--bg);overflow-x:hidden;transition:background .3s,color .3s}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none}

/* ══ TYPE ══ */
.bg-font{font-family:'Bricolage Grotesque',sans-serif}
.h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;line-height:1.1;letter-spacing:-0.03em;font-size:clamp(2rem,4vw,3.2rem)}
.h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;line-height:1.2;letter-spacing:-0.025em;font-size:clamp(1.5rem,3vw,2.2rem)}
.h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:-0.01em;color:var(--white)}
.overline{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.lead{font-size:1.05rem;color:var(--text2);line-height:1.8}

/* ══ LAYOUT ══ */
.wrap{width:100%;max-width:1140px;margin:0 auto;padding:0 24px}
.wrap-narrow{width:100%;max-width:780px;margin:0 auto;padding:0 24px}
section{padding:72px 0}

/* ══ BTNS ══ */
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--r);font-weight:600;font-size:14.5px;cursor:pointer;transition:all .22s;border:none;font-family:'Plus Jakarta Sans',sans-serif}
.btn-primary{background:var(--teal);color:#00271f}
.btn-primary:hover{background:#00ddb0;transform:translateY(-2px)}
.btn-outline{background:transparent;color:var(--text);border:1.5px solid var(--border2)}
.btn-outline:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-2px)}
.btn-sm{padding:9px 18px;font-size:13.5px}
.btn svg{width:16px;height:16px;flex-shrink:0}

/* ══ HEADER ══ */
header{position:fixed;top:0;left:0;right:0;z-index:999;transition:all .3s}
header.scrolled{background:rgba(7,13,26,0.96);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
body.light header.scrolled{background:rgba(245,247,251,0.96)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--teal),#00a37f);display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;color:#003828;font-size:15px}
.logo-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:19px;color:var(--white)}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-link{font-size:14px;font-weight:500;color:var(--text2);padding:7px 14px;border-radius:8px;transition:all .2s}
.nav-link:hover{color:var(--white);background:rgba(255,255,255,0.05)}
.nav-link.active{color:var(--teal)}

/* Products mega dropdown */
.has-dropdown{position:relative}
.dropdown{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(-6px);background:var(--card);border:1px solid var(--border2);border-radius:var(--rxl);padding:10px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;box-shadow:0 24px 64px rgba(0,0,0,0.45);z-index:100}
.has-dropdown:hover .dropdown{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}
.dropdown::before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:12px;height:6px;background:var(--card);clip-path:polygon(50% 0%,0% 100%,100% 100%)}
.dd-products{min-width:480px;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.dd-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);padding:4px 12px 2px;grid-column:1/-1}
.dd-item{display:flex;align-items:flex-start;gap:12px;padding:10px 14px;border-radius:12px;transition:background .15s}
.dd-item:hover{background:rgba(255,255,255,0.06)}
body.light .dd-item:hover{background:rgba(0,0,0,0.05)}
.dd-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
.dd-name{font-size:13px;font-weight:600;color:var(--white);display:flex;align-items:center;gap:5px;margin-bottom:1px}
.dd-sub{font-size:11.5px;color:var(--text3)}
.dd-live{font-size:9px;font-weight:700;text-transform:uppercase;background:var(--teal-dim);color:var(--teal);border:1px solid rgba(0,201,160,0.2);padding:1px 5px;border-radius:5px}
.dd-soon{font-size:9px;font-weight:700;text-transform:uppercase;background:rgba(255,255,255,0.05);color:var(--text3);border:1px solid var(--border);padding:1px 5px;border-radius:5px}
.dd-sep{grid-column:1/-1;height:1px;background:var(--border);margin:4px 0}
.dd-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:6px 12px 2px;font-size:12px}
.dd-footer a{color:var(--teal);font-weight:600}
.dd-footer span{color:var(--text3)}
.dd-resources{min-width:280px;display:flex;flex-direction:column;gap:2px}
.dd-res-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;transition:background .15s}
.dd-res-item:hover{background:rgba(255,255,255,0.06)}
body.light .dd-res-item:hover{background:rgba(0,0,0,0.05)}
.dd-res-icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.dd-res-name{font-size:13px;font-weight:600;color:var(--white);margin-bottom:1px}
.dd-res-sub{font-size:11.5px;color:var(--text3)}

.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.theme-toggle{width:42px;height:23px;border-radius:20px;border:1.5px solid var(--border2);background:var(--bg3);cursor:pointer;position:relative;display:flex;align-items:center}
.tt-knob{width:17px;height:17px;border-radius:50%;background:var(--teal);position:absolute;left:2px;transition:transform .3s;display:flex;align-items:center;justify-content:center;font-size:9px}
body.light .tt-knob{transform:translateX(19px)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.hamburger span{display:block;width:22px;height:2px;background:var(--text2);border-radius:2px;transition:all .3s}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mobile-nav{display:none;position:fixed;top:70px;left:0;right:0;background:var(--bg2);border-bottom:1px solid var(--border);padding:16px 24px;z-index:998;flex-direction:column;gap:2px}
.mobile-nav.open{display:flex}
.mobile-nav a{font-size:15px;font-weight:500;color:var(--text2);padding:10px 0;border-bottom:1px solid var(--border)}
.mobile-nav a:last-child{border-bottom:none}

/* ══ HERO ══ */
#hero{padding:140px 0 60px;background:var(--bg2);position:relative;overflow:hidden}
#hero::before{content:'';position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:800px;height:600px;background:radial-gradient(ellipse,rgba(0,201,160,0.07) 0%,transparent 60%);pointer-events:none}
.hero-inner{text-align:center;position:relative;z-index:1}
.hero-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border2);background:rgba(255,255,255,0.03);border-radius:20px;padding:5px 14px;font-size:12px;font-weight:500;color:var(--text2);margin-bottom:20px}
.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0;box-shadow:0 0 0 3px rgba(39,200,64,0.2)}
.hero-inner h1{color:var(--white);margin-bottom:14px}
.hero-inner p{font-size:1.05rem;color:var(--text2);max-width:520px;margin:0 auto 36px;line-height:1.8}

/* Search bar */
.search-bar{display:flex;align-items:center;gap:0;background:var(--card);border:1.5px solid var(--border2);border-radius:var(--r);max-width:540px;margin:0 auto 48px;transition:border-color .2s;overflow:hidden}
.search-bar:focus-within{border-color:var(--teal)}
.search-icon{padding:0 16px;color:var(--text3);flex-shrink:0}
.search-icon svg{width:18px;height:18px}
.search-bar input{flex:1;background:transparent;border:none;outline:none;padding:14px 0;font-size:15px;color:var(--text);font-family:'Plus Jakarta Sans',sans-serif}
.search-bar input::placeholder{color:var(--text3)}
.search-bar button{background:var(--teal);border:none;color:#00271f;padding:14px 20px;font-weight:700;font-size:14px;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;transition:background .2s;white-space:nowrap}
.search-bar button:hover{background:#00ddb0}

/* Quick links */
.quick-links{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.ql-label{font-size:12.5px;color:var(--text3);font-weight:500}
.ql-tag{font-size:12.5px;font-weight:500;color:var(--text2);background:var(--bg3);border:1px solid var(--border);padding:4px 12px;border-radius:20px;transition:all .2s;cursor:pointer}
.ql-tag:hover{border-color:var(--teal);color:var(--teal)}

/* ══ STATUS BAR ══ */
#status-bar{background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:0}
.status-inner{display:flex;align-items:center;justify-content:space-between;height:52px;gap:24px;flex-wrap:wrap}
.status-indicator{display:flex;align-items:center;gap:10px}
.si-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(39,200,64,0.15)}
.si-text{font-size:13.5px;font-weight:600;color:var(--white)}
.si-sub{font-size:12.5px;color:var(--text3);margin-left:4px}
.status-services{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.ss-item{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text3)}
.ss-dot{width:6px;height:6px;border-radius:50%}
.ss-dot.ok{background:var(--green)}
.ss-dot.warn{background:var(--amber)}
.status-link{font-size:12.5px;color:var(--teal);font-weight:600}

/* ══ TOPIC CARDS ══ */
#topics{background:var(--bg)}
.topics-header{text-align:center;margin-bottom:48px}
.topics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.topic-card{background:var(--card);border:1px solid var(--border);border-radius:var(--rl);padding:28px;cursor:pointer;transition:all .25s;position:relative;overflow:hidden}
.topic-card:hover{border-color:var(--border2);transform:translateY(-3px)}
.topic-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px}
.tc-teal::before{background:var(--teal)}
.tc-amber::before{background:var(--amber)}
.tc-purple::before{background:var(--purple)}
.tc-rose::before{background:var(--rose)}
.tc-green::before{background:var(--green)}
.tc-blue::before{background:#60a5fa}
.topic-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px}
.topic-card h3{margin-bottom:6px}
.topic-card p{font-size:13.5px;color:var(--text2);line-height:1.65;margin-bottom:16px}
.topic-count{font-size:12px;color:var(--text3);font-weight:500}
.topic-arrow{position:absolute;bottom:24px;right:24px;color:var(--text3);font-size:18px;transition:transform .2s,color .2s}
.topic-card:hover .topic-arrow{transform:translate(3px,-3px);color:var(--teal)}

/* ══ POPULAR ARTICLES ══ */
#articles{background:var(--bg2)}
.art-layout{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start}
.art-list{display:flex;flex-direction:column;gap:12px}
.art-item{display:flex;align-items:flex-start;gap:16px;background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:20px;transition:border-color .2s,transform .2s;cursor:pointer}
.art-item:hover{border-color:var(--border2);transform:translateX(4px)}
.art-item-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.art-body{flex:1}
.art-cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--teal);margin-bottom:4px}
.art-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:.95rem;color:var(--white);margin-bottom:4px;line-height:1.35}
.art-item:hover .art-title{color:var(--teal)}
.art-meta{font-size:12px;color:var(--text3)}
.art-arrow{color:var(--text3);font-size:16px;flex-shrink:0;margin-top:4px;transition:color .2s,transform .2s}
.art-item:hover .art-arrow{color:var(--teal);transform:translateX(3px)}

/* Sidebar */
.art-sidebar{display:flex;flex-direction:column;gap:16px}
.sidebar-card{background:var(--card);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden}
.sc-header{background:var(--bg3);padding:14px 20px;border-bottom:1px solid var(--border)}
.sc-header h4{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:.95rem;color:var(--white)}
.sc-body{padding:16px 20px}
/* Product selector */
.prod-select{display:flex;flex-direction:column;gap:6px}
.ps-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:1.5px solid var(--border);transition:all .2s;cursor:pointer}
.ps-item:hover,.ps-item.active{border-color:var(--teal);background:var(--teal-dim)}
.ps-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.ps-name{font-size:13px;font-weight:600;color:var(--white)}
.ps-ver{font-size:11px;color:var(--text3)}
/* Response time */
.resp-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}
.resp-item:last-child{border-bottom:none}
.resp-plan{font-size:13px;font-weight:600;color:var(--white)}
.resp-time{font-size:12.5px;color:var(--text2)}
.resp-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px;text-align:center}
.rb-fast{background:var(--green-dim);color:var(--green)}
.rb-standard{background:var(--teal-dim);color:var(--teal)}
/* Community links */
.comm-link{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);font-size:13.5px;color:var(--text2);transition:color .2s}
.comm-link:last-child{border-bottom:none}
.comm-link:hover{color:var(--teal)}
.comm-link svg{width:16px;height:16px;flex-shrink:0;color:var(--text3)}

/* ══ TICKET FORM ══ */
#ticket{background:var(--bg)}
.ticket-layout{display:grid;grid-template-columns:1fr 380px;gap:48px;align-items:start}
.ticket-form-box{background:var(--card);border:1px solid var(--border2);border-radius:var(--rxl);padding:40px;position:relative;overflow:hidden}
.ticket-form-box::before{content:'';position:absolute;top:-1px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--amber))}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}
.form-group:last-of-type{margin-bottom:0}
.form-label{font-size:13px;font-weight:600;color:var(--text2);display:flex;align-items:center;gap:4px}
.form-label .req{color:var(--rose);margin-left:1px}
.form-input,.form-select,.form-textarea{background:var(--bg3);border:1.5px solid var(--border2);border-radius:var(--r);padding:12px 14px;font-size:14px;color:var(--text);font-family:'Plus Jakarta Sans',sans-serif;transition:border-color .2s;outline:none;width:100%}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--teal);background:var(--bg3)}
.form-input::placeholder,.form-textarea::placeholder{color:var(--text3)}
.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234e5d78' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}
.form-select option{background:var(--bg3)}
.form-textarea{resize:vertical;min-height:140px;line-height:1.6}
.file-drop{border:2px dashed var(--border2);border-radius:var(--r);padding:28px;text-align:center;cursor:pointer;transition:all .2s;margin-bottom:18px}
.file-drop:hover{border-color:var(--teal);background:var(--teal-dim)}
.file-drop-icon{font-size:28px;margin-bottom:8px}
.file-drop p{font-size:13.5px;color:var(--text2)}
.file-drop small{font-size:12px;color:var(--text3)}
.form-check{display:flex;align-items:flex-start;gap:10px;margin-bottom:24px}
.form-check input{margin-top:3px;accent-color:var(--teal);width:16px;height:16px;flex-shrink:0}
.form-check label{font-size:13.5px;color:var(--text2);line-height:1.5}
.form-check a{color:var(--teal)}
.form-submit{width:100%;background:var(--teal);color:#00271f;border:none;border-radius:var(--r);padding:15px;font-weight:700;font-size:15px;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:8px}
.form-submit:hover{background:#00ddb0;transform:translateY(-2px)}
.form-note{font-size:12.5px;color:var(--text3);text-align:center;margin-top:10px}

/* Ticket sidebar */
.ticket-sidebar{display:flex;flex-direction:column;gap:16px}
.ts-card{background:var(--card);border:1px solid var(--border);border-radius:var(--rl);padding:24px}
.ts-card h4{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1rem;color:var(--white);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.tips-list{display:flex;flex-direction:column;gap:10px}
.tip-item{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--text2);line-height:1.55}
.tip-num{width:20px;height:20px;border-radius:50%;background:var(--teal-dim);border:1px solid rgba(0,201,160,0.25);color:var(--teal);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.lookup-box{display:flex;flex-direction:column;gap:10px}
.lookup-input{background:var(--bg3);border:1.5px solid var(--border2);border-radius:var(--r);padding:11px 14px;font-size:14px;color:var(--text);font-family:'Plus Jakarta Sans',sans-serif;outline:none;width:100%;transition:border-color .2s}
.lookup-input:focus{border-color:var(--teal)}
.lookup-input::placeholder{color:var(--text3)}
.lookup-btn{width:100%;background:var(--bg3);border:1.5px solid var(--border2);color:var(--text2);border-radius:var(--r);padding:11px;font-weight:600;font-size:14px;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;transition:all .2s}
.lookup-btn:hover{border-color:var(--teal);color:var(--teal)}
.contact-methods{display:flex;flex-direction:column;gap:8px}
.cm-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg3);border-radius:10px}
.cm-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.cm-name{font-size:13px;font-weight:600;color:var(--white)}
.cm-sub{font-size:12px;color:var(--text3)}

/* ══ FAQ ══ */
#faq{background:var(--bg2)}
.faq-layout{display:grid;grid-template-columns:260px 1fr;gap:48px;align-items:start}
.faq-sidebar{position:sticky;top:90px}
.faq-tabs{display:flex;flex-direction:column;gap:4px}
.faq-tab{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;font-size:14px;font-weight:500;color:var(--text2);cursor:pointer;transition:all .2s}
.faq-tab:hover{background:var(--card);color:var(--white)}
.faq-tab.active{background:var(--card);color:var(--teal);font-weight:600}
.faq-tab-count{font-size:11px;background:var(--bg3);color:var(--text3);padding:1px 7px;border-radius:10px}
.faq-content{display:flex;flex-direction:column;gap:0}
.faq-group{display:none}
.faq-group.active{display:block}
.faq-group-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1rem;color:var(--white);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border)}
.faq-item{border-bottom:1px solid var(--border)}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;background:transparent;border:none;cursor:pointer;text-align:left;font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:.95rem;color:var(--white)}
.faq-q:hover{color:var(--teal)}
.faq-chevron{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--border2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .25s;font-size:12px;color:var(--text3)}
.faq-item.open .faq-chevron{background:var(--teal-dim);border-color:var(--teal);color:var(--teal);transform:rotate(180deg)}
.faq-a{font-size:14px;color:var(--text2);line-height:1.75;padding-bottom:18px;display:none}
.faq-a code{font-family:'JetBrains Mono',monospace;font-size:12.5px;background:var(--bg3);border:1px solid var(--border2);color:var(--teal);padding:2px 7px;border-radius:5px}
.faq-item.open .faq-a{display:block}

/* ══ FOOTER ══ */
footer{background:var(--bg2);border-top:1px solid var(--border);padding:56px 0 28px}
.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr 1fr;gap:36px;margin-bottom:44px}
.footer-brand .logo{margin-bottom:12px}
.footer-brand p{font-size:13.5px;color:var(--text2);line-height:1.7;max-width:210px;margin-bottom:16px}
.footer-social{display:flex;gap:8px}
.social-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border2);background:transparent;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:all .2s;color:var(--text3)}
.social-btn:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-dim)}
.footer-col h5{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:12px;color:var(--white);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.footer-links{display:flex;flex-direction:column;gap:8px}
.footer-links a{font-size:13px;color:var(--text2);transition:color .2s}
.footer-links a:hover{color:var(--teal)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--border);font-size:12.5px;color:var(--text3);gap:16px;flex-wrap:wrap}
.footer-bottom a{color:var(--text2)}
.footer-bottom a:hover{color:var(--teal)}

/* ══ RESPONSIVE ══ */
@media(max-width:980px){
  .topics-grid{grid-template-columns:1fr 1fr}
  .art-layout{grid-template-columns:1fr}
  .art-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .ticket-layout{grid-template-columns:1fr}
  .ticket-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .faq-layout{grid-template-columns:1fr}
  .faq-sidebar{position:static}
  .faq-tabs{flex-direction:row;flex-wrap:wrap;gap:6px}
  .footer-top{grid-template-columns:1fr 1fr 1fr;gap:24px}
  .footer-brand{grid-column:1/-1}
  .nav-links{display:none}
  .hamburger{display:flex}
}
@media(max-width:768px){
  section{padding:56px 0}
  .wrap{padding:0 18px}
  .h1{font-size:1.8rem}
  .h2{font-size:1.4rem}
  .topics-grid{grid-template-columns:1fr}
  .art-sidebar{grid-template-columns:1fr}
  .ticket-sidebar{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:auto}
  .status-inner{height:auto;padding:12px 0;gap:12px}
  #hero{padding:120px 0 48px}
  .search-bar{max-width:100%}
}
@media(max-width:480px){
  .wrap{padding:0 16px}
  .topics-grid{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;text-align:center}
  .ticket-form-box{padding:24px 20px}
  .nav-right .btn{display:none}
}

.blog-cats{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:40px}
.cat-btn{font-size:13px;font-weight:600;padding:6px 16px;border-radius:20px;border:1.5px solid var(--border2);background:transparent;color:var(--text2);cursor:pointer;transition:all .2s;font-family:'Plus Jakarta Sans',sans-serif}
.cat-btn:hover,.cat-btn.active{background:var(--teal);border-color:var(--teal);color:#00271f}
.blog-layout{display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:start}
/* Featured */
.blog-featured{background:var(--card);border:1px solid var(--border2);border-radius:var(--rxl);overflow:hidden;margin-bottom:40px;display:grid;grid-template-columns:1fr 1fr;transition:border-color .25s}
.blog-featured:hover{border-color:var(--teal)}
.bf-thumb{background:linear-gradient(135deg,#0f1c32 0%,#152240 100%);display:flex;align-items:center;justify-content:center;font-size:72px;min-height:280px;position:relative}
.bf-thumb::after{content:'Featured';position:absolute;top:16px;left:16px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:var(--teal);color:#00271f;padding:3px 10px;border-radius:6px}
.bf-body{padding:36px}
.bf-cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--teal);margin-bottom:10px}
.bf-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.5rem;color:var(--white);line-height:1.25;margin-bottom:12px;letter-spacing:-0.02em}
.blog-featured:hover .bf-title{color:var(--teal)}
.bf-excerpt{font-size:14px;color:var(--text2);line-height:1.7;margin-bottom:20px}
.bf-meta{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--text3)}
.bf-author{display:flex;align-items:center;gap:8px}
.bf-av{width:28px;height:28px;border-radius:50%;background:var(--teal-dim);display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:11px;color:var(--teal)}
/* Grid */
.blog-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.blog-card{background:var(--card);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden;transition:border-color .25s,transform .25s;cursor:pointer}
.blog-card:hover{border-color:var(--border2);transform:translateY(-3px)}
.bc-thumb{height:140px;display:flex;align-items:center;justify-content:center;font-size:40px;background:var(--bg3);position:relative}
.bc-body{padding:18px}
.bc-cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--teal);margin-bottom:6px}
.bc-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:.95rem;color:var(--white);line-height:1.35;margin-bottom:8px;letter-spacing:-0.01em}
.blog-card:hover .bc-title{color:var(--teal)}
.bc-excerpt{font-size:13px;color:var(--text2);line-height:1.6;margin-bottom:12px}
.bc-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text3)}
.bc-read{color:var(--teal);font-weight:600;font-size:12px}
/* Sidebar */
.blog-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:90px}
.sb-card{background:var(--card);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden}
.sb-hdr{background:var(--bg3);padding:12px 18px;border-bottom:1px solid var(--border);font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:.9rem;color:var(--white)}
.sb-body{padding:16px 18px}
.pop-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}
.pop-item:last-child{border-bottom:none}
.pop-num{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.4rem;color:var(--bg3);line-height:1;flex-shrink:0;width:28px}
.pop-title{font-size:13px;font-weight:600;color:var(--white);line-height:1.4;margin-bottom:3px}
.pop-item:hover .pop-title{color:var(--teal)}
.pop-cat{font-size:11px;color:var(--text3)}
.tag-cloud{display:flex;flex-wrap:wrap;gap:6px}
.tag{font-size:12px;font-weight:500;color:var(--text2);background:var(--bg3);border:1px solid var(--border);padding:4px 11px;border-radius:16px;transition:all .2s;cursor:pointer}
.tag:hover{border-color:var(--teal);color:var(--teal)}
.nl-input{display:flex;gap:8px;margin-bottom:10px}
.nl-input input{flex:1;background:var(--bg3);border:1.5px solid var(--border2);border-radius:var(--r);padding:10px 12px;font-size:13.5px;color:var(--text);font-family:'Plus Jakarta Sans',sans-serif;outline:none;transition:border-color .2s}
.nl-input input:focus{border-color:var(--teal)}
.nl-input input::placeholder{color:var(--text3)}
.nl-btn{background:var(--teal);border:none;color:#00271f;padding:10px 14px;border-radius:var(--r);font-weight:700;font-size:13px;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;transition:background .2s}
.nl-btn:hover{background:#00ddb0}
.nl-note{font-size:12px;color:var(--text3)}
/* Pagination */
.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:40px}
.pg-btn{width:36px;height:36px;border-radius:var(--r);border:1.5px solid var(--border2);background:transparent;color:var(--text2);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:'Plus Jakarta Sans',sans-serif;font-weight:600}
.pg-btn:hover{border-color:var(--teal);color:var(--teal)}
.pg-btn.active{background:var(--teal);border-color:var(--teal);color:#00271f}
@media(max-width:980px){.blog-layout{grid-template-columns:1fr}.blog-sidebar{position:static}.blog-featured{grid-template-columns:1fr}.bf-thumb{min-height:180px;font-size:52px}}
@media(max-width:680px){.blog-grid{grid-template-columns:1fr}}

.about-hero-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:80px 0}
.story-timeline{position:relative;padding-left:28px;border-left:2px solid var(--border2)}
.tl-item{position:relative;margin-bottom:32px}
.tl-item::before{content:'';position:absolute;left:-35px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--teal);border:2px solid var(--bg2)}
.tl-date{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--teal);margin-bottom:4px}
.tl-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1rem;color:var(--white);margin-bottom:4px}
.tl-desc{font-size:13.5px;color:var(--text2);line-height:1.65}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.val-card{background:var(--card);border:1px solid var(--border);border-radius:var(--rl);padding:28px;transition:border-color .2s}
.val-card:hover{border-color:var(--border2)}
.val-icon{font-size:28px;margin-bottom:14px}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tm-card{background:var(--card);border:1px solid var(--border);border-radius:var(--rl);padding:24px;text-align:center;transition:border-color .2s}
.tm-card:hover{border-color:var(--border2)}
.tm-av{width:64px;height:64px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:22px}
.tm-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1rem;color:var(--white);margin-bottom:3px}
.tm-role{font-size:13px;color:var(--text3)}
.tm-links{display:flex;gap:8px;justify-content:center;margin-top:12px}
.tm-link{width:28px;height:28px;border-radius:7px;border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text3);transition:all .2s}
.tm-link:hover{border-color:var(--teal);color:var(--teal)}
.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--card);border:1px solid var(--border);border-radius:var(--rxl);overflow:hidden}
.ss-item{padding:32px;text-align:center;border-right:1px solid var(--border)}
.ss-item:last-child{border-right:none}
.ss-num{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:2.2rem;color:var(--white);letter-spacing:-0.04em}
.ss-num .ac{color:var(--teal)}
.ss-label{font-size:13px;color:var(--text3);margin-top:4px}
.join-box{background:var(--card2);border:1px solid var(--border2);border-radius:var(--rxl);padding:56px;text-align:center;position:relative;overflow:hidden}
.join-box::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:300px;background:radial-gradient(ellipse,rgba(0,201,160,0.08) 0%,transparent 65%);pointer-events:none}
@media(max-width:980px){.about-hero-split{grid-template-columns:1fr;gap:40px;padding:56px 0}.values-grid{grid-template-columns:1fr 1fr}.team-grid{grid-template-columns:1fr 1fr}.stat-strip{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.values-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr 1fr}}

:root{--bg:#070d1a;--bg2:#0d1628;--bg3:#111e35;--card:#0f1c32;--card2:#152240;--border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.13);--teal:#00c9a0;--teal-dim:rgba(0,201,160,0.11);--amber:#f6a623;--amber-dim:rgba(246,166,35,0.10);--purple:#7c6aff;--purple-dim:rgba(124,106,255,0.10);--rose:#ff5e7e;--rose-dim:rgba(255,94,126,0.08);--green:#27c840;--green-dim:rgba(39,200,64,0.10);--text:#e8edf5;--text2:#8a97b0;--text3:#4e5d78;--white:#ffffff;--r:12px;--rl:20px;--rxl:28px;}
body.light{--bg:#f5f7fb;--bg2:#eef1f8;--bg3:#e4e8f2;--card:#ffffff;--card2:#f8faff;--border:rgba(0,0,0,0.08);--border2:rgba(0,0,0,0.14);--text:#1a2340;--text2:#4a5672;--text3:#8a97b5;--white:#0d1226;--teal-dim:rgba(0,201,160,0.09);--amber-dim:rgba(246,166,35,0.09);--purple-dim:rgba(124,106,255,0.08);--rose-dim:rgba(255,94,126,0.07);--green-dim:rgba(39,200,64,0.09);}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;line-height:1.7;color:var(--text);background:var(--bg);overflow-x:hidden;transition:background .3s,color .3s}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul{list-style:none}
.h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;line-height:1.08;letter-spacing:-0.035em;font-size:clamp(2rem,4vw,3.2rem)}
.h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;line-height:1.15;letter-spacing:-0.025em;font-size:clamp(1.5rem,3vw,2.2rem)}
.h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:-0.01em}
.overline{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.lead{font-size:1.05rem;color:var(--text2);line-height:1.8}
.wrap{width:100%;max-width:1140px;margin:0 auto;padding:0 24px}
section{padding:72px 0}
.sec-tag{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.sec-tag::before{content:'';width:24px;height:2px;background:var(--teal);border-radius:2px;display:block}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--r);font-weight:600;font-size:14.5px;cursor:pointer;transition:all .22s;border:none;font-family:'Plus Jakarta Sans',sans-serif}
.btn-primary{background:var(--teal);color:#00271f}.btn-primary:hover{background:#00ddb0;transform:translateY(-2px)}
.btn-outline{background:transparent;color:var(--text);border:1.5px solid var(--border2)}.btn-outline:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-2px)}
.btn-sm{padding:9px 18px;font-size:13.5px}.btn svg{width:16px;height:16px;flex-shrink:0}
header{position:fixed;top:0;left:0;right:0;z-index:999;transition:all .3s}
header.scrolled{background:rgba(7,13,26,0.96);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
body.light header.scrolled{background:rgba(245,247,251,0.96)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--teal),#00a37f);display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;color:#003828;font-size:15px}
.logo-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:19px;color:var(--white)}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-link{font-size:14px;font-weight:500;color:var(--text2);padding:7px 14px;border-radius:8px;transition:all .2s}
.nav-link:hover{color:var(--white);background:rgba(255,255,255,0.05)}body.light .nav-link:hover{background:rgba(0,0,0,0.04);color:var(--white)}
.nav-link.active{color:var(--teal)}
.has-dropdown{position:relative}
.dropdown{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(-6px);background:var(--card);border:1px solid var(--border2);border-radius:var(--rxl);padding:10px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;box-shadow:0 24px 64px rgba(0,0,0,0.45);z-index:100}
.has-dropdown:hover .dropdown{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}
.dropdown::before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:12px;height:6px;background:var(--card);clip-path:polygon(50% 0%,0% 100%,100% 100%)}
.dd-p{min-width:460px;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.dd-r{min-width:260px;display:flex;flex-direction:column;gap:2px}
.dd-sec{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);padding:4px 12px 2px;grid-column:1/-1}
.dd-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:12px;transition:background .15s}
.dd-item:hover{background:rgba(255,255,255,0.06)}body.light .dd-item:hover{background:rgba(0,0,0,0.05)}
.dd-ico{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.dd-nm{font-size:13px;font-weight:600;color:var(--white);display:flex;align-items:center;gap:5px;margin-bottom:1px}
.dd-sb{font-size:11.5px;color:var(--text3)}
.dd-live{font-size:9px;font-weight:700;text-transform:uppercase;background:var(--teal-dim);color:var(--teal);border:1px solid rgba(0,201,160,0.2);padding:1px 5px;border-radius:5px}
.dd-soon{font-size:9px;font-weight:700;text-transform:uppercase;background:rgba(255,255,255,0.05);color:var(--text3);border:1px solid var(--border);padding:1px 5px;border-radius:5px}
.dd-sep{grid-column:1/-1;height:1px;background:var(--border);margin:4px 0}
.dd-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:5px 12px 2px;font-size:12px}
.dd-foot a{color:var(--teal);font-weight:600}.dd-foot span{color:var(--text3)}
.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.theme-toggle{width:42px;height:23px;border-radius:20px;border:1.5px solid var(--border2);background:var(--bg3);cursor:pointer;position:relative;display:flex;align-items:center}
.tt-knob{width:17px;height:17px;border-radius:50%;background:var(--teal);position:absolute;left:2px;transition:transform .3s;display:flex;align-items:center;justify-content:center;font-size:9px}
body.light .tt-knob{transform:translateX(19px)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.hamburger span{display:block;width:22px;height:2px;background:var(--text2);border-radius:2px;transition:all .3s}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mobile-nav{display:none;position:fixed;top:70px;left:0;right:0;background:var(--bg2);border-bottom:1px solid var(--border);padding:16px 24px;z-index:998;flex-direction:column;gap:2px}
.mobile-nav.open{display:flex}
.mobile-nav a{font-size:15px;font-weight:500;color:var(--text2);padding:10px 0;border-bottom:1px solid var(--border)}
.mobile-nav a:last-child{border-bottom:none}
.page-hero{padding:130px 0 56px;background:var(--bg2);position:relative;overflow:hidden;border-bottom:1px solid var(--border)}
.page-hero::before{content:'';position:absolute;top:-30%;left:50%;transform:translateX(-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(0,201,160,0.06) 0%,transparent 60%);pointer-events:none}
.page-hero-inner{position:relative;z-index:1}
.bc{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text3);margin-bottom:16px}
.bc a{color:var(--text3)}.bc a:hover{color:var(--teal)}
footer{background:var(--bg2);border-top:1px solid var(--border);padding:56px 0 28px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:36px;margin-bottom:40px}
.footer-brand .logo{margin-bottom:12px}
.footer-brand p{font-size:13px;color:var(--text2);line-height:1.7;max-width:210px;margin-bottom:14px}
.footer-social{display:flex;gap:8px}
.s-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border2);background:transparent;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:all .2s;color:var(--text3)}
.s-btn:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-dim)}
.footer-col h5{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:12px;color:var(--white);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.f-links{display:flex;flex-direction:column;gap:8px}
.f-links a{font-size:13px;color:var(--text2);transition:color .2s}.f-links a:hover{color:var(--teal)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--border);font-size:12.5px;color:var(--text3);gap:16px;flex-wrap:wrap}
.footer-bottom a{color:var(--text2)}.footer-bottom a:hover{color:var(--teal)}
@media(max-width:980px){.nav-links{display:none}.hamburger{display:flex}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}}
@media(max-width:768px){section{padding:52px 0}.wrap{padding:0 18px}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;text-align:center}}
@media(max-width:480px){.wrap{padding:0 16px}.footer-grid{grid-template-columns:1fr}.nav-right .btn{display:none}}

.docs-layout{display:grid;grid-template-columns:260px 1fr;gap:48px;align-items:start}
.docs-sidebar{position:sticky;top:90px}
.docs-nav-section{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text3);margin:20px 0 8px;padding:0 10px}
.docs-nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:14px;color:var(--text2);transition:all .2s;cursor:pointer}
.docs-nav-item:hover{background:var(--card);color:var(--white)}
.docs-nav-item.active{background:var(--teal-dim);color:var(--teal);font-weight:600}
.docs-nav-item .dni{width:18px;text-align:center;font-size:14px;flex-shrink:0}
.docs-search{width:100%;background:var(--card);border:1.5px solid var(--border2);border-radius:var(--r);padding:10px 14px;font-size:14px;color:var(--text);font-family:'Plus Jakarta Sans',sans-serif;outline:none;margin-bottom:16px;transition:border-color .2s}
.docs-search:focus{border-color:var(--teal)}
.docs-search::placeholder{color:var(--text3)}
.docs-content{}
.docs-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:48px}
.dc-card{background:var(--card);border:1px solid var(--border);border-radius:var(--rl);padding:24px;transition:border-color .25s,transform .2s;cursor:pointer}
.dc-card:hover{border-color:var(--teal);transform:translateY(-2px)}
.dc-icon{font-size:24px;margin-bottom:12px}
.dc-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1rem;color:var(--white);margin-bottom:6px}
.dc-desc{font-size:13px;color:var(--text2);line-height:1.6;margin-bottom:12px}
.dc-count{font-size:12px;color:var(--teal);font-weight:600}
.docs-articles{display:flex;flex-direction:column;gap:8px}
.da-item{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:16px 20px;transition:border-color .2s,transform .2s;cursor:pointer}
.da-item:hover{border-color:var(--border2);transform:translateX(4px)}
.da-cat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.da-title{font-size:14px;font-weight:600;color:var(--white);flex:1}
.da-item:hover .da-title{color:var(--teal)}
.da-cat{font-size:12px;color:var(--text3)}
.da-arrow{color:var(--text3);transition:color .2s,transform .2s}
.da-item:hover .da-arrow{color:var(--teal);transform:translateX(3px)}
@media(max-width:900px){.docs-layout{grid-template-columns:1fr}.docs-sidebar{position:static}}
@media(max-width:600px){.docs-cards{grid-template-columns:1fr}}

:root{--bg:#070d1a;--bg2:#0d1628;--bg3:#111e35;--card:#0f1c32;--card2:#152240;--border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.13);--teal:#00c9a0;--teal-dim:rgba(0,201,160,0.11);--amber:#f6a623;--amber-dim:rgba(246,166,35,0.10);--purple:#7c6aff;--purple-dim:rgba(124,106,255,0.10);--rose:#ff5e7e;--rose-dim:rgba(255,94,126,0.08);--green:#27c840;--green-dim:rgba(39,200,64,0.10);--text:#e8edf5;--text2:#8a97b0;--text3:#4e5d78;--white:#ffffff;--r:12px;--rl:20px;--rxl:28px;}
body.light{--bg:#f5f7fb;--bg2:#eef1f8;--bg3:#e4e8f2;--card:#ffffff;--card2:#f8faff;--border:rgba(0,0,0,0.08);--border2:rgba(0,0,0,0.14);--text:#1a2340;--text2:#4a5672;--text3:#8a97b5;--white:#0d1226;--teal-dim:rgba(0,201,160,0.09);--amber-dim:rgba(246,166,35,0.09);--purple-dim:rgba(124,106,255,0.08);--rose-dim:rgba(255,94,126,0.07);--green-dim:rgba(39,200,64,0.09);}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;line-height:1.7;color:var(--text);background:var(--bg);overflow-x:hidden;transition:background .3s,color .3s}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul{list-style:none}
.h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;line-height:1.08;letter-spacing:-0.035em;font-size:clamp(2rem,4vw,3.2rem)}
.h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;line-height:1.15;letter-spacing:-0.025em;font-size:clamp(1.5rem,3vw,2.2rem)}
.h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:-0.01em}
.overline{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.lead{font-size:1.05rem;color:var(--text2);line-height:1.8}
.wrap{width:100%;max-width:1140px;margin:0 auto;padding:0 24px}
section{padding:72px 0}
.sec-tag{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.sec-tag::before{content:'';width:24px;height:2px;background:var(--teal);border-radius:2px;display:block}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--r);font-weight:600;font-size:14.5px;cursor:pointer;transition:all .22s;border:none;font-family:'Plus Jakarta Sans',sans-serif}
.btn-primary{background:var(--teal);color:#00271f}.btn-primary:hover{background:#00ddb0;transform:translateY(-2px)}
.btn-outline{background:transparent;color:var(--text);border:1.5px solid var(--border2)}.btn-outline:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-2px)}
.btn-sm{padding:9px 18px;font-size:13.5px}.btn svg{width:16px;height:16px;flex-shrink:0}
header{position:fixed;top:0;left:0;right:0;z-index:999;transition:all .3s}
header.scrolled{background:rgba(7,13,26,0.96);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
body.light header.scrolled{background:rgba(245,247,251,0.96)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--teal),#00a37f);display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;color:#003828;font-size:15px}
.logo-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:19px;color:var(--white)}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-link{font-size:14px;font-weight:500;color:var(--text2);padding:7px 14px;border-radius:8px;transition:all .2s}
.nav-link:hover{color:var(--white);background:rgba(255,255,255,0.05)}body.light .nav-link:hover{background:rgba(0,0,0,0.04);color:var(--white)}
.nav-link.active{color:var(--teal)}
.has-dropdown{position:relative}
.dropdown{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(-6px);background:var(--card);border:1px solid var(--border2);border-radius:var(--rxl);padding:10px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;box-shadow:0 24px 64px rgba(0,0,0,0.45);z-index:100}
.has-dropdown:hover .dropdown{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}
.dropdown::before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:12px;height:6px;background:var(--card);clip-path:polygon(50% 0%,0% 100%,100% 100%)}
.dd-p{min-width:460px;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.dd-r{min-width:260px;display:flex;flex-direction:column;gap:2px}
.dd-sec{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);padding:4px 12px 2px;grid-column:1/-1}
.dd-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:12px;transition:background .15s}
.dd-item:hover{background:rgba(255,255,255,0.06)}body.light .dd-item:hover{background:rgba(0,0,0,0.05)}
.dd-ico{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.dd-nm{font-size:13px;font-weight:600;color:var(--white);display:flex;align-items:center;gap:5px;margin-bottom:1px}
.dd-sb{font-size:11.5px;color:var(--text3)}
.dd-live{font-size:9px;font-weight:700;text-transform:uppercase;background:var(--teal-dim);color:var(--teal);border:1px solid rgba(0,201,160,0.2);padding:1px 5px;border-radius:5px}
.dd-soon{font-size:9px;font-weight:700;text-transform:uppercase;background:rgba(255,255,255,0.05);color:var(--text3);border:1px solid var(--border);padding:1px 5px;border-radius:5px}
.dd-sep{grid-column:1/-1;height:1px;background:var(--border);margin:4px 0}
.dd-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:5px 12px 2px;font-size:12px}
.dd-foot a{color:var(--teal);font-weight:600}.dd-foot span{color:var(--text3)}
.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.theme-toggle{width:42px;height:23px;border-radius:20px;border:1.5px solid var(--border2);background:var(--bg3);cursor:pointer;position:relative;display:flex;align-items:center}
.tt-knob{width:17px;height:17px;border-radius:50%;background:var(--teal);position:absolute;left:2px;transition:transform .3s;display:flex;align-items:center;justify-content:center;font-size:9px}
body.light .tt-knob{transform:translateX(19px)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.hamburger span{display:block;width:22px;height:2px;background:var(--text2);border-radius:2px;transition:all .3s}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mobile-nav{display:none;position:fixed;top:70px;left:0;right:0;background:var(--bg2);border-bottom:1px solid var(--border);padding:16px 24px;z-index:998;flex-direction:column;gap:2px}
.mobile-nav.open{display:flex}
.mobile-nav a{font-size:15px;font-weight:500;color:var(--text2);padding:10px 0;border-bottom:1px solid var(--border)}
.mobile-nav a:last-child{border-bottom:none}
.page-hero{padding:130px 0 56px;background:var(--bg2);position:relative;overflow:hidden;border-bottom:1px solid var(--border)}
.page-hero::before{content:'';position:absolute;top:-30%;left:50%;transform:translateX(-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(0,201,160,0.06) 0%,transparent 60%);pointer-events:none}
.page-hero-inner{position:relative;z-index:1}
.bc{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text3);margin-bottom:16px}
.bc a{color:var(--text3)}.bc a:hover{color:var(--teal)}
footer{background:var(--bg2);border-top:1px solid var(--border);padding:56px 0 28px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:36px;margin-bottom:40px}
.footer-brand .logo{margin-bottom:12px}
.footer-brand p{font-size:13px;color:var(--text2);line-height:1.7;max-width:210px;margin-bottom:14px}
.footer-social{display:flex;gap:8px}
.s-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border2);background:transparent;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:all .2s;color:var(--text3)}
.s-btn:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-dim)}
.footer-col h5{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:12px;color:var(--white);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.f-links{display:flex;flex-direction:column;gap:8px}
.f-links a{font-size:13px;color:var(--text2);transition:color .2s}.f-links a:hover{color:var(--teal)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--border);font-size:12.5px;color:var(--text3);gap:16px;flex-wrap:wrap}
.footer-bottom a{color:var(--text2)}.footer-bottom a:hover{color:var(--teal)}
@media(max-width:980px){.nav-links{display:none}.hamburger{display:flex}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}}
@media(max-width:768px){section{padding:52px 0}.wrap{padding:0 18px}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;text-align:center}}
@media(max-width:480px){.wrap{padding:0 16px}.footer-grid{grid-template-columns:1fr}.nav-right .btn{display:none}}

.pl-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:40px}
.pl-btn{font-size:13px;font-weight:600;padding:6px 16px;border-radius:20px;border:1.5px solid var(--border2);background:transparent;color:var(--text2);cursor:pointer;transition:all .2s;font-family:'Plus Jakarta Sans',sans-serif}
.pl-btn.active,.pl-btn:hover{background:var(--teal);border-color:var(--teal);color:#00271f}
.pl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pl-card{background:var(--card);border:1px solid var(--border);border-radius:var(--rxl);overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s,transform .25s}
.pl-card:hover{border-color:var(--border2);transform:translateY(-4px)}
.pl-card-top{padding:32px 28px;flex:1}
.pl-card-hdr{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}
.pl-icon{width:54px;height:54px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}
.pl-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;border-radius:20px}
.pb-live{background:var(--teal-dim);color:var(--teal);border:1px solid rgba(0,201,160,0.2)}
.pb-soon{background:rgba(255,255,255,0.05);color:var(--text3);border:1px solid var(--border)}
.pb-dev{background:var(--amber-dim);color:var(--amber);border:1px solid rgba(246,166,35,0.15)}
.pl-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.25rem;color:var(--white);margin-bottom:6px;letter-spacing:-0.02em}
.pl-tagline{font-size:13px;color:var(--teal);font-weight:600;margin-bottom:10px}
.pl-desc{font-size:14px;color:var(--text2);line-height:1.7;margin-bottom:18px}
.pl-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:20px}
.pl-tag{font-size:11px;font-weight:500;color:var(--text3);background:var(--bg3);border:1px solid var(--border);padding:3px 9px;border-radius:6px}
.pl-progress{margin-top:4px}
.pl-prog-label{display:flex;justify-content:space-between;font-size:12px;color:var(--text3);margin-bottom:6px}
.pl-prog-track{height:4px;background:var(--border);border-radius:2px;overflow:hidden}
.pl-prog-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--teal),var(--amber))}
.pl-card-foot{padding:18px 28px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg3)}
.pl-price{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.15rem;color:var(--white)}
.pl-price span{font-size:.8rem;font-weight:400;color:var(--text3)}
.pl-notify{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--teal);cursor:pointer}
.compare-table{width:100%;border-collapse:collapse;margin-top:24px}
.compare-table th{background:var(--bg3);padding:12px 16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text3);text-align:left;border-bottom:1px solid var(--border)}
.compare-table td{padding:13px 16px;font-size:14px;color:var(--text2);border-bottom:1px solid var(--border);vertical-align:middle}
.compare-table tr:last-child td{border-bottom:none}
.compare-table tr:hover td{background:var(--bg3)}
.ct-check{color:var(--teal);font-weight:700}
.ct-cross{color:var(--text3)}
.ct-name{font-weight:600;color:var(--white)}
@media(max-width:900px){.pl-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pl-grid{grid-template-columns:1fr}}

:root {
  --bg:         #070d1a;
  --bg2:        #0d1628;
  --bg3:        #111e35;
  --card:       #0f1c32;
  --card2:      #152240;
  --border:     rgba(255,255,255,0.07);
  --border2:    rgba(255,255,255,0.12);
  --teal:       #00c9a0;
  --teal-dim:   rgba(0,201,160,0.12);
  --teal-glow:  rgba(0,201,160,0.25);
  --amber:      #f6a623;
  --amber-dim:  rgba(246,166,35,0.1);
  --rose:       #ff5e7e;
  --text:       #e8edf5;
  --text2:      #8a97b0;
  --text3:      #4e5d78;
  --white:      #ffffff;
  --radius:     12px;
  --radius-lg:  20px;
  --radius-xl:  28px;
}
body.light {
  --bg:         #f5f7fb;
  --bg2:        #eef1f8;
  --bg3:        #e4e8f2;
  --card:       #ffffff;
  --card2:      #f8faff;
  --border:     rgba(0,0,0,0.08);
  --border2:    rgba(0,0,0,0.14);
  --text:       #1a2340;
  --text2:      #4a5672;
  --text3:      #8a97b5;
  --white:      #0d1226;
  --teal-dim:   rgba(0,201,160,0.10);
  --amber-dim:  rgba(246,166,35,0.10);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;line-height:1.7;color:var(--text);background:var(--bg);overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none}

/* ── Typography ── */
.h-display{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;line-height:1.1;letter-spacing:-0.03em}
.h1{font-size:clamp(2rem,4.2vw,3.4rem)}
.h2{font-size:clamp(2rem,4vw,3rem);font-family:'Bricolage Grotesque',sans-serif;font-weight:700;letter-spacing:-0.025em;line-height:1.2}
.h3{font-size:1.4rem;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;letter-spacing:-0.02em}
.overline{font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--teal)}
.lead{font-size:1.15rem;color:var(--text2);line-height:1.8}
.mono{font-family:'JetBrains Mono',monospace}

/* ── Layout ── */
.container{width:100%;max-width:1140px;margin:0 auto;padding:0 24px}
section{padding:100px 0}
.section-tag{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.section-tag::before{content:'';width:28px;height:2px;background:var(--teal);border-radius:2px;display:block}
.section-intro{max-width:560px}
.text-center .section-intro{margin:0 auto;text-align:center}
.text-center .section-tag{justify-content:center}

/* ── Buttons ── */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--radius);font-weight:600;font-size:15px;cursor:pointer;transition:all .25s;border:none;font-family:'Plus Jakarta Sans',sans-serif}
.btn-primary{background:var(--teal);color:#00271f}
.btn-primary:hover{background:#00e2b5;transform:translateY(-2px)}
.btn-outline{background:transparent;color:var(--text);border:1.5px solid var(--border2)}
.btn-outline:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-2px)}
.btn-sm{padding:10px 20px;font-size:14px}
.btn svg{width:18px;height:18px;flex-shrink:0}

/* ── HEADER ── */
header{position:fixed;top:0;left:0;right:0;z-index:999;padding:0;transition:all .3s}
header.scrolled{background:rgba(7,13,26,0.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
body.light header.scrolled{background:rgba(245,247,251,0.95)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--teal),#00a37f);display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;color:#003828;font-size:16px}
.logo-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:20px;color:var(--white)}
.nav-links{display:flex;align-items:center;gap:28px}
.nav-links a{font-size:14px;font-weight:500;color:var(--text2);transition:color .2s}
.nav-links a:hover{color:var(--teal)}
.nav-cta{display:flex;align-items:center;gap:10px;flex-shrink:0}
.badge-version{background:var(--teal-dim);border:1px solid rgba(0,201,160,0.2);color:var(--teal);font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;letter-spacing:.05em}

/* Theme switcher */
.theme-switch{width:44px;height:24px;border-radius:20px;border:1.5px solid var(--border2);background:var(--bg3);cursor:pointer;position:relative;transition:all .3s;flex-shrink:0;display:flex;align-items:center}
.theme-switch-knob{width:18px;height:18px;border-radius:50%;background:var(--teal);position:absolute;left:2px;transition:transform .3s;display:flex;align-items:center;justify-content:center;font-size:10px}
body.light .theme-switch-knob{transform:translateX(20px)}
.theme-switch-icon{font-size:10px;line-height:1}

/* Mobile hamburger */
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.hamburger span{display:block;width:22px;height:2px;background:var(--text2);border-radius:2px;transition:all .3s}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* Mobile nav drawer */
.mobile-nav{display:none;position:fixed;top:72px;left:0;right:0;background:var(--bg2);border-bottom:1px solid var(--border);padding:20px 24px;z-index:998;flex-direction:column;gap:4px}
.mobile-nav.open{display:flex}
.mobile-nav a{font-size:15px;font-weight:500;color:var(--text2);padding:10px 0;border-bottom:1px solid var(--border);transition:color .2s}
.mobile-nav a:last-child{border-bottom:none}
.mobile-nav a:hover{color:var(--teal)}

/* ── Light mode overrides for specific elements ── */
body.light .hero-grid-lines{background-image:linear-gradient(rgba(0,0,0,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,0.04) 1px,transparent 1px)}
body.light .hero-bg::before{background:radial-gradient(ellipse,rgba(0,201,160,0.07) 0%,transparent 65%)}
body.light .hero-bg::after{background:radial-gradient(ellipse,rgba(246,166,35,0.07) 0%,transparent 65%)}
body.light .hero-title{color:var(--white)}
body.light #hero{background:linear-gradient(160deg,#f0f4ff 0%,#edf5f2 100%)}
body.light .trust-label{color:var(--text3)}
body.light .feat-card::after{border-color:var(--border)}
body.light .hv-body{background:#f8f9ff}
body.light .hv-cal{background:#eef1f8;border-color:#d8dcef}
body.light .hv-time-slot{background:#fff;border-color:#d8dcef;color:#444}
body.light .feat-card{background:var(--card)}
body.light .feat-card:hover{background:var(--card2)}
body.light .hv-main{box-shadow:0 32px 80px rgba(0,0,0,0.18),0 0 0 1px rgba(0,0,0,0.06)}
body.light .hv-float-2,body.light .hv-float-1{box-shadow:0 12px 32px rgba(0,0,0,0.12)}
body.light .hv-float-3{box-shadow:0 12px 32px rgba(0,0,0,0.18)}
body.light .sc-code-block{color:var(--text2)}
body.light code{background:var(--bg3);border-color:var(--border2)}
body.light .feat-icon.fi-teal{background:rgba(0,201,160,0.10)}
body.light .feat-icon.fi-amber{background:rgba(246,166,35,0.10)}
body.light #cta::before{background:radial-gradient(ellipse,rgba(0,201,160,0.08) 0%,transparent 70%)}

/* ── HERO ── */
#hero{padding:140px 0 90px;position:relative;overflow:hidden;min-height:auto;display:flex;align-items:center}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg::before{content:'';position:absolute;top:-20%;right:-10%;width:800px;height:800px;background:radial-gradient(ellipse,rgba(0,201,160,0.08) 0%,transparent 65%);pointer-events:none}
.hero-bg::after{content:'';position:absolute;bottom:-10%;left:15%;width:600px;height:600px;background:radial-gradient(ellipse,rgba(246,166,35,0.05) 0%,transparent 65%);pointer-events:none}
.hero-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.025) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr 0.9fr;gap:48px;align-items:center}
.hero-content{max-width:600px}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(0,201,160,0.08);border:1px solid rgba(0,201,160,0.25);color:var(--teal);font-size:12px;font-weight:600;padding:6px 14px;border-radius:20px;letter-spacing:.06em;margin-bottom:28px;text-transform:uppercase}
.hero-badge-dot{width:6px;height:6px;background:var(--teal);border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero-title{margin-bottom:24px;color:var(--white)}
.hero-title .accent{color:var(--teal)}
.hero-title .em{font-style:italic;color:var(--amber)}
.hero-desc{font-size:1.15rem;color:var(--text2);margin-bottom:40px;max-width:520px;line-height:1.8}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:48px;align-items:center}
.hero-stats{display:grid;grid-template-columns:repeat(4,auto);gap:0;border-top:1px solid var(--border);padding-top:32px}
.stat-item{padding-right:32px;border-right:1px solid var(--border)}
.stat-item:last-child{border-right:none;padding-right:0}
.stat-item:not(:first-child){padding-left:32px}
.stat-num{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:2rem;color:var(--white);letter-spacing:-0.03em}
.stat-num span{color:var(--teal)}
.stat-label{font-size:13px;color:var(--text3);margin-top:2px}

/* ── HERO VISUAL ── */
.hero-visual{position:relative;display:flex;align-items:center;justify-content:center}
.hero-visual-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:460px;height:460px;background:radial-gradient(ellipse,rgba(79,70,229,0.22) 0%,transparent 70%);pointer-events:none;z-index:0}
.hv-main{position:relative;z-index:2;width:320px;border-radius:20px;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.08);animation:floatY 6s ease-in-out infinite}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.hv-header{background:linear-gradient(135deg,#4338ca 0%,#6d28d9 60%,#5b21b6 100%);padding:20px 20px 16px;position:relative;overflow:hidden}
.hv-header::before{content:'';position:absolute;top:-40px;right:-40px;width:150px;height:150px;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%)}
.hv-htitle{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:15px;color:#fff;text-align:center;margin-bottom:3px}
.hv-hsub{font-size:11px;color:rgba(255,255,255,0.6);text-align:center;margin-bottom:14px}
.hv-steps{display:flex;align-items:center;justify-content:center;gap:0}
.hv-step{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}
.hv-step-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0}
.hv-step-dot.done{background:#6d28d9;border:2px solid rgba(255,255,255,0.5);color:#fff}
.hv-step-dot.done::after{content:'✓'}
.hv-step-dot.active{background:#fff;border:2px solid #fff;color:#4338ca}
.hv-step-dot.inactive{background:rgba(255,255,255,0.15);border:2px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.5)}
.hv-step-lbl{font-size:8px;color:rgba(255,255,255,0.6);font-weight:500;white-space:nowrap}
.hv-step-lbl.active-lbl{color:#fff;font-weight:700}
.hv-step-line{width:20px;height:2px;background:rgba(255,255,255,0.2);margin:0 2px;margin-bottom:12px;flex-shrink:0}
.hv-step-line.done-line{background:rgba(255,255,255,0.5)}
.hv-body{background:#fff;padding:18px}
.hv-body-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:14px;color:#111;margin-bottom:3px}
.hv-body-sub{font-size:11px;color:#888;margin-bottom:14px}
.hv-cal{background:#f8f9ff;border:1px solid #e8eaf6;border-radius:10px;padding:12px;margin-bottom:12px}
.hv-cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.hv-cal-nav{width:20px;height:20px;border-radius:50%;background:#e8eaf6;display:flex;align-items:center;justify-content:center;font-size:10px;color:#4338ca;cursor:pointer}
.hv-cal-month{font-size:12px;font-weight:700;color:#111}
.hv-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}
.hv-cal-day-name{font-size:8px;color:#aaa;font-weight:600;padding:2px 0}
.hv-cal-day{font-size:9px;padding:4px 2px;border-radius:5px;color:#444;cursor:pointer}
.hv-cal-day.other{color:#ddd}
.hv-cal-day.today{background:#4338ca;color:#fff;font-weight:700;border-radius:50%}
.hv-cal-day:not(.other):not(.today):hover{background:#e8eaf6}
.hv-time-section{margin-bottom:10px}
.hv-time-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;margin-bottom:6px;display:flex;align-items:center;gap:4px}
.hv-time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.hv-time-slot{font-size:9px;padding:5px 2px;border-radius:6px;text-align:center;border:1px solid #e5e7eb;color:#555;cursor:pointer}
.hv-time-slot.active{background:#4338ca;border-color:#4338ca;color:#fff;font-weight:700}
.hv-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #f0f0f0}
.hv-back{font-size:10px;color:#888;border:1px solid #e5e7eb;padding:5px 10px;border-radius:6px}
.hv-next{font-size:10px;font-weight:700;background:#4338ca;color:#fff;padding:6px 12px;border-radius:6px}

/* floating cards */
.hv-float-1{position:absolute;top:8%;right:-32px;z-index:3;background:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 16px 40px rgba(0,0,0,0.35);width:168px;animation:floatY2 7s ease-in-out infinite}
@keyframes floatY2{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.hv-float-2{position:absolute;bottom:10%;left:-44px;z-index:3;background:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 16px 40px rgba(0,0,0,0.35);width:178px;animation:floatY3 8s ease-in-out infinite}
@keyframes floatY3{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}
.hv-float-3{position:absolute;top:50%;right:-50px;transform:translateY(-50%);z-index:3;background:linear-gradient(135deg,#4338ca,#6d28d9);border-radius:14px;padding:12px 14px;box-shadow:0 16px 40px rgba(0,0,0,0.35);width:140px;animation:floatY4 9s ease-in-out 1s infinite}
@keyframes floatY4{0%,100%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 8px))}}
.fl-title{font-size:11px;font-weight:700;color:#111;margin-bottom:6px}
.fl-service{display:flex;align-items:center;gap:8px}
.fl-svc-img{width:38px;height:38px;border-radius:8px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px}
.fl-svc-name{font-size:11px;font-weight:700;color:#111}
.fl-svc-price{font-size:13px;font-weight:800;color:#4338ca}
.fl-svc-old{font-size:10px;color:#aaa;text-decoration:line-through}
.fl-svc-dur{font-size:10px;color:#888}
.fl-conf-icon{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-size:14px}
.fl-conf-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:12px;color:#fff;text-align:center;margin-bottom:4px}
.fl-conf-ref{font-size:9px;color:rgba(255,255,255,0.7);text-align:center;font-family:monospace;background:rgba(255,255,255,0.15);padding:3px 8px;border-radius:5px;letter-spacing:.05em}
.fl-loc-icon{font-size:16px;margin-bottom:6px}
.fl-loc-name{font-size:11px;font-weight:700;color:#111;margin-bottom:2px}
.fl-loc-addr{font-size:9px;color:#888;line-height:1.4}
.fl-loc-hours{font-size:9px;color:#4338ca;margin-top:4px;font-weight:600}

/* ── TRUST BAR ── */
#trust{padding:28px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg2)}
.trust-inner{display:flex;align-items:center;gap:48px;flex-wrap:wrap}
.trust-label{font-size:12px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}
.trust-items{display:flex;align-items:center;gap:36px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text2)}
.trust-item .ti-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);flex-shrink:0}

/* ── FEATURE CARDS ── */
#features{background:var(--bg)}
.features-header{margin-bottom:72px}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;border:2px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}
.feat-card{background:var(--card);padding:40px 36px;transition:background .3s;position:relative}
.feat-card:hover{background:var(--card2)}
.feat-card::after{content:'';position:absolute;inset:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);pointer-events:none}
.feat-card:nth-child(3n)::after{border-right:none}
.feat-card:nth-child(n+4)::after{border-bottom:none}
.feat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:24px;flex-shrink:0}
.fi-teal{background:var(--teal-dim);border:1px solid rgba(0,201,160,0.2)}
.fi-amber{background:var(--amber-dim);border:1px solid rgba(246,166,35,0.15)}
.fi-rose{background:rgba(255,94,126,0.08);border:1px solid rgba(255,94,126,0.15)}
.fi-blue{background:rgba(99,179,237,0.08);border:1px solid rgba(99,179,237,0.15)}
.fi-purple{background:rgba(167,139,250,0.08);border:1px solid rgba(167,139,250,0.15)}
.fi-green{background:rgba(52,211,153,0.08);border:1px solid rgba(52,211,153,0.15)}
.feat-card h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.15rem;color:var(--white);margin-bottom:10px;letter-spacing:-0.01em}
.feat-card p{font-size:14px;color:var(--text2);line-height:1.7}
.feat-tag{display:inline-block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:6px;margin-top:16px}
.ft-core{background:var(--teal-dim);color:var(--teal)}
.ft-pro{background:var(--amber-dim);color:var(--amber)}

/* ── HOW IT WORKS ── */
#how-it-works{background:var(--bg2);position:relative}
.how-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.steps-list{display:flex;flex-direction:column;gap:0}
.step{display:flex;gap:24px;padding:28px 0;border-bottom:1px solid var(--border);position:relative}
.step:last-child{border-bottom:none}
.step-num{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--teal);display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:14px;color:var(--teal);flex-shrink:0;margin-top:3px}
.step-body h4{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1rem;color:var(--white);margin-bottom:6px}
.step-body p{font-size:14px;color:var(--text2);line-height:1.7}
.how-visual{background:var(--card);border:1px solid var(--border2);border-radius:var(--radius-xl);overflow:hidden;position:relative}
.hw-header{background:var(--bg3);padding:16px 20px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border)}
.hw-dots span{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:6px}
.hw-dots .d1{background:#ff5f56}
.hw-dots .d2{background:#febc2e}
.hw-dots .d3{background:#27c840}
.hw-title{font-size:12px;color:var(--text3);font-weight:500;flex:1;text-align:center}
.booking-form-mock{padding:28px}
.bfm-step{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.bfm-progress{display:flex;gap:6px;align-items:center}
.bfm-dot{width:28px;height:4px;border-radius:2px}
.bfm-dot.active{background:var(--teal)}
.bfm-dot.done{background:rgba(0,201,160,0.3)}
.bfm-dot.inactive{background:var(--border)}
.bfm-step-label{font-size:12px;color:var(--teal);font-weight:600}
.bfm-field{background:var(--bg3);border:1px solid var(--border2);border-radius:10px;padding:14px 16px;margin-bottom:12px}
.bfm-field-label{font-size:11px;color:var(--text3);margin-bottom:4px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}
.bfm-field-val{font-size:14px;color:var(--text)}
.bfm-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}
.slot{border:1px solid var(--border2);border-radius:8px;padding:9px 0;text-align:center;font-size:13px;font-weight:500;color:var(--text2);cursor:pointer}
.slot.active{background:var(--teal-dim);border-color:var(--teal);color:var(--teal)}
.slot.taken{opacity:.3}
.bfm-btn{width:100%;background:var(--teal);color:#00271f;border:none;border-radius:10px;padding:13px;font-weight:700;font-size:14px;cursor:pointer;font-family:'Bricolage Grotesque',sans-serif;letter-spacing:.01em}

/* ── PAYMENT ── */
#payments{background:var(--bg)}
.payments-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.gateway-list{display:flex;flex-direction:column;gap:12px;margin-top:32px}
.gateway{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;display:flex;align-items:center;gap:18px;transition:border-color .25s}
.gateway:hover{border-color:var(--border2)}
.gw-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.gw-name{font-weight:700;font-size:15px;color:var(--white)}
.gw-sub{font-size:13px;color:var(--text2);margin-top:2px}
.gw-badge{margin-left:auto;font-size:10px;font-weight:600;padding:3px 9px;border-radius:20px;border:1px solid;white-space:nowrap;flex-shrink:0}
.gb-global{background:rgba(99,179,237,0.08);color:#63b3ed;border-color:rgba(99,179,237,0.2)}
.gb-bd{background:var(--teal-dim);color:var(--teal);border-color:rgba(0,201,160,0.2)}
.payment-extras{margin-top:36px}
.payment-extra-item{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px solid var(--border)}
.payment-extra-item:last-child{border-bottom:none}
.pei-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);flex-shrink:0;margin-top:7px}
.pei-body h5{font-weight:600;font-size:15px;color:var(--white);margin-bottom:4px}
.pei-body p{font-size:13.5px;color:var(--text2);line-height:1.6}

/* ── NOTIFICATIONS ── */
#notifications{background:var(--bg2)}
.notif-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
.notif-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px}
.notif-icon{font-size:28px;margin-bottom:16px}
.notif-card h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.1rem;color:var(--white);margin-bottom:8px}
.notif-card p{font-size:14px;color:var(--text2);margin-bottom:20px;line-height:1.7}
.notif-vars{display:flex;flex-wrap:wrap;gap:6px}
.var-pill{background:var(--bg3);border:1px solid var(--border2);color:var(--teal);font-family:'JetBrains Mono',monospace;font-size:12px;padding:4px 10px;border-radius:6px}
.notif-providers{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.provider{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg3);border-radius:10px;border:1px solid var(--border)}
.prov-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:4px;margin-left:auto}
.pb-rec{background:var(--teal-dim);color:var(--teal)}
.pb-intl{background:var(--amber-dim);color:var(--amber)}
.prov-name{font-size:14px;font-weight:600;color:var(--white)}
.prov-sub{font-size:12px;color:var(--text3)}

/* ── SHORTCODES ── */
#shortcodes{background:var(--bg)}
.sc-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:48px;align-items:start}
.sc-list{display:flex;flex-direction:column;gap:12px}
.sc-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;display:flex;align-items:center;gap:16px}
.sc-item code{font-family:'JetBrains Mono',monospace;font-size:13.5px;color:var(--teal);background:var(--teal-dim);border:1px solid rgba(0,201,160,0.15);padding:5px 11px;border-radius:7px;white-space:nowrap;flex-shrink:0}
.sc-desc{font-size:13.5px;color:var(--text2)}
.sc-visual{background:var(--card);border:1px solid var(--border2);border-radius:var(--radius-xl);overflow:hidden}
.sc-vis-header{background:var(--bg3);padding:14px 20px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border)}
.sc-code-block{padding:24px;font-family:'JetBrains Mono',monospace;font-size:13px;line-height:1.8}
.sc-comment{color:var(--text3)}
.sc-tag{color:#7ee787}
.sc-attr{color:#ffa657}
.sc-str{color:#79c0ff}
.sc-block-list{display:flex;flex-direction:column;gap:8px;padding:20px;border-top:1px solid var(--border)}
.sc-block{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg3);border-radius:10px}
.sb-icon{font-size:16px}
.sb-name{font-size:14px;font-weight:600;color:var(--white)}
.sb-tag{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:4px;background:var(--teal-dim);color:var(--teal);margin-left:auto}

/* ── INTEGRATIONS ── */
#integrations{background:var(--bg2)}
.int-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
.int-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px}
.int-card h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.1rem;color:var(--white);margin-bottom:10px}
.int-card p{font-size:14px;color:var(--text2);margin-bottom:20px;line-height:1.7}
.int-steps{display:flex;flex-direction:column;gap:10px}
.int-step{display:flex;align-items:flex-start;gap:12px;font-size:13.5px;color:var(--text2)}
.is-num{width:20px;height:20px;border-radius:50%;background:var(--teal-dim);border:1px solid rgba(0,201,160,0.3);color:var(--teal);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.api-endpoints{display:flex;flex-direction:column;gap:8px}
.api-ep{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg3);border-radius:8px;font-family:'JetBrains Mono',monospace;font-size:12px}
.ep-method{width:42px;text-align:center;font-size:10px;font-weight:700;padding:2px 0;border-radius:4px;flex-shrink:0}
.ep-get{background:var(--teal-dim);color:var(--teal)}
.ep-post{background:var(--amber-dim);color:var(--amber)}
.ep-patch{background:rgba(167,139,250,0.1);color:#a78bfa}
.ep-path{color:var(--text2)}

/* ── PRICING ── */
#pricing{background:var(--bg)}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px}
.price-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px 24px;position:relative;overflow:hidden;display:flex;flex-direction:column}
.price-card.free{background:var(--bg2)}
.price-card.featured{border-color:rgba(0,201,160,0.4);background:var(--card2)}
.price-card.agency{border:1px solid rgba(255,255,255,0.12);background:#0a0f1a}
.price-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 12px;border-radius:20px;margin-bottom:16px;align-self:flex-start}
.pb-free{background:rgba(255,255,255,0.07);color:var(--text3)}
.pb-starter{background:var(--amber-dim);color:var(--amber)}
.pb-popular{background:var(--teal);color:#00271f}
.pb-agency{background:rgba(167,139,250,0.15);color:#a78bfa}
.price-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.5rem;color:var(--white);margin-bottom:4px;letter-spacing:-0.02em}
.price-sub{font-size:12px;color:var(--text3);margin-bottom:16px}
.price-tag{font-size:2.4rem;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;color:var(--white);letter-spacing:-0.04em;margin-bottom:2px;line-height:1}
.price-tag sup{font-size:1.1rem;font-weight:600;vertical-align:super;margin-right:1px}
.price-tag span{font-size:1rem;font-weight:400;color:var(--text3)}
.price-period{font-size:12px;color:var(--text3);margin-bottom:16px}
.price-limit{font-size:12px;color:var(--text2);padding:8px 12px;background:rgba(255,255,255,0.04);border-radius:8px;margin-bottom:16px;border:1px solid var(--border)}
.price-divider{height:1px;background:var(--border);margin:16px 0}
.price-features{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;flex:1}
.pf{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--text2);line-height:1.5}
.pf-check{width:15px;height:15px;border-radius:50%;background:var(--teal-dim);border:1px solid rgba(0,201,160,0.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.pf-x{width:15px;height:15px;border-radius:50%;background:rgba(255,255,255,0.04);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;color:var(--text3)}
.pf-check::after{content:'✓';font-size:8px;color:var(--teal);font-weight:700}
.pf-x::after{content:'—';font-size:9px}
.pf.muted{opacity:.4}
.price-note{font-size:11.5px;color:var(--text3);text-align:center;margin-top:10px}

/* ── REVIEWS ── */
#reviews{background:var(--bg2)}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.review-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;transition:border-color .25s}
.review-card:hover{border-color:var(--border2)}
.stars{color:var(--amber);font-size:14px;letter-spacing:2px;margin-bottom:14px}
.review-text{font-size:14.5px;color:var(--text2);line-height:1.75;margin-bottom:20px;font-style:italic}
.reviewer{display:flex;align-items:center;gap:12px}
.rev-avatar{width:36px;height:36px;border-radius:50%;background:var(--teal-dim);border:1.5px solid rgba(0,201,160,0.25);display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:14px;color:var(--teal);flex-shrink:0}
.rev-name{font-weight:600;font-size:14px;color:var(--white)}
.rev-role{font-size:12px;color:var(--text3)}

/* ── FAQ ── */
#faq{background:var(--bg)}
.faq-list{margin-top:56px;max-width:760px;margin-left:auto;margin-right:auto}
.faq-item{border-bottom:1px solid var(--border)}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;background:transparent;border:none;cursor:pointer;text-align:left;font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:1rem;color:var(--white)}
.faq-q:hover{color:var(--teal)}
.faq-arrow{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--border2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .25s}
.faq-item.open .faq-arrow{background:var(--teal-dim);border-color:var(--teal);transform:rotate(180deg)}
.faq-a{font-size:14.5px;color:var(--text2);line-height:1.75;padding-bottom:22px;display:none}
.faq-item.open .faq-a{display:block}

/* ── CTA ── */
#cta{background:var(--bg2);position:relative;overflow:hidden}
.cta-inner{text-align:center;position:relative;z-index:1}
#cta::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:400px;background:radial-gradient(ellipse,rgba(0,201,160,0.1) 0%,transparent 70%);pointer-events:none}
.cta-inner .h2{color:var(--white);margin-bottom:16px}
.cta-inner .lead{margin-bottom:40px}
.cta-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.cta-note{margin-top:20px;font-size:13px;color:var(--text3)}

/* ── FOOTER ── */
footer{background:var(--bg);border-top:1px solid var(--border);padding:60px 0 36px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}
.footer-brand p{font-size:14px;color:var(--text2);margin-top:14px;max-width:240px;line-height:1.7}
.footer-col h5{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:13px;color:var(--white);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}
.footer-links{display:flex;flex-direction:column;gap:8px}
.footer-links a{font-size:14px;color:var(--text2);transition:color .2s}
.footer-links a:hover{color:var(--teal)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:28px;border-top:1px solid var(--border);font-size:13px;color:var(--text3)}
.footer-bottom a{color:var(--text2)}
.footer-bottom a:hover{color:var(--teal)}

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  .hero-inner{gap:40px}
  .hv-float-1{right:-10px}
  .hv-float-2{left:-10px}
  .hv-float-3{right:-20px}
  .pricing-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:980px){
  .features-grid{grid-template-columns:1fr 1fr}
  .feat-card:nth-child(2n)::after{border-right:none}
  .feat-card:nth-child(n+3)::after{border-bottom:none}
  .how-inner{grid-template-columns:1fr}
  .payments-split{grid-template-columns:1fr}
  .sc-grid{grid-template-columns:1fr}
  .int-grid{grid-template-columns:1fr 1fr}
  .reviews-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .notif-grid{grid-template-columns:1fr}
  .hero-inner{grid-template-columns:1fr}
  .hero-visual{display:none}
  .hero-content{max-width:100%}
  .hero-desc{max-width:100%}
  .pricing-grid{grid-template-columns:repeat(2,1fr);gap:14px}
}
@media(max-width:768px){
  section{padding:72px 0}
  .container{padding:0 18px}
  .h1{font-size:clamp(2.2rem,8vw,3rem)}
  .h2{font-size:clamp(1.6rem,6vw,2.4rem)}
  .features-grid{grid-template-columns:1fr}
  .feat-card::after{border-right:none}
  .feat-card:nth-child(n+2)::after{border-bottom:none}
  .int-grid{grid-template-columns:1fr}
  .notif-card[style*="grid-column"]{grid-column:auto}
  .reviews-grid{grid-template-columns:1fr}
  .pricing-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  #hero{padding:130px 0 72px;min-height:auto}
  .hero-stats{grid-template-columns:repeat(2,1fr);gap:20px}
  .stat-item{border-right:none;padding-right:0;padding-left:0}
  .stat-item:not(:first-child){padding-left:0}
  .hero-actions .btn{flex:1 1 auto}
  .btn{padding:12px 20px;font-size:14px}
  .gateway-list{gap:8px}
  .gateway{padding:14px 16px}
  .sc-item{flex-direction:column;align-items:flex-start;gap:8px}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:8px;text-align:center}
  .nav-links,.badge-version{display:none}
  .hamburger{display:flex}
  .trust-inner{gap:24px}
  .trust-items{gap:20px}
  .hero-badge{font-size:11px}
  .pricing-grid{grid-template-columns:1fr}
  .price-card.featured::before{top:14px;right:-32px;font-size:10px;padding:4px 38px}
}
@media(max-width:480px){
  .container{padding:0 16px}
  .h1{font-size:2rem}
  .h2{font-size:1.5rem}
  .hero-stats{grid-template-columns:repeat(2,1fr)}
  .stat-num{font-size:1.4rem}
  .btn-primary,.btn-outline{width:100%;justify-content:center}
  .hero-actions{flex-direction:column}
  .cta-actions{flex-direction:column}
  .cta-actions .btn{width:100%;justify-content:center}
  .pricing-grid{grid-template-columns:1fr}
  .reviews-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .nav-cta .btn{display:none}
  .trust-items{gap:12px}
  .trust-item{font-size:12px}
  .int-card{padding:24px 20px}
  .feat-card{padding:28px 24px}
  .sc-code-block{font-size:12px;padding:16px}
  .hv-steps{gap:0}
  .pricing-grid{gap:12px}
  .price-card{padding:22px 18px}
  .price-tag{font-size:2rem}
}

/* ═══ CRITICAL OVERRIDES (always last) ═══ */

/* Header: always solid */
header#hdr{background:#070d1a !important;border-bottom:1px solid var(--border) !important;position:fixed !important;top:0;left:0;right:0;z-index:9990}
body.light header#hdr{background:#f5f7fb !important}
.admin-bar header#hdr{top:32px !important}
@media screen and (max-width:782px){.admin-bar header#hdr{top:46px !important}}

/* Page hero top padding */
.page-hero{padding-top:110px !important}
.admin-bar .page-hero{padding-top:142px !important}

/* Home hero: SINGLE column centered — only on home template */
.page-template-template-home #hero .hero-inner,
.home #hero .hero-inner{
  display:block !important;
  text-align:center !important;
  max-width:100% !important;
  margin:0 auto !important;
  grid-template-columns:unset !important;
}
/* Home hero inner content: constrain text width for readability */
.page-template-template-home #hero .hero-sub{max-width:600px;margin-left:auto;margin-right:auto}
.page-template-template-home #hero .hero-btns,.home #hero .hero-btns{justify-content:center}
.page-template-template-home #hero .hero-trust,.home #hero .hero-trust{justify-content:center}
.page-template-template-home #hero .hero-products-strip,.home #hero .hero-products-strip{justify-content:center}

/* Footer grid: always 5 columns */
.footer-grid{display:grid !important;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr !important;gap:36px}
@media(max-width:980px){.footer-grid{grid-template-columns:1fr 1fr !important;gap:24px !important}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr !important}}

/* Dropdown gap fix */
.has-dropdown::after{content:'';position:absolute;top:100%;left:-20px;right:-20px;height:20px;background:transparent}
.dropdown{top:calc(100% + 8px) !important;padding-top:14px !important}

/* Mobile nav */
.mobile-nav{display:none !important}
.mobile-nav.open{display:flex !important}
@media(max-width:980px){.nav-links{display:none !important}.hamburger{display:flex !important}}
@media(min-width:981px){.hamburger{display:none !important}}

/* ── Phil-num: make decorative numbers visible ── */
.phil-num{
  font-family:'Bricolage Grotesque',sans-serif;
  font-weight:800;
  font-size:3.5rem;
  line-height:1;
  margin-bottom:20px;
  letter-spacing:-0.05em;
  color:rgba(255,255,255,0.07) !important;
}
.phil-card.p-teal .phil-num{color:rgba(0,201,160,0.18) !important}
.phil-card.p-amber .phil-num{color:rgba(246,166,35,0.18) !important}
.phil-card.p-purple .phil-num{color:rgba(124,106,255,0.18) !important}
body.light .phil-num{color:rgba(0,0,0,0.08) !important}
body.light .phil-card.p-teal .phil-num{color:rgba(0,201,160,0.15) !important}
body.light .phil-card.p-amber .phil-num{color:rgba(246,166,35,0.15) !important}
body.light .phil-card.p-purple .phil-num{color:rgba(124,106,255,0.15) !important}

/* ── Light mode body ── */
body.light{
  --bg:#f0f4ff;
  --bg2:#e4eaf7;
  --bg3:#d8e0f0;
  --card:#ffffff;
  --card2:#f5f8ff;
  --border:rgba(0,0,0,0.08);
  --border2:rgba(0,0,0,0.14);
  --text:#1a2340;
  --text2:#4a5672;
  --text3:#8a97b5;
  --white:#1a2340;
  --teal-dim:rgba(0,201,160,0.10);
  --amber-dim:rgba(246,166,35,0.10);
  --purple-dim:rgba(124,106,255,0.09);
  --rose-dim:rgba(255,94,126,0.08);
  --green-dim:rgba(39,200,64,0.09);
}
body.light{background:var(--bg);color:var(--text)}
body.light .nav-link{color:var(--text2)}
body.light .nav-link:hover{color:var(--text);background:rgba(0,0,0,0.05)}
body.light .logo-name{color:var(--text)}
body.light .dropdown,.body.light .nav-links li ul{background:#fff}
body.light header#hdr{background:#f0f4ff !important}
body.light footer{background:var(--bg2)}

/* ── Blog grid: 3 columns ── */
.blog-grid{grid-template-columns:repeat(3,1fr) !important}
@media(max-width:900px){.blog-grid{grid-template-columns:1fr 1fr !important}}
@media(max-width:580px){.blog-grid{grid-template-columns:1fr !important}}

/* ── Home hero title: bigger (home page only) ── */
.page-template-template-home .hero-title.h1,
.home .hero-title.h1 {
  font-size: clamp(3rem, 7vw, 5.5rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.04em !important;
}

/* ── VibReserve hero: wider container + bigger heading ── */
.page-template-template-vibereserve .container{max-width:1320px !important;padding:0 32px !important}
.page-template-template-vibereserve #hero .hero-inner{grid-template-columns:1fr 1fr !important;gap:56px !important}
.page-template-template-vibereserve #hero .h-display.h1,
.page-template-template-vibereserve #hero .hero-title{
  font-size:clamp(2.4rem,4.5vw,4.2rem) !important;
  line-height:1.06 !important;
  letter-spacing:-0.03em !important;
}
@media(max-width:980px){
  .page-template-template-vibereserve .container{padding:0 20px !important}
  .page-template-template-vibereserve #hero .hero-inner{grid-template-columns:1fr !important}
}

/* ── VibReserve hero visual: fix card positions ── */
.page-template-template-vibereserve .hero-visual{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 60px 40px 20px;
}
.page-template-template-vibereserve .hv-main{
  width:340px;
  position:relative;
  z-index:2;
  flex-shrink:0;
}
/* Selected Service — top right */
.page-template-template-vibereserve .hv-float-1{
  position:absolute;
  top:0;
  right:0;
  left:auto;
  bottom:auto;
  z-index:3;
  width:175px;
  transform:none;
  animation:floatY2 7s ease-in-out infinite;
}
/* Location card — bottom left */
.page-template-template-vibereserve .hv-float-2{
  position:absolute;
  bottom:0;
  left:0;
  top:auto;
  right:auto;
  z-index:3;
  width:185px;
  transform:none;
  animation:floatY3 8s ease-in-out infinite;
}
/* Booking Confirmed — bottom right */
.page-template-template-vibereserve .hv-float-3{
  position:absolute;
  bottom:60px;
  right:0;
  top:auto;
  left:auto;
  z-index:3;
  width:150px;
  transform:none;
  animation:floatY4 9s ease-in-out 1s infinite;
}