/* Шрифты самохостятся (fonts/*.woff2): Google Fonts не грузился во
   встроенном браузере Инстаграма. Пути — от корня, где лежит style.css:
   fonts/fonts.css сюда не импортируется, потому что его url(fonts/…)
   резолвились бы в fonts/fonts/…. */
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/Manrope-400-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/Manrope-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/Manrope-700-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/Manrope-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/Manrope-800-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/Manrope-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:600;font-display:swap;src:url(fonts/CormorantGaramond-600i-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:600;font-display:swap;src:url(fonts/CormorantGaramond-600i-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

:root{--ink:#1d1830;--muted:#746f7d;--paper:#fffaf6;--white:#fff;--violet:#735bc3;--violet-dark:#503b99;--violet-soft:#eee9ff;--pink:#eaa3ba;--pink-soft:#fff0f4;--blue:#8dbde2;--blue-soft:#eaf6ff;--line:#e6dfe6;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}svg{width:1em;height:1em;stroke-width:1.8}h1,h2,h3,p{margin-top:0}
.global-header{height:78px;max-width:1240px;margin:0 auto;padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:14px;font-weight:800;letter-spacing:.06em}.brand>span:last-child>span{color:var(--violet)}.brand-mark{width:33px;height:33px;border-radius:11px;background:var(--ink);color:#fff;display:grid;place-items:center}.brand-mark svg{width:13px}.global-header nav{display:flex;align-items:center;gap:23px}.global-header nav a{text-decoration:none;color:var(--muted);font-size:12px;white-space:nowrap}.global-header nav a.active,.global-header nav a:hover{color:var(--violet);font-weight:700}.header-button{display:flex;align-items:center;gap:7px;padding:10px 15px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:12px;font-weight:800;background:rgba(255,255,255,.72)}.menu-button{display:none;border:0;background:transparent;color:var(--ink);font-size:22px}
.page-hero{max-width:1240px;min-height:680px;margin:0 auto;padding:48px 26px 80px;display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:center}.page-hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:23px;color:var(--violet-dark);font-size:11px;line-height:1;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.eyebrow svg{color:var(--pink);font-size:18px}.page-hero h1{max-width:650px;margin-bottom:24px;font-size:clamp(48px,5.2vw,74px);line-height:.98;letter-spacing:-.055em}.page-hero h1 em{display:inline;font-family:var(--serif);font-weight:400;color:var(--violet)}.page-hero-copy>p{max-width:585px;color:var(--muted);font-size:17px;line-height:1.72}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.button{min-height:52px;padding:0 21px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-size:13px;font-weight:800}.button.primary{color:#fff;background:linear-gradient(135deg,#8068ce,#5d47a8);box-shadow:0 14px 34px rgba(93,71,168,.2)}.button.secondary{background:#fff;border:1px solid var(--line)}.button.secondary svg{color:var(--pink)}.facts{display:flex;gap:17px;flex-wrap:wrap;margin-top:25px;color:var(--muted);font-size:11px}.facts span{display:flex;align-items:center;gap:5px}.facts svg{color:var(--violet)}
.page-hero-media{position:relative;min-height:570px;overflow:hidden;border-radius:38px 38px 128px 38px;background:var(--violet-soft);box-shadow:0 28px 75px rgba(62,45,86,.13)}.page-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.media-gender img{object-position:center}.media-about img{object-position:center 35%}.media-learn img,.media-sites img,.media-price img{object-position:center}.media-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,15,35,.05) 45%,rgba(20,15,35,.65))}.media-badge{position:absolute;top:22px;left:22px;padding:11px 14px;border-radius:999px;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.88);backdrop-filter:blur(11px);font-size:11px;font-weight:800}.media-badge>span{width:8px;height:8px;border-radius:50%;background:linear-gradient(90deg,var(--blue),var(--pink))}.media-caption{position:absolute;left:22px;bottom:22px;color:#fff;display:flex;align-items:center;gap:12px}.play-disc{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.2);backdrop-filter:blur(10px)}.media-caption b,.media-caption small{display:block}.media-caption b{font-size:13px}.media-caption small{margin-top:3px;color:rgba(255,255,255,.66);font-size:10px}
.value-band{background:var(--ink);color:#fff;padding:28px max(26px,calc((100vw - 1188px)/2));display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:24px;align-items:center}.value-band p{margin:0;color:#dfd4ff;font:italic 20px var(--serif)}.value-band>span{padding-left:20px;border-left:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.4);font-size:10px}.value-band b{display:block;margin-top:6px;color:#fff;font-size:12px}
.content-section{max-width:1188px;margin:0 auto;padding:106px 26px 0}.section-head{max-width:720px;margin:0 auto 44px;text-align:center}.section-head>span{display:block;margin-bottom:14px;color:var(--violet);font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.section-head h2{margin-bottom:17px;font-size:clamp(36px,4vw,52px);line-height:1.05;letter-spacing:-.045em}.section-head p{max-width:630px;margin:0 auto;color:var(--muted);font-size:15px;line-height:1.68}
.cards-grid{display:grid;gap:16px}.cards-2{grid-template-columns:repeat(2,1fr)}.cards-3{grid-template-columns:repeat(3,1fr)}.cards-4{grid-template-columns:repeat(4,1fr)}.service-card{position:relative;min-height:320px;padding:25px;border:1px solid var(--line);border-radius:27px;background:rgba(255,255,255,.7);display:flex;flex-direction:column}.card-index{display:flex;justify-content:space-between;color:var(--violet);font-size:10px;font-weight:800;letter-spacing:.1em}.card-index svg{font-size:21px}.card-body{margin-top:auto}.service-card h3{margin-bottom:10px;font-size:21px;line-height:1.12;letter-spacing:-.025em}.service-card p{margin-bottom:17px;color:var(--muted);font-size:13px;line-height:1.6}.service-card strong{display:block;margin-top:20px;font-size:21px}.service-card a{margin-top:19px;display:flex;align-items:center;gap:7px;color:var(--violet-dark);text-decoration:none;font-size:11px;font-weight:800}.tone-violet{background:linear-gradient(145deg,#8169cf,#5945a0)!important;color:#fff;border-color:transparent!important;box-shadow:0 20px 55px rgba(80,59,153,.18)}.tone-violet p,.tone-violet .card-index,.tone-violet .detail-number{color:rgba(255,255,255,.67)}.tone-violet a{color:#fff}.tone-dark{background:#201a32!important;color:#fff;border-color:transparent!important}.tone-dark p,.tone-dark .card-index{color:rgba(255,255,255,.62)}.tone-pink{background:var(--pink-soft)!important;border-color:#f2d7e0!important}.tone-blue{background:var(--blue-soft)!important;border-color:#d3e9f6!important}
.second-section{padding-top:120px}.detail-grid{display:grid;gap:16px}.detail-2{grid-template-columns:repeat(2,1fr)}.detail-3{grid-template-columns:repeat(3,1fr)}.detail-4{grid-template-columns:repeat(4,1fr)}.detail-card{min-height:230px;padding:27px;border:1px solid var(--line);border-radius:25px;background:#fff}.detail-number{color:var(--violet);font-size:10px;font-weight:800}.detail-card h3{margin:58px 0 10px;font-size:20px;letter-spacing:-.025em}.detail-card p{color:var(--muted);font-size:13px;line-height:1.6}.detail-card strong{display:block;margin-top:20px;font-size:22px}
.portrait-break{max-width:1136px;margin:105px auto 0;padding:45px;display:grid;grid-template-columns:260px 1fr;gap:45px;align-items:center;border-radius:34px;background:var(--violet-soft)}.portrait-break img{width:260px;height:260px;object-fit:cover;border-radius:28px 28px 80px 28px}.portrait-break span{color:var(--violet);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.portrait-break h2{max-width:650px;margin:15px 0;font-size:38px;line-height:1.08;letter-spacing:-.04em}.portrait-break p{color:var(--muted);line-height:1.6}
.final-cta{max-width:1188px;margin:110px auto 26px;padding:72px 28px;text-align:center;border-radius:40px;color:#fff;background:radial-gradient(circle at 15% 20%,rgba(234,163,186,.36),transparent 28%),radial-gradient(circle at 86% 80%,rgba(141,189,226,.34),transparent 30%),#1d1830}.final-cta>span{display:inline-flex;align-items:center;gap:7px;color:#e0d5ff;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.final-cta h2{max-width:850px;margin:21px auto 17px;font-size:clamp(38px,4.8vw,60px);line-height:1.04;letter-spacing:-.05em}.final-cta>p{max-width:620px;margin:0 auto;color:rgba(255,255,255,.62);font-size:14px;line-height:1.65}.final-cta>div{margin-top:29px;display:flex;align-items:center;justify-content:center;gap:22px}.button.light{background:#fff;color:var(--ink)}.final-cta>div>a:last-child{display:flex;align-items:center;gap:7px;text-decoration:none;font-size:12px;font-weight:800}
footer{max-width:1188px;margin:0 auto;padding:28px 26px 40px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}footer p{margin:0}footer>div{display:flex;gap:18px}footer>div a{text-decoration:none}.not-found{padding:100px;text-align:center}
@media(max-width:980px){.global-header nav{display:none}.menu-button{display:block}.header-button{display:none}.page-hero{grid-template-columns:1fr}.page-hero-copy{text-align:center}.eyebrow,.hero-actions,.facts{justify-content:center}.page-hero-copy>p{margin-left:auto;margin-right:auto}.value-band{grid-template-columns:1fr 1fr}.value-band p{grid-column:1/-1}.cards-4{grid-template-columns:repeat(2,1fr)}.detail-4{grid-template-columns:repeat(2,1fr)}.cards-3,.detail-3{grid-template-columns:1fr}.portrait-break{margin-left:26px;margin-right:26px}}
@media(max-width:620px){.global-header{height:66px;padding:0 18px}.page-hero{min-height:0;padding:38px 18px 58px;gap:35px}.page-hero h1{font-size:44px}.page-hero-copy>p{font-size:15px}.hero-actions{display:grid}.button{width:100%}.facts{display:grid;grid-template-columns:1fr 1fr;text-align:left}.page-hero-media{min-height:410px;border-radius:28px 28px 80px 28px}.value-band{grid-template-columns:1fr;padding:27px 22px}.value-band p{grid-column:auto}.content-section{padding:82px 18px 0}.section-head{text-align:left;margin-bottom:31px}.section-head p{margin:0}.section-head h2{font-size:38px}.cards-2,.cards-4,.detail-2,.detail-4{grid-template-columns:1fr}.service-card{min-height:260px}.second-section{padding-top:90px}.portrait-break{margin:82px 18px 0;padding:24px;grid-template-columns:1fr}.portrait-break img{width:100%;height:auto;aspect-ratio:1}.portrait-break h2{font-size:34px}.final-cta{margin:84px 12px 20px;padding:58px 22px;border-radius:31px}.final-cta h2{font-size:39px}.final-cta>div{display:grid}.final-cta>div>a:last-child{justify-content:center}footer{padding:24px 18px 32px;flex-direction:column;align-items:flex-start;gap:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.kit-page{max-width:1188px;margin:0 auto;padding:72px 26px 100px}.kit-intro{padding:55px;border-radius:35px;background:#1d1830;color:#fff}.kit-intro>span{color:#d9cdff;font-size:10px;font-weight:800;letter-spacing:.16em}.kit-intro h1{margin:18px 0;font-size:58px;letter-spacing:-.05em}.kit-intro p{max-width:700px;margin:0;color:rgba(255,255,255,.63);line-height:1.65}.kit-section{padding:68px 0 0}.kit-section h2{margin-bottom:25px;font-size:34px;letter-spacing:-.04em}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sw{min-height:150px;padding:22px;border-radius:23px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--line)}.sw b,.sw span{display:block}.sw span{margin-top:5px;font-size:11px;opacity:.65}.sw.ink{background:#1d1830;color:#fff}.sw.violet{background:#735bc3;color:#fff}.sw.lilac{background:#eee9ff}.sw.pink{background:#eaa3ba}.sw.blue{background:#8dbde2}.sw.paper{background:#fffaf6}.type-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:15px}.type-grid>div{min-height:210px;padding:24px;border:1px solid var(--line);border-radius:24px;background:#fff}.type-grid span{display:block;margin-bottom:34px;color:var(--violet);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.type-grid strong{font-size:32px;line-height:1.08;letter-spacing:-.04em}.type-grid em{font:italic 31px/1.1 var(--serif);color:var(--violet)}.type-grid p{color:var(--muted);line-height:1.6}.kit-buttons{display:flex;gap:15px;flex-wrap:wrap}.button.outline{border:1px solid #cfc4e5;color:var(--violet-dark)}.icon-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.icon-grid>div{aspect-ratio:1;padding:15px;border:1px solid var(--line);border-radius:20px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.icon-grid svg{font-size:28px;color:var(--violet)}.icon-grid span{font-size:9px;color:var(--muted)}.price-list{border-top:1px solid var(--line)}.price-list>span{padding:19px 4px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.price-list b{color:var(--violet-dark)}
@media(max-width:700px){.kit-page{padding:30px 18px 70px}.kit-intro{padding:34px 24px}.kit-intro h1{font-size:42px}.swatches,.type-grid{grid-template-columns:1fr}.icon-grid{grid-template-columns:repeat(3,1fr)}.price-list>span{display:grid}.kit-buttons{display:grid}}
.single-kit{max-width:1100px;margin:0 auto;padding:70px 30px 100px}.single-kit>span{color:var(--violet);font-size:10px;font-weight:800;letter-spacing:.16em}.single-kit>h1{margin:18px 0;font-size:58px;letter-spacing:-.05em}.single-kit>p{max-width:650px;margin-bottom:45px;color:var(--muted);line-height:1.65}.icon-grid.big{grid-template-columns:repeat(7,1fr);margin-bottom:44px}.icon-grid.big>div{min-height:125px}.price-list.large{display:grid;grid-template-columns:1fr 1fr;column-gap:32px}.price-list.large>span{padding:15px 4px;font-size:14px}.price-list.large b{font-size:15px}

/* RUSLAN.AI — MIDNIGHT STUDIO SYSTEM */
:root{--ink:#f3f6fa;--muted:#8d99a8;--paper:#06090e;--white:#0e141d;--violet:#4c78ff;--violet-dark:#7c9aff;--violet-soft:#101827;--pink:#ff4f8b;--pink-soft:#1b1018;--blue:#2f6bff;--blue-soft:#0d1729;--line:#202a38;--serif:Arial,Helvetica,sans-serif;--sans:Arial,Helvetica,sans-serif;--metal:#b5c0cd;--black:#06090e;--panel:#0b1017}
body{background:radial-gradient(circle at 72% 2%,rgba(47,107,255,.10),transparent 23%),#06090e;color:var(--ink)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.26;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px}
.global-header{height:88px;border-bottom:1px solid rgba(255,255,255,.07);max-width:none;padding:0 max(28px,calc((100vw - 1320px)/2));background:rgba(6,9,14,.82);backdrop-filter:blur(20px);position:relative;z-index:10}.brand{font-size:13px;letter-spacing:.16em;color:#fff}.brand>span:last-child>span{color:#5f85ff}.brand-mark{width:36px;height:36px;border-radius:4px;background:#2f6bff;box-shadow:0 0 30px rgba(47,107,255,.32)}.global-header nav{gap:30px}.global-header nav a{color:#758190;font-size:11px;letter-spacing:.04em}.global-header nav a.active,.global-header nav a:hover{color:#fff}.header-button{border:1px solid #2b3544;border-radius:4px;background:#10161f;color:#fff;padding:12px 17px;letter-spacing:.04em}.menu-button{color:#fff}
.page-hero{max-width:1320px;min-height:740px;padding:58px 28px 82px;grid-template-columns:1fr 1.03fr;gap:74px}.eyebrow{margin-bottom:30px;color:#7f9eff;font-size:10px;letter-spacing:.24em}.eyebrow:before{content:"";width:40px;height:1px;background:#3b70ff}.eyebrow svg{display:none}.page-hero h1{font-size:clamp(52px,5.65vw,86px);line-height:.91;letter-spacing:-.065em;text-transform:uppercase;font-weight:900}.page-hero h1 em{display:block;margin-top:8px;font-family:var(--sans);font-style:normal;font-weight:300;color:#9fb4d4;text-transform:none;letter-spacing:-.06em}.page-hero-copy>p{color:#919dab;font-size:16px;line-height:1.75;border-left:1px solid #283548;padding-left:20px}.hero-actions{margin-top:38px;gap:10px}.button{min-height:54px;border-radius:4px;padding:0 22px;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.button.primary{background:#2f6bff;box-shadow:0 15px 45px rgba(47,107,255,.25);color:#fff}.button.primary:hover{background:#477dff}.button.secondary{background:transparent;border:1px solid #293548;color:#c5cfda}.button.secondary svg{color:#6f91ff}.facts{margin-top:28px;gap:22px;color:#6f7c8c;font-size:10px;text-transform:uppercase;letter-spacing:.09em}.facts svg{color:#5d83ff}
.page-hero-media{min-height:610px;border-radius:2px;background:#0c121c;box-shadow:0 32px 100px rgba(0,0,0,.55);clip-path:polygon(0 0,100% 0,100% calc(100% - 58px),calc(100% - 58px) 100%,0 100%)}.page-hero-media:before{content:"";position:absolute;z-index:3;inset:16px;border:1px solid rgba(255,255,255,.13);pointer-events:none}.page-hero-media img{filter:saturate(.72) contrast(1.1) brightness(.8)}.media-shade{background:linear-gradient(180deg,rgba(4,8,14,.06) 35%,rgba(4,8,14,.86))}.media-badge{top:28px;left:28px;border-radius:3px;padding:11px 14px;background:rgba(5,10,17,.78);border:1px solid rgba(255,255,255,.14);color:#dce4ee;letter-spacing:.09em;text-transform:uppercase;font-size:9px}.media-badge>span{border-radius:0;background:#3f74ff;box-shadow:0 0 12px #3f74ff}.media-caption{left:34px;bottom:34px}.play-disc{border-radius:3px;background:#2f6bff}.media-caption b{text-transform:uppercase;letter-spacing:.08em;font-size:11px}.media-caption small{color:#8f9cab;letter-spacing:.05em}
.value-band{border-top:1px solid #192332;border-bottom:1px solid #192332;background:#090e15;padding:32px max(28px,calc((100vw - 1264px)/2));grid-template-columns:1.45fr repeat(3,1fr)}.value-band p{color:#fff;font:800 18px/1.2 var(--sans);text-transform:uppercase;letter-spacing:-.02em}.value-band>span{border-left:1px solid #263142;color:#4f5e70;letter-spacing:.12em}.value-band b{color:#bdc7d3;text-transform:uppercase;letter-spacing:.08em;font-size:10px}
.content-section{max-width:1264px;padding-top:128px}.section-head{max-width:810px;text-align:left;margin:0 0 50px}.section-head>span{color:#6488ff;font-size:9px;letter-spacing:.24em}.section-head h2{font-size:clamp(42px,4.6vw,64px);line-height:.96;text-transform:uppercase;font-weight:900}.section-head p{margin:0;max-width:660px;color:#7f8b9a;border-left:1px solid #253249;padding-left:18px}
.cards-grid,.detail-grid{gap:12px}.service-card,.detail-card{border:1px solid #1c2634;border-radius:3px;background:linear-gradient(145deg,#0e141d,#090e15);box-shadow:inset 0 1px rgba(255,255,255,.025)}.service-card{min-height:350px;padding:28px;overflow:hidden}.service-card:after{content:"";position:absolute;right:-42px;top:-42px;width:120px;height:120px;border:1px solid rgba(78,119,255,.18);transform:rotate(45deg)}.card-index{color:#53627a;letter-spacing:.17em}.card-index svg{color:#3c71ff}.service-card h3,.detail-card h3{color:#f2f5f8;text-transform:uppercase;font-weight:800;letter-spacing:-.025em}.service-card h3{font-size:22px}.service-card p,.detail-card p{color:#778494}.service-card strong,.detail-card strong{color:#fff}.service-card a{color:#7899ff;text-transform:uppercase;letter-spacing:.08em}.tone-violet{background:linear-gradient(145deg,#1a3d9b,#0d255f)!important;box-shadow:0 25px 70px rgba(18,54,147,.22)}.tone-dark{background:linear-gradient(145deg,#151c26,#090e15)!important}.tone-pink{background:linear-gradient(145deg,#421426,#190c13)!important;border-color:#512039!important}.tone-blue{background:linear-gradient(145deg,#14274a,#0a1424)!important;border-color:#203b67!important}.tone-pink .card-index,.tone-pink a{color:#ff6a9d}.tone-blue .card-index,.tone-blue a{color:#6f99ff}
.second-section{padding-top:142px}.detail-card{min-height:250px;padding:29px}.detail-number{color:#4f79ef;letter-spacing:.15em}.detail-card h3{margin-top:70px;font-size:18px}.detail-card strong{font-size:24px}
.portrait-break{max-width:1212px;border:1px solid #1e2b3d;border-radius:3px;background:#0b121c;padding:40px;clip-path:polygon(0 0,100% 0,100% calc(100% - 38px),calc(100% - 38px) 100%,0 100%)}.portrait-break img{border-radius:2px;filter:saturate(.65) contrast(1.08)}.portrait-break span{color:#6f92ff}.portrait-break h2{text-transform:uppercase}.portrait-break p{color:#8190a1}
.final-cta{max-width:1264px;border:1px solid #24458f;border-radius:3px;padding:86px 30px;background:radial-gradient(circle at 12% 20%,rgba(55,104,255,.28),transparent 27%),radial-gradient(circle at 88% 80%,rgba(82,130,255,.13),transparent 26%),#081225;clip-path:polygon(0 0,calc(100% - 42px) 0,100% 42px,100% 100%,0 100%)}.final-cta>span{color:#7397ff;letter-spacing:.2em}.final-cta h2{text-transform:uppercase;font-weight:900}.final-cta>p{color:#8491a2}.button.light{background:#fff;color:#080d14}.final-cta>div>a:last-child{color:#9eb2d1;text-transform:uppercase;letter-spacing:.08em;font-size:10px}
footer{border-top:1px solid #192331;color:#606d7d;max-width:1264px}.kit-page,.single-kit{color:#f3f6fa}.kit-intro{border:1px solid #24458f;border-radius:3px;background:#081225;clip-path:polygon(0 0,calc(100% - 36px) 0,100% 36px,100% 100%,0 100%)}.kit-intro>span,.single-kit>span{color:#7195ff}.kit-intro h1,.single-kit>h1{text-transform:uppercase;font-weight:900}.kit-intro p,.single-kit>p{color:#8592a2}.sw,.type-grid>div,.icon-grid>div{border-color:#1f2a39;border-radius:3px;background:#0b1017}.sw.ink{background:#06090e}.sw.violet{background:#2f6bff}.sw.lilac{background:#101827;color:#fff}.sw.pink{background:#ff4f8b;color:#fff}.sw.blue{background:#173773;color:#fff}.sw.paper{background:#f3f6fa;color:#080d14}.type-grid span,.icon-grid svg{color:#6d91ff}.type-grid em{font-family:var(--sans);font-style:normal;color:#9eb4d3}.type-grid p,.icon-grid span{color:#7c8999}.button.outline{border-color:#35528b;color:#91abff}.price-list{border-color:#263242}.price-list>span{border-color:#1d2836}.price-list b{color:#81a0ff}
@media(max-width:980px){.page-hero{gap:42px}.section-head{margin-left:auto;margin-right:auto;text-align:center}.section-head p{margin-left:auto;margin-right:auto;text-align:left}}
@media(max-width:620px){body:before{background-size:44px 44px}.global-header{padding:0 18px}.page-hero{padding-top:44px}.page-hero-copy{text-align:left}.eyebrow,.hero-actions,.facts{justify-content:flex-start}.page-hero h1{font-size:44px}.page-hero-media{min-height:430px}.value-band{padding:30px 22px}.section-head{text-align:left}.section-head h2{font-size:37px}.service-card{min-height:280px}.final-cta{margin-left:12px;margin-right:12px}.final-cta h2{font-size:36px}.portrait-break{border-radius:3px}.kit-intro{border-radius:3px}}

/* CINEMATIC MOTION BACKGROUND */
body:before{display:none}
body>main{position:relative;z-index:1}
.motion-background{--cursor-x:72vw;--cursor-y:22vh;position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none;background:#06090e}
.motion-background:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% -20%,rgba(89,127,255,.12),transparent 38%),linear-gradient(180deg,rgba(3,7,12,.22),rgba(3,7,12,.78));z-index:5}
.motion-grid{position:absolute;left:-20%;right:-20%;bottom:-52%;height:100%;opacity:.22;background-image:linear-gradient(rgba(99,136,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(99,136,255,.22) 1px,transparent 1px);background-size:78px 78px;transform:perspective(580px) rotateX(64deg) scale(1.35);transform-origin:center bottom;mask-image:linear-gradient(to top,#000 18%,transparent 78%);animation:gridTravel 18s linear infinite}
.motion-beam{position:absolute;width:92vw;height:92vw;left:42%;top:-64vw;border-radius:50%;background:conic-gradient(from 110deg,transparent 0 32%,rgba(62,109,255,.16) 38%,transparent 44% 73%,rgba(151,180,255,.08) 78%,transparent 84%);filter:blur(26px);animation:beamTurn 30s linear infinite}
.motion-ribbon{position:absolute;left:-18vw;top:61vh;width:136vw;height:24vh;border-radius:50%;background:linear-gradient(90deg,transparent 4%,rgba(38,83,180,.05) 24%,rgba(106,148,255,.17) 49%,rgba(210,225,255,.12) 62%,transparent 88%);filter:blur(34px);transform:rotate(-7deg);animation:ribbonDrift 12s ease-in-out infinite alternate}
.motion-orbit{position:absolute;border:1px solid rgba(101,140,255,.2);border-radius:50%;filter:drop-shadow(0 0 22px rgba(47,107,255,.16))}
.motion-orbit-one{width:52vw;height:52vw;right:-19vw;top:-22vw;animation:orbitFloat 14s ease-in-out infinite alternate}
.motion-orbit-two{width:34vw;height:34vw;left:-19vw;top:48vh;border-color:rgba(160,183,224,.1);animation:orbitFloat 19s ease-in-out -6s infinite alternate-reverse}
.motion-cursor{position:absolute;inset:0;background:radial-gradient(430px circle at var(--cursor-x) var(--cursor-y),rgba(48,102,255,.12),transparent 68%);transition:background .08s linear;z-index:4}
.motion-noise{position:absolute;inset:-50%;opacity:.045;z-index:6;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");animation:noiseShift .22s steps(2) infinite}
.global-header{background:rgba(6,9,14,.64)}
.page-hero,.content-section,.portrait-break,.final-cta,footer,.kit-page,.single-kit{position:relative}
.service-card,.detail-card,.portrait-break{backdrop-filter:blur(12px)}
@keyframes gridTravel{0%{background-position:0 0,0 0}100%{background-position:0 78px,78px 0}}
@keyframes beamTurn{to{transform:rotate(360deg)}}
@keyframes ribbonDrift{0%{transform:translate3d(-5vw,-2vh,0) rotate(-8deg) scaleY(.75)}100%{transform:translate3d(6vw,4vh,0) rotate(-3deg) scaleY(1.18)}}
@keyframes orbitFloat{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-4vw,5vh,0) scale(1.08)}}
@keyframes noiseShift{0%{transform:translate3d(0,0,0)}25%{transform:translate3d(2%,-1%,0)}50%{transform:translate3d(-1%,2%,0)}75%{transform:translate3d(1%,1%,0)}100%{transform:translate3d(-2%,-2%,0)}}
@media(max-width:700px){.motion-cursor{display:none}.motion-grid{opacity:.15;background-size:54px 54px}.motion-beam{width:150vw;height:150vw;left:20%;top:-105vw}.motion-ribbon{width:180vw;left:-40vw;opacity:.7}.motion-orbit-one{width:90vw;height:90vw;right:-50vw}.motion-noise{opacity:.03}}
@media(prefers-reduced-motion:reduce){.motion-grid,.motion-beam,.motion-ribbon,.motion-orbit,.motion-noise{animation:none}.motion-cursor{display:none}}

/* RUSLAN.AI — DIRECTOR'S CUT */
.site-shell{overflow:clip}.edge-rail{position:fixed;z-index:8;left:0;top:88px;bottom:0;width:31px;border-right:1px solid rgba(255,255,255,.07);background:rgba(5,8,13,.58);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:28px 0 24px;color:#4d5c70;font-size:8px;letter-spacing:.23em}.edge-rail span{writing-mode:vertical-rl;transform:rotate(180deg)}.edge-rail b{font-weight:500;color:#7292f7}
.global-header{position:sticky;top:0;z-index:20}.global-header:after{content:"";position:absolute;left:0;bottom:-1px;width:18%;height:1px;background:linear-gradient(90deg,#2f6bff,transparent);box-shadow:0 0 18px rgba(47,107,255,.7)}
.page-hero{position:relative;max-width:1480px;min-height:830px;padding:78px 46px 110px 76px;display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:center}.hero-ghost{position:absolute;z-index:0;right:-15px;top:12px;color:transparent;-webkit-text-stroke:1px rgba(112,142,196,.085);font-size:clamp(110px,16vw,250px);font-weight:950;letter-spacing:-.09em;line-height:.8;white-space:nowrap;pointer-events:none}.page-hero-copy{grid-column:1/8;z-index:4;padding:54px 0 20px}.page-hero h1{max-width:880px;font-size:clamp(68px,7.25vw,118px);line-height:.82;letter-spacing:-.078em}.page-hero h1 em{max-width:760px;margin-top:17px;font-size:.67em;line-height:.92;color:#a9bbd8}.page-hero-copy>p{max-width:560px;margin-top:32px;margin-left:6px}.hero-stage{position:relative;z-index:2;grid-column:7/13;grid-row:1;align-self:stretch;min-height:690px;display:flex;align-items:center}.page-hero-media{width:100%;min-height:665px;clip-path:polygon(0 0,calc(100% - 72px) 0,100% 72px,100% 100%,72px 100%,0 calc(100% - 72px));transform:translateX(10px);box-shadow:0 45px 130px rgba(0,0,0,.72)}.page-hero-media:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(5,8,13,.68),transparent 31%),linear-gradient(180deg,transparent 52%,rgba(3,7,12,.72));pointer-events:none}.page-hero-media img{filter:saturate(.82) contrast(1.08) brightness(.82);transition:transform 1.1s cubic-bezier(.2,.75,.2,1),filter .7s ease}.page-hero-media:hover img{transform:scale(1.035);filter:saturate(.92) contrast(1.06) brightness(.88)}.media-badge,.media-caption{z-index:4}.media-coordinate{position:absolute;z-index:4;right:28px;top:112px;writing-mode:vertical-rl;color:rgba(255,255,255,.36);font-size:8px;letter-spacing:.22em}.hero-specs{position:absolute;z-index:5;left:-44px;right:22px;bottom:-5px;height:38px;padding:0 14px 0 55px;display:flex;align-items:center;justify-content:space-between;border:1px solid #23334b;background:rgba(6,11,18,.88);color:#596a82;font-size:8px;letter-spacing:.19em}.hero-specs span:first-child{color:#7f9fff}
.kinetic-strip{position:relative;z-index:3;overflow:hidden;border-top:1px solid #1b2737;border-bottom:1px solid #1b2737;background:rgba(7,12,19,.8);transform:rotate(-1.35deg) scale(1.02);margin:-18px 0 34px;padding:18px 0}.kinetic-strip>div{display:flex;align-items:center;gap:26px;width:max-content;color:#dbe3ee;font-size:12px;font-weight:850;letter-spacing:.24em;animation:stripMove 25s linear infinite}.kinetic-strip i{width:7px;height:7px;background:#2f6bff;box-shadow:0 0 18px rgba(47,107,255,.9);transform:rotate(45deg)}@keyframes stripMove{to{transform:translateX(-50%)}}
.value-band{position:relative;z-index:2;max-width:1380px;margin:0 auto;background:linear-gradient(110deg,rgba(11,18,28,.92),rgba(7,12,19,.8));border:1px solid #1b2839;padding:38px 58px;clip-path:polygon(0 0,calc(100% - 32px) 0,100% 32px,100% 100%,0 100%)}.value-band p{font-size:21px}.value-band>span{position:relative}.value-band>span:after{content:"";position:absolute;left:20px;bottom:-12px;width:42px;height:1px;background:#2f6bff;box-shadow:0 0 14px #2f6bff}
.content-section{max-width:1370px;padding:155px 52px 0 76px}.section-head{position:relative;max-width:960px;margin-bottom:68px;padding-left:62px}.section-head:before{content:"";position:absolute;left:0;top:3px;width:34px;height:68px;border-left:2px solid #2f6bff;border-top:1px solid #2f6bff}.section-head h2{font-size:clamp(50px,5.7vw,82px);max-width:930px;letter-spacing:-.055em}.section-head p{max-width:720px;margin-top:26px}
.cards-grid,.detail-grid{grid-template-columns:repeat(12,1fr);gap:14px}.cards-4 .service-card:nth-child(1){grid-column:span 5}.cards-4 .service-card:nth-child(2){grid-column:span 3}.cards-4 .service-card:nth-child(3){grid-column:span 4}.cards-4 .service-card:nth-child(4){grid-column:3/span 8;min-height:245px}.cards-3 .service-card:nth-child(1){grid-column:span 7}.cards-3 .service-card:nth-child(2){grid-column:span 5}.cards-3 .service-card:nth-child(3){grid-column:3/span 8;min-height:245px}.cards-2 .service-card{grid-column:span 6}.service-card{min-height:390px;padding:34px;transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease}.service-card:hover{transform:translateY(-9px);border-color:#35589a;box-shadow:0 34px 85px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.04)}.service-card:before{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:linear-gradient(90deg,#2f6bff,#8aa9ff);transition:width .45s ease}.service-card:hover:before{width:100%}.service-card h3{font-size:clamp(24px,2vw,33px);max-width:370px}.service-card p{font-size:14px;max-width:480px}.card-index{font-size:9px}.card-index svg{width:25px;height:25px;transition:transform .5s ease}.service-card:hover .card-index svg{transform:rotate(135deg) scale(1.15)}
.detail-grid .detail-card{grid-column:span 3}.detail-grid .detail-card:nth-child(even){transform:translateY(34px)}.detail-card{position:relative;overflow:hidden;min-height:290px;padding:34px;transition:border-color .35s ease,background .35s ease}.detail-card:after{content:"";position:absolute;right:-70px;bottom:-70px;width:150px;height:150px;border:1px solid rgba(66,111,255,.14);border-radius:50%;box-shadow:0 0 55px rgba(47,107,255,.06)}.detail-card:hover{border-color:#344e77;background:linear-gradient(145deg,#111b29,#090e15)}.detail-card h3{font-size:22px}.portrait-break{max-width:1260px;margin-top:150px;grid-template-columns:360px 1fr;padding:0;gap:0;overflow:hidden}.portrait-break img{width:360px;height:470px;border-radius:0;filter:saturate(.82) contrast(1.05)}.portrait-break>div{padding:68px}.portrait-break h2{font-size:52px}
.final-cta{position:relative;overflow:hidden;margin-top:160px;padding:110px 30px;background:linear-gradient(120deg,#071225,#0a1935 52%,#07101e);box-shadow:0 45px 120px rgba(0,0,0,.5)}.final-cta:before{content:"RUSLAN.AI";position:absolute;left:-15px;bottom:-40px;color:transparent;-webkit-text-stroke:1px rgba(128,163,255,.11);font-size:150px;font-weight:950;letter-spacing:-.08em}.final-cta:after{content:"";position:absolute;right:-16%;top:-80%;width:620px;height:620px;border:1px solid rgba(77,120,255,.19);border-radius:50%;box-shadow:0 0 0 70px rgba(77,120,255,.025),0 0 0 140px rgba(77,120,255,.018)}.final-cta>*{position:relative;z-index:2}.final-cta h2{font-size:clamp(50px,6vw,86px)}
@media(max-width:1100px){.edge-rail{display:none}.page-hero{padding-left:34px;padding-right:34px}.page-hero-copy{grid-column:1/8}.hero-stage{grid-column:7/13}.content-section{padding-left:34px;padding-right:34px}.detail-grid .detail-card{grid-column:span 6}.detail-grid .detail-card:nth-child(even){transform:none}}
@media(max-width:820px){.page-hero{min-height:0;padding:70px 24px 90px;display:grid;grid-template-columns:1fr;gap:48px}.page-hero-copy,.hero-stage{grid-column:1;grid-row:auto}.page-hero-copy{padding:10px 0}.page-hero h1{font-size:clamp(58px,14vw,88px)}.hero-stage{min-height:560px}.page-hero-media{min-height:560px;transform:none}.hero-specs{left:18px}.value-band{margin:0 18px;grid-template-columns:1fr 1fr;padding:34px}.value-band p{grid-column:1/-1}.cards-grid .service-card,.cards-4 .service-card:nth-child(4),.cards-3 .service-card:nth-child(3){grid-column:span 6;min-height:330px}.content-section{padding-top:120px}.portrait-break{margin-left:24px;margin-right:24px;grid-template-columns:300px 1fr}.portrait-break img{width:300px;height:430px}.portrait-break>div{padding:42px}.portrait-break h2{font-size:38px}}
@media(max-width:620px){.global-header{height:70px}.page-hero{padding:58px 18px 78px}.hero-ghost{top:28px;font-size:96px}.page-hero h1{font-size:54px;line-height:.87}.page-hero h1 em{font-size:.72em}.page-hero-copy>p{font-size:14px}.hero-stage,.page-hero-media{min-height:470px}.page-hero-media{clip-path:polygon(0 0,calc(100% - 42px) 0,100% 42px,100% 100%,42px 100%,0 calc(100% - 42px))}.media-coordinate{display:none}.kinetic-strip{padding:14px 0;margin-top:-8px}.kinetic-strip>div{font-size:10px}.value-band{margin:0 10px;padding:28px 22px;grid-template-columns:1fr}.value-band p{grid-column:auto}.content-section{padding:105px 18px 0}.section-head{padding-left:34px;margin-bottom:44px}.section-head:before{height:48px;width:18px}.section-head h2{font-size:43px}.cards-grid .service-card,.cards-4 .service-card:nth-child(4),.cards-3 .service-card:nth-child(3),.detail-grid .detail-card{grid-column:1/-1}.service-card{min-height:315px}.portrait-break{grid-template-columns:1fr;margin:110px 18px 0}.portrait-break img{width:100%;height:auto;aspect-ratio:4/5}.portrait-break>div{padding:34px 26px}.final-cta{margin-top:115px;padding:78px 22px}.final-cta:before{font-size:80px}.final-cta h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.kinetic-strip>div{animation:none}.page-hero-media img,.service-card,.card-index svg{transition:none}}

/* Keep hero copy and media on the same grid row for the intentional overlap. */
@media(min-width:821px){.page-hero-copy{grid-row:1}}

/* RUSLAN.AI — LIGHT ARCHITECTURAL EDITION */
:root{--ink:#121820;--muted:#66717e;--paper:#f2f3f1;--white:#ffffff;--violet:#205cff;--violet-dark:#1747c8;--violet-soft:#e8edf7;--pink:#e65b86;--pink-soft:#fff0f4;--blue:#205cff;--blue-soft:#e9f0ff;--line:#ccd2d9;--metal:#8d98a5;--black:#121820;--panel:#ffffff}
body{background:linear-gradient(180deg,#f7f7f4 0%,#eef0f1 60%,#f7f7f4 100%);color:var(--ink)}
.motion-background{background:#f3f4f2}
.motion-background:before{background:radial-gradient(circle at 62% -10%,rgba(32,92,255,.12),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.18),rgba(238,240,241,.58))}
.motion-grid{opacity:.32;background-image:linear-gradient(rgba(35,49,67,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(35,49,67,.09) 1px,transparent 1px)}
.motion-beam{background:conic-gradient(from 110deg,transparent 0 32%,rgba(32,92,255,.13) 38%,transparent 44% 73%,rgba(105,121,144,.08) 78%,transparent 84%);filter:blur(34px)}
.motion-ribbon{background:linear-gradient(90deg,transparent 4%,rgba(32,92,255,.04) 24%,rgba(83,127,255,.12) 49%,rgba(255,255,255,.7) 62%,transparent 88%)}
.motion-orbit{border-color:rgba(32,92,255,.16);filter:drop-shadow(0 0 22px rgba(32,92,255,.1))}.motion-orbit-two{border-color:rgba(30,40,52,.1)}.motion-cursor{background:radial-gradient(430px circle at var(--cursor-x) var(--cursor-y),rgba(32,92,255,.09),transparent 68%)}.motion-noise{opacity:.025;mix-blend-mode:multiply}
.global-header{border-bottom:1px solid rgba(28,39,52,.12);background:rgba(247,247,244,.82);box-shadow:0 10px 40px rgba(29,39,52,.035)}.brand{color:#111820}.brand>span:last-child>span{color:#205cff}.brand-mark{background:#205cff;color:#fff;box-shadow:0 12px 30px rgba(32,92,255,.2)}.global-header nav a{color:#737d88}.global-header nav a.active,.global-header nav a:hover{color:#111820}.header-button{border-color:#c6ccd3;background:rgba(255,255,255,.78);color:#111820}.menu-button{color:#111820}.global-header:after{background:linear-gradient(90deg,#205cff,transparent);box-shadow:none}
.edge-rail{border-right:1px solid rgba(28,39,52,.12);background:rgba(244,245,243,.76);color:#8d96a1}.edge-rail b{color:#205cff}
.hero-ghost{-webkit-text-stroke:1px rgba(19,32,48,.08)}.page-hero h1{color:#111820}.page-hero h1 em{color:#606d7d}.eyebrow{color:#205cff}.page-hero-copy>p{color:#5f6a77;border-left-color:#aeb7c1}.facts{color:#6b7580}.facts svg{color:#205cff}
.button.primary{background:#205cff;color:#fff;box-shadow:0 16px 38px rgba(32,92,255,.2)}.button.primary:hover{background:#174bd9}.button.secondary{border-color:#bfc6ce;background:rgba(255,255,255,.62);color:#17202a}.button.secondary svg{color:#205cff}
.page-hero-media{background:#dce1e6;box-shadow:0 36px 90px rgba(30,40,52,.17)}.page-hero-media:before{border-color:rgba(255,255,255,.48)}.page-hero-media:after{background:linear-gradient(90deg,rgba(242,243,241,.96),rgba(242,243,241,.18) 28%,transparent 48%),linear-gradient(180deg,transparent 54%,rgba(15,24,35,.5))}.page-hero-media img{filter:saturate(.78) contrast(1.03) brightness(.98)}.page-hero-media:hover img{filter:saturate(.86) contrast(1.04) brightness(1.02)}.media-badge{background:rgba(255,255,255,.9);border-color:rgba(20,31,43,.14);color:#17202a}.media-coordinate{color:rgba(255,255,255,.72)}.hero-specs{border-color:#c3cad2;background:rgba(250,250,248,.94);color:#77818c}.hero-specs span:first-child{color:#205cff}
.kinetic-strip{border-color:#174cd8;background:#205cff}.kinetic-strip>div{color:#fff}.kinetic-strip i{background:#fff;box-shadow:none}
.value-band{background:rgba(255,255,255,.76);border-color:#cbd1d8;box-shadow:0 28px 80px rgba(36,47,60,.08)}.value-band p{color:#141b24}.value-band>span{border-left-color:#ccd2d9;color:#8a939d}.value-band b{color:#29323d}.value-band>span:after{background:#205cff;box-shadow:none}
.section-head>span{color:#205cff}.section-head h2{color:#121820}.section-head p{color:#68737f;border-left-color:#b8c0c9}.section-head:before{border-color:#205cff}
.service-card,.detail-card{border-color:#cbd1d7;background:rgba(255,255,255,.82);box-shadow:0 20px 60px rgba(25,38,52,.055),inset 0 1px rgba(255,255,255,.9)}.service-card:after{border-color:rgba(32,92,255,.14)}.service-card h3,.detail-card h3{color:#151c24}.service-card p,.detail-card p{color:#68727d}.service-card strong,.detail-card strong{color:#111820}.card-index,.detail-number{color:#205cff}.card-index svg{color:#205cff}.service-card a{color:#174bcf}.service-card:hover{border-color:#87a4ef;box-shadow:0 30px 80px rgba(25,38,52,.11);background:#fff}.detail-card:hover{border-color:#9eb2e7;background:#fff}.detail-card:after{border-color:rgba(32,92,255,.11)}
.tone-violet{background:linear-gradient(145deg,#2e66f1,#1746bd)!important;color:#fff!important}.tone-violet h3,.tone-violet strong{color:#fff}.tone-violet p{color:rgba(255,255,255,.74)}.tone-dark{background:linear-gradient(145deg,#e1e5e9,#cbd2d9)!important;color:#111820!important}.tone-dark h3,.tone-dark strong{color:#111820}.tone-dark p,.tone-dark .card-index{color:#596572}.tone-pink{background:linear-gradient(145deg,#fff5f8,#f6dce5)!important;border-color:#e7bdcb!important}.tone-blue{background:linear-gradient(145deg,#f3f7ff,#dce7ff)!important;border-color:#b9caf3!important}
.portrait-break{border-color:#c6cdd5;background:rgba(255,255,255,.78);box-shadow:0 28px 80px rgba(25,38,52,.09)}.portrait-break img{filter:saturate(.82) contrast(1.02)}.portrait-break span{color:#205cff}.portrait-break h2{color:#131a22}.portrait-break p{color:#68737f}
.final-cta{border-color:#b9c8e8;background:radial-gradient(circle at 12% 20%,rgba(32,92,255,.14),transparent 28%),radial-gradient(circle at 88% 80%,rgba(255,255,255,.92),transparent 32%),linear-gradient(120deg,#e8eefb,#f9faf8);color:#121820;box-shadow:0 38px 100px rgba(31,47,68,.12)}.final-cta:before{-webkit-text-stroke:1px rgba(32,92,255,.1)}.final-cta:after{border-color:rgba(32,92,255,.14);box-shadow:0 0 0 70px rgba(32,92,255,.025),0 0 0 140px rgba(32,92,255,.018)}.final-cta>span{color:#205cff}.final-cta h2{color:#121820}.final-cta>p{color:#687481}.button.light{background:#205cff;color:#fff}.final-cta>div>a:last-child{color:#26394f}
footer{border-top-color:#cbd1d7;color:#707a85}.kit-page,.single-kit{color:#121820}.kit-intro{border-color:#c2cbe0;background:linear-gradient(135deg,#e5ebf7,#fbfbf8);color:#121820}.kit-intro>span,.single-kit>span{color:#205cff}.kit-intro p,.single-kit>p{color:#697480}.sw,.type-grid>div,.icon-grid>div{border-color:#cbd1d7;background:#fff}.sw.ink{background:#121820;color:#fff}.sw.violet{background:#205cff}.sw.lilac{background:#e8edf7;color:#121820}.sw.pink{background:#e65b86;color:#fff}.sw.blue{background:#dce7ff;color:#121820}.sw.paper{background:#f3f4f2;color:#121820}.type-grid span,.icon-grid svg{color:#205cff}.type-grid em{color:#5f6d7d}.type-grid p,.icon-grid span{color:#727c87}.button.outline{border-color:#9cb2e8;color:#174bcf}.price-list,.price-list>span{border-color:#cbd1d7}.price-list b{color:#174bcf}
@media(max-width:620px){.motion-grid{opacity:.22}.page-hero-media:after{background:linear-gradient(180deg,transparent 45%,rgba(15,24,35,.56))}.hero-specs{background:rgba(255,255,255,.94)}.final-cta{margin-left:12px;margin-right:12px}}

/* GENERATED COVERS + CINEMATIC MOTION */
.motion-trail{position:fixed;inset:0;z-index:999;pointer-events:none;mix-blend-mode:multiply}
.motion-reveal{opacity:0;transform:translateY(42px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.72,.2,1)}.motion-reveal.is-visible{opacity:1;transform:none}
.motion-reveal :is(.service-card,.detail-card,.audience-card,.site-price-grid>article,.ready-grid>article){transform:translateY(24px);opacity:0;transition:opacity .72s ease var(--reveal-delay,0ms),transform .72s cubic-bezier(.2,.72,.2,1) var(--reveal-delay,0ms)}
.motion-reveal.is-visible :is(.service-card,.detail-card,.audience-card,.site-price-grid>article,.ready-grid>article){transform:none;opacity:1}
.page-works .second-section,.page-price .second-section,.page-learn .second-section,.page-sites .sites-audience,.page-sites .sites-comparison,.page-sites .sites-ready{position:relative;margin-top:135px;padding:112px 54px;background-position:center;background-size:cover;border:1px solid rgba(138,151,166,.28);box-shadow:0 28px 90px rgba(25,38,52,.06);clip-path:polygon(0 0,calc(100% - 36px) 0,100% 36px,100% 100%,0 100%)}
.page-works .second-section{background-image:linear-gradient(90deg,rgba(247,247,244,.94),rgba(247,247,244,.72)),url('underlay-3.webp')}
.page-price .second-section{background-image:linear-gradient(90deg,rgba(247,247,244,.95),rgba(247,247,244,.7)),url('underlay-4.webp')}
.page-learn .second-section{background-image:linear-gradient(90deg,rgba(247,247,244,.94),rgba(247,247,244,.68)),url('underlay-5.webp')}
.page-sites .sites-audience{background-image:linear-gradient(90deg,rgba(247,247,244,.93),rgba(247,247,244,.72)),url('underlay-1.webp')}
.page-sites .sites-comparison{background-image:linear-gradient(90deg,rgba(247,247,244,.94),rgba(247,247,244,.72)),url('underlay-2.webp')}
.page-sites .sites-ready{background-image:linear-gradient(90deg,rgba(247,247,244,.93),rgba(247,247,244,.7)),url('underlay-6.webp')}
.page-works .cards-grid{display:flex;overflow-x:auto;gap:16px;padding:8px 4px 30px;cursor:grab;scrollbar-width:none;overscroll-behavior-x:contain}.page-works .cards-grid::-webkit-scrollbar{display:none}.page-works .cards-grid.is-dragging{cursor:grabbing;user-select:none}.page-works .cards-grid .service-card{flex:0 0 min(390px,82vw);min-height:390px}
@media(max-width:700px){.motion-trail{display:none}.motion-reveal{transform:translateY(24px)}.page-works .second-section,.page-price .second-section,.page-learn .second-section,.page-sites .sites-audience,.page-sites .sites-comparison,.page-sites .sites-ready{margin:100px 12px 0;padding:78px 18px;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%);box-shadow:none}.page-works .cards-grid{margin-right:-18px}}
@media(prefers-reduced-motion:reduce){.motion-trail{display:none}.motion-reveal,.motion-reveal :is(.service-card,.detail-card,.audience-card,.site-price-grid>article,.ready-grid>article){opacity:1;transform:none;transition:none}}

/* ═══ ТЁМНАЯ ТЕМА: фон не бьёт по глазам (решение владельца 30.08) ═══ */
:root{
  --ink:#e7edf5;--muted:#8d9aab;--paper:#0b0f16;--white:#121a25;--panel:#121a25;
  --violet:#3d74ff;--violet-dark:#8aa8ff;--violet-soft:#121c2e;
  --pink:#ff5c8a;--pink-soft:#1d1320;--blue:#3d74ff;--blue-soft:#0f1a2c;
  --line:#222d3d;--metal:#8d98a5;--black:#070a10;
}
body{background:radial-gradient(circle at 70% -8%,rgba(61,116,255,.10),transparent 34%),linear-gradient(180deg,#0b0f16 0%,#080c12 60%,#0b0f16 100%);color:var(--ink)}

/* живой фон */
.motion-background{background:#080c12}
.motion-background:before{background:radial-gradient(circle at 62% -10%,rgba(61,116,255,.14),transparent 36%),linear-gradient(180deg,rgba(8,12,18,.35),rgba(8,12,18,.72))}
.motion-grid{opacity:.20;background-image:linear-gradient(rgba(120,155,225,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(120,155,225,.16) 1px,transparent 1px)}
.motion-beam{background:conic-gradient(from 110deg,transparent 0 32%,rgba(61,116,255,.15) 38%,transparent 44% 73%,rgba(150,175,225,.07) 78%,transparent 84%)}
.motion-ribbon{background:linear-gradient(90deg,transparent 4%,rgba(61,116,255,.05) 24%,rgba(110,150,255,.14) 49%,rgba(200,215,245,.10) 62%,transparent 88%)}
.motion-orbit{border-color:rgba(61,116,255,.18)}.motion-orbit-two{border-color:rgba(160,180,210,.10)}
.motion-cursor{background:radial-gradient(430px circle at var(--cursor-x),rgba(61,116,255,.10),transparent 68%)}
.motion-noise{opacity:.035;mix-blend-mode:screen}
.motion-trail{mix-blend-mode:screen}

/* шапка, карточки, панели */
.global-header{background:rgba(11,15,22,.82)}
.header-button{background:rgba(18,26,37,.8);border-color:var(--line);color:var(--ink)}
.header-button:hover{border-color:var(--violet);color:#fff}
.global-header nav a{color:#93a1b4}
.global-header nav a.active,.global-header nav a:hover{color:#8aa8ff}
.brand{color:var(--ink)}.brand-mark{background:var(--violet)}
.edge-rail,.hero-ghost{color:transparent}
.hero-ghost{-webkit-text-stroke:1px rgba(140,170,225,.10)}
.page-hero h1{color:#f2f6fb}
.page-hero h1 em{color:#9db2d6}
.page-hero-copy>p{color:#93a1b4;border-left-color:#243044}
.facts{color:#7d8b9d}
.kinetic-strip{background:rgba(10,15,22,.9);border-color:#1b2432}
.kinetic-strip>div{color:#dbe4f0}
.value-band{background:linear-gradient(110deg,rgba(16,23,33,.95),rgba(10,15,22,.85));border-color:#1e2836;box-shadow:none}
.value-band p{color:#fff}.value-band>span{color:#5d6b7d;border-left-color:#26313f}.value-band b{color:#c3cdda}
.section-head>span{color:#7f9cff}
.section-head h2{color:#f2f6fb}
.section-head p{color:#8d9aab}
.service-card,.detail-card{background:rgba(18,26,37,.86);border-color:#222d3d;box-shadow:0 22px 60px rgba(0,0,0,.45)}
.service-card:hover{background:rgba(22,31,45,.95);border-color:#3b5b9e;box-shadow:0 30px 80px rgba(0,0,0,.55)}
.detail-card:hover{background:rgba(22,31,45,.95);border-color:#3b5b9e}
.service-card h3,.detail-card h3,.service-card strong,.detail-card strong{color:#eef3f9}
.service-card p,.detail-card p{color:#8d9aab}
.card-index,.detail-number{color:#7f9cff}
.tone-violet{background:linear-gradient(145deg,#2c5fe6,#17398f)!important}
.tone-dark{background:#080c12!important;border-color:#1c2634!important}
.tone-pink{background:linear-gradient(145deg,#2a1524,#1b1019)!important;border-color:#4a2739!important}
.tone-pink h3,.tone-pink strong{color:#ffd3e0}
.tone-blue{background:linear-gradient(145deg,#111d33,#0d1522)!important;border-color:#25406b!important}
.portrait-break{background:rgba(18,26,37,.86);border-color:#222d3d;box-shadow:0 22px 60px rgba(0,0,0,.45)}
.portrait-break h2{color:#f2f6fb}.portrait-break p{color:#8d9aab}
.final-cta{border-color:#28457f;background:radial-gradient(circle at 12% 20%,rgba(61,116,255,.20),transparent 28%),radial-gradient(circle at 88% 80%,rgba(90,135,255,.12),transparent 26%),#0a1120}
.final-cta h2{color:#fff}.final-cta>p{color:#93a1b4}
.button.light{background:#fff;color:#0a0f18}
.button.secondary{background:rgba(18,26,37,.7);border-color:#28323f;color:#d5dde7}
.button.secondary:hover{border-color:var(--violet);color:#fff}
.page-hero-media img{filter:saturate(.85) contrast(1.06) brightness(.82)}
.media-badge{background:rgba(10,15,22,.82);border:1px solid rgba(255,255,255,.14);color:#dbe4f0}
.hero-specs{background:rgba(10,15,22,.9);border-color:#22303f;color:#68788c}
footer{border-color:#1b2432;color:#7d8b9d}
/* подложки секций: затемняющая заливка вместо светлой */
.page-works .second-section{background-image:linear-gradient(90deg,rgba(9,13,20,.93),rgba(9,13,20,.74)),url('underlay-3.webp')}
.page-price .second-section{background-image:linear-gradient(90deg,rgba(9,13,20,.94),rgba(9,13,20,.72)),url('underlay-4.webp')}
.page-learn .second-section{background-image:linear-gradient(90deg,rgba(9,13,20,.93),rgba(9,13,20,.7)),url('underlay-5.webp')}
.page-sites .sites-audience{background-image:linear-gradient(90deg,rgba(9,13,20,.92),rgba(9,13,20,.74)),url('underlay-1.webp')}
.page-sites .sites-comparison{background-image:linear-gradient(90deg,rgba(9,13,20,.93),rgba(9,13,20,.74)),url('underlay-2.webp')}
.page-sites .sites-ready{background-image:linear-gradient(90deg,rgba(9,13,20,.92),rgba(9,13,20,.72)),url('underlay-6.webp')}

/* ═══ полка настоящих работ ═══ */
.reels{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.reel{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;text-decoration:none;border:1px solid var(--line);
  background:#0d131c;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);
  transition:transform .3s cubic-bezier(.2,.72,.2,1),border-color .3s,box-shadow .3s}
.reel:hover{transform:translateY(-6px);border-color:#3b5b9e;box-shadow:0 26px 70px rgba(0,0,0,.6)}
.reel img,.reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.05) brightness(.86);transition:filter .3s,transform .6s}
.reel video{opacity:0;transition:opacity .4s}
.reel:hover video{opacity:1}
.reel:hover img{transform:scale(1.03)}
.reel-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,10,16,.1) 40%,rgba(6,10,16,.92))}
.reel-views{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:7px;padding:6px 11px;
  background:rgba(6,10,16,.78);border:1px solid rgba(255,255,255,.16);color:#e7edf5;font-size:11px;letter-spacing:.06em}
.reel-views i{width:6px;height:6px;background:#ff5c8a;box-shadow:0 0 10px #ff5c8a}
.reel-meta{position:absolute;left:16px;right:16px;bottom:16px;color:#fff}
.reel-meta b{display:block;font-size:16px;font-weight:800;line-height:1.14;letter-spacing:-.02em;text-transform:uppercase}
.reel-meta span{display:block;margin-top:6px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(231,237,245,.6)}
.reels-note{margin-top:20px;color:#68788c;font-size:12px;letter-spacing:.04em}
@media(max-width:1000px){.reels{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.reels{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.reel video{display:none}}

/* ═══ гендер-пати: сине-розовый фон, только эта страница ═══ */
body.gender{background:
  radial-gradient(circle at 10% 4%,rgba(61,116,255,.30),transparent 44%),
  radial-gradient(circle at 92% 96%,rgba(255,92,138,.24),transparent 46%),
  linear-gradient(180deg,#0a0e18 0%,#130c17 52%,#0a0e18 100%)}
body.gender .motion-background{background:#0c0912}
body.gender .motion-background:before{background:
  radial-gradient(circle at 22% -8%,rgba(61,116,255,.20),transparent 38%),
  radial-gradient(circle at 82% 108%,rgba(255,92,138,.16),transparent 40%),
  linear-gradient(180deg,rgba(10,9,18,.30),rgba(10,9,18,.68))}
body.gender .motion-grid{background-image:linear-gradient(rgba(180,150,220,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(180,150,220,.14) 1px,transparent 1px)}
body.gender .motion-beam{background:conic-gradient(from 110deg,transparent 0 30%,rgba(61,116,255,.20) 37%,transparent 46% 70%,rgba(255,92,138,.16) 79%,transparent 86%)}
body.gender .motion-ribbon{background:linear-gradient(90deg,transparent 4%,rgba(61,116,255,.10) 26%,rgba(215,150,235,.16) 50%,rgba(255,92,138,.12) 70%,transparent 90%)}
body.gender .motion-orbit-one{border-color:rgba(61,116,255,.24)}
body.gender .motion-orbit-two{border-color:rgba(255,92,138,.18)}
body.gender .motion-cursor{background:radial-gradient(430px circle at var(--cursor-x) var(--cursor-y),rgba(255,92,138,.10),transparent 68%)}
body.gender .motion-trail{mix-blend-mode:screen}
/* акценты страницы: голубой слева, розовый справа */
body.gender .eyebrow{color:#ff8fb0}
body.gender .page-hero h1 em{background:linear-gradient(90deg,#8fb8ea,#ff8fb0);-webkit-background-clip:text;background-clip:text;color:transparent}
body.gender .kinetic-strip i{background:#ff5c8a;box-shadow:0 0 18px rgba(255,92,138,.9)}
body.gender .kinetic-strip{background:rgba(12,9,18,.88)}
body.gender .value-band{background:linear-gradient(110deg,rgba(22,15,28,.95),rgba(12,9,18,.85));border-color:#2a1f36}
body.gender .section-head>span{color:#ff8fb0}
body.gender .service-card,body.gender .detail-card{background:rgba(23,17,30,.86);border-color:#2c2038}
body.gender .service-card:hover,body.gender .detail-card:hover{border-color:#7b4a72;background:rgba(28,20,36,.95)}
body.gender .card-index,body.gender .detail-number{color:#ff8fb0}
body.gender .tone-pink{background:linear-gradient(145deg,#3a1930,#22121f)!important;border-color:#6c3454!important}
body.gender .tone-violet{background:linear-gradient(145deg,#2c5fe6,#5b2f8f)!important}
body.gender .final-cta{border-color:#5a3a6e;background:
  radial-gradient(circle at 12% 20%,rgba(61,116,255,.24),transparent 30%),
  radial-gradient(circle at 88% 80%,rgba(255,92,138,.22),transparent 30%),#120c1a}
body.gender .button.primary{background:linear-gradient(135deg,#3d74ff,#c94f9c);box-shadow:0 15px 45px rgba(150,80,200,.28)}
body.gender .media-badge>span{background:linear-gradient(90deg,#8fb8ea,#ff8fb0)}

/* ═══ телефон: бенто-сетка обязана схлопываться в одну колонку ═══
   Правила пака задают карточкам span 3–8 из 12 колонок с высокой
   специфичностью (nth-child), и на 375 px карточка выходила 133 px
   шириной — текст рвался по буквам. Здесь порог 860 px, чтобы
   планшет тоже не ловил узкие колонки. */
@media (max-width:860px){
  .cards-grid,.detail-grid{grid-template-columns:1fr!important;gap:14px!important;margin-right:0!important}
  .cards-grid>*,.detail-grid>*{grid-column:1/-1!important;min-height:0!important}
  .service-card,.detail-card{padding:24px 22px}
  /* на десктопе номер и заголовок разведены по краям высокой плитки
     (margin-top:70px). В одну колонку плитка низкая, и тот же отступ
     читается как пустая полоса посреди карточки. */
  .service-card h3,.detail-card h3{font-size:22px;margin-top:18px}
  .service-card .card-index,.detail-card .detail-number{margin-bottom:0}
  .service-card strong,.detail-card strong{font-size:22px}
  .value-band{grid-template-columns:1fr!important;gap:18px;padding:26px 20px}
  .value-band>span{border-left:0;padding-left:0}
  .page-hero{padding-left:18px;padding-right:18px}
  .hero-ghost{display:none}
  .edge-rail{display:none}
  .reels{grid-template-columns:1fr!important}
  .portrait-break{grid-template-columns:1fr!important;gap:24px}
  .portrait-break img{width:100%;height:auto;aspect-ratio:4/5}
  .final-cta{padding:56px 20px}
  .global-header{padding:0 4px}
}
@media (max-width:860px){
  /* лента работ на телефоне листается пальцем, но карточка видна целиком */
  .page-works .cards-grid{display:grid!important;overflow:visible!important;padding:0!important}
  .page-works .cards-grid .service-card{flex:none!important;min-height:0!important}
}

/* ссылка на залитой кобальтом карточке была синей по синему */
.tone-violet a,.tone-violet .card-index{color:#fff!important}
.tone-violet .card-index svg{color:rgba(255,255,255,.7)}

/* ═══ появление блоков: контент виден, даже если скрипт не отработал ═══
   Было opacity:0 в CSS — во встроенном браузере Инстаграма, где
   IntersectionObserver может не сработать, страница оставалась пустой. */
.motion-reveal{opacity:1;transform:none}
.motion-reveal.pending{opacity:0;transform:translateY(42px)}
.motion-reveal.pending :is(.service-card,.detail-card){opacity:0;transform:translateY(24px)}
.motion-reveal.is-visible,.motion-reveal.is-visible :is(.service-card,.detail-card){opacity:1;transform:none}
/* нейтрализуем базовое правило пака: карточки видны по умолчанию */
.motion-reveal :is(.service-card,.detail-card,.audience-card,.site-price-grid>article,.ready-grid>article){opacity:1;transform:none}
.motion-reveal.pending :is(.service-card,.detail-card,.audience-card,.site-price-grid>article,.ready-grid>article){opacity:0;transform:translateY(24px)}

/* ═══ МОБИЛЬНОЕ МЕНЮ: класс open существовал, правила — нет ═══
   Скрипт страниц делает nav.classList.toggle('open'), но в паке
   открытому меню не отвечало ни одно правило: на телефоне шапка
   сворачивалась в бургер, который НИЧЕГО не открывал. Ссылка из
   Instagram ведёт на works.html — то есть человек попадал на сайт
   и не мог уйти с этой страницы ни на цены, ни на гендер-пати. */
@media (max-width:980px){
  .global-header{position:sticky;top:0;z-index:60}
  .global-header nav#nav.open{
    display:flex;flex-direction:column;align-items:stretch;gap:0;
    position:absolute;left:0;right:0;top:100%;
    padding:6px 18px 14px;
    background:#0a0e16;
    border-bottom:1px solid rgba(255,255,255,.09);
    box-shadow:0 26px 60px rgba(0,0,0,.5);
  }
  .global-header nav#nav.open a{
    padding:15px 2px;font-size:15px;letter-spacing:.01em;
    color:#e7edf5;
    border-bottom:1px solid rgba(255,255,255,.06);
  }
  .global-header nav#nav.open a.active{color:#5f8cff}
  .global-header nav#nav.open a:last-child{border-bottom:0}
  .menu-button{width:44px;height:44px;display:grid;place-items:center}
  .menu-button svg{width:26px;height:26px}
}

/* ═══ ПРАВКИ ОФОРМЛЕНИЯ 05.09 ═══ */

/* Шрифты: пак пришёл с reference-кодом под Tailwind, и style.css остался
   на Arial. Веса 900 у Arial нет — браузер дорисовывал жирность сам, и
   заголовки выглядели растянутым системным шрифтом. Manrope хостится
   локально (максимальный вес 800, поэтому 900 снижен до честного 800). */
:root{--sans:'Manrope',Arial,Helvetica,sans-serif;--serif:'Cormorant Garamond',Georgia,serif}
.page-hero h1,.section-head h2,.final-cta h2,.kit-intro h1,.single-kit>h1{font-weight:800}

/* Текст на залитых цветом карточках был muted-серым по синему —
   подписи «Многостраничный сайт», «Личное обучение», «История семьи»
   не читались. Ссылку чинили раньше, абзацы — здесь. */
.tone-violet p{color:rgba(255,255,255,.85)}
.tone-blue p{color:#b7c6e0}
.tone-pink p{color:#e9c6d4}
.tone-dark p{color:#93a1b4}
.tone-blue a,.tone-pink a,.tone-dark a{color:#9db9ff}

/* Вторая ссылка финального CTA терялась рядом с белой кнопкой —
   теперь это видимая контурная кнопка. */
.final-cta>div>a:last-child{color:#fff;border:1px solid rgba(255,255,255,.3);padding:15px 21px;border-radius:4px;text-transform:uppercase;letter-spacing:.08em;font-size:10px;transition:border-color .3s}
.final-cta>div>a:last-child:hover{border-color:#fff}

/* Пустота внутри бенто-карточек: номер и заголовок были разведены
   на 70px, и три тёмных прямоугольника подряд читались как
   недогруженная страница. На телефоне уже ужато до 18px. */
@media(min-width:861px){
  .detail-card h3{margin-top:34px}
  .service-card{min-height:330px}
  .detail-card{min-height:210px}
}

/* Подвал был на грани читаемости — туда смотрят за офертой. */
footer{color:#93a1b4}
footer a:hover{color:#e7edf5}

/* ═══ МЯГКИЙ ФОН 05.09 (владелец: «фон должен быть приятнее для глаз») ═══
   Утомляли три вещи: яркие синие пятна с видимой границей, контрастная
   движущаяся сетка и зерно поверх всего. Пятна ослаблены вдвое и растянуты
   (без видимого края), сетка и зерно едва заметны, база чуть теплее и
   светлее — контраст с белым текстом меньше бьёт по глазам.
   Гендер-пати не трогается: её сине-розовый фон специфичнее (body.gender). */
body{background:
  radial-gradient(120% 90% at 70% -10%,rgba(61,116,255,.05),transparent 60%),
  linear-gradient(180deg,#0e1219 0%,#0b0e14 55%,#0d1118 100%)}
.motion-background{background:#0b0e14}
.motion-background:before{background:
  radial-gradient(110% 80% at 62% -12%,rgba(61,116,255,.07),transparent 55%),
  linear-gradient(180deg,rgba(10,13,19,.35),rgba(10,13,19,.72))}
.motion-grid{opacity:.09}
.motion-beam{background:conic-gradient(from 110deg,transparent 0 32%,rgba(61,116,255,.08) 38%,transparent 44% 73%,rgba(150,175,225,.04) 78%,transparent 84%)}
.motion-ribbon{background:linear-gradient(90deg,transparent 4%,rgba(61,116,255,.03) 24%,rgba(110,150,255,.07) 49%,rgba(200,215,245,.05) 62%,transparent 88%)}
.motion-orbit{border-color:rgba(61,116,255,.10)}
.motion-orbit-two{border-color:rgba(160,180,210,.06)}
.motion-cursor{background:radial-gradient(430px circle at var(--cursor-x) var(--cursor-y),rgba(61,116,255,.06),transparent 68%)}
.motion-noise{opacity:.018}
/* фотоподложки секций затемнены сильнее — светло-серые участки
   (бетон, мониторы) спорили со спокойным фоном */
.page-works .second-section,.page-price .second-section,.page-learn .second-section,
.page-sites .sites-audience,.page-sites .sites-comparison,.page-sites .sites-ready{
  background-image:linear-gradient(90deg,rgba(9,13,20,.96),rgba(9,13,20,.86)),var(--underlay,none)}
.page-works .second-section{--underlay:url('underlay-3.webp')}
.page-price .second-section{--underlay:url('underlay-4.webp')}
.page-learn .second-section{--underlay:url('underlay-5.webp')}
.page-sites .sites-audience{--underlay:url('underlay-1.webp')}
.page-sites .sites-comparison{--underlay:url('underlay-2.webp')}
.page-sites .sites-ready{--underlay:url('underlay-6.webp')}

/* ═══ ПРОДАЮЩИЕ БЛОКИ ОБУЧЕНИЯ И ЦЕН 05.09 ═══ */
.check-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:11px}
.check-list li{position:relative;padding-left:26px;color:#aab6c6;font-size:14px;line-height:1.55}
.check-list li:before{content:"✓";position:absolute;left:0;top:0;color:#7f9cff;font-weight:800}
.tone-violet .check-list li{color:rgba(255,255,255,.88)}
.tone-violet .check-list li:before{color:#fff}
.card-cta{margin-top:22px}
.card-cta .button{min-height:48px}
/* пятая карточка витрины главной: «сайт» и «обучение» делят второй ряд */
@media(min-width:1101px){
  .cards-4 .service-card:nth-child(4){grid-column:2/span 5;min-height:245px}
  .cards-4 .service-card:nth-child(5){grid-column:span 5;min-height:245px}
}
/* правило «ссылки на кобальте белые !important» красило и кнопку —
   белый текст на белой кнопке */
.tone-violet .button.light{color:#0a0f18!important}

/* ═══ ОФОРМЛЕНИЕ ПО РЕФЕРЕНСУ KIE.AI 05.09 (владелец прислал ссылку) ═══
   Взято у kie: глубокий сине-фиолетовый фон со свечением сверху вместо
   плоского графита, стеклянные карточки с большим скруглением, кнопки-
   пилюли. Гендер-пати сохраняет свой сине-розовый фон (body.gender
   специфичнее). */

/* фон: индиго-градиент с мягким свечением, как «Прозрачные цены» у kie */
body{background:
  radial-gradient(90% 55% at 50% -18%,rgba(88,101,242,.22),transparent 62%),
  radial-gradient(60% 45% at 88% 6%,rgba(56,140,248,.08),transparent 55%),
  linear-gradient(180deg,#0b0e20 0%,#080a15 48%,#0a0c1b 100%)}
.motion-background{background:#080a15}
.motion-background:before{background:
  radial-gradient(80% 60% at 50% -15%,rgba(88,101,242,.10),transparent 58%),
  linear-gradient(180deg,rgba(9,11,24,.35),rgba(9,11,24,.72))}
.motion-grid{opacity:.08;background-image:linear-gradient(rgba(140,150,235,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(140,150,235,.14) 1px,transparent 1px)}
.motion-orbit{border-color:rgba(120,130,250,.10)}

/* карточки-стекло со скруглением */
.service-card,.detail-card{border-radius:18px;background:rgba(255,255,255,.035);border-color:rgba(150,165,255,.14)}
.service-card:hover,.detail-card:hover{background:rgba(255,255,255,.055);border-color:rgba(160,175,255,.32);box-shadow:0 26px 70px rgba(5,8,20,.55)}
.tone-dark{background:rgba(6,8,18,.6)!important;border-color:rgba(150,165,255,.12)!important}
.tone-blue{background:linear-gradient(150deg,rgba(37,58,120,.55),rgba(15,22,48,.6))!important;border-color:rgba(110,140,255,.28)!important}
.tone-violet{border-radius:18px}
.page-hero-media{border-radius:22px}
.value-band{border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(150,165,255,.12)}
.portrait-break{border-radius:22px;background:rgba(255,255,255,.035);border-color:rgba(150,165,255,.14)}
.final-cta{border-radius:26px;border-color:rgba(130,145,255,.28);background:
  radial-gradient(70% 90% at 18% 15%,rgba(88,101,242,.26),transparent 55%),
  radial-gradient(60% 80% at 85% 85%,rgba(56,140,248,.14),transparent 55%),#0b0e20}
.kit-intro,.sw,.type-grid>div,.icon-grid>div{border-radius:16px}

/* кнопки-пилюли, как у kie */
.button,.header-button{border-radius:999px}
.final-cta>div>a:last-child{border-radius:999px}
.card-cta .button{border-radius:999px}

/* полка работ и превью: скругление вместо срезанного угла */
.reel{clip-path:none;border-radius:16px;border-color:rgba(150,165,255,.14)}
.media-badge,.hero-specs{border-radius:999px}
.global-header{background:rgba(9,11,22,.72);backdrop-filter:blur(14px)}
footer{border-color:rgba(150,165,255,.12)}
/* подложки секций — в тон индиго */
.page-works .second-section,.page-price .second-section,.page-learn .second-section,
.page-sites .sites-audience,.page-sites .sites-comparison,.page-sites .sites-ready{
  background-image:linear-gradient(90deg,rgba(8,10,22,.88),rgba(8,10,22,.55)),var(--underlay,none)}
/* фоны сгенерированы через kie (nano-banana-2) 05.09 в индиго-стиле —
   затемнение мягче, чем у прежних светло-серых фото */
.page-works .second-section{--underlay:url('underlay-3-v3.jpg')}
.page-price .second-section{--underlay:url('underlay-4-v3.jpg')}
.page-learn .second-section{--underlay:url('underlay-5-v3.jpg')}
.page-sites .sites-audience{--underlay:url('underlay-1-v3.jpg')}
.page-sites .sites-comparison{--underlay:url('underlay-2-v3.jpg')}
.page-sites .sites-ready{--underlay:url('underlay-6-v3.jpg')}

/* ═══ ЧИТАЕМОСТЬ 05.09 (владелец: «лишний текст убери, тусклое сделай
   читабельным») ═══
   Декоративные «55°45′N», «FRAME 001 · 2026» убраны из разметки — это
   шум пака, не информация. Здесь — контраст мелких надписей: они были
   на грани различимости на новом индиго-фоне. */
.facts{color:#98a7b9}
.value-band>span{color:#8a99ac}
.value-band>span b{color:#e7edf5}
.section-head p{color:#96a4b5}
.service-card p,.detail-card p{color:#97a5b6}
.reels-note{color:#8a99ac;font-size:13px}
.media-caption small{color:#c9d4e3}
.final-cta>p{color:rgba(255,255,255,.74)}
.page-hero-copy>p{color:#9caebf}
.card-tag{color:#9db2d6}
.tone-violet .card-tag,.tone-blue .card-tag{color:rgba(255,255,255,.85)}
.tone-pink .card-tag{color:#f0a8c4}
footer p{color:#93a1b4}

/* ═══ КРУПНЕЕ МЕЛКОЕ 05.09 (владелец: «мелкий текст плохо видно даже
   на мониторе 32″») ═══
   Пак любит 10-11px капсом — на большом мониторе это бисер. Поднято
   на 2-3px всё служебное и на 1-2px основной текст карточек. */
.facts{font-size:13px;letter-spacing:.07em}
.eyebrow{font-size:13px}
.button{font-size:13px}
.header-button{font-size:13px}
.value-band>span{font-size:13px}
.value-band p{font-size:19px}
.card-tag,.service-card .card-tag{font-size:13px}
.service-card p,.detail-card p{font-size:16px;line-height:1.6}
.section-head p{font-size:17px}
.page-hero-copy>p{font-size:18px}
.check-list li{font-size:16px}
.reels-note{font-size:15px}
.media-caption small{font-size:13px}
.media-badge{font-size:12px}
.final-cta>p{font-size:17px}
.final-cta>span{font-size:13px}
.final-cta>div>a:last-child{font-size:13px}
.global-header nav a{font-size:15px}
footer{font-size:14px}
footer a{font-size:14px}
.kinetic-strip>div{font-size:14px}
.service-card strong,.detail-card strong{font-size:26px}
.reel-meta b{font-size:18px}
.reel-meta span{font-size:12px}
.reel-views{font-size:13px}
.card-index span,.detail-number{font-size:13px}

/* ═══ ЖИВОЙ ФОН ГЕНДЕР-ПАТИ 06.09 (владелец: «фон для женщин, чтобы
   что-то двигалось») ═══
   Сгенерирован kie: картинка nano-banana-2 → видео Grok Imagine
   (сад с розово-голубым дымом, конфетти и гирляндами). Видео лежит
   ПОД содержимым (main z-index:1), затемняется градиентом, звук
   вырезан на перекодировании — фон обязан молчать. */
body.gender .gender-live-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
body.gender .gender-live-bg video,body.gender .gender-live-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.6) saturate(1.05)}
body.gender .gender-live-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,16,.5),rgba(10,8,16,.84))}
@media(prefers-reduced-motion:reduce){body.gender .gender-live-bg video{display:none}}
/* фон гендер-пати был пёстрым и лез вперёд контента: сильнее затемнение,
   лёгкий блюр (scale прячет размытые края); скриншот в герое «Сайтов»
   пересобран целым экраном — прежний кроп обрезал буквы на середине */
body.gender .gender-live-bg video,body.gender .gender-live-bg img{filter:brightness(.62) saturate(1.05) blur(2px);transform:scale(1.05)}
body.gender .gender-live-bg:after{background:linear-gradient(180deg,rgba(10,8,16,.42),rgba(10,8,16,.78))}
.media-sites img{object-position:top}

/* ═══ ЖИВЫЕ ПОДЛОЖКИ ВСЕГО САЙТА 06.09 (владелец: «чтоб не так сухо») ═══
   Тот же приём, что на гендер-пати: 6-секундное зацикленное видео из
   собственного индиго-кадра страницы, под контентом (main z-index:1),
   притушено и слегка размыто. Постер = тот же кадр: без автоплея и при
   reduced-motion остаётся статика. */
.live-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.live-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.52) saturate(1.02) blur(2px);transform:scale(1.05)}
.live-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,20,.5),rgba(8,10,20,.84))}
@media(prefers-reduced-motion:reduce){.live-bg video{display:none}}

/* ═══ ЗАГОЛОВОК НЕ ЛЕЗЕТ НА ФОТО 06.09 ═══
   Пак намеренно кладёт h1 поверх рамки героя, но на «Обо мне» строка
   «AI-креатор и режиссёр историй» заходила на лицо, а на «Сайтах» —
   на скриншот. Тексту этих страниц — своя колонка без наезда. */
@media(min-width:821px){
  .page-about .page-hero h1,.page-sites .page-hero h1{max-width:560px;font-size:clamp(52px,4.6vw,78px)}
  .page-about .page-hero-copy,.page-sites .page-hero-copy{max-width:600px}
}

/* ═══ КРЕМОВАЯ ТЕМА 06.09 (выбор владельца из двух макетов) ═══
   Светлый тёплый жемчуг вместо тёмного индиго: «сайт весь какой-то
   тёмный... чтобы людям было приятно». Не белый — тёплый крем, тот
   слепил («как у Софы»). Янтарные акценты вместо кобальта.
   ГЕНДЕР-ПАТИ НЕ ТРОГАЕТСЯ: там своё праздничное оформление, правила
   скоупятся body:not(.gender). Тёмные секции с фото-подложками
   ОСТАВЛЕНЫ тёмными — контрастные кино-полосы в светлом сайте. */
body:not(.gender){background:
  radial-gradient(90% 55% at 50% -18%,rgba(232,163,76,.14),transparent 62%),
  linear-gradient(180deg,#f4efe6 0%,#ece5d8 50%,#f2ede3 100%);color:#241d15}
body:not(.gender) .motion-background{background:#f2ede4}
body:not(.gender) .motion-background:before{background:radial-gradient(80% 60% at 50% -15%,rgba(232,163,76,.12),transparent 58%),linear-gradient(180deg,rgba(244,239,230,.2),rgba(244,239,230,.6))}
body:not(.gender) .motion-grid{opacity:.12;background-image:linear-gradient(rgba(120,95,60,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(120,95,60,.14) 1px,transparent 1px)}
body:not(.gender) .motion-beam,body:not(.gender) .motion-ribbon{opacity:.35}
body:not(.gender) .motion-orbit{border-color:rgba(184,121,42,.14)}
body:not(.gender) .motion-cursor{background:radial-gradient(430px circle at var(--cursor-x) var(--cursor-y),rgba(232,163,76,.1),transparent 68%)}
body:not(.gender) .motion-noise{opacity:.03;mix-blend-mode:multiply}
body:not(.gender) .motion-trail{mix-blend-mode:multiply}
/* живые видеофоны на свету — лёгкая дымка, не тёмное пятно */
body:not(.gender) .live-bg{opacity:.35}
body:not(.gender) .live-bg video{filter:brightness(1.3) saturate(.85) blur(3px)}
body:not(.gender) .live-bg:after{background:linear-gradient(180deg,rgba(244,239,230,.5),rgba(244,239,230,.9))}
/* шапка и меню */
body:not(.gender) .global-header{background:rgba(247,242,233,.85);border-bottom:1px solid rgba(90,70,45,.12)}
body:not(.gender) .global-header nav a{color:#6d6357}
body:not(.gender) .global-header nav a.active,body:not(.gender) .global-header nav a:hover{color:#b8792a}
body:not(.gender) .brand{color:#241d15}
body:not(.gender) .brand-mark{background:#c9862f}
body:not(.gender) .header-button{background:#fbf8f2;border-color:#ded4c4;color:#241d15}
body:not(.gender) .header-button:hover{border-color:#b8792a;color:#241d15}
body:not(.gender) .menu-button{color:#241d15}
body:not(.gender) nav#nav.open{background:#f7f2e9}
body:not(.gender) nav#nav.open a{color:#241d15}
/* герой */
body:not(.gender) .hero-ghost{color:transparent;-webkit-text-stroke:1px rgba(90,70,45,.09)}
body:not(.gender) .page-hero h1{color:#241d15}
body:not(.gender) .page-hero h1 em{color:#a3763a}
body:not(.gender) .page-hero-copy>p{color:#6d6357;border-left-color:#d9cdba}
body:not(.gender) .facts{color:#7d7264}
body:not(.gender) .eyebrow{color:#b8792a}
body:not(.gender) .eyebrow:before{background:#c9862f}
body:not(.gender) .button.primary{background:linear-gradient(135deg,#d99a3e,#b8792a);color:#fff;box-shadow:0 14px 34px rgba(184,121,42,.25)}
body:not(.gender) .button.primary:hover{background:linear-gradient(135deg,#e2a84e,#c9862f)}
body:not(.gender) .button.secondary{background:#fbf8f2;border-color:#ded4c4;color:#241d15}
body:not(.gender) .page-hero-media{background:#e5ddd0;box-shadow:0 30px 80px rgba(90,70,45,.22)}
body:not(.gender) .media-badge{background:rgba(36,29,21,.78);border-color:rgba(255,255,255,.16);color:#f0e6d6}
/* лента и полоса цифр */
body:not(.gender) .kinetic-strip{background:#241d15;border-color:#3a2f22}
body:not(.gender) .kinetic-strip>div{color:#f0e6d6}
body:not(.gender) .kinetic-strip i{background:#e8a34c;box-shadow:0 0 12px rgba(232,163,76,.7)}
body:not(.gender) .value-band{background:rgba(251,248,242,.88);border-color:#ded4c4;box-shadow:0 20px 60px rgba(90,70,45,.08)}
body:not(.gender) .value-band p{color:#241d15}
body:not(.gender) .value-band>span{color:#8d8172}
body:not(.gender) .value-band>span b{color:#241d15}
/* секции и карточки */
body:not(.gender) .section-head>span{color:#b8792a}
body:not(.gender) .section-head h2{color:#241d15}
body:not(.gender) .section-head p{color:#6d6357;border-left-color:#d9cdba}
body:not(.gender) .service-card,body:not(.gender) .detail-card{background:rgba(251,248,242,.92);border-color:#ded4c4;box-shadow:0 16px 44px rgba(90,70,45,.08)}
body:not(.gender) .service-card:hover,body:not(.gender) .detail-card:hover{background:#fffdf8;border-color:#c9b592;box-shadow:0 24px 60px rgba(90,70,45,.14)}
body:not(.gender) .service-card h3,body:not(.gender) .detail-card h3,body:not(.gender) .service-card strong,body:not(.gender) .detail-card strong{color:#241d15}
body:not(.gender) .service-card p,body:not(.gender) .detail-card p{color:#6d6357}
body:not(.gender) .card-index,body:not(.gender) .detail-number{color:#b8792a}
body:not(.gender) .card-tag{color:#a3763a}
body:not(.gender) .service-card a,body:not(.gender) .detail-card a{color:#b8792a}
body:not(.gender) .tone-violet{background:linear-gradient(145deg,#d99a3e,#b8792a)!important;border-color:#c9862f!important}
body:not(.gender) .tone-violet h3,body:not(.gender) .tone-violet strong,body:not(.gender) .tone-violet p{color:#fff!important}
body:not(.gender) .tone-violet .card-tag,body:not(.gender) .tone-violet a,body:not(.gender) .tone-violet .card-index{color:#fff!important}
body:not(.gender) .tone-violet .check-list li{color:rgba(255,255,255,.92)}
body:not(.gender) .tone-violet .check-list li:before{color:#fff}
body:not(.gender) .tone-dark{background:#241d15!important;border-color:#3a2f22!important}
body:not(.gender) .tone-dark h3,body:not(.gender) .tone-dark strong{color:#f5eddf}
body:not(.gender) .tone-dark p{color:#c9bda8}
body:not(.gender) .tone-dark .card-tag{color:#d9a95e}
body:not(.gender) .tone-dark .check-list li{color:#d5c9b4}
body:not(.gender) .tone-blue{background:#eef0f4!important;border-color:#c6cede!important}
body:not(.gender) .tone-blue h3,body:not(.gender) .tone-blue strong{color:#22304a!important}
body:not(.gender) .tone-blue p{color:#4d5c78!important}
body:not(.gender) .tone-blue .card-tag,body:not(.gender) .tone-blue a{color:#3d5f9e!important}
body:not(.gender) .tone-pink{background:linear-gradient(145deg,#f7e6ea,#f0d7de)!important;border-color:#dcb6c0!important}
body:not(.gender) .tone-pink h3,body:not(.gender) .tone-pink strong{color:#7c3f52!important}
body:not(.gender) .tone-pink p{color:#8d5a6b!important}
body:not(.gender) .tone-pink .card-tag,body:not(.gender) .tone-pink a{color:#b06078!important}
body:not(.gender) .check-list li{color:#5f564a}
body:not(.gender) .check-list li:before{color:#b8792a}
body:not(.gender) .reels-note{color:#7d7264}
/* тёмные кино-полосы с подложками: заголовки в них остаются светлыми */
body:not(.gender) .second-section .section-head h2,body:not(.gender) .sites-audience .section-head h2,body:not(.gender) .sites-comparison .section-head h2,body:not(.gender) .sites-ready .section-head h2{color:#f6f1e7}
body:not(.gender) .second-section .section-head p,body:not(.gender) .sites-audience .section-head p,body:not(.gender) .sites-comparison .section-head p,body:not(.gender) .sites-ready .section-head p{color:#c9bda8;border-left-color:#4a3d2c}
/* финал и подвал */
body:not(.gender) .final-cta{border-color:#d8c7ac;background:radial-gradient(70% 90% at 18% 15%,rgba(232,163,76,.24),transparent 55%),radial-gradient(60% 80% at 85% 85%,rgba(255,150,90,.1),transparent 55%),#2a2118}
body:not(.gender) .final-cta h2{color:#fff}
body:not(.gender) .final-cta>p{color:rgba(255,246,232,.78)}
body:not(.gender) .final-cta>span{color:#e8c894}
body:not(.gender) .button.light{background:#fff;color:#241d15}
body:not(.gender) .final-cta>div>a:last-child{color:#fff;border-color:rgba(255,255,255,.35)}
body:not(.gender) footer{border-color:#ded4c4;color:#7d7264}
body:not(.gender) footer a:hover{color:#241d15}
body:not(.gender) footer .brand{color:#241d15}
/* полка работ: тёмные постеры на светлом — с тёплой рамкой */
body:not(.gender) .reel{border-color:#d8ccb8;background:#241d15;box-shadow:0 18px 50px rgba(90,70,45,.18)}
body:not(.gender) .portrait-break{background:rgba(251,248,242,.92);border-color:#ded4c4}
body:not(.gender) .portrait-break h2{color:#241d15}
body:not(.gender) .portrait-break p{color:#6d6357}
body:not(.gender) .edge-rail{border-right-color:rgba(90,70,45,.1);background:rgba(244,239,230,.7)}
body:not(.gender) .facts svg,body:not(.gender) .value-band>span:after{color:#b8792a}