/* Само началната страница (01.10.2026): графит върху шалвия, бяла карта, пример,
   „Какво получаваш“, квартали. Общото е в site.css. */
h2{font-size:clamp(28px,3vw,38px)!important;line-height:1.2!important;letter-spacing:0!important}
.sec-head h2{margin-bottom:0}
.eyebrow{display:none!important}
.latest h2,.latest .acard h3,.latest .acard .r,.beta h3,.sell-list b,.faq summary,.sell .lead strong,.calc .sum b{color:var(--ink)!important}
.calc .big,.steps .sn,.hero-num{color:var(--navy-900)!important}
/* 6 · въздух и меки преходи: бяло и почти бяло, без тъмни блокове по средата */
section{padding:96px 0!important;border-top:0!important}
.who,.pages,.latest,.magnet{background:var(--white)!important}
.tool,.how,.author,.faq{background:var(--off)!important}
.calc,.calc--dark{background:var(--white)!important;border:1px solid var(--line)!important;padding:30px 26px!important}
.calc--dark .k,.calc .k{color:var(--ink-faint)!important}
.calc--dark p,.calc p{color:var(--ink-soft)!important}
.calc--dark .sum,.calc .sum{color:var(--ink)!important;border-top-color:var(--line)!important}
.steps>div{border-top-color:var(--line-strong)!important}
.latest .alist{border-top-color:var(--line-strong)!important}
.latest .hand,.author .meet{color:var(--ink-faint)!important}
.beta{background:var(--off)!important;border:1px solid var(--line)!important}
.tier{background:var(--white)!important;border:1px solid var(--line)!important}
.tier--rec{border-color:var(--ink-faint)!important}
.page-card .cap .n{color:var(--ink-faint)}

/* бяла карта с формуляра върху почти бялото (като горе) */
.magnet h2{color:var(--ink)!important}
.magnet p,.magnet ul li{color:var(--ink-soft)!important}
.magnet ul li::before{color:var(--ink-faint)!important}
.magnet-form{background:var(--white)!important;padding:44px 40px!important;border:1px solid var(--line)}
.magnet-form h3{font-size:26px!important;color:var(--ink)}
.field label{font-family:var(--sans)!important;font-size:13.5px!important;font-weight:500!important;color:var(--ink-soft)!important;text-transform:none!important;letter-spacing:0!important}

/* 8 · въпросите: списък с тънки линии и „+“ */
.faq-list{border-top:1px solid var(--line-strong)}
.faq details{border-bottom:1px solid var(--line-strong)!important;padding:0!important}
.faq summary{font-size:19px!important;padding:24px 40px 24px 0!important}
.faq summary::after{font-family:var(--sans)!important;font-weight:300;color:var(--navy-900)!important;font-size:24px!important}
.faq details p{font-size:15.5px!important;margin-bottom:26px!important}


/* 7 · горе: графитът е спокойният фон, а бялата карта носи текста */
.hero--fc{position:relative;background:var(--off)!important;color:var(--ink);padding:88px 0 0!important;overflow:hidden;min-height:760px}
.hero--fc .wrap{display:block!important;position:relative;z-index:2}
.hero-card{position:relative;background:var(--white);max-width:660px;margin:0 auto;padding:56px 64px 48px;text-align:center;border:1px solid var(--line)}
.hero--fc .hero-num{font-size:clamp(44px,5.6vw,68px)!important;margin:0 0 10px;white-space:normal}
.hero--fc .hero-num-cap{color:var(--ink-faint)!important;font-size:15px!important;margin:0 auto 30px;padding-bottom:28px;border-bottom:1px solid var(--line)!important;max-width:40ch}
.hero--fc h1{color:var(--ink)!important;font-size:clamp(28px,3vw,38px)!important;line-height:1.2!important;margin:0 0 18px!important}
.hero--fc p.sub{color:var(--ink-soft)!important;font-size:16.5px!important;margin:0 auto 32px!important;max-width:48ch}
.hero--fc .quick{margin:0 auto 16px;max-width:none;gap:0}
.hero--fc .quick input{flex:1 1 260px}
.hero--fc .quick .btn{flex:0 0 auto}
.hero--fc .hero-price{font-family:var(--sans)!important;color:var(--ink-faint)!important;font-size:13.5px!important}
.hero--fc .hero-price b{color:var(--ink)!important;font-weight:500}
.hero--fc .skyline{position:absolute;left:0;right:0;bottom:0;height:520px;z-index:1;pointer-events:none}
.hero--fc .b{position:absolute;bottom:0;height:auto;mix-blend-mode:multiply;opacity:.55;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
.b-library{left:-3%;width:36%}
.b-nevski{left:20%;width:20%;opacity:.4!important;
  -webkit-mask-image:linear-gradient(180deg,transparent 30%,#000 46%),linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)!important;-webkit-mask-composite:source-in!important;
  mask-image:linear-gradient(180deg,transparent 30%,#000 46%),linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)!important;mask-composite:intersect!important}
.b-largo{right:4%;width:27%;opacity:.7!important;-webkit-mask-image:none!important;mask-image:none!important}
.b-street{right:-4%;width:22%;opacity:.4!important}
@media(max-width:760px){
  section{padding:64px 0!important}
  .hero--fc{padding:28px 0 0!important;min-height:0}
  .hero-card{padding:36px 22px 30px}
  .hero--fc .quick{gap:10px}
  .hero--fc .skyline{position:relative;height:220px;margin-top:-30px}
  .b-library{width:70%;left:-10%} .b-nevski{display:none} .b-street{display:none} .b-largo{width:52%;right:-4%}
  .magnet-form{padding:30px 22px!important}
}

/* съдържание: „За кого“ */
.who-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line-strong);margin-top:48px}
.who-grid>div{padding:32px 32px 8px 0}
.who-grid>div+div{padding-left:32px;border-left:1px solid var(--line)}
.who-grid h3{font-size:24px;margin:0 0 12px}
.who-grid p{margin:0;font-size:16px;line-height:1.65;color:var(--ink-soft)}
.who-note{color:var(--ink-faint);font-size:15px;margin:40px 0 0;max-width:60ch}
@media(max-width:760px){.who-grid{grid-template-columns:1fr}.who-grid>div,.who-grid>div+div{padding:26px 0 0;border-left:0}.who-grid>div+div{border-top:1px solid var(--line);margin-top:26px}}

/* съдържание: инструмент „Колко се иска в твоя квартал“ */
.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.tool-sub{margin:14px 0 26px;font-size:16px;color:var(--ink-soft);max-width:46ch}
.kv-label{display:block;font-size:13.5px;font-weight:500;color:var(--ink-soft);margin:0 0 8px}
.kv-select{width:100%;box-sizing:border-box;appearance:none;-webkit-appearance:none;border-radius:0;cursor:pointer;font-size:17px!important;padding-right:48px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%231F3A2E' stroke-width='2'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 18px center!important}
.kv-select:focus-visible{outline:3px solid var(--brass);outline-offset:2px}
.kv-lead{font-family:var(--serif);font-size:21px;line-height:1.4;color:var(--ink);margin:14px 0 6px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.kv-lead b{font-weight:600;color:var(--navy-900);white-space:nowrap}
.kv-row small{display:block;font-size:13px;color:var(--ink-faint);margin-top:2px}
.tool-note{font-size:13px;color:var(--ink-faint);margin:12px 0 0}
.tool-out{background:var(--white);border:1px solid var(--line);padding:10px 32px 26px}
.kv-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}
.kv-row span{font-size:15px;color:var(--ink-soft)}
.kv-row b{font-family:var(--serif);font-weight:400;font-size:28px;color:var(--navy-900);white-space:nowrap}
.tool-hint{font-size:14px;color:var(--ink-faint);margin:18px 0 0}
.tool-hint a{color:var(--navy-900)}
/* пример */
.sec-sub{margin:14px 0 0;font-size:16.5px;color:var(--ink-soft);max-width:62ch}
#primer .pg-duo{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:36px}
#primer .pg-label{font-size:14px;color:var(--ink-faint);margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
#primer .pg-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#primer .page-card{border-radius:0;box-shadow:none}
#primer .page-card .shot{aspect-ratio:4/5}
#primer .page-card .shot img{object-fit:cover;object-position:top left}
#primer .page-card .shot::after{content:"⤢";font-size:14px;padding:3px 7px;right:6px;bottom:6px}
#primer .cap{padding:10px 11px 12px}
#primer .cap .n{color:var(--ink-faint);font-size:12px;margin-bottom:2px}
#primer .cap h3{font-family:var(--serif);font-weight:400;font-size:16px;margin:0;line-height:1.25}
#primer .pg-hint{font-size:13px;color:var(--ink-faint);margin:16px 0 0}
#primer .pg-seller{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;margin-top:48px;padding-top:40px;border-top:1px solid var(--line)}
#primer .pg-seller>.pg-row{margin-top:calc(14px*1.6 + 11px)}
#primer .pg-seller-txt h3{font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.2;color:var(--ink);margin:0 0 14px}
#primer .pg-seller-txt>p:not(.pg-label){color:var(--ink-soft);margin:0 0 16px}
#primer .pg-seller-txt ul{list-style:none;padding:0;margin:0 0 24px}
#primer .pg-seller-txt li{padding:9px 0;border-top:1px solid var(--line);color:var(--ink-soft);font-size:15px}
#primer .pg-seller-txt li:last-child{border-bottom:1px solid var(--line)}
@media(max-width:980px){#primer .pg-duo,#primer .pg-seller{grid-template-columns:1fr;gap:28px}#primer .pg-seller>.pg-row{margin-top:0}}
@media(max-width:560px){#primer .pg-row{gap:8px}#primer .cap{padding:8px}#primer .cap h3{font-size:14px}#primer .cap .n{font-size:11px}#primer .page-card .shot img{height:100%}}
@media(max-width:900px){.tool-grid{grid-template-columns:1fr;gap:28px}}
@media(max-width:520px){.kv-row b{font-size:22px}.tool-out{padding:6px 20px 20px}.kv-lead{font-size:19px}}
/* формулярът стои в бяла секция: картата е почти бяла, полетата бели */
.magnet-form{background:var(--off)!important;border-color:var(--line)!important}
.magnet-form input:not([type=radio]),.magnet-form textarea{background:var(--white)!important}
.faq .sec-head{max-width:760px;margin:0 auto 32px;text-align:left}

/* зелено около графита: шалвия отгоре, тъмнозелена земя отдолу */
.hero--fc .ground{display:block;position:absolute;left:0;right:0;bottom:0;z-index:1;height:44px;background:var(--navy-900)}
.hero--fc .skyline{bottom:44px}
/* c: целият фон шалвия, графитът попива зеленото */
.hero--fc{background:#DFE7E1!important}
.hero--fc .b{opacity:.75}
.hero-card{border-color:#C9D5CC}
/* без z-index, иначе .skyline става отделен слой и multiply не вижда фона */
.hero--fc .skyline{z-index:auto!important}

/* подредба: ляво (НДК; засега Невски) · библиотеката в средата · Народното събрание вдясно */
.b-street{display:none}
.b-library{left:24%!important;width:52%!important;opacity:.8!important;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)!important;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)!important}
.b-nevski{left:-2%!important;width:28%!important;opacity:.6!important}
.b-largo{right:-1%!important;width:30%!important}
@media(max-width:760px){.b-library{left:-8%!important;width:78%!important}.b-largo{right:-6%!important;width:50%!important}}
/* дърветата на Невски и на библиотеката се застъпват с дълги преходи */
.b-nevski{left:-1%!important;width:27%!important;opacity:.62!important;
  -webkit-mask-image:linear-gradient(180deg,transparent 30%,#000 46%),linear-gradient(90deg,transparent,#000 14%,#000 62%,transparent)!important;
  mask-image:linear-gradient(180deg,transparent 30%,#000 46%),linear-gradient(90deg,transparent,#000 14%,#000 62%,transparent)!important}
.b-library{left:19%!important;width:57%!important;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 24%,#000 86%,transparent)!important;mask-image:linear-gradient(90deg,transparent,#000 24%,#000 86%,transparent)!important}
/* Невски малко по-наситен */
.b-nevski{opacity:.92!important;filter:contrast(1.3) brightness(.94)}

/* „Какво получаваш“ */
.offer{background:var(--off)!important}
.who{background:var(--white)!important}.tool{background:var(--off)!important}.author{background:var(--white)!important}.latest{background:var(--off)!important}.magnet{background:var(--white)!important}.faq{background:var(--off)!important}.pages{background:var(--white)!important}
.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px;align-items:stretch}
.offer-card{background:var(--white);border:1px solid var(--line);padding:34px 30px 30px;display:flex;flex-direction:column;position:relative}
.offer-card--full{border-color:var(--ink-faint)}
.offer-name{font-family:var(--serif);font-size:24px;color:var(--ink);margin:0 0 6px}
.offer-price{font-family:var(--serif);font-size:40px;color:var(--navy-900);margin:0 0 18px;line-height:1.1}
.offer-price span{font-family:var(--sans);font-size:14px;color:var(--ink-faint)}
.offer-card ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.offer-card li{padding:11px 0;border-bottom:1px solid var(--line);font-size:15.5px;color:var(--ink-soft)}
.offer-beta{margin:20px 0 0;font-size:14.5px;line-height:1.6;color:var(--ink-soft)}
.offer-beta b{color:var(--ink);font-weight:500}
.offer-note{margin:22px 0 0;font-size:14px;color:var(--ink-faint)}
.offer-note a{color:var(--navy-900);font-weight:500;margin-left:4px}
.offer-btn{display:block;text-align:center;margin-top:auto}
.offer-card ul{margin-bottom:24px!important}
.offer-beta{margin:-4px 0 24px!important}
.offer-price s{color:var(--ink-faint);font-size:.6em;text-decoration-thickness:1.5px;margin-right:4px}
.offer-flag{position:absolute;top:-12px;left:28px;margin:0;background:var(--navy-900);color:#fff;font-size:12.5px;font-weight:600;padding:4px 12px}
.offer-card--soon{overflow:hidden}
.offer-inner{filter:blur(4.5px);opacity:.5;pointer-events:none;user-select:none}
.offer-soon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:600;color:var(--navy-900);background:var(--brass-bg);border:1px solid var(--brass-soft);padding:10px 22px;white-space:nowrap}
.magnet-form .field[hidden],.magnet-form .hint[hidden]{display:none!important}
.tool-note a{color:var(--ink-soft)}
@media(max-width:980px){.offer-grid{grid-template-columns:1fr;gap:28px;max-width:560px}}
@media(max-width:820px){.offer-card{padding:26px 22px}}
.offer-card li{display:block!important;width:auto!important}.offer-card li::before{content:none!important;display:none!important}

/* калкулатор „Колко пари ти трябват“ */
.smetka{background:var(--white)}
.calc-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:28px;margin-top:40px;align-items:stretch}
.calc-in{background:var(--off);border:1px solid var(--line);padding:30px 30px 26px;display:flex;flex-direction:column}
.ci{padding:0 0 22px;margin:0 0 22px;border-bottom:1px solid var(--line)}
.ci-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.ci-head label,.smetka .ci-label{font-size:15px;color:var(--ink-soft);margin:0 0 12px}
.ci-head label{margin:0}
.ci-head--sub{margin:16px 0 0}
.ci-val{font-family:var(--serif);font-size:22px;color:var(--navy-900);white-space:nowrap;display:flex;align-items:baseline;gap:4px}
.ci-val b{font-weight:400}
#calc .ci-val input{width:120px;text-align:right;font-family:var(--serif)!important;font-size:22px!important;color:var(--navy-900)!important;background:var(--white)!important;border:1px solid var(--line)!important;padding:6px 10px!important}
#calc #c-area,#calc #c-ren{width:70px}
.smetka input[type=range]{width:100%;accent-color:var(--navy-900);margin:0;height:24px;cursor:pointer}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font:inherit;font-size:14px;color:var(--ink-soft);background:var(--white);border:1px solid var(--line-strong);padding:8px 13px;cursor:pointer}
.chip.is-on{background:var(--navy-900);border-color:var(--navy-900);color:#fff}
.chip:focus-visible{outline:3px solid var(--brass);outline-offset:2px}
.ci-check{margin-bottom:26px;display:flex;align-items:center;gap:10px;font-size:15px;color:var(--ink-soft);cursor:pointer}
.ci-check input{width:18px;height:18px;accent-color:var(--navy-900)}
.ci-check--fee{margin-bottom:10px}
.ci-fee{margin:0 0 26px 28px}
.ci-fee.is-off{opacity:.4}
#calc .ci-fee .ci-val input{width:72px}
.calc-out{display:flex;flex-direction:column;border:1px solid var(--ink-faint);padding:30px 32px 28px;background:var(--white)}
.smetka .co-kicker{font-size:14px;color:var(--ink-faint);margin:0}
.smetka .co-big{font-family:var(--serif);font-size:52px;line-height:1.1;color:var(--navy-900);margin:4px 0 8px}
.smetka .co-sub{font-size:15.5px;color:var(--ink-soft);margin:0 0 6px}
.co-sub b{color:var(--ink);font-weight:500;white-space:nowrap}
.co-chart{position:relative;width:270px;max-width:100%;margin:14px auto 18px}
.co-chart svg{display:block;width:100%;height:auto}
.co-chart path,.co-chart circle{transition:opacity .15s,stroke-width .15s}
.co-chart .is-dim{opacity:.3}
.co-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
.co-center span{font-size:13px;color:var(--ink-faint)}
.co-center b{font-family:var(--serif);font-weight:400;font-size:24px;color:var(--ink)}
.co-tip{position:absolute;left:50%;top:-8px;transform:translate(-50%,-100%);background:var(--ink);color:#fff;font-size:13px;padding:7px 11px;white-space:nowrap;pointer-events:none}
.co-tip b{font-weight:600;margin-left:8px}
.co-legend{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.co-legend li{display:grid;grid-template-columns:12px 1fr auto 44px;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink-soft);transition:opacity .15s}
.co-legend li.is-dim{opacity:.4}
.co-legend i{width:12px;height:12px;border-radius:2px}
.co-legend b{font-weight:500;color:var(--ink);white-space:nowrap}
.co-legend em{font-style:normal;font-size:13px;color:var(--ink-faint);text-align:right}
.smetka .co-note{font-size:13px;color:var(--ink-faint);margin:14px 0 0}
.co-cta{margin-top:auto;padding:22px 0 0}
.smetka .co-cta p{font-size:15px;color:var(--ink-soft);margin:0 0 14px}
.co-cta .btn{display:block;text-align:center}
@media(max-width:900px){.calc-grid{grid-template-columns:1fr}}
@media(max-width:520px){.calc-in,.calc-out{padding:22px 18px}.smetka .co-big{font-size:42px}#calc .ci-val input{width:104px}}
.co-split{display:flex;gap:2px;height:14px;margin:18px 0 8px}
.co-split span{flex-basis:0;transition:flex-grow .25s}
.co-bank{background:#D5DDD7}
.co-you{background:var(--navy-900)}
.co-split-l{display:flex;justify-content:space-between;font-size:14px;color:var(--ink-faint)}
.co-split-l b{font-weight:500;color:var(--ink);margin-left:4px;white-space:nowrap}
.smetka .co-h{font-size:14px;color:var(--ink-faint);margin:26px 0 0;padding-top:18px;border-top:1px solid var(--line)}
/* телефон: iOS приближава страницата при поле под 16px; по-големи цели за пръст */
@media(max-width:760px){
  html input:not([type=radio]):not([type=checkbox]),html textarea,html select{font-size:16px!important}
  .smetka input[type=range]{height:40px}
  .ci-check{padding:8px 0}
  .ci-check input{width:22px;height:22px}
  .chip{padding:10px 14px}
}