:root{--call-panel-width: min(344px, calc(100vw - 56px) );--call-panel-radius: 14px;color:#fff;background:#f4f6fa;font-family:Inter,Arial,Helvetica,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-width:320px;width:100%;height:100%;margin:0;overflow:hidden}a{color:inherit}button{font:inherit}.landing-page{position:fixed;inset:0;padding:0;overflow:hidden;background:#000}.hero{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;isolation:isolate;color:#fff}.hero:after{position:absolute;inset:0;z-index:2;background:radial-gradient(ellipse at 50% 18%,rgba(0,30,38,.48) 0%,rgba(0,30,38,.18) 35%,transparent 62%);content:"";pointer-events:none}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;animation:background-drift 18s ease-in-out infinite alternate}.blue-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#00274c05,#002f5f14 42%,#0023542e),linear-gradient(180deg,#02336105 45%,#01204a24)}.hero-concierge .blue-overlay{background:linear-gradient(90deg,#08232b2e,#113c3e38 46%,#0b2f3f75),linear-gradient(180deg,#0d3e4114 38%,#031c2861)}.hero-call .hero-image{filter:saturate(.86) brightness(.68)}.hero-call{background:radial-gradient(circle at 50% 42%,rgba(31,184,174,.14),transparent 36%),linear-gradient(135deg,#061d24,#031319)}.landing-page:has(.hero-call){padding:0;background:#031319}.hero-call.hero-concierge{background:radial-gradient(circle at 50% 42%,rgba(205,143,76,.18),transparent 36%),linear-gradient(135deg,#2a180f,#0e0906)}.water-motion{position:absolute;inset:-20%;z-index:1;pointer-events:none;opacity:.18;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(106deg,transparent 0,transparent 34px,rgba(255,255,255,.1) 42px,rgba(255,255,255,.16) 44px,transparent 58px);background-size:220px 120px;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 58%,transparent 78%);mask-image:linear-gradient(90deg,#000 0%,#000 58%,transparent 78%);animation:wave-flow 12s linear infinite}.water-shimmer{position:absolute;inset:-40%;z-index:1;pointer-events:none;opacity:.32;mix-blend-mode:soft-light;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.07) 42%,rgba(255,255,255,.38) 48%,rgba(255,255,255,.08) 54%,transparent 62%);transform:translate(-30%);animation:water-shimmer 7s ease-in-out infinite}.hero-content{position:absolute;top:48%;left:50%;z-index:3;width:min(920px,72%);text-align:center;transform:translate(-50%,-50%)}.brand-lockup{position:absolute;top:32px;left:38px;z-index:4;display:flex;align-items:center;gap:12px;color:#f1d29a;text-transform:uppercase;text-shadow:0 8px 22px rgba(0,0,0,.46)}.brand-monogram{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(241,210,154,.48);border-radius:50%;color:#e8bf75;font-family:Georgia,Times New Roman,serif;font-size:.78rem;font-weight:800;line-height:1}.brand-lockup strong,.brand-lockup span{display:block;letter-spacing:0;font-size:.64rem;font-weight:800;line-height:1.05;text-transform:uppercase}.brand-lockup strong{color:#fff7e9}.brand-lockup span{margin-top:3px;color:#fff7e9d6}.route-switcher{position:absolute;left:38px;bottom:max(26px,env(safe-area-inset-bottom));z-index:4;display:inline-flex;gap:6px;border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:5px;background:#03192047;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.route-switcher button{min-height:34px;border:0;border-radius:999px;padding:0 14px;background:transparent;color:#ffffffc7;cursor:pointer;font:inherit;font-size:.82rem;font-weight:850}.route-switcher button.active{background:#ffffffeb;color:#09232d}.route-switcher button:focus-visible,.call-button:focus-visible{outline:3px solid rgba(120,255,214,.74);outline-offset:3px}.hero-title{margin:0;color:#fff;font-size:clamp(48px,6vw,88px);font-weight:950;line-height:.88;letter-spacing:0;text-transform:uppercase;text-shadow:0 12px 32px rgba(0,0,0,.24);-webkit-font-smoothing:antialiased}.hero-title span{display:block}.hero-title .solid-text{color:#fff;-webkit-text-stroke:0;text-shadow:0 12px 32px rgba(0,0,0,.24)}.hero-title span:not(.solid-text){color:#ffffff0f;-webkit-text-stroke:2px rgba(255,255,255,.95);filter:none;text-shadow:0 3px 18px rgba(0,25,35,.45)}.description{max-width:380px;margin:28px auto 34px;color:#fffffff2;font-size:clamp(1.15rem,2vw,1.55rem);font-weight:650;line-height:1.35;white-space:pre-line;text-shadow:0 2px 10px rgba(0,20,30,.75)}.call-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:256px;min-height:58px;margin-top:22px;border:1px solid rgba(255,255,255,.35);border-radius:10px;padding:0 28px;background:linear-gradient(100deg,#f4c98f,#d9ddbd 48%,#9edfd5);color:#102a33;box-shadow:0 12px 30px #002a3640;font-size:16px;font-weight:900;text-decoration:none;cursor:pointer}.call-button:hover{background:linear-gradient(100deg,#f7d6a7,#e4e6c9 48%,#afe9df);box-shadow:0 16px 36px #002a3652}.call-error{max-width:360px;margin:14px 0 0;border-radius:8px;padding:10px 12px;background:#fff5f5eb;color:#8b1e1e;font-size:.88rem;font-weight:800}.call-screen-error{position:fixed;top:max(22px,env(safe-area-inset-top));left:50%;z-index:10;width:min(720px,calc(100vw - 40px));margin:0;text-align:center;transform:translate(-50%)}.call-icon{width:22px;height:22px;flex:0 0 auto}.call-view,.call-screen{position:relative;z-index:3;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:100%;padding:28px;color:#fff}.home-button{position:absolute;top:28px;left:28px;z-index:5;display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#ffffff12;color:#ffffffe6;cursor:pointer;box-shadow:0 14px 36px #0003;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.home-button:hover{background:#ffffff21}.home-button:focus-visible{outline:3px solid rgba(120,255,214,.5);outline-offset:3px}.home-button svg{width:22px;height:22px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.call-demo-controls{position:absolute;top:28px;right:28px;z-index:5;display:flex;gap:10px}.call-demo-controls label{display:grid;gap:6px;width:var(--call-panel-width);min-width:0;color:#ffffffad;font-size:.68rem;font-weight:800;text-transform:uppercase}.call-demo-controls select{width:100%;height:50px;border:1px solid rgba(255,255,255,.14);border-radius:var(--call-panel-radius);padding:0 52px 0 22px;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23d2e5e6' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") calc(100% - 18px) 50% / 18px 18px no-repeat,linear-gradient(135deg,#ffffff1c,#ffffff0d);color:#fff;font-size:1rem;font-weight:850;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.call-demo-controls select:focus-visible{border-color:#78ffd657;box-shadow:0 0 0 2px #78ffd624,0 12px 32px #0000002e;outline:0}.call-demo-controls select:disabled{color:#fffc;cursor:not-allowed}.call-demo-controls option{color:#08242d}.call-metrics{position:absolute;top:172px;right:28px;z-index:5;width:var(--call-panel-width);border:1px solid rgba(185,244,233,.14);border-radius:var(--call-panel-radius);padding:22px 22px 18px;background:linear-gradient(145deg,#0b3038c2,#03161ba8);box-shadow:inset 0 0 0 1px #ffffff09,0 22px 70px #0000004d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.metrics-header,.metrics-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.metrics-header{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:16px}.metrics-header p{margin:0;color:#b9f4e9;font-size:.86rem;font-weight:900;text-transform:uppercase}.metrics-header span,.metrics-footer{color:#ffffff9e;font-weight:850}.metrics-status{display:flex;align-items:center;gap:10px;margin:18px 0 20px;color:#ffffffe6;font-size:.98rem;font-weight:800}.metrics-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.metrics-summary div{display:grid;min-height:118px;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:16px 12px;background:#ffffff09}.metrics-icon{color:#78ffd6;font-size:.78rem;font-weight:900}.metrics-summary strong{color:#fff;font-size:1.9rem;font-weight:950;line-height:1}.metrics-summary small{color:#ffffffa8;font-size:.8rem;font-weight:700;text-align:center}.call-metrics dl{display:grid;gap:0;margin:0}.call-metrics dl div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.07);padding:13px 0}.call-metrics dt,.call-metrics dd{margin:0}.call-metrics dt{color:#ffffff9e;font-size:.88rem;font-weight:750}.call-metrics dd{color:#ffffffeb;font-size:.88rem;font-weight:850;text-align:right}.call-metrics dl div:nth-child(4) dd{color:#78ffd6}.metrics-footer{border-top:1px solid rgba(255,255,255,.07);padding-top:16px;font-size:.78rem}.hero-call.hero-concierge .call-metrics p{color:#ffe2b8}.hero-call.hero-concierge .metrics-icon,.hero-call.hero-concierge .call-metrics dl div:nth-child(4) dd{color:#f0bf78}.agent-status,.call-content{display:flex;align-items:center;flex-direction:column;width:min(520px,100%);text-align:center}.agent-avatar{position:relative;display:grid;width:76px;height:76px;margin:0 0 10px;place-items:center;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:linear-gradient(145deg,#65dfc5,#1592a8);color:#062330;box-shadow:0 0 0 8px #49d2bf0f,0 15px 45px #0000004d;font-size:2rem;font-weight:950;overflow:hidden}.agent-avatar span{display:grid;width:100%;height:100%;place-items:center;background:radial-gradient(circle at 35% 22%,rgba(255,255,255,.5),transparent 26%),linear-gradient(145deg,#65dfc5,#1592a8)}.hero-call.hero-concierge .agent-avatar span{background:radial-gradient(circle at 35% 22%,rgba(255,255,255,.44),transparent 26%),linear-gradient(145deg,#f0bf78,#9a5c32)}.hero-call.hero-concierge .call-status{color:#ffe2b8}.hero-call.hero-concierge .status-dot{background:#f0bf78;box-shadow:0 0 12px #f0bf78e6}.hero-call.hero-concierge .waveform span{background:linear-gradient(180deg,#fff3dc,#f0bf78 52%,#9a5c32);box-shadow:0 0 24px #f0bf7847}.call-status{display:inline-flex;align-items:center;gap:7px;margin:20px 0;color:#b9f4e9;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.status-dot{width:8px;height:8px;border-radius:50%;background:#63e6be;box-shadow:0 0 12px #63e6bee6}.agent-status h1,.call-title{margin:0;color:#fff;font-size:clamp(1.25rem,2.2vw,1.7rem);font-weight:950;line-height:1;letter-spacing:0;text-shadow:0 18px 46px rgba(0,0,0,.34)}.call-subtitle{max-width:430px;margin:12px 0 0;color:#ffffffb8;font-size:.92rem;line-height:1.55}.waveform{display:flex;align-items:center;justify-content:center;gap:6px;width:min(100%,420px);min-height:80px;height:80px;margin:60px 0}.waveform span{width:8px;height:28px;border-radius:999px;background:linear-gradient(180deg,#e9fff9,#78ffd6 52%,#007991);box-shadow:0 0 24px #78ffd647;animation:waveform-talk .88s ease-in-out infinite alternate}.waveform-idle span{height:24px;opacity:.42;animation:none;box-shadow:none;transform:scaleY(.45)}.waveform span:nth-child(2n){height:44px;animation-duration:.72s}.waveform span:nth-child(3n){height:64px;animation-duration:1.04s}.waveform span:nth-child(5n){height:78px;animation-duration:.94s}.waveform-idle span:nth-child(n){height:24px;animation:none}.session-id{max-width:min(100%,480px);margin:8px 0 0;overflow:hidden;color:#ffffff80;font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.call-controls{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:10px;margin:0;background:#ffffff0f;box-shadow:0 18px 50px #00000047;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.call-controls-idle{border:0;padding:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.control-button{display:grid;width:52px;height:52px;place-items:center;border:0;border-radius:50%;background:#ffffff1a;color:#fff;cursor:pointer}.control-button.active{background:#ffffff2b}.control-button svg{width:22px;height:22px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.end-call-icon{width:22px;height:22px;flex:0 0 auto;transform:rotate(135deg)}.end-call{display:flex;width:auto;min-width:140px;padding:0 22px;gap:9px;border-radius:999px;background:#ff5361;font-weight:800}.end-call:hover{background:#ff6571}.start-call-control{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:min(320px,calc(100vw - 44px));height:58px;padding:0 26px;gap:10px;border-radius:999px;background:linear-gradient(100deg,#f4c98f,#d9ddbd 48%,#9edfd5);color:#102a33;font-weight:900}.start-call-control.call-icon,.start-call-control .call-icon{width:22px;height:22px}.start-call-control:hover{background:linear-gradient(100deg,#f7d6a7,#e4e6c9 48%,#afe9df)}.start-call-control svg{color:currentColor}@keyframes wave-flow{0%{transform:translate3d(-5%,-1%,0) rotate(-1deg) scale(1.02);background-position:0 0}50%{transform:translate3d(1%,1%,0) rotate(1deg) scale(1.04);background-position:110px 28px}to{transform:translate3d(5%,-1%,0) rotate(-1deg) scale(1.02);background-position:220px 0}}@keyframes water-shimmer{0%{transform:translate(-35%) rotate(2deg)}50%{transform:translate(5%) rotate(2deg)}to{transform:translate(35%) rotate(2deg)}}@keyframes background-drift{0%{transform:scale(1.05) translate3d(-1%,0,0)}to{transform:scale(1.12) translate3d(2%,-1%,0)}}@keyframes waveform-talk{0%{transform:scaleY(.36);opacity:.58}to{transform:scaleY(1);opacity:1}}@media(max-width:700px){.landing-page{padding:0}.hero{height:100%;min-height:0}.hero-image{object-position:42% center}.blue-overlay{background:linear-gradient(180deg,#00224a05 20%,#00204c3d)}.hero-content{inset:58% 24px auto;width:auto;text-align:left;transform:translateY(-50%)}.route-switcher{right:auto;bottom:max(18px,env(safe-area-inset-bottom));left:18px;justify-content:center}.brand-lockup{top:20px;left:18px;gap:10px}.brand-monogram{width:34px;height:34px;font-size:.66rem}.brand-lockup strong{font-size:.82rem}.brand-lockup span{margin-top:3px;font-size:.58rem}.hero-title{font-size:clamp(47px,15vw,72px)}.call-button{width:100%;margin-top:8px}.call-view{min-height:100dvh;justify-content:flex-start;padding:116px 18px 186px}.home-button{top:16px;left:18px;width:42px;height:42px}.call-demo-controls{top:16px;right:18px;left:18px;display:block}.call-demo-controls label{width:100%;min-width:0}.call-demo-controls select{height:40px;border-radius:9px;font-size:.8rem}.call-metrics{inset:auto 18px 106px;width:auto;border-radius:14px;padding:12px 14px;transform:none}.call-metrics p{margin-bottom:10px;font-size:.68rem}.call-metrics dl{grid-template-columns:repeat(3,1fr);gap:10px}.call-metrics div{display:grid;gap:3px}.call-metrics dt,.call-metrics dd{text-align:left}.call-content{justify-content:center;min-height:calc(100dvh - 302px);transform:translateY(-4px)}.agent-avatar{width:72px;height:72px}.call-status{margin:18px 0 16px;font-size:.72rem}.call-title{max-width:310px;font-size:clamp(1.3rem,6.2vw,1.65rem);line-height:1.12}.waveform{gap:5px;height:80px;margin:40px 0 0}.waveform span{width:6px}.call-controls{position:fixed;right:18px;bottom:max(18px,env(safe-area-inset-bottom));left:18px;gap:10px;width:auto;max-width:420px;margin:0 auto;justify-content:center;padding:9px}.call-controls-idle{padding:0}.control-button{width:50px;height:50px}.end-call{min-width:138px;padding:0 18px;white-space:nowrap}}@media(prefers-reduced-motion:reduce){.hero-image,.water-motion,.water-shimmer,.waveform span{animation:none}}