:root{color-scheme:dark;--blue:#3782f6;--muted:#929497;--border:#292a2b}*{box-sizing:border-box}body{margin:0;background:#080909;color:#fafafa;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button{cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid #80b5ff;outline-offset:5px}[hidden]{display:none!important}.ocean{position:absolute;inset:0 0 auto;height:min(67vw,1180px);min-height:620px;overflow:hidden;z-index:-1;background:#02151e url('assets/ocean-poster.jpg') center top/cover no-repeat}.ocean video{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(1.1)}.ocean:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,12,18,.46),rgba(0,9,14,.57) 38%,rgba(0,6,9,.83) 69%,#080909 95%)}.header{height:clamp(66px,4.4vw,90px);width:84%;max-width:1720px;margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;font-size:clamp(15px,1.1vw,23px)}.brand{display:flex;align-items:center;font-weight:600;font-size:clamp(23px,1.48vw,31px);letter-spacing:-.9px;gap:9px}.brand-mark{width:35px;height:36px;overflow:hidden;position:relative}.brand-mark img{height:40px;width:100px;max-width:none;position:absolute;left:-32px;top:-2px}.brand-ai{font-weight:400}.desktop-nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:38px}.header-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:44px;padding:12px 23px;border-radius:13px;border:1px solid #ffffff07;font-size:clamp(16px,1.1vw,23px);letter-spacing:-.5px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--blue);box-shadow:inset 0 1px 0 #ffffff15}.primary:hover{background:#5194ff}.secondary{background:#222426}.secondary:hover{background:#303337}.button.small{padding:9px 18px;min-height:38px}.hero{text-align:center;padding:clamp(44px,3.5vw,72px) 24px 0}.announcement{display:inline-flex;align-items:center;gap:10px;background:#061016b0;border:1px solid #ffffff17;border-radius:12px;padding:6px 12px 6px 6px;backdrop-filter:blur(14px);font-size:clamp(13px,.99vw,20px);letter-spacing:-.3px}.announcement-icon{background:#347ff1;display:grid;place-items:center;width:27px;height:27px;border-radius:7px;font-size:22px}.chevron{font-size:27px;line-height:20px;color:#92999e;margin-left:5px}h1{font-weight:600;font-size:clamp(48px,4.5vw,92px);letter-spacing:-.068em;line-height:1.02;margin:clamp(28px,2vw,42px) auto 0;max-width:1510px}.gradient-text{background:linear-gradient(180deg,#0064e6 30%,#85b9ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.headline-line{white-space:nowrap}.agents{display:inline-flex;align-items:center;gap:clamp(8px,.75vw,16px);vertical-align:middle;margin-left:6px;position:relative;top:-.02em}.agents img{width:clamp(30px,2.4vw,50px);height:clamp(30px,2.4vw,50px);object-fit:contain}.agents img:last-child{border-radius:10px;width:clamp(28px,2.2vw,46px);height:clamp(28px,2.2vw,46px)}.subtitle{font-size:clamp(17px,1.27vw,27px);letter-spacing:-.7px;line-height:1.5;color:#b4b8bb;margin:18px 0 0}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:clamp(26px,1.9vw,40px)}.workspace{display:grid;grid-template-columns:20% 32% 48%;margin:clamp(76px,6.4vw,132px) auto 0;width:73.7%;max-width:1510px;height:clamp(490px,31vw,640px);border:1px solid #252626;border-radius:25px 25px 14px 14px;overflow:hidden;background:#18191a;box-shadow:0 30px 100px #0005;font-size:clamp(12px,.83vw,17px);position:relative}.sidebar{padding:18px 8px;background:#151616;position:relative}.workspace-brand{display:flex;align-items:center;gap:7px;padding:0 7px 18px}.mini-logo{display:grid;place-items:center;background:#f8f8f8;color:#191919;border-radius:6px;width:21px;height:21px;font-weight:700;font-size:14px}.sidebar-collapse{margin-left:auto;color:#929599;font-size:19px}.side-tools{display:grid;gap:17px;color:#8e9195;padding:7px 9px 24px}.side-tools>span{display:flex;gap:8px}.side-label{color:#74777b;font-size:.83em;padding:0 9px;margin:0 0 5px}.project{color:#898c90;display:flex;align-items:center;gap:8px;padding:9px;border-radius:10px;font-size:1.08em;white-space:nowrap;overflow:hidden}.project span{font-size:.9em;overflow:hidden;text-overflow:ellipsis}.project.selected{background:#363738;color:#ddd}.preview-label{position:absolute;bottom:22px;left:17px;color:#747c83;font-size:11px;display:flex;gap:7px;align-items:center}.status-dot{width:5px;height:5px;background:#6e91b8;border-radius:50%}.conversation{border:1px solid #28292a;border-radius:20px 0 0 0;margin-top:8px;position:relative;padding-bottom:65px;overflow:hidden}.conversation-header{display:flex;align-items:center;gap:12px;padding:18px 16px;white-space:nowrap;color:#a8a9ac;overflow:hidden;font-size:1.1em}.conversation-header strong{font-weight:600}.conversation-header strong:first-child{overflow:hidden;text-overflow:ellipsis;flex-shrink:0;max-width:58%}.conversation-header strong span{color:#929496}.automation{overflow:hidden;text-overflow:ellipsis;color:#ccc}.message{line-height:1.55;color:#c4c5c6}.user-message{padding:0 25px 20px 18%}.reactions{display:flex;gap:5px;margin-top:8px;font-size:.8em}.reactions span{border:1px solid #2c2d2e;background:#1c1d1e;padding:4px 7px;border-radius:11px}.agent-message{display:flex;gap:9px;padding:8px 17px 0 24px}.agent-avatar{width:33px;height:33px;flex:none;border-radius:9px;background:#fff;position:relative;overflow:hidden}.agent-avatar img{position:absolute;width:85px;height:34px;left:-26px}.agent-body{min-width:0}.agent-name{font-weight:600}.agent-name span{font-weight:400;color:#64686b;font-size:.8em;margin-left:5px}.thinking{color:#8c9094;margin:7px 0 14px}.content-card{border:1px solid #292a2b;border-radius:14px;padding:12px;display:flex;gap:10px;align-items:center}.pen{font-size:30px;color:#9da0a4}.content-card strong{font-weight:500}.content-card small{display:block;color:#81868b;font-size:.84em;margin-top:3px}.content-card button,.panel-title button,.calendar-controls button,.tabs button{background:#202224;border:1px solid #2b2d2f;padding:7px 10px;border-radius:13px;white-space:nowrap}.content-card button{margin-left:auto}.agent-body p{line-height:1.5;color:#c4c6c7;font-size:.95em;margin-top:9px}.draft-note{color:#919da6;font-size:.82em;margin:15px 0}.draft-note span{color:#5d9f7f}.composer{position:absolute;bottom:15px;left:18px;right:18px;border:1px solid #303235;border-radius:12px;padding:13px;color:#656c72;background:#1d1e20;font-size:.76em;display:flex;align-items:center;gap:8px}.composer span{margin-left:auto;background:#3c4b5b;border-radius:6px;color:#becbd5;padding:3px 6px}.content-panel{padding-top:15px;background:#191a1b;overflow:hidden}.panel-tab{height:38px;border:1px solid #262729;border-bottom:0;border-radius:14px 14px 0 0;padding:10px 13px;width:36%;display:flex;justify-content:space-between;font-size:.85em}.panel-tab>span:last-child{color:#858a8e}.panel-inner{border:1px solid #27282a;border-radius:0 18px 0 0;padding:12px 11px;height:100%;background:#1b1c1d}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title h2{font-size:1.2em;font-weight:500;margin:6px 0}.panel-title button{font-size:.85em}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 18px}.tabs,.calendar-controls{display:flex;gap:5px}.tabs button{background:transparent;color:#91969b;font-size:.92em}.tabs button[aria-selected=true]{background:#242629;color:#e1e3e5}.calendar-controls button{font-size:.85em;padding:7px 10px}.calendar-controls button:first-child,.calendar-controls button:last-child{color:#91969c;font-size:19px;line-height:18px}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid #25282a;border-radius:16px;overflow:hidden;min-height:310px}.day{border-right:1px solid #25282a;color:#62686d;min-width:0}.day:last-child{border:0}.day-name{padding:8px;border-bottom:1px solid #25282a;font-size:.9em}.day-date{padding:8px 7px;font-size:.95em;display:flex;align-items:center;height:32px}.day-date span{border-radius:6px;display:inline-block;padding:2px 3px}.day.current .day-date span{background:#087df1;color:white}.time-slot{padding:7px 10px;color:#41484d;font-size:.85em}.slot-active{color:#8eabc6;background:#1d2d3b;border-radius:5px;margin:2px 4px;padding:6px}.calendar-note{font-size:.75em;color:#68727b;text-align:center;padding-top:15px}.view label{display:block;color:#a5afb8;margin:20px 0 12px}.view textarea{width:100%;min-height:140px;resize:vertical;background:#15181b;border:1px solid #35404a;border-radius:12px;padding:14px;color:white}.view>.button{margin-top:14px;font-size:14px}.view>p{font-size:12px;color:#99b4ce}.empty-state{text-align:center;padding:55px 15px;color:#8092a0}.empty-state>span{font-size:40px}.empty-state h3{font-weight:500;color:#c3ccd3}.empty-state p{font-size:13px;line-height:1.6}.under-preview{display:flex;width:73.7%;max-width:1510px;margin:20px auto 28px;justify-content:space-between;color:#596168;font-size:11px}.under-preview p{margin:0}.under-preview p span{padding:0 8px}.under-preview button{background:none;border:0;color:#89939c;font-size:11px;padding:0}.under-preview button span{margin-left:5px}a:hover{color:#fff}
@media(min-width:1800px){.announcement-icon{width:30px;height:30px}.workspace{font-size:17px}.button{padding:13px 24px;border-radius:17px}.header .button{border-radius:17px}.user-message{padding-top:5px}.agent-message{padding-top:20px}.calendar{min-height:400px}}
@media(max-width:1100px){.header{width:90%}.workspace{width:90%;grid-template-columns:20% 35% 45%}.under-preview{width:90%}.calendar-toolbar{flex-wrap:wrap}.calendar-controls{margin-left:auto}.agents{gap:7px}.headline-line{white-space:normal}.subtitle{font-size:17px}h1{font-size:5.3vw}.hero{padding-top:55px}.workspace{margin-top:80px}.conversation-header{font-size:12px;padding:17px 12px}.agent-message{padding-left:10px;padding-right:10px}.content-card{padding:9px}.content-card button{font-size:11px}}
@media(max-width:680px){.header{height:75px;width:90%}.brand{font-size:23px}.desktop-nav,.login{display:none}.header-actions .button{font-size:14px;padding:9px 13px;min-height:36px;border-radius:10px}.hero{padding:45px 17px 0}.announcement{font-size:11px;border-radius:10px;gap:8px}.announcement-icon{width:23px;height:23px;font-size:17px}.announcement .chevron{font-size:22px}h1{font-size:clamp(36px,8.5vw,55px);line-height:1.09;letter-spacing:-.065em;margin-top:30px;max-width:530px}h1 br{display:none}.headline-line{display:block}.agents{display:flex;justify-content:center;margin:18px 0 0;gap:13px}.agents img{width:30px;height:30px}.agents img:last-child{width:28px;height:28px;border-radius:7px}.subtitle{font-size:16px;max-width:315px;margin:21px auto 0;letter-spacing:-.35px}.hero-actions{margin-top:27px;gap:9px}.button{font-size:16px;padding:12px 20px;border-radius:12px}.ocean{height:800px;min-height:0}.workspace{margin-top:65px;width:94%;height:520px;grid-template-columns:1fr;border-radius:18px}.sidebar,.conversation{display:none}.content-panel{padding:12px 9px}.panel-tab{width:42%;height:35px}.panel-inner{padding:13px 10px}.panel-title h2{font-size:17px}.calendar-toolbar{flex-wrap:nowrap;gap:6px;margin-top:18px}.tabs button{font-size:11px;padding:7px 8px;border-radius:9px}.calendar-controls{gap:3px}.calendar-controls button{font-size:10px;padding:6px}.calendar-controls button:first-child,.calendar-controls button:last-child{font-size:15px;padding:5px}.calendar{min-height:320px}.day-name{padding:9px 5px}.time-slot{padding:9px 5px;font-size:10px}.under-preview{width:92%;font-size:10px}.under-preview button{font-size:10px}.calendar-note{font-size:10px}.content-panel{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.ocean video{visibility:hidden}}
.ocean video{filter:brightness(.74)}
@media(max-width:680px){h1{font-size:clamp(32px,8.5vw,55px)}.headline-line{white-space:normal}}

/* Full-width announcement above the primary navigation. */
.promo-banner{position:relative;z-index:6;display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 64px;background:linear-gradient(110deg,#083b8c 0%,#1263df 48%,#1685cb 100%);color:#fff;font-size:clamp(13px,1.05vw,20px);line-height:1.5}
.promo-content{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center}
.promo-content p{margin:0}.promo-content strong{font-weight:700}.promo-content a{display:inline-block;margin-left:8px;text-decoration:underline;text-underline-offset:3px;font-weight:600}.promo-content a:hover{opacity:.8}

.promo-close{position:absolute;right:max(18px,calc((100vw - 1220px)/2));top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:5px;background:transparent;color:#fff;padding:0}.promo-close:hover{background:#ffffff20}
.ocean{top:var(--promo-height,44px)}
@media(max-width:680px){.promo-banner{padding:10px 43px 10px 15px;font-size:12px;line-height:1.5}.promo-content{gap:7px}.promo-close{right:6px}.promo-content a{margin-left:4px}.promo-content p{max-width:410px}}

/* Navigation and paired app/trial actions. */
.header{gap:28px;min-height:88px;height:auto;padding:16px 0}
.desktop-nav{position:static;transform:none;display:flex;justify-content:center;gap:clamp(20px,2.2vw,44px);margin-left:auto;white-space:nowrap}
.header-actions{gap:12px;margin-left:auto;flex:none}
.header-actions .button{min-height:46px;padding:11px 21px;border-radius:12px;font-size:clamp(14px,1.1vw,21px);letter-spacing:-.35px}
.header-open{background:#f6f5f3;border:1px solid #b8b8b8;color:#111}
.header-open:hover{background:#fff;color:#111}
.header-trial{background:var(--blue);border:1px solid #ffffff15;color:#fff}
.header-trial:hover{background:#5194ff}
.navigation-toggle{display:none;align-items:center;justify-content:center;flex:none;width:40px;height:44px;padding:0;border:0;border-radius:9px;background:transparent;color:white}.navigation-toggle:hover{background:#ffffff12}.menu-cross{display:none}.navigation-toggle[aria-expanded=true] .menu-lines{display:none}.navigation-toggle[aria-expanded=true] .menu-cross{display:block}
@media(max-width:1050px){.header{display:flex;flex-wrap:nowrap;gap:16px;padding:15px 0;min-height:80px}.header-actions{margin-left:auto;gap:10px}.navigation-toggle{display:inline-flex}.desktop-nav{display:none;position:absolute;top:calc(100% - 4px);right:0;left:auto;width:240px;transform:none;margin:0;padding:8px;flex-direction:column;align-items:stretch;gap:0;background:#0b1824f5;border:1px solid #ffffff20;border-radius:14px;box-shadow:0 16px 45px #0006;backdrop-filter:blur(18px);font-size:16px}.desktop-nav.is-open{display:flex}.desktop-nav a{display:block;padding:14px 16px;border-radius:8px}.desktop-nav a:hover{background:#ffffff0c}}
@media(max-width:680px){.header{width:94%;min-height:76px;gap:8px;padding:12px 0}.brand{font-size:20px;gap:4px;letter-spacing:-.6px}.brand-mark{width:26px}.brand-mark img{left:-36px}.header-actions{gap:6px}.header-actions .button{min-height:38px;font-size:12px;padding:8px 10px;border-radius:9px}.navigation-toggle{width:32px;height:40px}.hero{padding-top:38px}}
@media(max-width:390px){.brand{font-size:17px;gap:2px}.brand-mark{width:21px}.header-actions{gap:4px}.header-actions .button{padding:8px;font-size:11px}.navigation-toggle{width:28px}}