/* Shared base for the RetIQ inner pages (/try, /about-app, /app gate).
Same visual language as the landing: white, serif wordmark, one accent.
Lives in the landing worktree — not served. */
@font-face{font-family:"DM Sans";src:url("/app/fonts/dm-sans-v17-latin-regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"DM Sans";src:url("/app/fonts/dm-sans-v17-latin-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"DM Sans";src:url("/app/fonts/dm-sans-v17-latin-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"DM Sans";src:url("/app/fonts/dm-sans-v17-latin-700.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"DM Serif Display";src:url("/app/fonts/dm-serif-display-v17-latin-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"DM Serif Display";src:url("/app/fonts/dm-serif-display-v17-latin-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/app/fonts/jetbrains-mono-v24-latin-regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/app/fonts/jetbrains-mono-v24-latin-500.woff2") format("woff2");font-weight:500;font-display:swap}
:root{
--ink:#0b1b33; --ink2:#42536b; --muted:#6b7a90; --line:#e7eaee;
--teal:#1f7a8c; --teal-dk:#17616f; --amber:#e0a32e; --amber-dk:#c2860f;
--bg:#ffffff; --soft:#f7f9fa;
/* legacy aliases: inline SVG and older markup still reference these names */
--text:var(--ink); --dim:var(--ink2); --blue:var(--teal); --cyan:var(--teal);
--green:var(--teal-dk); --red:#b42318; --card:#fff; --panel:var(--soft);
--bg1:var(--soft); --accent:var(--teal); --border2:rgba(11,27,51,.2);
--max: 940px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
margin:0; background:var(--bg); color:var(--ink);
font-family:"DM Sans",system-ui,sans-serif;
line-height:1.6;
}
a{color:var(--teal)}
img{max-width:100%}
/* ── header ─────────────────────────────────────────────────────────────── */
.hdr{border-bottom:1px solid var(--line); background:rgba(255,255,255,.94)}
.hdr-in{max-width:var(--max); margin:0 auto; padding:0 24px; height:64px;
display:flex; align-items:center; justify-content:space-between; gap:20px}
.lockup{display:flex; align-items:center; gap:11px; text-decoration:none; color:var(--ink)}
.lockup img{width:34px; height:auto; display:block}
.lockup b{font-weight:700; letter-spacing:-.03em; font-size:18px}
.lockup i{font-style:normal; color:var(--teal)}
.lockup .ver{font-family:"JetBrains Mono",monospace; font-size:10px; font-weight:400;
letter-spacing:.04em; color:var(--muted); border:1px solid var(--line);
border-radius:3px; padding:1px 5px; margin-left:2px}
/* progressive disclosure — keeps the page short, detail on click */
details.more{margin-top:10px}
details.more summary{cursor:pointer; font-size:12.5px; color:var(--teal);
list-style:none; display:inline-flex; align-items:center; gap:6px}
details.more summary::-webkit-details-marker{display:none}
details.more summary::before{content:"+"; font-family:"JetBrains Mono",monospace;
font-size:12px; line-height:1}
details.more[open] summary::before{content:"–"}
details.more .body{margin-top:10px; font-size:13.5px; color:var(--ink2); line-height:1.7}
.hdr nav{display:flex; gap:22px; font-size:13.5px; color:var(--ink2)}
.hdr nav a{color:inherit; text-decoration:none}
.hdr nav a:hover{color:var(--ink)}
.hdr nav a.here{color:var(--ink); font-weight:500}
/* ── page furniture ─────────────────────────────────────────────────────── */
.wrap{max-width:var(--max); margin:0 auto; padding:0 24px}
.eyebrow{font-family:"JetBrains Mono",monospace; font-size:10.5px; letter-spacing:.16em;
text-transform:uppercase; color:var(--muted); margin:0 0 14px}
h1{font-family:"DM Serif Display",Georgia,serif; font-weight:400; letter-spacing:-.022em;
line-height:1.08; margin:0; font-size:clamp(32px,4.6vw,52px)}
h2{font-family:"DM Serif Display",Georgia,serif; font-weight:400; letter-spacing:-.018em;
line-height:1.15; margin:0 0 10px; font-size:clamp(21px,2.4vw,29px)}
h3{margin:0 0 4px; font-size:15px; font-weight:600; letter-spacing:-.01em}
p{margin:0 0 14px}
.lede{font-size:clamp(15px,1.15vw,17.5px); color:var(--ink2); max-width:62ch}
.muted{color:var(--muted)}
.small{font-size:12.5px; color:var(--muted); line-height:1.55}
hr.rule{border:0; border-top:1px solid var(--line); margin:44px 0}
/* ── buttons ────────────────────────────────────────────────────────────── */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px;
background:var(--teal); color:#fff; text-decoration:none; font-weight:600; font-size:15px;
padding:14px 26px; border-radius:4px; border:1px solid var(--teal);
box-shadow:0 1px 2px rgba(31,122,140,.22), 0 10px 24px -14px rgba(31,122,140,.45);
cursor:pointer; font-family:inherit}
.btn:hover{background:var(--teal-dk); border-color:var(--teal-dk)}
.btn.ghost{background:transparent; color:var(--ink); border:1px solid rgba(11,27,51,.22); box-shadow:none}
.btn.ghost:hover{background:rgba(11,27,51,.03); border-color:rgba(11,27,51,.34)}
.btn.sm{padding:10px 18px; font-size:13.5px}
/* ── footer ─────────────────────────────────────────────────────────────── */
.ftr{border-top:1px solid var(--line); margin-top:64px; padding:26px 0 40px}
.ftr-in{max-width:var(--max); margin:0 auto; padding:0 24px;
display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap;
font-size:12.5px; color:var(--muted)}
.ftr-links{display:flex; gap:18px; flex-wrap:wrap}
.ftr a{color:var(--muted); text-decoration:none}
.ftr a:hover{color:var(--ink2)}
@media (max-width:640px){
.hdr-in{height:auto; padding:12px 18px; flex-direction:column; gap:8px}
.wrap{padding:0 18px}
}
/* ── long-form reading: blog posts ──────────────────────────────────────── */
.post-body, .prose{color:#243043; font-size:17px; line-height:1.68}
.post-body p, .prose p{margin:0 0 21px}
.post-body h2, .prose h2{font-family:"DM Serif Display",Georgia,serif; font-weight:400;
font-size:27px; line-height:1.22; letter-spacing:-.018em; color:var(--ink); margin:48px 0 14px}
.post-body h3, .prose h3{font-family:"DM Serif Display",Georgia,serif; font-weight:400;
font-size:21px; line-height:1.3; letter-spacing:-.012em; color:var(--ink); margin:38px 0 12px}
.post-body h4, .prose h4{font-size:15px; font-weight:600; color:var(--ink); margin:28px 0 8px}
.post-body strong, .prose strong{font-weight:600; color:var(--ink)}
.post-body em, .prose em{font-style:italic}
.post-body ul, .prose ul, .post-body ol, .prose ol{margin:0 0 21px; padding-left:24px}
.post-body li, .prose li{margin:0 0 9px; padding-left:2px}
.post-body li::marker, .prose li::marker{color:var(--muted)}
.post-body a, .prose a{color:var(--teal); text-decoration:underline; text-underline-offset:2px;
text-decoration-thickness:1px; text-decoration-color:rgba(31,122,140,.4)}
.post-body a:hover, .prose a:hover{text-decoration-color:var(--teal)}
.post-body blockquote, .prose blockquote{margin:30px 0; padding:2px 0 2px 22px;
border-left:2px solid var(--teal); color:var(--ink);
font-family:"DM Serif Display",Georgia,serif; font-size:22px; line-height:1.45}
.post-body blockquote p, .prose blockquote p{margin:0}
.post-body code, .prose code{font-family:"JetBrains Mono",monospace; font-size:.84em;
background:#f2f5f7; border:1px solid var(--line); padding:1px 5px; color:var(--ink)}
.post-body pre, .prose pre{background:#f7f9fa; border:1px solid var(--line); padding:16px 18px;
overflow:auto; font-family:"JetBrains Mono",monospace; font-size:12.5px; line-height:1.65; margin:0 0 22px}
.post-body hr, .prose hr{border:0; border-top:1px solid var(--line); margin:40px 0}
.post-body table, .prose table{width:100%; border-collapse:collapse; font-size:13.5px; margin:0 0 24px}
.post-body th, .prose th{text-align:left; font-family:"JetBrains Mono",monospace; font-size:9.5px;
letter-spacing:.1em; text-transform:uppercase; color:var(--muted); font-weight:400;
border-bottom:1px solid rgba(11,27,51,.3); padding:8px 10px}
.post-body td, .prose td{border-bottom:1px solid var(--line); padding:9px 10px; color:#243043}
.post-body img{max-width:100%; height:auto}
/* blog: index and post header */
.blog-header{padding:52px 0 30px}
.blog-title{font-family:"DM Serif Display",Georgia,serif; font-weight:400; letter-spacing:-.022em;
line-height:1.08; margin:0 0 10px; font-size:clamp(30px,4.4vw,46px)}
.blog-sub{color:var(--ink2); font-size:15.5px; margin:0; max-width:60ch}
.post-card{border-top:1px solid var(--line); padding:26px 0 24px; margin:0}
.post-card:last-of-type{border-bottom:1px solid var(--line)}
.post-meta{display:flex; align-items:center; gap:10px; font-family:"JetBrains Mono",monospace;
font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin:0 0 14px}
.post-tag{color:var(--teal)}
.post-title{font-family:"DM Serif Display",Georgia,serif; font-weight:400; font-size:clamp(20px,2.2vw,25px);
line-height:1.25; letter-spacing:-.015em; margin:0 0 8px}
.post-title a{color:var(--ink); text-decoration:none}
.post-title a:hover{color:var(--teal)}
.post-excerpt{margin:0; color:var(--ink2); font-size:14.5px; line-height:1.65; max-width:70ch}
.post-header{padding:54px 0 28px; border-bottom:1px solid var(--line); margin-bottom:38px}
.post-back{display:inline-block; font-family:"DM Sans",system-ui,sans-serif; font-size:12.5px;
color:var(--muted); text-decoration:none; margin-bottom:22px}
.post-back:hover{color:var(--ink)}
.post-back:hover{color:var(--teal)}
.post-meta-date{font-family:"JetBrains Mono",monospace; font-size:10.5px; letter-spacing:.1em;
text-transform:uppercase; color:var(--muted)}
.post-body{max-width:none}
.post-wrap{max-width:720px; margin:0 auto; padding:0 24px}
/* manual */
.manual .top-bar, .doc .top-bar{display:flex; align-items:center; justify-content:space-between;
gap:16px; flex-wrap:wrap; padding:18px 0; border-bottom:1px solid var(--line); margin-bottom:34px}
.top-bar a{color:var(--muted); text-decoration:none; font-size:12.5px}
.top-bar a:hover{color:var(--teal)}
.top-bar .btn{padding:8px 14px; font-size:12.5px; box-shadow:none}
.wrap > h1{margin-bottom:8px}
.sub{color:var(--ink2); font-size:15px; margin:0 0 28px}
.toc{border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:20px 0; margin:0 0 44px}
.toc-title{font-family:"JetBrains Mono",monospace; font-size:10.5px; letter-spacing:.16em;
text-transform:uppercase; color:var(--muted); margin-bottom:14px}
.toc ol{margin:0; padding-left:0; list-style:none; columns:2; column-gap:40px;
font-size:13.5px; color:var(--ink2)}
.toc li{break-inside:avoid; margin-bottom:7px}
.toc a{color:var(--ink2); text-decoration:none}
.toc a:hover{color:var(--teal)}
.sec{margin:0 0 46px; padding-top:8px}
.sec h2{font-family:"DM Serif Display",Georgia,serif; font-weight:400; font-size:clamp(20px,2.2vw,26px);
letter-spacing:-.018em; margin:0 0 14px; padding-bottom:10px; border-bottom:1px solid var(--line)}
.sec h3{font-size:15px; font-weight:600; margin:22px 0 6px; color:var(--ink)}
.tip, .warn{border-left:2px solid var(--teal); padding:2px 0 2px 16px; margin:16px 0;
font-size:14px; color:var(--ink2); line-height:1.65}
.warn{border-left-color:var(--amber)}
.footer, .manual .footer{margin-top:56px; padding:26px 0 48px; border-top:1px solid var(--line);
font-size:12.5px; color:var(--muted)}
/* validation */
.hero{border-bottom:1px solid var(--line); padding:0 0 34px; margin-bottom:34px; text-align:left}
.hero h1{margin-bottom:10px}
.hero .subtitle{color:var(--ink2); font-size:15.5px; margin:0 0 26px; max-width:60ch}
.hero .score{font-family:"DM Serif Display",Georgia,serif; font-size:64px; line-height:1;
letter-spacing:-.03em; color:var(--teal)}
.stats{display:flex; gap:44px; flex-wrap:wrap; margin-top:26px}
.stat .num{font-family:"DM Serif Display",Georgia,serif; font-size:30px; line-height:1; color:var(--ink)}
.stat .label{font-family:"JetBrains Mono",monospace; font-size:9.5px; letter-spacing:.14em;
text-transform:uppercase; color:var(--muted); margin-top:7px}
.category{border-top:1px solid var(--line); padding:26px 0 22px; margin:0}
.category h2{font-family:"DM Serif Display",Georgia,serif; font-weight:400; letter-spacing:-.018em;
font-size:clamp(19px,2.1vw,24px); margin:0 0 12px; border:0; padding:0; color:var(--ink)}
.category h3{font-size:14.5px; font-weight:600; margin:0 0 8px; color:var(--ink)}
.badge{font-family:"JetBrains Mono",monospace; font-size:9px; letter-spacing:.1em; text-transform:uppercase;
padding:2px 7px; border:1px solid var(--line); color:var(--muted); border-radius:0}
.badge.pass{color:var(--teal); border-color:rgba(31,122,140,.3)}
.badge.fail{color:var(--amber-dk); border-color:rgba(224,163,46,.45)}
.source-box{border-left:2px solid var(--line); padding:2px 0 2px 14px; margin:0 0 14px;
font-size:13px; color:var(--muted); line-height:1.65}
.source-box strong{color:var(--ink2); font-weight:600}
.sources-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:0 36px}
.source-card{border-top:1px solid var(--line); padding:16px 0 18px}
.source-card h4{margin:0 0 4px; font-size:13.5px; font-weight:600; color:var(--ink)}
.source-card .authority{font-family:"JetBrains Mono",monospace; font-size:9.5px; letter-spacing:.12em;
text-transform:uppercase; color:var(--teal); margin-bottom:8px}
.source-card ul{margin:0 0 8px; padding-left:16px; font-size:12.5px; color:var(--ink2); line-height:1.6}
.source-card a{font-size:12px; color:var(--teal); text-decoration:none}
.formula-block{border-left:2px solid var(--line); padding:2px 0 4px 14px; margin:0 0 12px}
.formula-block .formula-label{font-family:"JetBrains Mono",monospace; font-size:9px; letter-spacing:.12em;
text-transform:uppercase; color:var(--muted); margin-bottom:3px}
.formula-block .formula-line{font-family:"JetBrains Mono",monospace; font-size:12px; color:var(--ink);
line-height:1.7; margin:0}
.formula-block .formula-cite{font-size:11.5px; color:var(--muted); margin-top:5px}
.formula-block .formula-cite a{color:var(--teal); text-decoration:none}
table.results{width:100%; border-collapse:collapse; font-size:12.5px; margin:6px 0 0}
table.results th{text-align:left; font-family:"JetBrains Mono",monospace; font-size:9.5px;
letter-spacing:.1em; text-transform:uppercase; color:var(--muted); font-weight:400;
border-bottom:1px solid rgba(11,27,51,.28); padding:7px 10px}
table.results td{border-bottom:1px solid var(--line); padding:6px 10px; color:var(--ink2)}
table.results td.pass{color:var(--teal); text-align:center}
table.results td.fail{color:var(--amber-dk); text-align:center}
table.results tr.fail td{background:rgba(224,163,46,.06)}
@media print{
.hdr, .ftr, .top-bar, .btn, .toc{display:none !important}
body{background:#fff}
.category, .sec{break-inside:avoid}
}
/* ── blog components ────────────────────────────────────────────────────── */
.read-more{display:inline-block; margin-top:12px; font-family:"JetBrains Mono",monospace;
font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--teal); text-decoration:none}
.read-more:hover{text-decoration:underline; text-underline-offset:3px}
.series-note{border-left:2px solid var(--teal); padding:4px 0 4px 18px; margin:30px 0;
font-size:15.5px; color:#243043; line-height:1.65}
.series-note strong{color:var(--ink)}
.cta-block{border-top:1px solid var(--line); border-bottom:1px solid var(--line);
padding:24px 0; margin:34px 0; text-align:left}
.cta-block p{margin:0 0 16px; color:#243043; font-size:15.5px}
.cta-btn{display:inline-flex; align-items:center; gap:8px; background:var(--teal); color:#fff;
text-decoration:none; font-weight:600; font-size:14px; padding:11px 20px; border:1px solid var(--teal); border-radius:4px}
.cta-btn:hover{background:var(--teal-dk); border-color:var(--teal-dk)}
.cta-sub{margin:12px 0 0; font-size:12.5px; color:var(--muted)}
.post-sources{border-top:1px solid var(--line); margin-top:34px; padding-top:16px;
font-size:12.5px; color:var(--muted); line-height:1.7}
.post-sources strong{color:var(--ink2); font-weight:600}
.tbl-wrap, .chart-wrap{overflow-x:auto; margin:0 0 20px}
.tbl-wrap table{min-width:520px}
.v9-map{border-top:1px solid var(--line); margin:0 0 20px}
.v9-map-row{display:grid; grid-template-columns:34px 1fr 1fr; gap:12px; padding:10px 0;
border-bottom:1px solid var(--line); font-size:13px}
.v9-map-num{font-family:"JetBrains Mono",monospace; font-size:10px; color:var(--muted)}
.v9-map-q{color:var(--ink); font-weight:500}
.v9-map-name, .v9-map-f{color:var(--ink2)}
.fw-row{display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:10px 0; border-bottom:1px solid var(--line)}
.fw-lbl{font-size:13px; color:var(--ink); font-weight:500}
.fw-sub{font-size:13px; color:var(--ink2)}
.part{font-family:"JetBrains Mono",monospace; font-size:10px; letter-spacing:.14em;
text-transform:uppercase; color:var(--muted); margin:0 0 6px}
.yes{color:var(--teal)}
/* post header: the h1 is the statement, the card titles are not */
.post-header .post-title{font-family:"DM Serif Display",Georgia,serif; font-weight:400;
font-size:clamp(30px,3.6vw,42px); line-height:1.1; letter-spacing:-.024em; margin:0 0 10px;
text-wrap:balance}
.post-header .post-tag{display:block; margin:0 0 10px}
.post-header .post-meta-date{display:block; margin-top:2px}
.post-body a.cta-btn, .prose a.cta-btn{color:#fff}
.post-body a.cta-btn:hover, .prose a.cta-btn:hover{color:#fff}
.v9-map-head{display:grid; grid-template-columns:34px 1fr 1fr; gap:12px; padding:0 0 8px;
border-bottom:1px solid rgba(11,27,51,.28); font-family:"JetBrains Mono",monospace;
font-size:9.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted)}
.v9-map-row{border-left:0 !important; padding-left:0}
/* ── blog blocks: pricing, callouts, comparisons, screenshots ───────────── */
.post-back{text-transform:none; letter-spacing:.01em; font-size:12px}
.pricing-card{border-top:1px solid var(--line); margin:0 0 24px}
.pricing-row{display:flex; justify-content:space-between; align-items:baseline; gap:28px;
padding:14px 0; border-bottom:1px solid var(--line)}
.pr-lbl{font-size:14px; color:var(--ink); font-weight:600}
.pr-note{font-size:13px; color:var(--muted); margin-top:4px; line-height:1.5}
.pr-amt{font-family:"DM Serif Display",Georgia,serif; font-size:30px; line-height:1; color:var(--ink); flex:0 0 auto}
.callout{border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:18px 0; margin:28px 0}
.callout-title{font-family:"JetBrains Mono",monospace; font-size:9.5px; letter-spacing:.14em;
text-transform:uppercase; color:var(--teal); margin-bottom:9px}
.callout p{margin:0; font-size:15.5px; color:#243043; line-height:1.7}
.v9-callout{border-left:2px solid var(--teal); padding:2px 0 2px 18px; margin:28px 0}
.v9-kicker{font-family:"JetBrains Mono",monospace; font-size:9.5px; letter-spacing:.14em;
text-transform:uppercase; color:var(--teal); margin-bottom:9px}
.v9-callout p{font-size:15.5px; color:#243043}
.five-way{border-top:1px solid var(--line); margin:24px 0 26px}
.fw-row{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:16px;
padding:12px 0; border-bottom:1px solid var(--line); align-items:start}
.fw-lbl{font-size:14px; color:var(--ink); font-weight:500; line-height:1.45}
.fw-sub{font-size:12.5px; color:var(--muted); margin-top:2px; line-height:1.5}
.fw-val{font-size:14px; color:#243043; line-height:1.55}
.fw-yes{color:var(--teal); font-weight:600}
.fw-no{color:var(--amber-dk); font-weight:600}
.yes{color:var(--teal)}
.no{color:var(--amber-dk)}
.phone-shot{display:block; width:min(300px,78%); height:auto; margin:26px auto 10px; border:1px solid var(--line)}
.phone-caption{text-align:center; font-size:12.5px; color:var(--muted); line-height:1.55; margin:0 0 28px}
.chart-caption{font-size:12px; color:var(--muted); line-height:1.6; margin:-6px 0 24px}
.mini-note{font-size:12.5px; color:var(--muted); line-height:1.65; margin:0 0 24px}
/* ── manual: measure, rhythm, hierarchy ─────────────────────────────────── */
.manual{max-width:724px}
.manual .sec{margin:0 0 62px; scroll-margin-top:80px}
.manual .sec h2{font-size:clamp(21px,2.3vw,27px); margin:0 0 18px; padding-bottom:12px}
.manual .sec h3{margin:32px 0 8px; font-size:14.5px; font-weight:600; color:var(--ink);
letter-spacing:0; text-transform:none}
.manual .sec p, .manual .sec li, .manual .sec .tip{max-width:none}
.manual .sec ul, .manual .sec ol{margin:0 0 18px; padding-left:22px}
.manual .sec li{margin-bottom:7px}
.manual .sub{max-width:62ch}
.manual .toc ol{list-style:decimal; padding-left:20px; columns:2; column-gap:36px; font-size:13px}
.manual .toc li{margin-bottom:9px; padding-left:2px}
.manual .toc a{text-decoration:none}
.manual .tip, .manual .warn{font-size:13.5px; padding:12px 0 12px 16px; margin:20px 0}
.manual .tip::first-line{color:var(--ink)}
details.toc summary{cursor:pointer; list-style:none; margin:0 0 16px}
details.toc summary::-webkit-details-marker{display:none}
details.toc summary::before{content:"+"; font-family:"JetBrains Mono",monospace; margin-right:8px}
details.toc[open] summary::before{content:"–"}
details.toc[open] summary{margin-bottom:16px}
.manual .sec p{margin:0 0 16px}
.manual .sec{line-height:1.75}
@media (max-width:640px){
.manual .toc ol{columns:1}
.fw-row{grid-template-columns:1fr; gap:4px}
.pricing-row{flex-direction:column; gap:6px}
.pr-amt{font-size:26px}
.phone-shot{width:100%}
}