.phone-modal{z-index:100;pointer-events:none;opacity:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;transition:opacity .22s ease-out, display .26s allow-discrete, overlay .26s allow-discrete;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;display:none;position:fixed;inset:0}.phone-modal[open]{opacity:1;pointer-events:auto;transition:opacity .26s ease-in-out, display .32s allow-discrete, overlay .32s allow-discrete;display:flex}@starting-style{.phone-modal[open]{opacity:0}}.phone-modal::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:background .22s ease, -webkit-backdrop-filter .22s ease, backdrop-filter .22s ease, display .22s allow-discrete, overlay .22s allow-discrete;background:#101a2800}.phone-modal[open]::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#101a2873;transition-duration:.3s}@starting-style{.phone-modal[open]::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#101a2800}}body:has(.phone-modal[open]){overflow:hidden}.phone-modal__box{pointer-events:auto;background:var(--color-surface);border:1px solid var(--color-border);width:calc(100% - 32px);max-width:400px;color:var(--color-text);border-radius:20px;padding:24px;transition:transform .28s cubic-bezier(.16,1,.3,1);transform:translateY(14px)scale(.96);box-shadow:0 24px 60px #101a2840,0 4px 16px #101a2814}.phone-modal[open] .phone-modal__box{transform:translateY(0)scale(1)}@starting-style{.phone-modal[open] .phone-modal__box{transform:translateY(14px)scale(.96)}}.phone-modal__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.phone-modal__title{font:800 20px/1.2 var(--font-heading);letter-spacing:-.01em;color:var(--color-text);margin:0 0 4px}.phone-modal__subtitle{font:500 13.5px/1.4 var(--font-body);color:var(--color-text-muted);margin:0}.phone-modal__close{border:1px solid var(--color-border);background:var(--color-surface);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s,border-color .2s,background-color .2s;display:flex}.phone-modal__close:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-bg)}.phone-modal__options{flex-direction:column;gap:12px;display:flex}.phone-modal__option{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;align-items:center;gap:14px;padding:15px 16px;text-decoration:none;transition:border-color .2s,background-color .2s,transform .15s,box-shadow .2s;display:flex}.phone-modal__option:hover{border-color:var(--color-primary);background:#0b4a8f0a;transform:translateY(-1px);box-shadow:0 4px 14px #0b4a8f14}.phone-modal__option--primary{background:#f5871f0a;border-color:#f5871f59}.phone-modal__option--primary:hover{border-color:var(--color-accent);background:#f5871f17;box-shadow:0 4px 16px #f5871f26}.phone-modal__icon-box{width:44px;height:44px;color:var(--color-primary);background:#0b4a8f14;border:1px solid #0b4a8f26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s,background-color .2s;display:flex}.phone-modal__option--primary .phone-modal__icon-box{color:var(--color-accent);background:#f5871f1f;border-color:#f5871f40}.phone-modal__details{flex-direction:column;flex:1;gap:2px;display:flex}.phone-modal__tag{font:700 11px/1 var(--font-heading);letter-spacing:.04em;color:var(--color-accent);text-transform:uppercase}.phone-modal__option:not(.phone-modal__option--primary) .phone-modal__tag{color:var(--color-primary)}.phone-modal__number{font:800 17px/1.2 var(--font-heading);color:var(--color-text);letter-spacing:-.01em}.phone-modal__subtext{font:400 12.5px/1.2 var(--font-body);color:var(--color-text-faint)}.phone-modal__arrow{color:var(--color-text-faint);transition:transform .2s,color .2s}.phone-modal__option:hover .phone-modal__arrow{color:var(--color-primary);transform:translate(2px)}.phone-modal__footer-badge{border-top:1px dashed var(--color-border);font:600 12.5px/1 var(--font-body);color:var(--color-text-faint);justify-content:center;align-items:center;gap:8px;margin-top:18px;padding-top:14px;display:flex}.phone-modal__status-dot{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #10b98140}