:root{
  --ink:#122033;
  --ink-2:#30445a;
  --muted:#627184;
  --paper:#f6f8fb;
  --surface:#ffffff;
  --surface-2:#f0f4f8;
  --line:#dfe6ee;
  --line-strong:#cbd5df;
  --accent:#1769e0;
  --accent-hover:#0f57bd;
  --accent-soft:#eaf2ff;
  --success:#2f6a53;
  --shadow-sm:0 8px 22px rgba(18,32,51,.06);
  --shadow-md:0 18px 46px rgba(18,32,51,.10);
  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:22px;
  --radius-xl:28px;
  --container:1220px;
  --space-section:88px;
  --font-display:clamp(2.5rem,3.4vw,3.15rem);
  --font-h1:clamp(2.35rem,3.1vw,3rem);
  --font-h2:clamp(1.8rem,2.4vw,2.15rem);
  --font-h3:clamp(1.18rem,1.45vw,1.42rem);
  --font-body:1.03rem;
  --font-small:.9rem;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:var(--font-body);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{max-width:100%;height:auto}
a{color:inherit}
p{margin:0 0 1rem}
.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:10px;background:#fff;color:#000;padding:10px 14px;border-radius:8px;z-index:999}
.skip-link:focus{left:12px}

/* Header */
.site-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(18,32,51,.08);backdrop-filter:blur(16px)}
.nav-wrap{min-height:80px;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;letter-spacing:-.028em;white-space:nowrap;color:var(--ink)}
.brand-mark{width:38px;height:38px;border-radius:11px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:.82rem;letter-spacing:.04em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.brand small{display:block;margin-top:1px;font-size:.63rem;line-height:1.1;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:800}
.nav-links{margin-left:auto;display:flex;align-items:center;gap:3px}
.nav-links>a,.nav-drop>summary{padding:9px 10px;border-radius:9px;text-decoration:none;font-size:.89rem;font-weight:760;color:var(--ink-2);cursor:pointer;list-style:none;transition:background .18s ease,color .18s ease}
.nav-links>a:hover,.nav-links>a:focus-visible,.nav-drop>summary:hover,.nav-drop>summary:focus-visible{background:var(--surface-2);color:var(--ink);outline:none}
.nav-drop{position:relative}.nav-drop>summary::-webkit-details-marker{display:none}
.drop-panel{position:absolute;top:46px;left:0;min-width:250px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-md);display:grid;gap:2px}
.drop-panel a{text-decoration:none;padding:9px 10px;border-radius:9px;font-size:.9rem;font-weight:700;color:var(--ink-2)}
.drop-panel a:hover{background:var(--surface-2);color:var(--ink)}
.call-chip{margin-left:5px;background:var(--accent)!important;color:#fff!important;padding:10px 15px!important;border-radius:11px!important;box-shadow:0 7px 18px rgba(23,105,224,.18)}
.call-chip:hover{background:var(--accent-hover)!important}
.menu-btn{display:none;margin-left:auto;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:9px 12px;font-weight:850;color:var(--ink)}

/* Typography */
h1,h2,h3{color:var(--ink);line-height:1.12;letter-spacing:-.032em;margin:0 0 14px}
h1{font-size:var(--font-h1);max-width:18ch}
.hero-grid h1{font-size:var(--font-display);max-width:15ch}
h2{font-size:var(--font-h2);max-width:26ch}
h3{font-size:var(--font-h3);letter-spacing:-.022em}
.lead{font-size:1.1rem;line-height:1.65;color:var(--ink-2);max-width:68ch}
.small{font-size:var(--font-small);color:var(--muted);line-height:1.55}
.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:15px;padding:6px 9px;border:1px solid #cfe0fa;border-radius:999px;background:var(--accent-soft);color:#174d96;font-weight:850;font-size:.76rem;line-height:1.1;letter-spacing:.045em;text-transform:uppercase}
.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}

/* Hero */
.hero{padding:74px 0 58px;background:var(--surface);border-bottom:1px solid var(--line)}
.hero.section-tight{padding:56px 0 52px}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}
.hero-actions,.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 17px;border-radius:11px;border:1px solid var(--line-strong);background:var(--surface);text-decoration:none;font-size:.95rem;font-weight:850;color:var(--ink);transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}
.btn-primary{background:var(--ink);border-color:var(--ink);color:#fff}
.btn-secondary{background:var(--surface);border-color:var(--line-strong)}
.btn-accent{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 22px rgba(23,105,224,.17)}
.btn-accent:hover{background:var(--accent-hover);border-color:var(--accent-hover)}

/* External image slots: no broken icon when files are absent */
.image-slot{position:relative;overflow:hidden;background:linear-gradient(145deg,#eef2f6 0%,#f8fafc 100%);isolation:isolate}
.image-slot::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(18,32,51,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(18,32,51,.035) 1px,transparent 1px);background-size:28px 28px;z-index:0}
.image-slot-mark{position:absolute;inset:50% auto auto 50%;width:52px;height:52px;transform:translate(-50%,-50%);border:1px solid #cbd6e2;border-radius:16px;background:rgba(255,255,255,.72);box-shadow:0 8px 24px rgba(18,32,51,.06);z-index:1}
.image-slot-mark::before,.image-slot-mark::after{content:"";position:absolute;background:#aab8c6;border-radius:999px}
.image-slot-mark::before{width:22px;height:2px;left:14px;top:25px}.image-slot-mark::after{width:2px;height:22px;left:24px;top:15px}
.image-slot.has-image{background-position:center;background-size:cover;background-repeat:no-repeat}
.image-slot.has-image::before,.image-slot.has-image .image-slot-mark{display:none}
.hero-visual{aspect-ratio:16/10;border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}
.hero-image-slot{min-height:360px}
.service-art{aspect-ratio:16/10;border:1px solid var(--line);border-radius:15px}
.service-side .service-art{aspect-ratio:16/10;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.inline-image-slot{display:block;min-height:220px;border:1px solid var(--line);border-radius:var(--radius-md)}

.micro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}
.micro{border-top:1px solid var(--line-strong);padding-top:11px}.micro strong{display:block;font-size:.96rem}.micro span{color:var(--muted);font-size:.83rem}

/* Sections */
.section{padding:var(--space-section) 0}.section-tight{padding:54px 0}.section.alt{background:var(--surface-2);border-block:1px solid rgba(203,213,223,.65)}
.section-head{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:30px}
.section-head p{max-width:60ch;color:var(--muted);margin-bottom:4px}
.grid{display:grid;gap:18px}.cards-3{grid-template-columns:repeat(3,1fr)}.cards-2{grid-template-columns:repeat(2,1fr)}
.service-card,.info-card,.region-card,.faq-shell,.guide-card,.contact-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md)}
.service-card{padding:12px;display:flex;flex-direction:column;min-height:100%;box-shadow:0 1px 0 rgba(18,32,51,.02);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.service-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#cdd8e4}
.service-card .body{padding:17px 8px 8px}.service-card h3{margin-bottom:8px}.service-card p{color:var(--muted);font-size:.96rem;line-height:1.58}
.text-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:850;text-decoration:none}.text-link:hover{text-decoration:underline;text-underline-offset:3px}
.info-card,.guide-card{padding:24px}.info-card p,.guide-card p{color:var(--muted);margin-bottom:0}
.guide-card a{font-weight:850;color:var(--accent);text-decoration:none}.guide-card a:hover{text-decoration:underline}
.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tag{padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:.84rem;font-weight:780;color:var(--ink-2)}

.process{counter-reset:step}.process .info-card{position:relative;padding-left:68px}.process .info-card:before{counter-increment:step;content:counter(step);position:absolute;left:22px;top:22px;width:31px;height:31px;border-radius:9px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:.84rem;font-weight:900}

/* Regions */
.region-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.region-card{padding:26px}.region-card h2{font-size:1.65rem;margin-bottom:18px}
.region-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;columns:auto}.region-list li{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#f9fbfd;color:#40546a;font-size:.89rem;line-height:1.2}.region-list a{font-weight:850;color:var(--accent);text-decoration:none}

/* Service pages */
.service-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:44px;align-items:start}
.service-side{position:sticky;top:104px}.service-side .small{padding:12px 2px 0;margin:0}
.keylist{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0 0}.keyitem{background:#f8fafc;border:1px solid var(--line);border-radius:11px;padding:11px 12px;font-size:.9rem;line-height:1.4;font-weight:750;color:var(--ink-2)}
.article{max-width:72ch}.article h2{margin-top:34px}.article h3{margin-top:24px}.article ul{padding-left:22px}.article p,.article li{color:var(--ink-2)}
.note{border-left:3px solid var(--accent);padding:15px 17px;background:var(--accent-soft);border-radius:0 12px 12px 0;color:var(--ink-2)}

/* CTA */
.callout{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;background:var(--ink);color:#fff;padding:34px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}
.callout h2{color:#fff;max-width:22ch}.callout p{color:#cbd6e0;max-width:58ch}.callout .btn{border-color:#52657a;background:transparent;color:#fff}.callout .btn:hover{background:#1d3148}.callout .btn-accent{background:var(--accent);border-color:var(--accent)}

/* FAQ */
.faq-shell{padding:6px 18px;box-shadow:0 1px 0 rgba(18,32,51,.02)}
.faq-shell details{border-bottom:1px solid var(--line);padding:0}.faq-shell details:last-child{border-bottom:0}
.faq-shell summary{cursor:pointer;font-weight:820;font-size:1rem;line-height:1.45;padding:18px 4px;list-style:none;color:var(--ink)}
.faq-shell summary::-webkit-details-marker{display:none}.faq-shell summary:after{content:"+";float:right;color:var(--accent);font-size:1.2rem;font-weight:600}.faq-shell details[open] summary:after{content:"−"}.faq-shell details p{padding:0 4px 18px;color:var(--muted);max-width:75ch}

/* Breadcrumb */
.breadcrumb{font-size:.84rem;color:#526b7c;padding-top:14px}.breadcrumb ol{display:flex;gap:7px;flex-wrap:wrap;padding:0;margin:0;list-style:none}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{color:var(--accent)}.breadcrumb li+li:before{content:"/";margin-right:7px;color:#a7b2bd}

/* Contact + forms */
.contact-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-box{padding:28px}.contact-box dl{display:grid;grid-template-columns:120px 1fr;gap:12px 16px}.contact-box dt{font-weight:850}.contact-box dd{margin:0;color:var(--ink-2)}
form{display:grid;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{font-size:.9rem;font-weight:800;color:var(--ink-2)}input,select,textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:1rem;outline:none}textarea{min-height:120px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(23,105,224,.10)}

/* Footer */
.site-footer{background:#0d1827;color:#fff;padding:58px 0 88px}.footer-grid{display:grid;grid-template-columns:1.55fr repeat(4,1fr);gap:30px}.footer-brand{max-width:360px}.site-footer .brand{color:#fff}.site-footer .brand-mark{background:#fff;color:var(--ink)}.site-footer .brand small{color:#9fb0c2}.site-footer p,.site-footer a{color:#b9c6d3;font-size:.91rem}.site-footer h3{font-size:1rem;letter-spacing:-.01em;color:#fff;margin-bottom:13px}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:7px 0}.site-footer a{text-decoration:none}.site-footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}.footer-cookie-link{appearance:none;border:0;background:none;padding:0;color:#b9c6d3;font:inherit;font-size:.91rem;cursor:pointer}.footer-cookie-link:hover{color:#fff;text-decoration:underline}.legal{border-top:1px solid #26384b;margin-top:34px;padding-top:20px;color:#8fa1b2;font-size:.82rem;line-height:1.55}

/* Cookie */
.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:120;padding:16px 0;background:transparent;pointer-events:none}.cookie-banner[hidden]{display:none}.cookie-banner-inner{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;box-shadow:0 18px 60px rgba(18,32,51,.18);pointer-events:auto}.cookie-copy{flex:1}.cookie-copy strong{display:block;margin-bottom:4px;font-size:.94rem}.cookie-copy p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.5}.cookie-copy a{color:var(--accent)}.cookie-actions{display:flex;gap:8px;flex-shrink:0}.cookie-btn{min-height:44px;padding:0 11px;border-radius:9px;border:1px solid var(--line-strong);background:#fff;color:var(--ink);font:inherit;font-size:.84rem;font-weight:820;cursor:pointer}.cookie-btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.cookie-btn-secondary{background:var(--ink);border-color:var(--ink);color:#fff}.cookie-btn-ghost{background:#fff}
.cookie-modal[hidden]{display:none}.cookie-modal{position:fixed;inset:0;z-index:140;display:grid;place-items:center;padding:20px}.cookie-backdrop{position:absolute;inset:0;background:rgba(8,17,29,.58);backdrop-filter:blur(3px)}.cookie-dialog{position:relative;z-index:1;width:min(620px,100%);max-height:min(720px,92vh);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 28px 90px rgba(0,0,0,.26);outline:none}.cookie-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.cookie-dialog-head h2{font-size:1.75rem;margin-bottom:0}.cookie-close{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:1.35rem;cursor:pointer}.cookie-options{display:grid;gap:10px;margin:18px 0}.cookie-option{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:14px}.cookie-option span{display:grid;gap:2px}.cookie-option small{color:var(--muted);font-weight:500}.cookie-option input{width:20px;height:20px;min-height:20px;accent-color:var(--accent)}.cookie-dialog-actions{display:flex;justify-content:flex-end;gap:8px}

.mobile-call{display:none}.not-found{min-height:62vh;display:grid;place-items:center;text-align:center}.pill-note{display:inline-block;background:#eaf4ef;color:#24513d;padding:6px 9px;border-radius:999px;font-weight:800;font-size:.82rem}

@media(max-width:1040px){
  .nav-links{display:none;position:absolute;left:20px;right:20px;top:70px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:var(--shadow-md);align-items:stretch;flex-direction:column;max-height:calc(100vh - 90px);overflow-y:auto;overflow-x:hidden}.nav-links.open{display:flex}.nav-links>a,.nav-drop>summary{width:100%;padding:11px}.nav-links .call-chip{margin-left:0}.drop-panel{position:static;box-shadow:none;margin-top:5px;border-radius:11px}.menu-btn{display:block}
  .hero-grid,.service-layout,.callout,.contact-panel{grid-template-columns:1fr}.service-side{position:static}.service-side .service-art{max-width:760px}.cards-3{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1;max-width:600px}.hero{padding-top:50px}.hero-grid h1{max-width:18ch}
}

@media(max-width:680px){
  :root{--space-section:52px;--font-body:1rem}
  .container{width:min(calc(100% - 24px),var(--container))}.nav-wrap{min-height:64px}.brand{gap:9px}.brand-mark{width:34px;height:34px;border-radius:10px}.brand>span:last-child{font-size:.94rem}.brand small{font-size:.57rem}.menu-btn{font-size:.86rem;padding:8px 10px}.nav-links{top:58px;left:12px;right:12px}
  .hero,.hero.section-tight{padding:38px 0 36px}.hero-grid{gap:28px}.hero-grid h1,h1{font-size:clamp(1.75rem,8.6vw,2.12rem);line-height:1.12;max-width:20ch}.hero-grid h1{max-width:18ch}h2{font-size:clamp(1.45rem,6.4vw,1.72rem);line-height:1.16}h3{font-size:clamp(1.08rem,4.6vw,1.28rem);line-height:1.22}.lead{font-size:1rem;line-height:1.62}.eyebrow{font-size:.7rem;margin-bottom:12px}.hero-actions,.cta-row{gap:8px;margin-top:20px}.btn{min-height:45px;padding:0 14px;font-size:.93rem}.hero-visual{border-radius:18px}.hero-image-slot{min-height:0}.cards-3,.cards-2,.region-columns,.keylist,.form-row{grid-template-columns:1fr}.section-head{display:block;margin-bottom:22px}.section-head p{margin-top:8px}.service-card{padding:10px}.service-card .body{padding:15px 6px 7px}.info-card,.guide-card,.contact-box,.region-card{padding:20px}.process .info-card{padding-left:61px}.process .info-card:before{left:18px;top:20px}.region-list{gap:7px}.region-list li{font-size:.84rem;padding:7px 9px}.callout{padding:24px;border-radius:16px;gap:16px}.callout h2{max-width:20ch}.faq-shell{padding:4px 14px}.faq-shell summary{font-size:1rem;padding:16px 2px}.faq-shell details p{padding:0 2px 16px}.contact-box dl{grid-template-columns:1fr;gap:3px}.contact-box dd{margin-bottom:10px}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-brand{grid-column:auto}.site-footer{padding:48px 0 92px}.site-footer h3{font-size:1rem}.site-footer a,.site-footer p,.footer-cookie-link{font-size:.9rem}
  .mobile-call{display:flex;position:fixed;left:12px;right:12px;bottom:10px;z-index:100;min-height:46px;align-items:center;justify-content:center;border-radius:12px;background:var(--accent);color:#fff;text-decoration:none;font-size:.92rem;font-weight:900;box-shadow:0 12px 32px rgba(23,105,224,.30)}
  .cookie-banner{bottom:calc(72px + env(safe-area-inset-bottom,0px));padding:6px 0}.cookie-banner-inner{display:block;padding:11px 12px;border-radius:14px;max-height:calc(100vh - 98px);max-height:calc(100dvh - 98px - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain}.cookie-copy p{font-size:.8rem}.cookie-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}.cookie-actions .cookie-btn-primary{grid-column:auto}.cookie-btn{min-height:44px;padding:0 5px;font-size:.78rem;white-space:nowrap}.cookie-dialog{padding:18px;border-radius:16px}.cookie-dialog-head h2{font-size:1.45rem}.cookie-option{padding:12px}.cookie-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.article{max-width:100%}
}

@media(max-width:360px){
  h1,.hero-grid h1{font-size:1.75rem}.btn{width:100%}.hero-actions .btn,.cta-row .btn{width:100%}.cookie-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.cookie-actions .cookie-btn-primary{grid-column:auto}.cookie-dialog-actions{grid-template-columns:1fr}.brand>span:last-child{font-size:.88rem}.brand small{letter-spacing:.08em}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.service-card:hover,.btn:hover{transform:none}}


/* Single-page white-goods architecture */
.device-nav{display:flex;flex-wrap:wrap;gap:9px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}
.device-nav a{padding:9px 12px;border-radius:10px;text-decoration:none;font-size:.9rem;font-weight:820;color:var(--ink-2);background:#f8fafc;border:1px solid transparent}
.device-nav a:hover,.device-nav a:focus-visible{color:var(--accent);border-color:#cfe0fa;background:var(--accent-soft);outline:none}
.device-section{scroll-margin-top:92px}
.device-section-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:42px;align-items:start}
.device-section-grid.reverse>div:first-child{order:2}.device-section-grid.reverse>div:last-child{order:1}
.device-section-grid p{max-width:70ch;color:var(--ink-2)}
.device-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm)}
.device-panel h3{font-size:1.1rem;margin-bottom:12px}.device-panel ul{margin:0;padding-left:20px;color:var(--ink-2)}.device-panel li+li{margin-top:7px}
.category-hub{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-sm)}
.category-hub p{max-width:64ch;color:var(--muted)}.category-tags{margin-top:0;align-content:center}.category-tags .tag{text-decoration:none}.category-tags .tag:hover{border-color:#cfe0fa;background:var(--accent-soft);color:var(--accent)}
@media(max-width:780px){.device-section-grid,.category-hub{grid-template-columns:1fr;gap:20px}.device-section-grid.reverse>div:first-child,.device-section-grid.reverse>div:last-child{order:initial}.device-nav{display:grid;grid-template-columns:1fr 1fr}.device-nav a{text-align:center;font-size:.84rem}.device-panel{padding:20px}.category-hub{padding:22px}}
@media(max-width:420px){.device-nav{grid-template-columns:1fr}.device-nav a{font-size:.9rem}}


/* 2026 refined icy-blue premium revision */
:root{
  --ink:#10243a;
  --ink-2:#35506a;
  --muted:#5c7286;
  --paper:#f5f9fc;
  --surface:#ffffff;
  --surface-2:#f2f7fb;
  --line:#d8e4ed;
  --line-strong:#c6d6e2;
  --accent:#1769e0;
  --accent-hover:#0e57c1;
  --accent-soft:#eaf5ff;
  --ice:#eef8ff;
  --ice-2:#f7fbff;
  --ice-line:#cfe2f2;
  --shadow-sm:0 10px 30px rgba(38,74,104,.07);
  --shadow-md:0 20px 52px rgba(34,70,101,.11);
}
body{background:linear-gradient(180deg,#f8fbfd 0,#f4f8fb 44%,#f7fafc 100%)}

/* Header: cleaner, calmer, more premium */
.site-header{background:rgba(249,252,254,.90);border-bottom:1px solid rgba(94,127,153,.14);box-shadow:0 6px 28px rgba(45,74,98,.035);backdrop-filter:blur(18px) saturate(125%)}
.nav-wrap{min-height:76px;gap:22px}
.brand-mark{background:linear-gradient(145deg,#10243a,#1a4262);box-shadow:0 8px 20px rgba(16,36,58,.15),inset 0 0 0 1px rgba(255,255,255,.10)}
.nav-links{gap:5px}
.nav-links>a,.nav-drop>summary{padding:9px 11px;border-radius:10px;font-weight:740;color:#38536c}
.nav-links>a:hover,.nav-links>a:focus-visible,.nav-drop>summary:hover,.nav-drop>summary:focus-visible{background:rgba(228,241,250,.82);color:#10243a}
.drop-panel{border-color:var(--ice-line);background:rgba(255,255,255,.97);box-shadow:0 20px 54px rgba(35,68,96,.13);backdrop-filter:blur(18px)}
.drop-panel a:hover{background:#eef7fd}
.call-chip{background:#145fcf!important;box-shadow:0 9px 22px rgba(20,95,207,.20)}

/* Hero: selective frosted blue, never neon */
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff 0%,#f7fbfe 52%,#edf7fd 100%);border-bottom:1px solid #dce8f0}
.hero::before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;right:-190px;top:-230px;background:radial-gradient(circle,rgba(106,190,240,.18) 0%,rgba(106,190,240,.055) 48%,transparent 72%);pointer-events:none}
.hero::after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;left:-190px;bottom:-240px;background:radial-gradient(circle,rgba(101,164,220,.10) 0%,transparent 70%);pointer-events:none}
.hero>.container{position:relative;z-index:1}
.eyebrow{background:rgba(235,247,255,.86);border-color:#c8e2f3;color:#245779;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.hero-visual,.service-side .service-art{border-color:#d3e3ee;box-shadow:0 24px 58px rgba(38,80,112,.13)}
.image-slot{background:linear-gradient(145deg,#eef7fc 0%,#f9fcfe 100%)}
.image-slot::before{background-image:linear-gradient(rgba(77,129,166,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(77,129,166,.035) 1px,transparent 1px)}
.image-slot-mark{border-color:#c7dce9;background:rgba(255,255,255,.78);box-shadow:0 12px 32px rgba(37,74,104,.08);backdrop-filter:blur(10px)}

/* Section surfaces */
.section.alt{background:linear-gradient(180deg,#eef7fc 0%,#f5f9fc 100%);border-block-color:#dbe8f0}
.section-head{margin-bottom:32px}
.section-head p{color:#61798e}

/* Service and information cards */
.service-card,.info-card,.guide-card,.contact-box,.faq-shell,.region-card,.device-panel,.category-hub{border-color:#d6e4ee}
.service-card{background:linear-gradient(155deg,rgba(255,255,255,.98) 0%,rgba(244,250,254,.96) 100%);box-shadow:0 12px 34px rgba(42,76,103,.065)}
.service-card:hover{transform:translateY(-3px);border-color:#bed8e9;box-shadow:0 22px 50px rgba(39,78,108,.12)}
.service-card .body{padding:18px 9px 9px}
.info-card,.guide-card{background:linear-gradient(155deg,#ffffff 0%,#f7fbfe 100%);box-shadow:0 10px 30px rgba(44,77,102,.055)}
.process .info-card{background:linear-gradient(145deg,rgba(248,252,255,.98),rgba(236,247,253,.94));border-color:#cfe2ee}
.process .info-card:before{background:linear-gradient(145deg,#183d5b,#1769e0);box-shadow:0 8px 18px rgba(23,105,224,.17)}
.tag{background:#f8fcff;border-color:#d6e5ef;color:#3c5870}

/* Regions: every district uses the same visual language. Links are intentionally not visually privileged. */
.region-card{background:linear-gradient(155deg,#ffffff 0%,#f4faff 100%);box-shadow:0 12px 34px rgba(42,78,106,.06)}
.region-list{gap:8px}
.region-list li{padding:8px 11px;border-color:#d4e3ed;background:rgba(246,251,254,.96);color:#405a70;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.region-list a{font-weight:inherit;color:inherit;text-decoration:none}
.region-list a:hover,.region-list a:focus-visible{color:inherit;text-decoration:none;background:transparent;outline:none}
.region-list li:has(a:hover),.region-list li:has(a:focus-visible){border-color:#c5dbe9;background:#f2f9fd}

/* FAQ: soft icy-blue accordion */
.faq-shell{background:linear-gradient(155deg,rgba(250,253,255,.98),rgba(238,248,254,.96));border-color:#cee2ef;box-shadow:0 14px 38px rgba(42,80,108,.07);padding:8px 20px}
.faq-shell details{border-bottom-color:#d7e7f0}
.faq-shell summary{color:#17354e;padding:19px 4px}
.faq-shell summary:after{color:#397cae}
.faq-shell details[open] summary{color:#0f4f83}

/* CTA: premium light-frosted instead of heavy dark block */
.callout{background:linear-gradient(135deg,#163854 0%,#1c4a6e 55%,#205a80 100%);border:1px solid rgba(191,220,238,.16);box-shadow:0 24px 56px rgba(18,55,82,.20)}
.callout p{color:#d5e6f1}.callout .btn{border-color:rgba(220,238,249,.32);background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}
.callout .btn:hover{background:rgba(255,255,255,.11)}

/* Forms */
.contact-box{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,248,254,.96));box-shadow:0 16px 42px rgba(40,76,104,.07)}
input,select,textarea{border-color:#cbdde9;background:rgba(255,255,255,.94);border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
input:focus,select:focus,textarea:focus{border-color:#68a9d8;box-shadow:0 0 0 4px rgba(83,162,217,.11)}

/* Single-page white goods */
.device-nav{background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(240,249,254,.96));border-color:#cee2ee;box-shadow:0 12px 34px rgba(40,76,104,.06)}
.device-nav a{background:rgba(247,252,255,.90);color:#36546b}
.device-nav a:hover,.device-nav a:focus-visible{background:#eaf6fd;border-color:#c6e0ef;color:#1b5d88}
.device-panel{background:linear-gradient(155deg,#ffffff 0%,#f3faff 100%);box-shadow:0 12px 34px rgba(40,76,104,.06)}
.category-hub{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(237,248,254,.95));border-color:#cfe2ed;box-shadow:0 16px 42px rgba(40,76,104,.07)}

/* Cookie surface */
.cookie-banner-inner{background:linear-gradient(145deg,rgba(252,254,255,.98),rgba(235,247,253,.98));border-color:#cbdfea;box-shadow:0 22px 58px rgba(30,70,100,.18);backdrop-filter:blur(18px)}
.cookie-btn{border-color:#c9dce8;background:rgba(255,255,255,.9);border-radius:10px}
.cookie-dialog{background:linear-gradient(155deg,#ffffff,#f1f8fc);border-color:#cbdfea}
.cookie-option{border-color:#d3e3ed;background:rgba(255,255,255,.74)}

/* Footer: lighter premium navy, refined separators */
.site-footer{background:linear-gradient(160deg,#10263a 0%,#0e2031 58%,#0b1a28 100%);border-top:1px solid rgba(153,194,221,.12)}
.site-footer p,.site-footer a,.footer-cookie-link{color:#c0ced9}
.site-footer h3{color:#f4f9fc}
.legal{border-top-color:rgba(160,195,219,.16);color:#93aabd}

@media(max-width:1040px){
  .nav-links{background:rgba(250,253,255,.98);border-color:#d3e3ed;backdrop-filter:blur(18px)}
}
@media(max-width:680px){
  .site-header{background:rgba(249,252,254,.96)}
  .hero,.hero.section-tight{padding-top:36px}
  .hero::before{width:300px;height:300px;right:-170px;top:-130px}
  .service-card,.info-card,.guide-card,.contact-box,.faq-shell,.region-card,.device-panel,.category-hub{box-shadow:0 8px 24px rgba(40,76,104,.055)}
  .region-list li{font-size:.84rem;padding:7px 9px}
  .cookie-banner-inner{border-radius:16px}
}
/* Cookie action contrast safeguard */
.cookie-btn.cookie-btn-secondary{background:var(--ink);border-color:var(--ink);color:#fff}
.cookie-btn.cookie-btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}
.cookie-btn.cookie-btn-ghost{background:rgba(255,255,255,.92);color:var(--ink)}


/* MICRO LOCATION LABEL — 2026-09-05 */
.service-location{
  display:inline-flex;align-items:center;gap:7px;
  margin-bottom:14px;padding:7px 11px;
  border:1px solid rgba(150,194,222,.62);
  border-radius:999px;
  background:rgba(239,249,255,.76);
  color:#244d68;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 6px 18px rgba(44,92,124,.055);
  -webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);
  font-size:clamp(.79rem,.72rem + .12vw,.88rem);
  font-weight:720;letter-spacing:.005em;line-height:1.15;text-transform:none;
}
.service-location::before{display:none}
.service-location-icon{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:#2e78a8;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:768px){
  .service-location{font-size:.79rem;padding:6px 9px;gap:6px;margin-bottom:12px}
  .service-location-icon{width:15px;height:15px;flex-basis:15px}
}

/* Logo / upper brand micro refinement */
.brand{
  gap:11px;
  min-width:0;
  letter-spacing:0;
}
.brand-mark{
  position:relative;
  width:40px;
  height:40px;
  flex:0 0 40px;
  border-radius:13px;
  background:linear-gradient(145deg,#0d2136 0%,#173d5d 58%,#246183 100%);
  color:#fff;
  font-size:.8rem;
  font-weight:900;
  letter-spacing:.035em;
  box-shadow:0 9px 22px rgba(16,36,58,.16),inset 0 0 0 1px rgba(255,255,255,.13);
}
.brand-mark::after{
  content:"";
  position:absolute;
  inset:5px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:9px;
  pointer-events:none;
}
.brand>span:last-child{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  font-size:1rem;
  line-height:1;
  font-weight:920;
  letter-spacing:-.032em;
  color:inherit;
}
.brand small{
  display:block;
  margin-top:5px;
  font-size:.62rem;
  line-height:1;
  letter-spacing:.045em;
  text-transform:none;
  color:#586e81;
  font-weight:760;
}
.site-footer .brand small{color:#a9bac9}

@media(max-width:680px){
  .brand{gap:9px}
  .brand-mark{width:34px;height:34px;flex-basis:34px;border-radius:10px;font-size:.7rem}
  .brand-mark::after{inset:4px;border-radius:7px}
  .brand>span:last-child{font-size:.92rem;line-height:1}
  .brand small{margin-top:4px;font-size:.59rem;letter-spacing:.035em;line-height:1.02}
}
@media(max-width:360px){
  .brand>span:last-child{font-size:.88rem}
  .brand small{font-size:.56rem;letter-spacing:.02em}
}

/* ==========================================================
   TEKNIKSERVISAL.COM — PREMIUM INDUSTRIAL / SOFT TECH SYSTEM
   Visual-only refinement. Existing URLs, tracking and actions
   are intentionally untouched.
   ========================================================== */
:root{
  --premium-navy:#0d2131;
  --premium-navy-2:#14364d;
  --premium-steel:#45677e;
  --premium-ice:#eaf4f8;
  --premium-ice-2:#f3f8fa;
  --premium-paper:#f5f7f6;
  --premium-line:rgba(72,108,131,.18);
  --premium-line-strong:rgba(72,108,131,.28);
  --premium-glass:rgba(247,251,252,.76);
  --premium-shadow:0 22px 60px rgba(20,50,69,.10);
  --premium-shadow-soft:0 12px 34px rgba(20,50,69,.07);
  --premium-radius:20px;
}

html{background:#eef3f4}
body.premium-ui{
  background:
    radial-gradient(circle at 7% 8%,rgba(104,163,194,.10),transparent 23rem),
    linear-gradient(180deg,#f6f8f8 0%,#f2f6f7 42%,#f7f8f7 100%);
  color:#102536;
}
body.premium-ui main{overflow:hidden}
body.premium-ui ::selection{background:#cfe6f2;color:#0d2131}

/* Focus and interaction quality */
body.premium-ui a:focus-visible,
body.premium-ui button:focus-visible,
body.premium-ui summary:focus-visible,
body.premium-ui input:focus-visible,
body.premium-ui select:focus-visible,
body.premium-ui textarea:focus-visible{
  outline:3px solid #0f6593;
  outline-offset:3px;
}

/* Header / brand */
body.premium-ui .site-header{
  background:rgba(246,249,249,.86);
  border-bottom:1px solid rgba(68,99,119,.13);
  box-shadow:0 10px 35px rgba(16,43,59,.045);
  -webkit-backdrop-filter:blur(20px) saturate(128%);
  backdrop-filter:blur(20px) saturate(128%);
}
body.premium-ui .nav-wrap{min-height:78px}
body.premium-ui .brand-mark{
  background:linear-gradient(145deg,#0b1e2d 0%,#15384f 60%,#275b76 100%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 12px 28px rgba(9,34,51,.17),inset 0 1px 0 rgba(255,255,255,.10);
}
body.premium-ui .brand>span:last-child{letter-spacing:-.035em}
body.premium-ui .brand small{color:#648095}
body.premium-ui .nav-links>a,
body.premium-ui .nav-drop>summary{color:#35566d;font-weight:760}
body.premium-ui .nav-links>a:hover,
body.premium-ui .nav-links>a:focus-visible,
body.premium-ui .nav-drop>summary:hover,
body.premium-ui .nav-drop>summary:focus-visible{
  background:rgba(225,238,244,.76);
  color:#0d2131;
}
body.premium-ui .call-chip{
  background:linear-gradient(135deg,#0e557f,#146a9c)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 10px 24px rgba(14,85,127,.22)!important;
}
body.premium-ui .call-chip:hover{background:linear-gradient(135deg,#0b486c,#0f5d8b)!important}
body.premium-ui .drop-panel{
  background:rgba(249,252,252,.96);
  border-color:var(--premium-line);
  border-radius:16px;
  box-shadow:0 24px 70px rgba(12,42,59,.15);
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
}

/* Typography */
body.premium-ui h1,
body.premium-ui h2,
body.premium-ui h3{color:#0e2434}
body.premium-ui h1{letter-spacing:-.045em}
body.premium-ui h2{letter-spacing:-.038em}
body.premium-ui .lead{color:#3d5b70;line-height:1.68}
body.premium-ui .eyebrow{
  border:1px solid rgba(81,137,169,.25);
  background:rgba(236,246,249,.76);
  color:#315e78;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
body.premium-ui .eyebrow:before{background:#39799e}
body.premium-ui .service-location{
  background:rgba(241,248,249,.72);
  border-color:rgba(90,142,169,.30);
  color:#244d64;
  box-shadow:0 8px 24px rgba(26,74,102,.055),inset 0 1px 0 rgba(255,255,255,.9);
}
body.premium-ui .service-location-icon{stroke:#2d7196}

/* Hero: asymmetric premium composition */
body.premium-ui .hero{
  padding:82px 0 70px;
  background:
    radial-gradient(circle at 84% 18%,rgba(122,184,211,.20),transparent 28rem),
    radial-gradient(circle at 14% 86%,rgba(109,151,170,.085),transparent 25rem),
    linear-gradient(128deg,#f8faf9 0%,#f1f6f7 48%,#e9f3f6 100%);
  border-bottom:1px solid rgba(76,111,132,.16);
}
body.premium-ui .hero.section-tight{padding:62px 0 58px}
body.premium-ui .hero::before{
  width:520px;height:520px;right:-190px;top:-255px;
  background:radial-gradient(circle,rgba(70,140,174,.12),transparent 66%);
}
body.premium-ui .hero::after{
  width:380px;height:380px;left:-230px;bottom:-290px;
  background:radial-gradient(circle,rgba(27,66,88,.07),transparent 68%);
}
body.premium-ui .hero-grid{grid-template-columns:minmax(0,.92fr) minmax(470px,1.08fr);gap:64px}
body.premium-ui .hero-grid>div:first-child{position:relative;z-index:2}
body.premium-ui .hero-grid h1{max-width:13.8ch}
body.premium-ui .hero-visual,
body.premium-ui .service-side .service-art{
  border:1px solid rgba(71,112,136,.22);
  box-shadow:0 28px 78px rgba(19,57,79,.17),0 1px 0 rgba(255,255,255,.8) inset;
}
body.premium-ui .hero-visual{
  border-radius:26px 26px 26px 8px;
  transform:translateY(8px);
}
body.premium-ui .hero-visual::after{
  content:"";
  position:absolute;
  inset:auto 20px 18px 20px;
  height:34%;
  border-radius:16px;
  background:linear-gradient(180deg,transparent,rgba(7,28,41,.20));
  pointer-events:none;
  z-index:1;
}
body.premium-ui .image-slot.has-image{background-position:center 42%;transition:background-size .35s ease,filter .25s ease}
body.premium-ui .hero-visual.image-slot.has-image{background-size:102%}
body.premium-ui .hero-visual.image-slot.has-image:hover{background-size:105%}
body.premium-ui .service-side{
  padding:10px;
  border:1px solid rgba(73,112,135,.18);
  border-radius:24px;
  background:rgba(247,251,251,.60);
  box-shadow:0 18px 50px rgba(24,62,82,.075);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
body.premium-ui .service-side .service-art{border-radius:17px}
body.premium-ui .service-side .small{padding:13px 7px 4px;color:#587287}

/* Hero utility strips */
body.premium-ui .micro-grid{gap:0;margin-top:30px;border:1px solid rgba(71,111,134,.17);border-radius:17px;overflow:hidden;background:rgba(248,251,251,.62);box-shadow:0 12px 32px rgba(19,55,75,.055);backdrop-filter:blur(10px)}
body.premium-ui .micro{border-top:0;padding:13px 15px;min-width:0}
body.premium-ui .micro+.micro{border-left:1px solid rgba(71,111,134,.16)}
body.premium-ui .micro strong{color:#15364b;font-size:.91rem}
body.premium-ui .micro span{color:#657e90;display:block;margin-top:2px}
body.premium-ui .keylist{gap:10px;margin-top:26px}
body.premium-ui .keyitem{
  position:relative;
  padding:12px 13px 12px 29px;
  background:rgba(248,251,251,.66);
  border:1px solid rgba(76,118,142,.18);
  color:#3c5a6d;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
  backdrop-filter:blur(10px);
}
body.premium-ui .keyitem::before{
  content:"";position:absolute;left:13px;top:18px;width:6px;height:6px;border-radius:2px;background:#3b7b9f;box-shadow:0 0 0 4px rgba(59,123,159,.08)
}

/* Buttons */
body.premium-ui .btn{border-radius:12px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
body.premium-ui .btn:hover{transform:translateY(-2px)}
body.premium-ui .btn-accent{
  background:linear-gradient(135deg,#0e5c88,#176f9f);
  border-color:#0e5c88;
  box-shadow:0 12px 26px rgba(14,92,136,.20);
}
body.premium-ui .btn-accent:hover{background:linear-gradient(135deg,#0b4f76,#115f8b);border-color:#0b4f76}
body.premium-ui .btn-secondary{background:rgba(249,251,251,.68);border-color:rgba(66,103,125,.28);backdrop-filter:blur(10px)}

/* Section rhythm: not a white-page catalogue */
body.premium-ui .section{position:relative;padding:92px 0;background:rgba(247,249,248,.60)}
body.premium-ui .section.alt{
  background:
    linear-gradient(180deg,rgba(230,240,243,.80),rgba(240,246,247,.88));
  border-block:1px solid rgba(73,111,133,.13);
}
body.premium-ui .section-head{align-items:flex-end;gap:56px;margin-bottom:34px}
body.premium-ui .section-head>div{max-width:620px}
body.premium-ui .section-head p{max-width:52ch;color:#5a7385}

/* Editorial cards */
body.premium-ui .service-card,
body.premium-ui .info-card,
body.premium-ui .guide-card,
body.premium-ui .region-card,
body.premium-ui .contact-box,
body.premium-ui .faq-shell,
body.premium-ui .device-panel,
body.premium-ui .category-hub,
body.premium-ui .device-nav{
  border-color:var(--premium-line);
}
body.premium-ui .service-card{
  position:relative;
  padding:10px;
  overflow:hidden;
  border-radius:20px;
  background:linear-gradient(150deg,rgba(250,252,251,.96),rgba(238,245,246,.94));
  box-shadow:var(--premium-shadow-soft);
}
body.premium-ui .service-card::after{
  content:"";position:absolute;right:-54px;bottom:-76px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(68,132,164,.10),transparent 68%);pointer-events:none
}
body.premium-ui .service-card:hover{border-color:rgba(57,112,143,.32);box-shadow:var(--premium-shadow);transform:translateY(-4px)}
body.premium-ui .service-card .service-art{border:0;border-radius:14px;box-shadow:none}
body.premium-ui .service-card .body{padding:20px 12px 13px;position:relative;z-index:1}
body.premium-ui .service-card h3{font-size:clamp(1.16rem,1.4vw,1.43rem)}
body.premium-ui .service-card p{color:#587084}
body.premium-ui .text-link,
body.premium-ui .guide-card a{color:#185f88}

body.premium-ui .info-card{
  position:relative;
  overflow:hidden;
  padding:26px;
  background:linear-gradient(150deg,rgba(250,252,251,.94),rgba(240,246,246,.90));
  box-shadow:0 10px 30px rgba(23,57,76,.045);
}
body.premium-ui .info-card::after{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(180deg,#387a9e,transparent 78%);opacity:.65}
body.premium-ui .info-card p{color:#5d7587}
body.premium-ui .process .info-card{padding:28px 24px 25px 72px;background:linear-gradient(145deg,rgba(248,251,250,.98),rgba(232,242,244,.94))}
body.premium-ui .process .info-card:before{
  left:23px;top:25px;width:34px;height:34px;border-radius:10px;
  background:linear-gradient(145deg,#153d56,#2b779f);
  box-shadow:0 9px 20px rgba(27,86,119,.15)
}
body.premium-ui .process .info-card::after{display:none}

body.premium-ui .guide-card{
  position:relative;
  padding:27px 27px 25px;
  background:linear-gradient(155deg,rgba(250,252,251,.98),rgba(238,245,246,.94));
  box-shadow:var(--premium-shadow-soft);
  overflow:hidden;
}
body.premium-ui .guide-card::before{
  content:"";position:absolute;left:27px;top:0;width:42px;height:3px;border-radius:0 0 4px 4px;background:#397d9f
}
body.premium-ui .guide-card p{color:#5b7385}

/* Home bento: intentional asymmetry */
body.premium-ui .home-bento{
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}
body.premium-ui .home-bento>.service-card:nth-child(1){grid-column:span 8;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:stretch}
body.premium-ui .home-bento>.service-card:nth-child(1) .service-art{height:100%;aspect-ratio:auto;min-height:310px;border-radius:14px 4px 4px 14px}
body.premium-ui .home-bento>.service-card:nth-child(1) .body{display:flex;flex-direction:column;justify-content:center;padding:30px 26px}
body.premium-ui .home-bento>.service-card:nth-child(2){grid-column:span 4}
body.premium-ui .home-bento>.service-card:nth-child(n+3){grid-column:span 3}
body.premium-ui .home-bento>.service-card:nth-child(n+3) .service-art{aspect-ratio:4/3}
body.premium-ui .home-bento>.service-card:nth-child(n+3) .body{padding:17px 10px 11px}
body.premium-ui .home-bento>.service-card:nth-child(n+3) h3{font-size:1.12rem}
body.premium-ui .home-bento>.service-card:nth-child(n+3) p{font-size:.9rem}

/* White goods category hub: editorial split */
body.premium-ui .category-hub{
  grid-template-columns:.9fr 1.1fr;
  gap:40px;
  padding:34px;
  border-radius:23px;
  background:
    radial-gradient(circle at 92% 15%,rgba(99,161,190,.12),transparent 20rem),
    linear-gradient(145deg,rgba(249,251,250,.98),rgba(232,242,244,.95));
  box-shadow:var(--premium-shadow-soft);
}
body.premium-ui .category-hub>div:first-child{padding-right:22px;border-right:1px solid rgba(70,109,131,.17)}
body.premium-ui .category-tags{gap:10px}
body.premium-ui .tag{
  padding:9px 12px;
  border-radius:10px;
  background:rgba(247,250,250,.76);
  border-color:rgba(69,109,132,.19);
  color:#3e5e72;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85)
}
body.premium-ui .category-tags .tag:hover{background:#e8f3f6;border-color:rgba(50,110,143,.32);color:#174f70}

/* Regions: same styling for all locations, no 'active' visual bias */
body.premium-ui .region-columns{gap:16px}
body.premium-ui .region-card{
  position:relative;
  padding:30px;
  overflow:hidden;
  border-radius:20px;
  background:linear-gradient(150deg,rgba(250,252,251,.97),rgba(238,245,246,.93));
  box-shadow:var(--premium-shadow-soft)
}
body.premium-ui .region-card::before{content:"";position:absolute;right:-80px;top:-95px;width:220px;height:220px;border-radius:50%;border:1px solid rgba(67,127,156,.12);box-shadow:0 0 0 24px rgba(67,127,156,.025),0 0 0 48px rgba(67,127,156,.018)}
body.premium-ui .region-card>*{position:relative;z-index:1}
body.premium-ui .region-list li{
  border-radius:9px;
  border-color:rgba(75,113,135,.17);
  background:rgba(246,249,249,.70);
  color:#456074;
  box-shadow:none
}
body.premium-ui .region-list li:has(a:hover),
body.premium-ui .region-list li:has(a:focus-visible){border-color:rgba(55,111,141,.31);background:#edf5f6}

/* Service/article content */
body.premium-ui .article{max-width:74ch}
body.premium-ui .article p,
body.premium-ui .article li{color:#3f5a6d}
body.premium-ui .article h2{margin-top:40px}
body.premium-ui .note{
  border-left:0;
  border:1px solid rgba(66,116,144,.20);
  border-radius:14px;
  padding:17px 18px 17px 22px;
  background:linear-gradient(145deg,rgba(237,247,249,.92),rgba(246,249,249,.90));
  color:#3e5b6d;
  box-shadow:inset 4px 0 0 rgba(48,116,151,.72)
}

/* CTA: dark premium emphasis, used selectively */
body.premium-ui .callout{
  position:relative;
  overflow:hidden;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
  padding:39px 40px;
  border:1px solid rgba(183,215,230,.15);
  border-radius:22px 22px 22px 8px;
  background:
    radial-gradient(circle at 88% 18%,rgba(98,171,201,.20),transparent 19rem),
    linear-gradient(128deg,#0d2232 0%,#12374d 58%,#16516c 100%);
  box-shadow:0 28px 70px rgba(9,37,54,.23)
}
body.premium-ui .callout::after{content:"";position:absolute;right:-95px;bottom:-125px;width:300px;height:300px;border:1px solid rgba(194,223,235,.09);border-radius:50%;box-shadow:0 0 0 30px rgba(194,223,235,.025),0 0 0 62px rgba(194,223,235,.016)}
body.premium-ui .callout>*{position:relative;z-index:1}
body.premium-ui .callout h2{color:#f8fbfc;max-width:20ch}
body.premium-ui .callout p{color:#c8d9e2}
body.premium-ui .callout .eyebrow{background:rgba(218,239,246,.09);border-color:rgba(196,224,236,.18);color:#d8e9f0;box-shadow:none}
body.premium-ui .callout .btn{border-color:rgba(219,236,243,.24);background:rgba(255,255,255,.055);color:#fff}
body.premium-ui .callout .btn:hover{background:rgba(255,255,255,.10)}
body.premium-ui .callout .btn-accent{background:#f2f7f8;border-color:#f2f7f8;color:#12364b;box-shadow:0 11px 25px rgba(0,0,0,.13)}

/* FAQ: clean frosted accordion, no nested-box effect */
body.premium-ui .faq-shell{
  padding:7px 22px;
  border-radius:20px;
  background:rgba(237,246,248,.76);
  box-shadow:0 18px 46px rgba(21,60,81,.075);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px)
}
body.premium-ui .faq-shell details{border-bottom-color:rgba(71,111,133,.17)}
body.premium-ui .faq-shell summary{position:relative;padding:20px 38px 20px 3px;color:#18384c}
body.premium-ui .faq-shell summary:after{
  float:none;position:absolute;right:2px;top:50%;transform:translateY(-50%);width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(59,111,140,.22);border-radius:8px;background:rgba(249,251,251,.60);color:#2f7599;font-size:1.05rem
}
body.premium-ui .faq-shell details[open] summary{color:#104f70}
body.premium-ui .faq-shell details p{color:#566f81;padding-right:38px}

/* Contact / form surfaces */
body.premium-ui .contact-box{
  border-radius:20px;
  background:linear-gradient(145deg,rgba(250,252,251,.97),rgba(235,244,245,.94));
  box-shadow:var(--premium-shadow-soft)
}
body.premium-ui input,
body.premium-ui select,
body.premium-ui textarea{
  border-color:rgba(65,108,132,.25);
  background:rgba(249,251,251,.90);
  border-radius:11px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85)
}
body.premium-ui input:focus,
body.premium-ui select:focus,
body.premium-ui textarea:focus{border-color:#4385a9;box-shadow:0 0 0 4px rgba(67,133,169,.11)}

/* Single-page white goods */
body.premium-ui .device-nav{
  padding:11px;
  border-radius:17px;
  background:rgba(240,247,248,.78);
  box-shadow:var(--premium-shadow-soft);
  backdrop-filter:blur(10px)
}
body.premium-ui .device-nav a{background:rgba(249,251,251,.70);border-radius:9px;color:#405e70}
body.premium-ui .device-nav a:hover,
body.premium-ui .device-nav a:focus-visible{background:#e5f1f4;border-color:rgba(55,112,143,.23);color:#155576}
body.premium-ui .device-panel{border-radius:18px;background:linear-gradient(150deg,rgba(250,252,251,.98),rgba(238,245,245,.94));box-shadow:var(--premium-shadow-soft)}

/* Footer */
body.premium-ui .site-footer{
  padding-top:66px;
  background:
    radial-gradient(circle at 92% 12%,rgba(63,122,151,.16),transparent 24rem),
    linear-gradient(150deg,#0b1e2c 0%,#0d2637 52%,#091a27 100%);
  border-top:1px solid rgba(180,211,225,.10)
}
body.premium-ui .footer-grid{gap:34px}
body.premium-ui .site-footer h3{color:#f3f7f8}
body.premium-ui .site-footer p,
body.premium-ui .site-footer a,
body.premium-ui .footer-cookie-link{color:#b8c9d2}
body.premium-ui .site-footer li{margin:8px 0}
body.premium-ui .legal{border-top-color:rgba(174,208,223,.12);color:#8fa6b2}

/* Cookie surfaces follow the same system */
body.premium-ui .cookie-banner-inner,
body.premium-ui .cookie-dialog{
  background:rgba(246,250,250,.96);
  border-color:rgba(67,108,131,.22);
  box-shadow:0 28px 80px rgba(13,46,64,.22);
  backdrop-filter:blur(18px)
}
body.premium-ui .cookie-option{background:rgba(251,252,252,.72);border-color:rgba(71,111,133,.18)}
body.premium-ui .cookie-btn-secondary{background:#12384d;border-color:#12384d}
body.premium-ui .cookie-btn-primary{background:#17678f;border-color:#17678f}

/* Mobile sticky CTA */
body.premium-ui .mobile-call{
  background:linear-gradient(135deg,#0e5b86,#176f9d);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 14px 36px rgba(8,68,102,.30)
}

@media(max-width:1120px){
  body.premium-ui .hero-grid{grid-template-columns:minmax(0,1fr) minmax(400px,.9fr);gap:42px}
  body.premium-ui .home-bento>.service-card:nth-child(1){grid-column:span 7;grid-template-columns:1fr}
  body.premium-ui .home-bento>.service-card:nth-child(1) .service-art{height:auto;min-height:0;aspect-ratio:16/9;border-radius:14px}
  body.premium-ui .home-bento>.service-card:nth-child(1) .body{padding:21px 13px 14px}
  body.premium-ui .home-bento>.service-card:nth-child(2){grid-column:span 5}
  body.premium-ui .home-bento>.service-card:nth-child(n+3){grid-column:span 6}
}

@media(max-width:1040px){
  body.premium-ui .nav-links{background:rgba(246,250,250,.98);border-color:rgba(65,105,128,.19)}
  body.premium-ui .hero-grid{grid-template-columns:1fr;gap:36px}
  body.premium-ui .hero-visual{transform:none;max-width:820px}
  body.premium-ui .service-side{max-width:790px}
  body.premium-ui .callout{grid-template-columns:1fr}
}

@media(max-width:780px){
  body.premium-ui .section{padding:62px 0}
  body.premium-ui .category-hub{grid-template-columns:1fr;padding:25px;gap:22px}
  body.premium-ui .category-hub>div:first-child{padding-right:0;padding-bottom:22px;border-right:0;border-bottom:1px solid rgba(70,109,131,.17)}
  body.premium-ui .home-bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  body.premium-ui .home-bento>.service-card:nth-child(n){grid-column:auto}
  body.premium-ui .home-bento>.service-card:nth-child(1){grid-column:1/-1}
  body.premium-ui .home-bento>.service-card:nth-child(n+3) .service-art{aspect-ratio:16/10}
}

@media(max-width:680px){
  body.premium-ui .nav-wrap{min-height:66px}
  body.premium-ui .hero,
  body.premium-ui .hero.section-tight{padding:42px 0 40px}
  body.premium-ui .hero-grid{gap:28px}
  body.premium-ui .hero-visual{border-radius:19px 19px 19px 7px}
  body.premium-ui .hero-visual.image-slot.has-image{background-size:cover;background-position:center 38%}
  body.premium-ui .service-side{padding:7px;border-radius:19px}
  body.premium-ui .service-side .service-art{border-radius:13px;background-position:center 38%}
  body.premium-ui .micro-grid{grid-template-columns:1fr;border-radius:14px}
  body.premium-ui .micro+.micro{border-left:0;border-top:1px solid rgba(71,111,134,.16)}
  body.premium-ui .section{padding:54px 0}
  body.premium-ui .section-head{margin-bottom:24px}
  body.premium-ui .home-bento{grid-template-columns:1fr}
  body.premium-ui .home-bento>.service-card:nth-child(1){grid-column:auto}
  body.premium-ui .service-card{border-radius:17px}
  body.premium-ui .service-card .service-art{border-radius:12px}
  body.premium-ui .info-card,
  body.premium-ui .guide-card,
  body.premium-ui .region-card,
  body.premium-ui .contact-box{padding:21px}
  body.premium-ui .process .info-card{padding:22px 20px 21px 62px}
  body.premium-ui .process .info-card:before{left:18px;top:20px;width:31px;height:31px}
  body.premium-ui .callout{padding:27px 24px;border-radius:18px 18px 18px 7px}
  body.premium-ui .faq-shell{padding:5px 15px;border-radius:17px}
  body.premium-ui .faq-shell summary{padding:17px 35px 17px 2px}
  body.premium-ui .faq-shell details p{padding-right:25px}
  body.premium-ui .region-card::before{right:-120px;top:-125px}
}

@media(max-width:430px){
  body.premium-ui .hero-actions .btn,
  body.premium-ui .cta-row .btn{width:100%}
  body.premium-ui .keylist{grid-template-columns:1fr}
  body.premium-ui .category-hub{padding:21px}
}

@media(prefers-reduced-motion:reduce){
  body.premium-ui .hero-visual.image-slot.has-image{transition:none}
}

/* Muğla regional architecture additions */
body.premium-ui .image-slot.has-image{position:relative;overflow:hidden;background:#edf6fb}
body.premium-ui .image-slot.has-image>img{display:block;width:100%;height:100%;min-height:100%;object-fit:cover;object-position:center 42%;border-radius:inherit}
body.premium-ui .hero-visual.image-slot.has-image>img{aspect-ratio:16/11}
body.premium-ui .service-side .service-art.has-image>img{aspect-ratio:16/10}
body.premium-ui .service-card .service-art.has-image>img{aspect-ratio:16/10}
body.premium-ui .home-bento>.service-card:nth-child(1) .service-art.has-image>img{height:100%;aspect-ratio:auto;min-height:310px}
.district-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.district-card,.district-service-link{display:flex;flex-direction:column;gap:5px;padding:18px 19px;border:1px solid #d6e4ee;border-radius:16px;background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(241,249,253,.95));text-decoration:none;color:var(--ink);box-shadow:0 8px 24px rgba(40,76,104,.055);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.district-card:hover,.district-service-link:hover{transform:translateY(-2px);border-color:#bed8e9;box-shadow:0 16px 32px rgba(39,78,108,.1)}
.district-card strong,.district-service-link strong{font-size:1.03rem}.district-card span,.district-service-link span{color:var(--muted);font-size:.88rem;line-height:1.45}
.district-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.district-tags{gap:9px}
@media(max-width:980px){.district-grid,.district-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.district-grid,.district-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.district-card,.district-service-link{padding:15px}.home-bento>.service-card:nth-child(1) .service-art.has-image>img{min-height:0;aspect-ratio:16/9}}
@media(max-width:480px){.district-grid,.district-service-grid{grid-template-columns:1fr}}

/* ========================================================================== 
   APP UI 2026 V3 — visually distinct premium application layer
   Keeps the existing semantic HTML/SEO/tracking structure intact.
   ========================================================================== */
body.premium-ui{
  --app-bg:#f5f9fc;
  --app-surface:#ffffff;
  --app-surface-soft:#edf6fb;
  --app-ice:#e4f4ff;
  --app-blue:#1676b8;
  --app-blue-deep:#0d527f;
  --app-text:#0d2332;
  --app-muted:#60798a;
  --app-line:rgba(45,101,137,.13);
  --app-shadow:0 28px 80px rgba(30,83,116,.12),0 8px 26px rgba(30,83,116,.07);
  --app-shadow-soft:0 14px 42px rgba(38,91,123,.08),0 2px 10px rgba(38,91,123,.04);
  background:
    radial-gradient(circle at 12% -10%,rgba(118,202,255,.18),transparent 30rem),
    radial-gradient(circle at 88% 10%,rgba(207,235,248,.42),transparent 32rem),
    var(--app-bg);
  color:var(--app-text);
}
body.premium-ui main{overflow:clip}
body.premium-ui .container{width:min(calc(100% - 48px),1240px)}

/* Floating application header */
body.premium-ui .site-header{
  position:sticky;top:0;padding:11px 0 0;background:transparent;border:0;backdrop-filter:none;box-shadow:none;z-index:90
}
body.premium-ui .nav-wrap{
  min-height:68px;padding:0 12px 0 16px;
  border:1px solid rgba(78,126,154,.14);
  border-radius:22px;
  background:rgba(255,255,255,.86);
  box-shadow:0 16px 46px rgba(33,83,111,.10),inset 0 1px 0 rgba(255,255,255,.86);
  -webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%);
}
body.premium-ui .brand{gap:10px}
body.premium-ui .brand-mark{
  width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.65);
  background:linear-gradient(145deg,#1d84c1,#0d5c8c);color:#fff;
  box-shadow:0 10px 24px rgba(14,92,140,.22),inset 0 1px 0 rgba(255,255,255,.30)
}
body.premium-ui .brand>span:last-child{font-size:.98rem;color:#102c3e}
body.premium-ui .brand small{font-size:.58rem;color:#718a99;letter-spacing:.15em}
body.premium-ui .nav-links{gap:4px}
body.premium-ui .nav-links>a,
body.premium-ui .nav-drop>summary{padding:10px 12px;border-radius:13px;color:#405f72}
body.premium-ui .nav-links>a:hover,
body.premium-ui .nav-links>a:focus-visible,
body.premium-ui .nav-drop>summary:hover,
body.premium-ui .nav-drop>summary:focus-visible{background:#eef7fb;color:#114f73}
body.premium-ui .call-chip{
  padding:11px 16px!important;border-radius:14px!important;
  background:linear-gradient(145deg,#1478b6,#0b5c8d)!important;
  box-shadow:0 10px 22px rgba(12,93,143,.20)!important
}
body.premium-ui .drop-panel{top:52px;border:1px solid rgba(60,108,138,.14);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:var(--app-shadow)}
body.premium-ui .menu-btn{border:0;border-radius:14px;background:#eef7fb;color:#164d6a;min-height:44px;padding-inline:14px}

/* Typography becomes editorial, quiet and spacious */
body.premium-ui h1,body.premium-ui h2,body.premium-ui h3{color:var(--app-text)}
body.premium-ui h1{font-size:clamp(2.75rem,5.1vw,4.9rem);line-height:.98;letter-spacing:-.055em;font-weight:850}
body.premium-ui .hero-grid h1{max-width:10.7ch}
body.premium-ui h2{font-size:clamp(2rem,3.2vw,3.1rem);line-height:1.04;letter-spacing:-.045em}
body.premium-ui h3{letter-spacing:-.028em}
body.premium-ui .lead{font-size:clamp(1.05rem,1.35vw,1.19rem);line-height:1.75;color:#486779;max-width:60ch}
body.premium-ui .eyebrow{
  padding:8px 11px;border:0;border-radius:11px;
  background:rgba(222,242,252,.82);color:#2c6d91;box-shadow:inset 0 0 0 1px rgba(54,118,154,.09);
  font-size:.72rem;letter-spacing:.09em
}
body.premium-ui .eyebrow:before{width:7px;height:7px;background:#4a9fce;box-shadow:0 0 0 5px rgba(74,159,206,.10)}

/* Hero as a dedicated app landing surface */
body.premium-ui .hero,
body.premium-ui .hero.section-tight{
  position:relative;margin:14px auto 0;padding:84px 0 76px;border:0;background:transparent
}
body.premium-ui .hero::before{
  content:"";position:absolute;inset:0 max(18px,calc((100vw - 1320px)/2));border-radius:42px;
  background:
    radial-gradient(circle at 12% 20%,rgba(169,222,250,.30),transparent 22rem),
    radial-gradient(circle at 82% 18%,rgba(255,255,255,.96),transparent 28rem),
    linear-gradient(135deg,#f8fcff 0%,#eef8fd 44%,#eaf4f8 100%);
  border:1px solid rgba(67,123,153,.10);
  box-shadow:0 32px 90px rgba(33,80,106,.10),inset 0 1px 0 #fff
}
body.premium-ui .hero::after{
  content:"";position:absolute;right:max(48px,calc((100vw - 1180px)/2));top:54px;width:210px;height:210px;border-radius:50%;
  background:radial-gradient(circle,rgba(92,183,229,.18) 0%,rgba(92,183,229,.04) 48%,transparent 70%);filter:blur(1px);pointer-events:none
}
body.premium-ui .hero-grid{position:relative;z-index:2;grid-template-columns:minmax(0,.86fr) minmax(440px,1.14fr);gap:76px;align-items:center}
body.premium-ui .hero-actions{gap:11px;margin-top:30px}
body.premium-ui .btn{
  min-height:50px;padding:0 19px;border-radius:15px;border:1px solid rgba(47,97,127,.16);font-weight:830;
  background:rgba(255,255,255,.70);box-shadow:0 8px 24px rgba(42,88,115,.05);
  transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s ease,background .28s ease
}
body.premium-ui .btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(32,83,113,.10)}
body.premium-ui .btn-accent{
  border-color:transparent;background:linear-gradient(145deg,#126da4,#0e6092);color:#fff;
  box-shadow:0 13px 28px rgba(16,104,158,.22)
}
body.premium-ui .btn-secondary{background:rgba(255,255,255,.72);border-color:rgba(48,104,136,.13);color:#234f68}
body.premium-ui .hero-visual{
  position:relative;aspect-ratio:1.18/1;min-height:470px;border:0!important;border-radius:34px 34px 34px 12px!important;
  background:#ddecf4!important;box-shadow:0 36px 90px rgba(22,77,108,.18),0 10px 28px rgba(22,77,108,.10)!important;
  transform:rotate(.6deg);overflow:hidden
}
body.premium-ui .hero-visual::before{display:none!important}
body.premium-ui .hero-visual::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.04) 45%,rgba(7,48,73,.16) 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)
}
body.premium-ui .hero-visual.image-slot.has-image>img{width:100%;height:100%;aspect-ratio:auto!important;object-fit:cover;object-position:center 42%;transform:scale(1.015);transition:transform .55s cubic-bezier(.22,.61,.36,1)}
body.premium-ui .hero-visual:hover>img{transform:scale(1.045)}

/* Small hero facts feel like app status modules */
body.premium-ui .micro-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:30px;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible;backdrop-filter:none
}
body.premium-ui .micro{
  min-height:95px;padding:15px 14px;border:0!important;border-radius:17px;background:rgba(255,255,255,.68);
  box-shadow:0 10px 28px rgba(45,93,120,.055),inset 0 0 0 1px rgba(72,124,153,.08);backdrop-filter:blur(12px)
}
body.premium-ui .micro strong{font-size:.9rem;line-height:1.25;color:#183e55}
body.premium-ui .micro span{font-size:.8rem;line-height:1.45;color:#526b7c;margin-top:6px}

/* Sections: more editorial whitespace, fewer boxy backgrounds */
body.premium-ui .section{padding:104px 0;background:transparent}
body.premium-ui .section.alt{background:linear-gradient(180deg,rgba(235,245,250,.60),rgba(247,250,252,.22));border:0}
body.premium-ui .section-head{align-items:end;gap:70px;margin-bottom:42px}
body.premium-ui .section-head p{font-size:1.02rem;line-height:1.75;color:#526b7c}

/* Main service chooser — asymmetric desktop, horizontal app carousel on mobile */
body.premium-ui .home-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
body.premium-ui .home-bento>.service-card:nth-child(1){grid-column:span 7;grid-row:span 2;display:flex;flex-direction:column}
body.premium-ui .home-bento>.service-card:nth-child(2){grid-column:span 5}
body.premium-ui .home-bento>.service-card:nth-child(3){grid-column:span 5}
body.premium-ui .home-bento>.service-card:nth-child(n+4){grid-column:span 4}
body.premium-ui .service-card{
  position:relative;padding:10px;border:0!important;border-radius:24px!important;
  background:rgba(255,255,255,.76)!important;box-shadow:var(--app-shadow-soft)!important;
  overflow:hidden;transform:none!important;transition:transform .34s cubic-bezier(.22,.61,.36,1),box-shadow .34s ease!important;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)
}
body.premium-ui .service-card::after{display:none!important}
body.premium-ui .service-card:hover{transform:translateY(-5px)!important;box-shadow:var(--app-shadow)!important}
body.premium-ui .service-card .service-art{border:0!important;border-radius:18px!important;overflow:hidden;aspect-ratio:16/10;background:#e8f3f8}
body.premium-ui .service-card .service-art>img{transition:transform .5s cubic-bezier(.22,.61,.36,1);object-fit:cover}
body.premium-ui .service-card:hover .service-art>img{transform:scale(1.035)}
body.premium-ui .home-bento>.service-card:nth-child(1) .service-art{height:auto;min-height:0;aspect-ratio:16/10;border-radius:18px!important}
body.premium-ui .home-bento>.service-card:nth-child(1) .service-art.has-image>img{min-height:0!important;aspect-ratio:auto!important}
body.premium-ui .home-bento>.service-card:nth-child(1) .body{padding:24px 18px 18px}
body.premium-ui .service-card .body{padding:20px 14px 14px}
body.premium-ui .service-card h3{font-size:clamp(1.18rem,1.45vw,1.5rem);margin-bottom:9px}
body.premium-ui .service-card p{font-size:.94rem;line-height:1.6;color:#526b7c}
body.premium-ui .text-link{display:inline-flex;margin-top:5px;color:#176d9d;text-decoration:none;font-size:.9rem}

/* White goods hub: one clean application panel */
body.premium-ui .category-hub{
  grid-template-columns:.9fr 1.1fr;gap:50px;padding:42px 46px;border:0!important;border-radius:30px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(233,246,252,.86))!important;
  box-shadow:var(--app-shadow)!important;overflow:hidden;position:relative
}
body.premium-ui .category-hub::before{content:"";position:absolute;width:290px;height:290px;border-radius:50%;right:-90px;top:-150px;background:rgba(104,194,237,.11)}
body.premium-ui .category-hub>div{position:relative;z-index:1}
body.premium-ui .category-hub>div:first-child{padding-right:0;border:0}
body.premium-ui .category-tags{gap:10px}
body.premium-ui .category-tags .tag,
body.premium-ui .tag{
  padding:10px 13px;border:0;border-radius:13px;background:rgba(255,255,255,.74);color:#3e6174;
  box-shadow:inset 0 0 0 1px rgba(57,111,142,.10),0 5px 14px rgba(45,91,117,.04)
}
body.premium-ui .category-tags .tag:hover{background:#e7f5fb;color:#135c84;box-shadow:inset 0 0 0 1px rgba(39,113,155,.16)}

/* Region list becomes clean tappable navigation rather than old cards */
body.premium-ui .district-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.premium-ui .district-card,
body.premium-ui .district-service-link{
  position:relative;min-height:105px;justify-content:center;padding:20px 44px 20px 20px;border:0;border-radius:19px;
  background:rgba(255,255,255,.72);box-shadow:var(--app-shadow-soft);color:#173b50;overflow:hidden
}
body.premium-ui .district-card::after,
body.premium-ui .district-service-link::after{
  content:"→";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:grid;place-items:center;
  border-radius:10px;background:#e8f5fb;color:#1a6b97;font-weight:900
}
body.premium-ui .district-card:hover,
body.premium-ui .district-service-link:hover{transform:translateY(-3px);border:0;box-shadow:var(--app-shadow)}
body.premium-ui .district-card span,
body.premium-ui .district-service-link span{font-size:.82rem;color:#708795}

/* Information/process cards are calmer and borderless */
body.premium-ui .info-card,
body.premium-ui .guide-card,
body.premium-ui .region-card,
body.premium-ui .contact-box,
body.premium-ui .device-panel,
body.premium-ui .device-nav{
  border:0!important;background:rgba(255,255,255,.74)!important;border-radius:22px!important;box-shadow:var(--app-shadow-soft)!important
}
body.premium-ui .info-card::after{display:none}
body.premium-ui .process .info-card{padding:28px 24px 25px 76px!important;background:rgba(255,255,255,.76)!important}
body.premium-ui .process .info-card:before{left:22px;top:24px;border-radius:12px;background:linear-gradient(145deg,#2787bb,#146c9c);box-shadow:0 8px 18px rgba(18,108,157,.18)}

/* CTA: light premium action surface instead of a classic dark banner */
body.premium-ui .callout{
  position:relative;grid-template-columns:1.1fr .9fr;gap:36px;padding:48px 50px;border:0;border-radius:30px;
  background:
    radial-gradient(circle at 88% 20%,rgba(119,203,244,.20),transparent 20rem),
    linear-gradient(135deg,#f9fdff 0%,#e9f6fc 100%);
  color:#173a4f;box-shadow:var(--app-shadow);overflow:hidden
}
body.premium-ui .callout::after{content:"";position:absolute;right:-100px;bottom:-170px;width:330px;height:330px;border:1px solid rgba(60,135,174,.12);border-radius:50%;box-shadow:0 0 0 34px rgba(66,147,188,.035),0 0 0 70px rgba(66,147,188,.02)}
body.premium-ui .callout h2{color:#102f42;max-width:18ch}
body.premium-ui .callout p{color:#496475}
body.premium-ui .callout .eyebrow{background:rgba(218,241,252,.80);color:#2b6d91;border:0}
body.premium-ui .callout .btn{background:rgba(255,255,255,.74);border-color:rgba(45,100,131,.12);color:#24536d}
body.premium-ui .callout .btn-accent{background:linear-gradient(145deg,#126da4,#0e6091);border-color:transparent;color:#fff}

/* FAQ: wide mobile-settings feel */
body.premium-ui .faq-shell{padding:8px 26px;border:0!important;border-radius:25px!important;background:rgba(255,255,255,.76)!important;box-shadow:var(--app-shadow-soft)!important}
body.premium-ui .faq-shell details{border-bottom:1px solid rgba(58,105,133,.10)}
body.premium-ui .faq-shell details:last-child{border-bottom:0}
body.premium-ui .faq-shell summary{padding:23px 44px 23px 4px;font-size:1.04rem;color:#17394e}
body.premium-ui .faq-shell summary:after{right:4px;width:30px;height:30px;border:0;border-radius:11px;background:#e9f5fb;color:#17678f}
body.premium-ui .faq-shell details p{padding:0 44px 22px 4px;color:#526b7c}

/* Footer becomes light, minimal and app-like */
body.premium-ui .site-footer{
  margin-top:22px;padding:72px 0 100px;background:linear-gradient(180deg,#edf6fa 0%,#e7f1f6 100%);border-top:1px solid rgba(65,113,140,.10);color:#19394b
}
body.premium-ui .site-footer .brand{color:#17374a}
body.premium-ui .site-footer .brand-mark{background:linear-gradient(145deg,#1d84c1,#0d5c8c);color:#fff}
body.premium-ui .site-footer .brand small{color:#748a98}
body.premium-ui .site-footer h3{color:#18394c}
body.premium-ui .site-footer p,
body.premium-ui .site-footer a,
body.premium-ui .footer-cookie-link{color:#496475}
body.premium-ui .site-footer a:hover,
body.premium-ui .footer-cookie-link:hover{color:#145d86}
body.premium-ui .legal{border-top:1px solid rgba(62,108,134,.12);color:#506a7a}

/* Product atmosphere without altering copy */
body.premium-ui.ui-klima .hero::before{background:radial-gradient(circle at 14% 18%,rgba(112,204,255,.32),transparent 23rem),linear-gradient(135deg,#f9fdff 0%,#e8f7ff 58%,#eefaff 100%)}
body.premium-ui.ui-kazan .hero::before,
body.premium-ui.ui-boyler .hero::before{background:radial-gradient(circle at 15% 18%,rgba(245,198,135,.18),transparent 22rem),linear-gradient(135deg,#fffdf9 0%,#f8f1e8 54%,#eef7fa 100%)}
body.premium-ui.ui-isi-pompasi .hero::before{background:radial-gradient(circle at 12% 20%,rgba(115,205,244,.24),transparent 21rem),radial-gradient(circle at 88% 80%,rgba(242,196,132,.12),transparent 20rem),linear-gradient(135deg,#fafdff,#eef7f8)}
body.premium-ui.ui-beyaz-esya .hero::before{background:radial-gradient(circle at 12% 18%,rgba(180,219,238,.25),transparent 22rem),linear-gradient(135deg,#fff,#f0f7fa)}

/* Gentle reveal: layout remains usable when JS/reduced motion is unavailable */
@media (prefers-reduced-motion:no-preference){
  body.premium-ui.ui-ready .section.reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s cubic-bezier(.22,.61,.36,1)}
  body.premium-ui.ui-ready .section.reveal-ready.is-visible{opacity:1;transform:none}
}

@media(max-width:1120px){
  body.premium-ui .hero-grid{grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr);gap:48px}
  body.premium-ui .hero-visual{min-height:420px}
  body.premium-ui .home-bento>.service-card:nth-child(n){grid-column:span 6}
  body.premium-ui .home-bento>.service-card:nth-child(1){grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:.9fr 1.1fr}
  body.premium-ui .home-bento>.service-card:nth-child(1) .service-art{height:100%;aspect-ratio:auto}
  body.premium-ui .district-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:1040px){
  body.premium-ui .container{width:min(calc(100% - 36px),1240px)}
  body.premium-ui .nav-links.open{top:78px;left:18px;right:18px;width:auto;padding:12px;border:1px solid rgba(58,108,138,.12);border-radius:22px;background:rgba(255,255,255,.97);box-shadow:var(--app-shadow)}
  body.premium-ui .hero-grid{grid-template-columns:1fr;gap:38px}
  body.premium-ui .hero-grid h1{max-width:12ch}
  body.premium-ui .hero-visual{max-width:none;min-height:0;aspect-ratio:16/10;transform:none}
  body.premium-ui .callout{grid-template-columns:1fr}
}

@media(max-width:780px){
  body.premium-ui .site-header{padding-top:8px}
  body.premium-ui .container{width:min(calc(100% - 28px),1240px)}
  body.premium-ui .nav-wrap{min-height:62px;border-radius:19px;padding-left:11px;padding-right:8px}
  body.premium-ui .brand-mark{width:38px;height:38px;border-radius:12px}
  body.premium-ui .hero,body.premium-ui .hero.section-tight{margin-top:8px;padding:58px 0 48px}
  body.premium-ui .hero::before{inset:0 10px;border-radius:28px}
  body.premium-ui .hero-grid{gap:30px}
  body.premium-ui h1{font-size:clamp(1.85rem,7.8vw,2.5rem);line-height:1.1}
  body.premium-ui .hero-grid h1{max-width:18ch}
  body.premium-ui .lead{font-size:1rem;line-height:1.68}
  body.premium-ui .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  body.premium-ui .hero-actions .btn{width:100%;padding-inline:12px}
  body.premium-ui .hero-visual{border-radius:24px 24px 24px 9px!important;aspect-ratio:4/3}
  body.premium-ui .micro-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:22px}
  body.premium-ui .micro{min-height:88px;padding:12px 10px;border-radius:14px}
  body.premium-ui .micro strong{font-size:.79rem}
  body.premium-ui .micro span{font-size:.78rem}
  body.premium-ui .section{padding:72px 0}
  body.premium-ui .section-head{display:block;margin-bottom:30px}
  body.premium-ui .section-head p{margin-top:12px}

  /* The key mobile-app interaction: horizontal service selection */
  body.premium-ui .home-bento{
    display:flex;gap:14px;margin-inline:-14px;padding:6px 14px 24px;overflow-x:auto;overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;scroll-padding-inline:14px;-webkit-overflow-scrolling:touch;scrollbar-width:none
  }
  body.premium-ui .home-bento::-webkit-scrollbar{display:none}
  body.premium-ui .home-bento>.service-card:nth-child(n){flex:0 0 min(82vw,360px);display:flex;grid-column:auto;grid-row:auto;scroll-snap-align:start}
  body.premium-ui .home-bento>.service-card:nth-child(1){grid-template-columns:none}
  body.premium-ui .home-bento>.service-card:nth-child(1) .service-art{height:auto;aspect-ratio:16/10}
  body.premium-ui .service-card{border-radius:22px!important}
  body.premium-ui .category-hub{grid-template-columns:1fr;gap:26px;padding:30px 26px;border-radius:25px!important}
  body.premium-ui .district-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body.premium-ui .district-card,body.premium-ui .district-service-link{min-height:96px;padding:16px 40px 16px 16px;border-radius:17px}
  body.premium-ui .callout{padding:34px 28px;border-radius:25px}
  body.premium-ui .faq-shell{padding:6px 18px;border-radius:22px!important}
  body.premium-ui .site-footer{padding-top:58px}
}

@media(max-width:520px){
  body.premium-ui .container{width:min(calc(100% - 22px),1240px)}
  body.premium-ui .nav-wrap{border-radius:17px}
  body.premium-ui .brand>span:last-child{font-size:.88rem}
  body.premium-ui .brand small{font-size:.52rem}
  body.premium-ui .hero,body.premium-ui .hero.section-tight{padding:36px 0 32px}
  body.premium-ui .hero::before{inset:0 6px;border-radius:24px}
  body.premium-ui .hero-actions{grid-template-columns:1fr}
  body.premium-ui .hero-actions .btn{min-height:48px}
  body.premium-ui .hero-visual{aspect-ratio:1.08/1;border-radius:22px 22px 22px 8px!important}
  body.premium-ui .micro-grid{grid-template-columns:1fr;gap:7px}
  body.premium-ui .micro{min-height:0;padding:12px 14px;display:grid;grid-template-columns:.9fr 1.1fr;gap:10px;align-items:center}
  body.premium-ui .micro span{margin-top:0}
  body.premium-ui .section{padding:62px 0}
  body.premium-ui .home-bento>.service-card:nth-child(n){flex-basis:86vw}
  body.premium-ui .category-hub{padding:26px 22px}
  body.premium-ui .district-grid{grid-template-columns:1fr}
  body.premium-ui .district-card,body.premium-ui .district-service-link{min-height:84px}
  body.premium-ui .callout{padding:28px 23px;border-radius:22px}
  body.premium-ui .callout .cta-row{display:grid;grid-template-columns:1fr}
  body.premium-ui .callout .btn{width:100%}
  body.premium-ui .faq-shell summary{padding:20px 40px 20px 2px}
  body.premium-ui .faq-shell details p{padding:0 32px 20px 2px}
  body.premium-ui .mobile-call{
    left:11px;right:11px;bottom:10px;min-height:52px;border:1px solid rgba(255,255,255,.42);border-radius:17px;
    background:linear-gradient(145deg,#126da4,#0d6090);box-shadow:0 16px 36px rgba(13,89,135,.28);font-size:.94rem
  }
}

@media(prefers-reduced-motion:reduce){
  body.premium-ui *,body.premium-ui *::before,body.premium-ui *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* Service/detail pages: same app system, not a stretched homepage */
body.premium-ui .service-layout{grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);gap:68px;align-items:center}
body.premium-ui .service-layout h1{font-size:clamp(2.55rem,4vw,4.15rem);line-height:1.01;max-width:12ch}
body.premium-ui .service-side{position:sticky;top:96px;padding:9px;border-radius:28px;background:rgba(255,255,255,.66);box-shadow:var(--app-shadow);backdrop-filter:blur(12px)}
body.premium-ui .service-side .service-art{border:0!important;border-radius:21px!important;overflow:hidden;box-shadow:none!important;aspect-ratio:16/11}
body.premium-ui .service-side .service-art>img{width:100%;height:100%;aspect-ratio:auto!important;object-fit:cover;object-position:center 42%}
body.premium-ui .service-side .small{padding:13px 10px 6px;color:#526b7c;line-height:1.55}
body.premium-ui .keylist{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:26px}
body.premium-ui .keyitem{position:relative;padding:13px 14px 13px 34px;border:0;border-radius:14px;background:rgba(255,255,255,.67);box-shadow:inset 0 0 0 1px rgba(58,111,142,.09),0 7px 20px rgba(43,89,115,.035);color:#426378;font-size:.86rem;font-weight:760}
body.premium-ui .keyitem::before{content:"";position:absolute;left:14px;top:50%;width:8px;height:8px;border-radius:50%;background:#4c9fc9;box-shadow:0 0 0 5px rgba(76,159,201,.09);transform:translateY(-50%)}
body.premium-ui .article{max-width:76ch}
body.premium-ui .article h2{margin-top:42px}
body.premium-ui .article h3{margin-top:28px}
body.premium-ui .article p,body.premium-ui .article li{color:#4f6b7d;line-height:1.82}
body.premium-ui .article>p:first-of-type{font-size:1.06rem}

@media(max-width:1040px){
  body.premium-ui .service-layout{grid-template-columns:1fr;gap:34px}
  body.premium-ui .service-side{position:static;max-width:none}
  body.premium-ui .service-side .service-art{aspect-ratio:16/9}
}
@media(max-width:680px){
  body.premium-ui .service-layout h1{font-size:clamp(1.85rem,7.8vw,2.5rem);line-height:1.1;max-width:20ch}
  body.premium-ui .service-side{padding:7px;border-radius:22px}
  body.premium-ui .service-side .service-art{border-radius:16px!important;aspect-ratio:4/3}
  body.premium-ui .keylist{grid-template-columns:1fr 1fr;gap:7px}
  body.premium-ui .keyitem{padding:12px 10px 12px 30px;font-size:.78rem;line-height:1.42}
  body.premium-ui .keyitem::before{left:12px}
}


/* INFORMATION GAIN 2026 */
.info-gain-section .section-head{align-items:end}
.decision-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #d7e5ee;border-radius:18px;background:rgba(255,255,255,.86);box-shadow:0 12px 34px rgba(38,83,112,.06)}
.decision-table{width:100%;border-collapse:collapse;min-width:760px;font-size:.95rem;line-height:1.55}
.decision-table th,.decision-table td{padding:16px 18px;text-align:left;vertical-align:top;border-bottom:1px solid #e5eef4}
.decision-table th{background:#f1f8fc;color:#193e56;font-size:.84rem;letter-spacing:.02em}
.decision-table tr:last-child td{border-bottom:0}
.decision-table td:first-child{font-weight:800;color:#23485f}
.decision-table a,.guide-links a{color:#1769a0;font-weight:800;text-decoration-thickness:1px;text-underline-offset:3px}
.diagnosis-grid{margin-top:20px}
.compact-steps{margin:12px 0 0;padding-left:22px}
.compact-steps li+li{margin-top:8px}
.guide-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.guide-links a{display:inline-flex;align-items:center;min-height:42px;padding:9px 13px;border-radius:12px;background:#eef8fd;border:1px solid #d5e8f2;text-decoration:none}
.standalone-guide{margin-top:18px}
.safety-alert{margin:0 0 20px;padding:18px 20px;border:1px solid #f2d49a;border-left:4px solid #c98218;border-radius:14px;background:#fffaf0;color:#5c4524;line-height:1.65}
@media(max-width:768px){
.decision-table-wrap{border-radius:15px;overflow:visible;border:0;background:transparent;box-shadow:none}
.decision-table{min-width:0;display:block;font-size:.92rem}
.decision-table thead{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.decision-table tbody{display:grid;gap:12px}
.decision-table tr{display:block;padding:10px 14px;border:1px solid #d7e5ee;border-radius:15px;background:rgba(255,255,255,.88);box-shadow:0 8px 24px rgba(38,83,112,.05)}
.decision-table td{display:grid;grid-template-columns:minmax(96px,34%) minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid #e5eef4!important;overflow-wrap:anywhere}
.decision-table td::before{content:attr(data-label);font-size:.72rem;font-weight:900;letter-spacing:.02em;text-transform:uppercase;color:#55758a;line-height:1.35}
.decision-table td:first-child{display:block;font-size:1rem;padding-top:5px;color:#173f58}
.decision-table td:first-child::before{display:block;margin-bottom:5px}
.decision-table td:last-child{border-bottom:0!important;padding-bottom:5px}
.guide-links{display:grid;grid-template-columns:1fr}.guide-links a{width:100%}.safety-alert{padding:16px}.info-gain-section .section-head p{max-width:none}
}

@media(max-width:480px){body .site-header .brand small{font-size:11px;line-height:1.35;letter-spacing:.025em;color:#52677b}}

body .site-footer .footer-brand .brand small{font-size:11px;line-height:1.35;letter-spacing:.025em}


/* Focused mobile and readability repairs; existing layout and palette retained. */
body.cookie-modal-open{overflow:hidden}
body.premium-ui :target{scroll-margin-top:100px}
body.premium-ui :is(.hero-grid,.service-layout,.grid,.contact-panel,.category-hub,.callout)>*{min-width:0}
body.premium-ui :is(h1,h2,h3){overflow-wrap:break-word}
body.premium-ui .contact-box dd{overflow-wrap:anywhere}
body.premium-ui .nav-links>a,
body.premium-ui .nav-drop>summary,
body.premium-ui .drop-panel a{display:flex;align-items:center;min-height:44px}
body.premium-ui .cookie-close{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center}
body.premium-ui .cookie-copy strong{font-size:.88rem;margin-bottom:3px}
body.premium-ui .cookie-copy p{font-size:.81rem;line-height:1.45}
body.premium-ui .cookie-dialog{max-height:min(720px,calc(100vh - 40px));max-height:min(720px,calc(100dvh - 40px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)))}
body.premium-ui .brand>span.deba-logo{display:inline-flex;flex-direction:row;align-items:center;gap:8px;line-height:1;letter-spacing:0;min-width:0;white-space:nowrap}
body.premium-ui .deba-logo-symbol{display:block;flex:0 0 36px;width:36px;height:36px;max-width:none}
body.premium-ui .deba-logo-copy{display:flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1}
body.premium-ui .deba-logo-name{font-size:18px;font-weight:850;letter-spacing:-.045em;color:#102c3e}
body.premium-ui .deba-logo-descriptor{font-size:10.5px;line-height:1.15;font-weight:700;letter-spacing:0;color:#496475}
@media(max-width:780px){
  body.premium-ui h2{font-size:clamp(1.55rem,5.8vw,1.9rem);line-height:1.16}
  body.premium-ui .service-layout h1{font-size:clamp(1.85rem,7.8vw,2.5rem);line-height:1.1;max-width:20ch}
  body.premium-ui .cookie-dialog-head h2{font-size:1.4rem}
}
@media(max-width:680px){
  body.premium-ui .mobile-call{bottom:calc(10px + env(safe-area-inset-bottom,0px))}
  body.premium-ui .site-footer{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
  body.premium-ui .deba-logo-symbol{flex-basis:32px;width:32px;height:32px}
  body.premium-ui .deba-logo-name{font-size:17px}
}