:root{--ink:#07111f;--muted:#607188;--line:#d9eaf5;--ice:#effaff;--dark:#061425;--accent:#22b9ff;--accent2:#9be7ff;--warning:#fff5d7;--r:28px;--shadow:0 26px 70px rgba(6,25,55,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:radial-gradient(circle at 7% 2%,color-mix(in srgb,var(--accent2) 55%,transparent),transparent 31%),radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 32%),linear-gradient(180deg,#f7fdff 0%,#edfaff 44%,#fff 100%)}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{width:min(1220px,calc(100% - 36px));margin:auto}.notice{background:#051529;color:#dff6ff;text-align:center;font-size:12px;padding:10px 16px;letter-spacing:.02em}.nav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.navin{max-width:1220px;margin:auto;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{display:flex;align-items:center;gap:12px;font-weight:950}.logo-badge{width:44px;height:44px;border-radius:18px;background:linear-gradient(135deg,#0b57e8,var(--accent) 62%,var(--accent2));display:grid;place-items:center;color:#fff;box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 32%,transparent);position:relative;overflow:hidden;font-size:28px;letter-spacing:-.08em}.logo-badge:after{content:"";position:absolute;left:5px;right:5px;bottom:10px;height:14px;border:2px solid rgba(255,255,255,.86);border-top:0;border-left-color:transparent;border-radius:50%;transform:rotate(-12deg)}.logo small{display:block;color:var(--muted);font-weight:700;font-size:12px;margin-top:2px}.links{display:flex;gap:22px;font-size:14px;color:#41546c;align-items:center}.links a:hover{color:var(--accent)}.btn{border:0;border-radius:18px;padding:13px 18px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;gap:8px;justify-content:center;transition:.18s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 14px 32px color-mix(in srgb,var(--accent) 28%,transparent)}.btn-dark{background:#061425;color:#fff}.btn-ghost{border:1px solid var(--line);background:#fff;color:#12324d}.btn-line{border:1px solid color-mix(in srgb,var(--accent) 40%,#dceaf5);background:color-mix(in srgb,var(--accent2) 24%,#fff);color:#12324d}.hero{padding:72px 0 46px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr .88fr;gap:46px;align-items:center}.pill{display:inline-flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);box-shadow:0 16px 40px rgba(6,25,55,.08);border-radius:999px;padding:10px 15px;color:#436076;font-size:13px;font-weight:800;margin-bottom:20px}.crumb{font-size:13px;color:#6b7d90;font-weight:800;margin-bottom:18px}.crumb a{text-decoration:underline;text-decoration-color:#d6e7f1}h1{font-size:clamp(48px,7vw,92px);line-height:.93;letter-spacing:-.075em;margin:0}.blue{background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:18px;line-height:1.76;color:#52677c;max-width:720px;margin:24px 0 0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-card{position:relative;min-height:520px;border-radius:44px;background:linear-gradient(160deg,#fff,#eafaff);box-shadow:var(--shadow);border:1px solid #fff;padding:28px;overflow:hidden;display:grid;place-items:center}.hero-card:before{content:"";position:absolute;inset:auto -100px -100px auto;width:300px;height:300px;background:radial-gradient(color-mix(in srgb,var(--accent) 40%,transparent),transparent 65%);border-radius:50%}.hero-card:after{content:"";position:absolute;left:28px;right:28px;top:28px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5}.float-main{height:360px;object-fit:contain;margin:auto;filter:drop-shadow(0 34px 24px rgba(19,72,112,.18));position:relative;z-index:1}.hero-note{position:absolute;left:24px;right:24px;bottom:22px;background:rgba(255,255,255,.84);border:1px solid var(--line);border-radius:24px;padding:15px 16px;backdrop-filter:blur(14px);font-size:13px;color:#4b6074;line-height:1.55}.meta-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.badge,.chip{font-size:12px;font-weight:950;background:color-mix(in srgb,var(--accent2) 28%,#fff);color:#075b87;border:1px solid color-mix(in srgb,var(--accent) 24%,#dceaf5);border-radius:999px;padding:8px 10px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}.metric{background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:0 16px 42px rgba(6,25,55,.06)}.metric b{font-size:22px;display:block;letter-spacing:-.03em}.metric span{font-size:12px;color:#607188;font-weight:800}section{padding:58px 0}.head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--accent);font-size:12px;font-weight:950;margin:0 0 10px}h2{font-size:clamp(32px,4.2vw,56px);line-height:1;letter-spacing:-.06em;margin:0}.head p{color:var(--muted);line-height:1.72;max-width:670px}.two{display:grid;grid-template-columns:.76fr 1.24fr;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:32px;box-shadow:0 18px 54px rgba(6,25,55,.08);padding:28px}.panel p{color:#52677c;line-height:1.75}.panel h3{margin:0 0 12px;font-size:25px;letter-spacing:-.04em}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.kpi{border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f4fcff);border-radius:20px;padding:16px}.kpi strong{display:block;font-size:15px;margin-bottom:7px}.kpi span{color:#607188;font-size:13px;line-height:1.5}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.model{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:0 18px 54px rgba(6,25,55,.07)}.model:before{content:"";position:absolute;right:-50px;top:-50px;width:140px;height:140px;background:radial-gradient(color-mix(in srgb,var(--accent) 26%,transparent),transparent 65%);border-radius:50%}.model h3{position:relative;margin:0 0 10px;font-size:24px;letter-spacing:-.04em}.model p{position:relative;color:#52677c;line-height:1.65;font-size:14px}.flavor-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;margin-top:18px;box-shadow:0 18px 54px rgba(6,25,55,.06)}.flavor-table th,.flavor-table td{text-align:left;padding:16px 18px;border-bottom:1px solid var(--line);vertical-align:top;font-size:14px;line-height:1.65}.flavor-table th{background:linear-gradient(135deg,color-mix(in srgb,var(--accent2) 34%,#fff),#fff);color:#0a5faa;font-size:12px;text-transform:uppercase;letter-spacing:.09em}.flavor-table tr:last-child td{border-bottom:0}.flavor-table td:first-child{font-weight:900;width:28%;color:#12324d}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.product-card{background:linear-gradient(180deg,#fafeff,#eaf8ff);border:1px solid var(--line);border-radius:28px;padding:22px;display:grid;place-items:center;min-height:230px}.product-card img{max-height:185px;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(19,72,112,.13))}.quote{background:linear-gradient(135deg,#061425,#0c4aa8 58%,color-mix(in srgb,var(--accent) 55%,#0b1740));color:#fff;border-radius:38px;padding:34px;display:grid;grid-template-columns:1fr .88fr;gap:24px;align-items:center;box-shadow:var(--shadow);overflow:hidden;position:relative}.quote:before{content:"";position:absolute;right:-120px;top:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(color-mix(in srgb,var(--accent2) 38%,transparent),transparent 66%)}.quote p{color:#d8f7ff;line-height:1.75;position:relative}.quote h2{position:relative}.contact-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;position:relative}.contact-row a{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:white;border-radius:16px;padding:12px 14px;font-weight:900;font-size:13px}.mini-form{position:relative;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.4);border-radius:28px;padding:20px;display:grid;gap:10px}.mini-form input,.mini-form textarea,.controls input,.controls select{border:1px solid var(--line);background:white;border-radius:16px;padding:12px 13px;font:inherit;outline:none}.mini-form textarea{min-height:88px;resize:vertical}.mini-form button{width:100%}.related{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.related a{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 25px rgba(6,25,55,.06);padding:15px;text-align:center;font-weight:950;color:#436076}.warn{background:var(--warning);border:1px solid #ffe08a;border-radius:24px;padding:18px;color:#654a0b;font-size:13px;line-height:1.7}.source-note{font-size:12px;color:#718397;margin-top:14px;line-height:1.55}.source-note a{text-decoration:underline}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.brand-card{background:#fff;border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:0 18px 54px rgba(6,25,55,.08);transition:.18s}.brand-card:hover{transform:translateY(-4px);box-shadow:0 26px 70px rgba(6,25,55,.13)}.brand-img{height:238px;background:linear-gradient(180deg,#fafeff,#eaf8ff);display:grid;place-items:center;padding:20px;border-bottom:1px solid var(--line)}.brand-img img{max-height:192px;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(19,72,112,.16))}.brand-body{padding:22px}.brand-body h3{margin:0;font-size:24px;letter-spacing:-.04em}.brand-body p{font-size:14px;line-height:1.65;color:#52677c;min-height:68px}.controls{display:flex;gap:10px;flex-wrap:wrap}footer{text-align:center;color:#7a8ca1;font-size:13px;padding:28px;border-top:1px solid var(--line);background:#fff}.agebar{position:fixed;left:18px;right:18px;bottom:18px;z-index:40;background:rgba(6,20,37,.95);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 22px 60px rgba(0,0,0,.22)}.agebar p{margin:0;color:#d6ebff;font-size:13px;line-height:1.5}.agebar button{white-space:nowrap}@media(max-width:980px){.hero-grid,.two,.quote{grid-template-columns:1fr}.model-grid,.gallery,.brand-grid{grid-template-columns:repeat(2,1fr)}.links{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.float-main{height:320px}.hero-card{min-height:440px}}@media(max-width:620px){.model-grid,.gallery,.related,.brand-grid,.kpi-grid{grid-template-columns:1fr}.head{flex-direction:column;align-items:flex-start}.navin .btn{display:none}.hero-card{min-height:auto}.float-main{height:260px}.flavor-table th,.flavor-table td{display:block;width:100%}.flavor-table tr{display:block;border-bottom:1px solid var(--line)}.flavor-table tr:last-child{border-bottom:0}.flavor-table td{border-bottom:0}.flavor-table td:first-child{width:100%;padding-bottom:0}.agebar{display:block}.agebar button{margin-top:12px;width:100%}}

/* Refined homepage logo hero */
.logo-showcase{isolation:isolate;background:linear-gradient(145deg,#ffffff 0%,#eefbff 56%,#ffffff 100%)}
.logo-glow{position:absolute;inset:46px;border-radius:42px;background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 58%);z-index:0;filter:blur(2px)}
.hero-logo-img{width:min(92%,620px);max-height:320px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 28px 30px rgba(19,72,112,.15));animation:floatLogo 6s ease-in-out infinite}
.showcase-points{position:relative;z-index:2;display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-top:-6px;margin-bottom:78px}
.showcase-points span{font-size:12px;font-weight:950;color:#075b87;background:rgba(255,255,255,.78);border:1px solid color-mix(in srgb,var(--accent) 22%,#d9eaf5);border-radius:999px;padding:8px 10px;backdrop-filter:blur(10px)}
@keyframes floatLogo{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:980px){.hero-logo-img{max-height:290px}.showcase-points{margin-bottom:86px}}
@media(max-width:620px){.hero-logo-img{max-height:240px}.showcase-points{margin-bottom:120px}.logo-glow{inset:28px}}