@font-face { font-family:"Thmanyah Sans"; src:url("fonts/thmanyahsans-Light.woff2") format("woff2"); font-style:normal; font-weight:300; font-display:swap; }
@font-face { font-family:"Thmanyah Sans"; src:url("fonts/thmanyahsans-Regular.woff2") format("woff2"); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:"Thmanyah Sans"; src:url("fonts/thmanyahsans-Medium.woff2") format("woff2"); font-style:normal; font-weight:500; font-display:swap; }
@font-face { font-family:"Thmanyah Sans"; src:url("fonts/thmanyahsans-Bold.woff2") format("woff2"); font-style:normal; font-weight:700; font-display:swap; }
@font-face { font-family:"Thmanyah Sans"; src:url("fonts/thmanyahsans-Black.woff2") format("woff2"); font-style:normal; font-weight:900; font-display:swap; }

:root { --ink:#06101f; --cyan:#27b4e6; --electric:#2777ff; --white:#f8fbff; --muted:#a8bbcf; }
* { box-sizing:border-box; }
html,body { margin:0; min-height:100%; background:var(--ink); }
body { color:var(--white); font-family:"Thmanyah Sans","Segoe UI",Tahoma,Arial,sans-serif; }
button { font:inherit; }
.welcome-shell { min-height:100svh; position:relative; overflow:hidden; isolation:isolate; display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,.7fr); grid-template-rows:auto 1fr auto; gap:1rem 5vw; padding:30px clamp(24px,5vw,76px) 26px; background:radial-gradient(circle at 85% 20%,rgba(39,119,255,.16),transparent 28%),linear-gradient(125deg,#06101f 0%,#071426 54%,#06101f 100%); }
.noise { position:absolute; inset:0; z-index:-2; opacity:.19; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E"); }
.orb { position:absolute; border-radius:999px; z-index:-1; filter:blur(4px); }
.orb-one { width:420px; height:420px; left:-230px; top:22%; background:rgba(39,180,230,.13); animation:drift 10s ease-in-out infinite; }
.orb-two { width:240px; height:240px; right:42%; bottom:-160px; background:rgba(39,119,255,.16); animation:drift 8s ease-in-out infinite reverse; }
.site-header { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; z-index:2; }
.header-actions { display:flex; align-items:center; gap:20px; }
.progress-count { direction:ltr; display:flex; gap:7px; align-items:center; color:#526c87; font-size:12px; letter-spacing:.08em; }
.progress-count strong { color:var(--cyan); font-size:15px; }
.page-stage { grid-column:1/-1; position:relative; min-height:0; }
.screen { position:absolute; inset:0; display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,.7fr); gap:5vw; align-items:center; overflow-x:hidden; overflow-y:auto; overscroll-behavior-y:contain; transition:opacity .65s ease,transform .75s cubic-bezier(.2,.8,.2,1); }
.screen { opacity:0; transform:translateX(-8%); pointer-events:none; }
.welcome-screen { transform:translateX(8%); }
.experience-screen { grid-template-columns:minmax(310px,.75fr) minmax(0,1.25fr); }
.ecosystem-screen { grid-template-columns:minmax(0,1fr) minmax(390px,.85fr); }
.components-screen { display:flex; flex-direction:column; justify-content:center; gap:20px; }
.partner-screen { display:flex; flex-direction:column; justify-content:center; gap:18px; }
.pricing-screen { grid-template-columns:minmax(0,1.2fr) minmax(350px,.7fr); }
.step-1 .welcome-screen,.step-2 .experience-screen,.step-3 .ecosystem-screen,.step-4 .partner-screen,.step-5 .pricing-screen { opacity:1; transform:translateX(0); pointer-events:auto; }
.brand-logo { width:185px; height:70px; object-fit:cover; object-position:center; border-radius:10px; }
.header-meta { display:flex; align-items:center; gap:10px; color:var(--muted); font-size:14px; padding:9px 14px; border:1px solid rgba(168,187,207,.16); border-radius:999px; background:rgba(255,255,255,.035); }
.live-dot { width:8px; height:8px; border-radius:50%; background:#48e4a5; box-shadow:0 0 0 5px rgba(72,228,165,.09); }
.hero { align-self:center; max-width:760px; padding:7vh 0 5vh; transition:opacity .45s ease,transform .55s ease; }
.eyebrow { display:inline-flex; gap:9px; align-items:center; color:var(--cyan); font-weight:700; font-size:clamp(16px,1.5vw,20px); margin-bottom:22px; }
.wave { display:inline-block; transform-origin:70% 70%; animation:wave 2.1s ease-in-out infinite; }
h1 { margin:0; max-width:720px; font-size:clamp(54px,7vw,108px); line-height:.98; letter-spacing:-.055em; font-weight:820; }
h1 span { color:transparent; background:linear-gradient(100deg,#2cb8e9 10%,#3b7cff 85%); background-clip:text; -webkit-background-clip:text; }
.intro { max-width:640px; margin:28px 0 32px; color:var(--muted); font-size:clamp(18px,1.6vw,23px); line-height:1.9; }
.intro strong { color:var(--white); }
.start-button { border:0; color:#fff; cursor:pointer; min-width:250px; display:inline-flex; align-items:center; justify-content:center; gap:22px; background:linear-gradient(100deg,var(--cyan),var(--electric)); padding:17px 26px; border-radius:17px; font-weight:800; font-size:18px; box-shadow:0 16px 45px rgba(39,119,255,.27); transition:transform .25s ease,box-shadow .25s ease; }
.start-button:hover { transform:translateY(-3px); box-shadow:0 22px 55px rgba(39,119,255,.4); }
.start-button:focus-visible { outline:3px solid #fff; outline-offset:4px; }
.button-arrow { font-size:26px; transition:transform .25s ease; }
.start-button:hover .button-arrow { transform:translateX(-6px); }
.microcopy { color:#728ba6; font-size:13px; margin:13px 13px 0 0; }
.project-card { align-self:center; justify-self:end; position:relative; width:min(100%,430px); min-height:500px; overflow:hidden; padding:34px; border-radius:34px; border:1px solid rgba(72,174,255,.22); background:linear-gradient(145deg,rgba(15,43,76,.92),rgba(6,18,35,.76)); box-shadow:0 32px 90px rgba(0,0,0,.3); transform:rotate(-2deg); transition:opacity .4s ease,transform .6s cubic-bezier(.2,.7,.2,1); }
.project-card::before { content:""; position:absolute; inset:12px; border:1px solid rgba(255,255,255,.055); border-radius:25px; pointer-events:none; }
.card-topline { display:flex; justify-content:space-between; color:var(--cyan); font-size:14px; font-weight:800; }
.card-index { color:#607c99; direction:ltr; }
.sajja-mark { margin-top:98px; font-size:clamp(70px,8vw,118px); line-height:1; font-weight:900; letter-spacing:-.07em; text-shadow:0 0 42px rgba(39,180,230,.15); }
.project-card p { margin:14px 0 30px; color:var(--muted); font-size:19px; }
.card-tags { display:flex; flex-wrap:wrap; gap:9px; }
.card-tags span { border:1px solid rgba(168,187,207,.16); padding:8px 11px; border-radius:999px; color:#cbd8e5; font-size:12px; background:rgba(255,255,255,.03); }
.card-glow { position:absolute; width:210px; height:210px; border-radius:50%; left:-80px; bottom:-80px; background:rgba(39,180,230,.23); filter:blur(35px); }
.site-footer { grid-column:1/-1; display:flex; align-items:center; gap:14px; color:#7890a8; font-size:13px; }
.footer-line { width:44px; height:1px; background:#27425e; }
.years-visual { position:relative; justify-self:start; width:min(100%,470px); min-height:500px; display:flex; align-items:center; justify-content:center; direction:ltr; }
.years-visual::before { content:""; position:absolute; width:390px; height:390px; border-radius:50%; border:1px solid rgba(39,180,230,.22); box-shadow:inset 0 0 80px rgba(39,119,255,.1),0 0 90px rgba(39,180,230,.08); }
.years-visual::after { content:""; position:absolute; width:295px; height:295px; border-radius:50%; border:1px dashed rgba(255,255,255,.12); animation:spin 22s linear infinite; }
.years-visual>strong { position:relative; z-index:1; font-size:clamp(150px,18vw,260px); line-height:.8; letter-spacing:-.11em; color:transparent; -webkit-text-stroke:2px rgba(255,255,255,.9); text-shadow:0 0 70px rgba(39,119,255,.25); }
.years-visual .plus { position:absolute; z-index:2; left:12%; top:23%; color:var(--cyan); font-size:54px; font-weight:300; }
.years-caption { position:absolute; z-index:2; right:5%; bottom:24%; display:flex; flex-direction:column; direction:rtl; font-size:23px; font-weight:800; line-height:1.1; }
.years-caption span:last-child { color:var(--cyan); }
.since { position:absolute; bottom:9%; direction:rtl; color:#728ba6; font-size:14px; letter-spacing:.08em; }
.experience-copy { max-width:720px; }
.experience-copy h2 { margin:0; font-size:clamp(44px,5vw,77px); line-height:1.08; letter-spacing:-.045em; font-weight:850; }
.experience-copy h2 span { color:var(--cyan); }
.experience-copy>p { margin:22px 0 26px; color:var(--muted); font-size:clamp(17px,1.4vw,21px); line-height:1.85; max-width:670px; }
.benefit-list { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.benefit-list article { min-height:128px; padding:16px; border-radius:18px; border:1px solid rgba(168,187,207,.13); background:rgba(255,255,255,.035); display:flex; gap:12px; transition:transform .25s ease,border-color .25s ease; }
.benefit-list article:hover { transform:translateY(-4px); border-color:rgba(39,180,230,.35); }
.benefit-list b { color:var(--cyan); font-size:11px; direction:ltr; }
.benefit-list article div { display:flex; flex-direction:column; gap:7px; }
.benefit-list strong { font-size:17px; }
.benefit-list span { color:#8198b0; font-size:12px; line-height:1.65; }
.experience-actions { display:flex; align-items:center; gap:16px; margin-top:24px; }
.next-button { min-width:300px; }
.back-button { border:0; background:transparent; color:#7890a8; cursor:pointer; padding:12px; }
.back-button:hover { color:#fff; }
.advantage-stamp { position:absolute; left:0; bottom:2%; display:flex; align-items:center; gap:8px; color:#7890a8; font-size:13px; }
.advantage-stamp strong { color:#fff; }
.ecosystem-copy { max-width:720px; }
.ecosystem-copy h2,.components-head h2 { margin:0; font-size:clamp(44px,5vw,74px); line-height:1.08; letter-spacing:-.045em; font-weight:850; }
.ecosystem-copy h2 span,.components-head h2 span { color:var(--cyan); }
.ecosystem-copy>p,.components-head>p { color:var(--muted); font-size:clamp(17px,1.35vw,20px); line-height:1.8; max-width:690px; }
.active-flow { margin-top:24px; min-height:78px; border-right:3px solid var(--cyan); padding:8px 16px; display:flex; flex-direction:column; gap:8px; background:linear-gradient(90deg,transparent,rgba(39,180,230,.05)); }
.active-flow span { color:var(--cyan); font-size:13px; font-weight:800; }
.active-flow strong { font-size:17px; line-height:1.7; }
.ecosystem-map { position:relative; width:min(100%,520px); aspect-ratio:1; justify-self:start; direction:ltr; }
.map-ring { position:absolute; border-radius:50%; inset:12%; border:1px solid rgba(39,180,230,.12); animation:spin 30s linear infinite; }
.ring-b { inset:26%; border-style:dashed; animation-direction:reverse; animation-duration:22s; }
.map-center { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:150px; height:150px; border-radius:50%; display:flex; flex-direction:column; justify-content:center; align-items:center; background:radial-gradient(circle at 30% 25%,#194c7a,#07172a 70%); border:1px solid rgba(39,180,230,.42); box-shadow:0 0 55px rgba(39,119,255,.2); direction:rtl; z-index:3; }
.map-center span,.map-center small { color:#85a0b9; font-size:11px; }
.map-center strong { font-size:42px; letter-spacing:-.06em; }
.map-line { position:absolute; height:1px; width:26%; background:linear-gradient(90deg,transparent,var(--cyan)); transform-origin:left center; left:50%; top:50%; opacity:.55; }
.line-user { transform:rotate(-90deg); }.line-partner { transform:rotate(30deg); }.line-admin { transform:rotate(150deg); }
.map-node { position:absolute; width:132px; min-height:100px; border-radius:20px; border:1px solid rgba(168,187,207,.14); background:rgba(8,27,49,.94); color:#fff; cursor:pointer; display:flex; flex-direction:column; justify-content:center; gap:4px; padding:12px; direction:rtl; transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.map-node:hover,.map-node.active { transform:scale(1.06); border-color:rgba(39,180,230,.55); box-shadow:0 14px 35px rgba(0,0,0,.28),0 0 30px rgba(39,180,230,.1); }
.map-node span { position:absolute; top:8px; left:10px; color:#4c6a86; font-size:10px; direction:ltr; }
.map-node strong { font-size:18px; }.map-node small { color:#7890a8; font-size:11px; }
.node-user { top:0; left:50%; transform:translateX(-50%); }.node-user:hover,.node-user.active { transform:translateX(-50%) scale(1.06); }
.node-partner { right:0; bottom:8%; }.node-admin { left:0; bottom:8%; }
.combined-ecosystem .ecosystem-copy h2 { font-size:clamp(38px,4.3vw,66px); }
.mini-components { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:18px; }
.mini-components article { min-height:82px; padding:12px; display:flex; gap:9px; border-radius:15px; background:rgba(255,255,255,.035); border:1px solid rgba(168,187,207,.12); }
.mini-components b { direction:ltr; color:var(--cyan); font-size:10px; }
.mini-components article div { display:flex; flex-direction:column; gap:5px; }
.mini-components strong { font-size:14px; }.mini-components span { color:#7890a8; font-size:10px; line-height:1.5; }
.partner-head { display:grid; grid-template-columns:1.2fr .8fr; align-items:end; gap:32px; }
.partner-head .eyebrow { grid-column:1/-1; margin-bottom:0; }
.partner-head h2,.pricing-copy h2 { margin:0; font-size:clamp(42px,5vw,74px); line-height:1.05; letter-spacing:-.045em; }
.partner-head h2 span,.pricing-copy h2 span { color:var(--cyan); }
.partner-head p,.pricing-copy>p { margin:0; color:var(--muted); font-size:clamp(16px,1.35vw,20px); line-height:1.8; }
.included-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; }
.included-grid article { min-height:155px; padding:17px; border-radius:20px; border:1px solid rgba(168,187,207,.13); background:linear-gradient(145deg,rgba(14,41,71,.88),rgba(6,18,35,.76)); display:flex; flex-direction:column; gap:8px; transition:transform .25s ease,border-color .25s ease; }
.included-grid article:hover { transform:translateY(-4px); border-color:rgba(39,180,230,.42); }
.included-grid article>span { align-self:flex-start; color:#48e4a5; background:rgba(72,228,165,.09); border:1px solid rgba(72,228,165,.15); border-radius:999px; padding:4px 8px; font-size:9px; font-weight:800; }
.included-grid strong { font-size:16px; line-height:1.4; margin-top:3px; }.included-grid small { color:#7890a8; line-height:1.6; font-size:11px; }
.process-strip { display:flex; align-items:center; justify-content:center; gap:16px; padding:14px; color:#d8e3ed; border-radius:16px; border:1px solid rgba(168,187,207,.1); background:rgba(255,255,255,.025); font-weight:800; font-size:14px; }
.process-strip i { color:var(--cyan); font-style:normal; font-size:20px; font-weight:400; }
.partner-actions { display:flex; align-items:center; gap:16px; justify-content:flex-end; }
.pricing-copy { max-width:750px; }
.pricing-copy>p { margin:18px 0 24px; max-width:650px; }
.offer-facts { display:flex; gap:10px; margin-bottom:18px; }
.offer-facts span { padding:10px 13px; border-radius:13px; background:rgba(255,255,255,.035); border:1px solid rgba(168,187,207,.12); color:#8ea4b9; font-size:12px; }
.offer-facts b { color:var(--cyan); font-size:18px; margin-left:4px; }
.payment-row { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
.payment-row span { display:flex; flex-direction:column; gap:7px; padding:13px; border-radius:14px; background:rgba(255,255,255,.03); border:1px solid rgba(168,187,207,.1); color:#7890a8; font-size:10px; }
.payment-row strong { color:#fff; font-size:15px; }
.final-actions { display:flex; align-items:center; gap:16px; margin-top:24px; }
.final-cta { text-decoration:none; }
.price-card { position:relative; justify-self:start; width:min(100%,430px); min-height:450px; border-radius:34px; border:1px solid rgba(39,180,230,.42); background:radial-gradient(circle at 50% 25%,rgba(39,119,255,.16),transparent 40%),linear-gradient(145deg,#0c2747,#061220); display:flex; flex-direction:column; align-items:center; justify-content:center; padding:30px; box-shadow:0 30px 80px rgba(0,0,0,.28); }
.price-label { color:#87a0b8; font-size:13px; }.price-card>strong { direction:ltr; font-size:clamp(70px,8vw,115px); line-height:1; letter-spacing:-.06em; margin:20px 0 4px; }
.currency { color:var(--cyan); font-weight:800; font-size:19px; }.price-divider { width:50px; height:2px; background:var(--cyan); margin:28px 0 17px; }
.price-card p { color:#8ca2b7; font-size:13px; margin:0 0 13px; }.price-card small { color:#efb14e; font-weight:800; }
.closing-line { position:absolute; right:0; bottom:2%; color:#718ba3; font-size:12px; }
.components-head { width:100%; display:grid; grid-template-columns:1fr 1.2fr; column-gap:40px; align-items:end; }
.components-head .eyebrow { grid-column:1/-1; margin-bottom:6px; }
.components-head h2 { font-size:clamp(38px,4vw,62px); }
.components-head>p { margin:0; align-self:end; }
.component-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; width:100%; }
.component-card { position:relative; min-height:305px; overflow:hidden; border-radius:25px; border:1px solid rgba(168,187,207,.13); background:linear-gradient(145deg,rgba(13,39,68,.88),rgba(6,18,35,.78)); padding:24px; transition:transform .3s ease,border-color .3s ease; }
.component-card:hover { transform:translateY(-5px); }
.cyan-card:hover { border-color:rgba(39,180,230,.5); }.green-card:hover { border-color:rgba(72,228,165,.45); }.gold-card:hover { border-color:rgba(239,177,78,.45); }
.component-number { position:absolute; top:18px; left:20px; direction:ltr; color:#54718e; font-size:11px; }
.component-icon { width:44px; height:44px; border-radius:14px; display:grid; place-items:center; background:rgba(39,180,230,.1); color:var(--cyan); font-size:24px; }
.green-card .component-icon { color:#48e4a5; background:rgba(72,228,165,.09); }.gold-card .component-icon { color:#efb14e; background:rgba(239,177,78,.09); }
.component-card h3 { margin:22px 0 8px; font-size:25px; }.component-card p { margin:0 0 16px; color:#8ca2b8; font-size:14px; line-height:1.65; }
.component-card ul { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px; }
.component-card li { color:#c2d0dd; font-size:12px; padding-right:15px; position:relative; }.component-card li::before { content:"•"; position:absolute; right:0; color:var(--cyan); }
.green-card li::before { color:#48e4a5; }.gold-card li::before { color:#efb14e; }
.components-footer { display:flex; align-items:center; justify-content:space-between; width:100%; }
.components-footer>p { display:flex; align-items:center; gap:12px; color:#6e879f; font-size:12px; }.components-footer>p strong { color:#fff; }.components-footer>p span::before,.components-footer>p span::after { content:"—"; margin:0 7px; color:#28445f; }
.components-footer .experience-actions { margin:0; }
.next-state { position:absolute; inset:0; z-index:10; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; background:radial-gradient(circle at center,#0c2a4a,var(--ink) 65%); opacity:0; pointer-events:none; transform:scale(1.06); transition:opacity .55s ease,transform .6s ease; text-align:center; }
.next-kicker { color:var(--cyan); font-weight:800; }
.next-state strong { font-size:clamp(38px,5vw,74px); }
.next-state>span:last-of-type { color:var(--muted); font-size:18px; }
.next-state button { margin-top:25px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.05); color:#fff; border-radius:14px; padding:12px 18px; cursor:pointer; }
.is-started .hero { opacity:0; transform:translateY(-24px); }
.is-started .project-card { opacity:0; transform:rotate(3deg) translateX(-50px) scale(.92); }
.is-started .next-state { opacity:1; pointer-events:auto; transform:scale(1); }
@keyframes wave { 0%,55%,100%{transform:rotate(0)} 10%{transform:rotate(14deg)} 20%{transform:rotate(-8deg)} 30%{transform:rotate(12deg)} 40%{transform:rotate(-4deg)} }
@keyframes drift { 0%,100%{transform:translate3d(0,0,0)} 50%{transform:translate3d(28px,-22px,0)} }
@keyframes spin { to{transform:rotate(360deg)} }
@media(max-height:950px) and (min-width:901px){
  .welcome-shell{padding-top:20px;padding-bottom:18px;gap:.75rem 5vw}
  .screen{align-items:start;padding-block:12px 28px}
  .partner-screen{justify-content:flex-start}
  h1{font-size:clamp(52px,6vw,88px)}
  .project-card{min-height:430px}
  .sajja-mark{margin-top:70px}
  .experience-copy h2,.partner-head h2,.pricing-copy h2{font-size:clamp(42px,4.3vw,64px)}
  .combined-ecosystem .ecosystem-copy h2{font-size:clamp(38px,3.8vw,58px)}
  .experience-copy>p{margin:14px 0 18px;line-height:1.6}
  .benefit-list article{min-height:112px;padding:14px}
  .experience-actions,.final-actions{margin-top:16px}
  .years-visual{min-height:440px}
  .included-grid article{min-height:135px;padding:14px}
}
@media(max-width:900px){ .welcome-shell{grid-template-columns:1fr;padding:22px}.header-meta{display:none}.screen{grid-template-columns:1fr;overflow:auto;align-content:start;padding-top:25px}.hero{padding:5vh 0 1vh}.project-card{justify-self:stretch;width:100%;min-height:270px;transform:none;padding:26px}.sajja-mark{margin-top:42px;font-size:78px}.site-footer{padding-top:18px}.years-visual{display:none}.experience-copy{max-width:none}.benefit-list{grid-template-columns:1fr}.advantage-stamp{display:none}.ecosystem-map{display:none}.mini-components{grid-template-columns:1fr}.partner-screen{display:flex}.partner-head{display:block}.included-grid{grid-template-columns:1fr 1fr}.process-strip{flex-wrap:wrap}.pricing-screen{grid-template-columns:1fr}.price-card{display:none}.closing-line{display:none} }
@media(max-width:520px){ .brand-logo{width:150px;height:57px}.progress-count{display:none}h1{font-size:54px}.intro{font-size:17px;margin-top:22px}.start-button{width:100%}.project-card{display:none}.site-footer{justify-content:center}.experience-copy h2,.ecosystem-copy h2,.partner-head h2,.pricing-copy h2{font-size:40px}.experience-actions,.partner-actions,.final-actions{flex-direction:column;align-items:stretch}.next-button{min-width:0}.back-button{order:2}.included-grid{grid-template-columns:1fr}.process-strip{gap:8px;font-size:11px}.offer-facts{flex-wrap:wrap}.payment-row{grid-template-columns:1fr} }
@media(prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important} }