@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Montserrat:wght@600;700;800;900&display=swap');
:root{
 --navy:#061321;--navy2:#0b2847;--blue:#1989ff;--lime:#c8ef35;
 --paper:#f4f7fb;--surface:#fff;--surface2:#eef3f8;--ink:#0d1726;--muted:#6b7a8b;--line:#dfe7ef;
 --success:#16845c;--danger:#c13f38;--warning:#b97812;--shadow:0 22px 70px rgba(7,20,38,.10);
 --radius:24px;--radius-sm:14px;
}
html[data-theme="dark"]{
 --paper:#08131f;--surface:#0d1c2c;--surface2:#10263d;--ink:#f4f8fb;--muted:#9eb0c1;--line:#203a51;
 --shadow:0 22px 70px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Manrope,Arial,sans-serif;background:var(--paper);color:var(--ink);transition:background .25s,color .25s}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
.container{width:min(1360px,calc(100% - 48px));margin:auto}
h1,h2,h3,h4{font-family:Montserrat,Arial,sans-serif;letter-spacing:-.04em}
.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:900;color:var(--blue)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;font-weight:900;border:1px solid transparent;cursor:pointer;transition:.22s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--lime);color:#071426}
.btn-dark{background:var(--navy);color:#fff}
.btn-light{background:var(--surface);border-color:var(--line);color:var(--ink)}
.btn-outline{border-color:var(--line);color:var(--ink);background:transparent}
.theme-toggle{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font-weight:900}
.v8-header{position:fixed;inset:0 0 auto;z-index:1000;color:#fff;background:linear-gradient(180deg,rgba(3,11,20,.78),transparent);transition:.3s}
.v8-header.solid{background:rgba(255,255,255,.94);color:#0d1726;backdrop-filter:blur(18px);border-bottom:1px solid #e4e8ee}
html[data-theme="dark"] .v8-header.solid{background:rgba(8,19,31,.94);color:#fff;border-color:#203a51}
.v8-nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-family:Montserrat;font-weight:900;font-size:25px;letter-spacing:-.05em}.brand b{color:var(--blue)}
.nav-links{display:flex;gap:22px;align-items:center;font-size:13px;font-weight:800}
.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;right:100%;height:2px;bottom:-8px;background:var(--lime);transition:.2s}.nav-links a:hover:after{right:0}
.nav-actions{display:flex;gap:9px;align-items:center}.v8-header:not(.solid) .theme-toggle{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.25)}
.v8-header:not(.solid) .btn-light{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.25)}
.menu-btn{display:none}
.hero-v8,.public-hero-v8{color:#fff;position:relative;overflow:hidden;background:
 radial-gradient(circle at 78% 25%,rgba(25,137,255,.27),transparent 24%),
 radial-gradient(circle at 18% 75%,rgba(200,239,53,.11),transparent 28%),
 linear-gradient(125deg,#04101f,#0b2745)}
.hero-v8{min-height:100vh;display:flex;align-items:center;padding:142px 0 86px}
.public-hero-v8{padding:160px 0 92px}
.hero-v8:before,.public-hero-v8:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px}
.hero-v8 .container,.public-hero-v8 .container{position:relative;z-index:2}
.hero-grid-v8{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.hero-v8 h1,.public-hero-v8 h1{font-size:clamp(54px,7vw,104px);line-height:.93;margin:16px 0 22px}.public-hero-v8 h1{font-size:clamp(48px,6vw,88px);max-width:1050px}.accent{color:var(--lime)}
.hero-v8 p,.public-hero-v8 p{font-size:19px;line-height:1.75;color:#c5d2dd;max-width:760px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero-visual-v8{height:600px;border-radius:32px;overflow:hidden;border:1px solid rgba(255,255,255,.14);position:relative;box-shadow:0 34px 100px rgba(0,0,0,.32)}
.hero-visual-v8 img{width:100%;height:100%;object-fit:cover}.hero-visual-v8:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(3,11,20,.72))}
.hero-badge{position:absolute;z-index:3;left:24px;bottom:24px;padding:15px 17px;border-radius:16px;background:rgba(4,12,24,.65);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14)}
.marquee-v8{overflow:hidden;background:var(--surface);border-block:1px solid var(--line);padding:28px 0}
.marquee-track-v8{display:flex;width:max-content;gap:42px;animation:marqueeV8 28s linear infinite}
.marquee-v8:hover .marquee-track-v8{animation-play-state:paused}
.marquee-item-v8{font-family:Montserrat;font-size:clamp(24px,3vw,44px);font-weight:900;color:transparent;-webkit-text-stroke:1px #aeb8c3;transition:.2s;cursor:default}
.marquee-item-v8:hover{color:var(--lime);-webkit-text-stroke:0 transparent;font-style:italic;transform:scale(1.05);text-shadow:0 0 24px rgba(200,239,53,.45)}
@keyframes marqueeV8{to{transform:translateX(-50%)}}
.section-v8{padding:100px 0}.soft-v8{background:var(--surface2)}
.section-head-v8{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:42px}.section-head-v8 h2{font-size:clamp(36px,5vw,66px);margin:8px 0}.section-head-v8 p{max-width:540px;color:var(--muted);line-height:1.7}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.card-v8{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 8px 30px rgba(7,20,38,.035);transition:.24s}.card-v8:hover{transform:translateY(-5px);border-color:rgba(200,239,53,.9);box-shadow:var(--shadow)}
.card-v8 h3{font-size:23px;margin:12px 0}.card-v8 p{color:var(--muted);line-height:1.65}.card-no{font-size:11px;letter-spacing:.16em;font-weight:900;color:var(--blue)}
.dark-card{background:linear-gradient(135deg,#071426,#0b2c4d);color:#fff;border-color:rgba(255,255,255,.08)}.dark-card p{color:#c4d1dc}
.lime-card{background:var(--lime);color:#071426;border-color:transparent}.lime-card p{color:#27401a}
.metric-row{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);background:var(--surface)}
.metric-v8{padding:28px;text-align:center;border-right:1px solid var(--line)}.metric-v8:last-child{border-right:0}.metric-v8 strong{font-family:Montserrat;font-size:30px}.metric-v8 span{display:block;color:var(--muted);font-size:12px;margin-top:6px;font-weight:800}
.timeline-v8{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.step-v8{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:22px}.step-v8 strong{display:inline-flex;width:42px;height:42px;border-radius:50%;background:var(--navy);color:var(--lime);align-items:center;justify-content:center}.step-v8 p{color:var(--muted);line-height:1.6}
.form-v8{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.form-v8 label{display:block;font-size:11px;font-weight:900;margin:0 0 7px}.form-v8 input,.form-v8 textarea,.form-v8 select{width:100%;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--ink);margin-bottom:14px}.form-v8 textarea{min-height:130px}
.footer-v8{padding:50px 0;background:#061321;color:#fff}.footer-grid-v8{display:grid;grid-template-columns:1.3fr repeat(3,.7fr);gap:28px}.footer-v8 p,.footer-v8 a{color:#aebdca}.footer-v8 a{display:block;margin:9px 0}.footer-v8 strong{display:block;margin-bottom:12px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:24px}.blog-cover{height:190px;background:linear-gradient(135deg,#0b2c4d,#1989ff);position:relative}.blog-cover:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:var(--lime);right:-20px;bottom:-35px;opacity:.75}.blog-body{padding:22px}.blog-body h3{font-size:21px;margin:10px 0}.blog-body p{color:var(--muted);line-height:1.6}.blog-meta{font-size:11px;color:var(--muted);font-weight:800}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.chip{padding:8px 12px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);font-size:12px;font-weight:800}
.faq-v8{display:grid;gap:10px}.faq-v8 details{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:16px 18px}.faq-v8 summary{font-weight:900;cursor:pointer}.faq-v8 p{color:var(--muted);line-height:1.7}
@media(max-width:1080px){.nav-links{display:none}.menu-btn{display:inline-flex}.hero-grid-v8,.grid-4{grid-template-columns:1fr 1fr}.timeline-v8{grid-template-columns:1fr 1fr}.blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.container{width:min(100% - 28px,1360px)}.hero-grid-v8,.grid-3,.grid-4,.grid-2,.timeline-v8,.blog-grid,.footer-grid-v8,.metric-row{grid-template-columns:1fr}.hero-visual-v8{height:420px}.section-head-v8{display:block}.metric-v8{border-right:0;border-bottom:1px solid var(--line)}}

/* Panel */
body.v8-panel{background:var(--paper);color:var(--ink)}
.v8-panel .app,.v8-panel .panel-shell{display:grid!important;grid-template-columns:286px minmax(0,1fr)!important;min-height:100vh!important;background:var(--paper)!important}
.v8-panel .side,.v8-panel .panel-side{height:100vh!important;position:sticky!important;top:0!important;overflow:auto!important;padding:26px 18px!important;background:
 radial-gradient(circle at 18% 6%,rgba(200,239,53,.08),transparent 22%),linear-gradient(180deg,#061321,#09233d)!important;color:#d1deea!important}
.v8-panel .side .brand,.v8-panel .panel-side .brand{color:#fff!important;margin:0 10px 26px!important;font-size:27px!important}
.v8-panel .side nav,.v8-panel .panel-side nav{display:flex!important;flex-direction:column!important;gap:4px!important}
.v8-panel .side nav a,.v8-panel .panel-side nav a{display:flex!important;padding:11px 13px!important;border-radius:13px!important;font-size:13px!important;font-weight:800!important;color:#cad8e5!important;background:transparent!important;transition:.2s!important}
.v8-panel .side nav a:hover,.v8-panel .side nav a.active,.v8-panel .panel-side nav a:hover,.v8-panel .panel-side nav a.active{background:rgba(255,255,255,.09)!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--lime)!important;transform:translateX(3px)!important}
.v8-panel .main,.v8-panel .panel-main{padding:34px!important;min-width:0!important;background:var(--paper)!important;color:var(--ink)!important}
.v8-panel .top,.v8-panel .panel-top{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:18px!important;margin-bottom:22px!important}
.v8-panel .top h1,.v8-panel .panel-top h1{font-size:clamp(30px,3.2vw,45px)!important;margin:0!important;color:var(--ink)!important}
.v8-panel .card,.v8-panel .panel-card,.v8-panel .kpi,.v8-panel .pricebox,.v8-panel .step{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:20px!important;box-shadow:0 7px 24px rgba(7,20,38,.035)!important}
.v8-panel .card,.v8-panel .panel-card,.v8-panel .pricebox,.v8-panel .step{padding:20px!important}
.v8-panel .kpi{padding:20px!important}.v8-panel .kpi:hover,.v8-panel .card:hover{border-color:rgba(200,239,53,.8)!important}
.v8-panel .grid4,.v8-panel .kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}.v8-panel .grid3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.v8-panel .grid2,.v8-panel .panel-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
.v8-panel .k,.v8-panel .klabel{font-size:11px!important;font-weight:900!important;color:var(--muted)!important;text-transform:uppercase!important}.v8-panel .v,.v8-panel .kvalue{font-family:Montserrat!important;font-size:30px!important;font-weight:900!important;color:var(--ink)!important}
.v8-panel table{width:100%!important;background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:16px!important;overflow:hidden!important}.v8-panel th{background:var(--surface2)!important;color:var(--muted)!important}.v8-panel th,.v8-panel td{padding:13px!important;border-bottom:1px solid var(--line)!important}
.v8-panel input,.v8-panel select,.v8-panel textarea{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:11px 12px!important}
.v8-rolebar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;background:var(--surface);border:1px solid var(--line);border-radius:15px;margin-bottom:18px;color:var(--muted);font-size:12px}.v8-rolebar strong{color:var(--ink)}
.v8-panel .owner-hero{background:radial-gradient(circle at 85% 15%,rgba(200,239,53,.16),transparent 24%),linear-gradient(135deg,#071426,#0b2b4b)!important;color:#fff!important;border-radius:26px!important;padding:30px!important}
.theme-row{display:flex;gap:8px;align-items:center;padding:10px 12px;margin:14px 0 0;border-top:1px solid rgba(255,255,255,.1)}.theme-row button{flex:1;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#fff;border-radius:999px;padding:9px;font-weight:800;cursor:pointer}.theme-row button.active{background:var(--lime);color:#071426}
@media(max-width:1100px){.v8-panel .app,.v8-panel .panel-shell{grid-template-columns:235px 1fr!important}.v8-panel .grid4,.v8-panel .kpis{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:760px){.v8-panel .app,.v8-panel .panel-shell{display:block!important}.v8-panel .side,.v8-panel .panel-side{height:auto!important;position:relative!important}.v8-panel .main,.v8-panel .panel-main{padding:18px!important}.v8-panel .grid4,.v8-panel .kpis,.v8-panel .grid3,.v8-panel .grid2,.v8-panel .panel-grid{grid-template-columns:1fr!important}}


/* V8.1 visual fixes */
.hero-v8{perspective:1400px}
.hero-stage{position:relative;height:620px;border-radius:34px;border:1px solid rgba(255,255,255,.14);overflow:hidden;background:
 radial-gradient(circle at 18% 18%, rgba(25,137,255,.28), transparent 24%),
 radial-gradient(circle at 80% 76%, rgba(200,239,53,.12), transparent 24%),
 linear-gradient(145deg, rgba(6,19,33,.92), rgba(12,43,77,.94));
 box-shadow:0 38px 110px rgba(0,0,0,.35);transform-style:preserve-3d;transition:transform .16s ease-out}
.hero-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px, transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.2));opacity:.65}
.hero-glow{position:absolute;border-radius:50%;filter:blur(12px);opacity:.9}
.hero-glow.g1{width:170px;height:170px;left:10%;top:10%;background:rgba(25,137,255,.55)}
.hero-glow.g2{width:220px;height:220px;right:6%;bottom:10%;background:rgba(200,239,53,.25)}
.hero-orbital{position:absolute;inset:50% auto auto 50%;width:340px;height:340px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 90px rgba(25,137,255,.16)}
.hero-orbital:before,.hero-orbital:after{content:"";position:absolute;inset:22px;border-radius:50%;border:1px dashed rgba(255,255,255,.14)}
.hero-orbital:after{inset:54px;border-style:solid;opacity:.55}
.hero-node{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 8px rgba(200,239,53,.14),0 0 22px rgba(200,239,53,.55)}
.hero-node.n1{top:18%;left:66%}.hero-node.n2{top:42%;left:20%;background:#58b0ff;box-shadow:0 0 0 8px rgba(88,176,255,.14),0 0 22px rgba(88,176,255,.55)}
.hero-node.n3{bottom:18%;right:18%}
.hero-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);transform-origin:left center;opacity:.65}
.hero-line.l1{width:230px;left:24%;top:36%;transform:rotate(14deg)}
.hero-line.l2{width:200px;left:46%;top:54%;transform:rotate(-28deg)}
.hero-panel{position:absolute;border:1px solid rgba(255,255,255,.14);background:rgba(8,20,35,.62);backdrop-filter:blur(18px);border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,.24)}
.hero-panel.main{left:13%;top:14%;width:42%;padding:20px}
.hero-panel.main img{width:100%;height:258px;object-fit:cover;border-radius:18px;display:block}
.hero-panel .hero-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#a9c6e6;font-weight:800;margin-bottom:12px}
.hero-panel .hero-title{font-family:Montserrat;font-size:28px;line-height:1.04;margin:0 0 10px;color:#fff}
.hero-panel .hero-sub{font-size:13px;line-height:1.6;color:#c9d6e1}
.hero-float{position:absolute;padding:16px 18px;border-radius:20px;min-width:200px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(18px);color:#fff}
.hero-float h4{margin:0 0 8px;font-size:14px;letter-spacing:.02em}
.hero-float p{margin:0;color:#c9d6e1;font-size:12px;line-height:1.5}
.hero-float strong{display:block;font-family:Montserrat;font-size:26px;color:var(--lime);margin:5px 0 4px}
.hero-float.f1{right:12%;top:11%}
.hero-float.f2{right:7%;bottom:16%}
.hero-float.f3{left:8%;bottom:11%;min-width:230px}
.hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.hero-pills span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:11px;font-weight:800;color:#dce7f1}
.hero-micro{position:absolute;right:16%;top:48%;padding:10px 12px;border-radius:15px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:12px;font-weight:800}
.hero-micro b{color:var(--lime)}
.hero-stage [data-depth]{transition:transform .14s ease-out;will-change:transform}

.v8-panel .top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important}
.v8-panel .top .actions{display:flex;gap:10px;align-items:center;justify-content:flex-end}
.v8-panel .panel-filter-card,.v8-panel .filter-card{margin:0 0 18px!important}
.v8-panel .steps{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px!important;margin:0 0 18px!important}
.v8-panel .step{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:auto!important;padding:16px 16px!important;border-radius:18px!important;background:var(--surface)!important;border:1px solid var(--line)!important;box-shadow:none!important;color:var(--muted)!important}
.v8-panel .step .dot{flex:none;width:10px;height:10px}
.v8-panel .step.done{background:rgba(22,132,92,.08)!important;border-color:rgba(22,132,92,.22)!important;color:var(--success)!important}
.v8-panel .step.current{background:rgba(25,137,255,.08)!important;border-color:rgba(25,137,255,.22)!important;color:var(--blue)!important}
.v8-panel .table-wrap{overflow:auto;border-radius:16px}
.v8-panel .card h3{margin-top:0}
.v8-panel .field{margin-bottom:0}
.v8-panel .field label{display:block;margin-bottom:8px;font-size:12px;font-weight:800;color:var(--muted)}
.v8-panel .field input::placeholder{color:#97a7b7}
.v8-panel .panel-section-gap{margin-top:18px}
html[data-theme="dark"] .v8-panel .step{background:var(--surface2)!important}
html[data-theme="dark"] .hero-float,html[data-theme="dark"] .hero-micro{background:rgba(8,20,35,.58)}
html[data-theme="dark"] .hero-panel{background:rgba(4,14,26,.7)}
@media(max-width:1080px){.hero-stage{height:560px}.hero-panel.main{left:8%;top:13%;width:48%}.hero-float.f1{right:7%}.hero-float.f2{right:5%}}
@media(max-width:760px){.hero-stage{height:auto;min-height:560px;padding:18px}.hero-panel.main{position:relative;left:auto;top:auto;width:100%}.hero-panel.main img{height:210px}.hero-orbital{width:240px;height:240px;top:58%}.hero-float,.hero-micro{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin-top:12px}.hero-line{display:none}.hero-v8 h1{font-size:clamp(42px,11vw,64px)}}


/* V8.2 experience pack */
.menu-btn{align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:inherit;cursor:pointer}
@media(max-width:1080px){
  .nav-links{position:fixed;left:14px;right:14px;top:82px;padding:18px;display:none;flex-direction:column;align-items:flex-start;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);z-index:1200}
  .nav-links.open{display:flex}
  .nav-links a{width:100%;padding:10px 2px}
  .nav-links a:after{display:none}
  .nav-actions .btn-light,.nav-actions .btn-primary{display:none}
}
body.menu-open{overflow:hidden}

.hero-stage{overflow:hidden;isolation:isolate}
.hero-spotlight{position:absolute;width:240px;height:240px;left:60%;top:45%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(200,239,53,.26),rgba(25,137,255,.12) 45%,transparent 72%);filter:blur(6px);mix-blend-mode:screen;z-index:0}
.hero-particles{position:absolute;inset:0;pointer-events:none;z-index:0}
.hero-particles .particle{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#fff,var(--lime));opacity:.65;box-shadow:0 0 14px rgba(200,239,53,.45);animation:heroParticleFloat linear infinite}
.hero-panel,.hero-float,.hero-micro,.hero-orbital,.hero-node,.hero-line{z-index:1}
.hero-panel.main{box-shadow:0 20px 50px rgba(0,0,0,.24), inset 0 0 0 1px rgba(255,255,255,.04)}
@keyframes heroParticleFloat{0%{transform:translate3d(0,0,0) scale(.7);opacity:.2}25%{opacity:.75}50%{transform:translate3d(14px,-28px,0) scale(1)}100%{transform:translate3d(-10px,-56px,0) scale(.6);opacity:0}}

.panel-side-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.sidebar-toggle,.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font-weight:900}
.v8-panel .panel-side .sidebar-toggle{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff}
.panel-utilitybar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding:12px 14px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
.panel-utilitybar .left-tools,.panel-utilitybar .right-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.panel-mini-chip{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;background:var(--surface2);color:var(--muted);font-size:12px;font-weight:900;border:1px solid var(--line)}
.panel-quicklink{min-height:40px;padding:0 16px}
.panel-backdrop{position:fixed;inset:0;background:rgba(4,12,24,.55);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:.2s;z-index:998}

.v8-panel .panel-side nav a span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v8-panel.sidebar-collapsed .app,body.v8-panel.sidebar-collapsed .panel-shell{grid-template-columns:96px minmax(0,1fr)!important}
body.v8-panel.sidebar-collapsed .panel-side{padding-inline:14px!important}
body.v8-panel.sidebar-collapsed .panel-side .brand{font-size:18px!important}
body.v8-panel.sidebar-collapsed .panel-side nav a{justify-content:center!important;padding-inline:10px!important}
body.v8-panel.sidebar-collapsed .panel-side nav a span{opacity:0;max-width:0}
body.v8-panel.sidebar-collapsed .theme-row{flex-direction:column}
body.v8-panel.sidebar-collapsed .theme-row button{font-size:0;padding:10px}
body.v8-panel.sidebar-collapsed .theme-row button::before{font-size:16px}
body.v8-panel.sidebar-collapsed .theme-row button[data-theme-choice="light"]::before{content:'☀'}
body.v8-panel.sidebar-collapsed .theme-row button[data-theme-choice="dark"]::before{content:'◐'}

.fake-chart{min-height:220px;border-radius:18px;background:
  linear-gradient(180deg, rgba(25,137,255,.14), transparent 55%),
  linear-gradient(90deg, transparent 0 8%, rgba(25,137,255,.55) 8% 12%, transparent 12% 20%, rgba(200,239,53,.6) 20% 24%, transparent 24% 32%, rgba(25,137,255,.45) 32% 36%, transparent 36% 46%, rgba(200,239,53,.5) 46% 50%, transparent 50% 62%, rgba(25,137,255,.42) 62% 66%, transparent 66% 100%),
  linear-gradient(rgba(107,122,139,.08) 1px, transparent 1px),linear-gradient(90deg,rgba(107,122,139,.08) 1px, transparent 1px);
background-size:100% 100%,100% 100%,26px 26px,26px 26px;border:1px solid var(--line)}
.alert{padding:14px 16px;border-radius:16px;background:var(--surface2);border:1px solid var(--line);margin-bottom:10px;font-size:14px;font-weight:700;color:var(--ink)}
.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.list-row:last-child{border-bottom:0}

@media(max-width:760px){
  .v8-panel .panel-side,.v8-panel .side{position:fixed!important;left:0;top:0;bottom:0;height:100vh!important;width:min(86vw,320px)!important;z-index:999;transform:translateX(-102%);transition:.22s;padding-bottom:24px!important}
  .v8-panel .app,.v8-panel .panel-shell{display:block!important}
  body.v8-panel.sidebar-open .panel-side,body.v8-panel.sidebar-open .side{transform:translateX(0)}
  body.sidebar-open .panel-backdrop{opacity:1;pointer-events:auto}
  .panel-utilitybar{position:sticky;top:12px;z-index:10;backdrop-filter:blur(14px)}
  .v8-rolebar{display:block}
}


/* V8.3 final visual pass */
html,body{min-height:100%}
html[data-theme="dark"] body{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .btn-light,html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .icon-btn{background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .nav-links{color:var(--ink)}
html[data-theme="dark"] .marquee-v8,html[data-theme="dark"] .metric-row{background:var(--surface);border-color:var(--line)}
html[data-theme="dark"] .marquee-item-v8{-webkit-text-stroke:1px #496277}
html[data-theme="dark"] .card-v8,html[data-theme="dark"] .blog-card,html[data-theme="dark"] .faq-v8 details,html[data-theme="dark"] .form-v8,
html[data-theme="dark"] .metric-v8,html[data-theme="dark"] .step-v8{box-shadow:0 16px 40px rgba(0,0,0,.16)}

.hero-v8,.public-hero-v8{position:relative}
.hero-v8:after,.public-hero-v8:after{content:"";position:absolute;inset:auto auto 5% 5%;width:36vw;height:36vw;max-width:520px;max-height:520px;border-radius:50%;background:radial-gradient(circle,rgba(200,239,53,.12),transparent 70%);filter:blur(12px);pointer-events:none}
.hero-stage{--mx:0;--my:0;position:relative;transform-style:preserve-3d;perspective:1600px;transition:transform .22s ease-out;animation:heroStageFloat 7s ease-in-out infinite}
.hero-stage::before{content:"";position:absolute;inset:6% 7%;border-radius:32px;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,0));border:1px solid rgba(255,255,255,.07);z-index:0}
.hero-stage:hover{transform:perspective(1600px) rotateX(calc(var(--my) * -10deg)) rotateY(calc(var(--mx) * 12deg)) scale(1.01)}
.hero-panel.main{animation:panelBob 5.2s ease-in-out infinite;transform:translateZ(50px)}
.hero-float.f1{animation:floatA 4.8s ease-in-out infinite}
.hero-float.f2{animation:floatB 5.4s ease-in-out infinite}
.hero-float.f3{animation:floatC 6s ease-in-out infinite}
.hero-orbital{animation:orbitalSpin 18s linear infinite}
.hero-node{animation:nodePulse 2.4s ease-in-out infinite}
.hero-node.n2{animation-delay:.8s}.hero-node.n3{animation-delay:1.4s}
.hero-line{animation:lineGlow 4s ease-in-out infinite}
.hero-spotlight{transition:left .08s linear, top .08s linear;opacity:.95}
.hero-particles .particle{width:var(--size,8px);height:var(--size,8px)}
.hero-stage [data-depth]{transition:transform .16s ease-out, box-shadow .24s ease-out}
.hero-stage:hover .hero-panel.main{box-shadow:0 28px 90px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.05)}
@keyframes heroStageFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes panelBob{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-10px,0)}}
@keyframes floatA{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-14px,0)}}
@keyframes floatB{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,12px,0)}}
@keyframes floatC{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-9px,0)}}
@keyframes orbitalSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes nodePulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.22);opacity:.65}}
@keyframes lineGlow{0%,100%{opacity:.45}50%{opacity:.95}}

.v8-panel .panel-main,.v8-panel .main{background:linear-gradient(180deg,rgba(255,255,255,.28),transparent)!important}
.v8-panel .panel-card,.v8-panel .card,.v8-panel .kpi,.v8-panel .pricebox,.v8-panel .step,.v8-panel .table-wrap table{backdrop-filter:blur(10px)}
.v8-panel .kpi,.v8-panel .card,.v8-panel .panel-card{position:relative;overflow:hidden}
.v8-panel .kpi:after,.v8-panel .card:after,.v8-panel .panel-card:after{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,var(--blue),var(--lime));opacity:.55}
.v8-panel .kvalue,.v8-panel .v{font-family:Montserrat,Arial,sans-serif;letter-spacing:-.04em}
.v8-panel .panel-top h1,.v8-panel .top h1{font-size:clamp(32px,4vw,58px);letter-spacing:-.05em}
.v8-panel .owner-hero{border:1px solid var(--line);border-radius:24px;padding:26px;background:linear-gradient(135deg,#071426,#0b2c4d);color:#fff;margin-bottom:18px;box-shadow:0 20px 50px rgba(0,0,0,.18)}
.v8-panel .owner-hero p{color:#c9d8e5}
.v8-panel .note,.v8-panel .success,.v8-panel .error,.v8-panel .alert,.v8-panel .message,.v8-panel .modal{border:1px solid var(--line)!important}
.v8-panel .note{background:linear-gradient(180deg,rgba(25,137,255,.08),rgba(25,137,255,.03))!important;color:var(--ink)!important}
.v8-panel .success{background:linear-gradient(180deg,rgba(22,132,92,.10),rgba(22,132,92,.04))!important;color:var(--ink)!important}
.v8-panel .error{background:linear-gradient(180deg,rgba(193,63,56,.10),rgba(193,63,56,.04))!important;color:var(--ink)!important}
.v8-panel input,.v8-panel select,.v8-panel textarea{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)!important}
.v8-panel .btn-light{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)!important}
.v8-panel .badge,.v8-panel [class*="b-"]{box-shadow:none!important}
html[data-theme="dark"] .v8-panel .panel-main,html[data-theme="dark"] .v8-panel .main{background:linear-gradient(180deg,rgba(255,255,255,.01),transparent)!important}
html[data-theme="dark"] .v8-panel .owner-hero{background:linear-gradient(135deg,#07111c,#11263b)!important;border-color:#1d3548}
html[data-theme="dark"] .v8-panel .kpi,html[data-theme="dark"] .v8-panel .card,html[data-theme="dark"] .v8-panel .panel-card,html[data-theme="dark"] .v8-panel table,
html[data-theme="dark"] .v8-panel .modal,html[data-theme="dark"] .v8-panel .message{background:rgba(13,28,44,.88)!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:0 16px 36px rgba(0,0,0,.22)!important}
html[data-theme="dark"] .v8-panel th{background:#10263d!important;color:#9eb0c1!important}
html[data-theme="dark"] .v8-panel td{background:transparent!important}
html[data-theme="dark"] .v8-panel .note{background:linear-gradient(180deg,rgba(25,137,255,.13),rgba(25,137,255,.06))!important}
html[data-theme="dark"] .v8-panel .success{background:linear-gradient(180deg,rgba(22,132,92,.16),rgba(22,132,92,.07))!important}
html[data-theme="dark"] .v8-panel .error{background:linear-gradient(180deg,rgba(193,63,56,.16),rgba(193,63,56,.07))!important}
html[data-theme="dark"] .v8-panel .field input::placeholder{color:#7d96ab}
html[data-theme="dark"] .v8-panel .small,html[data-theme="dark"] .v8-panel .k,html[data-theme="dark"] .v8-panel .klabel,.v8-panel .delta{color:var(--muted)!important}

.page-hero-mini{padding:132px 0 54px;color:#fff;background:linear-gradient(135deg,#04101f,#0b2745)}
.page-hero-mini .hero-mini-card{margin-top:28px;padding:26px;border-radius:26px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px)}

@media(max-width:1080px){
  .hero-grid-v8{gap:30px}
  .hero-panel.main{width:52%;left:6%}
}
@media(max-width:760px){
  .hero-stage{min-height:620px}
  .hero-stage:hover{transform:none}
  .panel-utilitybar{padding:10px 12px}
}

/* V9 core live widgets */
.live-bars{display:flex;align-items:flex-end;gap:12px;min-height:210px;padding:18px 8px 4px}.live-bar-col{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px}.live-bar-value{font-size:12px;font-weight:900;color:var(--muted)}.live-bar-track{height:140px;width:min(34px,72%);border-radius:999px;background:var(--surface2);border:1px solid var(--line);display:flex;align-items:flex-end;overflow:hidden}.live-bar-track span{display:block;width:100%;border-radius:999px;background:linear-gradient(180deg,var(--lime),var(--blue));min-height:4px}.live-bar-col small{color:var(--muted);font-weight:800;font-size:11px}.finance-meter{display:grid}.finance-meter>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.platform-row{display:grid;grid-template-columns:120px 1fr 58px;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.platform-track{height:9px;border-radius:999px;background:var(--surface2);overflow:hidden}.platform-track i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--lime))}.platform-checks{display:flex;flex-wrap:wrap;gap:8px}.platform-check{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);font-size:12px;font-weight:800}.platform-check input{width:auto!important;min-height:auto!important;margin:0}.cms-list{display:grid;gap:10px}.cms-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.media-item{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface)}.media-item img{display:block;width:100%;height:150px;object-fit:cover}.media-body{padding:12px}.contact-status{margin-top:12px;padding:12px 14px;border-radius:14px;display:none}.contact-status.ok{display:block;background:rgba(22,132,92,.1);border:1px solid rgba(22,132,92,.24);color:var(--success)}.contact-status.err{display:block;background:rgba(193,63,56,.1);border:1px solid rgba(193,63,56,.24);color:var(--danger)}@media(max-width:900px){.media-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.media-grid{grid-template-columns:1fr}.cms-row{grid-template-columns:1fr}.live-bars{gap:6px}.live-bar-track{height:105px}}


/* V9.1.1 grouped navigation */
.v8-panel .grouped-nav{display:flex!important;flex-direction:column!important;gap:8px!important}
.v8-panel .nav-group{border:1px solid rgba(255,255,255,.07);border-radius:15px;overflow:hidden;background:rgba(255,255,255,.025)}
.v8-panel .nav-group-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;background:transparent;color:#8ea8bf;padding:10px 12px;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;cursor:pointer}
.v8-panel .nav-group-toggle b{font-size:15px;line-height:1;transition:transform .2s;color:#c7d6e3}
.v8-panel .nav-group.open .nav-group-toggle b{transform:rotate(180deg)}
.v8-panel .nav-group-items{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}
.v8-panel .nav-group-items>a{overflow:hidden}
.v8-panel .nav-group.open .nav-group-items{grid-template-rows:1fr}
.v8-panel .nav-group.open .nav-group-items>a{min-height:40px}
.v8-panel .nav-group-items a{margin:0 7px 6px!important;padding:9px 11px!important;border-radius:11px!important;font-size:12px!important}
.v8-panel .nav-group-items a.active{background:rgba(200,239,53,.13)!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--lime)!important}
.v8-panel .nav-group-items a:hover{background:rgba(255,255,255,.07)!important;transform:none!important}
.v8-panel .nav-group.open{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.10)}
body.v8-panel.sidebar-collapsed .nav-group-toggle span{display:none}
body.v8-panel.sidebar-collapsed .nav-group-toggle{justify-content:center;padding:9px}
body.v8-panel.sidebar-collapsed .nav-group-toggle b{font-size:13px}
body.v8-panel.sidebar-collapsed .nav-group-items a span{opacity:0;max-width:0}
body.v8-panel.sidebar-collapsed .nav-group-items a{justify-content:center!important}
@media(max-width:760px){.v8-panel .nav-group-toggle{font-size:11px}.v8-panel .nav-group-items a{font-size:13px!important}}


/* V9.2 grouped navigation contrast + automation status */
.v8-panel .nav-group{background:rgba(12,39,63,.58)!important;border-color:rgba(88,176,255,.10)!important}
.v8-panel .nav-group-toggle{background:rgba(20,59,91,.58)!important;color:#9fc6e8!important;border-bottom:1px solid transparent!important}
.v8-panel .nav-group-toggle:hover{background:rgba(27,73,111,.72)!important;color:#d8ebfb!important}
.v8-panel .nav-group.open{background:rgba(13,45,72,.82)!important;border-color:rgba(88,176,255,.20)!important}
.v8-panel .nav-group.open .nav-group-toggle{background:linear-gradient(90deg,rgba(25,137,255,.20),rgba(20,59,91,.72))!important;color:#e7f4ff!important;border-bottom-color:rgba(255,255,255,.08)!important}
.v8-panel .nav-group-toggle:before{content:"";width:6px;height:6px;border-radius:50%;background:#4c86af;box-shadow:0 0 0 4px rgba(76,134,175,.10);flex:none}
.v8-panel .nav-group.open .nav-group-toggle:before{background:var(--lime);box-shadow:0 0 0 4px rgba(200,239,53,.10)}
.v8-panel .nav-group-toggle>span{flex:1;text-align:left}
html[data-theme="light"] .v8-panel .nav-group{background:rgba(8,35,57,.78)!important}
html[data-theme="light"] .v8-panel .nav-group-toggle{background:rgba(16,55,86,.82)!important}

.readiness-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.readiness-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);position:relative;overflow:hidden}
.readiness-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--blue)}
.readiness-card.ok:before{background:var(--success)}.readiness-card.warn:before{background:var(--warning)}.readiness-card.bad:before{background:var(--danger)}
.readiness-card .label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--muted)}
.readiness-card .state{font:900 24px/1.1 Montserrat,Arial,sans-serif;margin-top:8px;color:var(--ink)}
.readiness-card .help{font-size:12px;line-height:1.55;color:var(--muted);margin-top:8px}
@media(max-width:1100px){.readiness-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.readiness-grid{grid-template-columns:1fr}}


/* V9.2.1 NAVFIX — collapse every row in a group, not only the first grid row */
.v8-panel .nav-group-items{
  display:flex!important;
  flex-direction:column!important;
  max-height:0!important;
  overflow:hidden!important;
  opacity:0;
  pointer-events:none;
  transition:max-height .24s ease,opacity .16s ease!important;
}
.v8-panel .nav-group-items>a{
  overflow:visible!important;
  flex:0 0 auto!important;
  min-height:0!important;
}
.v8-panel .nav-group.open .nav-group-items{
  max-height:560px!important;
  opacity:1;
  pointer-events:auto;
}
.v8-panel .nav-group.open .nav-group-items>a{min-height:40px!important}
.v8-panel .nav-group:not(.open) .nav-group-items>a{
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  border-width:0!important;
}

/* V9.4 collaboration + notification center */
.panel-badge-btn{position:relative;text-decoration:none}
.panel-count{position:absolute;right:-5px;top:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--lime);color:#071426;border:2px solid var(--surface);font-size:10px;font-weight:950;display:flex;align-items:center;justify-content:center;line-height:1}
.panel-count[hidden]{display:none!important}
.panel-notification-drawer{position:fixed;right:0;top:0;bottom:0;width:min(440px,94vw);background:var(--surface);color:var(--ink);border-left:1px solid var(--line);box-shadow:-24px 0 70px rgba(5,20,38,.22);z-index:1600;transform:translateX(105%);transition:transform .22s ease;display:flex;flex-direction:column}
.notification-open .panel-notification-drawer{transform:translateX(0)}
.notif-backdrop{position:fixed;inset:0;background:rgba(3,11,20,.48);backdrop-filter:blur(2px);z-index:1590;opacity:0;pointer-events:none;transition:.2s}
.notification-open .notif-backdrop{opacity:1;pointer-events:auto}
.notif-drawer-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:20px;border-bottom:1px solid var(--line)}
.notif-drawer-head strong{display:block;font-size:20px}.notif-drawer-head span{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.notif-actions{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.notif-actions .btn{min-height:38px;padding:0 12px;font-size:11px}
.notif-list{overflow:auto;padding:10px;flex:1}
.notif-item{position:relative;width:100%;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:16px;padding:12px;display:grid;grid-template-columns:40px 1fr 8px;gap:10px;text-align:left;margin-bottom:8px;cursor:pointer}
.notif-item:hover{border-color:rgba(25,137,255,.4);background:var(--surface2)}
.notif-item.read{opacity:.64}.notif-item.urgent{border-color:rgba(193,63,56,.5)}
.notif-icon{width:40px;height:40px;border-radius:13px;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:18px}
.notif-copy b,.notif-copy span,.notif-copy small{display:block}.notif-copy b{font-size:13px}.notif-copy span{font-size:12px;color:var(--muted);line-height:1.45;margin-top:3px}.notif-copy small{font-size:10px;color:var(--muted);margin-top:6px}.notif-item i{width:8px;height:8px;border-radius:50%;background:var(--lime);margin-top:5px}
.notif-drawer-foot{padding:14px 18px;border-top:1px solid var(--line);font-size:12px;font-weight:900}.notif-drawer-foot a{color:var(--blue)}
html[data-theme="dark"] .panel-count{border-color:var(--surface)}
@media(max-width:760px){.panel-notification-drawer{width:100%}.panel-quicklink{display:none}}
.command-palette{position:fixed;inset:0;background:rgba(3,11,20,.58);backdrop-filter:blur(7px);z-index:1800;display:none;align-items:flex-start;justify-content:center;padding:11vh 20px 20px}.command-open .command-palette{display:flex}.command-box{width:min(720px,100%);background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:0 35px 110px rgba(0,0,0,.3);overflow:hidden}.command-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.command-head>span{font-size:24px}.command-head input{border:0!important;outline:0!important;background:transparent!important;font-size:18px!important;padding:6px!important}.command-head kbd{font-size:10px;padding:5px 7px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--surface2)}.command-results{padding:10px;max-height:60vh;overflow:auto}.command-item{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:11px;border-radius:14px;color:var(--ink)}.command-item:hover{background:var(--surface2)}.command-item>span:first-child{width:42px;height:42px;border-radius:13px;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:19px}.command-item b,.command-item small{display:block}.command-item small{color:var(--muted);margin-top:3px}


/* V9.5 customer completion */
.action-row,.request-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface);margin-bottom:9px;transition:.18s}.action-row:hover,.request-row:hover{transform:translateY(-1px);border-color:rgba(25,137,255,.35);box-shadow:0 10px 26px rgba(7,20,38,.06)}.action-row.high{box-shadow:inset 3px 0 0 var(--danger)}.action-row.normal{box-shadow:inset 3px 0 0 var(--blue)}.action-row.low{box-shadow:inset 3px 0 0 var(--lime)}.action-icon{width:38px;height:38px;border-radius:12px;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:18px}.action-row b,.request-row b{display:block;font-size:13px}.action-row small,.request-row small{display:block;color:var(--muted);margin-top:4px;line-height:1.4}.action-row>i,.request-row>i{font-style:normal}.empty-state-good{padding:20px;border-radius:16px;background:rgba(22,132,92,.08);border:1px solid rgba(22,132,92,.18);color:var(--success);font-weight:850}.action-card{background:linear-gradient(180deg,var(--surface),var(--surface2))!important}.pricebox .eyebrow{letter-spacing:.12em}.v8-panel .top .actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:760px){.v8-panel .top .actions{justify-content:flex-start}.action-row,.request-row{grid-template-columns:auto minmax(0,1fr);}.action-row>i,.request-row>i{grid-column:2}}


/* V9.8.2 hero carousel + clickability polish */
.hero-panel .hero-sub{font-size:13px;line-height:1.6;color:#c9d6e1;margin:0 0 14px}
.hero-carousel{position:absolute;right:8%;top:8%;width:min(360px,44%);z-index:2;display:flex;flex-direction:column;gap:12px}
.hero-slide{position:relative;display:none;min-height:152px;min-width:0;padding:22px 22px 20px;border-radius:24px;background:linear-gradient(135deg,rgba(33,53,79,.84),rgba(18,29,46,.72));border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 45px rgba(0,0,0,.22)}
.hero-slide.is-active{display:block;animation:heroSlideIn .45s ease}
.hero-slide h4{font-size:15px;margin-bottom:10px}
.hero-slide strong{font-size:22px;line-height:1.1;margin-bottom:8px}
.hero-slide p{font-size:13px;line-height:1.6;color:#d5e0ea}
.hero-carousel-dots{display:flex;gap:8px;align-items:center}
.hero-carousel-dots button{width:10px;height:10px;border-radius:999px;border:0;background:rgba(255,255,255,.28);padding:0;cursor:pointer}
.hero-carousel-dots button.active{width:28px;background:var(--lime)}
.hero-carousel-progress{height:4px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.12)}
.hero-carousel-progress i{display:block;height:100%;width:25%;background:linear-gradient(90deg,var(--lime),#90ff81);transform-origin:left center}
.hero-strip{position:absolute;left:14%;bottom:8%;display:flex;gap:8px;flex-wrap:wrap;z-index:2}
.hero-strip span{padding:10px 14px;border-radius:999px;background:rgba(8,20,35,.74);border:1px solid rgba(255,255,255,.14);font-size:12px;font-weight:800;color:#d9e6ef}
.hero-micro{right:12%;top:43%;max-width:260px}
.card-link,.link-card{cursor:pointer;transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}
.card-link:hover,.link-card:hover{transform:translateY(-4px);border-color:rgba(200,239,53,.45);box-shadow:0 18px 45px rgba(0,0,0,.08)}
.card-link:focus-visible,.link-card:focus-visible,.hero-carousel-dots button:focus-visible,.btn:focus-visible,.nav-links a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.card-cta{display:inline-flex;margin-top:14px;font-weight:800;color:var(--blue)}
.hero-panel.main .hero-pills{margin-top:14px}
.hero-panel.main .hero-pills span{background:rgba(255,255,255,.04)}
@keyframes heroSlideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:1080px){
  .hero-carousel{right:5%;width:min(330px,43%)}
  .hero-micro{right:7%;top:47%}
}
@media(max-width:760px){
  .hero-carousel{position:relative;right:auto;top:auto;width:100%;margin-top:14px}
  .hero-slide{display:none;min-height:auto}
  .hero-slide.is-active{display:block}
  .hero-strip{position:relative;left:auto;bottom:auto;margin-top:12px}
  .hero-micro{position:relative;right:auto;top:auto;max-width:none}
  .hero-panel.main .hero-title{font-size:24px}
}


/* V9.8.3 FULL HERO BANNER CAROUSEL */
.hero-banner-carousel{display:block!important;min-height:100vh!important;padding:0!important;overflow:hidden;position:relative;background:linear-gradient(125deg,#04101f,#0b2745)}
.hero-banner-carousel:before{z-index:0;pointer-events:none}
.hero-banner-track{display:flex;width:100%;min-height:100vh;transition:transform .72s cubic-bezier(.2,.8,.2,1);will-change:transform}
.hero-banner-slide{flex:0 0 100%;width:100%;min-height:100vh;padding:138px 0 106px;display:flex;align-items:center;position:relative;overflow:hidden}
.hero-banner-slide:nth-child(2){background:radial-gradient(circle at 78% 30%,rgba(200,239,53,.13),transparent 28%),linear-gradient(125deg,#04101f,#102f4f)}
.hero-banner-slide:nth-child(3){background:radial-gradient(circle at 78% 24%,rgba(25,137,255,.25),transparent 26%),linear-gradient(125deg,#04101f,#0a2139)}
.hero-banner-slide .container{position:relative;z-index:2}
.hero-banner-copy{max-width:720px}
.hero-banner-copy h1{font-size:clamp(54px,7vw,100px)!important;line-height:.93;margin:16px 0 22px}
.hero-banner-copy p{max-width:680px}
.hero-trustline{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;color:#a8bac9;font-size:12px;font-weight:800}.hero-trustline span::first-letter{color:var(--lime)}
.hero-banner-visual{height:590px;border-radius:34px;border:1px solid rgba(255,255,255,.14);position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(7,20,38,.94),rgba(12,43,77,.92));box-shadow:0 38px 110px rgba(0,0,0,.36);isolation:isolate}
.hero-banner-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;opacity:.6;z-index:-1}
.network-photo{position:absolute;left:7%;right:7%;bottom:7%;height:54%;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.network-photo img{width:100%;height:100%;object-fit:cover}.network-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(4,14,26,.7))}
.hero-scene-glow{position:absolute;border-radius:50%;filter:blur(18px)}.glow-a{width:210px;height:210px;background:rgba(25,137,255,.42);left:8%;top:7%}.glow-b{width:260px;height:260px;background:rgba(200,239,53,.18);right:-4%;bottom:5%}
.scene-panel{position:absolute;left:7%;top:9%;width:62%;padding:23px;border-radius:22px;background:rgba(9,25,42,.84);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:7px}.scene-panel span{font-size:10px;letter-spacing:.16em;color:#a6c1da;font-weight:900}.scene-panel strong{font-size:29px;line-height:1.05;font-family:Montserrat}.scene-panel small{color:#b4c3cf}
.scene-mini{position:absolute;padding:14px 16px;border-radius:17px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:3px}.scene-mini b{font-size:13px}.scene-mini span{font-size:11px;color:#afc0cd}.scene-mini-a{right:6%;top:12%}.scene-mini-b{right:6%;top:35%}.scene-mini-b b{color:var(--lime)}
.rate-scene{display:grid;place-items:center;padding:44px}.rate-window{width:min(510px,94%);background:rgba(9,24,40,.92);border:1px solid rgba(255,255,255,.15);border-radius:26px;padding:26px;box-shadow:0 24px 70px rgba(0,0,0,.3);position:relative;z-index:2}.rate-window-head,.rate-total{display:flex;align-items:center;justify-content:space-between}.rate-window-head span{font-size:11px;letter-spacing:.16em;font-weight:900;color:#9fb6c8}.rate-window-head i{font-style:normal;color:#071426;background:var(--lime);font-size:9px;font-weight:900;padding:6px 9px;border-radius:999px}.rate-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.rate-fields>div,.rate-options>div{padding:15px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11)}.rate-fields small,.rate-options small{display:block;font-size:9px;color:#8da3b4;margin-bottom:5px}.rate-fields b{font-size:14px}.rate-route{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:18px 0;font-weight:900}.rate-route span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#122b44;border:1px solid rgba(255,255,255,.12)}.rate-route i{height:2px;background:linear-gradient(90deg,var(--blue),var(--lime));position:relative}.rate-route i:after{content:"";position:absolute;right:0;top:50%;width:8px;height:8px;border-radius:50%;background:var(--lime);transform:translateY(-50%);box-shadow:0 0 15px rgba(200,239,53,.8)}.rate-options{display:grid;gap:9px}.rate-options>div{display:grid;grid-template-columns:1fr auto;gap:3px 10px}.rate-options>div span{font-size:12px;font-weight:800}.rate-options>div strong{font-size:12px;color:#a9bbca}.rate-options>div small{grid-column:1/-1;margin:0}.rate-options .selected{border-color:rgba(200,239,53,.48);background:rgba(200,239,53,.08)}.rate-options .selected strong{color:var(--lime)}.rate-total{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}.rate-total span{font-size:11px;color:#8fa4b5}.rate-total strong{font-size:20px;color:var(--lime)}
.floating-chip{position:absolute;padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);font-size:11px;font-weight:900;backdrop-filter:blur(10px);animation:chipFloat 4s ease-in-out infinite}.chip-one{left:5%;top:12%}.chip-two{right:4%;bottom:10%;animation-delay:.8s}.chip-three{right:5%;top:9%}
.control-scene{display:grid;place-items:center;padding:38px}.control-shell{width:min(540px,96%);min-height:390px;display:grid;grid-template-columns:72px 1fr;border-radius:27px;overflow:hidden;background:#0a1d30;border:1px solid rgba(255,255,255,.14);box-shadow:0 25px 70px rgba(0,0,0,.3)}.control-sidebar{background:#061321;padding:20px 13px;display:flex;align-items:center;flex-direction:column;gap:18px}.control-sidebar b{width:38px;height:38px;border-radius:12px;background:var(--lime);color:#071426;display:grid;place-items:center;font-family:Montserrat}.control-sidebar i{width:30px;height:8px;border-radius:999px;background:#18344e}.control-main{padding:24px}.control-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.control-top span{font-family:Montserrat;font-weight:800}.control-top small{color:var(--lime);font-size:9px;font-weight:900}.control-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.control-kpis div,.control-grid div{padding:14px;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10)}.control-kpis small,.control-grid span{display:block;color:#8ba0b0;font-size:9px;margin-bottom:6px}.control-kpis strong{font-size:25px}.control-card{margin:14px 0;padding:18px;border-radius:17px;background:linear-gradient(135deg,rgba(25,137,255,.13),rgba(200,239,53,.06));border:1px solid rgba(255,255,255,.11)}.control-card>span{font-size:9px;color:#8fa5b5}.control-card>b{display:block;margin:6px 0 12px}.control-progress{height:7px;border-radius:999px;background:#132d43;overflow:hidden;margin-bottom:9px}.control-progress i{display:block;width:72%;height:100%;background:linear-gradient(90deg,var(--blue),var(--lime));animation:controlPulse 3s ease-in-out infinite}.control-card small{color:#9eb0bd}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.control-grid b{font-size:12px}
.hero-banner-arrow{position:absolute;top:50%;z-index:10;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.20);background:rgba(7,20,38,.58);color:#fff;backdrop-filter:blur(12px);font-size:32px;display:grid;place-items:center;cursor:pointer;transition:.2s}.hero-banner-arrow:hover{background:var(--lime);color:#071426;transform:scale(1.05)}.hero-banner-prev{left:20px}.hero-banner-next{right:20px}
.hero-banner-footer{position:absolute!important;left:50%;bottom:28px;transform:translateX(-50%);z-index:12;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:18px}.hero-banner-dots{display:flex;gap:8px}.hero-banner-dots button{width:10px;height:10px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.32);cursor:pointer;transition:.25s}.hero-banner-dots button.active{width:34px;background:var(--lime)}.hero-banner-counter{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900;color:#94a9b8}.hero-banner-counter span:first-child{color:#fff}.hero-banner-counter i{width:32px;height:1px;background:rgba(255,255,255,.25)}.hero-banner-progress{height:3px;border-radius:999px;background:rgba(255,255,255,.13);overflow:hidden}.hero-banner-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--lime));transform:scaleX(0);transform-origin:left}
@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes controlPulse{50%{filter:brightness(1.35)}}
@media(max-width:1080px){.hero-banner-slide{padding-top:120px}.hero-banner-visual{height:520px}.scene-panel{width:70%}.hero-banner-arrow{width:44px;height:44px}.hero-banner-prev{left:8px}.hero-banner-next{right:8px}}
@media(max-width:760px){.hero-banner-slide{min-height:auto;padding:118px 0 98px}.hero-banner-slide .hero-grid-v8{grid-template-columns:1fr!important;gap:32px}.hero-banner-copy h1{font-size:clamp(44px,13vw,64px)!important}.hero-banner-copy p{font-size:16px!important}.hero-banner-visual{height:470px}.scene-panel{left:5%;top:7%;width:90%}.scene-panel strong{font-size:23px}.scene-mini-a{right:5%;top:35%}.scene-mini-b{right:5%;top:49%}.network-photo{height:43%}.rate-scene,.control-scene{padding:16px}.rate-window{padding:18px}.control-shell{grid-template-columns:55px 1fr}.control-sidebar{padding:16px 8px}.control-main{padding:16px}.control-kpis{gap:6px}.hero-banner-arrow{top:auto;bottom:24px;width:40px;height:40px}.hero-banner-prev{left:auto;right:62px}.hero-banner-next{right:14px}.hero-banner-footer{bottom:34px;left:14px;right:120px;transform:none;width:auto!important;grid-template-columns:auto 1fr}.hero-banner-counter{display:none}.hero-trustline{gap:10px}.hero-trustline span{font-size:10px}.floating-chip{display:none}}
@media(prefers-reduced-motion:reduce){.hero-banner-track,.hero-banner-progress i,.floating-chip,.control-progress i{transition:none!important;animation:none!important}}

/* V9.8.3 BLOG READING EXPERIENCE */
.blog-article{padding:34px 38px}.blog-article h2{font-size:clamp(30px,4vw,44px);margin:8px 0 18px}.blog-article h3{font-size:24px;margin:34px 0 10px}.blog-article h4{font-size:18px;margin:24px 0 8px}.blog-article p,.blog-article li{font-size:16px;line-height:1.82;color:var(--muted)}.blog-article ul,.blog-article ol{padding-left:22px}.blog-article li+li{margin-top:7px}.blog-lead{font-size:19px!important;color:var(--ink)!important;font-weight:600}.blog-toc{margin:24px 0;padding:20px;border-radius:18px;background:var(--surface2);border:1px solid var(--line)}.blog-toc strong{display:block;margin-bottom:9px}.blog-toc a{display:block;color:var(--blue);font-weight:800;font-size:13px;margin:7px 0}.blog-callout{margin:24px 0;padding:20px 22px;border-radius:18px;background:linear-gradient(135deg,rgba(25,137,255,.08),rgba(200,239,53,.08));border:1px solid var(--line)}.blog-callout strong{display:block;margin-bottom:7px}.blog-callout p{margin:0}.blog-warning{border-left:4px solid var(--warning)}.blog-checklist{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.blog-checklist div{padding:13px 15px;border-radius:14px;background:var(--surface2);border:1px solid var(--line);font-size:13px;font-weight:800}.blog-table{width:100%;border-collapse:collapse;margin:22px 0;font-size:13px}.blog-table th,.blog-table td{padding:13px;border:1px solid var(--line);text-align:left;vertical-align:top}.blog-table th{background:var(--surface2)}.blog-meta-row{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 0}.blog-end-cta{margin-top:34px}.blog-cover.cover-1{background:linear-gradient(135deg,#071426,#1989ff)}.blog-cover.cover-2{background:linear-gradient(135deg,#071426,#6757ff)}.blog-cover.cover-3{background:linear-gradient(135deg,#0a2745,#2ec4b6)}.blog-cover.cover-4{background:linear-gradient(135deg,#071426,#b97812)}.blog-cover.cover-5{background:linear-gradient(135deg,#071426,#16845c)}.blog-cover.cover-6{background:linear-gradient(135deg,#071426,#3a86ff)}.blog-cover.cover-7{background:linear-gradient(135deg,#071426,#8a5cf6)}.blog-cover.cover-8{background:linear-gradient(135deg,#071426,#c8ef35)}
.empty{padding:28px!important;text-align:center!important;color:var(--muted)!important}.v8-panel .table-wrap{scrollbar-width:thin}.v8-panel table th{position:sticky;top:0;z-index:1}.v8-rolebar span:last-child{color:var(--muted)}
@media(max-width:760px){.blog-article{padding:24px 20px}.blog-checklist{grid-template-columns:1fr}.blog-table{font-size:12px}.blog-table th,.blog-table td{padding:10px}}


/* V9.8.6 merged interaction state fixes */
body.v8-panel.sidebar-collapsed .sidebar-toggle{transform:rotate(180deg);background:rgba(200,239,53,.12);border-color:rgba(200,239,53,.35)}
.sidebar-toggle{transition:transform .2s ease,background .2s ease,border-color .2s ease}
body.v8-panel.sidebar-collapsed .panel-side-head{justify-content:center;flex-direction:column}
body.v8-panel.sidebar-collapsed .panel-side-head .brand{margin:0!important;text-align:center}
body.v8-panel.sidebar-collapsed .panel-side .nav-group{border-radius:12px}
body.v8-panel.sidebar-collapsed .panel-side .nav-group-items a{min-height:38px}


/* V9.8.7 hard sidebar behavior fallback */
.v8-panel .panel-side.is-collapsed{padding-inline:14px!important}
.v8-panel .panel-side.is-collapsed .panel-side-head{justify-content:center;flex-direction:column}
.v8-panel .panel-side.is-collapsed .panel-side-head .brand{font-size:18px!important;margin:0!important;text-align:center}
.v8-panel .panel-side.is-collapsed .nav-group-toggle span{display:none!important}
.v8-panel .panel-side.is-collapsed .nav-group-toggle{justify-content:center!important;padding:9px!important}
.v8-panel .panel-side.is-collapsed .nav-group-items a span{display:none!important;opacity:0!important;max-width:0!important}
.v8-panel .panel-side.is-collapsed .nav-group-items a{justify-content:center!important;padding-inline:8px!important}
.v8-panel .panel-side.is-collapsed .theme-row{flex-direction:column!important}
.v8-panel .panel-side.is-collapsed .theme-row button{font-size:0!important;padding:10px!important}
.v8-panel .panel-side.is-collapsed .theme-row button[data-theme-choice="light"]::before{content:'☀';font-size:16px}
.v8-panel .panel-side.is-collapsed .theme-row button[data-theme-choice="dark"]::before{content:'◐';font-size:16px}
.v8-panel .panel-side.is-collapsed .sidebar-toggle{transform:rotate(180deg);background:rgba(200,239,53,.12);border-color:rgba(200,239,53,.35)}

.v8-panel .panel-shell{transition:grid-template-columns .22s ease}


/* V9.8.8 cache-proof sidebar: shell-local state wins regardless of body selector/cascade. */
.v8-panel .panel-shell.sidebar-mini,.v8-panel .app.sidebar-mini{grid-template-columns:96px minmax(0,1fr)!important}
.v8-panel .panel-shell.sidebar-mini .panel-side,.v8-panel .app.sidebar-mini .panel-side{padding-inline:14px!important}
.v8-panel .panel-shell.sidebar-mini .panel-side .brand,.v8-panel .app.sidebar-mini .panel-side .brand{font-size:18px!important}
.v8-panel .panel-shell.sidebar-mini .nav-group-toggle span,.v8-panel .app.sidebar-mini .nav-group-toggle span{display:none!important}
.v8-panel .panel-shell.sidebar-mini .nav-group-toggle,.v8-panel .app.sidebar-mini .nav-group-toggle{justify-content:center!important;padding:9px!important}
.v8-panel .panel-shell.sidebar-mini .nav-group-items a span,.v8-panel .app.sidebar-mini .nav-group-items a span{display:none!important}
.v8-panel .panel-shell.sidebar-mini .nav-group-items a,.v8-panel .app.sidebar-mini .nav-group-items a{justify-content:center!important;padding-inline:8px!important}
.v8-panel .panel-shell.sidebar-mini .theme-row,.v8-panel .app.sidebar-mini .theme-row{flex-direction:column!important}
.v8-panel .panel-shell.sidebar-mini .theme-row button,.v8-panel .app.sidebar-mini .theme-row button{font-size:0!important;padding:10px!important}
.v8-panel .panel-shell.sidebar-mini .theme-row button[data-theme-choice="light"]::before,.v8-panel .app.sidebar-mini .theme-row button[data-theme-choice="light"]::before{content:'☀';font-size:16px}
.v8-panel .panel-shell.sidebar-mini .theme-row button[data-theme-choice="dark"]::before,.v8-panel .app.sidebar-mini .theme-row button[data-theme-choice="dark"]::before{content:'◐';font-size:16px}
.v8-panel .panel-shell.sidebar-mini .sidebar-toggle,.v8-panel .app.sidebar-mini .sidebar-toggle{transform:rotate(180deg);background:rgba(200,239,53,.12);border-color:rgba(200,239,53,.35)}
.panel-build-chip{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#071426;color:#c8ef35;font-size:9px;font-weight:900;letter-spacing:.08em;white-space:nowrap}
@media(max-width:760px){.panel-build-chip{display:none}.v8-panel .panel-shell.sidebar-mini,.v8-panel .app.sidebar-mini{display:block!important}}

/* V10 accessibility: skip link is invisible during normal browsing and appears only for keyboard focus. */
.skip-link{position:fixed!important;left:14px!important;top:10px!important;z-index:100000!important;padding:10px 14px!important;border-radius:10px!important;background:#071427!important;color:#fff!important;font-weight:800!important;text-decoration:none!important;transform:translateY(-180%)!important;opacity:0!important;pointer-events:none!important;transition:transform .16s ease,opacity .16s ease!important}
.skip-link:focus,.skip-link:focus-visible{transform:translateY(0)!important;opacity:1!important;pointer-events:auto!important;outline:3px solid #b7f20f!important;outline-offset:2px!important}