.skip-link{position:fixed;top:8px;left:12px;z-index:5000;padding:14px;background:#062738;color:#c7f5ff;border:2px solid #28c9ee;transform:translateY(-150%)}.skip-link:focus{transform:none}
.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:35px}.status-grid article{padding:25px;background:#061e2c;border:1px solid #22677e}.status-label{font-size:11px;color:#70d6ee;letter-spacing:1px}.status-grid h3{font-size:25px;margin:16px 0 12px}.status-grid p{font-size:13px;line-height:1.8;color:#86b0c0}.status-grid a{display:inline-block;margin-top:18px;color:#50c6e2;font-size:12px}
.table-scroll{overflow-x:auto;max-width:100%;margin:25px 0}.price-table{border-collapse:collapse;width:100%;min-width:460px;font-size:13px}.price-table caption{text-align:left;margin-bottom:15px;color:#7db9cb}.price-table td,.price-table th{padding:16px 13px;border:1px solid #216278;text-align:left}.price-table thead{background:#073a4e;color:#b7ecfa}.price-table tbody th{font-weight:400}.price-table tbody tr:last-child{background:#0a2c3e}
.profile-output{margin-top:24px;border-top:1px solid #22677e;padding-top:20px}.profile-output[hidden]{display:none}.worker-form textarea{width:100%;min-height:235px;padding:14px;color:#a9dcea;background:#031723;border:1px solid #276a83;font:12px/1.65 monospace;resize:vertical;overflow-wrap:anywhere}.profile-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px}.profile-actions .button{font-size:11px;padding:12px}.profile-output p{color:#7dafc1;font-size:11px;line-height:1.8;margin-top:12px}
.back-to-top{display:block;margin:32px 5% 25px auto;padding:12px 16px;background:#062738;color:#7adbf0;border:1px solid #277e98;min-height:44px}.embedded .back-to-top{margin-right:24px}.purchase-saving{color:#6fe0ee;font-size:12px;margin:8px 0 0}.purchase-card.selected-product{outline:2px solid #72e5fc;outline-offset:5px}.source-note,.native-capture-note{font-size:12px}.capture-toolbar button,.capture-toolbar a{font-size:11px;min-height:36px;padding:9px 12px}.capture-caption{font-size:10px;color:#76a7ba}.capture-caption>span:first-child{color:#ddb36b}.intro-caption{font-size:10px;color:#78aabb}.intro-controls,.intro-controls button{font-size:12px;color:#8fbdcc}.intro-controls button{min-height:36px}.desktop-system #sound-toggle{font-size:10px;min-height:38px;padding:8px 4px}.dock-app{min-height:48px}
.refund-strip{margin-top:24px;padding:22px;border:1px solid #2a9ab2;background:#072c3b;color:#a0dfe9;line-height:1.8}.refund-strip strong{display:block;font-family:Rajdhani,sans-serif;font-size:24px}.refund-strip p{font-size:13px;margin-top:7px}.refund-strip a{color:#74e1f5;text-decoration:underline;overflow-wrap:anywhere}.worker-form #worker-result{font-size:12px;line-height:1.8}
@media(max-width:760px){.status-grid{grid-template-columns:1fr}.price-table{font-size:12px}.status-grid article{padding:22px}.capture-toolbar{gap:6px}.capture-toolbar button,.capture-toolbar a{font-size:10px;padding:8px;min-height:36px}.capture-toolbar a{margin-left:0}.capture-caption{font-size:10px}.intro-caption{font-size:9px}.intro-controls,.intro-controls button{font-size:11px}.desktop-system #sound-toggle{font-size:10px}.profile-actions{flex-direction:column}.profile-actions .button{justify-content:center}.worker-form textarea{font-size:12px}.back-to-top{min-height:44px}.native-gallery-card figcaption{font-size:12px}}
@media(max-width:400px){.desktop-system time{display:none}}

.desktop-brand .kyntrix-brand-mark{width:30px;height:30px;flex:none}.intro-symbol .kyntrix-brand-mark{width:64px;height:64px;display:block}@media(max-width:400px){.desktop-brand{gap:4px;font-size:18px}.desktop-brand .kyntrix-brand-mark{width:24px;height:24px}}

.brand .kyntrix-brand-mark{fill:none}.purchase-icon .kyntrix-brand-mark{width:48px;height:48px;display:block}.intro-symbol{transform:none!important;border:0!important;background:none!important}.intro-symbol .kyntrix-brand-mark{transform:none!important}.desktop-brand .kyntrix-brand-mark{display:block}@media(max-width:400px){.desktop-system #system-status{display:none}}

.kyntrix-brand-mark{filter:drop-shadow(0 0 5px #20b9d944)}
.dev-demo{margin:36px 0 45px;padding:26px;border:1px solid #2a9ab2;background:linear-gradient(135deg,#0a2c3e,#04121c);box-shadow:inset 0 1px 0 #43cbe82b,0 0 30px #0abada0c;scroll-margin-top:100px}.dev-demo-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.dev-demo-heading h2{margin-top:10px;font-size:clamp(28px,4vw,44px)}.dev-demo-heading .preorder-badge{flex:none;margin-top:6px}.dev-demo>p,.dev-demo-footer p{font-size:13px;line-height:1.8;color:#8eb8c8;max-width:850px}.dev-demo>p{margin:18px 0 24px}.dev-demo-preview{position:relative;display:block;width:100%;max-width:960px;margin:0 auto;overflow:hidden;background:#020b10;border:1px solid #2b8199}.dev-demo-preview img{display:block;width:100%;height:auto;opacity:.58}.dev-demo-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px;background:linear-gradient(transparent,#030e1555)}.dev-demo-play{display:grid;place-items:center;width:70px;height:70px;padding-left:4px;border:1px solid #48cfe8;border-radius:50%;background:#062c3deb;color:#b8f2ff;font-size:28px;box-shadow:0 0 30px #1bbddb44}.dev-demo-overlay .button{max-width:100%;justify-content:center;text-align:center;font-size:13px;box-shadow:0 0 30px #030e15}.dev-demo-overlay small{font-size:11px;color:#c7e5ed;text-shadow:0 1px 4px #030e15}.dev-demo-preview:hover{border-color:#64dcf8}.dev-demo-preview:hover .dev-demo-play{background:#0a4962}.dev-demo-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.dev-demo-footer p{max-width:620px}.dev-demo-footer .button{flex:none;font-size:12px;min-height:44px}.native-gallery-heading{font-size:30px}.capture-toolbar .capture-demo-link{margin-left:0;border:1px solid #2da3c0;background:#08384b;color:#a9eafa}.capture-toolbar .capture-demo-link:hover{background:#0c4b61}.embedded .dev-demo{scroll-margin-top:20px}@media(max-width:760px){.dev-demo{padding:16px;margin-top:28px}.dev-demo-heading,.dev-demo-footer{flex-direction:column;gap:12px}.dev-demo-heading .preorder-badge{margin:0}.dev-demo>p,.dev-demo-footer p{font-size:12px}.dev-demo-footer .button{width:100%;justify-content:center}.dev-demo-overlay{gap:10px;padding:12px}.dev-demo-play{width:44px;height:44px;font-size:19px}.dev-demo-overlay .button{font-size:11px;padding:11px}.dev-demo-overlay small{font-size:10px}}

/* QC 2026-10-15 — legibility floor. Terms, prices, notices, footer links and
   labels were set at 6–10px (unreadable on phones) and a few disclosures were
   below WCAG AA contrast. Meaningful text is now at least 11–12px; decorative
   art labels at least 10px; disclosure colours reach about 6:1 or better.
   Kept last so it wins over the earlier sheets at every width. */
.section-label{font-size:11px}
.eyebrow,.hero-top .eyebrow,.closing .eyebrow,.dialog-body .eyebrow,.intro-frame .eyebrow,.welcome-eyebrow{font-size:11px}
footer>span,footer>div,footer .text-link{font-size:12px}
.product-native-capture figcaption{font-size:12px}
.preorder-badge,.purchase-card .preorder-badge{font-size:11px}
.purchase-top .mono,.purchase-card .purchase-top .mono{font-size:11px}
.price>span,.purchase-card .price>span{font-size:11px}
.standard-price,.purchase-card .standard-price{font-size:12px}
.standard-price small{font-size:11px}
.purchase-note{font-size:12px}
.purchase-card .purchase-note{color:#86b6c8}
.worker-offer-strip p{font-size:13px}
.worker-offer-strip a{font-size:12px}
.inline-note{font-size:12px!important;color:#7fb2c4!important}
.worker-form .checkbox-label{font-size:12px}
.source-note{color:#86b6c8}
.ai-visual .mono,.network-visual>.mono{font-size:11px}
.hero-note,.hero-bottom>.mono,.feature-copy>.mono,.mini-label,.orb-tag,.orb-coordinate,.orb-caption{font-size:10px}
.platforms{font-size:11px}
.mini-label{color:#5fb3cd}
.desktop-location{font-size:11px}
.desktop-system button,.desktop-system #sound-toggle{font-size:11px}
.dock-app{font-size:9px}
.welcome-status,.launcher-foot{font-size:11px}
.welcome-status{color:#6fa9be}
.settings-note{font-size:12px;color:#7fb2c4}
.capture-toolbar button,.capture-toolbar a{font-size:11px}
.capture-caption{font-size:11px}
.dev-demo-overlay small{font-size:11px}
@media(max-width:760px){.platforms{font-size:10px}.dock-app{font-size:8px}.desktop-system button,.desktop-system #sound-toggle{font-size:10px}.worker-offer-strip p{font-size:12px}}
/* QC 2026-10-15 — narrow phones (320–400px): the header's menu button was pushed
   past the right edge, and footer links need to wrap at the larger size. */
@media(max-width:760px){footer>div{flex-wrap:wrap;justify-content:flex-start;gap:12px 22px}}
@media(max-width:400px){.header{padding:0 3%}.header .brand{font-size:19px;gap:7px}.nav-button{padding:9px 10px;gap:10px;margin-right:10px}.menu-button{padding:1px 4px}}
/* QC 2026-10-20 — standalone hosting: Discover panel spacing (was an inline style),
   Dev Demo player and Kickstarter widgets. */
.native-panel-spaced{margin:30px 0 0}
.dev-demo-player{margin:32px 0 0;padding:8px;border:1px solid #2691ab;background:#061e2d;box-shadow:0 0 35px #05acce12}
.dev-demo-player video{display:block;width:100%;height:auto;aspect-ratio:4/3;background:#02090e}
.dev-demo-player figcaption{font-size:13px;line-height:1.7;color:#8eb8c8;margin-top:12px}
.kickstarter-embeds{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;align-items:start;margin-top:32px}
.kickstarter-video iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;background:#02090e}
.kickstarter-card{display:block;border:0}
@media(max-width:760px){.kickstarter-embeds{grid-template-columns:1fr}.kickstarter-card{margin:0 auto}}
