/* ==========================================================================
   OMNIA Interaction Closure v41
   ========================================================================== */

:root{
 --oi-bg:#05090d;
 --oi-panel:#091118;
 --oi-panel2:#0d161e;
 --oi-line:rgba(153,201,229,.18);
 --oi-line2:rgba(153,218,249,.34);
 --oi-text:#f4f8fb;
 --oi-muted:#8295a3;
 --oi-blue:#9edfff;
 --oi-teal:#78ddd1;
 --oi-green:#7fd4a2;
 --oi-gold:#d4ac5d;
 --oi-red:#e49a9a;
}


/* --------------------------------------------------------------------------
   HOME — ECOSYSTEM DESTINATIONS
   -------------------------------------------------------------------------- */

#omniaDestinationNavigator{
 width:min(1180px,calc(100% - 38px));
 margin:28px auto 80px;
 padding:18px;
 border:1px solid var(--oi-line);
 border-radius:17px;
 background:rgba(5,11,17,.88);
 color:var(--oi-text);
 backdrop-filter:blur(18px);
 font-family:Inter,system-ui,sans-serif;
}

.oi-destination-head{
 display:flex;
 justify-content:space-between;
 gap:18px;
 align-items:end;
 margin-bottom:14px;
}

.oi-eyebrow{
 color:#768b98;
 font-size:9px;
 font-weight:850;
 letter-spacing:.18em;
}

.oi-destination-title{
 margin-top:4px;
 color:#f6f9fb;
 font-size:18px;
 font-weight:850;
}

.oi-destination-hint{
 max-width:460px;
 color:#738794;
 font-size:10px;
 line-height:1.5;
 text-align:right;
}

.oi-destination-grid{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:8px;
}

.oi-destination{
 min-height:82px;
 display:flex;
 flex-direction:column;
 justify-content:space-between;
 padding:12px;
 border:1px solid var(--oi-line);
 border-radius:11px;
 background:#091219;
 color:#cddae2!important;
 text-decoration:none!important;
 transition:.18s ease;
}

.oi-destination:hover,
.oi-destination:focus-visible{
 transform:translateY(-2px);
 border-color:var(--oi-line2);
 background:#0d1820;
}

.oi-destination-name{
 color:#f2f8fb;
 font-size:11px;
 font-weight:850;
}

.oi-destination-role{
 margin-top:5px;
 color:#718692;
 font-size:9px;
 line-height:1.4;
}

.oi-destination-arrow{
 margin-top:9px;
 color:var(--oi-teal);
 font-size:11px;
}


/* --------------------------------------------------------------------------
   HOME — OBJECTIVE FORM POLISH
   -------------------------------------------------------------------------- */

.omnia-objective-form{
 display:grid!important;
 grid-template-columns:1fr 1fr!important;
 gap:18px 18px!important;
 padding:34px!important;
 border-radius:21px!important;
}

.omnia-objective-form .omnia-field{
 gap:6px!important;
}

.omnia-objective-form .omnia-field-label{
 font-size:11px!important;
 letter-spacing:.015em!important;
}

.omnia-objective-form .omnia-field-help{
 min-height:28px;
 font-size:9px!important;
 line-height:1.4!important;
}

.omnia-objective-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.omnia-objective-form select{
 min-height:48px!important;
}

.omnia-objective-form textarea{
 min-height:132px!important;
}

.omnia-objective-form .omnia-field:has(textarea){
 grid-column:1/-1!important;
}

.omnia-objective-form .omnia-location-panel{
 grid-column:auto!important;
 display:grid!important;
 grid-template-columns:1fr!important;
 gap:7px!important;
}

.omnia-location-button{
 width:100%!important;
 min-height:44px!important;
}

.omnia-location-status{
 font-size:9px!important;
}

.omnia-objective-form > label:has(input[type=checkbox]),
.omnia-objective-form > div:has(> input[type=checkbox]){
 grid-column:1/-1!important;
 display:flex!important;
 align-items:flex-start!important;
 gap:9px!important;
 color:#46545e!important;
 font:650 10px/1.5 Inter,system-ui,sans-serif!important;
}

.omnia-objective-form button[type=submit],
.omnia-objective-form input[type=submit]{
 grid-column:1/-1!important;
 width:100%!important;
}


/* --------------------------------------------------------------------------
   WORKSPACE — HUMANOID CENTERPIECE
   -------------------------------------------------------------------------- */

#omniaHumanoidSystem{
 margin-top:12px;
 border:1px solid var(--oi-line);
 border-radius:16px;
 background:
  radial-gradient(circle at 50% 43%,rgba(73,167,211,.14),transparent 28%),
  linear-gradient(180deg,#081118,#050b10);
 overflow:hidden;
 color:var(--oi-text);
}

.oi-human-head{
 padding:15px 17px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 border-bottom:1px solid var(--oi-line);
}

.oi-human-stage{
 position:relative;
 min-height:570px;
 overflow:hidden;
}

.oi-human-glow{
 position:absolute;
 width:390px;
 height:390px;
 top:75px;
 left:50%;
 transform:translateX(-50%);
 border-radius:50%;
 background:
  radial-gradient(circle,rgba(84,183,227,.17),rgba(28,75,99,.05) 45%,transparent 72%);
 filter:blur(4px);
}

.oi-human-body{
 position:absolute;
 left:50%;
 top:43px;
 width:220px;
 height:490px;
 transform:translateX(-50%);
}

.oi-human-head-shape{
 position:absolute;
 top:0;
 left:73px;
 width:74px;
 height:92px;
 border:1px solid rgba(142,215,247,.52);
 border-radius:48% 48% 43% 43%;
 background:rgba(47,111,142,.08);
 box-shadow:0 0 38px rgba(76,172,217,.08);
}

.oi-human-torso{
 position:absolute;
 top:98px;
 left:51px;
 width:118px;
 height:205px;
 border:1px solid rgba(142,215,247,.48);
 border-radius:48% 48% 30% 30%;
 background:linear-gradient(
  180deg,
  rgba(50,119,150,.11),
  rgba(21,55,72,.025)
 );
}

.oi-human-arm{
 position:absolute;
 top:116px;
 width:34px;
 height:232px;
 border:1px solid rgba(142,215,247,.35);
 border-radius:999px;
}

.oi-human-arm.left{
 left:10px;
 transform:rotate(8deg);
}

.oi-human-arm.right{
 right:10px;
 transform:rotate(-8deg);
}

.oi-human-leg{
 position:absolute;
 top:293px;
 width:43px;
 height:195px;
 border:1px solid rgba(142,215,247,.35);
 border-radius:999px;
}

.oi-human-leg.left{
 left:59px;
 transform:rotate(2deg);
}

.oi-human-leg.right{
 right:59px;
 transform:rotate(-2deg);
}

.oi-node{
 position:absolute;
 z-index:4;
 display:flex;
 align-items:center;
 gap:7px;
 color:#d9edf6;
 font:800 9px Inter,system-ui,sans-serif;
 white-space:nowrap;
}

.oi-node:before{
 content:"";
 width:10px;
 height:10px;
 flex:0 0 10px;
 border-radius:50%;
 background:var(--oi-teal);
 box-shadow:0 0 15px rgba(120,221,209,.8);
}

.oi-node.brain{top:94px;left:calc(50% + 34px)}
.oi-node.eyes{top:147px;left:calc(50% - 230px)}
.oi-node.voice{top:191px;left:calc(50% + 88px)}
.oi-node.heart{top:247px;left:calc(50% - 215px)}
.oi-node.memory{top:292px;left:calc(50% + 78px)}
.oi-node.hands{top:350px;left:calc(50% - 270px)}
.oi-node.nervous{top:396px;left:calc(50% + 92px)}
.oi-node.shield{top:458px;left:calc(50% - 218px)}

.oi-human-caption{
 position:absolute;
 left:50%;
 bottom:20px;
 transform:translateX(-50%);
 width:min(640px,calc(100% - 40px));
 text-align:center;
 color:#738793;
 font-size:10px;
 line-height:1.55;
}


/* --------------------------------------------------------------------------
   REVENUE ENGINE
   -------------------------------------------------------------------------- */

#omniaRevenueResult{
 margin-top:14px;
 padding:16px;
 border:1px solid var(--oi-line);
 border-radius:12px;
 background:#091219;
 display:none;
}

#omniaRevenueResult.open{
 display:block;
}

.oi-result-label{
 color:#768b98;
 font-size:8px;
 font-weight:850;
 letter-spacing:.15em;
}

.oi-result-title{
 margin-top:6px;
 color:#f3f9fc;
 font-size:21px;
 font-weight:900;
}

.oi-result-copy{
 margin-top:7px;
 color:#8598a5;
 font-size:11px;
 line-height:1.55;
}

.oi-result-actions{
 margin-top:12px;
 display:flex;
 gap:8px;
 flex-wrap:wrap;
}

.oi-result-action{
 min-height:40px;
 display:inline-flex;
 align-items:center;
 padding:0 13px;
 border:1px solid var(--oi-line2);
 border-radius:9px;
 background:#101b23;
 color:#d8e6ed!important;
 text-decoration:none!important;
 font:800 10px Inter,system-ui,sans-serif;
}

.oi-revenue-step-active{
 border-color:rgba(154,220,249,.58)!important;
 color:#fff!important;
 background:rgba(95,186,225,.08)!important;
}


/* --------------------------------------------------------------------------
   FINANCIAL INTERACTIONS
   -------------------------------------------------------------------------- */

.oi-fin-tab{
 cursor:pointer!important;
 transition:.16s ease!important;
}

.oi-fin-tab.active{
 color:#f1f9fc!important;
 border-color:var(--oi-line2)!important;
 background:rgba(122,205,240,.09)!important;
}

.oi-fin-card-hidden{
 display:none!important;
}

#omniaProviderPanel{
 position:fixed;
 inset:0;
 z-index:1000010;
 display:none;
 align-items:center;
 justify-content:center;
 padding:22px;
 background:rgba(0,3,6,.75);
 backdrop-filter:blur(16px);
}

#omniaProviderPanel.open{
 display:flex;
}

.oi-provider-sheet{
 width:min(570px,100%);
 border:1px solid var(--oi-line2);
 border-radius:17px;
 background:#091219;
 box-shadow:0 32px 100px rgba(0,0,0,.55);
 color:var(--oi-text);
 font-family:Inter,system-ui,sans-serif;
}

.oi-provider-head{
 padding:18px;
 border-bottom:1px solid var(--oi-line);
 display:flex;
 justify-content:space-between;
 gap:12px;
}

.oi-provider-title{
 color:#f4f9fc;
 font-size:18px;
 font-weight:900;
}

.oi-provider-close{
 width:34px;
 height:34px;
 border:1px solid var(--oi-line);
 border-radius:9px;
 background:#101a22;
 color:#dce8ee;
 cursor:pointer;
}

.oi-provider-body{
 padding:18px;
}

.oi-provider-copy{
 color:#8598a5;
 font-size:11px;
 line-height:1.6;
}

.oi-provider-state{
 margin-top:13px;
 padding:11px;
 border:1px solid rgba(212,172,93,.27);
 border-radius:10px;
 color:#d9ba78;
 font-size:10px;
 line-height:1.5;
}

.oi-provider-actions{
 margin-top:15px;
 display:flex;
 gap:8px;
 flex-wrap:wrap;
}

.oi-provider-primary,
.oi-provider-secondary{
 min-height:42px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 padding:0 14px;
 border-radius:9px;
 font:820 10px Inter,system-ui,sans-serif;
 text-decoration:none!important;
 cursor:pointer;
}

.oi-provider-primary{
 border:1px solid rgba(154,220,249,.38);
 background:#edf8fd;
 color:#071018!important;
}

.oi-provider-secondary{
 border:1px solid var(--oi-line);
 background:#101a22;
 color:#d6e3ea!important;
}


/* --------------------------------------------------------------------------
   RESPONSIVE
   -------------------------------------------------------------------------- */

@media(max-width:900px){
 .oi-destination-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }

 .oi-human-stage{
  min-height:520px;
 }

 .oi-node{
  font-size:8px;
 }
}

@media(max-width:650px){
 .omnia-objective-form{
  grid-template-columns:1fr!important;
  padding:24px!important;
 }

 .omnia-objective-form .omnia-field:has(textarea),
 .omnia-objective-form button[type=submit],
 .omnia-objective-form input[type=submit]{
  grid-column:auto!important;
 }

 .oi-destination-grid{
  grid-template-columns:1fr;
 }

 .oi-destination-head{
  align-items:flex-start;
  flex-direction:column;
 }

 .oi-destination-hint{
  text-align:left;
 }

 .oi-human-stage{
  min-height:610px;
 }

 .oi-human-body{
  transform:translateX(-50%) scale(.9);
 }

 .oi-node{
  left:22px!important;
  right:auto!important;
 }

 .oi-node.brain{top:365px}
 .oi-node.eyes{top:390px}
 .oi-node.voice{top:415px}
 .oi-node.heart{top:440px}
 .oi-node.memory{top:465px}
 .oi-node.hands{top:490px}
 .oi-node.nervous{top:515px}
 .oi-node.shield{top:540px}

 .oi-human-caption{
  display:none;
 }
}