:root {
  --ink: #10264d;
  --muted: #60708d;
  --paper: #f2f6fc;
  --cream: #f8fbff;
  --green: #0879c8;
  --green-bright: #23d7ff;
  --navy: #073d7a;
  --navy-deep: #061d42;
  --lime: #a5f2ff;
  --electric: #557cff;
  --line: rgba(16, 62, 125, .11);
  --radius-card: 24px;
  --shadow: 0 24px 80px rgba(17, 64, 132, .14), 0 2px 12px rgba(11, 58, 121, .07);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: "Avenir Next", "PingFang SC", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible { outline: 3px solid var(--green-bright); outline-offset: 3px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }

.site-header {
  position: fixed; z-index: 50; top: 18px; left: 50%;
  display: flex; align-items: center; gap: 36px;
  width: min(1180px, calc(100% - 40px)); min-height: 70px; padding: 10px 12px 10px 22px;
  transform: translateX(-50%);
  border-radius: 20px;
  background: rgba(255, 255, 255, .87);
  box-shadow: 0 12px 42px rgba(5, 41, 90, .13), inset 0 0 0 1px rgba(255,255,255,.9);
  backdrop-filter: blur(18px); transition: top .25s ease, box-shadow .25s ease;
}
.site-header.scrolled { top: 8px; box-shadow: 0 16px 50px rgba(5,41,90,.17), inset 0 0 0 1px rgba(255,255,255,.9); }
.brand { display: inline-flex; align-items: center; min-width: 188px; }
.brand-logo { display: block; width: 164px; height: auto; mix-blend-mode: multiply; }
.desktop-nav { display: flex; justify-content: center; gap: 34px; flex: 1; }
.desktop-nav a { position: relative; color: #43577b; font-size: 14px; font-weight: 700; }
.desktop-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -8px; height: 2px; background: var(--green); transition: right .22s ease; }
.desktop-nav a:hover::after { right: 0; }
.header-cta { display: flex; align-items: center; justify-content: center; gap: 12px; min-width: 128px; min-height: 48px; padding: 0 18px; border-radius: 13px; color: white; background: linear-gradient(135deg, #0b3d7b, #087fc8); font-size: 14px; font-weight: 700; box-shadow: 0 9px 20px rgba(8, 95, 182, .22); transition-property: transform, box-shadow, background; transition-duration: .2s; }
.header-cta:hover { background: linear-gradient(135deg, #0e4e98, #0c8cda); box-shadow: 0 12px 26px rgba(8, 95, 182, .3); }.header-cta:active, .button:active { transform: scale(.96); }
.menu-button, .mobile-nav { display: none; }

.hero { position: relative; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; min-height: 810px; padding: 155px max(40px, calc((100vw - 1180px)/2)) 90px; overflow: hidden; color: white; background: radial-gradient(circle at 72% 44%, rgba(14, 103, 194, .38), transparent 27%), radial-gradient(circle at 20% 100%, rgba(34, 198, 255, .13), transparent 34%), #061837; }
.hero-grid { position: absolute; inset: 0; opacity: .3; background-image: linear-gradient(rgba(108,185,255,.11) 1px, transparent 1px), linear-gradient(90deg, rgba(108,185,255,.11) 1px, transparent 1px); background-size: 68px 68px; mask-image: linear-gradient(to right, #000, transparent 86%); }
.hero-constellation { position:absolute; inset: 0; pointer-events:none; opacity:.62; background: linear-gradient(130deg, transparent 41%, rgba(65,220,255,.44) 41.1%, transparent 41.3%), linear-gradient(36deg, transparent 63%, rgba(94,124,255,.36) 63.1%, transparent 63.3%); }
.hero-constellation i { position:absolute; width:7px; height:7px; border-radius:50%; background:#70e9ff; box-shadow:0 0 0 6px rgba(63,208,255,.07), 0 0 22px rgba(63,208,255,.7); }.hero-constellation i:nth-child(1){left:53%;top:19%}.hero-constellation i:nth-child(2){left:71%;top:30%}.hero-constellation i:nth-child(3){left:87%;top:18%}.hero-constellation i:nth-child(4){left:62%;top:76%}.hero-constellation i:nth-child(5){left:80%;top:68%}.hero-constellation i:nth-child(6){left:92%;top:53%}
.hero-glow { position: absolute; border-radius: 50%; filter: blur(1px); }
.hero-glow-a { right: -15%; top: -25%; width: 700px; height: 700px; background: radial-gradient(circle, rgba(42,160,255,.28), transparent 65%); }
.hero-glow-b { left: 28%; bottom: -52%; width: 640px; height: 640px; background: radial-gradient(circle, rgba(79,113,255,.16), transparent 68%); }
.hero-copy, .hero-visual { position: relative; z-index: 2; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 24px; color: #83eaff; font-size: 11px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.eyebrow span { width: 24px; height: 2px; background: currentColor; }
.eyebrow.dark { color: var(--green); }.eyebrow.light { color: #83eaff; }
.hero h1 { max-width: 690px; margin: 0; font-size: clamp(50px, 5.2vw, 76px); line-height: 1.11; letter-spacing: -.045em; text-wrap: balance; }
.hero h1 em { color: #8aefff; font-style: normal; text-shadow: 0 0 32px rgba(42,210,255,.24); }
.hero-intro { max-width: 590px; margin: 28px 0 34px; color: #b7c9e4; font-size: 18px; line-height: 1.85; text-wrap: pretty; }
.hero-actions { display: flex; gap: 12px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 22px; min-height: 52px; padding: 0 24px; border-radius: 14px; font-size: 14px; font-weight: 800; transition-property: transform, background, color, box-shadow; transition-duration: .2s; }
.button-primary { color: #052252; background: linear-gradient(135deg, #75ebff, #9fb7ff); box-shadow: 0 12px 30px rgba(63,195,255,.2); }
.button-primary:hover { background: linear-gradient(135deg, #a1f4ff, #c1ceff); transform: translateY(-2px); }
.button-ghost { color: #e5f2ff; box-shadow: inset 0 0 0 1px rgba(176,221,255,.28); }
.button-ghost:hover { background: rgba(255,255,255,.08); }
.hero-trust { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 52px; color: #829abd; font-size: 12px; }
.hero-trust span { margin-right: 4px; color: #6e88ad; }.hero-trust b { color: #bfd1e9; font-weight: 600; }.hero-trust i { width: 3px; height: 3px; border-radius: 50%; background: #4384bc; }

.hero-visual { display: flex; justify-content: flex-end; align-items: center; min-height: 500px; }
.signal-card { position: relative; width: min(470px, 90%); padding: 24px; border-radius: 30px; background: linear-gradient(145deg, rgba(250,253,255,.98), rgba(221,238,255,.94)); color: var(--ink); box-shadow: 0 40px 100px rgba(0,15,60,.39), inset 0 0 0 1px rgba(255,255,255,.88); transform: rotate(2deg); }
.signal-card::before { content:""; position:absolute; inset:10px; border:1px solid rgba(38,125,207,.13); border-radius:22px; pointer-events:none; }
.signal-head, .waveform, .analysis-row, .analysis-result { position:relative; z-index:1; }.signal-head { display: flex; align-items: center; gap: 10px; color: #47618a; font-size: 12px; font-weight: 700; }.signal-head time { margin-left: auto; font-variant-numeric: tabular-nums; }
.live-dot { width: 8px; height: 8px; border-radius: 50%; background: #13cdef; box-shadow: 0 0 0 5px rgba(19,205,239,.12), 0 0 15px rgba(19,205,239,.8); }
.waveform { display: flex; align-items: center; gap: 4px; height: 102px; margin: 20px 0; padding: 0 8px; border-radius: 16px; background: linear-gradient(135deg, #e4f0ff, #d5e8fb); overflow: hidden; }
.waveform span { flex: 1; height: var(--h); min-width: 3px; border-radius: 5px; background: linear-gradient(to top, #1262be, #19d8ef); opacity: .88; }
.analysis-row { display: grid; grid-template-columns: 45px 1fr 42px; gap: 10px; align-items: center; margin-top: 8px; padding: 13px 14px; border-radius: 13px; color: #50688e; background: rgba(255,255,255,.62); font-size: 11px; }
.analysis-row span { color: var(--green); font-weight: 800; }.analysis-row p { margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.analysis-row small { text-align: right; font-variant-numeric: tabular-nums; }
.analysis-row.active { background: #d8f7ff; box-shadow: inset 3px 0 #19bfe6; }
.analysis-result { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 18px; padding-top: 18px; border-top: 1px solid #c9dcec; }
.analysis-result div { display: grid; gap: 5px; }.analysis-result small { color: #7e94b4; font-size: 10px; }.analysis-result strong { font-size: 13px; }.analysis-result strong i { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #13bce1; }.analysis-result .metric { color: var(--green); font-size: 20px; font-variant-numeric: tabular-nums; }
.visual-kicker { position:absolute; top:2%; right:7%; z-index:3; color:#8beeff; font:700 10px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing:.15em; }.visual-kicker i { display:inline-block; width:6px; height:6px; margin-right:7px; border-radius:50%; background:#5dcbff; box-shadow:0 0 14px #5dcbff; }
.orbit-label { position: absolute; display: flex; align-items: center; gap: 8px; padding: 12px 14px; border:1px solid rgba(132,220,255,.24); border-radius: 12px; color: #d9ecff; background: rgba(7,42,90,.83); box-shadow: 0 16px 38px rgba(0,20,65,.25); font-size: 11px; font-weight: 700; backdrop-filter: blur(12px); }
.orbit-label i { width: 7px; height: 7px; border-radius: 50%; background: #72eaff; box-shadow:0 0 12px rgba(114,234,255,.8); }.orbit-label-a { left: 2%; top: 18%; }.orbit-label-b { right: -4%; bottom: 18%; }
.data-chip { position:absolute; z-index:1; padding:11px 13px; border-left:2px solid #53dffc; color:#a9caee; background:rgba(7,32,74,.56); font:700 8px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing:.1em; backdrop-filter:blur(8px); }.data-chip span { color:#61ddff; margin-right:6px; }.data-chip-a{right:4%;top:12%}.data-chip-b{left:8%;bottom:5%}

.section { padding: 120px max(40px, calc((100vw - 1180px)/2)); }
.section-heading { display: grid; grid-template-columns: 1fr .62fr; gap: 70px; align-items: end; margin-bottom: 56px; }
.section-heading h2, .workflow h2, .about h2, .contact h2 { margin: 0; font-size: clamp(38px, 4vw, 58px); line-height: 1.15; letter-spacing: -.04em; text-wrap: balance; }
.section-heading > p, .section-heading.split > p { margin: 0 0 5px; color: var(--muted); font-size: 16px; line-height: 1.8; text-wrap: pretty; }
.capabilities { background: linear-gradient(180deg, #f8fbff, #edf5ff); }
.capability-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.capability-card { position: relative; min-height: 430px; padding: 34px; border-radius: var(--radius-card); background: linear-gradient(145deg, #f8fbff, #e7f1ff); box-shadow: inset 0 0 0 1px var(--line); overflow: hidden; transition-property: transform, box-shadow; transition-duration: .25s; }
.capability-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); }
.card-rule { color: white; background: linear-gradient(145deg, #07275c, #0c5da5); }.card-ai { background: linear-gradient(145deg, #e5eeff, #c9eaff); }
.card-number { position: absolute; right: 24px; top: 18px; color: rgba(19,92,180,.13); font: 700 72px/1 Georgia, serif; font-variant-numeric: tabular-nums; }.card-rule .card-number { color: rgba(255,255,255,.1); }
.card-icon { display: flex; align-items: center; justify-content: center; width: 58px; height: 58px; margin-bottom: 70px; border-radius: 18px; background: rgba(255,255,255,.72); box-shadow: 0 10px 25px rgba(8,65,120,.08); }
.card-rule .card-icon { background: rgba(255,255,255,.1); }.capability-card h3 { margin: 0 0 14px; font-size: 24px; letter-spacing: -.02em; }.capability-card > p { min-height: 76px; margin: 0; color: #607596; font-size: 14px; line-height: 1.75; text-wrap: pretty; }.card-rule > p { color: #b7d1ed; }
.capability-card ul { display: flex; flex-wrap: wrap; gap: 7px; margin: 24px 0 0; padding: 0; list-style: none; }.capability-card li { padding: 7px 10px; border-radius: 8px; background: rgba(255,255,255,.62); font-size: 10px; font-weight: 700; }.card-rule li { background: rgba(255,255,255,.08); color: #d2e0dc; }
.icon-sound { gap: 3px; }.icon-sound i { width: 3px; height: 20px; border-radius: 4px; background: var(--green); }.icon-sound i:nth-child(2),.icon-sound i:nth-child(4){height:30px}.icon-sound i:nth-child(3){height:38px}
.icon-rule { flex-direction: column; gap: 6px; }.icon-rule i { width: 27px; height: 3px; border-radius: 4px; background: var(--green-bright); }.icon-rule i:nth-child(2){width:18px;margin-left:9px}.icon-rule i:nth-child(3){width:22px;margin-right:5px}
.icon-ai { position: relative; }.icon-ai i { position:absolute;width:9px;height:9px;border:2px solid var(--green);border-radius:50%}.icon-ai i:nth-child(1){transform:translate(-12px,-10px)}.icon-ai i:nth-child(2){transform:translate(12px,-10px)}.icon-ai i:nth-child(3){transform:translate(-12px,10px)}.icon-ai i:nth-child(4){transform:translate(12px,10px)}

.workflow { display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; color: white; background: radial-gradient(circle at 86% 20%, rgba(31,119,232,.3), transparent 30%), #071a3d; }
.workflow-copy > p:not(.eyebrow) { max-width: 430px; margin: 28px 0; color: #adc6e7; line-height: 1.8; }.text-link { display: inline-flex; gap: 18px; align-items: center; padding-bottom: 6px; border-bottom: 1px solid #7097c5; color: #dbeaff; font-size: 13px; font-weight: 700; }
.workflow-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(157,207,255,.2); }
.workflow-list li { display: grid; grid-template-columns: 48px 1fr 48px; gap: 18px; align-items: center; min-height: 118px; border-bottom: 1px solid rgba(157,207,255,.2); }
.workflow-list b { color: var(--green-bright); font: 500 12px/1 monospace; }.workflow-list h3 { margin: 0 0 8px; font-size: 20px; }.workflow-list p { margin: 0; color: #a9c2df; font-size: 13px; }.workflow-list > li > span { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; color: #c4d9ee; background: rgba(106,180,255,.1); font: 700 10px/1 monospace; }

.scenarios { background: var(--paper); }.section-heading.split { grid-template-columns: 1fr .55fr; }.scenario-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; }
.scenario { min-height: 270px; padding: 32px; border-radius: 22px; background: linear-gradient(140deg, #fff, #f5f9ff); box-shadow: inset 0 0 0 1px var(--line); transition-property: transform, box-shadow; transition-duration: .25s; }.scenario:hover { transform: translateY(-4px); box-shadow: var(--shadow); }.scenario > span { color: var(--green); font: 700 11px/1 monospace; }.scenario h3 { margin: 50px 0 12px; font-size: 25px; }.scenario p { max-width: 470px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.75; }.scenario i { display: block; margin-top: 25px; color: #7284a3; font-size: 10px; font-style: normal; font-weight: 700; letter-spacing: .08em; }

.about { padding-top: 40px; background: var(--paper); }.about-panel { position: relative; display: grid; grid-template-columns: 1fr .9fr; gap: 90px; padding: 80px; border-radius: 32px; color: white; background: linear-gradient(135deg,#062251,#0b4d95); overflow: hidden; }.about-panel::after { content:"";position:absolute;right:-150px;bottom:-300px;width:600px;height:600px;border:1px solid rgba(110,214,255,.22);border-radius:50%;box-shadow:0 0 0 60px rgba(110,214,255,.04),0 0 0 120px rgba(110,214,255,.03); }.about-copy, .about-values { position: relative; z-index: 2; }.about-copy > p:not(.eyebrow) { margin: 28px 0 0; color: #bed4ee; font-size: 15px; line-height: 1.9; }.about-values { display: grid; gap: 0; }.about-values div { padding: 22px 0; border-bottom: 1px solid rgba(255,255,255,.14); }.about-values div:first-child { padding-top: 0; }.about-values strong { color: #8aefff; font-size: 18px; }.about-values p { margin: 8px 0 0; color: #b4cbe5; font-size: 13px; line-height: 1.7; }

.contact { background: var(--paper); }.contact-card { position:relative; display: grid; grid-template-columns: 1fr .75fr; gap: 80px; align-items: end; padding: 70px; border-radius: 28px; color:white; background: linear-gradient(128deg, #08265a, #087fbd); overflow:hidden; }.contact-card::before { content:""; position:absolute; inset:auto -5% -120px auto; width:420px; height:420px; border:1px solid rgba(177,237,255,.35); border-radius:50%; box-shadow:0 0 0 48px rgba(177,237,255,.05),0 0 0 96px rgba(177,237,255,.035); }.contact-card > * { position:relative; z-index:1; }.contact-action p { margin: 0 0 20px; color: #c3dcf3; line-height: 1.7; }.contact-person { display: flex; align-items: baseline; gap: 10px; margin-bottom: 18px; }.contact-person strong { font-size: 20px; }.contact-person span { color: #a9ccec; font-size: 12px; font-weight: 700; }.contact-links { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; }.contact-email { min-height: 44px; display: inline-flex; align-items: center; border-bottom: 1px solid rgba(235,250,255,.55); font-size: 14px; font-weight: 800; transition-property: color, border-color; transition-duration: .2s; }.contact-email:hover { color: #a5f2ff; border-color: #a5f2ff; }.button-dark { color: #062251; background: #a5f2ff; }.button-dark:hover { background: white; transform: translateY(-2px); }

.site-footer { padding: 58px max(40px, calc((100vw - 1180px)/2)) 26px; color: #b7cce5; background: #051534; }.footer-main { display: grid; grid-template-columns: .8fr 1fr .7fr; gap: 40px; align-items: center; padding-bottom: 44px; }.footer-brand .brand-logo { padding:6px 8px; border-radius:8px; background:white; }.footer-main > p { max-width: 380px; margin: 0; font-size: 13px; line-height: 1.7; }.footer-main nav { display: flex; justify-content: flex-end; gap: 24px; font-size: 12px; font-weight: 700; }.footer-main nav a:hover, .footer-legal a:hover { color: #8aefff; }.footer-legal { display: flex; justify-content: space-between; padding-top: 22px; border-top: 1px solid rgba(173,215,255,.15); color: #7898be; font-size: 11px; }.footer-legal a { min-height: 40px; display: inline-flex; align-items: center; transition: color .2s ease; }

.reveal { opacity: 0; transform: translateY(18px); transition-property: opacity, transform; transition-duration: .65s; transition-timing-function: cubic-bezier(.2,0,0,1); }.reveal.visible { opacity: 1; transform: translateY(0); }.reveal-delay-1 { transition-delay: .08s; }.reveal-delay-2 { transition-delay: .16s; }.reveal-delay-3 { transition-delay: .24s; }

@media (max-width: 980px) {
  .desktop-nav, .header-cta { display: none; }.site-header { justify-content: space-between; }.menu-button { display: flex; flex-direction: column; justify-content: center; gap: 6px; width: 44px; height: 44px; border: 0; border-radius: 12px; background: #e9efea; cursor: pointer; }.menu-button span:not(.sr-only) { display:block;width:20px;height:2px;margin:0 auto;background:var(--navy);transition-property:transform;transition-duration:.2s; }.menu-button[aria-expanded="true"] span:first-child { transform: translateY(4px) rotate(45deg); }.menu-button[aria-expanded="true"] span:nth-child(2) { transform: translateY(-4px) rotate(-45deg); }
  .mobile-nav { position: absolute; top: 78px; left: 0; right: 0; display: grid; gap: 4px; padding: 12px; border-radius: 18px; background: #fafcf7; box-shadow: var(--shadow); opacity: 0; transform: translateY(-8px); pointer-events: none; transition-property: opacity, transform; transition-duration: .2s; }.mobile-nav.open { opacity:1;transform:translateY(0);pointer-events:auto; }.mobile-nav a { min-height: 44px; padding: 12px 14px; border-radius: 10px; font-size: 14px; font-weight: 700; }.mobile-nav a:hover { background:#edf2ed; }
  .hero { grid-template-columns: 1fr; padding-top: 160px; }.hero-copy { max-width: 720px; }.hero-visual { justify-content: center; margin-top: 50px; }.signal-card { width: min(520px,90%); }.orbit-label-a { left:8%; }.orbit-label-b { right:5%; }
  .section-heading, .section-heading.split { grid-template-columns:1fr;gap:24px; }.capability-grid { grid-template-columns:1fr; }.capability-card { min-height:360px; }.card-icon { margin-bottom:48px; }.workflow { grid-template-columns:1fr;gap:60px; }.about-panel, .contact-card { grid-template-columns:1fr;gap:50px; }.footer-main { grid-template-columns:1fr; }.footer-main nav { justify-content:flex-start; }
}

@media (max-width: 640px) {
  .site-header { top: 10px; width: calc(100% - 24px); min-height: 62px; padding: 8px 9px 8px 15px; border-radius: 17px; }.brand { min-width:0; }.brand-logo { width:148px; }
  .hero { min-height:auto; padding:130px 20px 70px; }.hero h1 { font-size:42px;line-height:1.15; }.hero-intro { font-size:15px;line-height:1.75; }.hero-actions { flex-direction:column;align-items:stretch; }.hero-trust { margin-top:36px; }.hero-visual { min-height:410px;margin-top:36px; }.signal-card { width:100%;padding:18px;border-radius:22px;transform:none; }.waveform { height:78px; }.analysis-row { grid-template-columns:38px 1fr 34px;padding:11px 10px; }.orbit-label, .data-chip, .visual-kicker { display:none; }
  .section { padding:82px 20px; }.section-heading { margin-bottom:38px; }.section-heading h2,.workflow h2,.about h2,.contact h2 { font-size:36px; }.capability-card { min-height:390px;padding:28px; }.scenario-grid { grid-template-columns:1fr; }.scenario { min-height:245px;padding:27px; }.scenario h3 { margin-top:42px; }.workflow { gap:46px; }.workflow-list li { grid-template-columns:38px 1fr 40px;gap:12px;min-height:126px; }.workflow-list p { line-height:1.6; }.about { padding-top:20px; }.about-panel { padding:44px 26px;border-radius:24px; }.contact-card { padding:42px 26px;border-radius:24px; }.contact-links { align-items:stretch;flex-direction:column;gap:8px; }.contact-action .button { width:100%;padding:0 16px;gap:10px; }.contact-email { justify-content:center;border-bottom:0; }.site-footer { padding:48px 20px 22px; }.footer-main { padding-bottom:30px; }.footer-main nav { flex-wrap:wrap; }.footer-legal { flex-direction:column;gap:4px; }.footer-legal a { min-height:32px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }.reveal { opacity:1;transform:none;transition:none; } * { animation-duration:.01ms !important; }
}