:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edf0fc;background:#0b0d16;font-synthesis:none;--muted:#929bb4;--border:#202439;--blue:#7795ff;--violet:#a879ed}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 50% 10%,#171733 0,transparent 35%),#0b0d16}a{color:inherit;text-decoration:none}.site-header,footer{width:min(1160px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between}.site-header{height:92px;border-bottom:1px solid #ffffff0c}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:650;letter-spacing:-.7px}.brand.small{font-size:16px}.light{font-weight:400;color:#b4bdd4}.site-header nav{display:flex;gap:30px;font-size:13px;color:#9aa3ba}.site-header nav a:hover,footer a:hover{color:#d5d9e7}.hero{text-align:center;padding:112px 24px 106px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.18em;color:#8295c9;margin:0 0 24px}.hero h1{font-size:clamp(48px,7vw,82px);font-weight:620;line-height:1.08;letter-spacing:-.06em;margin:0}.hero h1 span{background:linear-gradient(105deg,var(--blue),var(--violet));background-clip:text;-webkit-background-clip:text;color:transparent}.description{color:#9da6bf;font-size:17px;line-height:1.8;margin:28px 0 34px}.hero-actions{display:flex;justify-content:center;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;min-width:160px;padding:14px 21px;border-radius:8px;font-size:14px;font-weight:600;border:1px solid}.primary{background:linear-gradient(105deg,#6179df,#8862ce);border-color:#a49cee40;box-shadow:0 8px 30px #4c408a24}.secondary{background:#121522;border-color:#292e43;color:#b7c0d6}.button:hover{filter:brightness(1.12);transform:translateY(-1px)}.release{font-size:12px;color:#747e98;margin:18px 0 0}.release span{margin:0 6px;color:#4d556c}.feature-grid{width:min(1100px,calc(100% - 64px));margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#10131f}.feature-grid article{padding:34px;border-right:1px solid var(--border)}.feature-grid article:last-child{border:0}.number,.resource-grid>a>span{font-size:10px;letter-spacing:.14em;color:#7182ac}.feature-grid h2{font-size:16px;font-weight:560;margin:34px 0 10px}.feature-grid p,.showcase-copy>p:not(.eyebrow),.resource-grid p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.editor-showcase{width:min(1100px,calc(100% - 64px));margin:120px auto;display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:72px}.showcase-copy h2,.resources h2{font-size:clamp(30px,4vw,45px);line-height:1.14;letter-spacing:-.04em;font-weight:580;margin:0 0 20px}.text-link{display:inline-block;margin-top:25px;color:#b7a5fa;font-size:13px}.text-link span{margin-left:7px}.editor-card{border:1px solid #2a2d46;border-radius:13px;overflow:hidden;background:#10131f;box-shadow:0 32px 80px #0005}.editor-bar{height:43px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px;padding:0 16px}.editor-bar i{width:7px;height:7px;border-radius:50%;background:#34384d}.editor-bar span{font-size:10px;color:#707b99;margin-left:10px}.editor-body{min-height:310px;display:grid;grid-template-columns:145px 1fr}.editor-nav{background:#0d101a;border-right:1px solid var(--border);padding:25px 17px;display:flex;flex-direction:column;gap:8px}.editor-nav b{font-size:13px;margin:0 8px 24px}.editor-nav span{font-size:10px;color:#78839f;padding:9px}.editor-nav .active{color:#b5a1f5;background:#25213e;border-radius:5px}.editor-table{padding:35px 24px}.table-head,.table-row{display:grid;grid-template-columns:1fr .8fr .8fr;align-items:center}.table-head{font-size:8px;letter-spacing:.1em;color:#66718b;padding:0 11px 12px}.table-row{padding:18px 11px;border-top:1px solid #22263a;font-size:10px}.table-row code{color:#d8dced}.table-row em{font-style:normal;color:#ab94ed}.table-row strong{font-weight:450;color:#d391ac}.table-row .muted{color:#7e89a2}.table-row .allowed{color:#81b09e}.resources{width:min(1100px,calc(100% - 64px));margin:0 auto 120px}.resources>div:first-child{margin-bottom:35px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.resource-grid>a{display:block;min-height:230px;padding:29px;background:#10131f;border:1px solid var(--border);border-radius:10px;transition:border-color .15s,transform .15s}.resource-grid>a:hover{border-color:#4b476c;transform:translateY(-2px)}.resource-grid h3{font-size:17px;font-weight:560;margin:28px 0 10px}.resource-grid b{display:block;color:#ab9ae9;font-size:12px;font-weight:500;margin-top:28px}footer{min-height:82px;border-top:1px solid #ffffff0c;color:#707a93;font-size:12px}footer>div{display:flex;gap:22px}.header-tools{display:flex;align-items:center;gap:16px}a:focus-visible,select:focus-visible{outline:2px solid #b5a7ff;outline-offset:4px}@media(max-width:760px){.site-header,footer,.feature-grid,.editor-showcase,.resources{width:calc(100% - 36px)}.site-header{height:76px}.site-header nav{display:none}.hero{padding:82px 18px 76px}.description br{display:none}.hero-actions{flex-direction:column;align-items:center}.button{width:min(280px,100%)}.feature-grid,.resource-grid{grid-template-columns:1fr}.feature-grid article{border-right:0;border-bottom:1px solid var(--border);padding:27px}.editor-showcase{grid-template-columns:1fr;margin-block:82px;gap:36px}.editor-body{grid-template-columns:95px 1fr}.editor-nav{padding-inline:9px}.editor-table{padding:28px 13px}.table-row,.table-head{grid-template-columns:1fr .7fr}.table-row>:last-child,.table-head>:last-child{display:none}.resources{margin-bottom:82px}footer>span{display:none}.header-tools{gap:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.mock-command{display:flex;align-items:center;gap:18px;padding:22px 0}.mock-command>code{font-size:1.3rem;margin-right:auto}.mock-command>span{font-size:.72rem;color:#a3acc2}.mock-command>strong{font-size:.72rem;padding:7px 12px;background:#8670d2;border-radius:5px}.mock-tabs{display:flex;gap:18px;border-bottom:1px solid #30364b;font-size:.72rem;color:#a7b1c5}.mock-tabs span{padding:0 0 12px}.mock-tabs .active{border-bottom:2px solid #b198ee;color:#d4c0ff}.mock-rule{padding:23px 0;font-size:.74rem}.mock-rule>span{color:#9facbf;margin-right:10px}.mock-rule p{display:flex;gap:15px;margin:17px 0;color:#aeb6ca}.mock-rule b{color:#c3abea}.mock-rule>div{display:flex;gap:6px}.mock-rule>div code{padding:5px 8px;background:#272b40;border-radius:4px;color:#c1c9de}
/* Carbon identity with deep blue actions. */
body{background:var(--nc-bg);color:var(--nc-text)}
.site-header,footer{border-color:var(--nc-line)}
.light{color:var(--nc-muted)}.site-header nav{color:var(--nc-muted)}.site-header nav a:hover,footer a:hover{color:var(--nc-highlight)}
.eyebrow,.number,.resource-grid>a>span{color:var(--nc-highlight)}
.hero h1{color:#fff}.hero h1 span{background-image:linear-gradient(100deg,#7a90ff,#b4c0ff);color:transparent}
.description,.release,footer,.editor-bar span,.editor-nav span,.mock-rule>span,.mock-command>span{color:var(--nc-muted)}
.feature-grid,.resource-grid>a,.editor-card{background:var(--nc-surface);border-color:var(--nc-line)}
.resource-grid>a:hover{background:var(--nc-raised);border-color:var(--nc-highlight)}
.resource-grid b,.text-link{color:var(--nc-highlight)}
.editor-nav{background:var(--nc-inset)}.editor-nav .active{background:var(--nc-selected);color:var(--nc-highlight);box-shadow:none}
.editor-bar i{background:#55555e}.editor-bar i:first-child{background:var(--nc-highlight)}
.mock-command>strong{background:var(--nc-blue);color:#fff}.mock-tabs{color:var(--nc-muted);border-color:var(--nc-line)}
.mock-tabs .active{color:var(--nc-highlight);border-color:var(--nc-highlight)}
.mock-rule b{color:var(--nc-highlight)}.mock-rule>div code{background:var(--nc-selected);color:#d3d9ff}