/* Mint identity. Presentation only; existing form and carousel behavior is retained. */
:root { --mint-brand:#0abab5; --mint-ink:#163d38; --mint-muted:#52716c; --mint-action:#006b68; --mint-line:#cde5df; --mint-page:#effaf7; --mint-paper:#fff; }
html body { --pm-night:#123c36; --pm-navy:#164a43; --pm-deep:#20594f; --pm-ink:var(--mint-ink); --pm-text:var(--mint-muted); --pm-muted:var(--mint-muted); --pm-blue:var(--mint-action); --pm-blue-2:#005a57; --pm-sky:#0abab5; --pm-cyan:#0abab5; --pm-line:var(--mint-line); --pm-grad:linear-gradient(125deg,#0abab5,#008c85); background:var(--mint-page); color:var(--mint-ink); }
html body ::selection { background:#b7eeE5; color:var(--mint-ink); }
html body :is(.text-slate-900,.text-slate-800) { color:var(--mint-ink) !important; }
html body :is(.text-slate-600,.text-slate-500,.text-slate-700) { color:var(--mint-muted) !important; }
html body .text-primary-container { color:var(--mint-action) !important; }
html body .border-primary-container { border-color:var(--mint-brand); }
html body :focus-visible { outline-color:var(--mint-action); }
html body header,html body header.is-scrolled { background:rgba(246,253,250,.95) !important; border-bottom:1px solid var(--mint-line) !important; box-shadow:0 12px 30px -26px #1e665b66; }
html body header a[aria-label]>span:first-child { color:var(--mint-ink) !important; }
html body header a[aria-label]>span:last-child { color:var(--mint-muted) !important; }
html body header nav a { color:var(--mint-ink) !important; }
html body header nav a:hover,html body header nav a[aria-current]:not([aria-current="false"]) { color:var(--mint-action) !important; background:#dff4ee !important; box-shadow:none; }
html body header nav a::after { background:var(--mint-brand); }
html body header .bg-primary-container,html body main .bg-primary-container:is(a,button):not([role="tab"]) { background:var(--mint-brand) !important; color:#073c38 !important; border-radius:16px !important; box-shadow:0 10px 24px -18px #007b7199; font-weight:750; }
html body header .bg-primary-container:hover,html body main .bg-primary-container:is(a,button):not([role="tab"]):hover { background:#15c7be !important; box-shadow:0 12px 28px -18px #007b7199; filter:none; }
html body main { padding-top:86px !important; }
html body main>section:first-child#hero { width:calc(100% - 48px); max-width:1440px; margin:0 auto; border:1px solid #d3eee6 !important; border-radius:36px; background:radial-gradient(ellipse at 90% 25%,#b9e9dd66,transparent 60%),linear-gradient(115deg,#dff8f1,#edf9f3) !important; }
html body #hero::before { background:none !important; mask-image:none; }
html body #hero::after { background:radial-gradient(circle,#b8e8da80,transparent 68%) !important; filter:none; }
html body #hero>.max-w-7xl { padding:54px 44px 28px; }
html body #hero .hero-title { color:#103c35 !important; font-size:clamp(2rem,3.5vw,3.25rem); letter-spacing:-.045em; }
html body #hero .pm-grad { color:var(--mint-action); background:none; -webkit-text-fill-color:currentColor; white-space:normal; }
html body #hero .hero-eyebrow { color:#44786c !important; }
html body #hero .lg\:col-span-7>p,html body #hero .hero-description,html body #hero .hero-note { color:var(--mint-muted) !important; }
html body #hero .hero-secondary { color:var(--mint-ink); border-color:#95c8bb; }
html body #hero a.bg-slate-100 { color:var(--mint-action) !important; background:#ffffffa8 !important; border-color:#b6dacf !important; }
html body #hero .hero-visual { background:linear-gradient(145deg,#ffffffeb,#e1f5ee); border-color:#b5dcd0; box-shadow:0 28px 55px -35px #347f6b66; }
html body #hero .hero-mini-label,html body #hero .hero-flow-link { color:var(--mint-action); }
html body #hero .hero-visual-title { color:var(--mint-ink); }
html body #hero .hero-flow-node { color:var(--mint-ink); border-color:var(--mint-line); background:#fff; }
html body #hero .hero-flow-node--accent { background:#d2f3e9; border-color:#73bfae; }
html body #hero .hero-flow-node .material-symbols-outlined { color:var(--mint-action); }
html body #hero .hero-visual-note { color:var(--mint-muted); }
html body #hero .hero-visual-orbit { border-color:#6cb6a3; box-shadow:0 0 0 6px #83cbb51a,0 0 0 12px #83cbb50d; }
html body #hero .hero-chip-art { background:linear-gradient(135deg,#ebfcf6,#b4e5d8); border-color:#91cbbc; box-shadow:0 20px 45px -25px #168a6e66; }
html body #hero .hero-chip-art .material-symbols-outlined { color:var(--mint-action); }
html body #hero .hero-package-pills span { background:#fff; color:var(--mint-action); border-color:#b5dcd0; }
html body #hero .hero-controls { border-color:#a8d8c8; }
html body #hero .hero-controls button { border-color:#bedfd4; background:#ffffffb3; color:var(--mint-ink); border-radius:999px; }
html body #hero .hero-controls button:hover { background:#fff; border-color:#6aaf9d; }
html body #hero .hero-controls button[aria-current="true"] { background:#fff; color:var(--mint-action); border-color:#76c2b1; box-shadow:0 6px 18px -12px #006b6866; }
html body #hero .hero-arrows [data-hero-count] { color:var(--mint-muted); }
html body #hero .lg\:col-span-5>div { background:rgba(255,255,255,.66) !important; border-color:#c0e1d5 !important; box-shadow:0 28px 60px -35px #176f5666; }
html body #hero .lg\:col-span-5>div::before { background:conic-gradient(from var(--pm-angle),transparent 0 62%,#0abab5 78%,#a8e5d0 90%,transparent 100%); }
html body #hero .lg\:col-span-5 .overflow-hidden { background:#effbf6 !important; }
html body #hero .lg\:col-span-5 .mt-3 { background:#f6fdfa !important; border-color:#c5e4d8 !important; color:var(--mint-muted) !important; gap:12px; }
html body #hero .lg\:col-span-5 .mt-3>span:last-child { white-space:normal; margin-left:0; text-align:right; }
html body #hero .lg\:col-span-5 .mt-3 .text-slate-500 { color:var(--mint-action) !important; }
html body .pm-chip { border:1px solid #b0dccc; color:var(--mint-action); box-shadow:0 8px 20px -15px #367e6c99; }
html body .pm-ticker { background:transparent !important; border-color:var(--mint-line); box-shadow:none; margin-top:14px; }
html body .pm-ticker__item { color:#547a6e; }
html body main>section:not(:first-child) { background:var(--mint-page) !important; }
html body main>section:not(:first-child) h2 { color:var(--mint-ink) !important; }
html body main>section:not(:first-child) .border-b { border-color:var(--mint-line); }
/* Preserve table semantics and package order while presenting the services as cards. */
html body #services .overflow-x-auto { background:transparent !important; border:0 !important; border-radius:0 !important; overflow:visible; box-shadow:none; }
html body #services table { display:block; width:100%; }
html body #services thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
html body #services tbody { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; width:100%; }
html body #services tbody tr { display:flex; flex-direction:column; min-width:0; padding:24px; border:1px solid #d3e9df !important; border-radius:26px; background:#fff; box-shadow:0 18px 42px -32px #397e6655; }
html body #services tbody tr:hover { background:#fff !important; border-color:#83c4af !important; box-shadow:0 22px 48px -32px #397e6680; }
html body #services tbody tr td { display:block; width:100%; padding:0; text-align:left; background:transparent !important; box-shadow:none !important; white-space:normal; border:0; }
html body #services tbody td:first-child { font-size:18px; line-height:1.4; margin-bottom:14px; }
html body #services .svc { align-items:flex-start; gap:14px; }
html body #services .svc .ico { background:#e5f8f1; color:var(--mint-action); border:0; border-radius:15px; width:46px; height:46px; flex:0 0 46px; font-size:25px; }
html body #services tbody td:nth-child(2) { flex:1; margin-bottom:18px; color:var(--mint-muted); font-size:14px; line-height:1.75; }
html body #services tbody td:nth-child(3) { color:var(--mint-muted); font-size:11px; line-height:1.65; margin-bottom:12px; }
html body #services tbody td:nth-child(4) { color:var(--mint-ink) !important; background:none; -webkit-text-fill-color:currentColor; font-size:20px; line-height:1.5; margin-bottom:18px; }
html body #services td button,html body #services td button:not(.bg-primary-container) { width:100%; border-radius:14px !important; border:1px solid #bcded1; background:#effaf5; color:var(--mint-action); }
html body #services td button:not(.bg-primary-container):hover { background:#dff4ea !important; color:var(--mint-action) !important; border-color:#7cbda8 !important; }
html body .sec-head::after,html body .scroll-progress { background:var(--mint-brand) !important; box-shadow:none; }
html body #repair .grid>.bg-white.border,html body #repair .grid>.border,html body #repair>div>.bg-white { border-color:var(--mint-line) !important; border-radius:24px; box-shadow:0 18px 40px -35px #397e6666; }
html body #repair .grid>.bg-white.border:hover,html body #repair .grid>.border:hover { border-color:#83c4af !important; box-shadow:0 24px 44px -32px #397e6670; }
html body #repair .is-linked { border-color:var(--mint-action) !important; box-shadow:0 0 0 2px #b6e8d7 !important; }
html body .pm-spot::after { background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),#0abab511,transparent 60%); }
html body #order-form form,html body #order-form .bg-white.border,html body #order-form .bg-slate-50.border { background:#fff; border-color:var(--mint-line) !important; box-shadow:0 24px 50px -38px #397e6666; }
html body #order-form [role="tablist"] { border-color:var(--mint-line); border-radius:18px; background:#e4f5ed; }
html body #order-form [role="tab"][aria-selected="true"] { background:var(--mint-action); color:#fff !important; }
html body #order-form [role="tab"][aria-selected="false"] { color:var(--mint-action) !important; }
html body input,html body textarea,html body select { accent-color:var(--mint-action); }
html body #order-form :is(input,textarea,select):focus,html body #fn-intake-form :is(input,select):focus { border-color:var(--mint-action) !important; box-shadow:0 0 0 3px #0abab526 !important; }
html body label:has(>input:is([type="checkbox"],[type="radio"]):checked) { border-color:var(--mint-action); background:#e5f7ee; box-shadow:0 0 0 3px #0abab514; }
html body .bg-blue-50\/70,html body .bg-blue-50 { background:#edf9f3 !important; }
html body .border-blue-200 { border-color:var(--mint-line); }
html body .faq-item,html body #faq-accordion-group { border-color:var(--mint-line) !important; }
html body .faq-item:hover,html body .faq-item:has(button[aria-expanded="true"]) { border-color:#83c4af !important; box-shadow:0 18px 40px -30px #397e6666; }
html body .faq-item button[aria-expanded="true"] { background:#e8f7ef; color:var(--mint-ink); }
html body .faq-panel { color:var(--mint-muted); }
html body footer#contacts { background:linear-gradient(145deg,#15473e,#0f352f) !important; color:#d1e7df; }
html body footer#contacts::before { background-image:none; }
html body footer#contacts .border-slate-800 { border-color:#41675b; }
html body footer#contacts .text-slate-500 { color:#abcfc0 !important; }
html body footer#contacts .text-primary-container { color:#8de1ce !important; }
html body #fn-intake-dialog { --fi-blue:#006b68; --fi-ink:#163d38; --fi-muted:#52716c; --fi-line:#cde5df; border-color:var(--mint-line); box-shadow:0 40px 90px -40px #174c3c88; }
html body .fn-intake-product { background:#edf9f3; border-color:var(--mint-line); border-left-color:var(--mint-action); }
html body .fn-intake-primary { background:var(--mint-action); border-color:var(--mint-action); }
html body .fn-intake-primary:hover { background:#005a57; border-color:#005a57; }
html body .fn-intake-product-label svg,html body .fn-intake-price { color:var(--mint-action); }
html body .fn-intake-foot,html body .fn-intake-review { background:#f4fbf7; }
html body .fn-intake-track span { background:#d7ede3; }
@media (max-width:1023px) { html body #services tbody { grid-template-columns:repeat(2,minmax(0,1fr)); } html body #hero>.max-w-7xl { padding:36px 28px 24px; } }
@media (max-width:639px) { html body main { padding-top:72px !important; } html body main>section:first-child#hero { width:calc(100% - 24px); border-radius:26px; } html body #hero>.max-w-7xl { padding:30px 20px 22px; } html body #hero .hero-title { font-size:30px; } html body #services tbody { grid-template-columns:minmax(0,1fr); } html body #services tbody tr { padding:22px; } html body #hero .hero-controls { gap:12px; } html body #hero .hero-selectors { gap:5px; } html body #hero .hero-controls button { font-size:11px; padding:10px; } html body #hero .hero-actions { gap:12px; } html body #hero .hero-secondary { width:auto; } }
/* Override the old blue section gradients and transparent gradient price ink. */
html body main #services,html body main #repair,html body main #order-form,html body main #faq { background:var(--mint-page) !important; }
html body #services tbody td[data-price] { color:var(--mint-ink) !important; -webkit-text-fill-color:#163d38 !important; background:none !important; background-clip:border-box; -webkit-background-clip:border-box; font-size:20px; }
html body { background:var(--mint-page) !important; }
html body #hero .mint-reference-cta { justify-content:space-between; gap:24px; min-height:64px; min-width:320px; padding:17px 28px; font-size:18px; line-height:1.4; text-transform:none; letter-spacing:0; font-weight:650; color:#fff !important; background:#0abab5 !important; border-radius:20px !important; box-shadow:none; }
html body #hero .mint-reference-cta>span:last-child { font-size:25px; line-height:1; }
html body header .bg-primary-container { text-transform:none; font-size:14px; font-weight:650; color:#fff !important; background:#0abab5 !important; border-radius:16px !important; box-shadow:none; }
html body #hero .mint-reference-cost { color:#52716c; font-size:14px; }
html body #hero .hero-controls { display:flex; justify-content:flex-start; flex-wrap:nowrap; gap:18px; border:0; padding:0; margin-top:32px; }
html body #hero .hero-controls button { background:#fff; border:0; color:#163d38; box-shadow:none; }
html body #hero .hero-controls>[data-hero-prev],html body #hero .hero-controls>[data-hero-next] { display:grid; place-items:center; width:44px; height:44px; min-width:44px; padding:0; border-radius:50%; font-size:30px; font-weight:400; }
html body #hero .hero-selectors { flex-wrap:nowrap; gap:18px; }
html body #hero .hero-selectors button { display:inline-flex; align-items:center; gap:12px; min-height:46px; padding:12px 22px; white-space:nowrap; border-radius:999px; font-size:13px; }
html body #hero .hero-selectors button::before { content:''; width:9px; height:9px; border-radius:50%; background:#bde4dc; }
html body #hero .hero-selectors button[aria-current="true"] { color:#163d38; background:#fff; box-shadow:none; }
html body #hero .hero-selectors button[aria-current="true"]::before { background:#0abab5; }
html body #hero .hero-arrows { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
@media (min-width:1024px) { html body #hero .hero-slide { gap:16px; } html body #hero .hero-actions { gap:24px; } }
@media (max-width:1023px) { }
@media (max-width:639px) { html body #hero .mint-reference-cta { min-width:0; width:100%; padding:16px 20px; font-size:17px; min-height:58px; } html body #hero .hero-controls { gap:7px; flex-wrap:wrap; } html body #hero .hero-selectors { order:3; width:100%; gap:6px; justify-content:space-between; } html body #hero .hero-selectors button { font-size:11px; padding:10px; gap:5px; } html body #hero .hero-controls>[data-hero-next] { margin-left:auto; } html body header .bg-primary-container { font-size:11px; } }
@media (min-width:1024px) {
  html body #hero .mint-reference-cta { min-width:356px; }
}
/* Wordmark and the three service entry cards selected from the mint reference. */
html body header .site-brand { display:inline-flex; align-items:center; gap:12px; min-height:44px; text-decoration:none; flex-shrink:0; }
.site-brand-mark { width:32px; height:42px; flex-shrink:0; }
html body header .site-brand>.site-brand-title { color:#163d38 !important; font-size:20px; font-weight:800; text-transform:none; letter-spacing:-.04em; line-height:1.15; }
html body main>.service-overview { max-width:1440px; padding:36px 24px 24px; margin:auto; }
.overview-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin:0 0 24px; }
.overview-eyebrow { display:flex; align-items:center; gap:14px; font:500 10px/1.6 'JetBrains Mono',monospace; letter-spacing:.1em; text-transform:uppercase; color:#52716c; margin:0 0 12px; }
.overview-eyebrow::before { content:''; width:20px; height:2px; border-radius:2px; background:#0abab5; flex-shrink:0; }
html body main #overview-title { margin:0; font-size:clamp(26px,3vw,42px); line-height:1.15; }
.overview-all { min-height:44px; display:inline-flex; align-items:center; gap:18px; color:#163d38; font-size:13px; white-space:nowrap; }
.overview-all>span:last-child { font-size:24px; }
.overview-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.overview-card { position:relative; display:flex; flex-direction:column; min-height:260px; padding:24px; background:#fff; border:1px solid #e0f0e9; border-radius:26px; text-decoration:none; color:#163d38; overflow:hidden; box-shadow:0 18px 36px -32px #397e6655; transition:transform .2s,border-color .2s,box-shadow .2s; }
.overview-card:hover { transform:translateY(-3px); border-color:#90cfbc; box-shadow:0 22px 40px -32px #397e6688; }
.overview-icon { position:relative; z-index:1; display:grid; place-items:center; height:46px; width:46px; background:#e4f8f1; color:#008a82; border-radius:50%; font-size:25px; margin:0 0 24px; }
.overview-art { position:absolute; top:14px; right:12px; width:150px; height:140px; background-image:url('../media/services-reference.png'); background-repeat:no-repeat; background-size:1024% 731.428571%; pointer-events:none; }
.overview-art--fn { background-position:60.966811% 89.366516%; }
.overview-art--ofd { background-position:95.598846% 89.366516%; }
.overview-card h3 { position:relative; margin:0 0 12px; max-width:calc(100% - 110px); min-height:48px; font-size:20px; line-height:1.2; font-weight:800; letter-spacing:-.03em; }
.overview-card p { position:relative; color:#52716c; font-size:13px; line-height:1.7; margin:auto 38px 0 0; }
.overview-arrow { position:absolute; right:20px; bottom:20px; display:grid; place-items:center; width:36px; height:36px; border:1px solid #d5e9e1; border-radius:50%; font-size:20px; }
@media (max-width:1100px) and (min-width:640px) { .overview-art { right:-15px; } .overview-card { padding:20px; } .overview-card h3 { max-width:calc(100% - 70px); font-size:18px; } }
@media (max-width:767px) { .overview-grid { grid-template-columns:1fr; } .overview-card { min-height:240px; } .overview-card h3 { max-width:calc(100% - 120px); } .overview-art { right:16px; } }
@media (max-width:639px) { html body header>.max-w-7xl { padding-inline:16px; gap:10px; } html body header .site-brand { flex:1; min-width:0; flex-shrink:1; gap:7px; } .site-brand-mark { width:24px; height:34px; } html body header .site-brand>.site-brand-title { font-size:15px; max-width:110px; } html body main>.service-overview { padding:30px 24px 20px; } .overview-heading { flex-wrap:wrap; gap:8px; margin-bottom:18px; } .overview-all { min-height:36px; } .overview-card { padding:22px; } }
@media (prefers-reduced-motion:reduce) { .overview-card { transition:none; } .overview-card:hover { transform:none; } }
html body header a.site-brand>.site-brand-title[data-content] { color:#163d38 !important; }
/* Vector reconstruction of the owner-selected ribbon mark. */
.site-brand-mark { display:block; background-image:url('../media/brandmark-register.svg'); background-repeat:no-repeat; background-size:contain; background-position:center; }
@media (max-width:400px) { .overview-card .overview-icon { margin-bottom:88px; } .overview-card h3 { max-width:100%; min-height:0; } .overview-card { min-height:310px; } }


/* Consistent readable primary actions; retain mint as the accent colour. */
html body header .bg-primary-container,
html body #hero .mint-reference-cta { background:#087e79 !important; color:#fff !important; }
html body header .bg-primary-container:hover,
html body #hero .mint-reference-cta:hover { background:#075f5b !important; }
@media(max-width:1023px) {
  .hero-carousel.is-ready .hero-stage { display:block; }
  .hero-carousel.is-ready .hero-slide:not(.is-active) { display:none; }
  html body #hero .hero-slide { gap:24px; }
}
html body #hero .hero-controls{flex-wrap:wrap}html body #hero .hero-progress{flex-basis:100%;height:3px;overflow:hidden;border-radius:99px;background:#bddfd5;margin-top:4px}html body #hero .hero-progress span{display:block;height:100%;width:100%;background:#087e79;transform:scaleX(0);transform-origin:left;border-radius:inherit}html body #hero [data-hero-pause]{font-size:12px;min-height:44px;padding:10px 16px;color:#356b61;background:#ffffffb3}@media(max-width:639px){html body #hero .hero-progress{order:4}html body #hero [data-hero-pause]{margin-left:auto}html body #hero .hero-controls>[data-hero-next]{margin-left:0}}
/* Side arrows and compact progress indicators, preserving the mint design. */
html body #hero{position:relative}
/* Anchor navigation to the banner; reserve space beside each slide. */
html body #hero>.max-w-7xl{position:static}
@media(min-width:1024px){
  html body #hero>.max-w-7xl{padding-inline:76px}
}
html body #hero .hero-controls{justify-content:center;gap:0;margin-top:30px;min-height:44px}
html body #hero .hero-selectors{display:flex;order:0;width:auto;gap:2px;align-items:center;justify-content:center}
html body #hero .hero-selectors button{position:relative;width:28px;min-width:28px;height:44px;min-height:44px;padding:0;background:transparent;border:0;border-radius:0;font-size:0;transition:width .25s}
html body #hero .hero-selectors button::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:99px;background:#88bdb2}
html body #hero .hero-selectors button::after{display:none}
html body #hero .hero-selectors button[aria-current=true]{width:48px}
html body #hero .hero-selectors button[aria-current=true]::before{width:32px;background:#a4d8ce}
html body #hero .hero-dot-fill{position:absolute;left:8px;top:18px;width:32px;height:8px;border-radius:99px;background:#087e79;transform:scaleX(0);transform-origin:left}
html body #hero .hero-selectors button:not([aria-current=true]) .hero-dot-fill{display:none}
.hero-dot-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html body #hero .hero-controls>[data-hero-prev],html body #hero .hero-controls>[data-hero-next]{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;padding:0;margin:0;background:#ffffffd9;box-shadow:0 3px 15px #163d3812}
html body #hero .hero-controls>[data-hero-prev]{left:16px}
html body #hero .hero-controls>[data-hero-next]{right:16px}
html body #hero [data-hero-pause]{position:absolute;right:24px;bottom:22px;margin:0;min-height:36px;padding:8px 12px;font-size:11px;background:transparent}
html body #hero .hero-arrows{display:none}
@media(max-width:1023px){html body #hero .hero-controls>[data-hero-prev],html body #hero .hero-controls>[data-hero-next]{top:auto;bottom:22px;transform:none}html body #hero [data-hero-pause]{position:static;margin-left:12px}html body #hero .hero-controls{padding-inline:38px}}
@media(prefers-reduced-motion:reduce){html body #hero .hero-selectors button{transition:none}}

html body #hero .hero-selectors button[aria-current="true"],html body #hero .hero-selectors button:hover,html body #hero .hero-selectors button:focus-visible{background:transparent;border:0;box-shadow:none;border-radius:999px}

@media(min-width:768px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

#order-success-dialog{width:calc(100% - 40px);max-width:440px;box-sizing:border-box;padding:32px;border:1px solid #cde5df;border-radius:24px;background:#fff;color:#103c35;box-shadow:0 24px 80px #103c3533}#order-success-dialog::backdrop{background:#103c357a}#order-success-dialog h2{margin:0 0 16px;font-size:26px;line-height:1.2;font-weight:800}#order-success-dialog p{margin:0 0 24px;color:#52726b;line-height:1.6}#order-success-dialog button{display:block;width:100%;min-height:48px;padding:12px 20px;border:0;border-radius:14px;background:#087e79;color:white;font:inherit;font-weight:700;cursor:pointer}#order-success-dialog button:hover{background:#075f5b}#order-success-dialog button:focus-visible{outline:3px solid #087e79;outline-offset:4px}

/* Simple contact card: two contact fields, optional equipment details. */
html body #order-form>.max-w-4xl{max-width:760px}html body #order-form #service-order-form{padding:32px;border-radius:28px!important;border:1px solid #d4eae2;background:#fff!important;box-shadow:0 20px 60px -40px #13594d55}html body #order-form .font-mono{font-family:inherit;letter-spacing:normal;text-transform:none}html body #order-form label{font-size:14px;font-weight:600;color:#264e46}html body #order-form #manual-service{margin-bottom:0;border-radius:12px;min-height:52px;padding:12px 14px;background:#f4faf7;border:1px solid #c7dfd6;font-size:15px}html body #order-form form>.mb-5{padding:0;border:0;background:none!important;box-shadow:none}html body #order-form input:not([type=checkbox]),html body #order-form textarea{border-radius:12px!important;background:#f8fbf9!important;border:1px solid #c7dfd6;box-shadow:none;min-height:50px;font-size:16px}html body #order-form input[type=hidden]{display:none}html body #order-form [hidden]{display:none!important}html body #order-form button[type=submit]{width:100%;min-height:54px;border-radius:14px!important;font-family:inherit;text-transform:none;font-size:16px;letter-spacing:0;font-weight:700}html body #order-form form>.pt-4{border:0;padding-top:8px}.contact-details{margin:4px 0 24px;border-block:1px solid #e1eee8}.contact-details summary{padding:16px 0;min-height:48px;color:#087e79;cursor:pointer;font-weight:650}.contact-details summary span{font-weight:400;color:#617e75;font-size:13px}.contact-details-body{padding:8px 0 4px}.contact-details summary:focus-visible{outline:3px solid #087e79;outline-offset:3px}html body #order-form .contact-details label{font-size:13px}html body #order-form .contact-details textarea{min-height:100px}@media(max-width:639px){html body #order-form #service-order-form{padding:22px;border-radius:22px!important}.contact-details summary span{display:block;margin-left:18px}}

/* Soft 3D maintenance illustration, matching the service entry cards. */
html body #hero :is(#hero-slide-service,#hero-slide-fn) .maintenance-3d{min-width:0;align-self:center}html body #hero :is(#hero-slide-service,#hero-slide-fn) .maintenance-3d-stage{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;overflow:visible;isolation:isolate}html body #hero :is(#hero-slide-service,#hero-slide-fn) .maintenance-3d-stage::before,html body #hero :is(#hero-slide-service,#hero-slide-fn) .maintenance-3d-stage::after{display:none!important}.maintenance-3d-art{display:block;width:100%;height:auto;object-fit:contain;animation:maintenance-float 7s ease-in-out infinite}.maintenance-3d-caption{text-align:center;font-size:12px;line-height:1.6;color:#52726b;margin:14px 0 0;letter-spacing:.02em}@keyframes maintenance-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}.hero-slide:not(.is-active) .maintenance-3d-art{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.maintenance-3d-art{animation:none}}

/* Aligned exterior and cutaway states; controls remain available on touch. */
html body #repair .kk-xray{max-width:640px;width:100%;margin:auto;overflow:visible}
.kk-xray-stage{position:relative;aspect-ratio:3/2;isolation:isolate}
.kk-xray-stage>img{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .55s ease;pointer-events:none}
.kk-xray-stage>.kk-inside-image{position:absolute;inset:0;opacity:0}
.kk-xray.is-xray .kk-shell-image{opacity:0}.kk-xray.is-xray .kk-inside-image{opacity:1}
.kk-xray-points{position:absolute;inset:0;opacity:0;transition:opacity .25s ease;pointer-events:none}
.kk-xray.is-xray .kk-xray-points{opacity:1}
html body #repair .kk-xray .kk-hot{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border:3px solid white;border-radius:50%;background:#087e79;color:white;font:750 17px/1 Manrope,Arial,sans-serif;box-shadow:0 0 0 5px #087e791a,0 4px 12px #103c352b;pointer-events:auto;cursor:pointer;touch-action:manipulation}
.kk-xray .kk-hot[data-i="1"]{left:45%;top:50%}.kk-xray .kk-hot[data-i="2"]{left:62%;top:68%}.kk-xray .kk-hot[data-i="3"]{left:71%;top:60%}.kk-xray .kk-hot[data-i="4"]{left:43%;top:65%}
html body #repair .kk-xray .kk-hot.on{background:#064b46;box-shadow:0 0 0 6px #0abab52b,0 4px 12px #103c352b}
html body #repair .kk-xray .kk-hot:focus-visible,.kk-xray-toggle:focus-visible{outline:3px solid #087e79;outline-offset:5px}
.kk-xray-toggle{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;margin:8px auto 0;padding:10px 18px;border:1px solid #b9ded4;border-radius:14px;background:#effaf7;color:#14574d;font:650 14px/1.4 Manrope,Arial,sans-serif;cursor:pointer;touch-action:manipulation}
.kk-xray-toggle:hover,.kk-xray-toggle[aria-pressed="true"]{background:#d9f2e9}.kk-xray-toggle-icon{font-size:22px;line-height:1}.kk-xray-hint{max-width:420px;margin:10px auto 0;text-align:center;font-size:12px;line-height:1.6;color:#52726b}
.kk-xray:not(.is-ready):focus-within .kk-shell-image{opacity:0}.kk-xray:not(.is-ready):focus-within .kk-inside-image,.kk-xray:not(.is-ready):focus-within .kk-xray-points{opacity:1}
@media(hover:hover) and (pointer:fine){.kk-xray:not(.is-ready) .kk-xray-stage:hover .kk-shell-image{opacity:0}.kk-xray:not(.is-ready) .kk-xray-stage:hover .kk-inside-image,.kk-xray:not(.is-ready) .kk-xray-stage:hover .kk-xray-points{opacity:1}}
@media(max-width:480px){html body #repair .kk-xray .kk-hot{width:44px;height:44px;font-size:14px;border-width:2px}.kk-xray-toggle{font-size:13px}}
@media(prefers-reduced-motion:reduce){.kk-xray-stage>img,.kk-xray-points{transition:none}}

/* Six price cards by default; native hidden also removes collapsed actions from Tab. */
html body #services tbody tr[hidden]{display:none!important}
.services-list-actions{display:flex;justify-content:center;margin-top:24px}
html body #services .services-list-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border:1px solid #a9d5c7;border-radius:14px;background:#fff;color:#14574d;font:650 15px/1.4 Manrope,Arial,sans-serif;cursor:pointer;touch-action:manipulation}
html body #services .services-list-toggle:hover{background:#e2f5ee;border-color:#087e79}
html body #services .services-list-toggle:focus-visible{outline:3px solid #087e79;outline-offset:4px}
html body #services .services-list-toggle[hidden]{display:none!important}