/* Dimensional surfaces, without canvas, animation loops or layout-dependent JS. */
body.bookluit-modern :is(#plans,#services,#company){background:radial-gradient(ellipse at 90% 0%,#ddf3ee,transparent 45%),radial-gradient(ellipse at 0% 75%,#ffe8e1,transparent 45%),#f4f7f8!important}
body.bookluit-modern #plans .plans{max-width:1120px;padding:64px 28px 72px!important}
body.bookluit-modern #plans .plans-intro{max-width:720px;margin:0 auto 40px;text-align:center!important}
body.bookluit-modern #plans .plans-intro:after{content:none!important}
body.bookluit-modern #plans .plans-intro h1{font:750 clamp(32px,4vw,48px)/1.13 var(--bl-font)!important;letter-spacing:-.045em!important;color:var(--bl-ink)!important}
body.bookluit-modern #plans .plan-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px!important;max-width:960px!important;width:100%!important;margin:0 auto!important;padding:0!important;overflow:visible!important;align-items:stretch;scroll-snap-type:none!important}
body.bookluit-modern #plans .plan{display:flex!important;flex-direction:column!important;position:relative!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;padding:32px!important;overflow:visible!important;opacity:1!important;filter:none!important;transform:none!important;border:1px solid #fff!important;border-radius:28px!important;background:linear-gradient(145deg,#fff,#f9fbfc)!important;color:var(--bl-ink)!important;box-shadow:inset 0 2px 0 #fff,0 6px 0 #dfe6ea,0 22px 45px #193e5510!important;cursor:default!important}
body.bookluit-modern #plans .plan:before,body.bookluit-modern #plans .plan:after{content:none!important}
body.bookluit-modern #plans .plan.hot{background:radial-gradient(ellipse at 100% 0%,#34675d,transparent 65%),linear-gradient(145deg,#1d4158,#142b40)!important;color:#fff!important;border-color:#31566a!important;box-shadow:inset 0 2px 0 #ffffff28,0 6px 0 #0d2234,0 22px 45px #193e5524!important}
body.bookluit-modern #plans .plan>b{font-size:20px;letter-spacing:-.02em}
body.bookluit-modern #plans .price{font-size:clamp(32px,3.5vw,46px)!important;line-height:1.2;letter-spacing:-.055em!important;white-space:normal!important;margin:22px 0 10px!important}
body.bookluit-modern #plans .price small{font-size:13px;white-space:nowrap;letter-spacing:0;color:inherit;opacity:.75}
body.bookluit-modern #plans .plan>p{font-size:14px!important;line-height:1.65!important;min-height:46px;color:var(--bl-muted)!important}
body.bookluit-modern #plans .plan.hot>p{color:#cbdde4!important}
body.bookluit-modern #plans .features{display:grid!important;gap:13px!important;flex:1;max-height:none!important;height:auto!important;overflow:visible!important;padding:24px 0!important;margin:16px 0 20px!important;border-top:1px solid #dce5e9;font-size:14px!important;line-height:1.6!important}
body.bookluit-modern #plans .hot .features{border-color:#ffffff24}
body.bookluit-modern #plans .features li{display:flex;align-items:baseline;gap:10px;overflow:visible!important;white-space:normal!important;color:inherit!important}
body.bookluit-modern #plans .features li:before{flex:0 0 auto;margin:0;color:#087e75!important}
body.bookluit-modern #plans .hot .features li:before{color:#a7e8d3!important}
body.bookluit-modern #plans .plan button[data-plan]{position:static!important;inset:auto!important;display:block!important;width:100%!important;margin:auto 0 0!important;padding:16px!important;border-radius:14px!important;min-height:52px;border:1px solid #d5e2e5!important;background:#edf6f3!important;color:#193e55!important;box-shadow:0 4px 0 #d5e3dd!important;font-weight:700!important;transform:none!important}
body.bookluit-modern #plans .hot button[data-plan]{background:#ff8977!important;border-color:#ff8977!important;color:#172b43!important;box-shadow:0 4px 0 #c85f51!important}
body.bookluit-modern #plans .plan button[data-plan]:hover{filter:brightness(.96)}
body.bookluit-modern #plans .badge{position:absolute;top:30px;right:28px;background:#bcebdc;color:#193e55;border:1px solid #e0fff4;box-shadow:0 3px 0 #72a996;font-size:9px;padding:7px 11px;letter-spacing:.04em}
.premium-plan-art{position:relative;width:62px;height:62px;margin:0 0 26px;border:1px solid #fff;border-radius:19px;background:linear-gradient(135deg,#fff,#dcefe8);box-shadow:inset 2px 2px 4px #fff,5px 7px 0 #d0e0db,10px 16px 24px #173d5815;transform:rotate(-7deg)}
.premium-plan-art:before{content:'';position:absolute;inset:16px;border:7px solid #258d76;border-radius:8px;box-shadow:2px 3px 0 #0a5848;transform:rotate(7deg)}
.hot .premium-plan-art{background:linear-gradient(135deg,#ffd8bd,#ff8977);border-color:#ffddce;box-shadow:inset 2px 2px 4px #ffffff8a,5px 7px 0 #a8564b,10px 16px 24px #0003}
.hot .premium-plan-art:before{border-color:#fff0dc;border-radius:50%;box-shadow:2px 3px 0 #c56750}
body.bookluit-modern #plans .box-card{max-width:960px!important;margin:32px auto 0!important;border-radius:18px!important;background:#ffffffa8!important;box-shadow:none!important;padding:22px 26px}
/* Service editor: real input IDs and existing handlers stay intact. */
body.bookluit-modern #services .panel{max-width:940px!important;margin:44px auto!important;padding:38px!important;border-radius:26px!important;border:1px solid white!important;box-shadow:inset 0 2px 0 white,0 6px 0 #e1e8eb,0 24px 55px #193e550c!important}
.premium-service-head{display:flex;align-items:center;gap:24px;margin-bottom:26px}
.premium-service-head .premium-plan-art{flex:0 0 62px;margin:0 5px 0 0}
.premium-service-head h1{margin:6px 0!important}
.premium-service-head p{margin:0}
.premium-service-fields{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.premium-service-field{grid-column:span 2;min-width:0}
.premium-service-field.wide{grid-column:1/-1}
body.bookluit-modern #services .premium-service-field label{margin:0 0 8px!important}
body.bookluit-modern #services :is(input,textarea),body.bookluit-modern #company .company-field :is(input,textarea){background:#f8fafb!important;border:1px solid #d9e4e8!important;border-radius:13px!important;box-shadow:inset 0 2px 4px #193e5505,0 1px 0 white!important;font-weight:500!important;padding:14px 16px!important}
body.bookluit-modern :is(#services,#company) :is(input,textarea):focus{outline:2px solid #80cbbb!important;outline-offset:2px;box-shadow:none!important}
body.bookluit-modern #services #addService{border-radius:14px!important;box-shadow:0 4px 0 #0e293d!important;min-height:52px;margin-top:28px}
/* Company profile: dimensional section cards and compact side guidance. */
body.bookluit-modern #company .company-onboarding{max-width:1180px!important;padding:44px 28px!important}
body.bookluit-modern #company .company-form-card{border-color:white!important;border-radius:26px!important;box-shadow:inset 0 2px 0 white,0 6px 0 #e1e8eb,0 24px 55px #193e550c!important}
body.bookluit-modern #company .company-form-card h1{font-size:clamp(28px,3.3vw,40px)!important;line-height:1.15!important;letter-spacing:-.045em!important}
body.bookluit-modern #company .company-intro{font-size:14px;line-height:1.7}
body.bookluit-modern #company .company-section{border-top:1px solid #e5ecee;padding-top:24px;margin-top:24px}
body.bookluit-modern #company .company-side-card{background:radial-gradient(ellipse at 100% 0%,#376d60,transparent 60%),#193e55!important;border-color:#35596d;border-radius:24px;box-shadow:inset 0 2px 0 #ffffff26,0 6px 0 #102d40,0 20px 40px #193e551a}
body.bookluit-modern #company .company-category{box-shadow:inset 0 1px 0 white,0 4px 0 #e5ecee;background:linear-gradient(145deg,#fff,#f7faf9);border-color:#dce6e8;border-radius:16px}
body.bookluit-modern #company .company-category.is-selected{border-color:#70b9a8;background:#eff9f4;box-shadow:0 4px 0 #b8d8cf}
body.bookluit-modern #company .company-category-icon{box-shadow:inset 1px 1px 0 #fff,2px 3px 0 #193e5514;transform:rotate(-5deg)}
body.bookluit-modern #company .company-save .primary{background:#193e55!important;box-shadow:0 4px 0 #102d40!important}
@media(max-width:760px){
 body.bookluit-modern #plans .plans{padding:36px 18px 48px!important}
 body.bookluit-modern #plans .plans-intro{padding:0!important;margin-bottom:30px}
 body.bookluit-modern #plans .plan-grid{grid-template-columns:1fr!important;gap:28px!important}
 body.bookluit-modern #plans .plan{padding:26px!important}
 body.bookluit-modern #plans .plan>p{min-height:0}
 body.bookluit-modern #services .panel{margin:24px 16px!important;padding:25px 20px!important}
 .premium-service-head{align-items:flex-start;gap:18px}.premium-service-head .premium-plan-art{flex-basis:44px;width:44px;height:44px;border-radius:14px}.premium-service-head .premium-plan-art:before{inset:10px;border-width:5px}
 .premium-service-field{grid-column:span 3}
 .premium-service-field.wide{grid-column:1/-1}
 body.bookluit-modern #company .company-onboarding{padding:24px 16px!important}
 body.bookluit-modern #company .company-side-card{order:1;position:static}
}
@media(max-width:420px){.premium-service-field{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){body.bookluit-modern :is(#plans,#services,#company) *{animation:none!important;transition:none!important}}