:root{--afw-primary:#4f46e5;--afw-primary-dark:#3730a3;--afw-accent:#06b6d4;--afw-ink:#172033;--afw-muted:#64748b;--afw-border:#e2e8f0;--afw-surface:#fff;--afw-bg:#f5f7fb;--afw-success:#059669;--afw-danger:#dc2626;--afw-radius:16px;--afw-shadow:0 10px 35px rgba(30,41,59,.08)}
*{box-sizing:border-box}body{min-height:100vh;background:radial-gradient(circle at 5% 0,#eef2ff 0,transparent 28rem),var(--afw-bg);color:var(--afw-ink);font-family:Inter,"Segoe UI",system-ui,sans-serif}.app-shell{padding-bottom:3rem}.app-navbar{background:linear-gradient(115deg,#312e81,#4f46e5 58%,#0891b2);box-shadow:0 6px 24px rgba(49,46,129,.24)}.navbar-brand{letter-spacing:-.02em}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:.55rem;border-radius:10px;background:rgba(255,255,255,.18);font-size:.82rem}.navbar .nav-link-lite{color:rgba(255,255,255,.86);text-decoration:none;padding:.4rem .55rem;border-radius:8px;font-size:.9rem}.navbar .nav-link-lite:hover{color:#fff;background:rgba(255,255,255,.12)}.user-chip{padding:.36rem .65rem;border-radius:999px;background:rgba(255,255,255,.14);font-size:.84rem;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.page-hero{position:relative;overflow:hidden;padding:1.6rem 1.75rem;margin-bottom:1.25rem;border-radius:20px;background:linear-gradient(125deg,#1e1b4b,#4338ca 60%,#0e7490);color:#fff;box-shadow:0 16px 40px rgba(49,46,129,.2)}.page-hero:after{content:"";position:absolute;right:-70px;top:-90px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.08)}.page-hero h1,.page-hero h2{font-weight:750;letter-spacing:-.035em}.page-hero p{max-width:760px;color:rgba(255,255,255,.78);margin-bottom:0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700;color:#a5b4fc}.page-hero .eyebrow{color:#a5f3fc}
.card{border:1px solid rgba(226,232,240,.8);border-radius:var(--afw-radius);box-shadow:var(--afw-shadow);background:var(--afw-surface)}.card h3,.card h4,.card h5{letter-spacing:-.02em}.metric-card{height:100%;padding:1rem 1.1rem}.metric-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--afw-muted);font-weight:700}.metric-value{font-size:1.75rem;line-height:1.2;font-weight:750;color:var(--afw-ink)}.metric-hint{font-size:.78rem;color:var(--afw-muted)}
.section-title{font-size:1.08rem;font-weight:750;letter-spacing:-.015em}.small-muted{font-size:.85rem;color:var(--afw-muted)}label,.form-label{font-weight:600;color:#334155;font-size:.9rem}.form-control,.form-select{border-color:#cbd5e1;border-radius:10px;min-height:42px}.form-control:focus,.form-select:focus{border-color:#818cf8;box-shadow:0 0 0 .2rem rgba(99,102,241,.13)}.btn{border-radius:10px;font-weight:650}.btn-primary{background:var(--afw-primary);border-color:var(--afw-primary)}.btn-primary:hover{background:var(--afw-primary-dark);border-color:var(--afw-primary-dark)}
.nav-tabs{gap:.35rem;padding:.35rem;background:#e9eef7;border:0;border-radius:13px;overflow-x:auto;flex-wrap:nowrap}.nav-tabs .nav-link{border:0;border-radius:9px;color:#526077;font-weight:650;white-space:nowrap}.nav-tabs .nav-link.active{color:var(--afw-primary-dark);background:#fff;box-shadow:0 3px 12px rgba(30,41,59,.08)}.tab-content>.tab-pane{padding-top:.25rem}.table{--bs-table-bg:transparent;margin-bottom:0}.table thead th{padding:.78rem .7rem;border-bottom:1px solid var(--afw-border);color:#64748b;text-transform:uppercase;letter-spacing:.045em;font-size:.72rem}.table tbody td{padding:.78rem .7rem;border-color:#edf1f6;vertical-align:middle}.table tbody tr:hover{background:#f8fafc}.badge{border-radius:999px;padding:.42em .7em}.alert{border:0;border-radius:12px}.status-box{background:#101827;color:#86efac;padding:1rem;height:360px;overflow:auto;border:1px solid #273449;border-radius:13px;font-family:"Cascadia Code",Consolas,monospace;font-size:12px;white-space:pre-wrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.app-icon-thumb{object-fit:cover;background:#fff}.invalid-feedback{display:block}.build-action:disabled{cursor:not-allowed;opacity:.65}code{color:#4338ca}.progress-guide{display:flex;gap:.6rem;flex-wrap:wrap}.progress-guide span{padding:.42rem .7rem;background:rgba(255,255,255,.12);border-radius:999px;font-size:.78rem}.empty-note{padding:2rem;text-align:center;color:var(--afw-muted)}
.url-routing-details{border:1px solid #c7d2fe;border-radius:13px;background:#f8faff}.url-routing-details summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;cursor:pointer;color:#3730a3;font-weight:750;list-style:none}.url-routing-details summary::-webkit-details-marker{display:none}.url-routing-details summary:before{content:"›";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e0e7ff;transition:transform .18s}.url-routing-details[open] summary:before{transform:rotate(90deg)}.url-routing-details summary span:first-of-type{margin-right:auto}.url-routing-panel{padding:1rem;border-top:1px solid #dbe3ff;background:#fff;border-radius:0 0 13px 13px}.routing-intro,.routing-safety{display:flex;flex-direction:column;gap:.18rem;padding:.75rem .85rem;border-radius:10px;font-size:.84rem}.routing-intro{margin-bottom:1rem;background:#eef2ff;color:#4338ca}.routing-safety{background:#fff7ed;color:#9a3412;border-left:3px solid #fb923c}
@media(max-width:767px){.app-navbar .container{align-items:flex-start}.nav-account{width:100%;padding-top:.6rem;flex-wrap:wrap}.page-hero{padding:1.25rem}.status-box{height:280px}.user-chip{max-width:100%}}

/* Public landing page */
.landing-body{background:#f8fafc}.landing-nav{margin:0;background:#0b1020;box-shadow:none;padding:.9rem 0}.landing-hero{position:relative;overflow:hidden;padding:7rem max(1.5rem,calc((100vw - 1140px)/2)) 6rem;background:linear-gradient(135deg,#0b1020 0%,#171b47 48%,#063c4a 100%);color:#fff}.landing-glow{position:absolute;border-radius:50%;opacity:.35}.landing-glow-one{width:420px;height:420px;background:#4f46e5;top:-240px;right:10%}.landing-glow-two{width:300px;height:300px;background:#06b6d4;bottom:-210px;left:5%}.landing-kicker,.section-eyebrow{font-size:.76rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:#6366f1}.landing-kicker{display:flex;align-items:center;gap:.55rem;color:#a5f3fc}.landing-kicker span{width:28px;height:2px;background:#22d3ee}.landing-hero h1{max-width:780px;margin:1rem 0 1.2rem;font-size:clamp(2.7rem,6vw,5.35rem);line-height:.98;letter-spacing:-.065em;font-weight:800}.landing-lead{max-width:690px;font-size:1.18rem;line-height:1.7;color:#cbd5e1}.landing-cta{color:#312e81}.landing-trust{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2rem;color:#cbd5e1;font-size:.88rem}.product-window{border:1px solid rgba(255,255,255,.18);border-radius:22px;background:rgba(255,255,255,.09);box-shadow:0 35px 80px rgba(0,0,0,.35);backdrop-filter:blur(15px);transform:rotate(1deg)}.product-window-top{display:flex;align-items:center;gap:.4rem;padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.12);color:#cbd5e1;font-size:.72rem}.product-window-top i{width:9px;height:9px;border-radius:50%;background:#f87171}.product-window-top i:nth-child(2){background:#fbbf24}.product-window-top i:nth-child(3){background:#34d399}.product-window-top span{margin-left:auto}.product-window-body{padding:1.5rem}.mini-label{margin:.6rem 0;color:#94a3b8;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.mini-app{display:flex;gap:.8rem;align-items:center;padding:1rem;border-radius:14px;background:#fff;color:#172033}.mini-app small{display:block;color:#64748b}.mini-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#06b6d4);font-weight:800;color:white}.mini-ready{margin-left:auto;padding:.3rem .55rem;border-radius:99px;background:#d1fae5;color:#047857;font-size:.72rem;font-weight:750}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0}.mini-grid div{padding:.9rem;border-radius:12px;background:rgba(255,255,255,.08)}.mini-grid small,.mini-grid b{display:block}.mini-grid small{color:#94a3b8}.mini-progress{height:10px;border-radius:99px;background:rgba(255,255,255,.13);overflow:hidden}.mini-progress span{display:block;width:78%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#818cf8,#22d3ee)}.mini-status{display:flex;justify-content:space-between;margin-top:.55rem;color:#cbd5e1;font-size:.78rem}.landing-section{max-width:1140px;margin:auto;padding:6.5rem 1.5rem;scroll-margin-top:70px}.landing-section h2,.landing-final h2{margin:.65rem 0 1rem;font-size:clamp(2rem,4vw,3.35rem);letter-spacing:-.045em;font-weight:800}.section-copy{max-width:720px;color:#64748b;font-size:1.08rem;line-height:1.75}.feature-card{height:100%;padding:2rem;border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 16px 45px rgba(30,41,59,.06)}.feature-card h3{margin:.9rem 0;font-size:1.25rem;font-weight:750}.feature-card p{margin:0;color:#64748b;line-height:1.7}.feature-number{font-size:.78rem;font-weight:800;color:#4f46e5}.capability-list{display:grid;gap:.8rem;margin-top:2rem}.capability-list div{padding:1rem 1.1rem;border-left:3px solid #6366f1;background:#fff;border-radius:0 12px 12px 0}.capability-list b,.capability-list span{display:block}.capability-list span{margin-top:.2rem;color:#64748b}.architecture-card{padding:2rem;border-radius:24px;background:#101827;box-shadow:0 25px 60px rgba(15,23,42,.2);color:#fff}.flow-node{padding:1.2rem;border:1px solid #334155;border-radius:14px;background:#172033}.flow-node small,.flow-node b{display:block}.flow-node small{color:#67e8f9;letter-spacing:.12em}.flow-line{text-align:center;padding:1rem;color:#94a3b8}.flow-line:before,.flow-line:after{content:"";display:block;width:1px;height:16px;margin:auto;background:#475569}.flow-split,.flow-artifacts{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.flow-split span,.flow-artifacts b{padding:.8rem;text-align:center;border-radius:10px;background:#1e293b}.flow-artifacts{grid-template-columns:repeat(3,1fr);margin-top:.75rem}.flow-artifacts b{background:linear-gradient(135deg,#4338ca,#0e7490)}.security-panel{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;padding:3rem;border-radius:26px;background:#eef2ff}.security-panel p{color:#526077;line-height:1.7}.security-points{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.security-points span{display:grid;place-items:center;min-height:78px;padding:.8rem;border-radius:14px;background:#fff;color:#3730a3;font-weight:700;text-align:center}.landing-final{padding:6rem 1.5rem;background:linear-gradient(180deg,#fff,#eef2ff)}.landing-final p{max-width:650px;margin:0 auto 2rem;color:#64748b;font-size:1.08rem}.landing-footer{padding:1.5rem 0;background:#0b1020;color:#94a3b8;font-size:.85rem}
@media(max-width:991px){.landing-hero{padding-top:5rem}.product-window{transform:none}.security-panel{grid-template-columns:1fr}}
@media(max-width:575px){.landing-hero h1{font-size:2.65rem}.landing-section{padding:4.5rem 1rem}.security-panel{padding:1.5rem}.security-points{grid-template-columns:1fr}.landing-trust{display:grid}.flow-split{grid-template-columns:1fr}}