:root {
  --ink: #2b3941;
  --accent: #ffc629;
  --paper: #fff;
  --surface: #f2f2ef;
  --muted: #657177;
  --line: rgba(43, 57, 65, .16);
  --dark: #2b3941;
  --radius: 22px;
  --shell: min(1180px, calc(100% - 48px));
  --sans: Inter, Avenir, "Segoe UI", Arial, sans-serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--sans); transition: background .3s, color .3s; }
body[data-layout] { --current-accent: var(--accent); }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
img { max-width: 100%; }
.shell { width: var(--shell); margin-inline: auto; }
.skip-link { position: fixed; left: 16px; top: -60px; z-index: 100; padding: 12px 16px; background: var(--accent); color: #172027; }
.skip-link:focus { top: 16px; }

/* Keep unreleased homepage sections in the document for easy re-enabling. */
main > section:not(:first-child) { display: none; }

.site-header { height: 92px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.brand { display: flex; align-items: center; gap: 10px; direction: ltr; }
.brand img { width: 44px; height: 44px; object-fit: contain; }
.brand > span { display: flex; flex-direction: column; line-height: .9; }
.brand strong { font-size: 22px; font-weight: 400; letter-spacing: -.07em; }
.brand strong em { color: var(--accent); font-style: normal; }
.brand small { margin-top: 7px; font: 7px var(--mono); letter-spacing: .14em; }
nav { display: flex; gap: 34px; font-size: 14px; }
nav a { transition: opacity .2s; }
nav a:hover { opacity: .55; }
.site-header nav, .site-header .contact-button { display: none; }
.header-actions { display: flex; align-items: center; gap: 8px; }
.language-button { padding: 11px; border: 0; background: none; cursor: pointer; }
.contact-button, .button { display: inline-flex; justify-content: space-between; align-items: center; gap: 24px; padding: 14px 18px; border-radius: 999px; }
.contact-button { background: var(--accent); color: #172027; font-size: 13px; }

.layout-picker { position: fixed; right: 18px; top: 108px; z-index: 40; width: 194px; border: 1px solid rgba(43,57,65,.17); border-radius: 16px; background: rgba(255,255,255,.93); color: #2b3941; box-shadow: 0 18px 50px rgba(22,34,40,.15); backdrop-filter: blur(16px); }
[dir="rtl"] .layout-picker { right: auto; left: 18px; }
.picker-toggle { width: 100%; padding: 13px; border: 0; background: transparent; display: flex; justify-content: space-between; cursor: pointer; font-size: 11px; }
.picker-panel { padding: 0 8px 8px; }
.picker-panel button { width: 100%; display: flex; align-items: center; gap: 9px; padding: 9px 8px; border: 0; border-radius: 9px; background: transparent; cursor: pointer; text-align: start; font-size: 11px; }
.picker-panel button:hover { background: #f1f2ef; }
.picker-panel button[aria-pressed="true"] { background: #2b3941; color: #fff; }
.picker-panel i { font: normal 8px var(--mono); opacity: .55; }

.hero { min-height: 730px; display: grid; grid-template-columns: 1.03fr .97fr; align-items: center; position: relative; padding: 52px 0 95px; overflow: hidden; }
.hero::after, .platforms::before, .products::after { content: ""; position: absolute; background: url("assets/smart-apps-mark.png") center/contain no-repeat; filter: grayscale(1); opacity: .035; pointer-events: none; }
.hero::after { width: 560px; height: 560px; left: -270px; bottom: -190px; transform: rotate(-18deg); }
.hero-copy { align-self: start; padding-top: 80px; position: relative; z-index: 2; }
.eyebrow { margin: 0 0 27px; font: 600 14px var(--mono); letter-spacing: .14em; text-transform: uppercase; }
.eyebrow::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-inline-end: 9px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent); }
h1, h2, h3, p { overflow-wrap: break-word; }
h1 { margin: 0; max-width: 720px; font-size: clamp(54px, 6.1vw, 68px); line-height: 1.2; letter-spacing: -.07em; }
h1 span, h1 em { display: block; }
h1 em { color: var(--ink); font-style: normal; text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: .13em; text-underline-offset: .08em; }
.lead { max-width: 590px; margin: 30px 0 35px; color: var(--muted); font-size: 24px; line-height: 1.65; }
.hero-actions { display: flex; align-items: center; gap: 20px; }
.button.primary { background: var(--ink); color: var(--paper); }
.button.secondary { padding-inline: 4px; border-bottom: 1px solid currentColor; border-radius: 0; }

.hero-visual { position: relative; height: 500px; }
.visual-orbit { position: absolute; width: 460px; height: 460px; left: 50%; top: 50%; border: 1px solid var(--line); border-radius: 50%; transform: translate(-50%,-50%); background: radial-gradient(circle, var(--surface), transparent 68%); }
.device { position: absolute; overflow: hidden; border: 4px solid #182329; background: #f8f8f3; box-shadow: 0 26px 70px rgba(10,30,35,.2); animation: float 6s ease-in-out infinite; }
.desktop { width: 305px; height: 205px; left: 90px; top: 118px; padding: 36px 24px 20px; border-radius: 13px; transform: rotate(-4deg); background: #fff1bc; }
.desktop span { display: block; width: 27px; height: 27px; margin-bottom: 22px; border-radius: 50%; background: var(--dark); }
.desktop strong { font-size: 21px; line-height: 1.05; letter-spacing: -.04em; }
.desktop small { position: absolute; left: 24px; bottom: 18px; font: 8px var(--mono); letter-spacing: .14em; }
.tablet { width: 190px; height: 260px; left: 52px; top: 218px; padding: 36px 14px 14px; border-radius: 16px; transform: rotate(-9deg); background: #e5e7e7; animation-delay: -4s; }
.tablet i { display: inline-block; width: 47%; height: 64px; margin: 1%; border-radius: 8px; background: #fff; }
.phone { width: 112px; height: 220px; right: 34px; top: 177px; z-index: 3; padding: 23px 14px; border-radius: 22px; transform: rotate(8deg); animation-delay: -2s; }
.phone b { display: grid; place-items: center; width: 40px; height: 40px; margin: 0 auto 22px; border-radius: 12px; background: var(--dark); color: #fff; }
.phone i { display: block; height: 6px; margin: 10px 0; border-radius: 6px; background: #d8dedd; }
.platform-tag { position: absolute; z-index: 5; padding: 8px 13px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: #2b3941; box-shadow: 0 8px 24px rgba(0,0,0,.08); font: 9px var(--mono); }
.tag-ios { top: 89px; right: 70px; }.tag-android { top: 384px; left: 5px; }.tag-web { right: 120px; bottom: 34px; }
.market-strip { position: absolute; bottom: 0; left: 0; right: 0; padding-top: 24px; border-top: 1px solid var(--line); display: flex; gap: 30px; align-items: center; font-size: 12px; }
.market-strip small { color: var(--muted); font: 9px var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.market-strip strong { font-weight: 500; letter-spacing: .035em; }

.section { padding-block: 120px; }
.section-heading { display: grid; grid-template-columns: 1.05fr .7fr; gap: 120px; align-items: end; margin-bottom: 64px; }
.section-heading h2, .model-panel h2, .legacy h2, .contact h2 { margin: 0; font-size: clamp(40px, 5vw, 66px); line-height: 1.01; letter-spacing: -.055em; }
.section-heading > p, .model-panel > div:last-child > p, .legacy > div:last-child > p { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.72; }
.platforms { position: relative; }
.platforms::before { width: 420px; height: 420px; right: 1%; top: 3%; }
.platform-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-block: 1px solid var(--line); }
.platform-grid article { min-height: 320px; padding: 30px 25px; position: relative; border-inline-end: 1px solid var(--line); }
.platform-grid article:last-child { border: 0; }
.platform-grid article > small { position: absolute; top: 25px; inset-inline-end: 22px; color: var(--muted); font: 8px var(--mono); }
.platform-icon { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 50%; background: #fff2ba; font-size: 26px; }
.platform-grid h3 { margin: 60px 0 12px; font-size: 22px; }
.platform-grid p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }

.products { position: relative; overflow: hidden; background: var(--dark); color: #fff; }
.products::after { width: 620px; height: 620px; right: -250px; top: -250px; filter: grayscale(1) invert(1); }
.products > .shell { position: relative; z-index: 1; }
.products .section-heading > p { color: #c6ced2; }
.product-grid { display: grid; grid-template-columns: 1fr 1fr .72fr; gap: 18px; }
.product-card { min-height: 450px; padding: 28px; position: relative; overflow: hidden; border-radius: var(--radius); display: flex; flex-direction: column; justify-content: space-between; }
.product-card header { display: flex; align-items: center; justify-content: space-between; }
.product-card header span { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 50%; background: var(--dark); color: #fff; font: 12px var(--mono); }
.product-card header small { padding: 7px 10px; border: 1px solid currentColor; border-radius: 999px; font: 8px var(--mono); letter-spacing: .1em; }
.product-card > div > p:first-child { font: 9px var(--mono); letter-spacing: .14em; }
.product-card h3 { max-width: 350px; margin: 10px 0; font-size: 30px; line-height: 1.1; letter-spacing: -.045em; }
.smartpoints { background: #ffd85f; color: #2b3941; }
.enterprise-ai { background: #1d292f; }
.enterprise-ai header span { background: var(--accent); color: #1d292f; }
.upcoming { background: #f0f0ed; color: #2b3941; }
.upcoming > div > p:last-child { color: #66706d; font-size: 13px; line-height: 1.6; }
.upcoming > b { align-self: end; color: #d3d1c7; font-size: 160px; font-weight: 200; line-height: .7; }
.product-orb { position: absolute; right: -20px; bottom: -20px; width: 190px; height: 190px; border: 1px solid #dfbd43; border-radius: 50%; background: #fff; color: #2b3941; display: grid; place-items: center; font-size: 37px; }
.product-orb small { position: absolute; bottom: 46px; font-size: 10px; }
.ai-orbit { position: absolute; right: -30px; bottom: -40px; width: 250px; height: 250px; border: 1px solid rgba(255,198,41,.35); border-radius: 50%; }
.ai-orbit::after { content: ""; position: absolute; inset: 45px; border: 1px solid rgba(255,198,41,.35); border-radius: 50%; }
.ai-orbit i { position: absolute; z-index: 2; width: 9px; height: 9px; border-radius: 50%; background: var(--accent); }
.ai-orbit i:nth-child(1) { top: 40px; left: 50px; }.ai-orbit i:nth-child(2) { top: 90px; right: 20px; }.ai-orbit i:nth-child(3) { bottom: 40px; left: 85px; }

.model-panel { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; padding: 75px; border-radius: calc(var(--radius) + 6px); background: #fff; box-shadow: 0 22px 70px rgba(43,57,65,.07); }
.pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 32px; }
.pills span { padding: 10px 14px; border: 1px solid var(--line); border-radius: 999px; font-size: 11px; }
.legacy { display: grid; grid-template-columns: .8fr 1fr; gap: 100px; align-items: center; border-top: 1px solid var(--line); }
.legacy-date { color: #c7ccc9; display: flex; flex-direction: column; font-size: clamp(55px, 8vw, 100px); letter-spacing: -.08em; }
.legacy-date small { margin: 0 0 10px 6px; color: var(--accent); font: 11px var(--mono); letter-spacing: .22em; }
.legacy-date span { margin: 0 0 -15px 20%; color: var(--dark); font-size: 45px; }
.legacy > div:last-child > p { margin-top: 25px; }
.legacy-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 40px; padding-top: 25px; border-top: 1px solid var(--line); }
.legacy-stats span { font-size: 11px; line-height: 1.4; }
.legacy-stats b { display: block; margin-bottom: 10px; color: var(--muted); font: 8px var(--mono); }
.legacy-stats i { font-style: normal; }
.contact { position: relative; overflow: hidden; background: var(--dark); color: #fff; text-align: center; }
.contact::after { content: ""; position: absolute; width: 500px; height: 500px; left: -220px; bottom: -270px; background: url("assets/smart-apps-mark.png") center/contain no-repeat; filter: grayscale(1) invert(1); opacity: .035; }
.contact .shell { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; }
.contact h2 { max-width: 900px; }
.contact .shell > p:nth-of-type(2) { max-width: 660px; margin: 28px auto 40px; color: #adbbb6; line-height: 1.7; }
.contact .shell > div { display: flex; gap: 12px; }
.contact a { min-width: 210px; padding: 17px 22px; border: 1px solid #536168; border-radius: 999px; display: flex; justify-content: space-between; }
.contact a:first-child { border-color: var(--accent); background: var(--accent); color: #172027; }
.site-footer { min-height: 85px; display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; gap: 20px; font-size: 10px; letter-spacing: .07em; }
.site-footer span:nth-child(2) { text-align: center; }.site-footer span:last-child { text-align: end; }

/* Layout 2: Executive */
body[data-layout="executive"] { --ink:#171715; --dark:#1c1c1a; --accent:#b48b4f; --paper:#f6f2e9; --surface:#e7e0d4; --muted:#6b655d; --radius:2px; }
body[data-layout="executive"] h1, body[data-layout="executive"] h2, body[data-layout="executive"] h3 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; }
body[data-layout="executive"] h1 em { color:#8b673b; text-decoration:none; font-style:italic; }
body[data-layout="executive"] .hero-visual { filter:grayscale(1) sepia(.15); }
body[data-layout="executive"] .contact-button, body[data-layout="executive"] .button.primary { background:#171715; color:#fff; border-radius:2px; }
body[data-layout="executive"] .smartpoints { background:#cdb58d; } body[data-layout="executive"] .enterprise-ai { background:#2d2c28; } body[data-layout="executive"] .upcoming { background:#e8e0d1; }

/* Layout 3: Marketplace */
body[data-layout="marketplace"] { --ink:#132548; --dark:#3558f4; --accent:#ff6b55; --paper:#f7f9ff; --surface:#dce6ff; --muted:#5d6c88; --radius:32px; }
body[data-layout="marketplace"] h1 em { color:#3558f4; }
body[data-layout="marketplace"] .contact-button { background:#ff6b55; color:#fff; box-shadow:0 8px 20px rgba(255,107,85,.25); }
body[data-layout="marketplace"] .hero::before { content:""; position:absolute; width:480px; height:480px; right:0; top:40px; border-radius:50%; background:linear-gradient(135deg,#dce6ff,#ffe4df); opacity:.7; }
body[data-layout="marketplace"] .hero::after, body[data-layout="marketplace"] .platforms::before, body[data-layout="marketplace"] .products::after { display:none; }
body[data-layout="marketplace"] .smartpoints { background:#ffdd72; } body[data-layout="marketplace"] .enterprise-ai { background:#132548; } body[data-layout="marketplace"] .upcoming { background:#fff; }
body[data-layout="marketplace"] .contact { background:#132548; }

/* Layout 4: Midnight Studio */
body[data-layout="midnight"] { --ink:#eef5f1; --dark:#10191d; --accent:#69e6ba; --paper:#0b1215; --surface:#183038; --muted:#9baba6; --line:rgba(238,245,241,.14); }
body[data-layout="midnight"] .brand img { filter:brightness(0) invert(1); }
body[data-layout="midnight"] .contact-button { color:#081013; }
body[data-layout="midnight"] h1 em { color:#69e6ba; }
body[data-layout="midnight"] .button.primary { background:#eef5f1; color:#081013; }
body[data-layout="midnight"] .platform-tag { background:#152126; color:#eef5f1; }
body[data-layout="midnight"] .smartpoints { background:#ffb85a; color:#0b1215; } body[data-layout="midnight"] .enterprise-ai { background:#18342e; } body[data-layout="midnight"] .upcoming { background:#172126; color:#eef5f1; }
body[data-layout="midnight"] .model-panel { background:#111b1f; border:1px solid var(--line); box-shadow:none; }
body[data-layout="midnight"] .contact { background:#69e6ba; color:#081013; } body[data-layout="midnight"] .contact .shell > p:nth-of-type(2) { color:#315c50; }

/* Layout 5: Editorial Split */
body[data-layout="editorial"] { --ink:#24231f; --dark:#7a2e2e; --accent:#d8a94b; --paper:#f3eee4; --surface:#e5d9c7; --muted:#6c6258; --radius:0; }
body[data-layout="editorial"] h1, body[data-layout="editorial"] h2, body[data-layout="editorial"] h3 { font-family:Georgia,"Times New Roman",serif; font-weight:400; }
body[data-layout="editorial"] h1 em { color:#7a2e2e; text-decoration:none; font-style:italic; }
body[data-layout="editorial"] .contact-button { background:#7a2e2e; color:#fff; border-radius:0; }
body[data-layout="editorial"] .eyebrow::before { border-radius:0; transform:rotate(45deg); }
body[data-layout="editorial"] .smartpoints { background:#d8a94b; } body[data-layout="editorial"] .enterprise-ai { background:#292723; } body[data-layout="editorial"] .upcoming { background:#efe4d2; }

/* Layout 6: Product Showcase */
body[data-layout="showcase"] { --ink:#102c36; --dark:#087f8c; --accent:#ffcc4d; --paper:#f1faf9; --surface:#cfecea; --muted:#47666d; --radius:34px; }
body[data-layout="showcase"] .hero-visual { background:linear-gradient(145deg,#d9f3f0,#fff7da); border-radius:45% 55% 48% 52%; }
body[data-layout="showcase"] .products { background:#e2f4f2; color:#102c36; }
body[data-layout="showcase"] .products .section-heading > p { color:#47666d; }
body[data-layout="showcase"] .smartpoints { background:#ffcc4d; } body[data-layout="showcase"] .enterprise-ai { background:#087f8c; color:#fff; } body[data-layout="showcase"] .upcoming { background:#fff; }
body[data-layout="showcase"] .product-card { box-shadow:0 24px 60px rgba(8,127,140,.12); }
body[data-layout="showcase"] .model-panel { background:#102c36; color:#fff; } body[data-layout="showcase"] .model-panel > div:last-child > p { color:#b6c9ce; }

/* Layout 7: Corporate Grid */
body[data-layout="corporate"] { --ink:#17223a; --dark:#1d3764; --accent:#c89b3c; --paper:#f5f6f8; --surface:#dfe5ef; --muted:#66728c; --radius:4px; }
body[data-layout="corporate"] h1 em { color:#1d3764; }
body[data-layout="corporate"] .contact-button { background:#1d3764; color:#fff; }
body[data-layout="corporate"] .smartpoints { background:#dcb653; } body[data-layout="corporate"] .enterprise-ai { background:#17223a; } body[data-layout="corporate"] .upcoming { background:#e8ebf1; }
body[data-layout="corporate"] .model-panel { border-inline-start:5px solid #c89b3c; box-shadow:none; }

@media (min-width: 901px) {
  body[data-layout="editorial"] .hero { grid-template-columns:.8fr 1.2fr; column-gap:80px; }
  body[data-layout="editorial"] .hero-copy { grid-column:2; grid-row:1; padding-inline-start:30px; border-inline-start:1px solid var(--line); }
  body[data-layout="editorial"] .hero-visual { grid-column:1; grid-row:1; }
  body[data-layout="editorial"] .platform-grid { grid-template-columns:1fr 1fr; }
  body[data-layout="editorial"] .platform-grid article { min-height:245px; }
  body[data-layout="editorial"] .product-grid, body[data-layout="showcase"] .product-grid { grid-template-columns:1.25fr .75fr; grid-template-rows:1fr 1fr; }
  body[data-layout="editorial"] .smartpoints, body[data-layout="showcase"] .smartpoints { grid-row:1 / 3; min-height:720px; }
  body[data-layout="editorial"] .enterprise-ai, body[data-layout="editorial"] .upcoming, body[data-layout="showcase"] .enterprise-ai, body[data-layout="showcase"] .upcoming { min-height:351px; }

  body[data-layout="showcase"] .hero { grid-template-columns:.8fr 1.2fr; min-height:820px; }
  body[data-layout="showcase"] .hero-copy { align-self:center; padding-top:0; }
  body[data-layout="showcase"] .hero-visual { height:610px; }
  body[data-layout="showcase"] .platform-grid { gap:14px; border:0; }
  body[data-layout="showcase"] .platform-grid article { border:1px solid var(--line); border-radius:22px; background:#fff; }

  body[data-layout="corporate"] .site-header { position:fixed; inset-inline-start:0; top:0; z-index:30; width:220px; height:100vh; padding:36px 28px; flex-direction:column; align-items:flex-start; justify-content:flex-start; background:#fff; border-inline-end:1px solid var(--line); border-bottom:0; }
  body[data-layout="corporate"] nav { flex-direction:column; margin-top:80px; gap:22px; }
  body[data-layout="corporate"] .header-actions { margin-top:auto; width:100%; flex-direction:column; align-items:stretch; }
  body[data-layout="corporate"] .contact-button { justify-content:space-between; }
  body[data-layout="corporate"] main > section.shell, body[data-layout="corporate"] > .site-footer { width:calc(100% - 284px); margin-inline-start:252px; margin-inline-end:32px; }
  body[data-layout="corporate"] main > section:not(.shell) { padding-inline-start:220px; }
  body[data-layout="corporate"] .platform-grid { grid-template-columns:1fr 1fr; }
  body[data-layout="corporate"] .platform-grid article { min-height:240px; }
  body[data-layout="corporate"] .product-grid { grid-template-columns:1fr 1fr; }
  body[data-layout="corporate"] .upcoming { grid-column:1 / 3; min-height:280px; }
}

@media (max-width: 900px) {
  :root { --shell:min(700px, calc(100% - 32px)); }
  nav, .contact-button { display:none; }
  .site-header { height:76px; }
  .layout-picker { position:sticky; top:0; right:auto; left:auto; width:100%; border-radius:0; }
  [dir="rtl"] .layout-picker { right:auto; left:auto; }
  .picker-panel { display:flex; overflow-x:auto; padding:0 8px 8px; }
  .picker-panel[hidden] { display:none; }
  .picker-panel button { min-width:max-content; width:auto; }
  .hero { grid-template-columns:1fr; min-height:0; padding-top:20px; }
  .hero-copy { padding-top:55px; }
  .hero-visual { height:450px; }
  .market-strip { position:relative; margin-top:30px; flex-direction:column; align-items:flex-start; gap:8px; }
  .section-heading, .model-panel, .legacy { grid-template-columns:1fr; gap:35px; }
  .platform-grid { grid-template-columns:1fr 1fr; }
  .product-grid { grid-template-columns:1fr 1fr; }
  .upcoming { grid-column:1 / -1; min-height:300px; }
  .section { padding-block:85px; }
}

@media (max-width: 600px) {
  h1 { font-size:51px; }
  .lead { font-size:16px; }
  .hero-actions { flex-direction:column; align-items:flex-start; }
  .hero-visual { height:370px; margin-top:25px; }
  .visual-orbit { width:340px; height:340px; }
  .desktop { width:245px; height:165px; left:35px; top:86px; }.tablet { width:145px; height:190px; left:18px; top:175px; }.phone { width:86px; height:175px; right:10px; top:148px; }
  .tag-ios { right:25px; top:55px; }.tag-android { left:0; top:300px; }.tag-web { display:none; }
  .platform-grid, .product-grid { grid-template-columns:1fr; }
  .platform-grid article { min-height:230px; border-inline-end:0; border-bottom:1px solid var(--line); }
  .upcoming { grid-column:auto; }
  .model-panel { padding:38px 25px; }
  .legacy-stats { grid-template-columns:1fr; }
  .contact .shell > div { width:100%; flex-direction:column; }
  .site-footer { padding-block:30px; grid-template-columns:1fr; text-align:center; }
  .site-footer span:nth-child(2), .site-footer span:last-child { text-align:center; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } .device { animation:none; } }
@keyframes float { 0%,100% { translate:0 0; } 50% { translate:0 -9px; } }