/* Octobio corporate and product UI; generated with build-time HTML prerendering. */
:root{
  color-scheme:light;
  --navy:#0b2138; --navy-deep:#071a2c; --ink:#102840; --teal:#0b8c91;
  --teal-dark:#06747b; --mint:#ddf6f2; --mist:#f5f8fa; --line:#e0e9ef;
  --sub:#596c7f; --white:#fff; --shadow:0 24px 70px rgba(7,26,44,.075);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.64 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}
:focus-visible{outline:3px solid #e5aa4f;outline-offset:3px}
::selection{background:#b6e9e3;color:#082b3a}
.container{width:min(100% - 64px,1200px);margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip-link{position:absolute;top:-70px;left:20px;z-index:1000;background:white;padding:12px 20px;border-radius:10px}
.skip-link:focus{top:10px}
.site-header{height:88px;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border-bottom:1px solid rgba(10,40,60,.08)}
.header-inner{height:100%;display:flex;align-items:center;gap:45px}
.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap}
.brand-text{font-size:28px;letter-spacing:-1.7px;line-height:1;font-weight:800;color:var(--navy)}
.brand-text span{color:#12a9a3}
.brand-mark{width:33px;height:33px;border-radius:11px;position:relative;display:inline-block;background:linear-gradient(145deg,#13b6a7,#087e8b);box-shadow:0 5px 14px rgba(7,150,142,.17)}
.brand-mark span{position:absolute;border:2px solid white;border-radius:12px;transform:rotate(-38deg);width:13px;height:24px;left:10px;top:4px;opacity:.9}
.brand-mark span:nth-child(2){transform:rotate(40deg);opacity:.7}.brand-mark span:nth-child(3){height:5px;width:5px;left:14px;top:14px;background:white;border:0;opacity:1}
.nav-desktop{display:flex;align-items:center;justify-content:center;gap:34px;flex:1}
.nav-desktop a{color:#43576b;font-weight:600;font-size:14px;transition:color .18s;white-space:nowrap}
.nav-desktop a:hover,.nav-desktop a.nav-current{color:var(--teal-dark)}
.nav-desktop a.nav-current{position:relative}
.nav-desktop a.nav-current:after{content:"";position:absolute;height:2px;background:var(--teal);bottom:-15px;left:0;right:0}
.header-cta{display:flex;gap:12px;align-items:center;background:var(--navy);color:#fff;padding:12px 18px;border-radius:7px;font-weight:650;font-size:14px;transition:background .2s,transform .2s}
.header-cta:hover{background:var(--teal-dark);transform:translateY(-1px)}
.mobile-toggle{display:none;background:none;border:0;color:var(--navy);padding:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:50px;padding:12px 22px;border-radius:8px;font-weight:680;font-size:14px;line-height:1.3;border:1px solid transparent;transition:transform .2s,background .2s,border-color .2s}
.btn svg{flex:0 0 auto}.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--teal);color:white;box-shadow:0 7px 20px rgba(10,139,145,.16)}
.btn-primary:hover{background:var(--teal-dark)}
.btn-ghost{color:var(--navy);background:transparent}
.btn-ghost:hover{color:var(--teal-dark)}
.btn-outline{border-color:#c8d9e2;background:#fff;color:var(--ink)}
.btn-outline:hover{border-color:var(--teal)}
.btn-white{background:white;color:var(--navy)}
.eyebrow-pill{display:inline-flex;align-items:center;gap:10px;border:1px solid #b6dcd9;color:#0c797c;background:#effbf8;padding:8px 13px;border-radius:100px;font-size:10px;line-height:1.2;font-weight:820;letter-spacing:.14em}
.eyebrow-dot{width:7px;height:7px;flex:none;background:#22b4aa;border-radius:50%;box-shadow:0 0 0 3px #d7f5ee}
.home-hero{overflow:hidden;position:relative;background:linear-gradient(118deg,#f7fbfc 0%,#f5faf9 49%,#eaf7f5 100%)}
.hero-light{pointer-events:none;position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(80,202,193,.2),transparent 68%);right:-170px;top:-130px}
.hero-layout{min-height:650px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:25px}
.hero-copy{position:relative;z-index:1;padding:58px 0 67px}
.hero-copy h1{font-size:clamp(3.7rem,6vw,5.6rem);font-weight:780;letter-spacing:-.073em;line-height:1.055;max-width:700px;margin:25px 0 25px}
h1 em,h2 em{font-style:normal;color:var(--teal)}
.hero-copy>p{font-size:18px;line-height:1.75;max-width:535px;color:#50687a;margin:0}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-top:36px}
.hero-footnote{display:flex;align-items:center;gap:10px;margin-top:54px;font-size:12px;letter-spacing:.035em;font-weight:660;color:#78909c}
.line-dot{width:22px;height:1px;background:var(--teal)}
.hero-art{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:520px}
.hero-art>img{position:relative;z-index:2;width:min(100%,630px);filter:drop-shadow(0 30px 40px rgba(7,35,49,.11));object-fit:contain}
.hero-orbit{position:absolute;width:540px;height:540px;max-width:108%;max-height:100%;border-radius:50%;border:1px solid rgba(9,153,143,.16);box-shadow:inset 0 0 0 45px rgba(11,149,145,.025),0 0 0 55px rgba(11,149,145,.025)}
.hero-float{position:absolute;z-index:3;right:0;bottom:110px;display:flex;align-items:center;gap:14px;min-width:240px;padding:16px;background:rgba(255,255,255,.93);backdrop-filter:blur(8px);border:1px solid #e3edec;border-radius:12px;box-shadow:var(--shadow)}
.float-icon{height:48px;width:48px;display:grid;place-items:center;border-radius:10px;background:var(--mint);color:var(--teal)}
.hero-float strong{display:block;font-size:14px;color:var(--navy)}.hero-float small{display:block;color:#71838d;font-size:12px}
.proof-bar{background:var(--navy);color:#fff}.proof-content{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.proof-content>span{color:#8ebbc0;font-size:11px;text-transform:uppercase;font-weight:720;letter-spacing:.16em}
.proof-content strong{font-size:13px;font-weight:610;color:#f1faf9}.proof-content i{width:5px;height:5px;border:1px solid #40a9a7;transform:rotate(45deg)}
.section{padding-block:103px}.section-kicker{display:block;font-size:11px;font-weight:820;letter-spacing:.17em;text-transform:uppercase;color:var(--teal);margin-bottom:14px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}
.section-heading h2,.science-copy h2,.about-grid h2,.contact-grid h2{font-size:clamp(2.3rem,4.2vw,3.65rem);line-height:1.13;letter-spacing:-.055em;font-weight:760;margin:0}
.section-heading p{margin:18px 0 0;max-width:670px;color:var(--sub);font-size:16px}
.text-link{display:inline-flex;align-items:center;gap:13px;font-weight:750;font-size:14px;color:#087c83;padding-bottom:4px;border-bottom:1px solid #8acaca;white-space:nowrap}
.text-link:hover{color:var(--navy);border-color:var(--navy)}.text-link svg{transition:transform .2s}.text-link:hover svg{transform:translateX(4px)}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.product-card{background:#fff;min-width:0;border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:box-shadow .22s,transform .22s,border-color .22s}
.product-card:hover{transform:translateY(-5px);box-shadow:0 22px 52px rgba(10,34,58,.1);border-color:#c7dedb}
.card-cover{display:block;position:relative;overflow:hidden;aspect-ratio:1.12;background:linear-gradient(140deg,#e8f6f4,#d3e6e9 66%,#eaf0f6)}
.card-cover:before{content:"";position:absolute;inset:17%;border:1px solid rgba(8,132,139,.12);border-radius:50%;transform:scale(1.2)}
.card-cover:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.4);filter:blur(26px);right:-30px;top:-30px}
.product-card:nth-child(4n+2) .card-cover{background:linear-gradient(145deg,#ebf5fc,#d7e4f5)}
.product-card:nth-child(4n+3) .card-cover{background:linear-gradient(150deg,#e8f5ef,#d6eee4)}
.product-card:nth-child(4n+4) .card-cover{background:linear-gradient(145deg,#ecf0f9,#dae4f0)}
.card-visual{position:absolute;inset:0;overflow:hidden}
.orb{position:absolute;border:1px solid rgba(7,137,151,.27);border-radius:50%;transform:rotate(-31deg)}
.orb-a{width:200px;height:108px;left:50%;top:55%;margin:-54px 0 0 -100px}
.orb-b{width:112px;height:210px;left:50%;top:55%;margin:-105px 0 0 -56px;border-width:2px}
.strand{position:absolute;width:24px;height:24px;border-radius:50%;left:50%;top:50%;background:#55bdb6;box-shadow:0 8px 25px rgba(6,132,151,.3)}
.strand-one{transform:translate(-72px,-37px);background:#3fa6bc}
.strand-two{transform:translate(44px,28px);width:15px;height:15px;background:#fff;border:4px solid #56a9be}
.card-topline{position:absolute;top:17px;right:17px;left:17px;display:flex;align-items:center;justify-content:space-between;z-index:2;gap:10px}
.card-label{padding:6px 10px;border-radius:100px;font-weight:700;font-size:10px;color:#175866;background:rgba(255,255,255,.86);max-width:78%;line-height:1.3}
.mini-arrow{height:34px;width:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.86);color:#136d7c}
.card-info{padding:23px 21px 25px}.card-kicker{display:block;font-size:9px;line-height:1.4;letter-spacing:.13em;font-weight:780;color:#0d969a}
.card-info h3{font-size:17px;letter-spacing:-.025em;font-weight:740;line-height:1.36;min-height:46px;margin:10px 0}.card-info h3 a:hover{color:var(--teal)}
.card-info p{font-size:12px;color:#698092;min-height:36px;line-height:1.55;margin:0 0 21px}
.card-info .text-link{font-size:12px}
.science-section{background:#f5f8fa}.science-layout{display:grid;grid-template-columns:1fr 1fr;gap:86px;align-items:center}
.science-photo{position:relative;border-radius:17px;overflow:hidden;min-height:465px;background:#e4edef}
.science-photo img{width:100%;height:100%;min-height:465px;position:absolute;inset:0;object-fit:cover}
.science-photo:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(5,27,40,.45))}
.photo-label{position:absolute;bottom:25px;left:26px;z-index:2;color:white;font-size:11px;letter-spacing:.19em;font-weight:810}
.science-copy h2{margin:5px 0 20px}.science-copy>p{color:var(--sub);margin:0 0 26px;font-size:16px}
.feature-list{margin:30px 0;display:grid;gap:20px}
.feature-list>div{display:flex;align-items:flex-start;gap:15px}.feature-icon{flex:none;width:48px;height:48px;border-radius:11px;background:#ddf5f2;color:#07898a;display:grid;place-items:center}
.feature-list strong{display:block;font-size:15px;font-weight:770;margin-bottom:3px}.feature-list small{display:block;color:#657b89;font-size:13px;line-height:1.6}
.categories-section{padding-bottom:122px}
.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.category-tile{position:relative;min-height:243px;border:1px solid #dbe8ec;border-radius:12px;padding:26px 22px;background:#fbfdfd;transition:background .2s,border-color .2s,transform .2s}
.category-tile:hover{background:#eaf7f5;border-color:#a8d5d2;transform:translateY(-3px)}
.category-tile>span{font-weight:800;font-size:9px;letter-spacing:.16em;color:#51979a}
.category-tile h3{margin:28px 0 10px;font-size:20px;line-height:1.22;letter-spacing:-.04em}
.category-tile p{color:#70848d;font-size:13px;margin:0;line-height:1.55}
.category-tile svg{position:absolute;bottom:24px;right:21px;color:var(--teal)}
.cta-section{background:linear-gradient(120deg,#082c40,#073640 65%,#07747b);color:white;overflow:hidden;position:relative}
.cta-section:after{content:"";position:absolute;right:-70px;top:-210px;width:560px;height:560px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 95px rgba(255,255,255,.025),0 0 0 190px rgba(255,255,255,.02)}
.cta-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:78px}
.cta-inner .section-kicker{color:#80ddd1}
.cta-inner h2{font-size:clamp(2.35rem,4.4vw,3.8rem);max-width:650px;line-height:1.12;letter-spacing:-.06em;margin:0}
.cta-inner p{color:#b6d4d9;max-width:550px;font-size:15px;margin:20px 0 0}
.footer{background:var(--navy-deep);color:#e0ecf1;padding-top:64px}
.footer-top{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:48px;padding-bottom:55px}
.brand-light .brand-text{color:#fff}.footer-intro p{color:#a2b6c4;max-width:280px;font-size:14px;margin-top:23px}
.footer-links{display:flex;flex-direction:column;align-items:start;gap:12px}
.footer-links h3{color:#f5fbfd;text-transform:uppercase;font-weight:800;font-size:11px;letter-spacing:.13em;margin:0 0 7px}
.footer-links a,.footer-links p{color:#a7bdc8;font-size:13px;margin:0}
.footer-links a:hover{color:#83e3d4}
.footer-bottom{padding-block:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:22px;justify-content:space-between;color:#829dab;font-size:11px}
.subhero{position:relative;overflow:hidden;min-height:388px;display:flex;align-items:center;background:linear-gradient(120deg,#f7fbfc,#edf7f5)}
.subhero:after{content:"";position:absolute;right:-120px;top:-240px;width:650px;height:650px;border:1px solid rgba(8,140,146,.16);border-radius:50%;box-shadow:0 0 0 70px rgba(8,140,146,.035),0 0 0 140px rgba(8,140,146,.025)}
.subhero-content{position:relative;z-index:1;padding:75px 0}
.subhero h1{font-size:clamp(3.25rem,6vw,5.3rem);line-height:1.06;letter-spacing:-.068em;font-weight:790;margin:24px 0}
.subhero p{color:#587184;font-size:18px;line-height:1.6;max-width:700px;margin:0}
.about-hero{background:linear-gradient(110deg,#f3f9f8,#e9f5f3)}
.technology-hero{background:linear-gradient(110deg,#f1f8fb,#eef3f8)}
.contact-hero{background:linear-gradient(110deg,#f5f9f9,#e7f6f4)}
.catalog-section{padding-top:74px}
.catalog-toolbar{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}
.catalog-toolbar h2{font-size:clamp(2rem,3.8vw,3rem);letter-spacing:-.05em;line-height:1.2;margin:0}
.catalog-controls{display:flex;gap:24px;align-items:start;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px}
.filter-pills{display:flex;gap:7px;flex-wrap:wrap}
.filter-pill{border:1px solid #d9e5ea;color:#526a7b;background:white;padding:10px 15px;border-radius:100px;font-weight:670;font-size:12px;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.filter-pill:hover{border-color:var(--teal)}
.filter-pill.active{background:var(--navy);border-color:var(--navy);color:white}
.catalog-search{border:1px solid #d9e5ea;background:#fff;border-radius:9px;display:flex;align-items:center;gap:9px;padding:0 12px;min-width:270px;color:#7b929e}
.catalog-search input{width:100%;border:0;outline:none;padding:12px 0;color:var(--navy);font-size:13px;min-width:0}
.results-count{font-size:12px;color:#718898;margin:23px 0 17px}
.catalog-grid{row-gap:24px}
.product-card-compact .card-cover{aspect-ratio:1.3}
.product-card-compact .card-info{padding:21px}
.disclaimer{font-size:12px;color:#708490;padding:18px 22px;margin:40px 0 0;border-left:3px solid #63b8b4;background:#f4faf9;border-radius:0 8px 8px 0}
.empty-state{text-align:center;padding:70px 24px;background:#f6fafb;border-radius:12px}
.empty-state h3{font-size:24px;margin:0}.empty-state p{color:var(--sub)}
.product-detail-hero{background:linear-gradient(120deg,#f5fafa,#e9f5f5);overflow:hidden}
.breadcrumbs{display:flex;align-items:center;gap:9px;padding-top:25px;font-size:12px;color:#66828c;flex-wrap:wrap}
.breadcrumbs a:hover{color:#007d87}.breadcrumbs>span{color:var(--navy)}
.detail-layout{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:420px;gap:60px;padding:42px 0 72px}
.detail-copy h1{font-size:clamp(2.8rem,5.2vw,4.8rem);letter-spacing:-.064em;line-height:1.12;margin:24px 0}
.detail-copy>p{font-size:16px;color:#647b88;max-width:600px}
.detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.detail-visual{min-height:360px;position:relative;display:grid;place-items:center}
.detail-ring{border-radius:50%;position:absolute;border:1px solid rgba(12,153,158,.28);width:310px;height:310px;transform:rotate(-30deg)}
.detail-ring-a{width:360px;height:170px}.detail-ring-b{width:180px;height:350px}
.detail-chip{width:225px;height:225px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;border-radius:24px;transform:rotate(-7deg);background:linear-gradient(145deg,#fff,#daeeee);box-shadow:0 28px 55px rgba(8,74,84,.13);border:1px solid white;color:var(--teal)}
.detail-chip span{color:#225365;letter-spacing:.2em;font-size:15px;line-height:1.35;font-weight:800;text-align:center}
.detail-specs{padding-top:75px}.specs-panel{margin-top:25px;border:1px solid var(--line);border-radius:13px;overflow:hidden}
.specs-row{display:grid;grid-template-columns:30% 70%;border-bottom:1px solid var(--line)}
.specs-row:last-child{border-bottom:0}.specs-row dt{font-weight:720;background:#f5f9fa;padding:20px 25px;color:#234458;font-size:14px}
.specs-row dd{margin:0;padding:20px 25px;font-size:14px;color:#526c7b;overflow-wrap:anywhere}
.notice{margin:27px 0 0;display:flex;gap:12px;padding:16px 19px;border-radius:9px;background:#f1f9f8;color:#51727b;align-items:start;font-size:13px}
.notice svg{flex:none;color:var(--teal)}.notice p{margin:0}
.related-section{background:#f6f9fa}
.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.technology-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tech-card{position:relative;border:1px solid var(--line);border-radius:13px;padding:33px;background:#fff;min-height:294px;box-shadow:0 15px 30px rgba(8,42,61,.03)}
.tech-icon{background:#ddf5f2;color:var(--teal);width:62px;height:62px;display:grid;place-items:center;border-radius:13px}
.tech-num{position:absolute;top:36px;right:34px;font-size:12px;letter-spacing:.12em;color:#aac3c6}
.tech-card h3{font-size:21px;letter-spacing:-.038em;line-height:1.2;margin:24px 0 13px}
.tech-card p{font-size:14px;color:#657e8b;margin:0}
.tech-download{display:flex;gap:13px;align-items:center;margin-top:32px;color:var(--teal);font-size:13px;font-weight:700}
.tech-download a{text-decoration:underline;text-underline-offset:4px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-copy p{color:var(--sub);font-size:16px;margin:0 0 22px}
.about-copy .text-link{margin-top:16px}
.values-section{background:#f5f9fa}
.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.value-grid>div{border:1px solid #e2edef;border-radius:13px;background:white;padding:32px}
.value-grid svg{color:var(--teal)}.value-grid h3{font-size:20px;margin:20px 0 9px;letter-spacing:-.03em}
.value-grid p{font-size:14px;color:var(--sub);margin:0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px}
.contact-grid>div:first-child>p{font-size:16px;color:var(--sub);max-width:450px;margin:22px 0 32px}
.contact-cards{display:grid;gap:15px}.contact-card{border:1px solid var(--line);border-radius:12px;padding:22px 25px;display:flex;align-items:start;gap:17px}
.contact-card strong{display:block;font-size:14px;margin-bottom:4px}.contact-card a{color:var(--teal-dark);font-size:15px}
.contact-card p{font-size:14px;color:#667d8b;margin:0}
@media(max-width:1100px){
  .nav-desktop{gap:22px}.header-inner{gap:28px}.hero-layout{grid-template-columns:1.05fr .95fr}
  .hero-copy h1{font-size:clamp(3.2rem,5.7vw,4.6rem)}.hero-float{right:-20px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .science-layout{gap:46px}.footer-top{gap:28px}.catalog-controls{flex-direction:column}.catalog-search{width:100%;max-width:440px}
}
@media(max-width:760px){
  .container{width:min(100% - 36px,1200px)}.site-header{height:70px}.header-inner{gap:14px}
  .brand-text{font-size:25px}.brand-mark{width:29px;height:29px}.brand-mark span{left:8px;top:3px}
  .nav-desktop{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;border-bottom:1px solid #e1eaed;box-shadow:0 20px 40px rgba(8,28,50,.08);padding:18px;flex-direction:column;align-items:stretch;gap:0}
  .nav-desktop.nav-open{display:flex}.nav-desktop a{padding:13px 16px;font-size:15px}.nav-desktop a.nav-current:after{display:none}
  .header-cta{margin-left:auto;font-size:12px;padding:10px 11px}.header-cta svg{display:none}.mobile-toggle{display:block}
  .hero-layout{grid-template-columns:1fr;min-height:0;gap:0}.hero-copy{padding:60px 0 12px}
  .hero-copy h1{font-size:clamp(3.1rem,10vw,4.7rem);max-width:590px}.hero-copy>p{font-size:16px}
  .hero-footnote{margin-top:30px}.hero-art{min-height:350px;padding:10px 20px 48px}
  .hero-art>img{max-height:380px;width:auto}.hero-orbit{width:350px;height:350px}
  .hero-float{bottom:32px;right:0;min-width:205px;padding:11px}.float-icon{height:38px;width:38px}
  .proof-content{min-height:0;justify-content:center;gap:12px 18px;padding:19px 0}.proof-content>span{width:100%;text-align:center}
  .section{padding-block:70px}.section-heading{flex-direction:column;align-items:start;gap:16px}
  .section-heading h2,.science-copy h2{font-size:clamp(2rem,7vw,3rem)}
  .science-layout{grid-template-columns:1fr;gap:30px}.science-photo,.science-photo img{min-height:340px}.science-copy{padding:10px 0}
  .cta-inner{align-items:start;flex-direction:column;padding-block:65px;gap:25px}
  .footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 24px}
  .footer-bottom{flex-direction:column;gap:5px}
  .subhero{min-height:330px}.subhero-content{padding:60px 0}.subhero h1{font-size:clamp(2.8rem,8vw,4rem)}.subhero p{font-size:16px}
  .catalog-toolbar{align-items:start;flex-direction:column}.filter-pills{gap:6px}
  .detail-layout{grid-template-columns:1fr;gap:8px;padding-bottom:45px}.detail-copy h1{font-size:clamp(2.5rem,9vw,4rem)}
  .detail-visual{min-height:280px}.detail-ring{transform:scale(.8) rotate(-30deg)}.detail-chip{width:180px;height:180px}
  .technology-grid,.value-grid,.related-grid{grid-template-columns:1fr}
  .about-grid,.contact-grid{grid-template-columns:1fr;gap:35px}
}
@media(max-width:480px){
  .container{width:min(100% - 30px,1200px)}
  .header-cta{display:none}.mobile-toggle{margin-left:auto}
  .hero-copy{padding-top:43px}.hero-copy h1{font-size:clamp(2.8rem,12vw,3.8rem)}
  .hero-actions{gap:8px}.hero-actions .btn{width:100%;justify-content:center}
  .hero-art{min-height:295px}.hero-float{right:2px;bottom:25px}.proof-content strong{font-size:11px}
  .product-grid,.category-grid{grid-template-columns:1fr}.section-heading h2{font-size:2.2rem}
  .science-photo,.science-photo img{min-height:290px}.category-tile{min-height:200px}
  .footer-top{grid-template-columns:1fr 1fr}.footer-intro{grid-column:1/-1}
  .catalog-section{padding-top:47px}.catalog-toolbar .btn{width:100%}
  .catalog-search{min-width:0;max-width:none}
  .specs-row{grid-template-columns:1fr}.specs-row dt{padding:13px 17px}.specs-row dd{padding:13px 17px}
  .detail-actions .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}