.section.advertising { padding:110px 0; min-height:auto; overflow:hidden; background:radial-gradient(ellipse 60% 38% at 78% 60%,rgba(45,73,96,.13),transparent 100%),var(--canvas); }
.advertising-layout { width:min(1440px,calc(100% - 96px)); display:grid; grid-template-columns:.95fr 1.05fr; gap:56px; align-items:center; }
.advertising-copy h2 { max-width:620px; margin:20px 0 24px; font:500 clamp(2.5rem,3.4vw,3.65rem)/1.06 'Onest',sans-serif; letter-spacing:-.035em; }
.advertising-description { max-width:560px; color:var(--muted); font-size:1.05rem; line-height:1.65; }
.advertising-channels { display:flex; gap:10px; flex-wrap:wrap; list-style:none; padding:0; margin:28px 0; }
.advertising-channels li { display:flex; align-items:center; gap:9px; padding:9px 13px 9px 9px; border:1px solid rgba(196,211,225,.19); border-radius:999px; font-size:.81rem; background:linear-gradient(160deg,rgba(255,255,255,.055),transparent); }
.advertising-channels img { width:32px;height:32px;object-fit:contain;flex:none; }
.advertising-actions { display:flex; gap:24px; align-items:center; flex-wrap:wrap; }
.advertising-actions .button { gap:16px; font-size:.94rem; }
.advertising-actions .text-link { display:flex; align-items:center; gap:9px; font-size:.88rem; }
.advertising-note { margin:20px 0 0; color:var(--muted); font-size:.78rem; max-width:470px; }
.advertising-visual { position:relative; padding:48px 16px 46px 0; perspective:1400px; }
.advertising-visual::before {content:"";position:absolute;inset:90% 1% -5% 5%;border-radius:50%;background:rgba(0,0,0,.6);filter:blur(22px);transform:rotate(-4deg);}
.advertising-panel { position:relative;padding:28px 30px 22px; border:1px solid rgba(222,188,125,.72); border-radius:23px; background:linear-gradient(155deg,rgba(100,121,143,.32),rgba(14,23,33,.97) 24%,rgba(8,14,22,.97) 75%,rgba(79,68,45,.22)); box-shadow:1px 2px 0 #a28a58,5px 7px 0 #26323b,8px 11px 0 #121c26,10px 14px 0 #384552,20px 37px 50px rgba(0,0,0,.5),inset 0 1px 1px rgba(255,255,255,.3); transform:rotateY(-13deg) rotateX(9deg) rotateZ(-2deg); }
.advertising-panel-title { margin:0 0 20px; font:500 1.15rem 'Onest',sans-serif; }
.advertising-chart { display:block; width:100%; height:auto; aspect-ratio:2.5; overflow:visible; }
.advertising-grid { stroke:rgba(115,149,183,.2); stroke-width:1; stroke-dasharray:3 5; }
.advertising-line { filter:drop-shadow(0 0 7px rgba(223,189,120,.55)); }
.advertising-line-shadow {filter:blur(5px);}
.advertising-nodes { fill:#112234; stroke:#76a8d5; stroke-width:2; }
.advertising-flow { display:flex; align-items:center; justify-content:space-between; gap:9px; margin-top:22px; font-size:.79rem; }
.advertising-flow span { padding:10px 20px; border:1px solid rgba(196,211,225,.3); border-radius:12px; background:linear-gradient(150deg,rgba(138,156,176,.18),#0b141e);box-shadow:0 3px 0 #080e14,0 5px 0 rgba(110,134,155,.22),0 12px 18px rgba(0,0,0,.25); }
.advertising-flow i { color:var(--gold); font-style:normal; }
.advertising-notification { position:absolute; right:0; top:10px; display:flex; gap:14px; align-items:center; padding:17px 25px; border:1px solid rgba(212,224,235,.5); border-radius:16px; background:linear-gradient(140deg,#354656,#17232f 65%,#0d151e); box-shadow:inset 0 1px 0 rgba(255,255,255,.15),2px 4px 0 #0d1620,3px 5px 0 #4b5967,0 22px 35px rgba(0,0,0,.45); }
.advertising-notification strong { display:block; font:500 1rem 'Onest',sans-serif; }
.advertising-notification small { display:block; color:var(--muted); font-size:.76rem; margin-top:3px; }
.advertising-check { display:grid; place-items:center; width:37px; height:37px; border-radius:50%; background:linear-gradient(135deg,#76bcf4,#2478be); box-shadow:0 0 20px rgba(75,158,232,.15); font-size:1.2rem; }
.advertising-reveal { animation:ads-reveal 8s linear infinite; animation-play-state:paused; }
.advertising-plot { animation:ads-fade 8s linear infinite; animation-play-state:paused; }
.advertising-notification { animation:ads-notification 8s ease infinite; animation-play-state:paused; }
.ads-playing .advertising-reveal,.ads-playing .advertising-plot,.ads-playing .advertising-notification { animation-play-state:running; }
@keyframes ads-reveal { 0%,5% {width:0;} 70%,100% {width:560px;} }
@keyframes ads-fade {0%,85% {opacity:1;} 96%,100% {opacity:0;} }
@keyframes ads-notification {0%,50% {opacity:0;transform:translateY(8px);} 62%,85% {opacity:1;transform:translateY(0);} 96%,100% {opacity:0;transform:translateY(0);} }
@media (max-width:1050px) {
 .section.advertising {padding:90px 0;}
 .advertising-layout {gap:32px;width:calc(100% - 64px);}
 .advertising-copy h2 {font-size:2.5rem;}
 .advertising-panel {padding:24px 18px 20px;transform:rotateY(-5deg);}
 .advertising-notification {padding:12px 16px;}
 .advertising-flow {gap:5px; font-size:.7rem;}
 .advertising-flow span {padding:8px 10px;}
}
@media (max-width:700px) {
 .section.advertising {padding:75px 0;}
 .advertising-layout {grid-template-columns:1fr;gap:30px;width:calc(100% - 32px);}
 .advertising-copy h2 {font-size:clamp(2.05rem,8.4vw,2.85rem);margin:17px 0 20px;}
 .advertising-description {font-size:.95rem;}
 .advertising-channels {gap:7px;margin:22px 0;}
 .advertising-channels li {font-size:.74rem;padding:8px 10px;}
 .advertising-actions {gap:18px;}
 .advertising-actions .button {width:100%;font-size:.9rem;padding-inline:15px;justify-content:center;}
 .advertising-visual {padding:32px 5px 0 0;}
 .advertising-panel {transform:none;padding:24px 16px 18px;border-radius:18px;box-shadow:2px 4px 0 #25313c,4px 7px 0 #141f29,0 22px 30px rgba(0,0,0,.35);}
 .advertising-chart {aspect-ratio:2;}
 .advertising-panel-title {font-size:1rem;margin-bottom:14px;}
 .advertising-notification {right:0;top:0;padding:10px 13px;gap:10px;}
 .advertising-notification strong {font-size:.85rem;}
 .advertising-notification small {font-size:.68rem;}
 .advertising-check {width:30px;height:30px;}
 .advertising-line {filter:none;}
}
@media (prefers-reduced-motion:reduce) {
 .advertising-reveal,.advertising-plot,.advertising-notification {animation:none;}
 .advertising-reveal {width:560px;}
}
