/* ============================================================
   WEBNDAY LLC — CORE DESIGN SYSTEM
   Palette: ink / carbon / graphite / steel / mist / paper
   Type: Manrope (display) · Inter (body) · JetBrains Mono (labels)
   Shared by every page. Page-specific styles live in pages.css
   ============================================================ */
:root{
  --ink:#000000;
  --carbon:#0A0A0B;
  --graphite:#141417;
  --steel:#9CA3AF;
  --steel-dim:rgba(156,163,175,.16);
  --mist:#D7DAE0;
  --paper:#F4F5F6;
  --white:#FFFFFF;
  --slate:#5A5F69;

  /* brand — sampled from the Webnday logo mark */
  --brand:#6702FE;          /* core purple: white text on it = 6.9:1 */
  --brand-lift:#9457FF;     /* lighter, for accents on dark: 5.1:1 on ink */
  --brand-deep:#4E00C2;     /* pressed / hover on light surfaces */
  --brand-dim:rgba(103,2,254,.14);
  --brand-glow:rgba(103,2,254,.30);

  --font-display:"Manrope",system-ui,sans-serif;
  --font-body:"Inter",system-ui,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,monospace;

  --gutter:clamp(20px,5vw,56px);
  --maxw:1280px;
  --section-y:clamp(84px,10vw,150px);
  --ease:cubic-bezier(.22,.61,.36,1);
  --radius:14px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{
  margin:0;background:var(--ink);color:var(--mist);
  font-family:var(--font-body);font-size:clamp(15px,.4vw + 14px,17px);
  line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;line-height:1.02;margin:0}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
::selection{background:var(--brand);color:var(--white)}
:focus-visible{outline:2px solid var(--brand-lift);outline-offset:3px;border-radius:4px}
.section--light :focus-visible,.section--paper-alt :focus-visible{outline-color:var(--brand)}

/* ---------- layout ---------- */
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.wrap--narrow{max-width:880px}
.section{padding-block:var(--section-y);position:relative}
.section--tight{padding-block:clamp(60px,7vw,104px)}
.section--light{background:var(--paper);color:#1A1C20}
.section--paper-alt{background:var(--white);color:#1A1C20}
.section--dark{background:var(--ink);color:var(--mist)}
.section--carbon{background:var(--carbon);color:var(--mist)}

/* grain overlay for dark surfaces */
.grain::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.28;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
}
.grain > *{position:relative;z-index:1}

/* ---------- micro label (the spine) ---------- */
.label{
  font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--steel);display:inline-flex;align-items:center;gap:12px;margin:0 0 26px;
}
.label::before{content:"";width:26px;height:1px;background:var(--brand-lift);opacity:.9;flex:none}
.section--light .label,.section--paper-alt .label{color:#6B7280}
.section--light .label::before,.section--paper-alt .label::before{background:var(--brand)}

/* ---------- type scale ---------- */
.display{font-size:clamp(2.9rem,8.4vw,6.6rem);letter-spacing:-.045em}
.h1-page{font-size:clamp(2.4rem,5.6vw,4.4rem);letter-spacing:-.042em}
.h2{font-size:clamp(2.1rem,4.6vw,3.6rem)}
.h3{font-size:clamp(1.25rem,1.7vw,1.6rem);letter-spacing:-.02em}
.h4{font-size:1.06rem;letter-spacing:-.02em}
.lead{font-size:clamp(1.02rem,1.15vw,1.22rem);line-height:1.6;color:var(--steel);max-width:56ch}
.section--light .lead,.section--paper-alt .lead{color:var(--slate)}
.muted{color:var(--steel)}
.section--light .muted,.section--paper-alt .muted{color:var(--slate)}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:100px;
  font-family:var(--font-body);font-weight:600;font-size:.92rem;letter-spacing:-.01em;
  border:1px solid transparent;transition:transform .35s var(--ease),background .3s,color .3s,border-color .3s;
  will-change:transform;
}
.btn svg{width:15px;height:15px;flex:none;transition:transform .35s var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.btn:hover{transform:translateY(-2px)}
.btn--primary{background:var(--brand);color:var(--white)}
.btn--primary:hover{background:var(--brand-lift)}
.btn--ghost{border-color:rgba(156,163,175,.34);color:var(--mist)}
.btn--ghost:hover{border-color:var(--brand-lift);background:rgba(103,2,254,.14);color:var(--white)}
.btn--dark{background:var(--brand);color:var(--white)}
.btn--dark:hover{background:var(--brand-deep)}
.btn--outline-dark{border-color:rgba(0,0,0,.16);color:#1A1C20}
.btn--outline-dark:hover{border-color:var(--brand);color:var(--brand);background:rgba(103,2,254,.06)}

/* text link with underline sweep */
.tlink{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.92rem;position:relative;padding-bottom:3px}
.tlink::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
.tlink:hover::after{transform:scaleX(1);transform-origin:left}
.section--light .tlink,.section--paper-alt .tlink{color:var(--brand)}
.tlink svg{width:14px;height:14px;flex:none;transition:transform .35s var(--ease)}
.tlink:hover svg{transform:translateX(4px)}

/* ---------- header ---------- */
.skip{position:absolute;left:-9999px;top:0;background:#fff;color:#000;padding:12px 18px;z-index:200}
.skip:focus{left:0}
.header{position:fixed;inset:0 0 auto;z-index:90;transition:background .4s var(--ease),border-color .4s,backdrop-filter .4s;border-bottom:1px solid transparent}
.header.is-stuck,.header.is-solid{background:rgba(6,6,7,.82);backdrop-filter:blur(14px);border-bottom-color:var(--steel-dim)}
.header__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;height:78px}
.brand{display:inline-flex;align-items:center;gap:11px;font-family:var(--font-display);font-weight:800;font-size:1.16rem;letter-spacing:-.035em;color:var(--white);white-space:nowrap}
.brand img,.brand svg{width:30px;height:30px;flex:none;border-radius:7px}
.brand em{font-style:normal;font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.16em;color:var(--brand-lift);border:1px solid rgba(148,87,255,.45);border-radius:100px;padding:3px 7px}
.nav{display:flex;align-items:center;gap:clamp(20px,2.4vw,34px)}
.nav a{font-size:.9rem;font-weight:500;color:var(--mist);opacity:.82;transition:opacity .25s,color .25s;white-space:nowrap}
.nav a:hover{opacity:1;color:var(--white)}
.nav a[aria-current="page"]{opacity:1;color:var(--white)}
.header__cta{display:inline-flex;align-items:center;gap:16px}
.burger{display:none;width:44px;height:44px;border:1px solid var(--steel-dim);border-radius:50%;background:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;flex:none}
.burger span{display:block;width:16px;height:1.5px;background:var(--mist);transition:transform .3s var(--ease),opacity .2s}
.burger[aria-expanded="true"] span:first-child{transform:translateY(3.25px) rotate(45deg)}
.burger[aria-expanded="true"] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
.mobilenav{position:fixed;inset:78px 0 auto;background:rgba(6,6,7,.97);backdrop-filter:blur(18px);border-bottom:1px solid var(--steel-dim);padding:26px var(--gutter) 34px;display:none;z-index:89;max-height:calc(100svh - 78px);overflow-y:auto}
.mobilenav.is-open{display:block;animation:fadeDown .35s var(--ease)}
.mobilenav a{display:block;padding:14px 0;font-family:var(--font-display);font-weight:700;font-size:1.5rem;letter-spacing:-.03em;color:var(--white);border-bottom:1px solid rgba(156,163,175,.12)}
.mobilenav .btn{margin-top:22px;width:100%;justify-content:center;font-size:1rem;border-bottom:0}
.mobilenav__meta{margin-top:26px;display:grid;gap:7px;font-size:.86rem;color:var(--steel)}
.mobilenav__meta a{display:inline;padding:0;font-family:var(--font-body);font-size:.86rem;font-weight:500;letter-spacing:0;border:0;color:var(--mist)}
@keyframes fadeDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.nav,.header__cta .btn{display:none}.burger{display:flex}}

/* ---------- interior page hero ---------- */
.pagehero{position:relative;overflow:hidden;background:var(--ink);padding-top:clamp(122px,13vw,172px);padding-bottom:clamp(56px,7vw,90px)}
.pagehero__glow{position:absolute;width:min(120vw,1100px);aspect-ratio:1;left:50%;top:-48%;transform:translateX(-50%);
  background:radial-gradient(circle,rgba(103,2,254,.34) 0%,rgba(103,2,254,.10) 38%,transparent 68%);pointer-events:none}
.pagehero__inner{position:relative;z-index:2;max-width:940px}
.pagehero h1{margin:0 0 24px}
.pagehero .lead{max-width:62ch}
.pagehero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.crumbs{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--steel);margin-bottom:24px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:0}
.crumbs li{display:inline-flex;align-items:center;gap:10px}
.crumbs a{opacity:.8;transition:opacity .25s,color .25s}
.crumbs a:hover{opacity:1;color:var(--white)}
.crumbs .sep{opacity:.45}
.crumbs [aria-current="page"]{color:var(--white);opacity:1}

/* ---------- reveal ---------- */
.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
.js .reveal.is-in{opacity:1;transform:none}
.js .reveal[data-d="1"]{transition-delay:.09s}
.js .reveal[data-d="2"]{transition-delay:.18s}
.js .reveal[data-d="3"]{transition-delay:.27s}

/* ---------- section head ---------- */
.shead{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,80px);align-items:end;margin-bottom:clamp(48px,6vw,76px)}
.shead__aside{padding-bottom:8px}
@media(max-width:900px){.shead{grid-template-columns:1fr;align-items:start}}

/* ---------- business identity cards (used site-wide) ---------- */
.bizgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--steel-dim);border:1px solid var(--steel-dim);border-radius:var(--radius);overflow:hidden}
.bizgrid--4{grid-template-columns:repeat(4,1fr)}
.bizgrid--2{grid-template-columns:repeat(2,1fr)}
.bizcard{background:var(--carbon);padding:clamp(22px,2.4vw,30px);display:flex;flex-direction:column;gap:9px;transition:background .45s var(--ease);min-width:0}
.bizcard:hover{background:var(--graphite)}
.bizcard dt,.bizcard .k{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--steel);margin:0;display:block}
.bizcard dd,.bizcard .v{margin:0;font-weight:600;font-size:1rem;color:var(--white);line-height:1.5;font-style:normal;overflow-wrap:anywhere}
.bizcard .v a{border-bottom:1px solid var(--steel-dim);transition:border-color .3s,color .3s}
.bizcard .v a:hover{border-bottom-color:var(--steel);color:var(--white)}
.bizcard .note{font-size:.84rem;color:var(--steel);line-height:1.55}
.section--light .bizgrid,.section--paper-alt .bizgrid{background:rgba(0,0,0,.1);border-color:rgba(0,0,0,.1)}
.section--light .bizcard{background:var(--white)}
.section--light .bizcard:hover{background:#FAFAFB}
.section--paper-alt .bizcard{background:var(--paper)}
.section--paper-alt .bizcard:hover{background:#EDEEF0}
.section--light .bizcard dt,.section--paper-alt .bizcard dt,
.section--light .bizcard .k,.section--paper-alt .bizcard .k{color:#6B7280}
.section--light .bizcard dd,.section--paper-alt .bizcard dd,
.section--light .bizcard .v,.section--paper-alt .bizcard .v{color:#0A0A0B}
.section--light .bizcard .note,.section--paper-alt .bizcard .note{color:var(--slate)}
.section--light .bizcard .v a,.section--paper-alt .bizcard .v a{border-bottom-color:rgba(0,0,0,.2)}
@media(max-width:1080px){.bizgrid--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:880px){.bizgrid{grid-template-columns:1fr}.bizgrid--2{grid-template-columns:1fr}}

/* ---------- service pillars ---------- */
.pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius);overflow:hidden}
.pillar{background:var(--white);padding:clamp(28px,3.2vw,44px);position:relative;transition:background .5s var(--ease);min-width:0}
.pillar::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--brand),var(--brand-lift));transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.pillar:hover::after{transform:scaleX(1)}
.pillar:hover{background:#FAFAFB}
.pillar__top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}
.pillar__icon{width:46px;height:46px;border-radius:12px;background:var(--brand);color:var(--white);display:grid;place-items:center;flex:none;transition:background .4s}
.pillar:hover .pillar__icon{background:var(--brand-deep)}
.pillar__icon svg{width:21px;height:21px}
.pillar__tag{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#9CA3AF;white-space:nowrap;padding-top:6px}
.pillar h3{margin-bottom:12px;color:#0A0A0B}
.pillar p{color:var(--slate);font-size:.95rem;margin-bottom:26px;max-width:46ch}
.pillar__list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px 18px;border-top:1px solid rgba(0,0,0,.08);padding-top:22px}
.pillar__list li{font-size:.88rem;color:#2C2F36;display:flex;align-items:flex-start;gap:9px;line-height:1.45}
.pillar__list li::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--brand);flex:none;margin-top:8px}
.pillar__foot{margin-top:26px}
@media(max-width:900px){.pillars{grid-template-columns:1fr}}
@media(max-width:540px){.pillar__list{grid-template-columns:1fr}}

/* ---------- process steps ---------- */
.steps{border-top:1px solid rgba(0,0,0,.12)}
.step{display:grid;grid-template-columns:88px 1fr 1.1fr;gap:clamp(18px,4vw,56px);padding:clamp(28px,3.4vw,44px) 0;border-bottom:1px solid rgba(0,0,0,.12);align-items:start;transition:padding-left .45s var(--ease)}
.step:hover{padding-left:12px}
.step__n{font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;color:#9CA3AF;padding-top:6px}
.step h3{color:#0A0A0B}
.step__meta{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#9CA3AF;margin-top:10px;display:block;line-height:1.6}
.step p{color:var(--slate);font-size:.95rem}
@media(max-width:1040px){.step{grid-template-columns:60px 1fr 1fr;gap:22px 30px}}
@media(max-width:780px){.step{grid-template-columns:1fr;gap:10px}.step__n{padding-top:0}}

/* ---------- feature rows ---------- */
.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--steel-dim);border:1px solid var(--steel-dim);border-radius:var(--radius);overflow:hidden}
.feat{background:var(--ink);padding:clamp(26px,2.8vw,38px);transition:background .5s var(--ease);min-width:0}
.feat:hover{background:var(--graphite)}
.feat svg{width:22px;height:22px;color:var(--brand-lift);margin-bottom:20px}
.feat h3{color:var(--white);font-size:clamp(1.02rem,1.25vw,1.14rem);margin-bottom:10px;line-height:1.25}
.feat p{color:var(--steel);font-size:.92rem}
.section--light .feats,.section--paper-alt .feats{background:rgba(0,0,0,.1);border-color:rgba(0,0,0,.1)}
.section--light .feat{background:var(--white)}
.section--light .feat:hover{background:#FAFAFB}
.section--light .feat h3{color:#0A0A0B}
.section--light .feat p{color:var(--slate)}
@media(max-width:900px){.feats{grid-template-columns:1fr}}

/* ---------- FAQ ---------- */
.faq{border-top:1px solid rgba(0,0,0,.12);max-width:920px}
.faq details{border-bottom:1px solid rgba(0,0,0,.12)}
.faq summary{list-style:none;cursor:pointer;padding:26px 0;display:flex;align-items:center;justify-content:space-between;gap:22px;font-family:var(--font-display);font-weight:700;font-size:clamp(1.02rem,1.5vw,1.22rem);letter-spacing:-.02em;color:#0A0A0B;transition:color .3s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:#4B5563}
.faq summary i{width:22px;height:22px;flex:none;position:relative}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;background:#0A0A0B;transition:transform .4s var(--ease)}
.faq summary i::before{left:0;top:10.5px;width:22px;height:1.5px}
.faq summary i::after{left:10.5px;top:0;width:1.5px;height:22px}
.faq details[open] summary i::after{transform:rotate(90deg)}
.faq details p{padding:0 0 28px;color:var(--slate);font-size:.96rem;max-width:70ch}

/* ---------- contact form ---------- */
.form{display:grid;gap:18px}
.field{display:grid;gap:8px;min-width:0}
.field label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--steel)}
.field input,.field select,.field textarea{
  width:100%;max-width:100%;background:transparent;border:0;border-bottom:1px solid var(--steel-dim);
  color:var(--white);font-family:var(--font-body);font-size:1rem;padding:12px 0;transition:border-color .35s;border-radius:0
}
.field select{color:var(--mist)}
.field select option{background:var(--carbon);color:var(--mist)}
.field textarea{resize:vertical;min-height:112px}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-bottom-color:var(--brand-lift)}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--steel);outline-offset:4px}
.field input::placeholder,.field textarea::placeholder{color:rgba(215,218,224,.35)}
.field [aria-invalid="true"]{border-bottom-color:#E2726E}
.field__hint{font-size:.8rem;color:var(--steel)}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form__foot{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:10px}
.form__note{font-size:.82rem;color:var(--steel);max-width:46ch}
.formstatus{font-size:.9rem;color:var(--steel);min-height:22px;line-height:1.55}
.formstatus.is-error{color:#E9908C}
.formstatus.is-ok{color:var(--white)}
@media(max-width:620px){.form__row{grid-template-columns:1fr}}

/* ---------- CTA band ---------- */
.cta{text-align:center;position:relative;overflow:hidden}
.cta__glow{position:absolute;left:50%;bottom:-60%;width:min(140vw,1100px);aspect-ratio:1;transform:translateX(-50%);background:radial-gradient(circle,var(--brand-glow),transparent 62%);pointer-events:none}
.cta h2{max-width:18ch;margin-inline:auto}
.cta .lead{margin-inline:auto;text-align:center;margin-top:22px}
.cta__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:38px}
.cta__meta{margin-top:32px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--steel);line-height:2.1}

/* ---------- footer ---------- */
.footer{background:var(--carbon);border-top:1px solid var(--steel-dim);padding-block:clamp(56px,6vw,80px) 30px}
.footer__grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.25fr;gap:clamp(28px,3.6vw,48px)}
.footer h2{font-family:var(--font-mono);font-weight:500;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--steel);margin:0 0 18px;line-height:1.6}
.footer li{margin-bottom:11px}
.footer li a{font-size:.9rem;color:var(--mist);opacity:.74;transition:opacity .25s}
.footer li a:hover{opacity:1}
.footer__intro{max-width:36ch;color:var(--steel);font-size:.92rem;margin-top:18px}
.footer__addr{font-style:normal;margin-top:24px;display:grid;gap:14px;font-size:.9rem;color:var(--mist)}
.footer__addr .k{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--steel);display:block;margin-bottom:5px}
.footer__addr a{border-bottom:1px solid var(--steel-dim);transition:border-color .3s}
.footer__addr a:hover{border-bottom-color:var(--brand-lift)}
.footer__social{display:flex;gap:10px;margin-top:24px}
.footer__social a{width:40px;height:40px;border:1px solid var(--steel-dim);border-radius:50%;display:grid;place-items:center;color:var(--steel);transition:color .3s,border-color .3s,background .3s,transform .3s var(--ease)}
.footer__social a:hover{border-color:var(--brand-lift);color:var(--white);background:rgba(103,2,254,.16);transform:translateY(-2px)}
.footer__social svg{width:17px;height:17px}
.footer__bottom{display:flex;justify-content:space-between;align-items:center;gap:14px 26px;flex-wrap:wrap;margin-top:clamp(44px,5vw,64px);padding-top:26px;border-top:1px solid var(--steel-dim);font-size:.82rem;color:var(--steel)}
.footer__legal{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center}
.footer__legal a{transition:color .25s}
.footer__legal a:hover{color:var(--brand-lift)}
@media(max-width:1000px){.footer__grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.footer__grid{grid-template-columns:1fr}.footer__bottom{flex-direction:column;align-items:flex-start}}

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