.demo-guide-module__afMXnG__page{--guide-accent:#d8ff4d;color:#f3f2ee;background:radial-gradient(at 15% 0,#1a21182b,#0000 48%),#08090a;min-height:100dvh}.demo-guide-module__afMXnG__shell{width:min(1160px,100% - 48px);margin-inline:auto}.demo-guide-module__afMXnG__nav{border-bottom:1px solid #25292b;justify-content:space-between;align-items:center;gap:16px;min-height:84px;display:flex}.demo-guide-module__afMXnG__brand{font-family:var(--font-space-grotesk), sans-serif;letter-spacing:-.04em;font-size:17px;font-weight:600}.demo-guide-module__afMXnG__brand span{color:var(--guide-accent)}.demo-guide-module__afMXnG__nav a{align-items:center;min-height:44px;display:inline-flex}.demo-guide-module__afMXnG__nav>a:last-child{color:#b7bfbe;font-size:13px}.demo-guide-module__afMXnG__navLinks{color:#bcc5bd;gap:24px;font-size:13px;display:flex}.demo-guide-module__afMXnG__navLinks a[aria-current]{color:var(--guide-accent)}.demo-guide-module__afMXnG__skip{z-index:100;color:#0b130b;background:#d8ff4d;border-radius:8px;padding:14px 20px;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.demo-guide-module__afMXnG__skip:focus{transform:translateY(0)}.demo-guide-module__afMXnG__intro{max-width:850px;padding-block:clamp(34px,7vw,82px) 32px}.demo-guide-module__afMXnG__kicker{color:var(--guide-accent);font:11px/1.5 var(--font-jetbrains-mono), monospace;letter-spacing:.14em;text-transform:uppercase}.demo-guide-module__afMXnG__intro h1{font:500 clamp(32px, 4.4vw, 57px)/1.08 var(--font-space-grotesk), sans-serif;letter-spacing:-.045em;text-wrap:balance;margin-block:14px 18px}.demo-guide-module__afMXnG__lead{color:#b7bfbe;max-width:64ch;font-size:16px;line-height:1.65}.demo-guide-module__afMXnG__conditions{color:#bac4b1;flex-wrap:wrap;gap:8px 24px;margin-top:20px;font-size:12px;display:flex}.demo-guide-module__afMXnG__conditions span:before{content:"·";color:var(--guide-accent);padding-right:8px}.demo-guide-module__afMXnG__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-block:8px 48px;display:grid}.demo-guide-module__afMXnG__card{background:linear-gradient(145deg,#171b1b,#0e1011);border:1px solid #303537;border-radius:22px;min-width:0;overflow:hidden}.demo-guide-module__afMXnG__card>a{flex-direction:column;height:100%;padding:14px;display:flex}.demo-guide-module__afMXnG__card figure>div{aspect-ratio:16/9}.demo-guide-module__afMXnG__card figcaption{letter-spacing:.05em;font-size:9px;line-height:1.5}.demo-guide-module__afMXnG__cardContent{flex-direction:column;flex:1;padding:14px 6px 6px;display:flex}.demo-guide-module__afMXnG__cardContent>p{color:#b7bfbe;margin:10px 0 22px;font-size:14px;line-height:1.55}.demo-guide-module__afMXnG__card h2{font:500 22px/1.2 var(--font-space-grotesk), sans-serif;letter-spacing:-.025em;margin-block:9px 0}.demo-guide-module__afMXnG__cardCta{min-height:44px;color:var(--guide-accent);border-top:1px solid #2e3435;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;font-size:13px;display:flex}.demo-guide-module__afMXnG__workspace{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:start;gap:24px;display:grid}.demo-guide-module__afMXnG__runner{background:linear-gradient(145deg,#171c1a,#0e1110);border:1px solid #343b39;border-radius:24px;min-width:0;padding:clamp(20px,3.2vw,36px)}.demo-guide-module__afMXnG__progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 28px;padding:0;list-style:none;display:grid}.demo-guide-module__afMXnG__progress li{color:#a8b2ac;border-top:2px solid #39403c;padding-top:10px;font-size:11px;line-height:1.5}.demo-guide-module__afMXnG__progress li[aria-current=step]{border-color:var(--guide-accent);color:#f3f2ee}.demo-guide-module__afMXnG__progress span{color:var(--guide-accent);font-family:var(--font-jetbrains-mono), monospace;margin-bottom:4px;display:block}.demo-guide-module__afMXnG__runner h2{font:500 clamp(24px, 3vw, 31px)/1.18 var(--font-space-grotesk), sans-serif;letter-spacing:-.035em;text-wrap:balance}.demo-guide-module__afMXnG__runner h2:focus{outline:none}.demo-guide-module__afMXnG__runner p{line-height:1.7}.demo-guide-module__afMXnG__description{color:#bac4bd;margin-block:16px 24px;font-size:15px}.demo-guide-module__afMXnG__example{border-left:2px solid var(--guide-accent);background:#ffffff04;margin-block:20px;padding:14px 18px}.demo-guide-module__afMXnG__example p{color:#c8d0ca;margin-top:6px;font-size:14px}.demo-guide-module__afMXnG__choices{gap:10px;margin-top:20px;display:grid}.demo-guide-module__afMXnG__choice{text-align:left;color:#e5eae5;cursor:pointer;background:#111714;border:1px solid #424a46;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:14px 16px;font-size:15px;display:flex}.demo-guide-module__afMXnG__choice[aria-pressed=true]{border-color:var(--guide-accent);background:#d8ff4d0c}.demo-guide-module__afMXnG__choiceMark{color:var(--guide-accent);font-size:18px}.demo-guide-module__afMXnG__reading{background:#080d0a;border:1px solid #3c4740;border-radius:14px;margin-top:18px;padding:20px}.demo-guide-module__afMXnG__reading p{color:#cbd3cd;margin-top:8px;font-size:14px}.demo-guide-module__afMXnG__result{margin-top:22px}.demo-guide-module__afMXnG__result dt{color:var(--guide-accent);font:11px/1.5 var(--font-jetbrains-mono), monospace;letter-spacing:.08em;text-transform:uppercase}.demo-guide-module__afMXnG__result dd{color:#d4dbd5;margin:8px 0 22px;font-size:15px;line-height:1.7}.demo-guide-module__afMXnG__actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.demo-guide-module__afMXnG__primary,.demo-guide-module__afMXnG__secondary{text-align:center;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:12px 21px;font-size:13px;font-weight:500;line-height:1.35;display:inline-flex}.demo-guide-module__afMXnG__primary{background:var(--guide-accent);color:#0b130b;border:1px solid var(--guide-accent)}.demo-guide-module__afMXnG__secondary{color:#d6ddd6;background:0 0;border:1px solid #444d47}.demo-guide-module__afMXnG__primary:disabled{cursor:not-allowed;color:#a5afa5;background:#293129;border-color:#485248}.demo-guide-module__afMXnG__note{color:#aebbb1;margin-top:16px;font-size:12px;line-height:1.7}.demo-guide-module__afMXnG__sidebar{gap:20px;min-width:0;display:grid}.demo-guide-module__afMXnG__capture{background:#111415;border:1px solid #303537;border-radius:20px;overflow:hidden}.demo-guide-module__afMXnG__capture summary{cursor:pointer;min-height:52px;padding:17px 20px;font-size:13px}.demo-guide-module__afMXnG__capture>div{padding:0 16px 16px}.demo-guide-module__afMXnG__capture p{color:#b4bdb8;margin-top:12px;font-size:12px;line-height:1.65}.demo-guide-module__afMXnG__promise{border:1px solid #303537;border-radius:20px;padding:22px}.demo-guide-module__afMXnG__promise h2{font:500 19px/1.3 var(--font-space-grotesk), sans-serif}.demo-guide-module__afMXnG__promise p{color:#b8c2bb;margin-block:14px;font-size:13px;line-height:1.7}.demo-guide-module__afMXnG__promise strong{color:#e1e6e0;font-weight:500;display:block}.demo-guide-module__afMXnG__limits{border-top:1px solid #303537;margin-top:28px;padding:22px 0}.demo-guide-module__afMXnG__limits h2{font-size:14px;font-weight:500}.demo-guide-module__afMXnG__limits p{color:#aeb9b2;max-width:90ch;margin-top:8px;font-size:13px;line-height:1.7}.demo-guide-module__afMXnG__limits details{margin-top:12px}.demo-guide-module__afMXnG__limits summary{color:#cbd4cc;cursor:pointer;min-height:44px;padding-block:12px;font-size:13px}.demo-guide-module__afMXnG__related{background:#121811;border:1px solid #343e36;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:26px;display:flex}.demo-guide-module__afMXnG__related h2{font:500 22px/1.2 var(--font-space-grotesk), sans-serif}.demo-guide-module__afMXnG__related p{color:#b5c0b6;max-width:70ch;margin-top:9px;font-size:14px;line-height:1.6}.demo-guide-module__afMXnG__footer{color:#a7b1ab;border-top:1px solid #25292b;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:24px;padding-block:30px;font-size:12px;display:flex}.demo-guide-module__afMXnG__page a:focus-visible,.demo-guide-module__afMXnG__page button:focus-visible,.demo-guide-module__afMXnG__page summary:focus-visible{outline:2px solid var(--guide-accent);outline-offset:5px}@media (hover:hover){.demo-guide-module__afMXnG__card:hover{border-color:#718269}.demo-guide-module__afMXnG__choice:hover,.demo-guide-module__afMXnG__secondary:hover{border-color:var(--guide-accent)}}@media (max-width:960px){.demo-guide-module__afMXnG__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-guide-module__afMXnG__workspace{grid-template-columns:1fr}.demo-guide-module__afMXnG__sidebar{grid-template-columns:1fr 1fr}}@media (max-width:600px){.demo-guide-module__afMXnG__shell{width:calc(100% - 32px)}.demo-guide-module__afMXnG__nav{flex-wrap:wrap;gap:0;min-height:70px;padding-top:8px}.demo-guide-module__afMXnG__navLinks{justify-content:space-between;width:100%}.demo-guide-module__afMXnG__brand{font-size:15px}.demo-guide-module__afMXnG__intro{padding-top:32px}.demo-guide-module__afMXnG__lead{font-size:14px}.demo-guide-module__afMXnG__grid{grid-template-columns:1fr;gap:16px}.demo-guide-module__afMXnG__sidebar{grid-template-columns:1fr}.demo-guide-module__afMXnG__runner{border-radius:18px;padding:20px}.demo-guide-module__afMXnG__progress{gap:10px}.demo-guide-module__afMXnG__progress li{font-size:10px}.demo-guide-module__afMXnG__actions>.demo-guide-module__afMXnG__primary{flex:1}.demo-guide-module__afMXnG__related{flex-direction:column;align-items:stretch;padding:20px}.demo-guide-module__afMXnG__conditions{gap:6px 14px}}@media (prefers-reduced-motion:reduce){.demo-guide-module__afMXnG__page *,.demo-guide-module__afMXnG__page :before,.demo-guide-module__afMXnG__page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.demo-guide-module__afMXnG__page img{transform:none!important}}