/* The phone journey shares the site's glass, type and finite title animations. */
.profile-phone-link{display:flex;justify-content:center;align-items:center;gap:8px;min-height:44px;color:#dae9ff;font-size:13px;text-align:center;text-decoration:underline;text-underline-offset:4px}
.profile-phone-link:focus-visible{outline:2px solid white;outline-offset:3px;border-radius:5px}
.phone-hero{padding:112px 0 82px;position:relative;overflow:clip;background:radial-gradient(ellipse at 80% 20%,#6440cf44,transparent 55%),radial-gradient(ellipse at 5% 55%,#104baf66,transparent 60%),#080f22}
.phone-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:64px}
.phone-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:22px;font-size:13px;color:#bdcff1;text-decoration:underline;text-underline-offset:5px}
.phone-copy h1{font-size:clamp(42px,4.25vw,63px);font-weight:700;line-height:1.12;letter-spacing:-.055em;margin:0 0 25px}
.phone-copy h1 span{color:#c4c7ff}
.phone-lead{font-size:18px;line-height:1.85;color:#c6d4ed;max-width:560px;margin:0 0 30px}
.phone-copy>.button{min-height:60px;padding-inline:25px}
.phone-local{color:#a7bfed;font-size:13px;margin:18px 0 0}
.phone-window{min-width:0;border:1px solid #adc6ff87;border-radius:25px;overflow:hidden;background:linear-gradient(135deg,#204c92,#3e285d);box-shadow:0 32px 80px #0006,0 0 70px #7050fa30,inset 0 1px #fff5;transition:box-shadow .4s,transform .4s}
.phone-window .app-titlebar{padding:15px 22px;gap:14px;font-size:14px;min-height:74px;background:linear-gradient(100deg,#426abc55,#7157a744)}
.phone-window-dot{width:8px;height:8px;border-radius:50%;margin-left:auto;background:#a8cdff;box-shadow:0 0 15px #8ecaff}
.phone-photo{position:relative;margin:0;isolation:isolate;height:440px;overflow:hidden}
.phone-photo img{width:100%;height:100%;object-fit:cover;object-position:55% center;filter:saturate(1.1)}
.phone-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#111f4de8,transparent 80%);z-index:0}
.phone-photo figcaption{position:absolute;z-index:1;bottom:30px;left:30px;right:30px}
.phone-photo figcaption>span{font:12px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;color:#c3d8fc}
.phone-photo figcaption strong{display:block;margin-top:12px;font-size:38px;line-height:1.17;letter-spacing:-.045em;font-weight:650}
.phone-window-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px;padding:16px 22px;font-size:12px;border-top:1px solid #adc4ff3d;color:#c6d8fc}
.phone-window-footer strong{font-weight:600;color:#fff}
.phone-section{padding-block:85px}.phone-problems{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.phone-problems article{position:relative;padding:30px;border:1px solid #728bd657;border-radius:22px;background:linear-gradient(145deg,#16438655,#3a235347);transition:transform .3s,border-color .3s}
.phone-problems article:nth-child(2){background:linear-gradient(145deg,#41339466,#15395655)}
.phone-number-label{font:11px/1.6 ui-monospace,Consolas,monospace;letter-spacing:.09em;color:#a9c7ff}
.phone-problems h3{font-size:23px;letter-spacing:-.035em;margin:25px 0 15px;line-height:1.3}
.phone-problems p,.phone-scope{color:#b9c9e4;font-size:15px;line-height:1.85;margin:0}
.phone-scope{margin-top:25px;font-size:13px}
.phone-process{padding-block:78px;border-block:1px solid #9b88dc40;background:radial-gradient(ellipse at 0 50%,#61299533,transparent 70%),#11152b}
.phone-process-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:80px}
.phone-process-grid>div>p:last-child{font-size:17px;line-height:1.8;color:#bdc9e5;max-width:420px;margin:25px 0 0}
.phone-process ol{display:grid;gap:30px;list-style:none;margin:0;padding:0}.phone-process li{display:flex;gap:22px}
.phone-process li>span{flex:0 0 46px;height:46px;display:grid;place-items:center;border:1px solid #b1a4fd61;border-radius:14px;background:#8062d526;font:14px ui-monospace,Consolas,monospace;color:#d6caff}
.phone-process h3{font-size:19px;font-weight:600;margin:0 0 9px}.phone-process li p{margin:0;font-size:15px;line-height:1.8;color:#b8c7e4}
.phone-final{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px;padding-block:85px}
.phone-final>div>p:last-child{color:#b7c7e7;line-height:1.8;font-size:16px;max-width:420px;margin-top:22px}
.phone-quote{border:1px solid #8eabff78;border-radius:25px;padding:34px;background:linear-gradient(130deg,#1656bb69,#613c9d69);box-shadow:inset 0 1px #ffffff2b}
.phone-quote>span{font-size:14px;color:#c9d6fa}.phone-quote>strong{display:block;font-size:42px;letter-spacing:-.05em;margin:7px 0 10px}.phone-quote>p{font-size:15px;line-height:1.8;color:#c7d5f1;margin:0 0 28px}.phone-quote .button{width:100%;min-height:56px}
@media(min-width:901px) and (hover:hover) and (prefers-reduced-motion:no-preference){.phone-window:hover{transform:translateY(-5px);box-shadow:0 40px 100px #0007,0 0 80px #7050fa45,inset 0 1px #fff7}.phone-problems article:hover{transform:translateY(-4px);border-color:#bdcfff}}
@media(max-width:1050px){.phone-hero-grid{gap:35px}.phone-copy h1{font-size:44px}.phone-photo{height:395px}.phone-process-grid{gap:42px}.phone-final{gap:42px}.phone-problems article{padding:24px}}
@media(max-width:760px){.phone-page .mobile-routes{gap:6px}.phone-page .mobile-routes a{padding-inline:12px;font-size:12px}.phone-hero{padding:58px 0 46px}.phone-hero-grid,.phone-process-grid,.phone-final{grid-template-columns:1fr;gap:35px}.phone-back{margin-bottom:15px}.phone-copy h1{font-size:clamp(38px,9.5vw,53px)}.phone-lead{font-size:16px;line-height:1.8}.phone-copy>.button{width:100%;font-size:15px;padding-inline:16px}.phone-window{border-radius:21px}.phone-photo{height:340px}.phone-photo figcaption{left:25px;bottom:26px}.phone-photo figcaption strong{font-size:34px}.phone-window .app-titlebar{font-size:13px;padding:13px 20px;min-height:66px}.phone-window-footer{font-size:11px;padding-inline:19px;gap:8px}.phone-section,.phone-final{padding-block:55px}.phone-problems{grid-template-columns:1fr;gap:16px}.phone-problems article{padding:26px}.phone-problems h3{margin-top:15px}.phone-process{padding-block:55px}.phone-process li{gap:17px}.phone-process h3{font-size:18px}.phone-process li>span{flex-basis:39px;height:39px;border-radius:12px}.phone-quote{padding:28px}.phone-page .quick-booking-bar a{font-size:14px}.phone-page .nav-cta{font-size:11px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.phone-window,.phone-problems article{transition:none;transform:none}}
