:root{
  --deep:#0E3A42; --petrol:#14505B; --paper:#F5F7F6; --mist:#E4EBE9; --line:#C7D2CF;
  --text:#1B2B2E; --muted:#4A5F63; --brass:#C9A04A; --brass-ink:#7A5A12; --wa:#146F38; --white:#fff;
  --serif:"Newsreader","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --sans:"Manrope","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);font-size:1.0625rem;line-height:1.65;color:var(--text);background:var(--paper)}
img,svg,iframe{max-width:100%}
a{color:var(--petrol);text-underline-offset:.2em}
a:hover{color:var(--deep)}
:focus-visible{outline:3px solid var(--brass);outline-offset:3px;border-radius:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--white);color:var(--deep);padding:.75rem 1rem;z-index:100}
.skip:focus{left:1rem;top:1rem}
.wrap{width:min(1180px,100% - 2.5rem);margin-inline:auto}
.narrow{max-width:820px}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.15;margin:0 0 .75em;color:var(--deep);letter-spacing:-.005em}
h2{font-size:clamp(1.55rem,2.6vw,2.1rem)}
p{margin:0 0 1.1em}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.8rem 1.35rem;font:700 1rem/1.2 var(--sans);text-decoration:none;border:2px solid transparent;border-radius:3px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.btn-call{background:var(--brass);color:#1E1606}
.btn-call:hover{background:#D8B25E;color:#1E1606}
.btn-wa{background:var(--wa);color:var(--white)}
.btn-wa:hover{background:#0F5C2E;color:var(--white)}
.btn-ghost{background:transparent;color:var(--deep);border-color:var(--deep)}
.btn-ghost:hover{background:var(--deep);color:var(--white)}
.btn svg,.mbar svg{flex:none}
.head-cta{flex:none}
.btn-row{display:flex;flex-wrap:wrap;gap:.75rem}
.btn-col{display:grid;gap:.6rem}
.btn-col .btn{justify-content:center}
.textlink{font-weight:700}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:1.5rem;min-height:74px}
.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--deep);margin-right:auto}
.mark{display:grid;place-items:center;width:42px;height:42px;background:var(--deep);color:var(--brass);font:500 1.7rem/1 var(--serif);border-radius:3px}
.brand-text{display:grid;line-height:1.2}
.brand-name{font:600 1.2rem/1.15 var(--serif);color:var(--deep);white-space:nowrap}
.brand-sub{font-size:.82rem;color:var(--muted);font-weight:500}
.nav ul{list-style:none;display:flex;gap:1.15rem;margin:0;padding:0;align-items:center}
.nav a{display:block;white-space:nowrap;text-decoration:none;color:var(--text);font-weight:600;font-size:.95rem;padding:.5rem 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current="page"]{color:var(--deep);border-bottom-color:var(--brass)}
.has-sub{position:relative}
.sub{display:none!important;position:absolute;top:100%;left:-1rem;min-width:300px;background:var(--white);border:1px solid var(--line);padding:.5rem 0!important;flex-direction:column;align-items:stretch!important;gap:0!important;box-shadow:0 12px 30px rgba(14,58,66,.14)}
.has-sub:hover .sub,.has-sub:focus-within .sub{display:flex!important}
.sub a{padding:.55rem 1.1rem;border:0;font-weight:500}
.sub a:hover{background:var(--mist)}
.menu-btn{display:none;background:none;border:1px solid var(--line);border-radius:3px;width:46px;height:46px;padding:0;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.menu-btn span{display:block;width:22px;height:2px;background:var(--deep)}
.head-cta{padding:.6rem 1.05rem;font-size:.95rem;white-space:nowrap}

/* hero */
.hero{position:relative;overflow:hidden;background:var(--deep);color:#E8EFEE}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr);gap:3.5rem;padding:5.5rem 0 5.5rem;align-items:center}
.hero h1{color:var(--white);font-size:clamp(2.25rem,4.6vw,3.9rem);line-height:1.08;max-width:19ch;margin-bottom:.6em}
.hero-lead{font-size:1.15rem;max-width:58ch;color:#D3DFDD}
.hero .btn-row{margin:1.75rem 0 1.5rem}
.hero-place{font-size:.93rem;color:#B9CBC8;margin:0}
.hero-panel{background:var(--paper);color:var(--text);border-top:5px solid var(--brass);padding:1.75rem}
.panel-label{margin:0 0 .25rem;color:var(--muted);font-weight:600;font-size:.95rem}
.panel-phone{display:block;font:500 clamp(1.9rem,3vw,2.4rem)/1.1 var(--serif);color:var(--deep);text-decoration:none;margin-bottom:1.25rem}
.panel-list{list-style:none;margin:0;padding:0}
.panel-list li{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-top:1px solid var(--line);font-size:.95rem}
.panel-list span{color:var(--muted);font-weight:600}
.panel-list a{text-align:right;font-weight:600;word-break:break-word}

.page-hero{background:var(--deep);color:#E8EFEE;padding:2.75rem 0 3.25rem;position:relative;overflow:hidden}
.page-hero .wrap{position:relative}
.page-hero h1{color:var(--white);font-size:clamp(2rem,3.8vw,3rem);max-width:24ch;margin-bottom:.5em}
.page-hero .hero-lead{margin-bottom:1.5rem}
.crumbs{font-size:.88rem;margin-bottom:1.25rem;color:#B9CBC8}
.crumbs a{color:#D3DFDD}
.crumbs .sep{margin:0 .5rem;opacity:.6}

.hero-area{font-size:.95rem;font-weight:600;color:var(--brass);margin:0 0 1.4rem}
.regions{list-style:none;margin:1rem 0 1.5rem;padding:0!important;display:flex;flex-wrap:wrap;gap:.5rem}
.regions li{margin:0!important;padding:.4rem .85rem;background:var(--white);border:1px solid var(--line);border-left:3px solid var(--brass);font-size:.93rem;font-weight:600;color:var(--deep)}

/* sections */
.section{padding:clamp(3.25rem,7vw,5.5rem) 0}
.tint{background:var(--mist)}
.sec-head{max-width:640px;margin-bottom:2.25rem}
.sec-head p{color:var(--muted)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}

/* area tiles */
.areas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 2.5rem}
.areas a{display:flex;flex-direction:column;gap:.45rem;height:100%;padding:1.5rem 0 1.6rem;border-top:1px solid var(--line);text-decoration:none;color:var(--text);position:relative}
.areas a::before{content:"";position:absolute;top:-1px;left:0;width:0;height:3px;background:var(--brass);transition:width .25s}
.areas a:hover::before,.areas a:focus-visible::before{width:64px}
.tile-title{font:500 1.35rem/1.2 var(--serif);color:var(--deep)}
.tile-desc{font-size:.97rem;color:var(--muted)}
.tile-more{font-weight:700;font-size:.9rem;color:var(--brass-ink);margin-top:auto;padding-top:.4rem}
.areas a:hover .tile-more{text-decoration:underline}

/* steps */
.steps{list-style:none;counter-reset:s;margin:0;padding:0}
.steps li{counter-increment:s;display:grid;grid-template-columns:2.75rem 1fr;column-gap:1rem;padding:1.15rem 0;border-top:1px solid var(--line)}
.steps li::before{content:counter(s);grid-row:span 2;font:500 2rem/1 var(--serif);color:var(--brass-ink)}
.steps strong{font:600 1.15rem/1.3 var(--serif);color:var(--deep)}
.steps span{color:var(--muted)}

/* rows */
.rows{list-style:none;margin:0 0 1.5rem;padding:0}
.rows a{display:grid;gap:.25rem;padding:1.2rem 0;border-top:1px solid var(--line);text-decoration:none;color:var(--text)}
.rows li:last-child a{border-bottom:1px solid var(--line)}
.row-title{font:500 1.3rem/1.25 var(--serif);color:var(--deep)}
.rows a:hover .row-title{text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:.25em}
.row-desc{color:var(--muted);font-size:.98rem}
.row-tag{font-size:.85rem;font-weight:700;color:var(--brass-ink)}

/* content layout */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(2rem,5vw,4.5rem);padding:clamp(2.5rem,5vw,4rem) 0 clamp(3rem,6vw,5rem);align-items:start}
.prose{max-width:760px}
.prose h2{margin-top:2.2em;font-size:clamp(1.5rem,2.4vw,1.9rem)}
.prose>h2:first-child,.prose>p:first-child+h2{margin-top:1.6em}
.prose ul{padding-left:1.2rem}
.prose li{margin-bottom:.5em}
.prose .meta{color:var(--muted);font-size:.93rem}
.note{font-size:.92rem;color:var(--muted);border-top:1px solid var(--line);padding-top:1rem;margin-top:2.5rem}
.topics{margin:0}
.topics>div{display:grid;grid-template-columns:13rem 1fr;gap:1.25rem;padding:1rem 0;border-top:1px solid var(--line)}
.topics>div:last-child{border-bottom:1px solid var(--line)}
.topics dt{font:600 1.12rem/1.3 var(--serif);color:var(--deep)}
.topics dd{margin:0;color:var(--text)}
.process-box{background:var(--mist);border-left:4px solid var(--brass);padding:1.25rem 1.5rem}
.process-box p{margin:0}
.link-list{list-style:none;padding:0!important}
.link-list li{padding:.6rem 0;border-top:1px solid var(--line);margin:0}
.link-list li:last-child{border-bottom:1px solid var(--line)}
.link-list a{font-weight:600}

/* faq */
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:1.05rem 2.5rem 1.05rem 0;font:600 1.08rem/1.4 var(--sans);color:var(--deep);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:.25rem;top:.85rem;font:400 1.6rem/1 var(--serif);color:var(--brass-ink)}
.faq details[open] summary::after{content:"\2212"}
.faq details p{margin:0 0 1.2rem;color:var(--text);max-width:68ch}

/* aside */
.side{position:sticky;top:96px;display:grid;gap:1.75rem}
.side-card{background:var(--white);border:1px solid var(--line);border-top:4px solid var(--brass);padding:1.4rem}
.side-title{font:600 1.05rem/1.3 var(--serif);color:var(--deep);margin:0 0 .6rem}
.side-phone{font:500 1.7rem/1.1 var(--serif);margin:0 0 1rem}
.side-phone a{text-decoration:none;color:var(--deep)}
.side-list ul{list-style:none;margin:0;padding:0}
.side-list a{display:block;padding:.5rem 0;border-top:1px solid var(--line);text-decoration:none;font-size:.96rem;color:var(--text)}
.side-list a:hover,.side-list a[aria-current="page"]{color:var(--deep);font-weight:700}

.area-strip{background:var(--deep);color:#D3DFDD;padding:2.75rem 0}
.area-strip h2{color:var(--white);font-size:clamp(1.4rem,2.3vw,1.8rem);margin-bottom:.4rem}
.area-strip p{max-width:70ch;margin-bottom:1.1rem}
.area-strip a{color:var(--brass)}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.55rem}
.chips li{border:1px solid rgba(201,160,74,.55);color:#F1EAD6;padding:.35rem .85rem;border-radius:999px;font-size:.92rem;font-weight:600}
.local-links{font-size:.93rem;color:var(--muted)}
.foot-regions{font-size:.9rem;color:#A9BDBA}
/* cta + map */
.cta-band{background:var(--mist);padding:2.75rem 0;border-top:1px solid var(--line)}
.cta-in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem}
.cta-in h2{margin-bottom:.3rem;font-size:clamp(1.5rem,2.5vw,2rem)}
.cta-in p{margin:0;color:var(--muted)}
.map-sec{padding:clamp(3rem,6vw,4.5rem) 0;background:var(--paper)}
.map-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:stretch}
.map-info p{color:var(--muted)}
.contact-list{margin:1.25rem 0 1.5rem}
.contact-list>div{display:grid;grid-template-columns:5.5rem 1fr;gap:1rem;padding:.7rem 0;border-top:1px solid var(--line)}
.contact-list dt{font-weight:700;color:var(--deep)}
.contact-list dd{margin:0;word-break:break-word}
.contact-list.big dd{font:500 1.25rem/1.4 var(--serif)}
.map-links{margin-top:1.25rem;font-size:.95rem}
.map-frame{min-height:400px;border:1px solid var(--line);background:var(--mist)}
.map-frame iframe{width:100%;height:100%;min-height:400px;border:0;display:block}

/* form */
.cform{display:grid;gap:1rem}
.cform label{display:grid;gap:.35rem;font-weight:600;color:var(--deep);font-size:.95rem}
.cform input,.cform select,.cform textarea{font:inherit;color:var(--text);background:var(--white);border:1px solid #93A5A2;border-radius:3px;padding:.7rem .85rem;width:100%}
.form-note{font-size:.88rem;color:var(--muted);margin:0}

/* footer */
.site-footer{background:var(--deep);color:#CBD9D6;padding:3.5rem 0 1.5rem;font-size:.97rem}
.site-footer a{color:#E8EFEE}
.foot-grid{display:grid;grid-template-columns:1.1fr 1.5fr .9fr;gap:2.5rem}
.foot-brand{font:500 1.5rem/1.2 var(--serif);color:var(--white);margin-bottom:.6rem}
.foot-title{font:600 1.05rem/1.3 var(--serif);color:var(--brass);margin-bottom:.75rem}
.foot-list{list-style:none;margin:0;padding:0}
.foot-list li{padding:.22rem 0}
.foot-list.cols{columns:2;column-gap:1.5rem}
.foot-list.cols li{break-inside:avoid}
.foot-legal{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.15);font-size:.85rem;color:#A9BDBA}
.foot-legal p{margin:0 0 .6rem}

/* floating buttons */
.fab{position:fixed;right:1.25rem;bottom:1.25rem;z-index:60;display:grid;gap:.75rem}
.fab a{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;box-shadow:0 6px 18px rgba(0,0,0,.28);transition:transform .15s}
.fab a:hover{transform:scale(1.06)}
.fab svg{width:28px;height:28px}
.fab-wa{background:var(--wa);color:var(--white)}
.fab-call{background:var(--brass);color:#1E1606}
.mbar{display:none}


.linkgrid{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 2.5rem}
.linkgrid.one{grid-template-columns:1fr;margin:0}
.linkgrid a{display:block;padding:.85rem 0;border-top:1px solid var(--line);font-weight:600;text-decoration:none;color:var(--deep)}
.linkgrid a:hover{text-decoration:underline;text-decoration-color:var(--brass)}
.linkgrid small{display:block;font-weight:500;color:var(--muted);font-size:.86rem}
.prose ol{padding-left:1.4rem}
.table-wrap{overflow-x:auto;margin:1.25rem 0;border:1px solid var(--line)}
.tbl{border-collapse:collapse;width:100%;min-width:600px;font-size:.96rem;background:var(--white)}
.tbl th,.tbl td{padding:.7rem .85rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.tbl th{background:var(--mist);color:var(--deep);font-weight:700}
.terms{margin:1.25rem 0}
.terms>div{display:grid;grid-template-columns:11rem 1fr;gap:1rem;padding:.75rem 0;border-top:1px solid var(--line)}
.terms dt{font:600 1.08rem/1.3 var(--serif);color:var(--deep)}
.terms dd{margin:0}
.group{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:2rem 3rem;padding:2rem 0;border-top:1px solid var(--line)}
.group h2{margin-bottom:.4rem}
.group h2 a{text-decoration:none;color:var(--deep)}
.sublinks{list-style:none;margin:0;padding:0;columns:1}
.sublinks li{padding:.5rem 0;border-top:1px solid var(--line)}
.sublinks li:first-child{border-top:0}
.sublinks a{font-weight:600}
.grp-title{margin-top:2.2rem;font-size:1.5rem}
.grp-title a{text-decoration:none;color:var(--deep)}
.rows.compact a{padding:.8rem 0}
@media (max-width:1180px){
  .head-cta{display:none}
  .menu-btn{display:flex}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 14px 24px rgba(14,58,66,.12)}
  .nav.open{display:block}
  .nav ul{flex-direction:column;align-items:stretch;gap:0;padding:.5rem 1.25rem 1rem}
  .nav a{padding:.8rem 0;border-bottom:1px solid var(--line)}
  .sub,.has-sub:hover .sub,.has-sub:focus-within .sub{display:none!important}
}
@media (max-width:1020px){
  .linkgrid{grid-template-columns:repeat(2,1fr)}
  .areas{grid-template-columns:repeat(2,1fr)}
  .hero-grid{grid-template-columns:1fr;gap:2.5rem;padding:3.5rem 0}
  .layout{grid-template-columns:minmax(0,1fr)}
  .side{position:static}
  .foot-grid{grid-template-columns:1fr 1fr}
  .foot-grid>div:first-child{grid-column:1/-1}
  .head-cta{display:none}
  .menu-btn{display:flex}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 14px 24px rgba(14,58,66,.12)}
  .nav.open{display:block}
  .nav ul{flex-direction:column;align-items:stretch;gap:0;padding:.5rem 1.25rem 1rem}
  .nav a{padding:.8rem 0;border-bottom:1px solid var(--line)}
  .sub{display:none!important}
  .has-sub:hover .sub,.has-sub:focus-within .sub{display:none!important}
}
@media (max-width:760px){
  .linkgrid{grid-template-columns:1fr}
  .terms>div{grid-template-columns:1fr;gap:.2rem}
  .group{grid-template-columns:1fr}
  body{padding-bottom:64px}
  .two,.map-grid{grid-template-columns:1fr}
  .areas{grid-template-columns:1fr}
  .topics>div{grid-template-columns:1fr;gap:.3rem}
  .foot-grid{grid-template-columns:1fr}
  .foot-list.cols{columns:1}
  .fab{display:none}
  .mbar{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:60;box-shadow:0 -4px 16px rgba(0,0,0,.2)}
  .mbar a{display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:58px;font-weight:700;text-decoration:none;padding-bottom:env(safe-area-inset-bottom,0)}
  .mbar-call{background:var(--brass);color:#1E1606}
  .mbar-wa{background:var(--wa);color:var(--white)}
  .brand{min-width:0;flex:1;margin-right:0}
  .brand-name{font-size:.98rem;white-space:normal}
  .bar{gap:.75rem}
  .contact-list>div{grid-template-columns:1fr;gap:.1rem}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ---- visuals ---- */
.logo-mark{display:block;flex:none;border-radius:11px}
.foot-brand{display:flex;align-items:center;gap:.75rem}
.hero-sky{position:absolute;left:0;right:0;bottom:0;width:100%;height:190px;opacity:.55;pointer-events:none}
.hero-grid{padding-bottom:10.5rem}
.hero-art{position:absolute;right:0;top:50%;transform:translateY(-50%);width:clamp(170px,19vw,250px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#F1EAD6;border:1px solid rgba(201,160,74,.5);background:rgba(255,255,255,.04)}
.hero-art::before{content:"";position:absolute;inset:-16px;border-radius:50%;border:1px dashed rgba(201,160,74,.32)}
.hero-art .ico{width:64%;height:64%}
.ico .ac{stroke:var(--brass)}
.page-hero .hero-lead,.page-hero .hero-area,.page-hero .btn-row{max-width:calc(100% - clamp(230px,24vw,320px))}
.tile-ico{display:grid;place-items:center;width:76px;height:76px;border-radius:16px;background:var(--mist);color:var(--deep);margin-bottom:.4rem;transition:background .2s,color .2s}
.tile-ico .ico{width:54px;height:54px;stroke-width:2.8}
.hero-art .ico{stroke-width:2.2}
.tile-ico .ac{stroke:var(--brass-ink)}
.areas a:hover .tile-ico,.areas a:focus-visible .tile-ico{background:var(--deep);color:#F1EAD6}
.areas a:hover .tile-ico .ac,.areas a:focus-visible .tile-ico .ac{stroke:var(--brass)}
.tint .tile-ico{background:var(--paper)}
.person{display:flex;align-items:center;gap:1.1rem;margin:0 0 1.4rem}
.seal{display:grid;place-items:center;flex:none;width:76px;height:76px;border-radius:50%;background:var(--deep);color:var(--brass);font:500 1.7rem/1 var(--serif);box-shadow:0 0 0 4px var(--paper),0 0 0 6px var(--brass)}
.person>div:last-child strong{display:block;font:600 1.3rem/1.25 var(--serif);color:var(--deep)}
.person>div:last-child span{color:var(--muted);font-size:.95rem}
@media (max-width:900px){
  .hero-art{display:none}
  .page-hero .hero-lead,.page-hero .hero-area,.page-hero .btn-row{max-width:none}
}
@media (max-width:760px){
  .hero-sky{height:130px}
  .hero-grid{padding-bottom:8rem}
}

/* ================= süslü tasarım katmanı ================= */
:root{
  --gold-hi:#E6CB86; --gold-lo:#B98A2E;
  --pat-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56' fill='none' stroke='%23C9A04A' stroke-opacity='.15' stroke-width='1'%3E%3Crect x='11' y='11' width='34' height='34'/%3E%3Crect x='11' y='11' width='34' height='34' transform='rotate(45 28 28)'/%3E%3Ccircle cx='28' cy='28' r='5'/%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Ccircle cx='56' cy='0' r='3'/%3E%3Ccircle cx='0' cy='56' r='3'/%3E%3Ccircle cx='56' cy='56' r='3'/%3E%3C/svg%3E");
  --pat-star-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56' fill='none' stroke='%230E3A42' stroke-opacity='.07' stroke-width='1'%3E%3Crect x='11' y='11' width='34' height='34'/%3E%3Crect x='11' y='11' width='34' height='34' transform='rotate(45 28 28)'/%3E%3Ccircle cx='28' cy='28' r='5'/%3E%3C/svg%3E");
  --meander:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12' viewBox='0 0 24 12' fill='none' stroke='%23C9A04A' stroke-width='1.4'%3E%3Cpath d='M0 11h24M4 11V3h14v6H9V6'/%3E%3C/svg%3E");
  --divider:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='14' viewBox='0 0 170 14' fill='none' stroke='%23C9A04A' stroke-width='1.2'%3E%3Cpath d='M0 7h70M100 7h70'/%3E%3Cpath d='M85 1l6 6-6 6-6-6z' fill='%23C9A04A'/%3E%3Cpath d='M73 7l3-3 3 3-3 3zM91 7l3-3 3 3-3 3z'/%3E%3C/svg%3E");
  --shadow-soft:0 14px 34px rgba(14,58,66,.13);
}

/* header */
.nav ul{gap:1rem}
.head-cta{padding:.6rem .95rem}
.site-header{border-bottom:0;box-shadow:0 1px 0 var(--line),0 8px 24px rgba(14,58,66,.06)}
.site-header::before{content:"";display:block;height:5px;background:linear-gradient(90deg,var(--gold-lo),var(--gold-hi) 50%,var(--gold-lo))}
.brand-name{letter-spacing:.005em}

/* buttons */
.btn{border-radius:4px;letter-spacing:.01em;transition:transform .15s,box-shadow .15s,filter .15s}
.btn-call{background:linear-gradient(180deg,var(--gold-hi),var(--brass) 55%,var(--gold-lo));color:#1E1606;border-color:#A9802A;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 6px 14px rgba(122,90,18,.28)}
.btn-call:hover{background:linear-gradient(180deg,#EFD696,#D3AA55 55%,#BE923A);transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 10px 20px rgba(122,90,18,.34)}
.btn-wa{background:linear-gradient(180deg,#1F8A4B,#146F38 60%,#0F5C2E);border-color:#0F5C2E;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 6px 14px rgba(15,92,46,.28)}
.btn-wa:hover{background:linear-gradient(180deg,#24985A,#187D40 60%,#126832);transform:translateY(-2px)}

/* hero */
.hero{background-color:var(--deep);background-image:var(--pat-star),radial-gradient(120% 90% at 80% 0%,#1A5A66 0%,rgba(14,58,66,0) 60%),linear-gradient(180deg,#0B2F37 0%,#0E3A42 55%,#0D3740 100%)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;background:var(--meander) repeat-x;opacity:.85;z-index:2}
.hero h1{text-shadow:0 2px 24px rgba(0,0,0,.25)}
.hero h1::after{content:"";display:block;width:170px;height:14px;margin-top:1.1rem;background:var(--divider) no-repeat left center}
.hero-panel{position:relative;box-shadow:0 0 0 6px rgba(245,247,246,.07),0 0 0 7px rgba(201,160,74,.65),0 28px 60px rgba(0,0,0,.4);border-top:0;background:linear-gradient(180deg,#FFFFFF,var(--paper))}
.hero-panel::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--gold-lo),var(--gold-hi),var(--gold-lo))}
.hero-panel::after{content:"";position:absolute;right:14px;top:16px;width:46px;height:46px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23C9A04A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 12v38M20 50h24M12 20h40M15 20L6 36M15 20l9 16M49 20l-9 16M49 20l9 16M6 36h18a9 7 0 0 1-18 0zM40 36h18a9 7 0 0 1-18 0z'/%3E%3C/svg%3E") no-repeat center/contain;opacity:.9}
.panel-phone{padding-right:3rem}
.page-hero{background-color:var(--deep);background-image:var(--pat-star),radial-gradient(110% 130% at 88% 0%,#1A5A66 0%,rgba(14,58,66,0) 62%),linear-gradient(180deg,#0B2F37,#0E3A42)}
.page-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;background:var(--meander) repeat-x;opacity:.85}
.page-hero h1::after{content:"";display:block;width:170px;height:14px;margin-top:.9rem;background:var(--divider) no-repeat left center}
.hero-art{background:radial-gradient(circle at 50% 35%,rgba(201,160,74,.22),rgba(255,255,255,.03) 65%);border:1px solid rgba(201,160,74,.7);box-shadow:0 0 0 8px rgba(201,160,74,.07),0 24px 50px rgba(0,0,0,.28)}
.hero-art::after{content:"";position:absolute;inset:-34px;border-radius:50%;border:1px dotted rgba(201,160,74,.4);animation:orn-spin 90s linear infinite}
@keyframes orn-spin{to{transform:rotate(360deg)}}

/* section headings */
.section h2::after,.map-info h2::after,.area-strip h2::after{content:"";display:block;width:170px;height:14px;margin-top:.7rem;background:var(--divider) no-repeat left center}
.sec-head h2::after{margin-top:.8rem}
.tint{background-color:var(--mist);background-image:var(--pat-star-ink);border-block:1px solid var(--line)}
.section:not(.tint){background-image:none}

/* area cards */
.areas{gap:1.6rem 1.6rem}
.areas a{background:var(--white);border:1px solid var(--line);border-top:1px solid var(--line);padding:1.9rem 1.7rem 1.7rem;box-shadow:inset 0 0 0 7px var(--white),inset 0 0 0 8px rgba(201,160,74,.55),0 4px 14px rgba(14,58,66,.06);transition:transform .2s,box-shadow .2s}
.areas a::before{display:none}
.areas a::after{content:"";position:absolute;right:1.1rem;top:1.1rem;width:9px;height:9px;background:var(--brass);transform:rotate(45deg);opacity:.75}
.areas a:hover,.areas a:focus-visible{transform:translateY(-5px);box-shadow:inset 0 0 0 7px var(--white),inset 0 0 0 8px var(--brass),0 18px 34px rgba(14,58,66,.16)}
.tile-ico{background:linear-gradient(145deg,#F4F7F6,var(--mist));box-shadow:inset 0 0 0 1px var(--line)}
.tint .tile-ico{background:linear-gradient(145deg,#fff,var(--mist))}
.tile-more::after{content:" \2192";transition:margin .2s}
.areas a:hover .tile-more::after{margin-left:.35rem}

/* rows / steps */
.rows a{padding:1.3rem 1.2rem;background:transparent;transition:background .2s,padding-left .2s}
.rows a:hover{background:rgba(255,255,255,.7);padding-left:1.6rem}
.steps li::before{display:grid;place-items:center;width:2.6rem;height:2.6rem;border:1px solid var(--brass);border-radius:50%;font-size:1.25rem;background:var(--white);color:var(--brass-ink)}
.steps li{column-gap:1.1rem}

/* prose */
.prose>p:first-child:not(.meta)::first-letter{float:left;font:500 3.9rem/.82 var(--serif);color:var(--brass-ink);padding:.28rem .6rem 0 0}
.prose h2{display:flex;align-items:center;gap:.7rem}
.prose h2::before{content:"";flex:none;width:11px;height:11px;background:var(--brass);transform:rotate(45deg);box-shadow:0 0 0 3px rgba(201,160,74,.25)}
.topics dt{position:relative;padding-left:1.15rem}
.topics dt::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;background:var(--brass);transform:rotate(45deg)}
.process-box{position:relative;background:linear-gradient(135deg,#fff,var(--mist));border:1px solid var(--brass);border-left:1px solid var(--brass);padding:1.6rem 1.8rem;box-shadow:inset 0 0 0 5px rgba(255,255,255,.9),inset 0 0 0 6px rgba(201,160,74,.4)}
.process-box::before,.process-box::after{content:"";position:absolute;width:12px;height:12px;background:var(--brass);transform:rotate(45deg)}
.process-box::before{left:-7px;top:-7px}
.process-box::after{right:-7px;bottom:-7px}
.note{border-top:0;background:var(--mist);padding:1rem 1.2rem;border-left:3px solid var(--brass)}

/* faq */
.faq details{background:var(--white);border:1px solid var(--line);border-radius:4px;margin-bottom:.65rem;padding:0 1.3rem;transition:box-shadow .2s,border-color .2s}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq details[open]{border-color:var(--brass);box-shadow:var(--shadow-soft)}
.faq summary::after{right:0;top:.95rem}

/* side cards */
.side-card{box-shadow:inset 0 0 0 5px var(--white),inset 0 0 0 6px rgba(201,160,74,.5),var(--shadow-soft);border-top:5px solid var(--brass)}
.side-list{background:var(--white);border:1px solid var(--line);padding:1.2rem 1.4rem;box-shadow:0 4px 14px rgba(14,58,66,.05)}

/* cta / strip / map */
.cta-band{position:relative;background-color:var(--mist);background-image:var(--pat-star-ink);border-top:0;padding:3.4rem 0 3rem}
.cta-band::before{content:"";position:absolute;left:0;right:0;top:0;height:12px;background:var(--meander) repeat-x}
.cta-in{background:var(--white);padding:2rem 2.2rem;border:1px solid var(--brass);box-shadow:inset 0 0 0 6px var(--white),inset 0 0 0 7px rgba(201,160,74,.45),var(--shadow-soft)}
.area-strip{background-color:var(--deep);background-image:var(--pat-star),linear-gradient(180deg,#0B2F37,#0E3A42)}
.chips li{background:rgba(201,160,74,.1);position:relative;padding-left:1.7rem}
.chips li::before{content:"";position:absolute;left:.75rem;top:50%;width:6px;height:6px;background:var(--brass);transform:translateY(-50%) rotate(45deg)}
.map-frame{padding:9px;background:var(--white);border:1px solid var(--brass);box-shadow:inset 0 0 0 1px rgba(201,160,74,.4),0 20px 44px rgba(14,58,66,.18)}
.map-frame iframe{min-height:380px}
.contact-list>div{border-top:1px dotted #93A5A2}

/* footer */
.site-footer{position:relative;background-color:var(--deep);background-image:var(--pat-star),linear-gradient(180deg,#0E3A42,#0A2A31);padding-top:4.2rem}
.site-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:12px;background:var(--meander) repeat-x;opacity:.9}
.foot-title{display:flex;align-items:center;gap:.6rem}
.foot-title::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(201,160,74,.6),rgba(201,160,74,0))}
.foot-list a{text-decoration:none;color:#DCE7E4}
.foot-list a:hover{color:var(--brass);text-decoration:underline}

/* floating buttons */
.fab a{box-shadow:0 8px 20px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.3)}
.fab-wa{position:relative}
.fab-wa::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25B25F;animation:fab-pulse 2.6s ease-out infinite}
@keyframes fab-pulse{0%{transform:scale(1);opacity:.75}100%{transform:scale(1.55);opacity:0}}

/* person */
.seal{background:linear-gradient(145deg,#14505B,var(--deep));box-shadow:0 0 0 4px var(--paper),0 0 0 6px var(--brass),0 0 0 9px rgba(201,160,74,.25)}

@media (max-width:1020px){
  .areas{gap:1.2rem}
  .cta-in{padding:1.6rem 1.4rem}
}
@media (max-width:760px){
  .hero h1::after,.page-hero h1::after{width:130px}
  .panel-phone{padding-right:2.6rem}
  .areas a{padding:1.6rem 1.3rem 1.4rem}
  .prose>p:first-child:not(.meta)::first-letter{font-size:3.3rem}
}
@media (prefers-reduced-motion:reduce){
  .hero-art::after,.fab-wa::after{animation:none!important}
  .btn:hover,.areas a:hover{transform:none!important}
}