/* WEB PANSIYON · STUDIO V4 · responsive systems and accessible motion */
:root{--v4-radius:24px;--v4-border:var(--line);--v4-accent:var(--brand,#0d6751)}
html{scroll-padding-top:92px}body{overflow-x:clip}body.dark{color-scheme:dark}a,button{transition:background-color .24s,color .24s,border-color .24s,transform .26s ease,box-shadow .26s ease}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.lang-trigger{min-width:84px;gap:9px;padding-inline:12px}.lang-trigger .lang-caret{display:block;flex:0 0 14px;transform:none!important;stroke:currentColor}.lang-switch.expanded .lang-caret{transform:rotate(180deg)!important}.lang-menu{z-index:105;min-width:180px}.lang-menu button{text-align:start}
/* Editorial page heading: no dark photo banners, only typography + theme-matched gradation */
.v4-page-head,.v4-demo-page-head{isolation:isolate;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--bg) 3%,color-mix(in srgb,var(--brand) 8%,var(--surface)) 100%)!important;border-bottom:1px solid var(--line);box-shadow:none;color:var(--fg)!important;min-height:260px;padding:80px 0 70px!important}
.v4-page-head::before,.v4-demo-page-head::before{content:'';pointer-events:none;position:absolute;z-index:-1;width:550px;height:360px;border-radius:50%;right:-160px;bottom:-275px;background:radial-gradient(ellipse,color-mix(in srgb,var(--brand) 15%,transparent),transparent 73%);filter:blur(15px)}
body.dark .v4-page-head,body.dark .v4-demo-page-head{background:linear-gradient(165deg,#0c1614 0%,var(--bg) 44%,color-mix(in srgb,var(--brand) 13%,#0c1312) 100%)!important}
.v4-page-head h1,.v4-demo-page-head h1{color:var(--fg)!important;text-shadow:none!important;font-size:clamp(38px,5.4vw,76px);letter-spacing:-.06em;line-height:1.08;margin:16px 0 14px;max-width:900px}
.v4-page-head p,.v4-demo-page-head p{color:var(--mute)!important;font-size:clamp(15px,1.65vw,19px);line-height:1.7;max-width:730px}.v4-page-head .eyebrow,.v4-demo-page-head .eyebrow{color:var(--brand)}
/* Marketing — cohesive high-end design system */
.marketing{--brand:#116d59;--dark:#0b2420;--radius:22px}.marketing.dark{--brand:#59c6a0;--dark:#06120f}.marketing .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px}.marketing .site-header{z-index:90}.marketing .marketing-logo svg,.marketing .marketing-logo img{max-width:225px;height:auto;max-height:49px}.marketing .nav-links{gap:19px}.marketing .nav-links a{white-space:nowrap}.marketing .nav-links a:hover{color:var(--brand)}
.v4-hero{position:relative;padding:75px 0 90px;background:radial-gradient(ellipse at 5% 12%,color-mix(in srgb,var(--brand) 9%,transparent),transparent 63%)}.v4-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:clamp(28px,5vw,85px)}.v4-hero .hero-copy h1{font-size:clamp(46px,5.1vw,76px);letter-spacing:-.069em;line-height:1.035;margin:23px 0;max-width:750px}.v4-hero .hero-copy>p{color:var(--mute);max-width:570px;font-size:18px;line-height:1.8}.v4-hero .hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin:32px 0}.v4-hero-photo{height:520px;position:relative;overflow:hidden;border-radius:30px;background:var(--brand);box-shadow:0 30px 65px #001e1824}.v4-hero-photo img{width:100%;height:100%;object-fit:cover}.v4-hero-photo .visual-gradient{position:absolute;inset:0;background:linear-gradient(0deg,#071b1bb8,transparent 54%)}.v4-visual-note,.visual-topline{position:absolute;z-index:2;color:white}.v4-visual-note{left:26px;bottom:26px}.v4-visual-note strong,.v4-visual-note small{display:block}.visual-topline{top:20px;left:20px;right:20px;font-size:11px;letter-spacing:.15em;display:flex;justify-content:space-between}.v4-floating-proof{position:absolute;right:-14px;bottom:40px;display:flex;align-items:center;gap:12px;padding:18px 25px;background:var(--surface);border:1px solid var(--line);box-shadow:0 15px 45px #0002;border-radius:18px;color:var(--fg)}.v4-floating-proof span strong,.v4-floating-proof span small{display:block}.v4-floating-proof span small{color:var(--mute)}.v4-hero .hero-visual{position:relative}.hero-trust{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--mute);margin-top:20px}
.v4-proofbar{border-block:1px solid var(--line);background:var(--surface)}.v4-proofbar>.container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-block:20px}.v4-proofbar span{display:inline-flex;gap:10px;align-items:center;color:var(--fg);font-size:13px;font-weight:700}.v4-proofbar svg{color:var(--brand)}
.v4-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:36px}.v4-section-heading h2{font-size:clamp(33px,4.2vw,56px);letter-spacing:-.055em;max-width:840px;line-height:1.14;margin:12px 0}.v4-section-heading p{max-width:720px;color:var(--mute);font-size:16px;line-height:1.8}.v4-section-heading .text-arrow{white-space:nowrap;color:var(--brand);font-weight:800}.v4-sector-card,.v4-feature-card,.v4-why-item,.v4-price-main,.v4-price-side,.v4-step,.v4-proof-grid article{position:relative;border:1px solid var(--line);border-radius:var(--v4-radius);background:var(--surface);min-width:0;overflow:hidden}
.v4-demos .card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.v4-sector-card{box-shadow:0 4px 12px #00000008}.v4-sector-card img{width:100%;height:218px;object-fit:cover}.v4-sector-card .card-inner,.v4-sector-card .inside{padding:23px}.v4-sector-card:hover,.v4-feature-card:hover,.v4-why-item:hover{transform:translateY(-6px);box-shadow:0 24px 40px #0b2f261a;border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}
.v4-features{background:var(--surface2)}.v4-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.v4-feature-card{padding:25px;min-height:302px;display:flex;align-items:flex-start;flex-direction:column;box-shadow:0 5px 22px #00000007}.v4-feature-card::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(250px circle at var(--mx,40%) var(--my,10%),color-mix(in srgb,var(--brand) 10%,transparent),transparent 77%);opacity:0;transition:opacity .2s}.v4-feature-card:hover::after{opacity:1}.v4-feature-card>*{position:relative;z-index:1}.v4-feature-card .feature-icon,.v4-detail-section .feature-icon{display:grid;place-items:center;width:58px;height:58px;background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand);border-radius:16px}.feature-meta{font-size:10px;color:var(--mute);margin-top:16px;letter-spacing:.14em}.v4-feature-card h3{font-size:20px;line-height:1.26;margin:14px 0 7px}.v4-feature-card p{font-size:13px;color:var(--mute);line-height:1.65;margin-bottom:16px}.v4-feature-card .inline-link{margin-top:auto;display:inline-flex;gap:9px;align-items:center;color:var(--brand);font-size:13px;font-weight:800}.inline-link:hover svg{transform:translateX(4px)}
.v4-why-grid,.v4-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.v4-why-item,.v4-proof-grid article{padding:32px}.v4-why-item h3{font-size:23px}.v4-why-item p,.v4-proof-grid p{color:var(--mute);line-height:1.7}
.v4-price-layout,.v4-detail-grid,.v4-contact-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.7fr);gap:24px}.v4-price-main{display:grid;grid-template-columns:1fr 1fr}.v4-price-main .price-intro{padding:36px;background:linear-gradient(135deg,#113d35,#125a4a);color:white}.v4-price-main .price-intro h3{font-size:24px;color:white}.v4-price-main .price-intro p{color:#d0e3dc}.v4-price-main .price-number{font-size:62px;font-weight:900;letter-spacing:-.07em;white-space:nowrap}.v4-price-main .price-number small{font-size:19px;margin-inline-start:9px}.v4-price-main .price-list{padding:36px}.v4-price-main .price-list ul{padding:0;list-style:none}.v4-price-main li{display:flex;align-items:center;gap:10px;margin:13px 0;font-size:13px}.v4-price-main li svg{color:var(--brand);flex-shrink:0}.v4-price-side{padding:36px;background:var(--surface2)}.v4-price-side h3{font-size:27px;letter-spacing:-.03em}.v4-price-side p{color:var(--mute);line-height:1.8}.v4-price-side .side-accent{color:var(--brand)}.v4-price-side .btn{margin-top:20px}.v4-detail-section.soft{background:var(--surface2)}.v4-detail-grid{align-items:center;grid-template-columns:1fr 1fr}.v4-detail-grid h2{font-size:40px;letter-spacing:-.05em}.v4-detail-grid p{color:var(--mute);line-height:1.8}.detail-example{border-radius:24px;background:var(--surface);border:1px solid var(--line);padding:40px}.detail-example h3{font-size:26px}
.v4-faq-grid{display:grid;grid-template-columns:minmax(260px,.81fr) minmax(0,1.19fr);gap:26px;align-items:stretch}.v4-faq .faq-visual{position:relative;border-radius:24px;overflow:hidden;min-height:540px;background:var(--dark)}.v4-faq .faq-visual>div:first-child,.v4-faq .faq-visual img{width:100%;height:100%;object-fit:cover}.v4-faq .faq-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#082a23e8,transparent 80%)}.v4-faq .faq-visual-caption{position:absolute;bottom:30px;left:30px;right:30px;z-index:2;color:#fff}.v4-faq .faq-visual-caption p{color:#e4f2eb}.v4-faq .faq details{border:1px solid var(--line);border-radius:15px;margin-bottom:9px;overflow:hidden;background:var(--surface)}.v4-faq .faq summary{display:flex;justify-content:space-between;gap:12px;align-items:center;cursor:pointer;padding:17px 19px;font-weight:750;list-style:none}.v4-faq .faq summary::-webkit-details-marker{display:none}.v4-faq .faq details[open]{border-color:color-mix(in srgb,var(--brand) 32%,var(--line));box-shadow:0 10px 25px #00000006}.v4-faq .faq details p{color:var(--mute);line-height:1.75;padding:0 19px 18px;margin:0}.faq-more{margin:20px 0;display:inline-block}
.v4-footer{background:#0c2922}.v4-footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.v4-footer-top>div{min-width:0}.v4-footer-top a{display:block;color:#d0e3dc;padding:5px 0}.v4-footer-top h4{font-size:12px;letter-spacing:.1em;color:white}.footer-touch{margin-top:20px}.v4-footer-top p{line-height:1.7}.v4-footer .footer-base{display:flex;justify-content:space-between;gap:15px;margin-top:30px}
.v4-legal article{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.v4-legal article>span{color:var(--brand);font-size:24px}.v4-legal article h2{font-size:23px}.v4-legal article p{color:var(--mute);line-height:1.8}.v4-legal .doc-banner{margin-top:25px}.v4-price-main .btn.light{background:#fff;color:#113d35}.v4-price-main .btn.light:hover{background:#d6f4e8}
/* Demo: no hero or booking overlap in any of seven layouts */
.demo{--brand:var(--sector-accent,#0b725a);--brand2:var(--sector-soft,#d5f1ea)}
.demo .btn.primary,.demo .booking-main-cta{background:var(--brand);border-color:var(--brand);color:#fff}.demo .btn.primary:hover,.demo .booking-main-cta:hover{filter:brightness(1.09);box-shadow:0 12px 30px color-mix(in srgb,var(--brand) 24%,transparent);transform:translateY(-2px)}
.demo .brand-symbol{background:var(--brand2);padding:7px;border:2px solid color-mix(in srgb,var(--brand) 25%,transparent);filter:drop-shadow(0 1px 1px #00000022)}.demo.dark .brand-symbol{background:color-mix(in srgb,var(--sector-accent) 20%,#10211c)}.demo .site-footer .brand-symbol{background:color-mix(in srgb,var(--brand) 25%,#eafcf5)}
.v4-sector-hero{margin:0!important;padding:34px 0 22px;overflow:hidden;min-height:0;background:var(--bg)}.v4-sector-hero .hero-grid{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;max-width:1220px!important;padding:0 28px!important;min-height:0!important;align-items:center;gap:40px}.v4-sector-hero .hero-words{position:relative!important;z-index:3!important;inset:auto!important;transform:none!important;padding:25px 0!important;color:var(--fg)!important;max-width:none!important;grid-area:auto!important}.v4-sector-hero .hero-words h1{font-size:clamp(40px,4.6vw,74px)!important;line-height:1.04!important;letter-spacing:-.058em;color:var(--fg)!important;text-shadow:none!important;max-width:720px!important}.v4-sector-hero .hero-words p{color:var(--mute)!important;font-size:17px!important;line-height:1.7}.v4-sector-hero .hero-words .eyebrow{color:var(--brand)!important}.v4-sector-hero .hero-words .btn.outline{background:var(--surface);color:var(--fg)}.v4-sector-hero .hero-photo{position:relative!important;inset:auto!important;grid-area:auto!important;transform:none!important;width:100%!important;height:510px!important;min-height:0!important;border-radius:24px!important;overflow:hidden;clip-path:none!important;box-shadow:0 20px 55px #00000021}.v4-sector-hero .hero-photo:before,.v4-sector-hero .hero-photo:after{content:none!important}.v4-hero-carousel .v4-hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .65s ease,transform .9s ease;transform:scale(1.05)}.v4-hero-carousel .v4-hero-slide.active{opacity:1;transform:scale(1);z-index:1}.v4-hero-carousel .v4-hero-slide img{width:100%;height:100%;object-fit:cover}.v4-hero-carousel .hero-caption{z-index:3;bottom:28px;left:25px!important;right:25px!important;filter:drop-shadow(0 1px 5px #0006)}.v4-carousel-controls{position:absolute;top:20px;right:20px;z-index:4;display:flex;align-items:center;gap:7px;padding:6px;background:color-mix(in srgb,var(--surface) 93%,transparent);border-radius:99px;color:var(--fg);box-shadow:0 6px 20px #0002}.v4-carousel-controls button{width:35px;height:35px;border-radius:50%;background:transparent;border:0;color:var(--fg);font-size:24px;cursor:pointer}.v4-carousel-controls button:hover{background:var(--brand);color:#fff}.v4-carousel-count{font-size:10px;min-width:54px;text-align:center;white-space:nowrap}
.demo .booking-wrap.v4-booking-wrap{position:relative!important;z-index:30;margin:20px auto 30px!important;max-width:1220px!important;transform:none!important}.demo .booking-bar.v4-booking-bar{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr) minmax(150px,.8fr);gap:8px;padding:10px;border-radius:20px;box-shadow:0 13px 36px #0a19181c;background:var(--surface)}.demo .booking-room{min-width:0;padding:6px 13px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--surface2)}.demo .booking-room label{font-size:11px;font-weight:750;color:var(--mute)}.demo .booking-room select{width:100%;display:block;min-height:35px;margin-top:3px;border:2px solid color-mix(in srgb,var(--brand) 30%,var(--line))!important;border-radius:9px;padding:6px 11px;color:var(--fg);background:var(--surface);font-size:14px;font-weight:800;outline-offset:2px}.demo .booking-room select:focus-visible{border-color:var(--brand)!important;outline:2px solid color-mix(in srgb,var(--brand) 28%,transparent)}.demo .booking-field{border:1px solid var(--line)!important;border-radius:12px!important;background:var(--surface2)!important;min-height:68px;transition:all .2s}.demo .booking-field:hover,.demo .booking-field:focus-visible{border-color:var(--brand)!important;background:color-mix(in srgb,var(--brand) 8%,var(--surface))!important}.demo .booking-main-cta{min-height:64px!important;white-space:normal}.demo .booking-hint{padding:0 14px;color:var(--mute);line-height:1.6}.demo .booking-bar .popover{z-index:75;box-shadow:0 15px 45px #001e1738}.demo .v4-live-selection{margin:12px 0 0;background:color-mix(in srgb,var(--brand) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));border-radius:16px;padding:12px 18px}.v4-preview-head{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px;color:var(--mute);margin-bottom:8px}.v4-preview-head strong{color:var(--brand)}.v4-preview-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;font-size:12px}.v4-preview-row>*+*{border-inline-start:1px solid var(--line);padding-inline-start:16px}.v4-preview-row b{margin-inline-start:auto;color:var(--fg)}
/* Distinct landing-page compositions, far beyond accent variations */
.demo[data-sector=apart] .v4-sector-hero{background:linear-gradient(145deg,var(--bg),color-mix(in srgb,var(--brand) 10%,var(--bg)))}.demo[data-sector=apart] .v4-sector-hero .hero-grid{grid-template-columns:1fr 1.16fr!important}.demo[data-sector=apart] .v4-sector-hero .hero-photo{border-radius:75px 20px 20px 20px!important}
.demo[data-sector=butik] .v4-sector-hero{padding-top:75px;background:linear-gradient(110deg,var(--surface2),var(--bg))}.demo[data-sector=butik] .v4-sector-hero .hero-grid{grid-template-columns:.83fr 1.17fr!important;gap:65px}.demo[data-sector=butik] .v4-sector-hero .hero-words h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,5.4vw,80px)!important;font-weight:500;letter-spacing:-.07em}.demo[data-sector=butik] .v4-sector-hero .hero-photo{border-radius:50% 50% 20px 20px!important;height:530px!important}
.demo[data-sector=villa] .v4-sector-hero{background:var(--surface)}.demo[data-sector=villa] .v4-sector-hero .hero-grid{grid-template-columns:.9fr 1.1fr!important}.demo[data-sector=villa] .v4-sector-hero .hero-words h1{font-family:Georgia,serif;font-size:clamp(42px,5vw,76px)!important}.demo[data-sector=villa] .v4-sector-hero .hero-photo{border-radius:18px!important;height:555px!important;box-shadow:0 20px 30px #0002}
.demo[data-sector=bungalov] .v4-sector-hero{background:color-mix(in srgb,var(--brand) 8%,var(--bg))}.demo[data-sector=bungalov] .v4-sector-hero .hero-words{order:2}.demo[data-sector=bungalov] .v4-sector-hero .hero-grid{grid-template-columns:1.15fr .85fr!important}.demo[data-sector=bungalov] .v4-sector-hero .hero-photo{order:1;border-radius:160px 160px 18px 18px!important}
.demo[data-sector=pansiyon] .v4-sector-hero .hero-words{background:var(--surface);padding:35px!important;border-radius:25px;border:1px solid var(--line)}.demo[data-sector=pansiyon] .v4-sector-hero .hero-photo{border-radius:20px 100px 20px 20px!important}
.demo[data-sector=gunluk] .v4-sector-hero .hero-grid{grid-template-columns:1.1fr .9fr!important}.demo[data-sector=gunluk] .v4-sector-hero .hero-photo{height:450px!important;border-radius:28px!important}.demo[data-sector=gunluk] .v4-sector-hero .hero-words h1{font-size:clamp(40px,5vw,73px)!important}
.demo[data-sector=glamping] .v4-sector-hero{background:linear-gradient(130deg,var(--bg),color-mix(in srgb,var(--brand) 12%,var(--bg)))}.demo[data-sector=glamping] .v4-sector-hero .hero-grid{grid-template-columns:.76fr 1.24fr!important}.demo[data-sector=glamping] .v4-sector-hero .hero-photo{border-radius:300px 300px 15px 15px!important;height:570px!important}.demo[data-sector=glamping] .v4-sector-hero .hero-words h1{font-weight:800;letter-spacing:-.06em}
/* Demo additions: branch locator, native FAQ, journal and trust */
.v4-why-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.v4-why-cards article{border:1px solid var(--line);background:var(--surface);border-radius:21px;padding:27px;transition:transform .24s,box-shadow .24s}.v4-why-cards article:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000013}.v4-why-icon{font-size:23px;display:grid;place-items:center;width:51px;height:51px;border-radius:16px;background:var(--brand2);color:var(--brand)}.v4-why-cards h3{font-size:20px;margin:25px 0 9px}.v4-why-cards p{font-size:13px;line-height:1.7;color:var(--mute)}
.v4-branches{background:var(--surface2)}.v4-branch-grid,.v4-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.v4-branch-card,.v4-blog-card{overflow:hidden;border-radius:22px;background:var(--surface);border:1px solid var(--line);transition:transform .25s,box-shadow .25s}.v4-branch-card:hover,.v4-blog-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px #0018111a}.v4-branch-photo,.v4-blog-pic{height:185px;overflow:hidden}.v4-branch-photo img,.v4-blog-pic img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.v4-branch-card:hover img,.v4-blog-card:hover img{transform:scale(1.05)}.v4-branch-inside,.v4-blog-content{padding:22px}.v4-branch-inside small,.v4-blog-content small{color:var(--brand);font-size:10px;letter-spacing:.1em;font-weight:850}.v4-branch-inside h3,.v4-blog-content h3{font-size:20px;margin:12px 0}.v4-branch-inside p,.v4-blog-content p{font-size:13px;line-height:1.7;color:var(--mute)}.v4-branch-inside .btn{margin-top:12px}.v4-section-next{text-align:center;margin-top:23px}.v4-blog-content a{color:var(--brand);font-weight:850;font-size:13px}.v4-branch-page{display:grid;gap:22px}.v4-branch-panel{display:grid;grid-template-columns:1fr 1.15fr;gap:20px;align-items:center;border:1px solid var(--line);border-radius:23px;padding:22px;background:var(--surface)}.v4-branch-panel iframe{width:100%;height:270px;border:0;border-radius:15px}.v4-branch-panel p{color:var(--mute)}
.v4-demo-faq-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}.v4-faq-photo{border-radius:23px;overflow:hidden;min-height:420px}.v4-faq-photo img{width:100%;height:100%;object-fit:cover}.v4-demo-faq-list details{margin-bottom:10px;border:1px solid var(--line);background:var(--surface);border-radius:14px;overflow:hidden}.v4-demo-faq-list summary{cursor:pointer;list-style:none;padding:18px 20px;font-weight:850;display:flex;justify-content:space-between;gap:15px}.v4-demo-faq-list summary::-webkit-details-marker{display:none}.v4-demo-faq-list details[open]{border-color:var(--brand)}.v4-demo-faq-list details[open] summary span{transform:rotate(45deg)}.v4-demo-faq-list details p{margin:0;padding:0 20px 20px;color:var(--mute);line-height:1.7}.v4-demo-faq-list>a{display:inline-flex;margin-top:20px;color:var(--brand);font-weight:800}
.v4-demo-promo{padding:85px 0;text-align:center;background:linear-gradient(140deg,color-mix(in srgb,var(--brand) 14%,var(--bg)),var(--surface))}.v4-demo-promo h2{font-size:clamp(31px,4vw,55px);letter-spacing:-.04em;max-width:720px;margin:16px auto}.v4-demo-promo p{max-width:620px;margin:0 auto 26px;color:var(--mute);line-height:1.8}
.v4-article .container{max-width:850px}.v4-article-image{height:420px;border-radius:24px;overflow:hidden}.v4-article-image img{height:100%;width:100%;object-fit:cover}.v4-article p{font-size:17px;line-height:1.9;color:var(--mute)}.v4-demo-legal{border:1px solid var(--line);border-radius:22px;background:var(--surface);padding:38px}.v4-demo-legal p{line-height:1.8;color:var(--mute)}
.v4-demo-contact .split-contact{display:grid;grid-template-columns:1fr 1fr;gap:30px}.v4-demo-contact iframe{height:250px;width:100%;border:0;border-radius:16px;margin-top:20px}.v4-demo-footer{background:#0c2822!important}.v4-demo-footer .footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr}
.v4-demo-menu-toggle{display:none;background:var(--surface2);color:var(--fg);border:1px solid var(--line);width:40px;height:40px;border-radius:11px;font-size:21px;cursor:pointer}
/* Local palette is brand-wide, including symbol background and dark UI accents */
.demo .site-header .logo span,.demo .eyebrow,.demo .section-head .eyebrow{color:var(--fg)}.demo .v4-why-icon,.demo .amenity-rich-icon{background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand)}.demo .site-header .logo:hover span{color:var(--brand)}.demo .nav-links .active,.demo .nav-links a:hover{color:var(--brand)}.demo .back-to-top{background:var(--brand)}
/* Small-screen robustness */
@media(max-width:1120px){.marketing .nav-links{gap:12px}.marketing .nav-links a{font-size:11px}.v4-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v4-hero-grid{gap:28px}.demo .nav-links a{font-size:11px}.demo .nav-links{gap:10px}}
@media(max-width:980px){.v4-hero-grid,.v4-price-layout,.v4-detail-grid,.v4-contact-grid{grid-template-columns:1fr}.v4-hero-photo{height:390px}.v4-demos .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v4-footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}.v4-price-layout{gap:16px}.v4-why-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.demo .booking-bar.v4-booking-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.demo .booking-main-cta{min-height:60px}.v4-sector-hero .hero-grid{gap:22px!important}.v4-sector-hero .hero-photo{height:390px!important}.v4-sector-hero .hero-words h1{font-size:clamp(32px,5vw,52px)!important}.v4-sector-hero .hero-words{padding:16px 0!important}.v4-branch-grid,.v4-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:880px){.demo .v4-demo-menu-toggle{display:grid;place-items:center}.demo .mobile-nav{position:relative;z-index:95}.marketing .marketing-logo svg{max-width:180px}.v4-page-head,.v4-demo-page-head{padding-block:56px!important}.v4-hero{padding-top:42px}.v4-demo-faq-grid,.v4-faq-grid,.v4-demo-contact .split-contact{grid-template-columns:1fr}.v4-faq .faq-visual{min-height:310px}.v4-faq .faq-visual>div:first-child,.v4-faq .faq-visual img{height:330px}.v4-demo-faq-grid .v4-faq-photo{min-height:230px;height:280px}.v4-sector-hero .hero-grid{display:grid!important;grid-template-columns:1fr!important}.demo[data-sector] .v4-sector-hero .hero-grid{grid-template-columns:1fr!important;gap:18px}.demo[data-sector] .v4-sector-hero .hero-photo{height:360px!important;order:0!important;border-radius:24px!important}.demo[data-sector] .v4-sector-hero .hero-words{order:0!important}.demo[data-sector=butik] .v4-sector-hero .hero-photo{border-radius:48% 48% 20px 20px!important}.demo[data-sector=glamping] .v4-sector-hero .hero-photo{border-radius:160px 160px 18px 18px!important}.v4-sector-hero .hero-words h1{font-size:clamp(38px,7vw,60px)!important}.v4-hero-grid{grid-template-columns:1fr}.v4-hero-photo{height:380px}}
@media(max-width:680px){.marketing .v4-sector-card img{height:190px}.v4-demos .card-grid,.v4-feature-grid,.v4-proof-grid,.v4-why-grid,.v4-price-main,.v4-branch-grid,.v4-blog-grid,.v4-branch-panel{grid-template-columns:1fr}.v4-section-heading{display:block}.v4-section-heading h2{font-size:clamp(29px,7vw,42px)}.v4-hero .hero-copy h1{font-size:clamp(36px,10vw,56px)}.v4-price-main .price-intro,.v4-price-main .price-list,.v4-price-side{padding:25px}.v4-price-main .price-number{font-size:52px}.v4-why-cards{grid-template-columns:1fr}.v4-demo-footer .footer-grid,.v4-footer-top{grid-template-columns:1fr 1fr;gap:23px}.v4-sector-hero{padding-top:22px}.demo .booking-bar.v4-booking-bar{grid-template-columns:1fr!important}.demo .booking-room,.demo .booking-field,.demo .booking-main-cta{min-height:57px!important}.v4-preview-row{display:grid;grid-template-columns:1fr 1fr}.v4-preview-row>*+*{border:0;padding:0}.v4-preview-row b{margin:0}.v4-demo-page-head{min-height:190px}.v4-demo-contact iframe{height:215px}.v4-hero-carousel .hero-caption{font-size:18px}}
@media(max-width:380px){.v4-demo-footer .footer-grid,.v4-footer-top{grid-template-columns:1fr}.demo .site-nav .logo{max-width:calc(100% - 176px);overflow:hidden}.demo .site-nav .logo span{overflow:hidden;text-overflow:ellipsis;max-width:110px}.demo .nav-controls{gap:4px}.demo .lang-trigger{min-width:62px;padding:4px;gap:3px}.demo .lang-trigger img{width:19px;height:13px}.demo .lang-trigger .lang-caret{width:10px}.v4-sector-hero .hero-words h1{font-size:37px!important}.v4-hero-carousel .hero-photo{height:285px!important}}
@media(prefers-reduced-motion:reduce){.v4-hero-carousel .v4-hero-slide,.v4-feature-card,.v4-blog-card,.v4-branch-card{transition:none!important}}

/* Brand symbols adapt fully to selected palette rather than retaining a hard-coded SVG color */
.demo .v4-brand-symbol{display:inline-block;flex:0 0 44px;width:44px;height:44px;background:var(--brand);mask-image:var(--symbol);-webkit-mask-image:var(--symbol);mask-size:contain;-webkit-mask-size:contain;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;transition:background .2s}.demo .site-footer .v4-brand-symbol{background:var(--brand)}
/* Conversion architecture: visual hierarchy from proof to scope and handoff */
.v4-editorial{padding:78px 0;border-bottom:1px solid var(--line);background:var(--surface)}
.v4-editorial-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(30px,6vw,100px);align-items:center}
.v4-editorial-grid h2{font-size:clamp(32px,4.25vw,58px);letter-spacing:-.055em;line-height:1.12;margin:15px 0}
.v4-editorial-grid p{font-size:clamp(16px,1.7vw,21px);line-height:1.85;color:var(--mute);margin-bottom:21px}
.v4-editorial-grid .inline-link{color:var(--brand);font-weight:800;display:inline-flex;align-items:center;gap:10px}
.v4-sector-card .image{position:relative;overflow:hidden;height:230px;background:var(--surface2)}
.v4-sector-card .image img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.19,1,.22,1)}
.v4-sector-card:hover .image img{transform:scale(1.075)}
.v4-sector-card .content{padding:24px!important}
.v4-sector-card .content .eyebrow{font-size:10px}
.v4-sector-card .content h3{font-size:25px;letter-spacing:-.04em;line-height:1.22;margin:12px 0}
.v4-sector-card .content p{font-size:14px;line-height:1.7;color:var(--mute);min-height:45px}
.v4-sector-card .card-link{display:flex;justify-content:space-between;align-items:center;color:var(--brand);font-weight:800;margin-top:18px;border-top:1px solid var(--line);padding-top:18px}
.v4-sector-card .card-link svg{transition:transform .22s ease}
.v4-sector-card:hover .card-link svg{transform:translateX(5px)}
.v4-why-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:stretch}
.v4-why-layout .why-photo{position:relative;min-height:580px;border-radius:26px;overflow:hidden;background:var(--surface2)}
.v4-why-layout .why-photo>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .8s ease}
.v4-why-layout .why-photo:hover img{transform:scale(1.04)}
.v4-why-layout .why-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#061f1dd4)}
.why-photo-overlay{position:absolute;bottom:35px;left:35px;z-index:2;display:flex;align-items:center;gap:23px;color:white}
.why-photo-overlay b{font-size:82px;font-weight:850;letter-spacing:-.08em}
.why-photo-overlay span{font-size:15px;max-width:190px;line-height:1.5}
.v4-why-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-content:center}
.v4-why-list .v4-why-item{display:flex;flex-direction:column;gap:12px;min-height:190px;padding:22px}
.v4-why-list .feature-icon{color:var(--brand);background:color-mix(in srgb,var(--brand) 11%,var(--surface));border-radius:12px;width:43px;height:43px;display:grid;place-items:center}
.v4-why-list .v4-why-item h3{font-size:18px;line-height:1.24;margin:2px 0 6px}
.v4-why-list .v4-why-item p{color:var(--mute);font-size:12px;line-height:1.7;margin:0}
.v4-why-list>.btn{align-self:start;justify-self:start;grid-column:1/-1}
.v4-process{background:color-mix(in srgb,var(--brand) 5%,var(--surface))}
.v4-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.process-step{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:29px 25px;min-height:292px;transition:transform .25s,box-shadow .25s}
.process-step:hover{transform:translateY(-5px);box-shadow:0 16px 35px #00000012}
.process-step .step-num{font-size:11px;color:var(--brand);letter-spacing:.15em;font-weight:850}
.process-step .feature-icon{width:53px;height:53px;display:grid;place-items:center;color:var(--brand);border-radius:15px;background:color-mix(in srgb,var(--brand) 11%,var(--surface));margin-top:26px}
.process-step h3{font-size:20px;line-height:1.25;letter-spacing:-.025em;margin:22px 0 10px}
.process-step p{color:var(--mute);line-height:1.75;font-size:13px;margin:0}
.v4-doc-callout{margin-top:23px;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:28px 33px;background:#123e33;color:white;border-radius:22px}
.v4-doc-callout>div{display:flex;align-items:center;gap:18px}
.v4-doc-callout .eyebrow{color:#aee8cb;font-size:10px}
.v4-doc-callout p{color:#cae3d7;font-size:13px;max-width:650px;line-height:1.65;margin:9px 0 0}
.v4-doc-callout a:not(.btn){display:block;color:white;font-weight:850;font-size:21px}
.v4-doc-callout .btn.light{background:white;color:#123e33;white-space:nowrap}
.v4-contact-grid,.marketing .contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start}
.v4-contact-intro h2{font-size:clamp(29px,3.6vw,47px);line-height:1.2;letter-spacing:-.045em}
.v4-contact-intro>p{color:var(--mute);font-size:16px;line-height:1.8}
.contact-quick{padding:22px 0;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px}
.contact-quick strong{font-size:13px}.contact-quick a{color:var(--brand);font-size:13px;font-weight:750}
.v4-form{box-shadow:0 17px 45px #062c2010;padding:35px}
.v4-form h2{font-size:26px;letter-spacing:-.04em}
.v4-form .field input,.v4-form .field textarea,.v4-form .field select{width:100%;min-height:48px;background:var(--surface2);color:var(--fg);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.v4-form .field input:focus,.v4-form .field textarea:focus,.v4-form .field select:focus{border-color:var(--brand);outline:2px solid color-mix(in srgb,var(--brand) 12%,transparent)}
.v4-form .checkline{margin:15px 0}
.v4-form input::placeholder,.v4-form textarea::placeholder{color:color-mix(in srgb,var(--mute) 75%,transparent);opacity:1}
.v4-final{padding:66px 0 95px}
.v4-final .final-inner{position:relative;overflow:hidden;padding:67px 60px;border-radius:31px;background:linear-gradient(120deg,#0d3e33 0%,#126a53 100%);color:#fff;text-align:center}
.v4-final .final-inner:before,.v4-final .final-inner:after{content:'';position:absolute;width:440px;height:440px;border:1px solid #ffffff26;border-radius:50%;pointer-events:none;top:-290px;left:-170px}
.v4-final .final-inner:after{left:auto;right:-170px;top:auto;bottom:-340px}
.v4-final .eyebrow{color:#a5f4d0}
.v4-final h2{font-size:clamp(34px,4.8vw,63px);line-height:1.09;letter-spacing:-.055em;margin:15px auto;max-width:850px}
.v4-final p{max-width:710px;margin:0 auto;color:#d6eee4;line-height:1.8}
.v4-final .hero-actions{display:flex;justify-content:center;gap:14px;margin-top:30px;flex-wrap:wrap}
.v4-final .btn.light{background:white;color:#174135}
.v4-final .btn.ghost{color:white;border:1px solid #ffffff84;background:#ffffff0e}
.pricing-footnote{display:flex;gap:12px;align-items:flex-start;padding-top:25px;margin-top:25px;border-top:1px solid var(--line);color:var(--mute);font-size:12px;line-height:1.8}
.pricing-footnote svg{color:var(--brand);flex:0 0 20px}
.reveal{opacity:0;transform:translateY(18px);transition:transform .65s cubic-bezier(.21,1,.31,1),opacity .65s ease}
.reveal.in-view{opacity:1;transform:translateY(0)}
body.dark .v4-price-main .price-intro{background:linear-gradient(125deg,#142d25,#1e513c)}
body.dark .v4-final .final-inner{background:linear-gradient(120deg,#08241f,#174b3c)}
@media(max-width:1120px){.v4-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v4-why-layout{grid-template-columns:.9fr 1.1fr}.v4-why-list{grid-template-columns:1fr}.v4-why-layout .why-photo{min-height:640px}}
@media(max-width:900px){.v4-editorial-grid,.v4-why-layout,.marketing .contact-grid{grid-template-columns:1fr}.v4-why-layout .why-photo{min-height:350px;max-height:450px}.v4-why-list{grid-template-columns:repeat(2,minmax(0,1fr))}.v4-doc-callout{align-items:flex-start;flex-direction:column}.v4-doc-callout a:not(.btn){font-size:18px}}
@media(max-width:680px){.v4-editorial{padding:55px 0}.v4-editorial-grid h2{font-size:35px}.v4-editorial-grid p{font-size:16px}.v4-why-list{grid-template-columns:1fr}.v4-why-layout .why-photo{min-height:310px}.v4-process-grid{grid-template-columns:1fr}.process-step{min-height:unset}.v4-doc-callout{padding:24px}.v4-doc-callout>div{align-items:flex-start}.v4-doc-callout a:not(.btn){font-size:14px;overflow-wrap:anywhere}.v4-final .final-inner{padding:49px 20px}.v4-final h2{font-size:35px}.v4-final{padding:36px 0 62px}.v4-form{padding:22px}.v4-form .form-grid{grid-template-columns:1fr}.v4-demos .card-grid{grid-template-columns:1fr}.v4-hero .hero-actions{flex-direction:column;align-items:stretch}.v4-hero .hero-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

.v4-section-enter{animation:v4-appear .72s cubic-bezier(.19,1,.22,1) both}
@keyframes v4-appear{from{opacity:.6;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
body.marketing.dark .marketing-logo img.wp-wordmark{filter:brightness(0) invert(1)}
@media(prefers-reduced-motion:reduce){.v4-section-enter{animation:none}}

.v4-main-menu-toggle{display:none;width:41px;height:41px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--fg);font-size:22px;place-items:center;cursor:pointer}
@media(max-width:880px){.v4-main-menu-toggle{display:grid}.marketing .head-contact{display:none}.marketing .site-nav .logo{flex:1;min-width:0}.marketing .marketing-logo .wp-wordmark{width:min(100%,180px);height:auto}}
@media(max-width:390px){.marketing .site-nav{gap:5px}.marketing .nav-controls{gap:4px}.marketing .lang-trigger{height:37px;min-width:65px;padding-inline:4px;gap:3px}.marketing .lang-trigger img{width:19px;height:13px}.marketing .lang-trigger strong{font-size:10px}.marketing .lang-trigger svg{width:10px}.marketing .nav-controls>.icon-btn{width:36px;height:36px}.marketing .marketing-logo .wp-wordmark{width:min(100%,130px)}.v4-main-menu-toggle{width:35px;height:36px;font-size:18px}}

/* V4.1: SSS controlled only by +/−; footer disclaimer never behind fixed WhatsApp */
.v4-faq .faq summary{position:relative;padding-inline-end:52px;min-height:72px}
.v4-faq .faq summary::after{content:"+";position:absolute;inset-inline-end:19px;top:50%;transform:translateY(-50%);font-family:Arial,sans-serif;font-weight:800;font-size:23px;line-height:1;flex:none;color:var(--brand)}
.v4-faq .faq details[open] summary::after{content:"−"}
.v4-footer .footer-disclaimer{display:block;border-top:1px solid #ffffff24;padding:25px 0 17px;margin:30px 0 0;color:#b7d2c5;font-size:12px;line-height:1.75;max-width:920px}
.v4-footer .footer-base{justify-content:flex-start!important;align-items:center;margin-top:0!important;padding-top:14px}
.v4-footer{padding-bottom:85px!important}
@media(max-width:700px){.v4-faq .faq summary{padding-inline-end:47px}.v4-footer .footer-disclaimer{font-size:12px;max-width:100%}.v4-footer{padding-bottom:105px!important}}