@font-face{font-family:"Outfit";src:url(/fonts/outfit-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Geist";src:url(/fonts/geist-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Geist Mono";src:url(/fonts/geist-mono-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}

:root{
  --bg:#FBFBFA; --surface:#FFFFFF; --mist:#F2F3F5; --line:#E3E5E9;
  --ink:#16181D; --ink-2:#4B5160; --ink-3:#6B7280;
  --orange:#EE6A1A; --orange-ink:#B8430A; --orange-wash:#FFF1E6;
  --good:#17703F; --good-wash:#E6F4EC;
  --r:14px; --r-sm:10px; --pill:999px;
  --ease:cubic-bezier(.23,1,.32,1); --ease-io:cubic-bezier(.77,0,.175,1);
  --shadow:0 1px 2px rgb(22 24 29 / .05), 0 14px 40px -18px rgb(184 67 10 / .22);
  --font-d:"Outfit",system-ui,sans-serif; --font-b:"Geist",system-ui,sans-serif; --font-m:"Geist Mono",ui-monospace,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#101114; --surface:#181A1F; --mist:#1D2026; --line:#2A2E36;
    --ink:#F2F3F5; --ink-2:#B6BCC8; --ink-3:#8D94A3;
    --orange:#F27A2C; --orange-ink:#FF9A57; --orange-wash:#2B1D14;
    --good:#5CCB8D; --good-wash:#16261D;
    --shadow:0 1px 2px rgb(0 0 0 / .4), 0 14px 40px -18px rgb(0 0 0 / .6);
    color-scheme:dark;
  }
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.55 var(--font-b);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
[hidden]{display:none!important}
h1,h2,h3{font-family:var(--font-d);margin:0;letter-spacing:-.02em;text-wrap:balance}
h1{font-size:clamp(2.2rem,4.4vw,3.6rem);line-height:1.06;font-weight:700;letter-spacing:-.035em}
h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.1;font-weight:650;letter-spacing:-.03em;max-width:22ch}
h3{font-size:1.1rem;font-weight:600;line-height:1.25}
p{margin:0}
a{color:inherit}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--bg);padding:8px 14px;border-radius:8px;z-index:100}
.skip:focus{left:8px}
.wrap{width:min(1180px,100% - 40px);margin-inline:auto}
.section{padding:clamp(72px,10vw,128px) 0}
.sub{color:var(--ink-2);max-width:56ch;margin-top:16px;font-size:1.05rem}
.fine{font-size:.82rem;color:var(--ink-3)}

/* icons: Phosphor, drawn as masks so they inherit color */
.ico{display:inline-block;width:1.15em;height:1.15em;flex:none;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;vertical-align:-.2em}
.ico--lg{width:34px;height:34px;color:var(--orange-ink)}
.ico--heart{color:#E5252A;width:1em;height:1em;vertical-align:-.12em;margin:0 .15em}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;border-radius:var(--pill);border:0;background:var(--orange);color:#1A0B02;font:600 1rem var(--font-b);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform 160ms var(--ease),background-color 160ms var(--ease),box-shadow 160ms var(--ease);box-shadow:0 8px 24px -10px rgb(238 106 26 / .7);-webkit-tap-highlight-color:transparent}
.btn:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.btn:hover{background:#F57B2E;box-shadow:0 12px 28px -10px rgb(238 106 26 / .8)}.btn:hover .ico{transform:translateX(3px)}}
.btn .ico{transition:transform 200ms var(--ease)}
.btn--sm{height:42px;padding:0 20px;font-size:.92rem}
.btn--block{width:100%}
.btn--ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
@media (hover:hover) and (pointer:fine){.btn--ghost:hover{background:var(--mist);box-shadow:inset 0 0 0 1.5px var(--ink-3)}}
.btn--light{background:#fff;color:#16181D;box-shadow:none}
@media (hover:hover) and (pointer:fine){.btn--light:hover{background:#FFEFE2}}
.btn[disabled]{opacity:.6;cursor:progress}

/* nav */
.nav{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid transparent;transition:border-color 200ms}
.nav.is-stuck{border-color:var(--line)}
.nav__in{display:flex;align-items:center;gap:32px;height:68px}
.brand{display:block;margin-right:auto}
.brand__plate{display:block;border-radius:10px}
.brand img{height:50px;width:auto;mix-blend-mode:multiply}
@media (prefers-color-scheme:dark){.brand__plate{background:#fff;padding:2px 10px}.brand img{mix-blend-mode:normal;height:36px}}
.nav__links{display:flex;gap:28px;font-size:.95rem}
.nav__links a{text-decoration:none;color:var(--ink-2);transition:color 150ms}
@media (hover:hover){.nav__links a:hover{color:var(--ink)}}

/* hero */





/* mesa de agentes */
.table{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow)}
.table__case{background:var(--mist);border-radius:var(--r);padding:14px 16px;min-height:104px}
.table__label{font:500 .72rem var(--font-m);color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase}
.table__case p{margin-top:6px;font-size:.98rem;color:var(--ink);line-height:1.45}
.table__case p::after{content:"";display:inline-block;width:2px;height:1em;background:var(--orange);margin-left:2px;vertical-align:-.15em;animation:blink 1s steps(2) infinite}
.table__case.done p::after{display:none}
@keyframes blink{50%{opacity:0}}
.table__agents{list-style:none;margin:14px 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.table__agents li{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--r-sm);border:1px solid var(--line);font-size:.82rem;line-height:1.2;color:var(--ink-2);background:var(--surface);transition:background-color 260ms var(--ease),border-color 260ms var(--ease),color 260ms var(--ease),opacity 260ms var(--ease),transform 260ms var(--ease)}
.table__agents li .ico{width:1.1em;height:1.1em;opacity:0;transition:opacity 200ms}
.table__agents li[data-s="think"]{border-color:var(--orange);color:var(--ink);transform:translateY(-1px)}
.table__agents li[data-s="match"]{background:var(--orange-wash);border-color:var(--orange);color:var(--orange-ink);font-weight:600}
.table__agents li[data-s="match"] .ico{opacity:1}
.table__agents li[data-s="out"]{opacity:.38}
.table__judge{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:var(--r);background:var(--ink);color:var(--bg);font-size:.9rem}
.table__judge .ico{width:26px;height:26px;color:var(--orange)}
.table__judge strong{display:block;font:600 .95rem var(--font-d)}
.table__judge span{color:color-mix(in srgb,var(--bg) 72%,transparent)}

/* sources */

.sources__in{display:flex;flex-wrap:wrap;gap:16px 40px;align-items:center;justify-content:space-between;padding:26px 0}
.sources p{color:var(--ink-2);font-size:.95rem;max-width:34ch}
.sources ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 34px}
.sources li{font:650 1.15rem var(--font-d);letter-spacing:-.01em;color:var(--ink-3)}

/* demo */

.demo__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;margin-top:44px;align-items:start}
.demo__form,.demo__out{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px}
.demo__form label{display:block;font:600 .95rem var(--font-b);margin-bottom:8px}
textarea{width:100%;resize:vertical;min-height:168px;padding:14px 16px;border-radius:var(--r);border:1.5px solid var(--line);background:var(--bg);color:var(--ink);font:400 1rem/1.5 var(--font-b);transition:border-color 160ms}
textarea::placeholder{color:var(--ink-3)}
textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 4px color-mix(in srgb,var(--orange) 22%,transparent)}
textarea[aria-invalid="true"]{border-color:#C0392B}
.demo__meta{display:flex;justify-content:space-between;margin-top:8px;font-size:.82rem;color:var(--ink-3)}
.demo__meta span:last-child{font-family:var(--font-m)}
.err{margin-top:8px;color:#B3261E;font-size:.9rem}
@media (prefers-color-scheme:dark){.err{color:#FF8A80}}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.chip{border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--pill);padding:9px 14px;font:500 .88rem var(--font-b);cursor:pointer;transition:transform 150ms var(--ease),border-color 150ms,background-color 150ms;-webkit-tap-highlight-color:transparent}
.chip:active{transform:scale(.97)}
@media (hover:hover){.chip:hover{border-color:var(--orange);background:var(--orange-wash)}}
.demo__out{min-height:420px}
.empty{display:grid;place-items:center;text-align:center;gap:14px;min-height:370px;color:var(--ink-2);max-width:36ch;margin:0 auto}
.result{display:grid;gap:22px}
.result h3{font-size:.8rem;font-family:var(--font-m);font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);margin-bottom:10px}
.verdicts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:6px 10px}
.verdicts li{display:flex;align-items:center;gap:8px;font-size:.88rem;padding:7px 10px;border-radius:8px;color:var(--ink-3);opacity:0;transform:translateY(6px);animation:rise 320ms var(--ease) forwards}
.verdicts li[data-s="match"]{background:var(--orange-wash);color:var(--orange-ink);font-weight:600}
.verdicts li[data-s="maybe"]{background:var(--mist);color:var(--ink)}
.verdicts li .ico{width:1em;height:1em}
.verdicts li .pct{margin-left:auto;font:500 .78rem var(--font-m)}
@keyframes rise{to{opacity:1;transform:none}}
.follow{margin:0;padding-left:1.2em;display:grid;gap:10px;font-size:.95rem}
.follow b{font-weight:600}
.follow small{display:block;color:var(--ink-3);font-size:.8rem}
.result__block--judge{background:var(--mist);border-radius:var(--r);padding:16px}
.route{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-bottom:1px solid var(--line)}
.route:last-child{border-bottom:0;padding-bottom:0}
.route b{font:600 1rem var(--font-d)}
.route span{font-size:.88rem;color:var(--ink-2)}
.route em{font-style:normal;font-size:.82rem;color:var(--good)}
.judge-none{font-size:.95rem;color:var(--ink-2)}
.pend{margin-top:10px;font-size:.88rem;color:var(--ink-2)}

/* how */


.steps{list-style:none;margin:0;padding:0;display:grid;gap:0}
.steps li{display:grid;grid-template-columns:56px 1fr;gap:20px;padding:30px 0;border-top:1px solid var(--line)}
.steps li:last-child{border-bottom:1px solid var(--line)}
.steps__n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--orange-wash);color:var(--orange-ink);font:650 1.1rem var(--font-d)}
.steps p{color:var(--ink-2);margin-top:6px;max-width:48ch}

/* agents explorer */

.explorer{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px;margin-top:44px}
.explorer__list{display:grid;gap:4px;align-content:start}
.tab{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:14px 16px;border-radius:var(--r-sm);border:0;background:transparent;color:var(--ink-2);font:500 1rem var(--font-b);cursor:pointer;transition:background-color 160ms,color 160ms;-webkit-tap-highlight-color:transparent}
.tab:active{transform:scale(.985)}
@media (hover:hover){.tab:hover{background:var(--mist);color:var(--ink)}}
.tab[aria-selected="true"]{background:var(--ink);color:var(--bg);font-weight:600}
.explorer__pane{background:var(--mist);border-radius:20px;padding:clamp(22px,3vw,36px);min-height:420px;position:sticky;top:96px;align-self:start}
.pane h3{font-size:1.5rem;font-weight:650;letter-spacing:-.025em}
.pane .tag{margin-top:6px;color:var(--ink-2)}
.pane h4{font:500 .8rem var(--font-m);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);margin:28px 0 12px}
.pane ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pane li{background:var(--surface);border-radius:var(--r-sm);padding:12px 14px;font-size:.97rem;border:1px solid var(--line)}
.pane .route-pill{display:inline-flex;align-items:center;gap:8px;background:var(--orange-wash);color:var(--orange-ink);border-radius:var(--pill);padding:8px 14px;font-weight:600;font-size:.92rem}
.pane-in{animation:paneIn 260ms var(--ease)}
@keyframes paneIn{from{opacity:0;transform:translateY(6px)}}

/* report */

.ticks{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}
.ticks li{display:flex;gap:12px;align-items:flex-start}
.ticks .ico{color:var(--good);margin-top:.2em}
.doc{position:relative;justify-self:center;width:min(420px,100%)}
.doc__page{background:#fff;color:#16181D;border-radius:6px;padding:28px 28px 22px;box-shadow:0 30px 60px -28px rgb(22 24 29 / .45),0 0 0 1px rgb(22 24 29 / .06);transform:rotate(1.6deg);transition:transform 400ms var(--ease)}
@media (hover:hover) and (pointer:fine){.doc:hover .doc__page{transform:rotate(0)}}
.doc__head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--orange);padding-bottom:12px;font:500 .68rem var(--font-m);text-transform:uppercase;letter-spacing:.05em;color:#6B7280}
.doc__logo{height:30px;width:auto;mix-blend-mode:multiply}
.doc h3{font-size:.8rem;margin:18px 0 8px;color:#B8430A;font-weight:650}
.doc__lines{display:grid;gap:6px}
.doc__lines i{display:block;height:7px;border-radius:4px;background:#E7E9ED}
.doc__lines i.s{width:62%}.doc__lines i.m{width:82%}
.doc__route{display:flex;flex-direction:column;padding:9px 12px;border-radius:8px;background:#FFF1E6;margin-bottom:6px}
.doc__route b{font:600 .82rem var(--font-d)}
.doc__route span{font-size:.72rem;color:#4B5160}
.doc__stamp{margin-top:18px;font-size:.68rem;color:#6B7280;border-top:1px dashed #D6D9DF;padding-top:10px}
.doc__tag{position:absolute;top:-14px;right:-10px;display:flex;gap:6px;align-items:center;background:var(--ink);color:var(--bg);padding:8px 14px;border-radius:var(--pill);font:600 .82rem var(--font-b)}

/* fresh */
.fresh{background:var(--mist)}
.fresh__grid{display:grid;gap:44px}
.loop{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative}
.loop li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:grid;gap:12px;align-content:start}
.loop .ico{width:30px;height:30px;color:var(--orange-ink)}
.loop p{color:var(--ink-2);font-size:.95rem;margin-top:4px}

/* limits */
.limits__grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--surface)}
.limits__col{padding:clamp(24px,4vw,44px)}
.limits__col--yes{background:var(--good-wash)}
.limits h2{font-size:1.6rem}
.limits ul{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px}
.limits li{display:flex;gap:12px;align-items:flex-start;color:var(--ink)}
.limits li .ico{margin-top:.2em}
.limits__col--yes .ico{color:var(--good)}
.limits__col:not(.limits__col--yes) .ico{color:#B3261E}
@media (prefers-color-scheme:dark){.limits__col:not(.limits__col--yes) .ico{color:#FF8A80}}

/* price */
.price{background:var(--surface);border-block:1px solid var(--line)}

.price__card{background:var(--bg);border:1.5px solid var(--orange);border-radius:24px;padding:clamp(24px,3vw,36px);box-shadow:var(--shadow);display:grid;gap:22px}
.price__amt{font:700 clamp(4rem,8vw,5.6rem)/1 var(--font-d);letter-spacing:-.05em;display:flex;align-items:flex-start;gap:4px}
.price__amt span{font-size:.4em;margin-top:.18em;color:var(--orange-ink)}
.price__amt small{font:500 .9rem var(--font-m);color:var(--ink-3);letter-spacing:0;align-self:flex-end;margin:0 0 .6em .4em}
.price__card ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.price__card li{display:flex;gap:12px;align-items:center;font-size:.98rem}
.price__card li .ico{color:var(--orange-ink)}

/* faq */
.faq__in{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,96px);align-items:start}
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-of-type{border-top:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;list-style:none;padding:22px 0;font:600 1.05rem var(--font-d)}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ico{color:var(--orange-ink);transition:transform 220ms var(--ease)}
.faq details[open] summary .ico{transform:rotate(45deg)}
.faq details p{color:var(--ink-2);padding:0 0 22px;max-width:60ch}

/* final + footer */



.foot{padding:36px 0 44px;color:var(--ink-3);font-size:.85rem}
.foot__in{display:flex;flex-wrap:wrap;gap:20px 40px;justify-content:space-between;align-items:flex-start}
.foot__legal{max-width:68ch}
.foot__credit{white-space:nowrap}
.foot__credit a{text-decoration:none;color:var(--ink);font-weight:600;border-bottom:1px solid var(--line)}
@media (hover:hover){.foot__credit a:hover{border-color:var(--orange)}}

/* scroll reveal: used once per block, short, transform+opacity only */
.rv{opacity:0;transform:translateY(14px);transition:opacity 520ms var(--ease),transform 520ms var(--ease)}
.rv.in{opacity:1;transform:none}

/* responsive */
@media (max-width:980px){
  .demo__grid,.how__grid,.explorer,.report__grid,.price__grid,.faq__in,.story__grid,.call__grid{grid-template-columns:1fr}
  .table,.explorer__pane{position:static}
  .loop{grid-template-columns:1fr}
  .limits__grid{grid-template-columns:1fr}
  .nav__links{display:none}
  .explorer__list{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  body{font-size:16px}
  .wrap{width:min(1180px,100% - 32px)}
  .btn{height:50px;padding:0 22px}
  .cta-row .btn{flex:1 1 100%}
  .table__agents{grid-template-columns:repeat(2,1fr)}
  .verdicts{grid-template-columns:1fr}
  .explorer__list{grid-template-columns:1fr}
  .steps li{grid-template-columns:44px 1fr;gap:14px}
  .sources__in{flex-direction:column;align-items:flex-start}
  .doc__tag{right:6px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .rv{opacity:1;transform:none}
  .table__case p::after{animation:none}
}

/* ---- v2: photographic, emotional ---- */
.nav{position:fixed;left:0;right:0}
.nav:not(.is-stuck){background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.nav:not(.is-stuck) .nav__links a{color:rgb(255 255 255 / .86)}
.nav:not(.is-stuck) .brand__plate{background:rgb(255 255 255 / .94);padding:3px 12px}
.nav:not(.is-stuck) .brand img{height:42px}
@media (hover:hover){.nav:not(.is-stuck) .nav__links a:hover{color:#fff}}

.hero{position:relative;min-height:min(100dvh,860px);display:flex;align-items:flex-end;overflow:hidden;color:#fff;background:#2A1608}
.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 38%;transform:scale(1.06);animation:heroIn 1600ms var(--ease) forwards}
@keyframes heroIn{to{transform:scale(1)}}
.hero__scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgb(24 10 2 / .86) 0%,rgb(24 10 2 / .62) 38%,rgb(24 10 2 / .08) 72%),linear-gradient(0deg,rgb(24 10 2 / .55),transparent 40%)}
.hero__in{position:relative;padding:120px 0 clamp(56px,9vh,104px)}
.hero__copy{max-width:640px}
.hero h1{font-size:clamp(2.7rem,6.4vw,5.2rem);line-height:1;letter-spacing:-.04em;font-weight:750;color:#fff;text-shadow:0 2px 30px rgb(0 0 0 / .25)}
.lead{margin-top:22px;font-size:clamp(1.1rem,1.6vw,1.35rem);color:rgb(255 255 255 / .92);max-width:36ch}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.btn--glass{background:rgb(255 255 255 / .14);color:#fff;box-shadow:inset 0 0 0 1.5px rgb(255 255 255 / .5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
@media (hover:hover) and (pointer:fine){.btn--glass:hover{background:rgb(255 255 255 / .26);box-shadow:inset 0 0 0 1.5px #fff}}

/* story */
.story__grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(32px,6vw,96px);align-items:center}
.story__text h2{max-width:16ch;font-size:clamp(2rem,3.8vw,3.2rem)}
.story__p{margin-top:20px;color:var(--ink-2);font-size:1.12rem;max-width:46ch}
.story__p:first-of-type{margin-top:28px}
.mosaic{display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:260px 260px;gap:14px}
.mosaic img{width:100%;height:100%;object-fit:cover;border-radius:20px}
.mosaic .m1{grid-row:1/2;grid-column:1/2;object-position:50% 30%}
.mosaic .m2{grid-row:1/3;grid-column:2/3;object-position:50% 60%}
.mosaic .m3{grid-row:2/3;grid-column:1/2;object-position:50% 30%}

/* call */
.call{background:#1D1109;color:#fff;padding-block:clamp(72px,10vw,128px)}
.call h2{color:#fff}
.call .sub{color:rgb(255 255 255 / .78)}
.call__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px,6vw,88px);align-items:center}
.call__photo img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:24px;box-shadow:0 30px 70px -30px rgb(0 0 0 / .8)}
.call__points{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px}
.call__points li{display:flex;gap:12px;align-items:flex-start;color:rgb(255 255 255 / .92)}
.call__points .ico{color:var(--orange);margin-top:.2em}
.phone{margin-top:34px;background:rgb(255 255 255 / .07);border:1px solid rgb(255 255 255 / .16);border-radius:22px;padding:20px 22px;min-height:150px}
.phone__top{display:flex;align-items:center;gap:16px}
.wave{display:flex;align-items:center;gap:4px;height:32px}
.wave i{display:block;width:4px;height:100%;border-radius:3px;background:var(--orange);transform:scaleY(.25);animation:wave 1.1s var(--ease-io) infinite}
.wave i:nth-child(2n){animation-delay:-.4s}.wave i:nth-child(3n){animation-delay:-.7s}.wave i:nth-child(4n){animation-delay:-.2s}
@keyframes wave{50%{transform:scaleY(1)}}
.phone[data-who="user"] .wave i{background:#fff}
.phone__who{font:500 .78rem var(--font-m);letter-spacing:.04em;text-transform:uppercase;color:rgb(255 255 255 / .7)}
.phone__line{margin-top:14px;font:500 clamp(1.1rem,1.8vw,1.4rem)/1.35 var(--font-d);letter-spacing:-.01em;min-height:3.8em}
.phone__line.swap{animation:lineIn 420ms var(--ease)}
@keyframes lineIn{from{opacity:0;transform:translateY(8px);filter:blur(3px)}}

/* how */
.how__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,6vw,88px);align-items:start}
.how__left .steps{margin-top:34px}
.how .table{position:sticky;top:96px}
.sources{border-block:1px solid var(--line);background:var(--surface)}
.demo{background:var(--mist)}
.agents{background:var(--surface);border-block:1px solid var(--line)}

/* report on photo */
.report{position:relative;overflow:hidden;color:#fff;padding:clamp(72px,10vw,128px) 0}
.report__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.report__scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgb(24 10 2 / .84) 0%,rgb(24 10 2 / .5) 50%,rgb(24 10 2 / .15) 100%)}
.report__grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:center}
.report h2{color:#fff}
.report .sub{color:rgb(255 255 255 / .85)}
.report .ticks li{color:#fff}
.report .ticks .ico{color:var(--orange)}

/* price */
.price__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,88px);align-items:center}
.price__photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 35%;border-radius:24px}
.price__side{display:grid;gap:28px}
.price__side h2{max-width:20ch}

/* final */
.final{position:relative;overflow:hidden;color:#fff;padding:clamp(88px,13vw,168px) 0}
.final__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.final__scrim{position:absolute;inset:0;background:linear-gradient(0deg,rgb(24 10 2 / .82),rgb(24 10 2 / .45))}
.final__in{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:30px}
.final h2{max-width:14ch;color:#fff;font-size:clamp(2.4rem,5.6vw,4.4rem);line-height:1.02;letter-spacing:-.04em}
.foot__right{display:grid;gap:8px;justify-items:end;text-align:right}
.foot__photos a{color:var(--ink-2)}

@media (max-width:980px){
  .nav__links{display:none}
  .hero__scrim{background:linear-gradient(0deg,rgb(24 10 2 / .88) 8%,rgb(24 10 2 / .35) 70%)}
  .hero__img{object-position:55% 30%}
  .mosaic{grid-template-rows:220px 220px}
  .call__photo img{aspect-ratio:16/11;object-position:50% 40%}
  .how .table{position:static}
  .price__photo img{aspect-ratio:16/11}
  .foot__right{justify-items:start;text-align:left}
  .report__scrim{background:rgb(24 10 2 / .78)}
}
@media (max-width:560px){
  .hero__in{padding-top:96px}
  .mosaic{grid-template-columns:1fr 1fr;grid-template-rows:200px 200px}
  .cta-row .btn{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){.hero__img{animation:none;transform:none}.wave i{animation:none;transform:scaleY(.6)}}
@media (max-width:980px){
  .story__grid,.call__grid,.how__grid,.report__grid,.price__grid{grid-template-columns:1fr}
}

.demo__pick{font-size:1.15rem;margin-bottom:16px}
.cases{display:grid;gap:10px;margin-bottom:18px}
.case{display:grid;gap:4px;text-align:left;padding:14px 16px;border-radius:var(--r);border:1.5px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;cursor:pointer;transition:transform 150ms var(--ease),border-color 150ms,background-color 150ms;-webkit-tap-highlight-color:transparent}
.case b{font:600 1rem var(--font-d)}
.case span{font-size:.88rem;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.case:active{transform:scale(.985)}
@media (hover:hover){.case:hover{border-color:var(--orange);background:var(--orange-wash)}}
.case[aria-pressed="true"]{border-color:var(--orange);background:var(--orange-wash)}
.cases.busy{opacity:.7;pointer-events:none}

.back{display:none;align-items:center;gap:8px;border:0;background:var(--mist);color:var(--ink);font:600 .9rem var(--font-b);padding:10px 16px;border-radius:var(--pill);cursor:pointer;justify-self:start;-webkit-tap-highlight-color:transparent}
.back:active{transform:scale(.97)}
@media (max-width:980px){
  .demo__form{padding:20px 0 20px 16px;overflow:hidden}
  .demo__pick,.demo__form .fine{padding-right:16px}
  .cases{display:flex;overflow-x:auto;gap:10px;padding:2px 16px 12px 0;margin-right:0;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
  .cases::-webkit-scrollbar{display:none}
  .case{flex:0 0 78%;scroll-snap-align:start;min-height:132px;align-content:start}
  .case span{-webkit-line-clamp:3}
  .demo__out{min-height:0;padding:18px}
  .empty{min-height:150px}
  .back{display:inline-flex}
  .demo__grid{gap:16px}
}
@media (max-width:980px){.verdicts li[data-s="out"]{display:none}}