/* Download sayfasi (v2 tasarim), self-contained (landing token degerleriyle) */
.hc2-wrap{width:min(100% - 48px,1200px);margin-inline:auto}
.hc2-hero{position:relative;overflow:hidden;padding:80px 0 72px;background:#060a12;color:#f7fafc}
.hc2-grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(148,163,184,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.055) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.8) 60%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.8) 60%,transparent 100%)}
.hc2-aurora{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 50% at 84% 15%,rgba(45,212,191,.14),transparent 72%),radial-gradient(45% 42% at 65% 20%,rgba(139,92,246,.1),transparent 72%)}
.hc2-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.hc2-hero h1{margin:0;color:#f7fafc;font-size:clamp(40px,4.6vw,58px);line-height:1.02;letter-spacing:-.045em;font-weight:700}
.hc2-accent{display:block;width:56px;height:3px;margin-top:20px;border-radius:2px;background:linear-gradient(90deg,#2dd4bf,#a78bfa)}
.hc2-lead{margin:22px 0 0;color:#acb8c9;font-size:clamp(16px,1.6vw,18px);line-height:1.65;max-width:52ch}
.hc2-textlink{display:inline-flex;gap:7px;margin-top:18px;color:#2dd4bf;font-size:14px;font-weight:700;text-decoration:none}
.hc2-textlink:hover{color:#5eead4}
.hc2-note{margin:18px 0 0;padding-top:18px;border-top:1px solid rgba(148,163,184,.16);color:#8291a6;font-size:12px;line-height:1.5;max-width:48ch}
.hc2-cards{display:grid;gap:18px}
.hc2-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:26px 28px;border:1px solid rgba(161,161,170,.24);border-radius:20px;box-shadow:inset 0 1px rgba(255,255,255,.035)}
.hc2-card--server,.hc2-card--client{background:#27272a}
.hc2-card-head{display:flex;align-items:center;gap:12px}
.hc2-icon{display:grid;width:44px;height:44px;flex:none;place-items:center;border-radius:12px;background:rgba(45,212,191,.1);color:#5eead4}
.hc2-card--client .hc2-icon{background:rgba(148,163,184,.12);color:#cbd5e1}
.hc2-icon svg{width:22px;height:22px}
.hc2-card h2{margin:0;color:#f7fafc;font-size:21px;font-weight:700;letter-spacing:-.02em}
.hc2-desc{margin:12px 0 0;color:#9aa9bd;font-size:14px;line-height:1.6}
.hc2-release{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;color:#b3c0d1;font:500 11px/1.5 'IBM Plex Mono',monospace}
.hc2-release>span:not(.hc2-version)::before{content:'·';margin-inline-end:8px;color:#7c8ba1}
.hc2-version{display:inline-flex;padding:4px 8px;border:1px solid rgba(94,234,212,.2);border-radius:999px;background:rgba(45,212,191,.07);color:#5eead4;font-weight:600}
.hc2-card-actions{display:grid;gap:10px;min-width:230px}
.hc2-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:13px 20px;border-radius:12px;background:linear-gradient(135deg,#0f8f82,#0f766e);color:#fff;text-decoration:none;font-size:14px;font-weight:700;box-shadow:0 14px 34px rgba(13,148,136,.24),inset 0 1px rgba(255,255,255,.18);transition:background .2s ease,box-shadow .2s ease}
.hc2-primary:hover{background:linear-gradient(135deg,#11a494,#0f8278);box-shadow:0 18px 40px rgba(13,148,136,.3)}
.hc2-primary:active{transform:scale(.98)}
.hc2-primary svg{width:18px;height:18px;flex:none}
.hc2-alt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hc2-alt a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 10px;border:1px solid rgba(148,163,184,.26);border-radius:10px;background:rgba(255,255,255,.025);color:#e7edf5;text-decoration:none;font-size:11px;font-weight:600;line-height:1.2;transition:border-color .18s ease,background .18s ease,color .18s ease}
.hc2-alt a:hover{border-color:rgba(94,234,212,.5);background:rgba(45,212,191,.05);color:#5eead4}
.hc2-alt a svg{width:16px;height:16px}
.hc2-reqs{margin:2px 0 0;color:#b3c0d1;font-size:11px;text-align:center}
.hc2-unavail{padding:12px 14px;border:1px solid rgba(148,163,184,.25);border-radius:12px;background:rgba(30,41,59,.5);color:#cbd5e1;font-size:13px;line-height:1.5}
.hc2-primary:focus-visible,.hc2-alt a:focus-visible,.hc2-textlink:focus-visible,.hc2-stores a:focus-visible,.hc2-legacy-cta:focus-visible{outline:2px solid #2dd4bf;outline-offset:3px}
/* Tema-uyumlu alt bolumler */
.hc2-sec{padding:72px 0 0}
.hc2-sec--last{padding-bottom:72px}
.hc2-sec-head h2{margin:0;color:#0f172a;font-size:clamp(22px,2.6vw,30px);font-weight:700;letter-spacing:-.03em}
.hc2-sec-head p{margin:10px 0 0;color:#64748b;font-size:14px;line-height:1.6}
html.dark .hc2-sec-head h2{color:#f8fafc}
html.dark .hc2-sec-head p{color:#94a3b8}
.hc2-mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}
.hc2-mobile-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;padding:20px 22px;border:1px solid rgba(148,163,184,.22);border-radius:16px;background:#f8fafc}
html.dark .hc2-mobile-item{border-color:#263447;background:#0b1220}
.hc2-mob-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:11px;background:rgba(15,118,110,.1);color:#0f766e}
html.dark .hc2-mob-icon{background:rgba(45,212,191,.12);color:#5eead4}
.hc2-mob-icon svg{width:20px;height:20px}
.hc2-badge{color:#0f766e;font:600 10px/1.4 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase}
html.dark .hc2-badge{color:#5eead4}
.hc2-mobile-item h3{margin:2px 0 0;color:#0f172a;font-size:17px;font-weight:700}
html.dark .hc2-mobile-item h3{color:#f8fafc}
.hc2-mobile-item>div>p{margin:8px 0 0;color:#64748b;font-size:13px;line-height:1.55}
html.dark .hc2-mobile-item>div>p{color:#94a3b8}
.hc2-stores{grid-column:2;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.hc2-stores a{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:8px 12px;border:1px solid rgba(148,163,184,.28);border-radius:10px;background:#fff;color:#0f172a;text-decoration:none;font-size:11px;font-weight:700;transition:border-color .18s ease,color .18s ease}
.hc2-stores a:hover{border-color:#14b8a6;color:#0f766e}
html.dark .hc2-stores a{border-color:#334155;background:#111827;color:#e2e8f0}
html.dark .hc2-stores a:hover{border-color:#14b8a6;color:#5eead4}
.hc2-stores svg{width:15px;height:15px}
.hc2-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:26px 0 0;padding:0}
.hc2-steps li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px}
.hc2-step-num{display:grid;width:28px;height:28px;place-items:center;border:1px solid #99f6e4;border-radius:9px;background:#f0fdfa;color:#0f766e;font:600 12px/1 'IBM Plex Mono',monospace}
html.dark .hc2-step-num{border-color:#115e59;background:#042f2e;color:#5eead4}
.hc2-steps h3{margin:4px 0 0;color:#0f172a;font-size:16px;font-weight:600}
html.dark .hc2-steps h3{color:#f8fafc}
.hc2-steps p{margin:6px 0 0;color:#64748b;font-size:14px;line-height:1.6}
html.dark .hc2-steps p{color:#94a3b8}
.hc2-legacy{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:64px;padding:18px 22px;border:1px solid rgba(148,163,184,.22);border-radius:14px}
html.dark .hc2-legacy{border-color:#263447}
.hc2-legacy-badge{color:#64748b;font:600 10px/1.4 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase}
.hc2-legacy h2{margin:4px 0 0;color:#0f172a;font-size:16px;font-weight:700}
html.dark .hc2-legacy h2{color:#f8fafc}
.hc2-legacy p{margin:6px 0 0;color:#64748b;font-size:12px;line-height:1.5}
html.dark .hc2-legacy p{color:#94a3b8}
.hc2-legacy small{display:block;margin-top:5px;color:#94a3b8;font-size:10px}
.hc2-legacy-cta{display:inline-flex;flex:none;align-items:center;gap:8px;min-height:40px;padding:9px 14px;border:1px solid rgba(148,163,184,.4);border-radius:10px;background:transparent;color:#334155;text-decoration:none;font-size:12px;font-weight:700;transition:border-color .18s ease,color .18s ease}
.hc2-legacy-cta:hover{border-color:#0f766e;color:#0f766e}
html.dark .hc2-legacy-cta{border-color:#475569;color:#e2e8f0}
html.dark .hc2-legacy-cta:hover{border-color:#14b8a6;color:#5eead4}
.hc2-legacy-cta svg{width:15px;height:15px}
@media(max-width:1023px){.hc2-hero-grid{grid-template-columns:1fr;gap:40px}}
@media(max-width:640px){.hc2-wrap{width:min(100% - 32px,1200px)}.hc2-hero{padding:56px 0 48px}.hc2-hero-grid{gap:32px}.hc2-card{grid-template-columns:1fr;padding:22px}.hc2-card-actions{min-width:0}.hc2-reqs{text-align:start}.hc2-legacy{display:block}.hc2-legacy-cta{margin-top:14px}}
@media(max-width:760px){.hc2-mobile-grid{grid-template-columns:1fr}.hc2-steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hc2-primary,.hc2-alt a,.hc2-stores a,.hc2-legacy-cta{transition:none}}
/* Hero deneme CTA'si + deneme karti */
.hc2-hero-cta{margin-top:24px}
.hc2-trial{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px 30px;border:1px solid rgba(148,163,184,.22);border-radius:16px;background:#f8fafc}
html.dark .hc2-trial{border-color:#263447;background:#0b1220}
.hc2-trial h2{margin:6px 0 0;color:#0f172a;font-size:clamp(20px,2.2vw,26px);font-weight:700;letter-spacing:-.03em}
html.dark .hc2-trial h2{color:#f8fafc}
.hc2-trial-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;margin:14px 0 0;padding:0}
.hc2-trial-list li{position:relative;padding-inline-start:22px;color:#64748b;font-size:13px;line-height:1.55}
html.dark .hc2-trial-list li{color:#94a3b8}
.hc2-trial-list li::before{content:'✓';position:absolute;inset-inline-start:0;color:#0f766e;font-weight:700}
html.dark .hc2-trial-list li::before{color:#5eead4}
.hc2-trial-copy{flex:1;min-width:0}
.hc2-trial>.hc2-primary{flex:none}
@media(max-width:760px){.hc2-trial{display:block}.hc2-trial-list{grid-template-columns:1fr}.hc2-trial>.hc2-primary{margin-top:18px;width:100%}}