:root {
  --ink: #071a2d;
  --paper: #f6f8fb;
  --muted: #647487;
  --line: rgba(7, 26, 45, .16);
  --blue: #129bea;
  --lime: #129bea;
  --cyan: #9ee6dd;
  --orange: #f3a563;
  --max: 1440px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--paper); background: var(--ink); font-family: "Manrope", sans-serif; font-size: 15px; line-height: 1.5; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
.site-header, main, .site-footer { width: min(calc(100% - 96px), var(--max)); margin: 0 auto; }
.site-header { min-height: 94px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.brand { display: inline-flex; align-items: center; width: 74px; height: 74px; overflow: hidden; background: var(--paper); }
.brand img { display: block; width: 74px; height: 74px; object-fit: contain; }
.main-nav { display: flex; align-items: center; gap: 34px; margin-left: auto; margin-right: 52px; font-size: 13px; }
.main-nav a, .language-switcher button { color: #a1a5a0; transition: color .2s ease; }
.main-nav a:hover, .main-nav a.active, .language-switcher button:hover, .language-switcher button.active { color: var(--ink); }
.nav-products { position: relative; }
.nav-products summary { color: #a1a5a0; cursor: pointer; list-style: none; transition: color .2s ease; }
.nav-products summary::-webkit-details-marker { display: none; }
.nav-products summary::after { display: inline-block; margin-left: 6px; color: var(--blue); content: "+"; font-size: 12px; }
.nav-products[open] summary, .nav-products summary:hover { color: var(--ink); }
.nav-products[open] summary::after { content: "-"; }
.nav-products-menu { position: absolute; z-index: 2; top: calc(100% + 15px); left: 50%; display: grid; min-width: 190px; padding: 10px 0; border: 1px solid var(--line); background: var(--paper); box-shadow: 0 10px 24px rgba(0, 0, 0, .12); transform: translateX(-50%); }
.nav-products-menu a { padding: 9px 15px; white-space: nowrap; }
.nav-products-menu a:hover { background: rgba(11, 126, 255, .06); }
.language-switcher { display: flex; align-items: center; gap: 8px; font: 500 11px "DM Mono", monospace; }
.language-switcher button { padding: 0; border: 0; background: none; cursor: pointer; }
.language-switcher button.active { color: var(--blue); }
.site-footer { display: flex; justify-content: space-between; padding: 28px 0 34px; color: #6f7571; font: 400 10px "DM Mono", monospace; letter-spacing: .05em; text-transform: uppercase; }
.eyebrow, .block-label { color: #a1a5a0; font: 500 10px "DM Mono", monospace; letter-spacing: .12em; }
.eyebrow { display: flex; align-items: center; gap: 10px; }
.eyebrow span:first-child { width: 24px; height: 1px; background: var(--blue); }
h1, h2, p { margin: 0; }
.home-grid { display: grid; grid-template-columns: minmax(300px, .84fr) minmax(500px, 1.16fr); align-items: center; gap: 8%; min-height: calc(100vh - 160px); padding: 62px 0 76px; }
.home-intro { max-width: 560px; }
.home-intro h1 { margin-top: 23px; font-size: clamp(54px, 7vw, 102px); font-weight: 500; letter-spacing: -.07em; line-height: .98; }
h1 em { color: var(--blue); font-style: normal; }
.home-intro p { max-width: 435px; margin-top: 30px; color: #647487; font-size: 16px; line-height: 1.7; }
.product-choices { display: grid; grid-template-columns: 1fr; gap: 12px; }
.product-choice { position: relative; min-height: 378px; display: flex; flex-direction: column; justify-content: flex-end; padding: 28px 34px 33px; overflow: hidden; box-shadow: 0 12px 26px rgba(0, 0, 0, .18); transition: transform .35s ease, filter .35s ease, box-shadow .35s ease; }
.product-choice::after { position: absolute; inset: 0; background: linear-gradient(115deg, transparent 25%, rgba(255, 255, 255, .16) 48%, transparent 65%); content: ""; pointer-events: none; transform: translateX(-125%); transition: transform .65s ease; }
.product-choice:hover { transform: translateY(-7px) scale(1.008); filter: brightness(1.08); }
.product-choice:hover::after { transform: translateX(125%); }
.choice-chat { background: linear-gradient(180deg, rgba(6, 24, 46, .08) 0%, rgba(4, 15, 29, .12) 34%, rgba(4, 15, 29, .97) 62%, rgba(4, 15, 29, .99) 100%), url("../img/visual/DTCai-preview1.png") center / cover; }
.choice-chat:hover { box-shadow: 0 18px 38px rgba(7, 140, 255, .28); }
.choice-chat .choice-icon { display: none; }
.choice-village { background: linear-gradient(180deg, rgba(8, 25, 43, .08) 0%, rgba(8, 25, 43, .14) 34%, rgba(8, 25, 43, .95) 62%, rgba(8, 25, 43, .99) 100%), url("../img/visual/VillageManager-preview1.png") center / cover; }
.choice-village:hover { box-shadow: 0 18px 38px rgba(243, 165, 99, .24); }
.choice-kano { background: radial-gradient(circle at 80% 15%, rgba(158, 230, 221, .24), transparent 55%), linear-gradient(145deg, #16345f, #071a2d); }
.choice-kano:hover { box-shadow: 0 18px 38px rgba(158, 230, 221, .24); }
.choice-number { position: absolute; top: 28px; left: 34px; color: rgba(242,240,233,.55); font: 400 11px "DM Mono", monospace; }
.choice-icon { position: absolute; top: 35px; right: 36px; display: flex; align-items: flex-end; gap: 6px; width: 74px; height: 61px; }
.choice-icon i { display: block; width: 18px; background: var(--cyan); }
.icon-chat i:nth-child(1) { height: 30px; opacity: .5; }.icon-chat i:nth-child(2) { height: 45px; }.icon-chat i:nth-child(3) { height: 61px; opacity: .7; }
.icon-village { align-items: flex-start; transform: rotate(45deg); }.icon-village i { background: var(--orange); width: 25px; }.icon-village i:nth-child(1) { height: 25px; margin-top: 22px; }.icon-village i:nth-child(2) { height: 42px; }.icon-village i:nth-child(3) { height: 59px; margin-top: -16px; }
.choice-content { display: flex; flex-direction: column; }
.choice-kicker { color: rgba(242,240,233,.58); font: 500 10px "DM Mono", monospace; letter-spacing: .12em; }
.choice-content strong { margin-top: 12px; font-size: clamp(32px, 4vw, 60px); font-weight: 600; letter-spacing: -.07em; line-height: .95; }
.choice-description { max-width: 270px; margin-top: 19px; color: rgba(242,240,233,.72); font-size: 13px; }
.arrow { position: absolute; right: 35px; bottom: 33px; font-size: 28px; font-weight: 300; }
.inner-page .site-header { border-bottom-color: rgba(242,240,233,.12); }
.product-page main { padding-top: 78px; }
.product-hero { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 8%; min-height: 610px; }
.back-link { display: inline-block; margin-bottom: 65px; color: #a1a5a0; font: 400 11px "DM Mono", monospace; }.back-link:hover { color: var(--paper); }
.product-copy h1 { margin-top: 22px; font-size: clamp(55px, 6.8vw, 102px); font-weight: 500; letter-spacing: -.08em; line-height: .91; }
.product-copy p { max-width: 440px; margin-top: 34px; color: #a1a5a0; line-height: 1.75; }
.version-picker { display: inline-flex; flex-direction: column; gap: 6px; margin-top: 32px; color: #9bb2ce; font-size: 11px; font-style: italic; opacity: .88; }
.version-picker label { font: 500 10px "DM Mono", monospace; letter-spacing: .07em; text-transform: uppercase; }
.version-picker select { width: fit-content; min-width: 180px; padding: 6px 10px; border: 1px solid rgba(155, 178, 206, .35); background: rgba(6, 20, 38, .8); color: #dbe9ff; font: 500 11px "DM Mono", monospace; font-style: italic; }
.product-actions { display: flex; gap: 12px; margin-top: 12px; flex-wrap: wrap; }.button { display: inline-flex; align-items: center; justify-content: space-between; min-width: 142px; padding: 14px 17px; font: 500 11px "DM Mono", monospace; text-transform: uppercase; letter-spacing: .04em; }.button-primary { background: var(--blue); color: var(--paper); }.button-secondary { border: 1px solid rgba(7,26,45,.4); }.button span { margin-left: 22px; font-size: 16px; }.button:hover { transform: translateY(-2px); }
.product-visual { position: relative; min-height: 440px; overflow: hidden; padding: 24px; border: 1px solid rgba(242,240,233,.23); }.visual-chat { background: #123735; }.visual-village { background: #59301e; }.visual-top, .visual-status { display: flex; justify-content: space-between; color: rgba(242,240,233,.65); font: 500 10px "DM Mono", monospace; letter-spacing: .08em; }.visual-top span:last-child { color: var(--lime); }.chat-lines { position: absolute; top: 126px; left: 12%; right: 12%; display: flex; flex-direction: column; gap: 20px; }.chat-line { display: block; height: 33px; background: rgba(158,230,221,.16); }.chat-line:after { display: block; width: 46%; height: 100%; background: rgba(158,230,221,.55); content: ""; }.line-two { margin-left: 18%; }.line-two:after { width: 68%; }.line-three:after { width: 30%; }.line-four { margin-left: 8%; }.line-four:after { width: 77%; }.line-five:after { width: 52%; }.visual-status { position: absolute; right: 24px; bottom: 25px; gap: 8px; }.visual-status span:first-child { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); }
.product-chat-page { --chat-blue: #078cff; --chat-deep: #061426; --chat-panel: #102a49; background: var(--chat-deep); }
.product-chat-page .site-header { border-bottom-color: rgba(165, 205, 255, .18); }
.product-chat-page .main-nav a, .product-chat-page .language-switcher button, .product-chat-page .back-link, .product-chat-page .product-copy p { color: #9bb2ce; }
.product-chat-page .main-nav a:hover, .product-chat-page .main-nav a.active, .product-chat-page .language-switcher button:hover, .product-chat-page .back-link:hover { color: #f5f9ff; }
.product-chat-page .eyebrow span:first-child { background: var(--chat-blue); }
.product-chat-page .product-copy h1 em { color: var(--chat-blue); }
.product-chat-page .button-primary { background: var(--chat-blue); color: #f5f9ff; box-shadow: 0 10px 28px rgba(7, 140, 255, .22); }
.product-chat-page .button-secondary { border-color: rgba(155, 178, 206, .42); }
.product-chat-page .product-visual { min-height: 500px; padding: 0; border-color: rgba(107, 170, 235, .32); background: #081b33; box-shadow: 0 20px 60px rgba(0, 0, 0, .25); }
.product-chat-page .product-visual img { display: block; width: 100%; height: 100%; min-height: 500px; object-fit: cover; object-position: center; }
.product-chat-page .product-note { border-top-color: rgba(155, 178, 206, .2); }
.product-chat-page .download-strip { border-top-color: rgba(155, 178, 206, .2); }
.product-chat-page .text-link { color: var(--chat-blue); }
.product-village-page .product-visual { min-height: 500px; padding: 0; border-color: rgba(243, 165, 99, .38); background: #182b3d; box-shadow: 0 20px 60px rgba(0, 0, 0, .25); }
.product-village-page .product-visual img { display: block; width: 100%; height: 100%; min-height: 500px; object-fit: cover; object-position: center; }
.village-map { position: absolute; inset: 86px 8% 75px; border: 1px solid rgba(243,165,99,.28); background: linear-gradient(135deg, rgba(243,165,99,.1), transparent 55%); }.house, .tree { position: absolute; display: block; }.house { width: 66px; height: 52px; border: 2px solid var(--orange); transform: rotate(45deg); }.house:after { position: absolute; width: 13px; height: 19px; left: 24px; bottom: -10px; background: var(--orange); content: ""; }.house-a { top: 28%; left: 24%; }.house-b { top: 52%; left: 61%; transform: rotate(45deg) scale(.65); }.house-c { top: 12%; left: 66%; transform: rotate(45deg) scale(.45); opacity: .6; }.tree { width: 12px; height: 12px; border: 2px solid var(--lime); border-radius: 50%; }.tree-a { left: 48%; top: 24%; }.tree-b { left: 16%; top: 65%; }.tree-c { left: 79%; top: 75%; }.map-route { position: absolute; left: 8%; top: 59%; width: 80%; height: 1px; background: var(--orange); transform: rotate(-19deg); opacity: .55; }
.product-note { display: flex; align-items: flex-start; gap: 6%; margin: 84px 0 55px; padding-top: 25px; border-top: 1px solid var(--line); }
.product-note .block-label { flex: 0 0 230px; max-width: 230px; padding-top: 4px; }
.product-note p { flex: 1; max-width: 860px; font-size: 20px; line-height: 1.5; letter-spacing: -.02em; }
.download-strip { display: flex; justify-content: space-between; align-items: center; padding: 22px 0; border-top: 1px solid var(--line); font: 500 11px "DM Mono", monospace; text-transform: uppercase; }
.text-link { color: var(--lime); }
.product-village-page .product-copy h1 em { color: var(--orange); }
.product-village-page .eyebrow span:first-child { background: var(--orange); }
.product-village-page .button-primary { background: var(--orange); }
.product-village-page .text-link { color: var(--orange); }
.shop-page { --chat-blue: #078cff; --chat-deep: #061426; --chat-panel: #0c2440; background: var(--chat-deep); }
.shop-header { gap: 30px; }
.shop-title-wrap { margin-left: auto; text-align: right; }
.shop-title { margin-top: 10px; color: #f5f9ff; font: 600 24px "Manrope", sans-serif; letter-spacing: -.02em; }
.shop-header .language-switcher { margin-left: 34px; }
.shop-main { padding-top: 60px; padding-bottom: 54px; }
.shop-hero { display: grid; grid-template-columns: .95fr 1.05fr; gap: 28px; align-items: stretch; }
.shop-left-column { display: flex; flex-direction: column; gap: 16px; }
.shop-user-card, .shop-offer { border: 1px solid rgba(107, 170, 235, .32); background: linear-gradient(180deg, rgba(13, 40, 72, .7), rgba(8, 29, 53, .92)); box-shadow: 0 20px 60px rgba(0, 0, 0, .22); }
.shop-user-card { padding: 18px 20px; }
.shop-user-title { color: #9bb2ce; font: 500 11px "DM Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }
.shop-user-grid { display: grid; gap: 10px; margin-top: 12px; }
.shop-user-grid p { display: flex; justify-content: space-between; gap: 18px; padding-bottom: 9px; border-bottom: 1px solid rgba(155, 178, 206, .23); }
.shop-user-grid span { color: #9bb2ce; font: 500 11px "DM Mono", monospace; letter-spacing: .05em; text-transform: uppercase; }
.shop-user-grid strong { color: #f5f9ff; font-size: 17px; font-weight: 600; text-align: right; }
.shop-security-card { padding: 18px 20px; border: 1px solid rgba(107, 170, 235, .32); background: linear-gradient(180deg, rgba(10, 32, 58, .78), rgba(7, 22, 41, .94)); box-shadow: 0 20px 60px rgba(0, 0, 0, .2); }
.shop-left-column .shop-security-card { margin-top: auto; }
.shop-security-visuals { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.shop-stripe-placeholder { min-width: 150px; padding: 9px 12px; border: 1px dashed rgba(155, 178, 206, .5); background: rgba(7, 140, 255, .08); color: #dbe9ff; font: 500 11px "DM Mono", monospace; text-transform: uppercase; letter-spacing: .04em; text-align: center; }
.shop-stripe-logo { display: block; width: 100%; max-width: 92px; height: auto; margin: 0 auto; }
.shop-cb-badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid rgba(155, 178, 206, .4); background: rgba(0, 0, 0, .17); color: #dbe9ff; font: 500 11px "DM Mono", monospace; text-transform: uppercase; letter-spacing: .04em; }
.shop-security-text { margin-top: 11px; color: #9bb2ce; font-size: 13px; line-height: 1.6; }
.shop-security-text .text-link { margin-left: 3px; text-transform: none; font-size: 13px; }
.shop-visual { min-height: 260px; border: 1px solid rgba(107, 170, 235, .32); background: #081b33; box-shadow: 0 20px 60px rgba(0, 0, 0, .25); overflow: hidden; height: 400px;}
.shop-visual img { display: block; width: 100%; height: 100%; object-fit: cover; }
.shop-offers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 36px; }
.shop-offer { display: flex; flex-direction: column; padding: 24px; }
.shop-offer-highlight { border-color: rgba(7, 140, 255, .58); box-shadow: 0 20px 70px rgba(7, 140, 255, .2); }
.shop-pack-kicker { color: #9bb2ce; font: 500 11px "DM Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }
.shop-offer h2 { margin-top: 12px; font-size: 29px; font-weight: 600; letter-spacing: -.04em; line-height: 1.05; }
.shop-price { margin-top: 14px; color: var(--chat-blue); font-size: 31px; font-weight: 700; letter-spacing: -.04em; }
.shop-volume { margin-top: 4px; color: #d7e7ff; font: 500 14px "Manrope", sans-serif; }
.shop-copy { margin-top: 16px; color: #9bb2ce; }
.shop-hook { margin-top: 14px; color: #dbe9ff; line-height: 1.65; }
.shop-buy-button { margin-top: auto; width: fit-content; }
.shop-footnote { margin-top: 24px; color: #9bb2ce; font-size: 13px; line-height: 1.7; }
.shop-modal { position: fixed; inset: 0; z-index: 30; display: none; place-items: center; padding: 24px; background: rgba(4, 12, 22, .7); }
.shop-modal.is-open { display: grid; }
.shop-modal-card { width: min(100%, 520px); padding: 22px; border: 1px solid rgba(107, 170, 235, .35); background: linear-gradient(180deg, rgba(13, 40, 72, .92), rgba(8, 29, 53, .96)); box-shadow: 0 24px 60px rgba(0, 0, 0, .45); }
.shop-modal-text { margin-top: 11px; color: #dbe9ff; }
.shop-modal-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.confirm-panel { max-width: 760px; padding: 26px 24px; border: 1px solid rgba(107, 170, 235, .32); background: linear-gradient(180deg, rgba(13, 40, 72, .7), rgba(8, 29, 53, .92)); box-shadow: 0 20px 60px rgba(0, 0, 0, .22); }
.confirm-subtitle { color: #dbe9ff; line-height: 1.7; }
.confirm-grid { display: grid; gap: 12px; margin-top: 20px; }
.confirm-grid p { display: flex; justify-content: space-between; gap: 16px; padding-bottom: 10px; border-bottom: 1px solid rgba(155, 178, 206, .23); }
.confirm-grid span { color: #9bb2ce; font: 500 11px "DM Mono", monospace; letter-spacing: .05em; text-transform: uppercase; }
.confirm-grid strong { color: #f5f9ff; font-size: 17px; font-weight: 600; text-align: right; }
.confirm-panel .button { margin-top: 18px; }
.activation-state { display: inline-flex; align-items: center; padding: 4px 10px; border: 1px solid rgba(155, 178, 206, .4); font: 500 11px "DM Mono", monospace; letter-spacing: .05em; text-transform: uppercase; }
.activation-state.is-pending { color: #dbe9ff; border-color: rgba(155, 178, 206, .4); background: rgba(155, 178, 206, .12); }
.activation-state.is-ok { color: #9ee6dd; border-color: rgba(158, 230, 221, .45); background: rgba(158, 230, 221, .12); }
.activation-state.is-ko { color: #f3a563; border-color: rgba(243, 165, 99, .45); background: rgba(243, 165, 99, .12); }
.activation-note { margin-top: 16px; color: #9bb2ce; font-size: 13px; line-height: 1.65; }
.cgu-main { padding: 70px 0 90px; }
.cgu-main h1 { margin-top: 22px; font-size: clamp(38px, 5.8vw, 76px); font-weight: 500; letter-spacing: -.05em; line-height: .98; }
.cgu-updated { margin-top: 22px; color: #9bb2ce; font: 500 11px "DM Mono", monospace; letter-spacing: .06em; text-transform: uppercase; }
.cgu-main > p { max-width: 980px; margin-top: 18px; color: #dbe9ff; line-height: 1.75; }
.cgu-block { max-width: 980px; margin-top: 42px; padding-top: 18px; border-top: 1px solid rgba(155, 178, 206, .2); }
.cgu-block h2 { font-size: 27px; font-weight: 600; letter-spacing: -.03em; }
.cgu-block p { margin-top: 12px; color: #dbe9ff; line-height: 1.75; }
.contact-main { padding: 112px 0 100px; }.contact-main h1 { margin-top: 25px; font-size: clamp(50px, 7vw, 100px); font-weight: 500; letter-spacing: -.08em; line-height: .95; }.contact-main h1 em { color: var(--cyan); }.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10%; max-width: 800px; margin-top: 110px; }.contact-block { padding-top: 17px; border-top: 1px solid var(--line); }.contact-block a { display: block; margin-top: 20px; font-size: 18px; }.contact-block a:hover, .social-links a:hover { color: var(--cyan); }.contact-block p { max-width: 250px; margin-top: 12px; color: #a1a5a0; font-size: 13px; }.social-links { display: flex; flex-direction: column; margin-top: 14px; }.social-links a { display: flex; justify-content: space-between; width: 220px; margin-top: 5px; font-size: 18px; }.social-links a span { color: var(--cyan); }
@media (max-width: 720px) { .site-header, main, .site-footer { width: min(calc(100% - 40px), var(--max)); }.site-header { min-height: 78px; }.brand, .brand img { width: 58px; height: 58px; }.main-nav { gap: 17px; margin-right: 22px; }.nav-products-menu { left: auto; right: -10px; transform: none; }.home-grid { display: flex; flex-direction: column; align-items: stretch; gap: 54px; min-height: 0; padding: 70px 0 56px; }.home-intro { padding: 0; }.home-intro h1 { font-size: 55px; }.home-intro p { font-size: 14px; }.product-choices { grid-template-columns: 1fr; }.product-choice { min-height: 330px; padding: 28px 24px; }.choice-number { left: 24px; }.choice-icon { right: 24px; }.choice-content strong { font-size: 48px; }.arrow { right: 24px; bottom: 27px; }.site-footer { flex-direction: column; gap: 8px; padding-bottom: 25px; }.product-page main { padding-top: 48px; }.product-hero { display: flex; flex-direction: column; align-items: stretch; gap: 52px; min-height: 0; }.back-link { margin-bottom: 48px; }.product-copy h1 { font-size: 62px; }.product-copy p { font-size: 14px; }.product-visual { min-height: 310px; }.product-chat-page .product-visual, .product-village-page .product-visual { min-height: 0; aspect-ratio: 3 / 2; }.product-chat-page .product-visual img, .product-village-page .product-visual img { min-height: 0; }.product-note { flex-direction: column; gap: 20px; margin-top: 65px; }.product-note .block-label { flex: 0 0 auto; max-width: none; padding-top: 0; }.product-note p { font-size: 18px; }.download-strip { align-items: flex-start; flex-direction: column; gap: 15px; }.contact-main { padding: 80px 0 70px; }.contact-main h1 { font-size: 53px; }.contact-grid { grid-template-columns: 1fr; gap: 50px; margin-top: 80px; } }
@media (max-width: 1180px) { .shop-offers { grid-template-columns: 1fr; } .shop-offer h2 { font-size: 32px; } }
@media (max-width: 720px) { .shop-main { padding-top: 42px; }.shop-header { gap: 16px; align-items: flex-start; }.shop-title-wrap { text-align: left; margin-left: 0; }.shop-title { font-size: 21px; }.shop-header .language-switcher { margin-left: auto; }.shop-hero { grid-template-columns: 1fr; }.shop-user-grid strong, .confirm-grid strong { font-size: 15px; }.shop-security-text .text-link { display: inline-block; margin-left: 0; margin-top: 4px; }.shop-modal-actions { flex-direction: column; }.shop-modal-actions .button { width: 100%; } }
@media (prefers-reduced-motion: no-preference) { .home-intro, .product-choice, .product-hero, .contact-main { animation: reveal .7s both; } .product-choice:nth-child(2) { animation-delay: .08s; } @keyframes reveal { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } } }