/* Simonomy Design Language SDL 1.0 — verbindlich laut Brand Book v5.0
   Inter lokal gehostet (OFL) — kein externer Font-Request (DSGVO). */

@font-face{font-family:"Inter";font-weight:400;font-style:normal;font-display:swap;src:url("/assets/fonts/Inter-Regular.woff2") format("woff2")}
@font-face{font-family:"Inter";font-weight:500;font-style:normal;font-display:swap;src:url("/assets/fonts/Inter-Medium.woff2") format("woff2")}
@font-face{font-family:"Inter";font-weight:600;font-style:normal;font-display:swap;src:url("/assets/fonts/Inter-SemiBold.woff2") format("woff2")}
@font-face{font-family:"Inter";font-weight:700;font-style:normal;font-display:swap;src:url("/assets/fonts/Inter-Bold.woff2") format("woff2")}
@font-face{font-family:"Inter";font-weight:800;font-style:normal;font-display:swap;src:url("/assets/fonts/Inter-ExtraBold.woff2") format("woff2")}

:root{
  --simo-blue:#2563EB;
  --simo-navy:#06182E;
  --simo-sales:#1476F2;
  --bg:#F2F5F9;
  --card:#FFFFFF;
  --ink:#06182E;
  --ink-soft:#42556e;
  --line:#dbe3ee;
  --radius-card:16px;
  --radius-btn:14px;
  --sp:8px;
  --font-sans:"Inter",system-ui,-apple-system,"SF Pro","Segoe UI",sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--font-sans);color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}
.wrap{max-width:1000px;margin:0 auto;padding:0 calc(var(--sp)*3)}

.site-head{background:var(--simo-navy)}
.site-head .wrap{display:flex;align-items:center;padding:calc(var(--sp)*2.5) calc(var(--sp)*3)}
.brand{display:flex;align-items:center;gap:calc(var(--sp)*1.5)}
.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,var(--simo-blue));color:#fff;font-weight:800;font-size:20px;border-radius:var(--radius-btn);box-shadow:0 2px 10px rgba(37,99,235,.35)}
.brand-text{display:flex;flex-direction:column;line-height:1.15}
.brand-product{font-weight:700;font-size:17px;color:#fff}
.brand-by{font-size:11px;color:#8ba3c2}

.hero{background:radial-gradient(1200px 500px at 70% -10%,rgba(20,118,242,.28),transparent 60%),var(--simo-navy);color:#fff}
.hero .wrap{padding:calc(var(--sp)*10) calc(var(--sp)*3) calc(var(--sp)*11)}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6db2ff;margin-bottom:calc(var(--sp)*2.5)}
.hero h1{font-size:clamp(42px,7vw,72px);font-weight:800;line-height:1.03;letter-spacing:-.025em;margin-bottom:calc(var(--sp)*3.5)}
.hero .accent{color:#6db2ff}
.lede{font-size:clamp(17px,2.1vw,20px);color:#c4d3e6;max-width:54ch;margin-bottom:calc(var(--sp)*4)}
.vision{font-size:15px;font-style:italic;color:#8ba3c2;font-weight:500}

.features{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--sp)*2.5);padding:calc(var(--sp)*8) 0}
.feature{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card);padding:calc(var(--sp)*3.5)}
.feature .fmark{width:36px;height:36px;border-radius:10px;background:rgba(20,118,242,.1);display:grid;place-items:center;margin-bottom:calc(var(--sp)*2)}
.feature .fmark span{width:14px;height:14px;border-radius:4px;background:var(--simo-sales);display:block}
.feature h2{font-size:17px;font-weight:700;margin-bottom:calc(var(--sp)*1)}
.feature p{font-size:14px;color:var(--ink-soft)}

.site-foot{border-top:1px solid var(--line);padding:calc(var(--sp)*5) 0 calc(var(--sp)*7);text-align:center}
.foot-vision{font-size:14px;font-style:italic;color:var(--simo-navy);margin-bottom:calc(var(--sp)*2.5)}
.contact-btn{display:inline-block;background:var(--simo-sales);color:#fff;font-size:14px;font-weight:600;text-decoration:none;padding:calc(var(--sp)*1.5) calc(var(--sp)*3.5);border-radius:var(--radius-btn);margin-bottom:calc(var(--sp)*3.5)}
.contact-btn:hover{background:#0f63d8}
.foot-nav{display:flex;gap:calc(var(--sp)*3);justify-content:center;margin-bottom:calc(var(--sp)*2)}
.foot-nav a{color:var(--simo-sales);text-decoration:none;font-size:14px;font-weight:600}
.foot-nav a:hover{text-decoration:underline}
.foot-copy{font-size:13px;color:var(--ink-soft)}

.legal-head{background:var(--simo-navy)}
.legal-head .wrap{padding:calc(var(--sp)*2.5) calc(var(--sp)*3)}
.legal{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card);padding:calc(var(--sp)*5);margin:calc(var(--sp)*5) 0 calc(var(--sp)*8)}
.legal h1{font-size:30px;font-weight:800;letter-spacing:-.02em;margin-bottom:calc(var(--sp)*3)}
.legal h2{font-size:17px;font-weight:700;margin:calc(var(--sp)*4) 0 calc(var(--sp)*1.5)}
.legal p{font-size:15px;color:var(--ink-soft);margin-bottom:calc(var(--sp)*1.5)}
.legal a{color:var(--simo-sales)}
.back{display:inline-block;margin-top:calc(var(--sp)*3);font-size:14px;font-weight:600;color:var(--simo-sales);text-decoration:none}

@media(max-width:680px){.features{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* echtes Logo im Header */
.brand-logo{display:block;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.18)}