/* ═══ Fladero · сайт концепции — общ двигател (навy + злато, Б1, серифни заглавия) ═══ */
:root{--navy:#1c2c44;--deep:#0f1a2c;--ink:#1a2233;--mut:#5c6a7d;--gold:#e8b978;--gold2:#c89a5b;--paper:#f7f4ee;--bg:#f2efe9;--line:#d9dee6;--white:#fff;
  --serif:"Fraunces","Iowan Old Style","Palatino Linotype",Georgia,serif;--sans:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.dark{background:var(--deep);color:#e9eef6}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 28px}
h1,h2,h3,.serif{font-family:var(--serif);font-weight:500;letter-spacing:-.01em;line-height:1.05;margin:0}
h1{font-size:clamp(44px,6.4vw,92px)}h2{font-size:clamp(32px,4vw,56px)}h3{font-size:22px}
h1 i,h2 i,.serif i{font-style:italic;font-weight:400;color:var(--gold)}
p{line-height:1.6;margin:0}.lead{font-size:clamp(17px,1.5vw,21px);color:var(--mut);max-width:60ch}body.dark .lead{color:#a9b8cf}
.mono{font-family:var(--mono);font-size:12px;letter-spacing:.02em}
.eyebrow{font-family:var(--sans);font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--gold2)}body.dark .eyebrow{color:var(--gold)}
.eyebrow::before{content:"";display:inline-block;width:18px;height:2px;background:currentColor;vertical-align:middle;margin-right:10px}
/* навигация */
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:22px;padding:14px 28px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(242,239,233,.7);border-bottom:1px solid rgba(28,44,68,.08)}
body.dark .nav{background:rgba(15,26,44,.6);border-bottom-color:rgba(232,185,120,.14)}
.nav .brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.24em;font-size:12px}
.nav .links{display:flex;gap:18px;margin-left:12px;font-size:13px;font-weight:600;color:var(--mut)}body.dark .nav .links{color:#a9b8cf}
.nav .right{margin-left:auto;display:flex;align-items:center;gap:10px}
.nav .langs{font-size:10.5px;font-weight:800;letter-spacing:.14em;color:var(--mut)}
.mark{width:30px;height:30px;border-radius:9px;background:var(--navy);display:inline-grid;place-items:center;flex:none}
.mark svg{width:18px;height:18px}
/* бутони */
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:13.5px;padding:13px 22px;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .2s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn.gold{background:var(--gold);color:var(--navy);box-shadow:0 10px 30px rgba(232,185,120,.28)}
.btn.navy{background:var(--navy);color:var(--gold)}
.btn.ghost{border-color:rgba(28,44,68,.25);color:var(--navy)}body.dark .btn.ghost{border-color:rgba(232,185,120,.4);color:var(--gold)}
.btn.small{padding:9px 14px;font-size:12px}
/* Б1 сегмент */
.seg{display:inline-flex;position:relative;background:#e6eaf1;border-radius:12px;padding:4px;gap:2px}
body.dark .seg{background:#22324a}
.seg .thumb{position:absolute;top:4px;bottom:4px;left:4px;width:0;background:var(--navy);border-radius:9px;box-shadow:0 4px 12px rgba(28,44,68,.25);transition:left .25s cubic-bezier(.2,.8,.2,1),width .25s cubic-bezier(.2,.8,.2,1)}
body.dark .seg .thumb{background:var(--gold)}
.seg button{position:relative;z-index:1;border:0;background:transparent;font:inherit;font-size:12.5px;font-weight:800;padding:9px 16px;border-radius:9px;color:var(--mut);cursor:pointer;transition:color .2s}
.seg button.on{color:var(--gold)}body.dark .seg button{color:#8fa9cf}body.dark .seg button.on{color:var(--navy)}
/* секции */
section{padding:96px 0}section.tight{padding:56px 0}
.grid{display:grid;gap:22px}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.g2,.g3,.g4{grid-template-columns:1fr}}
.card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:26px}
body.dark .card{background:#16233a;border-color:#2b3f60}
.card h3{margin-bottom:8px}.card p{color:var(--mut);font-size:14.5px}body.dark .card p{color:#a9b8cf}
.bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:220px;gap:16px}
.bento .b{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:22px;position:relative;overflow:hidden}
body.dark .bento .b{background:#16233a;border-color:#2b3f60}
.bento .b img{position:absolute;right:-6%;bottom:-8%;width:70%;border-radius:12px;box-shadow:0 20px 50px rgba(15,26,44,.25)}
.bento .b .t{font-weight:800;font-size:15px}.bento .b .d{font-size:13px;color:var(--mut);margin-top:4px;max-width:26ch}body.dark .bento .b .d{color:#a9b8cf}
.span3{grid-column:span 3}.span2{grid-column:span 2}.span4{grid-column:span 4}.span6{grid-column:span 6}.rows2{grid-row:span 2}
@media(max-width:900px){.bento{grid-template-columns:1fr}.span2,.span3,.span4,.span6{grid-column:auto}}
/* екранен кадър */
.shot{border-radius:16px;overflow:hidden;box-shadow:0 30px 80px rgba(15,26,44,.28),0 0 0 1px rgba(28,44,68,.08);background:#0f1a2c}
.shot img{width:100%}
/* числа-доказателства */
.proof{display:flex;gap:34px;flex-wrap:wrap;align-items:flex-end}
.proof .n{font-family:var(--serif);font-size:clamp(34px,4vw,58px);line-height:1;color:var(--navy)}body.dark .proof .n{color:var(--gold)}
.proof .l{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--mut);margin-top:6px}
/* поява при скрол */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}
/* инженерна мрежа на фона */
.gridbg{background-image:linear-gradient(rgba(28,44,68,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(28,44,68,.06) 1px,transparent 1px);background-size:48px 48px}
body.dark .gridbg{background-image:linear-gradient(rgba(232,185,120,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(232,185,120,.07) 1px,transparent 1px)}
/* златен курсор-светлина */
#cursorLight{position:fixed;left:0;top:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(232,185,120,.22),rgba(232,185,120,0) 60%);mix-blend-mode:screen;transition:opacity .4s;opacity:0}
/* футър */
footer{padding:48px 0 40px;border-top:1px solid var(--line);font-size:13px;color:var(--mut)}
body.dark footer{border-top-color:#2b3f60;color:#8fa9cf}
footer .row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
/* плъзгач за конфигуратора */
.rng{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--gold) var(--p,50%),#d9dee6 var(--p,50%));outline:none}
body.dark .rng{background:linear-gradient(90deg,var(--gold) var(--p,50%),#2b3f60 var(--p,50%))}
.rng::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:11px;background:var(--navy);border:3px solid var(--gold);box-shadow:0 4px 12px rgba(0,0,0,.25);cursor:pointer}
.fld{display:flex;justify-content:space-between;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin-bottom:8px}
.fld b{font-family:var(--mono);font-size:13px;letter-spacing:0;text-transform:none;color:var(--navy)}body.dark .fld b{color:var(--gold)}
/* шаблони */
.tpl{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:900px){.tpl{grid-template-columns:1fr 1fr}}
.tpl .t{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:14px;transition:transform .15s,box-shadow .15s;cursor:pointer}
.tpl .t:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(15,26,44,.14)}
body.dark .tpl .t{background:#16233a;border-color:#2b3f60}
.tpl .t svg{width:100%;height:110px;display:block}.tpl .t b{display:block;font-size:13px;margin-top:8px}.tpl .t span{font-size:11.5px;color:var(--mut)}
/* цени */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:900px){.plans{grid-template-columns:1fr}}
.plan{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:26px}
.plan.hi{background:var(--navy);color:#fff;border-color:var(--navy)}
.plan .pr{font-family:var(--serif);font-size:44px;margin:10px 0}
.plan.hi .pr{color:var(--gold)}
.plan ul{margin:14px 0 18px;padding-left:18px;font-size:13.5px;line-height:1.9;color:var(--mut)}.plan.hi ul{color:#c9d4e6}
/* концепт етикет */
.ctag{position:fixed;left:14px;bottom:14px;z-index:60;background:var(--navy);color:var(--gold);font-size:10.5px;font-weight:800;letter-spacing:.14em;padding:7px 11px;border-radius:99px;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.ctag a{color:#fff;margin-left:10px;opacity:.8}

/* цените — лицензната карта */
.lic{display:grid;grid-template-columns:.9fr 1.1fr;margin-top:30px;border:1px solid rgba(232,185,120,.28);border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(15,26,44,.25)}
.licL{background:linear-gradient(160deg,#243a5c,#1c2c44 60%,#15243a);color:#fff;padding:34px}
.licL .price{margin:26px 0 6px;display:flex;align-items:baseline;gap:12px}.licL .price b{font-family:var(--serif);font-size:clamp(56px,6vw,84px);line-height:1;color:var(--gold);font-weight:400}.licL .price span{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#c9d4e6}
.licL .pNote{color:#c9d4e6;font-size:15px;margin-bottom:22px;min-height:24px}.licL .fine{font-size:11.5px;color:#8fa9cf;margin-top:14px}
.licL .seg{background:rgba(255,255,255,.08)}.licL .seg .thumb{background:var(--gold)}.licL .seg button{color:#c9d4e6}.licL .seg button.on{color:var(--navy)}
.licR{background:var(--white);padding:34px}body.dark .licR{background:#16233a}
.licR .inc{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;font-size:14px}
.licR .inc li{padding-left:22px;position:relative;line-height:1.45}.licR .inc li::before{content:"";position:absolute;left:0;top:7px;width:12px;height:12px;border-radius:6px;background:var(--gold)}
@media(max-width:900px){.lic{grid-template-columns:1fr}.licR .inc{grid-template-columns:1fr}}