.v3{background:#0A0A0A;color:#E5E5E7}.v3 section{padding:90px 0}.v3 h2{color:#fff;text-align:center}.v3 .sub{text-align:center;color:#A7A9AC;margin-top:-6px}
.v3 .dark2{background:#141416}.v3 #services,.v3 #experience,.v3 #estimator,.v3 #reviews{background:#0A0A0A}
.hero3{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#232326 0%,#0A0A0A 70%);text-align:center}
#net{position:absolute;inset:0;width:100%;height:100%}.hero3-in{position:relative;z-index:1}
.hero3-logo{width:230px;max-width:55vw;mix-blend-mode:screen}.hero3 h1{font-weight:300;letter-spacing:.35em;text-transform:uppercase;font-size:2.6rem;margin:.2em 0;color:#fff}
.hero3 .tagline{font-size:.85rem}.hero3 .subline{font-size:1.15rem;color:#C0C4CC!important}.hero3 .lede{max-width:620px;margin:1em auto;color:#E5E5E7}
.v3 .btn.alt{margin-left:8px;margin-top:0}.v3 .note{color:#8d8f93}
.toggle{display:flex;justify-content:center;gap:0;margin:24px auto}.toggle button{background:transparent;color:#A7A9AC;border:1px solid #444;padding:12px 22px;font:inherit;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;cursor:pointer}
.toggle button[aria-selected=true]{background:#E5E5E7;color:#0A0A0A;border-color:#E5E5E7}.toggle button:focus-visible,.v3 summary:focus-visible{outline:2px solid #C0C4CC;outline-offset:3px}
.compare{max-width:620px;margin:0 auto}.side{list-style:none;padding:0;margin:0}.side li{padding:14px 0 14px 34px;border-bottom:1px solid #2a2a2d;position:relative}
.side.carrier li:before{content:"✕";position:absolute;left:4px;color:#777}.side.us li:before{content:"✓";position:absolute;left:4px;color:#fff}
.compare[data-show=carrier] .us,.compare[data-show=us] .carrier{display:none}.compare .side{animation:fade .35s}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1}}
.svc{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.svc details{border:1px solid #2a2a2d;background:#121214;padding:0 20px;transition:border-color .2s}
.svc details:hover,.svc details[open]{border-color:#A7A9AC}.svc summary{cursor:pointer;list-style:none;padding:20px 0;text-transform:uppercase;letter-spacing:.12em;font-size:.9rem;color:#fff;display:flex;justify-content:space-between}
.svc summary::-webkit-details-marker{display:none}.svc summary:after{content:"+";color:#A7A9AC;transition:transform .2s}.svc details[open] summary:after{transform:rotate(45deg)}
.svc p{margin-top:0;color:#C0C4CC}.svc a{color:#fff;display:inline-block;margin-bottom:18px;font-size:.85rem;letter-spacing:.08em}
.promise{list-style:none;max-width:640px;margin:30px auto 0;padding:0 0 0 40px;border-left:1px solid #A7A9AC;position:relative}
.promise li{position:relative;padding:0 0 34px}.promise li:before{content:"";position:absolute;left:-52px;top:2px;width:22px;height:22px;border:1px solid #C0C4CC;border-radius:50%;background:#141416}
.promise li.in:after{content:"✓";position:absolute;left:-46px;top:2px;color:#fff;font-size:.8rem}.promise h3{margin:0 0 4px;color:#fff;text-transform:uppercase;letter-spacing:.1em;font-size:.95rem;font-weight:600}.promise p{margin:0;color:#A7A9AC}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px}.chips span{border:1px solid #444;padding:6px 14px;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#C0C4CC}
.tl{position:relative;max-width:640px;margin:0 auto;padding-left:40px}.tl-line{position:absolute;left:10px;top:0;bottom:0;width:2px;background:#222}.tl-line i{display:block;width:100%;height:var(--p,0%);background:linear-gradient(#fff,#A7A9AC)}
.tl-item{position:relative;padding-bottom:30px}.tl-item:before{content:"";position:absolute;left:-36px;top:6px;width:12px;height:12px;background:#C0C4CC;border-radius:50%}.tl-item b{color:#fff;letter-spacing:.1em}.tl-item p{margin:4px 0 0;color:#A7A9AC}
.statband{background:linear-gradient(90deg,#1C1C1E,#2a2a2d,#1C1C1E)!important;padding:60px 0!important}.stats{display:grid;grid-template-columns:repeat(2,1fr);max-width:720px;margin:0 auto;text-align:center;gap:20px}
.stats .num,.stats .plus{font-size:3rem;font-weight:300;color:#fff}.stats p{color:#A7A9AC;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.stats em{display:block;color:#d9a441;font-style:normal;margin-top:4px}
.est{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:16px;align-items:end;max-width:900px;margin:0 auto}.est label{color:#C0C4CC;margin:0}.est input,.est select{background:#121214;color:#fff;border:1px solid #444;margin-top:6px}
.est-out{max-width:900px;margin:26px auto 0}.est-out .card{background:#121214;border:1px solid #2a2a2d;color:#E5E5E7}.est-out h3{color:#fff}.est-out li{margin:6px 0}.est-out .note{margin-top:12px}
.stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative;margin-top:30px}.sline{position:absolute;top:22px;left:16%;right:16%;height:2px;background:#2a2a2d}.sline i{display:block;height:100%;width:0;background:#C0C4CC;transition:width 1.4s ease}.stepper.in .sline i{width:100%}
.st{text-align:center;position:relative}.st b{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid #C0C4CC;border-radius:50%;background:#141416;color:#fff}.st h3{color:#fff;text-transform:uppercase;letter-spacing:.18em;font-weight:400}.st p{color:#A7A9AC}
.story{position:relative;display:flex;gap:28px;max-width:820px;margin:0 auto;border:1px dashed #666;padding:34px;background:#121214}.sample-flag{position:absolute;top:-12px;left:20px;background:#d9a441;color:#0A0A0A;font-weight:700;font-size:.75rem;padding:3px 10px;letter-spacing:.08em;text-transform:uppercase}
.story-logo{flex:none;width:110px;height:110px;border:1px solid #444;display:flex;align-items:center;justify-content:center;color:#777;font-size:.8rem}.story h3{color:#fff;margin:0}.story .who{color:#8d8f93;font-size:.85rem;margin:2px 0 12px}
.paid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.paid>div{border-top:1px solid #A7A9AC;padding-top:14px}.paid h3{color:#fff;text-transform:uppercase;letter-spacing:.12em;font-size:.9rem}.paid p{color:#C0C4CC}
.v3 .cta{background:#141416;text-align:center}.v3 footer{border-top:1px solid #222}
.rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.rv.in{opacity:1;transform:none}
@media(max-width:760px){.est,.stats,.stepper,.paid{grid-template-columns:1fr}.sline{display:none}.story{flex-direction:column}.hero3 h1{font-size:1.7rem;letter-spacing:.2em}nav a:not(:last-child){display:none}.v3 section{padding:60px 0}.v3 .btn{margin:6px 0}}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.compare .side{animation:none}.sline i{transition:none}*{scroll-behavior:auto!important}}
.hero3-logo{-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 55%,transparent 72%);mask-image:radial-gradient(circle at 50% 50%,#000 55%,transparent 72%)}

.v4 .compare3{max-width:860px;margin:0 auto}.v4 .pane{display:none;grid-template-columns:1fr 1fr;gap:28px;animation:fade .35s}.v4 .compare3[data-show=call] [data-pane=call],.v4 .compare3[data-show=b2b] [data-pane=b2b],.v4 .compare3[data-show=retail] [data-pane=retail]{display:grid}
.v4 .col h3{text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;color:#A7A9AC;margin:0 0 6px}.v4 .col.us h3{color:#fff}
.v4 .side li{display:flex;gap:12px;align-items:flex-start;padding:12px 0}.v4 .side li:before{content:none}.v4 .bi{flex:0 0 34px;width:34px;height:34px;margin-top:-6px;object-fit:contain}.v4 .side.them .bi{opacity:.4;filter:grayscale(1)}.v4 .side.them li{color:#A7A9AC}.v4 .side.us .bi{opacity:1}
.v4 .dr{color:#8a8d93;font-size:.8em}.v4 .exp-head{font-size:1.05rem}.v4 .exp-head b{color:#fff}
.v4 .texture{position:relative;height:110px;background:linear-gradient(#0A0A0A,#141416);overflow:hidden}.v4 .texture canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.35}
@media(max-width:760px){.v4 .pane{grid-template-columns:1fr}.v4 .toggle button{padding:10px 10px;letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){.v4 .pane{animation:none}}
/* v6: Xentelligent Mobile zen logo (transparent PNG, no mask needed) */
.hero3-logo{-webkit-mask-image:none;mask-image:none;mix-blend-mode:normal;width:300px}
.hero3 h1 .h1-sub{display:block;font-size:.45em;letter-spacing:.6em;color:#9a9ca0;margin-top:.3em}
.hero3-logo{width:340px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:600px){.hero3-logo{width:240px}header .logo{letter-spacing:.14em;font-size:.85rem}}