.lab{--lab-ink:#14253b;--lab-blue:#075ee5;--lab-muted:#5c6b7c;background:#f7f9fc;color:var(--lab-ink)}.lab-shell{width:min(1200px,calc(100% - 40px));margin-inline:auto}.lab-hero{padding:80px 0 64px;border-bottom:1px solid #dce4ee;background:radial-gradient(ellipse at 90% 10%,#ddeafa,transparent 55%),#f7f9fc}.lab-kicker{display:flex;align-items:center;gap:10px;font:600 11px var(--font-mono),monospace;letter-spacing:.15em;text-transform:uppercase;color:#335879}.lab-dot{height:7px;width:7px;border-radius:50%;background:#075ee5}.lab-hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:center}.lab h1{font-family:var(--font-display),sans-serif;font-size:clamp(42px,6vw,76px);font-weight:700;line-height:1.04;letter-spacing:-.055em;margin:24px 0}.lab h1 em{font-style:normal;color:var(--lab-blue)}.lab-intro{font-size:18px;line-height:1.7;color:var(--lab-muted);max-width:570px}.lab-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.lab-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 20px;border-radius:8px;background:var(--lab-blue);color:white;font-size:14px;font-weight:600;text-decoration:none}.lab-link.secondary{background:#fff;color:var(--lab-ink);border:1px solid #ced9e6}.lab-card a:focus-visible,.lab-link:focus-visible{outline:3px solid #72a8fb;outline-offset:4px}.lab-flow{border:1px solid #d6e2ef;border-radius:20px;background:#fff;padding:28px;box-shadow:0 20px 65px #183f7410}.lab-flow-title{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--lab-muted);margin-bottom:24px}.lab-flow-node{display:flex;align-items:center;gap:16px;border-radius:10px;background:#f4f7fb;padding:16px;border:1px solid #e1e8f1}.lab-flow-node svg{color:var(--lab-blue);flex-shrink:0}.lab-flow-node strong{display:block;font-size:15px}.lab-flow-node span{font-size:12px;color:var(--lab-muted)}.lab-connector{height:24px;width:1px;background:#bed1e8;margin-left:27px}.lab-note{font-size:12px;line-height:1.7;color:var(--lab-muted);margin-top:22px}.lab-section{padding:64px 0}.lab-section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:32px}.lab h2{font-family:var(--font-display),sans-serif;font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:-.04em;line-height:1.12}.lab-section-head p{max-width:440px;font-size:14px;line-height:1.7;color:var(--lab-muted)}.lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.lab-card{background:white;border:1px solid #dce4ee;border-radius:16px;padding:26px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.lab-card:hover{border-color:#8eb7ed;transform:translateY(-3px)}.lab-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.lab-card-top svg{color:var(--lab-blue)}.lab-number{font:500 12px var(--font-mono),monospace;color:#8394a9}.lab-badge{display:inline-block;align-self:start;padding:5px 9px;border:1px solid #d8e3f1;border-radius:5px;background:#f4f8fe;color:#375b8a;font-size:10px;font-weight:600;margin-bottom:15px}.lab-card h3{font-family:var(--font-display),sans-serif;font-size:24px;font-weight:700;letter-spacing:-.03em;line-height:1.18;margin-bottom:16px}.lab-card p{font-size:14px;color:var(--lab-muted);line-height:1.7}.lab-card .lab-audience{font-size:11px;margin:18px 0 25px}.lab-card a{gap:10px;margin-top:auto;border-top:1px solid #e3eaf2;padding-top:18px;color:var(--lab-blue);font-size:12px;font-weight:600}.lab-banner,.lab-card a{display:flex;align-items:center;justify-content:space-between}.lab-banner{gap:30px;padding:32px;border:1px solid #d7e4f5;border-radius:16px;background:#edf4fe}.lab-banner p{font-size:14px;line-height:1.7;color:var(--lab-muted);margin-top:10px}.lab-demo{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.lab-panel{background:white;border:1px solid #dce4ee;padding:28px;border-radius:16px}.lab-panel h2{font-size:24px;margin-bottom:20px}.lab-steps{counter-reset:step;display:grid;gap:20px;margin-top:26px}.lab-steps li{display:flex;gap:15px;font-size:15px;line-height:1.65;color:var(--lab-muted)}.lab-steps li:before{counter-increment:step;content:"0" counter(step);color:var(--lab-blue);font:500 13px var(--font-mono),monospace;padding-top:4px}.lab-form{display:grid;gap:18px}.lab-form label{font-size:13px;font-weight:600}.lab-form input:not([type=checkbox]),.lab-form textarea{display:block;width:100%;margin-top:7px;min-height:48px;border:1px solid #cbd7e4;border-radius:8px;padding:12px;font-size:15px;font-weight:400;background:#fafcff;color:#14253b}.lab-form input:focus,.lab-form textarea:focus{outline:3px solid #d4e5ff;border-color:#075ee5}.lab-form .lab-consent{display:flex;align-items:start;gap:10px;font-size:12px;font-weight:400;color:var(--lab-muted);line-height:1.65}.lab-consent input{margin-top:3px}.lab-error{font-size:14px;color:#a02c27;line-height:1.65}.lab-result{display:grid;gap:16px;font-size:14px}.lab-result-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e1e8f1;padding-bottom:16px}.lab-result-row strong{font-size:12px;color:#1d5dad}.lab-reference{word-break:break-all;font:12px var(--font-mono),monospace;color:var(--lab-muted)}.lab-link:disabled{opacity:.55;cursor:wait}.lab-back{font-size:13px;color:var(--lab-blue);display:inline-block;margin-bottom:28px}.lab-placeholder{font-size:15px}.lab-placeholder,.lab-script{color:var(--lab-muted);line-height:1.8}.lab-script{padding-top:32px;font-size:13px}@media (max-width:900px){.lab-hero-grid{gap:32px}.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab h1{font-size:52px}.lab-demo{gap:26px}}@media (max-width:640px){.lab-shell{width:calc(100% - 32px)}.lab-hero{padding:45px 0}.lab-demo,.lab-hero-grid{grid-template-columns:1fr;gap:32px}.lab h1{font-size:44px}.lab-intro{font-size:16px}.lab-section{padding:42px 0}.lab-banner,.lab-section-head{flex-direction:column;align-items:start}.lab-grid{grid-template-columns:1fr}.lab-flow{padding:22px}.lab-card{padding:24px}.lab-panel{padding:22px}.lab-actions .lab-link{flex-grow:1}.lab-banner{padding:24px}}@media (prefers-reduced-motion:reduce){.lab-card{transition:none}.lab-card:hover{transform:none}}