/* Self-contained design system; no runtime styles or remote assets. */
:root {
  color-scheme: dark;
  --bg: #0b0f1a; --surface: rgba(255,255,255,.045); --surface-solid: #131927; --glass: rgba(11,15,26,.85);
  --text: #e6eaf2; --muted: #9aa4b8; --border: rgba(255,255,255,.10); --accent: #a5b4fc; --cyan: #67e8f9;
  --success: #34d399; --warning: #fbbf24; --error: #f87171; --on-primary: #fff;
  --gradient: linear-gradient(135deg,#6366f1,#22d3ee); --button-gradient: linear-gradient(120deg,#5351d5,#246b9c);
  --radial: radial-gradient(ellipse at 64% 8%,rgba(99,102,241,.08),transparent 42%),radial-gradient(ellipse at 96% 16%,rgba(34,211,238,.06),transparent 36%);
  --shadow: 0 12px 30px rgba(0,0,0,.12),0 30px 80px rgba(0,0,0,.16); --glow: 0 8px 30px rgba(99,102,241,.22);
  --field: rgba(7,10,18,.5); --tint: rgba(99,102,241,.05); --radius: 16px; --radius-sm: 12px;
  --font: Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mock-bg: #111724; --mock-panel: #151d2e; --mock-text: #e6eaf2; --mock-muted: #abb5ca; --mock-border: #293246;
}
[data-theme="light"] {
  color-scheme: light; --bg: #f6f8fc; --surface: #fff; --surface-solid: #fff; --glass: rgba(246,248,252,.90);
  --text: #0f172a; --muted: #5b6478; --border: rgba(15,23,42,.13); --accent: #4f46b8; --cyan: #0d647d;
  --success: #067653; --warning: #855700; --error: #b42332; --field: #f7f9fc; --shadow: 0 10px 30px rgba(17,24,39,.08);
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {color-scheme: light; --bg:#f6f8fc; --surface:#fff; --surface-solid:#fff; --glass:rgba(246,248,252,.90); --text:#0f172a; --muted:#5b6478; --border:rgba(15,23,42,.13); --accent:#4f46b8; --cyan:#0d647d; --success:#067653; --warning:#855700; --error:#b42332; --field:#f7f9fc; --shadow:0 10px 30px rgba(17,24,39,.08);}
}
* {box-sizing:border-box} html {scroll-behavior:smooth;scroll-padding-top:100px} body {margin:0;background:var(--radial),var(--bg);color:var(--text);font:16px/1.65 var(--font);-webkit-font-smoothing:antialiased} [hidden] {display:none!important}
button,input,select {font:inherit} button,a,input,summary { -webkit-tap-highlight-color:transparent } button,a {touch-action:manipulation} button {cursor:pointer} a {color:inherit;text-decoration:none} p {margin:0 0 1.25rem;color:var(--muted)} h1,h2,h3 {color:var(--text);line-height:1.15;letter-spacing:-.035em;margin:0 0 1rem;font-weight:650} h1 {font-size:clamp(2.5rem,5.7vw,4.5rem)} h2 {font-size:clamp(2rem,3.6vw,2.85rem)} h3 {font-size:1.18rem;letter-spacing:-.02em} small {font-size:.8rem;color:var(--muted)} img,svg,canvas {max-width:100%} img {vertical-align:middle} ::selection {background:var(--accent);color:var(--bg)} :focus-visible {outline:3px solid var(--cyan);outline-offset:5px} input:focus-visible {outline-offset:2px} :target {scroll-margin-top:100px}
.container {width:min(100% - 32px,1184px);margin-inline:auto}.section {padding-block:76px}.grid {display:grid;gap:20px}.grid>* {min-width:0}.card {background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:0 5px 18px rgba(0,0,0,.025);backdrop-filter:blur(16px)}.card p:last-child {margin-bottom:0}.eyebrow {color:var(--accent);font-size:.68rem;font-weight:650;letter-spacing:.17em;line-height:1.6;margin-bottom:20px}.section-heading {margin-bottom:40px}.section-heading>p:last-child:not(.eyebrow) {max-width:600px;font-size:1.05rem;line-height:1.8}.muted {color:var(--muted)}.gradient-text {color:var(--cyan);background:var(--gradient);background-clip:text;-webkit-text-fill-color:transparent}.actions {display:flex;flex-wrap:wrap;gap:12px;align-items:center}.button {min-height:48px;padding:12px 20px;display:inline-flex;gap:14px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;line-height:1.4;text-align:center;transition:transform .2s,box-shadow .2s,background .2s;color:var(--text)}.button:hover:not(:disabled):not(.unavailable) {transform:translateY(-2px)}.primary {background:var(--button-gradient);color:var(--on-primary);box-shadow:var(--glow)}.primary:hover {box-shadow:0 10px 36px rgba(99,102,241,.33)}.secondary {background:var(--surface);border-color:var(--border)}.secondary:hover {background:var(--tint);border-color:var(--accent)}.small {min-height:42px;padding:10px 16px;font-size:.82rem}.full {width:100%}.button:disabled {opacity:.6;cursor:wait}.text-button {border:0;background:none;color:var(--accent);min-height:44px;padding:8px;font-weight:600;font-size:.85rem}.text-link,.auth-links a,.legal a,.check-row a {color:var(--accent);text-decoration:underline;text-underline-offset:5px}.text-link {font-weight:600;font-size:.9rem}.icon-button {border:1px solid var(--border);border-radius:10px;color:var(--text);background:var(--surface);width:42px;height:42px;font-size:1.25rem}.status-dot {display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 10px rgba(52,211,153,.3);flex-shrink:0}.skip-link {position:fixed;top:-100px;left:16px;padding:12px 24px;background:var(--surface-solid);z-index:100;border:1px solid var(--accent)}.skip-link:focus {top:12px}
/* Navigation is shared verbatim by all pages. */
.site-header {position:sticky;top:0;z-index:30;background:var(--glass);border-bottom:1px solid transparent;backdrop-filter:blur(16px);transition:border-color .2s}.site-header.scrolled {border-color:var(--border)}.nav-wrap {display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:18px}.brand {display:inline-flex;align-items:center;white-space:nowrap;font-size:1.25rem;letter-spacing:-.045em;font-weight:750}.brand img {margin-right:9px}.brand>span {color:var(--accent)}.nav-panel {display:none;position:absolute;top:78px;left:0;right:0;background:var(--surface-solid);border-bottom:1px solid var(--border);padding:20px 24px;box-shadow:var(--shadow)}.nav-panel.is-open {display:block}.nav-links {display:flex;flex-direction:column;gap:4px}.nav-links a {font-size:.85rem;color:var(--muted);padding:10px 0}.nav-links a:hover,.login-link:hover {color:var(--text)}.nav-actions,.session-nav {display:flex;gap:15px;align-items:center}.nav-actions {margin-top:18px}.login-link {font-size:.84rem;color:var(--muted)}.account-link {display:flex;gap:9px;align-items:center;font-size:.85rem}.nav-username {max-width:100px;overflow:hidden;text-overflow:ellipsis}.avatar {display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--tint);color:var(--accent);border-radius:50%;height:36px;width:36px;font-weight:650}.global-message {padding:12px;font-size:.85rem}
/* Hero: a real CSS window, not a raster illustration. */
.hero {padding-block:50px 36px;display:grid;gap:30px}.hero h1 {line-height:1.08;letter-spacing:-.05em;margin-bottom:26px}.hero-eyebrow {display:flex;align-items:center;gap:9px;font-size:.6rem;letter-spacing:.13em}.hero-description {font-size:1rem;line-height:1.9;max-width:520px;margin-bottom:28px}.hero-tags {display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.hero-tags span {font-size:.63rem;line-height:1.5;border:1px solid var(--border);border-radius:999px;padding:5px 9px;color:var(--muted);background:var(--surface)}.hero-visual {position:relative;min-width:0;padding:72px 0 72px;isolation:isolate}.hero-visual:before {content:"";position:absolute;inset:0;background:radial-gradient(ellipse,rgba(99,102,241,.13),transparent 66%);z-index:-1}.hero-visual canvas {position:absolute;inset:0;width:100%;height:100%;z-index:-1}.app-mockup {background:var(--mock-bg);color:var(--mock-text);border:1px solid var(--mock-border);border-radius:13px;overflow:hidden;box-shadow:0 30px 85px rgba(0,0,0,.32),0 0 50px rgba(99,102,241,.07);font-size:10px;transform:perspective(1000px) rotateY(-4deg) rotateX(2deg)}.app-titlebar {display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-bottom:1px solid var(--mock-border);color:var(--mock-muted);font-size:9px}.window-dots {display:flex;gap:5px}.window-dots i {width:6px;height:6px;border-radius:50%;background:#fa7973}.window-dots i:nth-child(2) {background:#e5b352}.window-dots i:nth-child(3) {background:#58be9b}.app-toolbar {display:flex;align-items:center;gap:6px;padding:12px;border-bottom:1px solid var(--mock-border)}.app-toolbar strong {font-size:9px;font-weight:500;flex:1}.app-content {display:flex;min-height:220px}.app-side {width:44px;background:var(--mock-panel);padding:14px 5px;display:flex;flex-direction:column;gap:9px;flex-shrink:0}.app-tab {padding:7px 5px;border-radius:6px;color:var(--mock-muted);font-size:12px}.app-tab span,.app-side-bottom {display:none}.app-tab.active {background:rgba(99,102,241,.14);color:#b4bcff}.app-main {padding:17px 14px;flex:1;min-width:0}.app-label {font-size:7px;letter-spacing:.08em;color:var(--mock-muted);margin-bottom:10px}.app-main .muted {color:var(--mock-muted);font-size:9px}.device-id {font-size:22px;letter-spacing:2px;font-weight:650;margin:3px 0 13px;display:flex;align-items:center;justify-content:space-between;white-space:nowrap}.device-id span {font-size:13px;color:var(--mock-muted)}.code-row {display:flex;align-items:center;gap:10px;font-size:8px;color:var(--mock-muted)}.code-row strong {color:var(--mock-text);font-size:12px;letter-spacing:1px}.code-timer {font-size:8px;margin-left:auto;color:#8cd7c3}.mock-divider {height:1px;background:var(--mock-border);margin:18px 0}.mock-input {padding:9px;border:1px solid var(--mock-border);border-radius:6px;color:var(--mock-muted);display:flex;justify-content:space-between;font-size:9px}.mock-connect {background:var(--button-gradient);margin-top:9px;border-radius:6px;padding:8px 12px;display:flex;justify-content:space-between;font-weight:600;color:#fff}.mock-note {margin:8px 0 0;color:var(--mock-muted);font-size:7px;text-align:center}.app-status {padding:9px 12px;border-top:1px solid var(--mock-border);color:var(--mock-muted);display:flex;justify-content:space-between;font-size:7px}.app-status .status-dot {width:4px;height:4px;margin-right:4px}.connection-label {position:absolute;right:12%;top:28px;border:1px solid var(--border);border-radius:999px;padding:6px 13px;background:var(--surface-solid);font-size:.65rem;color:var(--muted);display:flex;align-items:center;gap:8px}.connection-card {position:absolute;bottom:32px;left:10px;right:8px;display:flex;gap:10px;align-items:center;background:var(--glass);border:1px solid var(--border);backdrop-filter:blur(16px);border-radius:12px;box-shadow:var(--shadow);padding:15px;font-size:10px}.connection-card small {display:block;font-size:9px;margin-top:2px}.connection-symbol {background:var(--tint);border:1px solid var(--border);color:var(--accent);border-radius:10px;width:34px;height:34px;display:grid;place-items:center;font-size:20px}.connection-check {margin-left:auto;background:var(--tint);color:var(--success);border-radius:50%;padding:3px 7px}.visual-caption {position:absolute;bottom:4px;text-align:center;left:0;right:0;color:var(--muted);font-size:7px;letter-spacing:.14em}
.trust-bar {border-block:1px solid var(--border);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-block:26px;gap:25px 10px}.trust-bar>div {text-align:center;display:flex;flex-direction:column;gap:5px}.trust-bar strong {font-size:1.5rem;letter-spacing:-.025em;font-weight:650}.trust-bar span {font-size:.7rem;color:var(--muted)}.feature-card {position:relative;overflow:hidden;transition:transform .2s,border-color .2s;min-height:240px}.feature-card:hover {transform:translateY(-5px);border-color:var(--accent)}.feature-icon {width:44px;height:44px;background:var(--tint);border:1px solid var(--border);border-radius:12px;color:var(--accent);display:grid;place-items:center;margin-bottom:26px}.feature-icon svg {width:22px;height:22px}.feature-card p {font-size:.9rem;line-height:1.8}.card-number {position:absolute;top:30px;right:26px;font:11px var(--font);color:var(--muted);opacity:.6}.section-tinted {background:var(--tint);border-block:1px solid var(--border)}.step {position:relative;padding-right:20px}.step-number {display:inline-grid;place-items:center;width:48px;height:48px;background:var(--surface-solid);border:1px solid var(--border);border-radius:14px;font-size:.9rem;color:var(--accent);margin:0 0 24px}.step p {font-size:.9rem;line-height:1.8}.security-layout {display:grid;gap:35px}.security-art {position:relative;min-height:320px;display:grid;place-items:center;isolation:isolate}.security-art:before {content:"";position:absolute;width:260px;height:260px;max-width:100%;background:radial-gradient(ellipse,rgba(99,102,241,.18),transparent 70%);z-index:-1}.security-orbit {position:absolute;border:1px solid var(--border);border-radius:50%;width:240px;height:240px}.orbit-two {width:310px;height:310px;max-width:100%}.shield {color:var(--accent);width:105px;filter:drop-shadow(0 0 20px rgba(99,102,241,.3))}.security-chip {position:absolute;padding:6px 12px;background:var(--surface-solid);border:1px solid var(--border);border-radius:7px;font-size:.67rem;letter-spacing:.07em;color:var(--muted)}.chip-one {top:21%;left:6%}.chip-two {right:6%;top:40%}.chip-three {bottom:13%;left:28%;color:var(--cyan)}.security-list {list-style:none;padding:0;margin:0 0 30px}.security-list li {display:flex;gap:16px;margin-bottom:22px}.security-list li>span {color:var(--accent);font-size:.7rem;padding-top:3px}.security-list h3 {font-size:1rem;margin-bottom:7px}.security-list p {font-size:.85rem;line-height:1.7;margin:0}.download-card {display:flex;flex-direction:column;align-items:flex-start}.download-card>img {margin-bottom:26px}.download-card h3 {font-size:1.4rem}.download-card p {font-size:.86rem}.download-card small {margin-top:12px}.download-card .button {width:100%;margin-top:8px}.download-card .version {margin-top:auto;color:var(--accent);font-size:.8rem}.download-card .unavailable {color:var(--muted);cursor:default}.download-card .muted {flex:1}.faq-layout {display:grid;gap:25px}.faq-items {border-top:1px solid var(--border)}details {border-bottom:1px solid var(--border)}summary {list-style:none;display:flex;justify-content:space-between;gap:20px;padding:22px 0;cursor:pointer;font-weight:550;font-size:.92rem;line-height:1.6}summary::-webkit-details-marker {display:none}summary>span {font-size:1.25rem;line-height:1.2;color:var(--muted);transition:transform .2s}details[open] summary>span {transform:rotate(45deg)}details p {font-size:.9rem;line-height:1.8;padding-right:20px}.final-cta {text-align:center;position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--border);border-radius:24px;padding:55px 20px;margin-block:20px 76px;background:var(--surface)}.final-cta h2 {font-size:clamp(1.8rem,3.8vw,3rem)}.final-cta .actions {justify-content:center;margin-top:26px}.cta-glow {position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 110%,rgba(99,102,241,.20),transparent 65%)}.final-cta>.eyebrow {font-size:.6rem}.site-footer {border-top:1px solid var(--border);padding-block:45px 20px}.footer-main {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px}.footer-main>div:first-child {grid-column:1/-1}.footer-main h2 {font-size:.8rem;letter-spacing:0;margin-bottom:17px}.footer-main a:not(.brand) {display:block;color:var(--muted);font-size:.82rem;padding:4px 0}.footer-main a:hover {color:var(--accent)}.footer-main p {font-size:.85rem;margin-top:15px}.footer-bottom {border-top:1px solid var(--border);margin-top:32px;padding-top:20px;display:flex;flex-direction:column;gap:10px;color:var(--muted);font-size:.72rem}
/* Forms and account surfaces. */
.auth-section {padding-block:50px 65px;max-width:490px}.auth-card {padding:28px 24px;text-align:center;box-shadow:var(--shadow);background:var(--surface)}.auth-logo {display:inline-block;margin-bottom:15px}.auth-card h1 {font-size:2rem}.auth-card>.eyebrow {font-size:.6rem;margin-bottom:12px}.auth-card>p {font-size:.9rem}.auth-card form {text-align:left}.providers {display:grid;gap:9px}.provider {width:100%;background:var(--surface-solid);border-color:var(--border);font-size:.85rem}.provider-apple,.provider-github {background:#171b23;color:#e6eaf2}.provider img {flex-shrink:0}.provider:hover {border-color:var(--accent)}[data-passkey-login] {margin-top:10px;font-size:.8rem}.separator {display:flex;align-items:center;gap:15px;margin:24px 0;color:var(--muted);font-size:.8rem}.separator:before,.separator:after {content:"";height:1px;flex:1;background:var(--border)}label,.field-label {display:block;font-size:.85rem;color:var(--text);font-weight:550;margin:17px 0 7px}input {display:block;width:100%;min-width:0;min-height:47px;padding:11px 13px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--field);color:var(--text);font-size:1rem;transition:border-color .2s}input:hover {border-color:var(--muted)}input[aria-invalid="true"] {border-color:var(--error)}input::placeholder {color:var(--muted)}form small {display:block;line-height:1.65;margin-top:7px}form .button[type=submit] {margin-top:23px}.password-input {position:relative}.password-input input {padding-right:105px}.password-input button {position:absolute;right:3px;top:3px;bottom:3px;border:0;background:transparent;font-size:.73rem;color:var(--accent);padding:0 10px}.check-row {display:flex;gap:10px;align-items:flex-start;font-size:.78rem;color:var(--muted);line-height:1.7;font-weight:400;margin-block:20px}.check-row input {appearance:auto;width:17px;min-height:17px;height:17px;padding:0;margin:4px 0 0;flex-shrink:0;accent-color:#6366f1}.strength-row {display:flex;gap:12px;align-items:center;min-height:27px}.strength-row meter {width:60%;height:6px;border:0;border-radius:10px;background:var(--border)}meter::-webkit-meter-bar {background:var(--border);border:0}meter::-webkit-meter-optimum-value {background:var(--accent)}meter[data-level="0"]::-webkit-meter-optimum-value {background:var(--error)}meter[data-level="3"]::-webkit-meter-optimum-value {background:var(--success)}.strength-row small {font-size:.7rem;margin:0}.auth-links {margin-top:26px;padding-top:22px;border-top:1px solid var(--border);font-size:.82rem}.auth-links p {margin-bottom:10px}.auth-links p:last-child {margin-bottom:0}.auth-caption {text-align:center;margin:22px 0 0;font-size:.73rem}.error,.field-error,.danger-text {color:var(--error)!important}.success-text {color:var(--success)}.form-message {margin-top:20px;font-size:.86rem}.notice {padding:18px 22px;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px;background:var(--tint);font-size:.88rem;margin-block:20px;color:var(--muted)}.notice p:last-child {margin:0}.page-intro {padding-top:70px}.page-intro .section-heading h2 {font-size:clamp(2.4rem,5.5vw,4rem)}.download-notes {margin-top:34px}.download-notes h2 {font-size:1.3rem}.download-notes p,.download-notes li {font-size:.9rem;color:var(--muted)}.download-notes ol {padding-left:20px}.download-notes li {padding:6px}.server-address {display:block;overflow-wrap:anywhere;background:var(--field);padding:13px;border:1px solid var(--border);border-radius:10px;color:var(--accent);font-size:.85rem}.account-section {min-height:65vh}.account-heading {display:flex;align-items:center;gap:18px;margin-bottom:30px;flex-wrap:wrap}.account-heading h1 {font-size:clamp(1.8rem,4vw,2.8rem);overflow-wrap:anywhere}.account-heading .eyebrow {margin-bottom:10px}.account-heading>.button {margin-left:auto}.account-heading>div:not(.avatar) {min-width:0;flex:1}.avatar.large {width:65px;height:65px;font-size:1.4rem;flex-shrink:0}.account-meta {display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:.82rem;color:var(--muted)}.badge {display:inline-flex;padding:4px 10px;border:1px solid var(--border);border-radius:999px;font-size:.7rem;color:var(--muted);white-space:nowrap}.badge.online {color:var(--success)}.online:before {content:"";width:5px;height:5px;align-self:center;background:var(--success);border-radius:50%;margin-right:7px;animation:pulse 2s ease-in-out infinite}.account-tabs {display:flex;flex-wrap:wrap;gap:3px;border-bottom:1px solid var(--border);margin:32px 0}.account-tabs button {background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:14px 12px;font-size:.8rem}.account-tabs [aria-selected="true"] {color:var(--accent);border-bottom-color:var(--accent)}.panel-heading {display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:30px 0 20px}.panel-heading h2,[role=tabpanel]>h2 {font-size:1.6rem}.panel-heading p {margin:0;font-size:.9rem}.account-security h2 {font-size:1.3rem}.account-security p {font-size:.88rem}.list-row {display:flex;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.list-row:last-child {border-bottom:0}.list-row img {flex-shrink:0}.row-info {flex:1;min-width:130px;overflow-wrap:anywhere}.row-info strong {display:block;font-size:.86rem}.row-info small {display:block;font-size:.74rem;margin-top:3px}.empty-state {padding:24px 0;text-align:center}.empty-state img {margin-bottom:12px}.empty-state h3 {font-size:1.1rem}.empty-state p {font-size:.9rem;max-width:460px;margin:0 auto}.danger-card {border-color:var(--error);max-width:700px}.danger-card h2 {font-size:1.6rem}.danger {background:#a52b3b;color:#fff}.danger-card form {max-width:430px}.confirm-dialog {color:var(--text);background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);padding:30px;max-width:450px;width:calc(100% - 32px);box-shadow:var(--shadow)}.confirm-dialog h2 {font-size:1.5rem}.confirm-dialog p {font-size:.95rem}.confirm-dialog::backdrop {background:rgba(0,0,0,.65);backdrop-filter:blur(5px)}.legal {max-width:790px;overflow-wrap:anywhere}.legal h1 {font-size:clamp(2.2rem,5vw,3.5rem)}.legal h2 {font-size:1.35rem;margin-top:40px}.legal p,.legal li {line-height:1.9;font-size:.95rem}.legal ul {padding-left:22px;color:var(--muted)}.legal li {margin:10px 0}.legal .lead {font-size:1.2rem}.not-found {text-align:center;padding-block:70px 100px}.not-found h1 {font-size:clamp(2rem,4vw,3rem)}.error-code {font-size:clamp(6rem,20vw,12rem);line-height:1.2;font-weight:700;letter-spacing:-.07em;color:var(--accent);opacity:.55}.not-found .button {margin-top:20px}.skeleton {min-height:220px;animation:pulse 2s ease-in-out infinite;color:var(--muted);font-size:.9rem}.revealed {animation:reveal .6s ease-out both}@keyframes reveal {from {opacity:.35;transform:translateY(18px)}to {opacity:1;transform:none}}@keyframes pulse {50% {opacity:.55}}
@media (min-width:640px) {
  .container {width:min(100% - 64px,1184px)}.section {padding-block:96px}.three,.two {grid-template-columns:repeat(2,minmax(0,1fr))}.hero {padding-top:70px}.hero-copy {max-width:650px}.hero-visual {max-width:620px;width:100%;margin-inline:auto;padding:85px 25px 85px}.hero h1 {font-size:4rem}.hero-eyebrow {font-size:.66rem}.app-mockup {font-size:12px}.app-side {width:105px;padding:20px 8px}.app-tab {font-size:10px}.app-tab span {display:inline;margin-left:4px}.app-side-bottom {display:block;color:#8cd7c3;margin-top:auto;font-size:8px;padding-left:6px}.app-main {padding:25px 23px}.app-content {min-height:270px}.app-label {font-size:8px}.app-toolbar {padding:14px 18px}.app-toolbar strong {font-size:11px}.device-id {font-size:29px}.code-row {font-size:9px}.mock-input,.mock-connect {font-size:10px}.mock-note {font-size:8px}.connection-card {left:3%;right:auto;bottom:40px;width:340px;padding:18px}.connection-card strong {font-size:11px}.connection-card small {font-size:10px}.trust-bar {grid-template-columns:repeat(4,minmax(0,1fr));padding-block:32px;gap:0}.trust-bar>div+div {border-left:1px solid var(--border)}.trust-bar span {font-size:.72rem}.security-art {min-height:380px}.security-orbit {width:280px;height:280px}.orbit-two {width:370px;height:370px}.shield {width:125px}.chip-one {left:13%}.chip-two {right:14%}.footer-main {grid-template-columns:2fr 1fr 1fr 1fr}.footer-main>div:first-child {grid-column:auto}.footer-bottom {flex-direction:row;justify-content:space-between}.auth-section {width:min(100% - 32px,490px)}.auth-card {padding:36px 40px}.final-cta {padding-block:75px}.final-cta>.eyebrow {font-size:.68rem}.list-row {flex-wrap:nowrap}.account-tabs button {font-size:.9rem;padding-inline:20px}
}
@media (min-width:960px) {
  .menu-toggle {display:none}.nav-panel {display:flex;align-items:center;justify-content:space-between;gap:24px;position:static;background:none;border:0;box-shadow:none;padding:0;flex:1}.nav-wrap {gap:35px}.nav-links {flex-direction:row;gap:16px;margin-left:auto}.nav-links a {font-size:.72rem;white-space:nowrap}.nav-actions {margin:0;gap:12px}.session-nav {gap:12px}.login-link {font-size:.72rem}.nav-actions .small {font-size:.73rem;padding-inline:12px}.hero {grid-template-columns:1fr 1fr;align-items:center;gap:15px;padding-block:80px 68px}.hero h1 {font-size:clamp(3rem,5.3vw,4.5rem)}.hero-description {font-size:.96rem;max-width:480px}.hero-visual {padding-inline:0;max-width:none;margin-right:-6px}.hero-tags {gap:6px}.hero-tags span {font-size:.6rem;padding:5px 8px}.hero .button {font-size:.82rem;padding-inline:18px}.hero-eyebrow {font-size:.6rem}.three {grid-template-columns:repeat(3,minmax(0,1fr))}.steps {gap:45px}.step:not(:last-child):after {content:"";position:absolute;height:1px;top:24px;left:72px;right:-20px;background:linear-gradient(90deg,var(--border),var(--accent),var(--border));opacity:.4}.security-layout {grid-template-columns:1fr 1.12fr;align-items:center;gap:70px}.security-art {min-height:470px}.security-layout .section-heading h2 {font-size:2.65rem}.faq-layout {grid-template-columns:1fr 1.6fr;gap:70px}.feature-card {padding:30px}.download-card {padding:32px}.final-cta {margin-bottom:96px}
}
@media (min-width:1280px) {
  .nav-wrap {gap:60px}.nav-links {gap:23px}.nav-links a {font-size:.81rem}.nav-panel {gap:30px}.login-link {font-size:.82rem}.nav-actions .small {font-size:.8rem;padding-inline:16px}.hero {gap:35px;padding-top:95px;padding-bottom:90px}.hero-description {font-size:1.02rem}.hero h1 {font-size:4.5rem}.hero-eyebrow {font-size:.64rem}.hero .button {font-size:.88rem}.hero-visual {margin-right:-12px}.hero-tags span {font-size:.66rem}.app-main {padding:26px}.app-side {width:116px}.app-content {min-height:290px}.device-id {font-size:32px}.connection-card {left:-14px;bottom:40px}.app-toolbar strong {font-size:12px}.trust-bar strong {font-size:1.85rem}.trust-bar span {font-size:.8rem}
}
@media (prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto}*,*::before,*::after {animation:none!important;transition:none!important}.app-mockup {transform:none}.button:hover,.feature-card:hover {transform:none}
}