/* October 2026 — editorial yellow / white / black refresh. */
:root{--bg:#f6f5f0;--ink:#161713;--muted:#575950;--line:#16171330;--accent:#f4ff81;--yellow:#f4ff81;--paper:#f6f5f0;--night:#151611;--section-title:clamp(40px,4.2vw,64px);--page-gutter:max(32px,calc((100vw - 1320px)/2));--gutter:clamp(24px,4vw,64px)}
body.refresh-2026{background:var(--yellow);color:var(--ink)}
.refresh-2026 h1,.refresh-2026 h2,.refresh-2026 h3{font-family:var(--font-heading);font-weight:650;letter-spacing:-.045em;color:inherit}
.refresh-2026 h2{font-size:var(--section-title);line-height:1.06}
.refresh-2026 p{font-size:18px;line-height:1.55;color:inherit}
.refresh-2026 :is(.approach,.creators,.operation,.creative,.network-section,.contact,.footer)::before,.refresh-2026 :is(.approach,.creators,.operation,.creative,.network-section,.contact,.footer)::after{content:none!important}
.refresh-2026 :is(.section-intro,.comparison-heading,.split-heading,.contact-intro,.faq-list)::before,.refresh-2026 :is(.section-intro,.comparison-heading,.split-heading,.contact-intro,.faq-list)::after{content:none}
.refresh-2026 .section{position:relative;padding:100px var(--page-gutter);margin:0;max-width:none;width:100%;background:none;border:0;overflow:visible}
.refresh-2026 .button{border-radius:100px;padding:16px 24px;font-size:15px;font-weight:500;gap:24px;min-height:52px}
.refresh-2026 .button-dark,.refresh-2026 .button-light{background:var(--night);color:var(--yellow);border:1px solid var(--night)}
.refresh-2026 .button-outline{background:transparent;color:var(--ink);border:1px solid #16171370}
.refresh-2026 .button:hover{background:#fff;color:var(--ink);border-color:var(--ink)}
.refresh-2026 .text-link{font-size:16px;color:inherit;border-color:currentColor}
.refresh-2026 :is(a,button,summary):focus-visible{outline:2px solid #696f00;outline-offset:5px}
.refresh-2026 .site-header{position:absolute;height:92px;padding-inline:var(--page-gutter);background:transparent;border:0;box-shadow:none;backdrop-filter:none;color:var(--ink)}
.refresh-2026 .site-header.is-scrolled{background:transparent;box-shadow:none}
.refresh-2026 .site-header .brand-logo{width:154px;filter:none}
.refresh-2026 .desktop-nav{margin:auto;border:1px solid #16171355;border-radius:100px;padding:13px 25px;gap:26px;background:#ffffff30;backdrop-filter:blur(14px)}
.refresh-2026 .desktop-nav a{color:var(--ink);font-size:14px}
.refresh-2026 .desktop-nav span{display:none}
.refresh-2026 .nav-cta{background:var(--night);color:var(--yellow);border:1px solid var(--night);font-size:14px;padding:12px 20px;min-height:46px}
.refresh-2026 .menu-toggle span{background:var(--ink)}
.refresh-2026 .mobile-nav{background:var(--yellow);color:var(--ink);top:78px}
/* Hero is an ordinary two-column grid, so it cannot hide text beneath media. */
.refresh-2026 .hero-refresh{height:auto;min-height:0;max-height:none;padding:142px var(--page-gutter) 0;background:var(--yellow);color:var(--ink);overflow:hidden;isolation:isolate}
.hero-refresh::before,.hero-refresh::after{content:none!important}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:60px;align-items:center;padding-bottom:64px;max-width:1320px;margin:auto}
.hero-copy-new{padding:0;position:relative;z-index:2}
.refresh-2026 .hero-premise{font-size:16px;font-weight:400;margin-bottom:26px;letter-spacing:-.025em}
.refresh-2026 .hero-refresh h1{font-size:clamp(48px,5.15vw,82px);font-weight:700;line-height:1.015;letter-spacing:-.055em;margin:0;animation:none;max-width:none;width:auto;white-space:normal}
.refresh-2026 .hero-copy-new h2{font-size:clamp(20px,1.8vw,26px);font-weight:600;line-height:1.25;letter-spacing:-.035em;margin:27px 0 12px}
.refresh-2026 .hero-description{font-size:17px;line-height:1.55;max-width:420px;margin:0 0 28px}
.hero-proof-new{min-width:0}
.hero-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.hero-video-tile{position:relative;display:block;aspect-ratio:9/14;min-width:0;background:#222;border:1px solid #151611;border-radius:18px;overflow:hidden;isolation:isolate;transition:transform .3s}
.hero-video-tile:nth-child(2){margin-top:16px}.hero-video-tile:nth-child(3){margin-top:32px}
.hero-video-tile:hover{transform:translateY(-5px)}
.hero-video-tile img,.hero-video-tile video{width:100%;height:100%;object-fit:cover;display:block}
.hero-video-tile::after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#000c);pointer-events:none}
.video-play{position:absolute;top:10px;right:10px;width:28px;height:28px;display:grid;place-items:center;border:1px solid #ffffff70;border-radius:50%;color:#fff;background:#0004;font-size:16px;z-index:2}
.video-count{position:absolute;bottom:14px;left:14px;right:10px;color:white;z-index:2;display:flex;flex-wrap:wrap;gap:5px;align-items:baseline}
.video-count strong{font:650 clamp(23px,2.1vw,34px)/1 var(--font-heading);letter-spacing:-.04em}.video-count>span{font-size:12px}
.hero-media-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0 18px;font-size:10px;color:#454835}
.hero-media-meta button{font-size:11px;background:none;border-bottom:1px solid currentColor;padding:3px 0;white-space:nowrap;color:inherit}
.growth-chart{margin:0;padding:23px 25px 15px;border:1px solid #31352b;border-radius:24px;background:#11120f;color:#fff;box-shadow:0 12px 24px #1516110c;overflow:hidden}
.growth-chart figcaption{display:flex;justify-content:space-between;gap:10px;align-items:start}
.growth-chart figcaption>div>span{font-size:13px;display:block;margin-bottom:7px;color:#e0e3d7}
.growth-chart strong{font:600 clamp(27px,2.8vw,42px)/1 var(--font-heading);letter-spacing:-.04em;display:block}.growth-chart small{font:400 13px var(--font-body);letter-spacing:0;color:#afb3a5}
.chart-demo{font-size:10px;border:1px solid #666b59;color:#dbe0cc;border-radius:100px;padding:5px 8px}
#growth-svg{display:block;width:100%;height:auto;margin-top:14px;overflow:visible}
.chart-axis{display:flex;justify-content:space-between;color:#aaae9e;font-size:10px;margin-top:8px}.chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chart-spark{fill:none;stroke-width:6;stroke-linecap:round;stroke-dasharray:6 94;animation:trace-spark 5s linear infinite}.chart-spark:nth-child(4){animation-delay:-2s}.chart-spark:nth-child(6){animation-delay:-3.3s}
@keyframes trace-spark{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.refresh-2026 .hero-partners{position:relative;inset:auto;display:flex;align-items:center;gap:40px;width:calc(100% + 2 * var(--page-gutter));margin:0 calc(-1 * var(--page-gutter));padding:28px var(--page-gutter) 32px;background:var(--yellow);border:0;border-top:1px solid #16171325;min-height:0;border-radius:0;color:var(--ink)}
.refresh-2026 .hero-partners h2{flex-shrink:0;border:1px solid #16171380;border-radius:9px;padding:8px 12px;font:400 13px var(--font-body);color:var(--ink);margin:0}
.refresh-2026 .hero-partners .customer-logos{display:flex;justify-content:space-around;align-items:center;gap:28px;width:100%;max-width:none;padding:0;filter:none;mix-blend-mode:normal}
.refresh-2026 .hero-partners .customer-logo{width:100px;height:31px;max-width:110px;opacity:.85}.refresh-2026 .hero-partners .customer-logo--treg{width:78px;gap:5px}.refresh-2026 .treg-wordmark img{width:23px;height:23px}.refresh-2026 .treg-wordmark>span{font-size:22px}
/* Rounded chapter surfaces and generous shared edges. */
.chapter-label{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;margin-bottom:30px;letter-spacing:-.01em;color:inherit}
.chapter-label>span{display:inline-grid;place-items:center;min-width:48px;height:28px;border:1px solid currentColor;border-radius:100px;font-size:12px}
.refresh-2026 .approach{background:var(--paper);border-radius:38px 38px 0 0;padding-top:84px}
.refresh-2026 .approach-story{grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.refresh-2026 .approach-copy{padding:0}
.refresh-2026 .approach-copy h2{font-size:var(--section-title);margin:0 0 32px;line-height:1.08}
.refresh-2026 .approach-copy p{font-size:18px;margin:0 0 20px;max-width:450px;color:#4a4d43}
.refresh-2026 .approach-copy .button{margin-top:12px}
.refresh-2026 .featured-work{padding:0 28px;border:0;gap:24px;max-width:470px;width:100%;justify-self:end;align-items:center}
.refresh-2026 .featured-reel,.refresh-2026 .evidence-card{border-radius:16px;box-shadow:none;border:1px solid #14161130;overflow:hidden}
.refresh-2026 .featured-reel{transform:rotate(-4deg)}.refresh-2026 .evidence-card{transform:rotate(4deg)}
.refresh-2026 .evidence-note{font-size:12px!important;color:#62665a!important;text-align:center;margin-top:8px!important}
.work-collection{margin-top:90px;padding-top:44px;border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;scroll-margin-top:40px}
.work-collection-heading h3{font-size:34px;line-height:1.1;margin-bottom:18px}.work-collection-heading p{color:#575950;max-width:270px;font-size:16px}
.refresh-2026 .work-collection .creative-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:0;max-width:none}
.refresh-2026 .creative-image{aspect-ratio:4/5;max-height:330px;border-radius:18px;border:1px solid var(--line);box-shadow:none}
.refresh-2026 .creative-image img{object-position:center 35%}.refresh-2026 .creative-card{background:transparent;color:var(--ink);text-align:left;padding:0}
.refresh-2026 .creative-card-caption{padding:16px 0 0;display:block}.refresh-2026 .creative-card-caption strong{font-size:19px;color:var(--ink);display:block}.refresh-2026 .creative-card-caption>span{font-size:13px;display:block;margin-top:5px;color:#63675a}
.refresh-2026 .creators{background:var(--night);color:var(--paper);border-radius:38px 38px 0 0}
.refresh-2026 .creators .chapter-label{color:var(--yellow)}
.refresh-2026 .creators .section-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin:0 0 56px;padding:0;border:0}
.refresh-2026 .section-intro h2{font-size:var(--section-title);padding:0;max-width:none;line-height:1.06}
.refresh-2026 .section-intro>p{border:0;padding:0;margin:0;max-width:470px;font-size:18px;color:#c4c7ba}
.refresh-2026 .creator-stage.roll-stage{background:#23251d;color:var(--paper);border:1px solid #ffffff30;box-shadow:none;border-radius:24px;padding:46px 48px;grid-template-columns:1fr 1fr;gap:50px}
.refresh-2026 .creator-statement h3{font-size:34px;color:var(--paper);max-width:390px;line-height:1.12}.refresh-2026 .roll-description{min-height:135px}.refresh-2026 .roll-description h4{font-size:20px;color:var(--yellow)}.refresh-2026 .roll-description p{font-size:17px;color:#c4c7ba;max-width:430px}.refresh-2026 .roll-switch{color:var(--yellow);border-color:#afb592;border-radius:100px}.refresh-2026 .roll-switch:hover{background:var(--yellow);color:var(--night)}
.refresh-2026 .roll-stack{max-width:360px;height:370px}.refresh-2026 .roll-card{border:1px solid #ffffff40;box-shadow:0 15px 40px #0004}.refresh-2026 .roll-card figcaption{font-size:28px}
.system-loop{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:45px;border-top:1px solid #ffffff30;padding-top:30px;font:500 clamp(18px,2.2vw,30px) var(--font-heading)}.system-loop>span:nth-child(even){color:var(--yellow)}
/* The sticky chapter index follows normal browser scroll; no wheel interception. */
.refresh-2026 .scroll-process{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#fff;border-radius:38px 38px 0 0;align-items:start}
.process-sticky{position:sticky;top:44px}.refresh-2026 .process-sticky h2{font-size:var(--section-title);line-height:1.06;margin-bottom:25px}.process-sticky>p{color:#53574a;max-width:350px}.process-index{display:flex;gap:10px;margin:32px 0 40px}.process-index a{display:grid;place-items:center;width:58px;height:34px;border:1px solid #151611;border-radius:100px;font-size:13px}.process-index a[aria-current]{background:var(--night);color:var(--yellow)}
.delivery-step{min-height:520px;display:flex;flex-direction:column;padding:36px 0 60px;border-top:1px solid var(--line);scroll-margin-top:35px}.delivery-step:first-child{padding-top:0;border:0}.delivery-step:last-child{padding-bottom:0;min-height:460px}.delivery-number{display:flex;gap:15px;font-size:16px;align-items:center;margin-bottom:30px}.delivery-number>span{font-size:13px;color:#626757}.refresh-2026 .delivery-step h3{font-size:36px;line-height:1.1;margin:0 0 20px}.delivery-step>p{font-size:17px;color:#53574a;max-width:460px;margin-bottom:28px}.delivery-art{border-radius:20px;padding:28px;background:var(--yellow);min-height:180px}
.brief-art{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.brief-art>span{padding:12px 15px;border:1px solid #151611;border-radius:100px;font-size:14px}.brief-art>i{font-style:normal}.brief-art>strong{display:block;width:100%;font:600 28px var(--font-heading);margin-top:10px}
.production-art{display:flex;gap:28px;background:#eeefe7;height:210px;padding:20px;align-items:center}.production-art>img{height:100%;width:120px;object-fit:cover;border-radius:12px}.production-art>div{display:grid;gap:12px;flex:1}.production-art span{border-bottom:1px solid #16171340;padding-bottom:8px;font:500 20px var(--font-heading)}
.results-art{background:var(--night);color:var(--yellow);display:flex;flex-direction:column;gap:22px}.results-art>span{font-size:13px}.results-art strong{font:600 30px/1.1 var(--font-heading)}
.refresh-2026 .network-section{background:var(--yellow);color:var(--ink);border:0;border-radius:38px 38px 0 0;overflow:hidden;position:relative}.refresh-2026 .network-section-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:none}.refresh-2026 .network-copy h2{font-size:var(--section-title);line-height:1.06}.refresh-2026 .network-copy p{color:#444a32;font-size:18px;max-width:460px}.refresh-2026 .network-copy .button-light{background:var(--night);color:var(--yellow)}.refresh-2026 .account-proof{gap:12px}.refresh-2026 .account-proof p{color:#4b503b;font-size:11px}.refresh-2026 .account-shot{border:1px solid #151611;border-radius:12px}.refresh-2026 .account-shot>span{font-size:11px}
.refresh-2026 .comparison-section{background:var(--paper);border-radius:38px 38px 0 0}.refresh-2026 .comparison-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end;margin:0 0 42px;padding:0}.refresh-2026 .comparison-heading h2{font-size:var(--section-title);max-width:none;line-height:1.06}.refresh-2026 .comparison-heading>p{border:0;padding:0;max-width:460px;color:#55594c;font-size:18px}
.refresh-2026 .comparison-scroll{border:1px solid #15161130;border-radius:24px;box-shadow:none}.refresh-2026 .comparison-table{width:100%;min-width:0}.refresh-2026 .comparison-table :is(th,td){padding:20px 22px;font-size:14px;line-height:1.45;background:#fff;border-color:#15161120;color:var(--ink)}.refresh-2026 .comparison-table thead th{background:#e9eae2;font-size:14px}.refresh-2026 .comparison-table .comparison-fama{background:var(--night);color:var(--yellow)}.refresh-2026 .comparison-table thead .comparison-fama{box-shadow:none;background:var(--yellow);color:var(--night);font-weight:700}.refresh-2026 .results-promise{margin-top:26px;display:flex;justify-content:space-between;gap:30px}.refresh-2026 .results-promise p{font-size:15px;color:#535749}.refresh-2026 .results-promise strong{color:var(--ink)}.refresh-2026 .comparison-switch button[aria-pressed=true]{background:var(--night);color:var(--yellow)}
.refresh-2026 .faq{background:var(--paper);border-top:1px solid #15161120;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:80px}.refresh-2026 .faq-heading h2{font-size:var(--section-title);line-height:1.06}.refresh-2026 .faq-list{padding:0;border:0}.refresh-2026 .faq details{border-color:#15161130}.refresh-2026 .faq summary{color:var(--ink);font-size:18px;line-height:1.4;padding:22px 0}.refresh-2026 .faq details p{color:#55594c;font-size:16px}.refresh-2026 .faq summary::after{color:var(--ink)}
.refresh-2026 .contact{background:var(--yellow);border-radius:38px 38px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:80px;color:var(--ink)}.refresh-2026 .contact-intro h2{font-size:clamp(44px,5vw,74px);line-height:1.04;max-width:570px}.refresh-2026 .contact-intro p{color:#4f5539;margin-top:26px;max-width:370px}.refresh-2026 .brief-form{background:transparent;border:0;border-left:1px solid #16171340;padding:0 0 0 50px;border-radius:0}.refresh-2026 .form-heading{font-size:25px}.refresh-2026 .brief-form input,.refresh-2026 .brief-form textarea{border-color:#16171360;border-radius:0;color:var(--ink);font-size:17px}.refresh-2026 .form-note{font-size:12px;line-height:1.5;color:#555a3e}.refresh-2026 .form-result{border-color:#161713;background:#ffffff60}.refresh-2026 .form-result a{color:var(--ink)}
.refresh-2026 .footer{background:var(--night);color:var(--paper);padding-top:60px;padding-bottom:24px;border-radius:38px 38px 0 0;overflow:hidden}.refresh-2026 .footer .brand-logo{filter:none}.refresh-2026 .footer-top{padding:0 0 35px;border:0}.refresh-2026 .footer-brand p,.refresh-2026 .footer-column a{color:#d0d4c4}.refresh-2026 .footer-column a:hover{color:var(--yellow)}.refresh-2026 .footer-wordmark{padding:40px 0 55px;margin:0;filter:none;opacity:1}.refresh-2026 .footer-wordmark img{filter:none}.refresh-2026 .footer-bottom{padding-top:20px;border-color:#ffffff30;color:#aeb5a0;font-size:11px}.refresh-2026 .footer-bottom>span:last-child{color:#aeb5a0}
.refresh-2026 .concept-dialog{background:var(--paper);color:var(--ink)}.refresh-2026 .concept-dialog-copy>p{color:#53574a}.refresh-2026 .dialog-close{background:var(--yellow);color:var(--night)}
.refresh-2026 .eyebrow{display:none}
@media(min-width:1500px){.hero-layout{gap:80px}.hero-video-tile{aspect-ratio:9/13}.hero-refresh{padding-top:155px!important}}
@media(max-width:1100px){.hero-layout{gap:35px;grid-template-columns:1fr 1fr}.refresh-2026 .hero-refresh h1{font-size:clamp(44px,5.4vw,60px)}.refresh-2026 .desktop-nav{gap:16px;padding-inline:18px}.refresh-2026 .site-header{gap:20px}.refresh-2026 .button{padding:14px 18px;gap:14px}.refresh-2026 .hero-partners{gap:25px}.refresh-2026 :is(.approach-story,.scroll-process,.network-section-inner,.comparison-heading,.faq,.contact){gap:42px}.refresh-2026 .creator-stage.roll-stage{padding:35px;gap:25px}.refresh-2026 .roll-stack{height:320px}.work-collection{gap:35px}.hero-media-meta{font-size:9px}.hero-media-meta button{font-size:10px}.refresh-2026 .desktop-nav a{font-size:12px}.refresh-2026 .brief-form{padding-left:30px}}
@media(max-width:809px){
 :root{--page-gutter:24px;--section-title:clamp(36px,8.5vw,52px)}
 .refresh-2026 .site-header{height:78px;gap:15px}.refresh-2026 .site-header .brand-logo{width:132px}.refresh-2026 .site-header .nav-cta{margin-left:auto;padding:10px 15px;font-size:12px;min-height:40px}.refresh-2026 .menu-toggle{display:block}.refresh-2026 .desktop-nav{display:none}
 .refresh-2026 .hero-refresh{padding-top:115px}.hero-layout{grid-template-columns:1fr;gap:42px;padding-bottom:38px}.refresh-2026 .hero-premise{font-size:14px;margin-bottom:22px}.refresh-2026 .hero-refresh h1{font-size:clamp(44px,10.8vw,75px);line-height:1.02}.refresh-2026 .hero-copy-new h2{font-size:21px;margin-top:24px}.refresh-2026 .hero-description{font-size:16px;max-width:430px}.hero-proof-new{width:100%;max-width:560px;justify-self:center}.hero-video-tile{aspect-ratio:9/14;border-radius:13px}.hero-video-grid{gap:10px}.video-count{left:10px;bottom:12px}.video-count strong{font-size:24px}.video-count>span{font-size:10px}.video-play{width:24px;height:24px;right:8px;top:8px;font-size:14px}.growth-chart{padding:22px 20px 17px;border-radius:22px}.growth-chart strong{font-size:34px}.hero-media-meta{font-size:9px}.hero-media-meta button{font-size:10px}
 .refresh-2026 .hero-partners{display:block;padding-top:22px;padding-bottom:30px}.refresh-2026 .hero-partners h2{display:table;margin:0 auto 24px}.refresh-2026 .hero-partners .customer-logos{flex-wrap:wrap;justify-content:center;gap:22px 28px}.refresh-2026 .hero-partners .customer-logo{width:82px;height:26px}
 .refresh-2026 .section{padding:66px var(--page-gutter)}.refresh-2026 :is(.approach,.creators,.scroll-process,.network-section,.comparison-section,.contact,.footer){border-radius:26px 26px 0 0}.chapter-label{font-size:13px;margin-bottom:25px}
 .refresh-2026 .approach-story{grid-template-columns:1fr;gap:45px}.refresh-2026 .approach-copy h2{margin-bottom:24px}.refresh-2026 .approach-copy p{font-size:17px}.refresh-2026 .featured-work{max-width:390px;justify-self:center;padding:0 8px;gap:18px}.work-collection{grid-template-columns:1fr;gap:28px;margin-top:55px;padding-top:35px}.work-collection-heading h3{font-size:29px}.work-collection-heading p{max-width:none}.refresh-2026 .creative-image{aspect-ratio:3/4;max-height:330px}.refresh-2026 .work-collection .creative-grid{gap:15px}.refresh-2026 .creative-card-caption strong{font-size:17px}.refresh-2026 .creative-card-caption>span{font-size:12px}.refresh-2026 .work-action{left:8px;right:8px;bottom:9px;padding:8px;font-size:9px}
 .refresh-2026 .creators .section-intro{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.refresh-2026 .section-intro>p{font-size:17px}.refresh-2026 .creator-stage.roll-stage{grid-template-columns:1fr;padding:28px 22px;gap:20px}.refresh-2026 .creator-statement h3{font-size:29px}.refresh-2026 .roll-description{min-height:125px}.refresh-2026 .roll-description p{font-size:16px}.refresh-2026 .roll-stack{max-width:320px;height:330px}.system-loop{font-size:14px;gap:9px;margin-top:28px;padding-top:22px}
 .refresh-2026 .scroll-process{grid-template-columns:1fr;gap:45px}.process-sticky{position:relative;top:auto}.process-index{margin:24px 0}.delivery-step{min-height:0;padding:35px 0}.delivery-step:last-child{min-height:0}.refresh-2026 .delivery-step h3{font-size:32px}.delivery-art{padding:22px}.production-art{padding:16px}.delivery-number{margin-bottom:20px}
 .refresh-2026 .network-section-inner{grid-template-columns:1fr;gap:38px}.refresh-2026 .network-copy p{font-size:17px}.refresh-2026 .account-proof{max-width:490px}.refresh-2026 .account-shot>span{font-size:9px}
 .refresh-2026 .comparison-heading{grid-template-columns:1fr;gap:24px}.refresh-2026 .comparison-heading>p{font-size:17px}.refresh-2026 .comparison-table :is(th,td){padding:16px;font-size:13px}.refresh-2026 .comparison-table thead th{font-size:13px}.refresh-2026 .results-promise{display:block}.refresh-2026 .results-promise p+p{margin-top:10px}
 .refresh-2026 .faq{grid-template-columns:1fr;gap:35px}.refresh-2026 .faq summary{font-size:17px}.refresh-2026 .contact{grid-template-columns:1fr;gap:36px}.refresh-2026 .contact-intro h2{font-size:clamp(42px,10vw,64px)}.refresh-2026 .brief-form{padding:30px 0 0;border-left:0;border-top:1px solid #16171340}.refresh-2026 .footer{padding-top:45px;padding-bottom:20px}.refresh-2026 .footer-top{gap:30px}.refresh-2026 .footer-wordmark{padding:25px 0 35px}.refresh-2026 .footer-bottom{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.chart-spark{animation:none;display:none}.hero-video-tile{transition:none}html{scroll-behavior:auto}.refresh-2026 .reveal{opacity:1;transform:none}}
.motion-paused .chart-spark{animation-play-state:paused}
/* Keep the complete result composition visible on a standard laptop. */
@media(min-width:810px){
 .refresh-2026 .hero-refresh{padding-top:116px}
 .hero-layout{padding-bottom:38px}
 .hero-video-tile{height:clamp(190px,17.5vw,250px);aspect-ratio:auto}
 .growth-chart{padding:20px 22px 14px}
 #growth-svg{height:142px;margin-top:8px}
 .refresh-2026 .hero-partners{padding-block:24px}
}
@media(min-width:810px) and (max-height:820px){
 .refresh-2026 .hero-refresh{padding-top:104px}
 .hero-layout{padding-bottom:24px}
 .hero-video-tile{height:clamp(170px,15vw,220px)}
 #growth-svg{height:122px}
 .hero-media-meta{margin:10px 0 14px}
 .refresh-2026 .hero-partners{padding-block:21px}
}
.refresh-2026 .hero-partners .customer-logos{background:transparent}
.chart-paused .chart-spark{animation-play-state:paused}
/* Original SVG colors, and optically equal partner marks (no stretching). */
.refresh-2026 .hero-partners .customer-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center;align-items:center;gap:30px;filter:none;mix-blend-mode:normal}
.refresh-2026 .hero-partners .customer-logo{height:26px;width:112px;max-width:112px;opacity:1;filter:none;object-fit:contain}
.refresh-2026 .hero-partners .customer-logo--tinyfish{width:112px}
.refresh-2026 .hero-partners .customer-logo--teamily{width:106px}
.refresh-2026 .hero-partners .customer-logo--monid{width:90px;height:25px}
.refresh-2026 .hero-partners .customer-logo--kuse{width:94px;height:26px}
.refresh-2026 .hero-partners .customer-logo--treg{width:82px;max-width:82px;height:26px;gap:6px}
.refresh-2026 .hero-partners .treg-wordmark img{width:24px;height:24px}
.refresh-2026 .hero-partners .treg-wordmark>span{font-size:25px}
/* Full sections pin only once their bottom can be read; the next card slides over. */
.refresh-2026 main>.scroll-card{position:sticky;top:var(--card-pin-top,0px);z-index:var(--card-order,1);box-shadow:0 -18px 36px -24px #0005;isolation:isolate}
.refresh-2026 main>.scroll-card:first-child{box-shadow:none}
.refresh-2026 .footer{position:relative;z-index:20}
@media(max-width:809px){
 .refresh-2026 .hero-partners .customer-logos{display:flex;flex-wrap:wrap;gap:23px 26px}
 .refresh-2026 .hero-partners .customer-logo{flex-shrink:0;height:23px;width:96px;max-width:96px}
 .refresh-2026 .hero-partners .customer-logo--teamily{width:94px}
 .refresh-2026 .hero-partners .customer-logo--monid{width:80px;height:22px}
 .refresh-2026 .hero-partners .customer-logo--kuse{width:84px;height:23px}
 .refresh-2026 .hero-partners .customer-logo--treg{width:74px;max-width:74px}
 .refresh-2026 .hero-partners .treg-wordmark>span{font-size:22px}
 .refresh-2026 .hero-partners .treg-wordmark img{width:22px;height:22px}
}
@media(prefers-reduced-motion:reduce){.refresh-2026 main>.scroll-card{position:relative;top:auto;box-shadow:none}}
/* A real image remains beneath the player until a decoded frame is playing. */
.hero-video-tile .hero-video-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-video-tile video{position:absolute;inset:0;opacity:0}
.hero-video-tile video.has-frame{opacity:1}
.refresh-2026 .hero-partners img.customer-logo{object-fit:contain;mix-blend-mode:normal}

/* The source post snapshots replace the illustrative growth curve. */
.reel-results{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:14px}
.reel-results li{position:relative;padding-bottom:9px}
.reel-results li::after{content:'';position:absolute;bottom:0;left:0;height:3px;width:var(--share);background:var(--yellow);border-radius:2px}
.reel-results a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-height:30px;font-size:12px;color:#dbe0cc}
.reel-results strong{font-size:20px;letter-spacing:-.02em}
.refresh-2026 .results-note{font-size:10px;line-height:1.5;color:#b9bfad;margin-top:16px}
.refresh-2026 .contact-card{display:grid;align-content:start;gap:24px}
.refresh-2026 .contact-card p{font-size:17px;line-height:1.55}
.refresh-2026 .contact-card .form-note{font-size:12px}
.refresh-2026 .contact-card .button{justify-self:start}
.refresh-2026 .concept-play{color:var(--ink);background:var(--yellow);border-color:var(--ink)}