/* LB Studio visual bridge to Laguna Bay: ocean blue + signal yellow. */
:root{
  --paper:#f7f2df;
  --white:#fffdf4;
  --ink:#24333b;
  --pine:#0f5f8d;
  --teal:#2d87b7;
  --sage:#d8edf5;
  --sage-light:#eaf5f8;
  --sand:#f1e5ba;
  --coral:#9a6800;
  --coral-light:#f4c842;
  --yellow:#f4c842;
  --yellow-soft:#f8e9a5;
  --line:#cddbe0;
  --muted:#5d6c73;
}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-color:#d39a14}
::selection{background:var(--yellow);color:#12384f}
.site-header{background:rgba(247,242,223,.97)}
.button:hover{background:#0a76ad}
.tiny-square,.brand-mark i:nth-child(3),.flow-dot{background:var(--yellow)}
.brand-dot{color:var(--yellow)}
.hero-actions .button,.closing-actions .button{background:var(--yellow);color:#12384f;border-color:var(--yellow);font-weight:700}
.hero-actions .button:hover,.closing-actions .button:hover{background:#ffd95f;border-color:#ffd95f}
.hero-visual{background:var(--sage);box-shadow:12px 12px 0 var(--yellow-soft);border-top:6px solid var(--yellow)}
.hero-visual:after{border-color:rgba(45,135,183,.18)}
.flow-row{border-color:#c8dbe3}
.final .flow-icon{background:#2b7ea7;color:var(--paper)}
.final .flow-kicker,.final small{color:#c8e4f0}
.final .flow-dot{background:var(--yellow)}
.principle-band{background:#fff9df}
.possibilities{background:#e7f3f8}
.needs-tabs{border-bottom-color:#bad5e1}
.needs-tabs [aria-selected=true]{background:#d8edf5}
.need-detail{border-top-color:#c9dce4}
.need-diagram{background:#f8fbfb;border-color:#c6dce5}
.diagram-source span{border-color:#c5dbe4}
.blueprint-top>span:last-child,.hub-symbol,.closing-section .eyebrow,.check-list li:before{color:var(--yellow)}
.system-blueprint{background:#eef6f8}
.blueprint-block.secondary{background:#dceef5}
.secondary .module-tags span{background:#f8fbfb}
.pricing-section{background:#eaf5f8}
.care-price{border-color:#bfd7e2;background:#f8fbfb}
.care-price .check-list li{border-color:#d2e2e8}
dialog::backdrop{background:rgba(11,45,66,.58)}
dialog{box-shadow:0 20px 70px #0b355233}
.need-options label:has(input:checked){background:#e5f2f7}
.form-step input:not([type=checkbox]),.form-step select,.form-step textarea{border-color:#c6dbe3}
.email-fallback{background:#f7fbfc}
@media(max-width:700px){.hero-visual{box-shadow:8px 8px 0 var(--yellow-soft)}.needs-tabs button{border-bottom-color:#c3d9e2}}