:root {
  --bg: #05070b;
  --bg-soft: #0a0e14;
  --panel: #0d121a;
  --ink: #f5f7f8;
  --muted: #9aa7b3;
  --line: rgba(255,255,255,.13);
  --cyan: #5ee7ff;
  --blue: #4776ff;
  --orange: #ff8c42;
  --mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --sans: "Manrope", Inter, Helvetica, Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--sans); overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { color: inherit; font: inherit; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; left: 1rem; top: -4rem; z-index: 1000; padding: .75rem 1rem; background: var(--cyan); color: #001014; font-weight: 700; transition: top .2s; }
.skip-link:focus { top: 1rem; }
.site-noise { position: fixed; inset: 0; opacity: .035; pointer-events: none; z-index: 20; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E"); }

.site-header { position: fixed; z-index: 100; inset: 0 0 auto; height: 82px; padding: 0 clamp(1.25rem,4vw,4.5rem); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid transparent; transition: background .3s,border-color .3s,height .3s; }
.site-header.scrolled { height: 68px; background: rgba(5,7,11,.87); backdrop-filter: blur(18px); border-color: var(--line); }
.brand { display: inline-flex; width: fit-content; align-items: center; gap: .7rem; font-weight: 800; letter-spacing: -.04em; }
.brand-mark { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--cyan); color: var(--cyan); font-family: var(--mono); font-size: .85rem; transform: rotate(-5deg); }
.brand-mark > span { color: var(--orange); }
.brand-name { font-size: .95rem; }
.brand-name span { color: var(--muted); font-weight: 500; }
.desktop-nav { display: flex; align-items: center; gap: 2.3rem; }
.desktop-nav a { color: #c7cdd3; font: 500 .73rem var(--mono); letter-spacing: .08em; text-transform: uppercase; transition: color .2s; }
.desktop-nav a:hover { color: var(--cyan); }
.nav-cta { justify-self: end; padding: .75rem 1rem; border: 1px solid var(--line); font: 500 .75rem var(--mono); letter-spacing: .04em; text-transform: uppercase; transition: color .2s,border-color .2s,background .2s; }
.nav-cta:hover { border-color: var(--cyan); color: var(--cyan); background: rgba(94,231,255,.05); }
.mobile-menu,.mobile-nav { display: none; }

.hero { position: relative; min-height: 800px; height: 100svh; display: flex; align-items: center; overflow: hidden; padding: 120px clamp(1.25rem,7vw,8rem) 80px; }
.hero::after { content: ""; position: absolute; left: clamp(1.25rem,7vw,8rem); right: clamp(1.25rem,7vw,8rem); bottom: 0; height: 1px; background: linear-gradient(90deg,var(--cyan),rgba(255,255,255,.12) 28%,rgba(255,255,255,.12)); }
.hero-visual { position: absolute; inset: 0; z-index: 0; }
.hero-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,#05070b 2%,rgba(5,7,11,.94) 26%,rgba(5,7,11,.45) 58%,rgba(5,7,11,.12)),linear-gradient(0deg,#05070b 0%,transparent 28%,rgba(5,7,11,.25) 100%); }
.hero-visual img { width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: .86; transform: scale(1.01); }
.hero-scan { position: absolute; z-index: 2; top: 0; bottom: 0; width: 1px; left: 62%; background: linear-gradient(0deg,transparent,var(--cyan),transparent); opacity: .22; animation: scan 8s ease-in-out infinite; }
@keyframes scan { 0%,100% { transform: translateX(-16vw); opacity: 0; } 20%,80% { opacity:.3; } 50% { transform: translateX(18vw); } }
.hero-content { position: relative; z-index: 3; width: min(760px,63%); margin-top: 2rem; }
.eyebrow,.kicker { font: 400 .72rem/1.4 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--cyan); }
.eyebrow { display: flex; gap: .75rem; align-items: center; }
.eyebrow span { width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 16px var(--cyan); }
h1 { margin: 1.5rem 0; max-width: 900px; font-size: clamp(4rem,7.7vw,8.7rem); line-height: .9; letter-spacing: -.075em; font-weight: 600; }
h1 span,h2 em { color: transparent; -webkit-text-stroke: 1px rgba(245,247,248,.6); font-style: normal; }
.hero-copy { width: min(660px,90%); margin: 0; color: #b8c1ca; font-size: clamp(1rem,1.25vw,1.25rem); line-height: 1.7; }
.hero-actions { margin-top: 2.2rem; display: flex; align-items: center; gap: 2rem; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 1.5rem; padding: 1rem 1.25rem; font: 500 .78rem var(--mono); text-transform: uppercase; letter-spacing: .04em; }
.button-primary { background: var(--cyan); color: #021015; border: 1px solid var(--cyan); transition: background .2s,color .2s,transform .2s; }
.button-primary:hover { background: transparent; color: var(--cyan); transform: translateY(-2px); }
.text-link { font: 400 .76rem var(--mono); color: #c8d0d7; text-transform: uppercase; letter-spacing: .06em; border-bottom: 1px solid #59616a; padding-bottom: .35rem; }
.hero-meta { position: absolute; z-index: 3; right: clamp(1.25rem,4vw,4.5rem); bottom: 2rem; display: flex; gap: 3.5rem; }
.hero-meta div { display: grid; gap: .35rem; }
.hero-meta span { font: .62rem var(--mono); letter-spacing: .14em; color: #707d89; }
.hero-meta strong { font: 400 .68rem var(--mono); letter-spacing: .03em; }
.hero-meta i { display:inline-block; width: 6px; height: 6px; margin-right:.45rem; border-radius:50%; background:#4dff94; box-shadow:0 0 10px #4dff94; }

.signal-bar { max-width: 1540px; margin: 0 auto; display: grid; grid-template-columns: repeat(4,1fr); padding: 0 clamp(1.25rem,4vw,4.5rem); border-bottom: 1px solid var(--line); }
.signal-bar div { min-height: 180px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--line); padding: 2rem; }
.signal-bar div:first-child { border-left: 1px solid var(--line); }
.signal-bar strong { font: 300 clamp(2.8rem,4vw,4.8rem)/1 var(--mono); letter-spacing: -.08em; }
.signal-bar strong span { color: var(--cyan); }
.signal-bar small { margin-top: .8rem; color: var(--muted); font: .68rem var(--mono); text-transform: uppercase; letter-spacing: .1em; }

.section { padding: clamp(6rem,10vw,10rem) clamp(1.25rem,7vw,8rem); }
.services { max-width: 1680px; margin: auto; }
.section-intro { display: grid; grid-template-columns: 1fr 1.5fr 1fr; align-items: end; gap: 3rem; margin-bottom: 5rem; }
.section-intro .kicker { align-self: start; }
h2 { margin: 0; font-size: clamp(2.7rem,5.2vw,6.2rem); line-height: .98; letter-spacing: -.06em; font-weight: 600; }
.section-intro > p:last-child { color: var(--muted); font-size: 1rem; line-height: 1.75; }
.service-grid { display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.service-card { position: relative; min-height: 420px; padding: clamp(2rem,3.4vw,3.6rem); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: linear-gradient(145deg,rgba(255,255,255,.025),transparent 48%); overflow: hidden; transition: background .35s; }
.service-card:hover { background: linear-gradient(145deg,rgba(94,231,255,.055),transparent 60%); }
.service-card::after { content:""; position:absolute; top:0; left:0; width:0; height:2px; background:var(--cyan); transition:width .45s ease; }
.service-card:hover::after { width:100%; }
.card-top { display:flex; align-items:flex-start; justify-content:space-between; min-height:90px; }
.card-top > span { color:#5e6974; font: .7rem var(--mono); }
.service-card h3 { margin: 1rem 0; max-width: 650px; font-size: clamp(1.7rem,2.4vw,2.7rem); line-height: 1.1; letter-spacing: -.045em; }
.service-card p { max-width: 650px; color: var(--muted); line-height:1.7; }
.service-card ul { list-style:none; margin:2.5rem 0 0; padding:1rem 0 0; border-top:1px solid var(--line); display:flex; gap:1.4rem; flex-wrap:wrap; }
.service-card li { font:.66rem var(--mono); text-transform:uppercase; letter-spacing:.07em; color:#bac3cb; }
.service-card li::before { content:"+"; color:var(--cyan); margin-right:.4rem; }
.icon-device { width:32px; height:48px; border:1px solid #61717d; border-radius:5px; padding:5px; }
.icon-device i { display:block; height:100%; border:1px solid rgba(94,231,255,.4); }
.icon-window { width:50px; height:34px; border:1px solid #61717d; padding:8px; position:relative; }
.icon-window::before { content:""; position:absolute; top:4px; left:5px; width:3px; height:3px; border-radius:50%; background:var(--orange); box-shadow:7px 0 0 #697582; }
.icon-window i { display:block; width:60%; height:1px; margin:4px 0; background:#51616c; }
.icon-cloud,.icon-infinity { color:var(--cyan); font:300 2.4rem var(--mono); }
.icon-nodes { position:relative; width:56px; height:44px; border-bottom:1px solid #596672; }
.icon-nodes i { position:absolute; bottom:-4px; width:8px; height:8px; background:var(--cyan); transform:rotate(45deg); }
.icon-nodes i:nth-child(1){left:0}.icon-nodes i:nth-child(2){left:24px;bottom:19px}.icon-nodes i:nth-child(3){right:0}
.iot-card { grid-column:1/-1; min-height:560px; display:grid; grid-template-columns:1fr 1fr; align-items:center; background:radial-gradient(circle at 76% 50%,rgba(71,118,255,.12),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.025),transparent); }
.micro-label { font:.65rem var(--mono); letter-spacing:.14em; color:var(--orange)!important; }
.iot-card h3 { font-size:clamp(2.5rem,4vw,5.2rem); letter-spacing:-.06em; }
.chip-tags { display:flex; gap:.6rem; flex-wrap:wrap; margin-top:2rem; }
.chip-tags span { padding:.55rem .8rem; border:1px solid var(--line); color:#b7c0c8; font:.63rem var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.chip-visual { position:relative; justify-self:center; width:min(34vw,410px); aspect-ratio:1; display:grid; place-items:center; border:1px solid rgba(94,231,255,.15); background:repeating-linear-gradient(0deg,transparent 0 31px,rgba(94,231,255,.05) 32px),repeating-linear-gradient(90deg,transparent 0 31px,rgba(94,231,255,.05) 32px); transform:rotate(2deg); }
.chip-core { width:58%; aspect-ratio:1; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid rgba(94,231,255,.65); background:linear-gradient(145deg,#182331,#080c12); box-shadow:0 0 50px rgba(71,118,255,.25),inset 0 0 35px rgba(94,231,255,.06); }
.chip-core small,.chip-core span { font:.54rem var(--mono); letter-spacing:.16em; color:#7f95a5; }
.chip-core b { margin:.75rem 0; font:500 clamp(2.2rem,4vw,4.6rem) var(--mono); color:var(--cyan); letter-spacing:-.08em; }
.pins { position:absolute; left:24%; right:24%; height:6%; background:repeating-linear-gradient(90deg,#637585 0 6%,transparent 6% 12%); }
.pins-top { top:17%; }.pins-bottom { bottom:17%; }
.trace { position:absolute; height:1px; background:linear-gradient(90deg,transparent,var(--orange),transparent); box-shadow:0 0 8px var(--orange); }
.t1 { width:34%; left:0; top:28%; }.t2 { width:34%; right:0; bottom:30%; }.t3 { width:1px; height:30%; left:27%; bottom:0;background:linear-gradient(0deg,transparent,var(--cyan));box-shadow:0 0 8px var(--cyan)}.t4 { width:1px;height:30%;right:29%;top:0;background:linear-gradient(0deg,var(--cyan),transparent);box-shadow:0 0 8px var(--cyan)}
.service-card-dark { background:#090c11; }
.platform-row { position:absolute; left:clamp(2rem,3.4vw,3.6rem); right:clamp(2rem,3.4vw,3.6rem); bottom:3rem; padding-top:1.2rem; border-top:1px solid var(--line); display:flex; justify-content:space-between; font:500 .85rem var(--mono); }

.architecture { background:#eef2f2; color:#091016; }
.architecture .kicker { color:#326779; }
.architecture-heading { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:6rem; }
.architecture-heading h2 { text-align:right; }
.architecture-heading h2 em { -webkit-text-stroke-color:rgba(9,16,22,.55); }
.system-map { display:grid; grid-template-columns:1fr .34fr 1fr .34fr 1fr .34fr 1fr; align-items:center; padding:3.5rem 0; border-top:1px solid rgba(9,16,22,.22); border-bottom:1px solid rgba(9,16,22,.22); }
.system-node { display:grid; gap:.7rem; }
.system-node span { font:.64rem var(--mono); color:#59717c; }
.system-node strong { font-size:clamp(1.3rem,2vw,2rem); letter-spacing:-.04em; }
.system-node small { color:#5c6970; font:.65rem var(--mono); text-transform:uppercase; }
.connector { position:relative; height:1px; background:#84939a; margin:0 1rem; }
.connector::after { content:""; position:absolute; right:0; top:-3px; width:7px; height:7px; border-top:1px solid #496875; border-right:1px solid #496875; transform:rotate(45deg); }
.connector i { position:absolute;width:6px;height:6px;background:#247c97;border-radius:50%;top:-2px;animation:flow 2.4s linear infinite; }
@keyframes flow { from{left:0;opacity:0} 20%{opacity:1} to{left:100%;opacity:0} }
.approach-list { display:grid; grid-template-columns:repeat(3,1fr); margin-top:6rem; }
.approach-list article { padding:0 clamp(1rem,3vw,3rem); border-right:1px solid rgba(9,16,22,.18); }
.approach-list article:first-child { padding-left:0; }
.approach-list article:last-child { border:0; }
.approach-list span { font:.64rem var(--mono); color:#337387; letter-spacing:.12em; }
.approach-list h3 { margin:2rem 0 1rem; font-size:1.5rem; letter-spacing:-.035em; }
.approach-list p { color:#56646c; line-height:1.7; }

.about { position:relative; min-height:900px; overflow:hidden; display:grid; grid-template-columns:1.2fr 1fr; gap:8vw; align-items:center; }
.about::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 30% 50%,rgba(71,118,255,.14),transparent 28%),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px); background-size:auto,70px 70px,70px 70px; }
.about-content { position:relative; z-index:2; }
.about-content h2 { margin:1.5rem 0 2.5rem; }
.about-content > p:last-child { max-width:670px; color:var(--muted); line-height:1.8; font-size:1.05rem; }
.locations { position:relative; z-index:2; border-top:1px solid var(--line); }
.locations div { display:grid; grid-template-columns:1fr 1fr; gap:.5rem; padding:2rem 0; border-bottom:1px solid var(--line); }
.locations span { color:#61707c; font:.63rem var(--mono); }
.locations strong { font:500 1rem var(--mono); letter-spacing:.08em; }
.locations small { grid-column:2; color:var(--muted); font:.65rem var(--mono); }
.about-orbit { position:absolute; width:620px;height:620px;left:-330px;top:140px;border:1px solid rgba(94,231,255,.16);border-radius:50%; }
.about-orbit::before,.about-orbit::after { content:"";position:absolute;border:1px solid rgba(94,231,255,.1);border-radius:50%;inset:60px; }.about-orbit::after{inset:160px}
.about-orbit span { position:absolute;width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 14px var(--cyan); }.about-orbit span:nth-child(1){top:12%;right:22%}.about-orbit span:nth-child(2){bottom:18%;right:14%;background:var(--orange);box-shadow:0 0 14px var(--orange)}.about-orbit span:nth-child(3){top:48%;right:-4px}.about-orbit i{position:absolute;inset:50%;width:10px;height:10px;background:white;border-radius:50%;box-shadow:0 0 40px white}

.contact { background:var(--cyan); color:#031015; display:grid; grid-template-columns:1.5fr .6fr; gap:4rem; align-items:center; }
.contact .kicker { color:#275f69; }
.contact h2 { margin:1.4rem 0 1.8rem; }
.contact h2 em { -webkit-text-stroke-color:rgba(3,16,21,.52); }
.contact-copy > p:last-child { max-width:600px; color:#315a62; line-height:1.7; }
.contact-button { justify-self:end; width:clamp(220px,24vw,330px); aspect-ratio:1; border-radius:50%; display:flex; align-items:center; justify-content:center; gap:2rem; border:1px solid rgba(3,16,21,.4); font:500 .8rem var(--mono); text-transform:uppercase; transition:background .3s,color .3s,transform .3s; }
.contact-button b { font-size:1.5rem;font-weight:400; }
.contact-button:hover { background:#031015;color:var(--cyan);transform:rotate(-4deg) scale(1.02); }
.contact-list { grid-column:1/-1; margin-top:4rem; border-top:1px solid rgba(3,16,21,.25); }
.contact-list a { display:grid;grid-template-columns:60px 1fr auto;align-items:center;padding:1.5rem 0;border-bottom:1px solid rgba(3,16,21,.25);font:500 clamp(.95rem,1.6vw,1.4rem) var(--mono);transition:padding .2s,background .2s; }
.contact-list a:hover { padding-left:1rem;background:rgba(255,255,255,.18); }
.contact-list span { font-size:.62rem;color:#3e737d; }.contact-list b{font-weight:400}

footer { min-height:170px; padding:2rem clamp(1.25rem,4vw,4.5rem); display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid var(--line); }
footer p { color:#66747f;font:.62rem var(--mono);letter-spacing:.07em;text-transform:uppercase; } footer p:last-child{text-align:right}

.reveal { opacity:1; transform:none; }
.js-ready .reveal { opacity:0; transform:translateY(22px); transition:opacity .7s ease,transform .7s ease; }
.js-ready .reveal.is-visible { opacity:1; transform:none; }
.delay-1 { transition-delay:.12s; }.delay-2{transition-delay:.24s}

@media (max-width: 980px) {
  .desktop-nav,.nav-cta { display:none; }
  .site-header { grid-template-columns:1fr auto; }
  .mobile-menu { display:block; justify-self:end; }
  .menu-toggle { display:flex; flex-direction:column; justify-content:center; gap:6px; width:42px;height:42px;border:1px solid var(--line);background:rgba(5,7,11,.75);cursor:pointer;list-style:none; }
  .menu-toggle::-webkit-details-marker { display:none; }
  .menu-toggle span:not(.sr-only){width:18px;height:1px;background:white;margin:0 auto;transition:transform .2s}
  .mobile-menu[open] .menu-toggle span:nth-last-child(2){transform:translateY(3.5px) rotate(45deg)}.mobile-menu[open] .menu-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .mobile-nav { position:absolute;top:100%;left:0;right:0;padding:1rem 1.25rem 1.8rem;background:rgba(5,7,11,.97);border-bottom:1px solid var(--line); }
  .mobile-menu[open] .mobile-nav { display:grid; }
  .mobile-nav a { padding:1rem 0;border-bottom:1px solid var(--line);font:.78rem var(--mono);text-transform:uppercase; }
  .hero { min-height:780px; align-items:flex-end; }
  .hero-content { width:100%;margin-bottom:7rem; }
  h1 { font-size:clamp(3.8rem,12vw,7rem); }
  .hero-visual img { object-position:65% center; }
  .hero-visual::after { background:linear-gradient(0deg,#05070b 0%,rgba(5,7,11,.88) 55%,rgba(5,7,11,.28)),linear-gradient(90deg,#05070b 0%,transparent 75%); }
  .hero-meta { left:1.25rem;right:1.25rem;justify-content:space-between;gap:1rem; }
  .section-intro { grid-template-columns:1fr; }
  .section-intro .kicker { margin-bottom:1rem; }
  .iot-card { grid-template-columns:1fr; gap:3rem; }
  .chip-visual { width:min(70vw,400px); }
  .architecture-heading { display:grid;gap:2rem; }.architecture-heading h2{text-align:left}
  .system-map { grid-template-columns:1fr;gap:0;padding:0; }
  .system-node { padding:2rem 0;border-bottom:1px solid rgba(9,16,22,.18); }
  .connector { width:1px;height:35px;margin:0 0 0 1rem; }.connector::after{right:-3px;top:auto;bottom:0;transform:rotate(135deg)}.connector i{left:-2px;animation:flow-v 2s linear infinite}@keyframes flow-v{from{top:0;opacity:0}20%{opacity:1}to{top:100%;opacity:0}}
  .approach-list { grid-template-columns:1fr;gap:3rem; }.approach-list article{padding:0 0 3rem;border-right:0;border-bottom:1px solid rgba(9,16,22,.18)}
  .about { grid-template-columns:1fr; }
  footer { grid-template-columns:1fr 1fr;gap:2rem; }footer p:nth-child(2){display:none}
}

@media (max-width: 680px) {
  .site-header { height:68px; }
  .hero { min-height:760px;padding-bottom:2rem; }
  .hero-content { margin-bottom:8rem; }
  .eyebrow { font-size:.61rem;max-width:90%; }
  h1 { font-size:clamp(3.5rem,17vw,5.2rem);line-height:.88; }
  .hero-copy { width:100%;font-size:.95rem; }
  .hero-actions { align-items:flex-start;flex-direction:column;gap:1.4rem; }
  .hero-meta div:nth-child(2){display:none}
  .signal-bar { grid-template-columns:repeat(2,1fr); }
  .signal-bar div { min-height:140px;padding:1.25rem; }.signal-bar div:nth-child(3){border-left:1px solid var(--line)}
  .signal-bar strong{font-size:2.5rem}
  .section { padding-top:5rem;padding-bottom:5rem; }
  .section-intro { margin-bottom:3rem;gap:1.2rem; }
  .service-grid { grid-template-columns:1fr; }
  .service-card,.iot-card { grid-column:auto;min-height:380px; }
  .iot-card { padding-bottom:3.5rem; }
  .chip-visual { width:78vw; }
  .platform-row { bottom:2rem; }
  .about { min-height:auto;gap:4rem; }
  .locations div { grid-template-columns:1fr; }.locations small{grid-column:auto}
  .contact { grid-template-columns:1fr;gap:3rem; }
  .contact-button { justify-self:start;width:210px; }
  .contact-list { margin-top:1rem; }
  .contact-list a { grid-template-columns:36px 1fr auto;font-size:.82rem; }
  footer { min-height:150px; }.brand-name{font-size:.82rem}
}

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