/* ==========================================================
   DONE-FOR-YOU OWNER PROFILE — WORLD-CLASS REDESIGN V3
   ========================================================== */

#fit{
  position:relative;
  overflow:hidden;
  padding-top:112px;
  padding-bottom:118px;
  background:
    radial-gradient(circle at 85% 8%,rgba(66,151,255,.18),transparent 27%),
    radial-gradient(circle at 8% 82%,rgba(141,234,255,.10),transparent 24%),
    linear-gradient(180deg,#041126 0%,#071b39 46%,#041126 100%);
}

#fit::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(141,234,255,.035) 1px,transparent 1px),
    linear-gradient(rgba(141,234,255,.035) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 95%);
  pointer-events:none;
}

.dfy-owner-profile-shell{
  position:relative;
  z-index:1;
  width:min(1320px,calc(100vw - 64px));
  margin:0 auto;
}

.dfy-owner-profile-head{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(310px,.65fr);
  gap:38px;
  align-items:end;
  margin-bottom:46px;
}

.dfy-owner-profile-head h2{
  margin:18px 0 0;
  max-width:950px;
  color:#fff;
  font-size:clamp(46px,5.2vw,74px);
  line-height:.96;
  letter-spacing:-.055em;
  text-wrap:balance;
}

.dfy-owner-profile-head > p{
  margin:0;
  padding:28px;
  border:1px solid rgba(141,234,255,.15);
  border-radius:26px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
  color:#d4e1ef;
  font-size:17px;
  line-height:1.82;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 22px 52px rgba(0,0,0,.18);
}

.dfy-owner-profile-stage{
  display:grid;
  grid-template-columns:minmax(390px,.82fr) minmax(0,1.18fr);
  gap:24px;
  align-items:stretch;
}

.dfy-owner-profile-core{
  position:relative;
  overflow:hidden;
  min-height:650px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:38px;
  border:1px solid rgba(141,234,255,.19);
  border-radius:38px;
  background:
    radial-gradient(circle at 50% 22%,rgba(141,234,255,.19),transparent 32%),
    linear-gradient(145deg,#0d3a71 0%,#071b38 58%,#06142b 100%);
  box-shadow:
    0 36px 88px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.07);
}

.dfy-owner-profile-orbit{
  position:absolute;
  left:50%;
  top:38%;
  border-radius:50%;
  border:1px solid rgba(141,234,255,.15);
  transform:translate(-50%,-50%);
  pointer-events:none;
}

.dfy-owner-profile-orbit.orbit-one{
  width:390px;
  height:390px;
}

.dfy-owner-profile-orbit.orbit-two{
  width:510px;
  height:510px;
  border-style:dashed;
  opacity:.56;
}

.dfy-owner-profile-core-copy,
.dfy-owner-profile-control{
  position:relative;
  z-index:1;
}

.dfy-owner-profile-core-copy small{
  display:inline-flex;
  min-height:36px;
  align-items:center;
  padding:0 15px;
  border:1px solid rgba(141,234,255,.20);
  border-radius:999px;
  background:rgba(141,234,255,.075);
  color:#8deaff;
  font:900 10px/1 Arial,sans-serif;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.dfy-owner-profile-core-copy h3{
  margin:24px 0 18px;
  max-width:660px;
  color:#fff;
  font-size:clamp(38px,4vw,57px);
  line-height:.98;
  letter-spacing:-.045em;
}

.dfy-owner-profile-core-copy p{
  margin:0;
  max-width:650px;
  color:#d7e4f2;
  font-size:17px;
  line-height:1.82;
}

.dfy-owner-profile-control{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:40px;
}

.dfy-owner-profile-control article{
  min-height:128px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:18px;
  border:1px solid rgba(141,234,255,.12);
  border-radius:20px;
  background:rgba(255,255,255,.055);
  backdrop-filter:blur(8px);
}

.dfy-owner-profile-control strong{
  color:#fff;
  font-size:32px;
  line-height:1;
  letter-spacing:-.035em;
}

.dfy-owner-profile-control span{
  display:block;
  margin-top:9px;
  color:#bcd0e3;
  font:800 10px/1.45 Arial,sans-serif;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.dfy-owner-profile-signals{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:15px;
}

.dfy-owner-profile-signal{
  position:relative;
  overflow:hidden;
  min-height:198px;
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  gap:18px;
  align-items:start;
  padding:25px;
  border:1px solid rgba(141,234,255,.11);
  border-radius:27px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.022));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 18px 42px rgba(0,0,0,.13);
  transition:transform .24s ease,border-color .24s ease,background .24s ease;
}

.dfy-owner-profile-signal::after{
  content:"";
  position:absolute;
  right:-52px;
  bottom:-68px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(141,234,255,.13),transparent 69%);
  pointer-events:none;
}

.dfy-owner-profile-signal:hover{
  transform:translateY(-4px);
  border-color:rgba(141,234,255,.24);
  background:
    linear-gradient(180deg,rgba(141,234,255,.085),rgba(255,255,255,.03));
}

.dfy-owner-profile-signal b{
  width:50px;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(141,234,255,.17);
  border-radius:16px;
  background:rgba(141,234,255,.10);
  color:#8deaff;
  font:900 11px/1 Arial,sans-serif;
  letter-spacing:.10em;
}

.dfy-owner-profile-signal h4{
  margin:2px 0 9px;
  color:#fff;
  font-size:23px;
  line-height:1.12;
}

.dfy-owner-profile-signal p{
  margin:0;
  color:#cbd8e7;
  font-size:14px;
  line-height:1.72;
}

.dfy-owner-profile-finale{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:160px minmax(0,1fr);
  gap:26px;
  align-items:center;
  margin-top:24px;
  padding:30px 34px;
  border:1px solid rgba(141,234,255,.18);
  border-radius:28px;
  background:
    radial-gradient(circle at 92% 50%,rgba(141,234,255,.13),transparent 25%),
    linear-gradient(135deg,#0c315f,#081c39);
  box-shadow:0 24px 56px rgba(0,0,0,.21);
}

.dfy-owner-profile-finale small{
  color:#8deaff;
  font:900 10px/1 Arial,sans-serif;
  letter-spacing:.20em;
  text-transform:uppercase;
}

.dfy-owner-profile-finale h3{
  margin:0;
  color:#fff;
  font-size:clamp(28px,3vw,43px);
  line-height:1.05;
  letter-spacing:-.03em;
}

.dfy-owner-profile-finale h3 span{
  display:block;
}

.dfy-owner-profile-finale h3 span:last-child{
  margin-top:5px;
  color:#8deaff;
}

@media(max-width:1120px){
  .dfy-owner-profile-head,
  .dfy-owner-profile-stage{
    grid-template-columns:1fr;
  }

  .dfy-owner-profile-core{
    min-height:auto;
  }
}

@media(max-width:760px){
  #fit{
    padding-top:84px;
    padding-bottom:88px;
  }

  .dfy-owner-profile-shell{
    width:calc(100vw - 28px);
  }

  .dfy-owner-profile-head h2{
    font-size:40px;
  }

  .dfy-owner-profile-signals,
  .dfy-owner-profile-control{
    grid-template-columns:1fr;
  }

  .dfy-owner-profile-signal{
    min-height:auto;
    grid-template-columns:44px minmax(0,1fr);
    padding:21px;
  }

  .dfy-owner-profile-signal b{
    width:44px;
    height:44px;
  }

  .dfy-owner-profile-core{
    padding:26px;
    border-radius:28px;
  }

  .dfy-owner-profile-orbit{
    display:none;
  }

  .dfy-owner-profile-finale{
    grid-template-columns:1fr;
    padding:25px;
  }
}