:root{--navy:#0a2c70;--navy-dark:#08235a;--green:#4caf28;--green-dark:#338a1d;--text:#243555;--muted:#64748b;--line:#dfe7f1;--soft:#f5f9fe;--max:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Plus Jakarta Sans",Arial,sans-serif;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}button{font:inherit}.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid rgba(10,44,112,.07)}.nav{min-height:92px;display:grid;grid-template-columns:300px 1fr auto;align-items:center;gap:24px}.brand img{width:260px}.nav-links{display:flex;justify-content:center;align-items:center;gap:26px;font-size:14px;font-weight:600;color:var(--navy-dark)}.nav-links a{position:relative;padding:12px 0}.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--green);transform:scaleX(0);transition:.2s}.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1)}.menu-toggle{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border:0;border-radius:12px;font-weight:700;cursor:pointer;transition:.22s}.btn-primary{background:var(--navy);color:#fff;box-shadow:0 12px 24px rgba(10,44,112,.15)}.btn-primary:hover{background:var(--green-dark);transform:translateY(-1px)}.btn-green{background:linear-gradient(#7acb34,#4aaa1f);color:#fff;box-shadow:0 12px 26px rgba(76,175,40,.2)}.btn-outline{border:1px solid rgba(10,44,112,.28);background:rgba(255,255,255,.8);color:var(--navy)}.btn-outline:hover{border-color:var(--green);color:var(--green-dark)}.btn-outline-light{color:#fff;border:1px solid rgba(255,255,255,.55);background:transparent}.btn-outline-light:hover{background:#fff;color:var(--navy)}
.hero{position:relative;min-height:650px;overflow:hidden;background:#eef7ff}.hero-media{position:absolute;inset:0;background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.99) 30%,rgba(255,255,255,.86) 43%,rgba(255,255,255,.28) 57%,rgba(255,255,255,0) 72%),url("../images/about/about-hero-science.jpg");background-repeat:no-repeat;background-size:cover;background-position:center right}.hero-grid{position:relative;z-index:2;min-height:650px;display:grid;grid-template-columns:minmax(0,650px) 1fr;align-items:center}.hero-copy{padding:68px 0;max-width:650px}.hero-brandmark{width:min(330px,72%);margin:0 0 26px}.eyebrow{margin:0 0 14px;color:var(--green-dark);font-weight:800;letter-spacing:.05em;font-size:13px}.eyebrow.light{color:#b7ef87}.hero h1{margin:0;color:var(--navy-dark);font-size:clamp(52px,5vw,78px);line-height:1.03;letter-spacing:-.045em}.hero h1 span{color:var(--green-dark)}.hero-text{max-width:620px;margin:24px 0 0;font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.story-strip{border-bottom:1px solid var(--line);background:#fff}.story-strip-grid{display:grid;grid-template-columns:1.8fr repeat(4,1fr);align-items:stretch}.story-intro{padding:34px 34px 34px 0}.story-intro p:last-child{margin:0;line-height:1.7}.metric{padding:34px 22px;text-align:center;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.metric strong{font-size:28px;color:var(--navy-dark);letter-spacing:-.03em}.metric span{margin-top:8px;font-size:13px;color:var(--muted);line-height:1.45}
.section{padding:82px 0}.soft{background:linear-gradient(180deg,#f9fcff,#f1f7fd)}.section-heading{max-width:900px;margin:0 auto 40px;text-align:center}.section-heading h2{margin:0;color:var(--navy-dark);font-size:clamp(34px,3.2vw,50px);letter-spacing:-.035em}.philosophy{background:linear-gradient(135deg,#08235a,#0a3c88);color:#fff}.philosophy .section-heading h2{color:#fff}.philosophy .eyebrow{color:#b7ef87}.philosophy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.philosophy-card{padding:32px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(255,255,255,.06);backdrop-filter:blur(6px)}.philosophy-card span{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(#7acb34,#4aaa1f);font-weight:800}.philosophy-card h3{margin:20px 0 10px;font-size:23px}.philosophy-card p{margin:0;color:#dce7fb;line-height:1.65}.difference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefit{padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:.2s}.benefit:hover{transform:translateY(-3px);border-color:rgba(76,175,40,.45);box-shadow:0 18px 36px rgba(20,50,90,.07)}.benefit h3{margin:0 0 10px;color:var(--navy-dark);font-size:19px}.benefit p{margin:0;line-height:1.62}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{position:relative;overflow:hidden;padding:30px;min-height:270px;border-radius:20px;color:#fff;box-shadow:0 18px 38px rgba(20,50,90,.12)}.product-card::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;bottom:-70px;background:rgba(255,255,255,.12)}.product-card span{font-size:11px;letter-spacing:.09em;font-weight:800;opacity:.86}.product-card h3{margin:14px 0 12px;font-size:30px}.product-card p{margin:0;line-height:1.6;color:rgba(255,255,255,.9)}.product-card a{display:inline-block;margin-top:24px;font-weight:800;font-size:13px;border-bottom:1px solid rgba(255,255,255,.6)}.ferozen{background:linear-gradient(135deg,#8d174b,#ca3f7d)}.calzen{background:linear-gradient(135deg,#174d8b,#2f78c1)}.magzen{background:linear-gradient(135deg,#0d626b,#1c8b94)}.zinzen{background:linear-gradient(135deg,#244867,#3d6f95)}
.built-panel,.cta-panel{padding:42px 48px;display:flex;align-items:center;justify-content:space-between;gap:34px;border-radius:22px;background:linear-gradient(135deg,#08235a,#0a3c88);color:#fff;box-shadow:0 22px 50px rgba(10,44,112,.18)}.built-copy{max-width:720px}.built-panel>img{width:230px;background:#fff;padding:10px 14px;border-radius:12px}.built-panel h2,.cta-panel h2{margin:0 0 12px;font-size:36px}.built-panel p:not(.eyebrow),.cta-panel p:not(.eyebrow){margin:0;color:#dce7fb;line-height:1.65}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}.final-cta{padding-top:0}.footer{background:linear-gradient(135deg,#08235a,#0a2c70);color:#fff;padding:28px 0}.footer-grid{display:grid;grid-template-columns:250px 1.2fr 1.2fr 1fr 1fr;gap:28px;align-items:center}.footer-brand img{width:230px;background:#fff;padding:10px 14px;border-radius:12px}.footer p{margin:0;font-size:13px;line-height:1.5;color:#e4ecfb}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1200px){.nav{grid-template-columns:250px 1fr auto}.brand img{width:220px}.nav-links{gap:15px;font-size:12px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.story-strip-grid{grid-template-columns:1.5fr repeat(2,1fr)}.metric:nth-of-type(4),.metric:nth-of-type(5){border-top:1px solid var(--line)}}
@media(max-width:900px){.container{width:min(var(--max),calc(100% - 36px))}.nav{grid-template-columns:1fr auto}.nav-links,.nav-cta{display:none}.menu-toggle{display:grid;gap:5px;width:44px;height:44px;place-content:center;border:1px solid var(--line);border-radius:12px;background:#fff}.menu-toggle span{width:20px;height:2px;background:var(--navy)}.nav-links.open{display:flex;position:absolute;left:18px;right:18px;top:84px;flex-direction:column;align-items:flex-start;padding:20px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px rgba(10,44,112,.14)}.hero{min-height:auto}.hero-media{position:relative;height:390px;background-image:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.42) 12%,rgba(255,255,255,0) 32%),url("../images/about/about-hero-science.jpg");background-position:64% center}.hero-grid{min-height:auto;display:block}.hero-copy{padding:62px 0 44px}.story-strip-grid{grid-template-columns:1fr 1fr}.story-intro{grid-column:1/-1;padding-right:0}.metric:nth-of-type(n){border-top:1px solid var(--line)}.philosophy-grid,.difference-grid{grid-template-columns:1fr 1fr}.built-panel,.cta-panel{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.brand img{width:185px}.hero h1{font-size:44px}.hero-text{font-size:16px}.hero-brandmark{width:min(270px,80%)}.hero-media{height:320px;background-position:66% center}.story-strip-grid{grid-template-columns:1fr}.metric{border-left:0;border-top:1px solid var(--line)}.section{padding:58px 0}.philosophy-grid,.difference-grid,.portfolio-grid{grid-template-columns:1fr}.built-panel,.cta-panel{padding:32px 26px}.built-panel>img{width:210px}.built-panel h2,.cta-panel h2{font-size:30px}.cta-actions{width:100%}.cta-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Build 0.3 global polish */
.nav-cta{white-space:nowrap;min-width:132px;}
img{height:auto;}