/* Onalar Kundaligi — design tokens from Figma / TZ §3 */
:root {
  --canvas: #f7f4f1;
  --card: #ffffff;
  --terracotta: #e08d7d;
  --terracotta-pressed: #c9786a;
  --lavender: #c9b8e8;
  --lavender-soft: #ede6f8;
  --peach-soft: #fbe4dc;
  --ink: #2b2321;
  --ink-secondary: #8a7d78;
  --ink-tertiary: #c4bab5;
  --hairline: #ede7e3;
  --success: #7fa88a;
  --warning: #d9a05b;
  --danger: #c96b5e;
  --shadow-card: 0 4px 16px rgba(43, 35, 33, 0.05);
  --shadow-cta: 0 8px 20px rgba(224, 141, 125, 0.28);
  --radius-card: 24px;
  --radius-btn: 28px;
  --font: "Plus Jakarta Sans", system-ui, sans-serif;
  --max: 1080px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.5;
  color: var(--ink);
  background: var(--canvas);
  -webkit-font-smoothing: antialiased;
}

img {
  max-width: 100%;
  display: block;
}

a {
  color: var(--terracotta);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

a:hover {
  color: var(--terracotta-pressed);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* Language: Uz default; html[data-lang="en"] swaps */
[data-i18n-en] {
  display: none !important;
}

html[data-lang="en"] [data-i18n-uz] {
  display: none !important;
}

html[data-lang="en"] [data-i18n-en] {
  display: revert !important;
}

html[data-lang="en"] span[data-i18n-en],
html[data-lang="en"] strong[data-i18n-en] {
  display: inline !important;
}

html[data-lang="en"] div[data-i18n-en],
html[data-lang="en"] p[data-i18n-en],
html[data-lang="en"] h1[data-i18n-en],
html[data-lang="en"] h2[data-i18n-en],
html[data-lang="en"] h3[data-i18n-en],
html[data-lang="en"] aside[data-i18n-en],
html[data-lang="en"] section[data-i18n-en] {
  display: block !important;
}

html[data-lang="en"] a[data-i18n-en].nav-link {
  display: inline-flex !important;
}

/* Atmosphere */
.atmosphere {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse 80% 50% at 15% -10%, rgba(251, 228, 220, 0.9), transparent 55%),
    radial-gradient(ellipse 60% 40% at 95% 5%, rgba(237, 230, 248, 0.75), transparent 50%),
    radial-gradient(ellipse 50% 35% at 70% 90%, rgba(224, 141, 125, 0.12), transparent 55%),
    var(--canvas);
}

.atmosphere::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.35;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
}

.wrap {
  width: min(100% - 2rem, var(--max));
  margin-inline: auto;
}

/* Top bar */
.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.1rem 0 0.5rem;
}

.brand-mark {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  color: inherit;
  text-decoration: none;
}

.brand-mark:hover {
  color: inherit;
}

.logo {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: var(--shadow-cta);
  flex-shrink: 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAYbUlEQVR42p2bW7ClV3Hff93ft/c+58yZi2Z0QwJJCEk1GqQYxAh8EVQEwRYEy5FjAwkF5QpxHPLgVKVSfs4b5SqX85Y4F5LyLanwQPwgK7YxDnESQCAhBAOWQJeR0GiQRhrN7dz23qs7D91rfd+ZGSQqRyU4Onvvb6/Vqy///vd/ybnP/nNfIgiK4LiAAyIgqrgoiiNC/Ai4OyCIOo5gApKfiVccd8Ad0fig58e1/rfEhxxHRBB6XBxVR1VwBNQRVSQXJDiGIG6YKLTPQrwpnqsigEEXa7BYdny3CU5Bcs+9m6A4pXOkbswBldioF0wFzBBRYhkFd1DrEAwVBalf5CCgQHEHA1UFs/ijC9TF4+BCh2ASi8IdPIyJp7FVY3Mef3QEwTB3HEWI93UiiMY7FMUNXCwNbRiexnHMDBWjdxQw1KoFwTUWIu55ooo5CEanCnSIOO6eX+aYWyxUFKyEMVRwwNwR7QgT5XmEbYhDqd+V7y+OqoaXQDxbAIu/i1msSwXc0rsEK4XOO7yDAuEdrngeCg5LDAVENDzOrcRmLdxF6/9jaS1wczStuCwlXM7JU+zCXV0Qd6QakgwBM9wLjscJeg0GJ47IcGITDrEOBHPB83UxQ8xjD7n56mWaPuEYrsLSDc9neAmTKiDWxRpz1fV/1W2Iz3A5AzPMlSISVhSgur+H+zR3wcO9BcQzfFzQ8OQ8RcettNN3tzAiEh6fri5WT23IGnV9bmkMGeLcpeaGcCXtI68Uc9TC24pHmIWhFPH0qswn6hHe8UbygDxcC7OMU8/TiC82L7hlCFjYvx6LRQyBa0tQuQbcI27JzwoCEsYK4xnmEavuLa/tenb8qlgahxr7LpjFh9SNYkZse0jaWo3qgmce6vHIpN5Sfx6Jgahl4hEo3lK9uOZDaxhoOIIY4o6poKLIMj4qqrh5xF3mEvc+QiS+KJJBBDwImBTQSHBYCU/K50DBNULOPXJWhF6EgXeCFyjzBf2kxzUTtEfm76jeU+idIS7NIqe61ESV/2aZA8davGReEVpoxO5iMaaeJ6iRYMUywTsFUIvkGaU3X6/fU0/fY0Nk8HTeimwmwvAgzBAHkzyY4tSqvVwMRnBALZKHECHVixdwaV8e+SNiH8vHRCEmt4qLtpLpZnFa43rsjJIdLXxEvFoycoKGK0p1Z02zNoMT8dklRrF00oZJJDwjvaAdjDsulk4V1UFQRBQTozOJ0o4EDgDHVSPWJU/OBnBRIQheU5cNsZWlUKRLkBTvjnOqCcCjbOpwYr5cUsTptQMVpJu0MhjvH/ys2l/SSj7CG+KCJaiKXJIehWKdIGZgztKMySSjGc9zEvpWIM1jIQzhIJL12GsZ9uGk6wnX0DWLGi20Ot9KnXagYDtbeCnY2hpy4BDM9kTZ2joHm+fQskSmM6SfRqwr4TUJT10EUR3iBInHq7ec5BboU8TxZcR+h9MBxcIr1BXLU+7rB7IGhoWzTGUYxuYHn8Qtk2V1v3pWFj5qWfpEFNEeW84pvkRuvI3Z7UeZvOVtdPsPopNZGGR7g+WrP2L+zDGWTz6Knj2Nrq7FWiwqkGhkf/f00DwVV824Te+ta3LwYg1QKWAmGI6I4XSICH2FiTWRSd2xVARomfz7iAsfZf7sHcTHQTsAIRGB+Zyybx+r73+AtSPvGt5WjdZ16J599Hv2sXLDbSyPfoDNh/+c5bf/mr6fJuylJgi8lKHxQBAriQoT+rbkSx6GB9Q2Bw0cEcV9iZrSO5GdO/LUqxUbVInTdizdkdbEMEpMSASPpvuLKrazhV37Zvb/6m8w2Xew5QOkGqxmxMSBDv36fvZ94KNsXv9Wtv78j5loF+WPih3yEeqt0Rm8Nw7Ds5nQ7CGwMqpcuU6PnKfiSsOh7QsysXkCocz2nhuL4MymZXTwUjN+1B/8wEH2f+wzsXmLShH9wmDgelKBBTQxSGHt8N2sfuhTLJfzBJ3p6h59nFskRcmy4DXpjkq0NPtmfqvtqg9eoiLZzFS/t3RpS4SeKFAyMZaAX5GkfDhFcR9gK7C0wtp9/4DJ+oHYvHb8RD8ioB1uhbXb7mLyMx9iubURlYNxAhbMZKgYuTHPngEzSrF4r8qwsOol2Xype7kkLkkAQ+0G03VVAmRYiZK4bHkx+gF3x6XDd7bQW+9g5W1Hsg3+8Zt398vbQTswY+9Pf5iVj/wjihviJXuR2KhpelwxvFhCbKsoHitGWVqrIlacsizxoseaNVBv/FKbkmxTAhVWIN+aHxpeVwlE4EhrXcEpDqvvvOdSw172wF/nXckjrB0+yvR9D2CLRcMKgtLFl1PMs1nyAZVG0x6FyprTJMxOpOKORsMyJA4RAsk4k4uiy4MAqTmi1l80gM5iAQcOMr3hlhpk/P//JEAD1n7qHrj2RmQxR0TBCwUPbEIgQZNMeFkiraVqa/sTibY4QjgaMRwoFvC0Fp2aCGvfbBauB0OJbJbVhK/mLLe3kGveTDdbHZn9sr6/Cy5f8mPRj7z24OeY/+g4itBffzO+XEQiTsJGLPr9juxBRhWlYpNWyeqC63tE6CvkDdbLcS9D+RihsJpHpHIGREYXN2xzC+87fLbKno/9Bqu33vH6m6ul8OLf0+08GaQL3/oy5clvsr3vENNrb0LWD1Dc6M0ScsvQio++Tj3C1Gv/UjGb76oR4E6fMAoRbZDSzQJONkgbdlCcku2xquCLHZYrq0zvfi+zW/8WkyuvZnLg0Os7dbbfi9MvQSlMrrquESpIUGoicOH/PsjOyeOs//I/Y/PR/xmr39mKJOiRnyRjucHuzA4FoJTYZKfx+MwPIokY0wg9SAMH8WIyNjXxtYIalJaIY6rYYge/+k3s/+g/YeWa63ed4BAncsnJiwjnHv5Ltp98HFFh+tbD7P+5D8fLywXbx/+Gzcf+F+Jwxd/7dRanTkA/ARHmz3yXrp9hxXJJgxeJauvfgnuQxh5VsnXI09lSA31siqHkJYb3jMHqZuOtiC1ZzGYc+vg/ZXbVm8LaWvGzvq7bL8+cYus7X+eqT/0LZDLl1H/+LKdPHsf7KbZ5Aek61u78adaO3A3A/PknmV57I5tPPor98Cl0bV8yR8Ff1k06HgmtkTRZyi1OvJNMki3LRXLsa1lrYEKy60u+ThJ+VMwjKvjmNrN7/s6w+a7Lei9c+O6jnP/f/4ODD/was6uvz1ZZ28PnJ44zvfZGdLoC7lzxK59hcfI5dGWN/uDV9HuvaEnQVZk//xTixvwbX6KbrWX+SRjs4bWiXQKgLJCaIW7eIKrnHz2xe2U3em88fJYJr7RUh4vRXo/CCi4UEdZuPrIrgVWcvnj+KeR732TzptuY3ffRIb7TC3TPPsr2ZsvEk30HAyqPPMWtIF3P9nNPYM89ySRj2bVLFjnLV7JMYoYiQXK2xB0DluKGophZDlm8jScQQXEPZjRtUkGgJFffOr3KA5iDduie9VFTMwDvyQ23IAcOMv/WV9g59WIgurJMowrdvgMsXn0JK8tsb21AKlm/JcNo57nvo4slTNdyQkUyO9IYoMpiOZUHkKG1sTo2ye7d4r0FCyQZ6Db7dxsansrdSaXGkmVpTUUp2OaFNsUh21HcWbv9nejNt6NnX+Psf/99mef4NdD17HzwjOc+m+/x96f/Xm0n2RiymFKA2FDhHb9ZOAatWe5WODbm/h8DqXk+nRgjNoQLJ5leCLUpOO80DmISQxbitH91s8d/VfBrvolqE3q9CFhYyOBlnPK2jprt/8UwxxrMER//U1sffcx9PRLbP3gu9j2Juce+TIXvvMNDtz7S+w5ctel9f8yTZHs2cfOsW+g8x1s7xWs/MLHKFbwPfuwrsc3zsN8gU40hjjZj5De0kZrMhqFZFWo//SleL45e4BOslsaenysRMypRCxNVpk//nV27vl5ZldeM+rxw4tmV13H7O73sfjyQ3SvnGLjq19i/SP/kENH3olqTZj6uhC4bG+xPHMK6ZQyL+jNt7N2+F3sOfyuGJ/Nd1j86Dl2jj1M+d7Xss3usmJZOyyt7LZGOLtZlMZcr0p1nC5cyZcFy+lP66yy2fGcGbh2dOfPsfGVLw2JqxowQ2b1jqP4dAUvC6a338X6HUfRWl7r5hN07dp6KSDK2S//CRt/9LuwvcnKR36NKz74UcRKTIdwuumMlRtuY/+HP8nq/Z9m2U2SkNFdg5c6hcakfbYRKGZobQ2t9vKeRCPJv5UkHerIOsGOTKYsn386k6bu7upE6PbuR9bWKKWwcvgdLdHJ+OQryVmNYIZ0HZsnnmX5xGP0/RS95R3sufM9Q1stSiNy3aAUVm+7i5UPfpyy3GmD0GFwG8nQZZgjSCVZ3VDRnPlZwZa5WRyzAoWGCH00otJOse1N+utvSoLCLgE9tphTzp1FbryVlVtub70Do3DbPvk82y+9MPxdhJ2XT3DhwT+g39pmubHNpJbbS5NEGCMxyNqRd6PXvQ0Wy8yBUfMrmSOuAZ8vas4UGz1fNOjwLItmQXpSwJfWBA9l8wJyx1H2/cIvX9LxeTLDOz/4HuXCefbe9yto1426lcgXZb7D2c//B87++9/m7Fe+SJnv4CJsfPWLyIln8ZVV+vfcy8ptd17SpnN5c9DfeBgvS1S6hv3H7H0tjTVcFaV3N9Szrg6UWeSETHpaubS+w7Y36I7ew8GP/eM2Ph82X5CuY7l5gfN/9gXW3n8/qzfduivpVRp+/uJxOH2KSTdl/tDnee3xryF79uInj6Or61g35Ypf/GTkDffXJ07qae7Zz8I8RnFjcYXXGiAjU8RP78maSKv9QXgGYnS8OK6pGJnPsSvfxKEHPplGGSFBM0Q75ufPcvpzv4tOZ+y/7+//2HJnZ16DxRKbrKAra/DySeAEurKGLwp65TXZY9BkNm9InmxvJGOVcU7SZKOZgTRvCiNpxdZeaaLK7RHcX8XVoh0+XzC782762UpC3N3d2NYPn+HVf/tZ7PmnWf/Qr6J9f4kB6q/dwasieVqOzCczfDKLPt6B1XWk63fT528QBIsfPt0AWZt2V4p8/Iwc0ZNqkSQPMjYqFE1tQCVPsPCK/tCVu5NSbnB+5jRn/vDf0L90ku4tN7N6JEHSxfVeYoGzG97G5Oh7se1NtCzxjfPIouT3FHx7a6CxeR1ypcQYffvEM5TjT2aTlf1HUv5SAVLN1zY0exrTnxHwyfHy+Lh8RJiWc2cbDz/O6FvHvom8+io+mTC95UjAWPMfm7HEnQP3fwK5/iZ8/yH6o+/DVlaQZTRC9vIJtk88S3PBy1JqBl3HYuMc5//0j9BSYgpoQ5kLUcXYu6u4ynFX1JLvah5A4GQ3aQqM2qF1Xcf2sW+F6IldHBPd/itAFUOY3vr2XWOyS2jwauztTWzPOgd+/V9y4IFPMXvPvdj2NtJP0QtnOfe53+bUf/od5q++fCmHKDFa33zqGGf+8F/TnXoJ72etCuBdOIJZ0z/tqlaew9FGINamr05hG5auc31HZivYc8/y2p/9CYc+9MCuja0evpONa67DTp+iv/raRrNdlgYfbcS2N4PJNUP37sNtiQiUrS2669/K5JYj6HQ6kHoZclvPPsGFv34QXjhOL8B0BSmFmOkUVGIm7Fiq0JIf12FvKQbzho5i894aCJcUTkqMw7w4k9kKO3/xIK984Y8py0WcRCl0kynTw3fgkwn93v1vPP1xp1tbZ89dP8uZhz4PIqy+/SjdHe9icf4Ms/f/Egc+/Rvse9+H6fceGIVkGG/ja19Ef3CMbjKDbhqNUKX4lwXzZQq7dDS+HoReNeTVS1DL4jXW8902UoilJ3giwW46Zf6XD/HqH/w7bLlopzq97i1xEt1kd8p/HSPsffffpmxeYHH6ZbqVVfbd/wn2fOI32X/v/XSTafQGl0ytYHrdTXg/RS3kMtKSdYzEccF9mXK6OsYf9lD7kIj+ZTY+qV6ss7N4YPDtbilAMvDi9PsPsXjkYTa+/VgbeNrWVgwYLkqQr0uPA7MbbmHjW18LQmX9AOtvvwsvyzY+v9xPt/9QYJTMXV4MzRlA0zUUDwMmLpCsAHWSFZOhHD3jIVySasVW+qyRjFK8cWrLjQshNphN28FsPPJVWO5gO1s/+SDUnb0/8wG2n/w2Oz98upVN6XpsMWfnzOnLzg9Fd8vwWrUSSWUb2RiTWZ9BZTIQnPR1pp/TATTlZxZD/tTiSANLYkaZTJm+/4MceMfdrN10C2Vnm9f+9AvY8WdgZcLyzGv0q3t+YgN0e/Zy4O9+nNMP/ldWb7qV7oorWb72Ksvlkr3vuXeYCI+AV9neTLWKN3jRXJsAZhX81ha8QnpJQ4kIfYOMzkAvVR7NRixRku6GIDtzls89x87qOluPPcL8iWP4yRfo1tZZXjjP4qUXWXnTm9+Y9RkZYeXGW7nqk7/J5mNfoZw/y/TNb2X/bXeis5VLw0YVO/PqQOKItwGJVuFG9g/SJtM510hv1ZwgRTOkNVNaItyM9S6IRK/CpHyootj3v8/W945Br+hkEhi+FNQK8+NPwzve/ZPPQNMI/fo+9r33vh8/RrOg4BfnXmPx5DHopgnXJUVdqQDLkza3FHlIa/NDWJmsE4RS1KpAOYYCSJfCKQ8ld1eM8aAIHJnMkNXZUJ+XMVuQyYydJ45hVnK8bpfFAxePyupzqsJEGNQklTUS7dh5+UXO/pffo3/lJXwlYK+1KPXW7XmTRNOGJo2MsSj3WocpTQijeamg0kipArUUOIpqm825WBNGNGSHwGQCJ1/k/CNfTaZIB0HCG+kD0mUldUGVthJVRJUL3/46Z//j79C/8iOYzfIOg7ReJSWgQ6ITaXS+7xJwDYLsvk59i9ThYZW+ZkmROlMbSWXyv4dsmsRJbTAmU85//vdZnnyB/R/8Rfq1PaOR9wgf7MoPFylM20EIO6deZOOvHqQ8/g0mkwlMVyhlGToFG91UERr7W9eoKeP3FHEyGoy6N6Ek1RWGWLdh7t84ttFUtmqIVEYiiKqoVGUqyvyLD/HSd77J+j0fYO2u9zDZd+D1OZ2RssmBnRPPsfXo/2H++MN0Gxvo2lqqyD3GVD7MxUWlje0DwA0N3CDe9Dbuc81rQi9+5tNNIT+o8SJRVAZtPFb3XKhWMIENA8fk4nKEFFWlLCnLOXboELNbjjC79TD99W+hv+IQ3cpacHru+GJO2TjP8pWXWTz/DPOn/gZ78Tjd9iY6W8WqrF41QZu0Eu0iGbr1dsow2vcavqNLEjGIARUZG0BSi0tzwbGsjBFlRjtopdRN55fVOzlN9a1AryGb29mhiGArU3TvfmRtHZlMwAvsbONbF2DjAloK0nd0K6tBxFQ4PL6ZVX+VZP9rIh3JZlU0r5T4oGMe6SAFjzLYAM8g8dzFYbZQb1qi5CIyCYkOavOqda93kRxBlskJ7lmnE2fihp07g5w709SmqNJLh0xW8BUZ9Md2kbDSc1pVm0pPqX299Wa5lkzUgjYgJyOtQz3Jvmb/ussoD2O1GO3CUrhN4xuaNjB8Myl095F7jmxqgCwTc+XlB9HUE9fPVdnXaLEXj+t0dDBVF5AhF0lOEKvhEGBO0hMGSnwkkBCLOG6cmYwFBmOXH4BEe9iuK2j1+tJozO2SC85TtHpbzNPoFlm5CHQZYimJF08VuPmg8pBhDF/FmZJNzSX0mTDcPZKRfnhE0rgI6uIXIbIa90PT4ClMrE2GWFi2TYshxZNpmCz77d5BlpzKMI0TUbt7VD87vjBVs3idUbQrcr5LpU4i1wbS8tZK2F2auLJS5eaDgkfrSNrafYDEFaN6T84FHR9fERh68IzRZVleIlPzi1ldGSS5wzR7KFG17pqM1XSWeD96f0bCTK8XrFSapEdSs+ujPOEWF7KG6yhh+D6vibYuKojc4du94ehhMyLD3Z1BjBaJrLbLNXblolrsjCG1Dp1JE18Mp1YNK/ViVB6SZqnzXVdkBhGHZa0fqL66nsHTvA1GqtSE4UqrVfwuY2l866naRSofS46CXAjSJGUoDTew25CRsLxhhhpa9TqpN+23jITQw/dZ84TkBTS5iyaDZVCzliByqsrdGr+R1+Zcs3x4lRiN7t7kxWVLabzmw01pFyRDgSlNRCHjtn28gXpROt28TXtGZG1tXOoFSpdhLiEpfKhINUb+QXjvOvHWDVoLJWEkmGoqWKMTRSWDXandUdbg7JYukgoiY8ncSHYmUo3hqcPbnZRrUhyB19GYShojfdl8IUMb08rzmAUa33SrxOglqtARgIsb1pEDrFLgFebosCnLVOmja3NtU007O5q8SppMIhyE4Xqrt8vRPlJ8y8gcGigugVHkIW03vyUnSu2EK4tl+bm83EWiieGG+vj6voxKdVSm/wfNtPVIh2A7jAAAAABJRU5ErkJggg==") center / cover no-repeat;
}

.logo {
  background: transparent !important;
  background-image: none !important;
}

.logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.brand-text {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
}

.brand-text strong {
  font-size: 0.95rem;
  font-weight: 700;
}

.brand-text span {
  font-size: 0.72rem;
  color: var(--ink-secondary);
  font-weight: 500;
}

.top-actions {
  display: flex;
  align-items: center;
  gap: 0.55rem;
}

.lang {
  display: inline-flex;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid var(--hairline);
  border-radius: 999px;
  padding: 3px;
  backdrop-filter: blur(8px);
}

.lang button {
  appearance: none;
  border: 0;
  background: transparent;
  font: inherit;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--ink-secondary);
  padding: 0.35rem 0.65rem;
  border-radius: 999px;
  cursor: pointer;
}

.lang button[aria-pressed="true"] {
  background: var(--ink);
  color: #fff;
}

.nav-link {
  display: none;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--ink-secondary);
  text-decoration: none;
  padding: 0.45rem 0.7rem;
}

.nav-link:hover {
  color: var(--ink);
}

@media (min-width: 720px) {
  .nav-link {
    display: inline-flex;
  }
}

/* Hero — one composition */
.hero {
  min-height: calc(100svh - 5.5rem);
  display: grid;
  align-content: center;
  padding: 2rem 0 3.5rem;
  position: relative;
}

.hero-brand {
  font-size: clamp(2.4rem, 7vw, 4.25rem);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.08;
  margin: 0 0 1rem;
  max-width: 14ch;
  animation: rise 0.9s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.hero-brand em {
  font-style: normal;
  background: linear-gradient(120deg, var(--terracotta), #d9a08f 40%, var(--lavender));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.hero-lead {
  font-size: clamp(1.05rem, 2.4vw, 1.25rem);
  color: var(--ink-secondary);
  max-width: 36rem;
  margin: 0 0 1.75rem;
  animation: rise 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.12s both;
}

.cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  animation: rise 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.22s both;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 52px;
  padding: 0.75rem 1.35rem;
  border-radius: var(--radius-btn);
  font-weight: 700;
  font-size: 0.95rem;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.btn:hover {
  transform: translateY(-1px);
  color: inherit;
}

.btn-primary {
  background: var(--terracotta);
  color: #fff;
  box-shadow: var(--shadow-cta);
}

.btn-primary:hover {
  background: var(--terracotta-pressed);
  color: #fff;
}

.btn-ghost {
  background: rgba(255, 255, 255, 0.65);
  color: var(--ink);
  border: 1px solid var(--hairline);
  backdrop-filter: blur(6px);
}

.btn-ghost:hover {
  background: #fff;
  color: var(--ink);
}

.hero-glow {
  position: absolute;
  right: -8%;
  top: 18%;
  width: min(420px, 55vw);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(224, 141, 125, 0.28), transparent 68%);
  filter: blur(8px);
  animation: pulse 6s ease-in-out infinite;
  pointer-events: none;
  z-index: -1;
}

@media (max-width: 640px) {
  .hero-glow {
    top: auto;
    bottom: 8%;
    right: -20%;
    opacity: 0.7;
  }
}

@keyframes rise {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 0.85;
  }
  50% {
    transform: scale(1.08);
    opacity: 1;
  }
}

@keyframes fade-up {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Sections */
.section {
  padding: 4rem 0;
}

.section-head {
  max-width: 34rem;
  margin-bottom: 2rem;
}

.overline {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--terracotta);
  margin-bottom: 0.55rem;
}

.section-head h2 {
  font-size: clamp(1.55rem, 3.5vw, 2rem);
  font-weight: 750;
  letter-spacing: -0.02em;
  line-height: 1.25;
  margin: 0 0 0.55rem;
}

.section-head p {
  margin: 0;
  color: var(--ink-secondary);
}

.features {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--hairline);
}

.feature {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem 1.15rem;
  padding: 1.35rem 0;
  border-bottom: 1px solid var(--hairline);
  animation: fade-up 0.7s ease both;
}

.feature:nth-child(1) {
  animation-delay: 0.05s;
}
.feature:nth-child(2) {
  animation-delay: 0.1s;
}
.feature:nth-child(3) {
  animation-delay: 0.15s;
}
.feature:nth-child(4) {
  animation-delay: 0.2s;
}
.feature:nth-child(5) {
  animation-delay: 0.25s;
}
.feature:nth-child(6) {
  animation-delay: 0.3s;
}

.feature-icon {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: var(--peach-soft);
  color: var(--terracotta-pressed);
}

.feature:nth-child(2n) .feature-icon {
  background: var(--lavender-soft);
  color: #7a68a8;
}

.feature h3 {
  margin: 0 0 0.25rem;
  font-size: 1.05rem;
  font-weight: 700;
}

.feature p {
  margin: 0;
  color: var(--ink-secondary);
  font-size: 0.95rem;
}

@media (min-width: 800px) {
  .features {
    grid-template-columns: 1fr 1fr;
    column-gap: 2.5rem;
    border-top: 0;
  }

  .feature {
    border-top: 1px solid var(--hairline);
  }
}

/* Disclaimer strip */
.disclaimer {
  margin: 1rem 0 0;
  padding: 1.35rem 1.4rem;
  border-radius: var(--radius-card);
  background: linear-gradient(135deg, var(--peach-soft), #fff8f5);
  border: 1px solid rgba(224, 141, 125, 0.18);
}

.disclaimer strong {
  display: block;
  font-size: 0.85rem;
  margin-bottom: 0.35rem;
  color: var(--danger);
}

.disclaimer p {
  margin: 0;
  color: var(--ink-secondary);
  font-size: 0.92rem;
}

/* Footer */
.footer {
  padding: 3rem 0 2.5rem;
  border-top: 1px solid var(--hairline);
  margin-top: 1rem;
}

.footer-grid {
  display: grid;
  gap: 1.5rem;
}

@media (min-width: 720px) {
  .footer-grid {
    grid-template-columns: 1.3fr 1fr 1fr;
  }
}

.footer h3 {
  margin: 0 0 0.65rem;
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-tertiary);
}

.footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer li {
  margin-bottom: 0.4rem;
}

.footer a {
  color: var(--ink-secondary);
  text-decoration: none;
  font-weight: 500;
}

.footer a:hover {
  color: var(--ink);
}

.footer-copy {
  margin-top: 2rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--hairline);
  color: var(--ink-tertiary);
  font-size: 0.85rem;
}

/* Legal pages */
.legal-page {
  padding: 1.5rem 0 4rem;
}

.legal-page .page-title {
  font-size: clamp(1.8rem, 4vw, 2.4rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  margin: 1.5rem 0 0.4rem;
}

.legal-meta {
  color: var(--ink-secondary);
  font-size: 0.9rem;
  margin-bottom: 2rem;
}

.legal-page h2 {
  font-size: 1.15rem;
  margin: 1.75rem 0 0.55rem;
}

.legal-page p,
.legal-page li {
  color: var(--ink-secondary);
}

.legal-page ul {
  padding-left: 1.15rem;
}

.legal-page li {
  margin-bottom: 0.35rem;
}

.legal-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.1rem;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}

.steps {
  counter-reset: step;
  list-style: none;
  padding: 0;
  margin: 1rem 0;
}

.steps li {
  counter-increment: step;
  position: relative;
  padding: 0.85rem 0 0.85rem 3rem;
  border-bottom: 1px solid var(--hairline);
}

.steps li::before {
  content: counter(step);
  position: absolute;
  left: 0;
  top: 0.85rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--peach-soft);
  color: var(--terracotta-pressed);
  font-weight: 700;
  font-size: 0.85rem;
  display: grid;
  place-items: center;
}

/* Mobile screenshots showcase */
.showcase {
  padding-top: 1.5rem;
}

.phone-rail {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(220px, 260px);
  gap: 1.25rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 0.5rem 0.15rem 1.25rem;
  margin-inline: -0.25rem;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

@media (min-width: 960px) {
  .phone-rail {
    grid-auto-flow: row;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-columns: unset;
    overflow: visible;
    margin-inline: 0;
    padding-inline: 0;
  }
}

.phone {
  margin: 0;
  scroll-snap-align: center;
  animation: fade-up 0.8s ease both;
}

.phone:nth-child(1) { animation-delay: 0.05s; }
.phone:nth-child(2) { animation-delay: 0.15s; }
.phone:nth-child(3) { animation-delay: 0.25s; }

.phone-shell {
  position: relative;
  border-radius: 28px;
  padding: 10px;
  background: linear-gradient(160deg, #2b2321 0%, #4a3f3b 100%);
  box-shadow:
    0 18px 40px rgba(43, 35, 33, 0.18),
    0 2px 0 rgba(255, 255, 255, 0.12) inset;
}

.phone-shell img {
  width: 100%;
  height: auto;
  aspect-ratio: 390 / 693;
  object-fit: cover;
  border-radius: 20px;
  display: block;
  background: var(--peach-soft);
}

.phone-notch {
  position: absolute;
  top: 14px;
  left: 50%;
  transform: translateX(-50%);
  width: 34%;
  height: 10px;
  border-radius: 999px;
  background: #1a1514;
  z-index: 2;
  pointer-events: none;
}

.phone figcaption {
  margin-top: 0.85rem;
  text-align: center;
}

.phone figcaption strong {
  display: block;
  font-size: 0.98rem;
  font-weight: 700;
  margin-bottom: 0.15rem;
}

.phone figcaption span {
  display: block;
  font-size: 0.86rem;
  color: var(--ink-secondary);
  line-height: 1.35;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
}