/* homade.ru — «Ночной сад» v5 (13.10.2026).
   Один язык для всех страниц: кинематографичная сцена hero (фото бренда «цветение ночью» + падающие лепестки),
   сквозное полотно вместо полос, секционные панели-подложки (.section-panel), стеклянные карточки,
   светящаяся CTA-панель, типографика статей, формы калькуляторов. Подключается ПОСЛЕДНИМ. */

:root{
  --night:#150F1B; --plum:#2A1E34; --heather:#6E4A7E; --orchid:#B98ACB; --petal:#F3C6D5; --gold:#E6C88F; --brass:#C9A56A;
  --bg:#F7F2F7; --surface:#FFFFFF; --surface-2:#F1E8F2; --ink:#2E2139; --ink-2:#4F4160; --muted:#655970;
  --accent:#6E4A7E; --line:#E3D7E7; --brass-deep:#80602E;
  --glass:rgba(255,255,255,.66); --glass-2:rgba(250,244,250,.5); --glass-brd:rgba(110,74,126,.16); --glass-hi:rgba(255,255,255,.95);
  --lift:0 1px 2px rgba(60,32,78,.06),0 18px 40px -26px rgba(60,32,78,.38);
  --lift-hover:0 2px 4px rgba(60,32,78,.06),0 30px 60px -30px rgba(110,74,126,.55);
  --field-bg:#FFFFFF; --field-ink:#2E2139; --field-brd:#CDBDD5;
  --hm-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .4 0 0 0 0 .3 0 0 0 0 .45 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
:root[data-theme='dark']{
  --bg:#17111D; --surface:#271D30; --surface-2:#30243B; --ink:#F5EDF9; --ink-2:#D9CBE5; --muted:#BDACCB;
  --accent:#D0A9E6; --line:#45374F; --brass-deep:#DFBF8D;
  --glass:rgba(48,35,58,.62); --glass-2:rgba(32,23,40,.5); --glass-brd:rgba(232,205,255,.12); --glass-hi:rgba(255,255,255,.08);
  --lift:0 1px 2px rgba(0,0,0,.35),0 22px 50px -28px rgba(0,0,0,.85);
  --lift-hover:0 2px 4px rgba(0,0,0,.35),0 30px 70px -30px rgba(150,95,180,.55);
  --field-bg:#1D1524; --field-ink:#F5EDF9; --field-brd:#5A4868;
}

/* ===== сквозное полотно ===== */
body{background:var(--bg);position:relative;overflow-x:clip}
body::before,body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1}
body::before{background:
  radial-gradient(55% 45% at 6% 18%,rgba(110,74,126,.16),transparent 70%),
  radial-gradient(42% 38% at 96% 34%,rgba(201,165,106,.18),transparent 70%),
  radial-gradient(60% 45% at 70% 104%,rgba(243,198,213,.42),transparent 70%),
  radial-gradient(40% 35% at 20% 90%,rgba(185,138,203,.14),transparent 70%)}
body::after{background-image:var(--hm-grain);opacity:.35;mix-blend-mode:multiply}
:root[data-theme='dark'] body::before{background:
  radial-gradient(55% 45% at 6% 18%,rgba(150,95,180,.20),transparent 70%),
  radial-gradient(42% 38% at 96% 34%,rgba(214,170,100,.10),transparent 70%),
  radial-gradient(60% 45% at 70% 104%,rgba(200,110,150,.14),transparent 70%),
  radial-gradient(40% 35% at 20% 90%,rgba(110,74,126,.22),transparent 70%)}
:root[data-theme='dark'] body::after{opacity:.5;mix-blend-mode:screen}
main,footer{position:relative}
.blk:nth-of-type(even){background:none}
section.blk{padding-block:clamp(40px,5.5vw,80px)}

/* ===== HERO внутренних страниц: «Ночной сад» ===== */
.pagehead{background:var(--night);isolation:isolate;overflow:hidden;padding-bottom:clamp(56px,7vw,96px);
  border-radius:0 0 clamp(28px,4vw,52px) clamp(28px,4vw,52px);
  box-shadow:0 40px 80px -48px rgba(40,18,52,.75)}
.pagehead::after{content:"";position:absolute;inset:0;height:auto;border-radius:inherit;pointer-events:none;z-index:1;
  background:none;box-shadow:inset 0 -1px 0 rgba(230,200,143,.5),inset 0 -26px 40px -30px rgba(230,200,143,.28)}
.ph-scene{position:absolute;inset:0;z-index:0;pointer-events:none;container-type:size}
.ph-scene>i{position:absolute;inset:0;display:block}
.ph-photo{background:url(/poster.webp) center 42%/cover no-repeat;opacity:.92}
.ph-veil{background:
  radial-gradient(48% 62% at 50% 52%,rgba(21,15,27,.84),rgba(21,15,27,.55) 62%,rgba(21,15,27,.1)),
  linear-gradient(180deg,rgba(21,15,27,.86) 0%,rgba(21,15,27,.25) 26%,rgba(21,15,27,.3) 70%,rgba(21,15,27,.9) 100%)}
.ph-lamp{background:radial-gradient(38% 34% at 50% 104%,rgba(230,178,104,.32),transparent 70%),radial-gradient(30% 40% at 88% 10%,rgba(185,138,203,.22),transparent 70%)}
/* фирменный мотив: падающие лепестки */
.ph-petals{position:absolute;inset:0;overflow:hidden}
.ph-petals b{position:absolute;top:-30px;left:var(--x);width:var(--w,14px);height:calc(var(--w,14px)*.74);
  border-radius:85% 8% 85% 8%;background:radial-gradient(circle at 30% 28%,#FFF4F8,#F3C6D5 55%,#D99AB4);
  box-shadow:0 0 12px rgba(243,198,213,.35);opacity:0;will-change:transform,opacity;
  animation:hm-petal var(--d,14s) linear var(--dl,0s) infinite}
@keyframes hm-petal{
  0%{transform:translate3d(0,0,0) rotate(0deg) rotateY(0deg);opacity:0}
  8%{opacity:var(--o,.85)}
  50%{transform:translate3d(calc(var(--dx,60px)*.4),calc(50cqh + 15px),0) rotate(calc(var(--r,240deg)*.5)) rotateY(180deg)}
  88%{opacity:var(--o,.85)}
  100%{transform:translate3d(var(--dx,60px),calc(100cqh + 40px),0) rotate(var(--r,240deg)) rotateY(360deg);opacity:0}}
.ph-petals b:nth-child(1){--x:6%;--w:15px;--d:15s;--dl:-2s;--dx:90px}
.ph-petals b:nth-child(2){--x:15%;--w:10px;--d:19s;--dl:-11s;--dx:60px;--o:.6}
.ph-petals b:nth-child(3){--x:27%;--w:13px;--d:17s;--dl:-6s;--dx:-40px;--r:-200deg}
.ph-petals b:nth-child(4){--x:41%;--w:9px;--d:22s;--dl:-15s;--dx:70px;--o:.5}
.ph-petals b:nth-child(5){--x:56%;--w:14px;--d:16s;--dl:-9s;--dx:110px}
.ph-petals b:nth-child(6){--x:68%;--w:11px;--d:20s;--dl:-3s;--dx:-60px;--r:-260deg;--o:.7}
.ph-petals b:nth-child(7){--x:79%;--w:16px;--d:14s;--dl:-12s;--dx:80px}
.ph-petals b:nth-child(8){--x:90%;--w:10px;--d:18s;--dl:-7s;--dx:-50px;--o:.6}
.ph-petals b:nth-child(9){--x:34%;--w:7px;--d:24s;--dl:-19s;--dx:40px;--o:.45}
.ph-petals b:nth-child(10){--x:84%;--w:8px;--d:23s;--dl:-1s;--dx:30px;--o:.45}
@media(max-width:640px){.ph-petals b:nth-child(n+7){display:none}.ph-photo{background-position:50% 100%;background-size:auto 118%}}

.pagehead-in{margin-top:clamp(28px,4vw,56px)}
.pagehead h1{font-size:clamp(32px,5.2vw,60px);line-height:1.06;letter-spacing:-.02em;text-shadow:0 2px 40px rgba(0,0,0,.45)}
.pagehead p.lead{color:rgba(255,255,255,.86);text-shadow:0 1px 20px rgba(0,0,0,.5)}
.pagehead-in::after{content:"";display:block;width:120px;height:1px;margin:28px auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.8}
.crumb{color:rgba(255,255,255,.62)}
.crumb a{color:rgba(255,255,255,.82)}
.pagehead .art-meta{color:rgba(255,255,255,.78)}
.pagehead .cv-facts{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.14)}
.pagehead .cv-facts div{background:rgba(28,19,35,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.pagehead .cv-facts dt{color:rgba(255,255,255,.66)}
.pagehead .cv-facts dd{color:#fff}
.tl-badges span{background:rgba(21,15,27,.5);border-color:rgba(230,200,143,.3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}

/* hero главной — та же сцена-сцена: скругление и золотая кромка, видео не трогаем */
.hero{border-radius:0 0 clamp(28px,4vw,52px) clamp(28px,4vw,52px);isolation:isolate;box-shadow:0 40px 80px -48px rgba(40,18,52,.75)}
.hero::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;box-shadow:inset 0 -1px 0 rgba(230,200,143,.5),inset 0 -30px 50px -36px rgba(230,200,143,.3)}
.hero-ov2{background:linear-gradient(180deg,rgba(21,15,27,0),rgba(21,15,27,.55))}

/* ===== секционная панель-подложка ===== */
.section-panel{--g1:12% 0%;--g2:92% 100%;--g3:100% 30%;--pad:clamp(26px,4.4vw,60px);
  position:relative;isolation:isolate;overflow:hidden;border-radius:clamp(24px,3.4vw,40px);
  padding:var(--pad);border:1px solid rgba(110,74,126,.14);
  background:
    radial-gradient(48% 60% at var(--g1),rgba(150,110,185,.22),transparent 70%),
    radial-gradient(44% 56% at var(--g2),rgba(222,180,110,.26),transparent 70%),
    radial-gradient(30% 40% at var(--g3),rgba(243,198,213,.4),transparent 70%),
    linear-gradient(165deg,rgba(255,255,255,.92),rgba(247,239,247,.86));
  box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.5),0 2px 4px rgba(60,32,78,.04),0 50px 90px -56px rgba(70,40,90,.45)}
.section-panel::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:radial-gradient(circle,rgba(110,74,126,.2) 1px,transparent 1.3px);background-size:22px 22px;
  -webkit-mask:radial-gradient(70% 80% at var(--g1),#000,transparent 75%);mask:radial-gradient(70% 80% at var(--g1),#000,transparent 75%)}
.section-panel::after{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(230,200,143,.9),transparent)}
:root[data-theme='dark'] .section-panel{border-color:rgba(232,205,255,.1);
  background:
    radial-gradient(48% 60% at var(--g1),rgba(150,95,180,.34),transparent 70%),
    radial-gradient(44% 56% at var(--g2),rgba(214,170,100,.2),transparent 70%),
    radial-gradient(30% 40% at var(--g3),rgba(200,110,150,.16),transparent 70%),
    linear-gradient(165deg,#271C31,#1A1320);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 2px 4px rgba(0,0,0,.3),0 50px 100px -50px rgba(0,0,0,.9)}
:root[data-theme='dark'] .section-panel::before{background-image:radial-gradient(circle,rgba(232,205,255,.16) 1px,transparent 1.3px)}
.section-panel--b{--g1:88% 0%;--g2:6% 100%;--g3:0% 40%}
.section-panel--c{--g1:50% 0%;--g2:100% 90%;--g3:0% 85%}
.section-panel--d{--g1:0% 70%;--g2:80% 0%;--g3:100% 100%}
.section-panel--tight{--pad:clamp(22px,3vw,40px)}
.wrap.section-panel{max-width:1152px;width:calc(100% - 32px);margin-inline:auto}
.section-panel>.sec-head:first-child,.section-panel>.eyebrow:first-child{margin-top:0}
.tool-cat.section-panel{margin-top:28px}
.tool-cat.section-panel:first-of-type{margin-top:0}
.prose .section-panel{margin-top:44px;--pad:clamp(22px,3.4vw,38px)}
.prose .section-panel h2{margin-top:0}
@media(max-width:520px){.wrap.section-panel{width:calc(100% - 24px);padding:26px 18px}.section-panel{border-radius:24px}}

/* ===== стеклянные карточки ===== */
.card,.price,.link-card,.art-featured,.cv-steps li,.tl-files li,.faq,.art-toc,.cv-season,.cv-aud .card{
  background:linear-gradient(160deg,var(--glass),var(--glass-2));border:1px solid var(--glass-brd);
  box-shadow:inset 0 1px 0 var(--glass-hi),var(--lift);-webkit-backdrop-filter:blur(14px) saturate(130%);backdrop-filter:blur(14px) saturate(130%)}
.link-card,.card{position:relative;overflow:hidden}
.link-card::after,.card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s ease;
  background:radial-gradient(70% 60% at 50% 0%,rgba(243,198,213,.28),transparent 70%)}
.card.lift:hover,.link-card:hover,.art-featured:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 var(--glass-hi),var(--lift-hover);border-color:color-mix(in srgb,var(--accent) 38%,transparent)}
.card.lift:hover::after,.link-card:hover::after{opacity:1}
.link-card:focus-visible,.art-featured:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.card .ic{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 18%,transparent),color-mix(in srgb,var(--brass) 14%,transparent));border-color:color-mix(in srgb,var(--accent) 24%,transparent)}
.price.feat{border-color:rgba(201,165,106,.6);box-shadow:inset 0 1px 0 var(--glass-hi),0 0 0 1px rgba(201,165,106,.25),0 30px 70px -34px rgba(201,165,106,.6)}
.aud .pill{background:var(--glass);border-color:var(--glass-brd);box-shadow:inset 0 1px 0 var(--glass-hi)}
.cv-risk{border-color:var(--glass-brd);background:var(--glass-brd)}
.cv-risk>div{background:var(--glass)}
.cv-steps li{border-radius:22px}

/* ===== светящаяся CTA-панель ===== */
.band{position:relative;isolation:isolate;overflow:hidden;border-radius:clamp(26px,3.6vw,40px);padding:clamp(30px,5vw,60px);
  color:#fff;border:1px solid rgba(230,200,143,.38);
  background:linear-gradient(100deg,rgba(21,15,27,.94) 0%,rgba(21,15,27,.78) 55%,rgba(21,15,27,.55) 100%),url(/poster.webp) 80% 60%/cover no-repeat,var(--night);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 40px 90px -40px rgba(110,74,126,.75),0 0 0 6px rgba(201,165,106,.06)}
.band::before{content:"";position:absolute;z-index:-1;width:520px;height:520px;right:-120px;bottom:-300px;border-radius:50%;
  background:radial-gradient(circle,rgba(230,190,120,.45),transparent 65%);pointer-events:none}
.band h2{color:#fff}
.band .sec-sub,.band p{color:rgba(255,255,255,.82)}
.band .btn-brass{background:linear-gradient(180deg,#F0D7A6,#D4AE6E);color:#2A2018;box-shadow:0 0 0 1px rgba(255,236,200,.5) inset,0 14px 34px -10px rgba(230,190,120,.7)}
.band .btn-brass:hover{filter:brightness(1.06);transform:translateY(-1px)}
.band .btn-ghost{border-color:rgba(255,255,255,.35);color:#fff}
.band .btn-ghost:hover{background:rgba(255,255,255,.1)}
.band .btn-primary{background:#fff;color:#2A1E34}

/* ===== типографика статей ===== */
.prose{color:var(--ink-2)}
.prose h2{position:relative;padding-top:18px}
.prose h2::before{content:"";position:absolute;top:0;left:0;width:48px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--brass),rgba(201,165,106,0))}
.prose .section-panel h2::before,.art-faq h2::before{display:none}
.prose a{text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent)}
.prose blockquote{border-left:0;padding:22px 26px 22px 58px;border-radius:20px;position:relative;
  background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 9%,transparent),color-mix(in srgb,var(--brass) 9%,transparent));border:1px solid var(--glass-brd)}
.prose blockquote::before{content:"\201C";position:absolute;left:18px;top:6px;font-family:var(--fd);font-size:58px;line-height:1;color:var(--brass)}
.art-toc{border-radius:22px;padding:22px 26px}
.art-toc p{font-family:var(--fd);font-size:19px;letter-spacing:0;text-transform:none;color:var(--ink);font-weight:600;margin-bottom:12px}
.art-toc ol{list-style:none;padding:0;counter-reset:toc;columns:2 260px;column-gap:28px}
.art-toc li{counter-increment:toc;display:flex;gap:12px;break-inside:avoid;padding:5px 0;border-bottom:1px dashed color-mix(in srgb,var(--line) 80%,transparent)}
.art-toc li::before{content:counter(toc,decimal-leading-zero);font-family:var(--fd);font-size:14px;color:var(--brass-deep);min-width:22px;padding-top:2px}
.art-note{border-radius:18px;border:1px solid color-mix(in srgb,var(--brass) 40%,transparent);border-left:3px solid var(--brass);
  background:linear-gradient(135deg,color-mix(in srgb,var(--brass) 12%,transparent),color-mix(in srgb,var(--accent) 6%,transparent));padding:18px 22px 18px 52px;position:relative}
.art-note::before{content:"";position:absolute;left:20px;top:21px;width:16px;height:12px;border-radius:85% 8% 85% 8%;background:radial-gradient(circle at 30% 28%,#fff,#E9B6C9 55%,#C98AA5)}
.art-table,.prose .art-table{border:1px solid var(--glass-brd);border-radius:18px;background:var(--glass);box-shadow:var(--lift)}
.art-table table,.prose .art-table table{display:table;width:100%;margin:0;border-collapse:collapse}
.prose table{border-collapse:collapse}
.prose th{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 14%,var(--surface)),color-mix(in srgb,var(--accent) 8%,var(--surface)));color:var(--ink);font-size:14px}
.prose th,.prose td{border:0;border-bottom:1px solid var(--line)}
.prose tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--accent) 4%,transparent)}
.prose tbody tr:last-child td{border-bottom:0}
.art-faq details,.faq details{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;padding:16px 2px;margin:0}
.art-faq details:last-child,.faq details:last-child{border-bottom:0}
.art-faq summary,.faq summary{align-items:center}
.art-faq summary::after,.faq summary::after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  font-size:18px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:var(--glass);transition:transform .25s ease}
.art-faq details[open] summary::after,.faq details[open] summary::after{content:"+";transform:rotate(45deg)}
.section-panel .faq{background:var(--glass);margin-top:22px}
.art-featured{border-radius:28px;position:relative;overflow:hidden}
.art-featured::before{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(243,198,213,.4),transparent 65%)}

/* ===== калькуляторы ===== */
.tl-panel{background:linear-gradient(160deg,var(--glass),var(--glass-2));border:1px solid var(--glass-brd);border-radius:26px;
  box-shadow:inset 0 1px 0 var(--glass-hi),var(--lift);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.tl input[type=text],.tl input[type=number],.tl input[type=date],.tl select,.tl textarea,.tl-table td input,.tl-table td select{
  background:var(--field-bg);color:var(--field-ink);border:1px solid var(--field-brd);border-radius:12px;box-shadow:inset 0 1px 2px rgba(40,20,50,.06);transition:border-color .15s,box-shadow .15s}
.tl input:hover,.tl select:hover,.tl textarea:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--field-brd))}
.tl input:focus-visible,.tl select:focus-visible,.tl textarea:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)}
.tl select,.tl select option,.tl select optgroup{background-color:var(--field-bg);color:var(--field-ink)}
:root[data-theme='dark'] .tl select,:root[data-theme='dark'] .tl select option,:root[data-theme='dark'] .tl select optgroup{background-color:#1D1524;color:#F5EDF9}
:root[data-theme='light'] .tl select,:root[data-theme='light'] .tl select option{background-color:#fff;color:#2E2139}
.tl-group>legend{display:flex;align-items:center;gap:10px}
.tl-group>legend::after{content:"";width:40px;height:1px;background:linear-gradient(90deg,var(--brass),transparent)}
.tl-res{border-radius:26px;border:1px solid rgba(230,200,143,.3);
  background:radial-gradient(90% 60% at 100% 0%,rgba(230,200,143,.2),transparent 60%),radial-gradient(80% 60% at 0% 100%,rgba(243,198,213,.13),transparent 60%),linear-gradient(165deg,#2C2036,#18111E);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 40px 80px -40px rgba(60,30,80,.8),0 0 60px -30px rgba(230,200,143,.4)}
.tl-res h2{font-family:var(--fd);font-weight:600;font-size:22px}
.tl-m{border-top-color:rgba(255,255,255,.1)}
.tl-m.big strong{color:#F3DCB0;text-shadow:0 0 24px rgba(230,200,143,.35)}
.tl-btn{border-radius:12px;background:var(--glass);border-color:var(--glass-brd);transition:border-color .15s,transform .15s,box-shadow .15s}
.tl-btn:hover{transform:translateY(-1px);box-shadow:var(--lift)}
.tl-btn.pri{background:linear-gradient(145deg,#7C5396,#62407B);border-color:transparent;color:#fff}
:root[data-theme='dark'] .tl-btn.pri{background:linear-gradient(145deg,#D7B4EA,#BB8DD3);color:#24142E}
.tl-res .tl-btn.pri{background:linear-gradient(180deg,#F0D7A6,#D4AE6E);border-color:transparent;color:#2A2018;box-shadow:0 10px 26px -12px rgba(230,190,120,.7)}
.tl-table{border-color:var(--glass-brd);border-radius:16px;background:var(--field-bg)}
.tl-note{background:linear-gradient(135deg,color-mix(in srgb,var(--brass) 10%,transparent),transparent);border-color:color-mix(in srgb,var(--brass) 32%,transparent)}
.tl-steps button{background:var(--glass);border-color:var(--glass-brd)}
.tl-dl{background:rgba(21,15,27,.62);border-color:rgba(230,200,143,.3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:24px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 24px 50px -30px rgba(0,0,0,.8)}
.tl-dl-btn{background:linear-gradient(180deg,#F2DAAB,#D6B071);border-color:rgba(255,236,200,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 14px 34px -12px rgba(230,190,120,.75);transition:transform .15s,filter .15s}
.tl-dl-btn:hover{background:linear-gradient(180deg,#F6E2BA,#DDB97C);transform:translateY(-1px)}
.tl-catnav a{background:var(--glass);border-color:var(--glass-brd);box-shadow:inset 0 1px 0 var(--glass-hi);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.tl-files li{border-radius:16px}
.tl-files li>a:first-child::before{content:"";display:inline-block;width:14px;height:14px;margin-right:8px;vertical-align:-2px;background:var(--accent);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 3v12m0 0-5-5m5 5 5-5M4 20h16'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 3v12m0 0-5-5m5 5 5-5M4 20h16'/%3E%3C/svg%3E") center/contain no-repeat}
.tool-cat .link-card b::before{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 18%,transparent),color-mix(in srgb,var(--brass) 16%,transparent))}

/* ===== футер ===== */
footer{padding-top:clamp(40px,5vw,72px)}

/* ===== доступность / движение ===== */
@media(prefers-reduced-motion:reduce){.ph-petals{display:none}.card,.link-card,.art-featured,.tl-btn,.tl-dl-btn{transition:none}.card.lift:hover,.link-card:hover,.art-featured:hover{transform:none}}
@media print{.ph-scene,body::before,body::after{display:none}.section-panel{box-shadow:none;background:none;border:0;padding:0}}

/* правки после первого прохода скриншотов */
.burger{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.burger:hover{background:rgba(255,255,255,.12)}
section.blk.tool-sec{padding-top:clamp(28px,4vw,48px)}
@media(max-width:640px){.ph-veil{background:
  radial-gradient(80% 55% at 50% 50%,rgba(21,15,27,.86),rgba(21,15,27,.62) 70%,rgba(21,15,27,.35)),
  linear-gradient(180deg,rgba(21,15,27,.8) 0%,rgba(21,15,27,.4) 30%,rgba(21,15,27,.45) 70%,rgba(21,15,27,.9) 100%)}}
.grid.section-panel{margin-top:30px}
@media(max-width:520px){.grid.section-panel{padding:16px;gap:12px}}
.section-panel .faq{max-width:none}
@media(min-width:900px){.pagehead{min-height:460px}}