/* ===== Тёмная тема (по умолчанию) ===== */
:root{
  --paper:#0a0a0a; --card:#1a1a1a; --panel:#141414; --soft2:rgba(255,255,255,0.05);
  --ink:#ffffff; --muted:rgba(255,255,255,0.55); --hint:rgba(255,255,255,0.4);
  --line:rgba(255,255,255,0.08); --accent:#E8A93A; --accent2:#F0B750; --on-accent:#1a1408;
  --soft:rgba(232,169,58,0.08); --aline:rgba(232,169,58,0.16);
  --warn:#e3b341; --warnbg:#2a2410; --warnline:#473b18;
  --danger:#f0897c; --dangerbg:#2c1a18; --dangerline:#4a2a26;
  --info:#9db8f0; --infobg:#161d2c; --infoline:#28324a;
  --radius:12px; --radius-sm:8px; --radius-md:12px; --radius-lg:16px; --radius-pill:999px;
  --bg-soft:rgba(255,255,255,0.03); --bg-soft-2:rgba(255,255,255,0.05);
}
[data-theme="light"]{
  --paper:#f9f9fb; --card:#ffffff; --panel:#f7f7f7; --soft2:rgba(0,0,0,0.05);
  --ink:#0a0a0a; --muted:rgba(0,0,0,0.6); --hint:rgba(0,0,0,0.4);
  --line:rgba(0,0,0,0.1); --accent:#A56B0E; --accent2:#8A5709; --on-accent:#ffffff;
  --soft:rgba(165,107,14,0.10); --aline:rgba(165,107,14,0.20);
  --warn:#9a6a00; --warnbg:#fbf3df; --warnline:#efd9a6;
  --danger:#a8392b; --dangerbg:#fbe9e6; --dangerline:#f0c9c9;
  --info:#3a5bbf; --infobg:#eef4ff; --infoline:#cdd9f0;
  --bg-soft:rgba(0,0,0,0.03); --bg-soft-2:rgba(0,0,0,0.05);
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
html{scroll-behavior:smooth}
.landing-section{scroll-margin-top:20px}
.app{display:flex;min-height:100vh}
/* nav */
.nav{position:fixed;right:18px;bottom:74px;width:288px;max-height:68vh;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 12px 14px;overflow:auto;z-index:50;box-shadow:0 24px 60px rgba(0,0,0,.38);opacity:0;pointer-events:none;transform:translateY(10px) scale(.98);transition:opacity .18s ease,transform .18s ease}
.nav.open{opacity:1;pointer-events:auto;transform:none}
.nav .brand{display:none}
.nav .ngroup:first-of-type{margin-top:2px}
.brand{display:flex;align-items:center;gap:9px;padding:4px 8px 16px}
.logo{width:30px;height:30px;border-radius:9px;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:17px}
.bname{font-size:19px;font-weight:600}
.ngroup{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--hint);margin:14px 8px 5px}
.nitem{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;font-size:13.5px;color:var(--ink);cursor:pointer;margin-bottom:1px}
.nitem:hover{background:var(--soft)}
.nitem.active{background:var(--accent);color:var(--on-accent)}
.nitem .n{width:18px;height:18px;border-radius:5px;background:var(--soft2);display:flex;align-items:center;justify-content:center;font-size:11px;flex:0 0 18px}
.nitem.active .n{background:rgba(0,0,0,.15)}
/* main */
.main{flex:1;min-width:0}
.topbar{display:flex;align-items:center;gap:14px;padding:12px 28px;border-bottom:1px solid var(--line);background:var(--paper);backdrop-filter:blur(6px);position:sticky;top:0;z-index:5}
.tok{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:13.5px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 13px}
.tok b{font-weight:600}
.plan-pill{font-size:12.5px;background:var(--soft);color:var(--accent);border-radius:999px;padding:5px 11px;font-weight:500}
.screen{display:none;padding:30px 28px 70px}
.screen.on{display:block;animation:fade .25s ease}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.wrap{max-width:1400px;margin:0 auto;padding:0 24px}
h1{font-weight:500;font-size:64px;line-height:1.05;letter-spacing:-.03em}
h2{font-weight:500;font-size:40px;line-height:1.15;letter-spacing:-.02em;margin-bottom:3px}
h3{font-weight:500;font-size:20px;line-height:1.3;letter-spacing:-.01em}
@media(max-width:1280px){h1{font-size:48px}h2{font-size:32px}}
@media(max-width:640px){h1{font-size:42px}h2{font-size:28px}}
p{line-height:1.6}
.muted{color:var(--muted)}
.sec-label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--accent);font-weight:600;margin-bottom:8px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}
.btn{font-family:inherit;font-size:14px;font-weight:500;border-radius:var(--radius-sm);padding:8px 16px;cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease}
.btn:hover{background:var(--bg-soft-2);border-color:var(--line)}
.btn-primary{background:#e8e8ea;color:#0a0a0a;border-color:#e8e8ea}
.btn-primary:hover{background:#fff;border-color:#fff}
.btn-ghost{background:transparent;color:var(--ink);border-color:rgba(255,255,255,.24)}
.btn-ghost:hover{background:var(--bg-soft-2);border-color:rgba(255,255,255,.4)}
.btn-sm{padding:5px 11px;font-size:13px;border-radius:var(--radius-sm)}
.btn-lg{padding:11px 22px;font-size:15px}
.btn-xl{padding:15px 28px;font-size:16px;line-height:1;border-radius:10px;min-height:50px}
.badge{font-size:11.5px;padding:3px 9px;border-radius:999px;background:var(--soft);color:var(--accent);font-weight:500;display:inline-block}
.badge.warn{background:var(--warnbg);color:var(--warn)} .badge.gray{background:var(--soft2);color:var(--muted)} .badge.danger{background:var(--dangerbg);color:var(--danger)}
.row{display:flex;gap:14px} .between{display:flex;align-items:center;justify-content:space-between;gap:12px}
.grid{display:grid;gap:14px} .g2{grid-template-columns:1fr 1fr} .g3{grid-template-columns:repeat(3,1fr)} .g4{grid-template-columns:repeat(4,1fr)}
.tag{font-size:12px;color:var(--muted);background:var(--soft2);border-radius:6px;padding:3px 8px;display:inline-block}
.note{font-size:12.5px;color:var(--muted);background:var(--panel);border:1px dashed var(--line);border-radius:10px;padding:10px 12px;line-height:1.5}
.note b{color:var(--accent);font-weight:600}
.steps{counter-reset:s} .step{display:flex;gap:14px;margin-top:16px}
.step .num{width:30px;height:30px;border-radius:50%;background:var(--soft);color:var(--accent);font-weight:600;display:flex;align-items:center;justify-content:center;flex:0 0 30px}
hr{border:none;border-top:1px solid var(--line);margin:22px 0}
/* landing */
.hero{text-align:center;padding:18px 0 8px}
.hero p{font-size:17px;color:var(--muted);max-width:580px;margin:16px auto 0}
.hero-eyebrow{display:inline-block;background:none;border:none;padding:0;color:var(--accent);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;margin-bottom:20px}
.hero-eyebrow::before{display:none}
.hero-lead{font-size:18px;color:var(--muted);margin:0 0 28px;max-width:540px;line-height:1.55}
.hero-lead b{color:var(--ink);font-weight:500}
.hero-claim{font-size:18px;color:var(--muted);margin:0 0 36px;max-width:540px;line-height:1.55;font-weight:400}
.hero-claim .accent{color:var(--ink)}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;max-width:520px}
.hero-ctas .btn-xl{flex:1 1 0;min-width:200px;justify-content:center;text-align:center}
.hero-note{display:flex;gap:18px;flex-wrap:wrap;margin-top:32px;font-size:15px}
.hero-note>span{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-weight:500}
.hero-note-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;flex-shrink:0}
.hero-note strong,.hero-note-num{color:var(--ink);font-weight:600}
.hero-escrow-brush{position:relative;display:inline-flex;align-items:center;margin-top:22px;padding:10px 18px 11px;isolation:isolate;max-width:520px;transform:rotate(-.35deg)}
.hero-escrow-brush::before{content:"";position:absolute;z-index:-1;inset:1px -10px -1px -8px;background:#d9ff6a;clip-path:polygon(1% 17%,8% 7%,17% 13%,28% 5%,42% 12%,55% 4%,67% 11%,79% 6%,91% 13%,99% 7%,97% 86%,87% 92%,73% 86%,61% 95%,48% 88%,34% 96%,21% 89%,9% 94%,2% 83%);opacity:.93}
.hero-escrow-brush::after{content:"";position:absolute;z-index:-1;left:-2px;right:12%;bottom:2px;height:4px;background:rgba(10,10,10,.16);filter:blur(2px)}
.hero-escrow-brush span{color:#111;font-size:13px;font-weight:700;line-height:1.35;letter-spacing:-.005em}
[data-theme="light"] .hero-escrow-brush::before{background:#c9ef55}
@media(max-width:760px){.hero-escrow-brush{margin-top:18px;max-width:100%;padding:9px 14px}.hero-escrow-brush span{font-size:12.5px}}
.accent{color:var(--accent)}
/* landing hero – двухколоночная схема с телефоном и floating cards */
/* landing wrap unified with base .wrap:1280px */
/* landing padding-top unified with other screens (30px) */
#s-landing .hero{text-align:left;padding:16px 0 40px;overflow:visible}
#s-landing .hero p{text-align:left}
#s-landing .hero-lead{margin:0 0 28px}
/* Landing top nav — cpahunter-style */
.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:24px 0;gap:24px}
.lb-logo{display:flex;align-items:center;gap:9px;font-weight:600;font-size:22px;letter-spacing:-.02em;cursor:pointer}
.lb-logo .lb-mark{background:var(--accent);color:var(--on-accent);border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;letter-spacing:-.02em}
.lb-logo .lb-name{color:var(--accent)}
.lb-links{display:flex;gap:28px;color:rgba(255,255,255,.85);font-size:15px}
.lb-links a{color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:5px;text-decoration:none;transition:color .15s}
.lb-links a:hover{color:var(--accent)}
.lb-links svg{width:11px;height:11px;opacity:.6}
.lb-dropdown{position:relative;display:inline-block}
.lb-dropdown-btn{display:inline-flex;align-items:center;gap:5px;color:inherit;cursor:pointer;background:none;border:none;padding:0;font:inherit;font-size:15px;transition:color .15s}
.lb-dropdown-btn:hover{color:var(--accent)}
.lb-dropdown-btn .chev{width:11px;height:11px;opacity:.6;transition:transform .18s}
.lb-dropdown:hover .lb-dropdown-btn,.lb-dropdown.open .lb-dropdown-btn{color:var(--accent)}
.lb-dropdown:hover .lb-dropdown-btn .chev,.lb-dropdown.open .lb-dropdown-btn .chev{transform:rotate(180deg)}
.lb-dropdown-menu{position:absolute;top:100%;left:0;min-width:220px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px;margin-top:10px;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease;box-shadow:0 12px 40px rgba(0,0,0,.5);z-index:120}
.lb-dropdown:hover .lb-dropdown-menu,.lb-dropdown.open .lb-dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0)}
.lb-dropdown-menu::before{content:'';position:absolute;top:-10px;left:0;right:0;height:10px}
.lb-dropdown-menu a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--muted);text-decoration:none;font-size:14px;transition:background .15s,color .15s;cursor:pointer;line-height:1.3;white-space:nowrap}
.lb-dropdown-menu a:hover{background:rgba(232,169,58,.08);color:var(--ink)}
.lb-dropdown-menu a svg{width:14px;height:14px;color:var(--accent);flex-shrink:0;opacity:1}
.lb-dropdown-menu--wide{min-width:520px;padding:8px;display:grid;grid-template-columns:1fr 1fr;column-gap:4px}
.lb-cta{display:flex;align-items:center;gap:10px}
.lb-icon-btn{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:6px 9px;font-size:11.5px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:border-color .15s,background .15s,color .15s;letter-spacing:.02em;font-weight:500;font-family:inherit}
.lb-icon-btn:hover{border-color:rgba(232,169,58,.28);background:rgba(232,169,58,.04);color:var(--ink)}
.lb-icon-btn svg{width:13px;height:13px;flex-shrink:0}
.lb-icon-btn .lang-lbl{font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.06em}
.lb-icon-btn.theme-toggle .icon-sun{display:none}
[data-theme="light"] .lb-icon-btn.theme-toggle .icon-moon{display:none}
[data-theme="light"] .lb-icon-btn.theme-toggle .icon-sun{display:inline-block}
.lb-login{color:var(--ink);font-size:14px;cursor:pointer;text-decoration:none;transition:color .15s}
.lb-login:hover{color:var(--accent)}
.lb-signup{background:#e8e8ea;color:#0a0a0a;border:none;padding:10px 20px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;font-family:inherit;transition:background .15s}
.lb-signup:hover{background:#fff}
.lb-signup:hover{background:var(--accent2)}
@media(max-width:960px){
  .lb-links{display:none}
  .landing-nav{padding:18px 0}
}
@media(max-width:560px){
  .lb-login{display:none}
}
.hero-grid{display:grid;grid-template-columns:600px 1fr;gap:24px;align-items:center}
.hero-left{min-width:0}
.hero-left h1{margin:0 0 28px}
.hero-play-circle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--accent);color:var(--on-accent);border-radius:50%;flex-shrink:0;padding-left:2px}
.hero-shot{position:relative;width:100%;height:640px;min-width:0}
.hx-conn{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
/* Phone 250×508, positioned left:12 top:60 (compressed vs cpahunter's top:150) */
.hx-phone{position:absolute;left:6px;top:130px;width:246px;height:506px;background:#0c0c0e;border:2px solid rgba(255,255,255,.14);border-radius:38px;padding:10px;box-shadow:0 40px 90px rgba(0,0,0,.5);z-index:2}
.hx-notch{position:absolute;left:50%;top:12px;transform:translateX(-50%);width:88px;height:18px;background:#000;border-radius:11px;z-index:3}
.hx-screen{height:100%;background:#000;border-radius:28px;overflow:hidden;display:flex;flex-direction:column;padding:22px 12px 6px}
.hx-ph-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.hx-lg{font-weight:600;font-size:14px;display:flex;align-items:center;gap:5px}
.hx-lg .hx-c{background:var(--accent);color:var(--on-accent);width:20px;height:20px;border-radius:50%;font-size:8px;font-weight:800;display:flex;align-items:center;justify-content:center;letter-spacing:-.02em}
.hx-lg span:not(.hx-c){color:var(--accent)}
.hx-ic{display:flex;gap:12px;color:var(--muted)}
.hx-ic svg{width:16px;height:16px;display:block}
.hx-ph-t{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:var(--ink);margin-bottom:10px}
.hx-va{color:var(--muted);font-weight:400;font-size:10px}
.hx-brows{display:flex;flex-direction:column;gap:2px;margin-bottom:11px}
.hx-brow{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:8px;border:1px solid transparent}
.hx-brow.hl{background:rgba(232,169,58,.06);border-color:rgba(232,169,58,.28)}
.hx-av{width:24px;height:24px;border-radius:50%;background:var(--soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex:0 0 24px}
.hx-brow .n{font-size:10.5px;font-weight:500;color:var(--ink);line-height:1.2}
.hx-brow .m{font-size:9px;color:var(--muted);line-height:1.3;margin-top:1px}
.hx-brow .p{font-size:10px;color:var(--accent);font-weight:600;flex:0 0 auto}
.hx-onb{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,rgba(232,169,58,.12),rgba(232,169,58,.04));border:1px solid rgba(232,169,58,.22);border-radius:13px;padding:9px 12px 9px 9px;margin-bottom:11px;min-height:56px}
.hx-ring{position:relative;width:36px;height:36px;flex-shrink:0}
.hx-ring svg{width:36px;height:36px;display:block}
.hx-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--ink)}
.hx-tx{flex:1;min-width:0}
.hx-k{font-size:8px;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:2px;white-space:nowrap}
.hx-t{font-size:11px;color:var(--ink);font-weight:600;line-height:1.3}
.hx-arr{width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:14px;line-height:1}
.hx-nav{margin-top:auto;display:flex;justify-content:space-around;align-items:center;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);color:var(--hint)}
.hx-nav svg{width:18px;height:18px;display:block}
.hx-nav .cur{color:var(--accent)}
/* Product hero card – right, top:40, width:306 (cpahunter-exact) */
.hx-fc-hero{position:absolute;right:71px;top:20px;width:295px;background:var(--card);border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:16px;box-shadow:0 30px 70px rgba(0,0,0,.5);z-index:3}
.hx-fc-hero .fc-hero-img{width:100%;height:130px;background:linear-gradient(135deg,rgba(232,169,58,.28),rgba(240,183,80,.72));border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:52px;font-weight:800;color:var(--on-accent);letter-spacing:-.05em;margin-bottom:14px;position:relative;overflow:hidden}
.hx-fc-hero .fc-hero-img::after{content:'';position:absolute;inset:0;background:radial-gradient(60% 60% at 30% 30%,rgba(255,255,255,.14) 0%,transparent 60%);pointer-events:none}
.hx-fc-hero .fc-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(232,169,58,.14);color:var(--accent);font-size:11px;font-weight:600;padding:5px 11px;border-radius:999px;margin-bottom:10px}
.hx-fc-hero .fc-badge .fc-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}
.hx-fc-hero .fc-hero-name{font-size:17px;font-weight:600;color:var(--ink);margin:0 0 5px;line-height:1.2}
.hx-fc-hero .fc-hero-desc{font-size:12px;color:var(--muted);line-height:1.45;margin:0 0 13px}
.hx-fc-cta{width:100%;background:#e8e8ea;color:#0a0a0a;border:none;font-family:inherit;font-weight:600;font-size:14px;border-radius:11px;padding:12px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.hx-fc-cta svg{width:15px;height:15px;stroke-width:2.2}
.hx-fc-hero .fc-hero-meta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font-size:12px}
.hx-fc-hero .fc-hero-meta > span:not(.dot){color:var(--accent);font-weight:600}
.hx-fc-hero .fc-hero-meta .dot{color:rgba(232,169,58,.45);font-weight:400}
/* Stats row – right, top:420, width:306 (cpahunter-exact) */
.hx-stats{position:absolute;right:100px;top:415px;width:295px;display:flex;gap:12px;z-index:3}
.hx-fc-stat{flex:1;background:#20232a;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 18px;box-shadow:0 16px 40px rgba(0,0,0,.4);position:static}
.hx-fc-stat .fc-lb{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-weight:500}
.hx-fc-stat .fc-nm{font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--accent);line-height:1;margin-top:0}
.hx-fc-stat.hx-fc-stat-alt .fc-nm{color:var(--ink)}
/* Push chat – bottom, emerges from phone right (cpahunter-exact) */
.hx-fc-msg{position:absolute;right:128px;top:509px;width:320px;background:#3a3f49;border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:12px 15px;display:flex;align-items:center;gap:12px;box-shadow:0 18px 46px rgba(0,0,0,.5);z-index:4}
.hx-fc-msg .msg-av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#E8A93A,#F0B750);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--on-accent);font-weight:700;font-size:14px}
.hx-fc-msg .msg-body{flex:1;min-width:0}
.hx-fc-msg .msg-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;color:var(--ink)}
.hx-fc-msg .msg-head span:first-child{font-weight:600}
.hx-fc-msg .msg-time{color:var(--accent);font-size:12px;font-weight:400;flex-shrink:0}
.hx-fc-msg .msg-txt{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.4}
@media(max-width:1100px){
  .wrap{max-width:100%;padding:0 20px}
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .hero-shot{height:auto;max-width:560px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px}
  .hx-conn{display:none}
  .hx-phone{position:static;left:auto;top:auto;width:260px;height:520px}
  .hx-fc-hero,.hx-stats,.hx-fc-msg{position:static;left:auto;right:auto;top:auto;width:100%;max-width:420px}
}
@media(max-width:760px){
  #s-landing .hero{padding:24px 0}
  .hero-lead,.hero-claim{font-size:16px}
}
.cta{display:flex;gap:10px;justify-content:center;margin-top:22px}
.logos{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;opacity:.5;margin:30px 0;font-weight:600;font-size:15px}
.feat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.feat .ic{width:36px;height:36px;border-radius:10px;background:var(--soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:11px}
/* price */
.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pc{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;text-align:center}
.pc.f{border:2px solid var(--aline)}
.pc .tk{font-size:26px;font-weight:700}
.pc .pr{font-size:20px;font-weight:600;margin-top:6px}
.pc .per{font-size:12px;color:var(--hint)}
.pc .save{font-size:12px;color:var(--accent);font-weight:500;margin-top:6px}
.toggle{display:inline-flex;background:var(--soft2);border-radius:999px;padding:3px;gap:3px}
.toggle span{padding:7px 16px;border-radius:999px;font-size:13.5px;cursor:pointer;color:var(--muted)}
.toggle span.on{background:var(--card);color:var(--ink);font-weight:500}
/* creator cards */
.ccard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:15px;position:relative}
.ch{display:flex;align-items:center;gap:11px}
.av{width:44px;height:44px;border-radius:50%;background:var(--soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:600;flex:0 0 44px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px}
.stat{background:var(--panel);border-radius:9px;padding:8px;text-align:center}
.stat .v{font-size:15px;font-weight:600} .stat .k{font-size:10.5px;color:var(--muted);margin-top:1px}
.chans{display:flex;gap:6px;margin-top:11px;align-items:center;font-size:12.5px;color:var(--muted)}
.chip{font-size:11.5px;background:var(--soft2);border-radius:6px;padding:3px 8px}
.cbar{display:flex;gap:8px;margin-top:13px}
/* escrow */
.esc{display:flex;align-items:center;gap:0;margin:14px 0}
.esc .seg{flex:1;text-align:center;padding:9px;font-size:12.5px;border-top:3px solid var(--line);color:var(--muted)}
.esc .seg.done{border-top-color:var(--accent);color:var(--accent);font-weight:500}
.esc .seg.now{border-top-color:var(--accent2);color:var(--ink);font-weight:600}
/* chat */
.cv{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;max-height:260px;overflow:auto}
.msg{max-width:78%;padding:9px 13px;border-radius:12px;font-size:13.5px;margin:7px 0;line-height:1.45}
.msg.a{background:var(--card);border:1px solid var(--line);border-bottom-left-radius:4px}
.msg.b{background:var(--soft);margin-left:auto;border-bottom-right-radius:4px}
.msg .who{font-size:11px;color:var(--hint);margin-bottom:3px}
/* timeline */
.tl{position:relative;padding-left:24px} .tl:before{content:"";position:absolute;left:7px;top:4px;bottom:4px;width:2px;background:var(--line)}
.tle{position:relative;margin-bottom:14px}
.tle:before{content:"";position:absolute;left:-21px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--card);border:2px solid var(--accent)}
.tle .t{font-size:13.5px;font-weight:500} .tle .d{font-size:12.5px;color:var(--muted);margin-top:2px}
textarea,input{font-family:inherit;font-size:14px;border:1px solid var(--line);border-radius:10px;padding:11px 13px;width:100%;min-width:0;max-width:100%;background:var(--card);color:var(--ink);outline:none}
textarea:focus,input:focus{border-color:var(--aline)}
select{max-width:100%;min-width:0}
.card,.note,.devnote,.bm-card,.msg{overflow-wrap:break-word}
*:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
.nitem[role="button"]:focus-visible{outline-offset:-2px}
.stars{color:var(--warn);font-size:17px;letter-spacing:1px}
.dec{border:1px solid var(--line);border-radius:11px;padding:13px;cursor:pointer}
.dec:hover{border-color:var(--aline);background:var(--soft)}
.dec.sel{border:2px solid var(--accent);background:var(--soft)}
.discCards{display:none}
.inboxGrid{display:grid;grid-template-columns:340px 1fr;gap:14px}
.devnote{font-size:12px;line-height:1.7;color:var(--muted);background:var(--soft);border:1px dashed var(--aline);border-radius:10px;padding:11px 13px}
.devnote code{background:var(--soft);padding:1px 5px;border-radius:5px;font-size:11px}
.devnote b{color:var(--muted)}
.navToggle{display:none!important}
.backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.12);z-index:40}
.backdrop.on{display:block}
.navDock{position:fixed;right:18px;bottom:18px;z-index:51;display:inline-flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 8px 7px 14px;font-family:inherit;color:var(--ink);font-size:13px;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.28);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.navDock:hover{border-color:var(--aline);transform:translateY(-1px);box-shadow:0 14px 34px rgba(0,0,0,.34)}
.navDock .kicker{color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em}
.navDock .lbl{font-weight:600;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.15}
.navDock .lblwrap{display:flex;flex-direction:column;gap:1px;text-align:left}
.navDock .chev{width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex:0 0 28px;transition:transform .18s ease}
.navDock.open .chev{transform:rotate(180deg)}
@media(max-width:980px){.price-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
  input,textarea,select{font-size:16px !important}
  .screen{overflow-x:hidden}
  .bm-card{padding:18px}
  #bmodal{padding:14px}
  .topbar{padding:10px 14px;gap:8px}
  .navDock{right:12px;bottom:12px;padding:6px 8px 6px 12px}
  .navDock .lbl{max-width:130px;font-size:12.5px}
  .navDock .kicker{font-size:10px}
  .nav{right:12px;bottom:60px;width:calc(100vw - 24px);max-width:288px;max-height:64vh}
  #crumb,#lang{display:none}
  .plan-pill{display:none!important}
  .screen{padding:18px 14px 64px}
  .hero p{font-size:15px}.hero{padding:6px 0}
  .g2,.g3,.g4,.price-grid{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  .row{flex-wrap:wrap}.cta{flex-wrap:wrap}
  .between{flex-wrap:wrap}
  .card{overflow-x:auto}
  .discTable{display:none}.discCards{display:block}
  .inboxGrid{grid-template-columns:1fr}
  table{min-width:520px}
  .esc .seg{font-size:10.5px;padding:7px 3px}
  .logos{gap:14px}
  .toggle{flex-wrap:wrap}
}
@media(max-width:480px){
  .tok{padding:5px 9px;font-size:12px}
  .btn{padding:9px 14px}
  .stats{grid-template-columns:1fr 1fr}
}
.spinner{width:44px;height:44px;border:4px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
#bmodal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:120;align-items:center;justify-content:center;padding:20px}
.bm-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;max-width:470px;width:100%;max-height:calc(100vh - 32px);overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.22)}
.bm-card h2{margin:0 0 2px}

.ba{position:relative;margin-top:16px;border-radius:18px;overflow:hidden;border:1px solid var(--line);user-select:none;touch-action:none;min-height:430px;background:var(--panel)}
.ba-pane{position:absolute;inset:0;display:flex;align-items:flex-start}
.ba-inner{padding:58px 30px 26px;width:100%}
.ba-before{color:var(--muted)}
.ba-after{background:linear-gradient(135deg,var(--soft),var(--paper));color:var(--ink);clip-path:inset(0 0 0 50%)}
.ba-after .ba-inner{width:100%}
.ba-row{display:flex;gap:13px;font-size:14.5px;margin-top:16px;line-height:1.45;align-items:flex-start}
.ba-row>span{flex:0 0 auto}
.ba-after .ba-row>span{color:var(--accent);font-weight:700}
.ba-tag{position:absolute;top:18px;z-index:3;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:6px 14px;border-radius:99px}
.ba-before .ba-tag{left:24px}
.ba-after .ba-tag{right:24px}
.ba-ic{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;flex:0 0 36px}
.ba-ic-bad{background:var(--soft2)}
.ba-before b{font-size:15px;color:var(--ink)}
.ba-sub{font-size:13px;color:var(--muted);margin-top:2px;line-height:1.4}
.ba-box{display:flex;align-items:center;gap:11px;background:var(--card);border:1px solid var(--aline);border-left:3px solid var(--accent);border-radius:12px;padding:13px 15px;margin-top:11px;font-size:14.5px;font-weight:600;color:var(--ink);box-shadow:0 1px 5px rgba(0,0,0,.05)}
.ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}
.ba-sq{min-width:0;min-height:150px;background:var(--card);border:1px solid var(--aline);border-top:3px solid var(--accent);border-radius:14px;padding:15px 14px;display:flex;flex-direction:column;justify-content:center;gap:9px;box-shadow:0 2px 7px rgba(0,0,0,.06)}
.ba-sqt{font-size:12.5px;font-weight:600;line-height:1.3;color:var(--ink)}
@media(max-width:760px){.ba-grid{flex-wrap:wrap}.ba-sq{flex:1 1 calc(50% - 5px)}}
.ba-num{width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:0 0 24px}
.ba-tag-bad{background:var(--soft2);color:var(--muted)}
.ba-tag-good{background:var(--accent);color:var(--on-accent)}
.ba-divider{position:absolute;top:0;bottom:0;left:50%;width:3px;margin-left:-1.5px;background:var(--ink);box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.ba-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:var(--card);box-shadow:0 4px 16px rgba(0,0,0,.22);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--ink);cursor:ew-resize;animation:bapulse 1.8s ease-in-out infinite}
@keyframes bapulse{0%,100%{box-shadow:0 4px 16px rgba(0,0,0,.22)}50%{box-shadow:0 4px 16px rgba(0,0,0,.22),0 0 0 8px rgba(31,157,107,.12)}}
@media(max-width:760px){.ba{min-height:500px}.ba-inner{padding:24px 18px}}

/* ===== FAQ (структура cpahunter – tabs + accordion) ===== */
.faq-section-head{margin-bottom:36px;max-width:800px;margin-left:auto;margin-right:auto;text-align:center}
.faq-section-head h2{margin:0 0 12px}
.faq-section-head p.faq-lead{color:var(--muted);font-size:16px;margin:0;line-height:1.55}
.faq-grid{display:grid;grid-template-columns:320px 1fr;gap:56px}
.faq-tabs{display:flex;flex-direction:column;gap:4px}
.faq-tab{display:flex;align-items:center;gap:12px;padding:12px 14px;background:transparent;border:0;border-radius:var(--radius-sm);color:rgba(255,255,255,.7);font-size:14px;font-weight:400;font-family:inherit;text-align:left;cursor:pointer;transition:background .15s,color .15s}
.faq-tab .label{flex:1}
.faq-tab .count{font-size:12px;opacity:.5}
.faq-tab:hover:not(.active){background:var(--soft);color:var(--ink)}
.faq-tab.active{background:var(--accent);color:var(--on-accent);font-weight:500}
.faq-tab.active .count{opacity:.6}
.faq-side-cta{margin-top:12px;padding:14px 16px;background:var(--bg-soft-2);border-radius:var(--radius-sm)}
.faq-side-cta p{font-size:12px;color:var(--muted);margin-bottom:8px}
.faq-side-cta a{font-size:13px;color:var(--accent);font-weight:500;display:inline-flex;align-items:center;gap:4px;line-height:1;cursor:pointer}
.faq-side-cta a svg{display:block;flex-shrink:0}
.faq-panel{display:flex;flex-direction:column;gap:8px}
.faq-panel.hidden{display:none}
.faq-q{background:var(--card);border-radius:var(--radius-md);overflow:hidden;display:block}
.faq-q-header{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;user-select:none}
.faq-q-header span.text{font-size:15px;font-weight:500;line-height:1.4;color:var(--ink)}
.faq-toggle{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}
.faq-toggle .v-line{transition:opacity .2s ease}
.faq-q.open .faq-toggle .v-line{opacity:0}
.faq-a{max-height:0;overflow:hidden;padding:0 24px;color:var(--muted);font-size:14px;line-height:1.6;transition:max-height .3s ease,padding .3s ease}
.faq-q.open .faq-a{max-height:520px;padding:0 24px 20px}
.faq-tab .label svg.faq-star{width:14px;height:14px;margin-right:8px;vertical-align:-2px;fill:currentColor;opacity:.85}
.faq-top-lead{font-size:13px;color:var(--muted);margin:0 0 20px;line-height:1.5}
.faq-top-list{display:flex;flex-direction:column}
.faq-top-item{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.04);color:var(--accent);font-size:15px;font-weight:500;text-decoration:none;cursor:pointer;transition:color .15s,padding-left .15s}
.faq-top-item:last-child{border-bottom:none}
.faq-top-item:hover{color:var(--ink);padding-left:4px}
.faq-top-item .faq-top-chev{color:var(--accent);opacity:.7;flex-shrink:0;transition:transform .15s,opacity .15s}
.faq-top-item:hover .faq-top-chev{opacity:1;transform:translateX(2px)}
.faq-top-item .text{flex:1}
.faq-a strong{color:var(--ink);font-weight:600}
@media(max-width:760px){
  .faq-section-head{margin-bottom:18px}
  .faq-section-head h2{font-size:28px;margin-bottom:6px}
  .faq-section-head p.faq-lead{font-size:15px}
  .faq-grid{grid-template-columns:1fr;gap:18px}
  .faq-tabs{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .faq-tabs::-webkit-scrollbar{display:none}
  .faq-tab{flex:0 0 auto;padding:10px 14px;font-size:13.5px}
  .faq-tab .count{display:none}
  .faq-tab:hover:not(.active){background:transparent;color:var(--ink)}
  .faq-side-cta{display:none}
  .faq-q-header{padding:16px 18px}
  .faq-q-header span.text{font-size:14.5px}
  .faq-a{padding:0 18px}
  .faq-q.open .faq-a{padding:0 18px 16px}
}
/* ===== Hero metrics strip ===== */
.hero-metrics-strip{display:grid;grid-template-columns:1.18fr 1fr 1.08fr .78fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 16px;background:transparent;max-width:1040px;margin-left:auto;margin-right:auto}
.hero-metric{position:relative;padding:17px 14px 16px;text-align:center;min-width:0}
.hero-metric:not(:last-child)::after{content:"";position:absolute;right:0;top:17px;bottom:17px;width:1px;background:var(--line)}
.hero-metric-value{font-size:31px;line-height:1;font-weight:500;letter-spacing:-.035em;color:var(--ink);white-space:nowrap}
.hero-metric-label{margin-top:7px;font-size:12px;font-weight:500;color:var(--muted);line-height:1.35}
.hero-metric-sub{margin-top:4px;font-size:10px;color:var(--hint);line-height:1.45}
.hero-metric-sub .platform{white-space:nowrap}
.hero-metric-sub .sep{margin:0 5px;color:var(--accent)}
@media(max-width:900px){.hero-metrics-strip{grid-template-columns:1fr 1fr}.hero-metric:nth-child(2)::after{display:none}.hero-metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.hero-metric-value{font-size:31px}}
@media(max-width:560px){.hero-metrics-strip{grid-template-columns:1fr}.hero-metric{padding:17px 14px}.hero-metric:not(:last-child)::after{display:none}.hero-metric:not(:last-child){border-bottom:1px solid var(--line)}.hero-metric-value{font-size:30px}}

/* ===== Landing sections – cpahunter block system ===== */
.landing-section{padding:56px 0}
.section-head{text-align:center;margin:0 auto 32px;max-width:800px}
.section-head h2{margin:0 0 8px}
.section-head p{color:var(--muted);font-size:16px;margin:0;line-height:1.55}
.section-eyebrow{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-weight:600;margin-bottom:14px}
/* trust strip – pills with SVG platform icons */
.trust-strip{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;margin:32px 0 0;padding:28px 24px 0;border-top:1px solid var(--line)}
.trust-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-pill);font-size:14px;color:var(--muted);transition:border-color .15s}
/* ===== Marketing pages: About / Contacts / Roadmap ===== */
.pac-crumb{padding:20px 0 0}
.pac-crumb ol{list-style:none;display:flex;align-items:center;gap:8px;padding:0;margin:0;font-size:13px;color:var(--muted)}
.pac-crumb a{color:var(--muted);text-decoration:none;transition:color .15s;cursor:pointer}
.pac-crumb a:hover{color:var(--accent)}
.pac-crumb-sep{color:var(--hint);opacity:.4;display:inline-flex;align-items:center}
.pac-crumb-sep svg{width:12px;height:12px}
.pac-crumb-current{color:var(--ink)}
.pac-crumb-muted{color:rgba(255,255,255,.55);cursor:default}
/* Client trust strip */
.pac-clients{margin-top:22px;padding:14px 20px;background:rgba(232,169,58,.04);border:1px solid rgba(232,169,58,.16);border-radius:12px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.pac-clients-lbl{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-weight:600;white-space:nowrap}
.pac-clients-list{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.pac-client{display:inline-flex;align-items:center;gap:8px}
.pac-client-mark{width:24px;height:24px;background:var(--accent);color:var(--on-accent);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:10px;flex-shrink:0;letter-spacing:-.02em}
.pac-client-name{font-size:13px;font-weight:500;color:var(--ink);letter-spacing:-.005em}
.pac-client-dot{width:4px;height:4px;border-radius:50%;background:var(--muted);opacity:.35}
.pac-hero{text-align:center;padding:56px 0 40px;max-width:1400px;margin:0 auto}
.pac-hero h1{font-size:56px;font-weight:500;line-height:1.08;letter-spacing:-.025em;margin:0 0 20px}
.pac-hero h1 .amber{color:var(--accent)}
.pac-hero-sub{font-size:16px;color:var(--muted);line-height:1.55;margin:0 0 32px;max-width:640px;margin-left:auto;margin-right:auto}
.pac-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px 28px;margin:32px auto 0}
.pac-hero-stat-num{font-size:26px;font-weight:600;color:var(--accent);letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums;margin-bottom:6px}
.pac-hero-stat-lbl{font-size:12px;color:var(--muted);line-height:1.4}
.pac-hero-stat{text-align:center}
.pac-section{padding:64px 0 32px}
.pac-section-inner{max-width:1400px;margin:0 auto;text-align:center}
.pac-faq-seo,.pac-faq-seo *,.pac-related-list,.pac-related-list *,.pac-related-col h4{text-align:left}
.pac-section-eyebrow{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-weight:600;margin-bottom:10px}
.pac-section h2{font-size:32px;font-weight:500;letter-spacing:-.02em;margin:0 0 14px;line-height:1.15}
.pac-section > .pac-section-inner > p{font-size:15px;color:var(--muted);line-height:1.6;margin:0 0 28px;max-width:720px}
.pac-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
.pac-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);padding:24px 22px;display:flex;flex-direction:column}
.pac-card-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.pac-card-icon{width:36px;height:36px;background:rgba(232,169,58,.10);border:1px solid rgba(232,169,58,.24);color:var(--accent);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pac-card-num{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:600}
.pac-card h3{font-size:17px;font-weight:500;margin:0 0 8px;line-height:1.25;letter-spacing:-.01em}
.pac-card p{font-size:13.5px;color:var(--muted);line-height:1.55;margin:0}
.pac-card p strong{color:var(--ink);font-weight:600}
.pac-values{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
.pac-value-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);padding:26px 24px}
.pac-value-icon{width:40px;height:40px;background:rgba(232,169,58,.10);border-radius:10px;color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.pac-value-card h3{font-size:16px;font-weight:500;margin:0 0 8px;letter-spacing:-.005em}
.pac-value-card p{font-size:13px;color:var(--muted);line-height:1.55;margin:0}
.pac-inline-cta{margin:28px auto;max-width:1400px}
.pac-inline-cta-card{background:linear-gradient(135deg,rgba(232,169,58,.08),rgba(232,169,58,.02));border:1px solid rgba(232,169,58,.28);border-radius:var(--radius-lg);padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.pac-inline-cta-text{font-size:15px;color:var(--ink);font-weight:500;line-height:1.4;flex:1;min-width:280px}
.pac-company{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);padding:24px 28px;margin-top:20px}
.pac-company-row{display:flex;justify-content:space-between;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;gap:20px}
.pac-company-row:last-child{border-bottom:none}
.pac-company-row .label{color:var(--muted);flex-shrink:0}
.pac-company-row .value{color:var(--ink);font-weight:500;text-align:right}
.pac-final-cta{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:44px 32px;text-align:center;max-width:1400px;margin:32px auto 80px}
.pac-final-cta h2{font-size:28px;font-weight:500;margin:0 0 10px;letter-spacing:-.015em}
.pac-final-cta p{font-size:15px;color:var(--muted);line-height:1.55;margin:0 0 24px}
/* Platform pages: formats + niches */
.pac-formats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}
.pac-format-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);padding:20px 18px;position:relative}
.pac-format-num{position:absolute;top:14px;right:16px;font-size:10.5px;color:var(--accent);font-weight:700;letter-spacing:.05em}
.pac-format-icon{width:38px;height:38px;background:rgba(232,169,58,.10);border:1px solid rgba(232,169,58,.24);color:var(--accent);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.pac-format-card h3{font-size:14.5px;font-weight:500;margin:0 0 6px;letter-spacing:-.005em;line-height:1.3}
.pac-format-card p{font-size:12px;color:var(--muted);line-height:1.5;margin:0}
.pac-niches{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px}
.pac-niche{padding:8px 14px;background:var(--card);border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--ink);font-weight:500;letter-spacing:.005em;transition:border-color .15s,background .15s,color .15s;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.pac-niche:hover{border-color:rgba(232,169,58,.35);background:rgba(232,169,58,.04)}
.pac-niche.hot{background:rgba(232,169,58,.10);border-color:rgba(232,169,58,.35);color:var(--accent);font-weight:600}
/* SEO pages: filter strip, creator list, cities, related-grid */
.pac-filter-strip{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pac-filter-lbl{font-size:11.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600;margin-right:6px}
.pac-filter-btn{padding:8px 14px;background:var(--card);border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--ink);font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s;font-family:inherit}
.pac-filter-btn:hover{border-color:rgba(255,255,255,.24)}
.pac-filter-btn.active{background:rgba(232,169,58,.10);border-color:rgba(232,169,58,.35);color:var(--accent)}
.pac-filter-btn svg{width:11px;height:11px;opacity:.6}
.pac-trust{margin:20px 0 0;display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.pac-trust-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}
.pac-creator-list{margin-top:22px;display:flex;flex-direction:column;gap:10px}
.pac-creator-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 22px;display:flex;gap:18px;align-items:flex-start;transition:border-color .15s}
.pac-creator-card:hover{border-color:rgba(255,255,255,.16)}
.pac-creator-num{width:32px;flex-shrink:0;font-size:20px;font-weight:600;color:var(--muted);letter-spacing:-.02em;padding-top:2px}
.pac-creator-avatar{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,rgba(232,169,58,.32),rgba(232,169,58,.08));flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--on-accent);font-weight:700;font-size:18px;letter-spacing:-.02em}
.pac-creator-body{flex:1;min-width:0}
.pac-creator-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.pac-creator-handle{font-size:15px;font-weight:500;color:var(--ink);letter-spacing:-.005em}
.pac-creator-verified{width:14px;height:14px;color:var(--accent);flex-shrink:0}
.pac-creator-platform{display:inline-flex;align-items:center;padding:2px 8px;border-radius:5px;font-size:9.5px;font-weight:700;letter-spacing:.08em;margin-right:2px;text-transform:uppercase}
.pac-creator-platform--yt{background:rgba(255,68,68,.12);color:#ff5c5c;border:1px solid rgba(255,68,68,.28)}
.pac-creator-platform--ig{background:rgba(228,64,163,.12);color:#ec5cb5;border:1px solid rgba(228,64,163,.28)}
.pac-creator-platform--tt{background:rgba(255,255,255,.08);color:var(--ink);border:1px solid rgba(255,255,255,.16)}
.pac-creator-loc{font-size:11.5px;color:var(--muted);display:inline-flex;align-items:center;gap:4px}
.pac-creator-loc svg{width:10px;height:10px;opacity:.6}
.pac-creator-bio{font-size:12.5px;color:var(--muted);line-height:1.5;margin:0 0 10px}
.pac-creator-stats{display:flex;gap:22px;flex-wrap:wrap}
.pac-creator-stat{display:flex;flex-direction:column;gap:1px}
.pac-creator-stat-val{font-size:14px;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.pac-creator-stat-lbl{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.pac-creator-cta{flex-shrink:0;padding:8px 16px;background:transparent;border:1px solid rgba(232,169,58,.4);color:var(--accent);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;align-self:center;transition:all .15s;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.pac-creator-cta:hover{background:rgba(232,169,58,.08)}
.pac-mid-cta{margin:22px 0 0;padding:20px 26px;background:linear-gradient(135deg,rgba(232,169,58,.08),rgba(232,169,58,.02));border:1px solid rgba(232,169,58,.28);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.pac-mid-cta-txt{font-size:14px;color:var(--ink);flex:1;min-width:260px;line-height:1.5}
.pac-mid-cta-txt b{color:var(--accent);font-weight:600}
.pac-methodology{margin-top:24px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px 28px}
.pac-methodology-items{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:16px}
.pac-methodology-item{display:flex;flex-direction:column;gap:6px}
.pac-methodology-item h4{font-size:13.5px;font-weight:500;color:var(--ink);margin:0;display:flex;align-items:center;gap:8px}
.pac-methodology-item h4::before{content:'';width:6px;height:6px;background:var(--accent);border-radius:50%;flex-shrink:0}
.pac-methodology-item p{font-size:12.5px;color:var(--muted);margin:0;line-height:1.55}
.pac-cities{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.pac-city.hot{background:rgba(232,169,58,.10);border-color:rgba(232,169,58,.35);color:var(--accent);font-weight:600}
.pac-city{padding:8px 14px;background:var(--card);border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--ink);font-weight:500;transition:all .15s;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.pac-city svg{width:10px;height:10px;opacity:.6;color:var(--accent)}
.pac-city:hover{border-color:rgba(232,169,58,.35);background:rgba(232,169,58,.04)}
.pac-related{margin-top:32px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px 28px}
.pac-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.pac-related-col h4{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600;margin:0 0 12px}
.pac-related-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.pac-related-list a{color:var(--ink);font-size:13px;text-decoration:none;cursor:pointer;transition:color .15s;line-height:1.4;display:inline-flex;align-items:center;gap:6px}
.pac-related-list a.hot{color:var(--accent);font-weight:600}
.pac-related-list a.hot::before{opacity:1}
.pac-related-list a::before{content:'›';color:var(--accent);opacity:.5;font-size:14px}
.pac-related-list a:hover{color:var(--accent)}
.pac-related-list a:hover::before{opacity:1}
.pac-faq-seo{margin-top:24px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px 28px}
.pac-faq-seo-item{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:8px;transition:border-color .15s}
.pac-faq-seo-item:hover{border-color:rgba(255,255,255,.16)}
.pac-faq-seo-item .faq-q-header{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;user-select:none;margin:0}
.pac-faq-seo-item .faq-q-header .text{font-size:15px;font-weight:500;line-height:1.4;color:var(--ink)}
.pac-faq-seo-item .faq-toggle{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}
.pac-faq-seo-item .faq-toggle .v-line{transition:opacity .2s ease}
.pac-faq-seo-item.open .faq-toggle .v-line{opacity:0}
.pac-faq-seo-item .faq-a{max-height:0;overflow:hidden;padding:0 24px;color:var(--muted);font-size:14px;line-height:1.6;transition:max-height .35s ease,padding .35s ease}
.pac-faq-seo-item.open .faq-a{max-height:600px;padding:0 24px 20px}
.pac-faq-seo-item .faq-a b{color:var(--ink);font-weight:600}
.pac-faq-seo{display:flex;flex-direction:column;gap:0}


.pac-faq-seo-item p b{color:var(--ink);font-weight:500}
/* Contacts */
.pac-contacts{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}
.pac-contact-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);padding:22px 24px;display:flex;gap:16px;align-items:flex-start}
.pac-contact-icon{width:40px;height:40px;background:rgba(232,169,58,.10);border-radius:10px;color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pac-contact-content h3{font-size:15px;font-weight:500;margin:0 0 4px;letter-spacing:-.005em}
.pac-contact-content p{font-size:13px;color:var(--muted);line-height:1.5;margin:0 0 8px}
.pac-contact-content a{color:var(--accent);font-size:13.5px;text-decoration:none;font-weight:500;transition:color .15s}
.pac-contact-content a:hover{color:var(--ink)}
.pac-form{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px 32px;margin-top:24px}
.pac-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.pac-form-row.full{grid-template-columns:1fr}
.pac-input,.pac-textarea,.pac-select{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:14px;color:var(--ink);font-family:inherit;transition:border-color .15s}
.pac-input:focus,.pac-textarea:focus,.pac-select:focus{outline:none;border-color:rgba(232,169,58,.5)}
.pac-textarea{min-height:120px;resize:vertical;line-height:1.5}
.pac-form-submit{width:100%;padding:14px;background:#e8e8ea;color:#0a0a0a;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s;font-family:inherit;letter-spacing:.02em;margin-top:4px}
.pac-form-submit:hover{background:#fff}
/* Roadmap */
.rm-timeline{display:flex;flex-direction:column;gap:36px;margin-top:32px}
.rm-quarter{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px 32px}
.rm-q-header{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.rm-q-badge{display:inline-flex;align-items:center;padding:5px 12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;border-radius:999px}
.rm-q-badge--now{background:var(--accent);color:var(--on-accent)}
.rm-q-badge--planned{background:rgba(255,255,255,.06);color:var(--muted);border:1px solid var(--line)}
.rm-q-title{font-size:22px;font-weight:500;margin:0;letter-spacing:-.015em}
.rm-q-dates{font-size:13px;color:var(--muted)}
.rm-items{display:flex;flex-direction:column;gap:22px}
.rm-item{display:grid;grid-template-columns:60px 1fr;gap:18px;align-items:start}
.rm-item-status{font-size:12px;font-weight:700;color:var(--accent);background:rgba(232,169,58,.10);border:1px solid rgba(232,169,58,.24);border-radius:8px;padding:6px 10px;text-align:center;letter-spacing:-.01em}
.rm-item-status.rm-st-planned{color:var(--muted);background:rgba(255,255,255,.03);border-color:var(--line)}
.rm-item h3{font-size:16px;font-weight:500;margin:0 0 6px;letter-spacing:-.005em}
.rm-item p{font-size:13.5px;color:var(--muted);line-height:1.55;margin:0 0 10px}
.rm-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.rm-tag{display:inline-block;padding:3px 9px;background:rgba(232,169,58,.08);color:var(--accent);font-size:11px;font-weight:600;border-radius:6px;letter-spacing:.01em}
@media(max-width:900px){
  .pac-hero h1{font-size:38px}
  .pac-hero-stats{grid-template-columns:repeat(2,1fr)}
  .pac-cards,.pac-values,.pac-contacts{grid-template-columns:1fr}
  .pac-formats{grid-template-columns:repeat(2,1fr)}
  .pac-methodology-items,.pac-related-grid{grid-template-columns:1fr;gap:16px}
  .pac-creator-card{flex-wrap:wrap}
  .pac-creator-cta{width:100%}
  .pac-section{padding:40px 0 20px}
  .pac-section h2{font-size:26px}
  .rm-quarter{padding:22px}
  .rm-item{grid-template-columns:52px 1fr;gap:14px}
}
@media(max-width:600px){
  .pac-hero{padding:32px 0 24px}
  .pac-hero h1{font-size:30px}
  .pac-form-row{grid-template-columns:1fr}
  .pac-inline-cta-card{flex-direction:column;text-align:center;padding:22px 20px}
  .pac-company-row{flex-direction:column;gap:4px}
  .pac-company-row .value{text-align:left}
}
.trust-pill.trust-pill-total{background:rgba(232,169,58,.12);border-color:rgba(232,169,58,.42)}
.trust-pill.trust-pill-total .plat{color:var(--accent);font-weight:600}
.trust-pill:hover{border-color:var(--aline)}
.trust-pill svg{width:16px;height:16px;color:var(--muted);flex-shrink:0}
.trust-pill .plat{font-weight:500;color:var(--ink)}
.trust-pill .sep{color:var(--hint);opacity:.6}
.trust-pill .num{color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
/* hiw – Как это работает */
/* Variant 1 — horizontal timeline (chosen) */
.hiw-v1{position:relative;padding:0 24px}
.hiw-v1-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}
.hiw-v1-grid::before{content:'';position:absolute;top:26px;left:10%;right:10%;height:2px;background:linear-gradient(to right,rgba(232,169,58,.4),rgba(232,169,58,.15),rgba(232,169,58,.4));z-index:0}
.hiw-v1-item{position:relative;text-align:center;padding:0 8px}
.hiw-v1-num{position:relative;z-index:1;width:52px;height:52px;background:var(--accent);color:var(--on-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;margin:0 auto 14px;box-shadow:0 0 0 4px var(--paper),0 0 0 5px rgba(232,169,58,.35)}
.hiw-v1-title{font-size:15px;font-weight:500;color:var(--ink);line-height:1.3;margin:0 0 6px}
.hiw-v1-desc{font-size:13px;color:var(--muted);line-height:1.55;margin:0}
/* feature – Возможности */
/* Bento asymmetric layout — Возможности */
.f-bento{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto;gap:16px}
.f-bento-hero{grid-column:1;grid-row:1/3;background:linear-gradient(135deg,rgba(232,169,58,.14),rgba(232,169,58,.02));border:1px solid rgba(232,169,58,.35);border-radius:var(--radius-md);padding:32px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.f-bento-hero::before{content:'';position:absolute;top:-60px;right:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(232,169,58,.18) 0%,transparent 65%);pointer-events:none;z-index:0}
.f-bento-hero > *{position:relative;z-index:1}
.f-hero-badge{display:inline-block;padding:5px 12px;background:var(--accent);color:var(--on-accent);font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;border-radius:999px;margin-bottom:18px;align-self:flex-start}
.f-bento-hero h3{font-size:22px;font-weight:500;margin:0 0 10px;line-height:1.2;letter-spacing:-.01em;color:var(--ink)}
.f-bento-hero p{font-size:13.5px;color:var(--muted);line-height:1.55;margin:0}
.f-hero-tags{display:flex;flex-direction:column;gap:8px;margin-top:22px;align-items:flex-start}
.f-hero-tags > span{padding:5px 12px;background:rgba(232,169,58,.14);font-size:12.5px;font-weight:500;border-radius:7px;letter-spacing:.01em;display:inline-flex;align-items:center;gap:7px;line-height:1.4}
.f-hero-tags .plat{color:var(--ink)}
.f-hero-tags .sep{color:var(--hint);opacity:.55;font-weight:400}
.f-hero-tags .num{color:var(--accent);font-variant-numeric:tabular-nums}
.f-bento-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;justify-content:center}
.f-bento-card-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.f-bento-card-icon{width:36px;height:36px;background:rgba(232,169,58,.14);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent)}
.f-bento-card-icon svg{width:18px;height:18px;stroke-width:1.8}
.f-bento-card h3{font-size:16px;font-weight:500;margin:0;line-height:1.3;color:var(--ink)}
.f-bento-card p{font-size:12.5px;color:var(--muted);line-height:1.5;margin:0}
.f-bento-wide{margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);padding:16px 22px;display:flex;align-items:center;gap:16px}
.f-wide-icon{width:36px;height:36px;background:rgba(232,169,58,.14);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent)}
.f-wide-icon svg{width:18px;height:18px;stroke-width:1.8}
.f-wide-text{flex:1}
.f-wide-text h3{font-size:16px;font-weight:500;margin:0 0 4px;color:var(--ink);line-height:1.3}
.f-wide-text p{font-size:12.5px;color:var(--muted);line-height:1.55;margin:0}

/* How it works — variant 3: connected chevron flow */
.hiw-v3{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:28px;filter:drop-shadow(0 14px 28px rgba(0,0,0,.18))}
.hiw-v3-step{position:relative;min-height:144px;padding:24px 28px 22px 34px;background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:14px}
.hiw-v3-step:first-child{border-left:1px solid var(--line);border-radius:14px 0 0 14px;padding-left:24px}
.hiw-v3-step:last-child{border-right:1px solid var(--line);border-radius:0 14px 14px 0}
.hiw-v3-step:not(:last-child)::after{content:"";position:absolute;z-index:2;top:0;right:-31px;width:31px;height:100%;background:var(--card);clip-path:polygon(0 0,100% 50%,0 100%);filter:drop-shadow(1px 0 0 var(--line))}
.hiw-v3-step:not(:first-child)::before{content:"";position:absolute;z-index:3;top:0;left:0;width:30px;height:100%;background:var(--paper);clip-path:polygon(0 0,100% 50%,0 100%)}
.hiw-v3-icon{position:relative;z-index:4;width:34px;height:34px;border-radius:9px;background:var(--soft);border:1px solid var(--aline);color:var(--accent);display:flex;align-items:center;justify-content:center;flex:0 0 34px;font-size:17px;font-weight:600}
.hiw-v3-copy{position:relative;z-index:4;min-width:0}
.hiw-v3-kicker{font-size:11px;color:var(--accent);font-weight:700;letter-spacing:.08em;margin-bottom:3px}
.hiw-v3-title{font-size:15px;font-weight:600;color:var(--ink);line-height:1.25;margin-bottom:6px}
.hiw-v3-desc{font-size:12.5px;color:var(--muted);line-height:1.45}
.hiw-v3-step:hover{background:linear-gradient(135deg,var(--card),var(--soft))}
.hiw-v3-step:hover::after{background:var(--card)}
@media(max-width:1100px){.hiw-v3{grid-template-columns:1fr;gap:10px;filter:none}.hiw-v3-step,.hiw-v3-step:first-child,.hiw-v3-step:last-child{border:1px solid var(--line);border-radius:12px;padding:18px 20px;min-height:auto}.hiw-v3-step::before,.hiw-v3-step::after{display:none}}

/* compare – Сравнение */
.compare-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}
.compare-table{width:100%;border-collapse:collapse}
.compare-table thead th{padding:16px 14px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500;text-align:center;background:var(--bg-soft-2)}
.compare-table thead th.compare-us{color:var(--ink);background:rgba(232,169,58,.10);border-left:1px solid rgba(232,169,58,.28);border-right:1px solid rgba(232,169,58,.28)}
.compare-table thead th:first-child{text-align:left;padding-left:20px}
.compare-table td{padding:16px 14px;font-size:14px;text-align:center;border-top:1px solid var(--line);color:var(--ink)}
.compare-table td:first-child{text-align:left;padding-left:20px;color:var(--ink);font-weight:500}
.compare-table td.compare-us{color:var(--accent);background:rgba(232,169,58,.05);font-weight:600;border-left:1px solid rgba(232,169,58,.28);border-right:1px solid rgba(232,169,58,.28)}
.compare-table tbody tr:last-child td.compare-us{border-bottom:1px solid rgba(232,169,58,.28)}
.compare-table .cmp-yes{color:var(--accent);font-weight:600}
.compare-table .cmp-no{color:var(--hint)}
.compare-table .cmp-partial{color:var(--muted);font-size:12.5px}
.compare-table .cmp-check{display:inline-flex;vertical-align:middle}
.compare-table .cmp-cross{display:inline-flex;vertical-align:middle}
/* reviews */
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:14px}
.review-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px;display:flex;flex-direction:column;gap:14px;position:relative}
.review-head{display:flex;align-items:center;gap:8px}
.review-mark{width:26px;height:26px;background:var(--accent);color:var(--on-accent);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0;letter-spacing:-.01em}
.review-company{font-size:12px;font-weight:600;color:var(--ink);letter-spacing:.02em}
.review-stars{margin-left:auto;color:var(--accent);font-size:11px;letter-spacing:2px;line-height:1}
.review-quote{font-size:13.5px;line-height:1.55;color:var(--ink);flex:1;margin:0}
.review-quote b{color:var(--accent);font-weight:600}
.review-author{font-size:11.5px;color:rgba(255,255,255,.45);line-height:1.4;margin:0;padding-top:12px;border-top:1px solid var(--line);min-height:auto;box-sizing:border-box}
.review-note{text-align:center;color:var(--muted);font-size:12px;margin-top:14px}
/* pricing preview + final CTA */
.pricing-cta{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:40px 32px;text-align:center}
.pricing-cta h2{margin:0 0 12px}
.pricing-cta p{color:var(--muted);font-size:16px;margin:0 0 20px;line-height:1.55}
/* Pricing preview — 3 tier cards V5 (compact KPI list) */
.pp-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:14px;margin-bottom:28px}
.pp-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);padding:22px 24px;display:flex;flex-direction:column;position:relative}
.pp-card.pp-featured{border-color:rgba(232,169,58,.5);background:linear-gradient(135deg,rgba(232,169,58,.10),rgba(232,169,58,.02))}
.pp-badge{position:absolute;top:-11px;left:22px;background:var(--accent);color:var(--on-accent);font-size:9.5px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}
.pp-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px;gap:12px}
.pp-featured .pp-head{margin-top:8px}
.pp-name-block{min-width:0}
.pp-name{font-size:16px;font-weight:600;color:var(--ink);letter-spacing:-.005em}
.pp-featured .pp-name{color:var(--ink)}
.pp-desc{font-size:11px;color:var(--muted);line-height:1.4;margin:2px 0 0}
.pp-price-block{text-align:right;flex-shrink:0}
.pp-price{font-size:26px;color:var(--accent);font-weight:600;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
.pp-featured .pp-price{font-size:28px;font-weight:700}
.pp-per{font-size:10.5px;color:rgba(255,255,255,.4);margin-top:2px}
.pp-featured .pp-per{color:rgba(232,169,58,.55)}
.pp-kpi{border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:9px;flex:1}
.pp-featured .pp-kpi{border-top-color:rgba(232,169,58,.15)}
.pp-kpi-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:12.5px}
.pp-kpi-label{color:var(--muted)}
.pp-kpi-val{color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums;text-align:right}
.pp-featured .pp-kpi-val{font-weight:600}
.pp-kpi-val.accent{color:var(--accent);font-weight:600}
.pp-featured .pp-kpi-val.accent{font-weight:700}
.pp-kpi-val .save{color:rgba(255,255,255,.4);font-weight:400;font-size:10.5px;margin-left:4px}
.pp-cta{width:100%;margin-top:18px;padding:10px;background:transparent;color:var(--accent);border:1px solid rgba(232,169,58,.35);border-radius:10px;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;font-family:inherit}
.pp-cta:hover{background:rgba(232,169,58,.08)}
.pp-featured .pp-cta{background:var(--accent);color:var(--on-accent);border-color:transparent;font-weight:700}
.pp-featured .pp-cta:hover{background:var(--accent2);opacity:1}
.pp-cta-wrap{text-align:center}
/* Pricing flow explainer — Письмо → Бриф → Размещение → Комиссия */
.pp-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:stretch;margin:0 0 24px;padding:22px 26px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md)}
.pp-flow-step{text-align:center;padding:4px 0;min-width:0}
.pp-flow-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--accent);color:var(--on-accent);font-weight:700;font-size:13px;border-radius:50%;margin-bottom:10px;letter-spacing:-.02em}
.pp-flow-label{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:4px;letter-spacing:-.005em}
.pp-flow-desc{font-size:12px;color:var(--muted);line-height:1.45}
.pp-flow-arrow{color:var(--accent);opacity:.4;font-size:20px;display:flex;align-items:center;justify-content:center;font-weight:300}
/* Info-tooltip рядом с "Писем = брифов включено" */
.pp-info{position:relative;display:inline-flex;align-items:center;margin-left:6px;cursor:help;vertical-align:middle}
.pp-info-icon{width:14px;height:14px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.55);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;font-family:Georgia,serif;font-style:italic;line-height:1;transition:background .15s,color .15s;user-select:none}
.pp-info:hover .pp-info-icon,.pp-info:focus .pp-info-icon{background:rgba(232,169,58,.24);color:var(--accent);outline:none}
.pp-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;width:260px;background:#1a1a1c;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 16px;font-size:12.5px;line-height:1.55;color:rgba(255,255,255,.85);box-shadow:0 12px 40px rgba(0,0,0,.5);opacity:0;pointer-events:none;transform:translate(-50%,-4px);transition:opacity .15s,transform .15s;z-index:100;font-weight:400;text-align:left;font-variant-numeric:normal}
.pp-info:hover .pp-tooltip,.pp-info:focus .pp-tooltip{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.pp-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#1a1a1c;margin-top:-1px}
.pp-tooltip .accent{color:var(--accent);font-weight:600}
.pp-tooltip a{display:block;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);color:var(--accent);font-size:12px;font-weight:500;text-decoration:none;cursor:pointer}
.pp-tooltip a:hover{color:#fff}
.final-cta{text-align:center;padding:40px 32px;background:transparent;border:1px solid rgba(232,169,58,0.55);border-radius:var(--radius-lg)}
.final-cta h2{margin:0 0 12px}
.final-cta p{color:var(--muted);margin:0 auto 28px;font-size:16px;line-height:1.55;max-width:640px}
.final-cta .final-cta-eyebrow{display:inline-block !important;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-weight:600;margin:0 0 14px !important;padding:0;max-width:none !important}
/* ===== Было / стало – пары в общей рамке ===== */
@media(max-width:760px){
      }
/* ===== Footer – cpahunter-style ===== */
.pact-footer{margin:0;padding:48px 28px 14px;border-top:1px solid var(--line)}
.pact-footer-inner{max-width:1400px;margin:0 auto}
.footer-grid{display:grid;grid-template-columns:1.35fr 1.05fr 1.55fr 1.15fr 1.05fr;gap:18px;align-items:stretch;margin-bottom:32px}
.footer-grid>*:not(:first-child):not(:last-child){position:relative;padding-right:14px}
.footer-grid>*:not(:first-child):not(:last-child)::after{content:'';position:absolute;top:14px;bottom:0;right:0;width:2px;background:var(--line)}
.footer-brand{position:relative;padding-right:14px}
.footer-brand::after{content:'';position:absolute;top:14px;bottom:30%;right:0;width:2px;background:var(--line)}
.footer-logo{display:flex;align-items:center;gap:9px;margin-bottom:16px}
.footer-logo-mark{width:32px;height:32px;background:var(--accent);color:var(--on-accent);border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;letter-spacing:-.02em}
.footer-logo-name{font-size:18px;font-weight:500;letter-spacing:-.01em}
.footer-brand-headline{color:var(--ink);font-size:17px;font-weight:500;letter-spacing:-.005em;display:block;margin-bottom:12px;white-space:nowrap}
.footer-brand-headline .num{color:var(--accent);margin-right:4px;font-weight:700;font-size:20px}
.footer-brand p{color:var(--muted);font-size:13px;margin:0;max-width:280px;line-height:1.6}
.footer-col h4{font-size:17px;font-weight:500;margin-bottom:8px;color:var(--ink);letter-spacing:-.01em;height:44px;line-height:1;display:flex;align-items:center}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0;margin:0}
.footer-col ul.footer-list-2col{display:grid;grid-auto-flow:column;grid-template-rows:repeat(10,auto);grid-template-columns:1fr 1fr;column-gap:20px;row-gap:10px}
.footer-col li{margin:0;padding:0}
.footer-subhead{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--hint);font-weight:600;margin:16px 0 9px}
.footer-platforms-block{margin-top:28px}
.footer-platforms-block h4{height:auto;margin:0 0 10px;font-size:17px;font-weight:500;color:var(--ink);letter-spacing:-.01em;line-height:1}
.footer-platforms-block ul{gap:10px}
@media(max-width:760px){.footer-platforms-block{margin-top:22px}.footer-platforms-block h4{font-size:15px;margin-bottom:10px}}
.footer-col a{color:var(--muted);font-size:13px;transition:color .15s;white-space:nowrap;display:flex;align-items:center;gap:8px;line-height:1;min-height:18px;cursor:pointer;text-decoration:none}
.footer-col a svg{color:var(--accent);stroke:var(--accent);flex-shrink:0;width:14px;height:14px}
.footer-col a:hover{color:var(--ink)}
.footer-bottom{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:12px 20px;padding-top:14px;border-top:2px solid var(--line);font-size:12px;color:var(--hint)}
.footer-legal{display:flex;align-items:center;gap:8px;flex-shrink:0;white-space:nowrap}
.footer-legal a{color:var(--hint);font-size:12px;transition:color .15s;white-space:nowrap;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;cursor:pointer}
.footer-legal a:hover{color:var(--ink)}
.footer-legal-sep{color:var(--hint);opacity:.5}
.footer-lang{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-pill);font-size:13px;color:var(--ink);cursor:pointer;transition:border-color .15s;order:-1}
.footer-lang:hover{border-color:var(--accent)}
@media(max-width:1100px){
  .footer-grid{grid-template-columns:1.1fr 1.5fr 1fr;gap:28px}
  .footer-grid>.footer-brand{grid-column:1;grid-row:1 / span 3;align-self:start}
  .footer-grid>.footer-col--programs{grid-column:3;grid-row:1 / span 3;align-self:start}
  .footer-grid>*:not(:first-child):not(:last-child)::after,.footer-brand::after{display:none}
}
@media(max-width:760px){
  .pact-footer{margin:0 -14px 0;padding:32px 14px 14px}
  .footer-grid{grid-template-columns:1fr;gap:0;margin-bottom:20px}
  .footer-grid>*{grid-column:auto !important;grid-row:auto !important}
  .footer-col,.footer-brand{border-top:1px solid var(--line);padding:16px 0 4px}
  .footer-brand{border-top:0;padding-top:0}
  .footer-col h4{height:auto;margin-bottom:10px;font-size:15px}
  .footer-col ul.footer-list-2col{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}
  .footer-brand-headline{white-space:normal}
}
@media(max-width:1100px){
  .hiw-v1{padding:0}
  .hiw-v1-grid::before{display:none}
  .hiw-v1-grid{grid-template-columns:repeat(2,1fr);gap:28px}
  .review-grid{grid-template-columns:repeat(2,1fr)}
  .pp-grid{grid-template-columns:1fr;gap:14px}
  .pp-flow{grid-template-columns:1fr 1fr;padding:18px 20px}
  .pp-flow-arrow{display:none}
  .f-bento{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto}
  .f-bento-hero{grid-column:1/-1;grid-row:auto;padding:24px}
  .f-bento-hero h3{font-size:20px}
  }
@media(max-width:760px){
  .review-grid{grid-template-columns:1fr}
  .f-bento{grid-template-columns:1fr}
  .f-bento-hero{padding:22px}
  .f-bento-wide{flex-direction:column;text-align:center;align-items:center;gap:12px}
            .landing-section{padding:48px 0}
  .section-head{margin-bottom:24px}
  .final-cta{padding:32px 22px}
  .final-cta h2{font-size:24px}
  .pricing-cta{padding:32px 24px}
  .trust-strip{gap:14px;margin-top:12px}
  .trust-pill{padding:8px 14px;font-size:13px}
  .compare-table td,.compare-table thead th{padding:12px 10px;font-size:13px}
  .compare-table td:first-child,.compare-table thead th:first-child{padding-left:14px}
}
/* ===== Profile pages (.pp-*) ===== */
.pp-hero{display:grid;grid-template-columns:auto 1fr;gap:32px;margin:24px 0 40px;padding:32px;background:linear-gradient(135deg,rgba(232,169,58,.06),rgba(232,169,58,.01));border:1px solid var(--line);border-radius:16px}
.pp-hero-left{flex-shrink:0}
.pp-avatar{width:120px;height:120px;border-radius:20px;background:linear-gradient(135deg,rgba(232,169,58,.5),rgba(232,169,58,.1));display:flex;align-items:center;justify-content:center;color:var(--on-accent);font-weight:700;font-size:44px;letter-spacing:-.03em}
.pp-hero-right{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}
.pp-identity-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pp-handle{margin:0;font-size:32px;font-weight:600;color:var(--ink);letter-spacing:-.015em;display:inline-flex;align-items:center;gap:8px}
.pp-verified{color:var(--accent);width:22px;height:22px;flex-shrink:0}
.plat-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:6px;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.plat-badge--yt{background:rgba(255,68,68,.12);color:#ff5c5c;border:1px solid rgba(255,68,68,.28)}
.plat-badge--ig{background:rgba(228,64,163,.12);color:#ec5cb5;border:1px solid rgba(228,64,163,.28)}
.plat-badge--tt{background:rgba(255,255,255,.08);color:var(--ink);border:1px solid rgba(255,255,255,.16)}
.pp-name{font-size:16px;color:var(--muted);font-weight:500}
.pp-meta-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.pp-meta{display:inline-flex;align-items:center;gap:6px}
.pp-sep{color:var(--hint);opacity:.5}
.pp-cats{display:inline-flex;gap:6px;flex-wrap:wrap}
.pp-cat-pill{background:rgba(232,169,58,.06);border:1px solid rgba(232,169,58,.24);color:var(--ink);padding:2px 9px;border-radius:6px;font-size:11px;font-weight:500}
.pp-bio{font-size:14px;color:var(--muted);line-height:1.6;margin:0}
.pp-badges{display:flex;gap:8px;flex-wrap:wrap;padding:8px 0}
.deals-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:rgba(74,222,128,.1);color:#4ade80;border:1px solid rgba(74,222,128,.3);border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em}
.pp-hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.pp-hero-cta .btn{padding:11px 20px;font-size:13.5px;font-weight:500;border-radius:10px;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:8px;border:none}
.pp-hero-cta .btn-primary{background:var(--accent);color:var(--on-accent)}
.pp-hero-cta .btn-primary:hover{filter:brightness(1.1)}
.pp-hero-cta .btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line-strong)}
.pp-hero-cta .btn-ghost:hover{background:rgba(255,255,255,.03)}

.pp-section{margin:40px 0;padding:0}
.pp-section-head{margin-bottom:20px}
.pp-section-eyebrow{font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-weight:700;margin-bottom:8px}
.pp-section h2{margin:0;font-size:26px;font-weight:500;color:var(--ink);letter-spacing:-.01em}
.pp-section h3{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--hint);font-weight:600}

/* Hero metrics */
.pp-hero-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pp-hero-metric{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}
.pp-hero-val{font-size:28px;font-weight:600;color:var(--ink);letter-spacing:-.02em;line-height:1;margin-bottom:6px}
.pp-hero-lbl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:8px}
.pp-hero-sub{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px}
.pp-muted{color:var(--hint);font-size:11.5px}
.growth-up{color:#4ade80;font-size:11.5px;font-weight:600;display:inline-flex;align-items:center;gap:1px}
.growth-up::before{content:'↑';font-size:11px;font-weight:700}

/* Audience Quality */
.pp-quality-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}
.pp-quality-main{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px}
.pp-quality-num{font-size:56px;font-weight:600;color:var(--accent);letter-spacing:-.03em;line-height:1;margin-bottom:4px}
.pp-quality-lbl{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:16px}
.pp-quality-bar{height:8px;background:var(--line);border-radius:4px;overflow:hidden;margin-bottom:12px}
.pp-quality-fill{height:100%;background:linear-gradient(90deg,var(--accent),#f4c464);border-radius:4px}
.pp-quality-note{font-size:12.5px;color:var(--muted);line-height:1.5;margin-top:8px}
.pp-quality-side{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px}
.pp-quality-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.pp-quality-row:last-child{border-bottom:none}
.pp-quality-row b{color:var(--ink);font-weight:600;font-size:13px}

/* Demographics */
.pp-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pp-demo-col{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px}
.pp-gender-bar{display:flex;height:36px;border-radius:8px;overflow:hidden;background:var(--line)}
.pp-gender-m{background:rgba(107,168,255,.6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:600}
.pp-gender-f{background:rgba(255,107,168,.6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:600}
.pp-agebars{display:flex;flex-direction:column;gap:8px}
.pp-agebar-row{display:grid;grid-template-columns:60px 1fr 40px;align-items:center;gap:10px;font-size:12px}
.pp-agebar-lbl{color:var(--muted)}
.pp-agebar-track{height:6px;background:var(--line);border-radius:3px;overflow:hidden}
.pp-agebar-fill{height:100%;background:var(--accent);border-radius:3px}
.pp-agebar-val{color:var(--ink);font-weight:600;text-align:right}
.pp-demo-note{font-size:12px;color:var(--muted);margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.pp-demo-note b{color:var(--ink);font-weight:600}
.pp-lang-row{font-size:13px;color:var(--muted);letter-spacing:.005em}
.pp-lang-row b{color:var(--ink);font-weight:600}
.pp-countries{display:flex;flex-direction:column;gap:12px}
.pp-country-row{display:grid;grid-template-columns:20px 1fr 100px 40px;align-items:center;gap:10px;font-size:12.5px}
.pp-country-flag{font-size:14px}
.pp-country-name{color:var(--ink)}
.pp-country-bar{height:5px;background:var(--line);border-radius:3px;overflow:hidden}
.pp-country-fill{height:100%;background:var(--accent);border-radius:3px}
.pp-country-pct{color:var(--muted);text-align:right;font-weight:600}

/* Top posts */
.pp-posts-top{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pp-post-tile{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .15s}
.pp-post-tile:hover{border-color:var(--line-strong)}
.pp-post-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,rgba(232,169,58,.25),rgba(232,169,58,.03));display:flex;align-items:center;justify-content:center;font-size:60px}
.pp-post-info{padding:14px 16px 16px}
.pp-post-title{font-size:13.5px;font-weight:500;color:var(--ink);line-height:1.4;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pp-post-meta{display:flex;gap:6px;flex-wrap:wrap;font-size:11.5px;color:var(--muted);align-items:center}
.pp-post-meta b{color:var(--ink);font-weight:600}

/* Platform unique */
.pp-unique-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pp-unique-col{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px}
.pp-unique-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--muted)}
.pp-unique-row:last-child{border-bottom:none}
.pp-unique-lbl{font-weight:500}
.pp-unique-val{color:var(--ink);font-weight:600;font-size:15px;letter-spacing:-.01em}
.pp-kw-list{display:flex;gap:6px;flex-wrap:wrap}
.pp-kw-pill{background:rgba(232,169,58,.06);border:1px solid rgba(232,169,58,.24);color:var(--ink);padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}

/* Recent posts grid */
.pp-recent-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.pp-recent-tile{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:border-color .15s;cursor:pointer}
.pp-recent-tile:hover{border-color:var(--line-strong)}
.pp-recent-thumb{aspect-ratio:1;background:linear-gradient(135deg,rgba(232,169,58,.15),rgba(232,169,58,.02));display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:28px}
.pp-recent-title{padding:8px 10px;font-size:11px;color:var(--muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:960px){.pp-recent-grid{grid-template-columns:repeat(3,1fr)}}

/* Brand partnerships */
.pp-signals-list{display:flex;flex-direction:column;gap:10px}
.pp-signal-row{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:14px}
.pp-signal-badge{flex-shrink:0}
.pp-signal-detail{font-size:12.5px;color:var(--muted);text-align:right}
.pp-brands-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.pp-brand-chip{background:var(--card);border:1px solid var(--line);color:var(--ink);padding:6px 12px;border-radius:8px;font-size:12.5px;font-weight:500}
.pp-cadence{margin-top:20px;padding:12px 16px;background:rgba(232,169,58,.06);border:1px solid rgba(232,169,58,.24);border-radius:10px;font-size:13px;color:var(--muted)}
.pp-cadence b{color:var(--ink);font-weight:600}

/* Contacts */
.pp-contact-box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px}
.pp-contact-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.pp-contact-chip{background:rgba(255,255,255,.03);border:1px solid var(--line);color:var(--ink);padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500}
.pp-contact-note{font-size:12px;color:var(--muted);line-height:1.5}

/* Related creators */
.pp-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pp-related-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px}
.pp-related-head{display:flex;gap:12px;align-items:center;margin-bottom:14px}
.pp-related-av{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,rgba(232,169,58,.35),rgba(232,169,58,.06));display:flex;align-items:center;justify-content:center;color:var(--on-accent);font-weight:700;font-size:13px}
.pp-related-handle{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:2px}
.pp-related-meta{font-size:11px;display:flex;gap:6px;align-items:center;color:var(--muted)}
.pp-related-stats{display:flex;gap:20px}
.pp-related-stats>div{display:flex;flex-direction:column;gap:1px}
.pp-related-val{font-size:14px;font-weight:600;color:var(--ink)}
.pp-related-lbl{font-size:9.5px;color:var(--hint);text-transform:uppercase;letter-spacing:.06em}

/* CTA */
.pp-cta-section{background:linear-gradient(135deg,rgba(232,169,58,.06),rgba(232,169,58,.01));border:1px solid rgba(232,169,58,.24);border-radius:16px;padding:40px;text-align:center}
.pp-cta-section h2{font-size:28px;margin-bottom:10px}
.pp-cta-section p{font-size:14px;color:var(--muted);margin-bottom:20px;max-width:520px;margin-left:auto;margin-right:auto}
.pp-cta-section .btn-xl{padding:14px 32px;font-size:14px}

@media(max-width:900px){
  .pp-hero{grid-template-columns:1fr;text-align:center}
  .pp-avatar{margin:0 auto}
  .pp-hero-metrics{grid-template-columns:repeat(2,1fr)}
  .pp-quality-grid, .pp-demo-grid, .pp-unique-grid{grid-template-columns:1fr}
  .pp-posts-top{grid-template-columns:1fr}
  .pp-related-grid{grid-template-columns:1fr}
}

.pac-creator-signals{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.pc-tier-badge{font-size:10.5px;padding:3px 9px;border-radius:999px;font-weight:600;display:inline-flex;align-items:center;gap:4px;letter-spacing:.01em}
.pc-tier-1{background:rgba(74,222,128,.12);color:#4ade80;border:1px solid rgba(74,222,128,.32)}
.pc-tier-1::before{content:'';width:6px;height:6px;background:#4ade80;border-radius:50%}
.pc-tier-2{background:rgba(74,222,128,.10);color:#4ade80;border:1px solid rgba(74,222,128,.28)}
.pc-tier-2::before{content:'';width:6px;height:6px;background:#4ade80;border-radius:50%}
.pc-tier-3{background:rgba(74,222,128,.06);color:rgba(74,222,128,.75);border:1px solid rgba(74,222,128,.20)}
.pc-tier-3::before{content:'';width:6px;height:6px;background:rgba(74,222,128,.6);border-radius:50%}
.pc-tier-4{background:rgba(232,169,58,.10);color:#e8a93a;border:1px solid rgba(232,169,58,.28)}
.pc-tier-4::before{content:'';width:6px;height:6px;background:#e8a93a;border-radius:50%}
.pc-tier-note{font-size:10.5px;color:var(--hint);font-style:italic}


/* ===== V7 (.pcc-*) SEO card grid — replaces .pac-creator-* ===== */
.pac-creator-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
@media (max-width:900px){.pac-creator-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.pac-creator-list{grid-template-columns:1fr}}
.pcc{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px 18px;display:flex;flex-direction:column;gap:11px;transition:border-color .18s,transform .18s}
.pcc:hover{border-color:rgba(255,255,255,.16);transform:translateY(-2px)}
.pcc-head{display:flex;align-items:flex-start;gap:10px}
.pcc-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;object-fit:cover;background:linear-gradient(135deg,rgba(232,169,58,.32),rgba(232,169,58,.08));border:1px solid var(--line);margin-top:1px}
.pcc-identity{flex:1;min-width:0}
.pcc-handle{display:flex;align-items:center;gap:5px;font-size:14.5px;font-weight:600;color:var(--ink);flex-wrap:wrap;margin-bottom:2px;letter-spacing:-.005em}
.pcc-sub{font-size:11px;color:var(--muted);letter-spacing:.005em}
.pcc-top-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}
.pcc-rank{background:rgba(232,169,58,.08);border:1px solid rgba(232,169,58,.28);color:var(--accent);padding:2px 8px;border-radius:6px;font-size:10.5px;font-weight:700;letter-spacing:.04em}
.pcc-cats{display:flex;gap:5px;flex-wrap:wrap}
.pcc-cat{background:rgba(232,169,58,.06);border:1px solid rgba(232,169,58,.24);color:var(--ink);padding:1px 7px;border-radius:5px;font-size:10.5px;font-weight:500}
.pcc-bio{font-size:12.5px;color:var(--muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pcc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pcc-stat{display:flex;flex-direction:column;gap:3px;min-width:0}
.pcc-stat-val{font-size:13.5px;font-weight:600;color:var(--ink);letter-spacing:-.01em;display:inline-flex;align-items:baseline;gap:4px;flex-wrap:wrap}
.pcc-stat-lbl{font-size:9.5px;color:var(--hint);text-transform:uppercase;letter-spacing:.08em;line-height:1.3}
.pcc-mini-bar{height:3px;background:var(--line);border-radius:2px;overflow:hidden;position:relative;margin-top:2px}
.pcc-mini-fill{height:100%;background:var(--accent);border-radius:2px}
.pcc-mini-median{position:absolute;top:-2px;bottom:-2px;width:1.5px;background:var(--muted);border-radius:1px}
.pcc-aud{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);flex-wrap:wrap}
.pcc-aud b{color:var(--ink);font-weight:600}
.pcc-sep{color:var(--hint);opacity:.5}
.pcc-plat-block{padding:9px 11px;border:1px dashed var(--line);border-radius:8px;display:flex;flex-direction:column;gap:5px}
.pcc-plat-title{font-size:9px;color:var(--hint);text-transform:uppercase;letter-spacing:.1em;font-weight:600}
.pcc-plat-body{font-size:11.5px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}
.pcc-plat-body b{color:var(--ink);font-weight:700;font-size:13px}
.pcc-int{background:rgba(232,169,58,.06);border:1px solid rgba(232,169,58,.24);color:var(--ink);padding:1px 7px;border-radius:5px;font-size:10.5px;font-weight:500}
.pcc-trust{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:10.5px;color:var(--muted)}
.pcc-best{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:10.5px}
.pcc-best b{color:var(--ink);font-weight:600}
.pcc-nosignal{font-size:10px;color:var(--hint);font-style:italic}
.pcc-cta{background:rgba(232,169,58,.08);border:1px solid rgba(232,169,58,.28);color:var(--accent);padding:10px;border-radius:10px;font-size:12.5px;font-weight:500;text-align:center;cursor:pointer;font-family:inherit;transition:background .15s;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
.pcc-cta:hover{background:rgba(232,169,58,.14)}
.pcc-last{color:var(--hint);font-size:10.5px;font-weight:400}
.pcc .growth-up{color:#4ade80;font-size:10.5px;font-weight:600;display:inline-flex;align-items:center;gap:1px}
.pcc .growth-up::before{content:'↑';font-size:10.5px;font-weight:700}
.pcc .tier-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.01em}
.pcc .tier-1{background:rgba(74,222,128,.12);color:#4ade80;border:1px solid rgba(74,222,128,.32)}
.pcc .tier-1::before{content:'';width:5px;height:5px;background:#4ade80;border-radius:50%}
.pcc .tier-2{background:rgba(74,222,128,.10);color:#4ade80;border:1px solid rgba(74,222,128,.28)}
.pcc .tier-2::before{content:'';width:5px;height:5px;background:#4ade80;border-radius:50%}
.pcc .tier-3{background:rgba(74,222,128,.06);color:rgba(74,222,128,.75);border:1px solid rgba(74,222,128,.20)}
.pcc .tier-3::before{content:'';width:5px;height:5px;background:rgba(74,222,128,.6);border-radius:50%}
.pcc .tier-4{background:rgba(232,169,58,.10);color:#e8a93a;border:1px solid rgba(232,169,58,.28)}
.pcc .tier-4::before{content:'';width:5px;height:5px;background:#e8a93a;border-radius:50%}
.pcc .plat-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:5px;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.pcc .plat-badge--yt{background:rgba(255,68,68,.12);color:#ff5c5c;border:1px solid rgba(255,68,68,.28)}
.pcc .plat-badge--ig{background:rgba(228,64,163,.12);color:#ec5cb5;border:1px solid rgba(228,64,163,.28)}
.pcc .plat-badge--tt{background:rgba(255,255,255,.08);color:var(--ink);border:1px solid rgba(255,255,255,.16)}


/* CTA "more available" card — same box as .pcc, distinctive styling */
.pcc-more{background:linear-gradient(160deg,rgba(232,169,58,.08),rgba(232,169,58,.02));border:1px dashed rgba(232,169,58,.36);border-radius:14px;padding:20px 20px 22px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;justify-content:center;transition:border-color .18s,transform .18s;min-height:340px}
.pcc-more:hover{border-color:rgba(232,169,58,.6);transform:translateY(-2px)}
.pcc-more-icon{width:44px;height:44px;border-radius:50%;background:rgba(232,169,58,.14);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pcc-more-icon svg{width:22px;height:22px}
.pcc-more-title{font-size:16px;font-weight:500;color:var(--ink);line-height:1.45;letter-spacing:-.01em}
.pcc-more-title b{color:var(--accent);font-weight:700}
.pcc-more-sub{font-size:13px;color:var(--muted);line-height:1.5}
.pcc-more-btn{background:var(--accent);color:var(--on-accent);padding:11px 18px;border-radius:10px;font-size:13px;font-weight:600;text-align:center;cursor:pointer;font-family:inherit;border:none;display:inline-flex;align-items:center;gap:7px;transition:filter .15s;margin-top:4px;align-self:stretch;justify-content:center}
.pcc-more-btn:hover{filter:brightness(1.1)}
.pcc-more-footnote{font-size:11px;color:var(--hint);font-style:italic;line-height:1.4;padding-top:2px;border-top:1px dashed rgba(232,169,58,.2);margin-top:2px;padding-top:8px;width:100%}


/* ===== Roadmap V2: quarterly columns (kanban) ===== */
.rm2-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
.rm2-col{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 16px;display:flex;flex-direction:column;gap:12px;text-align:left}
.rm2-col-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--line)}
.rm2-col-q{font-size:15px;font-weight:700;color:var(--accent);letter-spacing:-.01em}
.rm2-col-count{font-size:11px;color:var(--hint)}
.rm2-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 15px}
.rm2-card-title{font-size:13.5px;font-weight:600;margin-bottom:6px;letter-spacing:-.005em}
.rm2-card-desc{font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:9px}
.rm-st{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:10.5px;font-weight:600;letter-spacing:.02em;white-space:nowrap}
.rm-st::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
.rm-st-work{background:rgba(232,169,58,.12);color:var(--accent);border:1px solid rgba(232,169,58,.3)}
.rm-st-plan{background:rgba(255,255,255,.05);color:var(--muted);border:1px solid var(--line)}
.rm-st-research{background:rgba(139,92,246,.12);color:#a78bfa;border:1px solid rgba(139,92,246,.3)}
.rm2-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:9px}
.rm2-tags span{background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--hint);padding:1px 7px;border-radius:5px;font-size:10px;font-weight:500}
.rm2-note{font-size:12px;color:var(--hint);font-style:italic;text-align:center;margin:26px 0 60px}
@media(max-width:1000px){.rm2-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.rm2-grid{grid-template-columns:1fr}}


/* ===== Landing compact conversion FAQ (lpq) ===== */
.lpq-list{display:flex;flex-direction:column;gap:10px}
.lpq{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-align:left}
.lpq-h{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;user-select:none}
.lpq-h .text{font-size:15px;font-weight:600;line-height:1.4;color:var(--ink);letter-spacing:-.005em}
.lpq-toggle{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}
.lpq-toggle .v-line{transition:opacity .2s ease}
.lpq.open .lpq-toggle .v-line{opacity:0}
.lpq-a{max-height:0;overflow:hidden;padding:0 24px;color:var(--muted);font-size:14px;line-height:1.6;transition:max-height .3s ease,padding .3s ease}
.lpq.open .lpq-a{max-height:400px;padding:0 24px 20px}
.lpq-more{text-align:center;margin-top:22px}
.lpq-more a{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:gap .15s}
.lpq-more a:hover{gap:10px}

.pcc-stab{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.01em;margin-left:6px}
.pcc-stab.stab-high{background:rgba(74,222,128,.10);color:#4ade80;border:1px solid rgba(74,222,128,.26)}
.pcc-stab.stab-med{background:rgba(232,169,58,.10);color:var(--accent);border:1px solid rgba(232,169,58,.26)}
.pcc-stab.stab-low{background:rgba(255,255,255,.05);color:var(--hint);border:1px solid var(--line)}
.pp-stab-block{margin-top:16px;padding:15px 18px;border:1px dashed var(--line);border-radius:10px;display:flex;flex-direction:column;gap:7px;text-align:left}
.pp-stab-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pp-stab-title{font-size:11px;color:var(--hint);text-transform:uppercase;letter-spacing:.09em;font-weight:600}
.pp-stab-row{font-size:12.5px;color:var(--muted);line-height:1.5}
.pp-stab-row b{color:var(--ink);font-weight:600}
.pp-stab-fresh{font-size:10.5px;color:var(--hint);font-style:italic;padding-top:5px;border-top:1px solid rgba(255,255,255,.04)}
.deal-materials{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:14px;text-align:left}
.deal-materials-head{font-size:12.5px;font-weight:600;color:var(--ink);margin-bottom:9px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.deal-materials-note{font-size:10.5px;color:var(--hint);font-weight:400;font-style:italic}
.deal-materials-list{display:flex;gap:7px;flex-wrap:wrap}
.deal-mat-item{background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--muted);padding:4px 10px;border-radius:7px;font-size:11px}

/* ===== VS CPA comparison page ===== */
.vs-table-wrap{overflow-x:auto;margin-top:24px}
.vs-table{width:100%;border-collapse:collapse;text-align:left;font-size:13.5px}
.vs-table th{padding:12px 16px;color:var(--hint);font-size:11px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line)}
.vs-table th.vs-pact{color:var(--accent)}
.vs-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--muted);line-height:1.5;vertical-align:top}
.vs-table td:first-child{color:var(--ink);font-weight:600;white-space:nowrap}
.vs-table td.vs-pact{background:rgba(232,169,58,.04);border-left:1px solid rgba(232,169,58,.18)}
.vs-table td.vs-pact b{color:var(--accent)}
.vs-quote{border-left:3px solid var(--accent);background:var(--card);border-radius:0 12px 12px 0;padding:20px 24px;margin:24px auto 0;max-width:860px;font-size:14.5px;color:var(--ink);line-height:1.65;font-style:italic;text-align:left}
.vs-quote footer{margin-top:12px;font-size:12px;color:var(--hint);font-style:normal}
.vs-note{max-width:860px;margin:18px auto 0;font-size:13.5px;color:var(--muted);line-height:1.6}
.vs-fair-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;text-align:left}
.vs-fair-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 20px;font-size:13px;color:var(--muted);line-height:1.6}
.vs-fair-card b{color:var(--ink);font-size:13.5px}
@media(max-width:900px){.vs-fair-grid{grid-template-columns:1fr}}

/* ===== Usage rights (ur-*) ===== */
.ur-block{margin-top:14px;padding:14px 16px;border:1px dashed var(--line);border-radius:10px;display:flex;flex-direction:column;gap:7px;text-align:left}
.ur-block.ur-active{border-color:rgba(74,222,128,.28);background:rgba(74,222,128,.03)}
.ur-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ur-title{font-size:11px;color:var(--hint);text-transform:uppercase;letter-spacing:.09em;font-weight:600}
.ur-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:10.5px;font-weight:700;background:rgba(232,169,58,.10);color:var(--accent);border:1px solid rgba(232,169,58,.28)}
.ur-badge.ur-live{background:rgba(74,222,128,.10);color:#4ade80;border-color:rgba(74,222,128,.28)}
.ur-row{font-size:12.5px;color:var(--muted);line-height:1.55}
.ur-row b{color:var(--ink);font-weight:600}
.ur-note{font-size:11px;color:var(--hint);font-style:italic;padding-top:5px;border-top:1px solid rgba(255,255,255,.04)}
.ur-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:4px}
.ur-hint{font-size:10.5px;color:var(--hint);font-style:italic;max-width:340px;line-height:1.4}
.ur-remind{display:flex;align-items:center;gap:14px;background:linear-gradient(160deg,rgba(232,169,58,.09),rgba(232,169,58,.03));border:1px solid rgba(232,169,58,.32);border-radius:12px;padding:13px 18px;margin:16px 0 6px;flex-wrap:wrap}
.ur-remind-ico{font-size:20px;flex-shrink:0}
.ur-remind-txt{flex:1;min-width:240px;font-size:13px;color:var(--muted);line-height:1.5}
.ur-remind-txt b{color:var(--ink)}
.ur-remind-btn{background:var(--accent);color:var(--on-accent);border:none;padding:9px 16px;border-radius:9px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;flex-shrink:0;transition:filter .15s}
.ur-remind-btn:hover{filter:brightness(1.1)}
/* ===== Structured negotiation (neg-*) ===== */
.neg-table{margin-top:12px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.neg-row{display:grid;grid-template-columns:1.1fr 1.3fr 1.3fr 1.2fr;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);align-items:center}
.neg-row:last-child{border-bottom:none}
.neg-row-lock{opacity:.6;background:rgba(255,255,255,.02)}
.neg-param{font-size:12.5px;font-weight:600;color:var(--ink)}
.neg-cell{font-size:12.5px;color:var(--muted);line-height:1.45}
.neg-lbl{font-size:9px;color:var(--hint);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}
.neg-cell-st{display:flex;flex-direction:column;gap:7px;align-items:flex-start}
.neg-st{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:10px;font-weight:600;white-space:nowrap}
.neg-ok{background:rgba(74,222,128,.10);color:#4ade80;border:1px solid rgba(74,222,128,.28)}
.neg-ok::before{content:'';width:5px;height:5px;background:#4ade80;border-radius:50%}
.neg-counter{background:rgba(232,169,58,.10);color:var(--accent);border:1px solid rgba(232,169,58,.3)}
.neg-counter::before{content:'';width:5px;height:5px;background:var(--accent);border-radius:50%}
.neg-lock{background:rgba(255,255,255,.05);color:var(--hint);border:1px solid var(--line)}
.neg-actions{display:flex;gap:6px;flex-wrap:wrap}
.neg-progress{margin-top:10px;font-size:12px;color:var(--muted)}
.neg-progress b{color:var(--accent)}
@media(max-width:760px){.neg-row{grid-template-columns:1fr 1fr}}
.hx-esc{display:flex;align-items:center;gap:10px;background:rgba(74,222,128,.06);border:1px solid rgba(74,222,128,.22);border-radius:13px;padding:9px 12px 9px 9px;margin-bottom:11px;min-height:56px}
.hx-esc-ico{width:36px;height:36px;border-radius:10px;background:rgba(74,222,128,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hx-esc-ico svg{width:16px;height:16px;color:#4ade80}
.hx-esc-tx{flex:1;min-width:0}
.hx-esc-k{font-size:8px;color:#4ade80;text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:2px;white-space:nowrap}
.hx-esc-v{font-size:11px;font-weight:600;color:var(--ink);letter-spacing:-.01em;line-height:1.3}
.hx-out{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:13px;padding:9px 12px 9px 9px;margin-bottom:11px;min-height:56px}
.hx-out-avs{display:flex;align-items:center;flex-shrink:0}
.hx-oa{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,rgba(232,169,58,.55),rgba(240,183,80,.85));color:var(--on-accent);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:2px solid #0c0c0e}
.hx-oa + .hx-oa{margin-left:-9px}
.hx-oa-more{background:#26292f;color:var(--muted);font-size:8.5px}
.hx-out-k{font-size:8px;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:2px;white-space:nowrap}
.vs-more{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:18px}
.vs-more-pill{display:inline-flex;align-items:center;background:var(--card);border:1px solid var(--line);color:var(--muted);padding:9px 16px;border-radius:999px;font-size:13px;font-weight:500;cursor:pointer;text-decoration:none;transition:border-color .15s,color .15s}
.vs-more-pill:hover{border-color:rgba(232,169,58,.4);color:var(--ink)}

/* v5: compact process chevrons, title left + icon right */
.hiw-v3-step{min-height:102px;padding:16px 16px 14px 42px;display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:start;column-gap:6px}
.hiw-v3-step:first-child{padding-left:18px}
.hiw-v3-copy{grid-column:1;grid-row:1}
.hiw-v3-icon{grid-column:2;grid-row:1;justify-self:end;width:28px;height:28px;flex-basis:28px;font-size:14px;border-radius:8px}
.hiw-v3-title{margin:2px 0 5px;font-size:14px}
.hiw-v3-desc{font-size:11.5px;line-height:1.34}
@media(max-width:1100px){.hiw-v3-step,.hiw-v3-step:first-child,.hiw-v3-step:last-child{min-height:auto;padding:16px 18px;display:grid;grid-template-columns:minmax(0,1fr) 30px}.hiw-v3-icon{width:30px;height:30px}}

/* 5 шагов — desktop sticky-note treatment */
.hiw-stickers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:30px;filter:none;align-items:start}
.hiw-stickers .hiw-sticker{position:relative;min-height:142px;padding:24px 22px 22px;background:#eeeeea;color:#171717;border:1px solid rgba(0,0,0,.08);border-radius:3px;display:block;box-shadow:0 10px 24px rgba(0,0,0,.18),0 2px 5px rgba(0,0,0,.12);transform-origin:50% 16%;transition:transform .18s ease,box-shadow .18s ease}
.hiw-stickers .hiw-sticker::before{content:"";position:absolute;top:-7px;left:50%;width:52px;height:15px;transform:translateX(-50%) rotate(-1deg);background:rgba(255,255,255,.26);border:1px solid rgba(255,255,255,.12);box-shadow:0 1px 2px rgba(0,0,0,.08);backdrop-filter:blur(1px)}
.hiw-stickers .hiw-sticker::after{display:none!important}
.hiw-stickers .hiw-sticker:nth-child(1){transform:rotate(-1.2deg) translateY(2px)}
.hiw-stickers .hiw-sticker:nth-child(2){transform:rotate(.8deg) translateY(-1px)}
.hiw-stickers .hiw-sticker:nth-child(3){transform:rotate(-.45deg) translateY(1px)}
.hiw-stickers .hiw-sticker:nth-child(4){transform:rotate(1deg) translateY(-2px)}
.hiw-stickers .hiw-sticker:nth-child(5){transform:rotate(-.7deg) translateY(2px)}
.hiw-stickers .hiw-sticker:hover{background:#f4f4f0;transform:rotate(0deg) translateY(-4px);box-shadow:0 15px 32px rgba(0,0,0,.24),0 3px 7px rgba(0,0,0,.13)}
.hiw-stickers .hiw-v3-copy{position:relative;z-index:1;min-width:0}
.hiw-stickers .hiw-v3-title{font-size:16px;font-weight:700;line-height:1.24;letter-spacing:-.015em;color:#151515;margin:0 0 11px}
.hiw-stickers .hiw-v3-desc{font-size:12.5px;line-height:1.48;color:rgba(0,0,0,.61)}
.hiw-stickers .hiw-marker{position:relative;z-index:0;white-space:nowrap}
.hiw-stickers .hiw-marker::after{content:"";position:absolute;left:-2px;right:-3px;bottom:-4px;height:5px;background:#cde986;border-radius:50% 38% 46% 40%;opacity:.8;transform:rotate(-1.5deg);z-index:-1}
[data-theme="light"] .hiw-stickers .hiw-sticker{background:#f0f0ec;border-color:rgba(0,0,0,.09);box-shadow:0 9px 22px rgba(0,0,0,.10),0 2px 4px rgba(0,0,0,.08)}
@media(max-width:1100px){.hiw-stickers{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hiw-stickers .hiw-sticker,.hiw-stickers .hiw-sticker:first-child,.hiw-stickers .hiw-sticker:last-child{min-height:128px;padding:22px 20px;border-radius:3px;display:block}}
@media(max-width:640px){.hiw-stickers{grid-template-columns:1fr;gap:14px}.hiw-stickers .hiw-sticker{min-height:auto;transform:rotate(0deg)!important}.hiw-stickers .hiw-sticker::before{width:44px}}

/* 5 шагов — composition matched to approved monitor reference, recolored to Pact */
.hiw-monitor-scene{max-width:1240px;margin:34px auto 0;padding:0 22px 18px;position:relative}
.hiw-monitor{position:relative;background:linear-gradient(145deg,#3a3b3e,#202124);border:1px solid rgba(255,255,255,.19);border-radius:24px 24px 17px 17px;padding:11px 11px 0;box-shadow:0 38px 100px rgba(0,0,0,.46),0 5px 16px rgba(0,0,0,.34)}
.hiw-monitor-camera{position:absolute;z-index:7;top:7px;left:50%;width:4px;height:4px;border-radius:50%;background:#090a0b;box-shadow:0 0 0 1px rgba(255,255,255,.07);transform:translateX(-50%)}
.hiw-monitor-screen{position:relative;height:650px;overflow:hidden;border-radius:12px 12px 4px 4px;background:#0a0a0a;border:1px solid rgba(255,255,255,.055)}
.hiw-monitor-screen::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 58% -8%,rgba(232,169,58,.065),transparent 34%);pointer-events:none;z-index:1}
.hiw-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}
.hiw-path path{vector-effect:non-scaling-stroke}
.hiw-note{position:absolute;z-index:4;width:260px;min-height:176px;padding:26px 25px 23px;color:#171717;border:1px solid rgba(0,0,0,.08);border-radius:2px;box-shadow:0 15px 33px rgba(0,0,0,.34),0 2px 5px rgba(0,0,0,.16);transform-origin:50% 10%;transition:transform .18s ease,box-shadow .18s ease}
.hiw-note::before{content:"";position:absolute;top:-10px;left:50%;width:64px;height:19px;transform:translateX(-50%) rotate(-1deg);background:rgba(228,220,203,.36);border:1px solid rgba(255,255,255,.22);box-shadow:0 1px 2px rgba(0,0,0,.08);backdrop-filter:blur(1px)}
.hiw-note:hover{z-index:8;transform:rotate(0deg) translateY(-5px)!important;box-shadow:0 22px 42px rgba(0,0,0,.40),0 3px 8px rgba(0,0,0,.18)}
.hiw-note-num{font-size:28px;line-height:1;font-weight:750;letter-spacing:-.03em;color:#b87812;margin-bottom:13px}
.hiw-note h3{font-size:20px;line-height:1.16;font-weight:760;letter-spacing:-.025em;margin:0 0 12px;color:#151515}
.hiw-note p{font-size:13.8px;line-height:1.46;color:rgba(0,0,0,.69);margin:0}
.hiw-note .hiw-marker{position:relative;z-index:0;white-space:nowrap}.hiw-note .hiw-marker::after{content:"";position:absolute;left:-3px;right:-4px;bottom:-5px;height:6px;background:rgba(232,169,58,.62);border-radius:50% 40% 46% 38%;opacity:.8;transform:rotate(-1.4deg);z-index:-1}
/* exact approved 2 → 1 → 2 placement */
.hiw-note-1{left:18.5%;top:11.5%;background:#f0efe2;transform:rotate(-1.2deg)}
.hiw-note-2{right:17.8%;top:11%;background:#f3ead6;transform:rotate(1deg)}
.hiw-note-3{left:50%;top:42%;background:#ecebd9;transform:translateX(-50%) rotate(.7deg)}
.hiw-note-4{left:18%;bottom:2.5%;background:#e7edf0;transform:rotate(-.7deg)}
.hiw-note-5{right:16%;bottom:3%;background:#eee6ed;transform:rotate(.5deg)}
.hiw-monitor-chin{height:46px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(180deg,#37383b,#252629);border-radius:0 0 12px 12px}
.hiw-monitor-logo{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.45);font-weight:800;font-size:18px;background:none}
.hiw-monitor-stand{height:108px;position:relative;display:flex;flex-direction:column;align-items:center}
.hiw-monitor-neck{width:132px;height:78px;background:linear-gradient(90deg,#1e1f22,#3b3c40 48%,#202124);clip-path:polygon(22% 0,78% 0,90% 100%,10% 100%);border-left:1px solid rgba(255,255,255,.07);border-right:1px solid rgba(255,255,255,.04)}
.hiw-monitor-foot{width:268px;height:12px;margin-top:-1px;border-radius:50% 50% 6px 6px;background:linear-gradient(180deg,#3b3c40,#1b1c1f);box-shadow:0 13px 22px rgba(0,0,0,.28)}
/* Pact dashboard mock — same palette as the actual artifact */
.hiw-ui{position:absolute;inset:0;z-index:0;display:grid;grid-template-columns:186px 1fr;background:#0a0a0a;color:#fff;font-size:10px;overflow:hidden}
.hiw-ui-sidebar{background:#111214;border-right:1px solid rgba(255,255,255,.07);padding:20px 15px;display:flex;flex-direction:column;gap:7px}
.hiw-ui-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;margin-bottom:15px;color:#fff}.hiw-ui-brand i{width:23px;height:23px;border-radius:7px;background:var(--accent);color:var(--on-accent);font-style:normal;display:grid;place-items:center;font-size:11px}
.hiw-ui-nav{padding:8px 10px;border-radius:7px;color:rgba(255,255,255,.58);display:flex;align-items:center;gap:8px}.hiw-ui-nav::before{content:'';width:8px;height:8px;border:1px solid currentColor;border-radius:2px;opacity:.75}.hiw-ui-nav.on{background:rgba(232,169,58,.12);color:var(--accent);border:1px solid rgba(232,169,58,.18)}
.hiw-ui-balance{margin-top:auto;border:1px solid rgba(232,169,58,.24);background:rgba(232,169,58,.06);border-radius:9px;padding:11px 12px;color:rgba(255,255,255,.45)}.hiw-ui-balance b{display:block;color:var(--accent);font-size:13px;margin-top:4px}
.hiw-ui-main{padding:18px 20px;background:radial-gradient(circle at 62% -8%,rgba(232,169,58,.055),transparent 34%),#0d0e0f}
.hiw-ui-top{display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.50);margin-bottom:15px;padding:7px 9px;border:1px solid rgba(255,255,255,.045);border-radius:8px;background:#111214}.hiw-ui-status{border:1px solid rgba(232,169,58,.23);background:rgba(232,169,58,.07);color:var(--accent);padding:5px 9px;border-radius:999px}
.hiw-ui-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:12px}.hiw-ui-panel{background:#171819;border:1px solid rgba(255,255,255,.065);border-radius:9px;padding:12px;min-height:108px}.hiw-ui-panel h5{font-size:10px;color:rgba(255,255,255,.70);font-weight:600;margin:0 0 9px}.hiw-ui-row{height:7px;border-radius:99px;background:rgba(255,255,255,.055);margin:8px 0}.hiw-ui-row.a{width:74%}.hiw-ui-row.b{width:51%}.hiw-ui-row.c{width:87%}.hiw-ui-row.gold{background:rgba(232,169,58,.30);width:38%}
.hiw-ui-chat{display:flex;gap:7px;align-items:flex-start;margin-top:7px}.hiw-ui-avatar{width:24px;height:24px;border-radius:50%;background:rgba(232,169,58,.14);border:1px solid rgba(232,169,58,.30);color:var(--accent);display:grid;place-items:center;font-weight:700}.hiw-ui-bubble{flex:1;background:#222428;border:1px solid rgba(255,255,255,.06);border-radius:7px;padding:8px;color:rgba(255,255,255,.55);line-height:1.35}
.hiw-ui-files{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.hiw-ui-file{height:43px;border-radius:6px;background:linear-gradient(145deg,#242629,#191a1c);border:1px solid rgba(255,255,255,.06);position:relative}.hiw-ui-file::after{content:'v';position:absolute;left:5px;bottom:3px;color:rgba(255,255,255,.35);font-size:8px}
.hiw-ui-kpis{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.hiw-ui-kpi{background:#151617;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:9px}.hiw-ui-kpi b{display:block;color:var(--accent);font-size:12px;margin-top:2px}.hiw-ui-kpi span{color:rgba(255,255,255,.38)}
[data-theme="light"] .hiw-monitor-screen{background:#f4f4f5}[data-theme="light"] .hiw-monitor{background:linear-gradient(145deg,#d7d8da,#b9bbbe);border-color:rgba(0,0,0,.12);box-shadow:0 30px 70px rgba(0,0,0,.16)}
[data-theme="light"] .hiw-ui{background:#f5f5f6;color:#0a0a0a}[data-theme="light"] .hiw-ui-main{background:#f3f3f4}[data-theme="light"] .hiw-ui-sidebar{background:#ededee;border-color:rgba(0,0,0,.08)}
@media(max-width:1080px){.hiw-monitor-screen{height:650px}.hiw-note{width:225px;min-height:160px;padding:22px}.hiw-note-1{left:7%;top:9%}.hiw-note-2{right:7%;top:9%}.hiw-note-3{left:50%;top:40%}.hiw-note-4{left:8%;bottom:4%}.hiw-note-5{right:8%;bottom:4%}.hiw-path{display:none}}
@media(max-width:760px){.hiw-monitor-scene{padding:0 0 10px}.hiw-monitor{padding:8px 8px 0;border-radius:16px 16px 12px 12px}.hiw-monitor-screen{height:auto;min-height:0;padding:30px 18px;display:grid;grid-template-columns:1fr;gap:18px;overflow:visible}.hiw-ui{display:none}.hiw-note,.hiw-note-1,.hiw-note-2,.hiw-note-3,.hiw-note-4,.hiw-note-5{position:relative;inset:auto;width:100%;min-height:auto;transform:rotate(0deg);padding:22px}.hiw-note-num{font-size:23px}.hiw-note h3{font-size:18px}.hiw-note p{font-size:13.5px}.hiw-note::after{content:"";position:absolute;left:22px;bottom:-14px;width:1px;height:14px;background:rgba(232,169,58,.46)}.hiw-note:last-child::after{display:none}.hiw-path{display:none}.hiw-monitor-chin{height:34px}.hiw-monitor-stand{height:66px}.hiw-monitor-neck{height:46px;width:82px}.hiw-monitor-foot{width:170px;height:9px}}

/* === Pact homepage expansion v13 === */
.hp-new{max-width:1120px;margin:0 auto;padding:78px 24px}
.hp-new .section-head{margin-bottom:34px}
.hp-cats{padding-top:34px;padding-bottom:34px}
.hp-cat-label{text-align:center;color:var(--muted);font-size:13px;margin-bottom:18px}
.hp-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}
.hp-chip{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:9px 14px;font-size:13px;color:#d8d8d8}
.hp-ai-note{text-align:center;margin-top:18px;color:var(--muted);font-size:13px}
.hp-proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 24px}
.hp-proof-title{text-align:center;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.hp-logos{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:900px;margin:auto}
.hp-logo{min-height:64px;border:1px solid var(--line);background:var(--panel);border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;letter-spacing:-.02em}
.hp-demo{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center}
.hp-copy h3{font-size:34px;margin:0 0 14px}.hp-copy p{color:var(--muted);line-height:1.65}
.hp-shortlist{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 24px 70px rgba(0,0,0,.22)}
.hp-short-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:12px}.hp-short-head b{font-size:17px}.hp-short-head span{color:var(--accent);font-size:12px}
.hp-creator{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);padding:12px;border-radius:14px;margin-top:9px}
.hp-avatar{width:42px;height:42px;border-radius:50%;background:#292929;display:grid;place-items:center;font-weight:700}
.hp-creator b{font-size:13px}.hp-creator small{display:block;color:var(--muted);margin-top:4px}.hp-match{color:var(--accent);font-weight:800}
.hp-why{margin-top:12px;padding:10px 12px;border-radius:10px;background:rgba(232,169,58,.08);color:#d8bd86;font-size:12px}
.hp-grid6{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hp-mini{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;min-height:126px}.hp-mini b{display:block;margin-bottom:8px}.hp-mini span{color:var(--muted);font-size:13px;line-height:1.5}
.hp-outreach{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:center}
.hp-flow{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:24px}
.hp-person{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:15px;margin-bottom:18px}.hp-person strong{display:block}.hp-person span{color:var(--muted);font-size:12px}
.hp-channel{display:flex;align-items:center;gap:10px;margin:9px 0}.hp-channel i{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px rgba(232,169,58,.1)}.hp-channel span{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:9px 12px;flex:1;font-size:13px}
.hp-analytics{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:20px}.hp-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.hp-kpi{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px}.hp-kpi small{display:block;color:var(--muted);margin-bottom:7px}.hp-kpi b{font-size:21px}.hp-kpi.ac b{color:var(--accent)}
.hp-bars{margin-top:16px;border-top:1px solid var(--line);padding-top:15px}.hp-bar{display:grid;grid-template-columns:120px 1fr 60px;gap:10px;align-items:center;margin:10px 0;font-size:12px}.hp-track{height:7px;background:#262626;border-radius:99px;overflow:hidden}.hp-fill{height:100%;background:var(--accent);border-radius:99px}
.hp-personas{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hp-persona{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}.hp-persona b{display:block;margin-bottom:8px}.hp-persona p{color:var(--muted);font-size:13px;line-height:1.5;margin:0}
.hp-case{display:grid;grid-template-columns:1fr 1.25fr;gap:28px;align-items:center}.hp-case-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px}.hp-case-title{font-size:20px;font-weight:700}.hp-case-sub{color:var(--muted);font-size:13px;margin-top:5px}.hp-case-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.hp-case-metric{background:var(--card);border-radius:12px;padding:14px}.hp-case-metric b{display:block;font-size:22px}.hp-case-metric span{font-size:11px;color:var(--muted)}
@media(max-width:800px){.hp-demo,.hp-outreach,.hp-case{grid-template-columns:1fr}.hp-grid6{grid-template-columns:1fr 1fr}.hp-personas,.hp-logos,.hp-kpis{grid-template-columns:1fr 1fr}.hp-new{padding:55px 18px}}

/* === Homepage rhythm & polish v14 === */
#s-landing .wrap{max-width:1320px}
#s-landing .landing-section{padding:74px 0}
#s-landing .section-head{max-width:760px;margin-bottom:34px}
#s-landing .section-head h2{font-size:38px;line-height:1.12;margin-bottom:10px}
#s-landing .section-head p{max-width:680px;margin-left:auto;margin-right:auto;font-size:15px;line-height:1.6}
#s-landing .section-eyebrow{margin-bottom:11px;letter-spacing:.13em}
.hero-metrics-strip{margin-top:10px;margin-bottom:6px;padding-top:24px;padding-bottom:24px}
.hero-metric-value{font-size:34px!important;letter-spacing:-.035em}
.hero-metric-label{font-size:13px!important;margin-top:5px}
.hero-metric-sub{font-size:10.5px!important;line-height:1.45;margin-top:6px}
.hp-proof{max-width:1080px;margin:12px auto 0;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.012);padding:22px 26px}
.hp-proof-title{margin-bottom:14px;font-size:10.5px;color:var(--hint)}
.hp-logos{gap:8px;max-width:820px}
.hp-logo{min-height:52px;border-radius:11px;font-size:15px;font-weight:600;background:rgba(255,255,255,.025)}
.hp-cats{padding:30px 20px 46px!important}
.hp-cat-label{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:var(--hint);margin-bottom:14px}
.hp-chips{gap:7px}
.hp-chip{padding:7px 11px;font-size:12px;background:transparent;color:var(--muted);transition:.18s ease}
.hp-chip:hover{color:var(--ink);border-color:var(--aline);background:var(--soft)}
.hp-ai-note{margin-top:15px;font-size:12.5px}
.hp-new{max-width:1120px;padding:72px 24px}
.hp-new.hp-surface{max-width:1180px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008));border:1px solid var(--line);border-radius:28px;padding:54px 54px;margin:28px auto}
.hp-copy h3{font-size:32px;line-height:1.14;letter-spacing:-.018em;margin-bottom:12px}
.hp-copy p{font-size:14px;max-width:470px}
.hp-shortlist,.hp-flow,.hp-analytics,.hp-case-card{border-radius:18px;box-shadow:none}
.hp-shortlist{padding:16px}
.hp-creator{border-radius:11px;padding:11px;margin-top:8px}
.hp-avatar{width:38px;height:38px;font-size:12px}
.hp-short-head b{font-size:15px}.hp-short-head span{font-size:11px}
.hp-creator b{font-size:12.5px}.hp-creator small{font-size:11px}
.hp-why{font-size:11.5px;line-height:1.5}
.hp-grid6{gap:10px}
.hp-mini{min-height:112px;border-radius:13px;padding:17px 18px;background:rgba(255,255,255,.02)}
.hp-mini b{font-size:14px;margin-bottom:6px}.hp-mini span{font-size:12px}
#features{padding-top:66px!important;padding-bottom:66px!important}
#features .f-bento-hero,#features .f-bento-card,#features .f-bento-wide{border-radius:14px}
.hp-outreach{gap:48px}
.hp-flow{padding:19px}
.hp-person{padding:13px;border-radius:11px;margin-bottom:13px}
.hp-channel{margin:7px 0}.hp-channel span{font-size:12px;padding:8px 11px;border-radius:9px}
.hp-analytics{padding:18px}
.hp-kpis{gap:8px}
.hp-kpi{border-radius:10px;padding:12px}.hp-kpi small{font-size:10.5px}.hp-kpi b{font-size:19px}
.hp-bars{margin-top:13px;padding-top:12px}.hp-bar{margin:8px 0}
.hp-personas{gap:9px}
.hp-persona{border-radius:13px;padding:17px 18px;min-height:122px;background:rgba(255,255,255,.02)}
.hp-persona b{font-size:14px}.hp-persona p{font-size:12px}
.compare-card{border-radius:18px!important}
.review-grid{gap:11px!important}
.review-card{border-radius:14px!important}
.pp-card{border-radius:16px!important}
.hp-case{gap:42px}
.hp-case-card{padding:18px}
.hp-case-metrics{gap:8px;margin-top:14px}
.hp-case-metric{border-radius:10px;padding:12px}.hp-case-metric b{font-size:19px}
#hiw{padding-top:70px!important;padding-bottom:78px!important}
.hiw-monitor-scene{margin-top:26px}
#s-landing .landing-section + .landing-section{border-top:1px solid rgba(255,255,255,.025)}
@media(max-width:800px){
 #s-landing .landing-section{padding:52px 0}
 #s-landing .section-head{margin-bottom:24px}
 #s-landing .section-head h2{font-size:30px}
 .hp-new{padding:52px 16px}
 .hp-new.hp-surface{padding:32px 20px;border-radius:20px;margin:18px 0}
 .hp-proof{margin:8px 0 0;padding:18px 14px}
 .hp-logo{min-height:46px;font-size:13px}
 .hp-grid6{grid-template-columns:1fr}
 .hp-personas{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
 .hp-personas,.hp-logos,.hp-kpis{grid-template-columns:1fr}
 .hero-metric-value{font-size:30px!important}
}

/* === Combined social proof v16 === */
.hp-proof-expanded{max-width:1080px}
.hp-proof-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.hp-proof-review{background:rgba(255,255,255,.018);border:1px solid var(--line);border-radius:12px;padding:14px 15px}
.hp-proof-review-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.hp-proof-review-head strong{font-size:13px}
.hp-proof-review-head span{font-size:11px;color:var(--accent);letter-spacing:.05em}
.hp-proof-review p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.hp-proof-review p b{color:var(--ink);font-weight:600}
@media(max-width:800px){.hp-proof-reviews{grid-template-columns:1fr}}

/* === Agentic / learning homepage v17 === */
.hero-promise{margin-top:18px;font-size:14px;color:var(--muted);line-height:1.45}
.hero-promise b{color:var(--ink);font-weight:650}
.metric-tip{cursor:help;color:var(--accent);font-size:11px;margin-left:3px}
.hp-plan-card{max-width:960px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:20px}
.hp-plan-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:15px;border-bottom:1px solid var(--line)}
.hp-plan-top strong{display:block;font-size:17px}.hp-plan-top span:not(.hp-plan-status){display:block;color:var(--muted);font-size:12px;margin-top:5px}
.hp-plan-status{font-size:11px;color:var(--accent);border:1px solid rgba(232,169,58,.26);background:rgba(232,169,58,.08);padding:7px 10px;border-radius:999px}
.hp-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}
.hp-plan-grid>div{background:var(--card);border:1px solid var(--line);border-radius:11px;padding:13px}
.hp-plan-grid small{display:block;color:var(--muted);font-size:10.5px;margin-bottom:7px}.hp-plan-grid b{font-size:13px}
.hp-plan-next{margin-top:13px;color:var(--accent);font-size:12.5px;font-weight:600}
.hp-action-center{margin-top:16px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(232,169,58,.055),rgba(255,255,255,.012));border-radius:18px;padding:22px;display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center}
.hp-action-copy h3{font-size:22px;margin:4px 0 8px}.hp-action-copy p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.55}
.hp-action-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.hp-action-stats>div{background:var(--card);border:1px solid var(--line);border-radius:11px;padding:13px}
.hp-action-stats b{display:block;font-size:22px;color:var(--accent);margin-bottom:5px}.hp-action-stats span{font-size:11px;color:var(--muted)}
.hp-action-buttons{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}
.hp-action-buttons button{font:inherit;font-size:11.5px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:9px;padding:8px 10px;cursor:pointer}
.hp-action-buttons button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:650}
.hp-learning{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.hp-learning-copy h3{font-size:20px;margin:5px 0 7px}.hp-learning-copy p{color:var(--muted);font-size:12.5px;line-height:1.55;margin:0}
.hp-learning-best{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:15px}
.hp-learning-best small{display:block;color:var(--muted);font-size:10.5px;margin-bottom:6px}.hp-learning-best b{display:block;font-size:13.5px}.hp-learning-best span{display:block;color:var(--muted);font-size:11.5px;margin-top:5px}
.hp-learning-best button{margin-top:12px;border:0;background:transparent;color:var(--accent);padding:0;font:inherit;font-size:12px;font-weight:650;cursor:pointer;text-align:left}
.hp-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hp-story{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:20px;min-height:180px;display:flex;flex-direction:column}
.hp-story>span{font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.09em;font-weight:700}
.hp-story h3{font-size:17px;line-height:1.3;margin:18px 0 22px}
.hp-story a{margin-top:auto;color:var(--muted);font-size:12px;text-decoration:none}.hp-story a:hover{color:var(--accent)}
@media(max-width:800px){
 .hp-plan-grid{grid-template-columns:1fr 1fr}
 .hp-action-center{grid-template-columns:1fr}
 .hp-learning{grid-template-columns:1fr}
 .hp-story-grid{grid-template-columns:1fr}
}
@media(max-width:520px){.hp-plan-grid,.hp-action-stats{grid-template-columns:1fr}}

/* === Hero promise spacing v18 === */
.hero-promise{
  margin-top:18px;
  margin-bottom:28px;
  font-size:16px;
  line-height:1.6;
}
.hero-ctas{margin-top:0!important}

/* === Hero exact text + right cluster position v19 === */
/* Promise must inherit EXACTLY the same typography as the paragraph above. */
.hero-promise{
  margin-top:18px;
  margin-bottom:30px;
  font:inherit;
  font-family:inherit;
  font-size:inherit;
  font-weight:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  color:inherit;
}
.hero-promise b{font-weight:700;color:inherit}

/* Move the whole right-hand UI cluster away from the phone.
   Phone stays exactly where it is. Only the message toast slightly overlaps it. */
.hx-fc-hero{right:0px!important}
.hx-stats{right:0px!important}
.hx-fc-msg{right:72px!important}

/* Keep desktop connector drawing behind the moved cards. */
@media(min-width:1101px){
  .hx-fc-hero{transform:translateX(18px)}
  .hx-stats{transform:translateX(18px)}
  .hx-fc-msg{transform:translateX(18px)}
}

/* === Hero right card alignment v20 === */
@media(min-width:1101px){
  .hx-fc-hero{right:24px!important;transform:translateX(0)!important}
  .hx-stats{right:24px!important;transform:translateX(0)!important}
  /* @fit.andreas stays where it was in v19 */
}

/* === Hero copy true same-style fix v21 === */
.hero-lead-promise{
  /* same element/class as the paragraph above; only spacing differs */
  margin-top:18px!important;
  margin-bottom:30px!important;
}
.hero-lead-promise b{
  font:inherit;
  font-weight:700;
  color:inherit;
}

/* === Hero wording v22 === */
.hero-title-v22 span:first-child{white-space:nowrap}
.hero-promise-accent{
  color:var(--ink);
  font:inherit;
  font-weight:inherit;
}
/* Ensure old bold override cannot affect the new accent. */
.hero-lead-promise .hero-promise-accent{font-weight:inherit!important}

/* === Conversion funnel rebuild v24 === */
.hp-funnel-section{width:100%;max-width:none;margin:0;padding:74px 0}
.hp-funnel-section>.section-head,.hp-funnel-section>.hp-magic-grid,.hp-funnel-section>.hp-signal-grid,.hp-funnel-section>.hp-signal-foot,.hp-funnel-section>.hp-auto-grid,.hp-funnel-section>.hp-escrow-copy,.hp-funnel-section>.hp-escrow-flow,.hp-funnel-section>.hp-story-grid{width:100%}
.hp-magic-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}
.hp-magic .hp-plan-card{max-width:none;margin:0}
.hp-inline-cats{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}
.hp-inline-cats span{font-size:10.5px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 8px}
.hp-signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hp-signal{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;min-height:118px}
.hp-signal b{display:block;font-size:15px;margin-bottom:8px}.hp-signal span{font-size:12.5px;color:var(--muted);line-height:1.55}
.hp-signal-foot{text-align:center;color:var(--hint);font-size:11.5px;margin-top:12px}
.hp-auto-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px;align-items:stretch}
.hp-auto-grid .hp-action-center{margin:0;display:block}.hp-auto-grid .hp-flow{height:100%}
.hp-escrow{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;align-items:center;border-top:1px solid rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.035)}
.hp-escrow-copy h2{font-size:36px;line-height:1.12;margin:8px 0 14px}.hp-escrow-copy p{color:var(--muted);font-size:14px;line-height:1.6;max-width:540px}.hp-escrow-copy p b{color:var(--ink)}
.hp-dispute{margin-top:18px;color:var(--accent);font-size:12.5px;font-weight:600}
.hp-escrow-flow{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.hp-esc-node,.hp-esc-vault{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:17px;min-width:150px}
.hp-esc-vault{border-color:rgba(232,169,58,.3);background:rgba(232,169,58,.06);min-width:190px}
.hp-esc-node small,.hp-esc-vault small{display:block;color:var(--muted);font-size:10px;margin-bottom:7px}.hp-esc-node b,.hp-esc-vault b{font-size:13px}
.hp-esc-arrow{color:var(--accent);font-size:20px}
.hp-stories .hp-story p{font-size:12px;color:var(--muted);line-height:1.5;margin:0}
.hp-stories{padding-top:62px;padding-bottom:62px}
#s-landing>.wrap>.hp-proof{max-width:none;width:100%}
@media(max-width:900px){
 .hp-magic-grid,.hp-auto-grid,.hp-escrow{grid-template-columns:1fr}
 .hp-escrow-flow{justify-content:flex-start;flex-wrap:wrap}
}
@media(max-width:700px){.hp-signal-grid{grid-template-columns:1fr}.hp-escrow-copy h2{font-size:30px}}

/* === 5-step detail mapping + true full-width results v25 === */
.hp-results,.hp-real-case{width:100%;max-width:none;padding-left:0;padding-right:0}
.hp-results .hp-analytics,.hp-real-case .hp-case{width:100%;max-width:none}
.hp-real-case .hp-case{grid-template-columns:.85fr 1.15fr;gap:42px}
.hp-content-step,.hp-accept-step{border-top:1px solid rgba(255,255,255,.035)}
.hp-review-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;width:100%}
.hp-review-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:20px;min-height:150px;display:flex;flex-direction:column}
.hp-review-card.active{border-color:rgba(232,169,58,.32);background:rgba(232,169,58,.055)}
.hp-review-card small{font-size:10.5px;color:var(--muted);margin-bottom:10px}.hp-review-card b{font-size:16px;margin-bottom:7px}.hp-review-card span{font-size:12px;color:var(--muted);line-height:1.5}.hp-review-card em{font-style:normal;color:var(--accent);font-size:11px;margin-top:auto;padding-top:16px}
.hp-review-arrow{color:var(--accent);font-size:20px}
.hp-accept-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;width:100%}
.hp-accept-proof{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:22px}
.hp-accept-proof small{display:block;color:var(--accent);font-size:10.5px;margin-bottom:9px}.hp-accept-proof b{display:block;font-size:18px;margin-bottom:8px}.hp-accept-proof span{color:var(--muted);font-size:12.5px}
.hp-accept-actions{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:16px;display:flex;flex-direction:column;gap:8px}
.hp-accept-actions button{font:inherit;font-size:12px;padding:11px 13px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;text-align:left}
.hp-accept-actions button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:650}
@media(max-width:900px){
 .hp-review-flow{grid-template-columns:1fr}.hp-review-arrow{transform:rotate(90deg);text-align:center}
 .hp-accept-grid,.hp-real-case .hp-case{grid-template-columns:1fr}
}

/* === Social proof section cleanup v26 === */
.hp-proof-section{
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.hp-proof-section .section-head{
  margin-bottom:34px;
}
.hp-proof-section .hp-proof-reviews{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:0;
}
.hp-proof-section .hp-proof-review{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:14px;
  padding:18px 19px;
}
.hp-proof-section .hp-proof-review-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:13px;
}
.hp-client-logo{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.hp-client-mark{
  width:34px;
  height:34px;
  border-radius:9px;
  display:grid;
  place-items:center;
  flex:0 0 34px;
  background:var(--card);
  border:1px solid var(--line);
  color:var(--accent);
  font-size:11px;
  font-weight:800;
  letter-spacing:-.03em;
}
.hp-client-logo strong{
  font-size:15px;
  font-weight:700;
  letter-spacing:-.02em;
  color:var(--ink);
}
.hp-client-logo-cpa strong{text-transform:none}
.hp-review-stars{
  color:var(--accent);
  font-size:11px;
  letter-spacing:.06em;
  flex-shrink:0;
}
.hp-proof-section .hp-proof-review p{
  margin:0;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.6;
}
.hp-proof-section .hp-proof-review p b{
  color:var(--ink);
  font-weight:600;
}
/* Old standalone logo strip is no longer used. */
.hp-proof-section .hp-logos,.hp-proof-section .hp-proof-title{display:none!important}
@media(max-width:800px){
  .hp-proof-section .hp-proof-reviews{grid-template-columns:1fr}
}

/* === Sixth workflow step v27 === */
/* Give the screen a little more vertical room so six notes remain readable. */
.hiw-monitor-screen{height:720px}
.hiw-note-1{left:10.5%;top:8%}
.hiw-note-2{right:9.5%;top:7.5%}
.hiw-note-3{left:10%;top:38%;transform:rotate(.7deg)}
.hiw-note-4{right:9%;top:37%;left:auto;bottom:auto;transform:rotate(-.7deg)}
.hiw-note-5{left:10%;right:auto;bottom:2.5%;transform:rotate(.5deg)}
.hiw-note-6{right:9%;bottom:2.5%;background:#e8e7d8;transform:rotate(-.6deg)}
/* New dotted route: 01→02→03→04→05→06. Existing SVG stays visually subordinate. */
.hiw-note-6::after{content:"";position:absolute;pointer-events:none}
@media(max-width:900px){
 .hiw-monitor-screen{height:760px}
}

/* === Consolidated Step 6 / real campaign v28 === */
.hp-results-combined .section-head{margin-bottom:28px}
.hp-campaign-result{
  width:100%;
  background:linear-gradient(145deg,rgba(255,255,255,.024),rgba(255,255,255,.008));
  border:1px solid var(--line);
  border-radius:20px;
  padding:20px;
}
.hp-campaign-result-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:2px 2px 17px;
  margin-bottom:17px;
  border-bottom:1px solid var(--line);
}
.hp-campaign-kicker{
  display:block;
  color:var(--accent);
  text-transform:uppercase;
  letter-spacing:.11em;
  font-size:10px;
  font-weight:700;
  margin-bottom:7px;
}
.hp-campaign-result-head h3{
  margin:0;
  font-size:21px;
  font-weight:600;
}
.hp-campaign-result-head p{
  margin:5px 0 0;
  color:var(--muted);
  font-size:12px;
}
.hp-campaign-status{
  color:var(--accent);
  background:rgba(232,169,58,.07);
  border:1px solid rgba(232,169,58,.22);
  border-radius:999px;
  padding:7px 10px;
  font-size:10.5px;
}
.hp-campaign-result .hp-analytics{
  border:0;
  background:transparent;
  padding:0;
}
.hp-campaign-result .hp-learning{
  margin-top:20px;
  padding-top:20px;
}
@media(max-width:700px){
  .hp-campaign-result-head{flex-direction:column}
}

/* === Conversion nav + proof context v29 === */
.hp-proof-section .hp-proof-review{
  display:flex;
  flex-direction:column;
}
.hp-proof-context{
  margin-top:18px;
  padding-top:13px;
  border-top:1px solid var(--line);
  color:var(--hint);
  font-size:11.5px;
  line-height:1.4;
}
.landing-nav{
  position:sticky;
  top:0;
  z-index:1000;
  padding:14px 18px!important;
  margin-left:-18px;
  margin-right:-18px;
  background:rgba(10,10,10,.88);
  border-bottom:1px solid rgba(255,255,255,.07);
  backdrop-filter:blur(18px) saturate(130%);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
}
[data-theme="light"] .landing-nav{
  background:rgba(247,246,242,.9);
}
.lb-links{gap:24px}
.lb-product-menu{min-width:310px;padding:9px}
.lb-product-menu a{
  display:grid;
  grid-template-columns:30px 1fr;
  gap:9px;
  align-items:start;
  white-space:normal;
}
.lb-product-menu a span:last-child{display:block;min-width:0}
.lb-product-menu a b{
  display:block;
  font-size:13px;
  font-weight:600;
  color:var(--ink);
  line-height:1.25;
}
.lb-product-menu a small{
  display:block;
  margin-top:2px;
  color:var(--hint);
  font-size:10.5px;
  line-height:1.25;
}
.lb-step-no{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:8px;
  background:rgba(232,169,58,.08);
  color:var(--accent);
  font-size:9px;
  font-weight:750;
}
html{scroll-behavior:smooth}
#hiw,#step1,#step2,#step3,#step4,#step5,#step6,#cases,#pricing-home,#faq-home{
  scroll-margin-top:86px;
}
@media(max-width:960px){
  .landing-nav{
    margin-left:-10px;
    margin-right:-10px;
    padding:12px 10px!important;
  }
}

/* === Decision-stage comparison v30 === */
.hp-compare-new{padding-top:68px;padding-bottom:72px}
.hp-compare-card{
  width:100%;
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
  background:var(--panel);
}
.hp-compare-row{
  display:grid;
  grid-template-columns:1.35fr 1fr 1fr 1fr;
  min-height:68px;
  border-top:1px solid var(--line);
}
.hp-compare-row:first-child{border-top:0}
.hp-compare-row>div{
  display:flex;
  align-items:center;
  padding:15px 18px;
  border-left:1px solid var(--line);
  font-size:12.5px;
  line-height:1.4;
}
.hp-compare-row>div:first-child{border-left:0}
.hp-compare-head{
  min-height:52px;
  background:rgba(255,255,255,.018);
}
.hp-compare-head>div{
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:10px;
  font-weight:650;
}
.hp-compare-problem{
  color:var(--ink);
  font-weight:600;
  font-size:13px!important;
}
.hp-compare-muted{color:var(--muted)}
.hp-compare-pact{
  background:rgba(232,169,58,.055);
  color:var(--ink);
}
.hp-compare-pact b{
  color:var(--accent);
  font-weight:650;
}
.hp-compare-head .hp-compare-pact{
  color:var(--accent);
}
#compare{scroll-margin-top:86px}
@media(max-width:820px){
  .hp-compare-card{overflow-x:auto}
  .hp-compare-row{min-width:760px}
}

/* === Sticky nav / FAQ route / explicit language selector v31 === */
#s-landing{overflow:visible!important}
#s-landing>.wrap{overflow:visible!important}
.landing-nav{position:sticky!important;top:0!important;z-index:5000!important}
.lb-lang-switch{display:flex;align-items:center;height:34px;padding:3px;gap:2px;border:1px solid var(--line);border-radius:9px;background:var(--card)}
.lb-lang-switch button{min-width:30px;height:26px;padding:0 6px;border:0;border-radius:6px;background:transparent;color:var(--hint);font-family:inherit;font-size:10px;font-weight:600;letter-spacing:.04em;cursor:pointer}
.lb-lang-switch button:hover{color:var(--ink)}
.lb-lang-switch button.active{background:var(--soft2);color:var(--accent)}
@media(max-width:1080px){.lb-lang-switch button{min-width:27px;padding:0 4px}}

/* === Clean dark monitor / six centered notes v32 === */
.hiw-monitor-screen{
  height:720px!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,255,255,.018),transparent 34%),
    linear-gradient(180deg,#0b0b0c,#070708)!important;
  border:1px solid rgba(255,255,255,.065)!important;
}
.hiw-monitor-screen::before{
  background:radial-gradient(circle at 50% -12%,rgba(232,169,58,.035),transparent 38%)!important;
}
.hiw-ui{display:none!important}
.hiw-path{z-index:2!important}
.hiw-path path{
  fill:none;
  stroke:rgba(232,169,58,.76);
  stroke-width:2.15;
  stroke-dasharray:5 9;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
}
.hiw-note{
  width:250px!important;
  min-height:164px!important;
  padding:23px 23px 21px!important;
}
.hiw-note-1{left:19.5%!important;top:7%!important;right:auto!important;bottom:auto!important;transform:translateX(-50%) rotate(-1.1deg)!important}
.hiw-note-2{left:80.5%!important;top:7%!important;right:auto!important;bottom:auto!important;transform:translateX(-50%) rotate(.8deg)!important}
.hiw-note-3{left:19.5%!important;top:31%!important;right:auto!important;bottom:auto!important;transform:translateX(-50%) rotate(.6deg)!important}
.hiw-note-4{left:80.5%!important;top:31%!important;right:auto!important;bottom:auto!important;transform:translateX(-50%) rotate(-.7deg)!important}
.hiw-note-5{left:19.5%!important;top:64%!important;right:auto!important;bottom:auto!important;transform:translateX(-50%) rotate(.5deg)!important}
.hiw-note-6{left:80.5%!important;top:64%!important;right:auto!important;bottom:auto!important;transform:translateX(-50%) rotate(-.6deg)!important}
.hiw-note:hover{
  transform:translateX(-50%) rotate(0deg) translateY(-4px)!important;
}
@media(max-width:900px){
  .hiw-monitor-screen{height:760px!important}
  .hiw-note{width:230px!important}
}

/* === Pricing badge + compact language picker v33 === */
.pp-badge{
  background:#e7e7e9!important;
  color:#171717!important;
  border:1px solid rgba(255,255,255,.2)!important;
  box-shadow:none!important;
}
[data-theme="light"] .pp-badge{
  background:#2a2a2c!important;
  color:#fff!important;
  border-color:#2a2a2c!important;
}

/* Replace 3-button language switch with compact dropdown */
.lb-lang-picker{position:relative}
.lb-lang-picker-btn{
  height:34px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0 10px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--card);
  color:var(--ink);
  font-family:inherit;
  font-size:10.5px;
  font-weight:650;
  letter-spacing:.04em;
  cursor:pointer;
}
.lb-lang-picker-btn svg{width:10px;height:10px;opacity:.55;transition:transform .15s}
.lb-lang-picker.open .lb-lang-picker-btn svg{transform:rotate(180deg)}
.lb-lang-picker-menu{
  position:absolute;
  top:calc(100% + 7px);
  right:0;
  min-width:110px;
  padding:5px;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:9px;
  box-shadow:0 12px 34px rgba(0,0,0,.42);
  opacity:0;
  pointer-events:none;
  transform:translateY(-3px);
  transition:.14s ease;
  z-index:6000;
}
.lb-lang-picker.open .lb-lang-picker-menu{opacity:1;pointer-events:auto;transform:none}
.lb-lang-picker-menu button{
  width:100%;
  border:0;
  background:transparent;
  color:var(--muted);
  text-align:left;
  border-radius:6px;
  padding:8px 9px;
  font-family:inherit;
  font-size:11px;
  cursor:pointer;
}
.lb-lang-picker-menu button:hover{background:var(--soft);color:var(--ink)}
.lb-lang-picker-menu button.active{color:var(--accent);background:rgba(232,169,58,.07)}

/* === MacBook Pro style process mockup v34 === */
.hiw-monitor{
  border-radius:18px 18px 9px 9px!important;
  padding:8px 8px 10px!important;
  background:linear-gradient(145deg,#303136,#111216 55%,#292a2e)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.52),inset 0 0 0 1px rgba(255,255,255,.04)!important;
}
.hiw-monitor-camera{
  top:4px!important;
  width:5px!important;height:5px!important;
  background:#07080a!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.05)!important;
}
.hiw-monitor-screen{
  height:560px!important;
  border-radius:11px!important;
  overflow:hidden!important;
}
.hiw-note{
  width:242px!important;
  min-height:136px!important;
  padding:18px 21px 17px!important;
}
.hiw-note-num{font-size:24px!important;margin-bottom:8px!important}
.hiw-note h3{font-size:18px!important;margin-bottom:7px!important}
.hiw-note p{font-size:12.5px!important;line-height:1.42!important}
.hiw-note-1{left:19.5%!important;top:5.5%!important}
.hiw-note-2{left:80.5%!important;top:5.5%!important}
.hiw-note-3{left:19.5%!important;top:31.5%!important}
.hiw-note-4{left:80.5%!important;top:31.5%!important}
.hiw-note-5{left:19.5%!important;top:62.5%!important}
.hiw-note-6{left:80.5%!important;top:62.5%!important}
.hiw-monitor-stand{display:none!important}
.hiw-macbook-base{
  position:relative;
  width:108%;
  height:18px;
  margin:0 0 0 -4%;
  border-radius:0 0 48% 48% / 0 0 100% 100%;
  background:linear-gradient(180deg,#b5b6b9 0%,#696a6d 26%,#242529 70%,#111216 100%);
  border-top:1px solid rgba(255,255,255,.42);
  box-shadow:0 15px 28px rgba(0,0,0,.38);
}
.hiw-macbook-base::after{
  content:"";
  position:absolute;
  left:2.5%;right:2.5%;bottom:-4px;
  height:5px;
  border-radius:0 0 50% 50%;
  background:#17181b;
}
.hiw-macbook-notch{
  position:absolute;
  top:0;left:50%;
  width:92px;height:5px;
  transform:translateX(-50%);
  border-radius:0 0 8px 8px;
  background:#77787b;
  box-shadow:inset 0 1px rgba(255,255,255,.18);
}
@media(max-width:900px){
 .hiw-monitor-screen{height:620px!important}
 .hiw-note{width:220px!important}
}

/* === Organic 2x3 sticky-note layout v35 === */
.hiw-note{
  width:235px!important;
  min-height:138px!important;
  padding:18px 20px 17px!important;
}

/* top row — intentionally not perfectly aligned */
.hiw-note-1{
  left:7.5%!important;
  top:8%!important;
  right:auto!important;
  bottom:auto!important;
  transform:rotate(-1.5deg)!important;
}
.hiw-note-2{
  left:39.5%!important;
  top:11.5%!important;
  right:auto!important;
  bottom:auto!important;
  transform:rotate(.8deg)!important;
}
.hiw-note-3{
  left:71.5%!important;
  top:7%!important;
  right:auto!important;
  bottom:auto!important;
  transform:rotate(-.7deg)!important;
}

/* bottom row — staggered for a more natural board feel */
.hiw-note-4{
  left:68.5%!important;
  top:57%!important;
  right:auto!important;
  bottom:auto!important;
  transform:rotate(1.1deg)!important;
}
.hiw-note-5{
  left:8.5%!important;
  top:61%!important;
  right:auto!important;
  bottom:auto!important;
  transform:rotate(-.6deg)!important;
}
.hiw-note-6{
  left:39%!important;
  top:55.5%!important;
  right:auto!important;
  bottom:auto!important;
  transform:rotate(.7deg)!important;
}

/* hover should preserve the free placement instead of snapping to a common center transform */
.hiw-note:hover{
  z-index:8;
  transform:rotate(0deg) translateY(-4px)!important;
}

/* remove the prior translateX centering assumptions from earlier versions */
.hiw-note-1,.hiw-note-2,.hiw-note-3,.hiw-note-4,.hiw-note-5,.hiw-note-6{
  margin:0!important;
}
@media(max-width:900px){
  .hiw-note{width:215px!important}
}

/* === Correct reading order: 01 02 03 / 04 05 06 v37 === */
.hiw-note-1{left:7.5%!important;top:8%!important;transform:rotate(-1.5deg)!important}
.hiw-note-2{left:39.5%!important;top:11.5%!important;transform:rotate(.8deg)!important}
.hiw-note-3{left:71.5%!important;top:7%!important;transform:rotate(-.7deg)!important}

.hiw-note-4{left:8.5%!important;top:59%!important;transform:rotate(1.0deg)!important}
.hiw-note-5{left:39%!important;top:56%!important;transform:rotate(-.6deg)!important}
.hiw-note-6{left:71.5%!important;top:59.5%!important;transform:rotate(.7deg)!important}

/* === Global eyebrow typography normalization v38 ===
   Reference: hero eyebrow "ПЛАТФОРМА ИНФЛЮЕНС-КАМПАНИЙ ПОЛНОГО ЦИКЛА" */
.hero-eyebrow,
.section-eyebrow,
.pac-section-eyebrow,
.pp-section-eyebrow{
  font-family:inherit!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}

/* === Client testimonials slider v39 === */
.hp-proof-slider{
  position:relative;
  width:100%;
  padding:0 42px 22px;
}
.hp-proof-viewport{
  overflow:hidden;
  width:100%;
}
.hp-proof-slider .hp-proof-reviews{
  display:flex!important;
  gap:12px!important;
  margin:0!important;
  transition:transform .38s cubic-bezier(.22,.61,.36,1);
  will-change:transform;
}
.hp-proof-slider .hp-proof-review{
  flex:0 0 calc((100% - 24px)/3);
  min-width:0;
  height:auto;
}
.hp-proof-nav{
  position:absolute;
  top:50%;
  transform:translateY(-58%);
  z-index:4;
  width:32px;
  height:32px;
  border-radius:50%;
  border:1px solid var(--line);
  background:var(--card);
  color:var(--ink);
  font-family:inherit;
  font-size:24px;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:.15s ease;
}
.hp-proof-nav:hover{
  border-color:rgba(232,169,58,.35);
  background:var(--soft);
  color:var(--accent);
}
.hp-proof-prev{left:0}
.hp-proof-next{right:0}
.hp-proof-nav:disabled{
  opacity:.25;
  pointer-events:none;
}
.hp-proof-dots{
  display:flex;
  justify-content:center;
  gap:6px;
  margin-top:16px;
}
.hp-proof-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--line);
  transition:.18s ease;
}
.hp-proof-dot.active{
  width:18px;
  border-radius:999px;
  background:var(--accent);
}
@media(max-width:1000px){
  .hp-proof-slider .hp-proof-review{flex-basis:calc((100% - 12px)/2)}
}
@media(max-width:680px){
  .hp-proof-slider{padding-left:34px;padding-right:34px}
  .hp-proof-slider .hp-proof-review{flex-basis:100%}
  .hp-proof-nav{width:28px;height:28px;font-size:21px}
}

/* === Passionfroot-inspired, Pact-native hero branch v42 === */
.hero-fruit-concept{padding:0!important;margin-top:0!important}
.hero-fruit-legacy{display:none!important}

.fruit-stage{
  position:relative;
  min-height:800px;
  margin-top:4px;
  border-radius:24px;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 8%,rgba(232,169,58,.10),transparent 24%),
    radial-gradient(circle at 18% 52%,rgba(77,67,135,.30),transparent 30%),
    radial-gradient(circle at 82% 44%,rgba(117,54,88,.22),transparent 28%),
    linear-gradient(180deg,#121018 0%,#151020 35%,#111016 68%,#0b0b0d 100%);
  border:1px solid rgba(255,255,255,.065);
  box-shadow:inset 0 1px rgba(255,255,255,.03);
}

.fruit-stars{
  position:absolute;inset:0;z-index:-5;
  opacity:.6;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.55) 0 1px,transparent 1.4px),
    radial-gradient(circle,rgba(232,169,58,.45) 0 1px,transparent 1.5px);
  background-size:53px 53px,89px 89px;
  background-position:7px 11px,29px 18px;
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.65) 64%,transparent 93%);
}
.fruit-glow{position:absolute;border-radius:50%;filter:blur(70px);z-index:-4;opacity:.55}
.fruit-glow-a{width:480px;height:250px;background:rgba(88,65,154,.42);left:8%;bottom:12%}
.fruit-glow-b{width:420px;height:240px;background:rgba(191,93,89,.25);right:4%;bottom:8%}

.fruit-cloud{
  position:absolute;z-index:-3;bottom:-110px;
  border-radius:50%;
  filter:blur(2px);
  background:linear-gradient(180deg,rgba(116,79,112,.30),rgba(31,25,39,.72));
  box-shadow:inset 0 20px 45px rgba(255,255,255,.025);
}
.fruit-cloud-1{width:620px;height:240px;left:-90px;transform:rotate(8deg)}
.fruit-cloud-2{width:720px;height:250px;left:30%;bottom:-135px}
.fruit-cloud-3{width:600px;height:225px;right:-120px;transform:rotate(-7deg)}

.fruit-center{
  position:relative;z-index:5;
  width:min(860px,86%);
  margin:0 auto;
  padding-top:92px;
  text-align:center;
  display:flex;
  align-items:center;
  flex-direction:column;
}
.fruit-center .hero-eyebrow{margin-bottom:20px}
.fruit-center h1{
  margin:0;
  font-family:inherit;
  font-size:72px;
  line-height:.98;
  font-weight:500;
  letter-spacing:-.05em;
  color:var(--ink);
}
.fruit-accent{
  background:linear-gradient(90deg,#f2f2f4 0%,#e8a93a 54%,#dcc39e 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.fruit-lead{
  max-width:720px;
  margin:23px auto 0;
  color:rgba(255,255,255,.62);
  font-size:17px;
  line-height:1.58;
}

.fruit-prompt-shell{
  width:min(760px,92%);
  margin-top:34px;
  padding:12px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(245,244,247,.94);
  color:#171719;
  box-shadow:0 24px 90px rgba(0,0,0,.34),0 0 55px rgba(143,95,190,.12);
  text-align:left;
}
.fruit-prompt-label{
  padding:3px 8px 8px;
  font-size:10.5px;
  color:#77737b;
  text-transform:uppercase;
  letter-spacing:.10em;
  font-weight:650;
}
.fruit-prompt-main{
  min-height:64px;
  display:flex;
  align-items:center;
  gap:15px;
  padding:10px 10px 10px 13px;
  border-radius:13px;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
}
.fruit-prompt-main span{
  flex:1;
  font-size:14px;
  line-height:1.45;
  color:#333136;
}
.fruit-prompt-main button{
  width:42px;height:42px;flex:0 0 42px;
  border-radius:11px;border:0;
  background:#171719;color:#fff;
  font-size:20px;cursor:pointer;
}
.fruit-prompt-actions{
  display:flex;gap:7px;flex-wrap:wrap;
  padding:9px 4px 1px;
}
.fruit-prompt-actions span{
  padding:6px 9px;
  border-radius:8px;
  color:#77737b;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.55);
  font-size:10.5px;
}
.fruit-prompt-actions span.active{color:#171719;background:#fff}

.fruit-ctas{display:flex;gap:10px;margin-top:24px}
.fruit-note{margin-top:13px;color:rgba(255,255,255,.42);font-size:11px}

.fruit-float{
  position:absolute;z-index:4;
  width:190px;
  padding:14px 15px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(26,23,34,.78);
  backdrop-filter:blur(13px);
  -webkit-backdrop-filter:blur(13px);
  box-shadow:0 20px 55px rgba(0,0,0,.30);
}
.fruit-float small{display:block;color:rgba(255,255,255,.48);font-size:9.5px;margin-bottom:5px}
.fruit-float b{display:block;color:#fff;font-size:19px;font-weight:600}
.fruit-float span{display:block;color:rgba(255,255,255,.42);font-size:9.5px;margin-top:4px}
.fruit-float-impressions{left:5%;top:42%;transform:rotate(-4deg)}
.fruit-float-match{right:4.5%;top:37%;transform:rotate(4deg)}
.fruit-float-budget{left:12%;bottom:14%;transform:rotate(2deg)}
.fruit-float-escrow{right:12%;bottom:13%;transform:rotate(-2deg)}
.fruit-float-escrow b{color:#e8a93a}

.fruit-orb{
  position:absolute;z-index:2;
  right:42px;bottom:48px;
  width:110px;height:110px;
  border-radius:42% 58% 55% 45% / 48% 40% 60% 52%;
  background:linear-gradient(145deg,#d8a852,#815e2b);
  box-shadow:0 0 80px rgba(232,169,58,.18);
  display:grid;place-items:center;
  animation:fruitFloat 5.5s ease-in-out infinite;
}
.fruit-orb-core{
  width:46px;height:46px;border-radius:16px;
  display:grid;place-items:center;
  background:#171719;color:#e8a93a;
  font-size:20px;font-weight:800;
}
.fruit-orb-ring{
  position:absolute;inset:-14px;border-radius:50%;
  border:1px solid rgba(232,169,58,.18);
}
@keyframes fruitFloat{50%{transform:translateY(-10px) rotate(3deg)}}

[data-theme="light"] .fruit-stage{
  background:
    radial-gradient(circle at 50% 8%,rgba(232,169,58,.13),transparent 24%),
    radial-gradient(circle at 18% 52%,rgba(96,82,162,.19),transparent 30%),
    radial-gradient(circle at 82% 44%,rgba(184,92,117,.14),transparent 28%),
    linear-gradient(180deg,#f6f2f4 0%,#eee9ef 65%,#e8e3e5 100%);
}
[data-theme="light"] .fruit-lead{color:rgba(20,20,22,.62)}
[data-theme="light"] .fruit-note{color:rgba(20,20,22,.42)}

@media(max-width:1000px){
  .fruit-stage{min-height:760px}
  .fruit-center h1{font-size:62px}
  .fruit-float{transform:scale(.9)!important}
  .fruit-float-impressions{left:0}
  .fruit-float-match{right:0}
}
@media(max-width:760px){
  .fruit-stage{min-height:760px}
  .fruit-center{width:94%;padding-top:72px}
  .fruit-center h1{font-size:48px}
  .fruit-lead{font-size:15px}
  .fruit-prompt-shell{width:96%}
  .fruit-ctas{flex-direction:column;width:min(360px,92%)}
  .fruit-ctas .btn{width:100%;justify-content:center}
  .fruit-float{display:none}
  .fruit-orb{width:76px;height:76px;right:24px;bottom:24px}
  .fruit-orb-core{width:36px;height:36px}
}

/* === v43: full-width stellar header + requested RU copy === */
#s-landing{padding-left:0!important;padding-right:0!important;padding-top:0!important;}
#s-landing>.wrap{max-width:none!important;padding-left:0!important;padding-right:0!important;}
#s-landing .landing-nav{
  width:100%!important;
  margin:0!important;
  padding-left:max(28px,calc((100vw - 1400px)/2 + 24px))!important;
  padding-right:max(28px,calc((100vw - 1400px)/2 + 24px))!important;
  background:#121018!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
}
#s-landing .hero-fruit-concept{width:100%!important;}
#s-landing .fruit-stage{
  width:100%!important;
  margin:0!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
}
[data-theme="light"] #s-landing .landing-nav{
  background:#f6f2f4!important;
  background-image:
    radial-gradient(circle,rgba(30,25,35,.22) 0 1px,transparent 1.35px),
    radial-gradient(circle,rgba(165,107,14,.24) 0 1px,transparent 1.45px),
    radial-gradient(circle at 50% 120%,rgba(232,169,58,.12),transparent 42%),
    linear-gradient(180deg,#f6f2f4 0%,#f6f2f4 100%)!important;
}
@media(max-width:960px){
  #s-landing .landing-nav{padding-left:20px!important;padding-right:20px!important;}
}

/* === v44: cleaner nav, lifted proof cards, metrics inside hero === */
#s-landing .landing-nav{background-image:none!important;}
#s-landing .fruit-stage{min-height:900px!important;padding-bottom:150px;}
#s-landing .fruit-center{padding-top:70px;}
#s-landing .fruit-float-impressions{left:4.5%;top:25%;transform:rotate(-3deg);}
#s-landing .fruit-float-match{right:4.5%;top:23%;transform:rotate(3deg);}
#s-landing .fruit-float-budget{left:7%;bottom:27%;transform:rotate(2deg);}
#s-landing .fruit-float-escrow{right:7%;bottom:26%;transform:rotate(-2deg);}
#s-landing .fruit-orb{display:none!important;}
#s-landing .hero-metrics-strip.hero-metrics-in-stage{
  position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:7;
  width:min(1180px,calc(100% - 56px));max-width:1180px;margin:0;
  background:rgba(10,10,13,.38);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.09);border-radius:16px;overflow:hidden;
  box-shadow:0 16px 45px rgba(0,0,0,.22);
}
#s-landing .hero-metrics-in-stage .hero-metric{padding:16px 14px 15px;}
#s-landing .hero-metrics-in-stage .hero-metric-value{font-size:29px;}
[data-theme="light"] #s-landing .hero-metrics-strip.hero-metrics-in-stage{background:rgba(255,255,255,.58);border-color:rgba(0,0,0,.08);}
@media(max-width:1100px){
  #s-landing .fruit-stage{min-height:980px!important;padding-bottom:230px;}
  #s-landing .hero-metrics-strip.hero-metrics-in-stage{grid-template-columns:1fr 1fr;width:calc(100% - 40px);}
  #s-landing .fruit-float-budget{bottom:30%;}
  #s-landing .fruit-float-escrow{bottom:29%;}
}
@media(max-width:760px){
  #s-landing .fruit-stage{min-height:980px!important;padding-bottom:340px;}
  #s-landing .hero-metrics-strip.hero-metrics-in-stage{grid-template-columns:1fr 1fr;width:calc(100% - 24px);bottom:18px;}
  #s-landing .hero-metrics-in-stage .hero-metric{padding:13px 10px;}
  #s-landing .hero-metrics-in-stage .hero-metric-value{font-size:24px;}
  #s-landing .hero-metrics-in-stage .hero-metric-label{font-size:11px;}
  #s-landing .hero-metrics-in-stage .hero-metric-sub{font-size:9.5px;}
}

/* Hero metrics: no dark plate — metrics live directly on the star hero */
#s-landing .hero-metrics-strip.hero-metrics-in-stage{
 background:transparent!important;backdrop-filter:none!important;border:0!important;
 border-radius:0!important;box-shadow:none!important;overflow:visible!important;
}
[data-theme="light"] #s-landing .hero-metrics-strip.hero-metrics-in-stage{background:transparent!important;border:0!important;}
#s-landing .hero-metrics-in-stage .hero-metric:not(:last-child)::after{background:rgba(255,255,255,.16)!important}

/* Comparison pages — full content width, clean conversion-first layout */
.screen[id^="s-vs-"]>.landing-nav,
.screen[id^="s-vs-"]>.pac-crumb,
.screen[id^="s-vs-"]>.cmp-hero,
.screen[id^="s-vs-"]>.cmp-section,
.screen[id^="s-vs-"]>.cmp-benchmark,
.screen[id^="s-vs-"]>.cmp-final{width:min(1440px,calc(100% - 56px));max-width:1440px;margin-left:auto;margin-right:auto}
.screen[id^="s-vs-"]>.landing-nav{width:min(1520px,calc(100% - 40px));max-width:1520px}
.cmp-hero{padding:70px 0 64px;border-bottom:1px solid var(--line)}
.cmp-kicker,.cmp-head>span,.cmp-benchmark span{display:block;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;margin-bottom:14px}
.cmp-hero h1{font-size:clamp(42px,5.4vw,82px);line-height:.98;letter-spacing:-.055em;max-width:1250px;margin:0}
.cmp-hero>p{font-size:20px;line-height:1.55;color:var(--muted);max-width:980px;margin:26px 0 0}
.cmp-actions{display:flex;align-items:center;gap:18px;margin-top:30px}.cmp-actions span{font-size:13px;color:var(--muted)}
.cmp-section{padding:76px 0;border-bottom:1px solid var(--line)}
.cmp-head{max-width:1050px;margin-bottom:34px}.cmp-head h2{font-size:clamp(30px,3.2vw,50px);letter-spacing:-.04em;line-height:1.04;margin:0}
.cmp-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cmp-choice{border:1px solid var(--line);border-radius:22px;padding:30px;background:var(--card)}
.cmp-choice-pact{border-color:rgba(255,179,71,.38);background:linear-gradient(145deg,var(--card),rgba(255,179,71,.06))}
.cmp-choice-brand{font-size:28px;font-weight:850;letter-spacing:-.03em;margin-bottom:22px}.cmp-choice p{font-size:16px;line-height:1.5;margin:12px 0;color:var(--muted)}
.cmp-choice button{margin-top:20px;border:0;background:none;color:var(--accent);font-weight:800;font-size:15px;cursor:pointer;padding:0}
.cmp-flow-grid{display:grid;grid-template-columns:1fr 56px 1fr;align-items:stretch;gap:14px}
.cmp-flow{border:1px solid var(--line);border-radius:22px;padding:34px;min-height:170px}.cmp-flow b{font-size:24px}.cmp-flow p{font-size:19px;line-height:1.55;margin:24px 0 0;color:var(--muted)}
.cmp-flow-p{border-color:rgba(255,179,71,.38);background:rgba(255,179,71,.05)}.cmp-flow-arrow{display:grid;place-items:center;font-size:30px;color:var(--accent)}
.screen[id^="s-vs-"] .vs-table{font-size:15px}.screen[id^="s-vs-"] .vs-table th,.screen[id^="s-vs-"] .vs-table td{padding:20px 22px}
.cmp-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cmp-card{border:1px solid var(--line);border-radius:20px;padding:28px}.cmp-card h3{font-size:21px;margin:0 0 12px}.cmp-card p{color:var(--muted);line-height:1.55;margin:0}
.cmp-fair-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cmp-fair-item{display:flex;gap:12px;border:1px solid var(--line);border-radius:18px;padding:24px}.cmp-fair-item span{color:var(--accent);font-weight:900}.cmp-fair-item p{margin:0;color:var(--muted);line-height:1.5}
.cmp-benchmark{margin-top:70px!important;margin-bottom:70px!important;padding:46px 50px;border:1px solid rgba(255,179,71,.35);border-radius:26px;background:linear-gradient(135deg,rgba(255,179,71,.09),rgba(255,179,71,.02));display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}
.cmp-benchmark h2{font-size:38px;letter-spacing:-.04em;margin:0 0 14px}.cmp-benchmark p{color:var(--muted);font-size:17px;line-height:1.5;margin:0;max-width:850px}
.cmp-benchmark-action{display:flex;flex-direction:column;align-items:center;gap:10px}.cmp-benchmark-action small,.cmp-final small{color:var(--muted)}
.cmp-final{text-align:center;padding:80px 24px}.cmp-final h2{font-size:46px;letter-spacing:-.045em;margin:0}.cmp-final p{color:var(--muted);font-size:18px;margin:16px auto 28px;max-width:700px}.cmp-final small{display:block;margin-top:12px}
.cmp-more{padding-top:50px!important}.cmp-more .vs-more{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:900px){.cmp-choice-grid,.cmp-card-grid,.cmp-fair-list{grid-template-columns:1fr}.cmp-flow-grid{grid-template-columns:1fr}.cmp-flow-arrow{transform:rotate(90deg)}.cmp-benchmark{grid-template-columns:1fr}.screen[id^="s-vs-"]>.landing-nav,.screen[id^="s-vs-"]>.pac-crumb,.screen[id^="s-vs-"]>.cmp-hero,.screen[id^="s-vs-"]>.cmp-section,.screen[id^="s-vs-"]>.cmp-benchmark,.screen[id^="s-vs-"]>.cmp-final{width:calc(100% - 28px)}}

/*
  Fruit hero intentionally remains full-width.
  Original Pact content container was 1400px; restore that width
  to every main-page content section below the hero.
*/
#s-landing > .wrap{
  max-width:none!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Header/navigation stays on the normal site grid */
#s-landing > .wrap > .landing-nav{
  width:min(1400px, calc(100% - 48px));
  max-width:1400px;
  margin-left:auto;
  margin-right:auto;
}

/* Hero stays edge-to-edge */
#s-landing .hero-fruit-concept{
  width:100%;
  max-width:none;
}

/* Everything AFTER the hero returns to the original 1400px content grid */
#s-landing > .wrap > .landing-section,
#s-landing > .wrap > .hp-funnel-section{
  width:min(1400px, calc(100% - 48px));
  max-width:1400px;
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}

/* Some homepage sections use landing-section plus additional classes */
#s-landing > .wrap > section.landing-section,
#s-landing > .wrap > div.landing-section{
  width:min(1400px, calc(100% - 48px));
  max-width:1400px;
  margin-left:auto;
  margin-right:auto;
}

/* Keep the metrics that are physically inside the hero unconstrained */
#s-landing .hero-fruit-concept .hero-metrics-strip,
#s-landing .fruit-stage .hero-metrics-strip{
  max-width:none;
}

/* Avoid double-constraining inner grids */
#s-landing > .wrap > .hp-funnel-section > *,
#s-landing > .wrap > .landing-section > *{
  max-width:100%;
}

@media(max-width:900px){
  #s-landing > .wrap > .landing-nav,
  #s-landing > .wrap > .landing-section,
  #s-landing > .wrap > .hp-funnel-section,
  #s-landing > .wrap > section.landing-section,
  #s-landing > .wrap > div.landing-section{
    width:calc(100% - 28px);
  }
}

#s-landing .hero-trust-strip{
  width:100%;
  background:#f4f1e8;
  border-top:1px solid rgba(30,28,24,.08);
  border-bottom:1px solid rgba(30,28,24,.10);
  box-shadow:0 18px 38px rgba(28,25,18,.06);
  color:#1f1d19;
}
#s-landing .hero-trust-inner{
  width:min(1400px,calc(100% - 48px));
  max-width:1400px;
  margin:0 auto;
  padding:34px 0 40px;
}
#s-landing .hero-trust-title{
  text-align:center;
  font-family:Georgia,"Times New Roman",serif;
  font-size:25px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:-.02em;
  margin-bottom:30px;
}
#s-landing .hero-trust-logos{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  align-items:center;
  gap:24px;
}
#s-landing .hero-trust-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:0;
  white-space:nowrap;
  font-size:20px;
  font-weight:800;
  letter-spacing:-.035em;
  color:#1f1d19;
  opacity:.93;
}
#s-landing .hero-trust-logo .brand-mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-width:24px;
  height:24px;
  padding:0 4px;
  border:2px solid currentColor;
  border-radius:7px;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.05em;
}
#s-landing .brand-1xbet .brand-mark{
  border-radius:50%;
  min-width:28px;
}
#s-landing .brand-secret{font-size:17px}
#s-landing .brand-bloggers{font-size:19px}
#s-landing .brand-youfast{font-size:18px}

[data-theme="dark"] #s-landing .hero-trust-strip{
  background:#f4f1e8!important;
  color:#1f1d19!important;
}
[data-theme="dark"] #s-landing .hero-trust-logo{
  color:#1f1d19!important;
}

@media(max-width:1200px){
  #s-landing .hero-trust-logos{grid-template-columns:repeat(4,1fr);row-gap:24px}
}
@media(max-width:700px){
  #s-landing .hero-trust-inner{width:calc(100% - 28px);padding:28px 0 32px}
  #s-landing .hero-trust-title{font-size:21px;margin-bottom:24px}
  #s-landing .hero-trust-logos{grid-template-columns:repeat(2,1fr);gap:20px 14px}
  #s-landing .hero-trust-logo{font-size:16px}
  #s-landing .brand-secret,#s-landing .brand-bloggers,#s-landing .brand-youfast{font-size:15px}
}

/* v48 — transform four floating hero KPI cards into twinkling stars */
#s-landing .fruit-float{
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-radius:0!important;
  overflow:visible!important;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:22px!important;
  isolation:isolate;
  background:
    radial-gradient(circle at 48% 42%, rgba(255,244,211,.98) 0 9%, rgba(255,212,124,.95) 30%, rgba(235,151,55,.94) 58%, rgba(120,66,128,.88) 100%)!important;
  color:#2b1830!important;
  clip-path:polygon(
    50% 0%,
    57% 31%,
    77% 8%,
    70% 36%,
    100% 28%,
    75% 48%,
    100% 61%,
    70% 61%,
    82% 91%,
    59% 69%,
    50% 100%,
    42% 69%,
    18% 92%,
    30% 62%,
    0% 68%,
    25% 49%,
    0% 34%,
    31% 37%,
    22% 8%,
    43% 31%
  );
  animation:fruitStarTwinkle 5.8s ease-in-out infinite;
  transform-origin:center;
}
#s-landing .fruit-float::before{
  content:"";
  position:absolute;
  inset:5%;
  z-index:-1;
  clip-path:inherit;
  background:radial-gradient(circle,rgba(255,255,255,.58),rgba(255,255,255,0) 61%);
  opacity:.64;
  animation:fruitStarGlow 4.8s ease-in-out infinite;
}
#s-landing .fruit-float::after{
  content:"";
  position:absolute;
  inset:-18%;
  z-index:-2;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,198,89,.25),rgba(255,170,84,.08) 38%,transparent 67%);
  filter:blur(8px);
  opacity:.55;
  animation:fruitStarHalo 6.4s ease-in-out infinite;
}

#s-landing .fruit-float small,
#s-landing .fruit-float span{
  color:rgba(52,25,47,.72)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.24);
  position:relative;
  z-index:2;
}
#s-landing .fruit-float small{
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  text-transform:none!important;
  max-width:122px;
  line-height:1.18;
}
#s-landing .fruit-float b{
  color:#311c31!important;
  font-size:28px!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  margin:5px 0!important;
  position:relative;
  z-index:2;
  text-shadow:0 1px 0 rgba(255,255,255,.28);
}
#s-landing .fruit-float span{
  font-size:10.5px!important;
  line-height:1.18!important;
  max-width:126px;
}

/* four intentionally different star sizes / rotations */
#s-landing .fruit-float-impressions{
  width:190px!important;height:190px!important;
  left:5.2%!important;top:16%!important;
  animation-delay:-1.3s;
}
#s-landing .fruit-float-match{
  width:158px!important;height:158px!important;
  right:7%!important;top:17%!important;
  animation-delay:-3.7s;
}
#s-landing .fruit-float-budget{
  width:174px!important;height:174px!important;
  left:9.5%!important;top:55%!important;
  animation-delay:-2.2s;
}
#s-landing .fruit-float-escrow{
  width:166px!important;height:166px!important;
  right:10%!important;top:54%!important;
  animation-delay:-4.6s;
}

/* soften hierarchy for the lock label so it doesn't look like a button */
#s-landing .fruit-float-escrow small{
  letter-spacing:.10em!important;
  font-size:9.5px!important;
}
#s-landing .fruit-float-escrow b{
  font-size:20px!important;
  letter-spacing:-.025em!important;
}

/* tiny independent sparkle points around each star */
#s-landing .fruit-float .star-spark{display:none}

@keyframes fruitStarTwinkle{
  0%,100%{filter:brightness(.94) saturate(.95);scale:1}
  45%{filter:brightness(1.07) saturate(1.04);scale:1.018}
  58%{filter:brightness(1.13) saturate(1.06);scale:1.035}
  72%{filter:brightness(.99) saturate(1);scale:1.008}
}
@keyframes fruitStarGlow{
  0%,100%{opacity:.42;transform:scale(.96)}
  50%{opacity:.78;transform:scale(1.08)}
}
@keyframes fruitStarHalo{
  0%,100%{opacity:.25;transform:scale(.9)}
  50%{opacity:.66;transform:scale(1.1)}
}

@media (prefers-reduced-motion:reduce){
  #s-landing .fruit-float,
  #s-landing .fruit-float::before,
  #s-landing .fruit-float::after{animation:none!important}
}

@media(max-width:1050px){
  #s-landing .fruit-float-impressions{width:156px!important;height:156px!important;left:2%!important}
  #s-landing .fruit-float-match{width:142px!important;height:142px!important;right:2%!important}
  #s-landing .fruit-float-budget{width:150px!important;height:150px!important;left:3%!important}
  #s-landing .fruit-float-escrow{width:144px!important;height:144px!important;right:3%!important}
  #s-landing .fruit-float b{font-size:23px!important}
  #s-landing .fruit-float small{font-size:9.5px!important}
  #s-landing .fruit-float span{font-size:9px!important}
}
@media(max-width:760px){
  /* keep hero readable on mobile: stars become a 2x2 constellation below the prompt */
  #s-landing .fruit-stage{
    padding-bottom:420px!important;
  }
  #s-landing .fruit-float{
    width:132px!important;height:132px!important;
    top:auto!important;
  }
  #s-landing .fruit-float-impressions{left:8%!important;bottom:230px!important}
  #s-landing .fruit-float-match{right:8%!important;bottom:230px!important}
  #s-landing .fruit-float-budget{left:8%!important;bottom:92px!important}
  #s-landing .fruit-float-escrow{right:8%!important;bottom:92px!important}
}

#s-landing .hero-copy-proof{
  display:block;
  margin-top:.55em;
}

/* GRIN-like target rings: huge concentric circles, mostly outside viewport */
#s-landing .hero-orbit-scene{
  position:absolute;
  inset:0;
  z-index:1;
  overflow:hidden;
  pointer-events:none;
}
#s-landing .fruit-center{position:relative;z-index:4}

#s-landing .hero-orbit{
  position:absolute;
  left:50%;
  top:53%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px solid rgba(255,255,255,.115);
  background:transparent;
  box-shadow:none;
}
#s-landing .hero-orbit-1{width:34vw;height:34vw;min-width:500px;min-height:500px}
#s-landing .hero-orbit-2{width:54vw;height:54vw;min-width:760px;min-height:760px;border-color:rgba(255,255,255,.10)}
#s-landing .hero-orbit-3{width:74vw;height:74vw;min-width:1020px;min-height:1020px;border-color:rgba(255,255,255,.085)}
#s-landing .hero-orbit-4{width:94vw;height:94vw;min-width:1280px;min-height:1280px;border-color:rgba(255,255,255,.07)}
#s-landing .hero-orbit-5{width:116vw;height:116vw;min-width:1560px;min-height:1560px;border-color:rgba(255,255,255,.055)}

#s-landing .hero-orbit-runner{
  position:absolute;
  inset:0;
  border-radius:50%;
  transform-origin:50% 50%;
  animation:grinOrbit var(--orbit-time) linear infinite;
  animation-delay:var(--delay);
}
#s-landing .platform-logo{
  position:absolute;
  left:50%;
  top:0;
  width:56px;
  height:56px;
  margin-left:-28px;
  margin-top:-28px;
  display:grid;
  place-items:center;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:#fff;
  animation:
    grinCounterOrbit var(--orbit-time) linear infinite,
    starToPlatform 9.5s ease-in-out infinite;
  animation-delay:var(--delay), calc(var(--delay) * .73);
  transform-origin:center;
}

/* the star-dot precursor */
#s-landing .platform-logo::before{
  content:"";
  position:absolute;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#fff;
  box-shadow:
    0 0 7px rgba(255,255,255,.95),
    0 0 18px rgba(255,255,255,.72),
    0 0 34px rgba(255,255,255,.34);
  opacity:1;
  animation:starCore 9.5s ease-in-out infinite;
  animation-delay:calc(var(--delay) * .73);
}
#s-landing .platform-logo::after{
  content:"";
  position:absolute;
  width:2px;height:20px;
  background:linear-gradient(to bottom,transparent,rgba(255,255,255,.95),transparent);
  opacity:0;
  filter:blur(.2px);
  animation:starRay 9.5s ease-in-out infinite;
  animation-delay:calc(var(--delay) * .73);
}
#s-landing .platform-symbol{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  opacity:0;
  transform:scale(.18);
  filter:blur(2px) brightness(1.8);
  animation:platformReveal 9.5s ease-in-out infinite;
  animation-delay:calc(var(--delay) * .73);
}
#s-landing .platform-symbol svg{width:34px;height:34px;display:block}
#s-landing .platform-instagram .platform-symbol{
  width:42px;height:42px;border-radius:11px;color:#fff;
  background:radial-gradient(circle at 30% 110%,#ffd36a 0 18%,#ff5a66 40%,#bd35a7 66%,#635bff 100%);
}
#s-landing .platform-youtube{color:#ff1b1b}
#s-landing .platform-tiktok{color:#fff}
#s-landing .platform-tiktok .platform-symbol svg{
  filter:drop-shadow(1px 0 0 #25f4ee) drop-shadow(-1px 0 0 #fe2c55);
}
#s-landing .platform-x{color:#fff}
#s-landing .platform-twitch{color:#a970ff}
#s-landing .platform-kick{color:#53fc18}
#s-landing .platform-kick .platform-symbol{
  font-family:Arial Black,Arial,sans-serif;font-size:32px;font-weight:900;
}

/* continuous orbit */
@keyframes grinOrbit{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
/* keeps logo flat/upright while carrier rotates */
@keyframes grinCounterOrbit{
  from{rotate:0deg}
  to{rotate:-360deg}
}

/* overall envelope: dot -> star -> icon -> back to dot */
@keyframes starToPlatform{
  0%,17%{opacity:1}
  18%,100%{opacity:1}
}
@keyframes starCore{
  0%,15%{width:4px;height:4px;opacity:.8;box-shadow:0 0 6px #fff,0 0 14px rgba(255,255,255,.55)}
  24%{width:7px;height:7px;opacity:1;box-shadow:0 0 9px #fff,0 0 25px rgba(255,255,255,.9),0 0 48px rgba(255,255,255,.55)}
  31%{width:12px;height:12px;opacity:1;box-shadow:0 0 12px #fff,0 0 34px rgba(255,255,255,.95),0 0 70px rgba(255,255,255,.6)}
  38%,82%{width:2px;height:2px;opacity:0}
  90%{width:6px;height:6px;opacity:.8}
  100%{width:4px;height:4px;opacity:.8}
}
@keyframes starRay{
  0%,17%{opacity:0;transform:scale(.3) rotate(0deg)}
  24%{opacity:.45;transform:scale(.7) rotate(0deg)}
  31%{opacity:1;transform:scale(1.4) rotate(0deg)}
  37%{opacity:.9;transform:scale(1.8) rotate(90deg)}
  43%,100%{opacity:0;transform:scale(.5) rotate(90deg)}
}
@keyframes platformReveal{
  0%,29%{opacity:0;transform:scale(.15);filter:blur(3px) brightness(2)}
  35%{opacity:.45;transform:scale(.55);filter:blur(1.3px) brightness(1.7)}
  42%{opacity:1;transform:scale(1.06);filter:blur(0) brightness(1.15)}
  49%,78%{opacity:1;transform:scale(1);filter:blur(0) brightness(1)}
  84%{opacity:.5;transform:scale(.58);filter:blur(1px) brightness(1.4)}
  90%,100%{opacity:0;transform:scale(.18);filter:blur(2px) brightness(1.8)}
}

/* Different phase offsets so not all icons morph at once */
#s-landing .runner-instagram .platform-logo,
#s-landing .runner-instagram .platform-logo::before,
#s-landing .runner-instagram .platform-logo::after,
#s-landing .runner-instagram .platform-symbol{animation-delay:-2.4s}
#s-landing .runner-tiktok .platform-logo,
#s-landing .runner-tiktok .platform-logo::before,
#s-landing .runner-tiktok .platform-logo::after,
#s-landing .runner-tiktok .platform-symbol{animation-delay:-5.8s}
#s-landing .runner-youtube .platform-logo,
#s-landing .runner-youtube .platform-logo::before,
#s-landing .runner-youtube .platform-logo::after,
#s-landing .runner-youtube .platform-symbol{animation-delay:-8.1s}
#s-landing .runner-x .platform-logo,
#s-landing .runner-x .platform-logo::before,
#s-landing .runner-x .platform-logo::after,
#s-landing .runner-x .platform-symbol{animation-delay:-3.9s}
#s-landing .runner-kick .platform-logo,
#s-landing .runner-kick .platform-logo::before,
#s-landing .runner-kick .platform-logo::after,
#s-landing .runner-kick .platform-symbol{animation-delay:-7.0s}
#s-landing .runner-twitch .platform-logo,
#s-landing .runner-twitch .platform-logo::before,
#s-landing .runner-twitch .platform-logo::after,
#s-landing .runner-twitch .platform-symbol{animation-delay:-1.2s}

@media(max-width:900px){
  #s-landing .hero-orbit{top:51%}
  #s-landing .hero-orbit-1{width:520px;height:520px}
  #s-landing .hero-orbit-2{width:760px;height:760px}
  #s-landing .hero-orbit-3{width:980px;height:980px}
  #s-landing .hero-orbit-4{width:1220px;height:1220px}
  #s-landing .hero-orbit-5{width:1480px;height:1480px}
}
@media(prefers-reduced-motion:reduce){
  #s-landing .hero-orbit-runner,
  #s-landing .platform-logo,
  #s-landing .platform-logo::before,
  #s-landing .platform-logo::after,
  #s-landing .platform-symbol{animation-play-state:paused!important}
}

/* Lift the whole central hero composition slightly upward */
#s-landing .fruit-center{
  transform:translateY(-34px)!important;
}

/* Pull the 4 hero metrics closer to the main hero content */
#s-landing .hero-metrics-strip.hero-metrics-in-stage{
  transform:translateY(-38px)!important;
  margin-top:0!important;
}

/* Brand orange CTA — hero */
#s-landing .fruit-cta-primary,
#s-landing .btn.btn-primary.btn-xl,
#s-landing .hero-fruit-concept .btn-primary{
  background:#f59b2f!important;
  border-color:#f59b2f!important;
  color:#21160a!important;
  box-shadow:
    0 8px 24px rgba(245,155,47,.24),
    inset 0 1px 0 rgba(255,255,255,.28)!important;
}
#s-landing .fruit-cta-primary:hover,
#s-landing .btn.btn-primary.btn-xl:hover,
#s-landing .hero-fruit-concept .btn-primary:hover{
  background:#ffa93f!important;
  border-color:#ffa93f!important;
  transform:translateY(-1px);
}

/* Brand orange CTA — top navigation */
#s-landing .landing-nav .lb-signup{
  background:#f59b2f!important;
  border-color:#f59b2f!important;
  color:#21160a!important;
  box-shadow:0 6px 18px rgba(245,155,47,.20)!important;
}
#s-landing .landing-nav .lb-signup:hover{
  background:#ffa93f!important;
  border-color:#ffa93f!important;
}

/* Keep mobile movement smaller */
@media(max-width:760px){
  #s-landing .fruit-center{
    transform:translateY(-18px)!important;
  }
  #s-landing .hero-metrics-strip.hero-metrics-in-stage{
    transform:translateY(-20px)!important;
  }
}

/* Center both hero description paragraphs */
#s-landing .fruit-center > p,
#s-landing .fruit-center .fruit-sub,
#s-landing .fruit-center .hero-copy-proof{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Re-center the four hero metrics and lift them closer to the hero controls */
#s-landing .hero-metrics-strip.hero-metrics-in-stage{
  width:min(1180px, calc(100% - 64px))!important;
  max-width:1180px!important;
  left:50%!important;
  right:auto!important;
  margin-left:0!important;
  margin-right:0!important;
  transform:translate(-50%,-78px)!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:start!important;
  justify-items:stretch!important;
  box-sizing:border-box!important;
}

#s-landing .hero-metrics-in-stage .hero-metric{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0 24px!important;
  box-sizing:border-box!important;
  text-align:left!important;
}

#s-landing .hero-metrics-in-stage .hero-metric:first-child{
  padding-left:0!important;
}
#s-landing .hero-metrics-in-stage .hero-metric:last-child{
  padding-right:0!important;
}

/* keep the separators visually centered between columns */
#s-landing .hero-metrics-in-stage .hero-metric:not(:last-child)::after{
  right:0!important;
}

@media(max-width:900px){
  #s-landing .hero-metrics-strip.hero-metrics-in-stage{
    width:calc(100% - 36px)!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    transform:translate(-50%,-38px)!important;
    row-gap:24px!important;
  }
  #s-landing .hero-metrics-in-stage .hero-metric{
    padding:0 16px!important;
  }
}

/* Multiple social platforms may share the same orbit. Kick now shares orbit 3. */
#s-landing .runner-kick{--orbit-time:29s!important;--delay:-17s!important}

/* Fifth / outermost orbit carries only a travelling star */
#s-landing .runner-star-only{
  position:absolute;
  inset:0;
  border-radius:50%;
  transform-origin:50% 50%;
  animation:grinOrbit var(--orbit-time) linear infinite;
  animation-delay:var(--delay);
}
#s-landing .orbit-star-only{
  position:absolute;
  left:50%;
  top:0;
  width:5px;
  height:5px;
  margin-left:-2.5px;
  margin-top:-2.5px;
  border-radius:50%;
  background:#fff;
  box-shadow:
    0 0 7px rgba(255,255,255,.95),
    0 0 18px rgba(255,255,255,.70),
    0 0 34px rgba(255,255,255,.32);
  animation:outerStarPulse 5.6s ease-in-out infinite;
}
#s-landing .orbit-star-only::before,
#s-landing .orbit-star-only::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  background:linear-gradient(to bottom,transparent,rgba(255,255,255,.95),transparent);
  opacity:.45;
}
#s-landing .orbit-star-only::before{width:1px;height:19px}
#s-landing .orbit-star-only::after{width:19px;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.95),transparent)}
@keyframes outerStarPulse{
  0%,100%{transform:scale(.65);opacity:.55;filter:brightness(.9)}
  45%{transform:scale(1.2);opacity:1;filter:brightness(1.35)}
  58%{transform:scale(1.75);opacity:1;filter:brightness(1.8)}
  72%{transform:scale(.95);opacity:.8;filter:brightness(1.1)}
}
@media(prefers-reduced-motion:reduce){
  #s-landing .runner-star-only,
  #s-landing .orbit-star-only{animation-play-state:paused!important}
}

/* GRIN-like KPI row proportions */
#s-landing .hero-metrics-strip.hero-metrics-in-stage{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:42px!important;
  top:auto!important;
  width:min(930px, calc(100% - 80px))!important;
  max-width:930px!important;
  margin:0!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  grid-template-columns:repeat(4, 1fr)!important;
  align-items:start!important;
  justify-items:stretch!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}

/* equal columns like GRIN */
#s-landing .hero-metrics-in-stage .hero-metric{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0 18px!important;
  box-sizing:border-box!important;
  text-align:center!important;
}

/* vertical separators centered between cells */
#s-landing .hero-metrics-in-stage .hero-metric:not(:last-child)::after{
  content:""!important;
  position:absolute!important;
  top:10px!important;
  right:0!important;
  width:1px!important;
  height:76px!important;
  background:rgba(255,255,255,.22)!important;
  transform:none!important;
}

/* large number / headline */
#s-landing .hero-metrics-in-stage .hero-metric .hero-metric-value,
#s-landing .hero-metrics-in-stage .hero-metric > b,
#s-landing .hero-metrics-in-stage .hero-metric .v{
  display:block!important;
  font-size:42px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:-.045em!important;
  color:#fff!important;
  margin:0 0 7px!important;
  text-align:center!important;
}

/* first descriptive line */
#s-landing .hero-metrics-in-stage .hero-metric .hero-metric-label,
#s-landing .hero-metrics-in-stage .hero-metric > span,
#s-landing .hero-metrics-in-stage .hero-metric .k{
  display:block!important;
  max-width:190px!important;
  margin:0 auto!important;
  text-align:center!important;
  font-size:12.5px!important;
  line-height:1.26!important;
  color:rgba(255,255,255,.76)!important;
  font-weight:500!important;
}

/* secondary line */
#s-landing .hero-metrics-in-stage .hero-metric small,
#s-landing .hero-metrics-in-stage .hero-metric .hero-metric-sub{
  display:block!important;
  max-width:190px!important;
  margin:4px auto 0!important;
  text-align:center!important;
  font-size:10.5px!important;
  line-height:1.25!important;
  color:rgba(255,255,255,.50)!important;
}

/* keep first metric platform list on compact line */
#s-landing .hero-metrics-in-stage .hero-metric:first-child small,
#s-landing .hero-metrics-in-stage .hero-metric:first-child .hero-metric-sub{
  white-space:nowrap!important;
  font-size:10px!important;
  letter-spacing:-.01em!important;
}

@media(max-width:950px){
  #s-landing .hero-metrics-strip.hero-metrics-in-stage{
    width:calc(100% - 36px)!important;
    bottom:30px!important;
  }
  #s-landing .hero-metrics-in-stage .hero-metric{
    padding:0 12px!important;
  }
  #s-landing .hero-metrics-in-stage .hero-metric .hero-metric-value,
  #s-landing .hero-metrics-in-stage .hero-metric > b,
  #s-landing .hero-metrics-in-stage .hero-metric .v{
    font-size:34px!important;
  }
}

@media(max-width:700px){
  #s-landing .hero-metrics-strip.hero-metrics-in-stage{
    grid-template-columns:repeat(2,1fr)!important;
    row-gap:24px!important;
    bottom:24px!important;
  }
  #s-landing .hero-metrics-in-stage .hero-metric:nth-child(2)::after{
    display:none!important;
  }
  #s-landing .hero-metrics-in-stage .hero-metric:not(:last-child)::after{
    height:64px!important;
  }
}

/* Lift KPI row and give every cell equal breathing room */
#s-landing .hero-metrics-strip.hero-metrics-in-stage{
  bottom:82px!important;
  width:min(1040px,calc(100% - 96px))!important;
  max-width:1040px!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
#s-landing .hero-metrics-in-stage .hero-metric{
  min-height:132px!important;
  padding:0 28px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}
#s-landing .hero-metrics-in-stage .hero-metric:not(:last-child)::after{
  top:4px!important;
  right:0!important;
  height:112px!important;
}

/* Consistent number line */
#s-landing .hero-metrics-in-stage .hero-metric .hero-metric-value,
#s-landing .hero-metrics-in-stage .hero-metric > b,
#s-landing .hero-metrics-in-stage .hero-metric .v{
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  font-size:40px!important;
  line-height:1!important;
  margin:0 0 8px!important;
}

/* Equalized label footprint */
#s-landing .hero-metrics-in-stage .hero-metric .hero-metric-label,
#s-landing .hero-metrics-in-stage .hero-metric > span,
#s-landing .hero-metrics-in-stage .hero-metric .k{
  width:100%!important;
  max-width:205px!important;
  min-height:34px!important;
  font-size:12.5px!important;
  line-height:1.28!important;
  margin:0 auto!important;
  text-align:center!important;
}

/* Equalized secondary-copy footprint; never touch separators */
#s-landing .hero-metrics-in-stage .hero-metric small,
#s-landing .hero-metrics-in-stage .hero-metric .hero-metric-sub{
  width:100%!important;
  max-width:205px!important;
  min-height:28px!important;
  margin:4px auto 0!important;
  white-space:normal!important;
  font-size:10.5px!important;
  line-height:1.28!important;
  text-align:center!important;
}

/* Platform line needs slightly smaller type to stay comfortably inside cell */
#s-landing .hero-metrics-in-stage .hero-metric:first-child small,
#s-landing .hero-metrics-in-stage .hero-metric:first-child .hero-metric-sub{
  max-width:215px!important;
  font-size:9.8px!important;
}

@media(max-width:950px){
  #s-landing .hero-metrics-strip.hero-metrics-in-stage{
    bottom:60px!important;
    width:calc(100% - 48px)!important;
  }
  #s-landing .hero-metrics-in-stage .hero-metric{padding:0 16px!important}
  #s-landing .hero-metrics-in-stage .hero-metric .hero-metric-value,
  #s-landing .hero-metrics-in-stage .hero-metric > b,
  #s-landing .hero-metrics-in-stage .hero-metric .v{font-size:33px!important}
}

/* Put the primary descriptor noticeably closer to the number */
#s-landing .hero-metrics-in-stage .hero-metric .hero-metric-value,
#s-landing .hero-metrics-in-stage .hero-metric > b,
#s-landing .hero-metrics-in-stage .hero-metric .v{
  margin-bottom:3px!important;
}
#s-landing .hero-metrics-in-stage .hero-metric .hero-metric-label,
#s-landing .hero-metrics-in-stage .hero-metric > span:not(.hero-metric-info),
#s-landing .hero-metrics-in-stage .hero-metric .k{
  margin-top:0!important;
  margin-bottom:0!important;
  min-height:24px!important;
  line-height:1.18!important;
}
#s-landing .hero-metrics-in-stage .hero-metric small,
#s-landing .hero-metrics-in-stage .hero-metric .hero-metric-sub{
  margin-top:5px!important;
}

/* Info tooltip */
#s-landing .hero-metric-info{
  position:relative;
  display:inline-flex!important;
  width:auto!important;
  min-height:0!important;
  margin-left:4px!important;
  color:#f5a332!important;
  font-size:11px!important;
  line-height:1!important;
  cursor:help;
  vertical-align:baseline;
  outline:none;
}
#s-landing .hero-metric-tooltip{
  position:absolute;
  left:50%;
  bottom:calc(100% + 10px);
  transform:translateX(-50%) translateY(4px);
  width:220px;
  padding:10px 12px;
  border-radius:10px;
  background:rgba(16,14,20,.96);
  border:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.88)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.3);
  font-size:11px!important;
  line-height:1.35!important;
  text-align:left!important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
  z-index:30;
}
#s-landing .hero-metric-info:hover .hero-metric-tooltip,
#s-landing .hero-metric-info:focus .hero-metric-tooltip{
  opacity:1;
  visibility:visible;
  transform:translateX(-50%) translateY(0);
}

/* Keep the working info icon immediately after the phrase, never on its own line */
#s-landing .hero-metric-info{
  display:inline-flex!important;
  width:auto!important;
  margin-left:4px!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
}

/* Keep requested secondary labels on one line */
#s-landing .hero-metrics-in-stage .hero-metric:nth-child(3) small,
#s-landing .hero-metrics-in-stage .hero-metric:nth-child(3) .hero-metric-sub,
#s-landing .hero-metrics-in-stage .hero-metric:nth-child(4) small,
#s-landing .hero-metrics-in-stage .hero-metric:nth-child(4) .hero-metric-sub{
  white-space:nowrap!important;
  max-width:none!important;
}

/* Lift the entire four-metric row further into the hero */
#s-landing .hero-metrics-strip.hero-metrics-in-stage{
  bottom:126px!important;
}
@media(max-width:950px){
  #s-landing .hero-metrics-strip.hero-metrics-in-stage{
    bottom:88px!important;
  }
}

/* Move KPI row slightly back down from v62 */
#s-landing .hero-metrics-strip.hero-metrics-in-stage{
  bottom:96px!important;
}

/* Trim excess empty space under KPI row while preserving the full-width hero */
#s-landing .fruit-stage{
  padding-bottom:28px!important;
  min-height:auto!important;
}
#s-landing .hero-fruit-concept{
  padding-bottom:0!important;
  margin-bottom:0!important;
}

/* Trust strip: cleaner neutral light tone, less beige/yellow */
#s-landing .hero-trust-strip{
  background:#f7f7f4!important;
  border-top:1px solid rgba(25,25,25,.07)!important;
  border-bottom:1px solid rgba(25,25,25,.08)!important;
  box-shadow:0 14px 30px rgba(20,20,20,.045)!important;
}
#s-landing .hero-trust-title,
#s-landing .hero-trust-logo{
  color:#1d1d1b!important;
}
[data-theme="dark"] #s-landing .hero-trust-strip{
  background:#f7f7f4!important;
  color:#1d1d1b!important;
}
[data-theme="dark"] #s-landing .hero-trust-logo{
  color:#1d1d1b!important;
}

@media(max-width:950px){
  #s-landing .hero-metrics-strip.hero-metrics-in-stage{
    bottom:70px!important;
  }
}

/* Hard-stop accidental horizontal scrolling from full-width/orbit layers */
html, body {
  overflow-x:hidden!important;
  max-width:100%!important;
}
#app, .app, main, #s-landing, #s-landing>.wrap{
  max-width:100%!important;
  overflow-x:clip!important;
}
#s-landing .hero-orbit-scene,
#s-landing .hero-fruit-concept,
#s-landing .fruit-stage{
  overflow:hidden!important;
  max-width:100vw!important;
}

/* Restore enough hero height so KPIs never collide with form/CTA */
#s-landing .fruit-stage{
  min-height:980px!important;
  padding-bottom:0!important;
  position:relative!important;
}

/* Central content stays lifted, but metrics get a dedicated lower band */
#s-landing .fruit-center{
  transform:translateY(-28px)!important;
}

/* KPI row: centered, below CTA, never overlapping central controls */
#s-landing .hero-metrics-strip.hero-metrics-in-stage{
  position:absolute!important;
  left:50%!important;
  top:auto!important;
  bottom:72px!important;
  transform:translateX(-50%)!important;
  width:min(1040px,calc(100% - 96px))!important;
  max-width:1040px!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:start!important;
  z-index:3!important;
}

/* Trust strip typography should match the site's sans section headings,
   not the serif display face */
#s-landing .hero-trust-title{
  font-family:inherit!important;
  font-size:18px!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
  margin-bottom:30px!important;
}

/* Equal spacing left/right across all trust brands */
#s-landing .hero-trust-logos{
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  column-gap:0!important;
  row-gap:0!important;
  align-items:center!important;
}
#s-landing .hero-trust-logo{
  width:100%!important;
  justify-content:center!important;
  padding:0 12px!important;
  box-sizing:border-box!important;
}

/* Keep footer comparison column tidy when new links are added */
footer a[data-go^="vs-"]{
  display:block;
}

@media(max-width:1100px){
  #s-landing .fruit-stage{min-height:1040px!important}
  #s-landing .hero-trust-logos{grid-template-columns:repeat(4,1fr)!important;row-gap:22px!important}
}
@media(max-width:760px){
  #s-landing .fruit-stage{min-height:1260px!important}
  #s-landing .hero-metrics-strip.hero-metrics-in-stage{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:calc(100% - 36px)!important;
    bottom:40px!important;
    row-gap:26px!important;
  }
  #s-landing .hero-trust-logos{grid-template-columns:repeat(2,1fr)!important}
}

/* KPI row: lift a little more, then trim the hero underneath it */
#s-landing .hero-metrics-strip.hero-metrics-in-stage{
  bottom:104px!important;
}
#s-landing .fruit-stage{
  min-height:900px!important;
}

/* Match section-heading typography used elsewhere on the site */
#s-landing .hero-trust-title{
  font-family:inherit!important;
  font-size:16px!important;
  line-height:1.3!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
  text-align:center!important;
  margin:0 0 28px!important;
}

/* Strictly equal horizontal allocation for every brand */
#s-landing .hero-trust-inner{
  width:min(1400px,calc(100% - 48px))!important;
  max-width:1400px!important;
}
#s-landing .hero-trust-logos{
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:0!important;
  width:100%!important;
  align-items:center!important;
}
#s-landing .hero-trust-logo{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0 14px!important;
  box-sizing:border-box!important;
  justify-content:center!important;
  text-align:center!important;
}
#s-landing .hero-trust-logo:first-child{
  padding-left:0!important;
}
#s-landing .hero-trust-logo:last-child{
  padding-right:0!important;
}

/* trim trust strip itself a bit so the transition is tighter */
#s-landing .hero-trust-inner{
  padding-top:26px!important;
  padding-bottom:30px!important;
}

@media(max-width:1100px){
  #s-landing .fruit-stage{min-height:980px!important}
  #s-landing .hero-metrics-strip.hero-metrics-in-stage{bottom:86px!important}
}
@media(max-width:760px){
  #s-landing .fruit-stage{min-height:1200px!important}
  #s-landing .hero-metrics-strip.hero-metrics-in-stage{bottom:54px!important}
}

/* Remove old trust strip spacing if any adjacent selector survived */
#s-landing .hero-trust-strip{display:none!important}

/* All review slides same structural height */
#s-landing .hp-proof-slider .hp-proof-review{
  display:flex!important;
  flex-direction:column!important;
  align-self:stretch!important;
  height:auto!important;
  min-height:218px!important;
  box-sizing:border-box!important;
}

/* Header stays at top */
#s-landing .hp-proof-review-head{
  flex:0 0 auto!important;
}

/* Quote area absorbs variable text length */
#s-landing .hp-proof-review > p{
  flex:1 1 auto!important;
  margin-bottom:18px!important;
}

/* Divider + context now share the exact same baseline on every slide */
#s-landing .hp-proof-context{
  flex:0 0 auto!important;
  margin-top:auto!important;
  padding-top:13px!important;
  min-height:34px!important;
  display:flex!important;
  align-items:flex-start!important;
  box-sizing:border-box!important;
}

/* Make all slide cards visually equal in the existing 3-up layout */
#s-landing .hp-proof-slider .hp-proof-reviews{
  align-items:stretch!important;
}

/* Existing slider remains the only control system; no duplicate arrows */
#s-landing .hp-proof-nav{
  z-index:5!important;
}

@media(max-width:1000px){
  #s-landing .hp-proof-slider .hp-proof-review{min-height:225px!important}
}
@media(max-width:680px){
  #s-landing .hp-proof-slider .hp-proof-review{min-height:0!important}
}

/* Trim the unnecessary empty tail at the bottom of the hero */
#s-landing .fruit-stage{
  min-height:835px!important;
}
#s-landing .hero-fruit-concept{
  padding-bottom:0!important;
}
#s-landing .hero-metrics-strip.hero-metrics-in-stage{
  bottom:72px!important;
}

/* Put proof-slider arrows exactly at the vertical center of the cards */
#s-landing .hp-proof-slider{
  position:relative!important;
}
#s-landing .hp-proof-slider > .hp-proof-nav,
#s-landing .hp-proof-slider .hp-proof-prev,
#s-landing .hp-proof-slider .hp-proof-next{
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
}

/* In case arrows are direct buttons rather than a shared nav wrapper */
#s-landing .hp-proof-slider > button{
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
}

@media(max-width:1100px){
  #s-landing .fruit-stage{min-height:900px!important}
}
@media(max-width:760px){
  #s-landing .fruit-stage{min-height:1160px!important}
}

#s-landing .landing-nav{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  background:rgba(12,11,16,.88)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}

/* Move KPI row slightly lower (~22px) */
#s-landing .hero-metrics-strip.hero-metrics-in-stage{
  bottom:50px!important;
}

/* Shorter dividers — only around the actual metric content */
#s-landing .hero-metrics-in-stage .hero-metric:not(:last-child)::after{
  top:8px!important;
  height:64px!important;
  opacity:.72!important;
}

@media(max-width:950px){
  #s-landing .hero-metrics-strip.hero-metrics-in-stage{
    bottom:42px!important;
  }
  #s-landing .hero-metrics-in-stage .hero-metric:not(:last-child)::after{
    height:58px!important;
  }
}

/* Position side arrows against the actual card viewport, not the whole slider block */
#s-landing .hp-proof-viewport{
  position:relative!important;
}

#s-landing .hp-proof-slider .hp-proof-prev,
#s-landing .hp-proof-slider .hp-proof-next,
#s-landing .hp-proof-slider > button:first-of-type,
#s-landing .hp-proof-slider > button:last-of-type{
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  margin-top:-10px!important;
}

/* Real persistent navigation: fixed instead of sticky because ancestor overflow/clip
   in the SPA layout prevents reliable sticky positioning. */
#s-landing .landing-nav{
  position:fixed!important;
  top:0!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(1400px,calc(100% - 48px))!important;
  max-width:1400px!important;
  margin:0!important;
  z-index:10000!important;
  box-sizing:border-box!important;
  background:rgba(12,11,16,.90)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  backdrop-filter:blur(16px)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.08)!important;
}

/* Reserve the space the fixed nav used to occupy, so hero content does not jump under it. */
#s-landing > .wrap{
  padding-top:76px!important;
}

/* Hero still starts below the menu; star field does not run behind the nav. */
#s-landing .hero-fruit-concept{
  margin-top:0!important;
}

/* If another SPA screen is active, its own nav can use the same fixed behavior. */
.screen:not(#s-landing) .landing-nav{
  position:sticky!important;
  top:0!important;
  z-index:10000!important;
}

@media(max-width:760px){
  #s-landing .landing-nav{
    width:calc(100% - 24px)!important;
  }
  #s-landing > .wrap{
    padding-top:68px!important;
  }
}

/* Fixed nav: no black gutter between menu and star hero */
#s-landing > .wrap{
  padding-top:0!important;
}
#s-landing .landing-nav{
  top:0!important;
}
#s-landing .hero-fruit-concept{
  margin-top:0!important;
  padding-top:76px!important; /* reserve nav height INSIDE hero instead of above it */
}

/* Move the KPI row about 0.5 cm lower */
#s-landing .hero-metrics-strip.hero-metrics-in-stage{
  bottom:31px!important;
}

/* Trim roughly 1 cm of excess hero background from the bottom */
#s-landing .fruit-stage{
  min-height:797px!important;
}
#s-landing .hero-fruit-concept{
  padding-bottom:0!important;
}

/* Keep the star/orbit background visually continuous directly under nav */
#s-landing .hero-fruit-concept,
#s-landing .fruit-stage{
  border-top:0!important;
}

@media(max-width:1100px){
  #s-landing .hero-fruit-concept{
    padding-top:72px!important;
  }
}
@media(max-width:760px){
  #s-landing .hero-fruit-concept{
    padding-top:68px!important;
  }
  #s-landing .hero-metrics-strip.hero-metrics-in-stage{
    bottom:28px!important;
  }
}

/* Move the entire KPI row ~0.7 cm lower */
#s-landing .hero-metrics-strip.hero-metrics-in-stage{
  bottom:5px!important;
}

/* Experimental post-proof conversion flow */
#s-landing .cf-section,
#s-landing .cf-final{
  width:min(1400px,calc(100% - 48px));
  max-width:1400px;
  margin:0 auto;
  box-sizing:border-box;
}
#s-landing .cf-section{
  padding:92px 0;
  border-bottom:1px solid var(--line);
}
#s-landing .cf-kicker{
  color:var(--accent);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:15px;
}
#s-landing .cf-section-head{max-width:970px;margin-bottom:42px}
#s-landing .cf-section-head.compact{margin-bottom:30px}
#s-landing .cf-section-head h2,
#s-landing .cf-trust h2,
#s-landing .cf-final h2{
  margin:0;
  font-size:clamp(34px,4vw,58px);
  line-height:1.02;
  letter-spacing:-.045em;
}
#s-landing .cf-section-head p,
#s-landing .cf-trust-inner>div>p{
  max-width:850px;
  color:var(--muted);
  font-size:18px;
  line-height:1.55;
  margin:20px 0 0;
}

/* comparison */
.cf-compare-table{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--card)}
.cf-row{display:grid;grid-template-columns:1.25fr repeat(4,1fr);min-height:62px;border-top:1px solid var(--line)}
.cf-row:first-child{border-top:0}.cf-row>div{padding:18px 16px;display:flex;align-items:center;font-size:14px;color:var(--muted)}
.cf-row>div:first-child{font-weight:700;color:var(--text)}.cf-row-head>div{font-weight:800;color:var(--text);background:rgba(255,255,255,.025)}
.cf-pact-col{background:rgba(245,155,47,.07)!important;color:var(--text)!important}.cf-row-head .cf-pact-col{color:var(--accent)!important}

/* tool stack */
.cf-stack-visual{display:grid;grid-template-columns:1fr 80px 390px;align-items:center;gap:24px;padding:38px;border:1px solid var(--line);border-radius:26px;background:var(--card)}
.cf-tool-cloud{display:flex;flex-wrap:wrap;gap:12px}.cf-tool-cloud span{padding:14px 17px;border:1px solid var(--line);border-radius:13px;background:var(--bg);font-weight:700}
.cf-stack-arrow{text-align:center;font-size:34px;color:var(--accent)}
.cf-pact-box{display:flex;align-items:center;gap:16px;padding:25px;border:1px solid rgba(245,155,47,.42);border-radius:20px;background:rgba(245,155,47,.07)}
.cf-pact-dot{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#201307;font-size:22px;font-weight:900}
.cf-pact-box b{display:block;font-size:26px}.cf-pact-box small{display:block;color:var(--muted);margin-top:4px}

/* six-stage line */
.cf-steps{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.cf-steps>div{padding:26px 20px;position:relative}.cf-steps>div:not(:last-child){border-right:1px solid var(--line)}
.cf-steps span{display:block;font-size:11px;color:var(--accent);font-weight:800;margin-bottom:9px}.cf-steps b{font-size:18px}

/* product stories */
.cf-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center;padding:58px 0;border-top:1px solid var(--line)}
.cf-story:first-of-type{border-top:0}.cf-story.reverse .cf-story-copy{order:2}.cf-story.reverse .cf-story-ui{order:1}
.cf-story-num{font-size:11px;font-weight:800;color:var(--accent);letter-spacing:.1em}.cf-story h3{font-size:36px;line-height:1.07;letter-spacing:-.035em;margin:14px 0}
.cf-story-copy>p{font-size:17px;line-height:1.55;color:var(--muted)}.cf-story ul{padding-left:19px;color:var(--muted);line-height:1.9}
.cf-story-ui{min-height:330px;border:1px solid var(--line);border-radius:26px;padding:28px;background:linear-gradient(145deg,var(--card),rgba(245,155,47,.035));box-sizing:border-box}
.cf-ui-label{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px}
.cf-creator{display:flex;justify-content:space-between;padding:18px;border:1px solid var(--line);border-radius:14px;margin-bottom:11px;background:var(--bg)}.cf-creator b{color:var(--accent)}
.cf-ui-note{color:var(--muted);font-size:13px;margin-top:20px}
.cf-message{max-width:78%;padding:14px 16px;border-radius:14px;margin:12px 0;line-height:1.4}.cf-message.brand{background:rgba(245,155,47,.12);border:1px solid rgba(245,155,47,.28)}
.cf-message.creator{margin-left:auto;background:var(--bg);border:1px solid var(--line)}
.cf-deal-status{margin-top:40px;padding:17px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.cf-deal-status span{color:var(--muted)}.cf-deal-status b{color:var(--accent)}
.cf-loop{display:flex;align-items:center;justify-content:center;gap:9px;min-height:190px;flex-wrap:wrap}.cf-loop span{padding:12px 14px;border:1px solid var(--line);border-radius:12px}.cf-loop i{font-style:normal;color:var(--accent)}

/* trust */
.cf-trust{border-bottom:0!important}.cf-trust-inner{padding:54px;border-radius:28px;border:1px solid rgba(245,155,47,.28);background:linear-gradient(135deg,rgba(245,155,47,.08),rgba(245,155,47,.015));display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}
.cf-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cf-trust-grid>div{padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.08)}
.cf-trust-grid span{font-size:11px;color:var(--accent);font-weight:800}.cf-trust-grid b{display:block;font-size:20px;margin:11px 0}.cf-trust-grid p{color:var(--muted);line-height:1.5;font-size:14px;margin:0}

/* learning loop */
.cf-learning-loop{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:13px;align-items:center}
.cf-learning-loop>div{padding:22px;border:1px solid var(--line);border-radius:18px;min-height:125px;box-sizing:border-box}.cf-learning-loop>div.active{border-color:rgba(245,155,47,.5);background:rgba(245,155,47,.07)}
.cf-learning-loop span{font-size:10px;color:var(--accent);font-weight:800}.cf-learning-loop b{display:block;margin:10px 0 6px}.cf-learning-loop small{color:var(--muted);line-height:1.35}.cf-learning-loop>i{font-style:normal;color:var(--accent);font-size:20px}

/* pricing */
.cf-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cf-price-grid article{position:relative;padding:32px;border:1px solid var(--line);border-radius:22px;background:var(--card)}
.cf-price-grid article.featured{border-color:rgba(245,155,47,.52);background:linear-gradient(145deg,var(--card),rgba(245,155,47,.07))}
.cf-price-grid article>span{font-weight:800}.cf-price-grid h3{font-size:44px;letter-spacing:-.04em;margin:22px 0 8px}.cf-price-grid h3 small{font-size:15px;color:var(--muted);font-weight:500}
.cf-price-grid p{color:var(--muted);min-height:44px}.cf-price-rule{height:1px;background:var(--line);margin:24px 0}.cf-price-grid article>b{display:block;margin-bottom:24px}
.cf-price-grid button{width:100%;padding:14px;border:0;border-radius:12px;background:var(--accent);font-weight:800;cursor:pointer}.cf-popular{position:absolute;right:20px;top:20px;color:var(--accent);font-size:11px;font-weight:800;text-transform:uppercase}
.cf-price-foot{text-align:center;color:var(--muted);font-size:13px;margin-top:18px}

/* faq */
.cf-faq-list{max-width:980px}.cf-faq-list details{border-top:1px solid var(--line);padding:0}.cf-faq-list details:last-child{border-bottom:1px solid var(--line)}
.cf-faq-list summary{cursor:pointer;list-style:none;padding:22px 0;font-size:18px;font-weight:700}.cf-faq-list summary::-webkit-details-marker{display:none}
.cf-faq-list p{color:var(--muted);line-height:1.55;padding:0 0 22px;margin:0;max-width:830px}

/* final CTA */
#s-landing .cf-final{position:relative;text-align:center;padding:105px 40px 120px;overflow:hidden}.cf-final-glow{position:absolute;width:650px;height:350px;border-radius:50%;background:rgba(245,155,47,.1);filter:blur(80px);left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}
.cf-final>*:not(.cf-final-glow){position:relative}.cf-final p{color:var(--muted);font-size:18px}.cf-final-input{max-width:820px;margin:32px auto 14px;display:flex;padding:8px;border:1px solid var(--line);border-radius:17px;background:var(--card);text-align:left}
.cf-final-input span{flex:1;padding:16px;color:var(--muted)}.cf-final-input button{border:0;border-radius:12px;padding:0 22px;background:var(--accent);font-weight:800;cursor:pointer}.cf-final>small{color:var(--muted)}

@media(max-width:950px){
  .cf-row{grid-template-columns:1.15fr repeat(4,1fr)}.cf-row>div{font-size:12px;padding:14px 10px}
  .cf-stack-visual{grid-template-columns:1fr}.cf-stack-arrow{transform:rotate(90deg)}.cf-pact-box{justify-content:center}
  .cf-story,.cf-story.reverse{grid-template-columns:1fr;gap:28px}.cf-story.reverse .cf-story-copy,.cf-story.reverse .cf-story-ui{order:initial}
  .cf-trust-inner{grid-template-columns:1fr}.cf-learning-loop{grid-template-columns:1fr}.cf-learning-loop>i{text-align:center;transform:rotate(90deg)}
}
@media(max-width:700px){
  #s-landing .cf-section,#s-landing .cf-final{width:calc(100% - 28px)}
  #s-landing .cf-section{padding:64px 0}.cf-compare-table{overflow-x:auto}.cf-row{min-width:800px}
  .cf-steps{grid-template-columns:repeat(2,1fr)}.cf-steps>div{border-bottom:1px solid var(--line)}
  .cf-price-grid,.cf-trust-grid{grid-template-columns:1fr}.cf-final-input{flex-direction:column}.cf-final-input button{padding:15px}
}

#s-landing .cf-case-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
#s-landing .cf-case{
  border:1px solid var(--line);
  border-radius:22px;
  padding:28px;
  background:var(--card);
  display:flex;
  flex-direction:column;
  min-height:420px;
}
#s-landing .cf-case-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:24px;
}
#s-landing .cf-case-badge{
  font-size:11px;
  font-weight:800;
  color:var(--accent);
  letter-spacing:.09em;
  text-transform:uppercase;
}
#s-landing .cf-case-brand{
  font-size:13px;
  color:var(--muted);
}
#s-landing .cf-case h3{
  font-size:25px;
  line-height:1.08;
  letter-spacing:-.03em;
  margin:0 0 12px;
}
#s-landing .cf-case-summary{
  color:var(--muted);
  line-height:1.5;
  margin:0 0 24px;
}
#s-landing .cf-case-meta{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-bottom:24px;
}
#s-landing .cf-case-meta>div{
  padding:12px;
  border:1px solid var(--line);
  border-radius:12px;
}
#s-landing .cf-case-meta span{
  display:block;
  font-size:10px;
  color:var(--muted);
  margin-bottom:5px;
}
#s-landing .cf-case-meta b{
  font-size:13px;
}
#s-landing .cf-case-funnel{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;
  align-items:center;
  gap:8px;
  margin-bottom:24px;
}
#s-landing .cf-case-funnel>div{
  text-align:center;
  min-width:0;
}
#s-landing .cf-case-funnel strong{
  display:block;
  font-size:24px;
  letter-spacing:-.04em;
}
#s-landing .cf-case-funnel span{
  display:block;
  font-size:10px;
  line-height:1.25;
  color:var(--muted);
  margin-top:4px;
}
#s-landing .cf-case-funnel i{
  font-style:normal;
  color:var(--accent);
}
#s-landing .cf-case-result{
  margin-top:auto;
  padding-top:18px;
  border-top:1px solid var(--line);
}
#s-landing .cf-case-result span{
  display:block;
  color:var(--muted);
  font-size:11px;
  margin-bottom:7px;
}
#s-landing .cf-case-result b{
  display:block;
  font-size:26px;
  letter-spacing:-.03em;
}
@media(max-width:950px){
  #s-landing .cf-case-grid{grid-template-columns:1fr}
}

/* All post-proof section headings: centered and same scale as
   "Уже запускают кампании через Pact" */
#s-landing .cf-section-head,
#s-landing .cf-section-head.compact{
  max-width:920px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
#s-landing .cf-section-head h2,
#s-landing .cf-trust-inner > div:first-child h2,
#s-landing .cf-final h2{
  font-size:32px!important;
  line-height:1.16!important;
  letter-spacing:-.025em!important;
  text-align:center!important;
}
#s-landing .cf-section-head p{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

/* Center section kickers as part of the heading hierarchy */
#s-landing .cf-section > .cf-kicker,
#s-landing .cf-final > .cf-kicker{
  text-align:center!important;
}

/* Trust section has a two-column layout, so center its own heading group too */
#s-landing .cf-trust-inner > div:first-child{
  text-align:center!important;
}
#s-landing .cf-trust-inner > div:first-child .cf-kicker{
  text-align:center!important;
}
#s-landing .cf-trust-inner > div:first-child > p{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

/* Final CTA uses the same title scale */
#s-landing .cf-final h2{
  max-width:920px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

@media(max-width:700px){
  #s-landing .cf-section-head h2,
  #s-landing .cf-trust-inner > div:first-child h2,
  #s-landing .cf-final h2{
    font-size:28px!important;
  }
}

/* Keep every post-hero content section on the established 1400px grid */
#s-landing .cf-section,
#s-landing .cf-final{
  width:min(1400px,calc(100% - 48px))!important;
  max-width:1400px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* Section heading groups centered consistently */
#s-landing .cf-section-head,
#s-landing .cf-section-head.compact{
  width:100%!important;
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
#s-landing .cf-section > .cf-kicker,
#s-landing .cf-final > .cf-kicker{
  text-align:center!important;
}

/* Same visual scale as "Уже запускают кампании через Pact" */
#s-landing .cf-section-head h2,
#s-landing .cf-trust-inner > div:first-child h2,
#s-landing .cf-final h2{
  font-family:inherit!important;
  font-size:32px!important;
  line-height:1.18!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
  text-align:center!important;
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
#s-landing .cf-section-head p{
  max-width:850px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

/* Trust block has its own nested heading */
#s-landing .cf-trust-inner > div:first-child{
  text-align:center!important;
}
#s-landing .cf-trust-inner > div:first-child .cf-kicker{
  text-align:center!important;
}
#s-landing .cf-trust-inner > div:first-child > p{
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

@media(max-width:700px){
  #s-landing .cf-section,
  #s-landing .cf-final{
    width:calc(100% - 28px)!important;
  }
  #s-landing .cf-section-head h2,
  #s-landing .cf-trust-inner > div:first-child h2,
  #s-landing .cf-final h2{
    font-size:28px!important;
  }
}

/*
  Unify ALL homepage section H2s and their lead copy with the visual hierarchy
  of "Уже запускают кампании через Pact".
  Hero H1 is intentionally excluded.
*/

/* Established site content width */
#s-landing > .wrap > section:not(.hero-fruit-concept),
#s-landing > .wrap > .landing-section,
#s-landing .cf-section,
#s-landing .cf-final{
  width:min(1400px,calc(100% - 48px))!important;
  max-width:1400px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* Every section H2 on homepage */
#s-landing h2{
  font-family:inherit!important;
  font-size:32px!important;
  line-height:1.18!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
  text-align:center!important;
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* All section intro / lead paragraphs directly associated with H2 blocks */
#s-landing .landing-section-head,
#s-landing .section-head,
#s-landing .cf-section-head,
#s-landing .cf-section-head.compact{
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

#s-landing .landing-section-head > p,
#s-landing .section-head > p,
#s-landing .cf-section-head > p,
#s-landing .cf-trust-inner > div:first-child > p,
#s-landing .hp-proof-section > p,
#s-landing .hp-proof-head > p{
  max-width:850px!important;
  margin:14px auto 0!important;
  font-family:inherit!important;
  font-size:16px!important;
  line-height:1.55!important;
  font-weight:400!important;
  color:var(--muted)!important;
  text-align:center!important;
}

/* Center eyebrow/kicker labels above section titles as well */
#s-landing .cf-kicker,
#s-landing .landing-kicker,
#s-landing .section-kicker{
  text-align:center!important;
}

/*
  Comparison table:
  vertical column dividers between ALL columns.
*/
#s-landing .cf-compare-table .cf-row > div{
  position:relative!important;
  border-right:1px solid var(--line)!important;
}
#s-landing .cf-compare-table .cf-row > div:last-child{
  border-right:0!important;
}

/* Keep the Pact column highlight, but its divider remains visible */
#s-landing .cf-compare-table .cf-row > .cf-pact-col{
  box-shadow:inset 1px 0 0 rgba(245,155,47,.10)!important;
}

/* Cleaner header row alignment */
#s-landing .cf-compare-table .cf-row-head > div{
  justify-content:center!important;
  text-align:center!important;
}
#s-landing .cf-compare-table .cf-row-head > div:first-child{
  justify-content:flex-start!important;
  text-align:left!important;
}

@media(max-width:700px){
  #s-landing > .wrap > section:not(.hero-fruit-concept),
  #s-landing > .wrap > .landing-section,
  #s-landing .cf-section,
  #s-landing .cf-final{
    width:calc(100% - 28px)!important;
  }
  #s-landing h2{
    font-size:28px!important;
  }
}

/*
SOURCE OF TRUTH: service_flow_prototype_pact_v75_metrics_07cm_lower.html

Exact desktop typography of:
"Уже запускают кампании через Pact"
.section-head h2:
  Inter
  38px
  line-height 1.12
  margin-bottom 10px
  inherited normal h2 weight = bold / 700

Exact subtitle:
.section-head p:
  Inter
  15px
  line-height 1.6
  max-width 680px
  color var(--muted)
*/

/* 1400px site grid */
#s-landing .cf-section,
#s-landing .cf-final{
  width:min(1400px,calc(100% - 48px))!important;
  max-width:1400px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* ALL H2 headings on the homepage = exact v75 .section-head h2 */
#s-landing h2{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  font-size:38px!important;
  line-height:1.12!important;
  font-weight:700!important;
  font-style:normal!important;
  letter-spacing:normal!important;
  text-align:center!important;
  max-width:760px!important;
  margin:0 auto 10px!important;
}

/* New section heading wrappers get exact v75 .section-head geometry */
#s-landing .cf-section-head,
#s-landing .cf-section-head.compact{
  text-align:center!important;
  margin:0 auto 34px!important;
  max-width:760px!important;
}

/* Text immediately below H2 = exact v75 .section-head p */
#s-landing .cf-section-head > p,
#s-landing .cf-trust-inner > div:first-child > p,
#s-landing .cf-final > p{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  font-size:15px!important;
  line-height:1.6!important;
  font-weight:400!important;
  font-style:normal!important;
  letter-spacing:normal!important;
  color:var(--muted)!important;
  text-align:center!important;
  max-width:680px!important;
  margin:0 auto!important;
}

/* Existing original .section-head remains identical to v75 */
#s-landing .section-head{
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-bottom:34px!important;
  text-align:center!important;
}
#s-landing .section-head h2{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  font-size:38px!important;
  line-height:1.12!important;
  font-weight:700!important;
  letter-spacing:normal!important;
  margin:0 auto 10px!important;
  max-width:760px!important;
}
#s-landing .section-head p{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  font-size:15px!important;
  line-height:1.6!important;
  font-weight:400!important;
  letter-spacing:normal!important;
  max-width:680px!important;
  margin:0 auto!important;
  color:var(--muted)!important;
  text-align:center!important;
}

/* Trust title wrapper */
#s-landing .cf-trust-inner > div:first-child{
  text-align:center!important;
}
#s-landing .cf-trust-inner > div:first-child h2{
  margin-bottom:10px!important;
}

/* Comparison table vertical dividers */
#s-landing .cf-compare-table .cf-row > div{
  border-right:1px solid var(--line)!important;
}
#s-landing .cf-compare-table .cf-row > div:last-child{
  border-right:0!important;
}

/* Match v75 responsive override */
@media(max-width:700px){
  #s-landing h2,
  #s-landing .section-head h2{
    font-size:30px!important;
  }
}

/*
Exact typography from v75:
global h2 = weight 500, letter-spacing -.02em
landing .section-head h2 = 38px / 1.12
landing .section-head p = 15px / 1.6 / 680px
*/

/* All homepage H2s */
#s-landing h2,
#s-landing .section-head h2,
#s-landing .landing-section-head h2,
#s-landing .cf-section-head h2,
#s-landing .cf-trust-inner > div:first-child h2,
#s-landing .cf-final h2{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  font-size:38px!important;
  line-height:1.12!important;
  font-weight:500!important;
  font-style:normal!important;
  letter-spacing:-.02em!important;
  text-align:center!important;
  max-width:760px!important;
  margin:0 auto 10px!important;
}

/* Intro copy under H2s */
#s-landing .section-head,
#s-landing .landing-section-head,
#s-landing .cf-section-head,
#s-landing .cf-section-head.compact{
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

#s-landing .section-head p,
#s-landing .landing-section-head p,
#s-landing .cf-section-head > p,
#s-landing .cf-trust-inner > div:first-child > p,
#s-landing .cf-final > p{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  font-size:15px!important;
  line-height:1.6!important;
  font-weight:400!important;
  font-style:normal!important;
  letter-spacing:normal!important;
  color:var(--muted)!important;
  text-align:center!important;
  max-width:680px!important;
  margin:0 auto!important;
}

/* Preserve established 1400px site grid */
#s-landing .cf-section,
#s-landing .cf-final{
  width:min(1400px,calc(100% - 48px))!important;
  max-width:1400px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* Vertical dividers in comparison table remain */
#s-landing .cf-compare-table .cf-row > div{
  border-right:1px solid var(--line)!important;
}
#s-landing .cf-compare-table .cf-row > div:last-child{
  border-right:0!important;
}

@media(max-width:1280px){
  #s-landing h2,
  #s-landing .section-head h2,
  #s-landing .landing-section-head h2,
  #s-landing .cf-section-head h2,
  #s-landing .cf-trust-inner > div:first-child h2,
  #s-landing .cf-final h2{
    font-size:32px!important;
  }
}
@media(max-width:640px){
  #s-landing h2,
  #s-landing .section-head h2,
  #s-landing .landing-section-head h2,
  #s-landing .cf-section-head h2,
  #s-landing .cf-trust-inner > div:first-child h2,
  #s-landing .cf-final h2{
    font-size:28px!important;
  }
}

#s-landing .hero-copy-proof{
  color:#fff!important;
  opacity:1!important;
}

/* REAL hero selectors */

/* Give the lead enough horizontal room to render as 2 lines on desktop */
#s-landing .fruit-center{
  width:min(1040px,90%)!important;
}
#s-landing .fruit-lead{
  width:100%!important;
  max-width:960px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* KPI row: physically move the actual element ~0.5 cm / 19px lower */
#s-landing .hero-metrics-strip.hero-metrics-in-stage{
  transform:translate(-50%,19px)!important;
}

/* On narrower screens do not force the desktop two-line treatment */
@media(max-width:1100px){
  #s-landing .fruit-center{
    width:min(900px,90%)!important;
  }
  #s-landing .fruit-lead{
    max-width:840px!important;
  }
}
@media(max-width:760px){
  #s-landing .fruit-center{
    width:92%!important;
  }
  #s-landing .fruit-lead{
    max-width:100%!important;
  }
  #s-landing .hero-metrics-strip.hero-metrics-in-stage{
    transform:translate(-50%,10px)!important;
  }
}

#s-landing .fruit-center{
  width:min(1160px,92%)!important;
}
#s-landing .fruit-lead{
  width:100%!important;
  max-width:1100px!important;
}

#s-landing .hero-fruit-concept{
  background:
    radial-gradient(circle at 50% 8%,rgba(232,169,58,.10),transparent 24%),
    radial-gradient(circle at 18% 52%,rgba(77,67,135,.30),transparent 30%),
    radial-gradient(circle at 82% 44%,rgba(117,54,88,.22),transparent 28%),
    linear-gradient(180deg,#121018 0%,#151020 35%,#111016 68%,#0b0b0d 100%)!important;
}

/* Full-width fixed navigation bar */
#s-landing .landing-nav{
  width:100%!important;
  max-width:none!important;
  left:0!important;
  right:0!important;
  transform:none!important;
  margin:0!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}

/* Remove the separator line directly under the nav / at top of hero */
#s-landing .hero-fruit-concept,
#s-landing .fruit-stage{
  border-top:0!important;
  box-shadow:none!important;
}

/* Remove the visual seam: the actual star hero now begins directly under the fixed nav.
   Preserve the same vertical spacing by moving the reserved 76px inside fruit-stage. */
#s-landing .hero-fruit-concept{
  padding-top:0!important;
  background:none!important;
}
#s-landing .fruit-stage{
  padding-top:76px!important;
}

/* Preserve responsive reserved nav height inside the hero itself */
@media(max-width:1100px){
  #s-landing .fruit-stage{
    padding-top:72px!important;
  }
}
@media(max-width:760px){
  #s-landing .fruit-stage{
    padding-top:68px!important;
  }
}

/* Keep the seamless nav→hero transition WITHOUT shifting hero internals down */
#s-landing .hero-fruit-concept{
  padding-top:0!important;
  background:none!important;
}

#s-landing .fruit-stage{
  padding-top:0!important;
}

/* Cancel the v95 responsive padding as well */
@media(max-width:1100px){
  #s-landing .fruit-stage{
    padding-top:0!important;
  }
}
@media(max-width:760px){
  #s-landing .fruit-stage{
    padding-top:0!important;
  }
}

#s-landing .fruit-eyebrow{
  text-align:center;
  color:var(--accent);
  font-size:12px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin:0 auto 14px;
}

/* Move the entire visible hero composition down as one unit */
#s-landing .fruit-center{
  transform:translateY(32px)!important;
}
#s-landing .hero-metrics-strip.hero-metrics-in-stage{
  transform:translate(-50%,32px)!important;
}

@media(max-width:760px){
  #s-landing .fruit-center{
    transform:translateY(18px)!important;
  }
  #s-landing .hero-metrics-strip.hero-metrics-in-stage{
    transform:translate(-50%,18px)!important;
  }
}

/* Keep the content shift from v98, but do NOT shift the separately-positioned KPI row down. */
#s-landing .hero-metrics-strip.hero-metrics-in-stage{
  transform:translate(-50%,0)!important;
}
@media(max-width:760px){
  #s-landing .hero-metrics-strip.hero-metrics-in-stage{
    transform:translate(-50%,0)!important;
  }
}

#s-landing .hero-fruit-concept .hero-eyebrow,
#s-landing > .wrap > .hero-eyebrow{
  display:none!important;
}

#s-landing .hero-metrics-strip.hero-metrics-in-stage{
  transform:translate(-50%,38px)!important;
}

#s-landing .hero-metrics-strip.hero-metrics-in-stage{
  transform:translate(-50%,49.34px)!important;
}

/* 1) Extend the actual stellar hero ~4 mm / 15px downward */
#s-landing .fruit-stage{
  min-height:812px!important;
}

/* 2) Perfectly circular orbits with progressively increasing gaps.
      Diameter steps: +18vw, +21vw, +24vw, +27vw.
      Width and height are always identical — no ellipses. */
#s-landing .hero-orbit-1{
  width:38vw!important;
  height:38vw!important;
  min-width:560px!important;
  min-height:560px!important;
  border-radius:50%!important;
}
#s-landing .hero-orbit-2{
  width:56vw!important;
  height:56vw!important;
  min-width:820px!important;
  min-height:820px!important;
  border-radius:50%!important;
}
#s-landing .hero-orbit-3{
  width:77vw!important;
  height:77vw!important;
  min-width:1120px!important;
  min-height:1120px!important;
  border-radius:50%!important;
}
#s-landing .hero-orbit-4{
  width:101vw!important;
  height:101vw!important;
  min-width:1460px!important;
  min-height:1460px!important;
  border-radius:50%!important;
}
#s-landing .hero-orbit-5{
  width:128vw!important;
  height:128vw!important;
  min-width:1840px!important;
  min-height:1840px!important;
  border-radius:50%!important;
}

/* Keep the KPI separators visually clean if an orbit passes directly behind them */
#s-landing .hero-metrics-in-stage .hero-metric:not(:last-child)::after{
  z-index:2!important;
  box-shadow:
    -5px 0 7px rgba(13,12,18,.62),
     5px 0 7px rgba(13,12,18,.62)!important;
}

@media(max-width:1100px){
  #s-landing .fruit-stage{
    min-height:915px!important;
  }
}

/* Make orbit lines slightly less visible without changing their geometry */
#s-landing .hero-orbit{
  border-width:1px!important;
  opacity:.72!important;
}

/* Slightly thicker vertical dividers between the 4 KPI blocks */
#s-landing .hero-metrics-in-stage .hero-metric:not(:last-child)::after{
  width:2px!important;
}

/* Extend stellar hero another ~4 mm / 15px downward */
#s-landing .fruit-stage{
  min-height:827px!important;
}

@media(max-width:1100px){
  #s-landing .fruit-stage{
    min-height:930px!important;
  }
}

#s-landing .fruit-stage{
  min-height:842px!important;
}
@media(max-width:1100px){
  #s-landing .fruit-stage{
    min-height:945px!important;
  }
}

#s-landing .hero-metrics-strip.hero-metrics-in-stage{
  transform:translate(-50%,34.34px)!important;
}

#s-landing .flow-laptop-section{width:min(1400px,calc(100% - 48px));max-width:1400px;margin:0 auto;padding:88px 0 96px;box-sizing:border-box}
#s-landing .flow-laptop{max-width:1180px;margin:42px auto 0}
#s-landing .flow-screen{position:relative;background:#0d0d0f;border:1px solid rgba(255,255,255,.16);border-radius:22px 22px 10px 10px;padding:14px;box-shadow:0 28px 70px rgba(0,0,0,.35),inset 0 0 0 7px #17171a}
#s-landing .flow-screen:before{content:"";display:block;padding-top:54%}
#s-landing .flow-screen>*{position:absolute}
#s-landing .tw-tabs{left:40px;right:40px;top:38px;height:54px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
#s-landing .tw-tab{border:1px solid rgba(255,255,255,.08);background:#17171a;color:#8d8d92;border-radius:12px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:.2s}
#s-landing .tw-tab span{display:block;font-size:10px;color:#666;margin-bottom:2px}
#s-landing .tw-tab.active{background:var(--accent);color:#17120a;border-color:var(--accent)}
#s-landing .tw-tab.active span{color:#5c390c}
#s-landing .tw-window{left:8%;right:8%;top:125px;bottom:55px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:radial-gradient(circle at 50% 0,rgba(245,155,47,.05),transparent 36%),#101012;overflow:hidden}
#s-landing .tw-window-top{position:absolute;left:0;right:0;top:0;height:42px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#5f5f64;font-size:10px;letter-spacing:.08em}
#s-landing .tw-dots{display:flex;gap:6px}.tw-dots i{width:7px;height:7px;border-radius:50%;background:#555}.tw-dots i:nth-child(1){background:#e86252}.tw-dots i:nth-child(2){background:#e6af45}.tw-dots i:nth-child(3){background:#4caa63}
#s-landing .tw-copy{position:absolute;left:7%;right:7%;top:16%;bottom:12%;display:flex;flex-direction:column;justify-content:center}
#s-landing .tw-number{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.12em;margin-bottom:12px}
#s-landing .tw-copy h3{margin:0;color:#f4f4f2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(28px,3vw,46px);font-weight:500;letter-spacing:-.03em}
#s-landing .tw-short{margin-top:15px;color:#d4d1ca;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:17px;line-height:1.55;min-height:28px}
#s-landing .tw-detail{margin-top:20px;color:#7e7e84;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.7;max-width:780px;min-height:72px}
#s-landing .tw-copy h3:after,#s-landing .tw-short.typing:after,#s-landing .tw-detail.typing:after{content:"";display:inline-block;width:2px;height:1em;background:var(--accent);margin-left:5px;vertical-align:-.12em;animation:twblink .75s steps(1) infinite}
@keyframes twblink{50%{opacity:0}}
#s-landing .tw-more{margin-top:22px;align-self:flex-start;border:1px solid rgba(245,155,47,.35);background:rgba(245,155,47,.05);color:var(--accent);border-radius:10px;padding:10px 14px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
#s-landing .tw-progress{left:7%;right:7%;bottom:22px;height:2px;background:rgba(255,255,255,.06)}
#s-landing .tw-progress span{display:block;height:100%;width:16.66%;background:var(--accent);transition:width .3s}
#s-landing .flow-laptop-base{height:44px;margin:0 -28px;background:linear-gradient(180deg,#36363a,#1e1e21 48%,#323236);border-radius:0 0 28px 28px;box-shadow:0 8px 18px rgba(0,0,0,.32);display:grid;place-items:center;color:#96969a;font-weight:800}
@media(max-width:760px){#s-landing .flow-laptop-section{width:calc(100% - 28px);padding:64px 0 72px}#s-landing .tw-tabs{left:18px;right:18px;top:24px;grid-template-columns:repeat(3,1fr);height:105px}#s-landing .tw-window{top:145px;left:4%;right:4%;bottom:32px}#s-landing .flow-screen:before{padding-top:105%}#s-landing .tw-copy h3{font-size:28px}#s-landing .tw-short{font-size:14px}}

/* =========================================================
   PAGE GRID AUDIT
   Content is capped at the established 1400px site grid.
   Hero background and fixed nav remain full-width.
   ========================================================= */
#s-landing .landing-section,
#s-landing .cf-section,
#s-landing .cf-final,
#s-landing footer > *,
#s-landing .landing-footer-inner,
#s-landing .footer-inner{
  width:min(1400px,calc(100% - 48px))!important;
  max-width:1400px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* Don't double-shrink sections that already own their horizontal padding */
#s-landing .flow-laptop-section{
  width:min(1400px,calc(100% - 48px))!important;
  max-width:1400px!important;
}

/* Preserve explicitly full-width visual surfaces only */
#s-landing .hero-fruit-concept,
#s-landing .fruit-stage,
#s-landing .landing-nav{
  max-width:none!important;
}

/* =========================================================
   LAPTOP SHELL — based on the cleaner v39 visual:
   machined bezel, webcam, deep screen, P chin, metal base.
   Internal interactive UI remains untouched.
   ========================================================= */
#s-landing .flow-laptop{
  position:relative!important;
  max-width:1240px!important;
  margin:46px auto 18px!important;
  padding:0 28px 22px!important;
  box-sizing:border-box!important;
}

/* Outer lid / metal frame */
#s-landing .flow-screen{
  position:relative!important;
  border-radius:20px 20px 9px 9px!important;
  border:1px solid rgba(151,151,158,.46)!important;
  background:
    linear-gradient(145deg,#49494f 0%,#242428 4%,#111114 9%,#09090b 100%)!important;
  padding:12px!important;
  box-shadow:
    0 30px 72px rgba(0,0,0,.46),
    0 0 0 2px rgba(104,104,112,.22),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 0 0 7px rgba(38,38,43,.92)!important;
  overflow:visible!important;
}

/* Inner black display surface */
#s-landing .flow-screen::after{
  content:""!important;
  position:absolute!important;
  left:12px!important;
  right:12px!important;
  top:12px!important;
  bottom:58px!important;
  border-radius:11px 11px 4px 4px!important;
  background:
    radial-gradient(circle at 50% 12%,rgba(245,155,47,.025),transparent 32%),
    linear-gradient(180deg,#09090a 0%,#070708 100%)!important;
  box-shadow:
    inset 0 0 42px rgba(0,0,0,.65),
    inset 0 0 0 1px rgba(255,255,255,.035)!important;
  pointer-events:none!important;
  z-index:0!important;
}

/* webcam dot */
#s-landing .flow-screen::before{
  /* preserve the aspect-ratio spacer from existing implementation */
  position:relative!important;
  z-index:1!important;
}

/* Camera dot is separate so the ratio pseudo remains intact */
#s-landing .flow-laptop::before{
  content:""!important;
  position:absolute!important;
  top:7px!important;
  left:50%!important;
  width:6px!important;
  height:6px!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  background:#050506!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.8)!important;
  z-index:20!important;
}

/* Ensure all actual screen UI sits above the injected screen surface */
#s-landing .flow-screen > *{
  z-index:3!important;
}

/* Dark lower chin, like v39 */
#s-landing .flow-screen > .tw-tabs,
#s-landing .flow-screen > .tw-window,
#s-landing .flow-screen > .vl-layout{
  /* preserve exact functional positioning */
}

#s-landing .flow-laptop-base{
  position:relative!important;
  z-index:5!important;
  height:52px!important;
  margin:-64px 12px 0!important;
  border-radius:0 0 7px 7px!important;
  background:
    linear-gradient(180deg,#343439 0%,#27272b 48%,#303034 100%)!important;
  border-left:1px solid rgba(255,255,255,.06)!important;
  border-right:1px solid rgba(255,255,255,.06)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -1px 0 rgba(0,0,0,.55)!important;
  display:grid!important;
  place-items:center!important;
  color:#9a9a9e!important;
  font-weight:800!important;
}

/* P marking */
#s-landing .flow-laptop-base span{
  font-size:18px!important;
  line-height:1!important;
  color:#99999d!important;
  text-shadow:0 1px 0 rgba(255,255,255,.06)!important;
}

/* Metal bottom plate */
#s-landing .flow-laptop-base::after{
  content:""!important;
  position:absolute!important;
  left:-48px!important;
  right:-48px!important;
  bottom:-23px!important;
  height:19px!important;
  border-radius:2px 2px 50% 50% / 2px 2px 100% 100%!important;
  background:
    linear-gradient(180deg,#8a8a91 0%,#414147 15%,#1f1f23 47%,#535359 64%,#171719 82%,#09090a 100%)!important;
  box-shadow:
    0 9px 16px rgba(0,0,0,.58),
    inset 0 1px 0 rgba(255,255,255,.4)!important;
}

/* Trackpad/notch impression on the front lip */
#s-landing .flow-laptop-base::before{
  content:""!important;
  position:absolute!important;
  left:38%!important;
  right:38%!important;
  bottom:-15px!important;
  height:5px!important;
  border-radius:0 0 12px 12px!important;
  background:linear-gradient(180deg,#75757b,#2c2c30)!important;
  z-index:2!important;
}

/* Slightly more breathing room below the laptop */
#s-landing .flow-laptop-section{
  padding-bottom:118px!important;
}

@media(max-width:760px){
  #s-landing .landing-section,
  #s-landing .cf-section,
  #s-landing .cf-final,
  #s-landing footer > *,
  #s-landing .landing-footer-inner,
  #s-landing .footer-inner,
  #s-landing .flow-laptop-section{
    width:calc(100% - 28px)!important;
  }
  #s-landing .flow-laptop{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  #s-landing .flow-laptop-base::after{
    left:-18px!important;
    right:-18px!important;
  }
}

#s-landing .tw-more:disabled{
  opacity:.62!important;
  cursor:default!important;
}
#s-landing .tw-tab{
  position:relative;
  overflow:hidden;
}

/* Variant 2 — Minimal underline navigation */
#s-landing .tw-tabs{
  gap:0!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
}
#s-landing .tw-tab{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#747479!important;
}
#s-landing .tw-tab::after{
  content:""!important;
  position:absolute!important;
  left:18%!important;
  right:18%!important;
  bottom:0!important;
  height:2px!important;
  background:transparent!important;
  transition:.2s!important;
}
#s-landing .tw-tab.active{
  color:#f1f1ef!important;
  background:transparent!important;
}
#s-landing .tw-tab.active span{
  color:var(--accent)!important;
}
#s-landing .tw-tab.active::after{
  background:var(--accent)!important;
  box-shadow:0 0 12px rgba(245,155,47,.35)!important;
}

/* Variant 2 final: no rail, no underline. Active step = color only. */
#s-landing .tw-tabs{
  border-bottom:0!important;
}
#s-landing .tw-tab::after,
#s-landing .tw-tabs::before{
  display:none!important;
  content:none!important;
}
#s-landing .tw-tab{
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
#s-landing .tw-tab.active{
  background:transparent!important;
  box-shadow:none!important;
  color:#f1f1ef!important;
}
#s-landing .tw-tab.active span{
  color:var(--accent)!important;
}

/* 1) Top step navigation: closer to laptop bezel and larger */
#s-landing .tw-tabs{
  top:24px!important;
  height:62px!important;
}
#s-landing .tw-tab{
  font-size:15px!important;
  line-height:1.15!important;
  font-weight:600!important;
}
#s-landing .tw-tab span{
  font-size:12px!important;
  line-height:1!important;
  margin-bottom:5px!important;
  font-weight:700!important;
}

/* Keep the main typewriter window clear below the enlarged step row */
#s-landing .tw-window{
  top:108px!important;
}

/* 2) Start / typing / next control: quieter neutral treatment */
#s-landing .tw-more{
  border:1px solid rgba(255,255,255,.15)!important;
  background:rgba(255,255,255,.035)!important;
  color:rgba(255,255,255,.70)!important;
  box-shadow:none!important;
}
#s-landing .tw-more:hover:not(:disabled){
  background:rgba(255,255,255,.065)!important;
  border-color:rgba(255,255,255,.22)!important;
  color:rgba(255,255,255,.88)!important;
}
#s-landing .tw-more:disabled{
  color:rgba(255,255,255,.40)!important;
  border-color:rgba(255,255,255,.09)!important;
  background:rgba(255,255,255,.018)!important;
}

/* 3) Hero prompt area: reduce brightness / glare */
#s-landing .fruit-prompt-shell{
  background:rgba(224,224,228,.86)!important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.42)!important;
}
#s-landing .fruit-prompt-main{
  background:rgba(248,248,249,.88)!important;
  box-shadow:none!important;
}
#s-landing .fruit-prompt-main > span{
  color:rgba(23,23,25,.84)!important;
}
#s-landing .fruit-prompt-label{
  color:rgba(32,32,36,.55)!important;
}
#s-landing .fruit-prompt-actions span{
  background:rgba(248,248,249,.66)!important;
  color:rgba(34,34,38,.58)!important;
  border-color:rgba(0,0,0,.045)!important;
}
#s-landing .fruit-prompt-actions span.active{
  color:rgba(28,28,31,.78)!important;
  background:rgba(252,252,253,.76)!important;
}

/* Move the complete typewriter content block upward to leave more room for longer step details */
#s-landing .tw-copy{
  top:9%!important;
  bottom:19%!important;
}

#s-landing .tw-start-invite{
  position:absolute;
  left:7%;
  right:7%;
  top:18%;
  bottom:12%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  z-index:5;
  opacity:1;
  transform:translateY(0);
  transition:opacity .2s ease,transform .2s ease;
}
#s-landing .tw-start-invite.hidden{
  opacity:0;
  pointer-events:none;
  transform:translateY(-8px);
}
#s-landing .tw-start-kicker{
  color:rgba(255,255,255,.42);
  font-size:11px;
  font-weight:700;
  letter-spacing:.10em;
  text-transform:uppercase;
  margin-bottom:16px;
}
#s-landing .tw-start-invite h3{
  margin:0;
  color:#f2f2ef;
  font-size:clamp(30px,3.3vw,48px);
  line-height:1.08;
  font-weight:500;
  letter-spacing:-.035em;
  max-width:820px;
}
#s-landing .tw-start-cta{
  margin-top:30px;
  display:inline-flex;
  align-items:center;
  gap:11px;
  padding:15px 22px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:12px;
  background:rgba(255,255,255,.92);
  color:#171719;
  font:inherit;
  font-size:14px;
  font-weight:750;
  cursor:pointer;
  box-shadow:0 12px 30px rgba(0,0,0,.24);
  transition:.18s ease;
}
#s-landing .tw-start-cta:hover{
  background:#fff;
  transform:translateY(-2px);
}
#s-landing .tw-start-play{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#232326;
  color:#fff;
  font-size:9px;
  padding-left:1px;
}
#s-landing .tw-copy.is-waiting{
  opacity:0;
  pointer-events:none;
}
#s-landing .tw-copy{
  transition:opacity .18s ease;
}

/* Post-start next/typing control remains deliberately quiet */
#s-landing .tw-more{
  display:none;
}

#s-landing .tw-start-kicker{
  transform:translateY(-12px)!important;
  font-size:10px!important;
}
#s-landing .tw-start-invite h3{
  transform:translateY(-12px)!important;
  font-size:clamp(27px,3vw,43px)!important;
}
#s-landing .tw-start-play{
  display:none!important;
}

/* Smaller start headline with a restrained Pact-orange paint stroke behind it */
#s-landing .tw-start-invite h3{
  position:relative!important;
  z-index:1!important;
  display:inline-block!important;
  align-self:center!important;
  font-size:clamp(23px,2.55vw,36px)!important;
  line-height:1.12!important;
  padding:7px 18px 9px!important;
}
#s-landing .tw-start-invite h3::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  left:-10px!important;
  right:-12px!important;
  top:48%!important;
  height:58%!important;
  transform:translateY(-50%) rotate(-1.1deg)!important;
  background:
    linear-gradient(90deg,
      transparent 0%,
      rgba(245,155,47,.08) 3%,
      rgba(245,155,47,.20) 10%,
      rgba(245,155,47,.17) 82%,
      rgba(245,155,47,.07) 96%,
      transparent 100%)!important;
  clip-path:polygon(1% 25%,7% 14%,19% 20%,31% 10%,44% 18%,59% 8%,73% 17%,88% 11%,99% 25%,97% 77%,86% 86%,72% 78%,59% 91%,44% 80%,29% 89%,15% 78%,3% 86%)!important;
  filter:blur(.15px)!important;
  pointer-events:none!important;
}

/* Replace literal brush stroke with a soft orange glow */
#s-landing .tw-start-invite h3{
  position:relative!important;
  z-index:1!important;
  padding:8px 30px 10px!important;
}
#s-landing .tw-start-invite h3::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  left:-42px!important;
  right:-44px!important;
  top:53%!important;
  height:78%!important;
  transform:translateY(-50%) rotate(-.4deg)!important;
  background:
    radial-gradient(
      ellipse at center,
      rgba(245,155,47,.24) 0%,
      rgba(245,155,47,.15) 38%,
      rgba(245,155,47,.075) 62%,
      rgba(245,155,47,0) 82%
    )!important;
  clip-path:none!important;
  filter:blur(9px)!important;
  pointer-events:none!important;
}

/* Keep CTA label lighter, as preferred */
#s-landing .tw-start-cta{
  font-weight:500!important;
}

/* Footer comparisons: normalize to the same rhythm/alignment as all footer links. */
.footer-col--comparisons ul{
  gap:10px;
}
.footer-col--comparisons li{
  display:block;
  margin:0;
  padding:0;
}
.footer-col--comparisons a{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:18px;
  line-height:1;
  margin:0;
  padding:0;
  white-space:nowrap;
}
.footer-col--comparisons a svg{
  width:14px;
  height:14px;
  flex:0 0 14px;
  display:block;
  margin:0;
  transform:none;
}

/* FINAL footer comparison alignment */
.footer-col--comparisons ul{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

.footer-col--comparisons .footer-compare-item{
  display:block!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

.footer-col--comparisons .footer-compare-item + .footer-compare-item{
  margin-top:14px!important;
}

.footer-col--comparisons .footer-compare-link{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:auto!important;
  min-height:22px!important;
  margin:0!important;
  padding:0!important;
  line-height:22px!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}

.footer-col--comparisons .footer-compare-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 18px!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
  padding:0!important;
  border:1.5px solid var(--accent)!important;
  border-radius:50%!important;
  color:var(--accent)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:700!important;
  transform:translateY(0)!important;
  box-sizing:border-box!important;
}

.footer-col--comparisons .footer-compare-label{
  display:inline-block!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font:inherit!important;
  line-height:22px!important;
  vertical-align:middle!important;
}

/* Kill any inherited footer pseudo-icons / block behavior */
.footer-col--comparisons .footer-compare-link::before,
.footer-col--comparisons .footer-compare-link::after,
.footer-col--comparisons .footer-compare-item::before,
.footer-col--comparisons .footer-compare-item::after{
  content:none!important;
  display:none!important;
}

#s-landing .landing-nav .lb-links{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:34px!important;
}
#s-landing .landing-nav .lb-links > a{
  display:inline-flex!important;
  align-items:center!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  color:rgba(255,255,255,.76)!important;
  font-size:14px!important;
  font-weight:450!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transition:color .18s ease!important;
}
#s-landing .landing-nav .lb-links > a:hover{
  color:#fff!important;
}
#s-landing .landing-nav .lb-dropdown,
#s-landing .landing-nav .lb-dropdown-menu{
  display:none!important;
}
html{
  scroll-behavior:smooth;
}
#product,#how-it-works,#compare,#cases,#pricing-home,#faq-home{
  scroll-margin-top:92px;
}
@media(max-width:1050px){
  #s-landing .landing-nav .lb-links{gap:20px!important}
  #s-landing .landing-nav .lb-links > a{font-size:13px!important}
}

/* Compact workflow proof below comparison */
#s-landing .compact-workflow-proof{
  margin:24px auto 0;
  min-height:88px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  padding:18px 28px;
  background:rgba(255,255,255,.018);
  text-align:center;
}
#s-landing .compact-workflow-proof strong{color:#f1f1ef;font-size:16px;font-weight:650}
#s-landing .compact-workflow-proof span{color:#85858a;font-size:13px}

/* Combined client + case proof */
#s-landing .proof-cases-section{
  width:min(1400px,calc(100% - 48px));
  max-width:1400px;
  margin:0 auto;
  padding:88px 0 96px;
}
#s-landing .case-slider{position:relative;margin-top:44px}
#s-landing .case-viewport{overflow:hidden}
#s-landing .case-track{display:flex;transition:transform .45s cubic-bezier(.2,.75,.25,1)}
#s-landing .case-card{
  flex:0 0 100%;
  display:grid;
  grid-template-columns:40% 60%;
  min-height:350px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  background:#141415;
  overflow:hidden;
}
#s-landing .case-card-copy{padding:38px 38px 34px;border-right:1px solid rgba(255,255,255,.08)}
#s-landing .case-brand{display:flex;align-items:center;gap:14px}
#s-landing .case-brand>span{
  display:grid;place-items:center;width:46px;height:46px;border-radius:12px;
  border:1px solid rgba(255,255,255,.10);color:var(--accent);font-weight:800
}
#s-landing .case-brand strong{display:block;color:#f2f2ef;font-size:18px}
#s-landing .case-brand small{display:block;margin-top:3px;color:#737378;font-size:12px}
#s-landing .case-card blockquote{margin:30px 0 0;color:#b7b7ba;font-size:17px;line-height:1.55}
#s-landing .case-link{display:inline-block;margin-top:28px;color:var(--accent);font-size:12px;font-weight:650;text-decoration:none}
#s-landing .case-card-metrics{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:stretch
}
#s-landing .case-card-metrics>div{
  min-height:145px;padding:32px;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);
  display:flex;flex-direction:column;justify-content:center
}
#s-landing .case-card-metrics>div:nth-child(2n){border-right:0}
#s-landing .case-card-metrics>div:nth-last-child(-n+2){border-bottom:0}
#s-landing .case-card-metrics b{color:#f2f2ef;font-size:30px;line-height:1.05;font-weight:550;letter-spacing:-.035em}
#s-landing .case-card-metrics span{margin-top:8px;color:#79797e;font-size:12px;line-height:1.35}
#s-landing .case-card-metrics.pending{position:relative}
#s-landing .case-card-metrics.pending b{color:#66666b}
#s-landing .case-card-metrics.pending em{
  position:absolute;left:32px;right:32px;bottom:18px;color:#66666b;font-size:11px;font-style:normal
}
#s-landing .case-slider-nav{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;
  border:1px solid rgba(255,255,255,.13);background:#121214;color:#e6e6e4;font-size:28px;cursor:pointer
}
#s-landing .case-prev{left:-22px} #s-landing .case-next{right:-22px}
#s-landing .also-use{
  margin-top:28px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;
  color:#6f6f74;font-size:12px
}
#s-landing .also-use span{color:#56565b;text-transform:uppercase;letter-spacing:.08em}
#s-landing .also-use b{color:#9a9a9f;font-weight:550} #s-landing .also-use i{font-style:normal;color:#3f3f43}

/* Trust */
#s-landing .trust-final{width:min(1400px,calc(100% - 48px));max-width:1400px;margin:0 auto;padding:88px 0 96px}
#s-landing .trust-layout{margin-top:44px;display:grid;grid-template-columns:44% 56%;gap:24px}
#s-landing .trust-points{display:flex;flex-direction:column;gap:12px}
#s-landing .trust-points article{
  display:grid;grid-template-columns:54px 1fr;gap:18px;padding:22px 24px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#141415
}
#s-landing .trust-points article>span{color:var(--accent);font-size:12px;font-weight:800}
#s-landing .trust-points b{color:#efefed;font-size:16px}
#s-landing .trust-points p{margin:5px 0 0;color:#7b7b80;font-size:13px;line-height:1.45}
#s-landing .trust-flow{
  min-height:100%;border:1px solid rgba(245,155,47,.18);border-radius:20px;background:radial-gradient(circle at 50% 50%,rgba(245,155,47,.055),transparent 45%),#121214;
  display:flex;align-items:center;justify-content:center;gap:14px;padding:34px
}
#s-landing .trust-flow>div{min-width:120px;text-align:center;padding:18px 12px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#18181a}
#s-landing .trust-flow .escrow-node{border-color:rgba(245,155,47,.32);background:rgba(245,155,47,.07)}
#s-landing .trust-flow b{display:block;color:#ececea;font-size:13px}
#s-landing .trust-flow small{display:block;margin-top:5px;color:#6d6d72;font-size:10px}
#s-landing .trust-flow>span{color:var(--accent);font-size:18px}

/* Pricing details link */
#s-landing .pricing-details-link{display:block;width:max-content;margin:18px auto 0;color:#9b9ba0;font-size:12px;text-decoration:none}
#s-landing .pricing-details-link:hover{color:var(--accent)}

/* Final CTA reuses hero interaction visually */
#s-landing .final-cta-v128 .final-prompt-shell{max-width:900px;margin:34px auto 0;text-align:left}
#s-landing .final-main-cta{display:inline-flex;margin-top:22px;cursor:pointer}
#s-landing .final-cta-v128 small{display:block;margin-top:12px}

/* Slightly more room for richer typewriter detail */
#s-landing .tw-copy{top:7%!important;bottom:18%!important}
#s-landing .tw-detail{max-width:900px!important}

/* Responsive */
@media(max-width:900px){
  #s-landing .compact-workflow-proof{flex-direction:column;gap:7px}
  #s-landing .proof-cases-section,#s-landing .trust-final{width:calc(100% - 28px)}
  #s-landing .case-card{grid-template-columns:1fr}
  #s-landing .case-card-copy{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
  #s-landing .case-prev{left:-8px} #s-landing .case-next{right:-8px}
  #s-landing .trust-layout{grid-template-columns:1fr}
  #s-landing .trust-flow{flex-wrap:wrap}
}

#s-landing .case-card-metrics.pending b{
  color:#e8e8e5!important;
  font-size:24px!important;
}
#s-landing .case-card-metrics.pending span{
  color:#77777c!important;
}
#s-landing .case-card-metrics.pending em{
  display:none!important;
}

/* === v130 homepage polish === */

/* One content rail for every homepage block */
#s-landing .wrap > section,
#s-landing .landing-section,
#s-landing .cf-section,
#s-landing .cf-final,
#s-landing .flow-laptop-section,
#s-landing .proof-cases-section,
#s-landing .trust-final{
  width:min(1400px, calc(100% - 48px)) !important;
  max-width:1400px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

/* Consistent vertical rhythm between major blocks */
#s-landing .flow-laptop-section,
#s-landing .cf-section,
#s-landing .proof-cases-section,
#s-landing .trust-final,
#s-landing .home-faq-v130{
  padding-top:88px !important;
  padding-bottom:88px !important;
}
#s-landing .final-cta-v130{
  margin-top:8px !important;
  margin-bottom:80px !important;
}

/* Typewriter: reserve a fixed text canvas so longer steps never push number/title upward */
#s-landing .tw-copy{
  top:7% !important;
  bottom:10% !important;
  justify-content:flex-start !important;
  min-height:0 !important;
}
#s-landing .tw-number{
  flex:0 0 auto !important;
}
#s-landing #tw-title{
  flex:0 0 auto !important;
  min-height:1.2em !important;
}
#s-landing .tw-short{
  flex:0 0 auto !important;
  min-height:3.15em !important;
}
#s-landing .tw-detail{
  flex:0 0 auto !important;
  min-height:4.8em !important;
  max-width:900px !important;
}
#s-landing .tw-more{
  margin-top:28px !important;
  flex:0 0 auto !important;
}

/* Old homepage FAQ visual language */
#s-landing .home-faq-v130 .cf-section-head{margin-bottom:32px !important}
#s-landing .home-faq-list{display:flex;flex-direction:column;gap:10px}
#s-landing .home-faq-item{
  background:#19191a;
  border:1px solid #303033;
  border-radius:15px;
  overflow:hidden;
  transition:border-color .18s ease,background .18s ease;
}
#s-landing .home-faq-item.open{background:#1a1a1b}
#s-landing .home-faq-q{
  width:100%;
  min-height:72px;
  padding:0 26px;
  border:0;
  background:transparent;
  color:#f1f1ef;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  text-align:left;
  cursor:pointer;
  font:inherit;
  font-size:16px;
  font-weight:650;
}
#s-landing .home-faq-q i{
  color:var(--accent);
  font-style:normal;
  font-size:25px;
  line-height:1;
  font-weight:400;
}
#s-landing .home-faq-a{
  display:none;
  padding:0 26px 24px;
  color:#8b8b90;
  font-size:15px;
  line-height:1.55;
}
#s-landing .home-faq-item.open .home-faq-a{display:block}
#s-landing .home-faq-more{text-align:center;margin-top:26px}
#s-landing .home-faq-more a{
  color:var(--accent);text-decoration:none;font-size:14px;font-weight:650;cursor:pointer
}
#s-landing .home-faq-more span{margin-left:8px}

/* Compact final CTA: intentionally not a second hero */
#s-landing .final-cta-v130{
  position:relative;
  text-align:center;
  padding:78px 40px 82px !important;
  border-top:1px solid rgba(245,155,47,.45);
  border-bottom:1px solid rgba(245,155,47,.45);
  overflow:hidden;
}
#s-landing .final-cta-v130 h2{margin-top:18px !important}
#s-landing .final-cta-v130 p{
  position:relative;
  max-width:780px;
  margin:22px auto 0;
  color:#8d8d92;
  font-size:17px;
  line-height:1.55;
}
#s-landing .final-simple-cta{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:34px;
  min-width:320px;
  padding:17px 30px;
  border-radius:14px;
  background:#e9e9eb;
  color:#111113;
  text-decoration:none;
  font-size:17px;
  font-weight:550;
  cursor:pointer;
  transition:transform .15s ease,background .15s ease;
}
#s-landing .final-simple-cta:hover{transform:translateY(-1px);background:#fff}

@media(max-width:760px){
  #s-landing .wrap > section,
  #s-landing .landing-section,
  #s-landing .cf-section,
  #s-landing .cf-final,
  #s-landing .flow-laptop-section,
  #s-landing .proof-cases-section,
  #s-landing .trust-final{width:calc(100% - 28px) !important}
  #s-landing .flow-laptop-section,
  #s-landing .cf-section,
  #s-landing .proof-cases-section,
  #s-landing .trust-final,
  #s-landing .home-faq-v130{padding-top:64px !important;padding-bottom:64px !important}
  #s-landing .home-faq-q{min-height:66px;padding:0 18px;font-size:15px}
  #s-landing .home-faq-a{padding:0 18px 20px;font-size:14px}
  #s-landing .final-cta-v130{padding:64px 18px 68px !important}
  #s-landing .final-simple-cta{min-width:0;width:100%;max-width:360px}
}

/* =========================================================
   PACT DESIGN SYSTEM — homepage
   Keep these tokens as the single source of truth.
   ========================================================= */
:root{
  /* layout */
  --pact-content-max: 1400px;
  --pact-page-gutter: 48px;
  --pact-page-gutter-mobile: 28px;

  /* vertical rhythm */
  --pact-section-y: 88px;
  --pact-section-y-mobile: 64px;
  --pact-section-gap-tight: 52px;
  --pact-head-to-content: 44px;

  /* typography */
  --pact-h2-size: clamp(40px, 3.35vw, 56px);
  --pact-h2-line: 1.06;
  --pact-h2-weight: 500;
  --pact-body-size: 16px;
  --pact-body-line: 1.55;
  --pact-small-size: 13px;

  /* colors */
  --pact-bg: #09090a;
  --pact-panel: #151516;
  --pact-panel-2: #19191a;
  --pact-text: #f2f2ef;
  --pact-muted: #85858a;
  --pact-muted-2: #68686d;
  --pact-accent: #f5a62f;
  --pact-line: rgba(255,255,255,.09);
  --pact-line-soft: rgba(255,255,255,.055);

  /* shape */
  --pact-radius-card: 18px;
  --pact-radius-panel: 22px;
}

/* Universal homepage content rail */
#s-landing .wrap > section,
#s-landing .landing-section,
#s-landing .cf-section,
#s-landing .cf-final,
#s-landing .flow-laptop-section,
#s-landing .proof-cases-section,
#s-landing .trust-final{
  width:min(var(--pact-content-max), calc(100% - var(--pact-page-gutter)))!important;
  max-width:var(--pact-content-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* Universal major-section rhythm */
#s-landing .flow-laptop-section,
#s-landing .cf-section,
#s-landing .proof-cases-section,
#s-landing .trust-final,
#s-landing .home-faq-v130{
  padding-top:var(--pact-section-y)!important;
  padding-bottom:var(--pact-section-y)!important;
}

/* Shared heading language */
#s-landing section h2{
  font-size:var(--pact-h2-size)!important;
  line-height:var(--pact-h2-line)!important;
  font-weight:var(--pact-h2-weight)!important;
  letter-spacing:-.035em!important;
}
#s-landing .section-head > p,
#s-landing .cf-section-head > p,
#s-landing .trust-final .section-head > p{
  color:var(--pact-muted)!important;
  font-size:var(--pact-body-size)!important;
  line-height:var(--pact-body-line)!important;
}

/* =========================================================
   Comparison should visually follow the laptop more tightly.
   Reduce dead zone without compressing the actual comparison.
   ========================================================= */
#s-landing #how-it-works{
  padding-bottom:54px!important;
}
#s-landing #compare{
  padding-top:54px!important;
}

/* =========================================================
   Remove redundant section dividers.
   The section rhythm/negative space is enough separation.
   ========================================================= */
#s-landing #trust-home,
#s-landing #cases,
#s-landing #faq-home,
#s-landing .final-cta-v130{
  border-top:0!important;
  box-shadow:none!important;
}
#s-landing #trust-home::before,
#s-landing #cases::before,
#s-landing #faq-home::before,
#s-landing .final-cta-v130::before{
  display:none!important;
  content:none!important;
}

/* Final CTA: no gray divider above it; retain only its own intended accent treatment */
#s-landing .final-cta-v130{
  border-top:0!important;
}

/* =========================================================
   Footer comparison icons — same visual scale as other footer icons.
   ========================================================= */
.footer-col--comparisons .footer-compare-link{
  gap:7px!important;
  min-height:18px!important;
  line-height:18px!important;
}
.footer-col--comparisons .footer-compare-icon{
  width:13px!important;
  height:13px!important;
  flex:0 0 13px!important;
  border-width:1.25px!important;
  font-size:9px!important;
  line-height:1!important;
  transform:none!important;
}
.footer-col--comparisons .footer-compare-label{
  line-height:18px!important;
}

/* Mobile tokens */
@media(max-width:760px){
  #s-landing .wrap > section,
  #s-landing .landing-section,
  #s-landing .cf-section,
  #s-landing .cf-final,
  #s-landing .flow-laptop-section,
  #s-landing .proof-cases-section,
  #s-landing .trust-final{
    width:calc(100% - var(--pact-page-gutter-mobile))!important;
  }
  #s-landing .flow-laptop-section,
  #s-landing .cf-section,
  #s-landing .proof-cases-section,
  #s-landing .trust-final,
  #s-landing .home-faq-v130{
    padding-top:var(--pact-section-y-mobile)!important;
    padding-bottom:var(--pact-section-y-mobile)!important;
  }
  #s-landing #how-it-works{padding-bottom:42px!important}
  #s-landing #compare{padding-top:42px!important}
}

.footer-brand-stats{
  margin-top:24px;
}
.footer-brand-headline--v132{
  display:block;
  margin:0 0 13px;
  color:var(--pact-text,#f2f2ef);
  font-size:18px;
  line-height:1.25;
  font-weight:650;
  letter-spacing:-.015em;
}
.footer-platform-stats{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin:0;
}
.footer-platform-row{
  display:grid;
  grid-template-columns:82px 10px auto;
  align-items:baseline;
  width:max-content;
  color:var(--pact-muted,#85858a);
  font-size:14px;
  line-height:1.35;
}
.footer-platform-dot{
  color:var(--pact-muted-2,#68686d);
  text-align:center;
}
.footer-platform-value{
  color:#b6b6b8;
  font-variant-numeric:tabular-nums;
}
.footer-brand-copy--v132{
  max-width:320px;
  margin-top:22px!important;
  color:var(--pact-muted,#85858a)!important;
  font-size:14px!important;
  line-height:1.55!important;
}
@media(max-width:760px){
  .footer-brand-stats{margin-top:20px}
  .footer-brand-copy--v132{max-width:360px}
}

/* Explicitly remove every possible horizontal divider above these homepage sections. */
#s-landing #trust-home,
#s-landing #cases,
#s-landing #faq-home,
#s-landing .final-cta-v130{
  border-top:none!important;
  outline-top:none!important;
  box-shadow:none!important;
  background-image:none!important;
}
#s-landing #trust-home::before,
#s-landing #trust-home::after,
#s-landing #cases::before,
#s-landing #cases::after,
#s-landing #faq-home::before,
#s-landing #faq-home::after,
#s-landing .final-cta-v130::before,
#s-landing .final-cta-v130::after{
  content:none!important;
  display:none!important;
  border:0!important;
  height:0!important;
}

/* Some legacy rules draw dividers on the preceding section. */
#s-landing #compare,
#s-landing #pricing-home{
  border-bottom:none!important;
}
#s-landing #compare::after,
#s-landing #pricing-home::after{
  content:none!important;
  display:none!important;
}

/* Final CTA — restrained warm outline like the supplied reference. */
#s-landing .final-cta-v130{
  width:min(var(--pact-content-max,1400px),calc(100% - var(--pact-page-gutter,48px)))!important;
  max-width:var(--pact-content-max,1400px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:64px 56px!important;
  border:1px solid rgba(245,166,47,.58)!important;
  border-radius:22px!important;
  background:
    radial-gradient(ellipse at 50% 45%,rgba(245,166,47,.045) 0%,rgba(245,166,47,0) 58%),
    #09090a!important;
  box-shadow:inset 0 0 0 1px rgba(245,166,47,.025)!important;
}
@media(max-width:760px){
  #s-landing .final-cta-v130{
    width:calc(100% - var(--pact-page-gutter-mobile,28px))!important;
    padding:48px 22px!important;
    border-radius:18px!important;
  }
}

/* Remove horizontal divider immediately above REAL CAMPAIGNS. */
#s-landing #trust-home,
#s-landing #cases {
  border-bottom: none !important;
  border-top: none !important;
}
#s-landing #trust-home::after,
#s-landing #cases::before {
  content: none !important;
  display: none !important;
}

/* Remove horizontal divider immediately above READY TO START. */
#s-landing #faq-home,
#s-landing .final-cta-v130 {
  border-bottom: none !important;
  border-top: none !important;
}
#s-landing #faq-home::after,
#s-landing .final-cta-v130::before {
  content: none !important;
  display: none !important;
}

/* Neutralize generic legacy separators between these exact neighboring sections. */
#s-landing #trust-home + #cases,
#s-landing #faq-home + .final-cta-v130 {
  border-top: 0 !important;
  box-shadow: none !important;
}

/* Keep the divider above READY TO START removed via the preceding FAQ section,
   but restore the CTA card itself exactly as designed in v133. */
#s-landing #faq-home{
  border-bottom:none!important;
}
#s-landing #faq-home::after{
  content:none!important;
  display:none!important;
}

/* Restore all four sides of the CTA card border. */
#s-landing .final-cta-v130{
  border:1px solid rgba(245,166,47,.58)!important;
  border-radius:22px!important;
  background:
    radial-gradient(ellipse at 50% 45%,rgba(245,166,47,.045) 0%,rgba(245,166,47,0) 58%),
    #09090a!important;
  box-shadow:inset 0 0 0 1px rgba(245,166,47,.025)!important;
}
@media(max-width:760px){
  #s-landing .final-cta-v130{
    border:1px solid rgba(245,166,47,.58)!important;
    border-radius:18px!important;
  }
}

/* The glow inside the CTA was painting over the top edge.
   Draw the card outline in a topmost pseudo-layer so all four sides stay visible. */
#s-landing .final-cta-v130{
  position:relative!important;
  border:0!important;
}
#s-landing .final-cta-v130::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  height:auto!important;
  border:1px solid rgba(245,166,47,.58)!important;
  border-radius:22px!important;
  pointer-events:none!important;
  z-index:20!important;
  box-sizing:border-box!important;
}
@media(max-width:760px){
  #s-landing .final-cta-v130::after{
    border-radius:18px!important;
  }
}

/* Footer platform stat alignment: one shared dot column. */
.footer-platform-row{
  display:grid!important;
  grid-template-columns:76px 12px auto!important;
  column-gap:0!important;
  align-items:baseline!important;
  width:max-content!important;
}
.footer-platform-name{text-align:left!important}
.footer-platform-dot{
  text-align:center!important;
  justify-self:center!important;
}
.footer-platform-value{
  text-align:left!important;
  padding-left:0!important;
}

/* Main nav links */
#s-landing .landing-nav .lb-links{
  display:flex!important;
  align-items:center!important;
  gap:30px!important;
}
#s-landing .landing-nav .lb-links>a,
#s-landing .lb-about-btn{
  color:rgba(255,255,255,.76)!important;
  font:inherit!important;
  font-size:14px!important;
  font-weight:450!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
#s-landing .landing-nav .lb-links>a:hover,
#s-landing .lb-about-btn:hover{
  color:#fff!important;
}

/* About dropdown */
#s-landing .lb-about-dropdown{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  height:100%!important;
}
#s-landing .lb-about-btn{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  border:0!important;
  background:transparent!important;
  padding:0!important;
}
#s-landing .lb-about-btn .chev{
  width:13px!important;
  height:13px!important;
  transition:transform .18s ease!important;
}
#s-landing .lb-about-dropdown.open .lb-about-btn .chev{
  transform:rotate(180deg)!important;
}
#s-landing .lb-about-menu{
  display:none!important;
  position:absolute!important;
  top:calc(100% + 17px)!important;
  right:0!important;
  min-width:190px!important;
  padding:8px!important;
  background:#181819!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:13px!important;
  box-shadow:0 18px 44px rgba(0,0,0,.38)!important;
  z-index:1000!important;
}
#s-landing .lb-about-dropdown.open .lb-about-menu{display:block!important}
#s-landing .lb-about-menu a{
  display:block!important;
  padding:11px 12px!important;
  border-radius:8px!important;
  color:#b4b4b8!important;
  text-decoration:none!important;
  font-size:13px!important;
  cursor:pointer!important;
}
#s-landing .lb-about-menu a:hover{
  color:#fff!important;
  background:rgba(255,255,255,.055)!important;
}

/* Footer links really behave as links */
.pact-footer a{
  cursor:pointer!important;
  pointer-events:auto!important;
}

/* Wider laptop in the 6-step section.
   Screen keeps the existing 54% aspect ratio, so height scales proportionally. */
#s-landing .flow-laptop{
  width:100%!important;
  max-width:1320px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Platform stats:
   use Instagram (longest label) as the visual alignment reference.
   All three dots share x-position; dot is shifted left vs previous version. */
.footer-platform-row{
  display:grid!important;
  grid-template-columns:68px 12px auto!important;
  column-gap:0!important;
  align-items:baseline!important;
  width:max-content!important;
}
.footer-platform-name{
  text-align:left!important;
  white-space:nowrap!important;
}
.footer-platform-dot{
  display:block!important;
  width:12px!important;
  text-align:center!important;
  justify-self:center!important;
  color:var(--pact-muted-2,#68686d)!important;
}
.footer-platform-value{
  padding-left:0!important;
  text-align:left!important;
  white-space:nowrap!important;
}

/* Every footer link is a genuine clickable anchor. */
.pact-footer a{
  cursor:pointer!important;
  pointer-events:auto!important;
  position:relative!important;
  z-index:2!important;
}

/* Legal screens */
.pact-legal-screen .pac-page{min-height:70vh;padding:96px 0}
.pact-legal-screen .pac-wrap{width:min(1000px,calc(100% - 48px));margin:0 auto}
.pact-legal-screen h1{font-size:clamp(42px,5vw,68px);margin:14px 0 18px}

/* Footer first line: Pact - 446 млн авторов.
   The added database phrase deliberately inherits the exact Pact wordmark typography. */
.footer-logo{
  display:flex!important;
  align-items:center!important;
}
.footer-logo-db{
  color:inherit!important;
  font:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
  font-weight:inherit!important;
  letter-spacing:inherit!important;
  margin-left:0!important;
  white-space:nowrap!important;
}

/* Platform rows now sit directly beneath the Pact/database line. */
.footer-brand-stats{
  margin-top:18px!important;
}

/* All internal routed links should behave like links */
[data-go]{cursor:pointer}

/* Comparison pages: no horizontal section dividers */
.screen[id^="s-vs-"] .cmp-section,
.screen[id^="s-vs-"] .cmp-benchmark,
.screen[id^="s-vs-"] .cmp-final,
.screen[id^="s-vs-"] .cmp-more{
  border-top:0!important;
  border-bottom:0!important;
}
.screen[id^="s-vs-"] .cmp-section::before,
.screen[id^="s-vs-"] .cmp-section::after,
.screen[id^="s-vs-"] .cmp-benchmark::before,
.screen[id^="s-vs-"] .cmp-benchmark::after,
.screen[id^="s-vs-"] .cmp-final::before,
.screen[id^="s-vs-"] .cmp-final::after{
  content:none!important;
  display:none!important;
}

/* Footer brand headline sits on the same vertical line as footer column headings. */
.footer-grid{
  align-items:start!important;
}
.footer-brand .footer-logo{
  margin-top:0!important;
  min-height:24px!important;
  display:flex!important;
  align-items:center!important;
}
.footer-brand .footer-logo-name{
  color:inherit!important;
  font:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
  font-weight:inherit!important;
  letter-spacing:inherit!important;
  white-space:nowrap!important;
}
.footer-brand-stats{
  margin-top:18px!important;
}

/* Match vertical start of first-column headline with h4 headings. */
.footer-brand,
.footer-col{
  padding-top:0!important;
}
.footer-col>h4,
.footer-brand .footer-logo{
  margin-top:0!important;
}

/* About dropdown reliability */
#s-landing .lb-about-dropdown{
  position:relative!important;
  z-index:1001!important;
}
#s-landing .lb-about-menu{
  z-index:1002!important;
  pointer-events:auto!important;
}
#s-landing .lb-about-dropdown.open .lb-about-menu{
  display:block!important;
}
#s-landing .lb-about-btn{
  pointer-events:auto!important;
  cursor:pointer!important;
}

/* =========================================================
   PACT PUBLIC-SITE DESIGN SYSTEM
   Source of truth for marketing/public pages.
   ========================================================= */
:root{
  /* content */
  --pact-public-max:1400px;
  --pact-public-gutter:48px;
  --pact-public-gutter-mobile:28px;
  --pact-copy-max:920px;

  /* vertical rhythm */
  --pact-public-nav-gap:20px;
  --pact-public-crumb-top:18px;
  --pact-public-hero-y:64px;
  --pact-public-section-y:72px;
  --pact-public-section-gap:0px;
  --pact-public-head-gap:20px;
  --pact-public-head-content-gap:36px;

  /* public typography */
  --pact-public-h1:clamp(48px,4.7vw,72px);
  --pact-public-h1-line:1.00;
  --pact-public-h1-weight:500;
  --pact-public-h1-track:-.047em;

  --pact-public-h2:clamp(34px,3.15vw,50px);
  --pact-public-h2-line:1.06;
  --pact-public-h2-weight:500;
  --pact-public-h2-track:-.035em;

  --pact-public-lead:18px;
  --pact-public-body:16px;
  --pact-public-body-line:1.56;
  --pact-public-small:13px;

  /* breadcrumbs */
  --pact-crumb-size:13px;
  --pact-crumb-gap:8px;

  /* shape/colors inherit global palette */
  --pact-public-radius:22px;
}

/* Unified content rail, including nav and breadcrumbs */
.pact-public-page > .wrap,
.pact-public-page > .pac-page,
.pact-public-page > .pac-page > .pac-wrap,
.pact-public-page .landing-nav,
.pact-public-page .pac-crumb,
.pact-public-page .pac-hero,
.pact-public-page .pac-section,
.pact-public-page .cmp-hero,
.pact-public-page .cmp-section,
.pact-public-page .cmp-more,
.pact-public-page .cmp-final{
  width:min(var(--pact-public-max),calc(100% - var(--pact-public-gutter)))!important;
  max-width:var(--pact-public-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* Avoid double gutters on pages whose .wrap is already the rail */
.pact-public-page > .wrap{
  width:min(var(--pact-public-max),calc(100% - var(--pact-public-gutter)))!important;
}
.pact-public-page > .wrap .landing-nav,
.pact-public-page > .wrap .pac-crumb,
.pact-public-page > .wrap .pac-hero,
.pact-public-page > .wrap .pac-section{
  width:100%!important;
  max-width:100%!important;
}

/* Breadcrumbs are mandatory on public inner pages */
.pact-public-page .pac-crumb,
.pact-public-page .pact-system-crumb{
  display:block!important;
  padding:var(--pact-public-crumb-top) 0 0!important;
}
.pact-public-page .pac-crumb ol{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:var(--pact-crumb-gap)!important;
  margin:0!important;
  padding:0!important;
  font-size:var(--pact-crumb-size)!important;
  line-height:1.3!important;
}

/* Public heroes: centered, same visual hierarchy as homepage */
.pact-public-page .pac-hero,
.pact-public-page .cmp-hero{
  text-align:center!important;
  padding-top:var(--pact-public-hero-y)!important;
  padding-bottom:48px!important;
}
.pact-public-page .pac-hero h1,
.pact-public-page .cmp-hero h1,
#s-pricing h1,
#s-terms h1,
#s-privacy h1{
  width:min(1100px,100%)!important;
  max-width:1100px!important;
  margin:0 auto!important;
  text-align:center!important;
  font-size:var(--pact-public-h1)!important;
  line-height:var(--pact-public-h1-line)!important;
  font-weight:var(--pact-public-h1-weight)!important;
  letter-spacing:var(--pact-public-h1-track)!important;
}
.pact-public-page .pac-hero-sub,
.pact-public-page .cmp-hero>p,
#s-pricing h1 + p,
#s-terms .pac-lead,
#s-privacy .pac-lead{
  width:min(var(--pact-copy-max),100%)!important;
  max-width:var(--pact-copy-max)!important;
  margin:24px auto 0!important;
  text-align:center!important;
  font-size:var(--pact-public-lead)!important;
  line-height:1.55!important;
  color:var(--muted)!important;
}
.pact-public-page .cmp-kicker,
.pact-public-page .pac-hero .pac-eyebrow{
  text-align:center!important;
}
.pact-public-page .cmp-actions{
  justify-content:center!important;
  margin-top:30px!important;
}

/* H2 everywhere on public marketing pages */
.pact-public-page .pac-section h2,
.pact-public-page .cmp-section h2,
.pact-public-page .cmp-head h2,
.pact-public-page .pac-section-inner>h2,
#s-about h2,#s-contacts h2,#s-roadmap h2,#s-faq h2,#s-pricing h2{
  font-size:var(--pact-public-h2)!important;
  line-height:var(--pact-public-h2-line)!important;
  font-weight:var(--pact-public-h2-weight)!important;
  letter-spacing:var(--pact-public-h2-track)!important;
}

/* Consistent section rhythm */
.pact-public-page .pac-section,
.pact-public-page .cmp-section{
  padding-top:var(--pact-public-section-y)!important;
  padding-bottom:var(--pact-public-section-y)!important;
}
.pact-public-page .cmp-head,
.pact-public-page .pac-section-inner>.pac-section-head{
  margin-bottom:var(--pact-public-head-content-gap)!important;
}

/* Comparison pages: headings centered and no giant left-aligned H1 */
.screen[id^="s-vs-"] .cmp-hero{
  max-width:var(--pact-public-max)!important;
}
.screen[id^="s-vs-"] .cmp-hero h1{
  max-width:1080px!important;
}
.screen[id^="s-vs-"] .cmp-head{
  max-width:1000px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.screen[id^="s-vs-"] .cmp-section>p,
.screen[id^="s-vs-"] .cmp-head>p{
  max-width:850px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Pricing hero also centered and sized consistently */
#s-pricing > .wrap > div:has(> h1){
  text-align:center!important;
}
#s-pricing h1{
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Informational pages */
#s-about .pac-hero,
#s-contacts .pac-hero,
#s-roadmap .pac-hero,
#s-faq .pac-hero{
  max-width:var(--pact-public-max)!important;
}

/* Legal pages */
#s-terms .pac-page,
#s-privacy .pac-page{
  width:min(var(--pact-public-max),calc(100% - var(--pact-public-gutter)))!important;
  margin:0 auto!important;
  padding:0 0 88px!important;
}
#s-terms .pac-wrap,
#s-privacy .pac-wrap{
  width:min(1000px,100%)!important;
  margin:0 auto!important;
  padding-top:64px!important;
  text-align:center!important;
}

/* Mobile */
@media(max-width:760px){
  .pact-public-page > .wrap,
  .pact-public-page > .pac-page,
  .pact-public-page .landing-nav,
  .pact-public-page .pac-crumb,
  .pact-public-page .pac-hero,
  .pact-public-page .pac-section,
  .pact-public-page .cmp-hero,
  .pact-public-page .cmp-section,
  .pact-public-page .cmp-more,
  .pact-public-page .cmp-final{
    width:calc(100% - var(--pact-public-gutter-mobile))!important;
  }
  .pact-public-page > .wrap .landing-nav,
  .pact-public-page > .wrap .pac-crumb,
  .pact-public-page > .wrap .pac-hero,
  .pact-public-page > .wrap .pac-section{
    width:100%!important;
  }
  .pact-public-page .pac-hero,
  .pact-public-page .cmp-hero{
    padding-top:48px!important;
    padding-bottom:38px!important;
  }
  .pact-public-page .pac-section,
  .pact-public-page .cmp-section{
    padding-top:56px!important;
    padding-bottom:56px!important;
  }
}

/* v146: every dynamically-routed niche/platform page uses the public design system. */
#s-youtube .pac-hero h1,
#s-instagram .pac-hero h1,
#s-tiktok .pac-hero h1,
#s-v-fashion .pac-hero h1,
#s-youtube-fashion .pac-hero h1,
#s-youtube-miami .pac-hero h1,
#s-youtube-fashion-miami .pac-hero h1{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
#s-youtube .pac-crumb,
#s-instagram .pac-crumb,
#s-tiktok .pac-crumb,
#s-v-fashion .pac-crumb,
#s-youtube-fashion .pac-crumb,
#s-youtube-miami .pac-crumb,
#s-youtube-fashion-miami .pac-crumb{
  display:block!important;
}

/* =========================================================
   HEADER: keep ONLY the desired marketing nav.
   ========================================================= */
#s-landing .landing-nav{
  display:flex!important;
}

/* Inner public pages keep no duplicate local navs. */
.pact-inner-duplicate-nav{
  display:none!important;
}

/* Hide only the secondary app/status toolbar:
   Growth / Landing / registration / tokens. */
.pact-hide-secondary-appbar{
  display:none!important;
}

/* Marketing nav stays fixed/sticky as originally intended. */
#s-landing .landing-nav{
  position:sticky!important;
  top:0!important;
  z-index:5000!important;
}

/* =========================================================
   HERO CTAs: links/buttons must not look underlined.
   ========================================================= */
#s-landing .hero-cta-no-underline,
#s-landing .hero-cta-no-underline:hover,
#s-landing .hero-cta-no-underline:focus,
#s-landing .hero-cta-no-underline:visited{
  text-decoration:none!important;
  text-decoration-line:none!important;
  border-bottom-color:transparent!important;
  box-shadow:none!important;
}
#s-landing .hero-cta-no-underline::after,
#s-landing .hero-cta-no-underline::before{
  text-decoration:none!important;
}

/* =========================================================
   FOOTER: Pact - 446 млн авторов is ONE sentence, one style,
   and aligns with column headings.
   ========================================================= */
.pact-footer .footer-grid{
  align-items:start!important;
}
.pact-footer .footer-brand,
.pact-footer .footer-col{
  padding-top:0!important;
}
.pact-footer .footer-brand .footer-logo,
.pact-footer .footer-col>h4{
  margin-top:0!important;
}

/* Put the brand headline on exactly the same baseline/visual level as h4s. */
.pact-footer .footer-brand .footer-logo{
  min-height:24px!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  line-height:1.2!important;
}

/* Entire text phrase uses exactly Pact's inherited wordmark style. */
.pact-footer .footer-logo-name--v147{
  color:inherit!important;
  font-family:inherit!important;
  font-size:inherit!important;
  font-style:inherit!important;
  font-weight:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  text-transform:none!important;
  white-space:nowrap!important;
  margin:0!important;
  padding:0!important;
}

/* Keep platform stats below the one-line brand headline. */
.pact-footer .footer-brand-stats{
  margin-top:18px!important;
}

/* SHOW the intended marketing header, HIDE the app/status toolbar. */
#s-landing .landing-nav{
  display:flex!important;
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:6000!important;
}
.main>.topbar,
.topbar.pact-hide-secondary-appbar{
  display:none!important;
}

/* Prevent content from hiding behind the fixed marketing nav. */
#s-landing{
  padding-top:0!important;
}

/* Hero CTA labels must never be underlined. */
#s-landing .hero-cta-no-underline,
#s-landing .hero-cta-no-underline *,
#s-landing .hero-cta-no-underline:hover,
#s-landing .hero-cta-no-underline:focus,
#s-landing .hero-cta-no-underline:visited{
  text-decoration:none!important;
  text-decoration-line:none!important;
  text-decoration-thickness:0!important;
  border-bottom:none!important;
}

/* Footer first line: same typography as Pact wordmark, one sentence. */
.pact-footer .footer-logo{
  display:flex!important;
  align-items:center!important;
  margin:0!important;
  min-height:24px!important;
}
.pact-footer .footer-logo-name--exact{
  color:inherit!important;
  font-family:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
  font-style:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  text-transform:none!important;
  white-space:nowrap!important;
  margin:0!important;
  padding:0!important;
}

/* Align first footer headline with all column headings. */
.pact-footer .footer-grid{
  align-items:start!important;
}
.pact-footer .footer-brand,
.pact-footer .footer-col{
  padding-top:0!important;
}
.pact-footer .footer-brand>.footer-logo,
.pact-footer .footer-col>h4{
  margin-top:0!important;
  margin-bottom:18px!important;
  min-height:24px!important;
  display:flex!important;
  align-items:center!important;
}

.pact-footer a,
.pact-public-page a[data-go],
.pact-public-page button[data-go]{
  pointer-events:auto!important;
  cursor:pointer!important;
}

/* =========================================================
   HERO FORM — scale the whole component up proportionally.
   ========================================================= */
#s-landing .hero-fruit-concept .fruit-prompt-shell{
  width:min(840px,94%)!important;
  padding:14px!important;
  border-radius:22px!important;
}
#s-landing .hero-fruit-concept .fruit-prompt-label{
  padding:4px 9px 9px!important;
  font-size:11.5px!important;
}
#s-landing .hero-fruit-concept .fruit-prompt-main{
  min-height:70px!important;
  gap:16px!important;
  padding:11px 11px 11px 15px!important;
  border-radius:14px!important;
}
#s-landing .hero-fruit-concept .fruit-prompt-main span{
  font-size:15px!important;
  line-height:1.45!important;
}
#s-landing .hero-fruit-concept .fruit-prompt-main button{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
  border-radius:12px!important;
  font-size:22px!important;
}
#s-landing .hero-fruit-concept .fruit-prompt-actions{
  gap:8px!important;
  padding:10px 4px 2px!important;
}
#s-landing .hero-fruit-concept .fruit-prompt-actions span{
  padding:7px 10px!important;
  border-radius:9px!important;
  font-size:11.5px!important;
}

/* No text underline, BUT keep the actual button border on all four sides. */
#s-landing .hero-primary-v152,
#s-landing .hero-primary-v152 *,
#s-landing .hero-trailer-v152,
#s-landing .hero-trailer-v152 *{
  text-decoration:none!important;
  text-decoration-line:none!important;
}
#s-landing .hero-trailer-v152{
  border:1px solid rgba(255,255,255,.24)!important;
  border-bottom:1px solid rgba(255,255,255,.24)!important;
  box-shadow:none!important;
}
#s-landing .hero-trailer-v152:hover{
  border:1px solid rgba(255,255,255,.40)!important;
  border-bottom:1px solid rgba(255,255,255,.40)!important;
}

@media(max-width:760px){
  #s-landing .hero-fruit-concept .fruit-prompt-shell{
    width:min(94%,840px)!important;
    padding:12px!important;
  }
}

/* Footer: first-column heading aligns with the other column headings
   and uses the exact same visual heading scale. */
.pact-footer .footer-brand,
footer .footer-brand{
  padding-top:0!important;
  margin-top:0!important;
}

.pact-footer .footer-brand-head,
footer .footer-brand-head{
  display:flex!important;
  align-items:center!important;
  min-height:44px!important;
  margin:0 0 34px 0!important;
}

.pact-footer .footer-brand-head .footer-logo-mark,
footer .footer-brand-head .footer-logo-mark{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  border-radius:13px!important;
  margin:0 14px 0 0!important;
}

.pact-footer .footer-brand-head .footer-brand-title,
footer .footer-brand-head .footer-brand-title{
  margin:0!important;
  padding:0!important;
  font-size:22px!important;
  line-height:1.15!important;
  font-weight:500!important;
  letter-spacing:-.02em!important;
  color:#f4f4f5!important;
  white-space:nowrap!important;
}

/* Align all footer column headings to the same top baseline/row. */
.pact-footer .footer-col > h3,
footer .footer-col > h3{
  margin-top:0!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
}

/* If legacy markup uses the large Pact word/logo, normalize it only in footer. */
.pact-footer .footer-brand-head strong,
.pact-footer .footer-brand-head b,
footer .footer-brand-head strong,
footer .footer-brand-head b{
  font-size:inherit!important;
  line-height:inherit!important;
  font-weight:inherit!important;
}

/* Roadmap freshness — design-system-level muted metadata */
.roadmap-freshness{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  margin:18px auto 0;
  color:rgba(255,255,255,.48);
  font-size:13px;
  font-weight:450;
  line-height:1.4;
  letter-spacing:.005em;
  text-align:center;
}
.roadmap-freshness-dot{
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:#f2ad32;
  box-shadow:0 0 0 3px rgba(242,173,50,.08);
}
@media (max-width:640px){
  .roadmap-freshness{
    font-size:12px;
    margin-top:14px;
    padding:0 16px;
  }
}

/* shared conversion blocks */
.intent-lead{max-width:900px;margin:16px auto 0;color:var(--pact-muted,#85858a);font-size:16px;line-height:1.55;text-align:center}
.creator-proof-grid,.four-signal-cards,.case-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}
.creator-proof-grid article,.four-signal-cards article,.case-steps article{border:1px solid var(--pact-line,rgba(255,255,255,.09));background:#141415;border-radius:16px;padding:22px}
.creator-proof-top{display:flex;align-items:center;justify-content:space-between;gap:15px}
.creator-proof-top b{color:#f2f2ef;font-size:16px}.creator-proof-top span{color:var(--pact-accent,#f5a62f);font-size:19px;font-weight:650}
.creator-proof-grid small{display:block;margin-top:6px;color:#66666b}.creator-proof-grid p,.four-signal-cards p,.case-steps p{color:#808085;font-size:13px;line-height:1.5}
.micro-cta-row{text-align:center;margin-top:24px}.micro-cta-row a,.inline-case-link,.case-fit a,.cmp-proof-case>a,.cmp-price-mini>a{color:var(--pact-accent,#f5a62f);text-decoration:none;font-size:14px;font-weight:650}
.before-after{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.before-after>div{border:1px solid var(--pact-line);border-radius:16px;padding:24px;background:#131314}.before-after .better{border-color:rgba(245,166,47,.28);background:rgba(245,166,47,.04)}.before-after small{display:block;color:#66666b;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.before-after b{display:block;margin-top:10px;color:#eee;font-size:16px}.before-after p{color:#7f7f84;font-size:13px;line-height:1.5}
.compact-flow-line{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:28px auto 0}.compact-flow-line span{border:1px solid var(--pact-line);border-radius:999px;padding:9px 13px;color:#b2b2b6;font-size:12px}.compact-flow-line i{font-style:normal;color:var(--pact-accent)}.compact-workflow-section>p{text-align:center;color:#77777c;margin-top:18px}
.signal-grid{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:28px}.signal-grid span{padding:9px 12px;border:1px solid var(--pact-line);border-radius:10px;color:#9a9a9f;font-size:12px}
.four-signal-cards{grid-template-columns:repeat(4,1fr)}.four-signal-cards b{color:#ededeb;font-size:14px}
.platform-case-mini{text-align:center}.platform-case-mini p{max-width:760px;margin:16px auto;color:#7f7f84}

/* comparison */
.template-comparison .cmp-proof-metrics{display:grid;grid-template-columns:repeat(3,auto 1fr);gap:8px 12px;align-items:baseline;justify-content:center;margin:26px 0}.template-comparison .cmp-proof-metrics b{font-size:25px;color:#f1f1ef}.template-comparison .cmp-proof-metrics span{font-size:12px;color:#77777c}.template-comparison .conversion-hidden{display:none!important}
.template-comparison .cmp-final{display:none!important}

/* case pages */
.case-page-wrap{width:min(1180px,calc(100% - 48px));margin:0 auto;padding-bottom:88px}.case-page-wrap .pac-crumb{width:100%;padding-top:18px}.case-hero{text-align:center;padding:64px 0 46px}.case-hero h1{max-width:1050px;margin:14px auto 0;font-size:clamp(46px,4.6vw,68px);line-height:1.02;letter-spacing:-.045em;font-weight:500}.case-hero>p{color:#88888d;font-size:17px}.case-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px;border:1px solid var(--pact-line);border-radius:18px;overflow:hidden}.case-metric-grid>div{padding:24px;border-right:1px solid var(--pact-line);background:#121214}.case-metric-grid>div:last-child{border-right:0}.case-metric-grid b{display:block;font-size:25px;color:#f1f1ef}.case-metric-grid span{display:block;margin-top:6px;color:#77777c;font-size:12px}.case-section{padding:70px 0;border-top:0}.case-section h2,.case-final h2{font-size:clamp(34px,3.1vw,48px);line-height:1.06;letter-spacing:-.035em;font-weight:500}.case-section>p{max-width:800px;color:#8a8a8f;line-height:1.6}.case-steps{grid-template-columns:repeat(3,1fr)}.case-steps span{color:var(--pact-accent);font-size:11px}.case-steps b{display:block;margin-top:8px}.case-quote{text-align:center}.case-quote blockquote{max-width:850px;margin:0 auto;color:#dededb;font-size:23px;line-height:1.5}.case-quote span{display:block;margin-top:16px;color:#77777c}.case-fit{text-align:center}.case-fit p{margin-left:auto;margin-right:auto}.case-final{text-align:center;border:1px solid rgba(245,166,47,.42);border-radius:22px;padding:58px 30px;margin-top:28px}.case-final p{color:#7e7e83}.case-final a{display:inline-flex;margin-top:20px;padding:14px 24px;border-radius:12px;background:#ededee;color:#111;text-decoration:none}.case-final small{display:block;margin-top:12px;color:#66666b}

/* profile decision architecture */
.template-profile .profile-match{border:1px solid rgba(245,166,47,.18)!important;background:rgba(245,166,47,.025)!important}.match-layout{display:grid;grid-template-columns:34% 66%;gap:20px;align-items:stretch}.match-layout>div:first-child{padding:26px}.match-layout strong{display:block;font-size:54px;letter-spacing:-.05em}.match-layout>div:first-child>span{color:var(--pact-accent);font-size:11px;letter-spacing:.1em}.match-layout p{color:#79797e;font-size:13px;line-height:1.5}.match-reasons{display:grid;grid-template-columns:1fr 1fr}.match-reasons article{padding:22px;border-left:1px solid var(--pact-line);border-bottom:1px solid var(--pact-line)}.match-reasons b{display:block;color:#ececea;font-size:13px}.match-reasons span{display:block;margin-top:6px;color:#77777c;font-size:12px}.profile-group-head{padding:54px 0 18px;text-align:left}.profile-group-head h2{max-width:900px;margin:8px 0 0;font-size:clamp(30px,2.8vw,42px);line-height:1.08;letter-spacing:-.035em;font-weight:500}.profile-group-head.compact{padding-top:20px}

/* make secondary pages product-led, no gratuitous divider rhythm */
.template-niche .pac-section,.template-platform .pac-section,.template-profile .pp-section{border-top:0!important}
.template-niche .pac-final-cta,.template-platform .pac-final-cta{margin-top:36px}

/* responsive */
@media(max-width:800px){
 .creator-proof-grid,.four-signal-cards,.case-steps,.case-metric-grid{grid-template-columns:1fr 1fr}
 .before-after,.match-layout{grid-template-columns:1fr}
 .match-reasons{grid-template-columns:1fr 1fr}
 .case-page-wrap{width:calc(100% - 28px)}
}
@media(max-width:520px){
 .creator-proof-grid,.four-signal-cards,.case-steps,.case-metric-grid,.match-reasons{grid-template-columns:1fr}
}

/* =========================================================
   v161 — requested footer micro-adjustments
   ========================================================= */

/* Preserve previous exact typography alignment. */
.pact-footer .footer-logo{
  min-height:44px!important;
  height:44px!important;
  margin:0 0 8px 0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}
.pact-footer .footer-logo-name--exact{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  font-size:17px!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
  color:var(--ink)!important;
  white-space:nowrap!important;
  margin:0!important;
  padding:0!important;
}
.pact-footer .footer-logo-mark{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  flex:0 0 32px!important;
  margin:0!important;
  border-radius:9px!important;
  font-size:15px!important;
}
.pact-footer .footer-brand-stats{
  margin:0!important;
  padding:0!important;
}
.pact-footer .footer-platform-stats{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
}
.pact-footer .footer-platform-row{
  display:grid!important;
  grid-template-columns:68px 12px auto!important;
  column-gap:0!important;
  align-items:center!important;
  width:max-content!important;
  min-height:18px!important;
  margin:0!important;
  padding:0!important;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:normal!important;
  color:var(--muted)!important;
}
.pact-footer .footer-platform-name,
.pact-footer .footer-platform-dot,
.pact-footer .footer-platform-value{
  font:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
}
.pact-footer .footer-platform-name{
  color:var(--muted)!important;
  text-align:left!important;
  white-space:nowrap!important;
}
.pact-footer .footer-platform-dot{
  color:var(--muted)!important;
  width:12px!important;
  text-align:center!important;
  justify-self:center!important;
}

/* Requested: move ONLY 308M / 122M / 16M 2 mm to the right.
   2 mm at CSS reference pixel density = 7.559... px. */
.pact-footer .footer-platform-value{
  color:var(--muted)!important;
  padding-left:7.56px!important;
  text-align:left!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}

/* Requested: description copy 40% smaller than its former 13 px.
   13px × 0.60 = 7.8px. */
.pact-footer .footer-brand-copy--v132{
  margin-top:22px!important;
  font-size:10.14px!important;
  font-weight:400!important;
  line-height:1.6!important;
  letter-spacing:normal!important;
}

/* First divider. Height is measured in JS to the bottom of TikTok
   in the Platforms subsection of the first column on the right. */
.pact-footer .footer-brand::after{
  content:""!important;
  position:absolute!important;
  top:14px!important;
  bottom:auto!important;
  right:0!important;
  width:2px!important;
  height:var(--pact-first-divider-height, 230px)!important;
  background:var(--line)!important;
  display:block!important;
}
@media(max-width:1100px){
  .pact-footer .footer-brand::after{display:none!important}
}

/* v163 — move ONLY the typed slide content lower inside the laptop.
   This shifts the whole block together on all 6 slides:
   step number → title → short copy → details → Next button.
   Tabs, divider/window chrome, progress bar and start invite are untouched. */
#s-landing .tw-copy{
  transform:translateY(16px)!important;
}

/* ============================================================
   APPROVED HEADER — exact v151 baseline. LOCKED.
   Future page/hero/footer/monitor edits must NOT modify these rules.
   ============================================================ */
#s-landing > .landing-nav{
  display:flex!important; position:fixed!important; top:0!important; left:0!important; right:0!important;
  width:100%!important; max-width:none!important; margin:0!important; box-sizing:border-box!important;
  align-items:center!important; justify-content:space-between!important; gap:24px!important;
  padding:14px max(48px,calc((100vw - 1440px)/2 + 48px))!important;
  min-height:70px!important; z-index:6000!important;
  background:rgba(12,11,16,.90)!important; backdrop-filter:blur(16px)!important; -webkit-backdrop-filter:blur(16px)!important;
  border:0!important; border-bottom:1px solid rgba(255,255,255,.08)!important; border-radius:0!important; box-shadow:none!important;
}
#s-landing > .landing-nav .lb-logo{display:flex!important;align-items:center!important;gap:9px!important;font-size:22px!important;font-weight:600!important;letter-spacing:-.02em!important;flex:0 0 auto!important}
#s-landing > .landing-nav .lb-mark{width:38px!important;height:38px!important;border-radius:50%!important;font-size:15px!important;font-weight:800!important}
#s-landing > .landing-nav .lb-name{font-size:22px!important;font-weight:600!important}
#s-landing > .landing-nav .lb-links{display:flex!important;align-items:center!important;justify-content:center!important;gap:30px!important;font-size:14px!important;flex:0 1 auto!important}
#s-landing > .landing-nav .lb-links>a,
#s-landing > .landing-nav .lb-about-btn{font-family:inherit!important;font-size:14px!important;font-weight:450!important;line-height:1!important;letter-spacing:normal!important;padding:0!important;margin:0!important;white-space:nowrap!important}
#s-landing > .landing-nav .lb-about-btn{display:inline-flex!important;align-items:center!important;gap:6px!important;border:0!important;background:transparent!important;height:auto!important;min-height:0!important;box-shadow:none!important}
#s-landing > .landing-nav .lb-about-btn .chev{width:11px!important;height:11px!important;flex:0 0 11px!important}
#s-landing > .landing-nav .lb-cta{display:flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important}
#s-landing > .landing-nav .lb-lang-picker-btn{height:34px!important;padding:0 10px!important;border-radius:9px!important;font-size:10.5px!important;font-weight:650!important}
#s-landing > .landing-nav .lb-icon-btn{padding:6px 9px!important;border-radius:8px!important;font-size:11.5px!important}
#s-landing > .landing-nav .lb-login{display:inline!important;font-size:14px!important}
#s-landing > .landing-nav .lb-signup{padding:10px 20px!important;font-size:14px!important;font-weight:600!important;border-radius:8px!important;min-height:40px!important;white-space:nowrap!important}
@media(max-width:1100px){#s-landing > .landing-nav .lb-links{gap:20px!important}#s-landing > .landing-nav .lb-links>a,#s-landing > .landing-nav .lb-about-btn{font-size:13px!important}}
@media(max-width:760px){#s-landing > .landing-nav{padding:12px 20px!important;min-height:62px!important}#s-landing > .landing-nav .lb-links{display:none!important}#s-landing > .landing-nav .lb-login{display:none!important}}

/* ============================================================
   PACT HERO COPY — LOCKED TO APPROVED v151
   DO NOT MODIFY FROM UNRELATED PAGE / FOOTER / MONITOR PATCHES.
   Source: service_flow_prototype_pact_v151_routing_selfchecked.html
   ============================================================ */

/* Exact v151 H1 geometry, to keep subtitle anchored to the approved title. */
#s-landing .hero-fruit-concept .fruit-center h1{
  margin:0!important;
  font-family:inherit!important;
  font-size:72px!important;
  line-height:.98!important;
  font-weight:500!important;
  letter-spacing:-.05em!important;
}

/* Exact approved v151 subtitle typography + placement under H1. */
#s-landing .hero-fruit-concept .fruit-center .fruit-lead{
  width:100%!important;
  max-width:1100px!important;
  margin:23px auto 0!important;
  padding:0!important;
  color:rgba(255,255,255,.62)!important;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  font-size:17px!important;
  font-weight:400!important;
  line-height:1.58!important;
  letter-spacing:normal!important;
  text-align:center!important;
}

/* v151 places the proof sentence on its own line, with this exact gap. */
#s-landing .hero-fruit-concept .fruit-center .hero-copy-proof{
  display:block!important;
  margin:.55em auto 0!important;
  color:#fff!important;
  opacity:1!important;
  font:inherit!important;
  line-height:inherit!important;
  text-align:center!important;
}

/* Preserve the approved v151 responsive behavior. */
@media(max-width:1000px){
  #s-landing .hero-fruit-concept .fruit-center h1{
    font-size:62px!important;
  }
}
@media(max-width:760px){
  #s-landing .hero-fruit-concept .fruit-center h1{
    font-size:48px!important;
  }
  #s-landing .hero-fruit-concept .fruit-center .fruit-lead{
    max-width:100%!important;
    font-size:15px!important;
  }
}

/* v167 — approved comparison-table refinement */
#s-landing .cf-compare-table{border:1px solid rgba(255,255,255,.11)!important;border-radius:22px!important;overflow:hidden!important;background:#171718!important}
#s-landing .cf-compare-table .cf-row{min-height:64px!important}
#s-landing .cf-compare-table .cf-row > div{padding:15px 18px!important}
#s-landing .cf-compare-table .cf-row-head{min-height:64px!important}
#s-landing .cf-compare-table .cf-row-head > div:not(:first-child){font-size:17px!important;line-height:1.2!important;font-weight:750!important;letter-spacing:-.012em!important;color:#f3f3f1!important}
#s-landing .cf-compare-table .cf-row-head > .cf-pact-col{color:var(--accent)!important}
#s-landing .cf-compare-table .cf-row-label{display:flex!important;align-items:center!important;gap:13px!important;color:#f1f1ef!important;font-weight:700!important}
#s-landing .cf-compare-table .cf-row-icon{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;color:var(--accent)}
#s-landing .cf-compare-table .cf-row-icon svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Summary is the true last table row. The preceding campaign row stays square and all rows keep the same height. */
#s-landing .cf-compare-table .compact-workflow-proof{margin:0!important;min-height:64px!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;background:#101011!important;padding:13px 22px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;text-align:left!important}
#s-landing .cf-compare-table .compact-workflow-proof .compact-workflow-icon{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;color:var(--accent)}
#s-landing .cf-compare-table .compact-workflow-proof .compact-workflow-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#s-landing .cf-compare-table .compact-workflow-proof strong{color:#f1f1ef!important;font-size:15px!important;line-height:1.35!important;font-weight:700!important;white-space:nowrap}
#s-landing .cf-compare-table .compact-workflow-proof > span:last-child{color:#85858a!important;font-size:12.5px!important;line-height:1.35!important}
@media(max-width:900px){#s-landing .cf-compare-table .compact-workflow-proof{flex-direction:row!important;flex-wrap:wrap!important;gap:8px 14px!important}#s-landing .cf-compare-table .compact-workflow-proof strong{white-space:normal}}

/* v170 — comparison summary row:
   EXACT same rendered height as the row immediately above it,
   while preserving horizontal + vertical centering. */
#s-landing .cf-compare-table .compact-workflow-proof{
  width:100%!important;
  height:var(--compare-summary-row-height, 62px)!important;
  min-height:0!important;
  max-height:none!important;
  box-sizing:border-box!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  gap:22px!important;
  margin:0!important;
  padding:0 32px!important;
  text-align:center!important;
}

#s-landing .cf-compare-table .compact-workflow-proof .compact-workflow-icon,
#s-landing .cf-compare-table .compact-workflow-proof strong,
#s-landing .cf-compare-table .compact-workflow-proof > span:last-child{
  margin:0!important;
  padding:0!important;
  align-self:center!important;
  line-height:1.25!important;
  flex:0 0 auto!important;
}

/* Keep exact single-line centered layout on desktop. */
@media(max-width:900px){
  #s-landing .cf-compare-table .compact-workflow-proof{
    height:auto!important;
    min-height:var(--compare-summary-row-height, 62px)!important;
    flex-wrap:wrap!important;
    gap:8px 14px!important;
    padding:12px 20px!important;
  }
}

/* v171 — FROZEN COMPARISON TABLE TYPOGRAPHY ONLY.
   Do not touch Hero. Do not alter table geometry/heights/centering. */

/* Match the medium/bold emphasis used by monitor step labels (01 Бриф, 02 Подбор...). */
#s-landing .cf-compare-table .cf-head .cf-cell,
#s-landing .cf-compare-table .cf-row .cf-cell:first-child,
#s-landing .cf-compare-table .compact-workflow-proof strong{
  font-weight:600!important;
}

/* v172 — comparison table top headers only.
   Same medium weight as monitor tabs: 01 Бриф / 02 Подбор / etc.
   Geometry, size, spacing, colors and all frozen blocks remain untouched. */
#s-landing .cf-compare-table .cf-row-head > div:nth-child(n+2){
  font-weight:600!important;
}

/* ============================================================
   v177 — AI section matched as closely as possible to supplied reference.
   Scoped ONLY to #why-these-creators.
   Frozen Hero and Comparison stay untouched.
   ============================================================ */
#why-these-creators{
  width:min(1380px,calc(100% - 48px));
  margin:0 auto;
  padding:76px 0 88px;
}
#why-these-creators .ai-match-head{
  max-width:930px;
  margin:0 auto 24px;
  text-align:center;
}
#why-these-creators .ai-match-kicker{
  color:var(--accent);
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.14em;
  margin-bottom:12px;
}
#why-these-creators .ai-match-head h2{
  margin:0;
  font-size:40px;
  line-height:1.15;
  letter-spacing:-.02em;
  font-weight:500;
}
#why-these-creators .ai-match-head p{
  max-width:860px;
  margin:17px auto 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.6;
}

#why-these-creators .ai-ref-stage{
  position:relative;
  min-height:560px;
  margin-top:14px;
  background:transparent;
}
#why-these-creators .ai-ref-lines{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:1;
}
#why-these-creators .ai-ref-lines path{
  fill:none;
  stroke:rgba(240,173,52,.58);
  stroke-width:1.35;
}

#why-these-creators .ai-ref-card{
  position:absolute;
  z-index:3;
  width:356px;
  min-height:218px;
  padding:20px 20px 18px;
  border:1px solid rgba(240,173,52,.35);
  border-radius:22px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.018),rgba(255,255,255,.003)),
    #111112;
  box-shadow:0 18px 45px rgba(0,0,0,.22);
}
#why-these-creators .ai-ref-card--content{left:0;top:30px}
#why-these-creators .ai-ref-card--audience{right:0;top:30px}
#why-these-creators .ai-ref-card--results{left:0;bottom:30px}
#why-these-creators .ai-ref-card--contact{right:0;bottom:30px}

#why-these-creators .ai-ref-card-top{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:15px;
  align-items:start;
}
#why-these-creators .ai-ref-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:var(--accent);
  background:rgba(240,173,52,.055);
  border:1px solid rgba(240,173,52,.32);
}
#why-these-creators .ai-ref-icon svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#why-these-creators .ai-ref-card h3{
  margin:5px 0 8px;
  color:var(--ink);
  font-size:18px;
  font-weight:600;
  line-height:1.2;
}
#why-these-creators .ai-ref-card p{
  margin:0;
  min-height:58px;
  color:var(--muted);
  font-size:13px;
  line-height:1.52;
}
#why-these-creators .ai-ref-proof{
  margin-top:18px;
  padding:13px 14px 12px 17px;
  border-radius:14px;
  border:1px solid rgba(240,173,52,.19);
  background:rgba(240,173,52,.025);
  display:flex;
  flex-direction:column;
  gap:7px;
  position:relative;
}
#why-these-creators .ai-ref-proof::before{
  content:"";
  position:absolute;
  left:13px;
  top:17px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 7px rgba(240,173,52,.06);
}
#why-these-creators .ai-ref-proof strong{
  padding-left:18px;
  color:var(--accent);
  font-size:13px;
  font-weight:600;
  line-height:1.25;
}
#why-these-creators .ai-ref-proof span{
  padding-left:18px;
  color:var(--muted);
  font-size:11.5px;
  line-height:1.35;
}

#why-these-creators .ai-ref-ring{
  position:absolute;
  left:50%;
  top:50%;
  border-radius:50%;
  transform:translate(-50%,-50%);
  z-index:1;
  pointer-events:none;
}
#why-these-creators .ai-ref-ring--outer{
  width:430px;
  height:430px;
  border:1px solid rgba(240,173,52,.52);
}
#why-these-creators .ai-ref-ring--inner{
  width:365px;
  height:365px;
  border:1px solid rgba(240,173,52,.70);
  box-shadow:0 0 65px rgba(240,173,52,.10);
}

#why-these-creators .ai-ref-center{
  position:absolute;
  z-index:4;
  left:50%;
  top:50%;
  width:350px;
  height:350px;
  transform:translate(-50%,-50%);
}
#why-these-creators .ai-ref-photo{
  position:absolute;
  inset:0;
  border-radius:50%;
  overflow:hidden;
  border:1px solid rgba(240,173,52,.70);
  background:#25160a;
}
#why-these-creators .ai-ref-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:50% 38%;
}
#why-these-creators .ai-ref-badge{
  position:absolute;
  left:50%;
  bottom:-12px;
  min-width:174px;
  transform:translateX(-50%);
  padding:12px 17px 13px;
  border-radius:15px;
  text-align:center;
  background:rgba(26,22,17,.94);
  border:1px solid rgba(240,173,52,.28);
  box-shadow:0 14px 35px rgba(0,0,0,.36);
  backdrop-filter:blur(10px);
}
#why-these-creators .ai-ref-handle{
  color:#fff;
  font-size:17px;
  font-weight:600;
  line-height:1.1;
}
#why-these-creators .ai-ref-score{
  margin-top:8px;
  color:var(--accent);
  font-size:47px;
  line-height:.95;
  font-weight:650;
  letter-spacing:-.045em;
}
#why-these-creators .ai-ref-score-label{
  margin-top:4px;
  color:#fff;
  font-size:11px;
  line-height:1;
}

#why-these-creators .ai-ref-node{
  position:absolute;
  z-index:2;
  width:11px;
  height:11px;
  border-radius:50%;
  background:#f4b23f;
  box-shadow:0 0 0 8px rgba(244,178,63,.045),0 0 18px rgba(244,178,63,.62);
}
#why-these-creators .ai-ref-node--tl{left:calc(50% - 215px);top:calc(50% - 122px)}
#why-these-creators .ai-ref-node--tr{left:calc(50% + 204px);top:calc(50% - 122px)}
#why-these-creators .ai-ref-node--bl{left:calc(50% - 215px);top:calc(50% + 112px)}
#why-these-creators .ai-ref-node--br{left:calc(50% + 204px);top:calc(50% + 112px)}

#why-these-creators .ai-ref-summary{
  min-height:76px;
  margin-top:16px;
  padding:0 30px;
  border:1px solid rgba(240,173,52,.27);
  border-radius:18px;
  background:
    linear-gradient(90deg,rgba(240,173,52,.015),rgba(240,173,52,.04),rgba(240,173,52,.015)),
    #101011;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  text-align:center;
}
#why-these-creators .ai-ref-summary-icon{
  width:44px;
  height:44px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--accent);
  background:rgba(240,173,52,.045);
  border:1px solid rgba(240,173,52,.18);
}
#why-these-creators .ai-ref-summary-icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#why-these-creators .ai-ref-summary strong{
  font-size:18px;
  font-weight:600;
}
#why-these-creators .ai-ref-arrow{
  color:var(--accent);
  font-size:31px;
  line-height:1;
}

@media(max-width:1280px){
  #why-these-creators .ai-match-head h2{font-size:32px}
}
@media(max-width:1180px){
  #why-these-creators .ai-ref-stage{min-height:680px}
  #why-these-creators .ai-ref-lines,
  #why-these-creators .ai-ref-ring,
  #why-these-creators .ai-ref-node{display:none}
  #why-these-creators .ai-ref-center{
    top:185px;
    width:280px;
    height:280px;
  }
  #why-these-creators .ai-ref-card{
    width:calc(50% - 18px);
    min-height:205px;
  }
  #why-these-creators .ai-ref-card--content{left:0;top:350px}
  #why-these-creators .ai-ref-card--audience{right:0;top:350px}
  #why-these-creators .ai-ref-card--results{left:0;bottom:0}
  #why-these-creators .ai-ref-card--contact{right:0;bottom:0}
}
@media(max-width:700px){
  #why-these-creators{
    width:calc(100% - 28px);
    padding:56px 0 64px;
  }
  #why-these-creators .ai-match-head h2{font-size:28px}
  #why-these-creators .ai-match-head p{font-size:14px}
  #why-these-creators .ai-ref-stage{
    min-height:auto;
    display:flex;
    flex-direction:column;
    gap:12px;
  }
  #why-these-creators .ai-ref-center{
    position:relative;
    left:auto;top:auto;
    transform:none;
    width:260px;
    height:260px;
    margin:0 auto 24px;
    order:-1;
  }
  #why-these-creators .ai-ref-card{
    position:relative;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%;
    min-height:auto;
  }
  #why-these-creators .ai-ref-summary{
    min-height:88px;
    padding:14px 16px;
    gap:10px 14px;
    flex-wrap:wrap;
  }
  #why-these-creators .ai-ref-summary strong{font-size:15px}
}

/* v179 — EXACT homepage H2 typography.
   Source of truth already present in this artifact:
   #s-landing h2 / .section-head h2 = 38px / 1.12 / 500 / -0.02em / max 760.
   This rule only makes the AI heading obey that exact same definition. */
#s-landing #why-these-creators .ai-match-head h2{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  font-size:38px!important;
  line-height:1.12!important;
  font-weight:500!important;
  font-style:normal!important;
  letter-spacing:-.02em!important;
  text-align:center!important;
  max-width:760px!important;
  margin:0 auto 10px!important;
}
@media(max-width:700px){
  #s-landing #why-these-creators .ai-match-head h2{
    font-size:30px!important;
  }
}

/* v180 — AI proof blocks only */
#why-these-creators .ai-ref-proof{
  margin-top:18px!important;
  padding:13px 14px 12px 14px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  background:rgba(255,255,255,.075)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#why-these-creators .ai-ref-proof::before{
  display:none!important;
  content:none!important;
}
#why-these-creators .ai-ref-proof strong,
#why-these-creators .ai-ref-proof span{
  padding-left:0!important;
}
#why-these-creators .ai-ref-proof strong{
  color:rgba(255,255,255,.90)!important;
  font-size:13px!important;
  font-weight:600!important;
}
#why-these-creators .ai-ref-proof span{
  color:rgba(255,255,255,.58)!important;
}

/* ============================================================
   v185 — AI center matched to supplied reference.
   ONLY #why-these-creators is touched.
   ============================================================ */

/* CONNECTORS — curved, attached directly to card frames,
   and ending at the exact centers of the star nodes. */
#why-these-creators .ai-ref-lines{
  z-index:4!important;
  pointer-events:none!important;
}
#why-these-creators .ai-ref-lines path{
  fill:none!important;
  stroke:#e7a32b!important;
  stroke-width:1.8px!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* OUTER RING — subtle but clearly visible like reference. */
#why-these-creators .ai-ref-ring--outer{
  width:430px!important;
  height:430px!important;
  border:1.4px solid rgba(231,163,43,.74)!important;
  box-shadow:none!important;
  background:transparent!important;
  z-index:2!important;
}

/* PHOTO-EDGE RING — thinner than v184, exactly on the photo edge.
   Reference uses a clean golden rim, not a heavy glowing halo. */
#why-these-creators .ai-ref-ring--inner{
  width:365px!important;
  height:365px!important;
  border:2.4px solid #efaa33!important;
  box-shadow:none!important;
  background:transparent!important;
  z-index:6!important;
}

/* PHOTO — fills the inner circle, no gap, no blur/glow. */
#why-these-creators .ai-ref-center{
  width:365px!important;
  height:365px!important;
  z-index:5!important;
}
#why-these-creators .ai-ref-photo{
  inset:0!important;
  border:0!important;
  border-radius:50%!important;
  overflow:hidden!important;
  box-shadow:none!important;
  filter:none!important;
}
#why-these-creators .ai-ref-photo img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:50% 38%!important;
  filter:none!important;
  box-shadow:none!important;
}

/* Remove all unrequested fades/halos around portrait and circle edges. */
#why-these-creators .ai-ref-center::after,
#why-these-creators .ai-ref-stage::after{
  display:none!important;
  content:none!important;
}

/* STAR NODES — EXACTLY on outer ring and exactly at connector endpoints. */
#why-these-creators .ai-ref-node{
  width:12px!important;
  height:12px!important;
  margin-left:-6px!important;
  margin-top:-6px!important;
  border-radius:50%!important;
  background:#f5b23e!important;
  box-shadow:
    0 0 0 3px rgba(245,178,62,.10),
    0 0 9px 2px rgba(245,178,62,.90)!important;
  z-index:7!important;
}
#why-these-creators .ai-ref-node--tl{
  left:calc(50% - 177px)!important;
  top:calc(50% - 122px)!important;
}
#why-these-creators .ai-ref-node--tr{
  left:calc(50% + 177px)!important;
  top:calc(50% - 122px)!important;
}
#why-these-creators .ai-ref-node--bl{
  left:calc(50% - 177px)!important;
  top:calc(50% + 122px)!important;
}
#why-these-creators .ai-ref-node--br{
  left:calc(50% + 177px)!important;
  top:calc(50% + 122px)!important;
}

/* BADGE — slightly larger like reference and visually topmost.
   Compact height; overlaps photo and both rings. */
#why-these-creators .ai-ref-badge{
  width:184px!important;
  min-width:184px!important;
  min-height:0!important;
  height:auto!important;
  bottom:-54px!important;
  padding:12px 16px 14px!important;
  border-radius:16px!important;
  background:rgba(25,21,17,.97)!important;
  border:1px solid rgba(233,166,47,.34)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.48)!important;
  z-index:20!important;
}
#why-these-creators .ai-ref-handle{
  font-size:18px!important;
  font-weight:600!important;
  line-height:1!important;
}
#why-these-creators .ai-ref-score{
  margin-top:9px!important;
  font-size:56px!important;
  line-height:.90!important;
  font-weight:650!important;
  letter-spacing:-.055em!important;
}
#why-these-creators .ai-ref-score-label{
  margin-top:7px!important;
  font-size:11px!important;
  line-height:1!important;
}

/* Ensure center content/badge remain above rings, lines and nodes. */
#why-these-creators .ai-ref-photo{z-index:5!important}
#why-these-creators .ai-ref-badge{position:absolute!important}

/* Keep card geometry stable so connector origins are truly on the borders. */
#why-these-creators .ai-ref-card--content{left:0!important;top:30px!important}
#why-these-creators .ai-ref-card--audience{right:0!important;top:30px!important}
#why-these-creators .ai-ref-card--results{left:0!important;bottom:30px!important}
#why-these-creators .ai-ref-card--contact{right:0!important;bottom:30px!important}

/* ============================================================
   v186 — TRUST BLOCK / PRODUCT UI VARIANT
   Scoped ONLY to #trust-home.
   Hero, AI block, monitor and frozen comparison are untouched.
   ============================================================ */

#trust-home .trust-product-ui{
  width:min(1180px,100%);
  margin:38px auto 0;
  padding:20px 22px 18px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 35%,rgba(232,169,58,.06),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006)),
    #111112;
  box-shadow:0 18px 55px rgba(0,0,0,.20);
}

#trust-home .trust-product-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:0 2px 14px;
}
#trust-home .trust-product-topline strong{
  color:var(--ink);
  font-size:13px;
  font-weight:600;
  letter-spacing:.015em;
}
#trust-home .trust-product-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:rgba(255,255,255,.68);
  font-size:12px;
}
#trust-home .trust-product-status i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#56d36f;
  box-shadow:0 0 10px rgba(86,211,111,.45);
}

#trust-home .trust-product-moneyflow{
  min-height:92px;
  padding:14px 24px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  display:grid;
  grid-template-columns:1fr auto 1.25fr auto 1fr;
  align-items:center;
  gap:20px;
  background:rgba(255,255,255,.012);
}

#trust-home .trust-product-party{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
}
#trust-home .trust-product-party-icon{
  width:34px;
  height:34px;
  color:var(--accent);
  display:grid;
  place-items:center;
}
#trust-home .trust-product-party-icon svg{
  width:28px;
  height:28px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#trust-home .trust-product-party b{
  font-size:16px;
  font-weight:600;
}

#trust-home .trust-product-arrow{
  color:var(--accent);
  font-size:25px;
  line-height:1;
  opacity:.92;
}

#trust-home .trust-product-amount{
  text-align:center;
}
#trust-home .trust-product-amount strong{
  display:block;
  color:var(--accent);
  font-size:30px;
  line-height:1;
  font-weight:650;
  letter-spacing:-.035em;
}
#trust-home .trust-product-amount span{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:11.5px;
}

#trust-home .trust-product-states{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:18px;
}
#trust-home .trust-product-state{
  min-height:66px;
  padding:12px 16px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:13px;
  display:flex;
  align-items:center;
  gap:11px;
  background:rgba(255,255,255,.012);
}
#trust-home .trust-product-state-icon{
  flex:0 0 auto;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:16px;
  font-weight:700;
}
#trust-home .trust-product-state-icon--ok{
  color:#58d574;
  background:rgba(88,213,116,.07);
  box-shadow:0 0 14px rgba(88,213,116,.10);
}
#trust-home .trust-product-state-icon--shield{
  color:var(--accent);
  border-radius:0;
}
#trust-home .trust-product-state-icon--shield svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#trust-home .trust-product-state div{
  display:flex;
  flex-direction:column;
  gap:3px;
}
#trust-home .trust-product-state b{
  font-size:13px;
  font-weight:500;
}
#trust-home .trust-product-state span:not(.trust-product-state-icon){
  color:var(--muted);
  font-size:11.5px;
}

#trust-home .trust-product-timeline{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:18px;
  padding-top:12px;
}
#trust-home .trust-product-line{
  position:absolute;
  left:0;
  right:0;
  top:17px;
  height:1px;
  background:linear-gradient(90deg,rgba(232,169,58,.82),rgba(232,169,58,.95),rgba(232,169,58,.82));
}
#trust-home .trust-product-step{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:9px;
}
#trust-home .trust-product-step i{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#fff4cf;
  border:2px solid var(--accent);
  box-shadow:0 0 10px rgba(232,169,58,.48);
}
#trust-home .trust-product-step span{
  color:rgba(255,255,255,.72);
  font-size:11px;
}

@media(max-width:850px){
  #trust-home .trust-product-moneyflow{
    grid-template-columns:1fr;
    gap:10px;
    text-align:center;
  }
  #trust-home .trust-product-arrow{
    transform:rotate(90deg);
  }
  #trust-home .trust-product-states{
    grid-template-columns:1fr;
  }
}

/* v187 — equal AI signal cards; remove extra blank row in contact card only. */
#why-these-creators .ai-ref-card{
  height:218px!important;
  min-height:218px!important;
  box-sizing:border-box!important;
}
#why-these-creators .ai-ref-card--contact p{
  min-height:40px!important;
}
#why-these-creators .ai-ref-card--contact .ai-ref-proof{
  margin-top:auto!important;
}
/* Keep all four grey proof panels aligned to the same bottom edge. */
#why-these-creators .ai-ref-card{
  display:flex!important;
  flex-direction:column!important;
}
#why-these-creators .ai-ref-card .ai-ref-proof{
  margin-top:auto!important;
}

/* v190 — explicit user request: make “одна оценка соответствия” exactly the same font size as “7 отдельных процессов → единый процесс в Pact”. Desktop comparison text is frozen at 15px. */
#why-these-creators .ai-ref-summary strong{font-size:15px!important;}

/* v191 — requested typography alignment only. */
#why-these-creators .ai-ref-summary > span:nth-of-type(2){
  color:#85858a!important;
}
#s-landing .cf-compare-table .compact-workflow-proof > span:last-child{
  font-size:15px!important;
  color:#85858a!important;
}

/* v192 — requested summary-row cleanup only */

/* STEP 1: AI summary — no left icon, smaller arrow */
#why-these-creators .ai-ref-summary{
  gap:14px!important;
}
#why-these-creators .ai-ref-arrow{
  color:var(--accent)!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:400!important;
}

/* STEP 2: comparison summary — no left icon.
   Arrow matches AI arrow EXACTLY in size and color. */
#compare .compact-workflow-proof{
  gap:14px!important;
}
#compare .compare-summary-arrow{
  color:var(--accent)!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:400!important;
  display:inline-block!important;
  vertical-align:baseline!important;
}

/* v193 — AI summary typography only */

/* "Десятки сигналов" = same gray as workflow list */
#why-these-creators .ai-ref-summary strong:first-of-type{
  color:#85858a!important;
  font-weight:400!important;
}

/* Arrow: slightly larger, slightly heavier, orange */
#why-these-creators .ai-ref-arrow{
  color:var(--accent)!important;
  font-size:21px!important;
  font-weight:600!important;
  line-height:1!important;
}

/* v201 — scale down ONLY the central creator composition to match reference proportions.
   Cards, copy, summary line, Hero, monitor and frozen comparison are untouched. */

#why-these-creators .ai-ref-ring--outer{
  width:360px !important;
  height:360px !important;
}
#why-these-creators .ai-ref-ring--inner{
  width:308px !important;
  height:308px !important;
}
#why-these-creators .ai-ref-center{
  width:308px !important;
  height:308px !important;
}

/* move star nodes inward with the smaller outer ring */
#why-these-creators .ai-ref-node--tl{
  left:calc(50% - 148px) !important;
  top:calc(50% - 102px) !important;
}
#why-these-creators .ai-ref-node--tr{
  left:calc(50% + 148px) !important;
  top:calc(50% - 102px) !important;
}
#why-these-creators .ai-ref-node--bl{
  left:calc(50% - 148px) !important;
  top:calc(50% + 102px) !important;
}
#why-these-creators .ai-ref-node--br{
  left:calc(50% + 148px) !important;
  top:calc(50% + 102px) !important;
}

/* compact badge, closer to the reference proportions */
#why-these-creators .ai-ref-badge{
  width:154px !important;
  min-width:154px !important;
  bottom:-44px !important;
  padding:10px 12px 12px !important;
  border-radius:15px !important;
}
#why-these-creators .ai-ref-handle{
  font-size:16px !important;
}
#why-these-creators .ai-ref-score{
  font-size:48px !important;
  margin-top:7px !important;
}
#why-these-creators .ai-ref-score-label{
  font-size:10px !important;
  margin-top:6px !important;
}

/* Re-route connector endpoints to the smaller outer ring.
   Keep origins on the card frames, preserve gentle curves. */

/* v202 — move only “Десятки сигналов → одна оценка соответствия” one text-line upward */
#why-these-creators .ai-summary,
#why-these-creators .ai-ref-summary,
#why-these-creators [class*="summary"]{
  transform: translateY(-28px) !important;
}

/* v205 — restore normal design-system section rhythm before WHY PACT.
   Only the WHY PACT section is moved upward; its internal layout is untouched. */
#compare{
  margin-top:-56px !important;
}

.v253-ranking-method{margin:12px 0 18px;padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}
.v253-ranking-method p{margin:0;color:var(--muted);font-size:11.5px;line-height:1.6;max-width:980px}
.v253-ranking-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}
.v253-ranking-chips span{padding:6px 8px;border:1px solid rgba(232,169,58,.18);border-radius:999px;background:rgba(232,169,58,.035);color:#d8d8dc;font-size:9px;font-weight:600}
.v253-ranking-method small{display:block;margin-top:9px;color:var(--hint);font-size:8.8px;line-height:1.45}
#v253-niche-geo .pac-cities{display:flex;flex-wrap:wrap;gap:8px}
#v253-niche-geo .v253-geo-pill{cursor:default}
@media(max-width:760px){.v253-ranking-method{padding:13px}.v253-ranking-chips{gap:6px}.v253-ranking-chips span{font-size:8.5px}}

.v254-ranking-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:18px}
.v254-rank-card,.v254-proof-card{min-width:0;padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.v254-rank-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v254-rank-head span{color:var(--hint);font-size:8px;font-weight:800;letter-spacing:.08em}.v254-rank-head strong{color:var(--accent);font-size:19px}
.v254-rank-card h3{margin:12px 0 0;color:var(--ink);font-size:14px;font-weight:550}
.v254-rank-metrics{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:6px;margin-top:12px}
.v254-rank-metrics>div{padding:8px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.018)}
.v254-rank-metrics small{display:block;color:var(--hint);font-size:7px;letter-spacing:.06em}.v254-rank-metrics b{display:block;margin-top:4px;color:var(--ink);font-size:9px;font-weight:550}
.v254-rank-card p{margin:11px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.v254-proof-why{margin-top:8px;color:var(--muted);font-size:9px;line-height:1.45}
@media(max-width:900px){.v254-ranking-demo-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.v254-ranking-demo-grid{grid-template-columns:1fr}.v254-rank-metrics{grid-template-columns:1fr}}

#pact-global-public-nav{
 display:none!important;position:fixed!important;top:0!important;left:0!important;right:0!important;
 width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box!important;
 align-items:center!important;justify-content:space-between!important;gap:24px!important;
 padding:14px max(48px,calc((100vw - 1440px)/2 + 48px))!important;min-height:70px!important;
 z-index:6000!important;background:rgba(12,11,16,.90)!important;
 backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
 border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;box-shadow:none!important
}
body.pact-public-screen #pact-global-public-nav{display:flex!important}
#pact-global-public-nav .lb-logo{display:flex!important;align-items:center!important;gap:9px!important;font-size:22px!important;font-weight:600!important;letter-spacing:-.02em!important;flex:0 0 auto!important}
#pact-global-public-nav .lb-mark{width:38px!important;height:38px!important;border-radius:50%!important;font-size:15px!important;font-weight:800!important}
#pact-global-public-nav .lb-name{font-size:22px!important;font-weight:600!important}
#pact-global-public-nav .lb-links{display:flex!important;align-items:center!important;justify-content:center!important;gap:30px!important;font-size:14px!important;flex:0 1 auto!important}
#pact-global-public-nav .lb-links>a,#pact-global-public-nav .lb-about-btn{font-family:inherit!important;font-size:14px!important;font-weight:450!important;line-height:1!important;letter-spacing:normal!important;padding:0!important;margin:0!important;white-space:nowrap!important}
#pact-global-public-nav .lb-about-btn{display:inline-flex!important;align-items:center!important;gap:6px!important;border:0!important;background:transparent!important;height:auto!important;min-height:0!important;box-shadow:none!important}
#pact-global-public-nav .lb-about-btn .chev{width:11px!important;height:11px!important;flex:0 0 11px!important}
#pact-global-public-nav .lb-cta{display:flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important}
#pact-global-public-nav .lb-lang-picker-btn{height:34px!important;padding:0 10px!important;border-radius:9px!important;font-size:10.5px!important;font-weight:650!important}
#pact-global-public-nav .lb-icon-btn{padding:6px 9px!important;border-radius:8px!important;font-size:11.5px!important}
#pact-global-public-nav .lb-login{display:inline!important;font-size:14px!important}
#pact-global-public-nav .lb-signup{padding:10px 20px!important;font-size:14px!important;font-weight:600!important;border-radius:8px!important;min-height:40px!important;white-space:nowrap!important;background:#f59b2f!important;border-color:#f59b2f!important;color:#21160a!important}
#pact-global-public-nav .lb-signup:hover{background:#ffa93f!important;border-color:#ffa93f!important}
body.pact-public-screen .main{padding-top:70px!important}
@media(max-width:1100px){
 #pact-global-public-nav{padding:12px 20px!important;min-height:62px!important}
 #pact-global-public-nav .lb-links{gap:20px!important}
 #pact-global-public-nav .lb-links>a,#pact-global-public-nav .lb-about-btn{font-size:13px!important}
 body.pact-public-screen .main{padding-top:62px!important}
}
@media(max-width:760px){
 #pact-global-public-nav{padding:12px 16px!important;min-height:62px!important}
 #pact-global-public-nav .lb-links{display:none!important}
 #pact-global-public-nav .lb-login{display:none!important}
 #pact-global-public-nav .lb-name{font-size:20px!important}
 #pact-global-public-nav .lb-mark{width:34px!important;height:34px!important}
}

/* v256 — restore the approved compact "О нас" dropdown inside the global sticky header */
#pact-global-public-nav .lb-about-dropdown{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  height:auto!important;
}
#pact-global-public-nav .lb-about-btn{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  width:auto!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.76)!important;
  font-family:inherit!important;
  font-size:14px!important;
  font-weight:450!important;
  line-height:1!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
#pact-global-public-nav .lb-about-btn:hover,
#pact-global-public-nav .lb-about-btn[aria-expanded="true"]{
  color:#fff!important;
}
#pact-global-public-nav .lb-about-btn .chev{
  display:block!important;
  width:11px!important;
  height:11px!important;
  flex:0 0 11px!important;
  transition:transform .18s ease!important;
}
#pact-global-public-nav .lb-about-btn[aria-expanded="true"] .chev{
  transform:rotate(180deg)!important;
}
#pact-global-public-nav .lb-about-menu{
  display:none!important;
  position:absolute!important;
  top:calc(100% + 14px)!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  min-width:190px!important;
  padding:8px!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:12px!important;
  background:rgba(18,16,24,.98)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.30)!important;
  z-index:10050!important;
}
#pact-global-public-nav .lb-about-dropdown.open .lb-about-menu,
#pact-global-public-nav .lb-about-btn[aria-expanded="true"] + .lb-about-menu{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
}
#pact-global-public-nav .lb-about-menu a{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  padding:10px 11px!important;
  margin:0!important;
  border-radius:8px!important;
  color:rgba(255,255,255,.82)!important;
  font-size:13px!important;
  line-height:1.2!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
#pact-global-public-nav .lb-about-menu a:hover{
  color:#fff!important;
  background:rgba(255,255,255,.06)!important;
}
[data-theme="light"] #pact-global-public-nav .lb-about-btn{
  color:rgba(25,22,28,.72)!important;
}
[data-theme="light"] #pact-global-public-nav .lb-about-btn:hover,
[data-theme="light"] #pact-global-public-nav .lb-about-btn[aria-expanded="true"]{
  color:#171419!important;
}
[data-theme="light"] #pact-global-public-nav .lb-about-menu{
  background:rgba(248,246,249,.98)!important;
  border-color:rgba(20,16,24,.10)!important;
  box-shadow:0 14px 34px rgba(45,35,50,.16)!important;
}
[data-theme="light"] #pact-global-public-nav .lb-about-menu a{
  color:rgba(25,22,28,.80)!important;
}
[data-theme="light"] #pact-global-public-nav .lb-about-menu a:hover{
  color:#171419!important;
  background:rgba(20,16,24,.05)!important;
}
@media(max-width:1100px){
  #pact-global-public-nav .lb-about-btn{font-size:13px!important}
}
@media(max-width:760px){
  #pact-global-public-nav .lb-about-dropdown{display:none!important}
}

.vs-more-pill.is-all{border-color:var(--accent);color:var(--accent);font-weight:600}
.v291-cat-group{margin-bottom:26px}
.v291-cat-group h3{font-size:17px;margin:0 0 10px}
.v291-cat-note{color:var(--muted);font-size:14px;margin:0 0 12px}

.v300-ai{border-top:1px solid var(--line,rgba(255,255,255,.08));margin-top:28px;padding-top:26px;display:grid;grid-template-columns:1.25fr 1fr;gap:40px}
.v300-ai-eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#8a8a8a);font-weight:600;margin-bottom:14px}
.v300-ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v300-ai-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--line,rgba(255,255,255,.1));border-radius:12px;text-decoration:none;transition:border-color .18s,background .18s}
.v300-ai-card:hover{border-color:rgba(255,169,63,.55);background:rgba(255,169,63,.05)}
.v300-ai-card b{display:block;font-size:14px;font-weight:600;color:var(--fg,#fff);line-height:1.3}
.v300-ai-card small{display:block;font-size:12px;color:var(--muted,#8a8a8a);margin-top:3px}
.v300-ai-card i{font-style:normal;font-size:15px;color:var(--muted,#8a8a8a);flex:0 0 auto}
.v300-ai-card:hover i{color:#ffa93f}
.v300-ai-ask p{font-size:13.5px;color:var(--muted,#8a8a8a);line-height:1.5;margin:0 0 16px}
.v300-ai-engines{display:flex;gap:10px;flex-wrap:wrap}
.v300-ai-engine{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(0,0,0,.06);text-decoration:none;transition:transform .16s}
.v300-ai-engine:hover{transform:translateY(-2px)}
.v300-ai-engine svg{width:20px;height:20px}
@media(max-width:900px){.v300-ai{grid-template-columns:1fr;gap:28px}.v300-ai-grid{grid-template-columns:1fr}}

/* Ниш стало 36. При grid-auto-flow:column и 10 строках список расползался
   на четыре колонки и ломал сетку футера. Фиксируем ровно две колонки:
   36 позиций = 18 + 18, ширина не меняется, растёт только высота. */
.footer-col .footer-list-2col{
  grid-template-rows:repeat(18,auto)!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  column-gap:24px!important;
  row-gap:9px!important;
}
.footer-col .footer-list-2col>li{min-width:0}
.footer-col .footer-list-2col>li>a{
  display:flex;align-items:center;gap:8px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.footer-col .footer-list-2col>li>a>svg{flex:0 0 auto}
@media(max-width:1200px){
  .footer-col .footer-list-2col{grid-template-rows:repeat(18,auto)!important}
}
@media(max-width:760px){
  .footer-col .footer-list-2col{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:none!important;
    grid-auto-flow:row!important;
  }
}

/* «Компания» и «Документы» перенесены в столбец «Инструменты».
   Подзаголовки внутри одного столбца получают отступ сверху и разделитель. */
.pact-footer .footer-col>h4.footer-h4-sub{
  margin-top:28px!important;
  margin-bottom:10px!important;
  padding-top:0!important;
  border-top:0!important;
  height:auto!important;
  min-height:0!important;
  font-size:17px!important;
  font-weight:500!important;
  color:var(--ink)!important;
  letter-spacing:-.01em!important;
  line-height:1!important;
  display:flex!important;
  align-items:center!important;
}
.footer-col ul.footer-legal-list>li>a{font-size:12.5px}
.footer-bottom{justify-content:space-between}
@media(max-width:760px){
  .pact-footer .footer-col>h4.footer-h4-sub{margin-top:22px!important;font-size:15px!important;margin-bottom:10px!important}
}

.v310{margin:0 0 18px;border:1px solid rgba(255,169,63,.32);border-radius:14px;background:rgba(255,169,63,.045);overflow:hidden}
.v310-head{display:flex;align-items:center;gap:12px;padding:13px 16px;cursor:pointer;user-select:none}
.v310-head:hover{background:rgba(255,169,63,.07)}
.v310-dot{width:8px;height:8px;border-radius:50%;background:#ffa93f;flex:0 0 auto;box-shadow:0 0 0 4px rgba(255,169,63,.16)}
.v310-t{font-size:13px;font-weight:650;color:var(--ink,#fff);flex:1;line-height:1.35}
.v310-cnt{display:inline-flex;gap:6px;flex:0 0 auto}
.v310-pill{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:20px;letter-spacing:.02em;white-space:nowrap}
.v310-must{background:rgba(220,38,38,.16);color:#f87171}
.v310-should{background:rgba(255,169,63,.18);color:#ffa93f}
.v310-could{background:rgba(120,144,180,.16);color:#9db3d0}
.v310-chev{font-size:12px;color:var(--hint,#888);transition:transform .18s;flex:0 0 auto}
.v310.open .v310-chev{transform:rotate(90deg)}
.v310-body{display:none;padding:0 16px 14px;border-top:1px solid rgba(255,169,63,.16)}
.v310.open .v310-body{display:block}
.v310-item{padding:11px 0;border-bottom:1px dashed rgba(255,255,255,.07)}
.v310-item:last-child{border-bottom:0}
.v310-item b{display:block;font-size:12.5px;font-weight:650;color:var(--ink,#fff);margin-bottom:4px;line-height:1.4}
.v310-item p{margin:0;font-size:12px;line-height:1.5;color:var(--muted,#9a9a9a)}
.v310-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.v310-tag{font-size:10px;padding:2px 7px;border-radius:5px;background:rgba(255,255,255,.06);color:var(--hint,#8a8a8a)}
.v310-tag--src{background:rgba(255,169,63,.1);color:#ffc47f}
@media(max-width:700px){.v310-t{font-size:12px}.v310-head{padding:11px 13px;gap:9px}}

.v320{margin:14px 0;padding:14px 16px;border:1px solid var(--line,rgba(255,255,255,.1));border-radius:12px;background:rgba(255,255,255,.02)}
.v320-h{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.v320-h b{font-size:12.5px;font-weight:650;color:var(--ink,#fff)}
.v320-h small{font-size:10.5px;padding:2px 7px;border-radius:5px;background:rgba(255,169,63,.14);color:#ffa93f;font-weight:600}
.v320-row{display:flex;flex-wrap:wrap;gap:10px}
.v320-kpi{flex:1 1 130px;min-width:0;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.v320-kpi span{display:block;font-size:10.5px;color:var(--hint,#8a8a8a);margin-bottom:3px;line-height:1.3}
.v320-kpi b{display:block;font-size:16px;font-weight:700;color:var(--ink,#fff);line-height:1.2}
.v320-kpi i{display:block;font-style:normal;font-size:10.5px;color:var(--muted,#9a9a9a);margin-top:3px}
.v320-note{margin:9px 0 0;font-size:11.5px;line-height:1.5;color:var(--muted,#9a9a9a)}
.v320-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.v320-chip{font-size:11px;padding:4px 10px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--ink,#ddd)}
.v320-chip--on{background:rgba(255,169,63,.14);border-color:rgba(255,169,63,.34);color:#ffc47f}
.v320-list{margin:8px 0 0;padding:0;list-style:none}
.v320-list li{display:flex;gap:9px;align-items:baseline;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.06);font-size:12px;color:var(--muted,#9a9a9a);line-height:1.45}
.v320-list li:last-child{border-bottom:0}
.v320-list li b{color:var(--ink,#fff);font-weight:600;flex:0 0 auto;min-width:112px}
.v320-hint{font-size:10.5px;color:var(--hint,#777);margin-top:8px;font-style:italic}

.v310-item>.v310-more{display:block;width:100%;margin-top:10px}
.v310-more>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#ffa93f;padding:4px 10px;border:1px solid rgba(255,169,63,.3);border-radius:7px;background:rgba(255,169,63,.06);user-select:none}
.v310-more>summary::-webkit-details-marker{display:none}
.v310-more>summary:hover{background:rgba(255,169,63,.12)}
.v310-more>summary::after{content:'▾';font-size:9px;transition:transform .18s}
.v310-more[open]>summary::after{transform:rotate(180deg)}
.v310-det{width:100%;margin-top:10px;padding:14px 18px;border-left:2px solid rgba(255,169,63,.35);background:rgba(255,255,255,.025);border-radius:0 10px 10px 0;
  columns:2;column-gap:34px;column-rule:1px solid rgba(255,255,255,.06)}
.v310-det h5{margin:0 0 6px;font-size:11.5px;font-weight:700;color:var(--ink,#fff);letter-spacing:.01em;break-after:avoid;break-inside:avoid}
.v310-det h5:not(:first-child){margin-top:14px}
.v310-det p{margin:0 0 9px;font-size:12px;line-height:1.6;color:var(--muted,#9a9a9a);break-inside:avoid;orphans:2;widows:2}
.v310-det p:last-child{margin-bottom:0}
.v310-det code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;padding:1.5px 5px;border-radius:4px;background:rgba(255,169,63,.11);color:#ffc47f;word-break:break-word}
.v310-det strong{color:var(--ink,#ddd);font-weight:640}
@media(max-width:1100px){.v310-det{columns:1}}

.v340{display:grid;grid-template-columns:212px minmax(0,1fr);gap:22px;align-items:start;margin-bottom:20px}
.v340-side{position:sticky;top:14px;border:1px solid var(--line,rgba(255,255,255,.1));border-radius:14px;background:rgba(255,255,255,.022);padding:12px 10px;font-size:13px}
.v340-who{display:flex;align-items:center;gap:9px;padding:6px 8px 12px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.07)}
.v340-av{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#ffa93f,#e07b2a);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#1a1a1a;flex:0 0 30px}
.v340-av--cr{background:linear-gradient(135deg,#8b7ff5,#6b5ce0);color:#fff}
.v340-who b{display:block;font-size:12.5px;font-weight:650;color:var(--ink,#fff);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v340-who small{display:block;font-size:10.5px;color:var(--hint,#8a8a8a);margin-top:2px}
.v340-grp{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--hint,#777);font-weight:700;padding:11px 8px 5px}
.v340-l{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:8px;color:var(--muted,#9a9a9a);text-decoration:none;cursor:pointer;transition:background .14s,color .14s;line-height:1.3}
.v340-l:hover{background:rgba(255,255,255,.05);color:var(--ink,#fff)}
.v340-l.on{background:rgba(255,169,63,.12);color:#ffc47f;font-weight:600}
.v340-l--cr.on{background:rgba(139,127,245,.14);color:#b3a9ff}
.v340-l i{font-style:normal;font-size:13px;width:16px;text-align:center;flex:0 0 16px;opacity:.85}
.v340-l span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v340-b{font-size:10px;font-weight:700;padding:1px 6px;border-radius:20px;background:rgba(255,169,63,.18);color:#ffa93f;flex:0 0 auto}
.v340-b--n{background:rgba(220,38,38,.2);color:#f87171}
.v340-sub{margin:2px 0 4px 25px;padding-left:9px;border-left:1px solid rgba(255,255,255,.09)}
.v340-sub .v340-l{font-size:12px;padding:5px 8px}
.v340-note{margin-top:10px;padding:9px 10px;border-radius:9px;background:rgba(255,169,63,.06);border:1px solid rgba(255,169,63,.18);font-size:10.5px;line-height:1.45;color:var(--muted,#9a9a9a)}
@media(max-width:1000px){.v340{grid-template-columns:1fr}.v340-side{position:static;margin-bottom:6px}
 .v340-nav{display:flex;flex-wrap:wrap;gap:6px}.v340-grp{width:100%;padding:6px 4px 2px}
 .v340-sub{margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:6px}}

.v350-h{margin:0 0 4px;font-size:19px;font-weight:650;color:var(--ink,#fff);letter-spacing:-.01em}
.v350-sub{margin:0 0 18px;font-size:13px;color:var(--muted,#9a9a9a);line-height:1.5}
.v350-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}
.v350-k{padding:13px 15px;border:1px solid var(--line,rgba(255,255,255,.1));border-radius:12px;background:rgba(255,255,255,.022)}
.v350-k span{display:block;font-size:11px;color:var(--hint,#8a8a8a);margin-bottom:5px;line-height:1.3}
.v350-k b{display:block;font-size:20px;font-weight:700;color:var(--ink,#fff);line-height:1.15;letter-spacing:-.01em}
.v350-k i{display:block;font-style:normal;font-size:11px;color:var(--muted,#9a9a9a);margin-top:4px}
.v350-card{border:1px solid var(--line,rgba(255,255,255,.1));border-radius:14px;background:rgba(255,255,255,.022);padding:16px 18px;margin-bottom:14px}
.v350-card>h3{margin:0 0 12px;font-size:14px;font-weight:650;color:var(--ink,#fff)}
.v350-t{width:100%;border-collapse:collapse;font-size:12.5px}
.v350-t th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--hint,#777);font-weight:700;padding:0 10px 9px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.v350-t td{padding:10px 10px 10px 0;border-bottom:1px solid rgba(255,255,255,.05);color:var(--muted,#9a9a9a);vertical-align:top}
.v350-t tr:last-child td{border-bottom:0}
.v350-t td b{color:var(--ink,#fff);font-weight:600}
.v350-pill{display:inline-block;font-size:10.5px;font-weight:650;padding:2px 8px;border-radius:20px;white-space:nowrap}
.v350-ok{background:rgba(74,222,128,.15);color:#4ade80}
.v350-wait{background:rgba(255,169,63,.16);color:#ffa93f}
.v350-no{background:rgba(220,38,38,.16);color:#f87171}
.v350-mute{background:rgba(255,255,255,.07);color:#8a8a8a}
.v350-rows{display:flex;flex-direction:column;gap:9px}
.v350-r{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--line,rgba(255,255,255,.09));border-radius:11px;background:rgba(255,255,255,.018)}
.v350-r>div{flex:1;min-width:0}
.v350-r b{display:block;font-size:13px;font-weight:620;color:var(--ink,#fff);margin-bottom:3px}
.v350-r small{display:block;font-size:11.5px;color:var(--muted,#9a9a9a);line-height:1.45}
.v350-bar{height:6px;border-radius:4px;background:rgba(255,255,255,.07);overflow:hidden;margin-top:7px}
.v350-bar i{display:block;height:100%;background:linear-gradient(90deg,#ffa93f,#e07b2a);border-radius:4px}
.v350-note{margin:0;padding:11px 13px;border-radius:10px;background:rgba(255,169,63,.06);border:1px solid rgba(255,169,63,.18);font-size:11.5px;line-height:1.5;color:var(--muted,#9a9a9a)}

/* Столбец «Сравнения» жил по своим правилам: интервал 14px вместо 10px
   и высота строки 22px вместо 18px. Из-за этого первая строка начиналась
   ниже соседних столбцов, а сам список выглядел разреженнее.
   Приводим к тем же величинам, что у .footer-col ul и .footer-col a. */
.pact-footer .footer-col--comparisons ul{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
}
.pact-footer .footer-col--comparisons .footer-compare-item{
  display:block!important;
  margin:0!important;
  padding:0!important;
}
.pact-footer .footer-col--comparisons .footer-compare-item + .footer-compare-item{
  margin-top:0!important;
}
.pact-footer .footer-col--comparisons .footer-compare-link{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:18px!important;
  line-height:1!important;
  font-size:13px!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
}
.pact-footer .footer-col--comparisons .footer-compare-label{
  line-height:1!important;
  font-size:13px!important;
  display:inline-block!important;
  vertical-align:baseline!important;
}
.pact-footer .footer-col--comparisons .footer-compare-icon{
  flex:0 0 14px!important;
  width:14px!important;
  height:14px!important;
  font-size:9px!important;
  line-height:1!important;
  margin:0!important;
}

.v370{margin:0 0 20px;padding:13px 16px;border-radius:12px;border:1px solid rgba(120,144,180,.28);background:rgba(120,144,180,.07);display:flex;gap:11px;align-items:flex-start}
.v370 i{font-style:normal;font-size:14px;color:#9db3d0;flex:0 0 auto;line-height:1.4}
.v370 span{font-size:12.5px;line-height:1.55;color:var(--muted,#9a9a9a)}
.v370 b{color:var(--ink,#ddd);font-weight:640}

/* Страница «Все сравнения» — три уровня по близости.
   Оформление в общем языке артефакта: янтарный акцент, кикеры капслоком,
   шапки по центру, единый цвет заголовков. */
.v380-tier{margin:0 0 48px}
.v380-tier + .v380-tier{padding-top:44px;border-top:1px solid var(--line)}
.v380-tier-head{max-width:820px;margin:0 auto 30px;text-align:center}
.v380-tier-n{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.v380-tier-n::before{content:'';width:22px;height:1px;background:var(--aline)}
.v380-tier-n::after{content:'';width:22px;height:1px;background:var(--aline)}
.v380-tier-t{margin:0 0 12px;font-size:clamp(22px,2.4vw,30px);font-weight:500;letter-spacing:-.025em;line-height:1.12;color:var(--ink)}
.v380-tier-note{margin:0 auto;font-size:15px;line-height:1.6;color:var(--muted);max-width:760px}
.v380-tier-cnt{display:inline-block;margin-top:16px;font-size:12px;font-weight:600;color:var(--hint);padding:5px 14px;border-radius:999px;border:1px solid var(--line);background:var(--bg-soft)}
.v380-tier-body{display:flex;flex-direction:column;gap:0}
.v380-tier-body .v291-cat-group{margin:0;padding:26px 0;border-bottom:1px solid var(--line);text-align:center}
.v380-tier-body .v291-cat-group:last-child{border-bottom:0;padding-bottom:0}
.v380-tier-body .v291-cat-group:first-child{padding-top:0}
.v380-tier-body .v291-cat-group h3{font-size:17px;font-weight:600;margin:0 0 9px;color:var(--ink);letter-spacing:-.01em}
.v380-tier-body .v291-cat-note{font-size:13.5px;line-height:1.6;color:var(--muted);margin:0 auto 16px;max-width:800px}
.v380-tier-body .vs-more{justify-content:center;margin-top:0;gap:9px}
.v380-tier-body .vs-more-pill{font-size:13px;padding:8px 15px}
@media(max-width:760px){
  .v380-tier{margin-bottom:36px}
  .v380-tier + .v380-tier{padding-top:32px}
  .v380-tier-note{font-size:14px}
  .v380-tier-body .v291-cat-group{padding:20px 0}
}

.v380-tiers-wrap{width:100%!important;max-width:100%!important;padding:0!important;margin:0 0 40px!important}
.v380-tier-head,.v380-tier-body{width:100%!important;box-sizing:border-box}
.v380-tier-head{max-width:820px!important;margin-left:auto!important;margin-right:auto!important}
.v380-tier-note{max-width:760px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.v380-tier-body .v291-cat-note{max-width:800px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}

/* Блок «Наша уникальная ценность» на страницах сравнения выбивался из вёрстки:
   у h2 стоял max-width:900px, у лида 860px — но без margin:auto, поэтому
   текст прижимался влево, тогда как шапка страницы центрирована.
   Приводим к тому же виду, что .cmp-head. */
.screen[id^="s-vs-"] .v289-axis{
  text-align:center!important;
  padding:40px 0 48px!important;
}
.screen[id^="s-vs-"] .v289-axis .v289-kicker{
  text-align:center!important;
}
.screen[id^="s-vs-"] .v289-axis h2{
  max-width:1000px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.screen[id^="s-vs-"] .v289-axis .v289-lead{
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
/* Заголовок раздела разрывов — по центру, как и остальные заголовки */
.screen[id^="s-vs-"] .v289-gaps>.v289-h3,
.screen[id^="s-vs-"] .v289-block>.v289-h3{
  text-align:center!important;
  max-width:1000px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:760px){
  .screen[id^="s-vs-"] .v289-axis{padding:30px 0 36px!important}
}

.v391-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;text-align:left}
.v391-card{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 15px;border:1px solid var(--line);border-radius:12px;background:var(--card);text-decoration:none;transition:border-color .16s,background .16s;min-height:74px;box-sizing:border-box}
.v391-card:hover{border-color:var(--aline);background:var(--bg-soft-2)}
.v391-card-b{display:block;min-width:0;flex:1}
.v391-card b{display:block;font-size:14px;font-weight:600;color:var(--ink);line-height:1.25;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v391-card small{display:block;font-size:11.5px;line-height:1.42;color:var(--muted)}
.v391-card i{font-style:normal;font-size:13px;color:var(--hint);flex:0 0 auto;line-height:1.4;transition:color .16s}
.v391-card:hover i{color:var(--accent)}
.v391-card:hover b{color:var(--accent2)}
@media(max-width:1200px){.v391-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.v391-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.v391-grid{grid-template-columns:1fr}}

/* Все смысловые блоки страницы сравнения — заголовок и вводный текст по центру,
   как шапка страницы. Прежнее правило ловило только прямого потомка .v289-block,
   поэтому заголовки внутри .v289-fair и .v289-flow оставались прижаты влево. */
.screen[id^="s-vs-"] .v289-h3{
  text-align:center!important;
  max-width:1000px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
/* Вводный текст под заголовком блока */
.screen[id^="s-vs-"] .v289-flow>.v289-flow-lead,
.screen[id^="s-vs-"] .v289-fair>p,
.screen[id^="s-vs-"] .v289-gaps>p,
.screen[id^="s-vs-"] .v289-costs>p:first-of-type,
.screen[id^="s-vs-"] .v289-facts>p:first-of-type{
  text-align:center!important;
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
/* Заголовок раздела источников */
.screen[id^="s-vs-"] .v289-sources>b{
  text-align:center!important;
  display:block!important;
}
/* Отступ у ведущего абзаца потока — был отрицательный, при центровке смотрится криво */
.screen[id^="s-vs-"] .v289-flow>.v289-flow-lead{
  margin-top:0!important;
  margin-bottom:24px!important;
}

/* Заголовок раздела вопросов и прочие h3 блоков */
.screen[id^="s-vs-"] .v289-faq>.v289-h3{
  text-align:center!important;max-width:1000px!important;margin-left:auto!important;margin-right:auto!important;
}
/* Вводный абзац в .pac-section-inner: сам блок центрирован, а текст был ограничен слева */
.screen[id^="s-vs-"] .pac-section>.pac-section-inner>p,
.screen[id^="s-vs-"] .cmp-section-inner>p{
  max-width:820px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;
}
/* Заголовок без обёртки — «Не верьте сравнению» */
.screen[id^="s-vs-"] .cmp-final>h2,
.screen[id^="s-vs-"] .v279-ask-inner>h2{
  text-align:center!important;
}

/* Источники — сноска в конце разбора. Ширина ограничена читаемой:
   на 1400px строка выходила по 150+ знаков, а дата отрывалась к краю. */
.v392-sources-wrap{
  margin-top:56px!important;
  padding-top:40px!important;
  border-top:1px solid var(--line)!important;
  width:100%!important;
  max-width:100%!important;
}
.v392-sources-wrap .v289-sources{
  max-width:960px!important;
  width:100%!important;
  margin:0 auto!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
  text-align:center!important;
}
.v392-sources-wrap .v289-sources b{
  color:var(--hint)!important;
  font-size:11px!important;
  letter-spacing:.12em!important;
  text-align:center!important;
  margin-bottom:20px!important;
}
.v392-sources-wrap .v289-sources>p{
  max-width:820px!important;
  margin:22px auto 0!important;
  text-align:center!important;
  font-size:12px!important;
  line-height:1.65!important;
  color:var(--hint)!important;
}
@media(max-width:760px){
  .v392-sources-wrap{margin-top:40px!important;padding-top:28px!important}
}

.v394-list{margin:0!important;padding:0!important;list-style:none!important;display:block!important;text-align:left!important}
.v394-list li{
  position:relative;padding:0 0 0 18px!important;margin:0 0 11px!important;
  font-size:12.5px!important;line-height:1.6!important;color:var(--hint)!important;
}
.v394-list li:last-child{margin-bottom:0!important}
.v394-list li::before{
  content:"";position:absolute;left:2px;top:8px;width:4px;height:4px;
  border-radius:50%;background:var(--accent);opacity:.45;
}
.v394-list li a{color:var(--accent);text-decoration:none}

.case-person{margin:10px 0 14px;display:flex;flex-direction:column;gap:2px}
.case-person b{font-size:13px;font-weight:640;color:var(--ink);line-height:1.3}
.case-person span{font-size:11.5px;color:var(--hint);line-height:1.35}
.case-card-metrics.pending{opacity:1}

.v401{padding:56px 0 8px}
.v401-head{text-align:center;max-width:760px;margin:0 auto 32px}
.v401-eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.v401-h{margin:0 0 12px;font-size:clamp(24px,2.6vw,34px);font-weight:500;letter-spacing:-.025em;line-height:1.1;color:var(--ink)}
.v401-sub{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}
.v401-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1020px;margin:0 auto}
.v401-c{position:relative;padding:24px 22px 22px;border:1px solid var(--line);border-radius:16px;background:var(--card);transition:border-color .18s}
.v401-c:hover{border-color:var(--aline)}
.v401-n{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:rgba(232,169,58,.13);color:var(--accent);font-size:14px;font-weight:800;margin-bottom:14px}
.v401-c h3{margin:0 0 8px;font-size:17px;font-weight:620;color:var(--ink);letter-spacing:-.01em;line-height:1.25}
.v401-c p{margin:0;font-size:13.5px;line-height:1.6;color:var(--muted)}
.v401-c small{display:block;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:11.5px;line-height:1.5;color:var(--hint)}
.v401-foot{max-width:760px;margin:26px auto 0;text-align:center;font-size:13.5px;line-height:1.6;color:var(--muted)}
.v401-foot b{color:var(--ink);font-weight:640}
@media(max-width:900px){.v401-grid{grid-template-columns:1fr;gap:12px}.v401{padding:40px 0 4px}}

.v410-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 32px}
.v410-card{display:flex;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--card);text-decoration:none;transition:border-color .18s,transform .18s}
.v410-card:hover{border-color:var(--aline);transform:translateY(-2px)}
.v410-tag{align-self:flex-start;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);padding:4px 9px;border-radius:6px;background:rgba(232,169,58,.11);margin-bottom:14px}
.v410-card h3{margin:0 0 10px;font-size:17px;font-weight:620;line-height:1.3;color:var(--ink);letter-spacing:-.01em}
.v410-card p{margin:0 0 16px;font-size:13.5px;line-height:1.6;color:var(--muted);flex:1}
.v410-meta{display:flex;align-items:center;gap:10px;font-size:11.5px;color:var(--hint);padding-top:14px;border-top:1px solid var(--line)}
.v410-meta span:last-child{margin-left:auto}
.v410-lead{max-width:820px;margin:0 auto 34px;text-align:center;font-size:15px;line-height:1.65;color:var(--muted)}
.v410-feat{display:grid;grid-template-columns:1.15fr 1fr;gap:26px;align-items:center;padding:26px;border:1px solid var(--aline);border-radius:18px;background:rgba(232,169,58,.045);margin:0 0 30px}
.v410-feat h3{margin:0 0 12px;font-size:clamp(19px,2vw,25px);font-weight:560;line-height:1.22;color:var(--ink);letter-spacing:-.02em}
.v410-feat p{margin:0 0 16px;font-size:14px;line-height:1.65;color:var(--muted)}
.v410-nums{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v410-num{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.v410-num b{display:block;font-size:22px;font-weight:700;color:var(--accent);line-height:1.1;letter-spacing:-.01em}
.v410-num span{display:block;font-size:11.5px;color:var(--hint);margin-top:5px;line-height:1.4}
.v410-body{max-width:760px;margin:0 auto}
.v410-body h2{margin:34px 0 12px;font-size:22px;font-weight:600;color:var(--ink);letter-spacing:-.015em}
.v410-body p{margin:0 0 15px;font-size:15px;line-height:1.72;color:var(--muted)}
.v410-body ul{margin:0 0 18px;padding:0;list-style:none}
.v410-body li{position:relative;padding-left:20px;margin-bottom:9px;font-size:15px;line-height:1.7;color:var(--muted)}
.v410-body li::before{content:"";position:absolute;left:3px;top:10px;width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.55}
.v410-quote{margin:26px 0;padding:20px 24px;border-left:2px solid var(--accent);background:rgba(232,169,58,.05);border-radius:0 12px 12px 0}
.v410-quote p{margin:0 0 10px;font-size:15.5px;line-height:1.65;color:var(--ink);font-style:italic}
.v410-quote cite{font-style:normal;font-size:12.5px;color:var(--hint)}
.v410-kicker{font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;display:block;text-align:center}
@media(max-width:1000px){.v410-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v410-feat{grid-template-columns:1fr}}
@media(max-width:640px){.v410-grid{grid-template-columns:1fr}.v410-nums{grid-template-columns:1fr}}

.v420-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin:22px auto 0;flex-wrap:wrap}
.v420-dot{width:28px;height:4px;border-radius:3px;border:0;padding:0;cursor:pointer;background:var(--line);transition:background .2s,width .2s}
.v420-dot:hover{background:var(--aline)}
.v420-dot.on{background:var(--accent);width:44px}
/* «Посмотреть кейс» — контурная кнопка вместо ссылки */
#s-landing .case-link{
  display:inline-flex!important;align-items:center;gap:7px;
  margin-top:20px!important;padding:9px 16px!important;
  border:1px solid var(--aline)!important;border-radius:10px!important;
  font-size:12.5px!important;font-weight:620!important;
  color:var(--accent)!important;text-decoration:none!important;
  background:transparent!important;transition:background .16s,border-color .16s,transform .16s;
}
#s-landing .case-link:hover{background:rgba(232,169,58,.09)!important;border-color:var(--accent)!important;transform:translateY(-1px)}
@media(max-width:640px){.v420-dot{width:20px}.v420-dot.on{width:32px}}

/* Страница шире 1400px. Абзац на 200 знаков занимает треть строки и выглядит
   прижатым влево. Раскладываем вопросы в две колонки — тогда текст заполняет
   ширину, а строка остаётся читаемой длины. */
.v430-offer{border:1px solid var(--aline);border-radius:18px;background:rgba(232,169,58,.05);padding:26px 30px;margin:0 0 28px;
  display:grid;grid-template-columns:minmax(260px,320px) 1fr;gap:26px;align-items:center}
.v430-brand{display:flex;align-items:center;gap:13px}
.v430-logo{width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,#E8A93A,#c98a24);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#1a1a1a;flex:0 0 48px}
.v430-brand b{display:block;font-size:17px;font-weight:650;color:var(--ink);line-height:1.25}
.v430-brand small{display:block;font-size:12.5px;color:var(--hint);margin-top:3px;line-height:1.4}
.v430-terms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v430-t{padding:14px 16px;border:1px solid var(--line);border-radius:11px;background:var(--card)}
.v430-t span{display:block;font-size:10.5px;color:var(--hint);margin-bottom:6px;letter-spacing:.04em;text-transform:uppercase}
.v430-t b{display:block;font-size:16px;font-weight:700;color:var(--ink);line-height:1.2}
.v430-t.money b{color:var(--accent);font-size:23px}
.v430-reserve{grid-column:1/-1;display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-radius:12px;background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.25)}
.v430-reserve i{font-style:normal;font-size:15px;color:#4ade80;flex:0 0 auto;line-height:1.4}
.v430-reserve b{display:block;font-size:14.5px;font-weight:650;color:#4ade80;margin-bottom:5px}
.v430-reserve p{margin:0;font-size:13px;line-height:1.6;color:var(--muted);max-width:none}

/* Вопросы — две колонки на всю ширину */
.v430-qs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 46px;border-top:1px solid var(--line)}
.v430-q{padding:24px 0;border-bottom:1px solid var(--line)}
.v430-q--wide{grid-column:1/-1}
.v430-q h3{margin:0 0 10px;font-size:17px;font-weight:620;color:var(--ink);letter-spacing:-.01em;line-height:1.3}
.v430-q p{margin:0 0 11px;font-size:14.5px;line-height:1.7;color:var(--muted);max-width:none}
.v430-q p:last-child{margin-bottom:0}
.v430-q ul{margin:0;padding:0;list-style:none}
.v430-q li{position:relative;padding-left:19px;margin-bottom:9px;font-size:14.5px;line-height:1.62;color:var(--muted)}
.v430-q li:last-child{margin-bottom:0}
.v430-q li::before{content:"";position:absolute;left:3px;top:10px;width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.5}

.v430-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:14px 0 0}
.v430-s{padding:18px 20px;border:1px solid var(--line);border-radius:13px;background:var(--card)}
.v430-s span{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:rgba(232,169,58,.13);color:var(--accent);font-size:13px;font-weight:800;margin-bottom:11px}
.v430-s b{display:block;font-size:15px;font-weight:620;color:var(--ink);margin-bottom:6px;line-height:1.3}
.v430-s p{margin:0;font-size:13px;line-height:1.6;color:var(--muted)}
.v430-age{padding:16px 18px;border-radius:12px;background:rgba(120,144,180,.07);border:1px solid rgba(120,144,180,.24);margin-top:18px}
.v430-age b{display:block;font-size:14px;font-weight:640;color:#9db3d0;margin-bottom:6px}
.v430-age p{margin:0;font-size:13px;line-height:1.6;color:var(--muted);max-width:none}

.v430-cta{display:flex;flex-wrap:wrap;gap:13px;align-items:center;justify-content:flex-start;margin:34px 0 0}
.v430-btn{display:inline-flex;align-items:center;gap:8px;padding:15px 30px;border-radius:12px;background:var(--accent);color:#1a1a1a;font-size:15px;font-weight:680;text-decoration:none;border:0;cursor:pointer;transition:transform .15s,filter .15s}
.v430-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.v430-btn--ghost{background:transparent;color:var(--muted);border:1px solid var(--line);font-weight:600;font-size:14px;padding:14px 22px}
.v430-btn--ghost:hover{border-color:var(--aline);color:var(--ink);transform:none}
.v430-fine{
  width:100%;
  max-width:none;
  margin:16px 0 0;
  padding:0;
  border:0;
  background:none;
  display:block;
  font-size:13px;
  line-height:1.7;
  color:var(--hint);
  text-align:left;
}

.v430-fine a{color:var(--accent);text-decoration:none}

@media(max-width:1100px){.v430-offer{grid-template-columns:1fr}.v430-qs{grid-template-columns:1fr;gap:0}}
@media(max-width:760px){.v430-terms{grid-template-columns:repeat(2,1fr)}.v430-steps{grid-template-columns:1fr}.v430-offer{padding:20px}}

.v440{margin:16px 0 18px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.022)}
.v440-h{display:flex;align-items:center;gap:9px;margin-bottom:14px}
.v440-h b{font-size:13.5px;font-weight:650;color:var(--ink)}
.v440-h small{font-size:10.5px;padding:3px 8px;border-radius:6px;background:rgba(232,169,58,.14);color:var(--accent);font-weight:700}
.v440-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:14px}
.v440-c{padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:var(--card)}
.v440-c b{display:block;font-size:19px;font-weight:700;color:var(--accent);line-height:1.1;margin-bottom:5px}
.v440-c span{display:block;font-size:11.5px;color:var(--ink);font-weight:600;margin-bottom:3px}
.v440-c i{display:block;font-style:normal;font-size:11px;color:var(--hint);line-height:1.4}
.v440-timer{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:11px;background:rgba(74,222,128,.07);border:1px solid rgba(74,222,128,.22);margin-bottom:12px}
.v440-timer b{font-size:15px;font-weight:700;color:#4ade80;flex:0 0 auto;font-variant-numeric:tabular-nums}
.v440-timer span{font-size:12.5px;line-height:1.5;color:var(--muted)}
.v440-check{padding:13px 15px;border-radius:11px;background:rgba(120,144,180,.07);border:1px solid rgba(120,144,180,.22)}
.v440-check b{display:block;font-size:12.5px;font-weight:640;color:#9db3d0;margin-bottom:8px}
.v440-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}
.v440-list li{display:flex;align-items:flex-start;gap:7px;font-size:12px;line-height:1.45;color:var(--muted)}
.v440-list li i{font-style:normal;flex:0 0 auto;font-size:11px;color:#4ade80}
.v440-note{margin:12px 0 0;font-size:11.5px;line-height:1.55;color:var(--hint)}
.v440-note b{color:var(--ink);font-weight:640}
@media(max-width:760px){.v440-grid{grid-template-columns:1fr}.v440-list{grid-template-columns:1fr}}

/* Страница во всю ширину контента. Варианты — в ряд, а не столбиком:
   их три и они сравниваются между собой, значит должны быть видны разом. */
.v450{width:100%;max-width:none}
.v450-card{padding:30px 34px;border:1px solid var(--line);border-radius:18px;background:var(--card);margin-bottom:22px}
.v450-mail{display:flex;align-items:center;gap:12px;padding:15px 18px;border-radius:12px;background:var(--bg-soft);border:1px solid var(--line);margin-bottom:22px;max-width:420px}
.v450-mail i{font-style:normal;font-size:15px;color:var(--hint);flex:0 0 auto}
.v450-mail div{flex:1;min-width:0}
.v450-mail span{display:block;font-size:11px;color:var(--hint);margin-bottom:3px;letter-spacing:.03em;text-transform:uppercase}
.v450-mail b{display:block;font-size:15px;font-weight:640;color:var(--ink);overflow:hidden;text-overflow:ellipsis}

/* Три варианта в один ряд */
.v450-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}
.v450-opt{display:flex;flex-direction:column;padding:20px 22px;border:1px solid var(--line);border-radius:14px;background:transparent;cursor:pointer;transition:border-color .16s,background .16s;text-align:left;width:100%;height:100%}
.v450-opt:hover{border-color:var(--aline);background:rgba(232,169,58,.04)}
.v450-opt.on{border-color:var(--accent);background:rgba(232,169,58,.07)}
.v450-opt b{display:block;font-size:15.5px;font-weight:640;color:var(--ink);margin-bottom:8px;line-height:1.3}
.v450-opt small{display:block;font-size:13px;line-height:1.62;color:var(--muted);flex:1}

.v450-btn{display:block;width:100%;padding:17px;border-radius:13px;background:var(--accent);color:#1a1a1a;font-size:16px;font-weight:680;border:0;cursor:pointer;transition:filter .15s}
.v450-btn:hover{filter:brightness(1.06)}
.v450-fine{
  display:flex;align-items:center;gap:12px;
  width:100%;box-sizing:border-box;
  margin:16px 0 0;padding:14px 18px;
  border-radius:12px;background:var(--bg-soft);border:1px solid var(--line);
  font-size:13.5px;line-height:1.6;color:var(--muted);text-align:left;
}
.v450-fine::before{content:"i";flex:0 0 20px;width:20px;height:20px;border-radius:50%;
  background:rgba(232,169,58,.15);color:var(--accent);
  display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;font-style:italic}
.v450-fine a{color:var(--accent);text-decoration:none}

.v450-done{display:none;width:100%;box-sizing:border-box;padding:30px 34px;border-radius:18px;
  background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.28)}
.v450-done.on{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}
.v450-done::before{content:"✓";width:52px;height:52px;border-radius:14px;
  background:rgba(74,222,128,.16);color:#4ade80;font-size:24px;font-weight:800;
  display:flex;align-items:center;justify-content:center}
.v450-done.on{display:block}
.v450-done > div{min-width:0}
.v450-done b{display:block;font-size:21px;font-weight:640;color:#4ade80;margin-bottom:8px;letter-spacing:-.01em}
.v450-done p{margin:0;max-width:none;font-size:14.5px;line-height:1.68;color:var(--muted)}

.v450-what{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.v450-what h3{margin:0 0 14px;font-size:16px;font-weight:620;color:var(--ink)}
.v450-what ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 40px}
.v450-what li{position:relative;padding-left:20px;margin:0;font-size:13.5px;line-height:1.65;color:var(--muted)}
.v450-what li::before{content:"";position:absolute;left:3px;top:9px;width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.45}
@media(max-width:1000px){.v450-opts{grid-template-columns:1fr}.v450-what ul{grid-template-columns:1fr}}
@media(max-width:640px){.v450-card{padding:22px 20px}}

.v460-sum{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 26px}
.v460-box{padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.v460-box.ready{border-color:var(--aline);background:rgba(232,169,58,.06)}
.v460-box span{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--hint);margin-bottom:9px}
.v460-box b{display:block;font-size:28px;font-weight:700;color:var(--ink);line-height:1.1;letter-spacing:-.02em}
.v460-box.ready b{color:var(--accent)}
.v460-box i{display:block;font-style:normal;font-size:11.5px;color:var(--hint);margin-top:9px;padding-top:9px;border-top:1px solid var(--line);line-height:1.5}
.v460-h{margin:0 0 6px;font-size:17px;font-weight:620;color:var(--ink)}
.v460-sub{margin:0 0 16px;font-size:13px;color:var(--muted);line-height:1.55}
.v460-methods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:26px}
.v460-m{position:relative;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--card);cursor:pointer;transition:border-color .16s,background .16s}
.v460-m:hover{border-color:var(--aline)}
.v460-m.saved{border-color:var(--aline);background:rgba(232,169,58,.05)}
.v460-tag{position:absolute;top:-8px;left:13px;font-size:9.5px;font-weight:800;letter-spacing:.06em;padding:3px 8px;border-radius:5px;background:var(--accent);color:#1a1a1a}
.v460-m b{display:block;font-size:14px;font-weight:640;color:var(--ink);margin-bottom:4px;line-height:1.3}
.v460-m small{display:block;font-size:11.5px;color:var(--hint);line-height:1.5;margin-bottom:8px;min-height:17px}
.v460-fee{display:flex;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid var(--line);font-size:11.5px}
.v460-fee span{color:var(--hint)}
.v460-fee b{font-size:11.5px;font-weight:650;color:var(--muted);margin:0}
.v460-fee b.zero{color:#4ade80}
.v460-speed{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:26px}
.v460-sp{padding:17px 19px;border:1px solid var(--line);border-radius:13px;background:var(--card)}
.v460-sp.fast{border-color:rgba(232,169,58,.4);background:rgba(232,169,58,.06)}
.v460-sp b{display:block;font-size:15px;font-weight:640;color:var(--ink);margin-bottom:6px}
.v460-sp.fast b{color:var(--accent)}
.v460-sp p{margin:0 0 10px;font-size:12.5px;line-height:1.6;color:var(--muted)}
.v460-sp p:last-child{margin-bottom:0}
.v460-calc{display:flex;flex-wrap:wrap;gap:14px;padding:11px 13px;border-radius:10px;background:var(--bg-soft);font-size:12px}
.v460-calc div{display:flex;flex-direction:column;gap:2px}
.v460-calc span{color:var(--hint);font-size:10.5px}
.v460-calc b{font-size:14px;font-weight:700;color:var(--ink)}
.v460-calc b.acc{color:var(--accent)}
.v460-tbl{width:100%;border-collapse:collapse;font-size:12.5px;margin-bottom:14px}
.v460-tbl th{text-align:left;padding:0 12px 10px 0;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--hint);font-weight:700;border-bottom:1px solid var(--line);white-space:nowrap}
.v460-tbl td{padding:11px 12px 11px 0;border-bottom:1px solid rgba(255,255,255,.05);color:var(--muted);vertical-align:middle}
.v460-tbl td b{color:var(--ink);font-weight:620}
.v460-tbl tbody tr:last-child td{border-bottom:0}
.v460-st{display:inline-block;font-size:10.5px;font-weight:650;padding:3px 9px;border-radius:20px}
.v460-st.ok{background:rgba(74,222,128,.14);color:#4ade80}
.v460-st.wait{background:rgba(232,169,58,.14);color:var(--accent)}
.v460-st.no{background:rgba(220,38,38,.14);color:#f87171}
.v460-pag{display:flex;align-items:center;gap:7px;margin-bottom:20px}
.v460-pg{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:12.5px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.v460-pg.on{background:var(--accent);color:#1a1a1a;border-color:var(--accent);font-weight:700}
.v460-pag i{font-style:normal;font-size:11.5px;color:var(--hint);margin-left:8px}
.v460-tot{display:flex;flex-wrap:wrap;gap:26px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:20px;font-size:13px}
.v460-tot div{display:flex;gap:8px;align-items:baseline}
.v460-tot span{color:var(--hint);font-size:12px}
.v460-tot b{font-size:16px;font-weight:700;color:var(--ink)}
.v460-review{padding:15px 17px;border-radius:12px;background:var(--bg-soft);border:1px solid var(--line);font-size:13px;color:var(--muted);line-height:1.6}
.v460-review a{color:var(--accent);text-decoration:none;font-weight:600}
@media(max-width:1100px){.v460-methods{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.v460-sum,.v460-speed{grid-template-columns:1fr}.v460-methods{grid-template-columns:repeat(2,1fr)}}

/* ПРАВИЛО ШИРИНЫ · внесено 21.08.2026
   Текст, выровненный ПО ЛЕВОМУ КРАЮ, занимает всю ширину своего блока.
   Ограничивать max-width допустимо ТОЛЬКО у текста, выровненного ПО ЦЕНТРУ,
   и только вместе с margin:auto — иначе получается колонка, прижатая влево.
   Базовое правило .pac-section > p{max-width:720px} режет всё подряд,
   поэтому подписи разделов перекрываем явно. */
.v350-sub, .v460-sub, .v350-h + p,
.v350-card > p, .v460-review, .v440-note,
.v350-card .v350-r small, .v460-m small{
  max-width:none!important;
  width:auto!important;
}
.v460-review{width:100%!important;box-sizing:border-box}
.v350-sub{margin-bottom:20px!important}
/* Подзаголовки блоков — во всю ширину, но с читаемой длиной строки за счёт
   размера шрифта, а не за счёт обрезки контейнера */
.v460-sub{font-size:13.5px!important;line-height:1.6!important;max-width:none!important}

.v480-rule{padding:24px 26px;border-radius:16px;border:1px solid var(--line);background:var(--card);margin:0 0 16px}
.v480-rule.bad{border-color:rgba(220,38,38,.3);background:rgba(220,38,38,.05)}
.v480-rule.good{border-color:rgba(74,222,128,.3);background:rgba(74,222,128,.05)}
.v480-rule h3{margin:0 0 10px;font-size:16px;font-weight:640;color:var(--ink)}
.v480-rule.bad h3{color:#f87171}
.v480-rule.good h3{color:#4ade80}
.v480-rule p{margin:0 0 10px;font-size:14px;line-height:1.68;color:var(--muted);max-width:none}
.v480-rule p:last-child{margin-bottom:0}
.v480-code{display:block;margin:12px 0 0;padding:13px 16px;border-radius:10px;background:var(--bg-soft);border:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.7;color:var(--muted);white-space:pre-wrap;overflow-x:auto}
.v480-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px}
.v480-tbl{width:100%;border-collapse:collapse;font-size:13.5px;margin:0 0 22px}
.v480-tbl th{text-align:left;padding:0 14px 10px 0;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--hint);font-weight:700;border-bottom:1px solid var(--line)}
.v480-tbl td{padding:12px 14px 12px 0;border-bottom:1px solid rgba(255,255,255,.05);color:var(--muted);vertical-align:top;line-height:1.6}
.v480-tbl td b{color:var(--ink);font-weight:620}
.v480-tbl tbody tr:last-child td{border-bottom:0}
.v480-vars{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:22px}
.v480-v{padding:14px 16px;border:1px solid var(--line);border-radius:11px;background:var(--card)}
.v480-v b{display:block;font-family:ui-monospace,monospace;font-size:12.5px;color:var(--accent);margin-bottom:5px}
.v480-v span{display:block;font-size:12px;color:var(--muted);line-height:1.5}

.v490{display:flex;align-items:flex-start;gap:12px;padding:15px 18px;border-radius:12px;background:rgba(120,144,180,.07);border:1px solid rgba(120,144,180,.24);margin:0 0 24px}
.v490 i{font-style:normal;font-size:14px;color:#9db3d0;flex:0 0 auto;line-height:1.5}
.v490 p{margin:0;font-size:13.5px;line-height:1.65;color:var(--muted);max-width:none}
.v490 b{color:var(--ink);font-weight:640}
.v490 a{color:var(--accent);text-decoration:none;font-weight:600}

.v284-grid > .v490{grid-column:1/-1!important}.v490{width:100%;box-sizing:border-box}

.v510-switch{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px 16px;border-radius:12px;background:rgba(120,144,180,.07);border:1px solid rgba(120,144,180,.24);margin:0 0 22px}
.v510-switch b{font-size:12px;font-weight:700;color:#9db3d0;letter-spacing:.04em;text-transform:uppercase;margin-right:4px}
.v510-sw{padding:8px 16px;border-radius:9px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;transition:.15s}
.v510-sw:hover{border-color:var(--aline);color:var(--ink)}
.v510-sw.on{background:var(--accent);border-color:var(--accent);color:#1a1a1a}
.v510-switch small{flex:1 1 100%;font-size:11.5px;color:var(--hint);line-height:1.5;margin-top:2px}
.v510-mode{display:none}
.v510-mode.on{display:block}
.v430-ask{padding:16px 18px;border-radius:12px;background:var(--card);border:1px dashed var(--aline)}
.v430-ask span{display:block;font-size:10.5px;color:var(--hint);margin-bottom:8px;letter-spacing:.04em;text-transform:uppercase}
.v430-ask-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.v430-ask-in{flex:1;min-width:150px;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--bg-soft);color:var(--ink);font-size:17px;font-weight:650}
.v430-ask-in::placeholder{color:var(--hint);font-weight:400;font-size:14px}
.v430-ask b{font-size:12.5px;color:var(--muted);font-weight:500;line-height:1.5;display:block;margin-top:9px}
.v430-hint{display:flex;align-items:flex-start;gap:9px;margin-top:11px;padding:11px 13px;border-radius:10px;background:rgba(232,169,58,.07);font-size:12px;line-height:1.55;color:var(--muted)}
.v430-hint i{font-style:normal;color:var(--accent);flex:0 0 auto}

.v520-ch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 0}
.v520-c{position:relative;padding:15px 17px;border:1px solid var(--line);border-radius:12px;background:var(--card);cursor:pointer;transition:.16s}
.v520-c:hover{border-color:var(--aline)}
.v520-c.on{border-color:var(--accent);background:rgba(232,169,58,.06)}
.v520-c.main{border-color:var(--accent);background:rgba(232,169,58,.08)}
.v520-badge{position:absolute;top:-8px;right:13px;font-size:9.5px;font-weight:800;letter-spacing:.05em;padding:3px 8px;border-radius:5px;background:var(--accent);color:#1a1a1a}
.v520-c b{display:block;font-size:14.5px;font-weight:640;color:var(--ink);margin-bottom:4px;line-height:1.3}
.v520-c small{display:block;font-size:12px;color:var(--hint);line-height:1.5}
.v520-c i{display:block;font-style:normal;font-size:11.5px;color:var(--muted);margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
.v520-who{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 0}
.v520-w{padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:transparent;cursor:pointer;text-align:left;transition:.16s}
.v520-w:hover{border-color:var(--aline);background:rgba(255,255,255,.02)}
.v520-w b{display:block;font-size:14.5px;font-weight:640;color:var(--ink);margin-bottom:5px}
.v520-w small{display:block;font-size:12.5px;color:var(--muted);line-height:1.6}
.v520-exp{padding:30px 34px;border-radius:18px;border:1px solid var(--line);background:var(--bg-soft);margin:0 0 26px;
  display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}
.v520-exp::before{content:"◷";width:54px;height:54px;border-radius:14px;background:rgba(255,255,255,.05);
  color:var(--hint);font-size:26px;display:flex;align-items:center;justify-content:center}
.v520-exp > div{min-width:0}
.v520-exp b{display:block;font-size:21px;font-weight:620;color:var(--ink);margin-bottom:9px;letter-spacing:-.01em}
.v520-exp p{margin:0 0 16px;font-size:14.5px;line-height:1.68;color:var(--muted);max-width:none}
.v520-exp p:last-child{margin-bottom:0}
.v520-exp-btns{display:flex;flex-wrap:wrap;gap:11px}
@media(max-width:900px){.v520-ch,.v520-who{grid-template-columns:1fr}.v520-exp{grid-template-columns:1fr}}

.v550-who{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}
.v550-w{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:transparent;cursor:pointer;text-align:left;transition:.15s}
.v550-w:hover{border-color:var(--aline)}
.v550-w.on{border-color:var(--accent);background:rgba(232,169,58,.08)}
.v550-w b{display:block;font-size:13.5px;font-weight:640;color:var(--ink);margin-bottom:3px}
.v550-w small{display:block;font-size:11.5px;color:var(--hint);line-height:1.45}
.v550-mgr{display:none;padding:14px 16px;border-radius:11px;background:rgba(232,169,58,.06);border:1px solid rgba(232,169,58,.24);margin-bottom:12px}
.v550-mgr.on{display:block}
.v550-mgr > b{display:block;font-size:13px;font-weight:640;color:var(--accent);margin-bottom:9px}
.v550-mgr .fld{margin-bottom:9px}
.v550-mgr .fld:last-of-type{margin-bottom:0}
.v550-note{margin:10px 0 0;font-size:11.5px;line-height:1.55;color:var(--hint)}

.v570{margin:16px 0 20px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.022)}
.v570-h{display:flex;align-items:center;gap:9px;margin-bottom:14px;flex-wrap:wrap}
.v570-h b{font-size:13.5px;font-weight:650;color:var(--ink)}
.v570-h small{font-size:10.5px;padding:3px 8px;border-radius:6px;background:rgba(232,169,58,.14);color:var(--accent);font-weight:700}
.v570-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.v570-card{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.v570-card > b{display:block;font-size:13.5px;font-weight:640;color:var(--ink);margin-bottom:4px}
.v570-card > small{display:block;font-size:11.5px;color:var(--hint);margin-bottom:10px}
.v570-badges{display:flex;flex-wrap:wrap;gap:6px}
.v570-b{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 9px;border-radius:7px;line-height:1.3}
.v570-b.bad{background:rgba(220,38,38,.13);color:#f87171}
.v570-b.warn{background:rgba(232,169,58,.14);color:var(--accent)}
.v570-b.ok{background:rgba(74,222,128,.13);color:#4ade80}
.v570-note{margin:14px 0 0;padding-top:13px;border-top:1px solid var(--line);font-size:11.5px;line-height:1.6;color:var(--hint)}
.v570-note b{color:var(--ink);font-weight:640}
.v570-th{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:14px}
.v570-t{padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--card)}
.v570-t span{display:block;font-size:10.5px;color:var(--hint);margin-bottom:5px;line-height:1.3}
.v570-t b{display:block;font-size:16px;font-weight:700;color:var(--accent);line-height:1.15}
.v570-t i{display:block;font-style:normal;font-size:10.5px;color:var(--muted);margin-top:5px;line-height:1.45}
@media(max-width:900px){.v570-grid{grid-template-columns:1fr}.v570-th{grid-template-columns:repeat(2,1fr)}}

.v580{margin:16px 0 20px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.022)}
.v580-h{display:flex;align-items:center;gap:9px;margin-bottom:6px;flex-wrap:wrap}
.v580-h b{font-size:13.5px;font-weight:650;color:var(--ink)}
.v580-h small{font-size:10.5px;padding:3px 8px;border-radius:6px;background:rgba(232,169,58,.14);color:var(--accent);font-weight:700}
.v580-sub{margin:0 0 14px;font-size:12.5px;line-height:1.6;color:var(--muted);max-width:none}
.v580-tbl{width:100%;border-collapse:collapse;font-size:12.5px}
.v580-tbl th{text-align:left;padding:0 14px 9px 0;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--hint);font-weight:700;border-bottom:1px solid var(--line)}
.v580-tbl td{padding:11px 14px 11px 0;border-bottom:1px solid rgba(255,255,255,.05);color:var(--muted);vertical-align:top;line-height:1.55}
.v580-tbl td:first-child{white-space:nowrap}
.v580-tbl td b{color:var(--ink);font-weight:620}
.v580-tbl tbody tr:last-child td{border-bottom:0}
.v580-tbl tbody tr.on td{background:rgba(232,169,58,.05)}
.v580-f{display:inline-block;font-size:11px;padding:3px 9px;border-radius:6px;background:rgba(255,255,255,.05);color:var(--muted);margin:0 5px 5px 0}
.v580-f.hot{background:rgba(232,169,58,.13);color:var(--accent);font-weight:600}

.v590{margin:16px 0 20px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.022)}
.v590-h{display:flex;align-items:center;gap:9px;margin-bottom:6px;flex-wrap:wrap}
.v590-h b{font-size:13.5px;font-weight:650;color:var(--ink)}
.v590-h small{font-size:10.5px;padding:3px 8px;border-radius:6px;background:rgba(232,169,58,.14);color:var(--accent);font-weight:700}
.v590-sub{margin:0 0 16px;font-size:12.5px;line-height:1.6;color:var(--muted);max-width:none}
.v590-line{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;position:relative}
.v590-step{padding:15px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card);position:relative}
.v590-step.first{border-color:var(--aline);background:rgba(232,169,58,.05)}
.v590-day{display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:3px 10px;border-radius:20px;background:rgba(232,169,58,.13);color:var(--accent);font-size:11px;font-weight:800;margin-bottom:10px}
.v590-step b{display:block;font-size:14px;font-weight:640;color:var(--ink);margin-bottom:6px;line-height:1.3}
.v590-step p{margin:0 0 10px;font-size:12px;line-height:1.55;color:var(--muted)}
.v590-step p:last-child{margin-bottom:0}
.v590-q{padding:9px 11px;border-radius:8px;background:var(--bg-soft);font-size:11.5px;line-height:1.5;color:var(--hint);font-style:italic}
.v590-note{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:11.5px;line-height:1.6;color:var(--hint)}
.v590-note b{color:var(--ink);font-weight:640}
.v590-stop{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:12px 14px;border-radius:11px;background:rgba(74,222,128,.07);border:1px solid rgba(74,222,128,.22)}
.v590-stop i{font-style:normal;color:#4ade80;flex:0 0 auto;font-size:13px}
.v590-stop span{font-size:12px;line-height:1.55;color:var(--muted)}
@media(max-width:1000px){.v590-line{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.v590-line{grid-template-columns:1fr}}

.v600{margin:16px 0 20px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.022)}
.v600-h{display:flex;align-items:center;gap:9px;margin-bottom:6px;flex-wrap:wrap}
.v600-h b{font-size:13.5px;font-weight:650;color:var(--ink)}
.v600-h small{font-size:10.5px;padding:3px 8px;border-radius:6px;background:rgba(232,169,58,.14);color:var(--accent);font-weight:700}
.v600-sub{margin:0 0 16px;font-size:12.5px;line-height:1.6;color:var(--muted);max-width:none}
.v600-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px}
.v600-c{padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.v600-c.new{border-color:var(--aline);background:rgba(232,169,58,.05)}
.v600-c > span{display:block;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--hint);margin-bottom:10px}
.v600-c.new > span{color:var(--accent)}
.v600-row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:12.5px;border-bottom:1px solid rgba(255,255,255,.05)}
.v600-row:last-of-type{border-bottom:0}
.v600-row span{color:var(--muted)}
.v600-row b{color:var(--ink);font-weight:620;white-space:nowrap}
.v600-res{margin-top:11px;padding-top:11px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline}
.v600-res span{font-size:12px;color:var(--hint)}
.v600-res b{font-size:22px;font-weight:700;color:var(--ink)}
.v600-c.new .v600-res b{color:var(--accent)}
.v600-why{padding:13px 15px;border-radius:11px;background:rgba(120,144,180,.07);border:1px solid rgba(120,144,180,.22);font-size:12px;line-height:1.6;color:var(--muted)}
.v600-why b{color:var(--ink);font-weight:640}
@media(max-width:900px){.v600-two{grid-template-columns:1fr}}

.v610{margin:16px 0 20px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.022)}
.v610-h{display:flex;align-items:center;gap:9px;margin-bottom:6px;flex-wrap:wrap}
.v610-h b{font-size:13.5px;font-weight:650;color:var(--ink)}
.v610-h small{font-size:10.5px;padding:3px 8px;border-radius:6px;background:rgba(232,169,58,.14);color:var(--accent);font-weight:700}
.v610-sub{margin:0 0 14px;font-size:12.5px;line-height:1.6;color:var(--muted);max-width:none}
.v610-2{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.v610-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.v610-c{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.v610-c.ok{border-color:rgba(74,222,128,.3);background:rgba(74,222,128,.05)}
.v610-c.warn{border-color:rgba(232,169,58,.3);background:rgba(232,169,58,.05)}
.v610-c.mute{opacity:.72}
.v610-c > span{display:block;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--hint);margin-bottom:8px}
.v610-c b{display:block;font-size:14px;font-weight:640;color:var(--ink);margin-bottom:6px;line-height:1.3}
.v610-c.ok b{color:#4ade80}
.v610-c.warn b{color:var(--accent)}
.v610-c p{margin:0;font-size:12px;line-height:1.6;color:var(--muted)}
.v610-c small{display:block;font-size:11.5px;color:var(--hint);line-height:1.5;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
.v610-note{margin:14px 0 0;padding-top:13px;border-top:1px solid var(--line);font-size:11.5px;line-height:1.6;color:var(--hint)}
.v610-note b{color:var(--ink);font-weight:640}
.v610-bar{display:flex;align-items:center;gap:11px;padding:12px 15px;border-radius:11px;background:var(--bg-soft);margin-bottom:12px}
.v610-bar b{font-size:19px;font-weight:700;color:#4ade80;flex:0 0 auto;font-variant-numeric:tabular-nums}
.v610-bar span{font-size:12.5px;line-height:1.5;color:var(--muted)}
.v610-tag{display:inline-block;font-size:11px;font-weight:600;padding:3px 9px;border-radius:6px;margin:0 5px 5px 0}
.v610-tag.g{background:rgba(74,222,128,.13);color:#4ade80}
.v610-tag.y{background:rgba(232,169,58,.14);color:var(--accent)}
.v610-tag.n{background:rgba(255,255,255,.05);color:var(--hint)}
@media(max-width:900px){.v610-2,.v610-3{grid-template-columns:1fr}}

.v620{margin:22px 0 26px;padding:24px 26px;border:1px solid var(--aline);border-radius:18px;background:rgba(232,169,58,.05)}
.v620-h{margin:0 0 8px;font-size:clamp(18px,2vw,23px);font-weight:600;color:var(--ink);letter-spacing:-.02em;line-height:1.2}
.v620-sub{margin:0 0 20px;font-size:14px;line-height:1.65;color:var(--muted);max-width:none}
.v620-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.v620-s{padding:16px 18px;border:1px solid var(--line);border-radius:13px;background:var(--card);position:relative}
.v620-s.take{border-color:rgba(220,38,38,.3);background:rgba(220,38,38,.05)}
.v620-s span{display:block;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--hint);margin-bottom:8px}
.v620-s b{display:block;font-size:26px;font-weight:700;color:var(--ink);line-height:1.1;letter-spacing:-.02em}
.v620-s.take b{color:#f87171}
.v620-s i{display:block;font-style:normal;font-size:11.5px;color:var(--muted);margin-top:8px;line-height:1.45}
.v620-cmp{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
.v620-c{padding:16px 18px;border:1px solid var(--line);border-radius:13px;background:var(--card)}
.v620-c.ours{border-color:rgba(74,222,128,.32);background:rgba(74,222,128,.05)}
.v620-c b{display:block;font-size:14.5px;font-weight:640;color:var(--ink);margin-bottom:10px}
.v620-c.ours b{color:#4ade80}
.v620-row{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:12.5px;border-bottom:1px solid rgba(255,255,255,.05)}
.v620-row:last-child{border-bottom:0;padding-top:9px;margin-top:3px;border-top:1px solid var(--line);font-weight:640}
.v620-row span{color:var(--muted)}
.v620-row em{font-style:normal;color:var(--ink);font-weight:620;white-space:nowrap}
.v620-note{margin:0;padding-top:15px;border-top:1px solid var(--line);font-size:12.5px;line-height:1.65;color:var(--hint)}
.v620-note b{color:var(--ink);font-weight:640}
@media(max-width:900px){.v620-flow{grid-template-columns:repeat(2,1fr)}.v620-cmp{grid-template-columns:1fr}}

.v630{margin:0 0 26px;padding:24px 26px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.022)}
.v630-h{margin:0 0 8px;font-size:clamp(18px,2vw,23px);font-weight:600;color:var(--ink);letter-spacing:-.02em;line-height:1.2}
.v630-sub{margin:0 0 20px;font-size:14px;line-height:1.65;color:var(--muted);max-width:none}
.v630-quote{padding:16px 18px;border-left:2px solid var(--line);background:var(--bg-soft);border-radius:0 12px 12px 0;margin-bottom:20px}
.v630-quote p{margin:0 0 8px;font-size:13.5px;line-height:1.65;color:var(--muted);font-style:italic;max-width:none}
.v630-quote cite{font-style:normal;font-size:11.5px;color:var(--hint)}
.v630-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
.v630-c{padding:18px 20px;border:1px solid var(--line);border-radius:13px;background:var(--card)}
.v630-c.ours{border-color:rgba(74,222,128,.32);background:rgba(74,222,128,.05)}
.v630-c > span{display:block;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--hint);margin-bottom:10px}
.v630-c.ours > span{color:#4ade80}
.v630-c b{display:block;font-size:15px;font-weight:640;color:var(--ink);margin-bottom:12px;line-height:1.3}
.v630-c.ours b{color:#4ade80}
.v630-list{margin:0;padding:0;list-style:none}
.v630-list li{position:relative;padding-left:20px;margin-bottom:9px;font-size:12.5px;line-height:1.6;color:var(--muted)}
.v630-list li:last-child{margin-bottom:0}
.v630-list li::before{content:"—";position:absolute;left:0;top:0;color:var(--hint)}
.v630-c.ours .v630-list li::before{content:"✓";color:#4ade80;font-size:11px;top:1px}
.v630-risk{display:flex;align-items:flex-start;gap:11px;padding:14px 16px;border-radius:12px;background:rgba(232,169,58,.07);border:1px solid rgba(232,169,58,.24)}
.v630-risk i{font-style:normal;color:var(--accent);flex:0 0 auto;font-size:13px}
.v630-risk span{font-size:12.5px;line-height:1.65;color:var(--muted)}
.v630-risk b{color:var(--ink);font-weight:640}
@media(max-width:900px){.v630-two{grid-template-columns:1fr}}

.v640{margin:20px 0;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.022)}
.v640-h{display:flex;align-items:center;gap:9px;margin-bottom:6px;flex-wrap:wrap}
.v640-h b{font-size:14px;font-weight:650;color:var(--ink)}
.v640-h small{font-size:10.5px;padding:3px 8px;border-radius:6px;background:rgba(232,169,58,.14);color:var(--accent);font-weight:700}
.v640-sub{margin:0 0 16px;font-size:13px;line-height:1.65;color:var(--muted);max-width:none}
.v640-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px}
.v640-l{padding:14px 15px;border:1px solid var(--line);border-radius:11px;background:var(--card)}
.v640-l span{display:block;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--hint);margin-bottom:7px}
.v640-l b{display:block;font-size:13.5px;font-weight:640;color:var(--ink);line-height:1.3;margin-bottom:6px}
.v640-l i{display:block;font-style:normal;font-size:11.5px;color:var(--muted);line-height:1.5}
.v640-l em{display:block;font-style:normal;font-size:11px;color:var(--accent);font-weight:640;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
.v640-note{margin:0;padding-top:13px;border-top:1px solid var(--line);font-size:12px;line-height:1.65;color:var(--hint)}
.v640-note b{color:var(--ink);font-weight:640}
@media(max-width:1000px){.v640-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.v640-grid{grid-template-columns:1fr}}

.v650{margin:0 0 32px;padding:30px 32px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(232,169,58,.05),rgba(232,169,58,.015))}
.v650-lead{margin:0 0 22px;font-size:clamp(17px,2.1vw,22px);line-height:1.5;color:var(--ink);font-weight:500;letter-spacing:-.01em;max-width:none}
.v650-lead b{color:var(--accent);font-weight:640}
.v650-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}
.v650-c{padding:20px 22px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.v650-c.now{border-color:rgba(74,222,128,.3);background:rgba(74,222,128,.05)}
.v650-c span{display:block;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--hint);margin-bottom:9px}
.v650-c.now span{color:#4ade80}
.v650-c b{display:block;font-size:15px;font-weight:640;color:var(--ink);margin-bottom:9px;line-height:1.3}
.v650-c.now b{color:#4ade80}
.v650-c p{margin:0;font-size:12.5px;line-height:1.65;color:var(--muted);max-width:none}
.v650-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.v650-n{padding:15px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card);text-align:center}
.v650-n b{display:block;font-size:24px;font-weight:700;color:var(--accent);line-height:1.1;letter-spacing:-.02em}
.v650-n i{display:block;font-style:normal;font-size:11.5px;color:var(--muted);margin-top:7px;line-height:1.45}
.v650-src{margin:0;padding-top:15px;border-top:1px solid var(--line);font-size:11.5px;line-height:1.6;color:var(--hint)}
@media(max-width:900px){.v650-two{grid-template-columns:1fr}.v650-nums{grid-template-columns:1fr}}

.v650{margin:20px 0;padding:20px 22px;border:1px solid rgba(74,222,128,.28);border-radius:16px;background:rgba(74,222,128,.045)}
.v650-h{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}
.v650-h b{font-size:14.5px;font-weight:650;color:var(--ink)}
.v650-h small{font-size:10.5px;padding:3px 8px;border-radius:6px;background:rgba(74,222,128,.16);color:#4ade80;font-weight:700}
.v650-sub{margin:0 0 18px;font-size:12.5px;line-height:1.6;color:var(--muted);max-width:none}
.v650-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:16px;position:relative}
.v650-st{position:relative;padding:0 8px 0 0}
.v650-st::before{content:"";position:absolute;top:9px;left:0;right:0;height:2px;background:var(--line)}
.v650-st.done::before{background:#4ade80}
.v650-st:last-child::before{display:none}
.v650-dot{position:relative;width:20px;height:20px;border-radius:50%;border:2px solid var(--line);background:var(--card);z-index:1;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--hint);margin-bottom:10px}
.v650-st.done .v650-dot{border-color:#4ade80;background:#4ade80;color:#0a0a0a;font-weight:700}
.v650-st.now .v650-dot{border-color:#4ade80;background:var(--card);color:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.14)}
.v650-st b{display:block;font-size:12.5px;font-weight:640;color:var(--ink);margin-bottom:4px;line-height:1.3}
.v650-st.now b{color:#4ade80}
.v650-st i{display:block;font-style:normal;font-size:11px;color:var(--muted);line-height:1.45}
.v650-st span{display:block;font-size:10.5px;color:var(--hint);margin-top:5px}
.v650-eta{display:flex;align-items:flex-start;gap:11px;padding:13px 15px;border-radius:12px;background:var(--bg-soft);border:1px solid var(--line);margin-bottom:12px}
.v650-eta i{font-style:normal;color:#4ade80;flex:0 0 auto;font-size:13px}
.v650-eta span{font-size:12.5px;line-height:1.6;color:var(--muted)}
.v650-eta b{color:var(--ink);font-weight:640}
.v650-note{margin:0;padding-top:13px;border-top:1px solid var(--line);font-size:11.5px;line-height:1.6;color:var(--hint)}
@media(max-width:820px){.v650-track{grid-template-columns:repeat(2,1fr);gap:18px 0}.v650-st:nth-child(2)::before{display:none}}

.v660{margin:20px 0;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.022)}
.v660-h{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}
.v660-h b{font-size:14.5px;font-weight:650;color:var(--ink)}
.v660-h small{font-size:10.5px;padding:3px 8px;border-radius:6px;background:rgba(232,169,58,.14);color:var(--accent);font-weight:700}
.v660-sub{margin:0 0 18px;font-size:12.5px;line-height:1.65;color:var(--muted);max-width:none}
.v660-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.v660-c{padding:16px 18px;border:1px solid var(--line);border-radius:13px;background:var(--card)}
.v660-c span{display:block;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--hint);margin-bottom:8px}
.v660-c b{display:block;font-size:26px;font-weight:700;color:var(--ink);line-height:1.1;letter-spacing:-.02em;margin-bottom:8px}
.v660-c em{display:block;font-style:normal;font-size:12.5px;font-weight:640;color:var(--ink);margin-bottom:6px}
.v660-c i{display:block;font-style:normal;font-size:11.5px;color:var(--muted);line-height:1.5}
.v660-why{display:flex;align-items:flex-start;gap:11px;padding:14px 16px;border-radius:12px;background:var(--bg-soft);border:1px solid var(--line)}
.v660-why i{font-style:normal;color:var(--accent);flex:0 0 auto;font-size:13px}
.v660-why span{font-size:12px;line-height:1.65;color:var(--muted)}
.v660-why b{color:var(--ink);font-weight:640}
@media(max-width:820px){.v660-grid{grid-template-columns:1fr}}

.v660{margin:22px 0;padding:22px 24px;border:1px solid rgba(74,222,128,.3);border-radius:16px;background:rgba(74,222,128,.05)}
.v660-h{display:flex;align-items:center;gap:10px;margin-bottom:7px;flex-wrap:wrap}
.v660-h b{font-size:15px;font-weight:650;color:#4ade80}
.v660-h small{font-size:10.5px;padding:3px 8px;border-radius:6px;background:rgba(74,222,128,.14);color:#4ade80;font-weight:700}
.v660-sub{margin:0 0 18px;font-size:13px;line-height:1.65;color:var(--muted);max-width:none}
.v660-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:16px}
.v660-s{padding:12px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);text-align:center}
.v660-s.done{border-color:rgba(74,222,128,.35);background:rgba(74,222,128,.07)}
.v660-s span{display:block;font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--hint);margin-bottom:6px}
.v660-s b{display:block;font-size:16px;font-weight:700;color:var(--ink);line-height:1.1}
.v660-s.done b{color:#4ade80}
.v660-s i{display:block;font-style:normal;font-size:10px;color:var(--muted);margin-top:5px}
.v660-act{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:12px;background:var(--bg-soft);border:1px solid var(--line);flex-wrap:wrap}
.v660-act p{margin:0;font-size:12.5px;line-height:1.6;color:var(--muted);flex:1;min-width:220px;max-width:none}
.v660-act p b{color:var(--ink);font-weight:640}
.v660-btn{padding:9px 18px;border-radius:9px;background:#4ade80;color:#0a0a0a;font-size:12.5px;font-weight:640;white-space:nowrap;border:0;cursor:pointer}
.v660-src{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:11px;line-height:1.6;color:var(--hint)}
@media(max-width:900px){.v660-grid{grid-template-columns:repeat(3,1fr)}}

.v670{margin:22px 0;padding:24px 26px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(232,169,58,.05),transparent)}
.v670-h{margin:0 0 8px;font-size:17px;font-weight:650;color:var(--ink);letter-spacing:-.01em}
.v670-h em{font-style:normal;color:var(--accent)}
.v670-sub{margin:0 0 20px;font-size:13px;line-height:1.65;color:var(--muted);max-width:none}
.v670-drop{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px dashed var(--line);border-radius:12px;background:var(--card);margin-bottom:16px;flex-wrap:wrap}
.v670-drop-i{width:40px;height:40px;border-radius:10px;background:rgba(232,169,58,.12);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}
.v670-drop-t{flex:1;min-width:200px}
.v670-drop-t b{display:block;font-size:13.5px;font-weight:640;color:var(--ink);margin-bottom:4px}
.v670-drop-t span{font-size:11.5px;color:var(--hint);line-height:1.5}
.v670-drop button{padding:9px 18px;border-radius:9px;background:var(--accent);color:#0a0a0a;font-size:12.5px;font-weight:640;border:0;cursor:pointer;white-space:nowrap}
.v670-res{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.v670-r{padding:15px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card);text-align:center}
.v670-r.hit{border-color:rgba(74,222,128,.35);background:rgba(74,222,128,.06)}
.v670-r b{display:block;font-size:21px;font-weight:700;color:var(--ink);line-height:1.1;letter-spacing:-.02em}
.v670-r.hit b{color:#4ade80}
.v670-r i{display:block;font-style:normal;font-size:11px;color:var(--muted);margin-top:6px;line-height:1.45}
.v670-note{margin:0;padding:14px 16px;border-radius:10px;background:var(--bg-soft);border:1px solid var(--line);font-size:12px;line-height:1.65;color:var(--muted)}
.v670-note b{color:var(--ink);font-weight:640}
@media(max-width:900px){.v670-res{grid-template-columns:1fr}}

.v680{margin:26px 0 0;padding:24px 26px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(232,169,58,.05),transparent)}
.v680-h{margin:0 0 6px;font-size:17px;font-weight:650;color:var(--ink);letter-spacing:-.01em}
.v680-sub{margin:0 0 18px;font-size:12.5px;line-height:1.6;color:var(--muted);max-width:none}
.v680-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v680-t{display:block;padding:18px 20px;border:1px solid var(--line);border-radius:13px;background:var(--card);text-decoration:none;transition:border-color .15s}
.v680-t:hover{border-color:var(--accent)}
.v680-t-top{display:flex;align-items:center;gap:9px;margin-bottom:8px}
.v680-t-i{width:30px;height:30px;border-radius:8px;background:rgba(232,169,58,.12);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
.v680-t b{font-size:14px;font-weight:640;color:var(--ink)}
.v680-t p{margin:0 0 10px;font-size:12px;line-height:1.6;color:var(--muted);max-width:none}
.v680-t span.go{font-size:11.5px;font-weight:640;color:var(--accent)}
.v680-free{display:inline-block;margin-top:14px;padding:4px 10px;border-radius:6px;background:rgba(74,222,128,.12);color:#4ade80;font-size:11px;font-weight:640}
@media(max-width:900px){.v680-grid{grid-template-columns:1fr}}
.v681{margin:22px 0 0;padding:18px 20px;border:1px solid var(--line);border-radius:13px;background:var(--card);display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.v681-i{width:34px;height:34px;border-radius:9px;background:rgba(232,169,58,.12);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.v681-t{flex:1;min-width:220px}
.v681-t b{display:block;font-size:13.5px;font-weight:640;color:var(--ink);margin-bottom:3px}
.v681-t span{font-size:11.5px;line-height:1.55;color:var(--muted)}
.v681 a{padding:8px 16px;border-radius:8px;border:1px solid var(--accent);color:var(--accent);font-size:12.5px;font-weight:640;text-decoration:none;white-space:nowrap}

.v690{margin:0 0 30px;padding:28px 30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(74,222,128,.05),transparent)}
.v690-h{margin:0 0 8px;font-size:clamp(17px,2.1vw,21px);font-weight:650;color:var(--ink);letter-spacing:-.01em;line-height:1.35}
.v690-sub{margin:0 0 22px;font-size:13px;line-height:1.65;color:var(--muted);max-width:none}
.v690-two{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch;margin-bottom:18px}
.v690-c{padding:20px 22px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.v690-c.win{border-color:rgba(74,222,128,.35);background:rgba(74,222,128,.06)}
.v690-c span{display:block;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--hint);margin-bottom:10px}
.v690-c.win span{color:#4ade80}
.v690-c b{display:block;font-size:19px;font-weight:700;color:var(--ink);line-height:1.25;margin-bottom:10px;letter-spacing:-.01em}
.v690-c.win b{color:#4ade80}
.v690-c ul{margin:0;padding:0;list-style:none}
.v690-c li{position:relative;padding-left:15px;margin-bottom:7px;font-size:12.5px;line-height:1.55;color:var(--muted)}
.v690-c li:last-child{margin-bottom:0}
.v690-c li:before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;background:var(--hint)}
.v690-c.win li:before{background:#4ade80}
.v690-vs{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--hint);letter-spacing:.06em}
.v690-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:16px}
.v690-n{padding:14px 15px;border:1px solid var(--line);border-radius:11px;background:var(--card);text-align:center}
.v690-n b{display:block;font-size:19px;font-weight:700;color:#4ade80;line-height:1.15;letter-spacing:-.02em}
.v690-n i{display:block;font-style:normal;font-size:11px;color:var(--muted);margin-top:6px;line-height:1.45}
.v690-src{margin:0;padding-top:15px;border-top:1px solid var(--line);font-size:11.5px;line-height:1.6;color:var(--hint)}
@media(max-width:900px){.v690-two{grid-template-columns:1fr}.v690-vs{padding:4px 0}.v690-nums{grid-template-columns:1fr}}

.scrhint{margin:0 0 22px;padding:16px 18px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;background:linear-gradient(90deg,rgba(232,169,58,.07),rgba(232,169,58,.01))}
.scrhint-top{display:flex;align-items:center;gap:9px;margin-bottom:9px;flex-wrap:wrap}
.scrhint-top b{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-weight:700}
.scrhint-top span{font-size:10.5px;padding:2px 8px;border-radius:5px;background:rgba(232,169,58,.13);color:var(--accent);font-weight:600}
.scrhint ul{margin:0;padding-left:17px;list-style:none}
.scrhint li{position:relative;font-size:12.5px;line-height:1.62;color:var(--muted);margin-bottom:6px;max-width:none}
.scrhint li:last-child{margin-bottom:0}
.scrhint li::before{content:"";position:absolute;left:-13px;top:8px;width:4px;height:4px;border-radius:50%;background:var(--accent);opacity:.6}
.scrhint li b{color:var(--ink);font-weight:640}
.scrhint li i{font-style:normal;color:#ef8f5a;font-weight:600}
.scrhint-src{margin:10px 0 0;padding-top:9px;border-top:1px solid var(--line);font-size:11px;line-height:1.55;color:var(--hint)}
@media print{.scrhint{display:none}}

.v700{margin:22px 0;padding:24px 26px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(232,169,58,.05),rgba(232,169,58,.012))}
.v700-h{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.v700-h b{font-size:16px;font-weight:650;color:var(--ink);letter-spacing:-.01em}
.v700-h small{font-size:10.5px;padding:3px 9px;border-radius:6px;background:rgba(232,169,58,.14);color:var(--accent);font-weight:700;letter-spacing:.03em}
.v700-sub{margin:0 0 20px;font-size:13px;line-height:1.65;color:var(--muted);max-width:none}
.v700-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
.v700-c{padding:18px 20px;border:1px solid var(--line);border-radius:13px;background:var(--card)}
.v700-c.on{border-color:rgba(74,222,128,.3);background:rgba(74,222,128,.05)}
.v700-c span{display:block;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--hint);margin-bottom:8px}
.v700-c.on span{color:#4ade80}
.v700-c p{margin:0;font-size:12.5px;line-height:1.62;color:var(--muted);max-width:none}
.v700-c p b{color:var(--ink);font-weight:640}
.v700-c.on p b{color:#4ade80}
.v700-tl{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:16px}
.v700-d{padding:11px 8px;border:1px solid var(--line);border-radius:10px;background:var(--card);text-align:center}
.v700-d.hit{border-color:var(--accent);background:rgba(232,169,58,.09)}
.v700-d i{display:block;font-style:normal;font-size:10px;color:var(--hint);margin-bottom:5px}
.v700-d b{display:block;font-size:13px;font-weight:640;color:var(--ink)}
.v700-d.hit b{color:var(--accent)}
.v700-src{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:11px;line-height:1.6;color:var(--hint)}
@media(max-width:900px){.v700-two{grid-template-columns:1fr}.v700-tl{grid-template-columns:repeat(2,1fr)}}

.v800{margin:22px 0;padding:24px 26px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(232,169,58,.05),rgba(232,169,58,.012))}
.v800-h{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.v800-h b{font-size:16px;font-weight:650;color:var(--ink);letter-spacing:-.01em}
.v800-h small{font-size:10.5px;padding:3px 9px;border-radius:6px;background:rgba(232,169,58,.14);color:var(--accent);font-weight:700}
.v800-sub{margin:0 0 20px;font-size:13px;line-height:1.65;color:var(--muted);max-width:none}
.v800-pick{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.v800-p{padding:20px 22px;border:1px solid var(--line);border-radius:13px;background:var(--card);cursor:default}
.v800-p.sel{border-color:var(--accent);background:rgba(232,169,58,.07)}
.v800-p span{display:block;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--hint);margin-bottom:9px}
.v800-p.sel span{color:var(--accent)}
.v800-p b{display:block;font-size:22px;font-weight:700;color:var(--ink);margin-bottom:7px;letter-spacing:-.01em}
.v800-p.sel b{color:var(--accent)}
.v800-p p{margin:0;font-size:12px;line-height:1.6;color:var(--muted);max-width:none}
.v800-st{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}
.v800-s{padding:13px 10px;border:1px solid var(--line);border-radius:11px;background:var(--card);text-align:center}
.v800-s.done{border-color:rgba(74,222,128,.35);background:rgba(74,222,128,.06)}
.v800-s i{display:block;font-style:normal;font-size:10px;color:var(--hint);margin-bottom:5px}
.v800-s b{display:block;font-size:15px;font-weight:640;color:var(--ink)}
.v800-s.done b{color:#4ade80}
.v800-calc{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:12px;background:var(--bg-soft);border:1px solid var(--line);flex-wrap:wrap;margin-bottom:14px}
.v800-calc div{flex:1;min-width:130px}
.v800-calc span{display:block;font-size:10.5px;color:var(--hint);margin-bottom:4px}
.v800-calc b{display:block;font-size:17px;font-weight:640;color:var(--ink)}
.v800-calc b.g{color:#4ade80}
.v800-src{margin:0;padding-top:12px;border-top:1px solid var(--line);font-size:11px;line-height:1.6;color:var(--hint)}
@media(max-width:900px){.v800-pick{grid-template-columns:1fr}.v800-st{grid-template-columns:repeat(2,1fr)}}

.v900{margin:22px 0;padding:24px 26px;border:1px solid rgba(139,92,246,.28);border-radius:16px;background:linear-gradient(180deg,rgba(139,92,246,.06),rgba(139,92,246,.015))}
.v900-h{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.v900-h b{font-size:16px;font-weight:650;color:var(--ink)}
.v900-h small{font-size:10.5px;padding:3px 9px;border-radius:6px;background:rgba(139,92,246,.16);color:#a78bfa;font-weight:700}
.v900-sub{margin:0 0 20px;font-size:13px;line-height:1.65;color:var(--muted);max-width:none}
.v900-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
.v900-c{padding:18px 20px;border:1px solid var(--line);border-radius:13px;background:var(--card)}
.v900-c.new{border-color:rgba(139,92,246,.3);background:rgba(139,92,246,.06)}
.v900-c span{display:block;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--hint);margin-bottom:8px}
.v900-c.new span{color:#a78bfa}
.v900-c b{display:block;font-size:14.5px;font-weight:640;color:var(--ink);margin-bottom:8px}
.v900-c.new b{color:#a78bfa}
.v900-c p{margin:0;font-size:12.5px;line-height:1.62;color:var(--muted);max-width:none}
.v900-ang{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:16px}
.v900-a{padding:14px 12px;border:1px solid var(--line);border-radius:11px;background:var(--card)}
.v900-a.hot{border-color:#a78bfa;background:rgba(139,92,246,.09)}
.v900-a b{display:block;font-size:12.5px;font-weight:640;color:var(--ink);margin-bottom:5px}
.v900-a.hot b{color:#a78bfa}
.v900-a i{display:block;font-style:normal;font-size:11px;line-height:1.5;color:var(--muted)}
.v900-src{margin:0;padding-top:12px;border-top:1px solid var(--line);font-size:11px;line-height:1.6;color:var(--hint)}
@media(max-width:900px){.v900-two,.v900-ang{grid-template-columns:1fr}}

.va0{margin:22px 0;padding:22px 24px;border:1px solid rgba(74,222,128,.28);border-radius:16px;background:linear-gradient(180deg,rgba(74,222,128,.05),rgba(74,222,128,.012))}
.va0-h{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.va0-h b{font-size:15.5px;font-weight:650;color:var(--ink)}
.va0-h small{font-size:10.5px;padding:3px 9px;border-radius:6px;background:rgba(74,222,128,.15);color:#4ade80;font-weight:700}
.va0-sub{margin:0 0 18px;font-size:13px;line-height:1.65;color:var(--muted);max-width:none}
.va0-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.va0-c{padding:15px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card);text-align:center}
.va0-c.f{border-color:rgba(74,222,128,.35);background:rgba(74,222,128,.07)}
.va0-c i{display:block;font-style:normal;font-size:10.5px;color:var(--hint);margin-bottom:6px}
.va0-c b{display:block;font-size:20px;font-weight:700;color:var(--ink);line-height:1.1}
.va0-c.f b{color:#4ade80}
.va0-c em{display:block;font-style:normal;font-size:10.5px;color:var(--muted);margin-top:5px}
.va0-src{margin:0;padding-top:11px;border-top:1px solid var(--line);font-size:11px;line-height:1.6;color:var(--hint)}
@media(max-width:900px){.va0-row{grid-template-columns:1fr}}

.pcalc-wrap{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;margin:24px 0;align-items:start}
@media(max-width:860px){.pcalc-wrap{grid-template-columns:1fr}}
.pcalc-form{background:var(--card,#fff);border:1px solid var(--line,#e6e6e6);border-radius:14px;padding:22px}
.pcalc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.pcalc-grid{grid-template-columns:1fr}}
.pcalc-field{margin-bottom:2px}
.pcalc-field label{display:block;font-size:12.5px;color:var(--muted,#666);margin-bottom:5px;font-weight:600}
.pcalc-field input,.pcalc-field select{width:100%;padding:9px 11px;border:1px solid var(--line,#ddd);
border-radius:9px;font-size:14.5px;font-family:inherit;background:var(--bg,#fff);color:var(--ink,#1a1a1a)}
.pcalc-out{background:linear-gradient(160deg,#1a1a1a,#2a2a2a);border-radius:14px;padding:26px;color:#fff;
position:sticky;top:16px}
.pcalc-out-lbl{font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.6;margin-bottom:8px}
.pcalc-out-val{font-size:32px;font-weight:700;line-height:1.15;margin-bottom:4px;color:#e8c266}
.pcalc-out-note{font-size:12.5px;opacity:.72;line-height:1.5;margin-top:14px}
.pcalc-breakdown{margin-top:18px;border-top:1px solid rgba(255,255,255,.16);padding-top:12px}
.pcalc-brow{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;padding:4px 0;opacity:.85}
.pcalc-brow b{font-weight:600;color:#fff;white-space:nowrap}
.pcalc-formula{background:var(--card,#faf9f7);border:1px solid var(--line,#e6e6e6);border-radius:12px;
padding:18px 20px;margin-top:8px;font-size:14px;line-height:1.75}
.pcalc-formula code{background:rgba(0,0,0,.05);padding:2px 7px;border-radius:5px;font-size:13px}
.pcalc-tbl{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:10px}
.pcalc-tbl th{text-align:left;background:#1a1a1a;color:#fff;padding:8px 11px;font-size:12.5px;font-weight:600}
.pcalc-tbl td{padding:7px 11px;border:1px solid var(--line,#e6e6e6);vertical-align:top}

/* v194 — final authoritative override, intentionally last in document */
html body #s-landing #why-these-creators .ai-ref-summary .ai-signal-count{
  color:#85858a !important;
  font-weight:400 !important;
  font-size:15px !important;
}
html body #s-landing #why-these-creators .ai-ref-summary .ai-summary-arrow-force{
  color:#e8a93a !important;
  font-size:22px !important;
  font-weight:700 !important;
  line-height:1 !important;
  display:inline-block !important;
}

/* v195 — AI summary: plain text, no surrounding frame */
html body #s-landing #why-these-creators .ai-ref-summary{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
html body #s-landing #why-these-creators .ai-ref-summary .ai-score-result{
  font-weight:700 !important;
}

/* v196 — raise only the AI summary line closer to creator */
html body #s-landing #why-these-creators .ai-ref-summary{
  transform:translateY(-24px) !important;
}

html body #s-landing #why-these-creators .ai-ref-summary .ai-score-result{
  font-weight:400 !important;
  color:#ffffff !important;
}

/* v199 — subtle monitor-like illumination for AI summary.
   Typography and existing text colors remain untouched. */
html body #s-landing #why-these-creators .ai-ref-summary{
  position:relative !important;
  isolation:isolate !important;
}
html body #s-landing #why-these-creators .ai-ref-summary::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:118% !important;
  height:210% !important;
  transform:translate(-50%,-50%) !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:radial-gradient(ellipse at center,
    rgba(232,169,58,.16) 0%,
    rgba(232,169,58,.075) 34%,
    rgba(232,169,58,0) 72%) !important;
  filter:blur(14px) !important;
}
html body #s-landing #why-these-creators .ai-ref-summary .ai-summary-arrow-force{
  text-shadow:0 0 10px rgba(232,169,58,.38) !important;
}

html body #s-landing #why-these-creators .ai-ref-summary .ai-score-result{
  color:#85858a !important;
}

/* v203 — subtle glow for comparison summary, matching AI-summary treatment */
#compare .compact-workflow-proof{
  position:relative !important;
  isolation:isolate !important;
}
#compare .compact-workflow-proof::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:118% !important;
  height:210% !important;
  transform:translate(-50%,-50%) !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:radial-gradient(
    ellipse at center,
    rgba(232,169,58,.16) 0%,
    rgba(232,169,58,.075) 34%,
    rgba(232,169,58,0) 72%
  ) !important;
  filter:blur(14px) !important;
}
#compare .compare-summary-arrow{
  text-shadow:0 0 10px rgba(232,169,58,.38) !important;
}

/* v206 — keep the AI summary arrow on the same baseline as both text fragments */
html body #s-landing #why-these-creators .ai-ref-summary{
  display:flex !important;
  align-items:baseline !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
  gap:18px !important;
}
html body #s-landing #why-these-creators .ai-ref-summary .ai-summary-arrow-force{
  display:inline-flex !important;
  align-items:center !important;
  align-self:baseline !important;
  line-height:1 !important;
  transform:none !important;
  margin:0 !important;
  position:static !important;
}

/* v207 — comparison summary typography/alignment only */

/* 1) Remove bold only from “7 отдельных процессов”. */
#compare .compact-workflow-proof .compare-summary-left{
  font-weight:400 !important;
}

/* Keep right-hand phrase at its existing emphasis. */
#compare .compact-workflow-proof .compare-summary-right{
  font-weight:600 !important;
}

/* 2) Align the two text groups by their BOTTOM edge. */
#compare .compact-workflow-proof{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
}

#compare .compact-workflow-proof > strong,
#compare .compact-workflow-proof > span:last-child{
  margin:0 !important;
  padding:0 !important;
  align-self:flex-end !important;
  line-height:1.25 !important;
}

/* v208 — AI summary only:
   both phrases white; arrow optically centered on lowercase x-height/text axis. */
html body #s-landing #why-these-creators .ai-ref-summary,
html body #s-landing #why-these-creators .ai-ref-summary > span:not(.ai-summary-arrow-force){
  color:#f4f4f2 !important;
}

html body #s-landing #why-these-creators .ai-ref-summary{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
}

html body #s-landing #why-these-creators .ai-ref-summary .ai-summary-arrow-force{
  color:#f2ad32 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:center !important;
  line-height:1 !important;
  position:relative !important;
  top:1px !important; /* optical correction to lowercase text axis */
  transform:none !important;
  margin:0 !important;
}

/* v209 — raise ONLY the glow behind
   “Десятки сигналов → одна оценка соответствия” */
html body #s-landing #why-these-creators .ai-ref-summary::before{
  top:42% !important;
}

/* v212 — ONLY requested comparison-summary typography */

/* 1) Same font size as the right-hand process list. */
#compare .compact-workflow-proof > .compare-summary-headline{
  font-size:15px !important;
}

/* 2) Remove bold from BOTH phrases in the left headline. */
#compare .compact-workflow-proof .compare-summary-left,
#compare .compact-workflow-proof .compare-summary-right{
  font-weight:400 !important;
}

/* 3) Make the whole “7 отдельных процессов → единый процесс в Pact” white.
   Arrow included, per request for the whole phrase. */
#compare .compact-workflow-proof > .compare-summary-headline,
#compare .compact-workflow-proof > .compare-summary-headline .compare-summary-left,
#compare .compact-workflow-proof > .compare-summary-headline .compare-summary-right,
#compare .compact-workflow-proof > .compare-summary-headline .compare-summary-arrow{
  color:#f4f4f2 !important;
}

/* v213 — comparison summary:
   1) both text groups use EXACTLY the same font size
   2) both groups share the same bottom edge */

#compare .compact-workflow-proof{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
  column-gap:24px !important;
}

#compare .compact-workflow-proof > .compare-summary-headline,
#compare .compact-workflow-proof > .compare-summary-process-list{
  font-size:15px !important;
  line-height:1.25 !important;
  margin:0 !important;
  padding:0 !important;
  align-self:flex-end !important;
}

/* remove default strong metrics that can visually shift the first group */
#compare .compact-workflow-proof > .compare-summary-headline{
  display:inline-flex !important;
  align-items:baseline !important;
}

/* v214 — authoritative fix for the comparison summary.
   Important: previous global rule set ALL nested spans to 13px.
   Here we force the visible left/right headline fragments to the same
   15px as the process list, then align both groups on one baseline/bottom line. */

#compare .compact-workflow-proof{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  justify-content:center !important;
  align-items:baseline !important;
  column-gap:24px !important;
}

/* SAME font metrics for the actual visible text on both sides */
#compare .compact-workflow-proof > .compare-summary-headline,
#compare .compact-workflow-proof > .compare-summary-headline .compare-summary-left,
#compare .compact-workflow-proof > .compare-summary-headline .compare-summary-right,
#compare .compact-workflow-proof > .compare-summary-process-list{
  font-size:15px !important;
  line-height:1.25 !important;
}

/* Put the two text groups on the exact same baseline.
   With identical font-size/line-height this also makes their lower text edge coincide. */
#compare .compact-workflow-proof > .compare-summary-headline,
#compare .compact-workflow-proof > .compare-summary-process-list{
  margin:0 !important;
  padding:0 !important;
  align-self:baseline !important;
  vertical-align:baseline !important;
}

#compare .compact-workflow-proof > .compare-summary-headline{
  display:inline-flex !important;
  align-items:baseline !important;
}

/* v215 — make comparison arrow + spacing match AI summary exactly */
#compare .compact-workflow-proof > .compare-summary-headline{
  display:inline-flex !important;
  align-items:center !important;
  gap:18px !important;
}

#compare .compact-workflow-proof .compare-summary-arrow{
  color:#f2ad32 !important;
  font-size:18px !important;
  font-weight:400 !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  top:1px !important;
  margin:0 !important;
  transform:none !important;
}

/* v218 — make comparison arrow visually identical to AI summary arrow */
html body #s-landing #compare .compact-workflow-proof .compare-summary-arrow{
  color:#f2ad32 !important;
  font-size:22px !important;
  font-weight:700 !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:center !important;
  position:relative !important;
  top:1px !important;
  margin:0 !important;
  transform:none !important;
  text-shadow:0 0 10px rgba(232,169,58,.38) !important;
}

#trust-home .trust-product-topline strong,
#trust-home .trust-product-party b,
#trust-home .trust-product-state b{
  color:#f1f1ef!important;
}
#trust-home .trust-product-amount span,
#trust-home .trust-product-state span:not(.trust-product-state-icon),
#trust-home .trust-product-step span{
  color:#85858a!important;
}

/* ============================================================
   v225 — SECOND finance deal UI, compact reference variant.
   Existing first block and all other site sections untouched.
   ============================================================ */

#trust-home .trust-product-ui--compact-ref{
  width:min(760px,100%)!important;
  margin:18px auto 0!important;
  padding:18px 20px 16px!important;
  border:1px solid #313237!important;
  border-radius:16px!important;
  background:#111214!important;
  box-shadow:none!important;
}

#trust-home .compact-ref-top{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  text-align:center;
  margin-bottom:14px;
}
#trust-home .compact-ref-top strong{
  color:#f1f1ef;
  font-size:14px;
  font-weight:500;
  letter-spacing:.01em;
}
#trust-home .compact-ref-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#69c985;
  font-size:13px;
}
#trust-home .compact-ref-status i{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#69c985;
  box-shadow:0 0 8px rgba(105,201,133,.20);
}

#trust-home .compact-ref-flow{
  display:grid;
  grid-template-columns:1fr auto 1.15fr auto 1fr;
  align-items:center;
  gap:20px;
  padding:6px 18px 18px;
}
#trust-home .compact-ref-party{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  color:#f1f1ef;
  font-size:13px;
}
#trust-home .compact-ref-party-icon{
  width:54px;
  height:54px;
  border:1px solid #5d5e64;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#c5c5c8;
}
#trust-home .compact-ref-party-icon svg{
  width:29px;
  height:29px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#trust-home .compact-ref-arrow{
  color:#9c9da2;
  font-size:31px;
  line-height:1;
  font-weight:300;
}
#trust-home .compact-ref-amount{
  text-align:center;
}
#trust-home .compact-ref-amount strong{
  display:block;
  color:#e8a93a;
  font-size:34px;
  font-weight:600;
  line-height:1;
  letter-spacing:-.04em;
}
#trust-home .compact-ref-amount span{
  display:block;
  margin-top:7px;
  color:#e2e2df;
  font-size:12px;
}

#trust-home .compact-ref-statuses{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  padding:14px 14px 4px;
  border:1px solid #313237;
  border-bottom:0;
  border-radius:14px 14px 0 0;
  background:#151618;
}
#trust-home .compact-ref-status-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  min-height:92px;
}
#trust-home .compact-ref-status-icon{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  margin-bottom:9px;
  font-size:16px;
}
#trust-home .compact-ref-status-icon--ok{
  color:#101110;
  background:#79c878;
}
#trust-home .compact-ref-status-icon--arb{
  color:#d9d9d6;
  border:1px solid #77787d;
  background:transparent;
  font-size:12px;
}
#trust-home .compact-ref-status-card b{
  color:#f1f1ef;
  font-size:13px;
  font-weight:500;
}
#trust-home .compact-ref-status-card > span:last-child{
  color:#d5d5d2;
  margin-top:3px;
  font-size:12px;
}

#trust-home .compact-ref-progress{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  align-items:start;
  padding:6px 14px 14px;
  border:1px solid #313237;
  border-top:0;
  border-radius:0 0 14px 14px;
  background:#151618;
}
#trust-home .compact-ref-progress-line{
  position:absolute;
  left:calc(16.666% + 7px);
  right:calc(16.666% + 7px);
  top:11px;
  height:1px;
  background:#797a7f;
}
#trust-home .compact-ref-progress-item{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:9px;
}
#trust-home .compact-ref-progress-item i{
  width:16px;
  height:16px;
  border-radius:50%;
  background:#e8a93a;
  box-shadow:none;
}
#trust-home .compact-ref-progress-item .compact-ref-progress-last{
  background:#151618;
  border:2px solid #797a7f;
}
#trust-home .compact-ref-progress-item span{
  color:#e1e1de;
  font-size:12px;
}

@media(max-width:760px){
  #trust-home .compact-ref-flow{
    grid-template-columns:1fr;
    gap:10px;
  }
  #trust-home .compact-ref-arrow{
    transform:rotate(90deg);
  }
  #trust-home .compact-ref-statuses,
  #trust-home .compact-ref-progress{
    grid-template-columns:1fr;
  }
  #trust-home .compact-ref-progress-line{display:none}
}

/* v228 — TRUE axis match:
   rows 2 and 3 now use the EXACT SAME 5-column grid as row 1,
   and their 1st/2nd/3rd items are placed in columns 1/3/5.
   This makes their centers coincide with Brand / $20,000 / Blogger. */

#trust-home .trust-product-ui--compact-ref .compact-ref-flow,
#trust-home .trust-product-ui--compact-ref .compact-ref-statuses,
#trust-home .trust-product-ui--compact-ref .compact-ref-progress{
  grid-template-columns:1fr auto 1.15fr auto 1fr !important;
  column-gap:20px !important;
}

/* Use the same horizontal inner width for all three rows */
#trust-home .trust-product-ui--compact-ref .compact-ref-flow,
#trust-home .trust-product-ui--compact-ref .compact-ref-statuses,
#trust-home .trust-product-ui--compact-ref .compact-ref-progress{
  padding-left:18px !important;
  padding-right:18px !important;
  box-sizing:border-box !important;
}

/* Row 2: exact same axes as row 1 */
#trust-home .trust-product-ui--compact-ref .compact-ref-status-card:nth-child(1){
  grid-column:1 !important;
}
#trust-home .trust-product-ui--compact-ref .compact-ref-status-card:nth-child(2){
  grid-column:3 !important;
}
#trust-home .trust-product-ui--compact-ref .compact-ref-status-card:nth-child(3){
  grid-column:5 !important;
}

/* Row 3: exact same axes as row 1 */
#trust-home .trust-product-ui--compact-ref .compact-ref-progress-item:nth-of-type(1){
  grid-column:1 !important;
}
#trust-home .trust-product-ui--compact-ref .compact-ref-progress-item:nth-of-type(2){
  grid-column:3 !important;
}
#trust-home .trust-product-ui--compact-ref .compact-ref-progress-item:nth-of-type(3){
  grid-column:5 !important;
}

/* Progress line runs from the center of column 1 to center of column 5.
   Use overlay spanning the full grid; endpoints sit under outer item centers. */
#trust-home .trust-product-ui--compact-ref .compact-ref-progress{
  position:relative !important;
}
#trust-home .trust-product-ui--compact-ref .compact-ref-progress-line{
  left:calc(18px + (100% - 36px) * 0.0833333) !important;
  right:calc(18px + (100% - 36px) * 0.0833333) !important;
}

/* ============================================================
   v238 — three product ideas added to homepage:
   1) campaign portfolio optimization
   2) audience-first lookalikes
   3) campaign learning loop
   Existing homepage blocks are not restyled.
   ============================================================ */

#why-these-creators .v238-product-intelligence{
  width:100%;
  margin:30px auto 0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
#why-these-creators .v238-portfolio-card,
#why-these-creators .v238-lookalike-card{
  min-width:0;
  background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.010));
  border:1px solid var(--line);
  border-radius:18px;
  padding:24px;
  position:relative;
  overflow:hidden;
}
#why-these-creators .v238-portfolio-card::before,
#why-these-creators .v238-lookalike-card::before{
  content:"";
  position:absolute;
  inset:-80px auto auto -50px;
  width:220px;
  height:170px;
  background:radial-gradient(circle,rgba(232,169,58,.075),transparent 68%);
  pointer-events:none;
}
.v238-card-kicker{
  position:relative;
  z-index:1;
  color:var(--accent);
  font-size:10px;
  line-height:1;
  font-weight:700;
  letter-spacing:.12em;
  margin-bottom:12px;
}
#why-these-creators .v238-product-intelligence h3{
  position:relative;
  z-index:1;
  margin:0 0 9px;
  color:var(--ink);
  font-size:19px;
  font-weight:500;
  line-height:1.3;
  letter-spacing:-.015em;
}
#why-these-creators .v238-product-intelligence article>p{
  position:relative;
  z-index:1;
  margin:0;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.58;
  max-width:570px;
}

/* Portfolio */
.v238-portfolio-stats{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-top:20px;
}
.v238-portfolio-stats>div{
  background:#171719;
  border:1px solid #292a2e;
  border-radius:11px;
  padding:13px 10px 12px;
  text-align:center;
}
.v238-portfolio-stats b{
  display:block;
  color:var(--ink);
  font-size:20px;
  font-weight:600;
  letter-spacing:-.025em;
  line-height:1.05;
}
.v238-portfolio-stats>div:nth-child(2) b,
.v238-portfolio-stats>div:nth-child(3) b{
  color:var(--accent);
}
.v238-portfolio-stats span{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:9.5px;
  line-height:1.35;
}
.v238-portfolio-foot{
  position:relative;
  z-index:1;
  margin-top:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:40px;
  padding:9px 14px;
  color:var(--muted);
  font-size:11.5px;
  text-align:center;
  background:rgba(232,169,58,.045);
  border:1px solid rgba(232,169,58,.15);
  border-radius:10px;
}
.v238-portfolio-foot i{
  color:var(--accent);
  font-size:16px;
  font-style:normal;
  line-height:1;
}
.v238-portfolio-foot strong{
  color:var(--ink);
  font-weight:500;
}
.v238-example-note{
  position:relative;
  z-index:1;
  display:block;
  margin-top:9px;
  color:var(--hint);
  font-size:9.5px;
  line-height:1.4;
}

/* Lookalike */
.v238-lookalike-flow{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr auto 1.25fr;
  align-items:center;
  gap:14px;
  margin-top:20px;
  padding:16px;
  background:#151517;
  border:1px solid #292a2e;
  border-radius:13px;
}
.v238-seed-creator{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px;
  border:1px solid rgba(232,169,58,.24);
  background:rgba(232,169,58,.055);
  border-radius:11px;
}
.v238-avatar{
  width:40px;
  height:40px;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex:0 0 40px;
  color:#19140a;
  background:var(--accent);
  font-size:13px;
  font-weight:800;
}
.v238-seed-creator b{
  display:block;
  font-size:12.5px;
  color:var(--ink);
}
.v238-seed-creator span{
  display:block;
  margin-top:2px;
  color:var(--muted);
  font-size:9.5px;
}
.v238-lookalike-arrow{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  color:var(--hint);
  text-align:center;
}
.v238-lookalike-arrow span{
  font-size:8.5px;
  line-height:1.25;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.v238-lookalike-arrow i{
  color:var(--accent);
  font-style:normal;
  font-size:19px;
  line-height:1;
}
.v238-related-list{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.v238-related{
  display:grid;
  grid-template-columns:28px 1fr auto;
  align-items:center;
  gap:8px;
  min-width:0;
  padding:7px 9px;
  background:#1b1b1e;
  border:1px solid #2a2b2f;
  border-radius:9px;
}
.v238-mini-avatar{
  width:28px;
  height:28px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#26272b;
  color:var(--ink);
  font-size:9px;
  font-weight:700;
}
.v238-related b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--ink);
  font-size:10.5px;
  font-weight:500;
}
.v238-related em{
  color:var(--accent);
  font-style:normal;
  font-size:10.5px;
  font-weight:700;
}

/* Learning loop */
#learning-loop-home{
  width:min(1266.2px,calc(100% - 48px));
  max-width:1266.2px;
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}
#learning-loop-home .section-head{
  max-width:820px;
}
.v238-learning-shell{
  width:100%;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008));
  padding:22px;
}
.v238-learning-signals{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
}
.v238-learning-signal{
  min-height:118px;
  padding:15px 16px;
  border-radius:12px;
  background:#171719;
  border:1px solid #292a2e;
}
.v238-learning-signal>span{
  display:block;
  color:var(--accent);
  font-size:9px;
  font-weight:700;
  letter-spacing:.10em;
  margin-bottom:12px;
}
.v238-learning-signal b{
  display:block;
  color:var(--ink);
  font-size:14px;
  font-weight:500;
  margin-bottom:5px;
}
.v238-learning-signal p{
  margin:0;
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}
.v238-learning-connector{
  height:32px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
}
.v238-learning-connector span{
  position:relative;
}
.v238-learning-connector span::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  bottom:0;
  width:1px;
  background:linear-gradient(180deg,rgba(232,169,58,.45),rgba(232,169,58,.10));
}
.v238-learning-output{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  max-width:700px;
  margin:0 auto;
  padding:17px 20px;
  border:1px solid rgba(232,169,58,.25);
  border-radius:13px;
  background:rgba(232,169,58,.055);
  text-align:left;
}
.v238-learning-output-icon{
  width:48px;
  height:48px;
  flex:0 0 48px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--accent);
  color:var(--on-accent);
  font-size:24px;
  font-weight:700;
}
.v238-learning-output small{
  display:block;
  color:var(--accent);
  font-size:9px;
  font-weight:700;
  letter-spacing:.11em;
  margin-bottom:4px;
}
.v238-learning-output h3{
  margin:0 0 4px;
  color:var(--ink);
  font-size:17px;
  font-weight:500;
}
.v238-learning-output p{
  margin:0;
  color:var(--muted);
  font-size:11.5px;
  line-height:1.5;
}
.v238-learning-summary{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:16px;
  color:var(--muted);
  font-size:13px;
  text-align:center;
}
.v238-learning-summary i{
  color:var(--accent);
  font-size:19px;
  font-style:normal;
  line-height:1;
}
.v238-learning-summary strong{
  color:var(--ink);
  font-weight:500;
}

@media(max-width:900px){
  #why-these-creators .v238-product-intelligence{grid-template-columns:1fr}
  .v238-portfolio-stats{grid-template-columns:repeat(2,1fr)}
  .v238-learning-signals{grid-template-columns:repeat(2,1fr)}
  .v238-learning-connector{display:none}
  .v238-learning-output{margin-top:12px}
}
@media(max-width:640px){
  #why-these-creators .v238-portfolio-card,
  #why-these-creators .v238-lookalike-card{padding:19px}
  .v238-lookalike-flow{grid-template-columns:1fr}
  .v238-lookalike-arrow{flex-direction:row;justify-content:center}
  .v238-lookalike-arrow i{transform:rotate(90deg)}
  .v238-portfolio-foot,.v238-learning-summary{flex-wrap:wrap}
  .v238-learning-signals{grid-template-columns:1fr}
  .v238-learning-output{align-items:flex-start}
}

#trust-home .v239-batch-payments{
  width:100%;margin:18px auto 0;padding:22px;box-sizing:border-box;
  border:1px solid var(--line);border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008));
}
#trust-home .v239-batch-copy{max-width:820px;margin:0 auto 18px;text-align:center}
#trust-home .v239-batch-kicker{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.12em;margin-bottom:10px}
#trust-home .v239-batch-copy h3{margin:0 0 8px;color:var(--ink);font-size:22px;line-height:1.25;font-weight:500;letter-spacing:-.02em}
#trust-home .v239-batch-copy p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.55}
#trust-home .v239-batch-flow{
  display:grid;grid-template-columns:1fr auto 1fr auto 1.35fr;align-items:center;gap:14px;
  padding:18px;background:#151517;border:1px solid #292a2e;border-radius:14px
}
#trust-home .v239-batch-node{
  display:flex;align-items:center;gap:11px;min-height:66px;padding:12px 14px;
  border-radius:12px;background:#1a1a1d;border:1px solid #2d2e32
}
#trust-home .v239-pact-node{border-color:rgba(232,169,58,.28);background:rgba(232,169,58,.055)}
#trust-home .v239-icon{
  width:40px;height:40px;flex:0 0 40px;border-radius:50%;display:grid;place-items:center;
  color:var(--ink);background:#24252a;font-size:13px;font-weight:700
}
#trust-home .v239-pact-icon{background:var(--accent);color:var(--on-accent)}
#trust-home .v239-batch-node b{display:block;color:var(--ink);font-size:12px;font-weight:500}
#trust-home .v239-batch-node small{display:block;margin-top:3px;color:var(--muted);font-size:9.5px}
#trust-home .v239-arrow{color:var(--accent);font-size:20px;line-height:1}
#trust-home .v239-creators{display:flex;flex-direction:column;gap:7px}
#trust-home .v239-creators>div{
  display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;min-width:0;
  padding:9px 11px;background:#1b1b1e;border:1px solid #2a2b2f;border-radius:9px
}
#trust-home .v239-creators span{
  width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  color:#cfcfd2;background:#27282c;font-size:8.5px;font-weight:700
}
#trust-home .v239-creators b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:10.5px;font-weight:500}
#trust-home .v239-creators em{color:var(--accent);font-size:10.5px;font-style:normal;font-weight:700}
#trust-home .v239-batch-foot{
  display:flex;align-items:center;justify-content:center;gap:10px;margin-top:13px;
  color:var(--muted);font-size:11.5px;text-align:center
}
#trust-home .v239-batch-foot i{color:var(--accent);font-size:16px;font-style:normal;line-height:1}
#trust-home .v239-batch-foot strong{color:var(--ink);font-weight:500}
@media(max-width:800px){
  #trust-home .v239-batch-flow{grid-template-columns:1fr}
  #trust-home .v239-arrow{text-align:center;transform:rotate(90deg)}
}

#trust-home .v240-provider-note{
  display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;
  margin-top:10px;color:var(--hint);font-size:9.5px;line-height:1.4;text-align:center
}
#trust-home .v240-provider-note i{color:var(--accent);font-style:normal}
#bp-pay .v240-payee-onboarding{
  border-color:rgba(232,169,58,.22);
  background:linear-gradient(135deg,rgba(232,169,58,.055),rgba(255,255,255,.015))
}
#bp-pay .v240-payee-onboarding h3{font-weight:500}
#s-contract .v240-payment-layer-note{
  border-color:rgba(232,169,58,.18);
  background:rgba(232,169,58,.035)
}

#trust-home .v241-instant-teaser{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;padding:11px 14px;border:1px solid rgba(232,169,58,.16);border-radius:10px;background:rgba(232,169,58,.025);text-align:left}
#trust-home .v241-instant-label{flex:0 0 auto;color:var(--accent);font-size:8px;font-weight:800;letter-spacing:.11em}
#trust-home .v241-instant-teaser b{display:block;color:var(--ink);font-size:10.5px;font-weight:600}
#trust-home .v241-instant-teaser small{display:block;margin-top:2px;color:var(--muted);font-size:9.5px;line-height:1.4}
#bp-pay .v241-creator-instant{border-color:rgba(232,169,58,.2);background:rgba(232,169,58,.025)}

#trust-home .v242-finance-grid{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:22px;align-items:stretch;margin-top:18px
}
#trust-home .v242-finance-col{min-width:0;display:flex;flex-direction:column}
#trust-home .v242-finance-copy{min-height:128px;margin:0 0 14px}
#trust-home .v242-finance-copy h2{
  margin:0 0 10px;color:var(--ink);font-size:clamp(25px,2.3vw,38px);
  line-height:1.08;letter-spacing:-.035em;font-weight:500
}
#trust-home .v242-finance-copy p{
  margin:0;color:var(--muted);font-size:13px;line-height:1.55;max-width:560px
}
#trust-home .v242-finance-col-left .trust-product-ui--compact-ref,
#trust-home .v242-finance-col-right .v239-batch-payments{
  flex:1;width:100%;margin:0;box-sizing:border-box
}
#trust-home .v242-finance-col-right .v239-batch-payments{padding:18px}
#trust-home .v242-finance-col-right .v239-batch-flow{
  grid-template-columns:1fr;gap:9px;padding:14px
}
#trust-home .v242-finance-col-right .v239-arrow{
  text-align:center;transform:rotate(90deg);font-size:17px
}
#trust-home .v242-finance-col-right .v239-batch-node{min-height:54px;padding:9px 11px}
#trust-home .v242-finance-col-right .v239-icon{width:34px;height:34px;flex-basis:34px}
#trust-home .v242-finance-col-right .v239-creators{gap:6px}
#trust-home .v242-finance-col-right .v239-creators>div{padding:7px 9px}
#trust-home .v242-finance-col-right .v239-batch-foot{margin-top:11px}
#trust-home .v242-compliance-copy{
  margin-top:11px;padding-top:11px;border-top:1px solid var(--line);
  color:var(--muted);font-size:10.5px;line-height:1.45;text-align:center
}
@media(max-width:900px){
  #trust-home .v242-finance-grid{grid-template-columns:1fr}
  #trust-home .v242-finance-copy{min-height:0}
}

#s-creator-public .v243-public-profile{padding:38px 0 70px}
#s-creator-public .v243-profile-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--card)}
#s-creator-public .v243-profile-id{display:flex;align-items:center;gap:18px;min-width:0}
#s-creator-public .v243-profile-avatar{width:78px;height:78px;flex:0 0 78px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);font-size:20px;font-weight:800}
#s-creator-public .v243-verified-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#s-creator-public .v243-verified-row h1{margin:0;font-size:34px;line-height:1;font-weight:600;letter-spacing:-.035em}
#s-creator-public .v243-verified{padding:5px 8px;border-radius:999px;background:rgba(232,169,58,.09);border:1px solid rgba(232,169,58,.24);color:var(--accent);font-size:10px;font-weight:700}
#s-creator-public .v243-profile-id p{margin:7px 0 0;color:var(--muted);font-size:13px}
#s-creator-public .v243-platforms{margin-top:6px;color:var(--hint);font-size:11.5px}
#s-creator-public .v243-availability{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:12px;white-space:nowrap}
#s-creator-public .v243-availability span{width:9px;height:9px;border-radius:50%;background:#68c47a}
#s-creator-public .v243-profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
#s-creator-public .v243-profile-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
#s-creator-public .v243-profile-card small{display:block;color:var(--hint);font-size:9px;letter-spacing:.09em}
#s-creator-public .v243-profile-card b{display:block;margin-top:8px;color:var(--ink);font-size:18px;font-weight:600}
#s-creator-public .v243-profile-card p{margin:5px 0 0;color:var(--muted);font-size:10.5px;line-height:1.4}
#s-creator-public .v243-profile-body{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;margin-top:14px;align-items:start}
#s-creator-public .v243-profile-main{display:flex;flex-direction:column;gap:14px}
#s-creator-public .v243-public-card,#s-creator-public .v243-offer-panel{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
#s-creator-public .v243-public-head{display:flex;justify-content:space-between;gap:12px;align-items:center}
#s-creator-public .v243-public-head h2{margin:0;font-size:18px;font-weight:500}
#s-creator-public .v243-public-head span{color:var(--hint);font-size:9.5px}
#s-creator-public .v243-mediakit-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
#s-creator-public .v243-mediakit-row>div{padding:12px;border-radius:10px;background:var(--panel)}
#s-creator-public .v243-mediakit-row small{display:block;color:var(--hint);font-size:9px}
#s-creator-public .v243-mediakit-row b{display:block;margin-top:5px;color:var(--ink);font-size:11px;font-weight:500}
#s-creator-public .v243-campaign-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}
#s-creator-public .v243-campaign-list>div{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;padding:11px;border-radius:10px;background:var(--panel);font-size:11px}
#s-creator-public .v243-campaign-list em{color:var(--accent);font-style:normal;font-size:10px}
#s-creator-public .v243-benefits{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
#s-creator-public .v243-benefits span{padding:8px 10px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:10.5px}
#s-creator-public .v243-offer-panel{position:sticky;top:90px;border-color:rgba(232,169,58,.25);background:linear-gradient(145deg,rgba(232,169,58,.05),var(--card))}
#s-creator-public .v243-offer-kicker{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.12em}
#s-creator-public .v243-offer-panel h2{margin:10px 0 8px;font-size:24px;line-height:1.1;font-weight:500;letter-spacing:-.025em}
#s-creator-public .v243-offer-panel>p{margin:0 0 14px;color:var(--muted);font-size:12px;line-height:1.5}
#s-creator-public .v243-offer-panel .btn-primary{width:100%}
#s-creator-public .v243-offer-safe{margin-top:9px;color:var(--hint);font-size:9.5px;text-align:center}
#s-creator-public .v243-lookalike-entry p{margin:4px 0 10px;color:var(--muted);font-size:10.5px}
#bp-profile .v243-profile-url{display:inline-block;margin-top:2px;padding:7px 10px;border-radius:9px;background:var(--panel);border:1px solid var(--line);color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
@media(max-width:900px){#s-creator-public .v243-profile-grid{grid-template-columns:repeat(2,1fr)}#s-creator-public .v243-profile-body{grid-template-columns:1fr}#s-creator-public .v243-offer-panel{position:static}}
@media(max-width:600px){#s-creator-public .v243-profile-top{align-items:flex-start;flex-direction:column}#s-creator-public .v243-profile-grid{grid-template-columns:1fr}#s-creator-public .v243-mediakit-row{grid-template-columns:1fr}}

/* v247 — same audience-lookalike mechanism in two distinct contexts:
   cold start (known creator) and repeat campaign (winner expansion). */
#learning-loop-home .v247-learning-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);
  gap:16px;
  align-items:stretch;
}
#learning-loop-home .v247-learning-left{
  min-width:0;
  display:flex;
  flex-direction:column;
}
#learning-loop-home .v247-learning-left .v238-learning-shell{
  flex:1;
}
#learning-loop-home .v247-repeat-lookalike{
  min-width:0;
  border:1px solid var(--line);
  border-radius:18px;
  padding:22px;
  background:linear-gradient(145deg,rgba(232,169,58,.05),rgba(255,255,255,.01));
  display:flex;
  flex-direction:column;
}
#learning-loop-home .v247-repeat-kicker{
  color:var(--accent);
  font-size:10px;
  line-height:1;
  font-weight:700;
  letter-spacing:.12em;
  margin-bottom:11px;
}
#learning-loop-home .v247-repeat-lookalike h3{
  margin:0 0 9px;
  color:var(--ink);
  font-size:20px;
  line-height:1.25;
  font-weight:500;
  letter-spacing:-.02em;
}
#learning-loop-home .v247-repeat-lookalike>p{
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
}
#learning-loop-home .v247-repeat-flow{
  margin-top:18px;
  padding:14px;
  display:grid;
  grid-template-columns:1fr auto 1.15fr;
  gap:12px;
  align-items:center;
  background:#151517;
  border:1px solid #292a2e;
  border-radius:13px;
}
#learning-loop-home .v247-repeat-seed{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px;
  border:1px solid rgba(232,169,58,.24);
  background:rgba(232,169,58,.055);
  border-radius:10px;
}
#learning-loop-home .v247-repeat-avatar{
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--accent);
  color:var(--on-accent);
  font-size:12px;
  font-weight:800;
}
#learning-loop-home .v247-repeat-seed b{
  display:block;
  color:var(--ink);
  font-size:11.5px;
}
#learning-loop-home .v247-repeat-seed small{
  display:block;
  margin-top:2px;
  color:var(--muted);
  font-size:9px;
}
#learning-loop-home .v247-repeat-arrow{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  color:var(--hint);
  text-align:center;
}
#learning-loop-home .v247-repeat-arrow span{
  font-size:8px;
  line-height:1.2;
  letter-spacing:.08em;
}
#learning-loop-home .v247-repeat-arrow i{
  color:var(--accent);
  font-style:normal;
  font-size:18px;
  line-height:1;
}
#learning-loop-home .v247-repeat-list{
  display:flex;
  flex-direction:column;
  gap:6px;
}
#learning-loop-home .v247-repeat-list>div{
  display:grid;
  grid-template-columns:26px 1fr auto;
  gap:7px;
  align-items:center;
  padding:7px 8px;
  border-radius:8px;
  background:#1b1b1e;
  border:1px solid #2a2b2f;
}
#learning-loop-home .v247-repeat-list span{
  width:26px;
  height:26px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#26272b;
  color:var(--ink);
  font-size:8.5px;
  font-weight:700;
}
#learning-loop-home .v247-repeat-list b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--ink);
  font-size:10px;
  font-weight:500;
}
#learning-loop-home .v247-repeat-list em{
  color:var(--accent);
  font-size:10px;
  font-style:normal;
  font-weight:700;
}
#learning-loop-home .v247-repeat-foot{
  margin-top:auto;
  padding-top:15px;
}
#learning-loop-home .v247-repeat-foot strong{
  display:block;
  color:var(--ink);
  font-size:11.5px;
  font-weight:600;
}
#learning-loop-home .v247-repeat-foot span{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:10.5px;
  line-height:1.45;
}
@media(max-width:980px){
  #learning-loop-home .v247-learning-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  #learning-loop-home .v247-repeat-flow{grid-template-columns:1fr}
  #learning-loop-home .v247-repeat-arrow{flex-direction:row;justify-content:center}
  #learning-loop-home .v247-repeat-arrow i{transform:rotate(90deg)}
}

/* v249 — platform/niche/comparison/company page upgrade */

.v249-section-lead{
  max-width:840px;
  margin:10px 0 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.65;
}

/* PLATFORM BUYER */
.v249-platform-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:20px;
}
.v249-platform-grid article{
  min-width:0;
  padding:17px;
  border:1px solid var(--line);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008));
}
.v249-platform-grid article>span,
.v249-principle-grid article>span{
  display:block;
  color:var(--accent);
  font-size:9px;
  font-weight:800;
  letter-spacing:.11em;
  margin-bottom:11px;
}
.v249-platform-grid h3,
.v249-principle-grid h3,
.v249-contact-grid h3{
  margin:0;
  color:var(--ink);
  font-size:15px;
  line-height:1.25;
  font-weight:550;
}
.v249-platform-grid p,
.v249-principle-grid p,
.v249-contact-grid p{
  margin:7px 0 0;
  color:var(--muted);
  font-size:11.5px;
  line-height:1.5;
}
.v249-formula-card{
  display:grid;
  grid-template-columns:minmax(280px,.8fr) 1.2fr;
  gap:20px;
  align-items:center;
  margin-top:12px;
  padding:16px 18px;
  border:1px solid rgba(232,169,58,.20);
  border-radius:13px;
  background:rgba(232,169,58,.035);
}
.v249-formula-card small{
  display:block;
  color:var(--hint);
  font-size:9px;
  letter-spacing:.08em;
}
.v249-formula-card strong{
  display:block;
  margin-top:5px;
  color:var(--ink);
  font-size:16px;
  font-weight:600;
}
.v249-formula-card p{
  margin:0;
  color:var(--muted);
  font-size:11.5px;
  line-height:1.5;
}

/* NICHE LENS */
.v249-lens-shell{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:12px;
  margin-top:20px;
}
.v249-lens-score{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:190px;
  padding:20px;
  border:1px solid rgba(232,169,58,.24);
  border-radius:16px;
  background:radial-gradient(circle at 20% 10%,rgba(232,169,58,.10),transparent 55%),var(--card);
}
.v249-lens-score small{
  color:var(--hint);
  font-size:8.5px;
  letter-spacing:.10em;
  line-height:1.35;
}
.v249-lens-score strong{
  margin:12px 0 6px;
  color:var(--accent);
  font-size:44px;
  line-height:1;
  letter-spacing:-.04em;
}
.v249-lens-score span{
  color:var(--muted);
  font-size:11px;
  line-height:1.4;
}
.v249-lens-signals{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.v249-lens-signal{
  padding:16px;
  border:1px solid var(--line);
  border-radius:13px;
  background:var(--panel);
}
.v249-lens-signal small{
  display:block;
  color:var(--hint);
  font-size:8.5px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.v249-lens-signal b{
  display:block;
  margin-top:7px;
  color:var(--ink);
  font-size:12.5px;
  font-weight:550;
}
.v249-lens-rule{
  margin-top:12px;
  padding:12px 14px;
  border-left:2px solid var(--accent);
  color:var(--muted);
  font-size:11.5px;
  line-height:1.55;
  background:rgba(255,255,255,.015);
}

/* COMPARISON CHOOSER */
.v249-chooser-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:20px;
}
.v249-chooser-grid article{
  min-height:185px;
  padding:22px;
  border-radius:16px;
  border:1px solid var(--line);
  background:var(--card);
}
.v249-choose-pact{
  border-color:rgba(232,169,58,.28)!important;
  background:linear-gradient(145deg,rgba(232,169,58,.06),rgba(255,255,255,.01))!important;
}
.v249-chooser-grid small{
  color:var(--hint);
  font-size:9px;
  font-weight:800;
  letter-spacing:.11em;
}
.v249-choose-pact small{color:var(--accent)}
.v249-chooser-grid h3{
  margin:14px 0 0;
  color:var(--ink);
  font-size:19px;
  line-height:1.35;
  font-weight:500;
}
.v249-choose-flow{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  align-items:center;
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid rgba(232,169,58,.15);
  color:var(--muted);
  font-size:10.5px;
}
.v249-choose-flow i{color:var(--accent);font-style:normal}

/* ACTION CARDS */
.v249-action-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}
.v249-action-card{
  appearance:none;
  width:100%;
  min-height:74px;
  padding:14px 15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid var(--line);
  border-radius:13px;
  background:var(--panel);
  color:var(--ink);
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.v249-action-card:hover{
  transform:translateY(-2px);
  border-color:rgba(232,169,58,.34);
  background:rgba(232,169,58,.035);
}
.v249-action-card span{
  font-size:12px;
  line-height:1.35;
  font-weight:500;
}
.v249-action-card i{
  color:var(--accent);
  font-style:normal;
  font-size:18px;
  flex:0 0 auto;
}

/* ABOUT */
.v249-principle-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:20px;
}
.v249-principle-grid article{
  padding:18px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--card);
}

/* CONTACTS */
.v249-contact-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:20px;
}
.v249-contact-grid article{
  padding:18px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--panel);
}
.v249-contact-grid article>span{
  display:block;
  margin-bottom:10px;
  color:var(--accent);
  font-size:8.5px;
  font-weight:800;
  letter-spacing:.11em;
}

/* ROADMAP */
.v249-roadmap-legend{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:20px 0;
}
.v249-roadmap-state{
  display:flex;
  gap:11px;
  align-items:flex-start;
  padding:14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--panel);
}
.v249-roadmap-state i{
  width:9px;
  height:9px;
  margin-top:4px;
  flex:0 0 9px;
  border-radius:50%;
  background:var(--hint);
}
.v249-roadmap-state i.is-live{background:#66c27c}
.v249-roadmap-state i.is-next{background:var(--accent)}
.v249-roadmap-state i.is-research{background:#7f8491}
.v249-roadmap-state b{
  display:block;
  color:var(--ink);
  font-size:11.5px;
  font-weight:600;
}
.v249-roadmap-state span{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:9.5px;
  line-height:1.45;
}

/* RESPONSIVE */
@media(max-width:1000px){
  .v249-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v249-principle-grid,.v249-contact-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .v249-formula-card{grid-template-columns:1fr}
  .v249-lens-shell{grid-template-columns:1fr}
  .v249-lens-score{min-height:150px}
  .v249-chooser-grid{grid-template-columns:1fr}
  .v249-action-grid{grid-template-columns:1fr}
  .v249-roadmap-legend{grid-template-columns:1fr}
}
@media(max-width:560px){
  .v249-platform-grid,
  .v249-lens-signals,
  .v249-principle-grid,
  .v249-contact-grid{grid-template-columns:1fr}
  .v249-platform-grid article,
  .v249-chooser-grid article,
  .v249-principle-grid article,
  .v249-contact-grid article{padding:15px}
  .v249-chooser-grid h3{font-size:17px}
  .v249-lens-score strong{font-size:38px}
  .v249-action-card{min-height:66px}
}

/* v250 — product-demo / conversion pass */

/* CONTACTS */
#s-contacts .v250-contact-lead,
.v250-section-lead{max-width:820px;margin:9px 0 0;color:var(--muted);font-size:13px;line-height:1.6}
#s-contacts .v250-contact-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
#s-contacts .v250-contact-route{min-width:0;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--card);display:flex;flex-direction:column}
#s-contacts .v250-contact-route-main{border-color:rgba(232,169,58,.30);background:linear-gradient(145deg,rgba(232,169,58,.055),var(--card))}
#s-contacts .v250-contact-route-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
#s-contacts .v250-contact-route-top span{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.1em}
#s-contacts .v250-contact-route-top i{font-style:normal;color:var(--hint);font-size:10px}
#s-contacts .v250-contact-route h3{margin:14px 0 7px;color:var(--ink);font-size:18px;line-height:1.25;font-weight:550}
#s-contacts .v250-contact-route p{margin:0 0 18px;color:var(--muted);font-size:11.5px;line-height:1.55}
#s-contacts .v250-contact-actions{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}
#s-contacts .v250-contact-fastbar{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;margin-top:12px;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}
#s-contacts .v250-contact-fastbar b{display:block;color:var(--ink);font-size:11.5px}
#s-contacts .v250-contact-fastbar span{display:block;margin-top:2px;color:var(--muted);font-size:9.5px}
#s-contacts .v250-contact-hours{text-align:right}

/* PLATFORM FORMAT GUIDE */
.v250-format-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}
.v250-format-grid article{padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.v250-format-grid small{color:var(--accent);font-size:9px;font-weight:800}
.v250-format-grid h3{margin:10px 0 5px;color:var(--ink);font-size:15px;font-weight:550}
.v250-format-grid b{display:block;color:#d7d7da;font-size:10.5px;font-weight:600}
.v250-format-grid p{margin:7px 0 0;color:var(--muted);font-size:10.5px;line-height:1.5}

/* NICHE DEMO */
.v250-niche-hero-line{max-width:760px;margin:12px 0 0;padding-left:12px;border-left:2px solid var(--accent);color:#d8d8dc;font-size:13px;line-height:1.55}
.v250-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}
.v250-demo-card{padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.v250-demo-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v250-demo-top b{color:var(--ink);font-size:12px}
.v250-demo-top strong{color:var(--accent);font-size:18px}
.v250-demo-facts{display:flex;flex-direction:column;gap:6px;margin-top:13px}
.v250-demo-facts span{padding:7px 8px;border-radius:8px;background:rgba(255,255,255,.025);color:var(--muted);font-size:9.5px}
.v250-demo-tag{display:inline-flex;margin-top:11px;padding:5px 7px;border:1px solid rgba(232,169,58,.18);border-radius:999px;color:var(--accent);font-size:8.5px}
.v250-demo-note{margin-top:9px;color:var(--hint);font-size:9px;line-height:1.4}

/* KPI */
.v250-kpi-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:20px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}
.v250-kpi-step{position:relative;min-width:0;padding:18px 12px;text-align:center;border-right:1px solid var(--line)}
.v250-kpi-step:last-child{border-right:0}
.v250-kpi-step small{display:block;color:var(--accent);font-size:8px;font-weight:800;letter-spacing:.08em}
.v250-kpi-step b{display:block;margin-top:7px;color:var(--ink);font-size:11px;font-weight:550}
.v250-kpi-step:not(:last-child)::after{content:"→";position:absolute;right:-6px;top:50%;transform:translateY(-50%);z-index:2;color:var(--accent);background:var(--panel);font-size:12px}
.v250-kpi-note{margin:10px 0 0;color:var(--muted);font-size:10.5px;line-height:1.5}

/* NO BUY */
.v250-no-buy-card{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:center;margin-top:18px;padding:15px 17px;border:1px solid rgba(255,115,115,.18);border-radius:13px;background:rgba(255,90,90,.025)}
.v250-no-buy-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:rgba(255,100,100,.08);color:#ef8c8c;font-size:20px}
.v250-no-buy-card p{margin:0;color:#d1d1d5;font-size:11.5px;line-height:1.55}

/* COMPARISON MATRIX */
.v250-matrix-scroll{margin-top:18px;overflow-x:auto;border:1px solid var(--line);border-radius:14px}
.v250-matrix{width:100%;min-width:680px;border-collapse:collapse;background:var(--panel)}
.v250-matrix th,.v250-matrix td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:10.5px;line-height:1.4}
.v250-matrix th{color:var(--hint);font-size:9px;text-transform:uppercase;letter-spacing:.06em;background:rgba(255,255,255,.018)}
.v250-matrix td{color:var(--muted)}
.v250-matrix td:first-child{color:var(--ink);width:45%}
.v250-matrix td:last-child,.v250-matrix th:last-child{background:rgba(232,169,58,.025)}
.v250-matrix td b{color:var(--accent);font-weight:600}
.v250-matrix tr:last-child td{border-bottom:0}
.v250-matrix-disclaimer{margin:9px 0 0;color:var(--hint);font-size:8.5px;line-height:1.45}

/* AGENCY MODEL */
.v250-agency-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.v250-agency-grid article{padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--card)}
.v250-agency-grid article.is-pact{border-color:rgba(232,169,58,.28);background:linear-gradient(145deg,rgba(232,169,58,.045),var(--card))}
.v250-agency-grid small{color:var(--hint);font-size:9px;font-weight:800;letter-spacing:.1em}
.v250-agency-grid .is-pact small{color:var(--accent)}
.v250-flowline{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:15px 0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.v250-flowline span{color:var(--ink);font-size:9.5px}
.v250-flowline i{color:var(--accent);font-style:normal}
.v250-agency-grid p{margin:8px 0 0;color:var(--muted);font-size:10.5px;line-height:1.5}

/* RESPONSIVE */
@media(max-width:1000px){
  #s-contacts .v250-contact-routes{grid-template-columns:1fr 1fr}
  .v250-format-grid{grid-template-columns:1fr 1fr}
  .v250-demo-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  #s-contacts .v250-contact-routes{grid-template-columns:1fr}
  #s-contacts .v250-contact-fastbar{grid-template-columns:1fr}
  #s-contacts .v250-contact-hours{text-align:left}
  .v250-demo-grid{grid-template-columns:1fr}
  .v250-kpi-track{grid-template-columns:1fr;overflow:visible;border:0;background:transparent;gap:7px}
  .v250-kpi-step{border:1px solid var(--line)!important;border-radius:10px;background:var(--panel);text-align:left;padding:12px 14px}
  .v250-kpi-step:not(:last-child)::after{content:"↓";right:14px;top:auto;bottom:-13px;transform:none;background:transparent}
  .v250-agency-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .v250-format-grid{grid-template-columns:1fr}
  #s-contacts .v250-contact-route{padding:16px}
  #s-contacts .v250-contact-actions{flex-direction:column}
  #s-contacts .v250-contact-actions .btn{width:100%;justify-content:center}
  .v250-matrix-scroll{margin-left:-4px;margin-right:-4px}
}

/* v251 — completes promised conversion/product-demo pass */

#s-v-fashion .pac-hero #v251-niche-hero-title{
  max-width:980px;
  font-size:clamp(34px,5.2vw,68px);
  line-height:1.02;
  letter-spacing:-.045em;
  text-wrap:balance;
}
#s-v-fashion .pac-hero #v251-niche-hero-sub{
  max-width:760px;
  margin-top:16px;
  font-size:15px;
  line-height:1.65;
}
.v251-seo-proof{
  max-width:900px;
  margin-top:18px;
  padding:12px 14px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:4px 12px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(255,255,255,.015);
}
.v251-seo-proof>span{
  grid-row:1/3;
  color:var(--accent);
  font-size:9px;
  font-weight:800;
  letter-spacing:.1em;
}
.v251-seo-proof b{color:var(--ink);font-size:11.5px;font-weight:550}
.v251-seo-proof small{color:var(--hint);font-size:9px;line-height:1.4}

.v251-demo-metrics{
  display:grid;
  grid-template-columns:1.15fr .85fr .85fr;
  gap:7px;
  margin-top:13px;
}
.v251-demo-metrics>div{
  min-width:0;
  padding:8px;
  border:1px solid var(--line);
  border-radius:8px;
  background:rgba(255,255,255,.018);
}
.v251-demo-metrics small{
  display:block;
  color:var(--hint);
  font-size:7.5px;
  line-height:1.25;
  letter-spacing:.06em;
}
.v251-demo-metrics b{
  display:block;
  margin-top:5px;
  color:var(--ink);
  font-size:9.5px;
  line-height:1.3;
  font-weight:550;
}

.v251-platform-no-buy-card{
  display:grid;
  grid-template-columns:44px 1fr;
  align-items:center;
  gap:14px;
  margin-top:18px;
  padding:16px 18px;
  border:1px solid rgba(255,115,115,.18);
  border-radius:14px;
  background:rgba(255,90,90,.025);
}
.v251-platform-no-buy-card>span{
  width:44px;height:44px;border-radius:50%;
  display:grid;place-items:center;
  background:rgba(255,100,100,.08);
  color:#ef8c8c;font-size:20px
}
.v251-platform-no-buy-card p{margin:0;color:#d1d1d5;font-size:11.5px;line-height:1.6}

.v251-status-badge,
.v251-mini-status{
  display:inline-flex;
  width:max-content;
  margin:0 0 10px;
  padding:5px 7px;
  border-radius:999px;
  font-size:7.5px;
  line-height:1;
  font-weight:800;
  letter-spacing:.1em;
  border:1px solid rgba(232,169,58,.24);
  color:var(--accent);
  background:rgba(232,169,58,.05);
}
.v251-status-badge.is-research{color:#b7bbc5;border-color:#4d5059;background:#202125}
.v251-planned-copy{position:relative}
#trust-home .v239-batch-foot .v251-mini-status{margin:0 2px 0 0}
.v251-status-note{
  margin-top:16px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--panel);
}
.v251-status-note b{display:block;color:var(--ink);font-size:10.5px}
.v251-status-note span{display:block;margin-top:4px;color:var(--muted);font-size:9.5px;line-height:1.45}

@media(max-width:760px){
  #s-v-fashion .pac-hero #v251-niche-hero-title{
    font-size:clamp(31px,9.2vw,48px);
    line-height:1.04;
  }
  .v251-seo-proof{grid-template-columns:1fr}
  .v251-seo-proof>span{grid-row:auto}
  .v251-demo-metrics{grid-template-columns:1fr}
}
@media(max-width:560px){
  .v251-platform-no-buy-card{grid-template-columns:36px 1fr;padding:13px}
  .v251-platform-no-buy-card>span{width:36px;height:36px}
}

/* ===== CTA with input (rich) ===== */
.pact-cta-input{padding:72px 0;text-align:center}
.pci-inner{max-width:900px;margin:0 auto;padding:0 24px;text-align:center}
.pci-kicker{text-align:center;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:20px}
.pci-title{text-align:center;font-size:clamp(30px,4vw,46px);line-height:1.15;letter-spacing:-.025em;margin:0 0 16px;color:var(--ink);font-weight:600}
#s-landing .pact-cta-input .pci-inner .pci-sub{display:block;width:100%;max-width:620px;margin:0 auto 32px!important;font-size:16px;color:var(--muted);line-height:1.55;text-align:center!important;padding:0!important}
.pci-form{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:18px;padding:10px 10px 10px 24px;max-width:780px;margin:0 auto}
.pci-input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--ink);font-size:16px;font-family:inherit;padding:14px 0}
.pci-input::placeholder{color:var(--hint)}
.pci-btn{flex-shrink:0;background:var(--accent);color:var(--on-accent);border:none;border-radius:12px;padding:16px 26px;font-size:14.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:filter .15s,transform .15s}
.pci-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.pci-note{display:block;text-align:center;margin-top:18px;font-size:13px;color:var(--hint)}
@media(max-width:700px){.pci-form{flex-direction:column;align-items:stretch;padding:14px;gap:10px}.pci-input{padding:10px 8px;text-align:center}.pci-btn{width:100%}}
/* ===== CTA strip (compact) ===== */
.pact-cta-strip{padding:26px 0}
.pcs-inner{max-width:1160px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:linear-gradient(140deg,rgba(232,169,58,.09),rgba(232,169,58,.02));border:1px solid rgba(232,169,58,.24);border-radius:16px;padding:22px 28px}
#s-landing .pact-cta-strip .pcs-text{margin:0;flex:1 1 auto;min-width:340px;max-width:none;font-size:15px;line-height:1.5;color:var(--muted);text-align:left}
.pcs-btn{flex-shrink:0;background:var(--accent);color:var(--on-accent);padding:13px 24px;border-radius:11px;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:filter .15s,transform .15s}
.pcs-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
@media(max-width:640px){.pcs-inner{flex-direction:column;align-items:flex-start}.pcs-btn{width:100%;text-align:center}}

/* hero top spacing trim */
#s-landing .hero-fruit-concept .fruit-center{padding-top:30px!important}
@media(max-width:900px){#s-landing .hero-fruit-concept .fruit-center{padding-top:22px!important}}

/* final CTA vertical trim */
#s-landing .cf-final.final-cta-v130{padding-top:52px!important;padding-bottom:54px!important;margin-bottom:40px!important}
@media(max-width:900px){#s-landing .cf-final.final-cta-v130{padding-top:42px!important;padding-bottom:44px!important}}

/* metrics lift */
#s-landing .hero-metrics-strip{margin-top:-16px!important;position:relative;z-index:4}
@media(max-width:900px){#s-landing .hero-metrics-strip{margin-top:-8px!important}}

/* fix: html overflow-x:hidden reserves 14px scrollbar gutter → dark strip on the right */
html{overflow-x:visible!important;scrollbar-gutter:auto!important;padding-right:0!important}
body{overflow-x:hidden!important;max-width:100%!important;padding-right:0!important}

/* umbrella subheads over paired blocks */
.pact-subhead{max-width:1100px;margin:0 auto 26px;text-align:center;padding:0 20px}
.pact-subhead-kicker{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:10px}
.pact-subhead-title{font-size:26px;line-height:1.25;letter-spacing:-.015em;color:var(--ink);font-weight:500;margin:0 0 8px}
.pact-subhead-sub{font-size:14.5px;line-height:1.55;color:var(--muted);margin:0 auto;max-width:640px}
#s-landing .section-head .section-sub{font-size:15px;line-height:1.55;color:var(--muted);margin:10px auto 0;max-width:640px;text-align:center}
/* paired column headings step down from section h2 */
#s-landing .v242-finance-copy h3,
#s-landing .v242-finance-col h3{font-size:27px;line-height:1.25;letter-spacing:-.015em;font-weight:500;color:var(--ink);margin:0 0 10px}
@media(max-width:760px){.pact-subhead-title{font-size:21px}#s-landing .v242-finance-copy h3,#s-landing .v242-finance-col h3{font-size:22px}}

#s-landing .pact-cta-input .pci-inner h2.pci-title{font-size:38px!important;line-height:1.2!important;letter-spacing:-.02em!important;font-weight:500!important}
@media(max-width:760px){#s-landing .pact-cta-input .pci-inner h2.pci-title{font-size:30px!important}}

#s-landing .pact-subhead{text-align:center!important}
#s-landing .pact-subhead .pact-subhead-sub{display:block!important;width:100%!important;max-width:640px!important;margin:0 auto!important;text-align:center!important;padding:0!important}
#s-landing .section-head .section-sub{display:block!important;width:100%!important;max-width:640px!important;margin:10px auto 0!important;text-align:center!important;padding:0!important}

/* ===== design-system alignment for paired blocks ===== */
/* umbrella heading = canonical H2 token (38 / 1.12 / 500 / -.02em) */
#s-landing .pact-subhead .pact-subhead-title{
  font-size:38px!important;line-height:1.12!important;font-weight:500!important;
  letter-spacing:-.02em!important;color:var(--ink)!important;margin:0 0 12px!important;
}
/* lead under umbrella = canonical section lead token (16 / 1.55 / 400 / muted) */
#s-landing .pact-subhead .pact-subhead-sub{
  font-size:16px!important;line-height:1.55!important;font-weight:400!important;
  letter-spacing:normal!important;color:#85858A!important;
}
/* all four paired column headings share ONE H3 token (24 / 1.3 / 500 / -.015em) */
#s-landing .v238-product-intelligence .v238-portfolio-card > h3,
#s-landing .v238-product-intelligence article > h3,
#s-landing .v242-finance-copy h3,
#s-landing .v242-finance-col h3{
  font-size:24px!important;line-height:1.3!important;font-weight:500!important;
  letter-spacing:-.015em!important;color:var(--ink)!important;margin:0 0 10px!important;
}
@media(max-width:760px){
  #s-landing .pact-subhead .pact-subhead-title{font-size:30px!important}
  #s-landing .v238-product-intelligence .v238-portfolio-card > h3,
  #s-landing .v238-product-intelligence article > h3,
  #s-landing .v242-finance-copy h3,
  #s-landing .v242-finance-col h3{font-size:21px!important}
}

/* ===== vertical rhythm normalization (design system: 88px section step) ===== */
/* every landing section: symmetric 88/88 */
#s-landing > .wrap > section.landing-section,
#s-landing > .wrap > div.landing-section,
#s-landing > .wrap > section.cf-section,
#s-landing > .wrap > section.ai-match-section,
#s-landing > .wrap > section.hp-funnel-section{
  padding-top:88px!important;padding-bottom:88px!important;
  margin-top:0!important;margin-bottom:0!important;
}
/* my custom CTA blocks: same rhythm, no double-margin */
#s-landing .pact-cta-input{padding-top:88px!important;padding-bottom:88px!important;margin:0!important}
/* accent strips sit tighter — they are inserts, not sections */
#s-landing .pact-cta-strip{padding-top:44px!important;padding-bottom:44px!important;margin:0!important}
/* final CTA keeps its compact frame but aligns the step before it */
#s-landing .cf-final.final-cta-v130{margin-top:0!important;margin-bottom:88px!important}
/* hero → first section: no extra gap */
#s-landing .hero-fruit-concept{padding-bottom:0!important;margin-bottom:0!important}
@media(max-width:900px){
  #s-landing > .wrap > section.landing-section,
  #s-landing > .wrap > div.landing-section,
  #s-landing > .wrap > section.cf-section,
  #s-landing > .wrap > section.ai-match-section,
  #s-landing > .wrap > section.hp-funnel-section,
  #s-landing .pact-cta-input{padding-top:56px!important;padding-bottom:56px!important}
  #s-landing .pact-cta-strip{padding-top:30px!important;padding-bottom:30px!important}
  #s-landing .cf-final.final-cta-v130{margin-bottom:56px!important}
}

/* rhythm: остаточные исключения → к общему шагу */
#s-landing .flow-laptop-section{padding-bottom:88px!important}
#s-landing .cf-section.cf-compare{padding-top:88px!important}
#s-landing .cf-final.final-cta-v130{padding-top:56px!important;padding-bottom:56px!important}
@media(max-width:900px){
  #s-landing .flow-laptop-section{padding-bottom:56px!important}
  #s-landing .cf-section.cf-compare{padding-top:56px!important}
  #s-landing .cf-final.final-cta-v130{padding-top:42px!important;padding-bottom:42px!important}
}

/* rhythm: ID-level override for compare section */
#s-landing #compare{padding-top:88px!important;padding-bottom:88px!important}
@media(max-width:900px){#s-landing #compare{padding-top:56px!important;padding-bottom:56px!important}}

/* rhythm: umbrella subhead starts a new sub-section → half of section step */
#s-landing .ai-match-section .pact-subhead{margin-top:64px!important}
#s-landing .pact-subhead{margin-bottom:34px!important}
@media(max-width:900px){#s-landing .ai-match-section .pact-subhead{margin-top:44px!important}#s-landing .pact-subhead{margin-bottom:26px!important}}

/* ===== trust bar under hero ===== */
#s-landing .pact-trust-bar{width:min(1266.2px,calc(100% - 48px));max-width:1266.2px;margin:0 auto;box-sizing:border-box;padding-top:44px!important;padding-bottom:44px!important}
#s-landing .ptb-inner{background:var(--bg-soft);border:1px solid var(--line);border-radius:18px;padding:30px 34px 32px;text-align:center}
#s-landing .ptb-title{font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.4;color:var(--ink);text-align:center;margin:0 auto 28px;max-width:640px}
#s-landing .ptb-logos{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px 34px}
#s-landing .ptb-logo{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-size:17px;font-weight:600;letter-spacing:-.012em;line-height:1;white-space:nowrap;opacity:.8;transition:color .18s ease,opacity .18s ease}
#s-landing .ptb-logo svg{width:21px;height:21px;flex:0 0 21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke .18s ease}
#s-landing .ptb-logo:hover{color:var(--ink);opacity:1}
#s-landing .ptb-logo:hover svg{stroke:var(--accent)}
@media(max-width:900px){#s-landing .pact-trust-bar{padding-top:32px!important;padding-bottom:32px!important}#s-landing .ptb-inner{padding:24px 20px 26px}#s-landing .ptb-title{font-size:16.5px;margin-bottom:22px}#s-landing .ptb-logos{gap:16px 24px}#s-landing .ptb-logo{font-size:15px}#s-landing .ptb-logo svg{width:19px;height:19px;flex:0 0 19px}}
@media(max-width:560px){#s-landing .ptb-title{font-size:14.5px;margin-bottom:18px}#s-landing .ptb-logos{gap:14px 20px}#s-landing .ptb-logo{font-size:13.5px;gap:7px}#s-landing .ptb-logo svg{width:17px;height:17px;flex:0 0 17px}}

/* v257 — итоговая строка таблицы сравнения: убираем размытую подсветку,
   вместо неё сплошная очень тёмная заливка последней строки.
   Скругление снизу даёт сам контейнер (.cf-compare-table{overflow:hidden}). */

/* 1) Гасим радиальный glow из v203. */
#compare .compact-workflow-proof::before{
  content:none !important;
  display:none !important;
  background:none !important;
  filter:none !important;
}
#compare .compare-summary-arrow{
  text-shadow:none !important;
}

/* 2) Сплошная заливка + чёткая граница со строкой выше. */
#s-landing .cf-compare-table .compact-workflow-proof,
#compare .compact-workflow-proof{
  background:#050506 !important;
  background-image:none !important;
  box-shadow:none !important;
  border-top:1px solid rgba(255,255,255,.11) !important;
  border-left:0 !important;
  border-right:0 !important;
  border-bottom:0 !important;
  border-radius:0 !important;
  isolation:auto !important;
}

/* v258 — блок «умный подбор»: вместо двух карточек под общим H2
   два самостоятельных ряда-зигзага.
   Ряд 1 (ПУЛ КАМПАНИИ)      — визуал слева,  текст справа.
   Ряд 2 (ПОХОЖАЯ АУДИТОРИЯ) — текст слева,   визуал справа.
   В DOM текст всегда идёт первым: на мобиле порядок чтения
   «заголовок → визуал» сохраняется без доп. правил. */

#s-landing .v238-product-intelligence{
  grid-template-columns:1fr !important;
  gap:22px !important;
}

#s-landing .v238-product-intelligence .v238-split{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  align-items:center !important;
  gap:38px !important;
  padding:32px !important;
}

#s-landing .v238-split-copy,
#s-landing .v238-split-visual{
  min-width:0 !important;
}

/* Ряд 1: визуал уезжает в левую колонку. */
#s-landing .v238-split--visual-left .v238-split-visual{order:1 !important}
#s-landing .v238-split--visual-left .v238-split-copy{order:2 !important}

/* Заголовки теперь несут секцию сами — общего H2 над ними больше нет. */
#s-landing .v238-product-intelligence .v238-split-copy h3{
  font-size:23px !important;
  line-height:1.28 !important;
  margin:0 0 11px !important;
}
#s-landing .v238-product-intelligence .v238-split-copy > p{
  font-size:13.5px !important;
  line-height:1.6 !important;
  max-width:none !important;
}
#s-landing .v238-product-intelligence .v238-split-copy .v238-card-kicker{
  margin-bottom:14px !important;
}

/* Визуальные блоки прижаты к верху своей колонки не нужны — центрируем по ряду. */
#s-landing .v238-split-visual > :first-child{margin-top:0 !important}

@media(max-width:900px){
  #s-landing .v238-product-intelligence .v238-split{
    grid-template-columns:1fr !important;
    gap:20px !important;
    padding:22px !important;
  }
  #s-landing .v238-split--visual-left .v238-split-visual,
  #s-landing .v238-split--visual-left .v238-split-copy{order:0 !important}
  #s-landing .v238-product-intelligence .v238-split-copy h3{font-size:19px !important}
}

/* v259 — текстовая колонка обоих рядов выносится из рамки карточки.
   Рамку получает только визуал; заголовок и подзаголовок
   набираются секционной типографикой (h2 + section-sub). */

/* 1) Сама карточка перестаёт быть карточкой — только сетка. */
#s-landing .v238-product-intelligence .v238-split{
  background:none !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  overflow:visible !important;
  gap:52px !important;
}
#s-landing .v238-product-intelligence .v238-split::before,
#s-landing .v238-product-intelligence .v238-split::after{
  content:none !important;
  display:none !important;
}
#s-landing .v238-product-intelligence{
  gap:64px !important;
  margin-top:12px !important;
}

/* 2) Рамку получает визуал ряда «Пул кампании». */
#s-landing .v238-portfolio-card .v238-split-visual{
  background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.010)) !important;
  border:1px solid var(--line) !important;
  border-radius:18px !important;
  padding:24px !important;
  position:relative !important;
  overflow:hidden !important;
}

/* 3) У «Похожей аудитории» роль рамки играет сам поток —
      выравниваем его под ту же плашку, второй рамки не заводим. */
#s-landing .v238-lookalike-card .v238-split-visual{
  background:none !important;
  border:0 !important;
  padding:0 !important;
}
#s-landing .v238-lookalike-flow{
  background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.010)) !important;
  border:1px solid var(--line) !important;
  border-radius:18px !important;
  padding:24px !important;
  margin-top:0 !important;
  position:relative !important;
  overflow:hidden !important;
}
#s-landing .v238-lookalike-flow::before{
  content:"" !important;
  position:absolute !important;
  inset:-80px auto auto -50px !important;
  width:220px !important;
  height:170px !important;
  background:radial-gradient(circle,rgba(232,169,58,.075),transparent 68%) !important;
  pointer-events:none !important;
  z-index:0 !important;
}

/* 4) Типографика копии = секционный h2 + подзаголовок. */
#s-landing .v238-product-intelligence .v238-split-copy .v238-card-kicker{
  font-size:12px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:var(--accent) !important;
  margin:0 0 14px !important;
}
#s-landing .v238-product-intelligence .v238-split-copy h3{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  font-size:38px !important;
  line-height:1.12 !important;
  font-weight:500 !important;
  letter-spacing:-.02em !important;
  color:var(--ink) !important;
  margin:0 0 14px !important;
}
#s-landing .v238-product-intelligence .v238-split-copy > p{
  font-size:15px !important;
  line-height:1.6 !important;
  color:var(--muted) !important;
  margin:0 !important;
  max-width:none !important;
}

@media(max-width:1280px){
  #s-landing .v238-product-intelligence .v238-split-copy h3{font-size:32px !important}
}
@media(max-width:1100px){
  #s-landing .v238-product-intelligence .v238-split{gap:38px !important}
}
@media(max-width:900px){
  #s-landing .v238-product-intelligence .v238-split{gap:20px !important;padding:0 !important}
  #s-landing .v238-portfolio-card .v238-split-visual,
  #s-landing .v238-lookalike-flow{padding:19px !important}
}
@media(max-width:640px){
  #s-landing .v238-product-intelligence .v238-split-copy h3{font-size:28px !important}
}

/* v260 — ряды «Пул кампании» и «Похожая аудитория» теперь читаются
   как самостоятельные разделы, значит и дышать должны по шагу секции.
   Дизайн-система: секция = 88px паддинга сверху и снизу,
   расстояние между контентом соседних разделов = 88 + 88 = 176px.
   Мобильный шаг — 56px, то есть 112px между разделами. */

/* AI-подбор → «Пул кампании» */
#s-landing .ai-match-section .v238-product-intelligence{
  margin-top:176px !important;
}

/* «Пул кампании» → «Похожая аудитория» */
#s-landing .v238-product-intelligence{
  gap:176px !important;
}

@media(max-width:900px){
  #s-landing .ai-match-section .v238-product-intelligence{margin-top:112px !important}
  #s-landing .v238-product-intelligence{gap:112px !important}
}

/* v261 — финансовая секция: один блок под общим H2, две колонки.
   Ключ к выравниванию: article получает display:contents, поэтому в сетку
   попадают не колонки целиком, а четыре элемента — два текста и два визуала.
   Тексты садятся в общий первый ряд и автоматически выравниваются по высоте,
   визуалы — в общий второй ряд. Без подпорок вроде min-height. */

#trust-home .v242-finance-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  column-gap:96px !important;
  row-gap:28px !important;
  align-items:start !important;
  margin-top:0 !important;
}

/* Колонка растворяется — её дети становятся элементами общей сетки. */
#trust-home .v242-finance-col.v242-split{display:contents !important}

/* Явная расстановка: визуалы в первый ряд, тексты под ними во второй. */
#trust-home .v242-finance-col-left  .v242-split-visual{grid-column:1 !important;grid-row:1 !important}
#trust-home .v242-finance-col-left  .v242-split-copy  {grid-column:1 !important;grid-row:2 !important}
#trust-home .v242-finance-col-right .v242-split-visual{grid-column:2 !important;grid-row:1 !important}
#trust-home .v242-finance-col-right .v242-split-copy  {grid-column:2 !important;grid-row:2 !important}
#trust-home .v242-split-copy,
#trust-home .v242-split-visual{min-width:0 !important}

/* Визуалы тянутся на всю высоту своей ячейки — низ обеих колонок совпадает. */
#trust-home .v242-split-visual{align-self:stretch !important;display:flex !important;flex-direction:column !important}
#trust-home .v242-split-visual > *{flex:1 !important}
#trust-home .v242-split-visual .trust-product-ui--compact-ref{
  width:100% !important;max-width:100% !important;margin:0 !important;
}
#trust-home .v242-split-visual .v239-batch-payments{margin:0 !important}
#trust-home .v242-split-visual .compact-ref-flow{column-gap:12px !important;padding-left:14px !important;padding-right:14px !important}
#trust-home .v242-split-visual .trust-product-ui--compact-ref .compact-ref-progress{column-gap:12px !important;padding-left:14px !important;padding-right:14px !important}

/* Типографика колонок: подзаголовок раздела, а не второй H2. */
#s-landing #trust-home .v242-split-copy h3{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  font-size:26px !important;
  line-height:1.25 !important;
  font-weight:500 !important;
  letter-spacing:-.02em !important;
  color:var(--ink) !important;
  margin:0 0 12px !important;
  min-height:0 !important;
}
#s-landing #trust-home .v242-split-copy > p{
  font-size:14.5px !important;
  line-height:1.6 !important;
  color:var(--muted) !important;
  margin:0 !important;
  max-width:none !important;
}

@media(max-width:1100px){
  #trust-home .v242-finance-grid{column-gap:66px !important}
  #s-landing #trust-home .v242-split-copy h3{font-size:23px !important}
}
@media(max-width:900px){
  /* Мобильный: колонки схлопываются, порядок чтения текст → визуал по каждой теме. */
  #trust-home .v242-finance-col.v242-split{display:flex !important;flex-direction:column !important;gap:16px !important}
  #trust-home .v242-split-visual{order:1 !important}
  #trust-home .v242-split-copy{order:2 !important}
  #trust-home .v242-finance-grid{grid-template-columns:1fr !important;row-gap:56px !important}
  #trust-home .v242-finance-col-left  .v242-split-copy,
  #trust-home .v242-finance-col-left  .v242-split-visual,
  #trust-home .v242-finance-col-right .v242-split-copy,
  #trust-home .v242-finance-col-right .v242-split-visual{grid-column:auto !important;grid-row:auto !important}
  #s-landing #trust-home .v242-split-copy h3{font-size:21px !important}
}

/* v262 — левый визуал «Пул кампании».
   Знак слева, метрики сеткой 2x2 с выключкой влево (17% встаёт строго под 18),
   плашка вывода — отдельным рядом во всю ширину панели, на сером фоне. */

#s-landing .v238-portfolio-card .v238-split-visual{
  padding:0 !important;
  overflow:hidden !important;
  background:#0d0d0f !important;
  border:1px solid #26272b !important;
  border-radius:20px !important;
}

#s-landing .v238-pool-panel{
  position:relative;
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:16px;
  row-gap:22px;
  padding:26px;
}
#s-landing .v238-pool-mark{grid-column:1;grid-row:1}
#s-landing .v238-pool-body{grid-column:2;grid-row:1}
#s-landing .v238-pool-panel > .v238-portfolio-foot{grid-column:1 / -1;grid-row:2}

/* --- знак --- */
#s-landing .v238-pool-mark{
  align-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
}
#s-landing .v238-pool-hex{
  width:112px;
  height:124px;
  flex:0 0 112px;
}
#s-landing .v238-hex-ring{
  fill:rgba(232,169,58,.05);
  stroke:var(--accent);
  stroke-width:2.4;
  stroke-linejoin:round;
}
#s-landing .v238-hex-bars rect{fill:var(--accent)}
#s-landing .v238-hex-bars rect:nth-child(2){fill:var(--accent2,#F0B750)}

#s-landing .v238-pool-body{min-width:0}

/* --- метрики 2x2, выключка влево: цифры строго друг под другом --- */
#s-landing .v238-pool-body .v238-portfolio-stats{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  column-gap:0 !important;
  row-gap:20px !important;
  margin-top:0 !important;
}
#s-landing .v238-pool-body .v238-portfolio-stats > div{
  position:relative;
  min-width:0;
  background:none !important;
  border:0 !important;
  border-radius:0 !important;
  padding:2px 14px !important;
  text-align:center !important;
}
/* вертикальный разделитель между колонками */
#s-landing .v238-pool-body .v238-portfolio-stats > div:nth-child(even)::before{
  content:"";
  position:absolute;
  left:0; top:2px; bottom:2px;
  width:1px;
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.13) 24%,rgba(255,255,255,.13) 76%,rgba(255,255,255,0) 100%);
}
#s-landing .v238-pool-body .v238-portfolio-stats > div:nth-child(even)::after{
  content:"";
  position:absolute;
  left:-2.5px; top:36%;
  width:6px; height:6px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 7px rgba(232,169,58,.55);
}
#s-landing .v238-pool-body .v238-portfolio-stats b{
  font-size:27px !important;
  font-weight:500 !important;
  letter-spacing:-.03em !important;
  line-height:1.05 !important;
  color:var(--ink) !important;
  white-space:nowrap;
}
#s-landing .v238-pool-body .v238-portfolio-stats > div:nth-child(3) b{color:var(--ink) !important}
#s-landing .v238-pool-body .v238-portfolio-stats span{
  margin-top:7px !important;
  font-size:11.5px !important;
  line-height:1.32 !important;
  color:var(--muted) !important;
}

/* --- плашка вывода: во всю ширину, серый фон, одна строка --- */
#s-landing .v238-pool-panel > .v238-portfolio-foot{
  margin-top:0 !important;
  min-height:0 !important;
  padding:12px 18px !important;
  gap:11px !important;
  flex-wrap:nowrap !important;
  font-size:12.5px !important;
  line-height:1.3 !important;
  border:1px solid #2c2d31 !important;
  border-radius:11px !important;
  background:rgba(255,255,255,.045) !important;
}
#s-landing .v238-pool-panel > .v238-portfolio-foot > span,
#s-landing .v238-pool-panel > .v238-portfolio-foot > strong{white-space:nowrap !important}
#s-landing .v238-pool-panel > .v238-portfolio-foot strong{font-weight:600 !important;color:var(--accent) !important}
#s-landing .v238-pool-panel > .v238-portfolio-foot i{font-size:15px !important;flex:0 0 auto}

@media(max-width:1280px){
  #s-landing .v238-pool-panel{grid-template-columns:126px minmax(0,1fr);padding:22px;column-gap:12px}
  #s-landing .v238-pool-hex{width:96px;height:106px;flex-basis:96px}
  #s-landing .v238-pool-body .v238-portfolio-stats b{font-size:24px !important}
  #s-landing .v238-pool-body .v238-portfolio-stats > div{padding-left:10px !important;padding-right:10px !important}
  #s-landing .v238-pool-panel > .v238-portfolio-foot{font-size:11.5px !important;padding:11px 14px !important;gap:9px !important}
}
@media(max-width:1100px){
  #s-landing .v238-pool-panel > .v238-portfolio-foot{font-size:10.5px !important;padding:10px 12px !important}
}
@media(max-width:900px){
  #s-landing .v238-pool-panel{
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
    padding:22px 18px;
    row-gap:18px;
    justify-items:center;
  }
  #s-landing .v238-pool-mark{grid-column:1;grid-row:1}
  #s-landing .v238-pool-body{grid-column:1;grid-row:2;width:100%}
  #s-landing .v238-pool-panel > .v238-portfolio-foot{
    grid-column:1;grid-row:3;
    flex-wrap:wrap !important;
    font-size:12px !important;
    text-align:center !important;
    justify-content:center !important;
  }
  #s-landing .v238-pool-panel > .v238-portfolio-foot > span,
  #s-landing .v238-pool-panel > .v238-portfolio-foot > strong{white-space:normal !important}
  #s-landing .v238-pool-body .v238-portfolio-stats b{font-size:24px !important}
}

/* v263 — правый визуал «Похожая аудитория»: горизонтальная схема.
   Слева карточка эталона, дальше круглая стрелка, от неё скоба-ветвление
   в три строки кандидатов. Номерной бейдж вынесен на угол панели.
   Левая колонка (айброу, заголовок, текст) не затрагивается. */

#s-landing .v238-lookalike-card .v238-split-visual{position:relative}


/* --- панель --- */
#s-landing .v238-lookalike-flow{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1.3fr) !important;
  align-items:center !important;
  gap:22px !important;
  padding:26px !important;
  background:#0d0d0f !important;
  border:1px solid #26272b !important;
  border-radius:20px !important;
  overflow:visible !important;
}
#s-landing .v238-lookalike-flow::before{content:none !important}

/* --- карточка эталона --- */
#s-landing .v238-seed-creator{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  min-height:186px !important;
  padding:22px 16px !important;
  border:1px solid rgba(232,169,58,.45) !important;
  border-radius:16px !important;
  background:linear-gradient(160deg,rgba(232,169,58,.11),rgba(232,169,58,.02) 62%) !important;
}
#s-landing .v238-seed-icon{width:66px;height:66px;flex:0 0 66px;margin-bottom:16px}
#s-landing .v238-seed-ring{fill:none;stroke:var(--accent);stroke-width:1.7}
#s-landing .v238-seed-glyph{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round}
#s-landing .v238-seed-creator > b{
  display:block;color:var(--ink);font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.2;
}
#s-landing .v238-seed-creator > span{
  display:block;margin-top:7px;color:var(--muted);font-size:13px;line-height:1.3;
}

/* --- круглая стрелка --- */
#s-landing .v238-lookalike-arrow{
  position:relative;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:44px; height:44px;
  flex:0 0 44px;
  border:1.5px solid rgba(232,169,58,.5);
  border-radius:50%;
  background:rgba(232,169,58,.07);
}
#s-landing .v238-lookalike-arrow i{color:var(--accent);font-size:19px;font-style:normal;line-height:1}

/* --- строки кандидатов (без соединительных линий) --- */
#s-landing .v238-related-list{
  position:relative;
  display:flex !important;
  flex-direction:column !important;
  gap:13px !important;
  padding-left:0 !important;
}
#s-landing .v238-related{
  position:relative;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-height:54px !important;
  padding:9px 16px !important;
  background:#151517 !important;
  border:1px solid #26272b !important;
  border-radius:13px !important;
}
#s-landing .v238-mini-avatar{
  flex:0 0 34px !important;
  width:34px !important; height:34px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  border-radius:50% !important;
  background:#232326 !important;
  color:var(--ink) !important;
  font-size:13px !important; font-weight:600 !important;
}
#s-landing .v238-related b{
  flex:1 1 auto !important;
  color:var(--ink) !important;
  font-size:15px !important; font-weight:500 !important; letter-spacing:-.01em !important;
  white-space:nowrap;
}
#s-landing .v238-related em{
  flex:0 0 auto !important;
  color:var(--accent) !important;
  font-style:normal !important;
  font-size:16px !important; font-weight:600 !important;
}

@media(max-width:1280px){
  #s-landing .v238-lookalike-flow{gap:16px !important;padding:20px !important}
  #s-landing .v238-seed-creator{min-height:166px !important}
  #s-landing .v238-seed-icon{width:56px;height:56px;flex-basis:56px;margin-bottom:13px}
  #s-landing .v238-seed-creator > b{font-size:17px}
  #s-landing .v238-related{min-height:48px !important;padding:8px 13px !important}
  #s-landing .v238-related b{font-size:14px !important}
  #s-landing .v238-related em{font-size:15px !important}
}
@media(max-width:900px){
  #s-landing .v238-lookalike-flow{grid-template-columns:1fr !important;gap:16px !important;justify-items:stretch}
  #s-landing .v238-lookalike-arrow{transform:rotate(90deg);margin:0 auto}
}

/* v264 — интерфейс защищённой сделки: две колонки.
   Слева золотая панель с номером, суммой и щитом-водяным знаком,
   справа вертикальная лента статусов на золотой рейке. */

#trust-home .trust-product-ui.v264-deal{
  display:grid !important;
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr) !important;
  align-items:stretch !important;
  gap:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border:1px solid #26272b !important;
  border-radius:20px !important;
  background:#0d0d0f !important;
  box-shadow:none !important;
}

/* ---------- левая панель ---------- */
#trust-home .v264-deal-side{
  position:relative;
  overflow:hidden;
  padding:24px 20px 26px;
  background:linear-gradient(160deg,rgba(232,169,58,.16),rgba(232,169,58,.05) 46%,rgba(232,169,58,.015) 100%);
  border-right:1px solid rgba(232,169,58,.55);
}
#trust-home .v264-deal-id{
  position:relative;z-index:1;
  color:var(--ink);
  font-size:15px;font-weight:600;line-height:1.25;letter-spacing:.02em;
}
#trust-home .v264-deal-status{
  position:relative;z-index:1;
  display:flex;align-items:center;gap:7px;
  margin-top:8px;
  color:#5fbf7d;font-size:11.5px;font-weight:500;
}
#trust-home .v264-deal-status i{width:7px;height:7px;border-radius:50%;background:#5fbf7d;flex:0 0 7px}
#trust-home .v264-deal-rule{
  position:relative;z-index:1;
  height:1px;margin:18px 0 19px;
  background:rgba(232,169,58,.22);
}
#trust-home .v264-deal-amount{
  position:relative;z-index:1;
  color:var(--accent);
  font-size:30px;font-weight:600;line-height:1;letter-spacing:-.03em;
  white-space:nowrap;
}
#trust-home .v264-deal-amount-sub{
  position:relative;z-index:1;
  margin-top:7px;
  color:var(--muted);font-size:11.5px;line-height:1.3;
}
#trust-home .v264-deal-shield{
  position:absolute;z-index:0;
  left:50%;bottom:-24px;
  width:118px;height:138px;
  transform:translateX(-50%);
  fill:none;
  stroke:var(--accent);
  stroke-width:2.2;
  stroke-linejoin:round;
  opacity:.15;
  pointer-events:none;
}

/* ---------- правая лента ---------- */
#trust-home .v264-deal-steps{
  position:relative;
  display:flex;
  flex-direction:column;
  padding:6px 18px 6px 30px;
}
/* золотая рейка вдоль границы колонок */
#trust-home .v264-deal-steps::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:2px;
  background:var(--accent);
  opacity:.85;
}
#trust-home .v264-step{
  position:relative;
  flex:1;
  display:flex;
  align-items:center;
  gap:12px;
  min-height:62px;
  padding:9px 0;
}
#trust-home .v264-step + .v264-step{border-top:1px solid rgba(255,255,255,.055)}
/* золотые точки на рейке — против первого и третьего статуса */
#trust-home .v264-step--pin::before{
  content:"";
  position:absolute;
  left:-34.5px;top:50%;
  width:11px;height:11px;margin-top:-5.5px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 9px rgba(232,169,58,.5);
}
#trust-home .v264-step--pin::after{
  content:"";
  position:absolute;
  left:-23px;top:50%;
  width:16px;height:1px;
  background:rgba(232,169,58,.4);
}
#trust-home .v264-step-icon{
  flex:0 0 28px;
  width:28px;height:28px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  font-size:11px;font-weight:600;line-height:1;
}
#trust-home .v264-step-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
#trust-home .v264-step--done .v264-step-icon{background:#4bab68;color:#0c1a11}
#trust-home .v264-step--arb .v264-step-icon{border:1.6px solid var(--accent);color:var(--accent);background:rgba(232,169,58,.07)}
#trust-home .v264-step--wait .v264-step-icon{border:1.6px solid var(--accent);color:var(--accent);background:rgba(232,169,58,.07)}
#trust-home .v264-step b{
  color:var(--ink);
  font-size:12.5px;font-weight:500;line-height:1.35;letter-spacing:-.005em;
}
#trust-home .v264-step--arb b,
#trust-home .v264-step--wait b{color:var(--muted)}

@media(max-width:1280px){
  #trust-home .v264-deal-side{padding:20px 17px 22px}
  #trust-home .v264-deal-amount{font-size:25px}
  #trust-home .v264-deal-id{font-size:14px}
  #trust-home .v264-deal-steps{padding:3px 14px 3px 27px}
  #trust-home .v264-step{min-height:55px;gap:11px}
  #trust-home .v264-step b{font-size:11.5px}
  #trust-home .v264-step--pin::before{left:-31.5px}
  #trust-home .v264-step--pin::after{left:-21px;width:14px}
}
@media(max-width:900px){
  #trust-home .trust-product-ui.v264-deal{grid-template-columns:1fr !important}
  #trust-home .v264-deal-side{border-right:0;border-bottom:1px solid rgba(232,169,58,.55);padding-bottom:34px}
  #trust-home .v264-deal-shield{bottom:-52px;width:120px;height:140px}
  #trust-home .v264-deal-steps{padding:6px 18px 10px 32px}
}

/* v265 — блок массовых выплат: вертикальная цепочка.
   Источник → Pact → три получателя, пунктирная связка в зазорах.
   Высота панели равна левой: строки тянутся флексом, а не фиксированы. */

#trust-home .v242-finance-col-right .v239-batch-payments{
  display:flex !important;
  flex-direction:column !important;
  padding:20px !important;
  border:1px solid #26272b !important;
  border-radius:20px !important;
  background:#0d0d0f !important;
}

#trust-home .v265-chain{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:12px;
}

/* --- строка --- */
#trust-home .v265-node{
  position:relative;
  flex:1;
  display:flex;
  align-items:center;
  gap:14px;
  min-height:50px;
}
/* пунктир в зазоре над каждой строкой, кроме первой */
#trust-home .v265-node + .v265-node::before{
  content:"";
  position:absolute;
  left:21px;
  top:-12px;
  width:2px;
  height:12px;
  background-image:repeating-linear-gradient(180deg,rgba(232,169,58,.55) 0 3px,transparent 3px 7px);
}

/* --- аватары --- */
#trust-home .v265-ava{
  position:relative;
  z-index:1;
  flex:0 0 44px;
  width:44px;height:44px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:#1b1b1e;
  border:1px solid #2c2d31;
  color:var(--ink);
  font-size:14px;font-weight:600;line-height:1;
}
#trust-home .v265-ava--sq{
  background:rgba(224,224,228,.86);
  border-color:rgba(224,224,228,.86);
  color:#171719;
  font-size:16px;
  font-weight:700;
}
#trust-home .v265-ava--gold{
  background:var(--accent);
  border-color:var(--accent);
  color:var(--on-accent);
  font-size:17px;
  box-shadow:0 0 16px rgba(232,169,58,.28);
}

/* --- подписи узлов --- */
#trust-home .v265-node-txt{min-width:0}
#trust-home .v265-node-txt b{
  display:block;
  color:var(--ink);
  font-size:14px;font-weight:600;line-height:1.25;letter-spacing:-.01em;
}
#trust-home .v265-node-txt span{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:11.5px;line-height:1.3;
}

/* --- строка Pact: без карточки, акцент несёт только кружок --- */

/* --- строки получателей --- */
#trust-home .v265-pill{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  align-self:stretch;
  padding:11px 16px;
  background:#151517;
  border:1px solid #26272b;
  border-radius:14px;
}
#trust-home .v265-pill b{
  color:var(--ink);
  font-size:13.5px;font-weight:500;letter-spacing:-.01em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#trust-home .v265-pill em{
  flex:0 0 auto;
  color:var(--accent);
  font-style:normal;
  font-size:14.5px;font-weight:600;
}

@media(max-width:1280px){
  #trust-home .v242-finance-col-right .v239-batch-payments{padding:16px !important}
  #trust-home .v265-node{gap:12px;min-height:45px}
  #trust-home .v265-ava{flex-basis:40px;width:40px;height:40px;font-size:13px}
  #trust-home .v265-ava--sq{font-size:14px}
  #trust-home .v265-ava--gold{font-size:15px}
  #trust-home .v265-node + .v265-node::before{left:19px}
  #trust-home .v265-node-txt b{font-size:13px}
  #trust-home .v265-pill{padding:8px 12px}
  #trust-home .v265-pill b{font-size:12.5px}
  #trust-home .v265-pill em{font-size:13.5px}
}
@media(max-width:900px){
  #trust-home .v265-node{flex:0 0 auto}
}

/* v266 — слайдер кейсов: карточка уже, стрелки вынесены в боковые поля.
   Было: кнопка 44px на left:-22px, то есть половиной лежала на карточке.
   Стало: слайдер получает боковые поля 62px, кнопки садятся в них целиком,
   между кнопкой и краем карточки остаётся 18px воздуха. */

#s-landing .case-slider{
  padding-left:62px !important;
  padding-right:62px !important;
  box-sizing:border-box !important;
}
#s-landing .case-prev{left:0 !important}
#s-landing .case-next{right:0 !important}

/* Метрики: строго по центру ячейки по обеим осям. */
#s-landing .case-card-metrics > div{
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
#s-landing .case-card-metrics.pending em{
  left:0 !important;
  right:0 !important;
  text-align:center !important;
}

@media(max-width:1100px){
  #s-landing .case-slider{padding-left:52px !important;padding-right:52px !important}
}
@media(max-width:900px){
  #s-landing .case-slider{padding-left:44px !important;padding-right:44px !important}
  #s-landing .case-slider-nav{width:36px;height:36px;font-size:23px}
}
@media(max-width:560px){
  #s-landing .case-slider{padding-left:0 !important;padding-right:0 !important}
  #s-landing .case-prev{left:-6px !important}
  #s-landing .case-next{right:-6px !important}
}

/* v267 — карточка кейса: сжатие по высоте.
   Высоту задавала сетка метрик: 2 ряда по 145px = 290px при min-height карточки 350px.
   Ужимаем ячейки и внутренние отступы — обе стороны садятся примерно на 225px. */

#s-landing .case-card{min-height:250px !important}

/* левая часть */
#s-landing .case-card-copy{padding:26px 28px 24px !important}
#s-landing .case-brand{gap:12px !important}
#s-landing .case-brand > span{width:40px !important;height:40px !important;border-radius:11px !important}
#s-landing .case-brand strong{font-size:16px !important}
#s-landing .case-brand small{margin-top:2px !important;font-size:11.5px !important}
#s-landing .case-card blockquote{
  margin:18px 0 0 !important;
  font-size:15px !important;
  line-height:1.5 !important;
}
#s-landing .case-link{margin-top:18px !important;font-size:11.5px !important}

/* правая часть — сетка метрик */
#s-landing .case-card-metrics > div{
  min-height:112px !important;
  padding:18px 22px !important;
}
#s-landing .case-card-metrics b{font-size:25px !important;line-height:1.05 !important}
#s-landing .case-card-metrics span{margin-top:6px !important;font-size:11.5px !important}
#s-landing .case-card-metrics.pending b{font-size:21px !important}
#s-landing .case-card-metrics.pending em{bottom:12px !important;font-size:10.5px !important}

@media(max-width:1100px){
  #s-landing .case-card{min-height:230px !important}
  #s-landing .case-card-copy{padding:22px 22px 20px !important}
  #s-landing .case-card blockquote{font-size:14px !important;margin-top:15px !important}
  #s-landing .case-card-metrics > div{min-height:100px !important;padding:15px 16px !important}
  #s-landing .case-card-metrics b{font-size:22px !important}
}
@media(max-width:900px){
  #s-landing .case-card{min-height:0 !important}
  #s-landing .case-card-metrics > div{min-height:92px !important}
}

/* v268 — блок обучающего цикла: четыре сигнала с пунктирными кольцами
   на общей пунктирной линии, ниже разделитель и строка следующей кампании. */

#learning-loop-home .v238-learning-shell{padding:28px 26px 22px !important}

/* ---------- ряд сигналов ---------- */
#learning-loop-home .v268-signals{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
/* сквозная пунктирная линия на уровне центров колец */
#learning-loop-home .v268-signals::before{
  content:"";
  position:absolute;
  top:32px;
  left:12.5%;
  right:12.5%;
  height:1px;
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 4px,transparent 4px 9px);
  z-index:0;
}
#learning-loop-home .v268-signal{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  min-width:0;
}
#learning-loop-home .v268-signal-icon{
  width:64px;height:64px;
  flex:0 0 64px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1.4px dashed rgba(232,169,58,.55);
  background:#101011;
  color:var(--accent);
}
#learning-loop-home .v268-signal-icon svg{
  width:26px;height:26px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#learning-loop-home .v268-signal b{
  margin-top:16px;
  color:var(--ink);
  font-size:16px;font-weight:600;line-height:1.2;letter-spacing:-.01em;
}
#learning-loop-home .v268-signal p{
  margin:8px 0 0;
  color:var(--muted);
  font-size:12.5px;line-height:1.45;
}

/* ---------- следующая кампания ---------- */
#learning-loop-home .v268-loop{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  align-items:center;
  column-gap:18px;
  row-gap:12px;
  margin-top:22px;
  padding:20px 0 0 calc((100% - 36px) / 8 - 32px);
  border-top:1px solid rgba(255,255,255,.07);
}
#learning-loop-home .v268-loop-mark{grid-column:1;grid-row:1}
#learning-loop-home .v268-loop-copy{grid-column:2;grid-row:1}
#learning-loop-home .v268-loop-mark{
  position:relative;
  width:64px;height:64px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--accent);
  border:0;
}
#learning-loop-home .v268-loop-glyph{
  position:relative;
  width:30px;height:30px;
  fill:none;
  stroke:var(--on-accent);
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#learning-loop-home .v268-loop-copy{min-width:0}
#learning-loop-home .v268-loop-copy h3{
  margin:0;
  color:var(--ink);
  font-size:16px;font-weight:600;line-height:1.2;letter-spacing:-.01em;
}
#learning-loop-home .v268-loop-copy p{
  margin:8px 0 0;
  color:var(--muted);
  font-size:12.5px;line-height:1.45;
}

@media(max-width:1100px){
  #learning-loop-home .v268-signal-icon{width:56px;height:56px;flex-basis:56px}
  #learning-loop-home .v268-signals::before{top:28px}
  #learning-loop-home .v268-signal b{font-size:14.5px;margin-top:13px}
  #learning-loop-home .v268-signal p{font-size:11.5px}
  #learning-loop-home .v268-loop{column-gap:16px;padding-left:calc((100% - 36px) / 8 - 28px);grid-template-columns:56px minmax(0,1fr)}
  #learning-loop-home .v268-loop-mark{width:56px;height:56px}
  #learning-loop-home .v268-loop-glyph{width:26px;height:26px}
  #learning-loop-home .v268-loop-copy h3{font-size:14.5px}
  #learning-loop-home .v268-loop-copy p{font-size:11.5px}
}
@media(max-width:700px){
  #learning-loop-home .v268-signals{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:26px}
  #learning-loop-home .v268-signals::before{content:none}
  #learning-loop-home .v268-signal p br{display:none}
  #learning-loop-home .v268-loop{grid-template-columns:1fr;justify-items:center;text-align:center;row-gap:14px;padding-left:0}
  #learning-loop-home .v268-loop-mark,
  #learning-loop-home .v268-loop-copy{grid-column:1}
}

/* v269 — секция обучения: визуал слева, заголовок и текст справа.
   Тот же паттерн, что у «Пул кампании»: общего H2 над блоком нет,
   заголовок живёт в правой колонке и набран секционной типографикой. */

#s-landing #learning-loop-home .v268-row{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  align-items:stretch !important;
  gap:52px !important;
}
#s-landing #learning-loop-home .v268-visual{min-width:0 !important}

/* Копия прижата к верхнему краю визуала и растянута по его высоте:
   кикер с заголовком вверху, абзац уходит вниз через margin-top:auto. */
#s-landing #learning-loop-home .v268-copy{
  min-width:0 !important;
  align-self:start !important;
  padding-top:2px !important;
}

/* визуал в левую колонку, текст в правую; в DOM текст первый — порядок чтения на мобиле */
#s-landing #learning-loop-home .v268-row--visual-left .v268-visual{order:1 !important}
#s-landing #learning-loop-home .v268-row--visual-left .v268-copy{order:2 !important}

#s-landing #learning-loop-home .v268-copy .section-eyebrow{
  display:block !important;
  margin-bottom:14px !important;
  text-align:left !important;
}
#s-landing #learning-loop-home .v268-copy h3{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  font-size:38px !important;
  line-height:1.12 !important;
  font-weight:500 !important;
  letter-spacing:-.02em !important;
  color:var(--ink) !important;
  margin:0 0 14px !important;
}
#s-landing #learning-loop-home .v268-copy p{
  margin:0 !important;
  color:var(--muted) !important;
  font-size:15px !important;
  line-height:1.6 !important;
  max-width:none !important;
  text-align:left !important;
}

@media(max-width:1280px){
  #s-landing #learning-loop-home .v268-copy h3{font-size:32px !important}
}
@media(max-width:1100px){
  #s-landing #learning-loop-home .v268-row{gap:38px !important}
}
@media(max-width:900px){
  #s-landing #learning-loop-home .v268-row{grid-template-columns:1fr !important;gap:24px !important;align-items:start !important}
  #s-landing #learning-loop-home .v268-copy{padding:0 !important}
  #s-landing #learning-loop-home .v268-row--visual-left .v268-visual,
  #s-landing #learning-loop-home .v268-row--visual-left .v268-copy{order:0 !important}
}
@media(max-width:640px){
  #s-landing #learning-loop-home .v268-copy h3{font-size:28px !important}
}

/* v270 — плашка брифа в хиро: пропорциональное увеличение примерно на 12%.
   Растут одновременно ширина, паддинги, высота поля, кегли и кнопка,
   иначе блок просто становится шире, а содержимое в нём теряется. */

#s-landing .hero-fruit-concept .fruit-prompt-shell{
  width:min(940px,94%) !important;
  padding:17px !important;
  border-radius:25px !important;
}
#s-landing .hero-fruit-concept .fruit-prompt-label{
  padding:5px 11px 11px !important;
  font-size:12.5px !important;
}
#s-landing .hero-fruit-concept .fruit-prompt-main{
  min-height:80px !important;
  gap:18px !important;
  padding:13px 13px 13px 18px !important;
  border-radius:16px !important;
}
#s-landing .hero-fruit-concept .fruit-prompt-main span{
  font-size:16.5px !important;
  line-height:1.45 !important;
}
#s-landing .hero-fruit-concept .fruit-prompt-main button{
  width:52px !important;
  height:52px !important;
  flex:0 0 52px !important;
  border-radius:14px !important;
  font-size:25px !important;
}
#s-landing .hero-fruit-concept .fruit-prompt-actions{
  gap:9px !important;
  padding:12px 4px 2px !important;
}
#s-landing .hero-fruit-concept .fruit-prompt-actions span{
  padding:8px 12px !important;
  border-radius:10px !important;
  font-size:12.5px !important;
}

@media(max-width:900px){
  #s-landing .hero-fruit-concept .fruit-prompt-shell{width:min(94%,720px) !important;padding:14px !important;border-radius:22px !important}
  #s-landing .hero-fruit-concept .fruit-prompt-main{min-height:70px !important;gap:14px !important;padding:11px 11px 11px 15px !important}
  #s-landing .hero-fruit-concept .fruit-prompt-main span{font-size:14.5px !important}
  #s-landing .hero-fruit-concept .fruit-prompt-main button{width:44px !important;height:44px !important;flex:0 0 44px !important;font-size:21px !important}
  #s-landing .hero-fruit-concept .fruit-prompt-actions span{padding:7px 10px !important;font-size:11.5px !important}
  #s-landing .hero-fruit-concept .fruit-prompt-label{font-size:11.5px !important;padding:4px 9px 9px !important}
}

/* v271 — «Пул кампании» и «Похожая аудитория»: текст выравнивается
   по верхнему краю своего визуала, а не центрируется по высоте ряда.
   Ряд 1: визуал слева  → текст стартует с его верхней кромки.
   Ряд 2: визуал справа → текст слева стартует с той же линии. */

#s-landing .v238-product-intelligence .v238-split{
  align-items:start !important;
}
#s-landing .v238-product-intelligence .v238-split-copy{
  align-self:start !important;
  padding-top:2px !important;
}

@media(max-width:900px){
  #s-landing .v238-product-intelligence .v238-split-copy{padding-top:0 !important}
}

/* v272 — иконки чипов в плашке брифа.
   Были текстовые глифы разной природы: ✦ сплошная, ▷ и ◇ контурные, ↗ линейная —
   отсюда разнобой по плотности. Заменены на SVG с единой обводкой. */

#s-landing .fruit-prompt-actions span{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
}
#s-landing .fruit-prompt-actions .fpa-ico{
  width:12px;
  height:12px;
  flex:0 0 12px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.9;
}
#s-landing .hero-fruit-concept .fruit-prompt-actions .fpa-ico{
  width:13px;
  height:13px;
  flex:0 0 13px;
}
@media(max-width:900px){
  #s-landing .hero-fruit-concept .fruit-prompt-actions .fpa-ico{width:12px;height:12px;flex:0 0 12px}
}

/* v273 — шапка тарифных карточек: слева план с подписью, справа цена.
   Бейдж «Популярный» превращён в пилюлю, сидящую на верхней кромке рамки. */

#s-landing .cf-price-grid{padding-top:14px !important}

#s-landing .cf-price-grid .v273-price-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
#s-landing .cf-price-grid .v273-price-plan{min-width:0}
#s-landing .cf-price-grid .v273-price-plan > span{
  display:block;
  color:var(--muted);
  font-size:21px;
  font-weight:500;
  line-height:1.15;
  letter-spacing:-.01em;
}
#s-landing .cf-price-grid article.featured .v273-price-plan > span{color:var(--ink)}
#s-landing .cf-price-grid .v273-price-plan > p{
  margin:8px 0 0 !important;
  min-height:0 !important;
  color:var(--muted) !important;
  font-size:13.5px;
  line-height:1.35;
}

#s-landing .cf-price-grid .v273-price-amount{
  flex:0 0 auto;
  text-align:right;
}
#s-landing .cf-price-grid .v273-price-amount h3{
  margin:0 !important;
  color:var(--accent) !important;
  font-size:40px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:-.035em !important;
  white-space:nowrap;
}
#s-landing .cf-price-grid .v273-price-amount small{
  display:block;
  margin-top:7px;
  color:var(--muted);
  font-size:13px;
  font-weight:500;
}

/* пилюля «Популярный» на кромке карточки */
#s-landing .cf-price-grid article.featured{overflow:visible}
#s-landing .cf-price-grid .cf-popular{
  position:absolute;
  left:30px;
  right:auto;
  top:0;
  transform:translateY(-50%);
  padding:7px 16px;
  border-radius:999px;
  background:var(--accent);
  color:var(--on-accent);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
  line-height:1;
  white-space:nowrap;
}

/* ссылка под тарифами — как «Все вопросы в справочном центре» */
#s-landing .pricing-details-link{
  margin-top:30px !important;
  color:var(--accent) !important;
  font-size:14px !important;
  font-weight:650 !important;
  /* инлайн width:100%!important тянет ссылку на всю ширину — центрируем текст */
  text-align:center !important;
}

/* Кнопки тарифов: залит только рекомендованный план,
   остальные — контурные. Секция перестаёт быть сплошь золотой,
   и рекомендация читается сама собой. */
#s-landing .cf-price-grid article > button{
  background:transparent !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:var(--ink) !important;
  font-weight:600 !important;
  transition:background .18s ease,border-color .18s ease !important;
}
#s-landing .cf-price-grid article > button:hover{
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(255,255,255,.30) !important;
}
#s-landing .cf-price-grid article.featured > button{
  background:var(--accent) !important;
  border-color:var(--accent) !important;
  color:var(--on-accent) !important;
  font-weight:700 !important;
}
#s-landing .cf-price-grid article.featured > button:hover{
  background:var(--accent2,#F0B750) !important;
  border-color:var(--accent2,#F0B750) !important;
}

@media(max-width:1100px){
  #s-landing .cf-price-grid .v273-price-amount h3{font-size:34px !important}
  #s-landing .cf-price-grid .v273-price-plan > span{font-size:19px}
}
@media(max-width:900px){
  #s-landing .cf-price-grid{padding-top:16px !important}
}

/* v275 — финальный блок дорожной карты по образцу финального CTA главной
   (.cf-final.final-cta-v130): та же ширина, те же вертикальные отступы,
   та же типографика и та же светлая кнопка.
   Отличие намеренное: серая рамка вместо свечения, фон прозрачный. */

/* Рельс страницы — ровно как у секций главной: min(1400px, 100% - 48px).
   Базовый .wrap добавляет ещё padding 0 24px, из-за которого контент
   сжимался до 1352px; снимаем его и фиксируем ширину явно. */
#s-roadmap > .wrap{
  width:min(1400px,calc(100% - 48px)) !important;
  max-width:1400px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  box-sizing:border-box !important;
}
/* Всё содержимое страницы идёт по этому же рельсу, без собственных сужений. */
#s-roadmap > .wrap > .pac-crumb,
#s-roadmap > .wrap > .pac-hero,
#s-roadmap > .wrap > .roadmap-freshness,
#s-roadmap > .wrap > .rm2-grid,
#s-roadmap > .wrap > .pac-final-cta{
  width:100% !important;
  max-width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
#s-roadmap .rm2-grid{margin-top:32px !important}

#s-roadmap .v275-roadmap-cta{
  margin:88px auto 88px !important;
  padding:56px 40px 56px !important;
  box-sizing:border-box !important;
  text-align:center !important;
  background:transparent !important;
  border:1px solid var(--line) !important;
  border-radius:22px !important;
}

#s-roadmap .v275-roadmap-cta h2{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  font-size:38px !important;
  line-height:1.12 !important;
  font-weight:500 !important;
  letter-spacing:-.02em !important;
  color:var(--ink) !important;
  max-width:920px !important;
  margin:0 auto !important;
}

#s-roadmap .v275-roadmap-cta p{
  max-width:720px !important;
  margin:16px auto 0 !important;
  color:var(--muted) !important;
  font-size:18px !important;
  line-height:1.5 !important;
}

/* Кнопка — как .final-simple-cta на главной: светлая, не оранжевая. */
#s-roadmap .v275-roadmap-cta .btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-top:34px !important;
  min-width:320px !important;
  padding:17px 30px !important;
  border:0 !important;
  border-radius:14px !important;
  background:#e9e9eb !important;
  color:#111113 !important;
  font-size:17px !important;
  font-weight:550 !important;
  cursor:pointer !important;
  transition:transform .15s ease,background .15s ease !important;
}
#s-roadmap .v275-roadmap-cta .btn:hover{
  background:#f4f4f6 !important;
  transform:translateY(-1px) !important;
}

/* строка актуальности без маркера */
#s-roadmap .roadmap-freshness{gap:0 !important}

@media(max-width:1280px){
  #s-roadmap .v275-roadmap-cta h2{font-size:32px !important}
}
@media(max-width:900px){
  #s-roadmap > .wrap{padding-left:16px !important;padding-right:16px !important}
  #s-roadmap .v275-roadmap-cta{padding:42px 22px 44px !important;margin-top:56px !important;margin-bottom:56px !important}
  #s-roadmap .v275-roadmap-cta p{font-size:16px !important}
}
@media(max-width:640px){
  #s-roadmap .v275-roadmap-cta h2{font-size:28px !important}
  #s-roadmap .v275-roadmap-cta .btn{min-width:0 !important;width:100% !important;max-width:360px !important}
}

/* v276 — статус карточки: левый нижний угол, овальная пилюля,
   у каждого статуса свой цвет. Бейдж снова последний элемент потока,
   поэтому просто встаёт под тегами слева — без абсолютного позиционирования. */

#s-roadmap .rm2-card{
  position:relative !important;
  padding-bottom:14px !important;
}
#s-roadmap .rm2-tags{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:6px !important;
  margin-bottom:0 !important;
  padding-right:0 !important;
}
#s-roadmap .rm2-tags > span{
  padding:3px 9px !important;
  border-radius:6px !important;
  line-height:1.4 !important;
}

/* точка-маркер перед текстом статуса убрана */
#s-roadmap .rm2-card .rm-st::before{content:none !important;display:none !important}
#s-roadmap .rm2-card .rm-st{
  position:static !important;
  gap:0 !important;
  display:inline-flex !important;
  margin:11px 0 0 !important;
  padding:2px 12px !important;
  border-radius:999px !important;
  font-size:10px !important;
  font-weight:600 !important;
  line-height:1.35 !important;
  letter-spacing:.02em !important;
}

/* Три статуса — три цвета. «Планируется» был нейтрально-серым и сливался. */
#s-roadmap .rm-st-work{
  background:rgba(232,169,58,.13) !important;
  color:var(--accent) !important;
  border:1px solid rgba(232,169,58,.34) !important;
}
#s-roadmap .rm-st-plan{
  background:rgba(96,150,240,.13) !important;
  color:#8ab4f8 !important;
  border:1px solid rgba(96,150,240,.34) !important;
}
#s-roadmap .rm-st-research{
  background:rgba(255,255,255,.07) !important;
  color:rgba(255,255,255,.62) !important;
  border:1px solid rgba(255,255,255,.20) !important;
}

#s-roadmap .rm2-card-title{padding-right:0 !important;min-height:0 !important}

/* v277 — вертикальный ритм страницы дорожной карты по дизайн-системе.
   Шаг секции 88px, полушаг 44px. Прежние значения достались от старой вёрстки:
   от крошек до h1 было 56px, от подзаголовка до строки актуальности 50px,
   от неё до карточек 72px — контент проваливался вниз. */

#s-roadmap .pac-hero{
  padding-top:28px !important;
  padding-bottom:24px !important;
}
#s-roadmap .pac-hero h1{margin-bottom:18px !important}
#s-roadmap .pac-hero-sub{margin-bottom:0 !important}
#s-roadmap .roadmap-freshness{margin-top:14px !important}
#s-roadmap .rm2-grid{margin-top:20px !important}

@media(max-width:900px){
  #s-roadmap .pac-hero{padding-top:20px !important;padding-bottom:18px !important}
  #s-roadmap .rm2-grid{margin-top:16px !important}
}

/* v278 — единый вертикальный ритм шапок всех публичных страниц,
   тот же, что применён на дорожной карте (v277):
   крошки → h1 = 28px, h1 → подзаголовок = 18px, подзаголовок → контент = 44px
   (44px — полушаг дизайн-системы, 88 / 2).

   Типов шапок четыре, поэтому правил тоже четыре:
   .pac-hero  — платформы, ниши, «Кто мы», «Контакты», часть сравнений, тарифы, справка
   .cmp-hero  — страницы сравнений Pact vs X
   .pac-page  — «Условия использования» и «Политика конфиденциальности»
   .pp-hero   — примеры профилей YT / IG / TT */

/* 1. Обычная шапка публичной страницы */
.pact-public-page .pac-hero{
  padding-top:28px !important;
  padding-bottom:44px !important;
}
.pact-public-page .pac-hero h1{margin-bottom:18px !important}
.pact-public-page .pac-hero-sub{margin-bottom:0 !important}

/* 2. Шапка страниц сравнения */
.pact-public-page .cmp-hero{
  padding-top:28px !important;
  padding-bottom:44px !important;
}
.pact-public-page .cmp-hero h1{margin-top:0 !important}

/* 3. Юридические страницы */
.pact-legal-screen .pac-page{padding-top:28px !important}
.pact-legal-screen h1{margin-top:0 !important;margin-bottom:18px !important}

/* 4. Примеры профилей — секция без класса pact-public-page */
.template-profile .pp-hero{margin-top:28px !important;margin-bottom:44px !important}

@media(max-width:900px){
  .pact-public-page .pac-hero{padding-top:20px !important;padding-bottom:32px !important}
  .pact-public-page .cmp-hero{padding-top:20px !important;padding-bottom:32px !important}
  .pact-legal-screen .pac-page{padding-top:20px !important}
  .template-profile .pp-hero{margin-top:20px !important;margin-bottom:32px !important}
}

/* v279 — блок «спросить AI про Pact»: ссылки с предзаполненным промптом.
   Ставится внизу главной и страницы тарифов. */

#s-landing .v279-ask-ai,
#s-pricing .v279-ask-ai,
.pact-public-page .v279-ask-ai{
  width:min(1400px,calc(100% - 48px));
  max-width:1400px;
  margin:0 auto;
  padding:88px 40px;
  box-sizing:border-box;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.v279-ask-inner{position:relative;z-index:1;max-width:820px;margin:0 auto}

/* мягкое золотое свечение — как у финального CTA главной */
#s-landing .v279-ask-ai::before,
#s-pricing .v279-ask-ai::before,
.pact-public-page .v279-ask-ai::before{
  content:"";
  position:absolute;
  left:50%;top:42%;
  width:640px;height:340px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:rgba(232,169,58,.10);
  filter:blur(80px);
  pointer-events:none;
}

.v279-ai-mark{
  display:inline-grid;
  place-items:center;
  width:66px;height:66px;
  margin-bottom:26px;
  border-radius:20px;
  background:linear-gradient(150deg,rgba(232,169,58,.20),rgba(232,169,58,.05));
  border:1px solid rgba(232,169,58,.34);
}
.v279-ai-mark .v279-ai-ico{width:30px;height:30px}

#s-landing .v279-ask-ai h2,
#s-pricing .v279-ask-ai h2,
.pact-public-page .v279-ask-ai h2,
.v279-ask-ai h2{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  font-size:38px !important;
  line-height:1.12 !important;
  font-weight:500 !important;
  letter-spacing:-.02em !important;
  color:var(--ink) !important;
  margin:0 auto 16px !important;
  max-width:720px;
}
.v279-ask-ai > .v279-ask-inner > p{
  margin:0 auto 34px;
  max-width:620px;
  color:var(--muted);
  font-size:16px;
  line-height:1.55;
}

.v279-ai-grid{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
}
.v279-ai-btn{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:13px 20px;
  border:1px solid var(--line);
  border-radius:13px;
  background:rgba(255,255,255,.035);
  color:var(--ink);
  font-size:14.5px;
  font-weight:500;
  text-decoration:none;
  white-space:nowrap;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.v279-ai-btn:hover{
  background:rgba(232,169,58,.09);
  border-color:rgba(232,169,58,.40);
  transform:translateY(-1px);
}
.v279-ai-ico{
  width:17px;height:17px;flex:0 0 17px;
  fill:none;
  stroke:var(--accent);
  stroke-width:1.5;
  stroke-linejoin:round;
}

/* Логотипы сервисов — официальные фавиконы с их же доменов,
   ничего не перерисовано и не хранится у нас. */
.v279-ai-logo{
  width:18px;height:18px;
  flex:0 0 18px;
  border-radius:5px;
  object-fit:contain;
  background:rgba(255,255,255,.06);
}

/* --- бейджи соответствия --- */
.v279-badge{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  color:var(--muted);
  font-size:12px;
  font-weight:600;
  letter-spacing:.05em;
}
.v279-badge--box{
  width:74px;height:74px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.025);
}
.v279-badge-glyph{
  width:22px;height:22px;
  fill:none;
  stroke:var(--muted);
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.v279-badge--box circle{fill:var(--muted);stroke:none}
.v279-badge--stars{
  position:relative;
  width:74px;height:74px;
}
.v279-badge-stars{
  position:absolute;
  inset:0;
  width:74px;height:74px;
  fill:var(--accent);
  opacity:.85;
}
.v279-badge--stars > span{
  position:relative;
  z-index:1;
  color:var(--ink);
  font-size:12.5px;
}

.v279-ai-badges{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:18px;
  margin-top:38px;
}

@media(max-width:1280px){
  #s-landing .v279-ask-ai h2,#s-pricing .v279-ask-ai h2,.pact-public-page .v279-ask-ai h2,.v279-ask-ai h2{font-size:32px !important}
}
@media(max-width:900px){
  #s-landing .v279-ask-ai,#s-pricing .v279-ask-ai,.pact-public-page .v279-ask-ai{padding:56px 20px;width:calc(100% - 28px)}
  .v279-ai-btn{padding:11px 16px;font-size:13.5px}
  .v279-badge--box,.v279-badge--stars{width:64px;height:64px}
  .v279-badge-stars{width:64px;height:64px}
  .v279-ai-badges{gap:14px;margin-top:30px}
  .v279-ask-ai > .v279-ask-inner > p{font-size:14.5px;margin-bottom:26px}
}
@media(max-width:640px){
  #s-landing .v279-ask-ai h2,#s-pricing .v279-ask-ai h2,.pact-public-page .v279-ask-ai h2,.v279-ask-ai h2{font-size:28px !important}
  .v279-ai-grid{gap:9px}
}

/* v280 — типографика юридических страниц: условия, конфиденциальность, данные авторов, cookie. */

.v280-legal{text-align:left !important;padding-bottom:88px}
.v280-legal h1{text-align:left !important;margin:0 0 14px !important}
.v280-legal .pac-lead{
  text-align:left !important;
  margin:0 0 34px !important;
  max-width:760px !important;
  color:var(--muted) !important;
  font-size:16px !important;
  line-height:1.6 !important;
}
.v280-note{
  margin:0 0 44px;
  padding:16px 20px;
  border:1px solid rgba(232,169,58,.30);
  border-radius:12px;
  background:rgba(232,169,58,.05);
  color:var(--muted);
  font-size:13.5px;
  line-height:1.6;
}
.v280-note b{color:var(--accent)}
.v280-note code{
  padding:1px 6px;border-radius:5px;
  background:rgba(255,255,255,.06);
  color:var(--ink);font-size:12.5px;
}

.v280-sec{padding:28px 0;border-top:1px solid var(--line)}
.v280-sec:first-of-type{border-top:0;padding-top:0}
.v280-sec h2{
  display:flex;align-items:baseline;gap:14px;
  margin:0 0 16px !important;
  font-size:21px !important;
  font-weight:600 !important;
  line-height:1.3 !important;
  letter-spacing:-.015em !important;
  color:var(--ink) !important;
  text-align:left !important;
}
.v280-sec h2 > span{
  flex:0 0 auto;
  color:var(--accent);
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
}
.v280-sec p{
  margin:0 0 13px;
  color:var(--muted);
  font-size:14.5px;
  line-height:1.7;
  max-width:860px;
}
.v280-sec p:last-child{margin-bottom:0}
.v280-sec b{color:var(--ink);font-weight:600}
.v280-sec a{color:var(--accent);text-decoration:none;cursor:pointer}
.v280-sec a:hover{text-decoration:underline}
.v280-sec ul{margin:0 0 13px;padding:0;list-style:none;max-width:860px}
.v280-sec li{
  position:relative;
  padding-left:20px;
  margin-bottom:9px;
  color:var(--muted);
  font-size:14.5px;
  line-height:1.65;
}
.v280-sec li::before{
  content:"";
  position:absolute;left:2px;top:9px;
  width:5px;height:5px;border-radius:50%;
  background:var(--accent);opacity:.65;
}

.v280-table{margin:6px 0 14px;overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.v280-table table{width:100%;border-collapse:collapse;min-width:520px}
.v280-table th{
  padding:12px 16px;text-align:left;
  background:rgba(255,255,255,.035);
  color:var(--ink);font-size:12.5px;font-weight:600;
  letter-spacing:.03em;
  border-bottom:1px solid var(--line);
}
.v280-table td{
  padding:12px 16px;
  border-bottom:1px solid var(--line);
  color:var(--muted);font-size:13.5px;line-height:1.55;
  vertical-align:top;
}
.v280-table tr:last-child td{border-bottom:0}
.v280-table td b{color:var(--ink)}

.v280-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 14px}
.v280-step{
  padding:14px;border:1px solid var(--line);border-radius:12px;
  background:rgba(255,255,255,.02);
}
.v280-step b{
  display:grid;place-items:center;
  width:26px;height:26px;margin-bottom:9px;
  border-radius:50%;
  background:rgba(232,169,58,.12);
  border:1px solid rgba(232,169,58,.34);
  color:var(--accent);font-size:12px;font-weight:600;
}
.v280-step span{display:block;color:var(--ink);font-size:13.5px;font-weight:600;margin-bottom:4px}
.v280-step small{display:block;color:var(--hint);font-size:12px;line-height:1.4}

.v280-cta{
  display:inline-flex;align-items:center;
  margin-top:6px;padding:13px 22px;
  border-radius:12px;
  background:var(--accent);
  color:var(--on-accent) !important;
  font-size:14.5px;font-weight:600;
  text-decoration:none !important;
}
.v280-updated{
  margin-top:44px;padding-top:20px;
  border-top:1px solid var(--line);
  color:var(--hint);font-size:12.5px;line-height:1.6;
}

@media(max-width:760px){
  .v280-sec h2{font-size:18px !important;flex-direction:column;gap:6px}
  .v280-sec p,.v280-sec li{font-size:14px}
  .v280-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* v281 — юридические страницы приводятся к общей типографике публичных страниц.
   Было: h1 clamp(42–68px) — крупнее всех остальных заголовков сайта;
   padding-top:0 у .pac-page для terms и privacy — заголовок липнул к крошкам. */

/* Отступ от крошек до h1 — те же 28px, что на всех публичных страницах.
   Специфичность выше, чем у #s-terms .pac-page / #s-privacy .pac-page. */
#s-terms .pac-page,
#s-privacy .pac-page,
#s-data .pac-page,
#s-cookies .pac-page{
  padding-top:28px !important;
  padding-bottom:88px !important;
  min-height:0 !important;
}

/* H1 — ровно как .pac-hero h1 на остальных публичных страницах. */
#s-terms .v280-legal h1,
#s-privacy .v280-legal h1,
#s-data .v280-legal h1,
#s-cookies .v280-legal h1,
.pact-legal-screen .v280-legal h1{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  font-size:56px !important;
  font-weight:500 !important;
  line-height:1.08 !important;
  letter-spacing:-.025em !important;
  color:var(--ink) !important;
  margin:0 0 18px !important;
  text-align:left !important;
}

/* Подзаголовок — как .pac-hero-sub, но с выключкой влево под текстовую страницу. */
#s-terms .v280-legal .pac-lead,
#s-privacy .v280-legal .pac-lead,
#s-data .v280-legal .pac-lead,
#s-cookies .v280-legal .pac-lead{
  font-size:16px !important;
  line-height:1.55 !important;
  color:var(--muted) !important;
  max-width:720px !important;
  margin:0 0 40px !important;
  text-align:left !important;
}

/* Полоса набора — читаемая ширина текста внутри общего рельса страницы. */
#s-terms .v280-legal,
#s-privacy .v280-legal,
#s-data .v280-legal,
#s-cookies .v280-legal{
  width:min(1000px,calc(100% - 48px)) !important;
  margin:0 auto !important;
  text-align:left !important;
}

@media(max-width:900px){
  #s-terms .pac-page,#s-privacy .pac-page,#s-data .pac-page,#s-cookies .pac-page{
    padding-top:20px !important;padding-bottom:56px !important;
  }
  #s-terms .v280-legal h1,#s-privacy .v280-legal h1,
  #s-data .v280-legal h1,#s-cookies .v280-legal h1,
  .pact-legal-screen .v280-legal h1{font-size:38px !important}
  #s-terms .v280-legal,#s-privacy .v280-legal,
  #s-data .v280-legal,#s-cookies .v280-legal{width:calc(100% - 28px) !important}
}
@media(max-width:640px){
  #s-terms .v280-legal h1,#s-privacy .v280-legal h1,
  #s-data .v280-legal h1,#s-cookies .v280-legal h1,
  .pact-legal-screen .v280-legal h1{font-size:30px !important}
}

/* v282 — крошки юридических страниц: тот же вид и тот же рельс, что на остальных публичных.
   Было: текстовый символ «›» вместо шевронной иконки, лишний уровень «Компания»
   и nav вне полосы набора — крошки уезжали левее заголовка. */
#s-terms .pact-system-crumb,
#s-privacy .pact-system-crumb,
#s-data .pact-system-crumb,
#s-cookies .pact-system-crumb{
  display:block !important;
  width:min(1400px,calc(100% - 48px)) !important;
  max-width:1400px !important;
  margin:0 auto !important;
  padding:8px 0 0 !important;
  box-sizing:border-box !important;
}
@media(max-width:900px){
  #s-terms .pact-system-crumb,#s-privacy .pact-system-crumb,
  #s-data .pact-system-crumb,#s-cookies .pact-system-crumb{
    width:calc(100% - 28px) !important;
    max-width:none !important;
  }
}

/* v283 — крошки на всех страницах поднимаются ближе к верхнему меню.
   Отступ задавался в трёх местах, поэтому правим все три:
   переменная --pact-public-crumb-top (публичные страницы),
   базовое .pac-crumb (внутренние экраны), .case-page-wrap (страницы кейсов). */

:root{--pact-public-crumb-top:8px}

.pac-crumb{padding-top:8px !important}
.pact-public-page .pac-crumb,
.pact-public-page .pact-system-crumb{padding-top:8px !important}
.case-page-wrap .pac-crumb{padding-top:8px !important}
#s-terms .pact-system-crumb,
#s-privacy .pact-system-crumb,
#s-data .pact-system-crumb,
#s-cookies .pact-system-crumb{padding-top:8px !important}

/* Компенсация под фиксированную шапку тоже чуть меньше — иначе
   уменьшённый отступ крошек визуально съедается общим зазором. */
body.pact-public-screen .main{padding-top:60px !important}

@media(max-width:1100px){
  body.pact-public-screen .main{padding-top:54px !important}
}
@media(max-width:900px){
  :root{--pact-public-crumb-top:6px}
  .pac-crumb,
  .pact-public-page .pac-crumb,
  .pact-public-page .pact-system-crumb,
  .case-page-wrap .pac-crumb{padding-top:6px !important}
}

/* v284 — юридические страницы: переключатель между документами и боковое оглавление. */

/* Шапка страницы центрируется, как в референсе; текст ниже остаётся слева. */
#s-terms .v280-legal > h1,#s-privacy .v280-legal > h1,
#s-data .v280-legal > h1,#s-cookies .v280-legal > h1{text-align:center !important;max-width:900px;margin-left:auto !important;margin-right:auto !important}
#s-terms .v280-legal > .pac-lead,#s-privacy .v280-legal > .pac-lead,
#s-data .v280-legal > .pac-lead,#s-cookies .v280-legal > .pac-lead{
  text-align:center !important;margin-left:auto !important;margin-right:auto !important;margin-bottom:26px !important;
}

/* --- переключатель документов --- */
.v284-tabs{
  display:flex;flex-wrap:wrap;justify-content:center;gap:9px;
  margin:0 auto 40px;
}
.v284-tab{
  padding:10px 18px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.03);
  color:var(--muted) !important;
  font-size:13.5px;font-weight:500;
  text-decoration:none !important;
  white-space:nowrap;cursor:pointer;
  transition:background .16s ease,border-color .16s ease,color .16s ease;
}
.v284-tab:hover{color:var(--ink) !important;border-color:rgba(255,255,255,.20)}
.v284-tab.is-active{
  background:var(--accent);
  border-color:var(--accent);
  color:var(--on-accent) !important;
  font-weight:600;
}

/* --- сетка: оглавление + текст --- */
.v284-grid{
  display:grid;
  grid-template-columns:248px minmax(0,1fr);
  gap:44px;
  align-items:start;
}
.v284-toc{position:sticky;top:96px}
.v284-toc-inner{
  padding:18px 14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.02);
  max-height:calc(100vh - 140px);
  overflow-y:auto;
}
.v284-toc-title{
  padding:0 8px 12px;
  color:var(--hint);
  font-size:11px;font-weight:700;
  letter-spacing:.13em;text-transform:uppercase;
}
.v284-toc-link{
  display:flex;align-items:baseline;gap:9px;
  padding:8px 10px;
  border-radius:9px;
  color:var(--muted) !important;
  font-size:13px;line-height:1.4;
  text-decoration:none !important;
  transition:background .14s ease,color .14s ease;
}
.v284-toc-link i{
  flex:0 0 auto;
  font-style:normal;
  color:var(--hint);
  font-size:11px;font-weight:600;
}
.v284-toc-link:hover{background:rgba(255,255,255,.05);color:var(--ink) !important}
.v284-toc-link.is-current{
  background:rgba(232,169,58,.10);
  color:var(--ink) !important;
  font-weight:500;
}
.v284-toc-link.is-current i{color:var(--accent)}

.v284-body .v280-sec{scroll-margin-top:96px}
.v284-body .v280-sec:first-of-type{border-top:0;padding-top:0}

@media(max-width:1000px){
  .v284-grid{grid-template-columns:1fr;gap:24px}
  .v284-toc{position:static}
  .v284-toc-inner{max-height:none;display:flex;flex-wrap:wrap;gap:6px}
  .v284-toc-title{width:100%;padding-bottom:8px}
  .v284-toc-link{padding:7px 12px;border:1px solid var(--line);border-radius:999px;font-size:12.5px}
  .v284-tabs{margin-bottom:28px}
  .v284-tab{padding:9px 14px;font-size:12.5px}
}

/* v285 — публичный рейтинг блогеров с живыми фильтрами. */
#s-rankings .v285-filters{
  display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;
  padding:18px;margin:0 0 22px;
  border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02);
}
#s-rankings .v285-filter{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 168px}
#s-rankings .v285-filter label{color:var(--hint);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
#s-rankings .v285-filter select{
  appearance:none;width:100%;padding:10px 32px 10px 13px;
  border:1px solid var(--line);border-radius:11px;background:#151517;color:var(--ink);
  font-size:13.5px;font-family:inherit;cursor:pointer;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat:no-repeat;background-position:right 10px center;background-size:14px;
}
#s-rankings .v285-filter select:focus{outline:none;border-color:rgba(232,169,58,.5)}
#s-rankings .v285-reset{
  padding:10px 16px;border:1px solid var(--line);border-radius:11px;
  background:transparent;color:var(--muted);font-size:13px;font-family:inherit;cursor:pointer;
}
#s-rankings .v285-reset:hover{color:var(--ink);border-color:rgba(255,255,255,.24)}

#s-rankings .v285-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:26px}
#s-rankings .v285-stat{padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}
#s-rankings .v285-stat small{display:block;color:var(--hint);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;margin-bottom:10px}
#s-rankings .v285-stat b{display:block;color:var(--ink);font-size:26px;font-weight:500;letter-spacing:-.03em;line-height:1}
#s-rankings .v285-stat span{display:block;margin-top:6px;color:var(--muted);font-size:12.5px}
#s-rankings .v285-bar{height:5px;border-radius:99px;background:rgba(255,255,255,.08);margin-top:11px;overflow:hidden}
#s-rankings .v285-bar i{display:block;height:100%;border-radius:99px;background:var(--accent)}

#s-rankings .v285-title{font-size:22px !important;font-weight:500 !important;margin:0 0 14px !important;text-align:left !important}
#s-rankings .v285-table-wrap{border:1px solid var(--line);border-radius:16px;overflow:hidden}
#s-rankings .v285-table{width:100%;border-collapse:collapse}
#s-rankings .v285-table th{
  padding:13px 16px;text-align:left;background:rgba(255,255,255,.035);
  color:var(--hint);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;
  border-bottom:1px solid var(--line);white-space:nowrap;
}
#s-rankings .v285-table td{padding:13px 16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:13.5px;vertical-align:middle}
#s-rankings .v285-table tr:last-child td{border-bottom:0}
#s-rankings .v285-rank{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.05);color:var(--muted);font-size:12.5px;font-weight:600}
#s-rankings .v285-table tr:nth-child(2) .v285-rank{background:rgba(232,169,58,.16);color:var(--accent)}
#s-rankings .v285-name{color:var(--ink);font-weight:500}
#s-rankings .v285-sub{display:block;margin-top:3px;color:var(--hint);font-size:11.5px}
#s-rankings .v285-score{color:var(--ink);font-weight:600}
#s-rankings .v285-up{color:#5fbf7d}
#s-rankings .v285-flat{color:var(--hint)}
#s-rankings .v285-empty{padding:40px 16px;text-align:center;color:var(--muted);font-size:14px}

#s-rankings .v285-gate{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;
  margin-top:16px;padding:22px 24px;
  border:1px solid rgba(232,169,58,.30);border-radius:16px;background:rgba(232,169,58,.05);
}
#s-rankings .v285-gate b{display:block;color:var(--ink);font-size:15px;font-weight:600;margin-bottom:5px}
#s-rankings .v285-gate span{color:var(--muted);font-size:13.5px;line-height:1.5}
#s-rankings .v285-gate-btn{
  flex:0 0 auto;padding:13px 22px;border-radius:12px;
  background:var(--accent);color:var(--on-accent) !important;
  font-size:14.5px;font-weight:600;text-decoration:none !important;cursor:pointer;
}
#s-rankings .v285-seo{margin:64px 0 88px}
#s-rankings .v285-seo > h2{font-size:26px !important;font-weight:500 !important;margin:0 0 20px !important;text-align:left !important}
#s-rankings .v285-seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#s-rankings .v285-seo article{padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)}
#s-rankings .v285-seo h3{margin:0 0 9px;color:var(--ink);font-size:16px;font-weight:600}
#s-rankings .v285-seo p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}

@media(max-width:1000px){
  #s-rankings .v285-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  #s-rankings .v285-seo-grid{grid-template-columns:1fr}
  #s-rankings .v285-table-wrap{overflow-x:auto}
  #s-rankings .v285-table{min-width:640px}
}

/* --- популярные срезы: перелинковка под длинный хвост --- */
#s-rankings .v285-popular{margin:56px 0 0}
#s-rankings .v285-popular > h2{font-size:26px !important;font-weight:500 !important;margin:0 0 8px !important;text-align:left !important}
#s-rankings .v285-popular-lead{margin:0 0 20px;color:var(--muted);font-size:14px;line-height:1.6;max-width:720px}
#s-rankings .v285-popular-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#s-rankings .v285-pop{
  display:block;padding:14px 16px;
  border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02);
  text-decoration:none !important;transition:background .16s ease,border-color .16s ease;
}
#s-rankings .v285-pop:hover{background:rgba(232,169,58,.07);border-color:rgba(232,169,58,.34)}
#s-rankings .v285-pop b{display:block;color:var(--ink);font-size:14px;font-weight:500;line-height:1.3;margin-bottom:5px}
#s-rankings .v285-pop span{display:block;color:var(--hint);font-size:11.5px;line-height:1.35}
@media(max-width:1000px){#s-rankings .v285-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#s-rankings .v285-popular-grid{grid-template-columns:1fr}}

/* v286 — проверка личности автора перед выплатой: экран в кабинете и статус в сделке. */
#s-bcabinet .v286-kyc-state{
  flex:0 0 auto;padding:6px 13px;border-radius:999px;
  font-size:12px;font-weight:600;white-space:nowrap;
}
#s-bcabinet .v286-kyc-state.is-ok{background:rgba(95,191,125,.13);color:#5fbf7d;border:1px solid rgba(95,191,125,.32)}
#s-bcabinet .v286-kyc-state.is-warn{background:rgba(232,169,58,.13);color:var(--accent);border:1px solid rgba(232,169,58,.32)}

#s-bcabinet .v286-kyc-steps{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;
}
#s-bcabinet .v286-kyc-step{
  padding:13px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02);
}
#s-bcabinet .v286-kyc-step b{
  display:grid;place-items:center;width:24px;height:24px;margin-bottom:8px;
  border-radius:50%;font-size:11.5px;font-weight:600;
  background:rgba(255,255,255,.06);color:var(--muted);border:1px solid var(--line);
}
#s-bcabinet .v286-kyc-step.is-done b{
  background:rgba(95,191,125,.14);color:#5fbf7d;border-color:rgba(95,191,125,.34);
}
#s-bcabinet .v286-kyc-step.is-done b::after{content:"✓"}
#s-bcabinet .v286-kyc-step.is-done b{font-size:0}
#s-bcabinet .v286-kyc-step.is-done b::after{font-size:12px}
#s-bcabinet .v286-kyc-step span{display:block;color:var(--ink);font-size:13px;font-weight:500;margin-bottom:3px}
#s-bcabinet .v286-kyc-step small{display:block;color:var(--hint);font-size:11.5px;line-height:1.4}

#s-bcabinet .v286-kyc-note{
  margin-top:14px;padding:13px 15px;border-radius:11px;
  background:rgba(255,255,255,.028);border:1px solid var(--line);
  color:var(--muted);font-size:12.5px;line-height:1.6;
}
#s-bcabinet .v286-kyc-note b{color:var(--ink)}
#s-bcabinet .v286-kyc-note a{color:var(--accent);text-decoration:none}
#s-bcabinet .v286-kyc-note a:hover{text-decoration:underline}

#s-bcabinet .v286-deal-kyc{
  display:flex;align-items:center;gap:8px;margin-top:12px;
  padding:9px 13px;border-radius:10px;
  background:rgba(95,191,125,.07);border:1px solid rgba(95,191,125,.24);
  color:var(--muted);font-size:12.5px;
}
#s-bcabinet .v286-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%}
#s-bcabinet .v286-dot.is-ok{background:#5fbf7d}

@media(max-width:900px){
  #s-bcabinet .v286-kyc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* v287 — бейдж выгоды на тарифах Growth и Scale.
   База расчёта — эффективная цена письма в пакете относительно Launch:
   Launch 199/1500 = $0.1327 · Growth 499/5000 = $0.0998 (−25%) · Scale 1499/25000 = $0.06 (−55%). */
.v287-save{
  display:inline-flex;align-items:center;
  padding:4px 11px;
  border-radius:999px;
  background:rgba(95,191,125,.14);
  border:1px solid rgba(95,191,125,.36);
  color:#5fbf7d;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.02em;
  line-height:1.35;
  white-space:nowrap;
  vertical-align:middle;
}
.v287-save.is-max{
  background:rgba(95,191,125,.20);
  border-color:rgba(95,191,125,.52);
}

/* На главной шапка карточки — флекс из плана и цены; бейдж встаёт под названием. */
#s-landing .v273-price-head{flex-wrap:wrap}
#s-landing .v273-price-plan{flex:1 1 auto}
#s-landing .v287-save{order:3;flex:0 0 auto;margin-top:9px}

/* На странице тарифов бейдж стоит в строке с названием плана. */
#s-pricing .pc h3 .v287-save{margin-left:9px;font-size:11px;padding:3px 9px}

@media(max-width:640px){
  #s-pricing .pc h3 .v287-save{display:block;margin:7px 0 0;width:max-content}
}

/* v288 — счётчик базы: одна точка правды на весь сайт.
   Меняешь цифры и дату в PACT_BASE ниже — обновляются футер, хиро и все упоминания. */
.pact-footer .v288-base-contacts{
  display:flex;align-items:center;gap:7px;
  margin-top:9px;
  font-size:12.5px;color:var(--muted);
}
.pact-footer .v288-base-contacts b{color:var(--ink);font-weight:600}
.pact-footer .v288-dot{
  width:6px;height:6px;flex:0 0 6px;border-radius:50%;
  background:#5fbf7d;box-shadow:0 0 0 3px rgba(95,191,125,.16);
}
.pact-footer .v288-base-date{
  margin-top:7px;
  font-size:11px;color:var(--hint);line-height:1.45;
  font-variant-numeric:tabular-nums;
}
.pact-footer .v288-base-date span{color:var(--muted)}

/* Плитка в хиро главной */
#s-landing .v288-hero-base{display:block}
#s-landing .v288-hero-base small{
  display:block;margin-top:5px;
  font-size:10.5px;color:var(--hint);font-variant-numeric:tabular-nums;
}

/* v289 — блок сравнения по структуре Lumanu: ось, пары «разрыв → решение»,
   путь по шагам с отметкой ручной работы, издержки, факты, неудобные вопросы, источники. */
.v289-block{width:min(1400px,calc(100% - 48px));max-width:1400px;margin:0 auto;padding:72px 0 0;box-sizing:border-box}
.v289-h3{font-size:26px !important;font-weight:500 !important;letter-spacing:-.02em !important;color:var(--ink) !important;margin:0 0 20px !important;text-align:left !important}

.v289-axis{padding:34px 0 44px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:52px}
.v289-kicker{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}
.v289-axis h2{font-size:38px !important;font-weight:500 !important;line-height:1.12 !important;letter-spacing:-.025em !important;color:var(--ink) !important;margin:0 0 16px !important;max-width:900px;text-align:left !important}
.v289-lead{margin:0;max-width:860px;color:var(--muted);font-size:16px;line-height:1.62}

.v289-gaps{margin-bottom:56px}
.v289-gap{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.v289-gap > div{padding:22px;border:1px solid var(--line);border-radius:16px}
.v289-gap-x{background:rgba(255,255,255,.018)}
.v289-gap-p{background:rgba(232,169,58,.05);border-color:rgba(232,169,58,.26) !important}
.v289-gap small{display:block;font-size:10.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;margin-bottom:10px;color:var(--hint)}
.v289-gap-p small{color:var(--accent)}
.v289-gap b{display:block;color:var(--ink);font-size:17px;font-weight:600;margin-bottom:8px;line-height:1.3}
.v289-gap p{margin:0;color:var(--muted);font-size:14px;line-height:1.62}

.v289-flow{margin-bottom:56px}
.v289-flow-lead{margin:-8px 0 20px;color:var(--muted);font-size:14.5px}
.v289-flow-lead b{color:var(--ink)}
.v289-flow-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v289-flow-col{border:1px solid var(--line);border-radius:16px;overflow:hidden}
.v289-flow-col.is-pact{border-color:rgba(232,169,58,.30)}
.v289-flow-col header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:14px 18px;background:rgba(255,255,255,.035);border-bottom:1px solid var(--line);color:var(--ink);font-size:15px;font-weight:600}
.v289-flow-col.is-pact header{background:rgba(232,169,58,.08);color:var(--accent)}
.v289-flow-col header small{color:var(--hint);font-size:11.5px;font-weight:500;white-space:nowrap}
.v289-flow-col ol{margin:0;padding:8px 0;list-style:none;counter-reset:st}
.v289-flow-col li{counter-increment:st;display:flex;align-items:center;gap:10px;padding:8px 18px;color:var(--muted);font-size:13.5px;line-height:1.4}
.v289-flow-col li::before{content:counter(st);flex:0 0 20px;height:20px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.05);color:var(--hint);font-size:10.5px;font-weight:600}
.v289-flow-col li.is-manual::before{background:rgba(232,169,58,.16);color:var(--accent)}
.v289-flow-col li span{flex:1 1 auto}
.v289-flow-col li i{flex:0 0 auto;font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);opacity:.85}

.v289-costs{margin-bottom:56px}
.v289-costs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.v289-costs article{padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)}
.v289-costs b{display:block;color:var(--ink);font-size:16px;font-weight:600;margin-bottom:9px;line-height:1.3}
.v289-costs p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}

.v289-facts{margin-bottom:56px}
.v289-facts-wrap{border:1px solid var(--line);border-radius:16px;overflow:hidden;overflow-x:auto}
.v289-facts table{width:100%;border-collapse:collapse;min-width:640px}
.v289-facts th{padding:13px 18px;text-align:left;background:rgba(255,255,255,.035);color:var(--hint);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line)}
.v289-facts th.v289-pact{color:var(--accent)}
.v289-facts td{padding:13px 18px;border-bottom:1px solid var(--line);color:var(--muted);font-size:13.5px;line-height:1.5}
.v289-facts td.v289-pact{color:var(--ink);font-weight:500;background:rgba(232,169,58,.04)}
.v289-facts tr:last-child td{border-bottom:0}

.v289-faq{margin-bottom:44px}
.v289-sources{padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018)}
.v289-sources b{display:block;color:var(--ink);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.v289-sources ul{margin:0 0 14px;padding:0;list-style:none}
.v289-sources li{position:relative;padding-left:17px;margin-bottom:8px;color:var(--muted);font-size:12.5px;line-height:1.55}
.v289-sources li::before{content:"";position:absolute;left:3px;top:8px;width:4px;height:4px;border-radius:50%;background:var(--accent);opacity:.7}
.v289-sources p{margin:0;color:var(--hint);font-size:12px;line-height:1.6}
.v289-sources a{color:var(--accent);text-decoration:none}

@media(max-width:1000px){
  .v289-gap,.v289-flow-cols{grid-template-columns:1fr}
  .v289-costs-grid{grid-template-columns:1fr}
  .v289-axis h2{font-size:30px !important}
  .v289-h3{font-size:22px !important}
  .v289-block{width:calc(100% - 28px);padding-top:48px}
}

/* v290 — партнёрская ссылка на конкурента. Показывается только там,
   где ссылка реально задана в PACT_REFS ниже; иначе блок скрыт. */
.v290-ref{
  display:none;
  align-items:center;justify-content:space-between;gap:20px;
  margin-bottom:16px;padding:20px 22px;
  border:1px solid var(--line);border-radius:16px;
  background:rgba(255,255,255,.02);
}
.v290-ref.is-on{display:flex}
.v290-ref-body{flex:1 1 auto;min-width:0}
.v290-ref-body b{display:block;color:var(--ink);font-size:15px;font-weight:600;margin-bottom:6px}
.v290-ref-body span{display:block;color:var(--hint);font-size:12.5px;line-height:1.55;max-width:760px}
.v290-ref-btn{
  flex:0 0 auto;padding:11px 20px;border-radius:12px;
  border:1px solid var(--line);background:rgba(255,255,255,.04);
  color:var(--muted) !important;font-size:13.5px;font-weight:500;
  text-decoration:none !important;white-space:nowrap;
  transition:background .16s ease,border-color .16s ease,color .16s ease;
}
.v290-ref-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:var(--ink) !important}
@media(max-width:760px){
  .v290-ref{flex-direction:column;align-items:flex-start}
  .v290-ref-btn{width:100%;text-align:center}
}

/* ЕДИНАЯ ШИРИНА ЮРИДИЧЕСКИХ СТРАНИЦ · 21.08.2026
   Было: базовое правило .pact-legal-screen .pac-wrap давало 1000px,
   но у terms, privacy, data и cookies стояли отдельные переопределения,
   а остальные пять страниц шли на всю ширину. Отсюда разнобой.
   Приводим все девять к 1400 — как у остальных публичных страниц. */
.pact-legal-screen .pac-wrap,
#s-terms .pac-wrap, #s-privacy .pac-wrap,
#s-creator-terms .pac-wrap, #s-data .pac-wrap,
#s-cookies .pac-wrap, #s-subprocessors .pac-wrap,
#s-aup .pac-wrap, #s-refund .pac-wrap, #s-imprint .pac-wrap{
  width:min(var(--pact-public-max),calc(100% - var(--pact-public-gutter)))!important;
  max-width:var(--pact-public-max)!important;
  margin:0 auto!important;
}
#s-terms .v280-legal, #s-privacy .v280-legal,
#s-creator-terms .v280-legal, #s-data .v280-legal,
#s-cookies .v280-legal, #s-subprocessors .v280-legal,
#s-aup .v280-legal, #s-refund .v280-legal, #s-imprint .v280-legal{
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  text-align:left!important;
}
#s-terms .pac-page, #s-privacy .pac-page,
#s-creator-terms .pac-page, #s-data .pac-page,
#s-cookies .pac-page, #s-subprocessors .pac-page,
#s-aup .pac-page, #s-refund .pac-page, #s-imprint .pac-page{
  width:min(var(--pact-public-max),calc(100% - var(--pact-public-gutter)))!important;
  margin:0 auto!important;
}
/* Заголовок и подзаголовок — по левому краю, как на остальных юрстраницах */
#s-data .v280-legal > h1, #s-cookies .v280-legal > h1,
#s-terms .v280-legal > h1, #s-privacy .v280-legal > h1{
  text-align:left!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
.v280-legal .pac-lead{max-width:920px!important}
/* Текст в правой колонке остаётся читаемым за счёт сетки, а не обрезки */
.v284-grid{grid-template-columns:248px minmax(0,1fr)!important}
@media(max-width:900px){
  #s-terms .v280-legal, #s-privacy .v280-legal, #s-data .v280-legal,
  #s-cookies .v280-legal{width:100%!important}
  .v284-grid{grid-template-columns:1fr!important}
}

/* ЕДИНЫЙ ОТСТУП ОТ КРОШЕК ДО ЗАГОЛОВКА · 21.08.2026
   У s-privacy стояло padding-top:64px на обёртке, у s-cookies 28px на странице,
   у остальных ничего. Отсюда разная высота шапки. Приравниваем все девять. */
#s-terms .pac-wrap, #s-privacy .pac-wrap, #s-creator-terms .pac-wrap,
#s-data .pac-wrap, #s-cookies .pac-wrap, #s-subprocessors .pac-wrap,
#s-aup .pac-wrap, #s-refund .pac-wrap, #s-imprint .pac-wrap{
  padding-top:0!important;
}
#s-terms .pac-page, #s-privacy .pac-page, #s-creator-terms .pac-page,
#s-data .pac-page, #s-cookies .pac-page, #s-subprocessors .pac-page,
#s-aup .pac-page, #s-refund .pac-page, #s-imprint .pac-page{
  padding-top:28px!important;
  padding-bottom:88px!important;
}
#s-terms .pact-system-crumb, #s-privacy .pact-system-crumb,
#s-creator-terms .pact-system-crumb, #s-data .pact-system-crumb,
#s-cookies .pact-system-crumb, #s-subprocessors .pact-system-crumb,
#s-aup .pact-system-crumb, #s-refund .pact-system-crumb, #s-imprint .pact-system-crumb{
  padding:8px 0 0!important;
  margin-bottom:0!important;
}
/* Заголовок начинается на одинаковой высоте на всех девяти */
#s-terms .v280-legal > h1, #s-privacy .v280-legal > h1,
#s-creator-terms .v280-legal > h1, #s-data .v280-legal > h1,
#s-cookies .v280-legal > h1, #s-subprocessors .v280-legal > h1,
#s-aup .v280-legal > h1, #s-refund .v280-legal > h1, #s-imprint .v280-legal > h1{
  margin-top:0!important;
  margin-bottom:14px!important;
}
#s-terms .v280-legal, #s-privacy .v280-legal, #s-creator-terms .v280-legal,
#s-data .v280-legal, #s-cookies .v280-legal, #s-subprocessors .v280-legal,
#s-aup .v280-legal, #s-refund .v280-legal, #s-imprint .v280-legal{
  padding-top:0!important;
}

/* Отступ от крошек до заголовка — одинаковый на всех девяти страницах.
   У условий и приватности стоял padding-top:64px, из-за чего заголовок
   висел заметно ниже, чем на остальных. */
#s-terms .pac-wrap, #s-privacy .pac-wrap,
#s-creator-terms .pac-wrap, #s-data .pac-wrap,
#s-cookies .pac-wrap, #s-subprocessors .pac-wrap,
#s-aup .pac-wrap, #s-refund .pac-wrap, #s-imprint .pac-wrap{
  padding-top:0!important;
  text-align:left!important;
}
#s-terms .pac-page, #s-privacy .pac-page,
#s-creator-terms .pac-page, #s-data .pac-page,
#s-cookies .pac-page, #s-subprocessors .pac-page,
#s-aup .pac-page, #s-refund .pac-page, #s-imprint .pac-page{
  padding-top:28px!important;
}
@media(max-width:760px){
  #s-terms .pac-page, #s-privacy .pac-page,
  #s-creator-terms .pac-page, #s-data .pac-page,
  #s-cookies .pac-page, #s-subprocessors .pac-page,
  #s-aup .pac-page, #s-refund .pac-page, #s-imprint .pac-page{
    padding-top:20px!important;
  }
}

/* Сноска под кнопками на странице приглашения.
   Правило стоит последним в файле и с максимальной специфичностью,
   потому что предыдущие попытки перебивались чем-то из середины. */
#s-invite .pac-section > p.v430-fine,
#s-invite p.v430-fine{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:20px 0 0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  float:none!important;
  columns:auto!important;
  column-count:auto!important;
  text-align:left!important;
  font-size:13px!important;
  line-height:1.7!important;
  color:var(--hint)!important;
  box-sizing:border-box!important;
}
#s-invite .v430-cta{
  justify-content:flex-start!important;
  margin:34px 0 0!important;
  width:100%!important;
}


/* Подвал: колонка сравнений свёрнута по высоте соседних колонок. */
.footer-col--comparisons .pact-footer-scroll{max-height:300px;overflow:hidden;position:relative}
.footer-col--comparisons .pact-footer-scroll::after{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;background:linear-gradient(rgba(0,0,0,0),var(--paper));pointer-events:none}
.footer-col--comparisons.open .pact-footer-scroll{max-height:none}
.footer-col--comparisons.open .pact-footer-scroll::after{display:none}
.footer-compare-more{margin-top:10px;background:none;border:0;color:var(--accent);font:inherit;font-size:13px;font-weight:500;cursor:pointer;padding:0;text-align:left}
.footer-compare-more:hover{text-decoration:underline}

/* Мобильный герой: метрики в поток, текст не вылезает. */
@media (max-width:860px){
  #s-landing .hero-fruit-concept .fruit-stage{min-height:0!important;padding-bottom:26px}
  #s-landing .hero-fruit-concept .fruit-center{padding-bottom:6px}
  #s-landing .hero-metrics-strip.hero-metrics-in-stage{
    position:static!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;
    transform:none!important;width:100%!important;max-width:100%!important;margin:24px 0 0!important;
    padding:0 22px!important;grid-template-columns:1fr 1fr!important;row-gap:24px!important;
    background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;
  }
  #s-landing .hero-metrics-in-stage .hero-metric{padding:0 10px!important;min-height:0!important}
  #s-landing .hero-metrics-in-stage .hero-metric:not(:last-child)::after{display:none!important}
  #s-landing .hero-fruit-concept .fruit-lead,
  #s-landing .hero-fruit-concept .fruit-lead span{white-space:normal!important}
  #s-landing .hero-fruit-concept .fruit-lead br{display:none}
  #s-landing .hero-fruit-concept .fruit-lead span[style*="nowrap"]::before{content:" "}
  #s-landing .hero-fruit-concept .fruit-ctas{width:100%}
  #s-landing .hero-fruit-concept .fruit-ctas .btn{width:100%}
}
/* Публичная шапка: отступ под фиксированную навигацию и компактное меню. */
body{padding-top:70px;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
.pact-burger{display:none}
#pact-global-public-nav{padding-left:16px!important;padding-right:16px!important;gap:10px!important}
#pact-global-public-nav .lb-links{gap:9px!important;flex:1 1 auto!important;justify-content:center!important}
#pact-global-public-nav .lb-links>a,#pact-global-public-nav .lb-about-btn{padding:5px 2px!important;font-size:12px!important;white-space:nowrap!important}
#pact-global-public-nav .lb-name{font-size:18px!important}
#pact-global-public-nav .lb-mark{width:30px!important;height:30px!important}
#pact-global-public-nav .lb-signup{padding:8px 12px!important;font-size:12.5px!important;min-height:36px!important}
#pact-global-public-nav .lb-login{font-size:13px!important}
#pact-global-public-nav .lb-lang-picker-btn{height:32px!important;padding:0 8px!important;font-size:10px!important}
#pact-global-public-nav .lb-icon-btn{padding:6px 7px!important}
/* Планшеты и небольшие ноутбуки: категории уводим на вторую строку шапки. */
@media (min-width:761px) and (max-width:1250px){
  body{padding-top:92px}
  #pact-global-public-nav{
    flex-wrap:wrap!important;min-height:0!important;padding:9px 16px 9px!important;row-gap:0!important;
  }
  #pact-global-public-nav .pact-burger{display:none!important}
  #pact-global-public-nav .lb-links{
    display:flex!important;order:3!important;flex:1 1 100%!important;justify-content:center!important;
    gap:18px!important;overflow-x:auto!important;padding:2px 0!important;scrollbar-width:none;
  }
  #pact-global-public-nav .lb-links::-webkit-scrollbar{display:none}
  #pact-global-public-nav .lb-links>a,#pact-global-public-nav .lb-about-btn{font-size:13px!important;white-space:nowrap!important}
}
/* Телефоны: ссылки уходят в бургер-меню. */
@media (max-width:760px){
  body{padding-top:62px}
  #pact-global-public-nav .lb-links{display:none!important}
  #pact-global-public-nav{gap:10px!important;padding:10px 16px!important;min-height:62px!important}
  #pact-global-public-nav .lb-lang-picker{display:none!important}
  #pact-global-public-nav .lb-name{font-size:19px!important}
  #pact-global-public-nav .lb-mark{width:32px!important;height:32px!important}
  #pact-global-public-nav .lb-signup{padding:9px 13px!important;font-size:12.5px!important;min-height:38px!important}
  #pact-global-public-nav .pact-burger{
    display:inline-flex!important;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;
    border:1px solid rgba(255,255,255,.16);border-radius:9px;background:transparent;color:var(--ink);font-size:18px;cursor:pointer;
  }
  #pact-global-public-nav.menu-open .lb-links{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;
    position:absolute!important;top:100%!important;left:0!important;right:0!important;
    background:rgba(12,11,16,.99)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
    padding:8px 16px 16px!important;border-bottom:1px solid rgba(255,255,255,.1)!important;z-index:6001!important;
    max-height:calc(100vh - 62px)!important;overflow:auto!important;
  }
  #pact-global-public-nav.menu-open .lb-links>a,
  #pact-global-public-nav.menu-open .lb-about-btn{
    display:flex!important;width:100%!important;padding:13px 4px!important;font-size:15px!important;
    text-align:left!important;border-bottom:1px solid rgba(255,255,255,.07)!important;color:var(--ink)!important;
  }
  #pact-global-public-nav.menu-open .lb-about-dropdown{display:block!important;width:100%!important;position:relative!important}
  #pact-global-public-nav.menu-open .lb-about-menu{position:static!important;transform:none!important;min-width:0!important;box-shadow:none!important;background:transparent!important;border:0!important}
}

/* Секция «6 шагов»: на мобильных — чистый стек вместо макета ноутбука. */
@media (max-width:760px){
  #s-landing .flow-laptop{max-width:100%!important}
  #s-landing .flow-screen{
    position:relative!important;padding:14px!important;border-radius:20px!important;
    aspect-ratio:auto!important;height:auto!important;box-shadow:0 12px 30px rgba(0,0,0,.3)!important;
  }
  #s-landing .flow-screen:before,
  #s-landing .flow-screen::after{content:none!important;display:none!important;padding:0!important}
  #s-landing .flow-screen>*{position:static!important;z-index:auto!important}
  #s-landing .tw-tabs{
    position:static!important;height:auto!important;gap:6px!important;margin:0 0 12px!important;
    display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-auto-rows:1fr!important;
  }
  #s-landing .tw-tab{font-size:12px!important;padding:7px 4px!important}
  #s-landing .tw-tab span{font-size:10px!important;margin-bottom:3px!important}
  #s-landing .tw-window{position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:0!important}
  #s-landing .tw-window-top{position:static!important;height:auto!important;padding:8px 4px!important}
  #s-landing .tw-start-invite{position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;padding:20px 6px!important}
  #s-landing .tw-start-invite.hidden{display:none!important}
  #s-landing .tw-start-invite h3{font-size:22px!important;transform:none!important;padding:0!important}
  #s-landing .tw-start-invite h3::before{display:none!important;content:none!important}
  #s-landing .tw-start-kicker{transform:none!important;margin-bottom:10px!important}
  #s-landing .tw-copy{position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;padding:18px 6px!important;min-height:210px!important}
  #s-landing .tw-copy h3{font-size:22px!important}
  #s-landing .tw-progress{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;margin:14px 0 0!important}
  #s-landing .flow-laptop-base{display:none!important}
}

/* Подвал на телефоне: секции-аккордеоны, ссылки в два столбца. */
@media (max-width:760px){
  .pact-footer{padding:20px 16px 12px!important}
  .pact-footer .footer-grid{display:block!important}
  .pact-footer .footer-col{margin:0!important;padding:0!important}
  .pact-footer h4{
    margin:0!important;padding:15px 2px!important;font-size:15px!important;font-weight:600!important;line-height:1.2!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    cursor:pointer;color:var(--ink)!important;border-top:1px solid rgba(255,255,255,.08)!important;
  }
  .pact-footer .footer-col>h4:first-child{border-top:0!important}
  .pact-footer h4::after{
    content:"";width:9px;height:9px;flex:0 0 auto;margin-right:5px;
    border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);
    transform:rotate(45deg);transition:transform .2s ease;
  }
  .pact-footer h4.open::after{transform:rotate(-135deg)}
  .pact-footer h4+ul{
    display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:14px!important;row-gap:0!important;
    max-height:0!important;overflow:hidden!important;transition:max-height .28s ease!important;
  }
  .pact-footer h4.open+ul{max-height:6000px!important}
  .pact-footer h4+ul li{min-width:0}
  .pact-footer h4+ul li a{padding:9px 2px!important;font-size:13.5px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .pact-footer .footer-legal-list li{min-width:0!important}
  .pact-footer .footer-legal-list a{display:block!important}
  .pact-footer .footer-col--comparisons .pact-footer-scroll::after{display:none!important}
  .pact-footer .footer-compare-more{display:none!important}
}

/* Таблица сравнения на телефоне: карточки вместо широкой таблицы. */
@media (max-width:760px){
  #s-landing .cf-compare-table{display:block!important;border:0!important;background:transparent!important;overflow:visible!important;border-radius:0!important}
  #s-landing .cf-compare-table .cf-row-head{display:none!important}
  #s-landing .cf-compare-table .cf-row{
    display:block!important;min-width:0!important;min-height:0!important;border:1px solid var(--line)!important;
    border-radius:14px!important;background:var(--card)!important;padding:14px 16px!important;margin:0 0 12px!important;
  }
  #s-landing .cf-compare-table .cf-row.cf-row-head{display:none!important}
  #s-landing .cf-compare-table .cf-row>div{padding:0!important;border-right:0!important;display:flex!important;justify-content:space-between!important;align-items:baseline!important;gap:12px!important}
  #s-landing .cf-compare-table .cf-row-label{
    font-size:16px!important;font-weight:600!important;color:var(--ink)!important;
    padding:0 0 11px!important;margin:0 0 8px!important;border-bottom:1px solid var(--line)!important;
  }
  #s-landing .cf-compare-table .cf-row>div:not(.cf-row-label){
    font-size:13.5px!important;color:var(--muted)!important;padding:8px 0!important;
    border-top:1px solid rgba(255,255,255,.05)!important;
  }
  #s-landing .cf-compare-table .cf-row>div:not(.cf-row-label)::before{
    content:attr(data-label);flex:0 0 auto;color:var(--hint)!important;font-size:11px!important;
    text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-right:auto;padding-right:10px;
  }
  #s-landing .cf-compare-table .cf-row>.cf-pact-col{
    color:var(--accent)!important;font-weight:600!important;border-top:1px solid var(--aline)!important;padding-top:10px!important;
  }
  #s-landing .cf-compare-table .compact-workflow-proof{flex-direction:column!important;flex-wrap:nowrap!important;gap:6px!important;text-align:center!important;align-items:center!important;padding:16px 14px!important}
  #s-landing .cf-compare-table .compact-workflow-proof strong{white-space:normal!important;font-size:15px!important;line-height:1.45!important}
  #s-landing .compact-workflow-proof .compare-summary-left,#s-landing .compact-workflow-proof .compare-summary-right{display:block!important}
  #s-landing .compact-workflow-proof .compare-summary-arrow{display:none!important}
  #s-landing .compact-workflow-proof .compare-summary-process-list{display:block!important;font-size:12px!important;line-height:1.6!important;margin-top:2px!important}

  /* Блок «Спросить AI»: три столбца. */
  #s-landing .v279-ai-grid{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;width:100%!important}
  #s-landing .v279-ai-btn{
    flex:0 0 calc((100% - 16px)/3)!important;flex-direction:column!important;gap:7px!important;text-align:center!important;justify-content:center!important;
    padding:12px 5px!important;font-size:11.5px!important;line-height:1.25!important;min-height:78px!important;white-space:normal!important;overflow-wrap:anywhere!important;
  }
  #s-landing .v279-ai-logo{width:24px!important;height:24px!important}
}

/* Юридические и FAQ страницы: боковые блоки не должны быть шире экрана. */
@media (max-width:760px){
  .v284-grid{grid-template-columns:1fr!important;gap:18px!important}
  .v284-grid>*{min-width:0!important}
  .v284-toc{position:static!important;width:100%!important}
  .v284-toc-inner{max-width:100%!important;max-height:none!important}
  .v284-toc-link{white-space:normal!important}
  .faq-grid{grid-template-columns:1fr!important;gap:16px!important}
  .faq-grid>*{min-width:0!important}
  .faq-side{min-width:0!important}
  .faq-tabs{max-width:100%!important;overflow-x:auto!important}
  .pact-legal-screen table{width:100%!important;min-width:0!important;table-layout:fixed!important}
  .pact-legal-screen th,.pact-legal-screen td{white-space:normal!important;overflow-wrap:anywhere!important;font-size:12px!important;padding:8px 6px!important}
  /* Сетки с инлайновым числом колонок: на телефоне всегда одна колонка. */
  .price-grid,.v410-nums,.v410-grid,.v410-feat,.pricing-grid,.plans,.tiers,.cols3,.cols4{grid-template-columns:1fr!important}
}