@font-face{font-family:Saira Semi Condensed;src:url(/fonts/SairaSemiCondensed-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Saira Semi Condensed;src:url(/fonts/SairaSemiCondensed-Bold.ttf) format("truetype");font-style:normal;font-weight:700 900;font-display:swap}:root{--color-navy: #142f50;--color-navy-deep: #092441;--color-navy-soft: #24496f;--color-yellow: #ffd500;--color-lime: #8dc63f;--color-sky: #27aae1;--color-orange: #ff8c1a;--color-red: #ffd500;--color-white: #ffffff;--color-black: #092441;--color-ink-muted: rgba(255, 255, 255, .72);--font-heading: "Saira Semi Condensed", sans-serif;--font-body: "Saira Semi Condensed", sans-serif;--space-edge: clamp(32px, 5vh, 72px);--motion-fast: .16s;--motion-medium: .42s}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:var(--font-body);background:var(--color-navy-deep);color:var(--color-white);user-select:none;-webkit-user-select:none;touch-action:manipulation}button,input,select,textarea{font-family:var(--font-heading)}button{transition:transform .26s cubic-bezier(.16,1,.3,1),filter .26s cubic-bezier(.16,1,.3,1),opacity .26s cubic-bezier(.16,1,.3,1)}button:active{transform:scale(.96);filter:brightness(.92)}.kiosk{width:100vw;height:100svh;min-height:720px;background:var(--color-navy);position:relative;overflow:hidden}.kiosk:after{content:none}.screen{position:relative;z-index:1;height:100%;padding:var(--space-edge);display:flex;flex-direction:column;overflow:hidden;background:var(--color-navy);animation:screen-enter 1.25s cubic-bezier(.16,1,.3,1) both}.screen:has(.footer-ui){padding-bottom:190px}.home-screen:has(.footer-ui){padding-bottom:0}.camera-screen:has(.footer-ui),.review-screen:has(.footer-ui){padding-bottom:0}@keyframes screen-enter{0%{opacity:0;transform:translateY(28px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.screen{animation:none}}.home-screen{padding:0;background:var(--color-navy-deep);isolation:isolate}.home-screen:before{content:"";position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;background:var(--color-navy-deep)}.home-bg-video,.home-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;object-fit:cover}.home-bg-video{z-index:0}.home-bg{z-index:1;opacity:1}.brand-mark{font-weight:900;font-size:clamp(42px,8vh,118px);line-height:.86;letter-spacing:0;color:var(--color-white);max-width:12ch}.tagline{margin:0 0 20px;font-weight:900;font-size:clamp(18px,2.2vh,28px);text-transform:uppercase}.heading{margin:0;color:inherit;font-weight:900;font-size:clamp(54px,7vh,104px);line-height:.92;letter-spacing:0}.subcopy{margin:18px 0 0;max-width:720px;font-size:clamp(26px,3vh,42px);line-height:1.08;font-weight:700}.primary-action,.secondary-action{min-height:112px;border:0;border-radius:0;padding:24px 36px;font-size:clamp(30px,4vh,54px);font-weight:900;text-transform:uppercase}.primary-action{background:var(--color-yellow);color:var(--color-navy-deep)}.secondary-action{background:var(--color-lime);color:var(--color-navy-deep)}.action-row{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}.single-action{margin-top:auto}.footer-ui{position:absolute;z-index:10;left:0;right:0;bottom:0;height:150px;min-height:150px;max-height:150px;padding:34px 48px 16px;display:grid;grid-template-columns:1fr 190px 1fr;align-items:center;gap:16px;background:var(--color-yellow);color:var(--color-navy-deep);box-shadow:0 -18px 36px #0924413d;animation:footer-rise 1.2s cubic-bezier(.16,1,.3,1) .26s both}.footer-side{min-width:0;display:grid;place-items:center}.footer-action,.footer-center-action{border:0;padding:0;background:transparent;color:inherit;display:grid;justify-items:center;gap:8px;font-size:clamp(16px,2.2vh,32px);font-weight:900;line-height:1;text-transform:uppercase}.footer-action:active,.footer-center-action:active{transform:translateY(4px) scale(.96)}.footer-action{color:var(--color-navy-deep)}.footer-text{width:100%;text-align:center;pointer-events:none;white-space:nowrap;overflow:hidden;font-size:clamp(14px,2.2vw,32px)}.review-screen .footer-action{font-weight:400}.footer-center-action{position:relative;z-index:1;color:var(--color-navy-deep);align-self:center;height:100%}.home-screen .footer-center-action>span:last-child,.waiting-screen .footer-center-action>span:last-child{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(32px,4vh,56px);white-space:nowrap}.footer-center-action:before{content:"";position:absolute;top:-178px;left:50%;width:178px;height:178px;transform:translate(-50%);border-radius:50%;background:var(--color-yellow);pointer-events:none}.footer-icon{display:grid;place-items:center;width:64px;height:64px;color:currentColor;font-size:58px;line-height:1}.footer-center-circle{position:relative;z-index:1;display:grid;place-items:center;width:150px;height:150px;margin-top:-164px;border:14px solid var(--color-yellow);border-radius:50%;background:var(--color-white);color:var(--color-yellow);background:var(--color-navy-deep);font-size:72px;line-height:1;text-align:center;animation:center-button-enter 1.25s cubic-bezier(.16,1,.3,1) .42s both}.footer-center-icon{display:block;animation:footer-icon-pulse 1.8s ease-in-out infinite}.footer-center-image,.footer-center-circle>svg{width:82%;height:82%;object-fit:contain;display:block;justify-self:center;align-self:center}.result-screen .footer-center-image,.result-screen .footer-center-circle>svg{mix-blend-mode:normal}.result-screen .footer-center-circle{width:360px;height:360px;margin-top:-374px;background:var(--color-white);color:var(--color-navy-deep);font-size:0}.result-screen .footer-center-action{position:absolute;left:50%;top:25px;width:360px;transform:translate(-50%)}.result-screen .footer-center-action:before{content:none}.result-screen .footer-center-action>span:last-child{position:absolute;left:50%;top:50px;width:min(48vw,520px);transform:translate(-50%,-50%);font-size:clamp(32px,4vh,56px);line-height:1;text-align:center;white-space:normal;overflow:hidden}.result-screen .footer-side:last-child{position:absolute;right:48px;top:50%;width:210px;transform:translateY(-50%);display:grid;place-items:center end;z-index:2}.result-screen .footer-side:last-child .footer-action{font-weight:400}.camera-screen .footer-text,.camera-screen .footer-center-action>span:last-child{animation:footer-text-pulse 1.8s ease-in-out infinite}@keyframes footer-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes footer-text-pulse{0%,to{opacity:1}50%{opacity:.58}}@keyframes ambient-drift{0%{transform:translateZ(0) rotate(0)}to{transform:translate3d(-2vw,-1.5vh,0) rotate(2deg)}}@keyframes home-bg-settle{0%{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes home-person-enter{0%{opacity:0;transform:translateY(56px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes home-person-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.004)}}@keyframes overlay-breathe{0%{opacity:.78;transform:scale(1)}to{opacity:.98;transform:scale(1.012)}}@keyframes footer-rise{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes center-button-enter{0%{opacity:0;transform:translateY(28px) scale(.82)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bgisi-drift{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.018) translate3d(-1.2vw,-1vh,0)}}@keyframes content-reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes tab-activate{0%{transform:scale(.96)}to{transform:scale(1)}}@keyframes card-enter{0%{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes preview-open{0%{opacity:0;transform:translateY(32px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes guide-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.92}50%{transform:translate(-50%,-50%) scale(1.035);opacity:1}}@keyframes video-fade-in{0%{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes result-reveal{0%{opacity:0;transform:scale(1.035);filter:saturate(.7)}to{opacity:1;transform:scale(1);filter:saturate(1)}}.choice-grid{margin-top:72px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.choice-button{aspect-ratio:1 / 1.08;border:8px solid var(--color-white);background:transparent;color:var(--color-white);font-size:clamp(42px,5.5vh,76px);font-weight:900;text-transform:uppercase}.selection-screen{padding:0;background:var(--color-navy-deep);min-height:0;color:var(--color-white);isolation:isolate}.selection-bg{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:1}.bgisi-screen{background:var(--color-navy-deep);color:var(--color-white);isolation:isolate}.bgisi-screen:before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background:url(/home/bgisi.png) center / cover no-repeat;pointer-events:none}.bgisi-screen>*{position:relative;z-index:1}.bgisi-screen>.footer-ui{position:absolute;z-index:10}.camera-screen{padding:257px 48px 0}.camera-screen .tagline{margin:50px 0 0;text-align:center}.camera-screen .camera-frame{margin-top:25px}.review-screen{padding:257px 48px 0}.review-screen .heading{margin:50px 0 0}.result-screen{padding:0}.selection-content{position:relative;z-index:1;width:100%;height:100%;min-height:0;padding:257px 48px 48px;display:flex;flex-direction:column;overflow:hidden}.selection-content .tagline{margin:50px 0 0;width:100%;align-self:stretch;text-align:left;animation:content-reveal 1.05s cubic-bezier(.16,1,.3,1) .28s both}.sex-tabs{margin:25px 0 0;width:100%;align-self:stretch;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--color-yellow);padding:0;animation:content-reveal 1.05s cubic-bezier(.16,1,.3,1) .42s both}.sex-tab{min-height:82px;border:0;background:var(--color-navy-soft);color:var(--color-white);font-size:clamp(28px,3.2vh,48px);font-weight:900;text-transform:uppercase}.sex-tab.is-active{background:var(--color-yellow);color:var(--color-navy-deep);animation:tab-activate .52s cubic-bezier(.16,1,.3,1) both}.template-grid{margin:25px 0 0;width:100%;align-self:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:24px;flex:1;justify-content:center;align-content:center;min-height:0;overflow:hidden}.template-grid.is-female{grid-template-columns:repeat(2,minmax(0,1fr))}.template-status{grid-column:1 / -1;padding:34px;border:8px solid var(--color-yellow);color:var(--color-yellow);font-size:clamp(30px,3vh,48px);font-weight:900;text-transform:uppercase}.template-button{border:0;border-radius:0;padding:0;background:transparent;min-height:0;overflow:hidden;display:flex;flex-direction:column;animation:card-enter .98s cubic-bezier(.16,1,.3,1) both;transition:transform .26s cubic-bezier(.16,1,.3,1),filter .26s cubic-bezier(.16,1,.3,1)}.template-button:nth-of-type(1){animation-delay:.18s}.template-button:nth-of-type(2){animation-delay:.3s}.template-button:nth-of-type(3){animation-delay:.42s}.template-button:nth-of-type(4){animation-delay:.54s}.template-button:nth-of-type(5){animation-delay:.66s}.template-button:nth-of-type(6){animation-delay:.78s}.template-button:nth-of-type(7){animation-delay:.9s}.template-button:nth-of-type(8){animation-delay:1.02s}.template-button:nth-of-type(9){animation-delay:1.14s}.template-button img{width:100%;height:100%;min-height:0;flex:1;object-fit:contain;background:transparent;display:block}.camera-frame,.photo-frame,.result-frame{margin-top:28px;width:100%;flex:1;min-height:0;background:var(--color-black);border:8px solid var(--color-white);position:relative;overflow:hidden}.camera-screen .camera-frame,.review-screen .photo-frame{width:calc(100% + 96px);margin-left:-48px;margin-right:-48px;margin-bottom:0;border:0;animation:preview-open 1.25s cubic-bezier(.16,1,.3,1) .36s both}.result-frame{width:100%;max-width:100%;height:100%;max-height:100%;justify-self:center;flex:1;aspect-ratio:auto;border:0;margin-top:0}.camera-frame video,.photo-frame img,.result-frame img{width:100%;height:100%;object-fit:cover;display:block}.result-frame img{object-fit:contain;background:var(--color-black);animation:result-reveal 1.4s cubic-bezier(.16,1,.3,1) both}.camera-frame video{transform:scaleX(-1)}.face-guide{position:absolute;left:50%;top:44%;width:min(56vw,520px);height:min(42vh,680px);transform:translate(-50%,-50%);border:8px solid var(--color-white);border-radius:50%/42%;box-shadow:0 0 0 999px #00000040;animation:guide-pulse 2.6s ease-in-out infinite}.face-guide-line{position:absolute;left:50%;top:8%;bottom:8%;width:4px;transform:translate(-50%);background:#ffffffc7}.tracked-face-guide{position:absolute;z-index:3;border:6px solid var(--color-lime);border-radius:50%/42%;box-shadow:0 0 0 2px #00000057,0 0 32px #8dc63f7a;pointer-events:none}.countdown-badge{position:absolute;z-index:2;left:50%;top:50%;width:180px;height:180px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:#000000b8;color:var(--color-white);font-size:clamp(88px,10vh,140px);font-weight:900;line-height:1;animation:countdown-pop 1.25s ease-in-out infinite}.capture-guidance{margin-top:auto;min-height:112px;padding:24px 36px;display:grid;place-items:center;background:var(--color-navy-deep);color:var(--color-white);font-size:clamp(24px,3vh,42px);font-weight:900;line-height:1;text-align:center;text-transform:uppercase;white-space:nowrap;overflow:hidden}@keyframes countdown-pop{0%{transform:translate(-50%,-50%) scale(.86);opacity:.72}24%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(.92);opacity:.82}}.processing-list{margin-top:70px;display:grid;gap:22px;font-size:clamp(30px,3vh,48px);font-weight:900;text-transform:uppercase}.waiting-screen{padding:0;background:var(--color-navy-deep);isolation:isolate}.waiting-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;object-fit:cover;animation:video-fade-in 1.4s cubic-bezier(.16,1,.3,1) both}.waiting-screen .footer-ui{z-index:2}.waiting-screen .footer-center-icon{animation:hourglass-spin 2s ease-in-out infinite}@keyframes hourglass-spin{0%,35%{transform:rotate(0)}65%,to{transform:rotate(180deg)}}.pulse{width:140px;height:140px;margin-top:84px;border:12px solid var(--color-white);animation:pulse var(--motion-medium) infinite alternate}@keyframes pulse{0%{transform:scale(.86) rotate(0);opacity:.65}to{transform:scale(1) rotate(45deg);opacity:1}}.result-layout{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;margin-top:0;display:grid;place-items:center;width:100%;height:100%;min-height:0}.error-box{margin-top:56px;background:var(--color-yellow);color:var(--color-navy-deep);padding:34px;font-size:clamp(34px,4vh,58px);line-height:1;font-weight:900}.diagnostics{margin-top:30px;overflow:auto;background:var(--color-navy-deep);color:var(--color-white);border-top:8px solid var(--color-yellow);padding:24px;font-size:24px}@media(max-aspect-ratio:2/3){.choice-grid{gap:14px}.sex-tab{min-height:74px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}