/* ==========================================================
   QUOTRYN HOMEPAGE V2
   Scoped to .home-v2
   ========================================================== */

.home-v2{
  background:
    radial-gradient(circle at 78% 8%,
      rgba(31,126,82,.20),
      transparent 28%),
    #03100b;
}

.home-wrap{
  width:min(1380px,calc(100% - 64px));
  margin:auto;
}


/* NAV */

.home-nav-shell{
  position:relative;
  z-index:30;
  border-bottom:1px solid rgba(71,255,166,.035);
}

.home-nav{
  min-height:82px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:30px;
}

.home-nav-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:38px;
  color:#b1c8bc;
  font-size:13px;
}

.home-nav-links a{
  transition:
    color .18s ease,
    transform .18s ease;
}

.home-nav-links a:hover{
  color:white;
  transform:translateY(-1px);
}

.home-nav-actions{
  justify-self:end;
  display:flex;
  gap:10px;
}


/* HERO */

.home-hero{
  position:relative;
  overflow:hidden;
  min-height:690px;
  display:flex;
  align-items:center;
  border-bottom:1px solid rgba(75,255,168,.08);
}

.home-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;

  background:
    linear-gradient(
      90deg,
      rgba(3,16,11,.98) 0%,
      rgba(3,16,11,.78) 38%,
      rgba(3,16,11,.15) 75%,
      rgba(3,16,11,.45) 100%
    );
}

.home-hero-glow{
  position:absolute;
  border-radius:50%;
  filter:blur(90px);
  pointer-events:none;
}

.home-hero-glow-one{
  width:650px;
  height:650px;
  right:-170px;
  top:-170px;
  background:rgba(36,255,145,.16);
}

.home-hero-glow-two{
  width:500px;
  height:500px;
  left:35%;
  bottom:-380px;
  background:rgba(22,174,104,.09);
}

.home-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:72px;
  align-items:center;
  padding:70px 0 78px;
}


/* HERO COPY */

.home-eyebrow{
  color:#5bf3aa;
  font-size:11px;
  font-weight:800;
  letter-spacing:3px;
}

.home-hero-copy h1{
  max-width:650px;
  margin:20px 0 24px;

  font:
    800 clamp(52px,5.2vw,78px)/.98
    Manrope;

  letter-spacing:-4px;
}

.home-hero-copy h1 span{
  display:block;
  color:#57eea4;
}

.home-hero-lead,
.home-hero-secondary{
  max-width:600px;
  color:#d1dfd7;
  font-size:17px;
  line-height:1.65;
}

.home-hero-secondary{
  margin-top:18px;
  color:#9fb8aa;
}

.home-hero-actions{
  display:flex;
  gap:12px;
  margin-top:30px;
}

.home-primary-cta{
  padding:14px 19px;
}

.home-demo-cta{
  display:flex;
  align-items:center;
  gap:9px;
}

.home-play{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  font-size:11px;
}

.home-trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:26px;
  margin-top:27px;
  color:#a5bcb0;
  font-size:11px;
}

.home-trust-row span{
  display:flex;
  align-items:center;
  gap:7px;
}

.home-trust-row i{
  color:#59f0a7;
  font-style:normal;
  font-weight:900;
}


/* DASHBOARD STAGE */

.home-dashboard-stage{
  position:relative;
  perspective:1300px;
}

.home-dashboard-aura{
  position:absolute;
  inset:7% -10% -10% 10%;
  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(43,255,150,.18),
      rgba(25,178,104,.07) 45%,
      transparent 72%
    );

  filter:blur(45px);
  pointer-events:none;
}

.home-dashboard{
  --mouse-x:50%;
  --mouse-y:50%;

  position:relative;
  z-index:2;

  width:100%;
  padding:0;
  overflow:hidden;

  border:
    1px solid rgba(75,255,165,.25);

  border-radius:22px;

  background:
    linear-gradient(
      145deg,
      rgba(7,27,18,.98),
      rgba(3,15,10,.99)
    );

  transform:
    perspective(1100px)
    rotateX(0deg)
    rotateY(0deg)
    scale(1);

  transform-origin:center;
  will-change:transform;

  box-shadow:
    0 35px 90px rgba(0,0,0,.42),
    0 0 80px rgba(42,255,146,.06);

  transition:
    transform .15s ease-out,
    box-shadow .2s ease,
    border-color .2s ease;
}

.home-dashboard::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:20;
  pointer-events:none;
  border-radius:inherit;

  background:
    radial-gradient(
      340px circle
      at var(--mouse-x) var(--mouse-y),
      rgba(80,255,170,.11),
      rgba(50,255,150,.025) 42%,
      transparent 72%
    );

  opacity:0;
  transition:opacity .18s ease;
}

.home-dashboard.mock-active{
  border-color:rgba(82,255,174,.42);
}

.home-dashboard.mock-active::after{
  opacity:1;
}


/* WINDOW BAR */

.home-window-bar{
  min-height:64px;
  display:grid;
  grid-template-columns:180px 1fr 210px;
  align-items:center;
  gap:16px;

  padding:0 16px;

  border-bottom:
    1px solid rgba(70,255,165,.11);

  background:rgba(3,15,10,.74);
}

.home-window-brand{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
}

.home-mini-logo{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;

  border:
    1px solid rgba(73,255,166,.46);

  border-radius:7px;

  color:#63f4ad;
  background:#09271a;

  font-weight:900;
}

.home-search{
  max-width:300px;
  height:34px;
  display:flex;
  align-items:center;

  padding:0 13px;

  border:
    1px solid rgba(89,240,167,.12);

  border-radius:7px;

  background:#0b2118;
  color:#627e70;
  font-size:9px;
}

.home-window-user{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:9px;
}

.home-window-user small{
  display:block;
  color:#7f9c8d;
  margin-top:2px;
}

.home-avatar{
  width:29px;
  height:29px;
  display:grid;
  place-items:center;

  border-radius:50%;

  background:#2768d7;
  color:white;

  font-size:8px;
  font-weight:800;
}

.home-bell{
  margin-right:5px;
  color:#dce9e2;
}


/* DASHBOARD BODY */

.home-dashboard-body{
  display:grid;
  grid-template-columns:150px 1fr;
  min-height:410px;
}

.home-dashboard-side{
  padding:17px 12px;

  border-right:
    1px solid rgba(74,255,164,.10);

  background:
    rgba(3,15,10,.58);
}

.home-side-logo{
  display:none;
}

.home-dashboard-side a{
  display:flex;
  align-items:center;
  gap:9px;

  padding:9px 10px;
  margin:2px 0;

  border-radius:7px;

  color:#80998c;
  font-size:9px;

  transition:.16s ease;
}

.home-dashboard-side a span{
  width:13px;
  color:#b3c8bd;
}

.home-dashboard-side a:hover{
  color:white;
  background:#0b2118;
}

.home-dashboard-side a.active{
  color:#dff8eb;

  background:
    linear-gradient(
      90deg,
      rgba(22,145,84,.48),
      rgba(17,93,60,.32)
    );

  box-shadow:
    inset 2px 0 #5af0a7;
}

.home-command{
  min-width:0;
  padding:22px;
}

.home-command-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
}

.home-command-head h2{
  margin:0;

  font:
    800 21px Manrope;

  letter-spacing:-.6px;
}

.home-command-head p{
  margin:5px 0 0;
  color:#839d8f;
  font-size:9px;
}

.home-command-head > small{
  color:#668174;
  font-size:7px;
  letter-spacing:1px;
}


/* KPI */

.home-kpis{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
  margin-top:18px;
}

.home-kpi{
  position:relative;
  min-width:0;

  padding:13px;

  border:
    1px solid rgba(67,255,157,.18);

  border-radius:10px;

  background:
    linear-gradient(
      145deg,
      rgba(10,34,23,.88),
      rgba(5,22,14,.82)
    );
}

.home-kpi small{
  color:#829c8f;
  font-size:7px;
}

.home-kpi strong{
  display:block;
  margin-top:5px;

  font:
    800 17px Manrope;
}

.home-kpi > span{
  position:absolute;
  right:11px;
  top:13px;

  width:23px;
  height:23px;

  display:grid;
  place-items:center;

  border-radius:7px;

  color:#5af0a7;
  background:#0d3925;
}

.home-kpi em{
  display:block;
  margin-top:6px;

  color:#59f0a7;
  font-size:7px;
  font-style:normal;
  font-weight:800;
}


/* LOWER CARDS */

.home-command-lower{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:10px;
  margin-top:11px;
}

.home-chart-card,
.home-todo-card{
  min-width:0;

  padding:13px;

  border:
    1px solid rgba(68,255,160,.14);

  border-radius:10px;

  background:
    rgba(5,22,14,.78);
}

.home-card-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;

  font-size:9px;
}

.home-card-title a{
  color:#5af0a7;
  font-size:7px;
}

.home-chart{
  position:relative;

  height:135px;
  display:flex;
  align-items:flex-end;
  gap:8px;

  padding:18px 8px 15px;
  margin-top:7px;

  overflow:hidden;
}

.home-grid-line{
  position:absolute;
  left:0;
  right:0;

  border-top:
    1px solid rgba(95,150,119,.10);
}

.home-grid-line:nth-child(1){top:25%}
.home-grid-line:nth-child(2){top:50%}
.home-grid-line:nth-child(3){top:75%}

.home-bar-wrap{
  position:relative;
  z-index:2;

  height:100%;
  flex:1;

  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  gap:5px;
}

.home-bar-wrap i{
  width:100%;
  max-width:25px;

  display:block;

  border-radius:3px 3px 0 0;

  background:
    linear-gradient(
      180deg,
      #55eea4,
      #178453
    );

  box-shadow:
    0 0 16px rgba(69,239,162,.08);
}

.home-bar-wrap small{
  color:#698476;
  font-size:6px;
}

.home-todo{
  display:grid;
  grid-template-columns:24px 1fr auto;
  gap:8px;
  align-items:center;

  min-height:34px;

  border-bottom:
    1px solid rgba(77,255,166,.07);

  font-size:7px;
}

.home-todo:last-child{
  border-bottom:0;
}

.home-todo > span{
  width:20px;
  height:20px;

  display:grid;
  place-items:center;

  border-radius:6px;
  font-weight:900;
}

.home-todo .green{
  color:#5af0a7;
  background:#0b3b27;
}

.home-todo .red{
  color:#ff817f;
  background:#411817;
}

.home-todo .orange{
  color:#ffbd66;
  background:#3b2b12;
}

.home-todo b{
  font-size:16px;
  color:#8ba398;
}


/* RESPONSIVE */

@media(max-width:1100px){

  .home-wrap{
    width:min(100% - 40px,1000px);
  }

  .home-hero-grid{
    grid-template-columns:1fr;
    gap:55px;
  }

  .home-hero-copy{
    text-align:center;
  }

  .home-hero-copy h1,
  .home-hero-lead,
  .home-hero-secondary{
    margin-left:auto;
    margin-right:auto;
  }

  .home-hero-actions,
  .home-trust-row{
    justify-content:center;
  }

  .home-dashboard-stage{
    width:min(820px,100%);
    margin:auto;
  }

}


@media(max-width:760px){

  .home-wrap{
    width:calc(100% - 28px);
  }

  .home-nav{
    grid-template-columns:1fr auto;
  }

  .home-nav-links{
    display:none;
  }

  .home-nav-actions{
    gap:7px;
  }

  .home-nav-actions .ghost{
    display:none;
  }

  .home-hero{
    min-height:auto;
  }

  .home-hero-grid{
    padding:55px 0 65px;
  }

  .home-hero-copy h1{
    font-size:clamp(44px,13vw,64px);
    letter-spacing:-2.5px;
  }

  .home-hero-lead,
  .home-hero-secondary{
    font-size:15px;
  }

  .home-trust-row{
    gap:13px 20px;
  }

  .home-window-bar{
    grid-template-columns:1fr auto;
  }

  .home-search{
    display:none;
  }

  .home-dashboard-body{
    grid-template-columns:1fr;
  }

  .home-dashboard-side{
    display:none;
  }

  .home-command{
    padding:16px;
  }

  .home-kpis{
    grid-template-columns:1fr 1fr;
  }

  .home-command-lower{
    grid-template-columns:1fr;
  }

  .home-todo-card{
    display:none;
  }

}


@media(max-width:480px){

  .home-window-user div{
    display:none;
  }

  .home-command-head h2{
    font-size:18px;
  }

  .home-command-head > small{
    display:none;
  }

  .home-hero-actions{
    flex-direction:column;
  }

  .home-hero-actions .btn{
    justify-content:center;
    text-align:center;
  }

  .home-trust-row{
    display:grid;
    grid-template-columns:1fr;
  }

}


@media(prefers-reduced-motion:reduce){

  .home-dashboard{
    transition:none;
  }

}



/* QUOTRYN HOMEPAGE V2 - STEP 2 */

.home-platform{
  position:relative;
  padding:92px 0 100px;

  background:
    linear-gradient(
      180deg,
      rgba(5,23,15,.72),
      rgba(3,16,11,.92)
    );

  border-bottom:
    1px solid rgba(75,255,168,.07);
}

.home-platform-head{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:70px;
  align-items:end;
}

.home-platform-head h2{
  max-width:850px;

  margin:12px 0 0;

  font:
    800 clamp(38px,4.3vw,58px)/1.02
    Manrope;

  letter-spacing:-2.4px;
}

.home-platform-head > p{
  max-width:520px;
  margin:0 0 4px;

  color:#9eb5a9;
  font-size:14px;
  line-height:1.7;
}


.home-platform-grid{
  display:grid;
  grid-template-columns:340px 1fr;
  gap:26px;

  margin-top:38px;
}


/* MODULE TABS */

.home-module-tabs{
  display:grid;
  gap:8px;
}

.home-module-tab{
  width:100%;

  display:grid;
  grid-template-columns:44px 1fr;
  gap:13px;
  align-items:center;

  padding:14px 15px;

  border:
    1px solid rgba(76,255,167,.14);

  border-radius:11px;

  background:
    linear-gradient(
      145deg,
      rgba(9,32,21,.82),
      rgba(5,21,14,.72)
    );

  color:#edf8f2;
  text-align:left;
  cursor:pointer;

  transition:
    border-color .18s ease,
    background .18s ease,
    transform .18s ease,
    box-shadow .18s ease;
}

.home-module-tab:hover{
  transform:translateX(3px);

  border-color:
    rgba(78,255,169,.30);
}

.home-module-tab.active{
  border-color:#52eda2;

  background:
    linear-gradient(
      135deg,
      rgba(15,67,43,.90),
      rgba(5,25,16,.92)
    );

  box-shadow:
    0 0 30px rgba(61,241,158,.06),
    inset 2px 0 #59f0a7;
}

.home-module-icon{
  width:40px;
  height:40px;

  display:grid;
  place-items:center;

  border-radius:9px;

  background:
    rgba(16,73,47,.64);

  color:#5cf0a9;

  font-size:20px;
}

.home-module-tab strong{
  display:block;

  font:
    700 14px Manrope;
}

.home-module-tab small{
  display:block;

  margin-top:4px;

  color:#819c8e;
  font-size:10px;
}


/* PREVIEW */

.home-module-preview{
  min-width:0;

  padding:18px;

  border:
    1px solid rgba(79,255,170,.35);

  border-radius:17px;

  background:
    linear-gradient(
      145deg,
      rgba(7,27,18,.97),
      rgba(3,17,11,.98)
    );

  box-shadow:
    0 28px 80px rgba(0,0,0,.25),
    0 0 55px rgba(51,255,150,.035);
}

.home-preview-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;

  padding:2px 4px 15px;
}

.home-preview-top h3{
  margin:0;

  font:
    800 23px Manrope;

  letter-spacing:-.6px;
}

.home-preview-top p{
  margin:3px 0 0;

  color:#819b8e;
  font-size:10px;
}

.home-preview-period{
  display:flex;
  align-items:center;
  gap:7px;

  padding:9px 11px;

  border:
    1px solid rgba(75,255,168,.12);

  border-radius:8px;

  color:#d2e2da;
  background:#081c13;

  font-size:9px;
}


/* STATS */

.home-preview-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
}

.home-preview-stats article{
  min-width:0;

  display:grid;
  grid-template-columns:35px 1fr;
  gap:9px;

  padding:13px;

  border:
    1px solid rgba(75,255,168,.13);

  border-radius:10px;

  background:
    linear-gradient(
      145deg,
      rgba(10,34,23,.90),
      rgba(5,21,14,.88)
    );
}

.home-preview-stat-icon{
  width:32px;
  height:32px;

  display:grid;
  place-items:center;

  border-radius:8px;

  background:#0c3b27;
  color:#58efa6;

  font-size:15px;
}

.home-preview-stat-icon.gold{
  color:#f3d45c;
  background:#3a3210;
}

.home-preview-stats small{
  display:block;

  color:#7e998b;
  font-size:7px;
}

.home-preview-stats strong{
  display:block;

  margin-top:3px;

  font:
    800 17px Manrope;
}

.home-preview-stats em{
  display:block;

  margin-top:4px;

  color:#56eca3;

  font-size:7px;
  font-style:normal;
  font-weight:800;
}


/* PREVIEW PANELS */

.home-preview-panels{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:10px;

  margin-top:10px;
}

.home-preview-panel{
  min-width:0;

  padding:13px;

  border:
    1px solid rgba(75,255,168,.12);

  border-radius:10px;

  background:
    rgba(4,20,13,.80);
}

.home-preview-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;

  margin-bottom:6px;

  font-size:10px;
}

.home-preview-panel-head a{
  color:#59f0a7;
  font-size:8px;
}


/* ACTIVITY */

.home-activity-row{
  min-height:36px;

  display:grid;
  grid-template-columns:24px 105px 1fr 60px 58px;
  gap:7px;
  align-items:center;

  border-bottom:
    1px solid rgba(76,255,166,.06);

  font-size:7px;
}

.home-activity-row:last-child{
  border-bottom:0;
}

.home-activity-row > span,
.home-stock-row > span{
  width:21px;
  height:21px;

  display:grid;
  place-items:center;

  border-radius:6px;

  font-weight:900;
}

.home-activity-row strong,
.home-stock-row strong{
  font-weight:700;
}

.home-activity-row small{
  min-width:0;

  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;

  color:#9bb0a5;
}

.home-activity-row b{
  font-weight:600;
}

.home-activity-row time,
.home-stock-row time{
  justify-self:end;

  color:#849c90;
  white-space:nowrap;
}

.home-activity-row .green,
.home-stock-row .green{
  color:#5bf0a8;
  background:#0c3c28;
}

.home-activity-row .blue{
  color:#73a7ff;
  background:#102c55;
}

.home-activity-row .red,
.home-stock-row .red{
  color:#ff7775;
  background:#461817;
}

.home-stock-row .gold{
  color:#f5ce57;
  background:#3a3010;
}


/* STOCK */

.home-stock-row{
  min-height:36px;

  display:grid;
  grid-template-columns:24px 1fr 50px 48px;
  gap:7px;
  align-items:center;

  border-bottom:
    1px solid rgba(76,255,166,.06);

  font-size:7px;
}

.home-stock-row:last-child{
  border-bottom:0;
}

.home-stock-row b{
  justify-self:end;
  color:#58eaa2;
}


/* TRANSITION WHEN SWITCHING MODULES */

.home-module-content{
  animation:
    homeModuleIn .24s ease;
}

@keyframes homeModuleIn{
  from{
    opacity:.55;
    transform:translateY(3px);
  }

  to{
    opacity:1;
    transform:translateY(0);
  }
}


/* RESPONSIVE */

@media(max-width:1050px){

  .home-platform-head{
    grid-template-columns:1fr;
    gap:15px;
  }

  .home-platform-grid{
    grid-template-columns:260px 1fr;
  }

  .home-preview-stats{
    grid-template-columns:1fr 1fr;
  }

  .home-preview-panels{
    grid-template-columns:1fr;
  }

}


@media(max-width:760px){

  .home-platform{
    padding:70px 0;
  }

  .home-platform-grid{
    grid-template-columns:1fr;
  }

  .home-module-tabs{
    grid-template-columns:1fr 1fr;
  }

  .home-module-tab{
    grid-template-columns:34px 1fr;
    padding:11px;
  }

  .home-module-icon{
    width:32px;
    height:32px;
    font-size:16px;
  }

  .home-module-tab strong{
    font-size:11px;
  }

  .home-module-tab small{
    display:none;
  }

}


@media(max-width:520px){

  .home-module-tabs{
    grid-template-columns:1fr;
  }

  .home-preview-stats{
    grid-template-columns:1fr 1fr;
  }

  .home-preview-stats article{
    grid-template-columns:1fr;
  }

  .home-preview-stat-icon{
    display:none;
  }

  .home-activity-row{
    grid-template-columns:22px 90px 1fr;
  }

  .home-activity-row b,
  .home-activity-row time{
    display:none;
  }

  .home-stock-row{
    grid-template-columns:22px 1fr auto;
  }

  .home-stock-row time{
    display:none;
  }

}


@media(prefers-reduced-motion:reduce){

  .home-module-content{
    animation:none;
  }

}



/* QUOTRYN HOMEPAGE V2 - STEP 3 */

.home-connected{
  position:relative;
  padding:105px 0;

  overflow:hidden;

  background:
    radial-gradient(
      circle at 50% 20%,
      rgba(31,142,88,.11),
      transparent 35%
    ),
    #03100b;

  border-bottom:
    1px solid rgba(75,255,168,.07);
}


/* CONNECTED HEADER */

.home-connected-head{
  max-width:800px;
  margin:0 auto;
  text-align:center;
}

.home-connected-head h2,
.home-compare-head h2{
  margin:13px 0 18px;

  font:
    800 clamp(40px,5vw,62px)/1
    Manrope;

  letter-spacing:-2.7px;
}

.home-connected-head h2 span,
.home-compare-head h2 span{
  color:#59f0a7;
}

.home-connected-head p{
  max-width:700px;
  margin:0 auto;

  color:#95ad9f;

  font-size:14px;
  line-height:1.75;
}


/* WORKFLOW */

.home-flow-shell{
  position:relative;

  display:grid;
  grid-template-columns:
    1fr 35px
    1fr 35px
    1fr 35px
    1fr 35px
    1fr 35px
    1fr;

  align-items:center;

  gap:5px;

  margin-top:55px;
}

.home-flow-line{
  position:absolute;

  left:5%;
  right:5%;
  top:40px;

  height:1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(84,239,165,.40),
      rgba(84,239,165,.40),
      transparent
    );
}

.home-flow-node{
  position:relative;
  z-index:2;

  min-height:155px;

  padding:19px 12px;

  border:
    1px solid rgba(76,255,166,.15);

  border-radius:13px;

  text-align:center;

  background:
    linear-gradient(
      145deg,
      rgba(9,33,22,.96),
      rgba(4,20,13,.96)
    );

  transition:
    transform .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}

.home-flow-node:hover{
  transform:translateY(-5px);

  border-color:
    rgba(81,255,173,.38);

  box-shadow:
    0 18px 45px rgba(0,0,0,.22),
    0 0 35px rgba(53,255,151,.05);
}

.home-flow-icon{
  width:44px;
  height:44px;

  display:grid;
  place-items:center;

  margin:0 auto 13px;

  border:
    1px solid rgba(84,240,166,.24);

  border-radius:11px;

  background:#0b3423;
  color:#5bf0a8;

  font-size:20px;

  box-shadow:
    0 0 25px rgba(70,255,161,.06);
}

.home-flow-node strong{
  display:block;

  font:
    700 13px Manrope;
}

.home-flow-node small{
  display:block;

  margin-top:7px;

  color:#7e988a;

  font-size:9px;
  line-height:1.5;
}

.home-flow-arrow{
  position:relative;
  z-index:3;

  color:#4bc78b;

  text-align:center;
  font-size:20px;
}


/* WORKFLOW NOTE */

.home-flow-note{
  width:min(780px,100%);

  display:flex;
  align-items:center;
  gap:13px;

  margin:28px auto 0;

  padding:15px 18px;

  border:
    1px solid rgba(75,255,168,.12);

  border-radius:12px;

  background:
    rgba(7,28,18,.65);
}

.home-flow-note > span{
  flex:0 0 auto;

  width:30px;
  height:30px;

  display:grid;
  place-items:center;

  border-radius:50%;

  color:#5bf0a8;
  background:#0b3b27;

  font-weight:900;
}

.home-flow-note p{
  margin:0;

  color:#8fa89b;

  font-size:11px;
  line-height:1.6;
}

.home-flow-note strong{
  color:#e7f4ed;
}


/* COMPARE HEADER */

.home-compare-head{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:70px;
  align-items:end;

  margin-top:120px;
}

.home-compare-head h2{
  max-width:700px;
  margin-bottom:0;
}

.home-compare-head > p{
  max-width:460px;

  margin:0 0 6px;

  color:#93aa9e;

  font-size:14px;
  line-height:1.7;
}


/* COMPARISON */

.home-compare{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;

  margin-top:40px;
}

.home-stack-card{
  position:relative;
  overflow:hidden;

  min-height:610px;

  padding:31px;

  border-radius:18px;
}

.home-stack-card.old{
  border:
    1px solid rgba(255,117,117,.16);

  background:
    radial-gradient(
      circle at 50% 40%,
      rgba(109,37,37,.08),
      transparent 45%
    ),
    linear-gradient(
      145deg,
      #0a1812,
      #06110d
    );
}

.home-stack-card.quotryn{
  border:
    1px solid rgba(79,255,169,.32);

  background:
    radial-gradient(
      circle at 50% 42%,
      rgba(40,220,132,.12),
      transparent 48%
    ),
    linear-gradient(
      145deg,
      #0a2117,
      #05130d
    );

  box-shadow:
    0 30px 90px rgba(0,0,0,.20),
    0 0 70px rgba(53,255,151,.035);
}

.home-stack-label{
  color:#698477;

  font-size:9px;
  font-weight:800;
  letter-spacing:2px;
}

.home-stack-card.quotryn
.home-stack-label{
  color:#58e9a2;
}

.home-stack-card h3{
  max-width:440px;

  margin:10px 0 0;

  font:
    800 28px/1.08 Manrope;

  letter-spacing:-1px;
}


/* CHAOS DIAGRAM */

.home-chaos{
  position:relative;

  height:285px;

  margin:26px 0 20px;

  border:
    1px solid rgba(255,255,255,.035);

  border-radius:13px;

  background:
    rgba(0,0,0,.12);
}

.home-chaos-app{
  position:absolute;
  z-index:2;

  min-width:118px;

  display:flex;
  align-items:center;
  gap:8px;

  padding:10px 11px;

  border:
    1px solid rgba(255,255,255,.10);

  border-radius:9px;

  background:#0c1b15;

  color:#a9b9b1;

  font-size:9px;

  box-shadow:
    0 12px 30px rgba(0,0,0,.20);
}

.home-chaos-app span{
  width:23px;
  height:23px;

  display:grid;
  place-items:center;

  border-radius:6px;

  background:#14271f;
}

.home-chaos-app.one{
  left:7%;
  top:12%;
  transform:rotate(-4deg);
}

.home-chaos-app.two{
  right:8%;
  top:9%;
  transform:rotate(4deg);
}

.home-chaos-app.three{
  left:34%;
  top:38%;
  transform:rotate(-2deg);
}

.home-chaos-app.four{
  left:8%;
  bottom:11%;
  transform:rotate(3deg);
}

.home-chaos-app.five{
  right:7%;
  bottom:14%;
  transform:rotate(-4deg);
}

.home-chaos-app.six{
  right:10%;
  top:47%;
  transform:rotate(2deg);
}

.home-chaos-lines{
  position:absolute;
  inset:0;

  width:100%;
  height:100%;

  opacity:.22;
}

.home-chaos-lines path{
  fill:none;

  stroke:#a26767;
  stroke-width:1.2;
  stroke-dasharray:5 6;
}


/* UNIFIED QUOTRYN */

.home-unified{
  position:relative;

  height:285px;

  margin:26px 0 20px;

  overflow:hidden;

  border:
    1px solid rgba(75,255,168,.07);

  border-radius:13px;

  background:
    radial-gradient(
      circle,
      rgba(45,232,143,.12),
      transparent 52%
    );
}

.home-unified-core{
  position:absolute;

  left:50%;
  top:50%;

  width:126px;
  height:126px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  transform:
    translate(-50%,-50%);

  border:
    1px solid rgba(83,255,175,.40);

  border-radius:28px;

  background:
    linear-gradient(
      145deg,
      #0e3a27,
      #071d14
    );

  box-shadow:
    0 0 65px rgba(55,255,153,.12);
}

.home-unified-logo{
  width:45px;
  height:45px;

  display:grid;
  place-items:center;

  margin-bottom:7px;

  border:
    1px solid #49bd83;

  border-radius:12px;

  color:#5cf1aa;
  background:#09291b;

  font:
    900 21px Manrope;
}

.home-unified-core strong{
  font:
    800 14px Manrope;
}

.home-unified-core small{
  margin-top:4px;

  color:#5adca0;

  font-size:6px;
  letter-spacing:1.5px;
}

.home-unified-orbit{
  position:absolute;

  left:50%;
  top:50%;

  transform:
    translate(-50%,-50%);

  border:
    1px solid rgba(78,255,169,.12);

  border-radius:50%;
}

.orbit-one{
  width:225px;
  height:225px;
}

.orbit-two{
  width:330px;
  height:330px;
}

.home-unified-item{
  position:absolute;
  z-index:2;

  width:39px;
  height:39px;

  display:grid;
  place-items:center;

  border:
    1px solid rgba(80,255,171,.25);

  border-radius:10px;

  color:#5af0a7;
  background:#0a3020;

  box-shadow:
    0 0 25px rgba(57,255,153,.06);
}

.home-unified-item.item-one{
  left:16%;
  top:23%;
}

.home-unified-item.item-two{
  right:16%;
  top:22%;
}

.home-unified-item.item-three{
  left:12%;
  bottom:20%;
}

.home-unified-item.item-four{
  right:12%;
  bottom:20%;
}

.home-unified-item.item-five{
  left:47%;
  top:6%;
}

.home-unified-item.item-six{
  left:47%;
  bottom:5%;
}


/* LISTS */

.home-stack-list{
  display:grid;
  gap:10px;

  padding:0;
  margin:0;

  list-style:none;
}

.home-stack-list li{
  display:flex;
  align-items:center;
  gap:10px;

  color:#91a89c;

  font-size:11px;
}

.home-stack-list li span{
  width:22px;
  height:22px;

  display:grid;
  place-items:center;

  flex:0 0 auto;

  border-radius:50%;

  font-weight:900;
}

.home-stack-list.bad li span{
  color:#ff7b7b;
  background:#371716;
}

.home-stack-list.good li{
  color:#b7cbbf;
}

.home-stack-list.good li span{
  color:#59f0a7;
  background:#0b3a27;
}


/* RESPONSIVE */

@media(max-width:1100px){

  .home-flow-shell{
    grid-template-columns:
      1fr 25px
      1fr 25px
      1fr;

    row-gap:15px;
  }

  .home-flow-shell
  .home-flow-node:nth-of-type(n+4){
    margin-top:8px;
  }

  .home-flow-line{
    display:none;
  }

}


@media(max-width:850px){

  .home-flow-shell{
    grid-template-columns:1fr 1fr;
    gap:12px;
  }

  .home-flow-arrow{
    display:none;
  }

  .home-flow-node{
    min-height:135px;
  }

  .home-compare-head{
    grid-template-columns:1fr;
    gap:16px;
  }

  .home-compare{
    grid-template-columns:1fr;
  }

}


@media(max-width:520px){

  .home-connected{
    padding:75px 0;
  }

  .home-flow-shell{
    grid-template-columns:1fr;
  }

  .home-flow-node{
    min-height:auto;
  }

  .home-compare-head{
    margin-top:85px;
  }

  .home-stack-card{
    min-height:auto;
    padding:22px;
  }

  .home-chaos,
  .home-unified{
    height:255px;
  }

  .home-chaos-app{
    min-width:100px;
    font-size:7px;
  }

}



/* QUOTRYN HOMEPAGE V2 - STEP 4 */


/* ==========================================================
   OWNER VISIBILITY
   ========================================================== */

.home-intelligence{
  position:relative;
  overflow:hidden;

  padding:115px 0;

  background:
    linear-gradient(
      180deg,
      #04120d,
      #03100b
    );

  border-bottom:
    1px solid rgba(76,255,166,.07);
}

.home-intelligence-glow{
  position:absolute;

  width:700px;
  height:700px;

  right:-300px;
  top:-220px;

  border-radius:50%;

  background:
    rgba(45,222,136,.07);

  filter:blur(120px);

  pointer-events:none;
}

.home-intelligence-grid{
  position:relative;
  z-index:2;

  display:grid;
  grid-template-columns:.85fr 1.15fr;

  gap:85px;
  align-items:center;
}


/* COPY */

.home-intelligence-copy h2{
  margin:14px 0 22px;

  font:
    800 clamp(42px,5vw,64px)/1
    Manrope;

  letter-spacing:-2.8px;
}

.home-intelligence-copy h2 span{
  display:block;

  color:#59efa7;
}

.home-intelligence-lead{
  max-width:590px;

  margin:0;

  color:#94ab9f;

  font-size:14px;
  line-height:1.8;
}

.home-intelligence-points{
  display:grid;
  gap:12px;

  margin-top:32px;
}

.home-intelligence-points > div{
  display:grid;
  grid-template-columns:37px 1fr;

  gap:13px;

  padding:13px 0;
}

.home-intelligence-points > div > span{
  width:36px;
  height:36px;

  display:grid;
  place-items:center;

  border:
    1px solid rgba(79,255,170,.18);

  border-radius:9px;

  color:#59efa7;
  background:#0a3422;
}

.home-intelligence-points p{
  margin:0;

  color:#849c90;

  font-size:11px;
  line-height:1.65;
}

.home-intelligence-points strong{
  display:block;

  margin-bottom:3px;

  color:#e7f3ed;

  font:
    700 12px Manrope;
}


/* CONSOLE */

.home-intelligence-console{
  position:relative;

  overflow:hidden;

  border:
    1px solid rgba(78,255,169,.32);

  border-radius:17px;

  background:#061b12;

  box-shadow:
    0 40px 100px rgba(0,0,0,.32),
    0 0 70px rgba(48,255,146,.055);

  transform:
    perspective(1200px)
    rotateY(-2deg)
    rotateX(1deg);
}

.home-intelligence-console::before{
  content:"";

  position:absolute;
  inset:0;

  pointer-events:none;

  background:
    linear-gradient(
      115deg,
      rgba(255,255,255,.018),
      transparent 28%
    );
}

.home-intelligence-topbar{
  position:relative;
  z-index:2;

  display:flex;
  align-items:center;
  justify-content:space-between;

  height:39px;

  padding:0 14px;

  border-bottom:
    1px solid rgba(76,255,166,.09);

  background:#07170f;
}

.home-intelligence-topbar > div{
  display:flex;
  gap:5px;
}

.home-intelligence-topbar > div span{
  width:6px;
  height:6px;

  border-radius:50%;

  background:#23543c;
}

.home-intelligence-topbar small{
  color:#537263;

  font-size:6px;
  letter-spacing:1.5px;
}

.home-intelligence-screen{
  position:relative;
  z-index:2;

  padding:21px;
}

.home-intelligence-screen-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;

  gap:15px;

  margin-bottom:16px;
}

.home-mini-eyebrow{
  color:#54e8a1;

  font-size:6px;
  font-weight:900;
  letter-spacing:1.5px;
}

.home-intelligence-screen-head h3{
  margin:5px 0 0;

  font:
    800 20px Manrope;

  letter-spacing:-.5px;
}

.home-live-pill{
  display:flex;
  align-items:center;
  gap:6px;

  padding:6px 8px;

  border:
    1px solid rgba(80,255,171,.14);

  border-radius:20px;

  color:#79a28d;

  background:#082218;

  font-size:6px;
  font-weight:800;
  letter-spacing:.6px;
}

.home-live-pill > span{
  width:5px;
  height:5px;

  border-radius:50%;

  background:#54efa5;

  box-shadow:
    0 0 8px rgba(84,239,165,.65);
}


/* INSIGHT STATS */

.home-insight-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);

  gap:9px;
}

.home-insight-stats article{
  padding:13px;

  border:
    1px solid rgba(76,255,166,.11);

  border-radius:9px;

  background:
    linear-gradient(
      145deg,
      rgba(11,39,26,.86),
      rgba(6,24,16,.86)
    );
}

.home-insight-stats small{
  display:block;

  color:#668274;

  font-size:6px;
  font-weight:800;
  letter-spacing:.8px;
}

.home-insight-stats strong{
  display:block;

  margin:5px 0;

  font:
    800 18px Manrope;
}

.home-insight-stats span{
  color:#54eaa2;

  font-size:6px;
}

.home-insight-stats span.warning{
  color:#efca60;
}


/* CHART */

.home-insight-chart{
  margin-top:9px;

  padding:14px;

  border:
    1px solid rgba(76,255,166,.10);

  border-radius:9px;

  background:
    rgba(3,17,11,.68);
}

.home-insight-chart-head{
  display:flex;
  align-items:center;
  justify-content:space-between;

  margin-bottom:8px;
}

.home-insight-chart-head strong{
  display:block;

  font:
    700 9px Manrope;
}

.home-insight-chart-head small{
  display:block;

  margin-top:2px;

  color:#617d6f;

  font-size:6px;
}

.home-insight-chart-head > span{
  color:#668274;

  font-size:6px;
}

.home-chart-area{
  position:relative;

  height:140px;

  overflow:hidden;
}

.home-chart-grid{
  position:absolute;
  inset:0;

  background:
    linear-gradient(
      rgba(72,255,162,.045) 1px,
      transparent 1px
    );

  background-size:
    100% 28px;
}

.home-chart-area svg{
  position:absolute;
  inset:0;

  width:100%;
  height:100%;
}

.home-chart-fill{
  fill:url(#quotrynChartFill);
}

.home-chart-line{
  fill:none;

  stroke:#55eca4;
  stroke-width:2;

  vector-effect:
    non-scaling-stroke;

  filter:
    drop-shadow(
      0 0 5px rgba(76,255,165,.25)
    );
}


/* SIGNALS */

.home-owner-signals{
  display:grid;
  gap:7px;

  margin-top:9px;
}

.home-owner-signal{
  display:grid;
  grid-template-columns:27px 1fr;

  gap:9px;
  align-items:center;

  padding:9px 10px;

  border:
    1px solid rgba(76,255,166,.08);

  border-radius:8px;

  background:
    rgba(7,28,18,.66);
}

.home-owner-signal > span{
  width:25px;
  height:25px;

  display:grid;
  place-items:center;

  border-radius:7px;

  font-size:9px;
  font-weight:900;
}

.home-owner-signal .green{
  color:#58efa6;
  background:#0b3926;
}

.home-owner-signal .gold{
  color:#f0ce64;
  background:#3b3112;
}

.home-owner-signal .blue{
  color:#78aaff;
  background:#102b50;
}

.home-owner-signal strong{
  display:block;

  font:
    700 8px Manrope;
}

.home-owner-signal small{
  display:block;

  margin-top:2px;

  color:#698477;

  font-size:6px;
}


/* ==========================================================
   FINAL CTA
   ========================================================== */

.home-final-cta{
  position:relative;

  overflow:hidden;

  padding:125px 0;

  text-align:center;

  background:#020d09;
}

.home-final-grid{
  position:absolute;
  inset:0;

  opacity:.24;

  background-image:
    linear-gradient(
      rgba(70,255,161,.055) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(70,255,161,.055) 1px,
      transparent 1px
    );

  background-size:
    52px 52px;

  mask-image:
    radial-gradient(
      circle at center,
      black,
      transparent 72%
    );
}

.home-final-glow{
  position:absolute;

  border-radius:50%;

  pointer-events:none;

  filter:blur(120px);
}

.home-final-glow.glow-one{
  width:600px;
  height:420px;

  left:50%;
  top:15%;

  transform:
    translateX(-50%);

  background:
    rgba(43,229,139,.12);
}

.home-final-glow.glow-two{
  width:300px;
  height:300px;

  left:50%;
  bottom:-200px;

  transform:
    translateX(-50%);

  background:
    rgba(67,255,161,.08);
}

.home-final-inner{
  position:relative;
  z-index:2;
}

.home-final-inner h2{
  max-width:850px;

  margin:15px auto 20px;

  font:
    800 clamp(48px,6vw,78px)/.98
    Manrope;

  letter-spacing:-3.8px;
}

.home-final-inner h2 span{
  display:block;

  color:#5af0a8;
}

.home-final-inner > p{
  max-width:650px;

  margin:0 auto;

  color:#91a99c;

  font-size:14px;
  line-height:1.75;
}

.home-final-actions{
  display:flex;
  justify-content:center;
  gap:10px;

  margin-top:29px;
}

.home-final-actions .btn{
  min-width:150px;
}

.home-final-proof{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;

  gap:23px;

  margin-top:25px;

  color:#718d7f;

  font-size:9px;
}

.home-final-proof span::first-letter{
  color:#55eca4;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:950px){

  .home-intelligence-grid{
    grid-template-columns:1fr;

    gap:50px;
  }

  .home-intelligence-copy{
    max-width:700px;
  }

  .home-intelligence-console{
    transform:none;
  }

}


@media(max-width:650px){

  .home-intelligence{
    padding:80px 0;
  }

  .home-insight-stats{
    grid-template-columns:1fr;
  }

  .home-chart-area{
    height:110px;
  }

  .home-final-cta{
    padding:90px 0;
  }

  .home-final-inner h2{
    letter-spacing:-2.5px;
  }

  .home-final-actions{
    flex-direction:column;

    width:min(310px,100%);

    margin-left:auto;
    margin-right:auto;
  }

  .home-final-actions .btn{
    width:100%;
  }

}


@media(max-width:430px){

  .home-intelligence-screen{
    padding:14px;
  }

  .home-intelligence-screen-head{
    align-items:flex-start;
  }

  .home-live-pill{
    display:none;
  }

  .home-owner-signal small{
    line-height:1.45;
  }

}



/* QUOTRYN HOMEPAGE V2 - FINAL POLISH */


/* MOBILE NAV */

.home-mobile-toggle{
  display:none;

  width:38px;
  height:38px;

  padding:9px;

  border:
    1px solid rgba(79,255,169,.16);

  border-radius:9px;

  background:#081d14;

  cursor:pointer;
}

.home-mobile-toggle span{
  display:block;

  width:100%;
  height:1px;

  margin:4px 0;

  background:#c6d8ce;

  transition:
    transform .18s ease,
    opacity .18s ease;
}

.home-mobile-toggle.open span:nth-child(1){
  transform:
    translateY(5px)
    rotate(45deg);
}

.home-mobile-toggle.open span:nth-child(2){
  opacity:0;
}

.home-mobile-toggle.open span:nth-child(3){
  transform:
    translateY(-5px)
    rotate(-45deg);
}

.home-mobile-menu{
  display:none;
}


/* HOMEPAGE FOOTER */

.home-footer{
  border-top:
    1px solid rgba(76,255,166,.08);

  background:#020b08;
}

.home-footer-grid{
  display:grid;
  grid-template-columns:1fr 1fr;

  gap:70px;

  padding-top:60px;
  padding-bottom:45px;
}

.home-footer-brand p{
  max-width:310px;

  margin-top:17px;

  color:#6f897c;

  font-size:11px;
  line-height:1.65;
}

.home-footer-links{
  display:grid;
  grid-template-columns:repeat(3,1fr);

  gap:35px;
}

.home-footer-links > div{
  display:grid;
  align-content:start;
  gap:10px;
}

.home-footer-links strong{
  margin-bottom:4px;

  color:#d9e8e0;

  font:
    700 10px Manrope;
}

.home-footer-links a{
  color:#708a7d;

  font-size:10px;

  transition:color .16s ease;
}

.home-footer-links a:hover{
  color:#59efa7;
}

.home-footer-bottom{
  display:flex;
  justify-content:space-between;

  padding-top:21px;
  padding-bottom:28px;

  border-top:
    1px solid rgba(76,255,166,.06);

  color:#506c5e;

  font-size:9px;
}


/* SELECTION */

.home-v2 ::selection{
  color:#02140d;
  background:#59f0a7;
}


/* FOCUS */

.home-v2 a:focus-visible,
.home-v2 button:focus-visible{
  outline:
    2px solid #59f0a7;

  outline-offset:3px;
}


/* MOBILE */

@media(max-width:760px){

  .home-mobile-toggle{
    display:block;

    justify-self:end;
  }

  .home-nav-actions{
    display:none;
  }

  .home-mobile-menu{
    position:absolute;

    left:14px;
    right:14px;
    top:72px;

    z-index:100;

    padding:10px;

    border:
      1px solid rgba(78,255,169,.20);

    border-radius:13px;

    background:
      rgba(5,22,14,.98);

    box-shadow:
      0 25px 70px rgba(0,0,0,.50);
  }

  .home-mobile-menu.open{
    display:grid;
  }

  .home-mobile-menu a{
    padding:12px;

    border-radius:8px;

    color:#a8bdb2;

    font-size:12px;
  }

  .home-mobile-menu a:hover{
    color:white;
    background:#0b281b;
  }

  .home-mobile-menu
  .home-mobile-start{
    margin-top:5px;

    color:#032016;
    background:#59f0a7;

    font-weight:800;
  }

  .home-footer-grid{
    grid-template-columns:1fr;

    gap:40px;
  }

  .home-footer-links{
    grid-template-columns:
      repeat(3,1fr);
  }

}


@media(max-width:480px){

  .home-footer-links{
    grid-template-columns:1fr 1fr;

    row-gap:30px;
  }

  .home-footer-bottom{
    flex-direction:column;

    gap:8px;
  }

}


/* Touch devices should not depend on hover */

@media(hover:none){

  .home-flow-node:hover,
  .home-module-tab:hover{
    transform:none;
  }

}