@font-face {
  font-family: Kanit;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/kanit-400-download-v1.woff2?v=20260926-fontfix5') format('woff2');
}
@font-face {
  font-family: Kanit;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/kanit-600-download-v1.woff2?v=20260926-fontfix5') format('woff2');
}
:root { color-scheme: dark; --bg: #070708; --red: #ff2848; --red-bright: #ff5067; --line: #3a2028; --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: #f7f3f3; font: 400 1rem/1.5 Kanit, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
.site-shell { overflow: hidden; }
.skip-link { position: fixed; z-index: 50; left: 1rem; top: -5rem; padding: .7rem 1rem; background: #b91435; color: #fff; }
.skip-link:focus { top: 1rem; }
a:focus-visible { outline: 2px solid var(--red-bright); outline-offset: 5px; }
.site-header { position: relative; z-index: 10; width: min(calc(100% - 7rem), 1440px); height: 96px; margin: auto; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 2rem; }
.site-header nav { display: flex; align-items: center; gap: clamp(2rem, 4vw, 5rem); }
.nav-right { justify-content: flex-end; }
.site-header nav a { position: relative; color: #c8bfc3; font-size: .92rem; transition: color .2s ease; }
.site-header nav a:hover, .site-header nav a.current { color: #fff; }
.site-header nav a.current::after { content: ""; position: absolute; left: 0; bottom: -.55rem; width: 100%; height: 2px; background: var(--red); box-shadow: 0 0 12px var(--red); }
.brand, .footer-brand { white-space: nowrap; font-family: var(--mono); font-weight: 700; letter-spacing: -.045em; }
.brand { display: inline-block; font-size: 2.05rem; line-height: 1; }
.brand span, .footer-brand span { color: var(--red-bright); text-shadow: 0 0 17px rgba(255,40,72,.48); }
.site-footer { width: min(calc(100% - 7rem), 1440px); min-height: 94px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: auto; border-top: 1px solid var(--line); color: #9b858d; font: .66rem var(--mono); letter-spacing: .2em; }
.footer-brand { color: #f7f3f3; font-size: 1.1rem; letter-spacing: .08em; }

.download-main { width: min(calc(100% - 7rem), 1440px); margin: 0 auto; }
.ios-card { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; padding: clamp(1.6rem, 4vw, 3.2rem); border: 1px solid #723144; border-radius: 24px; background: #100b0f; }
.ios-card h1 { margin: .8rem 0 1.2rem; font: 600 clamp(2.1rem, 4.2vw, 4.2rem)/1.17 Kanit, sans-serif; letter-spacing: -.035em; }
.ios-card h1 span { color: #ff7188; }
.ios-card .lead { margin-bottom: 1.2rem; }
.ios-card .requirements { margin-bottom: 1rem; }
.ios-card .quiet { margin: 0; color: #d3c4ca; }
.ios-action { padding: 1.4rem; border: 1px solid #51313b; border-radius: 16px; background: #171115; }
.ios-action .card-label { margin-bottom: 1.4rem; }
.ios-version { margin: 0 0 1.4rem; font-size: 1.18rem; font-weight: 600; }
.ios-version small { display: block; margin-top: .3rem; color: #d3c4ca; font-size: .8rem; font-weight: 400; }
.eyebrow, .index, .card-label, .checksum-label { font: 500 .72rem/1.5 var(--mono); letter-spacing: .19em; color: #ed6076; }
.eyebrow { display: flex; align-items: center; gap: .8rem; margin: 2.8rem 0 1.4rem; }
.signal-dot { width: 8px; height: 8px; border-radius: 50%; background: #ff3653; box-shadow: 0 0 18px #ff3653; }
.download-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .86fr); gap: clamp(2rem, 6vw, 7rem); align-items: center; padding: 2rem 0 7rem; }
.intro h2 { margin: 1.1rem 0 1.6rem; font: 600 clamp(3.7rem, 7vw, 7.2rem)/1.1 Kanit, sans-serif; letter-spacing: -.045em; }
.intro h2 span, .steps h2 span { color: #ff3653; text-shadow: 0 0 40px rgba(255, 40, 72, .25); }
.intro h2 .beta-label { display: block; margin-top: .45rem; color: #ff7087; font: 600 clamp(1.3rem, 2.3vw, 2rem)/1.25 Kanit, sans-serif; letter-spacing: 0; }
.lead { max-width: 35rem; margin: 0 0 2.3rem; font: 400 clamp(1.18rem, 2vw, 1.55rem)/1.65 Kanit, sans-serif; }
.requirements { display: flex; flex-wrap: wrap; gap: .65rem; margin-bottom: 2rem; }
.requirements span { padding: .48rem .8rem; border: 1px solid #63303d; border-radius: 99px; color: #e8ced5; font-size: .86rem; }
.quiet, .manual-note, .release-detail { color: #baabb1; line-height: 1.75; }
.quiet { max-width: 32rem; }
.release-card { padding: clamp(1.5rem, 4vw, 3.25rem); border: 1px solid #723144; border-radius: 24px; background: radial-gradient(circle at 100% 0, rgba(198, 29, 63, .17), transparent 55%), #100b0f; box-shadow: 0 20px 70px rgba(0,0,0,.34), 0 0 38px rgba(255, 40, 72, .07); }
.card-label { display: flex; justify-content: space-between; margin: 0 0 2rem; }
.release-card h2 { margin: 0; font: 600 1.32rem Kanit, sans-serif; }
.status { margin: 1.4rem 0 .15rem; font: 600 clamp(1.6rem, 2.8vw, 2.3rem) Kanit, sans-serif; }
.release-detail { margin: 0 0 1.8rem; }
.release-info { margin: 0 0 1.4rem; border-top: 1px solid #473039; }
.release-info div { display: flex; justify-content: space-between; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid #38252b; }
.release-info dt { color: #a9959e; }.release-info dd { margin: 0; text-align: right; }
.download-button { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .95rem 1.3rem; border-radius: 10px; background: #b91435; color: white; font-weight: 600; transition: background .2s; }
.download-button:hover { background: #a50f2e; }
.manual-note { margin: 1rem 0 0; font-size: .84rem; }
.release-extra { margin-top: 1.7rem; padding-top: 1.2rem; border-top: 1px solid #473039; }
.checksum-label { margin: 0 0 .6rem; }.checksum-label span { display: block; margin-top: .3rem; color: #ab949d; font: 400 .8rem Kanit, sans-serif; letter-spacing: 0; }
.release-extra code { display: block; overflow-wrap: anywhere; color: #e7d5da; font: .76rem/1.7 var(--mono); }
.notes-link { display: inline-block; margin-top: 1.2rem; color: #ff7087; text-decoration: underline; text-underline-offset: .25em; }
.steps { display: grid; grid-template-columns: .8fr 1.2fr; gap: 3rem; padding: 4rem 0 7rem; border-top: 1px solid #4d222e; }
.steps h2 { margin: 1rem 0 0; font: 600 clamp(2.2rem, 4vw, 4rem)/1.2 Kanit, sans-serif; }
.step-list { margin: 0; padding: 0; list-style: none; }
.step-list li { display: flex; gap: 1.6rem; padding: 1.2rem 0; border-bottom: 1px solid #392129; }
.step-number { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; min-width: 2.75rem; min-height: 2.75rem; flex-shrink: 0; border: 1px solid #ff526d; border-radius: 50%; color: #ff526d; font: 500 .86rem var(--mono); }
.step-list h3 { margin: 0 0 .35rem; font: 600 1.18rem Kanit, sans-serif; }.step-list p { margin: 0; color: #b8aab0; line-height: 1.7; }
[hidden] { display: none !important; }
/* BearAI.RED brand lockup — same as bearai.red / account / app */
.brand-lockup { display: inline-flex; align-items: center; font-family: Kanit, sans-serif; font-weight: 600; letter-spacing: -.01em; color: #f7f3f3; }
.brand-lockup > span { color: var(--red); text-shadow: 0 0 14px rgba(255, 40, 72, .55); width: auto !important; }
.brand-mark { flex-shrink: 0; width: 52px; height: 52px; margin-right: .7rem; object-fit: contain; filter: drop-shadow(0 0 10px rgba(255, 40, 72, .28)); }
.site-header .brand.brand-lockup { font-size: 1.85rem; line-height: 1; }
.site-footer .footer-brand.brand-lockup { font-size: 1.05rem; letter-spacing: 0; }
.site-footer .footer-brand .brand-mark { width: 30px; height: 30px; margin-right: .5rem; filter: none; }
@media (max-width: 1100px) { .site-header, .site-footer { width: min(calc(100% - 4rem), 1440px); } }
@media (max-width: 760px) {
  .ios-card { grid-template-columns: 1fr; gap: 1.3rem; }
  .site-header, .site-footer { width: calc(100% - 2.5rem); }
  .site-header { min-height: 110px; height: auto; grid-template-columns: 1fr 1fr; gap: .6rem; padding: 1.2rem 0 .8rem; }
  .site-header .brand { grid-column: 1 / -1; grid-row: 1; justify-self: center; font-size: 1.7rem; }
  .site-header .nav-left { grid-column: 1; grid-row: 2; }
  .site-header .nav-right { grid-column: 2; grid-row: 2; justify-content: flex-end; gap: 1.25rem; }
  .site-header nav a { font-size: .82rem; }
  .site-header .brand.brand-lockup { font-size: 1.5rem; }
  .site-header .brand-mark { width: 40px; height: 40px; margin-right: .5rem; }
  .site-footer { min-height: 95px; padding: 1.5rem 0; flex-wrap: wrap; justify-content: flex-start; font-size: .58rem; }
  .site-footer span:last-child { width: 100%; }
}
@media (max-width: 850px) { .download-main { width: calc(100% - 2.5rem); }.download-grid, .steps { grid-template-columns: 1fr; }.download-grid { padding-bottom: 4rem; }.steps { padding-bottom: 5rem; } }
@media (max-width: 500px) { .eyebrow { margin-top: 1.5rem; }.download-grid { gap: 2rem; }.intro h2 { font-size: clamp(3.2rem, 14vw, 4.6rem); }.release-card { border-radius: 16px; }.requirements span { font-size: .76rem; }.steps { gap: 1rem; } }
@media (max-width: 390px) { .site-header .nav-right { gap: .75rem; }.site-header nav a { font-size: .76rem; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .01ms !important; } }