/* Argus – argus.money
   Farben aus der App: Waldgrün, Oliv, Blattrot. Schriften liegen auf dem eigenen Server (keine Google-Verbindung). */

@font-face { font-family: "Bricolage"; font-style: normal; font-display: swap; font-weight: 200 800; font-stretch: 75% 100%;
  src: url(fonts/bricolage-grotesque-latin-standard-normal.woff2) format("woff2-variations");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Bricolage"; font-style: normal; font-display: swap; font-weight: 200 800; font-stretch: 75% 100%;
  src: url(fonts/bricolage-grotesque-latin-ext-standard-normal.woff2) format("woff2-variations");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Figtree"; font-style: normal; font-display: swap; font-weight: 300 900;
  src: url(fonts/figtree-latin-wght-normal.woff2) format("woff2-variations");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Figtree"; font-style: normal; font-display: swap; font-weight: 300 900;
  src: url(fonts/figtree-latin-ext-wght-normal.woff2) format("woff2-variations");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }

:root {
  --forest: #1F4A23;
  --green: #316D33;
  --leaf: #4E9A50;
  --olive: #727D52;
  --dark-olive: #4B5320;
  --ink: #232E14;
  --red: #C74240;
  --gold: #C99A44;
  --sage: #EEF1E8;
  --mist: #F6F7F3;
  --line: #DFE3D5;
  --white: #FFFFFF;
  --display: "Bricolage", "Figtree", system-ui, sans-serif;
  --body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --wrap: 1140px;
  --radius-l: 28px;
  --radius-m: 18px;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition: none !important; } }
body { margin: 0; background: var(--mist); color: var(--ink); font: 400 18px/1.6 var(--body); }
img { max-width: 100%; display: block; }
a { color: var(--green); text-underline-offset: 3px; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible {
  outline: 3px solid var(--gold); outline-offset: 3px; border-radius: 8px;
}
.wrap { width: min(var(--wrap), 100% - 32px); margin-inline: auto; }
.skip { position: absolute; left: -9999px; }
.skip:focus { left: 16px; top: 16px; background: var(--white); padding: 8px 14px; z-index: 50; }

h1, h2, h3 { font-family: var(--display); color: var(--ink); margin: 0; line-height: 1.05; letter-spacing: -0.02em; }
h1 { font-size: clamp(2.6rem, 6.4vw, 4.9rem); font-weight: 760; font-stretch: 88%; }
h2 { font-size: clamp(2rem, 4.2vw, 3.2rem); font-weight: 720; font-stretch: 90%; }
h3 { font-size: 1.45rem; font-weight: 680; letter-spacing: -0.01em; line-height: 1.15; }
p { margin: 0; }
.lead { font-size: 1.22rem; line-height: 1.55; color: #3B4627; max-width: 34em; }

/* ---------- Kopf */
.top { position: sticky; top: 0; z-index: 20; background: rgba(246,247,243,.86); backdrop-filter: saturate(160%) blur(14px); -webkit-backdrop-filter: saturate(160%) blur(14px); border-bottom: 1px solid transparent; transition: border-color .2s; }
.top.scrolled { border-bottom-color: var(--line); }
.top .wrap { display: flex; align-items: center; gap: 20px; height: 70px; }
.brand { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--ink); font: 760 1.45rem/1 var(--display); font-stretch: 88%; letter-spacing: -0.02em; }
.brand img { width: 38px; height: 38px; }
.nav { display: flex; gap: 26px; margin-left: auto; }
.nav a { color: var(--dark-olive); text-decoration: none; font-weight: 550; font-size: 1rem; }
.nav a:hover { color: var(--green); }
.lang { position: relative; }
.lang select { appearance: none; -webkit-appearance: none; background: var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%234B5320' stroke-width='2'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center;
  border: 1px solid var(--line); border-radius: 999px; padding: 8px 34px 8px 14px; font: 600 .95rem var(--body); color: var(--dark-olive); cursor: pointer; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 22px; border-radius: 999px; font: 650 1rem var(--body); text-decoration: none; border: 0; cursor: pointer; }
.btn-green { background: var(--green); color: var(--white); box-shadow: 0 8px 20px -10px rgba(49,109,51,.8); }
.btn-green:hover { background: var(--forest); }
.top .btn { min-height: 42px; padding: 0 18px; font-size: .95rem; }

/* ---------- Hero mit Lebenszeit-Rechner */
.hero { padding: 64px 0 40px; }
.hero .wrap { display: grid; grid-template-columns: 1.15fr .85fr; gap: 56px; align-items: center; }
.hero h1 { max-width: 11.5em; }
.hero .lead { margin-top: 22px; }

.calc { margin-top: 34px; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-l); padding: 26px 26px 22px; display: grid; grid-template-columns: auto 1fr; gap: 26px; align-items: center; max-width: 620px; box-shadow: 0 30px 60px -40px rgba(31,74,35,.45); }
.ring { position: relative; width: 150px; height: 150px; }
.ring svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.ring .track { stroke: #E7E9DF; }
.ring .bar { stroke: var(--red); stroke-linecap: round; transition: stroke-dashoffset .9s cubic-bezier(.2,.8,.2,1); }
.ring .center { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; }
.ring .time { font: 760 1.75rem/1 var(--display); font-stretch: 85%; color: var(--ink); letter-spacing: -0.02em; }
.ring .time.long { font-size: 1.2rem; max-width: 120px; line-height: 1.1; }
.ring .unit { font-size: .82rem; color: var(--olive); margin-top: 6px; font-weight: 600; }
.calc-in label { display: block; font-size: .9rem; font-weight: 650; color: var(--olive); margin-bottom: 6px; }
.money { display: flex; align-items: baseline; gap: 6px; border-bottom: 2px solid var(--line); padding-bottom: 4px; }
.money:focus-within { border-color: var(--green); }
.money input { width: 100%; border: 0; outline: none; background: transparent; font: 760 2.4rem/1.1 var(--display); font-stretch: 88%; color: var(--ink); padding: 0; min-width: 0; }
.money span { font: 650 1.4rem var(--display); color: var(--olive); }
.calc-out { margin-top: 12px; font-size: 1.02rem; color: #3B4627; min-height: 3.2em; }
.calc-out strong { color: var(--red); }
.chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.chip { border: 1px solid var(--line); background: var(--mist); border-radius: 999px; padding: 6px 13px; font: 600 .9rem var(--body); color: var(--dark-olive); cursor: pointer; }
.chip[aria-pressed="true"] { background: var(--green); border-color: var(--green); color: var(--white); }
.wage { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: .92rem; color: var(--olive); border-top: 1px solid var(--line); padding-top: 14px; }
.wage input { width: 84px; border: 1px solid var(--line); border-radius: 10px; padding: 6px 8px; font: 650 1rem var(--body); color: var(--ink); background: var(--mist); }
.stores { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.store { display: inline-flex; align-items: center; gap: 12px; background: var(--ink); color: var(--white); text-decoration: none; border-radius: 14px; padding: 10px 20px 10px 16px; min-height: 56px; }
.store svg { width: 26px; height: 26px; flex: none; }
.store small { display: block; font-size: .72rem; opacity: .8; line-height: 1.1; }
.store b { display: block; font: 650 1.1rem/1.15 var(--body); }
.store:hover { background: var(--forest); }
.soon { font-size: .88rem; color: var(--olive); margin-top: 10px; }

.phone { position: relative; width: min(320px, 100%); margin-inline: auto; border-radius: 46px; background: #0E120A; padding: 11px; box-shadow: 0 50px 80px -40px rgba(31,74,35,.55), inset 0 0 0 2px #2b3322; }
.phone img, .phone video { display: block; width: 100%; height: auto; border-radius: 36px; background: var(--mist); }
.hero .phone { transform: rotate(2.5deg); }

/* ---------- Abschnitte */
section { padding: 90px 0; }
.sec-head { max-width: 40em; margin-bottom: 46px; }
.sec-head p { margin-top: 16px; font-size: 1.15rem; color: #3B4627; }

/* So funktioniert's – echte Reihenfolge */
.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; counter-reset: step; list-style: none; padding: 0; margin: 0; }
.steps li { counter-increment: step; border-top: 3px solid var(--green); padding-top: 18px; }
.steps li::before { content: counter(step); font: 760 3rem/1 var(--display); color: var(--leaf); font-stretch: 80%; display: block; margin-bottom: 10px; }
.steps p { margin-top: 10px; color: #3B4627; }

/* Funktionen: Bild + Text im Wechsel */
.feature { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; padding: 34px 0; }
.feature + .feature { border-top: 1px solid var(--line); }
.feature:nth-of-type(even) .feature-img { order: 2; }
.feature-img { display: flex; justify-content: center; align-items: flex-start; gap: 18px; }
.feature-img .phone { width: min(270px, 48%); }
.feature-img .phone:nth-child(2) { margin-top: 70px; }
.feature h3 { font-size: clamp(1.7rem, 2.6vw, 2.2rem); font-weight: 720; font-stretch: 90%; }
.feature p { margin-top: 14px; color: #3B4627; font-size: 1.08rem; }
.feature ul { margin: 16px 0 0; padding-left: 1.1em; color: #3B4627; }
.feature li { margin-top: 6px; }
.quote { margin-top: 18px; display: inline-block; background: var(--sage); border-radius: 14px; padding: 10px 16px; font-weight: 600; color: var(--dark-olive); }

/* Datenschutz-Band */
.private { background: var(--forest); color: #E9EFE2; border-radius: var(--radius-l); padding: 64px; display: grid; grid-template-columns: 1.1fr .9fr; gap: 48px; align-items: center; }
.private h2 { color: var(--white); }
.private p { margin-top: 16px; color: #D5DECB; font-size: 1.1rem; }
.private ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.private li { display: flex; gap: 14px; align-items: flex-start; font-size: 1.05rem; }
.private li svg { flex: none; width: 24px; height: 24px; margin-top: 2px; }

/* Preise */
.plans { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: stretch; }
.plan { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-l); padding: 34px; display: flex; flex-direction: column; }
.plan.pro { border: 2px solid var(--green); }
.plan .price { font: 760 2.2rem/1.1 var(--display); font-stretch: 88%; margin-top: 14px; color: var(--ink); }
.plan .price small { font: 500 1rem var(--body); color: var(--olive); }
.plan ul { list-style: none; padding: 0; margin: 22px 0 0; display: grid; gap: 10px; }
.plan li { display: flex; gap: 10px; }
.plan li::before { content: ""; flex: none; width: 20px; height: 20px; margin-top: 4px; border-radius: 50%; background: var(--sage) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%23316D33' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat; }
.plan .note { margin-top: auto; padding-top: 22px; font-size: .92rem; color: var(--olive); }
.prices { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 16px; }
.prices div { background: var(--mist); border-radius: 14px; padding: 12px; }
.prices b { display: block; font: 720 1.25rem/1.2 var(--display); font-stretch: 88%; }
.prices span { font-size: .85rem; color: var(--olive); }
.prices .best { background: var(--sage); outline: 2px solid var(--green); }

/* FAQ */
.faq { max-width: 820px; }
details { border-bottom: 1px solid var(--line); padding: 4px 0; }
summary { cursor: pointer; list-style: none; padding: 18px 40px 18px 0; position: relative; font: 650 1.12rem/1.4 var(--body); color: var(--ink); }
summary::-webkit-details-marker { display: none; }
summary::after { content: ""; position: absolute; right: 6px; top: 26px; width: 12px; height: 12px; border-right: 2.5px solid var(--green); border-bottom: 2.5px solid var(--green); transform: rotate(45deg); transition: transform .2s; }
details[open] summary::after { transform: rotate(-135deg); top: 31px; }
details > div { padding: 0 0 20px; color: #3B4627; max-width: 44em; }
details > div p + p { margin-top: 10px; }

/* Abschluss */
.final { text-align: center; padding: 100px 0 110px; }
.final img { width: 150px; margin: 0 auto 26px; }
.final h2 { max-width: 14em; margin-inline: auto; }
.final .stores { justify-content: center; }

/* Fuß */
footer { border-top: 1px solid var(--line); padding: 40px 0 50px; font-size: .95rem; color: var(--olive); }
footer .wrap { display: flex; flex-wrap: wrap; gap: 18px 36px; align-items: center; }
footer nav { display: flex; flex-wrap: wrap; gap: 18px; }
footer a { color: var(--dark-olive); text-decoration: none; }
footer a:hover { text-decoration: underline; }
footer .langs { margin-left: auto; display: flex; gap: 12px; flex-wrap: wrap; }
footer .langs a[aria-current] { font-weight: 700; color: var(--green); }

/* Textseiten (Hilfe, Datenschutz, Impressum) */
.doc { padding: 56px 0 90px; }
.doc .wrap { max-width: 780px; }
.doc h1 { font-size: clamp(2.2rem, 5vw, 3.4rem); margin-bottom: 18px; }
.doc h2 { font-size: 1.6rem; margin: 40px 0 12px; }
.doc h3 { font-size: 1.2rem; margin: 26px 0 8px; }
.doc p, .doc li { color: #2F3A1E; }
.doc p + p { margin-top: 12px; }
.doc ul { padding-left: 1.2em; }
.doc .contact { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-m); padding: 22px 24px; margin: 26px 0; }
.todo { background: #FFF3D6; border-radius: 6px; padding: 0 4px; }


/* ---------- Gründer */
.founder { margin: 0 auto; max-width: 860px; display: grid; grid-template-columns: auto 1fr; gap: 28px; align-items: start; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-l); padding: 40px 44px; box-shadow: 0 30px 60px -45px rgba(31,74,35,.45); }
.founder > img { width: 72px; height: 72px; border-radius: 50%; background: var(--mist); padding: 10px; border: 1px solid var(--line); }
.founder h2 { font-size: clamp(1.6rem, 3vw, 2.1rem); margin-bottom: 14px; }
.founder blockquote { margin: 0; font-size: 1.12rem; line-height: 1.6; color: var(--ink); }
.founder blockquote p { margin: 0 0 12px; }
.founder blockquote p:first-child { font: 650 1.3rem/1.4 var(--display); color: var(--green); }
.founder figcaption { margin-top: 18px; display: flex; flex-direction: column; font-size: .95rem; }
.founder figcaption span { color: var(--olive); }
.feature-img.one .phone { width: min(300px, 70%); }

/* ---------- Start-Hinweis (Launch) */
[hidden] { display: none !important; }
.launch-pill { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 22px; padding: 7px 16px 7px 12px; border-radius: 999px; background: var(--white); border: 1px solid var(--line); box-shadow: 0 10px 24px -18px rgba(31,74,35,.6); font: 650 .95rem/1.2 var(--body); color: var(--dark-olive); letter-spacing: .01em; }
.pulse { position: relative; width: 10px; height: 10px; border-radius: 50%; background: var(--gold); flex: none; }
.pulse::after { content: ""; position: absolute; inset: -5px; border-radius: 50%; border: 2px solid var(--gold); opacity: 0; animation: pulse 3.6s ease-out infinite; }
@keyframes pulse { 0% { transform: scale(.5); opacity: .8; } 100% { transform: scale(1.5); opacity: 0; } }

.launch { padding: 24px 0 30px; }
.launch-card { position: relative; overflow: hidden; display: grid; grid-template-columns: 1.15fr .85fr; gap: 48px; align-items: center; padding: 60px 64px; border-radius: var(--radius-l); color: #E9EFE2;
  background: radial-gradient(120% 140% at 100% 0%, #3E7D41 0%, rgba(62,125,65,0) 55%), linear-gradient(135deg, #1F4A23 0%, #173A1A 100%);
  box-shadow: 0 40px 80px -50px rgba(23,58,26,.9); }
.launch-card::before { content: ""; position: absolute; right: -120px; bottom: -160px; width: 420px; height: 420px; border-radius: 50%; border: 1px solid rgba(201,154,68,.25); }
.launch-card::after { content: ""; position: absolute; right: -60px; bottom: -100px; width: 300px; height: 300px; border-radius: 50%; border: 1px solid rgba(201,154,68,.18); }
.launch-text, .launch-clock { position: relative; z-index: 1; }
.launch .eyebrow { margin: 0 0 14px; font: 700 .8rem/1 var(--body); letter-spacing: .14em; text-transform: uppercase; color: var(--gold); }
.launch h2 { color: var(--white); font-size: clamp(2rem, 3.6vw, 2.9rem); font-stretch: 90%; }
.launch-text > p:not(.eyebrow) { margin: 18px 0 0; color: #D5DECB; font-size: 1.1rem; max-width: 34em; }
.btn-gold { margin-top: 28px; background: var(--gold); color: #1B2A10; box-shadow: 0 12px 26px -14px rgba(201,154,68,.9); }
.btn-gold:hover { background: #D8AB55; }
.btn-gold svg { width: 20px; height: 20px; }
.launch-clock { display: flex; flex-direction: column; align-items: center; gap: 18px; }
.date-tile { width: 112px; border-radius: 22px; overflow: hidden; background: var(--white); text-align: center; box-shadow: 0 18px 34px -18px rgba(0,0,0,.6); }
.date-tile .m { display: block; background: var(--red); color: var(--white); font: 700 .95rem/1 var(--body); letter-spacing: .12em; text-transform: uppercase; padding: 9px 0 8px; }
.date-tile .d { display: block; font: 780 3.4rem/1 var(--display); font-stretch: 85%; color: var(--ink); padding: 10px 0 14px; }
.countdown { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; width: 100%; max-width: 320px; }
.cd-box { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); border-radius: 18px; padding: 14px 6px 12px; text-align: center; backdrop-filter: blur(4px); }
.cd-box b { display: block; font: 760 2.2rem/1 var(--display); font-stretch: 85%; color: var(--white); font-variant-numeric: tabular-nums; }
.cd-box span { display: block; margin-top: 6px; font-size: .74rem; font-weight: 650; letter-spacing: .06em; text-transform: uppercase; color: #BFCDB4; }
.launch-day { margin: 0; font-weight: 600; color: #D5DECB; font-size: .98rem; }
.store[aria-disabled="true"] { cursor: default; }
@media (prefers-reduced-motion: reduce) { .pulse::after { animation: none; } }
@media (max-width: 960px) {
  .launch-card { grid-template-columns: 1fr; padding: 44px 30px; gap: 34px; }
  .launch-clock { align-items: flex-start; }
}
@media (max-width: 640px) {
  .launch-card { padding: 36px 20px; }
  .launch-clock { align-items: center; }
  .cd-box b { font-size: 1.7rem; }
  .cd-box span { font-size: .62rem; letter-spacing: .03em; }
  .launch-pill { font-size: .88rem; }
}

/* ---------- Presse */
.doc .wrap:has(.press) { max-width: 1040px; }
.eyebrow-dark { margin: 0 0 10px; font: 700 .8rem/1 var(--body); letter-spacing: .14em; text-transform: uppercase; color: var(--gold); }
.press-top { display: grid; grid-template-columns: 1.35fr .9fr; gap: 24px; margin-top: 30px; align-items: start; }
.facts { margin: 0; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-l); padding: 10px 28px; }
.facts div { display: grid; grid-template-columns: 9.5em 1fr; gap: 14px; padding: 13px 0; }
.facts div + div { border-top: 1px solid var(--line); }
.facts dt { font-weight: 650; color: var(--olive); font-size: .95rem; }
.facts dd { margin: 0; color: var(--ink); }
.kit { background: var(--forest); color: #E9EFE2; border-radius: var(--radius-l); padding: 30px 28px; text-align: center; }
.kit img { width: 96px; height: auto; margin: 0 auto 12px; background: var(--white); border-radius: 22px; padding: 10px; }
.doc .kit h2 { color: var(--white); margin: 6px 0 10px; }
.doc .kit p { color: #D5DECB; font-size: .98rem; }
.kit .btn { margin-top: 18px; background: var(--gold); color: #1B2A10; box-shadow: none; }
.kit .btn:hover { background: #D8AB55; }
.copyblock { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-m); padding: 22px 24px; margin-top: 26px; }
.cb-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.doc .cb-head h2 { margin: 0; font-size: 1.3rem; }
.copy { flex: none; border: 1px solid var(--line); background: var(--mist); border-radius: 999px; padding: 7px 16px; font: 650 .9rem var(--body); color: var(--green); cursor: pointer; }
.copy:hover { background: var(--sage); }
.copy.done { background: var(--green); color: var(--white); border-color: var(--green); }
.cb-text { margin-top: 12px; }
.press-feats { list-style: none; padding: 0 !important; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 26px; }
.press-feats li { display: flex; gap: 10px; }
.press-feats li::before { content: ""; flex: none; width: 20px; height: 20px; margin-top: 4px; border-radius: 50%; background: var(--sage) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%23316D33' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat; }
.press-gallery { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; margin-top: 18px; }
.press-gallery .phone { width: 100%; border-radius: 30px; padding: 7px; }
.press-gallery .phone img { border-radius: 24px; }
@media (max-width: 860px) {
  .press-top, .press-feats { grid-template-columns: 1fr; }
  .press-gallery { grid-template-columns: repeat(3, 1fr); }
  .facts div { grid-template-columns: 1fr; gap: 2px; }
}
@media (max-width: 560px) { .press-gallery { grid-template-columns: repeat(2, 1fr); } }

/* ---------- Kleine Bildschirme */
@media (max-width: 960px) {
  .hero .wrap, .feature, .private, .plans { grid-template-columns: 1fr; }
  .hero { padding-top: 36px; }
  .hero .phone { width: min(260px, 70%); transform: none; margin-top: 10px; }
  .feature:nth-of-type(even) .feature-img { order: 0; }
  .feature { gap: 28px; }
  .private { padding: 40px 26px; }
  .nav { display: none; }
  .lang { margin-left: auto; }
}
@media (max-width: 640px) {
  body { font-size: 17px; }
  section { padding: 64px 0; }
  .top .btn { display: none; }
  .calc { grid-template-columns: 1fr; justify-items: center; text-align: center; padding: 22px 18px; }
  .calc-in { width: 100%; }
  .money { justify-content: center; }
  .money input { text-align: center; }
  .chips { justify-content: center; }
  .wage { justify-content: center; }
  .steps { grid-template-columns: 1fr; }
  .prices { grid-template-columns: 1fr; }
  .feature-img .phone { width: min(250px, 72%); }
  .feature-img .phone:nth-child(2) { display: none; }
  .plan { padding: 26px 22px; }
  .founder { grid-template-columns: 1fr; padding: 28px 22px; gap: 16px; }
  footer .langs { margin-left: 0; }
}