/* index.html: styles for this page only */


/* dropdown panels never push the page sideways on narrow desktops */
.site-head .dd-panel{max-width:calc(100vw - 32px)}
@media (max-width:1180px){.site-head #dd-vert,.site-head .dd-panel.cols{width:min(460px,calc(100vw - 32px))}}
@media (max-width:1060px){.site-head .dd-panel{left:auto;right:0;transform:none}}

/* tablets get the mobile menu too */
@media (max-width:980px){
  .nav-links,.nav-cta{display:none}
  .menu-btn{display:block}
  .mobile-nav.open{display:flex;flex-direction:column;gap:4px;padding:8px 16px 16px}
}

/* mobile: even rhythm and easier reading */
@media (max-width:760px){
  #how,#platform,#formats,#partners,#faq{padding-top:64px;padding-bottom:64px}
  #platform{padding-bottom:64px}
  .h2{font-size:clamp(26px,7vw,34px)}
  .hero2-in h1{font-size:clamp(32px,9vw,40px)}
  .hero2-sub{font-size:16.5px}
  .goals-lead,.oc-lead,.fmt-lead{font-size:16px}
  .goal,.fmt-card{padding:22px}
  .pq-card{padding:22px}
  .pq-card p{font-size:16px}
}

/* FAQ: the left column only sticks on desktop */
@media (max-width:1060px){.faq-side{position:static!important;top:auto!important}}

/* hero: blue panel ends right under the laptop */
.hero2-bg{padding-bottom:12px}
@media (max-width:760px){.hero2-bg{padding-bottom:10px}}

/* footer: three columns, two rows, headings aligned */
.ft-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;align-items:start}
.ft-g{margin-top:44px}
.ft-col > .ft-g:first-child{margin-top:0}
.ft-g h4{margin:0 0 18px}
.ft-g li{margin-bottom:10px}
@media (max-width:760px){.ft-cols{grid-template-columns:1fr 1fr;gap:0 24px}}
@media (max-width:460px){.ft-cols{grid-template-columns:1fr}.ft-col > .ft-g{margin-top:36px}.ft-col:first-child > .ft-g:first-child{margin-top:0}}

/* footer polish */
.ft-top{gap:72px;padding-bottom:8px}
.ft-left{max-width:330px}
.ft-cols{gap:0 44px}
.ft-g h4{font-size:16px;font-weight:600;letter-spacing:-.01em;text-transform:none;color:var(--cobalt);margin:0 0 16px}
.ft-g li{margin-bottom:11px}
.ft-g a{font-size:15.5px;color:var(--ink-2);transition:color .15s}
.ft-g a:hover{color:var(--cobalt)}
.ft-g li:has(a[href^="mailto"]) a{font-weight:600;color:var(--ink)}
.ft-parent{margin-bottom:16px}
.ft-left p{font-size:15px;line-height:1.6;color:var(--ink-2);margin-bottom:24px}
.ft-btn{border-radius:999px}
.ft-legal{border-top:1px solid var(--line);margin-top:48px;padding-top:22px;font-size:13.5px}
.ft-legal a{color:var(--mute)}
.ft-legal a:hover{color:var(--ink)}
@media (max-width:1060px){.ft-top{grid-template-columns:1fr;gap:40px}.ft-left{max-width:none}}

/* footer: left block and columns start and end together */
.ft-top{align-items:stretch}
.ft-left{display:flex;flex-direction:column}
.ft-left .ft-socials{margin-top:auto}
.ft-cols{align-items:stretch}
.ft-col{display:flex;flex-direction:column}
.ft-col > .ft-g:last-child{margin-bottom:0}

/* footer: four columns, groups aligned top and bottom */
.ft-cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 32px;align-items:start}
.ft-col{display:flex;flex-direction:column}
.ft-col > .ft-g{margin-top:36px}
.ft-col > .ft-g:first-child{margin-top:0}
.ft-g ul{margin:0}
.ft-g li:last-child{margin-bottom:0}
@media (max-width:1060px){.ft-cols{grid-template-columns:1fr 1fr;gap:0 28px}}
@media (max-width:560px){.ft-cols{grid-template-columns:1fr}.ft-col:not(:first-child) > .ft-g:first-child{margin-top:36px}}

/* ad choices icon */
.ft-legal a:has(.ac-ic){display:inline-flex;align-items:center;gap:6px}
.ac-ic{width:14px;height:14px;flex:none}

/* your privacy choices icon */
.ft-legal a:has(.pc-ic){display:inline-flex;align-items:center;gap:7px}
.pc-ic{width:30px;height:15px;flex:none}

/* dropdowns: titled panel, one column, icon rows */
.dd-panel{width:400px!important;padding:20px!important;border-radius:20px}
.dd-panel.cols{width:400px!important}
.dd-title{margin:0 0 14px;font-size:19px;font-weight:700;letter-spacing:-.025em;color:var(--ink)}
.dd-grid{display:grid!important;grid-template-columns:1fr!important;gap:2px}
.dd-item{display:flex!important;gap:14px;align-items:center;padding:11px 10px;border-radius:14px}
.dd-item:hover{background:var(--tint)}
.dd-ic{width:42px;height:42px;flex:none;border-radius:13px;background:var(--tint-2);color:var(--cobalt);display:grid;place-items:center}
.dd-ic svg{width:21px;height:21px}
.dd-item:hover .dd-ic{background:var(--cobalt);color:#fff}
.dd-txt b{display:block;font-size:15.5px;font-weight:600;letter-spacing:-.01em}
.dd-txt span{display:block;font-size:13px;color:var(--mute);line-height:1.4;margin-top:2px}
.dd-foot{margin:10px 2px 0!important}

/* header wordmark: same treatment as the footer wordmark */
.brand svg,.au-brand svg{display:none}
.brand,.au-brand{gap:0;font-weight:800;letter-spacing:-.045em;
  background:linear-gradient(180deg,#2D46E8,#6E82FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand{font-size:24px}
.au-brand{font-size:26px}

.sb-ic{flex:none;opacity:.75}
.sb-i.on .sb-ic{opacity:1}

/* hero dashboard as an image the team can swap */
.hero2-laptop{display:grid;place-items:center;background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
.hero2-laptop::before,.hero2-laptop::after{display:none!important}
.hero-dash{display:block;width:100%;height:auto;border-radius:16px}