:root{color:#14263a;font-synthesis:none;text-rendering:optimizelegibility;--navy:#081e38;--navy-2:#102f51;--copper:#b84a27;--copper-dark:#91371d;--cyan:#17a0d6;--cream:#f3e9e1;--surface:#fff;--surface-soft:#fbfaf9;--line:#e5ddd6;--muted:#6a7783;--success:#19704a;--danger:#a43a32;--shadow:0 20px 60px #081e3814;background:#f7f5f2;font-family:Montserrat,Inter,Arial,sans-serif}*{box-sizing:border-box}html{background:#f7f5f2}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}p{line-height:1.65}h1,h2,h3{color:var(--navy);letter-spacing:-.035em;margin-top:0}h1{font-size:clamp(2.3rem,5vw,4.5rem);line-height:1.02}h2{font-size:clamp(1.65rem,3vw,2.7rem);line-height:1.08}h3{font-size:1.13rem;line-height:1.25}.eyebrow{color:var(--copper);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:.71rem;font-weight:800}.muted{color:var(--muted);font-size:.91rem}.error-message{color:#8e3029;background:#fff0ed;border:1px solid #f3c7bf;border-radius:10px;padding:10px 12px;font-size:.82rem}.button{cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:750;text-decoration:none;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.55}.button--primary{color:#fff;background:var(--copper);box-shadow:0 8px 20px #b84a272e}.button--primary:hover:not(:disabled){background:var(--copper-dark)}.button--secondary{color:var(--navy);border:1px solid var(--line);background:#fff}.button--secondary:hover{border-color:#bfc8d0}.button--danger{color:#fff;background:var(--danger)}.button--full{width:100%}.text-button,.back-button{color:var(--copper);cursor:pointer;background:0 0;border:0;padding:0;font-weight:750}.brand{color:var(--navy);letter-spacing:-.04em;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;text-decoration:none;display:inline-flex}.brand img{object-fit:contain;width:45px;height:45px}.brand em{color:var(--copper);font-style:normal}.brand--compact{color:#fff;font-size:1rem}.brand--compact img{filter:drop-shadow(0 2px 8px #ffffff14);width:40px;height:40px}.login-screen{background:radial-gradient(circle at 15% 10%,#17a0d617,#0000 28rem),radial-gradient(circle at 85% 85%,#b84a2714,#0000 30rem),#fbfaf9;grid-template-rows:auto 1fr auto;place-items:center;min-height:100vh;padding:34px;display:grid}.login-brand{width:min(1120px,100%)}.login-card{border:1px solid var(--line);width:min(570px,100%);box-shadow:var(--shadow);text-align:center;background:#fffffff0;border-radius:30px;padding:48px}.login-mark{border:1px solid var(--line);background:linear-gradient(145deg,#fff,#f1eae5);border-radius:24px;place-items:center;width:92px;height:92px;margin:0 auto 20px;display:grid}.login-mark img{width:66px;height:66px}.login-card h1{margin-bottom:18px;font-size:clamp(2rem,5vw,3.1rem)}.login-lead{color:#4f5d6a;max-width:440px;margin:0 auto 28px}.google-button-wrap{justify-content:center;min-height:44px;margin-top:8px;display:flex}.login-status{color:var(--muted);margin:14px 0 0;font-size:.8rem}.login-rule{background:var(--line);height:1px;margin:28px 0 20px}.login-points{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.login-points span{border:1px solid var(--line);color:#596573;background:#f8f6f4;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:700}.login-footer{color:#89939c;font-size:.74rem}.loading-screen{background:#fbfaf9;align-content:center;place-items:center;gap:24px;min-height:100vh;display:grid}.loading-screen p{color:var(--muted)}.loading-orb{border:4px solid #e9ded7;border-top-color:var(--copper);border-radius:50%;width:46px;height:46px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{background:#f7f5f2;grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;flex-direction:column;height:100vh;padding:26px 20px;display:flex;position:sticky;top:0}.sidebar-nav{gap:8px;margin-top:44px;display:grid}.sidebar-nav button{color:#ffffffbd;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:30px 1fr auto;align-items:center;min-height:46px;padding:8px 10px;font-weight:650;display:grid}.sidebar-nav button:hover:not(:disabled){color:#fff;background:#ffffff14}.sidebar-nav button:first-child{color:#fff;background:#ffffff1a}.sidebar-nav button small{text-transform:uppercase;letter-spacing:.08em;color:#c78b76;font-size:.58rem}.sidebar-nav__locked{opacity:.7;cursor:default!important}.icon-badge{background:#ffffff14;border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.sidebar-bottom{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:18px}.sidebar-bottom a{color:#ffffff8c;margin:9px 0;font-size:.72rem;text-decoration:none;display:block}.sidebar-bottom a:hover{color:#fff}.workspace{min-width:0}.workspace-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:10;background:#ffffffe6;justify-content:space-between;align-items:center;height:76px;padding:0 34px;display:flex;position:sticky;top:0}.workspace-header__label{letter-spacing:.14em;color:#89939c;font-size:.66rem;font-weight:800}.user-menu{align-items:center;gap:10px;display:flex}.user-menu img,.user-avatar{object-fit:cover;border-radius:50%;width:34px;height:34px}.user-avatar{background:var(--cream);color:var(--copper);place-items:center;font-weight:800;display:grid}.user-menu div{max-width:230px;display:grid}.user-menu strong{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.user-menu small{color:#8a949d;white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.user-menu button{color:#66727e;cursor:pointer;background:#f5f2ef;border:0;border-radius:8px;margin-left:8px;padding:8px 10px;font-size:.69rem;font-weight:700}.workspace-body{width:min(1480px,100%);margin:0 auto;padding:44px clamp(22px,4vw,58px) 80px}.page-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;margin-bottom:36px;display:grid}.page-heading h1{max-width:900px;margin-bottom:18px;font-size:clamp(2.35rem,5vw,4.2rem)}.page-heading>div>p:last-child{color:var(--muted);max-width:780px}.state-card{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:18px;padding:28px;box-shadow:0 10px 30px #081e380a}.state-card--error{color:#8e3029;gap:14px;display:grid}.empty-state{text-align:center;background:#fbfaf9;border:1px dashed #cdbdb2;border-radius:26px;padding:52px}.empty-state__mark{border:1px solid var(--line);background:#fff;border-radius:20px;place-items:center;width:78px;height:78px;margin:0 auto 22px;display:grid}.empty-state__mark img{width:56px}.empty-state p:not(.eyebrow){color:var(--muted);max-width:650px;margin:0 auto 24px}.blueprint-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.blueprint-card{border:1px solid var(--line);background:#fff;border-radius:22px;padding:27px;transition:transform .2s,box-shadow .2s;box-shadow:0 14px 38px #081e380b}.blueprint-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.blueprint-card__top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px;display:flex}.status-pill{color:var(--success);text-transform:uppercase;letter-spacing:.06em;background:#e9f6ef;border:1px solid #cce8d8;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:.66rem;font-weight:800;display:inline-flex}.status-pill--neutral{color:#5d6873;background:#f3f1ef;border-color:#ddd6d0}.reference{color:#8a949d;letter-spacing:.08em;font-size:.69rem;font-weight:750}.blueprint-card h2{margin-bottom:10px;font-size:1.55rem}.blueprint-card>p{color:var(--muted);min-height:75px}.metric-strip{grid-template-columns:repeat(4,1fr);gap:7px;margin:22px 0;display:grid}.metric-strip span{text-align:center;color:#73808a;background:#f8f6f4;border-radius:9px;padding:10px 7px;font-size:.61rem}.metric-strip strong{color:var(--navy);font-size:1rem;display:block}.blueprint-card__meta{color:#8b959e;flex-wrap:wrap;gap:10px;min-height:38px;margin-bottom:18px;font-size:.66rem;display:flex}.back-button{margin-bottom:22px}.blueprint-heading{grid-template-columns:minmax(0,1fr) 180px;gap:40px;margin-bottom:28px;display:grid}.blueprint-heading h1{max-width:950px;margin:8px 0 18px;font-size:clamp(2.5rem,5vw,4.7rem)}.blueprint-heading>div:first-child>p:last-child{color:var(--muted);max-width:860px}.blueprint-heading__meta{color:#87919a;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:17px;font-size:.68rem;display:flex}.blueprint-heading__side{border:1px solid var(--line);background:#fff;border-radius:18px;gap:5px;height:fit-content;padding:20px;display:grid}.blueprint-heading__side span,.blueprint-heading__side small{color:#87919a;font-size:.68rem}.blueprint-heading__side strong{color:var(--navy);font-size:1.1rem}.runtime-panel{background:linear-gradient(135deg,var(--navy),#0d355d);color:#fff;border-radius:24px;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:center;gap:35px;margin:30px 0 32px;padding:30px;display:grid;box-shadow:0 20px 45px #081e3824}.runtime-panel h2{color:#fff;margin-bottom:10px}.runtime-panel p:not(.eyebrow){color:#ffffffb3;max-width:770px}.runtime-panel small{color:#ffffff80}.runtime-control{border-left:1px solid #ffffff26;gap:11px;padding-left:30px;display:grid}.runtime-control strong{font-size:.9rem}.runtime-dot{background:#8896a4;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 6px #ffffff0d}.runtime-dot--live{background:#45d294;animation:1.5s infinite pulse;box-shadow:0 0 0 6px #45d2941f}@keyframes pulse{50%{box-shadow:0 0 0 10px #45d29405}}.tab-nav{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#f7f5f2f0;gap:6px;margin-bottom:30px;padding:12px 0 14px;display:flex;position:sticky;top:76px;overflow-x:auto}.tab-nav button{color:#697682;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex:none;padding:9px 12px;font-size:.72rem;font-weight:750}.tab-nav button:hover{color:var(--navy);background:#fff}.tab-nav button.active{color:var(--navy);border-color:var(--line);background:#fff;box-shadow:0 5px 14px #081e380a}.tab-content{gap:28px;display:grid}.overview-hero,.routing-hero{border:1px solid var(--line);background:#fff;border-radius:24px;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);align-items:center;gap:35px;padding:30px;display:grid}.overview-hero h2,.routing-hero h2{max-width:850px;margin:0}.overview-architecture{border-left:1px solid var(--line);gap:6px;padding-left:28px;display:grid}.overview-architecture span{color:#8a949d;font-size:.68rem}.overview-architecture strong{color:var(--navy)}.overview-architecture small{color:var(--success);font-size:.68rem}.metric-cards{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.metric-cards div{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px}.metric-cards strong{color:var(--navy);font-size:1.65rem;display:block}.metric-cards span{color:#77838d;font-size:.65rem}.content-grid{gap:18px;display:grid}.content-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.architecture-card{border:1px solid var(--line);background:#fff;border-radius:20px;min-width:0;padding:24px}.card-eyebrow{color:var(--copper);text-transform:uppercase;letter-spacing:.12em;margin:0 0 8px;font-size:.64rem;font-weight:800}.architecture-card h3{margin-bottom:12px}.architecture-card__body>p{color:#5d6a76}.pill-list{flex-wrap:wrap;gap:7px;margin:10px 0;display:flex}.pill-list span{color:#69747e;background:#f5f2ef;border:1px solid #e3dcd6;border-radius:999px;padding:6px 9px;font-size:.64rem;font-weight:700}.subsection{border-top:1px solid #eee8e3;margin-top:16px;padding-top:15px}.subsection>strong{color:var(--navy);margin-bottom:7px;font-size:.73rem;display:block}.subsection p{color:#697681;margin:0;font-size:.82rem}.detail-list{color:#65727d;margin:8px 0 0;padding-left:19px;font-size:.82rem}.detail-list li{margin:6px 0;line-height:1.5}.card-counts{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.card-counts span{color:#7a8690;background:#faf8f6;border-radius:7px;padding:6px 8px;font-size:.63rem}.section-heading-small{margin-top:18px}.section-heading-small h2{margin-bottom:0}.routing-hero>div:last-child{border-left:1px solid var(--line);padding-left:28px}.architecture-flow{background:#eef6fa;border:1px solid #d9e8f0;border-radius:22px;justify-items:center;padding:32px;display:grid}.flow-node{min-width:180px;max-width:280px;color:var(--navy);text-align:center;background:#fff;border:1px solid #cbdce5;border-radius:12px;padding:12px 16px;font-size:.76rem;font-weight:750}.flow-node--user{border-color:#b7ccd7}.flow-node--entry{background:var(--navy);color:#fff;border-color:var(--navy)}.flow-arrow{color:#8aa7b7;padding:8px}.flow-branches{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.rule-row{border-bottom:1px solid #eee8e3;justify-content:space-between;gap:14px;padding:12px 0;font-size:.76rem;display:flex}.rule-row:last-child{border-bottom:0}.rule-row span{color:#6f7b86}.rule-row strong{color:var(--navy)}.stacked-item{border-bottom:1px solid #eee8e3;padding:13px 0}.stacked-item:last-child{border-bottom:0}.stacked-item strong{color:var(--navy);font-size:.8rem}.stacked-item p{color:#75818b;margin:5px 0 0;font-size:.75rem}.paid-panel{background:#efe9e4;border:1px solid #ded2c9;border-radius:24px;margin-top:54px;padding:30px}.paid-panel__heading{justify-content:space-between;align-items:start;gap:24px;margin-bottom:24px;display:flex}.paid-panel__heading h2{max-width:820px;margin:0}.locked-card{background:#ffffffc7;border:1px solid #ddd4cd;border-radius:17px;padding:22px}.locked-card h3{margin:12px 0 8px}.locked-card p{color:#707b84;min-height:80px;font-size:.8rem}.locked-card button{color:#8a827c;background:#e4ddd8;border:0;border-radius:8px;padding:8px 10px;font-size:.66rem;font-weight:750}.lock-icon{width:32px;height:32px;color:var(--copper);background:#f5f0ec;border-radius:9px;place-items:center;display:grid}@media (width<=1100px){.app-shell{grid-template-columns:82px 1fr}.brand--compact span,.sidebar-nav button span,.sidebar-nav button small,.sidebar-bottom{display:none}.sidebar{align-items:center;padding:24px 16px}.sidebar-nav button{grid-template-columns:1fr;padding:8px}.metric-cards{grid-template-columns:repeat(3,1fr)}.content-grid--3{grid-template-columns:1fr}}@media (width<=820px){.app-shell{display:block}.sidebar{display:none}.workspace-header{height:68px;padding:0 18px}.workspace-header__label,.user-menu div{display:none}.workspace-body{padding:28px 16px 60px}.page-heading,.blueprint-heading,.runtime-panel,.overview-hero,.routing-hero{grid-template-columns:1fr}.blueprint-heading__side{display:none}.runtime-control,.overview-architecture,.routing-hero>div:last-child{border-top:1px solid #ffffff26;border-left:0;padding:20px 0 0}.overview-architecture,.routing-hero>div:last-child{border-top-color:var(--line)}.blueprint-grid,.content-grid--2{grid-template-columns:1fr}.metric-cards{grid-template-columns:repeat(2,1fr)}.tab-nav{top:68px}.paid-panel__heading{display:grid}}@media (width<=520px){.login-screen{padding:20px 14px}.login-card{border-radius:22px;padding:30px 20px}.login-brand{text-align:center}.page-heading h1{font-size:2.45rem}.blueprint-heading h1{font-size:2.5rem}.metric-strip,.metric-cards{grid-template-columns:repeat(2,1fr)}.runtime-panel,.paid-panel{padding:22px}.user-menu button{margin-left:0}}