/* Swiftech-Art — shared case study layout */
.case-page {
  --case-accent:#2f6bea;
  --case-accent-rgb:47,107,234;
  --case-soft:#edf4ff;
  --case-deep:#0c1420;
  --case-card:rgba(255,255,255,.76);
  --case-line:rgba(64,82,108,.16);
  --case-muted:#647286;
  --case-radius:28px;
  overflow-x:hidden;
}
.case-page.case-barber{--case-accent:#c3955d;--case-accent-rgb:195,149,93;--case-soft:#f4ede4;--case-deep:#13110f}
.case-page.case-mechanik{--case-accent:#e05835;--case-accent-rgb:224,88,53;--case-soft:#fff0eb;--case-deep:#151517}
.case-page.case-okulista{--case-accent:#388bb7;--case-accent-rgb:56,139,183;--case-soft:#eaf7fb;--case-deep:#0c1720}
.case-page.case-stomatolog{--case-accent:#8a6aac;--case-accent-rgb:138,106,172;--case-soft:#f4eff9;--case-deep:#15101b}
.case-page.case-greengarden{--case-accent:#4b8f52;--case-accent-rgb:75,143,82;--case-soft:#edf6ec;--case-deep:#101910}

.case-page .site-header{background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--case-line)}
.case-page .main-nav a.active{color:var(--case-accent)}
.case-page .case-hero{position:relative;padding:154px 0 70px;background:linear-gradient(180deg,rgba(var(--case-accent-rgb),.10),transparent 72%);overflow:hidden}
.case-page .case-hero::before{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(var(--case-accent-rgb),.14);border-radius:50%;right:-230px;top:-280px;box-shadow:0 0 0 90px rgba(var(--case-accent-rgb),.035),0 0 0 180px rgba(var(--case-accent-rgb),.02);pointer-events:none}
.case-page .case-breadcrumb{display:flex;gap:10px;align-items:center;color:var(--case-muted);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.case-page .case-breadcrumb a{color:inherit}.case-page .case-breadcrumb i{font-style:normal;color:var(--case-accent)}
.case-page .case-hero-copy{max-width:1040px;margin:55px auto 0;text-align:center;position:relative}
.case-page .case-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--case-accent);font-size:12px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.case-page .case-kicker::before{content:"";width:28px;height:2px;background:currentColor;border-radius:2px}
.case-page .case-hero h1{margin:25px 0 28px;font-size:clamp(54px,7vw,104px);line-height:.92;letter-spacing:-.06em;text-wrap:balance}
.case-page .case-hero h1 span{color:var(--case-accent)}
.case-page .case-lead{max-width:790px;margin:0 auto;color:var(--case-muted);font-size:clamp(18px,2vw,23px);line-height:1.62}
.case-page .case-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:34px}
.case-page .case-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 20px;border-radius:999px;border:1px solid var(--case-line);font-size:13px;font-weight:850;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.case-page .case-button-primary{background:var(--case-accent);border-color:var(--case-accent);color:#fff;box-shadow:0 14px 35px rgba(var(--case-accent-rgb),.20)}
.case-page .case-button:hover{transform:translateY(-2px)}
.case-page .case-button-secondary:hover{border-color:rgba(var(--case-accent-rgb),.45);background:rgba(var(--case-accent-rgb),.06)}
.case-page .case-meta{display:grid;grid-template-columns:repeat(3,1fr);margin-top:62px;border-top:1px solid var(--case-line);border-bottom:1px solid var(--case-line)}
.case-page .case-meta div{padding:22px 24px;border-right:1px solid var(--case-line)}.case-page .case-meta div:last-child{border-right:0}
.case-page .case-meta small{display:block;color:var(--case-muted);font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}.case-page .case-meta strong{font-size:14px}

.case-page .case-browser-wrap{padding:20px 0 104px}.case-page .case-browser{overflow:hidden;border:1px solid var(--case-line);border-radius:32px;background:#fff;box-shadow:0 32px 95px rgba(15,26,42,.14)}
.case-page .case-browser-top{height:48px;display:flex;align-items:center;gap:8px;padding:0 18px;background:#f4f6f9;border-bottom:1px solid #e5e9ef;color:#8290a2}
.case-page .case-browser-top i{width:9px;height:9px;border-radius:50%;background:#ff7c73}.case-page .case-browser-top i:nth-child(2){background:#f7c95c}.case-page .case-browser-top i:nth-child(3){background:#72ca83}.case-page .case-browser-top span{margin:0 auto;font-size:11px;font-weight:700;transform:translateX(-24px)}
.case-page .case-browser img{display:block;width:100%;height:auto}

.case-page .case-section{padding:105px 0;border-top:1px solid var(--case-line)}
.case-page .case-section-soft{background:rgba(var(--case-accent-rgb),.04)}
.case-page .case-intro{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:90px;align-items:start}
.case-page .case-section-label{color:var(--case-accent);font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.case-page .case-intro h2,.case-page .case-centered h2{margin:20px 0 0;font-size:clamp(40px,4.2vw,64px);line-height:.98;letter-spacing:-.05em;text-wrap:balance;max-width:730px}
.case-page .case-copy{max-width:760px}.case-page .case-copy p{margin:0 0 22px;color:var(--case-muted);font-size:18px;line-height:1.76}.case-page .case-copy p:last-child{margin-bottom:0}.case-page .case-copy strong{color:var(--ink)}
.case-page .case-centered{text-align:center;max-width:900px;margin:0 auto 56px}.case-page .case-centered h2{margin-left:auto;margin-right:auto}.case-page .case-centered p{max-width:720px;margin:24px auto 0;color:var(--case-muted);font-size:18px;line-height:1.7}

.case-page .case-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.case-page .case-feature{min-height:250px;padding:30px;border:1px solid var(--case-line);border-radius:24px;background:var(--case-card);position:relative;overflow:hidden}
.case-page .case-feature::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(var(--case-accent-rgb),.08);right:-45px;bottom:-55px}
.case-page .case-feature span{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:12px;background:rgba(var(--case-accent-rgb),.1);color:var(--case-accent);font-size:12px;font-weight:900}.case-page .case-feature h3{margin:42px 0 12px;font-size:22px;letter-spacing:-.025em}.case-page .case-feature p{margin:0;color:var(--case-muted);line-height:1.65;font-size:15px}

.case-page .case-media-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch}.case-page .case-media-card{min-height:520px;border-radius:28px;overflow:hidden;background:var(--case-deep);position:relative}.case-page .case-media-card img{width:100%;height:100%;object-fit:cover;display:block}.case-page .case-media-card.contain{background:var(--case-soft);padding:40px}.case-page .case-media-card.contain img{object-fit:contain}.case-page .case-media-note{position:absolute;left:24px;bottom:24px;right:24px;padding:20px;border-radius:18px;background:rgba(8,13,20,.78);backdrop-filter:blur(12px);color:#fff}.case-page .case-media-note strong{display:block;font-size:16px;margin-bottom:5px}.case-page .case-media-note span{color:#c8d2df;font-size:13px;line-height:1.5}

.case-page .case-flow{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--case-line);border-bottom:1px solid var(--case-line)}
.case-page .case-flow article{padding:34px 28px;border-right:1px solid var(--case-line)}.case-page .case-flow article:last-child{border-right:0}.case-page .case-flow span{color:var(--case-accent);font-size:11px;font-weight:900}.case-page .case-flow h3{font-size:19px;margin:30px 0 10px}.case-page .case-flow p{color:var(--case-muted);font-size:14px;line-height:1.65;margin:0}

.case-page .case-demo-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:34px}.case-page .case-demo-links a{padding:12px 18px;border:1px solid rgba(var(--case-accent-rgb),.30);border-radius:999px;background:rgba(var(--case-accent-rgb),.08);color:var(--case-accent);font-size:12px;font-weight:850;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.case-page .case-demo-links a:hover{border-color:var(--case-accent);background:var(--case-accent);color:#fff;box-shadow:0 10px 28px rgba(var(--case-accent-rgb),.20);transform:translateY(-2px)}

.case-page .case-products{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.case-page .case-product{background:#fff;border:1px solid var(--case-line);border-radius:24px;overflow:hidden}.case-page .case-product-media{aspect-ratio:1/1;background:var(--case-soft);overflow:hidden}.case-page .case-product img{width:100%;height:100%;object-fit:cover}.case-page .case-product div:last-child{padding:18px 20px}.case-page .case-product small{color:var(--case-accent);font-weight:850;letter-spacing:.08em}.case-page .case-product strong{display:block;margin-top:7px;font-size:17px}

.case-page .case-final{padding:100px 0 120px}.case-page .case-final-box{position:relative;overflow:hidden;padding:clamp(42px,6vw,80px);border-radius:32px;background:var(--case-deep);color:#fff;text-align:center}.case-page .case-final-box::after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(var(--case-accent-rgb),.18);filter:blur(10px);right:-160px;top:-190px}.case-page .case-final-box h2{position:relative;margin:14px auto 20px;max-width:850px;font-size:clamp(44px,5.5vw,78px);line-height:.96;letter-spacing:-.05em}.case-page .case-final-box p{position:relative;max-width:650px;margin:0 auto 30px;color:#c5cfdb;font-size:17px;line-height:1.65}.case-page .case-final-box .case-actions{position:relative;margin-top:0}
.case-page .case-next{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:32px 0;border-top:1px solid var(--case-line)}.case-page .case-next a{font-weight:850}.case-page .case-next small{display:block;color:var(--case-muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}.case-page .case-next .next{text-align:right}

.case-page .site-footer{padding-top:24px}
html[data-theme="dark"] .case-page{--case-card:rgba(13,21,31,.72);--case-line:rgba(92,112,140,.28);--case-muted:#9aabbf;--case-soft:rgba(var(--case-accent-rgb),.10)}
html[data-theme="dark"] .case-page .site-header{background:rgba(8,13,20,.82)}
html[data-theme="dark"] .case-page .case-browser{background:#111923;box-shadow:0 34px 95px rgba(0,0,0,.30)}
html[data-theme="dark"] .case-page .case-browser-top{background:#171f2a;border-color:#263345;color:#8290a2}
html[data-theme="dark"] .case-page .case-product{background:#111923}
html[data-theme="dark"] .case-page .case-button-secondary{color:#e8eef7;background:rgba(255,255,255,.035);border-color:rgba(173,190,214,.28)}
html[data-theme="dark"] .case-page .case-button-secondary:hover{color:#fff;background:rgba(var(--case-accent-rgb),.16);border-color:rgba(var(--case-accent-rgb),.62)}
html[data-theme="dark"] .case-page .case-demo-links a{background:rgba(var(--case-accent-rgb),.13);border-color:rgba(var(--case-accent-rgb),.48);color:#f3f7fb}
html[data-theme="dark"] .case-page .case-demo-links a:hover{background:var(--case-accent);border-color:var(--case-accent);color:#fff}

@media(max-width:980px){
 .case-page .case-intro{grid-template-columns:1fr;gap:34px}.case-page .case-features{grid-template-columns:1fr 1fr}.case-page .case-media-grid{grid-template-columns:1fr}.case-page .case-media-card{min-height:430px}.case-page .case-flow{grid-template-columns:1fr 1fr}.case-page .case-flow article:nth-child(2){border-right:0}.case-page .case-flow article:nth-child(-n+2){border-bottom:1px solid var(--case-line)}
}
@media(max-width:760px){
 .case-page .case-hero{padding-top:125px}.case-page .case-hero-copy{margin-top:38px}.case-page .case-hero h1{font-size:clamp(50px,15vw,76px)}.case-page .case-lead{font-size:17px}.case-page .case-meta{grid-template-columns:1fr}.case-page .case-meta div{border-right:0;border-bottom:1px solid var(--case-line);padding-left:0;padding-right:0}.case-page .case-meta div:last-child{border-bottom:0}.case-page .case-browser-wrap{padding-bottom:75px}.case-page .case-browser{border-radius:20px}.case-page .case-browser-top span{display:none}.case-page .case-section{padding:78px 0}.case-page .case-features{grid-template-columns:1fr}.case-page .case-feature{min-height:0}.case-page .case-media-card{min-height:340px;border-radius:20px}.case-page .case-media-card.contain{padding:18px}.case-page .case-flow{grid-template-columns:1fr}.case-page .case-flow article{border-right:0;border-bottom:1px solid var(--case-line)}.case-page .case-flow article:last-child{border-bottom:0}.case-page .case-products{grid-template-columns:1fr 1fr}.case-page .case-next{align-items:flex-start}.case-page .case-final{padding:70px 0 90px}.case-page .case-final-box{border-radius:24px}
}
@media(max-width:480px){.case-page .case-actions{flex-direction:column}.case-page .case-button{width:100%}.case-page .case-products{grid-template-columns:1fr}.case-page .case-next{flex-direction:column}.case-page .case-next .next{text-align:left}.case-page .case-media-card{min-height:290px}}

.case-commerce-preview{display:grid;grid-template-columns:.9fr 1.1fr;min-height:520px;background:var(--case-soft)}
.case-commerce-preview-copy{padding:clamp(30px,6vw,80px);display:flex;flex-direction:column;justify-content:center}
.case-commerce-preview-copy h2{font-size:clamp(38px,5vw,72px);line-height:.96;letter-spacing:-.05em;margin:24px 0}
.case-commerce-preview-copy p{color:var(--case-muted);font-size:17px;line-height:1.65}
.case-commerce-preview-media{padding:35px;display:flex;align-items:center;justify-content:center}
.case-commerce-preview-media img{max-height:500px;width:100%;object-fit:contain}
@media(max-width:760px){.case-commerce-preview{grid-template-columns:1fr;min-height:0}.case-commerce-preview-copy{padding:30px 24px}.case-commerce-preview-media{padding:20px}.case-commerce-preview-media img{max-height:360px}}

html[data-theme="dark"] .case-page .case-copy strong{color:#f3f7fc}
html[data-theme="dark"] .case-page .case-intro h2,
html[data-theme="dark"] .case-page .case-centered h2,
html[data-theme="dark"] .case-page .case-flow h3,
html[data-theme="dark"] .case-page .case-feature h3,
html[data-theme="dark"] .case-page .case-next a{color:#eef5ff}
html[data-theme="dark"] .case-page .case-kicker,
html[data-theme="dark"] .case-page .case-section-label{color:var(--case-accent)}