/* diyosis · Hakedis — anasayfa.css (sayfaya ozel; stil.css'ten sonra yuklenir) */
:root{
  --lacivert:#0f1f3d;--lacivert2:#16294d;--mavi:#2563eb;--mavi-ac:#1d4ed8;--mavi-glow:rgba(37,99,235,.18);
  --bg:#f4f7fb;--kenar:#e6eaf0;--kenar2:#d8dee8;--yazi:#0f172a;--yazi2:#475569;--yazi3:#94a3b8;--yazi4:#cbd5e1;
  --yesil:#059669;--yesil-ac:#d1fae5;--turuncu:#d97706;--turuncu-ac:#fff1e0;--kirmizi:#dc2626;--kirmizi-ac:#fee2e2;
  --mor:#7c3aed;--mor-ac:#f3ecfe;--radius:12px;--radius-lg:18px;
  --golge:0 4px 16px rgba(15,31,61,.07);--golge-lg:0 22px 60px rgba(15,31,61,.18);
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Nunito',sans-serif;background:var(--bg);color:var(--yazi);line-height:1.5;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
img{max-width:100%}

/* ---- Topbar ---- */
.topbar{background:var(--lacivert);position:sticky;top:0;z-index:50}
.topbar-ic{max-width:1280px;margin:0 auto;padding:0 24px;height:66px;display:flex;align-items:center;gap:22px}
.logo-img{height:30px;display:block}
.urun-gec{display:flex;gap:3px;background:rgba(255,255,255,.07);padding:4px;border-radius:10px}
.urun-gec a{color:rgba(255,255,255,.7);font-size:13px;font-weight:700;padding:6px 13px;border-radius:7px;display:flex;align-items:center;gap:6px}
.urun-gec a.on{background:var(--mavi);color:#fff}
.mega-nav{display:flex;gap:4px;margin-left:8px}
.nav-link{color:rgba(255,255,255,.82);font-size:14px;font-weight:700;padding:8px 13px;border-radius:8px}
.nav-link:hover{background:rgba(255,255,255,.08);color:#fff}
.topbar-sag{margin-left:auto;display:flex;align-items:center;gap:12px}
.tb-yukselt{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:13px;font-weight:800;padding:9px 15px;border-radius:9px;display:flex;align-items:center;gap:7px;box-shadow:0 4px 12px rgba(217,119,6,.35)}
.kullanici-menu{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:5px 11px 5px 5px;border-radius:30px;cursor:pointer}
.kullanici-avatar{width:30px;height:30px;border-radius:50%;background:var(--mavi);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px}
.kullanici-menu .ad{color:#fff;font-size:13px;font-weight:700;line-height:1.15}
.kullanici-menu .ad small{display:block;color:rgba(255,255,255,.55);font-size:11px;font-weight:600}
.menu-ac{display:none;width:38px;height:38px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;border-radius:9px;font-size:16px;cursor:pointer}
.topbar .logo-img,.footer .logo-img{filter:brightness(0) invert(1)}
.kullanici-menu{position:relative;padding:5px 13px 5px 5px}
.kullanici-menu .ad{white-space:nowrap}
.km-drop{position:absolute;top:calc(100% + 12px);right:0;min-width:252px;background:#fff;border:1px solid var(--kenar);border-radius:14px;box-shadow:var(--golge-lg);padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.16s;z-index:60}
.kullanici-menu::after{content:"";position:absolute;top:100%;left:0;right:0;height:16px}
.kullanici-menu:hover .km-drop,.kullanici-menu:focus-within .km-drop{opacity:1;visibility:visible;transform:none}
.km-drop .uhead{padding:9px 12px 11px;border-bottom:1px solid var(--kenar);margin-bottom:6px;white-space:nowrap}
.km-drop .uhead b{font-size:14px;color:var(--yazi)}.km-drop .uhead small{color:var(--yazi3);font-size:12.5px}
.km-drop .sso{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;color:var(--mavi);background:#eff6ff;padding:8px 11px;border-radius:9px;margin:0 4px 6px;white-space:nowrap}
.km-drop a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;font-size:13.5px;font-weight:700;color:var(--yazi);white-space:nowrap}
.km-drop a:hover{background:var(--bg)}
.km-drop a i{width:16px;text-align:center;color:var(--yazi3)}

/* ---- Hero ---- */
.hero{position:relative;overflow:hidden;background:
  radial-gradient(1200px 420px at 78% -8%, rgba(37,99,235,.10), transparent 60%),
  linear-gradient(180deg,#fff,var(--bg));border-bottom:1px solid var(--kenar);padding:64px 0 60px}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:50px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--mavi);font-weight:800;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;background:#eaf1ff;padding:6px 12px;border-radius:30px;margin-bottom:18px}
.hero h1{font-size:46px;font-weight:900;line-height:1.08;letter-spacing:-.025em;margin-bottom:18px}
.hero h1 em{font-style:normal;color:var(--mavi)}
.hero .lead{font-size:17.5px;color:var(--yazi2);max-width:33em;margin-bottom:26px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:9px;font-family:inherit;font-weight:800;font-size:14px;border:none;border-radius:11px;padding:12px 20px;cursor:pointer;transition:.16s;white-space:nowrap}
.btn-lg{padding:15px 26px;font-size:15.5px}
.btn-mavi{background:var(--mavi);color:#fff;box-shadow:0 8px 20px var(--mavi-glow)}
.btn-mavi:hover{background:var(--mavi-ac);transform:translateY(-2px)}
.btn-cizgi{background:#fff;color:var(--yazi);border:1px solid var(--kenar2)}
.btn-cizgi:hover{border-color:var(--mavi);color:var(--mavi)}
.btn-sm{padding:9px 14px;font-size:13px;border-radius:9px}
.hero-guven{margin-top:20px;display:flex;gap:22px;flex-wrap:wrap;font-size:13.5px;color:var(--yazi3);font-weight:700}
.hero-guven span{display:flex;gap:8px;align-items:center}.hero-guven i{color:var(--yesil)}

/* hero giris animasyonu */
.hero-metin>*{opacity:0;transform:translateY(16px);animation:girUp .7s cubic-bezier(.2,.7,.2,1) forwards}
.hero-metin>*:nth-child(1){animation-delay:.05s}.hero-metin>*:nth-child(2){animation-delay:.13s}
.hero-metin>*:nth-child(3){animation-delay:.21s}.hero-metin>*:nth-child(4){animation-delay:.29s}
.hero-metin>*:nth-child(5){animation-delay:.37s}
@keyframes girUp{to{opacity:1;transform:none}}

/* hero pencere gorseli */
.kahraman{position:relative;opacity:0;transform:translateY(20px) scale(.98);animation:girUp .8s .25s cubic-bezier(.2,.7,.2,1) forwards}
.pencere{background:#fff;border:1px solid var(--kenar);border-radius:var(--radius-lg);box-shadow:var(--golge-lg);overflow:hidden}
.pncr-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#eef2f7;border-bottom:1px solid var(--kenar)}
.pncr-nokta{width:11px;height:11px;border-radius:50%}
.pncr-url{margin-left:10px;background:#fff;border:1px solid var(--kenar);color:var(--yazi3);font-size:11.5px;font-weight:700;padding:4px 12px;border-radius:20px;display:flex;align-items:center;gap:7px}
.pncr-url i{font-size:9px;color:var(--yesil)}
.pncr-serit{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--kenar);background:#fafbfc}
.pncr-logo{width:24px;height:24px;border-radius:7px;background:var(--lacivert);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px}
.pncr-baslik{font-weight:800;font-size:14px}
.pncr-sat{display:flex;justify-content:space-between;align-items:flex-start;padding:13px 16px;border-bottom:1px solid #f1f5f9}
.pncr-sat .nm{font-weight:700;font-size:13.5px}.pncr-sat .pz{font-size:11.5px;color:var(--yazi3);margin-top:2px}
.pncr-sat .amt{font-weight:800;font-size:14px}
.pncr-bar2{height:7px;border-radius:5px;background:#eef2f7;margin:0 16px;overflow:hidden}
.pncr-bar2 i{display:block;height:100%;width:0;background:var(--turuncu);border-radius:5px;animation:doldur 1.6s 1s cubic-bezier(.3,.8,.2,1) forwards}
@keyframes doldur{to{width:86%}}
.pncr-uyari{display:flex;justify-content:space-between;font-size:11.5px;font-weight:700;color:var(--turuncu);padding:7px 16px 0}
.pncr-icmal{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#eff6ff;margin-top:10px}
.pncr-icmal span{font-size:12.5px;color:var(--yazi2);font-weight:700}
.pncr-icmal b{font-size:18px;font-weight:900;color:var(--mavi)}
.cip{position:absolute;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--kenar);box-shadow:var(--golge);border-radius:12px;padding:9px 13px;font-size:12.5px;font-weight:700}
.cip .ik{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:12px}
.cip-ust{top:14px;right:-18px;animation:yuz 4.5s ease-in-out infinite}
.cip-alt{bottom:24px;left:-22px;animation:yuz 4.5s ease-in-out .8s infinite}
@keyframes yuz{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* ---- Guven seridi ---- */
.serit{background:var(--lacivert);color:#fff}
.serit-ic{display:flex;flex-wrap:wrap;justify-content:space-around;gap:18px;padding:26px 24px;text-align:center}
.serit .s{flex:1;min-width:150px}
.serit .v{font-size:30px;font-weight:900;letter-spacing:-.02em}
.serit .v em{font-style:normal;color:#7eaaff}
.serit .k{font-size:12.5px;color:rgba(255,255,255,.6);font-weight:700;margin-top:3px}

/* ---- Bolum baslik ---- */
.bolum{padding:70px 0}
.bolum.gri{background:#fff;border-top:1px solid var(--kenar);border-bottom:1px solid var(--kenar)}
.bs{text-align:center;max-width:40em;margin:0 auto 18px}
.bs .et{color:var(--mavi);font-weight:800;font-size:13px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:10px}
.bs h2{font-size:34px;font-weight:900;letter-spacing:-.025em;line-height:1.15}
.bs p{color:var(--yazi2);font-size:16px;margin-top:10px}

/* ---- Ozellik satirlari ---- */
.oz{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;padding:34px 0}
.oz+.oz{border-top:1px solid var(--kenar)}
.oz.ters .oz-metin{order:2}
.oz-ik{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:21px;margin-bottom:15px}
.oz-metin h3{font-size:25px;font-weight:900;letter-spacing:-.015em;line-height:1.2;margin-bottom:11px}
.oz-metin h3 em{font-style:normal;color:var(--mavi)}
.oz-metin p{font-size:15.5px;color:var(--yazi2);margin-bottom:15px;max-width:31em}
.oz-metin ul{display:flex;flex-direction:column;gap:9px}
.oz-metin li{display:flex;gap:10px;font-size:14.5px;color:var(--yazi2);font-weight:600}
.oz-metin li i{color:var(--yesil);margin-top:3px}
.gorsel{background:#fff;border:1px solid var(--kenar);border-radius:var(--radius-lg);box-shadow:var(--golge);padding:18px;position:relative;overflow:hidden}
.gorsel .bsl{display:flex;align-items:center;gap:9px;font-weight:800;font-size:13px;margin-bottom:13px;color:var(--yazi2)}

/* scroll reveal */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.gor{opacity:1;transform:none}
.oz.ters.reveal{transform:translateY(26px)}

/* mini tablo */
.mt{width:100%;border-collapse:collapse;font-size:13px}
.mt td{padding:10px 8px;border-top:1px solid #f1f5f9}
.mt tr:first-child td{border-top:none}
.pz{font-weight:800;font-variant-numeric:tabular-nums}
.tn{color:var(--yazi2)}
.rozet{font-size:11px;font-weight:800;padding:3px 9px;border-radius:20px;white-space:nowrap}
.r-tam{background:var(--yesil-ac);color:var(--yesil)}.r-yak{background:var(--turuncu-ac);color:var(--turuncu)}
.r-yok{background:var(--kirmizi-ac);color:var(--kirmizi)}.r-ai{background:var(--mor-ac);color:var(--mor)}
.r-mavi{background:#dbeafe;color:var(--mavi)}.r-yesil{background:var(--yesil-ac);color:var(--yesil)}

/* (1) yaklasik maliyet — tarama */
.tarama{position:absolute;left:0;right:0;height:42px;top:46px;background:linear-gradient(180deg,rgba(37,99,235,0),rgba(37,99,235,.14));border-bottom:2px solid var(--mavi);opacity:0;pointer-events:none}
.gor .tarama{animation:tara 2.1s .3s ease-in-out 1 forwards}
@keyframes tara{0%{opacity:1;top:46px}85%{opacity:1;top:185px}100%{opacity:0;top:185px}}
.mt .rozet{opacity:0;transform:scale(.6)}
.gor .mt-ym tr:nth-child(1) .rozet{animation:pop .4s .7s forwards}
.gor .mt-ym tr:nth-child(2) .rozet{animation:pop .4s 1.15s forwards}
.gor .mt-ym tr:nth-child(3) .rozet{animation:pop .4s 1.6s forwards}
@keyframes pop{to{opacity:1;transform:scale(1)}}

/* (2) ortak calisma — imlecler + avatar */
.dok{position:relative;background:#fafbfc;border:1px solid var(--kenar);border-radius:12px;padding:14px;min-height:120px}
.dok .satir{height:9px;border-radius:5px;background:#e7edf5;margin-bottom:9px}
.dok .satir.k1{width:80%}.dok .satir.k2{width:62%;background:#dbeafe}.dok .satir.k3{width:90%}.dok .satir.k4{width:48%}
.imlec{position:absolute;font-size:11px;font-weight:800;color:#fff;padding:2px 8px;border-radius:6px;border-bottom-left-radius:0;white-space:nowrap}
.imlec::after{content:"";position:absolute;left:-1px;top:-9px;border:5px solid transparent;border-bottom-color:inherit;border-right-color:inherit}
.im1{background:var(--mavi);left:46%;top:30px;animation:im1 5s ease-in-out infinite}
.im2{background:#059669;left:18%;top:74px;animation:im2 5s ease-in-out infinite}
@keyframes im1{0%,100%{left:46%;top:30px}50%{left:60%;top:40px}}
@keyframes im2{0%,100%{left:18%;top:74px}50%{left:30%;top:62px}}
.avlar{display:flex;align-items:center;margin:14px 0 0}
.av{width:34px;height:34px;border-radius:50%;border:2px solid #fff;display:grid;place-items:center;color:#fff;font-weight:800;font-size:12px;margin-left:-9px;opacity:0;transform:scale(.5)}
.av:first-child{margin-left:0}
.gor .av:nth-child(1){animation:pop .4s .3s forwards}.gor .av:nth-child(2){animation:pop .4s .55s forwards}
.gor .av:nth-child(3){animation:pop .4s .8s forwards}.gor .av:nth-child(4){animation:pop .4s 1.05s forwards}
.canli{margin-left:10px;font-size:12px;font-weight:800;color:var(--yesil);display:flex;align-items:center;gap:6px}
.canli .nokta{width:8px;height:8px;border-radius:50%;background:var(--yesil);animation:nb 1.4s infinite}
@keyframes nb{0%,100%{opacity:1}50%{opacity:.3}}

/* (3) poz ekleme — satir kayar */
.yeni-satir{background:#eff6ff!important}
.gor .yeni-satir{animation:kay .7s .5s cubic-bezier(.2,.8,.2,1) forwards}
.yeni-satir{opacity:0;transform:translateY(14px)}
@keyframes kay{to{opacity:1;transform:none}}
.toast{position:absolute;right:16px;bottom:16px;background:var(--yesil);color:#fff;font-size:12px;font-weight:800;padding:8px 13px;border-radius:9px;display:flex;align-items:center;gap:7px;opacity:0;transform:translateY(8px)}
.gor .toast{animation:toastIn .5s 1.1s forwards}
@keyframes toastIn{to{opacity:1;transform:none}}

/* (4) revize cubuk */
.cubuk{height:12px;border-radius:7px;background:#eef2f7;overflow:hidden;margin:6px 0 8px}
.cubuk i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--turuncu),#f59e0b);border-radius:7px}
.gor .cubuk i{animation:doldur2 1.5s .4s cubic-bezier(.3,.8,.2,1) forwards}
@keyframes doldur2{to{width:86%}}
.uyari-kutu{display:flex;gap:11px;background:var(--turuncu-ac);border:1px solid #fed7aa;border-radius:11px;padding:12px 14px;font-size:13.5px;color:#9a3412;align-items:flex-start}
.uyari-kutu i{color:var(--turuncu);font-size:15px;margin-top:1px}

/* (5) cikti — dosya pop */
.indir{display:flex;gap:11px;flex-wrap:wrap}
.ind{display:flex;align-items:center;gap:9px;border:1px solid var(--kenar2);border-radius:11px;padding:11px 15px;font-size:13.5px;font-weight:800;background:#fff;opacity:0;transform:translateY(12px) scale(.95)}
.gor .ind:nth-child(1){animation:pop2 .45s .3s forwards}.gor .ind:nth-child(2){animation:pop2 .45s .55s forwards}.gor .ind:nth-child(3){animation:pop2 .45s .8s forwards}
@keyframes pop2{to{opacity:1;transform:none}}
.ind.pdf i{color:#dc2626}.ind.xls i{color:#059669}.ind.doc i{color:#2563eb}

/* (6) AI — dusunuyor */
.ai-sat{display:flex;justify-content:space-between;align-items:center;padding:12px 8px;border-top:1px solid #f1f5f9}
.ai-fiyat .bekle{display:inline-block;width:74px;height:14px;border-radius:6px;background:linear-gradient(90deg,#eef2f7,#dbe4f0,#eef2f7);background-size:200% 100%;animation:shimmer 1.1s infinite}
.gor .ai-fiyat .bekle{animation:shimmer 1.1s infinite, kaybol 0s 2.2s forwards}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@keyframes kaybol{to{display:none}}
.ai-fiyat .deg{color:var(--mor);font-weight:900;opacity:0}
.gor .ai-fiyat .deg{animation:girUp .5s 2.2s forwards}

/* ---- Tum ozellikler izgarasi ---- */
.izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
.ozk{background:#fff;border:1px solid var(--kenar);border-radius:14px;padding:20px;transition:.18s}
.ozk:hover{border-color:var(--mavi);box-shadow:var(--golge);transform:translateY(-3px)}
.ozk .ik{width:42px;height:42px;border-radius:11px;background:#eff6ff;color:var(--mavi);display:grid;place-items:center;font-size:17px;margin-bottom:12px}
.ozk h4{font-size:15px;font-weight:800;margin-bottom:5px}
.ozk p{font-size:13px;color:var(--yazi3);line-height:1.5}

/* ---- CTA bandi ---- */
.cta-band{background:linear-gradient(135deg,var(--lacivert),#1e3a6e);border-radius:22px;padding:48px;text-align:center;color:#fff;position:relative;overflow:hidden}
.cta-band::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(37,99,235,.25);top:-120px;right:-60px;filter:blur(20px)}
.cta-band h2{font-size:32px;font-weight:900;letter-spacing:-.02em;position:relative}
.cta-band p{color:rgba(255,255,255,.75);margin:10px 0 22px;font-size:16px;position:relative}

/* ---- Paketler ---- */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.plan{background:#fff;border:1px solid var(--kenar);border-radius:var(--radius-lg);padding:26px;position:relative}
.plan.one{border-color:var(--mavi);box-shadow:0 14px 40px var(--mavi-glow)}
.ptag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--mavi);color:#fff;font-size:11px;font-weight:800;padding:5px 13px;border-radius:20px;letter-spacing:.03em}
.pid{font-size:11.5px;font-weight:800;color:var(--yazi3);letter-spacing:.05em}
.plan h3{font-size:21px;font-weight:900;margin:5px 0 6px}
.plan .desc{font-size:13.5px;color:var(--yazi3);min-height:38px}
.plan .price{font-size:30px;font-weight:900;margin:14px 0 18px;letter-spacing:-.02em}
.plan .price span{font-size:14px;color:var(--yazi3);font-weight:700}
.plan ul{list-style:none;display:flex;flex-direction:column;gap:11px;margin-bottom:22px}
.plan li{display:flex;gap:10px;font-size:14px;color:var(--yazi2);font-weight:600}
.plan li i{color:var(--yesil);margin-top:3px}.plan li.off{color:var(--yazi4)}.plan li.off i{color:var(--yazi4)}
.plan .btn{width:100%;justify-content:center}

/* ---- Footer ---- */
.footer{background:var(--lacivert);color:rgba(255,255,255,.7);margin-top:0}
.footer-ic{max-width:1200px;margin:0 auto;padding:50px 24px 26px}
.footer-ust{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}
.footer-hakkinda .logo-img{margin-bottom:14px}
.footer-hakkinda p{font-size:13.5px;line-height:1.6;max-width:30em}
.footer-col h3{color:#fff;font-size:14px;font-weight:800;margin-bottom:13px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.footer-col a{font-size:13.5px}.footer-col a:hover{color:#fff}
.footer-alt{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding-top:20px;font-size:12.5px;color:rgba(255,255,255,.5);flex-wrap:wrap;gap:10px}

@media(max-width:900px){
  .mega-nav,.urun-gec,.tb-yukselt{display:none}.menu-ac{display:inline-grid;place-items:center}
  .hero{padding:42px 0}.hero-grid{grid-template-columns:1fr;gap:38px}.hero h1{font-size:34px}
  .cip-ust{right:0}.cip-alt{left:0}
  .oz{grid-template-columns:1fr;gap:24px;padding:26px 0}.oz.ters .oz-metin{order:0}.oz-metin h3{font-size:21px}
  .bs h2{font-size:26px}.bolum{padding:48px 0}
  .izgara{grid-template-columns:1fr 1fr}.plans{grid-template-columns:1fr}
  .footer-ust{grid-template-columns:1fr 1fr}.cta-band{padding:34px 22px}.cta-band h2{font-size:24px}
}
@media(max-width:560px){.izgara{grid-template-columns:1fr}.serit .v{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}