*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#050914;color:#f5f8ff;font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.ambient{position:absolute;pointer-events:none;filter:blur(100px);opacity:.17;border-radius:50%;z-index:-1}.ambient-one{width:420px;height:420px;background:#087cff;top:180px;right:-130px}.ambient-two{width:340px;height:340px;background:#00d9ed;top:1450px;left:-180px}.section-wrap{width:min(1160px,calc(100% - 48px));margin:0 auto}.site-header{height:92px;width:min(1320px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(150,185,230,.12);position:relative;z-index:10}.brand{display:flex;align-items:center;width:190px;height:66px}.brand img{width:100%;height:100%;object-fit:contain;object-position:left center}.nav{display:flex;align-items:center;gap:34px;font-size:13px;color:#aebbd0}.nav a{transition:.2s}.nav a:hover{color:#fff}.nav-cta{border:1px solid rgba(0,185,255,.55);border-radius:5px;padding:13px 17px;color:#fff!important}.nav-cta span{color:#18cfff;margin-left:12px}.menu-toggle{display:none;background:none;border:0}.hero{min-height:680px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;padding-top:35px;padding-bottom:75px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2.2px;font-weight:700;color:#51caff}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#17d9ed;box-shadow:0 0 14px #00d9ed;margin-right:9px}.hero h1,.intro h2,.section-heading h2,.product-copy h2,.pricing-grid h2,.cta-panel h2{font-family:"Space Grotesk",sans-serif;font-weight:600;letter-spacing:-2.8px;line-height:1.03}.hero h1{font-size:clamp(55px,6vw,82px);margin:26px 0 22px}.hero h1 span,.intro h2 em,.section-heading h2 em,.product-copy h2 em,.pricing-grid h2 em,.cta-panel h2 em{font-style:normal;background:linear-gradient(95deg,#087cff 5%,#17d8ee 88%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-lede{max-width:490px;color:#aab7cb;font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:25px;padding:16px 21px;border-radius:4px;font-size:13px;font-weight:700;transition:.2s}.button-primary{background:linear-gradient(110deg,#087cff,#05b9e9);box-shadow:0 8px 30px #007dff35;color:white}.button-primary:hover{transform:translateY(-3px);box-shadow:0 12px 38px #007dff55}.text-link{font-size:13px;color:#c1cde0}.text-link span{color:#2ecfff;margin-left:8px}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:58px}.proof-icon{height:38px;width:38px;display:grid;place-items:center;border:1px solid #087cff;border-radius:50%;color:#20d8ef;font-size:23px}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:12px}.hero-proof small{font-size:11px;color:#78879e;margin-top:4px}.hero-visual{height:500px;position:relative;display:grid;place-items:center}.visual-glow{position:absolute;width:340px;height:340px;border-radius:50%;background:#007dff;filter:blur(110px);opacity:.3}.visual-orbit{position:absolute;border:1px solid rgba(26,170,255,.2);border-radius:50%;transform:rotate(-25deg)}.orbit-a{width:460px;height:300px}.orbit-b{width:390px;height:420px;transform:rotate(45deg);border-color:rgba(16,216,237,.14)}.product-frame{position:relative;width:430px;transform:rotate(-8deg);filter:drop-shadow(0 30px 50px #000b);z-index:1}.product-frame img{width:100%;border-radius:25px;mix-blend-mode:screen;mask-image:radial-gradient(ellipse 74% 67% at 50% 50%,#000 60%,transparent 100%)}.floating-tag{position:absolute;z-index:2;background:rgba(8,19,36,.88);border:1px solid rgba(72,174,255,.28);backdrop-filter:blur(15px);box-shadow:0 10px 35px #0008;border-radius:6px;padding:12px 15px;font-size:9px;letter-spacing:1.2px;color:#cbd9ec}.tag-top{top:72px;right:5px}.tag-dot{display:inline-block;width:6px;height:6px;background:#21dfba;border-radius:50%;margin-right:8px;box-shadow:0 0 10px #21dfba}.tag-bottom{bottom:75px;left:5px;display:flex;align-items:center;gap:12px;letter-spacing:0}.bolt{font-size:28px;color:#23d7ee}.tag-bottom b,.tag-bottom small{display:block}.tag-bottom b{font-size:12px}.tag-bottom small{font-size:10px;color:#8595ad;margin-top:4px}.visual-index{position:absolute;right:0;bottom:20px;font-size:9px;letter-spacing:2px;color:#566780}.hero-bottom{position:absolute;bottom:25px;left:0;right:0;display:flex;align-items:center;gap:16px;font-size:9px;letter-spacing:1.8px;color:#66768e}.hero-bottom .line{height:1px;width:100px;background:#1c4168}.intro{padding:105px 0 120px;border-top:1px solid rgba(150,185,230,.12)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-top:25px}.intro h2,.section-heading h2,.product-copy h2,.pricing-grid h2,.cta-panel h2{font-size:clamp(42px,5vw,60px);margin:0}.intro-grid>p{max-width:450px;color:#9baac0;line-height:1.8;font-size:14px;margin:0 0 7px}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:70px}.feature{position:relative;border-top:1px solid #1d3856;padding:26px 24px 20px 0;min-height:200px}.feature-number{font-size:10px;letter-spacing:1px;color:#60718a}.feature-icon{font-size:24px;color:#27c9ef;margin:20px 0}.feature h3{font-family:"Space Grotesk";font-size:18px;margin:0 0 10px}.feature p{font-size:12px;color:#8d9cb2;line-height:1.7;max-width:280px}.how-section{background:linear-gradient(120deg,#09182b,#08111f 70%);border-top:1px solid #112b48;border-bottom:1px solid #112b48;padding:100px 0 110px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:48px}.section-heading p{max-width:300px;color:#94a4ba;font-size:13px;line-height:1.7;margin:0 0 4px}.section-heading h2{margin-top:17px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.step{background:linear-gradient(145deg,rgba(17,38,64,.9),rgba(8,20,36,.95));border:1px solid rgba(61,132,194,.23);padding:25px 25px 20px;min-height:300px;position:relative;overflow:hidden}.step:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-80px;bottom:-100px;background:#087cff;filter:blur(65px);opacity:.25}.step-top{display:flex;justify-content:space-between;align-items:center;color:#71a2cc;font-size:9px;letter-spacing:1.6px}.step-symbol{font-family:"Space Grotesk";font-size:26px;color:#294d72;letter-spacing:0}.step-icon{height:48px;width:48px;display:grid;place-items:center;border:1px solid rgba(0,192,255,.4);color:#2dd5ef;font-size:23px;margin:38px 0 22px;border-radius:8px}.step h3{font-family:"Space Grotesk";font-size:22px;margin:0 0 12px}.step p{font-size:12px;color:#9baac0;line-height:1.8;max-width:290px;min-height:62px}.step-foot{border-top:1px solid rgba(90,147,194,.18);padding-top:17px;margin-top:20px;color:#5dbce9;font-size:8px;letter-spacing:1.1px;display:flex;justify-content:space-between}.product-section{padding:125px 0;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:45px}.product-copy h2{margin:20px 0}.product-copy>p{color:#98a8be;line-height:1.8;font-size:13px;max-width:390px}.compat-label{display:inline-flex;align-items:center;gap:10px;margin-top:27px;font-size:9px;letter-spacing:1.5px;color:#b4c3d8}.compat-dot{height:7px;width:7px;border-radius:50%;background:#19d8c0;box-shadow:0 0 12px #19d8c0}.product-gallery{height:440px;position:relative}.gallery-glow{position:absolute;inset:15% 8%;background:#008dff;filter:blur(100px);opacity:.18}.gallery-card{position:absolute;margin:0;overflow:hidden;border:1px solid rgba(75,155,220,.2);border-radius:13px;background:#0a1422;box-shadow:0 30px 65px #0008}.gallery-card img{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode:screen;opacity:.94}.gallery-card figcaption{position:absolute;bottom:0;left:0;right:0;padding:12px 15px;background:linear-gradient(transparent,#050914e8);font-size:8px;letter-spacing:1.5px;color:#c4d4e8}.gallery-main{width:72%;height:300px;top:10px;left:0;transform:rotate(-4deg)}.gallery-main img{object-position:center}.gallery-detail{width:57%;height:230px;right:0;bottom:4px;transform:rotate(4deg)}.gallery-detail img{object-position:center}.pricing-section{padding:100px 0;background:#081321;border-top:1px solid #122a43;border-bottom:1px solid #122a43}.pricing-grid{display:grid;grid-template-columns:1fr .85fr;gap:90px;align-items:center}.pricing-grid h2{margin:18px 0}.pricing-grid>div:first-child>p{font-size:13px;line-height:1.8;color:#9babc0;max-width:430px}.pricing-card{padding:30px;background:linear-gradient(145deg,#112744,#0a1729);border:1px solid rgba(51,150,225,.3);box-shadow:0 25px 60px #0004}.pricing-card-top{display:flex;justify-content:space-between;color:#78b9e9;font-size:9px;letter-spacing:1.7px}.price-mark{font-size:22px;color:#20d5ee}.pricing-card h3{font-family:"Space Grotesk";font-size:23px;margin:25px 0 10px}.pricing-card>p{font-size:12px;line-height:1.7;color:#9baec4}.pricing-rule{height:1px;background:#25415e;margin:25px 0}.auth-row{display:flex;justify-content:space-between;gap:15px;font-size:12px}.auth-row b{color:#4ed8ed}.fine-print{font-size:10px!important;color:#7e91aa!important}.stripe-note{display:flex;align-items:center;gap:10px;font-size:10px;color:#bdcde0;margin-top:20px}.stripe-mark{display:grid;place-items:center;background:#635bff;color:white;border-radius:5px;width:23px;height:23px;font-weight:700;font-size:14px}.cta-section{padding:110px 0}.cta-panel{position:relative;overflow:hidden;background:linear-gradient(115deg,#0e2d52,#0a1830 65%);border:1px solid rgba(44,153,236,.32);padding:65px 70px}.cta-panel h2{margin:18px 0}.cta-panel>p{color:#9db1c9;font-size:13px;line-height:1.8;max-width:400px;margin-bottom:28px}.cta-orb{position:absolute;width:380px;height:380px;border-radius:50%;background:#007bff;filter:blur(110px);opacity:.2;right:0;top:-160px}.cta-panel>*:not(.cta-orb){position:relative}.faq-section{padding:30px 0 120px}.faq-list{border-top:1px solid #1e3855}.faq-list details{border-bottom:1px solid #1e3855;padding:22px 0}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-family:"Space Grotesk";font-size:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:22px;color:#2bc9ee;transition:.2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:700px;color:#96a7bd;font-size:12px;line-height:1.8;margin:17px 0 0}.faq-list details p a{color:#40c9ee}.site-footer{background:#030711;border-top:1px solid #172a42}.footer-main{display:flex;justify-content:space-between;padding:55px 0 45px}.footer-brand img{width:180px;height:70px;object-fit:contain;object-position:left center}.footer-brand p{font-size:11px;color:#8192a9;margin-top:5px}.footer-links{display:flex;gap:85px}.footer-links div{display:flex;flex-direction:column;gap:13px}.footer-links span{font-size:9px;letter-spacing:1.5px;color:#4bbbe9;margin-bottom:5px}.footer-links a{font-size:11px;color:#a6b4c8}.footer-links a:hover,.footer-bottom a:hover{color:#fff}.footer-bottom{border-top:1px solid #172a42;display:flex;justify-content:space-between;gap:20px;padding:19px 0;color:#62728a;font-size:9px}.footer-bottom a{color:#91a3bb}.footer-bottom span:last-child{letter-spacing:1.4px}
@media(max-width:800px){.site-header{height:76px}.brand{width:155px;height:58px}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:10px}.menu-toggle span{width:24px;height:2px;background:#e9f5ff}.nav{display:none;position:absolute;top:75px;left:0;right:0;padding:22px;background:#081425;border:1px solid #1c3b5c;flex-direction:column;align-items:stretch;gap:22px}.nav.open{display:flex}.nav-cta{text-align:center}.hero{grid-template-columns:1fr;padding-top:65px;padding-bottom:70px;min-height:0}.hero h1{font-size:58px}.hero-copy{position:relative;z-index:2}.hero-visual{height:380px;margin-top:25px}.product-frame{width:min(390px,90%)}.orbit-a{width:350px;height:240px}.orbit-b{width:300px;height:340px}.tag-top{top:38px;right:0}.tag-bottom{bottom:45px;left:0}.hero-bottom{bottom:15px}.intro{padding:75px 0}.intro-grid{grid-template-columns:1fr;gap:22px}.feature-row{grid-template-columns:1fr;gap:0;margin-top:45px}.feature{min-height:0;padding:22px 0}.feature-icon{margin:14px 0}.how-section{padding:75px 0}.section-heading{display:block}.section-heading p{margin-top:20px}.steps{grid-template-columns:1fr}.step{min-height:260px}.step p{min-height:0}.product-section{grid-template-columns:1fr;padding:80px 0;gap:20px}.product-gallery{height:370px}.gallery-main{height:250px}.gallery-detail{height:190px}.pricing-section{padding:75px 0}.pricing-grid{grid-template-columns:1fr;gap:35px}.cta-section{padding:75px 0}.cta-panel{padding:45px 28px}.faq-section{padding-bottom:80px}.footer-main{display:block}.footer-links{margin-top:35px;gap:45px}.footer-bottom{flex-wrap:wrap}.footer-bottom span:last-child{display:none}}
@media(max-width:430px){.section-wrap,.site-header{width:calc(100% - 36px)}.hero h1{font-size:49px;letter-spacing:-2px}.hero-lede{font-size:14px}.hero-actions{gap:16px;flex-wrap:wrap}.button{padding:14px 16px}.text-link{font-size:12px}.hero-visual{height:315px}.floating-tag{font-size:8px;padding:10px}.tag-top{right:-5px}.tag-bottom{left:-5px}.intro h2,.section-heading h2,.product-copy h2,.pricing-grid h2,.cta-panel h2{font-size:43px}.product-gallery{height:310px}.gallery-main{height:210px}.gallery-detail{height:160px}.footer-links{gap:25px}.footer-bottom{font-size:8px}}

.legal{padding:95px 0 120px;max-width:900px}.legal h1{font-family:"Space Grotesk";font-size:clamp(48px,7vw,72px);letter-spacing:-3px;margin:20px 0}.legal h1 em{font-style:normal;background:linear-gradient(95deg,#087cff,#17d8ee);background-clip:text;-webkit-background-clip:text;color:transparent}.legal-updated{color:#66809e;font-size:11px;margin-bottom:40px}.legal p{color:#a5b4c9;font-size:14px;line-height:1.9}.legal h2{font-family:"Space Grotesk";font-size:21px;margin:35px 0 8px}.legal a:not(.button){color:#36c7ef}.legal-note{border-left:2px solid #16bfe9;padding:15px 20px;background:#0a192b;margin:35px 0 30px;font-size:12px!important}@media(max-width:800px){.legal{padding:65px 0 90px}.legal h1{font-size:49px}.legal p{font-size:13px}}
.footer-wordmark{font-family:"Space Grotesk",sans-serif;font-size:23px;font-weight:700;letter-spacing:1.2px;color:#f4f8ff}.footer-wordmark:after{content:"";display:block;width:54px;height:2px;margin-top:10px;background:linear-gradient(90deg,#087cff,#17d8ee)}

/* V3 refinements */
.site-header{justify-content:center;height:112px}
.brand{position:absolute;left:50%;transform:translateX(-50%);width:280px;height:94px;justify-content:center}
.brand img{object-position:center}
.nav{position:absolute;right:0;gap:23px}
.hero{padding-top:4px;min-height:625px}
.hero-copy{padding-top:0}
.hero h1{margin-top:0}
.hero-visual{margin-top:-12px}
.product-frame{width:470px;transform:rotate(-8deg) perspective(900px) rotateY(-9deg);filter:drop-shadow(0 36px 55px #000d)}
.product-frame img{width:100%;mix-blend-mode:normal;filter:drop-shadow(0 0 22px #087cff30)}
.hero-bottom,.feature-number,.step-symbol{display:none!important}
.intro{padding-top:90px}
.connector-gallery{height:300px;position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:13px;align-items:center}
.connector-glow{position:absolute;inset:20% 5%;background:#008dff;filter:blur(90px);opacity:.17}
.connector-card{height:210px;position:relative;margin:0;border:1px solid rgba(75,155,220,.23);border-radius:12px;background:linear-gradient(145deg,#101e31,#07111f);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 22px 50px #0008}
.connector-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(12,145,255,.16),transparent 65%)}
.connector-card img{position:relative;width:100%;height:100%;object-fit:contain;padding:12px;mix-blend-mode:screen;filter:contrast(1.12) drop-shadow(0 12px 14px #000)}
@media(max-width:800px){.site-header{height:90px;justify-content:space-between}.brand{position:absolute;left:50%;width:210px;height:78px}.menu-toggle{position:relative;z-index:2}.nav{position:absolute;right:0;top:89px}.hero{padding-top:28px}.hero h1{margin-top:0}.product-frame{width:min(420px,92%)}.connector-gallery{height:auto;gap:9px}.connector-card{height:145px}.connector-card img{padding:5px}}
@media(max-width:430px){.brand{width:180px;height:70px}.connector-card{height:115px}}

/* Product showcase: realistic, dimensional photography with connector callouts */
.product-section{display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:5vw;overflow:hidden}
.product-copy h2{font-size:clamp(44px,5vw,72px);line-height:.99;letter-spacing:-.055em;margin:22px 0}
.product-copy>p{max-width:390px;color:var(--muted);font-size:16px;line-height:1.75}
.connector-options{display:flex;gap:12px;margin-top:35px;flex-wrap:wrap}
.connector-option{width:104px;height:105px;border:1px solid rgba(77,160,240,.24);border-radius:13px;background:linear-gradient(145deg,#111d2c,#080f19);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 14px 32px #0007}
.connector-option img{width:46px;height:48px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 10px #078bff65)}
.connector-option span{font-size:9px;letter-spacing:.13em;font-weight:800;color:#dce9f8}
.product-showcase{height:520px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}
.showcase-halo{position:absolute;width:78%;height:72%;border-radius:50%;background:radial-gradient(ellipse,#007dff35 0%,#006aff12 44%,transparent 72%);filter:blur(24px);z-index:-2}
.showcase-floor{position:absolute;width:90%;height:95px;bottom:54px;border-radius:50%;background:radial-gradient(ellipse,#078cff42 0%,#07111f 50%,transparent 72%);filter:blur(16px);z-index:-1}
.showcase-device{position:absolute;margin:0;width:56%;max-width:340px;border-radius:22px;overflow:hidden;background:#0a111b;border:1px solid rgba(142,186,225,.22);box-shadow:0 34px 65px #000b,0 0 38px #087dff20;transform-style:preserve-3d}
.showcase-device img{display:block;width:100%;height:100%;object-fit:cover}
.showcase-front{left:7%;top:82px;transform:rotate(-9deg) perspective(1000px) rotateY(12deg);z-index:2}
.showcase-rear{right:7%;top:122px;transform:rotate(8deg) perspective(1000px) rotateY(-13deg);z-index:1}
.showcase-caption{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;font-weight:800;letter-spacing:.16em;color:#a9bfd5}
.caption-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#13baff;box-shadow:0 0 12px #13baff;margin-right:9px}
@media(max-width:900px){.product-section{grid-template-columns:1fr;gap:22px}.product-showcase{height:460px}.showcase-device{width:48%;max-width:300px}.showcase-front{left:8%;top:68px}.showcase-rear{right:8%;top:105px}.connector-options{margin-top:25px}}
@media(max-width:520px){.product-showcase{height:350px}.showcase-device{width:54%;border-radius:15px}.showcase-front{left:3%;top:53px}.showcase-rear{right:3%;top:82px}.showcase-caption{font-size:7px;letter-spacing:.1em;bottom:10px}.connector-option{width:91px;height:96px}}

/* V5: product-first art direction — actual Charge2Go product cutouts, no photo cards */
.hero-product-stage{min-height:590px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:visible}
.hero-product-glow{position:absolute;width:76%;height:65%;border-radius:50%;background:radial-gradient(ellipse,#087dff42 0%,#087dff16 48%,transparent 73%);filter:blur(30px);z-index:-2}
.hero-product-ring{position:absolute;border:1px solid rgba(0,150,255,.16);border-radius:50%;aspect-ratio:1;z-index:-1}
.ring-one{width:78%}.ring-two{width:92%;opacity:.55}
.hero-product{position:absolute;margin:0;filter:drop-shadow(0 34px 34px #000b) drop-shadow(0 0 24px #087dff22)}
.hero-product img{display:block;width:100%;height:auto;object-fit:contain}
.hero-product-front{width:82%;max-width:610px;z-index:2;transform:rotate(-7deg) translate(-1%,2%)}
.hero-product-back{width:66%;max-width:490px;z-index:1;transform:rotate(9deg) translate(15%,-16%);opacity:.95}
.product-stage{height:560px;position:relative;overflow:visible}
.product-stage .showcase-device{width:57%;max-width:360px;border:0;background:transparent;overflow:visible;border-radius:0;box-shadow:none;filter:drop-shadow(0 32px 28px #000c) drop-shadow(0 0 18px #067fff25)}
.product-stage .showcase-device img{width:100%;height:auto;object-fit:contain;mix-blend-mode:normal}
.product-stage .showcase-front{left:4%;top:90px;transform:rotate(-8deg);z-index:2}
.product-stage .showcase-rear{right:3%;top:55px;transform:rotate(8deg);z-index:1}
.connector-options{gap:14px}
.connector-option{width:112px;height:138px;padding:8px 6px 10px;gap:5px;background:linear-gradient(145deg,#0d1a2a,#060b14);border-color:rgba(32,150,255,.35)}
.connector-option img{width:100%;height:102px;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 0 9px #058cff55)}
.connector-option span{font-size:9px;letter-spacing:.1em}
@media(max-width:900px){
 .hero-product-stage{min-height:480px}
 .hero-product-front{width:86%}.hero-product-back{width:70%}
 .product-stage{height:470px}
 .product-stage .showcase-device{width:51%}
 .product-stage .showcase-front{left:4%;top:90px}
 .product-stage .showcase-rear{right:3%;top:55px}
}
@media(max-width:520px){
 .hero-product-stage{min-height:350px;margin-top:12px}
 .hero-product-front{width:90%}.hero-product-back{width:74%}
 .product-stage{height:350px}
 .product-stage .showcase-device{width:54%}
 .product-stage .showcase-front{left:0;top:65px}
 .product-stage .showcase-rear{right:0;top:40px}
 .connector-options{gap:8px}
 .connector-option{width:calc((100% - 16px)/3);height:120px;padding:5px}
 .connector-option img{height:86px}
}

/* V6 refinements: supplied 3D product render + exact connector crops */
.hero-product-stage{min-height:590px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:visible}
.hero-product-stage .hero-product-glow{position:absolute;width:82%;height:70%;border-radius:50%;background:radial-gradient(ellipse,#078bff3b 0%,#087dff15 48%,transparent 73%);filter:blur(34px);z-index:-2}
.hero-product-stage .hero-product-ring{position:absolute;border:1px solid rgba(0,150,255,.15);border-radius:50%;aspect-ratio:1;z-index:-1}
.hero-product-stage .ring-one{width:78%}.hero-product-stage .ring-two{width:94%;opacity:.5}
.hero-product-stage .hero-product{position:relative;width:100%;max-width:720px;margin:0;filter:drop-shadow(0 35px 34px #000c) drop-shadow(0 0 24px #087dff26)}
.hero-product-stage .hero-product img{display:block;width:100%;height:auto;object-fit:contain}
.product-section{grid-template-columns:1fr!important}
.product-section .product-copy{max-width:100%}
.connector-options{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px}
.connector-option{width:150px;height:170px;padding:10px 10px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(145deg,#0d1a2a,#060b14);border:1px solid rgba(32,150,255,.35);border-radius:18px;box-shadow:inset 0 0 24px rgba(0,130,255,.06),0 12px 30px #0004}
.connector-option img{width:100%;height:125px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 10px #058cff35)}
.connector-option span{font-size:10px;letter-spacing:.12em;color:#c9e2ff;font-weight:700}
.product-section .product-stage{display:none!important}
@media(max-width:900px){.hero-product-stage{min-height:480px}.hero-product-stage .hero-product{max-width:620px}}
@media(max-width:520px){
 .hero-product-stage{min-height:360px;margin-top:12px}
 .hero-product-stage .hero-product{width:110%}
 .connector-options{gap:8px;flex-wrap:nowrap}
 .connector-option{width:calc((100% - 16px)/3);height:132px;padding:6px 4px}
 .connector-option img{height:96px}
 .connector-option span{font-size:8px;letter-spacing:.07em}
}

/* V7: expanded hero benefits */
.hero-benefits{display:grid;grid-template-columns:1fr;gap:13px;margin-top:26px;max-width:440px}
.hero-benefit{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(48,139,220,.20);border-radius:12px;background:linear-gradient(105deg,rgba(10,28,49,.72),rgba(5,13,27,.35))}
.benefit-mark{width:29px;height:29px;flex:0 0 29px;display:grid;place-items:center;border-radius:9px;background:rgba(0,132,255,.13);color:#31c8f2;font-size:17px}
.hero-benefit strong,.hero-benefit small{display:block}
.hero-benefit strong{font-size:12px;color:#d8e9ff;letter-spacing:.01em}
.hero-benefit small{font-size:11px;color:#8495ad;margin-top:3px;line-height:1.4}
.hero-proof{margin-top:30px}
@media(max-width:900px){.hero-benefits{max-width:100%;margin-top:22px}.hero-benefit{padding:11px 12px}}

/* V8 connector showcase — custom 3D-style visual */
.connector-display{position:relative;width:min(100%,1040px);margin:34px auto 0;overflow:hidden;border-radius:22px}
.connector-display img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 42px rgba(0,120,255,.13))}
@media(max-width:650px){.connector-display{width:calc(100% + 20px);margin:26px -10px 0;border-radius:14px}.connector-display img{width:100%}}

/* V9 — user's exact connector reference with a tidy label row */
.connector-showcase{width:min(100%,1120px);margin:34px auto 0;position:relative}
.connector-showcase__image{display:block;width:100%;height:auto;object-fit:contain;border-radius:18px;filter:drop-shadow(0 16px 34px rgba(0,115,255,.14))}
.connector-showcase__labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 4px 0}
.connector-type{min-width:0;padding:16px 14px 15px;text-align:center;border:1px solid rgba(37,151,255,.34);border-radius:15px;background:linear-gradient(145deg,rgba(8,30,55,.82),rgba(4,10,22,.9));box-shadow:inset 0 1px rgba(255,255,255,.04),0 8px 24px rgba(0,75,180,.09)}
.connector-type__name{display:block;color:#eaf5ff;font-size:clamp(13px,1.7vw,16px);font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.connector-type__fit{display:block;margin-top:6px;color:#a9bfd6;font-size:clamp(11px,1.35vw,13px);line-height:1.45}
@media(max-width:650px){.connector-showcase{width:calc(100% + 16px);margin:24px -8px 0}.connector-showcase__labels{gap:7px;margin:12px 0 0}.connector-type{padding:12px 7px;border-radius:11px}.connector-type__name{font-size:11px;letter-spacing:.08em}.connector-type__fit{font-size:10px;line-height:1.35}}

/* V10 hero benefit refresh: distinctive editorial typography, not repetitive feature bullets */
.hero-benefits{max-width:500px;gap:10px;margin-top:28px}
.hero-benefit{min-height:78px;padding:16px 17px;gap:16px;border-radius:15px;background:linear-gradient(110deg,rgba(8,27,51,.82),rgba(5,13,27,.52));border-color:rgba(43,143,235,.24)}
.benefit-mark{width:40px;height:40px;flex-basis:40px;border-radius:12px;font-size:21px}
.hero-benefit strong{font-family:"Space Grotesk",sans-serif;font-size:clamp(16px,1.55vw,19px);font-weight:700;letter-spacing:-.45px;line-height:1.2;color:#d9eaff}
.hero-benefit small{font-size:13px;line-height:1.5;color:#9eacc0;margin-top:5px}
@media(max-width:900px){.hero-benefits{max-width:100%;gap:9px}.hero-benefit{padding:14px 13px}.hero-benefit strong{font-size:16px}.hero-benefit small{font-size:12px}}


/* V13 mobile-fit correction: prevent connector cards and copy from being clipped */
html, body { max-width: 100%; overflow-x: clip; }
*, *::before, *::after { box-sizing: border-box; }
img, video, svg { max-width: 100%; }
.section-wrap, .product-section, .product-copy { min-width: 0; max-width: 100%; }
.connector-showcase {
  width: 100%;
  max-width: 100%;
  margin: 30px 0 0;
  min-width: 0;
}
.connector-showcase__image { display: block; width: 100%; max-width: 100%; height: auto; }
.connector-showcase__labels { width: 100%; max-width: 100%; min-width: 0; }
.connector-type, .connector-type__name, .connector-type__fit {
  min-width: 0; max-width: 100%; overflow-wrap: break-word; word-break: normal;
}
@media (max-width: 650px) {
  .product-section {
    width: calc(100% - 36px) !important;
    padding-top: 76px;
    padding-bottom: 76px;
  }
  .connector-showcase { width: 100%; margin: 24px 0 0; }
  .connector-showcase__labels {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 9px;
    margin: 13px 0 0;
  }
  .connector-type {
    display: grid;
    grid-template-columns: minmax(92px, 0.38fr) minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 66px;
    padding: 13px 15px;
    border-radius: 12px;
    text-align: left;
  }
  .connector-type__name { font-size: 11px; letter-spacing: .07em; line-height: 1.3; }
  .connector-type__fit { margin-top: 0; font-size: 11px; line-height: 1.45; }
}
@media (max-width: 360px) {
  .connector-type { grid-template-columns: minmax(82px, .42fr) minmax(0, 1fr); gap: 8px; padding: 12px 10px; }
  .connector-type__name, .connector-type__fit { font-size: 10px; }
}