@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;650;700;800&display=swap');
:root{--navy:#071f36;--blue:#135fe7;--ice:#a6d7ff;--ink:#102b43;--muted:#607487;--line:#d8e1e9;--paper:#f4f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #63b9ff;outline-offset:4px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h2{font-size:42px;line-height:1.2;letter-spacing:-1.5px;font-weight:600}p{line-height:1.75}.preview{padding:8px 4.5%;background:#e8eef4;display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1.2px;color:#53697b}header{height:96px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff}header .brand{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:23px;letter-spacing:1px;font-weight:800}.brand svg{width:38px;height:42px;fill:none;stroke:var(--blue);stroke-width:1.8}.brand small{font:9px 'DM Sans',sans-serif;letter-spacing:3.1px;display:block;margin-top:5px}nav{display:flex;gap:32px;font-size:13px}nav a:hover{color:var(--blue)}.header-actions{display:flex;gap:20px;align-items:center}.language{background:none;font-size:11px;color:var(--muted)}.button{background:var(--blue);color:#fff;border-radius:3px;padding:17px 23px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:13px;transition:background .2s,transform .2s}.button:hover{background:#084ac0;transform:translateY(-2px)}.button.small{font-size:12px;padding:13px 16px}#count{border:1px solid #ffffff50;border-radius:3px;min-width:20px;text-align:center;padding:1px}.hero{position:relative;display:grid;grid-template-columns:1.03fr 1fr;background:var(--navy);color:#fff;overflow:hidden;min-height:590px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#97c8fa08 1px,transparent 1px),linear-gradient(90deg,#97c8fa08 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-copy{padding:75px 0 34px 9%;position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#a4c6e6;margin-bottom:25px;display:flex;align-items:center;gap:9px}.eyebrow i{width:6px;height:6px;background:#68b9ff;border-radius:50%}.eyebrow.dark{color:#3a6b98;margin-bottom:20px}h1{font-size:clamp(40px,4.6vw,72px);font-weight:500;line-height:1.13;letter-spacing:-3px}em{font-style:normal;color:var(--ice)}.hero-copy>p{max-width:430px;color:#a4b8cb;font-size:14px;margin-top:25px}.hero-buttons{display:flex;gap:26px;align-items:center;margin-top:31px}.text-button{font-size:12px;border-bottom:1px solid #829bb4;padding:9px 0}.hero-bottom{display:flex;gap:28px;margin-top:65px;font-size:9px;letter-spacing:1px;color:#88a5c0}.hero-bottom span+span{letter-spacing:0;color:#8fabc3}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 50%,#407aab55,transparent 68%)}.hero-art img{position:relative;width:110%;max-width:760px;filter:drop-shadow(0 34px 25px #0007);transform:translate(-2%,7%)}.art-label{position:absolute;top:58px;right:9%;font-size:9px;letter-spacing:2.2px;writing-mode:vertical-rl;color:#7496b6}.orbit{position:absolute;border:1px solid #a7d6ff18;border-radius:50%;width:410px;height:410px;transform:rotate(-20deg) scaleX(1.1)}.o2{width:520px;height:520px}.art-caption{position:absolute;bottom:33px;left:13%;right:9%;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1px;color:#b9d6ed}.art-caption small{margin-left:auto;color:#6485a3;font-size:8px}.cross{font-size:26px;color:#69acdf}.category-strip{padding:26px 4.5%;display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);background:#eaf0f5;font-size:12px}.category-strip>span{font-size:9px;letter-spacing:1.5px;color:#7b8a98}.section{padding:78px 4.5%}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px;gap:35px}.section-top>p{max-width:370px;font-size:13px;color:var(--muted)}.catalog-tools{display:flex;justify-content:space-between;gap:20px;margin-bottom:25px;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:25px;overflow-x:auto}.tabs button{color:var(--muted);background:none;padding:13px 0 20px;font-size:12px;border-bottom:2px solid transparent;white-space:nowrap}.tabs button.active{color:var(--blue);border-color:var(--blue)}.search{display:flex;align-items:center;gap:8px;margin:0 0 10px!important}.search span{font-size:24px}.search input{width:150px;border:0!important;background:transparent;padding:5px!important;font-size:12px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{background:#fff;border:1px solid #e0e6ed;border-radius:4px;overflow:hidden}.product-image{height:220px;background:radial-gradient(ellipse,#fff,#e9eef3);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image img{width:108%;filter:drop-shadow(0 13px 8px #20394e22)}.product-image .num{position:absolute;top:15px;left:17px;color:#8299ad;font-size:9px;letter-spacing:1px}.product-image .tag{position:absolute;bottom:12px;left:16px;font-size:8px;letter-spacing:1px;color:#7d8e9d}.product-info{padding:21px 18px 16px}.product-info .sub{font-size:9px;color:#7890a5;letter-spacing:1.5px}.product-info h3{font-size:19px;margin:8px 0 10px;font-weight:600;letter-spacing:-.5px}.product-info p{font-size:12px;color:var(--muted);min-height:65px}.product-info .params{border-top:1px solid #e8edf1;margin-top:16px;padding-top:12px;font-size:10px;color:#7b8b9a;display:flex;justify-content:space-between}.product-actions{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.detail-btn{background:transparent;padding:0;color:var(--blue);font-size:11px}.add-btn{width:29px;height:29px;border:1px solid #d9e5f3;background:#f4f8fc;color:var(--blue);font-size:20px}.compare-label{display:flex;gap:5px;align-items:center;font-size:10px;color:#6c8092;margin-top:12px}.compare-label input{width:auto!important}.catalog-note{display:flex;gap:10px;font-size:11px;color:#748494;margin-top:22px;line-height:1.6}.selection{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:72px 5%;color:#fff;background:#0a2945}.selection-copy{padding:18px 0}.selection h2{font-size:44px;line-height:1.25}.selection-copy>p{font-size:13px;color:#9fb6cb;max-width:360px;margin-top:25px}.selection-line{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:47px;font-size:10px;color:#a2bdd5}.selection-line>span:nth-child(3n+1){color:#58a8ff}.selection-form{background:#fff;padding:30px;color:var(--ink);border-radius:4px}.form-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.form-title h3{font-size:21px;letter-spacing:-.6px}.form-title>span{font-size:9px;color:#9aabb9}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{display:block;font-size:11px;color:#627487;margin-bottom:15px}label>span{display:block;margin-bottom:7px}input,select,textarea{width:100%;color:#17334d;background:#f8fafc;border:1px solid #dfe7ed;border-radius:3px;padding:11px;font-size:12px;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #80b7ff;outline-offset:1px}.selection-form .button{width:100%;padding:14px}.form-note{font-size:10px;color:#83909b;line-height:1.6;margin-top:13px}#brief-result{background:#edf5ff;color:#254d79;padding:15px;font-size:12px;white-space:pre-line;margin-top:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;border-top:1px solid var(--line);padding-top:30px}.steps article>span{font-size:10px;letter-spacing:1px;color:#4583ba}.steps h3{font-size:21px;font-weight:600;margin:20px 0 12px}.steps p{font-size:13px;color:var(--muted);max-width:320px}.closing{margin:10px 4.5% 65px;background:linear-gradient(115deg,#0d57cc,#1a70ea);padding:48px 5%;color:#fff;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;border-radius:4px;gap:25px}.closing:after{content:'';position:absolute;right:15%;width:350px;height:350px;border:1px solid #fff2;border-radius:50%;pointer-events:none}.closing span{font-size:9px;letter-spacing:2px;color:#c5deff}.closing h2{font-size:38px;margin-top:18px}.button.light{background:#fff;color:#115ccc;z-index:1}footer{border-top:1px solid var(--line);padding:34px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;color:#788a9c}.footer-brand{font-size:18px;letter-spacing:1px;font-weight:800;color:#1d3c58}.footer-brand span{display:block;font-size:8px;font-weight:400;letter-spacing:2.6px;margin-top:5px}dialog{width:min(760px,92vw);border:0;border-radius:8px;padding:40px;max-height:88vh;overflow:auto;color:var(--ink);box-shadow:0 30px 100px #061f3550}dialog::backdrop{background:#031628b0;backdrop-filter:blur(5px)}dialog h2{font-size:30px;margin-bottom:23px}.close{position:absolute;right:15px;top:10px;font-size:28px;background:none;color:#577086}#detail-content img{height:210px;width:100%;object-fit:contain;background:#eff4f8;margin-bottom:25px}.spec-table{width:100%;border-collapse:collapse;margin:22px 0;font-size:12px}.spec-table th,.spec-table td{text-align:left;padding:13px;border-bottom:1px solid var(--line);vertical-align:top}.spec-table th{font-weight:500;color:#6b8196}.quote-item{display:flex;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.quote-item input{width:65px}.quote-item .remove{color:#a24d4d;background:none}.quote-item .item-name{flex:1}#quote-items{margin-bottom:25px}#quote-items p{font-size:13px;color:var(--muted);padding-bottom:18px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 23px;background:#0c2c47;color:#fff;font-size:12px;z-index:10;box-shadow:0 8px 24px #0003;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}#compare-panel{margin-top:25px;background:white;padding:20px;overflow-x:auto}#compare-panel h3{font-size:20px}#download-status{font-size:12px;color:#267255;margin-top:14px}[hidden]{display:none!important}@media(min-width:1600px){header,.preview,.section,.category-strip,footer{padding-left:max(4.5%,calc((100vw - 1450px)/2));padding-right:max(4.5%,calc((100vw - 1450px)/2))}.hero-copy{padding-left:max(9%,calc((100vw - 1450px)))}.hero{min-height:670px}}@media(max-width:1100px){nav{gap:18px}.header-actions{gap:10px}header .brand{font-size:20px}.hero-copy{padding-top:65px}.hero-buttons{gap:18px}.hero-bottom{flex-direction:column;gap:9px}h1{font-size:51px}.product-grid{grid-template-columns:repeat(2,1fr)}.product-image{height:250px}.product-image img{height:100%;width:100%;object-fit:contain}.tabs{gap:20px}.catalog-tools{flex-direction:column;gap:0}.search{max-width:240px}.selection{gap:4%}.selection h2{font-size:36px}.selection-form{padding:24px}.selection-line{gap:8px}.category-strip{font-size:10px}.section-top>p{max-width:300px}}@media(max-width:760px){.preview{font-size:7px;letter-spacing:.5px}.preview>span:first-child{display:none}header{height:80px;padding:0 5%;gap:10px}nav{display:none}.brand svg{width:28px}header .brand{font-size:16px;gap:6px}.brand small{font-size:7px;letter-spacing:1.6px}.header-actions{gap:8px}.button.small{padding:10px;font-size:10px;gap:5px}.language{font-size:9px;padding:0}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 6% 15px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:24px}h1{font-size:48px;letter-spacing:-2.5px}.hero-copy>p{font-size:13px;max-width:360px}.hero-buttons{gap:20px;margin-top:25px}.hero-bottom{margin-top:32px;flex-direction:row;font-size:7px;gap:15px}.hero-art{height:340px}.hero-art img{width:100%;height:100%;object-fit:contain;transform:translateY(-3%)}.art-label{top:18px;font-size:7px}.orbit{width:260px;height:260px}.o2{width:320px;height:320px}.art-caption{bottom:19px;left:6%;right:6%;font-size:8px}.category-strip{padding:20px 6%;display:grid;grid-template-columns:1fr 1fr;gap:18px}.category-strip>span{grid-column:1/-1}.section{padding:50px 6%}h2{font-size:33px;letter-spacing:-1px}.section-top{display:block;margin-bottom:25px}.section-top>p{max-width:none;margin-top:20px;font-size:12px}.product-grid{gap:12px}.product-image{height:155px}.product-info{padding:16px 12px}.product-info h3{font-size:16px}.product-info p{font-size:11px;min-height:75px}.product-info .sub{font-size:7px}.product-info .params{font-size:8px}.product-actions{gap:5px}.detail-btn{font-size:10px}.product-image .tag{font-size:6px}.tabs{gap:22px}.tabs button{font-size:11px}.selection{grid-template-columns:1fr;padding:45px 6%;gap:25px}.selection h2{font-size:35px}.selection-copy>p{max-width:none}.selection-line{margin-top:25px}.selection-form{padding:23px 18px}.form-grid{gap:12px}.steps{grid-template-columns:1fr;gap:30px}.steps h3{margin-top:12px}.steps p{max-width:none}.closing{margin:0 6% 40px;padding:30px 24px;align-items:start;flex-direction:column}.closing h2{font-size:31px}.closing .button{margin-top:5px}footer{padding:30px 6%;display:grid;grid-template-columns:1fr 1fr}footer p{grid-column:1/-1;grid-row:2}footer>span{font-size:9px}footer>a:last-child{text-align:right}dialog{padding:35px 20px}dialog h2{font-size:26px}.quote-item{gap:9px;font-size:11px}.quote-item input{width:53px}.spec-table th,.spec-table td{padding:10px 8px}}
