:root{--ad-gold:#e6ba6d;--ad-ink:#030506;--ad-line:rgba(230,186,109,.24);--ad-muted:#9f9b93}
.service-advertising{overflow-x:hidden;background:#030506;color:#f3efe7}
.service-advertising main{overflow:hidden}
.page-brand__mark{display:grid;width:38px;height:38px;place-items:center;overflow:hidden;border-radius:50%;background:radial-gradient(circle,rgba(230,186,109,.2),transparent 72%);box-shadow:0 0 0 1px rgba(230,186,109,.2),0 0 24px rgba(230,186,109,.1);animation:adBrandBreath 3.6s ease-in-out infinite}
.page-brand__mark video{width:100%;height:100%;object-fit:cover}

.ad-hero{position:relative;isolation:isolate;padding:104px 0 52px;background:radial-gradient(circle at 82% 12%,rgba(214,137,87,.14),transparent 30%),linear-gradient(180deg,#060808,#030506 72%)}
.ad-hero::before{position:absolute;z-index:-2;inset:0;background-image:radial-gradient(circle at 12% 19%,rgba(255,255,255,.62) 0 1px,transparent 1.4px),radial-gradient(circle at 72% 39%,rgba(230,186,109,.48) 0 1px,transparent 1.5px),radial-gradient(circle at 32% 68%,rgba(255,255,255,.32) 0 1px,transparent 1.5px);background-size:83px 97px,121px 139px,157px 173px;content:"";opacity:.45}
.ad-hero::after{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(3,5,6,.2),#030506 92%),url('../media/service-hooks/advertising-v1.webp') 68% 45%/cover no-repeat;content:"";filter:saturate(.72) contrast(1.08);opacity:.56;mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 28%,#000 100%)}
.ad-hero-product-screen{position:absolute;z-index:0;top:78px;right:-88px;width:220px;margin:0;border:1px solid rgba(236,117,61,.34);border-radius:24px;background:#090c0e;box-shadow:-26px 34px 75px rgba(0,0,0,.78),0 0 52px rgba(236,90,46,.12);overflow:hidden;opacity:.46;transform:perspective(950px) rotateY(-15deg) rotateX(3deg) rotateZ(2deg);transform-origin:right center;pointer-events:none}
.ad-hero-product-screen::after{position:absolute;right:18%;bottom:-14px;left:18%;height:24px;border-radius:50%;background:radial-gradient(ellipse,rgba(240,112,55,.38),transparent 68%);content:"";filter:blur(8px)}
.ad-hero-product-screen img{display:block;width:100%;height:auto;filter:saturate(.88) contrast(1.08)}
.ad-hero-product-screen span{position:absolute;right:8px;bottom:8px;left:8px;padding:7px 9px;border:1px solid rgba(255,255,255,.1);background:rgba(4,6,7,.78);color:#c7b8ab;font-size:6px;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(9px)}
.ad-hero__copy{position:relative;z-index:1}
.ad-hero h1{max-width:980px;margin:12px 0 20px;font-size:clamp(42px,10.8vw,86px);font-weight:320;line-height:.94;letter-spacing:-.06em}
.ad-hero h1 em,.ad-section-title h2 em,.ad-final h2 em{color:var(--ad-gold);font-family:Georgia,serif;font-weight:400}
.ad-hero__lead{max-width:720px;margin:0;color:#b7b2a8;font-size:15px;line-height:1.65}
.ad-price{display:grid;grid-template-columns:1fr auto;gap:3px 18px;max-width:620px;margin:28px 0 24px;padding:20px 0;border-top:1px solid var(--ad-line);border-bottom:1px solid rgba(255,255,255,.1)}
.ad-price span{align-self:end;color:var(--ad-gold);font-size:9px;letter-spacing:.13em;text-transform:uppercase}
.ad-price strong{grid-row:1/3;grid-column:2;align-self:center;font-size:clamp(30px,9vw,52px);font-weight:320;letter-spacing:-.055em;white-space:nowrap}
.ad-price small{color:#8e8a82;font-size:10px;line-height:1.45}
.service-advertising .button{min-height:50px;cursor:pointer}

.ad-flow-shell{position:relative;margin-top:48px;padding:0 0 26px;border:1px solid rgba(230,186,109,.23);border-radius:22px;background:linear-gradient(160deg,rgba(13,16,17,.96),rgba(3,5,6,.98));box-shadow:0 34px 90px rgba(0,0,0,.48);overflow:hidden}
.ad-flow-shell::before{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(230,186,109,.04),transparent 72%);content:"";pointer-events:none}
.ad-flow-shell__head{position:relative;z-index:3;display:flex;min-height:58px;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(4,6,7,.78);backdrop-filter:blur(14px)}
.ad-flow-shell__head div{display:flex;align-items:center;gap:9px}
.ad-flow-shell__head div span{width:8px;height:8px;border-radius:50%;background:#70e1a1;box-shadow:0 0 16px #70e1a1}
.ad-flow-shell__head b{font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.ad-flow-shell__head small{color:#858179;font-size:8px;letter-spacing:.06em;text-transform:uppercase}
.ad-source-switch{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px}
.ad-source-switch button{position:relative;display:grid;grid-template-columns:25px minmax(0,1fr);min-width:0;min-height:72px;align-content:center;gap:2px 6px;padding:8px 6px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(4,6,7,.78);color:#8f8a82;text-align:left;cursor:pointer;transition:border-color .25s,background .25s,color .25s,transform .25s}
.ad-source-switch button::after{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent,rgba(230,186,109,.14),transparent);content:"";opacity:0;transform:translateX(-35%);transition:opacity .25s,transform .5s}
.ad-source-switch button[aria-pressed="true"]{border-color:rgba(230,186,109,.55);background:linear-gradient(135deg,rgba(230,186,109,.14),rgba(8,10,11,.92));color:#f5f0e7;box-shadow:inset 0 0 24px rgba(230,186,109,.07)}
.ad-source-switch button[aria-pressed="true"]::after{opacity:1;transform:translateX(35%)}
.ad-source-switch button:active{transform:scale(.97)}
.ad-source-switch img{grid-row:1/3;width:25px;height:25px;align-self:center;border-radius:8px;background:#0c1112;box-shadow:0 6px 18px rgba(0,0,0,.34);object-fit:contain}
.ad-source-switch button[data-ad-source="yandex"] img,.ad-source-switch button[data-ad-source="ubt"] img{border-radius:50%}
.ad-source-switch span{align-self:end;overflow:hidden;font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.ad-source-switch small{align-self:start;overflow:hidden;color:#6f6c66;font-size:6px;text-overflow:ellipsis;white-space:nowrap}

.ad-flow-stage{position:relative;height:min(118vw,520px);min-height:410px;overflow:hidden;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.07);background:radial-gradient(circle at 50% 45%,rgba(230,186,109,.08),transparent 38%),linear-gradient(180deg,#040708,#07090a);touch-action:pan-y;user-select:none}
.ad-flow-stage::before{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.5) 0 1px,transparent 1.3px);background-size:78px 89px;content:"";opacity:.28;pointer-events:none}
.ad-flow-stage canvas{position:absolute;z-index:1;inset:0;width:100%;height:100%;cursor:grab}.ad-flow-stage canvas:active{cursor:grabbing}
.ad-flow-stage__hint{position:absolute;z-index:3;right:12px;bottom:10px;margin:0;padding:7px 9px;border:1px solid rgba(230,186,109,.18);border-radius:999px;background:rgba(3,5,6,.74);color:#aaa59b;font-size:7px;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}
.ad-flow-fallback{position:absolute;z-index:2;inset:30px 18px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;color:#ddd6c9;font-size:10px;text-transform:uppercase}.ad-flow-fallback i{width:1px;height:44px;background:linear-gradient(var(--ad-gold),transparent)}

.ad-flow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0 12px;list-style:none}
.ad-flow-steps li{position:relative;display:grid;min-width:0;min-height:70px;align-content:center;gap:4px;padding:10px 7px;border-right:1px solid rgba(255,255,255,.07);color:#69665f;transition:color .35s,background .35s}.ad-flow-steps li:last-child{border-right:0}
.ad-flow-steps li::before{position:absolute;top:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--ad-gold),#fff2c9);box-shadow:0 0 12px rgba(230,186,109,.65);content:"";transition:width .45s}
.ad-flow-steps li.is-active,.ad-flow-steps li.is-complete{color:#e7e1d6;background:linear-gradient(180deg,rgba(230,186,109,.06),transparent)}
.ad-flow-steps li.is-active::before,.ad-flow-steps li.is-complete::before{width:100%}
.ad-flow-steps b{color:var(--ad-gold);font-size:7px;letter-spacing:.1em}.ad-flow-steps span{overflow:hidden;font-size:8px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.ad-flow-action{display:grid;gap:10px;padding:16px 12px 0}
.ad-flow-live{display:grid;grid-template-columns:9px 1fr;gap:2px 9px;align-items:center;min-height:52px;padding:11px 15px;border:1px solid rgba(230,186,109,.34);background:linear-gradient(100deg,rgba(185,133,57,.16),rgba(241,203,125,.08),rgba(185,133,57,.16));color:#e9e1d4}
.ad-flow-live>span{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:#70e1a1;box-shadow:0 0 17px #70e1a1;animation:adLivePulse 2s ease-in-out infinite}.ad-flow-live b{font-size:11px}.ad-flow-live small{color:#7f7a72;font-size:7px;letter-spacing:.08em;text-transform:uppercase}
.ad-flow-run{display:flex;min-height:52px;align-items:center;justify-content:space-between;padding:0 18px;border:1px solid rgba(230,186,109,.5);background:linear-gradient(100deg,#b98539,#f1cb7d 54%,#b98539);background-size:200% 100%;color:#12100c;font:650 12px Onest,sans-serif;letter-spacing:.02em;cursor:pointer;animation:adButtonLight 4s ease-in-out infinite}.ad-flow-run:active{transform:scale(.985)}
.ad-flow-action p{min-height:34px;margin:0;color:#9c978e;font-size:10px;line-height:1.55}
.ad-flow-result{display:grid;gap:4px;margin:14px 12px 0;padding:15px;border:1px solid rgba(112,225,161,.28);background:linear-gradient(120deg,rgba(112,225,161,.08),rgba(230,186,109,.04));animation:adResultIn .5s ease both}.ad-flow-result strong{font-size:14px}.ad-flow-result span{color:#aaa59c;font-size:10px;line-height:1.55}
@keyframes adButtonLight{0%,100%{background-position:0 0}50%{background-position:100% 0}}@keyframes adLivePulse{0%,100%{opacity:.45;transform:scale(.72)}50%{opacity:1;transform:scale(1.12)}}@keyframes adResultIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes adBrandBreath{0%,100%{box-shadow:0 0 0 1px rgba(230,186,109,.18),0 0 18px rgba(230,186,109,.08)}50%{box-shadow:0 0 0 1px rgba(230,186,109,.42),0 0 34px rgba(230,186,109,.24)}}

.ad-proof,.ad-economics,.ad-method,.ad-cases,.ad-final{position:relative;padding:64px 0}
.ad-economics::before,.ad-method::before,.ad-cases::before,.ad-final::before{position:absolute;top:0;left:50%;width:116px;height:24px;border-top:1px solid rgba(230,186,109,.2);border-radius:50%;background:radial-gradient(circle at 50% 0,rgba(230,186,109,.18),transparent 56%);content:"";transform:translateX(-50%);pointer-events:none}
.ad-economics::after,.ad-method::after,.ad-cases::after,.ad-final::after{position:absolute;top:-3px;left:50%;width:6px;height:6px;border-radius:50%;background:var(--ad-gold);box-shadow:0 0 18px rgba(230,186,109,.72);content:"";transform:translateX(-50%);pointer-events:none}
.ad-proof{background:linear-gradient(180deg,rgba(3,5,6,.93),rgba(8,9,9,.84) 46%,#050707),url('../media/service-hooks/advertising-v1.webp') center 12%/cover no-repeat}
.ad-section-title{max-width:790px;margin-bottom:34px}.ad-section-title h2,.ad-final h2{margin:10px 0 18px;font-size:clamp(36px,9.2vw,72px);font-weight:330;line-height:.98;letter-spacing:-.055em}.ad-section-title>p:last-child{max-width:650px;color:#a8a39a;font-size:13px;line-height:1.65}
.ad-proof-deck{display:grid;gap:58px;perspective:1200px}
.ad-proof-card{position:relative;margin:0;transform-style:preserve-3d}
.ad-proof-card::before{position:absolute;z-index:3;top:10px;left:15px;width:8px;height:8px;border-radius:50%;background:#6edc9a;box-shadow:0 0 15px #6edc9a;content:""}
.ad-proof-card::after{position:absolute;z-index:-1;right:12%;bottom:96px;left:12%;height:22px;border-radius:50%;background:radial-gradient(ellipse,rgba(230,186,109,.28),transparent 70%);content:"";filter:blur(9px);transform:translateZ(-10px)}
.ad-proof-card>div{display:grid;min-height:0;place-items:center;padding:8px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:linear-gradient(150deg,rgba(36,40,47,.96),rgba(6,8,10,.98));box-shadow:-25px 32px 70px rgba(0,0,0,.62),inset 0 0 0 1px rgba(230,186,109,.06);overflow:hidden;transform:perspective(900px) rotateY(-7deg) rotateX(2deg) rotateZ(-.7deg);transform-origin:center left}
.ad-proof-card img{display:block;width:100%;height:auto;border-radius:9px;filter:saturate(.9) contrast(1.04)}
.ad-proof-card figcaption{display:grid;gap:7px;margin-top:18px;padding:17px 18px;border-left:1px solid rgba(230,186,109,.45);background:linear-gradient(90deg,rgba(230,186,109,.08),rgba(7,9,10,.72),transparent)}
.ad-proof-card small{color:var(--ad-gold);font-size:8px;letter-spacing:.1em;text-transform:uppercase}.ad-proof-card strong{font-size:17px;font-weight:520}.ad-proof-card span{color:#8f8a82;font-size:10px;line-height:1.55}
.ad-proof-card--vk>div{transform:perspective(900px) rotateY(-9deg) rotateX(2deg) rotateZ(.6deg)}
.ad-proof-boundary{margin:26px 0 0;padding:18px;border-left:1px solid var(--ad-gold);background:linear-gradient(90deg,rgba(230,186,109,.07),transparent);color:#9b968e;font-size:10px;line-height:1.65}.ad-proof-boundary b{color:#ded7ca;font-weight:580}

.ad-economics{background:radial-gradient(circle at 15% 24%,rgba(230,186,109,.08),transparent 28%),linear-gradient(180deg,#050707,#080909)}
.ad-economics-grid{display:grid;gap:18px}
.ad-economy-card{position:relative;isolation:isolate;min-height:520px;padding:20px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:#080a0b;box-shadow:0 28px 70px rgba(0,0,0,.38);overflow:hidden}
.ad-economy-card::before{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(3,5,6,.12),rgba(3,5,6,.9) 45%,#050707 72%),var(--economy-image) center 18%/cover no-repeat;content:"";filter:saturate(.65) contrast(1.05);opacity:.78}
.ad-economy-card::after{position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,rgba(230,186,109,.09),transparent 52%);content:""}
.ad-economy-card>header{display:flex;align-items:center;gap:12px;padding-bottom:250px}
.ad-economy-card>header img{width:46px;height:46px;border:1px solid rgba(230,186,109,.32);border-radius:50%;background:#080a0b;object-fit:cover}
.ad-economy-card>header span{display:grid;gap:3px}.ad-economy-card>header small{color:#aaa59b;font-size:7px;letter-spacing:.1em;text-transform:uppercase}.ad-economy-card>header b{font-size:17px;font-weight:560}
.ad-economy-equation{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:6px;align-items:center;padding:16px 0;border-top:1px solid rgba(230,186,109,.28);border-bottom:1px solid rgba(255,255,255,.09)}
.ad-economy-equation>span{display:grid;gap:5px}.ad-economy-equation strong{color:#f1c878;font-size:clamp(26px,8vw,42px);font-weight:320;line-height:1;letter-spacing:-.05em}.ad-economy-equation small{color:#a39e95;font-size:8px;line-height:1.45}.ad-economy-equation i{color:#d2a95f;font:300 22px Georgia,serif;text-align:center}
.ad-economy-card>p{margin:17px 0 0;color:#aaa59b;font-size:10px;line-height:1.62}
.ad-economics-note{margin:20px 0 0;padding:18px;border:1px solid rgba(230,186,109,.2);background:rgba(230,186,109,.04);color:#aaa59b;font-size:10px;line-height:1.65}.ad-economics-note b{color:#eee7da}

.ad-method{background:linear-gradient(180deg,rgba(5,7,7,.88),#050707 54%),url('../media/service-hooks/advertising-v1.webp') center top/cover no-repeat}
.ad-method-rail{display:flex;gap:12px;margin-right:calc(50% - 50vw);padding-right:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.ad-method-rail::-webkit-scrollbar{display:none}
.ad-method-rail article{position:relative;flex:0 0 min(82vw,340px);min-height:400px;padding:28px 22px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(160deg,rgba(18,20,20,.94),rgba(5,7,7,.98));scroll-snap-align:start;overflow:hidden}
.ad-method-rail article::after{position:absolute;right:-55px;bottom:-75px;width:210px;height:210px;border:1px solid rgba(230,186,109,.14);border-radius:50%;background:radial-gradient(circle at 35% 32%,rgba(230,186,109,.12),#050606 65%);box-shadow:inset -20px -26px 55px #000;content:""}
.ad-method-rail b{display:block;color:var(--ad-gold);font-size:58px;font-weight:250;letter-spacing:-.06em}.ad-method-rail small{color:#77736c;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.ad-method-rail h3{max-width:260px;margin:48px 0 14px;font-size:25px;font-weight:420;line-height:1.05;letter-spacing:-.04em}.ad-method-rail p{position:relative;z-index:1;max-width:255px;margin:0;color:#aaa59b;font-size:12px;line-height:1.65}
.ad-scope{display:grid;gap:12px;margin-top:28px}.ad-scope>div{display:flex;flex-wrap:wrap;gap:7px;padding:18px;border:1px solid rgba(255,255,255,.1);background:rgba(7,9,9,.78)}.ad-scope small{flex:0 0 100%;margin-bottom:8px;color:var(--ad-gold);font-size:8px;letter-spacing:.12em;text-transform:uppercase}.ad-scope span{padding:7px 9px;border:1px solid rgba(230,186,109,.2);background:rgba(230,186,109,.04);color:#b7b1a6;font-size:8px;text-transform:uppercase}

.ad-cases{background:linear-gradient(180deg,#050707,#020304)}
.ad-case-system{position:relative;display:grid;gap:8px;padding:76px 0 0}
.ad-case-system::before{position:absolute;top:14px;left:50%;width:1px;height:72px;background:linear-gradient(transparent,var(--ad-gold));content:""}
.ad-case-system>a{position:relative;z-index:1;display:grid;grid-template-columns:44px minmax(0,1fr) 28px;gap:12px;align-items:center;min-height:74px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.11);background:linear-gradient(90deg,rgba(230,186,109,.04),transparent);color:#f0ebe2;text-decoration:none;transition:background .25s,transform .25s}
.ad-case-system>a::before{position:absolute;left:21px;bottom:100%;width:1px;height:10px;background:var(--ad-line);content:""}.ad-case-system>a:active{transform:scale(.985);background:rgba(230,186,109,.09)}
.ad-case-system>a img{width:44px;height:44px;border:1px solid rgba(230,186,109,.28);border-radius:50%;background:#090b0c;object-fit:cover}.ad-case-system>a span{display:grid;gap:3px}.ad-case-system>a small{color:#77736c;font-size:7px;letter-spacing:.08em;text-transform:uppercase}.ad-case-system>a b{font-size:15px;font-weight:530}.ad-case-system>a i{color:var(--ad-gold);font-style:normal;text-align:right}
.ad-case-system__core{position:absolute;top:0;left:50%;display:grid;width:76px;height:76px;place-items:center;border:1px solid rgba(230,186,109,.32);border-radius:50%;background:#050707;box-shadow:0 0 46px rgba(230,186,109,.12);transform:translate(-50%,-24px)}
.ad-case-system__core video{width:100%;height:100%;border-radius:50%;object-fit:cover}.ad-case-system__core span{position:absolute;top:84px;color:#77736c;font-size:7px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}

.ad-final{background:radial-gradient(circle at 80% 10%,rgba(230,186,109,.14),transparent 32%),linear-gradient(180deg,#020304,#080908)}
.ad-final .wrap{display:grid;justify-items:start}.ad-final h2{max-width:700px}.ad-final p:not(.eyebrow){max-width:610px;margin:0 0 24px;color:#a39e95;font-size:13px;line-height:1.65}.ad-final small{max-width:620px;margin-top:16px;color:#6f6c66;font-size:9px;line-height:1.55}

@media(min-width:720px){.ad-proof,.ad-economics,.ad-method,.ad-cases,.ad-final{padding:92px 0}.ad-hero{padding-top:150px}.ad-hero-product-screen{top:90px;right:4vw;width:min(27vw,380px);opacity:.62}.ad-hero__copy{max-width:1160px}.ad-flow-shell{max-width:940px}.ad-flow-stage{height:610px}.ad-source-switch{grid-template-columns:repeat(3,200px);justify-content:center}.ad-proof-deck{grid-template-columns:1.25fr .75fr;align-items:center}.ad-proof-card--vk{transform:translateY(40px)}.ad-economics-grid{grid-template-columns:1fr 1fr}.ad-method-rail{display:grid;grid-template-columns:repeat(4,1fr);margin-right:0;padding-right:0;overflow:visible}.ad-method-rail article{min-width:0;min-height:440px}.ad-scope{grid-template-columns:1fr 1fr}.ad-case-system{grid-template-columns:1fr 1fr;gap:12px 24px;padding-top:110px}.ad-case-system::before{height:96px}.ad-case-system>a::before{display:none}}
@media(prefers-reduced-motion:reduce){.ad-flow-run,.ad-flow-live>span{animation:none}.ad-source-switch button::after,.ad-flow-result{animation:none}}
