.page--partner { color: #f7f8fb; background: #020711; }
.page--partner main { overflow: clip; }
.partner-shell { width: min(calc(100% - 80px), 1328px); margin-inline: auto; }
.partner-kicker { margin: 0 0 16px; display: flex; align-items: center; gap: 13px; color: #a9adb7; font-size: .73rem; font-weight: 650; letter-spacing: .13em; text-transform: uppercase; }
.partner-kicker::before { width: 25px; height: 2px; border-radius: 99px; content: ""; background: linear-gradient(90deg,#ff7b49,#e7438d 52%,#8b2df2); }
.partner-hero { border-bottom: 1px solid rgba(255,255,255,.08); background: radial-gradient(circle at 82% 45%,rgba(112,42,224,.16),transparent 33rem),radial-gradient(circle at 18% 30%,rgba(37,66,121,.15),transparent 33rem),#02060e; }
.partner-hero__grid { min-height: 620px; display: grid; grid-template-columns: minmax(0,.95fr) minmax(480px,1.05fr); align-items: center; gap: clamp(45px,7vw,110px); }
.partner-hero__copy { padding-block: 74px; }
.partner-hero h1 { max-width: 760px; margin: 0 0 23px; overflow-wrap: anywhere; font-size: clamp(3.8rem,6.3vw,6rem); font-weight: 520; letter-spacing: -.055em; line-height: .98; }
.partner-hero__statement { max-width: 700px; margin: 0 0 22px; color: #ff695c; background: linear-gradient(98deg,#ff7d49,#ec4c7d 47%,#a82ddd); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: clamp(1.4rem,2.3vw,2.15rem); font-weight: 600; letter-spacing: -.035em; line-height: 1.18; }
.partner-hero__lead { max-width: 660px; margin: 0 0 30px; color: #a6aab4; font-size: .95rem; line-height: 1.72; }
.partner-hero__actions { display: flex; flex-wrap: wrap; gap: 13px; }
.partner-hero__visual { min-height: 470px; position: relative; isolation: isolate; }
.partner-hero__visual::before { width: 82%; aspect-ratio: 1; position: absolute; inset: 50% auto auto 50%; z-index: -2; border: 1px solid rgba(222,73,144,.13); border-radius: 50%; content: ""; box-shadow: 0 0 0 42px rgba(132,42,239,.035),0 0 0 86px rgba(255,110,74,.022); transform: translate(-50%,-50%); }
.partner-signal { position: absolute; border: 1px solid rgba(255,255,255,.14); border-radius: 16px; display: grid; place-content: center; color: #afb3bd; text-align: center; background: linear-gradient(145deg,rgba(15,22,36,.96),rgba(5,10,19,.98)); box-shadow: 0 20px 55px rgba(0,0,0,.34); }
.partner-signal::before { width: 8px; height: 8px; position: absolute; top: 14px; left: 14px; border-radius: 50%; content: ""; background: linear-gradient(135deg,#ff794b,#a82ee0); box-shadow: 0 0 18px #d73e9a; }
.partner-signal--source { width: 150px; height: 84px; top: 11%; left: 0; }
.partner-signal--brief { width: 120px; height: 70px; top: 43%; left: 8%; }
.partner-signal--production { width: 190px; height: 190px; inset: 50% auto auto 54%; border-radius: 50%; color: #fff; transform: translate(-50%,-50%); }
.partner-signal--production strong { font-size: 1.55rem; font-weight: 600; letter-spacing: -.04em; line-height: 1.05; text-transform: uppercase; }
.partner-signal--result { width: 170px; height: 98px; right: 0; bottom: 12%; }
.partner-path { height: 1px; position: absolute; z-index: -1; display: block; background: linear-gradient(90deg,transparent,#f04b81,#962de9,transparent); transform-origin: left center; }
.partner-path--one { width: 46%; top: 28%; left: 17%; transform: rotate(18deg); }
.partner-path--two { width: 50%; top: 49%; left: 19%; transform: rotate(1deg); }
.partner-path--three { width: 45%; top: 59%; left: 56%; transform: rotate(26deg); }
.partner-heading { margin-bottom: 35px; display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.6fr); align-items: end; gap: 50px; }
.partner-heading h2,.partner-benefits h2,.partner-terms h2,.partner-final h2 { margin: 0; font-size: clamp(2.3rem,4vw,3.75rem); font-weight: 530; letter-spacing: -.045em; line-height: 1.07; }
.partner-heading h2 span,.partner-benefits h2 span,.partner-final h2 span { color: #ef527e; background: linear-gradient(93deg,#ff774c,#e84b84 48%,#9e2de5); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.partner-heading>p { margin: 0; color: #a0a4ae; font-size: .88rem; line-height: 1.68; }
.partner-audiences,.partner-benefits,.partner-workflow,.partner-terms { padding: clamp(70px,8vw,112px) 0; }
.partner-audiences { background: #050a13; }
.partner-audience-list { margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; list-style: none; }
.partner-audience-list li { min-height: 51px; padding: 14px 21px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; display: inline-flex; align-items: center; color: #d6d8de; background: rgba(255,255,255,.02); font-size: .78rem; }
.partner-audience-list li::before { width: 7px; height: 7px; margin-right: 11px; border-radius: 50%; content: ""; background: linear-gradient(135deg,#ff784b,#b433ce); }
.partner-benefits { border-top: 1px solid rgba(255,255,255,.06); background: radial-gradient(circle at 20% 20%,rgba(48,77,131,.12),transparent 30rem),#030812; }
.partner-benefits> .partner-shell>h2 { max-width: 850px; margin-bottom: 38px; }
.partner-benefit-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.partner-benefit-grid article { min-height: 260px; padding: 30px; border: 1px solid rgba(255,255,255,.12); border-radius: 15px; position: relative; background: linear-gradient(150deg,rgba(14,21,34,.96),rgba(5,10,18,.98)); }
.partner-benefit-grid article>span { width: 48px; height: 48px; border: 1px solid rgba(230,76,139,.4); border-radius: 13px; display: grid; place-items: center; color: #ef5584; font-size: 1.25rem; }
.partner-benefit-grid h3 { margin: 55px 0 10px; font-size: 1.18rem; }
.partner-benefit-grid p { margin: 0; color: #9fa3ad; font-size: .82rem; line-height: 1.62; }
.partner-workflow { background: #050a13; }
.partner-steps { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; list-style: none; counter-reset: partner; }
.partner-steps li { min-height: 250px; padding: 30px; border-top: 1px solid rgba(255,255,255,.26); position: relative; }
.partner-steps li::before { width: 8px; height: 8px; position: absolute; top: -5px; left: 30px; border: 1px solid #e95084; border-radius: 50%; content: ""; background: #050a13; box-shadow: 0 0 14px rgba(232,72,137,.45); }
.partner-step-icon { width: 46px; height: 46px; border: 1px solid rgba(230,76,139,.38); border-radius: 12px; display: grid; place-items: center; color: #e74e85; background: rgba(255,255,255,.018); }
.partner-step-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.45; }
.partner-steps h3 { margin: 26px 0 12px; font-size: 1.12rem; }
.partner-steps p { margin: 0; color: #9ca0aa; font-size: .8rem; line-height: 1.65; }
.partner-terms { padding-top: 0; background: #050a13; }
.partner-terms__panel { padding: clamp(30px,4vw,52px); border: 1px solid rgba(255,255,255,.12); border-radius: 17px; display: grid; grid-template-columns: minmax(0,.8fr) minmax(360px,1.2fr); align-items: start; gap: 60px; background: linear-gradient(120deg,rgba(32,16,34,.9),rgba(7,12,23,.96)); }
.partner-terms__panel>div:last-child { color: #a5a9b2; font-size: .87rem; line-height: 1.72; }
.partner-terms__panel>div:last-child p:first-child { margin-top: 0; }
.partner-final { padding: 0 0 clamp(70px,8vw,110px); background: #050a13; }
.partner-final__panel { min-height: 260px; padding: clamp(34px,5vw,60px); border: 1px solid rgba(255,255,255,.13); border-radius: 18px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 60px; position: relative; overflow: hidden; background: radial-gradient(circle at 18% 130%,rgba(240,76,129,.22),transparent 32rem),linear-gradient(120deg,#151020,#080d1a 58%,#0a0a20); }
.partner-final__panel::after { width: 45%; height: 130%; position: absolute; right: -8%; bottom: -80%; border: 1px solid rgba(205,48,157,.25); border-radius: 50%; content: ""; box-shadow: 0 0 0 26px rgba(239,78,130,.05),0 0 0 58px rgba(131,42,237,.04); pointer-events: none; }
.partner-final__panel>* { position: relative; z-index: 1; }
.partner-final h2 { max-width: 900px; font-size: clamp(2.1rem,3.5vw,3.3rem); }
.partner-final__panel p:not(.partner-kicker) { max-width: 750px; margin: 19px 0 0; color: #a6aab3; line-height: 1.65; }
.partner-final .button { white-space: nowrap; }
@media(max-width:1000px){.partner-hero__grid{grid-template-columns:1fr}.partner-hero__copy{padding-bottom:20px}.partner-hero__visual{min-height:420px}.partner-heading,.partner-terms__panel{grid-template-columns:1fr;gap:22px}.partner-benefit-grid,.partner-steps{grid-template-columns:1fr}.partner-benefit-grid article,.partner-steps li{min-height:0}.partner-benefit-grid h3,.partner-steps h3{margin-top:28px}.partner-final__panel{grid-template-columns:1fr}.partner-final .button{width:max-content}}
@media(max-width:560px){.partner-shell{width:calc(100% - 32px)}.partner-hero h1{font-size:clamp(3.35rem,17vw,4.8rem)}.partner-hero__statement{font-size:1.48rem}.partner-hero__actions,.partner-hero__actions .button{width:100%}.partner-hero__visual{min-height:340px;transform:scale(.88)}.partner-signal--source{left:-4%}.partner-signal--result{right:-4%}.partner-audience-list li{width:100%;border-radius:11px}.partner-benefit-grid article{padding:24px}.partner-terms__panel,.partner-final__panel{padding:28px 22px}.partner-final .button{width:100%}}
