/* ================= TriTrack Website ================= */
:root{
  --bg:#000;
  --bg-teal:#0D1F1F;
  --surface:#1C1C1E;
  --card:#2C2C2E;
  --brand:#26C6DA;
  --accent:#FF7043;
  --bike:#29B6F6;
  --indoor:#AB47BC;
  --run:#FF7043;
  --swim:#26C6DA;
  --text:#F5F7F8;
  --muted:#9AA0A6;
  --line:rgba(255,255,255,.08);
  --maxw:1180px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--bg);
  color:var(--text);
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,.hero__tag{font-family:'Manrope',system-ui,sans-serif;line-height:1.15;letter-spacing:-.02em}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.logo-white{filter:brightness(0) invert(1)}
.grad-text{
  background:linear-gradient(100deg,var(--brand),var(--accent));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.eyebrow{
  display:inline-block;font-family:'Manrope';font-weight:700;font-size:.78rem;
  letter-spacing:.22em;text-transform:uppercase;color:var(--brand);margin-bottom:14px;
}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:.5em;justify-content:center;
  padding:14px 26px;border-radius:40px;font-family:'Manrope';font-weight:700;
  font-size:1rem;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s,background .25s;
  border:1px solid transparent;white-space:nowrap;
}
.btn--primary{background:linear-gradient(100deg,var(--brand),#4dd7e8);color:#00252b;box-shadow:0 8px 30px rgba(38,198,218,.35)}
.btn--primary:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(38,198,218,.5)}
.btn--ghost{background:rgba(255,255,255,.04);border-color:var(--line);color:var(--text)}
.btn--ghost:hover{background:rgba(255,255,255,.1);transform:translateY(-3px)}
.btn--donate{background:linear-gradient(100deg,var(--accent),#ff9068);color:#3a1200;box-shadow:0 8px 30px rgba(255,112,67,.4);font-size:1.1rem;padding:16px 34px}
.btn--donate:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 46px rgba(255,112,67,.55)}
.btn.is-disabled{opacity:.55;cursor:not-allowed;background:var(--card);color:var(--muted);box-shadow:none;border-color:var(--line)}

/* ================= NAV ================= */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .4s,backdrop-filter .4s,border-color .4s;border-bottom:1px solid transparent}
.nav.is-scrolled{background:rgba(6,15,18,.82);backdrop-filter:blur(14px);border-bottom-color:var(--line)}
.nav__inner{max-width:var(--maxw);margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.nav__logo{height:30px}
.nav__links{display:flex;align-items:center;gap:8px}
.nav__link{padding:9px 16px;border-radius:30px;font-weight:600;font-size:.95rem;color:var(--muted);transition:color .2s,background .2s}
.nav__link:hover,.nav__link.is-active{color:var(--text)}
.nav__link.is-active{background:rgba(255,255,255,.06)}
.nav__donate{background:linear-gradient(100deg,var(--accent),#ff9068);color:#3a1200!important;font-weight:700}
.nav__donate:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(255,112,67,.4)}
.nav__burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.nav__burger span{width:24px;height:2px;background:var(--text);border-radius:2px;transition:.3s}
/* language toggle */
.nav__lang{display:inline-flex;gap:2px;padding:3px;margin-left:6px;border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.03)}
.lang{border:0;background:none;color:var(--muted);font-family:'Manrope';font-weight:700;font-size:.8rem;letter-spacing:.05em;padding:5px 11px;border-radius:24px;cursor:pointer;transition:.2s}
.lang:hover{color:var(--text)}
.lang.is-active{background:var(--brand);color:#00252b}

/* ================= HERO ================= */
.hero{position:relative;height:100vh;min-height:640px;overflow:hidden;background:
  radial-gradient(120% 80% at 50% 12%, #123039 0%, #0a1a20 42%, #050b0e 74%, #000 100%);}
.hero__scene{position:absolute;inset:0;z-index:1;will-change:transform}
.hero__glow{position:absolute;top:6%;left:50%;width:min(760px,90vw);height:min(760px,90vw);transform:translateX(-50%);
  background:radial-gradient(circle, rgba(38,198,218,.35) 0%, rgba(38,198,218,.08) 40%, transparent 66%);
  filter:blur(10px);animation:breathe 7s ease-in-out infinite}
@keyframes breathe{0%,100%{opacity:.75;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.08)}}
.ridge{position:absolute;left:0;right:0;bottom:0;width:100%;height:82%;will-change:transform}
.ridge--back{height:88%}
.ridge__line{filter:drop-shadow(0 0 6px rgba(38,198,218,.6))}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
/* running ECG / heart line below the CTAs */
.hero__ecg{margin-top:34px;width:min(560px,86vw);height:64px;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);
  animation:ecgIn .8s var(--ease) .35s both}
@keyframes ecgIn{from{opacity:0}to{opacity:1}}
.hero__ecg-line{width:100%;height:100%;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='180'%20height='64'%20viewBox='0%200%20180%2064'%3E%3Cpath%20d='M0,32H58L66,27L74,32L96,32L102,10L110,54L118,32L138,32L146,26L156,32H180'%20fill='none'%20stroke='%2326C6DA'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:repeat-x;background-position:0 center;background-size:180px 64px;
  filter:drop-shadow(0 0 6px rgba(38,198,218,.8));
  animation:ecgrun 1.15s linear infinite}
@keyframes ecgrun{from{background-position:0 center}to{background-position:-180px center}}
.hero__stars{position:absolute;inset:0}
.hero__stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;opacity:.5;animation:twinkle 4s ease-in-out infinite}
@keyframes twinkle{0%,100%{opacity:.15;transform:translateY(0)}50%{opacity:.8;transform:translateY(-6px)}}

.hero__content{position:relative;z-index:5;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px;will-change:transform,opacity}
.hero__logo{width:min(560px,84vw);filter:brightness(0) invert(1) drop-shadow(0 10px 40px rgba(0,0,0,.6));animation:logoIn 1.1s var(--ease) both}
@keyframes logoIn{from{opacity:0;transform:translateY(26px) scale(.96)}to{opacity:1;transform:none}}
.hero__tag{font-size:clamp(1.15rem,2.6vw,1.7rem);font-weight:700;margin-top:26px}
.hero__sub{max-width:620px;color:#cfd6d8;margin-top:16px;font-size:clamp(.98rem,1.5vw,1.12rem)}
.hero__sub strong{color:#fff}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:32px}
.hero__scroll{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase}
.hero__mouse{width:24px;height:38px;border:2px solid rgba(255,255,255,.4);border-radius:14px;display:flex;justify-content:center;padding-top:6px}
.hero__mouse span{width:4px;height:8px;border-radius:2px;background:var(--brand);animation:scrolldot 1.6s ease-in-out infinite}
@keyframes scrolldot{0%{opacity:0;transform:translateY(-4px)}40%{opacity:1}100%{opacity:0;transform:translateY(12px)}}

/* ================= STATS ================= */
.stats{position:relative;z-index:10;background:linear-gradient(180deg,#050b0e,var(--bg));border-top:1px solid var(--line);padding:56px 0}
.stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.stat{text-align:center;padding:20px 12px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent);border:1px solid var(--line)}
.stat__num{font-family:'Manrope';font-weight:800;font-size:clamp(2.4rem,5vw,3.4rem);line-height:1;
  background:linear-gradient(100deg,var(--brand),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.stat__label{margin-top:10px;font-weight:600;font-size:.98rem}
.stat__label span{display:block;color:var(--muted);font-weight:400;font-size:.82rem;margin-top:4px}

/* ================= SECTIONS ================= */
.section{padding:96px 0;position:relative}
.section__head{max-width:720px;margin:0 auto 56px;text-align:center}
.section__head h2{font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800}
.section__head p{color:var(--muted);margin-top:16px;font-size:1.05rem}

/* ---------- Features ---------- */
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.feat{grid-column:span 1;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:26px 22px;position:relative;overflow:hidden;transition:transform .3s var(--ease),border-color .3s}
.feat::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 0 0,color-mix(in srgb,var(--c) 16%,transparent),transparent 60%);opacity:0;transition:opacity .3s}
.feat:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--c) 50%,transparent)}
.feat:hover::before{opacity:1}
.feat__ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:1.5rem;background:color-mix(in srgb,var(--c) 18%,var(--card));border:1px solid color-mix(in srgb,var(--c) 40%,transparent);margin-bottom:16px}
.feat h3{font-size:1.12rem;margin-bottom:8px}
.feat p{color:var(--muted);font-size:.94rem}

/* ---------- Screenshots ---------- */
.shots{background:linear-gradient(180deg,var(--bg),#060d10 50%,var(--bg))}
.phones{display:flex;justify-content:center;align-items:flex-end;gap:30px;flex-wrap:wrap}
.phone{flex:0 0 auto;text-align:center}
.phone__frame{position:relative;width:230px;height:472px;border-radius:38px;padding:12px;background:linear-gradient(160deg,#2a2a2c,#171718);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 70px rgba(0,0,0,.6);transition:transform .4s var(--ease)}
.phone--hero .phone__frame{width:250px;height:512px;box-shadow:0 40px 90px rgba(38,198,218,.18),0 30px 70px rgba(0,0,0,.7)}
.phone:hover .phone__frame{transform:translateY(-10px)}
.phone__notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:110px;height:22px;background:#000;border-radius:0 0 14px 14px;z-index:3}
.phone__screen{width:100%;height:100%;border-radius:28px;background:#000;overflow:hidden;padding:26px 18px 18px;color:#fff;position:relative}
.phone__cap{margin-top:16px;font-family:'Manrope';font-weight:600;color:var(--muted);font-size:.9rem}
.shots__note{text-align:center;color:var(--muted);font-size:.85rem;margin-top:34px}
/* ---- coverflow carousel ---- */
.carousel{position:relative}
.carousel__track{display:flex;align-items:center;gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:34px calc(50% - 122px);scroll-padding-inline:calc(50% - 122px);
  -ms-overflow-style:none;scrollbar-width:none}
.carousel__track::-webkit-scrollbar{display:none}
.carousel__item{flex:0 0 auto;width:230px;scroll-snap-align:center;text-align:center;
  transform:scale(.76);opacity:.4;filter:saturate(.85);
  transition:transform .5s var(--ease),opacity .5s var(--ease),filter .5s}
.carousel__item.is-center{transform:scale(1);opacity:1;filter:none}
.carousel__item .phone__frame{margin:0 auto}
.carousel__item.is-center .phone__frame{box-shadow:0 40px 90px rgba(38,198,218,.2),0 30px 70px rgba(0,0,0,.7)}
.carousel__btn{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:50px;height:50px;border-radius:50%;
  border:1px solid var(--line);background:rgba(14,22,26,.82);backdrop-filter:blur(8px);color:#fff;
  font-size:1.7rem;line-height:1;cursor:pointer;display:grid;place-items:center;transition:.22s var(--ease)}
.carousel__btn:hover{background:var(--brand);color:#00252b;border-color:var(--brand);transform:translateY(-50%) scale(1.08)}
.carousel__btn--prev{left:4px}
.carousel__btn--next{right:4px}
/* run screen */
.scr-run__banner{border-radius:12px;padding:9px 12px;margin-bottom:12px;background:color-mix(in srgb,var(--c) 20%,#111);border:1px solid color-mix(in srgb,var(--c) 45%,transparent)}
.scr-run__banner b{display:block;font-family:'Manrope';font-size:.82rem;color:#fff}
.scr-run__banner span{font-size:.66rem;color:var(--muted)}
/* indoor screen */
.scr-indoor__erg{text-align:center;color:var(--muted);font-size:.74rem;margin:-8px 0 14px}
.scr-indoor__erg b{color:#CE93D8;font-family:'Manrope'}
.scr-live__grid--2{grid-template-columns:1fr 1fr}
/* hr-zone screen */
.scr-hz__band{display:flex;gap:3px;height:16px;margin:8px 0 6px}
.scr-hz__band span{flex:1;border-radius:3px;opacity:.4;position:relative}
.scr-hz__band span.on{opacity:1}
.scr-hz__band span.on i{position:absolute;top:-5px;left:50%;transform:translateX(-50%);width:2px;height:26px;background:#fff;border-radius:2px}
.scr-hz__zlabel{text-align:center;color:var(--muted);font-size:.68rem;margin-bottom:12px}
/* gpx screen */
.scr-gpx__grade{display:flex;flex-direction:column;align-items:center;margin:16px 0 12px}
.scr-gpx__grade .v{font-family:'Manrope';font-weight:800;font-size:3.4rem;line-height:1}
.scr-gpx__grade .u{color:var(--muted);font-size:.8rem}
.scr-gpx__prof{width:100%;height:64px;background:#0b0b0c;border-radius:12px;margin-bottom:10px}
.scr-gpx__dist{text-align:center;color:var(--muted);font-size:.72rem;margin-bottom:12px}
.scr-gpx__dist b{color:#fff;font-family:'Manrope'}
/* live screen */
.scr-live__top{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted)}
.scr-live__hr{color:#FF5252;font-weight:700}
.scr-live__hr small{color:var(--muted);font-weight:400}
.scr-live__big{display:flex;flex-direction:column;align-items:center;margin:26px 0 20px}
.scr-live__big .v{font-family:'Manrope';font-weight:800;font-size:4rem;line-height:1;color:var(--brand)}
.scr-live__big .u{color:var(--muted);font-size:.85rem;margin-top:2px}
.scr-live__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.scr-live__grid div{background:#111;border-radius:12px;padding:10px;text-align:center}
.scr-live__grid b{display:block;font-family:'Manrope';font-weight:700;font-size:1.25rem}
.scr-live__grid i{color:var(--muted);font-size:.68rem;font-style:normal}
.scr-live__spark{width:100%;height:46px;margin-top:14px}
/* analytics */
.scr-ana__title{font-family:'Manrope';font-weight:700;font-size:1rem;margin-bottom:16px}
.scr-ana__pmc{display:flex;gap:8px;margin-bottom:18px}
.pmc{flex:1;background:#111;border-radius:12px;padding:12px 6px;text-align:center}
.pmc__v{display:block;font-family:'Manrope';font-weight:800;font-size:1.5rem}
.pmc__l{color:var(--muted);font-size:.66rem}
.scr-ana__chart{width:100%;height:96px;background:#0b0b0c;border-radius:12px;margin-bottom:16px}
.scr-ana__row{display:flex;justify-content:space-between;padding:11px 12px;background:#111;border-radius:12px;margin-bottom:8px;font-size:.9rem}
.scr-ana__row b{font-family:'Manrope'}
/* plan */
.scr-plan__title{font-family:'Manrope';font-weight:700;font-size:1rem;margin-bottom:16px}
.plan-item{display:flex;align-items:center;gap:12px;background:#111;border-radius:12px;padding:11px 12px;margin-bottom:10px}
.plan-item .dot{width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c);flex:0 0 auto}
.plan-item b{display:block;font-size:.86rem;font-family:'Manrope'}
.plan-item i{color:var(--muted);font-size:.7rem;font-style:normal}
.scr-plan__count{margin-top:14px;text-align:center;color:var(--muted);font-size:.82rem}
.scr-plan__count b{color:var(--accent);font-family:'Manrope';font-size:1.05rem}

/* ---------- Privacy ---------- */
.privacy{background:radial-gradient(90% 60% at 80% 0,rgba(38,198,218,.08),transparent 60%),var(--bg)}
.privacy__inner{display:grid;grid-template-columns:180px 1fr;gap:50px;align-items:center}
.privacy__badge{display:grid;place-items:center}
.privacy__badge svg{filter:drop-shadow(0 0 24px rgba(38,198,218,.35));animation:floaty 6s ease-in-out infinite}
.privacy__text h2{font-size:clamp(1.8rem,4vw,2.9rem)}
.privacy__text p{color:#cfd6d8;margin-top:16px;font-size:1.05rem}
.privacy__list{list-style:none;margin-top:24px;display:grid;gap:14px}
.privacy__list li{padding-left:34px;position:relative;color:var(--muted)}
.privacy__list li b{color:var(--text)}
.privacy__list li::before{content:"✓";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:rgba(38,198,218,.15);color:var(--brand);display:grid;place-items:center;font-size:.8rem;font-weight:700}

/* ---------- Donate ---------- */
.donate__card{max-width:720px;margin:0 auto;text-align:center;background:linear-gradient(160deg,rgba(255,112,67,.12),rgba(38,198,218,.06));border:1px solid rgba(255,112,67,.25);border-radius:30px;padding:56px 40px}
.donate__emoji{font-size:3rem;margin-bottom:8px}
.donate__card h2{font-size:clamp(1.6rem,3.5vw,2.4rem)}
.donate__card p{color:#cfd6d8;margin:16px auto 28px;max-width:520px}
.donate__small{color:var(--muted);font-size:.82rem;margin-top:16px}

/* ---------- Download ---------- */
.download{text-align:center}
.download__inner{max-width:900px;margin:0 auto}
.download__inner h2{font-size:clamp(1.8rem,4vw,2.9rem)}
.download__inner p{color:var(--muted);margin-top:16px}
.download__btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.download__cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px;text-align:left}
.dlcard{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:30px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.dlcard--ios{border-color:rgba(255,112,67,.32);background:linear-gradient(180deg,rgba(255,112,67,.08),transparent 70%)}
.dlcard__ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--card);border:1px solid var(--line)}
.dlcard__ic--android{background:rgba(61,220,132,.12);border-color:rgba(61,220,132,.4)}
.dlcard__ic--ios{background:rgba(255,255,255,.06)}
.dlcard h3{font-size:1.4rem}
.dlcard p{color:var(--muted);font-size:.95rem;flex:1 0 auto}
.dlcard .btn{margin-top:6px}
.dlcard__badge{position:absolute;top:20px;right:20px;font-family:'Manrope';font-weight:700;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:rgba(255,112,67,.14);border:1px solid rgba(255,112,67,.35);padding:5px 11px;border-radius:30px}

/* ================= CONTACT FORM ================= */
.contact__inner{max-width:760px;margin:0 auto}
.contact__card{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:30px;margin-top:8px}
.contact__toggle{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}
.ctype{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;border-radius:16px;
  background:var(--card);border:1px solid var(--line);color:var(--muted);font-family:'Manrope';font-weight:700;font-size:1rem;cursor:pointer;transition:.25s var(--ease)}
.ctype__ic{font-size:1.25rem}
.ctype:hover{color:var(--text);transform:translateY(-2px)}
.ctype.is-active{color:var(--text);border-color:var(--brand);background:linear-gradient(180deg,rgba(38,198,218,.16),rgba(38,198,218,.04));box-shadow:0 0 0 1px var(--brand) inset}
.ctype[data-type="bug"].is-active{border-color:var(--accent);background:linear-gradient(180deg,rgba(255,112,67,.16),rgba(255,112,67,.04));box-shadow:0 0 0 1px var(--accent) inset}
.contact__subject{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;background:#111214;border:1px dashed var(--line);color:var(--muted);font-size:.9rem;margin-bottom:22px}
.contact__subject b{color:var(--brand);font-family:'Manrope'}
.cform{display:flex;flex-direction:column;gap:16px}
.cform__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:flex;flex-direction:column;gap:7px}
.field>span{font-family:'Manrope';font-weight:600;font-size:.86rem;color:var(--text)}
.field input,.field textarea{width:100%;background:#111214;border:1px solid var(--line);border-radius:12px;color:var(--text);
  font-family:'Inter';font-size:.98rem;padding:13px 15px;transition:border-color .2s,box-shadow .2s;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:#5c6266}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(38,198,218,.15)}
.field input:user-invalid,.field textarea:user-invalid{border-color:#ff5252}
.cform__send{align-self:flex-start;margin-top:4px}
.cform__send.is-busy,.cform__send[disabled]{opacity:.6;cursor:progress}
.cform__ok{margin-top:4px;padding:14px 16px;border-radius:12px;background:rgba(38,198,218,.12);border:1px solid rgba(38,198,218,.35);color:#bff1f7;font-size:.95rem}
.cform__err{margin-top:4px;padding:14px 16px;border-radius:12px;background:rgba(255,82,82,.10);border:1px solid rgba(255,82,82,.40);color:#ffb4b4;font-size:.95rem}
/* Honeypot: fully off-canvas but focusable/fillable to bots that ignore hidden. */
.cform__hp{position:absolute!important;left:-10000px!important;top:auto;width:1px;height:1px;overflow:hidden}

/* ================= LEGAL / IMPRESSUM ================= */
.subpage{background:var(--bg)}
.legal{padding:120px 0 80px;min-height:70vh}
.legal__inner{max-width:760px}
.legal__back{display:inline-block;color:var(--brand);font-weight:600;font-size:.92rem;margin-bottom:22px}
.legal__back:hover{text-decoration:underline}
.legal h1{font-family:'Manrope';font-weight:800;font-size:clamp(2rem,5vw,2.8rem);margin-bottom:28px}
.legal__block{padding:22px 0;border-top:1px solid var(--line)}
.legal__block h2{font-family:'Manrope';font-weight:700;font-size:1.3rem;margin-bottom:12px}
.legal__block h3{font-family:'Manrope';font-weight:600;font-size:1.02rem;margin:16px 0 6px}
.legal__block p{color:var(--muted);font-size:.98rem}
.legal__block a{color:var(--brand)}
.legal__block a:hover{text-decoration:underline}
.legal__addr{color:var(--text)!important;line-height:1.9}
.legal .ph{display:inline-block;color:var(--accent);background:rgba(255,112,67,.1);border:1px dashed rgba(255,112,67,.5);border-radius:6px;padding:1px 8px;font-size:.92rem}

/* ================= SPONSOREN ================= */
.sponsors{background:#0a1214;border-top:1px solid var(--line);padding:56px 0}
.sponsors__inner{text-align:center}
.sponsors__title{font-family:'Manrope';font-weight:700;letter-spacing:.14em;font-size:.78rem;text-transform:uppercase;color:var(--brand);margin-bottom:8px}
.sponsors__sub{color:var(--muted);font-size:.95rem;margin-bottom:28px}
.sponsors__row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:48px 64px}
.sponsors__item{display:inline-flex;align-items:center;justify-content:center;opacity:.72;transition:opacity .25s ease,transform .25s ease}
.sponsors__item:hover,.sponsors__item:focus-visible{opacity:1;transform:translateY(-2px)}
.sponsors__item img{max-height:56px;width:auto;height:auto;max-width:220px;display:block;object-fit:contain}
@media (max-width:640px){
  .sponsors{padding:44px 0}
  .sponsors__row{gap:32px 40px}
  .sponsors__item img{max-height:44px;max-width:180px}
}

/* ================= FOOTER ================= */
.footer{background:#060a0c;border-top:1px solid var(--line);padding-top:64px}
.footer__inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:48px}
.footer__logo{height:34px;margin-bottom:16px}
.footer__brand p{color:var(--muted);font-size:.92rem}
.footer__col h4{font-family:'Manrope';font-size:.95rem;margin-bottom:14px}
.footer__col a{display:block;color:var(--muted);padding:5px 0;transition:color .2s}
.footer__col a:hover{color:var(--brand)}
.footer__bar{border-top:1px solid var(--line);padding:22px 24px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;max-width:var(--maxw);margin:0 auto;color:var(--muted);font-size:.82rem}

/* ================= REVEAL ANIM ================= */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}

/* ================= RESPONSIVE ================= */
@media(max-width:920px){
  .features{grid-template-columns:repeat(3,1fr)}
  .privacy__inner{grid-template-columns:1fr;gap:30px;text-align:center}
  .privacy__badge{margin:0 auto}
  .privacy__list li{text-align:left}
  .footer__inner{grid-template-columns:1fr 1fr}
  .footer__brand{grid-column:1/-1}
}
@media(max-width:760px){
  .nav__links{position:fixed;inset:64px 12px auto 12px;flex-direction:column;align-items:stretch;gap:6px;
    background:rgba(10,20,24,.96);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:18px;padding:14px;
    transform:translateY(-14px);opacity:0;pointer-events:none;transition:.3s}
  .nav__links.open{transform:none;opacity:1;pointer-events:auto}
  .nav__link{padding:12px 16px}
  .nav__burger{display:flex}
  .nav.is-open .nav__burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav.is-open .nav__burger span:nth-child(2){opacity:0}
  .nav.is-open .nav__burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .stats__grid{grid-template-columns:1fr 1fr;gap:14px}
  .stat__num{font-size:2.6rem}
  .section{padding:72px 0}
  .feat:nth-child(n){grid-column:span 1}
  .features{grid-template-columns:1fr 1fr}
  .nav__lang{align-self:center;margin:6px 0 0}
  .cform__row{grid-template-columns:1fr}
  .download__cards{grid-template-columns:1fr}
}
@media(max-width:460px){
  .features{grid-template-columns:1fr}
  .feat:nth-child(n){grid-column:span 1}
  .contact__toggle{grid-template-columns:1fr}
  .contact__card{padding:20px}
  .hero__cta{flex-direction:column;width:100%}
  .hero__cta .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important}
  .reveal{opacity:1;transform:none}
}