:root {
  color-scheme: dark;
  --ink: #edf7f1;
  --muted: #96aca2;
  --bg: #06100d;
  --panel: #10241e;
  --line: rgba(174, 210, 194, .16);
  --jade: #5fe0a8;
  --cyan: #69cedc;
  --gold: #e8bd70;
  --rust: #dc735e;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--bg); }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .25; background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size: 32px 32px; }
.page-glow { position: fixed; width: 62vw; height: 62vw; top: -32vw; right: -8vw; border-radius: 50%; background: rgba(52, 178, 126, .14); filter: blur(90px); pointer-events: none; }
.shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
a { color: inherit; }
.nav { position: relative; z-index: 4; display: flex; justify-content: space-between; align-items: center; min-height: 88px; border-bottom: 1px solid var(--line); }
.brand { display: flex; gap: 12px; align-items: center; text-decoration: none; }
.brand > span:last-child { display: grid; }
.brand strong { font: 600 21px/1 Georgia, serif; }
.brand small { margin-top: 4px; color: var(--muted); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.brand-mark { position: relative; width: 34px; height: 34px; border: 1px solid rgba(95,224,168,.4); border-radius: 11px 11px 14px 14px; background: rgba(95,224,168,.1); }
.brand-mark::before, .brand-mark::after { content: ""; position: absolute; top: -4px; width: 11px; height: 13px; background: var(--rust); clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.brand-mark::before { left: 4px; transform: rotate(-9deg); }.brand-mark::after { right: 4px; transform: rotate(9deg); }
.brand-mark i, .brand-mark b { position: absolute; top: 14px; width: 4px; height: 4px; border-radius: 50%; background: var(--ink); }
.brand-mark i { left: 8px; }.brand-mark b { right: 8px; }
nav { display: flex; gap: 28px; }
nav a { color: var(--muted); font-size: 13px; text-decoration: none; } nav a:hover { color: var(--ink); }
.hero { position: relative; display: grid; grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr); gap: 70px; align-items: center; min-height: 720px; padding-block: 76px 96px; }
.eyebrow { margin: 0 0 16px; color: var(--jade); font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 24px; font: 500 clamp(56px, 7vw, 90px)/.92 Georgia, serif; letter-spacing: -.045em; }
h1 em { color: var(--jade); font-style: italic; }
.lede { max-width: 620px; color: #c6d8cf; font-size: 18px; line-height: 1.65; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 34px; }
.button { display: inline-flex; min-height: 54px; padding: 13px 20px; border: 1px solid var(--line); border-radius: 12px; align-items: center; justify-content: center; gap: 5px; text-decoration: none; font-size: 13px; font-weight: 750; }
.button.primary { min-width: 220px; flex-direction: column; align-items: flex-start; color: #06100d; background: var(--jade); border-color: transparent; }
.button.primary small { color: rgba(6,16,13,.66); font-size: 9px; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; }
.button.unavailable { cursor: progress; opacity: .78; }
.button.secondary { background: rgba(255,255,255,.035); }
.button:not(.unavailable):hover { transform: translateY(-1px); filter: brightness(1.06); }
.release-note { margin-top: 12px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.hero-visual { position: relative; min-height: 500px; }
.orbit { position: absolute; border: 1px solid rgba(95,224,168,.16); border-radius: 50%; }
.orbit-one { inset: 45px 25px 15px 10px; transform: rotate(8deg); }.orbit-two { inset: 95px 70px 60px 55px; border-color: rgba(105,206,220,.15); transform: rotate(-17deg); }
.shiba { position: absolute; z-index: 1; top: 16px; right: 64px; width: 116px; height: 122px; }
.shiba .ear { position: absolute; top: 0; width: 45px; height: 58px; background: var(--rust); clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.shiba .ear.left { left: 6px; transform: rotate(-10deg); }.shiba .ear.right { right: 6px; transform: rotate(10deg); }
.shiba .face { position: absolute; inset: 31px 5px 0; display: block; border-radius: 50% 50% 44% 44%; background: linear-gradient(145deg, #d8755f, #a94738); box-shadow: 0 24px 70px rgba(0,0,0,.35); }
.shiba .eye { position: absolute; top: 35px; width: 9px; height: 7px; border-radius: 50%; background: #08100e; }.shiba .eye.left { left: 26px; }.shiba .eye.right { right: 26px; }
.shiba .muzzle { position: absolute; width: 43px; height: 31px; left: 31px; top: 50px; border-radius: 50%; background: #f0d4b6; }.shiba .muzzle::after { content: ""; position: absolute; width: 10px; height: 7px; top: 7px; left: 17px; border-radius: 50%; background: #171310; }
.preview-card { position: absolute; z-index: 2; border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(145deg, rgba(20,47,39,.97), rgba(9,24,20,.97)); box-shadow: 0 30px 80px rgba(0,0,0,.32); }
.preview-main { left: 5px; right: 42px; top: 145px; padding: 28px; }
.preview-head { display: flex; justify-content: space-between; color: var(--muted); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }.preview-head strong { color: var(--jade); }
.preview-main h2 { margin: 28px 0 8px; font: 500 30px/1 Georgia, serif; }.preview-main p { max-width: 410px; color: var(--muted); font-size: 13px; line-height: 1.5; }
.meter { height: 8px; margin-top: 28px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.07); }.meter span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--jade), var(--cyan)); }
.meter-label { display: flex; justify-content: space-between; margin-top: 9px; color: var(--muted); font-size: 10px; }.meter-label strong { color: var(--ink); }
.preview-stat, .preview-effect { display: grid; min-width: 195px; padding: 17px; }
.preview-stat { right: 0; bottom: 15px; }.preview-effect { left: 32px; bottom: -34px; }
.preview-stat span, .preview-effect span { color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }.preview-stat strong, .preview-effect strong { margin: 6px 0 4px; color: var(--jade); font: 600 24px/1 Georgia, serif; }.preview-stat small, .preview-effect small { color: var(--muted); font-size: 9px; }
.trust-strip { border-block: 1px solid var(--line); background: rgba(255,255,255,.018); }
.trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding-block: 22px; color: var(--muted); font-size: 11px; text-align: center; }
.features { padding-block: 120px; }
.section-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: end; margin-bottom: 55px; }.section-intro .eyebrow { grid-column: 1 / -1; margin-bottom: -14px; }.section-intro h2, .privacy h2, .cta h2 { margin: 0; font: 500 clamp(36px, 5vw, 58px)/1.02 Georgia, serif; letter-spacing: -.035em; }.section-intro > p:last-child { color: var(--muted); line-height: 1.7; }
.feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.feature-grid article { min-height: 245px; padding: 28px; border: 1px solid var(--line); border-radius: 16px; background: rgba(16,36,30,.72); }
.feature-number { color: var(--jade); font: 500 13px Georgia, serif; }.feature-grid h3 { margin: 50px 0 12px; font: 500 24px Georgia, serif; }.feature-grid p { margin-bottom: 0; color: var(--muted); line-height: 1.65; }
.reviews { padding-block: 110px; border-top: 1px solid var(--line); }
.review-intro { margin-bottom: 38px; }
.review-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.review-card { display: grid; min-height: 230px; padding: 26px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(145deg, rgba(20,47,39,.82), rgba(9,24,20,.82)); }
.review-stars { color: var(--gold); letter-spacing: .14em; }
.review-card blockquote { margin: 24px 0; color: #d6e7df; font: 500 19px/1.55 Georgia, serif; }
.review-card footer { align-self: end; display: flex; justify-content: space-between; padding: 0; border: 0; }
.review-card footer strong { color: var(--ink); font-size: 12px; }.review-card footer time { color: var(--muted); font-size: 10px; }
.community-actions { display: flex; gap: 12px; margin-top: 28px; }
.review-button { color: #06100d; background: var(--gold); border-color: transparent; }
.empty-state { grid-column: 1 / -1; margin: 0; padding: 28px; border: 1px dashed var(--line); border-radius: 14px; color: var(--muted); text-align: center; }
.news { padding-block: 110px; border-top: 1px solid var(--line); }
.news-intro { margin-bottom: 38px; }
.news-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.news-card { display: grid; align-content: start; min-height: 270px; padding: 26px; border: 1px solid var(--line); border-radius: 16px; background: rgba(16,36,30,.72); }
.news-card.news-featured { grid-row: span 2; min-height: 554px; align-content: end; background: radial-gradient(circle at 78% 16%, rgba(95,224,168,.18), transparent 34%), linear-gradient(145deg, rgba(20,47,39,.93), rgba(8,22,18,.95)); }
.news-meta { display: flex; justify-content: space-between; gap: 12px; color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .07em; }
.news-meta span { color: var(--jade); }
.news-card h3 { margin: 42px 0 12px; font: 500 28px/1.08 Georgia,serif; }
.news-featured h3 { font-size: clamp(34px,4vw,50px); }
.news-card p { margin: 0 0 24px; color: var(--muted); font-size: 13px; line-height: 1.7; }
.news-card a { align-self: end; color: var(--jade); font-size: 11px; font-weight: 750; text-decoration: none; }
.news-card a:hover { color: var(--ink); }
.privacy, .support { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; padding-block: 95px; border-block: 1px solid var(--line); }
.support { border-top: 0; }
.privacy-copy > p { color: #c6d8cf; line-height: 1.75; }.privacy ul { margin: 28px 0 0; padding: 0; list-style: none; }.privacy li { padding: 11px 0; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 13px; }.privacy li::before { content: "✓"; margin-right: 10px; color: var(--jade); }
.support-copy > p:first-child { color: #c6d8cf; line-height: 1.75; }
.support-button { min-width: 220px; margin-top: 10px; color: #06100d; background: var(--gold); border-color: transparent; }
.support-button.unavailable { color: var(--muted); background: rgba(255,255,255,.035); border-color: var(--line); cursor: default; }
.support-note { max-width: 610px; margin: 14px 0 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.owner-access { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: end; padding-block: 75px; border-bottom: 1px solid var(--line); }
.owner-access h2 { margin: 0; font: 500 clamp(32px, 4vw, 48px)/1.02 Georgia, serif; }.owner-access > div > p:last-child { max-width: 600px; margin: 18px 0 0; color: var(--muted); line-height: 1.65; }
.owner-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }.owner-actions .support-note { flex-basis: 100%; }
.owner-panel { padding-block: 90px; border-bottom: 1px solid var(--line); }
.owner-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }.owner-columns > section { padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: rgba(16,36,30,.65); }
.owner-section-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }.owner-section-head h3 { margin: 0; font: 500 24px Georgia, serif; }.owner-section-head span { min-width: 28px; padding: 5px 8px; border-radius: 99px; color: var(--jade); background: rgba(95,224,168,.1); text-align: center; font-size: 11px; }
.owner-list { display: grid; gap: 10px; }.owner-item { padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: rgba(0,0,0,.12); }.owner-item h4 { margin: 0 0 8px; }.owner-item p { color: #c6d8cf; line-height: 1.5; white-space: pre-wrap; }.owner-item small { color: var(--muted); }.owner-item-actions { display: flex; gap: 8px; margin-top: 14px; }.owner-item-actions button { min-height: 38px; padding: 8px 12px; }
.community-modal { width: min(620px, calc(100% - 28px)); padding: 0; border: 1px solid rgba(174,210,194,.25); border-radius: 20px; color: var(--ink); background: #0b1d18; box-shadow: 0 30px 100px rgba(0,0,0,.65); }
.community-modal::backdrop { background: rgba(1,8,6,.78); backdrop-filter: blur(6px); }
.community-form { display: grid; gap: 18px; padding: 28px; }.modal-head { display: flex; justify-content: space-between; gap: 20px; }.modal-head h2 { margin: 0; font: 500 36px/1.05 Georgia, serif; }
.modal-close { width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 50%; color: var(--ink); background: rgba(255,255,255,.04); cursor: pointer; font-size: 22px; }
.community-form label { display: grid; gap: 8px; color: #c6d8cf; font-size: 12px; font-weight: 700; }.community-form label span { color: var(--muted); font-weight: 500; }
.community-form input, .community-form select, .community-form textarea { width: 100%; border: 1px solid var(--line); border-radius: 10px; padding: 12px 13px; color: var(--ink); background: #06110e; font: inherit; resize: vertical; }.community-form input:focus, .community-form select:focus, .community-form textarea:focus { outline: 2px solid rgba(95,224,168,.45); outline-offset: 2px; }
.form-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }.form-footer { display: flex; justify-content: space-between; gap: 20px; align-items: center; }.form-footer p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.cta { display: flex; justify-content: space-between; gap: 40px; align-items: end; padding-block: 105px; }.cta h2 { max-width: 740px; }
footer { display: flex; justify-content: space-between; gap: 20px; padding-block: 26px 40px; border-top: 1px solid var(--line); color: var(--muted); font-size: 10px; }

.docs-shell { position: relative; display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 66px; align-items: start; padding-block: 54px 100px; }
.docs-sidebar { position: sticky; top: 24px; display: grid; gap: 20px; padding: 20px; border: 1px solid var(--line); border-radius: 16px; background: rgba(10,27,22,.88); backdrop-filter: blur(18px); }
.docs-search { display: grid; gap: 8px; color: var(--muted); font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }
.docs-search input { width: 100%; padding: 11px 12px; color: var(--ink); border: 1px solid var(--line); border-radius: 9px; outline: 0; background: rgba(0,0,0,.2); font: inherit; font-size: 12px; text-transform: none; letter-spacing: 0; }
.docs-search input:focus { border-color: rgba(95,224,168,.48); box-shadow: 0 0 0 3px rgba(95,224,168,.08); }
.docs-toc { display: grid; }
.docs-toc a { display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 6px; padding: 9px 0; color: var(--muted); border-bottom: 1px solid rgba(174,210,194,.09); text-decoration: none; font-size: 11px; }
.docs-toc a:hover { color: var(--ink); }
.docs-toc span { color: var(--jade); font: 500 9px Georgia, serif; }
.docs-version { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
.docs-content { min-width: 0; }
.docs-hero { min-height: 530px; padding: 62px 0 72px; border-bottom: 1px solid var(--line); }
.docs-hero h1 { max-width: 840px; }
.docs-hero > p:last-of-type { max-width: 680px; color: #c6d8cf; font-size: 18px; line-height: 1.7; }
.docs-quick-links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: 42px; }
.docs-quick-links a { display: grid; gap: 6px; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: rgba(16,36,30,.65); text-decoration: none; }
.docs-quick-links a:hover { border-color: rgba(95,224,168,.4); transform: translateY(-1px); }
.docs-quick-links strong { font: 500 17px Georgia, serif; }
.docs-quick-links span { color: var(--muted); font-size: 10px; }
.docs-section { display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 24px; padding-block: 80px; border-bottom: 1px solid var(--line); scroll-margin-top: 32px; }
.docs-section[hidden] { display: none; }
.docs-section-number { display: grid; width: 44px; height: 44px; place-items: center; color: var(--jade); border: 1px solid rgba(95,224,168,.25); border-radius: 50%; font: 500 12px Georgia, serif; }
.docs-section h2 { max-width: 740px; margin: 0 0 22px; font: 500 clamp(34px,4.5vw,54px)/1.02 Georgia,serif; letter-spacing: -.035em; }
.docs-lede { max-width: 760px; color: #c6d8cf; font-size: 16px; line-height: 1.72; }
.steps { display: grid; gap: 10px; margin: 30px 0 0; padding: 0; list-style: none; }
.steps li { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 15px; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: rgba(16,36,30,.48); }
.steps li > span { display: grid; width: 32px; height: 32px; place-items: center; color: #06100d; border-radius: 9px; background: var(--jade); font-weight: 850; }
.steps strong { display: block; margin-bottom: 5px; }.steps p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.docs-card-grid, .definition-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 28px; }
.docs-card-grid article, .definition-grid article { min-height: 160px; padding: 20px; border: 1px solid var(--line); border-radius: 13px; background: rgba(16,36,30,.56); }
.docs-card-grid h3 { margin: 30px 0 8px; font: 500 20px Georgia,serif; }
.docs-card-grid p, .definition-grid p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.doc-status { display: inline-flex; padding: 4px 7px; border: 1px solid currentColor; border-radius: 999px; font-size: 8px; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.doc-status.ready { color: var(--jade); }.doc-status.conditional { color: var(--gold); }.doc-status.blocked { color: var(--rust); }
.doc-callout { margin-top: 20px; padding: 18px 20px; border-left: 3px solid var(--jade); border-radius: 0 11px 11px 0; background: rgba(95,224,168,.06); }
.doc-callout.warning { border-left-color: var(--gold); background: rgba(232,189,112,.055); }
.doc-callout strong { font: 500 18px Georgia,serif; }.doc-callout p { margin: 7px 0 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.command-card { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 12px; align-items: center; margin: 26px 0; padding: 14px 16px; border: 1px solid rgba(95,224,168,.28); border-radius: 12px; background: rgba(0,0,0,.18); }
.command-card > span { color: var(--muted); font-size: 9px; text-transform: uppercase; }.command-card code { color: var(--jade); font-size: 14px; }.command-card button { padding: 7px 10px; color: var(--ink); border: 1px solid var(--line); border-radius: 7px; background: rgba(255,255,255,.04); cursor: pointer; }
.docs-table-wrap { overflow: auto; border: 1px solid var(--line); border-radius: 12px; }
.docs-table { width: 100%; min-width: 680px; border-collapse: collapse; font-size: 11px; }
.docs-table th { padding: 12px 14px; color: var(--muted); background: rgba(16,36,30,.9); text-align: left; text-transform: uppercase; letter-spacing: .06em; }
.docs-table td { padding: 14px; border-top: 1px solid var(--line); color: #c6d8cf; line-height: 1.5; vertical-align: top; }.docs-table td:first-child { color: var(--ink); font-weight: 750; }
.definition-grid article { min-height: 132px; }.definition-grid strong { display: block; margin-bottom: 12px; color: var(--jade); font: 500 20px Georgia,serif; }
.trigger-flow { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 30px 0; }.trigger-flow span { padding: 10px 12px; border: 1px solid var(--line); border-radius: 9px; background: rgba(16,36,30,.6); font-size: 11px; }.trigger-flow i { color: var(--jade); font-style: normal; }
.doc-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }.doc-list li { padding: 11px 14px; border-left: 2px solid var(--line); color: var(--muted); font-size: 12px; line-height: 1.55; }
.attribute-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; margin-top: 28px; }.attribute-grid article { display: grid; align-content: start; min-height: 155px; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: rgba(16,36,30,.52); }.attribute-grid span { color: var(--gold); font-size: 9px; letter-spacing: .1em; }.attribute-grid strong { margin: 22px 0 8px; font: 500 19px Georgia,serif; }.attribute-grid p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.docs-subheading { margin: 38px 0 12px; color: var(--text); font: 500 24px/1.2 Georgia,serif; }
.modifier-reference-grid { margin-top: 22px; }
.doc-source-row { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 20px; }
.doc-source-row a { color: var(--jade); font-size: 12px; text-underline-offset: 3px; }
.faq-list { display: grid; gap: 8px; margin-top: 28px; }.faq-list details { border: 1px solid var(--line); border-radius: 11px; background: rgba(16,36,30,.48); }.faq-list summary { padding: 16px 18px; cursor: pointer; font-weight: 750; }.faq-list details[open] summary { border-bottom: 1px solid var(--line); }.faq-list p { margin: 0; padding: 16px 18px; color: var(--muted); font-size: 12px; line-height: 1.65; }
.media-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: 28px; }.media-placeholder { margin: 0; }.media-placeholder > div { display: grid; min-height: 210px; place-content: end start; padding: 18px; border: 1px solid var(--line); border-radius: 13px; background: radial-gradient(circle at 75% 20%, rgba(95,224,168,.17), transparent 38%), linear-gradient(145deg, rgba(20,47,39,.9), rgba(8,22,18,.9)); }.media-placeholder span { color: var(--jade); font-size: 9px; text-transform: uppercase; letter-spacing: .1em; }.media-placeholder strong { margin-top: 7px; font: 500 20px Georgia,serif; }.media-placeholder figcaption { padding: 10px 3px 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
.docs-no-results { margin: 60px 0; padding: 28px; color: var(--muted); border: 1px dashed var(--line); border-radius: 14px; text-align: center; }

@media (max-width: 900px) {
  .hero { grid-template-columns: 1fr; min-height: auto; }.hero-visual { min-height: 510px; }.trust-grid { grid-template-columns: repeat(2, 1fr); }.section-intro, .privacy, .support, .owner-access { grid-template-columns: 1fr; gap: 25px; }.review-grid { grid-template-columns: repeat(2, 1fr); }.owner-columns { grid-template-columns: 1fr; }.news-grid { grid-template-columns: 1fr; }.news-card.news-featured { grid-row: auto; min-height: 420px; }
  .docs-shell { grid-template-columns: 1fr; gap: 28px; }.docs-sidebar { position: relative; top: 0; }.docs-toc { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 18px; }.attribute-grid, .media-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 620px) {
  .shell { width: min(100% - 26px, 1180px); }.nav { min-height: 74px; } nav { display: none; }.hero { padding-top: 58px; gap: 34px; }.hero-visual { min-height: 430px; }.preview-main { top: 115px; right: 5px; }.preview-stat { display: none; }.preview-effect { left: 12px; bottom: 0; }.trust-grid, .feature-grid, .review-grid { grid-template-columns: 1fr; }.trust-grid { text-align: left; }.features { padding-block: 80px; }.reviews, .news, .privacy, .support, .owner-access, .owner-panel { padding-block: 70px; }.news-card.news-featured { min-height: 360px; }.community-actions, .form-footer { display: grid; }.cta { display: grid; align-items: start; padding-block: 75px; } footer { display: grid; }
  .docs-shell { padding-top: 24px; }.docs-sidebar { padding: 15px; }.docs-toc { grid-template-columns: 1fr; }.docs-hero { min-height: auto; padding: 48px 0 58px; }.docs-hero h1 { font-size: clamp(48px,15vw,68px); }.docs-quick-links, .docs-card-grid, .definition-grid, .attribute-grid, .media-grid { grid-template-columns: 1fr; }.docs-section { grid-template-columns: 1fr; padding-block: 60px; }.docs-section-number { width: 36px; height: 36px; }.command-card { grid-template-columns: 1fr; }.command-card button { justify-self: start; }
}