:root{color-scheme:light;font-family:Inter,sans-serif;--text:#111827;--muted:#6b7280;--bg:#f4f7ff;--card:#fff;--line:#dbe4ff;--primary:linear-gradient(90deg,#7c3aed,#2563eb);--soft-shadow:0 12px 28px rgba(37,99,235,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:#1d4ed8;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1120px;margin:0 auto;padding:1rem}.site-footer,.site-header{background:#fff;border-bottom:1px solid var(--line)}.site-footer{border-top:1px solid var(--line);border-bottom:0;margin-top:2rem}.footer-inner,.header-inner{max-width:1120px;margin:0 auto;padding:1rem}.brand{font-weight:700;font-size:1.2rem;color:#111827}.nav-row{justify-content:space-between;align-items:center;gap:1rem}.nav-links,.nav-row{display:flex;flex-wrap:wrap}.nav-links{gap:.6rem}.card{background:var(--card);border-radius:18px;padding:1.1rem;box-shadow:var(--soft-shadow);margin-bottom:1rem;border:1px solid #edf2ff}.hero h1{font-size:clamp(2rem,4vw,3rem);margin:.3rem 0}.hero h1,h1,h2,h3{font-weight:600}button,input,label,li,p,small,td,textarea,th{font-weight:400}.btn{border:1px solid transparent;color:#fff;padding:.6rem .95rem;border-radius:14px;cursor:pointer;font-weight:500}.btn-primary{background:var(--primary)}.btn-secondary{background:#fff;color:#1f3c88;border-color:#a5b4fc}.btn-danger{background:#dc2626}input,select,textarea{width:100%;margin:.35rem 0 .8rem;padding:.62rem .78rem;border:1px solid #cbd5e1;border-radius:14px;background:#fff}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.grid{display:grid;grid-gap:1rem;gap:1rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff}td,th{border-bottom:1px solid #e2e8f0;padding:.55rem;text-align:left}.alert{border-radius:14px;padding:.8rem;border:1px solid;margin-bottom:.8rem}.alert-info{border-color:#93c5fd;background:#eff6ff}.alert-error{border-color:#fca5a5;background:#fff1f2}.alert-warning{border-color:#fdba74;background:#fff7ed}.alert-success{border-color:#86efac;background:#f0fdf4}.footer-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.footer-bottom{border-top:1px solid var(--line);margin-top:.8rem;padding-top:.8rem;color:var(--muted)}.footer-cols section a{display:block;margin:.25rem 0}@media (max-width:640px){.container,.footer-inner,.header-inner{padding:.8rem}}.hero-enhanced{padding:clamp(1.6rem,3.4vw,2.7rem);background:radial-gradient(circle at top right,#eef4ff 0,#fff 52%),#fff}.hero-kicker{color:#4f46e5;font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;margin:0}.hero-subtext{max-width:62ch;color:#334155;font-size:1.05rem}.hero-cta-wrap{margin-top:1rem}.route-config-note{margin-top:-.25rem;color:var(--muted)}.config-tabs{display:inline-flex;gap:.5rem;margin:.4rem 0 1rem;border:1px solid #dbe4ff;border-radius:12px;padding:.25rem;background:#f8faff}.tab-btn{border:0;border-radius:9px;padding:.45rem .85rem;background:transparent;color:#334155;cursor:pointer}.tab-btn.active{background:#fff;box-shadow:0 2px 6px rgba(37,99,235,.14);color:#1e3a8a;font-weight:600}.route-config-grid{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(0,1fr);grid-gap:.35rem 1rem;gap:.35rem 1rem;margin-bottom:.6rem}.route-field-wide input{max-width:100%}.route-field-narrow input{max-width:220px}.sample-tooltip{position:relative}.sample-tooltip-content{opacity:0;pointer-events:none;transition:opacity .15s ease;position:absolute;top:calc(100% + .45rem);left:0;min-width:290px;background:#0f172a;color:#e2e8f0;border-radius:10px;padding:.6rem .75rem;z-index:10;text-align:left;box-shadow:0 10px 22px rgba(15,23,42,.28)}.sample-tooltip-content strong{display:block;margin-bottom:.35rem}.sample-tooltip-content pre{margin:0;font-size:.72rem;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.sample-tooltip:focus-within .sample-tooltip-content,.sample-tooltip:hover .sample-tooltip-content{opacity:1}@media (max-width:780px){.route-config-grid{grid-template-columns:1fr}.route-field-narrow input{max-width:100%}}