/* ==========================================================
   CANTAIMY v6.8 — Brand + legal
   ========================================================== */
.v68-brand{
  min-height:74px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
}
.v68-logo{
  display:block !important;
  width:178px !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  filter:drop-shadow(0 0 14px rgba(0,232,255,.08)) !important;
}
.v68-legal-links{
  margin:14px 8px 0 !important;
  padding-top:12px !important;
  border-top:1px solid rgba(255,255,255,.07) !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:4px 8px !important;
}
.v68-legal-links button{
  border:0 !important;
  background:transparent !important;
  color:#747d97 !important;
  font:500 9px/1.3 Inter,sans-serif !important;
  text-align:left !important;
  padding:3px 0 !important;
  cursor:pointer !important;
}
.v68-legal-links button:hover{color:#00e8ff !important}

.v68-studio-legal-note{
  margin:12px 0 14px !important;
  padding:12px 14px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.025) !important;
}
.v68-studio-legal-note strong{
  display:block !important;
  margin-bottom:4px !important;
  color:#fff !important;
  font-size:12px !important;
}
.v68-studio-legal-note p{
  margin:0 !important;
  color:#969fb8 !important;
  font-size:11px !important;
  line-height:1.5 !important;
}

.legal-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:60000 !important;
  display:none !important;
  place-items:center !important;
  padding:24px !important;
  background:rgba(2,0,12,.82) !important;
  backdrop-filter:blur(12px) !important;
}
.legal-modal.open{display:grid !important}
.legal-modal-card{
  width:min(920px,96vw) !important;
  max-height:90dvh !important;
  overflow:auto !important;
  padding:22px 24px 18px !important;
  border:1px solid rgba(113,81,255,.28) !important;
  border-radius:22px !important;
  background:#0c0826 !important;
  box-shadow:0 36px 100px rgba(0,0,0,.52) !important;
}
.legal-modal-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  margin-bottom:16px !important;
}
.legal-logo{
  width:210px !important;
  max-width:58vw !important;
  height:auto !important;
}
.legal-close{
  width:38px !important;height:38px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.04) !important;
  color:#fff !important;font-size:22px !important;cursor:pointer !important;
}
.legal-tabs{
  display:flex !important;
  gap:7px !important;
  overflow-x:auto !important;
  padding-bottom:10px !important;
  border-bottom:1px solid rgba(255,255,255,.07) !important;
}
.legal-tab{
  flex:0 0 auto !important;
  min-height:36px !important;
  padding:0 12px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.03) !important;
  color:#aeb5c8 !important;
  font:700 11px/1 Inter,sans-serif !important;
  cursor:pointer !important;
}
.legal-tab.active{
  color:#fff !important;
  border-color:rgba(0,232,255,.24) !important;
  background:linear-gradient(135deg,rgba(0,232,255,.11),rgba(129,77,255,.16)) !important;
}
.legal-panel{
  display:none !important;
  padding:20px 4px 8px !important;
  color:#c0c6d7 !important;
  font-size:13px !important;
  line-height:1.65 !important;
}
.legal-panel.active{display:block !important}
.legal-panel h2{
  margin:0 0 14px !important;
  color:#fff !important;
  font-size:26px !important;
}
.legal-panel h3{
  margin:18px 0 5px !important;
  color:#fff !important;
  font-size:14px !important;
}
.legal-panel p{margin:0 0 12px !important}
.legal-panel ul{margin:8px 0 14px 20px !important;padding:0 !important}
.legal-panel li{margin:4px 0 !important}
.legal-foot{
  display:flex !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-top:14px !important;
  padding-top:12px !important;
  border-top:1px solid rgba(255,255,255,.07) !important;
  color:#727d98 !important;
  font-size:9px !important;
}
@media(max-width:760px){
  .v68-logo{width:150px !important}
  .v68-legal-links{grid-template-columns:1fr !important}
  .legal-modal{padding:12px !important}
  .legal-modal-card{padding:16px !important}
  .legal-panel{font-size:12px !important}
  .legal-foot{flex-direction:column !important}
}


/* v7.4.1 content report contact */
.legal-contact-email{
  margin-top:14px !important;
  padding:12px 14px !important;
  border:1px solid rgba(0,232,255,.14) !important;
  border-radius:12px !important;
  background:rgba(0,232,255,.035) !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  align-items:center !important;
}
.legal-contact-email strong{
  color:#fff !important;
  font-size:11px !important;
}
.legal-contact-email span{
  color:#9ff7ff !important;
  font-size:12px !important;
  font-weight:800 !important;
  user-select:text !important;
}


/* v7.6.12 — Why CANTAIMY brand story */
.cantaimy-story-panel{
  max-width:760px;
}

.cantaimy-story-kicker{
  margin:0 0 5px !important;
  color:#00e8ff !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

.cantaimy-story-lead{
  color:#e7e9f5 !important;
  font-size:15px !important;
  line-height:1.65 !important;
}

.cantaimy-name-parts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:20px 0;
}

.cantaimy-name-parts > div{
  padding:14px 15px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:rgba(255,255,255,.035);
}

.cantaimy-name-parts strong{
  display:block;
  margin-bottom:5px;
  font:800 20px/1 Montserrat,Inter,sans-serif;
}

.cantaimy-name-parts > div:nth-child(1) strong{color:#ff42bb}
.cantaimy-name-parts > div:nth-child(2) strong{color:#00e8ff}
.cantaimy-name-parts > div:nth-child(3) strong{color:#ffca55}

.cantaimy-name-parts span{
  display:block;
  color:#969fb8;
  font-size:11px;
  line-height:1.45;
}

.cantaimy-story-quote{
  margin:20px 0 4px;
  padding:14px 16px;
  border-left:3px solid #ff42bb;
  background:rgba(255,66,187,.05);
  color:#fff;
  font:700 17px/1.35 Montserrat,Inter,sans-serif;
}

@media(max-width:620px){
  .cantaimy-name-parts{
    grid-template-columns:1fr;
  }

  .cantaimy-story-lead{
    font-size:13px !important;
  }

  .cantaimy-story-quote{
    font-size:15px;
  }
}


/* ==========================================================
   CANTAIMY v7.6.36 — unified Info / Guide / Legal modal
   ========================================================== */
.info-overview-panel,
.info-guide-panel,
.info-privacy-panel{
  max-width:820px;
}

.info-lead{
  max-width:760px;
  color:#e8ebf5 !important;
  font-size:15px !important;
  line-height:1.65 !important;
}

.info-feature-grid,
.privacy-summary-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:18px 0;
}

.info-feature-grid article,
.privacy-summary-grid article{
  padding:14px 15px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:13px;
  background:rgba(255,255,255,.03);
}

.info-feature-grid strong,
.privacy-summary-grid strong{
  display:block;
  margin-bottom:5px;
  color:#fff;
  font-size:12px;
}

.info-feature-grid span,
.privacy-summary-grid span{
  display:block;
  color:#9ba5bd;
  font-size:11px;
  line-height:1.5;
}

.info-note{
  margin:16px 0;
  padding:13px 15px;
  border:1px solid rgba(255,202,85,.16);
  border-radius:12px;
  background:rgba(255,202,85,.035);
}

.info-note strong{
  display:block;
  margin-bottom:4px;
  color:#ffca55;
  font-size:11px;
}

.info-note p{
  margin:0 !important;
  color:#b9c0d2 !important;
  font-size:11px !important;
}

.guide-steps{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:16px;
}

.guide-steps article{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:11px;
  align-items:start;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:11px;
  background:rgba(255,255,255,.025);
}

.guide-steps article > span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(255,66,187,.18),rgba(0,232,255,.15));
  color:#fff;
  font-size:10px;
  font-weight:800;
}

.guide-steps strong{
  display:block;
  margin-bottom:3px;
  color:#fff;
  font-size:11px;
}

.guide-steps p{
  margin:0 !important;
  color:#9ca6bd !important;
  font-size:10.5px !important;
  line-height:1.45 !important;
}

.info-modal-link-button{
  min-height:38px;
  margin-top:10px;
  padding:0 14px;
  border:1px solid rgba(0,232,255,.18);
  border-radius:10px;
  background:rgba(0,232,255,.045);
  color:#9ff7ff;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}

.info-modal-link-button:hover{
  background:rgba(0,232,255,.08);
}

@media(max-width:760px){
  .info-feature-grid,
  .privacy-summary-grid{
    grid-template-columns:1fr;
  }

  .legal-tabs{
    gap:5px !important;
  }

  .legal-tab{
    min-height:34px !important;
    padding:0 10px !important;
    font-size:10px !important;
  }

  .info-lead{
    font-size:13px !important;
  }
}


/* v7.6.40 — mobile Info topic navigator helpers */
.mobile-info-topics-head,
.mobile-info-back{
  display:none;
}

.legal-tab-icon,
.legal-tab > b{
  display:none;
}