/* Single offering landing page; component sizing instead of browser scaling. */
.marketing-light.single-offering .hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:3%;padding:30px 4% 48px;max-width:1800px}
.marketing-light.single-offering .hero-copy{padding-top:8px}
.marketing-light.single-offering h1{font-size:clamp(38px,4.1vw,72px);line-height:1.13;letter-spacing:-2.2px;margin:26px 0 32px}
.marketing-light.single-offering .hero-copy .lead{font-size:clamp(16px,1.35vw,21px);line-height:1.6;margin-bottom:36px}
.marketing-light.single-offering .eyebrow{font-size:12px;letter-spacing:1.6px}
.single-offering .hero-pricing{scroll-margin-top:90px;margin:30px 0 24px}
.single-offering .minute-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin:12px 0 0;line-height:1.1}
.single-offering .minute-price strong{font-size:clamp(54px,6vw,100px);color:#85449e;letter-spacing:-3px}
.single-offering .minute-price span{font-size:clamp(25px,2.6vw,42px);font-weight:650;color:#373745}
.single-offering .fixed-price{font-size:clamp(22px,2.4vw,38px);color:#373745;margin:18px 0 24px;line-height:1.3}
.marketing-light.single-offering .hero-copy .actions .button:first-child{background:#efe4f8;color:#792e9e;border-radius:40px;padding:16px 30px;font-size:17px}
.marketing-light.single-offering .hero-copy .actions .outline{font-size:17px;color:#222}
.marketing-light.single-offering .hero-card{padding:26px;border-radius:20px}
.marketing-light.single-offering .demo-card h2{font-size:clamp(28px,2.9vw,44px);font-weight:750;margin:22px 0 8px}
.marketing-light.single-offering .demo-card .demo-subtitle{font-size:clamp(17px,1.8vw,25px);display:block;margin-bottom:28px;color:#828291}
.marketing-light.single-offering .demo-card .demo-label{font-size:17px}
.marketing-light.single-offering .demo-card .demo-option{font-size:16px;padding:14px 8px;border-radius:24px}
.marketing-light.single-offering #demo-description{font-size:15px;min-height:0;margin:20px 0 26px}
.marketing-light.single-offering .demo-talk-actions{border-top:1px solid #ebe5ee;padding-top:30px;margin-top:20px}
.marketing-light.single-offering .demo-card #demo-start{width:100px;height:100px;padding:28px}
.single-offering .demo-talk-label{font-size:18px;margin-top:8px}
.single-offering #demo-status{font-size:15px;margin:18px 0 26px}
.marketing-light.single-offering .desktop-demo-disclosure{font-size:12px!important;line-height:1.6}
@media(max-width:760px){
 .marketing-light.single-offering .hero{grid-template-columns:minmax(0,1fr);padding:18px 5% 36px;gap:24px}
 .single-offering .mobile-demo-intro{display:none}
 .marketing-light.single-offering .hero-copy{order:0;display:block}
 .marketing-light.single-offering .hero-card{order:1;padding:20px}
 .marketing-light.single-offering h1{font-size:clamp(32px,8.4vw,50px);letter-spacing:-1.4px;margin:18px 0}
 .marketing-light.single-offering .hero-copy .lead{font-size:16px;margin-bottom:22px}
 .single-offering .hero-pricing{margin:22px 0}
 .single-offering .minute-price strong{font-size:56px}
 .single-offering .fixed-price{font-size:23px}
 .marketing-light.single-offering .hero-copy .actions{gap:18px}
 .marketing-light.single-offering .hero-copy .actions .button:first-child{font-size:15px;padding:14px 20px}
 .marketing-light.single-offering .demo-card .demo-option{font-size:14px;padding:12px 4px}
 .marketing-light.single-offering .demo-card .demo-subtitle{margin-bottom:20px}
}

/* Hero typography and stacked pricing follow the current landing reference. */
.marketing-light.single-offering .hero-copy h1{font-size:clamp(30px,3.05vw,54px);line-height:1.22;letter-spacing:-1.8px;margin:30px 0 28px}
.single-offering .hero-pricing{margin-top:48px}
.single-offering .hero-pricing .price-line{display:block}
.single-offering .hero-pricing .minute-price{flex-wrap:wrap;gap:10px;margin:18px 0 0}
.single-offering .hero-pricing .fixed-price{margin:12px 0 26px}
@media(max-width:760px){
 .marketing-light.single-offering .hero-copy h1{font-size:clamp(30px,7.3vw,48px);letter-spacing:-1px;margin:22px 0}
 .single-offering .hero-pricing{margin-top:28px}
}
@media(min-width:761px){.single-offering .demo-option[aria-pressed=true] .scenario-icon{display:flex}}

/* Keep the complete price together at desktop sizes, using available column width. */
.single-offering .hero-pricing{container-type:inline-size}
.single-offering .hero-pricing .price-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px;margin:18px 0 26px}
.single-offering .hero-pricing .minute-price{flex-wrap:nowrap;gap:7px;margin:0;white-space:nowrap}
.single-offering .hero-pricing .minute-price strong{font-size:clamp(38px,9cqi,76px);letter-spacing:-1.5px}
.single-offering .hero-pricing .minute-price span{font-size:clamp(16px,3.8cqi,32px)}
.single-offering .hero-pricing .fixed-price{font-size:clamp(15px,3.8cqi,32px);margin:0;white-space:nowrap}
/* Compact the transition from the demo to the how-it-works section. */
.marketing-light.single-offering .hero{padding-bottom:20px}
.marketing-light.single-offering #nasil-calisir{padding-top:24px}
.marketing-light.single-offering #nasil-calisir>.eyebrow{margin-top:0}