:root{--ink:#17344a;--muted:#526b7b;--blue:#23638f;--navy:#173f5c;--line:#d4e2e8;--radius:22px;--glass:rgba(255,255,255,.69);--lift:0 12px 32px rgba(33,68,88,.07),inset 0 1px 0 rgba(255,255,255,.95)}
body{background:#e6edf1;color:var(--ink)}
.shell{background:radial-gradient(ellipse at 100% 5%,#c9e1ef 0,transparent 44%),radial-gradient(ellipse at 0% 48%,#dcebe9 0,transparent 45%),#f0f5f6;isolation:isolate}
.top{height:76px;padding:18px 22px}.brand{gap:9px}.brand b{font-size:15px;letter-spacing:.04em}.brand span{font-size:9px;letter-spacing:.12em;color:#526b7b}.brand img{width:29px;height:31px}.preview{border:0;border-radius:20px;background:#ffffff8f;color:#536b79;padding:5px 10px;font-size:10px}
.page{padding:0 20px 114px}.grid{gap:16px}.card{border-radius:22px}
.profile{padding:23px 22px 15px;background:linear-gradient(125deg,#ffffffd9,#ffffff85);box-shadow:var(--lift);backdrop-filter:blur(18px);position:relative}
.profile:before{content:'';position:absolute;right:-48px;top:-70px;width:210px;height:210px;border:1px solid #ffffffa8;border-radius:50%;pointer-events:none}.profile:after{content:'';position:absolute;right:-30px;top:-52px;width:168px;height:168px;border:1px solid #ffffff91;border-radius:50%;pointer-events:none}
.profile-layout{gap:14px;align-items:center}.avatar{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#e7f5ff,#c9e2f2);color:#27628a;font-size:26px;box-shadow:inset 0 1px 0 #fff,0 5px 12px #315e7610}.avatar:after{width:11px;height:11px;border:2px solid #f9fdff;background:#679a8b;right:-1px;bottom:0}
.name{gap:8px;margin:0}.name h1{font-size:25px;font-weight:650;letter-spacing:.01em}.demo-tag{border-radius:5px;background:#e5edf1;color:#526575;font-size:10px;padding:2px 6px}.position{font-size:12px;color:#526b7b;margin-top:5px}.profile>.profile-intro{margin-top:17px;font-size:14px;line-height:1.85;color:#345366}.profile .profile-foot{margin-top:14px;padding-top:10px;border-top:1px solid #d8e6ed99;font-size:11px;color:#536e7e}.profile-foot .share{width:36px;height:36px;min-height:36px;border-radius:50%;background:#ffffffab;box-shadow:0 3px 8px #24465c10,inset 0 1px 0 #fff}.profile-foot .share svg{width:17px;height:17px}
#home>.grid>.assistant{margin-top:8px;padding:13px 2px 0;background:transparent;border-radius:0;text-align:left;overflow:visible;min-height:0}
#home .assistant .robot-stage{position:absolute;right:0;top:7px;margin:0;width:104px;height:104px;transform:scale(.82);transform-origin:top right}
#home .assistant h2{margin:11px 0 0;font-size:27px;font-weight:600;letter-spacing:-.02em;line-height:1.35;padding:0 0 0 2px;max-width:calc(100% - 100px)}
#home .assistant>p{font-size:12px;line-height:1.8;color:#526b7b;margin:12px 0 16px 2px;max-width:none}
#home .inline-question{margin:0;padding:5px 5px 5px 10px;min-height:58px;border-radius:19px;background:#ffffffd9;box-shadow:0 8px 24px #2c557412,inset 0 1px 0 #fff;backdrop-filter:blur(16px)}
#home .inline-question input{font-size:16px;padding:11px 5px;color:#17344a}input::placeholder,textarea::placeholder{color:#566f7d!important}
#home .inline-question button{width:46px;height:46px;min-width:46px;border-radius:15px;background:#254e67;box-shadow:inset 0 1px 0 #ffffff26,0 3px 7px #1b42581c}
#home .quick-prompts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 0;justify-content:initial}
#home .quick-prompts button{min-height:40px;padding:9px 12px;justify-content:flex-start;border-radius:12px;font-size:11px;background:#ffffff85;color:#34566c;gap:6px;box-shadow:inset 0 1px 0 #ffffffbc}
#home .quick-prompts button:last-child{grid-column:1/-1;justify-content:center;min-height:36px;background:transparent;box-shadow:none;padding:4px}
#home .quick-prompts svg{height:15px;width:15px;color:#426d89}
#home .ai-demo-note{margin-top:1px;text-align:center;color:#526b7b;font-size:10px}
.section-title{margin:26px 2px 12px}.section-title h2{font-size:17px;font-weight:600;letter-spacing:.02em}
.service{min-height:168px;padding:18px 17px;background:#ffffffa3;box-shadow:inset 0 1px 0 #fff;border-radius:18px}.service h3{font-size:16px}.service>svg{margin-bottom:14px;height:23px;width:23px;color:#386884}.service p{font-size:12px;line-height:1.8;color:#526b7b}.service .link{margin-top:13px;font-size:11px;color:#315e79}.web{background:#ffffff78}
.dock{display:grid;grid-template-columns:repeat(3,1fr);width:min(calc(100% - 40px),440px);bottom:calc(14px + env(safe-area-inset-bottom));border:0;border-radius:25px;padding:6px;gap:0;background:#ffffffb8;backdrop-filter:blur(22px);box-shadow:0 12px 28px #23475b1a,inset 0 1px 0 #fff}
.dock:before{content:'';position:absolute;top:6px;bottom:6px;left:6px;width:calc((100% - 12px)/3);background:#244a63;border-radius:20px;box-shadow:0 3px 8px #173a501c;transition:transform .32s cubic-bezier(.16,1,.3,1);z-index:-1}.dock[data-active="services"]:before{transform:translateX(200%)}.dock[data-active="chat"]:before{transform:translateX(100%)}
.dock button{min-height:52px;border-radius:20px;color:#526b7b;font-size:11px;background:none;position:relative;gap:3px}.dock button.active{background:none;color:#fff}.dock svg{width:19px;height:19px;stroke-width:1.6}
.primary,.send{background:#244e68}.secondary{border-color:#bfd4df;color:#244e68}.detail,.company-overview,.work-panel{background:#ffffffd9;box-shadow:inset 0 1px 0 #fff}.detail p,.detail ul,.company-text p{color:#526b7b}.chat-view{background:#edf4f6}.chat-head{background:#ffffffb8;backdrop-filter:blur(16px)}.chat-notice{color:#486271;background:#e4eef2}.bubble{font-size:14px;line-height:1.85;box-shadow:0 3px 12px #264d6110}.user .bubble{background:#244e68}.composer{background:#edf4f6e8;backdrop-filter:blur(16px)}.composer textarea{background:#ffffffeb}.sheet{border-radius:24px 24px 0 0;background:#f8fbfc}.modal{backdrop-filter:blur(5px);background:#15364b44}.page-note,.sales-preview-link,.ai-demo-note{color:#526b7b}.desktop-label b{color:#244e68}.desktop-label{color:#526b7b;line-height:1.9}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #27688e;outline-offset:4px}::selection{background:#c3deee;color:#17344a}input,textarea{caret-color:#27688e}*{scrollbar-width:thin;scrollbar-color:#adc5d1 transparent}button{transition:background-color .2s,color .2s,box-shadow .2s}button:disabled{opacity:.5;cursor:wait}.service:hover{background:#fff}.quick-prompts button:hover{background:#fff!important}
@media(min-width:700px){body{padding:34px 0}.shell{border-radius:32px;overflow:hidden;box-shadow:0 24px 65px #1d465619}.desktop-label{top:90px}.dock{bottom:22px}.shell:has(#chat:not([hidden])){min-height:0}.chat-view{height:calc(100dvh - 68px)}}
@media(max-width:359px){.page{padding-left:16px;padding-right:16px}.top{padding-left:18px;padding-right:18px}.profile{padding:20px 18px 13px}.name h1{font-size:23px}.name{gap:5px}.avatar{width:50px;height:50px;border-radius:15px}.demo-tag{font-size:9px}.profile-layout{gap:11px}.position{font-size:11px}#home .assistant h2{font-size:25px}#home .assistant>p{font-size:11px}.dock{width:calc(100% - 32px)}.service{padding:16px 13px}.service h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Welcome: content remains visible and interactive throughout. */
.welcome-replay{display:flex;align-items:center;gap:5px;min-height:32px;cursor:pointer}.welcome-replay svg{width:12px;height:12px;stroke-width:1.6}.welcome-replay:hover{background:#fff}
#home .robot-float,#home .robot-arm.right,#home .robot-shadow,#home .robot-antenna i{animation:none}#home .robot-stage.greeting .robot-float{animation:robot-hello .9s cubic-bezier(.2,.8,.2,1)}#home .robot-stage.greeting .robot-arm.right{animation:welcome-manual-wave .9s ease-in-out}
@keyframes welcome-manual-wave{0%,100%{transform:rotate(-25deg)}25%,60%{transform:rotate(-120deg)}42%,77%{transform:rotate(-65deg)}}

/* Robot carries the two real content groups; layout remains reserved. */
.shell{overflow-x:clip}.welcome-copy{position:relative}.welcome-copy h2{margin-top:11px!important}.welcome-copy p{font-size:12px;line-height:1.8;color:#526b7b;margin:12px 0 16px 2px;max-width:none}.welcome-tools{position:relative}.is-building .robot-stage{z-index:5;will-change:transform}.is-building .welcome-copy,.is-building .welcome-tools{will-change:transform,opacity}.robot-arm.left{transform-origin:50% 20%}
@media(max-width:359px){.welcome-copy p{font-size:11px}}

/* Shift the mascot right, while retaining a safe mobile edge. */
#home .assistant .robot-stage{right:-12px}
@media(max-width:359px){#home .assistant .robot-stage{right:-8px}}

/* Mascot to the left of the greeting. */
#home .assistant .robot-stage{left:0;right:auto;transform-origin:top left}
#home .assistant .welcome-copy h2{margin-left:102px;max-width:calc(100% - 102px)}
@media(max-width:359px){#home .assistant .robot-stage{left:0;right:auto}#home .assistant .welcome-copy h2{margin-left:90px;max-width:calc(100% - 90px);font-size:23px}}

/* Right of greeting, with a tighter gap. */
#home .assistant .robot-stage{left:184px;right:auto;transform-origin:top left}
#home .assistant .welcome-copy h2{margin-left:0;max-width:calc(100% - 100px)}
@media(max-width:359px){#home .assistant .robot-stage{left:162px;right:auto}#home .assistant .welcome-copy h2{margin-left:0;max-width:calc(100% - 88px);font-size:23px}}