/* =================================================================
   GARDEN EXPRESS — Feuille de style partagée (pages SEO)
   Reprend la charte du logo / index.html + composants "contenu".
   Aucune dépendance externe hormis la police Inter (repli système).
================================================================= */

/* ---------- Variables de marque ---------- */
:root{
  --bg:#0A0A0B; --bg2:#0E0F11; --panel:#141618;
  --leaf:#34D27B; --leaf2:#7CE39A; --mint:#A7D8A9;
  --forest:#16341E; --forest2:#1F4A2C;
  --cream:#F3F6F1; --muted:#97A39A;
  --line:rgba(255,255,255,.08);
  --radius:18px; --maxw:1180px;
  --ease:cubic-bezier(.16,1,.3,1);
}

/* ---------- Reset ---------- */
*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }
*{ -webkit-tap-highlight-color:transparent; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body{
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  background:var(--bg); color:var(--cream); line-height:1.6;
  -webkit-font-smoothing:antialiased; overflow-x:hidden; position:relative;
}
img,svg{ display:block; max-width:100%; }
a{ color:inherit; text-decoration:none; }
button{ font-family:inherit; cursor:pointer; border:none; background:none; color:inherit; }
ul{ list-style:none; }
::selection{ background:rgba(52,210,123,.35); color:#fff; }
::-webkit-scrollbar{ width:10px; }
::-webkit-scrollbar-track{ background:var(--bg); }
::-webkit-scrollbar-thumb{ background:var(--forest2); border-radius:10px; }
::-webkit-scrollbar-thumb:hover{ background:var(--leaf); }

/* ---------- Ambiance ---------- */
.ambient{ position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
.blob{ position:absolute; border-radius:50%; filter:blur(120px); }
.blob-1{ width:540px; height:540px; top:-160px; left:-120px; background:var(--forest); opacity:.22; }
.blob-2{ width:460px; height:460px; top:40%; right:-160px; background:var(--forest2); opacity:.16; }
.blob-3{ width:420px; height:420px; bottom:-160px; left:30%; background:var(--forest); opacity:.12; }
body::before{
  content:""; position:fixed; inset:0; z-index:1; pointer-events:none; opacity:.045;
  background-image:repeating-radial-gradient(circle at 20% 30%,rgba(255,255,255,.18) 0 1px,transparent 1px 7px);
}

/* ---------- Conteneur & utilitaires ---------- */
.container{ width:100%; max-width:var(--maxw); margin:0 auto; padding:0 22px; }
.section{ position:relative; z-index:2; padding:80px 0; }
.section--tinted{ background:rgba(14,15,17,.55); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.eyebrow{ font-size:12px; letter-spacing:.28em; text-transform:uppercase; color:var(--leaf); font-weight:600; margin-bottom:16px; }
.section-head{ max-width:720px; margin-bottom:48px; }
.section-head.center{ margin-left:auto; margin-right:auto; text-align:center; }
.lead{ color:rgba(243,246,241,.66); font-size:clamp(1rem,1.4vw,1.18rem); margin-top:18px; }

/* ---------- Typographie ---------- */
h1,h2,h3,h4{ line-height:1.12; letter-spacing:-0.02em; font-weight:800; }
.h1{ font-size:clamp(2.1rem,5.2vw,3.6rem); line-height:1.04; font-weight:900; }
.h2{ font-size:clamp(1.7rem,3.6vw,2.6rem); }
.h3{ font-size:1.4rem; }
.text-gradient{
  background:linear-gradient(120deg,#F3F6F1 0%,var(--mint) 55%,var(--leaf) 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* ---------- Verre / cartes ---------- */
.glass{
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  border:1px solid var(--line);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
}
.card{ border-radius:var(--radius); }
.card-hover{ transition:transform .5s var(--ease),border-color .5s,box-shadow .5s; }
.card-hover:hover{ transform:translateY(-6px); border-color:rgba(52,210,123,.4);
  box-shadow:0 24px 60px -24px rgba(52,210,123,.35), inset 0 1px 0 rgba(255,255,255,.07); }

/* ---------- Boutons ---------- */
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-weight:600; font-size:1rem; line-height:1; border-radius:999px; padding:16px 28px;
  transition:transform .35s var(--ease),box-shadow .35s,background .35s,border-color .35s,color .35s; white-space:nowrap; }
.btn svg{ width:20px; height:20px; }
.btn:active{ transform:scale(.97); }
.btn-primary{ color:#06210F; background:linear-gradient(120deg,var(--leaf),var(--leaf2)); box-shadow:0 12px 32px -12px rgba(52,210,123,.7); }
.btn-primary:hover{ box-shadow:0 0 28px -2px rgba(52,210,123,.6),0 16px 40px -14px rgba(52,210,123,.8); transform:translateY(-2px); }
.btn-ghost{ color:var(--cream); border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.02); }
.btn-ghost:hover{ border-color:rgba(52,210,123,.55); background:rgba(52,210,123,.07); transform:translateY(-2px); }
.btn-sm{ padding:11px 20px; font-size:.9rem; }
.btn-block{ width:100%; }
.btn-wa{ background:#25D366; color:#04210f; }
.btn-wa:hover{ box-shadow:0 0 24px -2px rgba(37,211,102,.6); transform:translateY(-2px); }

/* ---------- Badge ---------- */
.badge{ display:inline-flex; align-items:center; gap:9px; font-size:.8rem; font-weight:500;
  color:var(--mint); padding:9px 16px; border-radius:999px; border:1px solid var(--line); background:rgba(255,255,255,.03); }
.dot-live{ position:relative; width:8px; height:8px; }
.dot-live span{ position:absolute; inset:0; border-radius:50%; background:var(--leaf); }
.dot-live .ping{ animation:ping 1.8s cubic-bezier(0,0,.2,1) infinite; }
@keyframes ping{ 75%,100%{ transform:scale(2.4); opacity:0; } }

/* =================================================================
   HEADER
================================================================= */
.header{ position:fixed; top:0; left:0; right:0; z-index:50; padding:18px 0;
  transition:background .4s,backdrop-filter .4s,border-color .4s,padding .4s; border-bottom:1px solid transparent; }
.header.scrolled{ padding:12px 0; background:rgba(10,10,11,.72);
  backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border-bottom:1px solid rgba(255,255,255,.07); }
.header-inner{ display:flex; align-items:center; justify-content:space-between; gap:16px; }
.topbar{ display:none; border-bottom:1px solid var(--line); }
.topbar-inner{ display:flex; align-items:center; justify-content:flex-end; gap:20px; padding:7px 0; }
.tb-item{ display:inline-flex; align-items:center; gap:7px; font-size:.82rem; color:rgba(243,246,241,.72); white-space:nowrap; transition:color .3s; }
.tb-item:hover{ color:var(--leaf); }
.tb-item svg{ width:15px; height:15px; }
.tb-wa{ color:#25D366; }
.tb-sep{ width:1px; height:14px; background:var(--line); }
@media(min-width:768px){ .topbar{ display:block; } }
.logo{ display:flex; align-items:center; gap:14px; flex-shrink:0; }
.logo-mark{ filter:drop-shadow(0 0 6px rgba(52,210,123,0)); transition:filter .5s; }
.logo-mark img{ width:auto; height:76px; object-fit:contain; transition:height .35s var(--ease); }
.logo:hover .logo-mark{ filter:drop-shadow(0 0 10px rgba(52,210,123,.55)); }
.logo-name{ font-weight:800; font-size:20px; letter-spacing:-.02em; line-height:1.1; }
.logo > span:not(.logo-mark){ display:inline-flex; flex-direction:column; gap:8px; }
.logo-sub{ display:block; font-size:10.5px; letter-spacing:.2em; text-transform:uppercase; color:rgba(52,210,123,.8); margin-top:0; }
.nav{ display:none; align-items:center; gap:30px; }
.nav a{ font-size:.92rem; font-weight:500; color:rgba(243,246,241,.78); position:relative; transition:color .3s; }
.nav a:hover{ color:var(--cream); }
.nav a::after{ content:""; position:absolute; left:0; bottom:-7px; height:2px; width:0; border-radius:2px;
  background:linear-gradient(90deg,var(--leaf),var(--mint)); transition:width .35s ease; }
.nav a:hover::after,.nav a.active::after{ width:100%; }
.header-cta{ display:none; align-items:center; gap:14px; }
.burger{ width:44px; height:44px; display:grid; place-items:center; position:relative; border-radius:12px; }
.burger span{ position:absolute; width:20px; height:2px; background:var(--cream); border-radius:2px; transition:transform .3s,opacity .3s; }
.burger span:nth-child(1){ transform:translateY(-6px); }
.burger span:nth-child(3){ transform:translateY(6px); }
.header.menu-open .burger span:nth-child(1){ transform:rotate(45deg); }
.header.menu-open .burger span:nth-child(2){ opacity:0; }
.header.menu-open .burger span:nth-child(3){ transform:rotate(-45deg); }
.mobile-menu{ position:absolute; top:100%; left:16px; right:16px; margin-top:10px; padding:18px; border-radius:20px;
  opacity:0; transform:translateY(-12px); pointer-events:none; transition:opacity .35s,transform .35s; }
.header.menu-open .mobile-menu{ opacity:1; transform:none; pointer-events:auto; }
.mobile-menu a{ display:block; padding:13px 12px; border-radius:10px; font-weight:500; color:rgba(243,246,241,.9); transition:background .25s; }
.mobile-menu a:hover{ background:rgba(255,255,255,.05); }
.mobile-menu .mm-sep{ height:1px; background:var(--line); margin:12px 0; }
.mobile-menu .btn{ width:100%; margin-top:8px; }

/* =================================================================
   FIL D'ARIANE (breadcrumb)
================================================================= */
.crumb{ position:relative; z-index:2; padding-top:120px; }
@media(min-width:768px){ .crumb{ padding-top:150px; } }
.crumb ol{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:.82rem; color:var(--muted); }
.crumb li{ display:flex; align-items:center; gap:8px; }
.crumb a:hover{ color:var(--leaf); }
.crumb .sep{ opacity:.5; }
.crumb [aria-current]{ color:rgba(243,246,241,.9); }

/* =================================================================
   HERO PAGE CONTENU
================================================================= */
.phero{ position:relative; z-index:2; padding:34px 0 8px; }
.phero-grid{ display:grid; grid-template-columns:1fr; gap:34px; align-items:center; }
.phero h1{ margin-bottom:22px; }
.phero .lead{ margin-top:0; }
.phero-ctas{ margin-top:30px; display:flex; flex-direction:column; gap:14px; }
.phero-trust{ margin-top:30px; display:flex; flex-wrap:wrap; gap:12px 26px; font-size:.88rem; color:rgba(243,246,241,.6); }
.phero-trust span{ display:inline-flex; align-items:center; gap:8px; }
.phero-trust svg{ width:16px; height:16px; stroke:var(--leaf); }
.route-pill{ display:inline-flex; align-items:center; gap:12px; font-weight:700; font-size:1.05rem;
  padding:12px 20px; border-radius:999px; background:rgba(52,210,123,.08); border:1px solid rgba(52,210,123,.22); }
.route-pill svg{ width:26px; height:14px; stroke:var(--leaf); }

/* Carte "devis express" sticky côté hero */
.quote-card{ padding:26px; }
.quote-card h2{ font-size:1.3rem; }
.quote-card .sub{ font-size:.88rem; color:var(--muted); margin-top:6px; }
.quote-card .field-wrap{ margin-top:14px; }

/* =================================================================
   CHAMPS DE FORMULAIRE
================================================================= */
.field-wrap label{ display:block; font-size:.78rem; font-weight:500; color:var(--muted); margin-bottom:8px; }
.field{ width:100%; padding:14px 16px; border-radius:12px; font-size:.9rem; color:var(--cream);
  background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.1);
  transition:border-color .3s,box-shadow .3s,background .3s; font-family:inherit; }
.field::placeholder{ color:rgba(243,246,241,.3); }
.field:focus{ outline:none; border-color:var(--leaf); box-shadow:0 0 0 4px rgba(52,210,123,.15); background:rgba(52,210,123,.04); }
textarea.field{ resize:vertical; min-height:96px; }
select.field{ appearance:none; -webkit-appearance:none; cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,#97A39A 50%),linear-gradient(135deg,#97A39A 50%,transparent 50%);
  background-repeat:no-repeat; background-position:calc(100% - 18px) center,calc(100% - 12px) center; background-size:6px 6px,6px 6px; padding-right:38px; }
.form-grid{ display:grid; grid-template-columns:1fr; gap:14px; }
@media(min-width:520px){ .form-grid.cols-2{ grid-template-columns:1fr 1fr; } }
.span-2{ grid-column:1 / -1; }

/* =================================================================
   PROSE (contenu éditorial)
================================================================= */
.prose{ max-width:760px; }
.prose.wide{ max-width:880px; }
.prose p{ color:rgba(243,246,241,.78); margin:0 0 18px; font-size:1.02rem; }
.prose h2{ font-size:clamp(1.5rem,3vw,2.1rem); margin:46px 0 16px; }
.prose h3{ font-size:1.3rem; margin:32px 0 12px; }
.prose ul.ticks{ margin:6px 0 20px; display:flex; flex-direction:column; gap:11px; }
.prose ul.ticks li{ display:flex; gap:12px; color:rgba(243,246,241,.8); font-size:1rem; }
.prose ul.ticks svg{ width:19px; height:19px; stroke:var(--leaf); stroke-width:2.4; flex-shrink:0; margin-top:4px; }
.prose strong{ color:var(--cream); font-weight:700; }
.prose a.inline{ color:var(--leaf); border-bottom:1px solid rgba(52,210,123,.4); }
.prose a.inline:hover{ border-color:var(--leaf); }

/* =================================================================
   TABLEAUX DE DONNÉES
================================================================= */
.table-wrap{ overflow-x:auto; border-radius:var(--radius); border:1px solid var(--line); margin:18px 0 26px; }
table.data{ width:100%; border-collapse:collapse; min-width:480px; font-size:.92rem; }
table.data th,table.data td{ text-align:left; padding:14px 18px; border-bottom:1px solid var(--line); }
table.data thead th{ background:rgba(52,210,123,.07); color:var(--cream); font-weight:600; font-size:.82rem; letter-spacing:.02em; }
table.data tbody tr:last-child td{ border-bottom:none; }
table.data tbody tr:hover{ background:rgba(255,255,255,.025); }
table.data td .hl{ color:var(--leaf); font-weight:600; }

/* =================================================================
   GRILLES CARTES (services / villes / atouts)
================================================================= */
.grid-2{ display:grid; grid-template-columns:1fr; gap:20px; }
.grid-3{ display:grid; grid-template-columns:1fr; gap:20px; }
.grid-4{ display:grid; grid-template-columns:1fr; gap:20px; }
.tile{ padding:26px 24px; height:100%; }
.tile .icon-box{ width:50px; height:50px; border-radius:14px; display:grid; place-items:center; margin-bottom:18px;
  background:rgba(52,210,123,.1); border:1px solid rgba(52,210,123,.2); }
.tile .icon-box svg{ width:24px; height:24px; stroke:var(--leaf); }
.tile h3{ font-size:1.18rem; }
.tile p{ margin-top:10px; font-size:.92rem; color:rgba(243,246,241,.65); }
.tile .more{ display:inline-flex; align-items:center; gap:6px; margin-top:16px; font-size:.86rem; font-weight:600; color:var(--leaf); }
.tile .more svg{ width:16px; height:16px; }
a.tile:hover .more{ gap:10px; }

.linklist{ display:grid; grid-template-columns:1fr; gap:10px; }
@media(min-width:560px){ .linklist{ grid-template-columns:1fr 1fr; } }
@media(min-width:900px){ .linklist{ grid-template-columns:1fr 1fr 1fr; } }
.linklist a{ display:flex; align-items:center; gap:10px; padding:14px 16px; border-radius:12px;
  border:1px solid var(--line); background:rgba(255,255,255,.02); font-size:.92rem; font-weight:500;
  color:rgba(243,246,241,.82); transition:border-color .3s,background .3s,transform .3s; }
.linklist a:hover{ border-color:rgba(52,210,123,.4); background:rgba(52,210,123,.05); transform:translateX(3px); color:var(--cream); }
.linklist a svg{ width:20px; height:12px; stroke:var(--leaf); flex-shrink:0; }

/* Étapes process */
.steps{ display:grid; grid-template-columns:1fr; gap:18px; }
.step{ padding:24px 22px; height:100%; }
.step .step-num{ color:var(--leaf); font-weight:900; font-size:.82rem; letter-spacing:.18em; }
.step h3{ margin-top:10px; font-size:1.1rem; }
.step p{ margin-top:10px; font-size:.9rem; color:rgba(243,246,241,.65); }

/* Statistiques mini */
.minostats{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px 18px; }
.minostats .num{ font-size:clamp(1.8rem,4vw,2.6rem); font-weight:900; letter-spacing:-.03em; line-height:1; color:var(--cream); }
.minostats .lbl{ margin-top:8px; font-size:.85rem; color:var(--muted); }

/* =================================================================
   FAQ (accordéon)
================================================================= */
.faq{ max-width:840px; }
.faq-item{ border:1px solid var(--line); border-radius:14px; margin-bottom:12px; overflow:hidden; background:rgba(255,255,255,.02); }
.faq-q{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:16px; text-align:left;
  padding:20px 22px; font-weight:600; font-size:1.02rem; color:var(--cream); }
.faq-q svg{ width:20px; height:20px; stroke:var(--leaf); stroke-width:2.2; flex-shrink:0; transition:transform .35s var(--ease); }
.faq-item.open .faq-q svg{ transform:rotate(45deg); }
.faq-a{ max-height:0; overflow:hidden; transition:max-height .4s var(--ease); }
.faq-a-inner{ padding:0 22px 22px; color:rgba(243,246,241,.72); font-size:.96rem; }
.faq-item.open .faq-a{ max-height:520px; }

/* =================================================================
   CTA RUBAN
================================================================= */
.cta-band{ position:relative; z-index:2; }
.cta-inner{ padding:54px 32px; border-radius:24px; text-align:center;
  background:radial-gradient(120% 140% at 50% 0%,rgba(52,210,123,.14),rgba(20,22,24,.6)); border:1px solid rgba(52,210,123,.25); }
.cta-inner h2{ font-size:clamp(1.6rem,3.4vw,2.4rem); }
.cta-inner p{ margin-top:14px; color:rgba(243,246,241,.72); max-width:560px; margin-left:auto; margin-right:auto; }
.cta-inner .btns{ margin-top:28px; display:flex; flex-direction:column; gap:14px; justify-content:center; }

/* =================================================================
   FOOTER
================================================================= */
.footer{ position:relative; z-index:2; border-top:1px solid var(--line); background:rgba(14,15,17,.7); }
.footer-inner{ padding:60px 0; display:grid; grid-template-columns:1fr; gap:36px; }
.footer-brand .logo{ margin-bottom:18px; }
.footer-brand p{ font-size:.9rem; color:rgba(243,246,241,.55); max-width:360px; }
.footer-brand .loc{ margin-top:16px; font-size:.9rem; color:rgba(243,246,241,.7); }
.footer h4{ font-size:.9rem; font-weight:600; margin-bottom:16px; }
.footer-links{ display:flex; flex-direction:column; gap:11px; }
.footer-links a,.footer-links li{ font-size:.9rem; color:rgba(243,246,241,.6); transition:color .3s; }
.footer-links a:hover{ color:var(--leaf); }
.footer-bottom{ border-top:1px solid var(--line); padding:26px 0; display:flex; flex-direction:column; gap:12px;
  align-items:center; text-align:center; font-size:.78rem; color:rgba(243,246,241,.45); }

/* =================================================================
   WHATSAPP flottant
================================================================= */
.wa-float{ position:fixed; right:18px; bottom:18px; z-index:55; display:inline-flex; align-items:center; gap:10px;
  background:#25D366; color:#04210f; font-weight:700; font-size:.9rem; padding:14px 16px; border-radius:999px;
  animation:waGlow 2.6s ease-in-out infinite; transition:transform .35s var(--ease),box-shadow .35s; }
.wa-float:hover{ transform:translateY(-3px); }
.wa-float svg{ width:24px; height:24px; }
.wa-float .wa-txt{ display:none; }
@keyframes waGlow{ 0%,100%{ box-shadow:0 12px 30px -8px rgba(37,211,102,.5); } 50%{ box-shadow:0 14px 42px -6px rgba(37,211,102,.85); } }
@media(min-width:640px){ .wa-float{ right:26px; bottom:26px; } .wa-float .wa-txt{ display:inline; } }

/* =================================================================
   TOAST
================================================================= */
.toast{ position:fixed; left:50%; bottom:24px; z-index:60; width:calc(100% - 32px); max-width:420px;
  transform:translate(-50%,1rem); opacity:0; pointer-events:none; transition:opacity .5s,transform .5s; }
.toast.show{ opacity:1; transform:translate(-50%,0); pointer-events:auto; }
.toast-inner{ display:flex; align-items:flex-start; gap:12px; padding:16px 18px; border-radius:16px;
  border:1px solid rgba(52,210,123,.3); box-shadow:0 20px 50px -15px rgba(0,0,0,.7); }
.toast-ic{ width:36px; height:36px; border-radius:50%; display:grid; place-items:center; flex-shrink:0; background:rgba(52,210,123,.15); }
.toast-ic svg{ width:20px; height:20px; stroke:var(--leaf); stroke-width:2.5; }
.toast-title{ font-weight:600; font-size:.9rem; }
.toast-msg{ font-size:.88rem; color:rgba(243,246,241,.65); margin-top:2px; }

/* =================================================================
   RÉVÉLATION AU SCROLL
================================================================= */
.reveal{ opacity:0; transform:translateY(28px); transition:opacity .9s var(--ease),transform .9s var(--ease); }
.reveal.in{ opacity:1; transform:none; }
.reveal.d1{ transition-delay:.08s; } .reveal.d2{ transition-delay:.16s; }
.reveal.d3{ transition-delay:.24s; } .reveal.d4{ transition-delay:.32s; }

/* =================================================================
   RESPONSIVE
================================================================= */
@media(min-width:640px){
  .container{ padding:0 32px; }
  .phero-ctas,.cta-inner .btns{ flex-direction:row; }
  .grid-3{ grid-template-columns:repeat(2,1fr); }
  .grid-4{ grid-template-columns:repeat(2,1fr); }
  .steps{ grid-template-columns:repeat(2,1fr); }
}
@media(min-width:768px){
  .footer-inner{ grid-template-columns:2fr 1fr 1.4fr; }
  .footer-bottom{ flex-direction:row; justify-content:space-between; text-align:left; }
  .minostats{ grid-template-columns:repeat(4,1fr); }
}
@media(min-width:1024px){
  .section{ padding:104px 0; }
  .header-inner{ justify-content:flex-start; }
  .logo{ margin-left:22px; margin-right:8px; }
  .logo-mark img{ width:auto; height:96px; }
  .header.scrolled .logo-mark img{ width:auto; height:82px; }
  .nav{ display:flex; }
  .header-cta{ display:flex; margin-left:auto; }
  .burger{ display:none; }
  .grid-2{ grid-template-columns:repeat(2,1fr); }
  .grid-3{ grid-template-columns:repeat(3,1fr); }
  .grid-4{ grid-template-columns:repeat(4,1fr); }
  .steps{ grid-template-columns:repeat(4,1fr); }
  .phero-grid{ grid-template-columns:7fr 5fr; gap:48px; }
  .phero-grid.lead-only{ grid-template-columns:1fr; }
}
a:focus-visible,button:focus-visible,.field:focus-visible{ outline:2px solid var(--leaf); outline-offset:3px; }
@media (prefers-reduced-motion:reduce){ *{ animation:none !important; transition-duration:.001ms !important; } .reveal{ opacity:1; transform:none; } }