:root{--navy:#061b33;--blue:#0067b1;--orange:#f7931e;--gold:#ffd45a;--text:#10243a;--muted:#64788d;--line:#e5edf5;--green:#09b84f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.65}a{text-decoration:none;color:inherit}
.topbar{background:#061b33;color:#fff;text-align:center;padding:9px 16px;font-size:14px}.topbar strong{color:var(--gold)}
.header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);box-shadow:0 10px 30px #0001}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:15px 6%}
.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--orange),var(--blue));display:grid;place-items:center;color:#fff;font-weight:900;font-size:18px}.brand b{display:block;color:var(--navy);font-size:18px}.brand span{display:block;color:var(--muted);font-size:12px}
.nav{display:flex;gap:22px;font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.3px}.nav a:hover{color:var(--orange)}.header-cta{background:var(--orange);color:#fff;padding:11px 17px;border-radius:999px;font-weight:900}
.floating{position:fixed;right:18px;bottom:18px;z-index:99;display:flex;flex-direction:column;gap:10px}.floating a{background:var(--orange);color:#fff;border-radius:999px;padding:11px 16px;font-weight:900;box-shadow:0 12px 28px #0003}.floating a:nth-child(2){background:var(--green)}
.hero{position:relative;overflow:hidden;min-height:760px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:90px 6%;background:radial-gradient(circle at 78% 22%,#11c5ff47,transparent 30%),linear-gradient(120deg,#031629 0%,#06477e 52%,#0076ca 100%);color:#fff}.hero:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:#f7931e47;left:42%;bottom:-140px;filter:blur(8px)}
.kicker{color:var(--gold);font-weight:900;letter-spacing:2px;text-transform:uppercase}.hero h1{font-size:60px;line-height:1.03;margin:12px 0 22px;letter-spacing:-1.7px}.hero p{font-size:21px;color:#dcebf8;max-width:720px}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0}.btn{display:inline-flex;justify-content:center;align-items:center;border-radius:999px;padding:14px 23px;font-weight:900;border:0;cursor:pointer}.btn.primary{background:var(--orange);color:#fff;box-shadow:0 16px 38px #f7931e61}.btn.ghost{border:2px solid #ffffff73;color:#fff}.btn.dark{background:var(--navy);color:#fff}
.hero-tags{display:flex;gap:10px;flex-wrap:wrap}.hero-tags span{background:#ffffff21;border:1px solid #ffffff47;border-radius:999px;padding:9px 13px;font-weight:800}
.product-stage{position:relative;display:grid;place-items:center;min-height:540px}.glow{position:absolute;width:420px;height:420px;background:radial-gradient(circle,#ffd45ad9,transparent 65%);border-radius:50%;animation:pulse 3s infinite alternate}.bottle{position:relative;z-index:2;animation:float 4s ease-in-out infinite}.cap{width:82px;height:38px;background:#111;margin:auto;border-radius:12px 12px 4px 4px}.neck{width:62px;height:45px;background:linear-gradient(90deg,#041a32,#0b5d9f,#041a32);margin:auto}.body{position:relative;width:240px;height:395px;border-radius:36px 36px 56px 56px;background:linear-gradient(100deg,#031327,#0b5d9f,#020a12);box-shadow:inset 30px 0 34px #fff2,0 35px 75px #0007;overflow:hidden}.shine{position:absolute;left:34px;top:38px;width:28px;height:305px;background:linear-gradient(#fff6,transparent);border-radius:999px}.label-top{position:absolute;top:78px;left:22px;right:22px;background:#061b33;text-align:center;color:#fff;border-radius:14px;padding:9px;font-weight:900}.label-main{position:absolute;top:134px;left:24px;right:24px;background:linear-gradient(135deg,var(--gold),var(--orange));color:#061b33;text-align:center;border-radius:20px;padding:26px 10px}.label-main b{font-size:34px;display:block;line-height:1}.label-main span{font-weight:900}.label-btm{position:absolute;bottom:55px;left:26px;right:26px;background:#fff;color:var(--navy);border-radius:15px;padding:12px;text-align:center;font-weight:900}.mini-bottle{transform:scale(.55);transform-origin:center}
.callout{position:absolute;z-index:5;background:#fffffff5;color:var(--navy);border-radius:18px;padding:12px 16px;font-weight:900;box-shadow:0 18px 45px #0004}.c1{top:100px;left:6px}.c2{top:245px;right:0}.c3{bottom:88px;left:45px}
.section{padding:82px 6%;max-width:1320px;margin:auto}.center{text-align:center;max-width:830px;margin:0 auto 38px}.eyebrow{color:var(--orange);font-weight:900;letter-spacing:2px;text-transform:uppercase;font-size:13px;margin:0 0 12px}h2{font-size:44px;line-height:1.15;color:var(--navy);margin:0 0 22px;letter-spacing:-.8px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px;box-shadow:0 16px 42px #0e2e5014}.card .icon{font-size:38px}.card h3{color:var(--navy);margin:12px 0 8px}.card p{color:var(--muted);font-size:15px}
.products{background:#f6f9fc;max-width:none}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 18px 48px #0e2e5017}.product-visual{height:250px;background:radial-gradient(circle,#ffd45a99,transparent 58%),linear-gradient(135deg,#04294c,#0072c6);display:grid;place-items:center}.product-info{padding:26px}.product-info h3{font-size:25px;color:var(--navy);margin:0 0 8px}.product-info p{color:var(--muted)}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.tag-row span{background:#eef6fd;color:var(--blue);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}
.band{padding:86px 6%;background:linear-gradient(120deg,#061b33,#0067b1);color:#fff}.band h2{color:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1180px;margin:34px auto 0}.step{background:#ffffff1c;border:1px solid #ffffff40;border-radius:28px;padding:32px}.step span{color:var(--gold);font-weight:900}.step h3{font-size:28px;margin:12px 0}.step p{color:#dcebf8}
.farm{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;padding:86px 6%;background:linear-gradient(90deg,#03111feb,#06477ead),url('https://images.unsplash.com/photo-1499529112087-3cb3b73cec95?auto=format&fit=crop&w=1600&q=80');background-size:cover;background-position:center;color:#fff}.farm h2{color:#fff}.farm p{color:#e2eff9;font-size:18px}.farm-tags{display:flex;gap:10px;flex-wrap:wrap}.farm-tags span{background:#ffffff21;border:1px solid #ffffff47;border-radius:999px;padding:10px 13px;font-weight:800}.script{background:#fff;color:var(--text);border-radius:28px;padding:32px;box-shadow:0 18px 48px #0004}.script h3{font-size:28px;color:var(--navy);margin-top:0}.script p{color:var(--blue);font-weight:900}
.table-wrap{overflow:auto;border-radius:26px;box-shadow:0 18px 48px #0e2e5017}table{width:100%;border-collapse:collapse;background:#fff;min-width:760px}th,td{padding:18px;text-align:left;border-bottom:1px solid var(--line)}th{background:var(--navy);color:#fff}
.quote{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:86px 6%;background:#f6f9fc}.quote-box{background:#061b33;color:#fff;border-radius:30px;padding:34px}.quote-box h2{color:#fff}.form{background:#fff;border-radius:30px;padding:30px;box-shadow:0 18px 48px #0e2e5017}.form label{display:block;color:var(--navy);font-weight:900;margin-bottom:14px}.form input,.form select,.form textarea{width:100%;border:1px solid #d8e4ef;border-radius:13px;padding:13px;margin-top:6px;font-size:15px}.form textarea{min-height:100px}.form button{width:100%;margin-top:8px}
.kb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article{border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 16px 42px #0e2e5014}.article-icon{height:170px;background:linear-gradient(135deg,#082a4b,#0c8bd8);display:grid;place-items:center;color:#fff;font-size:54px}.article-body{padding:24px}.article-body h3{margin:0 0 10px;color:var(--navy)}.article-body p{color:var(--muted)}.article-body a{color:var(--orange);font-weight:900}
.footer{background:#03111f;color:#fff;padding:55px 6%}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr;gap:30px}.footer h2{color:#fff;font-size:30px}.footer p,.footer a{color:#b8cadb}.footer a{display:block;margin:8px 0}.legal{border-top:1px solid #ffffff29;margin-top:34px;padding-top:18px;color:#8da3b8;font-size:13px}
.page-hero{padding:82px 6%;background:linear-gradient(120deg,#031629,#0067b1);color:#fff}.page-hero h1{font-size:54px;margin:0 0 14px}.page-hero p{font-size:20px;color:#dcebf8}.breadcrumb{color:#cde3f5;margin-bottom:12px}.product-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px}.gallery{position:sticky;top:100px;background:#f4f8fc;border-radius:30px;padding:38px;display:grid;place-items:center}.specs{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:24px 0}.spec{background:#f4f8fc;border-radius:18px;padding:16px}.spec b{display:block;color:var(--navy)}.tabs{display:grid;gap:14px}.tab{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}.tab h3{margin:0 0 8px;color:var(--navy)}
.knowledge-layout{display:grid;grid-template-columns:260px 1fr;gap:36px}.sidebar{position:sticky;top:100px;align-self:start;background:#f4f8fc;border-radius:24px;padding:22px}.sidebar a{display:block;padding:10px 0;color:var(--navy);font-weight:800}.kb-list{display:grid;gap:22px}.kb-item{display:grid;grid-template-columns:160px 1fr;gap:20px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px}.kb-icon{background:linear-gradient(135deg,#063f73,#0c8bd8);border-radius:18px;display:grid;place-items:center;color:#fff;font-size:42px;min-height:130px}.kb-item h3{margin:0 0 8px;color:var(--navy)}
@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-18px) rotate(2deg)}}@keyframes pulse{from{transform:scale(.93);opacity:.55}to{transform:scale(1.07);opacity:.9}}
@media(max-width:1050px){.header-inner{display:block;text-align:center}.brand{justify-content:center}.nav{justify-content:center;flex-wrap:wrap;margin:16px 0}.header-cta{display:inline-block}.hero,.farm,.quote,.product-layout,.knowledge-layout{grid-template-columns:1fr}.hero{text-align:center}.hero h1{font-size:40px}.actions,.hero-tags{justify-content:center}.gallery{position:static}.grid4,.product-grid,.steps,.kb-grid,.footer-grid,.specs{grid-template-columns:1fr}h2{font-size:32px}.page-hero h1{font-size:38px}.callout{display:none}.floating{left:10px;right:10px;bottom:10px;flex-direction:row}.floating a{flex:1;text-align:center;padding:10px 8px;font-size:13px}.kb-item{grid-template-columns:1fr}}