:root{
  --ink:#080a0b;
  --panel:#0e1112;
  --panel-2:#131718;
  --paper:#f3f0e9;
  --muted:#a9aaa5;
  --line:rgba(255,255,255,.12);
  --copper:#d5794e;
  --copper-2:#f0a36f;
  --mint:#a8d6c8;
  --radius:24px;
}
html{background:var(--ink);scroll-padding-top:84px}
body{background:radial-gradient(circle at 12% 8%,rgba(213,121,78,.14),transparent 24rem),radial-gradient(circle at 88% 34%,rgba(168,214,200,.08),transparent 28rem),var(--ink)!important;color:var(--paper);overflow-x:hidden}
.lab-particles{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}
body>x-dc,body>.lab-root{position:relative;z-index:1}
::selection{background:var(--copper)!important;color:#fff}
.lab-root{
  color:var(--paper)!important;
  background:transparent!important;
  font-family:'IBM Plex Sans',Arial,sans-serif!important;
}
.lab-root>header{
  background:rgba(8,10,11,.78)!important;
  border-color:var(--line)!important;
  backdrop-filter:blur(20px) saturate(140%)!important;
}
.lab-root>header>div{max-width:1320px!important;padding-top:12px!important;padding-bottom:12px!important}
.lab-root>header a{color:var(--paper)!important}
.lab-root>header img{width:52px!important;height:52px!important;border-radius:14px!important;box-shadow:0 0 0 1px rgba(255,255,255,.16),0 10px 35px rgba(0,0,0,.35)}
.lab-root>header>div>a:first-child>span{font-size:25px!important;line-height:1.05!important;white-space:nowrap}
.lab-root>header nav a{color:#bebfba!important;position:relative}
.lab-root>header nav a:hover{color:#fff!important}
.lab-root>header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--copper);transition:right .3s ease}
.lab-root>header nav a:hover:after{right:0}

.lab-root>section{
  color:var(--paper)!important;
  background:transparent!important;
  border-color:var(--line)!important;
  overflow:hidden;
}
.lab-root>section[style*="background:#ebe5d9"],
.lab-root>section[style*="background:#f3efe7"]{
  color:var(--paper)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012))!important;
}
.lab-root>section>div{max-width:1240px!important;padding-top:clamp(78px,9vw,138px)!important;padding-bottom:clamp(78px,9vw,138px)!important}
.lab-root h1,.lab-root h2,.lab-root h3{
  color:var(--paper)!important;
  font-family:'IBM Plex Sans',Arial,sans-serif!important;
  letter-spacing:-.035em!important;
}
.lab-root h1{font-weight:500!important;font-size:clamp(45px,6.2vw,86px)!important;line-height:.98!important;max-width:13ch}
.lab-root h2{font-weight:500!important;font-size:clamp(34px,4.3vw,58px)!important;line-height:1.02!important}
.lab-root h3{font-weight:500!important;letter-spacing:-.02em!important}
.lab-root p{color:#b8b8b2!important}
.lab-root [style*="color:#574f45"],.lab-root [style*="color:#6c6256"],.lab-root [style*="color:#8a8175"]{color:#a9aaa5!important}
.lab-root [style*="color:#bf5d38"]{color:var(--copper-2)!important}
.lab-root [style*="border-top:1px solid #ddd5c6"],
.lab-root [style*="border:1px solid #ddd5c6"],
.lab-root [style*="border-bottom:1px solid #ddd5c6"]{border-color:var(--line)!important}

/* Главный экран */
.lab-root>#top{width:100%!important;max-width:1320px!important;min-height:calc(100svh - 74px);display:block;padding-top:clamp(52px,7vw,100px)!important;padding-bottom:clamp(72px,8vw,116px)!important;position:relative}
.lab-root>#top:before{content:"LAB / 01";position:absolute;top:110px;right:48px;font:500 11px/1 'IBM Plex Mono',monospace;letter-spacing:.22em;color:rgba(255,255,255,.32)}
#top>.lab-hero-grid{width:100%!important;max-width:none!important;min-width:0!important;padding:0!important;grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr)!important;gap:clamp(42px,6vw,100px)!important}
#top>.tech-tags{max-width:none!important;padding:28px 0 0!important}
.lab-hero-grid>div:first-child{position:relative;z-index:2}
.lab-hero-grid>div:first-child>p:first-child{display:inline-flex!important;align-items:center;gap:10px;padding:8px 12px!important;border:1px solid rgba(240,163,111,.32);border-radius:999px;background:rgba(213,121,78,.08)}
.lab-hero-grid>div:first-child>p:first-child:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--copper-2);box-shadow:0 0 16px var(--copper-2)}
.lab-hero-grid>.tech-visual{position:relative;border-radius:30px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 120px rgba(0,0,0,.5);transform:rotate(1deg)}
.lab-hero-grid>.tech-visual:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 55%,rgba(5,7,8,.75));pointer-events:none}
.lab-hero-grid>.tech-visual:after{content:none}
.lab-hero-grid>.tech-visual img{filter:saturate(.82) contrast(1.05);transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.lab-hero-grid>.tech-visual:hover img{transform:scale(1.035)}
.tech-proof{color:var(--paper)!important;background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.14)!important;border-left-color:var(--copper)!important;border-radius:14px!important}
.tech-stats{position:relative;z-index:2;background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.12)!important}
.tech-stats>div{background:rgba(8,10,11,.78)!important;color:var(--paper)!important}
.tech-tags span{color:#c7c7c1!important;background:rgba(255,255,255,.045)!important;border:1px solid var(--line)}

/* Кнопки */
.lab-root a[style*="background:#bf5d38"],
.lab-root button[style*="background:#bf5d38"]{
  color:#0b0d0e!important;background:linear-gradient(135deg,var(--copper-2),var(--copper))!important;
  border:0!important;border-radius:14px!important;box-shadow:0 14px 40px rgba(213,121,78,.18);position:relative;overflow:hidden;
  transition:transform .25s ease,box-shadow .25s ease!important
}
.lab-root a[style*="background:#bf5d38"]:hover,.lab-root button[style*="background:#bf5d38"]:hover{transform:translateY(-2px);box-shadow:0 18px 55px rgba(213,121,78,.32)}
.lab-root a[style*="border:1px solid #bf5d38"],.lab-root a[style*="border:1px solid #6c6256"]{color:var(--paper)!important;background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.2)!important;border-radius:14px!important;backdrop-filter:blur(12px)}
.lab-hero-grid a[href*="t.me"]{color:var(--paper)!important;background:rgba(255,255,255,.025)!important;border-color:rgba(255,255,255,.32)!important;border-radius:14px!important}

/* Карточки и bento-сетка */
.tech-bento{gap:14px!important;background:transparent!important;border:0!important;grid-template-columns:repeat(12,1fr)!important}
.tech-bento>div{grid-column:span 4;min-height:280px;background:rgba(255,255,255,.035)!important;border:1px solid var(--line);border-radius:var(--radius);padding:30px!important;position:relative;overflow:hidden;transition:transform .35s ease,border-color .35s ease,background .35s ease}
.tech-bento>div:nth-child(2),.tech-bento>div:nth-child(5){grid-column:span 5}
.tech-bento>div:nth-child(3),.tech-bento>div:nth-child(4){grid-column:span 7}
.tech-bento>div:hover{transform:translateY(-5px);border-color:rgba(240,163,111,.38);background:rgba(255,255,255,.055)!important}
.tech-bento>div:after,.tech-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(240,163,111,.11),transparent 45%);opacity:0;transition:opacity .3s}
.tech-bento>div:hover:after,.tech-card:hover:after{opacity:1}

/* Изображения и тематические секции */
.lab-root figure{border-color:var(--line)!important}
.lab-root section img{border-radius:20px}
#elka .lab-layout-gallery{gap:14px!important}
#elka .lab-layout-gallery figure{border:1px solid var(--line);border-radius:22px!important;overflow:hidden}
#elka .lab-layout-gallery figure img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}
#elka .lab-layout-gallery figure:hover img{transform:scale(1.045)}
#dopusk [style*="background:#fbf9f3"],#sroki [style*="background:#fbf9f3"],
.lab-root [style*="background:#fbf9f3"]{
  color:var(--paper)!important;background:rgba(255,255,255,.035)!important;border-color:var(--line)!important
}
#dopusk [style*="background:#fbf9f3"]{border-radius:18px!important}
#sroki>div>div[style*="display:grid"]{gap:14px!important;background:transparent!important;border:0!important}
#sroki>div>div[style*="display:grid"]>div{border:1px solid var(--line);border-radius:22px;min-height:230px}

/* Калькулятор как инженерная консоль */
#kalkulyator{background:linear-gradient(135deg,#101415,#090b0c)!important}
#kalkulyator>div>div[style*="display:grid"]{background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:30px!important;box-shadow:0 35px 100px rgba(0,0,0,.32);overflow:hidden}
#kalkulyator [style*="background:#f3efe7"],#kalkulyator [style*="background:#ebe5d9"],#kalkulyator [style*="background:#fbf9f3"]{background:rgba(255,255,255,.035)!important;color:var(--paper)!important;border-color:var(--line)!important}
#kalkulyator input,#kalkulyator select,#kalkulyator textarea{background:#090b0c!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important;border-radius:12px!important}
.tech-calc-grid{background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:30px;padding:clamp(22px,3vw,38px)}
.tech-calc-controls button{background:rgba(255,255,255,.045)!important;color:var(--paper)!important;border-color:rgba(255,255,255,.14)!important;border-radius:14px!important;transition:border-color .25s,background .25s,transform .25s}
.tech-calc-controls button:hover{background:rgba(255,255,255,.075)!important;border-color:rgba(240,163,111,.4)!important;transform:translateX(3px)}
.tech-calc-result{color:var(--paper)!important;background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;border-color:rgba(255,255,255,.16)!important;border-radius:22px!important;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.tech-calc-result>div{color:#bfc0bb!important;border-color:var(--line)!important}
.tech-calc-result>div:nth-child(2){color:var(--paper)!important}
.tech-calc-note{background:rgba(255,255,255,.055)!important;color:#b8b8b2!important}
#elka span{color:#c8c8c2!important;background:rgba(255,255,255,.045)!important;border-color:var(--line)!important;border-radius:999px!important}
input[type=range]{accent-color:var(--copper)!important}

/* Галерея, риски, FAQ, форма */
#primery figure{border-radius:24px!important;overflow:hidden;border:1px solid var(--line)!important}
#primery figure img{filter:saturate(.82);transition:filter .4s,transform .8s}
#primery figure:hover img{filter:saturate(1);transform:scale(1.035)}
#primery .work-wheel>div{border-color:var(--line)!important;box-shadow:0 14px 42px rgba(0,0,0,.28)}
#primery .work-wheel>div.is-wheel-active{box-shadow:0 34px 90px rgba(0,0,0,.55),0 0 0 1px rgba(240,163,111,.18)}
#primery .work-wheel-hint{color:#9d9e99}
.lab-root details{background:rgba(255,255,255,.028)!important;border-color:var(--line)!important;border-radius:16px!important;margin-bottom:10px;transition:background .3s,border-color .3s}
.lab-root details[open]{background:rgba(255,255,255,.055)!important;border-color:rgba(240,163,111,.28)!important}
.lab-root details summary{color:var(--paper)!important}
#kontakty{background:radial-gradient(circle at 16% 30%,rgba(213,121,78,.17),transparent 30rem),#0d1011!important}
#kontakty>div>div{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:30px;padding:clamp(25px,4vw,50px)!important}
#kontakty input,#kontakty textarea,#kontakty select{background:#090b0c!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important;border-radius:12px!important}
#kontakty label{color:#d4d2cb!important}
#kontakty input::placeholder,#kontakty textarea::placeholder{color:#7e817e!important;opacity:1}
#kontakty a{color:#e4e1da!important;border-color:rgba(255,255,255,.2)!important;border-radius:12px!important}
#kontakty a:hover{border-color:var(--copper)!important;color:#fff!important}
#kontakty span{color:#d0cec7!important}
#faq>a[href="faq.dc.html"]{color:var(--paper)!important;background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.25)!important;border-radius:14px!important}
.lab-root>footer{background:#050607!important;color:#888!important;border-color:var(--line)!important}
.lab-root>footer a{color:#c9c7c0!important}

/* Дополнительные страницы */
body>.page,body>.lab-page,body>main{background:var(--ink)!important;color:var(--paper)!important}
body header{background:rgba(8,10,11,.82)!important;border-color:var(--line)!important;backdrop-filter:blur(20px)}
body header a{color:var(--paper)!important}
body main section,body main>div{border-color:var(--line)!important}
body main h1,body main h2,body main h3{font-family:'IBM Plex Sans',Arial,sans-serif!important;color:var(--paper)!important;letter-spacing:-.035em!important}
body main p,body main li{color:#b4b4ae!important}
body main [style*="background:#fbf9f3"],body main [style*="background:#f3efe7"],body main [style*="background:#ebe5d9"]{background:rgba(255,255,255,.035)!important;color:var(--paper)!important;border-color:var(--line)!important}
body main img{border-radius:22px!important}

.sc-host{position:relative;z-index:1}
.sc-host>div{background:transparent!important;color:var(--paper)!important;font-family:'IBM Plex Sans',Arial,sans-serif!important}
.sc-host>div>header{background:rgba(8,10,11,.82)!important;border-color:var(--line)!important;backdrop-filter:blur(20px)!important}
.sc-host>div>header a{color:var(--paper)!important}
.sc-host>div>section{background:transparent!important;border-color:var(--line)!important;color:var(--paper)!important}
.sc-host h1,.sc-host h2,.sc-host h3{font-family:'IBM Plex Sans',Arial,sans-serif!important;color:var(--paper)!important;letter-spacing:-.035em!important}
.sc-host h1{font-size:clamp(40px,6vw,72px)!important;line-height:1!important;font-weight:500!important}
.sc-host h2{font-weight:500!important}
.sc-host p,.sc-host li{color:#b5b5af!important}
.sc-host details{background:rgba(255,255,255,.03)!important;border:1px solid var(--line)!important;border-radius:16px!important;margin:10px 0;overflow:hidden}
.sc-host details[open]{background:rgba(255,255,255,.055)!important;border-color:rgba(240,163,111,.3)!important}
.sc-host details summary{color:var(--paper)!important}
.sc-host [style*="background: rgb(251, 249, 243)"],.sc-host [style*="background: rgb(243, 239, 231)"],.sc-host [style*="background: rgb(235, 229, 217)"]{background:rgba(255,255,255,.04)!important;color:var(--paper)!important;border-color:var(--line)!important}
.sc-host img{border-radius:20px!important}
.sc-host div:has(>button){background:rgba(8,10,11,.88)!important;border-color:var(--line)!important;backdrop-filter:blur(16px)!important}
.sc-host button{background:rgba(255,255,255,.045)!important;color:#d6d6d0!important;border-color:var(--line)!important}
.sc-host button[style*="background: rgb(191, 93, 56)"]{background:var(--copper)!important;color:#fff!important;border-color:var(--copper)!important}

/* Появление при прокрутке */
.tech-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.tech-reveal.tech-visible{opacity:1;transform:none}
.tech-line{position:fixed;z-index:70;left:0;top:0;height:2px;width:var(--scroll,0%);pointer-events:none;background:linear-gradient(90deg,var(--copper),var(--copper-2),var(--mint));box-shadow:0 0 14px rgba(240,163,111,.5)}

@media(max-width:900px){
  .lab-root>header>div{padding:10px 14px!important;gap:9px!important}
  .lab-root>header>div>a:first-child{gap:8px!important}
  .lab-root>header>div>a:first-child img{width:42px!important;height:42px!important}
  .lab-root>header>div>a:first-child>span{font-size:17px!important;line-height:1.05!important}
  .lab-root>header a[data-event="click_phone"]{width:40px!important;height:40px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:0!important;border-radius:12px!important;overflow:hidden}
  .lab-root>header a[data-event="click_phone"]:before{content:"☎";font:400 18px/1 Arial,sans-serif;color:inherit}
  .lab-root>header>div>a:last-child{font-size:11.5px!important;padding:9px 10px!important}
  .lab-root>section>div{padding-top:72px!important;padding-bottom:72px!important}
  .lab-root>#top{padding-top:44px!important;min-height:auto}
  .lab-root>#top:before{display:none}
  #top>.lab-hero-grid{grid-template-columns:1fr!important}
  #top>.lab-hero-grid>div{min-width:0!important}
  .lab-hero-grid figure{transform:none}
  .tech-bento{grid-template-columns:1fr!important}
  .tech-bento>div{grid-column:auto!important;min-height:0}
  .lab-root h1{font-size:clamp(40px,12vw,62px)!important}
  .lab-root h2{font-size:clamp(32px,9vw,46px)!important}
  #kontakty>div>div{border-radius:22px}
  .lab-mbar{background:rgba(8,10,11,.94)!important;border-color:var(--line)!important;backdrop-filter:blur(18px)!important}
}
@media(prefers-reduced-motion:reduce){
  .tech-reveal{opacity:1;transform:none;transition:none}.tech-line{display:none}
}