:root{--font-family-body:"Segoe UI",system-ui,-apple-system,Arial,sans-serif;--font-family-heading:Georgia,"Times New Roman",serif}

html{scroll-behavior:smooth;scroll-padding-top:6rem}
body{margin:0;font-family:var(--font-family-body);overflow-x:clip}
img { max-width: 100%; height: auto; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #967a4d;outline-offset:3px}
.hero-title{font-size:var(--font-size-4xl)}
.section-title{font-size:var(--font-size-3xl)}
.hero-section,.hero-title,.section-title{overflow-wrap:anywhere;white-space:normal}
.page-main{display:block;min-width:0;width:100%}
.site-header{position:sticky;top:0;z-index:2000;width:100%;background:rgba(251,249,247,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #ded7cc;box-shadow:0 5px 22px rgba(38,33,27,.045)}
.site-header-inner{width:min(100% - 3rem,78rem);margin:auto;min-height:84px;display:flex;align-items:center;gap:clamp(1rem,2.7vw,3rem);justify-content:space-between}
.site-brand{display:inline-flex;align-items:center;gap:.65rem;color:#252a26!important;text-decoration:none;min-width:0;flex-shrink:0}
.site-brand-mark{width:39px;height:39px;background:#e5e5dd;color:#4e634f;border-radius:12px;display:grid;place-items:center;transform:rotate(-8deg)}
.site-brand-mark svg{width:25px;height:25px;transform:rotate(8deg)}
.site-brand-title{font:600 clamp(1.05rem,1.3vw,1.32rem)/1.15 var(--font-family-heading);letter-spacing:-.035em}
.site-brand-subtitle{display:block;font:600 .57rem/1.4 var(--font-family-body);letter-spacing:.19em;color:#6c736b;text-transform:uppercase;margin-top:.21rem}
.site-menu{display:flex;align-items:center;gap:clamp(.6rem,1.15vw,1.25rem);margin-left:auto}
.site-menu a{position:relative;padding:.6rem .16rem;font-size:.76rem;font-weight:700;text-decoration:none!important;letter-spacing:.035em;color:#454b44!important;white-space:nowrap;transition:color .18s ease}
.site-menu a:hover,.site-menu a[aria-current=page]{color:#6d5838!important}
.site-menu a[aria-current=page]:after{content:'';position:absolute;bottom:.19rem;left:.16rem;right:.16rem;height:2px;background:#957651;border-radius:3px}
.site-header-cta{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:999px;padding:.87rem 1.25rem;background:#78633f;color:#fff!important;text-decoration:none!important;font-size:.75rem;font-weight:700;letter-spacing:.03em;white-space:nowrap;transition:background .2s ease,transform .2s ease}
.site-header-cta:hover{background:#574629;transform:translateY(-1px)}
.site-menu-toggle{display:none;align-items:center;justify-content:center;cursor:pointer;background:#f0ede8;color:#2f342e;border:1px solid #d9d3c8;border-radius:11px;width:44px;height:44px;flex-shrink:0}
.site-menu-toggle svg{width:23px;height:23px}
.site-menu-toggle .close-icon{display:none}
.site-menu-toggle[aria-expanded=true] .open-icon{display:none}
.site-menu-toggle[aria-expanded=true] .close-icon{display:block}
.site-menu-panel{display:none}
.site-info-block{padding:1rem 0;border-top:1px solid rgba(255,255,255,.13);font-size:.76rem;line-height:1.7;color:#e7e2d9;overflow-wrap:anywhere}
.site-info-block strong{display:block;margin-bottom:.35rem;color:#fff;font-size:.8rem}
.site-info-block p{margin:.1rem 0}
.footer-legal-links a,.footer-legal-links a:visited{color:inherit;text-decoration:none;font-size:inherit}
.footer-legal-links a:hover{text-decoration:underline;text-underline-offset:4px}
.site-footer-extra{width:min(100% - 3rem,var(--content-max-width));margin:1.75rem auto 0}
.legal-main{background:var(--color-surface);padding:clamp(2.5rem,6vw,5.5rem) 0 5rem;min-height:45vh}
.legal-content{width:min(100% - 3rem,56rem);margin:auto;color:var(--color-on-surface);overflow-wrap:anywhere}
.legal-content h1{font-family:var(--font-family-heading);font-size:var(--font-size-4xl);line-height:1.2;margin-bottom:1rem}
.legal-content h2{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);line-height:1.3;margin:2.3rem 0 .85rem}
.legal-content p,.legal-content li{margin:0 0 1rem;line-height:1.85}
.legal-content ul{padding-left:1.5rem}
.legal-content a,.legal-content a:visited{color:#715535;text-decoration:underline;text-underline-offset:3px}
.legal-content a:hover,.legal-content a:active{color:#3b321f}
.legal-content .legal-update{color:#5f665e;font-size:.88rem;margin-bottom:1.5rem}
.legal-back{display:inline-block;margin:1.6rem 0;padding:.7rem 1.15rem;border:1px solid #b9ad99;border-radius:999px;text-decoration:none!important}
.legal-identity{border:1px solid #e3d8c9;background:#f0eae0;border-radius:1.2rem;padding:1.25rem 1.5rem;margin:1.5rem 0;color:#35362e}
.legal-identity strong{display:block;margin-bottom:.5rem}
.legal-identity p{margin:.2rem 0}
.seo-feature{background:#f4f1eb;padding:clamp(3rem,6vw,5.7rem) 0}
.seo-feature-inner{width:min(100% - 3rem,72rem);margin:auto}
.seo-feature-inner h2{font-family:var(--font-family-heading);font-size:var(--font-size-3xl);max-width:800px;margin:0 0 1rem;line-height:1.26}
.seo-feature-inner .seo-intro{color:#5c635a;max-width:800px;font-size:1.05rem;line-height:1.85;margin:0 0 2rem}
.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.seo-card{background:#fff;border:1px solid #e6e0d5;border-radius:1.15rem;padding:1.5rem;box-shadow:0 5px 20px rgba(0,0,0,.025)}
.seo-card h3{font-size:1.06rem;font-family:var(--font-family-heading);line-height:1.4;margin:0 0 .7rem}
.seo-card p{font-size:.9rem;color:#5b645b;line-height:1.7}
.site-not-found{padding:5rem 1.5rem;text-align:center}
.site-not-found h1{font-family:var(--font-family-heading);font-size:var(--font-size-4xl);margin-bottom:1rem}
.site-not-found p{margin:0 auto 1.5rem;max-width:600px}
.form-feedback{margin-top:.85rem;font-size:.87rem;line-height:1.6}
.form-feedback[role=status]{color:#33563b}
@media(max-width:1120px){.site-header-inner{width:min(100% - 2rem,78rem);gap:.75rem}.site-menu{gap:.55rem}.site-brand-title{font-size:1.1rem}.site-header-cta{padding:.7rem .9rem}}
@media(max-width:920px){.site-header-inner{height:74px;min-height:74px;width:min(100% - 2rem,78rem)}.site-menu{display:none}.site-header-cta{margin-left:auto}.site-menu-toggle{display:inline-flex}.site-menu-panel[data-open=true]{display:flex;position:absolute;top:100%;left:1rem;right:1rem;flex-direction:column;max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain;padding:1rem;background:#fbf9f7;border:1px solid #e6ded1;border-radius:0 0 1.15rem 1.15rem;box-shadow:0 15px 30px rgba(0,0,0,.12);z-index:2010}.site-menu-panel a{padding:.85rem 1rem;border-radius:.7rem;font-weight:650;color:#30392e!important;text-decoration:none!important}.site-menu-panel a:hover,.site-menu-panel a[aria-current=page]{background:#f0ede5}.site-menu-panel .site-mobile-cta{background:#78633f;color:#fff!important;text-align:center;margin-top:.25rem}}
@media(max-width:767px){.hero-section,.hero-title,.section-title{overflow-wrap:anywhere;word-break:break-word;white-space:normal}.seo-grid{grid-template-columns:1fr}.seo-feature-inner,.legal-content{width:min(100% - 2rem,72rem)}.site-footer-extra{width:min(100% - 2rem,72rem)}.site-brand-mark{width:35px;height:35px}.site-header-cta{display:none}.site-menu-toggle{margin-left:auto}.site-brand-title{font-size:clamp(.98rem,4.1vw,1.25rem)}.site-brand-subtitle{font-size:.51rem}.legal-main{padding-top:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.footer-legal-links{flex-wrap:wrap;column-gap:1rem;row-gap:.65rem;max-width:100%;min-width:0}
.footer-legal-links a{max-width:100%;overflow-wrap:anywhere}
@media(max-width:767px){
 .footer-legal-bar{flex-direction:column;align-items:flex-start;gap:1.2rem}
 .footer-legal-links{gap:.75rem 1.15rem;width:100%}
 .services-hero-content-wrapper{padding:clamp(3rem,12vw,5rem) 1rem 1.5rem}
 .services-hero-backplate{width:100%;max-width:100%;min-width:0;padding:clamp(1rem,5vw,1.75rem)}
 .services-hero-backplate>*{max-width:100%;min-width:0}
 .services-hero-action-group .btn,.omoss-verdier-btn,.process-cta-btn,.prosess-bento-cta{width:100%;min-width:0;max-width:100%;white-space:normal;text-align:center}
 .services-hero-action-group a,.omoss-verdier-btn>a,.prosess-bento-footer a{width:100%;min-width:0;max-width:100%;display:block}
 .prosess-hero-backplate{max-width:100%;width:100%;min-width:0}
 .prosess-bento-footer{min-width:0;max-width:100%;width:100%;margin-inline:auto}
 .prosess-bento-footer>.btn,.prosess-bento-footer a{max-width:100%;min-width:0;overflow-wrap:anywhere}
 .prosess-badge-studio,.prosess-badge-city{max-width:100%;overflow-wrap:anywhere}
}

.prosess-hero-pagination{position:absolute;z-index:25;left:50%;bottom:clamp(1rem,3vw,2.5rem);transform:translateX(-50%);pointer-events:auto;background:rgba(25,26,23,.45);border-radius:999px;padding:.85rem 1rem;gap:.65rem;box-shadow:0 3px 18px rgba(0,0,0,.15)}
.prosess-hero-pagination .prosess-hero-dot{min-width:2rem;min-height:.35rem}
