/*
Theme Name: QuantMetrics Editable
Theme URI: https://quantmetricslab.com/
Author: Federico Orsini
Description: Editable Gutenberg theme for the QuantMetrics Lab landing page.
Version: 2.1.0
Text Domain: quantmetrics-editable
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Inter:wght@300;400;500;600&display=swap');

:root{
  --qml-bg:#020c18;
  --qml-bg-2:#061426;
  --qml-panel:#07192c;
  --qml-gold:#e0a239;
  --qml-gold-2:#f1be5a;
  --qml-text:#f1eee8;
  --qml-muted:#a6b0bf;
  --qml-line:rgba(224,162,57,.34);
  --qml-serif:'Cormorant Garamond',Georgia,serif;
  --qml-sans:'Inter',Arial,sans-serif;
  --qml-max:1540px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:linear-gradient(180deg,#020913,#041220 55%,#020b16);
  color:var(--qml-text);
  font-family:var(--qml-sans);
  font-weight:300;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.qml-wrap{width:min(calc(100% - 80px),var(--qml-max));margin-inline:auto}
.qml-section{border-bottom:1px solid var(--qml-line)}
.qml-kicker{color:var(--qml-gold-2);letter-spacing:.18em;font-size:12px;text-transform:uppercase}
.qml-muted{color:var(--qml-muted)}
.qml-disabled{opacity:.65;cursor:not-allowed;pointer-events:none}

/* Header */
.qml-header{
  position:sticky;top:0;z-index:100;
  height:82px;border-bottom:1px solid var(--qml-line);
  background:rgba(1,8,18,.92);backdrop-filter:blur(15px)
}
.qml-header-inner{
  height:82px;display:flex;align-items:center;justify-content:space-between
}
.qml-brand{display:flex;align-items:center;gap:12px;color:var(--qml-gold-2)}
.qml-brand-mark{width:48px;height:48px;display:block}
.qml-brand-copy{display:grid;line-height:1.05;letter-spacing:.16em}
.qml-brand-copy strong:first-child{color:#f3f1ed;font-size:15px;font-weight:400}
.qml-brand-copy strong:last-child{color:var(--qml-gold-2);font-size:15px;font-weight:500;margin-top:4px}
.qml-nav{display:flex;align-items:center;gap:42px;font-size:12px;letter-spacing:.08em}
.qml-nav a:hover{color:var(--qml-gold-2)}
.qml-social{font-size:16px;font-weight:500;opacity:.72}
.qml-menu-toggle{display:none;background:none;border:0;color:var(--qml-gold-2);font-size:24px}

/* Editor content reset */
.entry-content{margin:0}
.entry-content > *{margin-block-start:0;margin-block-end:0}
.entry-content .wp-block-group,
.entry-content .wp-block-columns{margin-bottom:0}
.entry-content .wp-block-columns{gap:0}

/* Hero */
.qml-hero{
  min-height:545px;
  background:
    radial-gradient(circle at 72% 40%,rgba(28,73,118,.14),transparent 38%),
    url('assets/images/hero-art.svg') right center/58% auto no-repeat;
}
.qml-hero-inner{
  min-height:545px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center
}
.qml-hero-copy{padding:60px 0 55px 14px}
.qml-hero h1{
  margin:0;
  font:500 clamp(48px,5.2vw,83px)/.98 var(--qml-serif);
  letter-spacing:-.025em;
}
.qml-hero h1 .has-inline-color{color:var(--qml-gold-2)!important}
.qml-hero-copy p{
  max-width:520px;color:#b5bdc8;font-size:16px;line-height:1.65;margin:22px 0
}
.qml-short-line{width:40px;height:2px;background:var(--qml-gold);margin:34px 0 25px}
.qml-launch{color:var(--qml-gold-2);letter-spacing:.22em;font-size:12px}

/* Indicators */
.qml-indicators{padding:45px 0 33px}
.qml-section-title{
  display:flex;justify-content:center;align-items:center;gap:34px;
  margin-bottom:28px;color:var(--qml-gold-2);font-size:12px;letter-spacing:.22em
}
.qml-section-title::before,.qml-section-title::after{
  content:"";width:57px;height:1px;background:var(--qml-gold)
}
.qml-cards{display:grid!important;grid-template-columns:repeat(4,1fr);gap:17px!important}
.qml-card{
  min-height:318px;border:1px solid var(--qml-line);border-radius:12px;
  background:linear-gradient(145deg,rgba(9,29,51,.95),rgba(4,17,31,.96));
  padding:24px 20px 20px!important;
  display:flex!important;flex-direction:column;align-items:center;text-align:center
}
.qml-card h2{
  font:500 24px/1.07 var(--qml-serif)!important;margin:0 0 8px!important;color:var(--qml-text)
}
.qml-card p{font-size:12px;line-height:1.65;color:#aeb7c3;margin:16px 0 13px!important}
.qml-ticker{color:var(--qml-gold-2);letter-spacing:.12em;font-size:14px}
.qml-pill{
  margin-top:auto!important;border:1px solid var(--qml-gold);border-radius:99px;
  color:var(--qml-gold-2);padding:7px 20px;font-size:10px;letter-spacing:.17em
}
.qml-icon{
  width:60px;height:60px;border:1px solid var(--qml-gold-2);
  border-radius:50%;padding:13px;margin-bottom:12px!important;
  display:grid;place-items:center;color:var(--qml-gold-2)
}
.qml-icon svg{width:100%;height:100%}
.qml-coming{align-items:stretch;text-align:left;justify-content:center}
.qml-more-title{text-align:center;color:var(--qml-gold-2);letter-spacing:.2em;font-size:12px;margin-bottom:28px}
.qml-future{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center}
.qml-future h3{font:500 20px var(--qml-serif);margin:0}
.qml-future p{margin:3px 0 0!important;color:#aeb7c3;font-size:12px}
.qml-lock{color:var(--qml-gold-2);font-size:23px}
.qml-divider{height:1px;background:var(--qml-line);margin:23px 0}

/* About + notify */
.qml-about{padding:32px 0 34px}
.qml-about-grid{display:grid!important;grid-template-columns:1fr .96fr;gap:70px!important;align-items:center}
.qml-about h2,.qml-stay h2,.qml-research h2{
  font:500 13px var(--qml-sans)!important;color:var(--qml-gold-2)!important;
  letter-spacing:.18em;margin:0 0 17px!important
}
.qml-about-copy p{color:#aeb7c3;font-size:13px;line-height:1.65;max-width:610px}
.qml-about-copy strong{color:#f4f1eb;font-weight:400}
.qml-signature{
  font:500 27px/1 var(--qml-serif);font-style:italic;
  color:var(--qml-gold-2);margin-top:14px
}
.qml-stay{
  border:1px solid var(--qml-line);border-radius:12px;
  background:linear-gradient(145deg,rgba(9,29,51,.95),rgba(4,17,31,.96));
  padding:30px 38px!important
}
.qml-stay p{color:#aeb7c3;font-size:13px;line-height:1.6}
.qml-fake-form{display:grid;grid-template-columns:1fr 130px;margin-top:24px}
.qml-fake-form input,.qml-fake-form button{height:45px;border:1px solid var(--qml-line)}
.qml-fake-form input{background:#071422;color:#7c8794;padding:0 17px;border-radius:4px 0 0 4px}
.qml-fake-form button{
  background:linear-gradient(#e8b752,#c89131);color:#18130a;
  letter-spacing:.12em;border-radius:0 4px 4px 0
}
.qml-fake-form :disabled{opacity:.9;cursor:not-allowed}
.qml-privacy-note{margin-top:21px;color:var(--qml-gold-2);font-size:12px}

/* Research teaser */
.qml-research{padding:26px 0;background:rgba(4,16,29,.58)}
.qml-research-grid{display:flex;justify-content:space-between;gap:50px;align-items:center}
.qml-research p{margin:0;color:#aeb7c3;font-size:12px;max-width:790px;line-height:1.65}
.qml-research-status{color:var(--qml-gold-2);font-size:12px;opacity:.72}

/* Footer */
.qml-footer{padding:34px 0 20px}
.qml-footer-main{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:45px}
.qml-footer-brand p{color:#aeb7c3;font-size:12px;line-height:1.7;max-width:270px}
.qml-footer-col{display:grid;align-content:start;gap:7px;color:#aeb7c3;font-size:12px}
.qml-footer-col h3{
  margin:0 0 9px;color:#e9e6e1;font-size:10px;letter-spacing:.14em;font-weight:400
}
.qml-footer-bottom{
  border-top:1px solid var(--qml-line);margin-top:27px;padding-top:17px;
  display:flex;justify-content:space-between;color:#8f99a5;font-size:10px
}
.qml-footer-bottom div{display:flex;gap:30px}

/* WordPress editor */
.editor-styles-wrapper{
  background:#020c18!important;color:#f1eee8!important;font-family:var(--qml-sans)!important
}
.editor-styles-wrapper .qml-card{min-height:318px}
.editor-styles-wrapper .qml-hero{
  background:
    radial-gradient(circle at 72% 40%,rgba(28,73,118,.14),transparent 38%),
    url('assets/images/hero-art.svg') right center/58% auto no-repeat!important
}

/* Responsive */
@media(max-width:1050px){
  .qml-cards{grid-template-columns:repeat(2,1fr)}
  .qml-footer-main{grid-template-columns:1.5fr repeat(2,1fr)}
}
@media(max-width:820px){
  .qml-wrap{width:min(calc(100% - 32px),var(--qml-max))}
  .qml-menu-toggle{display:block}
  .qml-nav{
    display:none;position:absolute;top:75px;left:16px;right:16px;padding:22px;
    background:#04101e;border:1px solid var(--qml-line);border-radius:10px;flex-wrap:wrap
  }
  .qml-nav.open{display:flex}
  .qml-hero{background-size:95% auto;background-position:center bottom}
  .qml-hero-inner{grid-template-columns:1fr;min-height:720px;align-items:start}
  .qml-hero-copy{padding:52px 0 0}
  .qml-about-grid{grid-template-columns:1fr;gap:30px!important}
  .qml-research-grid{display:block}
  .qml-research-status{display:block;margin-top:15px}
}
@media(max-width:600px){
  .qml-header,.qml-header-inner{height:72px}
  .qml-brand-mark{width:40px;height:40px}
  .qml-brand-copy strong:first-child,.qml-brand-copy strong:last-child{font-size:12px}
  .qml-hero{background-size:130% auto}
  .qml-hero-inner{min-height:650px}
  .qml-hero h1{font-size:48px}
  .qml-cards{grid-template-columns:1fr}
  .qml-card{min-height:300px}
  .qml-fake-form{grid-template-columns:1fr;gap:9px}
  .qml-fake-form input,.qml-fake-form button{border-radius:4px}
  .qml-footer-main{grid-template-columns:1fr 1fr}
  .qml-footer-brand{grid-column:1/-1}
  .qml-footer-bottom{flex-direction:column;gap:13px}
  .qml-footer-bottom div{flex-wrap:wrap;gap:15px}
}


/* v2.1 — editable logo and configurable links */
.qml-custom-logo {
  display: flex;
  align-items: center;
  max-width: 330px;
}
.qml-custom-logo .custom-logo-link {
  display: block;
  line-height: 0;
}
.qml-custom-logo .custom-logo {
  display: block;
  width: auto;
  max-width: 330px;
  max-height: 58px;
  object-fit: contain;
}
.qml-disabled,
.qml-nav-disabled {
  opacity: .65;
  cursor: not-allowed !important;
  user-select: none;
}
.qml-nav-disabled {
  font-size: 12px;
  letter-spacing: .08em;
}
@media(max-width:600px){
  .qml-custom-logo .custom-logo {
    max-width: 230px;
    max-height: 48px;
  }
}