:root{
  --navy:#07174C; --navy-80:#3A4770; --navy-55:#6B7595; --navy-30:#A7AEC3;
  --ground:#F5F7FC; --surface:#FFFFFF; --surface-2:#EDF1FA;
  --line:#DCE3F1; --line-soft:#E9EEF8;
  --blue:#2563EF; --blue-dark:#1B4BC4; --blue-wash:#E7EEFE;
  --magenta:#DD38C4; --orange:#FF8E54; --amber-wash:#FDEEE4;
  --green:#0E7A5F; --green-wash:#E1F2EC;
  --f-display:"Avenir Next","Avenir",Futura,"Century Gothic","Trebuchet MS",system-ui,sans-serif;
  --f-body:"Avenir Next","Avenir","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
  --f-mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --shell:1240px; --r:14px;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--ground);color:var(--navy);font-family:var(--f-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;}
a{color:var(--blue);text-decoration:none;}
a:hover{text-decoration:underline;}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px;}
.skip{position:absolute;left:-9999px;top:0;background:#fff;color:var(--navy);padding:12px 18px;border-radius:0 0 8px 0;z-index:100;font-weight:600;}
.skip:focus{left:0;}
.shell{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:28px;}

h1,h2,h3{font-family:var(--f-display);font-weight:600;text-wrap:balance;margin:0;letter-spacing:-.02em;line-height:1.1;}
h1{font-size:clamp(2.5rem,5.6vw,4rem);font-weight:500;letter-spacing:-.035em;}
h2{font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:500;letter-spacing:-.03em;}
h3{font-size:1.05rem;}
p{margin:0;}
.eyebrow{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--navy-55);margin:0;}
.lede{font-size:clamp(1.05rem,1.7vw,1.28rem);line-height:1.55;color:var(--navy-80);max-width:56ch;}
.mono{font-family:var(--f-mono);font-size:.95em;}
.grad-text{background:linear-gradient(96deg,var(--orange),var(--magenta) 52%,#1036B2);-webkit-background-clip:text;background-clip:text;color:transparent;}

.topbar{position:sticky;top:0;z-index:50;background:rgba(245,247,252,.9);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line-soft);}
.topbar-in{display:flex;align-items:center;gap:20px;height:70px;}
.brand{display:flex;align-items:center;gap:11px;}
.brand:hover{text-decoration:none;}
.brand svg{display:block;width:26px;height:26px;}
.brand-word{font-family:var(--f-display);font-weight:700;font-size:.95rem;letter-spacing:.24em;text-transform:uppercase;color:var(--navy);}
.brand-sub{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--navy-55);padding-left:11px;border-left:1px solid var(--line);}
.beta{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;background:var(--amber-wash);color:#96521F;border:1px solid #F2C9AC;border-radius:99px;padding:3px 8px;}
.topnav{margin-left:auto;display:flex;align-items:center;gap:18px;}

.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-body);font-size:.95rem;font-weight:600;padding:12px 20px;border-radius:9px;border:1px solid transparent;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .12s ease;}
.btn:hover{text-decoration:none;}
.btn-primary{background:var(--blue);color:#fff;}
.btn-primary:hover{background:var(--blue-dark);}
.btn-primary:active{transform:translateY(1px);}
.btn-ghost{background:transparent;color:var(--navy);border-color:var(--line);}
.btn-ghost:hover{border-color:var(--navy-30);background:var(--surface);}
.btn-light{background:#fff;color:var(--navy);}
.btn-light:hover{background:#E9EEF8;}
.btn-sm{padding:8px 14px;font-size:.85rem;border-radius:8px;}
.btn[disabled]{opacity:.55;cursor:not-allowed;}

.hero{padding:76px 0 86px;position:relative;overflow:hidden;}
.hero::before{content:"";position:absolute;inset:auto auto 0 0;width:min(720px,72vw);height:520px;transform:translate(-32%,28%);background:conic-gradient(from 210deg at 50% 50%,var(--orange),var(--magenta),#1036B2,var(--orange));filter:blur(110px);opacity:.13;pointer-events:none;}
.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1.08fr;gap:48px;align-items:center;}
.hero-copy{display:flex;flex-direction:column;gap:22px;align-items:flex-start;}
.hero-copy h1{max-width:13ch;}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;padding-top:4px;}
.hero-note{font-size:.88rem;color:var(--navy-55);}

.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 1px 2px rgba(7,23,76,.05),0 18px 44px -22px rgba(7,23,76,.28);}
.phone{padding:20px;}
.phone-head{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line-soft);}
.avatar{width:38px;height:38px;border-radius:50%;flex:none;background:linear-gradient(140deg,var(--orange),var(--magenta) 55%,#1036B2);display:grid;place-items:center;color:#fff;font-family:var(--f-display);font-weight:600;font-size:.95rem;}
.phone-head-t{display:flex;flex-direction:column;line-height:1.35;}
.phone-head-t b{font-size:.97rem;font-weight:600;}
.phone-head-t span{font-size:.8rem;color:var(--navy-55);}
.list-label{display:flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-55);padding:18px 0 9px;}
.count{font-family:var(--f-mono);font-size:.68rem;background:var(--surface-2);color:var(--navy-80);padding:2px 7px;border-radius:99px;}
.rows{display:flex;flex-direction:column;gap:2px;}
.row{display:flex;align-items:center;gap:11px;padding:9px 8px;border-radius:9px;}
.row:hover{background:var(--surface-2);}
.dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--green);}
.row .name{font-family:var(--f-mono);font-size:.88rem;}
.tag{margin-left:auto;font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:99px;background:var(--blue-wash);color:var(--blue-dark);white-space:nowrap;}
.tag.local{background:var(--green-wash);color:var(--green);}
.tag.planned{background:var(--amber-wash);color:#96521F;}
.pending{border:1px solid var(--orange);background:var(--amber-wash);border-radius:11px;padding:13px;display:flex;flex-direction:column;gap:10px;}
.pending-top{display:flex;align-items:center;gap:11px;}
.pending .dot{background:var(--orange);}
.pending-note{font-size:.82rem;color:var(--navy-80);font-style:italic;}
.pending-actions{display:flex;gap:8px;}
.pending-actions .btn{flex:1;}
.resolved{font-size:.83rem;color:var(--navy-80);background:var(--surface-2);border-radius:9px;padding:11px 13px;}
.resolved b{color:var(--navy);}
.fade-in{animation:pop .34s cubic-bezier(.2,.8,.3,1) both;}
@keyframes pop{from{opacity:0;transform:translateY(-6px) scale(.98);}to{opacity:1;transform:none;}}
.card-foot{border-top:1px solid var(--line-soft);margin-top:16px;padding-top:13px;font-size:.78rem;color:var(--navy-55);}
.hidden{display:none !important;}

section{padding:88px 0;}
.sec-head{display:flex;flex-direction:column;gap:14px;margin-bottom:46px;max-width:60ch;}
.band{background:var(--surface);border-block:1px solid var(--line);}

.stat-row{display:grid;grid-template-columns:auto 1fr;gap:44px;align-items:center;margin-bottom:52px;}
.stat-fig{font-family:var(--f-display);font-weight:500;font-size:clamp(3.2rem,7.5vw,5.4rem);line-height:.92;letter-spacing:-.05em;white-space:nowrap;}
.stat-cap{font-size:.95rem;color:var(--navy-80);max-width:46ch;line-height:1.6;}
.stat-cap strong{color:var(--navy);font-weight:600;}

.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:8px;}
.band .item{background:var(--ground);}
.item b{font-family:var(--f-display);font-size:1.02rem;font-weight:600;}
.item span{font-size:.93rem;color:var(--navy-80);line-height:1.55;}
.item .kicker{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);}
.item .kicker.plan{color:var(--blue-dark);}
.closer{margin-top:40px;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.5;max-width:56ch;color:var(--navy);font-family:var(--f-display);font-weight:500;letter-spacing:-.02em;}

.seepair{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface);}
.see{padding:28px;display:flex;flex-direction:column;gap:14px;}
.see + .see{border-left:1px solid var(--line);}
.see.dark{background:var(--navy);color:#fff;border-left-color:var(--navy);}
.see h3{font-size:1rem;}
.see.dark h3{color:#fff;}
.see ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;}
.see li{display:flex;gap:11px;font-size:.95rem;line-height:1.5;}
.see.dark li{color:#D6DCEE;}
.mark{font-family:var(--f-mono);font-size:.85rem;flex:none;color:var(--green);}
.see.dark .mark{color:var(--orange);}

.price-grid{display:grid;grid-template-columns:1fr .85fr;gap:56px;align-items:start;}
.prose{max-width:58ch;display:flex;flex-direction:column;gap:1.1em;color:var(--navy-80);}
.prose strong{color:var(--navy);font-weight:600;}
.price-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:32px;display:flex;flex-direction:column;gap:18px;box-shadow:0 18px 44px -26px rgba(7,23,76,.3);}
.price-fig{font-family:var(--f-display);font-weight:500;font-size:3.2rem;letter-spacing:-.045em;line-height:1;}
.price-per{font-size:.9rem;color:var(--navy-55);}
.price-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.price-card li{display:flex;gap:11px;font-size:.95rem;line-height:1.5;color:var(--navy-80);}

.cta{background:var(--navy);color:#fff;border-radius:var(--r);padding:56px;display:flex;flex-direction:column;gap:20px;align-items:flex-start;position:relative;overflow:hidden;}
.cta::after{content:"";position:absolute;right:-90px;top:-90px;width:380px;height:380px;border-radius:50%;background:linear-gradient(140deg,var(--orange),var(--magenta) 50%,#1036B2);opacity:.34;filter:blur(46px);}
.cta > *{position:relative;}
.cta h2{color:#fff;max-width:16ch;}
.cta p{color:#C3CCE6;max-width:52ch;}
.waitlist{display:flex;flex-direction:column;gap:14px;width:100%;max-width:560px;}
.waitlist-row{display:flex;flex-wrap:wrap;gap:10px;}
.waitlist input[type=email]{flex:1;font-family:var(--f-body);font-size:.95rem;padding:12px 15px;min-width:240px;border-radius:9px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.09);color:#fff;}
.waitlist input[type=email]::placeholder{color:#94A0C2;}
.consent-line{display:flex;gap:11px;align-items:flex-start;font-size:.84rem;color:#C3CCE6;line-height:1.5;}
.consent-line input{margin-top:3px;width:17px;height:17px;flex:none;accent-color:var(--blue);}
.consent-line a{color:#fff;text-decoration:underline;}
.form-msg{font-size:.85rem;color:#94A0C2;min-height:1.4em;}
.form-msg.ok{color:#8FE3C4;}
.form-msg.err{color:#FFB4A4;}

footer{padding:48px 0 56px;border-top:1px solid var(--line);margin-top:20px;background:var(--surface);}
.foot-top{display:flex;flex-wrap:wrap;gap:22px 40px;align-items:baseline;}
.foot-brand{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--navy-55);}
.foot-brand .brand-word{font-size:.8rem;}
.foot-links{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.85rem;}
.foot-links a,.foot-links button{color:var(--navy-80);background:none;border:none;padding:0;font:inherit;cursor:pointer;text-decoration:none;}
.foot-links a:hover,.foot-links button:hover{color:var(--navy);text-decoration:underline;}
.disclaimer{margin-top:28px;padding-top:22px;border-top:1px solid var(--line-soft);font-size:.8rem;line-height:1.6;color:var(--navy-55);max-width:none;}

/* cookie banner */
.cookiebar{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 20px 50px -18px rgba(7,23,76,.45);padding:22px;max-width:620px;margin-inline:auto;display:flex;flex-direction:column;gap:14px;}
.cookiebar h2{font-size:1.05rem;font-family:var(--f-display);font-weight:600;letter-spacing:-.01em;}
.cookiebar p{font-size:.9rem;color:var(--navy-80);line-height:1.55;}
.cookiebar-actions{display:flex;flex-wrap:wrap;gap:10px;}
.cookiebar-actions .btn{flex:1;min-width:150px;}

/* legal pages */
.legal{padding:64px 0 96px;}
.legal-wrap{max-width:74ch;}
.legal h1{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:10px;}
.legal .updated{font-family:var(--f-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-55);margin-bottom:40px;display:block;}
.legal h2{font-size:1.35rem;margin:40px 0 14px;}
.legal h3{font-size:1.05rem;margin:26px 0 8px;}
.legal p,.legal li{color:var(--navy-80);}
.legal p{margin-bottom:14px;}
.legal ul,.legal ol{margin:0 0 16px;padding-left:22px;display:flex;flex-direction:column;gap:8px;}
.legal dl{margin:0 0 18px;display:grid;grid-template-columns:auto 1fr;gap:8px 24px;font-size:.97rem;}
.legal dt{font-weight:600;color:var(--navy);}
.legal dd{margin:0;color:var(--navy-80);}
.legal .box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px 24px;margin:22px 0;}
.legal .todo{background:var(--amber-wash);border:1px solid #F2C9AC;border-radius:10px;padding:14px 18px;margin:18px 0;font-size:.9rem;color:#7A4415;}
.legal .todo strong{color:#5E3410;}
.legal table{border-collapse:collapse;width:100%;font-size:.92rem;margin-bottom:18px;}
.legal th,.legal td{text-align:left;padding:11px 14px;border:1px solid var(--line);vertical-align:top;}
.legal th{background:var(--surface-2);font-family:var(--f-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;font-weight:400;color:var(--navy-55);}
.tablewrap{overflow-x:auto;}

@media (max-width:940px){
  .hero-grid,.price-grid,.seepair{grid-template-columns:1fr;gap:40px;}
  .seepair{gap:0;}
  .see + .see{border-left:none;border-top:1px solid var(--line);}
  .see.dark{border-top-color:var(--navy);}
  .trio{grid-template-columns:1fr;}
  .stat-row{grid-template-columns:1fr;gap:20px;}
  .cta{padding:36px 26px;}
  section{padding:62px 0;}
  .brand-sub{display:none;}
  .foot-links{margin-left:0;}
  .legal dl{grid-template-columns:1fr;gap:2px 0;}
  .legal dd{margin-bottom:10px;}
}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms !important;transition-duration:.001ms !important;}}

/* ============ hero product shot: two phone screens ============ */
.hero-phones{--s:.78;--off:250px;--top:78px;position:relative;width:100%;height:calc(800px * var(--s) + var(--top));}
.ph{position:absolute;top:0;width:390px;height:800px;border-radius:46px;background:#0B1020;padding:11px;
    transform-origin:top left;transform:scale(var(--s));
    box-shadow:0 2px 4px rgba(7,23,76,.16),0 34px 70px -28px rgba(7,23,76,.5);}
.ph-back{left:0;}
.ph-front{left:var(--off);top:var(--top);z-index:2;}
.ph-screen{width:100%;height:100%;border-radius:36px;overflow:hidden;background:#fff;display:flex;flex-direction:column;position:relative;}
.ph-status{height:44px;flex:none;display:flex;align-items:flex-end;justify-content:space-between;padding:0 26px 7px;font-size:.82rem;font-weight:600;}
.ph-batt{width:23px;height:11px;border:1.4px solid var(--navy);border-radius:3px;padding:1.4px;}
.ph-batt i{display:block;height:100%;width:72%;background:var(--navy);border-radius:1px;}
.ph-nav{flex:none;padding:4px 18px 12px;border-bottom:1px solid var(--line-soft);}
.ph-title{font-family:var(--f-display);font-size:1.62rem;font-weight:600;letter-spacing:-.03em;}
.ph-pending{margin:11px 18px 0;border:1px solid #F2C9AC;background:var(--amber-wash);border-radius:12px;
            padding:10px 12px;display:flex;gap:9px;align-items:center;}
.ph-pending i{width:7px;height:7px;border-radius:50%;background:var(--orange);flex:none;}
.ph-pending p{margin:0;font-size:.8rem;color:#96521F;}
.ph-pending b{font-family:var(--f-mono);font-weight:400;color:var(--navy);}
.ph-list{flex:1;padding-top:4px;overflow:hidden;}
.ph-conv{display:flex;gap:12px;padding:11px 18px;align-items:center;}
.ph-conv + .ph-conv{box-shadow:inset 0 1px 0 var(--line-soft);}
.ph-av{width:50px;height:50px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;
       font-family:var(--f-display);font-weight:600;font-size:1.05rem;position:relative;}
.ph-g1{background:linear-gradient(140deg,var(--orange),var(--magenta) 60%,#1036B2);}
.ph-g2{background:linear-gradient(140deg,#4ECDC4,#1036B2);}
.ph-g3{background:linear-gradient(140deg,#FFB067,var(--orange));}
.ph-g4{background:linear-gradient(140deg,#7BD4A0,var(--green));}
.ph-net{position:absolute;right:-2px;bottom:-2px;width:19px;height:19px;border-radius:50%;border:2.5px solid #fff;}
.ph-net.wa{background:#25D366;}
.ph-net.rh{background:linear-gradient(140deg,var(--orange),var(--magenta) 55%,#1036B2);}
.ph-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.ph-row{display:flex;align-items:baseline;gap:8px;min-width:0;}
.ph-name{font-weight:600;font-size:1rem;letter-spacing:-.01em;white-space:nowrap;}
.ph-handle{font-family:var(--f-mono);font-size:.72rem;color:var(--navy-30);white-space:nowrap;overflow:hidden;}
.ph-time{margin-left:auto;font-size:.75rem;color:var(--navy-30);}
.ph-prev{font-size:.88rem;color:var(--navy-55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ph-badge{min-width:20px;height:20px;border-radius:10px;background:var(--blue);color:#fff;font-size:.72rem;
          font-weight:700;display:grid;place-items:center;padding:0 6px;flex:none;}
.ph-tabs{flex:none;height:74px;border-top:1px solid var(--line-soft);display:flex;padding:9px 0 0;}
.ph-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--navy-30);font-size:.68rem;font-weight:600;}
.ph-tab.on{color:var(--blue);}
.ph-tab svg{width:24px;height:24px;}
.ph-home{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:134px;height:5px;border-radius:3px;background:var(--navy);opacity:.26;}
/* thread */
.ph-thead{flex:none;display:flex;align-items:center;gap:11px;padding:4px 16px 11px;border-bottom:1px solid var(--line-soft);}
.ph-thead .ph-av{width:38px;height:38px;font-size:.9rem;}
.ph-tinfo{display:flex;flex-direction:column;line-height:1.25;}
.ph-tinfo b{font-size:.98rem;font-weight:600;}
.ph-tinfo span{font-family:var(--f-mono);font-size:.7rem;color:var(--navy-55);}
.ph-tacts{margin-left:auto;display:flex;gap:16px;color:var(--blue);}
.ph-tacts svg{width:22px;height:22px;display:block;}
.ph-thread{flex:1;background:#F4F6FB;padding:14px 14px 6px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;overflow:hidden;}
.ph-sys{flex:none;align-self:center;text-align:center;font-size:.72rem;line-height:1.45;color:var(--navy-55);background:#E4E9F4;border-radius:9px;padding:7px 11px;}
.ph-sys b{color:var(--navy);font-weight:600;}
.ph-bub{flex:none;max-width:78%;padding:8px 12px;border-radius:17px;font-size:.94rem;line-height:1.38;}
.ph-bub.in{align-self:flex-start;background:#fff;border-bottom-left-radius:5px;box-shadow:0 1px 1px rgba(7,23,76,.07);}
.ph-bub.out{align-self:flex-end;background:var(--blue);color:#fff;border-bottom-right-radius:5px;}
.ph-shield{flex:none;align-self:flex-start;max-width:84%;background:#fff;border-radius:17px;border-bottom-left-radius:5px;
           overflow:hidden;border:1px solid #F2C9AC;box-shadow:0 1px 1px rgba(7,23,76,.07);}
.ph-blur{height:120px;position:relative;overflow:hidden;}
.ph-blur .im{position:absolute;inset:-24px;background:linear-gradient(122deg,#8E3B2F,#C2543B 28%,#3B4355 62%,#1D2230);filter:blur(19px);}
.ph-blur .vl{position:absolute;inset:0;background:rgba(255,255,255,.34);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;}
.ph-blur .vl svg{width:24px;height:24px;color:#96521F;}
.ph-blur .vl span{font-size:.76rem;font-weight:700;color:#96521F;}
.ph-sbody{padding:11px 13px 12px;display:flex;flex-direction:column;gap:8px;}
.ph-sbody p{margin:0;font-size:.83rem;line-height:1.45;color:var(--navy-80);}
.ph-sbody p b{color:var(--navy);}
.ph-ondev{font-family:var(--f-mono);font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;color:var(--navy-30);}
.ph-sacts{display:flex;gap:7px;}
.ph-sbtn{flex:1;text-align:center;font-size:.8rem;font-weight:600;padding:8px 6px;border-radius:9px;}
.ph-sbtn.pri{background:var(--blue);color:#fff;}
.ph-sbtn.gho{background:#F4F6FB;color:var(--navy-80);}
.ph-comp{flex:none;border-top:1px solid var(--line-soft);padding:9px 14px 24px;display:flex;align-items:center;gap:10px;}
.ph-field{flex:1;height:36px;border-radius:18px;background:#F4F6FB;display:flex;align-items:center;padding:0 14px;color:var(--navy-30);font-size:.92rem;}
.ph-comp svg{width:24px;height:24px;color:var(--blue);flex:none;}

@media (max-width:1200px){
  .hero-phones{--s:.68;--off:218px;--top:66px;}
}
@media (max-width:940px){
  .hero-phones{--s:.74;--off:0;--top:0;display:flex;justify-content:center;
               height:calc(800px * var(--s));}
  .ph{position:relative;left:auto !important;top:auto !important;transform-origin:top center;}
  .ph-back{display:none;}
}
@media (max-width:520px){
  .hero-phones{--s:.58;}
}