:root{
  --bg:#f2f5f3;--paper:#ffffff;--soft:#eaf1ef;--ink:#10161a;--muted:#6f7b82;--line:#dbe3e1;--dark:#0d1315;--dark2:#11191b;--cyan:#20c4d4;--cyan2:#81eef5;--shadow:0 26px 80px rgba(20,33,36,.14);--max:1280px;--pad:clamp(22px,5vw,64px)
}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.45;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.topbar{position:absolute;z-index:50;top:0;left:50%;transform:translateX(-50%);width:min(var(--max),calc(100% - 80px));height:84px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,4vw,56px);color:#fff;mix-blend-mode:normal}.brand{font-weight:900;font-size:19px;letter-spacing:-.03em}.navlinks{display:flex;gap:30px;justify-content:center;font-size:15px;color:rgba(255,255,255,.78)}.navlinks a:hover{color:#fff}.langSwitch{justify-self:end;display:flex;align-items:center;gap:8px;font-weight:900;letter-spacing:.06em;color:rgba(255,255,255,.7)}.langBtn{border:0;background:transparent;color:inherit;padding:8px 2px;cursor:pointer;font-weight:900}.langBtn.active{color:#fff}.heroShell{width:min(var(--max),calc(100% - 80px));margin:0 auto;min-height:760px;position:relative;overflow:hidden;background:#111}.heroMedia,.heroSlide,.heroOverlay{position:absolute;inset:0}.heroSlide{opacity:0;transition:opacity 1.25s ease;pointer-events:none}.heroSlide.active{opacity:1}.heroSlide img{width:100%;height:100%;object-fit:cover;object-position:center}.heroOverlay{background:linear-gradient(90deg,rgba(0,0,0,.70) 0%,rgba(0,0,0,.42) 34%,rgba(0,0,0,.10) 72%),linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.34));z-index:1}.heroContent{position:relative;z-index:2;min-height:760px;display:flex;flex-direction:column;justify-content:center;width:min(620px,58%);padding:110px clamp(32px,5vw,64px) 76px}.eyebrow,.kicker{font-size:13px;line-height:1;letter-spacing:.16em;font-weight:900;color:var(--cyan2);text-transform:uppercase}.heroContent h1{font-size:clamp(48px,5.15vw,74px);line-height:1.02;letter-spacing:-.052em;margin:20px 0 22px;color:#fff;max-width:760px;font-weight:900;overflow-wrap:normal;text-wrap:balance}.heroText{font-size:clamp(18px,1.8vw,22px);color:rgba(255,255,255,.84);margin:0;max-width:600px}.heroActions,.closingActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{border:1px solid transparent;border-radius:0;min-height:48px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--cyan);color:#041111}.btn.ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.34);color:#fff}.btn.ghost.light{background:transparent}.btn.soft{background:#eef4f3;color:#263238;border-color:#d7e3e1}.heroDots{position:absolute;z-index:3;right:34px;bottom:30px;display:flex;gap:10px}.dot{width:9px;height:9px;border-radius:99px;border:0;background:rgba(255,255,255,.44);padding:0;cursor:pointer}.dot.active{width:28px;background:var(--cyan)}.trustStrip{width:min(var(--max),calc(100% - 80px));margin:0 auto;background:#fff;min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(24px,5vw,64px);border-bottom:1px solid var(--line);font-size:17px}.trustStrip span{color:var(--muted)}.section{width:min(1180px,calc(100% - 112px));margin:0 auto;padding:112px 0}.sectionHead{margin-bottom:50px}.split{display:grid;grid-template-columns:1fr 1.1fr;align-items:end;gap:40px}.section h2,.darkCopy h2,.trustBlock h2,.bookingHead h2,.closing h2{font-size:clamp(38px,4.55vw,58px);line-height:1.05;letter-spacing:-.045em;margin:0;font-weight:900;text-wrap:balance}.sectionHead .kicker{color:#6b767c}.serviceRow{min-height:360px;background:#eaf1ef;display:grid;grid-template-columns:1.05fr 1fr;margin-bottom:28px;overflow:hidden}.serviceRow.reverse{grid-template-columns:1fr 1.05fr}.serviceRow.reverse .serviceCopy{order:2}.serviceRow img{width:100%;height:100%;object-fit:cover}.serviceCopy{display:grid;grid-template-columns:.8fr 1fr;align-items:center;gap:24px;padding:46px}.serviceCopy span{align-self:start;color:#879295;font-weight:900;letter-spacing:.12em}.serviceCopy h3{font-size:32px;line-height:1.06;letter-spacing:-.025em;margin:0;font-weight:900;text-wrap:balance}.serviceCopy p{font-size:18px;color:#718088;margin:0;max-width:320px}.darkFeature{width:min(var(--max),calc(100% - 80px));margin:20px auto 0;background:var(--dark);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;min-height:650px;overflow:hidden}.darkImage img{height:100%;width:100%;object-fit:cover;opacity:.72}.darkCopy{padding:clamp(42px,7vw,94px);display:flex;flex-direction:column;justify-content:center}.darkCopy p:not(.kicker){font-size:19px;color:#aab4b8;max-width:520px}.cyan{color:var(--cyan2)}.trustBlock{display:grid;grid-template-columns:1fr 420px;gap:70px;align-items:center}.trustBlock p:not(.kicker){font-size:20px;color:#6d7a80;max-width:610px}.ratingCard{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:30px}.ratingCard div{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-size:17px}.ratingCard span{color:#6d7a80}.ratingCard strong{font-size:20px}.textLink{display:inline-flex;margin-top:22px;color:#057888;font-weight:900}.bookingSection{width:min(1180px,calc(100% - 112px));margin:0 auto;padding:30px 0 120px}.bookingHead{display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:end}.bookingHead p:not(.kicker){font-size:19px;color:#6d7a80}.bookingPanel{background:#fff;display:grid;grid-template-columns:330px 1fr;border:1px solid var(--line);box-shadow:var(--shadow);min-height:520px}.stepRail{background:var(--dark);color:#fff;padding:36px}.railItem{display:flex;gap:14px;align-items:center;margin-bottom:18px;color:#8f9ca0;font-weight:800}.railItem span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid #354144;color:#9dabad}.railItem.active{color:#fff}.railItem.active span{background:var(--cyan);border-color:var(--cyan);color:#031112}.railItem.done span{color:#031112;background:#d7f6f8;border-color:#d7f6f8}.bookingCard{padding:42px 46px 36px;display:flex;flex-direction:column}.bookingTop{display:flex;align-items:center;gap:18px;margin-bottom:18px}.stepCount{margin:0;color:#6f7b82;font-weight:800}.progress{height:4px;background:#e3ebea;flex:1;overflow:hidden}.progress span{display:block;height:100%;width:14%;background:var(--cyan);transition:width .3s ease}.bookingQuestion{font-size:30px;line-height:1.05;letter-spacing:-.04em;margin:0 0 24px;font-weight:900}.bookingBody{display:grid;gap:12px}.optionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.optionCard{border:1px solid #cddad8;background:#fff;min-height:84px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-weight:900}.optionCard small{display:block;margin-top:5px;color:#738187;font-weight:650}.optionCard.selected{border-color:var(--cyan);background:#eafbfc}.optionCard .check{color:#057888;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.extrasGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:850;color:#243035}.field input,.field textarea{border:1px solid #cbd8d6;background:#fff;padding:14px 15px;min-height:50px}.field textarea{min-height:92px;resize:vertical}.summaryBox{background:#f3f8f7;border:1px solid #dce8e6;padding:22px;display:grid;gap:12px}.summaryLine{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #dce8e6;padding-bottom:10px}.summaryLine:last-child{border-bottom:0;padding-bottom:0}.formError{min-height:22px;color:#b13b2e;font-weight:850;margin:16px 0 0}.bookingNav{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:28px}.closing{width:min(var(--max),calc(100% - 80px));margin:0 auto;background:var(--dark);color:#fff;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:70px clamp(32px,5vw,64px)}.closing p:not(.kicker){color:#a9b4b8;font-size:19px}.footer{width:min(var(--max),calc(100% - 80px));margin:0 auto 50px;background:#0b1012;color:#fff;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;padding:28px clamp(32px,5vw,64px);color:#849094}.footer strong{color:#fff}.mobileCta{display:none}
@media (max-width:1200px) and (min-width:901px){.heroContent h1{font-size:clamp(52px,5.2vw,62px);line-height:1.06;letter-spacing:-.045em;max-width:640px}.heroContent{padding-left:clamp(52px,8vw,88px)}}
@media (max-width:900px){.topbar{width:100%;height:70px;padding:0 18px;background:rgba(12,17,19,.72);backdrop-filter:blur(14px);grid-template-columns:1fr auto}.navlinks{display:none}.brand{font-size:18px}.heroShell{width:100%;min-height:680px}.heroContent{width:100%;min-height:680px;padding:122px 22px 96px;justify-content:end}.heroContent h1{font-size:clamp(32px,8.35vw,38px);line-height:1.08;letter-spacing:-.03em;max-width:350px}.heroText{font-size:17px;max-width:350px}.heroActions{display:grid;grid-template-columns:1fr;max-width:350px}.heroActions .btn{width:100%}.heroOverlay{background:linear-gradient(180deg,rgba(0,0,0,.24) 0%,rgba(0,0,0,.24) 34%,rgba(0,0,0,.72) 78%,rgba(0,0,0,.82) 100%)}.heroDots{left:22px;right:auto;bottom:28px}.trustStrip{width:100%;display:grid;gap:4px;justify-content:start;padding:22px;font-size:16px}.section,.bookingSection{width:calc(100% - 44px);padding:72px 0}.split,.trustBlock,.bookingHead,.closing{grid-template-columns:1fr}.section h2,.darkCopy h2,.trustBlock h2,.bookingHead h2,.closing h2{font-size:36px;line-height:1.08;letter-spacing:-.035em}.serviceRow,.serviceRow.reverse{grid-template-columns:1fr;min-height:0}.serviceRow.reverse .serviceCopy{order:0}.serviceCopy{grid-template-columns:1fr;gap:12px;padding:24px}.serviceCopy h3{font-size:30px}.serviceRow img{height:245px}.darkFeature{width:100%;grid-template-columns:1fr;min-height:0}.darkImage img{height:300px}.darkCopy{padding:54px 22px}.trustBlock{gap:28px}.bookingHead{gap:20px}.bookingPanel{grid-template-columns:1fr}.stepRail{display:flex;overflow-x:auto;gap:12px;padding:18px;scrollbar-width:none}.railItem{min-width:max-content;margin:0;font-size:14px}.bookingCard{padding:28px 18px 26px}.bookingQuestion{font-size:27px}.optionGrid,.extrasGrid,.formGrid{grid-template-columns:1fr}.optionCard{min-height:72px}.summaryLine{display:grid;gap:4px}.bookingNav{position:sticky;bottom:76px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 24%);padding-top:24px}.closing{width:100%;padding:58px 22px 92px}.closingActions{display:grid;grid-template-columns:1fr}.footer{width:100%;margin-bottom:74px;display:grid;gap:10px;padding:26px 22px}.mobileCta{position:fixed;z-index:60;left:10px;right:10px;bottom:10px;background:#11191b;border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:8px;box-shadow:0 16px 48px rgba(0,0,0,.28)}.mobileCta a{min-height:48px;border-radius:16px;display:grid;place-items:center;color:#fff;font-weight:900}.mobileCta a:first-child{background:var(--cyan);color:#041111}}
@media (max-width:380px){.heroContent h1{font-size:31px;line-height:1.1;letter-spacing:-.026em}.heroText{font-size:16px}.eyebrow,.kicker{font-size:12px}.section h2,.darkCopy h2,.trustBlock h2,.bookingHead h2,.closing h2{font-size:32px;line-height:1.1;letter-spacing:-.028em}.bookingCard{padding-left:14px;padding-right:14px}.btn{padding:0 18px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.heroSlide{transition:none}.btn:hover{transform:none}}


/* Premium Template 01 additions */
.serviceCopy span{align-self:start;color:#617076;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.beforeAfter{position:relative;min-height:650px;overflow:hidden;background:#0b1012;isolation:isolate;cursor:ew-resize;touch-action:pan-y;user-select:none}
.beforeAfter img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.88;pointer-events:none;-webkit-user-drag:none}
.beforeLayer{position:absolute;inset:0;clip-path:inset(0 50% 0 0);z-index:3;overflow:hidden;pointer-events:none}
.beforeLayer img{filter:saturate(.72) contrast(.88) brightness(.72)}
.baRange{position:absolute;z-index:6;inset:auto 24px 28px 24px;width:calc(100% - 48px);accent-color:var(--cyan);cursor:pointer}
.baHandle{position:absolute;z-index:5;top:0;bottom:0;left:50%;width:2px;background:rgba(129,238,245,.92);box-shadow:0 0 24px rgba(32,196,212,.8);transform:translateX(-1px);pointer-events:auto;cursor:ew-resize}
.baHandle span{position:absolute;top:50%;left:50%;width:46px;height:46px;border-radius:50%;transform:translate(-50%,-50%);background:rgba(4,17,17,.82);border:1px solid rgba(129,238,245,.9);box-shadow:0 0 0 8px rgba(32,196,212,.08)}
.beforeAfter.is-dragging .baHandle span{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 0 12px rgba(32,196,212,.12)}
.baLabels{position:absolute;z-index:4;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;color:#fff;letter-spacing:.08em;text-transform:uppercase;font-size:12px;pointer-events:none}.baLabels b{background:rgba(0,0,0,.46);padding:9px 12px;backdrop-filter:blur(10px)}
.multiWrap{display:grid;gap:16px}.selectedChips{display:flex;gap:8px;flex-wrap:wrap;min-height:38px}.selectedChip{border:1px solid #bfe8eb;background:#eafbfc;color:#06383f;border-radius:999px;min-height:36px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;font-weight:900;cursor:pointer}.selectedChip b{font-size:18px;line-height:1}.emptyHint{margin:0;color:#7a868b;font-weight:800}.optionGrid.multi{grid-template-columns:repeat(2,minmax(0,1fr))}.multiCard{justify-content:flex-start}.boxMark{width:26px;height:26px;border:1px solid #aebfbd;display:grid;place-items:center;flex:0 0 26px;color:#041111;background:#fff;font-weight:900}.optionCard.selected .boxMark{border-color:var(--cyan);background:var(--cyan)}.dateTimeWrap{display:grid;gap:18px}.nativeDate input{width:100%;border-radius:0;min-height:52px}.miniCalendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.dateSlot{min-height:76px;border:1px solid #cbd8d6;background:#fff;display:grid;place-items:center;padding:8px;cursor:pointer}.dateSlot span{font-size:12px;color:#748188;font-weight:800;text-transform:uppercase}.dateSlot b{font-size:21px}.dateSlot small{color:#748188}.dateSlot.selected,.timeSlot.selected{border-color:var(--cyan);background:#eafbfc;box-shadow:inset 0 0 0 1px var(--cyan)}.timeSlots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.timeSlot{min-height:52px;border:1px solid #cbd8d6;background:#fff;font-weight:950;cursor:pointer}.selectedDateLine{background:#f3f8f7;border:1px solid #dce8e6;padding:13px 15px;color:#057888;font-weight:950}.confirmNote{margin:12px 0 0;color:#057888;font-weight:950;font-size:17px}
@media (max-width:900px){.beforeAfter{min-height:330px;order:0}.miniCalendar{grid-template-columns:repeat(4,minmax(0,1fr))}.timeSlots{grid-template-columns:repeat(2,minmax(0,1fr))}.optionGrid.multi{grid-template-columns:1fr}.selectedChip{min-height:40px}.dateSlot{min-height:68px}}
@media (max-width:380px){.miniCalendar{grid-template-columns:repeat(3,minmax(0,1fr))}.timeSlot{min-height:50px}}

/* Hespera Motion Studio v1 additions: hero fade-up, service carousel, sticky services, alternating trust */
.serviceCarousel{position:relative;width:100%;aspect-ratio:4/3;min-height:360px;overflow:hidden;background:#dfe7e5;isolation:isolate}.serviceCarousel img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:0;transform:scale(1.012);transition:opacity 1.1s ease,transform 5.6s ease}.serviceCarousel img.active{opacity:1;transform:scale(1.04)}
.motion-fade-up .heroContent>.eyebrow,.motion-fade-up .heroContent>h1,.motion-fade-up .heroContent>.heroText,.motion-fade-up .heroContent>.heroActions{opacity:0;transform:translateY(30px);animation:hmsFadeUp .8s cubic-bezier(.2,.72,.18,1) forwards}.motion-fade-up .heroContent>.eyebrow{animation-delay:.08s}.motion-fade-up .heroContent>h1{animation-delay:.18s}.motion-fade-up .heroContent>.heroText{animation-delay:.3s}.motion-fade-up .heroContent>.heroActions{animation-delay:.42s}@keyframes hmsFadeUp{to{opacity:1;transform:translateY(0)}}
@media (min-width:901px){.motion-sticky-layout .sectionHead{position:relative;z-index:1;will-change:transform}body.motion-ready .motion-sticky-layout .sectionHead{transform:translate3d(0,var(--motion-head-y,0),0)}.motion-sticky-layout .serviceRow{will-change:transform,opacity}body.motion-ready .motion-sticky-layout .serviceRow{opacity:var(--motion-opacity,1);transform:translate3d(0,var(--motion-y,0),0)}}
body.motion-ready .motion-alternating>*{opacity:0;transform:translate3d(var(--hms-from,-42px),0,0);transition:opacity .8s cubic-bezier(.2,.72,.18,1),transform .8s cubic-bezier(.2,.72,.18,1);transition-delay:var(--hms-delay,0s);will-change:transform,opacity}body.motion-ready .motion-alternating>*:nth-child(2n){--hms-from:42px;--hms-delay:.12s}body.motion-ready .motion-alternating.is-visible>*{opacity:1;transform:translate3d(0,0,0)}
@media (max-width:900px){.serviceCarousel{min-height:0;height:auto}.motion-sticky-layout .sectionHead{position:relative}.serviceRow .serviceCarousel{order:1}.serviceRow.reverse .serviceCopy{order:2}.serviceRow.reverse .serviceCarousel{order:1}}
@media (prefers-reduced-motion:reduce){.motion-fade-up .heroContent>.eyebrow,.motion-fade-up .heroContent>h1,.motion-fade-up .heroContent>.heroText,.motion-fade-up .heroContent>.heroActions{animation:none;opacity:1;transform:none}.serviceCarousel img,.serviceCarousel img.active{transition:none;transform:none}body.motion-ready .motion-alternating>*{transition:none;opacity:1;transform:none}body.motion-ready .motion-sticky-layout .serviceRow{transform:none;opacity:1}}

.kicker:empty,.trustStrip span:empty{display:none!important}

/* 2026-08-18: stronger trust area, Google Maps panel and service scroll headline */
.serviceMotionHead{align-items:start;position:relative}.serviceTitleMotion{position:relative;overflow:visible;padding-bottom:22px}.serviceTitleMotion h2{transform:translate3d(var(--service-title-x,-44px),0,0);opacity:var(--service-title-opacity,.72);transition:transform .18s linear,opacity .18s linear}.titleProgress{position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,rgba(16,22,26,.08),rgba(16,22,26,.03));overflow:hidden}.titleProgress span{display:block;width:calc(var(--service-progress,0) * 100%);height:100%;background:linear-gradient(90deg,var(--cyan),rgba(129,238,245,.38));box-shadow:0 0 22px rgba(32,196,212,.38)}
.trustShowcase{grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);gap:48px;align-items:stretch}.trustIntro{display:flex;flex-direction:column;justify-content:center}.trustActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.trustActions .btn.soft{background:#fff}.trustDashboard{display:grid;gap:16px}.trustCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.trustMiniCard{min-height:172px;background:#fff;border:1px solid rgba(16,22,26,.1);box-shadow:0 22px 70px rgba(20,33,36,.12);padding:23px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.trustMiniCard:before{content:"";position:absolute;inset:auto -34px -48px auto;width:120px;height:120px;border-radius:999px;background:radial-gradient(circle,rgba(32,196,212,.24),rgba(32,196,212,0) 68%)}.trustMiniCard span{font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:950;color:#65737a}.trustMiniCard strong{font-size:clamp(20px,2vw,27px);line-height:1.04;letter-spacing:-.03em;max-width:260px}.trustMiniCard small{font-size:14px;line-height:1.45;color:#6f7d83;font-weight:760}.trustMiniCard.accent{background:linear-gradient(145deg,#091214,#113033);color:#fff;border-color:rgba(129,238,245,.28)}.trustMiniCard.accent span,.trustMiniCard.accent small{color:rgba(255,255,255,.72)}.mapPanel{min-height:310px;background:#0b1012;color:#fff;position:relative;overflow:hidden;box-shadow:0 30px 90px rgba(3,15,18,.22);border:1px solid rgba(129,238,245,.18)}.mapPanel iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.88) contrast(1.04)}.mapPanel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,13,15,0) 42%,rgba(3,13,15,.82) 100%);pointer-events:none}.mapCaption{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;display:flex;align-items:end;justify-content:space-between;gap:18px}.mapCaption span{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:950;color:var(--cyan2)}.mapCaption strong{font-size:clamp(19px,2vw,26px);line-height:1.06;text-align:right;max-width:320px}.routeBtn:after{content:"↗";margin-left:8px;font-weight:900}
body.motion-ready .trustShowcase .trustMiniCard,body.motion-ready .trustShowcase .mapPanel{opacity:0;transform:translate3d(-58px,20px,0);transition:opacity .72s cubic-bezier(.2,.72,.18,1),transform .72s cubic-bezier(.2,.72,.18,1);transition-delay:calc(var(--card-index,0) * .105s);will-change:transform,opacity}body.motion-ready .trustShowcase .mapPanel{transform:translate3d(58px,24px,0)}body.motion-ready .trustShowcase.is-visible .trustMiniCard,body.motion-ready .trustShowcase.is-visible .mapPanel{opacity:1;transform:translate3d(0,0,0)}
@media (max-width:900px){.serviceTitleMotion{padding-bottom:16px}.serviceTitleMotion h2{transform:translate3d(var(--service-title-x,0),0,0)}.trustShowcase{grid-template-columns:1fr;gap:28px}.trustActions{display:grid;grid-template-columns:1fr 1fr}.trustCards{grid-template-columns:1fr;gap:12px}.trustMiniCard{min-height:138px;padding:20px}.mapPanel{min-height:330px}.mapCaption{display:grid;align-items:start}.mapCaption strong{text-align:left}.mobileCta{grid-template-columns:1fr 1fr 1fr;transform:translateY(126%);opacity:0;pointer-events:none;transition:transform .24s ease,opacity .24s ease}.mobileCta a{font-size:12px}body.mobile-cta-visible .mobileCta{transform:translateY(0);opacity:1;pointer-events:auto}}
@media (max-width:380px){.trustActions{grid-template-columns:1fr}.trustMiniCard strong{font-size:21px}.mapPanel{min-height:300px}.mobileCta a{font-size:11px;padding:0 6px}}
@media (prefers-reduced-motion:reduce){.serviceTitleMotion h2{transform:none;opacity:1}.titleProgress span{width:100%}body.motion-ready .trustShowcase .trustMiniCard,body.motion-ready .trustShowcase .mapPanel{transition:none;opacity:1;transform:none}}

.topbar{transition:background .24s ease,backdrop-filter .24s ease,box-shadow .24s ease,height .24s ease,top .24s ease,border-color .24s ease,transform .3s cubic-bezier(.2,.72,.18,1);will-change:transform}body.nav-hidden .topbar{transform:translate(-50%,-126%)}@media (min-width:901px){body.is-scrolled .topbar{top:14px;height:64px;background:rgba(9,16,18,.78);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 50px rgba(0,0,0,.18)}}

/* 2026-08-18: smart section motion + softened page edges + clickable trust cards */
html{background:#e8efeb;background-image:radial-gradient(circle at 2% 12%,rgba(32,196,212,.10),transparent 30%),radial-gradient(circle at 98% 38%,rgba(129,238,245,.09),transparent 34%),linear-gradient(90deg,#e3ece7 0%,#f3f6f3 8%,#eef3f0 22%,#eef3f0 78%,#f3f6f3 92%,#e3ece7 100%)}
body{background:linear-gradient(90deg,rgba(227,236,231,.88) 0%,rgba(246,248,246,.84) 7%,rgba(242,245,243,.96) 20%,rgba(242,245,243,.96) 80%,rgba(246,248,246,.84) 93%,rgba(227,236,231,.88) 100%)}
.heroShell,.section,.darkFeature,.bookingSection,.closing,.footer,.trustStrip{box-shadow:0 22px 70px rgba(20,33,36,.055)}
.section,.bookingSection{background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(249,252,250,.70));border-left:1px solid rgba(16,22,26,.035);border-right:1px solid rgba(16,22,26,.035)}
.serviceRow{--copy-label-x:-54px;--copy-title-x:62px;--copy-text-x:-34px;--media-x:56px;--reveal-y:18px;overflow:clip}.serviceRow.reverse{--copy-label-x:54px;--copy-title-x:-62px;--copy-text-x:34px;--media-x:-56px}.serviceRow.reveal-pack .serviceCopy span,.serviceRow.reveal-pack .serviceCopy h3,.serviceRow.reveal-pack .serviceCopy p,.serviceRow.reveal-pack .serviceCarousel{opacity:0;will-change:transform,opacity;transition:opacity .78s cubic-bezier(.2,.72,.18,1),transform .78s cubic-bezier(.2,.72,.18,1)}.serviceRow.reveal-pack .serviceCopy span{transform:translate3d(var(--copy-label-x),var(--reveal-y),0);transition-delay:.02s}.serviceRow.reveal-pack .serviceCopy h3{transform:translate3d(var(--copy-title-x),0,0);transition-delay:.12s}.serviceRow.reveal-pack .serviceCopy p{transform:translate3d(var(--copy-text-x),calc(var(--reveal-y) * -1),0);transition-delay:.22s}.serviceRow.reveal-pack .serviceCarousel{transform:translate3d(var(--media-x),20px,0) scale(.982);transition-delay:.14s}.serviceRow.reveal-pack.is-visible .serviceCopy span,.serviceRow.reveal-pack.is-visible .serviceCopy h3,.serviceRow.reveal-pack.is-visible .serviceCopy p,.serviceRow.reveal-pack.is-visible .serviceCarousel{opacity:1;transform:translate3d(0,0,0) scale(1)}
body.motion-ready .scroll-reveal.trustStrip{opacity:0;transform:translate3d(0,28px,0);transition:opacity .7s cubic-bezier(.2,.72,.18,1),transform .7s cubic-bezier(.2,.72,.18,1)}body.motion-ready .scroll-reveal.trustStrip.is-visible{opacity:1;transform:none}body.motion-ready .darkFeature.scroll-reveal .darkImage,body.motion-ready .darkFeature.scroll-reveal .darkCopy,body.motion-ready .bookingSection.scroll-reveal .bookingHead,body.motion-ready .bookingSection.scroll-reveal .bookingPanel,body.motion-ready .closing.scroll-reveal>*,body.motion-ready .footer.scroll-reveal>*{opacity:0;will-change:transform,opacity;transition:opacity .78s cubic-bezier(.2,.72,.18,1),transform .78s cubic-bezier(.2,.72,.18,1)}body.motion-ready .darkFeature.scroll-reveal .darkImage{transform:translate3d(-46px,22px,0) scale(.988)}body.motion-ready .darkFeature.scroll-reveal .darkCopy{transform:translate3d(46px,-8px,0)}body.motion-ready .bookingSection.scroll-reveal .bookingHead{transform:translate3d(-34px,24px,0)}body.motion-ready .bookingSection.scroll-reveal .bookingPanel{transform:translate3d(34px,28px,0);transition-delay:.13s}body.motion-ready .closing.scroll-reveal>*:first-child{transform:translate3d(-38px,24px,0)}body.motion-ready .closing.scroll-reveal>*:last-child{transform:translate3d(38px,-4px,0);transition-delay:.12s}body.motion-ready .footer.scroll-reveal>*{transform:translate3d(0,20px,0)}body.motion-ready .darkFeature.scroll-reveal.is-visible .darkImage,body.motion-ready .darkFeature.scroll-reveal.is-visible .darkCopy,body.motion-ready .bookingSection.scroll-reveal.is-visible .bookingHead,body.motion-ready .bookingSection.scroll-reveal.is-visible .bookingPanel,body.motion-ready .closing.scroll-reveal.is-visible>*,body.motion-ready .footer.scroll-reveal.is-visible>*{opacity:1;transform:none}
.trustMiniCard.clickable{appearance:none;border-radius:0;text-align:left;font:inherit;color:inherit;cursor:pointer}.trustMiniCard.clickable em{font-style:normal;margin-top:14px;color:#078896;font-size:13px;font-weight:950;letter-spacing:.02em}.trustMiniCard.clickable.accent em{color:var(--cyan2)}.trustMiniCard.clickable:hover{transform:translateY(-4px);box-shadow:0 30px 88px rgba(20,33,36,.18)}.trustMiniCard.clickable:focus-visible{outline:3px solid rgba(32,196,212,.72);outline-offset:4px}.reviewModal[hidden]{display:none}.reviewModal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px}.reviewBackdrop{position:absolute;inset:0;background:rgba(5,10,12,.58);backdrop-filter:blur(10px)}.reviewDialog{position:relative;width:min(720px,100%);background:#0d1517;color:#fff;padding:clamp(24px,4vw,44px);box-shadow:0 40px 120px rgba(0,0,0,.42);border:1px solid rgba(129,238,245,.22)}.reviewDialog h3{font-size:clamp(28px,4vw,48px);line-height:1.02;margin:0 0 16px;letter-spacing:-.04em}.reviewDialog p{color:rgba(255,255,255,.75);max-width:58ch}.reviewClose{position:absolute;top:16px;right:16px;width:42px;height:42px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;font-size:28px;cursor:pointer}.demoReviewGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.demoReviewGrid article{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:18px;display:grid;gap:9px}.demoReviewGrid b{color:#ffe083;letter-spacing:.08em}.demoReviewGrid strong{font-size:18px}.demoReviewGrid span,.reviewDialog small{color:rgba(255,255,255,.70);line-height:1.45}body.review-open{overflow:hidden}
@media (max-width:900px){body.nav-hidden .topbar{transform:translate(-50%,-128%)}.section,.bookingSection{width:calc(100% - 28px)}.serviceRow{--copy-label-x:-28px;--copy-title-x:28px;--copy-text-x:-22px;--media-x:0}.serviceRow.reverse{--copy-label-x:28px;--copy-title-x:-28px;--copy-text-x:22px;--media-x:0}.demoReviewGrid{grid-template-columns:1fr}.reviewModal{padding:16px}.reviewDialog{max-height:min(86vh,760px);overflow:auto}}
@media (prefers-reduced-motion:reduce){body.nav-hidden .topbar{transform:translateX(-50%)}.serviceRow.reveal-pack .serviceCopy span,.serviceRow.reveal-pack .serviceCopy h3,.serviceRow.reveal-pack .serviceCopy p,.serviceRow.reveal-pack .serviceCarousel,body.motion-ready .scroll-reveal.trustStrip,body.motion-ready .darkFeature.scroll-reveal .darkImage,body.motion-ready .darkFeature.scroll-reveal .darkCopy,body.motion-ready .bookingSection.scroll-reveal .bookingHead,body.motion-ready .bookingSection.scroll-reveal .bookingPanel,body.motion-ready .closing.scroll-reveal>*,body.motion-ready .footer.scroll-reveal>*{transition:none!important;opacity:1!important;transform:none!important}.trustMiniCard.clickable:hover{transform:none}}

/* 2026-08-24 stability hotfix: content must never stay hidden if scroll observers lag/fail. */
.serviceRow.reveal-pack .serviceCopy span,
.serviceRow.reveal-pack .serviceCopy h3,
.serviceRow.reveal-pack .serviceCopy p,
.serviceRow.reveal-pack .serviceCarousel,
body.motion-ready .scroll-reveal.trustStrip,
body.motion-ready .darkFeature.scroll-reveal .darkImage,
body.motion-ready .darkFeature.scroll-reveal .darkCopy,
body.motion-ready .bookingSection.scroll-reveal .bookingHead,
body.motion-ready .bookingSection.scroll-reveal .bookingPanel,
body.motion-ready .closing.scroll-reveal>*,
body.motion-ready .footer.scroll-reveal>*,
body.motion-ready .trustShowcase .trustMiniCard,
body.motion-ready .trustShowcase .mapPanel{
  opacity:1!important;
  transform:none!important;
}


/* 2026-08-24 booking5 + editorial layout stability */
.bookingSection{padding-top:76px;padding-bottom:96px}
.bookingPanel{grid-template-columns:minmax(210px,300px) minmax(0,1fr);min-height:0;align-items:stretch;border-radius:0;overflow:hidden}
.stepRail{background:#0d1515;color:#fff;padding:24px;display:grid;gap:10px;align-content:start}
.railItem{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:12px;padding:11px 10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);min-height:58px}
.railItem span{width:36px;height:36px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:rgba(255,255,255,.78);font-weight:950}
.railItem b{font-size:13px;line-height:1.2;letter-spacing:.02em;color:rgba(255,255,255,.72)}
.railItem.active{border-color:rgba(32,196,212,.55);background:linear-gradient(90deg,rgba(32,196,212,.18),rgba(255,255,255,.04))}
.railItem.active span,.railItem.done span{background:var(--cyan);color:#061416}.railItem.active b{color:#fff}.railItem.done b{color:rgba(255,255,255,.92)}
.bookingCard{padding:clamp(28px,4.2vw,54px);display:grid;align-content:start;gap:18px;min-height:600px}
.bookingTop{display:grid;gap:11px}.stepCount{margin:0;color:#5f6f74;font-weight:950;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.progress{height:5px;background:#e2ece9;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),rgba(129,238,245,.6));transition:width .28s ease}
.bookingQuestion{font-size:clamp(28px,3.2vw,44px);line-height:1.04;letter-spacing:-.035em;margin:2px 0 4px;max-width:760px}
.bookingBody{display:grid;gap:18px}.bookingNav{display:flex;gap:12px;justify-content:flex-end;margin-top:6px}.bookingNav .btn{min-width:148px;height:52px;padding:0 22px}.formError{min-height:22px;margin:0;color:#b44530;font-weight:900}
.optionGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.optionGrid.multi{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.optionCard{min-height:98px;border:1px solid #cbd8d6;background:#fff;padding:18px;text-align:left;display:flex;justify-content:space-between;align-items:flex-start;gap:14px;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.optionCard b{display:block;font-size:16px;line-height:1.16;letter-spacing:-.015em}.optionCard small{display:block;margin-top:6px;color:#6f7d83;font-size:13px;line-height:1.35}.optionCard:hover{border-color:#9bdce2;transform:translateY(-2px);box-shadow:0 16px 36px rgba(20,33,36,.09)}.optionCard.selected{background:#eafbfc;border-color:var(--cyan);box-shadow:inset 0 0 0 1px var(--cyan),0 16px 34px rgba(32,196,212,.12)}.check,.boxMark{border-radius:0}.servicesExtrasStack{display:grid;gap:18px}.bookingSubsection{display:grid;gap:12px}.bookingSubhead{display:flex;align-items:end;justify-content:space-between;gap:14px}.bookingSubhead span{font-size:12px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;color:#58686d}.bookingSubhead small{color:#758388;font-weight:800;font-size:13px}.upsellBlock{padding-top:14px;border-top:1px solid #dce8e6}
.selectedChips{min-height:0}.emptyHint{font-size:13px}.dateTimeWrap.modernDateTime{gap:14px;max-width:760px}.dateGridModern{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.dateSlot.modern{min-height:78px;border:1px solid #cbd8d6;background:#fff;display:grid;place-items:center;padding:9px 6px;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.dateSlot.modern:hover{transform:translateY(-2px);border-color:#9bdce2}.dateSlot.modern span{font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;color:#6b777c}.dateSlot.modern b{font-size:24px;line-height:1}.dateSlot.modern small{font-size:12px;color:#77848a}.dateSlot.modern.selected{background:#eafbfc;border-color:var(--cyan);box-shadow:inset 0 0 0 1px var(--cyan)}.timeHead{margin-top:4px}.timeSlots.modern{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.timeSlot{min-height:56px;border:1px solid #cbd8d6;background:#fff;font-weight:950;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.timeSlot:hover:not(:disabled){border-color:#9bdce2;transform:translateY(-2px)}.timeSlot b{display:block}.timeSlot small{display:block;margin-top:2px;font-size:10px;letter-spacing:.03em;color:#8a969a;font-weight:900}.timeSlot.disabled,.timeSlot:disabled{opacity:.46;background:#f1f5f4;color:#7a8589;cursor:not-allowed;text-decoration:line-through}.timeSlot.selected{background:#071312;color:#fff;border-color:#071312;box-shadow:0 16px 35px rgba(7,19,18,.18)}.selectedDateLine.modern{margin-top:2px;background:linear-gradient(90deg,#eafbfc,#f6fbfa);border-color:#bfe8eb;color:#056f7d}.formGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.field{display:grid;gap:7px}.field label{font-size:12px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;color:#64747a}.field input,.field textarea{width:100%;border:1px solid #cbd8d6;background:#fff;min-height:54px;padding:0 14px;color:var(--ink);outline:none}.field textarea{min-height:112px;padding-top:14px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(32,196,212,.13)}.field.full{grid-column:1/-1}.summaryBox{display:grid;gap:8px}.summaryLine{display:grid;grid-template-columns:185px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid #e1ebe9}.summaryLine span{font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#65737a}.summaryLine strong{font-size:16px;line-height:1.35}.confirmNote{margin:14px 0 0;padding:16px 18px;background:#eafbfc;border:1px solid #bfe8eb;color:#056f7d;font-weight:950}
.serviceRow{min-height:420px}.serviceCopy{min-height:100%;align-content:center}.serviceCarousel{height:100%;min-height:420px}.darkFeature{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);min-height:620px}.beforeAfter{min-height:620px}.trustCards{align-items:stretch}.trustMiniCard{height:100%}.closing{align-items:center}
@media (max-width:1100px){.bookingPanel{grid-template-columns:220px 1fr}.optionGrid{grid-template-columns:1fr}.formGrid{grid-template-columns:1fr 1fr}.dateGridModern{grid-template-columns:repeat(4,minmax(0,1fr))}.timeSlots.modern{grid-template-columns:repeat(4,minmax(0,1fr))}.darkFeature{grid-template-columns:1fr}}
@media (max-width:900px){.bookingSection{padding:56px 0 84px}.bookingPanel{display:block}.stepRail{display:none}.bookingCard{min-height:0;padding:24px 18px 26px}.bookingQuestion{font-size:30px}.bookingNav{position:sticky;bottom:0;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);padding-top:12px;margin-left:-4px;margin-right:-4px}.bookingNav .btn{flex:1;min-width:0;height:52px}.optionGrid,.optionGrid.multi{grid-template-columns:1fr}.optionCard{min-height:86px;padding:16px}.bookingSubhead{display:grid;gap:3px}.dateGridModern{grid-template-columns:repeat(2,minmax(0,1fr))}.dateSlot.modern{min-height:66px}.timeSlots.modern{grid-template-columns:repeat(2,minmax(0,1fr))}.timeSlot{min-height:54px}.formGrid{grid-template-columns:1fr}.summaryLine{grid-template-columns:1fr;gap:4px}.serviceRow{min-height:0}.serviceCarousel{min-height:280px}.darkFeature,.beforeAfter{min-height:0}.trustActions{grid-template-columns:1fr 1fr}}
@media (max-width:430px){.bookingCard{padding-left:14px;padding-right:14px}.bookingQuestion{font-size:28px}.dateGridModern{gap:8px}.timeSlots.modern{gap:8px}.trustActions{grid-template-columns:1fr}.mobileCta{left:10px;right:10px}}
@media (max-width:900px){body.booking-in-view .mobileCta{transform:translateY(126%);opacity:0;pointer-events:none}.bookingSection{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.bookingCard{padding-bottom:calc(34px + env(safe-area-inset-bottom))}}


/* 2026-08-24 mobile safe-frame fix: prevent visual edge protrusion on narrow screens */
@media (max-width:900px){
  .topbar,.heroShell,.trustStrip,.darkFeature,.bookingSection,.closing,.footer{width:calc(100% - 28px);margin-left:auto;margin-right:auto}
  .topbar{left:50%;right:auto;border-left:1px solid rgba(255,255,255,.10);border-right:1px solid rgba(255,255,255,.10)}
  .heroShell{overflow:hidden}
  .section{width:calc(100% - 28px);margin-left:auto;margin-right:auto;overflow:hidden}
  .serviceRow,.serviceCarousel,.darkImage,.beforeAfter,.trustDashboard,.mapPanel,.bookingPanel,.closing{max-width:100%;overflow:hidden}
  .mobileCta{left:18px;right:18px;border-radius:18px;overflow:hidden;box-shadow:0 18px 44px rgba(5,12,14,.24)}
  .mobileCta a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .bookingNav{z-index:20}
}
@media (max-width:430px){
  .topbar,.heroShell,.trustStrip,.darkFeature,.bookingSection,.closing,.footer,.section{width:calc(100% - 24px)}
  .mobileCta{left:16px;right:16px}
  .serviceCopy{padding-left:20px;padding-right:20px}
  .darkCopy{padding-left:20px;padding-right:20px}
  .bookingHead{padding-left:0;padding-right:0}
}


/* 2026-08-24 mobile sticky CTA refinement: one clean primary pill, no visual protrusion */
@media (max-width:900px){
  .mobileCta{left:50%;right:auto;width:min(292px,calc(100% - 44px));grid-template-columns:1fr;transform:translate(-50%,126%);border-radius:999px;background:rgba(8,17,18,.94);padding:7px;gap:0}
  body.mobile-cta-visible .mobileCta{transform:translate(-50%,0)}
  body.booking-in-view .mobileCta{transform:translate(-50%,126%);opacity:0;pointer-events:none}
  .mobileCta a{height:46px;display:flex;align-items:center;justify-content:center;border-radius:999px;font-size:13px;padding:0 18px}
  .mobileCta a:not(:first-child){display:none}
}


/* 2026-08-24 premium section rhythm refinement: clearer chapter transitions without redesign */
:root{--rhythm-gap:clamp(18px,2.6vw,36px);--rhythm-edge:clamp(22px,5vw,64px);--chapter-bg:#0d1315;--chapter-line:rgba(16,22,26,.13)}
.trustStrip{position:relative;min-height:88px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(14px,2vw,24px);padding:0 var(--rhythm-edge);background:linear-gradient(90deg,#fff 0%,#fbfdfc 46%,#eff6f4 100%);border-top:1px solid rgba(16,22,26,.16);border-bottom:1px solid rgba(16,22,26,.10);box-shadow:0 20px 70px rgba(18,31,34,.085),inset 0 1px 0 rgba(255,255,255,.9);overflow:hidden}
.trustStrip:before{content:none;display:none}
.trustStrip:after{content:none;display:none}
html[lang="tr"] .trustStrip:after{content:none;display:none}
.trustStrip strong{font-size:clamp(15px,1.8vw,19px);letter-spacing:-.015em;color:#10161a;position:relative;padding-left:clamp(10px,1.6vw,18px)}
.trustStrip strong:before{content:"";position:absolute;left:0;top:50%;width:1px;height:30px;transform:translateY(-50%);background:linear-gradient(180deg,rgba(16,22,26,0),rgba(16,22,26,.22),rgba(16,22,26,0))}
#services,.trustShowcase,#booking,#contact,#results{scroll-margin-top:88px}
#services,.trustShowcase,#booking{position:relative;margin-top:var(--rhythm-gap);isolation:isolate;border-top:1px solid var(--chapter-line);border-bottom:1px solid rgba(16,22,26,.055);box-shadow:0 28px 90px rgba(18,31,34,.07),inset 0 1px 0 rgba(255,255,255,.86)}
#services{padding-top:clamp(86px,7.2vw,118px)}
.trustShowcase{padding-top:clamp(86px,7.2vw,118px)}
#booking{padding-top:clamp(78px,6.2vw,104px)}
#services:before,.trustShowcase:before,#booking:before{position:sticky;top:18px;z-index:9;width:max-content;max-width:calc(100% - 36px);height:36px;display:inline-flex;align-items:center;gap:10px;margin:calc(clamp(-58px,-4vw,-34px)) 0 28px 0;padding:0 14px;background:rgba(13,19,21,.94);color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 46px rgba(4,12,13,.20);font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;backdrop-filter:blur(12px)}
#services:before{content:""}
.trustShowcase:before{content:""}
#booking:before{content:""}
html[lang="tr"] #services:before{content:""}
html[lang="tr"] .trustShowcase:before{content:""}
html[lang="tr"] #booking:before{content:""}
#services:after,.trustShowcase:after,#booking:after{content:"";position:absolute;left:var(--rhythm-edge);right:var(--rhythm-edge);bottom:0;height:1px;background:linear-gradient(90deg,rgba(16,22,26,0),rgba(16,22,26,.22),rgba(32,196,212,.34),rgba(16,22,26,0));pointer-events:none}
#results{position:relative;margin-top:var(--rhythm-gap);isolation:isolate;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(16,22,26,.20);box-shadow:0 32px 96px rgba(4,12,13,.16);overflow:hidden}
#results:before{content:"ERGEBNIS";position:absolute;z-index:7;top:22px;left:var(--rhythm-edge);height:36px;display:inline-flex;align-items:center;padding:0 14px;background:rgba(255,255,255,.09);color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 16px 44px rgba(0,0,0,.22);font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;backdrop-filter:blur(12px)}
html[lang="tr"] #results:before{content:"SONUÇ"}
#results:after{content:"";position:absolute;z-index:5;left:0;right:0;bottom:0;height:52px;background:linear-gradient(180deg,rgba(13,19,21,0),rgba(13,19,21,.35));pointer-events:none}
#contact{position:relative;margin-top:var(--rhythm-gap);isolation:isolate;box-shadow:0 32px 96px rgba(4,12,13,.16);overflow:hidden}
#contact:before{content:"KONTAKT";position:absolute;z-index:4;top:22px;left:var(--rhythm-edge);height:36px;display:inline-flex;align-items:center;padding:0 14px;background:rgba(255,255,255,.09);color:#fff;border:1px solid rgba(255,255,255,.18);font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;backdrop-filter:blur(12px)}
html[lang="tr"] #contact:before{content:"İLETİŞİM"}
#services .sectionHead,.trustShowcase .trustIntro,#booking .bookingHead{position:relative;z-index:2}
.serviceRow{border-top:1px solid rgba(16,22,26,.075);background:linear-gradient(180deg,rgba(255,255,255,.54),rgba(247,251,249,.40))}
.serviceRow:first-of-type{border-top-color:rgba(16,22,26,.12)}
.serviceRow+.serviceRow{margin-top:clamp(18px,2vw,26px)}
.serviceRow.reverse{background:linear-gradient(180deg,rgba(238,246,243,.74),rgba(255,255,255,.54))}
.darkFeature+.trustShowcase,.trustShowcase+#booking,#booking+#contact{margin-top:var(--rhythm-gap)}
@media (max-width:900px){
  :root{--rhythm-gap:14px;--rhythm-edge:20px}
  .trustStrip{min-height:78px;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;padding:14px 18px;gap:3px 12px}
  .trustStrip:before{grid-row:1/3;width:38px;height:38px;font-size:13px}
  .trustStrip strong{grid-column:2;font-size:15px;line-height:1.2;padding-left:0}
  .trustStrip strong:before{display:none}
  .trustStrip:after{grid-column:2;grid-row:2;justify-self:start;font-size:9px;letter-spacing:.14em;color:#77848a}
  #services,.trustShowcase,#booking{padding-top:34px}
  #services:before,.trustShowcase:before,#booking:before{position:relative;top:auto;height:32px;margin:0 0 22px 0;padding:0 12px;font-size:10px;letter-spacing:.13em;box-shadow:0 12px 32px rgba(4,12,13,.16)}
  #services:after,.trustShowcase:after,#booking:after{left:18px;right:18px}
  #results:before,#contact:before{top:16px;left:18px;height:32px;font-size:10px;letter-spacing:.13em;padding:0 12px}
  .serviceRow+.serviceRow{margin-top:16px}
  .darkFeature+.trustShowcase,.trustShowcase+#booking,#booking+#contact{margin-top:14px}
}
@media (max-width:430px){
  .trustStrip{padding-left:16px;padding-right:16px}
  #services,.trustShowcase,#booking{padding-top:28px}
  #services:before,.trustShowcase:before,#booking:before{margin-bottom:18px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}


/* 2026-08-24 premium alignment follow-up: trust grid, dark-card contrast, image load resilience */
.trustShowcase{grid-template-columns:minmax(340px,.88fr) minmax(0,1.12fr)!important;gap:clamp(34px,4vw,56px)!important;align-items:start!important}
.trustShowcase .trustIntro{grid-column:1!important;grid-row:1!important;max-width:520px;justify-self:start;align-self:start;padding-top:clamp(18px,2.4vw,34px)}
.trustShowcase .trustDashboard{grid-column:2!important;grid-row:1!important;width:100%;justify-self:stretch;align-self:stretch}
.trustDashboard{grid-template-rows:auto minmax(290px,1fr)}
.trustCards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.trustMiniCard.accent,.trustMiniCard.clickable.accent{background:linear-gradient(145deg,#071112 0%,#0d292c 100%)!important;color:#fff!important;border-color:rgba(129,238,245,.28)!important}
.trustMiniCard.accent strong,.trustMiniCard.clickable.accent strong{color:#fff!important}
.trustMiniCard.accent span,.trustMiniCard.accent small,.trustMiniCard.clickable.accent span,.trustMiniCard.clickable.accent small{color:rgba(255,255,255,.72)!important}
.trustMiniCard.accent em,.trustMiniCard.clickable.accent em{color:var(--cyan2)!important}
.serviceCarousel[aria-label="Detailpflege und Lackglanz Bilder"]{background-image:linear-gradient(180deg,rgba(10,15,16,.10),rgba(10,15,16,.16)),url('service-detail-01.webp');background-size:cover;background-position:center}
.serviceCarousel img{background-color:#dfe7e5}
@media (max-width:1100px){.trustShowcase{grid-template-columns:1fr!important}.trustShowcase .trustIntro,.trustShowcase .trustDashboard{grid-column:1!important;grid-row:auto!important;max-width:none;padding-top:0}.trustDashboard{grid-template-rows:auto auto}.trustCards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.trustCards{grid-template-columns:1fr}.trustShowcase .trustIntro{text-align:left}.trustActions{justify-content:start}.mapPanel{min-height:300px}}


/* 2026-08-24 mobile result visual restoration + safer inner rhythm */
@media (max-width:900px){
  #results{display:grid!important;grid-template-columns:1fr!important;min-height:0!important}
  #results .beforeAfter{min-height:clamp(300px,72vw,420px)!important;height:auto!important;order:1!important}
  #results .darkCopy{order:2!important;min-height:0!important;padding-top:46px;padding-bottom:50px}
  #services .sectionHead,.trustShowcase .trustIntro,#booking .bookingHead{padding-left:16px;padding-right:16px}
  #services .sectionHead .kicker,.trustShowcase .trustIntro .kicker,#booking .bookingHead .kicker{transform:none!important;letter-spacing:.16em}
}
@media (max-width:430px){
  #services .sectionHead,.trustShowcase .trustIntro,#booking .bookingHead{padding-left:14px;padding-right:14px}
  #results .darkCopy{padding-left:18px;padding-right:18px}
}


/* 2026-08-24 booking multi-select alignment polish */
.optionCard.multiCard{justify-content:flex-start!important;text-align:left!important;align-items:flex-start!important}
.optionCard.multiCard>span:last-child{min-width:0;flex:1}.optionCard.multiCard b,.optionCard.multiCard small{text-align:left!important}
@media (max-width:900px){.optionCard.multiCard{gap:14px}.optionCard.multiCard .boxMark{margin-top:2px}}


/* 2026-08-24 rhythm correction v2: remove artificial bridge banner, keep premium section distinction */
:root{--chapter-chip:#0d1315;--section-hairline:rgba(16,22,26,.115);--section-wash:#f7fbf9;--section-mint:#eef6f3}
/* The hero/service bridge is no longer a fake chapter. It is only a slim editorial signal. */
.trustStrip{min-height:54px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 clamp(18px,4vw,54px)!important;background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(239,247,244,.78))!important;border-top:1px solid rgba(255,255,255,.8)!important;border-bottom:1px solid rgba(16,22,26,.08)!important;box-shadow:0 14px 44px rgba(20,33,36,.045)!important;gap:0!important}
.trustStrip:before,.trustStrip:after,.trustStrip strong:before{content:none!important;display:none!important}
.trustStrip strong{padding:0!important;margin:0!important;font-size:clamp(13px,1.35vw,16px)!important;line-height:1.2!important;font-weight:900!important;letter-spacing:.02em!important;text-align:center;color:#172126!important}
.trustStrip span{display:none!important}
/* Chapter labels now belong to the section itself, not to an extra banner. */
#services,.trustShowcase,#booking{border-top:1px solid var(--section-hairline)!important;border-bottom:1px solid rgba(16,22,26,.055)!important;box-shadow:0 28px 90px rgba(18,31,34,.055),inset 0 1px 0 rgba(255,255,255,.86)!important}
#services{background:linear-gradient(180deg,#ffffff 0%,#f7fbf9 68%,#f1f7f4 100%)!important;padding-top:clamp(82px,7vw,112px)!important;padding-bottom:clamp(96px,7vw,126px)!important}
.trustShowcase{background:linear-gradient(180deg,#eef6f3 0%,#f8fbfa 42%,#ffffff 100%)!important;padding-top:clamp(86px,7vw,116px)!important;padding-bottom:clamp(92px,7vw,124px)!important}
#booking{background:linear-gradient(180deg,#ffffff 0%,#f5faf8 100%)!important;padding-top:clamp(82px,6.6vw,108px)!important}
#services:before,.trustShowcase:before,#booking:before{position:relative!important;top:auto!important;z-index:3!important;display:flex!important;width:100%!important;max-width:none!important;height:auto!important;align-items:center!important;gap:14px!important;margin:0 0 clamp(26px,3vw,42px) 0!important;padding:0 0 16px 0!important;background:transparent!important;color:#0f171a!important;border:0!important;border-bottom:1px solid rgba(16,22,26,.13)!important;box-shadow:none!important;backdrop-filter:none!important;font-size:clamp(12px,1.15vw,14px)!important;font-weight:950!important;letter-spacing:.16em!important;text-transform:uppercase!important}
#services:before{content:""!important}
.trustShowcase:before{content:""!important}
#booking:before{content:""!important}
html[lang="tr"] #services:before{content:""!important}
html[lang="tr"] .trustShowcase:before{content:""!important}
html[lang="tr"] #booking:before{content:""!important}
#services:after,.trustShowcase:after,#booking:after{left:0!important;right:0!important;bottom:0!important;height:1px!important;background:linear-gradient(90deg,rgba(16,22,26,0),rgba(16,22,26,.16),rgba(32,196,212,.26),rgba(16,22,26,0))!important}
/* Services: preserve template, but avoid three identical rows by varying scale and tone. */
.serviceRow{border:1px solid rgba(16,22,26,.07)!important;box-shadow:0 18px 58px rgba(20,33,36,.055)!important;background:rgba(255,255,255,.62)!important}
.serviceRow.reverse{background:linear-gradient(135deg,rgba(238,246,243,.96),rgba(255,255,255,.68))!important}
#services .serviceRow:nth-of-type(3){grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)!important;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(235,246,243,.88))!important;border-top-color:rgba(32,196,212,.18)!important}
#services .serviceRow:nth-of-type(3) .serviceCarousel{min-height:470px!important}
/* Dark result remains the strong visual break. */
#results{margin-top:clamp(22px,2.7vw,38px)!important;border-top:0!important;border-bottom:0!important;box-shadow:0 36px 110px rgba(4,12,13,.18)!important}
#results:before{top:clamp(18px,2.2vw,28px)!important;left:clamp(20px,5vw,64px)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.20)!important}
/* Trust: more editorial, less repeated card-wall feel. */
.trustShowcase .trustIntro{padding-top:0!important}
.trustCards{gap:clamp(12px,1.6vw,18px)!important}
.trustMiniCard{box-shadow:0 18px 54px rgba(20,33,36,.095)!important}
.mapPanel{box-shadow:0 26px 78px rgba(4,12,13,.18)!important}
/* Booking: keep existing 5-step logic, only frame it as a separate product-like module. */
.bookingPanel{box-shadow:0 30px 88px rgba(20,33,36,.12)!important;border:1px solid rgba(16,22,26,.10)!important;background:#fff!important}
@media (max-width:900px){
  .trustStrip{min-height:44px!important;padding:0 16px!important;background:linear-gradient(90deg,#fbfdfc,#eef6f3)!important}
  .trustStrip strong{font-size:12px!important;letter-spacing:.035em!important;white-space:normal!important}
  #services,.trustShowcase,#booking{margin-top:16px!important;padding-top:44px!important;padding-bottom:76px!important}
  #services:before,.trustShowcase:before,#booking:before{font-size:11px!important;letter-spacing:.15em!important;margin-bottom:24px!important;padding:0 14px 13px 14px!important;width:auto!important;max-width:100%!important;border-bottom:1px solid rgba(16,22,26,.16)!important;background:linear-gradient(90deg,rgba(13,19,21,.04),rgba(32,196,212,.035))!important}
  .serviceRow,.serviceRow.reverse,#services .serviceRow:nth-of-type(3){grid-template-columns:1fr!important;border-radius:0!important;box-shadow:0 16px 46px rgba(20,33,36,.06)!important}
  .serviceRow+.serviceRow{margin-top:18px!important}
  .serviceRow .serviceCopy{padding:26px 22px!important}
  .serviceRow .serviceCarousel{min-height:286px!important}
  #services .serviceRow:nth-of-type(3) .serviceCarousel{min-height:330px!important}
  #results{margin-top:16px!important}
  #results:before,#contact:before{top:16px!important;left:18px!important}
  .trustShowcase{background:linear-gradient(180deg,#edf6f2 0%,#fbfdfc 54%,#ffffff 100%)!important}
  .trustMiniCard{min-height:132px!important}
  #booking{background:linear-gradient(180deg,#ffffff 0%,#f4faf8 100%)!important}
}
@media (max-width:430px){
  #services,.trustShowcase,#booking{padding-top:38px!important;padding-bottom:68px!important}
  #services:before,.trustShowcase:before,#booking:before{margin-left:0!important;margin-right:0!important;padding-left:12px!important;padding-right:12px!important}
  .serviceRow .serviceCopy{padding-left:20px!important;padding-right:20px!important}
}


/* 2026-08-24 rhythm correction v2.1: avoid result label overlap and ensure visual image readiness */
#results:before{left:auto!important;right:clamp(20px,5vw,64px)!important;top:clamp(20px,2.3vw,30px)!important}
@media (max-width:900px){#results:before{right:18px!important;left:auto!important;top:16px!important}}
@media (max-width:430px){#results:before{right:16px!important}}


/* 2026-08-24 rhythm correction v2.2: keep trust chapter at section start in desktop grid */
.trustShowcase:before{grid-column:1 / -1!important;grid-row:1!important;align-self:start!important}
.trustShowcase .trustIntro{grid-column:1!important;grid-row:2!important;align-self:start!important}
.trustShowcase .trustDashboard{grid-column:2!important;grid-row:2!important;align-self:stretch!important}
@media (max-width:1100px){.trustShowcase .trustIntro,.trustShowcase .trustDashboard{grid-column:1!important;grid-row:auto!important}}


/* 2026-08-24 rhythm correction v2.3: contact chapter kept after legacy bridge cleanup */
#contact:before{content:"KONTAKT"!important;position:absolute!important;z-index:4!important;top:22px!important;left:clamp(20px,5vw,64px)!important;height:36px!important;display:inline-flex!important;align-items:center!important;padding:0 14px!important;background:rgba(255,255,255,.09)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;font-size:11px!important;font-weight:950!important;letter-spacing:.16em!important;text-transform:uppercase!important;backdrop-filter:blur(12px)!important}
html[lang="tr"] #contact:before{content:"İLETİŞİM"!important}
@media (max-width:900px){#contact:before{top:18px!important;left:18px!important;height:32px!important;font-size:10px!important;letter-spacing:.13em!important;padding:0 12px!important}}


/* 2026-08-24 v24 copy polish: no visible section numbering, only premium dividers */
#services:before,.trustShowcase:before,#booking:before{content:""!important;display:block!important;height:1px!important;min-height:1px!important;width:100%!important;max-width:none!important;margin:0 0 clamp(28px,3.2vw,46px) 0!important;padding:0!important;border:0!important;border-bottom:1px solid rgba(16,22,26,.14)!important;background:linear-gradient(90deg,rgba(16,22,26,.12),rgba(32,196,212,.22),rgba(16,22,26,.05))!important;box-shadow:none!important;font-size:0!important;line-height:0!important;letter-spacing:0!important;color:transparent!important;backdrop-filter:none!important;position:relative!important;top:auto!important}
#results:before{content:"ERGEBNIS"!important}
html[lang="tr"] #results:before{content:"SONUÇ"!important}
#contact:before{content:"KONTAKT"!important}
html[lang="tr"] #contact:before{content:"İLETİŞİM"!important}
@media (max-width:900px){#services:before,.trustShowcase:before,#booking:before{margin-bottom:22px!important;padding:0!important;height:1px!important;min-height:1px!important}}


/* v26 before/after semantic fix: Önce = kirli, Sonra = temiz */
.beforeAfter .afterImg{z-index:1;opacity:.9}
.beforeLayer{z-index:3}
.baStateLabel{position:absolute;top:24px;display:inline-flex;align-items:center;min-height:34px;background:rgba(0,0,0,.54);border:1px solid rgba(255,255,255,.12);padding:9px 12px;color:#fff;font-size:11px;font-weight:950;line-height:1;letter-spacing:.075em;text-transform:uppercase;backdrop-filter:blur(10px);box-shadow:0 16px 38px rgba(0,0,0,.24);pointer-events:none;white-space:nowrap}
.baBeforeLabel{left:24px;z-index:4}
.baAfterLabel{right:24px;z-index:2}
.baLabels{display:none!important}
@media (max-width:640px){.baStateLabel{top:16px;min-height:30px;padding:8px 9px;font-size:9px;letter-spacing:.055em}.baBeforeLabel{left:14px}.baAfterLabel{right:14px}.beforeLayer{clip-path:inset(0 50% 0 0)}.baHandle{left:50%}}


/* v27 before/after clarity: remove result badge that overlaps Sonra/Nachher labels */
.darkFeature::before{content:""!important;display:none!important}
