/* Qira unified marketing / editorial / product presentation, October 2026.
   Additive styles only: keeps legacy article interactions, data visualizations,
   product disclosures, and chart layouts intact. */
:root{--q-ink:#101f35;--q-blue:#155bd7;--q-blue-dark:#10439e;--q-grey:#566980;--q-line:#d8e3ef;--q-pale:#f3f7fd;--q-display:'Sora','Inter',system-ui,sans-serif}
html{scroll-padding-top:85px}
body{background:#fff;color:var(--q-ink)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #347ff0;outline-offset:3px}
.site-top{background:rgba(255,255,255,.97);border-bottom:1px solid var(--q-line);box-shadow:0 5px 22px -20px #13283e}
.site-top .inner{min-height:72px;max-width:1160px}
.site-top .brand{font-size:1.08rem;letter-spacing:.125em!important;color:#0c2340}
.site-top .brand img{width:32px;height:32px;border-radius:5px}
.site-top nav{gap:4px 21px}
.site-top nav a{font-size:.84rem;font-weight:600;color:#455972}
.site-top nav a:hover,.site-top nav a[aria-current="page"]{color:#0f57cd}
.site-top nav a.keep,.site-top nav a.q-book{background:#155bd7;color:#fff;padding:10px 15px;border-radius:7px;font-weight:750;text-decoration:none}
.site-top nav a.keep:hover,.site-top nav a.q-book:hover{color:#fff;background:#114db9}
.crumbs{color:#76879b;margin-top:26px}
.crumbs a{color:#48617d}
.wrap{max-width:1160px}
.wrap-narrow{max-width:970px}
.page-hero{background:linear-gradient(120deg,#f1f6ff 0%,#f9fbff 65%,#fff 100%);padding:54px clamp(22px,4vw,54px) 46px!important;margin:22px 0 30px;border:1px solid #e0e8f2;border-radius:14px;position:relative;overflow:hidden}
.page-hero:before{content:"";position:absolute;width:360px;height:360px;right:-200px;top:-280px;border:1px solid #d4e3ff;border-radius:100%;box-shadow:0 0 0 50px #f4f8ff,0 0 0 52px #eaf1fc;pointer-events:none}
.page-hero .kicker{color:#2663b6;font-size:.7rem;font-weight:800;letter-spacing:.15em}
.page-hero h1{max-width:820px;font-family:var(--q-display);font-size:clamp(2.15rem,4vw,3.55rem);letter-spacing:-.048em;line-height:1.12;color:#101f35}
.page-hero .lede{max-width:70ch;font-size:1.055rem;line-height:1.78;color:#526981}
.grid{gap:16px;padding-bottom:64px}
.card{background:#fff;border:1px solid #dce5ef;border-radius:12px;padding:26px;box-shadow:0 10px 25px -22px #102a4f;gap:11px;transition:transform .16s,border-color .16s}
.card:hover{border-color:#9dc1fa;transform:translateY(-2px)}
.card .loop{color:#2464b7;font-weight:800;letter-spacing:.13em}
.card h2{font:750 1.18rem/1.3 var(--q-display);letter-spacing:-.03em;color:#152840}
.card p{font-size:.93rem;color:#5c6c80;line-height:1.68}
.card .meta{font-size:.76rem;color:#65788f}
.card a.more{font-size:.88rem;font-weight:800;color:#1558bf}
.prose{padding-bottom:70px}.prose h2{font-family:var(--q-display);font-size:1.45rem;color:#162840}
.prose p,.prose li{line-height:1.8;color:#52657b}
.related{gap:17px}.related a{border:1px solid #dae5f0;border-radius:11px;padding:22px;background:#f8fbff;transition:border-color .16s}
.related a:hover{border-color:#7fabf2}.related a strong{font-size:1.06rem;color:#17314e;margin-bottom:9px}
.related a span{line-height:1.65;color:#61758a}
.btn-primary{background:#155bd7;border-color:#155bd7}.btn-primary:hover{background:#114cbb;color:white}
.btn-ghost{border-color:#c8d6e6}
footer.site-foot{background:#0e2038;border-top:0;color:#aec0d6;padding:47px 0 36px}
footer.site-foot strong{color:#fff}
footer.site-foot a{color:#c2d8ee}
footer.site-foot a:hover{color:#fff}
.q-hero{padding:70px 0 55px;background:linear-gradient(125deg,#eef5ff,#fff 70%)}
.q-container{max-width:1160px;margin:0 auto;padding:0 28px}
.q-kicker{font-weight:850;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#1b5cc6;margin:0 0 17px}
.q-hero h1{font-family:var(--q-display);font-size:clamp(2.3rem,5.4vw,4.4rem);letter-spacing:-.06em;line-height:1.09;max-width:840px;margin:0 0 23px;color:#132943}
.q-hero p:not(.q-kicker){font-size:1.1rem;color:#4d657f;line-height:1.75;max-width:760px}
.q-hero-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:28px!important;font-size:.75rem!important;font-weight:700!important;color:#54718f!important;letter-spacing:.02em}
.q-section{padding:70px 0}
.q-section.q-alt{background:#f6f9fd}
.q-intro-row{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}
.q-intro-row h2,.q-section>div>h2{font:750 clamp(1.7rem,3.1vw,2.7rem)/1.17 var(--q-display);letter-spacing:-.045em;color:#132943}
.q-intro-row p{max-width:360px;color:#63778e;line-height:1.7}
.q-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.q-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.q-panel{border:1px solid #d8e4f1;padding:26px;border-radius:12px;background:#fff;display:flex;flex-direction:column;gap:12px}
.q-panel .q-eyebrow{font-size:.7rem;color:#185cb6;letter-spacing:.12em;font-weight:800;text-transform:uppercase}
.q-panel h3{font:750 1.24rem/1.3 var(--q-display);letter-spacing:-.03em;color:#19314c}
.q-panel p,.q-panel li{color:#556a80;line-height:1.72;font-size:.92rem}
.q-panel a.q-more{margin-top:auto;font-weight:800;text-decoration:none;color:#155bc7;font-size:.87rem}
.q-panel ul{padding-left:18px;margin:0}
.q-inline-proof{padding:22px 28px;border-left:3px solid #1a67d4;background:#f2f7ff;color:#405971;font-size:.95rem;line-height:1.8;margin-top:24px}
.q-callout{background:#102443;color:#fff;border-radius:14px;padding:35px 39px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.q-callout h2{font:750 1.75rem/1.3 var(--q-display);letter-spacing:-.03em;margin-bottom:9px}
.q-callout p{color:#b6cbe5;line-height:1.65}
.q-callout a{flex-shrink:0;display:inline-block;background:#fff;border-radius:7px;color:#174e9b;padding:13px 18px;text-decoration:none;font-weight:800}
.q-feature{display:grid;grid-template-columns:1.08fr .92fr;min-height:330px;background:#fff;border:1px solid #d8e3ef;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .15s}
.q-feature:hover{border-color:#7daefa;text-decoration:none}
.q-feature-copy{padding:34px 35px;display:flex;flex-direction:column;gap:15px}
.q-feature h2,.q-feature h3{font:750 clamp(1.6rem,2.5vw,2.1rem)/1.22 var(--q-display);letter-spacing:-.04em;color:#132943}
.q-feature p{color:#546a80;line-height:1.75}
.q-feature-meta{font-size:.74rem;color:#62768c;letter-spacing:.035em;font-weight:750}
.q-feature-link{margin-top:auto;color:#1559c7;font-weight:800;font-size:.9rem}
.q-feature-visual{background:#0a1d36;min-height:290px;position:relative;overflow:hidden}
.q-feature-visual img,.q-feature-visual canvas{display:block;width:100%;height:100%;object-fit:cover}
.q-feature-visual .q-visual-copy{position:absolute;left:22px;bottom:22px;background:rgba(10,27,51,.8);color:#d9eafa;border:1px solid #34587f;padding:8px 12px;font:750 .66rem/1.3 Inter,sans-serif;letter-spacing:.14em}
.q-editorial{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.q-editorial article{display:flex;flex-direction:column;gap:12px;border:1px solid #dae4ee;border-radius:12px;padding:27px;background:#fff}
.q-editorial article h3{font:750 1.22rem/1.32 var(--q-display);letter-spacing:-.025em}
.q-editorial article p{color:#61758b;line-height:1.7;flex:1}
.q-editorial article a{color:#145bc9;font-weight:800}
.q-people{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.q-person{border:1px solid #dae5f0;border-radius:14px;padding:25px;display:flex;gap:20px;background:#fff}
.q-person img{width:90px;height:90px;object-fit:cover;flex-shrink:0;border-radius:10px}
.q-person h3{font:750 1.24rem var(--q-display)}
.q-person .role{font-size:.78rem;color:#1759bb;font-weight:700;margin:7px 0 12px}
.q-person p{font-size:.9rem;color:#5f7288;line-height:1.7}
.q-person a{display:inline-block;margin-top:15px;color:#155bc7;font-weight:800;font-size:.88rem}
.q-link-line{margin-top:25px;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:.9rem;font-weight:700}
.q-link-line a{color:#1b5bc5}
.q-article-wrap{max-width:1160px;margin:auto;padding:0 28px}
.q-article-note{border-left:3px solid #2167c9;background:#f1f6fd;padding:16px 19px;color:#485f76;font-size:.88rem;line-height:1.65;margin:25px 0}
.q-article-rail{padding:14px 0;border-bottom:1px solid #dce6f2;background:#f8fbff}
.q-article-rail .q-article-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:9px 20px}
.q-article-rail a{color:#1459bc;text-decoration:none;font-weight:750;font-size:.82rem}
@media(max-width:900px){.q-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.q-intro-row{align-items:start;flex-direction:column}.q-feature{grid-template-columns:1fr 1fr}.q-people{grid-template-columns:1fr}}
@media(max-width:700px){.site-top .inner{padding:9px 0;min-height:68px;flex-wrap:wrap;gap:9px}.site-top nav{width:100%;margin:0;overflow-x:auto;flex-wrap:nowrap;padding:7px 0 4px;gap:16px;scrollbar-width:thin}.site-top nav a{white-space:nowrap}.site-top nav a:not(.keep){display:inline-flex!important}.q-hero{padding:46px 0}.q-section{padding:48px 0}.q-grid,.q-grid.two,.q-editorial,.q-people,.q-feature{grid-template-columns:1fr}.q-feature-visual{min-height:190px}.q-callout{align-items:start;flex-direction:column}.q-container{padding:0 18px}.q-feature-copy{padding:23px}.q-hero h1{font-size:clamp(2.05rem,10vw,3.2rem)}.q-person{flex-direction:column;gap:11px}.page-hero{padding:35px 24px!important}.page-hero:before{display:none}}
@media(max-width:420px){.q-callout{padding:24px}.q-panel{padding:22px}.q-grid{gap:11px}.q-feature-visual{min-height:170px}}
@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}

@media(min-width:701px) and (max-width:900px){
  .site-top .inner{flex-wrap:wrap;padding:8px 0}
  .site-top nav{width:100%;margin-left:0;white-space:nowrap;overflow-x:auto;flex-wrap:nowrap;gap:16px}
  .site-top nav a:not(.keep){display:inline-flex!important}
}