img { max-width: 100%; }
.grad, .hero .grad { background: linear-gradient(135deg, rgb(0, 212, 255), rgb(63, 185, 80)) text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; }
.article-card { background: var(--panel); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; text-decoration: none; display: flex; flex-direction: column; transition: 0.25s; min-height: 100%; color: inherit; }
.article-card picture, .art-wrap > picture { display: block; }
.article-card-meta .read-link, .read-link { color: var(--cyan); font-weight: 600; font-size: 13px; }
.resources-hero, .community-hero { padding: 86px 20px 60px; text-align: center; background: linear-gradient(135deg, rgb(8, 12, 24) 0%, rgb(11, 26, 58) 50%, rgb(8, 12, 24) 100%); }
.resources-hero h1, .community-hero h1 { font-size: clamp(32px, 5vw, 46px); font-weight: 750; margin-bottom: 12px; color: rgb(240, 244, 248); letter-spacing: -0.02em; }
.resources-hero p, .community-hero p { color: rgb(165, 175, 189); font-size: 17px; line-height: 1.75; max-width: 720px; margin: 0px auto; }
.resources-section, .community-section { padding: 64px 0px 80px; }
.cc { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 16px; padding: 22px; text-align: center; transition: 0.2s; }
.cc:hover { border-color: rgba(0, 212, 255, 0.35); transform: translateY(-2px); }
.ci { height: 42px; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; }
.bs { display: inline-block; margin-top: 10px; padding: 8px 14px; border-radius: 10px; background: rgba(0, 212, 255, 0.12); color: var(--cyan); font-weight: 700; font-size: 13px; }
.hub-hero { text-align: center; padding: 80px 20px 40px; }
.hub-hero h1 { font-size: clamp(34px, 6vw, 58px); margin-bottom: 12px; }
.hub-hero p { max-width: 700px; margin: 0px auto; color: var(--muted); font-size: 18px; line-height: 1.7; }
.hub-stats { display: flex; justify-content: center; gap: 18px; flex-wrap: wrap; margin-top: 24px; }
.hub-card, .featured-card { background: var(--panel); border: 1px solid var(--line); border-radius: 18px; overflow: hidden; text-decoration: none; color: inherit; transition: 0.25s; }
.hub-card:hover, .featured-card:hover { border-color: var(--line2); transform: translateY(-3px); }
.hub-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin: 34px 0px; }
.article-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.card-img, .featured-img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; background: rgb(13, 17, 23); }
.card-body, .featured-content { padding: 18px; }
.card-tag, .featured-tag { display: inline-block; background: rgba(0, 212, 255, 0.1); color: var(--cyan); padding: 3px 10px; border-radius: 8px; font-size: 11px; font-weight: 700; margin-bottom: 8px; }
.card-title { font-size: 18px; color: rgb(240, 244, 248); margin: 0px 0px 8px; line-height: 1.35; }
.card-desc { color: rgb(154, 164, 178); font-size: 14px; line-height: 1.6; margin: 0px 0px 10px; }
.card-meta { color: var(--muted); font-size: 12px; }
.cta-section { text-align: center; padding: 70px 20px; background: var(--bg2); }
.filter-btn { border: 1px solid var(--line); background: rgba(255, 255, 255, 0.03); color: var(--soft); border-radius: 999px; padding: 8px 14px; cursor: pointer; }
.art-body { max-width: 760px; margin: 0px auto; font-size: 17px; line-height: 1.85; color: rgb(203, 213, 225); }
.art-body h2 { font-size: 30px; margin: 44px 0px 16px; color: rgb(240, 244, 248); }
.art-body h3 { font-size: 22px; margin: 30px 0px 12px; color: rgb(240, 244, 248); }
.art-body p { margin: 0px 0px 18px; }
.art-body ul, .art-body ol { margin: 0px 0px 20px 22px; }
.art-body li { margin: 8px 0px; }
.related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.related-card { background: var(--panel); border: 1px solid var(--line); border-radius: 14px; padding: 16px; color: inherit; text-decoration: none; }
.related-card:hover { border-color: var(--line2); }
@media (max-width: 980px) {
  .articles-grid, .article-grid { grid-template-columns: repeat(2, 1fr); }
  .hub-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .scenario-grid, .cat-grid, .trust-grid, .showcase { grid-template-columns: 1fr; }
  .community-grid { grid-template-columns: repeat(2, 1fr); }
  .hero-screenshots { flex-direction: column; align-items: center; }
  .related-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .articles-grid, .article-grid, .hub-grid { grid-template-columns: 1fr; }
  .hero h1 { font-size: clamp(32px, 10vw, 50px); }
}
:root { --bg: #070914; --bg2: #0b1020; --panel: #101624; --panel2: #151c2d; --line: rgba(255,255,255,.09); --line2: rgba(0,212,255,.18); --text: #f7f8fb; --muted: #9aa4b2; --soft: #cbd5e1; --cyan: #00d4ff; --green: #3fb950; --violet: #7c7cff; --amber: #f7b955; --danger: #ff6b8a; --radius: 24px; }
.hero { padding: 120px 0px 80px; text-align: center; }
.hero h1 { font-size: clamp(48px, 8vw, 72px); font-weight: 800; line-height: 1.05; letter-spacing: -0.04em; margin-bottom: 20px; }
.hero .grad { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; -webkit-text-fill-color: transparent; }
.hero .lead { font-size: 18px; color: var(--soft); line-height: 1.7; max-width: 580px; margin: 0px auto 32px; }
.hero .btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; margin-bottom: 48px; }
.bp { padding: 14px 32px; background: linear-gradient(135deg,var(--cyan),var(--green)); color: rgb(8, 12, 24); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 12px; font-size: 16px; font-weight: 700; cursor: pointer; text-decoration: none; font-family: "Space Grotesk", sans-serif; display: inline-block; transition: 0.2s; }
.bp:hover { box-shadow: rgba(0, 212, 255, 0.3) 0px 4px 20px; transform: translateY(-1px); }
.bo { padding: 14px 32px; background: 0px center; color: var(--soft); border: 1px solid var(--line2); border-radius: 12px; font-size: 16px; cursor: pointer; font-family: "Space Grotesk", sans-serif; display: inline-block; text-decoration: none; transition: 0.2s; }
.bo:hover { border-color: var(--cyan); color: var(--text); }
.hero-screenshots { display: flex; gap: 20px; justify-content: center; align-items: center; }
.phone-frame { display: inline-block; padding: 10px 8px; background: rgb(26, 29, 36); border-radius: 24px; border: 2px solid rgb(42, 45, 53); box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 32px; flex-shrink: 0; height: 420px; }
.scenarios { padding: 80px 0px; background: var(--bg2); }
.section-title h2 { font-size: clamp(28px, 4vw, 40px); font-weight: 700; margin-bottom: 10px; }
.section-title p { color: var(--muted); font-size: 16px; max-width: 560px; margin: 0px auto; line-height: 1.6; }
.scenario { background: var(--panel); border: 1px solid var(--line); border-radius: 20px; padding: 28px 24px; text-align: center; transition: 0.25s; }
.scenario:hover { border-color: var(--line2); transform: translateY(-3px); }
.scenario .emoji { font-size: 36px; margin-bottom: 14px; display: block; }
.scenario h3 { font-size: 18px; font-weight: 700; margin-bottom: 8px; color: var(--text); }
.scenario p { font-size: 14px; color: var(--muted); line-height: 1.65; }
.stats { padding: 60px 0px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.stats-grid { display: flex; justify-content: center; gap: 60px; flex-wrap: wrap; }
.stat { text-align: center; }
.stat strong { display: block; font-size: 36px; font-weight: 800; color: var(--text); font-family: "Space Grotesk", sans-serif; }
.stat span { font-size: 13px; color: var(--muted); }
.features-overview { padding: 80px 0px; background: var(--bg2); }
.feat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
@media (max-width: 768px) {
  .feat-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
  .feat-grid { grid-template-columns: 1fr; }
}
.feat { background: var(--panel); border: 1px solid var(--line); border-radius: 16px; padding: 22px; transition: 0.25s; }
.feat:hover { border-color: var(--line2); transform: translateY(-2px); }
.feat .emoji { font-size: 24px; margin-bottom: 10px; display: block; }
.feat h4 { font-size: 15px; font-weight: 700; margin-bottom: 4px; color: var(--text); }
.feat p { font-size: 13px; color: var(--muted); line-height: 1.5; }
.feat-link { display: inline-block; margin-top: 24px; font-size: 15px; color: var(--cyan); font-weight: 600; text-decoration: none; }
.feat-link:hover { text-decoration: underline; }
.trust { padding: 80px 0px; }
.trust-card { background: var(--panel); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: 16px; padding: 28px 24px; border-left: 3px solid var(--cyan); }
.trust-card h3 { font-size: 17px; font-weight: 700; margin-bottom: 10px; color: var(--text); }
.trust-card p { font-size: 14px; color: var(--muted); line-height: 1.7; }
.faq { max-width: 720px; margin: 0px auto; }
.fq { background: var(--panel); border: 1px solid var(--line); border-radius: 12px; margin-bottom: 8px; overflow: hidden; cursor: pointer; }
.fq-q { padding: 16px 20px; font-size: 15px; font-weight: 600; color: var(--text); display: flex; justify-content: space-between; align-items: center; }
.fq-q::after { content: "+"; color: var(--cyan); font-size: 18px; transition: 0.2s; }
.fq-a { max-height: 0px; overflow: hidden; transition: 0.3s; padding: 0px 20px; color: var(--muted); font-size: 14px; line-height: 1.7; }
.bottom-cta { padding: 80px 0px; text-align: center; background: var(--bg2); border-top: 1px solid var(--line); }
.bottom-cta h2 { font-size: clamp(24px, 3.5vw, 36px); margin-bottom: 12px; }
.bottom-cta p { color: var(--muted); max-width: 480px; margin: 0px auto 28px; line-height: 1.6; }
.articles-section { padding: 80px 0px; background: var(--bg2); }
@media (max-width: 540px) {
  .articles-grid { grid-template-columns: 1fr; }
}
.article-card { background: var(--panel); border: 1px solid var(--line); border-radius: 14px; overflow: hidden; text-decoration: none; display: block; transition: 0.25s; }
.article-card-img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.article-card-body { padding: 18px; }
.article-card-tag { display: inline-block; background: rgba(0, 212, 255, 0.1); color: var(--cyan); padding: 3px 10px; border-radius: 8px; font-size: 11px; font-weight: 700; margin-bottom: 8px; }
.article-card h4 { font-size: 15px; font-weight: 700; color: var(--text); margin-bottom: 6px; line-height: 1.35; }
.article-card p { font-size: 13px; color: var(--muted); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.article-card-meta { display: flex; justify-content: space-between; align-items: center; padding: 0px 18px 14px; }
.filter-tabs { display: flex; gap: 10px; justify-content: center; margin-bottom: 32px; flex-wrap: wrap; }
.filter-tab { padding: 8px 18px; background: var(--panel); border: 1px solid var(--line); border-radius: 20px; color: var(--muted); font-size: 13px; font-weight: 600; cursor: pointer; transition: 0.2s; text-decoration: none; font-family: "Space Grotesk", sans-serif; }
.filter-tab:hover, .filter-tab.on { border-color: var(--cyan); color: var(--cyan); background: rgba(0, 212, 255, 0.06); }
:root { --bg: #070914; --bg2: #0b1020; --panel: #101624; --panel2: #151c2d; --line: rgba(255,255,255,.09); --line2: rgba(0,212,255,.18); --text: #f7f8fb; --muted: #9aa4b2; --soft: #cbd5e1; --cyan: #00d4ff; --green: #3fb950; --violet: #7c7cff; --amber: #f7b955; --danger: #ff6b8a; --shadow: 0 30px 80px rgba(0,0,0,.42); --radius: 24px; }
body::before { content: ""; position: fixed; inset: 0px; pointer-events: none; background: radial-gradient(circle at 20% 0%, rgba(0, 212, 255, 0.16), transparent 32%), radial-gradient(circle at 84% 8%, rgba(124, 124, 255, 0.15), transparent 34%), radial-gradient(circle at 50% 100%, rgba(63, 185, 80, 0.08), transparent 36%); z-index: -2; }
body::after { content: ""; position: fixed; inset: 0px; background-image: linear-gradient(rgba(255, 255, 255, 0.024) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(rgba(0, 0, 0, 0.72), transparent 72%); pointer-events: none; z-index: -1; }
.hero { padding: 110px 0px 60px; position: relative; }
.hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
@media (max-width: 980px) {
  .hero-grid { grid-template-columns: 1fr; }
}
.eyebrow { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: var(--cyan); margin-bottom: 16px; }
.hero h1 { font-size: clamp(40px, 6vw, 60px); font-weight: 700; line-height: 1.08; letter-spacing: -0.035em; margin-bottom: 20px; }
.grad { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; -webkit-text-fill-color: transparent; }
.lead { font-size: 18px; color: var(--soft); line-height: 1.7; margin-bottom: 28px; max-width: 520px; }
.sub { font-size: 15px; color: var(--muted); line-height: 1.65; margin-bottom: 28px; max-width: 500px; }
.btns { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 32px; }
.bp { padding: 14px 32px; background: linear-gradient(135deg,var(--cyan),var(--green)); color: rgb(8, 12, 24); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 12px; font-size: 16px; font-weight: 700; cursor: pointer; text-decoration: none; font-family: "Space Grotesk", sans-serif; display: inline-block; }
.bo { padding: 14px 32px; background: 0px center; color: var(--soft); border: 1px solid var(--line2); border-radius: 12px; font-size: 16px; cursor: pointer; font-family: "Space Grotesk", sans-serif; display: inline-block; text-decoration: none; }
.hero-metrics { display: flex; gap: 32px; flex-wrap: wrap; }
.metric { display: flex; flex-direction: column; }
.metric strong { font-size: 28px; font-weight: 800; color: var(--text); font-family: "Space Grotesk", sans-serif; }
.metric span { font-size: 13px; color: var(--muted); }
.hero-screenshots { display: flex; gap: 20px; align-items: center; }
.phone-frame { display: inline-block; padding: 10px 8px; background: rgb(26, 29, 36); border-radius: 24px; border: 2px solid rgb(42, 45, 53); box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 32px; flex-shrink: 0; height: 680px; }
.phone-frame img { display: block; border-radius: 14px; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 540px) {
  .hero-screenshots { flex-direction: column; align-items: center; }
}
.section { padding: 80px 0px; }
.section.alt { background: var(--bg2); }
.section-title { text-align: center; margin-bottom: 48px; }
.section-title h2 { font-size: clamp(30px, 4vw, 42px); font-weight: 700; margin-bottom: 12px; }
.section-title p { color: var(--muted); font-size: 16px; max-width: 600px; margin: 0px auto; line-height: 1.6; }
.demo-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
@media (max-width: 980px) {
  .demo-strip { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
  .demo-strip { grid-template-columns: 1fr; }
}
.cmd { background: var(--panel); border: 1px solid var(--line); border-radius: 16px; padding: 20px; transition: 0.2s; }
.cmd:hover { border-color: var(--line2); transform: translateY(-2px); }
.num { font-size: 11px; font-weight: 800; color: var(--cyan); margin-bottom: 8px; opacity: 0.6; }
.cmd h3 { font-size: 15px; font-weight: 600; margin-bottom: 6px; color: var(--text); line-height: 1.4; height: 2.8em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.cmd p { font-size: 13px; color: var(--muted); line-height: 1.5; margin: 0px; }
.bento { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
@media (max-width: 980px) {
  .bento { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
  .bento { grid-template-columns: 1fr; }
}
.tile { background: var(--panel); border: 1px solid var(--line); border-radius: 20px; padding: 24px; overflow: hidden; position: relative; display: flex; flex-direction: column; }
.tile h3 { font-size: 17px; font-weight: 700; margin-bottom: 8px; color: var(--text); }
.tile p { font-size: 13px; color: var(--muted); line-height: 1.6; margin-bottom: 14px; flex: 1 1 0%; }
.tile .badge { display: inline-block; padding: 3px 10px; border-radius: 8px; font-size: 11px; font-weight: 700; background: rgba(0, 212, 255, 0.1); color: var(--cyan); margin-bottom: 10px; }
.tile .badge.coming { background: rgba(247, 185, 85, 0.12); color: var(--amber); }
.tile.large { grid-column: span 2; }
@media (max-width: 480px) {
  .tile.large { grid-column: auto; }
}
.tile.wide { grid-column: span 2; }
@media (max-width: 480px) {
  .tile.wide { grid-column: auto; }
}
.mock-card { margin-top: auto; border-radius: 18px; border: 1px solid var(--line); background: radial-gradient(circle at 20% 20%, rgba(0, 212, 255, 0.1), transparent 38%), linear-gradient(rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02)); padding: 16px; min-height: 160px; position: relative; overflow: hidden; }
.tile.large .mock-card { min-height: 200px; }
.mock-title { font-size: 11px; color: rgb(201, 247, 255); font-weight: 700; margin-bottom: 10px; }
.mock-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.mock-stat { border: 1px solid var(--line); background: rgba(255, 255, 255, 0.035); border-radius: 12px; padding: 10px; }
.mock-stat b { display: block; color: rgb(255, 255, 255); font-size: 18px; font-family: "Space Grotesk", sans-serif; }
.mock-stat span { font-size: 10px; color: var(--muted); }
.mock-line { height: 8px; border-radius: 999px; background: rgba(255, 255, 255, 0.06); margin: 8px 0px; overflow: hidden; }
.mock-line::before { content: ""; display: block; height: 100%; width: var(--w,62%); border-radius: 999px; background: linear-gradient(90deg,var(--cyan),var(--green)); }
.mock-list { display: grid; gap: 8px; }
.mock-item { display: flex; gap: 8px; align-items: center; border: 1px solid var(--line); background: rgba(255, 255, 255, 0.035); border-radius: 12px; padding: 10px; color: var(--soft); font-size: 12px; }
.mock-icon { width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; background: linear-gradient(135deg, rgba(0, 212, 255, 0.2), rgba(124, 124, 255, 0.14)); flex-shrink: 0; font-size: 14px; }
.mock-scan { height: 140px; border-radius: 14px; border: 1px solid rgba(0, 212, 255, 0.2); background: linear-gradient(135deg, rgba(0, 212, 255, 0.05), rgba(124, 124, 255, 0.06)); position: relative; overflow: hidden; }
.mock-scan::before { content: ""; position: absolute; left: 0px; right: 0px; top: 50%; height: 2px; background: var(--cyan); box-shadow: 0 0 20px var(--cyan); }
.mock-node { position: absolute; border: 1px solid rgba(0, 212, 255, 0.4); background: rgba(0, 212, 255, 0.06); border-radius: 6px; }
.mock-node.a { left: 20px; top: 24px; width: 100px; height: 28px; }
.mock-node.b { right: 24px; top: 64px; width: 80px; height: 44px; }
.mock-node.c { left: 36px; bottom: 24px; width: 60px; height: 36px; }
.mock-route { height: 100px; border-radius: 14px; border: 1px solid var(--line); background: linear-gradient(135deg, rgba(63, 185, 80, 0.06), rgba(0, 212, 255, 0.06)); position: relative; overflow: hidden; }
.mock-route::before { content: ""; position: absolute; left: 20px; top: 50%; width: calc(100% - 40px); height: 2px; background: linear-gradient(90deg,var(--green),var(--cyan)); border-radius: 999px; }
.mock-route::after { content: ""; position: absolute; left: 18px; top: calc(50% - 4px); width: 8px; height: 8px; border-radius: 50%; background: var(--green); }
.feature-flow { display: flex; flex-direction: column; gap: 48px; }
.showcase { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
@media (max-width: 768px) {
  .showcase { grid-template-columns: 1fr; gap: 24px; }
}
.showcase:nth-child(2n) .show-text { order: 2; }
@media (max-width: 768px) {
  .showcase:nth-child(2n) .show-text { order: 0; }
}
.show-text h3 { font-size: 24px; font-weight: 700; margin-bottom: 12px; color: var(--text); }
.show-text p { font-size: 15px; color: var(--muted); line-height: 1.65; margin-bottom: 16px; }
.check-list { list-style: none; padding: 0px; margin: 0px; }
.check-list li { padding: 6px 0px 6px 20px; font-size: 14px; color: var(--soft); position: relative; }
.check-list li::before { content: ""; position: absolute; left: 0px; top: 12px; width: 8px; height: 8px; border-radius: 50%; background: var(--green); }
.visual { background: var(--panel); border: 1px solid var(--line); border-radius: 20px; padding: 24px; min-height: 300px; display: flex; align-items: center; justify-content: center; }
.scene-shot { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; width: 280px; aspect-ratio: 9 / 16; border: 2px dashed rgba(0, 212, 255, 0.25); border-radius: 16px; transition: border-color 0.3s; overflow: hidden; flex-shrink: 0; margin: 0px auto; }
.scene-shot:hover { border-color: var(--cyan); }
.scene-icon { font-size: 36px; opacity: 0.5; }
.scene-label { font-size: 13px; color: var(--muted); text-align: center; }
.showcase .phone-frame { width: 320px; max-width: 100%; height: auto; min-height: 0px; }
.showcase .phone-frame img { width: 100%; height: auto; max-width: 100%; object-fit: contain; }
.showcase-img { width: 100%; height: auto; aspect-ratio: 480 / 1029; border-radius: 16px; display: block; background: rgb(11, 16, 32); }
.webp-hover-frame { position: relative; width: 100%; aspect-ratio: 480 / 1029; border-radius: 16px; display: block; overflow: hidden; background: rgb(11, 16, 32); cursor: pointer; isolation: isolate; }
.webp-hover-frame:focus-visible { outline: rgb(0, 212, 255) solid 2px; outline-offset: 4px; }
.webp-hover-frame canvas, .webp-hover-frame img, .webp-hover-frame video { position: absolute; inset: 0px; width: 100%; height: 100%; max-width: 100%; object-fit: contain; border-radius: inherit; display: block; }
.webp-hover-img { opacity: 0; transition: opacity 0.16s; }
.webp-hover-video { opacity: 0; transition: opacity 0.16s; }
.webp-hover-poster { opacity: 1; transition: opacity 0.16s; }
.webp-hover-frame.is-video-ready .webp-hover-video { opacity: 1; }
.webp-hover-frame.is-playing.webp-hover-video-error .webp-hover-img, .webp-hover-frame.webp-hover-fallback .webp-hover-img { opacity: 1; }
.webp-hover-frame.is-playing.webp-hover-video-error .webp-hover-video { opacity: 0; }
.webp-hover-frame.is-video-ready .webp-hover-poster { opacity: 0; }
.showcase-img-frame { width: 100%; height: auto; }
@media (max-width: 768px) {
  .scene-shot { width: 240px; }
}
.cat-item { background: var(--panel); border: 1px solid var(--line); border-radius: 14px; padding: 16px; text-align: center; transition: 0.2s; }
.cat-item:hover { border-color: var(--line2); transform: translateY(-2px); }
.cat-item .emoji { font-size: 28px; margin-bottom: 8px; display: block; }
.cat-item h4 { font-size: 13px; font-weight: 700; color: var(--text); margin-bottom: 4px; }
.cat-item .count { font-size: 11px; color: var(--muted); }
.cat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
@media (max-width: 980px) {
  .cat-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 680px) {
  .cat-grid { grid-template-columns: repeat(2, 1fr); }
}
.trust-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
@media (max-width: 768px) {
  .trust-grid { grid-template-columns: 1fr; }
}
.trust { background: var(--panel); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: 16px; padding: 28px 24px; border-left: 3px solid var(--cyan); }
.trust h3 { font-size: 17px; font-weight: 700; margin-bottom: 14px; color: var(--text); }
.trust p, .trust li { font-size: 14px; color: var(--muted); line-height: 1.7; }
.trust ul { padding-left: 18px; margin: 0px; list-style: disc; }
.trust li { margin-bottom: 6px; }
.trust li:last-child { margin-bottom: 0px; }
.faq { max-width: 760px; margin: 0px auto; }
.fq { background: var(--panel); border: 1px solid var(--line); border-radius: 12px; margin-bottom: 10px; overflow: hidden; }
.fq-q { padding: 16px 20px; cursor: pointer; font-size: 15px; font-weight: 600; color: var(--text); display: flex; justify-content: space-between; align-items: center; user-select: none; }
.fq-q::after { content: ""; color: var(--cyan); font-size: 18px; transition: transform 0.2s; }
.fq-a { max-height: 0px; overflow: hidden; transition: max-height 0.3s; padding: 0px 20px; }
.fq.on .fq-a { max-height: 300px; padding: 0px 20px 16px; }
.fq-a p { font-size: 14px; color: var(--muted); line-height: 1.6; margin: 0px; }
.cta { text-align: center; padding: 80px 20px; background: var(--bg2); border-top: 1px solid var(--line); }
.cta h2 { font-size: clamp(24px, 3vw, 32px); margin-bottom: 12px; }
.cta p { color: var(--muted); max-width: 500px; margin: 0px auto 28px; line-height: 1.6; }
.mid-cta { padding: 40px 0px; text-align: center; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.mid-cta h3 { font-size: 20px; margin-bottom: 8px; }
.mid-cta p { color: var(--muted); font-size: 14px; margin-bottom: 20px; }
.res-hero { background: linear-gradient(135deg, rgb(8, 12, 24) 0%, rgb(11, 26, 58) 50%, rgb(8, 12, 24) 100%); padding: 80px 20px 60px; text-align: center; position: relative; overflow: hidden; }
.res-hero::before { content: ""; position: absolute; inset: 0px; background: url("/images/hub/resources-hero.jpg") center center / cover; opacity: 0.15; }
.res-hero > * { position: relative; z-index: 1; }
.res-hero h1 { font-size: clamp(32px, 5vw, 48px); font-weight: 700; margin-bottom: 12px; color: rgb(240, 244, 248); }
.res-hero p { color: rgb(139, 148, 158); font-size: 18px; max-width: 500px; margin: 0px auto 24px; }
.res-stats { display: flex; justify-content: center; gap: 48px; margin: 32px 0px; }
.res-stat { text-align: center; }
.res-stat .num { font-size: 2rem; font-weight: 700; color: rgb(0, 212, 255); }
.res-stat .label { font-size: 0.85rem; color: rgb(139, 148, 158); text-transform: uppercase; letter-spacing: 1px; }
.res-cta { display: flex; gap: 16px; justify-content: center; margin-top: 24px; }
.hub-grid { max-width: 1100px; margin: 60px auto; padding: 0px 20px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.hub-card { background: rgb(22, 27, 34); border: 1px solid rgb(33, 38, 45); border-radius: 16px; overflow: hidden; transition: 0.3s; display: block; text-decoration: none; }
.hub-card:hover { border-color: rgb(0, 212, 255); transform: translateY(-4px); box-shadow: rgba(0, 212, 255, 0.15) 0px 12px 40px; }
.hub-card-img { height: 200px; background-size: cover; background-position: center center; }
.hub-card-body { padding: 28px; }
.hub-card-count { display: inline-block; background: rgb(33, 38, 45); color: rgb(139, 148, 158); padding: 4px 12px; border-radius: 12px; font-size: 0.8rem; font-weight: 600; margin-bottom: 12px; }
.hub-card-title { font-size: 1.4rem; font-weight: 700; color: rgb(240, 244, 248); margin-bottom: 8px; }
.hub-card-desc { color: rgb(139, 148, 158); font-size: 0.95rem; margin-bottom: 16px; line-height: 1.6; }
.hub-card-link { color: rgb(0, 212, 255); font-weight: 600; display: flex; align-items: center; gap: 6px; }
.featured { max-width: 1100px; margin: 60px auto; padding: 0px 20px; }
.featured h2 { font-size: 1.8rem; font-weight: 700; margin-bottom: 28px; color: rgb(240, 244, 248); }
.featured-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.featured-card { background: rgb(22, 27, 34); border: 1px solid rgb(33, 38, 45); border-radius: 12px; padding: 24px; transition: 0.3s; display: block; text-decoration: none; }
.featured-card:hover { border-color: rgb(0, 212, 255); transform: translateY(-2px); }
.featured-tag { display: inline-block; background: rgba(63, 185, 80, 0.1); color: rgb(63, 185, 80); padding: 3px 10px; border-radius: 8px; font-size: 0.75rem; font-weight: 600; margin-bottom: 10px; }
.featured-title { font-size: 1rem; font-weight: 600; color: rgb(240, 244, 248); margin-bottom: 8px; line-height: 1.4; }
.featured-desc { color: rgb(139, 148, 158); font-size: 0.85rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.cta-section { background: rgb(22, 27, 34); border-top: 1px solid rgb(33, 38, 45); padding: 80px 20px; text-align: center; margin-top: 60px; }
.cta-section h2 { font-size: 2rem; margin-bottom: 12px; color: rgb(240, 244, 248); }
.cta-section p { color: rgb(139, 148, 158); margin-bottom: 28px; font-size: 1.1rem; }
@media (max-width: 768px) {
  .featured-grid { grid-template-columns: 1fr; }
  .res-stats { flex-direction: column; gap: 16px; }
  .hub-card-img { height: 160px; }
}
.community-hero { padding: 86px 20px 60px; text-align: center; background: linear-gradient(135deg, rgb(8, 12, 24) 0%, rgb(11, 26, 58) 50%, rgb(8, 12, 24) 100%); }
.community-hero-inner { max-width: 700px; margin: 0px auto; }
.community-hero h1 { font-size: clamp(32px, 5vw, 46px); font-weight: 750; margin-bottom: 12px; color: rgb(240, 244, 248); letter-spacing: -0.02em; }
.community-hero p { color: rgb(165, 175, 189); font-size: 17px; line-height: 1.75; max-width: 560px; margin: 0px auto; }
.community-section { padding: 50px 0px 80px; }
.community-section .wrap { max-width: 1000px; margin: 0px auto; padding: 0px 20px; }
.resources-hero { padding: 86px 20px 60px; text-align: center; background: linear-gradient(135deg, rgb(8, 12, 24) 0%, rgb(11, 26, 58) 50%, rgb(8, 12, 24) 100%); }
.resources-hero h1 { font-size: clamp(32px, 5vw, 46px); font-weight: 750; margin-bottom: 12px; color: rgb(240, 244, 248); letter-spacing: -0.02em; }
.resources-hero p { color: rgb(165, 175, 189); font-size: 17px; line-height: 1.75; max-width: 720px; margin: 0px auto; }
.resources-section { padding: 64px 0px 80px; }
.resources-title { text-align: center; margin-bottom: 34px; }
.resources-title h2 { font-size: 28px; font-weight: 720; margin-bottom: 8px; color: rgb(240, 244, 248); }
.resources-title p { color: rgb(139, 148, 158); font-size: 15px; margin: 0px; }
.lang-sw { display: flex; gap: 4px; margin-left: 12px; padding-left: 12px; border-left: 1px solid rgba(255, 255, 255, 0.1); }
.lang-sw a { font-size: 12px; padding: 4px 8px; border-radius: 6px; color: rgb(110, 118, 129); transition: 0.2s; }
.lang-sw a:hover { color: rgb(240, 244, 248); background: rgba(0, 212, 255, 0.08); }
.lang-sw a.on { color: rgb(0, 212, 255); background: rgba(0, 212, 255, 0.1); font-weight: 600; }
.lang-sel { margin-left: 12px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%238b949e' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E") right 8px center no-repeat rgb(13, 17, 23); color: rgb(139, 148, 158); border: 1px solid rgba(0, 212, 255, 0.2); border-radius: 8px; padding: 6px 28px 6px 10px; font-size: 13px; font-family: "Space Grotesk", sans-serif; cursor: pointer; outline: none; appearance: none; }
.lang-sel:hover { border-color: rgb(0, 212, 255); color: rgb(240, 244, 248); }
.lang-sel option { background: rgb(13, 17, 23); color: rgb(240, 244, 248); }
.cc h2 { font-size: 18px; font-weight: 700; margin-bottom: 4px; color: rgb(240, 244, 248); }
.community-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.articles-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.article-card { background: var(--panel); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; text-decoration: none; display: flex; flex-direction: column; transition: 0.25s; min-height: 100%; }
.article-card:hover { border-color: var(--line2); transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.18) 0px 10px 28px; }
.article-card-img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; background: rgb(13, 17, 23); }
.article-card-body { padding: 18px 18px 14px; display: flex; flex-direction: column; gap: 8px; flex: 1 1 0%; }
.article-card-tag { align-self: flex-start; background: rgba(0, 212, 255, 0.1); color: var(--cyan); padding: 3px 10px; border-radius: 8px; font-size: 11px; font-weight: 700; margin-bottom: 2px; }
.article-card-body h4 { font-size: 16px; font-weight: 650; color: rgb(240, 244, 248); line-height: 1.42; margin: 0px; }
.article-card-body p { font-size: 13px; color: rgb(154, 164, 178); line-height: 1.65; margin: 0px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.article-card-meta { display: flex; justify-content: space-between; align-items: center; padding: 0px 18px 18px; margin-top: auto; }
.article-card-meta span { font-size: 12px; color: var(--muted); }
.article-card-meta .read-link { color: var(--cyan); font-weight: 600; font-size: 13px; }
@media (max-width: 900px) {
  .articles-grid { grid-template-columns: repeat(2, 1fr); }
}
.hub-hero { background: linear-gradient(135deg, rgb(30, 58, 95), rgb(15, 23, 42)); padding: 80px 20px 60px; text-align: center; position: relative; overflow: hidden; }
.hub-hero::before { content: ""; position: absolute; inset: 0px; background: url("/images/hub/hub-hero-voice-control.jpg") center center / cover; opacity: 0.15; }
.hub-hero { background: linear-gradient(135deg, rgb(69, 26, 3), rgb(15, 23, 42)); padding: 80px 20px 60px; text-align: center; position: relative; overflow: hidden; }
.hub-hero::before { content: ""; position: absolute; inset: 0px; background: url("/images/hub/hub-hero-comparisons.jpg") center center / cover; opacity: 0.15; }
.hub-hero { background: linear-gradient(135deg, rgb(59, 7, 100), rgb(15, 23, 42)); padding: 80px 20px 60px; text-align: center; position: relative; overflow: hidden; }
.hub-hero::before { content: ""; position: absolute; inset: 0px; background: url("/images/hub/hub-hero-ai-agent.jpg") center center / cover; opacity: 0.15; }
.hub-hero { background: linear-gradient(135deg, rgb(6, 78, 59), rgb(15, 23, 42)); padding: 80px 20px 60px; text-align: center; position: relative; overflow: hidden; }
.hub-hero::before { content: ""; position: absolute; inset: 0px; background: url("/images/hub/hub-hero-news.jpg") center center / cover; opacity: 0.15; }
.hub-featured { max-width: 1000px; margin: 48px auto; padding: 0px 20px; }
.featured-card { display: grid; grid-template-columns: 1fr 1fr; gap: 0px; background: rgb(22, 27, 34); border-radius: 12px; overflow: hidden; border: 1px solid rgb(33, 38, 45); text-decoration: none; transition: 0.3s; }
.featured-card:hover { border-color: rgb(0, 212, 255); transform: translateY(-3px); }
.featured-img { background-size: cover; background-position: center center; min-height: 280px; }
.featured-content { padding: 32px; display: flex; flex-direction: column; justify-content: center; }
.featured-tag { display: inline-block; background: rgba(0, 212, 255, 0.1); color: rgb(0, 212, 255); padding: 4px 12px; border-radius: 8px; font-size: 0.75rem; font-weight: 600; margin-bottom: 12px; width: fit-content; }
.featured-content h2 { font-size: 1.5rem; margin-bottom: 12px; color: rgb(240, 244, 248); }
.featured-content p { color: rgb(139, 148, 158); margin-bottom: 20px; line-height: 1.6; }
.related-hubs { max-width: 1000px; margin: 48px auto; padding: 0px 20px; }
.related-hubs h2 { font-size: 1.5rem; margin-bottom: 24px; color: rgb(240, 244, 248); }
.hub-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.hub-card { background: rgb(22, 27, 34); border-radius: 10px; border: 1px solid rgb(33, 38, 45); padding: 24px; text-align: center; transition: 0.3s; display: block; text-decoration: none; }
.hub-card:hover { border-color: rgb(0, 212, 255); transform: translateY(-3px); }
.hub-card i { font-size: 2rem; color: rgb(0, 212, 255); margin-bottom: 12px; display: block; }
.hub-card h3 { font-size: 1rem; margin-bottom: 6px; color: rgb(240, 244, 248); }
.hub-card p { color: rgb(139, 148, 158); font-size: 0.85rem; margin-bottom: 12px; }
.hub-card .link { color: rgb(0, 212, 255); font-weight: 600; font-size: 0.85rem; }
@media (max-width: 768px) {
  .featured-card { grid-template-columns: 1fr; }
  .hub-grid { grid-template-columns: 1fr; }
}
* { margin: 0px; padding: 0px; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: Inter, -apple-system, "Segoe UI", sans-serif; background: rgb(8, 12, 24); color: rgb(139, 148, 158); line-height: 1.8; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6 { font-family: "Space Grotesk", Inter, sans-serif; color: rgb(240, 244, 248); font-weight: 700; }
h3 { color: rgb(201, 209, 217); }
a { color: rgb(0, 212, 255); text-decoration: none; }
.wrap { max-width: 1000px; margin: 0px auto; padding: 0px 20px; }
nav.top-nav { position: fixed; top: 0px; width: 100%; z-index: 99; background: rgba(8, 12, 24, 0.95); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0, 200, 255, 0.08); }
.nb { max-width: 1240px; margin: 0px auto; padding: 0px 20px; height: 50px; display: flex; align-items: center; justify-content: space-between; }
.logo { font-family: "Space Grotesk", sans-serif; font-size: 20px; font-weight: 700; color: rgb(0, 212, 255); cursor: pointer; display: flex; align-items: center; gap: 8px; }
.logo img { width: 28px; height: 28px; border-radius: 6px; }
.nr { display: flex; gap: 16px; align-items: center; }
.nr a { color: rgb(139, 148, 158); font-size: 14px; font-weight: 500; cursor: pointer; transition: color 0.2s; letter-spacing: 0px; }
.nr a:hover, .nr a.on { color: rgb(240, 244, 248); font-weight: 500; }
.nav-account-actions { position: relative; display: flex; flex: 0 0 auto; align-items: center; margin-left: 12px; padding-left: 20px; border-left: 1px solid rgb(49, 80, 93); }
.nav-account-slot-placeholder { visibility: hidden; pointer-events: none; }
.nav-account-login[hidden],.nav-member-menu[hidden] { display: none !important; }
.member-token-pending .nav-account-login { display: none !important; }
.member-token-pending .nav-member-menu { display: block !important; }
.nr .nav-account-actions .nav-account-login { display: inline-flex; min-height: 34px; align-items: center; justify-content: center; margin: 0; padding: 0 13px; border: 1px solid rgb(49, 80, 93); border-radius: 7px; color: rgb(203, 215, 225); background: rgb(16, 25, 35); line-height: 1.15; white-space: nowrap; }
.nav-member-menu { position: relative; }
.nav-member-avatar { display: grid; width: 36px; height: 36px; padding: 0; place-items: center; border: 1px solid rgb(0, 185, 218); border-radius: 50%; color: rgb(7, 18, 24); background: linear-gradient(135deg, rgb(0, 212, 255), rgb(63, 185, 80)); font-family: "Space Grotesk", Inter, sans-serif; font-size: 12px; font-weight: 800; line-height: 1; cursor: pointer; }
.nav-member-avatar > span { display: grid; width: 100%; height: 100%; place-items: center; line-height: 1; }
.nav-member-avatar:hover,.nav-member-avatar:focus-visible,.nav-member-avatar.on { box-shadow: 0 0 0 3px rgba(0, 212, 255, .14); }
.nav-member-dropdown { position: absolute; z-index: 10020; top: calc(100% + 9px); right: 0; display: none; width: max-content; min-width: 150px; overflow: hidden; border: 1px solid rgb(42, 55, 69); border-radius: 10px; background: rgb(14, 22, 32); box-shadow: 0 16px 38px rgba(0, 0, 0, .38); }
.nav-member-menu.open .nav-member-dropdown { display: grid; }
.nr .nav-member-dropdown a,.nav-member-dropdown button { display: flex; width: 100%; min-height: 42px; align-items: center; padding: 9px 14px; border: 0; border-bottom: 1px solid rgb(32, 44, 57); border-radius: 0; color: rgb(203, 215, 225); background: transparent; font: inherit; font-size: 14px; text-align: start; cursor: pointer; white-space: nowrap; }
.nav-member-dropdown button { border-bottom: 0; }
.nr .nav-member-dropdown a:hover,.nr .nav-member-dropdown a:focus-visible,.nav-member-dropdown button:hover,.nav-member-dropdown button:focus-visible { color: rgb(255, 255, 255); background: rgb(27, 40, 53); }
html[dir="rtl"] .nav-member-dropdown { right: auto; left: 0; }
html[dir="rtl"] .nav-account-actions { margin-right: 12px; margin-left: 0; padding-right: 20px; padding-left: 0; border-right: 1px solid rgb(49, 80, 93); border-left: 0; }
.pg { display: none; }
.pg.on { display: block; }
.hero { min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 80px 20px 40px; position: relative; background-size: cover; background-position: center 40%; }
.hero::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(8, 12, 24, 0.4), rgba(8, 12, 24, 0.7) 50%, rgba(8, 12, 24, 0.95)); }
.hero > * { position: relative; z-index: 1; max-width: 750px; margin: 0px auto; }
.hero h1 { font-size: clamp(40px, 8vw, 68px); font-weight: 700; letter-spacing: -2px; line-height: 1.1; margin-bottom: 12px; color: rgb(240, 244, 248); }
.cn { color: rgb(0, 212, 255); }
.hero .tag { font-size: clamp(18px, 3vw, 26px); color: rgb(201, 209, 217); font-weight: 500; margin-bottom: 8px; }
.hero .sub { font-size: 16px; color: rgb(139, 148, 158); max-width: 520px; margin: 0px auto 12px; line-height: 1.6; }
.hero .pain { font-size: 15px; color: rgb(0, 212, 255); font-weight: 600; margin-bottom: 24px; }
.btns { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.bp { padding: 13px 28px; background: rgb(0, 212, 255); color: rgb(8, 12, 24); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 7px; font-size: 17px; font-weight: 700; cursor: pointer; transition: 0.2s; font-family: "Space Grotesk", sans-serif; }
.bp:hover { box-shadow: rgba(0, 200, 255, 0.3) 0px 4px 20px; transform: translateY(-1px); }
.bo { padding: 13px 28px; background: 0px center; color: rgb(201, 209, 217); border: 1px solid rgba(0, 200, 255, 0.15); border-radius: 7px; font-size: 17px; cursor: pointer; font-family: "Space Grotesk", sans-serif; }
.sec { padding: 80px 0px; }
.se { padding: 80px 0px; background: rgb(11, 16, 32); }
.st { text-align: center; margin-bottom: 40px; }
.st h2 { font-size: clamp(28px, 4.5vw, 40px); font-weight: 700; margin-bottom: 6px; color: rgb(240, 244, 248); }
.st p { color: rgb(139, 148, 158); font-size: 16px; max-width: 520px; margin: 0px auto; }
.fg { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; align-items: center; }
@media (max-width: 760px) {
  .fg { grid-template-columns: 1fr; }
}
.fg h3 { font-size: 24px; font-weight: 700; margin-bottom: 10px; color: rgb(240, 244, 248); }
.fg p { color: rgb(139, 148, 158); font-size: 15px; margin-bottom: 14px; }
.fg ul { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.fg li { color: rgb(139, 148, 158); font-size: 14px; padding: 2px 0px; }
.fg li::before { content: "✅"; font-size: 12px; }
.fig { border-radius: 14px; overflow: hidden; border: 1px solid rgba(0, 200, 255, 0.1); margin: 0px; aspect-ratio: 16 / 9; }
.fig img { width: 100%; height: 100%; object-fit: cover; display: block; }
.g5 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
@media (max-width: 900px) {
  .g5 { grid-template-columns: repeat(2, 1fr); }
}
.ac { background: rgb(13, 17, 23); border: 1px solid rgba(0, 200, 255, 0.08); border-radius: 8px; padding: 14px; text-align: center; }
.ac .n { font-size: 18px; font-weight: 800; color: rgb(0, 212, 255); opacity: 0.2; }
.ac h4 { font-size: 14px; font-weight: 700; margin-bottom: 3px; color: rgb(201, 209, 217); }
.ac p { color: rgb(110, 118, 129); font-size: 12px; }
.tb { width: 100%; border-collapse: collapse; background: rgb(13, 17, 23); border-radius: 8px; overflow: hidden; border: 1px solid rgba(0, 200, 255, 0.08); }
.tb th { background: rgba(0, 200, 255, 0.05); color: rgb(0, 212, 255); padding: 9px 12px; text-align: left; font-size: 14px; font-weight: 700; }
.tb td { padding: 9px 12px; border-bottom: 1px solid rgba(0, 200, 255, 0.06); font-size: 14px; color: rgb(139, 148, 158); }
.fq { background: rgb(13, 17, 23); border: 1px solid rgba(0, 200, 255, 0.08); border-radius: 7px; margin-bottom: 6px; overflow: hidden; }
.fq-q { padding: 14px 18px; cursor: pointer; font-size: 16px; font-weight: 600; display: flex; justify-content: space-between; color: rgb(240, 244, 248); }
.fq-q::after { content: "+"; color: rgb(0, 212, 255); }
.fq.on .fq-q::after { transform: rotate(45deg); }
.fq-a { max-height: 0px; overflow: hidden; transition: 0.3s; padding: 0px 18px; color: rgb(139, 148, 158); font-size: 15px; }
.fq.on .fq-a { max-height: 400px; padding: 0px 18px 14px; }
.gc { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; }
.cc { background: rgb(13, 17, 23); border: 1px solid rgba(0, 200, 255, 0.08); border-radius: 10px; padding: 22px; text-align: center; transition: 0.25s; display: flex; flex-direction: column; align-items: center; }
.cc:hover { border-color: rgb(0, 212, 255); }
.cc .ci { font-size: 28px; margin-bottom: 8px; }
.cc h3 { font-size: 18px; font-weight: 700; margin-bottom: 4px; color: rgb(240, 244, 248); }
.cc p { color: rgb(139, 148, 158); font-size: 15px; margin-bottom: 10px; }
.bs { display: inline-block; padding: 5px 14px; margin-top: auto; background: rgba(0, 200, 255, 0.08); color: rgb(0, 212, 255); border-radius: 5px; font-size: 13px; font-weight: 700; cursor: pointer; transition: 0.2s; }
.bs:hover { background: rgb(0, 212, 255); color: rgb(8, 12, 24); }
.rc { background: rgb(13, 17, 23); border: 1px solid rgba(0, 200, 255, 0.08); border-radius: 12px; overflow: hidden; cursor: pointer; transition: 0.25s; }
.rc:hover { border-color: rgb(0, 212, 255); transform: translateY(-2px); }
.rc-img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.rc-body { padding: 20px; }
.cat { display: inline-block; padding: 3px 10px; background: rgba(0, 200, 255, 0.08); color: rgb(0, 212, 255); border-radius: 20px; font-size: 12px; font-weight: 700; margin-bottom: 10px; }
.rc h3 { font-size: 17px; font-weight: 700; margin-bottom: 8px; line-height: 1.4; color: rgb(240, 244, 248); }
.rc p { color: rgb(139, 148, 158); font-size: 14px; line-height: 1.6; }
.meta { margin-top: 10px; color: rgb(110, 118, 129); font-size: 12px; }
.arrow { color: rgb(0, 212, 255); font-size: 14px; margin-top: 8px; display: inline-block; }
.uc-card { margin-bottom: 14px; background: rgb(13, 17, 23); border: 1px solid rgba(0, 200, 255, 0.08); border-radius: 10px; overflow: hidden; display: grid; grid-template-columns: 240px 1fr; transition: 0.25s; }
.uc-card:hover { border-color: rgba(0, 200, 255, 0.2); }
@media (max-width: 600px) {
  .uc-card { grid-template-columns: 1fr; }
}
.uc-card img { width: 100%; height: 100%; object-fit: cover; min-height: 160px; }
.uc-body { padding: 16px 20px; }
.uc-card h3 { margin-bottom: 6px; color: rgb(240, 244, 248); }
.uc-card p { color: rgb(139, 148, 158); font-size: 14px; margin-bottom: 6px; }
.uc-card ul { list-style: none; }
.uc-card li { color: rgb(139, 148, 158); font-size: 13px; padding: 2px 0px; }
.uc-card li::before { content: "✅"; font-size: 11px; }
.pain-section { padding: 80px 0px; background: linear-gradient(rgb(11, 16, 32) 0%, rgb(8, 12, 24) 100%); }
.pain-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
.pain-card { background: rgb(13, 17, 23); border: 1px solid rgba(0, 200, 255, 0.12); border-radius: 12px; padding: 24px; transition: 0.25s; }
.pain-card:hover { border-color: rgba(0, 200, 255, 0.3); transform: translateY(-2px); }
.pain-card .icon { font-size: 32px; margin-bottom: 12px; }
.pain-card h3 { font-size: 18px; font-weight: 700; margin-bottom: 8px; color: rgb(240, 244, 248); }
.pain-card p { color: rgb(139, 148, 158); font-size: 14px; line-height: 1.7; }
.pain-card .solution { margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(0, 200, 255, 0.1); color: rgb(63, 185, 80); font-size: 14px; font-weight: 600; }
.trust-section { padding: 60px 0px; background: rgba(0, 200, 255, 0.03); border-top: 1px solid rgba(0, 200, 255, 0.08); border-bottom: 1px solid rgba(0, 200, 255, 0.08); }
.trust-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; text-align: center; }
.trust-item { padding: 20px; text-align: center; display: flex; flex-direction: column; align-items: center; }
.trust-item .t-icon { font-size: 36px; margin-bottom: 10px; }
.trust-item h4 { font-size: 16px; font-weight: 700; margin-bottom: 6px; color: rgb(0, 212, 255); height: 52px; display: flex; align-items: flex-start; justify-content: center; line-height: 1.3; }
.trust-item p { color: rgb(139, 148, 158); font-size: 13px; line-height: 1.6; }
.ft-inner { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 30px; text-align: left; }
@media (max-width: 760px) {
  .ft-inner { grid-template-columns: 1fr 1fr; }
  .ft-inner > div:first-child { grid-column: 1 / -1; }
}
.ft-col h4, .ft-col .ft-heading { font-size: 13px; font-weight: 700; margin-bottom: 12px; color: rgb(240, 244, 248); text-transform: uppercase; letter-spacing: 1px; }
.ft-col a { display: block; color: rgb(110, 118, 129); font-size: 13px; margin-bottom: 8px; transition: color 0.2s; }
.ft-col a:hover { color: rgb(0, 212, 255); }
.ft-brand > p { max-width: 330px; }
footer { display: block; background: rgb(11, 16, 32); border-top: 1px solid rgba(0, 200, 255, 0.06); padding: 40px 0px 24px; color: rgb(110, 118, 129); font-size: 12px; }
.article-overlay { display: none; position: fixed; inset: 0px; z-index: 100; background: rgba(8, 12, 24, 0.97); overflow-y: auto; }
.article-overlay.show { display: block; }
.close-btn { position: fixed; top: 16px; right: 20px; font-size: 36px; color: rgb(110, 118, 129); cursor: pointer; z-index: 101; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; transition: color 0.2s; }
.close-btn:hover { color: rgb(240, 244, 248); }
.back-link { display: inline-block; color: rgb(0, 212, 255); font-size: 14px; margin-bottom: 20px; cursor: pointer; }
.reading-progress { position: fixed; top: 50px; left: 0px; width: 0px; height: 3px; background: linear-gradient(90deg, rgb(0, 212, 255), rgb(63, 185, 80)); z-index: 99; transition: width 0.1s; }
.art-wrap { max-width: 760px; margin: 0px auto; padding: 80px 24px 60px; }
.breadcrumb { display: flex; align-items: center; gap: 6px; font-size: 13px; color: rgb(110, 118, 129); margin-bottom: 24px; flex-wrap: wrap; }
.breadcrumb a { color: rgb(110, 118, 129); transition: color 0.2s; }
.breadcrumb a:hover { color: rgb(0, 212, 255); }
.breadcrumb .sep { color: rgb(72, 79, 88); }
.art-header { margin-bottom: 36px; }
.art-header .cat { display: inline-block; padding: 4px 12px; background: rgba(0, 212, 255, 0.08); color: rgb(0, 212, 255); border-radius: 20px; font-size: 12px; font-weight: 700; margin-bottom: 14px; }
.art-header .meta-row { display: flex; align-items: center; gap: 12px; font-size: 13px; color: rgb(110, 118, 129); margin-bottom: 16px; flex-wrap: wrap; }
.art-header .meta-row span { display: flex; align-items: center; gap: 4px; }
.art-header h1 { font-size: clamp(26px, 4vw, 38px); font-weight: 700; line-height: 1.25; margin-bottom: 16px; color: rgb(240, 244, 248); letter-spacing: -0.5px; }
.art-header .art-desc { font-size: 17px; color: rgb(201, 209, 217); line-height: 1.7; margin-bottom: 0px; }
.art-hero { width: 100%; border-radius: 14px; margin: 28px 0px 36px; aspect-ratio: 16 / 9; object-fit: cover; display: block; border: 1px solid rgba(0, 212, 255, 0.1); }
.summary-box { background: rgba(0, 212, 255, 0.04); border-width: 1px 1px 1px 4px; border-style: solid; border-color: rgba(0, 212, 255, 0.12) rgba(0, 212, 255, 0.12) rgba(0, 212, 255, 0.12) rgb(0, 212, 255); border-image: initial; border-radius: 8px; padding: 20px 24px; margin-bottom: 40px; }
.summary-box h3 { font-size: 14px; font-weight: 700; color: rgb(0, 212, 255); margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1px; }
.summary-box ul { list-style: none; padding: 0px; }
.summary-box li { color: rgb(201, 209, 217); font-size: 14px; line-height: 1.7; padding: 3px 0px 3px 20px; position: relative; }
.summary-box li::before { content: "→"; position: absolute; left: 0px; color: rgb(0, 212, 255); font-weight: 700; }
.toc { background: rgb(13, 17, 23); border: 1px solid rgba(0, 212, 255, 0.1); border-radius: 10px; padding: 20px 24px; margin-bottom: 40px; }
.toc h3 { font-size: 14px; font-weight: 700; color: rgb(139, 148, 158); margin-bottom: 12px; text-transform: uppercase; letter-spacing: 1px; }
.toc ol { list-style: none; counter-reset: toc 0; padding: 0px; margin: 0px; }
.toc li { counter-increment: toc 1; padding: 5px 0px; border-bottom: 1px solid rgba(0, 212, 255, 0.04); }
.toc li:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.toc li::before { content: counter(toc, decimal-leading-zero); font-size: 12px; font-weight: 700; color: rgb(0, 212, 255); margin-right: 10px; font-family: "Space Grotesk", monospace; }
.toc a { color: rgb(139, 148, 158); font-size: 14px; font-weight: 500; transition: color 0.2s; text-decoration: none; }
.toc a:hover { color: rgb(0, 212, 255); }
.art-body { font-size: 17px; line-height: 1.8; color: rgb(201, 209, 217); }
.art-body h2 { font-size: 22px; font-weight: 700; color: rgb(240, 244, 248); margin: 48px 0px 6px; padding-top: 16px; border-top: 1px solid rgba(0, 212, 255, 0.06); scroll-margin-top: 70px; position: relative; }
.art-body h2:first-child { margin-top: 0px; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; padding-top: 0px; }
.art-body h2 .anchor { position: absolute; left: -24px; top: 50%; transform: translateY(-50%); color: rgb(0, 212, 255); font-size: 16px; opacity: 0; transition: opacity 0.2s; text-decoration: none; font-weight: 400; }
.art-body h2:hover .anchor { opacity: 1; }
.art-body h3 { font-size: 18px; font-weight: 600; color: rgb(201, 209, 217); margin: 28px 0px 8px; scroll-margin-top: 70px; }
.art-body p { margin-bottom: 18px; }
.art-body strong { color: rgb(240, 244, 248); font-weight: 600; }
.art-body em { color: rgb(201, 209, 217); font-style: italic; }
.art-body a { color: rgb(0, 212, 255); text-decoration: underline; text-underline-offset: 2px; }
.art-body ul, .art-body ol { margin: 0px 0px 18px 24px; }
.art-body li { margin-bottom: 6px; }
.art-body ul li { list-style-type: disc; }
.art-body ol li { list-style-type: decimal; }
.callout { background: rgba(63, 185, 80, 0.06); border-width: 1px 1px 1px 4px; border-style: solid; border-color: rgba(63, 185, 80, 0.15) rgba(63, 185, 80, 0.15) rgba(63, 185, 80, 0.15) rgb(63, 185, 80); border-image: initial; border-radius: 8px; padding: 16px 20px; margin: 24px 0px; font-size: 15px; color: rgb(201, 209, 217); }
.callout.warn { background: rgba(255, 193, 7, 0.06); border-color: rgba(255, 193, 7, 0.15) rgba(255, 193, 7, 0.15) rgba(255, 193, 7, 0.15) rgb(255, 193, 7); }
.callout.info { background: rgba(0, 212, 255, 0.06); border-color: rgba(0, 212, 255, 0.15) rgba(0, 212, 255, 0.15) rgba(0, 212, 255, 0.15) rgb(0, 212, 255); }
.callout-title { font-weight: 700; color: rgb(63, 185, 80); font-size: 13px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 6px; }
.callout.warn .callout-title { color: rgb(255, 193, 7); }
.callout.info .callout-title { color: rgb(0, 212, 255); }
.art-faq { margin-top: 40px; padding-top: 32px; border-top: 1px solid rgba(0, 212, 255, 0.08); }
.art-faq h2 { border-top-width: medium !important; border-top-style: none !important; border-top-color: currentcolor !important; margin-top: 0px !important; padding-top: 0px !important; }
.faq-item { background: rgb(13, 17, 23); border: 1px solid rgba(0, 212, 255, 0.08); border-radius: 8px; margin-bottom: 8px; overflow: hidden; transition: border-color 0.2s; }
.faq-item:hover { border-color: rgba(0, 212, 255, 0.15); }
.faq-q { padding: 16px 20px; cursor: pointer; font-size: 15px; font-weight: 600; color: rgb(240, 244, 248); display: flex; justify-content: space-between; align-items: center; gap: 12px; user-select: none; }
.faq-q::after { content: "+"; color: rgb(0, 212, 255); font-size: 20px; font-weight: 400; flex-shrink: 0; transition: transform 0.2s; }
.faq-item.open .faq-q::after { transform: rotate(45deg); }
.faq-a { max-height: 0px; overflow: hidden; transition: max-height 0.3s, padding 0.3s; }
.faq-a-inner { padding: 0px 20px 16px; color: rgb(139, 148, 158); font-size: 15px; line-height: 1.7; }
.faq-item.open .faq-a { max-height: 500px; }
.related-section { margin-top: 48px; padding-top: 32px; border-top: 1px solid rgba(0, 212, 255, 0.08); }
.related-section h3 { font-size: 18px; font-weight: 700; margin-bottom: 16px; color: rgb(240, 244, 248); }
.related-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.related-card { display: block; padding: 16px; background: rgb(13, 17, 23); border: 1px solid rgba(0, 212, 255, 0.08); border-radius: 8px; text-decoration: none; transition: 0.2s; }
.related-card:hover { border-color: rgb(0, 212, 255); transform: translateY(-2px); }
.related-card .rc-cat { color: rgb(0, 212, 255); font-size: 11px; font-weight: 700; margin-bottom: 4px; }
.related-card .rc-title { color: rgb(240, 244, 248); font-size: 14px; font-weight: 600; line-height: 1.4; }
@media (max-width: 600px) {
  .art-wrap { padding: 60px 16px 40px; }
  .art-header h1 { font-size: 24px; }
  .art-header .art-desc { font-size: 15px; }
  .art-body { font-size: 15px; }
  .art-body h2 { font-size: 19px; margin: 36px 0px 4px; }
  .art-body h3 { font-size: 16px; }
  .art-body h2 .anchor { display: none; }
  .art-faq h2 .anchor { display: none; }
  .toc { padding: 16px; }
  .summary-box { padding: 16px; }
}
.back-to-top { position: fixed; bottom: 180px; right: 24px; width: 44px; height: 44px; background: rgba(0, 212, 255, 0.15); border: 1px solid rgba(0, 212, 255, 0.3); border-radius: 50%; color: rgb(0, 212, 255); font-size: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: 0.3s; z-index: 90; backdrop-filter: blur(8px); }
.back-to-top.show { opacity: 1; visibility: visible; }
.back-to-top:hover { background: rgba(0, 212, 255, 0.3); border-color: rgb(0, 212, 255); transform: translateY(-2px); }
@media (max-width: 480px) {
  .nb { padding: 0px 12px; height: 44px; }
  .logo { font-size: 17px; }
  .logo img { width: 22px; height: 22px; }
  .hero h1 { font-size: clamp(32px, 10vw, 50px); }
  .hero .tag { font-size: 15px; }
  .hero .sub { font-size: 14px; }
  .btns { flex-direction: column; align-items: center; }
  .bp, .bo { width: 100%; max-width: 260px; text-align: center; }
  .sec, .se { padding: 50px 0px; }
  .st h2 { font-size: clamp(22px, 6vw, 32px); }
  .st p { font-size: 14px; }
  .fg { gap: 20px; }
  .fg h3 { font-size: 20px; }
  .fg p { font-size: 14px; }
  .fg ul { grid-template-columns: 1fr; }
  .fg li { font-size: 13px; }
  .uc-card { grid-template-columns: 1fr; }
  .uc-card img { min-height: 140px; }
  .uc-body { padding: 12px 16px; }
  .g5 { grid-template-columns: 1fr 1fr !important; }
  .ac { padding: 10px; }
  .ac .n { font-size: 14px; }
  .ac h4 { font-size: 12px; }
  .ac p { font-size: 11px; }
  .tb { font-size: 13px; }
  .tb th, .tb td { padding: 6px 8px; }
  .fq-q { font-size: 14px; padding: 12px 14px; }
  .fq-a { font-size: 13px; }
  .gc { grid-template-columns: 1fr 1fr; gap: 10px; }
  .cc { padding: 16px; }
  .cc .ci { font-size: 22px; }
  .cc h3 { font-size: 15px; }
  .cc p { font-size: 13px; }
  .rc-body { padding: 14px; }
  .rc h3 { font-size: 15px; }
  .rc p { font-size: 13px; }
  .ft-inner { grid-template-columns: 1fr; gap: 20px; }
  .ft-col { margin-bottom: 10px; }
  .article-content { padding: 60px 16px 30px; }
  .article-content h1 { font-size: 22px; }
  .article-content h2 { font-size: 17px; }
  .article-content p { font-size: 14px; }
  .close-btn { top: 10px; right: 12px; font-size: 28px; }
  .pain-grid { grid-template-columns: 1fr; }
}
.hamburger { display: none; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: rgb(0, 212, 255); font-size: 24px; cursor: pointer; padding: 8px; line-height: 1; }
@media (max-width: 480px) {
  .hamburger { display: block; }
  .nr { display: none; position: absolute; top: 50px; left: 0px; right: 0px; background: rgba(8, 12, 24, 0.98); flex-direction: column; padding: 12px 20px; border-bottom: 1px solid rgba(0, 212, 255, 0.08); backdrop-filter: blur(12px); }
  .nr.open { display: flex; }
  .nr a { padding: 12px 0px; font-size: 16px; border-bottom: 1px solid rgba(0, 212, 255, 0.04); }
  .nr a:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
  .toc a { display: block; padding: 8px 0px; }
  .breadcrumb a, .breadcrumb span { padding: 4px 0px; }
  .art-body a { padding: 2px 0px; }
}
#social-share button:hover { border-color: rgb(0, 212, 255); color: rgb(0, 212, 255); transform: scale(1.1); }
#social-share button:active { transform: scale(0.95); }
@media (max-width: 768px) {
  #social-share { padding: 12px; background: rgba(8, 12, 24, 0.95); border-top: 1px solid rgb(26, 35, 50); gap: 12px; position: fixed !important; inset: auto 0px 0px !important; transform: none !important; flex-direction: row !important; justify-content: center !important; }
  #social-share button { width: 36px; height: 36px; }
  .back-to-top { bottom: 120px !important; right: 16px !important; }
}
@media (max-width: 900px) {
  .community-grid { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 600px) {
  .community-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
#download-btn.available { background: linear-gradient(135deg, rgb(63, 185, 80), rgb(46, 160, 67)); pointer-events: auto; opacity: 1; box-shadow: rgba(63, 185, 80, 0.3) 0px 4px 16px; }
#download-btn.unavailable { background: rgb(90, 29, 29); pointer-events: none; opacity: 0.6; }
.hub-hero { padding: 80px 20px 60px; text-align: center; position: relative; overflow: hidden; }
.hub-hero::before { content: ""; position: absolute; inset: 0px; opacity: 0.15; }
.hub-hero > * { position: relative; z-index: 1; }
.hub-hero h1 { font-size: clamp(32px, 5vw, 48px); font-weight: 700; margin-bottom: 12px; color: rgb(240, 244, 248); }
.hub-hero .subtitle { color: rgb(139, 148, 158); font-size: 18px; max-width: 600px; margin: 0px auto 24px; }
.hub-stats { display: flex; justify-content: center; gap: 48px; margin: 32px 0px; }
.hub-stat { text-align: center; }
.hub-stat .num { font-size: 2rem; font-weight: 700; color: rgb(0, 212, 255); }
.hub-stat .label { font-size: 0.85rem; color: rgb(139, 148, 158); text-transform: uppercase; letter-spacing: 1px; }
.hub-cta { display: flex; gap: 16px; justify-content: center; margin-top: 24px; }
.hub-tabs { display: flex; justify-content: center; gap: 8px; padding: 24px 20px; flex-wrap: wrap; border-bottom: 1px solid rgb(33, 38, 45); position: sticky; top: 50px; background: rgb(13, 17, 23); z-index: 100; }
.tab-btn { padding: 10px 20px; border-radius: 20px; border: 1px solid rgb(48, 54, 61); background: transparent; color: rgb(139, 148, 158); cursor: pointer; font-size: 0.9rem; transition: 0.2s; }
.tab-btn:hover { border-color: rgb(0, 212, 255); color: rgb(0, 212, 255); }
.tab-btn.active { background: rgb(0, 212, 255); border-color: rgb(0, 212, 255); color: rgb(8, 12, 24); }
.hub-section { max-width: 1000px; margin: 48px auto; padding: 0px 20px; }
.hub-section h2 { font-size: 1.5rem; margin-bottom: 24px; color: rgb(240, 244, 248); }
.article-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }
.article-card { background: rgb(22, 27, 34); border-radius: 10px; border: 1px solid rgb(33, 38, 45); overflow: hidden; transition: 0.3s; display: block; text-decoration: none; }
.article-card:hover { border-color: rgb(0, 212, 255); transform: translateY(-3px); }
.card-img { height: 160px; background: center center / cover rgb(33, 38, 45); }
.card-body { padding: 16px; }
.card-tag { display: inline-block; background: rgba(63, 185, 80, 0.1); color: rgb(63, 185, 80); padding: 3px 8px; border-radius: 6px; font-size: 0.7rem; font-weight: 600; margin-bottom: 8px; }
.card-title { font-size: 1rem; font-weight: 600; margin-bottom: 6px; color: rgb(240, 244, 248); }
.card-desc { color: rgb(139, 148, 158); font-size: 0.85rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.card-meta { display: flex; justify-content: space-between; color: rgb(110, 118, 129); font-size: 0.75rem; margin-top: 8px; }
.cta-section { background: rgb(22, 27, 34); border-top: 1px solid rgb(33, 38, 45); padding: 60px 20px; text-align: center; margin-top: 48px; }
.cta-section h2 { font-size: 1.8rem; margin-bottom: 10px; color: rgb(240, 244, 248); }
.cta-section p { color: rgb(139, 148, 158); margin-bottom: 24px; }
@media (max-width: 768px) {
  .hub-hero h1 { font-size: 2rem; }
  .hub-stats { flex-direction: column; gap: 16px; }
  .article-grid { grid-template-columns: 1fr; }
  .tab-btn { padding: 8px 14px; font-size: 0.8rem; }
}
.scenarios .wrap, .articles-section .wrap { max-width: 1000px; margin: 0px auto; padding: 0px 20px; }
.scenarios .section-title, .articles-section .section-title { text-align: center; margin-bottom: 48px; }
.scenarios .section-title p, .articles-section .section-title p { max-width: 560px; margin: 0px auto; color: var(--muted); line-height: 1.6; }
.scenario-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.articles-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.article-card { background: var(--panel); border: 1px solid var(--line); border-radius: 14px; overflow: hidden; text-decoration: none; color: inherit; display: block; transition: 0.25s; }
.article-card:hover { border-color: var(--line2); transform: translateY(-3px); }
@media (max-width: 980px) {
  .articles-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .scenario-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .articles-grid { grid-template-columns: 1fr; }
}
.features-hero { min-height: auto; display: block; position: relative; text-align: start; padding: 112px 0px 84px; background: linear-gradient(135deg, rgb(8, 12, 24) 0%, rgb(13, 19, 36) 48%, rgb(7, 19, 31) 100%); overflow: hidden; }
.features-hero::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.043) 1px, transparent 1px) 0% 0% / 56px 56px, linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px) 0% 0% / 56px 56px, radial-gradient(circle at 76% 28%, rgba(0, 212, 255, 0.22), transparent 34%) 0% 0% / 100% 100%, radial-gradient(circle at 88% 72%, rgba(63, 185, 80, 0.12), transparent 26%) 0% 0% / 100% 100%; mask-image: linear-gradient(rgba(0, 0, 0, 0.78), transparent 86%); opacity: 0.72; pointer-events: none; }
.features-hero::after { content: ""; position: absolute; inset: auto 0px 0px; height: 160px; background: linear-gradient(transparent, rgb(7, 9, 20)); pointer-events: none; }
.features-hero > .wrap.hero-grid { position: relative; z-index: 1; max-width: 1120px; width: 100%; margin: 0px auto; padding: 0px 24px; display: grid; grid-template-columns: minmax(0px, 1.18fr) minmax(340px, 0.92fr); gap: 60px; align-items: center; text-align: start; }
.features-hero .lead { max-width: 620px; margin-inline: 0px; }
.features-hero .btns { display: flex; flex-flow: column; gap: 14px; align-items: flex-start; margin-bottom: 28px; justify-content: flex-start; }
.features-hero .btns > [data-foneclaw-apk-cta], .features-hero .btns > .foneclaw-apk-cta, .features-hero .btns > .bo { width: 100%; max-width: 360px; }
.features-hero .btns > .bo { text-align: center; }
.features-hero .hero-metrics { display: flex; gap: 18px; flex-wrap: wrap; }
.features-hero .metric { min-width: 132px; padding: 14px 16px; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.043); border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.18) 0px 18px 48px; }
.features-hero .feature-hero-device { position: relative; display: flex; justify-content: center; align-items: center; min-height: 500px; margin: 0px; overflow: visible; isolation: isolate; }
.features-hero .feature-hero-device::before { content: ""; position: absolute; left: 50%; top: 50%; width: 390px; height: 440px; transform: translate(-50%, -48%) rotate(-7deg); border: 1px solid rgba(0, 212, 255, 0.18); border-radius: 34px; background: linear-gradient(145deg, rgba(0, 212, 255, 0.15), rgba(255, 255, 255, 0.043) 42%, rgba(63, 185, 80, 0.1)); box-shadow: rgba(0, 0, 0, 0.42) 0px 30px 90px; }
.features-hero .feature-hero-device::after { content: ""; position: absolute; left: 50%; bottom: 8px; width: 320px; height: 74px; transform: translateX(-50%); background: radial-gradient(rgba(0, 212, 255, 0.24), transparent 70%); filter: blur(12px); opacity: 0.9; }
.features-hero .phone-frame { position: relative; z-index: 1; width: 312px; height: auto; padding: 10px 8px; background: rgb(17, 24, 39); border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0.18); box-shadow: rgba(0, 0, 0, 0.56) 0px 28px 90px, rgba(0, 212, 255, 0.12) 0px 0px 0px 1px; }
.features-hero .phone-frame img { display: block; width: 100%; height: auto; border-radius: 22px; object-fit: contain; }
.features-hero .hero-phone { height: auto; }
.features-hero .hero-gif { width: 100%; height: auto; object-fit: contain; }
html[lang="zh"] .features-hero h1, html[lang="zh-TW"] .features-hero h1, html[lang="zh-Hant"] .features-hero h1 { word-break: keep-all; overflow-wrap: normal; }
@media (max-width: 980px) {
  .features-hero { padding: 102px 0px 72px; }
  .features-hero > .wrap.hero-grid { grid-template-columns: 1fr; gap: 40px; text-align: center; }
  .features-hero .lead { margin-inline: auto; }
  .features-hero .btns { align-items: center; }
  .features-hero .hero-metrics { justify-content: center; }
  .features-hero .feature-hero-device { min-height: 430px; }
  .features-hero .phone-frame { width: 272px; }
}
@media (max-width: 520px) {
  .features-hero { padding: 88px 0px 58px; }
  .features-hero > .wrap.hero-grid { padding: 0px 18px; gap: 34px; }
  .features-hero .feature-hero-device { min-height: 350px; }
  .features-hero .feature-hero-device::before { width: 292px; height: 332px; border-radius: 28px; }
  .features-hero .feature-hero-device::after { width: 246px; }
  .features-hero .phone-frame { width: 228px; border-radius: 26px; }
  .features-hero .phone-frame img { border-radius: 18px; }
  .features-hero .metric { min-width: 118px; }
}
.hero-phone { height: 680px; }
.hero-gif { width: 100%; height: auto; object-fit: cover; border-radius: 14px; cursor: pointer; display: block; }
.home-hero .hero-screenshots { display: flex; gap: 20px; justify-content: center; align-items: center; }
.home-hero .phone-frame { height: 420px; width: auto; display: inline-block; padding: 10px 8px; background: rgb(26, 29, 36); border-radius: 24px; border: 2px solid rgb(42, 45, 53); box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 32px; flex-shrink: 0; }
.home-hero .phone-frame img { display: block; border-radius: 14px; width: auto; height: 100%; max-width: 240px; object-fit: cover; }
.featured-card { align-items: stretch; overflow: visible !important; }
.featured-content { box-sizing: border-box; justify-content: center; min-height: 0px; padding: 28px !important; }
.featured-content h2 { line-height: 1.18 !important; margin-bottom: 10px !important; }
.featured-content p { line-height: 1.45 !important; margin-bottom: 14px !important; }
.featured-card .bp { box-sizing: border-box; align-items: center; justify-content: center; width: auto; max-width: max-content; min-height: 44px; white-space: nowrap; display: inline-flex !important; line-height: 1.2 !important; padding: 11px 24px !important; margin-top: 10px !important; }
* { box-sizing: border-box; }
.top-nav, .nb { max-width: 100vw; }
.featured-card { max-width: 100%; min-width: 0px; }
.featured-img, .featured-content { min-width: 0px; max-width: 100%; }
@media (max-width: 768px) {
  html, body { max-width: 100%; overflow-x: hidden; }
  .wrap, .hub-container, .hub-main, .hub-section, .hub-hero { max-width: 100%; width: 100%; box-sizing: border-box; }
  .top-nav, .nb { width: 100%; max-width: 100vw; overflow: visible; }
  .featured-card { grid-template-columns: 1fr !important; width: 100% !important; max-width: 100% !important; overflow: hidden !important; }
  .featured-img { min-height: 220px; background-size: cover; background-position: center center; width: 100% !important; max-width: 100% !important; }
  .featured-content { width: 100% !important; max-width: 100% !important; padding: 24px !important; }
  .featured-content h2, .featured-content p { max-width: 100%; }
}
@media (max-width: 420px) {
  .featured-img { min-height: 200px; }
  .featured-content { padding: 22px !important; }
  .featured-card .bp { max-width: 100%; white-space: normal; text-align: center; }
}
html[dir="rtl"] .lang-sel { direction: rtl; text-align: right; padding-left: 34px; padding-right: 12px; background-position: left 12px center; }
html[dir="rtl"] .read-link, html[dir="rtl"] .article-card-meta, html[dir="rtl"] .meta-row { direction: rtl; }
html[dir="rtl"] .breadcrumb { direction: rtl; }
html[dir="rtl"] .hero-screenshots { direction: rtl; }
.art-body { overflow-x: auto; }
.art-body table, .art-body .tb { width: 100%; max-width: 100%; margin: 24px 0px 28px; border-collapse: separate; border-spacing: 0px; table-layout: fixed; background: rgb(13, 17, 23); border: 1px solid rgba(0, 212, 255, 0.62); border-radius: 12px; overflow: hidden; box-shadow: rgba(255, 255, 255, 0.08) 0px 0px 0px 1px inset, rgba(0, 212, 255, 0.18) 0px 0px 0px 1px; min-width: 0px !important; }
.art-body th, .art-body td, .art-body .tb th, .art-body .tb td { padding: 12px 14px; border: 1px solid rgba(125, 211, 252, 0.42); vertical-align: top; text-align: left; line-height: 1.55; }
.art-body th:last-child, .art-body td:last-child, .art-body .tb th:last-child, .art-body .tb td:last-child { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.art-body tr:last-child td, .art-body .tb tr:last-child td { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.art-body th, .art-body .tb th { background: rgba(0, 212, 255, 0.1); color: rgb(240, 250, 255); font-weight: 700; }
.art-body td, .art-body .tb td { color: rgb(201, 209, 217); background: rgba(255, 255, 255, 0.016); }
@media (max-width: 768px) {
  .art-body table, .art-body .tb { display: table; overflow: visible; }
  .art-body th, .art-body td, .art-body .tb th, .art-body .tb td { padding: 10px 8px; font-size: 13px; word-break: break-word; overflow-wrap: anywhere; }
}
html[dir="rtl"] .art-body th, html[dir="rtl"] .art-body td { text-align: right; }
.art-faq .faq-q { width: 100%; background: transparent; border: 0px; text-align: left; font: inherit; color: rgb(240, 244, 248); }
.art-faq .faq-q:focus-visible { outline: rgba(0, 212, 255, 0.75) solid 2px; outline-offset: -2px; }
.art-faq .faq-item.open .faq-a { max-height: none !important; overflow: visible !important; }
html[dir="rtl"] .art-faq .faq-q { text-align: right; }
.cta-bottom { text-align: center; padding: 60px 20px; }
.cta-bottom h2 { font-size: 1.8rem; color: rgb(240, 244, 248); margin-bottom: 12px; }
.cta-bottom p { color: rgb(139, 148, 158); font-size: 1rem; margin-bottom: 24px; max-width: 600px; margin-left: auto; margin-right: auto; }
.cta-box { text-align: center; margin: 0px auto; }
.home-hero { min-height: 92vh; background-image: url("/images/hero_banner.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; }
@supports (background-image:image-set(url('/images/hero_banner.webp') type('image/webp'))) {
  .home-hero { background-image: image-set(url("/images/hero_banner.webp") 1x type("image/webp"), url("/images/hero_banner.jpg") 1x type("image/jpeg")); }
}
.home-hero::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(7, 9, 20, 0.82) 0%, rgba(7, 9, 20, 0.64) 42%, rgba(7, 9, 20, 0.42) 72%, rgba(7, 9, 20, 0.76) 100%), linear-gradient(rgba(7, 9, 20, 0.18) 0%, rgba(7, 9, 20, 0.42) 58%, rgba(7, 9, 20, 0.9) 100%); }
.home-hero > .wrap { position: relative; z-index: 1; width: 100%; max-width: 1120px; margin: 0px auto; padding: 0px 24px; }
.home-hero .hero-inner { max-width: 680px; margin: 0px auto; text-align: center; }
.home-hero h1, .home-hero .lead { text-shadow: rgba(0, 0, 0, 0.55) 0px 2px 24px; }
.home-hero .lead { margin-left: auto; margin-right: auto; }
.home-hero .cta-box { margin-left: auto; margin-right: auto; }
@media (max-width: 768px) {
  .home-hero { min-height: 86vh; background-position: 58% center; }
  .home-hero .hero-inner { max-width: 100%; text-align: center; }
  .home-hero .lead, .home-hero .cta-box { margin-left: auto; margin-right: auto; }
}
.download-hero { position: relative; overflow: hidden; padding: 118px 0px 82px; background: linear-gradient(135deg, rgb(8, 12, 24) 0%, rgb(13, 19, 36) 52%, rgb(7, 19, 31) 100%); }
.download-hero::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.043) 1px, transparent 1px) 0% 0% / 56px 56px, linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px) 0% 0% / 56px 56px, radial-gradient(circle at 74% 24%, rgba(0, 212, 255, 0.24), transparent 32%) 0% 0% / 100% 100%, radial-gradient(circle at 88% 76%, rgba(63, 185, 80, 0.14), transparent 27%) 0% 0% / 100% 100%; opacity: 0.7; mask-image: linear-gradient(rgba(0, 0, 0, 0.82), transparent 88%); pointer-events: none; }
.download-hero::after { content: ""; position: absolute; inset: auto 0px 0px; height: 150px; background: linear-gradient(transparent, rgb(7, 9, 20)); pointer-events: none; }
.download-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0px, 1.12fr) minmax(340px, 420px); gap: 48px; align-items: center; }
.download-hero-copy h1 { font-size: clamp(36px, 5.4vw, 56px); font-weight: 800; line-height: 1.08; margin-bottom: 18px; letter-spacing: 0px; text-wrap: balance; }
.download-hero-copy .lead { max-width: 620px; margin: 0px; color: rgb(201, 212, 226); font-size: 18px; line-height: 1.75; }
.download-kicker { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 16px; padding: 7px 12px; border: 1px solid rgba(0, 212, 255, 0.22); border-radius: 999px; background: rgba(0, 212, 255, 0.08); color: rgb(143, 238, 255); font-size: 13px; font-weight: 750; letter-spacing: 0.04em; text-transform: uppercase; }
.download-badges { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.download-badges span { display: inline-flex; align-items: center; min-height: 34px; padding: 8px 12px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 999px; background: rgba(255, 255, 255, 0.055); color: rgb(233, 242, 255); font-size: 13px; font-weight: 700; }
.download-panel { border: 1px solid rgba(0, 212, 255, 0.22); border-radius: 20px; background: linear-gradient(rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.043)); box-shadow: rgba(0, 0, 0, 0.42) 0px 30px 90px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset; padding: 24px; }
.download-panel-head { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; }
.download-panel-head img { width: 54px; height: 54px; border-radius: 14px; box-shadow: rgba(0, 0, 0, 0.24) 0px 10px 30px; }
.download-panel-head h2 { margin: 0px 0px 5px; color: rgb(247, 251, 255); font-size: 22px; }
.download-panel-head p { margin: 0px; color: rgb(185, 198, 216); font-size: 14px; line-height: 1.55; }
.download-panel .foneclaw-apk-cta { margin: 0px; text-align: center; background: rgba(5, 12, 24, 0.58); border-color: rgba(0, 212, 255, 0.3); }
.download-panel-note { margin: 14px 2px 0px; color: rgb(154, 168, 187); font-size: 13px; line-height: 1.6; }
.download-strip { position: relative; padding: 0px 0px 66px; background: linear-gradient(rgb(7, 9, 20) 0%, rgb(9, 13, 25) 100%); border-bottom: 1px solid rgba(143, 238, 255, 0.1); }
.download-strip-grid { display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 12px; margin-top: -34px; position: relative; z-index: 2; }
.download-strip-item { display: flex; align-items: center; gap: 11px; min-height: 70px; padding: 14px; border: 1px solid rgba(143, 238, 255, 0.14); border-radius: 16px; background: linear-gradient(rgba(17, 24, 39, 0.98), rgba(12, 18, 32, 0.98)); box-shadow: rgba(0, 0, 0, 0.24) 0px 18px 46px, rgba(255, 255, 255, 0.055) 0px 1px 0px inset; color: rgb(219, 231, 247); font-size: 12.5px; font-weight: 700; line-height: 1.35; white-space: normal; text-wrap-style: balance; }
.download-strip-icon { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 13px; background: linear-gradient(135deg, rgba(0, 212, 255, 0.18), rgba(63, 185, 80, 0.14)); border: 1px solid rgba(143, 238, 255, 0.22); box-shadow: rgba(0, 0, 0, 0.22) 0px 10px 26px; color: rgb(143, 238, 255); font-size: 10px; font-weight: 850; letter-spacing: 0px; flex: 0 0 auto; }
.download-strip-item:nth-child(1) .download-strip-icon::before { content: "OS"; }
.download-strip-item:nth-child(2) .download-strip-icon::before { content: "RAM"; }
.download-strip-item:nth-child(3) .download-strip-icon::before { content: "MB"; }
.download-strip-item:nth-child(4) .download-strip-icon::before { content: "MIC"; }
.download-strip-item:nth-child(5) .download-strip-icon::before { content: "A11Y"; font-size: 9px; }
.download-section { padding: 72px 0px; background: rgb(7, 9, 20); }
.download-install-section { position: relative; padding-top: 84px; background: linear-gradient(rgb(9, 13, 25) 0%, rgb(7, 9, 20) 100%); }
.download-install-section::before { content: ""; position: absolute; top: 0px; left: 50%; width: min(760px, 72vw); height: 1px; transform: translateX(-50%); background: linear-gradient(90deg, transparent, rgba(143, 238, 255, 0.32), transparent); }
.download-section.alt { background: rgb(11, 16, 32); }
.download-steps { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px; counter-reset: download-step 0; }
.download-step { position: relative; overflow: hidden; padding: 24px; border: 1px solid rgba(143, 238, 255, 0.16); border-radius: 18px; background: linear-gradient(rgba(16, 22, 36, 0.96), rgba(11, 16, 32, 0.96)); box-shadow: rgba(0, 0, 0, 0.24) 0px 22px 58px, rgba(255, 255, 255, 0.06) 0px 1px 0px inset; }
.download-step::before { content: ""; position: absolute; inset: 0px 0px auto; height: 3px; background: linear-gradient(90deg, rgb(0, 212, 255), rgb(63, 185, 80)); opacity: 0.86; }
.download-step-head { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.download-step-num { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 14px; background: rgba(0, 212, 255, 0.1); border: 1px solid rgba(143, 238, 255, 0.24); color: rgb(143, 238, 255); font-size: 13px; font-weight: 800; letter-spacing: 0.04em; flex: 0 0 auto; }
.download-step h3 { margin: 0px; color: rgb(244, 248, 255); font-size: 20px; line-height: 1.35; text-wrap: balance; }
.download-step p { margin: 0px; color: rgb(170, 183, 201); font-size: 14px; line-height: 1.7; }
.download-permission-grid { display: grid; grid-template-columns: minmax(0px, 0.78fr) minmax(0px, 1.22fr); gap: 46px; align-items: start; }
.section-title.align-left { text-align: left; margin-bottom: 0px; }
.section-title.align-left p { margin-left: 0px; margin-right: 0px; }
.download-permission-list { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px; }
.download-permission-item { display: flex; gap: 12px; align-items: flex-start; padding: 17px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 14px; background: rgb(16, 22, 36); box-shadow: rgba(0, 0, 0, 0.16) 0px 16px 42px; }
.download-permission-mark { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 12px; background: rgba(63, 185, 80, 0.1); border: 1px solid rgba(63, 185, 80, 0.24); color: rgb(121, 226, 143); font-size: 12px; font-weight: 800; flex: 0 0 auto; }
.download-permission-item strong { display: block; margin-bottom: 8px; color: rgb(244, 248, 255); font-size: 15px; text-wrap: balance; }
.download-permission-item div span { display: block; color: rgb(170, 183, 201); font-size: 13.5px; line-height: 1.65; }
html[dir="rtl"] .download-hero-copy .lead, html[dir="rtl"] .section-title.align-left p { margin-right: 0px; }
@media (max-width: 1100px) {
  .download-strip-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media (max-width: 980px) {
  .download-hero { padding: 104px 0px 74px; }
  .download-hero-grid { grid-template-columns: 1fr; gap: 38px; text-align: center; }
  .download-hero-copy .lead { margin: 0px auto; }
  .download-badges { justify-content: center; }
  .download-panel { max-width: 460px; margin: 0px auto; }
  .download-steps { grid-template-columns: 1fr; }
  .download-permission-grid { grid-template-columns: 1fr; gap: 28px; }
  .section-title.align-left { text-align: center; }
  .section-title.align-left p { margin-left: auto; margin-right: auto; }
}
@media (max-width: 560px) {
  .download-hero { padding: 88px 0px 66px; }
  .download-hero-grid { gap: 30px; }
  .download-hero-copy h1 { font-size: 34px; line-height: 1.12; }
  .download-hero-copy .lead { font-size: 16px; }
  .download-panel { padding: 18px; border-radius: 16px; }
  .download-panel-head { align-items: flex-start; text-align: left; }
  .download-strip { padding-bottom: 58px; }
  .download-strip-grid { grid-template-columns: 1fr; margin-top: -20px; }
  .download-section { padding: 56px 0px; }
  .download-install-section { padding-top: 70px; }
  .download-permission-list { grid-template-columns: 1fr; }
  .download-step { padding: 20px; }
}
.core-hero { position: relative; overflow: hidden; padding: 116px 0px 84px; background: linear-gradient(135deg, rgb(8, 12, 24) 0%, rgb(13, 19, 36) 50%, rgb(7, 19, 31) 100%); }
.core-hero::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.043) 1px, transparent 1px) 0% 0% / 56px 56px, linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px) 0% 0% / 56px 56px, radial-gradient(circle at 76% 24%, rgba(0, 212, 255, 0.24), transparent 34%) 0% 0% / 100% 100%, radial-gradient(circle at 88% 74%, rgba(63, 185, 80, 0.14), transparent 28%) 0% 0% / 100% 100%; opacity: 0.72; mask-image: linear-gradient(rgba(0, 0, 0, 0.82), transparent 88%); pointer-events: none; }
.core-hero::after { content: ""; position: absolute; inset: auto 0px 0px; height: 150px; background: linear-gradient(transparent, rgb(7, 9, 20)); pointer-events: none; }
.core-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0px, 1.08fr) minmax(340px, 0.92fr); gap: 52px; align-items: center; }
.core-hero-copy h1 { font-size: clamp(38px, 5.8vw, 58px); font-weight: 800; line-height: 1.08; margin: 0px 0px 18px; letter-spacing: 0px; text-wrap: balance; }
.core-hero-copy .lead { max-width: 640px; margin: 0px; color: rgb(201, 212, 226); font-size: 18px; line-height: 1.75; }
.core-hero-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; margin-top: 28px; }
.core-hero-actions > [data-foneclaw-apk-cta], .core-hero-actions > .foneclaw-apk-cta, .core-hero-actions > .bo { width: 100%; max-width: 370px; }
.core-hero-actions > .bo { text-align: center; }
.resources-hero-panel, .community-signal-panel { position: relative; display: grid; gap: 14px; padding: 20px; border: 1px solid rgba(143, 238, 255, 0.18); border-radius: 22px; background: linear-gradient(rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035)); box-shadow: rgba(0, 0, 0, 0.36) 0px 30px 90px, rgba(255, 255, 255, 0.06) 0px 1px 0px inset; }
.resources-hero-panel::before, .community-signal-panel::before { content: ""; position: absolute; inset: -1px; border-radius: 22px; background: linear-gradient(135deg, rgba(0, 212, 255, 0.18), transparent 42%, rgba(63, 185, 80, 0.12)); z-index: -1; }
.resource-stat-card { min-height: 104px; padding: 22px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px; background: rgba(5, 12, 24, 0.42); }
.resource-stat-card strong { display: block; color: rgb(143, 238, 255); font-size: clamp(28px, 4vw, 40px); line-height: 1; font-weight: 850; margin-bottom: 8px; }
.resource-stat-card span { display: block; color: rgb(216, 228, 242); font-size: 13px; font-weight: 750; line-height: 1.4; text-transform: uppercase; letter-spacing: 0.04em; }
.resources-topic-section, .resources-section, .community-section { padding: 72px 0px; background: rgb(7, 9, 20); }
.resources-topic-section { background: linear-gradient(rgb(7, 9, 20) 0%, rgb(11, 16, 32) 100%); }
.resource-hub-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 18px; }
.resource-hub-card { display: flex; flex-direction: column; min-width: 0px; overflow: hidden; text-decoration: none; color: inherit; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px; background: rgb(16, 22, 36); transition: 0.25s; }
.resource-hub-card:hover { border-color: rgba(0, 212, 255, 0.32); transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.24) 0px 18px 46px; }
.resource-hub-img { width: 100%; aspect-ratio: 16 / 9; background-size: cover; background-position: center center; opacity: 0.9; }
.resource-hub-body { padding: 18px; }
.resource-hub-body span { display: inline-block; margin-bottom: 9px; padding: 4px 10px; border-radius: 999px; background: rgba(0, 212, 255, 0.1); color: rgb(143, 238, 255); font-size: 11px; font-weight: 800; }
.resource-hub-body h3 { margin: 0px 0px 8px; color: rgb(244, 248, 255); font-size: 18px; line-height: 1.3; }
.resource-hub-body p { margin: 0px; color: rgb(170, 183, 201); font-size: 13px; line-height: 1.6; }
.resources-section .resources-title { margin-bottom: 34px; text-align: center; }
.resources-section .resources-title h2 { font-size: clamp(26px, 4vw, 38px); font-weight: 760; margin-bottom: 10px; }
.resources-section .resources-title p { max-width: 640px; margin: 0px auto; color: rgb(154, 168, 187); line-height: 1.65; }
.community-signal-panel { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.community-signal { display: flex; align-items: center; gap: 12px; min-height: 82px; padding: 16px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px; background: rgba(5, 12, 24, 0.42); color: rgb(244, 248, 255); text-decoration: none; font-weight: 800; transition: 0.22s; }
.community-signal:hover { border-color: rgba(0, 212, 255, 0.34); transform: translateY(-2px); }
.community-signal-icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 13px; background: rgba(255, 255, 255, 0.055); flex: 0 0 auto; }
.community-signal-icon svg { width: 24px; height: 24px; }
.community-section .community-grid { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
.community-card { display: flex; flex-direction: column; align-items: center; text-align: center; min-height: 178px; padding: 24px 18px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px; background: rgb(16, 22, 36); text-decoration: none; color: inherit; transition: 0.25s; }
.community-card:hover { border-color: rgba(0, 212, 255, 0.34); transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.22) 0px 18px 46px; }
.community-card .ci { display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; margin-bottom: 14px; border-radius: 16px; background: rgba(255, 255, 255, 0.055); }
.community-card .ci svg { width: 30px; height: 30px; }
.community-card h2 { margin: 0px 0px 12px; color: rgb(244, 248, 255); font-size: 18px; line-height: 1.3; }
.community-card .bs { display: inline-flex; align-items: center; justify-content: center; margin-top: auto; min-height: 34px; padding: 7px 14px; border-radius: 999px; background: rgba(0, 212, 255, 0.11); color: rgb(143, 238, 255); font-size: 12px; font-weight: 800; }
.core-page-cta { position: relative; text-align: center; padding: 78px 20px; background: linear-gradient(rgb(11, 16, 32) 0%, rgb(7, 9, 20) 100%); border-top: 1px solid rgba(143, 238, 255, 0.1); }
.core-page-cta::before { content: ""; position: absolute; top: 0px; left: 50%; width: min(760px, 72vw); height: 1px; transform: translateX(-50%); background: linear-gradient(90deg, transparent, rgba(143, 238, 255, 0.34), transparent); }
.core-page-cta h2 { font-size: clamp(26px, 4vw, 38px); margin: 0px 0px 12px; color: rgb(244, 248, 255); text-wrap: balance; }
.core-page-cta p { max-width: 620px; margin: 0px auto 26px; color: rgb(170, 183, 201); font-size: 16px; line-height: 1.7; }
.core-page-cta [data-foneclaw-apk-cta], .core-page-cta .foneclaw-apk-cta { max-width: 420px; margin-left: auto; margin-right: auto; }
html[dir="rtl"] .core-hero-copy .lead { margin-right: 0px; }
@media (max-width: 1100px) {
  .resource-hub-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
}
@media (max-width: 860px) {
  .community-section .community-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
}
@media (max-width: 980px) {
  .core-hero { padding: 104px 0px 74px; }
  .core-hero-grid { grid-template-columns: 1fr; gap: 38px; text-align: center; }
  .core-hero-copy .lead { margin: 0px auto; }
  .core-hero-actions { align-items: center; }
  .resources-hero-panel, .community-signal-panel { max-width: 520px; width: 100%; margin: 0px auto; }
}
@media (max-width: 600px) {
  .core-hero { padding: 88px 0px 64px; }
  .core-hero-grid { gap: 30px; }
  .core-hero-copy h1 { font-size: 34px; line-height: 1.12; }
  .core-hero-copy .lead { font-size: 16px; }
  .resources-hero-panel, .community-signal-panel { padding: 14px; border-radius: 18px; }
  .resource-stat-card { min-height: auto; padding: 18px; }
  .resource-hub-grid, .community-section .community-grid { grid-template-columns: 1fr !important; }
  .community-signal-panel { grid-template-columns: 1fr; }
  .resources-topic-section, .resources-section, .community-section { padding: 56px 0px; }
  .community-card { min-height: 156px; }
  .core-page-cta { padding: 62px 18px; }
}
.hub-hero h1, .hub-featured h2, .related-hubs h2, .related-hubs h3, .hub-section > h2, .hub-download-cta .foneclaw-apk-cta__title { text-wrap: balance; }
.hub-hero .subtitle, .hub-featured p, .related-hubs p, .card-title, .hub-download-cta .foneclaw-apk-cta__copy { text-wrap: pretty; }
.no-orphan-tail { white-space: nowrap; }
.hub-download-cta .foneclaw-apk-cta { width: min(100%, 460px); margin: 0px auto; }
.core-page { --core-ink: #111827; --core-text: #243042; --core-muted: #617083; --core-line: #d8e0e8; --core-cyan: #007c91; --core-green: #147d55; background: rgb(255, 255, 255); color: var(--core-text); }
.core-page * { box-sizing: border-box; }
.core-page h1, .core-page h2, .core-page h3, .core-page p { letter-spacing: 0px; }
.core-page h1, .core-page h2, .core-page h3 { text-wrap: balance; }
.core-page p { text-wrap: pretty; }
html[lang^="en"] .core-page h1, html[lang^="en"] .core-page h2, html[lang^="en"] .core-page h3, html[lang^="en"] .core-page p { text-wrap: wrap; }
html:not([lang^="en"]) .core-page h1, html:not([lang^="en"]) .core-page h2, html:not([lang^="en"]) .core-page h3 { overflow-wrap: anywhere; }
.core-kicker { margin: 0px 0px 14px; color: rgb(8, 125, 143); font-size: 12px; font-weight: 850; line-height: 1.4; text-transform: uppercase; }
.core-home-hero, .core-feature-hero { min-height: 680px; padding: 92px 0px 72px; background: rgb(238, 243, 245); border-bottom: 1px solid rgb(217, 226, 230); }
.core-home-hero { position: relative; min-height: 640px; padding: 76px 0px 60px; overflow: hidden; isolation: isolate; }
.core-feature-hero { position: relative; min-height: 620px; padding: 68px 0px 56px; overflow: hidden; isolation: isolate; background: rgb(255, 255, 255); }
.core-home-hero .core-home-hero-grid { grid-template-columns: minmax(0px, 620px); }
.core-home-hero .core-home-copy { position: relative; z-index: 1; }
.core-feature-hero .core-home-hero-grid { position: relative; z-index: 1; }
.core-feature-poster-stage { position: absolute; inset: 0px; z-index: 0; overflow: hidden; opacity: 0.58; pointer-events: none; }
.core-feature-poster-stage img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; filter: saturate(0.78) contrast(0.92); }
.core-feature-hero .core-home-hero-grid { grid-template-columns: minmax(0px, 500px) minmax(340px, 400px); gap: 60px; justify-content: space-between; }
.core-feature-hero .core-home-copy { max-width: 500px; }
.core-home-hero-grid { display: grid; grid-template-columns: minmax(0px, 1.05fr) minmax(330px, 0.78fr); gap: clamp(44px, 7vw, 100px); align-items: center; }
.core-home-copy h1 { margin: 0px; color: rgb(11, 23, 35); font-size: clamp(48px, 5vw, 64px); line-height: 1.02; font-weight: 860; }
.core-feature-hero .core-home-copy h1 { font-size: clamp(48px, 5vw, 64px); line-height: 1.02; }
.core-feature-hero .core-home-copy h1 { color: rgb(11, 23, 35); }
.core-feature-hero .core-home-copy .core-kicker { color: rgb(8, 125, 143); }
.core-feature-hero .core-home-copy .core-lead { max-width: 560px; margin-top: 24px; color: rgb(66, 84, 102); font-size: 20px; font-weight: 520; line-height: 1.55; }
.core-feature-proof { display: flex; gap: 10px 20px; flex-wrap: wrap; margin: 22px 0px 0px; padding: 16px 0px 0px; border-top: 1px solid rgb(184, 201, 195); list-style: none; color: rgb(64, 84, 73); font-size: 12px; font-weight: 780; }
.core-feature-hero .core-feature-proof { border-top-color: rgb(52, 69, 84); color: rgb(183, 197, 208); }
.core-feature-proof li { position: relative; padding-left: 13px; }
.core-feature-proof li::before { content: ""; position: absolute; left: 0px; top: 0.5em; width: 5px; height: 5px; border-radius: 50%; background: rgb(120, 213, 194); }
.core-feature-hero-product { display: grid; width: min(100%, 400px); min-width: 0px; gap: 12px; justify-self: end; justify-items: center; }
.core-phone-frame.core-feature-settings-phone { width: min(100%, 380px); border-color: rgb(26, 38, 51); background: rgb(17, 25, 35); box-shadow: rgba(17, 31, 43, 0.2) 0px 22px 50px; }
.core-feature-settings-scroll { width: 100%; height: 100%; overflow: hidden scroll; border-radius: 21px; background: rgb(251, 248, 255); scrollbar-color: rgb(135, 152, 161) rgb(230, 233, 235); scrollbar-width: thin; scrollbar-gutter: stable; overscroll-behavior: contain; touch-action: pan-y; }
.core-feature-settings-scroll::-webkit-scrollbar { width: 6px; }
.core-feature-settings-scroll::-webkit-scrollbar-track { background: rgb(230, 233, 235); }
.core-feature-settings-scroll::-webkit-scrollbar-thumb { min-height: 54px; border: 1px solid rgb(230, 233, 235); border-radius: 6px; background: rgb(135, 152, 161); }
.core-feature-settings-scroll::-webkit-scrollbar-thumb:hover { background: rgb(101, 123, 135); }
.core-feature-settings-scroll img { display: block; width: 100%; height: auto; }
.core-feature-hero .core-actions { width: min(100%, 360px); }
.core-feature-inline-facts { display: grid; width: min(100%, 360px); grid-template-columns: repeat(3, minmax(0px, 1fr)); margin: 20px 0px 0px; padding: 0px; border-top: 1px solid rgb(203, 213, 220); list-style: none; }
.core-feature-inline-facts li { display: flex; min-width: 0px; min-height: 74px; flex-direction: column; justify-content: center; gap: 7px; padding: 12px; border-inline-end: 1px solid rgb(217, 226, 230); color: rgb(36, 52, 70); }
.core-feature-inline-facts li:last-child { border-inline-end: 0px; }
.core-feature-inline-facts span { color: rgb(8, 125, 143); font-size: 10px; font-weight: 850; }
.core-feature-inline-facts strong { font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; hyphens: auto; }
.core-lead { max-width: 720px; margin: 22px 0px 0px; color: rgb(23, 37, 54); font-size: clamp(22px, 3vw, 34px); font-weight: 680; line-height: 1.28; }
.core-support { max-width: 650px; margin: 20px 0px 0px; color: rgb(83, 100, 118); font-size: 17px; line-height: 1.7; }
.core-actions { display: flex; align-items: center; gap: 14px; margin-top: 30px; flex-wrap: wrap; }
.core-actions > [data-foneclaw-apk-cta], .core-actions > .foneclaw-apk-cta { width: min(100%, 360px); }
.core-home-hero .core-actions { width: min(100%, 360px); flex-direction: column; align-items: stretch; gap: 8px; }
.core-home-hero .core-secondary { min-height: 40px; align-self: center; padding: 8px 12px; border: 0px; color: rgb(49, 68, 86); }
.core-home-hero .core-secondary:hover { color: rgb(8, 125, 143); background: transparent; }
.core-home-hero .core-actions .foneclaw-apk-cta, .core-feature-hero .core-actions .foneclaw-apk-cta { margin-bottom: 0px; border-color: rgb(38, 55, 70); border-radius: 7px; background: rgb(16, 25, 35); box-shadow: rgba(17, 31, 43, 0.16) 0px 12px 28px; }
.core-feature-hero .core-actions .foneclaw-apk-cta { border-color: rgb(59, 81, 98); background: rgb(24, 38, 50); }
.core-home-hero .foneclaw-apk-cta__title, .core-feature-hero .foneclaw-apk-cta__title { color: rgb(247, 251, 255); }
.core-home-hero .foneclaw-apk-cta__copy, .core-feature-hero .foneclaw-apk-cta__copy { color: rgb(229, 237, 244) !important; }
.core-home-hero .foneclaw-apk-cta__meta, .core-feature-hero .foneclaw-apk-cta__meta { color: rgb(198, 211, 222); }
.core-home-hero .foneclaw-apk-cta__button, .core-feature-hero .foneclaw-apk-cta__button { border-radius: 5px; }
html[dir="rtl"] .core-home-hero .core-feature-inline-facts li, html[dir="rtl"] .core-feature-hero .core-feature-inline-facts li, html[dir="rtl"] .community-page-hero .core-feature-inline-facts li { text-align: right; }
.core-secondary, .core-download-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 12px 20px; border: 1px solid rgb(23, 37, 54); border-radius: 6px; color: rgb(23, 37, 54); text-decoration: none; font-weight: 780; }
.core-secondary:hover { background: rgb(23, 37, 54); color: rgb(255, 255, 255); }
.core-proof { display: flex; gap: 10px 22px; flex-wrap: wrap; margin: 24px 0px 0px; padding: 0px; list-style: none; color: rgb(51, 68, 87); font-size: 13px; font-weight: 750; }
.core-proof li { position: relative; padding-left: 15px; }
.core-proof li::before { content: ""; position: absolute; left: 0px; top: 0.55em; width: 6px; height: 6px; border-radius: 50%; background: rgb(20, 125, 85); }
.core-home-poster-stage { position: absolute; inset: 0px; z-index: 0; overflow: hidden; pointer-events: none; }
.core-home-poster-stage img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.core-phone-stage { display: flex; flex-direction: column; align-items: center; min-width: 0px; }
.core-phone-frame { position: relative; width: min(100%, 300px); aspect-ratio: 480 / 1029; padding: 9px; overflow: hidden; border: 2px solid rgb(26, 38, 51); border-radius: 30px; background: rgb(17, 25, 35); box-shadow: rgba(17, 31, 43, 0.2) 0px 22px 50px; }
.core-phone-frame--hero { width: min(100%, 300px); }
.core-demo-frame, .core-demo-frame img, .core-demo-frame video, .core-demo-frame canvas { width: 100%; height: 100%; object-fit: cover; border-radius: 21px; }
.core-demo-frame { position: relative; overflow: hidden; background: rgb(16, 24, 32); }
.core-demo-frame { background-position: center top; background-size: cover; background-repeat: no-repeat; }
.core-demo-frame img, .core-demo-frame video, .core-demo-frame canvas { position: absolute; inset: 0px; }
.core-media-caption { margin: 14px 0px 0px; color: rgb(74, 90, 107); font-size: 13px; font-weight: 800; }
.core-band { padding: 88px 0px; scroll-margin-top: 74px; }
.core-band--white { background: rgb(255, 255, 255); }
.core-band--light { background: rgb(243, 246, 247); }
.core-band--mint { background: rgb(223, 238, 232); }
.core-band--ink { background: rgb(16, 25, 35); color: rgb(231, 238, 244); }
.core-section-heading { max-width: 820px; margin: 0px auto 46px; text-align: center; }
.core-section-heading--left { margin-left: 0px; text-align: left; }
.core-section-heading h2 { margin: 0px; color: rgb(17, 29, 42); font-size: clamp(34px, 5vw, 52px); font-weight: 820; line-height: 1.1; }
.core-section-heading p { max-width: 720px; margin: 16px auto 0px; color: rgb(96, 112, 131); font-size: 17px; line-height: 1.72; }
.core-section-heading--left p { margin-left: 0px; }
.core-section-heading--inverse h2 { color: rgb(245, 248, 250); }
.core-section-heading--inverse p { color: rgb(170, 184, 197); }
.core-process { display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); margin: 0px; padding: 0px; border-top: 1px solid rgb(191, 203, 211); list-style: none; }
.core-process li { min-width: 0px; padding: 24px 20px 10px; border-right: 1px solid rgb(203, 213, 220); }
.core-process li:last-child { border-right: 0px; }
.core-process--download li { display: grid; grid-row: span 3; grid-template-rows: subgrid; row-gap: 0px; }
.core-process > li > span, .core-link-grid > a > span, .core-model-grid article > span, .core-resource-grid > a > span { display: block; margin-bottom: 28px; color: rgb(8, 125, 143); font-size: 12px; font-weight: 850; }
.core-process h3 { margin: 0px 0px 10px; color: rgb(23, 37, 54); font-size: 20px; }
.core-process p { margin: 0px; color: rgb(97, 112, 131); font-size: 14px; line-height: 1.65; }
.core-scenario-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px; }
.core-scenario { min-width: 0px; color: rgb(245, 248, 250); text-decoration: none; }
.core-scenario-media { width: 100%; aspect-ratio: 480 / 1029; overflow: hidden; background: rgb(10, 17, 24); }
.core-scenario-frame { width: 100%; height: 100%; aspect-ratio: 480 / 1029; border-radius: 0px; background: rgb(10, 17, 24); }
.core-scenario-frame canvas, .core-scenario-frame img, .core-scenario-frame video { object-fit: contain; object-position: center center; }
.core-scenario-caption { display: flex; align-items: center; justify-content: center; min-height: 72px; padding: 15px 8px; text-align: center; }
.core-scenario-link { color: rgb(245, 248, 250); font-size: 18px; font-weight: 750; line-height: 1.35; text-decoration: underline 1px rgb(79, 174, 155); text-underline-offset: 5px; transition: color 0.2s, text-decoration-color 0.2s; }
.core-scenario:hover .core-scenario-link, .core-scenario:focus-visible .core-scenario-link { color: rgb(143, 228, 209); text-decoration-color: rgb(143, 228, 209); }
.core-split { display: grid; grid-template-columns: minmax(260px, 0.72fr) minmax(0px, 1.28fr); gap: 70px; align-items: center; }
.core-split > .core-section-heading { margin-bottom: 0px; }
.core-statement-list article { display: grid; grid-template-columns: 46px 1fr; gap: 20px; padding: 0px 0px 28px; margin-bottom: 28px; border-bottom: 1px solid rgb(216, 224, 232); }
.core-statement-list article > span { color: rgb(8, 125, 143); font-size: 12px; font-weight: 850; }
.core-statement-list h3 { margin: 0px 0px 9px; color: rgb(23, 37, 54); font-size: 22px; }
.core-statement-list p { margin: 0px; color: rgb(96, 112, 131); line-height: 1.7; }
.core-statement-list--compact article { margin-bottom: 20px; padding-bottom: 20px; }
.core-link-grid, .core-model-grid, .core-resource-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 18px; }
.core-link-grid > a, .core-model-grid article, .core-resource-grid > a { display: block; min-width: 0px; padding: 26px; border: 1px solid rgb(185, 200, 194); border-radius: 6px; color: rgb(23, 37, 54); text-decoration: none; background: rgba(255, 255, 255, 0.48); }
.core-model-grid article { display: grid; grid-row: span 3; grid-template-rows: subgrid; row-gap: 0px; }
.core-link-grid > a:hover, .core-resource-grid > a:hover { border-color: rgb(8, 125, 143); background: rgb(255, 255, 255); }
.core-link-grid h3, .core-model-grid h3, .core-resource-grid h3 { margin: 0px 0px 10px; color: rgb(23, 37, 54); font-size: 21px; }
.core-model-grid h3 { height: auto; min-height: 0px; line-height: 1.35; }
.core-link-grid p, .core-model-grid p, .core-resource-grid p { margin: 0px; color: rgb(94, 109, 123); font-size: 14px; line-height: 1.68; }
.core-article-row { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 18px; }
.core-article { display: flex; min-width: 0px; min-height: 260px; flex-direction: column; padding: 25px; border: 1px solid rgb(212, 221, 228); border-radius: 6px; color: rgb(23, 37, 54); text-decoration: none; background: rgb(255, 255, 255); }
.core-article > span { color: rgb(8, 125, 143); font-size: 11px; font-weight: 850; text-transform: uppercase; }
.core-article h3 { margin: 22px 0px 12px; color: rgb(23, 37, 54); font-size: 20px; line-height: 1.35; }
.core-article p { margin: 0px 0px 20px; color: rgb(99, 114, 133); font-size: 14px; line-height: 1.65; }
.core-article strong { margin-top: auto; color: rgb(8, 125, 143); font-size: 13px; }
.core-final-cta { padding: 86px 20px; text-align: center; background: rgb(15, 25, 35); color: rgb(255, 255, 255); }
.core-final-cta h2 { margin: 0px; font-size: clamp(34px, 5vw, 52px); }
.core-final-cta p { max-width: 650px; margin: 16px auto 28px; color: rgb(175, 187, 199); font-size: 17px; line-height: 1.7; }
.core-final-cta [data-foneclaw-apk-cta], .core-final-cta .foneclaw-apk-cta { max-width: 440px; margin: 0px auto; }
.site-header .top-nav { transition: transform 0.2s, opacity 0.2s; }
.site-header.is-subnav-active .top-nav { transform: translateY(-100%); opacity: 0; pointer-events: none; }
.core-anchor-nav-sentinel { height: 0px; }
.core-anchor-nav-shell { position: relative; }
.core-anchor-nav { position: relative; z-index: 98; border-bottom: 1px solid rgb(38, 55, 70); background: rgb(16, 25, 35); box-shadow: rgba(15, 25, 35, 0.14) 0px 5px 16px; }
.core-anchor-nav-shell.is-docked .core-anchor-nav { position: fixed; top: 0px; right: 0px; left: 0px; z-index: 100; animation: 0.2s ease 0s 1 normal none running core-anchor-nav-dock; }
@keyframes core-anchor-nav-dock { 
  0% { transform: translateY(var(--site-nav-height,50px)); }
  100% { transform: translateY(0px); }
}
.core-anchor-nav .wrap { display: flex; gap: 6px; overflow: auto; padding-top: 10px; padding-bottom: 10px; scrollbar-width: none; }
.core-anchor-nav a { flex: 0 0 auto; padding: 8px 12px; border-radius: 5px; color: rgb(215, 225, 232); text-decoration: none; font-size: 13px; font-weight: 750; }
.core-anchor-nav a:hover { color: rgb(155, 228, 210); background: rgb(38, 55, 70); }
.core-anchor-nav a.is-active { color: rgb(255, 255, 255); background: rgb(38, 55, 70); box-shadow: rgb(125, 213, 193) 0px -2px inset; }
.core-anchor-nav a:focus-visible { outline: rgb(125, 213, 193) solid 2px; outline-offset: 1px; color: rgb(255, 255, 255); background: rgb(38, 55, 70); }
@media (prefers-reduced-motion: reduce) {
  .site-header .top-nav { transition: none; }
  .core-anchor-nav-shell.is-docked .core-anchor-nav { animation: auto ease 0s 1 normal none running none; }
}
.core-runtime { display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); margin: 0px; padding: 0px; list-style: none; }
.core-runtime li { position: relative; display: flex; min-height: 120px; flex-direction: column; justify-content: space-between; padding: 18px; border-width: 1px 0px 1px 1px; border-style: solid none solid solid; border-color: rgb(199, 210, 216) currentcolor rgb(199, 210, 216) rgb(199, 210, 216); border-image: initial; background: rgb(255, 255, 255); }
.core-runtime li:last-child { border-right: 1px solid rgb(199, 210, 216); }
.core-runtime li:not(:last-child)::after { content: "›"; position: absolute; right: -11px; top: 43px; z-index: 1; width: 22px; height: 30px; color: rgb(8, 125, 143); background: rgb(243, 246, 247); font-size: 28px; text-align: center; }
.core-runtime span { color: rgb(8, 125, 143); font-size: 11px; font-weight: 850; }
.core-runtime strong { color: rgb(23, 37, 54); font-size: 16px; }
.core-showcases { display: grid; gap: 0px; }
.core-showcase { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(300px, 0.8fr); gap: 70px; align-items: center; padding: 76px 0px; border-top: 1px solid rgb(216, 224, 232); scroll-margin-top: 70px; }
.core-showcase:nth-child(2n) .core-showcase-copy { order: 2; }
.core-showcase:nth-child(2n) .core-showcase-visual { order: 1; }
.core-showcase-copy h3 { margin: 0px 0px 16px; color: rgb(17, 29, 42); font-size: clamp(30px, 4vw, 44px); line-height: 1.12; }
.core-showcase-copy > p:not(.core-kicker) { color: rgb(96, 112, 131); font-size: 17px; line-height: 1.72; }
.core-showcase blockquote { margin: 24px 0px; padding: 16px 18px; border-left: 3px solid rgb(8, 125, 143); background: rgb(237, 244, 245); color: rgb(37, 54, 71); font-weight: 720; }
.core-showcase-copy ol { display: grid; gap: 10px; margin: 0px; padding: 0px; list-style: none; }
.core-showcase-copy ol li { display: flex; gap: 10px; align-items: center; color: rgb(76, 92, 109); font-size: 14px; }
.core-showcase-copy ol span { display: inline-flex; width: 25px; height: 25px; align-items: center; justify-content: center; border: 1px solid rgb(170, 186, 196); border-radius: 50%; font-size: 11px; }
.core-showcase-visual { display: flex; flex-direction: column; align-items: center; }
.core-segments { display: inline-flex; max-width: 100%; margin: 0px 0px 14px; padding: 3px; border: 1px solid rgb(186, 199, 207); border-radius: 7px; background: rgb(238, 242, 244); }
.core-segments button { min-height: 38px; padding: 8px 13px; border: 0px; border-radius: 4px; color: rgb(80, 97, 115); background: transparent; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; font-weight: 760; cursor: pointer; }
.core-segments button[aria-selected="true"] { color: rgb(255, 255, 255); background: rgb(23, 37, 54); }
.core-tool-explorer { border: 1px solid rgb(52, 68, 83); border-radius: 6px; background: rgb(21, 31, 42); }
.core-tool-controls { display: grid; grid-template-columns: 1fr 280px; gap: 10px; padding: 14px; border-bottom: 1px solid rgb(52, 68, 83); }
.core-tool-controls input, .core-tool-controls select { width: 100%; min-height: 48px; padding: 11px 14px; border: 1px solid rgb(75, 91, 105); border-radius: 5px; color: rgb(234, 240, 244); background: rgb(13, 21, 30); font: inherit; }
.core-tool-count { margin: 0px; padding: 13px 16px; border-bottom: 1px solid rgb(52, 68, 83); color: rgb(158, 173, 186); font-size: 13px; }
.core-tool-count strong { color: rgb(125, 213, 193); }
.core-tool-table-wrap { max-height: 650px; overflow: auto; }
.core-tool-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.core-tool-table th { position: sticky; top: 0px; z-index: 1; padding: 12px 14px; text-align: left; color: rgb(159, 176, 189); background: rgb(16, 25, 35); }
.core-tool-table td { padding: 13px 14px; border-top: 1px solid rgb(43, 57, 70); color: rgb(199, 210, 220); vertical-align: top; line-height: 1.55; }
.core-tool-table td:first-child { min-width: 240px; }
.core-tool-table code { display: block; color: rgb(139, 225, 207); font-size: 12px; }
.core-tool-table small { display: block; margin-top: 5px; color: rgb(131, 148, 162); }
.core-risk { display: inline-block; padding: 3px 6px; border-radius: 4px; color: rgb(220, 231, 237); background: rgb(52, 68, 83); font-size: 10px; font-weight: 780; }
.core-risk--low { color: rgb(137, 221, 199); background: rgb(23, 59, 53); }
.core-risk--destructive { color: rgb(255, 184, 184); background: rgb(75, 36, 40); }
.core-empty { padding: 30px; text-align: center; color: rgb(170, 184, 197); }
.core-control-grid { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(320px, 0.85fr); gap: 70px; align-items: start; }
.core-download .core-control-grid { align-items: center; }
.core-settings { min-width: 0px; }
.core-settings > img { display: block; width: 100%; max-width: 540px; margin: 0px auto; border: 1px solid rgb(185, 198, 207); border-radius: 7px; background: rgb(244, 246, 247); }
.core-faq-wrap { max-width: 900px; }
.core-faq details { border-top: 1px solid rgb(209, 219, 226); }
.core-faq details:last-child { border-bottom: 1px solid rgb(209, 219, 226); }
.core-faq summary { padding: 21px 34px 21px 0px; color: rgb(23, 37, 54); font-size: 17px; font-weight: 760; cursor: pointer; }
.core-faq details p { margin: 0px; padding: 0px 0px 22px; color: rgb(96, 112, 131); line-height: 1.7; }
.core-download-hero, .core-resources-hero { padding: 110px 0px 72px; background: rgb(232, 242, 239); }
.core-download-hero { position: relative; display: flex; min-height: 620px; align-items: center; overflow: hidden; padding: 78px 0px; background: rgb(237, 243, 241); }
.core-resources-hero { position: relative; display: flex; min-height: 620px; align-items: center; overflow: hidden; padding: 78px 0px; background: rgb(245, 247, 246); }
.core-download-poster-stage { position: absolute; inset: 0px; z-index: 0; background: rgb(251, 251, 250); pointer-events: none; }
.core-download-poster-stage img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.core-resources-poster-stage { position: absolute; inset: 0px; z-index: 0; background: rgb(248, 248, 246); pointer-events: none; }
.core-resources-poster-stage img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.core-download-hero-content { position: relative; z-index: 1; }
.core-resources-hero-content { position: relative; z-index: 1; }
.core-download-hero-copy, .core-resources-hero-copy { max-width: 690px; }
.core-download-hero h1, .core-resources-hero h1 { max-width: 900px; margin: 0px; color: rgb(12, 25, 37); font-size: clamp(48px, 5vw, 64px); line-height: 1.02; }
.core-download-hero h1 { max-width: 690px; }
.core-resources-hero h1 { max-width: 690px; }
.core-download-hero .core-lead, .core-resources-hero .core-lead { max-width: 760px; font-size: 22px; }
.core-download-hero .core-lead { max-width: 610px; color: rgb(48, 68, 84); font-size: 19px; font-weight: 580; line-height: 1.55; }
.core-resources-hero .core-lead { max-width: 610px; color: rgb(48, 68, 84); font-size: 19px; font-weight: 580; line-height: 1.55; }
.core-resources-hero-actions { width: min(100%, 360px); flex-direction: column; align-items: stretch; }
.core-resources-hero-actions .foneclaw-apk-cta { margin: 0px; border-color: rgb(38, 55, 70); border-radius: 7px; background: rgb(16, 25, 35); box-shadow: rgba(17, 31, 43, 0.16) 0px 12px 28px; }
.core-resources-hero-actions .foneclaw-apk-cta__title { color: rgb(247, 251, 255); }
.core-resources-hero-actions .foneclaw-apk-cta__copy { color: rgb(229, 237, 244) !important; }
.core-resources-hero-actions .foneclaw-apk-cta__meta { color: rgb(198, 211, 222); }
.core-resources-hero-actions .foneclaw-apk-cta__button { border-radius: 5px; }
.core-download-hero-cta { width: min(100%, 360px); margin-top: 28px; }
.core-download-hero-cta .foneclaw-apk-cta { margin: 0px; border-color: rgb(38, 55, 70); border-radius: 7px; background: rgb(16, 25, 35); box-shadow: rgba(17, 31, 43, 0.16) 0px 12px 28px; }
.core-download-hero-cta .foneclaw-apk-cta__title { color: rgb(247, 251, 255); }
.core-download-hero-cta .foneclaw-apk-cta__copy { color: rgb(229, 237, 244) !important; }
.core-download-hero-cta .foneclaw-apk-cta__meta { color: rgb(198, 211, 222); }
.core-download-hero-cta .foneclaw-apk-cta__button { border-radius: 5px; }
.core-release-facts { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); max-width: 900px; margin: 42px 0px 0px; border-top: 1px solid rgb(174, 191, 186); }
.core-release-facts div { padding: 18px 18px 0px 0px; }
.core-release-facts dt, .core-release-meta dt { color: rgb(102, 118, 111); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.core-release-facts dd { margin: 7px 0px 0px; color: rgb(23, 37, 54); font-size: 17px; font-weight: 780; }
.core-release-section { padding: 54px 0px; }
.core-edition-section { padding-top: 72px; padding-bottom: 72px; }
.core-edition-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; max-width: 900px; margin: 0 auto; }
.core-edition-card { position: relative; padding: 28px; border: 1px solid #d9e3e8; border-radius: 20px; background: #fff; box-shadow: 0 14px 35px rgba(13, 28, 36, .08); }
.core-edition-card--full { border-color: rgba(0, 145, 175, .35); }
.core-edition-card--lite { background: linear-gradient(145deg, #fff, #f2fbff); }
.core-edition-badge { display: inline-block; margin-bottom: 14px; padding: 5px 10px; border-radius: 999px; background: #e7f8fb; color: #08778c; font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.core-edition-card h2 { margin: 0 0 10px; color: #101923; font-size: clamp(22px, 3vw, 30px); }
.core-edition-card p { margin: 0; color: #51606a; line-height: 1.65; }
.core-play-release-section[hidden] { display: none; }
.core-release-shell { position: relative; }
.core-release-history { border-top: 1px solid rgb(205, 215, 222); }
.core-release-history.is-loaded { height: 640px; padding-right: 28px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; }
.core-release-history.is-loaded::-webkit-scrollbar { display: none; }
.core-release-history:focus-visible { outline: rgba(8, 125, 143, 0.3) solid 3px; outline-offset: 4px; }
.core-release-scrollbar { position: absolute; top: 0px; right: 0px; bottom: 0px; display: none; width: 14px; border: 1px solid rgb(196, 208, 213); border-radius: 8px; background: rgb(231, 237, 239); cursor: pointer; }
.core-release-history.is-loaded + .core-release-scrollbar { display: block; }
.core-release-scrollbar-thumb { position: absolute; top: 2px; left: 2px; width: 8px; min-height: 58px; border-radius: 6px; background: rgb(101, 123, 135); box-shadow: rgba(17, 31, 43, 0.18) 0px 1px 2px; cursor: grab; touch-action: none; }
.core-release-scrollbar-thumb:active { cursor: grabbing; }
.core-release-scrollbar:focus-visible { outline: rgba(8, 125, 143, 0.3) solid 3px; outline-offset: 3px; }
.core-release-item { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(220px, 0.48fr) 170px; gap: 32px; align-items: center; padding: 32px 0px; border-bottom: 1px solid rgb(205, 215, 222); }
.core-release-main { min-width: 0px; }
.core-release-title-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.core-release-title-row h3 { margin: 0px; color: rgb(23, 37, 54); font-size: 27px; line-height: 1.2; }
.core-release-latest { display: inline-flex; align-items: center; min-height: 25px; padding: 4px 9px; border-radius: 999px; color: rgb(8, 98, 78); background: rgb(220, 239, 232); font-size: 10px; font-weight: 850; text-transform: uppercase; }
.core-release-date { margin: 9px 0px 0px; color: rgb(96, 112, 131); font-size: 13px; font-weight: 720; }
.core-release-whats-new { max-width: 650px; margin-top: 18px; }
.core-release-whats-new h4 { margin: 0px 0px 7px; color: rgb(37, 53, 71); font-size: 13px; }
.core-release-notes { display: grid; gap: 7px; margin: 0px; padding: 0px; list-style: none; color: rgb(70, 87, 106); font-size: 14px; line-height: 1.55; }
.core-release-notes li { position: relative; padding-left: 15px; }
.core-release-notes li::before { content: ""; position: absolute; left: 0px; top: 0.68em; width: 5px; height: 5px; border-radius: 50%; background: rgb(8, 125, 143); }
.core-release-meta { display: grid; min-width: 0px; gap: 12px; margin: 0px; }
.core-release-meta div { min-width: 0px; }
.core-release-meta dd { margin: 5px 0px 0px; color: rgb(37, 53, 71); }
.core-release-meta code { display: block; overflow: hidden; text-overflow: ellipsis; font-size: 11px; white-space: nowrap; }
.core-download-actions { display: grid; gap: 8px; }
.core-download-button { color: rgb(255, 255, 255); background: rgb(8, 125, 143); border-color: rgb(8, 125, 143); }
.core-copy-button { min-height: 42px; padding: 9px 12px; border: 1px solid rgb(158, 172, 183); border-radius: 5px; color: rgb(52, 68, 86); background: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12px; font-weight: 750; cursor: pointer; }
.core-process--download { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
.core-process--download h3 { display: block; height: auto; }
.core-limit-grid { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 70px; }
.core-limit-grid ul { margin: 0px; padding: 0px; list-style: none; }
.core-limit-grid li { padding: 18px 0px; border-top: 1px solid rgb(52, 68, 83); color: rgb(195, 206, 215); line-height: 1.65; }
.core-resource-grid > a strong { display: block; margin-top: 22px; color: rgb(8, 125, 143); font-size: 12px; }
.core-resources-hubs { border-block: 1px solid rgb(213, 223, 226); }
.core-hub-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; }
.core-hub-card { display: flex; min-height: 0px; overflow: hidden; flex-direction: column; border: 1px solid rgb(203, 215, 218); border-radius: 7px; color: rgb(23, 37, 54); text-decoration: none; background: rgb(255, 255, 255); box-shadow: rgba(31, 52, 63, 0.06) 0px 10px 30px; transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s; }
.core-hub-card:hover { border-color: rgb(141, 183, 185); box-shadow: rgba(31, 52, 63, 0.11) 0px 15px 38px; transform: translateY(-2px); }
.core-hub-visual { min-width: 0px; overflow: hidden; aspect-ratio: 1920 / 820; background: rgb(237, 243, 242); }
.core-hub-visual img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.core-hub-body { display: flex; min-width: 0px; min-height: 210px; flex: 1 1 0%; flex-direction: column; padding: 24px; }
.core-hub-body > span { color: rgb(8, 125, 143); font-size: 11px; font-weight: 850; text-transform: uppercase; }
.core-hub-body h3 { margin: 16px 0px 10px; color: rgb(17, 29, 42); font-size: 22px; line-height: 1.3; }
.core-hub-body p { margin: 0px; color: rgb(94, 109, 123); font-size: 14px; line-height: 1.68; }
.core-hub-arrow { align-self: flex-end; margin-top: auto; padding-top: 18px; color: rgb(8, 125, 143); font-size: 21px; line-height: 1; }
html[dir="rtl"] .core-hub-arrow { transform: scaleX(-1); }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0px !important; margin: -1px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; border: 0px !important; }
@media (max-width: 1050px) {
  .core-home-hero-grid { grid-template-columns: minmax(0px, 1fr) 320px; gap: 42px; }
  .core-process, .core-process--download { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .core-process--download h3 { height: auto; }
  .core-process li { border-bottom: 1px solid rgb(203, 213, 220); }
  .core-showcase { gap: 40px; }
  .core-release-item { grid-template-columns: 1fr 1fr; }
  .core-release-history.is-loaded { height: 820px; }
  .core-download-actions { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; }
  .core-hub-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (min-width: 821px) {
  html[dir="rtl"] .core-home-hero .core-home-hero-grid { grid-template-columns: minmax(0px, 500px); direction: ltr; }
  html[dir="rtl"] .core-home-hero .core-home-copy { direction: rtl; text-align: right; }
  html[dir="rtl"] .core-home-hero .core-actions, html[dir="rtl"] .core-home-hero .core-home-hero-facts { margin-right: 0px; margin-left: auto; }
  html[dir="rtl"] .core-download-hero-content, html[dir="rtl"] .core-resources-hero-content { width: 100%; direction: ltr; text-align: left; }
  html[dir="rtl"] .core-download-hero-copy, html[dir="rtl"] .core-resources-hero-copy { width: min(100%, 500px); direction: rtl; text-align: right; }
  html[dir="rtl"] .core-download-hero-cta, html[dir="rtl"] .core-resources-hero-actions { margin-right: 0px; margin-left: auto; }
}
@media (min-width: 981px) {
  html[dir="rtl"] .core-feature-hero .core-home-hero-grid { direction: ltr; }
  html[dir="rtl"] .core-feature-hero .core-home-copy { direction: rtl; text-align: right; }
  html[dir="rtl"] .core-feature-hero .core-actions, html[dir="rtl"] .core-feature-hero .core-feature-inline-facts { margin-right: 0px; margin-left: auto; }
}
@media (max-width: 980px) {
  .core-feature-hero .core-home-hero-grid { grid-template-columns: 1fr; gap: 44px; text-align: center; }
  .core-feature-hero .core-home-copy { max-width: none; }
  .core-feature-hero .core-home-copy .core-lead { margin-left: auto; margin-right: auto; }
  .core-feature-hero .core-actions, .core-feature-inline-facts { margin-left: auto; margin-right: auto; }
  .core-feature-hero .core-actions { justify-content: center; }
  .core-feature-hero-product { width: min(100%, 400px); margin: 0px auto; justify-self: center; }
  .core-phone-frame.core-feature-settings-phone { width: min(100%, 350px); }
}
@media (max-width: 820px) {
  .core-home-hero, .core-feature-hero { min-height: 0px; }
  .core-home-hero { padding: 60px 0px 52px; }
  .core-feature-hero { padding: 60px 0px 52px; }
  .core-feature-poster-stage { opacity: 0.34; }
  .core-home-hero-grid { grid-template-columns: 1fr; text-align: center; }
  .core-home-hero .core-home-copy { display: contents; }
  .core-home-hero .core-kicker { order: 1; }
  .core-home-hero .core-home-copy h1 { order: 2; }
  .core-home-hero .core-lead { order: 3; }
  .core-home-hero .core-home-poster-stage { position: relative; inset: auto; order: 4; width: 100vw; aspect-ratio: 16 / 9; justify-self: center; margin-top: 32px; overflow: hidden; }
  .core-home-hero .core-home-poster-stage img { height: 100%; object-position: center center; }
  .core-home-hero .core-actions { order: 5; justify-self: center; margin-top: 30px; }
  .core-home-hero .core-home-hero-facts { order: 6; justify-self: center; }
  .core-feature-hero .core-home-hero-grid { grid-template-columns: 1fr; gap: 0px; }
  .core-feature-hero .core-home-copy { display: contents; }
  .core-feature-hero .core-feature-copy-intro { order: 1; }
  .core-feature-hero .core-feature-hero-product { order: 2; margin-top: 32px; }
  .core-feature-hero .core-actions { order: 3; justify-self: center; margin-top: 30px; }
  .core-feature-hero .core-feature-inline-facts { order: 4; justify-self: center; margin-top: 20px; }
  .core-home-copy .core-lead, .core-home-copy .core-support { margin-left: auto; margin-right: auto; }
  .core-actions, .core-proof { justify-content: center; }
  .core-feature-hero .core-phone-stage { margin-top: 8px; }
  .core-phone-frame--hero { width: min(82vw, 300px); }
  .core-scenario-grid, .core-article-row, .core-link-grid, .core-model-grid, .core-resource-grid { grid-template-columns: 1fr; }
  .core-model-grid h3 { height: auto; }
  .core-scenario-grid { max-width: 520px; margin: 0px auto; }
  .core-split, .core-control-grid, .core-limit-grid { grid-template-columns: 1fr; gap: 35px; }
  .core-section-heading--left { text-align: center; margin-left: auto; }
  .core-section-heading--left p { margin-left: auto; }
  .core-runtime { grid-template-columns: 1fr; }
  .core-runtime li { min-height: 76px; border-right: 1px solid rgb(199, 210, 216); border-bottom: 0px; }
  .core-runtime li:last-child { border-bottom: 1px solid rgb(199, 210, 216); }
  .core-runtime li:not(:last-child)::after { content: "⌄"; inset: auto auto -15px 50%; transform: translateX(-50%); background: rgb(243, 246, 247); }
  .core-showcase { grid-template-columns: 1fr; gap: 35px; padding: 60px 0px; text-align: center; }
  .core-showcase:nth-child(2n) .core-showcase-copy, .core-showcase:nth-child(2n) .core-showcase-visual { order: initial; }
  .core-showcase blockquote { border-left: 0px; border-top: 3px solid rgb(8, 125, 143); }
  .core-showcase-copy ol { max-width: 460px; margin: 0px auto; text-align: left; }
  .core-tool-controls { grid-template-columns: 1fr; }
  .core-release-facts { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .core-download-hero { min-height: 0px; padding: 70px 0px 58px; }
  .core-download-poster-stage { opacity: 0.18; }
  .core-download-poster-stage img { object-position: 82% center; }
  .core-resources-poster-stage { opacity: 0.2; }
  .core-resources-poster-stage img { object-position: 78% center; }
  .core-download-hero-content { width: 100%; text-align: left; }
  .core-resources-hero-content { width: 100%; text-align: left; }
  .core-download-hero h1 { max-width: 620px; }
  .core-download-hero .core-lead { max-width: 590px; }
  .core-control-grid > * { min-width: 0px; }
  .core-settings > img { max-width: 100%; height: auto; }
  .core-control-grid .core-section-heading h2 { max-width: 100%; overflow-wrap: anywhere; }
}
@media (max-width: 560px) {
  .core-home-copy h1, .core-feature-hero .core-home-copy h1, .core-download-hero h1, .core-resources-hero h1 { font-size: 40px; }
  .core-feature-hero .core-home-copy .core-lead { font-size: 18px; }
  .core-feature-hero .core-home-hero-grid { gap: 36px; }
  .core-feature-hero-product { width: min(100%, 400px); gap: 10px; }
  .core-phone-frame.core-feature-settings-phone { width: min(100%, 320px); }
  .core-feature-inline-facts li { min-height: 78px; padding: 10px 7px; text-align: center; }
  .core-feature-inline-facts strong { font-size: 11px; line-height: 1.35; }
  .core-lead, .core-download-hero .core-lead, .core-resources-hero .core-lead { font-size: 20px; }
  .core-band { padding: 62px 0px; }
  .core-section-heading { margin-bottom: 34px; }
  .core-section-heading h2 { font-size: 33px; }
  .core-process, .core-process--download { grid-template-columns: 1fr; }
  .core-process--download h3 { height: auto; }
  .core-process li { border-right: 0px; }
  .core-download-hero, .core-resources-hero { padding: 84px 0px 58px; }
  .core-download-hero { padding: 58px 0px 46px; }
  .core-resources-hero { min-height: 0px; padding: 58px 0px 46px; }
  .core-download-hero h1 { line-height: 1.04; }
  .core-resources-hero h1 { line-height: 1.04; }
  .core-download-hero .core-lead { font-size: 17px; line-height: 1.52; }
  .core-resources-hero .core-lead { font-size: 17px; line-height: 1.52; }
  .core-download-hero-cta { margin-top: 23px; }
  .core-control-grid .core-section-heading h2 { width: min(100%, 330px); margin-left: auto; margin-right: auto; font-size: 28px; }
  .core-release-item { grid-template-columns: 1fr; gap: 18px; }
  .core-release-section { padding: 54px 0px; }
  .core-release-history.is-loaded { height: 1120px; padding-right: 22px; }
  .core-download-actions { grid-column: auto; grid-template-columns: 1fr; }
  .core-release-facts { grid-template-columns: 1fr 1fr; }
  .core-tool-table th:nth-child(2), .core-tool-table th:nth-child(3), .core-tool-table td:nth-child(2), .core-tool-table td:nth-child(3) { display: none; }
  .core-tool-table td:first-child { min-width: 170px; }
  .core-hub-grid { grid-template-columns: 1fr; }
  .core-statement-list article { grid-template-columns: 34px 1fr; gap: 10px; }
  .core-final-cta { padding: 64px 16px; }
}
:root { --fc-cookie-offset: 0px; --fc-social-share-height: 0px; }
#social-share.social-share-floating { z-index: 9999; position: fixed !important; top: calc((100vh - var(--fc-cookie-offset))/2) !important; right: 20px !important; bottom: auto !important; left: auto !important; display: flex !important; flex-direction: column !important; gap: 8px !important; justify-content: center !important; padding: 0px !important; transform: translateY(-50%) !important; }
#backToTop { right: 76px !important; bottom: calc(var(--fc-cookie-offset) + 20px) !important; }
@media (max-width: 768px) {
  .core-edition-section { padding-top: 52px; padding-bottom: 52px; }
  .core-edition-grid { grid-template-columns: 1fr; }
  .core-edition-card { padding: 22px; }
  #social-share.social-share-floating { border-top: 1px solid rgb(26, 35, 50); background: rgba(8, 12, 24, 0.95); right: 0px !important; bottom: var(--fc-cookie-offset) !important; left: 0px !important; top: auto !important; flex-direction: row !important; gap: 12px !important; padding: 12px !important; transform: none !important; }
  #social-share.social-share-floating button { width: 36px !important; height: 36px !important; }
  #backToTop { right: 16px !important; bottom: calc(var(--fc-cookie-offset) + var(--fc-social-share-height) + 16px) !important; }
}
.nav-resource-menu { position: relative; display: flex; align-self: stretch; align-items: center; }
.nav-resource-trigger { display: flex; height: 100%; align-items: center; }
.nav-resource-toggle { display: inline-flex; height: 100%; align-items: center; justify-content: center; gap: 7px; padding: 0px; border: 0px; color: rgb(139, 148, 158); background: transparent; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; font-weight: 500; cursor: pointer; transition: color 0.2s; }
.nav-resource-toggle:hover, .nav-resource-toggle:focus-visible, .nav-resource-toggle.on, .nav-resource-menu.open .nav-resource-toggle { color: rgb(240, 244, 248); }
.nav-resource-chevron { display: block; width: 7px; height: 7px; margin-top: -3px; border-right: 1.5px solid; border-bottom: 1.5px solid; transform: rotate(45deg); transition: transform 0.2s; }
.nav-resource-menu.open .nav-resource-chevron { margin-top: 3px; transform: rotate(225deg); }
.nav-resource-toggle:focus-visible { outline: rgb(65, 191, 208) solid 2px; outline-offset: 1px; }
.nav-resource-submenu { position: absolute; z-index: 120; display: none; width: 270px; padding: 8px; border: 1px solid rgb(43, 59, 73); border-radius: 0px 0px 6px 6px; background: rgb(16, 25, 35); box-shadow: rgba(0, 0, 0, 0.28) 0px 18px 38px; }
.nr .nav-resource-submenu a { display: block; padding: 11px 12px; border: 0px; border-radius: 4px; color: rgb(203, 215, 225); font-size: 13px; line-height: 1.35; text-decoration: none; }
.nr .nav-resource-submenu a:hover, .nr .nav-resource-submenu a:focus-visible, .nr .nav-resource-submenu a.on { color: rgb(255, 255, 255); background: rgb(27, 43, 56); }
.nr .nav-resource-submenu a:first-child { margin-bottom: 4px; padding-bottom: 13px; border-bottom: 1px solid rgb(43, 59, 73); border-radius: 0px; }
@media (min-width: 1025px) {
  .nav-resource-submenu { top: 100%; left: 0px; }
  body[data-site-variant="cn"] .nav-resource-submenu { right: 0px; left: auto; }
  .nav-resource-menu:hover .nav-resource-submenu, .nav-resource-menu.open .nav-resource-submenu { display: grid; }
  .nav-resource-menu:hover .nav-resource-chevron, .nav-resource-menu.open .nav-resource-chevron { margin-top: 3px; transform: rotate(225deg); }
  html[dir="rtl"] .nav-resource-submenu { right: 0px; left: auto; }
}
@media (max-width: 1024px) {
  .nav-resource-menu { display: block; width: 100%; align-self: stretch; }
  .nav-resource-trigger { display: flex; width: 100%; height: auto; }
  .nav-resource-toggle { width: 100%; height: auto; justify-content: space-between; padding: 12px 0px; border-bottom: 1px solid rgba(0, 212, 255, 0.04); font-size: 16px; }
  .nav-resource-submenu { position: static; width: 100%; padding: 5px 0px 10px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(0, 212, 255, 0.08); border-image: initial; border-radius: 0px; background: rgb(16, 25, 35); box-shadow: none; }
  .nav-resource-menu.open .nav-resource-submenu { display: grid; }
  .nr .nav-resource-submenu a { padding: 10px 14px 10px 24px; font-size: 14px; }
  html[dir="rtl"] .nr .nav-resource-submenu a { padding-right: 24px; padding-left: 14px; text-align: right; }
}
@media (max-width: 620px) {
  .core-hub-body { min-height: 0px; padding: 21px; }
}
.site-header .top-nav { z-index: 10010; }
.lang-menu { position: relative; flex: 0 0 auto; margin-left: 12px; }
.lang-toggle { display: inline-flex; min-width: 145px; min-height: 36px; align-items: center; justify-content: space-between; gap: 14px; padding: 7px 11px; border: 1px solid rgb(35, 66, 80); border-radius: 7px; color: rgb(174, 187, 199); background: rgb(13, 21, 30); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; line-height: 1.2; cursor: pointer; }
.lang-toggle:hover, .lang-toggle:focus-visible, .lang-toggle.open { color: rgb(255, 255, 255); border-color: rgb(65, 191, 208); background: rgb(17, 29, 40); }
.lang-toggle:focus-visible { outline: rgb(65, 191, 208) solid 2px; outline-offset: 2px; }
.lang-toggle-chevron { display: block; width: 7px; height: 7px; margin-top: -3px; border-right: 1.5px solid; border-bottom: 1.5px solid; transform: rotate(45deg); transition: transform 0.2s; }
.lang-toggle.open .lang-toggle-chevron { margin-top: 3px; transform: rotate(225deg); }
.lang-dropdown { position: absolute; z-index: 180; top: calc(100% + 8px); right: 0px; display: none; width: max-content; min-width: 220px; max-width: min(300px, -24px + 100vw); max-height: calc(-76px + 100vh); overflow: hidden auto; padding: 6px; border: 1px solid rgb(43, 59, 73); border-radius: 7px; color: rgb(220, 230, 237); background: rgb(16, 25, 35); box-shadow: rgba(0, 0, 0, 0.34) 0px 18px 42px; overscroll-behavior: contain; }
.lang-dropdown.open { display: grid; }
.lang-dropdown a { display: grid; grid-template-columns: minmax(0px, 1fr) 18px; min-height: 38px; align-items: center; gap: 14px; margin: 0; padding: 9px 10px; border: 0px; border-radius: 4px; color: rgb(203, 215, 225); font-size: 13px; line-height: 1.3; text-decoration: none; white-space: nowrap; }
.lang-dropdown a:hover, .lang-dropdown a:focus-visible { color: rgb(255, 255, 255); background: rgb(27, 43, 56); outline: 0px; }
.lang-dropdown a:focus-visible { box-shadow: rgb(65, 191, 208) 0px 0px 0px 2px inset; }
.lang-dropdown a.on { color: rgb(255, 255, 255); background: rgb(33, 53, 66); }
.lang-option-check { visibility: hidden; color: rgb(86, 209, 200); font-weight: 850; text-align: center; }
.lang-dropdown a.on .lang-option-check { visibility: visible; }
html[dir="rtl"] .lang-menu { margin-right: 12px; margin-left: 0px; }
html[dir="rtl"] .lang-toggle { direction: rtl; text-align: right; }
html[dir="rtl"] .lang-dropdown { right: auto; left: 0px; direction: rtl; text-align: right; }
.footer-lang-menu { width: min(100%, 220px); margin: 18px 0 0; }
.footer-lang-menu .lang-toggle { width: 100%; }
.footer-lang-menu .lang-dropdown { top: auto; right: auto; bottom: calc(100% + 8px); left: 0; max-height: min(420px, calc(100vh - 100px)); }
html[dir="rtl"] .footer-lang-menu { margin-right: 0; }
html[dir="rtl"] .footer-lang-menu .lang-dropdown { right: 0; left: auto; }
@media (max-width: 1024px) {
  .footer-lang-menu { width: min(100%, 260px); margin: 18px 0 0; }
  .footer-lang-menu .lang-toggle { min-height: 44px; font-size: 15px; }
  .footer-lang-menu .lang-dropdown { position: absolute; width: min(300px, calc(100vw - 40px)); min-width: 0px; max-height: min(420px, calc(100vh - 100px)); margin: 0; border-radius: 5px; }
  .footer-lang-menu .lang-dropdown a { min-height: 42px; padding: 10px 12px; font-size: 14px; }
}
@media (max-width: 1024px) {
  .hamburger { display: block; min-width: 44px; min-height: 44px; }
  .nav-account-slot-placeholder { display: none; }
  .site-header .top-nav .nb { height: 50px; }
  .site-header .nr { position: fixed; z-index: 10011; inset: 50px 0px auto; display: none; width: 100%; height: calc(-50px + 100dvh); align-items: stretch; gap: 0px; padding: 8px 20px 24px; overflow: hidden auto; border-bottom: 0px; background: rgb(11, 17, 27); box-shadow: rgba(0, 0, 0, 0.3) 0px 18px 38px; backdrop-filter: none; overscroll-behavior: contain; }
  .site-header .nr.open { display: flex; }
  .site-header .nr > a { display: flex; min-height: 48px; align-items: center; justify-content: flex-start; padding: 0px; border-bottom: 1px solid rgb(27, 40, 53); color: rgb(184, 196, 206); font-size: 15px; text-align: left; }
  .site-header .nr > a:hover, .site-header .nr > a:focus-visible, .site-header .nr > a.on { color: rgb(255, 255, 255); }
  .site-header .nav-resource-toggle { min-height: 48px; padding: 0px; border-bottom: 1px solid rgb(27, 40, 53); color: rgb(184, 196, 206); font-size: 15px; text-align: left; }
  .site-header .nav-resource-submenu { padding: 4px 0px 8px; border-bottom: 1px solid rgb(27, 40, 53); background: rgb(11, 17, 27); }
  .site-header .nr .nav-resource-submenu a { min-height: 42px; padding: 10px 14px; border-bottom: 0px; }
  .site-header .nav-account-actions { display: block; margin: 14px 0 0; padding: 0; border: 0; }
  .site-header .nr .nav-account-actions .nav-account-login { width: 100%; min-height: 44px; padding: 0 14px; font-size: 15px; }
  .site-header .nav-member-menu { width: 100%; }
  .site-header .nav-member-avatar { width: 44px; height: 44px; }
  .site-header .nav-member-dropdown { position: static; width: 100%; margin-top: 8px; box-shadow: none; }
  .site-header .nr .nav-member-dropdown a,.site-header .nav-member-dropdown button { min-height: 44px; padding: 10px 14px; font-size: 15px; }
  html[dir="rtl"] .site-header .nav-account-actions { margin: 14px 0 0; padding: 0; border: 0; }
  .hamburger.open { font-size: 0px; }
  .hamburger.open::before { content: "×"; display: block; font-size: 30px; font-weight: 300; line-height: 1; }
  html[dir="rtl"] .site-header .nr > a, html[dir="rtl"] .site-header .nav-resource-toggle { text-align: right; }
}