/* ==============================================================
   Vyxo v6.7.7 — Visual Identity System
   Official brand artwork + premium public/client/reseller surfaces
   ============================================================== */
:root{
  --v67-indigo:#654cff;--v67-violet:#8b5cff;--v67-cyan:#34d8ff;--v67-ink:#060916;
  --v67-panel:rgba(11,16,34,.78);--v67-line:rgba(142,164,255,.16);
  --v67-glow:0 24px 80px rgba(66,67,255,.18),0 8px 34px rgba(0,0,0,.28);
}

/* ---------- Official brand assets ---------- */
.v67-brand-icon,.v67-shell-brand-icon,.v67-auth-brand-image{display:block;object-fit:contain}
.v67-brand-icon{width:44px;height:44px;border-radius:13px;filter:drop-shadow(0 10px 22px rgba(80,83,255,.28))}
.v67-footer-logo{display:block;width:min(210px,65vw);height:auto;filter:drop-shadow(0 12px 28px rgba(64,72,255,.22))}
.v67-shell-brand-icon{width:36px;height:36px;border-radius:11px}
.v67-auth-brand-image{width:52px;height:52px;border-radius:16px}

/* ---------- Public website ---------- */
.marketing-body.v67-marketing{
  background:
    radial-gradient(circle at 74% 3%,rgba(72,61,255,.22),transparent 34rem),
    radial-gradient(circle at 12% 34%,rgba(34,208,255,.08),transparent 30rem),
    linear-gradient(180deg,#050713 0%,#070b19 38%,#050812 100%);
}
.v67-marketing .marketing-container{width:min(1240px,calc(100% - 44px))}
.v67-marketing .marketing-header{background:rgba(5,8,20,.72);border-bottom:1px solid rgba(135,151,255,.09);box-shadow:0 12px 45px rgba(0,0,0,.12)}
.v67-marketing .nav-wrap{height:82px}
.v67-marketing .marketing-brand{gap:13px}
.v67-marketing .marketing-brand strong{font-size:15px;letter-spacing:-.015em}
.v67-marketing .marketing-brand small{color:#8796ba;letter-spacing:.17em}
.v67-marketing .marketing-nav{gap:31px}
.v67-marketing .marketing-nav a{position:relative;color:#a5b0cd}
.v67-marketing .marketing-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:-10px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--v67-violet),var(--v67-cyan));transition:.22s ease}
.v67-marketing .marketing-nav a:hover:after{left:0;right:0}
.v67-marketing .site-btn.primary{background:linear-gradient(135deg,#7756ff 0%,#5b5cff 48%,#2ea8f0 120%);border-color:rgba(147,135,255,.78);box-shadow:0 14px 38px rgba(79,71,255,.26),inset 0 1px 0 rgba(255,255,255,.3)}
.v67-marketing .site-btn.primary:hover{box-shadow:0 19px 52px rgba(79,71,255,.38),0 0 0 1px rgba(77,204,255,.14)}

.v67-marketing .hero-section{padding:74px 0 76px;min-height:720px;isolation:isolate}
.v67-marketing .hero-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,23,.2),transparent 50%);pointer-events:none;z-index:-1}
.v67-marketing .hero-grid{grid-template-columns:.82fr 1.18fr;gap:48px}
.v67-marketing .hero-copy{position:relative;z-index:2}
.v67-marketing .hero-copy h1{font-size:clamp(52px,6vw,82px);max-width:650px;letter-spacing:-.058em;text-wrap:balance}
.v67-marketing .hero-copy>p{font-size:17px;max-width:600px;color:#a2afcc}
.v67-marketing .announcement{border-color:rgba(108,92,255,.32);background:linear-gradient(90deg,rgba(103,79,255,.1),rgba(44,197,255,.04));box-shadow:inset 0 1px rgba(255,255,255,.035)}
.v67-marketing .eyebrow-public{color:#9a89ff}
.v67-marketing .hero-proof{padding-top:7px}

.v67-hero-art-stage{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;isolation:isolate;perspective:1200px}
.v67-hero-art-stage:before{content:"";position:absolute;inset:11% 7%;background:radial-gradient(circle at center,rgba(74,72,255,.32),rgba(40,187,255,.08) 45%,transparent 72%);filter:blur(34px);z-index:-2}
.v67-hero-art-frame{position:relative;width:min(790px,100%);border-radius:30px;overflow:hidden;border:1px solid rgba(142,161,255,.22);background:#071027;box-shadow:0 42px 120px rgba(0,0,0,.48),0 0 80px rgba(63,71,255,.13),inset 0 1px rgba(255,255,255,.1);transform:rotateY(-2.2deg) rotateX(.8deg);transition:transform .35s ease,box-shadow .35s ease}
.v67-hero-art-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 22%,transparent 72%,rgba(45,218,255,.06));pointer-events:none}
.v67-hero-art-frame img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.v67-hero-art-stage:hover .v67-hero-art-frame{transform:rotateY(-.7deg) translateY(-4px);box-shadow:0 52px 140px rgba(0,0,0,.52),0 0 92px rgba(74,75,255,.2)}
.v67-hero-chip{position:absolute;display:flex;align-items:center;gap:10px;z-index:3;padding:11px 14px;border-radius:16px;border:1px solid rgba(144,162,255,.2);background:rgba(8,13,31,.82);backdrop-filter:blur(16px);box-shadow:0 18px 45px rgba(0,0,0,.28);color:#e8edff}
.v67-hero-chip img{width:34px;height:34px;object-fit:contain}.v67-hero-chip b,.v67-hero-chip small{display:block}.v67-hero-chip b{font-size:12px}.v67-hero-chip small{font-size:9px;color:#8fa0c7;margin-top:2px}.v67-hero-chip.one{left:-14px;bottom:62px}.v67-hero-chip.two{right:-8px;top:52px}.v67-hero-chip.two>span{width:9px;height:9px;border-radius:50%;background:#49eda5;box-shadow:0 0 0 6px rgba(73,237,165,.08)}

.v67-marketing .logo-strip{border-top:1px solid rgba(121,142,232,.06);border-bottom:1px solid rgba(121,142,232,.08);background:linear-gradient(90deg,rgba(71,64,208,.035),rgba(29,174,221,.025),rgba(71,64,208,.035))}
.v67-marketing .public-section{position:relative}
.v67-marketing .section-intro h2,.v67-marketing .security-copy h2{letter-spacing:-.038em;text-wrap:balance}
.v67-marketing .feature-card,.v67-marketing .pricing-card,.v67-marketing .security-console,.v67-marketing .faq-list article{
  border-color:rgba(133,151,221,.12);background:linear-gradient(145deg,rgba(15,21,42,.78),rgba(8,13,28,.9));box-shadow:inset 0 1px rgba(255,255,255,.035),0 18px 55px rgba(0,0,0,.13)
}
.v67-marketing .feature-card:hover,.v67-marketing .pricing-card:hover{border-color:rgba(112,99,255,.28);transform:translateY(-4px);box-shadow:0 26px 72px rgba(0,0,0,.2),0 0 50px rgba(74,64,255,.07)}
.v67-marketing .pricing-card.popular{border-color:rgba(125,104,255,.44);background:linear-gradient(155deg,rgba(45,35,105,.45),rgba(12,17,34,.94) 58%)}
.v67-marketing .popular-label{background:linear-gradient(90deg,#7a5fff,#3ba9ef)}
.v67-marketing .final-card{position:relative;overflow:visible;padding-right:min(30vw,360px);border-color:rgba(126,111,255,.26);background:radial-gradient(circle at 88% 18%,rgba(45,197,255,.1),transparent 27%),linear-gradient(135deg,rgba(65,49,157,.34),rgba(12,16,34,.93) 55%,rgba(8,19,36,.96));box-shadow:var(--v67-glow)}
.v67-final-bot{position:absolute;right:16px;bottom:-14px;width:min(330px,31vw);height:auto;filter:drop-shadow(0 30px 42px rgba(27,19,97,.44));animation:v67BotFloat 4s ease-in-out infinite;pointer-events:none}
.v67-marketing .marketing-footer{background:linear-gradient(180deg,rgba(6,9,18,.7),#050711);border-top:1px solid rgba(131,149,230,.1)}
.v67-footer-brand{display:inline-flex;align-items:center}

/* ---------- Login / registration ---------- */
.auth-body.v67-platform-auth{background:radial-gradient(circle at 14% 24%,rgba(64,65,255,.18),transparent 31rem),radial-gradient(circle at 88% 86%,rgba(32,201,255,.07),transparent 28rem),#050813}
.auth-body.v67-platform-auth .auth-shell{max-width:1180px;min-height:min(790px,calc(100vh - 54px));border:1px solid rgba(135,151,255,.14);border-radius:30px;overflow:hidden;background:rgba(7,11,24,.88);box-shadow:0 45px 130px rgba(0,0,0,.5),0 0 70px rgba(64,67,255,.08)}
.auth-body.v67-platform-auth .auth-promo{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,rgba(5,9,25,.96),rgba(7,10,27,.72)),url('brand/vyxo-hero.webp') center/cover no-repeat}
.auth-body.v67-platform-auth .auth-promo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(5,8,19,.82));z-index:-1}
.auth-body.v67-platform-auth .auth-promo .brand{position:relative;z-index:2}
.auth-body.v67-platform-auth .auth-promo h1{max-width:560px;text-shadow:0 3px 32px rgba(0,0,0,.5)}
.auth-body.v67-platform-auth .auth-promo>p{max-width:570px;color:#b1bdd8}
.auth-body.v67-platform-auth .feature-pills span{background:rgba(9,14,34,.66);border-color:rgba(140,158,255,.16);backdrop-filter:blur(12px)}
.auth-body.v67-platform-auth .auth-card{background:linear-gradient(180deg,rgba(12,17,35,.98),rgba(7,11,24,.98));border-left:1px solid rgba(127,146,230,.1)}
.auth-body.v67-platform-auth .auth-card input{background:#090f20;border-color:rgba(139,156,225,.14)}
.auth-body.v67-platform-auth .auth-card input:focus{border-color:rgba(113,91,255,.6);box-shadow:0 0 0 3px rgba(103,83,255,.1)}
.v67-auth-bot{position:absolute;right:-40px;bottom:-34px;width:min(330px,48%);opacity:.42;filter:drop-shadow(0 24px 44px rgba(38,27,124,.5));z-index:-1;animation:v67BotFloat 4.3s ease-in-out infinite}

/* ---------- App shell: admin, customer and reseller ---------- */
.dsm-body.v67-shell{background:
  radial-gradient(circle at 75% -8%,rgba(64,64,255,.13),transparent 34rem),
  radial-gradient(circle at 10% 60%,rgba(29,191,234,.045),transparent 31rem),
  #070a13;
}
.v67-shell .ambient-a{background:rgba(81,71,255,.12)}
.v67-shell .ambient-b{background:rgba(33,188,242,.055)}
.v67-shell .sidebar{background:linear-gradient(180deg,rgba(9,13,28,.98),rgba(6,9,19,.99));border-right:1px solid rgba(137,154,224,.1);box-shadow:18px 0 60px rgba(0,0,0,.12)}
.v67-shell .sidebar-top{padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.04)}
.v67-shell .v65-shell-brand .brand-mark{background:transparent!important;border:0!important;box-shadow:none!important}
.v67-shell .v65-shell-brand .brand-mark>span{display:grid;place-items:center;background:transparent!important}
.v67-shell .v65-shell-brand strong{font-size:14px;letter-spacing:-.015em}
.v67-shell .v65-shell-brand small{letter-spacing:.08em;color:#7f8dad}
.v67-shell .nav a{border:1px solid transparent}
.v67-shell .nav a:hover{background:rgba(94,84,255,.07);border-color:rgba(123,111,255,.1)}
.v67-shell .nav a.active{background:linear-gradient(90deg,rgba(96,79,255,.2),rgba(35,167,231,.07));border-color:rgba(125,111,255,.2);box-shadow:inset 2px 0 #7d68ff}
.v67-shell .content{position:relative}
.v67-shell .topbar{background:rgba(7,10,20,.72);backdrop-filter:blur(20px);border-bottom:1px solid rgba(134,151,221,.08)}
.v67-shell .global-search{background:rgba(10,15,29,.84);border-color:rgba(132,151,222,.1)}
.v67-shell .page-heading{position:relative;overflow:hidden;padding-top:27px;padding-bottom:27px;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.035)}
.v67-shell .page-heading:after{content:"";position:absolute;right:5%;top:-92px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(85,68,255,.12),transparent 67%);pointer-events:none}
.v67-shell .page-heading h1{letter-spacing:-.035em;text-wrap:balance}
.v67-shell .page-heading p{max-width:820px;color:#8e9dbd}
.v67-shell .panel,.v67-shell .stat,.v67-shell .admin-command-card,.v67-shell .executive-pulse-card,.v67-shell .metric-grid-v55 article,.v67-shell .v6616-guide-card{
  border-color:rgba(133,150,219,.1);background:linear-gradient(145deg,rgba(13,19,36,.84),rgba(8,12,24,.92));box-shadow:inset 0 1px rgba(255,255,255,.028),0 14px 45px rgba(0,0,0,.08)
}
.v67-shell .panel:hover,.v67-shell .admin-command-card:hover,.v67-shell .executive-pulse-card:hover{border-color:rgba(119,103,255,.18)}
.v67-shell .btn.primary{background:linear-gradient(135deg,#7659ff,#585fff 58%,#2a9ed8);border-color:rgba(139,123,255,.7);box-shadow:0 10px 28px rgba(81,73,255,.2)}
.v67-shell .chip.ok,.v67-shell .subscription-badge.active{box-shadow:0 0 22px rgba(61,218,148,.05)}
.v67-shell table{border-collapse:separate;border-spacing:0}
.v67-shell .table-wrap{border-radius:16px}
.v67-shell table thead th{background:rgba(255,255,255,.018);color:#7886a6;letter-spacing:.07em}
.v67-shell table tbody tr:hover{background:rgba(102,88,255,.035)}
.v67-shell input,.v67-shell select,.v67-shell textarea{background:rgba(6,10,21,.86);border-color:rgba(131,150,218,.12)}
.v67-shell input:focus,.v67-shell select:focus,.v67-shell textarea:focus{border-color:rgba(112,93,255,.48);box-shadow:0 0 0 3px rgba(100,83,255,.08)}

.v67-shell .dashboard-hero,.v67-shell .reseller-hero,.v67-shell .billing-hero,.v67-shell .analytics-hero-v55{position:relative;overflow:hidden;border:1px solid rgba(123,107,255,.18);background:radial-gradient(circle at 80% 20%,rgba(50,191,255,.1),transparent 27%),linear-gradient(135deg,rgba(51,43,123,.35),rgba(10,15,31,.94) 58%,rgba(7,17,31,.94));box-shadow:0 22px 72px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.035)}
.v67-shell .dashboard-hero:before,.v67-shell .reseller-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(90deg,black,transparent 82%);pointer-events:none}
.v67-shell .hero-admin .hero-orb{border:0;background:transparent;box-shadow:none}
.v67-shell .hero-admin .orb-core{width:112px;height:112px;border:0;background:transparent;box-shadow:none;font-size:0}
.v67-shell .hero-admin .orb-core img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 20px 32px rgba(50,43,165,.4));animation:v67IconFloat 4.8s ease-in-out infinite}
.v67-dashboard-bot{position:absolute;right:34px;bottom:-30px;width:min(260px,28vw);height:auto;opacity:.88;filter:drop-shadow(0 26px 40px rgba(32,24,122,.44));pointer-events:none;animation:v67BotFloat 4.5s ease-in-out infinite}
.v67-shell .hero-client{padding-right:min(30vw,330px)}
.v67-shell .hero-client .plan-glass-card{position:relative;z-index:2}
.v67-shell .reseller-license-card{position:relative;z-index:2;backdrop-filter:blur(14px)}
.v67-shell .footer-note{border-top:1px solid rgba(255,255,255,.045);color:#6f7c99}

/* ---------- Reseller public storefront: polish without breaking white-label ---------- */
.partner-public-body{background:radial-gradient(circle at 76% 5%,color-mix(in srgb,var(--partner-accent,#7c5cff) 16%,transparent),transparent 34rem),#070a12}
.partner-public-body .marketing-header{background:rgba(7,10,18,.72);backdrop-filter:blur(18px);border-bottom-color:rgba(255,255,255,.07)}
.partner-public-body .partner-control-shell,.partner-public-body .partner-hero-card-stack article,.partner-public-body .partner-feature-card,.partner-public-body .partner-price-card,.partner-public-body .partner-contact-card{box-shadow:0 22px 70px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035)}
.partner-public-body .partner-control-shell,.partner-public-body .partner-contact-card{border-color:color-mix(in srgb,var(--partner-accent,#7c5cff) 23%,rgba(255,255,255,.08))}
.partner-public-body .partner-btn{box-shadow:0 13px 34px color-mix(in srgb,var(--partner-accent,#7c5cff) 24%,transparent)}
.partner-public-body .partner-feature-card:hover,.partner-public-body .partner-price-card:hover{transform:translateY(-4px)}

/* ---------- Motion ---------- */
@keyframes v67BotFloat{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-9px) rotate(.7deg)}}
@keyframes v67IconFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(1.2deg)}}

@media(max-width:1180px){
  .v67-marketing .hero-grid{grid-template-columns:1fr;gap:42px}.v67-marketing .hero-copy{max-width:820px}.v67-hero-art-stage{min-height:0}.v67-hero-art-frame{width:100%;transform:none}.v67-hero-chip.one{left:12px}.v67-hero-chip.two{right:12px}
  .v67-dashboard-bot{opacity:.55}
}
@media(max-width:900px){
  .v67-marketing .hero-section{padding-top:48px}.v67-marketing .hero-copy h1{font-size:clamp(44px,10vw,68px)}
  .v67-marketing .final-card{padding-right:28px;padding-bottom:235px}.v67-final-bot{width:240px;right:16px}
  .auth-body.v67-platform-auth .auth-shell{border-radius:24px}.v67-auth-bot{opacity:.28}
  .v67-shell .hero-client{padding-right:24px}.v67-dashboard-bot{display:none}
}
@media(max-width:680px){
  .v67-marketing .marketing-container{width:min(100% - 28px,1240px)}.v67-brand-icon{width:40px;height:40px}.v67-marketing .marketing-brand small{display:none}
  .v67-hero-chip{display:none}.v67-hero-art-frame{border-radius:20px}.v67-marketing .hero-proof{align-items:flex-start;flex-direction:column;gap:9px}.v67-marketing .hero-proof>i{display:none}
  .v67-marketing .final-card{padding:28px 22px 205px}.v67-final-bot{width:210px;right:50%;transform:translateX(50%);animation:none}
  .v67-auth-bot{display:none}.v67-shell .page-heading{padding-top:20px}.v67-shell .dashboard-hero,.v67-shell .reseller-hero{border-radius:19px}
}
@media(prefers-reduced-motion:reduce){.v67-final-bot,.v67-dashboard-bot,.v67-shell .hero-admin .orb-core img{animation:none!important}.v67-hero-art-frame{transition:none!important}}
.v67-license-icon{position:absolute;right:16px;top:16px;width:42px;height:42px;object-fit:contain;opacity:.78;filter:drop-shadow(0 10px 20px rgba(62,55,199,.28))}
.partner-checkout-body{background:radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--primary,#7c5cff) 16%,transparent),transparent 30rem),radial-gradient(circle at 90% 80%,rgba(42,199,255,.055),transparent 28rem),#060914}
.partner-checkout-body .partner-checkout-summary{border-color:color-mix(in srgb,var(--primary,#7c5cff) 25%,rgba(255,255,255,.08));background:linear-gradient(155deg,color-mix(in srgb,var(--primary,#7c5cff) 10%,rgba(14,21,39,.9)),rgba(8,13,27,.96));box-shadow:0 28px 90px rgba(0,0,0,.28)}
.partner-checkout-body .partner-checkout-form{border:1px solid rgba(133,150,219,.1);border-radius:26px;background:linear-gradient(180deg,rgba(13,19,36,.96),rgba(8,12,24,.98));box-shadow:0 28px 90px rgba(0,0,0,.24)}
.partner-checkout-body .btn.primary{background:linear-gradient(135deg,var(--primary,#7659ff),color-mix(in srgb,var(--primary,#7659ff) 64%,#2aa9e7));box-shadow:0 12px 32px color-mix(in srgb,var(--primary,#7659ff) 25%,transparent)}