/* /dileram/ — новый дизайн (06.10.2026). Сборщик tools/build-partner-pages.py, макет design-mockups/dileram-mock.html */
:root{--cu:#C8763C}
.dl .ui-wrap{max-width:1400px}
.k{font:12px Onest;letter-spacing:.3em;text-transform:uppercase;color:var(--cu)}
.h2{font:200 clamp(34px,4.6vw,72px)/1.05 Unbounded!important;letter-spacing:-.03em;color:var(--ui-strong);margin:18px 0 0;max-width:1150px}
.h2 em{font-style:normal;font-weight:300;color:var(--cu)}
.sec{padding-top:140px}
.dk{--ui-page:#0F0A08;--ui-card:#17100C;--ui-strong:#F5ECE2;--ui-text:#E9DFD3;--ui-nav:#CFC3B4;--ui-muted:#A08E7C;--ui-line:rgba(200,118,60,.18);--ui-field:rgba(255,240,225,.06);color:var(--ui-text)}

/* 1. герой: слева текст, справа «кабинет» в 3D */
.hero{position:relative;overflow:hidden;background:radial-gradient(900px 600px at 80% 40%,rgba(200,118,60,.18),transparent 60%),#0b0705}
.hero .ui-wrap{position:relative;padding:130px 20px 90px;display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}
.h1{font:200 clamp(44px,6vw,98px)/.98 Unbounded!important;letter-spacing:-.04em;color:#F5ECE2;margin:22px 0 0}
.h1 em{display:block;font-style:normal;font-weight:300;color:var(--cu)}
.hero p{max-width:540px;margin-top:24px;font:300 18px/1.6 Onest;color:#E9DFD3}
.hero p b{color:#F0B582;font-weight:400}
.hero .ui-actions{margin-top:28px}

/* кабинет */
.cab{perspective:1600px}
.scr{border-radius:22px;background:#120C09;border:1px solid rgba(200,118,60,.4);box-shadow:-40px 60px 120px rgba(0,0,0,.6),0 0 0 10px rgba(200,118,60,.05);transform:rotateY(-12deg) rotateX(5deg);transition:transform 1s cubic-bezier(.2,.7,.2,1);overflow:hidden}
.cab:hover .scr{transform:rotateY(-3deg) rotateX(1deg)}
.bar{display:flex;align-items:center;gap:8px;padding:13px 18px;border-bottom:1px solid var(--ui-line)}
.bar i{width:10px;height:10px;border-radius:50%;background:#3a2a20}
.bar span{margin-left:12px;font:12px Onest;color:#A08E7C}
.tabs{display:flex;gap:4px;padding:12px 16px 0}
.tabs button{padding:9px 14px;border-radius:10px 10px 0 0;border:0;background:transparent;font:13px Onest;color:#A08E7C;cursor:pointer}
.tabs button.on{background:rgba(200,118,60,.14);color:#F5ECE2}
.pane{padding:16px 18px 20px;min-height:330px}
.pane[hidden]{display:none}
table.pl{width:100%;border-collapse:collapse;font:13px Onest;color:#CFC3B4}
.pl th{text-align:left;font-weight:400;color:#8F7F70;padding:8px 6px;border-bottom:1px solid var(--ui-line)}
.pl td{padding:11px 6px;border-bottom:1px solid rgba(245,236,226,.06)}
.pl td b{font-weight:400;color:#F5ECE2}
.pl tr{cursor:pointer;transition:background .2s}.pl tr:hover td{background:rgba(200,118,60,.08)}
.pl tr.on td{background:rgba(200,118,60,.16)}
.pl td.r{text-align:right;white-space:nowrap;color:#F0B582}
.calc{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.calc .lbl{font:12px Onest;letter-spacing:.12em;text-transform:uppercase;color:#8F7F70;margin-bottom:8px}
.seg{display:flex;gap:6px;flex-wrap:wrap}
.seg button{padding:9px 13px;border-radius:999px;border:1px solid var(--ui-line);background:transparent;font:13px Onest;color:#CFC3B4;cursor:pointer}
.seg button.on{background:var(--cu);border-color:var(--cu);color:#fff}
.res{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.res div{padding:14px;border-radius:14px;background:rgba(255,240,225,.05);border:1px solid var(--ui-line)}
.res b{display:block;font:300 26px Unbounded;color:#F5ECE2}.res span{font:12px Onest;color:#A08E7C}
.kpbtn{grid-column:1/-1}
.kp{position:relative;margin-top:-6px;height:0;overflow:visible}
.paper{position:absolute;right:-30px;top:-280px;width:260px;padding:22px;border-radius:14px;background:#F6EFE5;color:#1B120C;box-shadow:0 30px 60px rgba(0,0,0,.5);transform:translateY(40px) rotate(4deg);opacity:0;pointer-events:none;transition:all .6s cubic-bezier(.3,1.4,.5,1)}
.paper.on{transform:translateY(0) rotate(4deg);opacity:1}
.paper h5{margin:0;font:400 11px Onest;letter-spacing:.22em;text-transform:uppercase;color:#A35A24}
.paper b{display:block;margin:8px 0 12px;font:300 18px Unbounded}
.paper p{margin:6px 0;font:13px/1.5 Onest;color:#4A3A2E;display:flex;justify-content:space-between;gap:8px}
.paper p i{font-style:normal;color:#1B120C}
.note{margin-top:14px;font:12px Onest;color:#8F7F70}

/* 2. бегущая строка */
.mq{overflow:hidden;border-top:1px solid var(--ui-line);border-bottom:1px solid var(--ui-line);padding:24px 0;background:var(--ui-card)}
.mq div{display:flex;gap:56px;width:max-content;animation:mq 34s linear infinite;font:200 clamp(26px,3.2vw,48px) Unbounded;color:var(--ui-strong);white-space:nowrap}
.mq span:nth-child(even){color:var(--cu)}
@keyframes mq{to{transform:translateX(-50%)}}

/* 3. возможности кабинета */
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:50px}
.feat div{padding:32px 28px;border-radius:24px;background:var(--ui-card);border:1px solid var(--ui-line);transition:border-color .25s,transform .25s}
.feat div:hover{border-color:rgba(200,118,60,.6);transform:translateY(-3px)}
.feat svg{width:40px;height:40px;stroke:var(--cu)}
.feat b{display:block;font:300 21px/1.25 Unbounded;color:var(--ui-strong);margin:18px 0 10px}
.feat p{font:300 15px/1.65 Onest;color:var(--ui-nav);margin:0}

/* 4. форматы — карта регионов */
.fmt{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center;margin-top:40px}
.fmt-l{display:grid;gap:12px}
.fmt-l button{display:block;text-align:left;padding:22px 24px;border-radius:20px;border:1px solid var(--ui-line);background:var(--ui-card);cursor:pointer;transition:all .25s}
.fmt-l button b{display:block;font:300 20px Unbounded;color:var(--ui-strong)}
.fmt-l button span{display:block;margin-top:6px;font:14px Onest;color:var(--ui-nav)}
.fmt-l button.on{border-color:var(--cu);background:rgba(200,118,60,.12)}
.map{position:relative;aspect-ratio:1.25/1;border-radius:28px;overflow:hidden;background:#140D09;margin:0}
.map img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .7s ease,transform 1.2s ease}
.map img.on{opacity:1;transform:none}
.map::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,8,6,.88) 0%,rgba(12,8,6,.35) 42%,rgba(12,8,6,0) 70%);pointer-events:none}
.map figcaption{position:absolute;left:30px;right:30px;bottom:26px;z-index:1;color:#F5ECE2}
.map figcaption i{display:block;font:12px Onest;font-style:normal;letter-spacing:.24em;text-transform:uppercase;color:#F0B582}
.map figcaption b{display:block;margin-top:10px;font:300 26px/1.2 Unbounded;letter-spacing:-.01em}
.map figcaption span{display:block;margin-top:10px;font:15px/1.55 Onest;color:#E3D7C9;max-width:520px}
.map figcaption small{display:block;margin-top:16px;padding-top:14px;border-top:1px solid rgba(245,236,226,.18);font:13px Onest;color:#BFB1A2}

/* 5. шаги */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:50px;counter-reset:s}
.steps div{position:relative;padding:28px 24px;border-radius:22px;border:1px solid var(--ui-line);background:var(--ui-card)}
.steps i{font:200 44px/1 Unbounded;font-style:normal;color:var(--cu)}
.steps b{display:block;font:300 19px Unbounded;color:var(--ui-strong);margin:18px 0 8px}
.steps p{font:300 14px/1.6 Onest;color:var(--ui-nav);margin:0}

/* финал */
.fin{margin-top:140px;position:relative;overflow:hidden;background:#0b0705}
.fin>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3}
.fin .ui-wrap{position:relative;padding:130px 20px;text-align:center}
.fin .h2{margin:18px auto 0}.fin p{margin:20px auto 0;max-width:560px;font:300 18px/1.6 Onest;color:#CFC3B4}
.fin .ui-actions{justify-content:center;margin-top:32px}

html[data-theme="light"] .feat div,html[data-theme="light"] .steps div,html[data-theme="light"] .fmt-l button{background:#fff}
@media(max-width:900px){
 .hero .ui-wrap{grid-template-columns:1fr}.scr{transform:none!important}.paper{right:0;top:-240px}
 .feat,.fmt,.steps{grid-template-columns:1fr}.sec{padding-top:96px}.calc{grid-template-columns:1fr}
}
.pt-faq{padding-top:120px}
@media(max-width:900px){.pt-faq{padding-top:90px}}
@media(max-width:600px){.h2{font-size:30px!important;overflow-wrap:anywhere}.h1{font-size:44px!important}.proj span{font-size:16px!important;left:14px;right:14px;bottom:14px}}