.sa-lab,.sa-lab *{box-sizing:border-box}.sa-lab{color:var(--c-ink);--sa-mint:color-mix(in srgb,#7da87d 26%,var(--c-paper));--sa-blueish:color-mix(in srgb,#8eb4b1 24%,var(--c-paper));--sa-pink:color-mix(in srgb,#d98c7b 26%,var(--c-paper));--sa-warn:color-mix(in srgb,#e8a317 24%,var(--c-paper));--sa-flow:color-mix(in srgb,#c8a96e 22%,var(--c-paper));background:radial-gradient(circle at 95% 4%,var(--c-glow1),transparent 28rem),radial-gradient(circle at 0 52%,var(--c-glow2),transparent 24rem);padding-bottom:65px;font-family:inherit;line-height:1.7;overflow-x:clip}.sa-lab button,.sa-lab input{font-family:inherit}.sa-lab button{cursor:pointer;color:inherit}.sa-lab a{color:inherit}.sa-lab ::selection{background:var(--c-sun);color:#231d18}.sa-wrap{width:min(1060px,100% - 36px);margin-inline:auto}.sa-kicker{color:var(--c-brick);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;font-weight:900;line-height:1.5;display:inline-flex}.sa-kicker:before{content:"";background:var(--c-orange);width:9px;height:9px;box-shadow:0 0 0 5px color-mix(in srgb,var(--c-orange) 11%,transparent);border-radius:50%}.sa-section-nav{border-bottom:1px solid var(--c-muted);flex-wrap:wrap;gap:12px 24px;padding-block:20px;font-size:12px;font-weight:800;display:flex}.sa-section-nav a{text-decoration:none}.sa-section-nav a:hover{color:var(--c-brick)}.sa-lab section{scroll-margin-top:110px}.sa-cap{letter-spacing:.12em;color:#8a3e22;font-size:10px;font-weight:950}.sa-cap-row{justify-content:space-between;margin-top:8px;display:flex}.sa-mini{letter-spacing:.1em;color:#8a3e22;font-size:9px;font-weight:950}.sa-hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:32px;padding:62px 0 45px;display:grid}.sa-hero h1{letter-spacing:-.055em;margin:20px 0 16px;font-size:clamp(40px,5.4vw,66px);font-weight:950;line-height:1.06}.sa-hero h1 span{color:var(--c-orange)}.sa-lead{max-width:620px;color:var(--c-muted);margin:0;font-size:16px}.sa-goals{color:var(--c-muted);gap:12px;margin-top:20px;font-size:12px;display:flex}.sa-goals>span{color:var(--c-orange);font-size:20px;line-height:1.4}.sa-goals b{color:var(--c-ink)}.sa-hero-card{background:var(--c-paper);border:1.5px solid var(--c-line);box-shadow:5px 5px 0 color-mix(in srgb,var(--c-shadow) 55%,transparent);padding:16px;transform:rotate(1deg)}.sa-hero-card svg{border:1px solid var(--c-line);width:100%;margin-top:10px;display:block}.sa-section{padding:39px 0}.sa-section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px;display:flex}.sa-section-head h2{letter-spacing:-.04em;color:var(--c-ink);margin:5px 0 0;font-size:clamp(27px,3.4vw,38px);font-weight:950;line-height:1.15}.sa-section-desc{max-width:450px;color:var(--c-muted);margin:0;font-size:13px}.sa-two{grid-template-columns:1fr 1fr;gap:13px;display:grid}.sa-visual-card{background:var(--c-paper);border:1.5px solid var(--c-line);padding:14px}.sa-visual-card h3{color:var(--c-ink);margin:4px 0;font-size:18px}.sa-visual-card p{color:color-mix(in srgb,var(--c-muted) 85%,var(--c-ink));font-size:11px}.sa-visual-card svg{border:1px solid var(--c-line);width:100%;margin:8px 0;display:block}.sa-visual-card b{color:var(--c-ink)}.sa-note{background:color-mix(in srgb,var(--c-orange) 9%,var(--c-paper));border-left:4px solid var(--c-orange);color:color-mix(in srgb,var(--c-muted) 85%,var(--c-ink));margin-top:12px;padding:10px 13px;font-size:11px}.sa-note b{color:var(--c-ink)}.sa-callout{background:var(--c-deep);color:var(--c-deepText);margin-top:13px;padding:13px 16px;font-size:12px}.sa-callout b{color:#ffd36a}.sa-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.sa-topline>b{color:var(--c-ink);font-size:13px}.sa-tag{background:var(--sa-mint);border:1px solid var(--c-line);color:var(--c-ink);padding:3px 7px;font-size:9px;font-weight:900}.sa-source-note{margin-top:14px}.sa-flow{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.sa-flowbox{background:var(--c-paper);border:1px solid var(--c-line);padding:12px;position:relative}.sa-flowbox:nth-child(2){background:var(--sa-blueish)}.sa-flowbox:nth-child(3){background:var(--sa-mint)}.sa-num{color:#8a3e22;font-size:10px;font-weight:950}.sa-flowbox b{color:var(--c-ink);font-size:13px;display:block}.sa-flowbox p{color:color-mix(in srgb,var(--c-muted) 85%,var(--c-ink));margin:3px 0 0;font-size:10px}.sa-flowbox:not(:last-child):after{content:"→";z-index:2;background:var(--c-sun);border:1px solid var(--c-line);color:#231d18;place-items:center;width:20px;height:20px;font-weight:950;display:grid;position:absolute;top:38%;right:-13px}.sa-demo{background:var(--c-paper);border:1.5px solid var(--c-line);padding:16px}.sa-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.sa-btn{border:1.5px solid var(--c-line);background:var(--c-orange);color:#231d18;box-shadow:2px 2px 0 color-mix(in srgb,var(--c-shadow) 60%,transparent);cursor:pointer;padding:8px 13px;font-size:10px;font-weight:900}.sa-lab .sa-btn{color:#231d18}.sa-btn:hover{box-shadow:3px 3px 0 color-mix(in srgb,var(--c-shadow) 60%,transparent);transform:translate(-1px,-1px)}.sa-btn:active{box-shadow:none;transform:translate(2px,2px)}.sa-lab .sa-btn-secondary{background:var(--c-paper);color:var(--c-ink)}.sa-lab .sa-btn-secondary.active{background:var(--c-sun);color:#231d18}.sa-cup-layout{grid-template-columns:1fr .95fr;gap:14px;margin-top:12px;display:grid}.sa-cup-stage{background:color-mix(in srgb,var(--c-paper) 55%,var(--sa-warn));border:1px solid color-mix(in srgb,var(--c-muted) 45%,transparent);padding:12px}.sa-cup-stage svg{width:100%;display:block}.sa-cup-state{background:var(--c-paper);border:1px solid color-mix(in srgb,var(--c-muted) 45%,transparent);padding:13px}.sa-cup-state h3{color:var(--c-ink);margin:3px 0;font-size:17px}.sa-state-text{color:color-mix(in srgb,var(--c-muted) 85%,var(--c-ink));min-height:55px;font-size:11px}.sa-status{color:#8a3e22;margin-top:8px;font-size:10px;font-weight:900}.sa-status.is-good{color:var(--c-olive)}.sa-status.is-bad{color:var(--c-brick)}.sa-loop{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-top:10px;display:flex}.sa-loop span{background:color-mix(in srgb,var(--c-paper) 55%,var(--sa-flow));border:1px solid var(--c-line);color:var(--c-ink);padding:5px 8px;font-size:10px;font-weight:900}.sa-loop i{color:var(--c-orange);font-style:normal;font-weight:950}.sa-lab table{border-collapse:collapse;background:var(--c-paper);border:1.5px solid var(--c-line);width:100%;margin-top:14px;font-size:11px}.sa-lab th,.sa-lab td{text-align:left;border-bottom:1px solid color-mix(in srgb,var(--c-muted) 32%,transparent);vertical-align:top;color:var(--c-ink);padding:9px 10px}.sa-lab th{background:var(--sa-flow);font-size:9px}.sa-lab tr:last-child td{border:0}.sa-grid-demo{grid-template-columns:1fr 235px;gap:13px;margin-top:12px;display:grid}.sa-mapbox{background:color-mix(in srgb,var(--c-paper) 55%,var(--sa-warn));border:1px solid color-mix(in srgb,var(--c-muted) 45%,transparent);padding:12px}.sa-mapgrid{grid-template-columns:repeat(8,1fr);gap:4px;max-width:540px;margin:10px auto;display:grid}.sa-cell{aspect-ratio:1;border:1px solid color-mix(in srgb,var(--c-muted) 55%,transparent);background:var(--c-paper);cursor:pointer;user-select:none;color:var(--c-ink);place-items:center;padding:0;font-size:clamp(9px,2vw,14px);font-weight:900;display:grid}.sa-cell.sa-start{background:#dce9d9}.sa-cell.sa-goal{background:#f4dfbd}.sa-cell.sa-obstacle{color:#fff;background:#8d8171}.sa-cell.sa-path{background:#f3c56c}.sa-cell.sa-collision{color:#731f14;background:#e8a9a0}.sa-cell.sa-route{background:#e8a317}.sa-maplegend{color:color-mix(in srgb,var(--c-muted) 85%,var(--c-ink));flex-wrap:wrap;gap:10px;font-size:9px;display:flex}.sa-maplegend span{align-items:center;gap:4px;display:flex}.sa-swatch{border:1px solid var(--c-line);width:11px;height:11px;display:inline-block}.sa-controlbox{background:var(--c-paper);border:1px solid color-mix(in srgb,var(--c-muted) 45%,transparent);padding:12px}.sa-controlbox h3{color:var(--c-ink);margin:4px 0;font-size:15px}.sa-controlbox p{color:color-mix(in srgb,var(--c-muted) 85%,var(--c-ink));font-size:10px}.sa-readout{background:color-mix(in srgb,var(--c-paper) 55%,var(--sa-flow));min-height:54px;color:var(--c-ink);margin-top:10px;padding:9px;font-size:10px}.sa-lab input[type=range].sa-slider{width:100%;accent-color:var(--c-orange);margin-top:6px}.sa-slider-card label{color:var(--c-ink);justify-content:space-between;font-size:11px;font-weight:900;display:flex}.sa-cost-layout{grid-template-columns:1fr 1fr;gap:13px;margin-top:12px;display:grid}.sa-slider-card{background:var(--c-paper);border:1px solid var(--c-line);padding:13px}.sa-slider-card h3{color:var(--c-ink);margin:4px 0;font-size:17px}.sa-slider-card p{color:color-mix(in srgb,var(--c-muted) 85%,var(--c-ink));font-size:10px}.sa-big-number{letter-spacing:-.05em;color:var(--c-orange);font-size:30px;font-weight:950}.sa-bar{background:color-mix(in srgb,var(--c-muted) 26%,var(--c-paper));border:1px solid var(--c-line);height:16px;margin-top:8px;overflow:hidden}.sa-barfill{background:var(--c-orange);width:20%;height:100%;transition:width .15s}.sa-checklist{gap:8px;display:grid}.sa-check{cursor:pointer;color:var(--c-ink);align-items:flex-start;gap:8px;font-size:11px;display:flex}.sa-check input{accent-color:var(--c-orange);margin-top:4px}.sa-quiz{background:var(--c-paper);border:1.5px solid var(--c-line);box-shadow:5px 5px 0 color-mix(in srgb,var(--c-shadow) 55%,transparent);padding:17px}.sa-counter{color:var(--c-brick);font-size:10px;font-weight:950}.sa-question{border-bottom:1px solid color-mix(in srgb,var(--c-muted) 32%,transparent);padding:11px 0}.sa-question h4{color:var(--c-ink);margin:0 0 8px;font-size:12px}.sa-options{gap:5px;display:grid}.sa-option{background:color-mix(in srgb,var(--c-paper) 60%,var(--sa-flow));border:1px solid color-mix(in srgb,var(--c-muted) 45%,transparent);cursor:pointer;color:var(--c-ink);gap:8px;padding:7px 9px;font-size:10px;display:flex}.sa-option input{accent-color:var(--c-orange)}.sa-feedback{border:1px solid var(--c-line);background:var(--sa-mint);color:var(--c-ink);margin-top:6px;padding:9px 10px;font-size:10px;line-height:1.7;display:none}.sa-feedback.show{display:block}.sa-feedback.is-good{background:var(--sa-mint)}.sa-feedback.is-warn{background:var(--sa-warn)}.sa-feedback.is-bad{background:var(--sa-pink)}.sa-lab #score{color:var(--c-ink);font-size:11px;font-weight:950}html[data-theme=dark] .sa-lab .sa-kicker,html[data-theme=dark] .sa-lab .sa-cap,html[data-theme=dark] .sa-lab .sa-mini,html[data-theme=dark] .sa-lab .sa-num,html[data-theme=dark] .sa-lab .sa-counter,html[data-theme=dark] .sa-lab .sa-status,html[data-theme=dark] .sa-lab .sa-status.is-good{color:var(--c-sun)}html[data-theme=dark] .sa-lab .sa-status.is-bad{color:#ffb59d}@media (width<=780px){.sa-hero{grid-template-columns:1fr;gap:26px;padding-top:40px}.sa-hero-card{width:100%;max-width:600px;margin:auto;transform:none}.sa-grid-demo{grid-template-columns:1fr}.sa-controlbox{order:-1}.sa-section-head{display:block}.sa-section-desc{margin-top:9px}}@media (width<=560px){.sa-wrap{width:calc(100% - 26px)}.sa-two,.sa-cup-layout,.sa-cost-layout,.sa-flow{grid-template-columns:1fr}.sa-flowbox:not(:last-child):after{content:"↓";top:auto;bottom:-13px;right:calc(50% - 10px)}.sa-quiz{padding:13px}.sa-topline .sa-counter{margin-top:5px;display:block}.sa-lab table{font-size:10px}.sa-lab th,.sa-lab td{padding:7px 8px}}@media (prefers-reduced-motion:reduce){.sa-lab *,.sa-lab :before,.sa-lab :after{transition:none!important;animation:none!important}}