/* Ana sayfanın ölçü ve ritim ince ayarı. RENK ve YAZI AİLESİ burada yazılmaz: ikisi de kabuk
   tokenlarından gelir (velvet-ortak.css; docs/spec-pazarlama-dashboard-dili.md). @font-face
   bildirimleri durur: ziyaretçinin yazı çerezi "dm" ise --font-ui DM Sans'a döner. */
@font-face {
  font-family: 'DM Sans'; font-style: normal; font-weight: 100 1000; font-display: swap;
  src: url('/velvet-static/fonts/dm-sans-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans'; font-style: normal; font-weight: 100 1000; font-display: swap;
  src: url('/velvet-static/fonts/dm-sans-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Space Grotesk'; font-style: normal; font-weight: 300 700; font-display: swap;
  src: url('/velvet-static/fonts/space-grotesk-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Space Grotesk'; font-style: normal; font-weight: 300 700; font-display: swap;
  src: url('/velvet-static/fonts/space-grotesk-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
.refined-home {
  --font-body: var(--font-ui);
  --font-heading: var(--font-ui);
  font-family: var(--font-body); font-optical-sizing: auto; -webkit-font-smoothing: antialiased;
}
.refined-home :is(h1,h2,h3,h4) { font-family: var(--font-heading); font-weight: 600; text-wrap: balance; }
.refined-home :is(.marketing-links a,.proof-strip div,.hero-footnote,.footer-meta,.waitlist-form label,.waitlist-form input) { font-family: var(--font-body); }
.refined-home .eyebrow { font-family: var(--font-body); font-size: 12px; font-weight: 500; line-height: 1.5; letter-spacing: .12em; }
.refined-home :is(a, button, input):focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.refined-home [id] { scroll-margin-top: 24px; }
.refined-home .marketing-nav { gap: 28px; border-bottom-color: var(--line); }
.refined-home .marketing-links { gap: clamp(15px, 2vw, 30px); }
.refined-home .marketing-links a:not(.btn) { font-size: 14px; font-weight: 500; letter-spacing: -.015em; text-transform: none; }
.refined-home .hero-copy { justify-content: center; padding-block: 70px; }
.refined-home .hero-copy h1 { font-size: clamp(44px, 5.2vw, 80px); line-height: 1.05; letter-spacing: -.065em; margin-block: 22px 28px; }
.refined-home .hero-copy h1 span { color: var(--fg-mute); }
.refined-home .hero-lead { font-size: 17px; line-height: 1.75; letter-spacing: -.015em; }
.refined-home .hero-footnote { margin-top: 38px; padding-top: 0; font-size: 12px; letter-spacing: .025em; text-transform: none; }
.refined-home .hero-actions { gap: 22px; }
.refined-home .proof-strip { border-bottom-color: var(--line); }
.refined-home .proof-strip div { font-size: 14px; letter-spacing: -.015em; text-transform: none; }
.refined-home .marketing-section { padding-block: clamp(72px, 8vw, 120px); border-bottom-color: var(--line); }
.refined-home .section-intro { gap: 48px; margin-bottom: 52px; }
.refined-home .section-intro h2 { font-size: clamp(38px, 4.7vw, 72px); line-height: 1.04; letter-spacing: -.05em; }
.refined-home .section-intro p { font-size: 16px; line-height: 1.75; }
.refined-home .feature h3 { line-height: 1.2; margin-top: 46px; }
.refined-home :is(.feature p,.layer-card > p,.system-summary,.showcase-route p,.ecosystem-card p,.integration p,.process-step p,.security-card p,.integration-heading p) { font-size: 16px; line-height: 1.7; }
.refined-home :is(.feature-number,.layer-kicker,.concept-index,.concept-owner,.flow-step span,.showcase-caption span,.showcase-meta,.showcase-note,.showcase-route > span,.ecosystem-label,.integration-top,.security-card > span,.process-step > span) { font-family: var(--font-body); font-size: 12px; font-weight: 500; line-height: 1.5; letter-spacing: .035em; }
.refined-home :is(.layer-list li,.model-tags span) { font-family: var(--font-body); font-size: 12px; line-height: 1.4; letter-spacing: .015em; }
.refined-home :is(.concept-description,.capability-strip div) { font-size: 14px; line-height: 1.7; }
.refined-home .concept-row.header { font-family: var(--font-body); font-size: 12px; }
.refined-home :is(.layer-card h3,.ecosystem-card h3,.integration-heading h3) { line-height: 1.1; letter-spacing: -.045em; }
.refined-home .showcase-grid { gap: 18px; background: transparent; border: 0; }
.refined-home .showcase-card { border: 1px solid var(--line); }
.refined-home .showcase-caption { grid-template-columns: 1fr; gap: 12px; align-items: start; min-height: 132px; }
.refined-home .showcase-caption strong { font-family: var(--font-heading); font-size: 21px; font-weight: 500; line-height: 1.3; }
.refined-home .showcase-meta { white-space: normal; }
.refined-home .showcase-media::after { font-family: var(--font-body); font-size: 12px; letter-spacing: .04em; }
.refined-home .showcase-route { padding: 26px; }
.refined-home .showcase-route strong { font-size: 19px; font-weight: 500; }
.refined-home .process-section { padding: 0; }
.refined-home .process-title h2 { font-size: clamp(42px, 5vw, 72px); line-height: 1.08; letter-spacing: -.055em; }
.refined-home .process-step strong { font-family: var(--font-heading); font-weight: 500; font-size: clamp(23px, 2.4vw, 34px); }
.refined-home .marketing-cta h2 { line-height: 1.05; }
.refined-home .marketing-cta p { font-size: 16px; }
.refined-home .marketing-cta .fineprint { font-size: 12px; }
.refined-home .waitlist-form label { font-size: 14px; letter-spacing: 0; text-transform: none; }
.refined-home .waitlist-form input { font-size: 16px; padding-block: 13px; }
.refined-home .footer-meta nav { display: flex; flex-wrap: wrap; gap: 18px; margin-bottom: 24px; }
.refined-home .footer-meta a { font-size: 12px; letter-spacing: 0; text-transform: none; }
@media (max-width: 1100px) {
  .refined-home .marketing-nav { height: auto; min-height: 82px; padding-block: 20px; flex-wrap: wrap; }
  .refined-home .marketing-links { flex-wrap: wrap; }
}
@media (max-width: 900px) {
  .refined-home .marketing-links a:not(.btn) { display: inline-flex; align-items: center; min-height: 38px; }
  .refined-home .marketing-links { gap: 8px 18px; }
  .refined-home .hero-copy { padding-block: 54px; }
  .refined-home .section-intro { gap: 26px; }
  .refined-home .hero-copy { min-height: auto; }
}
@media (max-width: 520px) {
  .refined-home .marketing-nav { gap: 18px; }
  .refined-home .marketing-links { width: 100%; }
  .refined-home .marketing-links a:not(.btn) { font-size: 14px; }
  .refined-home .hero-copy h1 { font-size: clamp(40px, 11vw, 56px); }
  .refined-home .section-intro h2 { font-size: 38px; }
  .refined-home .proof-strip div { padding-inline: 18px; }
  .refined-home .feature-grid { grid-template-columns: 1fr; }
  .refined-home .feature { min-height: auto; border-right: 0; padding: 28px 0; border-bottom: 1px solid var(--line); }
  .refined-home .feature + .feature { padding-left: 0; border-top: 0; }
  .refined-home .feature h3 { margin-top: 26px; }
}