:root { --navy:#0c3b4a; --teal:#0c786f; --mint:#e7f7f2; --ink:#16313a; --muted:#60747a; --line:#dbe8e5; --coral:#ee745c; --paper:#fbfdfc; }
html { scroll-behavior:smooth; }
body { background:var(--paper); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.klinik-shell { overflow:hidden; }
.klinik-topbar { background:var(--navy); color:#fff; }
.klinik-topbar .elementor-widget-container { max-width:1160px; margin:auto; padding:10px 22px; font-size:13px; letter-spacing:.01em; }
.klinik-nav .elementor-widget-container { max-width:1160px; margin:auto; padding:22px; display:flex; align-items:center; justify-content:space-between; }
.klinik-logo { font-size:22px; font-weight:800; color:var(--navy); letter-spacing:-.04em; }
.klinik-logo span { color:var(--teal); }
.klinik-navlinks { color:var(--muted); font-size:14px; font-weight:600; }
.klinik-hero { background:linear-gradient(118deg,#f2fbf8 0%,#e5f6f0 63%,#d5eee8 100%); position:relative; }
.klinik-hero > .e-con-inner, .klinik-section > .e-con-inner { max-width:1160px; margin:auto; padding:76px 22px; }
.klinik-eyebrow { color:var(--teal); font-weight:800; font-size:13px; letter-spacing:.11em; text-transform:uppercase; margin-bottom:16px; }
.klinik-h1 { color:var(--navy); font-size:clamp(42px,5.2vw,70px); line-height:1.02; letter-spacing:-.06em; max-width:800px; margin:0 0 22px; }
.klinik-lead { color:var(--muted); font-size:18px; line-height:1.65; max-width:625px; margin-bottom:28px; }
.klinik-demo-booking a { display:inline-flex; align-items:center; gap:10px; background:var(--teal); color:#fff !important; border-radius:999px; padding:16px 23px; font-weight:800; box-shadow:0 12px 25px rgba(12,120,111,.2); text-decoration:none !important; }
.klinik-demo-booking a:after { content:'↗'; font-size:18px; }
.klinik-demo-note { color:var(--muted); font-size:13px; margin:16px 0 0; }
.klinik-hero-card { background:#fff; border:1px solid rgba(12,120,111,.12); box-shadow:0 28px 70px rgba(15,63,68,.14); border-radius:26px; padding:30px; max-width:430px; margin:26px 0 0 auto; }
.klinik-hero-card .mini-label { font-size:12px; color:var(--teal); font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.klinik-hero-card h3 { color:var(--navy); font-size:29px; line-height:1.12; margin:12px 0; letter-spacing:-.04em; }
.klinik-hero-card p { color:var(--muted); line-height:1.55; }
.klinik-pill { background:var(--mint); color:var(--teal); border-radius:999px; display:inline-block; font-weight:800; font-size:13px; padding:9px 13px; margin-top:4px; }
.klinik-trust { background:#fff; border-bottom:1px solid var(--line); }
.klinik-trust .elementor-widget-container { max-width:1160px; margin:auto; padding:22px; color:var(--muted); text-align:center; font-size:14px; font-weight:650; }
.klinik-section { background:var(--paper); }
.klinik-section-alt { background:#fff; }
.klinik-kicker { color:var(--teal); font-weight:800; font-size:13px; letter-spacing:.1em; text-transform:uppercase; }
.klinik-h2 { color:var(--navy); font-size:clamp(30px,3.6vw,48px); letter-spacing:-.055em; line-height:1.06; max-width:720px; margin:13px 0 42px; }
.klinik-grid .e-con-inner { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.klinik-card { background:#fff; border:1px solid var(--line); border-radius:19px; padding:25px; min-height:192px; transition:transform .2s,box-shadow .2s; }
.klinik-card:hover { transform:translateY(-4px); box-shadow:0 18px 38px rgba(16,59,71,.1); }
.klinik-card .icon { width:44px; height:44px; border-radius:14px; background:var(--mint); color:var(--teal); display:grid; place-items:center; font-size:21px; margin-bottom:18px; }
.klinik-card h3 { font-size:20px; color:var(--navy); letter-spacing:-.035em; margin:0 0 9px; }
.klinik-card p { font-size:15px; line-height:1.55; color:var(--muted); margin:0; }
.klinik-process .e-con-inner { display:grid; grid-template-columns:repeat(3,1fr); gap:34px; }
.klinik-step { border-top:2px solid var(--teal); padding-top:18px; }
.klinik-step strong { color:var(--coral); font-size:14px; }
.klinik-step h3 { color:var(--navy); font-size:22px; letter-spacing:-.04em; margin:9px 0; }
.klinik-step p { color:var(--muted); line-height:1.55; }
.klinik-cta { background:var(--navy); }
.klinik-cta > .e-con-inner { padding:70px 22px; max-width:1160px; margin:auto; }
.klinik-cta .klinik-h2 { color:#fff; max-width:700px; margin-bottom:18px; }
.klinik-cta .klinik-lead { color:#d4e6e2; }
.klinik-cta .klinik-demo-booking a { background:#fff; color:var(--navy) !important; box-shadow:none; }
#demo-booking { scroll-margin-top:110px; transition:box-shadow .2s; }
#demo-booking.is-highlighted { box-shadow:0 0 0 8px rgba(238,116,92,.24); }
.klinik-demo-box { background:#fff6df; color:#674e15; border:1px solid #f1d997; border-radius:16px; padding:18px; margin-top:22px; font-size:14px; max-width:700px; }
.klinik-footer { background:#082d37; color:#a7c4c2; }
.klinik-footer .elementor-widget-container { max-width:1160px; padding:30px 22px; margin:auto; font-size:13px; }
@media (max-width:767px) { .klinik-navlinks { display:none; } .klinik-hero > .e-con-inner,.klinik-section > .e-con-inner { padding:54px 20px; } .klinik-grid .e-con-inner,.klinik-process .e-con-inner { grid-template-columns:1fr; gap:14px; } .klinik-hero-card { margin:25px 0 0; } .klinik-h1 { font-size:43px; } .klinik-lead { font-size:16px; } }