.theme-first-step{padding:18px;border:1px solid #cddbd4;border-radius:18px;background:linear-gradient(145deg,#f7fbf8,#eef5f1);box-shadow:0 16px 35px #193a2f0b}.theme-first-step legend{padding:0 0 13px}.theme-counter{display:flex;justify-content:space-between;gap:15px;color:#718078;font-size:10px}.theme-counter b{color:#245b4c;white-space:nowrap}
.clinic-preview .preview-copy,.clinic-preview .preview-portrait,.clinic-preview .clinic-logo>div{min-width:0}.clinic-preview .preview-copy h2{max-width:100%;overflow-wrap:anywhere;text-wrap:balance}.clinic-preview .preview-copy p,.clinic-preview .doctor-chip b,.clinic-preview .doctor-chip small{overflow-wrap:anywhere}.clinic-preview .doctor-chip{z-index:5}.clinic-preview .clinic-hero{position:relative;overflow:hidden}

/* Preview navigation variants */
.clinic-preview.nav-floating .clinic-nav{width:92%;margin:12px auto -80px;position:relative;z-index:8;border:0;border-radius:14px;box-shadow:0 10px 30px #0002}.clinic-preview.nav-pill .fake-links{padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--clinic-primary),transparent 92%)}.clinic-preview.nav-bordered .clinic-nav{background:transparent;border-top:1px solid var(--clinic-primary);border-bottom:1px solid var(--clinic-primary)}.clinic-preview.nav-minimal .clinic-nav{background:transparent;border:0}.clinic-preview.nav-minimal .fake-links span:not(:first-child){display:none}.clinic-preview.nav-overlay .clinic-nav{position:absolute;z-index:8;top:28px;left:0;right:0;background:linear-gradient(#0008,transparent);color:#fff;border:0}.clinic-preview.nav-overlay .clinic-logo small{color:#ffffffa6}.clinic-preview.nav-side{padding-right:106px}.clinic-preview.nav-side .clinic-nav{position:absolute;z-index:10;right:0;top:28px;bottom:0;width:106px;height:auto;padding:16px 10px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:var(--clinic-primary);color:#fff}.clinic-preview.nav-side .clinic-logo{display:block;text-align:center}.clinic-preview.nav-side .clinic-logo>span{margin:0 auto 8px}.clinic-preview.nav-side .clinic-logo b{white-space:normal}.clinic-preview.nav-side .clinic-logo small{color:#ffffff80}.clinic-preview.nav-side .fake-links{display:grid;gap:12px;margin-top:30px}.clinic-preview.nav-side .nav-try{margin-top:auto;background:var(--clinic-accent)}

/* Preview layout variants */
.clinic-preview.layout-split .clinic-hero{grid-template-columns:1.05fr .95fr}
.clinic-preview.layout-editorial .clinic-hero{grid-template-columns:.76fr 1.24fr;background:linear-gradient(110deg,var(--clinic-surface) 0 48%,var(--clinic-primary) 48%)}.clinic-preview.layout-editorial .preview-portrait{order:-1}.clinic-preview.layout-editorial .portrait-shape{box-shadow:16px 16px 0 var(--clinic-accent)}
.clinic-preview.layout-centered .clinic-hero{grid-template-columns:1fr;text-align:center;padding-block:45px}.clinic-preview.layout-centered .preview-copy{max-width:620px;margin:auto}.clinic-preview.layout-centered .eyebrow,.clinic-preview.layout-centered .preview-actions,.clinic-preview.layout-centered .preview-trust{justify-content:center}.clinic-preview.layout-centered .preview-copy p{margin-inline:auto}.clinic-preview.layout-centered .preview-portrait{min-height:230px}.clinic-preview.layout-centered .portrait-shape{height:220px;width:220px;border-radius:50%}
.clinic-preview.layout-cinematic .clinic-hero{display:block;min-height:510px;padding-top:110px;color:#fff;background:linear-gradient(90deg,#050708e8 0 48%,#05070822),radial-gradient(circle at 80% 35%,var(--clinic-accent),var(--clinic-primary) 60%,#090b0d)}.clinic-preview.layout-cinematic .preview-copy{position:relative;z-index:3;width:58%}.clinic-preview.layout-cinematic .preview-copy p,.clinic-preview.layout-cinematic .eyebrow{color:#ffffffb8}.clinic-preview.layout-cinematic .preview-portrait{position:absolute;inset:55px 4% 0 50%}.clinic-preview.layout-cinematic .portrait-shape{height:390px;width:250px}
.clinic-preview.layout-minimal .clinic-hero{display:block;min-height:455px;padding:80px 8%;background:var(--clinic-surface)}.clinic-preview.layout-minimal .preview-copy{max-width:82%}.clinic-preview.layout-minimal .preview-copy h2{font-size:58px;line-height:1.05}.clinic-preview.layout-minimal .preview-portrait{display:none}
.clinic-preview.layout-sidebar .clinic-hero{grid-template-columns:1.35fr .65fr;padding:0}.clinic-preview.layout-sidebar .preview-copy{padding:55px}.clinic-preview.layout-sidebar .preview-portrait{height:100%;background:var(--clinic-primary)}.clinic-preview.layout-sidebar .portrait-shape{height:365px;width:170px;border-radius:999px}
.clinic-preview.layout-magazine .clinic-hero{grid-template-columns:1.42fr .58fr;align-items:start;padding-top:65px;background:linear-gradient(90deg,var(--clinic-surface) 0 70%,color-mix(in srgb,var(--clinic-accent),#fff 72%) 70%)}.clinic-preview.layout-magazine .preview-copy h2{font-size:59px;line-height:1}.clinic-preview.layout-magazine .portrait-halo{display:none}.clinic-preview.layout-magazine .portrait-shape{border-radius:0;width:180px}
.clinic-preview.layout-stack .clinic-hero{display:flex;flex-direction:column;text-align:center;padding-block:38px}.clinic-preview.layout-stack .preview-copy{max-width:650px;margin:auto}.clinic-preview.layout-stack .preview-copy p{margin-inline:auto}.clinic-preview.layout-stack .preview-actions,.clinic-preview.layout-stack .preview-trust,.clinic-preview.layout-stack .eyebrow{justify-content:center}.clinic-preview.layout-stack .preview-portrait{order:-1;min-height:220px}.clinic-preview.layout-stack .portrait-shape{width:410px;height:205px;border-radius:var(--clinic-radius)}
.clinic-preview.layout-diagonal .clinic-hero{grid-template-columns:.88fr 1.12fr;background:var(--clinic-primary);color:#fff}.clinic-preview.layout-diagonal .clinic-hero:before{content:"";position:absolute;inset:0 0 0 42%;background:var(--clinic-surface);clip-path:polygon(30% 0,100% 0,100% 100%,0 100%)}.clinic-preview.layout-diagonal .preview-copy,.clinic-preview.layout-diagonal .preview-portrait{position:relative;z-index:2}.clinic-preview.layout-diagonal .preview-copy p,.clinic-preview.layout-diagonal .eyebrow{color:#ffffffb8}.clinic-preview.layout-diagonal .preview-portrait{order:-1}
.clinic-preview.layout-frame .clinic-hero{margin:22px;border:1px solid var(--clinic-primary);border-radius:var(--clinic-radius);min-height:410px;padding:40px;background:transparent}.clinic-preview.layout-frame .clinic-hero:after{content:"SMART CLINIC EXPERIENCE";position:absolute;bottom:12px;left:22px;font-size:6px;letter-spacing:.2em}
.clinic-preview.layout-clinical .clinic-hero{min-height:455px;padding:38px;background:#fff}.clinic-preview.layout-clinical .preview-copy{padding:24px;border-right:5px solid var(--clinic-accent)}.clinic-preview.layout-clinical .preview-portrait{border:1px solid #dce7e2}.clinic-preview.layout-clinical .portrait-shape,.clinic-preview.layout-clinical .portrait-halo{border-radius:0}
.clinic-preview.layout-bento .clinic-hero{padding:24px;gap:14px;background:color-mix(in srgb,var(--clinic-surface),#fff 35%)}.clinic-preview.layout-bento .preview-copy,.clinic-preview.layout-bento .preview-portrait{height:100%;padding:35px;border-radius:calc(var(--clinic-radius) * 1.25);background:var(--clinic-surface);box-shadow:0 10px 40px #0001}.clinic-preview.layout-bento .preview-portrait{background:var(--clinic-primary)}
.clinic-preview.layout-columns .clinic-hero{padding:0;gap:0}.clinic-preview.layout-columns .preview-copy,.clinic-preview.layout-columns .preview-portrait{height:100%;min-height:455px;padding:55px}.clinic-preview.layout-columns .preview-copy{display:flex;flex-direction:column;justify-content:center;border-left:1px solid #0002}.clinic-preview.layout-columns .preview-portrait{background:color-mix(in srgb,var(--clinic-primary),var(--clinic-surface) 18%)}
.clinic-preview.layout-capsule .clinic-hero{margin:20px;border-radius:70px;min-height:410px;padding-inline:8%;background:linear-gradient(135deg,var(--clinic-surface),color-mix(in srgb,var(--clinic-accent),#fff 75%))}.clinic-preview.layout-capsule .portrait-shape{border-radius:999px}
.clinic-preview.layout-report .clinic-hero{grid-template-columns:1fr .72fr;background:repeating-linear-gradient(0deg,transparent 0 35px,#0000000a 36px)}.clinic-preview.layout-report .preview-copy{border-top:7px solid var(--clinic-primary);padding-top:24px}.clinic-preview.layout-report .portrait-shape{border-radius:0;filter:saturate(.7)}
.clinic-preview.layout-horizon .clinic-hero{display:flex;flex-direction:column;padding:0}.clinic-preview.layout-horizon .preview-portrait{order:-1;min-height:230px;width:100%;background:linear-gradient(90deg,var(--clinic-primary),var(--clinic-accent))}.clinic-preview.layout-horizon .portrait-shape{height:200px;width:360px;border-radius:999px}.clinic-preview.layout-horizon .preview-copy{padding:35px 6%}
.clinic-preview.layout-grid .clinic-hero{background-color:var(--clinic-surface);background-image:linear-gradient(#0000000d 1px,transparent 1px),linear-gradient(90deg,#0000000d 1px,transparent 1px);background-size:30px 30px}.clinic-preview.layout-grid .preview-copy{padding:25px;background:#ffffffd9}.clinic-preview.layout-grid .portrait-shape{border-radius:0;box-shadow:12px 12px 0 var(--clinic-accent)}

/* Preview portrait and typography variants */
.clinic-preview.portrait-circle .portrait-shape{width:270px;height:270px;border-radius:50%}.clinic-preview.portrait-square .portrait-shape{border-radius:0}.clinic-preview.portrait-oval .portrait-shape{border-radius:50%}.clinic-preview.portrait-wide .portrait-shape{width:290px;border-radius:var(--clinic-radius)}.clinic-preview.portrait-card .portrait-shape{border-radius:var(--clinic-radius);transform:rotate(-2deg)}.clinic-preview.portrait-offset .portrait-shape{border-radius:48% 48% 5px 5px;transform:translateY(18px)}.clinic-preview.portrait-diamond .portrait-shape{width:230px;height:230px;border-radius:25px;transform:rotate(45deg)}.clinic-preview.portrait-diamond .portrait-shape>*{transform:rotate(-45deg)}.clinic-preview.portrait-hidden .preview-portrait{display:none}.clinic-preview.type-editorial .preview-copy h2{font-family:Georgia,'Times New Roman',serif;font-weight:500}.clinic-preview.type-minimal .preview-copy h2{font-weight:400}.clinic-preview.type-bold .preview-copy h2,.clinic-preview.type-display .preview-copy h2{font-weight:800;letter-spacing:-.065em}.clinic-preview.type-soft .preview-copy h2{font-weight:600;line-height:1.45}.clinic-preview.type-clean .preview-copy h2{letter-spacing:-.02em}.clinic-preview.density-compact .clinic-hero{padding-top:28px;padding-bottom:28px}.clinic-preview.density-airy .clinic-hero{padding-top:70px;padding-bottom:70px}

@media(max-width:900px){.theme-first-step{padding:15px}.clinic-preview.nav-side{padding-right:0}.clinic-preview.nav-side .clinic-nav{position:relative;top:auto;bottom:auto;right:auto;width:auto;height:68px;padding:0 16px;flex-direction:row;align-items:center}.clinic-preview.nav-side .clinic-logo{display:flex;text-align:right}.clinic-preview.nav-side .clinic-logo>span{margin:0}.clinic-preview.nav-side .fake-links{display:none}.clinic-preview.nav-side .nav-try{margin:0}.clinic-preview.nav-floating .clinic-nav{width:94%;margin:10px auto -78px}.clinic-preview.nav-overlay .clinic-nav{top:28px}.clinic-preview .clinic-hero,.clinic-preview.layout-editorial .clinic-hero,.clinic-preview.layout-sidebar .clinic-hero,.clinic-preview.layout-magazine .clinic-hero,.clinic-preview.layout-diagonal .clinic-hero,.clinic-preview.layout-clinical .clinic-hero,.clinic-preview.layout-bento .clinic-hero,.clinic-preview.layout-columns .clinic-hero,.clinic-preview.layout-report .clinic-hero{display:flex;flex-direction:column;min-height:540px;margin:0;padding:32px 22px;border:0;border-radius:0;text-align:right;background:linear-gradient(180deg,var(--clinic-surface),color-mix(in srgb,var(--clinic-surface),var(--clinic-primary) 12%));color:var(--ink)}.clinic-preview.layout-editorial .preview-portrait,.clinic-preview.layout-diagonal .preview-portrait{order:initial}.clinic-preview.layout-diagonal .clinic-hero:before,.clinic-preview.layout-frame .clinic-hero:after{display:none}.clinic-preview.layout-cinematic .clinic-hero{display:block;min-height:600px;padding-top:90px;color:#fff}.clinic-preview.layout-cinematic .preview-copy{width:100%}.clinic-preview.layout-cinematic .preview-portrait{inset:240px -20px 0 25%;opacity:.35}.clinic-preview.layout-minimal .clinic-hero{display:block;min-height:500px;padding:65px 25px}.clinic-preview.layout-minimal .preview-copy{max-width:100%}.clinic-preview.layout-minimal .preview-copy h2,.clinic-preview.layout-magazine .preview-copy h2{font-size:39px}.clinic-preview.layout-centered .clinic-hero,.clinic-preview.layout-stack .clinic-hero,.clinic-preview.layout-horizon .clinic-hero{padding:36px 22px;min-height:560px}.clinic-preview.layout-bento .preview-copy,.clinic-preview.layout-bento .preview-portrait,.clinic-preview.layout-columns .preview-copy,.clinic-preview.layout-columns .preview-portrait,.clinic-preview.layout-sidebar .preview-copy{height:auto;min-height:0;padding:18px;border:0}.clinic-preview.layout-capsule .clinic-hero{margin:0;border-radius:0}.clinic-preview.layout-horizon .preview-portrait{order:initial;background:transparent}.clinic-preview.portrait-diamond .portrait-shape{width:190px;height:190px}.clinic-preview.portrait-circle .portrait-shape{width:220px;height:220px}.clinic-preview .preview-copy h2{font-size:34px;line-height:1.2}.clinic-preview .preview-portrait{width:100%;min-height:260px}.clinic-preview .portrait-shape{max-height:260px}.clinic-preview.density-airy .clinic-hero{padding-top:48px;padding-bottom:48px}}
@media(max-width:560px){.theme-counter span{max-width:78%}.clinic-preview .preview-copy h2{font-size:31px}.clinic-preview.layout-minimal .preview-copy h2,.clinic-preview.layout-magazine .preview-copy h2{font-size:36px}}
