/* ===================================================
   TCPA Landing Page — scoped to .tob
   Global resets are handled by the theme.
   =================================================== */

.tob{--green:#3F9F7F;--green-dark:#236a5c;--navy:#000465;--navy-deep:#02033a;--mint:#ECFFFA;--mint-2:#e3f9f3;--ink:#1a1a1a;--body:#4f5559;--muted:#6b7075;--line:#e7e7e7;--sans:"Raleway",sans-serif;--serif:"Lora",serif;--r:14px;--shadow:0 24px 50px -28px rgba(0,4,101,.35)}
.tob *{box-sizing:border-box}
.tob{font-family:var(--sans);color:var(--body);line-height:1.55;-webkit-font-smoothing:antialiased}
.tob p{margin:0}
.tob h1,.tob h2,.tob h3{margin:0;color:var(--ink);line-height:1.15;letter-spacing:0}
.tob .serif{font-family:var(--serif);font-weight:500;letter-spacing:-.01em}
.tob .serif em{font-style:italic;color:var(--green);font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit}
.tob .eyebrow{font-weight:700;font-size:1.2rem;letter-spacing:.22em;text-transform:uppercase;color:var(--green);margin-bottom:14px}
.tob .btn{display:inline-flex;align-items:center;gap:.6em;border:0;cursor:pointer;text-decoration:none;font-weight:700;font-size:1.6rem;padding:15px 28px;border-radius:999px;background:var(--green);color:#fff;transition:background .16s,transform .16s;box-shadow:0 14px 26px -16px rgba(46,132,116,.85)}
.tob .btn:hover{background:var(--navy);transform:translateY(-1px)}
.tob .btn.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.55);box-shadow:none}
.tob .btn.ghost:hover{background:rgba(255,255,255,.1)}
.tob .btn.lg{font-size:1.75rem;padding:18px 34px}
.tob .btn.dark{background:var(--navy)}
.tob .btn.dark:hover{background:var(--green)}
.tob .arr{display:inline-flex;width:14px;height:14px}
.tob .arr svg{width:14px;height:14px}
.tob section{padding:9rem 0}
.tob .container{max-width:1180px;margin:0 auto;padding:0 24px;width:auto}

/* HERO */
.tob .hero{background:radial-gradient(1200px 600px at 85% 20%,#0d2f7a 0%,var(--navy) 45%,var(--navy-deep) 100%);color:#fff;padding:15rem 0 10rem;position:relative;overflow:hidden}
.tob .hero::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><circle cx='60' cy='60' r='58' fill='none' stroke='rgba(255,255,255,.06)' stroke-width='1'/><path d='M60 0v120M0 60h120' stroke='rgba(255,255,255,.05)'/></svg>");opacity:.9;pointer-events:none}
.tob .hero .container{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.tob .hero .tag{display:inline-flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#bfeadb;margin-bottom:22px}
.tob .hero .tag i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(63,159,127,.25)}
.tob .hero h1{color:#fff;font-size:clamp(3.6rem,4.6vw,5.4rem);line-height:1.1}
.tob .hero h1 em{color:#7fd6b8}
.tob .hero .points{margin:30px 0 34px;display:grid;gap:16px;max-width:520px}
.tob .hero .pt{display:flex;gap:14px;align-items:flex-start;font-size:1.6rem;color:#dfe6ff}
.tob .hero .pt .ico{flex:0 0 40px;width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center}
.tob .hero .pt .ico svg{width:18px;height:18px;stroke:#7fd6b8;fill:none;stroke-width:2}
.tob .hero .cta{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.tob .hero .micro{margin-top:18px;font-size:1.3rem;color:#a9b4dc}
.tob .visual{position:relative;max-width:560px;margin-left:auto;padding-bottom:70px;padding-left:20px}
.tob .tvis{padding-bottom:0;padding-left:0;padding-right:36px}
.tob .tvis .photo{aspect-ratio:1.18;border-radius:20px}
.tob .tvis .photo img{object-position:22% 18%}
.tob .phone{position:absolute;right:0;bottom:-26px;width:40%;filter:drop-shadow(0 30px 55px rgba(0,0,0,.6));transform:rotate(6deg);transform-origin:60% 60%}
.tob .connected .phone{transform:rotate(3deg)}
.tob .phone svg{width:100%;height:auto;display:block}
.tob .photo{display:block;border-radius:20px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);aspect-ratio:1.28;background:#0a1a4a}
.tob .photo img{width:100%;height:100%;object-fit:cover;object-position:62% 30%;display:block}
.tob .stub{position:absolute;left:-10px;bottom:0;width:58%;background:#fff;border-radius:14px;box-shadow:0 30px 60px -20px rgba(0,0,0,.65);overflow:hidden;border:1px solid rgba(255,255,255,.35)}
.tob .stub svg{display:block;width:100%;height:auto}

/* QUALIFY + STICKY CARD */
.tob .qual{background:#f6f8f8}
.tob .qual .container{display:grid;grid-template-columns:260px 1fr;gap:48px;align-items:start}
.tob .startcard{position:sticky;top:120px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 22px;text-align:center;box-shadow:var(--shadow)}
.tob .startcard .big{font-family:var(--serif);font-size:2.6rem;color:var(--ink);line-height:1.15;margin-bottom:6px}
.tob .startcard p{font-size:1.4rem;color:var(--muted);margin-bottom:18px}
.tob .startcard .btn{width:100%;justify-content:center}
.tob .startcard .trust{margin-top:16px;display:grid;gap:6px;font-size:1.3rem;color:var(--body);text-align:left}
.tob .startcard .trust span{display:flex;gap:8px;align-items:center}
.tob .startcard .trust svg{width:14px;height:14px;stroke:var(--green);stroke-width:3;fill:none}
.tob .qual h2{font-size:clamp(3rem,3.6vw,4.2rem);margin-bottom:22px}
.tob .checkbox{background:var(--mint);border-radius:var(--r);padding:30px 32px;border:1px solid #cfeee3}
.tob .checkbox .lead{font-family:var(--serif);font-size:2.2rem;color:var(--ink);margin-bottom:20px;line-height:1.3}
.tob .checkbox ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.tob .checkbox li{display:flex;gap:14px;align-items:flex-start;font-size:1.6rem;color:var(--body)}
.tob .checkbox li b{color:var(--ink);display:block}
.tob .checkbox li small{display:block;font-size:1.45rem;color:var(--body);margin-top:2px}
.tob .checkbox li .ck{flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;margin-top:1px}
.tob .checkbox li .ck svg{width:14px;height:14px;stroke:#fff;stroke-width:3;fill:none}
.tob .worth{margin-top:22px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.tob .worth .w{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px}
.tob .worth .w .n{font-family:var(--serif);font-size:2.8rem;color:var(--navy);line-height:1;margin-bottom:6px}
.tob .worth .w .l{font-size:1.35rem;color:var(--muted);line-height:1.4}
.tob .qual .fine{margin-top:16px;font-size:1.3rem;color:var(--muted);font-style:italic}

/* HOW IT WORKS */
.tob .how .container{max-width:1180px}
.tob .how h2{font-size:clamp(3rem,3.6vw,4.2rem);max-width:640px}
.tob .how .intro{margin:14px 0 0;font-size:1.7rem;max-width:560px}
.tob .step{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-top:64px}
.tob .step.flip .panel{order:-1}
.tob .step .num{font-family:var(--serif);font-size:9rem;line-height:.9;color:#dfe3e6;font-weight:400;margin-bottom:6px}
.tob .step h3{font-family:var(--serif);font-weight:500;font-size:3rem;margin-bottom:12px}
.tob .step p{font-size:1.65rem;max-width:460px}
.tob .step .btn{margin-top:22px}
.tob .step .time{display:inline-block;margin-left:12px;font-size:1.3rem;color:var(--muted)}
.tob .panel{border-radius:20px;overflow:hidden;background:var(--navy);aspect-ratio:1.2;position:relative;box-shadow:var(--shadow)}
.tob .panel svg{width:100%;height:100%;display:block}

/* WHAT COUNTS */
.tob .rules{background:var(--mint)}
.tob .rules h2{font-size:clamp(3rem,3.6vw,4.2rem);text-align:center;max-width:820px;margin:0 auto 12px}
.tob .rules .sub{text-align:center;font-size:1.7rem;max-width:640px;margin:0 auto}
.tob .rulegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}
.tob .rule{background:#fff;border-radius:var(--r);padding:26px 22px;border:1px solid #d9efe6}
.tob .rule .ic{width:46px;height:46px;border-radius:12px;background:var(--mint-2);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.tob .rule .ic svg{width:22px;height:22px;stroke:var(--green);fill:none;stroke-width:2}
.tob .rule h3{font-size:1.75rem;font-weight:800;margin-bottom:6px}
.tob .rule p{font-size:1.45rem}
.tob .rules .cite{text-align:center;margin-top:22px;font-size:1.3rem;color:var(--muted)}

/* EVIDENCE */
.tob .ev .container{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.tob .ev h2{font-size:clamp(3rem,3.6vw,4.2rem);margin-bottom:12px}
.tob .ev p.lead{font-size:1.7rem}
.tob .chips{display:grid;gap:14px}
.tob .chip{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 20px}
.tob .chip .ic{flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:var(--mint-2);display:flex;align-items:center;justify-content:center}
.tob .chip .ic svg{width:22px;height:22px;stroke:var(--green);fill:none;stroke-width:2}
.tob .chip b{display:block;color:var(--ink);font-size:1.6rem}
.tob .chip span{font-size:1.4rem;color:var(--muted)}
.tob .chip.opt{border-style:dashed}
.tob .ev .none{margin-top:18px;font-size:1.45rem;background:var(--mint);border-radius:12px;padding:14px 18px;color:var(--ink)}

/* TRUST */
.tob .trust{background:#fff;padding:7rem 0}
.tob .trust .container{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center}
.tob .trust .n{font-family:var(--serif);font-size:5rem;color:var(--navy);line-height:1}
.tob .trust .l{margin-top:8px;font-size:1.4rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}
.tob .trust .s{margin-top:8px;font-size:1.45rem}

/* FAQ */
.tob .faqs{background:#f6f8f8}
.tob .faqs .container{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.tob .faqs h2{font-size:clamp(3rem,3.6vw,4.2rem);margin-bottom:12px}
.tob .faqs .lead{font-size:1.6rem}
.tob .faq{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden}
.tob .faq button{width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:20px 22px;display:flex;justify-content:space-between;gap:16px;align-items:center;font-family:var(--sans);font-weight:700;font-size:1.7rem;color:var(--ink)}
.tob .faq .tog{flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:var(--mint-2);color:var(--green-dark);display:flex;align-items:center;justify-content:center;font-size:2.4rem;line-height:1;transition:.2s}
.tob .faq.open .tog{background:var(--navy);color:#fff;transform:rotate(45deg)}
.tob .faq .ans{max-height:0;overflow:hidden;transition:max-height .3s ease}
.tob .faq.open .ans{max-height:600px}
.tob .faq .ans p{padding:0 22px 20px;font-size:1.5rem}

/* PLEASE REMEMBER */
.tob .remember{background:var(--navy);color:#fff;text-align:center;padding:7rem 0}
.tob .remember h2{color:#fff;font-family:var(--serif);font-weight:500;font-size:2.8rem;margin-bottom:14px}
.tob .remember p{max-width:820px;margin:0 auto;font-size:1.55rem;color:#c9d2f5}

/* FINAL CTA */
.tob .final{background:linear-gradient(120deg,var(--green) 0%,#2f8a6d 100%);color:#fff;text-align:center;padding:9rem 0}
.tob .final h2{color:#fff;font-family:var(--serif);font-weight:500;font-size:clamp(3rem,3.8vw,4.4rem);max-width:760px;margin:0 auto}
.tob .final p{margin:16px auto 0;font-size:1.65rem;color:#e9f7f3;max-width:560px}
.tob .final .btn{margin-top:30px;background:#fff;color:var(--green-dark)}
.tob .final .btn:hover{background:var(--navy);color:#fff}
.tob .final .micro{font-size:1.25rem;margin-top:14px;color:#d8f2ea}

/* MOBILE STICKY BAR */
.tob .mbar{display:none}
.tob .mbar .sub{font-weight:600;opacity:.85;font-size:1.3rem;margin-left:6px}

/* ===== Interactive "answer the call" hero ===== */
.tob .phonewrap-int{position:relative}
.tob .callui{position:absolute;inset:0;pointer-events:none}
.tob .callui .answer{position:absolute;left:50%;bottom:9%;transform:translateX(-50%);pointer-events:auto;display:inline-flex;align-items:center;gap:.55em;border:0;cursor:pointer;font-family:var(--sans);font-weight:800;font-size:1.5rem;color:#fff;background:#2fbf71;padding:14px 26px;border-radius:999px;box-shadow:0 12px 26px -8px rgba(47,191,113,.8);white-space:nowrap}
.tob .callui .answer .ic{width:20px;height:20px;display:inline-flex}
.tob .callui .answer .ic svg{width:20px;height:20px;fill:#fff}
.tob .ringing .callui .answer{animation:tobshake .9s ease-in-out infinite}
.tob .ringing .phone{animation:tobjiggle .9s ease-in-out infinite}
.tob .callui .ringlabel{position:absolute;left:50%;top:6%;transform:translateX(-50%);pointer-events:none;font-family:var(--sans);font-weight:800;font-size:1.15rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:rgba(11,12,34,.72);padding:6px 14px;border-radius:999px;white-space:nowrap}
.tob .ringing .callui .ringlabel .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff5b5b;margin-right:7px;vertical-align:middle;animation:tobblink .9s steps(1) infinite}
.tob .callscreen{position:absolute;inset:0;border-radius:20px;background:linear-gradient(180deg,#0b1030 0%,#05061c 100%);color:#fff;display:none;flex-direction:column;padding:22px 20px;overflow:hidden}
.tob .connected .callscreen{display:flex}
.tob .callscreen .mute{margin-left:10px;pointer-events:auto;background:rgba(255,255,255,.12);border:0;color:#cfe;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:0 0 32px}
.tob .callscreen .mute svg{width:18px;height:18px;fill:currentColor}
.tob .callscreen .mute.muted{color:#8894b8}
.tob .callscreen .mute.muted .wave{display:none}
.tob .callscreen .top{display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:14px}
.tob .callscreen .top .av{width:42px;height:42px;border-radius:50%;background:#3a1d1d;display:flex;align-items:center;justify-content:center;flex:0 0 42px}
.tob .callscreen .top .av svg{width:20px;height:20px;fill:#ff7b7b}
.tob .callscreen .who{font-weight:800;font-size:1.5rem;line-height:1.1}
.tob .callscreen .sub{font-size:1.15rem;color:#ff8f8f;font-weight:700}
.tob .callscreen .timer{margin-left:auto;font-family:var(--sans);font-weight:700;font-size:1.35rem;color:#cfe;letter-spacing:.05em}
.tob .callscreen .log{flex:1;overflow:hidden;margin-top:14px;display:flex;flex-direction:column;gap:10px}
.tob .callscreen .line{background:rgba(255,255,255,.08);border-radius:12px 12px 12px 4px;padding:10px 13px;font-size:1.3rem;line-height:1.35;max-width:88%;align-self:flex-start}
.tob .callscreen .caret{display:inline-block;width:2px;height:1em;background:#8ff;margin-left:1px;vertical-align:-2px;animation:tobblink .7s steps(1) infinite}
.tob .callscreen .meter{margin-top:12px;background:rgba(255,255,255,.08);border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:12px}
.tob .callscreen .meter .amt{font-family:var(--serif);font-weight:700;font-size:2.2rem;color:#7fe6b8;line-height:1}
.tob .callscreen .meter .lbl{font-size:1.15rem;color:#c9d2f5;line-height:1.25}
.tob .callscreen .payoff{margin-top:auto;display:none}
.tob .callscreen.reveal .payoff{display:block;animation:tobfade .4s ease}
.tob .callscreen .payoff .big{font-family:var(--serif);font-weight:600;font-size:2rem;line-height:1.2;margin-bottom:12px}
.tob .callscreen .payoff .big b{color:#7fe6b8}
.tob .callscreen .payoff .cta{display:inline-flex;align-items:center;gap:.5em;background:#2fbf71;color:#fff;font-weight:800;font-size:1.45rem;padding:13px 22px;border-radius:999px;text-decoration:none;width:100%;justify-content:center}
.tob .callscreen .hangup{position:absolute;top:16px;right:16px;pointer-events:auto;background:rgba(255,255,255,.14);border:0;color:#fff;font-size:1.5rem;line-height:1;width:30px;height:30px;border-radius:50%;cursor:pointer}
.tob .callscreen.reveal .log,.tob .callscreen.reveal .meter{opacity:.35;filter:blur(1px)}

@keyframes tobshake{0%,100%{transform:translateX(-50%) rotate(0)}20%{transform:translateX(-50%) rotate(-4deg) scale(1.03)}40%{transform:translateX(-52%) rotate(3deg)}60%{transform:translateX(-48%) rotate(-3deg)}80%{transform:translateX(-50%) rotate(2deg)}}
@keyframes tobjiggle{0%,100%{transform:translate(0,0) rotate(6deg)}25%{transform:translate(-2px,1px) rotate(5.4deg)}75%{transform:translate(2px,-1px) rotate(6.6deg)}}
@keyframes tobblink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes tobfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){
  .tob .ringing .callui .answer,.tob .ringing .phone{animation:none}
  .tob .callscreen .caret,.tob .callui .ringlabel .dot{animation:none}
}

@media (max-width:1024px){
  .tob .rulegrid{grid-template-columns:repeat(2,1fr)}
  .tob .qual .container{grid-template-columns:1fr}
  .tob .startcard{position:static}
}

@media (max-width:767px){
  .tob section{padding:6rem 0}
  .tob .hero{padding:12rem 0 4rem}
  .tob .hero .container,.tob .step,.tob .ev .container,.tob .faqs .container{grid-template-columns:1fr;gap:32px}
  .tob .step.flip .panel{order:0}
  .tob .step{margin-top:44px}
  .tob .step .num{font-size:6.5rem}
  .tob .worth,.tob .trust .container,.tob .rulegrid{grid-template-columns:1fr}
  .tob .visual{max-width:none;margin:0;padding-bottom:0}
  .tob .photo{aspect-ratio:3/4;border-radius:16px}
  .tob .photo img{object-position:60% 15%}
  .tob .visual{padding-left:0;padding-right:0}
  .tob .stub{position:absolute;left:8px;right:auto;width:78%;bottom:8px;border-radius:12px}
  .tob .hero .container{display:flex;flex-direction:column;gap:0}
  .tob .hero .copy{display:contents}
  .tob .hero .tag{order:1;font-size:1.1rem;margin-bottom:14px}
  .tob .hero h1{order:2;font-size:3.2rem;margin-bottom:18px}
  .tob .visual{order:3;margin-bottom:22px}
  .tob .hero .points{order:4;margin:20px 0}
  .tob .hero .pt2,.tob .hero .btn.ghost{display:none}
  .tob .hero .pt{font-size:1.55rem}
  .tob .hero .cta{order:5}
  .tob .hero .cta .btn{width:100%;justify-content:center}
  .tob .hero .micro{order:6;margin-top:12px;text-align:center}
  .tob .qual h2,.tob .how h2,.tob .rules h2,.tob .ev h2,.tob .faqs h2,.tob .final h2{font-size:2.9rem}
  .tob .checkbox{padding:22px 18px}
  .tob .checkbox .lead{font-size:1.85rem;margin-bottom:14px}
  .tob .checkbox li{font-size:1.6rem}
  .tob .worth{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
  .tob .worth .w{padding:12px 10px;text-align:center}
  .tob .worth .w .n{font-size:1.9rem}
  .tob .worth .w .l{font-size:1.15rem}
  .tob .step .num{font-size:5.5rem;margin-bottom:0}
  .tob .step h3{font-size:2.5rem}
  .tob .step p{font-size:1.6rem}
  .tob .step .btn{width:100%;justify-content:center}
  .tob .step .time{display:block;margin:8px 0 0;text-align:center}
  .tob .panel{aspect-ratio:1.35}
  .tob .rulegrid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 12px;margin:28px -4px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .tob .rulegrid::-webkit-scrollbar{display:none}
  .tob .rule{flex:0 0 78%;scroll-snap-align:start}
  .tob .rules .hint{display:block!important;text-align:center;font-size:1.25rem;color:var(--muted);margin-top:2px}
  .tob .rules .cite{font-size:1.25rem}
  .tob .rule p,.tob .chip span,.tob .faq .ans p,.tob .remember p,.tob .startcard p,.tob .qual .fine{font-size:1.5rem}
  .tob .trust{padding:4rem 0}
  .tob .trust .container{grid-template-columns:repeat(3,1fr);gap:8px}
  .tob .trust .n{font-size:2.6rem}
  .tob .trust .l{font-size:1.05rem;letter-spacing:.06em}
  .tob .trust .s{display:none}
  .tob .faq button{font-size:1.6rem;padding:16px 16px;min-height:52px}
  .tob .ev .none{font-size:1.45rem}
  .tob .final .btn{width:100%;justify-content:center}
  .tob .startcard{display:none}
  .tob .mbar{display:block;position:fixed;transform:translateY(110%);transition:transform .25s ease;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px rgba(0,0,0,.08)}
  .tob .mbar.show{transform:translateY(0)}
  .tob .mbar .btn{width:100%;justify-content:center;min-height:50px}
  .tob .final{padding:6rem 0}
  .tob .callui .answer{font-size:1.4rem;padding:12px 22px;bottom:7%}
  .tob .callscreen .who{font-size:1.35rem}
  .tob .callscreen .line{font-size:1.25rem}
}