:root{--bg: #0b0f0d;--bg-2: #0e1410;--bg-3: #131a16;--panel: #151d18;--panel-2: #1a221c;--line: #1f2a23;--line-2: #2a382f;--text: #e6efe8;--text-2: #aab5ad;--text-3: #7d8a82;--green: #3ecf6a;--green-2: #2bb358;--green-soft: rgba(62, 207, 106, .12);--green-line: rgba(62, 207, 106, .35);--amber: #d8b15a;--danger: #d85a5a;--radius: 10px;--radius-lg: 14px;--shadow: 0 4px 18px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .45);--max: 1240px;--header-h: 130px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html{scroll-behavior:smooth}main [id]{scroll-margin-top:calc(var(--header-h) + 32px)}body{background-image:linear-gradient(rgba(62,207,106,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(62,207,106,.04) 1px,transparent 1px);background-size:48px 48px;background-position:0 var(--header-h);min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:Space Grotesk,Inter,sans-serif;font-weight:600;letter-spacing:-.01em;margin:0 0 .5em;color:var(--text)}h1{font-size:clamp(1.9rem,3.5vw,2.8rem);line-height:1.1}h2{font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.2}h3{font-size:1.1rem}p{color:var(--text-2);margin:0 0 1em}button{font:inherit}.container{max-width:var(--max);margin:0 auto;padding:0 24px}.section{padding:64px 0;position:relative}.section--tight{padding:40px 0}.section--alt{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;color:var(--green);margin-bottom:12px;font-weight:600}.eyebrow:before{content:"";width:24px;height:1px;background:var(--green)}.eyebrow__link{margin-left:6px;padding-left:12px;border-left:1px solid var(--green-line);color:var(--text);text-decoration:none;font-weight:600;letter-spacing:.18em}.eyebrow__link:hover{color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;border:1px solid transparent;transition:all .15s ease;text-decoration:none;white-space:nowrap}.btn--primary{background:var(--green);color:#06170c;border-color:var(--green)}.btn--primary:hover{background:var(--green-2);border-color:var(--green-2)}.btn--ghost{background:transparent;color:var(--text);border-color:var(--line-2)}.btn--ghost:hover{border-color:var(--green-line);color:var(--green)}.btn--quiet{background:var(--panel);color:var(--text);border-color:var(--line)}.btn--quiet:hover{border-color:var(--green-line)}.btn--sm{padding:8px 14px;font-size:.85rem}.utility-bar{background:#050807;border-bottom:1px solid var(--line);font-size:.8rem;color:var(--text-3)}.utility-bar__inner{display:flex;justify-content:space-between;align-items:center;height:32px;gap:16px;flex-wrap:wrap}.utility-bar__demo{color:var(--amber);font-weight:600;letter-spacing:.08em;font-size:.7rem;text-transform:uppercase}.utility-bar a{color:var(--text-2)}.utility-bar a:hover{color:var(--green)}.header{position:sticky;top:0;z-index:50;background:#0b0f0deb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);gap:24px}.brand{display:flex;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.15rem;color:var(--text);letter-spacing:-.01em}.brand__logo{height:110px;width:auto;display:block}.brand__logo--footer{height:140px;margin-bottom:4px}.brand__mark{width:28px;height:28px;border-radius:6px;background:linear-gradient(135deg,var(--green),var(--green-2));display:flex;align-items:center;justify-content:center;color:#06170c;font-weight:800;font-size:.9rem}.brand__sub{color:var(--green);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;display:block;font-weight:500}@media (max-width: 600px){.brand__logo{height:90px}}.nav{display:flex;align-items:center;gap:4px}.nav a{padding:8px 12px;border-radius:6px;font-size:.92rem;color:var(--text-2);font-weight:500}.nav a:hover,.nav a.active{color:var(--text);background:var(--panel)}.header__actions{display:flex;align-items:center;gap:8px}.icon-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer}.icon-btn:hover{border-color:var(--green-line);color:var(--green)}.menu-toggle{display:none}@media (max-width: 980px){.nav{display:none}.menu-toggle{display:inline-flex}}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;background:#050807eb;z-index:100;display:none;flex-direction:column}.mobile-menu.open{display:flex}.mobile-menu__panel{margin-left:auto;width:min(360px,100%);height:100%;background:var(--bg-2);border-left:1px solid var(--line);padding:24px;overflow-y:auto}.mobile-menu__close{background:transparent;border:none;color:var(--text);font-size:1.5rem;cursor:pointer;margin-bottom:16px}.mobile-menu nav a{display:block;padding:14px 0;border-bottom:1px solid var(--line);color:var(--text);font-size:1rem}.mobile-menu nav a:hover{color:var(--green)}.hero{position:relative;padding:96px 0 80px;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(800px 400px at 70% 20%,rgba(62,207,106,.15),transparent 70%),radial-gradient(600px 300px at 20% 80%,rgba(62,207,106,.08),transparent 70%);pointer-events:none}.hero__inner{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;position:relative}@media (max-width: 880px){.hero__inner{grid-template-columns:1fr}}.hero h1{letter-spacing:-.02em}.hero h1 .accent{color:var(--green)}.hero__lead{font-size:1.1rem;color:var(--text-2);max-width:540px;margin-bottom:24px}.hero__ctas{display:flex;gap:12px;flex-wrap:wrap}.hero__panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-lg);position:relative}.hero__panel-title{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--green);text-transform:uppercase;letter-spacing:.16em;margin-bottom:16px;font-weight:600}.hero__panel-title:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.hero__metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.hero__metric{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:14px}.hero__metric-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);margin-bottom:4px}.hero__metric-value{font-size:1.3rem;font-weight:700;font-family:Space Grotesk,sans-serif;color:var(--text)}.hero__metric-value .unit{color:var(--text-3);font-size:.85rem;font-weight:500;margin-left:4px}.systems{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.sys-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:10px;transition:all .2s ease;text-decoration:none;color:inherit;position:relative;overflow:hidden;min-height:180px}.sys-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .25s ease;z-index:3}.sys-card:hover{border-color:var(--green-line);transform:translateY(-2px)}.sys-card:hover:before{transform:scaleX(1)}.sys-card--photo{background-color:var(--panel);background-repeat:no-repeat;background-position:center right -10%;background-size:70% auto;isolation:isolate}.sys-card--photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0b0f0df2,#0b0f0dc7 45%,#0b0f0d8c),linear-gradient(135deg,rgba(62,207,106,.22),rgba(62,207,106,.08) 60%,transparent 100%);z-index:1;pointer-events:none;transition:background .25s ease}.sys-card--photo:hover:after{background:linear-gradient(90deg,#0b0f0deb,#0b0f0dad 45%,#0b0f0d66),linear-gradient(135deg,rgba(62,207,106,.28),rgba(62,207,106,.12) 60%,transparent 100%)}.sys-card--photo>*{position:relative;z-index:2}.sys-card--photo .sys-card__title{text-shadow:0 1px 4px rgba(0,0,0,.6);font-weight:700}.sys-card--photo .sys-card__desc{color:var(--text);font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.65)}.sys-card--goal{background-size:cover;background-position:center;min-height:200px}.sys-card--goal:after{background:linear-gradient(180deg,#0b0f0d8c,#0b0f0dd9),linear-gradient(135deg,rgba(62,207,106,.3),rgba(62,207,106,.1) 60%,transparent 100%)}.sys-card--goal:hover:after{background:linear-gradient(180deg,#0b0f0d66,#0b0f0dc7),linear-gradient(135deg,rgba(62,207,106,.36),rgba(62,207,106,.14) 60%,transparent 100%)}.sys-card--goal .sys-card__icon{background:#0b0f0da6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--green-line)}.step-num{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-width:38px;height:28px;padding:0 10px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.85rem;letter-spacing:.08em;color:var(--green);background:#0b0f0db3;border:1px solid var(--green-line);border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sys-card--step{min-height:220px}.sys-card--product{background-color:var(--panel);background-repeat:no-repeat;background-position:88% center;background-size:auto 65%;min-height:200px}.sys-card--photo.sys-card--product:after{background:linear-gradient(90deg,#0b0f0df5,#0b0f0dd1 45%,#0b0f0d73),linear-gradient(135deg,rgba(62,207,106,.18),rgba(62,207,106,.06) 60%,transparent 100%)}.sys-card--photo.sys-card--product:hover:after{background:linear-gradient(90deg,#0b0f0df0,#0b0f0dbd 45%,#0b0f0d52),linear-gradient(135deg,rgba(62,207,106,.24),rgba(62,207,106,.1) 60%,transparent 100%)}.sys-card--guide{min-height:240px}.guide-cat{display:inline-flex;align-items:center;height:26px;padding:0 12px;align-self:flex-start;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--green);background:#0b0f0db3;border:1px solid var(--green-line);border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.guide-note{margin-top:auto;padding-top:10px;font-size:.78rem;font-style:italic;color:#e6efe8bf;text-shadow:0 1px 4px rgba(0,0,0,.6)}.sys-card__icon{width:38px;height:38px;border-radius:8px;background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:1.1rem}.sys-card__title{font-size:1.05rem;font-weight:600}.sys-card__desc{font-size:.88rem;color:var(--text-2)}.sys-card__cta{margin-top:auto;font-size:.85rem;color:var(--green);font-weight:600}.grid{display:grid;gap:20px}.grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid--4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.card h3{font-size:1.05rem;margin-bottom:6px}.p-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;text-decoration:none;color:inherit;transition:all .18s ease;position:relative}.p-card:hover{border-color:var(--green-line);transform:translateY(-2px);box-shadow:var(--shadow)}.p-card__img{aspect-ratio:4 / 3;background:linear-gradient(135deg,var(--bg-3),var(--bg-2));display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:2rem;border-bottom:1px solid var(--line);position:relative}.p-card__img--photo{background:#f4f6f3;padding:14px}.p-card__img img{width:100%;height:100%;object-fit:contain}.p-card__demo{position:absolute;top:8px;left:8px;background:#0b0f0dd9;color:var(--amber);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;border-radius:4px;font-weight:600}.p-card__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.p-card__cat{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3)}.p-card__name{font-size:.98rem;font-weight:600;color:var(--text);line-height:1.3}.p-card__price{margin-top:auto;padding-top:10px;font-weight:700;color:var(--green);font-family:Space Grotesk,sans-serif;font-size:1rem}.p-card__price--unconfirmed{color:var(--text-3);font-weight:500;font-size:.85rem}.filters{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.filters input,.filters select{background:var(--bg-2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:9px 12px;font-size:.9rem;min-width:160px}.filters input:focus,.filters select:focus{outline:none;border-color:var(--green-line)}.chip{padding:6px 12px;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;font-size:.8rem;color:var(--text-2);cursor:pointer}.chip:hover{border-color:var(--green-line);color:var(--text)}.chip.active{background:var(--green-soft);border-color:var(--green-line);color:var(--green)}.crumbs{font-size:.85rem;color:var(--text-3);margin-bottom:16px}.crumbs a{color:var(--text-2)}.crumbs a:hover{color:var(--green)}.crumbs span+span:before{content:"/";margin:0 8px;color:var(--text-3)}.demo-banner{background:var(--green-soft);border:1px solid var(--green-line);color:var(--green);padding:12px 16px;border-radius:8px;font-size:.88rem;margin:16px 0}.demo-tag{display:inline-block;background:var(--bg-2);color:var(--amber);border:1px solid var(--line);padding:2px 8px;border-radius:4px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.pd-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start}@media (max-width: 880px){.pd-grid{grid-template-columns:1fr}}.pd-img{aspect-ratio:1;background:linear-gradient(135deg,var(--bg-3),var(--bg-2));border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:4rem;overflow:hidden}.pd-img--photo{background:#f4f6f3;padding:32px}.pd-img img{max-width:100%;max-height:100%;object-fit:contain}.pd-meta{display:flex;flex-direction:column;gap:14px}.pd-cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.pd-spec{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px 16px;font-size:.9rem;color:var(--text-2)}.pd-spec strong{color:var(--text);display:block;margin-bottom:4px;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.form{display:grid;gap:14px}.form label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--text-2)}.form input,.form select,.form textarea{background:var(--bg-2);border:1px solid var(--line);color:var(--text);padding:10px 12px;border-radius:6px;font:inherit}.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--green-line)}.form textarea{min-height:120px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.footer{background:#060a08;border-top:1px solid var(--line);padding:56px 0 24px;margin-top:80px;color:var(--text-2);font-size:.9rem}.footer h4{color:var(--text);font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px}.footer__cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}@media (max-width: 880px){.footer__cols{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.footer__cols{grid-template-columns:1fr}}.footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.footer a:hover{color:var(--green)}.footer__bottom{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:.8rem;color:var(--text-3)}.cta-band{background:linear-gradient(135deg,var(--bg-2),var(--bg-3));border:1px solid var(--line);border-radius:var(--radius-lg);padding:48px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;position:relative;overflow:hidden}.cta-band:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(400px 200px at 100% 0%,var(--green-soft),transparent 70%);pointer-events:none}.cta-band>*{position:relative}.tag-line{display:inline-block;background:var(--bg-2);border:1px solid var(--line);color:var(--text-2);font-size:.78rem;padding:4px 10px;border-radius:4px}.note-line{font-size:.85rem;color:var(--text-3);font-style:italic}.empty{text-align:center;padding:60px 20px;color:var(--text-3);border:1px dashed var(--line);border-radius:var(--radius)}.split-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.split-list li{background:var(--panel);border:1px solid var(--line);padding:10px 14px;border-radius:6px;font-size:.9rem}.cat-tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:inherit;overflow:hidden;display:flex;flex-direction:column;transition:all .18s ease}.cat-tile:hover{border-color:var(--green-line);transform:translateY(-2px)}.cat-tile__img{aspect-ratio:16 / 9;background:#f4f6f3;display:flex;align-items:center;justify-content:center;padding:14px;border-bottom:1px solid var(--line)}.cat-tile__img img{max-width:100%;max-height:100%;object-fit:contain}.cat-tile__body{padding:14px 16px 16px}.placeholder-card{text-align:center;padding:64px 24px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);max-width:640px;margin:0 auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;background:var(--green);color:#06170c;padding:8px 14px;border-radius:6px;z-index:200}:focus-visible{outline:2px solid var(--green);outline-offset:2px}