:root{--ink: #152033;--muted: #5c6b7a;--line: #e3e8ee;--bg: #f3f5f7;--paper: #ffffff;--brand: #1c3557;--brand-2: #2d5a8a;--accent: #c45c26;--ok: #1f7a4d;--danger: #b42318;--shadow: 0 1px 2px rgba(21, 32, 51, .06), 0 8px 24px rgba(21, 32, 51, .06);--radius: 10px;font-size:14px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:"Source Sans 3",system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.45}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:700;letter-spacing:-.02em;margin:0 0 .4rem}h1{font-size:1.7rem}h2{font-size:1.25rem}h3{font-size:1.05rem}p{margin:0 0 .7rem;color:var(--muted)}a{color:var(--brand-2);text-decoration:none}a:hover{text-decoration:underline}.shell{min-height:100vh;display:flex;flex-direction:column}.top{background:var(--brand);color:#fff;display:flex;align-items:center;gap:1.1rem;padding:.45rem 1.1rem;position:sticky;top:0;z-index:20;flex-wrap:nowrap}.top a{color:#e8eef5;text-decoration:none;font-size:.86rem}.top a:hover{color:#fff;text-decoration:none}.brand{display:flex;align-items:center;gap:.45rem;font-family:Fraunces,serif;font-weight:700;color:#fff!important;font-size:1rem!important;flex-shrink:0}.brand img{width:22px;height:22px;border-radius:4px;object-fit:cover}.nav{display:flex;gap:.85rem;flex-wrap:nowrap;align-items:center}.nav-right{margin-left:auto;display:flex;gap:.7rem;align-items:center}.nav-desk{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 .55rem}.compact-only{display:none}.menu-btn,.icon-btn{display:none;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid rgba(255,255,255,.35);border-radius:7px;padding:0 .7rem;font:inherit;font-weight:600;cursor:pointer;background:transparent;color:#fff}.icon-btn{font-size:1.4rem;line-height:1}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#10182675;border:0;padding:0;cursor:pointer}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(300px,88vw);z-index:40;background:#132033;color:#d5dee8;padding:.6rem .7rem;overflow:auto;box-shadow:-8px 0 24px #10182640}.drawer a{display:flex;align-items:center;min-height:44px;color:#d5dee8;padding:0 .55rem;border-radius:6px}.drawer a.active,.drawer a:hover{background:#1e334d;text-decoration:none;color:#fff}.drawer-head,.side-head{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-bottom:.45rem}.public-drawer .icon-btn{display:inline-flex}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:1px solid transparent;border-radius:7px;padding:.35rem .75rem;font:inherit;font-weight:600;cursor:pointer;background:var(--brand);color:#fff}.btn:hover{filter:brightness(1.08);text-decoration:none;color:#fff}.btn.ghost{background:transparent;border-color:#d5dde6;color:var(--ink)}.btn.ghost:hover{background:#f4f7fa;color:var(--ink)}.btn.accent{background:var(--accent)}.btn.small{padding:.25rem .55rem;font-size:.82rem}.btn.danger{background:var(--danger)}.page{width:min(1080px,calc(100% - 1.6rem));margin:.9rem auto 1.4rem;flex:1}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:1.2rem;align-items:center;background:linear-gradient(160deg,#1c3557,#2d5a8a);color:#fff;border-radius:14px;padding:1.3rem 1.4rem;margin-bottom:1rem;box-shadow:var(--shadow)}.hero h1{font-size:2rem;color:#fff}.hero p{color:#d7e3f0}.hero img{width:100%;border-radius:10px;max-height:240px;object-fit:cover}.grid{display:grid;gap:.75rem}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.stats{grid-template-columns:repeat(4,1fr)}.skeleton{background:linear-gradient(90deg,#e6ebf0,#f4f7fa 45%,#e6ebf0);background-size:200% 100%;animation:shimmer 1.15s ease-in-out infinite;border-radius:6px}.skeleton-stat{height:1.35rem;width:2.4rem;margin-top:.2rem}.skeleton-line{height:.8rem;width:100%;margin:.25rem 0}.skeleton-line.short{width:45%}.skeleton-field{height:2rem;width:100%}.skeleton-area{height:110px;width:100%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:.85rem .95rem;box-shadow:var(--shadow)}.card h3{margin-bottom:.25rem}.muted{color:var(--muted);font-size:.86rem}.stat{font-size:1.35rem;font-weight:700;color:var(--brand)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.7rem}.row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}input,select,textarea{font:inherit;border:1px solid #cfd7e0;border-radius:7px;padding:.38rem .5rem;background:#fff;color:var(--ink)}textarea{min-height:110px;width:100%}label{display:flex;flex-direction:column;gap:.2rem;font-size:.8rem;font-weight:600;color:var(--muted)}label.inline{flex-direction:row;align-items:center;font-weight:500}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{text-align:left;padding:.38rem .4rem;border-bottom:1px solid var(--line)}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);cursor:pointer}.form{display:grid;gap:.55rem;max-width:640px}.form.wide{max-width:none}.login-actions{display:grid;gap:.5rem;max-width:360px}.login-actions .btn{justify-content:flex-start;padding:.65rem .85rem;min-height:44px}.price-card .price-actions{margin-top:.7rem}.price-card .btn,.billing-actions .btn{min-height:44px}.billing-card .chip{margin-bottom:.5rem}.footer{margin-top:auto;background:#101826;color:#9aa8b8;font-size:.78rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:.65rem 1.1rem}.footer a{color:#c5d0dc}.footer .center{text-align:center;color:#d7dee6;font-variant-numeric:tabular-nums}.footer .right{text-align:right}.desk{display:grid;grid-template-columns:180px 1fr;min-height:100vh}.desk-bar{display:none}.side{background:#132033;color:#d5dee8;padding:.7rem .55rem}.side a{display:flex;align-items:center;color:#d5dee8;padding:.32rem .5rem;border-radius:6px;font-size:.84rem;min-height:36px}.side a.active,.side a:hover{background:#1e334d;text-decoration:none;color:#fff}.side .brand{margin:.15rem 0 .35rem}.side-close{display:none}.main{padding:.8rem 1rem}.desk-toolbar{margin-bottom:.55rem}.banner{display:none}.ok{color:var(--ok);font-size:.86rem}.error{color:var(--danger);font-size:.86rem}.chip{display:inline-flex;align-items:center;border-radius:999px;padding:.1rem .5rem;font-size:.75rem;background:#eef2f6}.chip-scheduled{background:#e7f3ea;color:var(--ok);font-weight:700}.composer{max-width:720px;overflow-x:hidden}.composer-toolbar,.composer-starters,.composer-actions,.token-sheet,.preview-toggle{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.btn.tool{min-width:44px;min-height:44px}.btn.tool.on{background:#eef2f6}.token-sheet{border:1px solid var(--line);border-radius:8px;padding:.45rem;background:#f8fafc}.preview{border:1px solid var(--line);border-radius:8px;padding:.7rem;background:#fff;overflow-x:hidden}.preview.desktop{max-width:100%}.preview.narrow{max-width:360px}.preview-body{white-space:pre-wrap;color:var(--ink)}@media (max-width: 390px){.composer-actions{flex-direction:column;align-items:stretch}.composer-actions .btn{width:100%}}.place-hero img{width:100%;border-radius:10px;max-height:220px;object-fit:cover;margin-bottom:.7rem}@media (max-width: 1024px){.grid.stats{grid-template-columns:repeat(2,1fr)}.desk{grid-template-columns:1fr}.desk-bar{display:flex;align-items:center;justify-content:space-between;background:var(--brand);color:#fff;padding:.25rem .7rem;position:sticky;top:0;z-index:25}.desk-bar .menu-btn{display:inline-flex}.side{position:fixed;top:0;left:0;bottom:0;width:min(280px,86vw);z-index:40;visibility:hidden;transform:translate(-100%);transition:transform .18s ease-out,visibility .18s;box-shadow:8px 0 24px #10182633}.desk.nav-open .side{transform:translate(0);visibility:visible}.side a{min-height:44px}.side-close{display:inline-flex}.main{padding:.55rem .75rem 1rem}.desk-toolbar{margin-bottom:.4rem}.desk-toolbar strong{font-size:.9rem}}@media (max-width: 860px){.hero,.grid.three{grid-template-columns:1fr}.footer{grid-template-columns:1fr;gap:.3rem;text-align:center}.footer .right,.footer .center{text-align:center}}@media (max-width: 640px){.grid.two,.grid.stats{grid-template-columns:1fr}.public-nav,.nav-signin{display:none}.compact-only{display:inline-flex;align-items:center;justify-content:center;min-height:44px}.top .menu-btn{display:inline-flex}.top{padding:.2rem .65rem;gap:.45rem}h1{font-size:1.45rem}}