@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#14212a;--lime:#e0ed55;--muted:#55636b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #276bd5;outline-offset:6px}header{display:flex;align-items:center;justify-content:space-between;min-height:110px;padding:24px 5%;gap:30px}.brand{display:flex;gap:12px;align-items:center;font-weight:800;font-size:21px;line-height:1.1;letter-spacing:.02em}.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--ink);color:var(--lime);font-size:34px;font-style:italic;border-radius:3px}.brand-small{display:block;font-size:12px;letter-spacing:.38em;margin-top:6px}nav{display:flex;gap:36px;font-size:14px;font-weight:600}.header-link{font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:6px}.header-link span{margin-left:24px}.hero{display:grid;grid-template-columns:1.1fr 1fr;background:var(--ink);color:white;margin:0;min-height:620px}.hero-copy{padding:62px 7% 30px}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:700;margin:0 0 24px}.hero .eyebrow{color:var(--lime)}h1,h2,h3,p{margin-top:0}h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;text-transform:uppercase;font-size:clamp(60px,6.6vw,100px);font-weight:600;line-height:.98;letter-spacing:-.025em;margin-bottom:28px}h1 span{color:var(--lime)}.hero-description{font-size:17px;line-height:1.7;max-width:390px;color:#d1d8dc;margin-bottom:32px}.button{display:inline-flex;align-items:center;gap:36px;background:var(--lime);color:var(--ink);font-size:14px;font-weight:700;padding:16px 22px;transition:background .2s}.button:hover{background:#f2fc95}.hero-bottom{display:flex;flex-wrap:wrap;gap:20px;border-top:1px solid #ffffff30;margin-top:55px;padding-top:22px;font-size:11px;letter-spacing:.07em;color:#c3ced4}.hero-visual{position:relative;min-height:500px;background:#294838;background-size:cover;background-position:center}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#14212a05 20%,#101d1ca8)}.photo-caption{position:absolute;z-index:1;left:38px;bottom:37px}.photo-caption span,.image-index{font-size:11px;letter-spacing:.12em}.photo-caption p{font-size:28px;line-height:1.2;margin:15px 0 0;letter-spacing:-.03em}.image-index{position:absolute;z-index:1;top:28px;left:32px;background:#132b2490;padding:8px 12px}.products{padding:90px 5% 95px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}h2{font-size:46px;letter-spacing:-.04em;line-height:1.08;font-weight:500;margin-bottom:0}.section-heading>p{max-width:350px;color:var(--muted);margin-bottom:3px}.section-heading .eyebrow{margin-bottom:18px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{padding:28px 27px 21px;min-height:345px;display:flex;flex-direction:column}.yellow{background:var(--lime)}.blue{background:#3779d5;color:white}.dark{background:var(--ink);color:white}.product-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.09em;margin-bottom:35px}.swatch{width:18px;height:18px;border-radius:50%;border:1px solid currentColor}.product h3{font-size:31px;line-height:1.12;font-weight:500;letter-spacing:-.04em;margin-bottom:17px}.product p{font-size:15px;line-height:1.6;max-width:290px;margin-bottom:30px}.product-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:auto;border-top:1px solid #14212a40;padding-top:17px;font-size:10px;letter-spacing:.05em}.blue .product-bottom,.dark .product-bottom{border-color:#ffffff40}.applications{border-top:1px solid #dce1e3;padding:65px 5% 85px;background:#f3f5f4}.application-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px}.application-list article{display:flex;gap:28px;border-bottom:1px solid #cfd8d4;padding:24px 0}.application-list article:first-child{padding-top:0}.application-list article>span{font-size:12px;color:var(--muted);padding-top:6px}.application-list h3{font-weight:500;font-size:24px;letter-spacing:-.02em;margin-bottom:7px}.application-list p{color:var(--muted);margin-bottom:0;max-width:370px}footer{display:flex;justify-content:space-between;align-items:center;padding:40px 5%;gap:20px}footer p{margin:0;font-size:14px;color:var(--muted)}footer>span{font-size:11px;letter-spacing:.08em}@media(max-width:900px){header{padding:22px 5%}nav{gap:20px}.header-link{display:none}.hero{grid-template-columns:1fr 1fr;margin:0}.hero-copy{padding:45px 8% 25px}h1{font-size:68px}.hero-bottom{gap:12px}.photo-caption{left:25px}.section-heading>p{max-width:280px}.product{padding:24px 20px}.product h3{font-size:26px}.product-bottom{flex-direction:column;gap:2px}h2{font-size:39px}}@media(max-width:650px){header{min-height:90px;gap:15px}.brand{font-size:17px}.brand-mark{width:37px;height:37px;font-size:28px}.brand-small{font-size:10px}nav{font-size:12px;gap:15px}.hero{grid-template-columns:1fr}.hero-copy{padding:38px 7% 25px}h1{font-size:clamp(58px,13vw,80px)}.hero-description{font-size:16px}.hero-bottom{margin-top:35px}.hero-visual{min-height:350px}.photo-caption p{font-size:27px}.products{padding:58px 6%}.section-heading{display:block}.section-heading>p{max-width:100%;margin-top:23px}.product-grid{grid-template-columns:1fr}.product{min-height:315px;padding:27px}.product h3{font-size:34px}.product-bottom{flex-direction:row}.application-layout{grid-template-columns:1fr;gap:38px}.applications{padding:45px 6% 55px}h2{font-size:38px}footer{flex-wrap:wrap;padding:30px 6%;gap:25px}footer>span{width:100%}footer p{max-width:110px}.eyebrow{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-visual{background-image:url('greenhouse.jpg')}

.hero-bottom,.product-top,.product-bottom,.image-index,.photo-caption span,footer>span{font-size:12px}.blue{background:#2162b8}.product-bottom a{font-size:14px;text-decoration:underline;text-underline-offset:4px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:var(--ink);color:white;padding:70px 5%}.contact .eyebrow{color:var(--lime)}.contact p:not(.eyebrow){max-width:420px;color:#d1d8dc}.email{display:block;margin-top:20px;font-size:16px;overflow-wrap:anywhere}.hero-visual{background-image:url('greenhouse.jpg')}@media(max-width:650px){nav{font-size:14px;gap:10px}nav a:nth-child(2){display:none}.eyebrow{font-size:12px}.contact{grid-template-columns:1fr;gap:30px;padding:50px 6%}.product-bottom{flex-wrap:wrap}.product-bottom a{padding:6px 0}}
.brand img{display:block;width:265px;height:auto}footer .brand img{width:230px}@media(max-width:650px){.brand img{width:185px}header{padding:18px 5%}footer .brand img{width:210px}}@media(max-width:370px){.brand img{width:158px}nav{gap:8px;font-size:14px}}/* SPIDERNET brand palette: black, white, ultraviolet blue. */
:root{--ink:#08090d;--lime:#9189ff;--muted:#565864}
.hero,.dark,.contact{background:#08090d}
.button{background:#6554ff;color:#fff}.button:hover{background:#5140e8}
.hero h1 span{color:#9c94ff}.hero .eyebrow,.contact .eyebrow{color:#b3adff}
.hero-visual{background-color:#25252d;background-blend-mode:luminosity}
.hero-visual:after{background:linear-gradient(180deg,#08090d00 20%,#08090dd0)}
.image-index{background:#08090d90}
.yellow{background:#efeff5;color:#08090d}.yellow .swatch{background:#6554ff;border-color:#6554ff}
.blue{background:#4f3edb}.dark .swatch{background:#9189ff;border-color:#9189ff}
.applications{background:#f5f5f7}
a:focus-visible{outline-color:#7d70ff}
@media(max-width:370px){header{flex-wrap:wrap;gap:12px}header .brand img{width:185px}header nav{width:100%;justify-content:space-between}header nav a:nth-child(2){display:inline}h1{font-size:54px}.photo-caption span{font-size:12px;display:block;max-width:210px}.hero .eyebrow{overflow-wrap:anywhere}}

.product-photo{display:block;width:100%;height:210px;object-fit:contain;background:#202023;margin:0 0 27px}.product-top{margin-bottom:22px}.company-background{color:var(--muted);max-width:480px;margin:25px 0 0}.product{min-width:0}.product-photo{aspect-ratio:3/2}.button{background:#315fe7}.button:hover{background:#234bcc}.blue{background:#244fc5}.hero h1 span{color:#7da5ff}.hero .eyebrow,.contact .eyebrow{color:#9fbdff}.yellow .swatch{background:#315fe7;border-color:#315fe7}.dark .swatch{background:#7da5ff;border-color:#7da5ff}a:focus-visible{outline-color:#6197ff}
.hero-visual{background-image:url('spidernet-uv.jpg');background-blend-mode:normal;background-position:center;background-color:#050b23}.hero-visual:after{background:linear-gradient(180deg,#04081310 25%,#040813dd 100%)}.product-photo{background:#eee;height:auto;aspect-ratio:4/3;object-fit:contain}
.story-link{display:inline-block;margin-top:22px;font-weight:600;color:#244fc5;border-bottom:1px solid currentColor;padding-bottom:5px}.story-link span{margin-left:20px}nav a[aria-current="page"]{color:#244fc5;text-decoration:underline;text-underline-offset:7px}.story-intro{background:#08090d;color:#fff;padding:75px 6% 80px;margin:0}.story-intro .eyebrow{color:#9fbdff}.story-intro h1{font-size:clamp(48px,6vw,86px);max-width:1100px;line-height:1.05}.story-intro h1 span{color:#7da5ff}.story-lead{font-size:20px;line-height:1.65;color:#d1d8dc;max-width:680px;margin:30px 0 0}.story-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:80px 6%}.story-prose p{font-size:17px;color:var(--muted);max-width:650px;margin-bottom:22px}.story-prose p:last-child{margin-bottom:0}.story-timeline{background:#f5f5f7;padding:65px 6% 75px}.story-timeline ol{list-style:none;margin:40px 0 0;padding:0}.story-timeline li{display:grid;grid-template-columns:180px 1fr;gap:40px;border-top:1px solid #d3d5df;padding:30px 0}.story-timeline li:last-child{padding-bottom:0}.story-year{font-family:'Barlow Condensed',sans-serif;color:#244fc5;font-size:60px;line-height:1}.story-timeline h3{font-size:25px;line-height:1.3;font-weight:500;margin:0 0 12px}.story-timeline li p{color:var(--muted);max-width:640px;margin:0}@media(max-width:1000px){header{flex-wrap:wrap}header nav{gap:22px}.header-link{display:none}}@media(max-width:650px){header nav{width:100%;justify-content:space-between;gap:10px;flex-wrap:wrap}header nav a:nth-child(2){display:inline}.story-intro{margin:0;padding:42px 7%}.story-intro h1{font-size:48px}.story-lead{font-size:18px}.story-section{grid-template-columns:1fr;gap:28px;padding:50px 6%}.story-timeline{padding:45px 6%}.story-timeline li{grid-template-columns:1fr;gap:18px}.story-year{font-size:48px}.story-timeline h3{font-size:23px}}

/* Prominent brand slogan across both page footers. */
footer{flex-wrap:wrap}footer p{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:700;line-height:1.2;letter-spacing:-.025em;color:var(--ink);max-width:none}@media(max-width:650px){footer p{width:100%;max-width:none;font-size:1.75rem}}

.custom-branding{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:65px 6%;background:#eaf0ff;border-top:1px solid #c7d5f7}.custom-branding .eyebrow{color:#244fc5}.custom-branding-copy p{font-size:17px;max-width:600px}.custom-branding-copy p+p{color:var(--muted)}.custom-branding .button{margin-top:8px}@media(max-width:650px){.custom-branding{grid-template-columns:1fr;gap:28px;padding:45px 6%}}

header .brand img{width:340px;height:auto}footer .brand img{width:255px;height:auto}.hero-description{max-width:440px}@media(max-width:1150px){header{flex-wrap:wrap;gap:24px}header .header-link{display:none}}@media(max-width:650px){header .brand img{width:min(300px,80vw)}header{gap:22px}footer .brand img{width:min(255px,80vw)}}

.footer-privacy{width:100%;border-top:1px solid #d3d5df;padding-top:18px;font-size:14px}.footer-privacy a{text-decoration:underline;text-underline-offset:4px}.privacy-page{max-width:850px;margin:0 auto;padding:65px 6% 80px}.privacy-page h1{font-size:clamp(48px,6vw,72px)}.privacy-page h2{font-size:27px;line-height:1.25;margin:34px 0 14px;letter-spacing:-.025em}.privacy-page p{font-size:17px;line-height:1.75;color:var(--muted)}.privacy-page .privacy-date{font-size:14px}.privacy-page a{color:#244fc5;text-decoration:underline;overflow-wrap:anywhere}

.contact .privacy-inline{font-size:14px;margin:22px 0 0;color:#c1c9d4}.privacy-inline a{text-decoration:underline;text-underline-offset:3px}

.history-logo{display:block;width:min(330px,100%);height:auto;margin:0 0 22px;background:#fff}

.mega-history-logo{width:180px;max-width:100%;height:auto}

.story-timeline{isolation:isolate}.story-timeline .history-logo{background:transparent;mix-blend-mode:multiply}


.story-timeline .history-logo[src='elix-innova-logo.jpg']{transform:translateX(-40px)}@media(max-width:650px){.story-timeline .history-logo[src='elix-innova-logo.jpg']{transform:translateX(-10%);max-width:100%}}


.story-production-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;margin-top:30px}

.application-jumps{display:flex;flex-wrap:wrap;gap:14px 30px;margin-top:30px}.application-jumps a{color:#fff;text-decoration:underline;text-underline-offset:6px;font-size:16px}.application-feature{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:75px 6%;align-items:start}.application-feature figure{margin:0}.application-feature img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.application-feature figcaption{font-size:13px;color:var(--muted);margin-top:12px}.application-feature h2{margin-bottom:26px}.application-feature h3{font-size:23px;font-weight:600;line-height:1.3;margin:28px 0 13px}.application-feature p:not(.eyebrow){font-size:17px;color:var(--muted);line-height:1.7}.agriculture-feature{background:#f5f5f7}.agriculture-feature figure{order:2}.agriculture-feature img{aspect-ratio:4/5}.application-feature .story-link{margin-top:4px}@media(max-width:750px){.application-feature{grid-template-columns:1fr;gap:28px;padding:45px 6%}.agriculture-feature figure{order:0}.agriculture-feature img{aspect-ratio:4/3}.application-jumps{gap:20px}.application-jumps a{line-height:1.5}}

.agriculture-feature img{aspect-ratio:4/3;}

/* Larger type on tablet and desktop, with compact mobile navigation retained. */
@media(min-width:651px){
  header nav{font-size:clamp(1.0625rem,1.1vw,1.375rem);font-weight:600;flex-wrap:wrap}
  .header-link{font-size:clamp(1rem,1vw,1.25rem)}
  .application-list h3{font-size:clamp(1.75rem,1.9vw,2.25rem);line-height:1.25}
  .application-list p,.company-background{font-size:clamp(1.125rem,1.1vw,1.375rem);line-height:1.65}
  .application-list p{max-width:32em}
  .company-background{max-width:32em}
  .application-list article>span{font-size:.875rem}
  .applications .story-link{font-size:1.125rem}
}
@media(min-width:651px) and (max-width:1000px){header nav{width:100%;justify-content:space-between}}