:root{color-scheme:light;font-family:Space Grotesk,system-ui,sans-serif;--bg: #f9f4ef;--bg-contrast: #efe6db;--surface: #ffffff;--ink: #1c1a17;--ink-soft: #5c5246;--accent: #ff6b35;--accent-dark: #d84a1b;--accent-soft: rgba(255, 107, 53, .15);--teal: #1ea896;--teal-soft: rgba(30, 168, 150, .18);--line: rgba(28, 26, 23, .12);--shadow: 0 24px 60px rgba(31, 24, 12, .12)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 20%,rgba(30,168,150,.12),transparent 50%),radial-gradient(circle at 80% 0%,rgba(255,107,53,.12),transparent 45%),var(--bg);color:var(--ink)}h1,h2,h3,h4{font-family:Fraunces,Space Grotesk,serif;margin:0 0 12px}p{margin:0 0 12px;line-height:1.6}button,input,select,textarea{font-family:Space Grotesk,system-ui,sans-serif}.app{display:flex;flex-direction:column;gap:64px;padding:32px 6vw 64px}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:16px}.brand-mark{font-size:28px;background:var(--surface);border-radius:14px;padding:8px 12px;box-shadow:var(--shadow)}.brand-name{font-weight:700;font-size:18px;margin:0}.brand-tag{margin:0;font-size:14px;color:var(--ink-soft)}.nav-actions{display:flex;gap:12px}.hero{background:linear-gradient(120deg,#fffaf3,#f0f7f4);border-radius:28px;padding:28px 32px 40px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -60px -80px auto;width:220px;height:220px;background:radial-gradient(circle,rgba(30,168,150,.24),transparent 65%)}.hero-content{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--ink-soft);font-weight:600}.lede{font-size:18px;color:var(--ink-soft)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-card{background:var(--surface);border-radius:20px;padding:24px;border:1px solid rgba(28,26,23,.08);box-shadow:var(--shadow);animation:floatIn .8s ease}.card-title{font-weight:600;color:var(--ink-soft);margin-bottom:12px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-top:20px}.stat-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-bottom:6px}.stat-value{font-weight:600}.note{margin-top:16px;background:var(--accent-soft);padding:10px 12px;border-radius:12px;font-size:14px}.primary,.secondary,.ghost{border:none;border-radius:999px;padding:12px 18px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.primary{background:var(--accent);color:#fff;box-shadow:0 18px 30px #ff6b354d}.primary:hover{transform:translateY(-2px);box-shadow:0 22px 36px #ff6b3559}.secondary{background:var(--ink);color:#fff}.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}main{display:flex;flex-direction:column;gap:56px}.tool-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.panel{background:var(--surface);border-radius:20px;padding:24px;border:1px solid rgba(28,26,23,.08);box-shadow:0 16px 40px #1f180c14;display:flex;flex-direction:column;gap:16px}.panel.full{grid-column:1 / -1}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.badge{background:var(--accent-soft);color:var(--accent-dark);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600}.badge.alt{background:var(--teal-soft);color:var(--teal)}.badge.soft{background:#1c1a1714;color:var(--ink-soft)}.input-row{display:flex;gap:12px;flex-wrap:wrap}input{flex:1;min-width:200px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#fffaf5}.panel-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;border-top:1px dashed var(--line)}.chip{background:#1ea89629;color:var(--teal);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600}.pill-list{display:flex;flex-wrap:wrap;gap:10px}.pill{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--bg-contrast);font-size:14px}.icon-button{border:none;background:transparent;font-size:18px;cursor:pointer;color:var(--ink-soft)}.mode-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.mode-card{background:#fdf6ed;border:1px solid transparent;border-radius:16px;padding:18px;text-align:left;cursor:pointer;transition:border .2s ease,transform .2s ease}.mode-card h4{margin-bottom:8px}.mode-card.active{border-color:var(--accent);background:#fff0e8;transform:translateY(-2px)}.routing-preview{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:center}.table{background:var(--surface);border-radius:16px;border:1px solid rgba(28,26,23,.08);overflow:hidden}.table-row{display:grid;grid-template-columns:1.4fr 1.4fr .6fr;padding:12px 16px;border-bottom:1px solid rgba(28,26,23,.06);font-size:14px}.table-row.header{background:var(--bg-contrast);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.table-row.empty{color:var(--ink-soft)}.status{color:var(--teal);font-weight:600}.toolbox{background:linear-gradient(120deg,#fff2e3,#f2f8f5);border-radius:24px;padding:32px;display:grid;gap:24px;box-shadow:var(--shadow)}.toolbox-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tool-card{background:var(--surface);padding:20px;border-radius:18px;border:1px solid rgba(28,26,23,.08)}.footer{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:24px 0 8px;border-top:1px solid rgba(28,26,23,.08);color:var(--ink-soft)}.muted{color:var(--ink-soft)}@keyframes floatIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 720px){.hero{padding:24px}.nav{flex-direction:column;align-items:flex-start}.nav-actions{width:100%;justify-content:flex-start}.table-row{grid-template-columns:1fr;gap:6px}}