*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans SC",Arial,sans-serif;color:#10243d;background:#f7f9fc}a{color:inherit;text-decoration:none}.topbar{height:82px;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 5px 30px #09294b0a}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#1d77bb,#092c59);color:white;display:grid;place-items:center;font:italic 700 24px Georgia;box-shadow:0 6px 15px #145b9630}.brand b{display:block;font-size:21px;letter-spacing:3px;color:#12365c}.brand small{display:block;font-size:9px;letter-spacing:3px;color:#7690a8;margin-top:1px}.topbar nav{display:flex;gap:38px;font-size:13px;color:#51677e}.topbar nav a:hover{color:#1478ba}.nav-cta{background:#0c3965;color:white;padding:13px 19px;border-radius:3px;font-size:12px;letter-spacing:1px}.nav-cta span,.btn-primary span{margin-left:14px}.menu-toggle{display:none;background:none;border:0;font-size:23px}.hero{min-height:660px;height:min(760px,calc(100vh - 82px));background:linear-gradient(110deg,#061d39 0%,#0a3159 52%,#0c4b78 100%);color:#fff;position:relative;overflow:hidden;display:flex;align-items:center;padding:0 7.2%}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,black,transparent 95%)}.hero-content{position:relative;z-index:3;width:52%;padding-bottom:25px}.eyebrow{font-size:10px;letter-spacing:3px;color:#83bde6;font-weight:600}.eyebrow i{display:inline-block;width:22px;height:1px;background:#70b9e9;vertical-align:middle;margin-right:9px}.hero h1{font-size:clamp(42px,5vw,69px);line-height:1.28;letter-spacing:2px;margin:29px 0 21px;font-weight:500}.hero h1 em,.section h2 em,.service-copy h2 em,.about-copy h2 em,.contact-left h2 em{font-style:normal;color:#8ac7ed}.hero-desc{font-size:14px;line-height:2.1;color:#c3d8e9;letter-spacing:1px}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:36px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:#b7e4ff;color:#0b3154;border:0;padding:16px 24px;font-size:12px;letter-spacing:1px;cursor:pointer;transition:.25s}.btn-primary:hover{background:#fff;transform:translateY(-2px)}.btn-ghost{font-size:12px;color:#d6e9f7}.hero-note{display:flex;align-items:center;gap:14px;margin-top:70px;color:#d7e7f4}.hero-note>span:first-child{font:italic 25px Georgia;color:#7bbbe5}.hero-note b,.hero-note small{display:block}.hero-note b{font-size:12px;font-weight:500}.hero-note small{font-size:10px;color:#8ba9c2;margin-top:5px}.note-line{height:1px;width:50px;background:#527c9e;margin:0 8px}.hero-art{position:absolute;right:5%;top:5%;width:48%;height:90%;overflow:hidden}.sun{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#c6eaff 0,#5c9fc5 35%,#1a5b85 68%,transparent 70%);opacity:.48;right:16%;top:10%;filter:blur(2px)}.orbit{position:absolute;border:1px solid #a6d8f555;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:630px;height:250px;right:-2%;top:28%}.orbit-two{width:570px;height:190px;right:1%;top:35%;transform:rotate(18deg)}.mountain{position:absolute;bottom:16%;width:120%;height:45%;clip-path:polygon(0 100%,15% 54%,26% 75%,43% 18%,59% 73%,72% 38%,100% 100%)}.mountain-back{background:linear-gradient(145deg,#3979a0,#163f66);opacity:.75;right:-20%;bottom:20%}.mountain-front{background:linear-gradient(145deg,#184e75,#071f3d);right:-8%;bottom:10%;transform:scaleX(-1);opacity:.9}.water-ribbon{position:absolute;bottom:7%;right:-10%;width:115%;height:23%;background:linear-gradient(170deg,#9bdfffaa,#4aa3d477 45%,#d5f4ff99);border-radius:50% 0 0 0;transform:rotate(-9deg);filter:blur(1px)}.bottle{position:absolute;z-index:4;right:27%;top:16%;height:66%;width:22%;filter:drop-shadow(22px 25px 24px #00152b88);display:flex;align-items:center;flex-direction:column}.cap{height:6%;width:39%;background:repeating-linear-gradient(90deg,#d4eaf2,#d4eaf2 3px,#a9ccdf 4px);border-radius:5px 5px 2px 2px}.neck{height:9%;width:30%;background:linear-gradient(90deg,#b9d9e7,#fff 35%,#8cb9d0);border-radius:3px 3px 0 0}.bottle-body{height:85%;width:100%;border-radius:23% 23% 18% 18%/8% 8% 9% 9%;background:linear-gradient(90deg,#8bc7e377,#ffffffd9 22%,#e8f8ffed 53%,#75b5d0aa 100%);border:1px solid #ffffffb8;box-shadow:inset 10px 0 16px #fff8,inset -9px 0 18px #4b91b755;position:relative;overflow:hidden}.bottle-body:before{content:"";position:absolute;left:14%;right:14%;top:5%;height:5%;border-top:1px solid #fff9;border-bottom:1px solid #8ebdd255}.bottle-label{position:absolute;top:36%;left:0;width:100%;height:30%;background:linear-gradient(110deg,#0a3156,#176da0 55%,#0b3d67);color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 5px 15px #0a294a55}.bottle-label b{font-size:27px;letter-spacing:8px;padding-left:8px}.bottle-label small{font-size:9px;letter-spacing:3px;margin-top:5px}.bottle-label i{font:7px Georgia;letter-spacing:2px;margin-top:10px;color:#b6d9ee}.bottle-shadow{position:absolute;bottom:10%;right:18%;width:40%;height:5%;background:#00172c88;filter:blur(20px);border-radius:50%}.art-caption{position:absolute;right:3%;bottom:7%;font:9px Georgia;letter-spacing:3px;color:#a5d4ee}.hero-bottom{position:absolute;bottom:25px;left:7.2%;right:7.2%;display:flex;align-items:center;gap:16px;color:#7fa5c1;font:9px Georgia;letter-spacing:2px}.scroll-line{height:1px;width:75px;background:#5b86a5}.hero-bottom span:last-child{margin-left:auto}.intro-strip{background:#fff;padding:26px 8%;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #e8eef4}.intro-strip div{display:flex;align-items:center;justify-content:center;gap:15px;border-right:1px solid #e5edf3}.intro-strip div:last-child{border:0}.intro-strip strong{font:italic 22px Georgia;color:#3c8abb}.intro-strip span{font-size:12px;color:#536a80}.section{padding:115px 8%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.eyebrow.dark{color:#4386b4}.section h2,.service-copy h2,.about-copy h2,.contact-left h2{font-size:43px;line-height:1.38;font-weight:500;letter-spacing:1px;margin:18px 0 0;color:#102f50}.section h2 em,.about-copy h2 em{color:#3287bd}.section-head>p{font-size:13px;line-height:2;color:#788da1;margin:0 0 5px}.product-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:22px}.product-card{min-width:0}.product-visual{height:330px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.visual-blue{background:radial-gradient(circle at 50% 38%,#4f99c2,#164a76 65%,#0d2c4b)}.visual-warm{background:radial-gradient(circle at 50% 38%,#f2d6b8,#c28f6c 70%,#805b4b)}.visual-green{background:radial-gradient(circle at 50% 38%,#b4d0ba,#547e72 65%,#274c48)}.visual-tag{position:absolute;left:22px;top:20px;color:#ffffffaa;font:9px Georgia;letter-spacing:2px}.mock-bottle{width:100px;height:225px;position:relative;border-radius:22px 22px 18px 18px;background:linear-gradient(90deg,#9dd7f0aa,#ffffffed 30%,#c4e7f4 75%,#75b4d3);border:1px solid #ffffffaa;box-shadow:20px 22px 30px #071b2c55;display:flex;align-items:center;justify-content:center}.mock-cap{position:absolute;width:35px;height:13px;top:-12px;background:#d9eff8;border-radius:4px 4px 0 0}.mock-label{width:100%;height:70px;background:#0e426d;color:white;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.mock-label b{font-size:22px;letter-spacing:4px}.mock-label small{font:7px Georgia;letter-spacing:1px;margin-top:5px}.mock-bottle.warm .mock-label{background:#9e5449}.mock-bottle.green .mock-label{background:#285e55}.card-meta{display:flex;justify-content:space-between;padding:20px 3px}.card-meta h3,.case-info h3{font-size:16px;font-weight:600;margin:0 0 8px;color:#173a5b}.card-meta p,.case-info p{font-size:11px;color:#8798a8;margin:0}.card-meta>span{color:#4a91bd;font-size:20px}.service-section{background:#082b4d;color:#fff;display:grid;grid-template-columns:1fr 1fr;min-height:650px}.service-image{min-height:620px;background:linear-gradient(145deg,#0c4b78,#061c36);position:relative;overflow:hidden;display:grid;place-items:center}.service-image-inner{width:80%;height:80%;position:relative;border:1px solid #7ebde355;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 40%,#3b87b5,#0c355b 65%,#061d36)}.service-image-inner:before,.service-image-inner:after{content:"";position:absolute;border:1px solid #a8dfff44;border-radius:50%;width:130%;height:45%;transform:rotate(-25deg)}.service-image-inner:after{transform:rotate(25deg);width:110%;height:55%}.service-image-inner>span{position:absolute;top:14%;left:12%;font:12px/1.8 Georgia;letter-spacing:4px;color:#c4e7fa;z-index:2}.giant-water{font-size:230px;font-weight:200;color:#d9f3ff30;z-index:1}.service-orb{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#d4f2ffcc,#3d9dd455 55%,transparent 70%);right:18%;bottom:14%}.service-copy{padding:85px 12% 75px 10%;align-self:center}.service-copy h2{color:white;margin-bottom:20px}.service-copy p{font-size:12px;line-height:2.2;color:#a9c4d9;max-width:470px}.service-list{margin-top:34px}.service-list>div{display:grid;grid-template-columns:110px 1fr 20px;align-items:center;padding:17px 0;border-bottom:1px solid #ffffff20}.service-list b{font-size:13px;font-weight:500}.service-list span{font-size:11px;color:#9cb6ca}.service-list i{font-style:normal;color:#8dc9ee}.text-link{display:inline-block;margin-top:29px;font-size:12px;color:#a8dfff;letter-spacing:1px}.text-link span{margin-left:20px}.cases-section{background:#f8fafc}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.case-art{height:270px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.case-a .case-art{background:linear-gradient(135deg,#173c60,#3988b4)}.case-b .case-art{background:linear-gradient(135deg,#7e4849,#d6a47d)}.case-c .case-art{background:linear-gradient(135deg,#1a625e,#83b5a4)}.case-art span{position:absolute;top:22px;left:22px;font:10px/1.7 Georgia;letter-spacing:3px;color:#ffffffa8}.case-art b{font-size:112px;color:#ffffff30;font-weight:400}.case-info{display:flex;justify-content:space-between;align-items:center;padding:19px 2px}.case-info>span{font:italic 18px Georgia;color:#8aa6ba}.process-section{padding:105px 8%;background:#0d365b;color:#fff}.process-section .section-head{margin-bottom:65px}.process-section h2{color:#fff}.process-section .section-head>p{color:#9fbad0}.process-steps{display:flex;align-items:center;justify-content:space-between;gap:13px}.process-steps>div{display:flex;flex-direction:column;gap:12px;min-width:0}.process-steps span{font:italic 26px Georgia;color:#6fb7e3}.process-steps b{font-size:14px;font-weight:500}.process-steps small{font-size:10px;color:#9db8cc;white-space:nowrap}.process-steps>i{font-style:normal;color:#477b9f}.about-section{padding:110px 8%;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;background:#fff}.about-copy h2{font-size:52px}.about-copy p{font-size:13px;line-height:2.2;color:#71869a;max-width:480px;margin-top:27px}.about-sign{margin-top:44px;font:italic 23px Georgia;color:#246b9e;letter-spacing:2px}.about-sign span{font:9px Arial;letter-spacing:2px;color:#8aa0b3}.about-art{height:390px;background:linear-gradient(145deg,#d6ebf6,#6eafd0 52%,#174b77);position:relative;overflow:hidden;display:grid;place-items:center}.contour{position:absolute;inset:-20%;background:repeating-radial-gradient(ellipse at 55% 45%,transparent 0 18px,#ffffff35 19px 20px,transparent 21px 37px);transform:rotate(-18deg)}.about-circle{width:190px;height:190px;border:1px solid #ffffffa8;border-radius:50%;display:grid;place-content:center;text-align:center;color:white;font-size:45px;letter-spacing:8px;padding-left:8px;z-index:2;box-shadow:0 0 0 18px #ffffff15,0 0 0 40px #ffffff0d}.about-circle small{font:9px Georgia;letter-spacing:3px;margin-top:10px}.about-coordinate{position:absolute;bottom:20px;right:20px;font:8px Georgia;letter-spacing:2px;color:#e0f3fc}.contact-section{padding:105px 8%;background:#eaf2f8;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.contact-left h2{font-size:48px}.contact-left p{font-size:13px;line-height:2;color:#6e8499;margin-top:22px}.contact-direct{margin-top:45px;border-left:2px solid #3d91c1;padding-left:18px}.contact-direct span,.contact-direct small{display:block;font-size:11px;color:#8298aa}.contact-direct b{display:block;font-size:28px;letter-spacing:2px;color:#16456e;margin:8px 0}.inquiry-form{background:#fff;padding:38px 42px;box-shadow:0 20px 60px #17456a12}.inquiry-form h3{font-size:19px;color:#173b5d;margin:0 0 25px}.inquiry-form h3 span{font:9px Georgia;letter-spacing:2px;color:#8aa3b6;margin-left:10px}.inquiry-form label{display:block;font-size:11px;color:#60788e;margin:15px 0}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #dce5ec;padding:12px 0;font:12px inherit;color:#1d3c58;outline:none;background:transparent}.inquiry-form input:focus,.inquiry-form textarea:focus,.inquiry-form select:focus{border-color:#3a8cbd}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.inquiry-form .btn-primary{width:100%;margin-top:10px}.form-tip{font-size:9px;color:#9aabba;text-align:center}footer{background:#061d35;color:#91a9bc;padding:30px 8%;display:flex;align-items:center;gap:30px;font-size:10px}footer .brand b{color:white}footer .brand small{color:#8ca8bd}footer p{margin-right:auto}footer>a:last-child{color:#b7d9ee}
@media(max-width:900px){.topbar{padding:0 5%;height:70px}.topbar nav{gap:16px}.hero{padding:0 6%;min-height:620px}.hero-content{width:58%}.hero-art{right:-10%;width:55%;opacity:.85}.section{padding:85px 6%}.service-copy{padding:65px 8%}.contact-section{padding:85px 6%;gap:5%}}
@media(max-width:650px){.topbar nav,.nav-cta{display:none}.menu-toggle{display:block;color:#17466d}.topbar{height:65px}.topbar nav.open{display:flex;position:absolute;top:65px;left:0;right:0;background:white;padding:20px;flex-direction:column;gap:18px;box-shadow:0 15px 25px #102f5015}.hero{height:auto;min-height:790px;align-items:flex-start;padding:75px 7% 40px}.hero-content{width:100%;padding:0}.hero h1{font-size:43px;margin-top:24px}.hero-desc{font-size:12px}.hero-art{top:360px;right:-6%;width:100%;height:390px;opacity:.9}.bottle{height:75%;right:35%;top:8%;width:24%}.hero-note{margin-top:35px}.hero-bottom{bottom:16px}.intro-strip{grid-template-columns:1fr 1fr;gap:18px;padding:22px 7%}.intro-strip div{justify-content:flex-start;border:0}.section{padding:70px 7%}.section-head{display:block;margin-bottom:30px}.section h2,.service-copy h2{font-size:35px}.section-head>p{margin-top:18px}.product-grid,.case-grid{grid-template-columns:1fr;gap:22px}.product-visual{height:300px}.service-section{grid-template-columns:1fr}.service-image{min-height:350px}.service-copy{padding:65px 7%}.service-list>div{grid-template-columns:95px 1fr 15px}.process-section{padding:70px 7%}.process-steps{display:grid;grid-template-columns:1fr 1fr;gap:28px}.process-steps>i{display:none}.process-steps small{white-space:normal}.about-section{padding:70px 7%;grid-template-columns:1fr;gap:35px}.about-art{height:300px}.about-copy h2{font-size:43px}.contact-section{padding:70px 7%;grid-template-columns:1fr;gap:40px}.contact-left h2{font-size:39px}.inquiry-form{padding:28px 23px}.form-row{gap:12px}footer{padding:25px 7%;flex-wrap:wrap;gap:15px}footer p{width:100%;order:3}footer>span{order:4}}