@font-face{font-family:Fraunces;src:url('./assets/fonts/fraunces-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Nunito;src:url('./assets/fonts/nunito-sans-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Nunito;src:url('./assets/fonts/nunito-sans-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Nunito;src:url('./assets/fonts/nunito-sans-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Nunito;src:url('./assets/fonts/nunito-sans-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{color-scheme:dark;--navy:#0d1426;--yellow:#ffdf68;--white:#fffdf8;--blue:#84b1e3;--red:#eb5148}
*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{min-height:100svh;min-height:100dvh;background:var(--navy);font-family:Nunito,Arial,sans-serif;display:grid;place-items:center;padding:12px;overflow:hidden;color:var(--white)}
.phone{width:min(430px,calc((100svh - 24px)*390/844),calc(100vw - 24px));width:min(430px,calc((100dvh - 24px)*390/844),calc(100vw - 24px));aspect-ratio:390/844;position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(180deg,#192443 0%,#2e4b78 49%,#79a3d5 100%);container-type:inline-size;isolation:isolate;--u:1cqw;--v:1cqw}
.status-bar{position:absolute;z-index:10;top:calc(3.25*var(--v));left:calc(5.9*var(--u));right:calc(5.9*var(--u));height:calc(4.9*var(--u));display:flex;align-items:center;justify-content:space-between;color:#c0c8d4;font-weight:800;font-size:calc(3.4*var(--u));opacity:.76}.status-icons{display:flex;gap:calc(1.6*var(--u));align-items:center}.status-icons svg{width:calc(4.4*var(--u));height:calc(3.4*var(--u))}.status-icons svg:last-child{width:calc(6.4*var(--u))}
.screen{position:absolute;inset:0}.screen[hidden],[hidden]{display:none!important}.wordmark{position:absolute;top:calc(12.6*var(--v));left:calc(50% - 24.6*var(--u));width:calc(49.2*var(--u));height:auto;display:block}.portrait-bloom{position:absolute;top:calc(35.8*var(--v));left:calc(50% - 16.9*var(--u));width:calc(33.8*var(--u));height:calc(33.8*var(--u));filter:drop-shadow(0 0 calc(2.5*var(--u)) #d7c38222)}.portrait-bloom img{width:100%;height:100%;object-fit:cover;object-position:50% 31%;mask:url('./assets/bloom-mask.svg') center/100% 100% no-repeat;-webkit-mask:url('./assets/bloom-mask.svg') center/100% 100% no-repeat}
h1,h2,p{margin:0}h1,h2,.info-name,.info-value{font-family:Fraunces,Georgia,serif;font-weight:700}h1{position:absolute;top:calc(74.8*var(--v));left:0;right:0;text-align:center;font-size:calc(8.55*var(--u));line-height:1.15;letter-spacing:-.03em}h1 span{color:var(--yellow)}.home-description{position:absolute;top:calc(89.6*var(--v));left:calc(7.1*var(--u));right:calc(7.1*var(--u));text-align:center;font-size:calc(3.9*var(--u));line-height:1.55;letter-spacing:-.012em}
.info-card{position:absolute;left:calc(3.1*var(--u));right:calc(3.1*var(--u));top:calc(106.2*var(--v));height:calc(42.6*var(--u));border:1px solid #a4bbd075;border-radius:calc(3.7*var(--u));background:#1c2b4d9c;padding:calc(6.4*var(--u)) calc(5.1*var(--u)) calc(3.5*var(--u))}.info-row{display:flex;justify-content:space-between;align-items:center;gap:calc(3*var(--u));min-height:calc(7*var(--u))}.info-label{font-size:calc(2.95*var(--u));font-weight:800;letter-spacing:.12em;color:var(--blue);white-space:nowrap}.info-name{font-size:calc(4.55*var(--u));line-height:1.15;max-width:calc(53*var(--u));text-align:right;letter-spacing:-.035em}.info-divider{height:1px;background:#a4bbd075;margin:calc(3.7*var(--u)) 0}.info-value{font-size:calc(5.35*var(--u));color:var(--yellow);letter-spacing:.1em}.info-note{font-size:calc(3.35*var(--u));line-height:1.3;margin-top:calc(3.4*var(--u));letter-spacing:-.015em}
.ambassador-line{position:absolute;left:calc(6*var(--u));right:calc(6*var(--u));top:calc(153.4*var(--v));text-align:center;font-size:calc(3.45*var(--u));line-height:1.45;color:#edf3fc}.call-now{position:absolute;top:calc(173.7*var(--v));left:calc(8.3*var(--u));right:calc(8.3*var(--u));height:calc(17.2*var(--u));border:0;border-radius:100px;color:#192443;background:linear-gradient(180deg,#fff0a0 0%,#ffdf68 100%);font-family:Nunito,Arial,sans-serif;font-size:calc(4.7*var(--u));font-weight:800;cursor:pointer;transition:filter .16s,transform .16s}.call-now:hover{filter:brightness(1.04)}.call-now:active{transform:scale(.985)}button:focus-visible{outline:3px solid #fff;outline-offset:5px}.call-now:disabled{cursor:wait;opacity:.72}.home-small{position:absolute;top:calc(195.6*var(--v));left:0;right:0;font-size:calc(3.8*var(--u));text-align:center}.footer-copy{position:absolute;left:calc(6*var(--u));right:calc(6*var(--u));bottom:calc(6.1*var(--u));text-align:center;font-size:calc(3.3*var(--u));line-height:1.4;color:#fffdf8}.home-message{position:absolute;left:calc(7*var(--u));right:calc(7*var(--u));top:calc(162.6*var(--v));text-align:center;color:#fff3c5;font-size:calc(3*var(--u));line-height:1.3}.home-message:empty{display:none}.home-screen.has-message .ambassador-line{top:calc(151*var(--v));font-size:calc(3.15*var(--u));line-height:1.3}
.video-frame{position:absolute;top:calc(20.7*var(--v));left:calc(50% - 35.9*var(--u));width:calc(71.8*var(--u));aspect-ratio:9/16;overflow:hidden;border-radius:calc(4.2*var(--u));background:#192443;border:1px solid #bccad449;box-shadow:0 calc(2*var(--u)) calc(8*var(--u)) #10183130}.call-poster,.tavus-host{position:absolute;inset:0;width:100%;height:100%;display:block}.call-poster{object-fit:cover;object-position:50% 42%;z-index:1}.tavus-host tavus-embed{display:block;width:100%;height:100%}.video-frame.is-live .call-poster{visibility:hidden}.connecting-overlay{z-index:2}.live-badge,.preview-badge{z-index:3;pointer-events:none}.connecting-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#15244510,#152445a0);display:flex;align-items:flex-end;justify-content:center;gap:calc(2*var(--u));padding-bottom:calc(6*var(--u));font-size:calc(3.4*var(--u));font-weight:700}.connecting-dot{width:calc(1.9*var(--u));height:calc(1.9*var(--u));margin-bottom:calc(.95*var(--u));border-radius:50%;background:var(--yellow);animation:pulse 1.4s infinite}.live-badge,.preview-badge{position:absolute;top:calc(3*var(--u));left:calc(3*var(--u));border-radius:100px;background:#152445b8;padding:calc(1.25*var(--u)) calc(2.2*var(--u));font-size:calc(2.25*var(--u));font-weight:800;letter-spacing:.08em}.live-badge span{display:inline-block;width:calc(1.5*var(--u));height:calc(1.5*var(--u));background:var(--yellow);border-radius:50%;margin-right:calc(1*var(--u))}.preview-badge{top:auto;bottom:calc(3*var(--u));letter-spacing:0;font-size:calc(2.6*var(--u))}
.call-screen h2{position:absolute;top:calc(153.8*var(--v));left:0;right:0;text-align:center;font-size:calc(8.3*var(--u));line-height:1.1}.call-subtitle{position:absolute;top:calc(164.9*var(--v));left:0;right:0;text-align:center;font-size:calc(3.2*var(--u));line-height:1.2;color:#eef2f8}.call-timer{position:absolute;top:calc(171.4*var(--v));left:0;right:0;text-align:center;font-size:calc(4.05*var(--u));color:#94bceb;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2}.end-call{position:absolute;top:calc(182.2*var(--v));left:calc(50% - 10.4*var(--u));width:calc(20.8*var(--u));display:flex;align-items:center;flex-direction:column;gap:calc(2.1*var(--u));border:0;background:none;color:#fff;font:400 calc(3.5*var(--u)) Nunito,Arial,sans-serif;cursor:pointer;padding:0}.end-circle{width:calc(16.4*var(--u));height:calc(16.4*var(--u));display:grid;place-items:center;border-radius:50%;background:var(--red);transition:filter .16s,transform .16s}.end-circle svg{width:calc(7.1*var(--u));height:calc(7.1*var(--u))}.end-call:hover .end-circle{filter:brightness(1.06)}.end-call:active .end-circle{transform:scale(.96)}.call-screen .footer-copy{bottom:calc(3.4*var(--u));font-size:calc(2.9*var(--u))}
@keyframes pulse{0%,100%{opacity:.4}50%{opacity:1}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Phones in portrait: the canvas fills the whole screen edge to edge.
   --v spreads the layout over the full available height; --u scales sizes down only when the
   screen is shorter than the 390x844 design, so nothing overflows. */
@media(max-width:600px) and (orientation:portrait){html{background:#192443;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{padding:0;display:block;background:#192443;overscroll-behavior:none}.phone{position:fixed;inset:0;width:100%;height:100vh;height:100svh;height:100dvh;aspect-ratio:auto;border-radius:0;container-type:size;--v:calc((100cqh - env(safe-area-inset-top) - env(safe-area-inset-bottom))/216.4);--u:min(1cqw,var(--v))}.screen{top:env(safe-area-inset-top);bottom:env(safe-area-inset-bottom)}.status-bar{display:none}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}}