/* ============================================================
   TONYCLEAN — palette issue des cartes de visite
   ============================================================ */
:root{
  --navy:#12264A;        /* bleu marine des cartes */
  --navy-deep:#0C1B36;
  --blue:#54B9E9;        /* bleu clair du logo / carte */
  --blue-deep:#2E9AD1;
  --blue-ink:#1D5F86;    /* bleu accent lisible sur blanc */
  --ink:#152238;
  --ink-soft:#4A5872;
  --bg:#FFFFFF;
  --bg-alt:#F1F8FD;
  --line:#DCEAF4;
  --radius:18px;
  --maxw:1140px;
  --font-display:"Poppins", system-ui, sans-serif;
  --font-body:"Inter", system-ui, sans-serif;
  /* motif verrière (repris du dos de la carte de visite) */
  --pattern-light:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="220" height="220" viewBox="0 0 220 220"><g stroke="%2354B9E9" stroke-width="1" opacity=".13" fill="none"><path d="M-20 200 L240 -60"/><path d="M-20 240 L240 -20"/><path d="M-60 200 L200 -60"/><path d="M-20 120 L160 -60"/><path d="M60 280 L280 60"/><path d="M-40 60 L60 -40"/><path d="M100 260 L300 60"/><path d="M-20 -20 L240 240" opacity=".5"/><path d="M-60 -20 L200 240" opacity=".5"/><path d="M20 -60 L280 200" opacity=".5"/></g></svg>');
  --pattern-dark:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="220" height="220" viewBox="0 0 220 220"><g stroke="%23FFFFFF" stroke-width="1" opacity=".08" fill="none"><path d="M-20 200 L240 -60"/><path d="M-20 240 L240 -20"/><path d="M-60 200 L200 -60"/><path d="M-20 120 L160 -60"/><path d="M60 280 L280 60"/><path d="M-40 60 L60 -40"/><path d="M100 260 L300 60"/><path d="M-20 -20 L240 240" opacity=".5"/><path d="M-60 -20 L200 240" opacity=".5"/><path d="M20 -60 L280 200" opacity=".5"/></g></svg>');
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);color:var(--ink);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
section{padding:84px 0}
h1,h2,h3{font-family:var(--font-display);line-height:1.15;font-weight:700}
h2{font-size:clamp(1.7rem,3.4vw,2.45rem);margin-bottom:16px;letter-spacing:-.01em;color:var(--navy);text-wrap:balance}
.eyebrow{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-deep);margin-bottom:12px}
.lead{font-size:1.06rem;color:var(--ink-soft);max-width:660px;text-wrap:pretty}
/* Sections à en-tête centré : le contenu (grilles, cartes) reste pleine largeur */
section.centered .eyebrow{display:block;text-align:center}
section.centered h2{text-align:center}
section.centered > .wrap > .lead{margin-left:auto;margin-right:auto;text-align:center}
section.centered .faq-list{margin-left:auto;margin-right:auto}
.section-cta{margin-top:36px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center}

/* ---------- Boutons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 28px;border-radius:999px;font-weight:600;font-size:.97rem;transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;cursor:pointer;border:none;font-family:var(--font-display)}
.btn-blue{background:var(--blue);color:var(--navy)}
.btn-blue:hover{background:var(--blue-deep);color:#fff;transform:translateY(-2px);box-shadow:0 10px 26px rgba(46,154,209,.32)}
.btn-navy{background:var(--navy);color:#fff}
.btn-navy:hover{background:var(--navy-deep);transform:translateY(-2px);box-shadow:0 10px 26px rgba(18,38,74,.3)}
.btn-ghost{border:1.5px solid var(--navy);color:var(--navy);background:transparent}
.btn-ghost:hover{background:var(--navy);color:#fff;transform:translateY(-2px)}
.btn-ghost.on-dark{border-color:rgba(255,255,255,.55);color:#fff}
.btn-ghost.on-dark:hover{background:#fff;color:var(--navy)}

/* ---------- Header ---------- */
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:76px;gap:16px}
.brand{display:flex;align-items:center;gap:12px}
.brand svg{flex:none}
.brand-name{font-family:var(--font-display);font-weight:800;font-size:1.3rem;letter-spacing:.04em;color:var(--navy)}
.brand-name em{font-style:normal;color:var(--blue-deep)}
.brand small{display:block;font-size:.66rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
.nav-links{display:flex;gap:28px;font-size:.92rem;font-weight:500}
.nav-links a{position:relative;padding:4px 0}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--blue);transition:width .22s ease}
.nav-links a:hover::after{width:100%}
.nav-cta{padding:11px 22px;font-size:.88rem}
@media(max-width:960px){.nav-links{display:none}}

/* ---------- Hero ---------- */
.hero{padding:80px 0 70px;position:relative;overflow:hidden;background:var(--bg) var(--pattern-light)}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.hero h1{font-size:clamp(2.2rem,5vw,3.4rem);letter-spacing:-.015em;margin:12px 0 18px;color:var(--navy)}
.hero h1 .wipe{display:inline-block;clip-path:inset(0 100% 0 0);animation:wipe 1s cubic-bezier(.7,0,.2,1) .25s forwards}
@keyframes wipe{to{clip-path:inset(0 0 0 0)}}
.hero h1 .accent{color:var(--blue-deep)}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0 22px}
.hero-note{font-size:.88rem;color:var(--ink-soft)}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.badge{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:500;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:#fff}
.badge b{color:var(--blue-deep);font-weight:700}
.hero-visual{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:0 24px 60px rgba(18,38,74,.18);border:1px solid var(--line)}
.hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.35) 48%,transparent 60%);transform:translateX(-110%);animation:shine 6s ease-in-out infinite}
@keyframes shine{0%,58%{transform:translateX(-110%)}88%,100%{transform:translateX(110%)}}
.hero-visual img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.hero-chip{position:absolute;left:18px;bottom:18px;z-index:2;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);border-radius:14px;padding:12px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px rgba(18,38,74,.18)}
.hero-chip strong{display:block;font-size:.9rem;color:var(--navy);font-family:var(--font-display)}
.hero-chip span{font-size:.78rem;color:var(--ink-soft)}
@media(max-width:960px){.hero .wrap{grid-template-columns:1fr}.hero-visual{max-width:460px;margin:0 auto}}

/* ---------- Bandeau communes ---------- */
.marquee{background:var(--navy) var(--pattern-dark);color:#fff;padding:15px 0;overflow:hidden;white-space:nowrap}
.marquee-track{display:inline-block;animation:scroll 40s linear infinite;font-size:.9rem;letter-spacing:.05em;font-weight:500}
.marquee-track span{margin:0 14px}
.marquee-track .dot{color:var(--blue)}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- Cartes / grilles ---------- */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
@media(max-width:900px){.grid-3{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;transition:transform .2s ease, box-shadow .2s ease}
.card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(18,38,74,.1)}
.card h3{font-size:1.22rem;margin:14px 0 8px;color:var(--navy)}
.card p{color:var(--ink-soft);font-size:.94rem}
.card ul{margin-top:12px}
.card li{position:relative;padding-left:22px;font-size:.9rem;color:var(--ink-soft);margin-bottom:6px}
.card li::before{content:"";position:absolute;left:0;top:9px;width:10px;height:2.5px;background:var(--blue);border-radius:2px}
.icon{width:46px;height:46px;border-radius:12px;background:var(--bg-alt);border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.section-alt{background:var(--bg-alt) var(--pattern-light)}

/* ---------- Galerie réalisations ---------- */
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}
@media(max-width:900px){.gallery{grid-template-columns:repeat(2,1fr)}}
.gallery figure{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/5;background:var(--bg-alt)}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.gallery figure:hover img{transform:scale(1.045)}
.gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;font-size:.8rem;font-weight:600;color:#fff;background:linear-gradient(transparent,rgba(12,27,54,.82));font-family:var(--font-display)}

/* ---------- Avis Google — carrousel horizontal ---------- */
.reviews-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.gbadge{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 18px;font-size:.9rem;font-weight:600;color:var(--navy)}
.stars{color:#F5B301;letter-spacing:2px;font-size:1rem}
.rev-controls{display:flex;gap:10px}
.rev-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--navy);background:#fff;color:var(--navy);font-size:1.1rem;cursor:pointer;transition:background .15s ease,color .15s ease}
.rev-btn:hover{background:var(--navy);color:#fff}
.rev-track{display:flex;gap:18px;margin-top:32px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;scrollbar-width:thin;scrollbar-color:var(--blue) var(--line)}
.rev-card{flex:0 0 340px;scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;display:flex;flex-direction:column;gap:12px}
@media(max-width:600px){.rev-card{flex-basis:82vw}}
.rev-top{display:flex;align-items:center;gap:12px}
.rev-avatar{width:42px;height:42px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--font-display);flex:none}
.rev-name{font-weight:600;font-size:.94rem;color:var(--navy)}
.rev-meta{font-size:.76rem;color:var(--ink-soft)}
.rev-text{font-size:.92rem;color:var(--ink-soft);flex:1}
.rev-g{display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--ink-soft)}
.reviews-cta{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap}

/* ---------- Méthode ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
@media(max-width:900px){.steps{grid-template-columns:1fr}}
.step{padding:28px 24px;border-left:3px solid var(--blue);background:#fff;border-radius:0 var(--radius) var(--radius) 0;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.step .num{font-family:var(--font-display);font-size:1.8rem;font-weight:800;color:var(--blue-deep)}
.step h3{font-size:1.12rem;margin:6px 0 6px;color:var(--navy)}
.step p{font-size:.92rem;color:var(--ink-soft)}

/* ---------- Bande CTA sombre ---------- */
.dark-cta{background:var(--navy) var(--pattern-dark);color:#fff;padding:68px 0}
.dark-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap}
.dark-cta h2{color:#fff;margin-bottom:8px}
.dark-cta p{color:rgba(255,255,255,.75);max-width:520px}
.dark-cta .actions{display:flex;gap:14px;flex-wrap:wrap}

/* ---------- À propos ---------- */
.about .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}
@media(max-width:960px){.about .wrap{grid-template-columns:1fr}}
.about-visual{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:0 20px 50px rgba(18,38,74,.14)}
.about-visual img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.about-points{margin-top:22px;display:grid;gap:15px}
.point{display:flex;gap:14px;align-items:flex-start}
.point .icon{width:38px;height:38px;flex:none;border-radius:10px}
.point strong{display:block;font-size:.96rem;color:var(--navy)}
.point span{font-size:.89rem;color:var(--ink-soft)}

/* ---------- Zones d'intervention (SEO local) ---------- */
.zones-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
@media(max-width:900px){.zones-grid{grid-template-columns:1fr}}
.zone{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 20px}
.zone h3{font-size:1.02rem;color:var(--navy);margin-bottom:6px;display:flex;align-items:center;gap:8px}
.zone h3 svg{flex:none}
.zone p{font-size:.88rem;color:var(--ink-soft)}

/* ---------- Pros ---------- */
.pro-band{border:1px solid var(--line);border-radius:var(--radius);padding:42px;display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center;background:#fff var(--pattern-light)}
@media(max-width:900px){.pro-band{grid-template-columns:1fr;padding:30px 22px}}
.pro-band h3{font-family:var(--font-display);font-size:1.5rem;margin-bottom:10px;color:var(--navy)}
.pro-band p{color:var(--ink-soft);font-size:.95rem}

/* ---------- FAQ ---------- */
.faq-list{margin-top:34px;max-width:840px}
details{border-bottom:1px solid var(--line);padding:20px 0}
summary{cursor:pointer;font-weight:600;font-size:1rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--navy);font-family:var(--font-display)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:1.5rem;color:var(--blue-deep);transition:transform .2s ease;flex:none;font-weight:400}
details[open] summary::after{transform:rotate(45deg)}
details p{margin-top:12px;color:var(--ink-soft);font-size:.94rem;max-width:720px}

/* ---------- Contact ---------- */
.contact .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:start}
@media(max-width:960px){.contact .wrap{grid-template-columns:1fr}}
form{display:grid;gap:15px;margin-top:8px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
@media(max-width:600px){.form-row{grid-template-columns:1fr}}
label{font-size:.84rem;font-weight:600;display:block;margin-bottom:6px;color:var(--navy)}
input,select,textarea{width:100%;padding:13px 16px;border:1.5px solid var(--line);border-radius:12px;font-family:var(--font-body);font-size:.94rem;background:#fff;transition:border-color .15s ease}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue)}
textarea{min-height:120px;resize:vertical}
.form-note{font-size:.8rem;color:var(--ink-soft)}
.contact-side{background:var(--navy) var(--pattern-dark);color:#fff;border-radius:var(--radius);padding:34px 30px}
.contact-side h3{font-family:var(--font-display);font-size:1.3rem;margin-bottom:18px}
.contact-line{display:flex;gap:14px;align-items:flex-start;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.contact-line:last-child{border-bottom:none}
.contact-line .icon{background:rgba(84,185,233,.14);border-color:rgba(84,185,233,.3)}
.contact-line strong{display:block;font-size:.94rem}
.contact-line a,.contact-line span{font-size:.9rem;color:rgba(255,255,255,.78)}
.contact-line a:hover{color:var(--blue)}

/* ---------- Footer ---------- */
footer{background:var(--navy-deep) var(--pattern-dark);color:rgba(255,255,255,.72);padding:54px 0 34px;font-size:.86rem}
.foot-top{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-bottom:30px}
.foot-brand{color:#fff;font-family:var(--font-display);font-weight:800;font-size:1.25rem;letter-spacing:.04em}
.foot-brand em{font-style:normal;color:var(--blue)}
.foot-links{display:flex;gap:22px;flex-wrap:wrap;font-weight:500}
.foot-links a:hover{color:var(--blue)}
.legal{border-top:1px solid rgba(255,255,255,.14);padding-top:22px;font-size:.78rem;line-height:1.8;color:rgba(255,255,255,.5)}

/* ---------- Effets premium ---------- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.3,1)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}
header{transition:box-shadow .25s ease, height .25s ease}
header.scrolled{box-shadow:0 6px 24px rgba(18,38,74,.1)}
header.scrolled .nav{height:64px}
.shimmer{background:linear-gradient(100deg,var(--blue-deep) 0%,var(--blue-deep) 40%,var(--blue) 50%,var(--blue-deep) 60%,var(--blue-deep) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 4.2s ease-in-out infinite}
@keyframes shimmer{0%,60%{background-position:120% 0}90%,100%{background-position:-60% 0}}
.hero{isolation:isolate}
.hero::after{content:"";position:absolute;z-index:-1;width:520px;height:520px;border-radius:50%;right:-140px;top:-140px;background:radial-gradient(circle,rgba(84,185,233,.16),transparent 65%);animation:float 9s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(26px)}}
.hero-visual{transition:transform .5s cubic-bezier(.2,.7,.3,1), box-shadow .5s ease}
.hero-visual:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:0 32px 70px rgba(18,38,74,.24)}
.gallery figure::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.38) 50%,transparent 62%);transform:translateX(-130%);transition:transform .7s ease;pointer-events:none}
.gallery figure:hover::after{transform:translateX(130%)}
.rev-card{transition:transform .25s ease, box-shadow .25s ease}
.rev-card:hover{transform:translateY(-5px);box-shadow:0 16px 38px rgba(18,38,74,.12)}
.card .icon,.step .num{transition:transform .3s cubic-bezier(.3,1.4,.5,1)}
.card:hover .icon{transform:scale(1.12) rotate(-4deg)}
.dark-cta h2,.dark-cta p{position:relative}
::selection{background:var(--blue);color:var(--navy)}

/* ---------- Animations niveau agence ---------- */
/* Barre de progression de lecture */
#readbar{position:fixed;top:0;left:0;height:3px;width:0;z-index:99;background:linear-gradient(90deg,var(--blue),var(--blue-deep));border-radius:0 3px 3px 0}
/* Entrée cinématique du hero */
@keyframes riseIn{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.hero .eyebrow{animation:riseIn .7s ease .1s both}
.hero .lead{animation:riseIn .7s ease .55s both}
.hero-actions{animation:riseIn .7s ease .72s both}
.hero-note{animation:riseIn .7s ease .86s both}
.badges{animation:riseIn .7s ease 1s both}
.hero-visual{clip-path:inset(10% 10% 10% 10% round 28px);opacity:0;transform:scale(1.05);animation:frameIn 1.1s cubic-bezier(.2,.7,.2,1) .4s both}
@keyframes frameIn{to{clip-path:inset(0 0 0 0 round 18px);opacity:1;transform:scale(1)}}
.hero-visual:hover{transform:none;box-shadow:0 24px 60px rgba(18,38,74,.18)}
.hero-visual img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.hero-visual:hover img{transform:scale(1.04)}
/* Titres : révélation mot à mot derrière un masque */
h2 .wline{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
h2 .w{display:inline-block;transform:translateY(115%);transition:transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i)*70ms)}
h2.in .w{transform:none}
/* Boutons magnétiques */
.btn{will-change:transform}
/* Tilt 3D galerie */
.gallery figure{transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.7,.3,1), box-shadow .35s ease}
.gallery figure.tilting{transition:box-shadow .35s ease}
.gallery figure:hover{box-shadow:0 22px 48px rgba(18,38,74,.2);z-index:2}
/* Bandeau communes : fondu latéral + pause au survol */
.marquee{-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.marquee:hover .marquee-track{animation-play-state:paused}
/* Étincelles de la bande sombre (motif du logo) */
.dark-cta{position:relative}
.spark{position:absolute;width:8px;height:8px;background:var(--blue);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;animation:twinkle 3.6s ease-in-out infinite;pointer-events:none}
@keyframes twinkle{0%,100%{opacity:0;transform:scale(.4) rotate(0deg)}50%{opacity:.9;transform:scale(1) rotate(45deg)}}
/* Scrollspy navigation */
.nav-links a.active{color:var(--blue-deep)}
.nav-links a.active::after{width:100%}

:focus-visible{outline:2.5px solid var(--blue-deep);outline-offset:3px;border-radius:4px}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .hero h1 .wipe{clip-path:none}
  .shimmer{-webkit-text-fill-color:currentColor;background:none;color:var(--blue-deep)}
  .reveal{opacity:1;transform:none}
  .hero-visual{clip-path:none;opacity:1;transform:none}
  .hero .eyebrow,.hero .lead,.hero-actions,.hero-note,.badges{opacity:1;transform:none}
  h2 .w{transform:none}
  #readbar,.spark{display:none}
}