:root{--ink:#111a1d;--muted:#667276;--line:#dfe5e3;--mist:#f3f6f4;--acid:#c9f353;--green:#123f36;--white:#fff;--blue:#377cf6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.notice{height:36px;background:var(--ink);color:#dfe5e3;display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;letter-spacing:.08em}.notice span{color:var(--acid);font-weight:700}.notice p{margin:0}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-family:"Space Grotesk";font-weight:700;letter-spacing:.08em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--green);color:var(--acid);clip-path:polygon(0 0,100% 0,83% 100%,17% 100%)}.brand small{display:block;font:600 8px "DM Sans";letter-spacing:.28em;color:#65716f}.nav nav{display:flex;gap:36px}.nav nav a,.text-link{color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}.cart-button{border:0;background:var(--mist);padding:11px 14px;font:600 14px inherit;cursor:pointer}.cart-button span{display:inline-grid;place-items:center;background:var(--green);color:#fff;border-radius:99px;width:23px;height:23px;margin-left:8px}.hero{min-height:620px;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center;padding-top:54px;padding-bottom:68px}.eyebrow,.kicker{font-size:11px;letter-spacing:.14em;font-weight:700;color:#53605d}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:27px;height:2px;background:var(--blue)}h1,h2,h3{font-family:"Space Grotesk";margin:0}h1{font-size:clamp(48px,6vw,78px);line-height:.96;letter-spacing:-.055em;max-width:760px;margin:24px 0}h1 em{font-style:normal;color:var(--green)}.hero-copy>p{font-size:19px;line-height:1.6;color:var(--muted);max-width:620px}.hero-actions{display:flex;align-items:center;gap:30px;margin:34px 0 50px}.button{border:0;text-decoration:none;display:inline-flex;justify-content:center;padding:15px 22px;font:700 14px inherit;cursor:pointer}.primary{background:var(--acid);color:var(--ink);box-shadow:5px 5px 0 var(--green)}.text-link span{color:var(--blue);margin-left:5px}.proof{display:flex;gap:46px}.proof div{display:flex;flex-direction:column}.proof strong{font:600 14px "Space Grotesk"}.proof span{font-size:12px;color:var(--muted);margin-top:3px}.hero-panel{background:var(--green);color:#fff;padding:28px;min-height:430px;box-shadow:16px 16px 0 var(--acid)}.panel-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em}.live{color:var(--acid)}.live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acid);margin-right:5px}.molecule{height:220px;position:relative}.node{position:absolute;width:22px;height:22px;border:5px solid var(--acid);border-radius:50%;z-index:2}.n1{left:20%;top:52%}.n2{left:45%;top:25%}.n3{left:69%;top:49%}.n4{left:47%;top:75%}.n5{left:84%;top:18%}.bond{height:2px;background:#87b6a8;position:absolute;transform-origin:left center}.b1{width:135px;left:22%;top:55%;transform:rotate(-38deg)}.b2{width:128px;left:48%;top:30%;transform:rotate(35deg)}.b3{width:128px;left:49%;top:79%;transform:rotate(-30deg)}.b4{width:104px;left:71%;top:52%;transform:rotate(-55deg)}.panel-row{border-top:1px solid #37675e;padding:14px 0;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em}.panel-row strong{color:var(--acid)}.hero-panel>p{font-size:10px;color:#96afa8;line-height:1.4}.catalog{padding:95px 0 110px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section-heading h2,.standards h2,.about h2{font-size:40px;letter-spacing:-.04em;margin-top:10px}.filters{display:flex;background:var(--mist);padding:4px}.filters button{border:0;background:transparent;padding:9px 14px;font:600 13px inherit;cursor:pointer}.filters button.active{background:#fff;box-shadow:0 2px 8px #16251d12}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product{border:1px solid var(--line);padding:22px;min-height:330px;display:flex;flex-direction:column;transition:.2s}.product:hover{transform:translateY(-4px);border-color:#9aaba6;box-shadow:0 14px 30px #142a2110}.product-tag{font-size:10px;letter-spacing:.13em;color:var(--blue);font-weight:700}.product-visual{height:100px;margin:24px 0;display:grid;place-items:center;background:var(--mist);position:relative;overflow:hidden}.product-visual:before{content:"";width:55px;height:55px;border:1px solid #86a49a;transform:rotate(45deg)}.product-visual:after{content:"";position:absolute;width:12px;height:12px;background:var(--acid);border-radius:50%}.product h3{font-size:20px}.product p{font-size:13px;line-height:1.5;color:var(--muted);flex:1}.product-meta{font-size:11px;color:#75817e;padding:11px 0;border-top:1px solid var(--line)}.product-bottom{display:flex;justify-content:space-between;align-items:center}.product-price{font:600 18px "Space Grotesk"}.add{width:37px;height:37px;border:0;background:var(--green);color:#fff;font-size:20px;cursor:pointer}.standards{background:var(--green);color:#fff;padding:100px 0}.standards-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:110px}.kicker.light{color:var(--acid)}.standards h2{font-size:48px;margin:16px 0}.standards-grid>div>p{color:#abc0ba;line-height:1.7}.standard-list article{display:flex;gap:28px;padding:24px 0;border-top:1px solid #37675e}.standard-list b{color:var(--acid);font:600 12px "Space Grotesk"}.standard-list h3{font-size:20px}.standard-list p{color:#9fb7b0;font-size:14px;margin:6px 0}.about{padding:100px 0;display:grid;grid-template-columns:2fr 1fr;gap:70px}.about-card{border-left:4px solid var(--acid);padding-left:34px}.about-card p{font-size:17px;color:var(--muted);line-height:1.7;max-width:700px}.about-card a{color:var(--green);font-weight:700}.about aside{background:var(--mist);padding:28px}.about aside span{font-size:10px;letter-spacing:.12em;font-weight:700;color:#b25f36}.about aside p{font-size:13px;line-height:1.6;color:var(--muted)}footer{background:#0c1416;color:#9aa7a5;padding:42px 0}footer .shell{display:flex;align-items:center;justify-content:space-between;font-size:12px}.brand.inverse{color:#fff}.brand.inverse small{color:#7d8e8b}footer a{color:#9aa7a5;margin-left:20px}dialog{border:0;padding:0;background:transparent;max-width:540px;width:calc(100% - 32px)}dialog::backdrop{background:#08110ddd;backdrop-filter:blur(4px)}.dialog-card{background:#fff;padding:34px;position:relative}.close{position:absolute;right:20px;top:16px;border:0;background:transparent;font-size:28px;cursor:pointer}.dialog-card h2{font-size:34px;margin:8px 0 22px}.cart-items{max-height:180px;overflow:auto}.cart-empty{color:var(--muted);padding:28px 0;border-block:1px solid var(--line)}.cart-line{display:grid;grid-template-columns:1fr auto auto;gap:14px;padding:12px 0;border-top:1px solid var(--line);align-items:center;font-size:13px}.remove{border:0;background:transparent;color:#a44438;cursor:pointer}.cart-total{display:flex;justify-content:space-between;padding:18px 0;border-top:2px solid var(--ink);margin-top:8px}.field{display:block;font-size:12px;font-weight:700}.field input{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #bcc6c3;font:inherit}.attest{display:flex;gap:10px;font-size:11px;line-height:1.5;color:var(--muted);margin:18px 0}.attest input{width:18px;height:18px;flex:0 0 auto}.wide{width:calc(100% - 5px)}.demo-note{font-size:10px;color:#84908d;text-align:center}.toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:#fff;padding:13px 18px;font-size:13px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:80px}.hero-panel{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}.standards-grid,.about{grid-template-columns:1fr;gap:50px}}@media(max-width:560px){.shell{width:min(100% - 28px,1180px)}.notice p{display:none}.nav{height:70px}.hero{min-height:auto;padding:64px 0}.hero h1{font-size:49px}.hero-copy>p{font-size:16px}.proof{gap:20px;flex-wrap:wrap}.section-heading{align-items:start;gap:24px;flex-direction:column}.product-grid{grid-template-columns:1fr}.standards{padding:70px 0}.standards h2{font-size:38px}.about{padding:70px 0}footer .shell{align-items:start;gap:24px;flex-direction:column}}
