/* ============================================================================
   HUB — emrekazak.com/demo  ·  "Sessiz galeri, yüksek sesli işler."
   DNA: ANA SİTE DİLİ (emrekazak.com) — Carbon Black + Phosphor Green.
   Tokenlar src/site.css ile eşlendi: #0A0A0A canvas + #D6FF6B phosphor aksan.
   Tonal surface merdiveni böler (1px border YOK). Tüm kartlar EŞİT.
   Not: --metal* isimleri geriye-uyum için korundu → DEĞERLERİ artık phosphor.
   ========================================================================== */

/* ---- Self-host fonts (Google/CDN YASAK) --------------------------------- */
@font-face { font-family:"NHG"; src:url("../fonts/NeueHaasDisplayLight.woff2") format("woff2"); font-weight:300; font-style:normal; font-display:swap; }
@font-face { font-family:"NHG"; src:url("../fonts/NeueHaasDisplayRoman.woff2") format("woff2"); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:"NHG"; src:url("../fonts/NeueHaasDisplayMediu.woff2") format("woff2"); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:"NHG"; src:url("../fonts/NeueHaasDisplayBold.woff2") format("woff2"); font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:"NHG"; src:url("../fonts/NeueHaasDisplayBlack.woff2") format("woff2"); font-weight:900; font-style:normal; font-display:swap; }

/* ---- Design tokens (ana site ile eşlendi) ------------------------------- */
:root{
  /* Yüzey merdiveni — src/site.css değerleri (1px border YERİNE bunlar böler) */
  --canvas:#0A0A0A; --s1:#141414; --s2:#1C1C1C; --s3:#242424; --s4:#2A2A2A;
  /* Mürekkep — cool cream + neutral grey (ana site) */
  --ink:#F1F2F5; --ink-muted:#9CA3AF; --ink-subtle:#7E838C; /* AA 4.5:1+ carbon üstünde */
  /* TEK aksan: PHOSPHOR GREEN (isim --metal* korundu, değer phosphor) */
  --metal:#D6FF6B; --metal-hi:#E5FF8C; --metal-deep:#A6CC42;
  --accent-2:#7A8069;  /* olive-grey — muted eyebrow/label (WCAG AA) */
  /* Hairline — tonal, düşük opasite (ana site) */
  --hair:rgba(241,242,245,.08); --hair-strong:rgba(241,242,245,.14);
  /* Glow (phosphor) */
  --glow-soft:rgba(214,255,107,.16); --glow-mid:rgba(214,255,107,.30); --glow-hi:rgba(214,255,107,.48);
  /* Semantik */
  --live:#4ADE80; --soon:#7A7670;

  /* Tipografi */
  --f-disp:"NHG","Neue Haas Grotesk Display Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --f-mono:ui-monospace,"JetBrains Mono","SF Mono",Menlo,Consolas,"Liberation Mono",monospace;

  /* Spacing (8px taban, üssel) */
  --sp-4:4px; --sp-8:8px; --sp-16:16px; --sp-24:24px; --sp-32:32px;
  --sp-48:48px; --sp-64:64px; --sp-96:96px; --sp-128:128px;

  /* Easing + süre (ana site ease-out ile hizalı) */
  --e-expo:cubic-bezier(.16,1,.3,1);
  --e-inout:cubic-bezier(.65,.05,.36,1);
  --e-metal:cubic-bezier(.22,1,.36,1);   /* == src/site.css --ease-out */
  --d-micro:200ms; --d-base:350ms; --d-reveal:720ms; --d-cine:1100ms;

  /* Radius (ana siteye yakın: kart 16, buton pill) */
  --r-lg:16px; --r-sm:10px;

  --gutter:clamp(20px,5vw,80px);
  --maxw:1440px;
}

/* ---- Reset -------------------------------------------------------------- */
*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }
html{ -webkit-text-size-adjust:100%; }
html[data-lenis="on"]{ scroll-behavior:smooth; }        /* native smooth (Lenis fallback) */
html[data-lenis="off"]{ scroll-behavior:auto; }
body{
  position:relative;
  background:var(--canvas); color:var(--ink);
  font-family:var(--f-disp); font-weight:400; line-height:1.55;
  letter-spacing:-.004em; font-synthesis:none;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
/* ---- Aurora glow arka plan (ana site imzası, phosphor radial — sessiz ton) */
body::before{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(62% 50% at 50% -12%, rgba(214,255,107,.10), transparent 62%),
    radial-gradient(46% 62% at 110% 14%, rgba(125,211,252,.045), transparent 55%),
    radial-gradient(48% 62% at -14% 84%, rgba(214,255,107,.07), transparent 55%),
    radial-gradient(30% 40% at 50% 112%, rgba(74,222,128,.05), transparent 65%);
}
html[data-motion="flat"] body::before{ display:none; }

img,video,svg{ display:block; max-width:100%; }
a{ color:inherit; text-decoration:none; }
button{ font:inherit; color:inherit; background:none; border:none; cursor:pointer; }
input{ font:inherit; }
::selection{ background:var(--metal); color:var(--canvas); }

/* Focus-visible phosphor ring (a11y) */
:focus-visible{ outline:2px solid var(--metal-hi); outline-offset:3px; border-radius:4px; }

/* ---- Film-grain overlay (imza atmosfer, tek katman data-URI) ------------ */
.grain{
  position:fixed; inset:0; z-index:40; pointer-events:none;
  mix-blend-mode:overlay; opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
html[data-motion="flat"] .grain{ display:none; }         /* Flat modda kapalı */

/* ============================================================================
   TYPOGRAPHY SCALE — ana site ölçeğiyle hizalı (.display/.h1/.h2/.label)
   ========================================================================== */
.eyebrow{
  font-family:var(--f-mono); font-weight:500; font-size:.8125rem;
  line-height:1.3; letter-spacing:.16em; text-transform:uppercase;
  color:var(--metal); display:inline-flex; align-items:center; gap:var(--sp-8);
}
.eyebrow--muted{ color:var(--accent-2); }
.eyebrow .tick{ color:var(--metal); }

.display-xl{ font-family:var(--f-disp); font-weight:900; font-size:clamp(2.75rem,8vw,7rem); line-height:.92; letter-spacing:-.045em; font-feature-settings:"ss01","ss02","kern"; }
.display-lg{ font-family:var(--f-disp); font-weight:900; font-size:clamp(2.25rem,5.4vw,4.5rem); line-height:.98; letter-spacing:-.04em; }
.display-md{ font-family:var(--f-disp); font-weight:700; font-size:clamp(1.75rem,3.4vw,2.85rem); line-height:1.06; letter-spacing:-.018em; }
.headline{ font-family:var(--f-disp); font-weight:700; font-size:1.3rem; line-height:1.16; letter-spacing:-.014em; }
.body-lg{ font-size:1.125rem; line-height:1.55; letter-spacing:-.006em; color:var(--ink-muted); }
.body{ font-size:1rem; line-height:1.6; color:var(--ink-muted); }
.caption{ font-size:.8125rem; line-height:1.45; color:var(--ink-subtle); }

/* ============================================================================
   LAYOUT
   ========================================================================== */
.wrap{ width:100%; max-width:var(--maxw); margin-inline:auto; padding-inline:var(--gutter); }
.section{ padding-block:clamp(48px,10vw,96px); }

/* ---- Nav (minimal, sinematik, hero üstüne biner) ----------------------- */
.nav{
  position:fixed; top:0; left:0; right:0; z-index:50; height:56px;
  display:flex; align-items:center; justify-content:space-between;
  padding-inline:var(--gutter);
  transition:background var(--d-base) var(--e-inout), border-color var(--d-base) var(--e-inout);
  background:transparent; border-bottom:1px solid transparent;
}
.nav[data-stuck="true"]{ background:color-mix(in srgb,var(--canvas) 88%, transparent); border-bottom-color:var(--hair); backdrop-filter:blur(8px); }
.wordmark{ font-family:var(--f-mono); font-size:.8125rem; letter-spacing:.14em; text-transform:uppercase; color:var(--ink); display:inline-flex; gap:.5ch; align-items:center; }
.wordmark b{ color:var(--ink); font-weight:700; }
.wordmark .wm-demo{ color:var(--metal); font-weight:500; }
.nav__right{ display:flex; align-items:center; gap:var(--sp-16); }

/* Toggle switch (mono etiketli anahtar) */
.toggle{
  display:inline-flex; align-items:center; gap:var(--sp-8);
  font-family:var(--f-mono); font-size:.6875rem; letter-spacing:.08em;
  text-transform:uppercase; color:var(--ink-muted);
}
.toggle__track{
  position:relative; width:38px; height:20px; border-radius:999px;
  background:var(--s3); transition:background var(--d-micro) var(--e-inout);
}
.toggle__track::after{
  content:""; position:absolute; top:3px; left:3px; width:14px; height:14px;
  border-radius:50%; background:var(--ink-muted);
  transition:transform var(--d-micro) var(--e-metal), background var(--d-micro) var(--e-inout);
}
.toggle[aria-pressed="true"] .toggle__track{ background:color-mix(in srgb,var(--metal) 42%, var(--s3)); }
.toggle[aria-pressed="true"] .toggle__track::after{ transform:translateX(18px); background:var(--metal); }
.toggle__label b{ color:var(--ink); font-weight:500; }
/* Dar ekranda etiketi gizle ama TRACK tıklanabilir kalsın (işlev korunur, title tooltip var) */
@media (max-width:760px){ .toggle__label{ display:none; } }

/* ---- btn-line (text + phosphor underline-trail) ------------------------ */
.btn-line{
  position:relative; display:inline-flex; align-items:center; gap:.5ch;
  font-family:var(--f-mono); font-size:.8125rem; letter-spacing:.04em;
  color:var(--ink); padding-bottom:2px;
}
.btn-line .arrow{ color:var(--metal); transition:transform var(--d-base) var(--e-metal); display:inline-block; }
.btn-line::after{
  content:""; position:absolute; left:0; bottom:0; height:1.5px; width:100%;
  background:var(--metal-hi); transform:scaleX(0); transform-origin:left;
  transition:transform var(--d-base) var(--e-metal);
}

/* ---- btn-slab (ana site pill + liquid phosphor blob hover) -------------- */
.btn-slab{
  position:relative; display:inline-flex; align-items:center; gap:.6ch;
  padding:14px 24px; border-radius:999px; overflow:hidden; isolation:isolate;
  background:var(--s2); color:var(--ink);
  border:1px solid var(--hair-strong);
  font-family:var(--f-mono); font-weight:500; font-size:.8125rem; letter-spacing:.04em; text-transform:uppercase;
  transition:border-color var(--d-base) var(--e-metal), color var(--d-base) var(--e-metal),
             box-shadow var(--d-base) var(--e-metal), transform var(--d-base) var(--e-metal);
}
.btn-slab::before{        /* alttan yükselen phosphor blob */
  content:""; position:absolute; left:-20%; top:100%; width:140%; height:240%;
  z-index:-1; pointer-events:none; border-radius:50%;
  background:radial-gradient(ellipse at center, var(--metal-hi) 0%, var(--metal) 55%, var(--metal-deep) 75%, transparent 80%);
  transform:translateY(0); transition:transform 700ms var(--e-metal);
}
.btn-slab > *{ position:relative; z-index:1; }
.btn-slab .arrow{ color:inherit; transition:transform var(--d-base) var(--e-metal); display:inline-block; }
.btn-slab:disabled{ background:var(--s3); color:var(--ink-subtle); cursor:not-allowed; border-color:var(--hair); }
.btn-slab--sm{ padding:9px 16px; font-size:.75rem; }
.nav__cta{ white-space:nowrap; }
.nav__home{ color:var(--ink-muted); }
.nav__home .arrow{ font-size:.9em; }
@media (max-width:520px){ .nav__home{ display:none; } }

@media (pointer:fine){
  html[data-motion="premium"] .btn-line:hover::after{ transform:scaleX(1); }
  html[data-motion="premium"] .btn-line:hover .arrow{ transform:translateX(4px); }
  html[data-motion="premium"] .btn-line.nav__home:hover{ color:var(--ink); }
  html[data-motion="premium"] .btn-slab:hover{ color:var(--canvas); border-color:var(--metal-hi); transform:translateY(-2px);
    box-shadow:0 10px 32px -10px var(--glow-hi), 0 0 0 1px var(--metal-hi); }
  html[data-motion="premium"] .btn-slab:hover::before{ transform:translateY(-65%); }
  html[data-motion="premium"] .btn-slab:hover .arrow{ transform:translateX(3px); }
}
.btn-slab:active{ transform:translateY(0); }

/* ============================================================================
   HERO — kinetik tipografi
   ========================================================================== */
.hero{ position:relative; padding-top:clamp(120px,20vh,200px); padding-bottom:clamp(48px,8vw,88px); }
.hero__eyebrow{ margin-bottom:var(--sp-32); }
.hero__title{ max-width:16ch; }
/* Line-mask reveal: her satır clip-path ile açılır */
.line{ display:block; overflow:hidden; }
.line > span{ display:block; }
/* LCP-guvenli reveal: JS'siz -> H1 gorunur; html.js (head inline script, ilk boyadan once)
   -> CSS animasyonu kendiliginden oynar. hub.js/GSAP BEKLENMEZ (perf-audit blocker fix). */
@keyframes hubLineUp{ from{ transform:translateY(105%); } to{ transform:translateY(0); } }
html.js[data-motion="premium"] .hero .line > span{ animation:hubLineUp var(--d-reveal) var(--e-expo) both; will-change:transform; }
html.js[data-motion="premium"] .hero__title .line:nth-child(2) > span{ animation-delay:90ms; }

/* Skip-link (WCAG 2.4.1) */
.skip-link{ position:absolute; left:-9999px; top:0; z-index:100; background:var(--metal); color:var(--canvas);
  padding:.6rem 1rem; font-family:var(--f-mono); font-size:.8rem; text-decoration:none; }
.skip-link:focus{ left:0; }
.hero__title em{ font-style:normal; color:var(--metal); }

.hero__lede{ margin-top:var(--sp-32); max-width:52ch; display:grid; gap:var(--sp-8); }
.hero__lede .lead{ font-size:clamp(1.05rem,1.6vw,1.35rem); color:var(--ink); font-weight:500; letter-spacing:-.01em; line-height:1.4; }
.hero__lede .sub{ font-family:var(--f-mono); font-size:.8125rem; letter-spacing:.02em; color:var(--ink-muted); }
.hero__meta{ margin-top:var(--sp-48); display:flex; flex-wrap:wrap; gap:var(--sp-16); align-items:center; }
.hero__meta .stat{ font-family:var(--f-mono); font-size:.75rem; letter-spacing:.04em; color:var(--ink-subtle); font-variant-numeric:tabular-nums; }
.hero__meta .stat b{ color:var(--ink); font-weight:500; }
.hero__meta .dot{ width:4px; height:4px; border-radius:50%; background:var(--ink-subtle); }

/* ============================================================================
   DEMO GRID — TÜM KARTLAR EŞİT (3×2 desktop · 2 tablet · 1 mobil)
   ========================================================================== */
.demo-grid{
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:clamp(16px,1.6vw,24px);
}
@media (max-width:1000px){ .demo-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .demo-grid{ grid-template-columns:1fr; } }

/* ============================================================================
   KÜNYE CARD (imza bileşen · hepsi aynı yapı/ağırlık)
   ========================================================================== */
.card{
  position:relative; display:flex; flex-direction:column;
  background:var(--s1); border-radius:var(--r-lg); overflow:hidden;
  isolation:isolate;
  transition:background var(--d-base) var(--e-inout), transform var(--d-base) var(--e-metal), box-shadow var(--d-base) var(--e-metal);
}
/* Reveal (JS container'a .is-in ekler) — hafif stagger cascade */
html.js .card{ opacity:0; transform:translateY(32px); }
html.js .demo-grid.is-in .card, html.js .card.is-in{ opacity:1; transform:translateY(0);
  transition:opacity var(--d-reveal) var(--e-expo), transform var(--d-reveal) var(--e-expo); }
html.js .demo-grid.is-in .card:nth-child(2){ transition-delay:70ms; }
html.js .demo-grid.is-in .card:nth-child(3){ transition-delay:140ms; }
html.js .demo-grid.is-in .card:nth-child(4){ transition-delay:210ms; }
html.js .demo-grid.is-in .card:nth-child(5){ transition-delay:280ms; }
html.js .demo-grid.is-in .card:nth-child(6){ transition-delay:350ms; }
/* Phosphor hairline-draw (alt kenar, hover) */
.card::after{
  content:""; position:absolute; left:0; bottom:0; height:2px; width:100%;
  background:linear-gradient(90deg,var(--metal),var(--metal-deep));
  transform:scaleX(0); transform-origin:left; z-index:3;
  transition:transform var(--d-base) var(--e-metal);
}
@media (pointer:fine){
  html[data-motion="premium"] .card--link:hover{
    background:var(--s2); transform:translateY(-6px);
    box-shadow:0 24px 60px -22px rgba(0,0,0,.65), 0 16px 46px -26px var(--glow-mid), 0 0 0 1px var(--hair-strong);
  }
  html[data-motion="premium"] .card--link:hover::after{ transform:scaleX(1); }
  html[data-motion="premium"] .card--link:hover .preview__poster{ transform:scale(1.06); filter:brightness(1.04) saturate(1.02); }
}

/* Preview (16:9) — poster WebP = LCP */
.preview{
  position:relative; aspect-ratio:16/9; overflow:hidden;
  background:
    radial-gradient(120% 90% at 78% 12%, color-mix(in srgb,var(--metal) 8%, transparent), transparent 55%),
    linear-gradient(160deg,var(--s2),var(--canvas) 88%);
}
.preview__poster{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  transition:transform 800ms var(--e-metal), filter var(--d-base) var(--e-metal); }

/* Status dot (sol-üst) */
.status{
  position:absolute; top:var(--sp-16); left:var(--sp-16); z-index:2;
  display:inline-flex; align-items:center; gap:var(--sp-8);
  font-family:var(--f-mono); font-size:.6875rem; letter-spacing:.14em; text-transform:uppercase;
  padding:5px 9px; border-radius:999px; background:color-mix(in srgb,var(--canvas) 60%, transparent);
  backdrop-filter:blur(3px); color:var(--ink);
}
.status .led{ width:6px; height:6px; border-radius:50%; background:var(--soon); }
.status--live .led{ background:var(--live); box-shadow:0 0 0 0 color-mix(in srgb,var(--live) 60%, transparent); animation:pulse 2.4s var(--e-inout) infinite; }
@keyframes pulse{ 0%{ box-shadow:0 0 0 0 color-mix(in srgb,var(--live) 55%, transparent); } 70%{ box-shadow:0 0 0 7px transparent; } 100%{ box-shadow:0 0 0 0 transparent; } }

/* Kart gövdesi — hepsi aynı padding/ritim */
.card__body{ padding:var(--sp-24); display:flex; flex-direction:column; gap:var(--sp-16); flex:1; }
.card__eyebrow{ margin-bottom:2px; }
.card__title{ color:var(--ink); }
.card__desc{ max-width:42ch; }

/* Telemetri künye satırı (mono-chip) — alt hizaya iter */
.telemetry{ display:flex; flex-wrap:wrap; gap:var(--sp-8); margin-top:auto; }
.chip{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; border-radius:var(--r-sm); background:var(--s2);
  font-family:var(--f-mono); font-size:.75rem; font-variant-numeric:tabular-nums;
  color:var(--ink-muted);
}
.chip .dia{ color:var(--metal); line-height:1; }        /* ◇ diamond, tek ağırlık */
.chip b{ color:var(--ink); font-weight:500; }
@media (pointer:fine){ html[data-motion="premium"] .card--link:hover .chip.is-active b{ color:var(--metal); } }

/* CTA satırı */
.card__cta{ margin-top:var(--sp-4); }

/* ============================================================================
   LEAD-GEN (tek-alan)
   ========================================================================== */
.leadgen{ position:relative; }
.leadgen__inner{
  background:var(--s1); border-radius:var(--r-lg); overflow:hidden;
  padding:clamp(28px,5vw,56px);
  display:grid; grid-template-columns:1.1fr .9fr; gap:var(--sp-48); align-items:center;
  position:relative;
}
.leadgen__inner::before{ content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(90% 120% at 92% 0%, color-mix(in srgb,var(--metal) 7%, transparent), transparent 60%); }
.leadgen__title{ color:var(--ink); max-width:14ch; }
.leadgen__copy{ margin-top:var(--sp-16); max-width:40ch; }
.leadgen__form{ position:relative; display:flex; flex-direction:column; gap:var(--sp-16); }
.field{ position:relative; display:flex; align-items:center; background:var(--s3); border-radius:var(--r-sm);
  padding:0 var(--sp-16); transition:box-shadow var(--d-base) var(--e-inout); }
.field:focus-within{ box-shadow:inset 0 0 0 1.5px var(--metal); }
.field .at{ font-family:var(--f-mono); color:var(--ink-subtle); font-size:1rem; padding-right:4px; }
.field input{ flex:1; background:none; border:none; outline:none; color:var(--ink);
  padding:16px 0; font-family:var(--f-mono); font-size:1rem; letter-spacing:.01em; }
.field input::placeholder{ color:var(--ink-subtle); }
.leadgen__note{ font-family:var(--f-mono); font-size:.6875rem; letter-spacing:.03em; color:var(--ink-subtle); display:flex; align-items:center; gap:var(--sp-8); }
.leadgen__note .led{ width:6px; height:6px; border-radius:50%; background:var(--live); }
.leadgen__submit{ align-self:flex-start; }
.leadgen__direct{ margin-top:var(--sp-8); color:var(--ink-muted); font-size:.75rem; }
@media (max-width:820px){ .leadgen__inner{ grid-template-columns:1fr; gap:var(--sp-32); } }

/* ============================================================================
   FOOTER
   ========================================================================== */
.foot{ border-top:1px solid var(--hair); margin-top:var(--sp-32); }
.foot__inner{ display:flex; flex-wrap:wrap; gap:var(--sp-24); align-items:center; justify-content:space-between; padding-block:var(--sp-48); }
.foot__nav{ display:flex; gap:var(--sp-24); flex-wrap:wrap; }
.foot__nav a{ font-family:var(--f-mono); font-size:.75rem; letter-spacing:.04em; color:var(--ink-muted); transition:color var(--d-micro) var(--e-inout); }
@media (pointer:fine){ .foot__nav a:hover{ color:var(--ink); } }
.foot__sign{ display:flex; align-items:baseline; gap:var(--sp-8); }
.foot__sign .name{ font-family:var(--f-disp); font-weight:500; letter-spacing:-.01em; color:var(--ink); }
.foot__sign .role{ font-family:var(--f-mono); font-size:.6875rem; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-subtle); }

/* Section headings */
.sec-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:var(--sp-24); margin-bottom:var(--sp-48); flex-wrap:wrap; }
.sec-head__title{ color:var(--ink); }
.sec-head__note{ font-family:var(--f-mono); font-size:.75rem; color:var(--ink-subtle); letter-spacing:.04em; max-width:34ch; }

/* ============================================================================
   REDUCED MOTION — tam destek (obje görünür kalır, animasyon durur)
   ========================================================================== */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation-duration:.001ms !important; animation-iteration-count:1 !important;
    transition-duration:.001ms !important; scroll-behavior:auto !important; }
  html.js .card{ opacity:1 !important; transform:none !important; }
  .line > span{ transform:none !important; }
  .status .led{ animation:none !important; }
}