:root{color:#2b2027;background:#f4efe6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--plum: #3b2236;--navy: #14233b;--cream: #f4efe6;--paper: #fbf5ea;--paper-2: #eadcc8;--gold: #c79a55;--gold-dark: #a57436;--ink: #2b2027;--muted: #6f6258;--line: rgba(59, 34, 54, .18);--line-dark: rgba(244, 239, 230, .22);--good: #58785c;--warn: #a66b36;--shadow: rgba(42, 32, 39, .18);--display: "Playfair Display", Georgia, "Times New Roman", serif}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{min-width:320px;min-height:100%;margin:0}body{overflow-x:hidden;background:radial-gradient(circle at 10% 0%,rgba(59,34,54,.12),transparent 28rem),linear-gradient(135deg,#f8f0e3,#ead9c3)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{position:relative;min-height:100dvh;color:var(--ink)}.app-shell:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.32;background:linear-gradient(90deg,rgba(42,32,39,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(42,32,39,.028) 1px,transparent 1px);background-size:38px 38px}.app-header{position:sticky;top:0;z-index:20;min-height:76px;display:grid;grid-template-columns:minmax(250px,auto) minmax(0,1fr) auto;align-items:center;gap:20px;padding:12px clamp(18px,3.4vw,48px);border-bottom:1px solid rgba(42,32,39,.12);background:#fbf5eae6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 40px #3b223614}.brand{min-width:0;display:inline-flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none;font-family:var(--display);font-size:1.42rem;line-height:1}.brand span:last-child{white-space:nowrap}.brand span span{color:var(--gold-dark)}.brand-mark{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:999px;color:var(--paper);background:var(--plum);font-family:var(--display);font-size:1.55rem;box-shadow:0 10px 28px #3b223640}.app-header nav{min-width:0;display:flex;justify-content:center;gap:5px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.app-header nav::-webkit-scrollbar{display:none}.app-header nav a,.app-header nav button{flex:0 0 auto;min-height:38px;display:inline-flex;align-items:center;border:1px solid transparent;border-radius:999px;padding:8px 13px;color:#473943;background:transparent;text-decoration:none}.app-header nav button.active,.app-header nav a:hover,.app-header nav button:hover{border-color:#3b223638;background:#3b223614}.app-header nav button.active{color:var(--paper);border-color:var(--plum);background:var(--plum)}.landing-page{display:grid;gap:clamp(64px,8vw,124px);padding:clamp(34px,5vw,78px) clamp(18px,4vw,64px) 72px}.landing-hero,.landing-section{width:min(1240px,100%);margin:0 auto}.landing-hero{min-height:calc(100dvh - 130px);display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,.72fr);align-items:center;gap:clamp(34px,6vw,86px)}.hero-copy{max-width:760px}.eyebrow{margin:0 0 18px;color:var(--gold-dark);text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:850}.landing-hero h1,.landing-section h2,.status-rail h1,.panel h2{margin:0;font-family:var(--display);font-weight:500;letter-spacing:0;text-wrap:balance}.landing-hero h1{max-width:10ch;font-size:clamp(4rem,7.2vw,7.2rem);line-height:.9}.landing-hero p,.landing-section p,.panel p,.auto-panel p{color:var(--muted)}.landing-hero .hero-copy>p:not(.eyebrow){max-width:620px;margin:26px 0 0;font-size:clamp(1.08rem,1.6vw,1.36rem);line-height:1.55}.action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(59,34,54,.28);border-radius:4px;padding:11px 17px;color:var(--ink);background:#fbf5ead1;font-weight:850;text-decoration:none;box-shadow:0 10px 26px #3b22361c;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.button:hover{border-color:#3b22366b;background:var(--paper);transform:translateY(-1px)}.button:active{transform:translateY(0)}.button.primary{border-color:transparent;color:var(--paper);background:linear-gradient(135deg,#d0aa6f,var(--gold-dark));box-shadow:0 16px 34px #a66b3642}.button.secondary,.button.ghost{color:var(--plum);border-color:#3b22363d;background:#fbf5eab8}.button.small{min-height:38px;padding:8px 12px}.button.full{width:100%}.button:disabled{cursor:not-allowed;opacity:.45}.hero-facts{max-width:680px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:42px}.metric-tile{min-height:112px;display:grid;align-content:center;gap:8px;padding:18px;border:1px solid var(--line);border-radius:4px;background:#fbf5eaa3;box-shadow:0 18px 44px #2a20271c}.metric-tile strong{color:var(--plum);font-family:var(--display);font-size:clamp(2.5rem,4vw,4.2rem);font-weight:500;line-height:.86}.metric-tile span{color:var(--muted)}.hero-media,.wide-media{margin:0}.hero-media{align-self:center}.hero-media img,.wide-media img{width:100%;display:block;border:1px solid rgba(59,34,54,.18);border-radius:5px;object-fit:cover;box-shadow:0 28px 80px #2a20272e}.hero-media img{aspect-ratio:1.04 / 1;object-position:top center}.hero-media figcaption{max-width:360px;margin-top:14px;color:var(--muted);font-size:.92rem;line-height:1.4}.landing-section{display:grid;gap:28px}.section-heading{max-width:780px}.landing-section h2{max-width:12ch;font-size:clamp(2.8rem,6vw,6.4rem);line-height:.9}.section-heading>p:not(.eyebrow),.proof-copy p,.conversion-section p{max-width:680px;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.58}.system-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.system-grid article,.pricing-card,.card,.channel-card,.queue-card,.notice,.auto-panel,.workspace-card{border:1px solid var(--line);border-radius:4px;background:#fbf5eac2;box-shadow:0 18px 44px #2a20271c}.system-grid article,.pricing-card{display:grid;align-content:start;gap:12px;padding:22px}.system-grid span,.pricing-card span,.workspace-card span,.card span,.channel-card span,.queue-card span,.auto-panel span{color:var(--plum);font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900}.system-grid strong,.pricing-card strong,.workspace-card strong,.card strong,.channel-card strong,.queue-card strong,.auto-panel strong{color:var(--ink);font-family:var(--display);font-size:1.35rem;font-weight:500}.system-grid p,.pricing-card small,.workspace-card small,.card small,.channel-card small,.queue-card small{color:var(--muted);line-height:1.48}.proof-section{grid-template-columns:minmax(0,.96fr) minmax(320px,.64fr);align-items:center;gap:clamp(32px,5vw,72px)}.wide-media img{aspect-ratio:16 / 10}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pricing-card p{margin:0;color:var(--plum);font-family:var(--display);font-size:clamp(2rem,3.4vw,3.7rem);line-height:.92}.pricing-card .button{align-self:end;margin-top:10px}.conversion-section{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding:clamp(28px,5vw,56px);border-top:1px solid rgba(59,34,54,.22);border-bottom:1px solid rgba(59,34,54,.22)}.app-grid{height:calc(100dvh - 76px);min-height:640px;overflow:hidden;display:grid;grid-template-columns:330px minmax(0,1fr)}.status-rail,.work-surface,.panel{min-height:0}.status-rail{position:relative;padding:30px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto auto;gap:18px;color:var(--paper);background:var(--navy)}.status-rail:before{content:"";position:absolute;right:-32px;top:0;width:62px;height:100%;background:var(--paper);clip-path:polygon(0 0,48% 7%,13% 16%,54% 26%,18% 35%,62% 47%,22% 55%,58% 67%,16% 78%,52% 90%,0 100%)}.status-rail h1{max-width:8ch;font-size:clamp(2.4rem,4.4vw,5.1rem);line-height:.9}.customer-steps{min-height:0;margin:0;padding:0;display:grid;align-content:start;gap:10px;list-style:none}.customer-steps li{position:relative;min-height:50px;display:flex;align-items:center;padding:11px 13px 11px 43px;border:1px solid var(--line-dark);border-radius:4px;color:#f4efe6c7;background:#f4efe60e}.customer-steps li:before{content:"";position:absolute;left:14px;width:13px;height:13px;border:1px solid currentColor;border-radius:999px}.customer-steps li.active{color:var(--paper);border-color:#c99a5594;background:#c99a551f}.customer-steps li.done{color:#f7dca9}.workspace-card{display:grid;gap:7px;padding:16px;color:var(--ink)}.notice{margin:0;padding:13px 14px;color:var(--ink)}.work-surface{min-height:0;overflow:auto;padding:18px 28px 18px 48px}.panel{position:relative;min-height:calc(100dvh - 132px);padding:32px;border:1px solid rgba(59,34,54,.16);border-radius:4px;background:#fbf5eaeb;box-shadow:0 26px 80px #3b223629}.panel h2{max-width:780px;color:var(--ink);font-size:clamp(2.1rem,4.2vw,5rem);line-height:.93}.form-panel{display:grid;gap:16px}.form-panel.panel{padding:20px 24px}.form-panel h2{max-width:620px;font-size:clamp(2.15rem,3.4vw,3.9rem);line-height:.96}.form-panel .eyebrow{margin-bottom:10px}.form-panel>div:first-child>p:not(.eyebrow){max-width:720px;margin:12px 0 0;font-size:.98rem;line-height:1.48}.onboarding-console{display:grid;gap:18px}.auto-panel{display:grid;align-content:start;gap:13px;padding:19px}.onboarding-guide{grid-template-columns:minmax(360px,1fr) minmax(118px,.16fr) minmax(260px,.74fr) auto;align-items:center;gap:14px;padding:16px;background:linear-gradient(135deg,#3b223614,#fbf5eaeb),#fbf5eae6}.guide-copy{display:grid;gap:6px}.guide-copy h3,.setup-section h3{margin:0;color:var(--ink);font-family:var(--display);font-weight:500;letter-spacing:0;text-wrap:balance}.guide-copy h3{max-width:25ch;font-size:clamp(1.45rem,2vw,2.2rem);line-height:.98}.guide-copy p,.setup-section-heading p,.onboarding-actions p{margin:0;max-width:620px;color:var(--muted);line-height:1.5}.readiness-meter{min-height:86px;display:grid;place-items:center;align-content:center;gap:4px;border:1px solid rgba(59,34,54,.14);border-radius:4px;background:#fffaf0ad}.auto-panel strong{font-size:clamp(2.3rem,5vw,4.8rem);line-height:.88}.readiness-meter strong{color:var(--plum);font-size:clamp(1.9rem,3vw,3.2rem)}.readiness-meter small{color:var(--muted);font-weight:850;text-transform:uppercase;letter-spacing:.12em}.automation-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.automation-list small{padding:7px 9px;border:1px solid rgba(59,34,54,.12);border-radius:4px;color:#4f433d;background:#efe3d1a8}.onboarding-form-stack{display:grid;min-height:240px}.setup-section{display:grid;gap:12px;padding:16px 18px;border:1px solid rgba(59,34,54,.14);border-radius:4px;background:#fffaf08a}.setup-section[hidden]{display:none}.onboarding-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.onboarding-stepper button{min-height:56px;display:flex;align-items:center;gap:11px;border:1px solid rgba(59,34,54,.16);border-radius:4px;padding:10px 12px;color:#4f433d;background:#fffaf08a;font-weight:850;text-align:left}.onboarding-stepper button span{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border:1px solid rgba(59,34,54,.2);border-radius:999px;color:var(--plum);font-family:var(--display);font-weight:500}.onboarding-stepper button.active{color:var(--paper);border-color:var(--plum);background:var(--plum)}.onboarding-stepper button.active span{color:var(--plum);border-color:var(--paper);background:var(--paper)}.setup-section-heading{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start}.setup-section-heading>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(59,34,54,.2);border-radius:999px;color:var(--paper);background:var(--plum);font-family:var(--display);font-size:1.05rem}.setup-section h3{font-size:clamp(1.35rem,1.8vw,2rem);line-height:1}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.smart-form{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-form,.detail-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-form{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-form textarea{min-height:58px}label{min-width:0;display:grid;gap:5px;color:var(--ink);font-weight:780}input,select,textarea{width:100%;min-width:0;border:1px solid rgba(59,34,54,.22);border-radius:4px;color:var(--ink);background:#fffaf0c7;padding:9px 10px;outline:none}input:focus,select:focus,textarea:focus{border-color:#c99a55d9;box-shadow:0 0 0 3px #c99a5526}textarea{min-height:62px;resize:vertical}.setup-section textarea{min-height:66px}.onboarding-actions{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding-top:2px}.onboarding-actions p{max-width:620px}.panel-heading{display:grid;gap:8px}.plan-panel,.connect-panel,.library-panel{display:grid;gap:16px}.split-panel{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:15px}.card{display:grid;align-content:start;gap:13px;padding:19px}.card.compact{padding:15px}.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.plan-output ul{margin:12px 0 0;padding-left:18px;color:#433633}.integration-controls{display:grid;grid-template-columns:280px minmax(0,1fr);gap:13px}.channel-grid,.queue-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:13px}.channel-card,.queue-card{display:grid;align-content:start;gap:9px;padding:15px}.channel-card small,.queue-card p{margin:0}.channel-card em,.queue-card em{color:var(--warn);font-style:normal;font-weight:850}.queue-card em.good{color:var(--good)}.queue-card em.warn{color:var(--warn)}.empty{align-self:start;margin:0}@media(max-width:1320px){.onboarding-guide{grid-template-columns:minmax(0,1fr) minmax(122px,.22fr)}.automation-list{grid-column:1 / -1}}@media(max-width:1120px){.landing-hero,.proof-section{grid-template-columns:1fr}.landing-hero h1{max-width:12ch}.hero-media{max-width:560px}.system-grid,.channel-grid,.queue-grid,.smart-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:920px){.app-header{grid-template-columns:minmax(190px,auto) minmax(0,1fr);min-height:68px;padding:10px 14px}.app-header>.button{display:none}.landing-page{padding-top:26px}.landing-hero{min-height:auto}.hero-facts,.pricing-grid,.conversion-section,.app-grid,.split-panel,.integration-controls,.onboarding-console,.onboarding-guide{grid-template-columns:1fr}.automation-list{grid-column:auto}.app-grid{height:auto;min-height:0}.onboarding-actions,.onboarding-stepper{grid-template-columns:1fr}.status-rail{display:none}.work-surface{padding:16px}.panel{min-height:auto;padding:20px}}@media(max-width:640px){.brand span:last-child{display:none}.app-header{grid-template-columns:auto minmax(0,1fr);gap:8px}.landing-hero h1{font-size:clamp(3.1rem,17vw,5rem)}.landing-section h2,.panel h2{font-size:clamp(2.3rem,13vw,4rem)}.hero-facts,.system-grid,.pricing-grid,.form-grid,.channel-grid,.queue-grid,.smart-form,.compact-form,.detail-form{grid-template-columns:1fr}.setup-section{padding:18px}.setup-section-heading{grid-template-columns:1fr}.onboarding-actions{align-items:stretch}}