/* Dimensions measured on aside.com, 2026-10-08, at 390/640/768/1024/1280/1440/1920px.
   This is the single geometry layer for v2-air. Onest and Goulash artwork are retained. */
body.ui-study{
 --page-gutter:16px;--content-inset:24px;--section-gap:48px;
 --heading-size:30px;--heading-line:36px;--display-size:36px;--display-line:40px;
 --copy-size:16px;--copy-line:24px;--caption-size:14px;--caption-line:20px;
 --subheading-size:24px;--subheading-line:32px;
 --radius-small:11.2px;--radius-control:16.8px;--radius-panel:22.4px;
 --hero-inset:8px;--hero-radius:16.8px;--card-art-height:288px;
 font-size:16px;line-height:24px
}
body.ui-study .container{width:calc(100% - var(--page-gutter)*2);max-width:1344px}
/* Keep the hero's navigation inset in both scroll states; only the surface changes. */
body.ui-study .site-header{position:fixed;top:0;left:0;right:0;width:auto;padding:var(--hero-inset) var(--hero-inset) 0;background:transparent;border:0;backdrop-filter:none}
body.ui-study .site-header.is-scrolled{background:#fffffff2;backdrop-filter:blur(20px)}
body.ui-study .header-inner{width:100%;max-width:none;height:56px;padding-inline:16px;gap:24px}
body.ui-study .desktop-nav{font-size:14px;line-height:20px;gap:40px}
body.ui-study .button{min-height:36px;padding:7px 10px;border-radius:var(--radius-control);font-size:14px;font-weight:500;line-height:20px;gap:6px}
body.ui-study .button .icon{width:16px;height:16px}
body.ui-study .header-cta{min-height:32px;padding:7px 8px;font-size:12px;line-height:16px}
body.ui-study .menu-toggle{width:32px;height:32px;border-radius:var(--radius-control)}
body.ui-study .mobile-nav{padding:16px;border-radius:0 0 var(--radius-control) var(--radius-control);background:#fff}
body.ui-study .mobile-nav a{font-size:14px;line-height:20px;padding-block:12px}
body.ui-study .hero{width:calc(100% - var(--hero-inset)*2);margin:var(--hero-inset) auto 0;padding:120px 0 0;border-radius:var(--hero-radius);overflow:hidden}
body.ui-study .hero-copy{position:relative;width:auto;max-width:none;margin-inline:32px;text-align:left}
body.ui-study .offer-title-static{max-width:none;font-size:var(--display-size);line-height:var(--display-line);font-weight:600;letter-spacing:-.01em}
body.ui-study .hero-title-line{max-width:none}
body.ui-study .hero-offer-line{justify-content:flex-start;row-gap:0}
body.ui-study .hero-audience{flex-wrap:wrap;max-width:100%;white-space:normal}
body.ui-study .hero-word-cycle{line-height:var(--display-line)}
body.ui-study .hero-free-label{white-space:normal;margin-top:0}
body.ui-study .hero-description{max-width:720px;font-size:var(--copy-size);line-height:var(--copy-line);margin:24px 0 0}
body.ui-study .hero-actions{gap:12px;margin-top:32px;flex-wrap:wrap;justify-content:flex-start}
body.ui-study .hero-actions .button{min-height:44px;padding:9px 16px;font-size:16px;line-height:24px;border-radius:999px}
body.ui-study .launch-availability{margin-top:24px;font-size:14px;line-height:20px}
body.ui-study .hero .fine-print{max-width:none;margin-top:12px;font-size:12px;line-height:16px}
body.ui-study .hero-gallery{width:600px;max-width:none;margin:64px 0 0 36px}
body.ui-study .hero-illustration{max-width:none;width:100%;margin:0}
body.ui-study .hero-illustration>img{width:100%;height:auto;aspect-ratio:3156/2222;object-fit:contain;border-radius:0}
/* Section frames: outer gutters, then the reference's inner text padding. */
body.ui-study .section-space{padding-block:var(--section-gap)}
body.ui-study #stats{padding-block:48px}
body.ui-study :is(#product,#conversion,#repeat-orders,#growth,#price,#how) .section-heading{
 display:block;max-width:none;margin:0 0 var(--section-gap);padding-inline:calc(var(--content-inset) + 1px);text-align:center;gap:24px
}
body.ui-study :is(#product,#conversion,#repeat-orders,#growth,#price,#how,#clients,#faq,#lead) h2,
body.ui-study .comparison-title{max-width:none;font-size:var(--heading-size);line-height:var(--heading-line);font-weight:450;letter-spacing:0}
body.ui-study :is(#product,#conversion,#repeat-orders,#growth,#price,#how,#clients) .section-description,
body.ui-study .comparison-subtitle,body.ui-study .faq-grid h2+p,body.ui-study .lead-copy>p{
 max-width:none;font-size:var(--copy-size);line-height:var(--copy-line);font-weight:400;letter-spacing:0
}
body.ui-study :is(#product,#conversion,#repeat-orders,#growth,#price,#how) .section-description{margin:16px auto 0}
/* Full-viewport rails: the container sets the resting inset, not a clipping edge. */
body.ui-study .starter-carousel{
 --carousel-gutter:max(var(--page-gutter),calc((100vw - 1344px)/2));
 --carousel-card-width:320px;--carousel-gap:16px;
 width:100vw;margin-inline:calc((100% - 100vw)/2)
}
body.ui-study .starter-track{gap:var(--carousel-gap);padding-inline:var(--carousel-gutter);border:0;scroll-padding-inline:var(--carousel-gutter);align-items:stretch;border-radius:0}
body.ui-study .starter-card{display:flex;flex-direction:column;flex:0 0 var(--carousel-card-width);aspect-ratio:auto;min-width:0;border-radius:var(--radius-panel);overflow:hidden;box-shadow:inset 0 0 0 1px #d4e6ed59;background:radial-gradient(ellipse at 15% 4%,#fff 0%,#fff0 58%),radial-gradient(ellipse at 85% 100%,#e8f4fa 0%,#e8f4fa00 64%),linear-gradient(145deg,#f8fcff,#f0f8fc 52%,#f5fbfe)}
body.ui-study .starter-card-copy{position:relative;inset:auto;flex:1;padding:24px 24px 16px;text-align:center}
body.ui-study .starter-card-label{display:block;font-size:12px;line-height:16px;font-weight:500;letter-spacing:.025em;text-transform:uppercase;color:#50717f}
body.ui-study .starter-card-label::after{content:none}
body.ui-study .starter-card h3{display:block;margin:12px 0 0;font-size:24px;line-height:32px;font-weight:500;letter-spacing:0;text-wrap:pretty}
body.ui-study .starter-card-art{position:relative;inset:auto;order:0;width:100%;height:var(--card-art-height);flex:none;overflow:hidden;border-radius:0;background:transparent}
body.ui-study .starter-card-art img{width:100%;height:100%;object-fit:cover;object-position:center bottom;mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 10%);mask-image:linear-gradient(to bottom,transparent,#000 10%)}
body.ui-study .starter-arrow{width:36px;height:36px;border-radius:50%;top:50%;box-shadow:0 2px 8px #00000014}
body.ui-study .starter-arrow span{font-size:16px;line-height:1}
body.ui-study .starter-prev{left:24px}
body.ui-study .starter-next{right:24px}
body.ui-study :is(.launch-included,.revenue-explanation,.lead-form,.form-success) h3{font-size:var(--subheading-size);line-height:var(--subheading-line);letter-spacing:0;font-weight:500}
body.ui-study .proof-grid-v2 p,body.ui-study .conversion-proof-metric p,
body.ui-study .price-explanation.revenue-explanation p,body.ui-study .launch-included>p,
body.ui-study .faq details>p,body.ui-study .lead-perks li,body.ui-study .form-success>p{font-size:16px;line-height:24px}
body.ui-study #stats .proof-number,body.ui-study .conversion-proof-metric strong{font-size:var(--display-size);line-height:var(--display-line);font-weight:450;letter-spacing:-.01em}
body.ui-study .proof-grid-v2 p,body.ui-study .conversion-proof-metric p{margin-top:12px}
body.ui-study .conversion-proof-grid{gap:24px}
body.ui-study .comparison-wrap{margin-top:64px}
body.ui-study .comparison caption{margin-bottom:48px;padding-inline:calc(var(--content-inset) + 1px)}
body.ui-study .comparison-subtitle{margin-top:16px}
body.ui-study :is(.comparison,.integration-map,.client-card){border-radius:var(--radius-small)}
body.ui-study .comparison th,body.ui-study .comparison td{padding:20px 16px;font-size:14px;line-height:20px}
body.ui-study .comparison small{font-size:12px;line-height:16px;margin-top:8px}
body.ui-study .comparison-brand{font-size:inherit}
body.ui-study .price-explanation.revenue-explanation{margin-top:64px;padding:64px 24px;border-radius:var(--radius-panel);gap:24px}
/* Goulash.tech result chart: two bars, a half-height market bar, and a split delta rule. */
body.ui-study .revenue-chart{position:relative;display:grid;grid-template-columns:1fr 6fr 10fr 6fr 1fr;align-items:end;gap:0;padding:0;height:clamp(400px,44vw,640px);background:none;border-top:1px solid #dce8ee;border-bottom:1px solid #dce8ee}
body.ui-study .revenue-chart::before{content:'';position:absolute;left:0;right:0;top:51%;border-top:1px solid #dce8ee;pointer-events:none}
body.ui-study .revenue-bar{position:relative;z-index:1;min-width:0;height:100%;padding:24px;gap:24px;overflow:hidden;border-radius:var(--radius-panel) var(--radius-panel) 0 0}
body.ui-study .revenue-market{grid-column:2;height:49%}
body.ui-study .revenue-goulash{grid-column:4;height:100%}
body.ui-study .revenue-bar strong{font-size:clamp(48px,6vw,80px);font-weight:450;line-height:1;letter-spacing:-.04em;white-space:nowrap}
body.ui-study .revenue-bar p{margin-top:auto;font-size:var(--copy-size);line-height:var(--copy-line)}
body.ui-study .revenue-bar p span{display:inline;font-size:inherit;margin:0}
body.ui-study .revenue-difference{grid-column:3;align-self:start;position:relative;inset:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:51%;width:auto;text-align:center}
body.ui-study .difference-rule{display:block;position:relative;inset:auto;flex:1 1 0%;width:1px;height:auto;min-height:12px;border:0;background:repeating-linear-gradient(to bottom,var(--sky-line-strong,#99b2c0) 0 4px,transparent 4px 8px)}
body.ui-study .difference-rule::before{content:none}
body.ui-study .difference-rule-top::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:7px solid #99b2c0}
body.ui-study .revenue-difference>div{position:relative;display:block;flex:none;padding:16px 8px;background:transparent}
body.ui-study .revenue-difference strong{gap:12px;font-size:var(--display-size);line-height:var(--display-line);font-weight:500;letter-spacing:-.01em}
body.ui-study .revenue-difference img{width:40px;height:40px}
body.ui-study .revenue-difference p{font-size:16px;line-height:24px;margin-top:8px;color:#607b8b}
body.ui-study .revenue-difference sup{font-size:10px}
body.ui-study .revenue-explanation>div>p+p,body.ui-study .launch-included>p{margin-top:12px}
body.ui-study .faq summary{font-size:var(--copy-size);line-height:var(--copy-line);font-weight:500;padding-block:24px}
body.ui-study .faq-grid{gap:48px}
body.ui-study .faq-grid h2+p{margin-top:16px}
body.ui-study .lead-grid{gap:24px}
body.ui-study .lead-copy h2>span{background:transparent;box-shadow:none}
body.ui-study .lead-copy>p{margin-top:16px}
body.ui-study .lead-form{padding:24px;border-radius:var(--radius-panel)}
body.ui-study .lead-form h3+p{font-size:14px;line-height:20px;margin:12px 0 24px}
body.ui-study .lead-form .button{min-height:44px;padding:9px 16px;font-size:16px;line-height:24px;justify-content:center;margin-top:24px}
body.ui-study .field{margin-top:16px;gap:8px;font-size:14px;line-height:20px}
body.ui-study .field input,body.ui-study .field select{min-height:44px;padding:9px 12px;border-radius:var(--radius-small);font-size:16px;line-height:24px}
body.ui-study .consent-field{font-size:12px;line-height:16px;margin-top:24px;gap:8px}
body.ui-study .form-note a{text-decoration:underline;text-underline-offset:2px}
body.ui-study .form-note{font-size:12px;line-height:16px;margin-top:12px}
body.ui-study .official-footer{padding-block:56px}
body.ui-study .official-footer-top,body.ui-study .official-footer-bottom{padding:24px 0;gap:24px}
body.ui-study .official-footer nav,body.ui-study .official-footer-legal{font-size:14px;line-height:20px}
body.ui-study .mobile-cta .button{min-height:44px;padding:9px 16px;font-size:16px;line-height:24px;border-radius:999px}
/* The scroll scene retains its measured, viewport-aware stage calculation. */
body.ui-study .growth-tools.growth-story{padding-block:0}
body.ui-study .growth-story .growth-story-panel{gap:24px}
body.ui-study .growth-story-title{max-width:none;margin:0 0 32px;font-size:var(--heading-size);line-height:var(--heading-line);font-weight:450;letter-spacing:0;color:inherit;text-align:left;text-wrap:balance}
body.ui-study .growth-story-copy h3{font-size:var(--subheading-size);line-height:var(--subheading-line);font-weight:450;letter-spacing:0}
body.ui-study .growth-story-art{border-radius:var(--radius-small)}
body.ui-study .growth-story-eyebrow{margin-bottom:8px;font-size:12px;line-height:16px;letter-spacing:0}
@media(min-width:640px){
 body.ui-study{--page-gutter:24px;--content-inset:32px;--section-gap:64px;--heading-size:36px;--heading-line:44px}
 body.ui-study .hero-copy{width:calc(100% - var(--page-gutter)*2);max-width:1080px;margin-inline:auto;text-align:center}
 body.ui-study .hero-offer-line,body.ui-study .hero-actions{justify-content:center}
 body.ui-study .hero-description{margin-inline:auto}
 body.ui-study .hero-actions .button{min-height:36px;padding:7px 10px;font-size:14px;line-height:20px}
 body.ui-study .hero-gallery{width:calc(100% - 120px);max-width:1320px;margin-inline:auto}
 body.ui-study #stats{padding-block:64px}
 body.ui-study .price-explanation.revenue-explanation{padding:96px 32px}
 body.ui-study .lead-form{padding:32px}
 body.ui-study .official-footer{padding-block:64px}
}
@media(min-width:768px){
 body.ui-study{--content-inset:56px;--section-gap:96px;--display-size:44px;--display-line:48px;--hero-inset:16px;--hero-radius:22.4px;--card-art-height:256px}
 body.ui-study .header-cta{min-height:36px;padding:7px 10px;font-size:14px;line-height:20px}
 body.ui-study .hero-actions .button{min-height:40px;padding:7px 12px;font-size:16px;line-height:24px}
 body.ui-study .starter-carousel{--carousel-gap:24px}
 body.ui-study .lead-form .button{min-height:40px;padding:7px 12px}
 body.ui-study .field input,body.ui-study .field select{min-height:40px;padding:9px 12px;font-size:14px;line-height:20px}
 body.ui-study .comparison caption{margin-bottom:96px}
}
@media(min-width:1024px){
 body.ui-study{--page-gutter:48px;--hero-radius:33.6px;--card-art-height:320px}
 body.ui-study .starter-carousel{--carousel-card-width:calc((100vw - var(--carousel-gutter)*2 - 48px)/3)}
 body.ui-study .price-explanation.revenue-explanation{padding:128px 32px}
 body.ui-study .growth-story-eyebrow{margin-bottom:24px}
}
@media(min-width:1280px){
 body.ui-study{--page-gutter:96px;--content-inset:144px;--heading-size:44px;--heading-line:48px;--display-size:48px;--display-line:52px;--copy-size:18px;--copy-line:28px;--caption-size:16px;--caption-line:24px;--subheading-size:30px;--subheading-line:40px}
 body.ui-study .official-footer{padding-block:96px}
}
@media(min-width:1536px){body.ui-study{--card-art-height:384px}}
@media(max-width:1023px){
 body.ui-study .desktop-nav,body.ui-study .header-cta{display:none}
 body.ui-study .menu-toggle{display:flex}
}
@media(max-width:767px){
 body.ui-study .hero .offer-title-static{--display-size:30px;--display-line:34px}
 body.ui-study .hero .hero-desktop-only{display:none}
 body.ui-study .revenue-chart{height:360px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border:0}
 body.ui-study .revenue-chart::before{display:none}
 body.ui-study .revenue-bar{padding:16px;gap:16px}
 body.ui-study .revenue-market{grid-column:1;height:244px}
 body.ui-study .revenue-goulash{grid-column:2;height:360px}
 body.ui-study .revenue-bar strong{font-size:var(--display-size);line-height:var(--display-line)}
 body.ui-study .revenue-bar p{font-size:14px;line-height:20px}
 body.ui-study .revenue-difference{position:absolute;top:0;left:0;right:auto;grid-column:auto;width:calc(50% - 8px);height:116px}
 body.ui-study .difference-rule{display:none}
 body.ui-study .revenue-difference>div{padding:8px 0}
 body.ui-study .revenue-difference strong{font-size:24px;line-height:32px;gap:6px}
 body.ui-study .revenue-difference img{width:24px;height:24px}
 body.ui-study .revenue-difference p{font-size:12px;line-height:16px;margin:4px auto 0;max-width:16ch}
}
@media(max-width:639px){
 body.ui-study .starter-prev{left:12px}
 body.ui-study .starter-next{right:12px}
 body.ui-study .comparison th,body.ui-study .comparison td{padding:16px 8px;font-size:12px;line-height:16px;overflow-wrap:anywhere}
 body.ui-study .comparison small{font-size:12px;line-height:16px}
 body.ui-study .comparison-included,body.ui-study .comparison-brand{white-space:normal}
}
@media(max-width:359px){
 body.ui-study .hero .offer-title-static{--display-size:28px;--display-line:32px}
}