/* Audience pages, v2. The approved JedAi materials with compact product scenes. */
.audience-page{color:#244b60;background:#fff;--ink:#244b60;--muted:#567587;--edge:#dce7ed;--ease:cubic-bezier(.22,.8,.25,1)}
.audience-page main{position:relative;overflow:clip}.audience-page .sky{height:920px;mask-image:linear-gradient(#000 40%,transparent 100%)}
.audience-page h1,.audience-page h2,.audience-page h3{font-family:DMSerifDisplay,Georgia,serif;font-weight:400;letter-spacing:-.035em}.audience-page h1{font-size:clamp(50px,5.25vw,72px);line-height:1.04;margin:0 0 25px}.audience-page h2{font-size:clamp(38px,4.2vw,59px);line-height:1.08;margin:0 0 24px}.audience-page h3{font-size:30px;line-height:1.15;margin:0 0 15px}.audience-page p{font-size:17px;line-height:1.75;margin:0 0 22px;color:var(--muted)}.audience-page section[id]{scroll-margin-top:105px}.audience-page .skip-link{z-index:200}.audience-page img{height:auto}.audience-page .portrait{object-fit:cover;aspect-ratio:1;border-radius:14px}.aud-section{max-width:1240px;margin:auto;padding:105px 40px}.aud-heading{max-width:710px;margin-bottom:50px}.aud-heading.centered{text-align:center;margin:0 auto 55px}.aud-heading>p{max-width:590px}.aud-heading.centered>p{margin-left:auto;margin-right:auto}.aud-hero{max-width:1280px;padding:95px 40px 55px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;min-height:660px}.aud-hero-copy{position:relative;z-index:2}.aud-hero-copy>p{font-size:18px;max-width:465px}.aud-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:28px 0 0}
/* Exact approved Leads glass values; petrol on white follows the approved FAQ. */
.audience-page .aud-button{background:linear-gradient(135deg,#ffffff26,#ffffff04 48%,#ffffff1a),#236f9026;border:1px solid #ffffffd9;backdrop-filter:blur(2px) saturate(110%);color:#fff;box-shadow:inset 0 1px 2px #ffffffed,inset 0 -1px 1px #ffffff70,0 6px 18px #292c2f14;text-shadow:0 1px 2px #1a4c6ed9;font-style:normal;padding:15px 24px;gap:0;border-radius:16px;min-height:52px;text-decoration:none}
.audience-page .aud-button:hover{background:linear-gradient(135deg,#ffffff38,#ffffff08),#236f9036}.audience-page .aud-button.ink-button{background:linear-gradient(135deg,#ffffff14,#ffffff00 60%),#285f7c;color:#fff;border-color:#ffffffbd;text-shadow:none;box-shadow:inset 0 1px 2px #ffffff9c,inset 0 -1px 1px #ffffff35,0 6px 18px #244b601a}.audience-page .aud-button.ink-button:hover{background-color:#204f69}.audience-page .aud-button.light-button{color:#244b60;text-shadow:none;background:linear-gradient(135deg,#ffffffa0,#ffffff35),#b5d8e826;box-shadow:inset 0 1px 2px white,0 5px 16px #244b6010}
.aud-glass{background:linear-gradient(130deg,#ffffff55,#ffffff13 34%,#ffffff05 55%,#ffffff38);border:1px solid #ffffffed;backdrop-filter:blur(6px) saturate(140%);box-shadow:inset 0 2px 3px #fffffff0,inset 2px 0 2px #ffffff90,inset -2px -3px 4px #ffffff85,0 18px 35px #24495720,0 2px 5px #294c5c10;border-radius:21px}.aud-paper{background:#fff;border:1px solid var(--edge);border-radius:19px;box-shadow:0 20px 50px #244b6012}.aud-ui-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;line-height:1.5;border-bottom:1px solid var(--edge);padding:17px 22px;color:#527387}.aud-ui-top b{font-weight:600;color:#244b60}.aud-ui-label{font:500 12px/1.5 Geist,Arial,sans-serif;color:#5b7a8c;display:block}.aud-ui-mark{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;background:#e9f3f9;color:#285f7c;border-radius:9px;font:550 15px/1 Geist,Arial,sans-serif}.aud-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:12px;line-height:1.5;color:#6b8390;margin:22px 4px 0}.aud-motion-toggle{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:7px;background:#ffffff85;border:1px solid #cbdde6;border-radius:9px;padding:8px 11px;font:500 12px/1.3 Geist,Arial,sans-serif;color:#365e74}.aud-motion-toggle svg{width:12px;height:12px;fill:currentColor}.aud-motion-toggle:hover{background:#fff}.aud-scene{position:relative;isolation:isolate;min-width:0}.aud-scene [data-piece]{transition:transform .65s var(--ease),opacity .45s var(--ease)}.aud-crystal{position:absolute;width:560px;height:auto;max-width:none;z-index:-1;mix-blend-mode:multiply;pointer-events:none;inset:35px -65px auto auto}.aud-scene .brand-atmosphere{z-index:-2}.aud-hero-scene{padding:0 0 5px}.hero-stage{height:570px;position:relative;isolation:isolate}.hero-stage>.brand-atmosphere{inset:35px 0 35px 20px;border-radius:48% 35% 45% 30%;background:var(--brand-sky);opacity:.75}.hero-stage .brand-cloud-back{width:650px;right:-350px;top:-250px}.hero-stage .brand-cloud-front{width:500px;left:-310px;bottom:-230px}.hero-stage .aud-crystal{width:450px;right:-45px;top:35px}.hero-search{position:absolute;top:4px;left:0;right:52px;display:flex;gap:12px;align-items:center;padding:17px 20px;font-size:14px;transform:rotate(-3deg);z-index:1}.hero-search>img{width:26px;height:26px;object-fit:contain}.hero-profile{position:absolute;top:80px;left:26px;right:22px;transform:rotate(1deg);z-index:2}.profile-person{display:flex;align-items:center;gap:17px;padding:24px}.profile-person .portrait{width:64px;height:64px}.profile-person b{display:block;font-size:22px;font-weight:550;margin-bottom:7px}.profile-person small{display:block;font-size:13px;line-height:1.6;color:#5c7787}.profile-detail{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--edge);margin:0 24px;padding:17px 0;gap:12px;font-size:13px;line-height:1.6}.profile-detail b{display:block;font-size:13px;font-weight:550}.profile-context{margin:0 24px 24px;padding:16px;background:#f3f8fb;border-radius:10px;font-size:13px;line-height:1.65}.profile-context>span{font-size:12px;font-weight:600;display:block;margin-bottom:5px}.hero-reply{position:absolute;bottom:0;left:76px;right:0;padding:20px 23px;z-index:3;transform:rotate(-2deg)}.hero-reply>span{font-size:12px;font-weight:550;display:block;margin-bottom:7px}.hero-reply p{font-size:16px;color:#244b60;line-height:1.5;margin:0}.hero-rail{position:absolute;right:8px;top:53px;font-size:12px;letter-spacing:3px;color:#6e96a9}.motion-on[data-step="0"] .hero-profile{transform:translateY(20px) rotate(3deg);opacity:1}.motion-on[data-step="0"] .hero-reply,.motion-on[data-step="1"] .hero-reply{transform:translateY(42px) rotate(2deg);opacity:0}.motion-on[data-step="0"] .profile-context{opacity:0;transform:translateX(20px)}.motion-on[data-step="1"] .profile-context{opacity:.35;transform:translateX(15px)}.motion-on[data-step="3"] .hero-search{transform:translateY(-8px) rotate(-1deg)}.motion-on[data-step="2"] .hero-profile,.motion-on[data-step="3"] .hero-profile{transform:translateY(-3px) rotate(0)}
.aud-recognition{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;align-items:center;padding-top:85px;padding-bottom:70px}.aud-recognition p{font-size:20px;line-height:1.65}.recognition-line{height:1px;background:#d5e4ec;margin:28px 0}.aud-recognition small{font-size:14px;color:#5b7a8c;line-height:1.6;display:block}.sector-section{padding-top:55px}.sector-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:start}.sector-names{list-style:none;margin:0;padding:0}.sector-names li{display:flex;gap:20px;align-items:baseline;padding:17px 0;border-bottom:1px solid #dce7ed;font-size:18px;line-height:1.45}.sector-names span{font-size:12px;color:#7292a5;min-width:20px}.sector-names li:last-child{border:0}.sector-scenarios{display:grid;gap:17px;padding-top:2px}.sector-scenario{display:grid;grid-template-columns:1fr 1fr;position:relative;gap:22px;border:1px solid #dce7ed;border-radius:14px;padding:20px 24px;background:#fff}.sector-scenario:nth-child(2){margin-left:28px}.sector-scenario:nth-child(3){margin-left:56px}.sector-scenario>div+div{border-left:1px solid #dae5eb;padding-left:22px}.sector-scenario span{font-size:12px;color:#6a8596;display:block;margin-bottom:8px}.sector-scenario b{font-size:16px;font-weight:550;display:block;line-height:1.5}.sector-scenario small{display:block;font-size:13px;line-height:1.5;color:#5b7788;margin-top:4px}.sector-note{margin-top:25px!important;font-size:14px!important;max-width:480px}.aud-sector-cta{margin-top:28px}
/* The connected route stays legible independently of the timed highlight. */
.aud-route{position:relative;max-width:1240px;margin:auto;padding:65px 40px 80px}.route-track{position:relative;padding:5px 30px;isolation:isolate}.route-diagram{position:absolute;inset:10px 0 0;width:100%;height:100%;z-index:-1;overflow:visible;pointer-events:none}.route-diagram path{fill:none;stroke:#d5e5ed;stroke-width:2}.route-diagram .route-progress{stroke:#75adca;stroke-width:3;stroke-dasharray:2200;stroke-dashoffset:0;transition:stroke-dashoffset 1.8s ease}.route-station{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;min-height:335px;position:relative;padding:22px 0}.route-station:nth-of-type(2){direction:rtl}.route-station:nth-of-type(2)>*{direction:ltr}.route-copy{max-width:400px}.route-number{display:block;font-size:13px;color:#548099;margin-bottom:18px}.route-copy h3{font-size:37px;margin-bottom:17px}.route-copy p{font-size:16px;line-height:1.7;margin-bottom:22px}.route-copy .button{font-size:14px}.route-visual{min-width:0;position:relative;transition:transform .7s var(--ease);padding:18px 0}.route-visual>.brand-atmosphere{inset:8px -20px 8px -15px;border-radius:60px 25px 65px 25px;z-index:-1}.route-person{padding:24px;display:flex;align-items:center;gap:18px;max-width:405px;transform:rotate(-3deg)}.route-person .portrait{width:58px;height:58px}.route-person strong{display:block;font-size:19px;font-weight:550;margin:4px 0 7px}.route-person small{font-size:13px;color:#527487;line-height:1.5;display:block}.route-detail{margin:20px 0 0 45px;max-width:345px;padding:18px 22px;font-size:14px;line-height:1.6;transform:rotate(2deg)}.route-mail{max-width:405px;transform:rotate(2deg)}.route-mail-copy{padding:22px 24px}.route-mail-copy p{font-size:16px;line-height:1.65;color:#244b60;margin:0 0 15px}.route-mail-copy p:last-child{margin:0}.route-mail-signature{font-size:12px;color:#5b7a8c;padding:0 24px 20px}.route-response{max-width:420px;padding:25px;transform:rotate(-2deg)}.route-response .response-sender{display:flex;align-items:center;gap:12px;font-size:14px}.response-sender .portrait{width:35px;height:35px;border-radius:10px}.route-response p{font-size:21px;line-height:1.5;color:#244b60;margin:22px 0 0}.route-next{margin:18px 0 0 70px;font-size:13px;display:flex;align-items:center;gap:10px;color:#365e74}.route-next svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.route-caption{max-width:1060px;margin:15px auto 0}.aud-route.motion-on[data-step="0"] .route-progress{stroke-dashoffset:2200}.aud-route.motion-on[data-step="1"] .route-progress{stroke-dashoffset:1450}.aud-route.motion-on[data-step="2"] .route-progress{stroke-dashoffset:700}.aud-route.motion-on[data-step="0"] .route-station:nth-of-type(2) .route-visual{transform:translateX(-25px)}.aud-route.motion-on[data-step="0"] .route-station:nth-of-type(3) .route-visual,.aud-route.motion-on[data-step="1"] .route-station:nth-of-type(3) .route-visual{transform:translateY(25px)}.aud-route.motion-on[data-step="1"] .route-person{transform:rotate(0) translateY(-8px)}.aud-route.motion-on[data-step="2"] .route-mail{transform:rotate(-1deg) translateY(-8px)}.aud-route.motion-on[data-step="3"] .route-response{transform:rotate(0) translateY(-8px)}
.aud-copilot{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center;padding-top:70px}.copilot-stage{position:relative;padding:30px 8px 10px;min-height:455px;isolation:isolate}.copilot-stage>.brand-atmosphere{inset:0 0 35px;border-radius:60px 28px 70px 25px;z-index:-2}.copilot-question{padding:20px 23px;display:flex;align-items:flex-start;gap:13px;margin:0 30px 22px -15px;transform:rotate(-2deg)}.copilot-question>img{width:28px;height:28px;object-fit:contain}.copilot-question p{font-size:16px;line-height:1.5;color:#244b60;margin:0}.copilot-advice{padding:20px 24px;margin:0 22px 0 35px;border-radius:15px;background:white;border:1px solid #dce7ed}.copilot-advice>span{display:block;font-size:13px;font-weight:600;margin-bottom:15px}.advice-line{font-size:15px;display:flex;gap:15px;line-height:1.55;margin:11px 0}.advice-line>span{font-size:12px;color:#6e91a4}.copilot-draft{padding:21px 24px;margin:23px 0 0 85px;transform:rotate(2deg);position:relative}.copilot-draft>span{display:flex;justify-content:space-between;font-size:12px;margin-bottom:13px}.copilot-draft p{font-size:16px;margin:0;color:#244b60;line-height:1.55}.copilot-draft strong{display:block;font-size:12px;font-weight:500;margin-top:17px}.motion-on[data-step="0"] .copilot-question{transform:translateY(15px) rotate(-2deg)}.motion-on[data-step="0"] .copilot-advice{opacity:0;transform:translateY(22px)}.motion-on[data-step="0"] .copilot-draft,.motion-on[data-step="1"] .copilot-draft{opacity:0;transform:translateY(42px) rotate(5deg)}.motion-on[data-step="1"] .advice-line:nth-of-type(2){opacity:.2;transform:translateX(10px)}.motion-on[data-step="2"] .copilot-draft,.motion-on[data-step="3"] .copilot-draft{transform:rotate(0) translateY(-4px)}
/* Agency scenes: two distinct clients, each retaining their own context. */
.agency-hero .aud-hero-copy h1{font-size:clamp(49px,5vw,68px)}.agency-stage{height:475px;position:relative;isolation:isolate}.agency-stage>.brand-atmosphere{inset:45px 0 0 30px;border-radius:55px 30px 70px 35px;z-index:-2}.agency-stage .aud-crystal{width:440px;right:-20px;top:50px}.agency-own{position:absolute;top:15px;left:0;width:70%;padding:23px;transform:rotate(-5deg);z-index:1}.agency-own>span{font-size:12px;display:block;margin-bottom:18px}.agency-own>b{font-size:19px;font-weight:550;display:block;margin-bottom:8px}.agency-own>small{font-size:13px;display:block;color:#567587}.agency-own .mini-company{margin-top:20px;padding-top:15px;border-top:1px solid #dce7ed;display:flex;gap:12px;align-items:center;font-size:14px}.agency-client{position:absolute;right:0;top:180px;width:82%;z-index:2;transform:rotate(2deg)}.agency-client .aud-ui-top{border-color:#ffffffa0}.agency-client-body{padding:22px}.agency-client-body>b{font-size:22px;font-weight:550;display:block;margin-bottom:9px}.agency-client-body>p{font-size:14px;color:#365d73;margin-bottom:20px}.agency-target{display:flex;align-items:center;gap:12px;border-top:1px solid #ffffffa0;padding-top:16px;font-size:14px;line-height:1.6}.agency-target .portrait{width:40px;height:40px;border-radius:10px}.agency-target small{font-size:12px;display:block}.agency-draft-note{position:absolute;right:23px;bottom:0;z-index:3;padding:13px 20px;background:white;border:1px solid #d5e5ee;border-radius:12px;font-size:13px;box-shadow:0 8px 25px #244b6010}.motion-on[data-step="0"] .agency-own{transform:translateX(-22px) rotate(-4deg)}.motion-on[data-step="0"] .agency-client{transform:translateX(50px) rotate(5deg);opacity:0}.motion-on[data-step="0"] .agency-draft-note,.motion-on[data-step="1"] .agency-draft-note{transform:translateY(22px);opacity:0}.motion-on[data-step="2"] .agency-own,.motion-on[data-step="3"] .agency-own{transform:translateY(-8px) rotate(-3deg)}.motion-on[data-step="2"] .agency-client,.motion-on[data-step="3"] .agency-client{transform:translateY(-5px) rotate(0)}
.agency-uses{padding-top:75px}.agency-use-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.agency-use{min-width:0}.agency-use>span{font-size:13px;display:block;margin-bottom:15px;color:#5c8298}.agency-use h3{font-size:37px;max-width:450px}.agency-use p{max-width:440px}.agency-use-visual{padding:26px 30px;margin-bottom:28px;min-height:190px;border-radius:23px;background:#f1f7fb;display:flex;flex-direction:column;justify-content:center;gap:14px}.agency-use:nth-child(2) .agency-use-visual{background:#edf3f5}.use-label{display:flex;gap:13px;align-items:center}.use-label>b{font-size:18px;font-weight:550}.use-label .portrait{width:40px;height:40px;border-radius:10px}.use-line{padding-left:48px;font-size:14px;line-height:1.7;color:#4f7186}.use-mini-mail{padding:16px 20px;margin-left:45px;background:white;border:1px solid #dce7ed;border-radius:12px;font-size:14px;line-height:1.6}
.agency-briefing{max-width:1240px;margin:20px auto 0;padding:70px 40px 50px}.briefing-scene{position:relative;isolation:isolate;padding:48px 35px 45px;min-height:490px}.briefing-scene>.brand-atmosphere{inset:70px 0 0;border-radius:35px;z-index:-2}.briefing-row{display:grid;grid-template-columns:.9fr 1fr 1.05fr;gap:32px;align-items:center}.brief-card{padding:26px;transform:rotate(-4deg)}.brief-card>span{font-size:12px;display:block;margin-bottom:17px}.brief-card h3{font-size:25px}.brief-card p{font-size:16px;color:#244b60;margin:0;line-height:1.65}.brief-card small{display:block;border-top:1px solid #dce7ed;margin-top:23px;padding-top:16px;font-size:12px;line-height:1.6}.brief-target{padding:25px;margin-top:90px;transform:rotate(2deg)}.brief-target>span{font-size:12px;display:block;margin-bottom:16px}.brief-target>b{font-size:23px;font-weight:550;display:block;line-height:1.25}.brief-target .profile-person{padding:20px 0 0;gap:12px}.brief-target .profile-person .portrait{width:40px;height:40px}.brief-target .profile-person b{font-size:16px}.brief-target .profile-person small{font-size:12px}.brief-campaign{transform:rotate(-2deg);margin-top:25px}.brief-campaign .route-mail-copy{padding:22px}.brief-campaign .route-mail-copy p{font-size:15px}.briefing-progress{display:flex;justify-content:space-between;gap:25px;margin:45px 15px 0;padding-top:15px;border-top:1px solid #91b7cb;font-size:13px;color:#426e86}.briefing-progress>span{flex:1}.motion-on[data-step="0"] .brief-target{opacity:1;transform:translateY(35px) rotate(4deg)}.motion-on[data-step="0"] .brief-campaign,.motion-on[data-step="1"] .brief-campaign{opacity:0;transform:translateX(35px) rotate(4deg)}.motion-on[data-step="2"] .brief-target{transform:translateY(-8px) rotate(0)}.motion-on[data-step="3"] .brief-campaign{transform:translateY(-8px) rotate(0)}
.agency-work{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:center}.workspace-stage{min-height:420px;position:relative;isolation:isolate;padding:20px 0 30px}.workspace-stage>.brand-atmosphere{inset:60px -10px 0 15px;border-radius:65px 25px 60px 30px;z-index:-2}.workspace-index{display:flex;gap:25px;margin:0 0 23px 10px;font-size:14px;color:#7390a0}.workspace-index span{padding-bottom:9px;border-bottom:2px solid transparent;transition:color .3s,border-color .3s}.workspace-stack{display:grid;position:relative;padding-right:15px}.workspace-window{grid-area:1/1;transition:transform .7s var(--ease),opacity .45s var(--ease);position:relative;min-width:0}.workspace-window:first-child{transform:translate(0,0) rotate(-2deg);z-index:2}.workspace-window:nth-child(2){transform:translate(20px,24px) rotate(3deg);z-index:1;opacity:.45}.workspace-window .workspace-content{padding:25px}.workspace-content>span{font-size:12px}.workspace-content h3{font:500 24px/1.25 Geist,Arial,sans-serif;margin:12px 0 20px;letter-spacing:-.035em}.workspace-person{display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid #dce7ed;border-bottom:1px solid #dce7ed;font-size:14px}.workspace-person .portrait{width:38px;height:38px;border-radius:11px}.workspace-person small{display:block;font-size:12px;color:#567587;margin-top:5px}.workspace-content>p{margin:17px 0 0;font-size:14px;line-height:1.6}.workspace-stage[data-step="2"] .workspace-window:first-child,.workspace-stage[data-step="3"] .workspace-window:first-child{transform:translate(-15px,20px) rotate(-4deg);opacity:.3;z-index:1}.workspace-stage[data-step="2"] .workspace-window:nth-child(2),.workspace-stage[data-step="3"] .workspace-window:nth-child(2){transform:translate(8px,-5px) rotate(1deg);opacity:1;z-index:2}.workspace-stage[data-step="0"] .workspace-index span:first-child,.workspace-stage[data-step="1"] .workspace-index span:first-child,.workspace-stage[data-step="2"] .workspace-index span:nth-child(2),.workspace-stage[data-step="3"] .workspace-index span:nth-child(2){color:#244b60;border-color:#75adca}.workspace-stage:not(.motion-on) .workspace-window:nth-child(2){visibility:hidden}.workspace-stage:not(.motion-on) .workspace-window:first-child{opacity:1;transform:none}.workspace-stage:not(.motion-on) .workspace-index span:first-child{color:#244b60;border-color:#75adca}
.agency-handoff{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding-top:50px}.handoff-inbox{overflow:hidden;transform:rotate(-1deg)}.handoff-contact{padding:23px;display:flex;gap:15px;align-items:center}.handoff-contact .portrait{width:44px;height:44px}.handoff-contact b{font-size:16px}.handoff-contact small{font-size:13px;display:block;margin-top:5px;color:#607d8d}.handoff-message{padding:0 24px 26px}.handoff-message p{font-size:20px;color:#244b60;line-height:1.6}.handoff-status{font-size:13px;padding-top:20px;border-top:1px solid #dce7ed;color:#527487}
/* The existing question/answer component, not a new FAQ design. */
.audience-page .aud-faq{max-width:1240px;margin:65px auto 0;padding:0 40px}.audience-page .aud-faq .answer-heading{margin-bottom:50px}.audience-page .aud-faq .answer-body h3{font-size:30px}.audience-page .aud-faq .answer-body>p{font-size:16px;min-height:112px;line-height:1.75}.audience-page .aud-faq .answer-body .button{margin-top:24px}.audience-page .aud-faq .answer-art>img{height:auto}.audience-page .aud-faq .answer-art-label{background:linear-gradient(125deg,#ffffff26,#ffffff04 55%,#ffffff20);backdrop-filter:blur(2px);box-shadow:inset 0 1px 1px #fff,0 8px 20px #315b741a}.audience-page .aud-final{position:relative;isolation:isolate;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:25px;max-width:1160px;width:calc(100% - 48px);min-height:410px;border-radius:35px;padding:65px;margin:100px auto 110px;overflow:hidden}.aud-final>.brand-atmosphere{z-index:-2}.audience-page .aud-final h2{color:#fff;text-shadow:0 1px 4px #396d8325}.aud-final>div:not(.brand-atmosphere){position:relative;z-index:1}.audience-page .aud-final p{color:#3f6c84;font-size:17px}.aud-final>.aud-final-art{width:480px;height:auto;max-width:none;margin-left:-50px;mix-blend-mode:multiply;pointer-events:none}.audience-page .aud-final .booking-note{font-size:12px;line-height:1.6;margin:20px 0 0;max-width:460px}.audience-page .aud-final .aud-actions{margin-top:20px}.audience-page .aud-final .aud-actions .button{font-size:14px}
@media(max-width:1100px){.aud-hero{gap:30px;padding:75px 32px 45px}.audience-page h1{font-size:57px}.agency-hero .aud-hero-copy h1{font-size:56px}.aud-section{padding:85px 32px}.hero-profile{left:12px;right:8px}.hero-search{right:15px;font-size:13px}.hero-reply{left:40px}.profile-person{padding:21px;gap:12px}.profile-person b{font-size:20px}.profile-person .portrait{width:55px;height:55px}.aud-recognition,.sector-layout,.aud-copilot,.agency-work,.agency-handoff{gap:45px}.route-station{gap:65px}.route-copy h3{font-size:34px}.route-track{padding-left:5px;padding-right:5px}.briefing-row{gap:22px}.briefing-scene{padding-left:20px;padding-right:20px}.brief-card,.brief-target{padding:22px}.audience-page .aud-final{padding:50px}.agency-client-body>b{font-size:20px}.agency-own{padding:20px}.agency-hero .aud-actions{gap:8px}.agency-hero .aud-actions .button{padding:14px 18px}}
@media(max-width:800px){.audience-page .sky{height:1250px}.aud-hero{display:block;padding:55px 24px 25px;min-height:0}.audience-page h1,.agency-hero .aud-hero-copy h1{font-size:clamp(45px,8.4vw,65px)}.aud-hero-copy>p{font-size:17px;max-width:500px}.aud-hero-scene{max-width:505px;margin:55px auto 0}.hero-stage{height:575px}.aud-section{padding:70px 24px}.aud-heading{margin-bottom:32px}.aud-heading.centered{margin-bottom:38px;text-align:left}.aud-recognition,.sector-layout,.aud-copilot,.agency-work,.agency-handoff{grid-template-columns:1fr;gap:32px}.aud-recognition p{font-size:19px}.aud-recognition{padding-bottom:40px}.sector-section{padding-top:30px}.sector-scenario:nth-child(2){margin-left:12px}.sector-scenario:nth-child(3){margin-left:24px}.sector-names li{font-size:17px}.sector-scenario{gap:15px;padding:20px}.sector-scenario>div+div{padding-left:15px}.sector-scenario b{font-size:15px}.aud-route{padding:45px 24px}.route-track{padding:0 0 0 24px;border-left:1px solid #b9d4e2;margin-left:6px}.route-diagram{display:none}.route-station,.route-station:nth-of-type(2){display:flex;flex-direction:column;gap:12px;align-items:stretch;direction:ltr;min-height:0;padding:0 0 60px}.route-station:last-of-type{padding-bottom:15px}.route-copy{max-width:100%}.route-copy h3{font-size:34px}.route-number{position:relative;margin-bottom:15px}.route-number:before{content:'';position:absolute;left:-29px;top:5px;width:8px;height:8px;border-radius:50%;background:#6c9db7;border:2px solid white;box-sizing:content-box}.route-visual{padding:24px 0 0}.route-visual>.brand-atmosphere{inset:15px -10px 0 -10px}.route-person{padding:20px;gap:13px;transform:rotate(-2deg)}.route-person .portrait{width:48px;height:48px}.route-person strong{font-size:18px}.route-detail{margin-left:20px;font-size:13px;padding:17px}.route-mail-copy{padding:20px}.route-mail-copy p{font-size:15px}.route-response{padding:22px}.route-response p{font-size:19px}.route-next{margin-left:25px}.route-caption{margin-top:24px}.aud-copilot{padding-top:40px}.copilot-stage{max-width:530px;width:100%;margin:auto;padding-top:25px;min-height:455px}.copilot-question{margin-left:0;margin-right:15px;padding:20px}.copilot-advice{margin-left:20px;margin-right:12px;padding:20px}.copilot-draft{margin-left:40px;padding:20px}.copilot-draft p,.copilot-question p{font-size:15px}.agency-stage{height:465px}.agency-use-grid{grid-template-columns:1fr;gap:50px}.agency-use h3{font-size:34px}.agency-use-visual{min-height:180px;padding:25px;margin-bottom:24px}.agency-briefing{padding:40px 24px}.briefing-scene{padding:20px 0 20px;min-height:0}.briefing-scene>.brand-atmosphere{inset:90px -10px 0;border-radius:30px}.briefing-row{grid-template-columns:1fr;gap:28px;padding:0 12px}.brief-card{margin-right:32px;transform:rotate(-2deg)}.brief-target{margin:0 0 0 32px;transform:rotate(2deg)}.brief-campaign{margin:0 25px 0 5px;transform:rotate(-2deg)}.briefing-progress{gap:12px;margin:30px 10px 0;font-size:12px}.agency-work{padding-top:45px}.workspace-stage{max-width:535px;width:100%;margin:auto;padding-top:0;min-height:395px}.workspace-index{font-size:13px;gap:20px}.workspace-content h3{font-size:22px}.agency-handoff{padding-top:45px}.handoff-inbox{order:2}.audience-page .aud-faq{padding:0 24px;margin-top:50px}.audience-page .aud-faq .answer-layout{gap:30px}.audience-page .aud-faq .answer-heading{text-align:left;margin-bottom:28px}.audience-page .aud-faq .answer-body>p{font-size:16px;min-height:145px}.audience-page .aud-final{display:block;padding:42px 28px 0;min-height:0;width:calc(100% - 30px);margin:75px auto 75px;border-radius:28px}.aud-final>.aud-final-art{display:block;width:330px;height:auto;max-width:125%;margin:-10px -10% -45px auto}.audience-page .aud-final h2{font-size:43px}.audience-page .aud-final .booking-note{max-width:380px}.aud-actions .button{font-size:14px;padding:14px 19px}}
@media(max-width:420px){.hero-stage{height:585px}.hero-search{padding:16px 15px;left:0;right:0;font-size:12px;gap:9px}.hero-profile{top:85px;left:0;right:0}.profile-person{padding:19px;gap:12px}.profile-person .portrait{width:50px;height:50px}.profile-person b{font-size:19px}.profile-person small{font-size:12px}.profile-detail{margin:0 19px;font-size:12px}.profile-detail b{font-size:12px}.profile-context{margin:0 19px 19px;font-size:12px;padding:13px}.hero-reply{left:20px;right:0;padding:18px;bottom:0}.hero-reply p{font-size:15px}.hero-stage .aud-crystal{width:340px;right:-25px;top:120px}.aud-caption{font-size:11px;gap:10px}.aud-motion-toggle{font-size:11px;padding:8px}.agency-own{width:84%;padding:20px;top:0}.agency-client{width:91%;top:185px}.agency-client-body{padding:20px}.agency-client-body>b{font-size:20px}.agency-client .aud-ui-top{padding:15px 19px}.agency-draft-note{bottom:-5px;right:0;font-size:12px}.agency-stage{height:470px}.use-mini-mail{margin-left:15px}.sector-scenario:nth-child(3){margin-left:12px}.sector-scenario{padding:18px;gap:12px}.sector-scenario>div+div{padding-left:12px}.sector-scenario b{font-size:14px}.sector-scenario span{font-size:11px}.workspace-window .workspace-content{padding:20px}.workspace-index{gap:14px;margin-left:0;font-size:12px}.audience-page .aud-final h2{font-size:39px}.audience-page .aud-final .aud-actions{gap:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.aud-scene *,.route-visual,.route-diagram .route-progress{transition:none!important;animation:none!important}.aud-motion-toggle{display:none}.aud-scene [data-piece]{opacity:1!important}.audience-page .button{transition:none}}



.audience-page .menu-toggle{flex-direction:column;justify-content:center;align-items:center;gap:5px}.audience-page .menu-toggle>span{display:block;width:17px;height:2px;background:#244b60;border-radius:2px;flex-shrink:0}