/* ===================================================================
   OFAC Website Styles v5.13
   Phase 4: HTML5-Semantik geschärft, redundante Regeln zusammengeführt
   und die CSS-Basis für die weitere Modularisierung bereinigt.
   =================================================================== */

* {
  box-sizing:border-box;
}
:root {
  --bg:#fff;
  --surface:#f5f5f7;
  --surface-2:#eef1f6;
  --ink:#121316;
  --muted:#6d7078;
  --line:rgba(18,19,22,.10);
  --line-strong:rgba(18,19,22,.18);
  --soft-blue:#e9f0ff;
  --blue:#3d63dd;
  --shadow:0 32px 100px rgba(18,19,22,.14);
  --radius:32px;
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:96px;
}
body {
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
a {
  color:inherit;
  text-decoration:none;
}
button,input,textarea,select {
  font:inherit;
}
svg {
  display:block;
}
.container {
  width:min(1240px,calc(100% - 48px));
  margin:0 auto;
}
.skip-link {
  position:fixed;
  left:18px;
  top:-80px;
  z-index:1000;
  padding:12px 16px;
  border-radius:999px;
  background:#000;
  color:#fff;
}
.skip-link:focus {
  top:18px;
}
.site-header {
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,.78);
  backdrop-filter:saturate(180%) blur(24px);
  border-bottom:1px solid transparent;
  transition:.3s;
}
.site-header.is-scrolled {
  border-color:var(--line);
  box-shadow:0 8px 30px rgba(18,19,22,.04);
}
.nav {
  height:76px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:28px;
}
.brand {
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:max-content;
  font-weight:700;
  font-size:25px;
  letter-spacing:-.045em;
}
.brand-mark {
  width:35px;
  height:35px;
}
.nav-links {
  display:flex;
  gap:31px;
  font-size:14px;
  color:#3a3b40;
}
.nav-links a {
  transition:.2s;
}
.nav-links a:hover {
  color:var(--blue);
}
.nav-cta {
  justify-self:end;
}
.nav-toggle {
  display:none;
  border:0;
  background:none;
  padding:10px;
}
.nav-toggle span {
  display:block;
  width:23px;
  height:2px;
  background:var(--ink);
  margin:5px 0;
  border-radius:3px;
}
.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:46px;
  padding:0 22px;
  border-radius:999px;
  border:1px solid transparent;
  font-size:15px;
  font-weight:650;
  transition:transform .22s,box-shadow .22s,background .22s;
}
.button:hover {
  transform:translateY(-2px);
}
.button svg {
  width:20px;
  height:20px;
}
.button-dark {
  background:#111;
  color:#fff;
  box-shadow:0 8px 24px rgba(18,19,22,.14);
}
.button-dark:hover {
  box-shadow:0 12px 30px rgba(18,19,22,.20);
}
.button-ghost {
  border-color:var(--line-strong);
  background:rgba(255,255,255,.72);
}
.button-light {
  background:#fff;
  color:#111;
  box-shadow:0 10px 30px rgba(0,0,0,.16);
}
.button-large {
  min-height:54px;
  padding:0 28px;
}
.hero {
  position:relative;
  padding:78px 0 90px;
  overflow:hidden;
  background:linear-gradient(180deg,#fff 0%,#fafbfc 100%);
}
.hero h1 {
  margin:24px 0 0;
  font-size:clamp(68px,7.8vw,114px);
  line-height:.92;
  letter-spacing:-.074em;
  font-weight:760;
}
.hero h1 span {
  color:#74777f;
}
.experience {
  padding:130px 0;
  background:#fff;
}
.experience-grid {
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:90px;
  align-items:end;
}
.eyebrow {
  display:block;
  margin-bottom:18px;
  color:var(--muted);
  font-size:14px;
  font-weight:650;
}
.experience h2,.section-heading h2,.principles h2,.faq h2,.final-cta h2 {
  margin:0;
  font-size:clamp(58px,6.7vw,96px);
  line-height:.96;
  letter-spacing:-.068em;
}
.experience-text p {
  margin:0;
  color:var(--muted);
  font-size:20px;
  line-height:1.65;
}
.inline-link {
  display:inline-flex;
  gap:8px;
  align-items:center;
  margin-top:24px;
  font-weight:650;
}
.inline-link span {
  transition:.2s;
}
.inline-link:hover span {
  transform:translateX(4px);
}
.showcase {
  margin-top:82px;
}
.showcase-browser {
  border:1px solid var(--line);
  border-radius:28px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 38px 100px rgba(18,19,22,.14);
}
.browser-chrome {
  height:48px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 16px;
  background:#f3f4f6;
  border-bottom:1px solid var(--line);
}
.browser-chrome>span {
  width:10px;
  height:10px;
  border-radius:50%;
  background:#c8cbd1;
}
.browser-chrome>div {
  margin-left:20px;
  font-size:11px;
  color:var(--muted);
}
.browser-content {
  display:grid;
  grid-template-columns:200px 1fr;
  min-height:570px;
}
.showcase-sidebar {
  padding:30px 24px;
  background:#f8f8fa;
  border-right:1px solid var(--line);
}
.sidebar-brand {
  font-size:20px;
  font-weight:750;
  letter-spacing:-.04em;
}
.showcase-sidebar nav {
  display:grid;
  gap:9px;
  margin-top:38px;
}
.showcase-sidebar nav span {
  padding:11px 13px;
  border-radius:11px;
  color:var(--muted);
  font-size:13px;
}
.showcase-sidebar nav .active {
  background:#111;
  color:#fff;
}
.showcase-main {
  padding:35px;
}
.showcase-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.showcase-head small {
  display:block;
  color:var(--muted);
  font-size:11px;
}
.showcase-head h3 {
  margin:6px 0 0;
  font-size:30px;
  letter-spacing:-.04em;
}
.showcase-head button {
  border:0;
  border-radius:999px;
  padding:11px 17px;
  background:#111;
  color:#fff;
  font-size:12px;
}
.showcase-metrics {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:28px;
}
.showcase-metrics>div {
  padding:20px;
  border-radius:18px;
  background:#f4f5f7;
  display:grid;
  gap:7px;
}
.showcase-metrics small,.showcase-metrics span {
  font-size:10px;
  color:var(--muted);
}
.showcase-metrics strong {
  font-size:26px;
  letter-spacing:-.04em;
}
.showcase-lower {
  display:grid;
  grid-template-columns:1fr 230px;
  gap:16px;
  margin-top:16px;
}
.showcase-chart,.showcase-agenda {
  border:1px solid var(--line);
  border-radius:20px;
  padding:20px;
}
.chart-title {
  display:flex;
  justify-content:space-between;
  font-size:12px;
}
.showcase-chart svg {
  width:100%;
  height:auto;
  margin-top:18px;
}
.showcase-agenda {
  display:grid;
  align-content:start;
  gap:5px;
}
.agenda-label {
  font-size:11px;
  color:var(--muted);
  margin-bottom:10px;
}
.showcase-agenda>div {
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
  align-items:center;
  padding:11px 0;
  border-top:1px solid var(--line);
}
.showcase-agenda b {
  width:32px;
  height:32px;
  border-radius:10px;
  background:#f1f2f5;
  display:grid;
  place-items:center;
  font-size:11px;
}
.showcase-agenda span span {
  display:grid;
  gap:2px;
}
.showcase-agenda strong {
  font-size:11px;
}
.showcase-agenda small {
  font-size:9px;
  color:var(--muted);
}
.feature-section {
  padding:135px 0;
  background:#f5f5f7;
}
.section-heading {
  max-width:840px;
  text-align:center;
}
.section-heading p {
  max-width:650px;
  margin:22px auto 0;
  color:var(--muted);
  font-size:19px;
  line-height:1.6;
}
.feature-grid {
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:18px;
  margin-top:76px;
}
.feature-card {
  min-height:500px;
  padding:40px;
  border-radius:34px;
  background:#fff;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(18,19,22,.05);
}
.feature-card-large {
  min-height:650px;
}
.feature-card-wide {
  grid-column:1/-1;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  align-items:center;
  min-height:470px;
}
.feature-copy {
  position:relative;
  z-index:2;
}
.feature-index {
  display:inline-grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:50%;
  background:#111;
  color:#fff;
  font-size:11px;
  font-weight:700;
  margin-bottom:25px;
}
.feature-card h3 {
  margin:0;
  font-size:clamp(38px,4vw,64px);
  line-height:1.02;
  letter-spacing:-.055em;
}
.feature-card p {
  max-width:550px;
  margin:17px 0 0;
  color:var(--muted);
  font-size:17px;
  line-height:1.6;
}
.feature-calendar-ui {
  position:absolute;
  right:32px;
  bottom:-24px;
  width:430px;
  padding:26px;
  border-radius:27px;
  background:#f7f8fa;
  box-shadow:0 30px 80px rgba(18,19,22,.12);
}
.feature-calendar-head {
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.feature-calendar-head strong {
  font-size:22px;
}
.feature-calendar-head span {
  padding:7px 11px;
  border-radius:999px;
  background:#111;
  color:#fff;
  font-size:10px;
}
.feature-calendar-week,.feature-calendar-days {
  display:grid;
  grid-template-columns:repeat(7,1fr);
  text-align:center;
  margin-top:22px;
}
.feature-calendar-week {
  font-size:10px;
  color:var(--muted);
}
.feature-calendar-days span {
  padding:12px 0;
  font-size:13px;
}
.feature-calendar-days .active {
  background:#111;
  color:#fff;
  border-radius:50%;
}
.feature-shift {
  display:grid;
  grid-template-columns:8px 1fr auto;
  gap:12px;
  align-items:center;
  margin-top:16px;
  padding:14px;
  background:#fff;
  border-radius:15px;
}
.feature-shift i {
  width:8px;
  height:8px;
  border-radius:50%;
  background:#111;
}
.feature-shift span {
  display:grid;
  gap:3px;
}
.feature-shift strong {
  font-size:12px;
}
.feature-shift small {
  font-size:9px;
  color:var(--muted);
}
.feature-shift b {
  font-size:11px;
}
.feature-shift.muted i {
  background:#a8afbb;
}
.time-orb {
  position:absolute;
  left:50%;
  bottom:52px;
  transform:translateX(-50%);
  width:275px;
  height:275px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff,#eef0f4);
  box-shadow:0 28px 70px rgba(18,19,22,.12),inset 0 0 0 1px rgba(18,19,22,.04);
  display:grid;
  place-items:center;
  align-content:center;
  text-align:center;
}
.time-orb small,.time-orb span {
  color:var(--muted);
  font-size:11px;
}
.time-orb strong {
  font-size:37px;
  letter-spacing:-.04em;
  margin:9px 0;
}
.time-orb button {
  margin-top:18px;
  border:0;
  background:#111;
  color:#fff;
  border-radius:999px;
  padding:12px 22px;
}
.privacy-art {
  position:relative;
  display:grid;
  place-items:center;
  min-height:320px;
}
.privacy-orbit {
  position:absolute;
  width:310px;
  height:310px;
  border-radius:50%;
  border:1px solid var(--line);
}
.privacy-orbit:before,.privacy-orbit:after {
  content:"";
  position:absolute;
  border:1px solid var(--line);
  border-radius:50%;
  inset:40px;
}
.privacy-orbit:after {
  inset:82px;
}
.privacy-lock {
  width:150px;
  height:150px;
  border-radius:42px;
  background:#111;
  color:#fff;
  display:grid;
  place-items:center;
  box-shadow:0 28px 70px rgba(18,19,22,.26);
}
.privacy-lock svg {
  width:72px;
  height:72px;
}
.principles {
  padding:135px 0;
  background:#111;
  color:#fff;
}
.principles-grid {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:100px;
}
.principles h2 {
  font-size:clamp(54px,6vw,88px);
}
.principles-list {
  border-top:1px solid rgba(255,255,255,.15);
}
.principles-list>div {
  display:grid;
  grid-template-columns:50px 1fr;
  gap:20px;
  padding:28px 0;
  border-bottom:1px solid rgba(255,255,255,.15);
}
.principles-list>div>span {
  color:#777b84;
  font-size:12px;
}
.principles-list p {
  margin:0;
  font-size:18px;
  line-height:1.55;
  color:#c7c9ce;
}
.principles-list strong {
  color:#fff;
}
.faq {
  padding:135px 0;
}
.faq-grid {
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:100px;
}
.faq-grid>div:first-child>p {
  color:var(--muted);
  font-size:17px;
}
.faq-list {
  border-top:1px solid var(--line);
}
details {
  border-bottom:1px solid var(--line);
  padding:25px 0;
}
summary {
  list-style:none;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  gap:30px;
  font-size:19px;
  font-weight:650;
}
summary::-webkit-details-marker {
  display:none;
}
summary span {
  font-size:26px;
  font-weight:300;
  transition:.25s;
}
details[open] summary span {
  transform:rotate(45deg);
}
details p {
  max-width:700px;
  margin:16px 0 0;
  color:var(--muted);
  font-size:16px;
  line-height:1.65;
}
.final-cta {
  position:relative;
  overflow:hidden;
  padding:140px 0;
  background:#111;
  color:#fff;
}
.final-ambient {
  position:absolute;
  width:760px;
  height:760px;
  border-radius:50%;
  right:-260px;
  top:-320px;
  background:radial-gradient(circle,rgba(99,130,255,.32),transparent 68%);
}
.final-inner {
  text-align:center;
  position:relative;
  z-index:2;
}
.final-cta h2 {
  font-size:clamp(64px,8vw,116px);
}
.final-cta p {
  margin:24px 0 0;
  color:#aeb1b8;
  font-size:20px;
}
.final-cta .button {
  margin-top:34px;
}
footer {
  padding:58px 0 28px;
  background:#fff;
}
.footer-top {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
}
.footer-nav {
  display:grid;
  grid-template-columns:repeat(3,minmax(130px,1fr));
  gap:60px;
}
.footer-nav>div {
  display:grid;
  gap:10px;
}
.footer-nav strong {
  font-size:12px;
}
.footer-nav a {
  color:var(--muted);
  font-size:13px;
}
.footer-nav a:hover {
  color:var(--ink);
}
.footer-bottom {
  display:flex;
  justify-content:space-between;
  margin-top:54px;
  padding-top:22px;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:12px;
}
.reveal {
  opacity:0;
  transform:translateY(26px);
  transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);
}
.reveal.visible {
  opacity:1;
  transform:none;
}
.legal-main {
  padding:100px 0 130px;
}
.legal-header {
  max-width:900px;
  margin-bottom:58px;
}
.legal-header h1 {
  margin:0;
  font-size:clamp(62px,7vw,98px);
  line-height:.95;
  letter-spacing:-.068em;
}
.legal-header p {
  margin:24px 0 0;
  color:var(--muted);
  font-size:20px;
  line-height:1.6;
}
.legal-meta {
  display:inline-flex;
  margin-top:20px;
  padding:8px 13px;
  border-radius:999px;
  background:var(--surface);
  color:var(--muted);
  font-size:12px;
}
.legal-content {
  max-width:900px;
}
.legal-content section {
  padding:34px 0;
  border-top:1px solid var(--line);
}
.legal-content h2 {
  margin:0 0 14px;
  font-size:27px;
  letter-spacing:-.03em;
}
.legal-content h3 {
  margin:26px 0 10px;
  font-size:19px;
}
.legal-content p,.legal-content li {
  color:var(--muted);
  font-size:16px;
  line-height:1.75;
}
.legal-content ul {
  padding-left:22px;
}
.legal-content a {
  text-decoration:underline;
  text-underline-offset:3px;
}
.legal-back {
  margin-top:42px;
}
.privacy-layout {
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:72px;
  align-items:start;
}
.privacy-toc {
  position:sticky;
  top:104px;
}
.privacy-toc-inner {
  border:1px solid var(--line);
  border-radius:24px;
  background:#fff;
  padding:24px;
}
.privacy-toc h2 {
  margin:0 0 16px;
  font-size:18px;
}
.privacy-toc ol {
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:9px;
}
.privacy-toc a {
  display:grid;
  grid-template-columns:26px 1fr;
  gap:9px;
  color:var(--muted);
  font-size:13px;
  line-height:1.45;
}
.privacy-toc a:hover {
  color:var(--ink);
}
.privacy-toc .tn {
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--surface);
  color:var(--ink);
  font-size:11px;
  font-weight:700;
}
.privacy-content {
  max-width:none;
}
.privacy-content h2 {
  scroll-margin-top:110px;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:14px;
  align-items:start;
}
.privacy-content h2 .num {
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--surface);
  font-size:13px;
}
.privacy-content h2 .ht {
  padding-top:3px;
}
.privacy-content code {
  padding:2px 6px;
  border-radius:6px;
  background:var(--surface);
  color:var(--ink);
}
@media(max-width:1080px) {
  .nav {
    grid-template-columns:1fr auto;
  }
  .nav-links,.nav-cta {
    display:none;
  }
  .nav-toggle {
    display:block;
  }
  .nav-links.open {
    position:absolute;
    left:0;
    right:0;
    top:76px;
    display:grid;
    padding:24px;
    background:#fff;
    border-bottom:1px solid var(--line);
    box-shadow:0 24px 50px rgba(18,19,22,.08);
  }
  .experience-grid,.principles-grid,.faq-grid {
    grid-template-columns:1fr;
    gap:45px;
  }
  .showcase-lower {
    grid-template-columns:1fr;
  }
  .showcase-agenda {
    display:none;
  }
  .feature-grid {
    grid-template-columns:1fr;
  }
  .feature-card-wide {
    grid-column:auto;
  }
  .privacy-layout {
    grid-template-columns:1fr;
  }
  .privacy-toc {
    position:static;
  }
  .privacy-toc ol {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .footer-top {
    gap:40px;
  }
}
@media(max-width:740px) {
  .container {
    width:min(100% - 28px,1240px);
  }
  .hero {
    padding-top:52px;
  }
  .hero h1 {
    font-size:58px;
  }
  .experience,.feature-section,.principles,.faq {
    padding:95px 0;
  }
  .experience h2,.section-heading h2,.principles h2,.faq h2 {
    font-size:50px;
  }
  .experience-text p {
    font-size:18px;
  }
  .showcase {
    display:none;
  }
  .feature-grid {
    margin-top:50px;
  }
  .feature-card,.feature-card-large,.feature-card-wide {
    min-height:500px;
    padding:27px;
    border-radius:26px;
  }
  .feature-card h3 {
    font-size:41px;
  }
  .feature-calendar-ui {
    left:20px;
    right:20px;
    width:auto;
  }
  .feature-card-wide {
    display:grid;
    grid-template-columns:1fr;
    gap:25px;
  }
  .privacy-art {
    order:2;
  }
  .privacy-orbit {
    width:230px;
    height:230px;
  }
  .privacy-lock {
    width:120px;
    height:120px;
  }
  .principles-list>div {
    grid-template-columns:36px 1fr;
  }
  .final-cta {
    padding:105px 0;
  }
  .final-cta h2 {
    font-size:60px;
  }
  .footer-top {
    flex-direction:column;
  }
  .footer-nav {
    grid-template-columns:1fr 1fr;
    gap:32px;
  }
  .footer-bottom {
    flex-direction:column;
    gap:10px;
  }
  .privacy-toc ol {
    grid-template-columns:1fr;
  }
  .privacy-content h2 {
    grid-template-columns:34px 1fr;
    gap:10px;
  }
  .privacy-content h2 .num {
    width:30px;
    height:30px;
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  .reveal {
    opacity:1;
    transform:none;
    transition:none;
  }
}
.feature-card-analytics {
  display:flex;
  flex-direction:column;
  gap:30px;
  min-height:650px;
}
.feature-card-analytics .feature-copy {
  position:relative;
  z-index:2;
  max-width:100%;
}
.analytics-panel-v51 {
  position:relative;
  margin-top:auto;
  padding:28px;
  border-radius:25px;
  background:linear-gradient(145deg,#191b20,#31353e);
  color:#fff;
  box-shadow:0 25px 70px rgba(18,19,22,.22);
  overflow:hidden;
}
.analytics-summary-v51 {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:20px;
}
.analytics-summary-v51 small,.analytics-summary-v51 span,.analytics-metrics-v51 small,.analytics-metrics-v51 span {
  color:#aeb3bd;
  font-size:11px;
}
.analytics-summary-v51 strong {
  display:block;
  margin-top:7px;
  font-size:42px;
  letter-spacing:-.045em;
  line-height:1;
}
.analytics-metrics-v51 {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:24px;
}
.analytics-metrics-v51>div {
  padding:14px;
  border-radius:15px;
  background:rgba(255,255,255,.06);
}
.analytics-metrics-v51 small,.analytics-metrics-v51 strong,.analytics-metrics-v51 span {
  display:block;
}
.analytics-metrics-v51 strong {
  margin:7px 0 4px;
  font-size:19px;
}
.analytics-chart-v51 {
  position:relative;
  height:150px;
  margin-top:25px;
  padding-bottom:20px;
}
.analytics-grid-v51 {
  position:absolute;
  inset:0 0 20px;
  display:grid;
  grid-template-rows:repeat(3,1fr);
}
.analytics-grid-v51 i {
  border-top:1px solid rgba(255,255,255,.10);
}
.analytics-bars-v51 {
  position:absolute;
  inset:0 0 20px;
  display:flex;
  align-items:flex-end;
  gap:9px;
}
.analytics-bars-v51 b {
  flex:1;
  min-height:14px;
  border-radius:7px 7px 2px 2px;
  background:linear-gradient(180deg,#fff,#8f98a8);
}
.analytics-bars-v51 .bar-height-29 { height:29%; }
.analytics-bars-v51 .bar-height-34 { height:34%; }
.analytics-bars-v51 .bar-height-48 { height:48%; }
.analytics-bars-v51 .bar-height-53 { height:53%; }
.analytics-bars-v51 .bar-height-62 { height:62%; }
.analytics-bars-v51 .bar-height-69 { height:69%; }
.analytics-bars-v51 .bar-height-84 { height:84%; }
.analytics-labels-v51 {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  display:grid;
  grid-template-columns:repeat(7,1fr);
  text-align:center;
  color:#8d9097;
  font-size:9px;
}
@media(max-width:740px) {
  .feature-card-analytics {
    min-height:auto;
  }
  .analytics-panel-v51 {
    padding:21px;
    margin-top:8px;
  }
  .analytics-metrics-v51 {
    grid-template-columns:1fr;
  }
  .analytics-chart-v51 {
    height:135px;
  }
  .analytics-summary-v51 strong {
    font-size:36px;
  }
}
.privacy-layout {
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:70px;
  align-items:start;
}
.privacy-toc {
  position:sticky;
  top:102px;
}
.privacy-toc-inner {
  padding:24px;
  border:1px solid var(--line);
  border-radius:24px;
  background:#fff;
}
.privacy-toc h2 {
  margin:0 0 17px;
  font-size:18px;
  letter-spacing:-.02em;
}
.privacy-toc ol {
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:9px;
}
.privacy-toc a {
  display:grid;
  grid-template-columns:25px minmax(0,1fr);
  gap:9px;
  align-items:start;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.45;
}
.privacy-toc a:hover {
  color:var(--text);
}
.privacy-toc .tn {
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--soft);
  color:var(--text);
  font-size:10px;
  font-weight:700;
}
.privacy-content {
  max-width:none;
}
.privacy-content section {
  padding:36px 0;
  border-top:1px solid var(--line);
  scroll-margin-top:105px;
}
.privacy-content section:first-child {
  border-top:0;
  padding-top:0;
}
.privacy-content h2 {
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:14px;
  align-items:start;
  margin:0 0 16px;
}
.privacy-content h2 .num {
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--soft);
  color:var(--text);
  font-size:13px;
  font-weight:700;
}
.privacy-content h2 .ht {
  padding-top:3px;
}
.privacy-content h3 {
  margin:28px 0 10px;
  font-size:19px;
  letter-spacing:-.02em;
}
.privacy-content p,.privacy-content li {
  color:var(--muted);
  font-size:16px;
  line-height:1.75;
}
.privacy-content p {
  margin:0 0 16px;
}
.privacy-content ul {
  display:grid;
  gap:9px;
  padding-left:22px;
}
.privacy-content strong {
  color:var(--text);
}
.privacy-content code {
  padding:2px 6px;
  border-radius:6px;
  background:var(--soft);
  color:var(--text);
  font-size:.9em;
}
.privacy-content a {
  color:var(--text);
  text-decoration:underline;
  text-underline-offset:3px;
}
.privacy-meta-line {
  padding:11px 14px;
  border-radius:14px;
  background:var(--soft);
}
@media(max-width:980px) {
  .privacy-layout {
    grid-template-columns:1fr;
    gap:42px;
  }
  .privacy-toc {
    position:static;
  }
  .privacy-toc ol {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px) {
  .privacy-toc ol {
    grid-template-columns:1fr;
  }
  .privacy-content h2 {
    grid-template-columns:32px minmax(0,1fr);
    gap:10px;
  }
  .privacy-content h2 .num {
    width:30px;
    height:30px;
    font-size:11px;
  }
  .privacy-toc-inner {
    padding:20px;
    border-radius:20px;
  }
}
.reading-progress {
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:3px;
  z-index:1000;
  background:transparent;
  pointer-events:none;
}
.reading-progress span {
  display:block;
  width:0;
  height:100%;
  background:#111;
  transition:width .08s linear;
}
.privacy-toc a.active {
  color:var(--text);
  font-weight:600;
}
.privacy-toc a.active .tn {
  background:#111;
  color:#fff;
}
.legal-content section {
  scroll-margin-top:108px;
}
.legal-content section:target {
  animation:sectionFlash 1.1s ease;
}
@keyframes sectionFlash {
  0% {
    background:rgba(0,0,0,.045);
  }
  100% {
    background:transparent;
  }
}
.functions-page {
  overflow:hidden;
}
.functions-hero {
  padding:94px 0 80px;
  background:linear-gradient(180deg,#fff 0%,#f7f8fb 100%);
}
.functions-hero-grid {
  min-height:760px;
  display:grid;
  grid-template-columns:1fr .82fr;
  align-items:center;
  gap:80px;
}
.functions-hero h1 {
  margin:0;
  max-width:820px;
  font-size:clamp(64px,7.2vw,112px);
  line-height:.94;
  letter-spacing:-.07em;
}
.functions-hero-copy>p,.feature-centered-copy>p {
  max-width:690px;
  margin:28px 0 0;
  color:var(--muted);
  font-size:21px;
  line-height:1.6;
}
.feature-phone {
  position:relative;
  display:flex;
  justify-content:center;
}
.feature-phone-frame {
  width:min(390px,100%);
  padding:9px;
  border-radius:48px;
  background:#09090a;
  box-shadow:0 34px 90px rgba(0,0,0,.20),inset 0 0 0 2px #4c4c50;
}
.feature-phone-frame img {
  width:100%;
  border-radius:40px;
  display:block;
}
.feature-phone-hero {
  transform:rotate(1.5deg);
}
.feature-phone-hero::before {
  content:"";
  position:absolute;
  z-index:-1;
  width:570px;
  height:570px;
  border-radius:50%;
  background:radial-gradient(circle,#e7edff 0,#f4f6fb 62%,transparent 63%);
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.feature-story {
  padding:120px 0;
}
.feature-story-light {
  background:#fff;
}
.feature-story-soft {
  background:#f5f5f7;
}
.feature-story-security {
  background:linear-gradient(145deg,#f4fbf6,#fff);
}
.feature-story-dark {
  background:#09090a;
  color:#fff;
}
.feature-story-grid {
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  align-items:center;
  gap:100px;
}
.feature-story-grid-reverse {
  grid-template-columns:1.15fr .85fr;
}
.feature-copy h2,.feature-centered-copy h2,.functions-final h2 {
  margin:0;
  font-size:clamp(52px,6vw,90px);
  line-height:.96;
  letter-spacing:-.065em;
}
.feature-copy>p {
  max-width:590px;
  margin:24px 0 0;
  color:var(--muted);
  font-size:19px;
  line-height:1.65;
}
.feature-story-dark .feature-copy>p {
  color:#a9abb1;
}
.feature-number {
  width:40px;
  height:40px;
  margin-bottom:28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#111;
  color:#fff;
  font-size:12px;
  font-weight:700;
}
.feature-number-light {
  background:#fff;
  color:#111;
}
.kicker-light {
  color:#a9abb1;
}
.feature-list {
  margin:28px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:13px;
  color:var(--muted);
}
.feature-list li {
  position:relative;
  padding-left:24px;
}
.feature-list li::before {
  content:"✓";
  position:absolute;
  left:0;
  color:#111;
  font-weight:700;
}
.feature-story-security .feature-list li::before {
  color:#169c54;
}
.feature-centered-copy {
  max-width:890px;
  margin:0 auto 64px;
  text-align:center;
}
.feature-centered-copy>p {
  margin-left:auto;
  margin-right:auto;
}
.dual-phone-stage {
  display:flex;
  justify-content:center;
  align-items:flex-end;
  gap:44px;
}
.dual-phone-stage .feature-phone-frame {
  width:350px;
}
.feature-phone-secondary {
  transform:translateY(44px);
}
.dual-phone-stage-compact .feature-phone-frame {
  width:330px;
}
.feature-phone-calendar .feature-phone-frame,.feature-phone-backup .feature-phone-frame {
  width:410px;
}
.feature-phone-wide .feature-phone-frame {
  width:450px;
}
.feature-phone-wide {
  transform:rotate(-1deg);
}
.feature-stat-row {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin-top:32px;
}
.feature-stat-row>div {
  padding:20px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
}
.feature-stat-row strong,.feature-stat-row span {
  display:block;
}
.feature-stat-row strong {
  font-size:27px;
  letter-spacing:-.04em;
}
.feature-stat-row span {
  margin-top:6px;
  color:#9fa2aa;
  font-size:12px;
}
.feature-story-security .text-link {
  margin-top:30px;
}
.functions-final {
  padding:130px 0;
  background:#000;
  color:#fff;
  text-align:center;
}
.functions-final-inner {
  max-width:900px;
}
.functions-final p {
  margin:24px auto 0;
  color:#a8a8ae;
  font-size:19px;
}
.functions-final .button {
  margin-top:34px;
}
@media(max-width:1000px) {
  .functions-hero-grid,.feature-story-grid,.feature-story-grid-reverse {
    grid-template-columns:1fr;
    text-align:center;
    gap:58px;
  }
  .functions-hero-copy>p,.feature-copy>p {
    margin-left:auto;
    margin-right:auto;
  }
  .feature-list {
    max-width:520px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
  }
  .feature-stat-row {
    max-width:520px;
    margin-left:auto;
    margin-right:auto;
    margin-top:32px;
  }
  .feature-phone-hero {
    margin-top:10px;
  }
}
@media(max-width:700px) {
  .functions-hero {
    padding-top:62px;
  }
  .functions-hero h1 {
    font-size:56px;
  }
  .functions-hero-copy>p,.feature-copy>p,.feature-centered-copy>p {
    font-size:17px;
  }
  .feature-story {
    padding:88px 0;
  }
  .feature-copy h2,.feature-centered-copy h2,.functions-final h2 {
    font-size:48px;
  }
  .dual-phone-stage {
    gap:18px;
  }
  .dual-phone-stage .feature-phone {
    width:48%;
  }
  .dual-phone-stage .feature-phone-frame {
    width:100%;
    padding:5px;
    border-radius:27px;
  }
  .dual-phone-stage .feature-phone-frame img {
    border-radius:22px;
  }
  .feature-phone-secondary {
    transform:translateY(26px);
  }
  .feature-phone-frame {
    width:min(330px,100%);
    border-radius:42px;
  }
  .feature-phone-frame img {
    border-radius:34px;
  }
  .feature-phone-hero::before {
    width:420px;
    height:420px;
  }
  .feature-stat-row {
    grid-template-columns:1fr;
  }
}
.release-page {
  overflow: hidden;
}
.release-hero {
  padding: 104px 0 92px;
  background: linear-gradient(180deg, #fff 0%, #f6f6f8 100%);
}
.release-hero-inner {
  max-width: 980px;
}
.release-hero h1,.release-final h2 {
  margin: 0;
  font-size: clamp(68px, 8vw, 122px);
  line-height: .92;
  letter-spacing: -.075em;
}
.release-hero p,.release-final p {
  max-width: 720px;
  margin: 28px 0 0;
  color: var(--muted);
  font-size: 21px;
  line-height: 1.6;
}
.release-content {
  padding: 110px 0 130px;
  background: #fff;
}
.release-layout {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  gap: 80px;
  align-items: start;
}
.release-aside {
  position: sticky;
  top: 106px;
}
.release-aside-card {
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: #fff;
}
.release-aside-label,.release-aside-card small {
  display: block;
  color: var(--muted);
  font-size: 12px;
}
.release-aside-card strong {
  display: block;
  margin: 8px 0 6px;
  font-size: 36px;
  letter-spacing: -.045em;
}
.release-aside-build,.release-build {
  display:block;
  color:var(--green);
  font-size:12px;
  font-weight:750;
  letter-spacing:.035em;
}
.release-aside-build { margin:-1px 0 10px; }
.release-build { margin-top:10px; }
.release-timeline {
  position: relative;
  padding-left: 42px;
}
.release-timeline::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 12px;
  bottom: 0;
  width: 1px;
  background: var(--line);
}
.release-entry {
  position: relative;
  padding-bottom: 72px;
}
.release-marker {
  position: absolute;
  left: -42px;
  top: 9px;
  width: 21px;
  height: 21px;
  border: 5px solid #fff;
  border-radius: 50%;
  background: #111;
  box-shadow: 0 0 0 1px var(--line);
}
.release-entry-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 28px;
}
.release-entry-header h2 {
  margin: 10px 0 0;
  font-size: clamp(42px, 5vw, 68px);
  letter-spacing: -.055em;
  line-height: 1;
}
.release-entry-header time {
  color: var(--muted);
  font-size: 14px;
}
.release-status {
  display: inline-flex;
  padding: 7px 11px;
  border-radius: 999px;
  background: #111;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}
.release-intro {
  max-width: 760px;
  margin: 24px 0 0;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.65;
}
.release-groups {
  display: grid;
  gap: 14px;
  margin-top: 36px;
}
.release-group {
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: #fff;
}
.release-group-title {
  display: flex;
  align-items: center;
  gap: 12px;
}
.release-group-title h3 {
  margin: 0;
  font-size: 20px;
  letter-spacing: -.025em;
}
.release-group p {
  margin: 14px 0 0;
  color: var(--muted);
  line-height: 1.65;
}
.release-list {
  display:grid;
  gap:9px;
  margin:16px 0 0;
  padding:0;
  color:var(--muted);
  line-height:1.65;
  list-style:none;
}
.release-list li {
  position:relative;
  padding-left:18px;
}
.release-list li::before {
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--green);
}
.release-category {
  display: inline-flex;
  padding: 6px 9px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
}
.release-category-new {
  background: #eef3ff;
  color: #2f5ea8;
}
.release-category-improved {
  background: #eff8f2;
  color: #267343;
}
.release-category-fixed {
  background: #f8f1ec;
  color: #8a4c2a;
}
.release-empty-note {
  padding: 25px 0 0;
  border-top: 1px solid var(--line);
}
.release-empty-note span {
  font-size: 13px;
  font-weight: 700;
}
.release-empty-note p {
  margin: 8px 0 0;
  color: var(--muted);
  line-height: 1.6;
}
.release-final {
  padding: 125px 0 135px;
  background: #f5f5f7;
  text-align: center;
}
.release-final-inner {
  max-width: 940px;
}
.release-final p {
  margin-left: auto;
  margin-right: auto;
}
.release-final .button {
  margin-top: 34px;
}
@media (max-width: 900px) {
  .release-layout {
    grid-template-columns: 1fr;
    gap: 44px;
  }
  .release-aside {
    position: static;
  }
  .release-aside-card {
    max-width: 360px;
  }
}
@media (max-width: 640px) {
  .release-hero {
    padding: 68px 0 62px;
  }
  .release-hero h1,.release-final h2 {
    font-size: 56px;
  }
  .release-hero p,.release-final p {
    font-size: 17px;
  }
  .release-content {
    padding: 76px 0 92px;
  }
  .release-timeline {
    padding-left: 28px;
  }
  .release-timeline::before {
    left: 7px;
  }
  .release-marker {
    left: -28px;
    width: 16px;
    height: 16px;
    border-width: 4px;
  }
  .release-entry-header {
    display: grid;
  }
  .release-entry-header h2 {
    font-size: 43px;
  }
  .release-group {
    padding: 20px;
  }
  .release-group-title {
    align-items: flex-start;
    flex-direction: column;
  }
}
:where(a,button,input,select,textarea,summary):focus-visible {
  outline:3px solid rgba(61,99,221,.45);
  outline-offset:3px;
}
button:disabled,.button.is-disabled {
  cursor:not-allowed;
  opacity:.58;
  transform:none!important;
  box-shadow:none!important;
}
body.nav-open {
  overflow:hidden;
}
.nav-links a[aria-current="page"],.footer-nav a[aria-current="page"] {
  color:var(--blue);
  font-weight:700;
}
.footer-heading {
  display:block;
  font-weight:700;
  color:var(--ink);
  margin-bottom:8px;
}
.site-footer .footer-nav>div {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
}
.site-footer .footer-nav a {
  display:inline-flex;
  line-height:1.35;
}
.feature-phone-frame {
  contain:layout paint;
}
.feature-phone-frame img {
  height:auto;
  aspect-ratio:691/1536;
  object-fit:cover;
  background:#f1f2f4;
}
.privacy-content section {
  border-radius:12px;
}
@media (max-width:980px) {
  .nav-links.open {
    max-height:calc(100dvh - 76px);
    overflow:auto;
  }
}
@media (max-width:640px) {
  .container {
    width:min(100% - 30px,1240px);
  }
  .footer-nav {
    width:100%;
  }
}
@media (prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  *,*::before,*::after {
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
  .reveal {
    opacity:1!important;
    transform:none!important;
  }
}
.hero-v59 {
  position:relative;
  min-height:calc(100vh - 78px);
  padding:78px 0 52px;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 28%,rgba(235,239,249,.95),transparent 34%),
    linear-gradient(180deg,#fff 0%,#fafafd 100%);
}
.hero-v59-bg {
  position:absolute;
  inset:0;
  pointer-events:none;
}
.hero-v59-orbit {
  position:absolute;
  border:1px solid rgba(17,18,22,.08);
  border-radius:50%;
}
.hero-v59-orbit-one {
  width:760px;
  height:760px;
  right:-170px;
  top:-70px;
}
.hero-v59-orbit-two {
  width:560px;
  height:560px;
  right:-65px;
  top:30px;
}
.hero-v59-glow {
  position:absolute;
  width:520px;
  height:160px;
  right:90px;
  bottom:70px;
  border-radius:50%;
  background:rgba(34,38,48,.16);
  filter:blur(60px);
}
.hero-v59-shell {
  position:relative;
  z-index:2;
  min-height:760px;
  display:grid;
  grid-template-columns:1.03fr .97fr;
  align-items:center;
  gap:84px;
}
.hero-v59-copy {
  max-width:760px;
}
.hero-v59 h1 {
  margin:0;
  font-size:clamp(72px,8.1vw,128px);
  line-height:.9;
  letter-spacing:-.08em;
  font-weight:700;
}
.hero-v59 h1 span {
  color:#767980;
}
.hero-v59-copy>p {
  max-width:710px;
  margin:32px 0 0;
  color:var(--muted);
  font-size:23px;
  line-height:1.55;
  letter-spacing:-.025em;
}
.hero-v59-actions {
  display:flex;
  align-items:center;
  gap:26px;
  flex-wrap:wrap;
  margin-top:38px;
}
.hero-v59-proof {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:42px;
}
.hero-v59-proof span {
  padding:18px 0 0;
  border-top:1px solid rgba(17,18,22,.12);
}
.hero-v59-proof b,.hero-v59-proof small {
  display:block;
}
.hero-v59-proof b {
  font-size:15px;
}
.hero-v59-proof small {
  margin-top:6px;
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
}
.hero-v59-visual {
  min-height:720px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hero-v59-device-wrap {
  position:relative;
  width:min(430px,90%);
  perspective:1400px;
  transform-style:preserve-3d;
}
.hero-v59-device-shadow {
  position:absolute;
  left:50%;
  bottom:-45px;
  width:78%;
  height:70px;
  transform:translateX(-50%);
  border-radius:50%;
  background:rgba(0,0,0,.20);
  filter:blur(30px);
}
.hero-v59-device {
  position:relative;
  width:100%;
  padding:10px;
  border-radius:58px;
  background:linear-gradient(145deg,#070708,#2b2c31);
  box-shadow:
    0 44px 110px rgba(0,0,0,.24),
    inset 0 0 0 1px rgba(255,255,255,.20),
    inset 0 0 0 3px rgba(0,0,0,.55);
  transform:rotateY(-5deg) rotateX(2deg);
  transition:transform .35s ease;
}
.hero-v59-device-top {
  position:absolute;
  z-index:3;
  top:18px;
  left:50%;
  transform:translateX(-50%);
  width:104px;
  height:30px;
  border-radius:18px;
  background:#050505;
}
.hero-v59-device-screen {
  overflow:hidden;
  border-radius:49px;
  background:#f4f2ed;
}
.hero-v59-device-screen img {
  display:block;
  width:100%;
  height:auto;
}
.hero-v59-float-card {
  position:absolute;
  z-index:4;
  min-width:210px;
  padding:15px 17px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:20px;
  background:rgba(255,255,255,.84);
  backdrop-filter:blur(18px);
  box-shadow:0 20px 50px rgba(0,0,0,.14);
  display:flex;
  align-items:center;
  gap:12px;
}
.hero-v59-float-card small,.hero-v59-float-card strong {
  display:block;
}
.hero-v59-float-card small {
  color:var(--muted);
  font-size:10px;
}
.hero-v59-float-card strong {
  margin-top:4px;
  font-size:14px;
}
.hero-v59-card-icon {
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#111;
  color:#fff;
  font-size:15px;
}
.hero-v59-card-top {
  top:100px;
  left:-112px;
}
.hero-v59-card-bottom {
  right:-112px;
  bottom:120px;
}
.hero-v59-scroll {
  position:absolute;
  left:50%;
  bottom:22px;
  width:22px;
  height:36px;
  transform:translateX(-50%);
  border:1px solid rgba(17,18,22,.28);
  border-radius:999px;
}
.hero-v59-scroll span {
  position:absolute;
  left:50%;
  top:7px;
  width:4px;
  height:4px;
  margin-left:-2px;
  border-radius:50%;
  background:#111;
  animation:heroScroll 1.8s ease-in-out infinite;
}
@keyframes heroScroll {
  0% {
    transform:translateY(0);
    opacity:0;
  }
  20% {
    opacity:1;
  }
  70% {
    opacity:1;
  }
  100% {
    transform:translateY(16px);
    opacity:0;
  }
}
@media (hover:hover) and (pointer:fine) {
  .hero-v59-device-wrap:hover .hero-v59-device {
    transform:rotateY(-2deg) rotateX(1deg) translateY(-4px);
  }
}
@media(max-width:1080px) {
  .hero-v59-shell {
    grid-template-columns:1fr;
    text-align:center;
    gap:36px;
    padding-top:34px;
  }
  .hero-v59-copy {
    margin:0 auto;
  }
  .hero-v59-copy>p {
    margin-left:auto;
    margin-right:auto;
  }
  .hero-v59-actions {
    justify-content:center;
  }
  .hero-v59-proof {
    max-width:760px;
    margin-left:auto;
    margin-right:auto;
  }
  .hero-v59-visual {
    min-height:700px;
  }
  .hero-v59-card-top {
    left:-80px;
  }
  .hero-v59-card-bottom {
    right:-80px;
  }
}
@media(max-width:720px) {
  .hero-v59 {
    min-height:auto;
    padding:56px 0 40px;
  }
  .hero-v59-shell {
    min-height:auto;
  }
  .hero-v59 h1 {
    font-size:58px;
  }
  .hero-v59-copy>p {
    font-size:18px;
  }
  .hero-v59-actions {
    flex-direction:column;
  }
  .hero-v59-actions .button {
    width:100%;
  }
  .hero-v59-proof {
    grid-template-columns:1fr;
    gap:10px;
  }
  .hero-v59-proof span {
    padding-top:12px;
  }
  .hero-v59-visual {
    min-height:600px;
  }
  .hero-v59-device-wrap {
    width:min(340px,88vw);
  }
  .hero-v59-float-card {
    min-width:170px;
    padding:12px 14px;
  }
  .hero-v59-card-top {
    left:-22px;
    top:82px;
  }
  .hero-v59-card-bottom {
    right:-22px;
    bottom:90px;
  }
  .hero-v59-orbit-one {
    width:520px;
    height:520px;
    right:-260px;
  }
  .hero-v59-orbit-two {
    width:390px;
    height:390px;
    right:-185px;
  }
  .hero-v59-scroll {
    display:none;
  }
}
@media(prefers-reduced-motion:reduce) {
  .hero-v59-scroll span {
    animation:none;
  }
  .hero-v59-device {
    transition:none;
  }
}

/* Sprachwahl und notwendiger Cookie-Hinweis */
.nav-actions {
  justify-self:end;
  display:flex;
  align-items:center;
  gap:10px;
}
.language-toggle {
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 14px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.86);
  color:var(--ink);
  font:inherit;
  font-size:14px;
  cursor:pointer;
  transition:border-color .2s,background .2s,transform .2s;
}
.language-toggle:hover {
  border-color:#b7bac2;
  background:#fff;
}
.language-toggle:active { transform:translateY(1px); }
.footer-link-button {
  display:block;
  padding:0;
  border:0;
  background:none;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.footer-link-button:hover { color:var(--blue); }
.cookie-banner[hidden],.language-dialog-backdrop[hidden] { display:none; }
.cookie-banner {
  position:fixed;
  left:20px;
  right:20px;
  bottom:20px;
  z-index:200;
}
.cookie-banner-inner {
  width:min(1180px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:30px;
  align-items:center;
  padding:24px;
  border:1px solid rgba(18,19,22,.11);
  border-radius:24px;
  background:rgba(255,255,255,.97);
  box-shadow:0 22px 70px rgba(18,19,22,.18);
  backdrop-filter:blur(22px);
}
.cookie-banner h2,.language-dialog h2 { margin:2px 0 8px;font-size:24px;letter-spacing:-.03em; }
.cookie-banner p,.language-note { margin:0;color:var(--muted);line-height:1.55; }
.cookie-eyebrow { margin:0!important;color:var(--blue)!important;font-size:12px!important;font-weight:700;letter-spacing:.1em;text-transform:uppercase; }
.cookie-actions { display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end; }
.button-secondary { border:1px solid var(--line);background:#fff;color:var(--ink); }
.language-dialog-backdrop {
  position:fixed;
  inset:0;
  z-index:250;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(18,19,22,.48);
  backdrop-filter:blur(8px);
}
.language-dialog {
  width:min(680px,100%);
  max-height:min(760px,calc(100vh - 40px));
  overflow:auto;
  padding:28px;
  border-radius:28px;
  background:#fff;
  box-shadow:0 28px 90px rgba(0,0,0,.24);
}
.language-dialog-header { display:flex;align-items:flex-start;justify-content:space-between;gap:20px; }
.dialog-close {
  width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);font-size:27px;line-height:1;cursor:pointer;
}
.language-note { margin:8px 0 22px; }
.language-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.language-option {
  display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:12px 16px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:.2s;
}
.language-option:hover { border-color:#aeb2bc;background:var(--surface); }
.language-option[aria-pressed="true"] { border-color:var(--blue);box-shadow:0 0 0 3px rgba(32,103,255,.12); }
.language-option small { color:var(--muted);font-size:11px; }
body.dialog-open { overflow:hidden; }
@media(max-width:1080px) {
  .nav-actions { grid-column:2;grid-row:1; }
  .nav-actions .nav-cta { display:none; }
  .nav-toggle { grid-column:3;grid-row:1; }
  .nav { grid-template-columns:1fr auto auto;gap:10px; }
}
@media(max-width:720px) {
  .language-toggle [data-language-label] { display:none; }
  .language-toggle { width:42px;padding:0;justify-content:center; }
  .cookie-banner { left:10px;right:10px;bottom:10px; }
  .cookie-banner-inner { grid-template-columns:1fr;gap:18px;padding:20px;border-radius:20px; }
  .cookie-actions { justify-content:stretch; }
  .cookie-actions .button { width:100%; }
  .language-dialog { padding:22px;border-radius:22px; }
  .language-grid { grid-template-columns:1fr; }
}

/* ===================================================================
   OFAC Website v5.16 – Designsystem des neuen Admin-Logins
   =================================================================== */
:root {
  --bg:#f7f9f8;
  --surface:#eef3f0;
  --surface-2:#e8efeb;
  --ink:#111c17;
  --text:#111c17;
  --muted:#69766f;
  --line:rgba(18,61,43,.12);
  --line-strong:rgba(18,61,43,.22);
  --soft-blue:#eaf4ef;
  --soft:#eaf4ef;
  --blue:#0f5b3a;
  --primary:#0f5b3a;
  --primary-dark:#0a432b;
  --green:#0f5b3a;
  --green-dark:#0a432b;
  --green-soft:#eaf4ef;
  --shadow:0 28px 80px rgba(17,38,29,.16);
  --radius:5px;
}

body {
  background:var(--bg);
  color:var(--ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.container { width:min(1180px,calc(100% - 48px)); }

:where(a,button,input,select,textarea,summary):focus-visible {
  outline-color:rgba(32,126,84,.42);
}

.site-header {
  background:rgba(251,253,252,.9);
  border-bottom:1px solid rgba(18,61,43,.07);
  backdrop-filter:saturate(150%) blur(20px);
}
.site-header.is-scrolled {
  border-color:var(--line);
  box-shadow:0 10px 32px rgba(17,38,29,.06);
}
.nav { height:74px; }
.brand {
  gap:11px;
  color:#12291f;
  font-size:21px;
  font-weight:800;
  letter-spacing:.025em;
}
.brand-mark {
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:10px;
  background:#fff;
  box-shadow:0 5px 16px rgba(15,81,52,.12);
}
.brand-mark img { width:38px;height:38px;display:block;object-fit:cover; }
.nav-links { gap:29px;color:#4d5d54;font-weight:600; }
.nav-links a:hover,.nav-links a[aria-current="page"],.footer-nav a[aria-current="page"] { color:var(--green); }
.nav-toggle span { background:var(--green-dark); }

.button {
  min-height:45px;
  padding:0 21px;
  border-radius:3px;
  font-weight:750;
  letter-spacing:.005em;
  transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;
}
.button-dark,.button-primary {
  background:linear-gradient(135deg,#12613f 0%,#0c4c31 100%);
  color:#fff;
  box-shadow:0 10px 24px rgba(15,91,58,.2);
}
.button-dark:hover,.button-primary:hover {
  background:linear-gradient(135deg,#0f5638 0%,#083d27 100%);
  box-shadow:0 13px 28px rgba(15,91,58,.26);
}
.button-light { color:var(--green-dark);box-shadow:0 10px 30px rgba(2,24,14,.18); }
.button-ghost,.button-secondary { border-color:#d9e3de;background:#f8faf9;color:var(--green-dark); }
.button-large { min-height:52px;padding:0 26px; }
.inline-link,.text-link { color:var(--green); }
.eyebrow,.kicker,.cookie-eyebrow { color:var(--green)!important;font-weight:800;letter-spacing:.1em;text-transform:uppercase; }

.language-toggle {
  border-color:#d5ded9;
  border-radius:3px;
  background:#fff;
  color:#263b31;
  font-weight:650;
}
.language-toggle:hover { border-color:#287653;background:#f8fbf9; }

/* Startseite: vollbreiter, ruhiger Hero mit begrenzter Inhaltsbreite */
.hero-v59 {
  min-height:auto;
  padding:42px 0 62px;
  background:
    radial-gradient(circle at 12% 14%,rgba(33,113,77,.07),transparent 30%),
    radial-gradient(circle at 88% 82%,rgba(38,49,45,.06),transparent 29%),
    linear-gradient(145deg,#f7f5f0 0%,#f4f2ed 52%,#efede7 100%);
}
.hero-v59-bg { opacity:.38; }
.hero-v59-orbit { border-color:rgba(15,91,58,.13); }
.hero-v59-glow { background:rgba(15,91,58,.16); }
.hero-v59-shell {
  min-height:680px;
  grid-template-columns:1fr 1fr;
  gap:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.hero-v59-copy {
  max-width:none;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:64px 58px;
  background:transparent;
}
.hero-v59 h1 {
  max-width:620px;
  margin-top:22px;
  color:#111c17;
  font-size:clamp(58px,6.3vw,88px);
  line-height:.92;
  letter-spacing:-.068em;
  font-weight:730;
}
.hero-v59 h1 span { color:#4f6c5e; }
.hero-v59-copy>p { margin-top:24px;color:#69766f;font-size:18px;line-height:1.6; }
.hero-v59-actions { margin-top:30px; }
.hero-v59-proof { gap:14px;margin-top:34px; }
.hero-v59-proof span { border-color:#dce5e0; }
.hero-v59-visual {
  min-height:680px;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:54px 46px;
  background:radial-gradient(circle at 86% 17%,rgba(38,49,45,.07),transparent 28%);
}
.hero-v59-visual::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.34;
  background-image:linear-gradient(rgba(38,49,45,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(38,49,45,.045) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);
}
.hero-timeboard {
  width:min(100%,600px);
  padding:30px;
  border:1px solid rgba(38,49,45,.12);
  border-radius:5px;
  background:rgba(255,255,255,.94);
  color:#26312d;
  box-shadow:0 30px 70px rgba(38,49,45,.14);
}
.hero-timeboard-head,.hero-shift-head,.hero-timeboard-foot {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.hero-timeboard-head>div { display:grid;gap:4px; }
.hero-timeboard-head span,.hero-shift-head small,.hero-shift-metrics small { color:#758078;font-size:12px; }
.hero-timeboard-head strong { font-size:20px;letter-spacing:-.025em; }
.hero-timeboard-head>small { padding:8px 10px;border:1px solid #dfe3df;border-radius:3px;background:#f6f7f5;color:#59645d;font-weight:700;white-space:nowrap; }
.hero-calendar-strip {
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:6px;
  margin-top:26px;
  padding:15px 10px;
  border-block:1px solid #e6e8e5;
}
.hero-calendar-strip span { min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:3px;color:#68736c; }
.hero-calendar-strip small { font-size:10px;font-weight:750;text-transform:uppercase; }
.hero-calendar-strip b { font-size:16px;color:#26312d; }
.hero-calendar-strip .is-today { background:#26312d;color:#fff;box-shadow:0 8px 18px rgba(38,49,45,.18); }
.hero-calendar-strip .is-today b { color:#fff; }
.hero-calendar-strip i { width:5px;height:5px;border-radius:50%;background:#26312d; }
.hero-calendar-strip i.is-green { background:#16a34a; }
.hero-calendar-strip i.is-orange { background:#ff8a00; }
.hero-workday { display:grid;grid-template-columns:154px 1fr;gap:28px;align-items:center;padding:34px 0 28px; }
.hero-progress { text-align:center; }
.hero-progress-ring {
  width:138px;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:conic-gradient(#26312d 0 32%,#e8eae7 32% 100%);
  box-shadow:inset 0 0 0 1px rgba(38,49,45,.02);
}
.hero-progress-ring::before { content:"";grid-area:1/1;width:104px;aspect-ratio:1;border-radius:50%;background:#fff; }
.hero-progress-ring span { grid-area:1/1;z-index:1;display:grid;gap:2px; }
.hero-progress-ring strong { font-size:31px;letter-spacing:-.06em; }
.hero-progress-ring small { color:#6d776f;font-size:11px; }
.hero-progress p { margin-top:12px;color:#16803f;font-size:11px;font-weight:750; }
.hero-progress p i,.hero-timeboard-foot i { display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#16a34a; }
.hero-shift-track { min-width:0; }
.hero-shift-head>div { display:grid;gap:2px; }
.hero-shift-head strong { font-size:20px; }
.hero-shift-head>span { padding:6px 9px;border-radius:3px;background:#e9f6ed;color:#16803f;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em; }
.hero-time-labels { display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;margin-top:27px;color:#26312d;font-size:10px; }
.hero-time-labels b:nth-child(2) { color:#16803f;text-align:center; }
.hero-time-labels b:last-child { text-align:right; }
.hero-time-rail { position:relative;height:8px;margin-top:9px;border-radius:20px;background:#e4e7e3; }
.hero-time-rail i { position:absolute;inset:0 auto 0 0;width:32%;border-radius:20px;background:#26312d; }
.hero-time-rail span { position:absolute;left:32%;top:50%;width:14px;height:14px;translate:-50% -50%;border:3px solid #fff;border-radius:50%;background:#16a34a;box-shadow:0 0 0 1px rgba(38,49,45,.16); }
.hero-time-rail em { position:absolute;right:0;top:50%;width:10px;height:10px;translate:50% -50%;border-radius:50%;background:#ff8a00; }
.hero-shift-metrics { display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:27px; }
.hero-shift-metrics span { display:grid;gap:3px;min-width:0; }
.hero-shift-metrics strong { font-size:14px;white-space:nowrap; }
.hero-shift-metrics .is-green { color:#16803f; }
.hero-shift-metrics .is-orange { color:#d96f00; }
.hero-timeboard-foot { padding-top:19px;border-top:1px solid #e6e8e5;color:#727c75;font-size:11px;font-weight:700; }
.hero-timeboard-foot strong { color:#26312d;font-size:12px; }
.hero-v59-scroll { display:none; }

.experience { padding:118px 0;background:#fbfdfc; }
.experience h2,.section-heading h2,.principles h2,.faq h2,.final-cta h2 { letter-spacing:-.055em; }
.showcase-browser {
  border-color:var(--line);
  border-radius:5px;
  box-shadow:0 28px 75px rgba(17,38,29,.13);
}
.browser-chrome { background:#edf2ef;border-color:var(--line); }
.showcase-sidebar { background:#f3f6f4;border-color:var(--line); }
.showcase-sidebar nav span { border-radius:3px; }
.showcase-sidebar nav .active,.showcase-head button { background:var(--green-dark); }
.showcase-metrics>div,.showcase-chart,.showcase-agenda { border-radius:4px;background:#f1f5f3; }
.showcase-chart,.showcase-agenda { border-color:var(--line); }

.feature-section { padding:122px 0;background:#edf0ef; }
.feature-card {
  border:1px solid rgba(18,61,43,.09);
  border-radius:5px;
  background:linear-gradient(145deg,#fff 0%,#fbfdfc 100%);
  box-shadow:0 18px 48px rgba(17,38,29,.08);
}
.feature-index,.feature-number {
  border-radius:3px;
  background:var(--green);
  box-shadow:0 8px 20px rgba(15,91,58,.18);
}
.feature-calendar-ui,.feature-shift,.analytics-panel-v51,.analytics-metrics-v51>div,.feature-stat-row>div {
  border-radius:4px;
}
.feature-calendar-ui { background:#eef3f0;box-shadow:0 24px 60px rgba(17,38,29,.14); }
.feature-calendar-head span,.feature-calendar-days .active,.time-orb button { background:var(--green); }
.feature-shift i { background:var(--green); }
.time-orb { background:radial-gradient(circle at 35% 30%,#fff,#e6efe9);box-shadow:0 28px 70px rgba(17,38,29,.14),inset 0 0 0 1px rgba(18,61,43,.06); }
.analytics-panel-v51 {
  background:linear-gradient(155deg,#0b3d29 0%,#0f5134 58%,#0d452e 100%);
  box-shadow:0 25px 70px rgba(2,24,14,.25);
}
.analytics-bars-v51 b { background:linear-gradient(180deg,#a7e0bf,#55a57b); }
.privacy-lock { border-radius:5px;background:var(--green-dark);box-shadow:0 24px 64px rgba(15,91,58,.28); }
.principles,.final-cta,.functions-final {
  background:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(155deg,#0b3d29 0%,#0f5134 56%,#0d452e 100%);
  background-size:54px 54px,54px 54px,auto;
}
.principles-list,.principles-list>div { border-color:rgba(255,255,255,.15); }
.principles-list>div>span { color:#91c3a8; }
.principles-list p { color:rgba(255,255,255,.7); }
.final-ambient { background:radial-gradient(circle,rgba(125,206,162,.2),transparent 68%); }

.faq { background:#fbfdfc; }
.faq-list,details { border-color:var(--line); }
summary span { color:var(--green); }

/* Unterseiten */
.functions-hero,.release-hero {
  padding:42px 0 62px;
  background:radial-gradient(circle at 14% 15%,rgba(33,113,77,.08),transparent 31%),#edf0ef;
}
.functions-hero-grid {
  min-height:650px;
  grid-template-columns:1fr .86fr;
  gap:0;
  overflow:hidden;
  border:1px solid rgba(18,61,43,.08);
  border-radius:5px;
  background:#fff;
  box-shadow:var(--shadow);
}
.functions-hero-copy { padding:64px 58px; }
.functions-hero h1 { color:#111c17;font-size:clamp(58px,6.3vw,88px);letter-spacing:-.06em; }
.functions-hero-copy>p { color:#69766f;font-size:18px; }
.functions-hero .feature-phone {
  align-self:stretch;
  align-items:center;
  overflow:hidden;
  padding:54px 44px;
  background:linear-gradient(155deg,#0b3d29 0%,#0f5134 58%,#0d452e 100%);
}
.feature-phone-frame { border-radius:36px;background:#090b0a;box-shadow:0 30px 80px rgba(2,24,14,.28),inset 0 0 0 2px #3d5147; }
.feature-phone-frame img { border-radius:29px; }
.feature-phone-hero::before { background:radial-gradient(circle,rgba(167,224,191,.22) 0,rgba(78,145,108,.09) 62%,transparent 63%); }
.feature-story { padding:110px 0; }
.feature-story-soft { background:#edf0ef; }
.feature-story-security { background:linear-gradient(145deg,#eaf4ef,#fbfdfc); }
.feature-story-dark { background:linear-gradient(155deg,#0b3d29 0%,#0f5134 58%,#0d452e 100%); }
.feature-story-security .feature-list li::before,.feature-list li::before { color:var(--green); }
.feature-story-dark .feature-list li::before { color:#91d8b2; }
.feature-number-light { background:#fff;color:var(--green-dark); }

.legal-main { padding:42px 0 110px;background:#edf0ef; }
.legal-header {
  max-width:none;
  margin-bottom:36px;
  padding:58px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:5px;
  background:linear-gradient(155deg,#0b3d29 0%,#0f5134 58%,#0d452e 100%);
  color:#fff;
  box-shadow:0 24px 65px rgba(17,38,29,.2);
}
.legal-header h1 { font-size:clamp(52px,6vw,82px); }
.legal-header p { color:rgba(255,255,255,.7);font-size:18px; }
.legal-meta { border-radius:3px;background:rgba(255,255,255,.1);color:#b7dbc7; }
.legal-content { max-width:none; }
.legal-content section {
  margin-bottom:12px;
  padding:28px;
  border:1px solid var(--line);
  border-radius:5px;
  background:#fff;
  box-shadow:0 8px 28px rgba(17,38,29,.04);
}
.privacy-toc-inner,.release-aside-card,.release-group {
  border-color:var(--line);
  border-radius:5px;
  box-shadow:0 10px 30px rgba(17,38,29,.05);
}
.privacy-toc .tn,.privacy-content h2 .num { border-radius:3px;background:var(--green-soft);color:var(--green-dark); }
.privacy-toc a.active .tn { background:var(--green); }
.reading-progress span { background:var(--green); }
.privacy-meta-line { border-radius:3px;background:var(--green-soft); }

.release-hero-inner {
  max-width:none;
  padding:58px;
  border-radius:5px;
  background:linear-gradient(155deg,#0b3d29 0%,#0f5134 58%,#0d452e 100%);
  color:#fff;
  box-shadow:var(--shadow);
}
.release-hero h1 { font-size:clamp(58px,7vw,96px); }
.release-hero p { color:rgba(255,255,255,.7); }
.release-content { background:#fbfdfc; }
.release-marker,.release-status { background:var(--green); }
.release-final { background:#edf0ef; }
.release-category-new { background:#eaf4ef;color:#196642; }
.release-category-improved { background:#edf7f1;color:#267343; }
.release-category-fixed { background:#f4f1e9;color:#765f25; }

/* Dialoge, Cookie-Hinweis und Footer */
.cookie-banner-inner {
  border-color:rgba(18,61,43,.14);
  border-radius:5px;
  box-shadow:0 22px 70px rgba(17,38,29,.2);
}
.language-dialog-backdrop { background:rgba(8,35,23,.55); }
.language-dialog { border:1px solid rgba(18,61,43,.12);border-radius:5px;box-shadow:0 28px 90px rgba(2,24,14,.3); }
.dialog-close { border-radius:3px;border-color:#d5ded9;color:var(--green-dark); }
.language-option { border-color:#d5ded9;border-radius:3px; }
.language-option:hover { border-color:#287653;background:#f2f7f4; }
.language-option[aria-pressed="true"] { border-color:var(--green);box-shadow:0 0 0 3px rgba(32,126,84,.12); }
.site-footer { background:#eef3f0; }
.footer-nav a:hover { color:var(--green); }

@media(max-width:1080px) {
  .nav-links.open { background:#fbfdfc;box-shadow:0 24px 50px rgba(17,38,29,.1); }
  .hero-v59-shell { grid-template-columns:1fr; }
  .hero-v59-copy { padding:64px 54px; }
  .hero-v59-visual { min-height:570px; }
  .functions-hero-grid { grid-template-columns:1fr;text-align:center; }
  .functions-hero-copy { padding:64px 54px; }
  .functions-hero .feature-phone { min-height:620px; }
}

@media(max-width:740px) {
  .container { width:min(100% - 28px,1180px); }
  .hero-v59 { padding:18px 0 36px; }
  .hero-v59-shell { min-height:auto; }
  .hero-v59-copy { padding:44px 24px;text-align:left; }
  .hero-v59 h1 { font-size:54px; }
  .hero-v59-copy>p { font-size:17px; }
  .hero-v59-actions { align-items:stretch; }
  .hero-v59-actions .text-link { text-align:center; }
  .hero-v59-visual { min-height:auto;padding:28px 18px 34px; }
  .hero-timeboard { padding:20px 16px; }
  .hero-timeboard-head { align-items:flex-start; }
  .hero-timeboard-head>small { font-size:10px; }
  .hero-calendar-strip { gap:2px;margin-top:20px;padding-inline:2px; }
  .hero-workday { grid-template-columns:1fr;gap:24px;padding-top:26px; }
  .hero-progress { display:flex;align-items:center;justify-content:center;gap:18px;text-align:left; }
  .hero-progress-ring { width:116px;flex:0 0 116px; }
  .hero-progress-ring::before { width:88px; }
  .hero-progress-ring strong { font-size:26px; }
  .hero-progress p { max-width:90px;margin-top:0;line-height:1.45; }
  .hero-timeboard-foot { align-items:flex-start; }
  .hero-timeboard-foot strong { max-width:130px;text-align:right; }
  .feature-card,.feature-card-large,.feature-card-wide { border-radius:5px; }
  .functions-hero,.release-hero,.legal-main { padding-top:18px; }
  .functions-hero-copy,.legal-header,.release-hero-inner { padding:42px 24px; }
  .functions-hero h1,.legal-header h1,.release-hero h1 { font-size:51px; }
  .functions-hero .feature-phone { min-height:540px;padding:42px 24px; }
  .legal-content section { padding:22px; }
  .language-dialog,.cookie-banner-inner { border-radius:5px; }
}

/* Mobile Konsistenz: einheitliche Textachse, Kartenbreiten und Medienrahmen */
@media(max-width:740px) {
  .hero-v59-copy,
  .experience-copy,
  .experience-text,
  .section-heading,
  .feature-card .feature-copy,
  .principles-heading,
  .faq-grid>div:first-child,
  .final-inner,
  .functions-hero-grid,
  .functions-hero-copy,
  .feature-story-grid,
  .feature-story-grid-reverse,
  .feature-centered-copy,
  .functions-final-inner {
    text-align:left;
  }

  .section-heading p,
  .functions-hero-copy>p,
  .feature-copy>p,
  .feature-centered-copy>p,
  .functions-final p {
    margin-left:0;
    margin-right:0;
  }

  .hero-v59-actions {
    align-items:flex-start;
  }
  .hero-v59-actions .text-link {
    text-align:left;
  }

  .experience-grid,
  .principles-grid,
  .faq-grid,
  .feature-grid,
  .functions-hero-grid,
  .feature-story-grid,
  .feature-story-grid-reverse {
    min-width:0;
  }

  .feature-card,
  .feature-card-large,
  .feature-card-wide {
    width:100%;
    min-width:0;
    padding:26px;
  }

  .feature-centered-copy {
    max-width:none;
    margin-left:0;
    margin-right:0;
  }

  .functions-page .container,
  .functions-page .container>* {
    min-width:0;
  }
  .functions-hero-grid,
  .feature-story-grid,
  .feature-story-grid-reverse {
    gap:42px;
  }
  .functions-hero-copy {
    width:100%;
  }

  .feature-phone,
  .feature-phone-calendar,
  .feature-phone-backup,
  .feature-phone-wide {
    width:100%;
    max-width:100%;
    min-width:0;
    transform:none;
  }
  .feature-phone-frame,
  .feature-phone-calendar .feature-phone-frame,
  .feature-phone-backup .feature-phone-frame,
  .feature-phone-wide .feature-phone-frame {
    width:min(330px,100%);
    max-width:100%;
  }
  .feature-phone-frame img {
    width:100%;
    max-width:100%;
  }
  .functions-hero .feature-phone {
    min-height:auto;
    padding:36px 22px;
  }
  .functions-hero .feature-phone-frame {
    width:min(300px,100%);
  }
  .feature-phone-hero::before {
    width:min(360px,calc(100vw - 28px));
    height:auto;
    aspect-ratio:1;
  }

  .dual-phone-stage {
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:start;
    gap:18px;
  }
  .dual-phone-stage .feature-phone {
    width:100%;
  }
  .dual-phone-stage .feature-phone-frame {
    width:100%;
    max-width:330px;
  }
  .feature-phone-secondary {
    transform:none;
  }

  .hero-v59 h1,
  .experience h2,
  .section-heading h2,
  .principles h2,
  .faq h2,
  .final-cta h2,
  .functions-hero h1,
  .feature-copy h2,
  .feature-centered-copy h2,
  .functions-final h2 {
    max-width:100%;
    overflow-wrap:break-word;
    hyphens:auto;
  }
  .hero-v59 h1 {
    font-size:clamp(44px,13.5vw,54px);
  }
  .experience h2,
  .section-heading h2,
  .principles h2,
  .faq h2 {
    font-size:clamp(40px,12vw,50px);
  }
  .feature-card h3 {
    font-size:clamp(34px,10.5vw,41px);
  }
  .functions-hero h1 {
    font-size:clamp(42px,12.5vw,51px);
  }
  .feature-copy h2,
  .feature-centered-copy h2,
  .functions-final h2 {
    font-size:clamp(38px,11.5vw,48px);
  }
  .final-cta h2 {
    font-size:clamp(44px,13vw,58px);
  }
}

@media(max-width:600px) {
  .dual-phone-stage {
    grid-template-columns:1fr;
    gap:30px;
  }
  .dual-phone-stage .feature-phone-frame {
    width:min(300px,100%);
    margin-inline:auto;
  }
}

@media(max-width:420px) {
  .hero-timeboard-head,
  .hero-timeboard-foot {
    flex-direction:column;
    align-items:flex-start;
  }
  .hero-timeboard-head>small {
    white-space:normal;
  }
  .hero-timeboard-foot strong {
    max-width:none;
    text-align:left;
  }
}