/* DANCA: editorial mega navigation / Linear × Attio design principles.
   This file overrides the legacy home navigation only, avoiding framework dependencies. */
.home-page .top { z-index: 90; isolation: isolate; }
.home-page .top .bar { position: relative; z-index: 2; }
.home-page .nav { align-items: center; }
.home-page .nav-trigger,
.home-page .nav .nav-simple {
  display: inline-flex; align-items: center; gap: 8px;
  min-height: 44px; padding: 0 4px;
  font: 500 13px/1.3 var(--body);
  letter-spacing: -.005em; color: #aebbd0;
  background: transparent; border: 0; border-radius: 4px; cursor: pointer;
  text-decoration: none; transition: color .18s ease;
}
.home-page .nav-trigger:hover,
.home-page .nav-trigger.is-selected,
.home-page .nav .nav-simple:hover { color: #f6f9ff; }
.home-page .nav-chevron { font-size: 17px; color: #8091ac; transition: transform .19s ease; }
.home-page .nav-trigger[aria-expanded="true"] .nav-chevron { transform: rotate(180deg); color: #b5caff; }
.home-page .mega-menu {
  position: absolute; top: 100%; left: 50%; transform: translateX(-50%);
  width: min(1120px, calc(100vw - 48px));
  border: 1px solid rgba(157,178,214,.17); border-top: 1px solid rgba(157,178,214,.1);
  border-radius: 0 0 20px 20px;
  background: rgba(13,18,29,.985);
  box-shadow: 0 36px 100px rgba(0,0,0,.58), 0 10px 45px rgba(0,0,0,.25);
  overflow: hidden;
  animation: danca-mega-in .17s cubic-bezier(.2,.8,.2,1) both;
}
.home-page .mega-menu[hidden],
.home-page .mega-panel[hidden],
.home-page .mobile-group-content[hidden] { display:none!important; }
.home-page .mega-panel {
  display: grid; grid-template-columns: minmax(220px,.9fr) minmax(275px,1.22fr) minmax(220px,.94fr);
  min-height: 390px;
}
.home-page .mega-intro { padding: 35px 28px 27px; display:flex;flex-direction:column;gap:14px; }
.home-page .mega-overline,
.home-page .mega-list-heading,
.home-page .mega-preview > span,
.home-page .mega-preview > small {
  font: 500 10px/1.5 var(--mono);
  letter-spacing:.09em; color:#8297b6;
}
.home-page .mega-overline {color:#99bbf3}
.home-page .mega-intro h2 {
  font: 600 clamp(1.28rem, 2.1vw, 1.77rem)/1.17 var(--display);
  letter-spacing: -.055em; color: #f0f4fd;
}
.home-page .mega-intro p { font: 400 13px/1.7 var(--body); color:#9faec4; max-width:29ch; }
.home-page .mega-intro-link {
  display:flex;gap:10px;align-items:center;justify-content:space-between;
  margin-top:auto; padding-block:12px;
  font: 600 12px/1.4 var(--body);text-decoration:none;color:#bdceeb;
  border-top:1px solid rgba(153,187,239,.15);
}
.home-page .mega-intro-link:hover {color:#fff}
.home-page .mega-list {padding:30px 20px 25px;border-inline:1px solid rgba(152,181,226,.10);display:flex;flex-direction:column;gap:5px}
.home-page .mega-list-heading {padding:0 12px 10px;}
.home-page .mega-item {
  display:grid;grid-template-columns:36px minmax(0,1fr) 12px;
  align-items:center;gap:11px;
  padding:13px 12px;border:1px solid transparent;border-radius:10px;
  text-decoration:none;min-height:66px;
  transition:background .14s ease,border-color .14s ease;
}
.home-page .mega-item:hover,
.home-page .mega-item:focus-visible,
.home-page .mega-item.is-previewed {background:rgba(111,152,219,.085);border-color:rgba(143,183,242,.15)}
.home-page .mega-item-icon {
  display:grid;place-items:center;
  width:35px;height:35px;border-radius:9px;
  font: 500 16px/1 var(--body);color:#b8ceff;
  border:1px solid rgba(160,195,246,.13);background:rgba(115,151,217,.09);
}
.home-page .mega-item > span:nth-child(2) {min-width:0;display:block}
.home-page .mega-item strong {display:block;font:600 13px/1.45 var(--body);color:#eff3fd}
.home-page .mega-item small {display:block;font:400 11px/1.5 var(--body);margin-top:4px;color:#92a3bf}
.home-page .mega-item-arrow {font-size:12px;color:#7187ae;opacity:0;transform:translate(-3px,3px);transition:opacity .2s,transform .2s}
.home-page .mega-item:hover .mega-item-arrow,.home-page .mega-item:focus-visible .mega-item-arrow {opacity:1;transform:none}
.home-page .mega-preview {
  display:flex;flex-direction:column;justify-content:center;gap:15px;
  padding:28px 28px 30px;
  background:radial-gradient(ellipse 80% 52% at 55% 29%,rgba(77,119,203,.12),transparent 84%),rgba(10,17,30,.45);
}
.home-page .mega-preview > span{color:#9ebeff}
.home-page .mega-preview-visual{
  display:flex;align-items:center;gap:7px;height:91px;padding:0 12px;
  border:1px solid rgba(135,175,236,.14);border-radius:12px;
  background:linear-gradient(130deg,rgba(25,40,67,.92),rgba(12,22,41,.75));overflow:hidden;
}
.home-page .mega-preview-visual i {display:block;height:36px;width:17px;border-radius:4px;background:rgba(144,177,227,.18);border:1px solid rgba(162,192,237,.17)}
.home-page .mega-preview-visual i:nth-child(2){height:52px}
.home-page .mega-preview-visual i:nth-child(3){height:24px}
.home-page .mega-preview-visual b{margin-left:auto;color:#78a8ff;font-size:21px}
.home-page .mega-preview-visual em{font:600 18px/1 var(--body);color:#bfe5dc;font-style:normal;display:grid;place-items:center;width:37px;height:37px;border-radius:9px;background:rgba(99,204,159,.095);border:1px solid rgba(102,208,175,.23)}
.home-page .mega-preview > strong {font:600 18px/1.25 var(--display);letter-spacing:-.045em;color:#f3f6fe}
.home-page .mega-preview p {font:400 12px/1.7 var(--body);color:#a9bad3;min-height:63px}
.home-page .mega-preview > small{margin-top:auto}
.home-page .nav-backdrop {
  position:fixed;z-index:79;inset:72px 0 0;
  background:rgba(2,6,13,.47);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);
  animation:danca-backdrop .19s ease both;
}
.home-page .nav-backdrop[hidden] {display:none!important}
.home-page .top.mega-open {border-bottom-color:rgba(163,195,247,.2)}
.home-page .sheet {z-index:85}
.home-page .sheet.open {visibility:visible;opacity:1;pointer-events:auto}
.home-page .sheet:not(.open) {visibility:hidden;opacity:0;pointer-events:none}
@keyframes danca-mega-in {from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes danca-backdrop {from{opacity:0}to{opacity:1}}

/* Premium mobile navigation uses disclosure groups, not a shrunk desktop dropdown. */
.home-page .sheet {
  display:flex;flex-direction:column;align-items:stretch;
  padding:calc(94px + env(safe-area-inset-top,0px)) 23px calc(30px + env(safe-area-inset-bottom,0px));
  gap:0;background:#0b101b;overflow-y:auto;overscroll-behavior:contain;
  border:0;
}
.home-page .sheet-heading {padding-bottom:25px;gap:12px;}
.home-page .sheet-heading .kicker {font:500 10px/1.2 var(--mono);letter-spacing:.11em;color:#91acdc}
.home-page .sheet-heading h2{font:600 clamp(1.6rem,5.8vw,2.1rem)/1.22 var(--display);letter-spacing:-.055em;max-width:16ch}
.home-page .sheet-heading p{font-size:13px;line-height:1.55;color:#9aaecb}
.home-page .mobile-group {border-top:1px solid rgba(160,191,238,.13);}
.home-page .mobile-group-trigger {
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  width:100%;min-height:67px;padding:15px 3px;
  text-align:left;background:transparent;border:0;border-radius:0;cursor:pointer;
  font:500 11px/1.4 var(--mono);color:#6c89b9;
}
.home-page .mobile-group-trigger > span:first-child{display:flex;align-items:center;gap:18px}
.home-page .mobile-group-trigger strong {font:600 clamp(18px,4.5vw,22px)/1.2 var(--display);letter-spacing:-.045em;color:#eaf0fa}
.home-page .mobile-group-plus {
  position:relative;display:block;flex:none;width:22px;height:22px;border:1px solid rgba(154,186,238,.22);border-radius:7px;
}
.home-page .mobile-group-plus::before,.home-page .mobile-group-plus::after{
  content:"";position:absolute;left:5px;right:5px;top:9px;height:1.5px;border-radius:2px;background:#9cb9e8;
  transition:transform .2s ease;
}
.home-page .mobile-group-plus::after{transform:rotate(90deg)}
.home-page .mobile-group-trigger[aria-expanded="true"] .mobile-group-plus::after{transform:rotate(0)}
.home-page .mobile-group-content{display:grid;gap:4px;padding:0 0 14px 36px;animation:danca-mobile-reveal .19s ease both}
.home-page .sheet .mobile-group-content a{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  min-height:44px;padding:10px 13px;
  border:1px solid transparent;border-radius:8px;
  color:#b9c9e1;background:rgba(181,205,244,.035);
  font:500 13px/1.5 var(--body);text-decoration:none;
}
.home-page .sheet .mobile-group-content a:hover,.home-page .sheet .mobile-group-content a:focus-visible{
  color:#fff;background:rgba(124,166,230,.12);border-color:rgba(124,166,230,.16)
}
.home-page .mobile-group-content a span:last-child{color:#6d9cd9}
.home-page .mobile-menu-footer {margin-top:auto;padding-top:24px;display:grid;gap:12px;border-top:1px solid rgba(160,191,238,.13);}
.home-page .mobile-menu-footer > button{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  min-height:42px;padding:8px 3px;
  background:transparent;border:0;text-align:left;
  font:500 13px var(--body);color:#9fbbec;cursor:pointer;
}
.home-page #sheet-open-gon{
  justify-content:flex-start;gap:12px;min-height:58px;padding:8px 12px;
  border:1px solid rgba(129,174,241,.27);border-radius:12px;
  background:rgba(117,163,241,.1);color:#edf4ff;font-weight:650;
}
.home-page #sheet-open-gon::before{
  content:"";width:40px;height:40px;flex:none;border-radius:10px;
  background:#081529 url("/assets/img/gon-avatar-concept-512.jpg") center 42%/cover no-repeat;
  border:1px solid rgba(94,149,255,.58);
}
.home-page #sheet-open-gon span{margin-left:auto;color:#9fbbec}
.home-page #sheet-open-gon:hover,.home-page #sheet-open-gon:focus-visible{
  background:rgba(117,163,241,.18);border-color:rgba(129,174,241,.5);color:#fff;
}
.home-page .sheet .sheet-cta{
  min-height:52px;display:flex;justify-content:space-between;align-items:center;
  padding:12px 16px!important;text-decoration:none;border-radius:9px;
  font:600 13px/1.4 var(--body)!important;
  background:#f0f3fb;color:#0d1727!important;
}
.home-page .mobile-menu-footer small{font:400 11px/1.4 var(--body);color:#7387a5}
.home-page.menu-open .gon-launcher,
.home-page.menu-open .gon-panel{display:none!important}
@keyframes danca-mobile-reveal {from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media (min-width:960px){
  .home-page .mega-menu {display:block}
  .home-page .nav {display:flex}
  .home-page .burger{display:none}
}
@media (max-width:959px){
  .home-page .mega-menu {display:none!important}
  .home-page .nav-backdrop{display:none!important}
  .home-page .nav{display:none}
  .home-page .burger{display:flex}
}
@media(max-width:390px){
  .home-page .sheet{padding-inline:19px}
  .home-page .sheet-heading{padding-bottom:18px}
  .home-page .mobile-group-trigger{min-height:60px}
  .home-page .mobile-menu-footer{padding-top:16px;gap:8px}
}
@media(prefers-reduced-motion:reduce){
  .home-page .mega-menu,.home-page .nav-backdrop,.home-page .mobile-group-content{animation:none}
  .home-page .mega-item,.home-page .mega-item-arrow,.home-page .mobile-group-plus::after,.home-page .nav-chevron{transition:none}
}


/* Screenshot-driven polish: no orphan menu bars, no assistant covering the product. */
.home-page .burger .burger-lines{
  left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;
  margin:0!important;transform:none!important;
  position:relative!important;width:18px!important;height:18px!important;flex:none;
}
.home-page .gon-launcher{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.home-page .gon-launcher.gon-open{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
.home-page .mega-gon {display:flex;justify-content:space-between;align-items:center;gap:9px;width:100%;margin-top:10px;padding:11px 12px;background:rgba(117,163,241,.11);border:1px solid rgba(129,174,241,.27);border-radius:9px;cursor:pointer;color:#d3e4ff;font:600 12px/1.4 var(--body);text-align:left}
.home-page .mega-gon:hover{background:rgba(117,163,241,.2)}
.home-page .hero h1{max-width:16ch}
@media(min-width:960px){
  .home-page .hero h1{font-size:clamp(3.1rem,4.25vw,4.35rem);max-width:17ch}
}