/* NAVORUM 04: liquid cobalt, cursor photographs, accessible bespoke selects. */
.ambient-field{background:#06102d}
.ambient-field canvas{opacity:1}
.config{position:relative;isolation:isolate}
.config:before{content:'';position:absolute;z-index:-1;inset:-20px -24px -6px;background:linear-gradient(105deg,#040c1dcc,#06122b9e);border-radius:18px;pointer-events:none}
.quick-start{position:relative}
.intro h1 span{color:#c5d7ff}
.intro-copy{filter:drop-shadow(0 2px 18px #04091688)}
.service-list{background:#07132ac7}
.service-option:has(:focus-visible){outline:2px solid #c1d5ff;outline-offset:-3px}

/* The image follows the pointing location. Selected services remain in the GLB view. */
.service-preview,.service-preview.is-open{inset:0 auto auto 0;width:360px;height:auto;z-index:90;border:0;border-radius:0;background:none;box-shadow:none;transform:translate3d(-1000px,-1000px,0);transition:opacity 160ms ease,visibility 160ms;pointer-events:none;will-change:transform}
.preview-card{overflow:hidden;border:1px solid #c0d3ff66;border-radius:11px;background:#0b1730;box-shadow:0 18px 48px #0007;transform:scale(.92) rotate(-2deg);transform-origin:var(--preview-origin,0% 64%);transition:transform 260ms cubic-bezier(.22,1,.36,1)}
.service-preview.is-open .preview-card{transform:scale(1) rotate(0deg)}
.preview-images{position:relative;aspect-ratio:4/3;background:#101e37;overflow:hidden}
.preview-images img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.035);transition:opacity 180ms ease,transform 380ms cubic-bezier(.22,1,.36,1)}
.preview-images img.is-active{opacity:1;transform:scale(1)}
.preview-copy{padding:11px 15px 12px;height:64px;position:relative;z-index:1;border-top:1px solid #c3d9ff33}
.preview-copy strong{font-weight:400;font-size:15px;line-height:20px;letter-spacing:-.01em}
.preview-copy .preview-description{font-size:10px;line-height:16px;margin-top:3px;color:#b9ccec;white-space:nowrap}

.nv-control-label{display:block;font-size:14px;line-height:1.6;color:#e4ecff;margin-bottom:11px;cursor:pointer}
.nv-select{width:100%;min-width:0}
.nv-select-trigger{width:100%;min-width:0;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 17px;border:1px solid #a8c4ff55;border-radius:11px;text-align:left;background:linear-gradient(115deg,#132440,#0d1b35);color:#f0f5ff;box-shadow:inset 0 1px 0 #e5efff10;transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease;touch-action:manipulation}
.nv-select-trigger[data-popup-open]{border-color:#a9c8ff;box-shadow:0 0 0 3px #99bdff16,inset 0 1px 0 #e5efff16}
.nv-select-trigger:focus-visible{outline:2px solid #b8d1ff;outline-offset:4px}
.nv-select-value{display:block;min-width:0}
.nv-value-title{display:block;font-size:15px;line-height:1.5;font-weight:400;letter-spacing:-.01em}
.nv-value-detail{display:block;margin-top:5px;color:#b5c9ed;font-size:12px;line-height:1.6}
.nv-select-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-left:1px solid #97b8ef33;padding-left:10px;color:#c8dcff;transition:transform 180ms ease}
.nv-select-icon svg{transition:transform 180ms cubic-bezier(.22,1,.36,1)}
.nv-select-trigger[data-popup-open] .nv-select-icon svg{transform:rotate(180deg)}
.nv-select-positioner{z-index:100;isolation:isolate;width:var(--anchor-width);max-width:calc(100vw - 32px);outline:none}
.nv-select-popup{position:relative;overflow:hidden;max-height:var(--available-height);border:1px solid #b8cfff70;border-radius:13px;background:linear-gradient(140deg,#152744,#08152d);box-shadow:0 22px 70px #0009,inset 0 1px 0 #d9e6ff1a;color:#eef4ff;transform-origin:var(--transform-origin);opacity:1;transform:translateY(0) scale(1);transition:transform 200ms cubic-bezier(.22,1,.36,1),opacity 150ms ease;outline:none}
.nv-select-popup[data-starting-style],.nv-select-popup[data-ending-style]{opacity:0;transform:translateY(-5px) scale(.982)}
.nv-select-popup[data-side=top][data-starting-style],.nv-select-popup[data-side=top][data-ending-style]{transform:translateY(5px) scale(.982)}
.nv-select-popup[data-ending-style]{transition-duration:100ms}
.nv-select-heading{display:flex;justify-content:space-between;gap:20px;padding:15px 18px 13px;font-size:10px;letter-spacing:.09em;line-height:1.6;text-transform:uppercase;color:#acc4ea;border-bottom:1px solid #c4d8ff24}
.nv-select-list{margin:0;padding:6px;overflow:auto;overscroll-behavior:contain;max-height:min(380px,calc(var(--available-height) - 52px));scrollbar-width:thin;scrollbar-color:#5b79a4 transparent;scroll-padding-block:6px;outline:none}
.nv-select-scroll{position:absolute;z-index:2;left:6px;right:6px;display:flex;justify-content:center;align-items:center;height:22px;color:#d1e2ff;pointer-events:auto}
.nv-select-scroll[data-direction=up]{top:45px;background:linear-gradient(#12223f 60%,#12223f00)}
.nv-select-scroll[data-direction=up] svg{transform:rotate(180deg)}
.nv-select-scroll[data-direction=down]{bottom:0;background:linear-gradient(#0a183000,#0a1830 45%)}
.nv-select-item{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:12px;min-height:56px;padding:14px 12px;border-radius:7px;cursor:pointer;outline:none;user-select:none;-webkit-user-select:none;transition:background-color 120ms ease}
.nv-select-item+.nv-select-item{border-top:1px solid #b7d2ff10}
.nv-option-index{font-size:10px;line-height:1;font-variant-numeric:tabular-nums;color:#8da6ce;align-self:start;margin-top:6px}
.nv-option-copy{font-size:15px;line-height:1.45;letter-spacing:-.01em}
.nv-option-detail{display:block;margin-top:5px;font-size:12px;line-height:1.65;color:#b3c7e7;letter-spacing:0}
.nv-option-check{display:grid;place-items:center;width:24px;height:24px;flex:none;border:1px solid #8eafe74a;border-radius:50%;color:#eaf2ff}
.nv-option-check>span{display:flex}
.nv-select-item[data-selected]{background:#24427b4d}
.nv-select-item[data-selected] .nv-option-check{background:#3a63ba;border-color:#93b9ff80}
.nv-select-item[data-highlighted]{background:#274a84b3}
.nv-select-item[data-highlighted] .nv-option-index{color:#d8e5ff}
.nv-select-item[data-disabled]{opacity:.4;cursor:not-allowed}
.field-pair .nv-select-trigger{height:100%}
.field-pair .select-field{display:flex;flex-direction:column}
.field-pair .nv-select{flex:1}
.field-pair [hidden]{display:none!important}
@media(hover:hover) and (pointer:fine){.nv-select-trigger:hover{border-color:#bdd3ff99;background:linear-gradient(115deg,#192f51,#102440)}}
@media(max-width:760px){
  .config:before{inset:-12px -12px -6px;background:#030b1bbd;border-radius:12px}
  .nv-select-trigger{padding:15px 14px;gap:12px;min-height:64px}
  .nv-value-title{font-size:16px}
  .nv-value-detail{font-size:12px;line-height:1.75}
  .nv-select-heading{padding:13px 14px 11px;font-size:9px}
  .nv-select-scroll[data-direction=up]{top:40px}
  .nv-select-item{grid-template-columns:19px minmax(0,1fr) 22px;gap:9px;padding:14px 9px;min-height:58px}
  .nv-option-copy{font-size:15px}
  .nv-option-check{width:22px;height:22px}
  .nv-option-detail{font-size:12px;line-height:1.6}
  .nv-select-list{max-height:min(360px,calc(var(--available-height) - 46px))}
  .field-pair .nv-select-trigger{height:auto}
}
@media(prefers-reduced-motion:reduce){.preview-card,.preview-images img,.nv-select-popup,.nv-select-icon svg{transition:none!important;transform:none!important}}
.motion-paused .preview-card,.motion-paused .preview-images img,.motion-paused .nv-select-popup,.motion-paused .nv-select-icon svg{transition:none!important}
@media print{.nv-select-positioner{display:none!important}}