:root{--navy:#071a35;--blue:#0b4b91;--sky:#73b8ff;--ice:#eaf5ff;--cream:#f7f5ef;--muted:#617087;--line:#dce5ee;--white:#fff;--green:#087f5b;--red:#d14343;--shadow:0 24px 70px rgba(5,36,76,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(155deg,#f8fbff 0%,#f7f5ef 52%,#f2f8fc 100%);color:var(--navy);font:15px/1.5 "DM Sans",sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.ambient{position:fixed;border-radius:50%;filter:blur(2px);pointer-events:none;z-index:-1}.ambient-one{width:440px;height:440px;right:-230px;top:170px;background:radial-gradient(circle,#a9d5ff55,transparent 69%)}.ambient-two{width:380px;height:380px;left:-230px;top:520px;background:radial-gradient(circle,#f0d59644,transparent 70%)}
header{height:82px;max-width:1280px;margin:auto;padding:0 40px;display:flex;align-items:center;gap:55px}.brand{display:flex;align-items:center;gap:12px;border:0;background:none;color:var(--navy);font:800 19px "Manrope",sans-serif}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:white;background:linear-gradient(145deg,#0d559f,#062a59);font-size:20px;box-shadow:0 7px 18px #0b4b9133}.brand span:last-child{letter-spacing:-.4px}nav{display:flex;gap:30px}nav a{text-decoration:none;color:#58677a;font-size:13px;font-weight:600}nav a:hover{color:var(--blue)}.live{margin-left:auto;display:flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid #dae5eb;border-radius:99px;background:#ffffffa6;color:#607082;font-size:12px}.live i{width:7px;height:7px;border-radius:50%;background:#27b17d;box-shadow:0 0 0 4px #27b17d1c}.live b{font-weight:600;color:#31445a}
main{max-width:1180px;margin:auto;padding:60px 40px 70px}.landing{display:grid;grid-template-columns:minmax(0,.83fr) minmax(500px,1fr);column-gap:76px;align-items:start}.hero-copy{position:sticky;top:130px;padding-top:38px}.eyebrow{display:inline-flex;gap:9px;align-items:center;padding:7px 12px;border:1px solid #a9cef2;border-radius:99px;background:#eff7ff;color:#1c5b99;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px}.eyebrow span{font-size:14px}.hero-copy h1{margin:24px 0 22px;max-width:570px;font:800 clamp(42px,5vw,67px)/1.04 "Manrope",sans-serif;letter-spacing:-3.8px}.hero-copy h1 em{display:block;color:#287ec6;font-style:normal}.lede{max-width:515px;color:#53647a;font-size:17px;line-height:1.72}.trust-row{display:flex;align-items:center;gap:13px;margin-top:34px}.avatar-stack{display:flex;padding-left:7px}.avatar-stack span{width:34px;height:34px;margin-left:-7px;display:grid;place-items:center;border:3px solid #f8fafb;border-radius:50%;background:#154a82;color:#fff;font-weight:700;font-size:11px}.avatar-stack span:nth-child(2){background:#d39b4b}.avatar-stack span:nth-child(3){background:#dceaf6;color:#215181}.trust-row p{margin:0;font-size:12px;color:#778396;line-height:1.45}.trust-row b{color:#34475e}
.setup-card{border:1px solid #d9e4ec;border-radius:24px;background:#fffffff2;box-shadow:var(--shadow);overflow:hidden;backdrop-filter:blur(10px)}.step{padding:29px 31px;border-bottom:1px solid #e6edf2;transition:.25s}.step:last-child{border:0}.step.locked{opacity:.42;pointer-events:none;background:#fafcfd}.step-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px}.step-number{padding-top:3px;color:#6594c3;font:700 10px "Manrope";letter-spacing:1.5px}.step-head h2{margin:0 0 3px;font:700 18px "Manrope";letter-spacing:-.4px}.step-head p{margin:0;color:#8290a1;font-size:12px}.verified-badge{margin-left:auto;padding:5px 10px;border-radius:99px;background:#e4f7f0;color:#087b59;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.field-label,.form-grid label>span,.filter-grid label>span,.multi-field>span{display:block;margin-bottom:7px;color:#55667b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}.input-wrap{position:relative;display:flex}.input-wrap input{width:100%;height:50px;padding:0 120px 0 43px;border:1px solid #cad7e2;border-radius:11px;outline:none;background:#fbfdff;color:var(--navy)}.input-wrap input:focus,select:focus{border-color:#5e9cd6;box-shadow:0 0 0 3px #4b98dd16}.input-icon{position:absolute;z-index:1;left:16px;top:14px;color:#6b8196;font-weight:700}.inline-button{position:absolute;right:6px;top:6px;height:38px;padding:0 16px;border:0;border-radius:8px;background:var(--navy);color:white;font-size:12px;font-weight:700}.inline-button:disabled{opacity:.55}.form-message{margin:8px 2px 0;color:#8491a0;font-size:11px}.form-message.error{color:var(--red)}.form-message.success{color:var(--green)}.code-area{margin-top:15px}.form-grid,.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 13px}.form-grid select,.filter-grid select{width:100%;height:44px;padding:0 35px 0 12px;border:1px solid #d2dce4;border-radius:9px;background:#fbfdff;color:#243c55;outline:none;font-size:12px}.multi-field{grid-column:1/-1}.pills{display:flex;flex-wrap:wrap;gap:7px}.pills button{padding:7px 12px;border:1px solid #d0dce7;border-radius:99px;background:#fff;color:#627184;font-size:11px;font-weight:600;transition:.15s}.pills button:hover{border-color:#8bb6dc}.pills button.active{border-color:#2e75b7;background:#e7f3ff;color:#14538e;box-shadow:inset 0 0 0 1px #2e75b7}.filter-grid .wide{grid-column:auto}.start-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:23px}.start{min-height:65px;padding:10px 14px;border:0;border-radius:12px;display:flex;align-items:center;gap:11px;text-align:left;color:#fff;transition:transform .18s,box-shadow .18s}.start:hover{transform:translateY(-2px)}.start.text{background:linear-gradient(135deg,#0a477f,#092e58);box-shadow:0 9px 25px #092e5828}.start.video{background:linear-gradient(135deg,#257ac1,#15538b);box-shadow:0 9px 25px #15538b2b}.start .button-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#ffffff1c;font-size:18px}.start span:nth-child(2){display:flex;flex-direction:column;font-weight:700;font-size:13px}.start small{opacity:.62;font-size:9px;text-transform:uppercase;letter-spacing:.7px}.start b{margin-left:auto;font-size:18px}.confirm{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:15px;color:#778698;font-size:10px}.confirm input{accent-color:var(--blue)}.confirm a{color:#315e89}
.info-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:105px;border:1px solid #d9e3e9;border-radius:18px;overflow:hidden;background:#d9e3e9}.info-strip article{padding:28px 30px;background:#ffffffb8}.info-strip b{color:#6092bd;font-size:10px;letter-spacing:1px}.info-strip h3{margin:10px 0 6px;font:700 15px "Manrope"}.info-strip p{margin:0;color:#758396;font-size:12px;line-height:1.6}.safety-note{grid-column:1/-1;display:flex;gap:16px;margin-top:22px;padding:22px 26px;border-radius:16px;background:#e9f4fd;color:#264e73}.safety-note>span{font-size:25px}.safety-note h3{margin:1px 0 5px;font:700 14px "Manrope"}.safety-note p{margin:0;color:#5e7891;font-size:11px;line-height:1.65}
.chat{height:calc(100vh - 145px);min-height:610px;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;max-width:950px;margin:0 auto;border:1px solid #d9e5ed;border-radius:22px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.chat-top{height:72px;padding:0 21px;display:flex;align-items:center;border-bottom:1px solid #e6edf2}.back-button{width:34px;height:34px;margin-right:13px;border:1px solid #d9e2e9;border-radius:9px;background:white}.chat-top>div{display:grid;grid-template-columns:12px auto;align-items:center}.connected-dot{grid-row:1/3;width:7px;height:7px;border-radius:50%;background:#27b17d}.chat-top b{font:700 13px "Manrope"}.chat-top small{color:#8190a1;font-size:10px}.chat-top>span:last-child{margin-left:auto;color:#6e7f91;font-size:11px}.conversation{min-height:0;display:flex;flex-direction:column;background:linear-gradient(#fbfdff,#fff)}.log{padding:27px;overflow:auto;flex:1}.line{width:fit-content;max-width:78%;margin:9px 0;padding:10px 14px;border-radius:14px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.line.you{margin-left:auto;background:#0b437c;color:#fff;border-bottom-right-radius:4px}.line.stranger{background:#eef3f7;color:#263a50;border-bottom-left-radius:4px}.line b{display:none}.line.system{max-width:100%;margin:13px auto;padding:5px;background:none;color:#8795a5;text-align:center;font-size:11px}.typing{height:27px;padding:0 27px;color:#8493a4;font-size:11px;font-style:italic}.composer{display:flex;gap:10px;padding:13px 17px;border-top:1px solid #e6edf2}.stop{padding:0 19px;border:1px solid #f0c8c8;border-radius:11px;background:#fff7f7;color:#b23a3a;font-weight:700;font-size:12px}.message-wrap{display:flex;flex:1;min-width:0;border:1px solid #d5e0e8;border-radius:12px;background:#fbfdff}.message-wrap textarea{min-height:48px;max-height:100px;flex:1;padding:14px;border:0;resize:none;outline:none;background:transparent;color:var(--navy)}.send{align-self:center;width:34px;height:34px;margin-right:7px;border:0;border-radius:9px;background:var(--navy);color:white;font-size:17px}.underbar{height:42px;padding:0 19px;display:flex;align-items:center;gap:15px;border-top:1px solid #edf1f4;background:#fafcfd}.underbar button{border:0;background:none;color:#7c8997;font-size:10px}.underbar span{margin-left:auto;color:#9aa4af;font-size:9px}.video-stage{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#d7e0e7}.video-box{position:relative;min-height:250px;overflow:hidden;background:#071a35}.video-box video{position:relative;z-index:2;width:100%;height:100%;object-fit:cover}.video-box>span{position:absolute;z-index:3;bottom:12px;left:12px;padding:4px 8px;border-radius:6px;background:#071a35b3;color:#fff;font-size:10px}.video-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#ffffff12;font:800 100px "Manrope"}
.chat:has(.video-stage:not(.hidden)){grid-template-rows:auto minmax(230px,1.15fr) minmax(150px,.85fr) auto auto}
.hidden{display:none!important}.toast{position:fixed;left:50%;bottom:28px;z-index:10;transform:translate(-50%,20px);padding:11px 17px;border-radius:10px;background:#071a35;color:#fff;box-shadow:0 10px 35px #071a3544;font-size:12px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{width:min(410px,calc(100% - 30px));padding:28px;border:0;border-radius:18px;color:var(--navy);box-shadow:0 30px 100px #071a3566}dialog::backdrop{background:#071a3577;backdrop-filter:blur(4px)}dialog h2{margin:10px 0 3px;font:700 20px "Manrope"}dialog p{margin:0 0 20px;color:#788797;font-size:12px}.dialog-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#fff0f0;color:#c84747}dialog select{width:100%;height:46px;padding:0 10px;border:1px solid #d5dfe6;border-radius:9px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.dialog-actions button{padding:9px 14px;border:1px solid #d4dde5;border-radius:8px;background:#fff}.dialog-actions .danger{border-color:#c84b4b;background:#c84b4b;color:white}
@media(max-width:900px){header{padding:0 22px}nav{display:none}main{padding:30px 20px}.landing{grid-template-columns:1fr;gap:35px}.hero-copy{position:static;padding-top:5px;text-align:center}.hero-copy h1,.lede{margin-left:auto;margin-right:auto}.trust-row{justify-content:center}.setup-card{max-width:600px;margin:auto}.info-strip,.safety-note{grid-column:1;margin-top:35px}.safety-note{margin-top:18px}.chat{height:calc(100vh - 110px)}}
@media(max-width:560px){header{height:68px;padding:0 15px}.brand-mark{width:32px;height:32px}.live span{font-size:0}.live span b{font-size:10px}main{padding:22px 11px 40px}.hero-copy h1{font-size:39px;letter-spacing:-2.6px}.lede{font-size:15px}.step{padding:24px 19px}.form-grid,.filter-grid{grid-template-columns:1fr}.filter-grid .wide{grid-column:1}.start-actions{grid-template-columns:1fr}.info-strip{grid-template-columns:1fr}.info-strip article{padding:22px}.chat{min-height:0;height:calc(100vh - 90px);border-radius:16px}.video-stage{grid-template-columns:1fr}.video-box.local{position:absolute;right:25px;top:105px;z-index:4;width:110px;height:145px;min-height:0;border:2px solid white;border-radius:10px}.underbar span{display:none}.line{max-width:88%}}

@media(max-width:560px){
  body{min-width:320px;-webkit-text-size-adjust:100%}
  header{padding-left:max(15px,env(safe-area-inset-left));padding-right:max(15px,env(safe-area-inset-right))}
  .brand{gap:9px;font-size:17px}.live{padding:8px 10px}
  main{padding-left:max(11px,env(safe-area-inset-left));padding-right:max(11px,env(safe-area-inset-right));padding-bottom:max(40px,env(safe-area-inset-bottom))}
  .landing{gap:29px}.hero-copy{padding:8px 5px 0}.eyebrow{font-size:9px}.hero-copy h1{margin:18px auto 16px;font-size:clamp(34px,11vw,43px);line-height:1.06;letter-spacing:-2.7px}.lede{font-size:14px;line-height:1.62}.trust-row{margin-top:24px}
  .setup-card{width:100%;border-radius:18px}.step{padding:23px 17px}.step-head{gap:10px;margin-bottom:18px}.step-number{flex:0 0 auto}.step-head h2{font-size:16px}.step-head p{font-size:11px}.verified-badge{padding:4px 7px;white-space:nowrap}
  .input-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.input-wrap .input-icon{top:14px}.input-wrap input{grid-column:1/-1;grid-row:1;height:50px;padding:0 112px 0 40px;font-size:16px;min-width:0}.inline-button{grid-column:2;grid-row:1;position:relative;right:auto;top:auto;align-self:center;z-index:2;height:38px;margin-right:6px;padding:0 13px}
  .form-grid,.filter-grid{gap:15px}.form-grid select,.filter-grid select{height:48px;font-size:16px}.pills{gap:8px}.pills button{min-height:38px;padding:8px 13px;font-size:12px}.start{min-height:62px}.confirm{align-items:flex-start;text-align:left;font-size:11px}.confirm input{width:17px;height:17px;margin:0;flex:0 0 auto}
  .info-strip{margin-top:18px;border-radius:15px}.safety-note{padding:20px}.safety-note>span{display:none}
  .chat{width:100%;height:calc(100dvh - 90px);border-radius:15px;grid-template-rows:auto minmax(0,1fr) auto auto}.chat:has(.video-stage:not(.hidden)){grid-template-rows:auto minmax(210px,1.05fr) minmax(130px,.7fr) auto auto}.chat-top{height:62px;padding:0 13px}.chat-top>span:last-child{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-button{width:38px;height:38px}
  .video-stage{position:relative;display:block}.video-box.remote{width:100%;height:100%;min-height:210px}.video-box.local{right:12px;top:12px;width:104px;height:132px;box-shadow:0 8px 28px #0007}.video-box.local>span{bottom:5px;left:5px}.conversation{min-height:0}.log{padding:18px 14px}.line{max-width:88%;font-size:14px}.typing{padding:0 14px}
  .composer{gap:7px;padding:10px}.stop{min-width:62px;padding:0 10px}.message-wrap textarea{min-height:48px;padding:13px 10px;font-size:16px}.send{width:38px;height:38px;flex:0 0 auto}.underbar{height:38px;padding:0 12px;padding-bottom:env(safe-area-inset-bottom)}
  dialog{padding:23px}dialog select{font-size:16px}.dialog-actions button{min-height:42px}
}

@media(max-width:370px){
  .hero-copy h1{font-size:34px}.step{padding:21px 14px}.step-head p{max-width:240px}.verified-badge{font-size:8px}.input-wrap input{padding-right:101px}.inline-button{padding:0 10px;font-size:11px}.avatar-stack{display:none}.start-actions{gap:8px}.chat-top small{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.underbar{display:none}.chat{grid-template-rows:auto minmax(0,1fr) auto}.chat:has(.video-stage:not(.hidden)){grid-template-rows:auto minmax(190px,1fr) minmax(110px,.65fr) auto}.video-box.local{width:90px;height:115px}.stop{min-width:56px}}

/* Keep the intro in its own grid row; sticky positioning made it overlap later sections. */
.hero-copy{position:relative;top:auto}