/* SABZSOLUTIONS — AIR / MOTION / IDEA
   iOS-inspired, purpose-built web surfaces over the original blue world.
   Glass belongs to navigation and temporary controls; content stays legible.
   No SF Symbols or Apple asset files are embedded; icon paths are original. */

:root{
  font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif;
  --ink:#153c60;
  --soft:#3a6387;
  --muted:#6385a1;
  --accent:#1671d5;
  --sky:#55b8f4;
  --surface:rgba(255,255,255,.90);
  --surface-line:rgba(255,255,255,.74);
  --beat-glow:rgba(181,247,241,.13);
  color:var(--ink);
  background:#55b8f4;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility
}
*{box-sizing:border-box}
html,body{width:100%;min-height:100%;margin:0}
html{scroll-behavior:smooth}
/* Use clip instead of hidden so Safari does not create a second vertical scroll container. */
body{overflow-x:hidden;overflow-x:clip}
button,input{font:inherit}
button{cursor:pointer;touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #1477e0;outline-offset:3px}
button:disabled{opacity:.6;cursor:default}
.icon-library{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.ui-icon,.nav-icon{display:inline-block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
#site{
  position:relative;display:flex;flex-direction:column;min-height:100svh;
  background:#dff3ff;color:var(--ink);
  transition:background .35s ease
}
#site.night{
  --ink:#e9efff;--soft:#d2daf4;--muted:#acb8dc;
  --surface:rgba(25,32,66,.89);--surface-line:rgba(241,245,255,.15);
  --accent:#a7c8ff;--sky:#141b43;--beat-glow:rgba(220,183,255,.12);
  background:#101632;color:var(--ink)
}
/* The artwork is the hero: never dim, grid, or replace the creative figure. */
.scene{
  position:relative;flex:1 0 auto;isolation:isolate;overflow:hidden;
  height:calc(100svh - 135px);min-height:570px;
  background:var(--sky);transition:background .4s ease
}
.art{
  position:absolute;inset:0;z-index:-3;pointer-events:none;
  background-image:url('../assets/scene-day.png');
  background-position:center top;background-size:cover;background-repeat:no-repeat;
  transition:opacity .48s ease
}
.art-night{background-image:url('../assets/scene-night.png');opacity:0}
.night .art-day{opacity:0}.night .art-night{opacity:1}
.scene::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(ellipse 250px 230px at 12% 9%,var(--beat-glow),transparent 77%);
  opacity:0;transition:opacity .7s ease
}
#site.beating .scene::after{opacity:1;transition:opacity .09s ease}
.ambient{position:absolute;z-index:-1;opacity:.20;pointer-events:none;width:80px;height:22px;animation:cloudfloat 45s linear infinite;color:white;top:26%;left:-7%}
.ambient svg{width:100%;height:100%}
.ambient.b{width:57px;top:48%;animation-duration:60s;animation-delay:-30s;opacity:.14}
@keyframes cloudfloat{to{transform:translateX(115vw)}}

/* One luminous signature panel, not a technical label pinned over the clouds. */
.header{
  position:absolute;inset:0 0 auto;z-index:6;
  padding:clamp(18px,3vw,35px) clamp(18px,4.1vw,60px);
  display:flex;justify-content:space-between;align-items:flex-start;gap:17px;
}
.identity{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.brand{
  display:flex;align-items:center;gap:9px;
  border:1px solid rgba(255,255,255,.84);border-radius:25px;
  background:rgba(248,253,255,.82);padding:7px 15px 7px 7px;
  min-height:83px;white-space:nowrap;color:#17395a;
  box-shadow:0 5px 28px rgba(19,84,136,.14),inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(24px) saturate(1.18);-webkit-backdrop-filter:blur(24px) saturate(1.18);
  transition:transform .22s ease,box-shadow .22s ease,background .25s ease
}
.brand:hover{transform:translateY(-2px);box-shadow:0 9px 32px rgba(24,82,137,.18),inset 0 1px 0 white}
.brand:active{transform:scale(.985)}
.hand-logo{
  display:block;flex:none;width:82px;height:67px;overflow:hidden;
  border-radius:19px;background:rgba(77,145,189,.58);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.33);
}
.wordmark{
  display:inline-flex;align-items:baseline;gap:0;
  color:#143d60;line-height:1;font-size:clamp(21px,2.3vw,29px);
  font-weight:690;letter-spacing:-.065em;font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif;
}
.wordmark .sol{font-weight:420;letter-spacing:-.065em;margin-left:1px;color:#2a7c70}
.night .brand{background:rgba(244,250,255,.88);color:#143d60}
.night .wordmark{color:#153d65}
.soundrow{margin:0 0 0 9px;display:flex;align-items:center}
.tiny-sound{
  display:inline-flex;gap:7px;align-items:center;border:1px solid rgba(255,255,255,.75);
  border-radius:99px;padding:5px 9px;background:rgba(242,250,255,.55);
  color:#234b6f;font-size:10px;font-weight:570;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:0 2px 13px rgba(25,91,142,.06)
}
.tiny-sound:hover{background:rgba(255,255,255,.86)}
.night .tiny-sound{color:#eef1ff;background:rgba(29,36,67,.7);border-color:rgba(255,255,255,.21)}
.tiny-sound svg{width:12px;height:12px;flex:none}
.tiny-track{width:23px;height:13px;padding:2px;border-radius:20px;background:#b6cbdb;transition:background .18s}
.tiny-thumb{display:block;width:9px;height:9px;background:white;border-radius:50%;box-shadow:0 1px 2px #244d6847;transition:transform .18s}
.tiny-sound[aria-pressed="true"] .tiny-track{background:#43b981}
.tiny-sound[aria-pressed="true"] .tiny-thumb{transform:translateX(10px)}

/* Floating navigation material: a single capsule with clear active state. */
.nav-wrap{display:flex;align-items:center;gap:10px;margin-top:7px;min-width:0}
.nav{
  display:flex;align-items:center;gap:2px;padding:5px;
  background:rgba(250,253,255,.78);
  border:1px solid rgba(255,255,255,.83);border-radius:999px;
  box-shadow:0 7px 25px rgba(24,73,135,.16),inset 0 1px rgba(255,255,255,.88);
  backdrop-filter:blur(24px) saturate(1.15);
  -webkit-backdrop-filter:blur(24px) saturate(1.15)
}
.nav button,.nav a{
  min-height:40px;display:inline-flex;align-items:center;justify-content:center;
  gap:7px;padding:9px 12px;border:0;border-radius:999px;
  background:transparent;color:#345875;
  white-space:nowrap;text-decoration:none;
  font-size:12px;font-weight:620;letter-spacing:-.025em;
  box-shadow:none;transition:background .18s ease,color .18s ease,transform .18s ease
}
.nav-icon{width:17px;height:17px;stroke-width:1.9}
.nav button:hover,.nav a:hover{background:rgba(225,241,253,.84);color:#185ea8}
.nav button:active,.nav a:active{transform:scale(.96)}
.nav button.active{background:#dcefff;color:#0d63bf;box-shadow:inset 0 0 0 1px rgba(104,176,243,.23)}
.nav button.active .nav-icon{stroke-width:2.15}
.mode{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  width:47px;height:47px;min-width:47px;padding:0;
  border-radius:50%;border:1px solid rgba(255,255,255,.86);
  background:rgba(248,252,255,.8);color:#24567a;
  box-shadow:0 7px 22px rgba(21,73,126,.14);
  backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);
  transition:background .2s,transform .2s
}
.mode:hover{background:rgba(255,255,255,.96);transform:translateY(-1px)}
.mode svg{width:20px;height:20px}
.mode span{display:none}
.night .nav{background:rgba(27,34,68,.70);border-color:rgba(244,248,255,.2);box-shadow:0 8px 22px rgba(0,5,31,.22)}
.night .nav button,.night .nav a{color:#e3eaff}
.night .nav button:hover,.night .nav a:hover{background:rgba(164,190,239,.18)}
.night .nav button.active{color:#e7f1ff;background:rgba(106,154,230,.36);box-shadow:inset 0 0 0 1px rgba(169,206,255,.23)}
.night .mode{background:rgba(30,37,74,.76);border-color:rgba(241,245,255,.25);color:#f1eeff}

/* A quiet caption, never an overlay on top of the artist or stairs. */
.scene-whisper{
  position:absolute;right:clamp(18px,4.1vw,60px);bottom:24px;z-index:2;
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 12px;border-radius:999px;
  border:1px solid rgba(255,255,255,.5);
  background:rgba(244,251,255,.45);
  backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);
  box-shadow:0 4px 20px rgba(18,71,124,.06);
  color:#144a77;font-size:11px;font-weight:620;letter-spacing:-.01em
}
.scene-whisper svg{width:15px;height:15px;color:#197ad6}
.night .scene-whisper{background:rgba(22,30,65,.52);border-color:rgba(255,255,255,.18);color:#e7eafc}
.night .scene-whisper svg{color:#d6b6fb}

/* The quick information section is a calm, readable shelf below the sky. */
.dock{
  position:relative;z-index:3;
  display:grid;grid-template-columns:1.14fr 1fr 1fr;gap:13px;
  padding:25px clamp(18px,4.1vw,60px) 24px;
  background:linear-gradient(180deg,#b5e6ff 0%,#e5f5ff 100%);
  transition:background .35s
}
.dock-label{grid-column:1/-1;display:flex;align-items:baseline;gap:12px;padding:0 4px 3px;color:#194c76}
.dock-label>span{font-size:17px;font-weight:670;letter-spacing:-.055em}
.dock-label small{font-size:11px;color:#6285a6;font-weight:450}
.tile{
  min-width:0;min-height:89px;position:relative;
  display:flex;align-items:center;gap:13px;
  padding:15px 15px;border:1px solid rgba(255,255,255,.92);
  border-radius:23px;background:rgba(255,255,255,.76);color:#214765;
  text-align:left;
  box-shadow:0 6px 21px rgba(24,84,137,.09),inset 0 1px rgba(255,255,255,.95);
  transition:transform .19s ease,box-shadow .19s ease,background .19s ease
}
.tile:hover{transform:translateY(-3px);background:rgba(255,255,255,.92);box-shadow:0 12px 28px rgba(24,84,137,.14),inset 0 1px white}
.tile:active{transform:scale(.99)}
.tile .tile-icon{
  display:grid;place-items:center;flex:none;
  width:46px;height:46px;border-radius:16px;
  background:linear-gradient(145deg,#deedff,#c7e3ff);
  color:#2174ca;box-shadow:inset 0 1px rgba(255,255,255,.85);
}
.tile:nth-of-type(2) .tile-icon{background:linear-gradient(145deg,#e4f6eb,#c7edd8);color:#32906d}
.tile:nth-of-type(3) .tile-icon{background:linear-gradient(145deg,#f4ecff,#e1d8ff);color:#886dd3}
.tile svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tile-text{min-width:0;flex:1}
.tile-overline{display:block;margin-bottom:5px;color:#6d8ba3;font-size:10px;font-weight:540;letter-spacing:.005em;text-transform:none}
.tile-main{display:block;font-size:14px;font-weight:650;letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#173b5b}
.tile-sub{display:block;margin-top:4px;color:#7792a8;font-size:10px;font-weight:440;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile .chev{width:17px;height:17px;flex:none;color:#93b0c5;stroke-width:2}
.weather-icon{color:#8668c9!important}
.weather-temp{font-variant-numeric:tabular-nums}
.night .dock{background:linear-gradient(180deg,#23295b 0%,#121a3e 100%)}
.night .dock-label{color:#e7edff}.night .dock-label small{color:#aebce2}
.night .tile{background:rgba(33,42,83,.8);color:#e7edff;border-color:rgba(235,243,255,.15);box-shadow:0 6px 21px rgba(1,7,28,.17)}
.night .tile:hover{background:rgba(51,65,112,.9)}
.night .tile .tile-icon{background:rgba(101,138,219,.27);color:#c0dfff}
.night .tile:nth-of-type(2) .tile-icon{background:rgba(65,146,129,.26);color:#b3ecdc}
.night .tile:nth-of-type(3) .tile-icon{background:rgba(148,122,222,.25);color:#dfc7ff}
.night .tile-main{color:#f5f7ff}.night .tile-overline{color:#bcc8e6}.night .tile-sub{color:#abb9de}

/* Content is solid, softer, and editorial; avoids glass-on-glass. */
.sbz-module,.sbz-module--forest{
  --module-bg:#f8fcff;--module-ink:#173b61;
  display:flex;align-items:center;justify-content:space-between;gap:36px;
  position:relative;z-index:2;
  margin:0 clamp(18px,4.1vw,60px) 33px;
  min-height:220px;padding:clamp(25px,4vw,43px) clamp(24px,4.4vw,58px);
  background:linear-gradient(126deg,rgba(255,255,255,.98),rgba(236,249,255,.98));
  border:1px solid rgba(255,255,255,.93);
  border-radius:30px;box-shadow:0 8px 29px rgba(27,100,150,.07);
  color:var(--module-ink);overflow:hidden
}
.sbz-module-copy{position:relative;z-index:1;min-width:0;flex:1;max-width:740px}
.sbz-module-eyebrow{
  display:flex;align-items:center;gap:7px;
  margin-bottom:10px;color:#287eac;
  font-size:10px;font-weight:660;letter-spacing:.02em;text-transform:none;opacity:1
}
.sbz-module-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#53b1e9;box-shadow:0 0 0 4px #d8f3ff}
.sbz-module h2{
  margin:0 0 10px;font-size:clamp(22px,2.35vw,32px);
  font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif;
  letter-spacing:-.065em;font-weight:680;line-height:1.16;color:#153b60
}
.sbz-module p{margin:0;max-width:650px;font-size:clamp(12px,1vw,14px);font-weight:440;line-height:1.7;color:#5d7b97;opacity:1}
.sbz-module-art{
  flex:none;width:clamp(120px,19vw,205px);height:175px;max-height:none;
  object-fit:contain;padding:14px;
  border:1px solid #c9e9ed;border-radius:26px;
  background:radial-gradient(circle at 28% 20%,#fff,#e0f9f3 65%,#d9f0f5);
  box-shadow:inset 0 1px rgba(255,255,255,.97),0 7px 24px rgba(40,150,149,.07);
  opacity:1;filter:none
}
.sbz-module--banner{background:linear-gradient(115deg,#ebf7ff,#e1f1ff)}
.sbz-module--note{min-height:175px}
.sbz-module-link{display:inline-flex;align-items:center;gap:7px;margin-top:13px;padding:7px 0;border:0;border-bottom:1px solid rgba(28,101,167,.36);color:#2075b9;font-size:12px;font-weight:600;text-decoration:none}
.sbz-module--copper .sbz-module-art{background:linear-gradient(145deg,#fff4e9,#f3e6d9);border-color:#f2e0cd}
.sbz-module--ink .sbz-module-art{background:linear-gradient(145deg,#eef3ff,#e8e5fa)}
.night .sbz-module{
  --module-ink:#e7efff;background:linear-gradient(135deg,#212e5d,#19234b);
  border-color:rgba(218,229,255,.17);box-shadow:0 7px 29px #050a1e30;color:#e7edff
}
.night .sbz-module-eyebrow{color:#a9c9ff}
.night .sbz-module-eyebrow::before{background:#acbfff;box-shadow:0 0 0 4px #acbfff22}
.night .sbz-module h2{color:#f2f6ff}
.night .sbz-module p{color:#b9c9ec}
.night .sbz-module-art{background:linear-gradient(140deg,#dbf5ff,#e8fff7)}

/* Temporary window: readable regular material, SF-like shape/size. */
.scrim{position:fixed;inset:0;background:rgba(16,35,63,.28);opacity:0;pointer-events:none;z-index:20;transition:opacity .25s}
.scrim.show{opacity:1;pointer-events:auto}
.drawer{
  position:fixed;right:clamp(15px,3.7vw,54px);top:110px;bottom:auto;
  z-index:30;width:min(405px,calc(100vw - 30px));
  max-height:calc(100svh - 130px);overflow:auto;
  padding:27px 26px 28px;
  border:1px solid rgba(255,255,255,.87);border-radius:30px;
  background:rgba(250,253,255,.93);color:#173e60;
  box-shadow:0 24px 68px rgba(11,45,79,.22),inset 0 1px rgba(255,255,255,.98);
  backdrop-filter:blur(34px) saturate(1.2);-webkit-backdrop-filter:blur(34px) saturate(1.2);
  transform:translateX(calc(100% + 65px)) scale(.985);transform-origin:right center;
  opacity:0;pointer-events:none;
  transition:transform .29s cubic-bezier(.2,.85,.2,1),opacity .22s
}
.drawer.open{transform:translateX(0) scale(1);opacity:1;pointer-events:auto}
.drawer-close{
  position:absolute;right:17px;top:15px;
  display:grid;place-items:center;width:32px;height:32px;padding:0;
  border:0;border-radius:50%;background:rgba(110,143,168,.16);color:#526f88;
  transition:background .15s
}
.drawer-close:hover{background:#d9eefa}
.drawer-close svg{width:15px;height:15px;stroke-width:2.2}
.drawer small{display:block;margin:0 36px 10px 0;font-size:11px;letter-spacing:.02em;text-transform:none;font-weight:620;color:#60829d}
.drawer h2{font-size:clamp(24px,3vw,31px);font-weight:720;letter-spacing:-.07em;line-height:1.15;margin:14px 0 16px;color:#193e61}
.drawer p{font-size:13px;line-height:1.75;color:#5a7792;margin:10px 0}
.drawer-link{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin:9px 0;padding:13px 14px;
  border:1px solid #dbe9f5;border-radius:16px;
  background:rgba(241,248,255,.8);color:#235579;
  text-align:left;font-size:12px;font-weight:580;text-decoration:none;
  transition:background .15s
}
.drawer-link:hover{background:#e0f0ff}
.drawer .pill{display:inline-flex;padding:6px 11px;border:1px solid #d3e5f4;border-radius:999px;background:#edf7ff;color:#396f9b;font-size:11px}
.edit-field{width:100%;display:block;margin:15px 0;padding:12px 14px;border:1px solid #cfdfed;border-radius:14px;background:#f9fcff;color:#173e60;font-size:16px}
.save{background:#1876d1;color:white;border:0;border-radius:14px;padding:11px 16px;font-weight:650;font-size:13px}
.save:hover{background:#0b64b9}
.status-note{font-size:11px!important;margin-top:14px!important;color:#7490a4!important}
.project-entry{border-bottom:1px solid rgba(104,147,179,.18);padding:13px 0}
.project-entry strong{display:block;font-size:15px;font-weight:650;color:#285374}
.project-entry small{display:block;margin-top:5px;font-size:11px;font-weight:430;line-height:1.5;letter-spacing:0;text-transform:none}
.project-entry a{display:block;text-decoration:none;color:inherit}
.night .scrim{background:rgba(6,8,26,.55)}
.night .drawer{background:rgba(28,38,77,.94);color:#f1f4ff;border-color:rgba(246,249,255,.19);box-shadow:0 26px 74px rgba(1,5,18,.43)}
.night .drawer-close{background:rgba(217,230,255,.16);color:#e0eaff}
.night .drawer small{color:#bdc9e8}
.night .drawer h2{color:#f2f4ff}
.night .drawer p{color:#c0cbe8}
.night .drawer-link{background:#2c396e;border-color:#4a598e;color:#e6eeff}
.night .drawer-link:hover{background:#3b4c86}
.night .drawer .pill{background:#303b73;border-color:#536393;color:#d9e4fc}
.night .edit-field{background:#1d2958;border-color:#536493;color:#f3f7ff}
.night .save{background:#a1bcff;color:#192547}
.night .project-entry{border-color:#58699455}
.night .project-entry strong{color:#e5eeff}

/* Existing visual preview and reduced motion controls are retained. */
.studio-preview-mark{background:rgba(182,227,252,.3);outline:2px solid #1382e2;outline-offset:3px;border-radius:9px}
.reduced .leaf,.reduced .ambient,.reduced .floating-leaf{animation:none}
#site.reduced .scene::after{display:none}
.floating-leaf{transform-origin:460px 99px;animation:leafhover2 4.4s ease-in-out infinite;filter:drop-shadow(0 6px 5px rgba(5,48,70,.13))}
@keyframes leafhover2{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.vessel-network{opacity:.92;stroke-width:6}
.night .vessel-network{stroke:#51b9c4;opacity:.8}
.vessel-flash{opacity:0;stroke-dasharray:85 1000;stroke-dashoffset:1020}
#site.beating .vessel-flash{animation:veintravel .84s ease-in-out 1}
@keyframes veintravel{0%{opacity:0;stroke-dashoffset:1020}17%{opacity:.9}70%{opacity:.75}100%{opacity:0;stroke-dashoffset:0}}
#site.beating .floating-leaf{filter:drop-shadow(0 0 9px rgba(130,243,188,.36))}

@media(max-width:1040px){
 .header{padding:22px 20px}
 .nav-wrap{gap:6px}
 .nav button,.nav a{padding:9px 8px;font-size:11px;gap:5px}
 .nav-icon{width:16px;height:16px}
 .mode{width:43px;height:43px;min-width:43px}
 .brand{min-height:75px}
 .hand-logo{width:74px;height:60px}
 .wordmark{font-size:22px}
 .tile{padding:12px 11px;gap:9px}
 .tile .tile-icon{width:40px;height:40px}
 .tile-main{font-size:13px}
 .dock{gap:9px}
}
@media(max-width:760px){
 .scene{height:calc(100svh - 125px);min-height:540px}
 .header{padding:calc(18px + env(safe-area-inset-top,0px)) 17px 18px}
 .brand{min-height:73px;border-radius:22px;padding:7px 13px 7px 7px}
 .hand-logo{width:67px;height:57px;border-radius:16px}
 .wordmark{font-size:22px}
 .nav-wrap{gap:0}
 .nav{
  position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));
  transform:translateX(-50%);z-index:15;
  width:min(480px,calc(100vw - 24px));
  padding:7px 7px 6px;border-radius:27px;gap:2px;
  background:rgba(249,252,255,.87);
  border:1px solid rgba(255,255,255,.91);
  box-shadow:0 9px 42px rgba(14,55,102,.2),inset 0 1px rgba(255,255,255,.95);
  backdrop-filter:blur(30px) saturate(1.3);-webkit-backdrop-filter:blur(30px) saturate(1.3)
 }
 .nav button,.nav a{
  flex:1 1 0;min-width:0;min-height:53px;
  padding:8px 3px 7px;border-radius:20px;
  flex-direction:column;gap:3px;
  font-size:10px;font-weight:570;letter-spacing:-.02em
 }
 .nav-icon{width:21px;height:21px}
 .nav button.active{background:rgba(195,229,255,.78);box-shadow:none}
 .mode{position:absolute;right:17px;top:calc(18px + env(safe-area-inset-top,0px));width:49px;height:49px;min-width:49px}
 .night .nav{background:rgba(29,40,80,.89);border-color:rgba(234,242,255,.23)}
 .dock{grid-template-columns:1fr 1fr;padding:21px 17px 19px}
 .dock-label{grid-column:1/-1}
 .tile:last-child{grid-column:1/-1}
 .tile{min-height:80px}
 .sbz-module{margin:0 17px 108px;padding:28px 23px}
 .sbz-module-art{width:130px;height:140px}
 .drawer{top:auto;bottom:calc(100px + env(safe-area-inset-bottom,0px));right:12px;left:12px;
  width:calc(100% - 24px);max-height:calc(100svh - 152px);transform:translateY(25px) scale(.97);transform-origin:center bottom;
  border-radius:29px}
 .drawer.open{transform:translateY(0) scale(1)}
 .scene-whisper{right:17px;bottom:20px}
}
@media(max-width:510px){
 .scene{height:calc(100svh - 120px);min-height:490px}
 .art{background-size:auto 100%;background-position:40% top}
 .header{padding:calc(14px + env(safe-area-inset-top,0px)) 12px 14px}
 .identity{max-width:calc(100vw - 89px)}
 .brand{min-height:66px;border-radius:20px;padding:6px 10px 6px 6px;gap:6px}
 .hand-logo{width:58px;height:53px;border-radius:15px}
 .wordmark{font-size:clamp(16px,4.5vw,21px);letter-spacing:-.06em}
 .wordmark .sol{letter-spacing:-.06em}
 .soundrow{margin-left:5px}
 .tiny-sound{font-size:9px;padding:4px 7px}
 .mode{right:12px;top:calc(14px + env(safe-area-inset-top,0px));width:44px;height:44px;min-width:44px}
 .scene-whisper{right:12px;bottom:12px;font-size:10px;padding:7px 9px}
 .dock{grid-template-columns:1fr;gap:10px;padding:19px 12px 17px}
 .dock-label{padding:0 4px}
 .dock-label>span{font-size:16px}
 .dock-label small{font-size:11px}
 .tile{min-height:71px;border-radius:20px;padding:11px 13px}
 .tile:last-child{grid-column:auto}
 .tile .tile-icon{width:40px;height:40px;border-radius:14px}
 .tile-main{font-size:13px}
 .tile-sub{font-size:10px}
 .nav{width:calc(100% - 16px);bottom:calc(8px + env(safe-area-inset-bottom,0px));border-radius:25px;padding:6px}
 .nav button,.nav a{font-size:9px;min-height:50px}
 .nav-icon{width:19px;height:19px}
 .sbz-module{margin:0 12px 105px;padding:23px 19px;border-radius:24px;gap:12px;min-height:190px}
 .sbz-module h2{font-size:21px}
 .sbz-module p{font-size:11px;line-height:1.62}
 .sbz-module-eyebrow{font-size:9px}
 .sbz-module-art{width:78px;height:95px;padding:5px;border-radius:17px}
 .drawer{bottom:calc(86px + env(safe-area-inset-bottom,0px));max-height:calc(100svh - 114px);padding:24px 20px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .ambient,.floating-leaf,.vessel-flash{animation:none!important}
 *,*:before,*:after{transition:none!important}
}
@media(prefers-reduced-transparency:reduce){
 .brand,.nav,.mode,.drawer{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:#f8fdff}
 .night .nav,.night .mode,.night .drawer{background-color:#1d2b58}
}


/* SKY MATERIAL PASS — a restrained Mac desktop-like clear surface rather than
   stacked opaque white pills. Preserve the artist, sky hue and legibility. */
.scene::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 85%,rgba(183,231,252,.36) 100%)}
.night .scene::before{background:linear-gradient(180deg,transparent 85%,rgba(34,42,86,.33) 100%)}
.brand{
 background:linear-gradient(128deg,rgba(83,173,218,.30),rgba(130,202,233,.18));
 border-color:rgba(220,245,255,.35);
 box-shadow:0 9px 31px rgba(25,92,148,.10),inset 0 1px rgba(236,250,255,.42);
 backdrop-filter:blur(17px) saturate(1.2);-webkit-backdrop-filter:blur(17px) saturate(1.2)
}
.brand:hover{background:linear-gradient(128deg,rgba(111,193,231,.44),rgba(153,217,245,.31));box-shadow:0 13px 35px rgba(22,83,135,.13)}
.hand-logo{background:rgba(69,151,201,.20);box-shadow:inset 0 0 0 1px rgba(228,250,255,.23)}
.wordmark{color:#153a60;text-shadow:0 1px 7px rgba(219,244,255,.24)}
.nav{
 background:rgba(77,164,210,.22);border-color:rgba(226,249,255,.35);
 box-shadow:0 9px 26px rgba(21,88,145,.13),inset 0 1px rgba(236,252,255,.4);
 backdrop-filter:blur(19px) saturate(1.3);-webkit-backdrop-filter:blur(19px) saturate(1.3)
}
.nav button,.nav a{color:#17436b}
.nav button:hover,.nav a:hover{background:rgba(180,226,252,.34)}
.nav button.active{background:rgba(183,229,255,.48);box-shadow:inset 0 0 0 1px rgba(240,251,255,.32)}
.mode{
 background:rgba(80,167,213,.22);border-color:rgba(226,248,255,.38);
 box-shadow:0 9px 26px rgba(19,83,137,.1);
 backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px)
}
.mode:hover{background:rgba(147,216,251,.37)}
.dock{background:linear-gradient(180deg,#a9dcfa 0%,#d6effd 45%,#e7f5fd 100%)}
.tile{background:rgba(229,246,255,.65);border-color:rgba(255,255,255,.64)}
.tile:hover{background:rgba(238,249,255,.83)}
.night .brand{background:rgba(39,52,107,.56);border-color:rgba(244,247,255,.19)}
.night .wordmark{color:#f3f6ff;text-shadow:0 1px 7px #0e143e66}
.night .hand-logo{background:rgba(81,111,158,.22)}
.night .nav{background:rgba(24,38,89,.52);border-color:rgba(229,235,255,.21)}
.night .mode{background:rgba(33,47,99,.54);border-color:rgba(234,242,255,.23)}
@media(prefers-reduced-transparency:reduce){
 .brand,.nav,.mode{backdrop-filter:none;-webkit-backdrop-filter:none;background:#95d2f2}
 .night .brand,.night .nav,.night .mode{background:#283665}
}

/* Owner access is discoverable but deliberately secondary to the artwork.
   Access is enforced by the server-side Studio session, not by this link. */
.dock-label .studio-entry{
  margin-left:auto;display:inline-flex;align-items:center;gap:6px;
  text-decoration:none;color:#245b82;
  font-size:11px;font-weight:650;letter-spacing:.055em;
  border:1px solid rgba(120,183,222,.39);
  background:rgba(239,249,255,.47);border-radius:999px;
  padding:8px 11px;white-space:nowrap;
  transition:background .2s ease,border-color .2s ease;
}
.dock-label .studio-entry .ui-icon{width:13px;height:13px}
.dock-label .studio-entry:hover{background:rgba(238,250,255,.9);border-color:rgba(53,132,186,.6)}
.dock-label .studio-entry:focus-visible{outline:3px solid #1477e0;outline-offset:3px}
.night .dock-label .studio-entry{color:#e1ecff;background:rgba(45,63,113,.48);border-color:rgba(228,239,255,.25)}
.night .dock-label .studio-entry:hover{background:rgba(60,82,142,.65)}
@media(max-width:560px){
 .dock-label .studio-entry{padding:7px 9px;font-size:10px;gap:4px}
 .dock-label .studio-entry .ui-icon{width:12px;height:12px}
}

/* Light-touch desktop styling and a meaningful services route. */
.brand,.brand:hover,.night .brand{border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.brand{padding:7px 8px 7px 0}
.hand-logo{background:transparent;box-shadow:none}
.wordmark{filter:drop-shadow(0 2px 7px #e8f7ff77)}
.nav-icon{border-radius:6px}
.desktop-story{position:absolute;z-index:2;bottom:clamp(90px,13vh,175px);left:clamp(25px,5vw,80px);max-width:335px;color:#1a4d77}
.desktop-story-kicker{font-size:10px;letter-spacing:.15em;color:#3987ae;font-weight:800}
.desktop-story strong{display:block;font-size:clamp(37px,3.9vw,58px);font-weight:590;letter-spacing:-.07em;line-height:1.05;margin:12px 0}
.desktop-story p{font-size:13px;line-height:1.7;max-width:300px;color:#285f85}
.desktop-story button{border:1px solid #fff;border-radius:99px;background:#ffffffca;color:#28658e;padding:12px 16px;box-shadow:0 8px 28px #24598019;font-weight:730;font-size:11px}
.night .desktop-story,.night .desktop-story p,.night .desktop-story-kicker{color:#e9f0ff;text-shadow:0 3px 12px #0a153f}
.tile-services .tile-icon{background:linear-gradient(135deg,#eceaff,#dbe0ff);color:#6f70b1}
.dock:has(.tile-services){grid-template-columns:repeat(4,minmax(0,1fr))}
.service-drawer-cards{display:grid;gap:10px;margin:22px 0}
.service-drawer-cards article{padding:16px;border:1px solid #dbe9f3;background:#f2f9ff;border-radius:16px}
.service-drawer-cards article span{font-size:9px;font-weight:800;letter-spacing:.13em;color:#8ba5b8}
.service-drawer-cards article h3{font-size:17px;letter-spacing:-.04em;margin:7px 0}
.service-drawer-cards article p{font-size:12px!important;line-height:1.65;color:#5d819c!important;margin:0!important}
.service-cta{display:block;padding:13px;text-align:center;text-decoration:none;border-radius:12px;background:#3479a5;color:#fff!important;font-size:12px;font-weight:750}
.service-smallprint{font-size:11px!important;color:#7596b0!important}
.services-teaser{display:flex;align-items:center;justify-content:space-between;gap:36px;margin:0 clamp(18px,4.1vw,60px) 25px;padding:30px clamp(20px,4vw,48px);border:1px solid #d8ecf8;background:linear-gradient(115deg,#f4fbff,#e8f5ff);border-radius:28px;color:#254d70}
.services-teaser>div:first-child{max-width:650px}
.services-kicker{font-size:10px;letter-spacing:.15em;color:#5095b4;font-weight:800}
.services-teaser h2{font-size:clamp(24px,2.5vw,34px);letter-spacing:-.065em;line-height:1.14;margin:8px 0 11px;font-weight:620}
.services-teaser p{font-size:12px;line-height:1.7;color:#6184a0}
.services-teaser-links{display:grid;gap:10px;min-width:225px}
.services-teaser-links button,.services-teaser-links a{padding:12px 15px;border-radius:11px;border:1px solid #cddfee;background:#fff;color:#396d98;text-decoration:none;text-align:center;font-size:12px;font-weight:720}
.services-teaser-links button:first-child{background:#347ba4;border-color:#347ba4;color:#fff}
.site-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;flex-wrap:wrap;background:#e7f4fa;color:#3f6a88;padding:36px clamp(20px,4.1vw,60px) 42px}
.site-footer strong{font-size:18px;letter-spacing:-.05em}.site-footer strong span{font-weight:430;color:#3b9b82}
.site-footer p,.site-footer>small{color:#7999b0;font-size:11px}
.site-footer nav{display:flex;flex-wrap:wrap;gap:7px}
.site-footer nav button,.site-footer nav a{background:transparent;border:0;color:#4c7899;text-decoration:none;font-size:11px;font-weight:700;padding:7px 10px}
.site-footer nav button:hover,.site-footer nav a:hover{text-decoration:underline}
.site-footer>small{width:100%;font-size:10px}
.night .services-teaser{background:#242f59;border-color:#4d5a85;color:#f0f4ff}.night .services-teaser p{color:#b1c3e7}.night .site-footer{background:#171f43;color:#ecf3ff}.night .site-footer a,.night .site-footer button{color:#cfdbf8}
@media(max-width:1250px){.dock:has(.tile-services){grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-story strong{font-size:39px}}
@media(max-width:760px){.desktop-story{display:none}.dock:has(.tile-services){grid-template-columns:repeat(2,minmax(0,1fr))}.services-teaser{display:block}.services-teaser-links{grid-template-columns:1fr 1fr;margin-top:18px}}
@media(max-width:510px){.dock:has(.tile-services){grid-template-columns:1fr}.services-teaser-links{grid-template-columns:1fr}.site-footer{padding-bottom:130px}.brand{padding:6px 3px}}

/* Small expressive glyph tiles, inspired by tactile mobile navigation. */
.nav button .nav-icon,.nav a .nav-icon{width:23px;height:23px;padding:3px;border-radius:8px;background:linear-gradient(145deg,#e4f5ff,#cfe7ff);box-shadow:inset 0 1px #fff,0 1px 3px #446e9a18;stroke-width:1.9;flex:none}
.nav [data-panel="home"] .nav-icon{background:linear-gradient(145deg,#dcefff,#c7e0ff);color:#407fb8}
.nav [data-panel="info"] .nav-icon{background:linear-gradient(145deg,#f7ebff,#e8dcff);color:#8772b2}
.nav [data-panel="projects"] .nav-icon{background:linear-gradient(145deg,#e9f8f1,#c8eddb);color:#3b9b76}
.nav [data-panel="services"] .nav-icon{background:linear-gradient(145deg,#e9ecff,#cfdcff);color:#6e7ab8}
.nav [data-panel="signal"] .nav-icon{background:linear-gradient(145deg,#fff0e5,#ffe2cb);color:#bf7953}
.nav [data-panel="contact"] .nav-icon{background:linear-gradient(145deg,#e8f6fa,#cfe9ee);color:#4d9baf}
.night .nav button .nav-icon{box-shadow:none;filter:brightness(.94)}
@media(max-width:760px){.nav button .nav-icon,.nav a .nav-icon{width:23px;height:23px;padding:3px}}

/* Concrete copy, firm contrast, clean desktop hierarchy. */
.desktop-story strong{max-width:435px;font-size:clamp(33px,3.4vw,49px);color:#10385a;text-shadow:0 1px 7px #dff5ff73}
.desktop-story p{color:#1b4f72;font-weight:600;font-size:14px}
.tile{border-color:#b6d1e5;box-shadow:0 7px 25px #22486c1e}
.tile-main{color:#123851}
.services-teaser{background:linear-gradient(120deg,#fff,#e9f5ff);border-color:#b6d6e8}
.services-teaser h2{color:#17476c}
.site-footer{border-top:1px solid #b6d6e8}

/* Clear category selection, no generic hero slogan. */
.desktop-professions{max-width:550px}
.desktop-professions .desktop-story-kicker{color:#214f73;font-size:10px;letter-spacing:.14em;font-weight:800}
.desktop-service-tags{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.desktop-service-tags>span{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #a3c8d9;border-radius:11px;background:#f6fbffed;color:#163f60;font-size:12px;font-weight:770}
.desktop-service-tags .ui-icon{width:17px;height:17px}
.desktop-service-tags>span:nth-child(1) .ui-icon{color:#2f9764}
.desktop-service-tags>span:nth-child(2) .ui-icon{color:#2d7ab4}
.desktop-service-tags>span:nth-child(3) .ui-icon{color:#8b61a8}
.desktop-professions .desktop-services-button{display:inline-flex;align-items:center;gap:8px;background:#194c72;color:#fff;border:1px solid #194c72;border-radius:12px;padding:11px 15px;font-size:11px;font-weight:750}
.desktop-services-button .ui-icon{width:17px;height:17px}
.night .desktop-service-tags>span{background:#20375dee;color:#fff;border-color:#7693b5}
.services-catalog{display:block!important;border:1px solid #b3d2e5;background:#f1f8fe;padding:23px clamp(16px,3vw,38px)}
.service-catalog-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.service-catalog-head h2{margin:3px 0;font-size:clamp(24px,2.2vw,30px)}
.services-browse{display:inline-flex;align-items:center;gap:8px;border-radius:12px;border:1px solid #286a93;background:#276c98;color:white;padding:11px 15px;font-size:11px;font-weight:750}
.services-browse .ui-icon{width:17px;height:17px}
.service-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.service-profession{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:162px;padding:18px;border:1px solid #aacddd;background:white;border-radius:17px;color:#163b59;text-decoration:none;box-shadow:0 5px 18px #26658a11;transition:transform .15s,box-shadow .15s}
.service-profession:hover{transform:translateY(-2px);box-shadow:0 10px 28px #235b7c2c}
.service-profession-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#d4f1e0;color:#2a8a66}
.service-profession-icon .ui-icon{width:22px;height:22px}
.service-profession-it .service-profession-icon{background:#dce8ff;color:#246bb2}
.service-profession-investigate .service-profession-icon{background:#eedffa;color:#8356a6}
.service-profession strong{font-size:18px;line-height:1.2;letter-spacing:-.04em;color:#183c59}
.service-profession small{font-size:11px;font-weight:600;line-height:1.45;color:#577d95}
.service-profession-cta{margin-top:auto;font-size:11px;color:#2d7299;font-weight:790}
.services-legal{font-size:10px!important;line-height:1.5;color:#52758e;margin:14px 0 0!important}
.service-drawer-cards{display:grid;gap:10px;margin:18px 0}
.service-drawer-cards .service-drawer-card{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #aacadd;background:white;border-radius:15px;text-decoration:none;color:#204865}
.service-drawer-card:hover{background:#e7f6ff}
.service-drawer-icon{flex:none;width:42px;height:42px;display:grid;place-items:center;background:#d6f3e3;border-radius:13px;color:#267d60}
.service-drawer-icon .ui-icon{width:22px;height:22px}
.service-drawer-it .service-drawer-icon{background:#d8e8ff;color:#3072ab}
.service-drawer-investigate .service-drawer-icon{background:#ede2fa;color:#875caa}
.service-drawer-card b{display:block;font-size:14px}
.service-drawer-card em{display:block;margin-top:5px;font-size:10px;font-style:normal;color:#6486a2}
.service-drawer-next{margin-left:auto;color:#648bab;font-size:20px}
.drawer .service-drawer-disclaimer{font-size:10px;line-height:1.6;color:#5b7891}
.tile-latest-note{display:block;font-size:11px;line-height:1.4;font-weight:600;color:#275b7b;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.night .tile-latest-note{color:#d6e9ff}
.night .services-catalog{background:#253353}
.night .service-profession{background:#f6faff}
.night .services-catalog h2{color:#eef5ff}
@media(max-width:760px){.service-catalog-grid{grid-template-columns:1fr 1fr}.service-profession{padding:13px;min-height:140px}}
@media(max-width:510px){.service-catalog-grid{grid-template-columns:1fr}.service-profession{min-height:105px}.service-catalog-head{flex-wrap:wrap}}

/* Ten service priorities — clear hierarchy, semantic icons and crisp mobile cards. */
.services-catalog{display:block!important;background:#f1f7fd!important;border-color:#a9c9de;padding:25px clamp(18px,3vw,40px)}
.service-catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
.service-profession{appearance:none;min-height:170px;min-width:0;padding:15px 13px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;background:white;border:1px solid #a8c6dd;border-radius:15px;cursor:pointer;text-align:left;color:#163d59;box-shadow:0 4px 14px #2c698916}
.service-profession:hover{transform:translateY(-2px);border-color:#528dc8;box-shadow:0 10px 24px #285b8130}
.service-profession:focus-visible,.service-topic:focus-visible,.service-menu-item:focus-visible{outline:3px solid #438bd2;outline-offset:3px}
.service-profession-primary{background:#f1f8ff;border:1.5px solid #6da8da}
.service-profession-top{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px}
.service-profession-icon{width:39px;height:39px;border-radius:12px;background:#daeaff;color:#2c6ea9;display:grid;place-items:center}
.service-profession-icon .ui-icon{width:21px;height:21px;stroke-width:1.8}
.service-number{color:#7995b0;font-size:10px;letter-spacing:.13em;font-weight:800}
.service-profession strong{color:#193e5b;font-size:14px;line-height:1.2;font-weight:760;letter-spacing:-.035em}
.service-profession small{font-size:10px;line-height:1.45;color:#5a7d98;font-weight:580}
.service-profession-cta{margin-top:auto;font-size:10px;color:#306f9a;font-weight:800}
.service-profession-investigation .service-profession-icon,.service-menu-investigation .service-menu-icon,.service-icon-investigation{background:#ebe2f9;color:#74539c}
.service-profession-legal .service-profession-icon,.service-menu-legal .service-menu-icon,.service-icon-legal{background:#fff1d6;color:#9b712f}
.service-profession-handyman .service-profession-icon,.service-menu-handyman .service-menu-icon,.service-icon-handyman{background:#ffe8d6;color:#ad6a34}
.service-profession-moving .service-profession-icon,.service-menu-moving .service-menu-icon,.service-icon-moving{background:#ddf4f8;color:#337d92}
.service-profession-tutoring .service-profession-icon,.service-menu-tutoring .service-menu-icon,.service-icon-tutoring{background:#e5f1dd;color:#597d38}
.service-profession-cleaning .service-profession-icon,.service-menu-cleaning .service-menu-icon,.service-icon-cleaning{background:#d9f2e7;color:#377f62}
.service-profession-coaching .service-profession-icon,.service-menu-coaching .service-menu-icon,.service-icon-coaching{background:#ffe4cd;color:#a56125}
.service-profession-babysitting .service-profession-icon,.service-menu-babysitting .service-menu-icon,.service-icon-babysitting{background:#ffe5ee;color:#ac567f}
.service-profession-pets .service-profession-icon,.service-menu-pets .service-menu-icon,.service-icon-pets{background:#eae8ff;color:#6d5dab}
.service-menu-list{display:grid;gap:8px;margin:13px 0}
.service-menu-item{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 23px;align-items:center;gap:10px;padding:10px;border:1px solid #bed8e7;border-radius:13px;background:#fff;color:#244d69;text-align:left;cursor:pointer}
.service-menu-item:hover{border-color:#78abd3;background:#eef8ff}
.service-menu-icon,.service-detail-icon{width:41px;height:41px;display:grid;place-items:center;border-radius:12px;background:#dcecff;color:#3072ac}
.service-menu-icon .ui-icon,.service-detail-icon .ui-icon{width:22px;height:22px}
.service-menu-text{min-width:0}.service-menu-text strong{display:block;font-size:12px;line-height:1.3;font-weight:760}.service-menu-text small{display:block;font-size:10px;margin-top:3px;color:#67869c;line-height:1.3}
.service-menu-num{font-size:10px;font-weight:780;color:#91a6b9}
.service-back{background:none;border:0;padding:0;margin:0 0 16px;color:#3d7399;font-weight:760;font-size:11px;cursor:pointer}
.service-detail-eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.13em;color:#819db0}
.service-detail-hero{display:flex;align-items:center;gap:13px;margin:8px 0 15px}
.service-detail-icon{height:53px;width:53px;border-radius:16px;flex:none}.service-detail-icon .ui-icon{width:27px;height:27px}
.service-detail-hero h2{margin:0;font-size:clamp(22px,2.3vw,30px);line-height:1.14;letter-spacing:-.05em;color:#204d6b}
.service-detail-description{font-size:13px!important;line-height:1.7!important;color:#54738b!important}
.service-detail-topics-label{font-size:12px;font-weight:770;color:#2d526d;margin:18px 0 10px}
.service-detail-topics{display:flex;gap:7px;flex-wrap:wrap}
.service-topic{border-radius:9px;border:1px solid #bad1e3;background:#fff;padding:8px 10px;color:#416d8d;font-size:11px;font-weight:700;cursor:pointer}
.service-topic.selected,.service-topic[aria-pressed=true]{border-color:#286e9f;background:#286e9f;color:white}
.service-detail-warning,.service-detail-note{margin:15px 0 0!important;background:#fff8e9;border:1px solid #e4d5b8;color:#705f42!important;padding:12px;border-radius:11px;font-size:11px!important;line-height:1.65!important}
.service-detail-note{background:#f5f7ff;border-color:#d4e0f0;color:#53738e!important}
.service-contact-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0 9px}
.service-contact-options a{display:flex;gap:9px;align-items:center;min-width:0;border-radius:12px;padding:12px 9px;text-decoration:none;border:1px solid #bad1e3}
.service-contact-options .ui-icon{height:21px;width:21px;flex:none}
.service-contact-email{background:#f2f9ff;color:#26618b!important}
.service-contact-chat{background:#2c638d;border-color:#2c638d!important;color:#fff!important}
.service-contact-options a:hover{filter:brightness(.95)}
.service-contact-options strong{display:block;font-size:11px;line-height:1.25}.service-contact-options small{display:block;font-size:9px;line-height:1.35;opacity:.75;margin-top:4px}
.service-contact-footnote{font-size:10px!important;color:#6b8a9d!important;line-height:1.6!important;margin:0 0 12px!important}
.services-legal{font-size:10px!important;color:#57748e!important;line-height:1.6!important;margin-top:18px!important}
.night .services-catalog{background:#273657!important}.night .service-profession{background:#f8fcff}
@media(max-width:1340px){.service-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:970px){.service-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.service-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-profession{min-height:151px}}
@media(max-width:430px){.service-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.service-profession{min-height:154px;padding:11px}.service-profession strong{font-size:12px}.service-profession small{font-size:9px}.service-contact-options{grid-template-columns:1fr}}