/* Public preview is independent of the authenticated dashboard theme. */
body.coagent-dashboard:has(.public-landing:not([hidden])){padding:0;background:#eaf2fb}
.coagent-dashboard .public-landing{display:block;min-height:100vh;background:#eaf2fb;color:#f5f9ff;font-family:var(--font-ui),Arial,sans-serif;overflow:auto}
.public-landing *{box-sizing:border-box}
.public-landing .landing-top{max-width:1320px;margin:auto;padding:25px clamp(20px,4vw,56px);display:flex;justify-content:space-between;align-items:center}
.public-landing .coagent-wordmark{font-family:Outfit,var(--font-ui),sans-serif;font-size:31px;letter-spacing:-1.8px;font-weight:600;color:#fff;text-decoration:none}
.public-landing .brand-period{color:var(--brand-cyan)}
.public-landing button{cursor:pointer;font:inherit}
.public-landing .landing-top button,.public-landing .landing-top #landing-signin-open{display:inline-flex;align-items:center;border:1px solid #ffffff38;border-radius:24px;background:#ffffff10;color:#fff;padding:10px 23px;font-size:14px;text-decoration:none}
.public-landing .landing-top button:hover,.public-landing .landing-top button:focus-visible,.public-landing .landing-top #landing-signin-open:hover,.public-landing .landing-top #landing-signin-open:focus-visible{background:#ffffff22}
.public-landing .landing-top-actions{display:flex;align-items:center;gap:10px}
.public-landing .landing-top #landing-language{border:0;background:transparent;box-shadow:none;padding:10px 8px;color:#c1c3c7;font-size:13px;min-height:44px;cursor:pointer}
.public-landing .landing-top #landing-language:hover{color:#fff;background:transparent}
.public-landing .landing-top #landing-language:focus-visible{outline:2px solid var(--focus-ring,#6bc8fa);outline-offset:2px}
.public-landing .landing-demo-label{color:#e4f4ff;font-size:12px;margin-right:9px}
.public-landing .landing-signup{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(120deg,var(--brand-royal),var(--brand-primary));color:#fff;border-radius:25px;padding:10px 18px;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 9px 24px #0b47ba55}
.public-landing .landing-signup:hover{background:#0b4fc8}
.public-landing .landing-main{display:flex;align-items:center;flex-direction:column;text-align:center;max-width:1120px;margin:auto;padding:55px 20px 55px}
.public-landing .landing-hero{max-width:750px}
.public-landing .landing-eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid #ffffff24;background:#ffffff10;border-radius:30px;padding:6px 15px 6px 7px;font-size:12px;color:#e7dce8}
.public-landing .landing-eyebrow img{width:27px;height:27px;object-fit:cover;border-radius:50%}
.public-landing .landing-hero h1{color:#fff;font-size:clamp(42px,6.2vw,78px);font-weight:600;letter-spacing:-.055em;line-height:1.04;margin:23px 0 18px}
.public-landing .landing-hero p{color:#c8bdc9;font-size:clamp(16px,1.5vw,20px);line-height:1.55;margin:0 auto 34px;max-width:630px}
.public-landing .landing-start{width:min(100%,620px)}
.public-landing .landing-start label{display:block;text-align:left;font-size:13px;color:#d8ccd8;margin:0 0 10px 7px}
.public-landing .landing-start-row{display:flex;align-items:center;background:#f7f4f7;border-radius:19px;padding:7px;box-shadow:0 20px 60px #0806086b}
.public-landing .landing-start-row input{flex:1;width:0;background:transparent;border:0;box-shadow:none;color:#201a20;font-size:17px;padding:13px 17px;outline:0}
.public-landing .landing-start-row input::placeholder{color:#888088}
.public-landing .landing-start-row button{height:43px;min-width:47px;border:0;border-radius:13px;background:#8941c5;color:#fff;font-size:26px;line-height:1}
.public-landing .landing-start small{display:block;color:#a99dab;font-size:12px;margin:13px 0 0}
.public-landing .landing-chat{width:min(100%,680px);background:#28252a;border:1px solid #ffffff24;border-radius:25px;box-shadow:0 28px 85px #08060865;text-align:left;overflow:hidden}
.public-landing .landing-chat[hidden],.public-landing .landing-start[hidden],.public-landing .landing-summary[hidden]{display:none!important}
.public-landing .landing-chat>header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff1a}
.public-landing .landing-chat>header>div{display:grid;grid-template-columns:34px auto;column-gap:10px;align-items:center}
.public-landing .landing-chat-avatar{grid-row:1/3;width:34px;height:34px;border-radius:11px;background:#9850d0;display:grid;place-items:center}
.public-landing .landing-chat>header strong{font-size:14px}.public-landing .landing-chat>header small{font-size:11px;color:#b6aaba}
.public-landing #landing-reset{border:0;background:none;color:#c9aadf;font-size:12px}
.public-landing .landing-chat-log{height:min(43vh,365px);min-height:240px;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:22px;scrollbar-color:#7e6986 transparent}
.public-landing .landing-chat-bubble{max-width:84%;padding:11px 15px;border-radius:17px;font-size:14px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}
.public-landing .landing-chat-bubble.assistant{align-self:flex-start;background:#3b363e;color:#f5f0f4;border-bottom-left-radius:5px}
.public-landing .landing-chat-bubble.user{align-self:flex-end;background:#9250c9;color:white;border-bottom-right-radius:5px}
.public-landing .landing-choices{display:flex;gap:8px;flex-wrap:wrap;padding:0 20px}
.public-landing .landing-choices button{border:1px solid #b57add;border-radius:25px;background:#9b55cd24;color:#ead0ff;padding:8px 14px;font-size:13px}
.public-landing .landing-choices button:hover{background:#9b55cd56}
.public-landing #landing-chat-form{display:flex;align-items:end;gap:9px;margin:14px 19px 0;padding:6px;border:1px solid #ffffff31;border-radius:18px;background:#343037}
.public-landing #landing-answer{width:100%;min-height:43px;max-height:120px;resize:vertical;border:0;background:transparent;box-shadow:none;color:white;font-size:14px;line-height:1.45;padding:11px;outline:0}
.public-landing #landing-answer::placeholder{color:#bbb0be}
.public-landing .landing-error{min-height:18px;color:#ffb8b0;font-size:12px;margin:5px 22px}
.public-landing .landing-summary{border-top:1px solid #ffffff1c;padding:15px 21px 20px;display:grid;gap:7px}
.public-landing .landing-summary strong{font-size:15px}.public-landing .landing-summary span{font-size:12px;color:#e4d6e8;overflow-wrap:anywhere}.public-landing .landing-summary p{color:#bdb1c0;font-size:12px;line-height:1.5;margin:2px 0}
.public-landing #landing-continue{justify-self:start;background:#f3e8f8;color:#261b2b;border:0;border-radius:11px;padding:10px 15px;font-size:13px;font-weight:600}
.public-landing .landing-example{display:grid;gap:9px;max-width:460px;width:100%;margin-top:58px;text-align:left;color:#d3c7d7}
.public-landing .landing-example>span{font-size:10px;letter-spacing:1.6px;color:#a999ad}
.public-landing .landing-example-message{justify-self:start;border:1px solid #ffffff18;background:#ffffff12;border-radius:14px;padding:11px 16px;font-size:13px}
.public-landing .landing-example-message.answer{justify-self:end;background:#9c53c529;border-color:#b869d23d}
.public-landing .landing-privacy{font-size:11px;color:#948998;line-height:1.5;margin:34px 0 0}
.public-landing .landing-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* The supplied footage remains decorative; blue tint protects contrast over changing frames. */
.coagent-dashboard .public-landing:not(.is-studio){background:#eaf2fb}
.public-landing:not(.is-studio) .landing-top{position:relative;z-index:2;max-width:none;background:transparent;padding:21px clamp(20px,4vw,56px)}
.public-landing:not(.is-studio) .landing-top .coagent-wordmark{display:inline-flex;align-items:center;padding:0;border:0;border-radius:0;background:transparent;color:#f5f8fc;box-shadow:none;backdrop-filter:none;text-shadow:0 2px 14px #031120c9}
.public-landing:not(.is-studio) .landing-top .brand-period{color:var(--brand-primary)}
.public-landing:not(.is-studio) .landing-main{position:relative;isolation:isolate;max-width:none;min-height:calc(100dvh - 86px);padding:clamp(54px,8vh,100px) 20px 42px;overflow:visible}
.public-landing:not(.is-studio) .landing-main>*:not(.landing-hero-media){position:relative;z-index:1}
.public-landing .landing-hero-media{position:absolute;z-index:0;inset:-86px 0 0;background:#061a35 url('/assets/media/coagent-hero-poster.jpg') center 50%/cover no-repeat;pointer-events:none}
.public-landing .landing-hero-media video{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.public-landing .landing-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#03132766 0%,#04172b69 48%,#041a337e 82%,#071a39c7 100%),radial-gradient(circle at 50% 30%,#1254bd2b,transparent 59%)}
.public-landing:not(.is-studio) .landing-eyebrow{border-color:#c9eaff82;background:#0623477a;color:#eaf7ff;backdrop-filter:blur(12px)}
.public-landing:not(.is-studio) .landing-hero h1{max-width:850px;margin:24px auto 19px;text-shadow:0 8px 35px #09061c90}
.public-landing:not(.is-studio) .landing-hero h1 span{color:#8cdbff}
.public-landing:not(.is-studio) .landing-hero p{color:#f1f8ff;max-width:610px;text-shadow:0 3px 14px #041225aa}
.public-landing:not(.is-studio) .landing-start label{color:#f7fbff;text-shadow:0 2px 10px #041225a8}
.public-landing:not(.is-studio) .landing-start-row{background:#eaf7ff2b;border:1px solid #e5f5ff9c;box-shadow:0 18px 50px #03102565,inset 0 1px 0 #ffffff66;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}
.public-landing:not(.is-studio) .landing-start-row:focus-within{border-color:#bceaff;box-shadow:0 0 0 3px #8bd8ff50,0 18px 50px #03102565}
.public-landing:not(.is-studio) .landing-start-row input{color:#fff}
.public-landing:not(.is-studio) .landing-start-row input::placeholder{color:#e0effcbf}
.public-landing:not(.is-studio) .landing-start-row button{background:linear-gradient(130deg,var(--brand-royal),var(--brand-primary));box-shadow:0 4px 14px #063c9e7a}
.public-landing:not(.is-studio) #landing-business-name{scroll-margin-top:24vh}
.public-landing:not(.is-studio) .landing-start small,.public-landing:not(.is-studio) .landing-privacy{color:#deedfb;text-shadow:0 2px 10px #041225b0}
.public-landing:not(.is-studio) .landing-example-message{background:#0623479c;border-color:#9bd7ff70;backdrop-filter:blur(10px)}
.public-landing:not(.is-studio) .landing-example-message.answer{background:#1254bd83;border-color:#9bd7ff85}
.public-landing.is-studio .landing-hero-media{display:none}
@media(prefers-reduced-motion:reduce){.public-landing .landing-hero-media video{display:none}}
.landing-login-dialog{width:min(430px,calc(100vw - 32px));background:#081c38;color:#fff;border:1px solid #9bd7ff57;border-radius:21px;padding:30px;box-shadow:0 25px 90px #0009}
.landing-login-dialog::backdrop{background:#08060aaf;backdrop-filter:blur(5px)}
.landing-login-dialog #landing-signin-close{position:absolute;right:18px;top:14px;background:transparent;border:0;color:#d9cbdc;font-size:28px}
.landing-login-dialog .landing-login-mark{color:#fff;font-size:26px;font-weight:600;letter-spacing:-1px}
.landing-login-dialog h2{color:#fff;font-size:25px;margin:26px 0 6px}.landing-login-dialog>p{color:#c7bbc9;font-size:13px;line-height:1.5;margin:0 0 22px}
.landing-login-dialog #login-form label{display:block;color:#e3d8e4;font-size:12px;margin:0 0 8px}
.landing-login-dialog #password{width:100%;background:#353039;color:#fff;border:1px solid #ffffff3b;border-radius:11px;padding:12px;font-size:14px}
.landing-login-dialog .login-submit{width:100%;background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;border-radius:11px;margin:5px 0 0;justify-content:space-between}
.landing-login-dialog .login-hint{color:#9f92a2;font-size:11px;line-height:1.5;margin:20px 0 0}
.ai-landing-draft{padding:18px 22px;margin:0 0 18px;background:#1565ed12;border:1px solid #1565ed42;border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.ai-landing-draft h3{margin:0 0 5px;font-size:17px}.ai-landing-draft p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.ai-landing-draft>div:last-child{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:650px){.public-landing .landing-main{padding:35px 17px 35px}.public-landing .landing-hero h1{font-size:46px}.public-landing .landing-hero p{font-size:16px}.public-landing .landing-chat-log{height:42vh}.public-landing .landing-example{margin-top:38px}.ai-landing-draft{display:block}.ai-landing-draft>div:last-child{margin-top:13px}}

/* The name step opens a full-width setup conversation beside a customer preview. */
body.coagent-dashboard:has(.public-landing.is-studio:not([hidden])){background:#f6f8fb}
.coagent-dashboard .public-landing.is-studio{background:#f6f8fb;color:#26324a;min-height:100dvh}
.public-landing.is-studio .landing-top{height:62px;max-width:none;padding:0 clamp(18px,2vw,36px);background:#fff;border-bottom:1px solid #e4e9f0}
.public-landing.is-studio .coagent-wordmark{color:#25314a;font-size:25px}
.public-landing.is-studio .landing-demo-label{color:#697891}
.public-landing.is-studio .landing-top button{color:#26324a;background:#fff;border-color:#dce3ec;padding:8px 18px}
.public-landing.is-studio .landing-top button:hover{background:#f2f5f9}
.public-landing.is-studio .landing-signup{padding:8px 16px}
.public-landing.is-studio .landing-main{display:block;max-width:none;margin:0;padding:0;text-align:left}
.public-landing.is-studio .landing-hero,.public-landing.is-studio .landing-example,.public-landing.is-studio .landing-privacy{display:none}
.public-landing .landing-studio[hidden]{display:none!important}
.public-landing .landing-studio{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,25vw);min-height:calc(100dvh - 62px)}
.public-landing.is-studio .landing-chat{width:100%;min-width:0;min-height:calc(100dvh - 62px);height:calc(100dvh - 62px);display:flex;flex-direction:column;background:#f6f8fb;color:#26324a;border:0;border-radius:0;box-shadow:none;overflow:hidden}
.public-landing.is-studio .landing-chat>header{flex:0 0 auto;background:#f6f8fb;border-bottom:1px solid #e7ebf2;padding:16px clamp(22px,4vw,64px)}
.public-landing.is-studio .landing-chat>header strong{font-size:16px}
.public-landing.is-studio .landing-chat>header small{color:#7d8ba3}
.public-landing.is-studio .landing-chat-avatar{background:var(--brand-primary);color:#fff}
.public-landing.is-studio #landing-reset{color:#7384a0;border:1px solid #dbe2ed;border-radius:10px;padding:7px 11px;background:#fff}
.public-landing.is-studio .landing-setup-body{width:min(100%,780px);margin:0 auto;min-height:0;flex:1;display:flex;flex-direction:column;padding:24px 24px 0}
.public-landing.is-studio .landing-business-chip{align-self:flex-end;max-width:80%;background:#e9eef6;border-radius:19px;padding:10px 17px;font-size:14px;overflow-wrap:anywhere}
.public-landing.is-studio .landing-chat-log{height:auto;min-height:0;flex:1;padding:22px 0;gap:14px;scrollbar-color:#c7d0de transparent}
.public-landing.is-studio .landing-chat-bubble{max-width:88%;padding:10px 15px;border-radius:16px;line-height:1.65;font-size:14px}
.public-landing.is-studio .landing-chat-bubble.assistant{background:#fff;border:1px solid #e5eaf1;color:#26324a;box-shadow:0 4px 18px #24324a08}
.public-landing.is-studio .landing-chat-bubble.user{background:var(--brand-primary);color:#fff}
.public-landing.is-studio .landing-setup-bottom{position:sticky;bottom:0;width:min(100%,780px);margin:0 auto;padding:8px 24px 17px;flex:0 0 auto;background:#f6f8fb;z-index:1}
.public-landing.is-studio .landing-choices{padding:0 0 12px}
.public-landing.is-studio .landing-choices button{border-color:#bfd8f9;background:#eaf3ff;color:var(--brand-royal);font-weight:600}
.public-landing.is-studio .landing-choices button:hover{background:#dcecff}
.public-landing.is-studio #landing-chat-form{display:block;margin:0;padding:0;background:#fff;border:1px solid #cfdaea;box-shadow:0 8px 25px #34466816;border-radius:21px;overflow:hidden}
.public-landing.is-studio #landing-chat-form:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 3px #1565ed24,0 8px 25px #34466816}
.public-landing.is-studio .landing-composer-row{display:flex;align-items:flex-end;gap:4px;padding:7px 8px}
.public-landing.is-studio #landing-answer{flex:1;width:100%;height:42px;min-height:42px;max-height:180px;resize:none;color:#26324a;font-size:15px;line-height:1.5;padding:10px 6px;overflow:hidden}
.public-landing.is-studio #landing-answer::placeholder{color:#96a4b9}
.public-landing.is-studio #landing-chat-form .landing-attach-button,.public-landing.is-studio #landing-chat-form .landing-voice-button{flex:0 0 auto;height:42px;width:38px;min-width:0;border:0;border-radius:11px;background:transparent;color:#8da0bc;padding:9px;display:grid;place-items:center}
.public-landing.is-studio #landing-chat-form .landing-attach-button:hover,.public-landing.is-studio #landing-chat-form .landing-voice-button:hover{background:#eaf3ff;color:var(--brand-royal)}
.public-landing.is-studio #landing-chat-form .landing-voice-button.is-listening{background:#fce5e3;color:#dc503e;animation:landing-pulse 1s ease-in-out infinite alternate}
.public-landing.is-studio #landing-chat-form .landing-send-button{flex:0 0 auto;height:42px;width:42px;min-width:0;border:0;border-radius:13px;background:var(--brand-primary);color:#fff;padding:11px;display:grid;place-items:center}
.public-landing.is-studio #landing-chat-form .landing-send-button:hover{background:var(--brand-royal)}
.public-landing.is-studio #landing-chat-form svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.public-landing.is-studio .landing-attachment-preview{display:flex;align-items:center;gap:10px;margin:10px 10px 0;padding:8px 10px;border:1px solid #e5e9f2;border-radius:12px;background:#f8f9fc;font-size:12px;color:#495875;min-width:0}
.public-landing.is-studio .landing-attachment-preview[hidden]{display:none}
.public-landing.is-studio .landing-attachment-preview img{height:38px;width:38px;object-fit:cover;border-radius:7px}
.public-landing.is-studio .landing-attachment-preview>span:not(.landing-pdf-icon){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.public-landing.is-studio .landing-attachment-preview a{color:var(--brand-royal);font-weight:700;font-size:11px}
.public-landing.is-studio .landing-pdf-icon{background:#e9535b;color:#fff;font-size:9px;font-weight:700;border-radius:5px;padding:7px 4px}
.public-landing.is-studio #landing-chat-form #landing-file-remove{width:24px;height:24px;min-width:0;border:0;background:transparent;color:#697a92;font-size:22px;line-height:1;padding:0}
.public-landing.is-studio .landing-chat-file{display:block;margin-top:8px;padding:6px 8px;border-radius:8px;background:#ffffff26;font-size:11px;overflow-wrap:anywhere}
.public-landing.is-studio .landing-chat-file img{display:block;max-width:180px;max-height:110px;object-fit:contain;border-radius:6px;margin-bottom:5px}
.public-landing.is-studio .landing-chat-file a{display:inline-block;margin-left:5px;color:#fff;text-decoration:underline}
@keyframes landing-pulse{to{box-shadow:0 0 0 5px #e9535b20}}
.public-landing.is-studio .landing-error{color:#b33b42;margin:5px 2px}
.public-landing.is-studio .landing-summary{border:1px solid #c7def9;background:#eaf3ff;border-radius:14px;padding:14px}
.public-landing.is-studio .landing-summary span{color:#22436d}.public-landing.is-studio .landing-summary p{color:#5b7390}
.public-landing.is-studio #landing-continue{background:var(--brand-primary);color:#fff}
.public-landing .landing-studio-preview{background:#fff;border-left:1px solid #e4e9f0;display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 18px;color:#25314a}
.public-landing .landing-preview-heading{width:100%;max-width:340px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#8592a8}
.public-landing .landing-preview-heading button{background:none;border:0;color:#8290a6;font-size:12px;white-space:nowrap}
.public-landing .landing-preview-heading button:hover{text-decoration:underline}
.public-landing .landing-phone{position:relative;width:min(100%,340px);height:min(710px,calc(100dvh - 170px));min-height:490px;border:6px solid #191a1f;border-radius:42px;background:#fff;box-shadow:0 16px 40px #2a344428,0 0 0 2px #55585e;display:flex;flex-direction:column;overflow:hidden}
.public-landing .landing-phone-notch{position:absolute;z-index:2;top:7px;left:50%;transform:translateX(-50%);height:20px;width:82px;border-radius:13px;background:#191a1f}
.public-landing .landing-phone-header{height:74px;flex:0 0 auto;border-bottom:1px solid #edf0f5;display:flex;align-items:center;gap:9px;padding:26px 17px 9px}
.public-landing .landing-phone-avatar{width:31px;height:31px;border-radius:50%;background:var(--brand-primary);color:white;display:grid;place-items:center}
.public-landing .landing-phone-header strong{display:block;max-width:245px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.public-landing .landing-phone-header small{display:block;color:#9aa6b8;font-size:10px}
.public-landing .landing-preview-log{min-height:0;flex:1;overflow:auto;padding:18px 12px;display:flex;flex-direction:column;gap:10px;scrollbar-color:#d2d9e5 transparent}
.public-landing .landing-preview-empty{color:#9ba8bd;font-size:12px;text-align:center;line-height:1.5;margin:auto 15px}
.public-landing .landing-preview-message{max-width:88%;padding:9px 12px;font-size:12px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap;border-radius:15px}
.public-landing .landing-preview-message.customer{align-self:flex-end;background:var(--brand-primary);color:#fff;border-bottom-right-radius:5px}
.public-landing .landing-preview-message.assistant{align-self:flex-start;background:#f0f3f8;color:#26324a;border-bottom-left-radius:5px}
.public-landing .landing-preview-form{display:flex;align-items:center;gap:6px;margin:0 10px 10px;padding:5px;border:1px solid #e3e9f2;border-radius:16px;background:#f8fafc}
.public-landing .landing-preview-form input{flex:1;min-width:0;border:0;background:transparent;box-shadow:none;padding:8px;font-size:12px;color:#25314a;outline:none}
.public-landing .landing-preview-form button{width:30px;height:30px;border:0;border-radius:50%;background:var(--brand-primary);color:white;display:grid;place-items:center;font-size:13px}
.public-landing .landing-phone-home{width:90px;height:4px;background:#191a1f;border-radius:4px;align-self:center;margin:0 0 7px}
.public-landing .landing-preview-note{max-width:330px;text-align:center;color:#8a96a9;font-size:11px;line-height:1.5;margin:0}
@media(max-width:900px){.public-landing .landing-studio{grid-template-columns:1fr}.public-landing.is-studio .landing-chat{height:min(690px,calc(100dvh - 62px));min-height:500px}.public-landing .landing-studio-preview{border-left:0;border-top:1px solid #e4e9f0}.public-landing .landing-phone{height:620px}}
@media(max-width:550px){.public-landing .landing-demo-label{display:none}.public-landing .landing-top-actions{gap:6px}.public-landing .landing-top button,.public-landing .landing-signup{font-size:12px;padding:8px 11px}.public-landing.is-studio .landing-chat>header{padding:12px 17px}.public-landing.is-studio .landing-setup-body{padding:15px 17px 0}.public-landing.is-studio .landing-setup-bottom{padding:7px 17px 15px}}

/* Public sections use the same blue and white language as the workspace. */
.public-landing .landing-channels{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 24px;margin:28px 0 0;color:#eef8ff}
.public-landing .landing-channel{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:550;text-shadow:0 2px 8px #03162fa8}
.public-landing .landing-channel svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.public-landing .landing-channel small{font-size:10px;font-weight:600;color:#e7f5ff;background:#1254bd7d;border:1px solid #a5d7fa8c;border-radius:999px;padding:2px 6px;text-transform:uppercase;letter-spacing:.02em}
.public-landing .landing-story{position:relative;z-index:1;padding:100px clamp(20px,5vw,80px);background:#eaf2fb;color:var(--brand-navy);text-align:center}
.public-landing .landing-features{background:#f7fbff;padding-top:105px;padding-bottom:130px}
.public-landing .landing-section-heading{max-width:790px;margin:0 auto 48px}
.public-landing .landing-section-eyebrow{display:inline-block;color:var(--brand-royal);font-size:11px;font-weight:700;letter-spacing:.16em;margin-bottom:14px}
.public-landing .landing-section-heading h2{font-size:clamp(32px,3.8vw,54px);font-weight:600;letter-spacing:-.045em;line-height:1.12;margin:0 0 17px;color:var(--brand-navy)}
.public-landing .landing-section-heading p{font-size:clamp(15px,1.4vw,18px);line-height:1.6;color:#5d718c;margin:0 auto;max-width:690px}
.public-landing .landing-step-grid,.public-landing .landing-feature-grid{display:grid;gap:18px;max-width:1180px;margin:0 auto;text-align:left}
.public-landing .landing-step-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.public-landing .landing-step-card,.public-landing .landing-feature-card{border:1px solid #d8e6f6;border-radius:20px;background:#ffffffd9;box-shadow:0 15px 40px #17448612;backdrop-filter:blur(14px)}
.public-landing .landing-step-card{padding:27px;min-height:230px}
.public-landing .landing-step-number,.public-landing .landing-feature-icon{display:grid;place-items:center;background:#e3f0ff;color:var(--brand-royal);border:1px solid #c3dcfa;border-radius:13px;font-weight:700}
.public-landing .landing-step-number{width:43px;height:43px;font-size:17px}
.public-landing .landing-step-card h3,.public-landing .landing-feature-card h3{font-size:18px;line-height:1.35;color:var(--brand-navy);margin:23px 0 9px}
.public-landing .landing-step-card p,.public-landing .landing-feature-card p{font-size:14px;line-height:1.6;color:#5d718c;margin:0}
.public-landing .landing-story-cta{display:inline-flex;align-items:center;gap:12px;margin:39px auto 0;padding:13px 22px;background:var(--brand-primary);border-radius:13px;color:#fff;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 12px 30px #1254bd52}
.public-landing .landing-story-cta:hover,.public-landing .landing-story-cta:focus-visible{background:var(--brand-royal)}
.public-landing .landing-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.public-landing .landing-feature-card{padding:23px;min-height:220px}
.public-landing .landing-feature-icon{width:43px;height:43px;font-size:24px;line-height:1}
.public-landing .landing-feature-card h3{margin-top:20px}
.public-landing.is-studio .landing-channels,.public-landing.is-studio .landing-story{display:none}
@media(max-width:900px){.public-landing .landing-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.public-landing .landing-story{padding:75px 18px}.public-landing .landing-steps{padding-top:85px}.public-landing .landing-step-grid{grid-template-columns:1fr}.public-landing .landing-step-card{min-height:0}.public-landing .landing-feature-grid{grid-template-columns:1fr}.public-landing .landing-feature-card{min-height:0}.public-landing .landing-section-heading{margin-bottom:34px}.public-landing .landing-channels{gap:12px 15px}.public-landing .landing-channel{font-size:12px}.public-landing .landing-channel small{font-size:9px}}

/* Match the public experience to the workspace's dark charcoal and blue theme. */
body.coagent-dashboard:has(.public-landing:not([hidden])),
body.coagent-dashboard:has(.public-landing.is-studio:not([hidden])){background:#1c1c1c}
.coagent-dashboard .public-landing,
.coagent-dashboard .public-landing:not(.is-studio),
.coagent-dashboard .public-landing.is-studio{background:#1c1c1c;color:#e4e6eb;color-scheme:dark}
.public-landing .landing-top button{border-color:#85888e70;background:#242424b8;color:#e4e6eb}
.public-landing .landing-top button:hover,.public-landing .landing-top button:focus-visible{background:#383838}
.public-landing .landing-demo-label{color:#b0b3b8}
.public-landing .landing-signup{background:linear-gradient(115deg,#1254bd,#1565ed);box-shadow:0 8px 24px #061b3f52}
.public-landing .landing-hero-media::after{background:linear-gradient(180deg,#11171eb8 0%,#11171e7a 42%,#171b22a1 76%,#1c1c1cf5 100%)}
.public-landing:not(.is-studio) .landing-eyebrow{border-color:#72c8ff59;background:#242424c7;color:#e4e6eb}
.public-landing:not(.is-studio) .landing-hero h1 span{color:#72c8ff}
.public-landing:not(.is-studio) .landing-hero p{color:#e4e6eb}
.public-landing:not(.is-studio) .landing-start-row{background:#242424bf;border-color:#85888e9c;box-shadow:0 18px 50px #0007,inset 0 1px 0 #ffffff14;backdrop-filter:blur(22px) saturate(110%);-webkit-backdrop-filter:blur(22px) saturate(110%)}
.public-landing:not(.is-studio) .landing-start-row:focus-within{border-color:#72c8ff;box-shadow:0 0 0 3px #72c8ff38,0 18px 50px #0007}
.public-landing:not(.is-studio) .landing-start-row input::placeholder{color:#b0b3b8}
.public-landing:not(.is-studio) .landing-start-row button{background:linear-gradient(115deg,#1254bd,#1565ed)}
.public-landing:not(.is-studio) .landing-example-message{background:#242424d9;border-color:#414141}
.public-landing:not(.is-studio) .landing-example-message.answer{background:#123c7ac7;border-color:#4378bd}
.public-landing .landing-channel small{background:#303030;border-color:#414141;color:#b0b3b8}
.public-landing .landing-story{background:#1c1c1c;color:#e4e6eb}
.public-landing .landing-features{background:#202020}
.public-landing .landing-section-eyebrow{color:#72c8ff}
.public-landing .landing-section-heading h2,.public-landing .landing-step-card h3,.public-landing .landing-feature-card h3{color:#e4e6eb}
.public-landing .landing-section-heading p,.public-landing .landing-step-card p,.public-landing .landing-feature-card p{color:#b0b3b8}
.public-landing .landing-step-card,.public-landing .landing-feature-card{background:#242424;border-color:#414141;box-shadow:0 8px 30px #00000014;backdrop-filter:none}
.public-landing .landing-step-number,.public-landing .landing-feature-icon{background:#303030;border-color:#414141;color:#72c8ff}
.public-landing .landing-story-cta{background:#1565ed;box-shadow:0 10px 26px #063e9d38}
.public-landing .landing-story-cta:hover,.public-landing .landing-story-cta:focus-visible{background:#1254bd}

/* Keep the private setup and testing step in the same theme; the phone remains a light customer preview. */
.public-landing.is-studio .landing-top{background:#242424;border-color:#414141}
.public-landing.is-studio .coagent-wordmark{color:#e4e6eb}
.public-landing.is-studio .landing-demo-label{color:#b0b3b8}
.public-landing.is-studio .landing-top button{color:#e4e6eb;background:#303030;border-color:#414141}
.public-landing.is-studio .landing-top button:hover{background:#383838}
.public-landing.is-studio .landing-chat,.public-landing.is-studio .landing-chat>header,.public-landing.is-studio .landing-setup-bottom{background:#1c1c1c;color:#e4e6eb}
.public-landing.is-studio .landing-chat>header{border-color:#414141}
.public-landing.is-studio .landing-chat>header small,.public-landing.is-studio .landing-preview-heading,.public-landing .landing-preview-note{color:#b0b3b8}
.public-landing.is-studio #landing-reset{background:#303030;color:#e4e6eb;border-color:#414141}
.public-landing.is-studio .landing-business-chip,.public-landing.is-studio .landing-chat-bubble.assistant{background:#303030;color:#e4e6eb;border-color:#414141;box-shadow:none}
.public-landing.is-studio .landing-chat-log{scrollbar-color:#85888e transparent}
.public-landing.is-studio .landing-choices button{background:#173765;border-color:#315b94;color:#c7e7ff}
.public-landing.is-studio .landing-choices button:hover{background:#214a80}
.public-landing.is-studio #landing-chat-form{background:#303030;border-color:#85888e;box-shadow:none}
.public-landing.is-studio #landing-chat-form:focus-within{border-color:#72c8ff;box-shadow:0 0 0 3px #72c8ff30}
.public-landing.is-studio #landing-answer{color:#e4e6eb}
.public-landing.is-studio #landing-answer::placeholder{color:#b0b3b8}
.public-landing.is-studio #landing-chat-form .landing-attach-button,.public-landing.is-studio #landing-chat-form .landing-voice-button{color:#b0b3b8}
.public-landing.is-studio #landing-chat-form .landing-attach-button:hover,.public-landing.is-studio #landing-chat-form .landing-voice-button:hover{background:#383838;color:#72c8ff}
.public-landing.is-studio .landing-attachment-preview{background:#242424;border-color:#414141;color:#e4e6eb}
.public-landing.is-studio .landing-attachment-preview a{color:#72c8ff}
.public-landing.is-studio .landing-summary{background:#173765;border-color:#315b94}
.public-landing.is-studio .landing-summary span,.public-landing.is-studio .landing-summary p{color:#e4e6eb}
.public-landing .landing-studio-preview{background:#242424;border-color:#414141;color:#e4e6eb}
.public-landing .landing-preview-heading button{color:#b0b3b8}
.public-landing .landing-phone{color-scheme:light;color:#25314a}
@media(max-width:900px){.public-landing .landing-studio-preview{border-color:#414141}}

/* A shorter hero keeps the conversation example in view on laptop screens. */
.public-landing:not(.is-studio) .landing-main{min-height:0;padding:34px 20px 58px}
.public-landing:not(.is-studio) .landing-hero h1{font-size:clamp(42px,5.1vw,68px);line-height:1.04;margin:16px auto 13px}
.public-landing:not(.is-studio) .landing-hero h1 span{display:block}
.public-landing:not(.is-studio) .landing-hero p{font-size:clamp(13px,1vw,15px);max-width:540px;margin-bottom:24px}
.public-landing:not(.is-studio) .landing-start{width:min(100%,540px)}
.public-landing:not(.is-studio) .landing-start-row{padding:5px;border-radius:16px;background:transparent;border-color:#ffffff82;box-shadow:0 10px 28px #0003;backdrop-filter:none;-webkit-backdrop-filter:none}
.public-landing:not(.is-studio) .landing-start-row input{padding:10px 13px;background:transparent;font-size:15px}
.public-landing:not(.is-studio) .landing-start-row button{display:grid;place-items:center;height:38px;min-width:40px;padding:0;border-radius:11px}
.public-landing:not(.is-studio) .landing-start-row button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.public-landing:not(.is-studio) .landing-example{width:min(100%,450px);max-width:450px;gap:6px;margin-top:27px;padding:12px 14px;border:1px solid #ffffff30;border-radius:16px;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.public-landing:not(.is-studio) .landing-example-head{display:flex;align-items:center;gap:7px;margin-bottom:2px;color:#e4e6eb;font-size:12px}
.public-landing:not(.is-studio) .landing-example-head img{width:23px;height:23px;object-fit:cover;border-radius:50%}
.public-landing:not(.is-studio) .landing-example-message{max-width:86%;padding:7px 10px;border-radius:10px;background:#383838d9;border-color:#ffffff12;color:#f0f1f3;font-size:13px;line-height:1.45}
.public-landing:not(.is-studio) .landing-example-message.answer{background:#1254bdde;border-color:#3576d1;color:#fff}
.public-landing:not(.is-studio) .landing-channels{margin-top:35px}
.public-landing:not(.is-studio) #landing-signin-open{background:transparent;border-color:#ffffff66;box-shadow:none}
.public-landing:not(.is-studio) #landing-signin-open:hover,.public-landing:not(.is-studio) #landing-signin-open:focus-visible{background:#ffffff12}
@media(max-width:650px){.public-landing:not(.is-studio) .landing-main{padding:29px 17px 49px}.public-landing:not(.is-studio) .landing-hero h1{font-size:clamp(39px,10vw,48px)}.public-landing:not(.is-studio) .landing-example{padding:12px}.public-landing:not(.is-studio) .landing-example-message{max-width:90%}}