:root {
  --blue: #1672ff;
  --blue-bright: #2e8cff;
  --ink: #07152a;
  --ink-2: #0b1e39;
  --muted: #6f7b8d;
  --line: #dfe5ec;
  --paper: #f6f8fb;
  --white: #fff;
  --green: #18cf82;
  --radius: 24px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); font-family: Manrope, Arial, sans-serif; background: var(--paper); }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button { cursor: pointer; }

.site-header { height: 78px; padding: 0 4.5vw; display: flex; align-items: center; justify-content: space-between; background: var(--ink); color: #fff; border-bottom: 1px solid rgba(255,255,255,.1); position: sticky; top: 0; z-index: 50; }
.logo { display: flex; align-items: center; gap: 12px; font-weight: 700; letter-spacing: .08em; font-size: 18px; }
.logo-mark { width: 27px; height: 27px; display: grid; grid-template-columns: 1fr 1fr; gap: 3px; transform: rotate(45deg); }
.logo-mark i { display: block; border-radius: 2px; background: var(--blue-bright); }
.logo-mark i:nth-child(1), .logo-mark i:nth-child(4) { opacity: .45; }
.desktop-nav { display: flex; gap: 34px; font-size: 13px; color: #b8c5d8; }
.desktop-nav a { transition: color .2s; }
.desktop-nav a:hover { color: #fff; }
.header-cta { border: 1px solid rgba(255,255,255,.35); border-radius: 99px; padding: 11px 18px; font-size: 13px; }
.header-cta span, .button span { margin-left: 18px; }
.menu-toggle { display: none; border: 0; background: transparent; padding: 10px; }
.menu-toggle span { display: block; width: 22px; height: 1px; background: #fff; margin: 6px 0; }

.section-dark { background: var(--ink); color: #fff; }
.section-light { background: var(--paper); }
.section-ink { background: #09182d; color: #fff; }
.section-blue { background: var(--blue); color: #fff; }
.hero { min-height: calc(100vh - 78px); position: relative; overflow: hidden; padding: 11vh 5vw 44px; display: grid; grid-template-columns: 48% 52%; align-items: center; }
.hero-glow { position: absolute; width: 700px; height: 700px; border-radius: 50%; right: -130px; top: -80px; background: radial-gradient(circle, rgba(22,114,255,.27), transparent 67%); }
.hero-grid { position: absolute; inset: 0 0 0 50%; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px); background-size: 55px 55px; mask-image: linear-gradient(to left, black, transparent); }
.hero-copy { position: relative; z-index: 2; max-width: 760px; align-self: start; }
.eyebrow { font-size: 11px; letter-spacing: .18em; font-weight: 600; color: #9eb1ca; display: flex; align-items: center; gap: 10px; margin: 0 0 28px; }
.eyebrow > span { width: 7px; height: 7px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 5px rgba(22,114,255,.15); }
h1 { font-size: clamp(48px, 5.1vw, 82px); line-height: 1.05; letter-spacing: -.055em; margin: 0; max-width: 890px; }
h1 em, .contact h2 em { color: var(--blue-bright); font-style: normal; }
.hero-lead { color: #afbdcf; font-size: 18px; line-height: 1.75; max-width: 620px; margin: 34px 0; }
.hero-actions { display: flex; align-items: center; gap: 34px; }
.button { display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 99px; padding: 16px 23px; font-size: 14px; font-weight: 600; }
.button-primary { background: var(--blue); color: #fff; box-shadow: 0 16px 35px rgba(22,114,255,.22); }
.button-primary:hover { background: #3187ff; }
.text-link { color: #c3cddd; font-size: 14px; }
.text-link span { margin-left: 10px; color: #fff; }

.hero-system { position: relative; min-height: 510px; z-index: 2; }
.orbit { position: absolute; border: 1px solid rgba(68,144,255,.25); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.orbit-one { width: 480px; height: 480px; }
.orbit-two { width: 330px; height: 330px; border-style: dashed; animation: spin 35s linear infinite; }
@keyframes spin { to { transform: translate(-50%,-50%) rotate(360deg); } }
.core-card { width: 260px; height: 126px; border-radius: 22px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 22px; display: flex; gap: 18px; align-items: center; background: rgba(17,41,74,.9); border: 1px solid rgba(109,166,255,.5); box-shadow: 0 25px 80px rgba(0,0,0,.35), inset 0 0 40px rgba(22,114,255,.08); backdrop-filter: blur(12px); }
.core-icon { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; color: #fff; background: var(--blue); font-size: 24px; }
.core-card small, .floating-card small { display: block; color: #7591b8; font-size: 9px; letter-spacing: .14em; margin-bottom: 7px; }
.core-card strong { font-size: 15px; line-height: 1.35; }
.live-dot { width: 8px; height: 8px; background: var(--green); border-radius: 50%; box-shadow: 0 0 0 5px rgba(24,207,130,.12); }
.core-card > .live-dot { position: absolute; right: 15px; top: 15px; }
.floating-card { width: 215px; padding: 16px; border-radius: 16px; display: flex; gap: 12px; align-items: center; position: absolute; background: rgba(16,36,65,.88); border: 1px solid rgba(150,187,239,.24); box-shadow: 0 17px 45px rgba(0,0,0,.25); backdrop-filter: blur(14px); }
.floating-card i { color: #547194; font-size: 10px; font-style: normal; margin-left: auto; }
.mini-icon { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: rgba(22,114,255,.18); color: #5fa1ff; }
.floating-card b { display: block; font-size: 12px; }
.card-dialog { left: 1%; top: 11%; animation: float 5s ease-in-out infinite; }
.card-data { right: -1%; top: 23%; animation: float 6s ease-in-out -1s infinite; }
.card-action { right: 9%; bottom: 8%; animation: float 5.5s ease-in-out -2s infinite; }
@keyframes float { 50% { transform: translateY(-9px); } }
.system-label { position: absolute; font-size: 9px; letter-spacing: .1em; color: #607b9f; padding: 7px 10px; border: 1px solid #263f60; border-radius: 30px; }
.label-one { left: 12%; bottom: 17%; }.label-two { right: 22%; top: 4%; }.label-three { left: 43%; bottom: 3%; }
.hero-foot { position: relative; z-index: 2; grid-column: 1/-1; align-self: end; display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.12); padding-top: 23px; color: #7488a4; font-size: 11px; line-height: 1.6; }
.hero-foot p { margin: 0; }
.hero-metrics { display: flex; gap: 55px; }
.hero-metrics div { display: flex; gap: 12px; align-items: flex-start; }
.hero-metrics strong { color: var(--blue-bright); font-size: 11px; }

.manifest { padding: 130px 5vw 90px; display: grid; grid-template-columns: 20% 1fr; }
.section-index { color: #8490a1; font-size: 10px; letter-spacing: .17em; margin: 8px 0; }
.manifest-copy { display: grid; grid-template-columns: 1fr .8fr; align-items: end; gap: 10vw; }
h2 { font-size: clamp(42px, 5vw, 74px); line-height: 1.05; letter-spacing: -.055em; margin: 0; }
h2 span { color: var(--blue); }
.manifest-copy p { font-size: 17px; color: #637083; line-height: 1.75; margin: 0; max-width: 520px; }
.capabilities { padding: 0 5vw 130px; display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--line); }
.capability { background: var(--paper); padding: 42px; min-height: 460px; position: relative; }
.capability-number { font-size: 10px; color: #8490a1; }
.capability-icon { width: 58px; height: 58px; border-radius: 16px; display: grid; place-items: center; margin: 75px 0 28px; color: var(--blue); font-size: 26px; border: 1px solid #dce4ee; background: #fff; box-shadow: 0 12px 35px rgba(18,40,70,.06); }
.capability h3 { font-size: 25px; letter-spacing: -.03em; margin: 0 0 15px; }
.capability p { color: #6e7b8c; line-height: 1.7; font-size: 14px; max-width: 340px; }
.capability ul { padding: 0; margin: 28px 0 0; list-style: none; display: flex; gap: 7px; flex-wrap: wrap; }
.capability li { font-size: 10px; color: #5f6f84; border: 1px solid #d9e0e9; border-radius: 50px; padding: 7px 10px; background: #fff; }

.case { padding: 125px 5vw 100px; overflow: hidden; }
.section-index-light { color: #6f84a2; }
.case-head { display: grid; grid-template-columns: 20% 1fr 30%; align-items: end; gap: 5vw; margin-bottom: 75px; }
.case-kicker { color: #6a87ad; font-size: 10px; letter-spacing: .18em; margin: 0 0 20px; }
.case h2 { font-size: clamp(40px,4.4vw,68px); }
.case-summary { color: #94a5bb; line-height: 1.75; font-size: 15px; margin: 0; }
.product-stage { max-width: 1300px; margin: 0 auto; background: #f7f9fc; border-radius: 22px; color: var(--ink); box-shadow: 0 45px 90px rgba(0,0,0,.4); border: 1px solid rgba(255,255,255,.2); transform: perspective(1400px) rotateX(2deg); overflow: hidden; }
.product-toolbar { height: 62px; display: flex; align-items: center; padding: 0 22px; border-bottom: 1px solid #e1e7ee; background: white; font-size: 10px; }
.product-brand { font-weight: 700; letter-spacing: .07em; width: 25%; }.product-brand i { display: inline-block; width: 8px; height: 8px; border-radius: 2px; background: var(--blue); margin-right: 7px; }
.product-tabs { display: flex; gap: 28px; color: #8390a2; }.product-tabs .active { color: var(--blue); font-weight: 700; }
.product-status { margin-left: auto; color: #758398; }.product-status i { display: inline-block; width: 6px; height: 6px; background: var(--green); border-radius: 50%; }
.product-body { min-height: 490px; display: grid; grid-template-columns: 58px 1.12fr 1fr .7fr; gap: 1px; background: #e5eaf0; }
.product-sidebar { background: var(--ink); color: #6f88a8; display: flex; flex-direction: column; align-items: center; gap: 36px; padding: 26px 0; }.product-sidebar b { color: var(--blue-bright); font-size: 20px; }.product-sidebar span { font-size: 16px; }
.chat-panel,.deal-panel,.client-panel { background: #f8fafc; padding: 24px; }
.panel-title { display: flex; justify-content: space-between; font-size: 14px; font-weight: 700; padding-bottom: 20px; }
.panel-title small { color: #9aa5b4; font-weight: 500; }
.message { width: 85%; border: 1px solid #e1e6ed; border-radius: 13px; padding: 14px 16px; background: #fff; margin: 0 0 13px; box-shadow: 0 5px 16px rgba(18,40,70,.04); }
.message.agent { margin-left: auto; background: #eef5ff; border-color: #d6e6ff; }.message.manager { margin-left: auto; }
.message small { color: #8793a3; font-size: 8px; }.message p { margin: 5px 0 0; font-size: 11px; line-height: 1.5; }
.chat-input { margin-top: 20px; border: 1px solid #dce3ec; background: #fff; border-radius: 10px; color: #a5afbd; font-size: 10px; padding: 13px; }.chat-input span { float: right; color: var(--blue); }
.deal-row { display: flex; justify-content: space-between; gap: 20px; padding: 17px 0; border-bottom: 1px solid #e2e7ee; font-size: 10px; }.deal-row span { color: #8490a1; }.deal-row b { text-align: right; }
.progress { height: 5px; background: #dce4ef; border-radius: 4px; margin: 22px 0 26px; }.progress i { display: block; height: 100%; background: var(--blue); border-radius: inherit; }
.next-label { color: #8d99a8; font-size: 8px; letter-spacing: .12em; }
.suggestion { width: 100%; display: flex; align-items: center; gap: 12px; border: 1px solid #dce3ed; background: #fff; border-radius: 10px; margin-top: 10px; padding: 12px; font-size: 10px; text-align: left; }.suggestion span { color: var(--blue); }.suggestion b { margin-left: auto; }
.client-panel small { color: #8a96a6; font-size: 8px; letter-spacing: .1em; display: block; margin-bottom: 12px; }.client-panel > strong { font-size: 14px; display: block; }.online { display: block; color: #18ae72; font-size: 9px; margin: 8px 0; }.client-panel hr { border: 0; border-top: 1px solid #e0e6ed; margin: 25px 0; }
.tags { display: flex; flex-wrap: wrap; gap: 6px; }.tags span { color: var(--blue); font-size: 8px; background: #eaf3ff; padding: 6px 7px; border-radius: 5px; }.client-panel p { font-size: 9px; color: #68778a; }.client-panel p b { float: right; color: #9ba5b2; }
.case-results { max-width: 1300px; margin: 85px auto 0; display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(255,255,255,.13); }
.case-results article { padding: 34px 24px 0 0; border-right: 1px solid rgba(255,255,255,.13); min-height: 155px; }.case-results article:not(:first-child) { padding-left: 30px; }
.case-results strong { font-size: 38px; letter-spacing: -.05em; }.case-results > article > span:not(.live-dot) { color: var(--blue-bright); font-weight: 700; }.case-results p { color: #7f92aa; font-size: 11px; line-height: 1.55; }

.workflow { padding: 130px 5vw; }
.workflow-head { display: grid; grid-template-columns: 20% 1fr; margin-bottom: 90px; }
.workflow-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 9vw; align-items: center; }
.workflow-visual { min-height: 520px; position: relative; perspective: 900px; }
.stack-layer { width: 75%; height: 145px; border-radius: 18px; border: 1px solid #d9e2ee; background: rgba(255,255,255,.93); box-shadow: 0 22px 50px rgba(20,44,75,.1); position: absolute; left: 12%; padding: 28px 35px; transform: rotateX(58deg) rotateZ(-8deg); }
.stack-layer span { color: var(--blue); font-size: 10px; }.stack-layer b { display: block; font-size: 20px; margin: 9px 0; }.stack-layer small { color: #78869a; }
.layer-interface { top: 0; z-index: 3; }.layer-engine { top: 128px; z-index: 2; }.layer-data { top: 256px; z-index: 1; background: #edf5ff; border-color: #bad6ff; }
.stack-beam { position: absolute; width: 200px; height: 200px; border-radius: 50%; background: var(--blue); filter: blur(90px); opacity: .14; top: 150px; left: 30%; }
.workflow-list { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--line); }
.workflow-list li { display: grid; grid-template-columns: 65px 1fr; gap: 22px; padding: 25px 0; border-bottom: 1px solid var(--line); }
.workflow-list li > span { color: var(--blue); font-size: 11px; padding-top: 5px; }.workflow-list h3 { margin: 0 0 7px; font-size: 18px; }.workflow-list p { margin: 0; color: #718094; font-size: 13px; line-height: 1.6; }
.principles { padding: 20px 5vw 130px; display: grid; grid-template-columns: 1.1fr repeat(3,1fr); border-top: 1px solid var(--line); }
.principle-main, .principle { padding: 55px 34px 20px 0; }.principle { border-left: 1px solid var(--line); padding-left: 34px; }
.principle-main h2 { font-size: 45px; margin-top: 35px; }.principle > span { font-size: 10px; color: var(--blue); }.principle h3 { font-size: 17px; margin: 65px 0 15px; }.principle p { font-size: 12px; line-height: 1.7; color: #748195; }

.documents { padding: 125px 5vw 130px; border-top: 1px solid var(--line); }
.documents-head { display: grid; grid-template-columns: 20% 1fr; margin-bottom: 75px; }
.documents-head > div { display: flex; align-items: end; justify-content: space-between; gap: 60px; }
.documents-head p:last-child { max-width: 420px; margin: 0; color: #718094; font-size: 14px; line-height: 1.7; }
.documents-list { border-top: 1px solid #ccd5e0; }
.document-card { display: grid; grid-template-columns: 55px 74px minmax(0,1fr) 90px 48px; gap: 20px; align-items: center; min-height: 116px; border-bottom: 1px solid #d7dee7; transition: background .25s, padding .25s; }
.document-card:hover { background: #fff; padding: 0 20px; }
.document-number { color: #8c98a8; font-size: 10px; }
.document-type { width: 52px; height: 30px; display: grid; place-items: center; color: var(--blue); background: #e7f1ff; border: 1px solid #cfe2ff; border-radius: 7px; font-size: 9px; font-weight: 700; letter-spacing: .08em; }
.document-type-docx { color: #665bd8; background: #f0efff; border-color: #dedbff; }
.document-info { min-width: 0; }
.document-info strong { display: block; margin-bottom: 7px; font-size: 18px; letter-spacing: -.02em; }
.document-info small { display: block; color: #7b8797; font-size: 11px; }
.document-meta { color: #7d8998; font-size: 11px; text-align: right; }
.document-action { width: 42px; height: 42px; display: grid; place-items: center; justify-self: end; border: 1px solid #d4dce6; border-radius: 50%; color: var(--blue); transition: color .2s, background .2s, border-color .2s, transform .2s; }
.document-card:hover .document-action { color: #fff; background: var(--blue); border-color: var(--blue); transform: translateY(2px); }

.contact { padding: 120px 5vw; display: grid; grid-template-columns: 1fr 1fr; gap: 10vw; }
.eyebrow-white { color: rgba(255,255,255,.65); }.eyebrow-white > span { background: #fff; box-shadow: 0 0 0 5px rgba(255,255,255,.15); }
.contact h2 { font-size: clamp(40px,4.5vw,68px); }.contact h2 em { color: #9fc6ff; }
.contact-copy > p:last-child { max-width: 560px; color: #c8ddff; line-height: 1.75; margin-top: 32px; }
.contact-form { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 20px; align-content: start; }
.contact-form label { display: block; }.contact-form label.full { grid-column: 1/-1; }.contact-form label span { display: block; font-size: 10px; letter-spacing: .1em; color: #cfe1ff; margin-bottom: 10px; }
.contact-form input,.contact-form textarea { display: block; width: 100%; color: #fff; border: 0; border-bottom: 1px solid rgba(255,255,255,.45); background: transparent; padding: 10px 0 13px; outline: 0; resize: vertical; }.contact-form input::placeholder,.contact-form textarea::placeholder { color: rgba(255,255,255,.45); }.contact-form input:focus,.contact-form textarea:focus { border-color: #fff; }
.button-white { background: #fff; color: var(--blue); justify-self: start; }.form-note { font-size: 9px; color: #b8d4ff; align-self: center; }.form-success { display: none; grid-column: 1/-1; background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.4); padding: 14px 18px; border-radius: 10px; font-size: 12px; }.form-success.visible { display: block; }
footer { padding: 50px 5vw; background: #fff; display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: end; border-top: 1px solid var(--line); }.logo-dark { color: var(--ink); }footer p { color: #788598; font-size: 12px; line-height: 1.55; margin: 0; }footer > div { display: flex; justify-content: flex-end; gap: 28px; color: #8692a1; font-size: 10px; }

.reveal { opacity: 0; transform: translateY(22px); transition: opacity .75s ease, transform .75s ease; }.reveal.visible { opacity: 1; transform: none; }

@media (max-width: 980px) {
  .desktop-nav,.header-cta { display: none; }.menu-toggle { display: block; }.site-header.menu-open .desktop-nav { display: flex; position: absolute; top: 77px; left: 0; right: 0; padding: 28px 5vw; flex-direction: column; background: var(--ink); border-top: 1px solid rgba(255,255,255,.1); }
  .hero { grid-template-columns: 1fr; padding-top: 80px; }.hero-copy { align-self: auto; }.hero-system { min-height: 480px; margin-top: 40px; }.hero-foot { margin-top: 30px; }.manifest { grid-template-columns: 1fr; gap: 35px; }.manifest-copy { grid-template-columns: 1fr; gap: 30px; }.capability { padding: 30px; }.case-head { grid-template-columns: 1fr 1fr; }.case-head > .section-index { grid-column: 1/-1; }.product-body { grid-template-columns: 50px 1fr 1fr; }.client-panel { display: none; }.workflow-grid { gap: 3vw; }.principles { grid-template-columns: 1fr 1fr; }.principle-main { border-bottom: 1px solid var(--line); }.documents-head { grid-template-columns: 1fr; gap: 35px; }.contact { gap: 5vw; }
}

@media (max-width: 700px) {
  .site-header { height: 68px; }.hero { min-height: auto; padding: 70px 22px 30px; }.hero-grid { inset: 45% 0 0; }.hero-lead { font-size: 15px; }.hero-actions { align-items: flex-start; flex-direction: column; gap: 20px; }.hero-system { min-height: 390px; transform: scale(.86); margin: 0 -50px; }.orbit-one { width: 390px; height: 390px; }.orbit-two { width: 280px; height: 280px; }.floating-card { width: 185px; }.card-dialog { left: 0; }.card-data { right: 0; }.hero-foot { flex-direction: column; gap: 25px; }.hero-metrics { gap: 18px; justify-content: space-between; }.hero-metrics div { flex-direction: column; gap: 3px; }
  .manifest { padding: 90px 22px 60px; }.capabilities { padding: 0 22px 90px; grid-template-columns: 1fr; gap: 1px; }.capability { min-height: auto; padding: 32px 5px; }.capability-icon { margin: 35px 0 25px; }
  .case { padding: 90px 22px 75px; }.case-head { grid-template-columns: 1fr; gap: 25px; margin-bottom: 45px; }.case-head > .section-index { grid-column: auto; }.product-stage { overflow: visible; background: transparent; box-shadow: none; transform: none; }.product-toolbar { border-radius: 15px 15px 0 0; }.product-tabs { display: none; }.product-brand { width: auto; }.product-body { grid-template-columns: 40px 1fr; min-height: 430px; border-radius: 0 0 15px 15px; overflow: hidden; }.deal-panel,.client-panel { display: none; }.chat-panel { padding: 17px; }.product-sidebar { gap: 28px; }.case-results { grid-template-columns: 1fr 1fr; margin-top: 55px; }.case-results article { border-bottom: 1px solid rgba(255,255,255,.13); }.case-results article:nth-child(odd) { padding-left: 0; }.case-results article:nth-child(even) { padding-left: 20px; }
  .workflow { padding: 90px 22px; }.workflow-head { grid-template-columns: 1fr; gap: 35px; margin-bottom: 50px; }.workflow-grid { grid-template-columns: 1fr; }.workflow-visual { min-height: 430px; }.stack-layer { width: 86%; left: 7%; }.workflow-list { margin-top: 15px; }
  .principles { padding: 0 22px 90px; grid-template-columns: 1fr; }.principle-main,.principle { padding: 45px 0; border-left: 0; border-bottom: 1px solid var(--line); }.principle h3 { margin-top: 30px; }
  .documents { padding: 90px 22px; }.documents-head { margin-bottom: 50px; }.documents-head > div { display: block; }.documents-head p:last-child { margin-top: 25px; }.document-card { grid-template-columns: 45px 1fr 42px; gap: 12px; padding: 20px 0; }.document-card:hover { padding: 20px 10px; }.document-number { display: none; }.document-info { grid-column: 2; grid-row: 1 / span 2; }.document-info strong { font-size: 15px; line-height: 1.35; }.document-info small { margin-top: 5px; line-height: 1.45; }.document-meta { grid-column: 1; grid-row: 2; text-align: left; font-size: 9px; }.document-action { grid-column: 3; grid-row: 1 / span 2; }.document-type { grid-column: 1; grid-row: 1; }
  .contact { padding: 90px 22px; grid-template-columns: 1fr; gap: 60px; }.contact-form { grid-template-columns: 1fr; }.contact-form label.full { grid-column: auto; }.form-success { grid-column: auto; }
  footer { grid-template-columns: 1fr; gap: 28px; padding: 40px 22px; }footer > div { justify-content: flex-start; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.orbit-two,.floating-card { animation: none; }.reveal { opacity: 1; transform: none; transition: none; } }