:root{color-scheme:dark;--ink:#eef6fc;--muted:#acc2d0;--quiet:#82a0b2;--cyan:#34def5;--edge:rgba(125,201,232,.28);--bg:#050e14;--unit:clamp(.9rem,1.2vw,1rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #78ebff;outline-offset:5px}button:disabled{cursor:wait;opacity:.65}img{display:block;max-width:100%}svg{display:block}p,h1,h2,h3{margin:0}button{background:none}button,a{touch-action:manipulation}[hidden]{display:none!important}.icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.skip{position:fixed;top:-60px;left:20px;z-index:100;background:var(--cyan);color:#021319;padding:12px}.skip:focus{top:12px}.wrap{width:min(1280px,calc(100% - 64px));margin:auto}.eyebrow{font-size:clamp(9px,.83vw,11px);letter-spacing:.15em;text-transform:uppercase;color:#85b3c9;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 25px;border-radius:99px;font-weight:600;line-height:1.15;white-space:nowrap;transition:background .2s,box-shadow .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.btn .icon{width:17px;height:17px}.btn-primary{background:linear-gradient(120deg,#38e3f9,#21cee9 78%);color:#02202b;border:1px solid #83f1ff;box-shadow:inset 0 1px 0 #c3faff77,0 0 28px #09cfed27}.btn-primary:hover{box-shadow:inset 0 1px 0 #e8ffffbb,0 0 36px #09cfed57;background:#53e9fc}.btn-outline{background:#07151da1;border:1px solid #426274;box-shadow:inset 0 1px 0 #ffffff06;color:#e8f4fc}.btn-outline:hover{border-color:#71e0f1;background:#0b2730c9}.btn-sm{font-size:12px;min-height:35px;padding:0 21px}.text-button{color:var(--muted);font-size:12px;padding:8px 0}.text-button:hover{color:#eafaff}.dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#64e7b0;box-shadow:0 0 8px #45e9b247}.global-status{position:fixed;bottom:20px;left:50%;transform:translate(-50%,15px);background:#102731f7;box-shadow:0 10px 50px #0009;border:1px solid #3c7587;border-radius:16px;padding:14px 22px;max-width:min(540px,92vw);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:99;text-align:center;color:#e0f9ff}.global-status.visible{opacity:1;transform:translate(-50%,0)}
/* The approved composition is centered: this never becomes a split hero. */
.space{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 48% 84%,#102a3673,transparent 48%),radial-gradient(ellipse at 76% 8%,#0b213194,transparent 42%),linear-gradient(180deg,#040b10,#06131b 74%,#061019);border-bottom:1px solid #52869c2a}.space-art{position:absolute;inset:0;z-index:-1;background:url('space-scene.webp') center bottom/100% 100% no-repeat;pointer-events:none}.space::after{content:'';position:absolute;bottom:0;left:0;right:0;height:35px;background:url('rock-floor.webp') center bottom/100% 100% no-repeat;pointer-events:none;z-index:-1}.site-header{height:clamp(65px,6.2vw,84px);position:relative;z-index:10}.nav-shell{width:min(1320px,calc(100% - 100px));height:100%;margin:auto;display:flex;align-items:center;gap:clamp(32px,6vw,84px)}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:clamp(24px,2.25vw,30px);font-weight:500;letter-spacing:-.03em}.brand img{width:29px;height:29px}.nav-links{display:flex;align-items:center;gap:clamp(20px,3vw,38px);font-size:clamp(10px,1vw,13px);color:#d0e0ec}.nav-links a{padding:13px 0;transition:color .2s}.nav-links a:hover{color:#44e6ff}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:28px}.nav-demo{font-size:11px;color:#d5e4ee;padding:12px 0}.nav-actions .btn{font-size:clamp(10px,.95vw,12px);min-height:34px;padding:0 20px}.menu-toggle{display:none;padding:10px;color:#dfedf8}.hero{position:relative;padding:8px 0 26px}.intro{text-align:center;position:relative;z-index:1;padding:0 20px}.intro h1{font-size:clamp(33px,3.83vw,54px);font-weight:600;letter-spacing:-.045em;line-height:1.035;margin:15px auto 15px;max-width:1050px}.intro h1>span{display:block}.intro h1 em{font-style:normal;color:#36dff5}.intro .lead{font-size:clamp(14px,1.37vw,18px);line-height:1.5;color:#b5ccdc;letter-spacing:.008em}.mode-switch{position:relative;margin:22px auto 8px;display:flex;padding:4px;width:clamp(219px,21.6vw,273px);height:clamp(44px,4.15vw,53px);background:#04111bab;border:1px solid #33586b;border-radius:99px;box-shadow:inset 0 1px 2px #0007;z-index:3}.mode-switch button{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:99px;font-size:clamp(12px,1.12vw,14px);color:#b3cbdc;font-weight:500;transition:background .25s,color .25s,box-shadow .25s}.mode-switch button[aria-selected=true]{color:#02202c;background:linear-gradient(120deg,#29ddf5,#1bd4ee);box-shadow:0 0 7px #32e9ff88,0 0 22px #11d9ed30,inset 0 1px 0 #c6faff80;position:relative}.mode-switch button[aria-selected=true]::after{content:'';position:absolute;right:14%;top:-5px;width:6px;height:6px;border-radius:50%;background:#d6fcff;box-shadow:0 0 10px 3px #a4f7ff88}.mode-switch .icon{width:17px;height:17px}
.demo-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);gap:12px;width:min(1260px,calc(100% - 128px));margin:0 auto;position:relative;min-height:clamp(365px,35vw,472px);align-items:start}.side{position:relative;z-index:2;display:flex;flex-direction:column;gap:15px;min-width:0;padding-top:2px}.side-left{transform:rotate(.9deg)}.side-right{transform:rotate(-.75deg);padding-top:8px}.glass{background:linear-gradient(127deg,#1c3643b0,#081720a8 65%);border:1px solid #6396b354;box-shadow:inset 0 1px 1px #addef90a,0 10px 30px #00000021;border-radius:11px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.call-card{padding:clamp(17px,1.9vw,25px) clamp(18px,1.8vw,26px) 18px}.call-head{display:flex;align-items:center;gap:13px}.icon-tile{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#a9cce918;border-radius:50%;flex-shrink:0}.icon-tile .icon{width:24px;height:24px}.filled-phone{fill:currentColor;stroke:none}.mini-title{font-size:clamp(10px,.94vw,13px);color:#dce8f2;line-height:1.4}.caller-number{display:block;margin:4px 0 3px;font-size:clamp(14px,1.41vw,19px);font-weight:500;white-space:nowrap;letter-spacing:-.02em}.quiet{font-size:clamp(10px,.93vw,12px);color:#9cb6c8;line-height:1.4}.call-quote{font-size:clamp(12px,1.13vw,15px);line-height:1.5;margin:21px 0 18px;color:#b8cddd;min-height:36px}.call-controls{display:flex;gap:22px;justify-content:center}.call-control{display:flex;align-items:center;justify-content:center;width:66px;height:36px;border-radius:99px;box-shadow:inset 0 1px 0 #ffffff29,0 3px 12px #0003;transition:filter .2s,transform .2s}.call-control:hover{filter:brightness(1.2);transform:scale(1.04)}.call-control .icon{width:21px;height:21px}.call-control.decline{background:#f43951;color:white;box-shadow:0 0 14px #ff345c22}.call-control.accept{background:#24c56d;color:white;box-shadow:0 0 16px #20de7d29}.workflow{padding:10px 19px;transform:rotate(-1.8deg)}.workflow-row{display:flex;align-items:center;gap:13px;height:32px;font-size:clamp(10px,1vw,13px);border-bottom:1px solid #adc6db13;white-space:nowrap}.workflow-row:last-child{border-bottom:0}.workflow-row .icon{width:20px;height:20px}.workflow-row .row-label{min-width:0}.workflow-row small{margin-left:auto;font-size:clamp(8px,.82vw,11px);color:#83a3b9}.workflow-row:first-child .icon{color:#49e4f6}.workflow-row[data-step="1"] .icon{color:#71edbb}.workflow-row.active small{color:#50d6ee}.workflow-row .status-indicator{display:inline-flex;align-items:center;gap:4px}.workflow-row .status-indicator .dot{width:5px;height:5px}.chat-card{padding:17px 17px 14px;transform:rotate(.1deg);min-height:222px}.panel-header{display:flex;align-items:center;gap:9px;font-size:clamp(10px,1vw,13px);margin-bottom:16px}.panel-header .avatar{width:23px;height:23px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#adc6e0;color:white;flex:none}.panel-header .avatar .icon{width:18px;height:18px;fill:currentColor;stroke:none}.panel-header small{font-size:clamp(9px,.85vw,11px);color:#95adbf;margin-left:auto;white-space:nowrap}.sample-chat{display:grid;gap:10px}.bubble{font-size:clamp(11px,1.05vw,14px);line-height:1.46;letter-spacing:.002em;border-radius:14px;padding:12px 13px;max-width:100%;min-width:0;overflow-wrap:anywhere}.bubble.customer{background:linear-gradient(130deg,#263e4cd9,#203440c9);color:#e4eef7;margin-left:28px;border-bottom-right-radius:4px}.reply-row{display:flex;align-items:center;gap:9px}.reply-row img{width:31px;height:31px;flex:none}.bubble.assistant{background:linear-gradient(130deg,#11303cd7,#11344170);border:1px solid #28cbd97a;color:#d8f2f7;border-bottom-left-radius:4px;flex:1}.typing-pill{width:47px;height:25px;border:1px solid #29495661;border-radius:99px;background:#1a3543a6;display:flex;align-items:center;justify-content:center;gap:4px;margin:8px 0 0 40px}.typing-pill span{height:4px;width:4px;border-radius:50%;background:#608fa9}.typing-pill.running span{animation:typing 1s ease-in-out infinite}.typing-pill span:nth-child(2){animation-delay:.15s}.typing-pill span:nth-child(3){animation-delay:.3s}.booking-card{display:flex;align-items:center;gap:12px;padding:18px 17px;transform:rotate(1.45deg);min-height:84px}.booking-icon{width:29px;height:29px;background:#123642b3;color:#47e4f5;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none}.booking-copy{min-width:0}.booking-copy .mini-title{font-weight:500;font-size:clamp(10px,1vw,13px);margin-bottom:3px}.booking-copy p{color:#c0d6e5;font-size:clamp(11px,1.03vw,14px);line-height:1.4}.booking-copy .quiet{display:block;margin-top:6px;font-size:clamp(9px,.9vw,12px)}.success-check{margin-left:auto;border:1px solid #4ba1ac73;color:#79e8dc;background:#2a667635;display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:50%}.success-check .icon{width:18px;height:18px}
/* A circular art layer with a live center; neither the panels nor their text overlap it. */
.core-column{position:relative;min-width:0;align-self:start;text-align:center}.core-wrap{position:relative;aspect-ratio:1;width:111%;margin-left:-5.5%;margin-top:-13px;isolation:isolate}.core-wrap::before{content:'';position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle,#04151e 30%,#06232c88 50%,#13cad909 68%,transparent 75%);z-index:-1}.core-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transition:filter .4s;user-select:none}.core-wrap:hover .core-art{filter:brightness(1.12)}.core-halo{position:absolute;inset:19%;border:1px solid #28e8ee60;border-radius:50%;opacity:0;pointer-events:none}.core-wrap.is-active .core-halo{animation:halo 2s ease-out infinite}.core-halo.second{animation-delay:.65s!important}.core-hit{position:absolute;left:24%;top:24%;width:52%;height:52%;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink);padding:0;z-index:2;isolation:isolate;background:none}.core-hit:focus-visible{outline-offset:10px}.core-fill{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(ellipse at 47% 42%,#030e13 0%,#030d12 44%,#020b11b3 63%,transparent 75%);z-index:-1}.core-interface{width:100%;padding-top:4px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:0;transform:translateY(3px)}#waveform{width:100px;height:61px;display:block;margin-bottom:14px;filter:drop-shadow(0 0 7px #15e6ff55)}.core-title{display:block;font-size:clamp(12px,1.17vw,16px);font-weight:400;line-height:1.4;color:#e9f6ff}.core-status{display:block;font-size:clamp(9px,.87vw,12px);line-height:1.5;color:#b5cbdb;margin-top:2px;min-height:14px}.core-caption{font-size:clamp(11px,1.04vw,14px);color:#a3c4d8;margin-top:-10px;position:relative;letter-spacing:.01em}.hand-note{position:absolute;right:-22px;bottom:-24px;font-family:Georgia,serif;font-style:italic;font-size:clamp(14px,1.4vw,19px);line-height:1.5;letter-spacing:.02em;text-align:center;color:#b5cbde;transform:rotate(-10deg);pointer-events:none}.hand-note svg{margin:0 4px 0 auto;width:55px;height:43px;transform:rotate(5deg)}.hero-actions{display:flex;justify-content:center;gap:14px;margin-top:20px;position:relative;z-index:2}.hero-actions .btn{min-width:189px;min-height:48px;font-size:clamp(12px,1.16vw,15px)}.demo-note{text-align:center;color:#9cb8ca;font-size:clamp(10px,1vw,13px);margin:17px 15px 0;letter-spacing:.01em}.demo-note span+span::before{content:'·';margin:0 9px;color:#91abbc}.playback{display:flex;align-items:center;justify-content:center;gap:12px;max-width:440px;margin:14px auto 0;font-size:11px;color:#bad4e5;padding:0 15px}.playback select{font-size:11px;background:#0d2630;border:1px solid #43616d;border-radius:7px;padding:6px;max-width:92px}.playback input{accent-color:#3cdff1;min-width:60px;flex:1;height:5px}.playback .time{font-variant-numeric:tabular-nums;white-space:nowrap}.playback .icon{width:17px;height:17px}.playback button{padding:7px;border-radius:50%;background:#1b3c4933}.mic-end{display:flex;justify-content:center;align-items:center;gap:15px;font-size:12px;color:#b4d3e5;margin:14px auto 0}.mic-end button{padding:7px 14px;background:#97344773;color:#ffe1e9;border-radius:99px}.chat-form{display:flex;gap:6px;border:1px solid #3cb5c96b;border-radius:99px;margin-top:12px;padding:4px 4px 4px 12px;background:#06141dae}.chat-form input{background:none;border:0;outline:none;width:100%;min-width:0;font-size:12px;color:#ddf4fc}.chat-form button{background:#2ccfe6;color:#03202a;border-radius:50%;padding:7px}.chat-form .icon{width:14px;height:14px}.chat-rail{max-height:172px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3d7185 transparent;overscroll-behavior:contain}.chat-disclosure{font-size:9px;color:#93aebf;margin:7px 0 0 28px}.chat-mode .chat-card{box-shadow:0 0 34px #2ce4fb0b,inset 0 1px 1px #addef921}.chat-mode .chat-card .sample-chat{display:none}.chat-mode .chat-rail,.chat-mode .chat-form,.chat-mode .chat-disclosure{display:flex}.chat-mode .chat-rail{display:grid;gap:9px;min-height:133px}.chat-mode .typing-pill{margin-top:5px}
.agents{padding:38px 0 36px;background:radial-gradient(ellipse at 50% 0,#0a192240,transparent 65%)}.section-heading{text-align:center}.section-heading h2{font-size:clamp(27px,2.7vw,38px);line-height:1.1;letter-spacing:-.025em;font-weight:500;margin:12px 0 10px}.section-heading p{font-size:clamp(13px,1.25vw,16px);line-height:1.5;color:#b0c8d8}.agent-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin-top:22px}.agent-card{min-width:0;min-height:210px;background:linear-gradient(140deg,#15222b98,#0b151be8 60%);border:1px solid #739bbb47;border-radius:11px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:15px 15px 16px;position:relative;overflow:hidden;transition:border-color .25s,transform .25s,background .25s;box-shadow:inset 0 1px 0 #ffffff03}.agent-card:hover{transform:translateY(-5px);border-color:var(--agent-color,#55eaff);background:linear-gradient(140deg,#182a3390,#0b151b)}.agent-card:focus-visible{outline-offset:3px}.agent-card img{width:74px;height:74px;margin-bottom:8px;transition:filter .3s;pointer-events:none}.agent-card:hover img{filter:brightness(1.24)}.agent-card h3{font-size:clamp(12px,1.16vw,16px);font-weight:500;line-height:1.25;margin:0 0 10px;white-space:nowrap}.agent-card p{font-size:clamp(11px,1.07vw,14px);line-height:1.45;color:#b5cad9;margin-bottom:13px}.tags{display:flex;justify-content:center;gap:9px;margin-top:auto}.tag{background:#1b303ba8;font-size:clamp(9px,.82vw,11px);line-height:1;padding:5px 12px;border-radius:99px;color:#c6dce7}.agent-card::after{content:'Explore agent ↗';font-size:10px;position:absolute;bottom:12px;opacity:0;transition:opacity .2s;display:none}.details-section{padding:3px 0 37px}.details-grid{display:grid;grid-template-columns:1fr 1fr 1fr}.detail{padding:0 clamp(24px,3.2vw,43px);border-left:1px solid #52758b28}.detail:first-child{border-left:0;padding-left:16px}.detail:last-child{padding-right:10px}.detail .eyebrow{font-size:clamp(8px,.8vw,10px)}.detail h3{font-size:clamp(21px,2.07vw,29px);font-weight:500;line-height:1.2;letter-spacing:-.02em;margin:12px 0 15px}.detail p{font-size:clamp(12px,1.16vw,15px);line-height:1.55;letter-spacing:.003em;color:#b5cbd9}.detail .btn{font-size:clamp(10px,.9vw,12px);min-height:34px;margin-top:20px;padding:0 18px;border-color:#59cee0;background:transparent;font-weight:500}.detail .btn .icon{width:14px;height:14px}.journey{display:flex;align-items:start;gap:2px;margin:17px -7px 12px}.journey-step{flex:1;text-align:center;color:#d8eff8;background:none;padding:0;position:relative;border-radius:7px}.journey-step+.journey-step::before{content:'›';font-size:20px;color:#66838f;position:absolute;left:-4px;top:10px}.journey-icon{height:39px;width:39px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#10293690;border:1px solid #3e667951;margin:0 auto 7px;color:#36ddea}.journey-icon .icon{width:18px;height:18px}.journey-step span:last-child{font-size:clamp(8px,.82vw,11px);white-space:nowrap;display:block}.journey-step.active .journey-icon{border-color:#53cfe3;box-shadow:0 0 12px #3adfee33}.detail .journey-copy{font-size:clamp(11px,1vw,13px);text-align:center;min-height:30px;line-height:1.4}.detail-middle{text-align:left}.detail-middle .btn{display:flex;width:max-content;max-width:100%;margin:13px auto 0}.integration-icons{display:flex;gap:10px;align-items:center;margin:19px 0 12px}.integration-logo{flex:1;max-width:48px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#11222bd2;border:1px solid #48748838;border-radius:11px;position:relative;transition:background .2s,transform .2s}.integration-logo:hover{background:#193b48;transform:translateY(-2px)}.integration-logo svg{width:30px;height:30px}.integration-logo .more-icon{width:21px;height:21px}.detail .integrations-text{font-size:clamp(11px,1.02vw,13px);line-height:1.4}.integrations-caption{display:block;font-size:10px;color:#8cabbc;margin-top:5px}.site-footer{border-top:1px solid #486a7a2b;padding:20px 0 24px}.footer-inner{display:flex;align-items:center;gap:24px}.footer-inner .brand{font-size:24px}.footer-inner .brand img{width:24px;height:24px}.footer-tagline{font-size:clamp(9px,.85vw,11px);color:#87a9bd}.footer-links{display:flex;gap:25px;margin-left:auto;font-size:clamp(9px,.85vw,11px);color:#a6c0d1}.footer-links a,.footer-links button{padding:8px 0;font-size:inherit;color:inherit}.footer-links a:hover,.footer-links button:hover{color:#61eafb}
/* Dialogs are optional controls; they don't change the approved default composition. */
dialog{width:min(530px,calc(100% - 30px));max-height:min(740px,90dvh);overflow-y:auto;padding:34px;border:1px solid #538494a1;border-radius:20px;background:linear-gradient(145deg,#132936,#07121b 75%);color:var(--ink);box-shadow:0 30px 150px #000c;scrollbar-color:#416879 #12212b}dialog::backdrop{background:#000b;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dialog-close{position:absolute;top:12px;right:12px;border-radius:50%;background:#ffffff09;padding:8px;color:#bdd3e1}.dialog-close:hover{background:#ffffff15}.dialog-close .icon{width:18px;height:18px}dialog h2{font-size:29px;line-height:1.1;letter-spacing:-.035em;font-weight:500;margin:12px 0 15px}dialog p{color:#bbd1df;line-height:1.6;font-size:14px;margin:10px 0}dialog .btn{margin-top:16px;font-size:13px}.dialog-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:21px 0 13px}.option-card{padding:18px;border:1px solid #427f9099;border-radius:13px;background:#1a394544;text-align:left;color:#ddf3fd;transition:background .2s}.option-card:hover{background:#20526366}.option-card .icon{color:#45e3f4;margin-bottom:13px;width:25px;height:25px}.option-card b{font-size:14px;display:block;font-weight:500}.option-card span{color:#98b6c8;display:block;font-size:12px;line-height:1.5;margin-top:7px}.small-print{font-size:11px!important;color:#89aabc!important;line-height:1.6!important}dialog .select-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #49728a3d;padding-top:16px;margin-top:15px;color:#bdd5e3;font-size:12px}dialog select{padding:8px;background:#071b27;border:1px solid #44677b;border-radius:8px;max-width:55%}.contact-form{display:grid;gap:14px;margin-top:20px}.field{display:grid;gap:7px;color:#bdd3e0;font-size:12px}.field input,.field textarea{width:100%;min-width:0;background:#061520;border:1px solid #3d6175;border-radius:9px;padding:12px;resize:vertical}.contact-form .btn{margin:0}.agent-dialog-top{display:flex;align-items:center;gap:17px}.agent-dialog-top img{width:76px;height:76px}.agent-dialog-top h2{font-size:27px;margin:5px 0}.agent-question{padding:14px;background:#071821a3;border:1px solid #264e6266;border-radius:10px;margin:16px 0;color:#accddb;font-size:13px;line-height:1.6}.agent-dialog-actions{display:flex;gap:10px;flex-wrap:wrap}.integration-list{display:grid;gap:8px;margin-top:20px}.integration-row{padding:13px 15px;background:#07192480;border:1px solid #375a6d66;border-radius:10px;display:flex;align-items:center;gap:13px}.integration-row svg{width:30px;height:30px;flex:none}.integration-row strong{font-size:14px;font-weight:500}.integration-row p{font-size:12px;margin:2px 0;line-height:1.4}.integration-list .small-print{margin:6px 0}.scenario-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.scenario{padding:15px;color:#cae5f3;text-align:left;border:1px solid #436c80;border-radius:10px;background:#17374544}.scenario:hover{background:#21516399}.scenario span{font-size:11px;color:#8fb1c5;display:block;margin-top:6px}.safety-message{padding:13px;border-radius:10px;background:#162e3b;border:1px solid #35586b;font-size:12px;line-height:1.6;color:#bedbea}
@keyframes halo{0%{transform:scale(1);opacity:.45}100%{transform:scale(1.56);opacity:0}}@keyframes typing{0%,70%,100%{opacity:.5;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
@media(min-width:1200px){.hero{padding-top:12px;padding-bottom:34px}.intro h1{margin-top:18px;margin-bottom:20px}.mode-switch{margin-top:26px;margin-bottom:14px}.side{gap:20px}.call-card{padding-bottom:23px}.call-quote{margin-top:27px;margin-bottom:25px}.call-control{height:43px;width:79px}.workflow{padding:13px 24px}.workflow-row{height:39px}.chat-card{padding:21px 22px 18px;min-height:272px}.panel-header{margin-bottom:20px}.bubble{padding:15px 16px}.typing-pill{margin-top:12px}.booking-card{padding:22px}.booking-icon{width:35px;height:35px}.success-check{width:38px;height:38px}.core-wrap{margin-top:-20px}#waveform{width:119px;height:72px;margin-bottom:18px}.hero-actions{margin-top:26px;gap:18px}.hero-actions .btn{min-height:57px;min-width:225px}.demo-note{margin-top:21px}.agent-grid{margin-top:28px;gap:20px}.agents{padding:49px 0 49px}.agent-card{min-height:261px;padding:19px 23px 21px}.agent-card img{width:90px;height:90px;margin-bottom:12px}.agent-card h3{margin-bottom:12px}.agent-card p{margin-bottom:17px}.details-section{padding-top:5px;padding-bottom:47px}.integration-logo{max-width:56px}.integration-icons{gap:12px}.journey-icon{width:49px;height:49px}.journey-icon .icon{width:23px;height:23px}.detail .btn{min-height:40px;margin-top:24px}.detail-middle .btn{margin-top:17px}.site-footer{padding:26px 0}}
@media(max-width:980px) and (min-width:761px){.nav-shell{width:calc(100% - 56px);gap:35px}.nav-links{gap:20px}.nav-actions{gap:16px}.demo-stage{width:calc(100% - 54px);grid-template-columns:minmax(0,1fr) minmax(0,1.34fr) minmax(0,1fr);gap:10px;min-height:345px}.core-wrap{width:115%;margin-left:-7.5%;margin-top:10px}.core-caption{margin-top:0}.call-card{padding:16px 14px}.icon-tile{height:31px;width:31px}.call-head{gap:9px}.caller-number{font-size:13px}.call-quote{font-size:11px}.workflow{padding:8px 12px}.workflow-row{gap:8px;font-size:9px}.workflow-row small{font-size:8px}.chat-card{padding:15px 12px}.booking-card{padding:14px 12px;gap:8px}.success-check{width:25px;height:25px}.hand-note{font-size:13px;right:0;bottom:-28px}.agent-grid{gap:10px}.agent-card{padding:14px 8px}.agent-card h3{font-size:11px}.agent-card p{font-size:10px}.agent-card .tag{padding:5px 8px}.detail{padding:0 20px}.detail h3{font-size:20px}.integration-icons{gap:6px}.integration-logo svg{width:24px;height:24px}.journey-step span:last-child{font-size:8px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.site-header{height:72px}.nav-shell{width:calc(100% - 38px);gap:16px}.brand{font-size:26px}.nav-actions{gap:12px}.nav-actions .btn{font-size:11px;min-height:34px;padding:0 16px}.nav-demo{display:none}.menu-toggle{display:block;margin-right:-7px}.nav-links{display:none;position:absolute;top:65px;left:18px;right:18px;padding:14px 22px;border:1px solid #457489;border-radius:12px;background:#071621f7;font-size:14px;box-shadow:0 12px 60px #000a;gap:0;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:13px 0}.space-art{background-size:auto 800px;background-position:53% top;opacity:.75}.hero{padding-top:16px;padding-bottom:33px}.intro{padding:0 18px}.intro .eyebrow{font-size:9px}.intro h1{font-size:clamp(29px,6.05vw,42px);line-height:1.075;letter-spacing:-.04em;margin:17px auto 16px;max-width:580px}.intro h1>span{display:inline}.intro h1 em{white-space:normal}.intro .lead{font-size:13px;line-height:1.65;max-width:430px;margin:0 auto}.intro .lead br{display:none}.mode-switch{margin-top:22px;margin-bottom:5px;height:43px;width:225px}.demo-stage{width:calc(100% - 36px);display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:0}.core-column{grid-column:1/-1;grid-row:1;justify-self:center;width:min(395px,92vw);margin-top:-4px;z-index:1}.core-wrap{margin-top:-3px;width:100%;margin-left:0}.core-caption{margin-top:-8px;margin-bottom:22px;font-size:12px}.core-hit{width:52%;height:52%}.core-title{font-size:14px}.core-status{font-size:10px}#waveform{width:91px;height:57px;margin-bottom:12px}.side{padding:0;gap:10px;transform:none;grid-row:2}.side-left{grid-column:1}.side-right{grid-column:2}.side-right .chat-card,.workflow,.booking-card{transform:none}.call-card{padding:13px 12px}.call-head{gap:7px}.icon-tile{width:28px;height:28px}.icon-tile .icon{width:16px;height:16px}.mini-title{font-size:9px}.caller-number{font-size:clamp(10px,2.7vw,14px);margin-top:3px}.quiet{font-size:8px}.call-quote{font-size:11px;margin:16px 0 13px;line-height:1.45;min-height:45px}.call-control{width:50px;height:31px}.call-control .icon{width:17px;height:17px}.call-controls{gap:13px}.workflow{padding:8px 10px}.workflow-row{font-size:clamp(8px,2vw,11px);gap:7px;height:27px}.workflow-row .icon{width:14px;height:14px}.workflow-row small{font-size:7px}.workflow-row .status-indicator .dot{width:4px;height:4px}.chat-card{padding:12px 10px;min-height:211px}.panel-header{font-size:9px;gap:6px;margin-bottom:11px}.panel-header .avatar{width:18px;height:18px}.panel-header .avatar .icon{width:14px;height:14px}.panel-header small{font-size:8px}.bubble{font-size:10px;line-height:1.45;padding:10px 9px;border-radius:11px}.bubble.customer{margin-left:10px}.reply-row{gap:5px}.reply-row img{width:23px;height:23px}.sample-chat{gap:8px}.typing-pill{margin-left:27px;width:35px;height:20px}.typing-pill span{width:3px;height:3px}.booking-card{padding:12px 10px;gap:6px;min-height:80px}.booking-icon{width:22px;height:22px}.booking-icon .icon{width:15px;height:15px}.booking-copy .mini-title{font-size:9px}.booking-copy p{font-size:10px}.booking-copy .quiet{font-size:8px;margin-top:4px}.success-check{width:21px;height:21px}.success-check .icon{width:13px;height:13px}.hand-note{display:none}.hero-actions{margin-top:24px;gap:10px;padding:0 18px}.hero-actions .btn{font-size:11px;min-width:0;min-height:45px;padding:0 17px}.demo-note{font-size:9px;margin-top:15px}.demo-note span+span::before{margin:0 5px}.agents{padding:35px 0}.section-heading h2{font-size:27px;margin:11px auto 12px;max-width:330px}.section-heading p{font-size:12px;max-width:360px;margin:auto;line-height:1.6}.agent-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.agent-card{padding:16px 12px;min-height:220px}.agent-card img{width:74px;height:74px;margin-bottom:8px}.agent-card h3{font-size:12px;white-space:normal}.agent-card p{font-size:11px}.tag{font-size:9px;padding:5px 10px}.agent-card:last-child{grid-column:1/-1;width:calc(50% - 6px);justify-self:center}.details-grid{grid-template-columns:1fr}.details-section{padding:0 0 10px}.detail{border-left:0;border-top:1px solid #476e8233;padding:25px 10px!important}.detail h3{font-size:24px;max-width:340px}.detail .eyebrow{font-size:9px}.detail p{font-size:13px;max-width:390px}.detail .btn{font-size:12px;min-height:38px}.detail-middle .btn{margin:18px 0 0}.journey{max-width:370px;margin:21px 0 13px}.journey-icon{width:43px;height:43px}.journey-step span:last-child{font-size:10px}.detail .journey-copy{text-align:left;font-size:12px;min-height:0}.integration-icons{gap:13px;margin-top:20px}.integration-logo{max-width:49px}.detail .integrations-text{font-size:12px;max-width:360px}.footer-inner{flex-wrap:wrap;gap:13px}.footer-inner .brand{font-size:24px}.footer-tagline{font-size:10px;line-height:1.5;max-width:200px}.footer-links{margin:6px 0 0;width:100%;gap:23px;font-size:10px}.chat-form{padding-left:8px}.chat-form input{font-size:10px}.chat-form button{padding:5px}.chat-form .icon{width:12px;height:12px}.chat-disclosure{font-size:8px;margin-left:7px}.chat-rail{max-height:150px}.chat-mode .chat-rail{min-height:122px}.chat-mode .side-left{align-self:start}.chat-mode .chat-card{min-height:225px}dialog{padding:28px 22px}dialog h2{font-size:27px}.dialog-options{grid-template-columns:1fr}.option-card{display:grid;grid-template-columns:28px 1fr;gap:4px 13px;padding:15px}.option-card .icon{grid-row:1/3;margin:0;align-self:center}.option-card span{margin:0}.agent-dialog-top{gap:12px}.agent-dialog-top img{width:61px;height:61px}.agent-dialog-top h2{font-size:24px}.scenario-list{grid-template-columns:1fr}.playback{max-width:calc(100% - 32px);padding:0;font-size:10px}.playback select{font-size:10px;max-width:83px}}
@media(max-width:360px){.nav-shell{width:calc(100% - 28px);gap:8px}.nav-actions .btn{padding:0 12px}.intro h1{font-size:29px}.demo-stage{width:calc(100% - 24px);gap:8px}.call-card{padding:12px 8px}.call-head{gap:5px}.icon-tile{width:22px;height:22px}.caller-number{font-size:10px}.workflow{padding:6px 8px}.workflow-row{gap:4px;font-size:8px}.workflow-row small{font-size:6px}.chat-card{padding:11px 8px}.booking-card{padding:10px 8px}.success-check{display:none}.hero-actions{padding:0 12px;gap:8px}.hero-actions .btn{padding:0 14px;font-size:10px}.agent-card h3{font-size:11px}.tags{gap:5px}.tag{padding:5px 8px}.agent-card{padding:14px 9px}.hero .demo-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.core-halo{display:none!important}}
/* Reference-alignment pass: preserve the large central lens without letting its
   decorative image's transparent margins dictate the page's vertical rhythm. */
@media(min-width:761px){
 .intro h1{font-size:clamp(33px,3.75vw,54px);margin:13px auto 8px}
 .mode-switch{margin-top:15px;margin-bottom:0}
 .demo-stage{height:clamp(365px,35vw,472px);min-height:0}
 .core-column{align-self:stretch;height:100%}
 .core-wrap{position:absolute;top:-51px;margin-top:0}
 .core-caption{position:absolute;bottom:8px;width:100%;margin:0}
 .agents{padding:36px 0 25px}
 .section-heading p.eyebrow{font-size:clamp(9px,.83vw,11px);line-height:1.3}
 .section-heading h2{margin:10px 0 6px}
 .agent-grid{margin-top:18px}
 .agent-card{min-height:211px}
 .agent-card img{width:72px;height:72px}
 .agent-card h3{margin-bottom:8px}
 .agent-card p{margin-bottom:10px}
}
@media(min-width:1200px){
 .intro h1{margin:16px auto 14px}
 .mode-switch{margin-top:23px;margin-bottom:4px}
 .core-wrap{top:-58px}
 .agents{padding:46px 0 40px}
 .agent-grid{margin-top:26px}
 .agent-card{min-height:258px}
 .agent-card img{width:90px;height:90px}
 .agent-card h3{margin-bottom:12px}
 .agent-card p{margin-bottom:17px}
}
@media(max-width:760px){.section-heading p.eyebrow{font-size:9px;line-height:1.3}}
@media(min-width:761px){
 .hand-note{bottom:-86px}
 .chat-card{padding-left:14px;padding-right:14px}
 .chat-card .panel-header{margin-bottom:13px}
 .chat-card .bubble{padding:11px 12px}
 .chat-card .reply-row{gap:8px}
}
@media(min-width:1200px){.hand-note{bottom:-99px}.chat-card{padding:21px 22px 18px}.chat-card .panel-header{margin-bottom:20px}.chat-card .bubble{padding:15px 16px}}
/* On a phone, the selected mode gets a readable, full-width conversation panel. */
@media(max-width:760px){
 .demo-stage{grid-template-columns:1fr}
 .core-column{grid-column:1}
 .side-left{grid-column:1;grid-row:2}
 .side-right{display:none;grid-column:1;grid-row:2}
 .chat-mode .side-left{display:none}
 .chat-mode .side-right{display:flex}
 .call-card{padding:18px 20px}
 .call-head{gap:12px}
 .icon-tile{width:38px;height:38px}
 .icon-tile .icon{width:22px;height:22px}
 .mini-title{font-size:12px}
 .caller-number{font-size:17px}
 .quiet{font-size:11px}
 .call-quote{font-size:13px;min-height:0;margin:18px 0}
 .call-control{width:69px;height:36px}
 .call-controls{gap:23px}
 .workflow{padding:8px 20px}
 .workflow-row{font-size:12px;gap:12px;height:31px}
 .workflow-row .icon{width:18px;height:18px}
 .workflow-row small{font-size:10px}
 .chat-card{padding:18px 17px}
 .panel-header{font-size:12px;margin-bottom:15px;gap:9px}
 .panel-header .avatar{width:24px;height:24px}
 .panel-header small{font-size:10px}
 .bubble{font-size:13px;padding:12px 14px}
 .bubble.customer{margin-left:27px}
 .reply-row img{width:29px;height:29px}
 .chat-form{padding-left:13px;margin-top:14px}
 .chat-form input{font-size:13px}
 .chat-form button{padding:8px}
 .chat-form .icon{width:15px;height:15px}
 .chat-rail{max-height:230px}
 .chat-mode .chat-rail{min-height:166px}
 .chat-disclosure{font-size:10px;margin-left:0}
 .booking-card{padding:16px 17px;gap:10px}
 .booking-icon{width:30px;height:30px}
 .booking-icon .icon{width:19px;height:19px}
 .booking-copy .mini-title{font-size:12px}
 .booking-copy p{font-size:13px}
 .booking-copy .quiet{font-size:10px}
 .success-check{display:flex;width:29px;height:29px}
}


/* Multilingual demo: keep the approved hero and agent composition intact.
   The persistent language controls replace the caption below the central lens. */
.language-showcase{z-index:4;line-height:1.4;text-align:center}
.language-heading{display:flex;align-items:center;justify-content:center;gap:7px;margin:0;color:#c4dce8;font-size:13px;font-weight:400;letter-spacing:0}
.language-heading .icon{width:17px;height:17px;color:#56e3ee;flex:none}
.language-heading strong{color:#dffbff;font-weight:600}
.language-subtitle{font-size:11px;color:#9fbacb;line-height:1.4;margin:4px 0 0}
.language-buttons{display:flex;align-items:stretch;justify-content:center;gap:8px;width:min(100%,324px);margin:11px auto 0}
.language-button{position:relative;display:inline-flex;flex:1;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:42px;padding:0 12px;border-radius:99px;border:1px solid #47708385;background:#06141ddb;color:#aac4d3;font-size:12px;font-weight:400;white-space:nowrap;transition:border-color .2s,background .2s,box-shadow .2s,color .2s}
.language-button .language-play{width:12px;height:12px;flex:none;opacity:.72}
.language-button:hover{border-color:#54d7e8b0;color:#e6fcff;background:#112d37}
.language-button[aria-pressed=true]{border-color:#48e2edb3;background:linear-gradient(120deg,#153743,#0a202b);color:#eaffff;box-shadow:inset 0 0 12px #29ddf20b,0 0 16px #1acde315}
.language-button[aria-pressed=true] .language-play{color:#51ecf2;opacity:1}
.language-button.is-playing{border-color:#8df5f3;box-shadow:0 0 16px #1acde327,inset 0 0 12px #29ddf217}
@media(min-width:761px){
 .language-showcase.core-caption{bottom:-70px;height:95px;left:0;right:0;margin:0}
 .hero-actions{margin-top:100px}
}
@media(min-width:1200px){
 .language-heading{font-size:15px}.language-subtitle{font-size:12px}
 .language-button{min-height:44px;font-size:13px}
 .language-buttons{width:340px;max-width:100%;margin-top:10px}
 .hero-actions{margin-top:110px}
}
@media(max-width:980px) and (min-width:761px){
 .language-button{padding:0 8px;font-size:11px;gap:4px}
 .language-buttons{gap:6px}.language-heading{font-size:12px}
}
@media(max-width:760px){
 .language-showcase.core-caption{position:relative;bottom:auto;width:100%;height:auto;margin:-8px 0 26px;padding:0 12px}
 .language-heading{font-size:14px}.language-subtitle{font-size:12px}
 .language-buttons{max-width:324px;margin-top:12px;gap:8px}
 .language-button{min-height:44px;font-size:12px;padding:0 12px}
}

/* A living lens, not a shape-shifting blob. Both decorative arcs remain perfect
   circles. JavaScript advances them at idle and increases energy with the audio. */
.core-art{will-change:transform;transition:none;transform-origin:center}
.core-ambience{position:absolute;inset:11%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,transparent 45%,#30e2ec47 65%,transparent 74%);filter:blur(14px);opacity:.22}
.core-orbits{position:absolute;inset:0;pointer-events:none}
.core-orbit{position:absolute;inset:12.5%;border-radius:50%;opacity:.45;background:conic-gradient(from 15deg,transparent 0deg,#2bf5f81a 45deg,#70f8fc99 77deg,#b9ffffd9 81deg,transparent 86deg,transparent 207deg,#5feef24d 240deg,transparent 244deg,transparent 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));will-change:transform;transform-origin:center}
.core-orbit.reverse{inset:17.8%;opacity:.25;background:conic-gradient(from 120deg,transparent 0deg,#64effb10 34deg,#9cfbffad 66deg,transparent 70deg,transparent 222deg,#45c9ef55 262deg,transparent 266deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - .5px));mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - .5px))}
.core-wrap .core-halo,.core-wrap.is-active .core-halo{animation:none!important;transition:none;opacity:0;border-color:#49e7ec80}
.motion-toggle{position:absolute;right:5%;bottom:18%;z-index:5;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #486c7d80;border-radius:50%;background:#06151ec9;color:#a2c5d6;opacity:.72}
.motion-toggle:hover,.motion-toggle:focus-visible{opacity:1;border-color:#6ed7e7;color:#ecfeff;background:#0c2634}
.motion-toggle .icon{width:17px;height:17px;stroke-width:1.8}
.motion-toggle .motion-resume{display:none}
.motion-toggle[aria-pressed=true] .motion-pause{display:none}
.motion-toggle[aria-pressed=true] .motion-resume{display:block}
.motion-toggle:disabled{cursor:default;opacity:.45}
@media(max-width:760px){.motion-toggle{width:36px;height:36px;right:2%;bottom:7%}}
@media(prefers-reduced-motion:reduce){.core-art,.core-orbit{will-change:auto}.core-orbits,.core-ambience{display:none}.language-button{transition:none}}

/* Living Lens: replace the low-resolution image, not the approved layout. */
.living-orb{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;contain:strict}
.core-wrap::before{background:radial-gradient(circle,#020b13 28%,#07233055 49%,#13cad909 64%,transparent 73%)}
.core-wrap .core-fill{display:none}
.lens-fallback{position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#0c1d32,#020b12 61%,#386193 65%,#a9d7f3 68%,#032132 70%,#2feaff 71%,#074356 73%,transparent 75%);pointer-events:none}
.lens-fallback span,.lens-fallback i{position:absolute;inset:-7%;border-radius:50%;background:conic-gradient(from 30deg,transparent,#29d5ff77,#cdffff,transparent 26%,transparent 55%,#2c89ff77,transparent 83%);mask:radial-gradient(farthest-side,transparent 96%,black 98%);animation:luna-flow 9s linear infinite}
.lens-fallback i{inset:-17%;opacity:.45;animation-direction:reverse;animation-duration:15s}
.core-wrap[data-renderer=procedural] .lens-fallback{display:none}
.core-wrap[data-motion=paused] .lens-fallback span,.core-wrap[data-motion=paused] .lens-fallback i{animation-play-state:paused}
#living-orb{filter:none}
#core-wrap #waveform{filter:none}
.core-status{color:#c0d8e7}
@keyframes luna-flow{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.lens-fallback span,.lens-fallback i{animation:none}}

/* Clear recorded-demo language selection */
.demo-language-picker{margin:28px 0 22px}.demo-language-picker>p{font-size:17px!important;font-weight:600;color:#ecf7ff;margin-bottom:12px!important}.demo-language-options{display:flex;gap:10px;flex-wrap:wrap}.demo-language-options button{flex:1;min-width:100px;padding:16px 18px;border:1px solid #426778;border-radius:12px;background:#102633;color:#eaf6ff;font:inherit;font-size:17px;cursor:pointer}.demo-language-options button[aria-pressed="true"]{background:#70e6fa;color:#061923;border-color:#70e6fa;font-weight:700}.demo-language-options button:focus-visible{outline:3px solid white;outline-offset:3px}#voice-dialog .dialog-options{grid-template-columns:1fr}#voice-dialog #dialog-recording{width:100%}#voice-dialog #dialog-recording b{font-size:21px}