*{box-sizing:border-box}
html{scroll-behavior:smooth}
:root{
 --bg:#f7f3eb;
 --bg2:#eee6d7;
 --surface:#fffdf9;
 --surface2:#f4eee4;
 --text:#17382d;
 --muted:#65736d;
 --brand:#173d31;
 --brand2:#236447;
 --gold:#c79a54;
 --gold2:#e5c790;
 --line:#e4ded2;
 --wa:#25d366;
 --shadow:0 20px 60px rgba(29,58,43,.10);
 --shadow-soft:0 12px 34px rgba(29,58,43,.07);
 --radius:28px;
 --container:1180px;
}

body.theme-servis{
 --bg:#f8f5ef;
 --bg2:#efe7da;
 --surface:#fff;
 --surface2:#f6efe6;
 --text:#332b25;
 --muted:#746b62;
 --brand:#3d4c3d;
 --brand2:#596955;
 --gold:#b88a4b;
 --gold2:#dec59a;
 --line:#e7ded1;
}

html,body{margin:0;padding:0}
body{
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 background:var(--bg);
 color:var(--text);
 -webkit-font-smoothing:antialiased;
 overflow-x:hidden
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input{font:inherit}
.container{width:min(var(--container),calc(100% - 40px));margin:auto}

.topbar{
 background:var(--brand);
 color:#eef6f0;
 font-size:12px;
 letter-spacing:.02em
}
.topbar-inner{
 min-height:38px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:18px
}
.topbar-items{display:flex;gap:24px;flex-wrap:wrap}
.topbar span{opacity:.9}

.header{
 background:rgba(255,253,249,.90);
 backdrop-filter:blur(18px);
 border-bottom:1px solid rgba(219,210,194,.7);
 position:sticky;
 top:0;
 z-index:50
}
.header-inner{
 height:82px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:28px
}
.brand{
 display:flex;
 align-items:center;
 min-width:245px;
 position:relative
}
.brand-icon{
 width:42px;height:42px;
 border:1px solid var(--gold2);
 border-radius:50%;
 display:grid;
 place-items:center;
 margin-right:10px;
 color:var(--gold);
 background:linear-gradient(145deg,#fff,#f4eadb)
}
.brand-icon svg{width:25px;height:25px}
.brand-text{
 font-family:Georgia,"Times New Roman",serif;
 font-size:18px;
 font-weight:700;
 letter-spacing:-.02em
}
.brand::after{
 content:"";
 position:absolute;
 left:54px;
 top:7px;
 width:90px;
 height:1px;
 opacity:.65;
 transform:rotate(-8deg);
 background:linear-gradient(90deg,transparent,#fff8d3,var(--gold),transparent);
 animation:shine 4.8s ease-in-out infinite
}
@keyframes shine{
 0%,65%{transform:translateX(-35px) rotate(-8deg);opacity:0}
 75%{opacity:.9}
 100%{transform:translateX(135px) rotate(-8deg);opacity:0}
}

.nav{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:650}
.nav a{position:relative}
.nav a:not(.wa-head)::after{
 content:"";
 position:absolute;
 left:0;right:100%;bottom:-7px;
 height:2px;background:var(--gold);
 transition:.25s
}
.nav a:hover::after{right:0}

.wa-head,.btn-wa{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:9px;
 background:var(--wa);
 color:white!important;
 border-radius:999px;
 padding:13px 19px;
 font-weight:800;
 border:none;
 box-shadow:0 10px 28px rgba(37,211,102,.22);
 transition:.25s
}
.wa-head:hover,.btn-wa:hover{
 transform:translateY(-2px);
 box-shadow:0 15px 34px rgba(37,211,102,.30)
}

.mobile-toggle{display:none;border:0;background:none;font-size:25px;color:var(--brand)}

.hero{
 position:relative;
 min-height:690px;
 display:flex;
 align-items:center;
 overflow:hidden;
 isolation:isolate;
 background:
  radial-gradient(circle at 20% 30%,rgba(228,200,145,.22),transparent 35%),
  linear-gradient(100deg,#f8f2e7 0%,#f8f3ea 48%,#eee6da 100%)
}
.theme-servis .hero{
 background:
  radial-gradient(circle at 12% 25%,rgba(204,174,126,.25),transparent 34%),
  linear-gradient(100deg,#faf7f1 0%,#f5efe6 50%,#ece3d7 100%)
}
.hero::before{
 content:"";
 position:absolute;
 width:500px;height:500px;
 border-radius:50%;
 border:1px solid rgba(194,151,82,.18);
 right:-160px;top:-160px;
 z-index:-1
}
.hero-grid{
 display:grid;
 grid-template-columns:1.03fr .97fr;
 align-items:center;
 gap:55px;
 padding:72px 0
}
.eyebrow{
 display:inline-flex;
 align-items:center;
 gap:10px;
 font-size:12px;
 letter-spacing:.16em;
 font-weight:900;
 color:var(--gold);
 margin-bottom:16px
}
.eyebrow::before{content:"";width:36px;height:1px;background:var(--gold)}

.hero h1{
 font-family:Georgia,"Times New Roman",serif;
 margin:0;
 font-size:clamp(48px,5vw,78px);
 line-height:1.02;
 letter-spacing:-.045em;
 max-width:760px
}
.hero h1 em{font-style:normal;color:var(--gold)}
.hero-copy{
 margin:24px 0;
 max-width:620px;
 font-size:18px;
 line-height:1.75;
 color:var(--muted)
}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
.btn-main,.btn-soft{
 min-height:52px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:9px;
 padding:0 22px;
 border-radius:999px;
 font-weight:800;
 transition:.25s
}
.btn-main{
 background:var(--brand);
 color:white;
 box-shadow:0 13px 30px rgba(20,60,44,.18)
}
.btn-main:hover{transform:translateY(-2px)}
.btn-soft{background:#fff;color:var(--brand);border:1px solid var(--line)}

.hero-points{
 display:flex;
 gap:25px;
 margin-top:32px;
 flex-wrap:wrap
}
.hero-point{
 display:flex;
 align-items:center;
 gap:9px;
 font-size:13px;
 font-weight:750;
 color:var(--brand)
}
.check{
 width:28px;height:28px;
 border-radius:50%;
 display:grid;place-items:center;
 background:#e7f3eb;
 color:var(--brand2);
 font-size:13px
}

.hero-media{
 position:relative;
 min-height:545px;
 border-radius:140px 28px 140px 28px;
 overflow:hidden;
 box-shadow:var(--shadow);
 background:#e6dfd4;
 isolation:isolate
}
.theme-servis .hero-media{border-radius:30px 130px 30px 130px}
.hero-media-bg{
 position:absolute;inset:0;
 background-size:cover;
 background-position:center;
 transform:scale(1.02)
}
.hero-media::after{
 content:"";
 position:absolute;inset:0;
 background:linear-gradient(180deg,transparent 40%,rgba(17,44,33,.18))
}
.hero-media-badge{
 position:absolute;
 z-index:2;
 left:26px;
 bottom:25px;
 background:rgba(255,255,255,.92);
 backdrop-filter:blur(12px);
 border:1px solid rgba(255,255,255,.8);
 border-radius:18px;
 padding:14px 17px;
 font-size:13px;
 font-weight:800;
 box-shadow:0 13px 35px rgba(0,0,0,.10)
}
.hero-light{
 position:absolute;
 width:260px;height:260px;
 border-radius:50%;
 background:rgba(255,231,176,.22);
 filter:blur(45px);
 right:8%;top:12%;
 animation:float 5s ease-in-out infinite
}
@keyframes float{50%{transform:translateY(-14px) translateX(8px)}}

.trust{
 margin-top:-42px;
 position:relative;
 z-index:4
}
.trust-grid{
 background:var(--surface);
 border:1px solid var(--line);
 border-radius:25px;
 padding:22px 25px;
 box-shadow:var(--shadow-soft);
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:10px
}
.trust-item{
 display:flex;
 align-items:center;
 gap:14px;
 padding:8px 15px;
 border-right:1px solid var(--line)
}
.trust-item:last-child{border-right:0}
.trust-icon{
 min-width:42px;width:42px;height:42px;
 display:grid;place-items:center;
 border-radius:14px;
 background:#f1eadf;
 color:var(--gold);
 font-size:20px
}
.trust-item strong{display:block;font-size:14px;margin-bottom:3px}
.trust-item span{font-size:12px;color:var(--muted);line-height:1.5}

.section{padding:95px 0}
.section.alt{background:#fffdfa}
.theme-servis .section.alt{background:#fff}
.section-head{text-align:center;max-width:720px;margin:0 auto 44px}
.section-kicker{
 font-size:12px;
 font-weight:900;
 letter-spacing:.18em;
 color:var(--gold);
 text-transform:uppercase
}
.section h2{
 font-family:Georgia,"Times New Roman",serif;
 font-size:clamp(36px,4vw,52px);
 letter-spacing:-.035em;
 margin:11px 0 13px
}
.section-head p{color:var(--muted);line-height:1.7;margin:0}

.service-grid{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:18px
}
.service-card{
 background:var(--surface);
 border:1px solid var(--line);
 border-radius:22px;
 overflow:hidden;
 box-shadow:0 10px 32px rgba(27,54,41,.05);
 transition:.3s
}
.service-card:hover{
 transform:translateY(-6px);
 box-shadow:var(--shadow)
}
.service-image{
 height:205px;
 background-color:#e7dfd2;
 background-size:cover;
 background-position:center;
 position:relative
}
.service-image::after{
 content:"";
 position:absolute;inset:0;
 background:linear-gradient(180deg,transparent 55%,rgba(17,49,37,.20))
}
.service-content{padding:20px}
.service-content h3{
 font-family:Georgia,"Times New Roman",serif;
 margin:0 0 10px;
 font-size:22px
}
.service-content p{
 color:var(--muted);
 font-size:14px;
 line-height:1.65;
 min-height:69px
}
.service-link{
 margin-top:15px;
 display:inline-flex;
 gap:7px;
 color:#169d50;
 font-weight:850;
 font-size:13px
}

.mid-cta{padding:0 0 88px}
.mid-cta-inner{
 background:
 radial-gradient(circle at 95% 0%,rgba(222,185,109,.18),transparent 35%),
 var(--brand);
 color:white;
 border-radius:28px;
 padding:35px 40px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:28px;
 box-shadow:var(--shadow)
}
.mid-cta h3{
 font-family:Georgia,"Times New Roman",serif;
 margin:0 0 8px;
 font-size:31px
}
.mid-cta p{margin:0;color:#dfe9e2}

.process{
 background:
 linear-gradient(90deg,rgba(16,54,40,.97),rgba(21,65,47,.95)),
 url('https://images.unsplash.com/photo-1600334089648-b0d9d3028eb2?auto=format&fit=crop&w=1600&q=75') center/cover;
 color:white
}
.theme-servis .process{
 background:
 linear-gradient(90deg,rgba(54,65,51,.97),rgba(62,77,60,.95)),
 url('https://images.unsplash.com/photo-1600334089648-b0d9d3028eb2?auto=format&fit=crop&w=1600&q=75') center/cover
}
.process .section-head p{color:#dce8e1}
.steps{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:25px;
 max-width:950px;
 margin:auto
}
.step{text-align:center;position:relative}
.step:not(:last-child)::after{
 content:"";
 position:absolute;
 height:1px;
 width:55%;
 right:-28%;
 top:34px;
 background:repeating-linear-gradient(90deg,var(--gold),var(--gold) 6px,transparent 6px,transparent 12px)
}
.step-num{
 width:68px;height:68px;
 margin:0 auto 17px;
 border:1px solid rgba(226,195,136,.55);
 border-radius:50%;
 display:grid;place-items:center;
 background:rgba(255,255,255,.07);
 color:var(--gold2);
 font-family:Georgia,serif;
 font-size:27px
}
.step h3{font-size:18px;margin:0 0 8px}
.step p{font-size:13px;color:#d4e1d9;line-height:1.65;margin:0}

.standards-grid{
 display:grid;
 grid-template-columns:.9fr 1.1fr;
 gap:55px;
 align-items:center
}
.standard-list{display:grid;gap:16px}
.standard{
 display:flex;
 gap:15px;
 align-items:flex-start
}
.standard-icon{
 min-width:43px;height:43px;
 border-radius:14px;
 background:#efe6d7;
 color:var(--gold);
 display:grid;place-items:center;
 font-size:18px
}
.standard strong{display:block;margin-bottom:4px}
.standard p{margin:0;color:var(--muted);line-height:1.55;font-size:14px}
.standard-image{
 min-height:430px;
 border-radius:28px;
 background:
 linear-gradient(180deg,rgba(20,55,40,.05),rgba(20,55,40,.18)),
 url('https://images.unsplash.com/photo-1540555700478-4be289fbecef?auto=format&fit=crop&w=1200&q=80') center/cover;
 box-shadow:var(--shadow)
}

.regions{
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 gap:10px;
 max-width:920px;
 margin:auto
}
.region{
 background:var(--surface);
 border:1px solid var(--line);
 padding:11px 17px;
 border-radius:999px;
 font-size:13px;
 font-weight:800;
 color:var(--brand);
 box-shadow:0 7px 20px rgba(34,57,46,.04)
}

.faq-grid{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:14px
}
.faq{
 background:var(--surface);
 border:1px solid var(--line);
 border-radius:16px;
 overflow:hidden
}
.faq button{
 width:100%;
 border:0;
 background:none;
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding:19px 21px;
 color:var(--text);
 text-align:left;
 font-weight:800;
 cursor:pointer
}
.faq-answer{
 display:none;
 padding:0 21px 20px;
 color:var(--muted);
 line-height:1.7;
 font-size:14px
}
.faq.open .faq-answer{display:block}
.faq-plus{
 width:27px;height:27px;
 border-radius:50%;
 display:grid;place-items:center;
 background:#efe8dc;
 color:var(--gold);
 transition:.25s
}
.faq.open .faq-plus{transform:rotate(45deg)}

.final-cta{
 padding:25px 0 80px
}
.final-box{
 min-height:300px;
 border-radius:34px;
 overflow:hidden;
 position:relative;
 display:flex;
 align-items:center;
 padding:55px;
 color:white;
 background:
 linear-gradient(90deg,rgba(17,53,39,.96),rgba(17,53,39,.77)),
 url('https://images.unsplash.com/photo-1540555700478-4be289fbecef?auto=format&fit=crop&w=1600&q=80') center/cover
}
.final-box::after{
 content:"";
 position:absolute;
 right:-70px;top:-70px;
 width:280px;height:280px;
 border-radius:50%;
 border:1px solid rgba(225,190,122,.35)
}
.final-copy{position:relative;z-index:2;max-width:630px}
.final-copy h2{
 color:white;
 margin:0 0 15px;
 font-family:Georgia,serif;
 font-size:45px
}
.final-copy p{color:#dfe9e3;line-height:1.7;margin-bottom:24px}

.footer{
 background:#102f25;
 color:#e6efe9;
 padding:65px 0 25px
}
.theme-servis .footer{background:#344337}
.footer-grid{
 display:grid;
 grid-template-columns:1.4fr .8fr .8fr 1fr;
 gap:45px
}
.footer-logo{font-family:Georgia,serif;font-size:21px;font-weight:700;margin-bottom:14px}
.footer p{color:#bfcfc5;font-size:13px;line-height:1.7}
.footer h4{margin:0 0 17px;font-size:13px;letter-spacing:.08em}
.footer a{display:block;color:#cbd8d1;font-size:13px;margin:10px 0}
.footer-note{
 border-top:1px solid rgba(255,255,255,.12);
 margin-top:40px;
 padding-top:20px;
 display:flex;
 justify-content:space-between;
 gap:20px;
 font-size:11px;
 color:#9fb3a7
}

.floating-wa{
 position:fixed;
 right:22px;
 bottom:23px;
 z-index:100;
 width:62px;height:62px;
 display:grid;
 place-items:center;
 border-radius:50%;
 background:var(--wa);
 color:white;
 font-size:27px;
 box-shadow:0 15px 35px rgba(37,211,102,.35);
 animation:pulse 2.4s infinite
}
@keyframes pulse{
 0%,100%{box-shadow:0 15px 35px rgba(37,211,102,.28)}
 50%{box-shadow:0 15px 35px rgba(37,211,102,.28),0 0 0 12px rgba(37,211,102,.10)}
}
.mobile-wa{display:none}

.reveal{
 opacity:0;
 transform:translateY(20px);
 transition:.7s ease
}
.reveal.in{opacity:1;transform:none}

.simple-page{padding:75px 0 100px}
.simple-page .content{
 max-width:850px;
 margin:auto;
 background:#fff;
 border:1px solid var(--line);
 border-radius:24px;
 padding:45px;
 box-shadow:var(--shadow-soft)
}
.simple-page h1{font-family:Georgia,serif;font-size:42px}
.simple-page h2{font-family:Georgia,serif;margin-top:32px}
.simple-page p,.simple-page li{color:var(--muted);line-height:1.8}

@media(max-width:1000px){
 .nav{display:none;position:absolute;top:82px;left:0;right:0;background:white;padding:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
 .nav.open{display:flex}
 .mobile-toggle{display:block}
 .hero-grid{grid-template-columns:1fr;gap:30px;padding:55px 0 78px}
 .hero-media{min-height:460px}
 .trust-grid{grid-template-columns:1fr 1fr}
 .trust-item{border-right:0}
 .service-grid{grid-template-columns:1fr 1fr}
 .standards-grid{grid-template-columns:1fr}
 .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
 .container{width:min(100% - 28px,var(--container))}
 .topbar{display:none}
 .header-inner{height:70px}
 .brand{min-width:0}
 .brand-text{font-size:13px;max-width:220px}
 .brand-icon{width:36px;height:36px}
 .nav{top:70px}
 .hero{min-height:auto}
 .hero-grid{padding:38px 0 72px}
 .hero h1{font-size:43px}
 .hero-copy{font-size:15px;line-height:1.7}
 .hero-actions{display:grid}
 .hero-actions a{width:100%}
 .hero-points{display:grid;grid-template-columns:1fr 1fr;gap:13px}
 .hero-media{min-height:350px;border-radius:75px 20px 75px 20px}
 .trust{margin-top:-38px}
 .trust-grid{grid-template-columns:1fr;padding:12px}
 .service-grid{grid-template-columns:1fr}
 .section{padding:70px 0}
 .section h2{font-size:37px}
 .steps{grid-template-columns:1fr;gap:35px}
 .step:not(:last-child)::after{display:none}
 .faq-grid{grid-template-columns:1fr}
 .mid-cta-inner{align-items:flex-start;flex-direction:column;padding:30px 24px}
 .final-box{padding:38px 25px;min-height:370px}
 .final-copy h2{font-size:37px}
 .footer-grid{grid-template-columns:1fr}
 .footer-note{flex-direction:column}
 .floating-wa{display:none}
 .mobile-wa{
   display:flex;
   position:fixed;
   left:12px;right:12px;bottom:12px;
   z-index:100;
   align-items:center;
   justify-content:center;
   gap:9px;
   height:55px;
   border-radius:999px;
   background:var(--wa);
   color:#fff;
   font-weight:900;
   box-shadow:0 14px 30px rgba(37,211,102,.32)
 }
 body{padding-bottom:72px}
 .simple-page .content{padding:26px}
}

/* ADMIN V3 PUBLIC CONTACT */
.public-contact-panel{
    margin-top:35px;
    padding:24px;
    border:1px solid #e4dbcf;
    border-radius:20px;
    background:#fffdf9;
    box-shadow:0 14px 35px rgba(30,55,43,.06)
}

.public-contact-panel h2{
    margin-top:0
}

.public-contact-row{
    display:flex;
    justify-content:space-between;
    gap:15px;
    padding:14px 0;
    border-bottom:1px solid #eee7dc;
    text-decoration:none
}

.public-contact-row:last-child{
    border-bottom:0
}

.public-contact-row strong{
    color:#173b2f
}

.public-contact-row span{
    color:#718078;
    text-align:right
}

@media(max-width:600px){
    .public-contact-panel{
        padding:18px
    }

    .public-contact-row{
        flex-direction:column;
        gap:5px
    }

    .public-contact-row span{
        text-align:left
    }
}