@layer theme,base,tokens,surfaces;@layer components{@media (prefers-reduced-motion:no-preference){[data-reveal]{opacity:0;transition:opacity var(--duration-reveal) var(--ease-out), transform var(--duration-reveal) var(--ease-out);transform:translateY(20px)}[data-reveal][data-revealed=true]{opacity:1;transform:none}}.products-hero{align-items:center;min-height:min(62vh,38rem);display:flex;position:relative;overflow:hidden}.products-hero-backdrop{z-index:0;position:absolute;inset:0}.products-hero-photo{object-fit:cover;object-position:50% 30%;width:100%;height:100%;position:absolute;inset:0}.products-hero-scrim{background:linear-gradient(90deg,oklch(20.5% .012 255/.92) 0%,oklch(20.5% .012 255/.86) 32%,oklch(20.5% .012 255/.62) 52%,oklch(20.5% .012 255/.18) 74%,#0000 92%),linear-gradient(#0000 40%,oklch(20.5% .012 255/.1) 64%,oklch(20.5% .012 255/.55) 100%),oklch(20.5% .012 255/.82) linear-gradient(oklch(20.5% .012 255/.24) 0%,#0000 22%);position:absolute;inset:0}@media (width>=48rem){.products-hero-scrim{background-color:#0000}}.products-hero-content{z-index:1;flex-direction:column;align-items:flex-start;width:100%;max-width:56rem;display:flex;position:relative}.products-hero-head{gap:var(--spacing-4)}.products-hero-head .text-h1{font-size:var(--text-display);letter-spacing:-.025em;text-wrap:balance;line-height:1.03}.products-hero-head .heading-supporting{max-width:38rem}.products-titleblock{gap:var(--spacing-6) var(--spacing-8);width:100%;margin-top:clamp(var(--spacing-12), 6vw, var(--spacing-16));padding-top:var(--spacing-6);border-top:1px solid var(--border-hairline);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.products-titleblock-cell{gap:var(--spacing-2);flex-direction:column;display:flex}.products-titleblock-label{font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-weight:600}.products-titleblock-value{color:var(--text-primary)}@media (width>=48rem){.products-titleblock{grid-template-columns:repeat(4,minmax(0,1fr))}}.systems{gap:clamp(var(--spacing-12), 5vw, var(--spacing-16));flex-direction:column;display:flex}.systems-cluster{gap:var(--spacing-4);flex-direction:column;display:flex}.systems-label{align-items:center;gap:var(--spacing-4);font-family:var(--font-body);font-size:var(--text-eyebrow);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-weight:600;display:flex}.systems-label:after{content:"";background:var(--border-hairline);flex:1;height:1px}.register{border-bottom:1px solid var(--border-hairline);margin:0;padding:0;list-style:none}.register-link{align-items:center;gap:var(--spacing-4);padding-block:var(--spacing-6);border-top:1px solid var(--border-hairline);grid-template-columns:3.5rem minmax(0,1fr) auto;display:grid;position:relative}.register-item:first-child .register-link:before{content:"";background:var(--accent);width:2.5rem;height:2px;position:absolute;top:-1px;left:0}.register-swatch{border:1px solid var(--border-hairline);border-radius:var(--radius-sm);background:var(--surface-raised);width:2.75rem;height:2.75rem;display:block;overflow:hidden}.register-swatch-img{object-fit:cover;width:100%;height:100%}.register-swatch-fill[data-kind=polycarbonate]{background:linear-gradient(120deg,#0000 38%,oklch(100% 0 0/.65) 50%,#0000 62%),linear-gradient(155deg,oklch(85% .055 230),oklch(70% .085 238));width:100%;height:100%;display:block}.register-main{gap:var(--spacing-1);flex-direction:column;min-width:0;display:flex}.register-name{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);font-size:clamp(1.25rem,1.1rem + .75vw,1.625rem);font-weight:500}.register-tagline{max-width:58ch;font-size:var(--text-body-s);color:var(--text-secondary)}.register-spec{gap:var(--spacing-1);color:var(--text-secondary);flex-direction:column;display:none}.register-spec-label{font-size:var(--text-label);text-transform:uppercase;letter-spacing:.06em}.register-spec-value{color:var(--text-primary)}.register-arrow{color:var(--accent-text);justify-self:end;font-weight:600}@media (width>=48rem){.register-link{gap:var(--spacing-6);grid-template-columns:3.5rem minmax(0,1fr) 11rem 2rem}.register-spec{display:flex}}@media (hover:hover){.register-link:hover{background:color-mix(in oklch, var(--text-primary) 4%, transparent)}.register-link:hover .register-name{color:var(--accent-text)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.register-link{transition:background-color var(--duration-hover) var(--ease-out)}.register-name,.register-arrow{transition:color var(--duration-hover) var(--ease-out), transform var(--duration-hover) var(--ease-out)}.register-link:hover .register-arrow{transform:translate(4px)}}.estimator-strip-inner{align-items:flex-start;gap:var(--spacing-8);padding-top:var(--spacing-8);border-top:1px solid var(--border-hairline);flex-direction:column;display:flex;position:relative}.estimator-strip-inner:before{content:"";background:var(--accent);width:2.5rem;height:2px;position:absolute;top:-1px;left:0}.estimator-strip-copy{gap:var(--spacing-3);flex-direction:column;max-width:52ch;display:flex}.estimator-strip-head{color:var(--text-primary)}@media (width>=48rem){.estimator-strip-inner{justify-content:space-between;align-items:center;gap:var(--spacing-16);flex-direction:row}}.section-shell.products-cta{background-color:var(--surface-raised);position:relative}.products-cta-motif{pointer-events:none;background-image:repeating-linear-gradient(122deg,#0000 0 19px,oklch(100% 0 0/.04) 30px,#0000 41px 60px);position:absolute;inset:0;mask-image:linear-gradient(90deg,#0000 38%,#000)}.products-cta-inner{text-align:start;flex-direction:column;align-items:flex-start;max-width:44rem;display:flex;position:relative}.products-cta-head{margin-bottom:var(--spacing-8)}.products-cta-head .text-h2{font-size:var(--text-h1);letter-spacing:-.02em}.products-cta-actions{gap:var(--spacing-4);flex-wrap:wrap;display:flex}}@layer utilities;.products-hero{padding-block:clamp(3rem,6vw,5rem)}.systems-section{padding-block-end:clamp(2rem,4vw,3rem)}.estimator-strip{padding-block:clamp(1.5rem,3vw,3rem)}.products-cta{padding-block:clamp(3.5rem,7vw,6rem)}
