/* Comparison uses the three service surfaces from the pricing table. */
@font-face{font-family:LonoForum;src:url('lono/forum.woff');font-display:swap}
#formats{padding-bottom:36px}
.comparison-hub{padding:0 var(--site-gutter) 64px;background:var(--paper);color:var(--ink)}
.comparison-study{scroll-margin-top:24px}
.comparison-trigger{display:block;list-style:none;cursor:pointer}
.comparison-trigger::-webkit-details-marker{display:none}
.comparison-teasers{display:block}
.comparison-study[open] .comparison-teasers{display:none}
.comparison-disclosure-line{display:flex;align-items:center;gap:24px;padding:28px 0 0}
.comparison-disclosure-line:before,.comparison-disclosure-line:after{content:'';height:1px;background:#b5bdb0;flex:1}
.comparison-action{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--page-red);font-size:17px;line-height:1.4;text-align:center}
.comparison-action svg{width:20px;height:20px;flex:none;transition:transform .2s}
.comparison-trigger:hover .comparison-action{text-decoration:underline;text-underline-offset:5px}
.comparison-close-label,.comparison-study[open] .comparison-open-label{display:none}.comparison-study[open] .comparison-close-label{display:inline}.comparison-study[open] .comparison-action svg{transform:rotate(180deg)}
.comparison-study[open] .comparison-disclosure-line{padding-top:0}
.comparison-content{padding-top:44px}.comparison-case+.comparison-case{margin-top:56px;padding-top:44px;border-top:1px solid #c5cbbb}
.comparison-case-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}
.comparison-case-head h3{font:300 clamp(32px,3vw,44px)/1.1 UkraineHead,Fixel,sans-serif;letter-spacing:-.035em;margin:0 0 10px}
.comparison-case-head h3 small{display:inline-block;font:400 12px/1.4 Fixel,sans-serif;color:var(--page-muted);letter-spacing:0;margin-left:14px;vertical-align:middle}
.comparison-case-head p{font-size:15px;line-height:1.5;max-width:600px;margin:0}
.comparison-motion{border:1px solid #9ba596;background:none;color:var(--ink);border-radius:50%;display:grid;place-items:center;width:44px;height:44px;cursor:pointer;flex:none}.comparison-motion svg{width:18px;height:18px}.comparison-motion[aria-pressed=true]{background:var(--forest);color:var(--paper);border-color:var(--forest)}
.comparison-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.comparison-variant{min-width:0;padding:22px 20px 16px;border-radius:20px;display:flex;flex-direction:column;--variant-muted:#667061;background:var(--variant-surface);color:var(--variant-ink);overflow:hidden;border:1px solid var(--variant-border)}
.format-0{--variant-surface:#eceee5;--variant-ink:#282e2a;--variant-border:transparent}
.format-1{--variant-surface:#fffef8;--variant-ink:#282e2a;--variant-border:#e0e3d7}
.format-2{--variant-surface:#24372a;--variant-ink:#f7f7eb;--variant-border:#24372a;--variant-muted:#bdc7b8}
.comparison-variant>h4{font:300 clamp(21px,1.9vw,28px)/1.16 UkraineHead,Fixel,sans-serif;letter-spacing:-.025em;margin:0 0 20px;color:var(--variant-ink)}
.comparison-preview{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:#11150f;isolation:isolate;border-radius:7px}
.comparison-preview>img{display:block;width:100%;height:100%;object-fit:cover}
.comparison-preview iframe{position:absolute;inset:0;border:0;width:1280px;height:800px;transform:scale(var(--comparison-scale,.3));transform-origin:top left;pointer-events:none;opacity:0}
.is-playing .comparison-preview.is-ready iframe{opacity:1}
.preview-status{display:none;position:absolute;bottom:8px;left:8px;background:#172218;color:#fff;font-size:11px;padding:4px 8px}.is-playing .comparison-preview:not(.is-ready) .preview-status{display:block}.preview-status[hidden]{display:none!important}
.comparison-arguments{display:grid;gap:12px;padding:0;margin:24px 0 18px;list-style:none;color:var(--variant-ink);font-size:15px;line-height:1.5}
.comparison-arguments li{position:relative;padding-left:14px}.comparison-arguments li:before{content:'';position:absolute;width:4px;height:4px;background:currentColor;left:0;top:.6em;border-radius:50%}.comparison-arguments li+li{color:var(--variant-muted)}
.comparison-inspect{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;font:inherit;font-size:14px;line-height:1.3;padding:10px 0 0;border:0;border-top:1px solid #9ba59655;background:none;color:var(--variant-ink);text-decoration:none;cursor:pointer;margin-top:auto}.comparison-inspect svg{width:18px;height:18px;flex:none}.comparison-inspect:hover{color:var(--page-red)}.format-2 .comparison-inspect:hover{color:#fff}
.comparison-teasers .comparison-variant{padding:20px}.comparison-teasers .comparison-variant>h4{font-size:clamp(18px,1.65vw,24px);margin-bottom:16px}
.comparison-bottom{display:flex;justify-content:center;margin-top:36px}.comparison-close{display:flex;align-items:center;gap:14px;border:0;border-bottom:1px solid #b5bdb0;padding:12px 0;min-height:44px;background:none;color:var(--page-red);font:inherit;font-size:15px;cursor:pointer}.comparison-close svg{width:18px;height:18px;transform:rotate(180deg)}
.comparison-mobile-overview{display:none}.comparison-variant[hidden]{display:none}
.demo-window{container-type:inline-size;position:relative;height:100%;overflow:hidden;background:#ede9dc}
.demo-page{will-change:auto}.demo-hero{aspect-ratio:1.45;position:relative;overflow:hidden;color:#233329;font-family:Fixel,Arial,sans-serif;line-height:1.5;text-align:left}
.demo-hero *{box-sizing:border-box}.demo-nav{position:absolute;left:6%;right:6%;top:6%;display:flex;align-items:center;justify-content:space-between;gap:4cqw;z-index:2}.demo-nav b{font:400 4.5cqw/1 LonoForum,Georgia,serif;letter-spacing:.1em}.demo-nav>span{font:400 1.65cqw/1.5 Fixel,sans-serif}
.demo-hero h4{font-weight:400;letter-spacing:-.03em;margin:0;line-height:1.02}.demo-hero p{font-size:2cqw;line-height:1.55;margin:0}.demo-kicker{display:block;font-size:1.4cqw;letter-spacing:.08em}.demo-link{display:inline-flex;align-items:center;justify-content:space-between;gap:4cqw;font-size:2cqw;border-bottom:1px solid currentColor;padding:1.5cqw 0}.demo-link svg{width:3cqw;height:3cqw}
.demo-product{background-image:url('lono/products.webp');background-size:300% 200%;background-position:var(--px) var(--py);background-repeat:no-repeat;aspect-ratio:4/5}
.demo-self{background:#fafbf9;font-family:Arial,sans-serif}.demo-self .demo-nav b{font:700 3.2cqw/1 Arial,sans-serif;letter-spacing:0}.demo-self-copy{position:absolute;left:8%;right:8%;top:22%;text-align:center}.demo-self h4{font:700 5.8cqw/1.1 Arial,sans-serif;margin:0 0 2cqw}.demo-self p{font:400 1.9cqw/1.5 Arial,sans-serif;color:#58635c}.demo-self .demo-link{background:#47764f;color:#fff;border:0;border-radius:.6cqw;padding:1.6cqw 3cqw;margin-top:2cqw;font-size:1.7cqw}.demo-self-products{position:absolute;left:18%;right:18%;bottom:7%;display:grid;grid-template-columns:repeat(3,1fr);gap:2cqw}.demo-self-products .demo-product{aspect-ratio:1.2;border-radius:.5cqw}
.demo-quick{background:#ede9dc}.demo-quick-copy{position:absolute;left:6%;top:25%;width:47%;z-index:1}.demo-quick h4{font:400 7.7cqw/.95 LonoForum,Georgia,serif;letter-spacing:-.025em;margin:2.5cqw 0}.demo-quick p{font-size:1.9cqw}.demo-quick .demo-link{margin-top:2cqw;min-width:30cqw}.demo-quick-bottle{position:absolute;right:6%;top:18%;width:39%;height:68%;border-radius:20cqw 20cqw 1cqw 1cqw}.demo-quick-foot{position:absolute;bottom:5%;left:6%;right:6%;font-size:1.3cqw;display:flex;justify-content:space-between;border-top:1px solid #26372e30;padding-top:1.5cqw}
.demo-author{background:#111d16;color:#f3eddc}.demo-author>video,.demo-author>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.demo-author-shade{position:absolute;inset:0;background:linear-gradient(90deg,#09110baa,transparent 90%),linear-gradient(0deg,#09110bcc,transparent 55%)}.demo-author-copy{position:absolute;left:6%;top:33%;right:5%}.demo-author h4{font:400 9.7cqw/.96 LonoForum,Georgia,serif;margin-top:2cqw;letter-spacing:-.02em}.demo-author-foot{position:absolute;left:6%;right:6%;bottom:6%;display:flex;justify-content:space-between;align-items:end;gap:3cqw}.demo-author-foot>span:first-child{font-size:1.7cqw;max-width:28cqw}.demo-author .demo-link{color:#eedcaf}
.demo-collection{padding:5cqw 6cqw 6cqw;background:#eeede4;color:#26372e}.demo-collection h4{font:400 5cqw/1.1 LonoForum,Georgia,serif;margin:0 0 4cqw}.demo-products{display:grid;grid-template-columns:repeat(3,1fr);gap:3cqw}.demo-products p{font:400 1.7cqw/1.3 Fixel,sans-serif;margin:1cqw 0 2cqw}.demo-products .demo-product{border-radius:.6cqw}
.comparison-mobile-overview{display:none}.comparison-variant[hidden]{display:none}
.comparison-dialog{width:min(1100px,94vw);max-width:none;max-height:92dvh;padding:0;border:0;background:var(--paper);color:var(--ink);overflow:auto}.comparison-dialog::backdrop{background:#142019dc;backdrop-filter:blur(5px)}.comparison-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 26px;position:sticky;top:0;z-index:5;background:var(--paper)}.comparison-dialog h3{font-size:17px;font-weight:450;margin:0}.comparison-dialog>header button{font:inherit;font-size:14px;padding:10px 0;min-height:44px;background:none;border:0;cursor:pointer}.comparison-dialog .demo-window{height:auto;overflow:visible}.comparison-dialog .demo-page{transform:none!important}.comparison-dialog .demo-hero{aspect-ratio:1.6}

.demo-hero{aspect-ratio:16/10}
.demo-record{position:relative;width:100%;height:100%;aspect-ratio:16/10;overflow:hidden;background:#101810}.demo-record>img,.demo-record>video{display:block;width:100%;height:100%;object-fit:contain}.demo-record>img{position:absolute;inset:0;z-index:1;pointer-events:none}.is-playing .comparison-row .demo-record>img{opacity:0}
.comparison-dialog .demo-record{aspect-ratio:1.6;height:auto}.comparison-dialog .demo-record video{position:absolute;inset:0;object-fit:contain}.comparison-dialog .demo-record img{display:none}
.demo-link{font-family:inherit;color:inherit;background:none;border:0;border-bottom:1px solid currentColor;cursor:default}.comparison-dialog .demo-link{cursor:pointer}.comparison-dialog.is-film{height:auto;background:#101810}.comparison-dialog.is-film>header{color:var(--ink)}
.demo-window[data-mode="self"] .demo-collection{background:#fafbf9}.demo-window[data-mode="self"] .demo-collection h4{font-family:Arial,sans-serif;font-weight:700;font-size:4cqw}.demo-window[data-mode="self"] .demo-products{gap:2cqw}
#works .portfolio-image,#works .reel-media>.live-scam{width:100%;height:100%;position:relative}#works .portfolio-image img,#works .portfolio-khovanka img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:1000px) and (min-width:761px){.comparison-variant,.comparison-teasers .comparison-variant{padding:18px 14px}.comparison-arguments{font-size:14px}}
@media(max-width:760px){
 #formats{padding-bottom:28px}.comparison-hub{padding-bottom:40px}.comparison-disclosure-line{gap:12px;padding-top:22px}.comparison-action{font-size:14px;gap:7px}.comparison-action svg{width:16px;height:16px}.comparison-content{padding-top:32px}
 .comparison-teasers .comparison-row{display:grid;gap:8px}.comparison-teasers .comparison-variant{padding:10px 7px;border-radius:10px}.comparison-teasers .comparison-variant>h4{font:400 11px/1.25 Fixel,sans-serif;letter-spacing:0;margin-bottom:10px;min-height:28px}.comparison-teasers .comparison-preview{border-radius:3px}
 .comparison-case+.comparison-case{margin-top:40px;padding-top:32px}.comparison-case-head{gap:18px;margin-bottom:22px}.comparison-case-head h3{font-size:32px}.comparison-case-head p{font-size:14px}.comparison-case-head h3 small{font-size:11px;margin-left:10px}
 .comparison-mobile-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}.comparison-mobile-overview button{padding:8px 7px 10px;background:var(--variant-surface);border:1px solid var(--variant-border);border-radius:9px;color:var(--variant-ink);min-height:44px;text-align:left;cursor:pointer;font:inherit;font-size:11px;line-height:1.35;position:relative}.comparison-mobile-overview button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:6px;right:6px;height:3px;background:var(--page-red);border-radius:2px}.comparison-mobile-overview .overview-image{display:block;aspect-ratio:16/10;overflow:hidden;container-type:inline-size;margin-bottom:8px;position:relative;pointer-events:none;border-radius:3px}.overview-image img{width:100%;height:100%;object-fit:cover;display:block}.comparison-mobile-overview .demo-window{height:100%}.comparison-mobile-overview strong{display:block;font-weight:400;font-size:11px}
 .comparison-row{display:block}.comparison-variant{padding:22px 18px 16px;border-radius:18px}.comparison-variant>h4{font-size:27px;margin-bottom:18px}.comparison-arguments{font-size:15px;gap:12px;margin-top:20px}.comparison-inspect{font-size:14px}.comparison-preview{border-radius:5px}.comparison-dialog{width:100%;height:100dvh;max-height:100dvh}.comparison-dialog>header{padding:14px 20px}.comparison-dialog h3{font-size:15px}.comparison-dialog .demo-hero{aspect-ratio:1.2}
}
@media(prefers-reduced-motion:reduce){.comparison-action svg{transition:none}}