body{margin:0}
/* ===== Токени – §2 на спецификацията. Две теми от едни и същи имена. ===== */
.ed{
--bg:#FBFAF6;--bg-deep:#F3F1EA;--surface:#FFFFFF;--surface-2:#F3F1EA;
--line:#E6E4DC;--line-strong:#8A8A96;--ink:#1A1A24;--dim:#6A6A78;
--acc:#3D4FE0;--acc-btn:#3D4FE0;--acc-press:#3343C8;--acc-tint:#ECEEFD;--on-acc:#FFFFFF;
--pen:#C93A2F;--focus:#3D4FE0;
--warn:#8A5A00;--map-people:#2C7A66;--map-loop:#B57A0E;
--tag-bg:#1A1A24;--tag-fg:#FBFAF6;--note:#FFF6C9;--note-ink:#3A3524;
--shadow-screen:0 24px 48px -24px rgba(20,20,43,.18);
--sans:"Sofia Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
--mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
--ease:cubic-bezier(.2,.7,.2,1);
color-scheme:light;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;
min-height:100vh;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html[data-theme="dark"] .ed{
--bg:#1A1917;--bg-deep:#141312;--surface:#22201E;--surface-2:#2A2826;
--line:#32302C;--line-strong:#767169;--ink:#F4F1EA;--dim:#A9A398;
--acc:#8F9BFF;--acc-btn:#4A5AE6;--acc-press:#3D4FE0;--acc-tint:rgba(143,155,255,.14);
--pen:#F0705F;--focus:#8F9BFF;
--warn:#F2B95B;--map-people:#9FD8C7;--map-loop:#F2B95B;
--tag-bg:#3A3835;--tag-front:#3A3835;--tag-mid:#2E2C29;--tag-back:#262422;--tag-fg:#F4F1EA;--note:#3A3622;--note-ink:#F4EBC8;
--shadow-screen:0 24px 48px -24px rgba(0,0,0,.35);color-scheme:dark}

/* ===== База ===== */
.ed *,.ed *::before,.ed *::after{box-sizing:border-box}
.ed :where(h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd){margin:0}
.ed :where(ul,ol){padding:0;list-style:none}
.ed a{color:var(--acc);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.ed a:hover{text-decoration-thickness:2px}
.ed :focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.ed :where(button,input){font:inherit;color:inherit}
.ed svg{flex:none}
.ed .sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ===== Мрежа – 12 колони, съдържание 1200 px, улей 24 px ===== */
.ed .wrap{max-width:1200px;margin-inline:auto;padding-inline:48px;box-sizing:content-box}
.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.c1-4{grid-column:1/span 4}.c5-8{grid-column:5/span 4}.c9-12{grid-column:9/span 4}
.c1-6{grid-column:1/span 6}.c7-12{grid-column:7/span 6}
.c1-7{grid-column:1/span 7}.c1-8{grid-column:1/span 8}.c1-12{grid-column:1/-1}

/* ===== Типография – §3 ===== */
.display{font-size:88px;font-weight:800;line-height:1;letter-spacing:-.02em;text-wrap:balance}
.h2{font-size:52px;font-weight:800;line-height:1.05;letter-spacing:-.015em;text-wrap:balance}
.h3{font-size:22px;font-weight:500;line-height:1.25}
.lede{font-size:19px;line-height:1.5;max-width:60ch}
.body{font-size:17px;line-height:1.55;max-width:72ch}
.small{font-size:14px;line-height:1.45}
.label{font-family:var(--mono);font-size:12px;font-weight:500;line-height:1.3;letter-spacing:.08em;text-transform:uppercase}
.code{font-family:var(--mono);font-size:13px;line-height:1.4}
.price{font-size:48px;font-weight:800;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums}
.dim{color:var(--dim)}
.ink{color:var(--ink)}
.acc{color:var(--acc)}

/* ===== Ритъм на секциите – §4 ===== */
.sec{padding-top:128px}
.sec-head{display:grid;gap:24px;align-content:start}
.sec-body{margin-top:48px}
.eyebrow{color:var(--dim)}

/* ===== Бутони и линкове – §5 ===== */
.ed .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border-radius:4px;border:1px solid transparent;font:500 17px/1 var(--sans);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color 120ms var(--ease),transform 120ms var(--ease)}
.ed .btn-primary{background:var(--acc-btn);color:var(--on-acc)}
.ed .btn-primary:hover,.ed .btn-primary:active{background:var(--acc-press)}
.ed .btn-secondary{background:transparent;color:var(--ink);border-color:var(--ink)}
.ed .btn-secondary:hover{background:var(--bg-deep)}
.ed .btn-sm{height:40px;padding:0 16px;font-size:15px}
.ed .btn[disabled]{opacity:.4;cursor:default}
.ed .more{font-size:17px;font-weight:500}

/* ===== Редакторските знаци – §6 ===== */
/* Delete за текст, който може да се пренесе на нов ред */
.strike{color:var(--dim);text-decoration-line:line-through;text-decoration-color:var(--pen);text-decoration-thickness:2px;text-decoration-skip-ink:none}
/* Delete за кратко число или дума на един ред: линия 2 px, излиза 2 px от двете страни */
.del{position:relative;display:inline-block;line-height:1;color:var(--dim)}
.del::after{content:"";position:absolute;left:-2px;right:-2px;top:.45em;height:2px;background:var(--pen)}
/* Insert: шеврон 0,5em × 0,35em, връх на базовата линия */
.ins-mark{display:inline-block;width:.5em;height:.35em;vertical-align:-.35em;margin-right:.06em;overflow:visible}
.ins-mark polyline{fill:none;stroke:var(--pen);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
/* Stet: точка 2 px, интервал 3 px */
.stet{background-image:radial-gradient(circle,var(--pen) 1px,transparent 1.3px);background-size:5px 2px;background-repeat:repeat-x;background-position:0 100%;padding-bottom:5px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.stet-word,.margin-note{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--pen)}
/* Каретка – само вътре в продуктов екран */
.caret{display:inline-block;width:2px;height:1.1em;background:var(--acc);vertical-align:-.2em;margin-left:1px}

/* ===== Продуктов екран – §7 ===== */
.screen{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-screen);overflow:hidden;color:var(--ink)}
.screen-bar{height:28px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-inline:12px;background:var(--bg-deep);border-bottom:1px solid var(--line);font-family:var(--mono);font-size:13px;line-height:1;color:var(--dim);white-space:nowrap;overflow:hidden}
.fig-cap{margin-top:12px;color:var(--dim)}

/* ===== Знакът „Купчината" ===== */
.pile{color:var(--ink)}
.pile .mid{fill:var(--acc)}

/* ===== Меню – §8 ===== */
.nav{height:72px;background:var(--bg);border-bottom:1px solid var(--line)}
.nav-in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.ed .brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:800 20px/1 var(--sans);letter-spacing:-.01em}
.brand .pile{width:32px;height:24px}
.nav-links{display:flex;gap:32px}
.ed .nav-links a{color:var(--ink);text-decoration:none;font-size:15px;line-height:44px}
.ed .nav-links a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.nav-right{display:flex;align-items:center;gap:12px}
.icon-btn{width:44px;height:44px;display:inline-grid;place-items:center;background:transparent;border:0;border-radius:4px;color:var(--ink);cursor:pointer}
.icon-btn:hover{background:var(--bg-deep)}
.ed .menu-btn{display:none;height:44px;padding:0 14px;background:transparent;border:1px solid var(--ink);border-radius:4px;color:var(--ink);font:500 15px/1 var(--sans);cursor:pointer}
html[data-theme="light"] .ed .t-to-light{display:none}
html[data-theme="dark"] .ed .t-to-dark{display:none}

/* ===== 1 Hero ===== */
.pin-track{position:relative}
.pin-track-gather{height:168vh}
.pin-track-gather .hero{position:sticky;top:0;height:100vh;min-height:0;display:flex;align-items:center;padding-block:clamp(28px,6vh,64px);overflow:hidden}
.hero-grid{align-items:center;row-gap:48px;width:100%}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start}
.hero-cat{margin-top:32px;font-weight:600;color:var(--ink)}
.hero-sub{margin-top:8px}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hero-offer{margin-top:24px;max-width:52ch}
.hero-cue{margin-top:64px;display:flex;align-items:center;gap:12px}
.cue-line{width:1px;height:32px;background:var(--line-strong)}
.gather{position:relative;height:560px}
.gather .pts{position:absolute;inset:0;width:100%;height:100%}
.pt{fill:var(--dim)}
.pt-a{fill:var(--acc)}
/* Lockup-ът е цялото поле на събирането, а знакът е в центъра му – ширината му (40 % от колоната,
   най-много 280px) не зависи от самия lockup, затова центърът не се измества. */
.gather-lockup{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.gather .pile{width:min(40%,280px);height:auto;aspect-ratio:4/3;flex:none}
.tag{--tag-morph:0;--tag-text-opacity:1;--tag-merge-color:var(--ink);position:absolute;display:inline-flex;padding:6px 10px;border-radius:4px;background:transparent;color:var(--tag-fg);font:500 12px/1 var(--mono);white-space:nowrap;isolation:isolate;transform-origin:center}
.tag::before,.tag::after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none}
.tag::before{background:var(--tag-layer,var(--tag-bg));opacity:calc(1 - var(--tag-morph))}
.tag::after{background:var(--tag-merge-color,var(--ink));opacity:var(--tag-morph)}
.tag-content{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;opacity:var(--tag-text-opacity)}
.tag.depth-front{--tag-layer:var(--tag-front);font-size:13px;opacity:.84}
.tag.depth-mid{--tag-layer:var(--tag-mid);font-size:12px;opacity:.58}
.tag.depth-back{--tag-layer:var(--tag-back);font-size:10px;opacity:.34}
.t1{left:4%;top:3%;transform:rotate(-9deg)}
.t2{right:0;top:15%;transform:rotate(7deg)}
.t3{left:27%;top:17%;transform:rotate(-3deg)}
.t4{right:11%;top:3%;transform:rotate(-12deg)}
.t5{left:0;top:34%;transform:rotate(4deg)}
.t6{right:0;top:41%;transform:rotate(6deg)}
.t7{left:15%;top:71%;transform:rotate(-5deg)}
.t8{right:5%;top:67%;transform:rotate(8deg)}
.t9{left:1%;top:85%;transform:rotate(-6deg)}
.t10{right:2%;top:91%;transform:rotate(3deg)}
.t11{left:43%;top:79%;transform:rotate(-4deg)}
.t12{left:41%;top:27%;transform:rotate(5deg)}
.t5,.t8,.t11{--tag-merge-color:var(--acc)}
.tag svg{width:10px;height:12px;flex:none}
.tag path{fill:none;stroke:currentColor;stroke-width:1.25}

/* ===== 2 Лента за доверие ===== */
.trust{background:var(--bg-deep);min-height:64px;display:flex;align-items:center}
.trust-in{display:flex;align-items:center;justify-content:center;gap:16px;padding-block:12px;text-align:center}
.marmot-mark{display:block;flex:none;width:28px;height:28px;color:var(--dim)}

/* ===== Обща карта ===== */
.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:32px;min-width:0}
.cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}

/* ===== 3 Books get an editor ===== */
.mark48{display:block;width:48px;height:48px;margin-bottom:32px;overflow:visible}
.mark48 .p{fill:none;stroke:var(--pen);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mark48 .t{fill:var(--dim);opacity:.35}
.mark48 .i{fill:var(--ink)}
.mark48 .d{fill:var(--pen)}
.card-label{display:flex;align-items:baseline;gap:12px;color:var(--dim);margin-bottom:16px}
.del-list{display:grid;gap:4px}
.del-list li{width:fit-content}

/* ===== 4 Five connected screens ===== */
.app-demo{margin-top:48px}
.app-copy-stage{display:grid;margin-bottom:32px}
.tab-edit{grid-area:1/1;max-width:none}
.app-copy-stage.is-ready .tab-edit:not(.is-active){visibility:hidden;opacity:0;pointer-events:none}
.tab-edit .strike{margin-right:.3em}
.app-shell{display:grid;grid-template-columns:208px minmax(0,1fr);font-size:14px;line-height:1.4}
.app-stage{position:relative;min-width:0;overflow:hidden}
.app-view{min-height:722px;transition:opacity 90ms var(--ease),transform 90ms var(--ease)}
.app-view.is-leaving{opacity:0;transform:translateY(-4px)}
.app-view.is-entering{opacity:0;transform:translateY(4px)}
.app-view[hidden],[data-app-copy][hidden]{display:none}
.app-menu{display:grid;gap:2px}
.ed button.rs-item{width:100%;border:0;background:transparent;font-family:var(--sans);text-align:left;cursor:pointer}
.ed button.rs-item:not(:disabled):hover{background:var(--surface-2)}
.ed button.rs-item.on{background:var(--acc-tint);color:var(--acc);font-weight:600}
.ed button.rs-item:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.ed button.rs-item:disabled{color:var(--dim);cursor:default}
.ed button.rs-item.is-hinting{animation:app-menu-hint 1.1s var(--ease) 1}
.ed button.rs-item.on.is-hinting{animation:none}
@keyframes app-menu-hint{0%,100%{background:transparent;box-shadow:0 0 0 0 transparent}45%{background:var(--acc-tint);box-shadow:0 0 0 2px var(--acc-tint)}}
.ed [data-app-screen-link]{color:var(--acc);text-decoration-line:underline;text-decoration-thickness:1px;text-decoration-color:currentColor;text-underline-offset:3px}
.ed [data-app-screen-link]:hover{color:var(--acc);text-decoration-thickness:2px}

/* Продуктов екран Royalties */
.rs{display:grid;grid-template-columns:minmax(0,1fr) 296px;min-height:722px;font-size:14px;line-height:1.4}
.rs-side{background:var(--bg);border-right:1px solid var(--line);padding:20px 12px;display:flex;flex-direction:column;gap:2px}
.rs-house{display:flex;align-items:center;gap:8px;padding:0 8px 16px;font-weight:800;font-size:15px;color:var(--ink)}
.rs-house svg{width:22px;height:16px;color:var(--ink)}
.rs-item{display:flex;align-items:center;gap:10px;height:32px;padding:0 10px;border-radius:4px;color:var(--ink);font-size:14px}
.rs-item svg{width:16px;height:16px;flex:none;color:var(--dim)}
.rs-item.on svg{color:var(--acc)}
.rs-search{margin-top:auto;display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 10px;border:1px solid var(--line);border-radius:4px;color:var(--dim);font-size:13px}
.kbd{font:500 11px/1 var(--mono);color:var(--dim)}
.rs-main{padding:24px 28px;display:flex;flex-direction:column;gap:20px;min-width:0}
.rs-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.rs-title{font-size:24px;font-weight:800;letter-spacing:-.01em;line-height:1.15;margin-top:6px}
.rs-sub{margin-top:4px;color:var(--dim);font-size:13px}
.rs-actions{display:flex;gap:8px;flex:none}
.ed .sbtn{height:36px;padding:0 14px;border-radius:4px;font:500 14px/1 var(--sans);border:1px solid var(--line-strong);background:transparent;color:var(--ink);cursor:pointer;white-space:nowrap}
.ed .sbtn-p{background:var(--acc-btn);border-color:var(--acc-btn);color:var(--on-acc)}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:8px}
.kpi{padding:12px 16px;min-width:0}
.kpi+.kpi{border-left:1px solid var(--line)}
.kpi-l{font:500 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.kpi-v{margin-top:6px;font:500 18px/1.2 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:4px;border:1px solid var(--line);font-size:13px;color:var(--ink)}
.chip b{font:500 12px/1 var(--mono);color:var(--dim)}
.chip.on{background:var(--acc-tint);border-color:transparent;color:var(--acc)}
.chip.on b{color:var(--acc)}
.tbl-wrap{min-width:0;overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;table-layout:fixed}
.tbl th{height:36px;text-align:left;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--line);padding:0 8px;white-space:nowrap}
.tbl td{height:52px;padding:0 8px;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbl .r{text-align:right}
.w-t{width:30%}.w-p{width:14%}.w-c{width:10%}.w-r{width:16%}.w-o{width:30%}
.tbl tr.sel td{background:var(--surface-2)}
.tt{display:block;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis}
.ta{display:block;font-size:13px;color:var(--dim);overflow:hidden;text-overflow:ellipsis}
.tn{font:400 13px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink)}
.pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px;border-radius:4px;font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.pill-ready{background:var(--acc-tint);color:var(--acc)}
.pill-check{border:1px solid var(--warn);color:var(--warn)}
.pill-paid{color:var(--dim);padding-left:0}
.pill svg{width:12px;height:12px}
.ref{margin-left:6px;font:400 12px/1 var(--mono);color:var(--dim)}
.rs-foot{margin-top:auto;font-size:13px;color:var(--dim)}
.rs-panel{border-left:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:16px;min-width:0}
.rs-panel h4{font-size:20px;font-weight:800;letter-spacing:-.01em;line-height:1.2}
.dl{display:grid;row-gap:10px;font-size:13px}
.dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.dl dt{color:var(--dim)}
.dl dd{text-align:right;color:var(--ink);font:400 13px/1.4 var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.dl .sub dt{padding-left:12px}
.dl .tot{padding-top:12px;border-top:1px solid var(--line)}
.dl .tot dt{color:var(--ink);font-weight:600;font-size:15px}
.dl .tot dd{font-weight:500;font-size:15px}
.ed .dl a{font-family:var(--sans);font-size:13px}
.dl .rate{padding-bottom:24px}
.rate-v{position:relative;display:inline-block;box-shadow:inset 0 -1px 0 var(--pen)}
.anno{position:absolute;top:100%;right:50%;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none}
.anno-line{width:1px;height:10px;background:var(--pen);margin-right:0}
.anno .margin-note{font-size:11px;line-height:1;white-space:nowrap;margin-top:3px;margin-right:-6px}
.ed .sbtn-block{width:100%;height:40px}
.panel-note{font-size:13px;color:var(--dim)}

/* Продуктови екрани от /house/ */
.app{font-size:14px;line-height:1.4}
.app-2{display:grid;grid-template-columns:minmax(0,1fr) 232px;min-height:722px}
.app-main{padding:20px 24px;display:flex;flex-direction:column;gap:16px;min-width:0}
.app-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.app-title{font-size:22px;font-weight:800;letter-spacing:-.01em;line-height:1.15;margin-top:6px}
.app-sub{margin-top:4px;color:var(--dim);font-size:13px}
.app-panel{border-left:1px solid var(--line);padding:20px;display:flex;flex-direction:column;gap:14px;min-width:0}
.app-foot{font-size:13px;color:var(--dim)}
.sig li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.sig li:first-child{border-top:1px solid var(--line)}
.exp li{display:grid;gap:4px;padding:10px 0;border-bottom:1px solid var(--line)}
.pg{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:24px 28px;display:grid;gap:12px;font-size:15px;line-height:1.65}
.hl{background:var(--acc-tint);border-radius:2px;padding:0 2px}
.pin{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:4px;border-radius:999px;background:var(--acc-btn);color:var(--on-acc);font:500 10px/1 var(--mono);vertical-align:2px}
.cmt li{display:grid;gap:4px;padding:10px 0;border-bottom:1px solid var(--line)}
.cmt .who{display:flex;align-items:center;gap:6px;font-weight:600}
.cmt .pin{margin-left:0}
.app-view-today .frag{padding:24px 28px;display:flex;flex-direction:column;gap:20px}
.rows li{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:6px 0;border-bottom:1px solid var(--line)}
.rows li:first-child{border-top:1px solid var(--line)}
.rows li>span:first-child{min-width:0}

/* ===== 5 What's inside – планът на 14-те стаи ===== */
.plan-legend{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px;color:var(--dim)}
.lg{display:inline-flex;align-items:center;gap:8px}
.lg i{display:inline-block;width:16px;height:12px;border-radius:2px}
.lg-core{border:1px solid var(--ink)}
.lg-add{border:1px dashed var(--dim)}
.plan{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.room{min-height:128px;padding:16px 20px;border-radius:4px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-width:0}
.room-core{border:1px solid var(--ink);background:var(--surface)}
.room-add{border:1px dashed var(--dim)}
.room-empty{border:1px solid var(--line);background:transparent}
.room-n{display:flex;justify-content:space-between;gap:8px;color:var(--dim)}
.room-t{display:block;font-size:19px;font-weight:600;line-height:1.25;text-wrap:balance}
.room-d{display:block;margin-top:4px}
.plan-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-top:24px}

/* ===== 6 How it works – картата ===== */
.pin-track-delta{height:325vh}
.pin-track-delta>[data-delta]{position:sticky;top:0;height:100vh;padding-block:clamp(24px,4vh,48px);overflow:hidden}
.pin-track-delta .sec-head{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:end;gap:48px}
.pin-track-delta .sec-head .lede{margin:0}
.map{margin-top:48px;background:var(--bg-deep);border-radius:8px;height:560px;display:flex;flex-direction:column;overflow:hidden}
.map-stage{position:relative;flex:1;min-height:0}
.map-svg{position:absolute;inset:0;width:100%;height:100%}
.map-m{display:none}
.lane-l{font:500 11px/1 var(--mono);letter-spacing:.08em;fill:var(--dim)}
.lane-sep{stroke:var(--line-strong);stroke-width:1;stroke-dasharray:2 4;opacity:.6}
.spine{stroke:var(--ink);stroke-width:2;fill:none}
.br{stroke:var(--ink);stroke-width:1;fill:none}
.br-p{stroke:var(--map-people);stroke-width:1.5;fill:none}
.br-hi{stroke:var(--map-people);stroke-width:2.5;fill:none}
.loop{stroke:var(--map-loop);stroke-width:2;fill:none}
.loop-h{fill:var(--map-loop)}
.n{fill:var(--ink);stroke:var(--bg-deep);stroke-width:3}
.n-p{fill:var(--map-people);stroke:var(--bg-deep);stroke-width:3}
.n-hi{fill:var(--bg-deep);stroke:var(--ink);stroke-width:2}
.nt{font:500 13px/1 var(--sans);fill:var(--ink)}
.nt-d{font:400 13px/1 var(--sans);fill:var(--dim)}
.lt{font:500 11px/1 var(--mono);letter-spacing:.06em;fill:var(--ink)}
.map-card{position:absolute;left:37%;top:8px;width:252px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px}
.map-card p+p{margin-top:8px}
.map-ctrl{height:72px;flex:none;display:flex;align-items:center;gap:24px;padding:0 24px;border-top:1px solid var(--line)}
.dots{display:flex;gap:4px}
.ed .dot{width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;background:transparent;cursor:pointer;border-radius:4px}
.dot span{width:8px;height:8px;border-radius:999px;border:1.5px solid var(--dim)}
.dot.done span{background:var(--dim);border-color:var(--dim)}
.dot.on span{width:20px;background:var(--acc);border-color:var(--acc)}
.map-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-top:16px}
.map-cap{max-width:60ch}

/* ===== 7 Tuesday, 9:12 – слайдер преди/след ===== */
.eras{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px;margin-bottom:16px}
.era p+p{margin-top:8px}
.era-r{text-align:right}
.era-r .body{margin-left:auto}
.cmp{position:relative;height:640px;border-radius:8px;border:1px solid var(--line);overflow:hidden;background:var(--bg-deep)}
.cmp-l{position:absolute;inset:0 50% 0 0;overflow:hidden;background:var(--bg-deep)}
.cmp-r{position:absolute;inset:0 0 0 50%;overflow:hidden;background:var(--bg)}
.desk-in{position:absolute;inset:0;width:600px}
.win{position:absolute;background:var(--surface);border:1px solid var(--line-strong);border-radius:4px;overflow:hidden;font-size:13px}
.win-bar{height:24px;display:flex;align-items:center;padding:0 8px;background:var(--bg-deep);border-bottom:1px solid var(--line);font:400 12px/1 var(--mono);color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.win-body{padding:10px 12px;display:grid;gap:6px}
.frow{display:flex;align-items:center;gap:8px;font:400 12px/1.3 var(--mono);color:var(--ink);white-space:nowrap}
.frow svg{width:12px;height:12px;flex:none;color:var(--dim)}
.cells{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.cells span{height:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font:400 11px/22px var(--mono);padding:0 4px;color:var(--ink);overflow:hidden;white-space:nowrap}
.cells .hl{background:var(--note)}
.mail{font-size:13px;line-height:1.4}
.mail b{font-weight:600}
.sticky{position:absolute;width:132px;padding:12px;background:var(--note);color:var(--note-ink);font-size:14px;line-height:1.3;font-weight:500;border-radius:2px}
.phone-note{position:absolute;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);font-size:13px;white-space:nowrap}
.phone-note svg{width:14px;height:14px}
.d1{left:32px;top:40px;width:260px;transform:rotate(-2deg)}
.d2{left:250px;top:110px;width:300px;transform:rotate(1.5deg)}
.d3{left:56px;top:290px;width:290px;transform:rotate(1deg)}
.d4{left:300px;top:360px;width:260px;transform:rotate(-1.5deg)}
.s1{left:470px;top:30px;transform:rotate(4deg)}
.s2{left:24px;top:520px;transform:rotate(-5deg)}
.s3{left:220px;top:250px;transform:rotate(-3deg)}
.pn1{left:120px;top:540px;transform:rotate(-1deg)}
.after-in{position:absolute;top:0;bottom:0;right:0;width:600px;padding:24px;display:flex;flex-direction:column;gap:14px}
.after-in>.screen-bar{margin:-24px -24px 0}
.ans-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.ans-t{font-size:22px;font-weight:800;line-height:1.15;letter-spacing:-.01em}
.ans-q{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:2px solid var(--acc);border-radius:4px;background:var(--surface);font-size:15px;color:var(--ink)}
.ans-q svg{width:16px;height:16px;color:var(--dim);flex:none}
.ans{background:var(--acc-tint);border-radius:8px;padding:16px 18px}
.ans .label{color:var(--acc)}
.ans p.a{margin-top:8px;font-size:17px;line-height:1.45;color:var(--ink)}
.ans-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mini{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px 14px;min-width:0}
.mini .v{margin-top:6px;font:500 15px/1.3 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini .s{margin-top:2px;font-size:13px;color:var(--dim)}
.handle-line{position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:var(--ink)}
.ed .handle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:40px;padding:0 16px;border-radius:999px;border:0;background:var(--ink);color:var(--bg);font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:ew-resize}
.cmp-cap{display:flex;justify-content:space-between;gap:16px;margin-top:12px}

/* ===== 8 Pricing ===== */
.founding-pill{display:inline-flex;align-items:center;gap:10px;height:32px;padding:0 14px;border-radius:999px;background:var(--acc-tint);color:var(--acc)}
.prices{margin-top:24px}
.pcard{display:flex;flex-direction:column;gap:24px}
.pcard.feat{border:2px solid var(--acc);padding:31px}
.pcard-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.pname{font-size:28px;font-weight:800;letter-spacing:-.01em;line-height:1.1}
.prow{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.price .del{font-size:32px;font-weight:800;letter-spacing:-.02em}
.pnote{color:var(--dim)}
.pinc{display:grid;gap:8px;padding-top:24px;border-top:1px solid var(--line)}
.pinc li{display:flex;gap:10px;align-items:baseline;font-size:15px}
.pinc svg{width:12px;height:12px;flex:none;color:var(--acc);transform:translateY(1px)}
.pmove{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:16px;border-top:1px solid var(--line)}
.pmove .num{font-size:15px}
.pcard .btn{width:100%}
.price-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-top:24px}

/* ===== 9 Your data ===== */
.facts{display:grid;border-top:1px solid var(--line)}
.fact{display:grid;grid-template-columns:96px minmax(0,1fr);gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}
.fact h3{margin-bottom:6px}
.ready{display:inline-flex;align-items:center;gap:6px;color:var(--acc)}
.ready svg{width:12px;height:12px}
.progress{display:inline-flex;align-items:center;gap:6px;color:var(--dim)}
.progress svg{width:12px;height:12px;overflow:visible}
.progress polyline{fill:none;stroke:var(--pen);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.data-link{margin-top:32px}

/* ===== 10 Early access ===== */
.passes{counter-reset:pass}
.pass{display:flex;flex-direction:column;gap:12px}
.pass-n{display:flex;align-items:center;gap:12px;color:var(--dim)}
.pass-n svg{width:28px;height:20px;overflow:visible}
.pass-n svg path,.pass-n svg polyline,.pass-n svg line{fill:none;stroke:var(--pen);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pass-n .done{stroke:var(--acc)}
.pass .h3{font-weight:600}
.ea-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}
.ea-meta p+p{margin-top:6px}

.incl{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line);font-size:15px}
.incl li{display:inline-flex;align-items:center;gap:8px}
.incl svg{width:12px;height:12px;color:var(--acc)}

/* ===== 11 Who built it + Queries ===== */
.who{row-gap:48px;align-items:start}
.who-copy{display:flex;flex-direction:column;gap:24px}
.quote{font-size:52px;font-weight:800;line-height:1.08;letter-spacing:-.015em;text-wrap:balance}
.who-attr{color:var(--dim)}
.who-h{font-size:22px;font-weight:600;line-height:1.25;margin-top:24px}
.who .c9-12{display:flex;justify-content:flex-end;padding-top:40px}
.photo{aspect-ratio:4/5;width:300px;max-width:100%;border-radius:8px;overflow:hidden}
.photo img{display:block;width:100%;height:100%;object-fit:cover}
.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin-top:64px;padding-top:24px;border-top:1px solid var(--ink)}
.stat-v{font-size:40px;font-weight:800;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.stat-pre{font-size:17px;font-weight:500;letter-spacing:0;color:var(--dim)}
.stat-c{margin-top:8px;font-size:14px;line-height:1.45;color:var(--dim)}
.faq{margin-top:96px}
.faq-h{font-size:32px;font-weight:800;line-height:1.1;letter-spacing:-.01em;margin-bottom:24px}
.faq-list{border-top:1px solid var(--line)}
.qa{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:12px 0;font-size:20px;font-weight:500;line-height:1.3;cursor:pointer}
.qa summary::-webkit-details-marker{display:none}
.qa summary svg{width:16px;height:16px;flex:none;color:var(--acc);transition:transform 240ms var(--ease)}
.qa[open] summary svg{transform:rotate(45deg)}
.qa p{padding:0 48px 24px 0;color:var(--dim)}

/* ===== 12 Make room for the books ===== */
.final{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;padding-bottom:128px}
.final .pile{width:64px;height:48px}
.final .lede{margin-inline:auto}
.form{width:100%;max-width:480px;margin-top:8px;text-align:left;display:grid;gap:12px}
.field-l{font-size:14px;font-weight:600;color:var(--ink)}
.form-row{display:flex;gap:8px}
.ed .inp{flex:1;min-width:0;height:48px;padding:0 14px;border:1px solid var(--line-strong);border-radius:4px;background:var(--surface);color:var(--ink);font-size:16px}
.ed .inp::placeholder{color:var(--dim)}
.ed .inp:focus{outline:none;border:2px solid var(--acc);padding:0 13px}
.chk{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;color:var(--ink);cursor:pointer}
.ed .chk input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--acc);flex:none}
.form-note{font-size:14px;color:var(--dim)}

/* ===== Футър ===== */
.foot{background:var(--bg-deep);padding-block:64px 32px}
.foot-grid{row-gap:40px}
.foot-brand{display:flex;flex-direction:column;gap:12px}
.foot-brand p{font-size:15px;color:var(--dim)}
.foot-col h2{margin-bottom:16px;color:var(--dim)}
.foot-col ul{display:grid;gap:4px}
.ed .foot-col a{color:var(--ink);text-decoration:none;font-size:15px;line-height:32px}
.ed .foot-col a:hover{text-decoration:underline;text-underline-offset:3px}
.foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:64px;padding-top:24px;border-top:1px solid var(--line);color:var(--dim)}
.c-brand{grid-column:1/span 6}.c-f1{grid-column:7/span 2}.c-f2{grid-column:9/span 2}.c-f3{grid-column:11/span 2}



/* ===== Адаптивност ===== */
@media (max-width:960px){
.nav-links,.ed .nav-cta{display:none}
.ed .menu-btn{display:inline-flex;align-items:center}
.g12>*{grid-column:1/-1}
.display{font-size:64px}
.h2{font-size:44px}
.pin-track-gather .hero{min-height:0}
.cards3{grid-template-columns:1fr}
.plan{grid-template-columns:repeat(2,minmax(0,1fr))}
.app-shell{grid-template-columns:176px minmax(0,1fr)}
.rs{grid-template-columns:1fr}
.rs-panel,.app-panel{border-left:0;border-top:1px solid var(--line)}
.app-2{grid-template-columns:1fr}
.map-card{left:auto;right:16px}
.pin-track-delta .sec-head{grid-template-columns:1fr 1fr}
.quote{font-size:44px}
.stats{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:32px}
.c-brand{grid-column:1/-1}.c-f1,.c-f2,.c-f3{grid-column:auto/span 4}
.prices .feat{order:-1}
}
@media (max-width:600px){
.ed .wrap{padding-inline:16px}
.nav{height:56px}
.sec{padding-top:80px}
.sec-body{margin-top:32px}
.display{font-size:42px}
.h2{font-size:32px}
.h3{font-size:20px}
.lede{font-size:17px}
.body{font-size:16px}
.label{font-size:11px}
.code{font-size:12px}
.price{font-size:40px}
.ed .btn{height:52px}
.ed .nav .btn{height:44px}
.pin-track-gather{height:150vh}
.pin-track-gather .hero{padding-block:16px}
.hero-cta{flex-direction:column;align-self:stretch}
.hero-cta .btn{width:100%}
.hero-cue{display:none}
.gather{height:200px;margin-top:8px}
.gather .pile{width:140px;height:105px}
.tag{font-size:11px;padding:5px 8px}
.tag.depth-front{font-size:11px}.tag.depth-mid{font-size:10px}.tag.depth-back{font-size:9px}
/* На телефон – 7 етикета, смес от файлове и неща „в главата“. */
.t1{left:0;right:auto;top:0}.t3{left:auto;right:0;top:22px}.t9{left:6%;right:auto;top:56px}
.t5{left:auto;right:2%;top:92px}.t8{left:0;right:auto;top:124px}.t6{left:auto;right:0;top:154px}.t11{left:14%;right:auto;top:178px}
.t2,.t4,.t7,.t10,.t12{display:none}
.trust-in{flex-direction:column;gap:8px}
.marmot-mark{width:22px;height:22px}
.card{padding:24px}
.pcard.feat{padding:23px}
.mark48{margin-bottom:24px}
/* 4 – менюто става ред чипове над мобилния кадър */
.app-demo{margin-top:32px}
.app-shell{grid-template-columns:1fr}
.rs-side{padding:12px;border-right:0;border-bottom:1px solid var(--line);gap:8px;min-width:0}
.rs-house,.rs-search{display:none}
.app-menu{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px}
.app-menu::-webkit-scrollbar{display:none}
.app-menu li{flex:none}
.ed button.rs-item{width:auto;height:36px;padding-inline:12px;border:1px solid var(--line);white-space:nowrap}
.ed button.rs-item.on{border-color:transparent}
.ed button.rs-item:disabled{border-width:0;background:transparent}
.rs{grid-template-columns:1fr;min-height:0}
.app-view,.app-2{min-height:0}
.rs-main{padding:16px}
.rs-head{flex-direction:column}
.rs-actions{width:100%}
.rs-actions .sbtn-p{flex:1;height:44px}
.rs-actions .sbtn:not(.sbtn-p){display:none}
.kpis{grid-template-columns:1fr 1fr}
.kpi:nth-child(3){border-left:0}
.kpi:nth-child(n+3){border-top:1px solid var(--line)}
.hide-s{display:none}
.w-t{width:46%}.w-r{width:24%}.w-o{width:30%}
.tbl .ref{display:none}
.tbl tr:nth-child(n+6){display:none}
.rs-panel{border-left:0;border-top:1px solid var(--line);padding:16px}
.app-main,.app-view-today .frag{padding:16px}
.app-head{flex-direction:column}
.app-panel{padding:16px}
.pg{padding:16px}
.screen-bar .bar-r{display:none}
/* 5 */
.room{min-height:112px;padding:12px 14px}
.room-t{font-size:16px}
.room-d{display:none}
.plan-legend{gap:12px;flex-direction:column}
/* 6 – вертикална карта, една глава на екран */
.pin-track-delta{height:auto}
.pin-track-delta>[data-delta]{position:static;height:auto;overflow:visible;padding-top:80px}
.pin-track-delta .sec-head{display:block}
.pin-track-delta .sec-head .lede{margin-top:24px}
.map{height:auto}
.map-stage{height:auto;display:flex;flex-direction:column}
.map-svg{display:none}
.map-m{display:block;position:static;width:100%;height:auto;padding:16px 0 0}
.map-card{position:static;width:auto;margin:16px}
.map-ctrl{height:auto;flex-wrap:wrap;gap:12px;padding:16px}
.dots{order:-1;width:100%;justify-content:space-between}
/* 7 – слайдер 358 × 440 */
.eras{gap:12px;margin-top:32px}
.eras .body{font-size:14px}
.cmp{height:440px}
.desk-in{width:358px;transform:scale(.62);transform-origin:0 0}
.after-in>.screen-bar{margin:-16px -16px 0}
.after-in{width:358px;padding:16px;gap:10px;transform:scale(.82);transform-origin:100% 0;height:122%}
.ans-grid{grid-template-columns:1fr}
.ans-grid .mini:nth-child(n+3){display:none}
.ed .handle{padding:0 12px}
/* 8 */
.price .del{font-size:28px}
.incl{flex-direction:column;gap:8px}
/* 9 */
.fact{grid-template-columns:1fr;gap:8px}
/* 10 */
.ea-meta{grid-template-columns:1fr}
/* 11 */
.who .c9-12{order:-1}
.who .c9-12{justify-content:flex-start;padding-top:0}
.photo{max-width:240px}
.quote{font-size:32px}
.stats{grid-template-columns:1fr 1fr;margin-top:48px}
.stat-v{font-size:28px}
.faq{margin-top:64px}
.faq-h{font-size:26px}
.qa summary{font-size:17px}
.qa p{padding-right:0}
/* 12 */
.final{padding-bottom:80px}
.form-row{flex-direction:column}
.form-row .btn{width:100%}
/* футър */
.c-f1,.c-f2,.c-f3{grid-column:1/-1}
.foot{padding-block:48px 24px}
.foot-base{margin-top:40px;flex-direction:column}
}
@media (min-width:601px) and (max-height:780px){
.pin-track-gather .hero{padding-block:24px}
.hero-grid{row-gap:20px}
.hero-cat{margin-top:18px}.hero-cta{margin-top:20px}.hero-offer{margin-top:16px}.hero-cue{margin-top:24px}
.gather{height:min(66vh,480px)}
.pin-track-delta>[data-delta]{padding-block:20px}
.pin-track-delta .sec-head{gap:32px}
.pin-track-delta .map{height:calc(100vh - 250px);min-height:400px;margin-top:18px}
.pin-track-delta .map-foot{margin-top:10px}
}
@media (prefers-reduced-motion:reduce){
.app-view{transition:none}
.ed button.rs-item.is-hinting{animation:none}
}
/* От общи-части.md: правилата, които ги няма в Home.dc.html */
.ed[data-theme="dark"]{
--bg:#1A1917;--bg-deep:#141312;--surface:#22201E;--surface-2:#2A2826;
--line:#32302C;--line-strong:#767169;--ink:#F4F1EA;--dim:#A9A398;
--acc:#8F9BFF;--acc-btn:#4A5AE6;--acc-press:#3D4FE0;--acc-tint:rgba(143,155,255,.14);
--pen:#F0705F;--focus:#8F9BFF;
--warn:#F2B95B;--map-people:#9FD8C7;--map-loop:#F2B95B;
--tag-bg:#3A3835;--tag-front:#3A3835;--tag-mid:#2E2C29;--tag-back:#262422;--tag-fg:#F4F1EA;--note:#3A3622;--note-ink:#F4EBC8;
--shadow-screen:0 24px 48px -24px rgba(0,0,0,.35);color-scheme:dark}
.ed[data-theme="light"] .t-to-light{display:none}
.ed[data-theme="dark"] .t-to-dark{display:none}
.sheet{position:relative;margin-top:-1px;background:var(--surface);border-top:1px solid var(--line);border-radius:8px 8px 0 0;padding:8px 16px 24px}
.sheet-top{display:flex;justify-content:space-between;align-items:center;height:56px}
.ed .sheet-close{display:inline-flex;align-items:center}
.sheet-links{border-top:1px solid var(--line)}
.sheet-links li{border-bottom:1px solid var(--line)}
.ed .sheet-links a{display:flex;align-items:center;height:56px;color:var(--ink);text-decoration:none;font-size:19px;font-weight:500}
.sheet-foot{display:flex;gap:12px;align-items:center;margin-top:24px}
.sheet-foot .btn{flex:1}
.ed .inp.is-focus{border:2px solid var(--acc);padding:0 13px}
.ed .inp.is-error{border:2px solid var(--pen);padding:0 13px}
.form-err{color:var(--pen)}