:root{--teal:#078c9d;--teal2:#00a5a8;--navy:#051d4b;--navy2:#0b2c62;--text:#496275;--line:#d9e9ec;--ice:#effafa;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--navy);background:#f8fcfc;line-height:1.6}.topbar{background:var(--navy);color:#e8ffff;padding:8px 6%;font-size:11px;display:flex;justify-content:space-between}.header{height:84px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:50;box-shadow:0 4px 25px #051d4b12}.brand{width:200px;height:68px;display:block}.brand img{width:100%;height:100%;object-fit:contain}.header nav{display:flex;align-items:center;gap:22px}.header nav a{font-size:13px;font-weight:700;text-decoration:none;color:#3b5367}.header nav a:hover{color:var(--teal)}.nav-btn{background:var(--teal);color:#fff!important;padding:11px 15px;border-radius:9px}.menu{display:none;background:none;border:0;font-size:27px}.hero{min-height:620px;padding:70px 7%;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:radial-gradient(circle at 84% 44%,#c9f4f3,transparent 34%),linear-gradient(135deg,#fbffff,#e9f8f8);overflow:hidden}.tag{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--teal);margin-bottom:12px}.hero h1{font:800 clamp(50px,6vw,76px)/1.02 Poppins,Arial;letter-spacing:-3px;margin:0}.hero h1 span{color:var(--teal)}.hero p{font-size:17px;color:var(--text);max-width:600px;margin:22px 0 28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-block;border:0;border-radius:10px;padding:13px 20px;text-decoration:none;font-size:13px;font-weight:800;cursor:pointer}.primary{background:var(--teal);color:#fff;box-shadow:0 12px 26px #078c9d35}.outline{background:#fff;color:var(--teal);border:1px solid #9dd7d9}.trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:#5e7786;font-size:11px}.hero-visual{height:500px;position:relative;display:grid;place-items:center}.orb{position:absolute;border:1px solid #39bfc455;border-radius:50%}.orb.one{width:360px;height:360px;box-shadow:0 0 0 35px #d7f8f7}.orb.two{width:455px;height:455px}.drop{position:absolute;font-size:155px;opacity:.07}.tds-card{position:relative;z-index:2;width:300px;height:390px;border-radius:28px;background:#fff;box-shadow:0 30px 65px #051d4b28;padding:22px}.card-top{display:flex;justify-content:space-between;align-items:center;color:var(--teal);letter-spacing:2px;font-size:11px}.card-top span{font-size:8px;color:#6b7e8b;letter-spacing:1px}.meter{height:230px;display:grid;place-items:center}.meter-ring{width:175px;height:175px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,#fff 56%,transparent 57%),conic-gradient(var(--teal) 0 76%,#d9eeee 76% 100%);box-shadow:0 12px 35px #078c9d1c}.meter-ring strong{font:800 30px Poppins;color:var(--navy)}.meter-ring small{font-size:9px;letter-spacing:1.5px;color:var(--teal);font-weight:800}.card-note{text-align:center;color:#6a7e8c;font-size:12px}.float{position:absolute;right:0;bottom:8%;background:#fff;padding:13px 17px;border-radius:13px;box-shadow:0 15px 35px #051d4b1c;font-size:11px;color:#607687}.float b{color:var(--teal)}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;padding:27px 7%;border-bottom:1px solid var(--line)}.stats div{text-align:center;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats b{display:block;color:var(--teal);font-size:13px}.stats small{color:#6e8290}.section{padding:90px 7%}.tds-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.tds-intro h2,.heading h2,.solutions h2,.center h2,.about h2,.contact h2,.calculator h2{font:800 clamp(30px,4vw,45px)/1.15 Poppins;margin:0}.tds-intro p,.calculator>div>p{color:var(--text);margin:20px 0}.note{background:#e7f7f7;border-left:4px solid var(--teal);padding:13px 15px;color:#5c7180;font-size:11px;border-radius:0 9px 9px 0}.quick-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.quick-chips span,.recommend-tags span{padding:5px 9px;background:#e4f6f6;border-radius:20px;color:#167583;font-size:10px;font-weight:700}.checker{background:var(--navy);color:#fff;padding:30px;border-radius:22px;box-shadow:0 20px 50px #051d4b25}.checker h3{font:700 23px Poppins;margin:0 0 18px}.checker label{font-size:12px;color:#bcd2dc;display:block;margin-bottom:7px}.checker label span{opacity:.7}.input-row{display:grid;grid-template-columns:1fr auto;gap:9px}.input-row input{width:100%;padding:13px;border:0;border-radius:8px;font-size:16px}.result,.suggestion{margin-top:13px;border-radius:10px;padding:14px;background:#0c3165;font-size:12px}.suggestion{background:#063b50;border:1px solid #28b8bb55}.suggestion.hidden{display:none}.suggestion>span{font-size:9px;color:#8ff7f3;letter-spacing:1.5px;font-weight:800}.suggestion h4{font:700 20px Poppins;margin:5px 0;color:#fff}.suggestion p{color:#c5dce3;margin:0 0 10px}.recommend-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.suggestion-btn{display:inline-block;background:var(--teal2);color:#fff;text-decoration:none;padding:10px 13px;border-radius:8px;font-size:11px;font-weight:800}.book-link{background:none;border:0;color:#8ff7f3;font-size:11px;font-weight:800;margin-top:14px;cursor:pointer}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.heading>p{max-width:420px;color:#718595}.products{background:#fff}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 12px 35px #051d4b0c;transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #051d4b18}.icon{height:175px;display:grid;place-items:center;font-size:75px;background:linear-gradient(135deg,#d8f7f7,#f7ffff)}.icon.soft{background:linear-gradient(135deg,#e0f5ff,#e9ffff)}.icon.commercial{background:linear-gradient(135deg,#e8efff,#f8ffff)}.icon.uv{background:linear-gradient(135deg,#e9fff8,#f5ffff)}.icon.amc{background:linear-gradient(135deg,#f2f3ff,#fbffff)}.icon.test{background:linear-gradient(135deg,#e8faff,#fff)}.content{padding:22px}.content label{font-size:10px;color:var(--teal);font-weight:800;letter-spacing:1.5px}.content h3{font:700 20px Poppins;margin:5px 0}.content p{font-size:13px;color:#718595;min-height:55px}.learn{background:none;border:0;padding:0;color:var(--teal);font-size:13px;font-weight:800;cursor:pointer}.calculator{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:#effafa}.calc-box{background:#fff;border:1px solid var(--line);padding:28px;border-radius:20px;box-shadow:0 15px 40px #051d4b0c}.calc-box label{display:flex;justify-content:space-between;font-size:12px;color:#506978;margin:8px 0}.calc-box input[type=range]{width:100%;accent-color:var(--teal)}.calc-result{margin-top:18px;background:var(--navy);color:#fff;border-radius:12px;padding:18px;display:flex;flex-direction:column}.calc-result strong{font:800 28px Poppins;color:#8ff7f3}.calc-result span{font-size:11px;color:#b8d2de}.solutions{padding:90px 7%;background:var(--navy);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.solutions h2{color:#fff}.solutions>div:last-child>p{color:#b6cbd8;margin:20px 0}.visual{height:390px;display:grid;place-items:center;position:relative}.visual span{font-size:180px;filter:drop-shadow(0 20px 35px #00a5a855)}.circle{position:absolute;border:1px solid #64d8d655;border-radius:50%}.c1{width:280px;height:280px}.c2{width:410px;height:410px}.features{display:grid;gap:13px;margin-bottom:28px;color:#cfffff}.features b{margin-left:8px}.light-btn{background:var(--teal2)}.center{text-align:center;margin-bottom:45px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.steps div{background:#fff;border:1px solid var(--line);padding:27px;border-radius:17px}.steps strong{color:var(--teal);font-size:28px}.steps h3{font:700 17px Poppins;margin:8px 0}.steps p{font-size:13px;color:#718595}.testimonials{background:#fff}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.review-grid>div{padding:25px;border:1px solid var(--line);border-radius:18px;background:#fbfefe}.stars{color:#f4a900;letter-spacing:2px}.review-grid p{color:#607787;font-size:13px;min-height:60px}.review-grid b{font-size:12px}.faq{background:#f6fbfb}.faq-list{max-width:900px;margin:auto}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:0 18px}.faq-list summary{cursor:pointer;padding:17px 0;font-weight:800;font-size:14px}.faq-list p{color:#667d8b;font-size:13px;padding:0 0 17px;margin:0}.cta{padding:58px 7%;background:linear-gradient(120deg,var(--teal),#00b2b1);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}.cta .tag{color:#d7ffff}.cta h2{font:800 32px Poppins;margin:0}.cta p{opacity:.85}.white{background:#fff;color:var(--teal)}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about>p{color:#667e8f;font-size:16px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:var(--ice)}.contact p{color:#667e8f;margin:18px 0}.contact-item{padding:13px 0;border-bottom:1px solid #cfe5e5;color:#405b6b;font-size:14px}.contact form{background:#fff;padding:28px;border-radius:20px;box-shadow:0 20px 50px #051d4b15;display:grid;gap:12px}.contact input,.contact select,.contact textarea{width:100%;padding:13px;border:1px solid #cfe1e5;border-radius:9px;font:inherit;outline:none}.contact input:focus,.contact select:focus,.contact textarea:focus{border-color:var(--teal)}.contact button{width:100%}.floating-actions{position:fixed;right:20px;bottom:20px;z-index:40;display:flex;flex-direction:column;gap:10px}.floating-actions a{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff;text-decoration:none;font-size:21px;box-shadow:0 10px 25px #051d4b30}.modal{display:none;position:fixed;inset:0;background:#051d4b99;z-index:100;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modal-box{max-width:520px;width:100%;background:#fff;border-radius:20px;padding:32px;position:relative;box-shadow:0 30px 70px #0004}.modal-box h2{font:800 30px Poppins;margin:0 0 12px}.modal-box p{color:#617886;margin-bottom:20px}.close{position:absolute;right:15px;top:12px;background:none;border:0;font-size:30px;color:#496275;cursor:pointer}footer{background:#03162f;color:#d8e7ef;padding:50px 7%;display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr;gap:40px}footer>div{display:flex;flex-direction:column;gap:7px}footer b{color:#fff}.footer-logo{width:190px;height:64px;object-fit:contain;background:#fff;border-radius:6px}footer p,footer span,footer a{font-size:12px;color:#91adbd;text-decoration:none}.copy{text-align:center;background:#020f23;color:#668293;padding:13px;font-size:11px}@media(max-width:900px){.topbar{display:none}.header{height:75px}.brand{width:165px;height:62px}.menu{display:block}.header nav{display:none;position:absolute;top:75px;left:0;right:0;background:#fff;padding:18px 7%;flex-direction:column;align-items:stretch;gap:9px}.header nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:50px}.hero-visual{min-height:440px}.tds-intro,.calculator,.solutions,.about,.contact{grid-template-columns:1fr}.grid,.steps,.review-grid,.stats{grid-template-columns:1fr 1fr}.heading,.cta{align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr 1fr}}@media(max-width:540px){.hero{padding:55px 5%}.hero h1{font-size:48px}.hero-visual{transform:scale(.82);margin:-40px}.section{padding:70px 5%}.stats{padding:20px 5%;gap:18px}.stats div:nth-child(2){border:0}.tds-intro{gap:35px}.checker{padding:22px}.grid,.steps,.review-grid{grid-template-columns:1fr}.solutions{padding:70px 5%}.visual{transform:scale(.78);margin:-35px}.cta{padding:48px 5%}.cta h2{font-size:27px}.floating-actions{right:12px;bottom:12px}footer{grid-template-columns:1fr;padding:45px 5%}}