:root{--bg:#05070b;--card:#0d1220;--card2:#0a1020;--line:#1f2b3d;--text:#e8f0ff;--muted:#93a4bd;--cyan:#67e8f9;--emerald:#6ee7b7;--violet:#c4b5fd;--amber:#fcd34d;--rose:#fda4af}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top left,rgba(103,232,249,.13),transparent 34%),radial-gradient(circle at top right,rgba(196,181,253,.12),transparent 32%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 32px));margin-inline:auto}.nav{position:sticky;top:0;z-index:20;background:rgba(5,7,11,.78);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-inner{height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-.02em;height:34px}.orb{display:inline-block;flex-shrink:0;width:34px;height:34px;border-radius:13px;background:url('https://bluesky-labs.com/apple-touch-icon.png') no-repeat center center / cover;box-shadow:0 0 28px rgba(103,232,249,.26)}.brand span{display:inline-block;height:34px;line-height:34px;vertical-align:middle}.nav-links{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:14px}.nav-links a:hover{color:white}.hero{padding:76px 0 44px}.eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(103,232,249,.25);background:rgba(103,232,249,.08);color:#a5f3fc;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.hero h1{font-size:clamp(38px,7vw,76px);line-height:.95;margin:20px 0 18px;letter-spacing:-.06em}.hero p{max-width:780px;color:var(--muted);font-size:18px}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:15px;padding:13px 17px;font-weight:850;font-size:14px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.05)}.btn.primary{background:linear-gradient(135deg,var(--cyan),var(--emerald));color:#021018;border:0}.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.section{padding:34px 0}.section-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:16px}.section h2{font-size:clamp(26px,4vw,42px);margin:0;letter-spacing:-.04em}.section .lead{max-width:720px;color:var(--muted);margin:8px 0 0}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border-radius:24px;padding:22px;min-height:150px;box-shadow:0 16px 50px rgba(0,0,0,.18)}.card:hover{border-color:rgba(103,232,249,.38);background:linear-gradient(180deg,rgba(103,232,249,.075),rgba(255,255,255,.025))}.card h3{margin:0 0 8px;font-size:20px;letter-spacing:-.03em}.card p{margin:0;color:var(--muted);font-size:14px}.tagrow{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.tag{font-size:11px;font-weight:800;color:#cbd5e1;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:5px 8px;background:rgba(255,255,255,.04)}.tag.cyan{color:#a5f3fc;border-color:rgba(103,232,249,.22);background:rgba(103,232,249,.08)}.tag.emerald{color:#a7f3d0;border-color:rgba(110,231,183,.22);background:rgba(110,231,183,.08)}.tag.violet{color:#ddd6fe;border-color:rgba(196,181,253,.22);background:rgba(196,181,253,.08)}.tag.amber{color:#fde68a;border-color:rgba(252,211,77,.22);background:rgba(252,211,77,.08)}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:stretch}.panel{border:1px solid rgba(255,255,255,.1);border-radius:28px;background:rgba(8,12,22,.72);padding:26px}.route-list{display:grid;gap:10px}.route{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:17px;padding:14px 16px}.route b{display:block}.route small{color:var(--muted)}.mini{font-size:12px;color:var(--muted)}.footer{border-top:1px solid rgba(255,255,255,.08);padding:32px 0;color:var(--muted);font-size:13px;margin-top:50px}.notice{border:1px solid rgba(252,211,77,.22);background:rgba(252,211,77,.08);color:#fde68a;border-radius:18px;padding:14px 16px}.kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kpi div{border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px;background:rgba(255,255,255,.04)}.kpi b{font-size:22px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{border-bottom:1px solid rgba(255,255,255,.08);padding:11px;text-align:left;color:var(--muted)}.table th{color:white}.input{width:100%;border:1px solid rgba(255,255,255,.11);background:#070b14;color:white;border-radius:13px;padding:12px}.tools-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}@media(max-width:860px){.grid.cols-2,.grid.cols-3,.grid.cols-4,.split{grid-template-columns:1fr}.nav-inner{height:auto;padding:14px 0;align-items:flex-start}.nav-links{font-size:13px}.hero{padding-top:44px}.kpi{grid-template-columns:1fr}}


/* === Pre-release hardening layer === */
.trust-strip,.confidence-grid,.release-grid,.next-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.trust-badge,.confidence-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(103,232,249,.22);background:rgba(103,232,249,.075);color:#c8f7ff;border-radius:999px;padding:8px 11px;font-weight:850;font-size:12px}.trust-badge.warning,.confidence-pill.warning{border-color:rgba(252,211,77,.28);background:rgba(252,211,77,.09);color:#fde68a}.trust-badge.ok,.confidence-pill.ok{border-color:rgba(110,231,183,.26);background:rgba(110,231,183,.08);color:#bfffe2}.release-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.release-card,.confidence-card,.guide-card,.subdomain-card{border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(255,255,255,.060),rgba(255,255,255,.027));border-radius:22px;padding:18px}.release-card b,.confidence-card b,.guide-card b,.subdomain-card b{display:block;margin-bottom:6px;color:#fff}.release-card span,.confidence-card span,.guide-card span,.subdomain-card span{display:block;color:var(--muted,#93a4bd);font-size:13px;line-height:1.5}.confidence-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.guide-card:hover,.subdomain-card:hover{border-color:rgba(103,232,249,.38)}.status-dot{width:9px;height:9px;border-radius:999px;background:#67e8f9;box-shadow:0 0 15px rgba(103,232,249,.45)}.status-dot.warn{background:#fcd34d;box-shadow:0 0 15px rgba(252,211,77,.45)}.status-dot.ok{background:#6ee7b7;box-shadow:0 0 15px rgba(110,231,183,.45)}.guide-article{max-width:920px;margin:0 auto}.guide-article h1{max-width:900px}.guide-article h2{margin-top:36px}.guide-article ul,.guide-article ol{color:var(--muted,#93a4bd);line-height:1.75}.guide-article code{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);padding:2px 6px;border-radius:7px;color:#c8f7ff}.guide-article .callout{border:1px solid rgba(103,232,249,.24);background:rgba(103,232,249,.07);border-radius:20px;padding:16px;margin:22px 0}.subdomain-table{width:100%;border-collapse:collapse;margin-top:16px}.subdomain-table th,.subdomain-table td{border-bottom:1px solid rgba(255,255,255,.09);padding:12px;text-align:left;color:var(--muted,#93a4bd)}.subdomain-table th{color:#fff}.meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.meta-grid div{border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:13px;background:rgba(255,255,255,.04)}.meta-grid b{display:block;color:#fff;margin-bottom:4px}.meta-grid span{color:var(--muted,#93a4bd);font-size:13px}@media(max-width:900px){.release-grid,.confidence-grid,.guide-grid,.meta-grid{grid-template-columns:1fr}.subdomain-table{font-size:13px}}

/* === Home Hero Visual Identity Panel === */
.hero-with-visual .wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
  gap: clamp(24px, 4vw, 56px);
  align-items: center;
}

.hero-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.hero-visual {
  display: block;
  width: 100%;
}

.visual-shell {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: linear-gradient(135deg, rgba(13, 18, 32, 0.8), rgba(8, 12, 22, 0.9));
  border-radius: 28px;
  padding: 24px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(16px);
}

.visual-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-size: 13px;
  color: var(--muted);
  font-weight: 700;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  padding-bottom: 12px;
}

.visual-title {
  flex-grow: 1;
  letter-spacing: -0.01em;
  color: white;
}

.visual-chip {
  background: rgba(103, 232, 249, 0.08);
  border: 1px solid rgba(103, 232, 249, 0.22);
  color: var(--cyan);
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.visual-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.visual-card {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  border-radius: 18px;
  padding: 16px;
  transition: all 0.22s ease-in-out;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.visual-card:hover {
  border-color: rgba(103, 232, 249, 0.35);
  background: rgba(103, 232, 249, 0.05);
  transform: translateY(-2px);
}

.visual-card-main {
  grid-column: span 2;
  background: linear-gradient(180deg, rgba(103, 232, 249, 0.05), rgba(255, 255, 255, 0.02));
  border-color: rgba(103, 232, 249, 0.18);
}

.visual-card-main:hover {
  border-color: rgba(103, 232, 249, 0.5);
  background: linear-gradient(180deg, rgba(103, 232, 249, 0.08), rgba(255, 255, 255, 0.03));
}

.visual-card .eyebrow {
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted);
  border: 0;
  background: transparent;
  padding: 0;
  margin-bottom: 6px;
  display: block;
}

.visual-card h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 800;
  color: white;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

.meter-row {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  margin-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.04);
  padding-top: 8px;
}

.meter-row span {
  color: var(--muted);
}

.meter-row strong {
  font-weight: 800;
}

.text-emerald {
  color: var(--emerald);
}

.text-violet {
  color: var(--violet);
}

.visual-tool-links {
  font-size: 12px;
  color: var(--muted);
  margin-top: 8px;
  line-height: 1.5;
}

.visual-tool-links a {
  color: var(--text);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: rgba(255, 255, 255, 0.2);
}

.visual-tool-links a:hover {
  color: var(--cyan);
  text-decoration-color: var(--cyan);
}

.visual-subtext {
  font-size: 12px;
  color: var(--muted);
  margin-top: 8px;
}

.skyling-mini-note {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
  background: rgba(196, 181, 253, 0.05);
  border: 1px solid rgba(196, 181, 253, 0.15);
  border-radius: 16px;
  padding: 12px 16px;
  font-size: 12px;
}

.skyling-label {
  font-weight: 900;
  color: var(--violet);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  flex-shrink: 0;
}

.skyling-mini-note p {
  margin: 0;
  color: var(--text);
  font-size: 12px !important;
  max-width: 100% !important;
}

@media (max-width: 860px) {
  .hero-with-visual .wrap {
    grid-template-columns: 1fr;
    padding-bottom: 24px;
  }
  .hero-visual {
    order: 2;
    margin-top: 24px;
  }
}



/* === Phase 4.1 shareable report layer === */
.report-action-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end}.report-preview-card,.passport-share-card{margin-top:14px;border:1px solid rgba(103,232,249,.18);background:linear-gradient(135deg,rgba(103,232,249,.08),rgba(139,92,246,.08));border-radius:18px;padding:14px 16px}.report-preview-card h4{margin:0 0 6px}.report-preview-card p,.passport-share-card p{margin:0;color:var(--muted)}.share-chip{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;padding:5px 10px;border-radius:999px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.22);color:var(--emerald);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}@media (max-width:720px){.report-action-row{justify-content:flex-start}.report-action-row .button{width:100%}}


/* === Phase 4.4 Global Soft Polish === */
.card,.panel,.route,.release-card,.confidence-card,.guide-card,.subdomain-card{transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;}
.card:hover,.panel:hover,.route:hover,.release-card:hover,.confidence-card:hover,.guide-card:hover,.subdomain-card:hover{transform:translateY(-3px);border-color:rgba(103,232,249,.36);box-shadow:0 18px 44px rgba(0,0,0,.20),0 0 26px rgba(103,232,249,.055);}
.btn{transition:transform .18s ease,filter .18s ease,border-color .18s ease,background .18s ease;}
.btn:focus-visible,.card:focus-visible,.route:focus-visible{outline:2px solid rgba(103,232,249,.88);outline-offset:4px;}
.section{scroll-margin-top:92px;}

/* phase5-1-portal-fix: smoother public-facing card polish */
.card,.route,.btn{transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,filter .18s ease}
.card:hover,.route:hover{transform:translateY(-3px);box-shadow:0 20px 60px rgba(0,0,0,.28),0 0 0 1px rgba(103,232,249,.08)}
.tool-icon-row{display:flex;gap:12px;align-items:center;margin-bottom:10px}.tool-icon-pill{width:42px;height:42px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;background:rgba(103,232,249,.10);border:1px solid rgba(103,232,249,.18);font-size:20px;flex:none}.polish-card{position:relative;overflow:hidden}.polish-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at top left,rgba(103,232,249,.16),transparent 38%);opacity:0;transition:opacity .18s ease;pointer-events:none}.polish-card:hover:before{opacity:1}.polish-card>*{position:relative}.v43-section-soft{background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(103,232,249,.018));}
@media(max-width:860px){.section-head{align-items:flex-start;flex-direction:column}.tool-icon-row{align-items:flex-start}.hero h1{font-size:clamp(36px,12vw,56px)}}

/* === Phase 5.2 Workspace & Portal Visual Repair === */
.workspace-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);gap:clamp(22px,4vw,46px);align-items:end}
.workspace-hero h1{font-size:clamp(44px,7vw,76px)}
.workspace-hero-card{border:1px solid rgba(103,232,249,.18);background:linear-gradient(145deg,rgba(103,232,249,.09),rgba(196,181,253,.06) 48%,rgba(255,255,255,.035));border-radius:26px;padding:20px;box-shadow:0 24px 70px rgba(0,0,0,.26);position:relative;overflow:hidden}
.workspace-hero-card:before{content:"";position:absolute;inset:-40% auto auto -20%;width:220px;height:220px;background:radial-gradient(circle,rgba(103,232,249,.18),transparent 66%);pointer-events:none}
.workspace-hero-card>*{position:relative}.workspace-hero-card b{display:block;font-size:13px;color:#a5f3fc;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}.workspace-hero-card p{margin:0;color:var(--muted);font-size:14px}.route-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.route-chip{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);border-radius:999px;padding:7px 10px;color:#d9e7ff;font-size:12px;font-weight:800}
.workflow-hub-panel{border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(13,18,32,.94),rgba(8,12,22,.92));border-radius:30px;padding:clamp(22px,3vw,34px);box-shadow:0 28px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045);position:relative;overflow:hidden}
.workflow-hub-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(103,232,249,.14),transparent 34%),radial-gradient(circle at 85% 16%,rgba(196,181,253,.12),transparent 28%);pointer-events:none}.workflow-hub-panel>*{position:relative}.workflow-hub-panel h2{max-width:760px}.workflow-hub-panel .lead{max-width:850px}
.workflow-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;counter-reset:flow-step}.workflow-step{border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(255,255,255,.060),rgba(255,255,255,.025));border-radius:22px;padding:18px;min-height:164px;display:flex;flex-direction:column;gap:9px;position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.workflow-step:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at top left,rgba(103,232,249,.13),transparent 42%);opacity:.65;pointer-events:none}.workflow-step:hover{transform:translateY(-4px);border-color:rgba(103,232,249,.42);box-shadow:0 22px 60px rgba(0,0,0,.28),0 0 26px rgba(103,232,249,.06)}.workflow-step>*{position:relative}.workflow-step b{width:38px;height:38px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:rgba(103,232,249,.12);border:1px solid rgba(103,232,249,.24);color:#a5f3fc;font-size:13px;font-weight:950}.workflow-step h3{margin:0;color:#fff;font-size:19px;letter-spacing:-.025em}.workflow-step p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.workflow-step:nth-child(2) b{background:rgba(253,164,175,.11);border-color:rgba(253,164,175,.25);color:#fecdd3}.workflow-step:nth-child(3) b{background:rgba(196,181,253,.11);border-color:rgba(196,181,253,.25);color:#ddd6fe}.workflow-step:nth-child(4) b{background:rgba(252,211,77,.10);border-color:rgba(252,211,77,.25);color:#fde68a}.workflow-step:nth-child(5) b{background:rgba(110,231,183,.11);border-color:rgba(110,231,183,.25);color:#bbf7d0}.workflow-step:nth-child(6) b{background:rgba(147,197,253,.11);border-color:rgba(147,197,253,.25);color:#bfdbfe}
.workspace-note{border:1px solid rgba(103,232,249,.18);background:rgba(103,232,249,.065);color:#c8f7ff;border-radius:18px;padding:14px 16px;font-size:14px}.workspace-note strong{color:#fff}.workspace-tool-grid .card{min-height:175px}.soft-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(103,232,249,.16),transparent);margin:8px 0 0}
@media(max-width:980px){.workspace-hero .wrap{grid-template-columns:1fr}.workflow-route{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.workflow-route{grid-template-columns:1fr}.workflow-hub-panel{border-radius:24px}.workspace-hero-card{display:none}.workspace-hero h1{font-size:clamp(38px,12vw,56px)}.workflow-step{min-height:auto}}



/* Dropdown Option Visibility Fix */
select option {
    background-color: #0f1b2d !important;
    color: #edf6ff !important;
}