*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root { --bg:#0d1b2a; --bg2:#112240; --accent:#00d4aa; --text:#e8f0fe; --muted:#7a9bbf; --border:rgba(255,255,255,0.08); --card:rgba(255,255,255,0.04); }
html { scroll-behavior: smooth; }
body { background:var(--bg); color:var(--text); font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; line-height:1.6; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }

nav { display:flex; justify-content:space-between; align-items:center; padding:20px 60px; border-bottom:1px solid var(--border); position:sticky; top:0; background:rgba(13,27,42,0.95); backdrop-filter:blur(10px); z-index:100; }
.nav-logo { font-size:16px; font-weight:800; color:var(--text); text-decoration:none; }
.nav-logo span { color:var(--accent); }
.nav-links { display:flex; gap:32px; }
.nav-links a { font-size:13px; font-weight:500; color:var(--muted); text-decoration:none; transition:color 0.2s; }
.nav-links a:hover, .nav-links a.active { color:var(--accent); }
.nav-cta { background:var(--accent); color:var(--bg); font-size:13px; font-weight:700; padding:10px 20px; border-radius:8px; text-decoration:none; transition:background 0.2s; }
.nav-cta:hover { background:#00f0c0; }
.nav-toggle { display:none; background:none; border:none; cursor:pointer; flex-direction:column; gap:6px; padding:12px; }
.nav-toggle span { display:block; width:32px; height:3px; background:var(--text); border-radius:2px; }

.hero-home { padding:100px 60px 80px; max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; min-height:80vh; }
.hero-home h1 { font-size:clamp(52px,7vw,88px); font-weight:900; line-height:1.0; letter-spacing:-3px; margin-bottom:40px; }
.hero-home h1 em { font-style:normal; color:var(--accent); }
.hero-right { display:flex; flex-direction:column; gap:20px; }
.hero-pill { display:inline-flex; align-items:center; gap:8px; background:rgba(0,212,170,0.08); border:1px solid rgba(0,212,170,0.15); color:var(--muted); font-size:13px; padding:10px 16px; border-radius:10px; }
.hero-pill strong { color:var(--text); font-weight:600; }
.hero-pill.hl { background:rgba(0,212,170,0.12); border-color:rgba(0,212,170,0.3); }
.hero-pill.hl strong { color:var(--accent); }
.hero-dot { width:6px; height:6px; border-radius:50%; background:var(--accent); flex-shrink:0; }
.hero-btn { margin-top:12px; display:inline-flex; align-items:center; gap:10px; background:var(--accent); color:var(--bg); font-size:15px; font-weight:800; padding:16px 28px; border-radius:12px; text-decoration:none; width:fit-content; transition:all 0.2s; }
.hero-btn:hover { background:#00f0c0; transform:translateY(-2px); }

.hero-service { display:grid; grid-template-columns:1fr 1fr; gap:60px; padding:80px 60px; max-width:1100px; margin:0 auto; align-items:center; }
.hero-badge { display:inline-flex; align-items:center; gap:6px; background:rgba(0,212,170,0.1); border:1px solid rgba(0,212,170,0.2); color:var(--accent); font-size:12px; font-weight:600; padding:6px 14px; border-radius:20px; margin-bottom:20px; }
.hero-service h1 { font-size:42px; font-weight:800; line-height:1.15; margin-bottom:20px; }
.hero-service h1 em { font-style:normal; color:var(--accent); }
.hero-desc { color:var(--muted); font-size:16px; line-height:1.7; margin-bottom:28px; }
.hero-checks { display:flex; flex-direction:column; gap:10px; margin-bottom:32px; }
.hero-check { display:flex; align-items:center; gap:10px; font-size:14px; }
.check-icon { width:18px; height:18px; background:rgba(0,212,170,0.15); border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--accent); font-size:10px; }
.hero-visual { background:var(--bg2); border:1px solid var(--border); border-radius:20px; padding:40px; position:relative; overflow:hidden; }
.hero-visual::before { content:''; position:absolute; top:-40px; right:-40px; width:200px; height:200px; background:radial-gradient(circle,rgba(0,212,170,0.1) 0%,transparent 70%); }
.stat-row { display:flex; justify-content:space-between; align-items:center; padding:16px 20px; background:var(--card); border:1px solid var(--border); border-radius:12px; margin-bottom:12px; }
.stat-row:last-child { margin-bottom:0; }
.stat-lbl { font-size:13px; color:var(--muted); }
.stat-val { font-size:15px; font-weight:700; color:var(--accent); }

.section-label { font-size:12px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--accent); margin-bottom:12px; }
.section-title { font-size:36px; font-weight:800; margin-bottom:48px; }

.about { background:var(--bg2); border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:80px 60px; }
.about-inner { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:1fr 2fr; gap:80px; align-items:start; }
.about-label { font-size:11px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--accent); margin-bottom:16px; }
.about-brand { font-size:28px; font-weight:900; letter-spacing:-1px; line-height:1.1; }
.about-text p { font-size:15px; color:var(--muted); line-height:1.8; margin-bottom:16px; }
.about-text p:last-child { margin-bottom:0; }
.about-text strong { color:var(--text); font-weight:600; }

.services { max-width:1100px; margin:0 auto; padding:80px 60px; }
.svc-row { display:grid; grid-template-columns:100px 1fr 1fr; gap:40px; align-items:center; padding:40px 0; border-bottom:1px solid var(--border); text-decoration:none; color:inherit; }
.svc-row:first-child { border-top:1px solid var(--border); }
.svc-num { font-size:64px; font-weight:900; color:rgba(255,255,255,0.06); letter-spacing:-3px; line-height:1; }
.svc-body h3 { font-size:14px; color:var(--muted); font-weight:600; letter-spacing:1px; text-transform:uppercase; margin-bottom:10px; }
.svc-body p { font-size:14px; color:var(--muted); line-height:1.7; max-width:340px; }
.svc-body p strong { color:var(--text); }
.svc-price { font-size:12px; color:var(--accent); font-weight:700; margin-top:10px; }
.svc-right { display:flex; align-items:center; justify-content:flex-end; gap:20px; }
.svc-name { font-size:32px; font-weight:900; letter-spacing:-1px; text-align:right; line-height:1.15; }
.svc-link { width:48px; height:48px; border-radius:50%; background:var(--card); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; color:var(--accent); font-size:18px; text-decoration:none; flex-shrink:0; transition:all 0.2s; }
.svc-link:hover { background:var(--accent); color:var(--bg); border-color:var(--accent); }

.stats { background:var(--bg2); border-top:1px solid var(--border); padding:60px; }
.stats-inner { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); }
.stat { padding:20px 40px; border-right:1px solid var(--border); text-align:center; }
.stat:last-child { border-right:none; }
.stat-num { font-size:72px; font-weight:900; letter-spacing:-4px; line-height:1; }
.stat-num span { color:var(--accent); }
.stat-label { font-size:13px; color:var(--muted); margin-top:8px; }

.blog { padding:80px 60px; max-width:1100px; margin:0 auto; }
.blog-header { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:48px; }
.blog-label { font-size:11px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--accent); margin-bottom:8px; }
.blog-title { font-size:36px; font-weight:900; letter-spacing:-1px; }
.blog-all { font-size:13px; font-weight:600; color:var(--accent); text-decoration:none; border-bottom:1px solid rgba(0,212,170,0.3); padding-bottom:2px; }
.blog-all:hover { border-color:var(--accent); }
.blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.blog-card { background:var(--card); border:1px solid var(--border); border-radius:16px; padding:28px; text-decoration:none; color:var(--text); display:flex; flex-direction:column; gap:12px; transition:border-color 0.2s,transform 0.2s; }
.blog-card:hover { border-color:rgba(0,212,170,0.3); transform:translateY(-2px); }
.blog-tag { display:inline-block; font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(--accent); background:rgba(0,212,170,0.08); border:1px solid rgba(0,212,170,0.15); padding:4px 10px; border-radius:6px; width:fit-content; }
.blog-card h3 { font-size:16px; font-weight:700; line-height:1.4; }
.blog-card p { font-size:13px; color:var(--muted); line-height:1.6; flex:1; }
.blog-meta { font-size:12px; color:var(--muted); border-top:1px solid var(--border); padding-top:12px; }

.features { padding:80px 60px; max-width:1100px; margin:0 auto; }
.features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.feat-card { background:var(--card); border:1px solid var(--border); border-radius:16px; padding:28px; transition:border-color 0.2s,transform 0.2s; }
.feat-card:hover { border-color:rgba(0,212,170,0.3); transform:translateY(-2px); }
.feat-icon { width:40px; height:40px; background:rgba(0,212,170,0.1); border-radius:10px; display:flex; align-items:center; justify-content:center; margin-bottom:16px; font-size:18px; }
.feat-card h3 { font-size:15px; font-weight:700; margin-bottom:8px; }
.feat-card p { font-size:13px; color:var(--muted); line-height:1.6; }

.values { background:var(--bg2); border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:60px; }
.values-inner { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); }
.value { padding:32px 40px; border-right:1px solid var(--border); }
.value:last-child { border-right:none; }
.value h3 { font-size:16px; font-weight:700; margin-bottom:8px; }
.value p { font-size:13px; color:var(--muted); line-height:1.6; }

.pricing { padding:80px 60px; max-width:1100px; margin:0 auto; }
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:48px; }
.plan { background:var(--card); border:1px solid var(--border); border-radius:20px; padding:36px 32px; position:relative; }
.plan.featured { background:var(--bg2); border-color:var(--accent); }
.plan-badge { position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:var(--accent); color:var(--bg); font-size:11px; font-weight:800; padding:4px 16px; border-radius:20px; white-space:nowrap; }
.plan-name { font-size:13px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(--muted); margin-bottom:16px; }
.plan-price { display:flex; align-items:baseline; gap:4px; margin-bottom:6px; }
.plan-currency { font-size:20px; font-weight:700; color:var(--muted); }
.plan-amount { font-size:48px; font-weight:900; line-height:1; }
.plan-period { font-size:13px; color:var(--muted); margin-bottom:24px; }
.plan-desc { font-size:13px; color:var(--muted); line-height:1.6; margin-bottom:20px; font-style:italic; }
.plan-divider { height:1px; background:var(--border); margin-bottom:24px; }
.plan-features { list-style:none; display:flex; flex-direction:column; gap:12px; margin-bottom:32px; }
.plan-features li { display:flex; align-items:flex-start; gap:10px; font-size:13px; color:var(--muted); }
.plan-features li.hl { color:var(--text); font-weight:600; }
.btn { width:100%; padding:14px; border-radius:10px; font-size:14px; font-weight:700; cursor:pointer; border:none; transition:all 0.2s; text-align:center; display:block; text-decoration:none; }
.btn-primary { background:var(--accent); color:var(--bg); }
.btn-primary:hover { background:#00f0c0; transform:translateY(-1px); }
.btn-outline { background:transparent; color:var(--text); border:1px solid var(--border); }
.btn-outline:hover { border-color:var(--accent); color:var(--accent); }
.pricing-kdv { text-align:center; font-size:12px; color:var(--muted); margin-top:20px; }

.faq { padding:80px 60px; max-width:760px; margin:0 auto; }
.faq-item { border-bottom:1px solid var(--border); }
.faq-q { width:100%; background:none; border:none; color:var(--text); font-size:15px; font-weight:600; text-align:left; padding:20px 0; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:16px; }
.faq-q:hover { color:var(--accent); }
.faq-arrow { color:var(--muted); font-size:18px; flex-shrink:0; transition:transform 0.2s; }
.faq-a { font-size:14px; color:var(--muted); line-height:1.7; padding-bottom:20px; display:none; }
.faq-item.open .faq-a { display:block; }
.faq-item.open .faq-arrow { transform:rotate(180deg); color:var(--accent); }

.page-hero { padding:80px 60px; max-width:760px; margin:0 auto; }
.page-label { font-size:12px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--accent); margin-bottom:16px; }
.page-hero h1 { font-size:52px; font-weight:900; line-height:1.05; letter-spacing:-2px; margin-bottom:32px; }
.page-hero h1 em { font-style:normal; color:var(--accent); }
.page-hero p { font-size:18px; color:var(--muted); line-height:1.8; margin-bottom:20px; }
.page-hero p strong { color:var(--text); }
.divider { border:none; border-top:1px solid var(--border); margin:0 60px 80px; }
.story { display:grid; grid-template-columns:1fr 2fr; gap:80px; padding:0 60px 80px; max-width:1100px; margin:0 auto; }
.story-label { font-size:11px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--accent); margin-bottom:12px; }
.story-title { font-size:28px; font-weight:900; letter-spacing:-1px; line-height:1.2; }
.story-right p { font-size:15px; color:var(--muted); line-height:1.8; margin-bottom:20px; }
.story-right p:last-child { margin-bottom:0; }
.story-right strong { color:var(--text); }
.principles { background:var(--bg2); border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:80px 60px; }
.principles-inner { max-width:1100px; margin:0 auto; }
.principles-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.principle { background:var(--card); border:1px solid var(--border); border-radius:16px; padding:28px; }
.principle-num { font-size:48px; font-weight:900; color:rgba(255,255,255,0.05); line-height:1; margin-bottom:12px; }
.principle h3 { font-size:16px; font-weight:700; margin-bottom:8px; }
.principle p { font-size:13px; color:var(--muted); line-height:1.6; }
.cta-band { padding:80px 60px; max-width:1100px; margin:0 auto; text-align:center; }
.cta-band h2 { font-size:42px; font-weight:900; letter-spacing:-1.5px; margin-bottom:16px; }
.cta-band h2 em { font-style:normal; color:var(--accent); }
.cta-band p { font-size:16px; color:var(--muted); margin-bottom:36px; }
.cta-btn { display:inline-flex; align-items:center; gap:10px; background:var(--accent); color:var(--bg); font-size:15px; font-weight:800; padding:16px 32px; border-radius:12px; text-decoration:none; transition:all 0.2s; }
.cta-btn:hover { background:#00f0c0; transform:translateY(-2px); }

.contact-wrap { display:grid; grid-template-columns:1fr 1fr; gap:80px; padding:80px 60px; max-width:1100px; margin:0 auto; align-items:start; }
.contact-left h1 { font-size:48px; font-weight:900; line-height:1.05; letter-spacing:-2px; margin-bottom:24px; }
.contact-left h1 em { font-style:normal; color:var(--accent); }
.contact-left p { font-size:15px; color:var(--muted); line-height:1.8; margin-bottom:40px; }
.contact-channels { display:flex; flex-direction:column; gap:16px; }
.channel { display:flex; align-items:center; gap:16px; padding:16px 20px; background:var(--card); border:1px solid var(--border); border-radius:12px; text-decoration:none; transition:border-color 0.2s; }
.channel:hover { border-color:rgba(0,212,170,0.3); }
.channel-icon { width:40px; height:40px; background:rgba(0,212,170,0.1); border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0; }
.channel-label { font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(--muted); margin-bottom:2px; }
.channel-value { font-size:14px; font-weight:600; color:var(--text); }
.form-card { background:var(--bg2); border:1px solid var(--border); border-radius:20px; padding:40px; }
.form-title { font-size:22px; font-weight:800; margin-bottom:28px; }
.form-group { margin-bottom:20px; }
.form-group label { display:block; font-size:12px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(--muted); margin-bottom:8px; }
.form-group input, .form-group select, .form-group textarea { width:100%; background:var(--card); border:1px solid var(--border); border-radius:10px; padding:12px 16px; color:var(--text); font-size:14px; font-family:inherit; outline:none; transition:border-color 0.2s; }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color:rgba(0,212,170,0.4); }
.form-group select { cursor:pointer; }
.form-group select option { background:var(--bg2); }
.form-group textarea { resize:vertical; min-height:120px; }
.form-submit { width:100%; padding:14px; background:var(--accent); color:var(--bg); font-size:15px; font-weight:800; border:none; border-radius:10px; cursor:pointer; transition:all 0.2s; }
.form-submit:hover { background:#00f0c0; transform:translateY(-1px); }
.form-note { font-size:12px; color:var(--muted); margin-top:12px; text-align:center; line-height:1.6; }
.form-success { display:none; background:rgba(0,212,170,0.08); border:1px solid rgba(0,212,170,0.2); border-radius:12px; padding:20px; text-align:center; margin-top:16px; }
.form-success p { font-size:14px; color:var(--accent); font-weight:600; }

footer { border-top:1px solid var(--border); padding:40px 60px; display:flex; justify-content:space-between; align-items:center; }
.footer-copy { font-size:12px; color:var(--muted); }
.footer-links { display:flex; gap:24px; }
.footer-links a { font-size:12px; color:var(--muted); text-decoration:none; transition:color 0.2s; }
.footer-links a:hover { color:var(--accent); }

@media (max-width:768px) {
  nav { padding:16px 20px; }
  .nav-links, .nav-cta { display:none; }
  .nav-toggle { display:flex; padding:12px; }
  .nav-toggle span { width:32px; height:3px; }
  .nav-links.open { display:flex; flex-direction:column; position:fixed; top:57px; left:0; right:0; background:var(--bg2); border-bottom:1px solid var(--border); padding:20px; gap:16px; z-index:99; }
  .hero-home { grid-template-columns:1fr; padding:60px 20px 40px; gap:40px; min-height:auto; }
  .hero-home h1 { font-size:48px; letter-spacing:-2px; }
  .hero-service { grid-template-columns:1fr; padding:40px 20px; gap:32px; }
  .hero-service h1 { font-size:28px; }
  .about { padding:40px 20px; }
  .about-inner { grid-template-columns:1fr; gap:32px; }
  .services { padding:40px 20px; }
  .svc-row { grid-template-columns:60px 1fr; gap:20px; }
  .svc-right { display:none; }
  .stats { padding:40px 20px; }
  .stats-inner { grid-template-columns:1fr; }
  .stat { border-right:none; border-bottom:1px solid var(--border); padding:24px 0; }
  .stat:last-child { border-bottom:none; }
  .blog { padding:40px 20px; }
  .blog-grid { grid-template-columns:1fr; }
  .blog-header { flex-direction:column; align-items:flex-start; gap:16px; }
  .features { padding:40px 20px; }
  .features-grid { grid-template-columns:1fr; }
  .values { padding:40px 20px; }
  .values-inner { grid-template-columns:1fr; }
  .value { border-right:none; border-bottom:1px solid var(--border); padding:24px 0; }
  .value:last-child { border-bottom:none; }
  .pricing { padding:40px 20px; }
  .pricing-grid { grid-template-columns:1fr; }
  .faq { padding:40px 20px; }
  .page-hero { padding:40px 20px; }
  .page-hero h1 { font-size:36px; }
  .divider { margin:40px 20px; }
  .story { grid-template-columns:1fr; padding:0 20px 40px; gap:24px; }
  .principles { padding:40px 20px; }
  .principles-grid { grid-template-columns:1fr; }
  .cta-band { padding:40px 20px; }
  .cta-band h2 { font-size:28px; }
  .contact-wrap { grid-template-columns:1fr; padding:40px 20px; gap:40px; }
  .contact-left h1 { font-size:32px; }
  footer { flex-direction:column; gap:16px; padding:32px 20px; text-align:center; }
  .footer-links { flex-wrap:wrap; justify-content:center; }
}
/* ---- Legal Pages ---- */
.legal-wrap { max-width: 780px; margin: 0 auto; padding: 3rem 2rem 5rem; }
.legal-wrap h1 { font-size: 2rem; font-weight: 700; margin-bottom: .5rem; }
.legal-meta { color: var(--muted); font-size: .85rem; margin-bottom: 2.5rem; }
.legal-wrap h2 { font-size: 1rem; font-weight: 700; color: var(--accent); margin: 2rem 0 .6rem; }
.legal-wrap p, .legal-wrap li { color: var(--muted); font-size: .92rem; line-height: 1.8; }
.legal-wrap ul { padding-left: 1.2rem; margin: .5rem 0 1rem; }
.legal-wrap ul li { margin-bottom: .3rem; }
.legal-wrap a { color: var(--accent); }
/* Legal Table */
.legal-table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
.legal-table th { text-align: left; padding: .6rem 1rem; background: var(--bg3); color: var(--muted); font-size: .8rem; text-transform: uppercase; letter-spacing: .4px; }
.legal-table td { padding: .6rem 1rem; border-top: 1px solid var(--border); color: var(--muted); font-size: .9rem; }
/* TOS Hub */
.tos-wrap { max-width: 520px; margin: 6rem auto; padding: 0 2rem; text-align: center; }
.tos-wrap h1 { font-size: 1.6rem; font-weight: 700; margin-bottom: .6rem; }
.tos-wrap p { color: var(--muted); font-size: .9rem; margin-bottom: 2.5rem; }
.tos-links { display: flex; flex-direction: column; gap: 1rem; }
.tos-link { display: block; background: var(--bg2); border: 1px solid var(--border); border-radius: 8px; padding: 1.2rem 1.5rem; color: var(--text); font-weight: 600; font-size: .95rem; text-align: left; transition: border-color .2s, transform .2s; }
.tos-link:hover { border-color: var(--accent); color: var(--accent); transform: translateX(4px); }
.tos-link span { display: block; color: var(--muted); font-size: .8rem; font-weight: 400; margin-top: .2rem; }
/* Cookie Banner */
#cookie-banner{position:fixed;bottom:1.5rem;left:1.5rem;max-width:360px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:1.4rem 1.6rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 8px 30px rgba(0,0,0,.4);z-index:9999;font-size:.92rem}
#cookie-banner p{margin:0;color:var(--muted);line-height:1.6}
#cookie-banner a{color:var(--accent)}
#cookie-banner button{background:var(--accent);color:#0d1b2a;border:none;border-radius:6px;padding:.7rem 1.6rem;font-weight:700;font-size:.88rem;cursor:pointer;align-self:flex-start}
#cookie-banner button:hover{background:var(--accent2)}