@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url('/assets/nunito.ttf') format('truetype')}
@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url('/assets/quicksand.ttf') format('truetype')}
@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url('/assets/rubik.ttf') format('truetype')}
.home-page,.design-lab{--display:Nunito,Manrope,sans-serif;--display-weight:650;--display-space:-.035em;--display-size:1;--gold:#f4a62f;--deep:#143f49}
[data-font-style=quicksand]{--display:Quicksand,Manrope,sans-serif;--display-weight:600;--display-space:-.04em;--display-size:.96}
[data-font-style=rubik]{--display:Rubik,Manrope,sans-serif;--display-weight:500;--display-space:-.035em;--display-size:.96}
.home-page .landing-rest{background:#f7f6f0;position:relative;z-index:4;overflow:clip}
.landing-rest h2,.landing-rest h3,.question-line,.data-numbers strong,.cycle-phase>span:last-child,.experience-number{font-family:var(--display);font-weight:var(--display-weight);font-optical-sizing:auto;letter-spacing:var(--display-space)}
.landing-rest .wrap{width:min(1280px,calc(100% - 112px))}
.landing-rest .eyebrow{font-size:12px;letter-spacing:.14em;font-weight:700}.landing-rest .eyebrow:before{display:none}
.landing-rest h2{font-size:calc(clamp(2.6rem,5.1vw,5.1rem)*var(--display-size));line-height:1.04;margin:0}
.landing-rest p{line-height:1.65}.landing-rest mark{background:none;color:inherit}
/* Buttons: one shared geometry, three selectable treatments. */
.home-page .btn,.design-lab .sample-btn{border-radius:999px!important;box-shadow:inset 0 1px 0 #ffffff55,0 4px 0 #133f490d;transition:transform .25s,box-shadow .25s,background .25s;color:#153d45}
.home-page .btn.orange,.design-lab .sample-btn{background:#f7a32b}
.landing-rest .btn,.design-lab .sample-btn{padding:8px 8px 8px 25px;min-height:58px;gap:30px;font-size:15px;font-weight:700;line-height:1.4;display:inline-flex;align-items:center;justify-content:space-between;border:1px solid transparent;text-align:left;cursor:pointer}
.landing-rest .btn .arrow,.landing-rest .contact-button>span,.design-lab .sample-btn .arrow{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:#173d44;color:#fff6e5;font-family:Manrope,sans-serif;font-size:23px;line-height:1;transition:transform .3s,background .3s}
.home-page .btn:hover,.design-lab .sample-btn:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 #ffffff55,0 9px 0 #133f4910,0 15px 28px #123d4910}
.landing-rest .btn:hover .arrow,.design-lab .sample-btn:hover .arrow{transform:rotate(45deg)}
.home-page .btn:active,.design-lab .sample-btn:active{transform:translateY(0);box-shadow:none}
[data-button-style=precise].home-page .btn,[data-button-style=precise] .sample-btn{border-radius:10px!important;box-shadow:none;border:1px solid #f1a52f;background:#fff5df;color:#21434a}
[data-button-style=precise] .landing-rest .btn .arrow,[data-button-style=precise] .sample-btn .arrow{border-radius:5px;background:#f6a52a;color:#173d44}
[data-button-style=precise].home-page .btn:hover,[data-button-style=precise] .sample-btn:hover{background:#ffdf9d;box-shadow:0 8px 20px #203e4510;transform:translateY(-2px)}
[data-button-style=contrast].home-page .btn,[data-button-style=contrast] .sample-btn{border-radius:18px!important;background:#f7a32b;color:#153d45;box-shadow:inset 0 1px 0 #ffffff55,0 4px 0 #133f490d}
[data-button-style=contrast] .landing-rest .btn .arrow,[data-button-style=contrast] .sample-btn .arrow{background:#173d44;color:#fff6e5;border-radius:11px}
[data-button-style=contrast].home-page .btn:hover,[data-button-style=contrast] .sample-btn:hover{background:#ffb342;box-shadow:inset 0 1px 0 #ffffff55,0 7px 0 #133f4910}
/* Publisher questions form a warm editorial transition out of the 3D story. */
.landing-questions{padding:110px 0 120px;background:#f4e8cc}
.questions-editorial{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:center}
.questions-side{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.question-glyph{display:block;font-family:Nunito,sans-serif;font-size:clamp(16rem,27vw,26rem);line-height:.85;color:#e39827;font-weight:550;letter-spacing:-.07em;transform:rotate(-8deg);transform-origin:center;transition:transform 1s}
.landing-questions.is-inview .question-glyph{transform:rotate(5deg)}
.questions-editorial-copy{display:grid;gap:35px}.question-line{margin:0;display:grid;grid-template-columns:27px 1fr;gap:20px;font-size:clamp(1.5rem,2.1vw,2rem);line-height:1.3!important;color:#355558}
.question-tick{font:600 12px Manrope,sans-serif;letter-spacing:.02em;padding-top:7px;color:#977334}
.question-line mark{color:#173d44;background-image:linear-gradient(#edbc6699,#edbc6699);background-repeat:no-repeat;background-position:left 94%;background-size:0 36%;transition:background-size 1.1s .1s;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.question-line.visible mark{background-size:100% 36%}
/* The advertiser story is a functional measurement cycle, not another glass scene. */
.landing-advertiser{background:#123f49;color:#f6f7ee;padding:110px 0 100px;position:relative;border-radius:0 0 56px 56px}
.advertiser-title{max-width:1060px}.advertiser-title .eyebrow{color:#aad4d7}.advertiser-title h2{font-size:calc(clamp(2.8rem,6.5vw,6.5rem)*var(--display-size))}.advertiser-title h2>span{color:#75bfca}
.measurement-cycle{margin-top:80px;padding:0;--cycle:0}.cycle-lead,.cycle-end{font-size:17px;color:#c0d7d8;margin:0}.cycle-end{text-align:right;margin-top:14px}
.cycle-track{position:relative;display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:7%;padding:27px 4% 70px;margin:5px -4% 0;isolation:isolate}
.cycle-route{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}.cycle-route path{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.route-base{stroke:#547d8066}.route-progress{stroke:#f4b34b;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--cycle));transition:stroke-dashoffset .2s}
.cycle-phase{padding:18px 20px 20px;background:#123f49;position:relative;border-radius:6px;transition:background .45s,transform .45s}
.phase-number{display:block;font-size:12px;font-weight:650;letter-spacing:.1em;color:#88b6bb;margin-bottom:14px}
.cycle-phase>span:last-child{font-size:clamp(1.7rem,3vw,3rem);line-height:1.08;display:block}.cycle-phase:nth-of-type(1)>span:last-child{color:#83ced7}.cycle-phase:nth-of-type(2)>span:last-child{color:#ffc366}.cycle-phase:nth-of-type(3)>span:last-child{color:#c4dc89}
.cycle-phase.is-current{background:#245560;transform:translateY(-6px)}.cycle-phase.is-current .phase-number{color:#fff}
.cycle-separator{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.advertiser-outcomes{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;margin:60px 0 48px}
.advertiser-outcomes p{font-size:clamp(1.15rem,1.85vw,1.65rem);line-height:1.7;color:#c0d7d8;margin:0}.advertiser-outcomes mark{color:#fff3d0;font-weight:650}
.advertiser-close{display:flex;align-items:center;justify-content:space-between;gap:65px;padding:33px 0 0}.advertiser-close p{max-width:625px;font-size:16px;color:#b5d1d3;margin:0}.advertiser-close .btn{flex-shrink:0}
/* A single public-data destination brings the existing figures together. */
.landing-data{padding:120px 0}.data-heading h2>span{color:#268396}.data-heading{margin-bottom:58px}
.data-console{background:#e2eeeb;border-radius:28px;padding:36px 42px 42px;position:relative;overflow:hidden}
.console-top{display:flex;justify-content:space-between;gap:30px;align-items:center}.console-top h3{font-family:Manrope,sans-serif;letter-spacing:0;font-size:16px;font-weight:600;margin:0}.data-date{font-size:12px;color:#557774;text-transform:uppercase;letter-spacing:.07em}
.data-numbers{display:grid;grid-template-columns:1.55fr 1fr;gap:60px;align-items:center;margin:50px 0 45px}
.data-major{display:flex;flex-direction:column}.data-major strong{font-size:clamp(3.8rem,7.9vw,8rem);line-height:1;letter-spacing:-.07em;color:#176779;font-variant-numeric:tabular-nums;white-space:nowrap}
.data-major>span{font-size:16px;margin-top:18px;color:#3e666b}.data-secondary{display:grid;gap:22px}.data-secondary>div{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.data-secondary strong{font-size:clamp(1.5rem,2.3vw,2.2rem);white-space:nowrap;color:#224d51}.data-secondary strong>span{color:#b4771c}.data-secondary>div>span{font-size:12px;max-width:120px;color:#4a696b}
.data-fields{display:flex;gap:13px 28px;flex-wrap:wrap;margin-bottom:32px;color:#52716e;font-size:12px}.data-fields>span{display:flex;align-items:center;gap:7px}.data-fields>span:before{content:'↗';color:#368b95}
.landing-rest .data-link{background:#fff;color:#18444b;box-shadow:0 4px 0 #173d440a}.data-link .arrow{background:#237b8b}
/* Experience gets a typographic anchor, with values revealed as a readable list. */
.landing-experience{padding:15px 0 115px}.experience-layout{display:grid;grid-template-columns:1fr .85fr;gap:110px;align-items:center}
.experience-title .eyebrow{color:#477074}.experience-title h2{display:flex;flex-direction:column;gap:16px}.experience-number{font-size:clamp(9rem,20vw,20rem);line-height:.82;color:#789b32;letter-spacing:-.08em;display:block;font-weight:500;font-variant-numeric:lining-nums}.experience-words{font-size:clamp(1.7rem,3vw,3rem);line-height:1.15;max-width:420px;display:block}
.home-page .landing-experience .values{display:flex;flex-direction:column;gap:0;margin:0;padding:0;border:0}
.home-page .landing-experience .value{display:flex;flex-direction:row;align-items:center;gap:28px;padding:21px 0!important;border-radius:0;background:none;transform:none;box-shadow:none}
.home-page .landing-experience .value svg{width:38px;height:38px;flex:0 0 38px;stroke:#65852d;stroke-width:1.3}.home-page .landing-experience .value span{font-family:var(--display);font-size:clamp(1.3rem,2vw,2rem);font-weight:500;letter-spacing:-.03em}
/* People, contact links and a warm final invitation. */
.home-page .landing-contact{background:#e8eee0;padding:90px 0 70px;border-radius:48px 48px 0 0}
.landing-contact .contact-head{align-items:center;margin-bottom:60px}.landing-contact .contact-head h2{font-size:calc(clamp(2.7rem,5.3vw,5.1rem)*var(--display-size))}.landing-contact .contact-head h2>span{color:#70845e}
.landing-rest .contact-button{background:#fff;color:#22474c}.landing-contact .contact-grid{gap:20px}
.home-page .landing-contact .contact-card{padding:33px 29px 30px!important;border-radius:22px;background:#f7f8f0;min-width:0;box-shadow:none;transition:transform .4s,background .4s}
.home-page .landing-contact .contact-card:hover{background:#fff;transform:translateY(-6px)}.landing-contact .contact-card .role{font-size:13px;color:#64805e;margin-bottom:30px}.home-page .landing-contact .contact-card h3{font-family:var(--display);font-size:clamp(1.6rem,2.7vw,2.6rem);margin-bottom:23px;font-weight:550;letter-spacing:-.045em}
.home-page .landing-contact .contact-card a{font-size:14px;line-height:1.8;padding:4px 0}.landing-contact .contact-card a[href^="mailto:"]{text-decoration:underline;text-decoration-color:#97b9ac;text-underline-offset:5px}.landing-contact .contact-footer{margin-top:45px;font-size:14px;color:#536b56}.landing-contact .contact-footer b{color:#284d43;font-weight:700}
@media(min-width:761px){.landing-rest .reveal{transition:opacity .85s,transform .85s}.landing-rest .reveal:not(.visible){transform:translateY(12px)}}
@media(max-width:1050px){.landing-rest .wrap{width:calc(100% - 64px)}.questions-editorial{gap:40px;grid-template-columns:.6fr 1fr}.question-line{font-size:23px;gap:12px}.question-glyph{font-size:260px}.advertiser-outcomes{gap:50px}.data-numbers{gap:30px;grid-template-columns:1.3fr 1fr}.data-major strong{font-size:7.5vw}.data-secondary>div{display:block}.data-secondary>div>span{display:block;max-width:none}.experience-layout{gap:55px}.landing-contact .contact-grid{gap:12px}.home-page .landing-contact .contact-card{padding:26px 20px!important}.home-page .landing-contact .contact-card a{font-size:13px}}
@media(max-width:760px){
 .landing-rest .wrap{width:calc(100% - 44px)}.landing-rest h2{font-size:calc(clamp(2.1rem,8.4vw,3.5rem)*var(--display-size));line-height:1.1}
 .landing-rest .btn,.design-lab .sample-btn{min-height:54px;font-size:14px;padding-left:20px;gap:20px}.landing-rest .btn .arrow,.landing-rest .contact-button>span,.design-lab .sample-btn .arrow{width:36px;height:36px;flex-basis:36px;font-size:21px}
 .landing-questions{padding:50px 0 60px}.questions-editorial{display:flex;flex-direction:column;gap:35px;align-items:stretch}.questions-side{display:contents}.question-glyph{font-size:110px;line-height:.85;align-self:flex-start;order:0;transform:rotate(-7deg);margin:0 0 -12px}.questions-editorial-copy{order:1;gap:29px}.questions-side>.btn{order:2;align-self:flex-start}.question-line{font-size:calc(clamp(1.35rem,5.5vw,1.8rem)*var(--display-size));gap:13px;grid-template-columns:19px 1fr;line-height:1.35!important}.question-tick{font-size:11px;padding-top:5px}
 .landing-advertiser{padding:58px 0 60px;border-radius:0 0 28px 28px}.advertiser-title h2{font-size:calc(clamp(2rem,8.25vw,3.5rem)*var(--display-size));line-height:1.12;overflow-wrap:normal}.advertiser-title .eyebrow{margin-bottom:22px}
 .measurement-cycle{margin-top:42px}.cycle-lead,.cycle-end{font-size:15px}.cycle-track{display:flex;flex-direction:column;gap:10px;margin:18px 0 0;padding:0 0 0 22px;border-left:3px solid #789c9344}.cycle-route{display:none}.cycle-track:before{content:'';position:absolute;left:-3px;top:0;bottom:0;width:3px;background:#edb75a;transform:scaleY(var(--cycle));transform-origin:top;transition:transform .2s}.cycle-phase{padding:15px 17px;display:flex;align-items:center;gap:24px;min-height:90px;border-radius:8px}.phase-number{margin:0;font-size:12px}.cycle-phase>span:last-child{font-size:26px}.cycle-phase.is-current{transform:translateX(4px)}.cycle-end{text-align:left;margin-top:20px}.advertiser-outcomes{grid-template-columns:1fr;gap:25px;margin:40px 0 32px}.advertiser-outcomes p{font-size:18px;line-height:1.7}.advertiser-close{display:block;padding:0}.advertiser-close p{font-size:15px;line-height:1.7}.advertiser-close .btn{margin-top:25px}
 .landing-data{padding:65px 0}.data-heading{margin-bottom:28px}.data-heading h2{font-size:calc(clamp(1.9rem,7.4vw,3rem)*var(--display-size));line-height:1.13}.data-heading h2 br{display:none}.data-console{padding:25px 21px 25px;border-radius:22px;margin:0 -4px}.console-top{display:block}.console-top h3{font-size:15px;margin-bottom:5px}.data-date{font-size:11px}.data-numbers{display:block;margin:30px 0 28px}.data-major strong{font-size:clamp(2.9rem,11vw,4.4rem);letter-spacing:-.055em}.data-major>span{font-size:14px;margin-top:8px}.data-secondary{grid-template-columns:1fr 1fr;gap:23px 18px;margin-top:33px}.data-secondary>div:first-child{grid-column:1/-1;display:flex;align-items:baseline;justify-content:flex-start;gap:10px}.data-secondary strong{font-size:clamp(1.25rem,4.8vw,1.65rem);letter-spacing:-.06em}.data-secondary>div:first-child strong{font-size:32px}.data-secondary>div>span{font-size:11px;line-height:1.45;margin-top:4px}.data-fields{gap:10px 17px;font-size:11px;margin-bottom:26px}.landing-rest .data-link{font-size:12px;gap:12px;padding-left:14px;width:100%;min-height:52px}.landing-rest .data-link .arrow{flex-basis:32px;width:32px;height:32px;font-size:20px}
 .landing-experience{padding:10px 0 65px}.experience-layout{grid-template-columns:1fr;gap:38px}.experience-title h2{flex-direction:row;gap:23px;align-items:end}.experience-number{font-size:clamp(7rem,31vw,10rem);line-height:.85}.experience-words{font-size:clamp(1.25rem,5vw,1.8rem);line-height:1.2;max-width:235px}.home-page .landing-experience .value{padding:15px 0!important;gap:24px}.home-page .landing-experience .value svg{width:31px;height:31px;flex-basis:31px}.home-page .landing-experience .value span{font-size:24px}
 .home-page .landing-contact{padding:53px 0 35px;border-radius:28px 28px 0 0}.landing-contact .contact-head{margin-bottom:30px;gap:24px}.landing-contact .contact-head h2{font-size:calc(2.3rem*var(--display-size))}.landing-contact .contact-head .btn{font-size:14px}.landing-contact .contact-grid{grid-template-columns:1fr;gap:14px}.home-page .landing-contact .contact-card{padding:24px!important;position:relative;border-radius:18px}.landing-contact .contact-card .role{margin-bottom:13px;font-size:12px}.home-page .landing-contact .contact-card h3{font-size:30px;margin-bottom:15px}.home-page .landing-contact .contact-card a{font-size:15px}.landing-contact .contact-footer{margin-top:30px}.landing-contact .contact-footer p{font-size:14px}
}
@media(max-width:350px){.landing-rest .wrap{width:calc(100% - 36px)}.question-line{font-size:20px}.advertiser-title h2{font-size:calc(1.75rem*var(--display-size))}.cycle-phase{gap:18px;padding:14px 12px}.cycle-phase>span:last-child{font-size:23px}.data-console{padding:24px 17px}.data-major strong{font-size:2.85rem}.data-secondary{gap:20px 14px}.data-secondary strong{font-size:1.22rem}.landing-rest .data-link{font-size:11px;gap:8px}.experience-title h2{gap:15px}.experience-number{font-size:6.8rem}.experience-words{font-size:1.2rem}.home-page .landing-experience .value span{font-size:21px}}
@media(prefers-reduced-motion:reduce){.landing-rest .reveal{opacity:1;transform:none}.question-line mark{background-size:100% 36%}.question-glyph{transform:none}.cycle-phase.is-current{transform:none}.route-progress{stroke-dashoffset:0}}
.design-return{position:fixed;bottom:18px;right:20px;z-index:30;display:inline-flex;gap:14px;align-items:center;background:#fffdf5;color:#21434b;border:1px solid #d5e4df;border-radius:40px;padding:12px 18px;box-shadow:0 5px 30px #153f4920;font:600 12px Manrope,sans-serif}.design-return span{color:#678182;font-weight:400}.design-return:hover{background:#ffeac3}@media(max-width:760px){.design-return{bottom:12px;right:12px;padding:10px 13px;font-size:11px;gap:10px}}

/* The same connected-sphere language as the hero, arranged as a closed process. */
.measurement-cycle{max-width:680px;margin:34px auto 0}.cycle-lead,.cycle-end{text-align:center;font-size:clamp(16px,1.65vw,21px);margin:0}.cycle-end{margin-top:0}
.cycle-orbit{position:relative;width:min(100%,360px);aspect-ratio:1;margin:18px auto 0;isolation:isolate}.orbit-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.orbit-echo{fill:none;stroke:#8db5b6;stroke-opacity:.12;stroke-width:.7}.orbit-link{fill:none;stroke:#86b9bf;stroke-opacity:.65;stroke-width:1.2}.orbit-light{fill:none;stroke:#e8ffff;stroke-width:3;stroke-linecap:round;stroke-dasharray:1 99;filter:drop-shadow(0 0 4px #b6efff);animation:cycle-travel 9s linear infinite;animation-play-state:paused}.is-running .orbit-light{animation-play-state:running}
.orbit-node{position:absolute;width:25%;transform:translate(-50%,-50%);text-align:center;--sphere:#3b9fb3;--shade:#125263;--shine:#a1e0e8}.node-measure{left:50%;top:15%}.node-data{left:76%;top:60%;--sphere:#faa52c;--shade:#a76a23;--shine:#ffdfa4}.node-insight{left:24%;top:60%;--sphere:#89ae35;--shade:#486d24;--shine:#d8eca2}.cycle-sphere{position:relative;display:block;aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse at 30% 22%,#fffffffa 0%,#ffffff9c 5%,transparent 17%),radial-gradient(ellipse at 71% 76%,var(--shine) 0%,transparent 22%),radial-gradient(circle at 38% 33%,var(--shine),var(--sphere) 40%,var(--shade) 78%);border:1px solid #ffffff75;box-shadow:inset 3px 4px 6px #ffffff7a,inset -5px -7px 12px #052e3840,0 14px 24px #001f3838,0 0 0 4px #d5faff0c}.cycle-sphere:after{content:'';position:absolute;width:11%;height:16%;border-radius:3px;top:25%;right:23%;background:#ffffffd9;filter:blur(.5px);transform:rotate(-12deg)}
.orbit-label{position:absolute;top:calc(100% + 15px);left:50%;transform:translateX(-50%);width:max-content;max-width:240px;font-family:Nunito,Manrope,sans-serif;font-size:22px;font-weight:650;line-height:1.15;letter-spacing:-.03em;color:#a0dee5}.node-data .orbit-label{color:#ffd18a}.node-insight .orbit-label{color:#d0e69d}.node-insight .orbit-label{font-size:18px}
@keyframes cycle-travel{to{stroke-dashoffset:-100}}
@media(max-width:760px){.measurement-cycle{margin-top:26px}.cycle-orbit{width:min(100%,260px);margin-top:20px;margin-bottom:8px}.orbit-label{top:calc(100% + 12px);font-size:21px}.node-insight .orbit-label{font-size:15px;max-width:135px}.cycle-lead,.cycle-end{font-size:16px;line-height:1.5}.orbit-link{stroke-width:1.4}.cycle-sphere{box-shadow:inset 2px 3px 4px #ffffff7a,inset -3px -4px 8px #052e3840,0 10px 18px #001f3838,0 0 0 3px #d5faff0c}}
@media(max-width:350px){.orbit-label{font-size:19px}.node-insight .orbit-label{font-size:15px}.cycle-end{font-size:15px}}
@media(prefers-reduced-motion:reduce){.orbit-light{animation:none;display:none}}

/* Arrival pulses share the travel light's nine-second clock. */
.cycle-sphere{animation:cycle-arrival 9s linear infinite;animation-play-state:paused}.node-data .cycle-sphere{animation-delay:-6s}.node-insight .cycle-sphere{animation-delay:-3s}.is-running .cycle-sphere{animation-play-state:running}
@keyframes cycle-arrival{0%,100%{filter:brightness(1.4) drop-shadow(0 0 13px var(--sphere));transform:scale(1.045)}4%{filter:brightness(1.32) drop-shadow(0 0 10px var(--sphere));transform:scale(1.035)}14%,94%{filter:brightness(1);transform:scale(1)}98%{filter:brightness(1.25) drop-shadow(0 0 8px var(--sphere));transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){.cycle-sphere{animation:none;filter:none;transform:none}}

.cycle-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.cycle-rendered .cycle-sphere{visibility:hidden;animation:none}.cycle-rendered .orbit-light{animation:none!important;filter:drop-shadow(0 0 2px #b6efff);stroke-width:2}.cycle-rendered .orbit-echo{display:none}.orbit-node{z-index:2}.orbit-label{font-weight:600}.orbit-link{stroke-opacity:.45}

/* Editorial data summary: scale first, supporting measures second. */
.landing-data{padding:95px 0 90px}.data-heading{max-width:1000px;margin-bottom:42px}.data-console{background:transparent;padding:0;border-radius:0;overflow:visible;margin:0}.data-numbers{grid-template-columns:1.3fr 1fr;gap:48px;margin:0 0 38px;align-items:stretch}.data-major{justify-content:center;min-height:270px;padding:40px;border-radius:28px 28px 80px 28px;background:#164650;color:#fff;box-shadow:inset 0 1px 0 #ffffff15;position:relative;overflow:hidden}.data-major strong{color:#f8fcf7;font-size:clamp(3.5rem,6vw,6.3rem);letter-spacing:-.055em;margin-top:24px}.data-major .metric-label{color:#a5d8db;font-size:17px;margin:0;font-weight:600}.data-secondary{display:flex;flex-direction:column;justify-content:center;gap:25px;padding:12px 0}.data-secondary>div{justify-content:flex-start;align-items:center;gap:25px}.data-secondary>div:first-child{padding-bottom:7px}.data-secondary>div:first-child strong{font-size:62px;color:#73912e;letter-spacing:-.06em}.data-secondary strong{font-size:clamp(1.8rem,2.7vw,2.8rem);min-width:205px}.data-secondary>div>span{font-size:15px;max-width:165px;line-height:1.45}.data-table-preview{padding:25px 0 0;margin-bottom:28px}.data-table-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}.data-table-heading h3{font-size:21px;margin:0}.data-date{text-transform:none;font-size:13px;letter-spacing:0;color:#647d7b}.data-fields{gap:10px 12px;margin:0;font-size:14px}.data-fields>span{background:#e6eee8;color:#3e6469;padding:8px 13px;border-radius:7px}.data-fields>span:before{display:none}.landing-rest .data-link{font-size:15px;width:fit-content;margin-top:30px}
@media(max-width:760px){.landing-data{padding:60px 0}.data-heading{margin-bottom:28px}.data-numbers{display:block;margin-bottom:12px}.data-major{min-height:190px;padding:28px 24px;border-radius:22px 22px 55px 22px}.data-major strong{font-size:clamp(2.8rem,11vw,4rem);margin-top:20px}.data-major .metric-label{font-size:15px}.data-secondary{padding:28px 8px 12px;gap:21px}.data-secondary>div:first-child{grid-column:auto;display:flex;padding:0}.data-secondary>div:first-child strong{font-size:43px}.data-secondary strong{min-width:52%;font-size:clamp(1.45rem,6vw,2rem)}.data-secondary>div>span{font-size:14px;margin:0;max-width:145px}.data-secondary>div{gap:15px}.data-table-heading{flex-wrap:wrap;gap:5px 20px;margin-bottom:16px}.data-table-heading h3{font-size:19px}.data-date{font-size:12px}.data-fields{gap:8px;font-size:13px}.data-fields>span{padding:7px 10px}.landing-rest .data-link{font-size:13px;padding:16px 18px}}
@media(max-width:760px){.data-secondary>div{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.data-secondary strong{min-width:0;flex:0 0 52%}.data-secondary>div>span{flex:1;max-width:none}}
/* Centred registration copy and non-interactive metric names. */
.indidata-site .advertiser-close>p{text-align:center;margin-left:auto;margin-right:auto;text-wrap:pretty}
.data-fields{display:block;font-size:14px;line-height:1.9;color:#52716e}
.data-fields>span{display:inline;background:none;padding:0;border:0;border-radius:0;box-shadow:none;cursor:default;white-space:normal}
.data-fields>span+span:before{content:'·';display:inline;color:#78918e;margin:0 .65em}
@media(max-width:760px){.data-fields{font-size:14px;line-height:2}.data-fields>span{padding:0}}
.data-fields>span:first-child:before{content:none;display:none}

/* A single colourful statistics panel with the hero's connected glass artwork. */
.data-numbers{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.2fr 1fr;gap:0;background:linear-gradient(120deg,#e0f0ee,#f8f4df 60%,#ebf0df);border-radius:28px;padding:35px 38px;margin-bottom:32px;box-shadow:inset 0 1px 0 #ffffffbb}
.data-bubble-art{grid-column:2;grid-row:1;width:100%;height:245px;object-fit:cover;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse,#000 38%,transparent 73%);transform:scale(1.2);pointer-events:none}
.data-major{grid-column:1;grid-row:1;min-height:235px;padding:12px 0;background:none;border-radius:0;box-shadow:none;overflow:visible;z-index:1}.data-major strong{color:#176779;font-size:clamp(3rem,5.7vw,5.8rem);margin-top:20px}.data-major .metric-label{color:#42686c;font-size:17px}.data-secondary{grid-column:1/-1;display:grid;grid-template-columns:.7fr 1.2fr 1.2fr;gap:25px;padding:25px 0 0}.data-secondary>div,.data-secondary>div:first-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;padding:0}.data-secondary strong,.data-secondary>div:first-child strong{font-size:clamp(1.7rem,2.7vw,2.65rem);min-width:0;flex:none;line-height:1.2}.data-secondary>div:first-child strong{color:#63872c}.data-secondary>div:nth-child(2) strong{color:#a36610}.data-secondary>div:nth-child(3) strong{color:#236879}.data-secondary>div>span{max-width:none;font-size:14px;color:#42686c}.data-secondary strong>span[data-count]{color:inherit}.data-numbers strong{font-variant-numeric:tabular-nums}
@media(max-width:760px){.data-numbers{grid-template-columns:1fr;padding:22px;border-radius:24px;gap:0}.data-bubble-art{grid-row:1;grid-column:1;height:150px;width:100%;max-width:310px;justify-self:center;transform:scale(1.12)}.data-major{grid-row:2;grid-column:1;min-height:0;padding:12px 0 24px;align-items:center;text-align:center}.data-major .metric-label{font-size:15px}.data-major strong{font-size:clamp(2.55rem,10.2vw,3.7rem);margin-top:12px}.data-secondary{grid-row:3;grid-column:1;display:flex;flex-direction:column;gap:20px;padding:12px 0 4px}.data-secondary>div,.data-secondary>div:first-child{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.data-secondary strong,.data-secondary>div:first-child strong{font-size:clamp(1.35rem,5.6vw,1.8rem);flex:0 0 52%}.data-secondary>div>span{font-size:13px;flex:1;line-height:1.45}.data-secondary>div:first-child strong{font-size:32px}}
/* Phone public data reads as one continuous panel; desktop is unchanged. */
@media(max-width:760px){
.landing-data .data-heading{margin-bottom:24px}.landing-data .data-console{background:linear-gradient(135deg,#e0f0ee,#f8f4df 60%,#ebf0df);padding:20px 22px 25px;border-radius:26px;overflow:hidden}.landing-data .data-numbers{background:none;box-shadow:none;border-radius:0;padding:0;margin:0}.landing-data .data-bubble-art{height:125px;max-width:290px}.landing-data .data-major{padding:12px 0 22px}.landing-data .data-secondary{gap:19px;padding:8px 0 25px}.landing-data .data-secondary strong{font-size:clamp(1.3rem,5.1vw,1.7rem)}.landing-data .data-secondary>div:first-child strong{font-size:30px}.landing-data .data-secondary>div>span{font-size:13px}.landing-data .data-table-preview{padding:20px 0 0;margin:0;border-top:1px solid #567e751f}.landing-data .data-table-heading{display:block;text-align:center;margin-bottom:12px}.landing-data .data-table-heading h3{font-size:17px;margin-bottom:4px}.landing-data .data-date{font-size:12px}.landing-data .data-fields{text-align:center;font-size:13px;line-height:1.9;color:#496d6c}.landing-data .data-link{margin-top:23px;font-size:13px;width:100%}.landing-data{padding-bottom:65px}
}
/* Experience: a warm typographic anchor and five clear qualities. */
.home-page .landing-experience{padding:25px 0 95px}.experience-layout{position:relative;display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center;padding:45px 50px;border-radius:38px;background:linear-gradient(125deg,#f8ebc8 0%,#f7f6ee 48%,#e3eee7 100%);overflow:hidden}.experience-title{position:relative;text-align:center;padding:15px 0 35px}.experience-title .eyebrow{justify-content:center;color:#65766a;margin-bottom:28px}.experience-title h2{display:flex;flex-direction:column;align-items:center;gap:22px}.experience-number{font-size:clamp(9rem,20vw,17rem);line-height:.8;color:#1f7280;letter-spacing:-.09em;text-shadow:0 2px 0 #ffffffa8;font-weight:650}.experience-words{font-size:clamp(1.4rem,2.4vw,2rem);max-width:340px;line-height:1.25;color:#345d60}.experience-title:after{content:'';display:block;width:55px;height:8px;border-radius:8px;background:#efa62c;margin:26px auto 0}.home-page .landing-experience .values{gap:8px;position:relative}.home-page .landing-experience .value{padding:14px 0!important;gap:22px;--quality:#237f90;--quality-bg:#d2e9e9}.home-page .landing-experience .value:nth-child(2),.home-page .landing-experience .value:nth-child(5){--quality:#8b641b;--quality-bg:#f8e5b7}.home-page .landing-experience .value:nth-child(3){--quality:#658730;--quality-bg:#e0eac9}.home-page .landing-experience .value svg{box-sizing:content-box;width:28px;height:28px;flex:0 0 28px;padding:18px;border-radius:22px;stroke:var(--quality);background:var(--quality-bg);box-shadow:inset 0 1px 0 #ffffffa8,0 3px 0 #244d5010;transition:transform .3s}.home-page .landing-experience .value:hover svg{transform:translateY(-3px)}.home-page .landing-experience .value span{font-size:clamp(1.25rem,2vw,1.75rem);font-family:Nunito,Manrope,sans-serif;font-weight:650;line-height:1.2;color:#244b51}
@media(max-width:760px){.home-page .landing-experience{padding:0 0 65px}.landing-rest .experience-layout{width:calc(100% - 32px);display:flex;flex-direction:column;gap:17px;padding:32px 25px 28px;border-radius:28px}.experience-title{padding:0}.experience-title .eyebrow{margin-bottom:24px}.experience-title h2{flex-direction:row;gap:23px;text-align:left;align-items:center}.experience-number{font-size:7.8rem;flex-shrink:0}.experience-words{font-size:1.2rem;max-width:190px}.experience-title:after{height:6px;width:42px;margin:24px auto 12px}.home-page .landing-experience .values{width:100%;gap:4px}.home-page .landing-experience .value{padding:10px 0!important;gap:18px}.home-page .landing-experience .value svg{width:24px;height:24px;flex-basis:24px;padding:13px;border-radius:17px}.home-page .landing-experience .value span{font-size:21px}}
@media(max-width:350px){.experience-title h2{gap:16px}.experience-number{font-size:6.4rem}.experience-words{font-size:1.05rem}.home-page .landing-experience .value span{font-size:18px}.landing-data .data-console{padding:18px 18px 22px}}
@media(prefers-reduced-motion:reduce){.home-page .landing-experience .value svg{transition:none}.home-page .landing-experience .value:hover svg{transform:none}}
@media(max-width:760px){.landing-data .data-fields>span{display:inline-block;white-space:nowrap}}
/* Open editorial experience section contrasts with the enclosed data panel. */
.home-page .landing-experience{padding:35px 0 105px}.landing-rest .experience-layout{background:none;border-radius:0;box-shadow:none;padding:25px 0;overflow:visible;gap:100px}.experience-title{text-align:left;padding:0}.experience-title .eyebrow{justify-content:flex-start;color:#567170}.experience-title h2{align-items:flex-start;gap:30px}.experience-number{color:#e69a24;text-shadow:none;letter-spacing:-.085em}.experience-words{color:#244b51;font-size:clamp(1.5rem,2.5vw,2.15rem);max-width:380px}.experience-title:after{display:none}.home-page .landing-experience .values{gap:14px}.home-page .landing-experience .value{gap:25px;padding:17px 0!important}.home-page .landing-experience .value svg{background:none;box-shadow:none;border-radius:0;padding:0;width:37px;height:37px;flex-basis:37px;stroke-width:1.5}.home-page .landing-experience .value span{font-size:clamp(1.35rem,2.1vw,1.9rem)}
@media(max-width:760px){.home-page .landing-experience{padding:15px 0 65px}.landing-rest .experience-layout{width:calc(100% - 48px);padding:0;gap:35px;align-items:stretch}.experience-title .eyebrow{margin-bottom:28px}.experience-title h2{align-items:center;gap:25px}.experience-number{font-size:8rem}.experience-words{font-size:1.25rem;max-width:200px}.home-page .landing-experience .values{gap:5px}.home-page .landing-experience .value{padding:14px 0!important;gap:22px}.home-page .landing-experience .value svg{width:30px;height:30px;flex-basis:30px}.home-page .landing-experience .value span{font-size:22px}}
@media(max-width:350px){.experience-number{font-size:6.5rem}.experience-title h2{gap:17px}.experience-words{font-size:1.08rem}.home-page .landing-experience .value span{font-size:19px}}

/* Experience constellation: one hero-like glass node connected to five strengths. */
.home-page .landing-experience{
  margin:30px 0 90px;
  padding:78px 0;
  overflow:hidden;
  border-radius:54px;
  background:
    linear-gradient(125deg,#113e48,#164d57 58%,#123f49);
  color:#f8f6ed;
}
.landing-rest .experience-layout{
  display:grid;
  grid-template-columns:minmax(360px,.9fr) minmax(410px,1.1fr);
  gap:clamp(65px,8vw,125px);
  align-items:center;
  width:min(1180px,calc(100% - 112px));
  padding:0;
}
.experience-title{display:flex;flex-direction:column;align-items:center;text-align:center}
.experience-title .eyebrow{justify-content:center;color:#a8ced0;margin-bottom:25px}
.experience-title h2{
  position:relative;
  isolation:isolate;
  display:flex;
  width:min(390px,100%);
  aspect-ratio:1;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:16px;
  overflow:hidden;
  border:1px solid #dffcff38;
  border-radius:50%;
  background:
    linear-gradient(#0d4e5bb5,#0e4652de),
    url('/assets/hero-fallback.webp') center/225% auto no-repeat;
  box-shadow:inset 12px 16px 25px #ffffff1e,inset -18px -22px 35px #001d2c70,0 28px 55px #00192352,0 0 0 9px #b7e9ec0a;
}
.experience-title h2:before{
  content:'';
  position:absolute;
  z-index:-1;
  top:11%;
  left:25%;
  width:22%;
  height:10%;
  border-radius:50%;
  background:#ffffff80;
  filter:blur(10px);
  transform:rotate(-18deg);
}
.experience-number{font-size:clamp(8rem,13vw,12.5rem);line-height:.72;color:#ffad31;text-shadow:0 5px 22px #001a2480;font-weight:650;letter-spacing:-.09em}
.experience-words{max-width:245px;color:#f7f4e9;font-size:clamp(1.2rem,1.9vw,1.55rem);line-height:1.2}
.home-page .landing-experience .values{position:relative;display:flex;flex-direction:column;gap:0;width:100%;padding-left:45px}
.home-page .landing-experience .values:before{
  content:'';
  position:absolute;
  left:20px;
  top:34px;
  bottom:34px;
  width:1px;
  background:linear-gradient(#81cbd3,#efaa36,#9dbc58);
  opacity:.65;
}
.home-page .landing-experience .value{
  position:relative;
  display:flex;
  min-height:82px;
  align-items:center;
  gap:22px;
  padding:13px 0!important;
  color:#f8f6ed;
  border-bottom:1px solid #d8f2f21a;
}
.home-page .landing-experience .value:last-child{border-bottom:0}
.home-page .landing-experience .value:before{
  content:'';
  position:absolute;
  left:-31px;
  width:12px;
  height:12px;
  border:2px solid #d9f8f4b8;
  border-radius:50%;
  background:#2b8999;
  box-shadow:0 0 0 5px #d9f8f409,0 0 15px #5ed0de55;
}
.home-page .landing-experience .value:nth-child(2):before,.home-page .landing-experience .value:nth-child(5):before{background:#efa52f;box-shadow:0 0 0 5px #fff1c309,0 0 15px #efa52f55}
.home-page .landing-experience .value:nth-child(3):before{background:#87a936;box-shadow:0 0 0 5px #e3f2b409,0 0 15px #87a93655}
.home-page .landing-experience .value svg{width:31px;height:31px;flex:0 0 31px;padding:0;stroke:#b7dadd;stroke-width:1.4;background:none;box-shadow:none;border-radius:0}
.home-page .landing-experience .value:nth-child(2) svg,.home-page .landing-experience .value:nth-child(5) svg{stroke:#f0c979}
.home-page .landing-experience .value:nth-child(3) svg{stroke:#c6dc87}
.home-page .landing-experience .value span{color:#f8f6ed;font-size:clamp(1.35rem,2vw,1.8rem);font-weight:650}

@media(max-width:760px){
  .home-page .landing-experience{margin:10px 0 55px;padding:48px 0 45px;border-radius:32px}
  .landing-rest .experience-layout{display:flex;width:calc(100% - 42px);flex-direction:column;gap:42px;padding:0}
  .experience-title{width:100%}
  .experience-title .eyebrow{margin-bottom:20px}
  .experience-title h2{width:min(285px,84vw);gap:12px}
  .experience-number{font-size:8rem}
  .experience-words{max-width:190px;font-size:1.1rem;text-align:center}
  .home-page .landing-experience .values{padding-left:37px}
  .home-page .landing-experience .values:before{left:15px;top:29px;bottom:29px}
  .home-page .landing-experience .value{min-height:68px;gap:18px;padding:10px 0!important}
  .home-page .landing-experience .value:before{left:-28px;width:10px;height:10px}
  .home-page .landing-experience .value svg{width:26px;height:26px;flex-basis:26px}
  .home-page .landing-experience .value span{font-size:20px}
}
@media(max-width:350px){
  .experience-title h2{width:250px}
  .experience-number{font-size:7rem}
  .experience-words{font-size:1rem}
  .home-page .landing-experience .value span{font-size:18px}
}

/* Final landing rhythm: full-width colour bands, tighter hero and one contact composition. */
.journey-chapter.opening .overline,.mobile-story-panel .overline{display:none}
@media(min-width:761px){
  .journey-chapter.opening{padding-top:18px;padding-bottom:82px;justify-content:center}
  .opening-audience{margin-top:20px}
  .opening-details{margin-top:18px}
  .opening-details .hero-actions{margin-top:18px}
  .scroll-invitation{bottom:16px}
}
.advertiser-title h2>span{color:#f3a62e}
.home-page .landing-advertiser,
.home-page .landing-experience,
.home-page .landing-contact{border-radius:0}
.home-page .landing-experience{margin-left:0;margin-right:0}
.landing-contact .contact-head{justify-content:center;text-align:center;margin-bottom:42px}
.landing-contact .contact-head h2{color:#173f49}
.landing-contact .contact-grid{display:flex;justify-content:center}
.home-page .landing-contact .contact-card{width:min(620px,100%);padding:38px 42px 36px!important}
.landing-contact .contact-card .contact-button{margin:28px auto 0;display:flex;width:fit-content;text-decoration:none!important}
.landing-contact .contact-footer{width:min(1120px,100%);margin:46px auto 0;padding:20px 26px;display:flex;align-items:center;justify-content:center;gap:42px;border-radius:18px;background:#f7f8f0;color:#536b56}
.landing-contact .contact-footer p{margin:0;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:nowrap;white-space:nowrap;font-size:12px}
.landing-contact .contact-footer p+p{padding-left:42px;border-left:1px solid #9bb39f66}
.landing-contact .contact-footer span:not(:last-child):after{content:'·';margin-left:12px;color:#8ba08d}
.landing-contact .contact-footer a{color:#244b51;text-decoration:none;font-weight:700}
@media(max-width:760px){
  .home-page .landing-advertiser,
  .home-page .landing-experience,
  .home-page .landing-contact{border-radius:0}
  .home-page .landing-experience{margin-left:0;margin-right:0}
  .landing-contact .contact-head{margin-bottom:26px}
  .home-page .landing-contact .contact-card{padding:28px 24px!important}
  .landing-contact .contact-card .contact-button{margin-top:24px}
  .landing-contact .contact-footer{margin-top:26px;padding:22px;display:grid;gap:18px;border-radius:16px}
  .landing-contact .contact-footer p{display:flex;justify-content:flex-start;gap:7px 10px;font-size:13px;flex-wrap:wrap;white-space:normal}
  .landing-contact .contact-footer p+p{padding:18px 0 0;border-left:0;border-top:1px solid #9bb39f66}
  .landing-contact .contact-footer b{width:100%}
  .landing-contact .contact-footer span:not(:last-child):after{margin-left:10px}
}

/* Final phone refinements: blend artwork, simplify qualities, and centre contact details. */
.landing-data .data-bubble-art{
  opacity:.58;
  mix-blend-mode:multiply;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 22%,#000b 50%,transparent 82%);
  mask-image:radial-gradient(ellipse at center,#000 22%,#000b 50%,transparent 82%);
}
.landing-contact .contact-card{display:flex;flex-direction:column;align-items:center;text-align:center}

/* Contact direction 03: a compact brand mark introduces a generous, direct
   path to Gábor.  The two dividers use the same spacing on either side. */
.home-page .landing-contact .contact-card.contact-card-welcome{display:flex;align-items:stretch;text-align:left;padding:34px 38px 32px!important;background:#fffdf5;border:1px solid #d6e4d6;border-radius:22px;box-shadow:0 20px 44px -34px #214c5170;transform:none}.home-page .landing-contact .contact-card.contact-card-welcome:hover{background:#fffdf5;transform:none}.contact-card-welcome .contact-mark{position:relative;width:88px;height:82px;margin:0 0 12px -4px;overflow:hidden;flex:none}.contact-card-welcome .contact-mark img{position:absolute;top:0;left:0;width:294px;max-width:none}.contact-card-welcome .contact-card-kicker{margin:0 0 7px;color:#668a34;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800}.home-page .landing-contact .contact-card-welcome h3{margin:0 0 7px;font-size:clamp(2rem,3.1vw,2.7rem);line-height:1.02}.landing-contact .contact-card-welcome .role{margin:0;color:#628084;font-size:14px}.contact-card-welcome .contact-divider{height:1px;margin:20px 0;background:#ceded1}.contact-card-welcome .contact-ways{display:grid;gap:16px}.home-page .landing-contact .contact-card-welcome .contact-way{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:13px;padding:0;color:#234d52;font-size:14px;line-height:1.35;text-decoration:none}.contact-card-welcome .contact-way:hover{color:#234d52!important;text-decoration:none!important}.contact-card-welcome .contact-icon{display:grid;grid-row:1 / 3;place-items:center;width:38px;height:38px;border-radius:50%;background:#eef5e3;color:#6c9630}.contact-card-welcome .contact-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.contact-card-welcome .contact-way b{font-size:13px;font-weight:750}.contact-card-welcome .contact-way small{font-size:14px;line-height:1.4;color:#557478;overflow-wrap:anywhere}.landing-contact .contact-card-welcome .contact-message{margin:20px 0 0;padding:20px 0 0;border-top:1px solid #ceded1;color:#688083;font-size:13px;line-height:1.5;text-align:left}
@media(max-width:760px){.home-page .landing-contact .contact-card.contact-card-welcome{padding:27px 24px 26px!important;border-radius:18px}.contact-card-welcome .contact-mark{width:82px;height:77px;margin-bottom:10px}.contact-card-welcome .contact-mark img{width:276px}.home-page .landing-contact .contact-card-welcome h3{font-size:32px}.landing-contact .contact-card-welcome .contact-way{font-size:14px}.contact-card-welcome .contact-way small{font-size:14px}}

/* Keep each contact label and value as one centered two-line unit beside its icon. */
.contact-card-welcome .contact-way>span:last-child{grid-row:1 / 3;display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}.contact-card-welcome .contact-way b,.contact-card-welcome .contact-way small{display:block}

/* Tablet: the company and service details need their own lines rather than a
   squeezed single row.  Desktop remains side-by-side; phone keeps its own
   stacked layout below 761px. */
@media(min-width:761px) and (max-width:1180px){.landing-contact .contact-footer{display:grid;grid-template-columns:1fr;align-items:start;justify-content:stretch;gap:18px;padding:22px 26px}.landing-contact .contact-footer p{justify-content:flex-start;gap:8px 12px;flex-wrap:wrap;white-space:normal}.landing-contact .contact-footer p+p{padding:18px 0 0;border-left:0;border-top:1px solid #9bb39f66}}
@media(max-width:760px){
  .home-page .landing-experience .values{padding-left:0}
  .home-page .landing-experience .values:before,
  .home-page .landing-experience .value:before{display:none}
  .home-page .landing-experience .value{gap:24px;padding:13px 7px!important}
}

/* CTA alignment: questions conclude with a centred row; contact CTA keeps generous label space. */
@media(min-width:761px){
  .questions-editorial{grid-template-rows:auto auto;row-gap:52px}
  .questions-side{display:contents}
  .questions-side .question-glyph{grid-column:1;grid-row:1;align-self:center}
  .questions-editorial-copy{grid-column:2;grid-row:1}
  .questions-side>.btn{grid-column:1/-1;grid-row:2;justify-self:center;margin-top:0}
}
@media(max-width:760px){
  .questions-side>.btn{align-self:center}
}

/* The service introduction is a paired editorial scene: publisher value in green,
   advertiser value in amber. Both begin with the same connected-sphere language. */
.service-entrances{padding:110px 0 118px;background:#f7f6f0;overflow:hidden}
.services-intro{max-width:730px;margin:0 auto 70px;text-align:center}.services-intro .eyebrow{justify-content:center;color:#607f69}.services-intro h2{margin:16px 0 18px;font-size:clamp(3rem,5.7vw,5.6rem);line-height:.98;letter-spacing:-.065em}.services-intro h2 span{color:#238294}.services-intro p{max-width:520px;margin:0 auto;color:#597071;font-size:18px;line-height:1.65}
.service-story{position:relative;display:grid;grid-template-columns:minmax(0,.88fr) minmax(440px,1.12fr);min-height:560px;align-items:center;gap:45px;padding:54px 54px 48px;margin:0 auto;overflow:hidden;border-radius:34px;background:#e5eee4}.service-story+.service-story{margin-top:38px;grid-template-columns:minmax(440px,1.12fr) minmax(0,.88fr);background:#f7ead2}.service-story+.service-story .service-copy{order:2}.service-story+.service-story .service-art{order:1}
.service-story:before{content:'';position:absolute;z-index:0;inset:auto auto -45% -8%;width:55%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#8aab4144,transparent 66%);filter:blur(10px);pointer-events:none}.advertiser-story:before{right:-9%;left:auto;background:radial-gradient(circle,#f2a02e4b,transparent 66%)}
.service-copy{position:relative;z-index:1}.service-copy .eyebrow{color:#587a60;margin-bottom:26px}.advertiser-story .service-copy .eyebrow{color:#a36b18}.service-copy h3{max-width:570px;margin:0 0 21px;color:#183f48;font-size:clamp(2rem,3.7vw,3.75rem);line-height:1.03;letter-spacing:-.06em}.service-copy h3 em{display:block;color:#5e8432;font-style:normal}.advertiser-story .service-copy h3 em{color:#d38216}.service-copy>p{max-width:560px;margin:0;color:#486668;font-size:17px;line-height:1.7}
.service-copy ul{display:grid;gap:13px;margin:32px 0 27px;padding:0;list-style:none}.service-copy li{display:grid;grid-template-columns:180px 1fr;gap:14px;padding-top:13px;border-top:1px solid #4a71551c}.service-copy li:before{content:'';grid-row:1;position:absolute}.service-copy li b{color:#254b45;font-size:14px}.service-copy li span{color:#59716b;font-size:14px;line-height:1.45}.advertiser-story .service-copy li{border-color:#8f64231c}.advertiser-story .service-copy li b{color:#784c11}.advertiser-story .service-copy li span{color:#6f624d}.service-link{color:#214b51;font-size:14px}.service-link span{margin-left:8px;color:#db921d;font-size:18px}.advertiser-story .service-link span{color:#c8750e}
.service-art{position:relative;z-index:1;margin:0;align-self:stretch;display:flex;align-items:center;justify-content:center;isolation:isolate}.service-art:before{content:'';position:absolute;width:92%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 50%,#c3dcbd87 0%,#c3dcbd24 48%,transparent 70%);filter:blur(2px);z-index:-1}.advertiser-story .service-art:before{background:radial-gradient(circle at 50% 50%,#f4c26a80 0%,#f4c26a28 48%,transparent 70%)}.service-art img{display:block;width:136%;max-width:none;mix-blend-mode:multiply;filter:saturate(.92) contrast(1.04);transform:translateX(5%);transition:transform .7s ease}.advertiser-story .service-art img{transform:translateX(-5%)}.service-story:hover .service-art img{transform:translateX(8%) scale(1.025)}.advertiser-story:hover .service-art img{transform:translateX(-8%) scale(1.025)}
@media(max-width:960px){.service-story,.service-story+.service-story{grid-template-columns:1fr 1fr;gap:15px;padding:42px 38px}.service-copy li{grid-template-columns:1fr;gap:4px}.service-art img{width:150%}}
@media(max-width:760px){.service-entrances{padding:67px 0 72px}.services-intro{margin-bottom:38px;text-align:left}.services-intro .eyebrow{justify-content:flex-start;margin-bottom:17px}.services-intro h2{font-size:clamp(2.35rem,9.4vw,3.2rem);line-height:1.05;margin:0 0 16px}.services-intro p{margin:0;font-size:16px;line-height:1.62}.service-story,.service-story+.service-story{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-height:0;margin:0;padding:31px 24px 0;border-radius:24px}.service-story+.service-story{margin-top:23px}.service-story+.service-story .service-copy,.service-story+.service-story .service-art{order:initial}.service-copy .eyebrow{margin-bottom:18px}.service-copy h3{font-size:clamp(1.9rem,7.7vw,2.7rem);line-height:1.08;margin-bottom:16px}.service-copy>p{font-size:16px;line-height:1.62}.service-copy ul{gap:10px;margin:24px 0 20px}.service-copy li{grid-template-columns:1fr;gap:4px;padding-top:10px}.service-copy li b,.service-copy li span{font-size:13px}.service-link{display:inline-flex;margin-bottom:5px;font-size:13px}.service-art{height:255px;margin:0 -22px -3px}.service-art:before{width:90%;bottom:2%;top:auto}.service-art img{width:145%;transform:translateY(2%) translateX(1%)}.advertiser-story .service-art img{transform:translateY(2%) translateX(-1%)}.service-story:hover .service-art img,.advertiser-story:hover .service-art img{transform:translateY(2%) scale(1.01)}.service-story:before{width:95%;bottom:-55%;left:-38%}.advertiser-story:before{right:-38%;left:auto}}
@media(prefers-reduced-motion:reduce){.service-art img,.service-story:hover .service-art img,.advertiser-story:hover .service-art img{transition:none;transform:none}}
/* Keep the plus sign in the first public-data metric green on every viewport. */
.landing-data .data-secondary>div:first-child strong>span{color:inherit}
/* Desktop contact layout: Gábor's card and company details share one row. */
@media(min-width:1181px){
  .home-page .landing-contact>.wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;align-items:stretch}
  .landing-contact .contact-head{grid-column:1/-1}
  .landing-contact .contact-grid{width:100%;min-width:0;align-items:stretch}
  .home-page .landing-contact .contact-card{width:100%}
  .landing-contact .contact-footer{width:100%;margin:0;align-self:stretch;flex-direction:column;align-items:stretch;justify-content:center;gap:30px}
  .landing-contact .contact-footer p{justify-content:flex-start;flex-wrap:wrap;white-space:normal;gap:8px 12px}
  .landing-contact .contact-footer p+p{padding:22px 0 0;border-left:0;border-top:1px solid #9bb39f66}
}
/* Give the desktop company details the same presence as Gábor's card. */
@media(min-width:1181px){
  .landing-contact .contact-footer{padding:36px 40px;background:linear-gradient(135deg,#fffdf5,#f4f7eb);border:1px solid #d6e3d0;box-shadow:0 18px 42px #153f3812;border-radius:22px;gap:28px}
  .landing-contact .contact-footer p{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:initial;align-items:start;gap:12px 18px;white-space:normal;font-size:15px;line-height:1.55}
  .landing-contact .contact-footer p>b{grid-column:1/-1;font-size:19px;letter-spacing:-.02em;color:#214d47}
  .landing-contact .contact-footer p span{font-size:15px;color:#536b56}
  .landing-contact .contact-footer span:not(:last-child):after{content:none}
  .landing-contact .contact-footer p+p{padding:25px 0 0;border-left:0;border-top:1px solid #9bb39f66}
  .landing-contact .contact-footer p+p a{grid-column:1/-1;width:fit-content;padding:6px 12px;border-radius:999px;background:#e7efe1}
}

/* Scale the experience-section logo independently of the large glass sphere. */
.landing-experience .experience-logo{width:min(280px,76%);height:auto;margin:0 auto 18px}
@media(max-width:760px){.landing-experience .experience-logo{width:min(210px,74%);margin-bottom:14px}}
/* Balance the two desktop detail groups vertically and optically align the mark. */
@media(min-width:1181px){
  .landing-contact .contact-footer{justify-content:space-between}
  .landing-contact .contact-footer p{font-size:16px;line-height:1.65;gap:14px 18px}
  .landing-contact .contact-footer p>b{font-size:20px}
  .landing-contact .contact-footer p span{font-size:16px}
}
.landing-experience .experience-logo{transform:translateX(-12px)}
@media(max-width:760px){.landing-experience .experience-logo{transform:translateX(-8px)}}
@media(min-width:1181px){.landing-contact .contact-footer p:first-child>span:nth-of-type(2){grid-column:1/-1}}
/* Use two balanced information cards instead of stretching sparse text over one panel. */
@media(min-width:1181px){
  .landing-contact .contact-footer{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);align-content:stretch;justify-content:stretch;gap:16px;padding:0;margin:0;background:transparent;border:0;border-radius:0;box-shadow:none}
  .landing-contact .contact-footer p{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;align-items:start;gap:12px 18px;min-height:0;margin:0;padding:24px 28px;white-space:normal;font-size:16px;line-height:1.6;background:linear-gradient(135deg,#fffdf5,#f7f8f0);border:1px solid #d6e3d0;border-left:4px solid #759f28;border-radius:20px;box-shadow:0 12px 28px #173f3810}
  .landing-contact .contact-footer p>b{grid-column:1/-1;font-size:20px;letter-spacing:-.025em;color:#214d47}
  .landing-contact .contact-footer p span{font-size:16px;color:#536b56}
  .landing-contact .contact-footer p:first-child>span:nth-of-type(2){grid-column:1/-1}
  .landing-contact .contact-footer span:not(:last-child):after{content:none}
  .landing-contact .contact-footer p+p{padding:24px 28px;border:1px solid #d6e3d0;border-left:4px solid #e9a52a}
  .landing-contact .contact-footer p+p a{grid-column:1/-1;width:fit-content;padding:7px 14px;border-radius:999px;background:#e7efe1}
}


/* Homepage phone polish: publisher accent and an ordered footer. */
.publisher-story .service-link span{color:#759f28!important}
@media(max-width:760px){
  .home-page .site-header .header-inner{display:flex;flex-direction:row;align-items:center;gap:10px;min-height:82px;padding:0}
  .home-page .site-header .logo{display:block;flex:0 1 180px;min-width:112px;width:180px;margin:0}
  .home-page .site-header .logo img{display:block;width:100%;height:auto}
  .home-page .site-header .header-actions{flex:0 0 auto;grid-column:auto;grid-row:auto;margin-left:auto;gap:0}
  .home-page .site-header .header-actions .btn{min-height:40px;padding:9px 12px!important;font-size:12px}
  .home-page .site-header .menu-toggle{flex:0 0 38px;grid-column:auto;grid-row:auto;margin:0;width:38px;height:38px}
  .home-page .site-header .main-nav{top:82px}
}


/* Homepage review follow-up: clearer navigation, story emphasis, and tighter section joins. */
@media(min-width:1000px){
  .home-page .main-nav{margin-right:clamp(24px,3.5vw,42px)}
}
.publisher-story .service-copy li b{color:#45662d}
.home-page .landing-experience{margin-bottom:0}
@media(min-width:761px){
  .service-entrances{padding-bottom:58px}
  .landing-data{padding-top:56px}
}
@media(max-width:760px){
  .home-page .landing-experience{margin-bottom:0}
  .service-entrances{padding-bottom:40px}
  .landing-data{padding-top:38px}
}