@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:dark;--text: #f3f1fb;--muted-strong: #a4a0c7;--accent: #4f3dff;--gold: #ffd36f;--green: #4deb91;--red: #ff7d86;--shadow: 0 18px 70px rgba(0, 0, 0, .55);--screen-width: min(100vw - 24px, 390px)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{position:relative;min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at top,rgba(55,46,166,.35),transparent 28%),radial-gradient(circle at bottom,rgba(41,25,105,.2),transparent 35%),linear-gradient(180deg,#090515,#04010d);color:var(--text);font-family:Space Grotesk,sans-serif}body:before,body:after{position:fixed;inset:-12%;z-index:0;opacity:0;pointer-events:none;content:"";transition:opacity .26s ease}body:before{background:radial-gradient(circle at 18% 22%,rgba(255,161,80,.2),transparent 28%),radial-gradient(circle at 84% 18%,rgba(102,248,209,.18),transparent 26%),radial-gradient(circle at 48% 86%,rgba(126,93,255,.18),transparent 30%)}body:after{background:linear-gradient(130deg,rgba(255,213,97,.08),transparent 30%,rgba(86,65,255,.12)),radial-gradient(circle at 50% 50%,rgba(255,255,255,.05),transparent 42%);mix-blend-mode:screen}body[data-easter-egg=true]:before,body[data-easter-egg=true]:after{opacity:1}body[data-easter-egg=true]:before{animation:easter-spectrum 12s linear infinite}body[data-easter-egg=true]:after{animation:easter-spectrum-reverse 16s ease-in-out infinite}button,input,textarea,select{font:inherit}button{cursor:default}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:100dvh;padding:12px;z-index:1}.egg-rain{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.egg-drop{position:absolute;top:-14vh;left:var(--egg-left);width:var(--egg-size);height:calc(var(--egg-size) * 1.28);border-radius:58% 58% 50% 50%/64% 64% 42% 42%;background:linear-gradient(180deg,hsl(var(--egg-hue) 100% 97%),hsl(var(--egg-hue) 82% 86%));box-shadow:0 12px 20px #0000001f,inset 0 -2px #ffffff38;opacity:.9;animation:egg-fall var(--egg-duration) linear forwards;animation-delay:var(--egg-delay)}.egg-drop:before{position:absolute;top:16%;left:22%;width:28%;height:16%;border-radius:999px;background:#ffffff73;content:"";filter:blur(1px)}.designer-footer{text-align:center;margin-top:12px}.designer-footer__link{width:min(100%,calc(var(--screen-width) + 24px));min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 28px;border:1px solid rgba(82,89,115,.38);border-radius:999px;background:#18132cf5;box-shadow:0 10px 24px #00000038,inset 0 1px #ffffff05;color:#f7f5fd;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,filter .18s ease}.designer-footer__link:hover,.designer-footer__link:focus-visible{border-color:#676f8e94;box-shadow:0 14px 32px #00000047,0 0 22px #5e4cff1a,inset 0 1px #ffffff08;filter:brightness(1.03);transform:translateY(-1px)}.designer-footer__link:focus-visible{outline:2px solid rgba(255,255,255,.72);outline-offset:4px}.designer-footer__icon-wrap{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:#61dfd3;flex:none}.designer-footer__icon{width:18px;height:18px;stroke-width:2.35}.designer-footer__text{color:#f7f5fd;font-size:1rem;font-weight:600;letter-spacing:-.01em;line-height:1.2;white-space:nowrap}.screen-frame{position:relative;width:var(--screen-width);min-height:min(844px,calc(100dvh - 24px));overflow:hidden;border:1px solid rgba(128,116,255,.12);border-radius:34px;background:linear-gradient(180deg,#110b28fa,#050212fa);box-shadow:var(--shadow)}body[data-easter-egg=true] .screen-frame{animation:easter-frame-glow 6.5s ease-in-out infinite}body[data-easter-egg=true] .designer-footer__link{animation:easter-chip-float 5.4s ease-in-out infinite}.screen-frame:before,.screen-frame:after{position:absolute;border-radius:999px;pointer-events:none;content:""}.screen-frame:before{top:-90px;left:50%;width:220px;height:220px;transform:translate(-50%);background:radial-gradient(circle,rgba(58,44,167,.22),transparent 70%)}.screen-frame:after{right:-70px;bottom:130px;width:180px;height:180px;background:radial-gradient(circle,rgba(32,24,109,.24),transparent 74%)}.screen-view{position:relative;z-index:1;min-height:min(844px,calc(100dvh - 24px));display:flex;flex-direction:column;padding:24px 26px 28px}.screen-view--call{background:radial-gradient(circle at 50% 78%,rgba(71,51,207,.16),transparent 26%),linear-gradient(180deg,#110b28fa,#050212fa)}.topbar{display:flex;align-items:center}.topbar{justify-content:center;margin-bottom:38px}.chrome-button{width:28px;height:28px;display:grid;place-items:center;padding:0;border:none;background:transparent;color:var(--accent)}.chrome-button svg{width:20px;height:20px}.brand-lockup{text-align:center;line-height:.95}.brand-lockup--logo{width:min(100%,220px);display:flex;justify-content:center}.brand-lockup--link{color:inherit;text-decoration:none;transition:filter .18s ease,opacity .18s ease,transform .18s ease}.brand-lockup--link:hover,.brand-lockup--link:focus-visible{filter:brightness(1.08) drop-shadow(0 0 14px rgba(108,93,255,.32));transform:translateY(-1px)}.brand-lockup--link:focus-visible{outline:2px solid rgba(255,255,255,.72);outline-offset:8px;border-radius:18px}.brand-logo{width:100%;height:auto;display:block;transform-origin:center center}.brand-logo[data-dancing=true]{animation:logo-dance .82s ease-in-out infinite,logo-glow 1.2s ease-in-out infinite}.brand-title,.brand-subtitle{margin:0;text-transform:uppercase}.brand-title{color:var(--accent);font-family:Barlow Condensed,sans-serif;font-size:1.7rem;font-weight:700;letter-spacing:.05em}.brand-subtitle{margin-top:2px;color:var(--muted-strong);font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.09em}.brand-subtitle--call{color:var(--green)}.screen-main{flex:1;display:flex;flex-direction:column}.screen-main--idle{gap:20px}.screen-main--call{gap:18px}.hero{text-align:center}.hero--call{margin-top:2px}.signal-line{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:.84rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.signal-line[data-mode=error]{color:var(--red)}.signal-line[data-mode=hung_up]{color:#f3f1fbbd}.signal-icon{width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #4deb9124}.signal-icon--call{position:relative;width:13px;height:13px;border-radius:0;background:transparent;box-shadow:none}.signal-icon--call:before{position:absolute;inset:1px;border-radius:50%;border:1.5px solid currentColor;content:""}.signal-icon--call:after{position:absolute;top:4px;left:4px;width:5px;height:1.5px;background:currentColor;transform:rotate(-40deg);transform-origin:left center;content:""}.dial-number{margin:10px 0 0;line-height:.98;letter-spacing:-.04em}.dial-number--idle{font-size:clamp(1.72rem,6.8vw,2.45rem)}.dial-number--call{font-size:clamp(1.85rem,6.2vw,2.4rem)}.dial-subtitle,.call-timer{margin:10px 0 0;font-size:1.05rem;font-weight:700}.call-timer{color:var(--accent)}.call-note{max-width:290px;margin:14px auto 0;color:var(--muted-strong);font-size:.92rem;line-height:1.55}.inline-error{min-height:40px;margin:20px auto 0;max-width:280px;color:#ffd7db;font-size:.88rem;line-height:1.45}.inline-error--call{margin-top:16px}.idle-panel{flex:1;display:grid;align-content:center}.active-panel{flex:1;display:grid;align-content:end}.keypad-grid,.action-grid{display:grid;justify-content:center}.keypad-grid{grid-template-columns:repeat(3,minmax(74px,82px));gap:18px 22px}.keypad-key,.action-chip,.call-cta{border:none;background:none;padding:0}.keypad-key{width:82px;height:82px;display:grid;justify-items:center;align-content:center;gap:4px;border:1px solid rgba(124,117,195,.22);border-radius:50%;background:radial-gradient(circle at top,#251f5052,#0a0718cc);color:var(--text);box-shadow:inset 0 0 0 1px #ffffff05;text-align:center;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease}.keypad-key:hover,.keypad-key:focus-visible{transform:translateY(-1px) scale(1.03);border-color:#857cffb8;box-shadow:0 0 0 1px #9288ff2e,0 0 24px #614fff47,0 0 42px #4f3dff29,inset 0 0 18px #ffffff14;filter:brightness(1.14)}.keypad-key:focus-visible{outline:2px solid rgba(255,255,255,.72);outline-offset:4px}.keypad-key span{display:block;font-size:2rem;font-weight:700;line-height:1}.keypad-key small{display:block;margin-top:0;color:var(--muted-strong);font-size:.8rem;letter-spacing:.04em}.action-grid{grid-template-columns:repeat(3,1fr);gap:24px 16px}.action-chip{display:grid;justify-items:center;gap:10px;color:var(--text)}.action-icon{position:relative;width:68px;height:68px;display:grid;place-items:center;border:2px solid rgba(84,66,255,.92);border-radius:50%;color:#6d5aff;background:#0d091fb3;box-shadow:inset 0 0 0 1px #ffffff08;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease,background .18s ease,color .18s ease}.glyph{display:block;flex:none}.glyph--action{width:28px;height:28px;stroke:currentColor}.glyph--mute-state{position:absolute;inset:50% auto auto 50%;transition:opacity .18s ease,transform .18s ease}.glyph--mute-off{transform:translate(-50%,-50%) scale(1);opacity:1}.glyph--mute-on,.action-chip[data-muted=true] .glyph--mute-off{transform:translate(-50%,-50%) scale(.84);opacity:0}.action-chip[data-muted=true] .glyph--mute-on{transform:translate(-50%,-50%) scale(1);opacity:1}.action-chip--active .action-icon{border-color:transparent;background:linear-gradient(180deg,#6d5aff,#5a43ff);box-shadow:0 12px 30px #4e3cff47;color:#fff}.action-label{color:var(--text);font-family:Barlow Condensed,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.04em}.action-chip:hover .action-icon,.action-chip:focus-visible .action-icon{transform:translateY(-1px) scale(1.03);border-color:#857cffb8;box-shadow:0 0 0 1px #9288ff2e,0 0 24px #614fff47,0 0 42px #4f3dff29,inset 0 0 18px #ffffff14;filter:brightness(1.14)}.action-chip:focus-visible{outline:2px solid rgba(255,255,255,.72);outline-offset:6px;border-radius:22px}.action-chip--active:hover .action-icon,.action-chip--active:focus-visible .action-icon{border-color:transparent;box-shadow:0 0 0 1px #9288ff29,0 0 26px #6759ff57,0 0 46px #5d4aff2e,0 12px 30px #4e3cff47,inset 0 0 18px #ffffff14;filter:brightness(1.1)}.action-chip--interactive{cursor:pointer}.cta-wrap{display:flex;justify-content:center}.cta-wrap--idle{margin-top:auto}.cta-wrap--call{margin-top:26px;flex-direction:column;align-items:center;gap:14px}.call-cta{position:relative;width:108px;height:108px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at center,#5641ff47,#211563f2);box-shadow:0 18px 38px #150e4870;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease,outline-color .18s ease;outline:2px solid transparent;outline-offset:6px}.call-cta:before{position:absolute;inset:16px;border-radius:50%;content:"";box-shadow:inset 0 0 26px #ffffff24}.call-cta--call:before{background:linear-gradient(180deg,#4ef59b,#3adf83)}.call-cta--hangup:before{background:linear-gradient(180deg,#ff7f8b,#ff626f)}.call-cta:not(:disabled){cursor:pointer}.call-cta:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 22px 44px #1d125985}.call-cta--call:not(:disabled):hover,.call-cta--call:not(:disabled):focus-visible{box-shadow:0 0 0 6px #4ef59b1f,0 0 28px #4ef59b57,0 18px 40px #1756366b;filter:brightness(1.05)}.call-cta:not(:disabled):focus-visible{outline-color:#ffffffb8;transform:translateY(-2px) scale(1.02);box-shadow:0 0 0 8px #5e4cff29,0 24px 48px #1d125994}.call-cta:disabled{opacity:.72}.call-cta-pulse,.call-cta-pulse:before,.call-cta-pulse:after{position:absolute;inset:-10px;border:1px solid rgba(112,255,167,.42);border-radius:50%;content:""}.call-cta-pulse{animation:cta-pulse 1.9s ease-out infinite;opacity:0}.call-cta-pulse:before{animation:cta-pulse 1.9s ease-out infinite .32s;opacity:0}.call-cta-pulse:after{animation:cta-pulse 1.9s ease-out infinite .64s;opacity:0}.call-cta-icon{position:relative;z-index:1;width:40px;height:40px;color:#fff;display:grid;place-items:center}.glyph--cta{width:34px;height:34px;stroke:currentColor}.call-cta-icon--call{transform:rotate(12deg) translateY(1px)}.call-cta-icon--hangup{width:44px;height:44px;transform:translateY(1px)}.call-cta-icon--hangup .glyph--cta{width:36px;height:36px}.keypad-toast{width:min(100%,var(--screen-width));max-height:0;overflow:hidden;padding:0 14px;border:1px solid transparent;border-radius:18px;background:transparent;box-shadow:none;color:#f3f1fbf2;font-size:.86rem;font-weight:500;line-height:1.4;margin-top:-4px;opacity:0;pointer-events:none;transform:translateY(10px);transition:max-height .18s ease,padding .18s ease,opacity .18s ease,transform .18s ease}.keypad-toast[data-visible=true]{max-height:96px;padding:12px 14px;border-color:#7669ff3d;background:#090619eb;box-shadow:0 14px 34px #0000005c,0 0 24px #5c48ff29;opacity:1;transform:translateY(0)}@keyframes cta-pulse{0%{transform:scale(.92);opacity:0}18%{opacity:.58}to{transform:scale(1.22);opacity:0}}@keyframes egg-fall{0%{transform:translate3d(0,-12vh,0) rotate(0) scale(.95);opacity:0}8%{opacity:.92}to{transform:translate3d(var(--egg-drift),118vh,0) rotate(var(--egg-rotation)) scale(1.04);opacity:.88}}@keyframes easter-spectrum{0%{transform:translateZ(0) scale(1.02) rotate(0);filter:hue-rotate(0deg) saturate(1)}50%{transform:translate3d(2%,-2%,0) scale(1.08) rotate(8deg);filter:hue-rotate(22deg) saturate(1.12)}to{transform:translateZ(0) scale(1.02) rotate(0);filter:hue-rotate(0deg) saturate(1)}}@keyframes easter-spectrum-reverse{0%{transform:translateZ(0) scale(1) rotate(0);filter:hue-rotate(0deg) brightness(1)}50%{transform:translate3d(-2%,3%,0) scale(1.06) rotate(-6deg);filter:hue-rotate(-18deg) brightness(1.06)}to{transform:translateZ(0) scale(1) rotate(0);filter:hue-rotate(0deg) brightness(1)}}@keyframes easter-frame-glow{0%,to{border-color:#8074ff2e;box-shadow:0 18px 70px #0000008c,0 0 #61dfd300}50%{border-color:#ffd66d57;box-shadow:0 18px 70px #0000008c,0 0 34px #61dfd329,0 0 58px #6852ff1f}}@keyframes easter-chip-float{0%,to{transform:translateY(0);border-color:#52597361}50%{transform:translateY(-2px);border-color:#6cd6d37a}}@keyframes logo-dance{0%,to{transform:translate(0) rotate(0) scale(1)}20%{transform:translate(-8px) rotate(-3.5deg) scale(1.02)}50%{transform:translate(0) rotate(0) scale(1.04)}80%{transform:translate(8px) rotate(3.5deg) scale(1.02)}}@keyframes logo-glow{0%,to{filter:brightness(1) drop-shadow(0 0 0 rgba(97,223,211,0)) drop-shadow(0 0 0 rgba(103,79,255,0))}50%{filter:brightness(1.15) drop-shadow(0 0 18px rgba(97,223,211,.6)) drop-shadow(0 0 32px rgba(103,79,255,.32))}}@media(max-width:420px){.screen-frame{border-radius:0;border:none;min-height:100dvh;width:100vw}.screen-view{min-height:100dvh;padding-left:22px;padding-right:22px}.app-shell{padding:0}.keypad-grid{grid-template-columns:repeat(3,minmax(72px,78px));gap:16px 18px}.keypad-key{width:78px;height:78px}.keypad-toast{width:calc(100vw - 28px)}}