@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--bg: #f2f7f7;--panel: #ffffff;--panel-2: #eef5f4;--text: #102429;--muted: #52707a;--accent: #0f8b8d;--accent-2: #165f74;--danger: #b23a48;--success: #1f8a4c;--border: #d5e4e3;--shadow: 0 8px 24px rgba(15, 34, 41, .08);font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 5% 8%,rgba(15,139,141,.16),transparent 34%),radial-gradient(circle at 88% 0%,rgba(22,95,116,.14),transparent 30%),var(--bg)}a{color:var(--accent-2)}h1,h2,h3,h4,.brand,.topbar-title{margin:0;font-family:Space Grotesk,Avenir Next,sans-serif}p{margin:0}button,input,textarea,select{font:inherit}button{border:0;border-radius:10px;padding:.62rem .95rem;background:var(--accent);color:#fff;cursor:pointer;transition:transform .15s ease,opacity .15s ease}button:hover{transform:translateY(-1px)}button:disabled{opacity:.65;cursor:not-allowed;transform:none}button.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}button.danger{background:var(--danger)}input,textarea,select{width:100%;border:1px solid var(--border);border-radius:10px;padding:.62rem .78rem;background:#fff;color:var(--text)}textarea{resize:vertical}label{display:grid;gap:.42rem}label.checkbox{display:flex;align-items:center;gap:.6rem}label.checkbox input{width:auto}.page-center{min-height:100vh;display:grid;place-items:center}.loader{width:36px;height:36px;border:4px solid rgba(15,139,141,.2);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.auth-card{width:min(450px,100%);display:grid;gap:.95rem;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:1.45rem;box-shadow:var(--shadow)}.marketing-shell{position:relative;overflow:hidden;min-height:100vh;padding:clamp(.75rem,1.8vw,1.45rem);display:grid;grid-template-rows:auto 1fr auto;gap:1.35rem}.marketing-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 4% -4%,rgba(230,141,56,.32),transparent 32%),radial-gradient(circle at 94% -5%,rgba(29,89,172,.34),transparent 34%),radial-gradient(circle at 93% 84%,rgba(39,79,142,.18),transparent 36%),radial-gradient(circle at 12% 95%,rgba(15,139,141,.14),transparent 34%)}.marketing-shell>*{position:relative;z-index:1}.marketing-header{width:min(1120px,100%);margin:0 auto;border:1px solid rgba(188,204,226,.82);border-radius:20px;background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:center;gap:.95rem;padding:.72rem .95rem;box-shadow:0 14px 34px #0c23401f;position:sticky;top:.9rem;z-index:25}.marketing-brand{text-decoration:none;color:#0f2b4f;font-family:Space Grotesk,Avenir Next,sans-serif;font-size:1.07rem;font-weight:700;display:inline-flex;align-items:center;gap:.58rem;letter-spacing:-.01em}.marketing-brand-mark{width:1.12rem;height:1.12rem;border-radius:.28rem;background:linear-gradient(140deg,#0e315d,#2672b7 58%,#e28f4f);box-shadow:0 10px 18px #14396d4a}.marketing-nav{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.marketing-nav-item{text-decoration:none;color:#4f6482;border-radius:999px;padding:.37rem .72rem;font-weight:600;font-size:.87rem;transition:background .15s ease,color .15s ease,transform .15s ease}.marketing-nav-item:hover{color:#143f72;background:#15579d1a;transform:translateY(-1px)}.marketing-nav-item.active{color:#123c6b;background:#15579d2e}.marketing-auth-actions,.marketing-inline-actions,.marketing-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.62rem}.marketing-login,.marketing-register{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:600;text-decoration:none;padding:.56rem .95rem;font-size:.86rem;line-height:1;white-space:nowrap;border:1px solid transparent;transition:transform .15s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.marketing-login{color:#163e6d;border-color:#c4d5e8;background:#ffffffe0}.marketing-register{color:#fff;background:linear-gradient(135deg,#123a6c,#296cae 70%,#2a7bbb)}.marketing-register:hover,.marketing-login:hover{transform:translateY(-1px)}.marketing-register:hover{box-shadow:0 12px 24px #113f784d}.marketing-login:hover{border-color:#a7bfd9;box-shadow:0 8px 16px #15375e1a}.marketing-main{width:min(1120px,100%);margin:0 auto;display:grid;gap:1.28rem}.marketing-hero{border:1px solid #c9d8e9;border-radius:26px;background:radial-gradient(circle at 100% 0%,rgba(37,99,179,.24),transparent 50%),radial-gradient(circle at 0% 100%,rgba(229,146,72,.2),transparent 42%),linear-gradient(146deg,#f9fcfffa,#ebf4fff2);padding:clamp(1rem,2.2vw,1.72rem);box-shadow:0 20px 42px #0d2b5229}.marketing-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(.9rem,2vw,1.2rem);align-items:stretch}.marketing-hero-copy{display:grid;gap:.92rem}.marketing-eyebrow{margin:0;text-transform:uppercase;letter-spacing:.09em;color:#1f5289;font-weight:600;font-size:.72rem;width:fit-content;border-radius:999px;border:1px solid #b7cce3;background:#ffffffc2;padding:.23rem .62rem}.marketing-hero h1{font-size:clamp(2.05rem,4.3vw,3.45rem);line-height:1.01;max-width:17ch;letter-spacing:-.03em;text-wrap:balance;color:#0e2f57}.marketing-subtitle{color:#3f5874;max-width:58ch;line-height:1.63;font-size:clamp(.98rem,1.3vw,1.06rem)}.marketing-hero-note{color:#234569;font-size:.84rem;font-weight:600;letter-spacing:.01em}.marketing-hero-panel{border:1px solid #d1dfef;border-radius:18px;background:radial-gradient(circle at 100% 0%,rgba(231,154,83,.16),transparent 50%),linear-gradient(168deg,#fffffffa,#f3f8fff2);padding:1rem 1rem 1.05rem;display:grid;gap:.7rem;box-shadow:inset 0 1px #ffffff9e}.marketing-panel-kicker{margin:0;font-size:.69rem;text-transform:uppercase;letter-spacing:.09em;color:#245188;font-weight:700}.marketing-hero-panel h2{margin:0;font-size:1.19rem;line-height:1.24;color:#13345c}.marketing-proof-list{margin:0;padding-left:1.05rem;display:grid;gap:.42rem;color:#294766}.marketing-proof-list li{line-height:1.45}.marketing-signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.52rem}.marketing-signal-item{border:1px solid #d3e1f1;border-radius:13px;background:#ffffffd4;padding:.56rem .58rem}.marketing-signal-item p{margin:0;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:#4d6584;font-weight:700}.marketing-signal-item strong{display:block;margin-top:.33rem;font-size:.83rem;color:#17395f;line-height:1.3}.marketing-content{display:grid;gap:1.18rem}.marketing-section{display:grid;gap:.9rem}.marketing-grid{display:grid;gap:.95rem}.marketing-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-grid.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.marketing-card{border:1px solid #cfddeb;background:var(--panel);border-radius:18px;padding:1.08rem;box-shadow:0 16px 30px #0c254317;display:grid;gap:.65rem}.marketing-card h2,.marketing-card h3{margin:0;color:#102f54}.marketing-card p{color:#3b5674;line-height:1.58}.marketing-card.accent{background:radial-gradient(circle at 94% 5%,rgba(35,100,180,.15),transparent 45%),linear-gradient(145deg,#f4f8ff,#edf4ff)}.marketing-step-card{border-color:#c8d8ea}.marketing-step-index{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:#255488;font-weight:700;margin:0}.marketing-list{margin:0;padding-left:1.1rem;display:grid;gap:.38rem;color:#28445f}.marketing-list li{line-height:1.48}.marketing-stat-row{display:flex;flex-wrap:wrap;gap:.44rem}.marketing-stat-pill{display:inline-flex;align-items:center;border-radius:999px;border:1px solid #bfd4eb;background:#f1f7fff0;color:#245187;padding:.24rem .58rem;font-size:.74rem;font-weight:600}.pricing-card{background:radial-gradient(circle at 90% 12%,rgba(37,102,182,.17),transparent 45%),#fff}.pricing-label{display:inline-flex;width:fit-content;border-radius:999px;background:#2566b624;color:#204f86;padding:.2rem .56rem;font-size:.75rem;font-weight:700}.marketing-cta-band{border:1px solid #c8d8ea;border-radius:22px;background:radial-gradient(circle at 92% 8%,rgba(233,154,80,.2),transparent 44%),linear-gradient(130deg,#ebf3ff,#e4efff);padding:clamp(1rem,2vw,1.3rem);display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;box-shadow:0 14px 30px #14345a1c}.marketing-cta-band h2{margin:0;color:#12355e;font-size:clamp(1.22rem,2.8vw,1.62rem)}.marketing-cta-band p{margin-top:.35rem;color:#365879}.marketing-footer{width:min(1120px,100%);margin:0 auto .7rem;border:1px solid #cbdae8;background:#ffffffde;border-radius:18px;padding:.9rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:.85rem;flex-wrap:wrap;box-shadow:0 10px 24px #102c4c14}.marketing-footer-links{display:flex;align-items:center;gap:.72rem}.marketing-footer-links a{text-decoration:none;color:#1d4a7f;font-weight:600}.marketing-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.86rem}.marketing-kpi-card{border:1px solid #ccdbec;border-radius:15px;padding:.82rem;background:#ffffffe0;box-shadow:0 10px 20px #122e5114}.marketing-kpi-card p{font-size:.72rem;color:#506a89;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.marketing-kpi-card strong{display:block;margin-top:.34rem;color:#173b63;font-size:.94rem;line-height:1.32}.marketing-callout{border:1px solid #c3d6ea;border-radius:15px;background:linear-gradient(140deg,#f5f9ffe6,#eef5fff2);padding:.82rem}.marketing-callout p{color:#294e79;line-height:1.55;font-size:.92rem}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{border-right:1px solid var(--border);padding:1.2rem 1rem;background:linear-gradient(180deg,#e6f4f3,#f8fbfb)}.brand{font-size:1.28rem;font-weight:700;margin-bottom:1.2rem}.sidebar-nav{display:grid;gap:.32rem}.nav-section{display:grid;gap:.2rem;padding-bottom:.55rem;margin-bottom:.45rem;border-bottom:1px dashed rgba(16,36,41,.12)}.nav-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.sidebar-section-title{margin:.2rem 0 .1rem;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.nav-item{text-decoration:none;border-radius:10px;padding:.6rem .74rem;color:var(--text)}.nav-item.active{background:#0f8b8d2b;color:#0b5564}.main-content{display:grid;grid-template-rows:auto 1fr}.topbar{position:sticky;top:0;z-index:9;background:#f2f7f7eb;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-bottom:1px solid var(--border);padding:.9rem 1.3rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.topbar-title{text-transform:capitalize}.topbar-right{display:flex;align-items:center;gap:.8rem}.page-wrap{padding:1rem}.page-grid{display:grid;gap:1rem}.page-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:1 / -1}.stack{display:grid;gap:.78rem}.list-stack{display:grid;gap:.55rem;margin-top:.75rem}.card{border:1px solid var(--border);background:var(--panel);border-radius:14px;padding:1rem;box-shadow:var(--shadow)}.card-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.table-wrap{margin-top:.85rem;overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.58rem;border-bottom:1px solid var(--border)}th{font-size:.92rem}.opportunity-list{margin-top:.75rem;display:grid;gap:.8rem}.opportunity-item{border:1px solid var(--border);background:var(--panel-2);border-radius:12px;padding:.82rem;display:grid;gap:.4rem}.list-item{text-align:left;border:1px solid var(--border);background:#fff;border-radius:12px;color:var(--text);display:grid;gap:.2rem}.list-item.active{border-color:var(--accent);background:#edf8f8}.badge{margin-left:.35rem;background:#165f7426;color:#194856;border-radius:999px;padding:.15rem .47rem;font-size:.75rem}.button-row{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}.subscription-grid,.billing-config-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.subscription-item,.billing-config-item{border:1px solid var(--border);border-radius:12px;background:var(--panel-2);padding:.78rem;display:grid;gap:.35rem}.status-pill{display:inline-flex;align-items:center;padding:.18rem .58rem;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:.84rem;text-transform:capitalize}.status-pill.is-success{color:#14592f;background:#e8faef;border-color:#bfe7cb}.status-pill.is-warning{color:#854200;background:#fff3de;border-color:#f5d3a6}.status-pill.is-danger{color:#7b1a2a;background:#ffe8ec;border-color:#efc2cb}.status-pill.is-neutral{color:#26424a;background:#edf2f3;border-color:#d4e1e3}.notice-banner{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.notice-clear{padding:.35rem .6rem;border-radius:8px}.advanced-panel{margin-top:1rem;border-top:1px solid var(--border);padding-top:.8rem}.advanced-panel summary{cursor:pointer;font-weight:600;margin-bottom:.75rem}.advanced-panel[open] summary{margin-bottom:.9rem}.stat-row{margin-top:.8rem;display:flex;gap:.8rem;flex-wrap:wrap}.drafts-layout,.threads-layout{grid-template-columns:340px 1fr}.message-list{display:grid;gap:.6rem;margin:.75rem 0}.message-item{border:1px solid var(--border);border-radius:12px;padding:.75rem;display:grid;gap:.4rem}.message-item header{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.88rem}.message-item.outbound{background:#eef8ff}.message-item.inbound{background:#fff6e9}.notification-list{display:grid;gap:.7rem}.notification-item{border:1px solid var(--border);border-radius:12px;padding:.82rem;display:grid;gap:.4rem}.notification-item.unread{border-left:5px solid var(--accent)}.stats-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.stat-card{border:1px solid var(--border);border-radius:14px;background:linear-gradient(140deg,#f7fcfb,#e8f1f1);padding:.9rem;display:grid;gap:.3rem}.stat-card strong{font-size:1.45rem}.muted{color:var(--muted)}.error,.success{padding:.66rem .8rem;border-radius:10px}.error{background:#ffe8ec;border:1px solid #efc2cb;color:#7b1a2a}.success{background:#e8faef;border:1px solid #bfe7cb;color:#14592f}hr{border:0;border-top:1px solid var(--border);margin:1rem 0}@media (max-width: 1080px){.marketing-hero-grid{grid-template-columns:1fr}.marketing-signal-grid,.marketing-kpi-grid,.marketing-grid.three-col{grid-template-columns:repeat(2,minmax(0,1fr))}.drafts-layout,.threads-layout,.page-grid.two-col{grid-template-columns:1fr}.span-2{grid-column:auto}}@media (max-width: 900px){.marketing-header{flex-direction:column;align-items:flex-start;gap:.75rem}.marketing-nav,.marketing-auth-actions{width:100%}.marketing-auth-actions a{flex:1}.marketing-cta-band{flex-direction:column;align-items:flex-start}.marketing-grid.two-col,.marketing-grid.three-col,.marketing-kpi-grid,.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}.sidebar-nav{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.topbar{position:static;flex-direction:column;align-items:flex-start}.topbar-right{width:100%;justify-content:space-between}}@media (max-width: 520px){.marketing-shell{padding:.75rem}.marketing-header,.marketing-footer{padding-inline:.75rem}.marketing-hero{padding:1rem .85rem}.marketing-hero h1{font-size:clamp(1.55rem,7vw,2.15rem)}.marketing-signal-grid{grid-template-columns:1fr}.marketing-inline-actions a,.marketing-hero-actions a{width:100%}}