:root{
  --bg:#fbfbfd;
  --surface:#ffffff;
  --surface-soft:#f5f5f7;
  --surface-tint:#fcf5f7;
  --ink:#111113;
  --muted:#6e6e73;
  --line:rgba(17,17,19,.09);
  --line-strong:rgba(17,17,19,.16);
  --pru:#d31145;
  --pru-deep:#a50c36;
  --pru-soft:#fff1f5;
  --pru-pale:#fde7ee;
  --silver:#e8e8ed;
  --shadow:0 24px 80px rgba(0,0,0,.10);
  --shadow-soft:0 14px 45px rgba(0,0,0,.07);
  --radius-xl:34px;
  --radius-lg:26px;
  --radius-md:18px;
  --max:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ink);
  background:var(--bg);
  overflow-x:hidden;
  line-height:1.55;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
::selection{background:rgba(211,17,69,.16)}

.skip-link{
  position:absolute;left:18px;top:-60px;z-index:1000;background:#111;color:#fff;padding:12px 16px;border-radius:14px;
}
.skip-link:focus{top:18px}

.ambient{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;background:
  radial-gradient(circle at 18% -10%,rgba(255,255,255,.96),transparent 35%),
  radial-gradient(circle at 100% 12%,rgba(211,17,69,.07),transparent 25%),
  radial-gradient(circle at 0% 100%,rgba(211,17,69,.05),transparent 30%),
  linear-gradient(180deg,#fbfbfd 0%,#f8f8fb 48%,#ffffff 100%);
}
.grid-shell{position:absolute;inset:0;background-image:linear-gradient(rgba(17,17,19,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,19,.028) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at 50% 30%,black 30%,transparent 72%);opacity:.4}
.blur-orb{position:absolute;border-radius:999px;filter:blur(20px);opacity:.8;animation:float 16s ease-in-out infinite alternate}
.orb-one{width:520px;height:520px;background:rgba(211,17,69,.08);top:88px;right:-170px}
.orb-two{width:520px;height:520px;background:rgba(227,214,219,.52);bottom:4%;left:-210px;animation-delay:-6s}
.orb-three{width:360px;height:360px;background:rgba(255,255,255,.94);top:42%;left:44%;animation-delay:-10s}
.motion-line{position:absolute;width:1px;height:540px;background:linear-gradient(180deg,transparent,rgba(211,17,69,.22),transparent);transform:rotate(34deg);opacity:.44;animation:drift 18s linear infinite}
.line-one{top:-80px;left:74%}.line-two{top:260px;left:14%;animation-delay:-9s;opacity:.24}
@keyframes float{to{transform:translate3d(28px,-24px,0) scale(1.04)}}
@keyframes drift{to{transform:translate3d(40px,120px,0) rotate(34deg)}}

.license-ribbon{
  width:min(var(--max),calc(100% - 32px));
  margin:14px auto 0;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:10px 14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(24px);
  border-radius:999px;
  color:var(--muted);
  font-size:13px;
}
.license-ribbon p{margin:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.license-ribbon p span::before{content:"·";margin-right:10px;color:#b3b3b8}
.license-ribbon strong{color:var(--ink)}
.license-ribbon a{font-weight:700;color:var(--pru);white-space:nowrap}

.site-header{
  position:sticky;top:10px;z-index:100;
  width:min(var(--max),calc(100% - 32px));
  margin:10px auto 0;
  padding:10px 12px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  border:1px solid rgba(17,17,19,.10);
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(26px) saturate(1.4);
  border-radius:999px;
  box-shadow:0 10px 36px rgba(0,0,0,.06);
}
.brand,.footer-brand{display:flex;align-items:center;gap:10px;min-width:max-content}
.brand-mark{
  width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#111113,#3c3c40);
  color:#fff;display:grid;place-items:center;font-weight:850;letter-spacing:-.04em;
  box-shadow:inset 0 -10px 26px rgba(255,255,255,.05),0 10px 30px rgba(0,0,0,.10);
}
.brand-copy{display:flex;flex-direction:column;line-height:1.08}
.brand-copy strong{font-size:15px;letter-spacing:-.02em}.brand-copy small{font-size:12px;color:var(--muted);margin-top:3px}
.primary-nav{display:flex;align-items:center;gap:5px;padding:4px;border-radius:999px;background:rgba(245,245,247,.92)}
.primary-nav a{font-size:14px;font-weight:650;color:#3a3a3c;padding:10px 13px;border-radius:999px;transition:.22s ease}
.primary-nav a:hover{background:#fff;color:var(--pru);box-shadow:0 6px 20px rgba(0,0,0,.06)}
.nav-cta{background:var(--ink);color:#fff;padding:12px 18px;border-radius:999px;font-size:14px;font-weight:760;box-shadow:0 12px 28px rgba(0,0,0,.12)}
.menu-toggle{display:none;border:0;background:#f5f5f7;padding:10px 14px;border-radius:999px;font-weight:700;color:var(--ink)}

main{position:relative}
.hero{
  width:min(var(--max),calc(100% - 32px));
  margin:58px auto 32px;
  min-height:690px;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:44px;align-items:center;
}
.hero-copy{padding:36px 0}
.eyebrow{
  margin:0 0 14px;
  display:inline-flex;align-items:center;gap:8px;
  color:var(--pru);font-size:13px;font-weight:820;letter-spacing:.08em;text-transform:uppercase;
}
.eyebrow span{width:30px;height:30px;border-radius:10px;background:var(--pru);color:#fff;display:grid;place-items:center;letter-spacing:-.06em;font-size:12px}
h1,h2,h3,p{margin-top:0}
h1{
  max-width:760px;
  margin-bottom:18px;
  font-size:clamp(52px,7.2vw,92px);
  line-height:.96;
  letter-spacing:-.065em;
  font-weight:850;
}
.hero-subtitle{font-size:clamp(22px,2.2vw,34px);line-height:1.12;letter-spacing:-.04em;color:#303034;margin-bottom:18px}
.hero-lead{font-size:19px;color:var(--muted);max-width:660px;margin-bottom:26px}
.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:28px 0 18px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;cursor:pointer;border-radius:999px;
  min-height:52px;padding:13px 22px;font-weight:800;transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--pru),#ea406e);color:#fff;box-shadow:0 18px 38px rgba(211,17,69,.24)}
.btn-primary:hover{background:linear-gradient(135deg,var(--pru-deep),var(--pru));box-shadow:0 22px 44px rgba(211,17,69,.30)}
.btn-primary small{font-size:11px;font-weight:700;opacity:.82;display:block;margin-left:4px}
.btn-secondary{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.btn-ghost{background:#f5f5f7;color:var(--ink)}
.hero-note{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:14px;font-weight:650}
.hero-note span{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.7)}

.hero-visual{position:relative;display:grid;gap:14px;justify-items:center}
.portrait-card{
  width:min(100%,470px);aspect-ratio:5/6;border-radius:42px;overflow:hidden;
  border:1px solid rgba(17,17,19,.09);
  background:linear-gradient(180deg,#fff,#f3f3f5);
  box-shadow:0 36px 90px rgba(0,0,0,.14);
  position:relative;
}
.portrait-card::before{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 44%,rgba(0,0,0,.03));z-index:1;pointer-events:none;
}
.portrait-card img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;transform:scale(1.01)}
.profile-summary{
  width:min(100%,470px);display:flex;gap:13px;align-items:center;padding:14px 15px;border:1px solid var(--line);
  background:rgba(255,255,255,.82);backdrop-filter:blur(22px);border-radius:24px;box-shadow:var(--shadow-soft);
}
.profile-summary img{width:54px;height:54px;border-radius:18px;object-fit:cover;object-position:center top}
.profile-summary strong{display:block;letter-spacing:-.02em}.profile-summary span{display:block;color:var(--muted);font-size:13px;line-height:1.3;margin-top:3px}

.proof-bar{
  width:min(var(--max),calc(100% - 32px));margin:0 auto 30px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;
}
.proof-bar article{
  min-height:126px;padding:22px 20px;border-radius:28px;background:rgba(255,255,255,.82);border:1px solid var(--line);box-shadow:var(--shadow-soft);
}
.proof-bar strong{font-size:34px;line-height:1;letter-spacing:-.05em;display:block}.proof-bar span{display:block;color:var(--muted);font-size:14px;margin-top:8px}

.section{width:min(var(--max),calc(100% - 32px));margin:0 auto;padding:86px 0}
.section-heading{max-width:760px;margin-bottom:34px}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}
h2{font-size:clamp(36px,4.8vw,64px);line-height:1.02;letter-spacing:-.055em;margin-bottom:16px;font-weight:850}
h3{font-size:22px;line-height:1.12;letter-spacing:-.035em;margin-bottom:10px}.section-heading p,.snapshot-copy p,.about-copy p,.connect-card p,.final-cta p{color:var(--muted);font-size:18px}

.snapshot-section{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}
.text-link{display:inline-flex;color:var(--pru);font-weight:820;margin-top:10px}
.device-card,.journey-card,.soft-card,.quiz-shell,.result-card,.connect-card,.final-cta,.step-card{
  background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);backdrop-filter:blur(22px);
}
.device-card{padding:18px;max-width:540px;margin-left:auto;position:relative;overflow:hidden}
.device-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(211,17,69,.06),transparent 42%);pointer-events:none}
.device-top{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);padding-bottom:14px;color:var(--muted);font-size:12px;position:relative}
.device-top i{width:11px;height:11px;border-radius:999px;background:#d1d1d6}.device-top i:first-child{background:#ff5f57}.device-top i:nth-child(2){background:#ffbd2e}.device-top i:nth-child(3){background:#28c840}.device-top span{margin-left:auto}
.snapshot-title{padding:22px 4px}.snapshot-title small{display:block;color:var(--pru);font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.snapshot-title strong{font-size:26px;line-height:1.1;letter-spacing:-.04em}
.metric-list{display:grid;gap:10px;margin:8px 0 12px}.metric-list div,.snapshot-total{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);background:#fff;border-radius:18px;padding:15px}.metric-list span,.snapshot-total span{color:var(--muted);font-size:14px}.metric-list strong,.snapshot-total strong{font-size:22px;letter-spacing:-.04em}.snapshot-total{background:#111;color:#fff}.snapshot-total span{color:#d7d7db}.microcopy{font-size:12px!important;color:var(--muted)!important;line-height:1.45;margin:14px 4px 0!important}

.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.journey-card{position:relative;padding:28px;overflow:hidden;min-height:278px}
.journey-card::after{content:"";position:absolute;right:-80px;bottom:-90px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(211,17,69,.10),transparent 64%)}
.number{font-size:13px;font-weight:850;color:var(--pru);letter-spacing:.10em}.icon-chip{margin:26px 0 22px;width:64px;height:64px;border-radius:22px;background:#f5f5f7;border:1px solid var(--line);display:grid;place-items:center;font-weight:850;color:#1d1d1f}
.journey-card p,.soft-card p,.step-card p{color:var(--muted);margin-bottom:0}

.two-step-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.step-card{padding:28px;min-height:300px}
.step-top{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.step-top span{width:42px;height:42px;border-radius:14px;background:var(--pru);color:#fff;display:grid;place-items:center;font-size:18px;font-weight:800}
.step-top strong{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.step-card ul{margin:18px 0 0;padding-left:18px;color:var(--muted)}
.step-card li{margin:7px 0}
.cta-inline{display:flex;justify-content:center;margin-top:28px}

.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.four-up{grid-template-columns:repeat(4,1fr)}
.soft-card{padding:25px;min-height:220px}.soft-card span{font-size:30px;display:inline-grid;width:58px;height:58px;place-items:center;background:#f5f5f7;border-radius:20px;margin-bottom:24px}
.audience-card{background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);overflow:hidden}.audience-card img{width:100%;height:170px;object-fit:cover;background:linear-gradient(135deg,#f6d6df,#f7f2f4)}.audience-card div{padding:20px 20px 24px}.audience-card p{color:var(--muted);margin-bottom:0}.web-thumbnail-grid img{filter:saturate(1.02) contrast(1.01)}

.about-section{display:grid;grid-template-columns:.86fr 1.14fr;gap:46px;align-items:center}.about-photo{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow);background:linear-gradient(180deg,#fff,#f8f8fb);border:1px solid var(--line);display:grid;place-items:center}.about-photo img{width:100%;height:700px;object-fit:cover;object-position:center top}.credential-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:24px 0}.credential-grid span{padding:12px 14px;background:var(--pru-soft);border:1px solid rgba(211,17,69,.18);border-radius:16px;font-weight:760;font-size:14px;color:#6f1430}.credential-note{padding:18px;background:var(--surface-soft);border-radius:20px;border:1px solid var(--line)}.pru-link{color:var(--pru);font-weight:800}

.clarity-panel{position:relative}.quiz-shell{max-width:820px;margin:0 auto;padding:26px}.quiz-top{display:grid;grid-template-columns:1fr 220px;gap:18px;align-items:center;margin-bottom:24px}.quiz-top strong{display:block;font-size:14px}.quiz-top span{color:var(--muted);font-size:13px}.progress-track{height:10px;border-radius:999px;background:#f1f1f4;overflow:hidden}.progress-track span{display:block;height:100%;width:10%;background:linear-gradient(90deg,var(--pru),#ff7896);border-radius:999px;transition:width .35s ease}.question h3{font-size:31px;max-width:680px}.question p{color:var(--muted);margin-bottom:20px}.options{display:grid;gap:10px}.option{display:flex;align-items:center;gap:12px;padding:16px 17px;border:1px solid var(--line);border-radius:18px;background:#fff;cursor:pointer;transition:.2s ease}.option:hover,.option.selected{border-color:rgba(211,17,69,.35);background:var(--pru-soft)}.option input{accent-color:var(--pru);width:18px;height:18px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:750;color:#424245}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:14px 15px;background:#fff;outline:none;transition:.2s ease}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(211,17,69,.55);box-shadow:0 0 0 4px rgba(211,17,69,.08)}.consent{display:flex;gap:10px;align-items:flex-start;margin-top:18px;font-size:13px;color:var(--muted)}.consent input{accent-color:var(--pru);margin-top:3px}.quiz-actions{display:flex;align-items:center;justify-content:space-between;margin-top:26px}
.hidden-form{display:none}.result-card{max-width:920px;margin:24px auto 0;padding:26px;display:grid;grid-template-columns:1fr 300px;gap:22px}.result-card[hidden]{display:none}.result-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.result-metrics div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}.result-metrics span{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}.result-metrics strong{font-size:22px;letter-spacing:-.04em}.result-actions{display:grid;gap:10px;align-content:start}.social-btn{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:18px;border:1px solid var(--line);background:#fff;font-weight:790;transition:.2s ease}.social-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.social-btn img{width:26px;height:26px}.calendar img{background:#fff;border-radius:8px}

.connect-card{padding:36px;display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center}.connect-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.connect-grid a{display:grid;justify-items:center;text-align:center;gap:8px;padding:14px 10px;border:1px solid var(--line);border-radius:18px;background:#fff;font-size:12px;font-weight:760;color:#424245;transition:.2s ease}.connect-grid a:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft);color:var(--pru)}.connect-grid img{width:32px;height:32px}

.final-cta{text-align:center;padding:64px 28px;background:linear-gradient(135deg,#fff,#f5f5f7);overflow:hidden;position:relative}.final-cta::before{content:"";position:absolute;inset:auto -120px -260px auto;width:520px;height:520px;background:radial-gradient(circle,rgba(211,17,69,.12),transparent 60%);border-radius:999px}.center-actions{justify-content:center}

.site-footer{width:min(var(--max),calc(100% - 32px));margin:20px auto 34px;padding:32px;display:grid;grid-template-columns:1.1fr 1.3fr;gap:32px;border-top:1px solid var(--line);color:var(--muted)}.site-footer p{margin:12px 0 0}.footer-brand strong{color:var(--ink)}.disclaimer{font-size:13px;line-height:1.55}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.footer-group{display:grid;gap:10px;align-content:start}.footer-group h3{font-size:15px;margin:0 0 6px;letter-spacing:-.02em}.footer-group a{font-weight:740;color:#3a3a3c}.footer-group a:hover{color:var(--pru)}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .72s ease,transform .72s ease}.reveal.visible{opacity:1;transform:none}

@media (max-width: 980px){
  .license-ribbon{border-radius:24px;align-items:flex-start}.license-ribbon,.license-ribbon p{flex-direction:column;gap:6px}.license-ribbon p span::before{display:none}
  .site-header{top:8px;border-radius:26px;align-items:center}.menu-toggle{display:block}.primary-nav{position:absolute;left:0;right:0;top:72px;margin:auto;width:100%;display:none;grid-template-columns:1fr;background:rgba(255,255,255,.96);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:24px;padding:8px}.primary-nav.open{display:grid}.primary-nav a{padding:14px}.nav-cta{display:none}.brand-copy small{display:none}
  .hero{grid-template-columns:1fr;margin-top:34px;min-height:auto}.hero-copy{padding:10px 0;text-align:left}h1{font-size:clamp(46px,12vw,68px)}.hero-visual{order:-1}.portrait-card{width:min(100%,420px);border-radius:34px}.profile-summary{width:min(100%,420px)}
  .proof-bar{grid-template-columns:repeat(2,1fr)}.journey-grid,.snapshot-section,.about-section,.connect-card,.site-footer,.two-step-grid{grid-template-columns:1fr}.audience-grid,.four-up,.footer-columns{grid-template-columns:repeat(2,1fr)}.snapshot-copy{text-align:left}.device-card{margin-left:0;max-width:none}.about-photo img{height:600px}.result-card{grid-template-columns:1fr}.connect-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:640px){
  .hero,.section,.proof-bar,.site-header,.license-ribbon,.site-footer{width:calc(100% - 24px)}.site-header{padding:8px}.brand-mark{width:38px;height:38px;border-radius:13px}.brand-copy strong{font-size:14px}.menu-toggle{padding:9px 12px}.hero-actions,.center-actions{display:grid;width:100%}.btn{width:100%}.hero-note{display:grid;grid-template-columns:1fr}.proof-bar,.audience-grid,.four-up,.credential-grid,.field-grid,.result-metrics,.connect-grid,.footer-columns{grid-template-columns:1fr}.section{padding:64px 0}.journey-card,.soft-card,.audience-card,.quiz-shell,.result-card,.connect-card,.final-cta,.step-card{border-radius:26px}.quiz-top{grid-template-columns:1fr}.portrait-card{aspect-ratio:4/5}.profile-summary{align-items:flex-start}.profile-summary img{width:50px;height:50px}h2{font-size:38px}.question h3{font-size:25px}.about-photo img{height:540px}.device-top span{display:none}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}.blur-orb,.motion-line{animation:none}.reveal{transition:none;opacity:1;transform:none}.btn:hover,.social-btn:hover,.connect-grid a:hover{transform:none}
}

/* Steven-requested refinements */
.portrait-card{aspect-ratio:4/5;}
.portrait-card img{object-position:50% 0%;transform:none;}

.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.problem-card{
  background:rgba(255,255,255,.84);border:1px solid var(--line);border-radius:var(--radius-xl);
  box-shadow:var(--shadow-soft);backdrop-filter:blur(22px);overflow:hidden;transition:transform .22s ease, box-shadow .22s ease;
}
.problem-card:hover{transform:translateY(-3px);box-shadow:0 20px 60px rgba(0,0,0,.10)}
.problem-card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#fff}
.problem-copy{padding:24px}
.problem-copy p{color:var(--muted);margin-bottom:0}

.benefit-card .check-icon{
  color:#fff;background:linear-gradient(135deg,#18a058,#35c979);font-size:30px;font-weight:900;
  box-shadow:0 14px 28px rgba(24,160,88,.18);
}

.audience-image-grid{align-items:stretch}
.audience-card{
  background:rgba(255,255,255,.84);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);
  overflow:hidden;backdrop-filter:blur(22px);transition:transform .22s ease, box-shadow .22s ease;
}
.audience-card:hover{transform:translateY(-3px);box-shadow:0 20px 60px rgba(0,0,0,.10)}
.audience-card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#fff}
.audience-card div{padding:22px 24px 26px}
.audience-card p{color:var(--muted);margin-bottom:0}
.compact-connect{grid-template-columns:repeat(3,1fr)}
.email img{background:#fff;border-radius:8px}

@media (max-width:980px){
  .problem-grid{grid-template-columns:1fr}
  .compact-connect{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:640px){
  .problem-grid,.compact-connect{grid-template-columns:1fr}
}


/* Final polish based on Steven's content notes */
.snapshot-copy p:first-of-type{font-size:19px;color:#3a3a3c}
.problem-card img{background:linear-gradient(135deg,#fff,#f6f6f8);object-fit:cover}
.audience-image-grid{align-items:stretch}
.audience-card{background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);overflow:hidden;backdrop-filter:blur(22px);transition:transform .22s ease,box-shadow .22s ease}
.audience-card:hover{transform:translateY(-3px);box-shadow:0 20px 60px rgba(0,0,0,.10)}
.audience-card img{width:100%;height:190px;object-fit:cover;background:linear-gradient(135deg,#fff,#f6f6f8)}
.audience-card div{padding:22px 24px 26px}.audience-card p{color:var(--muted);margin-bottom:0}
.about-photo img{object-position:center top}
.credential-grid span{background:linear-gradient(135deg,#fff6f8,#ffffff);border:1px solid rgba(211,17,69,.20);color:#6f1430;box-shadow:0 10px 26px rgba(211,17,69,.06)}
.pru-link{color:var(--pru);font-weight:850;border-bottom:1px solid rgba(211,17,69,.28)}
.icon-only-connect{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:nowrap}
.icon-only-connect a{width:68px;height:68px;border-radius:24px;display:grid;place-items:center;padding:0;background:rgba(255,255,255,.92);box-shadow:var(--shadow-soft);position:relative}
.icon-only-connect a span{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.icon-only-connect img{width:34px;height:34px}
.final-cta h2 span{display:block}
.footer-intro p strong{color:var(--ink)}
.footer-group a[href^="sms"]::after{content:" 09660552226";color:var(--muted);font-weight:600}
@media (max-width:640px){.icon-only-connect{gap:10px;flex-wrap:wrap}.icon-only-connect a{width:60px;height:60px;border-radius:21px}.icon-only-connect img{width:30px;height:30px}.audience-card img{height:170px}}

/* Final Steven requested gradient polish: red + black Apple-Pru inspired accent system */
:root{
  --accent-gradient:linear-gradient(135deg,#111113 0%,#d31145 45%,#111113 100%);
  --accent-gradient-soft:linear-gradient(135deg,rgba(17,17,19,.06),rgba(211,17,69,.10),rgba(17,17,19,.04));
}

.brand-mark,
.eyebrow span,
.step-top span{
  background:var(--accent-gradient)!important;
}

.brand-copy strong,
.gradient-text{
  background:var(--accent-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
}

.primary-nav a{
  background:var(--accent-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  font-weight:760;
}
.primary-nav a:hover{
  background:linear-gradient(135deg,#fff,#fff), var(--accent-gradient);
  -webkit-background-clip:border-box,text;
  background-clip:border-box,text;
  color:transparent!important;
}

.nav-cta,
.btn-primary,
.snapshot-total,
.result-actions .btn-primary{
  background:var(--accent-gradient)!important;
}

.progress-track span,
.motion-line{
  background:var(--accent-gradient)!important;
}

.text-link,
.license-ribbon a,
.pru-link,
.footer-group a:hover{
  color:#d31145!important;
}

.hero-note span{
  background:rgba(255,255,255,.78);
  border:1px solid rgba(211,17,69,.14);
  box-shadow:0 10px 28px rgba(17,17,19,.04);
}

.problem-card,
.audience-card,
.credential-grid span{
  border-color:rgba(211,17,69,.14)!important;
}
.problem-card:hover,
.audience-card:hover{
  box-shadow:0 24px 70px rgba(17,17,19,.10), 0 8px 28px rgba(211,17,69,.08)!important;
}

/* Problem section: icon thumbnails, not full illustration scenes */
.problem-card img{
  height:184px!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  padding:34px!important;
  background:var(--accent-gradient-soft)!important;
}
.problem-copy{padding:24px!important}

/* Audience section: enlarged Apple-style icon thumbnails with no text inside images */
.audience-card img{
  height:190px!important;
  object-fit:contain!important;
  padding:36px!important;
  background:var(--accent-gradient-soft)!important;
}

/* About photo uses the same CEO portrait as the landing page */
.about-photo{
  background:linear-gradient(180deg,#ffffff,#f7f7fa)!important;
}
.about-photo img{
  width:100%!important;
  height:700px!important;
  object-fit:cover!important;
  object-position:center top!important;
}

/* Footer: cleaner, smaller details and no visible raw email/mobile values */
.site-footer{
  align-items:start;
}
.footer-brand strong{
  font-size:18px;
  letter-spacing:-.03em;
}
.footer-intro p,
.footer-group h3,
.footer-group a,
.disclaimer{
  font-size:13px!important;
  line-height:1.55;
}
.footer-group h3{
  color:#111113;
  font-weight:820;
  margin-bottom:4px!important;
}
.footer-group a{
  color:#6e6e73!important;
  font-weight:650!important;
}
.footer-group a:hover{color:#d31145!important}
.footer-group a[href^="sms"]::after{content:""!important}

.final-cta h2 span{display:block}
.final-cta::before{background:radial-gradient(circle,rgba(211,17,69,.14),transparent 62%)!important}

@media (max-width:640px){
  .problem-card img{height:160px!important;padding:28px!important}
  .audience-card img{height:160px!important;padding:30px!important}
  .about-photo img{height:540px!important}
}

/* --- Final palette refinement: Apple-inspired + Pru Life UK red-to-black --- */
:root{
  --bg:#fbfbfd;
  --surface:#ffffff;
  --surface-soft:#f5f5f7;
  --surface-tint:#fcf4f6;
  --ink:#101012;
  --muted:#66666d;
  --line:rgba(16,16,18,.09);
  --pru:#cb123f;
  --pru-deep:#7b0b27;
  --pru-soft:#fff1f5;
  --pru-pale:#fbe5eb;
  --accent-grad:linear-gradient(135deg,#111113 0%, #4f071a 28%, #cb123f 62%, #111113 100%);
  --accent-grad-soft:linear-gradient(135deg,rgba(17,17,19,.98) 0%, rgba(110,10,37,.96) 42%, rgba(203,18,63,.92) 100%);
}
.ambient{
  background:
    radial-gradient(circle at 16% 0%, rgba(255,255,255,.98), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(203,18,63,.13), transparent 26%),
    radial-gradient(circle at 10% 88%, rgba(17,17,19,.07), transparent 28%),
    radial-gradient(circle at 78% 80%, rgba(127,11,39,.08), transparent 20%),
    linear-gradient(180deg,#fcfcfe 0%, #f8f8fb 46%, #ffffff 100%);
}
.orb-one{background:rgba(203,18,63,.11)}
.orb-two{background:rgba(48,16,24,.08)}
.orb-three{background:rgba(255,255,255,.96)}
.motion-line{background:linear-gradient(180deg,transparent,rgba(203,18,63,.28),transparent)}
.brand-copy strong,
.footer-brand strong,
.gradient-brand,
.gradient-accent-text{
  background:var(--accent-grad);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.license-ribbon a,
.text-link,
.pru-link,
.primary-nav a:hover,
.footer-group a:hover{color:var(--pru)}
.brand-mark,
.eyebrow span,
.step-top span{background:var(--accent-grad-soft)}
.eyebrow{color:var(--pru-deep)}
.nav-cta,
.btn-primary{background:var(--accent-grad-soft)!important;color:#fff}
.btn-primary{box-shadow:0 18px 38px rgba(123,11,39,.26)}
.btn-primary:hover{box-shadow:0 22px 44px rgba(123,11,39,.32)}
.snapshot-total{background:linear-gradient(135deg,#111113,#6a0b22 58%,#111113)}
.hero-note span,
.license-ribbon,
.site-header,
.device-card,.journey-card,.soft-card,.quiz-shell,.result-card,.connect-card,.final-cta,.step-card,.audience-restored-card,.problem-card{
  background:rgba(255,255,255,.84);
  backdrop-filter:blur(26px) saturate(1.15);
}
.problem-card,.benefit-card,.audience-restored-card{
  position:relative;
  overflow:hidden;
}
.problem-card::before,.benefit-card::before,.audience-restored-card::before{
  content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(203,18,63,.055),transparent 42%,rgba(17,17,19,.02));pointer-events:none;
}
.problem-card img{
  height:190px!important;
  padding:34px!important;
  object-fit:contain!important;
  background:linear-gradient(135deg,#fff,#f7f7fa)!important;
}
.benefit-card{
  min-height:248px;
  padding:26px 24px 24px;
}
.benefit-card .check-icon{
  position:absolute;top:18px;right:18px;
  width:34px;height:34px;border-radius:12px;
  display:grid;place-items:center;
  color:#fff;background:linear-gradient(135deg,#18a058,#3bcc7b);
  font-size:18px;font-weight:900;box-shadow:0 10px 20px rgba(24,160,88,.18);
}
.benefit-main-icon{
  width:72px;height:72px;border-radius:24px;
  display:grid;place-items:center;
  color:var(--pru-deep);
  background:linear-gradient(135deg,#fff, var(--pru-soft));
  border:1px solid rgba(203,18,63,.14);
  box-shadow:0 14px 32px rgba(123,11,39,.08);
  margin-bottom:18px;
}
.benefit-main-icon svg{width:40px;height:40px;display:block}
.audience-restored-grid{align-items:stretch}
.audience-restored-card{
  min-height:230px;
  padding:26px 24px 24px;
}
.audience-restored-card h3{margin-top:8px}
.audience-thumb{
  width:84px;height:84px;border-radius:26px;display:grid;place-items:center;
  font-size:40px;line-height:1;
  background:linear-gradient(135deg,#fff, #f5f5f7 46%, var(--pru-soft));
  border:1px solid rgba(203,18,63,.14);
  box-shadow:0 18px 34px rgba(0,0,0,.06);
  margin-bottom:18px;
}
.credential-grid span{
  background:linear-gradient(135deg,#fff7fa, #fff0f4);
  border:1px solid rgba(203,18,63,.18);
  color:#5f1329;
}
.footer-brand{margin-bottom:6px}
.footer-brand strong{font-size:20px}
.footer-group h3,.footer-group a,.site-footer .disclaimer{font-size:13px}
.footer-group a{color:var(--muted)}
.primary-nav a.active,
.primary-nav a:focus-visible{color:var(--pru);background:#fff}
@media (max-width:640px){
  .benefit-card{min-height:auto}
  .benefit-main-icon{width:66px;height:66px;border-radius:22px}
  .audience-thumb{width:74px;height:74px;border-radius:24px;font-size:34px}
  .problem-card img{height:154px!important;padding:26px!important}
}

/* --- Final uniform left-to-right red-to-black gradient system --- */
:root{
  --pru:#c51240;
  --pru-deep:#7c0c27;
  --pru-soft:#fff1f5;
  --pru-pale:#fce8ee;
  --accent-uniform:linear-gradient(90deg,#d11849 0%, #a30f35 26%, #6e0a22 56%, #111113 100%);
  --accent-uniform-soft:linear-gradient(90deg,rgba(209,24,73,.96) 0%, rgba(163,15,53,.96) 26%, rgba(110,10,34,.97) 56%, rgba(17,17,19,.98) 100%);
}
.ambient{
  background:
    radial-gradient(circle at 14% 0%, rgba(255,255,255,.98), transparent 34%),
    radial-gradient(circle at 88% 10%, rgba(209,24,73,.12), transparent 24%),
    radial-gradient(circle at 0% 100%, rgba(17,17,19,.05), transparent 28%),
    radial-gradient(circle at 82% 82%, rgba(124,12,39,.09), transparent 18%),
    linear-gradient(180deg,#fcfcfe 0%, #f8f8fb 46%, #ffffff 100%);
}
.brand-copy strong,
.footer-brand strong,
.gradient-brand,
.gradient-accent-text{
  background:var(--accent-uniform);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.brand-mark,
.eyebrow span,
.step-top span,
.nav-cta,
.btn-primary,
.snapshot-total,
.social-btn.calendar,
.connect-grid a:hover{
  background:var(--accent-uniform-soft)!important;
  color:#fff;
}
.btn-primary{box-shadow:0 18px 38px rgba(95,10,29,.28)}
.btn-primary:hover{box-shadow:0 22px 46px rgba(95,10,29,.34)}
.eyebrow{color:var(--pru-deep)}
.license-ribbon a,
.text-link,
.pru-link,
.primary-nav a:hover,
.primary-nav a.active,
.primary-nav a:focus-visible,
.footer-group a:hover{color:var(--pru)}
.hero-note span,
.license-ribbon,
.site-header,
.device-card,.journey-card,.soft-card,.quiz-shell,.result-card,.connect-card,.final-cta,.step-card,.audience-restored-card,.problem-card{
  background:rgba(255,255,255,.84);
  backdrop-filter:blur(26px) saturate(1.16);
}
.primary-nav{background:rgba(245,245,247,.94)}
.primary-nav a:hover,.primary-nav a.active,.primary-nav a:focus-visible{background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.problem-card img{height:200px!important;padding:34px!important;object-fit:contain!important;background:linear-gradient(180deg,#fff,#f8f8fb)!important}
.problem-card::before,.benefit-card::before,.audience-restored-card::before{background:linear-gradient(90deg,rgba(209,24,73,.06),transparent 40%,rgba(17,17,19,.03))}
.benefit-main-icon{background:linear-gradient(180deg,#fff,#fff6f8);border:1px solid rgba(197,18,64,.16);color:var(--pru-deep)}
.benefit-card .check-icon{background:linear-gradient(180deg,#27b764,#14934b)}
.audience-thumb{
  width:96px;height:96px;border-radius:28px;font-size:46px;
  background:linear-gradient(180deg,#fff,#fff6f8 64%, #f6f6f8 100%);
  border:1px solid rgba(197,18,64,.14);
}
.credential-grid span{background:linear-gradient(180deg,#fff8fa,#fff1f5);border:1px solid rgba(197,18,64,.18);color:#5f1329}
.footer-group h3,.footer-group a,.site-footer .disclaimer{font-size:13px;line-height:1.45}
.footer-group a{color:var(--muted)}
@media (max-width:640px){
  .problem-card img{height:156px!important;padding:26px!important}
  .audience-thumb{width:84px;height:84px;font-size:40px;border-radius:24px}
}

/* --- Final glass-lux palette refinement --- */
:root{
  --accent-uniform:linear-gradient(90deg,#d31a4b 0%, #b1143d 24%, #7a0d28 55%, #111113 100%);
  --accent-uniform-soft:linear-gradient(90deg,rgba(211,26,75,.96) 0%, rgba(177,20,61,.96) 24%, rgba(122,13,40,.97) 55%, rgba(17,17,19,.98) 100%);
  --glass-bg:linear-gradient(180deg,rgba(255,255,255,.64) 0%, rgba(255,255,255,.52) 100%);
  --glass-border:rgba(255,255,255,.58);
  --glass-shadow:0 24px 60px rgba(17,17,19,.10), inset 0 1px 0 rgba(255,255,255,.7);
}
body{
  background:
    linear-gradient(90deg,#fff7fa 0%, #fcfbfd 26%, #faf7f9 52%, #f3f1f4 76%, #eeedf0 100%);
}
.ambient{
  background:
    radial-gradient(circle at 10% 10%, rgba(255,255,255,.96), transparent 32%),
    radial-gradient(circle at 85% 16%, rgba(211,26,75,.18), transparent 24%),
    radial-gradient(circle at 18% 84%, rgba(122,13,40,.08), transparent 20%),
    radial-gradient(circle at 92% 78%, rgba(17,17,19,.10), transparent 22%),
    linear-gradient(90deg,rgba(255,245,248,.82) 0%, rgba(251,249,251,.74) 34%, rgba(244,241,244,.72) 72%, rgba(237,236,239,.86) 100%);
}
.grid-shell{opacity:.28;background-size:48px 48px}
.blur-orb{filter:blur(24px)}
.orb-one{background:rgba(211,26,75,.12)}
.orb-two{background:rgba(65,27,39,.08)}
.orb-three{background:rgba(255,255,255,.94)}
.site-header,
.license-ribbon,
.hero-note span,
.device-card,.journey-card,.soft-card,.quiz-shell,.result-card,.connect-card,.final-cta,.step-card,.audience-restored-card,.problem-card,
.profile-summary,
.portrait-card,
.proof-bar article{
  background:var(--glass-bg)!important;
  border:1px solid var(--glass-border)!important;
  box-shadow:var(--glass-shadow)!important;
  backdrop-filter:blur(28px) saturate(1.22)!important;
  -webkit-backdrop-filter:blur(28px) saturate(1.22)!important;
}
.site-header::before,
.license-ribbon::before,
.device-card::before,
.journey-card::before,
.soft-card::before,
.quiz-shell::before,
.result-card::before,
.connect-card::before,
.final-cta::before,
.step-card::before,
.audience-restored-card::before,
.problem-card::before,
.profile-summary::before,
.proof-bar article::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.46),rgba(255,255,255,0) 36%);
  pointer-events:none;
}
.proof-bar article,
.profile-summary,
.problem-card,
.audience-restored-card,
.benefit-card,
.journey-card,
.step-card,
.final-cta,
.connect-card,
.device-card,
.quiz-shell,
.result-card{position:relative;overflow:hidden}
.portrait-card{background:linear-gradient(180deg,rgba(255,255,255,.58),rgba(255,255,255,.38))!important}
.problem-card img{
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(249,248,250,.76))!important;
  border-bottom:1px solid rgba(255,255,255,.5);
}
.benefit-card .check-icon{
  box-shadow:0 10px 22px rgba(24,160,88,.22), inset 0 1px 0 rgba(255,255,255,.28);
}
.benefit-main-icon,
.audience-thumb{
  box-shadow:0 18px 34px rgba(17,17,19,.08), inset 0 1px 0 rgba(255,255,255,.78);
}
.audience-thumb{
  width:104px;height:104px;border-radius:30px;font-size:48px;
}
.primary-nav a,
.footer-group a,
.license-ribbon,
.hero-lead,
.hero-subtitle,
.about-copy p,
.section-heading p{letter-spacing:-.01em}
@media (max-width:640px){
  .audience-thumb{width:88px;height:88px;font-size:40px;border-radius:26px}
}

/* Save snapshot button */
.snapshot-download{
  color:#111113;
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(17,17,19,.10)!important;
}
.snapshot-download:hover{
  color:#fff;
  background:var(--accent-uniform-soft)!important;
}
.download-icon{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:linear-gradient(90deg,#d31a4b,#111113);
  color:#fff;
  font-size:16px;
  line-height:1;
  flex:0 0 26px;
}
.snapshot-download:hover .download-icon{
  background:rgba(255,255,255,.2);
}


/* --- Result action panel refinement and stable Netlify submission UI --- */
.result-card{
  align-items:stretch;
}
.result-action-panel{
  align-self:end;
  display:grid;
  gap:16px;
  padding:18px;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.56))!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:0 24px 60px rgba(17,17,19,.09), inset 0 1px 0 rgba(255,255,255,.72)!important;
  backdrop-filter:blur(28px) saturate(1.18);
  -webkit-backdrop-filter:blur(28px) saturate(1.18);
}
.result-submit-btn{
  width:100%;
  text-align:center;
  justify-content:center;
  min-height:58px;
  font-size:15px;
}
.contact-steven-block{
  display:grid;
  gap:12px;
  justify-items:center;
  padding:18px 14px;
  border-radius:24px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(17,17,19,.08);
}
.contact-steven-block p{
  margin:0;
  font-size:13px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
}
.contact-logo-row{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
}
.logo-action{
  width:58px;
  height:58px;
  border-radius:21px;
  display:grid;
  place-items:center;
  background:#fff;
  border:1px solid rgba(17,17,19,.09);
  box-shadow:0 14px 28px rgba(17,17,19,.06);
  transition:transform .2s ease, box-shadow .2s ease;
}
.logo-action:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 42px rgba(17,17,19,.11);
}
.logo-action img{
  width:30px;
  height:30px;
}
.result-book-call{
  width:100%;
  justify-content:center;
  text-align:center;
  min-height:54px;
}
.snapshot-inline-save{
  margin-top:14px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(17,17,19,.10);
  background:rgba(255,255,255,.74);
  color:#111113;
  border-radius:18px;
  padding:12px 15px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(17,17,19,.05);
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
.snapshot-inline-save:hover{
  transform:translateY(-2px);
  color:#fff;
  background:var(--accent-uniform-soft)!important;
  box-shadow:0 18px 38px rgba(95,10,29,.20);
}
.snapshot-inline-save:hover .download-icon{
  background:rgba(255,255,255,.18);
}
@media (max-width:980px){
  .result-action-panel{
    align-self:stretch;
  }
}
@media (max-width:640px){
  .contact-logo-row{
    gap:10px;
  }
  .logo-action{
    width:54px;
    height:54px;
    border-radius:19px;
  }
  .logo-action img{
    width:28px;
    height:28px;
  }
}


/* --- Success page alignment and responsive polish --- */
.success-page{
  min-height:100svh;
  display:grid;
  place-items:center;
  padding:clamp(18px,4vw,42px);
}
.success-shell{
  width:100%;
  display:grid;
  place-items:center;
}
.success-card{
  width:min(920px,100%);
  margin:0 auto!important;
  padding:clamp(34px,6vw,72px) clamp(20px,5vw,56px)!important;
  text-align:center;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.success-card .eyebrow{
  justify-content:center;
  margin-left:auto;
  margin-right:auto;
}
.success-card h1{
  width:100%;
  max-width:760px;
  margin:0 auto 18px;
  font-size:clamp(38px,8vw,78px)!important;
  line-height:.98;
  letter-spacing:-.06em;
  text-align:center;
}
.success-message{
  max-width:620px;
  margin:0 auto 28px!important;
  text-align:center;
}
.success-actions{
  width:100%;
  justify-content:center;
}

/* --- Cross-device responsive safeguards --- */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  min-width:320px;
}
.hero,.section,.proof-bar,.site-header,.license-ribbon,.site-footer{
  max-width:calc(100vw - 24px);
}
h1,h2,h3,p,a,button,input,select,textarea{
  overflow-wrap:anywhere;
}
img,svg,video,canvas{
  max-width:100%;
  height:auto;
}
.btn{
  min-height:48px;
  white-space:normal;
  text-align:center;
  justify-content:center;
}
.result-card,.quiz-shell,.connect-card,.final-cta,.success-card{
  max-width:min(100%,920px);
}
@media (max-width:1180px){
  .hero{
    grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);
    gap:clamp(24px,4vw,44px);
  }
}
@media (max-width:900px){
  .hero{
    grid-template-columns:1fr;
    min-height:auto;
    margin-top:38px;
  }
  .hero-copy{
    text-align:center;
    padding:18px 0 4px;
  }
  .hero-copy .eyebrow{
    justify-content:center;
  }
  .hero-actions{
    justify-content:center;
  }
  .hero-note{
    justify-content:center;
  }
  .hero-visual{
    max-width:560px;
    margin:0 auto;
  }
  .snapshot-section,.about-section,.connect-card,.site-footer,.result-card{
    grid-template-columns:1fr!important;
  }
  .result-action-panel{
    align-self:stretch;
  }
}
@media (max-width:760px){
  .section{
    padding:56px 0;
  }
  .proof-bar,.audience-grid,.four-up,.credential-grid,.field-grid,.result-metrics,.connect-grid,.footer-columns,.two-step-grid{
    grid-template-columns:1fr!important;
  }
  .hero-actions,.center-actions,.success-actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
    max-width:420px;
    margin-left:auto;
    margin-right:auto;
  }
  .site-header{
    border-radius:28px;
  }
  .primary-nav.open{
    max-height:420px;
  }
  .profile-summary{
    left:14px;
    right:14px;
    bottom:14px;
  }
  .success-card h1{
    font-size:clamp(34px,11vw,56px)!important;
  }
}
@media (max-width:430px){
  .hero,.section,.proof-bar,.site-header,.license-ribbon,.site-footer{
    width:calc(100% - 18px);
    max-width:calc(100vw - 18px);
  }
  .site-header,.license-ribbon{
    margin-left:auto;
    margin-right:auto;
  }
  .brand-copy small{
    display:none;
  }
  .brand-copy strong{
    font-size:13px;
  }
  h1{
    font-size:clamp(40px,13vw,58px);
  }
  h2{
    font-size:clamp(32px,10vw,42px);
  }
  .quiz-shell,.result-card,.connect-card,.final-cta,.success-card{
    padding-left:18px!important;
    padding-right:18px!important;
    border-radius:24px;
  }
  .option-grid{
    grid-template-columns:1fr!important;
  }
  .result-metrics div{
    padding:14px;
  }
  .result-metrics strong{
    font-size:20px;
  }
  .contact-logo-row{
    flex-wrap:wrap;
  }
  .success-page{
    padding:14px;
  }
}


/* --- Full-device responsive hardening pass --- */
:root{
  --page-gutter:clamp(12px,4vw,32px);
  --compact-gutter:clamp(9px,3vw,18px);
}
*,*::before,*::after{
  box-sizing:border-box;
}
html,body{
  width:100%;
  max-width:100%;
  min-width:0!important;
  overflow-x:hidden!important;
}
body{
  min-height:100svh;
  padding-left:env(safe-area-inset-left);
  padding-right:env(safe-area-inset-right);
}
.hero,.section,.proof-bar,.site-header,.license-ribbon,.site-footer{
  width:min(var(--max),calc(100% - (var(--page-gutter) * 2)))!important;
  max-width:min(var(--max),calc(100vw - (var(--page-gutter) * 2)))!important;
}
.site-header,.license-ribbon,.brand,.primary-nav,.hero,.hero-copy,.hero-visual,.quiz-shell,.result-card,.site-footer,.success-card{
  min-width:0;
}
.brand{
  overflow:hidden;
}
.brand-copy{
  min-width:0;
}
.brand-copy strong,.brand-copy small{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.primary-nav{
  min-width:0;
}
.primary-nav a{
  white-space:nowrap;
}
.hero-copy,.snapshot-copy,.about-copy,.section-heading,.result-summary{
  min-width:0;
}
.portrait-card{
  width:min(100%,clamp(280px,42vw,470px));
}
.profile-summary{
  width:min(100%,clamp(280px,42vw,470px));
}
.device-card,.quiz-shell,.result-card,.connect-card,.final-cta,.success-card{
  width:100%;
}
.field input,.field select,.field textarea{
  width:100%;
  min-width:0;
}
.result-action-panel,.contact-steven-block,.contact-logo-row{
  min-width:0;
}
.footer-columns,.connect-grid,.audience-grid,.proof-bar,.result-metrics,.credential-grid,.field-grid,.option-grid{
  min-width:0;
}

/* Large tablets and small laptops */
@media (max-width:1100px){
  .site-header{
    gap:10px;
  }
  .primary-nav a{
    padding:10px 10px;
    font-size:13px;
  }
  .nav-cta{
    padding:11px 14px;
  }
  .hero{
    grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);
    gap:clamp(24px,4vw,40px);
  }
  .proof-bar{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Tablet and all narrow browser windows */
@media (max-width:980px){
  .site-header{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
  }
  .brand{
    max-width:100%;
  }
  .brand-copy strong{
    max-width:min(58vw,360px);
  }
  .menu-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  .primary-nav{
    top:calc(100% + 10px)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
    z-index:200;
  }
  .primary-nav.open{
    display:grid!important;
  }
  .primary-nav a{
    width:100%;
    text-align:left;
    white-space:normal;
  }
  .nav-cta{
    display:none!important;
  }
  .hero{
    grid-template-columns:1fr!important;
    gap:28px;
    margin-top:34px;
  }
  .hero-visual{
    width:100%;
  }
  .portrait-card,.profile-summary{
    width:min(100%,520px);
  }
  .snapshot-section,.about-section,.connect-card,.site-footer,.two-step-grid,.result-card{
    grid-template-columns:1fr!important;
  }
  .device-card{
    max-width:100%;
    margin-left:0;
  }
  .about-photo img{
    height:auto!important;
    max-height:680px;
    object-fit:cover;
  }
  .result-card{
    max-width:100%;
  }
  .result-action-panel{
    align-self:stretch;
  }
}

/* Phones and compact tablets */
@media (max-width:760px){
  .hero,.section,.proof-bar,.site-header,.license-ribbon,.site-footer{
    width:calc(100% - (var(--compact-gutter) * 2))!important;
    max-width:calc(100vw - (var(--compact-gutter) * 2))!important;
  }
  .license-ribbon{
    border-radius:22px;
    padding:12px 14px;
    font-size:12px;
  }
  .site-header{
    border-radius:24px;
    padding:8px;
  }
  .brand-mark{
    width:38px;
    height:38px;
    flex:0 0 38px;
  }
  .brand-copy strong{
    max-width:min(60vw,280px);
  }
  .section{
    padding:52px 0;
  }
  .hero{
    margin-top:30px;
    margin-bottom:22px;
  }
  .hero-copy{
    text-align:center;
  }
  .hero-copy .eyebrow{
    justify-content:center;
  }
  h1{
    font-size:clamp(40px,11.5vw,62px)!important;
    line-height:1;
    letter-spacing:-.055em;
  }
  h2{
    font-size:clamp(32px,9vw,44px)!important;
    line-height:1.05;
  }
  .hero-subtitle{
    font-size:clamp(21px,6vw,28px);
  }
  .hero-lead,.section-heading p,.snapshot-copy p,.about-copy p,.connect-card p,.final-cta p{
    font-size:clamp(15px,4.2vw,18px);
  }
  .hero-actions,.center-actions,.success-actions{
    display:grid!important;
    grid-template-columns:1fr;
    width:100%;
    max-width:440px;
    margin-left:auto;
    margin-right:auto;
  }
  .hero-note{
    justify-content:center;
  }
  .proof-bar,.audience-grid,.four-up,.credential-grid,.field-grid,.result-metrics,.connect-grid,.footer-columns,.option-grid{
    grid-template-columns:1fr!important;
  }
  .proof-bar article,.soft-card,.step-card,.problem-card,.audience-restored-card{
    min-height:auto!important;
  }
  .quiz-shell,.result-card,.connect-card,.final-cta,.success-card{
    padding:clamp(18px,5vw,28px)!important;
    border-radius:26px!important;
  }
  .quiz-top{
    grid-template-columns:1fr!important;
    gap:12px;
  }
  .result-action-panel{
    padding:14px;
  }
  .contact-logo-row{
    flex-wrap:wrap;
  }
  .footer-columns{
    gap:18px;
  }
}

/* Small phones */
@media (max-width:430px){
  :root{
    --page-gutter:9px;
    --compact-gutter:9px;
  }
  .license-ribbon p{
    gap:4px;
  }
  .brand-copy small{
    display:none!important;
  }
  .brand-copy strong{
    max-width:calc(100vw - 132px);
    font-size:12.5px!important;
  }
  .menu-toggle{
    padding:9px 12px;
    font-size:13px;
  }
  .primary-nav{
    border-radius:20px!important;
  }
  .hero-copy{
    padding-top:8px;
  }
  h1{
    font-size:clamp(36px,12vw,52px)!important;
  }
  h2{
    font-size:clamp(30px,9.5vw,40px)!important;
  }
  h3{
    font-size:clamp(20px,6vw,24px);
  }
  .portrait-card{
    border-radius:28px!important;
  }
  .profile-summary{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    border-radius:20px!important;
  }
  .profile-summary span{
    font-size:12px;
  }
  .problem-card img{
    height:140px!important;
    padding:22px!important;
  }
  .benefit-main-icon{
    width:62px!important;
    height:62px!important;
    border-radius:20px!important;
  }
  .audience-thumb{
    width:76px!important;
    height:76px!important;
    font-size:36px!important;
    border-radius:23px!important;
  }
  .logo-action{
    width:52px!important;
    height:52px!important;
    border-radius:18px!important;
  }
  .logo-action img{
    width:27px!important;
    height:27px!important;
  }
  .success-card h1{
    font-size:clamp(32px,10.5vw,48px)!important;
  }
}

/* Extra-small / embedded browser safety */
@media (max-width:360px){
  .brand-copy strong{
    max-width:calc(100vw - 124px);
    font-size:12px!important;
  }
  .hero,.section,.proof-bar,.site-header,.license-ribbon,.site-footer{
    width:calc(100% - 14px)!important;
    max-width:calc(100vw - 14px)!important;
  }
  .btn{
    padding-left:13px;
    padding-right:13px;
    font-size:14px;
  }
  .quiz-shell,.result-card,.connect-card,.final-cta,.success-card{
    padding-left:14px!important;
    padding-right:14px!important;
  }
}

/* --- 7-step readiness assessment + bonus risk comfort check --- */
.step-question .eyebrow{margin-bottom:10px}
.sub-question{margin-top:22px;padding-top:20px;border-top:1px solid rgba(17,17,19,.08)}
.sub-question:first-of-type{border-top:0;padding-top:4px}
.sub-question h4,.risk-question h4{font-size:18px;line-height:1.25;letter-spacing:-.025em;margin:0 0 8px;color:var(--ink)}
.sub-question p,.risk-question p{margin:0 0 12px;color:var(--muted);font-size:14px;line-height:1.45}
.contact-sub-question{padding-bottom:6px}
.bonus-risk-card{max-width:920px;margin:22px auto 0;padding:26px;display:grid;grid-template-columns:.95fr 1.05fr;gap:22px;background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);backdrop-filter:blur(22px);position:relative;overflow:hidden}
.bonus-risk-card[hidden]{display:none}
.bonus-risk-copy h3{font-size:clamp(25px,3vw,34px);line-height:1.05;letter-spacing:-.045em;margin-bottom:12px}
.bonus-risk-copy p{color:var(--muted)}
.bonus-risk-tool{padding:18px;border-radius:28px;background:rgba(255,255,255,.58);border:1px solid rgba(17,17,19,.08)}
.risk-quiz-mount{display:grid;gap:14px}.risk-question{padding:14px;border-radius:22px;background:rgba(255,255,255,.72);border:1px solid rgba(17,17,19,.07)}
.risk-actions{margin-top:16px}.risk-result{margin-top:16px;padding:18px;border-radius:22px;background:linear-gradient(135deg,rgba(211,26,75,.08),rgba(17,17,19,.04));border:1px solid rgba(17,17,19,.08)}
.risk-result span{display:block;color:var(--muted);font-size:13px;font-weight:760;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.risk-result strong{display:block;font-size:26px;letter-spacing:-.04em;color:var(--ink);margin-bottom:8px}.risk-result p{margin:0;color:var(--muted)}
@media (max-width:900px){.bonus-risk-card{grid-template-columns:1fr}.bonus-risk-tool{padding:14px}}
@media (max-width:520px){.sub-question h4,.risk-question h4{font-size:16px}.bonus-risk-card{padding:18px;border-radius:26px}.risk-question{padding:12px}}


/* --- SC trademark marker + simplified score presentation --- */
.brand-mark{position:relative;}
.tm-mark{
  font-size:10px;
  line-height:1;
  vertical-align:super;
  margin-left:1px;
  font-weight:850;
  opacity:.9;
}
.sample-score-block{
  display:grid!important;
  gap:8px!important;
  align-items:start!important;
  justify-content:stretch!important;
  padding:20px!important;
}
.sample-score-block strong{
  display:grid!important;
  gap:2px!important;
  color:#fff;
}
.sample-score-block strong b{
  font-size:clamp(54px,8vw,82px);
  line-height:.9;
  letter-spacing:-.07em;
  font-weight:920;
}
.sample-score-block strong em{
  font-style:normal;
  font-size:18px;
  letter-spacing:-.02em;
  color:#f3d8e1;
  font-weight:780;
}
.live-score-total{
  grid-column:1/-1;
  background:linear-gradient(90deg,#d31a4b,#7a0d28,#111113)!important;
  color:#fff!important;
  display:grid!important;
  gap:8px!important;
}
.live-score-total span{color:#f8dce5!important;}
.live-score-total strong{
  display:grid!important;
  gap:4px!important;
}
.live-score-total strong b{
  font-size:clamp(56px,10vw,92px);
  line-height:.9;
  letter-spacing:-.075em;
  font-weight:920;
}
.live-score-total strong em{
  font-style:normal;
  font-size:clamp(18px,3vw,24px);
  color:#fff;
  font-weight:800;
}
@media (max-width:640px){
  .sample-score-block strong b{font-size:58px;}
  .live-score-total strong b{font-size:64px;}
}


/* --- Clean Apple-style background + photo-free landing hero --- */
.ambient{
  background:
    radial-gradient(circle at 50% -12%, rgba(255,255,255,.98), transparent 34%),
    radial-gradient(circle at 18% 12%, rgba(211,17,69,.045), transparent 24%),
    radial-gradient(circle at 86% 18%, rgba(17,17,19,.035), transparent 26%),
    linear-gradient(180deg,#fbfbfd 0%,#f7f7f9 46%,#ffffff 100%)!important;
}
.grid-shell,
.motion-line{
  display:none!important;
}
.blur-orb{
  opacity:.42!important;
  filter:blur(42px)!important;
  animation:none!important;
}
.orb-one{
  width:620px!important;
  height:620px!important;
  background:rgba(211,17,69,.055)!important;
  top:-160px!important;
  right:-260px!important;
}
.orb-two{
  width:560px!important;
  height:560px!important;
  background:rgba(235,232,236,.68)!important;
  bottom:-220px!important;
  left:-230px!important;
}
.orb-three{
  width:460px!important;
  height:460px!important;
  background:rgba(255,255,255,.86)!important;
  top:36%!important;
  left:42%!important;
}
body{
  background:
    radial-gradient(circle at 50% -10%,rgba(255,255,255,.98),transparent 34%),
    linear-gradient(180deg,#fbfbfd 0%,#f7f7f9 48%,#fff 100%)!important;
}
.hero-text-only{
  grid-template-columns:1fr!important;
  min-height:clamp(560px,72svh,760px);
  max-width:1100px!important;
  align-items:center;
  justify-items:center;
  text-align:center;
  margin-top:46px;
  margin-bottom:28px;
}
.hero-text-only .hero-copy{
  max-width:980px;
  margin:0 auto;
  padding:clamp(54px,8vw,92px) clamp(18px,4vw,46px);
  border-radius:clamp(32px,5vw,56px);
  background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(255,255,255,.52));
  border:1px solid rgba(255,255,255,.70);
  box-shadow:0 34px 100px rgba(17,17,19,.08), inset 0 1px 0 rgba(255,255,255,.88);
  backdrop-filter:blur(34px) saturate(1.18);
  -webkit-backdrop-filter:blur(34px) saturate(1.18);
}
.hero-text-only .eyebrow{
  justify-content:center;
}
.hero-text-only h1{
  max-width:940px;
  margin-left:auto;
  margin-right:auto;
  font-size:clamp(54px,8.6vw,112px);
}
.hero-text-only .hero-subtitle,
.hero-text-only .hero-lead{
  margin-left:auto;
  margin-right:auto;
}
.hero-text-only .hero-actions,
.hero-text-only .hero-note{
  justify-content:center;
}
@media (max-width:760px){
  .hero-text-only{
    min-height:auto;
    margin-top:30px;
  }
  .hero-text-only .hero-copy{
    padding:42px 20px;
    border-radius:30px;
  }
  .hero-text-only h1{
    font-size:clamp(42px,12vw,68px)!important;
  }
}
@media (max-width:430px){
  .hero-text-only .hero-copy{
    padding:34px 16px;
    border-radius:26px;
  }
}


/* --- Final premium responsive polish: trust ribbon, alignment, TM, and hover effects --- */
.trust-ribbon{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:10px 12px!important;
  border-radius:999px!important;
  font-size:clamp(11px,1.05vw,13px)!important;
  line-height:1.25!important;
  overflow:hidden;
}
.trust-ribbon p{
  min-width:0;
  flex:1 1 auto;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  text-align:center;
}
.trust-ribbon p strong,
.trust-ribbon p span{
  white-space:nowrap;
  min-width:0;
}
.trust-ribbon a{
  border-radius:999px;
  transition:color .22s ease, background .22s ease, box-shadow .22s ease, transform .22s ease!important;
}
.trust-ribbon p a{
  color:var(--pru)!important;
  font-weight:830;
  padding:2px 5px;
}
.trust-ribbon p a:hover,
.trust-ribbon p a:focus-visible{
  color:#fff!important;
  background:linear-gradient(90deg,#d31a4b,#111113)!important;
  box-shadow:0 10px 22px rgba(211,26,75,.18);
}
.verify-link{
  flex:0 0 auto;
  color:#fff!important;
  background:linear-gradient(90deg,#d31a4b,#111113)!important;
  padding:8px 12px!important;
  box-shadow:0 12px 26px rgba(17,17,19,.12);
}
.verify-link:hover,.verify-link:focus-visible{
  transform:translateY(-1px);
  box-shadow:0 16px 34px rgba(17,17,19,.18);
}
@media (max-width:760px){
  .trust-ribbon{
    width:calc(100% - 18px)!important;
    max-width:calc(100vw - 18px)!important;
    border-radius:22px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    padding:11px!important;
  }
  .trust-ribbon p{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    justify-items:center!important;
  }
  .trust-ribbon p span::before{display:none!important;content:none!important}
  .trust-ribbon p strong,.trust-ribbon p span{
    white-space:normal!important;
    text-wrap:balance;
  }
  .verify-link{
    width:100%;
    text-align:center;
    justify-content:center;
    padding:9px 12px!important;
  }
}
@media (max-width:380px){
  .trust-ribbon{font-size:11px!important;padding:10px!important}
}

/* Trademark marker: small circled TM at upper-right of C */
.brand-mark{position:relative;overflow:visible!important;}
.tm-mark{
  position:absolute!important;
  top:6px!important;
  right:5px!important;
  width:12px!important;
  height:12px!important;
  display:grid!important;
  place-items:center!important;
  border:1.2px solid currentColor!important;
  border-radius:999px!important;
  font-size:5.5px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.08em!important;
  margin:0!important;
  opacity:.95!important;
  background:rgba(255,255,255,.08)!important;
  transform:none!important;
}
.sc-branded{white-space:nowrap;display:inline-flex;align-items:flex-start;gap:1px;}
.tm-inline{
  width:12px;height:12px;display:inline-grid;place-items:center;border:1px solid currentColor;border-radius:999px;
  font-size:5.5px;line-height:1;font-weight:900;letter-spacing:-.08em;margin-left:1px;transform:translateY(-.28em);opacity:.88;
}

/* Center Connect with Steven perfectly */
.connect-section .connect-card{
  text-align:center!important;
  grid-template-columns:1fr!important;
  justify-items:center!important;
  align-items:center!important;
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
}
.connect-section .connect-card > div:first-child{
  max-width:760px;
  display:grid;
  justify-items:center;
}
.connect-section .eyebrow{justify-content:center!important;}
.connect-section .connect-grid{
  width:100%;
  max-width:760px;
  justify-content:center;
}

/* Apply premium color-shift hover effect across links and buttons */
.btn,.nav-cta,.text-link,.footer-group a,.footer-brand,.primary-nav a,.social-btn,.connect-grid a,.logo-action,.snapshot-inline-save,.result-book-call,.result-submit-btn,.license-ribbon a{
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease, border-color .22s ease, filter .22s ease!important;
}
.btn:hover,.btn:focus-visible,.nav-cta:hover,.nav-cta:focus-visible,.text-link:hover,.text-link:focus-visible,.footer-group a:hover,.footer-group a:focus-visible,.primary-nav a:hover,.primary-nav a:focus-visible,.social-btn:hover,.social-btn:focus-visible,.snapshot-inline-save:hover,.snapshot-inline-save:focus-visible,.result-book-call:hover,.result-book-call:focus-visible{
  transform:translateY(-2px)!important;
  color:#fff!important;
  background:linear-gradient(90deg,#d31a4b,#111113)!important;
  border-color:rgba(211,26,75,.30)!important;
  box-shadow:0 18px 40px rgba(95,10,29,.20)!important;
}
.btn-primary:hover,.btn-primary:focus-visible,.nav-cta:hover,.nav-cta:focus-visible{
  filter:saturate(1.08) contrast(1.04);
  box-shadow:0 22px 52px rgba(211,26,75,.28)!important;
}
.connect-grid a:hover,.connect-grid a:focus-visible,.logo-action:hover,.logo-action:focus-visible{
  transform:translateY(-3px)!important;
  background:#fff!important;
  box-shadow:0 20px 42px rgba(17,17,19,.12)!important;
  color:var(--pru)!important;
  filter:saturate(1.08);
}
.connect-grid a:hover img,.connect-grid a:focus-visible img,.logo-action:hover img,.logo-action:focus-visible img{
  transform:scale(1.08);
}
.connect-grid img,.logo-action img{transition:transform .22s ease, filter .22s ease!important;}
.footer-brand:hover,.footer-brand:focus-visible{transform:translateY(-2px);filter:saturate(1.08)}
@media (prefers-reduced-motion: reduce){
  .btn:hover,.nav-cta:hover,.text-link:hover,.footer-group a:hover,.primary-nav a:hover,.social-btn:hover,.connect-grid a:hover,.logo-action:hover,.snapshot-inline-save:hover{transform:none!important}
}


/* --- Refinement: social-style icon hover effects + Apple-style TM --- */

/* Apple-style TM: no circle, correctly placed, adaptive, not overlapping */
.brand-mark{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate;
}
.tm-mark{
  position:absolute!important;
  top:7px!important;
  right:5px!important;
  width:auto!important;
  height:auto!important;
  display:inline-block!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.92)!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-.03em!important;
  margin:0!important;
  opacity:.95!important;
  transform:none!important;
  pointer-events:none;
}
.sc-branded{
  white-space:nowrap;
  display:inline-flex;
  align-items:flex-start;
  gap:1px;
}
.tm-inline{
  display:inline-block!important;
  border:0!important;
  border-radius:0!important;
  width:auto!important;
  height:auto!important;
  margin-left:1px!important;
  transform:translateY(-.42em)!important;
  font-size:.45em!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
  opacity:.72!important;
  vertical-align:super!important;
}
@media (max-width:760px){
  .tm-mark{
    top:6px!important;
    right:5px!important;
    font-size:6.4px!important;
  }
}
@media (max-width:430px){
  .tm-mark{
    top:6px!important;
    right:5px!important;
    font-size:6px!important;
  }
}

/* Keep normal buttons premium, but do not force every button into the icon-color behavior */
.btn:hover,.btn:focus-visible,
.nav-cta:hover,.nav-cta:focus-visible,
.text-link:hover,.text-link:focus-visible,
.footer-group a:hover,.footer-group a:focus-visible,
.primary-nav a:hover,.primary-nav a:focus-visible,
.social-btn:hover,.social-btn:focus-visible,
.snapshot-inline-save:hover,.snapshot-inline-save:focus-visible,
.result-book-call:hover,.result-book-call:focus-visible{
  transform:translateY(-2px)!important;
  color:#fff!important;
  background:linear-gradient(90deg,#d31a4b,#111113)!important;
  border-color:rgba(211,26,75,.30)!important;
  box-shadow:0 18px 40px rgba(95,10,29,.20)!important;
}

/* Apply the social-icon style interaction to other clickable icon/choice elements */
.connect-grid a,
.logo-action,
.option,
.step-card,
.benefit-card,
.audience-restored-card,
.problem-card,
.credential-grid a,
.metric-list div,
.snapshot-total,
.live-score-card,
.bonus-risk-toggle,
.risk-option,
.scored-step-pill{
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    background .22s ease,
    border-color .22s ease,
    color .22s ease,
    filter .22s ease!important;
}

/* Social icons keep the subtle white-card color behavior */
.connect-grid a:hover,
.connect-grid a:focus-visible,
.logo-action:hover,
.logo-action:focus-visible{
  transform:translateY(-3px)!important;
  background:#fff!important;
  color:var(--pru)!important;
  border-color:rgba(211,26,75,.22)!important;
  box-shadow:0 20px 42px rgba(17,17,19,.12)!important;
  filter:saturate(1.08);
}

/* Apply same behavior to selectable quiz options and other icon/option cards */
.option:hover,
.option:focus-within,
.option.selected,
.risk-option:hover,
.risk-option:focus-within,
.risk-option.selected{
  transform:translateY(-2px)!important;
  background:#fff!important;
  color:var(--pru)!important;
  border-color:rgba(211,26,75,.28)!important;
  box-shadow:0 18px 38px rgba(17,17,19,.10)!important;
}
.step-card:hover,
.benefit-card:hover,
.audience-restored-card:hover,
.problem-card:hover,
.live-score-card:hover,
.bonus-risk-toggle:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(211,26,75,.22)!important;
  box-shadow:0 24px 54px rgba(17,17,19,.12)!important;
  filter:saturate(1.04);
}

/* Make icons inside option-style areas feel alive like the social buttons */
.connect-grid img,
.logo-action img,
.benefit-main-icon,
.audience-thumb,
.problem-card img,
.check-icon,
.step-top span,
.risk-option input,
.option input{
  transition:transform .22s ease, filter .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease!important;
}
.connect-grid a:hover img,
.connect-grid a:focus-visible img,
.logo-action:hover img,
.logo-action:focus-visible img,
.option:hover input,
.option:focus-within input,
.option.selected input,
.risk-option:hover input,
.risk-option:focus-within input,
.risk-option.selected input{
  transform:scale(1.08)!important;
}
.benefit-card:hover .benefit-main-icon,
.audience-restored-card:hover .audience-thumb,
.problem-card:hover img,
.step-card:hover .step-top span{
  transform:scale(1.04)!important;
  filter:saturate(1.1);
}

/* Keep static metric cards from feeling too clickable unless they are inside previews */
.result-metrics div:hover{
  transform:none!important;
}

/* Better focus state for keyboard users */
a:focus-visible,
button:focus-visible,
.option:focus-within,
.risk-option:focus-within{
  outline:3px solid rgba(211,26,75,.24)!important;
  outline-offset:3px!important;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .connect-grid a:hover,.logo-action:hover,.option:hover,.risk-option:hover,.step-card:hover,.benefit-card:hover,.audience-restored-card:hover,.problem-card:hover,.live-score-card:hover,.bonus-risk-toggle:hover{
    transform:none!important;
  }
}


/* --- Final requested refinements: contrast, hamburger, sample labels, icon consistency --- */

/* Verify license contrast: subtle but readable and premium */
.verify-link{
  color:#fff!important;
  background:linear-gradient(90deg,#d31a4b 0%,#8b1536 52%,#111113 100%)!important;
  border:1px solid rgba(255,255,255,.42)!important;
  font-weight:850!important;
  letter-spacing:-.01em;
}
.verify-link:hover,.verify-link:focus-visible{
  color:#fff!important;
  filter:saturate(1.12) contrast(1.05);
}

/* Hamburger menu icon */
.menu-toggle{
  width:44px!important;
  height:44px!important;
  padding:0!important;
  display:none;
  place-items:center!important;
  gap:4px!important;
  background:rgba(245,245,247,.9)!important;
  border:1px solid rgba(17,17,19,.08)!important;
}
.menu-toggle span{
  display:block;
  width:18px;
  height:2px;
  border-radius:999px;
  background:#111113;
  transition:transform .22s ease, opacity .22s ease, background .22s ease;
}
.menu-toggle:hover span,
.menu-toggle:focus-visible span{
  background:#fff;
}
@media (max-width:980px){
  .menu-toggle{display:grid!important;}
}

/* Sample score category descriptions */
.sample-category-list div{
  align-items:flex-start!important;
  gap:4px;
}
.sample-category-list small{
  display:block;
  color:#77777d;
  font-size:11.5px;
  line-height:1.25;
  margin-top:2px;
  margin-bottom:8px;
  letter-spacing:-.01em;
}
.sample-category-list strong{
  margin-left:auto;
}

/* Uniform custom problem icons */
.problem-card img{
  object-fit:contain!important;
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(249,248,250,.82))!important;
  filter:none!important;
}

/* Uniform 4Ps icon images */
.benefit-main-icon{
  color:#d31a4b;
}
.benefit-main-icon img{
  width:48px!important;
  height:48px!important;
  object-fit:contain;
  margin:auto;
}

/* Keep all custom clickable/selectable icon effects consistent */
.problem-card:hover img,
.benefit-card:hover .benefit-main-icon img{
  transform:scale(1.04)!important;
  filter:saturate(1.08)!important;
}

/* Stronger mobile fit for top ribbon after text links */
@media (max-width:760px){
  .trust-ribbon p a{
    display:inline-flex;
    justify-content:center;
    max-width:100%;
  }
}


/* --- Final content polish: hero promises, sample score alignment, legal pages, audience icons --- */
.verify-link,
.verify-link:visited{
  color:#fff!important;
}
.hero-promise{
  justify-content:center;
  gap:12px;
}
.hero-promise span{
  display:inline-flex;
  align-items:center;
  gap:1px;
  padding:9px 14px;
  border:1px solid rgba(211,26,75,.16);
  background:rgba(255,255,255,.76);
  box-shadow:0 12px 26px rgba(17,17,19,.05);
  color:#3a3a3c;
}
.hero-promise span strong{
  color:#d31a4b;
  font-weight:950;
  letter-spacing:-.04em;
}
.hero-promise span:hover{
  color:#fff;
  background:linear-gradient(90deg,#d31a4b,#111113);
  transform:translateY(-2px);
}
.hero-promise span:hover strong{color:#fff;}

.sample-category-list{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  text-align:center;
}
.sample-category-list div{
  display:grid!important;
  justify-items:center!important;
  align-items:center!important;
  text-align:center!important;
  padding:15px 10px!important;
}
.sample-category-list span{
  font-weight:900!important;
  color:#111113!important;
  font-size:14px!important;
  margin-bottom:3px!important;
}
.sample-category-list small{
  display:block;
  max-width:135px;
  margin:0 auto 9px!important;
  color:#77777d;
  font-size:10.8px!important;
  line-height:1.22;
  letter-spacing:-.01em;
  text-align:center;
}
.sample-category-list strong{
  margin:0!important;
  font-size:25px!important;
}
@media (max-width:520px){
  .sample-category-list{
    grid-template-columns:1fr!important;
  }
  .sample-category-list small{
    max-width:220px;
  }
}

.audience-thumb{
  display:grid!important;
  place-items:center!important;
  color:#d31a4b;
}
.audience-thumb img{
  width:58px!important;
  height:58px!important;
  object-fit:contain!important;
}
.audience-restored-card:hover .audience-thumb img{
  transform:scale(1.06)!important;
  filter:saturate(1.08)!important;
}

.legal-header{
  margin-top:14px!important;
}
.legal-page{
  max-width:900px!important;
  padding-top:48px!important;
}
.legal-page h1{
  font-size:clamp(42px,6vw,76px)!important;
}
.legal-page h2{
  font-size:clamp(24px,3vw,34px)!important;
  margin-top:32px;
  margin-bottom:10px;
}
.legal-page p{
  color:#515157;
  font-size:17px;
}
.legal-lead{
  font-size:20px!important;
  color:#303034!important;
}
.legal-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:34px 0 18px;
}
.legal-page .text-link{
  display:inline;
  font-weight:830;
}
@media (max-width:760px){
  .legal-header{
    width:calc(100% - 18px)!important;
    max-width:calc(100vw - 18px)!important;
  }
  .legal-header .nav-cta{
    display:inline-flex!important;
  }
  .legal-page{
    padding-top:34px!important;
  }
  .legal-actions{
    display:grid;
  }
}


/* --- Final CTA, bonus, and responsive alignment refinements --- */
.hero-keyword{
  display:inline-block;
  font-weight:850;
  color:#d31a4b;
  letter-spacing:-.02em;
  white-space:nowrap;
}
.score-remark{
  margin-top:14px!important;
  margin-bottom:14px!important;
  padding:12px 14px;
  border:1px solid rgba(211,26,75,.14);
  border-radius:18px;
  background:rgba(255,255,255,.68);
  color:#515157!important;
  font-size:14px!important;
  line-height:1.45;
}
.sample-category-list{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  text-align:center!important;
}
.sample-category-list div{
  display:grid!important;
  justify-items:center!important;
  align-items:center!important;
  text-align:center!important;
  min-width:0!important;
}
.sample-category-list span{
  font-weight:900!important;
  color:#111113!important;
}
.sample-category-list small{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.sample-category-list strong{
  margin-left:0!important;
}
@media (max-width:620px){
  .sample-category-list{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .sample-category-list div{
    padding:16px!important;
  }
  .sample-category-list small{
    max-width:260px!important;
    font-size:11.2px!important;
  }
}

.bonus-step-card{
  position:relative;
  overflow:hidden;
  border-color:rgba(211,26,75,.22)!important;
  background:
    radial-gradient(circle at 85% 0%,rgba(211,26,75,.13),transparent 32%),
    rgba(255,255,255,.82)!important;
}
.bonus-step-card::after{
  content:"Bonus";
  position:absolute;
  top:18px;
  right:18px;
  padding:7px 11px;
  border-radius:999px;
  background:linear-gradient(90deg,#d31a4b,#111113);
  color:#fff;
  font-size:11px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 14px 30px rgba(95,10,29,.18);
}
.bonus-label{
  display:inline-flex;
  align-items:center;
  margin-right:6px;
  padding:5px 9px;
  border-radius:999px;
  background:linear-gradient(90deg,#d31a4b,#111113);
  color:#fff;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  vertical-align:middle;
}
.bonus-step-card h3{
  padding-right:72px;
}
@media (max-width:520px){
  .bonus-step-card::after{
    position:static;
    display:inline-flex;
    width:max-content;
    margin-bottom:12px;
  }
  .bonus-step-card h3{
    padding-right:0;
  }
}

.audience-restored-card .audience-thumb img{
  width:58px!important;
  height:58px!important;
  object-fit:contain!important;
  display:block!important;
}


/* --- Final user-requested polish: black hero keywords + sample box alignment --- */

/* Highlight hero keywords in black, not red */
.hero-keyword{
  color:#111113!important;
  font-weight:900!important;
  background:linear-gradient(180deg,transparent 58%,rgba(211,26,75,.13) 58%)!important;
  border-radius:6px;
  padding:0 2px;
}

/* Sample Only category boxes: centered horizontally on desktop and fully centered on small screens */
.sample-category-centered{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  gap:10px!important;
  width:100%!important;
}
.sample-category-centered div{
  min-width:0!important;
  width:100%!important;
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  justify-items:center!important;
  align-items:center!important;
  align-content:center!important;
  text-align:center!important;
  padding:16px 12px!important;
  margin:0!important;
}
.sample-category-centered span,
.sample-category-centered small,
.sample-category-centered strong{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  justify-self:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.sample-category-centered span{
  font-weight:900!important;
  line-height:1.1!important;
}
.sample-category-centered small{
  max-width:150px!important;
  line-height:1.22!important;
  margin-top:4px!important;
  margin-bottom:10px!important;
}
.sample-category-centered strong{
  line-height:1!important;
}

@media (max-width:620px){
  .sample-category-centered{
    grid-template-columns:1fr!important;
    justify-items:center!important;
    align-items:center!important;
    gap:10px!important;
  }
  .sample-category-centered div{
    width:100%!important;
    max-width:100%!important;
    justify-items:center!important;
    align-items:center!important;
    align-content:center!important;
    text-align:center!important;
    padding:17px 14px!important;
  }
  .sample-category-centered small{
    max-width:250px!important;
  }
}

@media (max-width:380px){
  .sample-category-centered div{
    padding:16px 10px!important;
  }
  .sample-category-centered span,
  .sample-category-centered small,
  .sample-category-centered strong{
    text-align:center!important;
  }
}


/* --- Publish-ready final polish --- */

/* Slightly calmer hero keyword highlight */
.hero-keyword{
  background:linear-gradient(180deg,transparent 64%,rgba(211,26,75,.10) 64%)!important;
  color:#111113!important;
  padding:0 1px!important;
}

/* Menu icon alignment and touch feel */
.menu-toggle{
  flex:0 0 44px!important;
}
.menu-toggle span{
  transform-origin:center!important;
}

/* Header nav spacing under tight desktop widths */
@media (max-width:1120px) and (min-width:981px){
  .primary-nav a{
    padding-left:10px!important;
    padding-right:10px!important;
    font-size:13px!important;
  }
  .brand-copy strong{
    font-size:14px!important;
  }
}

/* Make sample category cards behave perfectly across narrow screens */
.sample-category-centered div{
  min-height:116px!important;
}
@media (max-width:620px){
  .sample-category-centered div{
    min-height:auto!important;
  }
}

/* Better line-breaking for premium headings */
.hero-text-only h1,
.section-heading h2,
.final-cta h2{
  text-wrap:balance;
}
.hero-lead,
.section-heading p,
.legal-lead{
  text-wrap:pretty;
}

/* Legal page readability */
.legal-page{
  width:min(900px,calc(100% - 32px))!important;
}
.legal-page h2{
  color:#111113;
}

/* Footer link tap targets */
.footer-group a{
  display:inline-flex;
  min-height:30px;
  align-items:center;
}

/* Avoid accidental horizontal overflow on very small screens */
html, body{
  max-width:100%;
  overflow-x:hidden;
}

/* Print-friendly legal pages */
@media print{
  .site-header,.legal-actions,.license-ribbon,.nav-cta,.menu-toggle{display:none!important}
  body{background:#fff!important;color:#111!important}
  .legal-page{max-width:100%!important;width:100%!important;padding:0!important}
  a{text-decoration:underline}
}


/* --- Uniform social/contact icons to match site icon system --- */
.connect-grid img,
.logo-action img,
.social-btn img{
  width:34px!important;
  height:34px!important;
  object-fit:contain!important;
  filter:none!important;
}
.logo-action{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(249,248,250,.86))!important;
}
.logo-action:hover img,
.connect-grid a:hover img,
.social-btn:hover img{
  transform:scale(1.06)!important;
  filter:saturate(1.08)!important;
}
.connect-grid a:hover,
.logo-action:hover,
.social-btn:hover{
  border-color:rgba(211,26,75,.22)!important;
}


/* WhatsApp button fix: keep the whole card/link clickable */
.logo-action img,
.connect-grid a img,
.social-btn img{
  pointer-events:none!important;
}
.logo-action.whatsapp,
a[data-whatsapp-link="true"]{
  cursor:pointer!important;
}


/* --- Result, screenshot, form and WhatsApp final fixes --- */
.result-submit-btn{
  text-align:center!important;
}
.result-metrics .sample-metric{
  display:grid!important;
  justify-items:center!important;
  align-items:center!important;
  text-align:center!important;
}
.result-metrics .sample-metric span{
  font-weight:900!important;
  color:#111113!important;
  font-size:14px!important;
}
.result-metrics .sample-metric small{
  display:block;
  max-width:170px;
  margin:3px auto 8px!important;
  color:#77777d;
  font-size:11.2px!important;
  line-height:1.22;
  text-align:center;
}
.result-metrics .priority-metric{
  display:grid!important;
  align-content:center!important;
}
.result-metrics .suggested-action-metric{
  grid-column:1/-1;
  background:linear-gradient(90deg,#d31a4b,#111113)!important;
  color:#fff!important;
  border:0!important;
  text-align:center!important;
  box-shadow:0 20px 44px rgba(95,10,29,.18);
}
.result-metrics .suggested-action-metric span,
.result-metrics .suggested-action-metric small{
  color:rgba(255,255,255,.78)!important;
}
.result-metrics .suggested-action-metric strong{
  color:#fff!important;
  display:block;
  font-size:clamp(22px,3vw,32px)!important;
  margin:6px auto;
}
.result-disclaimer{
  padding:14px 16px;
  border:1px solid rgba(211,26,75,.14);
  background:rgba(255,255,255,.72);
  border-radius:18px;
}
.logo-action img,
.connect-grid a img,
.social-btn img{
  pointer-events:none!important;
}
@media (max-width:520px){
  .result-metrics .sample-metric small{
    max-width:240px;
  }
}


/* --- About section premium simplification --- */
.about-premium-section{
  align-items:center;
}
.about-photo{
  position:relative;
}
.about-photo-badge{
  position:absolute;
  left:22px;
  right:22px;
  bottom:22px;
  display:grid;
  gap:2px;
  padding:16px 18px;
  border-radius:24px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(255,255,255,.72);
  backdrop-filter:blur(24px) saturate(1.2);
  -webkit-backdrop-filter:blur(24px) saturate(1.2);
  box-shadow:0 20px 50px rgba(17,17,19,.12);
}
.about-photo-badge strong{
  font-size:22px;
  line-height:1;
  letter-spacing:-.04em;
  color:#111113;
}
.about-photo-badge span{
  font-size:13px;
  font-weight:700;
  color:#6e6e73;
}
.about-premium-card{
  padding:34px;
  border-radius:36px;
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.58));
  border:1px solid rgba(255,255,255,.70);
  box-shadow:0 30px 90px rgba(17,17,19,.08), inset 0 1px 0 rgba(255,255,255,.88);
  backdrop-filter:blur(28px) saturate(1.12);
  -webkit-backdrop-filter:blur(28px) saturate(1.12);
}
.premium-credential-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:24px 0 16px;
}
.premium-credential-row article{
  min-width:0;
  display:grid;
  gap:8px;
  padding:16px 14px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(17,17,19,.08);
  box-shadow:0 14px 34px rgba(17,17,19,.055);
}
.premium-credential-row span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#f7e7ec;
  color:#d31a4b;
  font-size:12px;
  font-weight:900;
}
.premium-credential-row strong{
  color:#111113;
  font-size:15px;
  line-height:1.1;
  letter-spacing:-.02em;
}
.premium-credential-row small{
  color:#6e6e73;
  line-height:1.35;
  font-size:12.5px;
}
.credential-details{
  margin:14px 0 16px;
  border:1px solid rgba(17,17,19,.08);
  border-radius:20px;
  background:rgba(255,255,255,.62);
  overflow:hidden;
}
.credential-details summary{
  cursor:pointer;
  list-style:none;
  padding:14px 16px;
  font-weight:850;
  color:#111113;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.credential-details summary::-webkit-details-marker{display:none}
.credential-details summary::after{
  content:"+";
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#f7e7ec;
  color:#d31a4b;
  font-weight:900;
}
.credential-details[open] summary::after{content:"–";}
.credential-details .credential-grid{
  padding:0 14px 14px;
}
.about-premium-card .credential-note{
  margin-top:14px;
}
@media (max-width:900px){
  .premium-credential-row{
    grid-template-columns:1fr;
  }
  .about-premium-card{
    padding:24px;
    border-radius:30px;
  }
}
@media (max-width:520px){
  .about-photo-badge{
    left:14px;
    right:14px;
    bottom:14px;
    padding:14px 15px;
    border-radius:20px;
  }
}


/* --- Refined About credentials --- */
.about-photo-badge strong{
  font-size:clamp(18px,2.2vw,24px)!important;
  line-height:1.05!important;
}
.about-photo-badge span{
  max-width:460px;
  line-height:1.28;
}
.refined-credential-row article{
  min-height:178px;
  align-content:start;
}
.refined-credential-row strong{
  font-size:16px!important;
}
.refined-credential-row small{
  font-size:12.8px!important;
  line-height:1.42!important;
}
.subtle-note{
  color:#77777d!important;
  font-size:13.5px!important;
  margin-bottom:10px!important;
}
@media (max-width:900px){
  .refined-credential-row article{
    min-height:auto;
  }
}


/* --- Final credential card and trust ribbon alignment polish --- */

/* Top trust ribbon: left-aligned on large screens, adaptive and centered on mobile */
.trust-ribbon{
  justify-content:space-between!important;
}
.trust-ribbon p{
  justify-content:flex-start!important;
  text-align:left!important;
}
@media (min-width:761px){
  .trust-ribbon p{
    justify-items:start!important;
  }
}
@media (max-width:760px){
  .trust-ribbon p{
    justify-content:center!important;
    text-align:center!important;
  }
}

/* About credential cards: centered, contained, no text overflow */
.refined-credential-row{
  align-items:stretch!important;
}
.refined-credential-row article{
  display:grid!important;
  grid-template-rows:auto auto 1fr!important;
  justify-items:center!important;
  align-items:start!important;
  align-content:start!important;
  text-align:center!important;
  min-width:0!important;
  width:100%!important;
  overflow:hidden!important;
  padding:18px 14px!important;
  min-height:205px!important;
}
.refined-credential-row article > span{
  margin:0 auto 2px!important;
}
.refined-credential-row article > strong{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  text-align:center!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:auto!important;
  line-height:1.15!important;
  font-size:clamp(14px,1.25vw,16px)!important;
}
.refined-credential-row article > small{
  display:block!important;
  width:100%!important;
  max-width:230px!important;
  margin:0 auto!important;
  text-align:center!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  line-height:1.38!important;
  font-size:12.4px!important;
}
.verify-small-link{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  margin-top:6px!important;
  font-size:13px!important;
  font-weight:800!important;
  padding:8px 10px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.62)!important;
  border:1px solid rgba(17,17,19,.08)!important;
}
.verify-small-link:hover,
.verify-small-link:focus-visible{
  color:#fff!important;
  background:linear-gradient(90deg,#d31a4b,#111113)!important;
}

@media (max-width:1120px) and (min-width:901px){
  .refined-credential-row{
    gap:8px!important;
  }
  .refined-credential-row article{
    padding:16px 10px!important;
    min-height:220px!important;
  }
  .refined-credential-row article > small{
    font-size:12px!important;
  }
}
@media (max-width:900px){
  .refined-credential-row article{
    min-height:auto!important;
    padding:17px 16px!important;
  }
  .refined-credential-row article > small{
    max-width:360px!important;
  }
}


/* --- Final copy/layout polish: uniform, adaptive, aligned, premium --- */

/* Consistent text rendering and spacing */
body{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
p, li, small, span{
  text-wrap:pretty;
}
h1,h2,h3{
  text-wrap:balance;
}

/* Sample category punctuation/alignment consistency */
.sample-category-centered div,
.sample-category-list div,
.result-metrics .sample-metric{
  justify-items:center!important;
  align-items:center!important;
  align-content:center!important;
  text-align:center!important;
}
.sample-category-centered span,
.sample-category-list span,
.result-metrics .sample-metric span{
  font-weight:900!important;
  letter-spacing:-.015em;
}
.sample-category-centered small,
.sample-category-list small,
.result-metrics .sample-metric small{
  text-align:center!important;
  line-height:1.25!important;
  overflow-wrap:break-word!important;
}

/* Keep desktop sample boxes horizontal and balanced */
@media (min-width:621px){
  .sample-category-centered,
  .sample-category-list{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    justify-content:center!important;
  }
}

/* Keep mobile sample boxes centered and premium */
@media (max-width:620px){
  .sample-category-centered,
  .sample-category-list{
    grid-template-columns:1fr!important;
    justify-items:center!important;
  }
  .sample-category-centered div,
  .sample-category-list div{
    width:100%!important;
    max-width:360px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Premium card rhythm */
.soft-card,
.step-card,
.benefit-card,
.audience-restored-card,
.problem-card,
.about-premium-card,
.quiz-shell,
.device-card,
.connect-card{
  border-color:rgba(17,17,19,.08)!important;
}

/* About credential boxes: final overflow guard */
.refined-credential-row article{
  box-sizing:border-box!important;
}
.refined-credential-row article > strong,
.refined-credential-row article > small{
  overflow-wrap:anywhere!important;
}

/* Trust ribbon stays elegant on all sizes */
.trust-ribbon p{
  row-gap:4px!important;
}
@media (max-width:760px){
  .trust-ribbon{
    gap:10px!important;
  }
  .trust-ribbon p{
    line-height:1.28!important;
  }
}

/* Buttons and interactive cards feel alive, but remain Apple-clean */
.btn,
.nav-cta,
.verify-link,
.verify-small-link,
.logo-action,
.connect-grid a,
.option,
.risk-option{
  will-change:transform;
}
@media (hover:hover){
  .btn:hover,
  .nav-cta:hover,
  .verify-link:hover,
  .verify-small-link:hover,
  .logo-action:hover,
  .connect-grid a:hover,
  .option:hover,
  .risk-option:hover{
    transform:translateY(-2px);
  }
}

/* Guard against overflows in narrow browsers */
.section,
.hero,
.site-header,
.license-ribbon,
.trust-ribbon,
.device-card,
.quiz-shell,
.about-section,
.site-footer{
  max-width:calc(100vw - 18px);
}
img, svg{
  max-width:100%;
}


/* --- Sample Preview 4Ps highlight + exact top/bottom alignment --- */
.fourps-highlight{
  display:inline;
  color:#111113!important;
  font-weight:900!important;
  letter-spacing:-.015em;
}

.sample-category-centered div,
.sample-category-list div{
  min-height:138px!important;
  display:grid!important;
  grid-template-rows:auto auto 1fr auto!important;
  justify-items:center!important;
  align-items:start!important;
  align-content:stretch!important;
  text-align:center!important;
  padding:16px 12px!important;
}

/* Top center: category label and description */
.sample-category-centered span,
.sample-category-list span{
  align-self:start!important;
  justify-self:center!important;
  text-align:center!important;
  margin:0 auto 3px!important;
  width:100%!important;
  font-weight:900!important;
  color:#111113!important;
}

.sample-category-centered small,
.sample-category-list small{
  align-self:start!important;
  justify-self:center!important;
  text-align:center!important;
  width:100%!important;
  max-width:180px!important;
  margin:0 auto!important;
  line-height:1.25!important;
}

/* Bottom center: percentage number */
.sample-category-centered strong,
.sample-category-list strong{
  grid-row:4!important;
  align-self:end!important;
  justify-self:center!important;
  text-align:center!important;
  width:100%!important;
  margin:0 auto!important;
  line-height:1!important;
}

/* Keep the 3-box horizontal layout on large screens */
@media (min-width:621px){
  .sample-category-centered,
  .sample-category-list{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:10px!important;
  }
}

/* Keep mobile centered and balanced */
@media (max-width:620px){
  .sample-category-centered,
  .sample-category-list{
    grid-template-columns:1fr!important;
    justify-items:center!important;
  }
  .sample-category-centered div,
  .sample-category-list div{
    width:100%!important;
    max-width:360px!important;
    min-height:126px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}


/* --- Refined uniform social/contact icons --- */
.connect-grid img,
.logo-action img,
.social-btn img{
  width:36px!important;
  height:36px!important;
  object-fit:contain!important;
  filter:none!important;
}
.logo-action,
.connect-grid a,
.social-btn{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(249,248,250,.86))!important;
}
.logo-action:hover img,
.connect-grid a:hover img,
.social-btn:hover img{
  transform:scale(1.07)!important;
  filter:saturate(1.08)!important;
}


/* --- Final publish-ready QA polish --- */

/* Header/trust ribbon: readable, premium and adaptive */
.verify-link,
.verify-link:visited{
  color:#fff!important;
  font-weight:850!important;
}
.trust-ribbon{
  max-width:calc(100vw - 24px)!important;
}
@media (max-width:760px){
  .trust-ribbon{
    max-width:calc(100vw - 16px)!important;
  }
}

/* Sample Preview boxes: exact top-center / bottom-center alignment */
.sample-category-centered div,
.sample-category-list div{
  display:grid!important;
  grid-template-rows:auto auto 1fr auto!important;
  min-height:138px!important;
  justify-items:center!important;
  align-items:start!important;
  align-content:stretch!important;
}
.sample-category-centered span,
.sample-category-list span{
  grid-row:1!important;
  align-self:start!important;
  text-align:center!important;
}
.sample-category-centered small,
.sample-category-list small{
  grid-row:2!important;
  align-self:start!important;
  text-align:center!important;
}
.sample-category-centered strong,
.sample-category-list strong{
  grid-row:4!important;
  align-self:end!important;
  text-align:center!important;
}

/* About cards: keep text inside the glass card at all viewport sizes */
.premium-credential-row article{
  overflow:hidden!important;
}
.premium-credential-row strong,
.premium-credential-row small{
  overflow-wrap:anywhere!important;
}

/* Result screen: keep scoring cards aligned with Sample Preview */
.result-metrics .sample-metric{
  display:grid!important;
  grid-template-rows:auto auto 1fr auto!important;
  min-height:132px!important;
}
.result-metrics .sample-metric strong{
  align-self:end!important;
}

/* More touch-friendly mobile */
@media (max-width:520px){
  .btn,.nav-cta,.verify-link,.verify-small-link{
    min-height:48px!important;
  }
  .hero-actions .btn{
    width:100%;
  }
  .about-premium-card{
    padding:22px 18px!important;
  }
}

/* Prevent awkward line breaks in branded labels */
.sc-branded,
.brand-copy strong,
.verify-small-link{
  white-space:nowrap;
}

/* Safety net: no horizontal overflow */
*{
  box-sizing:border-box;
}
html,body{
  overflow-x:hidden!important;
}



/* --- iPhone 14 Pro sample preview alignment fix --- */
.snapshot-title strong{
  text-wrap:balance;
}

.sample-category-centered{
  align-items:stretch!important;
}

.sample-category-centered div{
  min-height:184px!important;
  display:grid!important;
  grid-template-rows:auto auto 1fr auto!important;
  align-content:stretch!important;
  justify-items:center!important;
}

.sample-category-centered span{
  align-self:start!important;
  font-size:clamp(16px,2vw,18px)!important;
}

.sample-category-centered small{
  align-self:start!important;
  max-width:168px!important;
}

.sample-category-centered strong{
  align-self:end!important;
  margin-top:auto!important;
  font-size:clamp(26px,4vw,34px)!important;
}

.sample-score-block{
  min-height:220px!important;
  align-content:space-between!important;
}

.sample-score-block span{
  display:block!important;
  max-width:100%!important;
  line-height:1.2!important;
}

.sample-score-block strong{
  margin-top:auto!important;
}

.sample-score-block strong b{
  line-height:.9!important;
}

.sample-score-block strong em{
  display:block!important;
  margin-top:4px!important;
}

@media (max-width:820px){
  .snapshot-section{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  .device-card{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
  }
}

@media (max-width:620px){
  .snapshot-title{
    padding:18px 2px 16px!important;
  }
  .snapshot-title strong{
    font-size:22px!important;
    line-height:1.08!important;
  }
  .sample-category-centered{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .sample-category-centered div{
    min-height:156px!important;
    padding:18px 16px!important;
  }
  .sample-category-centered small{
    max-width:240px!important;
    font-size:12px!important;
    line-height:1.3!important;
  }
  .sample-category-centered strong{
    font-size:28px!important;
  }
  .sample-score-block{
    min-height:200px!important;
    padding:18px!important;
  }
  .sample-score-block span{
    font-size:14px!important;
  }
  .sample-score-block strong b{
    font-size:60px!important;
  }
  .sample-score-block strong em{
    font-size:18px!important;
  }
}

@media (max-width:430px){
  .device-card{
    padding:16px!important;
    border-radius:28px!important;
  }
  .device-top span{
    display:none!important;
  }
  .snapshot-title strong{
    font-size:20px!important;
  }
  .sample-category-centered div{
    min-height:150px!important;
  }
  .sample-score-block strong b{
    font-size:56px!important;
  }
}



/* --- Score-first selected updates --- */
.hero-text-only h1{
  max-width:1040px;
}
.score-first-contact-note{
  display:grid;
  gap:4px;
  padding:15px 16px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.62));
  border:1px solid rgba(211,26,75,.16);
  text-align:center;
}
.score-first-contact-note strong{
  color:#111113;
  font-size:15px;
  letter-spacing:-.02em;
}
.score-first-contact-note span{
  color:#6e6e73;
  font-size:13px;
  line-height:1.35;
}
.review-request-form{
  display:grid;
  gap:14px;
  padding:18px;
  border-radius:26px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(17,17,19,.08);
  box-shadow:0 18px 42px rgba(17,17,19,.06);
}
.review-form-title{
  margin:0!important;
  color:#111113!important;
  font-weight:900;
  letter-spacing:-.03em;
  font-size:20px!important;
}
.review-field-grid{
  gap:12px!important;
}
.field label small{
  color:#8a8a91;
  font-weight:650;
  font-size:11px;
}
.consent{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin:0;
  color:#6e6e73;
  font-size:12.5px;
  line-height:1.4;
}
.consent input{
  margin-top:3px;
  accent-color:#d31a4b;
}
.consent-required{
  padding:12px;
  border-radius:16px;
  background:#fff;
  border:1px solid rgba(211,26,75,.16);
}
.consent-optional{
  padding:12px;
  border-radius:16px;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(17,17,19,.08);
}
.consent-version{
  margin:0!important;
  font-size:11px!important;
  text-align:left;
}
.result-action-panel{
  align-content:start;
}
@media (max-width:760px){
  .review-request-form{
    padding:16px;
    border-radius:22px;
  }
  .review-field-grid{
    grid-template-columns:1fr!important;
  }
}


/* --- Integrated review improvements: score-first, compliance, measurement-ready --- */
.verify-wrap{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.verify-wrap span{
  color:#6e6e73;
  font-size:12px;
  font-weight:750;
}
.proof-context-note{
  max-width:1180px;
  margin:-18px auto 22px;
  color:#8a8a91;
  font-size:12px;
  text-align:center;
}
.scoring-method-section{
  padding-top:74px;
}
.scoring-method-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.scoring-card{
  padding:24px;
}
.scoring-card strong{
  display:block;
  font-size:20px;
  color:#111113;
  margin-bottom:8px;
  letter-spacing:-.03em;
}
.scoring-card p{
  color:#6e6e73;
  margin:0;
  line-height:1.45;
}
.scoring-weight-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
  margin:22px auto 8px;
}
.scoring-weight-list span{
  padding:10px 12px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(17,17,19,.08);
  color:#111113;
  font-size:13px;
  font-weight:800;
}
.scoring-review-note{
  text-align:center;
}
.score-first-contact-note{
  display:grid;
  gap:4px;
  padding:15px 16px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.62));
  border:1px solid rgba(211,26,75,.16);
  text-align:center;
}
.score-first-contact-note strong{
  color:#111113;
  font-size:15px;
  letter-spacing:-.02em;
}
.score-first-contact-note span{
  color:#6e6e73;
  font-size:13px;
  line-height:1.35;
}
.review-request-form{
  display:grid;
  gap:14px;
  padding:18px;
  border-radius:26px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(17,17,19,.08);
  box-shadow:0 18px 42px rgba(17,17,19,.06);
}
.review-form-title{
  margin:0!important;
  color:#111113!important;
  font-weight:900;
  letter-spacing:-.03em;
  font-size:20px!important;
}
.review-field-grid{
  gap:12px!important;
}
.field label small{
  color:#8a8a91;
  font-weight:650;
  font-size:11px;
}
.consent{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin:0;
  color:#6e6e73;
  font-size:12.5px;
  line-height:1.4;
}
.consent input{
  margin-top:3px;
  accent-color:#d31a4b;
}
.consent a{
  color:#d31a4b;
  font-weight:850;
}
.consent-required{
  padding:12px;
  border-radius:16px;
  background:#fff;
  border:1px solid rgba(211,26,75,.16);
}
.consent-optional{
  padding:12px;
  border-radius:16px;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(17,17,19,.08);
}
.consent-version{
  margin:0!important;
  font-size:11px!important;
  text-align:left;
}
@media (max-width:900px){
  .scoring-method-grid{
    grid-template-columns:1fr;
  }
  .verify-wrap{
    justify-content:center;
  }
}


/* --- Final requested edits --- */
.advisor-opportunity-field{
  background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(247,231,236,.42));
  border:1px solid rgba(211,26,75,.13);
  border-radius:18px;
  padding:12px;
}
.advisor-opportunity-field label{
  color:#111113!important;
}


/* --- Premium Apple-style post-score review form arrangement --- */
.premium-score-note{
  text-align:left!important;
  padding:22px!important;
  border-radius:28px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.62)),
    radial-gradient(circle at 10% 0%,rgba(211,26,75,.10),transparent 34%)!important;
  box-shadow:0 18px 44px rgba(17,17,19,.06)!important;
}
.score-first-kicker{
  display:inline-flex!important;
  width:auto!important;
  color:#d31a4b!important;
  font-size:12px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  margin-bottom:8px!important;
}
.premium-score-note strong{
  display:block!important;
  font-size:clamp(22px,3vw,30px)!important;
  line-height:1.04!important;
  letter-spacing:-.055em!important;
  color:#111113!important;
}
.premium-score-note p{
  margin:10px 0 0!important;
  color:#6e6e73!important;
  font-size:14px!important;
  line-height:1.45!important;
}
.premium-review-form{
  padding:22px!important;
  gap:18px!important;
  border-radius:32px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.92),rgba(250,250,252,.78))!important;
  border:1px solid rgba(17,17,19,.08)!important;
  box-shadow:0 28px 70px rgba(17,17,19,.08)!important;
}
.review-form-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(17,17,19,.08);
}
.review-form-header span{
  color:#8a8a91;
  font-size:12px;
  font-weight:750;
  text-align:right;
  line-height:1.3;
}
.review-form-title{
  font-size:clamp(23px,3vw,32px)!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
}
.review-section{
  display:grid;
  gap:10px;
}
.review-section-label{
  margin:0!important;
  color:#111113!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.contact-detail-grid,
.planning-context-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.premium-review-form .field{
  display:grid!important;
  gap:7px!important;
}
.premium-review-form .field label{
  color:#111113!important;
  font-size:13px!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
}
.premium-review-form .field label small{
  color:#8a8a91!important;
  font-weight:650!important;
  font-size:11px!important;
}
.premium-review-form input,
.premium-review-form select,
.premium-review-form textarea{
  width:100%!important;
  min-height:48px!important;
  border-radius:16px!important;
  border:1px solid rgba(17,17,19,.10)!important;
  background:rgba(255,255,255,.95)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
  padding:13px 14px!important;
  color:#111113!important;
  font-size:15px!important;
  outline:none!important;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease!important;
}
.premium-review-form textarea{
  min-height:106px!important;
  resize:vertical!important;
}
.premium-review-form input:focus,
.premium-review-form select:focus,
.premium-review-form textarea:focus{
  border-color:rgba(211,26,75,.42)!important;
  box-shadow:0 0 0 4px rgba(211,26,75,.10)!important;
  background:#fff!important;
}
.advisor-opportunity-section{
  padding:16px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(247,231,236,.55),rgba(255,255,255,.72))!important;
  border:1px solid rgba(211,26,75,.14)!important;
}
.premium-review-form .advisor-opportunity-field{
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.review-consent-box{
  display:grid;
  gap:10px;
  padding:14px;
  border-radius:24px;
  background:rgba(245,245,247,.78);
  border:1px solid rgba(17,17,19,.07);
}
.premium-submit-btn{
  width:100%!important;
  min-height:56px!important;
  border-radius:18px!important;
  font-size:15px!important;
  letter-spacing:-.01em!important;
}
.result-action-panel{
  gap:16px!important;
}



/* --- Desktop / MacBook polish for post-score review form --- */
@media (min-width: 961px){
  .result-card{
    align-items:start!important;
    gap:32px!important;
  }

  .result-summary{
    position:sticky;
    top:116px;
    align-self:start;
  }

  .result-action-panel{
    gap:22px!important;
  }

  .premium-score-note{
    min-height:210px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding:30px!important;
    border-radius:34px!important;
  }

  .premium-score-note strong{
    max-width:520px;
    font-size:34px!important;
    letter-spacing:-.06em!important;
  }

  .premium-score-note p{
    max-width:540px;
    font-size:15.5px!important;
  }

  .premium-review-form{
    padding:30px!important;
    border-radius:36px!important;
    gap:24px!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,250,252,.86))!important;
  }

  .review-form-header{
    padding-bottom:18px!important;
  }

  .review-form-title{
    font-size:34px!important;
  }

  .review-form-header span{
    max-width:240px;
  }

  .review-section{
    gap:14px!important;
  }

  .review-section-label{
    padding-left:2px;
  }

  .contact-detail-grid{
    grid-template-columns:1.2fr .8fr!important;
    gap:14px!important;
  }

  .contact-detail-grid .field:nth-child(3),
  .contact-detail-grid .field:nth-child(4){
    grid-column:auto!important;
  }

  .planning-context-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }

  .premium-review-form .field{
    background:rgba(255,255,255,.54);
    border:1px solid rgba(17,17,19,.055);
    border-radius:22px;
    padding:12px;
  }

  .premium-review-form .field label{
    padding-left:2px;
  }

  .premium-review-form input,
  .premium-review-form select,
  .premium-review-form textarea{
    min-height:54px!important;
    border-radius:18px!important;
  }

  .premium-review-form textarea{
    min-height:126px!important;
  }

  .advisor-opportunity-section{
    padding:18px!important;
    border-radius:28px!important;
  }

  .advisor-opportunity-section .field{
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }

  .review-consent-box{
    padding:18px!important;
    border-radius:28px!important;
    gap:12px!important;
  }

  .premium-submit-btn{
    max-width:100%!important;
    min-height:62px!important;
    border-radius:22px!important;
    font-size:16px!important;
  }

  .contact-steven-block{
    padding-top:4px!important;
  }

  .contact-logo-row{
    justify-content:center!important;
  }
}

/* Large desktop: let the result breathe more like a premium web app */
@media (min-width: 1180px){
  .result-card{
    grid-template-columns:minmax(360px,.82fr) minmax(560px,1.18fr)!important;
    padding:34px!important;
  }

  .result-summary{
    padding-right:6px;
  }

  .result-action-panel{
    max-width:720px;
    justify-self:end;
    width:100%;
  }
}

/* Medium laptop: avoid cramped two-column fields */
@media (min-width: 761px) and (max-width: 1100px){
  .result-card{
    grid-template-columns:1fr!important;
  }

  .result-summary{
    position:relative!important;
    top:auto!important;
  }

  .result-action-panel{
    max-width:860px;
    margin:0 auto;
    width:100%;
  }

  .contact-detail-grid,
  .planning-context-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}




/* --- Final fix: Score first, contact details after section --- */

/* Force the result section to be stacked, not split-screen, on every desktop size. */
.result-card{
  grid-template-columns:1fr!important;
  gap:28px!important;
  max-width:1040px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  align-items:stretch!important;
}

.result-summary{
  position:relative!important;
  top:auto!important;
  width:100%!important;
  max-width:100%!important;
  padding-right:0!important;
}

.result-action-panel{
  width:100%!important;
  max-width:100%!important;
  justify-self:stretch!important;
  margin:0!important;
  display:grid!important;
  gap:22px!important;
}

/* Make the post-result review form feel like a clean Apple-style web card. */
.premium-score-note{
  min-height:auto!important;
  padding:26px 28px!important;
  border-radius:32px!important;
}

.premium-review-form{
  width:100%!important;
  max-width:100%!important;
  padding:30px!important;
  border-radius:36px!important;
  gap:26px!important;
}

.review-form-header{
  display:block!important;
  padding-bottom:18px!important;
}

.review-form-header span{
  display:none!important;
}

.review-form-title{
  margin:0!important;
}

/* Section spacing: less crowded, clearer grouping */
.review-section{
  display:grid!important;
  gap:12px!important;
}

.review-section-help{
  margin:-6px 0 2px!important;
  color:#8a8a91!important;
  font-size:13px!important;
  line-height:1.35!important;
}

.contact-detail-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
}

.planning-context-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
}

/* Prevent checkbox styling from inheriting full text-input styles. */
.premium-review-form input:not([type="checkbox"]),
.premium-review-form select,
.premium-review-form textarea{
  width:100%!important;
  min-height:54px!important;
  border-radius:18px!important;
}

/* Keep each input group neat but not heavy. */
.premium-review-form .field{
  min-width:0!important;
}

.premium-review-form .field.full{
  grid-column:1 / -1!important;
}

/* Consent area: fix checkbox size and keep text inside the rectangle. */
.review-consent-box{
  display:grid!important;
  gap:12px!important;
  padding:16px!important;
  border-radius:28px!important;
  overflow:hidden!important;
}

.review-consent-box .consent{
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

.review-consent-box .consent input[type="checkbox"]{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  max-width:16px!important;
  min-height:16px!important;
  max-height:16px!important;
  margin:2px 0 0 0!important;
  padding:0!important;
  border-radius:4px!important;
  flex:0 0 16px!important;
  appearance:auto!important;
  -webkit-appearance:checkbox!important;
  box-shadow:none!important;
}

.review-consent-box .consent span{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  line-height:1.45!important;
}

.review-consent-box .consent a{
  white-space:normal!important;
}

.consent-version{
  padding-left:28px!important;
  max-width:100%!important;
}

/* Large desktop: centered single-column premium web-app flow */
@media (min-width:1180px){
  .result-card{
    grid-template-columns:1fr!important;
    max-width:1080px!important;
    padding:38px!important;
  }

  .result-action-panel{
    max-width:900px!important;
    justify-self:center!important;
  }

  .result-summary{
    max-width:900px!important;
    justify-self:center!important;
  }
}

/* Laptop and tablet: keep stacked and clean */
@media (min-width:761px) and (max-width:1179px){
  .result-card{
    grid-template-columns:1fr!important;
    max-width:920px!important;
    padding:28px!important;
  }

  .result-action-panel,
  .result-summary{
    max-width:100%!important;
  }
}

/* Phone still uses mobile.css, but this protects the consent box too. */
@media (max-width:760px){
  .result-card{
    grid-template-columns:1fr!important;
    max-width:calc(100vw - 32px)!important;
  }

  .premium-review-form{
    padding:16px!important;
    border-radius:28px!important;
  }

  .contact-detail-grid,
  .planning-context-grid{
    grid-template-columns:1fr!important;
  }

  .review-consent-box .consent{
    grid-template-columns:18px minmax(0,1fr)!important;
  }

  .consent-version{
    padding-left:28px!important;
  }
}



/* --- Send score status + highlighted bonus feature --- */
.submit-lead-status{
  margin:10px 0 0!important;
  min-height:20px;
  color:#6e6e73!important;
  font-size:13px!important;
  line-height:1.35!important;
  text-align:center!important;
}
.submit-lead-status.sending{
  color:#7a4b00!important;
}
.submit-lead-status.success{
  color:#0b7a3b!important;
  font-weight:850!important;
}
.submit-lead-status.error{
  color:#b00020!important;
  font-weight:800!important;
}

.bonus-risk-highlight{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(211,26,75,.22)!important;
  background:
    radial-gradient(circle at 14% 0%,rgba(211,26,75,.16),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,244,248,.86))!important;
  box-shadow:0 32px 86px rgba(211,26,75,.14), 0 18px 60px rgba(17,17,19,.08)!important;
}

.bonus-risk-highlight::before{
  content:"Optional but recommended";
  position:absolute;
  top:18px;
  right:18px;
  padding:8px 12px;
  border-radius:999px;
  background:#111113;
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  z-index:2;
}

.bonus-risk-highlight::after{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  right:-120px;
  bottom:-140px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(211,26,75,.18),transparent 68%);
  pointer-events:none;
}

.bonus-eyebrow{
  color:#d31a4b!important;
}

.bonus-risk-highlight h3{
  max-width:620px;
  font-size:clamp(30px,4vw,48px)!important;
  line-height:.98!important;
  letter-spacing:-.06em!important;
}

.bonus-risk-highlight p{
  max-width:700px;
}

.bonus-nudge{
  display:inline-flex;
  width:auto;
  margin-top:4px!important;
  padding:10px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(211,26,75,.14);
  color:#111113!important;
  font-size:13px!important;
  font-weight:850!important;
}

.bonus-start-btn{
  box-shadow:0 18px 34px rgba(211,26,75,.22)!important;
}

.bonus-risk-card:not([hidden]){
  animation:bonusPulseIn .46s ease both;
}

@keyframes bonusPulseIn{
  from{opacity:0; transform:translateY(16px) scale(.985);}
  to{opacity:1; transform:translateY(0) scale(1);}
}

@media (max-width:760px){
  .bonus-risk-highlight::before{
    position:static;
    display:inline-flex;
    margin-bottom:14px;
  }
  .bonus-risk-highlight h3{
    font-size:34px!important;
  }
  .bonus-nudge{
    display:flex;
    border-radius:18px;
    line-height:1.3;
  }
}



/* --- Final bonus section layout fix: no split-screen questionnaire --- */
.bonus-risk-card,
.bonus-risk-highlight{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:26px!important;
  max-width:1040px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  align-items:stretch!important;
}

.bonus-risk-copy{
  width:100%!important;
  max-width:860px!important;
  justify-self:center!important;
  text-align:left!important;
}

.bonus-risk-copy .bonus-start-btn{
  margin-top:18px!important;
}

.bonus-risk-questions,
.risk-quiz-mount{
  width:100%!important;
  max-width:860px!important;
  justify-self:center!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:16px!important;
}

.risk-quiz-mount[hidden],
.bonus-risk-questions[hidden]{
  display:none!important;
}

.risk-question{
  width:100%!important;
  padding:20px!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(17,17,19,.08)!important;
  box-shadow:0 16px 40px rgba(17,17,19,.055)!important;
}

.risk-question h4{
  margin:0 0 12px!important;
  color:#111113!important;
  font-size:clamp(18px,2vw,23px)!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
}

.risk-question .options{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
}

.bonus-calculate-btn{
  width:100%!important;
  max-width:860px!important;
  justify-self:center!important;
  min-height:58px!important;
  border-radius:20px!important;
  margin-top:0!important;
}

.bonus-calculate-btn[hidden]{
  display:none!important;
}

.risk-result{
  width:100%!important;
  max-width:860px!important;
  justify-self:center!important;
}

/* Desktop polish for the bonus card */
@media (min-width:961px){
  .bonus-risk-card,
  .bonus-risk-highlight{
    padding:38px!important;
    border-radius:40px!important;
  }

  .bonus-risk-copy{
    text-align:center!important;
  }

  .bonus-risk-copy h3,
  .bonus-risk-copy p{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .bonus-risk-copy .bonus-start-btn{
    min-width:340px!important;
  }

  .risk-question{
    padding:24px!important;
  }
}

/* Mobile polish: readable, not crowded */
@media (max-width:760px){
  .bonus-risk-card,
  .bonus-risk-highlight{
    max-width:calc(100vw - 32px)!important;
    gap:18px!important;
    padding:22px 16px!important;
    border-radius:30px!important;
  }

  .bonus-risk-copy{
    text-align:left!important;
  }

  .bonus-risk-copy .bonus-start-btn,
  .bonus-calculate-btn{
    width:100%!important;
    min-width:0!important;
  }

  .risk-question{
    padding:16px!important;
    border-radius:22px!important;
  }

  .risk-question h4{
    font-size:20px!important;
  }
}



/* --- Bonus risk tool wrapper final stacking override --- */
.bonus-risk-tool,
.bonus-risk-tool-stacked{
  width:100%!important;
  max-width:860px!important;
  justify-self:center!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:16px!important;
  align-items:start!important;
}

.risk-actions{
  width:100%!important;
  max-width:860px!important;
  justify-self:center!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
}

.risk-actions .btn{
  width:100%!important;
}

.bonus-risk-tool .risk-quiz-mount:empty{
  display:none!important;
}


/* --- Bonus appears only after main readiness questionnaire is completed --- */
.bonus-risk-card[hidden],
.bonus-risk-highlight[hidden],
#bonusRiskCard[hidden]{
  display:none!important;
}

/* Keep the bonus visually separate after the score appears */
.bonus-risk-card:not([hidden]){
  margin-top:34px!important;
}



/* --- Mobile header brand text fix --- */
@media (max-width:760px){
  .site-header{
    grid-template-columns:auto 1fr auto!important;
    align-items:center!important;
  }

  .site-header .brand{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    overflow:visible!important;
  }

  .site-header .brand-copy{
    min-width:0!important;
    max-width:none!important;
    overflow:visible!important;
  }

  .site-header .brand-copy strong{
    max-width:none!important;
    width:auto!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    display:block!important;
    font-size:12.5px!important;
    line-height:1.05!important;
    letter-spacing:-.035em!important;
  }

  .site-header .brand-copy small{
    display:block!important;
    font-size:10.5px!important;
    line-height:1.1!important;
  }

  .site-header .brand-mark{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
  }

  .site-header .menu-toggle{
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
  }
}

@media (max-width:380px){
  .site-header{
    padding:7px!important;
    gap:6px!important;
  }

  .site-header .brand{
    gap:7px!important;
  }

  .site-header .brand-mark{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
    font-size:13px!important;
  }

  .site-header .brand-copy strong{
    font-size:11.5px!important;
    line-height:1.05!important;
  }

  .site-header .brand-copy small{
    font-size:10px!important;
  }

  .site-header .menu-toggle{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }
}




/* --- Mobile menu button right-end alignment fix --- */
@media (max-width:760px){
  .site-header{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    column-gap:10px!important;
  }

  .site-header .brand{
    grid-column:1!important;
    justify-self:start!important;
    width:100%!important;
    min-width:0!important;
  }

  .site-header .menu-toggle{
    grid-column:2!important;
    justify-self:end!important;
    align-self:center!important;
    margin-left:auto!important;
    margin-right:0!important;
    position:relative!important;
    right:auto!important;
    top:auto!important;
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
    z-index:30!important;
  }

  .site-header .primary-nav{
    grid-column:1 / -1!important;
  }
}

@media (min-width:761px){
  .site-header .menu-toggle{
    margin-left:0!important;
  }
}



/* --- Uniform premium mobile menu icon --- */
.uniform-menu-toggle{
  border-radius:15px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,245,247,.88))!important;
  border:1px solid rgba(17,17,19,.09)!important;
  box-shadow:0 10px 24px rgba(17,17,19,.08), inset 0 1px 0 rgba(255,255,255,.9)!important;
  display:grid!important;
  place-items:center!important;
}

.uniform-menu-toggle > span:not(.menu-icon-grid){
  display:none!important;
}

.menu-icon-grid{
  width:18px!important;
  height:18px!important;
  display:grid!important;
  grid-template-columns:repeat(2,1fr)!important;
  grid-template-rows:repeat(2,1fr)!important;
  gap:4px!important;
  transform:rotate(45deg);
}

.menu-icon-grid i{
  display:block!important;
  width:7px!important;
  height:7px!important;
  border-radius:3px!important;
  background:linear-gradient(135deg,#111113,#d31a4b)!important;
  box-shadow:0 2px 5px rgba(17,17,19,.14)!important;
}

.uniform-menu-toggle[aria-expanded="true"]{
  background:
    linear-gradient(180deg,rgba(211,26,75,.10),rgba(255,255,255,.92))!important;
  border-color:rgba(211,26,75,.22)!important;
}

.uniform-menu-toggle[aria-expanded="true"] .menu-icon-grid{
  transform:rotate(0deg) scale(.96);
}

.uniform-menu-toggle,
.menu-icon-grid{
  transition:transform .18s ease, background .18s ease, border-color .18s ease!important;
}

@media (max-width:760px){
  .uniform-menu-toggle{
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
  }
}

@media (max-width:380px){
  .uniform-menu-toggle{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }
  .menu-icon-grid{
    width:17px!important;
    height:17px!important;
    gap:3.5px!important;
  }
  .menu-icon-grid i{
    width:6.5px!important;
    height:6.5px!important;
  }
}




/* --- Final menu visibility breakpoint fix --- */
/* Desktop / MacBook / wide website view: show full navigation, hide compact menu icon. */
@media (min-width: 901px){
  .site-header .menu-toggle,
  .site-header .uniform-menu-toggle{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  .site-header .primary-nav{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:static!important;
    transform:none!important;
  }

  .site-header{
    display:flex!important;
  }
}

/* Compact view: show the menu icon only when the full nav is no longer appropriate. */
@media (max-width: 900px){
  .site-header .menu-toggle,
  .site-header .uniform-menu-toggle{
    display:grid!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
}