@font-face{font-family:'DM Sans';src:url('./dm-sans-variable.ttf') format('truetype');font-weight:100 1000;font-style:normal;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('./instrument-serif-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
:root{--ink:#16182c;--muted:#585e76;--line:#e6e8f0;--cyan:#29a6db;--magenta:#ea248f;--lime:#d0dd22;--max:1200px;--gutter:clamp(22px,5vw,76px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5,p,figure{margin:0}h1,h2,h3,h4,h5{font-weight:750;line-height:1.1;letter-spacing:-.045em}h2{font-size:clamp(35px,4vw,55px);text-wrap:balance}h3{font-size:26px;letter-spacing:-.035em}p{color:var(--muted)}[hidden]{display:none!important}.container{width:min(calc(100% - var(--gutter)*2),var(--max));margin-inline:auto}.section{padding-block:100px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:750;line-height:1.6;margin-bottom:22px;color:var(--muted)}.icon{width:27px;height:27px;object-fit:contain;display:inline-block;flex-shrink:0}.button{border:1px solid transparent;min-height:56px;display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:15px 29px;border-radius:100px;font-size:16px;font-weight:750;line-height:1.4;transition:background-color 180ms,transform 180ms;white-space:nowrap}.button:active{transform:scale(.98)}.button-dark{background:var(--ink);color:#fff}.button-outline,.button-white{background:#ffffffed;border-color:var(--line);color:var(--ink)}.text-link{display:inline-flex;align-items:center;gap:15px;font-size:15px;font-weight:700;min-height:44px;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#b4baca}.ui-arrow{font-size:22px;line-height:1}.ui-check{color:#28809d;font-size:16px}.ui-plus{font-size:26px;font-weight:400;line-height:1;transition:transform 180ms}:focus-visible{outline:3px solid #1378ab;outline-offset:5px}.skip-link{position:fixed;top:-80px;left:16px;background:var(--ink);color:#fff;padding:14px 24px;z-index:100}.skip-link:focus{top:10px}
/* A simple header and a centred, light hero. */
.site-header{position:relative;z-index:20;background:#fbfcff}.nav-wrap{width:calc(100% - var(--gutter)*2);max-width:1440px;margin:auto;height:108px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;flex-shrink:0}.brand-symbol{width:36px;height:43px;overflow:hidden;position:relative}.brand-symbol img{position:absolute;width:94px;max-width:none;height:auto;left:-28.5px;top:-6.5px}.brand-wordmark{position:relative;overflow:hidden;width:204px;height:26px}.brand-wordmark img{position:absolute;width:228px;max-width:none;height:auto;left:-12px;top:-119px}.nav-actions{display:flex;gap:16px;align-items:center}.nav-demo{padding-inline:32px}.menu-toggle{display:none;width:44px;height:44px;border:0;background:none;flex-direction:column;gap:6px;justify-content:center;align-items:center}.menu-toggle span{height:2px;width:21px;background:var(--ink)}.mobile-nav{position:absolute;top:100%;left:0;right:0;padding:24px;background:#fff;box-shadow:0 15px 25px #16182c0c;display:grid;gap:18px}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:740px;background:linear-gradient(180deg,#fbfcff,#fff)}.hero-inner{position:relative;z-index:2;text-align:center;padding-top:116px;padding-bottom:270px}.hero h1{font-size:clamp(46px,5.55vw,78px);line-height:1.04;font-weight:800;letter-spacing:-.06em}.hero h1 em{font-family:'Instrument Serif',Georgia,serif;font-size:1.13em;line-height:.9;font-weight:400;letter-spacing:-.045em;background:linear-gradient(100deg,#35a9db,#d73393);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{font-size:clamp(18px,2vw,25px);line-height:1.5;max-width:880px;margin:36px auto 0;text-wrap:balance}.hero-actions{display:flex;justify-content:center;gap:16px;margin-top:35px}.hero-actions .button{font-size:19px;min-height:66px;padding-inline:34px}.hero-art{position:absolute;z-index:-1;inset:auto 0 -100px;height:550px;pointer-events:none;mask-image:linear-gradient(transparent,#000 25%)}.hero-art :is(img,video){width:100%;height:100%;object-fit:cover;object-position:50% 60%}.hero:after{content:'';position:absolute;inset:auto 0 0;height:55px;background:linear-gradient(transparent,#fff);pointer-events:none}
/* Editorial sections: generous whitespace and small, useful illustrations. */
.intro{text-align:center;padding-top:84px;padding-bottom:66px}.intro-content{max-width:770px;margin:auto}.intro h2{margin-bottom:26px}.intro p:not(.eyebrow){max-width:660px;margin:12px auto}.mobile-break{display:none}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:46px;padding-bottom:110px}.benefit{border-top:3px solid var(--cyan);padding-top:24px}.benefit:nth-child(2){border-color:var(--magenta)}.benefit:nth-child(3){border-color:var(--lime)}.benefit-number{font-size:11px;font-weight:750;letter-spacing:.12em;color:var(--muted)}.benefit h3{margin:18px 0;font-size:28px}.benefit p{font-size:16px}.audience-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:0 60px;align-items:end;padding-bottom:46px}.audience-heading .eyebrow{grid-column:1/-1}.audience-heading p:last-child{max-width:450px;justify-self:end}.image-separator{overflow:hidden;margin:0}.image-separator img{width:100%;height:100%;object-fit:cover}.city-separator{height:clamp(280px,38vw,510px)}.city-separator img{object-position:50% 53%}.platform-top,.creative-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:end;margin-bottom:52px}.platform-intro .text-link{margin-top:18px}.platform-showcase{background:#f6f8fc;border:1px solid #edf0f5;border-radius:24px;padding:48px;display:grid;grid-template-columns:.8fr 1.3fr;gap:45px;align-items:center}.platform-description h3{font-size:29px;margin-bottom:22px}.platform-description p:not(.eyebrow){font-size:15px}.input-list{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:25px}.input-list span{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:650}.input-list .icon{width:24px;height:24px}.figure-caption{font-size:12px;line-height:1.6;margin-top:18px;color:#73798b}
/* Accessible HTML configurator preview. */
.planner-preview{min-width:0;background:#fff;border:1px solid #e2e6ee;border-radius:15px;box-shadow:0 20px 50px #253c6310;overflow:hidden;font-size:12px}.planner-top{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--line)}.planner-brand{display:flex;align-items:center;gap:8px;font-weight:750}.brand-dot,.little-dot{display:inline-block;background:var(--cyan);border-radius:50%;width:8px;height:8px}.preview-tag,.draft-label{background:#f2f5fa;border:1px solid #e8edf4;border-radius:5px;padding:3px 8px;font-size:10px;color:#667084}.planner-body{display:flex;min-height:354px}.planner-side{padding:20px 10px;display:flex;flex-direction:column;gap:13px;border-right:1px solid var(--line)}.planner-side>span{padding:8px;border-radius:8px;display:flex}.planner-side .icon{width:19px;height:19px}.side-active{background:#eaf6fd}.planner-content{padding:24px;flex:1;min-width:0}.planner-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.mini-label{display:block;font-size:8px;color:#788195;letter-spacing:.1em;font-weight:700}.planner-heading h4{font-size:17px;letter-spacing:-.025em;margin-top:6px}.preview-tabs{display:flex;gap:16px;border-bottom:1px solid var(--line);margin-top:24px}.preview-tabs button{border:0;border-bottom:2px solid transparent;padding:8px 0;background:none;font-size:11px;font-weight:650;color:#73798a;min-height:40px}.preview-tabs [aria-selected=true]{color:#137caa;border-color:var(--cyan)}.preview-panel{min-height:205px;padding-top:20px}.preview-panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.preview-panel-heading h5{font-size:14px;letter-spacing:-.02em}.preview-panel-heading .icon{width:22px;height:22px}.preview-field{margin-block:14px}.preview-field>span{display:block;color:#70788b;font-size:10px;margin-bottom:7px}.choice-row{display:flex;gap:6px;flex-wrap:wrap}.choice-row span{font-size:10px;padding:5px 9px;border:1px solid var(--line);border-radius:5px}.choice-row .chosen{background:#eef8fd;border-color:#cae5f3;color:#287c9b}.territory-row{display:flex;gap:10px;align-items:center;margin-top:18px;padding:12px 0 0;border-top:1px solid #eef0f5}.territory-row strong{font-size:10px;font-weight:650}.territory-row .ui-check{margin-left:auto}.planner-bottom{border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;color:#798192;font-size:9px}.little-dot{width:5px;height:5px;margin-right:5px}.channel-tiles{display:flex;gap:7px}.channel-tiles>span{display:flex;flex:1;flex-direction:column;align-items:center;gap:6px;background:#f7f9fc;border-radius:7px;padding:10px 3px;font-size:9px;text-align:center}.budget-explanation{font-size:12px}.budget-summary{display:grid;gap:8px;margin-top:16px}.budget-summary>span{display:flex;justify-content:space-between;padding:7px 10px;background:#f6f9fc;border-radius:5px}
.method{padding-top:40px}.method-copy>h2{max-width:730px}.method-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;list-style:none;margin:48px 0 0;padding:0}.method-steps li{border-top:1px solid var(--line);padding-top:24px}.step-number{display:block;font-size:20px;font-weight:800;color:var(--cyan);margin-bottom:22px}.method-steps li:nth-child(2) .step-number{color:var(--magenta)}.method-steps li:nth-child(3) .step-number{color:#7d8d0a}.method-steps h3{font-size:23px;margin-bottom:15px}.method-steps p{font-size:15px}.method-note{font-size:12px;margin-top:30px}.creative{border-top:1px solid var(--line)}.creative-heading>p{max-width:430px;justify-self:end}.formats{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.formats>div{padding:0 16px 24px;border-bottom:1px solid var(--line)}.formats img{width:124px;height:124px;object-fit:contain;margin:0 0 22px}.formats h3{font-size:24px;margin-bottom:10px}.formats span{font-size:14px;color:var(--muted)}.creative-paths{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:42px}.creative-paths h3{font-size:21px;margin-bottom:12px}.creative-paths p{font-size:15px;max-width:420px}.numbers{padding-top:20px}.numbers-heading{max-width:700px}.number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.number-grid>div{border-top:1px solid var(--line);padding-top:22px}.number{display:flex;align-items:baseline;gap:8px;font-size:90px;font-weight:800;line-height:1.1;letter-spacing:-.07em}.number-accent{width:10px;height:10px;border-radius:50%}.cyan{background:var(--cyan)}.magenta{background:var(--magenta)}.lime{background:var(--lime)}.number-grid h3{font-size:17px;letter-spacing:-.02em;max-width:220px;margin-top:12px}.faq{display:grid;grid-template-columns:.8fr 1.3fr;gap:70px;border-top:1px solid var(--line);padding-bottom:50px}.faq h2{margin-bottom:22px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;gap:25px;justify-content:space-between;align-items:center;padding:21px 0;font-weight:700;font-size:16px;cursor:pointer;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list details[open] .ui-plus{transform:rotate(45deg)}.faq-list details p{padding-bottom:23px;font-size:15px}.ribbon-separator{height:clamp(200px,26vw,370px);mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}.ribbon-separator img{object-position:center}.closing-content{text-align:center;max-width:900px;padding-top:5px;padding-bottom:100px}.closing h2{font-size:clamp(42px,5vw,68px)}.closing-content>p:not(.eyebrow){margin:25px 0 30px}.closing small{display:block;font-size:12px;color:var(--muted);margin-top:22px}.site-footer{border-top:1px solid var(--line);padding-top:50px}.footer-top{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:50px;padding-bottom:40px}.footer-brand img{width:185px;height:auto;margin-bottom:12px}.footer-brand p{font-size:13px;max-width:290px}.footer-top h2{font-size:15px;margin-bottom:22px;letter-spacing:-.02em}.footer-top a{display:block;font-size:13px;margin-bottom:11px;overflow-wrap:anywhere}.footer-bottom{padding:24px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:12px}
/* Contact dialog, unchanged submission behaviour. */
.demo-dialog{border:1px solid var(--line);border-radius:22px;width:min(690px,calc(100% - 32px));max-height:calc(100dvh - 36px);padding:0;color:var(--ink);background:#fff;box-shadow:0 28px 100px #151a3033}.demo-dialog::backdrop{background:#151a3070;backdrop-filter:blur(6px)}.demo-dialog-content{padding:42px}.demo-dialog h2{font-size:40px}.dialog-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:#f1f3f7;font-size:27px;display:grid;place-items:center}.dialog-intro{font-size:14px;margin:20px 0 26px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-field{margin-bottom:17px}.form-field label{display:block;font-size:12px;font-weight:750;margin-bottom:7px}.form-field label span{font-weight:400;color:var(--muted)}.form-field input,.form-field textarea{width:100%;border:1px solid #d8deea;border-radius:8px;background:#fff;color:var(--ink);padding:12px;font-size:14px;line-height:1.5}.form-field textarea{resize:vertical;min-height:90px}.form-field input[aria-invalid=true]{border-color:#bb245f}.field-error{font-size:11px;color:#a0244f;display:block;margin-top:4px}.form-privacy{font-size:11px}.form-status{font-size:13px;margin-block:14px;color:#a0244f}.form-status a{text-decoration:underline}.form-submit{width:100%}.form-submit:disabled{opacity:.6;cursor:wait}.form-success{text-align:center;padding-block:25px}.form-success h3{margin:18px 0}.form-success p{margin-bottom:26px}.success-icon{background:#e8f6f1;border-radius:50%;width:55px;height:55px;display:grid;place-items:center;margin:auto}.success-icon .ui-check{font-size:28px}.js-motion .reveal{opacity:0;transform:translateY(14px);transition:opacity 500ms ease,transform 500ms ease}.js-motion .reveal.visible{opacity:1;transform:none}
@media(hover:hover){.button-dark:hover{background:#30354e}.button-outline:hover{background:#f5f7fc}.text-link:hover{color:#1480b0}.footer-top a:hover{text-decoration:underline}}
@media(min-width:1000px) and (max-height:800px){.nav-wrap{height:88px}.hero{min-height:660px}.hero-inner{padding-top:75px;padding-bottom:230px}.hero h1{font-size:clamp(48px,5.3vw,72px)}.hero-description{margin-top:28px}.hero-art{height:490px;bottom:-110px}}
@media(max-width:1000px){.hero-inner{padding-top:90px}.hero{min-height:680px}.platform-showcase{padding:30px;gap:26px;grid-template-columns:1fr}.platform-description{max-width:630px}.platform-description h3 br{display:none}.planner-preview{width:100%;max-width:680px;margin:auto}.benefits{gap:26px}.benefit h3{font-size:24px}.method-steps{gap:25px}.faq{gap:40px}.footer-top{gap:30px}.hero-description{max-width:720px}.audience-heading{gap:0 30px}}
@media(max-width:700px){:root{--gutter:22px}.section{padding-block:64px}.nav-wrap{height:84px}.brand{gap:4px}.brand-symbol{transform:scale(.87);transform-origin:left center;width:32px}.brand-wordmark{width:156px;height:21px}.brand-wordmark img{width:174px;left:-9px;top:-90.8px}.nav-demo{font-size:12px;padding:11px 17px;min-height:43px}.nav-actions{gap:0}.menu-toggle{display:none}.hero{min-height:650px}.hero-inner{padding-top:70px;padding-bottom:210px}.hero h1{font-size:clamp(38px,7.7vw,52px);line-height:1.08;letter-spacing:-.055em}.hero h1 br{display:none}.hero-description{font-size:18px;line-height:1.55;margin-top:25px;max-width:500px}.hero-actions{margin-top:27px;gap:10px;flex-wrap:wrap}.hero-actions .button{font-size:14px;padding:15px 22px;min-height:52px}.hero-art{height:360px;bottom:-45px;left:-32%;right:-32%}.hero-art :is(img,video){object-fit:cover}.intro{text-align:left;padding-top:50px;padding-bottom:38px}.intro p:not(.eyebrow){font-size:16px}.intro h2 br{display:none}.benefits{grid-template-columns:1fr;gap:30px;padding-bottom:68px}.benefit{padding-top:19px}.benefit h3{margin:12px 0;font-size:25px}.benefit h3 br{display:none}.benefit p{font-size:15px}.audience-heading,.platform-top,.creative-heading{grid-template-columns:1fr;gap:22px;margin-bottom:0}.audience-heading .eyebrow{margin-bottom:0}.audience-heading p:last-child{justify-self:start;font-size:16px}.audience-heading{padding-bottom:30px}.city-separator{height:290px}.city-separator img{object-position:61% 50%}.platform-top{margin-bottom:32px}.platform-intro{font-size:16px}.platform-showcase{padding:23px 16px;border-radius:16px;gap:30px;margin-inline:-8px}.platform-description h3{font-size:27px}.planner-side{display:none}.planner-content{padding:16px}.planner-top{padding:14px 16px}.planner-heading h4{font-size:15px}.preview-tabs{margin-top:18px}.draft-label{font-size:9px}.preview-panel{min-height:210px}.method-steps{grid-template-columns:1fr;gap:25px;margin-top:32px}.method-steps li{display:flex;gap:22px;padding-top:22px}.step-number{font-size:18px;margin:0;min-width:25px}.method-steps h3{font-size:24px}.method-steps p{font-size:15px}.formats{grid-template-columns:repeat(2,1fr);gap:28px 18px;margin-top:30px}.formats>div{padding:0 0 22px}.formats img{width:106px;height:106px;margin-bottom:18px}.formats h3{font-size:22px}.formats span{font-size:13px}.creative-heading>p{justify-self:start;font-size:16px}.creative-paths{grid-template-columns:1fr;gap:26px;margin-top:32px}.number-grid{gap:16px;margin-top:28px}.number{font-size:63px}.number-grid h3{font-size:13px;line-height:1.4}.number-accent{width:7px;height:7px}.faq{grid-template-columns:1fr;gap:25px}.faq h2 br{display:none}.faq>div>p:not(.eyebrow){display:none}.faq-list summary{font-size:15px}.ribbon-separator{height:230px}.ribbon-separator img{width:140%;max-width:none;margin-left:-20%}.closing-content{padding-bottom:64px}.closing-content p br{display:none}.closing-content>p:not(.eyebrow){font-size:16px}.footer-top{grid-template-columns:1fr 1fr;gap:32px 22px}.footer-brand{grid-column:1/-1}.footer-brand img{width:155px}.footer-brand p{max-width:340px}.footer-bottom{flex-direction:column;gap:8px}.demo-dialog-content{padding:36px 22px 25px}.demo-dialog h2{font-size:33px}.form-row{grid-template-columns:1fr;gap:0}.dialog-close{right:10px;top:10px}.eyebrow{font-size:10px;margin-bottom:17px}}
@media(max-width:370px){.brand-wordmark{width:135px}.brand-wordmark img{width:151px;top:-78.8px;left:-8px}.nav-demo{padding-inline:13px}.hero-inner{padding-top:55px}.hero h1{font-size:37px}.hero-actions{flex-direction:column;align-items:center}.hero-actions .button{width:240px}.hero{min-height:720px}.number{font-size:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}

/* October 7 continuation: navigation, brand headline and images within the story. */
:root{--cyan:#29a6db;--magenta:#ea248f;--lime:#d0dd22}
html{scroll-padding-top:112px}
.site-header{position:sticky;top:0;background:#fffffffa;border-bottom:1px solid #16182c0a}
.nav-wrap{height:92px;gap:30px}
.desktop-nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:14px;font-weight:650}
.desktop-nav>a,.nav-trigger,.nav-login{min-height:44px;display:inline-flex;align-items:center}
.nav-trigger{gap:9px;border:0;background:none;padding:0;font-size:inherit;font-weight:inherit}
.nav-trigger>span{font-size:20px;transition:transform 180ms cubic-bezier(.23,1,.32,1)}
.nav-trigger[aria-expanded=true]>span{transform:rotate(180deg)}
.nav-disclosure{position:relative}
.nav-panel{position:absolute;top:calc(100% + 18px);left:-26px;width:420px;padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 18px 55px #16182c18}
.nav-panel .eyebrow{margin-bottom:14px;font-size:10px}
.nav-panel>a{display:flex;align-items:center;gap:15px;padding:13px 8px;border-radius:10px}
.nav-panel>a img{width:52px;height:52px;object-fit:contain}
.nav-panel strong{font-size:15px;display:block;letter-spacing:-.02em}
.nav-panel small{display:block;font-size:12px;line-height:1.5;font-weight:400;color:var(--muted);margin-top:5px}
.nav-panel-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);margin-top:15px;padding-top:20px;font-size:11px;color:var(--muted)}
.nav-panel-footer button{border:0;background:none;font-size:12px;font-weight:750;padding:10px 0;color:var(--ink)}
.nav-login{font-size:13px;font-weight:650}
.hero h1{line-height:1.14;letter-spacing:-.055em}
.hero-brand-line{display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hero-fai{color:var(--cyan)}.hero-pubblicita{color:var(--magenta)}
.hero h1 em{display:inline-block;vertical-align:baseline;font-family:inherit;font-style:normal;font-weight:800;font-size:1em;line-height:1.2;letter-spacing:inherit;padding:.06em .07em .08em .015em;margin:-.06em -.07em -.08em -.015em;background:none;color:#829000}
.hero-comma{color:#829000}
.benefit-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:110px}
.benefit-icon{width:108px;height:108px;object-fit:contain}
.benefit h3{margin-top:14px}
.audience-scene{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;min-height:630px;background:#173b49;display:flex;flex-direction:column;justify-content:center}
.audience-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:61% center}
.audience-scene:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#092d3deb 0%,#173344ba 35%,#18354420 66%),linear-gradient(0deg,#092d3dc9,transparent 40%)}
.audience-scene-copy{padding:64px 60px 145px;max-width:590px;color:#fff}
.audience-scene-copy .eyebrow{color:#d9e8ec;max-width:300px}
.audience-scene-copy h3{font-size:clamp(36px,4.2vw,60px);font-weight:750;line-height:1.07}
.audience-scene-copy>p:not(.eyebrow){max-width:350px;color:#edf3f5;font-size:16px;margin:24px 0 28px}
.audience-scene-copy .button{font-size:14px}
.audience-channel-strip{position:absolute;bottom:0;left:0;right:0;display:flex;gap:40px;padding:22px 60px;border-top:1px solid #ffffff40;background:#092d3d50}
.audience-channel-strip>span{display:flex;align-items:center;gap:12px;color:#fff;font-size:13px;font-weight:650}
.audience-channel-strip img{width:52px;height:52px;object-fit:contain}
.closing{position:relative;isolation:isolate;overflow:hidden;margin-top:45px;background:#faf9f6}
.closing-art{position:absolute;inset:0;z-index:-2}.closing-art img{height:100%;width:100%;object-fit:cover}
.closing:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff1,#fffC 33%,#fffE 50%,#fffC 67%,#fff1)}
.closing-content{padding-block:110px;max-width:800px}.closing h2{font-size:clamp(40px,4.8vw,66px)}
@media(hover:hover){.nav-panel>a:hover{background:#f4f8fc}.desktop-nav>a:hover,.nav-trigger:hover,.nav-login:hover{text-decoration:underline;text-underline-offset:5px}.nav-panel-footer button:hover{text-decoration:underline}}
@media(max-width:1100px){.nav-wrap{gap:20px}.desktop-nav{gap:18px}.brand-wordmark{width:175px}.brand-wordmark img{width:196px;left:-10px;top:-102px}.nav-actions{gap:16px}.nav-demo{padding-inline:23px}.nav-panel{left:-70px}}
@media(max-width:980px){.desktop-nav,.nav-login{display:none}.menu-toggle{display:flex}.nav-wrap{height:82px}.nav-actions{margin-left:auto;gap:12px}.mobile-nav{max-height:calc(100dvh - 82px);overflow:auto}.mobile-nav>a{padding:6px 0}.audience-scene-copy{padding-left:36px}.audience-channel-strip{padding-inline:36px;gap:28px}.audience-scene{min-height:580px}}
@media(max-width:700px){html{scroll-padding-top:94px}.nav-wrap{height:76px;gap:12px;width:calc(100% - 32px)}.brand-wordmark{width:156px;height:24px}.brand-wordmark img{width:174px;left:-9px;top:-90.8px}.nav-actions{gap:5px}.nav-demo{font-size:12px;padding:10px 15px;min-height:42px}.menu-toggle{display:flex;width:40px}.hero h1{line-height:1.14}.hero-inner{padding-top:58px}.hero h1 em{line-height:1.2}.benefit-top{min-height:86px}.benefit-icon{width:88px;height:88px}.audience-scene{min-height:680px;border-radius:18px;justify-content:flex-end}.audience-photo{object-position:68% top;height:57%}.audience-scene:before{background:linear-gradient(0deg,#173b49 0%,#173b49 42%,#173b4900 80%)}.audience-scene-copy{padding:285px 25px 115px;max-width:100%}.audience-scene-copy h3{font-size:38px}.audience-scene-copy .eyebrow{margin-bottom:14px;font-size:9px}.audience-scene-copy>p:not(.eyebrow){font-size:15px;margin:18px 0 22px}.audience-channel-strip{gap:12px;justify-content:space-between;padding:16px 20px}.audience-channel-strip>span{flex-direction:column;gap:6px;font-size:10px;text-align:center}.audience-channel-strip img{width:38px;height:38px}.closing-content{padding-block:78px}.closing:before{background:#ffffffc9}.closing-art img{object-fit:cover}.nav-panel{max-width:calc(100vw - 44px)}}
@media(max-width:390px){.nav-demo{display:none}.brand-wordmark{width:156px}.brand-wordmark img{width:174px;left:-9px;top:-90.8px}.hero h1{font-size:36px}.hero-inner{padding-top:48px}}
@media(prefers-reduced-motion:reduce){.nav-trigger>span{transition:none}}

/* User refinement: dark headline, original italic cyan–magenta online. */
.hero-fai,.hero-pubblicita,.hero-comma{color:var(--ink)}
.hero h1 em{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;font-size:1.13em;line-height:1.2;letter-spacing:-.045em;padding:.08em .15em .12em .04em;margin:-.08em -.15em -.12em -.04em;background:linear-gradient(100deg,#35a9db 8%,#d73393 92%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* User refinement: heavier online and all three brand colors. */
.hero h1 em{background-image:linear-gradient(105deg,#149fdf 0%,#149fdf 16%,#b51ed0 30%,#ef1596 42%,#ef1596 54%,#a33bd8 60%,#1bbbd2 66%,#97d82b 72%,#d4df08 80%,#d4df08 100%);font-weight:700;font-synthesis:weight}

/* Planning ingredients surround the heading, without suggesting clickable controls. */
.method-orbit{position:relative;min-height:380px;padding:105px 0 42px}
.method-orbit-heading{text-align:center;max-width:760px;margin-inline:auto;position:relative}
.method-orbit-heading h2{font-size:clamp(34px,3.7vw,50px)}
.method-orbit-heading .eyebrow{margin-bottom:20px}
.method-orbit-intro{font-size:16px;line-height:1.6;margin-top:25px}
.method-signals{list-style:none;margin:0;padding:0}
.method-signals li{position:absolute;display:flex;align-items:center;gap:9px;min-height:49px;padding:7px 19px 7px 10px;border-radius:100px;background:#f5f6f8;color:var(--ink);font-size:14px;font-weight:650;line-height:1.3;white-space:nowrap}
.method-signals img{width:36px;height:36px;object-fit:contain}
.signal-public{left:19%;top:12px}.signal-territory{right:17%;top:22px}.signal-channels{left:0;top:152px}.signal-budget{right:0;top:164px}
.method .method-steps{margin-top:28px}
@media(min-width:981px){.method-orbit-heading{max-width:calc(100% - 330px)}}
@media(max-width:980px){.method-orbit{min-height:0;padding:0 0 15px;display:flex;flex-direction:column}.method-orbit-heading{order:0}.method-signals{order:1;display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:28px}.method-signals li{position:static;font-size:13px;padding-right:17px}.method-orbit-heading h2{font-size:clamp(34px,5vw,48px)}}
@media(max-width:700px){.method-orbit-heading{text-align:left;margin:0}.method-orbit-intro{font-size:15px;margin-top:20px}.method-orbit-intro br{display:none}.method-signals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.method-signals li{font-size:12px;gap:6px;padding:7px 9px;min-width:0;white-space:normal}.method-signals img{width:31px;height:31px}.method .method-steps{margin-top:24px}}

/* A brief problem/solution pair, revealed once as the reader reaches it. */
.intro-content{max-width:1120px}
.intro h2{max-width:1060px;margin:0 auto;font-size:clamp(32px,3.7vw,52px);line-height:1.14}
.intro-explanation{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:44px;text-align:center}
.intro-explanation h3{font-size:22px;font-weight:800;letter-spacing:-.025em;margin:0 0 16px}
.intro-problem h3{color:var(--magenta)}
.intro-solution h3{color:#829300}
.intro .intro-explanation p{max-width:none;margin:0;font-size:19px;line-height:1.75;color:var(--ink)}
.problem-strike,.solution-highlight{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-repeat:no-repeat}
.problem-strike{background-image:linear-gradient(var(--magenta),var(--magenta));background-position:left 54%;background-size:100% 2px}
.solution-highlight{background-image:linear-gradient(#d0dd2270,#d0dd2270);background-position:left 90%;background-size:100% 82%;padding:2px 4px}
.intro-motion-ready .problem-strike{background-size:0% 2px;transition:background-size 650ms cubic-bezier(.23,1,.32,1) 400ms}
.intro-motion-ready .solution-highlight{background-size:0% 82%;transition:background-size 750ms cubic-bezier(.23,1,.32,1) 1000ms}
.intro-motion-ready.is-resolved .problem-strike{background-size:100% 2px}
.intro-motion-ready.is-resolved .solution-highlight{background-size:100% 82%}
@media(max-width:700px){.intro h2{font-size:clamp(30px,7vw,40px)}.intro-explanation{grid-template-columns:1fr;gap:30px;margin-top:32px;text-align:left}.intro-explanation h3{font-size:21px;margin-bottom:10px}.intro .intro-explanation p{font-size:17px}.intro-explanation br{display:none}}
@media(prefers-reduced-motion:reduce){.intro-motion-ready .problem-strike{background-size:100% 2px;transition:none}.intro-motion-ready .solution-highlight{background-size:100% 82%;transition:none}}

/* Channel names sourced from PLATFORM_LABELS in the original dashboard. */
.channel-directory{margin-bottom:42px}
.channel-directory-label{font-size:12px;font-weight:650;letter-spacing:.025em;margin-bottom:18px}
.channel-brand-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line)}
.channel-brand-list li{display:flex;align-items:center;justify-content:center;min-height:76px;padding:16px 12px;border-bottom:1px solid var(--line);font-size:19px;font-weight:750;letter-spacing:-.035em;text-align:center;color:var(--ink);line-height:1.25}
@media(max-width:980px){.channel-brand-list{grid-template-columns:repeat(3,minmax(0,1fr))}.channel-brand-list li{font-size:17px;min-height:66px}}
@media(max-width:700px){.channel-directory{margin-bottom:30px}.channel-brand-list li{font-size:14px;min-height:62px;padding:12px 6px}.channel-directory-label{font-size:11px}}

/* Compact, continuous channel strip. Logos reused from the original dashboard. */
.channel-directory{margin-bottom:32px}
.channel-strip-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:10px}
.channel-strip-heading .channel-directory-label{margin:0}
.channel-motion-toggle{display:inline-flex;align-items:center;gap:9px;background:none;border:0;padding:8px 4px;min-height:44px;font-size:12px;font-weight:600;color:var(--muted)}
.channel-marquee{overflow-x:auto;overflow-y:hidden;border-block:1px solid var(--line);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.channel-track{display:flex;width:max-content}
.channel-logo-group{display:flex;align-items:center;list-style:none;gap:28px;padding:17px 28px 17px 0;margin:0;flex-shrink:0}
.channel-logo-group li{display:flex;align-items:center;justify-content:center;width:160px;height:50px;flex-shrink:0}
.channel-logo-group img{width:160px;height:45px;object-fit:contain}
.channel-logo-copy{display:none}
.channel-directory.motion-enabled .channel-marquee{overflow-x:hidden}
.channel-directory.motion-enabled .channel-logo-copy{display:flex}
.channel-directory.motion-enabled .channel-track{animation:channel-scroll 70s linear infinite}
.channel-directory.is-paused .channel-track,.channel-marquee:focus-within .channel-track{animation-play-state:paused}
@media(hover:hover){.channel-directory:hover .channel-track{animation-play-state:paused}.channel-motion-toggle:hover{color:var(--ink)}}
@keyframes channel-scroll{to{transform:translateX(-50%)}}
@media(max-width:700px){.channel-logo-group{gap:20px;padding:12px 20px 12px 0}.channel-logo-group li{width:132px;height:44px}.channel-logo-group img{width:132px;height:40px}.channel-directory{margin-bottom:26px}.channel-strip-heading{gap:10px}}
@media(prefers-reduced-motion:reduce){.channel-directory.motion-enabled .channel-track{animation:none;transform:none}.channel-directory.motion-enabled .channel-logo-copy{display:none}.channel-directory.motion-enabled .channel-marquee{overflow-x:auto}}

/* Bold curved blue arrow: draw once between the problem and solution. */
.intro-explanation{grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);gap:24px;align-items:center}
.intro-flow-arrow{display:flex;align-items:center;justify-content:center;color:var(--cyan);padding-top:32px}
.intro-flow-arrow svg{width:112px;height:84px;overflow:visible;stroke:currentColor;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.intro-flow-arrow .flow-curve-mobile{display:none}
.flow-curve-line{stroke-dasharray:1;stroke-dashoffset:0}
.flow-curve-tip{opacity:1}
.intro-motion-ready .flow-curve-line{stroke-dashoffset:1;transition:stroke-dashoffset 600ms cubic-bezier(.23,1,.32,1) 200ms}
.intro-motion-ready .flow-curve-tip{opacity:0;transition:opacity 150ms ease-out 650ms}
.intro-motion-ready.is-resolved .flow-curve-line{stroke-dashoffset:0}
.intro-motion-ready.is-resolved .flow-curve-tip{opacity:1}
.intro-motion-ready .solution-highlight{transition-delay:850ms}
@media(max-width:700px){.intro-explanation{grid-template-columns:1fr;gap:16px}.intro-flow-arrow{justify-content:flex-start;padding:0 0 0 10px}.intro-flow-arrow .flow-curve-desktop{display:none}.intro-flow-arrow .flow-curve-mobile{display:block;width:63px;height:70px}}
@media(prefers-reduced-motion:reduce){.intro-motion-ready .flow-curve-line{stroke-dashoffset:0;transition:none}.intro-motion-ready .flow-curve-tip{opacity:1;transition:none}}

/* Earlier, longer and shallower connection aligned with the two labels. */
@media(min-width:701px){
  .intro-explanation{grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr);gap:10px;align-items:start}
  .intro-flow-arrow{padding-top:0;transform:translateY(-12px);position:relative;pointer-events:none}
  .intro-flow-arrow .flow-curve-desktop{width:260px;max-width:none;height:70px;flex-shrink:0}
}
@media(min-width:701px) and (max-width:980px){
  .intro-explanation{grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);gap:8px}
  .intro-flow-arrow .flow-curve-desktop{width:178px;height:60px}
}

/* Concrete dashboard workflow: input, calculation, review. */
.dashboard-method-heading{max-width:820px;margin-bottom:42px}
.dashboard-method-heading>p:last-child{max-width:650px;font-size:18px;line-height:1.6;margin-top:24px}
.dashboard-method-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;margin:0;padding:0}
.dashboard-method-card{padding:26px 28px 30px;border-radius:18px;display:flex;flex-direction:column;color:var(--ink);border-top:5px solid var(--card-accent)}
.method-blue{--card-accent:#29a6db;background:#e9f6fd}
.method-magenta{--card-accent:#ea248f;background:#fcebf4}
.method-lime{--card-accent:#d0dd22;background:#f5f8d9}
.method-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;min-height:70px}
.method-card-number{display:grid;place-items:center;width:44px;height:44px;border-radius:9px;background:var(--card-accent);font-size:17px;font-weight:800;color:var(--ink)}
.method-card-top img{width:76px;height:76px;object-fit:contain}
.dashboard-method-card .method-card-label{font-size:12px;font-weight:750;letter-spacing:.04em;color:var(--ink);margin-bottom:12px}
.dashboard-method-card h3{font-size:27px;line-height:1.15;max-width:290px;margin-bottom:18px}
.dashboard-method-card>p:not(.method-card-label){font-size:15px;line-height:1.7;color:#41465b;margin-bottom:28px}
.method-keywords{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:auto 0 0;padding:0}
.method-keywords li{font-size:11px;font-weight:650;line-height:1.4;background:#ffffffb8;border-radius:6px;padding:7px 10px;color:var(--ink)}
@media(max-width:980px){.dashboard-method-cards{gap:14px}.dashboard-method-card{padding:22px 18px}.dashboard-method-card h3{font-size:24px}}
@media(max-width:700px){.dashboard-method-heading{margin-bottom:28px}.dashboard-method-heading>p:last-child{font-size:16px;margin-top:20px}.dashboard-method-cards{grid-template-columns:1fr;gap:18px}.dashboard-method-card{padding:22px 24px 26px}.method-card-top{margin-bottom:14px;min-height:56px}.method-card-top img{width:64px;height:64px}.dashboard-method-card h3{max-width:none;font-size:27px}.dashboard-method-card>p:not(.method-card-label){margin-bottom:22px}}

/* Field-level explanation based on the actual dashboard controls. */
.method-details{margin:0;padding:0}
.method-details>div{padding:16px 0;border-top:1px solid #16182c12}
.method-details dt{font-size:14px;font-weight:750;line-height:1.4;margin:0 0 7px;color:var(--ink)}
.method-details dd{font-size:14px;line-height:1.65;margin:0;color:#41465b}
.dashboard-method-card .method-card-example{font-size:12px!important;line-height:1.6!important;padding:13px 15px;margin:8px 0 0!important;background:#ffffffa8;border-radius:9px;color:#41465b}
.dashboard-method-card h3{min-height:62px}
@media(max-width:700px){.dashboard-method-card h3{min-height:0}.method-details dt{font-size:15px}.method-details dd{font-size:15px}}

/* Alternative original 3D icons for the detailed dashboard workflow. */
.dashboard-method-card .method-card-top img{width:94px;height:94px}
@media(max-width:700px){.dashboard-method-card .method-card-top img{width:80px;height:80px}}

/* Creative formats and two clear, fully clickable starting points. */
.creative-title-highlight{background:linear-gradient(transparent 52%,#d0dd228c 52%,#d0dd228c 95%,transparent 95%);padding-inline:.06em;margin-inline:-.06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.creative .formats{gap:18px}
.creative .formats>div{background:#f0f8fd;border:1px solid #d9eaf5;border-radius:18px;padding:26px 23px 28px;min-width:0}
.creative .formats>div:nth-child(2){background:#fdf0f7;border-color:#f4dcea}
.creative .formats>div:nth-child(3){background:#f7f9e5;border-color:#e6ebbf}
.creative .formats>div:nth-child(4){background:#f0f5fb;border-color:#dee7f2}
.creative .formats img{width:112px;height:112px;margin-bottom:24px}
.creative .formats h3{font-size:24px;margin-bottom:12px}
.creative .formats span{display:block;line-height:1.6;font-size:14px}
.creative-paths{gap:22px;margin-top:28px}
.creative-path{display:flex;flex-direction:column;border-radius:18px;border:1px solid #dce3ed;padding:30px;background:#fff;transition:transform 180ms cubic-bezier(.23,1,.32,1),box-shadow 180ms ease-out,border-color 180ms ease-out}
.creative-path-production{background:#f6f8dc;border-color:#dce69b}
.creative-path-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}
.creative-path-label{font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--muted)}
.creative-path-arrow{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:50%;background:#edf6fc;color:var(--ink);font-size:24px}
.creative-path-production .creative-path-arrow{background:var(--lime)}
.creative-paths h3{font-size:28px;margin-bottom:14px}
.creative-paths p{max-width:440px;font-size:15px;line-height:1.65;margin-bottom:24px}
.creative-path-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:14px;font-weight:750;margin-top:auto}
.creative-new-tab{font-size:10px;font-weight:400;color:var(--muted)}
.creative-path:active{transform:scale(.99)}
@media(hover:hover){.creative-path:hover{transform:translateY(-3px);border-color:#94b6cc;box-shadow:0 12px 28px #16182c0b}.creative-path-production:hover{border-color:#a1b218}}
@media(max-width:980px){.creative .formats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.creative .formats{gap:12px}.creative .formats>div{padding:20px 16px;border-radius:14px}.creative .formats img{width:90px;height:90px;margin-bottom:18px}.creative .formats h3{font-size:21px}.creative .formats span{font-size:13px}.creative-paths{gap:16px;margin-top:22px}.creative-path{padding:24px}.creative-paths h3{font-size:26px}.creative-path-top{margin-bottom:18px}}

/* Creative enquiry: shares contact handling, with a dedicated questionnaire. */
.creative-questions{border:0;padding:0;margin:5px 0 20px;min-width:0}
.creative-questions legend{font-size:13px;font-weight:750;margin-bottom:12px;line-height:1.6}
.creative-questions legend>span{font-weight:400;color:var(--muted);font-size:11px}
.creative-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}
.creative-options label{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer;min-height:49px;background:#fafbfc}
.creative-options input{width:17px;height:17px;accent-color:#a32072;flex-shrink:0;margin:0}
.creative-options label:has(input:checked){background:#fcebf4;border-color:#ea248f}
.creative-options label:focus-within{outline:2px solid #1378ab;outline-offset:2px}
.form-field select{font:inherit;font-size:14px;padding:12px;width:100%;min-height:46px;color:var(--ink);border:1px solid #d8deea;border-radius:8px;background:#fff}
@media(max-width:480px){.creative-options{grid-template-columns:1fr}.creative-questions legend>span{display:block}}

.audience-title-highlight{background:linear-gradient(transparent 52%,#d0dd228c 52%,#d0dd228c 95%,transparent 95%);padding-inline:.06em;margin-inline:-.06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* Supplied 3D number and FAQ icons */
.number-grid .number-icon{display:block;width:150px;height:150px;max-width:100%;object-fit:contain;object-position:left center}
.faq-question-icon{display:block;width:112px;height:112px;object-fit:contain;margin:0 0 20px}
@media(max-width:700px){.number-grid .number-icon{width:100px;height:100px}.faq-question-icon{width:88px;height:88px;margin-bottom:16px}}

/* One continuous supplied gradient across closing CTA and footer. */
.footer-gradient{margin-top:45px;background:#eedbdb url('/assets/fpo/footer-gradient.jpg') center center/cover no-repeat}
.footer-gradient .closing{margin-top:0;background:transparent}
.footer-gradient .closing:before{content:none}
.footer-gradient .site-footer{background:transparent;border-top:0}
.footer-gradient .closing-content>p,.footer-gradient .closing small,.footer-gradient .footer-brand p,.footer-gradient .footer-bottom{color:var(--ink)}
.footer-gradient .footer-bottom{border-color:#16182c26}

/* Number cards group each count with its meaning. */
.number-grid{gap:24px;align-items:stretch}
.number-grid>div{padding:28px 30px 32px;border:1px solid #29a6db35;border-radius:22px;background:#f0faff}
.number-grid>div:nth-child(2){border-color:#ea248f30;background:#fff1f8}
.number-grid>div:nth-child(3){border-color:#b6c71950;background:#f9fce8}
.number-grid h3{font-size:19px;line-height:1.35;max-width:250px;margin-top:22px}
@media(max-width:700px){.number-grid{grid-template-columns:1fr;gap:16px}.number-grid>div{display:flex;align-items:center;gap:24px;padding:22px;border-radius:18px}.number-grid .number-icon{flex:0 0 100px}.number-grid h3{font-size:18px;margin:0;max-width:250px}}
@media(max-width:370px){.number-grid>div{gap:16px;padding:18px}.number-grid .number-icon{width:80px;height:80px;flex-basis:80px}.number-grid h3{font-size:16px}}

/* Supplied brand images: preserve original proportions and colours. */
.channel-logo-group li{height:76px;overflow:hidden}
.channel-logo-group img{height:64px}
.channel-logo-group img[src$="sky-ad-smart.jpg"]{width:230px;height:130px;max-width:none;flex-shrink:0}
@media(max-width:700px){.channel-logo-group li{height:64px}.channel-logo-group img{height:54px}.channel-logo-group img[src$="sky-ad-smart.jpg"]{width:200px;height:113px}}

/* Supplied FAQ gradient, full width and joined to the closing background. */
.faq-gradient{background:#fff}
.faq-gradient .faq{border-top:0;padding-bottom:85px}
.faq-gradient .faq p{color:var(--ink)}
.faq-gradient .faq-list details{border-bottom-color:#16182c26}
.footer-gradient{margin-top:0}
@media(max-width:700px){.faq-gradient .faq{padding-bottom:64px}}

/* Frosted glass panel over the shared footer gradient. */
.footer-gradient .closing{padding:64px 0 54px}
.footer-gradient .closing-content{width:min(calc(100% - var(--gutter)*2),1100px);max-width:1100px;padding:64px 46px;border:1px solid #ffffffa6;border-radius:28px;background:linear-gradient(125deg,#ffffff70,#ffffff45);-webkit-backdrop-filter:blur(20px) saturate(115%);backdrop-filter:blur(20px) saturate(115%);box-shadow:inset 0 1px 0 #ffffffb3,0 16px 48px #16182c0a}
.footer-gradient .closing-content h2{max-width:900px;margin-inline:auto}
@media(max-width:700px){.footer-gradient .closing{padding:32px 0}.footer-gradient .closing-content{padding:40px 22px;border-radius:22px}.footer-gradient .closing-content h2{font-size:clamp(32px,8vw,44px)}}

/* Azienda: origin, vision and mission. */
.company{border-top:1px solid var(--line)}
.company-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:end;margin-bottom:52px}
.company-heading :is(h1,h2){font-size:clamp(34px,3.8vw,52px)}
.company-heading>p{font-size:17px}
.company-origin{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;padding:36px 0;border-block:1px solid var(--line);margin-bottom:32px}
.company-origin h3{font-size:29px}.company-origin p+p{margin-top:16px}
.company-principles{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.company-principles article{padding:34px;border:1px solid #29a6db35;border-radius:22px;background:#f0faff}
.company-principles .company-mission{background:#fff1f8;border-color:#ea248f30}
.company-principles h3{font-size:27px;margin-bottom:20px}.company-principles p:not(.eyebrow){font-size:16px}
.company-vision .eyebrow{color:#137da9}.company-mission .eyebrow{color:#bc176e}
.company-signature{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px}.company-signature p{font-size:15px}.company-signature .text-link{flex-shrink:0}
@media(max-width:700px){.company-heading,.company-origin,.company-principles{grid-template-columns:1fr;gap:24px}.company-heading{margin-bottom:32px}.company-principles article{padding:26px}.company-principles h3{font-size:25px}.company-signature{align-items:flex-start;flex-direction:column;gap:8px}}

/* Supplied layered question mark animation. */
.faq-question-animated{position:relative;transform:rotate(8deg);filter:drop-shadow(0 8px 10px #439bdb30)}
.faq-question-animated img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.faq-question-hook{transform-origin:50% 70%;animation:faq-question-sway 6s ease-in-out infinite}
.faq-question-dot{transform-origin:50% 100%;animation:faq-question-hop 3s cubic-bezier(.3,.7,.4,1) infinite}
@keyframes faq-question-sway{0%,100%{transform:rotate(-2.5deg)}50%{transform:translateY(-.8%) rotate(2.5deg)}}
@keyframes faq-question-hop{0%,55%,100%{transform:translateY(0) scale(1)}62%{transform:scale(1.08,.9)}75%{transform:translateY(-3.4%) scale(.95,1.06)}88%{transform:scale(1.06,.93)}94%{transform:translateY(-.6%) scale(1)}}
@media(prefers-reduced-motion:reduce){.faq-question-hook,.faq-question-dot{animation:none}}

.company-page .company{border-top:0}.desktop-nav>a[aria-current="page"],.mobile-nav>a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--magenta)}

/* Larger animated FAQ illustration. */
.faq-question-icon{width:190px;height:190px;margin-bottom:24px}
@media(max-width:700px){.faq-question-icon{width:140px;height:140px;margin-bottom:20px}}

/* Dedicated company page: visual opening, editorial story, values and facts. */
.company-hero{position:relative;isolation:isolate;min-height:650px;min-height:min(790px,85svh);display:flex;align-items:center;text-align:center;color:#fff;overflow:hidden;background:#174456}
.company-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.company-hero:before{content:none}
.company-hero-content{padding-block:85px}.company-hero-content .eyebrow{color:#fff}.company-hero h1{font-size:clamp(44px,5.8vw,82px);line-height:1.05;max-width:1050px;margin:0 auto 28px;text-wrap:balance}.company-hero-content>p:not(.eyebrow){color:#fff;font-size:19px;line-height:1.6}
.company-story-link{display:inline-flex;gap:20px;align-items:center;margin-top:40px;padding:12px 20px;border:1px solid #ffffff75;border-radius:50px;background:#ffffff18;font-size:14px;backdrop-filter:blur(10px)}
.company-story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.company-story h2{font-size:clamp(35px,3.7vw,52px)}.company-story-copy h3{font-size:24px;line-height:1.25;margin:28px 0 15px}.company-story-copy .text-link{margin-top:22px}
.company-values{background:#f6f7fa}.company-values-heading{text-align:center;max-width:850px;margin:0 auto 52px}.company-values-heading>p:last-child{margin-top:24px;font-size:18px}
.company-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.company-value-card{background:white;border:1px solid #e6e8f0;border-radius:22px;padding:20px;overflow:hidden}.company-value-art{height:200px;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.company-value-art img{width:165px;height:165px;object-fit:contain;filter:drop-shadow(0 14px 18px #16182c12)}.value-blue{background:radial-gradient(ellipse at 70% 15%,#fff9,transparent 70%),#d9f3ff}.value-pink{background:radial-gradient(ellipse at 70% 15%,#fff9,transparent 70%),#fbd7ea}.value-lime{background:radial-gradient(ellipse at 70% 15%,#fff9,transparent 70%),#edf5b4}.company-value-copy{padding:28px 10px 16px}.company-value-copy .eyebrow{margin-bottom:16px}.company-value-copy h3{font-size:28px;line-height:1.15;margin-bottom:20px}.company-value-copy>p:last-child{font-size:16px;line-height:1.7}
.company-facts{padding:76px 0;background:#eee url('/assets/fpo/footer-gradient.jpg') center/cover no-repeat;text-align:center}.company-facts .eyebrow{color:var(--ink)}.company-fact-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:42px 0 32px}.company-fact-grid>div{padding:12px 20px;border-right:1px solid #16182c30}.company-fact-grid>div:last-child{border:0}.company-fact-grid dt{font-size:clamp(64px,7vw,96px);font-weight:800;letter-spacing:-.065em;line-height:1.1}.company-fact-grid dd{margin:16px 0 0;font-size:16px}
@media(max-width:900px){.company-story{gap:32px}.company-value-grid{gap:14px}.company-value-card{padding:12px}.company-value-copy{padding:24px 8px 14px}.company-value-copy h3{font-size:24px}}
@media(max-width:700px){.company-hero{min-height:620px}.company-hero-photo{object-position:57% center}.company-hero-content{padding-block:64px}.company-hero-content>p:not(.eyebrow){font-size:16px}.company-hero h1{font-size:clamp(40px,9vw,60px)}.company-story{grid-template-columns:1fr}.company-value-grid{grid-template-columns:1fr;gap:24px}.company-value-card{padding:18px}.company-value-art{height:210px}.company-values-heading{margin-bottom:32px}.company-facts{padding:54px 0}.company-fact-grid{grid-template-columns:1fr;margin:22px 0}.company-fact-grid>div{border-right:0;border-bottom:1px solid #16182c30;padding:26px 0}.company-fact-grid dt{font-size:72px}}

/* Supplied background for creativity and a glass FAQ panel. */
.creative-background{background:#fff url('/assets/fpo/creative-gradient.webp') center/100% 100% no-repeat}
.creative-background .creative{border-top:0}
.creative-background .creative-heading>p,.creative-background .figure-caption{color:var(--ink)}
.creative-background .formats>div{background:#ffffffd9;border-color:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.creative-background .creative-path{background:#ffffffe3;border-color:#ffffffbf}
.creative-background .creative-path-production{background:#f7fbdfe8}
.faq .faq-list{align-self:start;padding:12px 30px;border:1px solid #e6ebf1;border-radius:26px;background:linear-gradient(135deg,#ffffffb8,#f1f6fb80 55%,#ffffffa6);-webkit-backdrop-filter:blur(20px) saturate(120%);backdrop-filter:blur(20px) saturate(120%);box-shadow:inset 0 2px 1px #fff, inset 0 -1px 1px #ffffffb3,0 14px 42px #16182c0a}
.faq .faq-list details:last-child{border-bottom:0}
@media(max-width:700px){.faq .faq-list{padding:8px 20px;border-radius:20px}}

/* Left-aligned company hero with magenta headline strips. */
.company-hero{text-align:left}
.company-hero h1{max-width:1050px;margin:0 0 30px;font-size:clamp(40px,5.3vw,74px);line-height:1.3;text-wrap:initial}
.company-hero h1 span{background:var(--magenta);color:#fff;padding:.02em .15em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.company-hero-content>p:not(.eyebrow){max-width:650px}
.company-story-link{background:var(--magenta);border-color:var(--magenta);font-weight:750;border-radius:8px;padding:14px 24px}
@media(max-width:700px){.company-hero h1{font-size:clamp(29px,6.6vw,46px);line-height:1.4}.company-hero-content{padding-block:60px}}

/* Company opening: a large, wide white headline with a defined shadow. */
.company-hero{align-items:flex-end;text-align:center}
.company-hero-content{width:calc(100% - 32px);padding-block:180px 6px}
.company-hero h1{position:relative;max-width:none;margin:0 auto 8px;font-size:clamp(44px,7.6vw,128px);font-weight:800;letter-spacing:-.02em;line-height:1.05;text-wrap:balance;text-transform:uppercase;text-shadow:0 3px 1px #20243580,0 5px 2px #20243538}
.company-hero h1 span{padding:0;background:none}
.company-hero h1 .company-title-face{position:relative;display:block;color:#fff}
.company-hero-content>p:not(.eyebrow){max-width:none;margin-inline:auto;font-size:13px;line-height:1.5;color:#fff;text-shadow:none}
.company-story-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:6px;padding:0;background:none;border:0;border-radius:50%;font-size:28px;font-weight:400;line-height:1;backdrop-filter:none;text-shadow:none;transition:transform .15s ease}
.company-story-link:hover{transform:translateY(3px)}
.company-story-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:700px){.company-hero-content{padding-block:160px 6px}.company-hero h1{font-size:clamp(24px,7vw,48px);margin-bottom:8px}.company-hero-content>p:not(.eyebrow){font-size:12px}.company-story-link{margin-top:6px}}
@media(prefers-reduced-motion:reduce){.company-story-link{transition:none}.company-story-link:hover{transform:none}}
@media(forced-colors:active){.company-hero h1 .company-title-face{background:none;color:CanvasText;-webkit-text-stroke:0}}

/* FPO × Branding Hero: supplied glass marks with a hand-drawn collaboration sign. */
.company-partnership{--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:center;gap:18px;max-width:500px;margin-top:46px;padding:16px 8px 24px;isolation:isolate}
.collab-mark{display:flex;justify-content:center;transform-origin:50% 70%}
.collab-float{width:100%;display:flex;align-items:center;justify-content:center}
.collab-mark img{object-fit:contain;width:auto;max-width:100%;height:190px}
.collab-mark-bh img{height:172px;border-radius:50%}
.collab-cross{display:block;width:64px;height:64px;overflow:visible;stroke:var(--cyan);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.collab-motion-ready:not(.has-entered) .collab-mark{opacity:0;transform:translateY(16px) scale(.95)}
.collab-motion-ready:not(.has-entered) .collab-cross{opacity:0;transform:rotate(-8deg) scale(.95)}
.collab-motion-ready.has-entered:not(.entry-done) .collab-mark{animation:collab-pop 650ms var(--ease-out) both}
.collab-motion-ready.has-entered:not(.entry-done) .collab-mark-bh{animation-delay:80ms}
.collab-motion-ready.has-entered:not(.entry-done) .collab-cross{animation:collab-cross-in 350ms var(--ease-out) 520ms both}
.collab-motion-ready.has-entered .collab-mark-fpo .collab-float{animation:collab-float-fpo 6s var(--ease-in-out) 900ms infinite}
.collab-motion-ready.has-entered .collab-mark-bh .collab-float{animation:collab-float-bh 7s var(--ease-in-out) 980ms infinite}
.collab-motion-ready:not(.is-in-view) .collab-float,.collab-motion-ready.is-paused .collab-float{animation-play-state:paused!important}
@keyframes collab-pop{0%{opacity:0;transform:translateY(16px) scale(.95)}55%{opacity:1;transform:translateY(-5px) scale(1.025)}78%{opacity:1;transform:translateY(2px) scale(.99)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes collab-cross-in{from{opacity:0;transform:rotate(-8deg) scale(.95)}to{opacity:1;transform:rotate(0) scale(1)}}
@keyframes collab-float-fpo{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}
@keyframes collab-float-bh{0%,100%{transform:translateY(-3px) rotate(1deg)}50%{transform:translateY(4px) rotate(-1deg)}}
@media(max-width:900px){.company-partnership{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:12px}.collab-mark img{height:150px}.collab-mark-bh img{height:134px}.collab-cross{width:44px;height:44px;stroke-width:6}}
@media(max-width:700px){.company-partnership{max-width:400px;margin-top:30px;padding:12px 4px 20px}.collab-mark img{height:142px}.collab-mark-bh img{height:130px}}
@media(prefers-reduced-motion:reduce){.company-partnership .collab-mark,.company-partnership .collab-cross,.company-partnership .collab-float{animation:none!important;transform:none!important;opacity:1!important}}
@media print{.company-partnership .collab-mark,.company-partnership .collab-cross,.company-partnership .collab-float{animation:none!important;transform:none!important;opacity:1!important}}

/* Original glass photographs fill the company value cards. */
.company-value-art.company-value-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center;filter:none}