@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#102c52;--green:#a9dcff;--paper:#f7f9fc;--muted:#63748b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #2686c1;outline-offset:5px}.topbar{background:var(--ink);color:#d8e7f7;padding:10px 5%;font-size:10px;letter-spacing:1.5px;display:flex;justify-content:space-between}.topbar span{letter-spacing:.3px}header{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid #dde5ef}.brand{display:flex;gap:10px;align-items:center;font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:700;letter-spacing:-1px}.brand small{display:block;font-size:10px;letter-spacing:5px;margin-top:1px}.mark{height:42px;width:42px;background:var(--ink);color:var(--green);display:grid;place-items:center;font-size:30px;position:relative}.mark span{position:absolute;right:1px;top:0;font-size:14px}nav{display:flex;gap:32px;font-size:13px}nav a:hover{color:#2686c1}.contact{border:1px solid #b9cadd;padding:13px 17px;border-radius:5px;font-size:12px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:640px;overflow:hidden}.hero-copy{padding:65px 7% 28px 10%}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;display:flex;align-items:center;gap:8px}.eyebrow i{width:7px;height:7px;background:#429bd0;border-radius:50%}h1,h2{font-family:'Space Grotesk',Arial,sans-serif;font-weight:500;letter-spacing:-3px;line-height:1.02}h1{font-size:clamp(48px,5.6vw,82px);margin:25px 0}em{font-style:normal;color:#2f86b9}.hero-copy p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:28px}.button{background:var(--ink);color:white;display:inline-flex;gap:45px;padding:17px 23px;border-radius:4px;font-size:13px}.button span{color:var(--green)}.button:hover{background:#194777}.hero-meta{display:flex;justify-content:space-between;border-top:1px solid #dbe5ef;margin-top:45px;padding-top:20px;font-size:8px;letter-spacing:1px}.hero-stage{background:#e7f1fa;position:relative;display:grid;place-items:center;perspective:1000px;min-width:0;background-image:linear-gradient(#b7d0e34a 1px,transparent 1px),linear-gradient(90deg,#b7d0e34a 1px,transparent 1px);background-size:48px 48px}.orbit{position:absolute;width:440px;height:440px;border:1px solid #b8d0e5;border-radius:50%;box-shadow:0 0 0 48px #d5e8f750,0 0 0 49px #b8d0e560}.stage-label{position:absolute;left:35px;top:34px;font-size:10px;letter-spacing:2px;line-height:1.6}.hero-product{position:relative;width:68%;transform:rotate(-8deg);background:white;padding:16px 16px 36px;box-shadow:18px 28px 55px #153f6830;animation:float 7s ease-in-out infinite;border-radius:8px}.hero-product img{display:block;width:100%;max-height:360px;object-fit:contain}.image-tag{font-size:9px;letter-spacing:2px;position:absolute;bottom:13px;left:20px}.price-tag{position:absolute;right:6%;bottom:40px;background:var(--ink);color:white;padding:20px 25px;transform:rotate(3deg);border-radius:5px;box-shadow:10px 12px 20px #102c5220}.price-tag small{font-size:11px}.price-tag strong{display:block;font-family:'Space Grotesk';font-size:42px;font-weight:500;color:var(--green);margin:6px 0}.price-tag strong span{font-size:20px}.price-tag a{font-size:10px}.vertical{position:absolute;right:16px;top:130px;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px}.benefits{padding:27px 5%;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dce6f0;border-bottom:1px solid #dce6f0;gap:20px}.benefits>div{display:flex;gap:15px;align-items:center}.benefits b{font-size:27px;font-weight:400}.benefits span{font-size:12px}.benefits small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.section{padding:85px 5%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}h2{font-size:44px;margin:18px 0 0;letter-spacing:-1.8px}.section-heading h2 span{color:#6c8199}.section-heading p{font-size:12px;color:var(--muted);line-height:1.8}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{border:1px solid #dbe4ee;background:transparent;padding:11px 17px;font-size:11px;border-radius:30px;color:var(--ink)}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}sup{font-size:8px;color:#b2e0ff;margin-left:8px}.search{font-size:24px;display:flex;gap:10px;align-items:center;border-bottom:1px solid #b8ccdf}.search input{background:none;border:0;padding:10px 0;width:175px;font-size:12px;outline:none}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px}.product{min-width:0}.product-photo{background:#fff;border:1px solid #e1e8f1;border-radius:5px;height:270px;position:relative;overflow:hidden;display:block;width:100%;padding:20px;transition:transform .3s,box-shadow .3s}.product-photo img{height:100%;width:100%;object-fit:contain;transition:transform .5s}.product-photo:hover img{transform:scale(1.06)}.product-photo:hover{transform:translateY(-5px);box-shadow:0 15px 35px #163c6810}.product-photo span{position:absolute;bottom:12px;right:12px;background:var(--paper);border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.product-category{font-size:8px;letter-spacing:1.5px;color:#607c99;margin:18px 0 8px;text-transform:uppercase}.product h3{font-size:15px;font-weight:500;margin:0 0 10px;line-height:1.4;min-height:42px}.product .excerpt{font-size:11px;line-height:1.7;color:var(--muted);height:55px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.read{border:0;background:transparent;padding:5px 0;font-size:10px;text-decoration:underline;color:var(--ink)}.product-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dce6f1;margin-top:14px;padding-top:13px}.product-bottom strong{font:500 22px 'Space Grotesk'}.buy{font-size:10px}.buy:hover{text-decoration:underline}.catalog-note{font-size:10px;color:var(--muted);margin-top:35px;display:flex;justify-content:space-between;gap:15px}.promotions{background:var(--ink);color:#f4f6ee}.promotions em{color:var(--green)}.promotions .section-heading p{color:#b6cde3}.promotions .eyebrow{color:var(--green)}.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.promo{background:#193c65;border:1px solid #365a7f;border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.promo img{width:100%;height:215px;object-fit:contain;background:white}.promo p{font-size:13px;line-height:1.7;padding:0 20px;flex:1}.promo a{font-size:11px;color:var(--green);padding:0 20px 20px}.delivery{display:grid;grid-template-columns:1fr 1fr;gap:65px}.delivery p{font-size:13px;color:var(--muted);line-height:1.9}.delivery .button{margin-top:20px}details{border-bottom:1px solid #cbdbea}summary{list-style:none;display:flex;align-items:center;gap:25px;padding:22px 0;cursor:pointer;font-size:10px;color:#69829d}summary::-webkit-details-marker{display:none}summary b{font-size:15px;font-weight:500;color:var(--ink);flex:1}summary span{font-size:20px}details p{padding:0 15px 18px 40px}.closing{background:var(--green);text-align:center;padding:65px 20px}.closing p{font-size:10px;letter-spacing:2px}.closing h2{font-size:64px;margin:20px}.closing a{display:inline-block;font-size:13px;border-bottom:1px solid;padding:15px}footer{padding:40px 5%;display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:10px;line-height:1.8}footer .brand{font-size:20px;display:block}footer .brand small{font-size:8px}.floating{position:fixed;right:25px;bottom:22px;background:var(--ink);color:var(--green);padding:13px 18px;border:1px solid #8bbce3;border-radius:30px;box-shadow:0 4px 20px #102c5220;font-size:18px;z-index:5}.floating span{font-size:11px;margin-left:6px}dialog{border:0;border-radius:10px;width:min(850px,92vw);padding:40px;background:var(--paper);color:var(--ink);max-height:85vh}dialog::backdrop{background:#0c213dbb;backdrop-filter:blur(5px)}.close{position:absolute;right:15px;top:15px;border:0;background:none;font-size:20px}#detail-content{display:grid;grid-template-columns:1fr 1fr;gap:30px}#detail-content img{width:100%;max-height:460px;object-fit:contain}#detail-content h2{font-size:30px}#detail-content p{font-size:13px;line-height:1.9}#detail-content strong{font-size:28px;display:block;margin:20px 0}#detail-content small{display:block;margin:12px 0;color:var(--muted)}@keyframes float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-13px) rotate(-5deg)}}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1000px){nav{gap:15px}.contact{font-size:10px}.hero-copy{padding-top:45px}.hero{min-height:570px}.orbit{width:320px;height:320px}.product-grid{grid-template-columns:repeat(3,1fr)}.product-photo{height:240px}.hero-meta{gap:15px}.benefits{grid-template-columns:repeat(2,1fr)}.promo-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.topbar{font-size:8px}.topbar span{font-size:8px;letter-spacing:0}header{height:78px;flex-wrap:wrap}.brand{font-size:20px}.mark{width:34px;height:34px}nav{order:3;width:100%;justify-content:center;gap:30px;padding:12px;font-size:10px;background:var(--paper);z-index:2}.contact{font-size:9px;padding:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6% 25px}h1{font-size:58px}.hero-copy p{font-size:12px}.hero-meta{margin-top:28px}.hero-stage{min-height:430px}.hero-product{width:58%;max-width:290px}.hero-product img{max-height:260px}.price-tag{bottom:20px}.stage-label{font-size:8px}.benefits{padding:25px 6%;gap:25px}.benefits span{font-size:10px}.benefits small{font-size:9px}.section{padding:55px 6%}.section-heading{display:block}h2{font-size:34px}.section-heading p{margin-top:20px}.toolbar{align-items:start;flex-direction:column}.filters{gap:5px}.filters button{font-size:10px;padding:10px 12px}.search{width:100%}.search input{width:100%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.product-photo{height:190px;padding:10px}.product h3{font-size:13px;min-height:38px}.product-bottom{align-items:start;gap:10px}.product-bottom strong{font-size:20px}.buy{font-size:9px}.promo-grid{gap:15px}.promo img{height:160px}.promo p{padding:0 12px;font-size:11px}.promo a{padding:0 12px 15px;font-size:10px}.delivery{grid-template-columns:1fr;gap:30px}.catalog-note{display:block;line-height:2}.catalog-note a{display:block}.closing h2{font-size:45px}footer{flex-wrap:wrap;padding:35px 6%}footer>div{width:100%}.floating span{display:none}.floating{right:15px;bottom:15px;padding:12px 16px}#detail-content{grid-template-columns:1fr}dialog{padding:30px 22px}#detail-content img{max-height:230px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
