.section-eyebrow{color:var(--blue)}.btn-primary{background:var(--blue)}.btn-primary:hover{background:var(--blue-hover)}.cf-hero{background:#000509;padding:clamp(3.5rem,8vw,6rem) 0 clamp(3rem,6vw,5rem);overflow:hidden}.cf-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}@media(max-width:720px){.cf-hero-inner{grid-template-columns:1fr}}.cf-badge{display:inline-flex;align-items:center;gap:7px;background:oklch(20% .06 230 / .6);color:#59c5f5;font-size:12px;font-weight:500;padding:4px 13px;border-radius:100px;border:1px solid oklch(35% .1 230 / .5);margin-bottom:22px}.cf-hero h1{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.1;letter-spacing:-.025em;color:#f3ede9;margin-bottom:18px}.cf-hero h1 em{font-style:italic;color:var(--blue)}.cf-hero-sub{font-size:1rem;color:#857f7a;line-height:1.7;margin-bottom:30px}.cf-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.term-card{background:#040d11;border:1px solid oklch(28% .04 230 / .6);border-radius:var(--radius-lg);overflow:hidden}.term-bar{background:#0d1519;padding:10px 16px;display:flex;align-items:center;gap:7px}.td-dot{width:10px;height:10px;border-radius:50%}.td-red{background:#ab413f99}.td-yellow{background:#c58d0499}.td-green{background:#218a4599}.term-title{margin-left:6px;font-size:11px;color:#514c48;font-family:var(--font-mono)}.term-body{padding:18px 20px 20px;font-family:var(--font-mono);font-size:12px;line-height:1.85}.tt-cmt{color:#4c4642;font-style:italic}.tt-prompt{color:#1e7ca1}.tt-cmd{color:#e3bb9e}.tt-ok{color:#03a14a}.tt-out{color:#7f7975}.tt-url{color:oklch(68% .14 230)}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.why-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 24px 20px;transition:border-color .15s}.why-card:hover{border-color:var(--blue-mid)}.why-card h3{font-size:.9375rem;font-weight:600;margin-bottom:8px;letter-spacing:-.01em}.why-card p{font-size:.875rem;color:var(--text-muted);line-height:1.65}.why-card p code{font-family:var(--font-mono);font-size:12px;background:#ebe7e4;padding:1px 5px;border-radius:4px}.why-card .card-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--blue-light);border-radius:10px;margin-bottom:14px;color:var(--blue)}.why-card .card-icon svg{width:18px;height:18px}.tip-icon{line-height:0}.tip-icon svg{width:15px;height:15px}.cmp-section{background:var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.cmp-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:600px){.cmp-grid{grid-template-columns:1fr}}.cmp-col{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.cmp-col.highlighted{border-color:var(--blue-mid)}.cmp-header{padding:16px 20px;border-bottom:1px solid var(--border)}.cmp-header h3{font-size:.9375rem;font-weight:600;margin-bottom:4px}.cmp-header p{font-size:12.5px;color:var(--text-muted)}.cmp-header .badge{display:inline-block;font-size:10.5px;font-weight:600;padding:2px 9px;border-radius:100px;margin-bottom:8px}.badge-docker{background:#eae7e5;color:var(--text-muted);border:1px solid var(--border-strong)}.badge-cf{background:var(--blue-light);color:var(--blue-dark);border:1px solid var(--blue-mid)}.cmp-list{list-style:none;padding:16px 20px;display:flex;flex-direction:column;gap:11px}.cmp-list li{display:flex;gap:10px;font-size:13.5px;color:var(--text-muted);line-height:1.5;align-items:flex-start}.ci{font-size:14px;flex-shrink:0}.ci-ok{color:oklch(55% .17 150)}.ci-no{color:#b84d4b}.ci-warn{color:oklch(62% .14 80)}.setup-section{background:#000509}.setup-section .section-eyebrow{color:#6eaecd}.setup-section .section-title{color:#f3ede9}.setup-section .section-sub{color:#7f7975}.setup-steps{display:flex;flex-direction:column;gap:20px;margin-top:44px}.setup-step{display:grid;grid-template-columns:48px 1fr;gap:0 20px;align-items:start;position:relative}.setup-step:not(:last-child):before{content:"";position:absolute;left:23px;top:42px;bottom:-20px;width:2px;background:#1f1916}.ss-num{width:34px;height:34px;border-radius:50%;background:#001925cc;border:1.5px solid oklch(36% .08 230 / .6);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#5bb0d7;flex-shrink:0;z-index:1}.ss-body{background:#060f1380;border:1px solid oklch(26% .02 230 / .4);border-radius:var(--radius-lg);padding:20px 22px}.ss-body h3{font-size:.9375rem;font-weight:600;color:#e3dcd8;margin-bottom:8px}.ss-body p{font-size:.875rem;color:#7f7975;line-height:1.7;margin-bottom:14px}.ss-body p:last-child{margin-bottom:0}.ss-body a.inline-link{color:#16b3eb;text-decoration:none}.ss-body a.inline-link:hover{text-decoration:underline}.code-block{background:#010406;border:1px solid oklch(22% .018 230);border-radius:8px;padding:14px 18px;font-family:var(--font-mono);font-size:12.5px;line-height:1.8;overflow-x:auto;white-space:pre-wrap;margin:12px 0;display:flex;flex-direction:column;gap:0}.c-kw{color:#2dc08e}.c-val{color:#d0a348}.c-key{color:#59c5f5}.c-cmt{color:#4c4642;font-style:italic}.c-url{color:oklch(68% .14 230)}.c-cmd{color:#e3bb9e}.c-ok{color:#03a14a}.tip-box{background:oklch(14% .04 230 / .6);border:1px solid oklch(30% .08 230 / .4);border-radius:var(--radius);padding:13px 16px;font-size:.85rem;color:#608da4;line-height:1.65;display:flex;gap:11px;align-items:flex-start;margin-top:12px}.tip-icon{font-size:15px;flex-shrink:0}.next-section{background:var(--bg-alt);border-top:1px solid var(--border);padding:clamp(2.5rem,6vw,4rem) 0}.next-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:28px}.next-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px;text-decoration:none;color:var(--text);transition:border-color .15s;display:flex;flex-direction:column;gap:8px}.next-card:hover{border-color:var(--blue-mid)}.next-card .nc-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}.next-card h3{font-size:.9375rem;font-weight:600}.next-card p{font-size:.875rem;color:var(--text-muted);line-height:1.6}
