/* pambahome1 (N 2026-10-13): warm paper look for the home page. Loaded after the page's own styles.
   Every rule starts with ":root body" so it wins over the older rules without !important.
   Part 1 is colors, corners and type for the whole page. Part 2 is the wide-screen hero with the tilted cards. */
@font-face{font-family:"Geist";src:url("/assets/fonts/Geist-Variable.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{--paper:#ffffff;--line:#e6e8ec;--tint:#f7f8fa;--muted:#6b665e;--ph-bg:#ffffff;--ph-s:1; /*ad_hometidy3*/
  --ph-mono:ui-monospace,"SF Mono","Cascadia Mono",Consolas,monospace;
  --font-display:"Geist",-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Helvetica,Arial,sans-serif}

/* ---------- part 1: the look ---------- */
:root,:root body{background:var(--ph-bg)}
:root body main>.section{background:transparent}
:root body main>.section:nth-of-type(even){background:rgba(255,255,255,.4)}
:root body .market-gap{background:#f7f8fa} /*ad_hometidy3*/
:root body main>.section h2{font-size:clamp(28px,3.5vw,52px);font-weight:700;letter-spacing:-.05em}
:root body .eyebrow,:root body .section .eyebrow{font-family:var(--ph-mono);font-size:11px;font-weight:500;letter-spacing:.24em}

/* ticker sits under the header (moved there by the small script in the page) */
:root body .salvo-ticker{z-index:8;background:rgba(255,255,255,.72);border-bottom:1px solid var(--line)}
:root body .salvo-ticker .tk-live{background:linear-gradient(90deg,#ffffff 80%,rgba(255,255,255,0))} /*ad_hometidy3*/

/* buttons below the header become pills */
:root body main .button,:root body main .viewer-button{border-radius:999px}
:root body main .button.primary{box-shadow:0 10px 22px -10px rgba(255,77,46,.7)}

/* cards: rounder corners and a soft lift */
:root body :is(.artifact-summary,.live-diff,.finder,.intake-panel,.demo-card,.ask-box){border-radius:26px}
:root body :is(.owner-search-proof,.compare-outcome,.steps,.outcome-proof,.other-ways-grid){border-radius:26px;overflow:hidden}
:root body .owner-search-proof{border:1px solid var(--line);background:var(--paper)}
:root body :is(.artifact-summary,.finder,.intake-panel,.owner-search-proof,.compare-outcome,.steps,.outcome-proof){box-shadow:0 30px 60px -44px rgba(52,36,20,.4)}
:root body .artifact-summary{background:var(--paper)}
:root body .upload-first{border-radius:18px;border-style:dashed;border-color:#cfc9bd;background:var(--paper)}
:root body .steps article:nth-child(2){background:#f7f8fa} /*ad_hometidy3*/

/* hero background: paper, faint grid, warm glow */
:root body .hero{background:radial-gradient(closest-side at 50% 300px,rgba(255,138,104,.24),rgba(255,176,196,.14) 48%,transparent 76%),var(--ph-bg)}
:root body .hero::before{opacity:1;background-image:linear-gradient(rgba(17,20,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(17,20,24,.04) 1px,transparent 1px);background-size:118px 118px;background-position:center -40px;mask-image:none;-webkit-mask-image:none}
:root body .hero-copy h1{font-weight:700;letter-spacing:-.052em}
:root body .hero-copy h1 em{font-style:normal;color:var(--accent)}
:root body .hero-copy h1 br{display:none}
:root body .hero-actions .button{border-radius:999px;min-height:58px}

/* worked example: the dark rounded panel */
:root body #proof{background:transparent;border-bottom:0}
:root body #proof>.container{padding:clamp(32px,5vw,76px) clamp(16px,4vw,56px) clamp(28px,4vw,56px);border-radius:clamp(26px,3.4vw,44px);color:#dbe0e5;
  background:radial-gradient(70% 420px at 50% 0,rgba(255,77,46,.26),transparent 70%),linear-gradient(180deg,#14171c,#0e1014)}
:root body #proof .proof-intro{margin-inline:auto;text-align:center}
:root body #proof .proof-intro h2{color:#fff}
:root body #proof .proof-intro p{color:rgba(255,255,255,.72)}
:root body #proof .proof-intro .eyebrow{color:#ff9b85}
:root body #proof .proof-actions{justify-content:center}
:root body #proof .proof-actions .viewer-button{border-color:rgba(255,255,255,.32);background:transparent;color:#fff}
:root body #proof .demo-steps{justify-content:center}
:root body #proof .demo-steps button{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:rgba(255,255,255,.84)}
:root body #proof .demo-steps button b{background:rgba(255,255,255,.14);color:#fff}
:root body #proof .demo-steps button[aria-selected=true]{border-color:#fff;background:#fff;color:#111418}
:root body #proof .demo-steps button[aria-selected=true] b{background:var(--accent);color:#fff}
:root body #proof .demo-panel{padding:clamp(12px,2vw,24px);border-radius:26px;background:var(--ph-bg);color:var(--body)}
:root body #proof .demo-panel .demo-card{margin-inline:auto}
:root body #proof>.container>.fine{color:rgba(255,255,255,.62)}

/* Turbo: a second dark panel */
:root body #turbo{background:transparent}
:root body #turbo>.container{padding:clamp(32px,5vw,72px) clamp(20px,4vw,56px);border-radius:clamp(26px,3.4vw,44px);text-align:center;
  background:radial-gradient(70% 320px at 50% 0,rgba(255,77,46,.26),transparent 70%),linear-gradient(180deg,#14171c,#0e1014)}
:root body #turbo h2{color:#fff}
:root body #turbo .eyebrow{color:#ff9b85}
:root body #turbo p.lead{margin-inline:auto!important;color:rgba(255,255,255,.72)}

/* the tilted cards are off unless the screen is wide (part 2) */
.ph-collage{display:none}

/* ---------- part 2: wide screens, centered hero with tilted cards on both sides ---------- */
@media(min-width:1200px){
  :root{--ph-s:.68}
  :root body .hero{padding:84px 0 72px}
  :root body .hero-grid{grid-template-columns:minmax(0,1fr);gap:40px}
  :root body .hero-copy{position:relative;z-index:7;justify-self:center;justify-items:center;width:100%;max-width:540px;min-height:calc(770px*var(--ph-s) - 60px);align-content:start;gap:20px;text-align:center}
  :root body .hero-copy::before{content:"";width:60px;height:60px;margin-bottom:4px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-26 -26 52 52'%3E%3Cpath fill='%23ff4b33' fill-rule='evenodd' d='M24 0A24 24 0 1 1 -24 0A24 24 0 1 1 24 0ZM22.9 0A19.2 19.2 0 1 0 -15.5 0A19.2 19.2 0 1 0 22.9 0Z'/%3E%3C/svg%3E")}
  :root body .hero-copy>*{order:9}
  :root body .hero-copy::before{order:1}
  :root body .hero-copy>.eyebrow{order:2}
  :root body .hero-copy>h1{order:3;max-width:540px;font-size:57px;line-height:.99;text-wrap:initial}
  :root body .hero-copy h1 br{display:inline}
  :root body .hero-actions{display:contents}
  :root body .hero-actions>.button{order:4;margin-top:14px;padding-inline:30px;font-size:17px}
  :root body .hero-copy>.lead{order:5;max-width:480px;font-size:16px;line-height:1.6;color:#5d5a55}
  :root body .hero-actions>.hero-proof-link{order:6;padding:9px 16px;border:1px solid #d9d4ca;border-radius:999px;background:rgba(255,255,255,.8);font-size:13.5px;font-weight:600;text-decoration:none}
  :root body .hero-actions>.hero-free-offer{order:7;justify-self:center}
  :root body .hero-copy>.hero-assurance{order:8;justify-content:center}
  :root body .hero-copy>.live-stats{justify-content:center;margin-top:0}

  /* the live search desk becomes one of the tilted cards */
  :root body .hero-demo{position:absolute;z-index:6;left:calc(50% + 250px + 234px*var(--ph-s));top:calc(150px*var(--ph-s));width:424px;max-width:none;padding:14px 14px 79px;
    border:1px solid rgba(17,20,24,.07);border-radius:30px;background:var(--paper);box-shadow:0 2px 0 rgba(255,255,255,.9) inset,0 46px 80px -32px rgba(52,36,20,.34),0 6px 14px rgba(52,36,20,.08);
    transform-origin:0 0;transform:rotate(4deg) scale(calc(.557*var(--ph-s)))}
  :root body .hero-demo::before{z-index:1;inset:auto 22px 19px auto;width:41px;height:41px;border-radius:50%;transform:none;
    background:#ffe6df center/17px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 8 8 2M3.5 2H8v4.5' fill='none' stroke='%23ff4d2e' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
  :root body .hero-demo::after{content:"SEARCH DESK";position:absolute;left:28px;bottom:0;height:79px;font:500 18px/79px var(--ph-mono);letter-spacing:.26em;color:#7a756c}
  :root body .hero-visual{border-radius:20px;transform:none}

  .ph-collage{display:block;position:absolute;z-index:2;inset:0;pointer-events:none}
  .ph-side{position:absolute;top:0;height:782px;transform:scale(var(--ph-s))}
  .ph-l{right:calc(50% + 290px);width:670px;transform-origin:100% 0}
  .ph-r{left:calc(50% + 250px);width:710px;transform-origin:0 0}
  .ph-card{position:absolute;z-index:2;display:block;padding:8px 8px 0;border:1px solid rgba(17,20,24,.07);border-radius:17px;background:var(--paper);color:#111418;text-decoration:none;pointer-events:auto;
    font-family:"Inter",var(--font-sans);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 26px 44px -18px rgba(52,36,20,.34),0 3px 8px rgba(52,36,20,.08);transition:transform .25s ease}
  .ph-card:hover{translate:0 -4px}
  .ph-face{position:relative;display:block;height:calc(100% - 44px);overflow:hidden;border:1px solid rgba(17,20,24,.05);border-radius:11px;background:#fff}
  .ph-foot{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 6px 0 8px;font:500 10px/1 var(--ph-mono);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;color:#7a756c}
  .ph-foot::after{content:"";width:23px;height:23px;border-radius:50%;background:#ffe6df center/9px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 8 8 2M3.5 2H8v4.5' fill='none' stroke='%23ff4d2e' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
  .ph-card b,.ph-card i,.ph-card s,.ph-card u,.ph-card small,.ph-card em{font-style:normal;font-weight:inherit;text-decoration:none}
  .ph-chip{position:absolute;z-index:2;top:10px;left:10px;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid rgba(17,20,24,.08);border-radius:999px;background:rgba(255,255,255,.9);
    font:500 7.5px/1 var(--ph-mono);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;color:#3b3f47}
  .ph-chip::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent)}
  .ph-chip.g::before{background:#1f9d6b}
  .ph-chip.d{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.12);color:#fff}
  .ph-lab{display:block;font:500 6.8px/1.3 var(--ph-mono);letter-spacing:.2em;text-transform:uppercase;color:#8a857c}
  .ph-bar{display:block;height:4px;margin:5px 0;border-radius:2px;background:#e6e8ec} /*ad_hometidy3*/
  .ph-bar.hot{background:#ffc9bd}
  .ph-h{display:block;margin:0;font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;line-height:1.1;color:#111418}

  .ph-a{left:86px;top:30px;width:190px;height:262px;rotate:-5deg}
  .ph-a .ph-face{padding:34px 13px 0}
  .ph-a .nm{display:block;font:700 10px/1.2 Georgia,serif;letter-spacing:.08em}
  .ph-a .rl{display:block;margin:3px 0 7px;font-size:7.4px;font-weight:600;color:var(--accent-dark)}
  .ph-a .fd{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 10px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 42%)}
  .ph-a .fd .ph-h{font-size:12.5px;margin-bottom:3px}

  .ph-b{left:420px;top:24px;width:222px;height:254px;rotate:-6deg;z-index:5}
  .ph-b .ph-face{border:0;background:linear-gradient(155deg,#ff7a4d,#ff4d2e 52%,#dd3518);color:#fff}
  .ph-b .ring{position:absolute;right:-46px;top:-30px;width:190px;height:190px;border:26px solid rgba(255,255,255,.13);border-radius:50%}
  .ph-b .big{position:absolute;left:16px;bottom:62px;min-height:46px;font:700 46px/1 var(--font-display);letter-spacing:-.05em}
  .ph-b .cap{position:absolute;left:16px;bottom:40px;font-size:12px;font-weight:500}
  .ph-b .mini{position:absolute;left:16px;bottom:14px;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.2);font:500 6.5px/1.3 var(--ph-mono);letter-spacing:.2em;text-transform:uppercase}

  .ph-c{left:236px;top:196px;width:184px;height:262px;rotate:4deg;z-index:4}
  .ph-c .ph-face{padding:40px 13px 0;background:#f6f8fb}
  .ph-c .ph-h{font-size:16px}
  .ph-c .loc{display:block;margin:5px 0 12px;padding-bottom:12px;border-bottom:1px solid #dfe4ea;font-size:8.5px;color:#69717d}
  .ph-ck{display:flex;align-items:flex-start;gap:6px;margin:7px 0;font-size:8.6px;line-height:1.3;color:#2c3038}
  .ph-ck::before{content:"";flex:none;width:10px;height:10px;margin-top:1px;border-radius:50%;background:#1f9d6b center/7px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 5.3 4.2 7.4 8 3' fill='none' stroke='%23fff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}

  .ph-d{left:36px;top:318px;width:250px;height:326px;rotate:-4deg;z-index:3}
  .ph-d .ph-face{padding:38px 14px 0}
  .ph-d .ph-h{margin-bottom:10px;font-size:17px;letter-spacing:-.04em;line-height:1.05}
  .ph-d .fl{display:block;margin:8px 0 3px;font-size:7.2px;font-weight:700}
  .ph-d .fi{display:flex;align-items:center;height:25px;padding:0 8px;border:1px solid #c9cfd8;border-radius:5px;font-size:9px}
  .ph-d .fb{display:grid;place-items:center;height:27px;margin-top:11px;border-radius:5px;background:var(--accent);color:#fff;font-size:9.5px;font-weight:700}

  .ph-e{left:420px;top:342px;width:196px;height:316px;rotate:5deg;z-index:3}
  .ph-e .ph-face{padding:38px 12px 0}
  .ph-e .ph-h{font-size:13.5px}
  .ph-e .sub{display:block;margin:2px 0 9px;font-size:8px;color:#77726a}
  .ph-e .r{display:flex;justify-content:space-between;gap:8px;padding:5.5px 0;border-top:1px solid #eeebe4;font-size:7.8px;color:#3b3f47}
  .ph-e .r small{display:block;margin-top:1px;font-size:6.8px;color:#8a857c}
  .ph-e .r em{font-weight:700;color:var(--green)}

  .ph-f{left:36px;top:28px;width:190px;height:230px;rotate:5deg}
  .ph-f .ph-face{background:var(--paper)}
  .ph-f .wk{position:absolute;left:12px;right:26px;top:60px;display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
  .ph-f .wk b{font:500 6.5px/1.4 var(--ph-mono);color:#9a958c}
  .ph-f .wk i{height:18px;border-radius:5px;background:#ffe6df center/8px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 5.3 4.2 7.4 8 3' fill='none' stroke='%23ff4d2e' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
  .ph-f .ph-h{position:absolute;left:12px;bottom:32px;font-size:15px}
  .ph-f .ph-lab{position:absolute;left:12px;bottom:14px;font-size:7px;letter-spacing:.22em;color:#77726a}

  .ph-g{left:484px;top:24px;width:214px;height:282px;rotate:6deg;z-index:3}
  .ph-g .ph-face{padding:38px 13px 0}
  .ph-g .from{display:flex;align-items:center;gap:8px}
  .ph-g .av{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#1c1f27;color:#fff;font-size:9px;font-weight:700}
  .ph-g .from b{display:block;font-size:9.5px;font-weight:700}
  .ph-g .from small{font-size:7.4px;color:#77726a}
  .ph-g .ph-h{margin:11px 0 6px;font-size:11.5px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
  .ph-g .bd{display:block;font-size:8.8px;line-height:1.5;color:#3b3f47}
  .ph-g .sl{display:flex;gap:6px;margin-top:10px}
  .ph-g .sl i{padding:5px 8px;border:1px solid #ffd3c9;border-radius:7px;background:#fff1ed;font-size:8px;font-weight:600;color:var(--accent-dark)}
  .ph-g .ph-lab{position:absolute;left:13px;bottom:10px}

  .ph-i{left:12px;top:400px;width:222px;height:352px;rotate:-5deg;z-index:5}
  .ph-i .ph-face{padding:40px 13px 0;background:#ffffff} /*ad_hometidy3*/
  .ph-i .ph-h{font-size:14px;line-height:1.15}
  .ph-i .bk{display:block;margin-top:10px;padding:8px 10px;border:1px solid #ece7dd;border-radius:9px;background:#fff;font-size:8.4px;line-height:1.45;color:#2c3038}
  .ph-i .bk .ph-lab{margin-bottom:4px;font-size:6.5px}
  .ph-i .bk.hot{border-color:#ffd3c9;background:#fff6f3}

  .ph-j{left:470px;top:446px;width:222px;height:300px;rotate:6deg;z-index:5}
  .ph-j .ph-face{padding:40px 15px 0;border:0;background:radial-gradient(120% 70% at 30% 100%,rgba(255,77,46,.42),transparent 62%),linear-gradient(180deg,#14171c,#1c1f27 58%,#2b1e1c);color:#fff}
  .ph-j .ph-chip{font-size:7px;letter-spacing:.14em}
  .ph-j .ph-h{font-size:17px;font-weight:600;line-height:1.15;color:#fff}
  .ph-j .pl{position:absolute;left:13px;right:13px;bottom:13px;display:flex;flex-wrap:wrap;gap:6px}
  .ph-j .pl i{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(255,255,255,.06);font-size:8.4px;font-weight:600}
  .ph-j .pl i::before{content:"";width:4px;height:4px;border-radius:50%;background:#ff8266}
}
@media(min-width:1360px){:root{--ph-s:.78}}
@media(min-width:1560px){:root{--ph-s:.88}}
@media(min-width:1800px){:root{--ph-s:1}}
@media(prefers-reduced-motion:reduce){.ph-card{transition:none}}