.campaign-experience {padding:14px 16px 34px;}
.campaign-save-note {font-size:9px;line-height:1.6;color:#b3b3b3;border:1px solid #ffffff20;padding:13px 15px;border-radius:15px;margin-bottom:14px;background:#ffffff04;}
.campaign-save-note button {display:block;margin-top:7px;padding:0;min-height:30px;background:none;border:0;color:#ffe58f;font-size:10px;}
.campaign-cover {border:1px solid #ffffff38;border-radius:27px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 75% 15%,#ff7b2215,transparent 60%),linear-gradient(145deg,#1a1a1a,#060606);min-height:390px;display:flex;flex-direction:column;justify-content:flex-end;}
.cover-orbits {height:177px;position:relative;display:grid;place-items:center;}
.cover-orbits i {position:absolute;width:210px;height:99px;border:1px solid #f9ff3f55;border-bottom-color:#ff7b2244;border-radius:50%;transform:rotate(-27deg);}
.cover-orbits i:nth-child(2){width:130px;height:140px;transform:rotate(30deg);border-color:#ff7b2255;}
.cover-orbits>span {width:86px;height:86px;border:1px solid #ffffff30;border-radius:50%;background:radial-gradient(circle at 25% 20%,#3b3b3b,#080808 63%);box-shadow:0 0 32px #ff7b2218;display:grid;place-items:center;}
.cover-orbits img {width:27px;height:27px;object-fit:contain;filter:invert(1);}
.cover-copy {padding:0 23px 25px;}
.cover-copy .overline {font-size:6.5px;color:#a8a8a8;letter-spacing:1.3px;}
.cover-copy h1 {font-size:29px;line-height:1.08;margin-top:12px;overflow-wrap:anywhere;}
.cover-copy h1 span {color:#a8a8a8;font-size:22px;}
.cover-copy>p:not(.overline) {font-size:11px;line-height:1.7;color:#aaa;margin-top:16px;}
.cover-controls {display:flex;gap:8px;margin-top:20px;}
.cover-controls .primary,.cover-controls .secondary {width:auto;flex:1;font-size:10px;min-height:43px;padding:12px 8px;}
.campaign-tabs {display:flex;gap:5px;position:sticky;top:100px;z-index:20;padding:12px 0;background:#080808ed;backdrop-filter:blur(20px);overflow:auto;scrollbar-width:none;scroll-margin-top:100px;}
.campaign-tabs button {flex:1;white-space:nowrap;font-size:8px;min-height:39px;padding:9px 7px;border:1px solid #ffffff20;background:#ffffff04;border-radius:30px;color:#a4a4a4;}
.campaign-tabs .selected {color:#19160c;background:var(--accent-gradient);border-color:#ffca5560;}
.campaign-pane {padding:15px 6px 8px;}
.campaign-heading {margin:17px 0 23px;}
.campaign-heading h2,.campaign-outro h2 {font-size:29px;line-height:1.12;letter-spacing:-1px;font-weight:400;margin-top:10px;}
.campaign-heading>p:not(.overline),.campaign-muted {font-size:12px;line-height:1.7;color:#aaa;margin-top:17px;}
.campaign-metric-grid {display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.campaign-metric-grid>div,.campaign-audience-grid article {background:linear-gradient(145deg,#181818c0,#0c0c0c);border:1px solid #ffffff24;border-radius:20px;padding:18px 16px;}
.campaign-metric-grid span {font-size:7px;letter-spacing:1px;color:#999;}
.campaign-metric-grid h3 {font-size:17px;line-height:1.2;font-weight:400;margin-top:22px;color:#f0f0f0;}
.campaign-feature {margin:16px 0 30px;border:1px solid #ffb52835;border-radius:23px;padding:20px;background:linear-gradient(140deg,#181818,#090909);}
.signature-art {height:145px;position:relative;display:grid;place-items:center;overflow:hidden;margin-block:15px;}
.signature-art i {position:absolute;width:145px;height:145px;border:1px solid #f9ff3f66;border-radius:50%;transform:translateX(-30px);box-shadow:0 0 20px #ff7b220c;}
.signature-art i:nth-child(2){transform:translateX(30px);border-color:#ff7b2266;}
.signature-art i:nth-child(3){width:170px;height:65px;transform:rotate(-28deg);border-color:#ffffff44;}
.signature-art span {font-size:10px;letter-spacing:3px;}
.signature-art.bold i {border-radius:26%;transform:rotate(35deg) translateX(-20px);}
.signature-art.clean i {width:90px;height:90px;}
.signature-art.candid i {border-style:dashed;}
.campaign-feature h3 {font-size:22px;font-weight:400;line-height:1.2;}
.campaign-feature>p:last-child {font-size:11px;line-height:1.7;color:#aaa;margin-top:15px;}
.campaign-story {border:1px solid #ffffff25;border-radius:19px;padding:18px;margin-bottom:10px;background:#ffffff03;}
.campaign-story summary {cursor:pointer;list-style:none;}
.campaign-story small {display:block;color:#ffcf67;font-size:8px;margin-bottom:13px;text-transform:uppercase;letter-spacing:1px;}
.campaign-story summary>span {font-size:16px;line-height:1.4;font-weight:400;}
.campaign-story p,.brief-detail p,.campaign-details>p {font-size:11px;line-height:1.75;color:#aaa;margin-top:17px;}
.campaign-details {border-block:1px solid #ffffff20;margin:24px 0;padding:18px 0;}
.campaign-details>summary {font-size:11px;cursor:pointer;min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;}
.campaign-details summary span {color:#ffd581;}
.brief-detail {padding:16px 0;border-bottom:1px solid #ffffff14;}
.brief-detail h3 {font-size:13px;font-weight:400;}
.campaign-footnote {color:#888;font-size:9px;line-height:1.7;margin-top:20px;}
.audience-planet-card {border:1px solid #ffb52830;background:#ffffff03;border-radius:24px;padding:20px;margin-bottom:13px;}
.mini-universe {height:150px;position:relative;display:grid;place-items:center;}
.mini-universe i {position:absolute;width:71px;height:71px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff5a5,#f9ff3f 20%,#ff7b22 60%,#160903);box-shadow:0 0 30px #ff7b2218;border:1px solid #ffffff30;}
.mini-universe i:nth-child(2){width:23px;height:23px;transform:translate(-92px,25px);}
.mini-universe i:nth-child(3){width:38px;height:38px;transform:translate(78px,-26px);}
.audience-planet-card h3 {font-weight:400;font-size:22px;line-height:1.2;}
.campaign-audience-grid {display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.campaign-audience-grid small {font-size:8px;color:#999;}
.campaign-audience-grid h3 {font-size:14px;font-weight:400;line-height:1.35;margin-top:18px;}
.campaign-content-list {display:grid;gap:15px;}
.campaign-content-card {border:1px solid #ffffff29;border-radius:24px;background:#ffffff03;overflow:hidden;}
.campaign-content-card>summary {list-style:none;cursor:pointer;}
.content-art {height:130px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 15%,#ff7b221b,transparent 65%),#111;}
.content-art>span {position:absolute;top:19px;left:20px;color:#ffcc68;font-size:9px;}
.content-art i {position:absolute;width:90px;height:90px;border-radius:50%;border:1px solid #ffbb5566;right:30px;top:16px;background:radial-gradient(circle at 30% 20%,#f9ff3f22,transparent 70%);box-shadow:0 0 25px #ff7b220d;}
.art-1 i {width:155px;height:69px;transform:rotate(-32deg);}
.art-2 i {border-radius:19px;transform:rotate(25deg);}
.art-3 i {width:155px;height:155px;top:-29px;border-color:#ffffff33;}
.content-card-heading {padding:19px 20px 21px;}
.content-card-heading small {display:flex;justify-content:space-between;gap:8px;color:#a8a8a8;font-size:8px;}
.content-card-heading small span {color:#ffcd6a;}
.content-card-heading h3 {font-size:21px;font-weight:400;line-height:1.2;letter-spacing:-.6px;margin-top:17px;overflow-wrap:anywhere;}
.content-open {display:block;font-size:9px;color:#aaa;margin-top:21px;}
.content-card-body {padding:0 20px 22px;}
.content-card-body>p:not(.overline) {font-size:12px;line-height:1.7;color:#bbb;margin:12px 0 22px;overflow-wrap:anywhere;}
.supporting-assets {display:flex;gap:7px;flex-wrap:wrap;}
.supporting-assets span {font-size:8px;padding:8px 10px;border:1px solid #ffb52835;border-radius:30px;color:#ffdb98;}
.campaign-pane>.secondary {margin-top:22px;}
.timeline-phase {border-left:1px solid #ffb52844;margin-left:16px;padding:0 0 25px 25px;}
.timeline-phase>summary {display:flex;align-items:center;gap:14px;cursor:pointer;list-style:none;position:relative;}
.phase-dot {position:absolute;left:-40px;width:29px;height:29px;border:1px solid #ffb52870;background:#151515;border-radius:50%;display:grid;place-items:center;color:#ffcb61;font-size:10px;}
.timeline-phase summary>div {flex:1;}
.timeline-phase small {font-size:8px;letter-spacing:1px;color:#ffcd75;}
.timeline-phase h3 {font-size:22px;line-height:1.16;letter-spacing:-.5px;font-weight:400;margin-top:9px;}
.timeline-phase summary>span:last-child {color:#777;font-size:12px;}
.phase-body {padding:18px 17px;background:#ffffff04;border:1px solid #ffffff20;border-radius:18px;margin-top:18px;}
.phase-body ul {padding:0 0 0 13px;margin:0;}
.phase-body li {font-size:11px;line-height:1.7;color:#aaa;padding-block:5px;}
.phase-body>p {font-size:8px;color:#ffcc77;margin-top:16px;}
.campaign-system {background:#0b0b0b;border:1px solid #ffffff20;border-radius:22px;padding:8px 17px;}
.campaign-system details {border-bottom:1px solid #ffffff13;padding:15px 0;}
.campaign-system details:last-child {border-bottom:0;}
.campaign-system summary {list-style:none;display:flex;align-items:center;gap:12px;cursor:pointer;font-size:9px;}
.campaign-system summary span {width:118px;color:#bbb;}
.campaign-system summary i {height:1px;flex:1;background:var(--accent-gradient);box-shadow:0 0 6px #ff7b2240;}
.campaign-system strong {font-size:9px;font-weight:400;color:#ffdb90;}
.campaign-system p {font-size:13px;color:#eee;margin:14px 0 0;}
.campaign-rhythm {margin-top:17px;border:1px solid #ffb52840;border-radius:23px;padding:21px;background:linear-gradient(135deg,#f9ff3f04,#ff7b2206);}
.campaign-rhythm h3 {font-size:24px;font-weight:400;margin-top:20px;}
.campaign-rhythm>p:not(.overline) {font-size:11px;line-height:1.7;color:#aaa;margin-top:14px;}
.campaign-outro {margin:30px 0 0;padding:26px 23px;border:1px solid #ffffff26;border-radius:25px;background:#111;}
.campaign-outro>p:not(.overline) {font-size:12px;line-height:1.75;color:#aaa;margin-top:18px;}
.campaign-outro>.primary {margin-top:22px;}
.campaign-contact {display:block;text-align:center;color:#aaa;font-size:10px;padding-top:20px;min-height:44px;}
@media(max-width:350px){.campaign-experience{padding-inline:12px;}.cover-copy{padding-inline:19px;}.cover-copy h1 {font-size:26px;}.cover-controls{gap:6px;}.cover-controls .primary,.cover-controls .secondary{font-size:9px;}.campaign-metric-grid>div,.campaign-audience-grid article{padding:16px 13px;}.campaign-metric-grid h3{font-size:15px;}.campaign-tabs button{font-size:7px;padding-inline:6px;}.campaign-system summary span{width:98px;}}

.campaign-launch {margin-top:22px;width:100%;font-size:12px;min-height:47px;}
.cover-controls {margin-top:9px;}
.portal-card-actions {display:flex;gap:8px;}
.portal-card-actions .secondary {flex:1;width:auto;font-size:10px;padding-inline:9px;}
.campaign-build-status {display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px;}
.campaign-build-status>div {border:1px solid #ffffff20;background:#ffffff03;border-radius:14px;padding:13px;}
.campaign-build-status span {font-size:9px;color:#aaa;}
.campaign-build-status .complete span {color:#ffdc82;}
.campaign-build-status small {display:block;font-size:8px;color:#777;margin-top:8px;}
.campaign-pending {padding:22px 20px;border:1px dashed #ffb52840;border-radius:22px;background:linear-gradient(140deg,#18181880,#0b0b0b);margin:18px 0;}
.pending-mark {font-size:22px;color:#ffc964;}
.campaign-pending h3 {font-size:21px;line-height:1.2;font-weight:400;margin-top:13px;}
.campaign-pending p {font-size:11px;line-height:1.7;color:#aaa;margin-top:13px;}
.campaign-pending .secondary {margin-top:21px;font-size:11px;}
.cover-copy>p.launch-intent {font-size:9px;line-height:1.6;text-align:center;color:#aaa;margin-top:12px;}
