/* VO. page-wide visual system. Layout, type, actions and responsive rules live here.
   Base component files retain mechanics; revision.css contains media/loading only. */
:root{--paper:#f6f3eb;--ink:#282e2a;--page-red:#d93628;--page-muted:#697164;--page-rule:#d7dacf;--forest:#24372a;--surface:#fffef8;--site-gutter:max(6vw,calc((100vw - 1400px)/2));--section-space:clamp(80px,8vw,120px);--column-gap:8vw;--display:clamp(38px,4.5vw,66px);--body:17px;--radius:18px}
body{font-family:Fixel,Arial,sans-serif;font-weight:400;line-height:1.6;text-rendering:optimizeLegibility}
.page-section,.page-cta,.page-footer,.offers.offers-journey{padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
.page-section,.offers.offers-journey{padding-top:var(--section-space);padding-bottom:var(--section-space)}
.reel-heading,.reel-footer{padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
.work-track{padding-left:var(--site-gutter);padding-right:var(--site-gutter);scroll-padding-inline:var(--site-gutter)}
.page-section h2,.offers.offers-journey h2,.reel-heading h2{font:300 var(--display)/1.12 UkraineHead,Fixel,sans-serif;letter-spacing:-.04em;text-wrap:initial;margin:0}
.page-link,.journey-cta,.final-action .line-link{font-size:18px;line-height:1.4;min-height:52px;padding:14px 0;border:0;border-bottom:1px solid currentColor;border-radius:0;background:none;color:var(--page-red);display:inline-flex;justify-content:space-between;align-items:center;gap:32px;text-decoration:none}
.page-link:hover,.journey-cta:hover,.final-action .line-link:hover{background:none;color:#a52d22;transform:none}
.arrow-ne,.link-arrow{width:24px;height:24px;flex:none;stroke-width:1.5}.stage-arrow{flex:none;transition:transform .2s ease}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}
/* The film and the final contact remain the two large compositional moments. */
.mast,.film-footer{padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
.opening-foot .arrow-ne,.mast-right .arrow-ne,.author-signature .arrow-ne{width:1em;height:1em}
.film-footer[hidden]{display:none}.opening-foot p{max-width:390px;font-size:14px;line-height:1.65}
.scene4 .headline{top:18%;font-size:clamp(44px,6.35vw,100px);line-height:1.1;max-width:90%;color:var(--ink)}.scene4 .headline span{margin-left:7vw;color:inherit}
.scene4 .final-action{left:6vw;bottom:20%;width:33%;min-width:290px}.scene4 .final-action .line-link{display:flex;font-size:20px;width:100%}.scene4 .final-action p{font-size:14px;line-height:1.6;color:var(--page-muted);max-width:290px;margin-top:18px}
/* A common two-column axis for the story, practical information and contact. */
.journey-top,.launch-plan-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--column-gap);max-width:none;margin:0 0 48px;align-items:start}
.journey-top h2{max-width:740px}.journey-top>p{max-width:360px;margin:5px 0 0;justify-self:end;text-align:left;font-size:var(--body);line-height:1.7;color:var(--page-muted)}
.journey-bridge{max-width:640px;font-size:15px;line-height:1.65;color:var(--page-muted);margin:0 0 32px}
.offers.offers-journey{border:0}.journey-grid{gap:24px;align-items:start}.journey-column{border-radius:var(--radius);box-shadow:none;padding:30px 24px 24px}
.journey-heading{height:auto;min-height:210px}.journey-heading h4,.journey-self .journey-heading h4{font:300 clamp(25px,2.25vw,34px)/1.15 UkraineHead,Fixel,sans-serif;letter-spacing:-.035em}.journey-heading p{font-size:14px;line-height:1.6}.format-owner,.journey-work-label,.task-section-label{font-size:12px;line-height:1.5;letter-spacing:0}.journey-bundle .stage-owner,.journey-task>summary .task-owner{font-size:11px}
.risk-disclosure>summary{background:none;border-radius:0;padding:12px 0;font-size:13px;min-height:44px}.risk-problem>summary{font-size:15px;min-height:48px}.journey-bundle>details>summary>.stage-arrow{background:none;border-radius:0;padding:2px}.journey-bundle>details[open]>summary .stage-arrow{background:none;color:var(--card-text)}
.journey-bundle .stage-title{font-size:15px}.journey-bundle .journey-task>summary{font-size:14px;min-height:44px}.journey-bundle .journey-task>p,.risk-body p,.risk-item .risk-explanation{font-size:15px;line-height:1.65}.journey-price{font-size:30px;line-height:1.2;margin-top:30px}.journey-cta{display:flex;font-size:16px;width:100%}.journey-author .journey-cta{background:none;color:var(--paper)}.journey-author .journey-cta:hover{background:none;color:#fff}.journey-cta span{font-size:24px}
.offer-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px;padding-top:26px;border-top:1px solid var(--page-rule)}.offer-example{min-width:0;--card-text:var(--ink);--card-muted:var(--page-muted);padding:0 24px}.example-label{font-size:13px;margin:0 0 16px;color:var(--page-muted)}.offer-examples .lono-preview{margin:0}.offer-examples .lono-preview-note{display:none}
/* Small editorial details connect the comparison to the VO identity. */
.journey-column{position:relative}
.format-owner{display:flex;align-items:center;gap:10px;min-height:36px}
.format-owner:before{content:'';width:18px;height:2px;flex:none;background:var(--page-red)}
.journey-self .format-owner:before{background:var(--card-muted);width:8px}
.journey-author .format-owner:before{width:28px}
.journey-work-label{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.journey-work-label:after{content:'';flex:1;height:1px;background:var(--card-rule)}
.journey-bundle>details>summary{position:relative;transition:color .18s ease}
.journey-bundle>details[open]>summary:before{content:'';position:absolute;left:-24px;top:24px;width:3px;height:18px;background:var(--page-red)}
.journey-self .journey-bundle>details[open]>summary:before{background:var(--card-muted)}
.journey-bundle .journey-tasks,.journey-bundle.me .journey-tasks{border-radius:2px 2px 12px 2px;padding:18px 14px;margin-bottom:20px}
.journey-bundle .task-section-label{display:flex;align-items:center;gap:10px;font-weight:400}
.journey-bundle .task-section-label:after{content:'';height:1px;flex:1;background:var(--card-rule)}
.journey-bundle .journey-task>summary .task-owner{font-variant:small-caps;letter-spacing:.04em}
.journey-cta .arrow-ne{transition:transform .2s ease}
@media(hover:hover){.journey-cta:hover .arrow-ne{transform:translate(3px,-3px)}.journey-bundle>details>summary:hover .stage-title{color:var(--page-red)}.journey-author .journey-bundle>details>summary:hover .stage-title{color:#fff}}
@media(max-width:760px){.journey-bundle>details[open]>summary:before{left:-20px}}
@media(min-width:761px) and (max-width:1050px){.journey-bundle>details[open]>summary:before{left:-16px}}
@media(prefers-reduced-motion:reduce){.journey-cta .arrow-ne,.journey-bundle>details>summary{transition:none}}
/* Artwork is the focus. Playback is neutral; comparison is a secondary action. */
.work-reel{border:0;padding-top:var(--section-space);padding-bottom:32px}.reel-heading{padding-bottom:40px}.reel-media{border-radius:var(--radius)}.reel-caption{padding-top:24px;gap:24px}.reel-caption h3{font:300 clamp(28px,3vw,42px)/1.15 UkraineHead,Fixel,sans-serif;letter-spacing:-.035em;margin:6px 0 14px}.reel-caption p{font-size:16px;line-height:1.65;max-width:430px;color:var(--page-muted)}.reel-type,.reel-footer,.reel-footer>span{font-size:13px;line-height:1.6;color:var(--page-muted)}
.motion-toggle{position:static;display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:12px 0 0;padding:8px 0;border:0;border-radius:0;background:none;color:var(--page-muted);min-height:44px;height:44px;width:max-content;max-width:100%;font-size:14px;line-height:1;white-space:nowrap;box-shadow:none}.motion-toggle:hover{color:var(--ink)}.motion-toggle svg{flex:none}.motion-toggle span{display:block}
.comparison-actions{margin-top:20px}.compare-toggle{padding:8px 0;min-height:44px;font-size:15px;color:var(--page-red);border:0;gap:24px}.comparison-disclaimer{font-size:13px;line-height:1.6}.rail-navigation button{border-color:var(--page-rule)}
/* Two connected claims, one scale and a shared baseline. */
.ai-reality{display:grid;grid-template-columns:1fr 1fr;gap:var(--column-gap);align-items:stretch}
.ai-reality>div:first-child{display:flex;flex-direction:column}.ai-reality h2,.reality-answer h3{font:300 clamp(32px,3.8vw,56px)/1.14 UkraineHead,Fixel,sans-serif;letter-spacing:-.04em;max-width:550px;margin:0;text-wrap:initial}.reality-answer h3{color:var(--page-red);font-size:clamp(32px,3.4vw,50px)}.reality-answer h3 br{display:none}
.ai-reality p:not(.author-signature){max-width:360px;font-size:var(--body);line-height:1.75;color:var(--ink);margin:30px 0 0}.ai-reality>div:first-child>.page-link{margin-top:auto;padding-top:44px;align-self:flex-start;font-size:15px;min-height:44px;text-decoration:none}
.reality-answer p:not(.author-signature){margin-top:24px}
.author-signature{display:flex;align-items:center;gap:24px;margin:40px 0 0;font-size:13px;line-height:1.7}.author-signature>span:last-child{color:var(--page-muted)}.author-signature a{color:inherit;text-decoration:underline;text-underline-offset:4px}.signature-mark{color:var(--page-red);flex:none;font-size:52px}
/* The dates and titles use the same left axis as the sections above. */
.launch-plan{display:block;background:var(--paper);border:0}.launch-plan-heading{position:static;padding:0;margin-bottom:64px;align-items:end}.launch-plan-heading h2{max-width:740px}.launch-plan-heading h2 em{background:none;color:var(--page-red);border-radius:0;padding:0;margin:0;font-style:normal;display:inline}.launch-plan-heading>p{max-width:360px;font-size:var(--body);line-height:1.7;color:var(--page-muted);margin:0;justify-self:end}
.launch-days{list-style:none;display:block;margin:0;padding:0;border:0}.launch-days>li,.launch-days>li:last-child{display:grid;grid-template-columns:90px minmax(0,.9fr) minmax(0,1.1fr);gap:24px 48px;position:relative;align-items:start;padding:30px 0 42px;background:none;border:0;border-radius:0;color:var(--ink)}.launch-days>li:before{display:none}
.launch-day,.launch-days>li:last-child .launch-day{grid-column:1;grid-row:auto;display:flex;flex-direction:column;align-items:start;justify-content:start;gap:6px;background:none;border:0;border-radius:0;min-height:0;color:inherit}.launch-day small,.launch-days>li:last-child small{font-size:11px;color:var(--page-muted)}.launch-day>span{font:300 38px/1.1 UkraineHead,Fixel,sans-serif;letter-spacing:-.04em;white-space:nowrap}
.launch-days h3{grid-column:2;font:300 29px/1.2 UkraineHead,Fixel,sans-serif;letter-spacing:-.035em;max-width:330px;margin:0}.launch-days p,.launch-days>li:last-child p{grid-column:3;font-size:var(--body);line-height:1.7;max-width:450px;color:var(--page-muted);margin:0}.launch-days>li:last-child h3,.launch-days>li:last-child .launch-day>span{color:var(--page-red)}.launch-plan-footer{display:block;margin:16px 0 0 calc(50% + 4vw);padding:0;border:0}.launch-plan-footer>p{display:none}.launch-plan-footer .page-link{font-size:18px;gap:48px}
/* Practical questions stay close to their answers, on desktop and mobile alike. */
.faq{padding-top:40px;padding-bottom:var(--section-space)}.faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--column-gap);align-items:start}.faq-layout>h2{font:400 15px/1.6 Fixel,sans-serif;letter-spacing:0;color:var(--page-muted);margin:0;padding-top:14px}.faq-list{border:0;margin:0}.faq-item{border:0;margin:0 0 22px}.faq-item>summary{font:300 27px/1.25 UkraineHead,Fixel,sans-serif;letter-spacing:-.025em;gap:24px;padding:10px 0;min-height:52px;align-items:start}.faq-item>summary .stage-arrow{margin-top:10px;color:var(--page-muted);width:16px;height:16px}.faq-item[open]>summary{color:var(--ink)}.faq-item>p{font-size:var(--body);line-height:1.75;color:var(--page-muted);padding:12px 36px 16px 0;max-width:480px;margin:0}
/* One concluding invitation; the large signature belongs only here. */
.page-cta{padding-top:var(--section-space);padding-bottom:56px}.cta-layout{grid-template-columns:1fr 1fr;gap:var(--column-gap);align-items:start}.page-cta h2{font:300 clamp(44px,5.6vw,84px)/1.1 UkraineHead,Fixel,sans-serif;letter-spacing:-.04em;text-wrap:initial}.cta-copy{padding-top:6px}.cta-copy .page-link{font-size:clamp(20px,1.8vw,26px);color:inherit;border-bottom-width:1px;max-width:none;align-items:start;padding-top:0;padding-bottom:20px}.cta-copy .link-arrow{margin-top:5px}.cta-copy p{font-size:var(--body);line-height:1.65;max-width:430px}.cta-copy p.cta-options{font-size:14px;margin:20px 0 24px}.cta-copy .contact-alt{font-size:14px;margin-top:28px}.cta-wordmark{margin-top:56px;margin-bottom:0}.footer-links{gap:24px;font-size:14px}.footer-links a{display:inline-flex;align-items:center;min-height:44px;gap:6px}.footer-links .arrow-ne{width:18px;height:18px}.footer-bottom{font-size:13px;line-height:1.6}
@media(min-width:761px) and (max-width:1050px){.journey-grid{gap:14px}.journey-column{padding:24px 16px}.journey-heading{min-height:220px}.journey-bundle .stage-title{font-size:14px}.launch-days>li{grid-template-columns:70px 1fr 1.1fr;gap:24px}.author-signature{gap:14px;font-size:12px}}
@media(max-width:760px){
 :root{--site-gutter:6vw;--section-space:80px;--display:36px;--body:17px;--radius:16px}
 .page-section,.offers.offers-journey{padding-top:var(--section-space);padding-bottom:var(--section-space)}
 .scene0 .headline{top:15%;font-size:clamp(30px,8vw,50px)}.scene1 .headline,.scene2 .headline,.scene3 .headline{top:14%;font-size:clamp(27px,7vw,42px)}.opening-foot{bottom:100px}.opening-foot p{max-width:310px;font-size:12px;line-height:1.65}.experience-proof{bottom:110px}
 .scene4 .headline{top:18%;font-size:clamp(31px,8.3vw,58px);line-height:1.16}.scene4 .headline span{margin-left:0;margin-top:6px}.scene4 .final-action{top:39%;bottom:auto;width:80%;min-width:0}.scene4 .final-action .line-link{font-size:19px}.scene4 .final-action p{font-size:13px;max-width:250px}
 .journey-top,.launch-plan-heading{display:block;margin-bottom:36px}.journey-top>p,.launch-plan-heading>p{font-size:16px;line-height:1.7;max-width:310px;margin:26px 0 0}.journey-bridge{font-size:14px;line-height:1.65;max-width:310px;color:var(--page-muted)}
 .journey-column{padding:26px 20px 22px}.journey-heading{min-height:0}.journey-heading h4,.journey-self .journey-heading h4{font-size:30px}.journey-heading p{font-size:15px}.journey-bundle .stage-title{font-size:16px}.journey-bundle .journey-task>summary{font-size:15px;min-height:48px}.journey-cta{font-size:16px}.risk-disclosure>summary{font-size:14px}
 .offer-examples{gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;grid-template-columns:repeat(3,76vw);margin-top:36px;padding-top:24px;padding-bottom:14px}.offer-example{padding:0;scroll-snap-align:start}.example-label{font-size:13px}
 .reel-heading{gap:14px;padding-bottom:28px}.reel-heading h2{font-size:36px}.reel-caption h3{font-size:30px}.reel-caption p{font-size:16px}.reel-caption{padding-top:22px}.motion-toggle{font-size:14px}.compare-toggle{font-size:15px}
 .ai-reality{display:block}.ai-reality h2,.reality-answer h3{font-size:34px;line-height:1.17;max-width:340px}.reality-answer h3 br{display:none}.ai-reality p:not(.author-signature){font-size:17px;line-height:1.75;max-width:310px;margin-top:26px}.ai-reality>div:first-child>.page-link{margin-top:24px;padding-top:0;font-size:15px}.reality-answer{border:0;padding:0;margin-top:32px}.reality-answer:before{content:'';display:block;width:20px;height:28px;margin-bottom:24px;background:var(--page-red);clip-path:polygon(46% 0,54% 0,54% 81%,88% 56%,94% 63%,50% 100%,6% 63%,12% 56%,46% 81%)}.author-signature{gap:18px;margin-top:32px;font-size:12px}.signature-mark{font-size:42px}
 .launch-plan-heading{margin-bottom:44px}.launch-days>li,.launch-days>li:last-child{grid-template-columns:58px minmax(0,1fr);gap:12px 20px;padding:20px 0 36px}.launch-day{grid-row:1/3}.launch-day>span{font-size:27px}.launch-days h3{grid-column:2;font-size:24px}.launch-days p,.launch-days>li:last-child p{grid-column:2;font-size:16px;line-height:1.7}.launch-plan-footer{margin:16px 0 0 78px}.launch-plan-footer .page-link{font-size:16px;gap:20px}
 .faq{padding-top:16px;padding-bottom:64px}.faq-layout{display:block}.faq-layout>h2{font-size:14px;padding:0;margin-bottom:24px}.faq-item{margin-bottom:18px}.faq-item>summary{font-size:25px;line-height:1.25;gap:20px}.faq-item>p{font-size:17px;line-height:1.7;padding-right:18px}
 .page-cta h2{font-size:44px;line-height:1.1}.cta-layout{display:block}.cta-copy{padding-top:0;margin-top:36px}.cta-copy .page-link{font-size:21px;gap:24px}.cta-copy .page-link br{display:none}.cta-copy p{font-size:16px}.cta-wordmark{margin-top:40px}.page-footer{padding-top:32px;padding-bottom:28px}.footer-links{gap:8px 20px}.footer-bottom{font-size:12px}
}

/* A shared visual travels from the campaign idea to the landing page. */
.campaign{overflow:hidden}
.campaign-heading{display:grid;grid-template-columns:1.5fr .7fr;gap:var(--column-gap);align-items:end;margin-bottom:64px}
.campaign-heading h2{max-width:800px}.campaign-heading h2 span{color:var(--page-red)}
.campaign-heading>p{max-width:360px;justify-self:end;margin:0;color:var(--page-muted);font-size:17px;line-height:1.7}
.campaign-route{display:grid;grid-template-columns:1fr .85fr 1.45fr;gap:40px;align-items:end}
.campaign-step{margin:0;min-width:0;position:relative}
.campaign-art{height:280px;position:relative;isolation:isolate;overflow:hidden;background:#101b20;color:#f6f3eb}
.campaign-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;z-index:-2;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.campaign-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),transparent 35%,rgba(0,0,0,.5));z-index:-1}
.campaign-brand{position:absolute;left:20px;top:18px;font:18px/1 Fixel,sans-serif;letter-spacing:.12em}
.campaign-art-title{position:absolute;left:20px;bottom:28px;font:30px/1.03 LonoForum,Georgia,serif;letter-spacing:-.02em}
.campaign-ad .campaign-art{height:350px;max-width:230px;margin:auto;border-radius:16px}
.campaign-ad .campaign-art-title{top:70px;bottom:auto;font-size:28px}
.campaign-mock-action{position:absolute;left:20px;right:20px;bottom:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #b1b6ab;padding:10px 0;font-size:10px;gap:10px}
.campaign-mock-action svg{width:18px;height:18px;flex:none}
.campaign-web .campaign-art{height:280px;border-radius:4px}.campaign-web .campaign-art-title{top:85px;bottom:auto;font-size:36px}
.campaign-web .campaign-mock-action{left:auto;width:155px}
.campaign-step figcaption{position:relative;margin-top:25px;padding-top:24px;border-top:1px solid var(--page-rule);min-height:220px}
.campaign-step:not(:last-child) figcaption:after{content:'';position:absolute;top:-4px;right:-3px;width:7px;height:7px;border-top:1px solid var(--page-red);border-right:1px solid var(--page-red);transform:rotate(45deg)}
.campaign-step h3{font:300 27px/1.2 UkraineHead,Fixel,sans-serif;letter-spacing:-.03em;margin:0 0 14px}
.campaign-step figcaption p{font-size:15px;line-height:1.7;color:var(--page-muted);margin:0;max-width:330px}
.campaign-footer{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:36px}
.campaign-footer>p{font:300 32px/1.2 UkraineHead,Fixel,sans-serif;letter-spacing:-.03em;margin:0}
.campaign-footer>span{font-size:12px;line-height:1.7;color:var(--page-muted);max-width:300px}
@media(hover:hover){.campaign-art:hover img{transform:scale(1.035)}}
@media(max-width:1050px) and (min-width:761px){.campaign-route{gap:24px}.campaign-step h3{font-size:23px}.campaign-art-title{font-size:26px}.campaign-web .campaign-art-title{font-size:30px}.campaign-step figcaption{min-height:220px}}
@media(max-width:760px){.campaign-heading{display:block;margin-bottom:40px}.campaign-heading h2{font-size:36px}.campaign-heading>p{font-size:16px;max-width:310px;margin-top:26px}.campaign-route{display:block}.campaign-step{margin:0 0 42px}.campaign-art{height:290px}.campaign-ad .campaign-art{max-width:230px;height:350px}.campaign-web .campaign-art{height:240px}.campaign-step figcaption{min-height:0;margin-top:20px;padding-top:20px}.campaign-step figcaption p{font-size:16px;max-width:310px}.campaign-step:not(:last-child) figcaption:after{transform:rotate(135deg)}.campaign-footer{display:block;margin-top:8px}.campaign-footer>p{font-size:28px}.campaign-footer>span{display:block;margin-top:24px}.campaign-web .campaign-art-title{font-size:32px;top:70px}}
@media(prefers-reduced-motion:reduce){.campaign-art img{transition:none}.campaign-art:hover img{transform:none}}

/* The campaign is an offer: scope and business reason precede the demonstration. */
.campaign-service-label{font-size:13px;line-height:1.5;color:var(--page-muted);margin:0 0 24px}
.campaign-heading{grid-template-columns:1.2fr .8fr;align-items:end;margin-bottom:56px}
.campaign-reason{max-width:365px;justify-self:end}.campaign-reason p{font-size:17px;line-height:1.7;margin:0 0 22px}.campaign-reason p:first-child{color:var(--page-muted)}.campaign-reason p:last-child{margin-bottom:0}
.campaign-brand{display:flex;align-items:center;gap:8px;font-family:LonoForum,Georgia,serif;font-size:20px}.campaign-brand>svg{width:28px;height:28px;mix-blend-mode:screen}
.campaign-step h3{font-size:25px}.campaign-step figcaption{min-height:235px}
.campaign-footer .campaign-scope{font-size:14px;line-height:1.7;color:var(--page-muted);max-width:480px;margin:18px 0 0}.campaign-footer .page-link{font-size:20px;gap:32px}
@media(max-width:760px){.campaign-service-label{font-size:12px;margin-bottom:20px}.campaign-heading{margin-bottom:40px}.campaign-reason{max-width:310px;margin-top:26px}.campaign-reason p{font-size:16px}.campaign-step figcaption{min-height:0}.campaign-footer .page-link{font-size:18px}.campaign-footer .campaign-scope{font-size:14px}.campaign-footer>span{max-width:300px}}

/* One continuous example, rather than a shelf of services. */
.campaign-promise{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--column-gap);align-items:start;margin:0 0 48px}.campaign-promise h3{font:300 32px/1.2 UkraineHead,Fixel,sans-serif;letter-spacing:-.03em;margin:0}.campaign-promise p{font-size:17px;line-height:1.7;max-width:365px;justify-self:end;margin:0}
.campaign-pair{display:grid;grid-template-columns:280px 90px minmax(0,1fr);gap:32px;align-items:center;max-width:1080px;margin:0 auto}
.campaign-pair .campaign-ad .campaign-art{height:350px;max-width:260px}.campaign-pair .campaign-web .campaign-art{height:350px}.campaign-pair .campaign-web .campaign-art-title{font-size:46px;top:105px}
.campaign-pair .campaign-step figcaption{min-height:0;border:0;margin-top:16px;padding:0;font-size:14px;color:var(--page-muted)}.campaign-pair .campaign-step figcaption:after{display:none}.campaign-pair .campaign-ad figcaption{text-align:center}
.campaign-connection{color:var(--page-red);padding-bottom:40px}.campaign-connection svg{width:100%;height:24px}
.campaign-footer{margin-top:40px}.campaign-footer>.page-link{font-size:20px}
.ai-example-link{display:block;text-decoration:none;color:var(--ink)}.ai-example-link>img{display:block;width:100%;aspect-ratio:1.45;height:auto;object-fit:cover;object-position:top;border-radius:12px}.ai-example-link>span{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding-top:14px}
@media(max-width:1050px) and (min-width:761px){.campaign-pair{grid-template-columns:230px 40px minmax(0,1fr);gap:24px}}
@media(max-width:760px){.campaign-promise{display:block;margin-bottom:32px}.campaign-promise h3{font-size:27px}.campaign-promise p{font-size:16px;margin-top:20px;max-width:310px}.campaign-pair{display:flex;flex-direction:column;gap:20px}.campaign-pair .campaign-step{width:100%;margin:0}.campaign-pair .campaign-ad .campaign-art{max-width:230px;height:320px}.campaign-pair .campaign-web .campaign-art{height:250px}.campaign-pair .campaign-web .campaign-art-title{font-size:34px;top:80px}.campaign-connection{padding:0;height:42px;width:42px;display:grid;place-items:center}.campaign-connection svg{transform:rotate(90deg);width:42px}.campaign-pair .campaign-step figcaption{font-size:13px;text-align:center}.campaign-footer>.page-link{font-size:18px}}

@font-face{font-family:LonoRune;src:url('lono/ruslan.ttf') format('truetype');font-display:swap}
.campaign-real{grid-template-columns:350px 80px minmax(0,1fr);max-width:none;gap:30px;align-items:center}
.social-ad{border:1px solid var(--page-rule);border-radius:12px;overflow:hidden;background:#fffefb;color:var(--ink)}
.social-ad-head{display:flex;align-items:center;gap:10px;padding:16px 18px}.ad-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#18241c}.ad-avatar svg{width:29px;height:29px}.social-ad-head strong{font-size:14px;line-height:1.3;display:block}.social-ad-head small{display:block;font-size:11px;color:var(--page-muted)}.ad-menu{margin-left:auto;font-size:20px;line-height:1}
.social-ad-copy{margin:0;padding:0 18px 16px;font-size:14px;line-height:1.55}
.social-ad-visual{position:relative;height:280px;background:#08110c;overflow:hidden}.social-ad-visual>img{width:100%;height:100%;object-fit:cover;object-position:23% center;display:block}.social-ad-visual>span{position:absolute;left:22px;top:22px;font:400 24px/1.3 LonoRune,Georgia,serif;color:#dfbd85;text-transform:uppercase;text-shadow:0 2px 20px #000}.social-ad-visual b{font-size:36px;font-weight:400}
.social-ad-bottom{padding:15px 16px;display:flex;gap:10px;align-items:center;justify-content:space-between;background:#eeeee6}.social-ad-bottom small{display:block;font-size:9px;letter-spacing:.06em;color:var(--page-muted)}.social-ad-bottom strong{font-size:12px;font-weight:500}.social-ad-bottom a{display:flex;align-items:center;gap:8px;font-size:12px;padding:10px 12px;background:#283c2e;color:#fff;border-radius:5px;text-decoration:none;white-space:nowrap}.social-ad-bottom svg{width:16px;height:16px}
.campaign-real .campaign-connection{padding:0 0 65px;display:flex;flex-direction:column;gap:12px}.campaign-connection>span{font-size:11px;text-align:center;white-space:nowrap}
.landing-window{border:1px solid var(--page-rule);border-radius:10px;overflow:hidden;background:#e8e9e0;transition:box-shadow .3s}.landing-toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-size:10px;color:var(--page-muted)}.landing-toolbar>span:first-child{font-size:8px;letter-spacing:3px}.landing-window>img{display:block;width:100%;height:auto}.campaign-real .campaign-web{scroll-margin-top:100px}.campaign-real .campaign-web:target .landing-window{box-shadow:0 0 0 3px var(--page-red)}
.campaign-real .campaign-step figcaption{font-size:13px;line-height:1.6;text-align:left;max-width:480px;margin-top:20px}.campaign-real figcaption strong{color:var(--ink);font-weight:500}
@media(min-width:761px) and (max-width:1050px){.campaign-real{grid-template-columns:300px 40px minmax(0,1fr);gap:18px}.campaign-connection>span{font-size:9px}.social-ad-bottom{padding:12px 10px}.social-ad-bottom a{padding:10px 8px}}
@media(max-width:760px){.campaign-real{gap:24px}.campaign-real .campaign-ad{max-width:350px}.campaign-real .campaign-connection{padding:0;height:64px;width:auto;display:flex;gap:12px;align-items:center}.campaign-real .campaign-connection svg{height:24px}.campaign-real .campaign-step figcaption{text-align:left;font-size:13px}.landing-toolbar{padding:9px;font-size:9px}.social-ad-visual{height:280px}.social-ad-bottom{padding:14px 12px}.social-ad-bottom a{padding:10px}.campaign-real .campaign-web{scroll-margin-top:24px}}
@media(prefers-reduced-motion:reduce){.landing-window{transition:none}}
