:root {
  --bg: #0b0b0f;
  --bg-soft: #111117;
  --card: rgba(18, 18, 25, .72);
  --white: #f5f5f7;
  --muted: #a9a9b3;
  --muted-2: #72727e;
  --line: rgba(255,255,255,.10);
  --purple: #c76dff;
  --blue: #4dcbff;
  --mint: #5cf2c7;
  --orange: #ff9e4d;
  --pink: #ff7ec7;
  --radius: 32px;
  --shell: min(1180px, calc(100vw - 48px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--white);
  font-family: "Segoe UI Variable Display", "Segoe UI", Inter, -apple-system, BlinkMacSystemFont, sans-serif;
  font-feature-settings: "ss01" 1, "cv02" 1;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
body::before {
  content: "";
  position: fixed;
  inset: -35vh -20vw auto;
  height: 70vh;
  pointer-events: none;
  background: radial-gradient(circle at 50% 50%, rgba(199,109,255,.08), transparent 55%);
  z-index: -2;
}
::selection { background: rgba(199,109,255,.45); color: white; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
.shell { width: var(--shell); margin-inline: auto; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

.noise {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 99;
  opacity: .035;
  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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.85'/%3E%3C/svg%3E");
}

.nav {
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255,255,255,.07);
  position: relative;
  z-index: 20;
}
.brand { display:flex; align-items:center; gap:11px; font-size: 22px; font-weight: 650; letter-spacing: -.045em; }
.brand-mark { width: 25px; height: 25px; }
.brand-mark circle { fill: url(#markGradient); }
.footer-brand .brand-mark circle, .app-logo svg circle, .vault-core svg circle { fill: currentColor; }
.nav-links { display:flex; gap:32px; color:#bdbdc6; font-size:14px; }
.nav-links a { transition:color .2s ease; }
.nav-links a:hover { color:white; }
.small-cta {
  font-size:13px;
  padding:11px 16px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  transition:background .2s ease, transform .2s ease;
}
.small-cta:hover { background:rgba(255,255,255,.09); transform:translateY(-1px); }

.hero {
  min-height: 760px;
  display:grid;
  grid-template-columns: 1.02fr .98fr;
  align-items:center;
  gap:40px;
  padding-block: 58px 90px;
}
.eyebrow, .section-kicker { color:#aaaab5; font-size:12px; text-transform:uppercase; letter-spacing:.18em; font-weight:650; }
.eyebrow { display:flex; align-items:center; gap:10px; margin-bottom:24px; }
.pulse-dot { width:7px; height:7px; background:var(--mint); border-radius:50%; box-shadow:0 0 16px var(--mint); animation:pulse 2.2s infinite; }
@keyframes pulse { 0%,100%{box-shadow:0 0 0 0 rgba(92,242,199,.35),0 0 14px var(--mint)} 50%{box-shadow:0 0 0 7px rgba(92,242,199,0),0 0 20px var(--mint)} }
.hero h1 { margin:0; font-size:clamp(76px, 8.2vw, 128px); line-height:.82; letter-spacing:-.075em; font-weight:590; }
.gradient-text {
  background: linear-gradient(105deg, #ffb4da 0%, var(--pink) 18%, var(--purple) 44%, var(--blue) 73%, var(--mint) 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  filter: drop-shadow(0 12px 45px rgba(199,109,255,.16));
}
.hero-lede { max-width:600px; margin:35px 0 0; color:#bdbdc6; font-size:20px; line-height:1.55; letter-spacing:-.018em; }
.hero-actions { display:flex; gap:12px; margin-top:34px; flex-wrap:wrap; }
.primary-cta, .ghost-cta { display:inline-flex; align-items:center; justify-content:center; gap:16px; height:52px; padding:0 22px; border-radius:999px; font-size:14px; font-weight:650; transition:transform .25s ease, background .25s ease; }
.primary-cta { background:var(--white); color:#09090c; }
.primary-cta:hover { transform:translateY(-2px); }
.ghost-cta { border:1px solid rgba(255,255,255,.13); color:#d8d8df; background:rgba(255,255,255,.025); }
.ghost-cta:hover { background:rgba(255,255,255,.07); transform:translateY(-2px); }
.hero-proof { display:flex; align-items:center; gap:12px; margin-top:32px; color:#777783; font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
.hero-proof i { width:3px; height:3px; background:#4c4c55; border-radius:50%; }

.hero-art { position:relative; height:620px; display:grid; place-items:center; isolation:isolate; }
.halo { position:absolute; border-radius:50%; filter:blur(55px); opacity:.35; }
.halo-a { width:320px; height:320px; background:var(--purple); top:120px; left:95px; animation:floatA 9s ease-in-out infinite; }
.halo-b { width:250px; height:250px; background:var(--blue); bottom:100px; right:35px; animation:floatB 10s ease-in-out infinite; }
@keyframes floatA { 50% { transform:translate(30px, 20px) scale(1.08); } }
@keyframes floatB { 50% { transform:translate(-28px, -10px) scale(.92); } }
.orb-wrap { width:360px; height:360px; display:grid; place-items:center; position:relative; z-index:2; animation:orbFloat 6.5s ease-in-out infinite; }
@keyframes orbFloat { 50% { transform:translateY(-14px) rotate(1.5deg); } }
.orb {
  width:285px; height:285px;
  border-radius: 43% 57% 53% 47% / 45% 43% 57% 55%;
  position:relative;
  background:
    radial-gradient(circle at 33% 24%, rgba(255,255,255,.9), rgba(255,255,255,.18) 9%, transparent 20%),
    radial-gradient(circle at 72% 67%, rgba(77,203,255,.95), transparent 29%),
    radial-gradient(circle at 27% 70%, rgba(255,126,199,.98), transparent 29%),
    radial-gradient(circle at 65% 28%, rgba(199,109,255,.95), transparent 35%),
    linear-gradient(135deg, #ffe1f1 0%, #bc61ff 37%, #4ccaff 70%, #8ff7db 100%);
  box-shadow:
    inset -20px -18px 45px rgba(22,11,66,.24),
    inset 18px 20px 38px rgba(255,255,255,.24),
    0 38px 100px rgba(150,76,255,.28),
    0 0 80px rgba(77,203,255,.16);
  transform:rotate(-7deg);
  overflow:hidden;
}
.orb::before, .orb::after { content:""; position:absolute; border-radius:50%; background:rgba(255,255,255,.15); filter:blur(1px); }
.orb::before { width:125px; height:58px; left:37px; top:29px; transform:rotate(-27deg); }
.orb::after { width:70px; height:28px; right:32px; bottom:42px; opacity:.15; }
.orb-gloss { position:absolute; inset:0; background:linear-gradient(130deg, rgba(255,255,255,.38), transparent 28%, transparent 60%, rgba(255,255,255,.08)); mix-blend-mode:screen; }
.orb-face { position:absolute; width:62px; height:23px; left:50%; top:47%; transform:translate(-50%,-50%) rotate(6deg); }
.orb-face::before, .orb-face::after { content:""; position:absolute; width:6px; height:6px; background:#24172d; border-radius:50%; top:4px; opacity:.8; }
.orb-face::before { left:4px; } .orb-face::after { right:4px; }
.orb-face span { position:absolute; width:24px; height:11px; border-bottom:3px solid #24172d; border-radius:0 0 18px 18px; left:50%; top:2px; transform:translateX(-50%); opacity:.8; }
.floating-card { position:absolute; z-index:4; display:flex; align-items:center; gap:11px; padding:12px 15px 12px 12px; background:rgba(15,15,22,.64); border:1px solid rgba(255,255,255,.13); backdrop-filter:blur(18px); border-radius:16px; box-shadow:0 14px 40px rgba(0,0,0,.3); }
.floating-card small { display:block; color:#7d7d89; font-size:9px; text-transform:uppercase; letter-spacing:.12em; margin-bottom:2px; }
.floating-card strong { font-size:12px; font-weight:570; }
.mini-icon { width:29px; height:29px; display:grid; place-items:center; border-radius:9px; background:linear-gradient(135deg, rgba(255,126,199,.2), rgba(77,203,255,.2)); border:1px solid rgba(255,255,255,.1); }
.card-memory { top:110px; right:5px; animation:cardFloat 7s ease-in-out infinite; }
.card-done { bottom:100px; left:5px; animation:cardFloat 8s 1s ease-in-out infinite; }
@keyframes cardFloat { 50%{ transform:translateY(-10px); } }
.orbit-line { position:absolute; border:1px solid rgba(255,255,255,.07); border-radius:50%; transform:rotate(-18deg); z-index:0; }
.orbit-one { width:520px; height:280px; }
.orbit-two { width:440px; height:500px; transform:rotate(55deg); }

.statement { padding:100px 0 55px; max-width:950px; text-align:center; }
.statement h2, .stage-copy h2, .privacy-copy h2, .manifesto h2, .early-copy h2 { margin:18px 0 0; letter-spacing:-.055em; font-weight:590; }
.statement h2 { font-size:clamp(48px,6vw,78px); line-height:1.02; }
.statement h2 span { color:#74747e; }
.section-lede { max-width:700px; margin:27px auto 0; color:#9999a4; font-size:18px; line-height:1.6; }

.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; padding:45px 0 140px; }
.feature-card { min-height:390px; padding:28px; border:1px solid rgba(255,255,255,.08); border-radius:var(--radius); background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)); position:relative; overflow:hidden; transition:transform .35s ease, border-color .35s ease; }
.feature-card:hover { transform:translateY(-6px); border-color:rgba(255,255,255,.16); }
.feature-card::after { content:""; position:absolute; width:180px; height:180px; border-radius:50%; filter:blur(60px); opacity:.12; right:-80px; top:-60px; }
.feature-card:nth-child(1)::after { background:var(--purple); } .feature-card:nth-child(2)::after { background:var(--blue); } .feature-card:nth-child(3)::after { background:var(--mint); }
.feature-number { color:#555560; font-size:11px; letter-spacing:.18em; }
.feature-icon { margin-top:76px; width:50px; height:50px; border-radius:16px; display:grid; place-items:center; font-size:26px; border:1px solid rgba(255,255,255,.11); background:rgba(255,255,255,.035); }
.memory-icon { color:var(--purple); box-shadow:inset 0 0 20px rgba(199,109,255,.07); }
.act-icon { color:var(--blue); box-shadow:inset 0 0 20px rgba(77,203,255,.07); }
.protect-icon { color:var(--mint); box-shadow:inset 0 0 20px rgba(92,242,199,.07); }
.feature-card h3 { font-size:34px; margin:22px 0 12px; letter-spacing:-.045em; }
.feature-card p { color:#9696a1; line-height:1.55; margin:0; font-size:15px; max-width:300px; }
.feature-meta { display:block; position:absolute; bottom:28px; color:#5d5d68; font-size:11px; letter-spacing:.06em; }

.product-stage { border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:linear-gradient(180deg,#0d0d12,#09090d); padding:120px 0; position:relative; overflow:hidden; }
.product-stage::before { content:""; position:absolute; width:680px; height:680px; border-radius:50%; background:radial-gradient(circle,rgba(199,109,255,.09),transparent 65%); right:-150px; top:-240px; }
.product-stage-inner { display:grid; grid-template-columns:.78fr 1.4fr; gap:70px; align-items:center; }
.stage-copy h2 { font-size:64px; line-height:.98; }
.stage-copy > p:not(.section-kicker) { color:#8e8e99; font-size:16px; line-height:1.65; margin-top:24px; }
.micro-list { display:flex; flex-direction:column; gap:13px; margin-top:35px; color:#b7b7c0; font-size:13px; }
.micro-list span { padding:13px 0; border-bottom:1px solid rgba(255,255,255,.07); }
.micro-list b { color:#50505b; font-size:10px; margin-right:12px; font-weight:500; }

.app-window { height:565px; background:rgba(15,15,22,.88); border:1px solid rgba(255,255,255,.13); border-radius:28px; overflow:hidden; display:grid; grid-template-columns:160px 1fr; box-shadow:0 50px 100px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05); position:relative; }
.window-glow { position:absolute; width:220px; height:220px; right:-70px; bottom:-70px; border-radius:50%; background:radial-gradient(circle,var(--purple),var(--blue) 50%,transparent 70%); filter:blur(45px); opacity:.27; }
.app-sidebar { background:#0d0d12; border-right:1px solid rgba(255,255,255,.07); padding:23px 14px; position:relative; }
.app-logo { display:flex; align-items:center; gap:7px; font-size:13px; font-weight:650; padding:0 8px 27px; }
.app-logo svg { width:19px; height:19px; color:var(--white); }
.side-item { display:flex; align-items:center; gap:9px; color:#777783; font-size:11px; padding:9px 10px; border-radius:9px; margin-bottom:3px; }
.side-item span { width:15px; text-align:center; }
.side-item.active { color:#f0f0f3; background:rgba(255,255,255,.065); }
.sidebar-status { position:absolute; bottom:20px; left:18px; font-size:9px; color:#686874; display:flex; align-items:center; gap:6px; }
.sidebar-status i { width:5px; height:5px; background:var(--mint); border-radius:50%; box-shadow:0 0 10px var(--mint); }
.app-main { padding:23px 34px 30px; position:relative; z-index:1; }
.app-topbar { display:flex; justify-content:flex-end; align-items:center; gap:10px; }
.weather-chip { color:#656571; font-size:9px; border:1px solid rgba(255,255,255,.07); padding:6px 9px; border-radius:99px; }
.avatar { width:27px; height:27px; border-radius:9px; display:grid; place-items:center; font-size:10px; background:linear-gradient(135deg,var(--pink),var(--purple),var(--blue)); color:#131318; font-weight:700; }
.app-greeting { margin-top:57px; }
.app-greeting small { color:#6d6d78; font-size:11px; }
.app-greeting h3 { font-size:34px; line-height:1.06; letter-spacing:-.05em; margin:8px 0 25px; font-weight:590; }
.app-greeting h3 span { background:linear-gradient(90deg,#ffc3e1,var(--purple),var(--blue)); -webkit-background-clip:text; color:transparent; }
.command-box { height:58px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.035); border-radius:17px; display:flex; align-items:center; justify-content:space-between; padding:0 11px 0 18px; color:#656571; font-size:11px; box-shadow:inset 0 1px 0 rgba(255,255,255,.02); }
.command-box button { width:38px; height:38px; border:0; border-radius:12px; color:white; background:linear-gradient(135deg,rgba(199,109,255,.75),rgba(77,203,255,.6)); cursor:pointer; }
.quick-actions { display:flex; gap:7px; margin-top:11px; flex-wrap:wrap; }
.quick-actions span { font-size:8px; color:#74747f; border:1px solid rgba(255,255,255,.08); padding:7px 9px; border-radius:99px; }
.activity-card { position:absolute; left:34px; right:34px; bottom:32px; height:72px; border:1px solid rgba(255,255,255,.07); background:rgba(255,255,255,.027); border-radius:17px; display:flex; align-items:center; gap:12px; padding:13px; }
.activity-mark { width:40px; height:40px; border-radius:13px; background:radial-gradient(circle at 30% 20%,#fff, var(--pink) 20%, var(--purple) 48%, var(--blue) 80%); display:grid; place-items:center; color:#fff; }
.activity-card div:nth-child(2) { flex:1; }
.activity-card small { display:block; font-size:8px; color:#62626e; text-transform:uppercase; letter-spacing:.1em; margin-bottom:3px; }
.activity-card strong { display:block; font-size:11px; font-weight:560; }
.activity-card > span { font-size:9px; color:#8d8d98; }

.privacy-section { padding:150px 0; display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.privacy-visual { height:500px; position:relative; display:grid; place-items:center; }
.vault-ring { position:absolute; border:1px solid rgba(255,255,255,.09); border-radius:50%; }
.ring-1 { width:390px; height:390px; border-color:rgba(199,109,255,.18); box-shadow:0 0 60px rgba(199,109,255,.05); }
.ring-2 { width:285px; height:285px; border-style:dashed; animation:spin 22s linear infinite; }
.ring-3 { width:205px; height:205px; border-color:rgba(77,203,255,.17); animation:spinReverse 17s linear infinite; }
@keyframes spin { to{ transform:rotate(360deg); } } @keyframes spinReverse { to{ transform:rotate(-360deg); } }
.vault-core { width:124px; height:124px; border-radius:38px; display:grid; place-items:center; background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.12); box-shadow:0 28px 70px rgba(0,0,0,.45),0 0 55px rgba(77,203,255,.08); }
.vault-core svg { width:44px; color:#f1f1f4; }
.privacy-copy h2 { font-size:57px; line-height:1.03; }
.privacy-copy h2 span { background:linear-gradient(90deg,var(--pink),var(--purple),var(--blue)); -webkit-background-clip:text; color:transparent; }
.privacy-copy > p:not(.section-kicker) { color:#91919d; font-size:16px; line-height:1.7; margin-top:25px; max-width:560px; }
.privacy-tags { display:flex; gap:8px; flex-wrap:wrap; margin-top:28px; }
.privacy-tags span { border:1px solid rgba(255,255,255,.09); padding:9px 11px; border-radius:999px; color:#777783; font-size:10px; }

.manifesto { position:relative; min-height:650px; display:grid; place-items:center; text-align:center; overflow:hidden; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.manifesto-bg { position:absolute; inset:0; background:
  radial-gradient(circle at 50% 60%, rgba(77,203,255,.18), transparent 24%),
  radial-gradient(circle at 40% 55%, rgba(199,109,255,.2), transparent 30%),
  radial-gradient(circle at 62% 54%, rgba(255,126,199,.12), transparent 27%),
  linear-gradient(#08080b,#0b0b12); }
.manifesto-bg::after { content:""; position:absolute; width:1000px; height:1000px; left:50%; top:55%; transform:translate(-50%,-50%); border:1px solid rgba(255,255,255,.055); border-radius:50%; box-shadow:0 0 0 120px rgba(255,255,255,.015),0 0 0 260px rgba(255,255,255,.01); }
.manifesto-inner { position:relative; z-index:1; }
.manifesto p { color:#797985; font-size:15px; }
.manifesto h2 { font-size:clamp(55px,7vw,88px); line-height:.98; }
.manifesto-wordmark { margin-top:55px; font-size:15px; letter-spacing:.35em; color:#b5b5c0; text-transform:lowercase; }

.early-access { padding:135px 0; }
.early-card { min-height:420px; border-radius:38px; border:1px solid rgba(255,255,255,.10); background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018)); padding:55px; display:grid; grid-template-columns:1fr .9fr; gap:80px; align-items:center; position:relative; overflow:hidden; }
.early-glow { position:absolute; width:520px; height:520px; right:-200px; top:-210px; border-radius:50%; background:conic-gradient(from 120deg,var(--pink),var(--purple),var(--blue),var(--mint),var(--pink)); filter:blur(80px); opacity:.16; }
.early-copy, .signup-form { position:relative; z-index:1; }
.early-copy h2 { font-size:58px; line-height:1.0; }
.early-copy > p:not(.section-kicker) { color:#8f8f9b; line-height:1.6; max-width:500px; }
.signup-form { display:flex; flex-direction:column; gap:10px; }
.signup-form input { height:58px; border:1px solid rgba(255,255,255,.13); background:rgba(8,8,12,.45); border-radius:16px; color:white; outline:none; padding:0 17px; font-size:14px; }
.signup-form input:focus { border-color:rgba(199,109,255,.55); box-shadow:0 0 0 4px rgba(199,109,255,.07); }
.signup-form button { height:58px; border:0; border-radius:16px; background:var(--white); color:#09090c; font-weight:650; cursor:pointer; display:flex; justify-content:space-between; align-items:center; padding:0 18px; transition:transform .2s ease; }
.signup-form button:hover { transform:translateY(-2px); }
.signup-form button:disabled { cursor:wait; opacity:.72; transform:none; }
.signup-form small { color:#575762; font-size:9px; line-height:1.5; }
.signup-form small a, .footer a { color:#8f8f9b; text-decoration:underline; text-underline-offset:2px; }
.signup-form small a:hover, .footer a:hover { color:#d4d4dc; }
.signup-form .form-privacy { color:#4d4d58; }
.signup-form.success input { border-color:rgba(92,242,199,.38); }
.signup-form.error input { border-color:rgba(255,126,199,.45); }

.footer { height:110px; border-top:1px solid rgba(255,255,255,.07); display:flex; align-items:center; justify-content:space-between; color:#565661; font-size:10px; }
.footer-brand { color:#c8c8d0; font-size:15px; }
.footer-brand .brand-mark { width:17px; height:17px; }

.reveal { opacity:0; transform:translateY(22px); transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1); }
.reveal.visible { opacity:1; transform:none; }

@media (max-width: 980px) {
  :root { --shell:min(calc(100% - 32px), 1180px); }
  .nav-links { display:none; }
  .hero { grid-template-columns:1fr; padding-top:70px; }
  .hero-copy { text-align:center; }
  .hero-lede { margin-inline:auto; }
  .hero-actions, .hero-proof { justify-content:center; }
  .hero-art { height:520px; }
  .feature-grid { grid-template-columns:1fr; }
  .feature-card { min-height:320px; }
  .feature-icon { margin-top:35px; }
  .product-stage-inner, .privacy-section, .early-card { grid-template-columns:1fr; }
  .product-stage-inner { gap:55px; }
  .stage-copy { text-align:center; max-width:650px; margin:auto; }
  .privacy-copy { text-align:center; }
  .privacy-copy > p:not(.section-kicker) { margin-inline:auto; }
  .privacy-tags { justify-content:center; }
  .early-card { gap:35px; }
}

@media (max-width: 650px) {
  .nav { height:70px; }
  .small-cta { padding:9px 12px; }
  .brand { font-size:19px; }
  .hero { min-height:auto; padding:70px 0 40px; }
  .hero h1 { font-size:70px; }
  .hero-lede { font-size:17px; }
  .hero-art { height:430px; transform:scale(.88); margin-inline:-30px; }
  .floating-card { display:none; }
  .statement { padding-top:70px; }
  .statement h2 { font-size:46px; }
  .feature-grid { padding-bottom:90px; }
  .product-stage { padding:85px 0; }
  .stage-copy h2, .privacy-copy h2, .early-copy h2 { font-size:46px; }
  .app-window { height:510px; grid-template-columns:1fr; }
  .app-sidebar { display:none; }
  .app-main { padding:20px; }
  .activity-card { left:20px; right:20px; }
  .privacy-section { padding:90px 0; gap:30px; }
  .privacy-visual { height:360px; transform:scale(.78); }
  .manifesto { min-height:520px; }
  .manifesto h2 { font-size:50px; }
  .early-access { padding:80px 0; }
  .early-card { padding:32px 24px; border-radius:28px; }
  .footer { height:auto; padding:30px 0; flex-direction:column; gap:14px; text-align:center; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation:none !important; transition:none !important; }
  .reveal { opacity:1; transform:none; }
}