:root{
  --ink:#102A43; --muted:#52667A; --paper:#F8FBFC; --surface:#FFFFFF;
  --teal:#0B7A75; --teal2:#15A89D; --coral:#FF6B5E; --orange:#FF9F43;
  --sky:#E8F7F5; --sand:#FFF4E8; --line:#DCE8EA; --green:#25D366;
  --shadow:0 18px 55px rgba(16,42,67,.10); --radius:26px; --container:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.68}
a{color:inherit;text-decoration:none} img{max-width:100%;height:auto;display:block}
.container{width:min(var(--container),calc(100% - 2rem));margin-inline:auto}.narrow{max-width:900px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(248,251,252,.90);backdrop-filter:blur(18px);border-bottom:1px solid rgba(16,42,67,.07)}
.nav-bar{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:.95rem 0}.brand img{width:185px;height:auto}
.nav-menu{display:flex;align-items:center;gap:.55rem}.nav-link{font-weight:760;padding:.75rem .9rem;border-radius:12px;color:#304C63}.nav-link:hover,.nav-link.is-active{background:#fff;box-shadow:0 4px 18px rgba(16,42,67,.06)}
.nav-toggle{display:none;border:0;background:transparent}.nav-toggle span{display:block;width:25px;height:2px;background:var(--ink);margin:5px 0}
.wa-nav{display:inline-flex;align-items:center;gap:.55rem;background:var(--green);color:#06351B;padding:.78rem 1rem;border-radius:14px;font-weight:900;box-shadow:0 10px 24px rgba(37,211,102,.23)}.wa-nav svg{width:21px;height:21px}
.hero{padding:3.2rem 0 2.4rem;background:linear-gradient(135deg,#F8FBFC 0%,#EAF8F6 54%,#FFF4E8 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:2.4rem;align-items:center}.hero-copy{max-width:760px}
.eyebrow{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .8rem;border-radius:10px;background:#fff;border:1px solid var(--line);font-weight:850;color:#27556B;font-size:.95rem}
.hero-copy h1{font-size:clamp(2.7rem,4.45vw,4.75rem);line-height:.98;letter-spacing:-.055em;margin:.9rem 0 1.1rem;font-weight:950}
h1 em{font-style:normal;display:inline;background:linear-gradient(120deg,var(--teal) 0%,var(--teal2) 42%,var(--coral) 72%,var(--orange) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead,.page-hero p,.prose p,.prose li,.service-highlights p,.intro-service p,.lifestyle p,.rights-card p,.faq-list p{font-size:1.18rem;color:var(--muted)}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.35rem 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:1rem 1.25rem;border-radius:14px;font-weight:900;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn svg{width:22px;height:22px}.btn-main{background:var(--green);color:#08351D;box-shadow:0 16px 30px rgba(37,211,102,.22)}.btn-light{background:#fff;border:1px solid var(--line)}.hero-trust{display:flex;gap:.7rem;flex-wrap:wrap}.hero-trust span{background:rgba(255,255,255,.8);border:1px solid var(--line);padding:.55rem .75rem;border-radius:10px;font-weight:800;color:#36556C}
.hero-visual img{max-height:690px;object-fit:contain;filter:drop-shadow(0 28px 48px rgba(16,42,67,.15))}
.service-highlights{padding:2.2rem 0;background:#fff;border-block:1px solid var(--line)}.highlight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.highlight-grid article{padding:1.25rem;border-radius:20px;background:var(--paper);border:1px solid var(--line);transition:.25s ease}.highlight-grid article:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#B7DAD6}.big-emoji{font-size:2rem}.highlight-grid h2{font-size:1.35rem;line-height:1.15;letter-spacing:-.035em;margin:.55rem 0}.highlight-grid p{font-size:1rem}
.section{padding:5rem 0}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center}.section h2,.section-heading h2,.page-hero h1,.prose h2{font-size:clamp(2.25rem,4.2vw,4.25rem);line-height:1.02;letter-spacing:-.055em;margin:.65rem 0 1rem}.text-link{font-weight:900;color:var(--teal)}
.info-panel{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.info-panel>div{background:#fff;padding:1.3rem;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.info-panel span{font-size:1.8rem}.info-panel strong{display:block;font-size:1.15rem}.info-panel small{font-size:.96rem;color:var(--muted)}
.plans-section{background:#102A43;color:#fff}.plans-section .section-heading p{color:#C8D8E4}.plans-section .eyebrow{background:#173B56;color:#D8F4F1;border-color:#31556F}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.plan-card{position:relative;background:#fff;color:var(--ink);border-radius:22px;padding:1.35rem;box-shadow:0 16px 35px rgba(0,0,0,.14);transition:.25s ease}.plan-card:hover{transform:translateY(-8px)}.plan-featured{outline:3px solid var(--orange)}.plan-label{position:absolute;right:1rem;top:1rem;background:#FFF2D6;color:#7C4B00;padding:.38rem .62rem;border-radius:8px;font-weight:900;font-size:.82rem}.plan-period{display:inline-block;background:var(--sky);color:#075F59;padding:.42rem .65rem;border-radius:9px;font-weight:850}.plan-top h3{font-size:1.42rem;margin:.7rem 0 .25rem}.plan-price{font-size:1.9rem;font-weight:950;letter-spacing:-.045em}.plan-top small{color:var(--muted)}.plan-features{list-style:none;padding:0;margin:1.1rem 0;display:grid;gap:.58rem}.plan-features li{font-size:.98rem}.plan-cta{display:flex;justify-content:center;background:var(--teal);color:#fff;padding:.8rem;border-radius:11px;font-weight:900}
.center{text-align:center}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.steps article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.25rem;box-shadow:var(--shadow);transition:.25s ease}.steps article:hover{transform:translateY(-7px) rotate(-.3deg)}.steps span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--coral);color:white;font-weight:950}.steps h3{font-size:1.25rem;margin:.7rem 0 .35rem}.steps p{color:var(--muted);font-size:1rem}
.lifestyle{background:var(--sand)}.lifestyle-img img{border-radius:26px;box-shadow:var(--shadow);border:1px solid #F3DFC8}.clean-list{list-style:none;padding:0;margin:1.2rem 0;display:grid;gap:.65rem}.clean-list li{background:#fff;padding:.8rem 1rem;border-radius:12px;border:1px solid #F0DED0;font-weight:800}
.faq-list{display:grid;gap:.8rem}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem}.faq-list summary{font-size:1.08rem;font-weight:900;cursor:pointer}.rights-card{background:linear-gradient(135deg,#EAF8F6,#FFF4E8);padding:2rem;border-radius:24px;border:1px solid var(--line)}
.page-hero{padding:3.2rem 0 1.5rem;background:linear-gradient(135deg,#EAF8F6,#F8FBFC)}.page-hero h1{margin:.75rem 0}.back-link{font-weight:850;color:var(--teal)}.prose{font-size:1.05rem}.prose h2{font-size:2.25rem;margin:2rem 0 .7rem}.prose ul{padding-left:1.2rem}.device-grid,.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.device-grid article,.contact-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.25rem;box-shadow:var(--shadow)}.device-grid span,.contact-grid span{font-size:2rem}.device-grid h2,.contact-grid h2{font-size:1.35rem!important;margin:.5rem 0!important}.device-grid p,.contact-grid p{font-size:1rem}.contact-grid small{color:var(--muted)}
.site-footer{background:#0C2235;color:#fff;padding:3rem 0 1.8rem}.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:1.4rem}.footer-logo{width:170px;filter:brightness(1.25)}.site-footer p,.site-footer li,.site-footer a{color:#C6D5DF}.site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.site-footer h3{font-size:1.05rem}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid rgba(255,255,255,.12);margin-top:2rem;padding-top:1.3rem;color:#AFC2CE}
.wa-float{position:fixed;right:18px;bottom:18px;z-index:70;display:inline-flex;align-items:center;gap:.55rem;background:var(--green);color:#08351D;border-radius:999px;padding:.9rem 1rem;font-weight:950;box-shadow:0 20px 42px rgba(37,211,102,.3)}.wa-float svg{width:22px;height:22px}
[data-reveal]{opacity:0;transform:translateY(22px);transition:.52s ease}[data-reveal].is-visible{opacity:1;transform:none}
@media(max-width:1080px){.hero-grid,.split{grid-template-columns:1fr 1fr}.highlight-grid,.plans-grid,.steps{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.device-grid,.contact-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.hero-copy h1{font-size:clamp(2.45rem,8vw,3.7rem);line-height:1}.nav-toggle{display:block}.nav-menu{position:fixed;display:none;inset:74px 1rem auto 1rem;background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-menu.is-open{display:flex}.wa-nav{justify-content:center}.hero-grid,.split,.highlight-grid,.plans-grid,.steps,.footer-grid,.device-grid,.contact-grid{grid-template-columns:1fr}.hero-copy{max-width:none}.hero{padding-top:2rem}.hero-visual{order:-1}.hero-visual img{max-height:420px;margin:auto}.section{padding:4rem 0}.info-panel{grid-template-columns:1fr 1fr}.reverse-mobile .lifestyle-img{order:2}.footer-bottom{flex-direction:column}.site-footer{padding-bottom:5rem}}
@media(max-width:520px){.container{width:min(var(--container),calc(100% - 1rem))}.brand img{width:155px}.hero-copy h1{font-size:2.35rem;line-height:1.02;letter-spacing:-.045em}.lead,.page-hero p,.prose p,.prose li,.intro-service p,.lifestyle p{font-size:1.07rem}.hero-actions{display:grid}.btn{width:100%}.hero-trust{display:grid;grid-template-columns:1fr 1fr}.info-panel{grid-template-columns:1fr}.plans-grid{gap:.75rem}.plan-price{font-size:1.65rem}.section h2,.section-heading h2,.page-hero h1{font-size:2.25rem}.wa-float span{display:none}.wa-float{padding:.95rem;border-radius:50%}}


/* ===== VELNUXA v4 — glass / neon / interactive layer ===== */
:root{--glass:rgba(255,255,255,.62);--glass-line:rgba(255,255,255,.8);--neon-a:#19c6b8;--neon-b:#7667ff;--neon-c:#ff6b78;}

/* Crystal / gradient headings */
.hero-copy h1,.page-hero h1,.process-hero h1,.devices-hero h1,.contact-hero h1{
  background:linear-gradient(115deg,#0c263d 0%,#0b8f86 28%,#5c63e8 58%,#e74e71 82%,#102a43 100%);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 12px 32px rgba(60,83,160,.08);animation:headingFlow 10s linear infinite;
}
.section-heading h2,.section h2,.rights-card h2,.prose h2,.timeline-card h2,.check-panel h2,.contact-help h2,.contact-form h2{
  display:inline-block;background:linear-gradient(110deg,#102a43,#0b7a75 38%,#655adf 68%,#d84c6b);
  -webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 7px 16px rgba(40,84,120,.08));
}
@keyframes headingFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

/* universal interactive glass-card language */
.plan-card,.highlight-grid article,.info-panel>div,.step-visual,.device-card,.timeline-card,.contact-option,.contact-form,.contact-help,.check-panel,.setup-card,.requirements li{
  position:relative;isolation:isolate;overflow:hidden;transform-style:preserve-3d;
}
.plan-card::before,.highlight-grid article::before,.info-panel>div::before,.step-visual::before,.device-card::before,.timeline-card::before,.contact-option::before,.contact-form::before,.check-panel::before{
  content:"";position:absolute;inset:-2px;z-index:-2;border-radius:inherit;
  background:linear-gradient(135deg,rgba(25,198,184,.75),rgba(118,103,255,.55),rgba(255,107,120,.55));opacity:0;transition:opacity .28s ease;
}
.plan-card::after,.highlight-grid article::after,.info-panel>div::after,.step-visual::after,.device-card::after,.timeline-card::after,.contact-option::after,.contact-form::after,.check-panel::after{
  content:"";position:absolute;inset:1px;z-index:-1;border-radius:inherit;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);
}
.plan-card:hover::before,.highlight-grid article:hover::before,.info-panel>div:hover::before,.step-visual:hover::before,.device-card:hover::before,.timeline-card:hover::before,.contact-option:hover::before,.contact-form:hover::before,.check-panel:hover::before{opacity:1}
.plan-card:hover,.highlight-grid article:hover,.info-panel>div:hover,.step-visual:hover,.device-card:hover,.timeline-card:hover,.contact-option:hover,.check-panel:hover{
  transform:translateY(-9px) rotateX(2deg) rotateY(-1.5deg);box-shadow:0 28px 58px rgba(16,42,67,.18),0 0 34px rgba(25,198,184,.10);
}
.plans-section .plan-card::after{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,251,252,.96))}
.plan-featured{box-shadow:0 18px 55px rgba(255,159,67,.22),0 0 0 2px rgba(255,159,67,.45)}
.plan-featured:hover{box-shadow:0 30px 70px rgba(255,159,67,.30),0 0 42px rgba(25,198,184,.18)}
.plan-cta{transition:.25s ease}.plan-cta:hover{background:linear-gradient(90deg,#0b7a75,#625ce6);box-shadow:0 10px 26px rgba(11,122,117,.25);transform:translateY(-2px)}

/* Illustrated four-step cards */
.illustrated-steps{grid-template-columns:repeat(4,1fr);align-items:stretch}.step-visual{display:flex;flex-direction:column;border:1px solid var(--line);background:#fff;border-radius:24px;box-shadow:var(--shadow)}
.step-art{position:relative;height:155px;display:grid;place-items:center;background:linear-gradient(145deg,#eaf8f6,#eef0ff 60%,#fff1ed);overflow:hidden}
.step-art>span{font-size:3.6rem;filter:drop-shadow(0 10px 18px rgba(16,42,67,.15));transition:transform .3s ease}.step-visual:hover .step-art>span{transform:translateY(-6px) scale(1.12) rotate(-4deg)}
.step-art i{position:absolute;width:110px;height:110px;border-radius:50%;border:1px solid rgba(11,122,117,.18);box-shadow:0 0 0 20px rgba(118,103,255,.05),0 0 0 40px rgba(255,107,120,.04)}
.step-art b{position:absolute;top:12px;right:14px;font-size:1rem;background:#102a43;color:white;width:36px;height:36px;display:grid;place-items:center;border-radius:10px}
.art-test{background:linear-gradient(145deg,#fff4e8,#fff0f5)}.art-flash{background:linear-gradient(145deg,#edf7ff,#f5efff)}.art-screen{background:linear-gradient(145deg,#e9fbf8,#eef4ff)}
.step-body{padding:1.25rem}.step-body h3{font-size:1.28rem;margin:0 0 .45rem}.step-body p{color:var(--muted);margin:0 0 .9rem}.step-body a{font-weight:900;color:var(--teal)}

/* Rich how-it-works page */
.process-hero{padding:4rem 0 3rem;background:radial-gradient(circle at 82% 30%,rgba(118,103,255,.16),transparent 26%),linear-gradient(135deg,#f6fbfc,#eaf8f6 55%,#fff4e8)}
.process-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}.process-hero h1{font-size:clamp(3rem,5.3vw,5.6rem);line-height:.94;letter-spacing:-.065em;margin:.8rem 0 1rem}.process-hero p{font-size:1.18rem;color:var(--muted)}
.process-orbit{position:relative;width:min(430px,88vw);aspect-ratio:1;margin:auto;border-radius:50%;border:1px dashed rgba(11,122,117,.3);box-shadow:inset 0 0 70px rgba(118,103,255,.08)}
.orbit-center{position:absolute;inset:28%;display:grid;place-items:center;border-radius:30px;background:rgba(255,255,255,.72);backdrop-filter:blur(14px);box-shadow:0 20px 50px rgba(16,42,67,.12);border:1px solid rgba(255,255,255,.8)}.orbit-center img{width:80%;height:80%;object-fit:contain}
.orb{position:absolute;display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#fff;box-shadow:0 16px 34px rgba(16,42,67,.14);font-size:1.8rem;animation:floatOrb 4s ease-in-out infinite}.o1{top:5%;left:42%}.o2{top:25%;right:4%;animation-delay:-.8s}.o3{bottom:10%;right:22%;animation-delay:-1.6s}.o4{bottom:12%;left:17%;animation-delay:-2.4s}.o5{top:30%;left:4%;animation-delay:-3.2s}@keyframes floatOrb{50%{transform:translateY(-10px) rotate(3deg)}}
.timeline{position:relative;display:grid;gap:1rem}.timeline::before{content:"";position:absolute;left:41px;top:30px;bottom:30px;width:3px;background:linear-gradient(var(--teal2),var(--secondary),var(--coral));opacity:.35}.timeline-card{display:grid;grid-template-columns:66px 70px 1fr;gap:1rem;align-items:start;padding:1.35rem 1.5rem;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.timeline-number{position:relative;z-index:2;width:52px;height:52px;display:grid;place-items:center;background:#102a43;color:#fff;border-radius:16px;font-weight:950}.timeline-icon{font-size:2.4rem}.timeline-card h2{font-size:2rem;margin:.15rem 0 .5rem}.timeline-card p{color:var(--muted);font-size:1.08rem}.mini-action{display:inline-flex;margin-top:.35rem;font-weight:900;color:var(--teal)}.chip-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.7rem}.chip-row span{background:var(--sky);padding:.42rem .65rem;border-radius:9px;font-weight:800;color:#195665}
.setup-panel{background:linear-gradient(135deg,#102a43,#12394d);color:#fff}.setup-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center}.setup-panel h2{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#bff5ef,#ffd4bd);background-clip:text;-webkit-background-clip:text}.requirements{list-style:none;padding:0;display:grid;gap:.75rem}.requirements li{display:flex;gap:.8rem;align-items:flex-start;padding:1rem;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:16px}.requirements li>span{font-size:1.7rem}.requirements strong,.requirements small{display:block}.requirements small{color:#c9d9df}.setup-card{padding:1.6rem;background:#fff;color:var(--ink);border-radius:22px;box-shadow:0 20px 45px rgba(0,0,0,.22)}.setup-card strong{font-size:1.4rem}.setup-card p{color:var(--muted)}

/* Rich devices page */
.devices-hero{padding:4rem 0;background:linear-gradient(145deg,#eefbfa,#f3f1ff 62%,#fff5ed)}.devices-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.devices-hero h1{font-size:clamp(3rem,5vw,5.5rem);line-height:.94;letter-spacing:-.065em;margin:.8rem 0}.devices-hero p{font-size:1.18rem;color:var(--muted)}
.device-stage{position:relative;min-height:410px}.mock-tv{position:absolute;left:8%;right:8%;top:8%;bottom:18%;background:#102a43;border-radius:24px;border:10px solid #203c50;box-shadow:0 35px 60px rgba(16,42,67,.25)}.mock-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(118,103,255,.35),transparent 50%),linear-gradient(145deg,#0e263a,#123e50);border-radius:13px;color:#fff;font-weight:900}.mock-screen img{width:120px;height:120px;object-fit:contain}.mock-screen span{margin-top:.4rem}.mock-phone,.mock-box{position:absolute;display:grid;place-items:center;background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px rgba(16,42,67,.16)}.mock-phone{right:2%;bottom:2%;width:86px;height:150px;border-radius:22px;font-size:3rem}.mock-box{left:2%;bottom:3%;width:120px;height:72px;border-radius:18px;font-size:2.4rem}
.device-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.device-card{padding:1.35rem;border-radius:22px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.device-emoji{font-size:2.6rem}.device-card h3{font-size:1.35rem;margin:.6rem 0 .4rem}.device-card p{color:var(--muted)}.meter{height:8px;background:#edf3f4;border-radius:999px;overflow:hidden;margin-top:1rem}.meter span{display:block;height:100%;background:linear-gradient(90deg,var(--teal2),var(--secondary));border-radius:999px}.device-card small{display:block;margin-top:.45rem;color:var(--muted);font-weight:800}.device-check{padding-top:1rem}.check-panel{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}

/* Professional contact page */
.contact-hero{padding:4rem 0 2rem;text-align:center;background:linear-gradient(145deg,#f5fbfc,#eaf8f6,#fff4e8)}.contact-hero h1{font-size:clamp(3rem,5vw,5.2rem);line-height:.95;letter-spacing:-.065em;margin:.8rem 0}.contact-hero p{font-size:1.18rem;color:var(--muted)}.contact-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:1.5rem;align-items:start}.contact-options{display:grid;gap:.8rem}.contact-option{display:flex;align-items:center;gap:.9rem;padding:1rem 1.1rem;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.contact-option>b{margin-left:auto}.contact-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--sky);font-size:1.5rem}.contact-icon svg{width:24px}.contact-option.whatsapp .contact-icon{background:#dff8e8;color:#128c57}.contact-option.email .contact-icon{background:#eef0ff}.contact-option strong,.contact-option small{display:block}.contact-option small{color:var(--muted)}.contact-help{background:#102a43;color:#fff;border-radius:20px;padding:1.25rem}.contact-help h2{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#c4f5ef,#ffd5bd);-webkit-background-clip:text;background-clip:text;font-size:1.65rem}.contact-help ul{list-style:none;padding:0;display:grid;gap:.55rem}.contact-form{background:#fff;border:1px solid var(--line);border-radius:24px;padding:1.5rem;box-shadow:var(--shadow)}.form-heading{display:flex;gap:.8rem;align-items:flex-start}.form-heading>span{font-size:2rem}.form-heading h2{font-size:2rem;margin:0}.form-heading p{color:var(--muted);margin:.25rem 0 1rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.contact-form label{display:grid;gap:.35rem;font-weight:850;margin-bottom:.8rem}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line);background:#f9fcfc;border-radius:12px;padding:.9rem 1rem;font:inherit;color:var(--ink);outline:none;transition:.2s ease}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--teal2);box-shadow:0 0 0 4px rgba(21,168,157,.10)}.check-field{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;font-weight:600!important}.check-field input{width:auto}.form-submit{border:0;cursor:pointer}.form-status{font-size:.95rem;color:#bd384d;font-weight:750}

/* Professional footer */
.pro-footer{padding-top:0}.footer-topline{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.3rem 0;border-bottom:1px solid rgba(255,255,255,.11)}.footer-callout{display:grid}.footer-kicker{color:#93e5db;font-weight:900;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.footer-callout strong{font-size:1.15rem}.footer-wa{display:inline-flex;align-items:center;gap:.55rem;background:#25d366;color:#082f1a;padding:.8rem 1rem;border-radius:12px;font-weight:950}.footer-wa svg{width:22px;height:22px}.footer-grid.pro{padding-top:2rem}.footer-brand-block p{max-width:420px}.footer-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}.footer-badges span{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.05);padding:.45rem .6rem;border-radius:9px;font-size:.88rem;color:#d7e6ec}.pro-bottom{font-size:.92rem}

@media(max-width:1080px){.illustrated-steps{grid-template-columns:repeat(2,1fr)}.process-hero-grid,.devices-hero-grid,.contact-layout{grid-template-columns:1fr}.process-orbit{max-width:390px}.device-cards{grid-template-columns:repeat(2,1fr)}.device-stage{max-width:600px;width:100%;margin:auto}.setup-grid{grid-template-columns:1fr}.footer-topline{align-items:flex-start}}
@media(max-width:820px){.illustrated-steps,.device-cards{grid-template-columns:1fr}.timeline::before{display:none}.timeline-card{grid-template-columns:52px 1fr}.timeline-icon{grid-column:2}.timeline-card>div:last-child{grid-column:2}.check-panel,.footer-topline{flex-direction:column;align-items:stretch}.footer-wa{justify-content:center}.device-stage{min-height:340px}.field-row{grid-template-columns:1fr}.contact-layout{gap:1rem}}
@media(max-width:520px){.step-art{height:130px}.process-hero h1,.devices-hero h1,.contact-hero h1{font-size:2.7rem}.process-orbit{width:320px;max-width:92vw}.orb{width:52px;height:52px;border-radius:16px;font-size:1.45rem}.timeline-card{padding:1rem}.device-stage{min-height:285px}.mock-phone{width:66px;height:118px;font-size:2.2rem}.mock-box{width:90px;height:58px}.contact-form{padding:1rem}}


/* =========================================================
   V5 — contrast, readability, SEO article system
   ========================================================= */
/* Avoid gradient-text clipping and preserve legibility. */
.hero-copy h1,.page-hero h1,.process-hero h1,.devices-hero h1,.contact-hero h1{
  line-height:1.03!important;padding:.06em 0 .12em;overflow:visible;
  background:linear-gradient(110deg,#102a43 0%,#075f59 36%,#354eb8 68%,#b63e67 100%)!important;
  background-size:100% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
  text-shadow:none!important;animation:none!important;
}
.section-heading h2,.section h2,.rights-card h2,.prose h2,.timeline-card h2,.check-panel h2,.contact-form h2{
  display:block!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;
  -webkit-text-fill-color:currentColor!important;color:#102a43!important;filter:none!important;line-height:1.12!important;
  padding:.04em 0 .10em!important;overflow:visible!important;text-wrap:balance;
}
.section-heading h2::after,.prose>h2::after{
  content:"";display:block;width:78px;height:5px;margin-top:.42rem;border-radius:999px;
  background:linear-gradient(90deg,#15a89d,#7667ff,#ff6b78);
  box-shadow:0 4px 18px rgba(118,103,255,.18)
}
/* Dark plans section needs a dedicated bright heading, not a dark text gradient. */
.plans-section .section-heading h2{color:#fff!important;text-shadow:0 3px 24px rgba(33,210,197,.18)}
.plans-section .section-heading h2::after{background:linear-gradient(90deg,#54f1e2,#8ea5ff,#ff8ba0);box-shadow:0 0 22px rgba(84,241,226,.30)}
.plans-section .section-heading p,.plans-section .plans-lead{color:#edf7fb!important;font-size:1.22rem!important;font-weight:650;line-height:1.65;max-width:950px;margin-top:.55rem}
.plans-section .plans-lead strong{color:#fff}
.timeline-card h2{font-size:1.72rem!important;letter-spacing:-.035em!important;word-break:normal;overflow-wrap:break-word;max-width:100%}
.timeline-card>div:last-child{min-width:0}.timeline-card p{line-height:1.65}
.contact-help h2,.setup-panel h2{color:#fff!important;background:none!important;-webkit-text-fill-color:#fff!important;text-shadow:0 3px 20px rgba(255,255,255,.10)}
/* Cards keep effects but text always stays above pseudo-layers. */
.plan-card>* ,.timeline-card>* ,.device-card>* ,.contact-option>* ,.contact-form>* ,.check-panel>* ,.info-panel>div>*{position:relative;z-index:2}
.plan-card{min-width:0}.plan-features li{color:#213c53}.plan-top h3,.plan-price{color:#102a43}
/* Better local/favicon-related symbol rendering */
.orbit-center img,.mock-screen img{display:block;object-fit:contain;filter:drop-shadow(0 12px 25px rgba(68,61,190,.16))}
/* Home guide cards */
.section-intro-strong{font-size:1.17rem;color:#3b566a;max-width:900px;font-weight:600}
.guide-teasers{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.5rem 0}
.guide-teasers a{display:grid;gap:.35rem;padding:1.25rem;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);transition:.25s ease;position:relative;overflow:hidden}
.guide-teasers a::before{content:"";position:absolute;inset:auto -25% -70% 35%;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(21,168,157,.16),transparent 65%)}
.guide-teasers a:hover{transform:translateY(-7px);border-color:#a7dcd6;box-shadow:0 24px 54px rgba(16,42,67,.14)}
.guide-teasers span{font-size:2rem}.guide-teasers strong{font-size:1.12rem}.guide-teasers small{color:var(--muted);font-size:.96rem;line-height:1.45}
/* SEO article pages */
.article-page{background:#f8fbfc}.article-hero{padding:3.4rem 0 2.1rem;background:radial-gradient(circle at 88% 12%,rgba(118,103,255,.12),transparent 28%),linear-gradient(135deg,#effbf9,#f7f8ff 55%,#fff4ed)}
.article-breadcrumb{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;color:#5b7183;font-size:.95rem;margin-bottom:1rem}.article-breadcrumb a{font-weight:800;color:#0b7a75}
.article-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center}.article-hero h1{font-size:clamp(2.65rem,5vw,5rem);line-height:1;letter-spacing:-.06em;margin:.6rem 0 1rem;color:#102a43;text-wrap:balance}.article-deck{font-size:1.19rem;color:#486175;max-width:800px}.article-meta{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.article-meta span{padding:.45rem .65rem;border-radius:9px;background:#fff;border:1px solid var(--line);color:#39566d;font-size:.9rem;font-weight:800}
.article-visual{min-height:300px;border-radius:28px;background:linear-gradient(145deg,#102a43,#15465d);display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:0 26px 55px rgba(16,42,67,.18)}.article-visual::before,.article-visual::after{content:"";position:absolute;border-radius:50%;filter:blur(2px)}.article-visual::before{width:260px;height:260px;background:rgba(21,168,157,.28);left:-70px;top:-80px}.article-visual::after{width:220px;height:220px;background:rgba(255,107,120,.24);right:-50px;bottom:-80px}.article-visual img{width:170px;height:170px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 18px 32px rgba(0,0,0,.25))}.article-visual .visual-emoji{position:absolute;font-size:2rem;z-index:3;background:rgba(255,255,255,.92);width:58px;height:58px;display:grid;place-items:center;border-radius:17px;box-shadow:0 12px 30px rgba(0,0,0,.16)}.article-visual .v1{left:12%;bottom:12%}.article-visual .v2{right:10%;top:13%}.article-visual .v3{right:16%;bottom:12%}
.article-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:2.3rem;align-items:start}.article-toc{position:sticky;top:98px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem;box-shadow:var(--shadow)}.article-toc strong{display:block;margin-bottom:.55rem}.article-toc a{display:block;padding:.45rem .15rem;color:#456075;font-size:.95rem}.article-toc a:hover{color:#0b7a75}.article-content{min-width:0}.article-content h2{font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.1;letter-spacing:-.045em;color:#102a43;margin:2.4rem 0 .75rem}.article-content h3{font-size:1.35rem;color:#173a53;margin:1.5rem 0 .5rem}.article-content p,.article-content li{font-size:1.08rem;color:#405c71}.article-content ul,.article-content ol{padding-left:1.3rem}.article-content li{margin:.45rem 0}.article-content .leadbox{padding:1.2rem 1.3rem;background:linear-gradient(135deg,#eaf8f6,#f2f2ff);border:1px solid #cfe5e4;border-radius:18px;font-size:1.08rem}.article-content .note{padding:1rem 1.15rem;border-left:5px solid #ff9f43;background:#fff7eb;border-radius:0 14px 14px 0}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.compare-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem}.compare-card span{font-size:1.8rem}.compare-card h3{margin:.35rem 0}.article-cta{margin:2.5rem 0;padding:1.5rem;border-radius:22px;background:#102a43;color:#fff}.article-cta h2{color:#fff!important;margin:0 0 .5rem}.article-cta p{color:#d4e2ea}.related-guides{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.related-guides a{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1rem;box-shadow:var(--shadow)}.related-guides strong{display:block;color:#163a52}.related-guides small{color:#627789}
.guide-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.guide-hub-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.25rem;box-shadow:var(--shadow);transition:.25s ease}.guide-hub-card:hover{transform:translateY(-6px);border-color:#acdcd7}.guide-hub-card span{font-size:2rem}.guide-hub-card h2{font-size:1.35rem!important;margin:.55rem 0!important;color:#102a43!important}.guide-hub-card p{font-size:1rem!important;color:#5a7082}.guide-hub-card b{color:#0b7a75}
@media(max-width:1080px){.guide-teasers{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.article-toc{position:static}.guide-hub-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.article-hero-grid{grid-template-columns:1fr}.article-visual{min-height:250px}.timeline-card{grid-template-columns:52px minmax(0,1fr)!important}.timeline-card .timeline-icon{grid-column:2!important}.timeline-card>div:last-child{grid-column:2!important}.timeline-card h2{font-size:1.55rem!important}.plans-section .section-heading p,.plans-section .plans-lead{font-size:1.10rem!important}}
@media(max-width:560px){.guide-teasers,.guide-hub-grid,.compare-grid,.related-guides{grid-template-columns:1fr}.article-hero h1{font-size:2.45rem}.article-deck{font-size:1.08rem}.article-content p,.article-content li{font-size:1.03rem}.article-visual{min-height:220px}.article-visual img{width:130px;height:130px}.timeline-card{padding:1rem!important}.timeline-card h2{font-size:1.38rem!important;line-height:1.18!important}.plans-section .section-heading h2{font-size:2.2rem!important}}


/* =========================================================
   V7 — H1 vivid gradient, plan price neon, mobile plan priority
   ========================================================= */

/* All H1s: saturated gradient that remains readable on dark sections. */
body h1,
.article-hero h1,
.hero-copy h1,
.page-hero h1,
.process-hero h1,
.devices-hero h1,
.contact-hero h1{
  display:block!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  background:linear-gradient(105deg,
    #12c9bb 0%,
    #4f7dff 25%,
    #8b5cf6 48%,
    #f1508a 72%,
    #ff9f43 100%)!important;
  background-size:220% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  filter:drop-shadow(0 5px 12px rgba(12,38,61,.18));
  text-shadow:none!important;
  animation:velnuxaH1Flow 8s ease-in-out infinite!important;
  overflow:visible!important;
  padding:.04em 0 .13em!important;
}
@keyframes velnuxaH1Flow{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

/* Featured card labels: never overlap on desktop or mobile. */
.plan-card .plan-label{
  position:static!important;
  display:inline-flex!important;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin:0 0 .72rem 0!important;
  padding:.42rem .68rem!important;
  border-radius:999px!important;
  white-space:nowrap;
  line-height:1.15;
  background:linear-gradient(135deg,#fff0c7,#ffd47b)!important;
  color:#784700!important;
  border:1px solid rgba(255,159,67,.38);
  box-shadow:0 7px 18px rgba(255,159,67,.16);
  z-index:3;
}
.plan-card .plan-period{
  position:relative;
  display:inline-flex!important;
  margin:0 0 .2rem 0!important;
  z-index:3;
}

/* Price: luminous 3D/neon treatment with restrained animation. */
.plan-price{
  display:inline-block;
  position:relative;
  font-size:clamp(1.82rem,2.3vw,2.35rem)!important;
  font-weight:1000!important;
  line-height:1.06;
  letter-spacing:-.055em!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  background:linear-gradient(100deg,#0b7a75 0%,#15a89d 22%,#496ff5 48%,#8a54e8 69%,#ff5f73 87%,#ff9f43 100%)!important;
  background-size:230% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  filter:drop-shadow(0 2px 0 rgba(8,41,64,.18)) drop-shadow(0 7px 14px rgba(82,87,225,.15));
  animation:priceGlow 5.5s ease-in-out infinite;
  transform-origin:left center;
  transition:transform .25s ease,filter .25s ease;
}
.plan-card:hover .plan-price{
  transform:translateY(-2px) scale(1.055);
  filter:drop-shadow(0 2px 0 rgba(8,41,64,.22)) drop-shadow(0 0 13px rgba(21,168,157,.36)) drop-shadow(0 0 22px rgba(118,103,255,.20));
}
@keyframes priceGlow{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

/* Price card gains a soft animated halo on hover. */
.plan-card::before{
  background:
    radial-gradient(circle at var(--mx,50%) var(--my,30%),rgba(82,241,226,.32),transparent 32%),
    linear-gradient(135deg,rgba(25,198,184,.72),rgba(118,103,255,.58),rgba(255,107,120,.52))!important;
}
.plan-card:hover{box-shadow:0 30px 64px rgba(6,26,43,.24),0 0 28px rgba(74,122,255,.13)!important}

/* Mobile: plans are promoted directly after the four service highlights. */
@media(max-width:820px){
  .plans-section{scroll-margin-top:76px}
  .plans-section .container{width:min(var(--container),calc(100% - 1rem))}
  .plan-card .plan-label{margin-bottom:.62rem!important}
  .plan-card .plan-period{margin-bottom:.15rem!important}
  .plans-section .section-heading{margin-bottom:1.3rem}
  .plans-section .section-heading h2{font-size:2.15rem!important;line-height:1.05!important}
  .plans-section .plans-lead{font-size:1.08rem!important;line-height:1.55!important}
}

@media(prefers-reduced-motion:reduce){
  body h1,.article-hero h1,.hero-copy h1,.page-hero h1,.process-hero h1,.devices-hero h1,.contact-hero h1,.plan-price{animation:none!important}
}


/* v8 keyword + reseller pages */
.article-page .article-content .image-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;margin:1.5rem 0 2rem}
.article-page .article-content .image-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:26px;overflow:hidden;box-shadow:0 22px 45px rgba(0,0,0,.18)}
.article-page .article-content .image-card img{display:block;width:100%;height:auto}
.article-page .article-content .image-card .caption{padding:1rem 1.15rem;color:#6b7f95;font-size:.97rem}
.keyword-band,.reseller-band{padding:1rem 1.2rem;border-radius:22px;background:linear-gradient(135deg,rgba(17,211,255,.12),rgba(141,91,255,.12));border:1px solid rgba(17,211,255,.24);display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;margin:1.2rem 0 1.8rem}
.keyword-band a,.reseller-band a{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.1rem;border-radius:999px;background:linear-gradient(135deg,#15c86f,#0bb864);color:#fff;text-decoration:none;font-weight:700;box-shadow:0 12px 24px rgba(14,132,76,.28)}
.keyword-band span,.reseller-band span{color:#29425c;font-weight:700}
body.article-page .article-content .mini-cta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.4rem 0 2rem}
body.article-page .article-content .mini-cta-grid .mini-cta{background:#fff;border-radius:22px;padding:1.1rem;border:1px solid rgba(16,42,67,.08);box-shadow:0 14px 32px rgba(16,42,67,.08)}
body.article-page .article-content .mini-cta h3{margin:.25rem 0 .55rem;font-size:1.02rem}
body.article-page .article-content .mini-cta p{margin:0 0 .8rem}
body.article-page .article-content .mini-cta a{font-weight:700;color:#0f6bff;text-decoration:none}
body.article-page .article-content .pill-list{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0 1.6rem;padding:0;list-style:none}
body.article-page .article-content .pill-list li{background:#eef4fb;color:#14395b;padding:.7rem 1rem;border-radius:999px;font-weight:700}
body.article-page .article-content .feature-box{background:linear-gradient(145deg,#0f2138,#173150);color:#fff;border-radius:26px;padding:1.2rem 1.3rem;margin:1rem 0 1.6rem;box-shadow:0 18px 36px rgba(10,34,52,.22)}
body.article-page .article-content .feature-box p,body.article-page .article-content .feature-box li{color:#dcefff}
body.article-page .article-content .check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.3rem 0 1.8rem}
body.article-page .article-content .check-grid .check-item{background:#fff;border:1px solid rgba(16,42,67,.08);border-radius:22px;padding:1rem 1rem .9rem;box-shadow:0 14px 32px rgba(16,42,67,.08)}
body.article-page .article-content .check-grid .check-item strong{display:block;margin-bottom:.45rem;color:#102a43}
body.article-page .article-content .compare-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0 1.8rem}
body.article-page .article-content .compare-strip article{border-radius:24px;padding:1.15rem;background:linear-gradient(180deg,#ffffff,#f4f8fc);border:1px solid rgba(16,42,67,.08);box-shadow:0 16px 34px rgba(16,42,67,.08)}
body.article-page .article-content .compare-strip span{font-size:1.8rem}
body.article-page .article-content .price-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1.1rem 0 1.8rem}
body.article-page .article-content .price-points article{background:#fff;border-radius:22px;border:1px solid rgba(16,42,67,.08);padding:1rem;box-shadow:0 16px 34px rgba(16,42,67,.08)}
body.article-page .article-content .price-points strong{display:block;font-size:1rem;color:#102a43}
body.article-page .article-content .price-points span{display:block;margin-top:.2rem;font-size:1.2rem;font-weight:800;color:#0f6bff}
body.article-page .article-content .faq-tight h3{margin-bottom:.35rem}
.article-page .article-content .cta-inline{display:flex;flex-wrap:wrap;gap:.8rem;margin:1rem 0 1.6rem}
.article-page .article-content .cta-inline .btn{min-width:220px}
.footer-grid.pro .footer-brand-block p{max-width:32rem}
@media (max-width: 900px){
  .article-page .article-content .image-split,.article-page .article-content .mini-cta-grid,.article-page .article-content .check-grid,.article-page .article-content .compare-strip,.article-page .article-content .price-points{grid-template-columns:1fr}
}


/* V8.1 strict SEO + conversion update */
.reseller-home-banner{padding-top:1.25rem}
.reseller-home-wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:1.6rem;align-items:center;background:linear-gradient(145deg,#0f1932 0%,#132a56 45%,#1a245f 100%);border:1px solid rgba(255,255,255,.08);border-radius:30px;padding:2rem;box-shadow:0 24px 60px rgba(7,18,40,.34);overflow:hidden;position:relative}
.reseller-home-wrap::before{content:"";position:absolute;inset:auto -10% -35% auto;width:280px;height:280px;background:radial-gradient(circle,rgba(59,226,196,.35),rgba(59,226,196,0));pointer-events:none}
.reseller-home-copy .eyebrow{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#dffcff}
.reseller-home-copy h2{margin:.4rem 0 .8rem;font-size:clamp(2rem,3vw,3rem);line-height:1.02;color:#fff;text-wrap:balance}
.reseller-home-copy p{font-size:1.08rem;color:#d9e7f5;max-width:60ch}
.banner-bullets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;list-style:none;padding:0;margin:1rem 0 1.2rem}
.banner-bullets li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:15px;padding:.9rem 1rem;color:#eff7ff;font-weight:700}
.btn-row{display:flex;gap:.8rem;flex-wrap:wrap}
.btn-dark-outline{display:inline-flex;align-items:center;justify-content:center;padding:.92rem 1.2rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);color:#fff;font-weight:800;text-decoration:none;background:rgba(255,255,255,.04)}
.btn-dark-outline:hover{transform:translateY(-2px);background:rgba(255,255,255,.08)}
.reseller-home-art{display:flex;justify-content:center;align-items:center}
.reseller-home-art img{max-width:min(100%,420px);height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.35))}
.sales-seo-grid,.premium-grid,.reseller-growth-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.sales-seo-card,.premium-card,.growth-card{background:#fff;border:1px solid rgba(16,42,67,.08);border-radius:24px;padding:1.2rem;box-shadow:0 16px 34px rgba(16,42,67,.08)}
.sales-seo-card h3,.premium-card h3,.growth-card h3{margin:.3rem 0 .6rem;font-size:1.18rem;color:#102a43}
.sales-seo-card p,.premium-card p,.growth-card p{margin:0;color:#4f6477;font-size:1rem}
.sales-seo-card a,.premium-card a,.growth-card a{display:inline-flex;margin-top:.8rem;font-weight:800;color:#0f6bff;text-decoration:none}
.home-proofs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.2rem}
.home-proof{background:linear-gradient(135deg,#ffffff,#f5faff);border:1px solid #dfe9f2;border-radius:20px;padding:1rem;text-align:left;box-shadow:0 12px 25px rgba(16,42,67,.06)}
.home-proof strong{display:block;font-size:1.05rem;color:#102a43}
.home-proof span{display:block;margin-top:.28rem;color:#5d7488;font-size:.98rem}
.faq .faq-intro{color:#5a7386;font-size:1.08rem;text-align:center;max-width:780px;margin:.4rem auto 1.3rem}
.faq-list details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem 1.05rem;box-shadow:0 12px 30px rgba(16,42,67,.06)}
.faq-list details+details{margin-top:.75rem}
.faq-list summary{font-weight:850;color:#102a43;cursor:pointer}
.faq-list p{color:#516a7d;font-size:1rem;margin:.8rem 0 0}
.reseller-hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1rem}
.premium-lead{font-size:1.1rem;color:#446077}
.reseller-note{padding:1rem 1.1rem;border-radius:18px;background:linear-gradient(135deg,#e9fbf5,#eef2ff);border:1px solid #d7ece5;color:#274256}
.premium-band{margin:1.4rem 0;padding:1.2rem 1.3rem;border-radius:22px;background:linear-gradient(135deg,#102a43,#1c4164);color:#fff;display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}
.premium-band p{margin:0;color:#d9e9f3;max-width:760px}
.premium-band a{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.1rem;border-radius:999px;background:linear-gradient(135deg,#14ce77,#0fb96a);color:#fff;text-decoration:none;font-weight:800;box-shadow:0 12px 26px rgba(11,138,89,.28)}
.reseller-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1.2rem 0 1.8rem}
.reseller-kpi{padding:1rem;border-radius:22px;background:#fff;border:1px solid rgba(16,42,67,.08);box-shadow:0 16px 34px rgba(16,42,67,.08)}
.reseller-kpi strong{display:block;font-size:1.6rem;color:#102a43}
.reseller-kpi span{display:block;margin-top:.28rem;color:#5d7488;font-size:.96rem}
.plan-note-emphasis{display:block;font-size:1.15rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#0f6bff,#6a42ff);padding:.95rem 1rem;border-radius:18px;box-shadow:0 14px 30px rgba(40,82,255,.24);margin:1rem 0 1.4rem}
.footer-brand-block .footer-brand-card p{max-width:62ch}
@media(max-width:980px){.reseller-home-wrap,.sales-seo-grid,.premium-grid,.reseller-growth-grid,.reseller-kpis,.home-proofs{grid-template-columns:1fr 1fr}.banner-bullets{grid-template-columns:1fr}.reseller-home-art{order:-1}}
@media(max-width:720px){.reseller-home-wrap,.sales-seo-grid,.premium-grid,.reseller-growth-grid,.reseller-kpis,.home-proofs{grid-template-columns:1fr}.reseller-home-wrap{padding:1.25rem}.reseller-home-copy h2{font-size:2rem}.btn-row,.reseller-hero-actions{flex-direction:column;align-items:stretch}.btn-dark-outline,.premium-band a{width:100%}.article-page .article-content .price-points{grid-template-columns:1fr 1fr}.premium-band{padding:1rem}}
@media(max-width:520px){.article-page .article-content .price-points{grid-template-columns:1fr}.sales-seo-card,.premium-card,.growth-card,.home-proof{padding:1rem}}


/* V9 — conversion, tools, help center and performance */
.trust-strip{padding:1.2rem 0;background:#fff;border-block:1px solid var(--line)}
.trust-strip-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.trust-chip{padding:.9rem;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff,#f7fbfc);text-align:center;box-shadow:0 10px 25px rgba(16,42,67,.05)}.trust-chip strong{display:block;color:#102a43;font-size:.96rem}.trust-chip span{display:block;color:#627789;font-size:.84rem;margin-top:.2rem}
.tool-shell{background:#fff;border:1px solid var(--line);border-radius:26px;padding:1.4rem;box-shadow:var(--shadow);margin:1rem 0 2rem}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.tool-field{display:grid;gap:.4rem}.tool-field label{font-weight:850;color:#163a52}.tool-field select,.tool-field input{width:100%;padding:.9rem 1rem;border-radius:13px;border:1px solid #cfdde5;background:#fff;color:#102a43;font:inherit}.tool-result{margin-top:1rem;padding:1.2rem;border-radius:20px;background:linear-gradient(135deg,#eaf8f6,#f1f2ff);border:1px solid #cfe5e4}.tool-result strong{font-size:1.45rem;color:#102a43}.tool-result p{margin:.35rem 0}.tool-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1rem}.tool-actions .btn{cursor:pointer;border:0}
.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.help-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.2rem;box-shadow:var(--shadow)}.help-card h2{font-size:1.45rem!important;margin:.3rem 0 .6rem!important}.help-card p{font-size:1rem!important}.help-card a{font-weight:850;color:#0b7a75}.faq-qa{display:grid;gap:.8rem;margin:1rem 0 2rem}.faq-qa details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1rem 1.1rem}.faq-qa summary{font-weight:850;color:#102a43;cursor:pointer}.faq-qa p{margin:.7rem 0 0}
.device-ecosystem-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;margin:1rem 0 2rem}.device-ecosystem-grid a{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem;box-shadow:0 10px 25px rgba(16,42,67,.06);font-weight:800;color:#173a53;text-align:center}.device-ecosystem-grid a:hover{transform:translateY(-3px)}
.content-section{content-visibility:auto;contain-intrinsic-size:1px 700px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}
@media(max-width:980px){.trust-strip-grid{grid-template-columns:repeat(3,1fr)}.device-ecosystem-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.tool-grid,.help-grid{grid-template-columns:1fr}.trust-strip-grid{grid-template-columns:repeat(2,1fr)}.device-ecosystem-grid{grid-template-columns:repeat(2,1fr)}}


/* V11 SALES CTA SYSTEM */
.sales-cta-wrap{margin-top:2rem;margin-bottom:2rem}
.sales-cta-panel{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center;overflow:hidden;padding:clamp(1.5rem,3vw,2.35rem);border-radius:30px;background:linear-gradient(135deg,#0d2440 0%,#12395c 54%,#162c50 100%);box-shadow:0 24px 60px rgba(10,34,59,.20);border:1px solid rgba(255,255,255,.08)}
.sales-cta-panel::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(115deg,rgba(35,210,197,.07),transparent 40%,rgba(113,92,255,.10))}
.sales-cta-glow{position:absolute;z-index:-1;width:320px;height:320px;border-radius:50%;right:-90px;top:-155px;background:radial-gradient(circle,rgba(44,238,147,.35) 0%,rgba(44,238,147,.08) 40%,transparent 72%);filter:blur(2px);pointer-events:none}
.sales-cta-panel--bottom .sales-cta-glow{right:auto;left:-120px;top:auto;bottom:-190px;background:radial-gradient(circle,rgba(100,110,255,.32),rgba(100,110,255,.06) 45%,transparent 72%)}
.sales-cta-kicker{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:.55rem;padding:.42rem .7rem;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);font-size:.78rem;font-weight:900;letter-spacing:.05em;color:#c9fff0}
.sales-cta-copy h2{margin:.15rem 0 .7rem!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;font-size:clamp(1.85rem,3.5vw,3rem)!important;line-height:1.02!important;letter-spacing:-.045em!important;max-width:760px;text-wrap:balance}
.sales-cta-copy p{margin:0;color:#d6e7f2!important;font-size:clamp(1rem,1.4vw,1.12rem)!important;line-height:1.65;max-width:800px}
.sales-cta-trust{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1rem}.sales-cta-trust span{font-size:.85rem;font-weight:800;color:#eaf8ff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);padding:.45rem .65rem;border-radius:999px}
.sales-cta-action{display:grid;justify-items:center;gap:.5rem;min-width:220px}
.sales-cta-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-width:220px;padding:1rem 1.4rem;border-radius:16px;color:#052a17!important;background:linear-gradient(135deg,#36e27f,#20c96a 55%,#43ef91);font-weight:950;text-decoration:none!important;box-shadow:0 14px 34px rgba(27,202,105,.30),inset 0 1px 0 rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.30);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.sales-cta-button:hover{transform:translateY(-3px);filter:saturate(1.08);box-shadow:0 20px 42px rgba(27,202,105,.40),inset 0 1px 0 rgba(255,255,255,.40)}
.sales-cta-button:focus-visible,.velnuxa-floating-sale:focus-visible,.velnuxa-mobile-sale a:focus-visible{outline:3px solid #fff;outline-offset:3px}
.sales-cta-action small{color:#bcd3df;font-size:.78rem}.wa-dot{color:#087b3f;text-shadow:0 0 14px rgba(255,255,255,.5)}
.velnuxa-floating-sale{position:fixed;right:18px;bottom:18px;z-index:9998;display:inline-flex;align-items:center;gap:.5rem;padding:.88rem 1.05rem;border-radius:999px;background:linear-gradient(135deg,#31dd79,#20c868);color:#062c19!important;text-decoration:none!important;font-weight:950;box-shadow:0 14px 35px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.55);transition:.2s ease}
.velnuxa-floating-sale:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 18px 42px rgba(0,0,0,.28)}
.velnuxa-floating-sale span{font-size:.75rem;color:#087a3f}
.velnuxa-mobile-sale{display:none}
@media(max-width:820px){.sales-cta-wrap{width:min(var(--container),calc(100% - 1rem));margin-top:1.2rem;margin-bottom:1.2rem}.sales-cta-panel{grid-template-columns:1fr;gap:1.25rem;padding:1.35rem;border-radius:24px}.sales-cta-copy h2{font-size:2rem!important}.sales-cta-action{min-width:0;width:100%}.sales-cta-button{width:100%;min-width:0;padding:1rem}.velnuxa-floating-sale{display:none}.velnuxa-mobile-sale{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.65rem max(.75rem,env(safe-area-inset-right)) calc(.65rem + env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));background:rgba(8,30,48,.96);backdrop-filter:blur(12px);box-shadow:0 -10px 28px rgba(0,0,0,.18);border-top:1px solid rgba(255,255,255,.08)}.velnuxa-mobile-sale>span{color:#dcebf3;font-size:.9rem;font-weight:800}.velnuxa-mobile-sale a{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:.78rem 1rem;border-radius:13px;background:linear-gradient(135deg,#35e17d,#20c868);color:#062c19!important;text-decoration:none!important;font-weight:950}.site-footer{padding-bottom:6.4rem!important}}
@media(prefers-reduced-motion:reduce){.sales-cta-button,.velnuxa-floating-sale{transition:none!important}}

/* V11.1 — Fix visibility of reseller headline on home */
.reseller-home-banner .reseller-home-copy h2{
  color:#ffffff!important;
  -webkit-text-fill-color:transparent!important;
  background:linear-gradient(100deg,#6ff7ff 0%,#ffffff 42%,#ffd86b 72%,#ff9f6e 100%)!important;
  background-size:100% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  text-shadow:0 0 28px rgba(111,247,255,.12)!important;
  filter:drop-shadow(0 3px 12px rgba(0,0,0,.22));
}
@media(max-width:720px){
  .reseller-home-banner .reseller-home-copy h2{
    background:linear-gradient(100deg,#8ffaff 0%,#ffffff 50%,#ffd979 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
  }
}