:root{--upl-orange:#f2842b;--upl-orange-hover:#d96f18;--upl-orange-tint:#fff5ec;--upl-orange-tint-strong:#ffe9d3}

.hero{padding:72px 0 60px;border-top:none;background:linear-gradient(180deg,rgba(0,144,192,.05) 0%,rgba(245,249,246,0) 55%)}
.hero-grid{display:flex;flex-direction:column;align-items:center;text-align:center;gap:44px}
.hero-copy{max-width:820px;margin:0 auto}
.hero-bubble{position:relative;display:inline-block;padding:8px 20px 10px;border-radius:var(--pill);
  border:2px solid var(--ink);font-family:var(--mono);font-size:13px;letter-spacing:.04em;color:var(--ink);margin-bottom:26px}
.hero-bubble::after{content:"";position:absolute;left:28px;bottom:-10px;width:0;height:0;
  border-left:10px solid transparent;border-right:10px solid transparent;border-top:12px solid var(--ink)}
.hero-bubble::before{content:"";position:absolute;left:31px;bottom:-7px;z-index:1;width:0;height:0;
  border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid var(--bg)}
.hero h1{font-size:clamp(34px,5vw,58px);font-weight:700;letter-spacing:-.03em;line-height:1.05}
.hero h1 em{font-style:normal;color:var(--cta)}
.hero p.sub{margin:26px auto 0;color:var(--ink-2);font-size:19px;max-width:58ch;line-height:1.6}
.hero-note{margin-top:26px;font-family:var(--mono);font-size:14px;color:var(--fg-mute);letter-spacing:.02em}
@media(max-width:900px){.hero{padding-top:44px}}

.stage{position:relative;width:100%;max-width:640px;margin:0 auto}
.fan{position:absolute;inset:auto 0 -34px 0;display:flex;justify-content:center;pointer-events:none}
.fan .fcard{width:78px;height:100px;background:var(--bg-alt);border:1.5px solid var(--border);border-radius:8px;
  box-shadow:0 8px 20px rgba(23,48,58,.10);display:flex;align-items:flex-end;justify-content:center;padding-bottom:9px;
  font-family:var(--mono);font-size:12px;color:var(--cta);margin:0 -10px;transform-origin:bottom center}
.fan .fcard:nth-child(1){transform:rotate(-14deg) translateY(10px)}
.fan .fcard:nth-child(2){transform:rotate(-7deg) translateY(3px)}
.fan .fcard:nth-child(3){transform:rotate(0);border-color:var(--cta);color:var(--ink)}
.fan .fcard:nth-child(4){transform:rotate(7deg) translateY(3px)}
.fan .fcard:nth-child(5){transform:rotate(14deg) translateY(10px)}
.upl{background:var(--upl-orange-tint);border:2.5px dashed var(--upl-orange);border-radius:var(--r-xl);padding:64px 40px 76px;
  text-align:center;cursor:pointer;position:relative;z-index:2;
  transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease);
  box-shadow:var(--shadow-card)}
.upl:hover,.upl.drag{background:var(--upl-orange-tint-strong);border-color:var(--upl-orange-hover);transform:translateY(-2px)}
.upl:focus-visible{outline:2px solid var(--upl-orange);outline-offset:3px}
.upl.flash{animation:upl-flash 1.1s ease 2}
@keyframes upl-flash{0%,100%{box-shadow:var(--shadow-card)}50%{box-shadow:0 0 0 7px rgba(242,132,43,.4)}}
@media(prefers-reduced-motion:reduce){.upl.flash{animation:none}}
.upl .icon{width:68px;height:68px;border-radius:50%;background:rgba(242,132,43,.14);display:flex;align-items:center;
  justify-content:center;margin:0 auto 18px;font-size:31px;color:var(--upl-orange)}
.upl h3{font-size:24px;margin-bottom:10px;font-weight:700;letter-spacing:-.02em}
.upl p{font-family:var(--mono);font-size:14.5px;color:var(--fg-mute);margin-bottom:22px;line-height:1.5}
.upl .fake-btn{pointer-events:none}
.upl .btn-primary{background:var(--upl-orange);box-shadow:0 8px 20px -8px rgba(242,132,43,.65)}
.upl:hover .btn-primary{background:var(--upl-orange-hover)}
@media(max-width:900px){.upl{padding:48px 24px 60px}}
.upl-cta{margin-top:44px;text-align:center}
.upl-cta .btn-ghost{background:#fff}
.upl-cta .btn-ghost:hover{background:var(--bg-sunken);color:var(--ink)}
.upl-ticks{margin:16px 0 0;display:flex;justify-content:center;gap:24px;flex-wrap:wrap;
  font-family:var(--mono);font-size:13.5px;color:var(--fg-mute);letter-spacing:.02em}

.trial-panel{background:var(--bg-alt);border:1.5px solid var(--border);border-radius:var(--r-xl);padding:26px 28px;position:relative;z-index:2;text-align:left;box-shadow:var(--shadow-card)}
.trial-panel .file-row{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.trial-panel .file-name{font-family:var(--mono);font-size:13.5px;color:var(--ink);word-break:break-all}
.trial-panel .file-size{font-family:var(--mono);font-size:12px;color:var(--fg-sub)}
.trial-panel .file-remove{margin-left:auto;background:none;border:none;color:var(--fg-mute);cursor:pointer;font-size:18px;line-height:1;padding:4px}
.trial-panel .file-remove:hover{color:var(--ink)}
.trial-field{margin-bottom:16px}
.trial-field label{display:block;font-family:var(--mono);font-size:13px;color:var(--fg-mute);margin-bottom:7px;letter-spacing:.02em}
.trial-field select,.trial-field input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg-alt);font-size:15px;font-family:var(--display);color:var(--ink)}
.trial-langs{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:520px){.trial-langs{grid-template-columns:1fr}}
.trial-panel .btn{width:100%;justify-content:center}
.trial-panel .btn[disabled]{opacity:.55;cursor:not-allowed}
.trial-error{display:none;background:#fbeeee;border:1px solid #dfb1b1;color:#7a2e2e;border-radius:var(--r);padding:12px 16px;font-size:14px;margin-bottom:16px}
.trial-error.show{display:block}
.trial-result{margin-top:22px;border-top:1px solid var(--border);padding-top:20px}
.trial-result .stats{display:flex;gap:28px;flex-wrap:wrap;margin:16px 0 0}
.trial-result .stat .v{font-family:var(--mono);font-size:24px;color:var(--ink)}
.trial-result .stat .l{font-family:var(--mono);font-size:12.5px;color:var(--fg-mute);letter-spacing:.04em}
.trial-sample{border:1px solid var(--border);border-radius:var(--r);padding:14px 16px;margin-bottom:10px;font-size:14px}
.trial-sample .orig{color:var(--fg-mute);margin-bottom:8px;white-space:pre-wrap}
.trial-sample .trans{color:var(--ink);font-weight:700;white-space:pre-wrap}
.trial-sample .lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-sub);display:block;margin-bottom:3px}
.spin{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px}
@keyframes spin{to{transform:rotate(360deg)}}

.trust{background:var(--ink);color:var(--arctic);padding:22px 0}
.trust-in{display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:center;font-family:var(--mono);font-size:14.5px;color:rgba(245,249,246,.75)}
.trust-in b{color:var(--arctic);font-weight:400}
.trust .tick{color:#5fd0a0}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:48px}
.step{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--r-xl);padding:32px 34px;box-shadow:var(--shadow-card)}
.step .no{font-family:var(--mono);color:var(--fg-mute);font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}
.step h3{font-size:21px;margin-bottom:12px;font-weight:700;letter-spacing:-.02em}
.step p{font-size:16px;color:var(--fg-mute);line-height:1.65}

.cases{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:48px}
.case{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--r-xl);padding:36px;box-shadow:var(--shadow-card)}
.case .tag{display:inline-block;background:transparent;border:1.25px solid var(--ink);color:var(--ink);
  border-radius:var(--pill);padding:6px 15px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;margin-bottom:18px}
.case h3{font-size:23px;margin-bottom:12px;font-weight:700;letter-spacing:-.02em}
.case p{color:var(--fg-mute);font-size:16px;margin-bottom:18px;line-height:1.65}
.case a{font-family:var(--display);font-weight:700;text-decoration:none;color:var(--cta);font-size:15px}
@media(max-width:820px){.cases{grid-template-columns:1fr}.steps{grid-template-columns:1fr}}

.calc{background:var(--ink);color:var(--arctic);border-radius:var(--r-xl);padding:52px 48px;box-shadow:var(--shadow-island)}
.calc .eyebrow{color:rgba(245,249,246,.6)}
.calc h2{color:var(--arctic)}
.calc .lead{color:rgba(245,249,246,.78)}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:32px;align-items:center}
.field{margin-bottom:22px}
.field label{display:block;font-family:var(--mono);font-size:14px;color:rgba(245,249,246,.7);margin-bottom:10px;letter-spacing:.02em}
.field input[type=number]{width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(245,249,246,.25);
  background:rgba(245,249,246,.06);color:#fff;font-size:18px;font-family:var(--mono)}
.field input[type=range]{width:100%;accent-color:var(--cta);margin-top:8px}
.price-out .lbl{font-family:var(--mono);font-size:14px;color:rgba(245,249,246,.7);margin-bottom:8px;letter-spacing:.02em}
.price-out .big{font-family:var(--mono);font-size:clamp(38px,5.5vw,56px);color:#fff;line-height:1}
.price-out .cmp{margin-top:16px;font-family:var(--mono);font-size:14.5px;color:rgba(245,249,246,.7);line-height:1.6}
.price-out .cmp b{color:#5fd0a0}
.calc .btn-primary{margin-top:24px}
@media(max-width:820px){.calc-grid{grid-template-columns:1fr}.calc{padding:36px 26px}}

.feat3{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:44px}
@media(max-width:1100px){.feat3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.feat3{grid-template-columns:1fr}}
.trial-panel.trial-done .trial-langs,
.trial-panel.trial-done > .trial-field,
.trial-panel.trial-done #trialSubmit{display:none}

.dsgvo{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-xl);padding:48px;box-shadow:var(--shadow-card);
  display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.dsgvo ul{list-style:none;margin-top:22px}
.dsgvo li{padding:9px 0;color:var(--fg-mute);font-size:16.5px;line-height:1.6}
.dsgvo li b{color:var(--ink);font-weight:700}
.dsgvo-note{margin-top:14px;font-family:var(--mono);font-size:13px;color:var(--fg-mute)}
@media(max-width:820px){.dsgvo{grid-template-columns:1fr;padding:32px 24px}}

.vs{border:1.5px solid var(--ink);border-radius:var(--r-xl);padding:44px 48px;display:flex;gap:28px;box-shadow:var(--shadow-card);
  align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--bg-alt)}
.vs h2{margin-bottom:12px}
.vs p{color:var(--fg-mute);max-width:56ch;line-height:1.65}

.sticky-cta{position:fixed;left:0;right:0;bottom:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  background:rgba(245,249,246,.95);backdrop-filter:blur(8px);border-top:1px solid var(--border);display:none;z-index:60;
  flex-direction:column;align-items:stretch;gap:6px}
.sticky-cta .btn{width:100%;justify-content:center}
.sticky-cta .cta-note{margin:0;text-align:center;font-size:12px}
@media(max-width:720px){.sticky-cta{display:flex}}