@font-face{font-family:Prometo;src:url(fonts/prometo.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Abel;src:url(fonts/abel.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}
:root{--blue:#213a8f;--sky:#57c3e9;--light-blue:#77c9db;--green:#07444f;--ink:#343a40;--paper:#fff;--wash:#f2f8fb;--line:#dbe4ec;--font-heading:Prometo,Arial,sans-serif;--font-body:Abel,Arial,sans-serif;--gutter:clamp(24px,4.4vw,76px)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.125rem/1.6 var(--font-body);-webkit-font-smoothing:antialiased}
button,input,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
a{color:inherit;text-underline-offset:5px}
a,button{touch-action:manipulation}
button:disabled{cursor:default;opacity:.4}
img{display:block;max-width:100%}
svg{display:block}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-family:var(--font-heading);font-weight:400;line-height:1.12}
ul{margin:0;padding:0;list-style:none}
.shell{max-width:1480px;padding-inline:var(--gutter);margin-inline:auto}
.section{padding-block:112px}
.eyebrow{font-family:var(--font-body);font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;line-height:1.4}
.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--blue);color:#fff;z-index:100}
.skip-link:focus{top:10px}
:focus-visible{outline:3px solid var(--sky);outline-offset:6px}
[hidden]{display:none!important}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}
.header-inner{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:block;flex:none}
.brand img{width:194px;height:89px}
.desktop-nav{display:flex;gap:34px;align-items:center;margin-left:auto;margin-right:30px}
.desktop-nav a{font-size:1rem;text-decoration:none}
.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--blue);text-decoration:underline}
.header-contact{display:flex;gap:22px;align-items:center;color:var(--blue);text-decoration:none;font-size:1rem}
.contact-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--blue);color:#fff;font-size:27px;transition:transform .3s}
.header-contact:hover .contact-symbol{transform:rotate(90deg)}
.menu-toggle{display:none;align-items:center;gap:12px;border:0;background:none;min-height:48px;color:var(--blue)}
.menu-lines{display:block;width:23px;height:10px;border-block:1px solid currentColor}
.mobile-nav{padding:12px var(--gutter) 26px;background:#fff}
.mobile-nav a{display:block;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none}
.hero{overflow:hidden}
.hero-top{display:flex;justify-content:space-between;align-items:center;padding-top:38px;color:var(--blue)}
.hero-top .eyebrow{display:flex;align-items:center;gap:12px}
.cross{font-size:25px;line-height:1}
.hero-audience{font-size:.875rem;letter-spacing:.08em;text-transform:uppercase}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);align-items:center;gap:15px;padding-top:34px;padding-bottom:35px}
.hero-copy{position:relative;z-index:2}
h1{font-size:clamp(3rem,6.2vw,6.5rem);letter-spacing:-.045em;line-height:1.03;color:var(--blue)}
h1 span{color:var(--green)}
.hero-intro{font-size:1.6rem;line-height:1.35;margin-top:27px;max-width:460px}
.hero-description{font-size:1.125rem;max-width:430px;margin-top:14px;color:#4b5c68}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 26px;border:1px solid transparent;border-radius:4px;font-size:1rem;text-decoration:none;transition:background .2s,transform .2s}
.button:hover{transform:translateY(-3px)}
.button-blue{background:var(--blue);color:#fff}
.button-blue:hover{background:var(--green)}
.button-cyan{background:var(--sky);color:var(--green)}
.button-cyan:hover{background:#9cdef2}
.text-link{font-size:1rem}
.text-link:hover{text-decoration-thickness:2px}
.hero-scene{position:relative;isolation:isolate;align-self:stretch;display:grid;place-items:center;min-height:590px;padding:25px 18px 44px 0}
.circuit-art{position:absolute;right:-110px;top:-17px;width:112%;height:115%;color:var(--sky);opacity:.55;z-index:-2}
.circuit-pulse{stroke-dasharray:40 1700;animation:circuit 9s linear infinite}
.scene-orbit{position:absolute;z-index:-1;width:440px;height:440px;border-radius:50%;border:1px solid var(--blue);transform:rotate(-24deg);top:57px;left:0}
.scene-orbit span{position:absolute;top:20px;left:100px;font-size:.75rem;letter-spacing:.2em;color:var(--blue)}
.scene-orbit i{position:absolute;width:18px;height:18px;border:5px solid white;background:var(--sky);border-radius:50%;top:88px;left:22px}
.tirem-portrait{position:relative;width:87%;max-width:420px;transform:rotate(5deg);border:1px solid rgba(33,58,143,.24);background:var(--blue);border-radius:180px 180px 12px 12px;overflow:hidden;box-shadow:14px 19px 0 rgba(119,201,219,.16);animation:tirem 6s ease-in-out infinite}
.tirem-portrait img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.tirem-portrait figcaption{padding:17px 24px 23px;color:white;line-height:1.3}
.tirem-portrait figcaption span{display:block;font-size:.8rem;letter-spacing:.08em;margin-bottom:8px}
.tirem-portrait figcaption strong{font-family:var(--font-heading);font-weight:400;font-size:1.5rem}
.tirem-bubble{position:absolute;display:flex;align-items:center;gap:14px;top:33px;right:-5px;padding:17px 23px;background:rgba(52,58,64,.87);color:#fff;border-radius:12px 12px 12px 0;transform:rotate(-5deg);font-size:1rem;line-height:1.3;box-shadow:0 10px 35px #213a8f14}
.tirem-bubble>span{font-size:36px;color:var(--sky)}
.tirem-bubble strong{font-weight:400;color:var(--sky)}
.scene-caption{position:absolute;bottom:0;right:30px;font-size:.875rem;letter-spacing:.03em;color:var(--green)}
.hero-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:20px;padding-bottom:30px;font-size:.875rem}
.hero-foot>p{color:var(--green)}
.motion-toggle{display:flex;align-items:center;gap:9px;background:none;border:0;padding:8px 0;color:#576672;font-size:.875rem;min-height:44px}
.pause-symbol{font-family:Arial,sans-serif;font-size:16px}
.service-ribbon{background:var(--blue);color:#fff;padding:32px 0;position:relative}
.service-ribbon>div{max-width:1430px;padding-inline:var(--gutter);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.service-ribbon span{font-family:var(--font-heading);font-size:clamp(1.4rem,3.1vw,3rem);letter-spacing:-.02em;display:flex;gap:24px;align-items:center}
.service-ribbon i{font-style:normal;color:var(--sky);font-size:3rem;font-weight:400}
.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:50px;margin-bottom:56px}
.section-heading>.eyebrow{color:var(--blue);padding-top:10px;max-width:250px}
h2{font-size:clamp(2.1rem,3.5vw,3.5rem);letter-spacing:-.03em;color:var(--blue)}
h2 span{color:var(--green)}
.section-heading h2+p{margin-top:20px;max-width:650px}
.expertise-list{border-top:1px solid var(--line)}
.expertise{border-bottom:1px solid var(--line);padding:0 22px;transition:background .2s}
.expertise[open]{background:var(--wash)}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
.expertise summary{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 24px;align-items:center;gap:20px;padding-block:30px}
.expertise h3{font-size:clamp(1.5rem,2.3vw,2.1rem);color:var(--blue)}
.expertise-category{font-size:1.0625rem}
.plus{position:relative;width:24px;height:24px;color:var(--blue);justify-self:end;flex:none}
.plus::before,.plus::after{content:"";position:absolute;top:11px;left:3px;width:18px;height:1px;background:currentColor}
.plus::after{transform:rotate(90deg);transition:transform .25s}
details[open]>summary .plus::after{transform:rotate(0)}
.expertise-content{padding:0 50px 35px 0;max-width:930px}
.expertise-content>p{max-width:730px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.tags li{padding:4px 12px;border:1px solid #c3d8e2;border-radius:30px;font-size:.875rem;color:var(--green)}
.expertise-content .text-link{display:inline-block;margin-top:24px;color:var(--blue)}
.offers-section{background:var(--wash);border-block:1px solid var(--line)}
.offers-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;align-items:stretch}
.serenity-offer{position:relative;background:var(--blue);padding:44px;color:white;border-radius:8px 80px 8px 8px}
.offer-top{display:flex;align-items:center;justify-content:space-between;gap:15px}
.offer-top .eyebrow{color:var(--sky);font-size:.8rem}
.offer-label{font-size:.75rem;color:#c5dcf3}
.serenity-offer h3{font-size:4.4rem;margin-top:32px;letter-spacing:-.04em}
.serenity-offer h3>span{display:none}
.offer-description{color:#e3edff;margin-top:9px}
.price{display:flex;align-items:center;gap:26px;margin-top:22px}
.price>strong{font-family:var(--font-heading);font-size:6rem;font-weight:400;line-height:1.1;letter-spacing:-.05em}
.price strong>span{font-size:3rem;vertical-align:top;display:inline-block;margin-top:13px;margin-left:8px}
.price>p{line-height:1.4;color:#e3edff;font-size:1.125rem}
.tax-label{font-size:.875rem;color:#dae4f8;margin-top:4px}
.offer-features{margin-top:26px}
.offer-features li{padding-block:7px;display:flex;gap:12px;align-items:flex-start;font-size:1.0625rem}
.offer-features li::before{content:"+";color:var(--sky);font:400 1rem var(--font-heading);margin-top:3px}
.estimator{border-block:1px solid #677ab3;padding:22px 0;margin-top:28px}
.estimator-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.estimator label{font-size:1rem}
.stepper{display:flex;align-items:center;border:1px solid #8292bf;border-radius:4px}
.stepper button{background:none;color:#fff;border:0;width:38px;min-height:42px}
.stepper button:hover{background:#ffffff20}
.stepper input{width:42px;min-height:42px;text-align:center;border:0;border-inline:1px solid #8292bf;background:transparent;color:white;appearance:textfield;-moz-appearance:textfield}
.stepper input::-webkit-inner-spin-button,.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.estimate-result{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-top:18px;font-size:.9375rem}
.estimate-result output{font-family:var(--font-heading);font-size:1.65rem;color:var(--sky)}
.estimate-result small{font:400 .9375rem var(--font-body);color:#fff}
.estimate-note{font-size:.875rem;line-height:1.5;color:#d5e1f7;margin-top:10px}
.serenity-offer>.button{width:100%;margin-top:28px}
.contract-note{font-size:.8125rem;line-height:1.6;color:#d5e1f7;margin-top:20px}
.other-offers{display:grid;grid-template-rows:auto auto;gap:26px}
.secondary-offer{position:relative;padding:34px;background:white;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;align-items:flex-start}
.secondary-offer>.eyebrow{color:var(--green);margin-right:30px;font-size:.8rem}
.secondary-offer h3{font-size:2.75rem;color:var(--blue);margin:15px 0 13px}
.secondary-offer>p:not(.eyebrow){max-width:410px;line-height:1.5}
.secondary-offer .offer-features{margin-top:16px}
.secondary-offer .offer-features li{padding:4px 0}
.secondary-offer .offer-features li::before{color:var(--blue)}
.secondary-bottom{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:18px;margin-top:auto}
.secondary-bottom>span{font-size:.875rem;color:var(--green)}
.secondary-bottom a{color:var(--blue)}
.custom-offer{background:#e3f1f6;border-color:#cadde7}
.custom-offer .tags{margin-bottom:24px}
.custom-offer .secondary-bottom{border-color:#c3d8e2}
.proximity-section{background:var(--green);color:white;position:relative;overflow:hidden}
.proximity-section::before{content:"";width:560px;height:560px;position:absolute;left:-320px;top:-240px;border:1px solid #77c9db50;border-radius:50%;box-shadow:0 0 0 28px #77c9db08,0 0 0 56px #77c9db06;pointer-events:none}
.proximity-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:95px}
.proximity-section .eyebrow{color:var(--light-blue);margin-bottom:32px}
.proximity-section h2{color:#fff;font-size:clamp(2.2rem,3.5vw,3.5rem)}
.proximity-section h2 span{color:var(--light-blue)}
.proximity-copy .large-copy{font-family:var(--font-heading);font-size:1.75rem;line-height:1.25;color:white;margin:0}
.proximity-copy>p{color:#c5dfe3;margin-top:20px}
.local-network{margin-top:65px}
.local-network-label{display:flex;align-items:center;gap:12px;font-size:.875rem;color:var(--light-blue);margin-bottom:28px}
.network-node{width:12px;height:12px;border:1px solid var(--light-blue);border-radius:50%}
.towns{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));border-top:1px solid #77c9db70}
.towns p{font-family:var(--font-heading);font-size:clamp(1.5rem,2.7vw,2.6rem);line-height:1.2;padding-top:28px;position:relative}
.towns p::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--green);border:1px solid var(--light-blue)}
.values-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;margin-top:66px;border-top:1px solid #77c9db40;padding-top:32px}
.values-row p{font-size:1rem;color:#c5dfe3}
.values-row strong{font-weight:400;font-size:1.2rem;display:block;color:white;margin-bottom:6px}
.faq-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:90px}
.faq-intro .eyebrow{color:var(--blue);margin-bottom:26px}
.faq-intro>p:not(.eyebrow){margin-top:24px}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:28px;font:400 1.125rem/1.45 var(--font-heading);padding-block:25px;color:var(--blue)}
.faq-list details>p{padding:0 40px 28px 0;font-size:1.0625rem;line-height:1.65}
.faq-list details a{color:var(--blue)}
.contact-section{background:var(--sky);color:var(--green);padding-block:84px}
.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:100px}
.contact-section .eyebrow{font-size:.8125rem;letter-spacing:.1em;color:var(--blue);margin-bottom:28px}
.contact-section h2{font-size:clamp(4rem,7.2vw,7.2rem);letter-spacing:-.05em;line-height:1.02;color:var(--blue)}
.contact-section h2 span{color:var(--green)}
.contact-details>p:first-child{font-size:1.4rem;line-height:1.4;margin-bottom:27px}
.phone-link{display:block;text-decoration:none;margin-bottom:14px}
.phone-link>span{font-size:.875rem;display:block;letter-spacing:.07em;text-transform:uppercase;margin-bottom:4px}
.phone-link strong{font:400 clamp(2rem,3.5vw,3.5rem)/1.25 var(--font-heading);letter-spacing:-.02em;color:var(--blue)}
.phone-link:hover strong{text-decoration:underline;text-underline-offset:8px}
.email-link{font-size:1.5rem;overflow-wrap:anywhere;color:var(--blue)}
.email-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.copy-email{border:0;border-bottom:1px solid var(--green);padding:7px 0;background:none;color:var(--green);font-size:.875rem;min-height:44px}
.copy-status{font-size:.875rem}
.contact-details .contact-note{font-size:.9375rem;line-height:1.5;margin-top:24px;max-width:430px}
.site-footer{padding:30px 0 20px}
.footer-top{display:flex;align-items:center;gap:36px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.footer-top>p{font-size:1rem;color:var(--green)}
.back-top{margin-left:auto;color:var(--blue);font-size:.9375rem}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:24px;font-size:.8125rem}
.footer-bottom nav{display:flex;gap:24px}
.footer-bottom nav a{min-height:36px;display:inline-flex;align-items:center}
.footer-bottom>p:last-child{color:#5b6a73}
.legal-header .header-inner{min-height:104px}
.legal-header .text-link{color:var(--blue)}
.legal-main{max-width:950px;margin:auto;padding:70px var(--gutter) 95px}
.legal-main .eyebrow{color:var(--blue);margin-bottom:22px}
.legal-main h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.1;margin-bottom:28px;letter-spacing:-.025em;overflow-wrap:anywhere}
.legal-main h2{font-size:1.6rem;margin:40px 0 16px;line-height:1.3}
.legal-main h3{font-size:1.2rem;margin:25px 0 10px}
.legal-main p{margin-block:14px}
.legal-main ul{list-style:disc;padding-left:25px}
.legal-main li{margin:9px 0}
.legal-main a{color:var(--blue);overflow-wrap:anywhere}
.legal-lead{font-size:1.25rem;color:var(--green);padding-bottom:24px;border-bottom:1px solid var(--line)}
.legal-data{display:grid;grid-template-columns:170px 1fr;gap:12px 26px}
.legal-data dt{color:var(--green)}
.legal-data dd{margin:0}
.legal-nav{display:flex;flex-wrap:wrap;gap:26px;border-top:1px solid var(--line);padding-top:28px;margin-top:55px}
.legal-updated{font-size:.875rem;color:#5b6a73}
.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}
.js .reveal.is-visible{opacity:1;transform:none}
@keyframes circuit{to{stroke-dashoffset:-1740}}
@keyframes tirem{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(3deg) translateY(-9px)}}
body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation-play-state:paused!important}
.motion-paused{scroll-behavior:auto}
.motion-paused .reveal{transition:none;opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
@media print{.site-header,.hero-scene,.service-ribbon,.motion-toggle,.menu-toggle,.copy-email{display:none!important}body{color:#000;background:white;font-size:12pt}.section,.contact-section{padding-block:25px}.hero-grid,.section-heading,.offers-grid,.proximity-grid,.faq-section,.contact-grid{display:block}.hero-copy h1{font-size:36pt}.serenity-offer,.proximity-section,.contact-section{background:white;color:#000}.serenity-offer *,.proximity-section *,.contact-section *{color:#000!important}.js .reveal{opacity:1;transform:none}details{break-inside:avoid}details::details-content{display:block!important}.footer-top{display:none}.legal-main{max-width:none;padding:0}.stepper{display:none}a{text-decoration:underline}}
.hero-copy,.hero-scene,.offers-grid>*,.contact-grid>*,.proximity-grid>*{min-width:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.faq-tirem{width:230px;height:auto;aspect-ratio:1;margin:24px 0 0;object-fit:contain}
.contact-main-button{gap:24px;margin-bottom:23px}
.contact-open{overflow:hidden}
.contact-dialog{width:min(760px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:8px 52px 8px 8px;background:var(--paper);color:var(--ink);overscroll-behavior:contain;box-shadow:0 24px 100px #07444f40}
.contact-dialog::backdrop{background:#07444fc9;backdrop-filter:blur(4px)}
.contact-dialog-inner{padding:38px 40px 30px;position:relative}
.contact-close{position:absolute;top:18px;right:18px;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:white;color:var(--blue);font-size:27px;line-height:1}
.contact-dialog .eyebrow{color:var(--blue);padding-right:40px;margin-bottom:14px}
.contact-dialog h2{font-size:clamp(1.65rem,4vw,2.4rem);padding-right:22px;color:var(--blue)}
.contact-intro{margin-top:14px;font-size:1.125rem}
.contact-form{margin-top:22px;position:relative}
.contact-trap{position:absolute;left:-10000px;top:0;width:1px;height:1px;overflow:hidden}
.contact-fields{padding:0;margin:0;border:0;min-width:0}
.form-required{font-size:.9375rem;margin-bottom:16px}
.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 22px}
.form-field{display:flex;flex-direction:column;min-width:0}
.form-field-wide{grid-column:1/-1}
.form-field label{display:block;color:var(--green);font-size:1.0625rem;margin-bottom:6px}
.form-field label span{font-size:.875rem}
.form-field input,.form-field textarea{display:block;width:100%;min-height:48px;background:var(--wash);border:1px solid #6c8296;border-radius:4px;padding:10px 12px;color:var(--ink);font-size:1.0625rem;line-height:1.45}
.form-field textarea{min-height:126px;resize:vertical}
.form-field input:focus-visible,.form-field textarea:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-color:var(--blue)}
.form-field [aria-invalid=true]{border:2px solid var(--blue)}
.field-error{font-size:.9375rem;line-height:1.4;color:var(--blue);margin-top:5px}
.field-error:empty{display:none}
.form-field small{font-size:.875rem;margin-top:6px;line-height:1.4}
.form-status:not(:empty){padding:14px 16px;border-left:3px solid var(--blue);background:var(--wash);margin-bottom:20px;font-size:1rem;line-height:1.45}
.form-privacy{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:.875rem;line-height:1.5}
.form-privacy p+p{margin-top:8px}
.form-privacy a{overflow-wrap:anywhere}
.form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:22px}
.contact-submit{gap:26px;min-width:210px}
.contact-retry{color:var(--blue);background:none;border:0;padding:10px 0;text-decoration:underline}
.form-alternative{font-size:.9375rem;margin-top:18px;line-height:1.5}
.contact-success{padding:32px 0 10px;outline-offset:5px}
.contact-success p{margin-bottom:16px}
.contact-success .button{margin-top:12px}
.contact-page{max-width:820px;margin:auto;padding:60px var(--gutter) 80px}
.contact-page h1{font-size:clamp(2rem,5vw,3.6rem);margin-top:18px}
.contact-page .contact-form{margin-top:28px}
@media print{.contact-dialog{display:none!important}.faq-tirem{width:120px}}

/* Responsive layout. Columns may shrink; text and controls keep their space. */
:root{--gutter:clamp(18px,4.4vw,64px)}
html{scrollbar-gutter:stable;scroll-padding-top:116px}
.section{padding-block:clamp(56px,8vw,112px)}
.hero-top,.hero-actions,.hero-foot,.secondary-bottom,.footer-bottom nav{flex-wrap:wrap}
.hero-top{gap:12px 24px}
.header-inner{gap:clamp(14px,2vw,28px)}
.desktop-nav{gap:clamp(18px,2.3vw,34px);margin-right:clamp(0px,2vw,30px)}
.desktop-nav a,.header-contact{white-space:nowrap}
.header-contact{gap:12px}
.section-heading>*,.expertise summary>*,.expertise-content,.offers-grid>*,.other-offers>*,.proximity-grid>*,.towns>*,.values-row>*,.faq-section>*,.contact-grid>*,.legal-data>*{min-width:0}
.hero-copy h1{overflow-wrap:normal;word-break:normal}
.hero-intro br{display:none}
.hero-actions{row-gap:14px}
h2,h3{overflow-wrap:break-word;word-break:normal}
.button{max-width:100%;text-align:center;gap:12px}
.secondary-bottom{row-gap:10px;padding-top:18px;margin-top:24px}
.secondary-offer>.eyebrow{margin-right:0}
.offer-top{flex-wrap:wrap;row-gap:8px}
.stepper{flex:0 0 auto}
.stepper button{width:44px;min-height:44px}
.stepper input{width:48px;min-height:44px;font-size:1rem}
.estimate-result{flex-wrap:wrap;row-gap:6px}
.estimate-result output{white-space:nowrap}
.offer-features li{min-width:0;overflow-wrap:break-word}
.offer-features li::before{flex:0 0 auto}
.towns{gap:24px}
.towns p{overflow-wrap:break-word}
.phone-link strong{display:inline-block;max-width:100%;font-size:clamp(1.75rem,3.3vw,3.2rem)}
.footer-bottom nav{column-gap:24px;row-gap:4px}
.footer-top{flex-wrap:wrap;row-gap:16px}
.legal-data dd,.form-alternative,.form-status{overflow-wrap:anywhere}
.mobile-nav{max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}

/* The close button stays reachable while a long form scrolls. */
.contact-dialog{width:min(760px,calc(100% - 32px));max-height:calc(100vh - 32px);max-height:calc(var(--contact-viewport-height,100dvh) - 32px);overflow-x:clip;overflow-y:auto;scrollbar-gutter:stable;scroll-padding-block:80px 24px}
.contact-dialog-toolbar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:flex-end;min-height:60px;padding:8px 16px;background:var(--paper);border-bottom:1px solid var(--line)}
.contact-close{position:static;flex:none;width:44px;height:44px}
.contact-dialog-inner{padding:24px 36px 32px}
.contact-dialog .eyebrow,.contact-dialog h2{padding-right:0}
.contact-dialog h2{font-size:clamp(1.65rem,4vw,2.4rem);line-height:1.18}
.form-field input,.form-field textarea{scroll-margin-block:90px 24px}
.form-alternative{display:block}

@media(max-width:1200px){
  .hero-scene{min-height:520px}
  .scene-orbit{width:90%;height:auto;aspect-ratio:1;left:3%;top:15%}
  .tirem-bubble{right:0;top:18px;padding:14px;font-size:.9375rem}
  .tirem-portrait figcaption strong{font-size:clamp(1.05rem,1.9vw,1.5rem)}
  .scene-caption{right:0;font-size:.8125rem}
  .serenity-offer{padding:32px}
  .secondary-offer{padding:28px}
  .proximity-grid,.contact-grid,.faq-section{gap:44px}
  .offers-grid{gap:24px}
}
@media(max-width:1024px){
  .desktop-nav{display:none}
  .header-contact{margin-left:auto}
  .menu-toggle{display:flex}
  .header-inner{min-height:92px}
  .brand img{width:176px;height:auto}
  .hero-grid{gap:24px;padding-top:32px}
  .hero-scene{min-height:470px;padding-right:0}
  .hero-intro{font-size:1.375rem}
  .hero-description{max-width:100%}
  .tirem-portrait{width:92%}
  .hero-foot{align-items:flex-start;gap:8px 24px}
  .section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:36px}
  .section-heading>.eyebrow{max-width:none;padding-top:0}
  .expertise summary{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 24px;gap:18px}
  .expertise-content{padding-right:24px}
  .towns{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
  .towns p{font-size:clamp(1.5rem,3.3vw,2rem)}
  .towns p:nth-child(n+3){border-top:1px solid #77c9db70}
  .contact-grid{gap:32px}
  .contact-section h2{font-size:clamp(3rem,6vw,5rem)}
  .phone-link strong{font-size:clamp(1.75rem,3.8vw,2.75rem)}
  .email-link{font-size:1.25rem}
}
@media(max-width:960px){
  .offers-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .serenity-offer{padding:36px}
  .serenity-offer h3{font-size:clamp(2.6rem,6vw,4rem)}
  .other-offers{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:24px;align-items:stretch}
  .secondary-offer{padding:26px}
  .secondary-offer h3{font-size:clamp(1.8rem,3.8vw,2.75rem)}
  .secondary-bottom{margin-top:auto;padding-top:20px}
  .secondary-offer .offer-features,.custom-offer .tags{margin-bottom:24px}
  .faq-section{grid-template-columns:minmax(0,1fr);gap:32px}
  .faq-intro{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:14px 28px;align-items:start}
  .faq-intro>.eyebrow,.faq-intro>h2,.faq-intro>p{grid-column:1;margin:0}
  .faq-intro>.faq-tirem{grid-column:2;grid-row:1/4;align-self:center;width:150px;margin:0}
}
@media(max-width:800px){
  html{scroll-padding-top:104px}
  .hero-grid{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:28px;padding-bottom:20px}
  .hero-copy h1{font-size:clamp(2.25rem,9.6vw,4.7rem);line-height:1.04;letter-spacing:-.04em}
  .hero-copy{max-width:650px}
  .hero-intro{max-width:36ch;margin-top:24px}
  .hero-description{max-width:52ch}
  .hero-actions{margin-top:26px;gap:16px 24px}
  .hero-scene{width:100%;max-width:430px;min-height:0;justify-self:center;padding:56px 24px 42px;margin-top:4px}
  .tirem-portrait{width:82%;max-width:330px}
  .tirem-portrait figcaption{padding:14px 20px 20px}
  .tirem-portrait figcaption strong{font-size:1.25rem}
  .tirem-bubble{top:4px;right:6px;font-size:.875rem;padding:13px 16px}
  .tirem-bubble>span{font-size:28px}
  .scene-orbit{width:84%;left:8%;top:14%}
  .scene-orbit span{left:19%;font-size:.625rem}
  .scene-caption{bottom:0;right:10px;font-size:.8125rem}
  .circuit-art{right:-12%;width:115%;height:110%;top:-2%}
  .hero-foot{flex-direction:column;padding-top:12px;padding-bottom:20px;gap:4px}
  .service-ribbon{padding-block:24px}
  .service-ribbon>div{gap:16px;flex-wrap:wrap;justify-content:flex-start}
  .service-ribbon span{font-size:clamp(1.15rem,3.2vw,1.7rem)}
  .service-ribbon i{font-size:1.5rem}
  .proximity-grid,.contact-grid{grid-template-columns:minmax(0,1fr);gap:30px}
  .proximity-section .eyebrow{margin-bottom:24px}
  .proximity-section h2{font-size:clamp(1.875rem,4.8vw,2.7rem)}
  .proximity-copy .large-copy{font-size:1.5rem}
  .proximity-copy>p{max-width:65ch}
  .values-row{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:40px;padding-top:28px}
  .values-row strong{margin-bottom:2px}
  .contact-section{padding-block:56px}
  .contact-section h2{font-size:clamp(2.9rem,9.5vw,4.6rem)}
  .contact-details>p:first-child{font-size:1.25rem;margin-bottom:22px}
  .phone-link strong{font-size:clamp(1.8rem,7.3vw,2.7rem)}
  .email-link{font-size:clamp(1.1rem,3.5vw,1.4rem)}
  .contact-dialog{top:0;bottom:auto;margin:8px auto;width:calc(100% - 16px);max-height:calc(100vh - 16px);max-height:calc(var(--contact-viewport-height,100dvh) - 16px);border-top-right-radius:32px}
  .contact-dialog-inner{padding:24px 24px 28px}
}
@media(max-width:640px){
  html{scroll-padding-top:94px}
  .header-inner{min-height:80px;gap:12px}
  .brand img{width:150px;height:auto}
  .header-contact{display:none}
  .menu-toggle{margin-left:auto}
  .mobile-nav{max-height:calc(100vh - 81px);max-height:calc(100dvh - 81px)}
  .hero-top{padding-top:22px;gap:8px 16px}
  .hero-top .eyebrow{font-size:.75rem;letter-spacing:.07em;gap:8px}
  .hero-audience{font-size:.6875rem;letter-spacing:.03em}
  .hero-intro{font-size:1.25rem}
  .hero-description{font-size:1.0625rem}
  .hero-foot>p{font-size:.8125rem}
  .motion-toggle{font-size:.8125rem}
  .hero-actions .button{padding-inline:20px}
  .service-ribbon>div{gap:12px 18px}
  .service-ribbon i{display:none}
  .section-heading{gap:16px;margin-bottom:30px}
  h2{font-size:clamp(1.75rem,5.5vw,2.15rem);line-height:1.18;letter-spacing:-.025em}
  .section-heading h2+p{font-size:1.0625rem;margin-top:18px}
  .section-heading>.eyebrow{font-size:.8125rem}
  .expertise{padding-inline:14px}
  .expertise summary{grid-template-columns:minmax(0,1fr) 24px;gap:10px 14px;padding-block:24px}
  .expertise h3{font-size:clamp(1.2rem,4.2vw,1.5rem);line-height:1.25}
  .expertise-category{grid-column:1;grid-row:2;font-size:.9375rem}
  .expertise .plus{grid-column:2;grid-row:1/3}
  .expertise-content{padding:0 0 26px;font-size:1.0625rem}
  .tags{gap:8px}
  .tags li{font-size:.875rem;padding-inline:10px}
  .serenity-offer{padding:26px;border-top-right-radius:48px}
  .serenity-offer h3{font-size:clamp(2.5rem,9vw,3.6rem);margin-top:26px}
  .offer-top{align-items:flex-start}
  .offer-top .eyebrow,.offer-label{font-size:.75rem}
  .offer-label{max-width:150px}
  .price{gap:20px;margin-top:20px}
  .price>strong{font-size:5rem}
  .price strong>span{font-size:2.5rem}
  .price>p{font-size:1rem}
  .offer-features li{font-size:1rem}
  .tax-label{font-size:.8125rem}
  .estimator-top{align-items:flex-start;flex-wrap:wrap;gap:14px}
  .estimator-top label{flex:1 1 150px}
  .estimate-result output{font-size:1.5rem}
  .estimate-result>span{font-size:.875rem}
  .other-offers{grid-template-columns:minmax(0,1fr);gap:20px}
  .secondary-offer{padding:26px}
  .secondary-offer h3{font-size:clamp(2rem,7.5vw,2.6rem)}
  .secondary-offer>p:not(.eyebrow){font-size:1.0625rem}
  .local-network{margin-top:38px}
  .local-network-label{margin-bottom:20px}
  .towns{gap:26px 20px}
  .towns p{font-size:clamp(1.125rem,4.3vw,1.6rem);padding-top:20px}
  .faq-intro{grid-template-columns:minmax(0,1fr)}
  .faq-intro>.faq-tirem{grid-column:1;grid-row:auto;width:145px;justify-self:start;margin-top:4px}
  .faq-list summary{font-size:1rem;gap:16px;padding-block:22px;overflow-wrap:break-word}
  .faq-list details>p{padding-right:0;font-size:1.0625rem}
  .contact-section .eyebrow{font-size:.75rem;margin-bottom:22px}
  .contact-section h2{font-size:clamp(2.9rem,9.5vw,3.8rem)}
  .contact-details .contact-note{font-size:.9375rem}
  .footer-top{gap:14px 20px;padding-bottom:22px}
  .footer-top>p{font-size:.9375rem;order:3;flex-basis:100%}
  .footer-top .back-top{font-size:.875rem}
  .footer-bottom{align-items:flex-start;gap:12px;font-size:.8125rem}
  .footer-bottom nav{flex-basis:100%;gap:4px 22px}
  .legal-header .header-inner{min-height:80px}
  .legal-header .text-link{font-size:.875rem}
  .legal-main{padding:42px var(--gutter) 64px}
  .legal-main h1{font-size:clamp(2rem,8vw,2.65rem)}
  .legal-main h2{font-size:1.45rem}
  .legal-data{grid-template-columns:minmax(0,1fr);gap:6px}
  .legal-data dd{margin-bottom:14px}
  .legal-nav{font-size:1rem;gap:18px;margin-top:38px}
  .contact-page{padding-top:36px;padding-bottom:56px}
  .contact-dialog-toolbar{padding:6px 12px;min-height:56px}
  .contact-dialog-inner{padding:20px 20px 26px}
  .form-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .form-actions{gap:12px}
  .contact-submit{width:100%;min-width:0}
  .contact-dialog .eyebrow{font-size:.75rem}
}
@media(max-width:380px){
  .hero-top{align-items:flex-start;flex-direction:column;gap:7px}
  .hero-scene{padding-inline:18px}
  .hero-actions{gap:14px}
  .hero-actions .text-link{font-size:.9375rem}
  .serenity-offer,.secondary-offer{padding:22px}
  .estimator-top{flex-direction:column}
  .estimator-top label{flex:auto}
  .estimate-result{flex-direction:column;align-items:flex-start}
  .contact-dialog-inner{padding-inline:18px}
}
@media(max-height:500px) and (min-width:641px){
  .contact-dialog{top:0;bottom:auto;margin-block:8px;max-height:calc(var(--contact-viewport-height,100dvh) - 16px)}
  .mobile-nav{max-height:calc(100dvh - 94px)}
}
@media print{.contact-dialog{display:none!important}.faq-tirem{width:120px}}

/* Consent: equal choices, no modal wall, independent from the contact form. */
.footer-privacy{padding-top:14px;font-size:.875rem}
.cookie-settings{display:inline-flex;align-items:center;min-height:44px;color:var(--blue)}
.privacy-banner{position:fixed;z-index:60;inset:auto 20px 20px;width:calc(100% - 40px);max-width:1050px;margin-inline:auto;padding:22px 26px;border:1px solid var(--blue);border-radius:8px 30px 8px 8px;background:var(--paper);color:var(--ink);box-shadow:0 10px 48px #07444f33;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:20px 28px;max-height:70vh;max-height:70dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.privacy-banner h2{font-size:1.2rem;line-height:1.25;margin-bottom:8px;color:var(--blue)}
.privacy-banner p{font-size:.9375rem;line-height:1.45;margin-top:7px}
.privacy-banner a{color:var(--blue)}
.privacy-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:center}
.privacy-choice{min-height:44px;padding:10px 12px;border:1px solid var(--blue);border-radius:4px;background:var(--paper);color:var(--blue);font-size:1rem}
.privacy-choice:hover{background:var(--blue);color:var(--paper)}
.privacy-dismiss{grid-column:1/-1;min-height:44px;border:0;background:transparent;color:var(--ink);font-size:.8125rem;text-decoration:underline;text-underline-offset:3px}
.privacy-current{font-size:.8125rem!important;color:var(--green)}
@media(max-width:800px){.privacy-banner{grid-template-columns:minmax(0,1fr);gap:14px;padding:18px 20px;inset:auto 10px 10px;width:calc(100% - 20px)}.privacy-actions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:420px;width:100%}.privacy-banner h2{font-size:1.125rem}.privacy-banner p{font-size:.875rem}}
@media(max-height:500px){.privacy-banner{inset:auto 8px 8px;width:calc(100% - 16px);max-height:85dvh}}
@media print{.privacy-banner,.footer-privacy{display:none!important}}