.template-catalog-page.template-catalog-page-v2{padding-block-start:clamp(20px,3vw,44px)}.templates-intro{text-align:center;width:min(920px,100%);margin-inline:auto}.templates-intro-comparison{--before-share:35%;grid-template-columns:minmax(0,35fr) minmax(0,65fr);gap:clamp(7px,1.2vw,14px);height:clamp(160px,29vw,326px);display:grid;position:relative}.templates-intro-photo{background:var(--panel-2);border-radius:clamp(12px,2vw,21px);min-width:0;margin:0;position:relative;overflow:hidden}.templates-intro-photo img{object-fit:cover;width:100%;height:100%;display:block}.templates-intro-photo figcaption{color:#fff;font-size:var(--sp-type-caption);background:#191c20b3;border-radius:9px;padding:5px 11px;font-weight:600;line-height:1.3;position:absolute;inset-block-start:10px;inset-inline-start:10px}.templates-intro-photo-after figcaption{background:color-mix(in srgb, var(--brand-strong) 85%, black);inset-inline:auto 10px}.templates-intro-transform{z-index:1;border:3px solid var(--bg);background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;inset-block-start:calc(50% - 24px);inset-inline-start:calc(var(--before-share) - 24px)}.templates-intro-transform svg{stroke-width:3px;width:28px;height:28px}.templates-intro-copy{margin-block-start:clamp(18px,2.4vw,30px)}.templates-intro-copy h1{letter-spacing:-.045em;text-wrap:balance;max-width:820px;margin:0 auto 12px;font-size:clamp(28px,4vw,48px);font-weight:800;line-height:1.1}.templates-intro-copy p{color:var(--muted);text-wrap:pretty;margin:0;font-size:clamp(15px,1.7vw,19px);line-height:1.5}.templates-intro-action{width:min(680px,100%);margin:18px auto 0}.templates-intro-cta.soma-primary-action{background:var(--brand);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:13px;width:100%;min-height:54px;padding:12px 20px;font-size:clamp(18px,2vw,23px);font-weight:700;transition:background-color .18s;display:flex}.templates-intro-cta:hover{background:var(--brand-strong)}.templates-intro-cta:focus-visible{outline:3px solid var(--text);outline-offset:4px}.templates-intro-assurances{flex-wrap:wrap;justify-content:center;gap:9px 28px;margin:14px 0 0;padding:0;list-style:none;display:flex}.templates-intro-assurances li{color:var(--muted);font-size:var(--sp-type-caption);align-items:center;gap:8px;display:flex}.templates-intro-assurances li>span{background:color-mix(in srgb, var(--brand) 22%, var(--bg));width:19px;height:19px;color:var(--brand-strong);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.templates-intro-steps{border-block-start:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(680px,100%);margin:18px auto 0;padding:14px 0 0;list-style:none;display:grid}.templates-intro-steps li{min-width:0;padding-inline:6px;position:relative}.templates-intro-step-visual{justify-content:center;align-items:center;gap:8px;min-height:24px;margin-block-end:6px;display:flex}.templates-intro-step-visual>svg{width:22px;height:22px}.templates-intro-step-number{background:color-mix(in srgb, var(--brand) 16%, var(--bg));width:20px;height:20px;color:var(--brand-strong);border-radius:50%;flex:0 0 20px;place-items:center;font-size:11px;font-weight:600;display:grid}.templates-intro-steps h3{font-size:var(--sp-type-label);margin:0 0 4px;font-weight:600;line-height:1.35}.templates-intro-steps p{color:var(--muted);font-size:var(--sp-type-caption);margin:0;line-height:1.4}.templates-intro-step-arrow{width:16px;height:16px;color:var(--muted);opacity:.45;position:absolute;inset-block-start:22px;inset-inline-end:-15px}.template-catalog-title{font-size:var(--sp-type-h3);letter-spacing:-.035em;margin:0;scroll-margin-block-start:calc(var(--app-header-height) + 20px);font-weight:750;line-height:1.2}.template-catalog-title:focus{outline:none}[dir=rtl] .templates-intro-transform svg,[dir=rtl] .templates-intro-cta svg,[dir=rtl] .templates-intro-step-arrow{transform:scaleX(-1)}@media (width<=600px){.templates-intro-photo figcaption{border-radius:7px;padding:4px 8px;font-size:12px;inset-block-start:8px;inset-inline-start:8px}.templates-intro-photo-after figcaption{inset-inline:auto 8px}.templates-intro-transform{width:38px;height:38px;border-width:2px;inset-block-start:calc(50% - 19px);inset-inline-start:calc(var(--before-share) - 19px)}.templates-intro-transform svg{width:23px;height:23px}.templates-intro-action{margin-block-start:16px}.templates-intro-copy-break{display:none}.templates-intro-copy-break:after{content:" "}.templates-intro-assurances{column-gap:14px}.templates-intro-assurances li{gap:6px;font-size:12px}.templates-intro-steps{gap:10px;margin-block-start:16px;padding-block-start:12px}.templates-intro-steps li{padding-inline:0}.templates-intro-steps h3,.templates-intro-steps p{font-size:12px}.templates-intro-step-visual{gap:6px}.templates-intro-step-arrow{width:14px;inset-inline-end:-14px}.template-catalog-page-v2 .template-catalog-controls{margin-block-start:28px}}@media (width<=360px){.templates-intro-assurances{column-gap:10px}.templates-intro-assurances li{font-size:11px}}@media (prefers-reduced-motion:reduce){.templates-intro-cta{transition:none}}[dir=rtl] .templates-intro{direction:rtl}
