@font-face{font-family:Inter;src:url('/fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

/* The five supplied screens are the visual source: dark navy, ice blue, spacious
   landing pages and a compact report dashboard. The print document stays light. */
@media screen {
  :root, :root:not([data-theme="light"]), :root[data-theme="dark"], body.doc-body {
    color-scheme:dark; --ground:#0c151c; --surface:#101e27; --ink:#f4f7fa; --muted:#afc3d5;
    --rule:#263d4b; --accent:#7bdef7; --accent-ink:#05232d; --accent-soft:#112e3a;
    --fail:#ff958e; --fail-bg:#32242a; --warn:#f3cf70; --warn-bg:#312d1f; --pass:#70e8bf; --pass-bg:#123a31;
    --body:Inter,"IBM Plex Sans Arabic",sans-serif; --display:Inter,"IBM Plex Sans Arabic",sans-serif;
  }
  body, body.doc-body { background:#0c151c url('/assets/atmosphere.webp') center top / 1672px 940px repeat-y; color:var(--ink); line-height:1.55; font-size:15px; }
  html[lang="ar"] { --body:"IBM Plex Sans Arabic",Inter,sans-serif; --display:"IBM Plex Sans Arabic",Inter,sans-serif; }
  a { text-underline-offset:5px; }
  button,input,select { font:inherit; }
  button,a,input,select,summary { -webkit-tap-highlight-color:transparent; }
  h1,h2,h3 { color:var(--ink); font-weight:500; letter-spacing:-.035em; }
  [dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3 { letter-spacing:0; }
  .ui-icon { width:24px; height:24px; flex:none; object-fit:contain; filter:invert(88%) sepia(29%) saturate(1002%) hue-rotate(156deg) brightness(101%) contrast(94%); }
  .icon-tile { width:58px; height:58px; border:1px solid #426675; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; background:#0c171f; box-shadow:inset 0 1px 1px #ffffff0b; flex:none; }
  .icon-tile .ui-icon { width:31px; height:31px; }
  .btn,.doc .btn { display:inline-flex; align-items:center; justify-content:center; gap:13px; border:1px solid #9cecff; border-radius:8px; min-height:50px; padding:13px 23px; background:#80ddf5; color:#05232d; font-weight:600; font-size:14px; box-shadow:0 0 28px #73deff0b,inset 0 1px 1px #ffffff38; text-decoration:none; cursor:pointer; transition:background .18s,box-shadow .18s; }
  .btn:hover,.doc .btn:hover { background:#a1eaff; box-shadow:0 0 24px #73deff22; }
  .btn .ui-icon { filter:brightness(0) saturate(100%) invert(11%) sepia(28%) saturate(986%) hue-rotate(150deg); width:20px; height:20px; }
  .btn:disabled { opacity:.55; cursor:wait; }
  :focus-visible { outline:2px solid #a2e8ff; outline-offset:5px; }
  .page.visual-page { width:100%; max-width:none; padding:0; gap:0; display:block; position:relative; }
  .site-header { height:86px; width:100%; display:flex; align-items:center; justify-content:space-between; gap:32px; padding:0 max(4.7vw,24px); border-bottom:1px solid #21333f; position:relative; z-index:10; }
  .brand { display:inline-flex; gap:10px; align-items:center; color:#f8faff!important; font-size:34px; font-weight:550; line-height:1; letter-spacing:-1.7px; text-decoration:none; flex:none; }
  .brand-icon { width:36px; height:39px; }
  .site-nav { display:flex; gap:45px; align-items:center; margin-inline-start:90px; }
  .site-nav a,.site-actions a { color:#edf2f8; text-decoration:none; font-size:14px; white-space:nowrap; }
  .site-nav a:hover { color:var(--accent); }
  .site-actions { display:flex; gap:36px; align-items:center; }
  .lang-switch,.doc .lang-switch { background:transparent; border:0; color:#ecf3f9; padding:8px 0; font-size:14px; cursor:pointer; border-radius:4px; }
  .site-actions .nav-start { border:1px solid #91d9ee; border-radius:10px; padding:10px 24px; }
  .nav-start:hover { background:#152c37; }
  .nav-toggle { display:none; background:transparent; border:0; padding:8px; }
  .margin-note { position:absolute; z-index:0; top:130px; white-space:pre-line; color:#799cb6; font-size:10px; line-height:2; letter-spacing:3px; pointer-events:none; }
  .margin-note.left { left:4.7vw; }
  .margin-note.right { right:4.6vw; padding-left:24px; border-left:1px solid #39586a; }
  .home-hero { padding:78px 20px 36px; text-align:center; display:block; }
  .home-hero h1 { font-size:clamp(36px,4vw,64px); line-height:1.18; letter-spacing:-2px; font-weight:500; max-width:none; }
  .home-hero h1 span,.visual-page .intro h1 span { color:#9dcdec; }
  .home-hero .hero-subtitle { margin:15px auto 0; color:#b7cce0; font-size:21px; line-height:1.6; max-width:900px; }
  #step-form { width:min(1010px,calc(100% - 48px)); margin:0 auto; display:block; position:relative; z-index:2; }
  #scan-form { border:1px solid #7babbc; border-radius:12px; padding:24px 32px; background:#17232c; box-shadow:inset 0 1px 5px #a5ddf51c,0 0 35px #6ca9b606; }
  .quick-fields { display:grid; grid-template-columns:1.25fr 1.15fr auto; gap:36px; align-items:end; }
  #scan-form .hero-field { position:relative; display:grid; gap:6px; margin:0; }
  #scan-form .field label { font-size:13px; font-weight:400; color:#c0cfdd; }
  #scan-form .hero-field label.req::after { content:none; }
  #scan-form input:not([type="checkbox"]),#scan-form select { color:#eef6fb; background:#111c25; border:1px solid #364b5b; border-radius:7px; min-height:45px; box-shadow:none; padding:10px 13px; font-size:14px; }
  #scan-form .hero-field input { padding-inline-start:48px; }
  #scan-form input::placeholder { color:#8498a7; }
  .hero-field>.ui-icon { position:absolute; inset-inline-start:16px; bottom:13px; width:20px; height:20px; opacity:.8; }
  #scan-form .hero-go { margin:0 0 2px; min-height:55px; white-space:nowrap; }
  .form-details { display:none; }
  #scan-form.expanded .form-details { display:grid; grid-template-columns:1fr 1fr; gap:20px 28px; border-top:1px solid var(--rule); margin-top:28px; padding-top:24px; }
  .form-details>.row2 { display:contents; }
  .form-details .field { margin:0; }
  .form-details>.details-intro,.form-details>.agree,.form-details>#human-check,.form-details>.required-note,.form-details>.notice,.form-details>.error,.form-details>.working,.form-details>noscript { grid-column:1/-1; }
  .details-intro h3 { font-size:21px; margin:0 0 6px; }
  .details-intro p { font-size:14px; color:var(--muted); }
  .form-details .hint { font-size:12px; color:#9fb5c8; }
  .form-details>#submit { grid-column:1/-1; justify-self:end; }
  #scan-form.expanded .hero-go { background:transparent; color:var(--accent); }
  .form-caption { text-align:center; color:#a6b9cb; font-size:14px; margin-top:18px; }
  #step-form .promise { justify-content:center; margin-top:11px; font-size:11px; color:#8ba3b5; gap:20px; }
  #step-form .promise span { border:0; padding:0; background:none; }
  .globe-field { height:238px; position:relative; overflow:hidden; width:100%; isolation:isolate; }
  .globe-image { position:absolute; width:100%; height:auto; min-height:100%; object-fit:cover; object-position:center top; top:-165px; left:0; pointer-events:none; }
  .globe-note { position:absolute; color:#8bb3cc; font-size:10px; line-height:1.9; letter-spacing:2px; white-space:pre-line; top:37px; border-inline-start:1px solid #497992; padding-inline-start:16px; }
  .globe-note-one { left:11%; }
  .globe-note-two { left:48%; top:68px; color:#d6e7f8; }
  .globe-note-three { right:11%; top:59px; }
  .benefit-strip { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; padding:40px max(7.7vw,32px); border-top:1px solid #203541; border-bottom:1px solid #203541; background:#0d171e; }
  .benefit { display:flex; gap:28px; align-items:flex-start; padding:0 44px; border-inline-start:1px solid #203541; }
  .benefit:first-child { border-inline-start:0; padding-inline-start:0; }
  .benefit:last-child { padding-inline-end:0; }
  .benefit h2 { margin:7px 0 7px; font-size:16px; font-weight:500; letter-spacing:-.02em; }
  .benefit p { color:#b1c7dc; font-size:13px; line-height:1.7; max-width:320px; }
  .benefit .icon-tile { width:66px; height:66px; }
  .benefit .ui-icon { width:35px; height:35px; }
  .visual-page>.how { max-width:1220px; margin:0 auto; padding:65px 40px; gap:22px; }
  .how>h2 { font-size:30px; }
  .how .about,.how>p { color:var(--muted); }
  .how ol { padding:0; list-style:none; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
  .how li { padding:25px; border:1px solid var(--rule); border-radius:10px; color:#b6cadb; font-size:14px; }
  .how li strong { color:var(--ink); margin-bottom:12px; }
  .visual-page>footer { padding:22px max(4.7vw,24px); color:#9bb5c9; font-size:11px; display:flex; justify-content:space-between; gap:24px; align-items:center; }
  .visual-page>footer .legal-links { margin:0; }
  .eyebrow { color:#95c9e8; font-size:11px; letter-spacing:2.7px; line-height:1.7; font-weight:500; }
  .accent-text { color:#9dcdec; }
  [data-screen="home"] .globe-field { height:199px; margin-top:-15px; }
  [data-screen="home"] .globe-image { top:-215px; }

  /* Presence preview: identity panel, five cards, globe and the real one-time offer. */
  [data-screen="preview"] .intro { text-align:center; display:block; max-width:900px; margin:0 auto; padding:38px 24px 16px; }
  [data-screen="preview"] .intro h1 { font-size:60px; line-height:1.18; font-weight:500; letter-spacing:-1.7px; }
  [data-screen="preview"] .pv-lead { margin:12px auto 18px; max-width:760px; color:#b4c9dc; font-size:18px; }
  .business-card { text-align:start; display:flex; align-items:center; flex-wrap:wrap; gap:8px; border:1px solid #54899e; background:#111e28; border-radius:10px; padding:17px 27px; max-width:745px; margin:22px auto 0; color:#b3c9da; font-size:14px; }
  .business-card .icon-tile { width:50px; height:50px; margin-inline-end:15px; }
  .business-card strong { font-size:20px; color:#f0f5f9; }
  [data-screen="preview"] .card.preview { width:min(1240px,calc(100% - 48px)); margin:0 auto; padding:0; border:0; background:transparent; gap:12px; position:relative; z-index:2; }
  .signals { grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
  .signal,.signal:first-child { grid-template-columns:58px 1fr; align-content:start; column-gap:15px; row-gap:14px; border:1px solid #315161; border-radius:11px; padding:18px; min-height:214px; background:#101d26; }
  .signal .icon-tile { width:51px; height:51px; }
  .signal dt { font-size:14px; line-height:1.5; align-self:center; font-weight:500; }
  .signal dd { grid-column:1/-1; display:flex; flex-direction:column-reverse; gap:14px; align-items:flex-start; }
  .signal-note { font-size:13px; color:#b1c5d7; line-height:1.5; flex:1; min-height:45px; }
  .signal-value { display:inline-flex; gap:8px; align-items:center; font-size:12px; font-weight:500; padding:5px 12px; border:1px solid #527587; border-radius:30px; color:#bdd8e9; }
  .signal[data-value="detected"] .signal-value,.signal[data-value="found"] .signal-value,.signal[data-value="strong"] .signal-value,.signal[data-value="surfaced"] .signal-value { color:#85edca; border-color:#3a987d; background:#132923; }
  .signal.not-measured { border-color:#8ce5ff; box-shadow:0 0 16px #64dfff12; }
  .signal.not-measured .signal-value { color:#97d5ed; }
  .pv-sample-note,.pv-meta { text-align:center; font-size:12px; color:#94b0c5; }
  [data-screen="preview"] .globe-field { height:175px; margin-top:-5px; }
  [data-screen="preview"] .globe-image { top:-180px; }
  [data-screen="preview"] .offer { position:relative; z-index:2; width:min(1060px,calc(100% - 48px)); margin:-46px auto 28px; display:grid; grid-template-columns:68px minmax(0,1fr) minmax(260px,auto); gap:8px 24px; padding:23px 30px; background:#111e27; border:1px solid #5795aa; border-radius:12px; color:#b5c9da; }
  .offer h2 { color:#f6f8fc; font-size:22px; }
  [data-screen="preview"] .offer-icon { grid-column:1; grid-row:1/span 3; width:64px; height:64px; }
  [data-screen="preview"] .offer>h2,[data-screen="preview"] .offer>p { grid-column:2; }
  [data-screen="preview"] .offer>p { font-size:13px; }
  [data-screen="preview"] .offer .price-line { grid-column:3; grid-row:1; justify-content:center; font-size:11px; }
  [data-screen="preview"] .offer .price-line .amt { font-size:20px; color:var(--ink); }
  [data-screen="preview"] .offer .agree { grid-column:2/-1; grid-row:auto; font-size:12px; }
  [data-screen="preview"] .offer .offer-actions { grid-column:3; grid-row:2/span 2; display:flex; flex-direction:column; align-items:stretch; gap:10px; }
  .offer .sample-link.light { color:#a2dff3; font-size:12px; text-align:center; }
  .offer-detail { grid-column:2/-1; font-size:12px; }
  .offer-detail summary { cursor:pointer; color:#9bcde2; }
  .offer-detail .includes { padding:14px 20px; }
  .offer .delivery { color:#94afc2; }
  .visual-page>.honest { max-width:1080px; margin:38px auto; padding:0 24px; font-size:12px; }
  .visual-page>.honest h2 { font-size:17px; }
  [data-screen="preview"] .benefit-strip { padding-block:24px; }

  /* Payment stages: actual milestones, never a fabricated timer or percentage. */
  [data-screen="status"] .visual-page>.intro { margin:20px auto 0; max-width:1200px; padding:0 24px; text-align:center; color:#94b0c6; font-size:12px; }
  [data-screen="status"] .doc { max-width:none; padding:0; gap:0; display:block; }
  .visual-page .status,.doc .status { border:0; background:transparent; border-radius:0; display:flex; flex-direction:column; gap:20px; width:min(1200px,calc(100% - 48px)); margin:0 auto; padding:32px 0 0; }
  .status-head { text-align:center; gap:14px; order:0; }
  .status-head h1 { font-size:clamp(30px,3.4vw,50px); font-weight:500; line-height:1.2; letter-spacing:-1.5px; }
  .status-head>p:not(.eyebrow) { font-size:17px; color:#bdd7ed; }
  .steps,.doc .steps { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); border:0; background:transparent; border-radius:0; overflow:visible; margin:14px 0 4px; order:1; }
  .step,.step:first-child,.doc .step { position:relative; border:0; padding:0 15px; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; text-align:center; gap:10px; font-weight:400; color:#a7bbcc; background:transparent; }
  .step:before { content:""; position:absolute; width:100%; height:1px; border-top:1px dashed #405c6d; top:24px; left:50%; z-index:0; }
  .step:last-child:before { display:none; }
  [dir="rtl"] .step:before { left:auto; right:50%; }
  .step.done:before { border-top:2px solid #81dff9; }
  .step-icon { width:49px; height:49px; border:1px solid #5b788a; background:#101b24; border-radius:50%; display:flex; align-items:center; justify-content:center; z-index:1; }
  .step-icon .ui-icon { width:25px; height:25px; }
  .step.now,.doc .step.now { background:transparent; font-weight:400; color:#d0efff; }
  .step.now .step-icon { border:2px solid #a3edff; box-shadow:0 0 5px #a3edff,0 0 27px #4ebbe980; }
  .step.done .step-icon { background:#72ddf7; border-color:#72ddf7; box-shadow:0 0 20px #5ed7fa26; }
  .step.done .ui-icon { filter:brightness(.15); }
  .step-label { font-size:14px; line-height:1.3; max-width:140px; min-height:37px; color:#f1f4f8; }
  .step-state,.step.done .step-state,.doc .step .step-state { color:#9fc1d7; font-size:12px; font-weight:400; }
  .progress-panel { order:2; border:1px solid #6398af; border-radius:11px; padding:24px 34px; display:grid; grid-template-columns:1fr 1fr; gap:35px; background:#101e27; }
  .progress-panel h2 { font-size:16px; letter-spacing:-.02em; margin-bottom:10px; }
  .progress-detail { display:grid; gap:8px; padding-inline-end:30px; border-inline-end:1px solid #2b4555; }
  .progress-detail p { font-size:13px; color:#adcadf; }
  .doc .progress-detail .muted { color:#adcadf; }
  .progress-explanation { display:flex; gap:24px; align-items:center; }
  .progress-explanation .icon-tile { border:0; background:transparent; width:80px; height:80px; }
  .progress-explanation .ui-icon { width:51px; height:51px; filter:invert(82%) sepia(40%) saturate(921%) hue-rotate(152deg) drop-shadow(0 0 15px #37bdf4); }
  .progress-explanation p { font-size:13px; color:#b0c9dd; }
  .status-keep { order:3; text-align:center; color:#bbcedf; font-size:14px; max-width:960px; margin:0 auto; }
  .status-keep .ui-icon { width:21px; height:21px; vertical-align:middle; margin-inline-end:12px; }
  .status-contact { order:4; text-align:center; font-size:12px; color:#8facbf; }
  .status-why,.status>button { order:1; }
  .status-late { color:#f4cc9b!important; }
  [data-screen="status"] .globe-field { height:196px; margin-top:0; }
  [data-screen="status"] .globe-image { top:-175px; }
  [data-screen="status"] .benefit-strip { padding-block:20px; }
  [data-screen="status"] .legal-links { justify-content:center; padding:16px 24px; margin:0; font-size:12px; }

  /* Report: visual dashboard backed exclusively by the existing released payload. */
  .doc.visual-report { --doc-ink:#f3f7fc; --doc-muted:#aec5d9; --doc-rule:#294452; --doc-soft:#152733; max-width:1540px; padding:0 32px 24px; display:block; color:var(--doc-ink); }
  .visual-report .site-header { width:100vw; margin-inline-start:calc((min(100vw,1540px) - 100vw)/2 - 32px); padding-inline:max(4.7vw,24px); margin-bottom:12px; height:72px; }
  .visual-report .site-header a { color:#edf4fa; }
  .visual-report .site-nav { margin-inline-start:50px; }
  .visual-report .report-tools { display:flex; justify-content:space-between; gap:20px; margin:0 0 14px; min-height:26px; color:#a2c2d8; }
  .visual-report .report-tools>a { font-size:12px; color:#9bc7df; text-decoration:none; }
  .doc .report-tools .btn { background:transparent; color:#9de5fb; border-color:#5f9bb0; font-weight:500; }
  .doc .report-tools .btn .ui-icon { filter:invert(88%) sepia(29%) saturate(1002%) hue-rotate(156deg); }
  .visual-report>.banner { background:#12242e; color:#a3c8dd; border:1px solid #355463; border-radius:6px; font-size:11px; padding:7px 14px; margin-bottom:17px; font-weight:400; }
  .visual-report>.cover,.visual-report>.toc { display:none; }
  .report-tabs { display:flex; gap:10px; align-items:center; padding:0 14px; border:1px solid #294452; border-radius:7px; margin-bottom:20px; overflow-x:auto; scrollbar-width:thin; }
  .doc .report-tabs a { padding:12px 16px; white-space:nowrap; text-decoration:none; color:#b4cce0; font-size:12px; position:relative; }
  .report-tabs a[aria-current="page"] { color:#f0f9ff; }
  .report-tabs a[aria-current="page"]:after { content:""; position:absolute; bottom:0; left:10px; right:10px; height:2px; background:#84def7; box-shadow:0 0 10px #70cde744; }
  .report-detail-title { display:flex; justify-content:space-between; align-items:center; gap:24px; margin:14px 0 20px; }
  .report-detail-title h1 { font-size:32px; }
  .report-detail-title p { color:#b7d3e8; font-size:15px; }
  .report-detail-title>.muted { font-size:12px; }
  .visual-report[data-view="overview"] .report-detail-title { display:none; }
  .visual-report[data-view="overview"] .report-tabs { margin-bottom:20px; }
  .visual-report[data-view="overview"] .report-tools { display:none; }
  .dashboard-overview { display:none; }
  .dashboard-overview.is-active { display:block; }
  .evidence-dashboard { display:none; }
  .evidence-dashboard.is-active { display:block; }
  .evidence-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:14px; }
  .evidence-panel { border:1px solid #294756; border-radius:9px; padding:18px; background:#0f1d26; min-width:0; }
  .evidence-panel h2 { font-size:16px; letter-spacing:-.01em; margin:0 0 7px; }
  .evidence-panel p { color:#b2cde0; font-size:12px; line-height:1.65; }
  .evidence-panel .panel-caption { color:#91b3c9; font-size:11px; margin:4px 0 12px; }
  .evidence-panel .evidence-table { min-width:500px; font-size:11px; }
  .evidence-panel .evidence-table th { font-size:9px; letter-spacing:1px; }
  .evidence-panel .evidence-table td { padding:10px 8px; }
  .evidence-panel .result-chip { font-size:10px; color:#a9d7ed; white-space:nowrap; padding:3px 7px; background:#163545; border-radius:5px; }
  .evidence-panel .result-chip.named { color:#7eebbc; background:#16372e; }
  .doc .citation-list { list-style:none; padding:0; gap:0; }
  .citation-list li { display:flex; align-items:center; gap:14px; border-bottom:1px solid #263e4b; padding:13px 0; font-size:12px; min-width:0; }
  .citation-list li a { flex:1; overflow-wrap:anywhere; }
  .citation-list .ui-icon { width:19px; height:19px; }
  .evidence-empty { min-height:154px; display:flex; gap:18px; align-items:center; padding:20px; }
  .evidence-empty>.ui-icon { width:35px; height:35px; }
  .evidence-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
  .evidence-summary-grid .evidence-panel { display:grid; align-content:start; gap:10px; }
  .evidence-summary-grid h2 { margin:0; font-size:14px; }
  .evidence-summary-grid li,.evidence-summary-grid a { font-size:11px; color:#bad2e2; }
  .report-hero { display:grid; grid-template-columns:.75fr 1.25fr; gap:40px; align-items:center; max-width:1240px; margin:0 auto 24px; }
  .report-intro { padding:8px 0 8px 8px; }
  .report-intro h1 { font-size:45px; font-weight:500; line-height:1.15; margin:12px 0 16px; }
  .report-deck { font-size:17px; color:#bad1e5; max-width:440px; line-height:1.6; }
  .report-for { margin-top:22px; font-size:14px; }
  .report-intro>.muted { margin-top:5px; font-size:13px; }
  .report-score { position:relative; overflow:hidden; background:#0f212d; border:1px solid #6299b4; border-radius:12px; padding:20px 30px; min-height:215px; display:grid; gap:5px; align-content:center; }
  .report-score-number { display:flex; gap:14px; align-items:baseline; font-weight:400; }
  .report-score-number strong { font-size:80px; font-weight:650; letter-spacing:-4px; line-height:1.1; }
  .report-score-number span { font-size:36px; color:#99b8cf; }
  .report-score>p:not(.eyebrow) { max-width:430px; font-size:13px; color:#b8d6eb; }
  .report-score .caveat { font-size:11px!important; max-width:90%!important; }
  .score-evidence { position:absolute; inset-inline-end:25px; top:26px; display:flex; align-items:center; gap:9px; font-size:10px; color:#aadbf0; max-width:200px; }
  .score-evidence .ui-icon { width:19px; height:19px; }
  .metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; margin:0 0 21px; }
  .metric-card { padding:17px 20px; border:1px solid #2e4b5c; border-radius:10px; background:#0f1d26; display:grid; grid-template-columns:62px 1fr; gap:12px 20px; }
  .metric-card .icon-tile { width:58px; height:58px; }
  .metric-heading { min-width:0; }
  .metric-heading h2 { font-size:13px; letter-spacing:-.01em; font-weight:500; line-height:1.4; margin:2px 0 6px; }
  .metric-value { font-size:32px; letter-spacing:-1px; line-height:1; font-weight:600; }
  .metric-card>p { padding-top:9px; border-top:3px solid #376b7e; grid-column:1/-1; font-size:12px; color:#adcadd; line-height:1.65; }
  .overview-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:12px; }
  .overview-heading h2 { font-size:24px; }
  .overview-heading .eyebrow { font-size:9px; }
  .overview-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
  .overview-card { display:grid; grid-template-columns:44px 1fr; grid-template-rows:auto 1fr auto; gap:13px 18px; min-height:248px; border:1px solid #2b4859; border-radius:10px; padding:18px; background:#0d1c25; }
  .overview-card .icon-tile { width:43px; height:43px; border-radius:9px; }
  .overview-card .ui-icon { width:25px; height:25px; }
  .overview-card h3 { font-size:15px; margin:10px 0 0; font-weight:500; letter-spacing:-.015em; }
  .overview-card>p,.overview-card>ul { grid-column:2; font-size:12px; line-height:1.8; color:#b5cfe2; margin:0; }
  .doc .overview-card ul { padding-inline-start:15px; display:block; }
  .overview-card li { margin-bottom:5px; }
  .overview-card li::marker { color:#7bdef7; }
  .doc .overview-card>a { grid-column:2; display:flex; align-items:center; gap:10px; color:#8edff7; text-decoration:none; font-size:12px; align-self:end; }
  .overview-card>a .ui-icon { width:16px; height:16px; }
  .report-bottom-actions { display:flex; justify-content:flex-end; align-items:center; gap:24px; margin-top:18px; }
  .private-note { font-size:12px; color:#99b7cc; display:flex; align-items:center; gap:8px; }
  .private-note .ui-icon { width:18px; height:18px; }
  .visual-report>.doc-section { display:none; background:#0f1d26; border:1px solid #294756; border-radius:9px; padding:24px; margin:0 0 18px; }
  .visual-report>.doc-section.is-active { display:grid; gap:18px; }
  .visual-report .doc-section h2 { font-size:20px; border-color:#284655; border-width:1px; padding-bottom:12px; }
  .doc .sec-num { font-size:13px; color:#6ea0bd; }
  .doc .lead { font-size:15px; color:#bdd2e1; }
  .doc .figure,.doc .week,.doc .budget,.doc .ready-item { border-color:#2d4b5b; border-radius:7px; background:#11222c; }
  .doc .figure { padding:18px; }
  .doc .issue { border-color:#355462; border-radius:8px; overflow:hidden; }
  .doc .issue-head { border-color:#2c4554; background:#192d39; }
  .doc .issue.prio-high .issue-head { background:#302c26; color:#eecb9c; }
  .doc .issue-side.solution { border-color:#2c4554; }
  .doc table.options { min-width:600px; font-size:13px; }
  .doc table.options th { background:#172e3b; color:#9bcce7; font-size:11px; font-weight:500; }
  .doc table.options td,.doc table.options th { border-width:0 0 1px; border-color:#27434f; padding:12px; }
  .doc table.options td { color:#bfd2e2; }
  .doc .evidence-table.options { min-width:500px; font-size:11px; line-height:1.5; }
  .doc .evidence-table.options th { font-size:9px; }
  .doc .evidence-table.options td,.doc .evidence-table.options th { padding:7px 9px; }
  .evidence-panel .panel-link { display:inline-flex; align-items:center; gap:8px; margin-top:12px; font-size:11px; text-decoration:none; }
  .panel-link .ui-icon { width:15px; height:15px; }
  .overview-card>p,.overview-card li { display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; }
  .overview-card>p { -webkit-line-clamp:6; }
  .overview-card li { -webkit-line-clamp:2; }
  .evidence-summary-grid li { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
  @media(min-width:901px) {
    .visual-report .report-tools { min-height:26px; height:26px; align-items:center; }
    .visual-report .report-tools .btn { position:absolute; top:112px; inset-inline-end:max(5.8vw,32px); min-height:40px; padding:8px 18px; }
    .report-detail-title>.muted { align-self:flex-end; }
    .evidence-grid .evidence-panel { padding-block:13px; }
    .evidence-grid .table-wrap { max-height:205px; overflow:auto; }
    .evidence-grid .citation-list li { padding-block:9px; }
    .evidence-summary-grid .evidence-panel { grid-template-columns:24px 1fr; gap:8px 12px; }
    .evidence-summary-grid .evidence-panel>p,.evidence-summary-grid .evidence-panel>ul,.evidence-summary-grid .evidence-panel>ol,.evidence-summary-grid .evidence-panel>a { grid-column:2; }
    .evidence-summary-grid .evidence-panel>p { font-size:11px; }
    .evidence-summary-grid .evidence-panel .panel-caption { margin:0; font-size:10px; }
  }
  .doc .locked { border-color:#486474; color:#acc8d9; font-size:13px; border-radius:6px; }
  .doc .ready-head { background:#19303d; border-color:#2c4b5b; }
  .doc .copy-btn { background:#10242e; color:#a8e7fc; border-color:#527e93; }
  .doc a { color:#9cddf4; }
  .doc .doc-footer { margin-top:24px; color:#7198b4; font-size:10px; letter-spacing:1px; text-align:start; }
  .visual-report>.legal-links { font-size:11px; justify-content:flex-end; }
  .doc .owner-review { max-width:1100px; margin:20px auto; padding:20px; }
  .doc .owner-review[open] { background:#142630; }
  .doc .owner-banner { margin-block:24px; }
  .doc .owner-q { background:#142630; }
  .doc .owner-q-snippet,.doc .owner-q-answer-text { background:#0d1c24; }
  [data-screen="summary"] .intro,[data-screen="summary"] .score,[data-screen="summary"] .offer { width:min(1100px,calc(100% - 48px)); margin:35px auto; }
  [data-screen="summary"] .score { padding:35px; background:#10222e; border:1px solid #598ba4; border-radius:12px; }
  [data-screen="summary"] .score>.eyebrow { grid-column:1/-1; }
  [data-screen="summary"] .score .big { color:#e7f7ff; }
  [data-screen="summary"] .offer { background:#142530; border:1px solid #426575; color:#bed5e7; }

  @media(min-width:1500px) { .home-hero { padding-top:82px; padding-bottom:38px; } #scan-form { padding-block:26px; } }
  @media(max-width:1200px) {
    .site-nav { gap:23px; margin-inline-start:0; } .site-actions { gap:22px; } .brand { font-size:29px; }
    .margin-note { display:none; } .benefit-strip { padding-inline:40px; } .benefit { padding-inline:24px; gap:18px; }
    .signals { gap:10px; } .signal,.signal:first-child { padding:14px; grid-template-columns:1fr; gap:10px; } .signal dt { min-height:42px; } .signal-note { min-height:70px; }
    .report-hero { gap:25px; } .report-intro h1 { font-size:39px; } .report-score { padding:24px; }
    .metric-card { padding:16px; gap:12px; grid-template-columns:46px 1fr; } .metric-card .icon-tile { width:44px; height:44px; } .metric-card .ui-icon { width:27px; height:27px; }
    .overview-card { grid-template-columns:34px 1fr; gap:12px; padding:15px; } .overview-card .icon-tile { width:34px; height:34px; } .overview-card>p,.overview-card>ul,.doc .overview-card>a { grid-column:1/-1; }
  }
  @media(max-width:900px) {
    [data-screen="home"] .globe-image { top:-120px; }
    .evidence-grid { grid-template-columns:1fr; }
    .evidence-summary-grid { grid-template-columns:1fr 1fr; }
    .site-header { height:75px; padding:0 24px; gap:18px; } .site-nav { display:none; position:absolute; top:74px; inset-inline:0; background:#10232e; border-bottom:1px solid #456374; padding:24px; flex-wrap:wrap; } .site-nav.open { display:flex; }
    .nav-toggle { display:block; } .site-actions { gap:18px; } .brand { font-size:27px; } .brand-icon { width:29px; height:32px; }
    .home-hero { padding-top:64px; } .home-hero h1 { font-size:46px; } .home-hero .hero-subtitle { font-size:17px; }
    #scan-form { padding:20px; } .quick-fields { gap:18px; grid-template-columns:1fr 1fr; } .hero-go { grid-column:1/-1; } .globe-field { height:190px; } .globe-image { width:140%; max-width:none; left:-20%; top:-35px; }
    .benefit-strip { padding:27px 24px; gap:22px; } .benefit { display:block; padding-inline:18px; } .benefit h2 { font-size:14px; margin-top:14px; } .benefit p { font-size:12px; } .benefit .icon-tile { width:47px; height:47px; } .benefit .ui-icon { width:27px; height:27px; }
    .globe-note { font-size:8px; letter-spacing:1.5px; } .globe-note-one { left:8%; } .globe-note-three { right:5%; }
    .signals { grid-template-columns:repeat(3,minmax(0,1fr)); } .signal,.signal:first-child { min-height:215px; grid-template-columns:46px 1fr; }
    [data-screen="preview"] .offer { grid-template-columns:55px 1fr; padding:20px; } [data-screen="preview"] .offer .price-line,[data-screen="preview"] .offer .offer-actions { grid-column:2; grid-row:auto; justify-content:flex-start; } [data-screen="preview"] .offer .offer-actions { align-items:flex-start; } [data-screen="preview"] .offer-icon { width:48px; height:48px; }
    .steps,.doc .steps { margin-top:14px; } .step,.doc .step { padding-inline:5px; } .step-label { font-size:11px; } .step-state { font-size:10px; } .step-icon { width:40px; height:40px; } .step:before { top:20px; }
    .progress-panel { padding:20px; gap:20px; } .progress-explanation { gap:10px; } .progress-explanation .icon-tile { width:45px; } .progress-detail { padding-inline-end:20px; }
    .doc.visual-report { padding-inline:24px; } .visual-report .site-header { margin-inline-start:-24px; } .report-hero { grid-template-columns:1fr 1fr; gap:20px; } .report-intro h1 { font-size:34px; } .report-deck { font-size:14px; } .score-evidence { display:none; } .report-score-number strong { font-size:72px; }
    .metric-grid,.overview-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .overview-card { grid-template-columns:43px 1fr; } .overview-card>p,.overview-card>ul,.doc .overview-card>a { grid-column:2; }
  }
  @media(max-width:600px) {
    [data-screen="home"] .globe-field { height:170px; margin-top:0; }
    [data-screen="home"] .globe-image { top:-35px; }
    .evidence-summary-grid { grid-template-columns:1fr; }
    body { font-size:14px; } .site-header { padding-inline:18px; gap:12px; height:70px; } .brand { font-size:24px; gap:7px; letter-spacing:-1px; } .brand-icon { width:26px; height:29px; } .site-actions { gap:13px; } .site-actions .nav-start { display:none; } .site-actions .lang-switch { font-size:13px; } .site-nav { top:69px; }
    .home-hero { padding:48px 22px 27px; } .home-hero h1 { font-size:40px; letter-spacing:-1.5px; line-height:1.16; max-width:380px; margin:0 auto; } .home-hero .hero-subtitle { font-size:15px; margin-top:17px; }
    #step-form { width:calc(100% - 36px); } #scan-form { padding:20px; } .quick-fields { grid-template-columns:1fr; gap:18px; } #scan-form .hero-go { margin-top:3px; min-height:49px; font-size:14px; }
    #scan-form.expanded .form-details { grid-template-columns:1fr; } .form-details>#submit { width:100%; } .details-intro h3 { font-size:19px; } .form-caption { font-size:12px; padding-inline:10px; } #step-form .promise { font-size:10px; gap:11px; }
    .globe-field { height:170px; } .globe-image { width:210%; left:-55%; top:-10px; } .globe-note { font-size:7px; letter-spacing:1px; padding-inline-start:9px; top:25px; } .globe-note-one { left:6%; } .globe-note-two { left:39%; top:61px; } .globe-note-three { right:4%; top:27px; }
    .benefit-strip { grid-template-columns:1fr; padding:27px 25px; gap:22px; } .benefit,.benefit:first-child,.benefit:last-child { display:flex; padding:0; border:0; gap:18px; } .benefit h2 { margin:0 0 5px; font-size:15px; } .benefit p { font-size:12px; } .benefit .icon-tile { width:46px; height:46px; }
    .visual-page>.how { padding:36px 22px; } .how>h2 { font-size:27px; } .how ol { grid-template-columns:1fr; gap:15px; } .how li { padding:22px; }
    .visual-page>footer { display:block; padding:20px 22px; } .visual-page>footer .legal-links { margin-top:12px; gap:12px; }
    [data-screen="preview"] .intro { padding:35px 20px 18px; } [data-screen="preview"] .intro h1 { font-size:40px; } [data-screen="preview"] .pv-lead { font-size:15px; } .business-card { padding:15px; gap:6px; font-size:12px; } .business-card strong { font-size:17px; } .business-card .icon-tile { width:40px; height:40px; margin-inline-end:8px; }
    [data-screen="preview"] .card.preview { width:calc(100% - 36px); } .signals { grid-template-columns:1fr; gap:12px; } .signal,.signal:first-child { grid-template-columns:48px 1fr; padding:18px; min-height:0; } .signal dt { min-height:0; } .signal dd { grid-column:2; gap:12px; } .signal-note { min-height:0; font-size:13px; } .signal .icon-tile { width:46px; height:46px; } .signal-value { font-size:12px; }
    [data-screen="preview"] .globe-image { top:0; } [data-screen="preview"] .offer { width:calc(100% - 36px); grid-template-columns:1fr; margin-top:-28px; padding:22px; gap:14px; } [data-screen="preview"] .offer-icon { display:none; } [data-screen="preview"] .offer>* { grid-column:1!important; grid-row:auto!important; } [data-screen="preview"] .offer .offer-actions { align-items:stretch; } .offer h2 { font-size:23px; } .visual-page>.honest { margin-block:28px; }
    .visual-page .status,.doc .status { width:calc(100% - 36px); padding-top:30px; gap:22px; } .status-head h1 { font-size:34px; letter-spacing:-1px; } .status-head>p:not(.eyebrow) { font-size:14px; } .status-head .eyebrow { font-size:9px; }
    .steps,.doc .steps { grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:27px; margin-block:3px; } .step:nth-child(3):before { display:none; } .step-label { font-size:12px; min-height:32px; } .step-state { font-size:10px; }
    .progress-panel { grid-template-columns:1fr; gap:17px; padding:22px; } .progress-detail { padding:0 0 18px; border-inline-end:0; border-bottom:1px solid #294551; } .progress-explanation h2 { font-size:15px; } .progress-explanation p { font-size:12px; } .status-keep { font-size:12px; } .status-contact { font-size:11px; }
    [data-screen="status"] .globe-field { height:150px; } [data-screen="status"] .globe-image { top:-15px; }
    .doc.visual-report { padding-inline:18px; } .visual-report .site-header { margin-inline-start:-18px; } .visual-report>.banner { font-size:10px; line-height:1.6; } .visual-report .report-tools .btn { font-size:11px; padding:7px 10px; min-height:36px; } .visual-report .report-tools .btn .ui-icon { width:16px; height:16px; }
    .report-tabs { padding:0 4px; gap:0; margin-bottom:18px; } .doc .report-tabs a { padding:12px; font-size:11px; } .report-hero { grid-template-columns:1fr; gap:22px; } .report-intro { padding:0; } .report-intro h1 { font-size:38px; margin-top:9px; } .report-intro .eyebrow { font-size:9px; } .report-deck { font-size:15px; } .report-for { margin-top:15px; }
    .report-score { min-height:218px; padding:23px; } .report-score-number strong { font-size:76px; } .report-score-number span { font-size:31px; } .report-score .caveat { max-width:100%!important; } .metric-grid { gap:10px; } .metric-card { padding:15px 13px; grid-template-columns:1fr; gap:9px; } .metric-card .icon-tile { width:39px; height:39px; } .metric-heading h2 { font-size:12px; min-height:34px; } .metric-value { font-size:29px; } .metric-card>p { font-size:11px; }
    .overview-heading h2 { font-size:23px; } .overview-heading>.eyebrow { display:none; } .overview-grid { grid-template-columns:1fr; gap:12px; } .overview-card { min-height:205px; padding:20px; grid-template-columns:42px 1fr; gap:14px; } .overview-card .icon-tile { width:42px; height:42px; } .overview-card>p,.overview-card>ul { font-size:13px; } .overview-card h3 { font-size:16px; } .doc .overview-card>a { font-size:13px; }
    .report-bottom-actions { flex-wrap:wrap; gap:14px; } .report-bottom-actions>.btn { width:100%; } .report-detail-title { display:block; } .report-detail-title h1 { font-size:27px; } .report-detail-title>.muted { display:block; margin-top:9px; }
    .visual-report>.doc-section { padding:20px 15px; } .visual-report .doc-section h2 { font-size:19px; } .doc .issue-grid { grid-template-columns:1fr; } .doc .issue-side.solution { border-inline-start:0; border-top:1px solid #294551; } .doc .issue-effort { margin-inline-start:0; } .doc .figures { grid-template-columns:1fr; } .doc .weeks,.doc .budgets { grid-template-columns:1fr; }
  }
  @media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }
}
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media print {
  .site-header,.margin-notes,.globe-field,.benefit-strip,.dashboard-overview,.evidence-dashboard,.report-tabs,.report-detail-title,.report-bottom-actions { display:none!important; }
  .visual-report>.doc-section { display:grid!important; }
  .ui-icon { display:none; }
}