/* Next Phase Strategies — shared stylesheet (dark / modern-tech theme) */
@font-face{
  font-family:'Rajdhani';
  src:url('../assets/fonts/Rajdhani-Light.woff2') format('woff2'),
      url('../assets/fonts/Rajdhani-Light.woff') format('woff');
  font-weight:300;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Rajdhani';
  src:url('../assets/fonts/Rajdhani-Regular.woff2') format('woff2'),
      url('../assets/fonts/Rajdhani-Regular.woff') format('woff');
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Rajdhani';
  src:url('../assets/fonts/Rajdhani-Medium.woff2') format('woff2'),
      url('../assets/fonts/Rajdhani-Medium.woff') format('woff');
  font-weight:500;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Rajdhani';
  src:url('../assets/fonts/Rajdhani-SemiBold.woff2') format('woff2'),
      url('../assets/fonts/Rajdhani-SemiBold.woff') format('woff');
  font-weight:600;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Rajdhani';
  src:url('../assets/fonts/Rajdhani-Bold.woff2') format('woff2'),
      url('../assets/fonts/Rajdhani-Bold.woff') format('woff');
  font-weight:700;font-style:normal;font-display:swap;
}

:root{
  /* brand gradient — sampled from logo mark */
  --teal:#0198b2;
  --lime:#7ed958;
  --grad: linear-gradient(120deg,var(--teal) 0%,var(--lime) 100%);
  --grad-btn: linear-gradient(120deg,#08a7c2 0%,#49c453 100%);

  /* flatter accent tones for small text/icons */
  --green:#3fe07a;
  --green-dark:#22b35c;
  --blue:#2ad0ec;
  --blue-dark:#0f9cba;

  /* dark surface system */
  --bg:#070b12;
  --bg-soft:#0b1119;
  --deep:#04070c;
  --glass: rgba(255,255,255,.045);
  --glass-hover: rgba(255,255,255,.07);
  --line: rgba(255,255,255,.10);

  /* text */
  --ink:#eef3f7;
  --ink-soft:#c3ccd6;
  --mut:#8b96a3;

  --radius:18px;
  --shadow: 0 20px 60px rgba(0,0,0,.45);
  --glow-teal: 0 0 60px rgba(1,152,178,.35);
  --glow-lime: 0 0 60px rgba(126,217,88,.28);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Rajdhani',sans-serif;
  color:var(--ink-soft);
  background:var(--bg);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  position:relative;
}
/* subtle dot-grid texture across the whole site */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,.05) 1px, transparent 0);
  background-size: 34px 34px;
  opacity:.6;
}
header, section, footer{position:relative;z-index:1}

h1,h2,h3,h4{font-family:'Rajdhani',sans-serif;font-weight:700;line-height:1.1;letter-spacing:0;color:var(--ink)}
a{color:inherit;outline:none}
a:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:2px}
img{max-width:100%;display:block}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.grad-text{
  background:var(--grad);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(0 0 26px rgba(1,152,178,.25));
}

/* Buttons */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:15px 30px;border-radius:99px;font-weight:600;font-size:.96rem;
  text-decoration:none;border:none;cursor:pointer;transition:.22s ease;
  font-family:'Rajdhani',sans-serif;outline:none;
}
.btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.btn-primary{
  background:var(--grad-btn);background-size:180% 180%;color:#04140f;
  box-shadow:0 10px 30px rgba(8,167,194,.28), 0 10px 30px rgba(73,196,83,.18);
  animation:sheen 7s ease infinite;
}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(8,167,194,.4), 0 16px 40px rgba(73,196,83,.28)}
.btn-primary:active{transform:translateY(0)}
.btn-outline{border:1.5px solid var(--line);color:var(--ink)}
.btn-outline:hover{border-color:var(--blue);color:var(--blue);background:rgba(42,208,236,.06)}
.btn-outline:active{background:rgba(42,208,236,.12)}
.btn-ghost-light{border:1.5px solid rgba(255,255,255,.4);color:#fff}
.btn-ghost-light:hover{background:rgba(255,255,255,.14)}
.btn-ghost-light:active{background:rgba(255,255,255,.22)}
@keyframes sheen{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

/* Nav */
header.site-nav{
  position:sticky;top:0;z-index:100;
  background:rgba(6,10,16,.72);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
header.site-nav::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:var(--grad);opacity:.55;
}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:76px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{
  height:44px;width:auto;
  filter:drop-shadow(0 2px 10px rgba(1,152,178,.4)) drop-shadow(0 2px 14px rgba(126,217,88,.28));
}
.brand .wordmark{
  font-family:'Rajdhani',sans-serif;font-weight:700;font-size:1.05rem;line-height:1.1;color:var(--ink);white-space:nowrap;
}
.brand .wordmark small{
  display:block;font-family:'Rajdhani',sans-serif;font-size:.56em;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:3px;
}
.nav-links{display:flex;align-items:center;gap:34px}
.nav-links a{text-decoration:none;color:var(--ink-soft);font-weight:600;font-size:.94rem;transition:.15s;padding:8px 0;position:relative}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--lime);opacity:0;transition:.2s}
.nav-links a:hover{color:var(--lime)}
.nav-links a:hover::after{opacity:1}
.nav-links a.active{color:var(--lime)}
.nav-links a.active::after{opacity:1}
.nav-cta{display:flex;align-items:center;gap:20px}
.nav-toggle{display:none;background:none;border:none;font-size:1.6rem;cursor:pointer;color:var(--ink);padding:8px;margin:-8px;border-radius:8px;transition:.2s}
.nav-toggle:hover{background:var(--glass);color:var(--lime)}
.nav-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

@media (max-width:880px){
  .nav-links{
    position:fixed;top:76px;left:0;right:0;background:#080d15;backdrop-filter:blur(14px);flex-direction:column;
    align-items:flex-start;padding:20px 24px 28px;border-bottom:1px solid var(--line);
    gap:18px; transform:translateY(-8px); opacity:0; pointer-events:none; transition:.3s cubic-bezier(.2,.6,.8,1);
  }
  .nav-links.open{transform:translateY(0);opacity:1;pointer-events:auto}
  .nav-toggle{display:block}
  .nav-cta .btn-primary{padding:11px 20px;font-size:.88rem}
  .nav-links a{padding:12px 0;font-size:1rem}
}

/* Decorative orbs + floating dots */
.orb{position:absolute;border-radius:50%;filter:blur(70px);z-index:0;pointer-events:none;animation:float 9s ease-in-out infinite;will-change:transform}
.orb-teal{background:rgba(1,152,178,.38)}
.orb-lime{background:rgba(126,217,88,.32)}
@keyframes float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-18px) scale(1.05)}}

.floating-dot{
  position:absolute;border-radius:50%;background:var(--grad);
  box-shadow:0 0 22px rgba(126,217,88,.45);
  animation:bob 5s ease-in-out infinite;
  z-index:0;pointer-events:none;will-change:transform;
}
@keyframes bob{0%,100%{transform:translate(0,0)}50%{transform:translate(0,-14px)}}
@keyframes bobB{0%,100%{transform:translate(0,0)}50%{transform:translate(8px,-18px)}}
@keyframes bobC{0%,100%{transform:translate(0,0)}50%{transform:translate(-7px,-11px)}}

/* Randomized bubble field — reused across hero + page-hero sections */
.fd-1{width:15px;height:15px;top:14%;left:7%;animation-name:bob;animation-duration:6s;animation-delay:.2s}
.fd-2{width:8px;height:8px;top:64%;left:13%;animation-name:bobB;animation-duration:7.5s;animation-delay:1.1s;opacity:.75}
.fd-3{width:20px;height:20px;top:74%;left:5%;animation-name:bobC;animation-duration:8.5s;animation-delay:.6s;opacity:.65}
.fd-4{width:11px;height:11px;top:12%;right:9%;animation-name:bob;animation-duration:7s;animation-delay:1.6s}
.fd-5{width:17px;height:17px;top:52%;right:6%;animation-name:bobB;animation-duration:6.5s;animation-delay:.4s;opacity:.7}
.fd-6{width:7px;height:7px;top:78%;right:16%;animation-name:bobC;animation-duration:9s;animation-delay:1.8s;opacity:.6}
.fd-7{width:12px;height:12px;top:36%;left:21%;animation-name:bob;animation-duration:8s;animation-delay:2.2s;opacity:.5}
.fd-8{width:9px;height:9px;top:22%;right:24%;animation-name:bobB;animation-duration:5.8s;animation-delay:.9s;opacity:.55}
.fd-9{width:13px;height:13px;top:44%;left:3%;animation-name:bobC;animation-duration:7.2s;animation-delay:1.3s;opacity:.6}
.fd-10{width:6px;height:6px;top:85%;right:34%;animation-name:bob;animation-duration:6.8s;animation-delay:2.5s;opacity:.5}
.fd-11{width:10px;height:10px;top:28%;left:15%;animation-name:bobC;animation-duration:6.2s;animation-delay:1.4s;opacity:.65}
.fd-12{width:14px;height:14px;top:58%;left:28%;animation-name:bob;animation-duration:7.8s;animation-delay:.7s;opacity:.58}
.fd-13{width:9px;height:9px;top:18%;right:12%;animation-name:bobB;animation-duration:6.5s;animation-delay:2.1s;opacity:.62}
.fd-14{width:11px;height:11px;top:68%;right:21%;animation-name:bobC;animation-duration:8.1s;animation-delay:1.2s;opacity:.56}
.fd-15{width:7px;height:7px;top:42%;left:8%;animation-name:bob;animation-duration:5.9s;animation-delay:1.9s;opacity:.68}
.fd-16{width:13px;height:13px;top:76%;left:18%;animation-name:bobB;animation-duration:7.4s;animation-delay:.5s;opacity:.54}
.fd-17{width:8px;height:8px;top:34%;right:28%;animation-name:bobC;animation-duration:6.7s;animation-delay:2.3s;opacity:.61}
.fd-18{width:12px;height:12px;top:62%;right:11%;animation-name:bob;animation-duration:8.2s;animation-delay:.8s;opacity:.59}

/* Hero */
.hero{
  position:relative;overflow:hidden;padding:120px 0 110px;
}
.hero .orb-a{width:420px;height:420px;top:-140px;left:-120px}
.hero .orb-b{width:380px;height:380px;bottom:-160px;right:-100px;animation-delay:1.5s}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--glass);border:1px solid var(--line);border-radius:99px;
  padding:8px 18px;font-size:.82rem;font-weight:600;color:var(--ink-soft);
  backdrop-filter:blur(6px);margin-bottom:26px;
}
.dot{width:8px;height:8px;border-radius:50%;background:var(--grad);box-shadow:0 0 10px rgba(126,217,88,.6)}
.hero h1{font-size:clamp(2.6rem,5.2vw,3.9rem)}
.hero p.lead{max-width:560px;color:var(--mut);font-size:1.15rem;margin:22px 0 34px}
.hero-cta{display:flex;gap:16px;flex-wrap:wrap}

/* Page hero (inner pages) */
.page-hero{
  position:relative;overflow:hidden;padding:96px 0 66px;
  border-bottom:1px solid var(--line);
}
.page-hero .orb-a{width:340px;height:340px;top:-140px;left:-80px}
.page-hero .orb-b{width:300px;height:300px;top:-60px;right:-100px;animation-delay:1.2s}
.page-hero h1{font-size:clamp(2.2rem,4.2vw,3.1rem);position:relative;z-index:1}
.page-hero p.lead{max-width:640px;color:var(--mut);font-size:1.08rem;margin-top:18px;position:relative;z-index:1}
.page-hero .eyebrow{position:relative;z-index:1}

/* Sections */
section{padding:96px 0}
.section-sm{padding:64px 0}
.kicker{
  color:var(--lime);font-weight:700;font-size:.82rem;
  letter-spacing:.2em;text-transform:uppercase;
}
h2.section-title{font-size:clamp(1.8rem,3.6vw,2.6rem);margin:12px 0 18px}
.section-lead{color:var(--mut);max-width:640px;font-size:1.05rem}
.bg-soft{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

/* Grids & cards */
.grid{display:grid;gap:26px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:920px){.grid-3,.grid-4{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}

.card{
  background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);
  padding:34px 28px;transition:.25s cubic-bezier(.2,.6,.8,1);backdrop-filter:blur(8px);
}
.card:hover{box-shadow:var(--shadow);transform:translateY(-4px);background:var(--glass-hover);border-color:rgba(255,255,255,.18)}
.card:focus-within{outline:2px solid var(--blue);outline-offset:-2px}
.card .icon{
  width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:var(--grad);color:#04140f;font-size:1.4rem;font-weight:700;margin-bottom:20px;
  box-shadow:0 8px 24px rgba(1,152,178,.3), 0 8px 24px rgba(126,217,88,.22);
}
.card h3{font-size:1.2rem;margin-bottom:10px}
.card p{color:var(--mut);font-size:.96rem}

.stat{text-align:center}
.stat .num{font-family:'Rajdhani',sans-serif;font-size:2.4rem;font-weight:700;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat .lbl{color:var(--mut);font-size:.88rem;text-transform:uppercase;letter-spacing:.08em;margin-top:6px}

/* Split layout */
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
@media (max-width:860px){.split{grid-template-columns:1fr;gap:36px}}

/* Process steps */
.steps{counter-reset:step;display:grid;gap:24px}
.step{display:flex;gap:22px;padding:26px 0;border-bottom:1px solid var(--line);transition:.2s}
.step:last-child{border-bottom:none}
.step:hover .step-num{background:var(--glass-hover);border-color:var(--blue);transform:scale(1.08)}
.step-num{
  counter-increment:step;flex:none;
  width:46px;height:46px;border-radius:12px;background:var(--glass);border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;font-family:'Rajdhani',sans-serif;font-weight:700;color:var(--lime);
  transition:.2s;
}
.step-num::before{content:counter(step)}
.step h3{font-size:1.1rem;margin-bottom:6px}
.step p{color:var(--mut);font-size:.95rem}

/* Tech panel (glossy decorative dark blocks) */
.tech-panel{
  position:relative;overflow:hidden;border-radius:var(--radius);
  background:var(--deep);border:1px solid var(--line);
  transition:.3s cubic-bezier(.2,.6,.8,1);
}
.tech-panel:hover{border-color:rgba(255,255,255,.18);box-shadow:0 8px 24px rgba(0,0,0,.3)}
.tech-panel::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(560px 280px at 15% 0%, rgba(1,152,178,.32), transparent),
             radial-gradient(560px 280px at 100% 100%, rgba(126,217,88,.28), transparent);
}
.tech-panel .tp-inner{position:relative;padding:54px 40px;color:#fff}
.tech-panel .tp-inner h3{color:#fff;font-size:1.4rem;margin-bottom:16px}
.tech-panel .tp-inner p{color:#c7ced6}
.tech-panel .tp-mark{
  position:absolute;right:-30px;bottom:-30px;width:200px;opacity:.65;
}

/* Quote / CTA band */
.quote-block{
  background:var(--deep);color:#fff;border-radius:24px;padding:64px 54px;position:relative;overflow:hidden;
  border:1px solid var(--line);
}
.quote-block::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(600px 260px at 10% 0%, rgba(1,152,178,.3), transparent),
             radial-gradient(600px 260px at 100% 100%, rgba(126,217,88,.28), transparent);
}
.quote-block blockquote{position:relative;font-family:'Rajdhani',sans-serif;font-size:clamp(1.3rem,2.6vw,1.7rem);font-weight:600;max-width:760px}
.quote-block .who{position:relative;margin-top:22px;color:#a9b4bf;font-size:.92rem}

.cta-band{
  position:relative;overflow:hidden;border-radius:28px;padding:70px 50px;text-align:center;
  background:var(--grad-btn);color:#052018;box-shadow:0 20px 60px rgba(8,167,194,.15);
}
.cta-band h2{color:#04140f;font-size:clamp(1.8rem,3.6vw,2.5rem)}
.cta-band p{color:rgba(4,20,15,.78);max-width:520px;margin:14px auto 30px;font-size:1.05rem}
.cta-band .cta-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.cta-band .btn.btn-solid{background:#04140f;color:#eafff2}
.cta-band .btn.btn-solid:hover{background:#08241b}
.cta-band .btn-ghost-light{border-color:rgba(4,20,15,.35);color:#04140f}
.cta-band .btn-ghost-light:hover{background:rgba(4,20,15,.1)}

/* Pills */
.pill{
  display:inline-block;background:var(--glass);border:1px solid var(--line);
  border-radius:99px;padding:6px 14px;font-size:.82rem;font-weight:600;color:var(--ink-soft);
  margin:4px 6px 4px 0;
}

/* Form */
.form-card{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);padding:40px;backdrop-filter:blur(10px)}
.form-row{margin-bottom:20px}
.form-row label{display:block;font-size:.88rem;font-weight:600;margin-bottom:8px;color:var(--ink-soft)}
.form-row input,.form-row textarea,.form-row select{
  width:100%;padding:13px 16px;border:1.5px solid var(--line);border-radius:10px;
  font-family:'Rajdhani',sans-serif;font-size:.96rem;color:var(--ink);background:rgba(255,255,255,.04);
  transition:.2s;
}
.form-row input::placeholder,.form-row textarea::placeholder{color:#5f6b78}
.form-row input:focus,.form-row textarea:focus,.form-row select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(42,208,236,.15);background:rgba(255,255,255,.07)}
.form-row input:disabled,.form-row textarea:disabled,.form-row select:disabled{opacity:.6;cursor:not-allowed}
.form-row textarea{resize:vertical;min-height:130px}
.form-row select{color-scheme:dark}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:600px){
  .two-col{grid-template-columns:1fr}
  .btn{padding:13px 20px;font-size:.9rem}
  .hero-cta{flex-direction:column}
  .hero-cta a{width:100%}
  .cta-band .cta-row{flex-direction:column}
  .cta-band .btn{width:100%;justify-content:center}
}

.contact-info-card{
  position:relative;overflow:hidden;border-radius:var(--radius);padding:40px;color:#04140f;
  background:var(--grad);
}
.contact-info-card::before{content:"";position:absolute;inset:0;background:rgba(3,10,8,.32)}
.contact-info-card *{position:relative}
.contact-info-card h3{color:#04140f;margin-bottom:18px}
.contact-info-card .ci-row{display:flex;gap:14px;margin-bottom:18px;align-items:flex-start}
.contact-info-card .ci-row .lbl{color:rgba(4,20,15,.75);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}
.contact-info-card .ci-row a{color:#04140f;text-decoration:none;font-weight:700}
.contact-info-card .ci-row a:hover{text-decoration:underline}
.contact-info-card .ci-note{color:rgba(4,20,15,.8);font-size:.92rem}
.contact-info-card .ci-divider{margin-top:30px;padding-top:26px;border-top:1px solid rgba(4,20,15,.2)}

/* Footer */
footer.site-footer{background:var(--deep);color:#a9b4bf;padding:64px 0 28px;border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:44px;border-bottom:1px solid var(--line)}
@media (max-width:820px){.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.footer-grid{grid-template-columns:1fr}}
footer.site-footer .brand img{height:38px;width:auto}
footer.site-footer .brand .wordmark{color:#fff}
footer.site-footer p{color:#7e8a97;font-size:.92rem;margin-top:14px;max-width:280px}
footer.site-footer h4{color:#fff;font-size:.9rem;margin-bottom:16px;letter-spacing:.04em}
footer.site-footer ul{list-style:none}
footer.site-footer ul li{margin-bottom:10px}
footer.site-footer ul li a{color:#a9b4bf;text-decoration:none;font-size:.92rem;transition:.15s}
footer.site-footer ul li a:hover{color:var(--lime)}
footer.site-footer ul li a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:26px;font-size:.82rem;color:#5f6b78;flex-wrap:wrap;gap:10px}

/* Work / case study cards */
.work-card{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(8px)}
.work-card .thumb{
  position:relative;overflow:hidden;height:200px;background:var(--grad);display:flex;align-items:center;justify-content:center;
  color:#04140f;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:1rem;letter-spacing:.03em;text-align:center;padding:20px;
}
.work-card .thumb::before{
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(circle at 1px 1px, rgba(255,255,255,.35) 1px, transparent 0);
  background-size:22px 22px;opacity:.4;
}
.work-card .thumb span{position:relative}
.work-card .body{padding:26px}
.work-card .body .pill{margin-bottom:14px}
.work-card h3{font-size:1.1rem;margin-bottom:8px}
.work-card p{color:var(--mut);font-size:.94rem}

/* Values grid (about) */
.value-card{padding:0;border:none;background:none}
.value-card h3{font-size:1.05rem}

/* Utility */
.mt-8{margin-top:8px} .mt-16{margin-top:16px} .mt-24{margin-top:24px} .mt-40{margin-top:40px} .mt-64{margin-top:64px}
.text-center{text-align:center}
.center-col{max-width:720px;margin:0 auto;text-align:center}

/* Accessibility: Reduced motion */
@media (prefers-reduced-motion: reduce){
  *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}