/* Two visual routes: create a campaign or operate a screen network. */
.audiences.audience-paths{padding-top:95px;padding-bottom:95px}
.audience-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:45px}
.audience-heading h2{font-size:clamp(40px,4.5vw,68px);line-height:1.08;letter-spacing:-.05em;margin:0}
.audience-heading .section-name{margin-bottom:24px}
.audience-heading>p{font-size:16px;line-height:1.8;color:#626872;max-width:380px;margin:0 35px 7px 0}
.audience-heading>p strong{font-weight:550;color:#181919;display:block;margin-top:6px}
.audience-path-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.audience-path{color:#fff;border-radius:13px;isolation:isolate;position:relative;overflow:hidden;border:1px solid #ffffff1a;display:flex;flex-direction:column;box-shadow:0 18px 42px #22253019}
.path-advertiser{background:#310b20}.path-operator{background:#151c29}
.path-advertiser:before,.path-operator:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none}
.path-advertiser:before{background:radial-gradient(ellipse at 60% 8%,#d30b56aa,transparent 63%)}
.path-operator:before{background:radial-gradient(ellipse at 55% 13%,#46547170,transparent 61%)}
.path-for{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:500;line-height:1.5;margin:0;padding:25px 30px 0;color:#f7d3e1}
.path-for svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.path-operator .path-for{color:#cfd9ea}
.path-art{height:225px;position:relative;margin:8px 0 0;perspective:900px;overflow:hidden;isolation:isolate}
.creative-orbit{position:absolute;width:80%;height:140%;left:17%;top:-20%;border:1px solid #ff87af28;border-radius:50%;transform:rotate(-32deg);z-index:-1}
.creative-orbit:after{content:'';position:absolute;inset:17px;border:1px solid #ff87af19;border-radius:50%}
.path-idea,.path-publish{position:absolute;display:flex;align-items:center;gap:8px;z-index:2;font-size:10px;color:#f8d6e3;background:#450f2ce8;border:1px solid #ff97bc4d;padding:9px 12px;border-radius:6px;box-shadow:0 9px 20px #14030b30}
.path-idea{left:7%;top:11%;transform:rotate(-4deg)}.path-idea>span{font-size:15px;color:#ffa4c4}
.path-publish{right:7%;bottom:10%;transform:rotate(-4deg);background:#4c1130}.path-publish>span{font-size:15px;color:#ffa4c4}
.path-billboard{position:absolute;left:17%;top:17%;width:72%;height:70%;transform:rotateY(-12deg) rotateZ(5deg);transform-style:preserve-3d;transition:transform .45s ease;filter:drop-shadow(0 22px 18px #16051165)}
.path-ad-surface{position:absolute;inset:0;overflow:hidden;background:#1a0610;border:3px solid #c0759166;border-radius:3px;box-shadow:inset 0 0 0 1px #ffebf366;z-index:1}
.path-ad-surface>img{width:100%;height:100%;object-fit:contain;display:block}
.path-ad-surface>span{position:absolute;left:7%;bottom:10%;font-size:clamp(16px,1.7vw,28px);letter-spacing:-.045em;line-height:1.2;color:white;text-shadow:0 1px 10px #0008}
.path-ad-surface small{display:block;font-size:9px;letter-spacing:0;margin-top:4px;font-weight:400}
.path-billboard-edge{position:absolute;inset:4px -6px -7px 6px;border-radius:3px;background:#6c2944;border-right:3px solid #9c506d;z-index:0}
.path-copy{padding:8px 34px 22px;display:flex;flex:1;flex-direction:column}
.path-copy h3{font-size:clamp(32px,2.8vw,42px);font-weight:500;line-height:1.08;letter-spacing:-.045em;margin:0 0 17px;color:#fff}
.path-copy>p{font-size:14px;line-height:1.85;color:#e0b8c9;max-width:460px;min-height:52px;margin:0 0 20px}
.path-operator .path-copy>p{color:#b8c5da}
.path-steps{list-style:none;padding:0;margin:0 0 22px;display:flex;gap:9px;align-items:center;min-height:28px;color:#f4d4e1}
.path-steps li{font-size:11px;line-height:1.5;display:flex;align-items:center;gap:9px;white-space:nowrap}
.path-steps li+li:before{content:'';width:15px;height:1px;background:#ff8fb25e}
.path-operator .path-steps{color:#d6dfed}.path-operator .path-steps li+li:before{background:#abbcd14f}
.path-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;background:#fff;color:#23151d;border:1px solid #fff;border-radius:6px;padding:13px 18px;font-size:13px;font-weight:650;text-decoration:none;margin-top:auto;transition:background .2s,box-shadow .2s}
.path-cta svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.path-operator .path-cta{background:transparent;color:white;border-color:#92a2bc7a}
.path-cta:hover{background:#ffedf3;box-shadow:0 7px 24px #18081030}.path-operator .path-cta:hover{background:#ffffff0e}
.path-cta:hover svg{transform:translateX(3px)}
.path-explore{align-self:flex-start;display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:12px;color:#e4bdce;margin-top:8px;text-decoration:none;transition:color .2s}
.path-explore>span{font-size:15px}.path-operator .path-explore{color:#b4c3d9}.path-explore:hover{color:white;text-decoration:underline;text-underline-offset:4px}
.audience-path a:focus-visible{outline:2px solid #ff9ec3;outline-offset:5px}
.path-network-floor{position:absolute;inset:40% -20% -30%;background-image:linear-gradient(#8fa5c115 1px,transparent 1px),linear-gradient(90deg,#8fa5c115 1px,transparent 1px);background-size:34px 34px;transform:rotateX(62deg);mask-image:radial-gradient(ellipse at 50% 35%,black,transparent 69%);-webkit-mask-image:radial-gradient(ellipse at 50% 35%,black,transparent 69%);z-index:-1}
.path-network-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.path-network-lines path{fill:none;stroke-width:1.5;stroke-linecap:round}
.path-network-base{stroke:#9da4b633}.path-network-signal{stroke:#ff649a;stroke-dasharray:6 9;opacity:.75}
.path-network-screen{position:absolute;background:#180d17;border:2px solid #66738a;box-shadow:5px 6px 0 #111621,0 13px 21px #03050a75;transition:transform .45s,border-color .3s}
.path-network-screen img{height:100%;width:100%;object-fit:contain;display:block}
.path-network-screen i{position:absolute;width:5px;height:5px;border-radius:50%;background:#ff77a8;bottom:6px;left:7px;box-shadow:0 0 8px #ff569c55}
.path-network-screen>span{position:absolute;left:50%;top:calc(100% + 12px);transform:translateX(-50%);white-space:nowrap;font-size:9px;letter-spacing:.01em;color:#b5c4dd}
.network-horizontal{left:7%;top:17%;width:31%;height:34%;transform:rotateY(17deg) rotateZ(-7deg)}
.network-vertical{left:70%;top:9%;width:14%;height:44%;transform:rotateY(-15deg) rotateZ(6deg)}
.network-panorama{left:56%;top:71%;width:34%;height:17%;transform:rotateY(-12deg) rotateZ(5deg)}
.path-control-core{position:absolute;left:45%;top:55%;width:65px;height:65px;transform:translate(-50%,-50%);border:1px solid #a6648899;background:#2b2136;border-radius:16px;display:grid;place-items:center;box-shadow:0 0 42px #ff2b7521;z-index:2;transition:box-shadow .3s,border-color .3s}
.path-control-core>img{width:37px;height:37px;object-fit:contain}.path-control-core>span{position:absolute;top:calc(100% + 9px);white-space:nowrap;color:#dda8c4;font-size:9px}
.audience-path.path-entered .path-billboard{animation:path-billboard-in 1.25s cubic-bezier(.16,.7,.28,1) both}
.audience-path.path-entered .path-idea{animation:path-chip-in .7s .2s both}
.audience-path.path-entered .path-publish{animation:path-chip-in .7s .7s both}
.audience-path.path-entered .path-network-screen{animation:path-screen-in 1.1s cubic-bezier(.16,.7,.28,1) both}
.audience-path.path-entered .network-vertical{animation-delay:.15s}.audience-path.path-entered .network-panorama{animation-delay:.3s}
.audience-path.path-entered .path-network-signal{animation:path-connect 1.8s .2s linear both}
@keyframes path-billboard-in{from{opacity:0;transform:translateY(22px) rotateY(-24deg) rotateZ(9deg)}to{opacity:1;transform:rotateY(-12deg) rotateZ(5deg)}}
@keyframes path-chip-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes path-screen-in{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes path-connect{from{stroke-dashoffset:90;opacity:0}30%{opacity:.8}to{stroke-dashoffset:0;opacity:.75}}
@media(hover:hover){.path-advertiser:hover .path-billboard{transform:rotateY(-6deg) rotateZ(2deg)}.path-operator:hover .path-network-screen{border-color:#b692b1}.path-operator:hover .path-control-core{border-color:#ed9ac5;box-shadow:0 0 48px #ff2b7538}}
.audience-path:focus-within .path-control-core{border-color:#ed9ac5;box-shadow:0 0 48px #ff2b7538}
@media(min-width:1600px){.path-art{height:300px}.path-copy{padding:12px 42px 30px}.path-for{padding:28px 40px 0;font-size:14px}.path-copy>p{font-size:16px;min-height:60px}.path-steps li{font-size:13px}.path-cta{font-size:15px;min-height:56px}.path-explore{font-size:13px}.path-idea,.path-publish{font-size:12px}.path-network-screen>span,.path-control-core>span{font-size:11px}.path-control-core{width:75px;height:75px}.path-control-core>img{width:43px;height:43px}}
@media(max-width:1100px){.audience-heading{gap:30px}.audience-heading>p{font-size:14px;margin-right:0}.audience-path-grid{gap:18px}.path-for{padding:23px 24px 0;font-size:11px;gap:9px}.path-copy{padding:10px 25px 23px}.path-copy>p{font-size:13px;min-height:72px}.path-art{height:226px}.path-steps{gap:7px}.path-steps li{font-size:10px;gap:7px}.path-steps li+li:before{width:9px}.path-idea,.path-publish{font-size:9px;padding:8px 10px}.path-cta{font-size:12px;padding-inline:14px}.path-control-core{width:56px;height:56px;border-radius:13px}.path-control-core>img{width:31px;height:31px}.path-copy h3{font-size:34px}}
@media(max-width:800px){.audience-path-grid{grid-template-columns:1fr;gap:24px}.audience-path{max-width:620px;width:100%;margin:auto}.audience-heading{align-items:flex-start;display:block;margin-bottom:32px}.audience-heading>p{margin:24px 0 0;max-width:none;font-size:15px}.audiences.audience-paths{padding-top:72px;padding-bottom:72px}.audience-heading h2{font-size:clamp(38px,7vw,54px)}.audience-heading .section-name{font-size:12px;margin-bottom:20px}.path-for{padding:25px 30px 0;font-size:12px}.path-art{height:260px}.path-copy{padding:8px 30px 24px}.path-copy h3{font-size:39px}.path-copy>p{min-height:0;font-size:14px;max-width:440px;margin-bottom:20px}.path-steps{margin-bottom:23px;gap:11px}.path-steps li{font-size:11px;gap:11px}.path-steps li+li:before{width:15px}.path-cta{font-size:14px;min-height:52px}.path-ad-surface>span{font-size:24px}.path-idea,.path-publish{font-size:10px}.path-control-core{width:64px;height:64px}.path-control-core>img{width:36px;height:36px}}
@media(max-width:450px){.audience-heading>p{font-size:14px}.path-for{font-size:10px;padding:22px 22px 0;gap:9px}.path-for svg{width:18px;height:18px;flex-basis:18px}.path-art{height:208px;margin-top:7px}.path-copy{padding:8px 22px 22px}.path-copy h3{font-size:34px;margin-bottom:15px}.path-copy>p{font-size:13px;line-height:1.8;margin-bottom:20px}.path-steps{gap:7px;margin-bottom:21px}.path-steps li{font-size:9px;gap:7px}.path-steps li+li:before{width:10px}.path-cta{font-size:12px;gap:8px;padding:12px 13px;min-height:50px}.path-cta svg{width:19px;height:19px}.path-explore{font-size:11px;margin-top:8px}.path-idea,.path-publish{font-size:8px;padding:7px 9px;gap:6px}.path-idea>span,.path-publish>span{font-size:12px}.path-billboard{top:21%;height:63%;left:16%;width:75%}.path-ad-surface>span{font-size:17px}.path-ad-surface small{font-size:7px}.path-publish{bottom:8%;right:7%}.path-idea{top:11%;left:6%}.path-control-core{width:51px;height:51px;border-radius:11px}.path-control-core>img{width:30px;height:30px}.path-network-screen>span,.path-control-core>span{font-size:8px}.path-network-screen>span{top:calc(100% + 9px)}.path-network-screen{border-width:1.5px}.network-panorama{top:70%}.path-control-core>span{top:calc(100% + 8px)}.network-vertical{top:10%}}
@media(max-width:360px){.path-for{font-size:9px;padding-inline:18px}.path-copy{padding-inline:18px}.path-art{height:188px}.path-copy h3{font-size:31px}.path-steps{gap:5px}.path-steps li{font-size:8px;gap:5px}.path-steps li+li:before{width:8px}.path-cta{font-size:11px;padding-inline:11px}.path-idea,.path-publish{font-size:7px}.path-ad-surface>span{font-size:15px}.path-control-core{width:45px;height:45px}.path-control-core>img{width:27px;height:27px}.path-network-screen>span,.path-control-core>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.audience-path *{animation:none!important;transition:none!important}}