/* VO: focused components, shared paper / ink / forest / red. */
.final-action .build-cta{position:relative;display:flex;gap:24px;align-items:center;padding:17px 20px 17px 24px;background:var(--page-red,#df3428);color:var(--paper);border:0;border-radius:50px;overflow:hidden;isolation:isolate;transition:background .25s,transform .25s}
.final-action .build-cta:before{content:'';position:absolute;inset:0;background:var(--forest,#24372a);transform:translateX(-102%);transition:transform .55s cubic-bezier(.19,1,.22,1);z-index:-1}
.final-action .build-label{display:flex;gap:.32em;font-size:15px;letter-spacing:.015em;line-height:1.4}
.final-action .build-word{display:grid;overflow:hidden;font-size:inherit;line-height:inherit}
.build-word>span{grid-area:1/1;transition:transform .5s cubic-bezier(.19,1,.22,1);transition-delay:calc(var(--word)*45ms);font-size:inherit}
.build-word>span+span{transform:translateY(120%)}
.final-action .build-arrow{display:block;position:relative;width:24px;height:24px;overflow:hidden;flex:none}
.build-arrow svg{position:absolute;inset:0;width:24px;height:24px;transition:transform .5s cubic-bezier(.19,1,.22,1)}
.build-arrow svg+svg{transform:translate(-110%,110%)}
.build-cta:hover:before,.build-cta:focus-visible:before{transform:translateX(0)}
.build-cta:hover .build-word>span:first-child,.build-cta:focus-visible .build-word>span:first-child{transform:translateY(-120%)}
.build-cta:hover .build-word>span+span,.build-cta:focus-visible .build-word>span+span{transform:translateY(0)}
.build-cta:hover .build-arrow svg:first-child,.build-cta:focus-visible .build-arrow svg:first-child{transform:translate(110%,-110%)}
.build-cta:hover .build-arrow svg+svg,.build-cta:focus-visible .build-arrow svg+svg{transform:translate(0)}
.build-cta:active{transform:scale(.98)}
.journey-heading{padding-top:6px;min-height:174px}.journey-heading h4{margin-top:0}.journey-list{margin-top:8px}
.comparison-hub{padding-bottom:72px}.comparison-study{padding:30px 30px 26px;background:#e9ece3;border-radius:24px;border:1px solid #dfe3d7}
.comparison-banner-head{display:flex;justify-content:space-between;align-items:start;gap:30px;margin:0 0 28px}
.comparison-banner-head>span:first-child{font:300 clamp(24px,2.4vw,36px)/1.18 UkraineHead,Fixel,sans-serif;letter-spacing:-.035em;max-width:480px}
.comparison-banner-note{font-size:14px;line-height:1.6;color:var(--page-muted);max-width:230px}
.comparison-teasers .comparison-variant{padding:14px;border-radius:13px}.comparison-teasers .comparison-variant>h4{font-size:18px;margin-bottom:14px}
.comparison-disclosure-line{padding-top:26px;gap:20px}.comparison-disclosure-line:before{display:none}.comparison-disclosure-line:after{background:#b8c2b1}
.comparison-action{order:2;background:var(--page-red);color:var(--paper);padding:14px 22px;border-radius:50px;min-height:48px;font-size:16px;gap:20px}
.comparison-trigger:hover .comparison-action{text-decoration:none;background:var(--forest)}
.comparison-study[open] .comparison-banner-head{margin-bottom:28px}.comparison-study[open] .comparison-disclosure-line{padding:0}
.comparison-study[open]{background:transparent;padding:0;border-color:transparent;border-radius:0}.comparison-content{padding-top:40px}
.comparison-arguments li{padding-left:0}.comparison-arguments li:before{display:none}
.demo-self{background:#f6f7f3;color:#21362b}.demo-self .demo-nav{border-bottom:1px solid #dbe2d8;padding-bottom:2cqw}.demo-self .demo-nav b{font:600 3cqw/1 Fixel,sans-serif;letter-spacing:.04em}
.demo-self-copy{left:7%;right:auto;top:27%;width:46%;text-align:left}.demo-self h4{font:550 5.7cqw/1.08 Fixel,sans-serif;letter-spacing:-.045em;margin:0 0 2cqw}.demo-self p{font:400 1.8cqw/1.6 Fixel,sans-serif;color:#5c685e}
.demo-self .demo-link{border-radius:10cqw;background:#264635;font:450 1.6cqw/1.3 Fixel,sans-serif;padding:1.6cqw 2.5cqw;margin-top:3cqw}
.demo-self-products{left:auto;right:7%;bottom:13%;top:22%;width:34%;display:block;border-radius:15cqw 15cqw 1cqw 1cqw;overflow:hidden}.demo-self-products .demo-product{height:100%;aspect-ratio:auto;border-radius:0}.demo-self-products .demo-product~.demo-product{display:none}
.demo-quick{background:#131c16;color:#e8ddbd}.demo-quick .demo-nav b{font-family:LonoForum,Georgia,serif}.demo-quick-copy{top:26%;left:7%;width:45%}.demo-quick h4{font-size:8cqw}.demo-quick-bottle{right:7%;top:20%;width:38%;height:67%;border-radius:1cqw;aspect-ratio:auto;box-shadow:none}.demo-quick-foot{bottom:4%;font-size:1.1cqw;opacity:.8}
.demo-window[data-mode="quick"] .demo-collection{background:#131c16;color:#e8ddbd}.demo-window[data-mode="quick"] .demo-products{gap:3cqw}.demo-window[data-mode="quick"] .demo-products .demo-product{border-radius:.5cqw}.demo-window[data-mode="quick"] .demo-products p{font-family:LonoForum,Georgia,serif;font-size:2.7cqw}
.portfolio-live{position:relative;width:100%;height:100%;overflow:hidden;pointer-events:none;background:#10150f}.portfolio-live>img{width:100%;height:100%;object-fit:cover;display:block}.portfolio-live iframe{position:absolute;top:0;left:0;border:0;width:1280px;height:800px;transform:scale(var(--portfolio-scale,.4));transform-origin:top left;opacity:0;transition:opacity .3s;pointer-events:none}
.portfolio-live.is-ready.is-running iframe{opacity:1}.portfolio-live.is-ready.is-paused iframe{opacity:1}
#works .portfolio-playback{margin-top:auto;border-top:1px solid var(--page-rule);padding-top:10px;min-height:56px}
.portfolio-toggle{display:flex;align-items:center;gap:12px;font-size:14px;min-height:44px;color:inherit;background:none;padding:4px 0}.portfolio-toggle svg{width:18px;height:18px}
#together{padding-block:58px}#together .launch-plan-heading{grid-template-columns:1.5fr 1fr;align-items:center;margin-bottom:28px}#together .launch-plan-heading h2{font-size:clamp(28px,3.4vw,48px);max-width:620px}#together .launch-plan-heading>p{font-size:13px;color:var(--page-muted);justify-self:end;margin:0}
.launch-map-label{display:none}.launch-stops{grid-template-columns:repeat(6,minmax(0,1fr));gap:0}.launch-stop{min-height:90px;gap:10px;padding-bottom:10px}.stop-day{width:37px;height:37px;font-size:12px}.stop-name{font-size:13px}.launch-stops>li:before{top:18px;left:18px;right:-18px}.launch-disclosure{margin-top:8px}.launch-disclosure>summary{font-size:14px;min-height:44px;padding:10px 0;border-top:0}.launch-conditions{font-size:15px;color:var(--page-muted);max-width:680px;line-height:1.65;margin:4px 0 28px}
#advertising .campaign-heading{display:grid;grid-template-columns:1.1fr .85fr;gap:10vw;align-items:start;margin:0 0 44px}#advertising .campaign-heading h2{font:300 clamp(34px,4.8vw,72px)/1.08 UkraineHead,Fixel,sans-serif;letter-spacing:-.045em;color:var(--ink);max-width:680px}
.campaign-intro h3{font:300 clamp(22px,2.25vw,33px)/1.25 UkraineHead,Fixel,sans-serif;letter-spacing:-.025em;color:var(--page-red);margin:0 0 22px}.campaign-intro p{font-size:16px;line-height:1.65;max-width:400px;color:var(--page-muted);margin:0}
.campaign-demo{display:grid;grid-template-columns:minmax(0,.72fr) 54px minmax(0,1.22fr);gap:24px;align-items:center}.campaign-ad-column{min-width:0}.ad-strategies{display:flex;gap:6px;margin-bottom:18px;border-bottom:1px solid #c6cebf;padding-bottom:10px}.ad-strategies button{padding:8px 10px;min-height:38px;background:none;font-size:12px;line-height:1.3;color:var(--page-muted);border-radius:30px;white-space:nowrap}.ad-strategies button[aria-selected=true]{background:var(--forest);color:var(--paper)}
.ad-context,.campaign-site-label{display:flex;justify-content:space-between;gap:18px;font-size:11px;color:var(--page-muted);line-height:1.4;margin:0 0 10px}.ad-context>span:first-child{font-size:13px;letter-spacing:.15em;color:var(--ink)}
.ad-artwork{aspect-ratio:4/5;position:relative;overflow:hidden;border-radius:12px;background:#101811;isolation:isolate}.ad-design{position:absolute;inset:0;container-type:inline-size;overflow:hidden;color:#e9d7a5}.ad-design[hidden]{display:none}.ad-design>img{width:100%;height:100%;object-fit:cover}.lono-ad-mark{position:absolute;top:7%;left:8%;font:400 4.4cqw/1 LonoForum,Georgia,serif;letter-spacing:.18em;z-index:2}.ad-world>img{object-position:63% center}.ad-world:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b130de0,#0b130d00 85%)}.ad-world-copy{position:absolute;top:20%;left:8%;z-index:2}.ad-world-copy small{font-size:2.6cqw;letter-spacing:.13em;display:block;margin-bottom:4cqw}.ad-world-copy strong{display:block;font:400 12cqw/.96 LonoForum,Georgia,serif;letter-spacing:-.04em}.ad-native-action{position:absolute;left:8%;right:8%;bottom:7%;display:flex;justify-content:space-between;align-items:center;font-size:3cqw;letter-spacing:.03em;padding:3cqw 0;border-top:1px solid #f6e4b966;z-index:2}.ad-native-action>span{font-size:5cqw}.ad-native-action svg{width:5cqw;height:5cqw}
.ad-product-photo{position:absolute;inset:0;background:url('lono/products.webp') 0 0/300% 200% no-repeat;transform:scale(1.04)}.ad-product:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0a160bb3,transparent 38%,#0a160bd9)}.ad-product .lono-ad-mark{font-size:5cqw}.ad-product>strong{position:absolute;left:8%;top:14%;font:400 15cqw/.88 LonoForum,Georgia,serif;letter-spacing:-.035em;z-index:2}.ad-product-caption{position:absolute;right:8%;bottom:23%;font:400 3cqw/1.4 Fixel,sans-serif;z-index:2;text-align:right}
.ad-collection{background:#e7ddbd;color:#213629}.ad-collection .lono-ad-mark{font-size:3cqw;letter-spacing:.1em}.ad-collection>strong{position:absolute;top:16%;left:8%;font:400 18cqw/.85 LonoForum,Georgia,serif;letter-spacing:-.06em}.ad-bottle-strip{position:absolute;left:8%;right:-12%;top:41%;bottom:18%;display:grid;grid-template-columns:repeat(3,1fr);gap:3cqw;transform:rotate(-9deg)}.ad-bottle-strip>span{background-image:url('lono/products.webp');background-size:300% 200%;background-position:var(--px) var(--py);border-radius:20cqw 20cqw 2cqw 2cqw;box-shadow:0 2cqw 4cqw #20302125}.ad-bottle-strip>span:nth-child(2){transform:translateY(-4cqw)}.ad-collection .ad-native-action{border-color:#21362966}
.campaign-metrics{padding:16px 0 0}.campaign-metrics>p{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;margin:0 0 13px}.campaign-metrics>p>span{font-size:10px;line-height:1.5;color:var(--page-red);border:1px solid #df34284d;border-radius:4px;padding:1px 6px}.campaign-metrics dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.campaign-metrics dt{font-size:10px;color:var(--page-muted);margin-bottom:4px}.campaign-metrics dd{font:300 25px/1.2 UkraineHead,Fixel,sans-serif;letter-spacing:-.04em;margin:0}
.campaign-transfer{color:var(--page-red)}.campaign-transfer svg{width:100%;height:auto}.campaign-site{margin:0;min-width:0}.campaign-site-label{margin-bottom:14px;font-size:12px}.campaign-site-screen{aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:#121810}.campaign-site-screen img{display:block;width:100%;height:100%;object-fit:cover}.campaign-site figcaption{color:var(--page-muted);font-size:14px;line-height:1.6;margin:18px 0 0;max-width:360px}.campaign-demo-note{font-size:11px;line-height:1.6;color:var(--page-muted);max-width:650px;margin:24px 0 0}
#faq{background:#e9ece4;padding-block:72px}#faq .faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw}.faq-intro{position:relative}.faq-symbol{display:block;width:54px;height:54px;color:var(--page-red);margin-bottom:26px}.faq-symbol svg{width:100%;height:100%}.faq-intro h2{font:300 clamp(32px,3.9vw,56px)/1.06 UkraineHead,Fixel,sans-serif;letter-spacing:-.045em;margin:0}.faq-intro>p{font-size:14px;line-height:1.6;max-width:220px;color:var(--page-muted);margin:22px 0 0}#faq .faq-item{border:0;border-top:1px solid #a9b7a1;padding:0;margin:0}#faq .faq-item:last-child{border-bottom:1px solid #a9b7a1}#faq .faq-item>summary{display:grid;grid-template-columns:90px 1fr 16px;align-items:start;column-gap:18px;padding:25px 0;font:300 23px/1.3 UkraineHead,Fixel,sans-serif;letter-spacing:-.025em}#faq .faq-item>summary .stage-arrow{margin-top:7px}.faq-topic{font:400 11px/1.5 Fixel,sans-serif;letter-spacing:0;color:var(--page-muted);padding-top:6px}#faq .faq-item>p{font-size:16px;line-height:1.7;max-width:none;padding:0 34px 28px 108px;color:var(--ink)}#faq .faq-item[open]>summary{color:var(--page-red)}#faq .faq-item[open]{border-top-color:var(--page-red)}
@media(max-width:1000px) and (min-width:761px){.campaign-demo{grid-template-columns:minmax(0,.8fr) 26px minmax(0,1fr);gap:20px}.ad-strategies button{padding-inline:6px;font-size:10px}#faq .faq-item>summary{grid-template-columns:72px 1fr 16px;font-size:20px}#faq .faq-item>p{padding-left:90px}}
@media(max-width:760px){
 .final-action .build-cta{width:max-content;max-width:100%;padding:15px 18px 15px 20px;gap:20px}.final-action .build-label{font-size:13px}.final-action .build-arrow{width:21px;height:21px}.build-arrow svg{width:21px;height:21px}
 .journey-heading{min-height:0;padding-top:0}.comparison-hub{padding-bottom:40px}.comparison-study{padding:22px 14px 18px;border-radius:18px}.comparison-banner-head{display:block;margin-bottom:22px}.comparison-banner-head>span:first-child{display:block;font-size:27px;max-width:280px}.comparison-banner-note{display:block;font-size:13px;max-width:260px;margin-top:14px}.comparison-teasers .comparison-variant{padding:8px 6px;border-radius:8px}.comparison-teasers .comparison-variant>h4{font:400 10px/1.3 Fixel,sans-serif;min-height:26px;margin-bottom:7px}.comparison-action{font-size:14px;min-height:44px;padding:12px 18px;gap:14px}.comparison-disclosure-line{padding-top:18px}.comparison-study[open] .comparison-banner-head{margin-bottom:18px}
 #together{padding-block:42px}#together .launch-plan-heading{display:block;margin-bottom:24px}#together .launch-plan-heading h2{font-size:30px;max-width:330px}#together .launch-plan-heading>p{font-size:12px;margin:15px 0 0}.launch-stops{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;row-gap:0}.launch-stops>li:nth-child(3):before{display:block}.launch-stop{min-height:65px;padding-right:5px;gap:9px}.stop-day{width:28px;height:28px;font-size:10px}.stop-name{font-size:9px;line-height:1.35;max-width:53px}.launch-stops>li:before{top:14px;left:14px;right:-14px}.stop-hint{display:none}.launch-conditions{font-size:14px}
 #advertising .campaign-heading{display:block;margin-bottom:30px}#advertising .campaign-heading h2{font-size:38px;max-width:360px;line-height:1.08}.campaign-intro{margin-top:30px}.campaign-intro h3{font-size:25px;max-width:320px;margin-bottom:18px}.campaign-intro p{font-size:15px;max-width:325px}.campaign-demo{grid-template-columns:minmax(0,1fr);gap:24px}.campaign-ad-column{max-width:380px;width:100%}.ad-strategies{gap:8px;margin-bottom:16px}.ad-strategies button{font-size:12px;padding:8px 12px}.ad-artwork{aspect-ratio:4/5}.campaign-transfer{width:32px;height:32px;justify-self:center;transform:rotate(90deg)}.campaign-transfer svg{display:block}.campaign-site{width:100%}.campaign-metrics dd{font-size:27px}.campaign-metrics dt{font-size:11px}.campaign-metrics>p>span{font-size:10px}.campaign-site-label{font-size:11px}.campaign-site figcaption{font-size:14px;margin-top:14px}.campaign-demo-note{font-size:11px;margin-top:20px}
 #faq{padding-block:48px}#faq .faq-layout{display:block}.faq-intro{display:grid;grid-template-columns:1fr 50px;column-gap:18px;margin-bottom:34px}.faq-intro h2{font-size:36px;grid-column:1;grid-row:1}.faq-intro h2 br{display:none}.faq-intro>p{grid-column:1;font-size:13px;margin-top:14px;max-width:270px}.faq-symbol{grid-column:2;grid-row:1/3;margin:0;width:42px;height:42px}#faq .faq-item>summary{grid-template-columns:1fr 16px;row-gap:11px;padding:22px 0;font-size:23px}.faq-topic{grid-column:1;font-size:11px;padding-top:0}#faq .faq-item>summary>span:not(.faq-topic){grid-column:1;grid-row:2}#faq .faq-item>summary .stage-arrow{grid-column:2;grid-row:2;margin-top:7px}#faq .faq-item>p{padding:0 18px 24px 0;font-size:15px}
}
@media(prefers-reduced-motion:reduce){.build-cta:before,.build-word>span,.build-arrow svg,.portfolio-live iframe{transition:none!important}.build-cta:hover .build-word>span:first-child,.build-cta:focus-visible .build-word>span:first-child{transform:none}.build-word>span+span{display:none}}
.ad-collection>strong{font-size:13cqw;line-height:.94;max-width:85%}.ad-collection .ad-bottle-strip{top:44%}
.ad-design .lono-ad-mark{display:flex;align-items:center;gap:2.5cqw;font:400 3.8cqw/1 Fixel,sans-serif;letter-spacing:.18em}.lono-ad-mark>svg{display:block;width:7cqw;height:7cqw;flex:none}
.ad-world>img{object-position:center 57%}.ad-world:after{background:linear-gradient(180deg,#0b130dc9,transparent 43%,transparent 72%,#0b130dd9)}.ad-world-copy{top:16%}.ad-world-copy small{font-size:2.4cqw;margin-bottom:3cqw}.ad-world-copy strong{font-size:11cqw;line-height:.95}.ad-world .ad-native-action{bottom:5%}
#works .reel-media.portfolio-live{height:auto;aspect-ratio:16/10}
.demo-quick-bottle{width:36%;height:auto;aspect-ratio:4/5;top:19%}.ad-bottle-strip>span{aspect-ratio:4/5;align-self:center}