:root{color:#111;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#ededed;--surface:#fff;--surface-soft:#f8f8f8;--surface-active:#f5f5f5;--text:#111;--text-secondary:#6f6f6f;--text-muted:#9a9a9a;--border:#e7e7e7;--border-strong:#d9d9d9;--yellow:#fff200;--success:#24d17e;--danger-bg:#ffe4f1;--danger-text:#b00035;--purple-soft:#dcd2ff;--green-soft:#d9f5e3;background:#ededed;font-family:Inter,system-ui,sans-serif;font-size:14px}*{box-sizing:border-box}html,body,#app{min-height:100%}body{background:var(--page-bg);min-width:320px;color:var(--text);margin:0}body,input,button,select,textarea{font:inherit}button,input,select,textarea{color:var(--text)}a{color:inherit;text-decoration:none}strong{font-weight:600}.auth-page,.crm-page,.marketing-page{min-height:100vh}.auth-page{place-items:center;display:grid}.auth-shell{background:var(--surface);grid-template-columns:minmax(0,1.15fr) minmax(380px,460px);width:min(1320px,90%);min-height:86vh;display:grid;overflow:hidden}.auth-aside,.auth-panel{background:var(--surface)}.auth-aside{border-right:1px solid var(--border);align-content:space-between;gap:32px;padding:40px 40px 32px;display:grid}.auth-panel{align-content:center;padding:40px 36px;display:grid}.eyebrow,.crm-overline,.crm-section-kicker{color:var(--text-secondary);letter-spacing:0;margin:0;font-size:12px;font-weight:500}h1,h2,h3{color:var(--text);letter-spacing:-.02em;margin:0}h1{font-size:clamp(36px,4vw,52px);font-weight:600;line-height:1.02}h2,.crm-section-title{font-size:18px;font-weight:600}h3{font-size:16px;font-weight:600}.auth-text,.auth-switch,.crm-profile-copy p,.crm-list-row p,.crm-empty,.crm-note,.crm-timeline-item p,.crm-timeline-item span,.crm-logo-sub{color:var(--text-secondary)}.auth-copy{margin-bottom:24px}.auth-copy h2{margin-top:8px;font-size:20px}.auth-graphic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.auth-stat-card{background:var(--surface-soft);border:1px solid var(--border);gap:10px;padding:20px;display:grid}.auth-stat-card span{color:var(--text-secondary);font-size:12px}.auth-stat-card strong{font-size:18px;line-height:1.15}.auth-stat-card small{color:var(--text-secondary);line-height:1.55}.auth-stat-card-wide{grid-column:1/-1}.auth-bars{grid-template-columns:repeat(4,1fr);align-items:end;gap:8px;height:80px;margin-top:8px;display:grid}.auth-bars i{background:var(--yellow);display:block}.auth-bars i:first-child{height:24px}.auth-bars i:nth-child(2){height:44px}.auth-bars i:nth-child(3){height:64px}.auth-bars i:nth-child(4){height:34px}.auth-form,.crm-form{gap:16px;display:grid}label{gap:8px;display:grid}label span{color:var(--text-secondary);font-size:12px}input,select,textarea{background:var(--surface-soft);border:1px solid var(--border);border-radius:0;outline:none;width:100%;padding:12px 14px}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea:focus{border-color:var(--text);outline:1px solid var(--text);outline-offset:-1px}.button,.crm-button{border:1px solid var(--text);background:var(--surface);height:40px;color:var(--text);cursor:pointer;border-radius:0;padding:0 18px;font-weight:500}.button.primary{background:var(--text);color:var(--surface)}.crm-button-secondary{background:#f4f4f4;border:none}.button:hover,.crm-button:hover,.crm-nav-item:hover,.crm-side-button:hover,.crm-tab:hover{background:#f7f7f7}.button:disabled,.crm-button:disabled{opacity:.6;cursor:not-allowed}.auth-switch{margin:18px 0 0}.auth-switch a{text-decoration:underline}.feedback,.crm-inline-error{background:var(--danger-bg);color:var(--danger-text);border:1px solid #ffd0e3;padding:12px 14px}.marketing-page{background:var(--page-bg)}.marketing-header{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#edededf0;position:sticky;top:0}.marketing-header-inner,.marketing-footer-inner,.marketing-hero-inner,.marketing-section,.docs-layout,.docs-hero-inner{width:min(1320px,100% - 64px);margin:0 auto}.marketing-header-inner,.marketing-footer-inner{justify-content:space-between;align-items:center;gap:20px;min-height:72px;display:flex}.marketing-logo{letter-spacing:-.02em;font-size:24px;font-weight:700}.marketing-nav,.marketing-header-actions,.marketing-hero-actions,.marketing-footer-links{align-items:center;gap:14px;display:flex}.marketing-nav{flex-wrap:wrap}.marketing-nav-link{color:var(--text-secondary);padding:10px 12px}.marketing-nav-link.is-active{color:var(--text);background:var(--surface-active)}.marketing-hero,.docs-hero{padding:48px 0 24px}.marketing-hero-inner,.docs-hero-inner{grid-template-columns:minmax(0,1.2fr) minmax(320px,420px);align-items:start;gap:24px;display:grid}.marketing-hero-copy,.marketing-hero-panel,.docs-sidebar,.docs-content,.marketing-card,.marketing-faq-card,.docs-callout,.docs-code-card{border:1px solid var(--border);background:var(--surface)}.marketing-hero-copy{gap:18px;padding:32px;display:grid}.marketing-lead,.marketing-section-copy,.marketing-card-copy,.marketing-footer-copy,.docs-copy,.docs-callout p,.marketing-faq-card p{color:var(--text-secondary);margin:0;line-height:1.65}.marketing-hero-panel{gap:14px;padding:20px;display:grid}.marketing-hero-metric{border:1px solid var(--border);background:var(--surface-soft);gap:8px;padding:16px;display:grid}.marketing-hero-metric span,.marketing-step,.docs-card-label{color:var(--text-secondary);font-size:12px}.marketing-hero-metric strong{font-size:18px}.marketing-hero-metric small{color:var(--text-secondary);line-height:1.55}.marketing-hero-diagram{gap:10px;display:grid}.marketing-hero-diagram div{border:1px solid var(--border);background:linear-gradient(90deg, var(--surface-soft), var(--surface));padding:16px}.marketing-section{padding:24px 0 48px}.marketing-section-band{padding-top:32px;padding-bottom:48px}.marketing-section-heading{gap:10px;margin-bottom:24px;display:grid}.marketing-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.marketing-card-grid-thirds,.marketing-timeline-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.marketing-card,.marketing-faq-card,.docs-callout,.docs-code-card{padding:20px}.marketing-card{gap:16px;display:grid}.marketing-card-head{gap:6px;display:grid}.marketing-list,.docs-number-list{color:var(--text-secondary);gap:10px;margin:0;padding-left:18px;line-height:1.6;display:grid}.marketing-timeline-grid .marketing-card{min-height:100%}.marketing-step{background:var(--yellow);width:fit-content;color:var(--text);padding:4px 8px;font-weight:600;display:inline-flex}.marketing-faq-stack{gap:16px;display:grid}.marketing-bottom-cta{justify-content:flex-start;margin-top:24px;display:flex}.marketing-footer{border-top:1px solid var(--border);background:#fffc;margin-top:24px}.marketing-footer-links{flex-wrap:wrap}.docs-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:24px;padding:0 0 56px;display:grid}.docs-sidebar{gap:16px;padding:20px;display:grid;position:sticky;top:96px}.docs-sidebar-nav{gap:10px;display:grid}.docs-sidebar-nav a{background:var(--surface-soft);border:1px solid var(--border);color:var(--text-secondary);padding:10px 12px}.docs-content{gap:24px;padding:24px;display:grid}.docs-section{gap:16px;scroll-margin-top:96px;display:grid}.docs-compare-grid,.docs-code-grid{gap:16px;display:grid}.docs-compare-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.docs-code-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-code-block{border:1px solid var(--border);background:var(--surface-soft);margin:0;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.6;overflow-x:auto}.docs-callout{background:#fffbe0;gap:10px;display:grid}.crm-page{place-items:center;display:grid}.crm-app{background:var(--surface);border:1px solid #e5e5e5;grid-template-columns:240px 1fr;width:100%;height:100%;display:grid;overflow:hidden}.crm-sidebar{background:var(--surface);border-right:1px solid #e5e5e5;grid-template-rows:auto 1fr auto;gap:24px;width:240px;padding:24px 16px;display:grid}.crm-logo-wrap{gap:6px;display:grid}.crm-logo{margin:0;font-size:28px;font-weight:700}.crm-nav{align-content:start;gap:6px;display:grid}.crm-nav-item{align-items:center;gap:12px;height:44px;padding:0 16px;font-weight:400;display:flex}.crm-nav-item.is-active{background:var(--surface-active);font-weight:500}.crm-nav-marker{border:1px solid var(--text);width:18px;height:18px;display:inline-block}.crm-sidebar-bottom{gap:8px;display:grid}.crm-side-button{border:1px solid var(--border);text-align:left;cursor:pointer;background:0 0;height:40px;padding:0 16px}.crm-main{background:var(--surface);grid-template-rows:72px 112px 1fr;display:grid}.crm-topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;height:72px;padding:0 32px;display:flex}.crm-search{background:#f7f7f7;align-items:center;gap:10px;width:320px;height:44px;padding:0 14px;display:flex}.crm-search input{background:0 0;border:none;outline:none;padding:0}.crm-search input:focus{border:none;outline:none}.crm-search-icon{color:var(--text-secondary);font-size:12px}.crm-topbar-meta{align-items:center;gap:12px;display:flex}.crm-topbar-pill{background:var(--yellow);padding:6px 10px;font-size:12px;font-weight:700}.crm-profile-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;height:112px;padding:0 32px;display:flex}.crm-profile-copy{gap:8px;display:grid}.crm-profile-copy h1{font-size:20px;font-weight:600}.crm-profile-copy p{max-width:700px;margin:0}.crm-profile-side{align-items:center;gap:14px;display:flex}.crm-profile-side p{color:var(--text-secondary);margin:4px 0 0}.crm-avatar{background:var(--purple-soft);border-radius:50%;place-items:center;width:56px;height:56px;font-size:18px;font-weight:600;display:grid}.crm-content-area{grid-template-columns:300px 1fr;min-height:0;display:grid}.crm-activity-panel{border-right:1px solid var(--border);background:var(--surface);width:300px;padding:24px;overflow-y:auto}.crm-main-panel{background:var(--surface);padding:24px;overflow-y:auto}.crm-panel-section,.crm-card,.crm-example-box{gap:16px;display:grid}.crm-panel-section+.crm-panel-section{margin-top:28px}.crm-toggle-row{border:1px solid var(--border);background:var(--surface-soft);justify-content:space-between;align-items:flex-start;gap:16px;padding:14px;display:flex}.crm-toggle-copy{gap:6px;display:grid}.crm-toggle-copy p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.crm-toggle-row input[type=checkbox]{background:var(--surface);border:1px solid var(--border-strong);width:18px;height:18px;accent-color:var(--text);margin-top:2px;padding:0}.crm-section-title{margin:0}.crm-stat-list,.crm-mini-stack,.crm-list,.crm-field-grid,.crm-page-stack{gap:14px;display:grid}.crm-stat-row,.crm-list-row,.crm-field-chip,.crm-contact-card,.crm-rule-card,.crm-example-box,.crm-timeline-item{border:1px solid var(--border);background:var(--surface)}.crm-stat-row,.crm-field-chip,.crm-example-box{padding:14px}.crm-stat-row{justify-content:space-between;align-items:center;display:flex}.crm-stat-row span,.crm-row-meta,.crm-list-row p,.crm-contact-meta,.crm-detail-grid span,.crm-note,.crm-field-chip span,.crm-field-chip strong,.crm-timeline-item span{font-size:12px}.crm-mono-block{background:var(--surface-soft);border:1px solid var(--border);word-break:break-all;margin:0;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.crm-badge,.crm-inline-badge{background:#f4f4f4;border-radius:3px;justify-content:center;align-items:center;padding:4px 8px;font-size:12px;font-weight:500;display:inline-flex}.crm-badge.is-success{background:var(--green-soft)}.crm-badge.is-muted{color:var(--text-secondary);background:#f4f4f4}.crm-empty{border:1px solid var(--border);background:var(--surface-soft);padding:14px}.crm-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.crm-card,.crm-card-full{border:1px solid var(--border);background:var(--surface);padding:20px}.crm-card-full{grid-column:1/-1}.crm-card-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.crm-text-link{color:var(--text-secondary);font-size:12px}.crm-list-row{gap:10px;padding:16px;display:grid}.crm-list-row p,.crm-note{margin:0;line-height:1.5}.crm-list-link:hover,.crm-contact-card:hover{background:#fafafa}.crm-row-meta,.crm-contact-meta,.crm-contact-actions,.crm-row-actions,.crm-detail-grid,.crm-button-row,.crm-rule-top,.crm-contact-main,.crm-tag-row{gap:12px;display:flex}.crm-row-meta,.crm-contact-meta{color:var(--text-secondary);justify-content:space-between}.crm-contact-card{cursor:pointer;gap:16px;padding:20px;display:grid}.crm-contact-main,.crm-rule-top{justify-content:space-between;align-items:flex-start}.crm-phone{color:var(--text-secondary)}.crm-tag-row{flex-wrap:wrap}.crm-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-field-chip strong{color:var(--text);word-break:break-word;margin-top:8px;font-size:14px;display:block}.crm-contact-actions,.crm-row-actions,.crm-button-row{flex-wrap:wrap}.crm-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.crm-detail-grid strong{margin-top:6px;font-size:14px;display:block}.crm-tabs{border-bottom:1px solid var(--border);height:48px;display:flex}.crm-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0 16px;font-weight:400}.crm-tab.is-active{border-bottom:2px solid var(--text);color:var(--text);font-weight:600}.crm-timeline{gap:18px;display:grid;position:relative}.crm-timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:0;bottom:0;left:17px}.crm-timeline-item{grid-template-columns:36px 1fr;gap:14px;padding:14px;display:grid;position:relative}.crm-timeline-dot{background:var(--yellow);z-index:1;width:10px;height:10px;margin:4px auto 0;position:relative}.crm-thread{gap:14px;padding:4px 0;display:grid}.crm-thread-row{justify-content:flex-start;display:flex}.crm-thread-row.is-outbound{justify-content:flex-end}.crm-thread-bubble{border:1px solid var(--border);background:var(--surface-soft);gap:10px;width:min(100%,560px);padding:16px;display:grid}.crm-thread-bubble.is-outbound{background:var(--surface-active)}.crm-thread-bubble p{margin:0;line-height:1.6}.crm-thread-meta,.crm-thread-footer{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.crm-thread-meta strong{color:var(--text)}.crm-reply-form{border-top:1px solid var(--border);margin-top:20px;padding-top:20px}.crm-inline-hint{color:var(--text-secondary);align-self:center;font-size:12px}.crm-inline-error{margin:0}.landing-hero{padding:80px 0 64px}.landing-hero-inner{text-align:center;justify-items:center;gap:20px;width:min(720px,100% - 64px);margin:0 auto;display:grid}.landing-hero-inner h1{font-size:clamp(32px,4.5vw,48px);line-height:1.1}.landing-hero-sub{max-width:540px;color:var(--text-secondary);margin:0;font-size:15px;line-height:1.7}.landing-hero-actions{gap:12px;margin-top:8px;display:flex}.landing-hero-actions .button{align-items:center;height:44px;padding:0 24px;display:inline-flex}.landing-section{padding:56px 0}.landing-section-alt{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.landing-section-inner{gap:12px;width:min(1080px,100% - 64px);margin:0 auto;display:grid}.landing-section-inner h2{margin-bottom:12px;font-size:22px}.landing-steps{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px;display:grid}.landing-step-card{background:var(--surface);border:1px solid var(--border);align-content:start;gap:10px;padding:24px;display:grid}.landing-step-number{background:var(--yellow);justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:inline-flex}.landing-step-card h3{font-size:15px}.landing-step-card p{color:var(--text-secondary);margin:0;line-height:1.6}.landing-features-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px;display:grid}.landing-feature-card{border:1px solid var(--border);background:var(--surface-soft);align-content:start;gap:8px;padding:24px;display:grid}.landing-feature-card h3{font-size:15px}.landing-feature-card p{color:var(--text-secondary);margin:0;line-height:1.6}.landing-faq-list{gap:12px;max-width:680px;margin-top:8px;display:grid}.landing-faq-item{border:1px solid var(--border);background:var(--surface)}.landing-faq-item summary{cursor:pointer;padding:16px 20px;font-weight:500;list-style:none}.landing-faq-item summary::-webkit-details-marker{display:none}.landing-faq-item summary:before{content:"+";width:20px;color:var(--text-secondary);font-weight:600;display:inline-block}.landing-faq-item[open] summary:before{content:"−"}.landing-faq-item p{color:var(--text-secondary);margin:0;padding:0 20px 16px 40px;line-height:1.65}.landing-cta{text-align:center}.landing-cta-inner{justify-items:center}.landing-cta-inner p{color:var(--text-secondary);margin:0;line-height:1.6}@media (width<=1200px){.crm-page,.auth-page{padding:24px}.crm-app,.auth-shell{width:100%}.marketing-header-inner,.marketing-footer-inner,.marketing-hero-inner,.marketing-section,.docs-layout,.docs-hero-inner{width:min(100%,100% - 48px)}.crm-content-area{grid-template-columns:1fr}.crm-activity-panel{border-right:none;border-bottom:1px solid var(--border);width:auto}.marketing-hero-inner,.docs-hero-inner,.docs-layout{grid-template-columns:1fr}.docs-sidebar{position:static}}@media (width<=980px){.crm-app{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 48px)}.crm-sidebar{border-right:none;border-bottom:1px solid var(--border);grid-template-rows:auto auto auto;width:auto}.crm-main{grid-template-rows:auto auto 1fr}.crm-topbar,.crm-profile-header{flex-direction:column;align-items:flex-start;height:auto;padding:24px}.crm-profile-side{flex-wrap:wrap}.auth-shell{grid-template-columns:1fr;min-height:auto}.auth-aside{border-right:none;border-bottom:1px solid var(--border)}.marketing-card-grid,.marketing-card-grid-thirds,.marketing-timeline-grid,.docs-compare-grid,.docs-code-grid,.landing-steps,.landing-features-grid{grid-template-columns:1fr}}@media (width<=720px){.auth-page,.crm-page{padding:14px}.marketing-header-inner,.marketing-footer-inner,.marketing-hero-inner,.marketing-section,.docs-layout,.docs-hero-inner{width:min(100%,100% - 28px)}.crm-app,.auth-shell{min-height:auto}.auth-aside,.auth-panel,.crm-sidebar,.crm-activity-panel,.crm-main-panel{padding:20px}.crm-search{width:100%}.crm-card-grid,.auth-graphic-grid,.crm-field-grid,.crm-detail-grid{grid-template-columns:1fr}.marketing-header-inner,.marketing-footer-inner,.marketing-nav,.marketing-header-actions,.marketing-hero-actions{flex-direction:column;align-items:flex-start}.marketing-hero-copy,.marketing-hero-panel,.docs-sidebar,.docs-content{padding:20px}.landing-hero{padding:48px 0 40px}.landing-hero-inner,.landing-section-inner{width:min(100%,100% - 28px)}.landing-hero-actions{flex-direction:column;width:100%}.landing-hero-actions .button{justify-content:center;width:100%}.crm-row-meta,.crm-contact-meta,.crm-contact-main,.crm-rule-top,.crm-card-head{flex-direction:column;align-items:flex-start}}