:root {
  --bg: #f8f6f3;
  --surface: #fffefa;
  --surface-strong: #ffffff;
  --ink: #1d1a20;
  --muted: #69636d;
  --line: #e7e1e6;
  --purple: #6f35d3;
  --pink: #cf337e;
  --gold: #bd9860;
  --dark: #17151a;
  --success: #187b56;
  --gradient: linear-gradient(120deg, #6f35d3 0%, #a82fab 52%, #d63a79 100%);
  --shadow-sm: 0 10px 30px rgba(34, 23, 39, .07);
  --shadow-lg: 0 30px 80px rgba(39, 18, 48, .16);
  --radius-sm: 14px;
  --radius: 22px;
  --radius-lg: 32px;
  --container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 88px; }
/* Combined with the 88px scroll padding, leave 25px below the fixed header. */
#features, #kimler-icin, #fiyatlandirma, #hakkinda, #iletisim { scroll-margin-top: 16px; }
body { margin: 0; min-width: 320px; overflow-x: hidden; color: var(--ink); background: var(--bg); font-family: "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.65; -webkit-font-smoothing: antialiased; }
body.nav-open { overflow: hidden; }
a { color: inherit; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
svg { display: block; }
.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.narrow { max-width: 850px; }
.centered { text-align: center; }
.section { padding: 104px 0; }
.skip-link { position: fixed; z-index: 1000; top: 8px; left: 8px; padding: 10px 16px; color: #fff; background: var(--dark); border-radius: 8px; transform: translateY(-150%); transition: transform .2s ease; }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid rgba(111, 53, 211, .45); outline-offset: 3px; }

.site-header { position: fixed; z-index: 100; inset: 0 0 auto; border-bottom: 1px solid transparent; transition: background .2s ease, border-color .2s ease, box-shadow .2s ease; }
.site-header.is-scrolled { background: rgba(248, 246, 243, .92); border-color: rgba(35, 29, 38, .08); box-shadow: 0 8px 28px rgba(35, 25, 38, .05); backdrop-filter: blur(16px); }
.site-header:not(.is-scrolled) .wordmark { color: #fff; }
.site-header:not(.is-scrolled) .wordmark span { color: #f0a4cf; }
.site-header:not(.is-scrolled) .site-nav > a:not(.button), .site-header:not(.is-scrolled) .nav-login { color: rgba(255, 255, 255, .9); }
.header-inner { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.wordmark { display: inline-flex; align-items: center; text-decoration: none; color: var(--ink); font-size: 1.35rem; font-weight: 800; letter-spacing: -.055em; }
.wordmark span { color: var(--purple); }
.site-nav { display: flex; align-items: center; gap: 18px; }
.site-nav > a:not(.button) { position: relative; padding: 9px 0; color: #514b55; text-decoration: none; font-size: .86rem; font-weight: 650; }
.site-nav > a:not(.button)::after { content: ""; position: absolute; right: 0; bottom: 4px; left: 0; height: 2px; background: var(--gradient); transform: scaleX(0); transition: transform .2s ease; transform-origin: right; }
.site-nav > a:hover::after, .site-nav > a:focus-visible::after { transform: scaleX(1); transform-origin: left; }
.nav-actions { display: flex; align-items: center; gap: 9px; margin-left: 3px; }
.nav-login { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 9px 12px; border-radius: 11px; color: #514b55; text-decoration: none; font-size: .82rem; font-weight: 700; }
.nav-toggle { display: none; width: 46px; height: 46px; padding: 11px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); cursor: pointer; }
.nav-toggle span { display: block; width: 100%; height: 2px; margin: 5px 0; border-radius: 5px; background: var(--ink); transition: transform .2s ease, opacity .2s ease; }
.nav-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.nav-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 22px; border: 1px solid transparent; border-radius: 13px; text-align: center; text-decoration: none; font-weight: 750; font-size: .9rem; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease; }
.button:hover { transform: translateY(-2px); }
.button-small { min-height: 42px; padding: 9px 17px; border-radius: 11px; font-size: .82rem; }
.button-primary { color: #fff; background: var(--gradient); box-shadow: 0 12px 28px rgba(138, 44, 166, .22); }
.button-primary:hover { box-shadow: 0 16px 36px rgba(138, 44, 166, .3); }
.button-secondary { color: var(--ink); background: rgba(255, 255, 255, .58); border-color: #dad3da; }
.button-secondary:hover { background: #fff; border-color: #c7bdc8; }
.button-dark { color: #fff; background: var(--dark); }
.button-dark:hover { background: #29242c; box-shadow: 0 12px 24px rgba(23, 21, 26, .17); }

.hero { position: relative; min-height: 790px; padding: 176px 0 112px; overflow: hidden; color: #fff; background: #17151a; isolation: isolate; }
.hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(18, 13, 20, .74) 0%, rgba(22, 16, 24, .68) 30%, rgba(25, 18, 27, .46) 58%, rgba(25, 18, 27, .2) 100%); pointer-events: none; }
.hero-orb { position: absolute; z-index: -1; border-radius: 50%; filter: blur(2px); pointer-events: none; }
.hero-orb-one, .hero-orb-two { display: none; }
.hero-grid { display: block; }
.hero-copy { max-width: 720px; }
.eyebrow, .section-kicker { margin: 0 0 18px; color: var(--purple); font-size: .72rem; line-height: 1.4; font-weight: 800; letter-spacing: .145em; text-transform: uppercase; }
.eyebrow span { margin: 0 8px; color: var(--gold); }
.hero .eyebrow { color: #f2b5d5; }
.hero .eyebrow span { color: #e3c188; }
.hero h1 { max-width: 670px; margin: 0; color: #fff; font-size: clamp(2.7rem, 5vw, 4.75rem); line-height: 1.06; letter-spacing: -.06em; text-shadow: 0 2px 24px rgba(0, 0, 0, .18); }
.hero-lead { max-width: 665px; margin: 26px 0 0; color: rgba(255, 255, 255, .84); font-size: clamp(1rem, 1.4vw, 1.13rem); }
.launch-badge { width: fit-content; display: flex; align-items: center; gap: 10px; margin-top: 26px; padding: 9px 13px; border: 1px solid rgba(255, 255, 255, .25); border-radius: 999px; color: #fff; background: rgba(19, 14, 21, .42); font-size: .78rem; font-weight: 700; }
.launch-badge span { width: 8px; height: 8px; border-radius: 50%; background: var(--gradient); box-shadow: 0 0 0 5px rgba(111, 53, 211, .1); }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.hero .button-primary { box-shadow: 0 14px 34px rgba(181, 43, 145, .34); }
.hero .button-primary:hover { box-shadow: 0 18px 42px rgba(181, 43, 145, .44); }
.hero .button-secondary { color: #fff; background: rgba(19, 14, 21, .38); border-color: rgba(255, 255, 255, .48); }
.hero .button-secondary:hover { color: #211b24; background: #fff; border-color: #fff; }
.concept-wrap { position: relative; min-width: 0; isolation: isolate; }
.home-hero-visual { position: absolute; z-index: -2; inset: 0; overflow: hidden; background-color: #342b35; background-image: url("../images/home/stilmania-hero.webp"); background-position: 65% center; background-size: cover; background-repeat: no-repeat; }
.home-hero-visual > img { width: 100%; height: 100%; object-fit: cover; object-position: 65% center; }
.product-preview-section { padding-top: 70px; background: linear-gradient(180deg, #f8f6f3, #f1ecef); }
.product-concept-wrap { width: min(100%, 980px); margin-inline: auto; }
.dashboard-shell { padding: 12px; border: 1px solid rgba(91, 69, 99, .14); border-radius: 28px; background: rgba(255, 255, 255, .72); box-shadow: var(--shadow-lg); transform: perspective(1200px) rotateY(-2deg) rotateX(1deg); }
.dashboard-top { height: 54px; display: flex; align-items: center; justify-content: space-between; padding: 0 14px 0 10px; }
.dashboard-brand { display: flex; align-items: center; gap: 9px; font-size: .78rem; }
.dashboard-brand > span { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 8px; color: #fff; background: var(--gradient); font-weight: 800; }
.dashboard-user { width: 29px; height: 29px; border: 5px solid #eee8ef; border-radius: 50%; background: linear-gradient(145deg, #a87be1, #cb5f98); }
.dashboard-body { padding: 25px; border-radius: 20px; background: #f6f3f6; }
.dashboard-heading { display: flex; justify-content: space-between; align-items: center; gap: 18px; }
.dashboard-heading div { display: grid; }
.dashboard-heading small { color: #8a838d; font-size: .64rem; }
.dashboard-heading strong { font-size: 1.05rem; }
.concept-pill { padding: 6px 9px; border: 1px solid #dacde7; border-radius: 999px; color: #69458b; background: #f4ebfc; font-size: .58rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.metric-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; margin: 20px 0 13px; }
.metric { position: relative; min-width: 0; display: grid; gap: 5px; padding: 15px; border: 1px solid #ece6ec; border-radius: 14px; background: #fff; box-shadow: 0 7px 18px rgba(39, 22, 44, .04); }
.metric span { padding-right: 24px; overflow: hidden; color: #7f7781; font-size: .57rem; text-overflow: ellipsis; white-space: nowrap; }
.metric strong { font-size: 1.38rem; letter-spacing: -.04em; }
.metric-icon { position: absolute; top: 13px; right: 13px; width: 20px; height: 20px; border-radius: 6px; background: #f0e7f7; }
.appointments { padding: 16px; border: 1px solid #ebe5eb; border-radius: 15px; background: #fff; }
.panel-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 7px; font-size: .67rem; }
.panel-title span { color: #918993; font-size: .55rem; }
.appointments ol { margin: 0; padding: 0; list-style: none; }
.appointments li { display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 10px; padding: 10px 4px; border-top: 1px solid #f1edf1; }
.appointments time { color: #6d6570; font-size: .63rem; font-weight: 700; }
.appointments li span { display: grid; }
.appointments li strong { font-size: .67rem; }
.appointments li small { color: #99919b; font-size: .53rem; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; }
.status-dot.purple { background: #8a5acd; }.status-dot.pink { background: #d24d8b; }.status-dot.gold { background: #c5a16c; }
.concept-label { margin: 13px 0 0; color: #8b838d; text-align: center; font-size: .68rem; letter-spacing: .06em; text-transform: uppercase; }

h2 { margin: 0; font-size: clamp(2rem, 3.8vw, 3.35rem); line-height: 1.12; letter-spacing: -.055em; }
h3 { line-height: 1.25; letter-spacing: -.025em; }
.problem-section { border-block: 1px solid var(--line); background: rgba(255, 255, 255, .56); }
.problem-section p:last-child { max-width: 760px; margin: 26px auto 0; color: var(--muted); font-size: 1.03rem; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 48px; }
.section-heading > div { max-width: 690px; }
.section-heading > p { max-width: 390px; margin: 0; color: var(--muted); }
.audience-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.audience-card { min-height: 280px; padding: 29px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.audience-card:hover { transform: translateY(-5px); border-color: #d6c9dd; box-shadow: var(--shadow-sm); }
.icon-box { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 48px; border-radius: 14px; color: var(--purple); background: linear-gradient(145deg, #f0e9f7, #fbeef5); }
.icon-box svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.audience-card h3 { margin: 0 0 10px; font-size: 1.08rem; }
.audience-card p { margin: 0; color: var(--muted); font-size: .88rem; }

.features-section { color: #f8f5f9; background: var(--dark); }
.centered-heading { max-width: 820px; display: block; margin: 0 auto 52px; text-align: center; }
.centered-heading .section-kicker { color: #d69ade; }
.centered-heading > p:last-child { max-width: 650px; margin: 18px auto 0; color: #aaa3ad; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid #373139; border-radius: var(--radius); overflow: hidden; }
.feature-card { position: relative; min-height: 250px; padding: 32px; border-right: 1px solid #373139; border-bottom: 1px solid #373139; background: #1b181e; transition: background .2s ease; }
.feature-card:nth-child(3n) { border-right: 0; }
.feature-card:nth-last-child(-n+3) { border-bottom: 0; }
.feature-card:hover { background: #221e25; }
.feature-card svg { width: 29px; height: 29px; margin-bottom: 34px; fill: none; stroke: #d47dc4; stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; }
.feature-number { position: absolute; top: 28px; right: 29px; color: #5f5862; font-size: .65rem; letter-spacing: .08em; }
.feature-card h3 { margin: 0 0 10px; font-size: 1.05rem; }
.feature-card p { margin: 0; color: #a9a2ac; font-size: .85rem; }
.feature-badge { display: inline-flex; vertical-align: middle; margin-left: 5px; padding: 3px 7px; border: 1px solid #614a62; border-radius: 999px; color: #d99bd0; background: #29232b; font-size: .53rem; line-height: 1.2; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

.pricing-section { background: #f1ede9; }
.pricing-grid[hidden] { display: none; }
.pricing-status { margin: 0; padding: 24px; border: 1px dashed #cec4cf; border-radius: var(--radius); color: var(--muted); background: rgba(255,255,255,.55); text-align: center; }
.pricing-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.pricing-card { position: relative; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; padding: clamp(28px, 4vw, 44px); border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-sm); }
.pricing-card.featured { border-color: #bba3d8; background: linear-gradient(155deg, #fff 15%, #f6effc 100%); }
.pricing-label { margin: 0 0 14px; color: var(--purple); font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.pricing-card h3 { margin: 0; overflow-wrap: anywhere; font-size: clamp(1.65rem, 3.2vw, 2.45rem); letter-spacing: -.045em; }
.pricing-card > p:not(.pricing-label) { min-height: 2.8em; margin: 12px 0 28px; color: var(--muted); font-size: .85rem; }
.pricing-card .button { margin-top: auto; }
.pricing-badge { position: absolute; top: 18px; right: 18px; padding: 5px 9px; border-radius: 999px; color: #fff; background: var(--gradient); font-size: .64rem; font-weight: 800; }
.pricing-trial { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 18px; padding: 24px 28px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.pricing-trial > div { display: grid; gap: 4px; }
.pricing-trial span { color: var(--muted); font-size: .84rem; }

.philosophy-grid { display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: clamp(55px, 9vw, 120px); }
.philosophy-grid > div > p:last-child { margin: 26px 0 0; color: var(--muted); }
.principle-list { margin: 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.principle-list li { display: grid; grid-template-columns: 42px 150px 1fr; align-items: center; gap: 14px; padding: 23px 0; border-bottom: 1px solid var(--line); }
.principle-list span { color: var(--gold); font-size: .68rem; }
.principle-list strong { font-size: .94rem; }
.principle-list small { color: var(--muted); font-size: .81rem; }

.coming-section { padding-top: 20px; }
.coming-card { display: grid; grid-template-columns: .7fr 1.3fr; align-items: center; gap: 70px; padding: clamp(38px, 6vw, 72px); border-radius: var(--radius-lg); color: #fff; background: var(--gradient); box-shadow: 0 24px 60px rgba(122, 43, 151, .2); }
.coming-card h2 { margin-top: 17px; }
.coming-card p { margin: 0; color: rgba(255, 255, 255, .86); }
.outline-badge { display: inline-flex; padding: 7px 11px; border: 1px solid rgba(255,255,255,.35); border-radius: 999px; font-size: .67rem; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }

.contact-section { color: #fff; background: #211d24; }
.contact-grid { display: grid; grid-template-columns: .83fr 1.17fr; gap: clamp(48px, 8vw, 100px); }
.section-kicker.light { color: #dba0d0; }
.contact-copy > p:not(.section-kicker) { margin: 24px 0 0; color: #bbb4bd; }
.privacy-note { display: flex; align-items: flex-start; gap: 12px; margin-top: 32px; padding: 17px; border: 1px solid #3d363f; border-radius: 14px; color: #aaa3ac; background: #272229; font-size: .76rem; }
.privacy-note svg { flex: 0 0 auto; width: 20px; height: 20px; fill: none; stroke: #d7a2cc; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.contact-form { padding: clamp(25px, 4vw, 39px); border: 1px solid #443b46; border-radius: var(--radius); background: #2b252d; box-shadow: 0 28px 60px rgba(0,0,0,.2); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.field { display: grid; gap: 7px; min-width: 0; }
.field-full { grid-column: 1 / -1; }
.field label { color: #e8e3e8; font-size: .75rem; font-weight: 700; }
.field label span { color: #e28aba; }.field label small { color: #99909c; font-weight: 500; }
.field input, .field select, .field textarea { width: 100%; min-height: 49px; padding: 11px 13px; border: 1px solid #514753; border-radius: 10px; color: #fff; background: #211d24; outline: 0; transition: border-color .18s ease, box-shadow .18s ease; }
.field textarea { min-height: 122px; resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: #b36bc5; box-shadow: 0 0 0 3px rgba(179,107,197,.15); }
.field input:user,.field textarea::placeholder { color: #928a94; }
.field select option { color: #222; background: #fff; }
.button-whatsapp { width: 100%; margin-top: 22px; color: #10251c; background: #69dfaa; }
.button-whatsapp:hover { background: #7de9b9; box-shadow: 0 12px 28px rgba(82, 211, 158, .15); }
.button-whatsapp svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.form-status { min-height: 1.2em; margin: 10px 0 0; color: #8ce8bd; text-align: center; font-size: .75rem; }

.sdso-section { padding-block: 86px; }
.sdso-card { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 70px; padding: 48px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-sm); }
.sdso-card > div { max-width: 760px; }
.sdso-card h2 { font-size: clamp(1.8rem, 3vw, 2.7rem); }
.sdso-card p:last-child { margin: 19px 0 0; color: var(--muted); }
.creator-section { padding: 27px 0; border-block: 1px solid var(--line); background: #f1ede9; }
.creator-inner { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.creator-inner p { margin: 0; color: #625b64; font-size: .82rem; }
.creator-inner a { flex: none; color: var(--purple); font-size: .79rem; font-weight: 750; text-decoration: none; }
.creator-inner a:hover { text-decoration: underline; }

.site-footer { padding: 68px 0 25px; color: #d2cdd3; background: #151317; }
.footer-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 60px; padding-bottom: 55px; }
.footer-wordmark { color: #fff; }
.footer-grid > div p { max-width: 360px; margin: 15px 0 0; color: #918b93; font-size: .8rem; }
.footer-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px 28px; align-content: start; }
.footer-links a { color: #aaa4ac; font-size: .78rem; text-decoration: none; }
.footer-links a:hover { color: #fff; }
.footer-bottom { display: flex; justify-content: space-between; gap: 24px; padding-top: 23px; border-top: 1px solid #2e2930; color: #77717a; font-size: .7rem; }
.footer-bottom p { margin: 0; }
.footer-bottom a { color: #bfa5d5; text-decoration: none; }
.footer-bottom a:hover { color: #fff; text-decoration: underline; }

@media (max-width: 1050px) {
  .audience-grid { grid-template-columns: repeat(2, 1fr); }
  .audience-card { min-height: 235px; }
  .icon-box { margin-bottom: 34px; }
  .site-nav { gap: 18px; }
}

@media (max-width: 860px) {
  .section { padding: 82px 0; }
  .nav-toggle { display: block; }
  .site-nav { position: fixed; top: 70px; right: 20px; left: 20px; display: grid; gap: 4px; padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255, 254, 250, .98); box-shadow: var(--shadow-lg); transform: translateY(-12px); opacity: 0; visibility: hidden; transition: opacity .18s ease, transform .18s ease, visibility .18s; }
  .site-nav.is-open { transform: translateY(0); opacity: 1; visibility: visible; }
  .site-nav > a:not(.button) { min-height: 44px; display: flex; align-items: center; padding: 8px 10px; }
  .site-nav > a:not(.button)::after { display: none; }
  .nav-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 6px 0 0; }
  .nav-actions .button, .nav-actions .nav-login { width: 100%; margin: 0; }
  .nav-actions .nav-login { border: 1px solid #dad3da; background: #fff; }
  .site-header:not(.is-scrolled) .site-nav > a:not(.button), .site-header:not(.is-scrolled) .nav-login { color: #514b55; }
  .site-header:not(.is-scrolled) .nav-toggle { border-color: rgba(255, 255, 255, .35); background: rgba(20, 15, 22, .42); }
  .site-header:not(.is-scrolled) .nav-toggle span { background: #fff; }
  .hero { min-height: 720px; padding-top: 148px; }
  .hero-copy { max-width: 720px; }
  .concept-wrap { width: min(100%, 670px); margin-inline: auto; }
  .dashboard-shell { transform: none; }
  .section-heading { display: block; }
  .section-heading > p { max-width: 650px; margin-top: 18px; }
  .feature-grid { grid-template-columns: repeat(2, 1fr); }
  .feature-card:nth-child(3n) { border-right: 1px solid #373139; }
  .feature-card:nth-child(2n) { border-right: 0; }
  .feature-card:nth-last-child(-n+3) { border-bottom: 1px solid #373139; }
  .feature-card:last-child { border-bottom: 0; }
  .philosophy-grid, .contact-grid { grid-template-columns: 1fr; }
  .principle-list { margin-top: 8px; }
  .coming-card { grid-template-columns: 1fr; gap: 28px; }
  .sdso-card { grid-template-columns: 1fr; align-items: start; gap: 30px; }
  .sdso-card .button { width: fit-content; }
}

@media (max-width: 620px) {
  #features, #kimler-icin, #fiyatlandirma, #hakkinda, #iletisim { scroll-margin-top: 6px; }
  .container { width: min(calc(100% - 28px), var(--container)); }
  .section { padding: 68px 0; }
  .header-inner { min-height: 68px; }
  .site-nav { top: 62px; right: 14px; left: 14px; }
  .nav-actions { grid-template-columns: 1fr; }
  .hero { min-height: 700px; padding: 124px 0 76px; }
  .hero::before { background: linear-gradient(90deg, rgba(18, 13, 20, .75) 0%, rgba(22, 16, 24, .5) 58%, rgba(25, 18, 27, .24) 100%); }
  .hero h1 { font-size: clamp(2.45rem, 12vw, 3.4rem); }
  .eyebrow { max-width: 330px; font-size: .65rem; }
  .eyebrow span { margin: 0 4px; }
  .hero-actions, .hero-actions .button { width: 100%; }
  .launch-badge { align-items: flex-start; font-size: .72rem; }
  .launch-badge span { margin-top: 3px; }
  .dashboard-shell { padding: 7px; border-radius: 20px; }
  .dashboard-body { padding: 16px; border-radius: 15px; }
  .metric-grid { gap: 7px; }
  .metric { padding: 11px 9px; }
  .metric span { padding: 0; font-size: .46rem; }
  .metric strong { font-size: 1.08rem; }
  .metric-icon { display: none; }
  .appointments { padding: 11px; }
  .appointments li { grid-template-columns: 42px 1fr auto; padding: 8px 2px; }
  .audience-grid, .feature-grid { grid-template-columns: 1fr; }
  .audience-card { min-height: 0; }
  .feature-card, .feature-card:nth-child(2n), .feature-card:nth-child(3n), .feature-card:nth-last-child(-n+3) { min-height: 225px; border-right: 0; border-bottom: 1px solid #373139; }
  .feature-card:last-child { border-bottom: 0; }
  .pricing-grid { grid-template-columns: 1fr; }
  .pricing-card > p:not(.pricing-label) { min-height: 0; }
  .pricing-card .button { width: 100%; }
  .pricing-trial { align-items: stretch; flex-direction: column; padding: 23px; }
  .pricing-trial .button { width: 100%; }
  .principle-list li { grid-template-columns: 34px 1fr; gap: 8px; }
  .principle-list small { grid-column: 2; }
  .coming-card { padding: 31px 24px; border-radius: 23px; }
  .form-grid { grid-template-columns: 1fr; }
  .field-full { grid-column: auto; }
  .contact-form { padding: 22px 18px; }
  .sdso-section { padding-block: 64px; }
  .sdso-card { padding: 30px 23px; }
  .sdso-card .button { width: 100%; }
  .creator-inner, .footer-bottom { align-items: flex-start; flex-direction: column; }
  .creator-inner { display: flex; }
  .footer-grid { grid-template-columns: 1fr; gap: 38px; }
  .footer-links { grid-template-columns: repeat(2, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}