:root {
  color-scheme:dark; font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --site-bg:#0c1715;--site-surface:#11201c;--site-ink:#eff7ee;--site-dim:#b0c7b9;
  --site-line:#2c443a;--site-lime:#c9f681;--site-warn:#f4c57f;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--site-bg);color:var(--site-ink)}
h1,h2,h3,p,figure{margin:0}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--site-lime);outline-offset:4px}
.site-width{width:min(1180px,calc(100% - 64px));margin-inline:auto}
.site-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--site-line)}
.site-brand{display:inline-flex;align-items:center;gap:8px;font-size:23px;font-weight:850;letter-spacing:-.07em;width:max-content}
.site-brand span{color:var(--site-lime);margin-left:-7px}
.site-header nav{display:flex;gap:28px;color:var(--site-dim);font-size:14px}
.site-header nav a:hover,.site-footer a:hover,.site-text-link:hover{color:var(--site-lime)}
.site-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:9px;background:var(--site-lime);color:#13261b;padding:12px 16px;font-size:14px;font-weight:780;cursor:pointer}
.site-button:hover{background:#dafaa3}
.site-button-secondary{background:transparent;color:var(--site-ink);border-color:#54715e}
.site-button-secondary:hover{background:#1d332a;color:var(--site-lime)}
.site-hero{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:clamp(24px,4vw,65px);padding:clamp(54px,8vw,112px) 0 72px}
.site-kicker,.site-module-index{color:var(--site-lime);font-size:11px;font-weight:800;letter-spacing:.16em}
.site-kicker span{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--site-lime)}
.site-hero h1{margin:16px 0 20px;font-size:clamp(42px,5.8vw,82px);letter-spacing:-.075em;line-height:1.03;text-wrap:balance}
.site-hero h1 em{font-style:normal;color:var(--site-lime)}
.site-hero-copy>p:not(.site-kicker){color:var(--site-dim);line-height:1.75;max-width:53ch;font-size:clamp(15px,1.45vw,18px)}
.site-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:27px}
.site-text-link{font-size:14px;font-weight:650}
.site-hero-visual img,.login-side img{display:block;width:100%;height:auto}
.site-hero-visual figcaption{font-size:11px;color:var(--site-dim);margin-top:9px;text-align:right}
.site-strip{border-block:1px solid var(--site-line);background:#101e1a}
.site-strip>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;padding:16px 0;color:#bed5c6;font-size:11px;letter-spacing:.12em;font-weight:730}
.site-modules,.site-workflow{padding-block:clamp(54px,8vw,94px);scroll-margin-top:20px}
.site-modules h2,.site-workflow h2{margin:9px 0 24px;font-size:clamp(28px,4.3vw,51px);letter-spacing:-.06em;line-height:1.12;text-wrap:balance}
.site-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.site-module{display:grid;grid-template-rows:1fr auto;gap:22px;padding:clamp(15px,2.2vw,28px);border:1px solid var(--site-line);border-radius:15px;background:linear-gradient(140deg,#162821,#111f1b 75%)}
.site-module h3{margin:9px 0;font-size:clamp(19px,2.4vw,26px);letter-spacing:-.035em}
.site-module p:not(.site-module-index),.site-workflow li p{color:var(--site-dim);font-size:14px;line-height:1.65}
.site-demo{width:100%;display:block}
.site-demo text{fill:var(--site-ink);font:14px system-ui,sans-serif}
.site-demo .demo-label{fill:#a4bdb0;font-size:10px;font-weight:750;letter-spacing:1.4px}
.site-demo .demo-value{font-size:25px;font-weight:780}
.demo-panel{fill:#0f1c18;stroke:#385449}
.demo-divider{fill:none;stroke:#3a584c}
.demo-node{fill:#22372c;stroke:#456553}
.site-demo .demo-good{fill:var(--site-lime)}
.site-demo .demo-warn{fill:var(--site-warn)}
.demo-track,.demo-meter{stroke-width:5;stroke-linecap:round}
.demo-track{stroke:#294239}
.demo-meter{stroke:var(--site-lime)}
.demo-meter.demo-meter-warn{stroke:var(--site-warn)}
.site-workflow{border-top:1px solid var(--site-line);display:grid;justify-items:start}
.site-workflow ol{width:100%;margin:0 0 25px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none}
.site-workflow li{display:flex;gap:12px;border-top:1px solid #3e574b;padding-top:16px}
.site-workflow li span{color:var(--site-lime);font:700 12px ui-monospace,monospace;padding-top:4px}
.site-workflow li h3{margin-bottom:6px}
.site-footer{border-top:1px solid var(--site-line);padding:22px 0 34px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--site-dim);font-size:14px}
.site-footer .site-brand{font-size:20px;color:var(--site-ink)}
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}
.login-layout{width:min(100%,1050px);display:grid;grid-template-columns:minmax(280px,390px) 1fr;align-items:center;gap:clamp(25px,7vw,92px)}
.login-card{padding:clamp(18px,4vw,38px);border:1px solid var(--site-line);border-radius:17px;background:var(--site-surface)}
.login-card .site-brand{margin-bottom:30px}
.login-card h1{font-size:clamp(29px,4vw,43px);letter-spacing:-.06em;margin-top:8px}
.login-intro,.site-back{color:var(--site-dim);font-size:14px;line-height:1.55}
.login-intro{margin:10px 0 20px}
.login-form,.login-form label{display:grid;gap:8px}
.login-form{gap:14px}
.login-form label{font-size:13px;font-weight:680}
.login-form input{width:100%;padding:10px 12px;border:1px solid #4d6659;border-radius:8px;color:var(--site-ink);background:#0c1715}
.login-error{padding:10px 12px;margin-bottom:14px;border:1px solid #965254;border-radius:8px;background:#372226;color:#ffd9d9;font-size:13px}
.site-back{display:inline-block;margin-top:22px}
.site-back:hover{color:var(--site-lime)}
@media(max-width:800px){
  .site-width{width:calc(100% - 36px)}
  .site-hero{grid-template-columns:1fr;padding:54px 0 42px}
  .site-hero h1{max-width:15ch}
  .site-hero-visual{max-width:650px}
  .site-workflow ol{grid-template-columns:1fr}
  .login-layout{grid-template-columns:minmax(0,420px);justify-content:center}
  .login-side{display:none}
}
@media(max-width:535px){
  .site-header nav{display:none}
  .site-header .site-brand{font-size:20px}
  .site-header .site-button{padding:9px 10px;font-size:12px}
  .site-module-grid{grid-template-columns:1fr}
  .site-strip>div{justify-content:flex-start}
  .site-hero h1{font-size:clamp(37px,11vw,54px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.site-header-actions,.login-heading{display:flex;align-items:center;gap:9px}
.login-heading{justify-content:space-between}
.site-language{font:700 12px system-ui,sans-serif;color:var(--site-ink);background:var(--site-surface);border:1px solid #4a6658;border-radius:8px;padding:8px 6px}
.site-kicker .site-kicker-copy{display:inline;width:auto;height:auto;margin:0;border-radius:0;background:none}
.site-commercial{padding-block:clamp(42px,7vw,90px)}
.site-commercial>h1{font-size:clamp(36px,6vw,68px);line-height:1.07;letter-spacing:-.065em;max-width:18ch;margin:12px 0}
.commercial-intro{max-width:66ch;color:var(--site-dim);line-height:1.65;margin-bottom:26px}
.billing-toggle{display:inline-flex;gap:8px;border:1px solid var(--site-line);border-radius:10px;padding:8px;margin:0 0 20px}
.billing-toggle legend{font-size:12px;color:var(--site-dim);padding:0 5px}
.billing-toggle label{display:flex;gap:6px;align-items:center;padding:6px 9px;font-size:14px;cursor:pointer}
.billing-toggle input{accent-color:var(--site-lime)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.pricing-card,.calculator-panel{border:1px solid var(--site-line);border-radius:14px;background:var(--site-surface);padding:clamp(16px,2.4vw,28px);min-width:0}
.pricing-card{display:flex;flex-direction:column;gap:12px}
.pricing-highlight{border-color:#688f54;background:linear-gradient(140deg,#1c3227,#14231d)}
.pricing-card h2,.calculator-panel h2,.billing-terms h2{letter-spacing:-.035em}
.price-value{display:flex;align-items:baseline;gap:8px}
.price-value strong{font-size:clamp(28px,4vw,48px);letter-spacing:-.065em}
.price-value span,.price-invoice,.calculator-note{color:var(--site-dim);font-size:13px;line-height:1.55}
.pricing-card ul{padding-left:18px;margin:4px 0 12px;color:var(--site-dim);font-size:14px;line-height:1.65;flex:1}
.pricing-card li+li{margin-top:7px}
.pricing-card .site-button{align-self:start}
.billing-terms{margin-top:44px;padding-top:25px;border-top:1px solid var(--site-line)}
.billing-terms h2{margin-top:8px}
.billing-terms dl,.calculator-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.billing-terms dl div,.calculator-metrics div{padding:12px;background:var(--site-surface);border:1px solid var(--site-line);border-radius:9px}
.billing-terms dt,.calculator-metrics dd{font-weight:750}
.billing-terms dd,.calculator-metrics dt{margin:5px 0 0;color:var(--site-dim);font-size:13px;line-height:1.55}
.calculator-grid{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:15px;align-items:start}
#value-form{display:grid;gap:15px}
#value-form label{display:grid;gap:6px;font-size:14px;font-weight:660}
#value-form input{min-width:0;padding:9px 11px;border-radius:8px;border:1px solid #4b6759;background:var(--site-bg);color:var(--site-ink)}
#value-results h2{margin:8px 0}
.calculator-total{font-size:clamp(30px,5vw,59px);font-weight:830;color:var(--site-lime);letter-spacing:-.06em;overflow-wrap:anywhere}
.calculator-total.value-higher{color:var(--site-warn)}
.cost-bars{display:grid;gap:12px;margin:16px 0;color:var(--site-dim);font-size:13px}
.cost-bars>div{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:6px}
.cost-track{grid-column:1/-1;height:8px;border-radius:6px;background:#283d34;overflow:hidden}
.cost-track>div{height:100%;width:0;background:#74b9c0;transition:width .3s ease}
#bar-estimated{background:var(--site-lime)}
.calculator-metrics dd{margin:6px 0 0}
.commercial-link{display:inline-block;margin-top:20px}
@media(max-width:760px){.pricing-grid,.calculator-grid{grid-template-columns:1fr}.site-header nav{gap:10px;font-size:12px}.site-header{flex-wrap:wrap}}
@media(max-width:535px){.site-header nav{display:flex;order:3;width:100%;padding:0 0 12px;flex-wrap:wrap}.billing-terms dl{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.cost-track>div{transition:none}}

.credit-pricing-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr)); }
.login-card [hidden] { display:none; }

@media (max-width: 900px) {
  .site-home-header { flex-wrap:wrap; gap:10px 16px; padding-block:10px; }
  .site-home-header nav { order:3; width:100%; flex-wrap:wrap; padding-bottom:0; }
  .site-home-header .site-header-actions { flex-wrap:wrap; }
}

.login-modes { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.login-modes .site-button { padding:8px 10px; }
.login-modes [aria-current=page] { border-color:var(--site-lime); color:var(--site-lime); }
.site-release-version { color:var(--site-dim); font-size:12px; white-space:nowrap; }
.site-footer { flex-wrap:wrap; }
.login-page { grid-template-rows:1fr auto; row-gap:24px; }