*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --ink:#001B1F;
  --deep:#003F3A;
  --teal:#00A99A;
  --cyan:#5FF7EA;
  --cyan-soft:#D8FCF7;
  --soft:#EEF7F6;
  --muted:#4C6B67;
  --muted-light:#C8E6E1;
  --white:#FFFFFF;
  --line:rgba(0,63,58,.12);
  --font:'Manrope',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --max:1180px;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--font);
  color:var(--ink);
  line-height:1.65;
  background:
    radial-gradient(circle at 78% 0%, rgba(95,247,234,.22), transparent 28%),
    linear-gradient(180deg,#001B1F 0%,#003F3A 38%,#EEF7F6 38%,#FFFFFF 100%);
  min-height:100vh;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.nav{position:sticky;top:0;z-index:20;background:rgba(0,27,31,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(95,247,234,.16)}
.nav-inner{width:min(var(--max),calc(100% - 40px));margin:auto;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;color:#fff;font-size:1.35rem;font-weight:800;text-shadow:0 0 22px rgba(95,247,234,.18)}
.brand img{height:42px;width:auto}
.nav-links{display:flex;gap:22px;list-style:none;align-items:center;color:var(--muted-light);font-weight:700}
.nav-links a:hover{color:var(--cyan)}
.lang-switch{display:inline-flex;gap:6px;border:1px solid rgba(95,247,234,.24);border-radius:999px;padding:4px;font-size:.78rem;font-weight:800}
.lang-switch a{padding:4px 9px;border-radius:999px;color:var(--muted-light)}
.lang-switch a.active{background:var(--cyan);color:var(--ink)}
.pill,.button,.btn-gold{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:14px 24px;
  background:linear-gradient(135deg,#5FF7EA,#00A99A);
  color:#001B1F;
  font-weight:800;
  box-shadow:0 12px 32px rgba(83,255,240,.28);
  border:0;
}
.nav .pill{padding:8px 16px;box-shadow:none;background:var(--cyan)}
.button.secondary,.btn-outline{
  background:rgba(255,255,255,.10);
  color:#fff;
  border:1px solid rgba(95,247,234,.26);
  box-shadow:none;
}
.card .button.secondary,
.section.white .button.secondary{
  background:#FFFFFF;
  color:var(--deep);
  border:1px solid rgba(0,169,154,.28);
  box-shadow:0 10px 24px rgba(0,63,58,.08);
}
.hero{
  width:min(var(--max),calc(100% - 40px));
  min-height:auto;
  margin:72px auto 48px;
  padding:62px 52px;
  border-radius:32px;
  color:#fff;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  background:
    linear-gradient(90deg,rgba(0,27,31,.90),rgba(0,63,58,.70) 48%,rgba(0,63,58,.16)),
    radial-gradient(circle at 77% 16%, rgba(95,247,234,.28), transparent 34%),
    radial-gradient(ellipse at 48% 110%, rgba(0,169,154,.44), transparent 62%),
    url('/img/timeinvoicer-schweiz-hero.jpg') center/cover,
    linear-gradient(145deg,#002E31 0%,#003F3A 50%,#001B1F 100%);
  box-shadow:0 28px 80px rgba(0,27,31,.28);
}
.hero::after{
  content:"";
  position:absolute;
  left:-8%;
  right:-8%;
  bottom:24px;
  height:70px;
  pointer-events:none;
  background:
    linear-gradient(172deg,transparent 0 28%,rgba(95,247,234,.20) 30%,transparent 42%),
    linear-gradient(176deg,transparent 0 48%,rgba(95,247,234,.15) 50%,transparent 62%);
}
.hero-inner{width:100%;position:relative;z-index:1;padding:0}
.badge,.eyebrow{
  display:inline-flex;
  padding:7px 16px;
  border-radius:999px;
  background:rgba(95,247,234,.12);
  border:1px solid rgba(95,247,234,.28);
  color:var(--cyan);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:16px;
}
h1{
  font-size:clamp(2.55rem,6vw,5rem);
  line-height:1.02;
  letter-spacing:0;
  margin:6px 0 18px;
  max-width:900px;
  overflow-wrap:break-word;
}
.lead,.hero p{max-width:780px;color:var(--muted-light);font-size:1.18rem;position:relative;z-index:1;overflow-wrap:break-word}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:860px;margin-top:34px}
.trust div{background:rgba(0,27,31,.42);border:1px solid rgba(95,247,234,.18);border-radius:14px;padding:16px 18px}
.trust strong{display:block;color:#fff;font-weight:800}.trust span{display:block;color:var(--muted-light);font-size:.92rem;margin-top:2px}
.section{padding:78px 0;background:transparent}
.section.white{background:#fff}
.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
.section .eyebrow{background:transparent;border:0;padding:0;margin-bottom:10px;color:var(--deep)}
.section h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.08;letter-spacing:0;margin-bottom:16px;max-width:860px;color:var(--ink)}
.section p.sub{font-size:1.1rem;color:var(--muted);max-width:760px;margin-bottom:34px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.card,.faq-item{
  background:rgba(255,255,255,.92);
  border:1px solid var(--line);
  border-radius:22px;
  overflow:hidden;
  padding:24px;
  box-shadow:0 18px 50px rgba(0,63,58,.10);
  transition:transform .2s ease,box-shadow .2s ease;
}
.white .card,.white .faq-item{background:rgba(238,247,246,.74)}
.card:hover,.faq-item:hover{transform:translateY(-3px);box-shadow:0 24px 64px rgba(0,63,58,.16)}
.card h3,.faq-item h3{font-size:1.25rem;line-height:1.25;margin-bottom:10px;color:var(--ink)}
.card p,.card li,.faq-item p{color:var(--muted);overflow-wrap:break-word}
.card ul{margin:12px 0 0 18px}
.price{display:flex;align-items:baseline;gap:8px;margin:14px 0;color:var(--ink)}
.price strong{font-size:2.1rem;line-height:1}.price span{color:var(--muted)}
.note{
  background:linear-gradient(135deg,#D8FCF7,#FFFFFF);
  border:1px solid rgba(0,169,154,.18);
  border-left:4px solid var(--teal);
  border-radius:16px;
  padding:22px 24px;
  color:var(--deep);
  margin-top:24px;
  box-shadow:0 18px 50px rgba(0,63,58,.08);
}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center}
.photo{
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 24px 70px rgba(0,63,58,.18);
  border:1px solid rgba(0,63,58,.12);
  background:#fff;
}
.photo img{width:100%;height:auto}
.faq-list{display:grid;gap:16px}
.footer{padding:48px 0;background:#001B1F;color:#B8D8D3}
.footer-inner{width:min(var(--max),calc(100% - 40px));margin:auto;display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}
.footer a{color:#D8FCF7}.footer a:hover{color:var(--cyan)}
main.section h1{color:var(--ink)}
@media(max-width:820px){
  .nav-inner,.hero,.wrap,.footer-inner{width:min(100% - 28px,var(--max))}
  .nav-links{display:none}
  .lang-switch.mobile{display:inline-flex;margin-top:24px}
  .hero{padding:42px 26px;margin-top:34px;border-radius:26px;background:
    linear-gradient(180deg,rgba(0,27,31,.92),rgba(0,63,58,.74)),
    url('/img/timeinvoicer-schweiz-hero.jpg') center/cover}
  .trust,.grid,.grid.two,.split{grid-template-columns:1fr}
  .section{padding:56px 0}
  h1{font-size:1.96rem;line-height:1.1}
  .button,.pill{width:auto}
  .footer-inner{display:block}
  .footer-inner p+p{margin-top:12px}
}
@media(min-width:821px){.lang-switch.mobile{display:none}}