
/* ============ Services page additions ============ */
.crumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;list-style:none;margin:0 0 1.8rem;padding:0;font-size:.88rem;color:rgba(255,255,255,.7)}
.crumb li+li::before{content:"\2039";margin-inline-end:.5rem;opacity:.6}
.crumb a{transition:color .2s}
.crumb a:hover{color:var(--acc)}
.crumb [aria-current]{color:#fff;font-weight:600}
.hero.hero--in{padding:clamp(1.4rem,3vw,2.2rem) 0 clamp(3.5rem,7vw,5.5rem)}
.hero--in h1{margin-top:0}
.hero--in .hv{width:min(100%,500px)}
.hx{fill:rgba(255,255,255,.05);stroke:rgba(255,255,255,.22);stroke-width:1.5}
.hx-c{fill:var(--em);stroke:rgba(255,255,255,.55);stroke-width:1.5}
.hx-g{fill:rgba(255,255,255,.015);stroke:rgba(255,255,255,.08);stroke-dasharray:3 6}
.cell{animation:cellglow 9s ease-in-out infinite;animation-delay:var(--cd,0s)}
@keyframes cellglow{0%,16%,100%{fill:rgba(255,255,255,.05)}6%{fill:rgba(43,185,133,.42)}}
.fc-d{top:2%;right:0;display:flex;gap:.7rem;align-items:center;--k:-10;animation-delay:-2s}
.fc-d .ci{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--em);color:#fff}
.fc-d b{display:block;font-family:var(--head);font-size:.95rem;line-height:1.3}
.fc-d span{font-size:.76rem;color:#55657A;line-height:1.4;display:block}
.hero--in .fc-b{bottom:4%;right:auto;left:0}

.finder{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:2rem;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:20px;background:var(--bg-alt)}
.finder b{font-family:var(--head);font-size:.95rem;margin-inline-end:.6rem}
.finder a{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.4rem 1rem;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:.9rem;font-weight:500;transition:background-color .25s,color .25s,border-color .25s,transform .25s}
.finder a .ico{color:var(--em-text);width:1.1rem;height:1.1rem;transition:color .25s}
.finder a:hover{background:var(--navy);color:#fff;border-color:var(--navy);transform:translateY(-2px)}
.finder a:hover .ico{color:var(--acc)}

.svc{scroll-margin-top:calc(var(--hh) + 1.5rem)}
.svc .stretch::after{content:"";position:absolute;inset:0;border-radius:20px}
.svc:focus-within{border-color:var(--em)}
.svc:target{border-color:var(--acc);box-shadow:0 0 0 4px rgba(245,165,36,.28)}
.svc-meta{display:flex;gap:.5rem;align-items:flex-start;font-size:.84rem;color:var(--muted);line-height:1.6;padding-top:.85rem;border-top:1px dashed var(--line)}
.svc-meta .ico{color:var(--em-text);width:1rem;height:1rem;margin-top:.2rem}

.wgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:28px;overflow:hidden}
.wcell{background:var(--surface);padding:2.2rem 2rem;transition:background-color .3s}
.wcell:hover{background:var(--mint)}
.wcell .ci{display:grid;place-items:center;width:56px;height:56px;margin-bottom:1.3rem;border-radius:16px;background:var(--mint);color:var(--em-text);transition:background-color .3s,color .3s}
.wcell:hover .ci{background:var(--em);color:#fff}
.wcell .ci .ico{width:1.6rem;height:1.6rem}
.wcell h3{font-size:1.15rem;margin-bottom:.5rem}
.wcell p{color:var(--muted);font-size:.95rem;line-height:1.85}
.lens-n{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--acc);color:#1A1405;font-family:var(--head);font-size:.72rem;font-weight:800}
.plan-cap .lens-n{width:20px;height:20px;font-size:.7rem}
@media (max-width:1024px){.wgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.wgrid{grid-template-columns:minmax(0,1fr)}.wcell{padding:1.6rem 1.3rem}.finder{padding:.9rem}.finder b{flex:1 1 100%;margin:0 0 .2rem}.hero--in .fc-b{left:0}.fc-d{right:0}}

/* ============ Contact ============ */
:root{--err:#B42318}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--err:#FF9A8F}}
:root[data-theme="dark"]{--err:#FF9A8F}
.sample-flag{display:inline-block;margin-inline-start:.7rem;padding:.1rem .75rem;border-radius:999px;background:#FDF0D4;color:#8A5600;font-family:var(--body);font-size:.76rem;font-weight:600;vertical-align:middle}
.hero.hero--ct{padding-bottom:clamp(4.5rem,8vw,6.5rem)}
.hero--ct h1{margin-top:0}
.hv-ct{position:relative;aspect-ratio:13/10;max-width:520px;margin-inline:auto;border-radius:28px;overflow:hidden;background:radial-gradient(70% 70% at 50% 45%,rgba(43,185,133,.24),transparent 70%),linear-gradient(160deg,#143A66,#061730);border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.hv-ct>svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.orbit{transform-origin:260px 200px;animation:spin 50s linear infinite}
.hv-ct .fc-p1{top:7%;left:5%;right:auto;--k:-10}
.hv-ct .fc-p2{top:auto;bottom:8%;right:5%;--k:10;animation-delay:-3s}

.cgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.1rem}
.cc{position:relative;grid-column:span 2;display:flex;flex-direction:column;gap:.7rem;padding:1.7rem;border:1px solid var(--line);border-radius:24px;background:var(--surface);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .3s}
.cc.wide{grid-column:span 3}
.cc:hover,.cc:focus-within{transform:translateY(-4px);border-color:var(--em);box-shadow:var(--sh)}
.hx{display:grid;place-items:center;width:58px;height:64px;margin-bottom:.4rem;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--mint);color:var(--em-text);transition:background-color .3s,color .3s}
.hx .ico{width:1.5rem;height:1.5rem}
.cc:hover .hx{background:var(--navy);color:var(--acc)}
.cc .k{font-size:.85rem;color:var(--muted)}
.cc .v{font-family:var(--head);font-size:1.3rem;font-weight:700;line-height:1.5;overflow-wrap:anywhere}
.cc .v.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block;text-align:start}
.cc .act{display:inline-flex;align-items:center;gap:.5rem;margin-top:auto;padding-top:.6rem;font-size:.92rem;font-weight:600;color:var(--em-text)}
.cc .act .ico{width:1rem;height:1rem;transition:transform .25s}
.cc:hover .act .ico{transform:translateX(-5px)}
.cc a.stretch::after{content:"";position:absolute;inset:0;border-radius:24px}
.cc p{font-size:.93rem;color:var(--muted);line-height:1.8}
.hours{display:grid;gap:.5rem;margin:.2rem 0 0;padding:0;list-style:none}
.hours li{display:flex;justify-content:space-between;gap:1rem;padding:.55rem .9rem;border-radius:12px;background:var(--bg-alt);font-size:.93rem}
.hours li.today{background:var(--mint);font-weight:600}
.hours time{direction:ltr;unicode-bidi:isolate}
.ostate{display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;padding:.15rem .85rem;border-radius:999px;background:var(--bg-alt);color:var(--muted);font-size:.8rem;font-weight:700}
.ostate::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--muted)}
.ostate[hidden]{display:none}
.ostate.on{background:var(--mint);color:var(--em-text)}
.ostate.on::before{background:var(--em-400);animation:ping 2s infinite}

.ct{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}
.fcard{position:relative;padding:clamp(1.6rem,3vw,2.6rem);border:1px solid var(--line);border-radius:30px;background:var(--surface);box-shadow:var(--sh)}
.fcard h2{font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.5}
.fcard>p.lead{margin-top:.4rem;color:var(--muted)}
.req-note{margin-top:1.2rem;font-size:.85rem;color:var(--muted)}
.req{margin-inline-start:.2rem;color:var(--err)}
.cform{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:1.4rem}
.cform .full{grid-column:1/-1}
.fld{min-width:0}
.fld label{display:block;margin-bottom:.45rem;font-size:.95rem;font-weight:600}
.fld .opt{margin-inline-start:.4rem;font-size:.8rem;font-weight:400;color:var(--muted)}
.fld input,.fld select,.fld textarea{width:100%;min-height:54px;padding:.7rem 1rem;border:1.5px solid var(--line);border-radius:14px;background:var(--bg);color:var(--text);font:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s,background-color .2s}
.fld textarea{min-height:130px;resize:vertical;line-height:1.8}
.fld select{appearance:none;-webkit-appearance:none;padding-inline-end:2.6rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238A99AB' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 1rem center}
.fld input[type=tel]{direction:ltr;text-align:end}
.fld input:hover,.fld select:hover,.fld textarea:hover{border-color:color-mix(in srgb,var(--em) 50%,var(--line))}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:0;border-color:var(--em);box-shadow:0 0 0 4px color-mix(in srgb,var(--em) 18%,transparent)}
.fld [aria-invalid="true"]{border-color:var(--err);background:color-mix(in srgb,var(--err) 5%,var(--bg))}
.fld [aria-invalid="true"]:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--err) 18%,transparent)}
.hint{display:flex;justify-content:space-between;gap:1rem;margin-top:.4rem;font-size:.82rem;color:var(--muted)}
.err{display:none;gap:.4rem;align-items:flex-start;margin-top:.4rem;color:var(--err);font-size:.86rem;font-weight:500;line-height:1.6}
.err .ico{flex:none;width:1rem;height:1rem;margin-top:.2rem}
.fld.has-err .err{display:flex}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.consent{font-size:.84rem;color:var(--muted);line-height:1.8}
.consent a{color:var(--em-text);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.btn[disabled]{cursor:progress;opacity:.9;transform:none}
.spin{display:none;width:1.15em;height:1.15em;border:2.5px solid rgba(26,20,5,.25);border-top-color:#1A1405;border-radius:50%;animation:rot .8s linear infinite}
@keyframes rot{to{transform:rotate(360deg)}}
.cf[data-state="loading"] .spin{display:inline-block}
.cf[data-state="loading"] .fld input,.cf[data-state="loading"] .fld select,.cf[data-state="loading"] .fld textarea{pointer-events:none;opacity:.65}
.esum,.fbad{margin-top:1.4rem;padding:1.1rem 1.3rem;border:1.5px solid var(--err);border-radius:16px;background:color-mix(in srgb,var(--err) 8%,var(--surface))}
.esum[hidden],.fbad[hidden],.fok[hidden]{display:none}
.esum:focus,.fbad:focus,.fok:focus{outline:3px solid var(--acc);outline-offset:3px}
.esum h3,.fbad h3{display:flex;align-items:center;gap:.6rem;font-size:1.02rem;color:var(--err)}
.esum h3 .ico,.fbad h3 .ico{width:1.2rem;height:1.2rem}
.esum ul{display:grid;gap:.3rem;margin:.7rem 0 0;padding-inline-start:1.5rem}
.esum a{color:var(--text);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.fbad p{margin-top:.5rem;font-size:.93rem;line-height:1.8}
.fbad .row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.9rem}
.fok{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2.4rem 1rem;text-align:center}
.fok svg.tick{width:96px;height:96px}
.fok .c{fill:none;stroke:var(--em);stroke-width:4;stroke-dasharray:240;stroke-dashoffset:240;animation:draw .8s .1s ease forwards}
.fok .t{fill:none;stroke:var(--em);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;animation:draw .5s .7s ease forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.fok h2{font-size:1.6rem}
.fok p{max-width:42ch;color:var(--muted)}
.fok .row{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem}
.cform[hidden]{display:none}

.side-c{display:grid;gap:1.1rem}
.asr{padding:1.7rem;border-radius:26px;color:#fff;background:var(--navy) radial-gradient(circle at 0 100%,rgba(43,185,133,.3),transparent 55%)}
.asr h2{font-size:1.25rem;margin-bottom:1rem}
.asr ul{display:grid;gap:.8rem;margin:0;padding:0;list-style:none}
.asr li{display:flex;gap:.7rem;align-items:flex-start;font-size:.95rem;line-height:1.8;color:rgba(255,255,255,.88)}
.asr li .ico{flex:none;margin-top:.35rem;width:1rem;height:1rem;color:var(--em-400);stroke-width:3}
.quick{padding:1.5rem;border:1px solid var(--line);border-radius:26px;background:var(--surface)}
.quick h2{font-size:1.1rem;margin-bottom:.4rem}
.quick p{font-size:.9rem;color:var(--muted);margin-bottom:1rem}
.quick .btn{width:100%}
.quick .btn+.btn{margin-top:.6rem}

.mapsec{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:center}
.map-frame{position:relative;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:#0B2A4E;box-shadow:var(--sh)}
.map-frame>svg,.map-frame>iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.pring{transform-box:fill-box;transform-origin:center;animation:pr 2.2s ease-out infinite}
@keyframes pr{0%{transform:scale(1);opacity:.9}100%{transform:scale(3);opacity:0}}
.map-info h2{font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.5}
.map-info p{margin-top:.8rem;color:var(--muted)}
.map-info address{margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid var(--line);font-style:normal;line-height:1.9}

.chips{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none}
.chips a{display:inline-flex;align-items:center;gap:.5rem;min-height:48px;padding:.3rem 1.2rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-weight:500;transition:background-color .25s,color .25s,border-color .25s,transform .25s}
.chips a .ico{width:1.1rem;height:1.1rem;color:var(--em-text);transition:color .25s}
.chips a:hover{background:var(--navy);color:#fff;border-color:var(--navy);transform:translateY(-2px)}
.chips a:hover .ico{color:var(--acc)}

@media (max-width:1024px){
  .cgrid{grid-template-columns:repeat(2,1fr)}
  .cc,.cc.wide{grid-column:auto}
  .cc.wide{grid-column:1/-1}
  .ct,.mapsec{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .cgrid{grid-template-columns:minmax(0,1fr)}
  .cc.wide{grid-column:auto}
  .cform{grid-template-columns:minmax(0,1fr)}
  .fcard{border-radius:24px}
  .hv-ct .fc-p1{top:5%}
}
