/* Open-web products: editorial surfaces in each brand's own palette. */
[data-product=taboola] .hero-product{background:#225b4c;color:#fff}
[data-product=teads] .hero-product{background:#26294f;color:#fff}
:is([data-product=taboola],[data-product=teads]) .hero-product .hero-grid{display:none}
:is([data-product=taboola],[data-product=teads]) .hero-product .hero-inner{grid-template-columns:1.12fr 1fr;gap:55px;min-height:680px;padding-block:64px}
:is([data-product=taboola],[data-product=teads]) .hero-product .hero-intro{color:#d7e6df;font-size:18px}
:is([data-product=taboola],[data-product=teads]) .hero-product .hero-text-link{color:white;border-color:#ffffff60}
:is([data-product=taboola],[data-product=teads]) .hero-product .hero-tags{color:#d6e4df}
:is([data-product=taboola],[data-product=teads]) .hero-product .hero-tags span:before{background:#e4efad}
:is([data-product=taboola],[data-product=teads]) .product-identity>span:last-child{color:#d0e4dc;max-width:none}
[data-product=taboola] .hero-product .accent-line{color:#ecf7a0}
[data-product=taboola] .hero-product .button{color:#214e42;background:#ecf7a0;border-color:#ecf7a0}
[data-product=taboola] .product-identity:has(.logo-realize)>span:last-child{display:none}
[data-product=teads] .hero-product .accent-line{color:#f4c0e1}
[data-product=teads] .hero-product .hero-intro{color:#d2d6eb}
[data-product=teads] .hero-product .button{background:#eee8ff;color:#35335d;border-color:#eee8ff}
[data-product=teads] .hero-product .hero-tags{color:#d2d6eb}
:is([data-product=taboola],[data-product=teads]) .scene-footnote{color:#d0dedb;font-size:13px}
.scene-discovery,.scene-premium{height:480px}
.discovery-orbit{position:absolute;inset:15px 0 25px;border:1px solid #d5edbd38;border-radius:50%;rotate:-25deg}
.discovery-orbit.orbit-second{inset:70px -20px 75px;border-color:#d5edbd20;rotate:30deg}
.publisher-sheet{position:absolute;left:50%;top:30px;translate:-50% 0;width:294px;background:#fffdf7;padding:24px;border-radius:6px;transform:rotate(-6deg);box-shadow:0 25px 55px #0f342b35;color:#203e35}
.publisher-masthead{padding-bottom:15px;border-bottom:1px solid #d8ded3;display:flex;flex-direction:column;gap:6px}
.publisher-masthead strong{font-size:16px;letter-spacing:.09em;font-weight:650}.publisher-masthead span{font-size:12px;color:#69796c}
.publisher-lines{display:grid;gap:5px;padding:15px 0}.publisher-lines i{background:#e3e6da;height:4px}.publisher-lines i:last-child{width:67%}
.discovery-ad{border:1px solid #e0e3d7;background:#f8f9ef;overflow:hidden;border-radius:3px}
.discovery-art{height:112px;position:relative;overflow:hidden;background:#e5edbd}
.discovery-art i{position:absolute;width:115px;height:115px;border:17px solid #496d56;border-radius:50%;top:14px;left:40px;rotate:25deg}
.discovery-art b{position:absolute;background:#edc76f;width:50px;height:140px;left:143px;top:6px;rotate:32deg;border-radius:35px;box-shadow:8px 6px 12px #45664415}
.discovery-art em{position:absolute;width:46px;height:46px;border-radius:50%;background:#d7e996;left:91px;top:46px}
.discovery-ad-copy{padding:13px 15px 15px}.discovery-ad-copy small{font-size:12px;color:#6d7a69}
.discovery-ad-copy strong{font-size:23px;line-height:1.4;display:block;margin:8px 0 12px;font-weight:600}
.discovery-ad-copy>span{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#43573c;border-top:1px solid #dfe5d4;padding-top:10px}.discovery-ad-copy b{font-weight:400}
.publisher-recommend{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:17px;color:#61715c}.publisher-recommend i{width:5px;height:5px;background:#779858;border-radius:50%}
.discovery-label{position:absolute;padding:17px 20px;border:1px solid #a7c7b66b;border-radius:5px;z-index:3;box-shadow:0 10px 35px #12392e15;transition:translate .25s}
.discovery-label>span{font-size:12px;letter-spacing:.08em;display:block;margin-bottom:7px}.discovery-label strong{font-size:17px;display:block;font-weight:550}
.discovery-label-top{background:#184a3d;color:#ecf7da;top:5px;right:-9px;rotate:4deg}
.discovery-label-bottom{background:#eafa98;color:#234d3a;bottom:36px;left:-12px;rotate:3deg;border-color:#eafa98}.discovery-label-bottom strong b{font-weight:400;margin-left:20px}
.premium-orbit{position:absolute;inset:10px 0 22px;border:1px solid #cdc3ed40;border-radius:50%;rotate:-30deg}
.premium-screen{position:absolute;top:59px;left:50%;translate:-50% 0;width:355px;border:1px solid #c2b9e645;background:#f8f8ff;box-shadow:0 25px 55px #12152b30;border-radius:9px;overflow:hidden;transform:rotate(-3deg);color:#33344f}
.premium-screen-top{padding:19px 21px 15px;display:flex;flex-direction:column;gap:6px}.premium-screen-top strong{font-size:12px;font-weight:650;letter-spacing:.12em}.premium-screen-top span{font-size:12px;color:#777990}
.premium-film{height:165px;position:relative;overflow:hidden;background:linear-gradient(130deg,#c5b7e9,#e6d0ed 65%,#aedeea)}
.film-sculpture i{position:absolute;width:145px;height:145px;left:54px;top:36px;border-radius:50%;border:28px solid #53468b;rotate:-25deg;box-shadow:12px 13px 22px #51467833}.film-sculpture b{position:absolute;width:64px;height:155px;left:179px;top:20px;border-radius:60px;background:linear-gradient(110deg,#ffd0d6,#dc8dba);rotate:32deg;box-shadow:10px 12px 20px #72468422}
.film-caption{position:absolute;top:20px;left:21px;font-size:13px;color:#3d3861;font-weight:550}.film-play{position:absolute;right:22px;bottom:21px;display:grid;place-items:center;width:35px;height:35px;border:1px solid #ffffffa0;border-radius:50%;color:#fff;background:#4b3b6555;font-size:12px}
.premium-caption{padding:20px 21px 22px}.premium-caption>span{font-size:12px;color:#808196}.premium-caption>strong{display:block;font-size:20px;line-height:1.5;font-weight:550;margin:8px 0 16px}.premium-caption>a{display:flex;justify-content:space-between;border-top:1px solid #dbdbe7;padding-top:13px;font-size:13px;color:#5c5286}.premium-caption b{font-weight:400;font-size:17px}
.premium-tag{position:absolute;padding:16px 20px;z-index:3;border:1px solid #676088;border-radius:5px;background:#353457;color:#fff;transition:translate .25s}.premium-tag small{display:block;font-size:12px;letter-spacing:.08em;margin-bottom:6px;color:#d9c9f2}.premium-tag strong{font-size:16px;font-weight:550}
.tag-web{left:-7px;top:9px;rotate:-5deg}.tag-video{right:-8px;bottom:36px;rotate:3deg;background:#f1d8e9;color:#493b63;border-color:#f1d8e9}.tag-video small{color:#735873}
[data-product=taboola] #why{background:#edf3e8}
[data-product=taboola] #advantages{background:#225b4c;color:#fff}
[data-product=taboola] #advantages .section-heading>p,[data-product=taboola] #advantages .editorial-row p{color:#d3e3d9}
[data-product=taboola] #advantages .row-number{color:#eafa98}
[data-product=taboola] #advantages .editorial-row{border-color:#c8e3d340}
[data-product=taboola] #fit .info-card{border-color:#829966}
[data-product=taboola] #tips .tip-number{color:#5a7850}
[data-product=teads] #why{background:#f3f0fa}
[data-product=teads] #advantages{background:#faf7fb}
.growth-goals{margin-top:70px;padding-top:40px;border-top:1px solid #d8e1d4;scroll-margin-top:165px}
.growth-goals-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}.growth-goals-heading h3{font-size:29px;line-height:1.5;font-weight:600;letter-spacing:-.02em}.growth-goals-heading>p{font-size:15px;color:#60705f;max-width:250px;margin:0}
.strategy-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #d3dfcf;gap:12px}
.strategy-tabs button{display:flex;align-items:center;gap:14px;text-align:left;padding:21px 17px;font:inherit;font-size:18px;font-weight:550;background:none;border:0;border-bottom:3px solid transparent;color:#657060;cursor:pointer;transition:background .2s,color .2s}
.strategy-tabs button[aria-selected=true]{border-color:#32634b;background:#edf3e8;color:#24533f}.strategy-tabs button>span{font-size:13px;opacity:.7;font-weight:450}.strategy-tabs button>b{font-size:21px;font-weight:400;margin-left:auto}
.strategy-panels>article{display:grid;grid-template-columns:1fr .85fr;gap:60px;padding:40px 30px;background:#f5f7ef}
.strategy-kicker{font-size:13px;letter-spacing:.03em;color:#557549}.strategy-panels h4{font-size:26px;line-height:1.5;font-weight:600;margin:14px 0;color:#244d3c}.strategy-panels p{font-size:17px;line-height:1.9;color:#596655;margin:0 0 22px}.strategy-panels a{display:inline-flex;gap:18px;align-items:center;font-size:15px;color:#275b44;border-bottom:1px solid #9bb58a;padding-bottom:5px}
.strategy-panels ol{margin:0;padding:0;list-style:none;align-self:center}.strategy-panels li{font-size:15px;line-height:1.8;border-bottom:1px solid #dbe3d2;padding:18px 0;display:flex;gap:14px;color:#4b6145}.strategy-panels li:first-child{padding-top:0}.strategy-panels li:last-child{border:0;padding-bottom:0}.strategy-panels li>span{color:#7c8c6c;font-size:12px;padding-top:4px}
html:not(.js) .strategy-tabs{display:none}html:not(.js) .strategy-panels>article[hidden]{display:grid!important;border-top:1px solid #d3dfcf}
.strategy-panels>article[hidden]{display:none}
@media(min-width:981px) and (prefers-reduced-motion:no-preference){.scene-running .discovery-label-top,.scene-running .tag-web{animation:openweb-float 7s ease-in-out infinite}.scene-running .discovery-label-bottom,.scene-running .tag-video{animation:openweb-float 7s ease-in-out -3s infinite}}
@keyframes openweb-float{50%{translate:0 -7px}}
@media(max-width:1100px){:is([data-product=taboola],[data-product=teads]) .hero-product .hero-inner{gap:35px}.discovery-label-top{right:0}.discovery-label-bottom{left:-5px}.premium-screen{width:320px}.tag-video{right:-3px}}
@media(max-width:980px){:is([data-product=taboola],[data-product=teads]) .hero-product .hero-inner{grid-template-columns:1fr;padding-block:48px;gap:35px}.scene-discovery,.scene-premium{width:100%;max-width:500px;justify-self:center;height:480px}.strategy-panels>article{gap:30px}.growth-goals-heading{align-items:start;flex-direction:column;gap:12px}.growth-goals-heading>p{max-width:none}}
@media(max-width:760px){:is([data-product=taboola],[data-product=teads]) .hero-product .hero-inner{padding-block:38px;gap:30px}.scene-discovery,.scene-premium{max-width:440px;height:465px}.publisher-sheet{width:270px;padding:22px;top:29px}.discovery-label{padding:13px 16px}.discovery-label-top{top:5px;right:0}.discovery-label-bottom{bottom:29px;left:0}.discovery-label strong{font-size:15px}.discovery-label>span{font-size:12px}.premium-screen{width:min(320px,calc(100% - 34px));top:56px}.premium-tag{padding:12px 16px}.tag-web{left:0;top:9px}.tag-video{right:0;bottom:26px}.premium-tag strong{font-size:15px}.premium-caption>strong{font-size:19px}.premium-film{height:145px}.premium-caption{padding:16px 20px 18px}.scene-discovery .scene-footnote,.scene-premium .scene-footnote{font-size:12px}.growth-goals{margin-top:43px;padding-top:30px}.growth-goals-heading h3{font-size:25px}.strategy-tabs{gap:4px}.strategy-tabs button{padding:15px 7px;gap:7px;font-size:16px}.strategy-tabs button>span{font-size:12px}.strategy-tabs button>b{display:none}.strategy-panels>article{grid-template-columns:1fr;padding:28px 21px;gap:30px}.strategy-panels h4{font-size:24px}.strategy-panels p{font-size:16px}.strategy-panels li{font-size:15px}.strategy-panels a{font-size:15px}.discovery-orbit,.premium-orbit{inset:23px 7px 25px}.discovery-orbit.orbit-second{inset:75px 0}}
@media(max-width:360px){:is([data-product=taboola],[data-product=teads]) .hero-product h1{font-size:30px}.publisher-sheet{width:241px;padding:19px}.discovery-ad-copy strong{font-size:22px}.publisher-recommend{font-size:12px}.discovery-label-bottom{bottom:37px}.discovery-label strong{font-size:14px}.premium-screen-top{padding-inline:17px}.premium-screen-top strong{font-size:12px}.premium-caption>strong{font-size:18px}.film-sculpture i{left:30px}.film-sculpture b{left:153px}.strategy-tabs button{font-size:15px;gap:5px}.strategy-panels>article{padding:25px 17px}.strategy-panels h4{font-size:22px}}
/* Keep the publisher artwork inside its stage and clear of the lower label. */
.publisher-sheet{top:22px;padding:20px;line-height:1.4}
.publisher-masthead{padding-bottom:10px;gap:5px}
.publisher-lines{padding:11px 0;gap:4px}
.discovery-art{height:100px}
.discovery-ad-copy{padding:12px 14px}
.discovery-ad-copy small{display:block}
.discovery-ad-copy strong{font-size:22px;line-height:1.35;margin:7px 0 10px}
.discovery-ad-copy>span{padding-top:9px}
.publisher-recommend{margin-top:13px}
.discovery-label{padding:14px 18px;line-height:1.5}
.discovery-label-bottom{bottom:37px;left:0}
.discovery-label-bottom strong{font-size:15px}
.discovery-label-bottom strong b{margin-left:9px}
@media(max-width:760px){.scene-discovery{height:495px}.publisher-sheet{top:30px}.discovery-label-bottom{bottom:36px;left:8px}.discovery-label{padding:12px 16px}.discovery-label-top{top:0}}
@media(max-width:360px){.publisher-sheet{width:241px;padding:18px}.scene-discovery{height:480px}.discovery-label-bottom{bottom:31px}.discovery-ad-copy strong{font-size:21px}}
.premium-screen{line-height:1.4}
.premium-caption>span{display:block}
.mock-editorial-video .editorial-video-page{padding:20px 28px}
.mock-editorial-video .mock-news-title{font-size:18px;padding:0 0 12px}
.mock-editorial-video .mock-lines{padding:0;margin:12px 0}
.editorial-video-slot{border:2px solid var(--blue);border-radius:8px;overflow:hidden;margin:20px 0;background:#fff}
.editorial-video-art{height:150px;position:relative;overflow:hidden;background:var(--soft)}
.editorial-video-art i{position:absolute;width:140px;height:140px;border:24px solid var(--blue);border-radius:50%;top:30px;left:calc(50% - 85px);opacity:.7}
.editorial-video-art b{position:absolute;width:56px;height:130px;border-radius:45px;background:var(--blue-dark);rotate:30deg;top:20px;left:calc(50% + 15px);opacity:.5}
.editorial-video-art>span{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;width:36px;height:36px;background:#fff;border-radius:50%;font-size:14px;color:var(--blue-dark)}
.editorial-video-caption{padding:14px 18px;display:grid;gap:7px}.editorial-video-caption>strong{font-size:18px;color:var(--navy);font-weight:600}.editorial-video-caption>span:last-child{font-size:13px;color:#647080}
@media(max-width:760px){.mock-editorial-video .editorial-video-page{padding:18px}.editorial-video-caption>strong{font-size:17px}.editorial-video-art{height:135px}}
:is([data-product=taboola],[data-product=teads]) .hero-copy{min-width:0}
@media(max-width:980px){:is([data-product=taboola],[data-product=teads]) .hero-product .hero-inner{grid-template-columns:minmax(0,1fr)}}
