@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--black:#10233c;--green:#1876e8;--soft:#f5f8fc;--line:#dce5f0;--muted:#5d6d81}
body{background:#f5f8fc;color:#10233c;font-family:Manrope,'DM Sans',Arial,sans-serif}
.wrap{width:min(1280px,calc(100% - 64px))}
.announcement{height:30px;background:#071a31;color:#bad7f8;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;letter-spacing:2px}
.header{height:80px;background:#fff;border-bottom:1px solid #e1e9f2;box-shadow:0 3px 18px #001c3610}
.nav{gap:32px}.nav nav{gap:32px;font-size:13px;color:#3d5067}.nav nav a:hover{color:#1575e9}
.brand{display:inline-flex;gap:11px;align-items:center;font:800 22px Manrope,Arial,sans-serif;letter-spacing:-1px}
.brand-mark{height:38px;width:38px;border-radius:11px;background:#1375eb;color:white;display:inline-flex;align-items:center;justify-content:center;font-size:18px;letter-spacing:-3px;box-shadow:0 7px 17px #0b70e340}
.brand-mark span{font-size:11px;align-self:end;margin-bottom:9px;margin-left:1px}.brand-accent{color:#1375eb}.brand .dash,.brand .dot,.brand .wheel{display:none}
.cart-open{background:#eff6ff;color:#123b6a;border:1px solid #cfe5ff;padding:12px 18px;border-radius:11px;font-size:12px}.cart-open>span:first-child{font-size:17px}
.hero{position:relative;display:block;min-height:690px;background:radial-gradient(circle at 75% 42%,#194d8a 0,#0a2f5a 30%,#061c38 70%);color:#fff;overflow:visible}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#071a36 5%,transparent 65%);pointer-events:none}
.hero-layout{position:relative;display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:auto auto;gap:0 50px;align-items:center;padding-top:65px;padding-bottom:72px}
.hero-copy{padding-bottom:125px;z-index:1}.hero .eyebrow{display:inline-block;border:1px solid #4d85c6;border-radius:30px;padding:9px 15px;color:#a9d3ff;font:800 10px Manrope,Arial,sans-serif;letter-spacing:2px}
.hero h1{font-size:clamp(48px,5.2vw,78px);line-height:1.07;letter-spacing:-3.8px;margin:24px 0 20px;max-width:730px;font-weight:800}
.hero h1 em{color:#58aeff;font-style:normal}.hero-copy>p{color:#d0ddec;font-size:17px;line-height:1.7;max-width:590px;margin:0}
.hero-trust{display:flex;gap:22px;flex-wrap:wrap;color:#d2e8ff;font-weight:700;font-size:12px;margin-top:26px}
.hero-visual{height:440px;min-height:0;border-radius:0;box-shadow:none;background:none;position:relative;overflow:visible;z-index:0;margin-bottom:100px}
.hero-visual:after{content:"";position:absolute;inset:-8px;background:radial-gradient(circle,#4b9bff33,transparent 65%);pointer-events:none}
.hero-orbit{position:absolute;inset:20px 0 0 5%;border:1px solid #4894e45c;border-radius:50%;transform:rotate(-18deg)}
.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 51%;border-radius:50%;clip-path:circle(47% at 50% 52%);mix-blend-mode:screen;filter:contrast(1.4) saturate(.45) brightness(.95);box-shadow:none}
.hero-search{grid-column:1/-1;background:white;color:#10233c;border-radius:18px;box-shadow:0 22px 60px #00172f42;padding:28px 30px 18px;margin-top:-128px;z-index:2;border:1px solid #e0e8f4}
.hero-search-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.search-kicker{color:#1677ed;font-size:10px;font-weight:800;letter-spacing:2px}
.hero-search h2{margin:4px 0 0;font-size:24px;letter-spacing:-.8px}.search-example{font-size:12px;color:#8492a4}
.source-control{margin-top:16px;font-size:11px;color:#61738a;gap:9px}.source-control select{padding:5px 7px;border-color:#dce5f0;background:#f8fbff;font-size:11px}.test-badge{background:#e8f2ff;color:#1a66b9;font:800 9px Manrope,Arial,sans-serif;letter-spacing:1px;padding:7px 10px}
.searchbox{margin-top:15px;padding:0;border:0;background:transparent;grid-template-columns:1fr 1fr 1fr auto;gap:12px}.field label{font:800 11px Manrope,Arial,sans-serif;letter-spacing:1px;color:#63758b}.field select{height:51px;border:1px solid #dce5f0;border-radius:9px;background:#fbfdff;font-weight:700;color:#153759}.searchbox .button{height:51px;border-radius:9px;background:#1376ed;color:#fff;box-shadow:0 8px 18px #1376ed32;padding:0 28px}
.popular{margin:16px 0 0;gap:8px}.popular b{font:700 11px Manrope,Arial,sans-serif;color:#62738a;margin-right:4px}.popular button{background:#eef5fe;color:#24527e;border-color:#d6e6fa;padding:6px 11px;font-size:11px}.popular button:hover{border-color:#1677ed}
.value-strip{background:#fff;border-bottom:1px solid #e2eaf4}.value-strip>.wrap{min-height:84px;display:flex;align-items:center;justify-content:space-around;gap:16px}.value-strip span{font-size:13px;font-weight:800;color:#304d6f}.value-strip b{color:#1677ed;margin-right:10px;font-size:12px}
.catalog{padding-top:78px;padding-bottom:90px}.catalog-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.catalog-heading .eyebrow{color:#1979ed;font:800 11px Manrope,Arial,sans-serif;letter-spacing:2px}.catalog h2{font-size:clamp(38px,4vw,56px);letter-spacing:-2.4px;margin:8px 0 3px}.catalog h2 span{color:#1376ed}.catalog .section-lead{font-size:15px;margin:0;color:#697b91}.catalog-size-link{font-size:12px;font-weight:800;color:#1572d5;white-space:nowrap;padding:13px 16px;border-radius:9px;background:#e8f2ff}
.notice{background:#eaf4ff;border-color:#c7defb;color:#315273;margin:18px 0}.filter-row{margin:23px 0}.filter-row select,.resultbar select{border-color:#dce5f0;background:white;color:#10233c}.resultbar{border-top:1px solid #dce5f0;padding-top:22px}.resultbar strong{font-size:18px}
.products{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.product{border:1px solid #e1e9f3;border-radius:15px;box-shadow:0 4px 15px #10365b0a}.product-image{height:218px;background:#f8fbff}.product-image img{object-fit:contain;padding:22px}.product-image span{background:#fff;color:#31618f;border:1px solid #dbe9f6}.product-body{padding:17px}.brandline{color:#1376e8;font:800 10px Manrope,Arial,sans-serif;letter-spacing:1px}.product h3{font-size:16px;line-height:1.4;min-height:45px}.product .spec{font-size:11px;color:#77879a}.labels span{border-color:#dce8f3;color:#425d7a}.price{font-size:22px;color:#102d50}.stock{color:#247d57}.add{background:#e8f2ff;color:#1369cf;border:1px solid #cce2fb}.add:hover{background:#1376ed;color:white}.add:disabled{background:#f2f5f9;color:#9aa9b9}
.benefits{margin-top:55px}.benefits>div{border-color:#dce5f0}.benefits p{color:#6b7b8d}
.service{background:#eaf3ff}.service-list article{border-color:#c6daef}.service-list p{color:#596b7e}.service .eyebrow{color:#1876e8}.service h2 span{color:#1876e8}
.button.lime{background:#1376ed;color:white}.faq{background:#f5f8fc}.faq p{color:#66798e}footer{background:#061a32}.footer-grid p{color:#aabdd2}.copyright{border-color:#285077}.demo-note{background:#0b2e54;color:#fff}
.checkout-wrap h1 span{color:#1477eb}.checkout-disabled,.delivery-box,.order-ref{background:#eaf3ff;color:#365574}.accept input{accent-color:#1876e8}.steps li[aria-current]{color:#1477eb;border-color:#1876e8}.success-mark{background:#1876e8;color:white}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#1477eb}
@media(max-width:1060px){.products{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:60px}}
@media(max-width:850px){.header{height:70px}.hero-layout{grid-template-columns:1fr;gap:0;padding-top:54px}.hero-copy{padding:0}.hero-visual{height:260px;width:min(420px,90%);margin:25px auto 0}.hero-search{margin-top:0}.hero h1{font-size:clamp(46px,7vw,66px)}.products{grid-template-columns:repeat(2,1fr)}.catalog{padding-top:60px}.catalog-heading{align-items:start}.value-strip>.wrap{min-height:70px}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.announcement{font-size:8px;letter-spacing:1px}.header{height:62px}.brand{font-size:18px}.brand-mark{height:31px;width:31px;font-size:15px}.brand-mark span{font-size:9px;margin-bottom:6px}.cart-open{font-size:0;padding:9px 11px}.cart-open>span:first-child{font-size:17px}.cart-open #cart-count{font-size:11px}.hero-layout{padding-top:38px;padding-bottom:34px}.hero h1{font-size:46px;letter-spacing:-2.5px}.hero-copy>p{font-size:14px}.hero-trust{font-size:10px;gap:10px}.hero-visual{height:195px}.hero-search{padding:20px 17px 15px;border-radius:13px}.hero-search-heading{display:block}.hero-search h2{font-size:19px}.search-example{display:block;margin-top:3px}.source-control{margin-top:10px}.searchbox{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:13px}.searchbox .button{grid-column:1/-1}.field select{height:45px}.value-strip>.wrap{min-height:62px;justify-content:space-between}.value-strip span{font-size:9px}.value-strip b{display:block;margin-bottom:2px}.catalog{padding-top:48px}.catalog-heading{display:block}.catalog h2{font-size:35px}.catalog-size-link{display:inline-block;margin-top:16px}.products{grid-template-columns:1fr}.product-image{height:240px}.demo-note{font-size:10px}}