
/* 2026 editorial rebuild: cinematic architectural identity with accurate product proof */
:root{--v3-bg:#031020;--v3-slate:#0b1f35;--v3-aqua:#35c5f9;--v3-violet:#8862ee;--v3-silver:#e5edf7}
body{overflow-x:hidden}
.v3-hero{min-height:690px;background-position:center 44%}.v3-hero .hero-overlay{background:linear-gradient(90deg,rgba(2,10,24,.95) 0%,rgba(2,11,27,.83) 33%,rgba(3,13,33,.35) 74%,rgba(3,12,25,.23)),linear-gradient(0deg,rgba(2,10,25,.8),transparent 36%)}
.v3-hero .detail-hero-inner{min-height:562px;align-items:center;padding-bottom:110px}.v3-hero .detail-intro{max-width:850px}
.v3-hero h1{font-size:clamp(3.5rem,6vw,6.5rem);line-height:1.01;max-width:900px;letter-spacing:-.058em;font-weight:660;text-wrap:balance;text-shadow:0 7px 50px rgba(0,0,0,.33)}
.v3-hero h1 i,.v3-section-top h2 i,.v3-final h2 i,.v3-showcase-copy h2 i{font-style:normal;background:linear-gradient(105deg,#e2ecfd 3%,#52c8ff 42%,#a782ff 88%);background-clip:text;-webkit-background-clip:text;color:transparent}
.v3-hero .detail-intro>p{max-width:650px;font-size:clamp(1rem,1.4vw,1.26rem);color:#d6e2f5;line-height:1.65}
.v3-hero-signal{position:absolute;right:5%;bottom:55px;display:flex;align-items:center;gap:13px;letter-spacing:.24em;color:#c0d7f0;font-size:.61rem}.v3-signal-dot{width:10px;height:10px;background:#5ad5ff;box-shadow:0 0 0 7px #50b7ff22,0 0 26px #49afff;border-radius:50%}
.v3-chapter-label{background:#061a2e;border-top:1px solid #2b5774;border-bottom:1px solid #1b415c;padding:36px 0}.v3-chapter-label .shell{display:flex;align-items:center;gap:35px}.v3-chapter-label span{font-size:.6rem;color:#8eb4db;letter-spacing:.21em;min-width:180px}.v3-chapter-label strong{font-size:1.15rem;max-width:400px;font-weight:570}.v3-chapter-label p{color:#afc0d2;font-size:.83rem;max-width:550px;margin:0 0 0 auto}
.v3-flow{background:radial-gradient(ellipse at 80% 10%,#142e58 0,transparent 48%),#061323;padding:110px 0}.v3-section-top{max-width:900px;margin-bottom:42px}.v3-section-top h2,.v3-faq h2,.v3-estimator h2,.v3-contact h2,.v3-showcase-copy h2{font-size:clamp(2.4rem,4vw,4.6rem);font-weight:530;line-height:1.13;letter-spacing:-.055em;margin:17px 0}.v3-section-top p{color:#b7c9dd;max-width:710px}.v3-flow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.v3-flow-step{position:relative;min-height:258px;padding:28px;border:1px solid #355479;background:linear-gradient(145deg,#112d4e,#061527);border-radius:12px;overflow:hidden}.v3-step-num{font-size:.7rem;letter-spacing:.16em;color:#bbaaff}.v3-flow-line{height:2px;width:70%;background:linear-gradient(90deg,#39cafe,#8060ef,transparent);margin:24px 0 30px}.v3-flow-step h3{font-size:1.3rem;margin:0 0 12px}.v3-flow-step p{color:#b5c8de;font-size:.84rem;line-height:1.6;margin:0}
.v3-feature{background:#eaf0f8;color:#101f35;padding:110px 0}.v3-feature:nth-of-type(even){background:#f8fafc}.v3-feature-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:5vw;align-items:center}.v3-feature-layout.v3-reverse{grid-template-columns:1.25fr .75fr}.v3-reverse .v3-feature-copy{order:2}.v3-feature-copy h2{font-size:clamp(2.1rem,3.4vw,4rem);line-height:1.1;letter-spacing:-.055em;font-weight:560}.v3-feature-copy p{color:#465971;line-height:1.8}.v3-textlink{color:#2874bb;text-decoration:none;font-weight:680;display:inline-flex;gap:10px;margin-top:20px}.v3-device{background:#091d34;border:1px solid #406384;border-radius:15px;padding:14px;box-shadow:0 32px 56px rgba(7,28,61,.19)}.v3-device-top{color:#9abadd;display:flex;justify-content:space-between;letter-spacing:.1em;font-size:.55rem;padding:4px 10px 15px}.v3-device-top span:first-child{color:#6dbbec}.v3-device img{display:block;width:100%;height:auto;border-radius:7px}
.v3-audiences{background:#061627;padding:100px 0}.v3-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.v3-photo-card{position:relative;min-height:430px;border-radius:12px;overflow:hidden;color:#fff;isolation:isolate;border:1px solid #3b5470}.v3-photo-card img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .75s}.v3-photo-card:hover img{transform:scale(1.08)}.v3-photo-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#02101ff7,#07162933 75%)}.v3-photo-inner{height:100%;display:flex;flex-direction:column;justify-content:end;padding:30px}.v3-photo-inner small{font-size:.65rem;letter-spacing:.2em;color:#93d8ff}.v3-photo-inner strong{font-size:1.8rem;line-height:1.15;margin:10px 0}.v3-photo-inner>span:not(:first-child){color:#bbcbda;font-size:.88rem}.v3-photo-inner b{font-size:.8rem;margin-top:23px;color:#87d8ff;display:flex;justify-content:space-between}
.v3-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.v3-mini-grid a{display:flex;justify-content:space-between;align-items:center;padding:23px;border-radius:8px;background:#112841;border:1px solid #2a506e;color:#eef4fc}.v3-mini-grid b{color:#7cc9ff}
.v3-faq{background:#081b30;border-top:1px solid #23405f;padding:90px 0}.v3-faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}.v3-faq p{color:#b1c4d6}.v3-accordion details{border-bottom:1px solid #34516e;padding:18px 0}.v3-accordion summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:18px;font-size:1rem;font-weight:560}.v3-accordion summary::-webkit-details-marker{display:none}.v3-accordion summary span{color:#7bd6ff;font-size:1.3rem}.v3-accordion details[open] summary span{transform:rotate(45deg)}.v3-accordion details p{margin:14px 0 3px;line-height:1.7;font-size:.85rem}
.v3-final{position:relative;background:#041321;padding:100px 0;isolation:isolate}.v3-final-bg{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#031020f5,#07182b98 60%,#07132388),url('feature-home.webp') center 60%/cover}.v3-final-layout{display:flex;align-items:end;gap:50px;justify-content:space-between}.v3-final-layout>div{max-width:800px}.v3-final h2{font-size:clamp(3rem,5vw,5.6rem);font-weight:520;line-height:1.05;letter-spacing:-.05em}.v3-final p{color:#d8e3ef;max-width:720px}
.v3-pricing{background:#07172a;padding:95px 0}.v3-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.v3-price-card{border-radius:14px;border:1px solid #35597b;background:linear-gradient(155deg,#142d4c,#07192c);padding:29px;display:flex;flex-direction:column;min-height:520px}.v3-price-card.featured{border-color:#69affc;box-shadow:0 0 28px #3459f526}.v3-price-card small{font-size:.61rem;letter-spacing:.17em;color:#91caff}.v3-price-card h3{font-size:1.36rem;line-height:1.22;margin:17px 0}.v3-price{font-size:2.2rem;color:#f2f6ff;font-weight:650}.v3-price em{font-size:.9rem;color:#9ab5d2;font-style:normal}.v3-price-card p,.v3-price-card li{color:#b9cbdf;line-height:1.65;font-size:.83rem}.v3-price-card ul{padding-left:19px;flex:1}.v3-price-card li{padding:4px 0}.v3-estimator{background:#eef4fa;color:#12304a;padding:95px 0}.v3-estimator-layout{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.v3-estimator p{color:#536b81}.v3-cost{border:1px solid #cbdce8;background:white;border-radius:15px;padding:35px;box-shadow:0 25px 40px #0d356214}.v3-cost input{width:100%;accent-color:#625de5;margin:25px 0}.v3-estimate-numbers{display:flex;justify-content:space-between;gap:12px;align-items:center}.v3-estimate-numbers strong{font-size:2rem}.v3-estimate-numbers small{font-size:.9rem;color:#75869b}
.v3-contact{background:#061729;padding:95px 0}.v3-contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}.v3-contact-layout>div:first-child>p{color:#bdcede}.v3-contact-tiles{margin-top:38px}.v3-contact-tiles>div{display:flex;gap:19px;border-bottom:1px solid #234a68;padding:19px 0}.v3-contact-tiles b{color:#8dcbfd}.v3-contact-tiles span{color:#ecf5ff}.v3-contact-form{background:linear-gradient(160deg,#153151,#07192e);border:1px solid #42709b;border-radius:14px;padding:32px}.v3-contact-form h3{font-size:1.7rem}.v3-contact-form p{color:#a8c2dc;font-size:.85rem}.v3-contact-form form{display:grid;gap:16px}.v3-contact-form label{display:grid;gap:7px;color:#d9eafb;font-size:.8rem}.v3-contact-form input,.v3-contact-form select,.v3-contact-form textarea{width:100%;background:#07172b;border:1px solid #426080;border-radius:7px;padding:13px;color:#f1f7ff;font:inherit;outline-offset:3px}.v3-form-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v3-home-showcase{background:#061323;padding:100px 0}.v3-showcase-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;align-items:center}.v3-showcase-photo img{width:100%;border-radius:14px;max-height:560px;object-fit:cover}.v3-showcase-copy p{color:#c0d2e4}.v3-home-links{border-top:1px solid #385472;margin-top:30px}.v3-home-links a{display:flex;align-items:center;justify-content:space-between;padding:19px 0;border-bottom:1px solid #385472;color:#daeaf9}.v3-home-links b{color:#6bcaff}
/* restrained movement: only content and user interaction, no fake loading bars */
.js-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.js-motion .reveal.is-visible{opacity:1;transform:none}
.button-primary{background:linear-gradient(115deg,#087cdb,#225ef1 55%,#7854e8);border-color:#5ebaff;box-shadow:0 6px 30px #265be13b,inset 0 1px #c6e9ff73}.button-primary:hover{filter:brightness(1.13);transform:translateY(-2px)}
@media(max-width:980px){.v3-flow-steps{grid-template-columns:repeat(2,1fr)}.v3-feature-layout,.v3-feature-layout.v3-reverse,.v3-faq-layout,.v3-estimator-layout,.v3-contact-layout,.v3-showcase-grid{grid-template-columns:1fr}.v3-reverse .v3-feature-copy{order:initial}.v3-photo-grid,.v3-price-grid{grid-template-columns:1fr 1fr}.v3-chapter-label .shell{flex-wrap:wrap}.v3-chapter-label p{margin:0}}
@media(max-width:650px){.v3-hero{min-height:670px}.v3-hero h1{font-size:clamp(2.6rem,10vw,4rem)}.v3-hero-signal{display:none}.v3-flow,.v3-feature,.v3-audiences,.v3-faq,.v3-pricing,.v3-estimator,.v3-contact{padding:66px 0}.v3-photo-grid,.v3-price-grid,.v3-flow-steps,.v3-mini-grid{grid-template-columns:1fr}.v3-chapter-label .shell{display:block}.v3-chapter-label strong{display:block;margin:12px 0}.v3-feature-layout{gap:28px}.v3-form-2{grid-template-columns:1fr}.v3-final-layout{display:block}.v3-final-layout .button{margin-top:24px}.v3-section-top h2{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){.js-motion .reveal{opacity:1;transform:none;transition:none}.v3-photo-card img{transition:none}}
