@font-face{font-family:Inter;src:url("assets/inter.woff2?v=3100e775e861") format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Inter;src:url("assets/inter-ext.woff2?v=34b9c504cab7") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-02FF,U+1E00-1EFF}:root{--paper:#fbfaf8;--ink:#242321;--muted:#65615b;--bronze:#95704e;--line:#e5dfd6;--glass:rgba(255,255,255,.72);--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
/* SITE10 §1f: garda, dupa ce cauza e reparata. `clip`, nu `hidden`: `hidden` ar face din
   html/body containere de derulare si ar rupe `position: sticky` si sarirea la ancore. */
html,body{overflow-x:clip}
/* SITE11 — `content-visibility: auto` a fost incercat pe sectiunile de sub primele doua si SCOS.
   Masurat: sectiunile de pe Home au intre 314 si 1.882 px, deci o estimare unica
   (`contain-intrinsic-size`) e gresita pe aproape toate; cand sectiunile se randeaza la derulare,
   inaltimile reale le inlocuiesc pe cele estimate si pagina se reaseaza SUB punctul la care tocmai
   s-a sarit. Concret: dupa `scrollIntoView` pe rama turului de pe /ru/product/, rama ajungea la
   -431 px (deasupra ecranului) in loc de +75, iar swipe-ul nu mai nimerea nimic. Castigul de
   desenare nu merita o pagina care fuge de sub deget; ce aduce SITE11 ramane din imaginile de
   660 px si din planificatorul de decodare. */a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #775339;outline-offset:6px}button{border:0}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance}p{line-height:1.65}::selection{background:#c5a584;color:#211d17}.skip{position:absolute;z-index:1000;top:-100px;left:16px;padding:16px;background:white}.skip:focus{top:12px}.header{position:absolute;z-index:10;inset:20px 4.6% auto;min-height:72px;display:flex;align-items:center;gap:30px;padding:12px 18px 12px 8px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand span{font-size:28px;font-weight:690;letter-spacing:-1.4px}.desktop-nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:30px;padding:17px 25px;background:rgba(255,255,255,.54);border:1px solid rgba(255,255,255,.8);border-radius:40px;backdrop-filter:blur(20px);box-shadow:inset 0 -1px 1px #fff5,0 3px 14px #67594905}.desktop-nav a,.header-login{font-size:14px;font-weight:560}.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:var(--bronze)}.header-login{margin-left:auto;background:rgba(255,255,255,.7);border:1px solid #fff9;border-radius:30px;padding:15px 22px;backdrop-filter:blur(14px);display:flex;gap:20px}.menu-toggle,#mobile-nav{display:none}.hero{position:relative;min-height:730px;overflow:hidden;isolation:isolate;background:#f0ece3}.hero-media,.hero-wash{position:absolute;inset:0;z-index:-2}.hero-media video{width:100%;height:100%;object-fit:cover;object-position:65% center}.hero-wash{z-index:-1;background:linear-gradient(90deg,#fbfaf8 0%,#fbfaf8fa 18%,#fbfaf8d9 33%,#fbfaf880 47%,#fbfaf810 63%,transparent 75%),linear-gradient(0deg,#fbfaf8 0%,#fbfaf800 13%)}.hero-copy{padding:169px 0 105px 5.2%;position:relative;max-width:790px}.eyebrow{font-size:12px;line-height:1.5;font-weight:650;letter-spacing:2.1px;color:var(--bronze)}h1{font-size:clamp(50px,5.35vw,83px);font-weight:720;line-height:1.04;letter-spacing:-4px;margin:20px 0 25px}h1 span,h2 span{color:var(--bronze)}.hero-description{font-size:17px;line-height:1.7;color:#4d4a46;max-width:515px}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:18px 24px;min-height:56px;border-radius:10px;font-size:14px;font-weight:620;transition:transform .25s var(--ease),background .25s,box-shadow .25s;border:1px solid transparent}.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;background:linear-gradient(125deg,#a88360,#896347);box-shadow:inset 0 1px 0 #fff4,0 5px 13px #70513515}.button.primary:hover{box-shadow:inset 0 1px 0 #fff4,0 7px 20px #70513535}.button.secondary{background:#fffc;border-color:#c9b59f;backdrop-filter:blur(16px);gap:12px}.play-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#805f44;color:white;font-size:10px;padding-left:2px}.hero-assurances{display:flex;gap:20px;margin-top:26px;font-size:12px;color:#4d4a46}.hero-assurances span:before{content:'✓';display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin-right:6px;background:#806148;border-radius:50%;color:#fff;font-size:10px}.road-caption{position:absolute;right:6%;top:139px;text-align:right;transform:rotate(-5deg);color:#463628;display:flex;flex-direction:column;gap:7px;text-shadow:0 1px 12px #fff}.road-caption span:first-child{font-size:11px;font-weight:600;letter-spacing:2px}.road-caption span:last-child{font-family:Georgia,serif;font-style:italic;font-size:24px}.video-toggle{position:absolute;bottom:75px;right:5%;background:#fff8;border:1px solid #fff9;backdrop-filter:blur(20px);border-radius:40px;padding:13px 17px;display:flex;align-items:center;gap:10px;font-size:12px;min-height:44px;box-shadow:0 3px 14px #0001}.hero-index{position:absolute;left:5.2%;bottom:36px;font-size:10px;letter-spacing:2px;color:#928578}.source-strip{position:relative;margin:-8px 5.2% 0;padding:29px 0 30px;display:flex;align-items:center;gap:65px;border-bottom:1px solid var(--line)}.source-intro{font-size:10px;letter-spacing:1.4px;line-height:1.85;color:var(--muted);white-space:nowrap}.source-intro strong{font-size:16px;font-weight:550;color:var(--ink);letter-spacing:-.2px}.source-names{display:flex;justify-content:space-between;flex:1;gap:25px}.source-names>span{display:flex;align-items:center;gap:10px;font-weight:560;font-size:21px;letter-spacing:-.6px;color:#676159}.source-symbol{font-size:24px;width:27px;height:27px;display:grid;place-items:center;font-family:Arial,sans-serif}.facebook{border-radius:50%;background:#797165;color:var(--paper);font-size:26px;padding-top:4px}.telegram{background:#797165;color:var(--paper);border-radius:50%;font-size:21px}.bazar{font-size:28px}.section-shell{max-width:1456px;padding-left:5.2%;padding-right:5.2%;margin-left:auto;margin-right:auto}.platform{padding-top:86px;padding-bottom:90px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px}h2{font-size:clamp(36px,3.5vw,53px);line-height:1.09;font-weight:670;letter-spacing:-2.3px;margin-top:15px}.section-heading>p{max-width:360px;font-size:16px;color:var(--muted);padding-bottom:5px}.product-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(270px,1fr);gap:48px;align-items:center}.dashboard-frame{position:relative;border:1px solid #ddd5c9;background:#fff;border-radius:13px;box-shadow:0 20px 65px -30px #49372440,0 2px 4px #705c4c0a;overflow:hidden}.browser-bar{height:41px;display:flex;align-items:center;gap:20px;padding:0 15px;background:#f0ece5;border-bottom:1px solid #e4ddd3;font-size:10px;color:#756d63}.window-dots{font-size:9px;letter-spacing:3px;color:#c4b8a7}.sample-label{margin-left:auto;text-transform:uppercase;font-size:9px;letter-spacing:1px}.dashboard-zoom{display:block;padding:0;background:#fff;width:100%;position:relative;text-align:left}.dashboard-zoom img{width:100%;height:auto}.zoom-hint{position:absolute;bottom:14px;right:14px;background:#ffffffde;backdrop-filter:blur(10px);padding:9px 12px;border:1px solid #e8e2da;border-radius:6px;font-size:12px;box-shadow:0 2px 10px #0001;display:flex;gap:15px}.dashboard-frame figcaption{padding:10px 15px;font-size:10px;color:#746b5e;border-top:1px solid #eee7dc}.product-details article{display:flex;gap:16px;padding:23px 0;border-bottom:1px solid var(--line)}.product-details article:first-child{padding-top:0}.detail-number{color:var(--bronze);font-size:11px;font-weight:600;padding-top:4px}.product-details :is(h2,h3){font-size:19px;line-height:1.3;font-weight:580;letter-spacing:-.55px}.product-details p{font-size:14px;line-height:1.65;color:var(--muted);margin-top:9px}.text-link{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;padding:25px 0 0 31px}.text-link:hover{color:var(--bronze)}.workflow{padding-top:60px;padding-bottom:68px;border-top:1px solid var(--line);background:linear-gradient(110deg,#f6f3ed00,#f1ece370,#f6f3ed00)}.workflow-heading{display:flex;align-items:flex-start;gap:80px}.workflow-heading .eyebrow{max-width:170px;margin-top:7px}.workflow-heading h2{margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.step-index{font-size:10px;letter-spacing:1.9px;color:#8b6c51;font-weight:650;display:block;padding-top:16px;border-top:1px solid #cfc2b2}.steps h3{font-size:21px;font-weight:580;margin-top:21px;letter-spacing:-.7px}.steps p{font-size:15px;color:var(--muted);margin-top:12px;max-width:360px}.questions{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;padding-top:84px;padding-bottom:84px}.questions h2{font-size:42px}.faq-list details{border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:22px}.faq-list summary{font-size:16px;font-weight:560;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;line-height:1.6;list-style:none;min-height:44px;padding:4px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-weight:350;font-size:24px;color:#93704f}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:14px;padding-right:25px}.closing{padding-bottom:32px}.closing-inner{overflow:hidden;position:relative;isolation:isolate;background:radial-gradient(ellipse at 85% 20%,#80694e 0%,#453c31 36%,#2e2b26 80%);color:#fff;border-radius:15px;padding:49px 52px;display:flex;justify-content:space-between;align-items:center;gap:45px}.closing h2{font-size:49px;line-height:1.06;margin-top:15px}.closing h2 span{color:#d7b797}.closing .eyebrow{color:#d2b08b;font-size:12px}.closing-action{position:relative;z-index:1;margin-right:90px}.button.light{background:linear-gradient(110deg,#e2c6a3,#bc9977);color:#2e2923;border:1px solid #e8cfb2;min-width:210px}.closing-action p{font-size:11px;color:#cebdac;margin-top:12px;text-align:center}.closing-mark{position:absolute;z-index:-1;right:30px;top:30px;width:160px;opacity:.17;transform:rotate(-10deg)}.footer{padding-top:10px;padding-bottom:32px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer .brand span{font-size:18px;letter-spacing:-.6px}.footer p,.footer>span{font-size:11px;color:#81776a}.footer>span{font-size:10px}dialog{border:1px solid #fff6;padding:12px;border-radius:15px;max-width:calc(100vw - 48px);max-height:90vh;width:1300px;background:#fbfaf8;overflow:auto;box-shadow:0 25px 90px #0006}dialog::backdrop{background:#211a12b3;backdrop-filter:blur(10px)}dialog img{width:100%;height:auto}dialog p{font-size:12px;padding:10px 4px 0;color:#746b5e}.dialog-close{position:sticky;float:right;top:0;right:0;width:44px;height:44px;border-radius:50%;font-size:30px;background:#fff;box-shadow:0 3px 20px #0002;margin:0 0 -44px;z-index:2}@media(min-width:1700px){.hero-copy{padding-left:max(5.2%,calc((100vw - 1456px)/2))}.hero{min-height:780px}}@media(max-width:1150px){.desktop-nav{gap:20px;padding:15px 20px}.hero{min-height:670px}.hero-copy{padding-top:165px}.hero h1{font-size:64px;letter-spacing:-3px}.hero-description{font-size:16px}.hero-wash{background:linear-gradient(90deg,#fbfaf8 0%,#fbfaf8ed 25%,#fbfaf89c 46%,#fbfaf800 75%),linear-gradient(0deg,#fbfaf8,transparent 12%)}.road-caption{display:none}.product-layout{gap:30px;grid-template-columns:1.65fr 1fr}.product-details :is(h2,h3){font-size:17px}.product-details p{font-size:13px}.product-details article{padding:16px 0}.source-strip{gap:35px}.source-names>span{font-size:17px;gap:7px}.source-symbol{transform:scale(.9)}.closing-action{margin-right:30px}}@media(max-width:850px){.header{inset:12px 4% auto;gap:20px}.brand span{font-size:25px}.brand img{width:33px;height:36px}.desktop-nav{display:none}.header-login{margin-left:auto}.hero{min-height:690px}.hero-copy{padding:148px 5% 150px}.hero h1{font-size:58px;letter-spacing:-2.8px}.hero-description{max-width:390px}.desktop-break{display:none}.hero-assurances{gap:12px;font-size:11px}.hero-media video{object-position:62% center}.hero-wash{background:linear-gradient(90deg,#fbfaf8f0,#fbfaf8df 25%,#fbfaf8a8 50%,#fbfaf820 85%),linear-gradient(0deg,#fbfaf8,transparent 15%)}.source-strip{flex-direction:column;align-items:flex-start;gap:20px;margin:0 5%;padding:15px 0 25px}.source-intro br{display:none}.source-intro strong{margin-left:10px;font-size:13px}.source-names{width:100%;flex-wrap:wrap}.source-names>span{font-size:17px}.section-heading{align-items:flex-start}.section-heading>p{max-width:270px;font-size:14px}.platform{padding-top:60px;padding-bottom:55px}.product-layout{grid-template-columns:1fr}.product-details{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-details article,.product-details article:first-child{padding:0 0 18px;display:block}.detail-number{display:block;margin-bottom:10px}.text-link{grid-column:1/-1;padding:0}.workflow-heading{gap:40px}.steps{gap:25px}.steps h3{font-size:19px}.steps p{font-size:14px}.questions{gap:35px;padding-top:60px;padding-bottom:60px;grid-template-columns:1fr 1.3fr}.questions h2{font-size:35px}.faq-list summary{font-size:14px}.closing-inner{padding:35px}.closing h2{font-size:41px}.closing-action{margin-right:0}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;border-radius:50%;background:#fff9;backdrop-filter:blur(14px)}.menu-toggle span{width:16px;height:1.5px;background:#332b22}#mobile-nav{display:flex;flex-direction:column;position:absolute;top:75px;right:0;padding:14px;min-width:240px;border:1px solid #fff;border-radius:17px;backdrop-filter:blur(24px);background:#fffE;box-shadow:0 12px 45px #4e382123}#mobile-nav a{padding:13px 16px;font-size:15px;border-radius:7px}#mobile-nav a:hover{background:#ebe4da}}@media(max-width:600px){html{scroll-padding-top:24px}.header{inset:10px 4% auto;padding:8px 0;min-height:58px}.brand span{font-size:24px}.header-login{font-size:12px;padding:12px 16px;gap:10px}.header{gap:10px}.hero{min-height:880px}.hero-copy{padding:115px 6% 0}.hero .eyebrow{font-size:12px;letter-spacing:1.6px}.hero h1{font-size:clamp(39px,10.4vw,62px);letter-spacing:-2.1px;margin:20px 0 20px;line-height:1.08}.hero-description{font-size:15px;line-height:1.75;max-width:360px}.hero-actions{gap:9px;flex-wrap:wrap;margin-top:25px}.button{font-size:12px;min-height:52px;padding:15px 18px;gap:20px}.button.secondary{gap:8px}.play-icon{height:22px;width:22px;font-size:8px}.hero-assurances{flex-wrap:wrap;gap:9px 14px;margin-top:23px;font-size:10px;max-width:320px}.hero-media{top:465px;bottom:0}.hero-media video{object-position:71% center;object-fit:cover}.hero-wash{background:linear-gradient(180deg,#fbfaf8 0%,#fbfaf8 50%,#fbfaf8c9 55%,#fbfaf800 67%,#fbfaf800 88%,#fbfaf8 100%)}.video-toggle{bottom:57px;right:6%;font-size:10px;padding:10px 14px}.hero-index{bottom:27px;left:6%;font-size:9px}.source-strip{margin:0 6%;padding-top:8px;gap:20px}.source-intro{font-size:9px}.source-intro strong{font-size:12px}.source-names{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px}.source-names>span{font-size:19px}.section-shell{padding-left:6%;padding-right:6%}.section-heading{display:block;margin-bottom:28px}.section-heading>p{max-width:100%;margin-top:22px;font-size:15px}.eyebrow{font-size:12px;letter-spacing:1.6px}h2{font-size:38px;letter-spacing:-1.8px}.platform{padding-top:49px;padding-bottom:45px}.product-layout{gap:33px}.browser-bar{padding:0 10px;gap:10px;font-size:8px;height:31px}.window-dots{font-size:6px;letter-spacing:1px}.sample-label{font-size:7px}.dashboard-frame{border-radius:9px}.dashboard-frame figcaption{font-size:9px;padding:8px 10px}.zoom-hint{font-size:10px;padding:7px 10px;bottom:10px;right:10px}.product-details{display:flex;flex-direction:column;gap:0}.product-details article,.product-details article:first-child{display:flex;padding:20px 0;gap:18px}.product-details article:first-child{padding-top:0}.detail-number{padding-top:4px}.product-details :is(h2,h3){font-size:19px}.product-details p{font-size:14px}.text-link{padding:22px 0 0 31px}.workflow{padding-top:38px;padding-bottom:35px}.workflow-heading{display:block}.workflow-heading .eyebrow{max-width:100%;margin:0 0 18px}.workflow-heading h2{font-size:35px}.steps{grid-template-columns:1fr;gap:27px;margin-top:32px}.steps h3{font-size:21px;margin-top:13px}.steps p{max-width:100%;font-size:14px;margin-top:9px}.step-index{font-size:9px;padding-top:16px}.questions{display:block;padding-top:47px;padding-bottom:32px}.questions h2{font-size:36px}.faq-list{margin-top:30px}.faq-list summary{font-size:15px}.faq-list details{margin-bottom:18px;padding-bottom:18px}.closing-inner{padding:30px 25px;display:block;border-radius:13px}.closing .eyebrow{font-size:12px;letter-spacing:1.7px}.closing h2{font-size:39px}.closing-action{margin-top:27px}.closing-action .button{width:100%;font-size:14px}.closing-action p{font-size:10px}.closing-mark{right:10px;top:15px;width:120px}.footer{flex-wrap:wrap;gap:15px;padding-bottom:25px}.footer p{order:3;width:100%;font-size:10px}.footer>span{font-size:9px}.footer .brand span{font-size:17px}dialog{max-width:calc(100vw - 18px);padding:7px;border-radius:10px}.dialog-close{width:40px;height:40px}.header-login span{display:none}}@media(max-width:359px){.brand span{font-size:21px}.brand img{width:28px}.header-login{padding:11px 12px}.hero{min-height:890px}.hero h1{font-size:35px;letter-spacing:-1.7px}.hero .eyebrow{font-size:12px}.hero-actions .button{padding:14px 13px;font-size:11px;gap:12px}.source-names>span{font-size:17px}.source-intro strong{display:block;margin-left:0}.closing h2{font-size:33px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.button:hover{transform:none}}
/* transitions-dev — copy this :root block into your project once.
   Every transition snippet reads from these semantic names. */
:root {
  /* Card resize */
  --resize-dur: 300ms;
  --resize-ease: cubic-bezier(0.22, 1, 0.36, 1);
  /* Number pop-in */
  --digit-dur: 500ms;
  --digit-distance: 8px;
  --digit-stagger: 70ms;
  --digit-blur: 2px;
  --digit-ease: cubic-bezier(0.34, 1.45, 0.64, 1);
  --digit-dir-x: 0;
  --digit-dir-y: 1;
  /* Notification badge */
  --badge-slide-dur: 260ms;
  --badge-pop-dur: 500ms;
  --badge-pop-close-dur: 180ms;
  --badge-fade-dur: 400ms;
  --badge-fade-close-dur: 180ms;
  --badge-blur: 2px;
  --badge-offset-x: -8.2px;
  --badge-offset-y: 12.4px;
  --badge-slide-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --badge-pop-ease: cubic-bezier(0.34, 1.36, 0.64, 1);
  --badge-close-ease: cubic-bezier(0.4, 0, 0.2, 1);
  /* Text states swap */
  --text-swap-dur: 200ms;
  --text-swap-translate-y: 8px;
  --text-swap-blur: 2px;
  --text-swap-ease: ease-out;
  /* Menu dropdown */
  --dropdown-open-dur: 250ms;
  --dropdown-close-dur: 150ms;
  --dropdown-pre-scale: 0.97;
  --dropdown-closing-scale: 0.99;
  --dropdown-ease: cubic-bezier(0.22, 1, 0.36, 1);
  /* Modal open / close */
  --modal-open-dur: 250ms;
  --modal-close-dur: 150ms;
  --modal-scale: 0.96;
  --modal-scale-close: 0.96;
  --modal-ease: cubic-bezier(0.22, 1, 0.36, 1);
  /* Panel reveal */
  --panel-open-dur: 400ms;
  --panel-close-dur: 350ms;
  --panel-translate-y: 100px;
  --panel-blur: 2px;
  --panel-ease: cubic-bezier(0.22, 1, 0.36, 1);
  /* Page side-by-side */
  --page-slide-dur: 200ms;
  --page-fade-dur: 200ms;
  --page-slide-distance: 8px;
  --page-blur: 3px;
  --page-stagger: 0ms;
  --page-exit-enabled: 1;
  --page-slide-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --page-fade-ease: cubic-bezier(0.22, 1, 0.36, 1);
  /* Icon swap */
  --icon-swap-dur: 200ms;
  --icon-swap-blur: 2px;
  --icon-swap-start-scale: 0.25;
  --icon-swap-ease: ease-in-out;
  /* Success check */
  --check-opacity-dur: 550ms;
  --check-rotate-dur: 550ms;
  --check-rotate-from: 80deg;
  --check-bob-dur: 450ms;
  --check-y-amount: 40px;
  --check-blur-dur: 500ms;
  --check-blur-from: 10px;
  --check-path-dur: 550ms;
  --check-path-delay: 80ms;
  --check-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --check-ease-opacity: cubic-bezier(0.22, 1, 0.36, 1);
  --check-ease-rotate: cubic-bezier(0.22, 1, 0.36, 1);
  --check-ease-bob: cubic-bezier(0.34, 1.35, 0.64, 1);
  --check-ease-path: cubic-bezier(0.22, 1, 0.36, 1);
  /* Avatar group hover */
  --avatar-lift: -4px;
  --avatar-dur: 320ms;
  --avatar-scale: 1.05;
  --avatar-falloff: 0.45;
  --avatar-ease-in: cubic-bezier(0.22, 1, 0.36, 1);
  --avatar-ease-out: cubic-bezier(0.34, 3.85, 0.64, 1);
  /* Error state shake */
  --shake-distance: 6px;
  --shake-overshoot: 4px;
  --shake-dur-a: 80ms;
  --shake-dur-b: 60ms;
  --shake-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --revert-hold: 3000ms;
  --revert-dur: 280ms;
}


.t-dropdown {
  transform-origin: top left;
  transform: scale(var(--dropdown-pre-scale));
  opacity: 0;
  pointer-events: none;
  transition:
    transform var(--dropdown-open-dur) var(--dropdown-ease),
    opacity   var(--dropdown-open-dur) var(--dropdown-ease);
  will-change: transform, opacity;
}
.t-dropdown[data-origin="top-right"]     { transform-origin: top right; }
.t-dropdown[data-origin="top-center"]    { transform-origin: top center; }
.t-dropdown[data-origin="bottom-left"]   { transform-origin: bottom left; }
.t-dropdown[data-origin="bottom-center"] { transform-origin: bottom center; }
.t-dropdown[data-origin="bottom-right"]  { transform-origin: bottom right; }

.t-dropdown.is-open {
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}
.t-dropdown.is-closing {
  transform: scale(var(--dropdown-closing-scale));
  opacity: 0;
  pointer-events: none;
  transition:
    transform var(--dropdown-close-dur) var(--dropdown-ease),
    opacity   var(--dropdown-close-dur) var(--dropdown-ease);
}

@media (prefers-reduced-motion: reduce) {
  .t-dropdown { transition: none !important; }
}

/* Commercial product presentation */
.hero-description{max-width:465px}.hero-actions .button{font-size:14px}.hero-assurances{font-size:12px}.text-tour{background:transparent;padding:13px 16px;text-align:left;font-weight:550}.value{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;padding-top:70px;padding-bottom:0}.value h2{font-size:43px}.value-copy>p{font-size:17px;color:var(--muted);line-height:1.8}.value-outcomes{display:flex;gap:25px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.value-outcomes span{font-size:13px;color:var(--muted)}.value-outcomes b{display:block;font-size:16px;color:var(--ink);font-weight:600;margin-bottom:4px}.platform{padding-top:80px}.section-heading>p{font-size:16px}.feature-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:35px;overflow:auto;padding-bottom:10px}.feature-tabs button{background:transparent;padding:14px 22px;border-radius:8px;font-size:12px;color:#7f7365;white-space:nowrap;transition:background .2s,color .2s}.feature-tabs button span{font-size:15px;margin-left:9px;color:var(--ink);font-weight:550}.feature-tabs button[aria-selected=true]{background:#eae1d5;color:#755438}.feature-tabs button[aria-selected=true] span{color:#755438}.product-details{display:block!important}.feature-kicker{font-size:11px;letter-spacing:1.5px;font-weight:650;color:var(--bronze);line-height:1.6}.product-details>:is(h2,h3){font-size:29px;font-weight:600;line-height:1.18;letter-spacing:-1px;margin-top:17px}.product-details>p{font-size:16px;margin-top:17px;color:var(--muted);line-height:1.7}.check-list{list-style:none;margin:23px 0 0;padding:0}.check-list li{position:relative;padding-left:23px;font-size:14px;line-height:1.65;margin:13px 0;color:#555047}.check-list li:before{content:'✓';position:absolute;left:0;color:#93704d;font-weight:600}.product-details .text-link{padding:25px 0 0;width:100%;background:transparent;text-align:left;line-height:1.5}.steps{grid-template-columns:repeat(4,1fr);gap:30px}.steps h3{font-size:19px}.steps p{font-size:15px}.audience{padding-top:35px;padding-bottom:80px}.audience-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;padding:46px;background:#eee7dd;border-radius:14px}.audience h2{font-size:39px}.audience-tabs{display:inline-flex;gap:4px;padding:5px;margin-top:32px;background:#fff7;border:1px solid #fff;border-radius:50px;backdrop-filter:blur(12px)}.audience-tabs button{padding:12px 19px;background:transparent;border-radius:40px;font-size:14px;font-weight:550}.audience-tabs button[aria-selected=true]{background:#fbfaf8;box-shadow:0 2px 10px #5d463114}.audience-detail h3{font-size:24px;line-height:1.25;font-weight:580;letter-spacing:-.8px;margin-top:14px}.audience-detail p{font-size:16px;color:var(--muted);margin-top:14px}.audience-detail .check-list{margin-top:19px}.pricing{padding-bottom:75px}.pricing-notice{display:flex;gap:18px;align-items:flex-start;border-left:3px solid #a88660;padding:16px 20px;background:#f1ebe3;margin-bottom:25px;border-radius:0 8px 8px 0}.draft-label{font-size:10px;letter-spacing:1.2px;font-weight:700;white-space:nowrap;padding-top:5px;color:#785333}.pricing-notice p{font-size:13px;line-height:1.7;color:#62584c}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.plan-card{padding:32px;border:1px solid #ded2c2;border-radius:13px;display:flex;flex-direction:column;position:relative}.core-plan{background:#fff;box-shadow:0 20px 50px -38px #72503066}.custom-plan{background:#f4f0e9}.plan-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.plan-tag{font-size:10px;letter-spacing:1.2px;font-weight:650;color:var(--bronze)}.plan-audience{font-size:11px;color:var(--muted)}.plan-card :is(h2,h3){font-size:29px;letter-spacing:-1px;font-weight:600}.plan-summary{font-size:15px;color:var(--muted);margin-top:10px;max-width:350px}.plan-price{display:flex;align-items:center;gap:18px;margin:25px 0 8px;padding-bottom:25px;border-bottom:1px solid var(--line)}.plan-price strong{font-size:55px;font-weight:600;letter-spacing:-3px;line-height:1.1}.plan-price>span{font-size:12px;line-height:1.65;color:#796c5c}.custom-price{flex-direction:column;align-items:flex-start;gap:10px}.custom-price strong{font-size:35px;letter-spacing:-1.3px}.custom-price>span br{display:none}.custom-price>span{font-size:12px}.plan-card .check-list{margin-top:8px;margin-bottom:24px}.plan-card .check-list li{font-size:15px;line-height:1.6}.plan-card>.button{margin-top:auto;width:100%;font-size:14px}.plan-footnote{font-size:11px;color:#7c7266;margin-top:14px;line-height:1.65}.custom-note{padding:18px;background:#ebe3d7;border-radius:8px;margin:0 0 26px}.custom-note b{font-size:14px;font-weight:600}.custom-note p{font-size:13px;margin-top:7px;color:#6e6254;line-height:1.7}.comparison{margin-top:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.comparison>summary{display:flex;justify-content:space-between;align-items:center;padding:23px 3px;cursor:pointer;list-style:none;font-size:15px;font-weight:560}.comparison>summary span{font-size:24px;font-weight:350;color:var(--bronze)}.comparison[open]>summary span{transform:rotate(45deg)}.comparison>summary::-webkit-details-marker{display:none}.table-scroll{overflow:auto;padding-bottom:20px}.comparison table{border-collapse:collapse;min-width:640px;width:100%;text-align:left;font-size:14px}.comparison thead th{font-size:12px;color:var(--muted);font-weight:550}.comparison th,.comparison td{padding:16px;border-bottom:1px solid var(--line);line-height:1.65}.comparison tbody th{width:26%;font-weight:550}.comparison td:last-child{width:18%;white-space:nowrap;color:#7b593a}.comparison td:nth-child(2){color:var(--muted)}.questions{border-top:1px solid var(--line);padding-top:65px}.faq-list details p{font-size:15px}.faq-list .text-link{background:transparent;padding:14px 0 0;font-size:14px}.enquiry{padding-top:25px;padding-bottom:80px;display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:start}.enquiry-intro>p:not(.eyebrow){font-size:16px;color:var(--muted);margin-top:22px;max-width:350px}.enquiry-intro>.enquiry-preview-note{font-size:12px!important;background:#eee7dd;border-radius:7px;padding:15px;line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label:first-child,.full-width{grid-column:1/-1}/* SITE10 §1f — CAUZA. Eticheta e element de grila SI container flex, deci primeste implicit
   `min-width:auto` = latimea min-content. In WebKit (iPhone Safari) min-content-ul unui
   <select> e cat cel mai lung <option> (45 de caractere -> 406 px), asa ca pagina Contact
   iesea 449 px pe un ecran de 390 si „umbla” lateral; Chromium nu reproduce.
   `min-width:0` SINGUR nu ajunge in WebKit (masurat: documentul ramane 449) — abia
   `overflow:hidden` duce contributia min-content la zero. Textul nu se taie: eticheta e
   coloana, iar controlul se intinde pe latimea ei. */
.form-grid label,#brief-result>label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:550;color:#50483f;min-width:0;overflow:hidden}.form-grid input,.form-grid textarea,.form-grid select,#brief-output{width:100%;border:1px solid #d8cdbf;border-radius:7px;padding:13px 14px;background:#fff;color:var(--ink);font:inherit;font-size:15px;line-height:1.4;min-height:47px}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,#brief-output:focus{outline:2px solid #a5825f;outline-offset:2px}#brief-form>.button{margin-top:23px}.brief-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}#brief-result{margin-top:24px;padding:21px;background:#eee7dd;border-radius:9px}#brief-result[hidden]{display:none}#brief-output{font-size:13px;margin-top:9px;resize:vertical}.brief-actions .button{font-size:12px;padding:11px 16px;min-height:44px}#brief-feedback{font-size:13px;margin-top:12px;color:#665746;min-height:21px}.footer{flex-wrap:wrap}.footer-links{display:flex;gap:22px;font-size:12px}.footer>p{display:none}.draft-label-row{display:flex;justify-content:space-between;align-items:center;margin-top:20px;margin-bottom:8px;font-size:13px;font-weight:550}.draft-label-row span{font-size:10px;color:#8f7b62;font-weight:500}.draft-actions{display:flex;gap:12px;margin-top:10px}.draft-actions button{font-size:12px;background:#ede5d9;border:1px solid #ded1c0;padding:11px 15px;border-radius:6px;min-height:42px}
@media(max-width:1150px){.desktop-nav{gap:13px}.value{gap:35px}.product-details>:is(h2,h3){font-size:25px}.product-details>p{font-size:15px}.check-list li{font-size:14px}.audience-inner{gap:35px;padding:35px}.audience h2{font-size:34px}.plan-card{padding:25px}.plan-top{display:block}.plan-audience{display:block;margin-top:10px}.enquiry{gap:40px}.steps{gap:23px}.steps h3{font-size:18px}}
@media(max-width:850px){.value{grid-template-columns:1fr;gap:25px;padding-top:45px}.value h2{font-size:39px}.value-copy>p{font-size:16px}.platform{padding-top:60px}.product-details>:is(h2,h3){font-size:29px}.product-details>p{font-size:16px}.product-layout{gap:30px}.product-details .check-list{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.steps{grid-template-columns:1fr 1fr;gap:35px}.steps h3{font-size:20px}.audience-inner{grid-template-columns:1fr;gap:35px}.audience h2{font-size:37px}.audience-detail h3{font-size:25px}.audience{padding-bottom:60px}.pricing-notice{display:block}.draft-label{display:block;margin-bottom:9px}.pricing-grid{gap:15px}.plan-card{padding:25px 20px}.plan-price{display:block}.plan-price>span{display:block;margin-top:12px}.plan-price>span br{display:none}.plan-price strong{font-size:49px}.custom-price strong{font-size:32px}.plan-card .check-list li{font-size:14px}.plan-card>.button{font-size:12px;padding:15px 13px}.enquiry{grid-template-columns:1fr;gap:30px}.enquiry-intro>p:not(.eyebrow){max-width:100%}.enquiry-intro>.enquiry-preview-note{max-width:520px!important}.footer-links{gap:15px;font-size:11px}.feature-tabs{gap:3px}.feature-tabs button{padding:13px 16px}}
@media(max-width:600px){.hero h1{font-size:clamp(35px,9.1vw,55px)}.hero-description{font-size:16px;max-width:100%}.hero-actions .button{font-size:12px;padding:15px 15px}.hero-assurances{font-size:11px;line-height:1.65;max-width:350px;gap:7px 12px}.hero-media{top:470px}.hero-wash{background:linear-gradient(180deg,#fbfaf8 0%,#fbfaf8 52%,#fbfaf8bb 57%,#fbfaf800 68%,#fbfaf800 89%,#fbfaf8 100%)}.value h2{font-size:35px}.value-copy>p{font-size:16px}.value-outcomes{gap:17px}.value-outcomes span{font-size:12px}.value-outcomes b{font-size:14px}.section-heading>p{font-size:16px}.platform{padding-top:48px}.feature-tabs{margin-bottom:23px;padding-bottom:8px;gap:3px}.feature-tabs button{padding:11px 12px;font-size:12px}.feature-tabs button span{font-size:13px;margin-left:5px}.product-details .check-list{display:block}.product-details>:is(h2,h3){font-size:27px}.product-details>p{font-size:16px}.check-list li{font-size:15px}.feature-kicker{font-size:10px}.steps{grid-template-columns:1fr;gap:25px}.steps h3{font-size:21px}.steps p{font-size:16px}.audience{padding-top:20px;padding-bottom:50px}.audience-inner{padding:27px 22px;gap:27px}.audience h2{font-size:30px;letter-spacing:-1.3px}.audience-tabs{margin-top:25px;display:flex;justify-content:center}.audience-tabs button{padding:11px 13px;font-size:13px;flex:1}.audience-detail h3{font-size:23px}.audience-detail p{font-size:15px}.audience-detail .check-list li{font-size:14px}.pricing-grid{grid-template-columns:1fr;gap:18px}.pricing{padding-bottom:47px}.pricing-notice{padding:14px 15px}.pricing-notice p{font-size:12px}.plan-card{padding:25px}.plan-top{display:flex;align-items:flex-start;gap:14px}.plan-audience{margin:0;font-size:10px;max-width:120px;text-align:right}.plan-card :is(h2,h3){font-size:29px}.plan-summary{font-size:15px}.plan-price{display:flex;align-items:center;gap:15px}.plan-price strong{font-size:48px}.plan-price>span{margin:0;font-size:11px}.plan-price>span br{display:block}.plan-card .check-list li{font-size:15px}.plan-card>.button{font-size:13px}.custom-price{align-items:flex-start;gap:8px}.custom-price strong{font-size:32px}.custom-price>span br{display:none}.plan-footnote{font-size:12px}.custom-note p{font-size:14px}.comparison>summary{font-size:14px;gap:20px;line-height:1.6}.comparison th,.comparison td{padding:13px;font-size:13px}.questions{padding-top:43px}.faq-list details p{font-size:15px}.enquiry{padding-top:20px;padding-bottom:50px}.enquiry-intro>p:not(.eyebrow){font-size:16px}.form-grid{grid-template-columns:1fr;gap:18px}.form-grid label:first-child,.full-width{grid-column:auto}.form-grid label{font-size:14px}.form-grid input,.form-grid textarea,.form-grid select{font-size:16px}#brief-form>.button{width:100%;font-size:14px}.footer-links{order:3;width:100%;flex-wrap:wrap;justify-content:space-between;font-size:12px;gap:13px}.draft-label-row{font-size:14px;gap:10px}.draft-label-row span{font-size:9px}.draft-actions button{font-size:13px;flex:1}.hero{min-height:905px}}
@media(max-width:359px){.hero h1{font-size:32px}.hero-actions{gap:8px}.hero-actions .button{font-size:11px;padding:14px 12px;gap:10px}.hero-description{font-size:15px}.plan-card{padding:22px}.plan-price strong{font-size:45px}.value-outcomes{gap:12px}.value-outcomes span{font-size:11px}.value-outcomes b{font-size:13px}}


.t-modal{
  transform-origin: center;
  transform: scale(var(--modal-scale));
  opacity: 0;
  pointer-events: none;
  transition:
    transform var(--modal-open-dur) var(--modal-ease),
    opacity   var(--modal-open-dur) var(--modal-ease);
  will-change: transform, opacity;
}
.t-modal.is-open{
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}
.t-modal.is-closing{
  transform: scale(var(--modal-scale-close));
  opacity: 0;
  pointer-events: none;
  transition:
    transform var(--modal-close-dur) var(--modal-ease),
    opacity   var(--modal-close-dur) var(--modal-ease);
}

@media (prefers-reduced-motion: reduce) {
  .t-modal{ transition: none !important; }
}

@media(max-width:700px){.hero-media video{object-position:50% center}}

html{scroll-padding-top:110px}.header{gap:24px}.desktop-nav{gap:6px;padding:8px}.desktop-nav a{padding:12px 15px;border-radius:30px;white-space:nowrap}.desktop-nav a[aria-current=page]{background:#e8dac8;color:#725236}.inner-page .header{position:relative;inset:auto;margin:15px 4.6% 0;min-height:78px}.inner-page .desktop-nav{background:#f0eae1b3;border-color:#fff;box-shadow:inset 0 1px 0 white}.inner-page .header-login{border-color:#e9e1d6}.page-intro{padding-top:29px;padding-bottom:53px}.breadcrumbs{display:flex;gap:14px;align-items:center;font-size:12px;color:#8d8171;margin-bottom:48px}.breadcrumbs a{color:#5c5348}.breadcrumbs a:hover{text-decoration:underline}.page-intro h1{font-size:clamp(42px,4.65vw,69px);line-height:1.08;letter-spacing:-3px;margin-top:19px;margin-bottom:23px;max-width:1120px;font-weight:670}.page-lead{font-size:18px;line-height:1.75;max-width:720px;color:var(--muted)}.page-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.inner-page #capabilities{padding-top:12px;padding-bottom:65px}.inner-page .feature-tabs{margin-bottom:35px}.inner-page .workflow{margin-top:15px}.inner-page .pricing{padding-top:0}.inner-page .enquiry{padding-top:45px}.home-product-copy h3{font-size:31px;line-height:1.18;letter-spacing:-1px;margin-top:20px;font-weight:600}.home-product-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);margin-top:20px;line-height:1.75}.home-product-copy .text-link{padding:26px 0 0}.home-route-cards{padding-top:25px;padding-bottom:70px}.home-route-cards .section-heading>.text-link{padding:0;font-size:14px;white-space:nowrap}.route-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px}.route-card-grid>a{padding:34px;border:1px solid #e0d6c8;border-radius:12px;background:#f2ece3;transition:background .2s,border-color .2s}.route-card-grid>a:hover{background:#ebe0d1;border-color:#bb9c79}.card-index{font-size:11px;font-weight:650;letter-spacing:1.5px;color:var(--bronze)}.route-card-grid h3{font-size:27px;font-weight:580;letter-spacing:-.8px;margin-top:25px}.route-card-grid p{font-size:16px;color:var(--muted);line-height:1.8;margin-top:14px;max-width:440px}.route-card-link{font-size:14px;font-weight:600;display:block;margin-top:29px}.home-price{padding-top:20px;padding-bottom:65px}.home-price>div{display:flex;justify-content:space-between;gap:50px;align-items:center;padding:40px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.home-price h2{font-size:42px}.home-price p:not(.eyebrow){font-size:16px;color:var(--muted);margin-top:18px}.home-price-number{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.home-price-number strong{font-size:65px;line-height:1;font-weight:580;letter-spacing:-3px}.home-price-number>span{font-size:12px;color:var(--muted)}.home-price-number>.button{margin-top:8px}.page-cta{padding-top:20px;padding-bottom:65px}.page-cta>div{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:38px 42px;background:#2e2923;border-radius:12px;color:#fff}.page-cta .eyebrow{color:#d0b18d;font-size:12px}.page-cta h2{font-size:33px;letter-spacing:-1.2px;max-width:670px}.page-cta p:not(.eyebrow){font-size:15px;color:#cfbfae;margin-top:13px}.page-cta .button{white-space:nowrap;background:#a3805d;border-color:#c3a080;flex-shrink:0}.editorial-split{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;padding-top:80px;padding-bottom:70px}.editorial-split h2{font-size:43px}.section-intro{font-size:17px;line-height:1.8;color:var(--muted);margin-top:22px;max-width:390px}.editorial-rows article{display:flex;gap:20px;padding:23px 0;border-bottom:1px solid var(--line)}.editorial-rows article:first-child{padding-top:0}.editorial-rows article>span{font-size:12px;color:var(--bronze);padding-top:5px}.editorial-rows h3{font-size:21px;font-weight:560;letter-spacing:-.5px;line-height:1.3}.editorial-rows p{font-size:16px;color:var(--muted);margin-top:12px;line-height:1.8}.solution-sections{padding-top:20px;padding-bottom:30px}.solution-block{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding:45px 0 60px;border-top:1px solid var(--line);scroll-margin-top:30px}.solution-heading h2{font-size:43px}.solution-heading>p:not(.eyebrow){font-size:17px;color:var(--muted);margin-top:22px;line-height:1.85;max-width:440px}.solution-heading>.text-link{padding:26px 0 0;font-size:14px;justify-content:flex-start}.scenario{background:#f0e8dc;border:1px solid #e6daca;border-radius:12px;padding:30px 32px}.scenario-label{font-size:10px;letter-spacing:1.7px;color:#88694a;font-weight:600}.scenario ol{list-style:none;counter-reset:steps;padding:0;margin:12px 0 0}.scenario li{counter-increment:steps;position:relative;padding:18px 0 18px 37px;border-bottom:1px solid #dbcfbf}.scenario li:last-child{border-bottom:0;padding-bottom:0}.scenario li:before{content:'0' counter(steps);position:absolute;left:0;top:22px;font-size:11px;color:#997550}.scenario b{font-size:17px;font-weight:580}.scenario p{font-size:15px;line-height:1.8;color:#726657;margin-top:8px}.solution-block.reverse .solution-heading{order:2}.solution-block.reverse .scenario{order:1;background:#f5f2ed}.market-block{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding:50px 0;border-top:1px solid var(--line)}.market-block h2{font-size:43px}.market-block>div>p:not(.eyebrow){font-size:17px;line-height:1.8;color:var(--muted);margin-top:6px}.market-block .small-note{font-size:13px!important;margin-top:18px!important}.market-block .text-link{padding:24px 0 0;justify-content:flex-start}.scope-section{padding-bottom:50px;padding-top:20px}.scope-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.scope-grid article{border-top:1px solid #cbbda9;padding-top:20px}.scope-grid article>span{font-size:12px;color:var(--bronze)}.scope-grid h3{font-size:20px;font-weight:560;letter-spacing:-.5px;margin-top:16px}.scope-grid p{font-size:16px;color:var(--muted);line-height:1.8;margin-top:12px}.about-statement{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:25px 5.2% 65px}.about-statement h2{font-size:42px}.about-statement>div>p:not(.eyebrow){font-size:18px;color:var(--muted);line-height:1.85;margin-top:15px}.about-statement>div>p:not(.eyebrow):first-child{margin-top:0}.principles{padding-top:48px;padding-bottom:65px;border-top:1px solid var(--line)}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.principle-grid article{border-top:1px solid #cbbda9;padding-top:23px}.principle-grid h3{font-size:23px;font-weight:560;letter-spacing:-.7px;line-height:1.3;margin-top:22px}.principle-grid p{font-size:16px;line-height:1.85;color:var(--muted);margin-top:15px}.about-evidence{display:grid;grid-template-columns:1.3fr 1fr;gap:55px;align-items:center;padding-top:20px;padding-bottom:80px}.about-evidence figure{border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 20px 45px -30px #75573c55}.about-evidence figcaption{font-size:12px;color:var(--muted);padding:12px 14px;background:white}.about-evidence h2{font-size:38px}.about-evidence>div>p:not(.eyebrow){font-size:16px;color:var(--muted);line-height:1.8;margin-top:20px}.about-evidence .text-link{padding:24px 0 0;font-size:14px}.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-top:5px;padding-bottom:40px}.contact-options article{padding:28px 32px;background:#f0e9de;border-radius:10px}.contact-options h3{font-size:24px;letter-spacing:-.7px;font-weight:560;margin-top:18px}.contact-options p{font-size:16px;color:var(--muted);line-height:1.8;margin-top:13px;max-width:450px}.contact-options .text-link{padding:22px 0 0;background:none;width:100%;font-size:14px}.contact-guide{display:grid;grid-template-columns:.75fr 1fr 1fr 1fr;gap:35px;padding-top:30px;padding-bottom:75px;border-top:1px solid var(--line)}.contact-guide h3{font-size:18px;font-weight:560;line-height:1.4;letter-spacing:-.3px}.contact-guide p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.85;margin-top:12px}.site-footer{background:#f0ebe3;padding-top:52px;padding-bottom:23px;max-width:none}.footer-main{max-width:1306px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px;padding-bottom:38px}.footer-brand .brand span{font-size:25px}.footer-brand>p{font-size:14px;line-height:1.9;color:#776b5c;margin-top:20px}.footer-main nav{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-main nav>span{font-size:10px;letter-spacing:1.7px;font-weight:650;color:#8f7557;margin-bottom:10px}.footer-main nav a,.footer-main nav button{font-size:14px;line-height:1.5;background:none;padding:0;color:#51493f;text-align:left}.footer-main nav a:hover,.footer-main nav button:hover{color:#936b44;text-decoration:underline}.footer-bottom{max-width:1306px;margin:0 auto;display:flex;justify-content:space-between;gap:25px;border-top:1px solid #dfd4c6;padding-top:22px;font-size:11px;color:#8a7c6a}.not-found{min-height:60vh;padding-top:70px;padding-bottom:80px}
@media(max-width:1200px){.desktop-nav a{padding:11px 12px}.desktop-nav{gap:0}.header .brand span{font-size:25px}.header .brand img{width:33px;height:36px}.header-login{padding:13px 18px}.solution-block,.market-block{gap:45px}.editorial-split{gap:45px}.about-statement{gap:50px}.footer-main{gap:30px}}
@media(min-width:851px) and (max-width:1050px){.desktop-nav{position:static;transform:none;margin-left:auto}.desktop-nav a{font-size:12px;padding:10px}.header{gap:15px;}.header .brand span{font-size:23px}.header-login{margin:0;padding:12px 14px;gap:8px}.header .brand img{width:29px;height:31px}.header .brand{gap:7px}}
@media(max-width:850px){.page-intro{padding-top:15px;padding-bottom:40px}.breadcrumbs{margin-bottom:33px}.page-intro h1{font-size:49px;letter-spacing:-2px}.page-lead{font-size:17px}.inner-page .header{margin-top:8px}.home-product-copy h3{font-size:29px}.home-route-cards{padding-bottom:50px}.route-card-grid{gap:18px}.route-card-grid>a{padding:25px}.route-card-grid h3{font-size:24px}.home-price h2{font-size:34px}.home-price>div{gap:30px}.home-price-number strong{font-size:55px}.page-cta>div{padding:30px;gap:25px}.page-cta h2{font-size:29px}.page-cta .button{font-size:12px;padding:16px}.editorial-split{grid-template-columns:1fr;gap:33px;padding-top:55px;padding-bottom:45px}.editorial-split h2{font-size:39px}.section-intro{max-width:100%}.solution-block{grid-template-columns:1fr;gap:30px;padding-bottom:45px}.solution-heading h2{font-size:39px}.solution-heading>p:not(.eyebrow){max-width:100%}.solution-block.reverse .solution-heading{order:1}.solution-block.reverse .scenario{order:2}.market-block{gap:35px}.market-block h2{font-size:35px}.scope-grid{grid-template-columns:1fr 1fr;gap:30px}.about-statement{grid-template-columns:1fr;gap:30px}.about-statement h2{font-size:39px}.principle-grid{gap:25px}.principle-grid h3{font-size:21px}.about-evidence{grid-template-columns:1fr;gap:30px}.about-evidence figure{max-width:690px}.about-evidence h2{font-size:36px}.contact-options article{padding:24px}.contact-options h3{font-size:22px}.contact-guide{grid-template-columns:1fr 1fr;gap:30px}.footer-main{grid-template-columns:1.2fr 1fr;gap:40px}.footer-bottom{flex-wrap:wrap;gap:15px}.inner-page #capabilities .product-layout{gap:35px}}
@media(max-width:600px){html{scroll-padding-top:25px}.inner-page .header{min-height:62px;margin:7px 5% 0;padding:8px 0}.header .brand span{font-size:24px}.header .brand img{width:33px;height:36px}.header-login{font-size:12px;padding:12px 16px}.page-intro{padding-top:20px;padding-bottom:34px}.breadcrumbs{font-size:11px;gap:12px;margin-bottom:31px}.page-intro h1{font-size:clamp(34px,9.2vw,45px);letter-spacing:-1.7px;line-height:1.13;margin:16px 0 20px}.page-lead{font-size:16px;line-height:1.8}.page-actions{gap:10px;margin-top:23px}.page-actions .button{font-size:12px;padding:15px 17px}.inner-page #capabilities{padding-top:0;padding-bottom:42px}.inner-page .feature-tabs{margin-bottom:25px}.home-product-copy h3{font-size:27px}.home-product-copy>p:not(.eyebrow){font-size:16px}.home-route-cards{padding-top:10px;padding-bottom:40px}.home-route-cards .section-heading>.text-link{margin-top:23px}.route-card-grid{grid-template-columns:1fr;gap:17px}.route-card-grid>a{padding:27px}.route-card-grid h3{font-size:25px;margin-top:20px}.route-card-grid p{font-size:16px}.route-card-link{font-size:13px;margin-top:23px}.card-index{font-size:10px}.home-price{padding-bottom:40px;padding-top:8px}.home-price>div{display:block;padding:30px 0}.home-price h2{font-size:35px}.home-price p:not(.eyebrow){font-size:16px}.home-price-number{margin-top:30px;gap:12px}.home-price-number strong{font-size:58px}.home-price-number>span{font-size:12px}.home-price-number>.button{font-size:13px}.page-cta{padding-top:10px;padding-bottom:45px}.page-cta>div{display:block;padding:30px 25px}.page-cta h2{font-size:31px;line-height:1.16}.page-cta p:not(.eyebrow){font-size:15px}.page-cta .button{margin-top:25px;font-size:13px;width:100%}.editorial-split{padding-top:42px;padding-bottom:35px;gap:30px}.editorial-split h2{font-size:36px}.section-intro{font-size:16px;margin-top:17px}.editorial-rows article{gap:17px;padding:21px 0}.editorial-rows h3{font-size:20px}.editorial-rows p{font-size:16px}.solution-sections{padding-top:10px}.solution-block{padding-top:30px;padding-bottom:35px;gap:25px}.solution-heading h2{font-size:35px}.solution-heading>p:not(.eyebrow){font-size:16px;margin-top:18px}.solution-heading>.text-link{font-size:13px;line-height:1.6}.scenario{padding:25px 22px}.scenario b{font-size:16px}.scenario p{font-size:15px}.scenario li{padding-left:30px}.market-block{grid-template-columns:1fr;gap:23px;padding:33px 0}.market-block h2{font-size:35px}.market-block>div>p:not(.eyebrow){font-size:16px}.scope-section{padding-top:0;padding-bottom:35px}.scope-grid{grid-template-columns:1fr;gap:24px}.scope-grid article{padding-top:16px}.scope-grid h3{font-size:21px;margin-top:13px}.scope-grid p{font-size:16px}.about-statement{padding:10px 6% 40px;gap:25px}.about-statement h2{font-size:35px}.about-statement>div>p:not(.eyebrow){font-size:16px}.principles{padding-top:33px;padding-bottom:36px}.principle-grid{grid-template-columns:1fr;gap:27px}.principle-grid h3{font-size:23px;margin-top:18px}.principle-grid p{font-size:16px;margin-top:12px}.about-evidence{padding-top:10px;padding-bottom:50px;gap:26px}.about-evidence figcaption{font-size:11px}.about-evidence h2{font-size:35px}.about-evidence .text-link{font-size:14px}.contact-options{grid-template-columns:1fr;gap:17px;padding-top:0;padding-bottom:23px}.contact-options article{padding:25px}.contact-options h3{font-size:24px}.contact-options p{font-size:16px}.inner-page .enquiry{padding-top:25px}.contact-guide{grid-template-columns:1fr;gap:25px;padding-top:28px;padding-bottom:45px}.contact-guide h3{font-size:20px}.contact-guide p:not(.eyebrow){font-size:16px;margin-top:8px}.site-footer{padding-top:35px;padding-bottom:25px}.footer-main{grid-template-columns:1fr 1fr;gap:30px 24px;padding-bottom:30px}.footer-brand{grid-column:1/-1}.footer-brand .brand span{font-size:25px}.footer-brand>p{font-size:14px;margin-top:16px}.footer-main nav{gap:12px}.footer-main nav>span{font-size:9px;letter-spacing:1.4px;line-height:1.7;margin-bottom:6px}.footer-main nav a,.footer-main nav button{font-size:13px;line-height:1.7}.footer-bottom{font-size:10px;gap:13px;line-height:1.7}.footer-bottom>a{width:100%}.not-found{padding-top:50px;min-height:60vh}.page-intro .eyebrow{font-size:12px}}
@media(prefers-reduced-motion:reduce){.route-card-grid>a{transition:none}}

:root{--cobalt:#315de7;--cobalt-hover:#264ccb;--navy:#142d43;--navy-deep:#102536;--teal:#167869;--teal-soft:#e7f2ee;--blue-soft:#edf2fc;--page-accent:#315de7;--paper:#fcfbf9;--ink:#1c2833;--muted:#5e6770;--line:#dfe4e8}
body{background:var(--paper);color:var(--ink)}h2 span{color:inherit}.eyebrow{letter-spacing:1.65px;font-size:12px}.ui-icon{width:18px;height:18px;flex-shrink:0;vertical-align:middle;display:inline-block}.button .ui-icon{width:17px;height:17px}.button.primary{background:var(--cobalt);border-color:var(--cobalt);color:#fff;box-shadow:0 4px 12px #224ed81b,inset 0 1px 0 #fff2}.button.primary:hover{background:var(--cobalt-hover);border-color:var(--cobalt-hover);box-shadow:0 6px 20px #224ed829}.button.secondary{background:#ffffffb3;border-color:#c6ced6;color:var(--navy)}.button.secondary:hover{background:white;border-color:#899baa}.button:focus-visible,a:focus-visible,summary:focus-visible,button:focus-visible{outline-color:#315de7}.text-link{gap:16px}.text-link>.ui-icon{margin-left:auto}.desktop-nav{background:#ffffffa6;border-color:#fffd;box-shadow:inset 0 1px 0 white,0 5px 25px #0d35500a}.desktop-nav a:hover{color:var(--cobalt)}.desktop-nav a[aria-current=page],.inner-page .desktop-nav a[aria-current=page]{background:#e3ebff;color:#244cc4}.inner-page .desktop-nav{background:#eff2f5}.header-login{color:var(--navy);gap:10px}.brand span{color:var(--ink)}.hero-copy{max-width:850px}.hero h1{font-weight:690}.hero h1 span{color:#97704f}.hero .eyebrow{color:#866347;font-size:12px}.hero-description{color:#45505a;font-size:17px}.hero-assurances{gap:0;font-size:12px;margin-top:26px;color:#52616c}.hero-assurances span:before{content:none}.hero-assurances span{display:inline-flex;align-items:center}.hero-assurances span+span:before{content:'';display:block;width:3px;height:3px;background:#84939e;border-radius:50%;margin:0 12px}.hero-index,.road-caption{display:none}.video-toggle{color:#1d3445;background:#ffffffb3;border-color:#fff;box-shadow:0 4px 12px #16364a12}.video-toggle .ui-icon{width:13px;height:13px;display:block}.source-strip{margin:0 5.2%;padding:30px 0 32px;gap:50px;border-color:#e1e6e9}.source-intro{font-size:10px;letter-spacing:1.45px;color:#73808c;line-height:1.9}.source-intro strong{font-size:14px;font-weight:500;color:var(--navy)}.source-names{align-items:center;gap:28px}.source-names>.source-brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:580;letter-spacing:-.55px;color:#2d3e4b;white-space:nowrap}.platform-logo{object-fit:contain;flex-shrink:0;width:32px;height:32px;max-width:none}.platform-logo.bazar-wordmark{width:110px;height:auto;max-height:30px}.source-symbol{display:none}.value{padding-top:62px;padding-bottom:65px;grid-template-columns:.85fr 1.15fr;gap:75px}.value h2{font-size:43px}.value h2 span{color:var(--teal)}.value-copy>p{font-size:17px;color:#5e6971}.value-outcomes{border-color:#dde5e8}.value-outcomes b{color:#255a56}.home-page .platform{max-width:none;padding:68px max(5.2%,calc((100vw - 1306px)/2)) 72px;background:var(--navy);color:#fff}.home-page .platform .section-heading{gap:40px;margin-bottom:38px}.home-page .platform .eyebrow,.home-page .home-product-copy .eyebrow{color:#85cec3}.home-page .platform h2{color:white}.home-page .platform h2 span{color:#a1d8d0}.home-page .platform .section-heading>p{color:#b6c8d4;font-size:16px}.home-page .product-layout{grid-template-columns:minmax(0,2.15fr) minmax(250px,1fr);gap:48px}.home-page .dashboard-frame{border-color:#5f7b8e5c;box-shadow:0 30px 55px -22px #071626a6;border-radius:10px}.browser-bar{background:#edf2f5;border-color:#d9e1e6;color:#667785}.window-dots{display:flex;gap:5px;align-items:center}.window-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#adbfc9}.window-dots i:first-child{background:#ccaea1}.window-dots i:nth-child(2){background:#c3bd95}.window-dots i:nth-child(3){background:#91b3a5}.home-page .home-product-copy h3{font-size:29px;line-height:1.3;font-weight:540;letter-spacing:-.8px}.home-page .home-product-copy>p:not(.eyebrow){color:#bdcbd5;line-height:1.8}.home-page .home-product-copy .text-link{color:#99dace;justify-content:space-between}.dashboard-frame figcaption{font-size:11px;background:#fff;color:#697681;border-color:#e3e8ec}.home-route-cards{padding-top:75px;padding-bottom:65px}.home-route-cards h2 span{color:var(--teal)}.route-card-grid{gap:25px}.route-card-grid>a{border:1px solid #cddfd8;background:var(--teal-soft);padding:35px 38px;border-radius:11px}.route-card-grid>a:hover{background:#dcece6;border-color:#94b8ab}.route-card-grid>a .card-index{color:#217968}.route-card-grid>a h3{color:#173e39;font-size:28px}.route-card-grid>a p{color:#506c63}.route-card-grid>a .route-card-link{color:#176c5d;display:flex;align-items:center;justify-content:space-between}.route-card-grid>a>.ui-icon{display:none}.route-card-grid>a:nth-child(2){background:var(--cobalt);border-color:var(--cobalt)}.route-card-grid>a:nth-child(2):hover{background:#284fcc;border-color:#284fcc}.route-card-grid>a:nth-child(2) .card-index{color:#bdcfff}.route-card-grid>a:nth-child(2) h3{color:white}.route-card-grid>a:nth-child(2) p{color:#d9e3ff}.route-card-grid>a:nth-child(2) .route-card-link{color:white}.home-price>div{border-color:#dce3e7}.home-price h2{font-size:40px}.home-price-number strong{color:var(--cobalt)}.home-price .eyebrow{color:#566c93}.page-cta>div{background:#16394d;border-radius:11px;padding:39px 44px}.page-cta .eyebrow{color:#a2ccc3}.page-cta h2{font-weight:550;line-height:1.2}.page-cta p:not(.eyebrow){color:#b9cfdb}.page-cta .button.primary{background:#edf8f5;border-color:#edf8f5;color:#153d3b;box-shadow:none}.page-cta .button.primary:hover{background:#cdece3}.inner-page .page-intro h1 span{color:var(--page-accent)}.inner-page .page-intro .eyebrow{color:var(--page-accent);display:flex;align-items:center;gap:10px}.inner-page .page-intro .eyebrow:before{content:'';width:20px;height:2px;background:currentColor}.inner-page[data-page=solutions]{--page-accent:#167869}.inner-page[data-page=about]{--page-accent:#87644c}.inner-page[data-page=contact]{--page-accent:#177d79}.page-lead{color:#5c6a74}.breadcrumbs{color:#7b8b96}.breadcrumbs a{color:#3c5466}.inner-page #capabilities{background:#f0f4fa;padding-top:30px;padding-bottom:55px;border-top:1px solid #e0e8f3;border-bottom:1px solid #e0e8f3;max-width:none;padding-left:max(5.2%,calc((100vw - 1306px)/2));padding-right:max(5.2%,calc((100vw - 1306px)/2))}.feature-tabs{border-color:#cdd9e8;gap:7px}.feature-tabs button{display:flex;align-items:center;gap:9px;color:#5f788c;padding:13px 18px;border-radius:8px}.feature-tabs button span{margin-left:0;color:#304c63}.feature-tabs button .ui-icon{width:17px;height:17px}.feature-tabs button[aria-selected=true]{background:#315de7;color:#fff}.feature-tabs button[aria-selected=true] span{color:#fff}.feature-kicker{color:var(--cobalt);font-size:11px}.product-details>:is(h2,h3){font-size:28px;color:var(--navy)}.product-details>p{font-size:16px;color:#596c7a}.source-marks{display:flex;align-items:center;gap:17px;margin-top:20px;margin-bottom:22px}.brand-mark{width:25px;height:25px;object-fit:contain}.brand-mark.brand-wordmark{width:87px;height:auto;max-height:23px;margin-left:2px}.inline-brand{width:16px;height:16px;object-fit:contain;flex-shrink:0}.inline-wordmark{width:62px;height:auto;max-height:15px}.workflow{background:none;border-color:#dfe6e9}.workflow .eyebrow{color:#61798b}.step-index{color:#4b7c77;border-color:#b5d2cc}.steps h3{color:#173a49}.check-list li:before{content:'';width:14px;height:14px;top:5px;background-color:var(--teal);-webkit-mask:url('/assets/check.svg?v=7f33acc9a77a') center/contain no-repeat;mask:url('/assets/check.svg?v=7f33acc9a77a') center/contain no-repeat}.check-list li{color:#526570}.editorial-split .eyebrow{color:var(--teal)}.editorial-split h2 span{color:#218375}.editorial-rows article>span{color:var(--teal)}.editorial-rows article{border-color:#dee8e4}.editorial-rows h3{color:#214c4b}.solution-block{border-color:#d7e3df}.solution-heading .eyebrow{color:var(--teal)}.solution-heading h2 span{color:var(--teal)}.solution-heading>.text-link{color:var(--teal)}.scenario{background:#e9f3ee;border-color:#cde2d7}.scenario-label,.scenario li:before{color:#2c8170}.scenario b{color:#244d44}.scenario p{color:#577267}.scenario li{border-color:#ccdfd6}.solution-block.reverse .scenario{background:#eaf0fd;border-color:#d0dcf7}.solution-block.reverse .scenario-label,.solution-block.reverse .scenario li:before{color:#315dc8}.solution-block.reverse .scenario b{color:#274986}.solution-block.reverse .scenario p{color:#5a6d91}.solution-block.reverse .scenario li{border-color:#ccd9f1}.solution-block.reverse .solution-heading .eyebrow,.solution-block.reverse .solution-heading h2 span,.solution-block.reverse .solution-heading>.text-link{color:var(--cobalt)}.market-block{border-color:#d7e3e5}.market-block .eyebrow{color:#3f7792}.market-block h2 span{color:#326c87}.pricing-notice{border-left-color:#a9855b;background:#f3ede3;border-radius:0 8px 8px 0}.pricing-notice p{color:#736146}.draft-label{color:#896438}.plan-card{border-color:#d6e0ed;background:#fff}.core-plan{border-top:4px solid var(--cobalt);padding-top:29px;box-shadow:0 15px 45px -30px #315de740}.plan-tag{color:var(--cobalt)}.plan-audience{color:#687c8d}.plan-card :is(h2,h3){color:var(--navy)}.plan-price{border-color:#dce6f1}.plan-price strong{color:var(--cobalt)}.plan-price>span{color:#68778a}.plan-card .check-list li{color:#506377}.custom-plan{background:#eef5f2;border-color:#cedfd7;border-top:4px solid #4b9780;padding-top:29px}.custom-plan .plan-tag,.custom-plan .plan-price strong{color:#226e59}.custom-plan .plan-price{border-color:#cfdfd7}.custom-note{background:#e0eee6}.custom-note b{color:#345c4a}.custom-note p{color:#617b6c}.custom-plan .button.secondary{border-color:#b4cfc1;background:#ffffffa8;color:#24684f}.comparison{border-color:#dbe4eb}.comparison td:last-child{color:var(--teal)}.comparison th,.comparison td{border-color:#e0e7eb}.scope-grid article{border-color:#bbd0e5}.scope-grid article>span{color:var(--cobalt)}.scope-grid h3{color:#254a6b}.scope-grid p{color:#637787}.faq-list summary{color:#294658}.faq-list summary span{color:var(--teal);display:flex;align-items:center}.faq-list summary span .ui-icon,.comparison>summary span .ui-icon{width:20px;height:20px}.about-statement h2 span{color:#887052}.principles{background:#eef4f2;border-color:#d6e3dd;padding-top:50px;padding-bottom:60px;max-width:none;padding-left:max(5.2%,calc((100vw - 1306px)/2));padding-right:max(5.2%,calc((100vw - 1306px)/2))}.principles .eyebrow,.principle-grid .card-index{color:#377a67}.principle-grid article{border-color:#a6cbbb}.principle-grid h3{color:#214e40}.principle-grid p{color:#557267}.about-evidence{padding-top:65px}.about-evidence .eyebrow{color:var(--cobalt)}.about-evidence h2 span{color:#536f91}.contact-options article{background:#eaf3ef;border:1px solid #d1e3da}.contact-options article .card-index{color:var(--teal)}.contact-options h3{color:#275746}.contact-options p{color:#61776b}.contact-options article:nth-child(2){background:#edf2fb;border-color:#dbe4f3}.contact-options article:nth-child(2) .card-index{color:var(--cobalt)}.contact-options article:nth-child(2) h3{color:#315583}.contact-options article:nth-child(2) p{color:#63748e}.enquiry .eyebrow{color:var(--teal)}.enquiry h2 span{color:var(--teal)}.enquiry-intro>.enquiry-preview-note{background:#e8f0ed;color:#5b7268}.form-grid input,.form-grid textarea,.form-grid select,#brief-output{border-color:#c9d9d4}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,#brief-output:focus{outline-color:var(--teal)}#brief-result{background:#e8f2ec}.contact-guide{border-color:#d5e2db}.contact-guide .eyebrow{color:var(--teal)}.site-footer{background:var(--navy-deep);color:#fff;border-top:1px solid #193a4f}.footer-brand .brand span{color:white}.footer-brand>p{color:#b0c5d0;font-size:14px;line-height:1.8}.footer-main nav>span{color:#8cb6c0}.footer-main nav a,.footer-main nav button{color:#d0dfe6}.footer-main nav a:hover,.footer-main nav button:hover{color:#fff}.footer-bottom{color:#8ca7b7;border-color:#284657}.footer-bottom a:hover{color:white}.dialog-close{display:grid;place-items:center;background:#e8eff3;color:var(--navy)}.dialog-close .ui-icon{width:22px;height:22px}.draft-actions button{background:#edf2fb;border-color:#d6e1f2;color:#395d94}.draft-label-row span{color:#668091}
@media(max-width:1150px){.source-strip{gap:30px}.source-names{gap:20px}.source-names>.source-brand{font-size:17px;gap:9px}.platform-logo{width:29px;height:29px}.platform-logo.bazar-wordmark{width:95px}.home-page .product-layout{grid-template-columns:1.7fr 1fr;gap:30px}.home-page .home-product-copy h3{font-size:26px}.home-page .platform{padding-top:55px;padding-bottom:58px}.route-card-grid>a{padding:30px}.hero-assurances{font-size:11px}}
@media(max-width:850px){.source-strip{align-items:flex-start;gap:19px}.source-names{width:100%;justify-content:space-between}.source-intro br{display:none}.source-intro strong{margin-left:12px}.value{grid-template-columns:1fr;gap:25px;padding-top:47px;padding-bottom:48px}.home-page .product-layout{grid-template-columns:1fr;gap:31px}.home-page .home-product-copy h3{font-size:29px}.home-page .home-product-copy>p:not(.eyebrow){max-width:600px}.home-page .home-product-copy h3 br{display:none}.home-route-cards{padding-top:55px;padding-bottom:48px}.route-card-grid>a{padding:27px}.home-price h2{font-size:34px}.inner-page #capabilities{padding-top:24px;padding-bottom:42px}.feature-tabs{gap:3px}.feature-tabs button{padding:12px 13px;gap:8px}.principles{padding-top:40px;padding-bottom:45px}.source-marks{gap:17px}}
@media(max-width:600px){.hero-copy{padding-top:115px}.hero .eyebrow{font-size:12px;letter-spacing:1.25px}.hero-assurances{font-size:11px;line-height:1.7;max-width:350px;column-gap:0;row-gap:6px}.hero-assurances span+span:before{margin:0 8px;width:3px;height:3px}.hero-assurances span:last-child:before{display:none}.hero-assurances span:last-child{flex-basis:100%}.source-strip{padding:22px 0 27px;margin:0 6%;gap:22px}.source-intro{font-size:9px;letter-spacing:1.1px}.source-intro strong{font-size:12px;letter-spacing:0;margin-left:8px}.source-names{display:grid;grid-template-columns:1fr 1fr;gap:23px 25px;align-items:center}.source-names>.source-brand{font-size:18px;gap:10px}.platform-logo{width:28px;height:28px}.platform-logo.bazar-wordmark{width:103px;max-height:25px}.source-bazar{min-height:28px;padding-left:0}.value{padding-top:42px;padding-bottom:40px;gap:23px}.value h2{font-size:36px}.value-copy>p{font-size:16px}.value-outcomes{gap:23px}.value-outcomes span{font-size:12px}.value-outcomes b{font-size:14px}.home-page .platform{padding:42px 6% 45px}.home-page .platform .section-heading{margin-bottom:28px}.home-page .platform h2{font-size:36px}.home-page .platform .section-heading>p{font-size:16px;line-height:1.75}.home-page .product-layout{gap:27px}.home-page .home-product-copy h3{font-size:28px;line-height:1.3;margin-top:16px}.home-page .home-product-copy h3 br{display:block}.home-page .home-product-copy>p:not(.eyebrow){margin-top:17px}.home-product-copy .text-link{padding-top:22px}.home-route-cards{padding-top:43px;padding-bottom:37px}.route-card-grid>a{padding:29px 25px}.route-card-grid>a h3{font-size:26px}.route-card-grid>a p{font-size:16px}.home-price h2{font-size:35px}.home-price-number strong{font-size:59px}.page-cta>div{padding:30px 25px}.page-cta h2{font-size:31px}.inner-page #capabilities{padding-left:6%;padding-right:6%;padding-top:24px;padding-bottom:40px}.feature-tabs{gap:2px}.feature-tabs button{gap:7px;padding:11px 13px}.feature-tabs button span{font-size:13px}.feature-tabs button .ui-icon{width:15px;height:15px}.source-marks{gap:17px}.brand-mark{width:24px;height:24px}.brand-mark.brand-wordmark{width:80px}.product-details>:is(h2,h3){font-size:27px}.scenario p{font-size:15px}.plan-card.core-plan,.plan-card.custom-plan{padding-top:24px}.plan-card>.button .ui-icon{width:16px;height:16px}.check-list li:before{top:5px}.principles{padding:34px 6% 38px}.about-evidence{padding-top:39px}.footer-main nav a,.footer-main nav button{font-size:13px}.inline-brand{width:15px;height:15px}.inline-wordmark{width:58px;height:auto}.eyebrow{font-size:12px}.route-card-link .ui-icon{width:17px;height:17px}.source-names>.source-bazar{padding-left:0}.source-names .source-brand span{line-height:1.3}}
@media(max-width:359px){.source-names>.source-brand{font-size:16px;gap:8px}.platform-logo{width:25px;height:25px}.platform-logo.bazar-wordmark{width:94px}.source-intro strong{display:block;margin-left:0;font-size:13px}.source-intro br{display:none}.hero-assurances{font-size:10px}.hero-assurances span+span:before{margin:0 6px}.home-page .platform h2{font-size:33px}.home-page .home-product-copy h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){.button,.route-card-grid>a{transition:none!important}}
.zoom-hint{display:inline-flex;align-items:center;gap:9px}.zoom-hint .ui-icon{width:14px;height:14px}
@media(max-width:600px){.hero-media video{object-position:90% center}}

/* DriverNova: ivory surfaces, graphite type, bronze identity, petrol actions. */
:root{--paper:#f7f4ee;--ink:#202522;--muted:#5c625f;--bronze:#8b643f;--line:#d8d5cd;--cobalt:#245d69;--cobalt-hover:#194854;--teal:#245d69;--navy:#202522;--navy-deep:#222724;--page-accent:#245d69}
body{background:var(--paper);color:var(--ink)}
.inner-page[data-page]{--page-accent:#245d69}
.header,.inner-page .header{position:relative;inset:auto;margin:0;max-width:none;width:100%;height:86px;min-height:0;padding:0 5.2%;display:flex;align-items:center;gap:24px;background:var(--paper);border-bottom:1px solid var(--line)}
.header .brand{margin-right:auto}.header .brand span{color:var(--ink);letter-spacing:-1.2px}
.desktop-nav,.inner-page .desktop-nav{position:static;transform:none;background:none;border:0;border-radius:0;padding:0;box-shadow:none;gap:2px}
.desktop-nav a,.inner-page .desktop-nav a{font-size:14px;color:#454b47;padding:12px 14px;border-radius:3px}
.desktop-nav a:hover,.desktop-nav a[aria-current=page],.inner-page .desktop-nav a[aria-current=page]{color:#194854;background:#e4ebeb}
.header-login{margin:0;flex:none;white-space:nowrap;min-height:44px;padding:11px 17px;font-size:14px;border:1px solid #c1c2ba;border-radius:999px;background:transparent;box-shadow:none;color:var(--ink)}
.menu-toggle{border-radius:3px;background:#e9e6df}.button{border-radius:3px;min-height:48px;font-size:14px;box-shadow:none;gap:12px}
.button.primary{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:none}.button.primary:hover{background:#194854;border-color:#194854;box-shadow:none}
.button.secondary{background:transparent;border-color:#a9ada5;color:#202522}.button.secondary:hover{background:#e9e6df;border-color:#7f8980}
.text-link{color:var(--teal)}.eyebrow{font-size:12px;line-height:1.6;letter-spacing:1px;font-weight:650;color:var(--bronze)}
h1,h2,h3{color:var(--ink)}.section-shell h2{font-weight:580;letter-spacing:-1.4px;line-height:1.15}
.home-page .hero{position:relative;isolation:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:42px;align-items:center;min-height:0;overflow:visible;background:var(--paper);padding:54px 0 50px 5.2%}
.home-page .hero-copy{position:static;z-index:auto;min-width:0;max-width:none;margin:0;padding:0}
.home-page .hero .eyebrow{font-size:12px;letter-spacing:1.15px;color:var(--bronze);margin:0 0 22px}
.home-page .hero h1{font-size:clamp(45px,4.45vw,76px);font-weight:650;line-height:1.04;letter-spacing:-2.9px;max-width:600px;margin:0;color:var(--ink)}
.home-page .hero h1 span{color:var(--bronze)}
.home-page .hero-description{font-size:16px;line-height:1.75;color:var(--muted);max-width:455px;margin:25px 0 0}
.home-page .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.home-page .hero-actions .button{font-size:14px;padding:14px 18px;min-height:48px}
.home-page .hero-visual{min-width:0;position:relative;align-self:center}.home-page .hero-media{position:relative;inset:auto;z-index:auto;aspect-ratio:4400/1884;width:100%;overflow:hidden;border-radius:4px 0 0 4px;background:#202522;box-shadow:none}
.home-page .hero-media video{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:none;opacity:1;mix-blend-mode:normal}
.home-page .video-toggle{position:absolute;bottom:15px;right:18px;z-index:1;gap:8px;min-height:36px;padding:8px 11px;border:1px solid #fff9;border-radius:3px;background:#202522e8;color:#fff;font-size:12px;box-shadow:none;backdrop-filter:blur(8px)}
.home-page .hero-wash{display:none!important}
.source-strip{border-top:1px solid var(--line);border-bottom:0;padding:22px 0;margin:0 5.2%;gap:30px}.source-intro{font-size:12px;color:#5c625f;letter-spacing:0;line-height:1.7}.source-intro strong{font-size:14px;color:#202522}
.source-names{gap:34px}.source-names>.source-brand{font-size:18px;gap:10px;color:#343d39}.platform-logo{width:27px;height:27px}.platform-logo.bazar-wordmark{width:105px}
/* Product proof comes before the narrative. */
.home-page .platform{padding-top:44px;padding-bottom:48px;background:#e9eeee;border-top:1px solid #d1dddd;border-bottom:1px solid #d1dddd}
.home-page .platform .section-heading{align-items:end;margin-bottom:30px;gap:55px}.home-page .platform h2{font-size:42px;max-width:620px;color:var(--ink)}
.home-page .platform .eyebrow{color:#245d69}.home-page .platform .section-heading>p{color:#525f5f;max-width:340px;font-size:16px;line-height:1.75}
.home-page .platform .product-layout{grid-template-columns:minmax(0,2.1fr) minmax(250px,1fr);gap:42px;align-items:center}
.dashboard-frame{border-radius:5px;box-shadow:0 18px 35px -25px #223a4259;border:1px solid #c2cdce;overflow:hidden;background:#fff}
.browser-bar{background:#fafafa;border-bottom:1px solid #d7dedd;font-size:12px;color:#4c5a5b;padding:11px 14px;gap:10px}
.sample-label{font-size:12px;letter-spacing:.25px;color:#536060}.window-dots i{background:#9a8975}
.dashboard-zoom,.dashboard-zoom picture{display:block;width:100%}.dashboard-zoom{overflow:hidden}.dashboard-zoom img{display:block;width:100%;height:auto;object-fit:contain}
.zoom-hint{color:#202522;background:#fffffff5;display:inline-flex;align-items:center;font-size:13px;min-height:38px;padding:9px 12px;border-radius:3px;border-color:#c5cec9;gap:8px}
.dashboard-frame figcaption,.about-evidence figcaption{font-size:12px;line-height:1.6;color:#536060;background:#fff;padding:11px 14px}
.product-notes{list-style:none;margin:0;padding:0}.product-notes li{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid #c5d2d3}.product-notes li:first-child{padding-top:0}.product-notes li:last-child{border-bottom:0}
.note-number{font-size:13px;font-variant-numeric:tabular-nums;color:#765738;padding-top:4px}
.home-page .home-product-copy h3{font-size:23px;line-height:1.3;letter-spacing:-.6px;font-weight:600;margin:0;color:#202522}
.product-notes p{font-size:16px;line-height:1.7;color:#526060;margin-top:10px}.home-page .home-product-copy .text-link{font-size:14px;color:var(--teal);padding-top:18px;line-height:1.5}
/* A short explanation with a different rhythm from the product section. */
.problem-section{display:block;padding-top:65px;padding-bottom:62px}
.problem-intro{position:static;display:grid;grid-template-columns:1.15fr 1fr;column-gap:80px;align-items:start}.problem-intro .eyebrow{grid-column:1/-1;margin-bottom:14px}
.problem-intro h2{font-size:40px;grid-row:2/4;max-width:470px}.problem-intro>p:not(.eyebrow){font-size:16px;line-height:1.75;color:var(--muted);margin:0;max-width:460px}
.problem-intro .text-link{margin-top:20px;justify-content:flex-start;font-size:14px;color:var(--teal);gap:18px}
.problem-stories{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:40px}.problem-stories article{margin:0;border-top:1px solid #b8b6aa;padding:22px 0 0}
.problem-label{font-size:12px;letter-spacing:.7px;line-height:1.6;color:#765738;font-weight:600}.problem-stories h3{font-size:23px;font-weight:580;line-height:1.25;letter-spacing:-.5px;margin:13px 0}
.problem-stories p{font-size:16px;line-height:1.75;color:var(--muted)}.problem-stories a{display:inline-block;font-size:14px;line-height:1.5;color:var(--teal);margin-top:18px;text-decoration:underline;text-underline-offset:4px}
.home-route-cards{padding-top:16px;padding-bottom:58px}.home-route-cards h2{font-size:36px}.home-route-cards .section-heading{margin-bottom:28px}
.route-card-grid{display:block;border-top:1px solid var(--line)}
.route-card-grid>a{display:grid;grid-template-columns:155px minmax(180px,.85fr) minmax(240px,1.2fr) 165px;gap:27px;align-items:center;padding:28px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.route-card-grid>a:hover{background:#f0ece3;border-color:var(--line)}.route-card-grid h3{font-size:23px;font-weight:600;letter-spacing:-.6px;margin:0;color:#202522}
.route-card-grid p{font-size:15px;line-height:1.75;margin:0;color:var(--muted)}.route-card-link{font-size:14px;line-height:1.6;margin:0;color:var(--teal)}.route-card-grid>a>.ui-icon{display:none}
.card-index{font-size:12px;letter-spacing:.7px;line-height:1.7;color:#765738;font-weight:600}
.home-price{padding-top:0;padding-bottom:50px}.home-price>div{background:#ede3d5;border:0;padding:35px 38px;gap:45px}.home-price h2{font-size:36px;max-width:530px}.home-price .eyebrow{color:#765738}
.home-price-number strong{font-size:64px;font-weight:620;letter-spacing:-2.5px;color:#202522}.home-price-number>span{font-size:13px;line-height:1.6;color:#5f5b54}.home-price-number>.button{font-size:14px}
.page-cta{padding-top:0;padding-bottom:55px}.page-cta>div{background:#245d69;border:0;border-radius:4px;padding:35px 38px;gap:35px}.page-cta h2{color:#fff;font-size:32px}.page-cta .eyebrow{font-size:12px;color:#d8e6e7}.page-cta p:not(.eyebrow){color:#e0e9e9;font-size:16px}
.page-cta .button.primary{background:#fff;color:#194854;border-color:#fff}.page-cta .button.primary:hover{background:#e5eeee;border-color:#e5eeee}
/* Inner pages keep their content-specific composition. */
.inner-page .page-intro{padding-top:28px;padding-bottom:42px}.breadcrumbs{font-size:13px;line-height:1.5;margin-bottom:32px;color:#596560}.breadcrumbs a{color:#414b47}
.inner-page .page-intro h1{font-size:clamp(40px,4.1vw,62px);font-weight:620;letter-spacing:-2.3px;line-height:1.08;max-width:960px;color:#202522;margin:18px 0 22px}
.page-lead{font-size:18px;line-height:1.75;color:var(--muted);max-width:740px}.page-intro .eyebrow:before{display:none}
.inner-page #capabilities{background:#e9eeee;border-top:1px solid #d1dddd;border-bottom:1px solid #d1dddd;padding-top:28px;padding-bottom:45px}
.inner-page #capabilities .product-layout{gap:40px}.feature-tabs{border-color:#c3d0d1;padding-bottom:12px;margin-bottom:26px;gap:6px}
.feature-tabs button{color:#245d69;background:transparent;border-radius:3px;padding:12px 19px;font-size:14px}.feature-tabs button span{color:#354c50;font-size:15px}
.feature-tabs button[aria-selected=true]{background:#245d69;color:white}.feature-tabs button[aria-selected=true] span{color:#fff}
.feature-kicker,.step-index,.scenario-label{font-size:12px;line-height:1.6;letter-spacing:.8px;color:#765738}.product-details>:is(h2,h3){color:#202522;font-size:29px}.product-details>p,.check-list li{color:#526060}
.check-list li:before{color:#245d69}.workflow{background:transparent}.workflow-heading h2{font-size:39px;max-width:650px}.steps article{border-color:#c8c5b9}.steps h3{font-size:22px;color:#202522}.steps p{font-size:16px;line-height:1.8;color:var(--muted)}
.editorial-split{gap:65px}.editorial-split h2,.solution-heading h2,.market-block h2{font-size:39px;color:#202522}.editorial-rows h3,.solution-heading h3{color:#202522}.editorial-rows p,.section-intro{color:var(--muted)}.editorial-rows article>span{font-size:13px;color:#765738}
.scenario,.solution-block.reverse .scenario{border-radius:4px;background:#ede3d5;border:1px solid #d8cdbd}.scenario p,.scenario b{color:#4f514c}.scenario-label,.scenario li:before{color:#765738}.scenario li{border-color:#d6c9b7}.solution-block.reverse .scenario{background:#e9eeee;border-color:#ccd7d8}
.solution-heading>.text-link,.market-block .text-link{color:#245d69}.solution-block.reverse .solution-heading h2,.solution-heading h2,.market-block h2{color:#202522}
.inner-page[data-page=pricing] .page-intro{display:grid;grid-template-columns:1.2fr 1fr;column-gap:65px;align-items:end;padding-bottom:36px}.inner-page[data-page=pricing] .breadcrumbs,.inner-page[data-page=pricing] .page-intro>.eyebrow{grid-column:1/-1}
.inner-page[data-page=pricing] .page-intro h1{max-width:680px;margin-bottom:0}.inner-page[data-page=pricing] .page-lead{font-size:17px;margin-bottom:2px}
.pricing-notice{background:#ede3d5;border-color:#8b643f;border-radius:0;padding:16px 20px;margin-bottom:22px}.pricing-notice p{color:#514f48;font-size:14px}.draft-label{font-size:12px;color:#765738;letter-spacing:.7px;padding-top:2px}
.plan-card{border-radius:4px;border:1px solid #ccd0ca;padding:32px}.core-plan{border-top:3px solid #245d69;box-shadow:none}.custom-plan{background:#f0ece4;border-top:3px solid #8b643f}.plan-tag,.custom-plan .plan-tag{font-size:12px;color:#765738;letter-spacing:.6px}.plan-audience{font-size:13px;color:#606660}
.plan-card :is(h2,h3){color:#202522}.plan-summary{font-size:16px;color:#5c625f}.plan-price{border-color:#d8d5cd}.plan-price strong,.custom-plan .plan-price strong{color:#202522}.plan-price>span,.custom-price>span{font-size:13px;color:#555c57}
.plan-footnote{font-size:13px;color:#5c625f}.custom-note{background:#e1e9e8;border-radius:3px}.custom-note b{color:#294d54}.custom-note p{color:#4f615f;font-size:14px}.custom-plan .button.secondary{border-color:#a0aaa3;color:#202522}
.comparison th,.comparison td{border-color:var(--line);font-size:14px}.comparison thead th{font-size:14px;color:#535f59}.comparison td:nth-child(2){color:#535f59}.comparison td:last-child{color:#765738}.comparison>summary{color:#202522}
.scope-grid article{border-color:#bdbcb0}.scope-grid article>span{color:#765738;font-size:13px}.scope-grid h3{color:#202522}.scope-grid p{color:var(--muted)}.scope-section h2{font-size:36px}
.faq-list summary{color:#202522}.faq-list summary span{color:#245d69}.faq-list details p{color:var(--muted);font-size:16px}.questions h2{font-size:35px}
.about-statement{padding-bottom:48px}.about-statement h2{font-size:39px;color:#202522}.about-statement>div>p:not(.eyebrow){font-size:17px;color:var(--muted)}
.principles{background:#ede3d5;border-color:#ded2c0;padding-top:42px;padding-bottom:45px}.principles h2{font-size:38px}.principles .eyebrow,.principle-grid .card-index{color:#765738}.principle-grid article{border-color:#bcaa93}.principle-grid h3{color:#202522}.principle-grid p{color:#555d56}
.about-evidence{padding-top:48px;padding-bottom:55px;grid-template-columns:1.45fr 1fr;gap:50px}.about-evidence img{display:block;width:100%;height:auto;object-fit:contain}.about-evidence figure{border-radius:4px;border-color:#d4d6ce;box-shadow:none}.about-evidence h2{color:#202522;font-size:34px}.about-evidence .eyebrow{color:#765738}
.inner-page[data-page=contact] .page-intro{padding-bottom:18px}.inner-page .enquiry{padding-top:20px;padding-bottom:48px;gap:65px}.enquiry h2{font-size:36px;color:#202522}.enquiry .eyebrow{color:#765738}.enquiry-intro>.enquiry-preview-note{background:#ede3d5;color:#555348;font-size:14px!important;max-width:440px;border-radius:3px}
#brief-form{padding:28px;background:#fff;border:1px solid #d5d8d0;border-radius:4px}.form-grid label,#brief-result>label{font-size:14px;color:#404b44}.form-grid input,.form-grid textarea,.form-grid select,#brief-output{border-color:#b9c4bc;border-radius:3px;color:#202522}
.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,#brief-output:focus{outline-color:#245d69}#brief-result{background:#e9eeee;border-radius:3px}#brief-feedback{color:#365254;font-size:14px}
.contact-options{padding-bottom:40px;gap:30px}.contact-options article,.contact-options article:nth-child(2){background:transparent;border:0;border-top:1px solid #bfc2b8;border-radius:0;padding:25px 0}.contact-options article h3,.contact-options article:nth-child(2) h3{color:#202522}.contact-options article p,.contact-options article:nth-child(2) p{color:var(--muted)}.contact-options article .card-index,.contact-options article:nth-child(2) .card-index{color:#765738}.contact-guide{border-color:var(--line)}.contact-guide .eyebrow{color:#765738}
/* Footer and existing interactive views. */
.site-footer{background:#222724;color:#fff;border-color:#222724;padding-top:44px;padding-bottom:24px}.footer-brand .brand span{color:#fff}.footer-brand>p{color:#c5cec8;font-size:15px}.footer-main nav>span{font-size:12px;letter-spacing:.8px;color:#d8b895;line-height:1.6}.footer-main nav a,.footer-main nav button{font-size:14px;color:#d4dcd6}.footer-main nav a:hover,.footer-main nav button:hover{color:#fff}.footer-bottom{font-size:12px;line-height:1.7;color:#becac2;border-color:#48514b}.footer-bottom a:hover{color:#fff}
#dashboard-dialog{background:#f7f4ee}#dashboard-dialog picture{display:block}#dashboard-dialog img{display:block;width:100%;height:auto;object-fit:contain}#dashboard-dialog>p{font-size:14px;color:#535f59}.dialog-close{background:#e5e8e0;color:#202522}.draft-label-row{font-size:14px}.draft-label-row span{font-size:12px;color:#5c625f}.draft-actions button{font-size:14px;background:#e9eeee;color:#245d69;border-color:#c4d2d2;border-radius:3px}
/* Neutral headings remove the repeated colored-line treatment, including legacy rules. */
.inner-page .page-intro h1 span,.home-page .platform h2 span,.problem-intro h2 span,.home-route-cards h2 span,.editorial-split h2 span,.solution-heading h2 span,.solution-block.reverse .solution-heading h2 span,.market-block h2 span,.about-statement h2 span,.about-evidence h2 span,.enquiry h2 span{color:inherit}
@media(min-width:1700px){.home-page .hero{padding-top:65px;padding-bottom:62px;gap:55px}}
@media(max-width:1100px){.header,.inner-page .header{gap:12px;height:80px}.desktop-nav a,.inner-page .desktop-nav a{padding:11px 9px;font-size:14px}.header-login{padding:10px 13px}.home-page .hero{gap:28px;padding-top:40px;padding-bottom:40px;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.home-page .hero h1{font-size:48px;letter-spacing:-2px}.home-page .hero-actions{gap:10px}.home-page .hero-actions .button{padding:13px 15px}.home-page .platform .product-layout{grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr);gap:28px}.home-page .platform h2{font-size:36px}.route-card-grid>a{grid-template-columns:130px 1fr 1.15fr;gap:22px}.route-card-link{grid-column:2/-1}.problem-intro{column-gap:45px}.problem-stories{gap:27px}.inner-page[data-page=pricing] .page-intro{column-gap:40px}}
@media(max-width:850px){.header,.inner-page .header{height:76px;padding:0 6%;gap:15px}.header .brand{margin-right:auto}.desktop-nav,.inner-page .desktop-nav{display:none}.header-login{min-height:40px}.home-page .hero{grid-template-columns:1fr;padding:36px 6% 30px;gap:29px}.home-page .hero-copy{display:grid;grid-template-columns:1.05fr 1fr;column-gap:28px}.home-page .hero .eyebrow{grid-column:1/-1;margin-bottom:16px}.home-page .hero h1{grid-column:1;grid-row:2/4;font-size:48px}.home-page .hero-description{grid-column:2;margin:0;font-size:16px}.home-page .hero-actions{grid-column:2;margin-top:20px}.home-page .hero-media{border-radius:4px}.source-strip{margin-left:6%;margin-right:6%;gap:20px;padding:21px 0}.source-names{gap:22px}.source-names>.source-brand{font-size:17px}.home-page .platform .section-heading{gap:25px}.home-page .platform .product-layout{grid-template-columns:1fr;gap:30px}.product-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-notes li{display:block;padding:0;border:0}.note-number{display:block;margin-bottom:10px}.home-page .home-product-copy h3{font-size:21px}.product-notes p{font-size:15px}.problem-section{padding-top:45px;padding-bottom:45px}.problem-intro h2{font-size:35px}.problem-stories{gap:23px}.problem-stories h3{font-size:22px}.route-card-grid>a{grid-template-columns:1fr 1.3fr;gap:15px 30px}.route-card-grid .card-index{grid-column:1/-1}.route-card-grid h3{grid-column:1}.route-card-grid p{grid-column:2;grid-row:2/4}.route-card-link{grid-column:1}.home-price>div{padding:30px;gap:30px}.home-price h2{font-size:32px}.page-cta>div{padding:30px}.inner-page[data-page=pricing] .page-intro{display:block}.inner-page[data-page=pricing] .page-intro h1{margin-bottom:22px}.inner-page .page-intro h1{font-size:49px}.about-evidence{grid-template-columns:1fr;gap:27px}.about-evidence figure{max-width:100%}.inner-page .enquiry{gap:28px}.feature-tabs button{padding:12px 15px}.footer-main{grid-template-columns:1.2fr 1fr;gap:36px}}
@media(max-width:600px){.header,.inner-page .header{height:73px;min-height:0;padding:0 6%;gap:11px;margin:0}.header .brand span{font-size:23px;letter-spacing:-1px}.header .brand img{width:27px;height:30px}.header-login{font-size:13px;min-height:39px;padding:9px 10px;gap:5px}.header-login .ui-icon{width:13px;height:13px}.menu-toggle{width:39px;height:39px;flex:none}.home-page .hero{padding:31px 6% 27px;gap:27px}.home-page .hero-copy{display:block}.home-page .hero .eyebrow{font-size:12px;letter-spacing:.6px;margin-bottom:18px}.home-page .hero h1{font-size:clamp(40px,10.65vw,58px);line-height:1.06;letter-spacing:-1.8px;max-width:520px}.home-page .hero-description{font-size:16px;line-height:1.7;margin-top:21px}.home-page .hero-actions{margin-top:22px;gap:10px;flex-wrap:wrap}.home-page .hero-actions .button{font-size:14px;padding:13px 15px;min-height:46px}.home-page .video-toggle{bottom:8px;right:9px;min-height:32px;font-size:12px;padding:6px 9px;gap:6px;backdrop-filter:none}.home-page .video-toggle .ui-icon{width:13px;height:13px}.source-strip{gap:18px;padding:20px 0}.source-intro{font-size:12px}.source-intro strong{font-size:14px}.source-names{gap:20px 25px}.source-names>.source-brand{font-size:17px}.platform-logo{width:25px;height:25px}.platform-logo.bazar-wordmark{width:98px}.home-page .platform{padding-top:29px;padding-bottom:34px}.home-page .platform .section-heading{display:block;margin-bottom:22px}.home-page .platform h2{font-size:32px;letter-spacing:-1.15px}.home-page .platform .section-heading>p{font-size:16px;margin-top:15px;max-width:none}.home-page .platform .product-layout{gap:25px}.browser-bar{padding:10px 11px;line-height:1.5;flex-wrap:wrap;font-size:12px}.window-dots{display:none}.sample-label{font-size:12px;margin-left:auto}.dashboard-zoom picture{height:330px;overflow:hidden}.dashboard-zoom picture img{width:100%;height:100%;object-fit:cover;object-position:center 43%}.zoom-hint{font-size:13px;bottom:10px;right:10px;padding:8px 10px;min-height:36px}.dashboard-frame figcaption,.about-evidence figcaption{font-size:12px;line-height:1.6;padding:10px 12px}.product-notes{display:block}.product-notes li{display:flex;padding:18px 0;border-bottom:1px solid #c5d2d3;gap:15px}.product-notes li:first-child{padding-top:0}.product-notes li:last-child{border:0;padding-bottom:0}.note-number{margin:0}.home-page .home-product-copy h3{font-size:22px}.product-notes p{font-size:16px;margin-top:7px}.home-page .home-product-copy .text-link{font-size:14px;padding-top:22px}.problem-section{padding-top:38px;padding-bottom:38px}.problem-intro{display:block}.problem-intro .eyebrow{margin-bottom:14px}.problem-intro h2{font-size:32px}.problem-intro>p:not(.eyebrow){margin-top:18px;font-size:16px}.problem-intro .text-link{font-size:14px;margin-top:19px}.problem-stories{grid-template-columns:1fr;gap:25px;margin-top:30px}.problem-stories article{padding-top:20px}.problem-label{font-size:12px}.problem-stories h3{font-size:23px;margin:10px 0}.problem-stories p{font-size:16px}.problem-stories a{font-size:14px;margin-top:13px}.home-route-cards{padding-top:0;padding-bottom:36px}.home-route-cards h2{font-size:32px}.home-route-cards .section-heading>.text-link{font-size:14px;margin-top:18px}.route-card-grid>a{display:block;padding:25px 0}.route-card-grid h3{font-size:24px;margin-top:12px}.route-card-grid p{font-size:16px;margin-top:12px}.route-card-link{margin-top:16px;font-size:14px}.card-index{font-size:12px}.home-price{padding-bottom:35px}.home-price>div{padding:27px 23px;display:block}.home-price h2{font-size:31px}.home-price-number{margin-top:28px}.home-price-number strong{font-size:58px}.home-price-number>span{font-size:13px}.page-cta{padding-bottom:40px}.page-cta>div{display:block;padding:28px 24px}.page-cta h2{font-size:29px}.page-cta .eyebrow{font-size:12px}.page-cta .button{margin-top:23px;font-size:14px}.inner-page .page-intro{padding-top:23px;padding-bottom:29px}.breadcrumbs{font-size:13px;margin-bottom:26px}.inner-page .page-intro .eyebrow{font-size:12px}.inner-page .page-intro h1{font-size:38px;letter-spacing:-1.45px;line-height:1.12;margin:16px 0 20px}.page-lead{font-size:16px}.page-actions .button{font-size:14px;padding:13px 15px}.inner-page #capabilities{padding-top:18px;padding-bottom:30px}.feature-tabs{margin-bottom:23px}.feature-tabs button{font-size:14px;padding:12px}.feature-tabs button span{font-size:14px;margin-left:5px}.feature-kicker,.step-index,.scenario-label{font-size:12px}.product-details>:is(h2,h3){font-size:27px}.product-details>p,.check-list li{font-size:16px}.workflow-heading h2,.editorial-split h2,.solution-heading h2,.market-block h2,.about-statement h2,.principles h2,.about-evidence h2,.enquiry h2{font-size:32px}.steps h3{font-size:22px}.steps p{font-size:16px}.scenario li:before{font-size:12px}.scenario-label{letter-spacing:.7px}.scenario b{font-size:18px}.scenario p{font-size:16px}.pricing-notice{padding:15px}.pricing-notice p{font-size:14px}.draft-label{font-size:12px;line-height:1.6;white-space:normal}.plan-card{padding:25px 22px}.plan-top{gap:15px}.plan-tag{font-size:12px}.plan-audience{font-size:12px;max-width:120px}.plan-price>span,.custom-price>span{font-size:13px}.plan-card>.button{font-size:14px}.plan-footnote{font-size:13px}.comparison>summary{font-size:15px}.scope-section h2,.questions h2{font-size:32px}.about-statement{padding-bottom:35px}.principles{padding-top:30px;padding-bottom:34px}.about-evidence{padding-top:32px;padding-bottom:40px;gap:25px}.about-evidence img{height:auto}.inner-page .enquiry{padding-top:12px;padding-bottom:30px}.enquiry-intro>.enquiry-preview-note{font-size:14px!important}#brief-form{padding:21px 18px}.form-grid input,.form-grid select,.form-grid textarea{font-size:16px}.brief-actions .button{font-size:14px}.contact-options{padding-bottom:25px;gap:5px}.contact-options article,.contact-options article:nth-child(2){padding:23px 0}.site-footer{padding-top:34px}.footer-main{grid-template-columns:1fr 1fr;gap:30px 23px}.footer-main nav>span{font-size:12px;letter-spacing:.5px}.footer-main nav a,.footer-main nav button{font-size:14px}.footer-bottom{font-size:12px;line-height:1.8;gap:12px}.draft-label-row{align-items:flex-start;flex-direction:column;gap:5px}.draft-label-row span{font-size:12px}.draft-actions button{font-size:14px}#dashboard-dialog picture{max-width:440px;margin:auto}.dialog-close{width:40px;height:40px}}
@media(max-width:359px){.header,.inner-page .header{gap:8px}.header .brand span{font-size:20px}.header .brand img{width:23px;height:27px}.header-login{padding:8px;font-size:13px}.menu-toggle{width:35px;height:35px}.home-page .hero h1{font-size:38px;letter-spacing:-1.6px}.home-page .hero .eyebrow{font-size:12px;letter-spacing:.1px}.home-page .hero-actions{flex-direction:column;align-items:stretch}.home-page .hero-actions .button{font-size:14px}.home-page .platform h2,.problem-intro h2{font-size:30px}.browser-bar>span:nth-child(2){max-width:180px}.sample-label{margin-left:0}}
/* Keep legacy page accents from overriding the shared palette. */
.home-page .dashboard-frame{border-color:#c2cdce;box-shadow:0 12px 26px -20px #223a4260}
.route-card-grid>a:nth-child(1),.route-card-grid>a:nth-child(2){background:transparent;border-color:var(--line)}
.route-card-grid>a:nth-child(1):hover,.route-card-grid>a:nth-child(2):hover{background:#eeebe3;border-color:var(--line)}
.route-card-grid>a:nth-child(1) h3,.route-card-grid>a:nth-child(2) h3{color:#202522}
.route-card-grid>a:nth-child(1) p,.route-card-grid>a:nth-child(2) p{color:#5c625f}
.route-card-grid>a:nth-child(1) .card-index,.route-card-grid>a:nth-child(2) .card-index{color:#765738}
.route-card-grid>a:nth-child(1) .route-card-link,.route-card-grid>a:nth-child(2) .route-card-link{color:#245d69}
.workflow .eyebrow,.market-block .eyebrow{color:#765738}
.solution-block.reverse .scenario p,.solution-block.reverse .scenario b{color:#4f5e5a}
.solution-block.reverse .scenario-label,.solution-block.reverse .scenario li:before{color:#765738}
.plan-card .check-list li{color:#52605a}
#mobile-nav{background:#f7f4eef5;border-color:#d2d7ce;box-shadow:0 14px 35px #2025221a}
#mobile-nav a{color:#202522;font-size:16px}#mobile-nav a:hover,#mobile-nav a[aria-current=page]{color:#245d69;background:#e4ebeb}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#8b643f}
/* September 28: plainspoken recruiting content and less repeated page furniture. */
:root{--paper:#fdfcf9;--line:#d9d9d2}
.eyebrow,.home-page .hero .eyebrow,.inner-page .page-intro .eyebrow,.page-cta .eyebrow{font-size:14px;font-weight:500;letter-spacing:0;text-transform:none}
.header,.inner-page .header{background:var(--paper)}
.home-page .hero{padding-top:58px;padding-bottom:52px;gap:38px}
.home-page .hero h1{font-size:clamp(44px,4.25vw,72px);letter-spacing:-2.3px;font-weight:650;color:#202522}
.home-page .hero .eyebrow{margin-bottom:23px;color:#765738}
.home-page .hero-description{font-size:17px;line-height:1.7;max-width:475px;margin-top:23px}
.home-page .hero-actions .button.primary{background:#795a3c;border-color:#795a3c}.home-page .hero-actions .button.primary:hover{background:#60462d;border-color:#60462d}
.home-page .hero-actions .button.secondary{border-color:transparent;text-decoration:underline;text-underline-offset:5px;padding-left:8px;padding-right:8px}
.home-page .hero-media{border-radius:0}
.source-strip{padding:23px 0 26px}.source-intro{font-size:13px}
.home-page .platform{background:#f1f3f2;border-top:1px solid #dde2de;border-bottom:0;padding-top:54px;padding-bottom:59px}
.home-page .platform .eyebrow{font-size:14px;letter-spacing:0;color:#526060}
.home-page .platform h2{font-size:39px;max-width:640px;font-weight:570}
.home-page .platform .section-heading>p{font-size:15px;line-height:1.7;max-width:320px}
.dashboard-frame,.home-page .dashboard-frame{box-shadow:none;border-radius:2px}
.browser-bar{background:#fdfdfb;border-bottom-color:#d7ddd8}
.home-page .problem-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.28fr);gap:100px;background:#252925;padding-top:65px;padding-bottom:65px}
.home-page .problem-intro{display:block;position:static}
.home-page .problem-intro .eyebrow{font-size:14px;color:#d6b78f;margin-bottom:25px}
.home-page .problem-intro h2{font-size:42px;color:#fffdf9;font-weight:550;line-height:1.12;letter-spacing:-1.6px;max-width:430px}
.home-page .problem-intro>p:not(.eyebrow){color:#c4cec6;font-size:17px;line-height:1.8;max-width:370px;margin-top:25px}
.home-page .problem-stories{display:block;margin:0}
.home-page .problem-stories article{padding:24px 0;margin:0;border-top:1px solid #515951}
.home-page .problem-stories article:first-child{border-top:0;padding-top:0}
.home-page .problem-stories article:last-child{padding-bottom:0}
.home-page .problem-stories h3{color:#fffdf9;font-size:23px;font-weight:550;line-height:1.4;letter-spacing:-.35px;margin:0 0 11px}
.home-page .problem-stories p{color:#c4cec6;font-size:16px;line-height:1.75;margin:0;max-width:570px}
.home-page .problem-stories a{font-size:14px;color:#ebd2b4;margin-top:12px;text-decoration:underline;text-underline-offset:4px}
.home-page .home-route-cards{padding-top:68px;padding-bottom:65px}
.home-page .recruiting-context{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:64px;align-items:start}
.home-page .recruiting-copy .section-heading{margin:0 0 12px;display:block}
.home-page .recruiting-copy h2{font-size:36px;font-weight:570;line-height:1.15;max-width:410px}
.home-page .recruiting-copy .card-index{font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;color:#765738}
.home-page .recruiting-copy .route-card-grid>a{padding:23px 0;border-bottom:1px solid #d9d9d2;background:transparent}
.home-page .recruiting-copy .route-card-grid>a:hover{background:transparent}
.home-page .recruiting-copy .route-card-grid h3{font-size:23px;line-height:1.35;letter-spacing:-.5px;margin-top:8px}
.home-page .recruiting-copy .route-card-grid p{font-size:16px;line-height:1.75;margin-top:10px}
.home-page .recruiting-copy .route-card-link{display:inline-flex;justify-content:flex-start;gap:13px;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.home-page .recruiting-copy .route-card-link svg{display:none}
.home-page .context-photo img{aspect-ratio:6/5;object-fit:cover;object-position:center;border-radius:0}
.home-page .context-photo figcaption{justify-content:flex-end;padding-top:10px}
.home-page .home-price{padding-top:0;padding-bottom:65px}
.home-page .home-price>div{background:transparent;border-top:1px solid #bcbfb5;border-bottom:1px solid #bcbfb5;padding:35px 0;gap:65px;align-items:center}
.home-page .home-price h2{font-size:31px;font-weight:560;letter-spacing:-.9px}
.home-page .home-price .eyebrow{font-size:14px;letter-spacing:0}
.home-page .home-price>div>div>p:not(.eyebrow){font-size:16px;line-height:1.75;max-width:570px;color:#5c625f}
.home-page .home-price-number strong{font-size:58px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-1.8px}
.inner-page .page-intro h1{margin-top:0}
.page-cta .eyebrow{display:none}.page-cta>div{border-radius:2px}
.footer-main nav>span{font-size:14px;letter-spacing:0;text-transform:none}
@media(max-width:1100px){
 .home-page .hero h1{font-size:46px;letter-spacing:-1.7px}.home-page .hero-description{font-size:16px}
 .home-page .problem-section{gap:55px}.home-page .problem-intro h2{font-size:36px}
 .home-page .recruiting-context{gap:38px;grid-template-columns:1fr 1fr}.home-page .context-photo img{aspect-ratio:4/5}
 .home-page .recruiting-copy h2{font-size:32px}
}
@media(max-width:850px){
 .home-page .hero{padding-top:36px;padding-bottom:32px;gap:28px}.home-page .hero-copy{grid-template-columns:1.12fr 1fr}
 .home-page .hero h1{font-size:44px}.home-page .hero .eyebrow{grid-column:1/-1;font-size:14px;margin-bottom:20px}
 .home-page .platform{padding-top:40px;padding-bottom:42px}.home-page .platform h2{font-size:34px}
 .home-page .problem-section{grid-template-columns:1fr;gap:35px;padding-top:43px;padding-bottom:43px}
 .home-page .problem-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.home-page .problem-intro .eyebrow{grid-column:1/-1;margin-bottom:18px}
 .home-page .problem-intro h2{grid-column:1;grid-row:2;max-width:340px}.home-page .problem-intro>p:not(.eyebrow){grid-column:2;grid-row:2;margin:0;font-size:16px}
 .home-page .problem-stories article:first-child{padding-top:22px;border-top:1px solid #515951}
 .home-page .recruiting-context{grid-template-columns:1fr;gap:30px}.home-page .context-photo img{aspect-ratio:3/2}
 .home-page .home-route-cards{padding-top:45px;padding-bottom:42px}.home-page .recruiting-copy h2{max-width:560px}
 .home-page .home-price{padding-bottom:45px}.home-page .home-price>div{gap:35px}
}
@media(max-width:600px){
 .home-page .hero{padding-top:31px;padding-bottom:27px;gap:26px}.home-page .hero h1{font-size:clamp(35px,9.5vw,52px);letter-spacing:-1.4px;line-height:1.12;max-width:none}
 .home-page .hero .eyebrow{font-size:14px;letter-spacing:0;margin-bottom:18px}.home-page .hero-description{font-size:16px;margin-top:20px}
 .home-page .hero-actions{gap:10px}.home-page .hero-actions .button{font-size:14px;min-height:46px}.home-page .hero-media{border-radius:0}
 .home-page .platform .section-heading{gap:17px}.home-page .platform h2{font-size:31px;line-height:1.15;letter-spacing:-1px}
 .home-page .platform .section-heading>p{font-size:15px;max-width:none}
 .home-page .problem-intro{display:block}.home-page .problem-intro .eyebrow{font-size:14px;margin-bottom:18px}
 .home-page .problem-intro h2{font-size:34px;letter-spacing:-1px}.home-page .problem-intro>p:not(.eyebrow){margin-top:19px;font-size:16px;max-width:none}
 .home-page .problem-stories h3{font-size:22px;line-height:1.35}.home-page .problem-stories article{padding:22px 0}
 .home-page .home-route-cards{padding-top:36px;padding-bottom:35px}.home-page .recruiting-context{gap:28px}.home-page .context-photo img{aspect-ratio:4/3}
 .home-page .recruiting-copy h2{font-size:31px;max-width:330px}.home-page .recruiting-copy .route-card-grid h3{font-size:22px}.home-page .recruiting-copy .route-card-grid>a{padding:22px 0}
 .home-page .home-price>div{padding:28px 0;display:block}.home-page .home-price h2{font-size:29px}.home-page .home-price-number{margin-top:25px}.home-page .home-price-number strong{font-size:52px}
}

/* Preserve the entire documentary frame, including the truck's wheels and cab. */
.home-page .context-photo{align-self:center}
.home-page .context-photo img{height:auto;aspect-ratio:1200/795;object-fit:contain}

/* Photography and the guided view support the recruiting explanation. */
.preview-stage{min-width:0}
.workspace-spotlight{display:block;position:absolute;pointer-events:none;z-index:1;border:2px solid #245d69;border-radius:4px;background:#245d6910;box-shadow:0 0 0 3px #fffe,0 3px 14px #1d455426;transition:left 180ms ease,top 180ms ease,width 180ms ease,height 180ms ease}
.workspace-spotlight[hidden]{display:none}.guided-preview .zoom-hint{z-index:2}
.preview-instruction{font-size:14px;line-height:1.6;color:#526060;margin:0 0 21px}
.product-notes li{position:relative;padding:16px 0;border-color:#c5d2d3;gap:15px}.product-notes li>div{flex:1;min-width:0}.product-notes li .note-number{padding-top:12px}
.home-page .product-notes h3 button{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:44px;background:transparent;border-radius:3px;padding:5px 0;text-align:left;font:inherit;color:#202522}
.home-page .product-notes h3 button .ui-icon{flex-shrink:0;color:#245d69;transition:transform 180ms ease}
.home-page .product-notes h3 button:hover{color:#245d69}.home-page .product-notes h3 button:hover .ui-icon{transform:translateX(3px)}
.product-notes li.is-selected h3 button{color:#245d69}.product-notes li.is-selected .note-number{font-weight:750;color:#245d69}.product-notes li.is-selected:before{content:'';position:absolute;left:-13px;top:20px;bottom:20px;width:3px;background:#245d69;border-radius:1px}
.product-notes p{margin-top:5px}.preview-step-status{font-size:12px;line-height:1.6;min-height:20px;margin-top:20px;color:#526060}
.recruiting-context{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:55px;align-items:center}
.context-photo{min-width:0;margin:0;align-self:start}.context-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:4px}.context-photo figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px;line-height:1.6;color:#62665d;padding-top:12px}.photo-credit a{text-decoration:underline;text-underline-offset:3px;color:#52605a}
.recruiting-context .route-card-grid>a{display:block;padding:22px 0}.recruiting-context .route-card-grid h3{font-size:25px;margin-top:11px}.recruiting-context .route-card-grid p{font-size:16px;margin-top:11px}.recruiting-context .route-card-link{margin-top:16px;font-size:14px}.recruiting-context .route-card-grid{border-top:0}.recruiting-context .route-card-grid>a:first-child{padding-top:0}
.solution-photo{margin:0 0 35px;display:block}.solution-photo img{display:block;width:100%;height:auto;aspect-ratio:2.4;object-fit:cover;object-position:center 45%;border-radius:4px}.solution-photo figcaption{font-size:12px;color:#60675f;padding-top:10px;line-height:1.6;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
@media(max-width:1100px){.recruiting-context{gap:35px;grid-template-columns:1fr 1fr}.context-photo img{aspect-ratio:4/5;object-position:58% center}}
@media(max-width:850px){.recruiting-context{grid-template-columns:1fr;gap:28px}.context-photo img{aspect-ratio:3/2}.product-notes li .note-number{padding-top:0}.preview-instruction{margin-bottom:20px}.solution-photo img{aspect-ratio:2}}
@media(max-width:600px){.workspace-spotlight{border-width:2px;box-shadow:0 0 0 2px #fffe}.home-page .product-notes h3 button{font-size:22px}.product-notes li{gap:13px;padding:16px 0}.product-notes li .note-number{padding-top:12px}.product-notes li.is-selected:before{left:-8px}.preview-instruction{font-size:14px;margin-bottom:18px}.preview-step-status{font-size:12px;margin-top:15px}.recruiting-context{gap:25px}.context-photo img{aspect-ratio:4/3;object-position:54% center}.context-photo figcaption{font-size:12px}.recruiting-context .route-card-grid h3{font-size:24px}.solution-photo{margin-bottom:25px}.solution-photo img{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.workspace-spotlight,.home-page .product-notes h3 button .ui-icon{transition:none}.home-page .product-notes h3 button:hover .ui-icon{transform:none}}

.home-page .platform .home-product-copy>.preview-instruction,.home-page .platform .home-product-copy>.preview-step-status{color:#526060}
.home-page .platform .home-product-copy>.preview-instruction{font-size:14px}.home-page .platform .home-product-copy>.preview-step-status{font-size:12px}
.compact-preview-guide{display:none}
@media(max-width:600px){
 .compact-preview-guide{display:block;margin-bottom:17px}
 .preview-step-buttons{display:grid;grid-template-columns:1fr 1fr 1.15fr;border-bottom:1px solid #bdcccd;gap:6px}
 .preview-step-buttons button{background:transparent;color:#40595b;display:flex;gap:6px;align-items:center;justify-content:center;min-height:46px;padding:8px 1px;font-size:14px;font-weight:600;position:relative}
 .preview-step-buttons button span{font-size:12px;font-weight:400}
 .preview-step-buttons button[aria-pressed=true]{color:#245d69;background:#dce6e7}
 .preview-step-buttons button[aria-pressed=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#245d69}
 .compact-preview-description{font-size:14px;line-height:1.6;color:#526060;min-height:45px;margin:14px 0 0}
 .guided-preview .home-product-copy .product-notes,.home-page .platform .home-product-copy>.preview-instruction,.home-page .platform .home-product-copy>.preview-step-status{display:none}
 .home-page .guided-preview .product-layout{gap:0}.home-page .guided-preview .home-product-copy .text-link{margin:0;padding-top:20px}
}

/* Source and candidate surfaces echo the two connected forms of the DriverNova mark. */
.candidate-journey{padding-top:56px;padding-bottom:56px;background:#eee8dd;border-top:1px solid #d6cbbb}
.journey-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:31px}
.candidate-journey .journey-heading h2{font-size:clamp(32px,3.2vw,48px);font-weight:570;line-height:1.1;letter-spacing:-1.7px;color:#262824;margin:14px 0 0}
.journey-heading>p{font-size:16px;line-height:1.75;max-width:340px;margin:0;color:#5d6056}
.journey-heading .eyebrow{font-size:14px;color:#765738;font-weight:500;letter-spacing:0}
.journey-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #c9c1b1;border-bottom:1px solid #c9c1b1;margin-bottom:33px}
.journey-nav button{display:flex;align-items:center;gap:12px;min-height:62px;padding:14px 17px;background:transparent;color:#575c53;font-size:15px;text-align:left;line-height:1.4;position:relative}
.journey-nav button>span{font-size:12px;font-variant-numeric:tabular-nums;color:#766246;flex-shrink:0}
.journey-nav button[aria-selected=true]{color:#202522;background:#e2d8c9;font-weight:600}
.journey-nav button[aria-selected=true]:after{content:'';position:absolute;height:3px;background:#8b643f;bottom:-1px;left:0;right:0}
.journey-nav button:hover{background:#e7dfd1}
.journey-pair{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);padding-right:20px;padding-bottom:25px;align-items:start}
.source-document{margin:0;border:1px solid #9e805b;background:#e4d3b9;padding:31px 35px 25px;border-radius:4px;color:#352d23;min-height:370px;position:relative;z-index:0}
.source-document-top{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #c4ad8b;padding-bottom:20px}
.source-document-top>span:first-child{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600}.source-document-top>span:last-child{font-size:12px;color:#64543f}
.source-person{display:flex;align-items:center;gap:12px;margin-top:26px}.candidate-initials{display:flex;align-items:center;justify-content:center;background:#f5eee1;border:1px solid #c6ad89;width:43px;height:43px;flex:none;font-size:14px;font-weight:600;border-radius:50%}
.candidate-journey .source-person h3{font-size:18px;line-height:1.3;margin:0;letter-spacing:-.3px;color:#352d23}.source-person p{font-size:13px;color:#655744;margin:4px 0 0;line-height:1.5}
.source-document blockquote{font-size:21px;line-height:1.65;font-weight:450;letter-spacing:-.3px;margin:26px 0 25px;max-width:450px}
.source-caption{font-size:14px;line-height:1.65;color:#655744;margin:0;max-width:350px}
.source-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c4ad8b;margin-top:28px;padding-top:18px;font-size:12px;color:#64543f;gap:20px}
.candidate-document{position:relative;z-index:1;margin:32px -20px 0 -22px;background:#fffefa;border:1px solid #30362f;border-radius:4px;min-height:470px;box-shadow:0 12px 24px -22px #26282080;overflow:hidden}
.candidate-document-top{background:#272c26;color:#f7f2e8;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 24px}
.candidate-document-top>span:first-child{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600}.journey-step-count{font-size:12px;font-variant-numeric:tabular-nums;color:#d8c1a2}
.journey-panel{padding:28px 30px 30px;min-height:412px;outline-offset:-6px}
.journey-panel[hidden]{display:none}
.journey-panel-kicker{color:#765738;font-size:13px;line-height:1.6;margin:0 0 13px}
.candidate-journey .journey-panel h3{font-size:30px;line-height:1.15;letter-spacing:-.9px;font-weight:590;color:#262824;margin:0 0 19px}
.journey-panel>p:not(.journey-panel-kicker):not(.journey-aside):not(.journey-translation):not(.saved-candidate-meta){font-size:16px;line-height:1.75;color:#596056;max-width:510px;margin:0 0 20px}
.post-clues{display:flex;flex-wrap:wrap;gap:9px;margin-top:21px}.post-clues span{font-size:14px;border:1px solid #d1d4c9;border-radius:3px;padding:7px 10px;color:#3f4b40;background:#f3f4ee}
.candidate-journey .journey-aside{font-size:13px;line-height:1.6;color:#697060;margin:21px 0}
.journey-panel .button{font-size:14px;padding:12px 17px;min-height:44px;border-radius:3px;gap:18px}.journey-panel .button.primary{background:#795a3c;border-color:#795a3c;color:white}.journey-panel .button.primary:hover{background:#60462d;border-color:#60462d}
.candidate-facts{display:grid;grid-template-columns:1fr 1fr;margin:0 0 15px;gap:0 25px}.candidate-facts>div{padding:15px 0;border-top:1px solid #dbded4}.candidate-facts dt{font-size:13px;color:#677063;line-height:1.5;margin:0 0 4px}.candidate-facts dd{font-size:19px;font-weight:550;color:#29392e;line-height:1.5;margin:0}.candidate-facts .not-stated{color:#707469;font-size:16px;font-weight:400}
.journey-translation-toggle,.journey-next-link,.journey-restore,.journey-save-note{background:transparent;color:#245d69;font-size:14px;line-height:1.5;text-align:left;min-height:44px;padding:10px 0;text-decoration:underline;text-underline-offset:4px}
.journey-translation-toggle{display:block;margin-bottom:15px}.journey-translation{font-size:15px;line-height:1.7;color:#4a574d;border-left:2px solid #c7a77e;padding:0 0 0 14px;margin:0 0 20px}
.journey-panel label{display:block;font-size:14px;line-height:1.5;color:#4f5b4f;margin:13px 0 8px}
.journey-panel textarea,.journey-panel select{font:inherit;font-size:15px;line-height:1.65;padding:12px 13px;border:1px solid #afb9aa;border-radius:3px;background:#fff;color:#26342b;width:100%;box-shadow:none}
.journey-panel textarea{resize:vertical;min-height:92px}.journey-panel .journey-draft{min-height:162px}
.journey-panel textarea:focus,.journey-panel select:focus{outline:2px solid #8b643f;outline-offset:2px}
.journey-message-actions{display:flex;align-items:center;gap:22px;margin-top:13px}.journey-next-link{display:flex;align-items:center;gap:20px;margin-top:5px}
.journey-save-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.candidate-journey .journey-save-heading h3{margin-bottom:8px}
.journey-save{min-height:44px;padding:10px 14px;border:1px solid #795a3c;background:#795a3c;color:#fff;border-radius:3px;font-size:14px;white-space:nowrap}
.journey-save[aria-pressed=true]{background:#e6ece3;color:#35503b;border-color:#b3c1ad}
.saved-candidate-meta{font-size:14px;color:#65705f;margin:0 0 17px;line-height:1.6}.journey-status{max-width:230px}.journey-save-note{display:block;margin-top:3px}.journey-save-note:active{color:#194854}
.journey-footer{display:flex;align-items:start;justify-content:space-between;gap:25px;padding:0 0 26px;border-bottom:1px solid #c9c1b1}
.journey-feedback{font-size:13px;line-height:1.6;color:#5d6356;margin:0;min-height:21px;max-width:650px}.journey-reset{min-height:36px;padding:0 0 8px;background:transparent;color:#65583f;font-size:13px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.workspace-proof{display:grid;grid-template-columns:250px minmax(0,1fr);align-items:center;gap:30px;margin-top:29px}
.workspace-proof picture{display:block;border:1px solid #c6cbbb;border-radius:2px;overflow:hidden}.workspace-proof img{display:block;width:100%;height:auto;object-fit:contain}
.workspace-proof .eyebrow{font-size:12px;margin:0 0 8px;color:#6d6350}.candidate-journey .workspace-proof h3{font-size:22px;line-height:1.35;letter-spacing:-.4px;margin:0 0 9px;color:#30372d}
.workspace-proof p:not(.eyebrow){font-size:14px;line-height:1.7;margin:0;color:#5e6757;max-width:620px}.proof-actions{display:flex;flex-wrap:wrap;gap:6px 25px;margin-top:14px}
.workspace-proof .text-link{display:inline-flex;gap:12px;align-items:center;width:auto;min-height:35px;padding:5px 0;font-size:14px;text-align:left;background:transparent;color:#245d69;text-decoration:underline;text-underline-offset:4px;border-radius:0}
/* About explains the market premise and the actual scope, without invented founder history. */
.market-story{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:80px;padding-top:10px;padding-bottom:56px;align-items:start}
.market-story h2{font-size:36px;margin:0 0 24px;max-width:550px}.market-story p{font-size:17px;line-height:1.85;color:#5c625f;max-width:630px;margin:0 0 18px}
.market-number{border-top:3px solid #8b643f;background:#eee3d3;padding:27px 29px}.market-number strong{font-size:58px;line-height:1.1;letter-spacing:-2px;color:#2d3028;font-weight:580;font-variant-numeric:tabular-nums;display:block}.market-number .market-stat-label{font-size:17px;color:#4e584b;line-height:1.5;margin:16px 0 12px}.market-number .market-stat-context{font-size:13px;line-height:1.7;margin:0 0 16px}.market-number a{font-size:13px;text-decoration:underline;text-underline-offset:4px;color:#245d69;line-height:1.6}
.about-scope{padding-top:46px;padding-bottom:48px;background:#262c26}.about-scope h2{font-size:37px;color:#fffdf7;max-width:650px;margin:0 0 32px}.about-scope .eyebrow{color:#dbc19d;font-size:14px}
.scope-pair{display:grid;grid-template-columns:1fr 1fr;gap:65px}.scope-pair article{border-top:1px solid #5a6256;padding-top:24px}.scope-pair h3{font-size:24px;color:#f9f8ee;font-weight:550;margin:0 0 17px}.scope-pair p,.scope-pair li{font-size:16px;line-height:1.8;color:#cad2c2}.scope-pair ul{padding-left:20px;margin:0}.scope-pair li+li{margin-top:10px}
@media(min-width:1600px){.candidate-journey{padding-left:8%;padding-right:8%}}
@media(max-width:1100px){.journey-heading{gap:35px}.journey-nav button{padding:12px;gap:9px;font-size:14px}.source-document{padding:26px 27px}.source-document blockquote{font-size:19px}.journey-panel{padding:25px}.candidate-journey .journey-panel h3{font-size:27px}.journey-pair{grid-template-columns:1fr 1.1fr}.market-story{gap:40px}.market-number{padding:24px}.market-number strong{font-size:50px}}
@media(max-width:850px){.candidate-journey{padding-top:40px;padding-bottom:40px}.journey-heading{align-items:start;gap:25px}.candidate-journey .journey-heading h2{font-size:34px;letter-spacing:-1px}.journey-heading>p{max-width:250px;font-size:15px}.journey-nav button{padding:11px 9px;gap:8px}.source-document{padding:22px}.source-document blockquote{font-size:18px}.journey-panel{padding:23px 22px}.candidate-journey .journey-panel h3{font-size:25px}.workspace-proof{grid-template-columns:180px 1fr;gap:25px}.market-story{grid-template-columns:1fr;gap:20px}.market-number{max-width:600px}.scope-pair{gap:35px}}
@media(max-width:600px){
 .candidate-journey{padding-top:34px;padding-bottom:34px}.journey-heading{display:block;margin-bottom:25px}.candidate-journey .journey-heading h2{font-size:32px;letter-spacing:-1px;line-height:1.12;margin-top:12px}.journey-heading>p{max-width:none;margin-top:17px;font-size:15px}.journey-heading .eyebrow{font-size:13px}
 .journey-nav{grid-template-columns:1fr 1fr;margin-bottom:24px}.journey-nav button{min-height:52px;font-size:14px;gap:9px;padding:12px 7px}.journey-nav button:nth-child(-n+2){border-bottom:1px solid #c9c1b1}.journey-nav button[aria-selected=true]:after{height:2px}
 .journey-pair{display:block;padding:0 0 22px}.source-document{padding:20px 20px 17px;min-height:0;margin-right:20px;border-radius:3px}.source-document-top{padding-bottom:14px;gap:10px}.source-document-top>span:first-child{font-size:14px;gap:8px}.source-document-top>span:last-child{font-size:12px}.source-document-top img{width:21px;height:21px}
 .source-person{margin-top:19px;gap:10px}.candidate-journey .source-person h3{font-size:17px}.candidate-initials{width:36px;height:36px;font-size:12px}.source-person p{font-size:12px}.source-document blockquote{font-size:18px;line-height:1.65;margin:21px 0 18px;letter-spacing:-.15px}.source-caption{font-size:13px}.source-bottom{margin-top:18px;padding-top:13px}
 .candidate-document{margin:-10px 0 0 20px;min-height:0;border-radius:3px}.candidate-document-top{padding:12px 17px}.candidate-document-top>span:first-child{font-size:14px}.journey-panel{padding:23px 20px;min-height:0}.candidate-journey .journey-panel h3{font-size:26px;letter-spacing:-.5px;line-height:1.2}.journey-panel>p:not(.journey-panel-kicker):not(.journey-aside):not(.journey-translation):not(.saved-candidate-meta){font-size:16px}.journey-panel-kicker{font-size:12px}.candidate-facts{gap:0 16px}.candidate-facts dd{font-size:18px}.candidate-facts dt{font-size:13px}.post-clues{gap:7px}.post-clues span{font-size:13px;padding:6px 8px}.journey-panel .button{font-size:14px;gap:12px;padding:12px 14px}
 .journey-panel textarea,.journey-panel select{font-size:16px;padding:10px;line-height:1.6}.journey-panel .journey-draft{min-height:218px}.journey-message-actions{gap:14px;flex-wrap:wrap}.journey-save-heading{align-items:start;gap:10px;flex-direction:column;margin-bottom:15px}.journey-save-heading .journey-panel-kicker{margin-bottom:9px}.journey-status{max-width:none}.journey-panel label{font-size:14px}
 .journey-footer{display:block;padding-bottom:21px}.journey-feedback{font-size:12px;line-height:1.65}.journey-reset{margin-top:12px;min-height:36px;padding:4px 0;font-size:13px}.workspace-proof{display:block;margin-top:24px}.workspace-proof picture{display:none}.workspace-proof .eyebrow{font-size:12px}.candidate-journey .workspace-proof h3{font-size:22px}.workspace-proof p:not(.eyebrow){font-size:14px}.proof-actions{display:block;margin-top:13px}.workspace-proof .text-link{display:flex;min-height:44px;font-size:14px;margin:0;width:max-content;max-width:100%}
 .market-story{padding-top:6px;padding-bottom:35px;gap:20px}.market-story h2{font-size:31px}.market-story p{font-size:16px;line-height:1.8}.market-number{padding:23px}.market-number strong{font-size:52px}.market-number .market-stat-label{font-size:16px}.market-number .market-stat-context,.market-number a{font-size:13px}.about-scope{padding-top:33px;padding-bottom:35px}.about-scope h2{font-size:31px}.scope-pair{grid-template-columns:1fr;gap:28px}.scope-pair h3{font-size:23px}
}
@media(prefers-reduced-motion:reduce){.candidate-journey *{scroll-behavior:auto}}

.source-disclosure{display:none}
.source-excerpt[hidden]{display:none}
.journey-profile-view{display:block;min-height:44px;margin-top:12px;padding:8px 0;background:transparent;color:#245d69;font-size:13px;text-decoration:underline;text-underline-offset:4px;text-align:left}
@media(max-width:600px){.source-disclosure{display:block;background:transparent;color:#61503b;font-size:13px;min-height:40px;padding:11px 0 0;text-decoration:underline;text-underline-offset:4px}.source-disclosure[aria-expanded=true]{display:none}.candidate-journey[data-step=source] .source-disclosure{display:none}.candidate-journey:not([data-step=source]) .source-disclosure{display:block}.candidate-journey:not([data-step=source]) .source-document{padding-bottom:22px}.journey-profile-view{font-size:13px}}

.journey-rejection[hidden]{display:none}.journey-confirm-rejection{min-height:44px;padding:8px 0;background:transparent;color:#245d69;font-size:14px;text-decoration:underline;text-underline-offset:4px;text-align:left}

/* Company research sits alongside driver sourcing in the commercial story. */
.home-page .hero-copy h1{font-size:clamp(39px,4.05vw,62px);letter-spacing:-2.1px;max-width:650px}
.home-page .hero-description{max-width:545px}
.market-teaser{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px;padding-top:54px;padding-bottom:56px;background:#e9eff0;border-top:1px solid #c9d9dc;align-items:center}
.market-teaser h2{font-size:clamp(30px,3vw,43px);letter-spacing:-1.5px;line-height:1.16;margin:13px 0 20px;color:#213c43}
.market-teaser .eyebrow{font-size:14px;letter-spacing:0;color:#366773;font-weight:500}
.market-teaser-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#4f6063;max-width:555px}
.market-preview-facts{margin:24px 0 28px}.market-preview-facts>div{padding:13px 0;border-top:1px solid #c7d4d6;display:grid;grid-template-columns:135px 1fr;gap:17px}.market-preview-facts dt{font-size:14px;font-weight:650;color:#233e45}.market-preview-facts dd{margin:0;font-size:14px;line-height:1.65;color:#4f6063}
.market-teaser .button.primary{background:#245d69;border-color:#245d69;border-radius:4px;min-height:46px;font-size:14px}
.market-teaser-proof{min-width:0}.market-teaser-proof>h3{font-size:30px;color:#213c43;letter-spacing:-.8px}.market-teaser-proof>p{font-size:16px;line-height:1.8}.market-teaser-proof>.text-link{margin-top:18px}
.market-capture{margin:0;border:1px solid #b5c5c8;border-radius:4px;overflow:hidden;background:white;min-width:0}.market-capture button{display:block;background:transparent;color:inherit;padding:0;width:100%;text-align:left}.market-capture picture,.market-capture img{display:block;width:100%;height:auto}.market-capture figcaption{font-size:12px;line-height:1.6;padding:11px 15px;color:#566367;display:flex;justify-content:space-between;gap:15px}.market-capture .capture-open{font-weight:600;color:#245d69;white-space:nowrap}
.product-market-bridge{display:flex;align-items:center;justify-content:space-between;gap:55px;padding-top:38px;padding-bottom:39px;border-top:1px solid #c7d4d6;background:#e9eff0}.product-market-bridge h2{font-size:32px;letter-spacing:-1px;margin:11px 0 16px;color:#213c43}.product-market-bridge p{font-size:16px;line-height:1.8;max-width:760px;color:#4f6063}.product-market-bridge .button{flex-shrink:0;font-size:14px;white-space:normal;text-align:center}
.market-page .page-intro{padding-bottom:48px}.market-page .page-intro h1{max-width:1000px}.market-page .page-intro .eyebrow{font-size:14px;letter-spacing:0;margin:27px 0 16px;color:#356673}
.market-section-heading{max-width:780px;margin-bottom:29px}.market-section-heading h2{font-size:clamp(31px,3vw,44px);line-height:1.15;letter-spacing:-1.3px;color:#263832;margin:13px 0 19px}.market-section-heading>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#56615d}.market-section-heading .eyebrow{font-size:14px;letter-spacing:0;color:#356673}
.market-offers{padding-top:8px;padding-bottom:52px}.offer-detail-list{display:grid;grid-template-columns:repeat(3,1fr);gap:37px;margin:32px 0 0}.offer-detail-list article{border-top:1px solid #d1d7cf;padding-top:20px}.offer-detail-list h3{font-size:20px;line-height:1.4;margin:0 0 12px;font-weight:600}.offer-detail-list p{font-size:16px;line-height:1.8;color:#5c625f;margin:0}
.market-offers .market-capture{max-width:1150px;margin:32px 0}
.pay-benchmarks{padding-top:50px;padding-bottom:48px;background:#e9eff0;border-block:1px solid #d4e0e1}.pay-unit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin:36px 0 34px}.pay-unit-grid article{border-top:2px solid #356673;padding-top:22px}.pay-unit{font-size:34px;letter-spacing:-1px;line-height:1.2;color:#245d69}.pay-unit-grid h3{font-size:20px;margin:15px 0 11px;color:#233e45}.pay-unit-grid p{font-size:16px;line-height:1.75;color:#4f6063;margin:0}.benchmark-caption{border-top:1px solid #c7d4d6;padding-top:19px;max-width:1000px}.benchmark-caption strong{font-size:14px;color:#24414a}.benchmark-caption p{font-size:14px;line-height:1.75;color:#4f6063;margin:8px 0 0}
.pay-benchmarks .market-capture{max-width:1150px;margin:32px 0}
.market-demand{padding-top:50px;padding-bottom:52px;background:#272c26}.market-demand .market-section-heading h2{color:#f7f4eb}.market-demand .eyebrow{color:#dbc19d}.market-demand-rows{display:grid;grid-template-columns:1fr 1fr;gap:27px 62px}.market-demand-rows article{border-top:1px solid #5a6256;padding-top:23px}.market-demand-rows h3{font-size:24px;font-weight:550;color:#f9f8ee;margin:0 0 12px}.market-demand-rows p{font-size:16px;line-height:1.8;color:#cbd2c5;max-width:570px;margin:0}
.market-method{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;padding-top:53px;padding-bottom:52px}.market-method h2{font-size:35px;letter-spacing:-1px;line-height:1.2;max-width:380px;margin:12px 0 0}.market-method .eyebrow{font-size:14px;letter-spacing:0;color:#765738}.market-method details{border-top:1px solid #d1d7cf;padding:18px 0}.market-method summary{cursor:pointer;font-size:16px;font-weight:550;line-height:1.6;color:#293d35}.market-method details p{font-size:15px;line-height:1.8;color:#5c625f;margin:14px 0 0}
.discovery-volume{display:flex;align-items:center;gap:27px;padding-top:23px;padding-bottom:23px;border-top:1px solid #ddd6cb;background:#f5f1e9}.discovery-volume>strong{font-size:43px;font-weight:600;letter-spacing:-1.7px;line-height:1.1;color:#795a3c;flex:none}.discovery-volume-copy{display:flex;gap:35px;align-items:center;justify-content:space-between;flex:1}.discovery-volume h2{font-size:18px;font-weight:550;line-height:1.5;margin:0 0 3px;letter-spacing:-.3px}.discovery-volume p{font-size:13px;line-height:1.6;margin:0;color:#62695d}.discovery-volume a{font-size:14px;text-decoration:underline;text-underline-offset:4px;color:#245d69;white-space:nowrap}
@media(max-width:1100px){.market-teaser{gap:34px}.market-preview-facts>div{grid-template-columns:110px 1fr;gap:12px}.market-teaser h2{font-size:34px}.product-market-bridge{gap:25px}.offer-detail-list,.pay-unit-grid{gap:25px}.market-method{gap:40px}.header .desktop-nav{gap:15px}.desktop-nav>a{padding-inline:8px}}
@media(max-width:850px){.market-teaser{grid-template-columns:1fr;gap:32px}.market-teaser-copy>p:not(.eyebrow){max-width:700px}.market-teaser h2{font-size:36px}.market-preview-facts>div{grid-template-columns:145px 1fr}.market-teaser-proof{max-width:720px}.product-market-bridge{display:block}.product-market-bridge .button{margin-top:12px}.offer-detail-list,.pay-unit-grid{grid-template-columns:1fr;gap:25px}.market-demand-rows{gap:28px}.market-method{grid-template-columns:1fr;gap:25px}.market-method h2{max-width:none}.discovery-volume-copy{display:block}.discovery-volume a{display:inline-block;margin-top:8px}}
@media(max-width:600px){.home-page .hero-copy h1{font-size:41px;letter-spacing:-1.6px}.market-teaser{padding-top:34px;padding-bottom:34px;gap:27px}.market-teaser h2{font-size:32px;letter-spacing:-1px}.market-preview-facts{margin-top:21px}.market-preview-facts>div{grid-template-columns:1fr;gap:5px;padding:12px 0}.market-preview-facts dt,.market-preview-facts dd{font-size:14px}.market-teaser .button{width:100%;justify-content:center;text-align:center;white-space:normal}.market-capture figcaption{flex-wrap:wrap;gap:3px 10px;padding:10px 12px}.market-capture img{max-height:620px;object-fit:cover;object-position:top}.market-page .page-intro{padding-bottom:30px}.market-page .page-intro h1{font-size:40px}.market-page .page-intro .eyebrow{margin-top:20px}.market-offers{padding-bottom:35px}.market-section-heading h2{font-size:31px;letter-spacing:-1px}.market-section-heading>p:not(.eyebrow){font-size:16px}.pay-benchmarks,.market-demand,.market-method{padding-top:34px;padding-bottom:35px}.pay-unit-grid{margin-top:25px;margin-bottom:25px}.pay-unit{font-size:30px}.pay-unit-grid article{padding-top:17px}.market-demand-rows{grid-template-columns:1fr}.market-demand-rows h3{font-size:23px}.market-method h2{font-size:31px}.product-market-bridge{padding-top:30px;padding-bottom:31px}.product-market-bridge h2{font-size:29px}.discovery-volume{align-items:flex-start;gap:20px}.discovery-volume>strong{font-size:39px}.discovery-volume h2{font-size:16px}.discovery-volume p{font-size:12px}}
@media(max-width:350px){.home-page .hero-copy h1{font-size:36px}.market-page .page-intro h1{font-size:35px}}
.sourcing-measurement{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-top:42px;padding-bottom:44px;background:#f1eee7;border-top:1px solid #d5d1c5}.sourcing-measurement .eyebrow{font-size:14px;letter-spacing:0;color:#765738}.sourcing-measurement h2{font-size:33px;line-height:1.2;letter-spacing:-1px;margin:12px 0 20px}.sourcing-measurement h3{font-size:21px;margin:0 0 16px}.sourcing-measurement p{font-size:16px;line-height:1.8;color:#5c625f;margin:0 0 14px}.measurement-date{font-size:13px;color:#66705f}
@media(max-width:850px){.sourcing-measurement{grid-template-columns:1fr;gap:23px}}
@media(max-width:600px){.sourcing-measurement{padding-top:32px;padding-bottom:33px}.sourcing-measurement h2{font-size:30px}.feature-tabs{flex-wrap:wrap}.feature-tabs button{flex:1 0 28%;justify-content:center}}

/* Same interlocking mark and visibility-aware animation as the product. */
.brand .dn-logo{position:relative;display:inline-block;flex:0 0 44px;width:44px;height:48px;isolation:isolate;line-height:0;letter-spacing:normal}
.brand .dn-logo>img,.brand .dn-logo>picture,.brand .dn-logo>picture>img,.brand .dn-logo>canvas{display:block;width:100%;height:100%;margin:0;object-fit:contain}
.brand .dn-logo>canvas{position:absolute;inset:0;visibility:hidden;pointer-events:none}
.brand .dn-logo--ready>canvas{visibility:visible}
.brand .dn-logo--ready>img,.brand .dn-logo--ready>picture{visibility:hidden}
.footer-brand .brand .dn-logo{flex-basis:38px;width:38px;height:41px}
.header{gap:20px}.desktop-nav{gap:23px}
/* The translated header switches at 1250px; its menu must work through tablet widths. */
@media(max-width:1250px){
 .desktop-nav{display:none}
 .menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;flex:0 0 44px}
 .menu-toggle span{width:16px;height:1.5px;background:#332b22}
 #mobile-nav{display:flex;flex-direction:column;position:absolute;top:calc(100% - 1px);right:0;padding:14px;min-width:240px;max-width:100%;border:1px solid #dfd4c5;border-radius:12px;background:#faf8f4;box-shadow:0 12px 45px #4e382123}
 #mobile-nav a{padding:13px 16px;font-size:15px;border-radius:7px}
 #mobile-nav a:hover{background:#ebe4da}
 .header-login{margin-left:auto}.lang-menu{margin-left:0}
}
@media(min-width:1251px){#mobile-nav{display:none!important}}
@media(max-width:600px){.header{gap:10px}.header .brand{gap:7px}.header .brand>span:not(.dn-logo){font-size:21px}.header .brand .dn-logo{width:34px;height:37px;flex-basis:34px}.header .lang-menu>summary .lang-code,.header .lang-menu>summary .lang-caret{display:none}.header .lang-menu>summary{padding:9px 10px}.header-login .ui-icon{display:none}.header-login{font-size:12px;padding:9px 9px;gap:0}.menu-toggle{width:38px;flex:0 0 38px}.header{padding-right:0}.hero h1{overflow-wrap:break-word}.journey-nav button{overflow-wrap:break-word}.feature-tabs{overflow-x:auto}.source-intro{white-space:normal}}
@media(max-width:359px){.header{gap:7px;left:4%;right:4%}.header-login{padding:8px 6px;font-size:11px}.header .brand>span:not(.dn-logo){font-size:18px}.header .brand .dn-logo{width:30px;height:33px;flex-basis:30px}.menu-toggle{width:32px;flex-basis:32px}}
@media(prefers-reduced-motion:reduce){.brand .dn-logo>canvas{visibility:hidden}.brand .dn-logo>img,.brand .dn-logo>picture{visibility:visible}}

@font-face{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/inter-cyrillic.woff2?v=71d5ee93cc1e) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
.header,.inner-page .header{left:auto;right:auto}
h1,h2,h3{overflow-wrap:break-word}
.capture-provenance{font-size:12px!important;line-height:1.55!important;color:#65716f!important}
@media(max-width:600px){.header,.inner-page .header{padding-left:4%;padding-right:4%;gap:8px}.source-document-top{gap:10px}.journey-save-heading{gap:12px}}

/* ADDENDUM SITE11 §8 — selector de limba compact, in locul pastilei cu toate limbile.
   Pastila crestea cu fiecare limba si la 5-6 ocupa tot antetul pe telefon. Acum: un buton cat
   „Log in" (glob + codul limbii + caret) si un meniu `details` cu numele native. O limba noua =
   un rand in plus, antetul nu se schimba. Fara JS obligatoriu.

   ADDENDUM SITE11b §E (6 oct 2026): `details` nu mai poarta clasa `language-switch`. Cu ea, pe
   hero-ul inchis al Home, `.home-page .header .language-switch{background:#14232dbd}` (0,3,0)
   batea `background:none` de aici (0,2,0) si de sub pastila alba ieseau doua colturi intunecate
   fara raza. Acum invelisul e complet transparent in TOATE temele, iar `summary` poarta exact
   stilul butonului „Log in" al paginii curente (valorile sunt cele masurate pe `.header-login`:
   editorial.css pentru baza, pages.css pentru .inner-page, touch-perf.css pentru touch). */
.lang-menu {
  display: block; position: relative; flex-shrink: 0;
  padding: 0; border: 0; background: none; border-radius: 0; box-shadow: none;
}
.header .lang-menu > summary {
  display: flex; align-items: center; gap: 6px;
  min-height: 44px; padding: 11px 13px;
  border: 1px solid #c1c2ba; border-radius: 999px; background: transparent;
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  box-shadow: none; color: var(--ink); font-size: 14px; font-weight: 560; cursor: pointer;
  list-style: none;
}
.inner-page .header .lang-menu > summary { border-color: #e9e1d6; }
.header .lang-menu > summary .ui-icon { width: 16px; height: 16px; }
.lang-menu > summary::-webkit-details-marker { display: none; }
.header .lang-menu > summary:hover { background: #ffffffa6; }
.lang-menu > summary .lang-code { letter-spacing: .03em; }
.lang-menu .lang-caret { transition: transform .15s ease; }
.lang-menu[open] .lang-caret { transform: rotate(180deg); }
/* la fel ca `.header-login` pe touch: fara blur, acelasi alb dar mai opac (touch-perf.css) */
@media (hover: none) and (pointer: coarse) {
  .header .lang-menu > summary {
    -webkit-backdrop-filter: none; backdrop-filter: none; background: rgba(255, 255, 255, .9);
  }
}
@media (max-width: 600px) { .header .lang-menu > summary { padding: 9px 11px; font-size: 13px; } }
.lang-menu .lang-list {
  position: absolute; top: calc(100% + 6px); right: 0; z-index: 60;
  min-width: 184px; margin: 0; padding: 6px; list-style: none;
  border: 1px solid #d4dce0; border-radius: 18px; background: #fff;
  box-shadow: 0 14px 34px rgba(23, 56, 73, .18);
}
.header .lang-menu .lang-list a {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  min-height: 44px; padding: 8px 10px; border-radius: 12px;
  color: #294658; font-size: 15px; font-weight: 500; text-decoration: none;
}
.header .lang-menu .lang-list a:hover { background: #e4edf2; color: #294658; }
.header .lang-menu .lang-list a[aria-current=page] { background: #173849; color: #fff; }
.lang-menu .lang-list .lang-code {
  font-size: 12px; font-weight: 650; letter-spacing: .03em; opacity: .7;
}
@media (prefers-reduced-motion: reduce) {
  .lang-menu .lang-caret { transition: none; }
}

/* Header controls: small, deliberate feedback; no movement follows the pointer or scroll. */
.header .header-login,
.header .lang-menu > summary {
  transition:
    transform 220ms var(--dropdown-ease),
    background-color 180ms ease,
    border-color 180ms ease;
}
.header .header-login .ui-icon,
.header .lang-menu > summary > .ui-icon {
  transition: transform 260ms var(--dropdown-ease);
}
.header .lang-menu .lang-caret { transition: transform 250ms var(--dropdown-ease); }
.header .lang-menu.is-closing .lang-caret { transform: rotate(0); }
.header .lang-menu[open]:not(.is-closing) > summary > .ui-icon { transform: rotate(12deg); }
.header .lang-menu.is-closing > summary > .ui-icon { transform: rotate(0); }
@media (hover: hover) and (pointer: fine) {
  .header .header-login:hover,
  .header .lang-menu > summary:hover {
    transform: translateY(-2px);
    background-color: #f3eee5;
    border-color: #a58866;
  }
  .header .header-login:hover .ui-icon { transform: translate(2px, -2px); }
  .header .lang-menu:not([open]) > summary:hover > .ui-icon { transform: rotate(-12deg); }
}
.header .header-login:active,
.header .lang-menu > summary:active { transform: translateY(0) scale(.97); }
@media (prefers-reduced-motion: reduce) {
  .header .header-login,
  .header .lang-menu > summary,
  .header .header-login .ui-icon,
  .header .lang-menu > summary > .ui-icon,
  .header .lang-menu .lang-caret {
    transition: none !important;
    transform: none !important;
  }
}

/* The accepted film fills the opening scene; contrast stays behind the copy. */
.home-page .hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:640px;padding:56px 5.2% 64px;gap:0;overflow:hidden;background:#172725}
.home-page .hero-visual{position:absolute;inset:0;z-index:auto;width:100%;height:100%;min-width:0;align-self:auto}
.home-page .hero-media{position:absolute;inset:0;z-index:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0;background:#172725}
.home-page .hero-media video{width:100%;height:100%;object-fit:cover;object-position:64% center;filter:none;opacity:1}
.home-page .hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(15,27,26,.95) 0%,rgba(15,27,26,.87) 25%,rgba(15,27,26,.65) 43%,rgba(15,27,26,.18) 59%,transparent 72%)}
.home-page .hero-copy{position:relative;z-index:2;display:block;flex:0 0 46%;max-width:650px;min-width:0;padding:0;margin:0}
.home-page .hero .eyebrow{max-width:460px;margin:0 0 21px;color:#dbceb7;font-size:14px;line-height:1.6;font-weight:500;letter-spacing:0}
.home-page .hero-copy h1{font-size:clamp(44px,4.5vw,68px);font-weight:640;line-height:1.04;letter-spacing:-2.3px;color:#fff;max-width:650px;margin:0;text-wrap:balance}
.home-page .hero-description{max-width:490px;font-size:17px;line-height:1.7;color:#f0f3ef;margin:25px 0 0}
.home-page .hero-actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px;margin-top:29px}
.home-page .hero-actions .button{min-height:49px;padding:14px 18px;font-size:14px;text-decoration:none;text-align:center}
.home-page .hero-actions .button.primary{background:#ecf3ed;border-color:#ecf3ed;color:#163e43}
.home-page .hero-actions .button.primary:hover{background:#d4e6de;border-color:#d4e6de;color:#123138}
.home-page .hero-actions .button.secondary{background:#142724b8;border:1px solid #e2e8dfb3;color:#fff}
.home-page .hero-actions .button.secondary:hover{background:#193e3b;border-color:#fff}
.home-page .hero-actions .button:focus-visible{outline-color:#fff}
.home-page .source-strip{margin:0;padding:21px 5.2%;border-top:0;border-bottom:1px solid var(--line);background:var(--paper)}
@media(min-width:1700px){.home-page .hero{min-height:710px;padding-top:70px;padding-bottom:78px}.home-page .hero-copy{flex-basis:43%}}
@media(min-width:901px) and (max-width:1200px){.home-page .hero{min-height:610px;padding-top:44px;padding-bottom:60px}.home-page .hero-copy{flex-basis:49%}.home-page .hero-copy h1{font-size:48px;letter-spacing:-1.6px}.home-page .hero-description{font-size:16px;max-width:410px}.home-page .hero::after{background:linear-gradient(90deg,rgba(15,27,26,.96),rgba(15,27,26,.88) 28%,rgba(15,27,26,.68) 46%,rgba(15,27,26,.16) 66%,transparent 78%)}}
/* A wide source cannot fill a tall phone without losing the truck: lead with the film. */
@media(max-width:900px){
 .home-page .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:0;overflow:hidden;background:#172725}
 .home-page .hero::after{display:none}
 .home-page .hero-visual{order:-1;position:relative;inset:auto;width:100%;height:auto;aspect-ratio:2.335456/1;flex:none}
 .home-page .hero-media{position:absolute;inset:0;aspect-ratio:auto}
 .home-page .hero-media video{object-fit:contain;object-position:center}
 .home-page .hero-copy{flex:auto;width:100%;max-width:none;padding:32px 6% 38px}
 .home-page .hero .eyebrow{max-width:none;margin-bottom:18px;font-size:14px}
 .home-page .hero-copy h1{max-width:720px;font-size:clamp(40px,5.8vw,54px);line-height:1.08;letter-spacing:-1.6px;text-wrap:initial}
 .home-page .hero-description{max-width:660px;font-size:16px;margin-top:22px;line-height:1.7}
 .home-page .hero-actions{margin-top:25px;gap:12px}
 .home-page .source-strip{padding:22px 6%}
}
@media(max-width:600px){
 .home-page .hero-visual{aspect-ratio:1.7/1}
 .home-page .hero-media video{object-fit:cover;object-position:94% center}
 .home-page .hero-copy{padding:27px 6% 32px}
 .home-page .hero-copy h1{font-size:clamp(35px,9.5vw,49px);line-height:1.09;letter-spacing:-1.35px}
 .home-page .hero .eyebrow{font-size:13px;line-height:1.6;margin-bottom:17px}
 .home-page .hero-description{font-size:16px;line-height:1.65;margin-top:20px}
 .home-page .hero-actions .button{font-size:14px;padding:13px 15px;min-height:47px}
}
@media(max-width:359px){.home-page .hero-actions{align-items:stretch;flex-direction:column}.home-page .hero-actions .button{width:100%}.home-page .hero-copy h1{font-size:34px}}
.home-page .hero-actions .button.secondary{text-decoration:none;padding:14px 18px}
@media(min-width:901px){:lang(ru) .home-page .hero-copy h1{font-size:clamp(44px,4.05vw,62px)}}
.hero-description-compact{display:none}
/* Mobile: navigation, message and moving truck share a single portrait scene. */
@media(max-width:600px){
 .home-page .header{position:absolute;inset:0 0 auto;z-index:10;background:transparent;border-bottom:0;height:76px;padding:0 6%}
 .home-page .header .brand>span:not(.dn-logo){color:#fff;font-size:21px}
 .home-page .header .dn-logo{background:transparent;border-radius:0;box-shadow:none}
 /* ADDENDUM SITE11b §E: pe hero-ul inchis, selectorul poarta aceeasi sticla ca „Log in" si ca
    burgerul de langa el — nu o pastila alba grea pe albastru. Invelisul `details` ramane curat. */
 .home-page .header .lang-menu>summary{background:#15283080;border-color:#d9e4e157;color:#fff}.home-page .header .header-login{background:#15283080;border-color:#d9e4e157;color:#fff}
 .home-page .header .menu-toggle{background:#15283080;border:1px solid #d9e4e157;color:white;border-radius:5px;min-height:42px}
 .home-page .header .menu-toggle span{background:white}
 .home-page .header #mobile-nav{background:#f9faf6;border-color:#c9d5ce;color:#173b40}
 .home-page .header .brand:focus-visible,.home-page .header .lang-menu>summary:focus-visible,.home-page .header .lang-menu a:focus-visible,.home-page .header .menu-toggle:focus-visible{outline-color:white}
 .home-page .hero{position:relative;display:block;isolation:isolate;min-height:0;padding:117px 6% 140px;background:#15272d;overflow:hidden}
 .home-page .hero::before{content:"";position:absolute;inset:0 0 auto;height:70%;z-index:0;pointer-events:none;background-image:linear-gradient(180deg,#15272da8 0%,#15272dbd 50%,#15272d 100%),var(--hero-poster);background-size:100% 100%,auto 360%;background-position:center,56% top;background-repeat:no-repeat}
 .home-page .hero::after{display:block;background:linear-gradient(90deg,#101f286b 0%,#101f284d 45%,transparent 78%)}
 .home-page .hero-visual{position:absolute;inset:0;z-index:auto;width:100%;height:100%;aspect-ratio:auto;order:0}
 .home-page .hero-media{position:absolute;inset:auto 0 0;height:clamp(280px,80vw,390px);width:100%;background:#15272d;overflow:hidden;aspect-ratio:auto}
 .home-page .hero-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#15272d 0%,#15272d8c 15%,#15272d00 40%)}
 .home-page .hero-media video{width:100%;height:100%;object-fit:cover;object-position:67% center}
 .home-page .hero-copy{position:relative;z-index:2;display:block;width:100%;max-width:none;min-width:0;padding:0;flex:none}
 .home-page .hero .eyebrow{max-width:265px;color:#e1ded0;font-size:12px;line-height:1.6;letter-spacing:.15px;margin:0 0 19px}
 .home-page .hero-copy h1{max-width:330px;font-size:clamp(34px,10vw,43px);line-height:1.05;letter-spacing:-1.45px;font-weight:650;text-wrap:initial;color:white}
 .home-page .hero-description{max-width:245px;font-size:16px;line-height:1.55;color:#f2f5f2;margin-top:23px}
 .home-page .hero-description-full{display:none}
 .home-page .hero-description-compact{display:inline}
 .home-page .hero-actions{display:flex;align-items:stretch;flex-direction:column;width:min(245px,72%);gap:10px;margin-top:25px}
 .home-page .hero-actions .button,.home-page .hero-actions .button.secondary{width:100%;min-height:47px;padding:12px 13px;font-size:14px;line-height:1.45;border-radius:4px}
 .home-page .hero-actions .button.secondary{background:#162b34c7;border-color:#f1f3e6b3}
 :lang(ru) .home-page .hero-copy h1{font-size:clamp(32px,9.2vw,39px)}
}
@media(max-width:359px){
 .home-page .header{padding:0 4%;gap:6px}
 .home-page .header .brand>span:not(.dn-logo){font-size:18px}
 .home-page .hero{padding-top:113px}
 .home-page .hero-copy h1{font-size:34px;letter-spacing:-1.1px}
 .home-page .hero-description{max-width:230px}
 .home-page .hero-actions{width:min(230px,79%)}
 .home-page .hero-media video{object-position:72% center}
}
@media(max-width:600px){
 .home-page .hero::before{background-image:linear-gradient(180deg,#15272d66 0%,#15272d8f 55%,#15272d 100%),var(--hero-poster);background-size:100% 100%,auto 225%;background-position:center,40% top}
 .home-page .hero-media{-webkit-mask-image:linear-gradient(180deg,transparent,#000 38%,#000);mask-image:linear-gradient(180deg,transparent,#000 38%,#000)}
 .home-page .hero-media::after{display:none}
}

@media(max-width:600px){.home-page .hero-actions .button,.home-page .header .menu-toggle,.home-page .header .lang-menu>summary{-webkit-backdrop-filter:none;backdrop-filter:none}}

/* Fable 7 oct: fundalul ramane fundal. Daca iOS (Low Power Mode) blocheaza autoplay, se vede posterul, fara butoane de player. */
#hero-video { pointer-events: none; }
#hero-video::-webkit-media-controls,
#hero-video::-webkit-media-controls-start-playback-button,
#hero-video::-webkit-media-controls-overlay-play-button { display: none !important; -webkit-appearance: none; }

/* transitions-dev panel reveal; the existing global tokens are shared with menus. */
.t-panel-slide {
  transform: translateY(var(--panel-translate-y));
  opacity: 0;
  filter: blur(var(--panel-blur));
  pointer-events: none;
  transition:
    transform var(--panel-close-dur) var(--panel-ease),
    opacity   var(--panel-close-dur) var(--panel-ease),
    filter    var(--panel-close-dur) var(--panel-ease);
  will-change: transform, opacity, filter;
}
.t-panel-slide[data-open="true"] {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
  pointer-events: auto;
  transition:
    transform var(--panel-open-dur) var(--panel-ease),
    opacity   var(--panel-open-dur) var(--panel-ease),
    filter    var(--panel-open-dur) var(--panel-ease);
}

@media (prefers-reduced-motion: reduce) {
  .t-panel-slide { transition: none !important; }
}

/* Applied only by JS to content below the first viewport. */
.dn-scroll-reveal {
  --panel-open-dur: 650ms;
  --panel-translate-y: 18px;
  --panel-blur: 0px;
}
.dn-scroll-reveal[data-open="false"] { transition: none; }
.dn-scroll-reveal[data-open="true"] { transition-delay: var(--reveal-delay, 0ms); }
@media(max-width:600px) {
  .dn-scroll-reveal { --panel-open-dur: 520ms; --panel-translate-y: 14px; }
}
@media(prefers-reduced-motion:reduce) {
  .dn-scroll-reveal { opacity:1; transform:none; filter:none; pointer-events:auto; }
}
@media print {
  .dn-scroll-reveal { opacity:1!important; transform:none!important; filter:none!important; }
}

/* Small navigation and link cues; tap targets stay in place. */
.desktop-nav a { position:relative; }
.desktop-nav a::after {
  content:""; position:absolute; left:10px; right:10px; bottom:4px;
  height:2px; background:currentColor; transform:scaleX(0); transform-origin:left;
  transition:transform 240ms var(--ease);
}
.desktop-nav a[aria-current="page"]::after,
.desktop-nav a:focus-visible::after { transform:scaleX(1); }
.route-card-link .ui-icon { transition:transform 240ms var(--ease); }
.route-card-grid>a:focus-visible .route-card-link .ui-icon { transform:translateX(4px); }
@media(hover:hover) and (pointer:fine) {
  .desktop-nav a:hover::after { transform:scaleX(1); }
  .route-card-grid>a:hover .route-card-link .ui-icon { transform:translateX(4px); }
}
@media(prefers-reduced-motion:reduce) {
  .desktop-nav a::after,.route-card-link .ui-icon { transition:none; }
  .route-card-grid>a:is(:hover,:focus-visible) .route-card-link .ui-icon { transform:none; }
}

/* Two equal groups form one continuous source row, with no empty gap at the repeat. */
.home-page .source-strip {
  display:grid; grid-template-columns:max-content minmax(0,1fr);
  align-items:center; gap:22px; padding-top:18px; padding-bottom:18px;
}
.source-strip .source-intro { grid-column:1; }
.source-marquee {
  grid-column:2; min-width:0; overflow-x:auto; scrollbar-width:thin;
}
.source-track { display:flex; width:max-content; }
.source-track .source-names {
  display:flex; flex:0 0 640px; width:640px; flex-wrap:nowrap;
  align-items:center; justify-content:space-around; gap:44px;
  padding:6px 22px; margin:0;
}
.source-track .source-names>.source-brand {
  display:flex; flex:none; align-items:center; gap:10px; padding:0;
  font-size:18px; white-space:nowrap;
}
.source-track .platform-logo { width:28px; height:28px; }
.source-track .platform-logo.bazar-wordmark { width:105px; height:auto; max-height:28px; }
.source-marquee.is-ready {
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent);
  mask-image:linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent);
}
.source-marquee.is-ready .source-track {
  width:max(200%,1280px);
  animation:source-travel 26s linear infinite;
  animation-play-state:paused;
}
.source-marquee.is-ready .source-names { flex:0 0 50%; width:50%; }
.source-marquee[data-running="true"] .source-track { animation-play-state:running; will-change:transform; }
@keyframes source-travel { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@media(max-width:900px) {
  .home-page .source-strip { grid-template-columns:minmax(0,1fr); gap:8px; padding-top:12px; padding-bottom:14px; }
  .source-strip .source-intro { grid-row:1; }
  .source-marquee { grid-column:1/-1; grid-row:2; }
}
@media(prefers-reduced-motion:reduce) {
  .source-marquee,.source-marquee.is-ready { overflow:visible; mask-image:none; -webkit-mask-image:none; }
  .source-marquee .source-track,.source-marquee.is-ready .source-track { width:100%; animation:none; transform:none; }
  .source-marquee .source-track .source-names { flex:0 0 100%; width:100%; flex-wrap:wrap; justify-content:flex-start; gap:20px 30px; padding:6px 0; }
  .source-track .source-copy { display:none!important; }
}
@media print {
  .source-marquee.is-ready { overflow:visible; mask-image:none; -webkit-mask-image:none; }
  .source-marquee.is-ready .source-track { width:100%; animation:none; transform:none; }
  .source-marquee.is-ready .source-names { flex:0 0 100%; width:100%; flex-wrap:wrap; }
  .source-track .source-copy { display:none!important; }
}

/* Market reference: navy text, teal comparisons, gold actions, light surfaces. */
.market-page{--ink:#102543;--muted:#536982;--paper:#f5f8fc;--line:#dce5ed;--teal:#087780;background:#f5f8fc;color:var(--ink)}
.market-page .header{background:#fff;border-color:#e3e9ef}
.market-page .header .desktop-nav a[aria-current=page]{color:#086e7b;background:#e8f2f4}
.market-opening{padding-top:22px;padding-bottom:30px}
.market-opening>.breadcrumbs{margin:0 0 18px;color:#5b7087}
.market-page .breadcrumbs a{color:#426078}
.inner-page.market-page .market-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:302px;padding:0;overflow:hidden;border:1px solid #dce6ee;border-radius:17px;background:#fff;box-shadow:0 10px 30px -20px #23446538}
.market-hero-copy{position:relative;z-index:1;min-width:0;padding:32px 34px}
.market-page .market-hero .eyebrow{margin:0 0 12px;color:#087784;font-size:13px;line-height:1.5;font-weight:650}
.market-page .market-hero h1{margin:0 0 14px;color:#102543;font-size:clamp(34px,3.1vw,46px);line-height:1.12;letter-spacing:-1.5px}
.market-page .market-hero .page-lead{font-size:16px;line-height:1.7;color:#405c76;margin:0;max-width:550px}
.market-page .market-hero .page-actions{margin-top:22px;gap:10px;flex-wrap:wrap}
.market-hero-art{position:relative;min-width:0;overflow:hidden;border-left:1px solid #e0e8ef}
.market-hero-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:82% center;opacity:1;filter:none;mix-blend-mode:normal}
.market-hero-art:after{content:none;display:none}
.market-page .button{min-height:44px;border-radius:9px;font-size:14px;padding:11px 17px;line-height:1.5}
.market-page .button.primary{background:linear-gradient(180deg,#94702f,#806124);border:1px solid #a88741;color:#fff;box-shadow:0 4px 12px #97763124}
.market-page .button.primary:hover{background:#876729;border-color:#876729}
.market-page .button.secondary{background:#fff;border-color:#c8d5e2;color:#102543}
.market-page .button.secondary:hover{background:#eef5f9}
.market-page .button:focus-visible,.market-section-nav a:focus-visible{outline:3px solid #087780;outline-offset:3px}
.market-section-nav{display:flex;flex-wrap:wrap;gap:9px;padding-top:15px}
.market-section-nav a{font-size:14px;line-height:1.5;padding:9px 15px;border-radius:9px;background:#fff;border:1px solid #dce5ed;color:#426078}
.market-section-nav a:hover{color:#086e7b;background:#e8f4f4;border-color:#badbdc}
.market-page .market-section-heading{max-width:830px;margin-bottom:22px}
.market-page .market-section-heading .eyebrow{color:#087784;font-size:13px;letter-spacing:.01em;font-weight:650}
.market-page .market-section-heading h2{font-size:clamp(28px,2.5vw,37px);line-height:1.2;letter-spacing:-1px;color:#102543;margin:10px 0 14px}
.market-page .market-section-heading>p:not(.eyebrow){font-size:16px;line-height:1.75;color:#536982;margin-bottom:0}
.market-page .market-offers{padding-top:10px;padding-bottom:40px}
.market-page .market-capture{margin:23px 0;max-width:none;border:1px solid #dce5ed;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 8px 24px -16px #2e496547}
.market-page .market-capture figcaption{padding:12px 17px;border-top:1px solid #e2e9ef;background:#fff;color:#5c7086;font-size:12px;line-height:1.6}
.market-page .market-capture .capture-open{color:#087784}
.market-page .market-capture button:focus-visible{outline:3px solid #087780;outline-offset:-3px}
.market-page .offer-detail-list,.market-page .pay-unit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:23px 0 0}
.market-page .offer-detail-list article,.market-page .pay-unit-grid article{padding:24px;border:1px solid #dfe7ef;border-radius:13px;background:#fff;box-shadow:0 6px 20px -14px #23446533}
.market-page .offer-detail-list h3,.market-page .pay-unit-grid h3{color:#102543;font-size:19px;line-height:1.4;letter-spacing:-.3px;margin:0 0 11px}
.market-page .offer-detail-list p,.market-page .pay-unit-grid p{color:#536982;font-size:15px;line-height:1.75;margin:0}
.market-page .pay-benchmarks{background:#edf4f9;border-block:1px solid #dde7ef;padding-top:38px;padding-bottom:40px}
.market-compare-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}
/* ADDENDUM SITE11b §10: unitatea nu mai e pastila colorata, ci o eticheta mica sub titlu. */
.market-page .pay-unit{display:block;margin:-6px 0 10px;padding:0;min-height:0;background:none;border-radius:0;color:#76889b;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:0}
.market-page .benchmark-caption{max-width:none;margin-top:23px;padding:18px 22px;background:#fff;border:1px solid #dbe5ed;border-radius:12px}
.market-page .benchmark-caption strong{color:#284b67;font-size:14px}
.market-page .benchmark-caption p{color:#536982;font-size:14px;line-height:1.75;margin:7px 0 0}
.market-page .market-demand{background:#f5f8fc;padding-top:39px;padding-bottom:41px}
.market-page .market-demand-rows{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.market-page .market-demand-rows article{padding:24px;border:1px solid #dfe7ef;border-radius:13px;background:#fff}
.market-page .market-demand-rows h3{color:#102543;font-size:22px;line-height:1.35;letter-spacing:-.4px}
.market-page .market-demand-rows p{color:#536982;font-size:16px;line-height:1.75}
.market-page .market-method{padding-top:36px;padding-bottom:40px;gap:48px;border-top:1px solid #e0e7ee}
.market-page .market-method .eyebrow{color:#087784;font-size:13px}
.market-page .market-method h2{color:#102543;font-size:32px;line-height:1.2}
.market-page .market-method-list{padding:4px 23px;border:1px solid #dce5ed;border-radius:13px;background:#fff}
.market-page .market-method-list details{border-color:#e0e8ef}
.market-page .market-method-list details:first-child{border-top:0}
.market-page .market-method summary{color:#284b67}
.market-page .market-method details p{color:#536982}
.market-page .page-cta>div{border-radius:15px;background:#e5f1f3;border:1px solid #c9dfe4}
.market-page .page-cta h2{color:#102543}.market-page .page-cta .eyebrow{color:#087784}.market-page .page-cta p:not(.eyebrow){color:#48657a}
.market-page .page-cta .button.primary{background:linear-gradient(180deg,#94702f,#806124);color:#fff;border-color:#a88741}
@media(max-width:1100px){.market-hero-copy{padding:28px}.market-page .market-hero h1{font-size:37px}.market-page .market-hero .button{font-size:13px;padding:10px 12px}.market-page .offer-detail-list article,.market-page .pay-unit-grid article{padding:21px}}
@media(max-width:850px){
 .market-opening{padding-top:18px;padding-bottom:24px}
 .inner-page.market-page .market-hero{grid-template-columns:1fr;min-height:0;background:#fff}
 .market-hero-art{display:none}
 .market-hero-copy{padding:26px}
 .market-page .market-hero h1{font-size:36px}
 .market-page .market-hero .page-actions{margin-top:20px}
 .market-page .offer-detail-list,.market-page .pay-unit-grid{grid-template-columns:1fr}
 .market-page .market-method{gap:25px}
}
@media(max-width:600px){
 .market-page .market-hero h1{font-size:33px;letter-spacing:-1px}.market-hero-copy{padding:23px}
 .market-page .market-hero .page-lead{font-size:16px;line-height:1.65}
 .market-page .market-hero .button,.market-compare-actions .button{flex:1 1 190px;text-align:center;justify-content:center;white-space:normal}
 .market-section-nav{gap:7px;padding-top:12px}.market-section-nav a{font-size:13px;padding:8px 11px}
 .market-page .market-section-heading h2,.market-page .market-method h2{font-size:29px}
 .market-page .market-capture{margin:20px 0;border-radius:12px}.market-page .market-capture img{max-height:620px;object-position:top}
 .market-page .market-offers{padding-top:8px;padding-bottom:30px}
 .market-page .market-demand,.market-page .market-method,.market-page .pay-benchmarks{padding-top:30px;padding-bottom:32px}
 .market-page .market-demand-rows{grid-template-columns:1fr}
 .market-page .market-demand-rows article{padding:21px}.market-page .market-method-list{padding-inline:19px}
}
@media(max-width:360px){.market-hero-copy{padding:20px}.market-page .market-hero h1{font-size:30px}.market-section-nav a{font-size:12px;padding:8px 9px}}

/* ─────────── ADDENDUM SITE11b §10 (6 octombrie 2026): placutele de pe /market/ ───────────
   Pastilele „$/mile" si cercurile pastel cu iconite Lucide erau singurele de felul lor pe site.
   Acum cele 6 carduri vorbesc limbajul APROBAT al drumului de pe Home (`rd-tile`, SITE6C):
   squircle moale, iconita subtire desenata la intrare, un singur accent.
   Keyframe-urile (rdArrive/rdDraw/rdPop/rdGrow/rdRing) sunt cele din road.css, care intra in
   acelasi bundle `site.css` pe toate paginile — aici stau doar placuta si declansatorul ei.
   Aprinderea o face road.js (blocul `.mk-tile`), o singura data, la intrarea in ecran. */
.mk-tile{--rt:#2b6b70;width:72px;height:72px;margin:0 0 16px;border-radius:22px;background:linear-gradient(145deg,#fff,#eef3f2);border:1px solid #e3e9e8;box-shadow:0 12px 22px -14px #0f273373,inset 0 1px 0 #fff;display:grid;place-items:center;opacity:0;transform:translateY(12px) scale(.94)}
.mk-tile svg{width:44px;height:44px;overflow:visible;fill:none;stroke:#14303a;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.mk-tile .accent{stroke:var(--rt)}
.mk-tile .fill{fill:var(--rt);stroke:none}
.mk-tile .draw{stroke-dasharray:1;stroke-dashoffset:1}
.mk-tile .pop,.mk-tile .bar,.mk-tile .ring{transform-box:fill-box}
.mk-tile .pop{transform-origin:center;transform:scale(0);opacity:0}
.mk-tile .ring{transform-origin:center}
.mk-tile .bar{transform-origin:bottom;transform:scaleY(0)}
.mk-tile.in{animation:rdArrive .7s cubic-bezier(.34,1.56,.64,1) forwards}
.mk-tile.in .draw{animation:rdDraw .9s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(var(--d,0) * 1s)}
.mk-tile.in .pop{animation:rdPop .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(var(--d,0) * 1s)}
.mk-tile.in .bar{animation:rdGrow .8s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--d,0) * 1s)}
/* cercul e si traseu desenat, si element care respira: fara regula asta `ring` ar inlocui `draw` */
.mk-tile.in .draw.ring{animation:rdDraw .9s cubic-bezier(.4,0,.2,1) forwards,rdRing 2.4s ease-in-out 1.6s infinite;animation-delay:calc(var(--d,0) * 1s),1.6s}
@media(min-width:1024px){.mk-tile{width:96px;height:96px;border-radius:28px}.mk-tile svg{width:58px;height:58px}}
@media(prefers-reduced-motion:reduce){
 .mk-tile{opacity:1;transform:none}
 .mk-tile .draw{stroke-dashoffset:0}
 .mk-tile .pop,.mk-tile .bar{transform:none;opacity:1}
 .mk-tile,.mk-tile.in,.mk-tile.in .draw,.mk-tile.in .pop,.mk-tile.in .bar,.mk-tile.in .draw.ring{animation:none!important}
}

/* Keep the evidence compact and the product preview aligned with the introduction. */
.home-page .market-teaser {
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.25fr);
  grid-template-areas: "copy proof" "copy actions";
  grid-template-rows: auto 1fr;
  column-gap: clamp(28px, 3.8vw, 62px);
  row-gap: 16px;
  align-items: start;
  padding-top: 44px;
  padding-bottom: 44px;
  background: #f0f6fb;
  border-top: 1px solid #e0e9f1;
  border-bottom: 1px solid #e0e9f1;
  scroll-margin-top: 100px;
}
.market-teaser .market-teaser-copy { grid-area: copy; min-width: 0; }
.market-teaser .market-teaser-copy > .eyebrow { margin: 0 0 10px; color: #42748b; font-size: 12px; line-height: 1.6; letter-spacing: .1em; font-weight: 650; text-transform: uppercase; }
.market-teaser #market-teaser-title { margin: 0 0 14px; max-width: 15ch; font-size: clamp(36px, 3.2vw, 44px); line-height: 1.08; letter-spacing: -.045em; font-weight: 700; color: #1c2942; }
.market-teaser .market-teaser-copy > .market-explainer-lead { margin: 0; max-width: 43ch; color: #52647c; font-size: 15px; line-height: 1.65; }
.market-teaser .market-feature-links { display: grid; gap: 8px; list-style: none; margin: 18px 0 0; padding: 0; }
.market-teaser .market-feature-links li { margin: 0; padding: 0; min-width: 0; }
.market-teaser .market-feature-link { display: block; min-height: 0; padding: 12px 16px; background: #fff; border: 1px solid #e0e8f2; border-radius: 13px; color: #1c2942; text-decoration: none; box-shadow: 0 4px 16px #36516e08; }
.market-teaser .market-feature-link:hover { background: #fbfdff; border-color: #8aabbc; box-shadow: 0 5px 18px #36516e12; }
.market-teaser .market-feature-link:focus-visible, .market-teaser .market-teaser-actions .button:focus-visible { outline: 3px solid #285e68; outline-offset: 4px; }
.market-teaser .market-feature-chevron { display: flex; align-items: center; color: #60718a; }
.market-teaser .market-feature-chevron svg { width: 15px; height: 15px; }
.market-teaser .market-feature-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.market-teaser .market-feature-heading h3 { margin: 0; color: #1c2942; font-size: 14px; font-weight: 650; line-height: 1.4; letter-spacing: -.015em; }
.market-teaser .market-offer-terms { display: flex; flex-wrap: wrap; align-items: baseline; gap: 7px 17px; }
.market-teaser .market-offer-pay { color: #285e68; font-size: 21px; line-height: 1.2; letter-spacing: -.025em; font-weight: 650; font-variant-numeric: tabular-nums; }
.market-teaser .market-offer-equipment { color: #3c5064; font-size: 12px; font-weight: 550; }
.market-teaser .market-offer-details { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 7px; color: #3c5064; font-size: 12px; line-height: 1.5; }
.market-teaser .market-example-context { margin: 8px 0 0; color: #52647c; font-size: 11px; line-height: 1.55; }
.market-teaser .market-pay-preview { min-width: 0; }
.market-teaser .market-pay-row { display: grid; grid-template-columns: minmax(108px, 1.65fr) minmax(40px, 1fr) 35px; align-items: center; gap: 12px; }
.market-teaser .market-pay-row + .market-pay-row { margin-top: 8px; }
.market-teaser .market-pay-label { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; }
.market-teaser .market-pay-label > span { color: #3c5064; font-size: 12px; font-weight: 550; line-height: 1.4; }
.market-teaser .market-pay-sample { display: block; margin: 0; color: #52647c; font-size: 11px; line-height: 1.4; }
.market-teaser .market-pay-value { text-align: right; color: #1c2942; font-size: 16px; font-weight: 650; font-variant-numeric: tabular-nums; }
.market-teaser .market-pay-track { display: block; height: 7px; border-radius: 2px; background: #edf2f5; overflow: hidden; }
.market-teaser .market-pay-fill { display: block; height: 100%; border-radius: inherit; background: #285e68; }
.market-teaser .market-pay-row[data-side=offered] .market-pay-fill { background: #8c724c; }
.market-teaser .market-activity-rows { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.market-teaser .market-activity-row { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; padding: 0 0 0 12px; border-left: 1px solid #e0e8f2; }
.market-teaser .market-activity-row:first-child { padding-left: 0; border-left: 0; }

.market-teaser .market-activity-company { color: #3c5064; font-size: 12px; line-height: 1.5; }
.market-teaser .market-activity-count { color: #1c2942; font-size: 14px; line-height: 1.5; font-weight: 600; font-variant-numeric: tabular-nums; }
.market-teaser .market-teaser-copy > .market-evidence-note { color: #52647c; font-size: 11px; line-height: 1.6; margin: 10px 0 0; }
.market-teaser .market-teaser-proof { grid-area: proof; min-width: 0; width: 100%; max-width: none; }
.market-teaser .market-capture { border: 1px solid #dce6ef; border-radius: 15px; background: #fff; box-shadow: 0 16px 40px #25456b0d; }
.market-teaser .market-capture button { border: 0; border-radius: 0; }
.market-teaser .market-capture figcaption { padding: 11px 14px; color: #52647c; font-size: 10px; border-top: 1px solid #edf1f5; }
.market-teaser .market-capture .capture-open { color: #285e68; }
.market-teaser .market-teaser-actions { grid-area: actions; align-self: start; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 17px; min-width: 0; }
.market-teaser .market-teaser-actions .button.primary { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 13px 20px; min-height: 48px; border-radius: 8px; border: 1px solid #285e68; color: #fff; background: #285e68; box-shadow: none; font-size: 13px; white-space: normal; text-align: center; }
.market-teaser .market-teaser-actions .button.primary:hover { background: #204e58; border-color: #204e58; }
.market-teaser .market-teaser-actions .button svg { flex: none; width: 18px; height: 18px; }
.market-teaser .market-teaser-actions > p { margin: 0; font-size: 10px; line-height: 1.6; color: #52647c; }
#hiring-activity { scroll-margin-top: 100px; }
@media (min-width: 851px) and (max-width: 1100px) {
  .home-page .market-teaser { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); column-gap: 28px; padding-top: 45px; padding-bottom: 45px; }
  .market-teaser .market-feature-link { padding: 15px; }
}
@media (max-width: 850px) {
  .home-page .market-teaser { grid-template-columns: minmax(0, 1fr); grid-template-areas: "copy" "proof" "actions"; grid-template-rows: auto; gap: 20px; padding-top: 40px; padding-bottom: 40px; }
  .market-teaser #market-teaser-title { max-width: 18ch; font-size: 40px; }
  .market-teaser .market-teaser-copy > .market-explainer-lead { max-width: 54ch; }
  .market-teaser .market-feature-link { min-height: 0; }
  .market-teaser .market-teaser-actions { justify-content: center; }
}
@media (max-width: 600px) {
  .home-page .market-teaser { padding: 28px 20px; gap: 16px; }
  .market-teaser .market-teaser-copy > .eyebrow { font-size: 12px; margin-bottom: 12px; }
  .market-teaser #market-teaser-title { max-width: 16ch; font-size: 34px; line-height: 1.1; margin-bottom: 14px; }
  .market-teaser .market-teaser-copy > .market-explainer-lead { font-size: 14px; line-height: 1.6; }
  .market-teaser .market-feature-links { gap: 8px; margin-top: 16px; }
  .market-teaser .market-feature-link { min-height: 0; padding: 12px 14px; border-radius: 11px; }
  .market-teaser .market-feature-chevron svg { width: 12px; height: 12px; }
  .market-teaser .market-capture { border-radius: 11px; }
  .market-teaser .market-capture img { max-height: 350px; object-fit: cover; object-position: top; }
  .market-teaser .market-capture figcaption { font-size: 10px; padding: 9px 12px; }
  .market-teaser .market-teaser-actions { display: grid; justify-content: stretch; gap: 9px; text-align: center; }
  .market-teaser .market-teaser-actions .button.primary { width: 100%; font-size: 13px; min-height: 46px; }
}
@media (max-width: 400px) {
  .market-teaser .market-activity-rows { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .market-teaser .market-activity-row { flex-direction: row; justify-content: space-between; padding: 5px 0; border-left: 0; border-bottom: 1px solid #edf1f5; }
  .market-teaser .market-activity-row:first-child { padding-top: 0; }
  .market-teaser .market-activity-row:last-child { padding-bottom: 0; border-bottom: 0; }
}
@media (max-width: 350px) {
  .home-page .market-teaser { padding-inline: 16px; }
  .market-teaser #market-teaser-title { font-size: 30px; }
  .market-teaser .market-feature-link { padding: 12px; }
  .market-teaser .market-pay-row { grid-template-columns: minmax(106px, 1.15fr) minmax(20px, 1fr) 32px; gap: 8px; }
  .market-teaser .market-pay-value { font-size: 14px; }
}

.market-mobile-tabs { display: none; }
.market-teaser .market-feature-links > [hidden] { display: none; }
/* Phone layout: choose an example, then open the full product preview if needed. */
@media (max-width: 600px) {
  .home-page .market-teaser { padding-block: 24px; gap: 14px; }
  .market-teaser #market-teaser-title { max-width: 19ch; font-size: 29px; line-height: 1.12; margin-bottom: 10px; }
  .market-teaser .market-teaser-copy > .eyebrow { margin-bottom: 8px; }
  .market-teaser .market-teaser-copy > .market-explainer-lead { line-height: 1.5; }
  .market-teaser .market-mobile-tabs:not([hidden]) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; margin-top: 16px; padding: 3px; border: 1px solid #dce6ef; border-radius: 9px; background: #e8eff5; }
  .market-teaser .market-mobile-tabs button { min-width: 0; min-height: 44px; padding: 6px 4px; border: 0; border-radius: 6px; background: transparent; color: #3c5064; font-size: 12px; line-height: 1.4; font-weight: 550; overflow-wrap: anywhere; }
  .market-teaser .market-mobile-tabs button[aria-selected=true] { background: #fff; color: #204e58; box-shadow: 0 1px 4px #25456b14; }
  .market-teaser .market-mobile-tabs button:focus-visible { outline: 2px solid #285e68; outline-offset: 1px; }
  .market-teaser.market-is-compact .market-feature-links { margin-top: 8px; }
  .market-teaser .market-capture { display: grid; grid-template-columns: 112px minmax(0, 1fr); align-items: center; }
  .market-teaser .market-capture button { height: 90px; overflow: hidden; background: #f7f9fb; }
  .market-teaser .market-capture picture { height: 100%; }
  .market-teaser .market-capture img { height: 100%; max-height: none; object-fit: contain; object-position: center; }
  .market-teaser .market-capture figcaption { flex-direction: column; gap: 5px; padding: 10px; border-top: 0; border-left: 1px solid #edf1f5; }
  .market-teaser .market-capture .capture-open { white-space: normal; }
  .market-teaser .market-teaser-actions { gap: 0; }
  .market-teaser .market-teaser-actions > p { display: none; }
}

/* A clear, connected walkthrough, isolated from the rest of the website. */
.candidate-journey.journey-reference {
  --journey-ink: #172936;
  --journey-muted: #657079;
  --journey-petrol: #245d69;
  --journey-line: #e3e4db;
  padding-top: 62px;
  padding-bottom: 42px;
  border-top: 1px solid #ecebe3;
  background: #faf9f4;
  color: var(--journey-ink);
}
.candidate-journey.journey-reference [hidden] { display: none !important; }
.candidate-journey.journey-reference :is(button,a,textarea,select):focus-visible { outline: 2px solid var(--journey-petrol); outline-offset: 4px; }
.candidate-journey.journey-reference .journey-heading { display: block; max-width: 1100px; margin: 0 auto 32px; text-align: center; }
.candidate-journey.journey-reference .journey-heading h2 { margin: 0; color: var(--journey-ink); font-size: clamp(30px,3.2vw,46px); font-weight: 680; line-height: 1.18; letter-spacing: -.045em; }
.candidate-journey.journey-reference .journey-heading .eyebrow { margin: 0 0 12px; color: #79683f; font-size: 12px; font-weight: 550; letter-spacing: .02em; }
.candidate-journey.journey-reference .journey-heading > p { max-width: 940px; margin: 12px auto 0; padding: 0; color: var(--journey-muted); font-size: 18px; line-height: 1.6; }

.candidate-journey.journey-reference .journey-nav { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 22px; margin: 0 0 27px; border: 0; }
.candidate-journey.journey-reference .journey-nav button { display: flex; align-items: center; gap: 12px; position: relative; min-width: 0; min-height: 54px; padding: 5px 0; border: 0; border-radius: 8px; background: transparent; color: #56636c; font-size: 15px; font-weight: 450; line-height: 1.4; text-align: left; overflow-wrap: anywhere; }
.candidate-journey.journey-reference .journey-nav button > .journey-step-number { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; border: 1px solid #e9e8de; border-radius: 50%; background: #eeeee5; color: var(--journey-ink); font-size: 17px; font-weight: 600; font-variant-numeric: tabular-nums; }
.candidate-journey.journey-reference .journey-nav button > .journey-step-label { display: block; flex: 1 1 auto; min-width: 0; padding: 0; color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; }
.candidate-journey.journey-reference .journey-nav button::after { content: ''; position: absolute; top: 50%; right: -16px; bottom: auto; left: auto; width: 12px; height: 1px; background: #d7dfda; }
.candidate-journey.journey-reference .journey-nav button:last-child::after { content: none; }
.candidate-journey.journey-reference .journey-nav button[aria-selected=true] { background: transparent; color: #214f59; font-weight: 650; }
.candidate-journey.journey-reference .journey-nav button[aria-selected=true] > .journey-step-number { border-color: var(--journey-petrol); background: var(--journey-petrol); color: #fff; }
.candidate-journey.journey-reference .journey-nav button:hover { color: #164854; background: #f0f3ec; }

.candidate-journey.journey-reference .journey-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: stretch; gap: 24px; padding: 0; }
.candidate-journey.journey-reference :is(.source-document,.candidate-document) { position: relative; min-width: 0; min-height: 0; margin: 0; border: 1px solid var(--journey-line); border-radius: 13px; color: var(--journey-ink); box-shadow: 0 7px 22px #17293604; }
.candidate-journey.journey-reference .source-document { padding: 25px 29px 29px; background: #f7f6ee; }
.candidate-journey.journey-reference .candidate-document { padding: 25px 29px 29px; background: #fff; overflow: hidden; }
.candidate-journey.journey-reference :is(.source-document-top,.journey-card-heading) { display: flex; align-items: center; justify-content: flex-start; gap: 16px; min-height: 62px; margin: 0 0 20px; padding: 0 0 18px; border-bottom: 1px solid var(--journey-line); background: transparent; color: var(--journey-ink); }
.candidate-journey.journey-reference :is(.source-document-top,.journey-card-heading) > div { flex: 1; min-width: 0; }
.candidate-journey.journey-reference :is(.source-document-top,.journey-card-heading) h3 { margin: 0; color: var(--journey-ink); font-size: 21px; font-weight: 650; line-height: 1.35; letter-spacing: -.035em; }
.candidate-journey.journey-reference :is(.source-document-top,.journey-card-heading) p { margin: 4px 0 0; color: var(--journey-muted); font-size: 14px; font-weight: 400; line-height: 1.55; }
.candidate-journey.journey-reference .source-document-top img { display: block; flex: 0 0 42px; width: 42px; height: 42px; }
.candidate-journey.journey-reference .source-document-top > .journey-sample-badge { flex: none; align-self: flex-start; max-width: 90px; margin-top: 3px; padding: 4px 7px; border-radius: 5px; background: #eeeee4; color: #727367; font-size: 10px; font-weight: 450; line-height: 1.4; text-align: center; }
.candidate-journey.journey-reference .journey-meaning-icon { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 42px; color: #aa914f; }
.candidate-journey.journey-reference .journey-meaning-icon svg { display: block; width: 29px; height: 29px; }
.candidate-journey.journey-reference .journey-step-count { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.candidate-journey.journey-reference .source-person { display: flex; align-items: center; gap: 15px; margin: 0 0 22px; }
.candidate-journey.journey-reference .candidate-initials { display: grid; place-items: center; flex: 0 0 48px; width: 48px; height: 48px; border: 1px solid #dfddce; border-radius: 50%; background: #f1f0e7; color: var(--journey-ink); font-size: 17px; font-weight: 550; }
.candidate-journey.journey-reference .source-person h3 { margin: 0; color: var(--journey-ink); font-size: 18px; font-weight: 650; line-height: 1.4; letter-spacing: -.025em; }
.candidate-journey.journey-reference .source-person p { margin: 4px 0 0; color: var(--journey-muted); font-size: 14px; line-height: 1.5; }
.candidate-journey.journey-reference .source-quote-label { margin: 0 0 9px; color: #657079; font-size: 15px; font-weight: 500; line-height: 1.5; }
.candidate-journey.journey-reference .source-document blockquote { max-width: none; margin: 0; color: #26343d; font-size: 22px; font-weight: 400; line-height: 1.55; letter-spacing: -.025em; overflow-wrap: anywhere; }
.candidate-journey.journey-reference :is(.source-caption,.source-bottom) { display: none; }
.candidate-journey.journey-reference .source-disclosure { display: none; }

.candidate-journey.journey-reference .journey-panel { min-width: 0; min-height: 0; padding: 0; outline-offset: -2px; }
.candidate-journey.journey-reference .journey-panel h3 { margin: 0 0 15px; color: var(--journey-ink); font-size: 23px; font-weight: 620; line-height: 1.35; letter-spacing: -.035em; }
.candidate-journey.journey-reference .journey-panel-kicker { margin: 0 0 9px; color: #67787c; font-size: 13px; line-height: 1.6; }
.candidate-journey.journey-reference .journey-panel > p:not(.journey-panel-kicker):not(.journey-aside):not(.journey-translation):not(.saved-candidate-meta) { max-width: none; margin: 0 0 20px; color: #526570; font-size: 16px; line-height: 1.7; }
.candidate-journey.journey-reference .journey-meaning-list { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.candidate-journey.journey-reference .journey-meaning-list li { display: flex; align-items: flex-start; gap: 15px; min-width: 0; color: #2b414e; font-size: 17px; line-height: 1.55; }
.candidate-journey.journey-reference .journey-meaning-list li svg { display: block; flex: 0 0 23px; width: 23px; height: 23px; margin-top: 2px; color: var(--journey-petrol); }
.candidate-journey.journey-reference .journey-meaning-list li span { min-width: 0; overflow-wrap: anywhere; }
.candidate-journey.journey-reference .post-clues { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0; }
.candidate-journey.journey-reference .post-clues span { max-width: 100%; padding: 7px 12px; border: 0; border-radius: 12px; background: #eaf2ef; color: #315b62; font-size: 13px; font-weight: 450; line-height: 1.5; overflow-wrap: anywhere; }
.candidate-journey.journey-reference .journey-panel .button { min-height: 48px; max-width: 100%; padding: 12px 21px; border-radius: 8px; font-size: 15px; line-height: 1.5; gap: 28px; text-align: center; white-space: normal; }
.candidate-journey.journey-reference .journey-panel .button.primary { border-color: var(--journey-petrol); background: var(--journey-petrol); color: #fff; box-shadow: none; }
.candidate-journey.journey-reference .journey-panel .button.primary:hover { border-color: #194953; background: #194953; }
.candidate-journey.journey-reference .journey-aside { margin: 16px 0; color: #647780; font-size: 13px; line-height: 1.65; }
.candidate-journey.journey-reference .candidate-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 22px; margin: 0 0 13px; }
.candidate-journey.journey-reference .candidate-facts > div { min-width: 0; padding: 13px 0; border-top: 1px solid var(--journey-line); }
.candidate-journey.journey-reference .candidate-facts dt { margin: 0 0 4px; color: var(--journey-muted); font-size: 13px; line-height: 1.5; }
.candidate-journey.journey-reference .candidate-facts dd { margin: 0; color: #264955; font-size: 19px; font-weight: 550; line-height: 1.5; overflow-wrap: anywhere; }
.candidate-journey.journey-reference .candidate-facts .not-stated { color: #64737b; font-size: 16px; font-weight: 400; }
.candidate-journey.journey-reference :is(.journey-translation-toggle,.journey-next-link,.journey-restore,.journey-save-note,.journey-profile-view,.journey-confirm-rejection) { min-height: 44px; max-width: 100%; padding: 10px 0; background: transparent; color: var(--journey-petrol); font-size: 14px; line-height: 1.5; text-align: left; white-space: normal; }
.candidate-journey.journey-reference .journey-translation { margin: 0 0 18px; padding-left: 13px; border-left: 2px solid #b7a25c; color: #50646d; font-size: 15px; line-height: 1.7; }
.candidate-journey.journey-reference .journey-panel label { display: block; margin: 12px 0 8px; color: #455e6a; font-size: 14px; line-height: 1.5; }
.candidate-journey.journey-reference .journey-panel :is(textarea,select) { width: 100%; min-width: 0; min-height: 44px; padding: 11px 12px; border: 1px solid #cbd9dc; border-radius: 8px; background: #fff; color: #243d49; font: inherit; font-size: 15px; line-height: 1.65; box-shadow: none; }
.candidate-journey.journey-reference .journey-panel textarea { min-height: 95px; resize: vertical; }
.candidate-journey.journey-reference .journey-panel .journey-draft { min-height: 170px; }
.candidate-journey.journey-reference .journey-panel :is(textarea,select):focus { outline: 2px solid var(--journey-petrol); outline-offset: 2px; }
.candidate-journey.journey-reference .journey-message-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 22px; margin-top: 13px; }
.candidate-journey.journey-reference .journey-next-link { display: flex; align-items: center; gap: 20px; }
.candidate-journey.journey-reference .journey-save-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; }
.candidate-journey.journey-reference .journey-save-heading h3 { margin-bottom: 6px; }
.candidate-journey.journey-reference .journey-save { min-height: 44px; max-width: 100%; padding: 10px 14px; border: 1px solid var(--journey-petrol); border-radius: 8px; background: var(--journey-petrol); color: #fff; font-size: 14px; line-height: 1.5; white-space: normal; }
.candidate-journey.journey-reference .journey-save[aria-pressed=true] { border-color: #b8d3c9; background: #e8f3ed; color: #2e6555; }
.candidate-journey.journey-reference .saved-candidate-meta { margin: 0 0 16px; color: var(--journey-muted); font-size: 14px; line-height: 1.6; }
.candidate-journey.journey-reference .journey-status { max-width: 260px; }

.candidate-journey.journey-reference .journey-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px 24px; margin-top: 17px; padding: 0; border: 0; }
.candidate-journey.journey-reference .journey-feedback { max-width: 850px; margin: 0; color: #6f7775; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.candidate-journey.journey-reference .journey-reset { flex: none; min-height: 44px; padding: 10px 0; background: transparent; color: #60787b; font-size: 12px; line-height: 1.5; }
.candidate-journey.journey-reference .workspace-proof { display: grid; grid-template-columns: 175px minmax(0,1fr); align-items: center; gap: 23px; margin-top: 24px; padding: 19px 23px; border: 1px solid #e9e9e1; border-radius: 11px; background: #fff; }
.candidate-journey.journey-reference .workspace-proof picture { display: block; border: 1px solid #e1e6e5; border-radius: 6px; overflow: hidden; }
.candidate-journey.journey-reference .workspace-proof img { display: block; width: 100%; height: auto; }
.candidate-journey.journey-reference .workspace-proof .eyebrow { margin: 0 0 5px; color: #7c755c; font-size: 12px; font-weight: 500; line-height: 1.5; letter-spacing: 0; }
.candidate-journey.journey-reference .workspace-proof h3 { margin: 0 0 6px; color: #304a56; font-size: 19px; font-weight: 600; line-height: 1.4; letter-spacing: -.025em; }
.candidate-journey.journey-reference .workspace-proof p:not(.eyebrow) { max-width: 820px; margin: 0; color: #687980; font-size: 13px; line-height: 1.6; }
.candidate-journey.journey-reference .proof-actions { display: flex; flex-wrap: wrap; gap: 0 24px; margin-top: 6px; }
.candidate-journey.journey-reference .workspace-proof .text-link { display: inline-flex; align-items: center; gap: 12px; width: auto; max-width: 100%; min-height: 44px; padding: 8px 0; background: transparent; color: var(--journey-petrol); font-size: 13px; font-weight: 550; line-height: 1.5; text-align: left; }
.candidate-journey.journey-reference .workspace-proof .capture-provenance { color: #788783; font-size: 11px; }

@media (max-width:1100px) {
  .candidate-journey.journey-reference { padding-top: 48px; }
  .candidate-journey.journey-reference .journey-nav { gap: 17px; }
  .candidate-journey.journey-reference .journey-nav button { gap: 9px; font-size: 14px; }
  .candidate-journey.journey-reference .journey-nav button > .journey-step-number { width: 38px; height: 38px; flex-basis: 38px; font-size: 16px; }
  .candidate-journey.journey-reference .journey-nav button::after { right: -13px; width: 9px; }
  .candidate-journey.journey-reference :is(.source-document,.candidate-document) { padding: 23px; }
  .candidate-journey.journey-reference :is(.source-document-top,.journey-card-heading) { gap: 12px; }
  .candidate-journey.journey-reference :is(.source-document-top,.journey-card-heading) h3 { font-size: 19px; }
  .candidate-journey.journey-reference :is(.source-document-top,.journey-card-heading) p { font-size: 13px; }
  .candidate-journey.journey-reference .source-document blockquote { font-size: 20px; }
  .candidate-journey.journey-reference .journey-meaning-list li { gap: 12px; font-size: 16px; }
  .candidate-journey.journey-reference .post-clues span { font-size: 12px; padding: 7px 10px; }
}
@media (max-width:760px) {
  .candidate-journey.journey-reference { padding-top: 38px; padding-bottom: 32px; }
  .candidate-journey.journey-reference .journey-heading { margin-bottom: 23px; }
  .candidate-journey.journey-reference .journey-heading h2 { font-size: 31px; line-height: 1.2; letter-spacing: -.04em; }
  .candidate-journey.journey-reference .journey-heading > p { margin-top: 12px; font-size: 16px; }
  .candidate-journey.journey-reference .journey-nav { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px 19px; margin-bottom: 23px; }
  .candidate-journey.journey-reference .journey-nav button { gap: 9px; min-height: 54px; padding: 5px 0; border: 0; font-size: 14px; }
  .candidate-journey.journey-reference .journey-nav button::after { right: -14px; width: 9px; }
  .candidate-journey.journey-reference .journey-nav button:nth-child(2)::after { content: none; }
  .candidate-journey.journey-reference .journey-pair { grid-template-columns: minmax(0,1fr); gap: 16px; padding: 0; }
  .candidate-journey.journey-reference :is(.source-document,.candidate-document) { min-height: 0; margin: 0; padding: 23px; border-radius: 11px; }
  .candidate-journey.journey-reference :is(.source-document-top,.journey-card-heading) { min-height: 62px; margin-bottom: 19px; padding-bottom: 16px; }
  .candidate-journey.journey-reference .source-document blockquote { font-size: 20px; line-height: 1.6; }
  .candidate-journey.journey-reference .journey-meaning-list { gap: 15px; }
  .candidate-journey.journey-reference .journey-meaning-list li { font-size: 17px; }
  .candidate-journey.journey-reference .journey-panel { padding: 0; }
  .candidate-journey.journey-reference .journey-panel .button { min-height: 48px; }
  .candidate-journey.journey-reference .journey-panel :is(textarea,select) { font-size: 16px; }
  .candidate-journey.journey-reference .journey-panel .journey-draft { min-height: 218px; }
  .candidate-journey.journey-reference .journey-save-heading { flex-direction: row; align-items: center; }
  .candidate-journey.journey-reference .journey-footer { flex-wrap: wrap; gap: 0 16px; margin-top: 14px; }
  .candidate-journey.journey-reference .journey-feedback { flex: 1 1 300px; }
  .candidate-journey.journey-reference .journey-reset { margin: 0; }
  .candidate-journey.journey-reference .workspace-proof { grid-template-columns: minmax(0,1fr); gap: 0; margin-top: 15px; padding: 20px; }
  .candidate-journey.journey-reference .workspace-proof picture { display: none; }
  .candidate-journey.journey-reference .workspace-proof h3 { font-size: 19px; }
  .candidate-journey.journey-reference .proof-actions { gap: 0 19px; }
}
@media (max-width:600px) {
  .candidate-journey.journey-reference:not([data-step=source]) .source-disclosure { display: block; min-height: 44px; padding: 10px 0 0; background: transparent; color: var(--journey-petrol); font-size: 14px; line-height: 1.5; text-align: left; }
  .candidate-journey.journey-reference:not([data-step=source]) .source-document:has(.source-excerpt[hidden]) .source-document-top { margin-bottom: 0; padding-bottom: 12px; }
  .candidate-journey.journey-reference .source-disclosure[aria-expanded=true] { margin-bottom: 14px; }
  .candidate-journey.journey-reference[data-step=source] .source-disclosure { display: none; }
  .candidate-journey.journey-reference .journey-status { max-width: none; }
}
@media (max-width:420px) {
  .candidate-journey.journey-reference { padding-left: 5%; padding-right: 5%; }
  .candidate-journey.journey-reference .journey-heading h2 { font-size: 28px; }
  .candidate-journey.journey-reference .journey-heading > p { font-size: 15px; }
  .candidate-journey.journey-reference .journey-nav { gap: 8px 15px; }
  .candidate-journey.journey-reference .journey-nav button { gap: 8px; font-size: 13px; }
  .candidate-journey.journey-reference .journey-nav button > .journey-step-number { width: 34px; height: 34px; flex-basis: 34px; font-size: 15px; }
  .candidate-journey.journey-reference .journey-nav button::after { right: -12px; width: 8px; }
  .candidate-journey.journey-reference :is(.source-document,.candidate-document) { padding: 20px 18px; }
  .candidate-journey.journey-reference :is(.source-document-top,.journey-card-heading) { gap: 12px; }
  .candidate-journey.journey-reference :is(.source-document-top,.journey-card-heading) h3 { font-size: 19px; }
  .candidate-journey.journey-reference :is(.source-document-top,.journey-card-heading) p { font-size: 13px; }
  .candidate-journey.journey-reference .source-document-top > .journey-sample-badge { max-width: 54px; padding: 3px 4px; font-size: 9px; }
  .candidate-journey.journey-reference .source-person { gap: 12px; margin-bottom: 20px; }
  .candidate-journey.journey-reference .source-person p { font-size: 13px; }
  .candidate-journey.journey-reference .source-document blockquote { font-size: 19px; }
  .candidate-journey.journey-reference .journey-meaning-list li { gap: 11px; font-size: 16px; }
  .candidate-journey.journey-reference .post-clues { gap: 7px; margin: 21px 0; }
  .candidate-journey.journey-reference .journey-panel .button { width: 100%; padding: 12px 14px; gap: 18px; font-size: 14px; }
  .candidate-journey.journey-reference .journey-message-actions { gap: 4px 17px; }
  .candidate-journey.journey-reference .candidate-facts { gap: 0 15px; }
  .candidate-journey.journey-reference .candidate-facts dd { font-size: 18px; }
  .candidate-journey.journey-reference .candidate-facts .not-stated { font-size: 15px; }
  .candidate-journey.journey-reference .workspace-proof { padding: 18px; }
}

/* Phone walkthrough: one active step, with the unchanged source on request. */
@media (max-width:600px) {
  .candidate-journey.journey-reference { padding-top: 28px; padding-bottom: 26px; }
  .candidate-journey.journey-reference .journey-heading { margin-bottom: 16px; text-align: left; }
  .candidate-journey.journey-reference .journey-heading h2 { font-size: clamp(24px,6.5vw,29px); line-height: 1.18; letter-spacing: -.035em; }
  .candidate-journey.journey-reference .journey-heading > p { display: none; }
  .candidate-journey.journey-reference .journey-nav { gap: 6px; margin-bottom: 12px; }
  .candidate-journey.journey-reference .journey-nav button { gap: 7px; min-height: 48px; padding: 7px 8px; border: 1px solid #e0e6e1; border-radius: 7px; background: #fff; font-size: 12px; line-height: 1.35; }
  .candidate-journey.journey-reference .journey-nav button::after { display: none; }
  .candidate-journey.journey-reference .journey-nav button > .journey-step-number { width: 24px; height: 24px; flex-basis: 24px; font-size: 12px; }
  .candidate-journey.journey-reference .journey-nav button[aria-selected=true] { border-color: #a8c6c8; background: #edf5f2; }
  .candidate-journey.journey-reference .journey-pair { gap: 10px; }
  .candidate-journey.journey-reference :is(.source-document,.candidate-document) { padding: 15px; border-radius: 9px; }
  .candidate-journey.journey-reference .source-document { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 0 10px; padding: 8px 13px; }
  .candidate-journey.journey-reference .source-document .source-document-top { gap: 8px; min-height: 0; margin: 0; padding: 0; border: 0; }
  .candidate-journey.journey-reference .source-document-top img { width: 24px; height: 24px; flex-basis: 24px; }
  .candidate-journey.journey-reference .source-document-top h3,
  .candidate-journey.journey-reference .source-document-top > .journey-sample-badge { display: none; }
  .candidate-journey.journey-reference .source-document-top p { margin: 0; font-size: 12px; line-height: 1.4; }
  .candidate-journey.journey-reference .source-disclosure { display: none; }
  .candidate-journey.journey-reference:not(.journey-interactive) .source-disclosure { display: none; }
  .candidate-journey.journey-reference.journey-interactive .source-disclosure { display: block; max-width: 165px; min-height: 44px; margin: 0; padding: 8px 0; color: var(--journey-petrol); font-size: 12px; font-weight: 550; line-height: 1.4; text-align: right; }
  .candidate-journey.journey-reference .source-excerpt { grid-column: 1 / -1; padding: 10px 0 6px; }
  .candidate-journey.journey-reference .source-person { gap: 9px; margin: 0 0 12px; }
  .candidate-journey.journey-reference .candidate-initials { width: 34px; height: 34px; flex-basis: 34px; font-size: 13px; }
  .candidate-journey.journey-reference .source-person h3 { font-size: 16px; }
  .candidate-journey.journey-reference .source-person p { margin-top: 1px; font-size: 12px; }
  .candidate-journey.journey-reference .source-quote-label { display: none; }
  .candidate-journey.journey-reference .source-document blockquote { font-size: 16px; line-height: 1.55; letter-spacing: 0; }
  .candidate-journey.journey-reference .journey-card-heading { gap: 9px; min-height: 0; margin-bottom: 14px; padding-bottom: 11px; }
  .candidate-journey.journey-reference .journey-card-heading h3 { font-size: 18px; }
  .candidate-journey.journey-reference .journey-card-heading p { display: none; }
  .candidate-journey.journey-reference .journey-meaning-icon { width: 24px; height: 26px; flex-basis: 24px; }
  .candidate-journey.journey-reference .journey-meaning-icon svg { width: 23px; height: 23px; }
  .candidate-journey.journey-reference .journey-meaning-list { gap: 10px; margin-bottom: 16px; }
  .candidate-journey.journey-reference .journey-meaning-list li { gap: 9px; font-size: 14px; line-height: 1.5; }
  .candidate-journey.journey-reference .journey-meaning-list li svg { width: 19px; height: 19px; flex-basis: 19px; margin-top: 1px; }
  .candidate-journey.journey-reference .post-clues { display: none; }
  .candidate-journey.journey-reference .journey-panel .button { min-height: 44px; padding: 10px 12px; font-size: 13px; }
  .candidate-journey.journey-reference .journey-panel > p:not(.journey-panel-kicker):not(.journey-aside):not(.journey-translation):not(.saved-candidate-meta) { margin-bottom: 12px; font-size: 14px; line-height: 1.55; }
  .candidate-journey.journey-reference .candidate-facts { gap: 0 12px; margin-bottom: 8px; }
  .candidate-journey.journey-reference .candidate-facts > div { padding: 8px 0; }
  .candidate-journey.journey-reference .candidate-facts dt { font-size: 12px; margin-bottom: 2px; }
  .candidate-journey.journey-reference .candidate-facts dd { font-size: 16px; }
  .candidate-journey.journey-reference .candidate-facts .not-stated { font-size: 14px; }
  .candidate-journey.journey-reference .journey-panel label { margin: 8px 0 5px; font-size: 13px; }
  .candidate-journey.journey-reference .journey-panel :is(textarea,select) { padding: 9px 10px; font-size: 16px; line-height: 1.5; }
  .candidate-journey.journey-reference .journey-panel textarea { min-height: 76px; }
  .candidate-journey.journey-reference .journey-panel .journey-draft { min-height: 154px; }
  .candidate-journey.journey-reference .journey-message-actions { gap: 4px 12px; margin-top: 8px; }
  .candidate-journey.journey-reference :is(.journey-translation-toggle,.journey-next-link,.journey-restore,.journey-save-note,.journey-profile-view,.journey-confirm-rejection) { padding: 9px 0; font-size: 13px; }
  .candidate-journey.journey-reference .journey-aside { margin: 9px 0; font-size: 12px; line-height: 1.55; }
  .candidate-journey.journey-reference .saved-candidate-meta { margin-bottom: 9px; font-size: 12px; }
  .candidate-journey.journey-reference .journey-footer { align-items: flex-start; gap: 0 12px; margin-top: 10px; }
  .candidate-journey.journey-reference .journey-feedback { flex: 1 1 200px; color: var(--journey-muted); font-size: 11px; line-height: 1.5; }
  .candidate-journey.journey-reference .journey-reset { padding: 8px 0; color: var(--journey-petrol); font-size: 11px; }
  .candidate-journey.journey-reference .workspace-proof { grid-template-columns: 60px minmax(0,1fr); gap: 7px 12px; margin-top: 10px; padding: 13px; }
  .candidate-journey.journey-reference .workspace-proof > div { display: contents; }
  .candidate-journey.journey-reference .workspace-proof picture { display: block; height: 52px; border-radius: 5px; }
  .candidate-journey.journey-reference .workspace-proof img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
  .candidate-journey.journey-reference .workspace-proof :is(.eyebrow,p:not(.capture-provenance)) { display: none; }
  .candidate-journey.journey-reference .workspace-proof h3 { margin: 0; font-size: 15px; line-height: 1.35; }
  .candidate-journey.journey-reference .proof-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-column: 1 / -1; gap: 0 12px; margin: 0; }
  .candidate-journey.journey-reference .workspace-proof .text-link { grid-column: auto; width: 100%; min-height: 44px; gap: 5px; padding: 7px 0; font-size: 12px; line-height: 1.4; }
  .candidate-journey.journey-reference .workspace-proof p.capture-provenance { grid-column: 1 / -1; color: var(--journey-muted); font-size: 10px; line-height: 1.5; }
}

/* The actual application, cropped at capture time: no sidebar or miniature full dashboard. */
.candidate-journey.journey-reference.journey-with-screen .journey-pair { grid-template-columns: minmax(0,1.08fr) minmax(0,1fr); align-items: start; }
.journey-with-screen .journey-evidence { display: grid; gap: 12px; min-width: 0; }
.journey-with-screen .journey-screen { min-width: 0; margin: 0; overflow: hidden; border: 1px solid #d9e3de; border-radius: 13px; background: #fff; }
.journey-with-screen .journey-screen-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 17px; border-bottom: 1px solid #e3e9e5; color: #657079; font-size: 11px; line-height: 1.5; }
.journey-with-screen .journey-screen-brand { display: inline-flex; align-items: center; gap: 8px; color: #245d69; font-size: 13px; font-weight: 650; white-space: nowrap; }
.journey-with-screen .journey-screen-brand::before { content: ''; width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: #245d69; }
.journey-with-screen .journey-screen-zoom { display: block; width: 100%; padding: 16px 16px 0; background: #eff4f1; color: #245d69; text-align: left; cursor: zoom-in; }
.journey-with-screen .journey-screen-zoom picture { display: block; width: 100%; height: auto; }
.journey-with-screen .journey-screen-zoom img { display: block; width: 100%; height: auto; max-height: none; object-fit: contain; }
.journey-with-screen .journey-screen-expand { display: flex; justify-content: flex-end; align-items: center; gap: 9px; min-height: 44px; font-size: 12px; font-weight: 550; }
.journey-with-screen .journey-screen-zoom:hover .journey-screen-expand { text-decoration: underline; text-underline-offset: 3px; }
.journey-with-screen .journey-screen figcaption { padding: 10px 17px; border-top: 1px solid #e3e9e5; color: #657079; font-size: 11px; line-height: 1.6; }
.candidate-journey.journey-reference.journey-with-screen .source-document { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 0 12px; padding: 6px 16px; background: transparent; box-shadow: none; }
.candidate-journey.journey-reference.journey-with-screen .source-document-top { min-height: 0; gap: 9px; margin: 0; padding: 0; border: 0; }
.candidate-journey.journey-reference.journey-with-screen .source-document-top img { width: 24px; height: 24px; flex-basis: 24px; }
.candidate-journey.journey-reference.journey-with-screen .source-document-top h3,
.candidate-journey.journey-reference.journey-with-screen .source-document-top .journey-sample-badge { display: none; }
.candidate-journey.journey-reference.journey-with-screen .source-document-top p { margin: 0; font-size: 12px; }
.candidate-journey.journey-reference.journey-with-screen.journey-interactive .source-disclosure { display: block; min-height: 44px; max-width: none; margin: 0; padding: 8px 0; color: #245d69; background: transparent; text-align: right; font-size: 12px; line-height: 1.4; }
.candidate-journey.journey-reference.journey-with-screen .source-excerpt { grid-column: 1 / -1; padding: 14px 0; }
.candidate-journey.journey-reference.journey-with-screen .source-person { margin-bottom: 14px; }
.candidate-journey.journey-reference.journey-with-screen .source-document blockquote { font-size: 16px; line-height: 1.6; letter-spacing: 0; }
.candidate-journey.journey-reference.journey-with-screen .source-quote-label { display: none; }
.journey-with-screen .journey-more { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0 20px; padding-top: 12px; margin-top: 8px; border-top: 1px solid #e3e4db; }
.journey-with-screen .journey-more p { color: #657079; font-size: 11px; line-height: 1.6; }
.journey-with-screen .journey-more .text-link { display: inline-flex; gap: 14px; min-height: 44px; padding: 8px 0; background: transparent; color: #245d69; font-size: 13px; }
#dashboard-dialog.focused-capture { width: min(820px,95vw); padding: 60px 20px 20px; background: #f5f8f5; }
#dashboard-dialog.focused-capture picture { width: 100%; max-width: 760px; margin: 0 auto; }
#dashboard-dialog.focused-capture .dialog-close { position: absolute; top: 10px; right: 12px; margin: 0; }
#dashboard-dialog.focused-capture > p { padding: 12px 0 0; font-size: 12px; line-height: 1.5; text-align: center; }
/* Keep the real desktop table readable; small screens can pan inside its image. */
#dashboard-dialog.wide-table-capture { width: min(1720px,96vw); max-width: 96vw; padding: 16px; }
#dashboard-dialog.wide-table-capture .dialog-close { margin: 0 0 12px; }
#dashboard-dialog.wide-table-capture picture { display: block; clear: both; width: 100%; max-width: none; overflow-x: auto; overscroll-behavior-x: contain; }
#dashboard-dialog.wide-table-capture img { width: 100%; min-width: 1100px; max-width: none; height: auto; }
#dashboard-dialog.wide-table-capture > p { margin: 12px 0 0; font-size: 12px; }
@media(max-width:1000px) and (min-width:761px) {
 .candidate-journey.journey-reference.journey-with-screen .journey-pair { grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); gap: 16px; }
 .journey-with-screen .journey-screen-header { align-items: flex-start; flex-direction: column; gap: 3px; }
 .journey-with-screen .journey-screen-zoom { padding: 10px 10px 0; }
}
@media(max-width:760px) {
 .candidate-journey.journey-reference.journey-with-screen .journey-pair { grid-template-columns: minmax(0,1fr); gap: 16px; }
 .journey-with-screen .journey-screen-header { padding: 12px 13px; gap: 8px; }
 .journey-with-screen .journey-screen-header > [data-journey-screen-title] { text-align: right; }
 .journey-with-screen .journey-screen-zoom { padding: 10px 10px 0; }
 .journey-with-screen .journey-screen figcaption { padding: 9px 13px; }
 .journey-with-screen .journey-evidence { gap: 8px; }
 .candidate-journey.journey-reference.journey-with-screen .source-document { padding: 5px 12px; }
 #dashboard-dialog.focused-capture { padding: 58px 10px 12px; }
}
@media(max-width:380px) {
 .journey-with-screen .journey-screen-header { flex-direction: column; align-items: flex-start; gap: 3px; }
 .journey-with-screen .journey-screen-header > [data-journey-screen-title] { text-align: left; }
 .journey-with-screen .journey-screen-zoom { padding: 7px 7px 0; }
}

/* A compact real-dashboard overview, with the explanation and next action beside it. */
.candidate-journey.journey-reference[data-step=choose] .journey-nav { max-width: 1120px; margin-inline: auto; }
.candidate-journey.journey-reference.journey-with-screen[data-step=choose] .journey-pair { grid-template-columns: minmax(0,1.6fr) minmax(300px,1fr); max-width: 1120px; margin-inline: auto; align-items: center; gap: 24px; }
.candidate-journey.journey-reference.journey-with-screen[data-step=choose] .source-document { display: none; }
.candidate-journey.journey-reference[data-step=choose] .candidate-document { display: block; padding: 24px; }
.candidate-journey.journey-reference[data-step=choose] .journey-card-heading { min-height: 0; margin: 0 0 20px; padding: 0; border: 0; }
.candidate-journey.journey-reference[data-step=choose] .journey-meaning-icon { display: none; }
.candidate-journey.journey-reference.journey-with-screen[data-step=choose] .candidate-document .journey-panel > p.journey-volume-note { margin: 18px 0 0; padding-top: 14px; border-top: 1px solid var(--journey-line); color: var(--journey-muted); font-size: 12px; line-height: 1.6; }
.candidate-journey.journey-reference.journey-with-screen[data-step=choose] .candidate-document .journey-panel > p.journey-choose-disclosure { margin: 10px 0 0; color: var(--journey-muted); font-size: 12px; line-height: 1.6; }
.candidate-journey.journey-reference.journey-with-screen[data-step=choose] .journey-card-heading p { display: block; }
.candidate-journey.journey-reference[data-step=choose] .journey-screen-zoom { padding: 10px 10px 0; }
.candidate-journey.journey-reference[data-step=choose] .journey-screen-header { padding: 11px 13px; }
@media(max-width:1000px) {
 .candidate-journey.journey-reference.journey-with-screen[data-step=choose] .journey-pair { grid-template-columns: minmax(0,1fr); max-width: 660px; gap: 16px; }
}
@media(max-width:760px) {
 .candidate-journey.journey-reference[data-step=choose] .candidate-document { padding: 18px; }
 .candidate-journey.journey-reference .journey-nav button:nth-child(even)::after { content: none; }
 .candidate-journey.journey-reference .journey-nav button:last-child { grid-column: 1 / -1; }
}

/* Preserve the native aspect ratio of the current, sidebar-free app captures. */
.dashboard-frame .dashboard-zoom picture{ display: block; height: auto; overflow: visible; background: #f4f7f5; }
.dashboard-frame .dashboard-zoom picture img{ display: block; width: 100%; height: auto; max-height: none; object-fit: contain; object-position: top; }
.dashboard-frame .dashboard-zoom[data-dashboard-view="profile"] picture{ padding: 16px; }
.dashboard-frame .dashboard-zoom[data-dashboard-view="profile"] img{ max-width: 612px; margin: 0 auto; }
.dashboard-frame .zoom-hint{ position: static; display: flex; justify-content: flex-end; width: 100%; min-height: 44px; padding: 11px 15px; border: 0; border-top: 1px solid #e3e9e5; border-radius: 0; background: #eff4f1; color: #245d69; box-shadow: none; backdrop-filter: none; }
.market-capture img,
.market-page .market-capture img{ width: 100%; height: auto; max-height: none; object-fit: contain; object-position: top; }
.about-evidence picture{ display: block; width: 100%; }
.about-evidence picture img{ width: 100%; height: auto; object-fit: contain; }
.candidate-journey .candidate-avatar{ display: block; width: 48px; height: 48px; flex: 0 0 48px; object-fit: cover; border: 1px solid #d9e3de; border-radius: 50%; }
.candidate-journey .source-excerpt blockquote{ white-space: pre-line; }
/* Lightbox: capturile sunt mai inalte decat late (1098x2730 pe telefon), iar dialogul nu avea nicio
   limita de inaltime pe imagine: la 390x844 iesea 356x885 intr-un dialog de 760 px, deci taiata si cu
   derulare. Imaginea se incadreaza INTREAGA in ecran; `dvh` fiindca pe iPhone Safari bara de unelte
   mananca ultimii ~50 px dintr-un `vh`. */
#dashboard-dialog{ max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); }
#dashboard-dialog picture{ display: block; margin: 0 auto; }
#dashboard-dialog img{ display: block; width: 100%; height: auto;
  max-height: calc(100vh - 120px); max-height: calc(100dvh - 120px); object-fit: contain; }
@media(max-width:600px) {
 .candidate-journey .candidate-avatar{ width: 36px; height: 36px; flex-basis: 36px; }
 .dashboard-frame .zoom-hint{ padding: 10px 12px; font-size: 12px; }
}

/* DriverNova 2026 interaction layer: letter reveals, fluid navigation and glass details. */

/* transitions-dev text swap; timings come from the shared global tokens. */
.t-text-swap {
  display: inline-block;
  transform: translateY(0);
  filter: blur(0);
  opacity: 1;
  transition:
    transform var(--text-swap-dur) var(--text-swap-ease),
    filter    var(--text-swap-dur) var(--text-swap-ease),
    opacity   var(--text-swap-dur) var(--text-swap-ease);
  will-change: transform, filter, opacity;
}
.t-text-swap.is-exit {
  transform: translateY(calc(var(--text-swap-translate-y) * -1));
  filter: blur(var(--text-swap-blur));
  opacity: 0;
}
.t-text-swap.is-enter-start {
  transform: translateY(var(--text-swap-translate-y));
  filter: blur(var(--text-swap-blur));
  opacity: 0;
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  .t-text-swap { transition: none !important; }
}

.product-details.t-text-swap,
.audience-detail.t-text-swap { display:block!important; }

/* Letter-by-letter entrance. Words remain unbroken and headings keep an aria-label. */
/* Only generated wrappers inherit; intentional accent spans keep their own color. */
.dn-letterized :is(.dn-word,.dn-letter) { color:inherit!important; }
.dn-word { display:inline-block; white-space:nowrap; }
.dn-letter {
  display:inline-block;
  opacity:0;
  filter:blur(3px);
  transform:translate3d(0,.22em,0);
  transform-origin:50% 100%;
  transition:
    transform 480ms cubic-bezier(.22,1,.36,1),
    filter 400ms cubic-bezier(.22,1,.36,1),
    opacity 360ms ease-out;
  transition-delay:var(--dn-letter-delay,0ms);
  will-change:transform,filter,opacity;
}
.dn-letterized.is-letter-visible .dn-letter {
  opacity:1;
  filter:blur(0);
  transform:translate3d(0,0,0);
}

/* Pill navigation with a shared, fluid hover/current-page surface. */
.desktop-nav.dn-pill-nav {
  position:relative;
  left:auto;
  transform:none;
  isolation:isolate;
  gap:2px;
  padding:4px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.4);
  box-shadow:none;
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  backdrop-filter:blur(18px) saturate(125%);
}
.desktop-nav.dn-pill-nav a {
  position:relative;
  z-index:1;
  min-height:38px;
  border-radius:999px;
  transition:color 220ms ease;
}
.desktop-nav.dn-pill-nav a::after { content:none; }
.desktop-nav.dn-pill-nav a[aria-current=page],
.inner-page .desktop-nav.dn-pill-nav a[aria-current=page] {
  color:#194854;
  background:transparent;
}
.desktop-nav.dn-pill-nav a:is(:hover,:focus-visible) { color:#194854; background:transparent; }
.dn-nav-pill {
  position:absolute;
  z-index:0;
  top:0;
  left:0;
  width:var(--dn-nav-width,0px);
  height:var(--dn-nav-height,0px);
  border:0;
  border-radius:999px;
  background:#e4ebeb;
  box-shadow:none;
  opacity:0;
  transform:translate3d(var(--dn-nav-x,0px),var(--dn-nav-y,0px),0);
  transition:
    transform 420ms cubic-bezier(.22,1,.36,1),
    width 420ms cubic-bezier(.22,1,.36,1),
    height 420ms cubic-bezier(.22,1,.36,1),
    opacity 160ms ease;
  pointer-events:none;
}
.dn-nav-pill[data-visible=true] { opacity:1; }

/* Fluid indicator for the product tabs. */
.feature-tabs.dn-fluid-tabs {
  position:relative;
  isolation:isolate;
}
.feature-tabs.dn-fluid-tabs button {
  position:relative;
  z-index:1;
  transition:color 240ms ease;
}
.feature-tabs.dn-fluid-tabs button[aria-selected=true] { background:transparent; }
.feature-tabs.dn-fluid-tabs button[aria-selected=true] span:not(.dn-glass-icon) { color:#fff; }
.dn-fluid-indicator {
  position:absolute;
  z-index:0;
  top:0;
  left:0;
  width:var(--dn-tab-width,0px);
  height:var(--dn-tab-height,0px);
  border-radius:10px;
  background:var(--teal);
  box-shadow:0 10px 28px rgba(20,37,30,.2),inset 0 1px 0 rgba(255,255,255,.16);
  opacity:0;
  transform:translate3d(var(--dn-tab-x,0px),var(--dn-tab-y,0px),0);
  transition:
    transform 460ms cubic-bezier(.22,1,.36,1),
    width 460ms cubic-bezier(.22,1,.36,1),
    height 460ms cubic-bezier(.22,1,.36,1),
    opacity 160ms ease;
  pointer-events:none;
}
.dn-fluid-indicator[data-visible=true] { opacity:1; }

/* Glass icons: restrained highlights on navigation and key proof points. */
.dn-glass-icon {
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid rgba(255,255,255,.72);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(211,232,231,.5));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 8px 22px rgba(15,58,70,.12);
  -webkit-backdrop-filter:blur(14px) saturate(130%);
  backdrop-filter:blur(14px) saturate(130%);
  transition:transform 300ms cubic-bezier(.22,1,.36,1),box-shadow 300ms ease;
}
.feature-tabs button > .dn-glass-icon {
  width:34px;
  height:34px;
  margin:0;
  color:#285d69;
}
.feature-tabs button[aria-selected=true] > .dn-glass-icon {
  color:#fff;
  border-color:rgba(255,255,255,.34);
  background:linear-gradient(145deg,rgba(255,255,255,.26),rgba(255,255,255,.08));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 7px 18px rgba(8,30,58,.24);
}
.market-feature-chevron.dn-glass-icon { width:32px; height:32px; }
.candidate-journey .journey-meaning-icon.dn-glass-icon {
  width:42px;
  height:42px;
  color:#a8893e;
}
@media(hover:hover) and (pointer:fine) {
  .feature-tabs button:hover > .dn-glass-icon,
  .market-feature-link:hover .dn-glass-icon { transform:translateY(-2px) rotate(-3deg); }
}

/* Card Nav uses the existing site palette and the same breakpoint as the header. */
@media(max-width:1250px) {
  .menu-toggle.dn-card-trigger {
    display:inline-flex;
    flex-direction:row;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;
    width:auto;
    min-width:42px;
    min-height:42px;
    padding:0 14px;
    gap:8px;
    border:1px solid rgba(35,39,32,.14);
    border-radius:5px;
    color:var(--ink);
    background:#ecf3ed;
    box-shadow:none;
    -webkit-backdrop-filter:blur(16px);
    backdrop-filter:blur(16px);
    transition:transform 220ms cubic-bezier(.22,1,.36,1),background-color 200ms ease;
  }
  .header .menu-toggle.dn-card-trigger .dn-card-trigger-label {
    width:auto;
    height:auto;
    color:inherit;
    background:transparent;
    font-size:13px;
    font-weight:560;
    line-height:1;
  }
  .menu-toggle.dn-card-trigger .dn-card-plus {
    display:block;
    flex:0 0 18px;
    width:18px;
    height:18px;
    background:transparent;
    transition:transform 300ms cubic-bezier(.22,1,.36,1);
  }
  .menu-toggle.dn-card-trigger[aria-expanded=true] .dn-card-plus { transform:rotate(45deg); }
  @media(hover:hover) and (pointer:fine) {
    .menu-toggle.dn-card-trigger:hover { background:#d4e6de; }
  }

  #mobile-nav.dn-card-menu {
    top:calc(100% + 10px);
    right:5.2%;
    width:min(560px,calc(100vw - 50px));
    min-width:0;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    padding:8px;
    max-height:calc(100dvh - 110px);
    overflow:auto;
    border:1px solid #c9d5ce;
    border-radius:12px;
    background:#f9faf6;
    box-shadow:0 16px 40px rgba(20,39,36,.16);
    -webkit-backdrop-filter:blur(24px) saturate(125%);
    backdrop-filter:blur(24px) saturate(125%);
  }
  #mobile-nav.dn-card-menu::before { content:none; }
  #mobile-nav .dn-menu-card {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    min-height:118px;
    padding:15px;
    border:1px solid #d1dddd;
    border-radius:8px;
    color:#163e43;
    text-align:left;
    background:#ecf3ed;
    opacity:0;
    transform:translateY(8px);
    transition:
      transform 220ms cubic-bezier(.22,1,.36,1),
      opacity 220ms ease,
      box-shadow 220ms ease;
  }
  #mobile-nav .dn-menu-card[data-card-tone=sand],
  #mobile-nav .dn-menu-card[data-card-tone=petrol] { color:#163e43; background:#ecf3ed; }
  #mobile-nav .dn-menu-card .dn-card-icon {
    display:grid;
    place-items:center;
    width:24px;
    height:24px;
    color:currentColor;
  }
  #mobile-nav .dn-menu-card .dn-card-icon svg { width:18px; height:18px; }
  #mobile-nav .dn-menu-card strong {
    display:block;
    margin-top:25px;
    color:currentColor;
    font-size:13px;
    font-weight:560;
    line-height:1.3;
  }
  #mobile-nav .dn-menu-card small {
    display:block;
    margin-top:3px;
    color:currentColor;
    opacity:.66;
    font-size:12px;
    line-height:1.35;
  }
  #mobile-nav .dn-card-secondary {
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:4px;
    padding-top:4px;
    border-top:1px solid rgba(35,39,32,.1);
  }
  #mobile-nav .dn-card-secondary a {
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:8px 7px;
    border-radius:10px;
    color:#4e554e;
    background:transparent;
    font-size:12px;
    text-align:center;
    opacity:0;
    transform:translateY(5px);
    transition:background-color 180ms ease,color 180ms ease,transform 280ms cubic-bezier(.22,1,.36,1),opacity 220ms ease;
  }
  #mobile-nav.is-open .dn-menu-card,
  #mobile-nav.is-open .dn-card-secondary a { opacity:1; transform:translateY(0); }
  #mobile-nav.is-open .dn-menu-card:nth-child(1){transition-delay:35ms}
  #mobile-nav.is-open .dn-menu-card:nth-child(2){transition-delay:65ms}
  #mobile-nav.is-open .dn-menu-card:nth-child(3){transition-delay:95ms}
  #mobile-nav.is-open .dn-card-secondary a{transition-delay:115ms}
  #mobile-nav .dn-menu-card:is(:hover,:focus-visible) {
    color:#123138;
    background:#d4e6de;
    transform:translateY(-1px);
    box-shadow:0 4px 12px rgba(20,37,30,.08);
  }
  #mobile-nav .dn-menu-card[data-card-tone=sand]:is(:hover,:focus-visible),
  #mobile-nav .dn-menu-card[data-card-tone=petrol]:is(:hover,:focus-visible) { color:#123138; background:#d4e6de; }
  #mobile-nav .dn-card-secondary a:is(:hover,:focus-visible),
  #mobile-nav .dn-card-secondary a[aria-current=page] { color:#164f49; background:#e4ebe7; }
}

@media(max-width:760px) {
  .menu-toggle.dn-card-trigger {
    width:42px;
    min-width:42px;
    padding:0;
  }
  .header .menu-toggle.dn-card-trigger .dn-card-trigger-label { display:none; }
  #mobile-nav.dn-card-menu {
    width:min(290px,calc(100vw - 42px));
    right:4%;
    grid-template-columns:minmax(0,1fr);
  }
  #mobile-nav .dn-menu-card { min-height:92px; }
  #mobile-nav .dn-menu-card strong { margin-top:15px; }
  #mobile-nav .dn-card-secondary {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Uiverse.io by vinodjangid07 supplied the original interaction.
   The revised CTA preserves DriverNova colors and a readable label in every state. */
.button.bookmarkBtn[data-dn-button=uiverse] {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:48px;
  height:auto;
  padding:12px 16px;
  gap:10px;
  border-radius:4px;
  isolation:isolate;
  transition:background-color 200ms ease,border-color 200ms ease,transform 200ms var(--ease);
}
.button.bookmarkBtn[data-dn-button=uiverse] > .IconContainer {
  display:grid;
  place-items:center;
  order:2;
  flex:0 0 18px;
  width:18px;
  height:18px;
  color:inherit;
  background:transparent;
  transition:transform 220ms var(--ease);
}
.button.bookmarkBtn .icon { display:block; width:18px; height:18px; color:inherit; }
.button.bookmarkBtn[data-dn-button=uiverse] > .text {
  display:block;
  min-width:0;
  padding:0;
  color:inherit;
  font:inherit;
  line-height:1.4;
  white-space:normal;
}
@media(hover:hover) and (pointer:fine) {
  .button.bookmarkBtn[data-dn-button=uiverse]:hover { transform:translateY(-1px); }
  .button.bookmarkBtn[data-dn-button=uiverse]:hover > .IconContainer { transform:translateX(3px); }
}
.button.bookmarkBtn[data-dn-button=uiverse]:active { transform:scale(.99); }

/* Stacked narrative cards on the home page. */
@media(min-width:851px) {
  .home-page .problem-intro { position:sticky; top:110px; align-self:start; }
  .home-page .problem-stories { display:grid; grid-template-columns:minmax(0,1fr); gap:20px; padding-bottom:66px; }
  .home-page .problem-stories article {
    min-height:205px;
    padding:29px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:22px;
    background:linear-gradient(145deg,rgba(55,63,58,.98),rgba(34,39,36,.98));
    box-shadow:0 28px 60px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08);
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
  }
  .home-page .problem-stories article:nth-child(1){position:sticky;top:102px;z-index:1;transform:scale(.975)}
  .home-page .problem-stories article:nth-child(2){position:sticky;top:120px;z-index:2;transform:scale(.988)}
  .home-page .problem-stories article:nth-child(3){position:sticky;top:138px;z-index:3}
  .home-page .problem-stories article:first-child { padding-top:29px; border-top:1px solid rgba(255,255,255,.14); }
}

@media(max-width:600px) {
  .home-page .header .menu-toggle.dn-card-trigger:is(:hover,:focus-visible) {
    background:#193e3b;
    color:#fff;
  }
  .feature-tabs button > .dn-glass-icon { width:30px; height:30px; border-radius:10px; }
}

@media(prefers-reduced-motion:reduce) {
  .dn-letter { opacity:1; filter:none; transform:none; transition:none!important; }
  .dn-nav-pill,.dn-fluid-indicator,.dn-glass-icon,.dn-card-trigger,.dn-card-plus,#mobile-nav a,.bookmarkBtn,.IconContainer,.bookmarkBtn>.text { transition:none!important; }
  #mobile-nav a { opacity:1; transform:none; }
  .button.bookmarkBtn[data-dn-button=uiverse]:is(:hover,:active),
  .button.bookmarkBtn[data-dn-button=uiverse]:hover > .IconContainer { transform:none; }
}

@media print {
  .dn-letter { opacity:1!important; filter:none!important; transform:none!important; }
}

/* Homepage information hierarchy. Existing imagery, palette and motion stay intact. */
.home-page :is(.home-included,.home-info) {
  padding-top: 48px;
  padding-bottom: 48px;
  color: #172936;
  background: #faf9f4;
}
.home-page .home-section-heading {
  max-width: 1120px;
  margin: 0 auto 24px;
}
.home-page .home-section-heading .eyebrow {
  margin: 0 0 10px;
  color: #79683f;
  font-size: 12px;
  line-height: 1.5;
}
.home-page .home-section-heading h2 {
  max-width: 920px;
  margin: 0;
  color: #172936;
  font-size: clamp(28px,3vw,42px);
  font-weight: 650;
  letter-spacing: -.04em;
  line-height: 1.2;
}
.home-page .home-section-heading > p:not(.eyebrow) {
  max-width: 800px;
  margin: 12px 0 0;
  color: #657079;
  font-size: 16px;
  line-height: 1.65;
}
.home-page .home-included-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
  max-width: 1120px;
  margin: 0 auto;
  --avatar-lift: -3px;
  --avatar-scale: 1;
  --avatar-falloff: .2;
  --avatar-ease-out: cubic-bezier(.22,1,.36,1);
}
.home-page .home-included-grid > article {
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.home-page .home-card-surface {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 23px;
  border: 1px solid #e3e4db;
  border-radius: 13px;
  background: #fff;
}
.home-page .home-card-surface::before,
.home-page .home-card-surface::after {
  content: '';
  position: absolute;
  pointer-events: none;
}
.home-page .home-card-surface::before {
  top: 0;
  left: 22px;
  right: 22px;
  height: 2px;
  background: #2b6069;
  transform: scaleX(.18);
  transform-origin: left;
  opacity: 0;
  transition: transform var(--avatar-dur) var(--avatar-ease-in),opacity var(--avatar-dur) ease-out;
}
.home-page .home-card-surface::after {
  inset: -1px;
  border: 1px solid #9cb9b1;
  border-radius: inherit;
  box-shadow: 0 16px 30px -23px #245d6955;
  opacity: 0;
  transition: opacity var(--avatar-dur) ease-out;
}
.home-page .home-card-heading {
  display: grid;
  grid-template-columns: 28px minmax(0,1fr);
  align-items: start;
  gap: 12px;
  min-height: 56px;
  margin-bottom: 18px;
}
.home-page .home-card-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin: 0;
  border-radius: 8px;
  background: #eaf2ef;
  color: #245d69;
  font-size: 11px;
  font-weight: 600;
  transition: color 200ms ease-out,background-color 200ms ease-out;
}
.home-page .home-included-grid h3 {
  margin: 0;
  color: #172936;
  font-size: 19px;
  line-height: 1.4;
  letter-spacing: -.025em;
}
.home-page .home-included-grid ul {
  display: grid;
  gap: 10px;
  margin: 0 0 22px;
  padding: 0 0 0 18px;
  color: #526570;
  font-size: 14px;
  line-height: 1.6;
}
.home-page .home-included-grid li::marker { color: #245d69; }
.home-page .home-feature-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 48px;
  padding-top: 14px;
  margin-top: auto;
  border-top: 1px solid #e7ece7;
  color: #245d69;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
}
.home-page .home-feature-action svg {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  transition: transform var(--avatar-dur) var(--avatar-ease-in);
}
.home-page .home-feature-action:focus-visible { outline: 2px solid #245d69; outline-offset: 5px; border-radius: 3px; }
.home-page .home-card-surface:focus-within::before { opacity: 1; transform: scaleX(1); }
.home-page .home-card-surface:focus-within::after { opacity: 1; }
.home-page .home-card-surface:focus-within .home-card-index { background: #245d69; color: #fff; }
@media(hover:hover) and (pointer:fine) {
  .home-page .home-card-surface:hover::before { opacity: 1; transform: scaleX(1); }
  .home-page .home-card-surface:hover::after { opacity: 1; }
  .home-page .home-card-surface:hover .home-card-index { background: #245d69; color: #fff; }
  .home-page .home-card-surface:hover .home-feature-action svg { transform: translateX(3px); }
}
.home-page .home-audience-note {
  max-width: 1120px;
  margin: 18px auto 0;
  color: #657079;
  font-size: 13px;
  line-height: 1.65;
}
.home-page .home-info {
  border-top: 1px solid #e3e4db;
}
.home-page .home-info-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 22px 36px;
  max-width: 1120px;
  margin: 0 auto;
}
.home-page .home-info-grid > article {
  min-width: 0;
  padding-top: 18px;
  border-top: 1px solid #dfe4dd;
}
.home-page .home-info-grid h3 {
  margin: 0 0 9px;
  color: #172936;
  font-size: 17px;
  line-height: 1.45;
  letter-spacing: -.02em;
}
.home-page .home-info-grid p {
  margin: 0;
  color: #526570;
  font-size: 14px;
  line-height: 1.7;
}
.home-page .home-plan-includes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
  margin: 16px 0 0;
  padding-left: 18px;
  font-size: 14px;
  line-height: 1.6;
}
.home-page :is(#what-you-get,#before-you-start) { scroll-margin-top: 24px; }
@media(max-width:900px) {
  .home-page .home-included-grid { grid-template-columns: minmax(0,1fr); gap: 12px; --avatar-falloff: 0; }
  .home-page .home-card-surface { padding: 20px; }
  .home-page .home-card-heading { min-height: 0; margin-bottom: 16px; }
}
@media(max-width:600px) {
  .home-page :is(.home-included,.home-info) { padding-top: 32px; padding-bottom: 32px; }
  .home-page .home-section-heading { margin-bottom: 20px; }
  .home-page .home-section-heading h2 { font-size: 29px; }
  .home-page .home-section-heading > p:not(.eyebrow) { font-size: 15px; }
  .home-page .home-info-grid { grid-template-columns: minmax(0,1fr); gap: 18px; }
  .home-page .home-included-grid h3 { font-size: 18px; }
  .home-page .home-info-grid h3 { font-size: 17px; }
}

/* Hover-spring transition only — bring your own avatar/chip
   styling (size, shape, border, stacking, background). */
.t-avatar {
  transform-origin: center;
  /* translateY before scale so scale doesn't amplify the lift offset. */
  transform:
    translateY(var(--shift, 0px))
    scale(var(--scale-active, 1));
  transition: transform var(--avatar-dur) var(--avatar-ease-in);
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .t-avatar { transition: none !important; transform: none !important; }
}

@media(prefers-reduced-motion:reduce) {
  .home-page .home-card-surface::before,
  .home-page .home-card-surface::after,
  .home-page .home-card-index,
  .home-page .home-feature-action svg { transition: none; }
  .home-page .home-card-surface:hover .home-feature-action svg { transform: none; }
}

/* Separate product areas on the homepage; reuse existing captures and palette. */
.home-page #what-you-get .home-card-heading { min-height: 28px; }
.market-page .market-app-access-note {
  margin: 12px 0 0;
  color: #657079;
  font-size: 12px;
  line-height: 1.55;
}
.home-page :is(.home-companies, .home-agents) {
  padding-top: 56px;
  padding-bottom: 56px;
  color: #172936;
  scroll-margin-top: 24px;
}
.home-page .home-companies { background: #faf9f4; border-top: 1px solid #e3e4db; }
.home-page .home-agents { background: #edf3ef; border-top: 1px solid #dfe6de; }
.home-page :is(.home-companies-layout, .home-agents-layout) {
  display: grid;
  align-items: center;
  gap: 36px;
  max-width: 1120px;
  margin: 0 auto;
}
.home-page .home-companies-layout { grid-template-columns: minmax(0,.9fr) minmax(0,1.35fr); }
.home-page .home-agents-layout { grid-template-columns: minmax(0,1fr) minmax(0,1.2fr); gap: 56px; }
.home-page .home-business-copy { min-width: 0; }
.home-page .home-business-copy .eyebrow {
  margin: 0 0 10px;
  color: #79683f;
  font-size: 12px;
  line-height: 1.5;
}
.home-page .home-business-copy h2 {
  margin: 0;
  color: #172936;
  font-size: clamp(27px,2.6vw,36px);
  font-weight: 650;
  line-height: 1.2;
  letter-spacing: -.035em;
}
.home-page .home-business-intro {
  margin: 16px 0 0;
  color: #526570;
  font-size: 15px;
  line-height: 1.7;
}
.home-page .home-business-benefits {
  display: grid;
  gap: 12px;
  padding: 0 0 0 18px;
  margin: 23px 0;
  color: #526570;
  font-size: 14px;
  line-height: 1.65;
}
.home-page .home-business-benefits li::marker { color: #245d69; }
.home-page .home-business-app-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 48px;
  max-width: 100%;
  padding: 13px 18px;
  border-radius: 8px;
  border: 1px solid #245d69;
  background: #245d69;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
}
.home-page .home-business-app-link svg { flex-shrink: 0; }
.home-page .home-agents .home-business-app-link { margin-top: 24px; }
.home-page .home-business-access-note {
  margin: 10px 0 0;
  color: #657079;
  font-size: 12px;
  line-height: 1.55;
}
.home-page .home-company-capture {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid #dce5de;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 16px 35px -26px #245d6938;
}
.home-page .home-business-screen-zoom {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #f1f5f2;
  color: #245d69;
  font: inherit;
  cursor: zoom-in;
}
.home-page .home-company-screen-window { display: block; overflow: hidden; }
.home-page .home-company-screen-window :is(picture,img) { display: block; width: 100%; }
.home-page .home-company-screen-window img { height: auto; }
.home-page .home-business-enlarge {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 9px;
  min-height: 43px;
  padding: 10px 16px;
  border-top: 1px solid #dfe7e0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
}
.home-page .home-company-capture figcaption {
  padding: 12px 16px;
  border-top: 1px solid #e4e8e2;
  color: #657079;
  font-size: 11px;
  line-height: 1.5;
}
.home-page .home-agent-guide { min-width: 0; }
.home-page .home-agent-guide dl { margin: 0; }
.home-page .home-agent-guide dl > div {
  display: grid;
  grid-template-columns: minmax(100px,.44fr) minmax(0,1fr);
  gap: 22px;
  padding: 20px 0;
  border-top: 1px solid #ceddd3;
}
.home-page .home-agent-guide dt {
  color: #245d69;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.6;
}
.home-page .home-agent-guide dd {
  margin: 0;
  color: #526570;
  font-size: 14px;
  line-height: 1.65;
}
.home-page .home-agent-score-note {
  margin: 0;
  padding-top: 14px;
  border-top: 1px solid #ceddd3;
  color: #657079;
  font-size: 12px;
  line-height: 1.65;
}
.home-page :is(.home-business-app-link, .home-business-screen-zoom):focus-visible {
  outline: 3px solid #79683f;
  outline-offset: 4px;
}
.home-page .home-business-screen-zoom:focus-visible { outline-offset: -4px; }
@media (max-width: 900px) {
  .home-page :is(.home-companies-layout, .home-agents-layout) { grid-template-columns: minmax(0,1fr); gap: 28px; max-width: 660px; }
  .home-page .home-business-copy h2 { max-width: 590px; }
}
@media (max-width: 600px) {
  .home-page :is(.home-companies, .home-agents) { padding-top: 36px; padding-bottom: 36px; }
  .home-page .home-business-copy h2 { font-size: 28px; }
  .home-page .home-company-screen-window { aspect-ratio: 1 / 1.22; }
  .home-page .home-company-screen-window :is(picture,img) { height: 100%; }
  .home-page .home-company-screen-window img { object-fit: cover; object-position: 50% 64%; }
  .home-page .home-agent-guide dl > div { grid-template-columns: minmax(0,1fr); gap: 5px; padding: 16px 0; }
}

/* Card "stories" in #what-you-get: porneste la 55% vizibil, scrie live, fara scroll tinut. Vizibil doar cu data-card3d=on. */
.dnc{display:none;--i:#14303a;--m:#5b6b73;--t:#2b6b70;--ti:#1f5f66;--l:#dfe3e2;--b:#f3f6f6;color:var(--i)}
#what-you-get[data-card3d=on] .dnc{display:block}
#what-you-get[data-card3d=on] .home-included-grid,#what-you-get[data-card3d=on] .home-audience-note{display:none}
.dnc-bars,.dnc-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.dnc-bars{margin:0 auto 26px;max-width:360px}
.dnc-bar{height:4px;border-radius:3px;background:#dfe5e4;position:relative;border:0;padding:0;width:100%;cursor:pointer}
.dnc-bar i{position:absolute;inset:0 auto 0 0;width:0;background:var(--t);border-radius:3px}
.dnc-bar b{position:absolute;left:0;top:8px;font:600 11px/1.2 inherit;color:var(--m);white-space:nowrap}
.dnc-bar.on b{color:var(--ti)}
.dnc-scene{perspective:1300px;display:grid;place-items:center;touch-action:pan-y;user-select:none;-webkit-user-select:none}
/* Keep the in-flow card height stable when mobile browser bars show/hide; dvh moved every section below it during scrolling. */
/* Route hits through the rotating parent to its visible face, including back-face links. */
.dnc-card{pointer-events:none;position:relative;width:min(100%,360px);height:min(590px,calc(100vh - 240px));height:min(590px,calc(100svh - 240px));transform:rotateY(var(--ry,0deg));transition:transform .85s cubic-bezier(.22,1,.36,1)}
.dnc-card,.dnc-sway,.dnc-face{transform-style:preserve-3d}
.dnc-sway{position:absolute;inset:0;animation:dncSway 7s ease-in-out infinite alternate}
@keyframes dncSway{from{transform:rotateX(5deg) rotateY(-5deg)}to{transform:rotateX(-2deg) rotateY(4deg)}}
.dnc-face{pointer-events:auto;position:absolute;inset:0;background:#fff;border:1px solid var(--l);border-radius:20px;padding:16px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 36px 64px -30px #14303a80;overflow:hidden;font-size:14px}
.dnc-face.bk{transform:rotateY(180deg)}
.dnc-sheen{position:absolute;inset:0;pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(115deg,transparent 35%,#ffffff8c 50%,transparent 65%);background-size:240% 100%;animation:dncSheen 7s ease-in-out infinite alternate}
@keyframes dncSheen{from{background-position:100% 0}to{background-position:0 0}}
.dnc-top,.dnc-btns,.dnc-src,.dnc-name{display:flex;align-items:center}
.dnc-top{justify-content:space-between;align-items:flex-start;margin-bottom:10px}
.dnc-photo,.dnc-logo{width:58px;height:58px;background:#efe9d9}
.dnc-photo{border-radius:50%;object-fit:cover;border:2px solid #efe9d9}
.dnc-logo{border-radius:14px;display:grid;place-items:center;font-weight:700;font-size:17px;background:var(--b)}
.dnc-ring{--s:0;width:66px;height:66px;border-radius:50%;background:conic-gradient(var(--t) calc(var(--s)*1%),#e6ebea 0);display:grid;place-items:center}
.dnc-ring>span{width:54px;height:54px;border-radius:50%;background:#fff;display:grid;place-content:center;text-align:center;line-height:1.1}
.dnc small{display:block;color:var(--m);font-size:11px}
.dnc-ring small{font-size:10px}
.dnc-ring b{font-size:15px}.dnc-ring b i,.dnc .v0{font-style:normal;font-weight:500;color:var(--m)}
.dnc-ring b i{font-size:11px}
.dnc-name{font-size:19px;font-weight:700;line-height:1.2;gap:8px}
.dnc-name::after{content:"";width:8px;height:8px;border-radius:50%;background:#2f9e63;box-shadow:0 0 0 3px #e3f3ea}
.dnc-type{color:var(--m);margin:2px 0 8px}
.dnc-badge{display:inline-block;padding:3px 10px;border-radius:8px;background:#e9f1f0;color:var(--ti);font-weight:600;font-size:12.5px;margin-bottom:12px}
.dnc-stats{gap:8px;margin-bottom:12px}
.dnc-stat{background:var(--b);border-radius:12px;padding:8px 9px}
.dnc-stat small{margin-bottom:2px}
.dnc-stat b,.dnc-about small{display:block;font-size:13px;line-height:1.25}
.dnc .v1{display:none}
.dnc-btns{gap:8px;margin-bottom:12px}
.dnc-btn{flex:1;padding:10px;border-radius:12px;text-align:center;font-weight:600;font-size:14px;background:var(--t);color:#fff}
.dnc-btn.gh{background:#fff;color:var(--i);border:1px solid var(--l)}
.dnc-about small{font-weight:600;margin-bottom:3px}
.dnc-about p{margin:0 0 10px;color:#2a3e47;line-height:1.4;min-height:5.6em}
.dnc-contact{border-top:1px solid var(--l);padding-top:10px;margin-bottom:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px;opacity:0;transform:translateZ(-60px) translateY(-16px);transition:opacity .45s,transform .75s cubic-bezier(.22,1,.36,1)}
.dnc-contact b{font-size:13.5px}
.dnc-contact.rp{grid-template-columns:1fr}
.dnc-bubble{margin:0;padding:9px 11px;border-radius:12px;background:#e9f1f0;color:#2a3e47;font-size:13.5px}
.dnc-src{gap:8px;border-top:1px solid var(--l);padding-top:10px;color:var(--m);font-size:12.5px}
.dnc-ic{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;flex:0 0 20px;background:var(--b)}
.dnc-ic img{width:14px;height:14px}
.dnc-src a,.dnc-link{color:var(--ti);font-weight:600}
.dnc-src a{margin-left:auto;white-space:nowrap}
.dnc-agent,.dnc-card[data-chap="2"] .dnc-driver{display:none}
.dnc-card[data-chap="2"] .dnc-agent{display:block}
.dnc-card.s1 .live .v0{display:none}.dnc-card.s1 .live .v1{display:block}.dnc-card.s1 .live .dnc-ring{--s:72}
.dnc-card.s2 .live .dnc-contact{opacity:1;transform:translateZ(10px) translateY(0)}
.dnc-caps,.dnc-tip{max-width:360px;margin:12px auto 0}
.dnc-caps{min-height:80px}
.dnc-cap{margin:0;font-size:16px;line-height:1.4}
.dnc-link{display:block;margin-top:6px}
.dnc-link:empty{display:none}
.dnc-typing::after{content:"";display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;background:var(--t);animation:dncBlink .7s steps(1) infinite}
@keyframes dncBlink{50%{opacity:0}}
.dnc-tip{margin-top:6px;font-size:12.5px;color:var(--m)}
@media(min-width:1024px),(prefers-reduced-motion:reduce){#what-you-get[data-card3d=on] .dnc{display:none}#what-you-get[data-card3d=on] .home-included-grid{display:grid}#what-you-get[data-card3d=on] .home-audience-note{display:block}}

/* Preserve the 3D movement while visible; stop its compositor work offscreen. */
.dnc.dnc-motion-paused, .dnc.dnc-motion-paused *,
.dnc.dnc-motion-paused::before, .dnc.dnc-motion-paused::after,
.dnc.dnc-motion-paused *::before, .dnc.dnc-motion-paused *::after { animation-play-state: paused !important; }

/* "Everything you get" ca drum: linia se coloreaza la derulare, fiecare oprire isi deseneaza iconita
   si ramane in miscare discreta. Fara JS sau cu reduced-motion: drum complet si iconite desenate. */
.rd{--rl:#e6ecea;--rd:#c3cecb;--rt:#2b6b70;--rt2:#7fd1c9;--rti:#1f5f66;--rn:#0f2733;position:relative;padding:6px 0 8px 110px}
.rd-road{position:absolute;left:30px;top:0;width:44px;height:100%;overflow:visible}
.rd-road .lane{stroke:var(--rl);stroke-width:14;stroke-linecap:round}
.rd-road .edge{stroke:#cfd9d6;stroke-width:18;stroke-linecap:round}
.rd-road .mid{stroke:var(--rd);stroke-width:2;stroke-dasharray:8 10;stroke-linecap:round}
/* relief discret: o margine mai deschisa in partea luminata, una mai inchisa in umbra */
.rd-road .lip{stroke-width:2;stroke-linecap:round}
.rd-road .lip.up{stroke:#f6f8f7}.rd-road .lip.dn{stroke:#ccd6d4}
.rd-road .mid.on{stroke:var(--rt)}
.rd-sign{position:relative;margin:30px 0 16px;display:inline-block;padding:5px 11px;border-radius:7px;background:var(--rn);color:#fff;font-weight:600;font-size:12.5px;transform:translateX(-78px);box-shadow:0 6px 14px -8px #0f2733b3}
.rd-sign::after{content:"";position:absolute;left:14px;top:100%;width:2px;height:12px;background:var(--rd)}
.rd-row{position:relative;padding:14px 0 16px}
.rd-row+.rd-row::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,#dfe3e2,transparent)}
.rd-stop{position:absolute;left:-58px;top:30px;width:10px;height:10px;border-radius:50%;background:linear-gradient(145deg,#fff,#cfd9d6);box-shadow:0 2px 3px #0f273340;transform:translate(-50%,-50%);transition:background .4s}
.rd-row.in .rd-stop{background:linear-gradient(145deg,var(--rt2),var(--rt));animation:rdPuck 2s ease-out infinite}
@keyframes rdPuck{0%{box-shadow:0 2px 3px #0f273340,0 0 0 0 #2b6b7073}70%{box-shadow:0 2px 3px #0f273340,0 0 0 9px #2b6b7000}100%{box-shadow:0 2px 3px #0f273340,0 0 0 0 #2b6b7000}}
/* placuta "Apple": squircle moale, linii subtiri rotunjite, un singur accent */
.rd-tile{position:absolute;left:-96px;top:4px;width:72px;height:72px;border-radius:22px;background:linear-gradient(145deg,#fff,#eef3f2);border:1px solid #e3e9e8;box-shadow:0 12px 22px -14px #0f273373,inset 0 1px 0 #fff;display:grid;place-items:center;opacity:0;transform:translateY(12px) scale(.94)}
.rd-row.in .rd-tile{animation:rdArrive .7s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes rdArrive{0%{opacity:0;transform:translateY(12px) scale(.94)}60%{opacity:1;transform:translateY(-2px) scale(1.05)}100%{opacity:1;transform:none}}
.rd-tile svg{width:44px;height:44px;overflow:visible;fill:none;stroke:#14303a;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.rd-tile .accent{stroke:var(--rt)}
.rd-tile .fill{fill:var(--rt);stroke:none}
/* desenare: fiecare traseu are pathLength="1" */
.rd .draw{stroke-dasharray:1;stroke-dashoffset:1}
.rd-row.in .draw{animation:rdDraw .9s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(var(--d,0) * 1s)}
@keyframes rdDraw{to{stroke-dashoffset:0}}
.rd .pop{transform-box:fill-box;transform-origin:center;transform:scale(0);opacity:0}
.rd-row.in .pop{animation:rdPop .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(var(--d,0) * 1s)}
@keyframes rdPop{to{transform:scale(1);opacity:1}}
.rd .tag.pop{transform:scale(0) rotate(10deg)}
.rd .dots circle,.rd .avatar,.rd .needle,.rd .plane,.rd .ring,.rd .tag,.rd .bar{transform-box:fill-box}
.rd .dots circle,.rd .avatar,.rd .plane,.rd .ring{transform-origin:center}
.rd .needle{transform-origin:left center;transform:rotate(-90deg)}
.rd .tag{transform-origin:left top}
.rd .bar{transform-origin:bottom;transform:scaleY(0)}
.rd-row.in .dots .pop{animation:rdPop .5s cubic-bezier(.34,1.56,.64,1) forwards,rdTyping 1.2s ease-in-out infinite;animation-delay:calc(var(--d,0) * 1s),calc(1.3s + var(--i) * .15s)}
@keyframes rdTyping{30%{transform:translateY(-2.5px)}60%{transform:translateY(0)}}
.rd-row.in .pop.avatar{animation:rdPop .5s cubic-bezier(.34,1.56,.64,1) .6s forwards,rdPulse 2.6s ease-in-out 1.4s infinite}
@keyframes rdPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}
.rd-row.in .needle{animation:rdNeedle 1.4s cubic-bezier(.3,1.3,.5,1) .5s forwards,rdWobble 2.2s ease-in-out 2s infinite}
@keyframes rdNeedle{to{transform:rotate(0deg)}}
@keyframes rdWobble{0%,100%{transform:rotate(0)}50%{transform:rotate(-7deg)}}
.rd .trail{stroke-dasharray:2 5}
.rd-row.in .trail{animation:rdTrail .8s linear infinite}
@keyframes rdTrail{to{stroke-dashoffset:-14}}
.rd-row.in .plane{animation:rdBob 2.4s ease-in-out infinite 1s}
@keyframes rdBob{50%{transform:translate(2px,-2px) rotate(-3deg)}}
.rd-row.in .ring{animation:rdRing 2.4s ease-in-out infinite 1.6s}
/* cercul e si traseu desenat, si element care respira: fara regula asta, `ring` ar inlocui `draw`
   si cercul ar ramane nedesenat (acelasi conflict exista si in proba). */
.rd-row.in .draw.ring{animation:rdDraw .9s cubic-bezier(.4,0,.2,1) forwards,rdRing 2.4s ease-in-out 1.6s infinite}
@keyframes rdRing{50%{transform:scale(1.06)}}
.rd-row.in .drop{animation:rdDrop 1.6s ease-in infinite .9s}
@keyframes rdDrop{0%,15%{transform:translateY(-4px);opacity:0}30%{opacity:1}70%{transform:translateY(8px);opacity:1}85%,100%{transform:translateY(12px);opacity:0}}
.rd-row.in .pop.tag{animation:rdPop .5s cubic-bezier(.34,1.56,.64,1) 1.1s forwards,rdSwing 2.4s ease-in-out 1.8s infinite}
@keyframes rdSwing{0%,100%{transform:rotate(10deg)}50%{transform:rotate(20deg)}}
.rd-row.in .bar{animation:rdGrow .8s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--d,0) * 1s)}
@keyframes rdGrow{to{transform:scaleY(1)}}
.rd-row.in .breathe{animation:rdGrow .8s cubic-bezier(.22,1,.36,1) .5s forwards,rdBreathe 2.2s ease-in-out 1.6s infinite}
@keyframes rdBreathe{50%{transform:scaleY(.9)}}
.rd-row.in .slide-r{animation:rdSlideR 1.9s ease-in-out infinite .9s}
.rd-row.in .slide-l{animation:rdSlideL 1.9s ease-in-out infinite .9s}
@keyframes rdSlideR{50%{transform:translateX(7px)}}
@keyframes rdSlideL{50%{transform:translateX(-7px)}}
.rd .runner{stroke-dasharray:.08 .92}
.rd-row.in .runner{animation:rdRun 1.5s linear infinite .9s}
@keyframes rdRun{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.rd-row h3{margin:0 0 3px;font-size:17px;line-height:1.25}
.rd-row p{margin:0;color:#5b6b73;font-size:14.5px;line-height:1.4}
.rd-finish{position:relative;margin:26px 0 0;padding:16px 16px 16px 18px;border-radius:16px;background:#fff;border:1px solid #dfe3e2;transform:translateX(-78px);width:calc(100% + 78px)}
.rd-finish::before{content:"";position:absolute;left:14px;top:-12px;width:14px;height:14px;border-radius:50%;background:linear-gradient(145deg,var(--rt2),var(--rt));box-shadow:0 0 0 4px #f7f6f2}
.rd-finish strong{display:block;font-size:16px;margin-bottom:4px}
.rd-finish a{color:var(--rti);font-weight:600}
/* reveal propriu: intrarile lui scroll-motion.js se opresc DOAR aici */
#everything-you-get .dn-scroll-reveal{opacity:1;transform:none;filter:none;pointer-events:auto;transition:none}
@media(min-width:1024px){.rd{max-width:760px;margin:0 auto;padding-left:136px}.rd-tile{left:-124px;top:0;width:96px;height:96px;border-radius:28px}.rd-tile svg{width:58px;height:58px}.rd-row h3{font-size:18px}.rd-row p{font-size:15px}}
@media(prefers-reduced-motion:reduce){
 .rd-tile{opacity:1;transform:none}
 .rd .draw{stroke-dashoffset:0}
 .rd .pop,.rd .bar,.rd .needle,.rd .tag.pop{transform:none;opacity:1}
 .rd-tile,.rd-row.in .rd-tile,.rd-row.in .draw,.rd-row.in .pop,.rd-row.in .dots .pop,.rd-row.in .pop.avatar,
 .rd-row.in .needle,.rd-row.in .trail,.rd-row.in .plane,.rd-row.in .ring,.rd-row.in .drop,.rd-row.in .pop.tag,
 .rd-row.in .bar,.rd-row.in .breathe,.rd-row.in .slide-r,.rd-row.in .slide-l,.rd-row.in .runner,
 .rd-row.in .rd-stop{animation:none!important}
 .rd .runner{stroke-dasharray:none}
}

/* Offscreen feature loops resume from the same frame when approached again. */
:is(.rd-row, .mk-tile).dn-motion-paused,
:is(.rd-row, .mk-tile).dn-motion-paused *,
:is(.rd-row, .mk-tile).dn-motion-paused::before,
:is(.rd-row, .mk-tile).dn-motion-paused::after,
:is(.rd-row, .mk-tile).dn-motion-paused *::before,
:is(.rd-row, .mk-tile).dn-motion-paused *::after { animation-play-state: paused !important; }

/* SITE7 — turul „How DriverNova helps you contact a driver" ca telefon in rama.
   Ecranul din rama e o captura reala de telefon pe date demo (1170x2355), deci raportul ramei
   si al capturii trebuie sa coincida: rama 9/17.5 cu padding 3.333% din latime da un ecran de
   390x785, exact cat a fost capturat. Asa `object-fit: cover` nu taie nimic si procentele
   hotspotului din tour-hotspots.json se citesc direct pe captura. */
.journey-phone .journey-screen-zoom { padding: 18px 16px 0; background: #f3f6f6; cursor: zoom-in; }
:is(.journey-phone, .dn-phone-shot) .dnp-phone {
  display: block; width: min(300px, 74vw); margin: 0 auto; padding: 3.333%;
  aspect-ratio: 9 / 17.5; border-radius: 38px; background: #0f2733; position: relative;
  box-shadow: 0 30px 50px -28px rgba(15, 39, 51, .7), inset 0 0 0 2px #2a4756;
}
/* Fara "notch": captura e ecranul aplicatiei, fara bara de stare a telefonului, asa ca un
   decupaj desenat peste ea ar acoperi antetul DriverNova. Rama se citeste din colturi si ramă. */
:is(.journey-phone, .dn-phone-shot) .dnp-screen {
  display: block; width: 100%; height: 100%; position: relative; overflow: hidden;
  border-radius: 30px; background: #fbfbf9; touch-action: pan-y;
}
:is(.journey-phone, .dn-phone-shot) .dnp-screen picture { display: block; width: 100%; height: 100%; }
:is(.journey-phone, .dn-phone-shot) .dnp-screen img {
  display: block; width: 100%; height: 100%; max-height: none; object-fit: cover; object-position: top;
}
/* SITE11: alunecarea e a TURULUI. Pe ramele statice o tranzitie declarata tine imaginea intr-un
   strat compus degeaba — exact ce se simtea ca inghetare la derulare pe iPhone. */
.journey-phone .dnp-screen img {
  transition: transform .35s cubic-bezier(.4, 0, .2, 1), opacity .35s cubic-bezier(.4, 0, .2, 1);
}
/* rama statica nu propaga nimic in afara ei: desenarea se opreste la marginea ei */
.dn-phone-shot .dnp-phone { contain: paint; }
/* SITE11: ecranele care nu sunt nici curent, nici urmatorul — nu se picteaza si nu se compun */
.journey-phone .dnp-strat.dnp-ascuns { visibility: hidden; }
/* punctul care arata unde se apasa la pasul curent */
/* Inel, nu punct plin: pe o captura reala un disc teal ar acoperi chiar butonul pe care il arata
   (vazut peste „Copy" la 1280 px). Inelul indica la fel de clar si lasa eticheta citibila. */
.journey-phone .dnp-hot {
  position: absolute; width: 20px; height: 20px; border-radius: 50%;
  border: 2.5px solid #2b6b70; background: rgba(255, 255, 255, .22);
  transform: translate(-50%, -50%); box-shadow: 0 0 0 0 rgba(43, 107, 112, .5);
  animation: dnpHot 2s ease-out infinite; pointer-events: none; z-index: 3;
}
@keyframes dnpHot {
  70% { box-shadow: 0 0 0 14px rgba(43, 107, 112, 0); }
  100% { box-shadow: 0 0 0 0 rgba(43, 107, 112, 0); }
}
/* pe desktop telefonul sta in dreapta textului pasului, nu in stanga lui */
@media (min-width: 1024px) {
  .journey-phone .journey-evidence { order: 2; }
  .journey-phone .candidate-document, .journey-phone .source-document { order: 1; }
  .journey-phone .dnp-phone { width: min(330px, 100%); }
}
@media (prefers-reduced-motion: reduce) {
  .journey-phone .dnp-hot { animation: none; }
  .journey-phone .dnp-screen img { transition: none; }
}

/* ─────────── SITE10, 6 octombrie 2026: aceeasi rama in restul sectiunilor ───────────
   Companies, Market si „Inside DriverNova" aratau capturi de desktop decupate in carduri, cu
   miniaturi necitibile si „Select image to enlarge". Acum arata UN ecran de telefon, ca turul:
   fara card, fara legenda, fara lightbox. Figura isi pastreaza clasa veche (asezarea in sectiune
   vine de acolo); aici se scot doar decorul de card si marginile. */
/* `!important`: figura isi pastreaza clasa veche pentru asezare, iar regulile ei de card
   (`.home-companies-layout .home-company-capture` etc.) sunt mai specifice decat asta. */
.dn-phone-shot {
  display: flex; justify-content: center;
  margin: 0; padding: 0 !important; overflow: visible !important;
  border: 0 !important; background: none !important; box-shadow: none !important;
}
.dn-phone-shot::before, .dn-phone-shot::after { content: none; }
@media (min-width: 1024px) {
  .dn-phone-shot .dnp-phone { width: min(330px, 100%); }
}

/* ─────────────── SITE9, 6 octombrie 2026: ecranele ca straturi deja decodate ───────────────
   Pana acum schimbarea pasului scria `src` pe aceeasi imagine: browserul descarca si decoda un
   WebP de 2,8 MP CHIAR IN TIMPUL gestului. Acum cele cinci ecrane stau suprapuse in rama, toate
   decodate inainte (phone-tour.js), iar pasul se schimba doar din opacitate. */
.journey-phone .dnp-strat {
  position: absolute; inset: 0; z-index: 1;
  width: 100%; height: 100%; max-height: none; margin: 0;
  object-fit: cover; object-position: top;
  transition: opacity .35s cubic-bezier(.4, 0, .2, 1), transform .35s cubic-bezier(.4, 0, .2, 1);
}
/* ADDENDUM SITE11 §2b: transparenta se aplica DOAR dupa ce rama a trecut pe straturi. Altfel,
   in tick-ul in care poza deja afisata primeste `.dnp-strat` dar inca nu `.dnp-activ`, rama
   ramane goala — pe 1,5 Mbps s-au masurat 2,0 s de rama goala pe release-ul SITE10. */
.journey-phone .dnp-screen.dnp-stratificat .dnp-strat { opacity: 0; }
/* ADDENDUM SITE11b §B — crossfade: stratul care IESE ramane opac dedesubt pana cand cel care
   INTRA a ajuns la opacitate 1. Cu amandoua pe jumatate transparente, fundalul ramei se vedea
   prin ele — exact „alunecarea de 350 ms fara imagine" din raportul SITE11. Alunecarea mica e
   a stratului care intra; `dnp-intra-*` e doar starea lui de start, pusa si scoasa din JS. */
.journey-phone .dnp-screen.dnp-stratificat .dnp-strat.dnp-iese { opacity: 1; visibility: visible; z-index: 1; }
.journey-phone .dnp-screen.dnp-stratificat .dnp-strat.dnp-activ { opacity: 1; z-index: 2; }
.journey-phone .dnp-strat.dnp-intra-dreapta { transform: translateX(7%); }
.journey-phone .dnp-strat.dnp-intra-stanga { transform: translateX(-7%); }
/* derularea verticala pornita pe rama ramane a browserului; JS-ul vede doar gestul orizontal */
.journey-phone .dnp-phone { touch-action: pan-y; }
/* ADDENDUM SITE11 §9: cand se sare la tur dintr-un link, antetul lipit nu acopera rama. */
.candidate-journey.journey-phone { scroll-margin-top: 84px; }
@media (prefers-reduced-motion: reduce) {
  .journey-phone .dnp-strat { transition: none; }
}

/* SITE8 (6 oct 2026, decizia A): pe iPhone tapul pe ecran deschidea lightbox-ul si „nu arata
   frumos". Sub 1024 px tapul face ce face tab-ul de sub rama (vezi phone-tour.js) si niciun
   dialog nu se deschide; de la 1024 px lightbox-ul arata acelasi telefon, pe fundal inchis. */
@media (max-width: 1023.98px) {
  .journey-phone .journey-screen-zoom { cursor: pointer; }
  /* al doilea buton deschidea acelasi dialog, cu ecranul deja aratat in rama */
  .journey-phone :is(.journey-screen-expand, .journey-profile-view) { display: none; }
}
@media (min-width: 1024px) {
  /* `[open]`: un `display` neconditionat ar anula `dialog:not([open]) { display: none }`.
     `fit-content`: cutia trebuie sa fie cat telefonul, ca restul sa ramana fundal — acolo cade
     tapul care inchide (script.js compara punctul cu dreptunghiul dialogului). */
  #dashboard-dialog.phone-capture[open] { display: flex; flex-direction: column; align-items: center;
    gap: 14px; width: fit-content; max-width: 96vw; max-height: 100vh;
    padding: 0; border: 0; background: transparent; box-shadow: none; overflow: visible; }
  #dashboard-dialog.phone-capture::backdrop { background: rgba(15, 39, 51, .92); }
  #dashboard-dialog.phone-capture picture { order: 1; display: block; box-sizing: border-box;
    width: auto; max-width: none; height: min(90vh, calc(100vh - 86px)); aspect-ratio: 9 / 17.5;
    margin: 0; padding: 3.333%; border-radius: 38px; background: #0f2733;
    box-shadow: 0 30px 50px -28px rgba(15, 39, 51, .7), inset 0 0 0 2px #2a4756; }
  #dashboard-dialog.phone-capture img { width: 100%; height: 100%; max-height: none; margin: 0;
    border-radius: 30px; object-fit: cover; object-position: top; }
  /* titlul pasului: `aria-label`, pe care applyDashboardView il scrie deja tradus */
  #dashboard-dialog.phone-capture::after { order: 2; content: attr(aria-label); color: #fff;
    font-size: 16px; font-weight: 600; line-height: 1.3; text-align: center; }
  #dashboard-dialog.phone-capture > p { order: 3; margin: 0; padding: 0; font-size: 12px;
    line-height: 1.4; color: rgba(255, 255, 255, .72); text-align: center; }
  #dashboard-dialog.phone-capture .dialog-close { order: 0; position: fixed; top: 18px; right: 18px;
    margin: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .14); color: #fff; }
}

/* The tour pulse remains identical on screen and rests while its frame is away. */
.journey-phone.dnp-motion-paused .dnp-hot { animation-play-state: paused !important; }

/* Distinct product examples retain a visible context below the native screen. */
.dn-phone-shot.dn-example-phone { display: flex; flex-direction: column; align-items: center; gap: 18px; }
.dn-phone-shot.dn-example-phone .dnp-phone { height: auto; aspect-ratio: auto; }
.dn-example-phone .dnp-screen { height: auto; }
.dn-example-phone .dnp-screen img { height: auto; max-height: none; object-fit: contain; }
.dn-phone-shot.dn-example-phone .dn-example-caption { display: block; max-width: 330px; margin: 0; padding: 0; border: 0; background: none; color: #626d6a; font-size: 12px; line-height: 1.5; text-align: center; }

.home-page #market-insights .dn-example-caption { color: #d2e1de; }

/* SITE9, 6 octombrie 2026 — pe ecranele cu deget, fara sticla si fara blur.
   Masurat de Fable si de mine pe Chromium care emuleaza iPhone 13: `backdrop-filter` si
   `filter: blur()` dubleaza timpul de desenare a unui cadru (DirectRenderer::DrawFrame 3,6 ms ->
   2,3 ms) si inmultesc de ~3,5 ori quad-urile pe care le are de compus compozitorul. Pe mouse nu
   se schimba nimic: tot blocul e sub `(hover: none) and (pointer: coarse)`.

   Fiecare fundal translucid care pierde blur-ul primeste ACEEASI culoare, mai opaca (alpha
   0,88-0,96), ca sa ramana lizibil peste ce e dedesubt. Textele, culorile si layout-ul raman.
   Fisierul se incarca ULTIMUL in bundle (scripts/prepare-static.py), deci nu are nevoie de
   specificitate mai mare decat regulile pe care le acopera — doar de `!important` pe oprirea
   efectului, ca sa nu existe nicio combinatie in care ramane pornit. */

@media (hover: none) and (pointer: coarse) {

  /* ── 1. backdrop-filter: oprit peste tot ────────────────────────────────────────────────── */
  .desktop-nav,
  .desktop-nav.dn-pill-nav,
  .header-login,
  .button.secondary,
  .video-toggle,
  .home-page .video-toggle,
  .zoom-hint,
  .menu-toggle,
  .menu-toggle.dn-card-trigger,
  #mobile-nav,
  #mobile-nav.dn-card-menu,
  .audience-tabs,
  .dn-glass-icon,
  .home-page .problem-stories article,
  dialog::backdrop {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  /* ── 2. fundaluri mai opace, aceeasi culoare ─────────────────────────────────────────────── */
  .desktop-nav { background: rgba(255, 255, 255, .9); }
  .desktop-nav.dn-pill-nav { background: rgba(255, 255, 255, .9); }
  .header-login { background: rgba(255, 255, 255, .9); }
  .button.secondary { background: rgba(255, 255, 255, .92); }
  .video-toggle { background: rgba(255, 255, 255, .9); }
  .home-page .video-toggle { background: rgba(32, 37, 34, .94); }
  .zoom-hint { background: rgba(255, 255, 255, .93); }
  .audience-tabs { background: rgba(255, 255, 255, .9); }
  .dn-glass-icon {
    background: linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(211, 232, 231, .88));
  }
  dialog::backdrop { background: rgba(33, 26, 18, .88); }

  @media (max-width: 850px) {
    .menu-toggle { background: rgba(255, 255, 255, .92); }
    /* meniul acopera pagina: fara blur are nevoie de un fundal aproape plin, altfel textul de
       dedesubt se citeste prin el */
    #mobile-nav { background: rgba(255, 255, 255, .97); }
  }
  /* `.menu-toggle.dn-card-trigger` (#ecf3ed) si `#mobile-nav.dn-card-menu` (#f9faf6) au deja
     fundal opac si sunt mai specifice decat regulile de mai sus — lor le cade doar efectul. */

  /* ── 3. filter: blur() din tranzitii -> doar opacitate si deplasare ──────────────────────── */
  /* Toate patru au deja `opacity: 0` si un `transform` in aceeasi regula, deci efectul ramane
     citibil fara filtru (si fara un strat de compozitare in plus la fiecare cadru). */
  /* `.t-text-swap` si `.dn-letterized ... .dn-letter` au in repaus `filter: blur(0)`: nu se vede
     nimic, dar un filtru declarat tine un strat de compozitare in plus la fiecare cadru. */
  .t-panel-slide,
  .t-text-swap,
  .t-text-swap.is-exit,
  .t-text-swap.is-enter-start,
  .dn-letter,
  .dn-letterized.is-letter-visible .dn-letter {
    filter: none !important;
    -webkit-filter: none !important;
  }

  /* ── 4. SITE11: straturi compuse degeaba ───────────────────────────────────────────────── */
  /* Cele trei reguli cu `filter` in `will-change` promoveaza un strat pentru un efect care pe
     touch e deja oprit mai sus. `.dn-letter` are 144 de instante pe Home — 144 de straturi.
     `.t-avatar` se misca doar la hover, care pe deget nu exista. Raman promovate doar banda de
     sigle (animatie continua reala) si cele doua suprafete care chiar alunecă la deschidere. */
  .t-panel-slide,
  .t-text-swap,
  .dn-letter,
  .t-avatar {
    will-change: auto !important;
  }
}

/* ─────────── SITE11 §4: comutatoarele de proba (`?fx=none`, `?fx=noframes`) ───────────
   Fara parametru in URL nu se aplica nimic: atributul `data-fx` nu exista. */
html[data-fx="none"] *,
html[data-fx="none"] *::before,
html[data-fx="none"] *::after {
  animation: none !important;
  transition: none !important;
  will-change: auto !important;
  filter: none !important;
  -webkit-filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  scroll-behavior: auto !important;
}
html[data-fx="none"] video { display: none !important; }
/* SITE11c: `none` opreste prea multe deodata ca sa stim CE anume a ajutat. Doua comutatoare
   mai inguste, ca sa se poata despica pe acelasi telefon:
   `?fx=noanim`   — doar animatiile si tranzitiile (inclusiv cele infinite din iconitele
                    drumului, din placutele de pe /market/ si din hotspotul turului);
   `?fx=nofilter` — doar `filter` / `backdrop-filter` si `will-change`. */
html[data-fx="noanim"] *,
html[data-fx="noanim"] *::before,
html[data-fx="noanim"] *::after {
  animation: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
}
html[data-fx="nofilter"] *,
html[data-fx="nofilter"] *::before,
html[data-fx="nofilter"] *::after {
  will-change: auto !important;
  filter: none !important;
  -webkit-filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* `noframes`: dreptunghi gri de EXACT aceleasi dimensiuni, fara nicio imagine de decodat. */
html[data-fx="noframes"] .dnp-screen img { visibility: hidden !important; }
html[data-fx="noframes"] .dnp-screen { background: #c9ccce !important; }

/* SITE13 (6 oct 2026) — cele doua landing-uri publice, /for-carriers/ si /for-recruiters/.
   Tot ce se putea refolosi se refoloseste: .page-intro, .page-lead, .page-actions, .solution-photo,
   .dn-phone-shot, .plan-card, .check-list, .faq-list, .page-cta. Aici stau DOAR cele patru lucruri
   care nu existau global: antetul de sectiune (cel de pe /market/ e legat de `.market-page`),
   grila de randuri cu iconita (la fel), grila de TREI carduri de plan (`.pricing-grid` e de doua)
   si nota mica (`.small-note` exista numai sub `.market-block`). */

/* Accentul paginii, acelasi ca pe hub-ul /solutions/ (fiecare pagina interioara isi declara
   propriul `--page-accent`; fara el cele doua pagini noi ar cadea pe implicitul altei pagini). */
.inner-page[data-page=for-carriers], .inner-page[data-page=for-recruiters] { --page-accent: #167869; }
.pub-page .page-intro .eyebrow { color: #765738; }
.pub-page .page-intro .page-actions { margin-top: 30px; }
.pub-photo { padding-top: 0; padding-bottom: 8px; }

.pub-section { padding-top: 34px; padding-bottom: 34px; }
.pub-head { max-width: 780px; margin-bottom: 26px; }
.pub-head .eyebrow { color: #2b6b70; margin-bottom: 12px; }
.pub-head h2 { font-size: clamp(28px, 2.6vw, 36px); letter-spacing: -1.2px; line-height: 1.14;
  color: #202522; margin: 0 0 16px; }
.pub-head p { font-size: 16px; line-height: 1.72; color: var(--muted); margin: 0; }

/* Text langa rama de telefon. O coloana pe telefon, doua de la 900 px. */
.pub-with-shot { display: grid; gap: 28px; align-items: center; }
.pub-with-shot .dn-phone-shot { margin: 0; }
.pub-note { font-size: 13px; line-height: 1.65; color: #6b6760; margin: 16px 0 0; max-width: 620px; }

/* Randuri cu iconita desenata (aceleasi `.mk-tile` ca pe /market/, aprinse de road.js). */
.pub-rows { display: grid; gap: 30px; margin: 28px 0 0; padding: 0; list-style: none; }
.pub-rows > li { margin: 0; }
.pub-rows h3 { font-size: 17px; line-height: 1.4; letter-spacing: -.4px; color: #202522;
  margin: 0 0 6px; font-weight: 600; }
.pub-rows p { font-size: 15px; line-height: 1.6; color: var(--muted); margin: 0; }

.pub-plans { display: grid; grid-template-columns: 1fr; gap: 18px; margin-top: 8px; }
.pub-plans .plan-card .plan-price strong { font-size: 30px; }
.pub-plans .plan-card .plan-summary { margin-bottom: 14px; }
.pub-after-plans { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px 18px;
  margin: 22px 0 0; font-size: 15px; line-height: 1.65; color: var(--muted); }

.pub-faq { padding-top: 10px; }

/* Butonul secundar pe fundalul inchis al CTA-ului. Regula de baza il lasa cu text grafit
   (#202522) pe teal — pana la SITE13 nicio pagina nu avea buton secundar in `.page-cta`. */
.pub-page .page-cta .button.secondary {
  background: transparent; border-color: rgba(255, 255, 255, .55); color: #fff; }
.pub-page .page-cta .button.secondary:hover {
  background: rgba(255, 255, 255, .12); border-color: #fff; }

@media (min-width: 760px) {
  .pub-rows { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 34px; }
  .pub-plans { grid-template-columns: repeat(3, 1fr); gap: 22px; }
}

@media (min-width: 900px) {
  .pub-section { padding-top: 46px; padding-bottom: 46px; }
  .pub-with-shot { grid-template-columns: 1.1fr .9fr; gap: 56px; }
  .pub-with-shot.reverse .pub-shot-col { order: -1; }
  .pub-head { margin-bottom: 0; }
}

/* Desktop composition. Keep every rule inside this breakpoint: the accepted phone
   and tablet layout, media and interactions remain governed by the existing styles. */
@media (min-width: 1024px) {
  .section-shell {
    max-width: none;
    padding-inline: max(48px, calc((100% - 1200px) / 2));
  }
  .header, .inner-page .header {
    padding-inline: max(32px, calc((100% - 1280px) / 2));
  }
  .home-page .hero, .home-page .source-strip {
    padding-inline: max(48px, calc((100% - 1200px) / 2));
  }
  .home-page :is(.home-section-heading, .home-included-grid, .home-audience-note,
    .home-companies-layout, .home-agents-layout) { max-width: 1200px; }
  .home-page :is(.home-included, .home-info, .home-companies, .home-agents) {
    padding-block: 64px;
  }

  /* A percentage inset was relative to the wide column, cropping the screenshot.
     330px shell / 11px inset preserves the original 660:1329 screen proportion. */
  :is(.journey-phone, .dn-phone-shot) .dnp-phone {
    box-sizing: border-box;
    width: 330px;
    /* WebKit needs a definite height for the screen inside the zoom button. */
    height: calc(330px * 17.5 / 9);
    max-width: 100%;
    padding: 11px;
    flex: none;
  }
  #dashboard-dialog.phone-capture picture { padding: 11px; }

  .home-page .home-companies-layout {
    grid-template-columns: minmax(0, 1fr) 380px;
    gap: clamp(40px, 5vw, 80px);
  }
  .home-page .home-business-copy { max-width: 620px; }
  .home-page .home-business-copy h2 { font-size: clamp(32px, 3vw, 42px); }
  .home-page .home-business-intro { font-size: 17px; }
  .home-page .home-business-benefits { font-size: 15px; }
  .inner-page #capabilities .product-layout {
    grid-template-columns: 380px minmax(0, 1fr);
    align-items: center;
    gap: clamp(40px, 6vw, 88px);
    max-width: 1120px;
    margin-inline: auto;
  }
  .inner-page .about-evidence {
    grid-template-columns: 380px minmax(0, 1fr);
    gap: clamp(40px, 6vw, 88px);
    padding-block: 64px;
  }
  .home-page .market-teaser {
    grid-template-columns: minmax(0, 1fr) 380px;
    grid-template-areas: 'copy proof' 'actions proof';
    grid-template-rows: auto auto;
    gap: 22px clamp(40px, 5vw, 80px);
    align-content: center;
    padding-block: 64px;
  }
  .market-teaser .market-teaser-proof { align-self: center; }
  .market-teaser .market-teaser-actions { align-self: start; }
  .market-teaser .market-teaser-copy > .market-explainer-lead { max-width: 60ch; }
  .market-teaser #market-teaser-title { max-width: 22ch; }
  .market-teaser .market-feature-link { padding: 16px 20px; }

  /* The same phone stays beside the explanation on every step. The existing DOM,
     tab order, source content and handlers are shared with the mobile tour. */
  .candidate-journey.journey-reference.journey-phone {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 380px;
    grid-template-rows: auto auto 1fr;
    gap: 22px clamp(40px, 5vw, 80px);
    padding-block: 64px;
    align-items: start;
  }
  .candidate-journey.journey-reference.journey-phone .journey-heading {
    grid-column: 1;
    grid-row: 1;
    margin: 0;
    text-align: left;
  }
  .candidate-journey.journey-reference.journey-phone .journey-heading h2 {
    font-size: clamp(32px, 3vw, 42px);
  }
  .candidate-journey.journey-reference.journey-phone .journey-heading > p {
    margin: 14px 0 0;
    font-size: 16px;
  }
  .candidate-journey.journey-reference.journey-phone .journey-nav {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
    margin: 0;
  }
  .candidate-journey.journey-reference.journey-phone .journey-nav button {
    min-height: 50px;
    padding: 7px 12px;
    gap: 14px;
    border: 1px solid transparent;
    font-size: 15px;
  }
  .candidate-journey.journey-reference.journey-phone .journey-nav button::after { content: none; }
  .candidate-journey.journey-reference.journey-phone .journey-nav button[aria-selected=true] {
    background: #edf5f2;
    border-color: #bfd3ce;
  }
  .candidate-journey.journey-reference.journey-phone .journey-step-number {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
    font-size: 14px;
  }
  .candidate-journey.journey-reference.journey-phone .journey-pair { display: contents; }
  .candidate-journey.journey-reference.journey-phone .journey-evidence {
    grid-column: 2;
    grid-row: 1 / 4;
    align-self: start;
    width: 100%;
  }
  .candidate-journey.journey-reference.journey-phone .candidate-document {
    grid-column: 1;
    grid-row: 3;
    align-self: start;
    margin: 0;
    width: 100%;
    padding: 22px 24px;
  }
  .journey-phone .journey-screen-zoom { padding-inline: 12px; }

  /* Two readable feature columns replace the long, overlapping desktop road.
     The six driver stops remain in reading order, followed by companies/market. */
  #everything-you-get { padding-block: 64px; }
  #everything-you-get .rd {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 64px;
    max-width: 1200px;
    margin: 32px auto 0;
    padding: 0;
  }
  #everything-you-get .rd-road, #everything-you-get .rd-stop { display: none; }
  #everything-you-get .rd-sign {
    justify-self: start;
    align-self: end;
    margin: 0 0 14px;
    transform: none;
  }
  #everything-you-get .rd-sign::after { content: none; }
  #everything-you-get .rd-sign:nth-of-type(1) { grid-area: 1 / 1; }
  #everything-you-get .rd-sign:nth-of-type(2) { grid-area: 1 / 2; }
  #everything-you-get .rd-sign:nth-of-type(3) { grid-area: 3 / 2; }
  #everything-you-get .rd-row {
    min-height: 104px;
    padding: 18px 0 20px 86px;
  }
  #everything-you-get .rd-row:nth-of-type(1) { grid-area: 2 / 1; }
  #everything-you-get .rd-row:nth-of-type(2) { grid-area: 3 / 1; }
  #everything-you-get .rd-row:nth-of-type(3) { grid-area: 4 / 1; }
  #everything-you-get .rd-row:nth-of-type(4) { grid-area: 5 / 1; }
  #everything-you-get .rd-row:nth-of-type(5) { grid-area: 6 / 1; }
  #everything-you-get .rd-row:nth-of-type(6) { grid-area: 7 / 1; }
  #everything-you-get .rd-row:nth-of-type(7) { grid-area: 2 / 2; }
  #everything-you-get .rd-row:nth-of-type(8) { grid-area: 4 / 2; }
  #everything-you-get .rd-row:nth-of-type(9) { grid-area: 5 / 2; }
  #everything-you-get .rd-row:nth-of-type(10) { grid-area: 6 / 2; }
  #everything-you-get .rd-tile { left: 0; top: 14px; width: 64px; height: 64px; border-radius: 20px; }
  #everything-you-get .rd-tile svg { width: 40px; height: 40px; }
  #everything-you-get .rd-row h3 { line-height: 1.4; }
  #everything-you-get .rd-row p { line-height: 1.55; }
  #everything-you-get .rd-finish {
    grid-area: 7 / 2;
    align-self: center;
    margin: 0;
    width: auto;
    transform: none;
  }
  #everything-you-get .rd-finish::before { content: none; }

  /* Market evidence belongs next to its explanation, with usable text sizes. */
  .market-page :is(.pay-benchmarks, .market-offers) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 380px;
    column-gap: clamp(40px, 5vw, 80px);
    row-gap: 20px;
    align-content: start;
    align-items: start;
    padding-block: 64px;
  }
  .market-page :is(.pay-benchmarks, .market-offers) > .market-section-heading {
    grid-area: 1 / 1;
    max-width: none;
    margin: 0;
  }
  .market-page :is(.pay-benchmarks, .market-offers) > .market-capture {
    grid-column: 2;
    grid-row: 1 / 6;
    margin: 0;
    align-self: center;
  }
  .market-page .pay-unit-grid, .market-page .offer-detail-list {
    grid-area: 2 / 1;
    grid-template-columns: minmax(0, 1fr);
    margin: 0;
    gap: 12px;
  }
  .market-page :is(.pay-unit-grid, .offer-detail-list) article {
    display: grid;
    grid-template-columns: 60px minmax(0, 1fr);
    column-gap: 18px;
    padding: 18px 20px;
  }
  .market-page :is(.pay-unit-grid, .offer-detail-list) article > .mk-tile {
    grid-column: 1;
    grid-row: 1 / 4;
    width: 60px;
    height: 60px;
    margin: 0;
  }
  .market-page :is(.pay-unit-grid, .offer-detail-list) article > :is(h3, p, .pay-unit) { grid-column: 2; }
  .market-page :is(.pay-unit-grid, .offer-detail-list) h3 { font-size: 18px; margin-bottom: 6px; }
  .market-page :is(.pay-unit-grid, .offer-detail-list) p { line-height: 1.6; }
  .market-page .pay-benchmarks > .market-compare-actions { grid-area: 3 / 1; margin: 0; }
  .market-page .pay-benchmarks > .market-app-access-note { grid-area: 4 / 1; margin: -8px 0 0; }
  .market-page .pay-benchmarks > .benchmark-caption { grid-area: 5 / 1; margin: 0; }
  .market-page .market-offers > .market-capture { grid-row: 1 / 3; }
  .market-page .market-offers { align-content: center; }
}

/* Product-first presentation; imagery comes from the unmodified customer app. */
.home-page #what-you-get { background: #faf9f4; padding-block: 32px; }
.home-page #what-you-get .home-leads-desktop-copy { display: block; }
.home-page #what-you-get .home-section-heading { max-width: 1200px; margin-bottom: 20px; }
.home-page #what-you-get .home-section-heading h2 { max-width: 950px; font-size: clamp(28px, 3vw, 38px); }
.home-page #what-you-get .home-section-heading > p:not(.home-leads-kicker) { margin-top: 8px; font-size: 15px; line-height: 1.6; }
.home-page #what-you-get .home-leads-kicker { margin: 0 0 8px; color: #876733; font-size: 10px; font-weight: 600; line-height: 1.5; letter-spacing: .1em; text-transform: uppercase; }
.home-page .dn-leads-desktop { display: grid; grid-template-columns: minmax(0,1fr); gap: 16px; max-width: 1200px; margin-inline: auto; }
.dn-leads-nav { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; min-width: 0; border-bottom: 1px solid #d8dacd; }
.dn-leads-tab { display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 48px; padding: 10px 14px; border-bottom: 2px solid transparent; margin-bottom: -1px; color: #626b6a; text-align: center; text-decoration: none; }
.dn-leads-tab > span { min-width: 0; }
.dn-leads-tab strong { display: block; margin: 0; font-size: 16px; font-weight: 600; line-height: 1.35; letter-spacing: -.015em; }
.dn-leads-tab:hover { color: #245d69; background: #f3f2ea; }
.dn-leads-tab[aria-selected=true] { color: #172936; border-bottom-color: #876733; background: #f1eee4; }
.dn-leads-tab:focus-visible { outline: 2px solid #245d69; outline-offset: -3px; }
.dn-leads-panels { display: grid; gap: 24px; min-width: 0; }
.dn-lead-panel { display: grid; grid-template-columns: minmax(0,1fr); gap: 14px; min-width: 0; }
.dn-lead-panel[hidden] { display: none; }
.dn-lead-panel:focus-visible { outline: 2px solid #245d69; outline-offset: 5px; }
.dn-product-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-width: 0; }
.dn-lead-details { min-width: 0; }
.dn-lead-details h3 { margin: 0 0 5px; color: #172936; font-size: 20px; line-height: 1.3; font-weight: 600; letter-spacing: -.025em; }
.dn-lead-excerpt { margin: 0; max-width: 830px; font-size: 13px; line-height: 1.6; color: #42535a; }
.dn-lead-action { display: inline-flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; flex: none; color: #245d69; text-decoration: none; font-size: 13px; line-height: 1.5; font-weight: 600; }
.dn-lead-action:hover { color: #876733; text-decoration: underline; text-underline-offset: 4px; }
.dn-lead-action:focus-visible { outline: 2px solid #245d69; outline-offset: 4px; }
.dn-lead-action svg { flex: none; width: 17px; height: 17px; }
.dn-product-shot { min-width: 0; width: 100%; max-width: 480px; margin: 0 auto; }
.dn-product-capture { display: block; overflow: hidden; border: 1px solid #d8ddd6; border-radius: 10px; background: #f4f6f8; text-decoration: none; color: #245d69; }
.dn-product-capture:focus-visible { outline: 2px solid #245d69; outline-offset: 4px; }
.dn-product-capture picture { display: block; }
.dn-product-capture img { display: block; width: 100%; height: auto; }
.dn-capture-enlarge { display: flex; align-items: center; justify-content: space-between; gap: 8px 16px; padding: 9px 13px; background: #fffefa; border-top: 1px solid #e2e3db; font-size: 11px; line-height: 1.5; }
.dn-capture-note { color: #65706a; font-size: 10px; line-height: 1.5; }
.dn-capture-link { display: inline-flex; align-items: center; justify-content: flex-end; gap: 6px; flex: none; }
.dn-product-capture:hover .dn-capture-link { color: #876733; }
.dn-capture-link svg { flex: none; width: 14px; height: 14px; }
@media (min-width: 900px) {
  .dn-product-shot { max-width: none; }
}
@media (max-width: 899px) {
  .dn-product-heading { max-width: 480px; width: 100%; margin-inline: auto; align-items: flex-start; flex-direction: column; gap: 2px; }
  .dn-lead-action { min-height: 38px; }
  .dn-lead-panel { gap: 8px; }
}
@media (max-width: 599px) {
  .home-page #what-you-get { padding-block: 24px; }
  .home-page #what-you-get .home-section-heading { margin-bottom: 14px; }
  .home-page #what-you-get .home-section-heading > p:not(.home-leads-kicker) { font-size: 14px; }
  .home-page .dn-leads-desktop { gap: 14px; }
  .dn-leads-tab { min-height: 46px; padding: 8px 6px; }
  .dn-leads-tab strong { font-size: 14px; }
  .dn-lead-details h3 { font-size: 19px; }
  .dn-capture-enlarge { align-items: flex-start; flex-direction: column; gap: 5px; padding: 8px 10px; }
  .dn-capture-link { align-self: flex-end; }
}

/* Keep the reference lead card at the proportions of the product's own card UI. */
.dn-lead-panel--example { max-width: 1120px; width: 100%; margin-inline: auto; }
.dn-lead-panel--example .dn-product-capture { border: 0; border-radius: 0; overflow: visible; background: transparent; }
.dn-lead-panel--example .dn-product-capture picture { padding: 8px; border: 1px solid #e2e3db; border-radius: 18px; background: #f3f5f6; }
.dn-lead-panel--example .dn-product-capture img { border-radius: 12px; }
.dn-lead-panel--example .dn-capture-enlarge { background: transparent; border-top: 0; padding: 8px 2px 0; }
@media (min-width: 900px) {
  .dn-lead-panel--example { grid-template-columns: minmax(240px, 0.8fr) minmax(0, 1.6fr); gap: 32px; align-items: center; padding: 20px 24px; border: 1px solid #e0dfd5; border-radius: 14px; background: #f5f3ec; }
  .dn-lead-panel--example .dn-product-heading { flex-direction: column; align-items: flex-start; justify-content: center; gap: 16px; }
  .dn-lead-panel--example .dn-lead-details h3 { margin-bottom: 12px; font-size: 25px; line-height: 1.25; }
  .dn-lead-panel--example .dn-lead-excerpt { max-width: 310px; font-size: 14px; line-height: 1.7; }
  .dn-lead-panel--example .dn-product-shot { max-width: 680px; }
}
@media (max-width: 599px) {
  .dn-lead-panel--example .dn-product-capture picture { padding: 4px; border-radius: 14px; }
  .dn-lead-panel--example .dn-capture-enlarge { flex-direction: row; align-items: center; gap: 8px; }
  .dn-lead-panel--example .dn-capture-note { max-width: 60%; }
}

/* Homepage surface rhythm. Color-only changes preserve the existing responsive
   geometry, product captures, source logos and interaction performance. */
.home-page {
  --home-petrol-deep: #173e46;
  --home-petrol-pale: #e6efec;
  --home-bronze: #946c45;
  --home-bronze-pale: #f5ecdf;
  --home-bronze-light: #dfbd90;
}

/* A white driver chapter, with warm surfaces framing the real product. */
.home-page #platform-preview {
  background: #fff;
  border-top-color: #e6e6de;
}
.home-page #platform-preview .journey-heading .eyebrow {
  color: var(--home-bronze);
}
.home-page #platform-preview .candidate-document {
  background: #faf8f3;
  border-color: #e4ddd1;
}
.home-page #platform-preview .journey-screen-zoom { background: #f5f1e9; }
.home-page #platform-preview .journey-nav button[aria-selected=true] {
  background: var(--home-bronze-pale);
  border-color: #d9c3a7;
  color: #725032;
}
.home-page #platform-preview .journey-nav button[aria-selected=true] > .journey-step-number {
  background: var(--home-bronze);
  border-color: var(--home-bronze);
  color: #fff;
}

/* Companies have a distinct cool surface; the phone image stays unmodified. */
.home-page #companies-preview {
  background: var(--home-petrol-pale);
  border-top-color: #cbded7;
}
.home-page #companies-preview .eyebrow { color: #735334; }
.home-page #companies-preview .home-business-copy h2 { color: var(--home-petrol-deep); }
.home-page #companies-preview :is(.home-business-intro,.home-business-benefits) { color: #435f61; }
.home-page #companies-preview .home-business-access-note { color: #526a6a; }

/* The market chapter carries the strongest contrast, with white data cards. */
.home-page #market-insights {
  background: var(--home-petrol-deep);
  border-color: #31565d;
  color: #fff;
}
.home-page #market-insights .market-teaser-copy > .eyebrow { color: var(--home-bronze-light); }
.home-page #market-insights #market-teaser-title { color: #fff; }
.home-page #market-insights .market-teaser-copy > .market-explainer-lead { color: #d2e1de; }
.home-page #market-insights .market-teaser-copy > .market-evidence-note,
.home-page #market-insights .market-teaser-actions > p { color: #b8cfcb; }
.home-page #market-insights .market-feature-link {
  background: #fff;
  border-color: #d8e5df;
  color: var(--home-petrol-deep);
}
.home-page #market-insights .market-feature-link:hover {
  background: #faf8f3;
  border-color: var(--home-bronze-light);
}
.home-page #market-insights :is(.market-feature-heading h3,.market-pay-value,.market-activity-count) {
  color: var(--home-petrol-deep);
}
.home-page #market-insights .market-pay-row[data-side=offered] .market-pay-fill {
  background: var(--home-bronze);
}
.home-page #market-insights .market-teaser-actions .button.primary {
  background: #faf4e8;
  border-color: #faf4e8;
  color: var(--home-petrol-deep);
}
.home-page #market-insights .market-teaser-actions .button.primary:hover {
  background: #eee2d2;
  border-color: #eee2d2;
}
.home-page #market-insights :is(.market-feature-link,.market-teaser-actions .button):focus-visible {
  outline-color: var(--home-bronze-light);
}
.home-page #market-insights .dnp-phone {
  box-shadow: 0 30px 50px -28px #061c24b3, inset 0 0 0 2px #63858c;
}

/* Keep the existing compact tabs and touch behavior, including all three states. */
@media (max-width: 600px) {
  .home-page #market-insights .market-mobile-tabs:not([hidden]) {
    background: #214b53;
    border-color: #50767b;
  }
  .home-page #market-insights .market-mobile-tabs button { color: #e0eae7; }
  .home-page #market-insights .market-mobile-tabs button[aria-selected=true] {
    background: var(--home-bronze-pale);
    color: #725032;
  }
  .home-page #market-insights .market-mobile-tabs button:focus-visible {
    outline-color: var(--home-bronze-light);
  }
}

/* Capture viewer: use the existing t-modal motion tokens and keep tour gestures separate. */
.dn-phone-shot.dn-zoom-figure { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.dn-capture-trigger { display: block; width: 100%; min-width: 0; color: #285e68; cursor: zoom-in; }
.dn-product-capture { cursor: zoom-in; }
.dn-capture-trigger:focus-visible { outline: 2px solid #876733; outline-offset: 6px; border-radius: 12px; }
.dn-zoom-hint { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 12px; font-size: 12px; font-weight: 600; line-height: 1.5; }
.dn-zoom-hint svg { width: 16px; height: 16px; flex: none; }
.dn-capture-trigger:hover .dn-zoom-hint { text-decoration: underline; text-underline-offset: 4px; }
.home-page #market-insights .dn-zoom-hint { color: #d2e1de; }
#dn-capture-dialog { width: min(1120px, calc(100vw - 48px)); max-width: none; max-height: calc(100vh - 48px); max-height: calc(100dvh - 48px); margin: auto; padding: 0; border: 0; border-radius: 16px; overflow: visible; background: transparent; color: #1c2d3b; }
#dn-capture-dialog:not([open]) { display: none; }
#dn-capture-dialog::backdrop { background: rgba(12, 30, 38, .82); }
#dn-capture-dialog .dn-zoom-surface { display: flex; flex-direction: column; min-width: 0; max-height: calc(100vh - 48px); max-height: calc(100dvh - 48px); overflow: hidden; border: 1px solid #d8ddd6; border-radius: 16px; background: #faf9f4; box-shadow: 0 24px 80px #061c2455; }
#dn-capture-dialog .dn-zoom-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex: none; padding: 14px 18px; border-bottom: 1px solid #d8ddd6; }
#dn-capture-dialog h2 { min-width: 0; margin: 0; font-size: 19px; line-height: 1.35; font-weight: 600; letter-spacing: -.02em; text-wrap: pretty; }
#dn-capture-dialog .dn-zoom-controls { display: flex; align-items: center; gap: 8px; flex: none; }
#dn-capture-dialog .dn-zoom-controls button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; margin: 0; border: 1px solid #cdd8d3; border-radius: 9px; background: #fff; color: #285e68; font-size: 13px; font-weight: 600; }
#dn-capture-dialog [data-zoom-toggle] { min-width: 108px; padding: 8px 14px; }
#dn-capture-dialog [data-zoom-toggle][aria-pressed=true] { color: #fff; background: #285e68; border-color: #285e68; }
#dn-capture-dialog .dn-zoom-controls [data-zoom-close] { width: 44px; padding: 0; font-size: 28px; line-height: 1; }
#dn-capture-dialog .dn-zoom-controls button:disabled { opacity: .5; cursor: default; }
#dn-capture-dialog :is(button,a):focus-visible { outline: 3px solid #876733; outline-offset: 3px; }
#dn-capture-dialog .dn-zoom-stage { flex: 1 1 auto; min-width: 0; min-height: 0; padding: 18px; overflow: auto; scrollbar-gutter: stable; overscroll-behavior: contain; touch-action: auto; background: #eef1ef; }
#dn-capture-dialog .dn-zoom-image { display: block; max-width: none; max-height: none; height: auto; margin: 0 auto; border-radius: 8px; object-fit: contain; box-shadow: 0 4px 16px #183a4210; touch-action: auto; }
#dn-capture-dialog .dn-zoom-caption { flex: none; margin: 0; padding: 11px 18px; border-top: 1px solid #d8ddd6; color: #586961; font-size: 12px; line-height: 1.5; }
#dn-capture-dialog .dn-zoom-status { margin: 0; padding: 28px 8px; color: #455d61; text-align: center; font-size: 14px; }
#dn-capture-dialog .dn-zoom-fallback { display: block; width: fit-content; margin: 0 auto 20px; padding: 12px 18px; border-radius: 8px; color: #fff; background: #285e68; font-size: 14px; }
#dn-capture-dialog [hidden] { display: none !important; }
@media (max-width: 600px) {
 #dn-capture-dialog { width: calc(100vw - 16px); max-height: calc(100vh - 16px); max-height: calc(100dvh - 16px); border-radius: 13px; }
 #dn-capture-dialog .dn-zoom-surface { max-height: calc(100vh - 16px); max-height: calc(100dvh - 16px); border-radius: 13px; }
 #dn-capture-dialog .dn-zoom-header { gap: 10px; padding: 10px; }
 #dn-capture-dialog h2 { font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
 #dn-capture-dialog .dn-zoom-controls { gap: 6px; }
 #dn-capture-dialog [data-zoom-toggle] { min-width: 90px; padding-inline: 10px; font-size: 12px; }
 #dn-capture-dialog .dn-zoom-stage { padding: 10px; }
 #dn-capture-dialog .dn-zoom-caption { padding: 10px 12px; font-size: 11px; }
}

/* Native-looking examples confined to the three product cards. */
#what-you-get .pcd-example { --pcd-ink:#1d2c3f; --pcd-muted:#536477; --pcd-line:#dfe5eb; --pcd-petrol:#285e68; --pcd-soft:#e6f2f2; color:var(--pcd-ink); font-size:14px; line-height:1.5; min-width:0; }
#what-you-get .pcd-example * { box-sizing:border-box; }
#what-you-get .pcd-example [hidden] { display:none !important; }
#what-you-get .pcd-example :is(button,input,select,textarea) { font-family:inherit; }
#what-you-get .pcd-example button { cursor:pointer; }
#what-you-get .pcd-example :is(button,input,select,textarea):focus-visible { outline:2px solid var(--pcd-petrol); outline-offset:2px; }
#what-you-get .pcd-example .pcd-frame { padding:8px; border:1px solid #e2e3db; border-radius:18px; background:#f3f5f6; }
#what-you-get .pcd-example .pcd-card { padding:12px; min-width:0; min-height:248px; display:flex; flex-direction:column; border:1px solid var(--pcd-line); border-radius:16px; background:#fff; box-shadow:0 1px 4px #253b5112; }
#what-you-get .pcd-example .pcd-card-header { display:grid; grid-template-columns:40px minmax(0,1fr) auto; gap:0 8px; align-items:center; }
#what-you-get .pcd-example .pcd-avatar { display:grid; place-items:center; width:40px; height:40px; overflow:hidden; border-radius:50%; background:var(--pcd-soft); color:var(--pcd-ink); font-size:15px; font-weight:600; }
#what-you-get .pcd-example .pcd-avatar img { width:100%; height:100%; object-fit:cover; display:block; }
#what-you-get .pcd-example .pcd-identity { min-width:0; }
#what-you-get .pcd-example .pcd-name { display:block; max-width:100%; margin:0; padding:0; border:0; background:none; color:var(--pcd-ink); font-size:16px; line-height:1.3; font-weight:650; text-align:left; overflow-wrap:anywhere; }
#what-you-get .pcd-example .pcd-name:hover { text-decoration:underline; text-underline-offset:3px; }
#what-you-get .pcd-example .pcd-age { margin:1px 0 0; color:var(--pcd-muted); font-size:13px; line-height:1.35; }
#what-you-get .pcd-example .pcd-score { display:inline-flex; align-items:baseline; justify-content:center; gap:0; padding:5px 8px; border-radius:8px; background:#e1f4e9; color:#226645; font-size:12px; white-space:nowrap; }
#what-you-get .pcd-example .pcd-score strong { font-size:16px; font-weight:700; }
#what-you-get .pcd-example .pcd-source { display:inline-flex; align-items:center; gap:6px; grid-column:1/-1; justify-self:start; max-width:100%; margin-top:3px; padding:2px 8px; border:1px solid #b9d6d8; border-radius:999px; color:#1f4d56; background:var(--pcd-soft); font-size:11px; font-weight:600; line-height:1.5; }
#what-you-get .pcd-example .pcd-source img { display:block; width:16px; height:16px; flex:none; object-fit:contain; }
#what-you-get .pcd-example .pcd-source span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#what-you-get .pcd-example .pcd-contacted-chip { grid-column:1/-1; justify-self:start; border-radius:999px; padding:2px 8px; margin-top:2px; background:var(--pcd-petrol); color:#fff; font-size:10px; line-height:1.5; font-weight:700; }
#what-you-get .pcd-example .pcd-post { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:7px 0 4px; color:var(--pcd-muted); font-size:14px; line-height:1.5; }
#what-you-get .pcd-example .pcd-post.pcd-post-open { display:block; overflow:visible; }
#what-you-get .pcd-example .pcd-meta { display:flex; flex-wrap:wrap; align-items:center; gap:5px 8px; min-height:44px; margin-top:2px; color:var(--pcd-muted); font-size:13px; }
#what-you-get .pcd-example .pcd-location { display:inline-flex; align-items:center; gap:5px; min-width:0; }
#what-you-get .pcd-example .pcd-location .pcd-icon { width:14px; height:14px; flex:none; }
#what-you-get .pcd-example .pcd-tag { border:1px solid var(--pcd-line); padding:0 6px; border-radius:5px; background:#f1f4f6; font-size:12px; line-height:1.5; white-space:nowrap; }
#what-you-get .pcd-example .pcd-more { display:flex; align-items:center; justify-content:center; width:44px; min-height:44px; margin-left:auto; padding:0; border:0; background:none; color:var(--pcd-muted); }
#what-you-get .pcd-example .pcd-more > span:last-child:not(.pcd-icon) { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
#what-you-get .pcd-example .pcd-icon { display:inline-flex; width:18px; height:18px; flex:none; }
#what-you-get .pcd-example .pcd-icon svg { width:100%; height:100%; }
#what-you-get .pcd-example .pcd-actions { display:flex; gap:6px; width:100%; margin-top:auto; padding-top:8px; border-top:1px solid var(--pcd-line); }
#what-you-get .pcd-example .pcd-button { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:38px; padding:8px 11px; border:1px solid #cad6df; border-radius:11px; background:#fff; color:var(--pcd-ink); font-size:12px; line-height:1.3; font-weight:600; text-align:center; }
#what-you-get .pcd-example .pcd-actions .pcd-button { flex:1 1 0; min-width:0; min-height:44px; flex-direction:column; gap:2px; padding:4px 2px; border-color:var(--pcd-line); border-radius:12px; color:#1f4d56; font-size:11px; line-height:1.1; }
#what-you-get .pcd-example .pcd-actions .pcd-button > span:last-child { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#what-you-get .pcd-example .pcd-button:hover { background:#f1f7f8; }
#what-you-get .pcd-example .pcd-button[aria-pressed=true], #what-you-get .pcd-example .pcd-primary { border-color:var(--pcd-petrol); background:var(--pcd-petrol); color:#fff; }
#what-you-get .pcd-example .pcd-button[data-action=save][aria-pressed=true] svg { fill:currentColor; }
#what-you-get .pcd-example .pcd-button:is(.pcd-primary,[aria-pressed=true]):hover { border-color:#214f58; background:#214f58; color:#fff; }
#what-you-get .pcd-example .pcd-button[data-action=delete]:hover { color:#a1333b; border-color:#a1333b; }
#what-you-get .pcd-example .pcd-details, #what-you-get .pcd-example .pcd-menu { margin:8px 0 12px; padding:12px; border:1px solid var(--pcd-line); border-radius:10px; background:#f8fafb; }
#what-you-get .pcd-example .pcd-facts { margin:0 0 8px; color:var(--pcd-muted); font-size:12px; }
#what-you-get .pcd-example :is(.pcd-details,.pcd-menu,.pcd-compare) label { display:block; margin:8px 0 4px; font-size:12px; color:var(--pcd-muted); }
#what-you-get .pcd-example :is(input,select,textarea) { display:block; width:100%; min-width:0; min-height:40px; padding:8px 10px; border:1px solid #cad6df; border-radius:8px; background:#fff; color:var(--pcd-ink); font-size:16px; line-height:1.4; }
#what-you-get .pcd-example textarea { resize:vertical; }
#what-you-get .pcd-example :is(.pcd-details,.pcd-menu) .pcd-button { margin-top:8px; }
#what-you-get .pcd-example .pcd-empty { justify-content:center; align-items:center; gap:12px; text-align:center; }
#what-you-get .pcd-example .pcd-empty p { margin:0; }
#what-you-get .pcd-example .pcd-caption { align-items:center; flex-direction:row; gap:8px; margin:0; padding:8px 2px 0; border:0; background:none; }
#what-you-get .pcd-example .pcd-caption .dn-capture-note { max-width:70%; }
#what-you-get .pcd-example .pcd-reset { min-height:28px; padding:0 2px; border:0; background:none; color:#876733; font-size:10px; line-height:1.4; text-align:right; }
#what-you-get .pcd-example .pcd-reset:hover { text-decoration:underline; }
#what-you-get .pcd-example .pcd-feedback { margin:6px 2px 0; color:#285e68; font-size:11px; line-height:1.5; }
#what-you-get .pcd-example .pcd-ribbon { display:grid; grid-template-columns:1fr 1.65fr .95fr; gap:6px; }
#what-you-get .pcd-example .pcd-ribbon-button { min-width:0; min-height:42px; padding:8px; border:1px solid var(--pcd-line); border-radius:14px; background:#fff; color:#1f4d56; font-size:12px; line-height:1.35; font-weight:600; box-shadow:0 1px 4px #253b5112; }
#what-you-get .pcd-example .pcd-ribbon-button[aria-pressed=true] { background:var(--pcd-petrol); border-color:var(--pcd-petrol); color:#fff; }
#what-you-get .pcd-example .pcd-checked { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:7px 0 5px; font-size:12px; }
#what-you-get .pcd-example .pcd-checked .pcd-ribbon-button { width:25%; }
#what-you-get .pcd-example .pcd-period { margin:0 0 10px; color:var(--pcd-muted); font-size:11px; }
#what-you-get .pcd-example .pcd-market-card { padding:16px; border:1px solid var(--pcd-line); border-radius:13px; background:#fff; }
#what-you-get .pcd-example .pcd-market-card h3 { margin:0 0 5px; color:var(--pcd-ink); font-size:18px; line-height:1.3; font-weight:700; letter-spacing:-.025em; }
#what-you-get .pcd-example .pcd-market-subtitle { margin:0 0 9px; font-size:11px; color:var(--pcd-muted); line-height:1.5; }
#what-you-get .pcd-example .pcd-legend { display:flex; flex-wrap:wrap; gap:14px; margin-bottom:9px; color:var(--pcd-muted); font-size:11px; }
#what-you-get .pcd-example .pcd-legend > span { display:inline-flex; align-items:center; gap:7px; }
#what-you-get .pcd-example .pcd-legend > span::before { content:''; width:10px; height:10px; border-radius:50%; background:#2d626a; }
#what-you-get .pcd-example .pcd-legend .pcd-key-offered::before { background:#b8dde0; }
#what-you-get .pcd-example .pcd-pay-group + .pcd-pay-group { border-top:1px solid #edf0f2; margin-top:6px; padding-top:6px; }
#what-you-get .pcd-example .pcd-pay-heading { display:flex; align-items:center; gap:8px; margin:0 0 2px; font-size:13px; line-height:1.4; font-weight:700; }
#what-you-get .pcd-example .pcd-pay-icon { display:grid; place-items:center; width:23px; height:23px; border-radius:50%; background:var(--pcd-soft); color:#285e68; font-size:15px; font-weight:500; }
#what-you-get .pcd-example .pcd-pay-icon .pcd-icon { width:15px; height:15px; }
#what-you-get .pcd-example .pcd-pay-row { display:grid; grid-template-columns:106px minmax(0,1fr) 59px; align-items:center; gap:10px; min-height:28px; }
#what-you-get .pcd-example .pcd-pay-label { display:grid; color:var(--pcd-muted); font-size:11px; line-height:1.3; }
#what-you-get .pcd-example .pcd-pay-label small { font-size:10px; }
#what-you-get .pcd-example .pcd-pay-track { display:block; height:9px; overflow:hidden; border-radius:999px; background:#e7edf0; }
#what-you-get .pcd-example .pcd-pay-fill { display:block; height:100%; border-radius:inherit; background:#2d626a; }
#what-you-get .pcd-example .pcd-pay-offered .pcd-pay-fill { background:#b8dde0; }
#what-you-get .pcd-example .pcd-pay-value { text-align:right; white-space:nowrap; font-size:13px; font-weight:700; }
#what-you-get .pcd-example .pcd-market-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:6px; }
#what-you-get .pcd-example .pcd-market-actions .pcd-button { min-height:44px; }
#what-you-get .pcd-example .pcd-compare, #what-you-get .pcd-example .pcd-offers { border-top:1px solid var(--pcd-line); margin-top:14px; padding-top:7px; }
#what-you-get .pcd-example .pcd-compare .pcd-button { margin-top:10px; }
#what-you-get .pcd-example .pcd-result { margin:10px 0 0; color:#285e68; font-size:12px; }
#what-you-get .pcd-example .pcd-offers h4 { margin:6px 0 9px; font-size:14px; }
#what-you-get .pcd-example .pcd-offer-line { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2px 8px; margin:8px 0; font-size:12px; }
#what-you-get .pcd-example .pcd-offer-line small { grid-column:1/-1; color:var(--pcd-muted); font-size:11px; }
@media (max-width:599px) {
 #what-you-get .pcd-example .pcd-frame { padding:4px; border-radius:14px; }
 #what-you-get .pcd-example .pcd-card { padding:11px; min-height:228px; border-radius:15px; }
 #what-you-get .pcd-example .pcd-card-header { grid-template-columns:36px minmax(0,1fr) auto; }
 #what-you-get .pcd-example .pcd-avatar { width:36px; height:36px; font-size:13px; }
 #what-you-get .pcd-example .pcd-age { font-size:11px; }
 #what-you-get .pcd-example .pcd-score { padding:4px 7px; font-size:10px; }
 #what-you-get .pcd-example .pcd-score strong { font-size:14px; }
 #what-you-get .pcd-example .pcd-source { padding:1px 6px; font-size:10px; }
 #what-you-get .pcd-example .pcd-source img { width:14px; height:14px; }
 #what-you-get .pcd-example .pcd-post { font-size:13px; line-height:1.4; }
 #what-you-get .pcd-example .pcd-meta { position:relative; padding-right:44px; gap:4px 6px; font-size:12px; }
 #what-you-get .pcd-example .pcd-tag { padding-inline:5px; font-size:11px; }
 #what-you-get .pcd-example .pcd-more { position:absolute; right:0; top:50%; transform:translateY(-50%); }
 #what-you-get .pcd-example .pcd-name { font-size:14px; }
 #what-you-get .pcd-example .pcd-actions { gap:4px; }
 #what-you-get .pcd-example .pcd-actions .pcd-button { font-size:10px; border-radius:10px; }
 #what-you-get .pcd-example .pcd-market-card { padding:12px; }
 #what-you-get .pcd-example .pcd-market-card h3 { font-size:16px; }
 #what-you-get .pcd-example :is(.pcd-period,.pcd-market-subtitle,.pcd-legend) { font-size:10px; }
 #what-you-get .pcd-example .pcd-pay-icon { width:20px; height:20px; font-size:14px; }
 #what-you-get .pcd-example .pcd-pay-heading { font-size:12px; }
 #what-you-get .pcd-example .pcd-pay-group + .pcd-pay-group { margin-top:5px; padding-top:5px; }
 #what-you-get .pcd-example .pcd-pay-row { grid-template-columns:85px minmax(0,1fr) 51px; gap:6px; min-height:25px; }
 #what-you-get .pcd-example .pcd-pay-label { font-size:10px; }
 #what-you-get .pcd-example .pcd-pay-value { font-size:12px; }
 #what-you-get .pcd-example .pcd-ribbon-button { padding:7px 3px; font-size:10px; }
}
