:root{--navy:#03111f;--navy-2:#061d32;--blue:#0e74bd;--ice:#38c5ff;--ice-2:#a8ecff;--white:#f7fcff;--muted:#9db7c9;--line:#1e4662;--orange:#ff922c;--green:#21c56b;--shadow:0 28px 80px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font:400 16px/1.55 Manrope,system-ui,sans-serif}body.drawer-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.demo-strip{min-height:38px;padding:8px clamp(14px,4vw,58px);display:flex;align-items:center;justify-content:center;gap:14px;background:#dff7ff;color:#05233a;font-size:.68rem;letter-spacing:.02em}.demo-strip strong{padding:3px 7px;border-radius:4px;background:#05233a;color:#fff;font-size:.6rem;letter-spacing:.12em}.demo-strip a{margin-left:auto;font-weight:800}.site-header{height:78px;padding:0 clamp(16px,4vw,58px);display:flex;align-items:center;border-bottom:1px solid rgba(79,177,231,.24);background:rgba(3,17,31,.88);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}.cf-brand{display:flex;align-items:center;gap:12px;font:700 1rem/1 "Space Grotesk",sans-serif;letter-spacing:.03em}.cf-brand small{display:block;margin-top:5px;color:#6e9ab4;font:700 .46rem/1 Manrope,sans-serif;letter-spacing:.16em}.cf-mark{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--ice);border-radius:50%;background:radial-gradient(circle at 35% 25%,#41ceff,#074c84 70%);box-shadow:0 0 28px rgba(56,197,255,.25);font-size:.72rem}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:24px}.site-header nav a{color:#b2c9d8;font-size:.76rem;font-weight:700}.cart-button{padding:10px 12px;border:1px solid #3387b7;border-radius:8px;background:#09243b;color:#fff;font-weight:800;cursor:pointer}.cart-button span{min-width:22px;height:22px;padding:0 6px;display:inline-grid;place-items:center;border-radius:999px;background:var(--ice);color:#03213a;font-size:.68rem}.hero{min-height:680px;padding:clamp(68px,9vw,120px) clamp(18px,6vw,86px) 80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;overflow:hidden;background:radial-gradient(circle at 79% 35%,rgba(36,174,238,.22),transparent 30%),linear-gradient(135deg,#020d18,#04192c 60%,#061c31)}.eyebrow{color:var(--ice);font-size:.66rem;font-weight:800;letter-spacing:.17em}.hero h1,.section-heading h2,.demo-cta h2{margin:17px 0 20px;font:700 clamp(3.5rem,7vw,7.2rem)/.88 "Space Grotesk",sans-serif;letter-spacing:-.065em}.hero h1 em{color:var(--ice);font-style:normal}.hero-copy>p{max-width:660px;color:var(--muted);font-size:clamp(1rem,1.55vw,1.2rem)}.hero-actions{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap}.hero-actions a,.hero-actions button{padding:14px 18px;border-radius:8px;font-weight:800;cursor:pointer}.hero-actions .primary{background:var(--ice);color:#03213a}.hero-actions .secondary{border:1px solid #396b8c;background:transparent;color:#fff}.hero-points{margin:42px 0 0;padding:0;display:flex;gap:24px;list-style:none;color:#8eaabc;font-size:.72rem}.hero-points li{display:flex;align-items:center;gap:7px}.hero-points b{color:var(--ice);font-size:.58rem}.hero-visual{min-height:500px;display:grid;place-items:center;position:relative}.cold-ring{position:absolute;border:1px solid rgba(56,197,255,.3);border-radius:50%}.ring-one{width:480px;height:480px}.ring-two{width:350px;height:350px;border-style:dashed;transform:rotate(20deg)}.technical-card{width:min(410px,88%);aspect-ratio:.82;padding:38px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(121,216,255,.5);border-radius:30px;background:linear-gradient(160deg,rgba(25,108,160,.55),rgba(3,17,31,.9)),repeating-linear-gradient(90deg,transparent 0 29px,rgba(108,213,255,.05) 30px);box-shadow:0 45px 120px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.12);position:relative;z-index:1;transform:rotate(4deg)}.technical-card>span{color:var(--ice-2);font-size:.62rem;font-weight:800;letter-spacing:.18em}.technical-card strong{margin:13px 0 30px;font:700 clamp(1.7rem,3.3vw,2.6rem)/1 "Space Grotesk",sans-serif}.technical-card small{color:#6fabc9;font-size:.55rem;letter-spacing:.15em}.gauge{height:9px;margin-bottom:22px;border-radius:99px;background:#0a2b43;overflow:hidden}.gauge i{width:76%;height:100%;display:block;background:linear-gradient(90deg,var(--ice),#fff)}
.catalog{padding:90px clamp(16px,5vw,72px);background:#f3f8fb;color:#092136}.section-heading{display:grid;grid-template-columns:1fr minmax(280px,480px);gap:40px;align-items:end}.section-heading h2{margin-bottom:0;font-size:clamp(2.7rem,5.6vw,5.6rem)}.section-heading p{margin:0;color:#587184}.catalog-tools{margin-top:42px;padding:18px;display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:16px;align-items:center;border:1px solid #c8d9e3;border-radius:17px;background:#fff;box-shadow:0 16px 50px rgba(12,41,59,.08)}.search-box{height:54px;padding:0 15px;display:flex;align-items:center;gap:11px;border:1px solid #bdd3df;border-radius:10px;background:#f7fbfd}.search-box>span:first-child{color:#197fb4;font-size:1.6rem}.search-box input{width:100%;border:0;outline:0;background:transparent;color:#092136}.search-box kbd{padding:4px 6px;border:1px solid #cad9e1;border-radius:5px;background:#fff;color:#7a909e;font-size:.55rem}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{padding:9px 11px;border:1px solid #c2d5e0;border-radius:999px;background:#fff;color:#315066;font-size:.7rem;font-weight:800;cursor:pointer}.filters button.active{border-color:#0e74bd;background:#092d4a;color:#fff}.catalog-status{min-height:54px;display:flex;align-items:center;gap:14px;color:#526b7c;font-size:.73rem}.catalog-status button,.empty-state button{border:0;background:transparent;color:#0876b5;font-weight:800;cursor:pointer}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{min-width:0;overflow:hidden;border:1px solid #cfdee7;border-radius:16px;background:#fff;box-shadow:0 12px 36px rgba(15,49,70,.07);transition:.22s transform,.22s box-shadow}.product-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(15,49,70,.13)}.product-art{height:190px;padding:18px;display:flex;align-items:flex-end;justify-content:space-between;background:radial-gradient(circle at 75% 25%,rgba(94,211,255,.4),transparent 32%),linear-gradient(145deg,#071a2c,#0a3859);color:#dff8ff;position:relative;overflow:hidden}.product-art::before{content:"";width:135px;height:135px;position:absolute;right:-25px;top:-26px;border:24px solid rgba(72,199,255,.18);border-radius:50%}.product-art b{font:700 clamp(2.5rem,4vw,4.5rem)/1 "Space Grotesk",sans-serif;letter-spacing:-.08em;position:relative}.product-art small{max-width:90px;text-align:right;color:#83cfee;font-size:.54rem;font-weight:800;letter-spacing:.11em;position:relative}.product-copy{padding:18px}.product-copy>span{color:#177cb1;font-size:.58rem;font-weight:800;letter-spacing:.11em}.product-copy h3{min-height:48px;margin:8px 0 6px;font:700 1rem/1.2 "Space Grotesk",sans-serif}.product-copy p{min-height:39px;margin:0;color:#6d8493;font-size:.7rem}.product-meta{margin:15px 0;display:flex;justify-content:space-between;align-items:center;color:#637c8c;font-size:.64rem}.product-meta strong{color:#163f5a}.add-button{width:100%;padding:11px;border:1px solid #0e74bd;border-radius:8px;background:#0e74bd;color:#fff;font-size:.72rem;font-weight:800;cursor:pointer}.add-button:hover{background:#095d99}.add-button.added{border-color:#158550;background:#e2f8ec;color:#11643d}.empty-state{padding:70px 20px;text-align:center;border:1px dashed #afc8d7;border-radius:16px;background:#fff}.empty-state strong{font-size:1.2rem}.empty-state p{color:#6a8291}
.steps{padding:90px clamp(16px,5vw,72px);background:#061625}.steps .section-heading h2{font-size:clamp(2.7rem,5.2vw,5.3rem)}.steps .section-heading p{color:#91adbf}.steps ol{margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);list-style:none}.steps li{min-height:210px;padding:28px;border-right:1px solid var(--line)}.steps li:last-child{border-right:0}.steps li>span{color:var(--ice);font-size:.63rem;font-weight:800}.steps li strong{margin:48px 0 8px;display:block;font:700 1.45rem "Space Grotesk",sans-serif}.steps li p{margin:0;color:#8da9bb;font-size:.78rem}.demo-cta{padding:110px max(18px,10vw);text-align:center;background:radial-gradient(circle at 50% 0,rgba(36,179,242,.22),transparent 45%),#020d18}.demo-cta h2{max-width:950px;margin:20px auto;font-size:clamp(3rem,6vw,6rem)}.demo-cta p{max-width:690px;margin:0 auto;color:#93adbe}.demo-cta a{margin-top:30px;padding:15px 20px;display:inline-block;border-radius:8px;background:var(--orange);color:#081722;font-weight:800}footer{padding:24px clamp(16px,5vw,72px);display:flex;justify-content:space-between;border-top:1px solid var(--line);color:#7794a8;font-size:.66rem;font-weight:700;letter-spacing:.06em}
.drawer-backdrop{position:fixed;inset:0;z-index:70;background:rgba(0,7,13,.72);backdrop-filter:blur(5px)}.cart-drawer{width:min(470px,100%);height:100dvh;padding:24px;display:flex;flex-direction:column;position:fixed;z-index:80;top:0;right:0;background:#f8fbfd;color:#092136;box-shadow:-30px 0 80px rgba(0,0,0,.35);transform:translateX(105%);transition:.28s transform}.cart-drawer.open{transform:none}.cart-head{padding-bottom:18px;display:flex;align-items:flex-start;border-bottom:1px solid #cfdee6}.cart-head span{color:#1479ad;font-size:.58rem;font-weight:800;letter-spacing:.13em}.cart-head h2{margin:2px 0 0;font:700 2rem "Space Grotesk",sans-serif}.cart-head button{margin-left:auto;width:38px;height:38px;border:1px solid #c7d7e0;border-radius:50%;background:#fff;color:#315164;font-size:1.5rem;cursor:pointer}.cart-items{overflow:auto}.cart-item{padding:16px 0;display:grid;grid-template-columns:1fr auto;gap:12px;border-bottom:1px solid #d7e3e9}.cart-item span{color:#6b8290;font-size:.62rem}.cart-item strong{display:block;font-size:.84rem}.quantity{display:flex;align-items:center;gap:7px}.quantity button{width:28px;height:28px;border:1px solid #bdd1dc;border-radius:6px;background:#fff;color:#153e58;font-weight:800;cursor:pointer}.remove-item{grid-column:1/-1;width:max-content;padding:0;border:0;background:transparent;color:#a8483b;font-size:.62rem;font-weight:800;cursor:pointer}.cart-empty{margin:auto;padding:60px 24px;text-align:center}.cart-empty>span{width:58px;height:58px;margin:auto;display:grid;place-items:center;border:1px solid #bdd5e1;border-radius:50%;color:#1685bc;font-size:2rem}.cart-empty strong{margin-top:16px;display:block}.cart-empty p{color:#708795;font-size:.76rem}.cart-summary{margin-top:auto;padding-top:18px;border-top:1px solid #cadbe4}.cart-summary>div{padding:6px 0;display:flex;justify-content:space-between;color:#5d7483;font-size:.72rem}.cart-summary>div strong{color:#0c2d44}.whatsapp-button{width:100%;margin-top:15px;padding:15px;border:0;border-radius:9px;background:var(--green);color:#052b18;font-weight:800;cursor:pointer}.cart-summary small{margin-top:9px;display:block;color:#718896;font-size:.6rem;text-align:center}.clear-cart{width:100%;margin-top:10px;padding:8px;border:0;background:transparent;color:#9a463d;font-size:.66rem;font-weight:800;cursor:pointer}.toast{max-width:min(360px,calc(100% - 28px));padding:12px 15px;position:fixed;z-index:100;left:50%;bottom:22px;border:1px solid #3d7998;border-radius:9px;background:#061b2b;color:#fff;box-shadow:var(--shadow);font-size:.72rem;font-weight:700;opacity:0;pointer-events:none;transform:translate(-50%,20px);transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr}.hero-visual{min-height:420px}.section-heading{grid-template-columns:1fr}.catalog-tools{grid-template-columns:1fr}.steps ol{grid-template-columns:repeat(2,1fr)}.steps li:nth-child(2){border-right:0}.steps li:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:680px){.demo-strip{padding:7px 10px;justify-content:flex-start;flex-wrap:wrap;gap:5px 8px}.demo-strip span{font-size:.58rem}.demo-strip a{width:100%;margin-left:0}.site-header{height:68px;padding-inline:12px}.cf-brand span:last-child{font-size:.82rem}.cf-brand small{font-size:.4rem}.site-header nav>a{display:none}.site-header nav{gap:8px}.hero{min-height:auto;padding:62px 16px 55px;gap:18px}.hero h1{font-size:3.4rem}.hero-points{display:grid;gap:8px}.hero-visual{min-height:360px}.ring-one{width:350px;height:350px}.ring-two{width:270px;height:270px}.technical-card{padding:28px}.catalog,.steps{padding:70px 12px}.section-heading h2{font-size:3rem}.catalog-tools{padding:10px}.filters{overflow:auto;flex-wrap:nowrap;padding-bottom:3px}.filters button{flex:0 0 auto}.product-grid{grid-template-columns:1fr;gap:12px}.product-art{height:180px}.steps ol{grid-template-columns:1fr}.steps li{min-height:150px;border-right:0;border-bottom:1px solid var(--line)}.steps li:last-child{border-bottom:0}.steps li strong{margin-top:24px}.demo-cta{padding:80px 16px}.demo-cta h2{font-size:3.2rem}footer{display:grid;gap:8px;text-align:center}.cart-drawer{padding:18px}.search-box kbd{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
