:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#101114;color:#f5f5f4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 78% 8%,#272025 0,transparent 38%),#101114;min-height:100vh}main{width:min(100% - 48px,940px);margin:auto;padding:48px 0 84px}.eyebrow,.label,.method{text-transform:uppercase;font-size:11px;font-weight:750;letter-spacing:.18em;color:#a5a4a7}.eyebrow{display:flex;align-items:center;gap:12px}.status-dot{width:8px;height:8px;border-radius:50%;background:#e33d48;box-shadow:0 0 0 4px #e33d4824}.hero{padding:105px 0 108px}.kicker{font-size:15px;letter-spacing:.04em;color:#e4656c;font-weight:650;margin:0 0 18px}h1{font-size:clamp(44px,7vw,78px);line-height:1.06;letter-spacing:-.065em;margin:0;max-width:850px;font-weight:730}h1 em{font-style:normal;color:#a5a5a8}.intro{max-width:620px;font-size:18px;line-height:1.7;color:#b4b3b7;margin:28px 0 32px}.primary{display:inline-flex;gap:28px;align-items:center;justify-content:space-between;background:#e33d48;color:white;padding:15px 20px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:700;transition:background .15s}.primary:hover,.primary:focus-visible{background:#fb5260}.card{border:1px solid #353438;border-radius:10px;background:#1b1b1e;padding:30px 32px}.card-top{display:flex;justify-content:space-between;gap:20px}.method{color:#e66b73}.card h2,.steps h2{font-size:27px;letter-spacing:-.035em;margin:20px 0}.path{display:block;overflow-wrap:anywhere;background:#101114;border:1px solid #343337;border-radius:5px;color:#f3a3a7;padding:16px;font-size:14px}.card p{line-height:1.7;color:#aaa9ae;margin:20px 0 0;max-width:720px}.steps{display:grid;grid-template-columns:220px 1fr;gap:40px;padding:86px 0 54px}.steps h2{margin:15px 0}.steps ol{list-style:none;counter-reset:step;margin:0;padding:0}.steps li{counter-increment:step;display:grid;grid-template-columns:40px 1fr;gap:4px 16px;padding:21px 0;border-top:1px solid #343337}.steps li:before{content:"0" counter(step);grid-row:1/3;color:#e66b73;font-size:13px;font-weight:700;padding-top:2px}.steps li strong{font-size:16px}.steps li span{color:#aeadb1;line-height:1.6;font-size:14px}.steps code,.note code{color:#eaa4a9;overflow-wrap:anywhere}.note{display:flex;gap:20px;align-items:flex-start;border-left:2px solid #e33d48;background:#1b1b1e;padding:18px 22px;color:#aeadb1}.note>span{font-size:23px;color:#e33d48}.note p{margin:0;line-height:1.6;font-size:14px}.note strong{color:#f5f5f4}footer{border-top:1px solid #2b2a2e;color:#7d7c80;text-align:center;font-size:12px;padding:26px 20px}@media(max-width:700px){main{width:min(100% - 36px,940px);padding-top:30px}.hero{padding:80px 0}.intro{font-size:16px}.card{padding:24px 20px}.steps{display:block;padding:64px 0 36px}.steps ol{margin-top:28px}}

.configurator{margin-top:24px}.configurator form{display:grid;gap:10px;margin-top:26px}.configurator label{font-size:13px;font-weight:700;color:#e3e2e5;margin-top:10px}.configurator input,.configurator textarea{font:inherit;border:1px solid #4a484e;background:#111114;color:#f5f5f4;border-radius:5px;padding:13px 14px;width:100%}.configurator textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;resize:vertical}.configurator input:focus,.configurator textarea:focus{outline:2px solid #e4656c;outline-offset:2px}.configurator .primary{border:0;cursor:pointer;justify-self:start;margin-top:12px}.form-message{min-height:1.5em!important;margin:4px 0!important}.form-message.error{color:#ff858d}.key-result{border-top:1px solid #353438;margin-top:20px;padding-top:25px}.key-result .path{margin-top:12px}.secondary{background:transparent;border:1px solid #e4656c;border-radius:5px;color:#f5f5f4;padding:12px 16px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.secondary:hover{background:#3a2428}