
:root{--navy:#07152f;--navy-2:#0b2452;--blue:#0566e8;--cyan:#10c9ff;--purple:#6e45ff;--gold:#ffbf37;--gold-2:#ffe49a;--ink:#071326;--muted:#64738a;--soft:#f3f7fc;--white:#fff;--line:#dfe8f3;--green:#14b86f;--shadow:0 24px 70px rgba(2,18,48,.14);--shadow-lg:0 36px 100px rgba(1,11,31,.25);--radius:28px;--container:1540px;--header-h:78px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.65;overflow-x:hidden;padding-bottom:0}body.no-scroll{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}svg{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.wide-container{width:min(calc(100% - 56px),var(--container));margin-inline:auto}.skip-link{position:fixed;left:20px;top:-80px;z-index:3000;background:#fff;padding:12px 18px;border-radius:12px;box-shadow:var(--shadow)}.skip-link:focus{top:12px}.topline{height:3px;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--purple),var(--gold));position:fixed;inset:0 0 auto;z-index:2000}.site-header{height:var(--header-h);position:fixed;left:0;right:0;top:3px;z-index:1500;background:rgba(255,255,255,.86);backdrop-filter:blur(18px) saturate(1.5);border-bottom:1px solid rgba(211,225,243,.72);transition:.3s ease}.site-header.is-scrolled{height:68px;box-shadow:0 12px 40px rgba(0,20,55,.1);background:rgba(255,255,255,.94)}.header-inner{height:100%;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;flex:none}.brand img{width:49px;height:49px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:28px;letter-spacing:-1.4px;color:#0b285c}.brand small{font-size:9px;letter-spacing:1.35px;text-transform:uppercase;margin-top:5px;color:#66758a;font-weight:800}.brand.compact strong{font-size:24px}.desktop-nav{display:flex;align-items:center;gap:5px;margin-left:auto}.desktop-nav a{padding:10px 12px;border-radius:12px;color:#46556d;font-size:14px;font-weight:750;transition:.2s}.desktop-nav a:hover,.desktop-nav a.is-active{color:#064fd0;background:#eaf3ff}.header-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 22px;border-radius:15px;border:1px solid transparent;font-weight:850;letter-spacing:-.15px;transition:transform .22s ease,box-shadow .22s ease,background .22s ease;border:none}.btn:hover{transform:translateY(-2px)}.btn-sm{min-height:42px;padding:9px 16px;border-radius:12px;font-size:13px}.btn-primary{color:#fff;background:linear-gradient(135deg,#0876f8,#0747c8);box-shadow:0 12px 28px rgba(0,93,225,.26)}.btn-gold{color:#191108;background:linear-gradient(135deg,#ffe18a,#ffb51e);box-shadow:0 14px 34px rgba(255,180,24,.24)}.btn-light{background:#fff;color:#0b2452;box-shadow:0 12px 35px rgba(3,20,50,.14)}.btn-ghost{background:#edf5ff;color:#0b4cac;border:1px solid #d8e9ff}.btn-whatsapp{background:linear-gradient(135deg,#20cf7a,#0ca85d);color:#fff;box-shadow:0 14px 34px rgba(14,171,96,.23)}.btn-full{width:100%}.menu-toggle{display:none;width:44px;height:44px;border:0;border-radius:13px;background:#eef5ff;color:#0b4cac;place-items:center}.mobile-drawer,.drawer-backdrop{display:none}.fullscreen-section{min-height:100svh}.hero-home{position:relative;display:flex;align-items:center;padding-top:calc(var(--header-h) + 36px);overflow:hidden;color:#fff;background:radial-gradient(circle at 78% 20%,rgba(25,201,255,.25),transparent 33%),radial-gradient(circle at 20% 80%,rgba(110,69,255,.22),transparent 36%),linear-gradient(135deg,#020916 0%,#071a44 48%,#07336f 100%)}.hero-home:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 75%,transparent);pointer-events:none}.aurora{position:absolute;border-radius:50%;filter:blur(70px);opacity:.45;animation:drift 9s ease-in-out infinite alternate}.a1{width:340px;height:340px;background:#00d8ff;top:12%;right:8%}.a2{width:360px;height:360px;background:#784bff;bottom:4%;left:4%;animation-delay:-3s}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:80px;align-items:center;position:relative;z-index:2;padding-block:70px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#8edcff;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:900;margin-bottom:20px}.eyebrow i{width:28px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--gold))}.eyebrow.dark{color:#075ecf}.hero-copy h1,.page-hero h1{font-size:clamp(52px,5.8vw,92px);line-height:.98;letter-spacing:-4.3px;margin:0 0 26px;max-width:1020px}.hero-copy h1 em,.page-hero h1 em,.section h2 em{font-style:normal;color:#70ddff;background:linear-gradient(90deg,#60d9ff,#c0ecff,#ffd46f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lead{font-size:clamp(17px,1.55vw,23px);line-height:1.62;max-width:760px;color:rgba(255,255,255,.8)}.hero-actions,.button-row,.cta-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.hero-stats{display:flex;gap:0;margin-top:50px;border-top:1px solid rgba(255,255,255,.14);max-width:720px}.hero-stats article{padding:24px 40px 0 0;margin-right:40px;border-right:1px solid rgba(255,255,255,.14)}.hero-stats article:last-child{border-right:0}.hero-stats strong{font-size:30px;display:block}.hero-stats span{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#a9bad6}.hero-showcase{position:relative;display:grid;place-items:center}.product-stage{width:min(650px,44vw);aspect-ratio:1;border-radius:50%;padding:32px;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.19),rgba(3,19,52,.46) 58%,rgba(2,8,23,.7));border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 0 90px rgba(28,185,255,.12),0 50px 120px rgba(0,0,0,.38);position:relative;animation:float 5s ease-in-out infinite}.product-stage:before,.product-stage:after{content:"";position:absolute;border:1px solid rgba(82,215,255,.28);border-radius:50%;inset:-20px;animation:spin 18s linear infinite}.product-stage:after{inset:-48px;border-style:dashed;animation-direction:reverse;animation-duration:30s}.product-stage img{width:100%;height:100%;object-fit:cover;border-radius:50%}.float-card{position:absolute;padding:15px 18px;border:1px solid rgba(255,255,255,.19);border-radius:16px;background:rgba(9,31,70,.72);backdrop-filter:blur(14px);box-shadow:0 20px 50px rgba(0,0,0,.25);animation:float 4.5s ease-in-out infinite}.float-card b,.float-card span{display:block}.float-card b{font-size:14px;color:#fff}.float-card span{font-size:11px;color:#a9c7ec}.fc-one{left:-5%;top:18%}.fc-two{right:-3%;bottom:18%;animation-delay:-1.5s}.scroll-cue{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:3;display:grid;place-items:center;gap:5px;font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#8ea9ca}.scroll-cue span{width:22px;height:34px;border:1px solid rgba(255,255,255,.38);border-radius:15px;position:relative}.scroll-cue span:after{content:"";position:absolute;width:4px;height:7px;border-radius:4px;background:#fff;top:6px;left:8px;animation:scrollDot 1.8s infinite}.trust-strip{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid article{display:flex;gap:16px;align-items:center;padding:25px 26px;border-right:1px solid var(--line)}.trust-grid article:last-child{border-right:0}.trust-grid b{font-size:12px;color:#0a72e7}.trust-grid span{display:flex;flex-direction:column}.trust-grid strong{font-size:14px}.trust-grid small{font-size:11px;color:var(--muted)}.section{padding:110px 0;position:relative}.section-soft{background:var(--soft)}.section-ink{background:radial-gradient(circle at 80% 10%,rgba(11,116,235,.18),transparent 30%),linear-gradient(135deg,#020914,#07182f 55%,#0a2853);color:#fff}.section h2{font-size:clamp(38px,4vw,68px);line-height:1.04;letter-spacing:-2.8px;margin:0 0 25px}.section-copy>p{font-size:17px;color:#637086;max-width:720px}.section-copy.light>p,.section-head.light p{color:#a9b9d1}.split-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:90px;align-items:center}.split-layout.reverse>.section-copy{order:2}.text-link{color:#0661da;font-weight:850;border:0;background:none;padding:0}.image-stack{position:relative;min-height:590px}.image-stack .main-img{width:78%;height:520px;object-fit:cover;border-radius:34px;box-shadow:var(--shadow)}.image-stack .small-img{position:absolute;width:42%;aspect-ratio:1;object-fit:cover;right:0;bottom:0;border-radius:28px;border:10px solid #fff;box-shadow:var(--shadow)}.stack-badge{position:absolute;right:4%;top:4%;background:linear-gradient(135deg,#0a73f3,#6e45ff);color:#fff;padding:18px 24px;border-radius:18px;box-shadow:var(--shadow);transform:rotate(3deg)}.stack-badge strong,.stack-badge span{display:block}.stack-badge strong{font-size:21px}.stack-badge span{font-size:11px;text-transform:uppercase;letter-spacing:1px}.section-head{max-width:880px;margin-bottom:50px}.section-head p{font-size:17px;color:var(--muted)}.section-head.light h2{color:#fff}.featured-products{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:45px}.feature-card{height:520px;border-radius:30px;overflow:hidden;position:relative;background:#0e1a2e;box-shadow:0 25px 70px rgba(0,0,0,.32)}.feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(0,0,0,.82))}.feature-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.feature-card:hover img{transform:scale(1.05)}.feature-card span{position:absolute;z-index:2;left:28px;right:28px;bottom:28px}.feature-card small,.feature-card strong{display:block}.feature-card small{color:#76ddff;text-transform:uppercase;letter-spacing:1.4px;font-weight:800}.feature-card strong{font-size:28px;color:#fff}.center{text-align:center}.path-grid,.value-grid,.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.path-card,.value-grid article,.process-grid article{padding:38px;border:1px solid var(--line);border-radius:24px;background:#fff;transition:.25s;box-shadow:0 12px 34px rgba(4,30,69,.06)}.path-card:hover{transform:translateY(-7px);border-color:#b7d7ff;box-shadow:var(--shadow)}.path-card>span,.value-grid b,.process-grid b{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#e9f4ff;color:#0667df;font-weight:900}.path-card h3,.value-grid h3,.process-grid h3{font-size:25px;margin:24px 0 12px}.path-card p,.value-grid p,.process-grid p{color:var(--muted)}.path-card>b{color:#075ed2}.cta-section{padding-top:20px}.cta-card{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:58px 64px;border-radius:32px;color:#fff;background:radial-gradient(circle at 20% 20%,rgba(97,220,255,.24),transparent 33%),linear-gradient(135deg,#062056,#075dd8 62%,#693ee7);box-shadow:var(--shadow-lg)}.cta-card h2{font-size:clamp(36px,4vw,60px);margin:0 0 10px}.cta-card p{color:#c8daf3}.page-hero{min-height:72svh;padding-top:calc(var(--header-h) + 70px);display:flex;align-items:center;color:#fff;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(19,199,255,.28),transparent 30%),linear-gradient(135deg,#020a18,#08255a 58%,#0b58bc)}.page-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.13) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(90deg,transparent,black 45%,black)}.page-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;position:relative;z-index:2;padding-block:70px}.page-hero h1{font-size:clamp(50px,5.2vw,86px)}.hero-logo-card{justify-self:center;width:min(490px,100%);aspect-ratio:1.15;border-radius:36px;display:grid;place-items:center;align-content:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.19);backdrop-filter:blur(18px);box-shadow:var(--shadow-lg)}.hero-logo-card img{width:210px}.hero-logo-card strong{font-size:54px;letter-spacing:-3px}.hero-logo-card span{color:#aed0f5;text-transform:uppercase;letter-spacing:2px;font-size:11px}.profile-visual img{border-radius:32px;box-shadow:var(--shadow)}.info-card,.notice-card{padding:22px 25px;border-radius:18px;background:#edf6ff;border:1px solid #d6eaff;margin-top:28px}.info-card b,.notice-card strong{color:#0759c8}.info-card p,.notice-card p{margin:4px 0 0;color:#56677f}.vision-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px}.vision-grid article{padding:48px;border-radius:30px;background:#fff;box-shadow:0 12px 38px rgba(3,29,67,.07)}.vision-grid article>span{font-weight:950;color:#0b69df;letter-spacing:2px}.vision-grid h3{font-size:34px;line-height:1.25}.check-list{list-style:none;padding:0;margin:22px 0}.check-list li{position:relative;padding:9px 0 9px 33px;color:#5d6e84}.check-list li:before{content:"✓";position:absolute;left:0;top:9px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#dff8eb;color:#0a9a59;font-size:12px;font-weight:950}.value-grid{grid-template-columns:repeat(4,1fr)}.metric-panel{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metric-panel article{padding:36px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13)}.metric-panel strong,.metric-panel span{display:block}.metric-panel strong{font-size:55px;color:#71ddff}.metric-panel span{color:#becce0}.product-hero{background:radial-gradient(circle at 80% 20%,rgba(255,190,45,.22),transparent 32%),linear-gradient(135deg,#050c18,#092c65 60%,#075fbe)}.hero-product-fan{position:relative;height:500px}.hero-product-fan img{position:absolute;width:66%;border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.hero-product-fan img:nth-child(1){left:0;top:12%;transform:rotate(-8deg)}.hero-product-fan img:nth-child(2){right:0;top:5%;transform:rotate(8deg)}.hero-product-fan img:nth-child(3){left:18%;bottom:-5%;transform:rotate(1deg)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:45px}.product-card{border:1px solid var(--line);border-radius:25px;overflow:hidden;background:#fff;box-shadow:0 14px 40px rgba(3,30,72,.08);transition:.25s}.product-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.product-image{aspect-ratio:1;position:relative;background:#edf3fa;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.product-card:hover .product-image img{transform:scale(1.04)}.product-image span{position:absolute;left:15px;top:15px;padding:7px 11px;border-radius:10px;background:rgba(1,18,44,.82);color:#fff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1px}.product-content{padding:22px}.product-content h2{font-size:24px;letter-spacing:-.8px;margin:0 0 7px}.product-content p{font-size:14px;color:var(--muted);min-height:70px}.quote-card{padding:50px;border-radius:30px;background:linear-gradient(135deg,#062052,#0b64db);color:#fff;box-shadow:var(--shadow)}.quote-card blockquote{font-size:32px;line-height:1.35;margin:0 0 26px;font-weight:700}.quote-card span{color:#8edcff}.package-hero{background:radial-gradient(circle at 80% 20%,rgba(255,189,47,.28),transparent 32%),linear-gradient(135deg,#060b17,#28125f 48%,#075ec7)}.package-orbit{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-content:center;padding:50px}.package-orbit span,.package-orbit strong{padding:18px 28px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px)}.package-orbit strong{font-size:26px;background:linear-gradient(135deg,#ffe191,#ffb21b);color:#211400;box-shadow:0 0 60px rgba(255,181,30,.3)}.table-wrap{overflow:auto;border-radius:24px;border:1px solid var(--line);box-shadow:0 14px 42px rgba(3,28,66,.08)}.data-table{width:100%;border-collapse:collapse;min-width:1100px;background:#fff}.data-table th,.data-table td{padding:18px 16px;border-bottom:1px solid var(--line);text-align:center;white-space:nowrap;font-size:13px}.data-table thead th{position:sticky;top:0;background:#08265b;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.7px;z-index:1}.data-table tbody th{text-align:left;color:#0b2f6a;background:#f6f9fd;position:sticky;left:0;z-index:1}.data-table tbody tr:hover td{background:#f6faff}.dark-table{border-color:rgba(255,255,255,.14)}.dark-table .data-table{background:#07162d;color:#d8e4f5}.dark-table .data-table tbody th{background:#0a234b;color:#fff}.dark-table .data-table td,.dark-table .data-table th{border-color:rgba(255,255,255,.1)}.dark-table .data-table tbody tr:hover td{background:#0b2145}.mobile-package-grid{display:none}.terms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}.terms-grid article{padding:22px;border-radius:18px;background:#f3f8ff;border:1px solid #dcecff}.terms-grid b,.terms-grid span{display:block}.terms-grid b{color:#075dcc}.terms-grid span{font-size:13px;color:var(--muted);margin-top:4px}.action-panel{padding:45px;border-radius:28px;background:linear-gradient(135deg,#eaf5ff,#f4efff);border:1px solid #dceaff}.action-panel h3{font-size:32px;margin:0 0 10px}.ro-hero{background:radial-gradient(circle at 82% 12%,rgba(24,206,255,.32),transparent 32%),linear-gradient(135deg,#041122,#07336d 62%,#0f7bd5)}.ro-amount{justify-self:center;width:430px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,#0d75e6,#052259);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 70px rgba(59,218,255,.25),0 40px 100px rgba(0,0,0,.32)}.ro-amount small,.ro-amount strong,.ro-amount span{display:block}.ro-amount small{text-transform:uppercase;letter-spacing:2px;color:#8edcff}.ro-amount strong{font-size:50px}.ro-amount span{color:#bdd1eb}.ro-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:45px}.benefit-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:34px 0}.benefit-list article{padding:24px;border-radius:20px;background:#f1f7ff;border:1px solid #dcecff}.benefit-list b,.benefit-list span{display:block}.benefit-list b{font-size:24px;color:#0763d8}.benefit-list span{font-size:12px;color:var(--muted)}.ro-products{padding:40px;border-radius:28px;background:#071a39;color:#fff}.ro-products h2{font-size:34px}.ro-products ol{list-style:none;padding:0;counter-reset:item}.ro-products li{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.11);counter-increment:item}.ro-products li:before{content:counter(item,decimal-leading-zero);color:#68d9ff;font-weight:900}.ro-products li b{margin-right:auto}.ro-products li span{color:#b9cbe2}.ro-products>small{display:block;margin-top:18px;color:#89a1c1}.reward-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.reward-card{padding:27px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}.reward-card>span{color:#67ddff;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:1px}.reward-card strong{display:block;font-size:22px;margin:15px 0}.reward-card h3{font-size:25px;margin:0}.reward-card p{color:#aabbd0}.stockist-hero{background:radial-gradient(circle at 82% 12%,rgba(42,229,171,.26),transparent 33%),linear-gradient(135deg,#03131e,#07504f 55%,#0c65a0)}.map-visual{width:500px;height:360px;justify-self:center;position:relative;border-radius:42% 58% 56% 44% / 49% 44% 56% 51%;background:linear-gradient(135deg,#0a80d9,#15ca96);box-shadow:inset 0 0 90px rgba(255,255,255,.16),0 45px 100px rgba(0,0,0,.28);display:grid;place-items:center;align-content:center}.map-visual:after{content:"";position:absolute;inset:25px;border:1px dashed rgba(255,255,255,.4);border-radius:inherit;animation:spin 28s linear infinite}.map-visual span{position:absolute;width:20px;height:20px;border-radius:50%;background:#ffe27b;box-shadow:0 0 0 8px rgba(255,226,123,.16),0 0 30px #ffe27b;animation:pulse 2s infinite}.map-visual span:nth-child(1){left:22%;top:38%}.map-visual span:nth-child(2){right:20%;top:27%;animation-delay:-.7s}.map-visual span:nth-child(3){right:32%;bottom:21%;animation-delay:-1.2s}.map-visual strong{font-size:45px}.map-visual small{letter-spacing:2px;text-transform:uppercase}.stock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.stock-card{border-radius:28px;border:1px solid var(--line);overflow:hidden;background:#fff;box-shadow:0 18px 54px rgba(3,30,72,.09)}.stock-head{padding:32px;background:linear-gradient(135deg,#071b3e,#0b65d6);color:#fff;position:relative}.stock-head span,.stock-head strong,.stock-head b{display:block}.stock-head span{text-transform:uppercase;letter-spacing:1.5px;color:#82ddff;font-weight:900}.stock-head strong{font-size:34px;margin:8px 0}.stock-head b{position:absolute;right:24px;top:24px;padding:8px 12px;border-radius:10px;background:#ffca43;color:#1f1600}.stock-card ul{list-style:none;padding:22px 32px;margin:0}.stock-card li{padding:11px 0 11px 26px;border-bottom:1px solid var(--line);position:relative;color:#5c6d83}.stock-card li:before{content:"✓";position:absolute;left:0;color:#0baa63;font-weight:900}.stock-card .btn{margin:0 32px 32px;width:calc(100% - 64px)}.process-grid{grid-template-columns:repeat(4,1fr)}.ethics-hero{background:radial-gradient(circle at 80% 20%,rgba(255,195,48,.28),transparent 32%),linear-gradient(135deg,#090d17,#3b205e 55%,#085bb8)}.ethics-seal{justify-self:center;width:420px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;align-content:center;border:2px solid rgba(255,219,113,.65);box-shadow:inset 0 0 0 18px rgba(255,255,255,.05),inset 0 0 0 19px rgba(255,219,113,.35),0 40px 100px rgba(0,0,0,.28)}.ethics-seal strong{font-size:100px;line-height:1;color:#ffd75f}.ethics-seal span{font-size:25px;font-weight:900}.ethics-seal small{margin-top:10px;color:#b9cae2}.ethics-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}.ethic-card{display:flex;gap:22px;padding:30px;border:1px solid var(--line);border-radius:23px;background:#fff}.ethic-card>span{flex:none;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#e8f4ff,#eee8ff);color:#075bc9;font-weight:950}.ethic-card h2{font-size:23px;letter-spacing:-.6px;margin:0 0 8px}.ethic-card p{color:var(--muted);margin:0}.pledge-card{padding:45px;border-radius:30px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}.pledge-card h3{font-size:32px}.pledge-card p{font-size:20px;color:#c2d1e4;font-style:italic}.gallery-hero{background:radial-gradient(circle at 80% 20%,rgba(255,192,54,.24),transparent 32%),linear-gradient(135deg,#04111f,#082d61 58%,#6a3fe0)}.gallery-collage{position:relative;height:480px}.gallery-collage img{position:absolute;width:56%;border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.34)}.gallery-collage img:nth-child(1){left:0;top:2%;transform:rotate(-8deg)}.gallery-collage img:nth-child(2){right:0;top:16%;transform:rotate(9deg)}.gallery-collage img:nth-child(3){left:22%;bottom:-7%;transform:rotate(1deg)}.gallery-grid{columns:4 290px;column-gap:18px}.gallery-item{break-inside:avoid;margin:0 0 18px;border-radius:22px;overflow:hidden;position:relative;cursor:zoom-in;background:#eef3f9;box-shadow:0 12px 38px rgba(3,27,64,.1)}.gallery-item img{width:100%;transition:.5s}.gallery-item:hover img{transform:scale(1.035)}.gallery-item figcaption{position:absolute;left:0;right:0;bottom:0;padding:42px 20px 18px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.84));transform:translateY(15px);opacity:.92;transition:.3s}.gallery-item:hover figcaption{transform:none;opacity:1}.gallery-item strong,.gallery-item span{display:block}.gallery-item span{font-size:11px;color:#8edcff;text-transform:uppercase}.lightbox{position:fixed;inset:0;z-index:2600;background:rgba(1,7,18,.95);display:none;place-items:center;padding:30px}.lightbox.is-open{display:grid}.lightbox img{max-height:84vh;border-radius:20px;box-shadow:0 40px 100px #000}.lightbox-close{position:absolute;right:22px;top:18px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font-size:30px}.lightbox div{color:#fff;margin-top:12px;text-align:center}.video-hero{background:radial-gradient(circle at 80% 20%,rgba(240,85,255,.23),transparent 30%),linear-gradient(135deg,#060914,#21124b 50%,#074f9e)}.video-device{justify-self:center;width:520px;padding:14px;border-radius:34px;background:#111827;border:1px solid rgba(255,255,255,.18);box-shadow:0 35px 90px rgba(0,0,0,.4);position:relative;transform:perspective(900px) rotateY(-8deg)}.video-device img{border-radius:24px}.video-device>span{position:absolute;inset:0;display:grid;place-items:center;font-size:38px;color:#fff;text-shadow:0 7px 20px #000}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}.video-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 14px 42px rgba(3,28,67,.08);cursor:pointer}.video-poster{aspect-ratio:16/10;position:relative;overflow:hidden}.video-poster img{width:100%;height:100%;object-fit:cover;transition:.5s}.video-card:hover img{transform:scale(1.05)}.video-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.28))}.video-poster button{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(4,21,49,.72);color:#fff;backdrop-filter:blur(8px)}.video-poster small{position:absolute;z-index:2;right:14px;bottom:12px;padding:5px 9px;border-radius:8px;background:rgba(0,0,0,.72);color:#fff}.video-card>div:last-child{padding:22px}.video-card>div:last-child>span{color:#0762d5;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;font-weight:900}.video-card h2{font-size:23px;margin:5px 0}.video-card p{font-size:13px;color:var(--muted)}.video-modal-card{max-width:780px}.video-placeholder{aspect-ratio:16/9;border-radius:20px;background:radial-gradient(circle,#0c55aa,#020b18);color:#fff;display:grid;place-items:center;align-content:center;text-align:center;padding:30px}.video-placeholder>span{font-size:50px}.video-placeholder h2{font-size:32px}.video-placeholder p{color:#a8bfdc}.contact-hero{background:radial-gradient(circle at 80% 20%,rgba(40,220,153,.28),transparent 32%),linear-gradient(135deg,#04111d,#06454f 55%,#0870b9)}.contact-bubble{justify-self:center;width:400px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;align-content:center;background:linear-gradient(135deg,#21d77f,#087e5a);box-shadow:inset 0 0 70px rgba(255,255,255,.15),0 40px 100px rgba(0,0,0,.28)}.contact-bubble svg{width:84px;height:84px}.contact-bubble strong{font-size:36px;margin-top:14px}.contact-bubble span{color:#d5ffeb}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.contact-info h2{font-size:46px}.contact-list article{padding:20px 0;border-bottom:1px solid var(--line)}.contact-list small{display:block;text-transform:uppercase;letter-spacing:1.4px;color:#0a63d6;font-weight:900}.contact-list p{color:var(--muted)}.office-card{display:flex;align-items:center;gap:18px;margin-top:30px;padding:20px;border-radius:19px;background:#eef6ff}.office-card img{width:58px}.office-card strong,.office-card small{display:block}.office-card small{color:var(--muted)}.contact-form{padding:42px;border-radius:30px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.form-head span{color:#0870db;text-transform:uppercase;letter-spacing:1.4px;font-size:11px;font-weight:900}.form-head h2{font-size:36px;margin:4px 0}.form-head p{color:var(--muted)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.contact-form label{display:block;margin-top:18px;font-weight:800;color:#263a57}.contact-form input,.contact-form textarea,.contact-form select{display:block;width:100%;margin-top:7px;padding:14px 15px;border:1px solid #d4e0ee;border-radius:13px;background:#f9fbfe;color:#11233e;outline:none;transition:.2s}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#0c78eb;box-shadow:0 0 0 4px rgba(12,120,235,.1)}.contact-form label>small{display:none;color:#d53838;font-weight:600}.contact-form label.invalid>small{display:block}.contact-form label.invalid input,.contact-form label.invalid textarea,.contact-form label.invalid select{border-color:#d53838}.consent{display:flex!important;align-items:flex-start;gap:10px;font-size:13px!important;font-weight:600!important;color:#65758a!important}.consent input{width:18px!important;margin:3px 0 0!important}.form-note{text-align:center;color:#0a8f56;font-weight:700}.site-footer{padding:80px 0 110px;background:#030b17;color:#fff}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:38px}.footer-brand p{max-width:430px;color:#91a4be}.site-footer h3{font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:#65d9ff}.site-footer a,.site-footer button,.site-footer address{display:block;margin:11px 0;color:#aebed2;font-size:13px;font-style:normal;border:0;background:none;padding:0;text-align:left}.site-footer a:hover,.site-footer button:hover{color:#fff}.site-footer .brand strong{color:#fff}.site-footer .brand small{color:#8da2bc}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid rgba(255,255,255,.1);margin-top:45px;padding-top:22px;color:#7286a0;font-size:11px}.disclaimer{text-align:right;max-width:650px}.back-to-top{position:fixed;right:20px;bottom:28px;width:48px;height:48px;border:0;border-radius:16px;background:#0a62db;color:#fff;box-shadow:0 15px 35px rgba(0,80,190,.25);z-index:1150;opacity:0;pointer-events:none;transform:translateY(12px);transition:.25s}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:none}.mobile-bottom-nav{display:none}.modal{position:fixed;inset:0;z-index:2800;display:none;place-items:center;padding:18px}.modal.is-open{display:grid}.modal-backdrop{position:absolute;inset:0;background:rgba(1,8,20,.78);backdrop-filter:blur(12px)}.modal-card{position:relative;z-index:1;width:min(540px,100%);padding:40px;border-radius:28px;background:#fff;box-shadow:0 40px 120px rgba(0,0,0,.4);animation:modalIn .28s ease}.modal-close{position:absolute;right:16px;top:16px;width:42px;height:42px;border-radius:13px;border:0;background:#eef4fb;color:#27405f;display:grid;place-items:center;font-size:25px}.login-card h2{font-size:38px;letter-spacing:-1.4px;margin:0 0 10px}.login-card>p{color:var(--muted)}.login-options{display:grid;gap:12px;margin:28px 0}.login-option{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:17px;border-radius:18px;border:1px solid var(--line);transition:.2s}.login-option:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(4,31,72,.12)}.option-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#0875f1,#6a43e4)}.login-option.stockist .option-icon{background:linear-gradient(135deg,#ffbd2b,#f07b12)}.login-option strong,.login-option small{display:block}.login-option small{color:var(--muted)}.login-option>svg{color:#0a63d8}.secure-note{display:block;color:#74849a}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}.delay-3{transition-delay:.36s}code{padding:2px 6px;border-radius:6px;background:#edf3fb;color:#174276}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes drift{to{transform:translate(40px,-25px) scale(1.12)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.22);opacity:.75}}@keyframes scrollDot{0%{transform:translateY(0);opacity:0}30%{opacity:1}100%{transform:translateY(14px);opacity:0}}@keyframes modalIn{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}@keyframes navGlow{0%,100%{box-shadow:0 0 0 0 rgba(81,217,255,.35),0 16px 35px rgba(5,44,113,.4)}50%{box-shadow:0 0 0 10px rgba(81,217,255,0),0 20px 45px rgba(5,44,113,.55)}}
@media(max-width:1180px){.desktop-nav{display:none}.menu-toggle{display:grid;margin-left:auto}.header-actions{margin-left:0}.hero-grid,.page-hero-grid,.split-layout,.contact-layout{grid-template-columns:1fr 1fr;gap:42px}.product-grid{grid-template-columns:repeat(3,1fr)}.reward-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}.mobile-drawer{display:block;position:fixed;z-index:2200;right:0;top:0;bottom:0;width:min(420px,92vw);padding:24px;background:#fff;transform:translateX(105%);transition:.32s ease;box-shadow:-30px 0 90px rgba(1,12,33,.2)}.mobile-drawer.is-open{transform:none}.drawer-backdrop{display:block;position:fixed;z-index:2100;inset:0;background:rgba(1,10,26,.62);opacity:0;pointer-events:none;transition:.3s}.drawer-backdrop.is-open{opacity:1;pointer-events:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between}.icon-btn{width:42px;height:42px;border:0;border-radius:13px;background:#eef4fb;display:grid;place-items:center}.drawer-nav{display:grid;margin:30px 0}.drawer-nav a{padding:13px 15px;border-bottom:1px solid var(--line);font-weight:750;color:#3c506d}.drawer-nav a.is-active{color:#0764da;background:#edf6ff;border-radius:12px}.drawer-actions{display:grid;gap:10px}.value-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.featured-products{grid-template-columns:repeat(3,1fr)}.feature-card{height:420px}.terms-grid{grid-template-columns:repeat(2,1fr)}.stock-grid{grid-template-columns:1fr 1fr}.stock-grid .stock-card:last-child{grid-column:1/-1}.video-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){:root{--header-h:66px}.wide-container{width:min(calc(100% - 28px),var(--container))}body{padding-bottom:92px}.site-header{height:var(--header-h)}.site-header.is-scrolled{height:62px}.brand img{width:41px;height:41px}.brand strong{font-size:23px}.brand small{font-size:8px}.header-actions{display:none}.hero-home{min-height:auto;padding-top:var(--header-h)}.hero-grid,.page-hero-grid,.split-layout,.contact-layout,.ro-layout{grid-template-columns:1fr}.hero-grid{gap:10px;padding:65px 0 45px}.hero-copy h1,.page-hero h1{font-size:clamp(44px,12vw,64px);letter-spacing:-2.6px}.lead{font-size:16px}.hero-stats{margin-top:34px}.hero-stats article{padding-right:18px;margin-right:18px}.hero-stats strong{font-size:25px}.hero-showcase{margin-top:30px}.product-stage{width:min(78vw,520px)}.float-card{padding:12px}.scroll-cue{display:none}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid article{border-bottom:1px solid var(--line)}.section{padding:78px 0}.section h2{font-size:clamp(35px,9vw,49px);letter-spacing:-1.8px}.split-layout.reverse>.section-copy{order:0}.image-stack{min-height:450px}.image-stack .main-img{height:390px}.featured-products{grid-template-columns:1fr}.feature-card{height:430px}.path-grid,.value-grid,.process-grid{grid-template-columns:1fr}.cta-card{display:block;padding:34px 26px}.page-hero{min-height:auto;padding-top:var(--header-h)}.page-hero-grid{padding-block:70px;gap:45px}.hero-logo-card{width:min(420px,90vw)}.vision-grid{grid-template-columns:1fr}.metric-panel{grid-template-columns:1fr 1fr}.hero-product-fan,.gallery-collage{height:390px}.product-grid{grid-template-columns:1fr 1fr}.desktop-package-table{display:none}.mobile-package-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.package-card{padding:26px;border-radius:23px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 40px rgba(3,28,67,.08)}.package-tier{color:#075fd3;text-transform:uppercase;letter-spacing:1.3px;font-size:11px;font-weight:950}.package-card h2{font-size:28px;margin:10px 0 0}.package-card>small{color:var(--muted)}.package-card dl{margin:20px 0}.package-card dl div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.package-card dt{color:var(--muted)}.package-card dd{margin:0;font-weight:850}.terms-grid{grid-template-columns:1fr 1fr}.benefit-list{grid-template-columns:1fr}.ro-amount,.ethics-seal{width:min(78vw,420px)}.reward-grid{grid-template-columns:1fr 1fr}.stock-grid{grid-template-columns:1fr}.stock-grid .stock-card:last-child{grid-column:auto}.ethics-list{grid-template-columns:1fr}.gallery-grid{columns:2 230px}.video-grid{grid-template-columns:1fr}.video-device{width:min(92vw,520px)}.field-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.disclaimer{text-align:left}.back-to-top{bottom:104px}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:1800;left:9px;right:9px;bottom:max(8px,env(safe-area-inset-bottom));height:72px;padding:7px 8px;border-radius:23px;color:#fff;background:linear-gradient(115deg,rgba(4,31,82,.97),rgba(7,106,226,.96) 48%,rgba(105,61,228,.96));backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 18px 55px rgba(2,19,53,.4);border:1px solid rgba(255,255,255,.18)}.mobile-bottom-nav a,.mobile-bottom-nav button{border:0;background:none;color:rgba(255,255,255,.72);display:grid;place-items:center;align-content:center;gap:2px;border-radius:15px;position:relative}.mobile-bottom-nav a.is-active{color:#fff;background:rgba(255,255,255,.13)}.nav-icon{display:grid;place-items:center}.nav-icon svg{width:23px;height:23px}.mobile-bottom-nav small{font-size:9px;font-weight:850}.nav-login{transform:translateY(-23px)!important}.nav-login .nav-icon{width:62px;height:62px;border-radius:50%;background:linear-gradient(145deg,#47dcff,#096ee9 55%,#7345ec);color:#fff;border:5px solid #eef5ff;box-shadow:0 17px 38px rgba(3,28,73,.5);animation:navGlow 2.4s infinite}.nav-login .nav-icon svg{width:28px;height:28px}.nav-login small{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.45);margin-top:2px}.login-orbit{position:absolute;width:78px;height:78px;top:-8px;border:1px dashed rgba(120,223,255,.55);border-radius:50%;animation:spin 10s linear infinite}.site-footer{padding-bottom:130px}}
@media(max-width:520px){.wide-container{width:min(calc(100% - 22px),var(--container))}.brand span small{display:none}.menu-toggle{width:41px;height:41px}.hero-grid{padding-top:48px}.hero-copy h1,.page-hero h1{font-size:clamp(40px,12.8vw,57px)}.hero-actions .btn,.cta-actions .btn{width:100%}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr)}.hero-stats article{padding:18px 6px 0;margin:0;border-right:1px solid rgba(255,255,255,.14);text-align:center}.hero-stats span{font-size:8px}.float-card{display:none}.trust-grid{grid-template-columns:1fr}.trust-grid article{border-right:0}.section{padding:66px 0}.image-stack{min-height:360px}.image-stack .main-img{height:320px}.image-stack .small-img{border-width:6px}.vision-grid article,.path-card,.value-grid article,.process-grid article{padding:27px}.metric-panel{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.hero-product-fan,.gallery-collage{height:320px}.mobile-package-grid{grid-template-columns:1fr}.terms-grid{grid-template-columns:1fr}.reward-grid{grid-template-columns:1fr}.ro-amount strong{font-size:39px}.stock-head strong{font-size:28px}.ethics-seal strong{font-size:78px}.ethic-card{padding:23px}.gallery-grid{columns:1}.contact-form{padding:27px 20px}.contact-bubble{width:min(82vw,360px)}.contact-bubble strong{font-size:28px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.modal-card{padding:31px 22px}.login-card h2{font-size:31px}.mobile-bottom-nav{left:6px;right:6px}.mobile-bottom-nav small{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* ===== NETLIFE V3 navigation, galleries, product detail and testimonial ===== */
.desktop-nav .nav-dropdown{position:relative}.desktop-nav .nav-dropdown>button{display:flex;align-items:center;gap:5px;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:#46556d;font-size:14px;font-weight:750}.desktop-nav .nav-dropdown>button svg{width:15px;transition:.2s}.desktop-nav .nav-dropdown:hover>button,.desktop-nav .nav-dropdown.is-open>button,.desktop-nav .nav-dropdown.is-active>button{color:#064fd0;background:#eaf3ff}.desktop-nav .nav-dropdown.is-open>button svg{transform:rotate(180deg)}
.nav-dropdown-menu{position:absolute;top:calc(100% + 14px);left:0;min-width:235px;padding:12px;border:1px solid rgba(217,229,243,.9);border-radius:20px;background:rgba(255,255,255,.98);box-shadow:0 25px 75px rgba(2,19,51,.18);opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s;pointer-events:none}.nav-dropdown-menu:before{content:"";position:absolute;left:26px;top:-8px;width:15px;height:15px;background:#fff;border-left:1px solid #d9e5f3;border-top:1px solid #d9e5f3;transform:rotate(45deg)}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown.is-open .nav-dropdown-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto}.nav-dropdown-menu a{display:block;padding:10px 12px;border-radius:11px}.nav-dropdown-menu a:hover{background:#edf6ff}.product-menu{width:560px;padding:16px}.product-menu .menu-feature{padding:15px;background:linear-gradient(135deg,#061b42,#0874eb);color:#fff}.product-menu .menu-feature strong,.product-menu .menu-feature small{display:block}.product-menu .menu-feature small{font-size:11px;color:#bfe7ff}.menu-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-top:10px}.compact-menu{display:grid;gap:2px}
.login-dropdown{position:relative}.login-dropdown-toggle svg{width:15px}.login-dropdown.is-open .login-dropdown-toggle svg{transform:rotate(180deg)}.login-dropdown-menu{position:absolute;right:0;top:calc(100% + 13px);width:310px;padding:11px;border-radius:20px;border:1px solid #dce7f4;background:#fff;box-shadow:0 26px 80px rgba(2,17,47,.22);opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;transition:.22s}.login-dropdown.is-open .login-dropdown-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto}.login-dropdown-menu a{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:13px;border-radius:14px}.login-dropdown-menu a:hover{background:#eff6ff}.login-dropdown-menu strong,.login-dropdown-menu small{display:block}.login-dropdown-menu small{color:var(--muted);font-size:11px}.login-mini-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;font-weight:950;background:linear-gradient(135deg,#0877ef,#6646e7)}.login-mini-icon.stockist{background:linear-gradient(135deg,#ffc638,#ec7d13)}
.drawer-nav{max-height:calc(100vh - 265px);overflow:auto;padding-right:4px}.drawer-submenu>button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border:0;border-bottom:1px solid var(--line);background:transparent;color:#3c506d;font-weight:750}.drawer-submenu.is-active>button{color:#0764da;background:#edf6ff;border-radius:12px}.drawer-submenu>button svg{transition:.2s}.drawer-submenu.is-open>button svg{transform:rotate(180deg)}.drawer-submenu>div{display:none;padding:7px 0 10px 15px}.drawer-submenu.is-open>div{display:grid}.drawer-submenu>div a{font-size:12px;padding:9px 12px;border-left:2px solid #dce9f8;border-bottom:0}.drawer-login{margin:15px 0 10px;border:1px solid #d7e5f4;border-radius:18px;overflow:hidden}.drawer-login-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px;border:0;background:linear-gradient(135deg,#eef7ff,#f4f0ff);color:#16335c;text-align:left}.drawer-login-toggle strong,.drawer-login-toggle small{display:block}.drawer-login-toggle small{color:#6b7d93;font-size:10px}.drawer-login-toggle svg{transition:.2s}.drawer-login.is-open .drawer-login-toggle svg{transform:rotate(180deg)}.drawer-login-options{display:none;grid-template-columns:1fr 1fr;gap:8px;padding:10px}.drawer-login.is-open .drawer-login-options{display:grid}.drawer-login-options a{padding:11px 8px;border-radius:11px;text-align:center;color:#fff;font-size:12px;font-weight:850}.drawer-login-options .member{background:linear-gradient(135deg,#0875ef,#6444e5)}.drawer-login-options .stockist{background:linear-gradient(135deg,#ffc336,#ed7b12)}
.gallery-container{width:min(calc(100% - 56px),1540px)}.gallery-grid{width:100%!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;columns:auto!important;column-gap:normal!important}.gallery-item{width:100%!important;margin:0!important;aspect-ratio:1/1}.gallery-item img{width:100%!important;height:100%!important;object-fit:cover}.lightbox-inner{display:grid;place-items:center;max-width:min(92vw,1100px)}.lightbox-inner img{width:auto;max-width:100%;height:auto}.lightbox-inner #lightboxCaption{margin-top:12px}.product-card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px}.product-card-actions .btn{min-height:40px}.product-card .product-content>p{min-height:52px}
.product-detail-hero{min-height:100svh;padding-top:calc(var(--header-h) + 40px);display:flex;align-items:center;overflow:hidden;color:#fff;background:radial-gradient(circle at 74% 24%,rgba(15,205,255,.26),transparent 31%),radial-gradient(circle at 18% 83%,rgba(115,69,255,.24),transparent 34%),linear-gradient(135deg,#020917,#071c48 55%,#063e83)}.product-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);align-items:center;gap:80px;padding:70px 0}.product-detail-copy h1{font-size:clamp(58px,7vw,108px);line-height:.9;letter-spacing:-5px;margin:8px 0 24px}.product-detail-copy>p:not(.lead){max-width:750px;color:#b9c9df}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;color:#90a7c7;font-size:12px;margin-bottom:25px}.breadcrumbs a:hover{color:#fff}.product-detail-stage{position:relative;display:grid;place-items:center}.product-detail-stage img{position:relative;z-index:2;width:min(620px,44vw);aspect-ratio:1;object-fit:cover;border-radius:42px;box-shadow:0 50px 130px rgba(0,0,0,.45);animation:float 5s ease-in-out infinite}.product-detail-glow{position:absolute;width:75%;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#14d7ff,#6d43ed,#ffbd2f);filter:blur(55px);opacity:.46}.product-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:55px}.product-facts article{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(3,28,67,.06)}.product-facts small,.product-facts strong{display:block}.product-facts small{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#0870d9;font-weight:900}.product-facts strong{font-size:15px;margin-top:7px}.product-detail-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:45px}.detail-panel{padding:42px;border-radius:30px;background:#f4f8fd}.detail-panel h2{font-size:43px;letter-spacing:-1.8px;line-height:1.08}.detail-panel h3{margin-top:28px}.detail-panel p{color:var(--muted)}.detail-list{padding:0;list-style:none;display:grid;gap:12px}.detail-list li{position:relative;padding:14px 15px 14px 48px;border-radius:15px;background:#fff}.detail-list li:before{content:"✓";position:absolute;left:15px;top:12px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#e2f4ff;color:#0872dc;font-weight:950}.detail-side{display:grid;gap:16px}.info-box,.warning-box{padding:27px;border-radius:23px;border:1px solid var(--line);background:#fff}.info-box small,.warning-box small{display:block;text-transform:uppercase;letter-spacing:1.3px;font-size:10px;font-weight:950;color:#086bd5}.info-box p,.warning-box p{color:var(--muted);margin-bottom:0}.warning-box{background:#fff8e8;border-color:#f3d794}.warning-box small{color:#a86700}.related-products{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.related-product{height:390px;position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.related-product:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.85))}.related-product img{width:100%;height:100%;object-fit:cover;transition:.5s}.related-product:hover img{transform:scale(1.05)}.related-product span{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;color:#fff}.related-product small,.related-product strong{display:block}.related-product small{color:#7ee1ff;text-transform:uppercase;font-size:10px;letter-spacing:1.1px}.related-product strong{font-size:24px}
.testimonial-hero{background:radial-gradient(circle at 80% 20%,rgba(27,218,255,.25),transparent 32%),linear-gradient(135deg,#031020,#07305f 57%,#6741dc)}.testimonial-visual{justify-self:center;width:min(430px,80vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;align-content:center;text-align:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 70px rgba(255,255,255,.08),0 45px 110px rgba(0,0,0,.3)}.testimonial-visual img{width:150px}.testimonial-visual strong{font-size:38px;margin-top:10px}.testimonial-visual span{color:#aee8ff}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testimonial-card{padding:32px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 15px 45px rgba(3,28,67,.07)}.testimonial-card>span{font-size:12px;font-weight:950;color:#0b70dd}.testimonial-card h2{font-size:26px;margin:12px 0}.testimonial-card p{color:var(--muted)}.check-list{display:grid;gap:10px}.check-list p{margin:0;padding:13px 15px;border-radius:13px;background:#fff}.submission-card{padding:38px;border-radius:28px;background:#fff;box-shadow:var(--shadow)}.submission-card h2{font-size:38px}.submission-card p{color:var(--muted)}
@media(max-width:1320px){.desktop-nav a,.desktop-nav .nav-dropdown>button{padding-inline:9px;font-size:13px}.header-inner{gap:18px}.product-menu{width:500px}}
@media(max-width:1180px){.desktop-nav{display:none}.login-dropdown{display:none}.drawer-nav{margin:20px 0 10px}.footer-grid{grid-template-columns:1.4fr repeat(3,1fr)}.product-detail-grid{grid-template-columns:1fr 1fr;gap:45px}.product-facts{grid-template-columns:repeat(2,1fr)}.testimonial-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.gallery-container{width:min(calc(100% - 28px),1540px)}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gallery-item{border-radius:17px}.gallery-item figcaption{padding:35px 14px 13px}.product-detail-hero{min-height:auto;padding-top:var(--header-h)}.product-detail-grid{grid-template-columns:1fr;padding:60px 0}.product-detail-copy h1{font-size:clamp(52px,15vw,78px);letter-spacing:-3px}.product-detail-stage img{width:min(82vw,560px)}.product-detail-layout{grid-template-columns:1fr}.related-products{grid-template-columns:1fr}.related-product{height:400px}.testimonial-grid{grid-template-columns:1fr}.login-sheet .modal-card{align-self:end;width:calc(100% + 36px);max-width:none;margin:-18px;border-radius:28px 28px 0 0;padding:35px 22px calc(28px + env(safe-area-inset-bottom));animation:sheetIn .3s ease}.sheet-handle{display:block;width:52px;height:5px;border-radius:5px;background:#d8e1ed;margin:-17px auto 18px}.drawer-login-options{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:520px){.gallery-container{width:100%!important}.gallery-container>.section-head{padding-inline:18px}.gallery-grid{grid-template-columns:1fr;width:100%!important;gap:12px}.gallery-item{border-radius:0}.product-facts{grid-template-columns:1fr}.detail-panel{padding:27px 20px}.detail-panel h2{font-size:35px}.info-box,.warning-box{padding:22px}.testimonial-visual strong{font-size:31px}.submission-card{padding:28px 20px}.product-card-actions{align-items:flex-start;flex-direction:column}.product-card-actions .btn{width:100%}}
@keyframes sheetIn{from{transform:translateY(100%)}to{transform:none}}

.footer-grid{grid-template-columns:1.55fr repeat(5,minmax(0,1fr))}
@media(max-width:1180px){.footer-grid{grid-template-columns:1.4fr repeat(3,1fr)}}
@media(max-width:820px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.footer-grid{grid-template-columns:1fr}}


/* ============================================================
   V4 UPDATE — stable dropdowns, mobile login dropdown,
   3-slide hero, and editable YouTube gallery
   ============================================================ */

/* Stable desktop dropdown hover bridge and click-open state */
.desktop-nav .nav-dropdown,
.login-dropdown { isolation:isolate; }
.desktop-nav .nav-dropdown::after,
.login-dropdown::after {
  content:"";
  position:absolute;
  z-index:2;
  left:-10px;
  right:-10px;
  top:100%;
  height:22px;
}
.desktop-nav .nav-dropdown>button,
.login-dropdown-toggle { position:relative; z-index:3; }
.nav-dropdown-menu,
.login-dropdown-menu { z-index:4; }
.nav-dropdown-menu { top:calc(100% + 9px); }
.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown:focus-within .nav-dropdown-menu,
.nav-dropdown.is-hover .nav-dropdown-menu,
.nav-dropdown.is-open .nav-dropdown-menu {
  opacity:1;
  visibility:visible;
  transform:none;
  pointer-events:auto;
}
.login-dropdown-menu { top:calc(100% + 9px); }
.login-dropdown:hover .login-dropdown-menu,
.login-dropdown:focus-within .login-dropdown-menu,
.login-dropdown.is-hover .login-dropdown-menu,
.login-dropdown.is-open .login-dropdown-menu {
  opacity:1;
  visibility:visible;
  transform:none;
  pointer-events:auto;
}
.nav-dropdown-menu a:focus-visible,
.login-dropdown-menu a:focus-visible { outline:3px solid rgba(8,118,248,.3); outline-offset:2px; }

/* Mobile bottom Login is now a real dropdown, not a modal */
.mobile-login-wrap { position:relative; display:grid; place-items:center; min-width:0; }
.mobile-login-menu {
  position:absolute;
  z-index:20;
  left:50%;
  bottom:calc(100% + 20px);
  width:min(330px,calc(100vw - 22px));
  padding:12px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:23px;
  background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(238,247,255,.99));
  box-shadow:0 28px 80px rgba(0,18,58,.42);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-50%,18px) scale(.96);
  transform-origin:center bottom;
  transition:opacity .24s ease,transform .24s ease,visibility .24s;
}
.mobile-login-menu::after {
  content:"";
  position:absolute;
  left:50%;
  bottom:-8px;
  width:16px;
  height:16px;
  background:#eff7ff;
  transform:translateX(-50%) rotate(45deg);
  border-right:1px solid rgba(13,89,179,.14);
  border-bottom:1px solid rgba(13,89,179,.14);
}
.mobile-login-wrap.is-open .mobile-login-menu {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate(-50%,0) scale(1);
}
.mobile-login-title {
  display:block;
  padding:5px 8px 10px;
  color:#17345d;
  font-size:10px;
  font-weight:950;
  letter-spacing:1.2px;
  text-transform:uppercase;
}
.mobile-bottom-nav .mobile-login-menu a {
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:11px;
  width:100%;
  min-height:64px;
  padding:10px;
  margin-top:7px;
  border-radius:16px;
  color:#15325c;
  text-align:left;
  background:#fff;
  border:1px solid #dce8f6;
  box-shadow:0 9px 25px rgba(2,35,82,.08);
}
.mobile-bottom-nav .mobile-login-menu a:hover { background:#edf6ff; color:#075dcc; }
.mobile-bottom-nav .mobile-login-menu a strong,
.mobile-bottom-nav .mobile-login-menu a small { display:block; }
.mobile-bottom-nav .mobile-login-menu a strong { font-size:13px; }
.mobile-bottom-nav .mobile-login-menu a small { color:#718198; font-size:10px; }
.mobile-bottom-nav .mobile-login-menu a > svg { width:18px; height:18px; }
.mobile-login-wrap.is-open .nav-login .nav-icon { animation:navGlow 1.15s infinite; }

/* Full-screen three-slide hero */
.hero-home.hero-slider {
  display:block;
  min-height:max(100svh,760px);
  padding:0;
  background:#020916;
  isolation:isolate;
}
.hero-slider .hero-slides,
.hero-slider .hero-slide { position:absolute; inset:0; }
.hero-slider .hero-slide {
  display:flex;
  align-items:center;
  overflow:hidden;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:scale(1.025);
  transition:opacity .8s ease,transform 1.1s ease,visibility .8s;
}
.hero-slider .hero-slide.is-active {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:scale(1);
  z-index:2;
}
.hero-slider .hero-slide::before {
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(to bottom,transparent,black 15%,black 82%,transparent);
}
.hero-slide-one { background:radial-gradient(circle at 78% 20%,rgba(25,201,255,.27),transparent 33%),radial-gradient(circle at 20% 80%,rgba(110,69,255,.24),transparent 36%),linear-gradient(135deg,#020916 0%,#071a44 48%,#07336f 100%); }
.hero-slide-two { background:radial-gradient(circle at 78% 28%,rgba(255,174,32,.31),transparent 32%),radial-gradient(circle at 15% 85%,rgba(3,146,255,.23),transparent 37%),linear-gradient(135deg,#090806 0%,#251504 48%,#6e3605 100%); }
.hero-slide-three { background:radial-gradient(circle at 80% 24%,rgba(34,210,255,.27),transparent 31%),radial-gradient(circle at 18% 82%,rgba(40,103,255,.3),transparent 37%),linear-gradient(135deg,#020b1a 0%,#082d65 54%,#0866a6 100%); }
.hero-slider .hero-grid {
  width:min(calc(100% - 56px),var(--container));
  min-height:max(100svh,760px);
  padding-top:calc(var(--header-h) + 48px);
  padding-bottom:105px;
}
.hero-slider .hero-copy,
.hero-slider .hero-showcase { opacity:0; transform:translateY(26px); }
.hero-slider .hero-slide.is-active .hero-copy { animation:heroCopyIn .8s .12s both; }
.hero-slider .hero-slide.is-active .hero-showcase { animation:heroVisualIn .95s .24s both; }
.hero-slider .hero-copy h1,
.hero-slider .hero-copy h2 {
  font-size:clamp(48px,5.15vw,84px);
  line-height:.98;
  letter-spacing:-4px;
  margin:0 0 24px;
  max-width:980px;
}
.hero-slider .hero-copy h1 em,
.hero-slider .hero-copy h2 em {
  font-style:normal;
  background:linear-gradient(90deg,#58d7ff,#c8efff,#ffd26a);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.hero-slider .lead { max-width:760px; }
.hero-slider .hero-stats { margin-top:34px; }
.slider-stage { width:min(585px,42vw); }
.product-pair-stage {
  position:relative;
  width:min(650px,45vw);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  animation:float 5s ease-in-out infinite;
}
.product-pair-stage::before,
.product-pair-stage::after {
  content:"";
  position:absolute;
  inset:7%;
  border-radius:50%;
  border:1px solid rgba(255,215,117,.32);
  animation:spin 22s linear infinite;
}
.product-pair-stage::after { inset:0; border-style:dashed; animation-direction:reverse; animation-duration:31s; }
.product-pair-stage img {
  position:absolute;
  z-index:2;
  width:68%;
  aspect-ratio:1;
  object-fit:cover;
  border-radius:28px;
  box-shadow:0 35px 85px rgba(0,0,0,.48);
  border:6px solid rgba(255,255,255,.12);
}
.product-pair-stage .pair-back { left:3%; top:8%; transform:rotate(-7deg) scale(.9); }
.product-pair-stage .pair-front { right:0; bottom:3%; transform:rotate(5deg); }
.product-pair-stage .pair-glow {
  position:absolute;
  width:70%;
  aspect-ratio:1;
  border-radius:50%;
  background:linear-gradient(135deg,#ffbe35,#ff7418,#1ebcf4);
  filter:blur(65px);
  opacity:.45;
}
.product-pair-stage.pair-blue .pair-glow { background:linear-gradient(135deg,#28dcff,#176ef1,#80e6ff); }
.hero-slider-controls {
  position:absolute;
  z-index:9;
  right:max(28px,calc((100vw - var(--container))/2));
  bottom:34px;
  display:flex;
  align-items:center;
  gap:13px;
}
.hero-arrow {
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.25);
  border-radius:50%;
  color:#fff;
  background:rgba(7,30,70,.52);
  backdrop-filter:blur(12px);
  font-size:28px;
  line-height:1;
  transition:.2s ease;
}
.hero-arrow:hover { transform:translateY(-2px); background:rgba(255,255,255,.18); }
.hero-dots { display:flex; gap:8px; }
.hero-dots button {
  width:10px;
  height:10px;
  padding:0;
  border:0;
  border-radius:10px;
  background:rgba(255,255,255,.38);
  transition:.3s ease;
}
.hero-dots button.is-active { width:34px; background:linear-gradient(90deg,#47dcff,#ffd36c); }
.hero-progress {
  position:absolute;
  z-index:8;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:rgba(255,255,255,.1);
}
.hero-progress span { display:block; width:0; height:100%; background:linear-gradient(90deg,#42dcff,#086fe9,#ffd369); }
.hero-disclaimer {
  position:absolute;
  z-index:8;
  left:max(28px,calc((100vw - var(--container))/2));
  bottom:32px;
  max-width:640px;
  margin:0;
  color:rgba(210,225,244,.67);
  font-size:10px;
  letter-spacing:.2px;
}

/* Editable YouTube gallery */
.video-settings-note {
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:40px;
  align-items:center;
  padding:32px;
  margin-bottom:42px;
  border:1px solid #dce8f5;
  border-radius:27px;
  background:linear-gradient(135deg,#f7fbff,#eff5ff 55%,#f5f0ff);
}
.video-settings-note h2 { margin:0 0 9px; font-size:clamp(30px,4vw,48px); line-height:1.05; }
.video-settings-note p { color:var(--muted); margin:0; }
.video-config-path {
  padding:22px;
  border-radius:20px;
  color:#fff;
  background:linear-gradient(135deg,#051b43,#086fe7 62%,#6b43e5);
  box-shadow:0 20px 45px rgba(6,61,145,.22);
}
.video-config-path small,
.video-config-path code,
.video-config-path span { display:block; }
.video-config-path small { color:#91dfff; text-transform:uppercase; letter-spacing:1.3px; font-weight:900; }
.video-config-path code { margin:7px 0 12px; color:#ffe287; font-size:14px; word-break:break-all; }
.video-config-path span { color:#dcecff; font-size:12px; }
.video-card { cursor:default; }
.video-card.has-video { cursor:pointer; }
.video-card.has-video:hover { transform:translateY(-7px); box-shadow:0 24px 60px rgba(2,29,72,.16); }
.video-card.awaiting-video { opacity:.78; }
.video-play {
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  width:70px;
  height:70px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(135deg,#0879f6,#6b43e8);
  border:6px solid rgba(255,255,255,.8);
  box-shadow:0 18px 45px rgba(0,32,90,.35);
  transform:translate(-50%,-50%);
  transition:.25s ease;
}
.video-card.has-video:hover .video-play { transform:translate(-50%,-50%) scale(1.08); }
.video-card.awaiting-video .video-play { background:linear-gradient(135deg,#7a8797,#526174); }
.video-player-modal .video-modal-card { width:min(94vw,1060px); }
.youtube-frame { width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:18px; background:#020817; }
.youtube-frame iframe { width:100%; height:100%; border:0; display:block; }
.video-modal-description { color:var(--muted); margin-bottom:0; }

@keyframes heroCopyIn { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:none} }
@keyframes heroVisualIn { from{opacity:0;transform:translateX(38px) scale(.96)} to{opacity:1;transform:none} }

@media(max-width:1180px) {
  .hero-slider .hero-grid { grid-template-columns:1fr 1fr; gap:36px; }
  .hero-slider .hero-copy h1,
  .hero-slider .hero-copy h2 { font-size:clamp(45px,5.5vw,68px); letter-spacing:-3px; }
}

@media(max-width:820px) {
  .hero-home.hero-slider { min-height:max(100svh,920px); padding:0; }
  .hero-slider .hero-slide { align-items:flex-start; }
  .hero-slider .hero-grid {
    min-height:max(100svh,920px);
    width:min(calc(100% - 28px),var(--container));
    grid-template-columns:1fr;
    gap:6px;
    padding-top:calc(var(--header-h) + 45px);
    padding-bottom:155px;
    align-content:start;
  }
  .hero-slider .hero-copy h1,
  .hero-slider .hero-copy h2 { font-size:clamp(40px,11.4vw,60px); letter-spacing:-2.5px; }
  .hero-slider .hero-copy .lead { font-size:15px; line-height:1.55; }
  .hero-slider .hero-actions { margin-top:23px; }
  .hero-slider .hero-actions .btn { min-height:44px; padding:10px 16px; font-size:12px; }
  .hero-slider .hero-stats { margin-top:24px; }
  .hero-slider .hero-showcase { margin-top:17px; }
  .slider-stage { width:min(54vw,310px); padding:17px; }
  .product-pair-stage { width:min(58vw,340px); margin-inline:auto; }
  .product-pair-stage img { border-radius:20px; border-width:4px; }
  .hero-slider-controls { right:50%; bottom:105px; transform:translateX(50%); }
  .hero-disclaimer { left:18px; right:18px; bottom:75px; max-width:none; text-align:center; font-size:8px; }
  .hero-progress { bottom:0; }
  .video-settings-note { grid-template-columns:1fr; gap:22px; padding:25px 20px; }
}

@media(max-width:520px) {
  .hero-home.hero-slider,
  .hero-slider .hero-grid { min-height:max(100svh,900px); }
  .hero-slider .hero-grid { width:min(calc(100% - 22px),var(--container)); padding-top:calc(var(--header-h) + 34px); }
  .hero-slider .eyebrow { font-size:9px; letter-spacing:1.15px; margin-bottom:13px; }
  .hero-slider .hero-copy h1,
  .hero-slider .hero-copy h2 { font-size:clamp(36px,10.9vw,52px); margin-bottom:16px; }
  .hero-slider .hero-copy .lead { font-size:13.5px; }
  .hero-slider .hero-stats article { padding-top:15px; }
  .hero-slider .hero-stats strong { font-size:22px; }
  .hero-slider .hero-stats span { font-size:7px; }
  .slider-stage { width:min(53vw,270px); }
  .product-pair-stage { width:min(57vw,300px); }
  .hero-arrow { width:38px; height:38px; }
  .mobile-login-menu { width:calc(100vw - 16px); }
}

@media(prefers-reduced-motion:reduce) {
  .hero-slider .hero-slide,
  .hero-slider .hero-copy,
  .hero-slider .hero-showcase,
  .hero-progress span { transition:none!important; animation:none!important; }
}
