/* Czech accents need breathing room between display lines. */
.section h2,.shop-hero h1,.shop-section h2,.offer-hero h1,.offer-section-heading h2,.offer-foundation h2,.studio-heading h1,.studio-video-feature h2,.pose-section>h2,.footer .finale-copy h2,.integration-layout h2,.faq-with-sofie h2{line-height:1.12;letter-spacing:-.035em;overflow:visible}
.hero #hero-title{line-height:1.08;letter-spacing:-.035em}
.section h3,.offer-plan h3,.foundation-grid h3,.offer-addon-list h3{line-height:1.16;letter-spacing:-.025em}
section[id]{scroll-margin-top:96px}

/* The API flow is a separate component from the integration directory. */
.integration-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,65px);align-items:start}
.integration-layout>div{min-width:0}
.integration-layout>.connection-panel{padding:24px 24px 0;max-width:none;width:100%;min-width:0;align-self:start;transform:rotate(1deg)}
.connection-panel .panel-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.connection-panel .panel-top .tiny{line-height:1.6;letter-spacing:.08em;max-width:85%}
.connection-panel .connection-route{display:grid;grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);align-items:center;gap:10px;padding:36px 0 31px}
.connection-route .connection-node{position:static;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;width:auto;height:auto;border:0;border-radius:0;background:none;animation:none;min-width:0;font-size:10px;line-height:1.4;letter-spacing:.03em;text-align:center}
.connection-route .connection-node svg{width:51px;height:51px;flex:none;stroke-width:1.6}
.connection-route .connection-wire{display:flex;align-items:center;justify-content:center;gap:6px;font-size:20px}
.connection-route .connection-wire b{font-size:16px;line-height:1;padding:14px 12px;min-width:47px;text-align:center;border-radius:15px}
.connection-panel .data-tabs{display:flex;flex-wrap:wrap;gap:7px}
.connection-panel .data-tabs button{min-height:40px;font-size:12px;padding:11px 16px}
.connection-panel .flow-events p{font-size:14px;line-height:1.6}
.connection-panel .flow-note{font-size:11px;line-height:1.65;margin:22px 0 0}
.connection-panel .connection-signature{margin:24px -24px 0;padding:16px 24px;font-size:8px;line-height:1.6}
.integration-detail{min-width:0}

/* Deliberate title breaks, with enough room for Ů and accents. */
.setup-launch #setup-teaser-title{font-size:clamp(38px,4.3vw,62px);line-height:1.14;letter-spacing:-.035em;margin:0 0 24px;max-width:100%}
.setup-launch #setup-teaser-title>span,.setup-launch #setup-teaser-title>em{display:block;white-space:nowrap}
.setup-launch .launch-copy{min-width:0}
.setup-launch .launch-previews{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;min-width:0;padding:10px 0 0;align-self:center}
.theme-preview{min-width:0;transform:rotate(3deg);transition:transform .3s ease;transform-origin:center}
.theme-preview:first-child{grid-column:1/-1;transform:rotate(-3deg);margin:0 18px 8px;z-index:2}
.theme-preview:nth-child(3){transform:rotate(-2deg)}
.theme-preview:hover,.theme-preview:focus-within{transform:translateY(-5px) rotate(0);z-index:3}
.setup-launch .theme-preview .shop-preview-trigger{display:block;width:100%;max-width:100%;margin:0!important;transform:none!important;overflow:hidden;border-radius:13px;background:#fff;box-shadow:0 12px 30px #61220024;text-align:left}
.shopify-preview{display:block;background:#fff;color:#111;border-radius:13px;overflow:hidden}
.theme-browser{display:flex;justify-content:space-between;align-items:center;gap:10px;height:27px;padding:0 11px;background:#f4f1ed;color:#5e5a55;font-size:6px;line-height:1;letter-spacing:.03em}
.theme-browser-dots{color:#b7a99f;font-size:5px;letter-spacing:3px;white-space:nowrap}
.theme-browser>b{font-size:12px;font-weight:500;letter-spacing:0}
.theme-image{display:block;aspect-ratio:1.55;overflow:hidden;background:#fff}
.theme-image img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:top;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.theme-preview:first-child .theme-image{aspect-ratio:1.6}
.theme-preview:hover img{transform:scale(1.025)}
.theme-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-top:1px solid #eee8e2;background:#fff}
.theme-card-meta strong{font-size:12px;line-height:1.2;letter-spacing:-.02em}
.theme-card-meta>span{font-size:7px;line-height:1.4;text-align:right;color:#6f6862}
.theme-source{display:block;text-align:center;margin-top:8px;font-size:8px;line-height:1.6;color:#111;text-decoration:none}
.theme-source:hover{text-decoration:underline}
.setup-launch .launch-preview-caption{grid-column:1/-1;text-align:center;font-size:9px;line-height:1.7;max-width:none;margin:8px 0 0}
.shop-preview-dialog{width:min(1040px,94vw);max-height:92svh;overflow:auto;padding:25px}
.shop-preview-dialog #theme-preview-title{font-size:26px;line-height:1.25;letter-spacing:-.025em;margin:8px 50px 0 0}
.preview-content .shopify-preview{border:1px solid #e2d7ce;border-radius:12px}
.preview-content .theme-browser{height:35px;font-size:9px}
.preview-content .theme-image{aspect-ratio:auto;overflow:visible}
.preview-content .theme-image img{width:100%;height:auto;object-fit:contain;transform:none}
.preview-content .theme-card-meta{padding:18px 22px}
.preview-content .theme-card-meta strong{font-size:19px}
.preview-content .theme-card-meta>span{font-size:12px}
.preview-credit a{color:#a83200;text-underline-offset:4px}

.testimonial-card{min-height:0}
.testimonial-card .benefit-headline{font-size:clamp(29.6px,4.2vw,55.5px);font-weight:700;line-height:1.15;letter-spacing:-.035em;color:#d94200;margin:0 0 34px;max-width:920px}
.testimonial-card-bottom{align-items:center}

@media(max-width:1000px){.setup-launch #setup-teaser-title{font-size:clamp(42px,6vw,64px)}.setup-launch .launch-previews{max-width:760px;width:100%;justify-self:center}.theme-preview:first-child{margin-inline:80px}.theme-image{aspect-ratio:1.7}}
@media(max-width:900px){.integration-layout{grid-template-columns:minmax(0,1fr);gap:40px}.integration-layout>.connection-panel{max-width:620px;justify-self:center}.integration-layout h2{text-align:center}}
@media(max-width:600px){
  .section h2,.offer-hero h1,.footer .finale-copy h2{line-height:1.14;letter-spacing:-.03em}
  .hero #hero-title{line-height:1.08}
  .integration-layout>.connection-panel{padding:22px 18px 0;transform:none}
  .connection-panel .panel-top .tiny{font-size:7px;letter-spacing:.05em}
  .connection-panel .connection-route{grid-template-columns:minmax(0,1fr) 75px minmax(0,1fr);gap:6px;padding:30px 0}
  .connection-route .connection-node{font-size:8px;gap:12px}
  .connection-route .connection-node svg{width:43px;height:43px}
  .connection-route .connection-wire{gap:4px;font-size:16px}
  .connection-route .connection-wire b{font-size:14px;padding:12px 10px;min-width:42px}
  .connection-panel .data-tabs button{font-size:11px;padding:10px 13px}
  .connection-panel .flow-events p{font-size:12px}
  .connection-panel .connection-signature{margin-inline:-18px;padding-inline:18px;font-size:7px}
  .setup-launch #setup-teaser-title{font-size:clamp(33px,10vw,48px);line-height:1.16}
  .setup-launch .launch-previews{gap:12px;margin-top:5px}
  .theme-preview:first-child{margin:0 15px 9px}
  .theme-browser{font-size:5px;height:23px;padding-inline:8px}
  .theme-browser-dots{font-size:4px;letter-spacing:2px}
  .theme-card-meta{padding:8px;gap:4px;align-items:start;flex-direction:column}
  .theme-card-meta strong{font-size:11px}
  .theme-card-meta>span{font-size:7px;text-align:left}
  .theme-source{font-size:7px;margin-top:7px}
  .setup-launch .launch-preview-caption{font-size:8px}
  .shop-preview-dialog{padding:18px}
  .shop-preview-dialog #theme-preview-title{font-size:22px}
  .testimonial-card .benefit-headline{font-size:clamp(28px,7.7vw,38px);line-height:1.16;margin-bottom:25px}
}
@media(prefers-reduced-motion:reduce){.theme-preview,.theme-image img{transition:none}.theme-preview:hover{transform:none}}