:root{
  --bg:#F4F4F5; --surface:#FFFFFF; --ink:#0A0A0B; --ink-2:#3F3F46; --ink-3:#71717A;
  --line:rgba(10,10,11,.10); --line-2:rgba(10,10,11,.17);
  --glass:rgba(255,255,255,.62); --glass-2:rgba(255,255,255,.86); --glass-line:rgba(10,10,11,.09);
  --glass-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 24px 60px -34px rgba(0,0,0,.3);
  --accent:#0A0A0B; --accent-soft:rgba(10,10,11,.06); --btn:#0A0A0B; --btn-hover:#2E2E33; --on-accent:#FFFFFF;
  --btn-shadow:0 14px 34px -14px rgba(0,0,0,.5);
  --build:#0A0A0B; --fix:#4A4A52; --scale:#707078; --on-c:#FFFFFF;
  --nav-bg:rgba(10,10,11,.92); --nav-ink:#FFFFFF; --nav-ink-2:rgba(255,255,255,.72); --nav-line:rgba(255,255,255,.10);
  --field:rgba(255,255,255,.9); --field-line:rgba(10,10,11,.16);
  --node:#FFFFFF; --photo-shadow:0 40px 80px -44px rgba(0,0,0,.45);
  --dot:24,24,27; --dot-2:113,113,122; --aurora-1:rgba(255,255,255,.7); --aurora-2:rgba(255,255,255,.45);
  --scrim:rgba(244,244,245,.55); --scrim-2:rgba(244,244,245,.22);
  --hl:#BFF73D; --hl-ink:#0A0A0B;
  --hl-text:#0A0A0B; --hl-band:linear-gradient(transparent 60%,#BFF73D 60%,#BFF73D 92%,transparent 92%); --hl-pad:0 .1em;
  --u-z:-1; --u-bottom:-.06em; --u-h:.66em;
  --cta-shadow:0 14px 34px -14px rgba(0,0,0,.35);
  --blk-bg:#0A0A0B; --blk-ink:#FAFAFA; --blk-line:#0A0A0B; --blk-line-hover:#0A0A0B;
  --sel-num:#BFF73D;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#09090B; --surface:#131316; --ink:#FAFAFA; --ink-2:#B4B4BB; --ink-3:#85858E;
    --line:rgba(255,255,255,.10); --line-2:rgba(255,255,255,.18);
    --glass:rgba(24,24,27,.5); --glass-2:rgba(28,28,31,.8); --glass-line:rgba(255,255,255,.12);
    --glass-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 30px 70px -34px rgba(0,0,0,.75);
    --accent:#FAFAFA; --accent-soft:rgba(255,255,255,.09); --btn:#FAFAFA; --btn-hover:#D9D9DE; --on-accent:#0A0A0B;
    --btn-shadow:0 14px 34px -18px rgba(255,255,255,.28);
    --build:#FAFAFA; --fix:#BDBDC4; --scale:#85858D; --on-c:#0A0A0B;
    --nav-bg:rgba(18,18,20,.7); --nav-line:rgba(255,255,255,.12);
    --field:rgba(255,255,255,.04); --field-line:rgba(255,255,255,.18);
    --node:#131316; --photo-shadow:0 40px 90px -40px rgba(0,0,0,.85);
    --dot:240,240,242; --dot-2:150,150,158; --aurora-1:rgba(255,255,255,.055); --aurora-2:rgba(255,255,255,.03);
    --scrim:rgba(9,9,11,.5); --scrim-2:rgba(9,9,11,.2);
    --hl-text:#BFF73D; --hl-band:none; --hl-pad:0;
    --u-z:auto; --u-bottom:-.34em; --u-h:.42em;
    --cta-shadow:0 14px 34px -16px rgba(191,247,61,.4);
    --blk-bg:#151518; --blk-ink:#FAFAFA; --blk-line:rgba(255,255,255,.26); --blk-line-hover:rgba(255,255,255,.6);
    --sel-num:#0A0A0B;
  }
}
:root[data-theme="dark"]{
  --bg:#09090B; --surface:#131316; --ink:#FAFAFA; --ink-2:#B4B4BB; --ink-3:#85858E;
  --line:rgba(255,255,255,.10); --line-2:rgba(255,255,255,.18);
  --glass:rgba(24,24,27,.5); --glass-2:rgba(28,28,31,.8); --glass-line:rgba(255,255,255,.12);
  --glass-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 30px 70px -34px rgba(0,0,0,.75);
  --accent:#FAFAFA; --accent-soft:rgba(255,255,255,.09); --btn:#FAFAFA; --btn-hover:#D9D9DE; --on-accent:#0A0A0B;
  --btn-shadow:0 14px 34px -18px rgba(255,255,255,.28);
  --build:#FAFAFA; --fix:#BDBDC4; --scale:#85858D; --on-c:#0A0A0B;
  --nav-bg:rgba(18,18,20,.7); --nav-line:rgba(255,255,255,.12);
  --field:rgba(255,255,255,.04); --field-line:rgba(255,255,255,.18);
  --node:#131316; --photo-shadow:0 40px 90px -40px rgba(0,0,0,.85);
  --dot:240,240,242; --dot-2:150,150,158; --aurora-1:rgba(255,255,255,.055); --aurora-2:rgba(255,255,255,.03);
  --scrim:rgba(9,9,11,.5); --scrim-2:rgba(9,9,11,.2);
  --hl-text:#BFF73D; --hl-band:none; --hl-pad:0;
  --u-z:auto; --u-bottom:-.34em; --u-h:.42em;
  --cta-shadow:0 14px 34px -16px rgba(191,247,61,.4);
  --blk-bg:#151518; --blk-ink:#FAFAFA; --blk-line:rgba(255,255,255,.26); --blk-line-hover:rgba(255,255,255,.6);
  --sel-num:#0A0A0B;
}
::selection{background:var(--hl);color:var(--hl-ink)}
.skip,.pf-card .pick,.pf-list li b,.cc button[data-v="granted"]{color:var(--on-accent)}
.tag.o{color:var(--on-c)}
.btn-primary{box-shadow:var(--btn-shadow),inset 0 1px 0 rgba(255,255,255,.2)}
.free{background:var(--on-accent);color:var(--btn)}
.pf-bar button{background:#FAFAFA;color:#0A0A0B;box-shadow:none}
.pf-bar button:hover{background:#FFFFFF}
.nav-cta,#top .hero-ctas .btn-primary,#diagForm .btn-primary,.start-links .sl:nth-child(odd) .sl-btn{background:var(--hl);color:#0A0A0B;border-color:transparent;box-shadow:var(--cta-shadow)}
.nav-cta:hover,#top .hero-ctas .btn-primary:hover,#diagForm .btn-primary:hover,.start-links .sl:nth-child(odd) .sl-btn:hover{background:#C9F858}
.nav-cta .free,#top .hero-ctas .btn-primary .free,#diagForm .btn-primary .free{background:#0A0A0B;color:#FAFAFA}
#top .hero-ctas .btn-ghost,.start-links .sl:nth-child(even) .sl-btn{background:var(--blk-bg);color:var(--blk-ink);border-color:var(--blk-line);box-shadow:none}
#top .hero-ctas .btn-ghost:hover,.start-links .sl:nth-child(even) .sl-btn:hover{border-color:var(--blk-line-hover)}
.h1 .l1 .w,.h2 .hl,.bridge-text .dx,.osq-card mark,.free-t{color:var(--hl-text);background:var(--hl-band);padding:var(--hl-pad);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.grow-u{isolation:isolate}
.grow-u::after{background:var(--hl);opacity:1;z-index:var(--u-z);bottom:var(--u-bottom);height:var(--u-h)}
.offer[data-offer="build"]{--uw:138px}.offer[data-offer="fix"]{--uw:74px}.offer[data-offer="scale"]{--uw:138px}
.offer::after{content:"";position:absolute;left:50%;top:53px;width:var(--uw);height:11px;transform:translateX(-50%);background:var(--hl);pointer-events:none;-webkit-mask:url(assets/brush-underline.png) no-repeat center/100% 100%;mask:url(assets/brush-underline.png) no-repeat center/100% 100%}
.r-node .b{fill:var(--hl)}
.r-node text{fill:#0A0A0B}
.r-node .halo{fill:var(--hl)}
.r-node[aria-pressed="true"] .b{fill:var(--ink)}
.r-node[aria-pressed="true"] text{fill:var(--sel-num)}
