:root { --ink:#07131f; --surface:#0b1b2a; --surface-2:#10283a; --line:rgba(191,224,239,.17); --text:#f0f8fa; --muted:#9bb0bb; --cyan:#54e6f2; --lime:#cdfd5b; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--text); background:var(--ink); font-family:Manrope,Arial,sans-serif; line-height:1.55; } .page-grid { position:fixed; inset:0; z-index:-1; pointer-events:none; background-image:linear-gradient(rgba(130,211,231,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(130,211,231,.035) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(to bottom,black,transparent 80%); }
.site-header, main, footer { width:min(1180px,calc(100% - 48px)); margin:auto; }.site-header { height:86px; display:flex; align-items:center; border-bottom:1px solid var(--line); } .brand { display:inline-flex; gap:10px; align-items:center; color:var(--text); text-decoration:none; font:500 .82rem/1 'DM Mono',monospace; letter-spacing:.08em; }.brand-mark { display:grid; place-items:center; width:26px; height:26px; color:var(--ink); background:var(--cyan); border-radius:50%; font-weight:500; letter-spacing:0; }.brand-dot { color:var(--cyan); } nav { display:flex; gap:30px; margin-left:auto; } nav a, footer a { color:var(--muted); font-size:.84rem; text-decoration:none; transition:color .2s; } nav a:hover, footer a:hover { color:var(--cyan); }.header-actions { display:flex; align-items:center; margin-left:28px; }.account-link { border-radius:0; display:inline-flex; align-items:center; gap:7px; padding:9px 11px; border:1px solid rgba(84,230,242,.38); color:var(--cyan); font:500 .72rem/1 'DM Mono',monospace; letter-spacing:.03em; text-decoration:none; white-space:nowrap; transition:background .2s,border-color .2s,color .2s; }.account-link:hover { color:var(--ink); border-color:var(--cyan); background:var(--cyan); }.account-link b { font-size:.9rem; }.menu-button { display:none; }
.hero { min-height:650px; padding:120px 0 72px; position:relative; }.eyebrow { margin:0 0 20px; color:var(--cyan); font:500 .72rem/1 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.13em; }.eyebrow span { display:inline-block; width:21px; height:1px; margin:0 10px 4px 0; background:var(--cyan); }.hero h1, h2, h3, p { margin-top:0; }.hero h1 { max-width:900px; margin-bottom:23px; font-size:clamp(3rem,7.4vw,6.25rem); letter-spacing:-.065em; line-height:.98; font-weight:800; }.hero h1 em { color:var(--cyan); font-style:normal; font-weight:400; }.hero-copy { max-width:570px; margin-bottom:34px; color:var(--muted); font-size:1.1rem; }.hero-actions { display:flex; align-items:center; gap:28px; }.button { display:inline-flex; gap:20px; align-items:center; padding:15px 18px; border-radius:4px; font-size:.86rem; font-weight:700; text-decoration:none; }.primary { color:var(--ink); background:var(--lime); }.button b, .text-link b, .card-link b, .support-links b, .download-action b { font-size:1.1rem; }.text-link { color:var(--text); text-decoration:none; font-size:.88rem; font-weight:700; }.signal-panel { position:absolute; right:0; bottom:75px; width:278px; padding:20px; display:flex; justify-content:space-between; border:1px solid var(--line); background:rgba(11,27,42,.74); backdrop-filter:blur(10px); }.signal-panel div:first-child { display:grid; grid-template-columns:11px 1fr; column-gap:8px; }.signal-panel small { color:var(--muted); font-size:.7rem; }.signal-panel strong { grid-column:2; font-size:.78rem; }.status-dot { width:7px; height:7px; margin-top:5px; border-radius:50%; background:var(--lime); box-shadow:0 0 12px var(--lime); }.signal-lines { display:flex; align-items:end; gap:3px; height:26px; }.signal-lines i { width:3px; background:var(--cyan); opacity:.8; }.signal-lines i:nth-child(1){height:7px}.signal-lines i:nth-child(2){height:16px}.signal-lines i:nth-child(3){height:11px}.signal-lines i:nth-child(4){height:25px}.signal-lines i:nth-child(5){height:14px}
.section { padding:96px 0; border-top:1px solid var(--line); }.section-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:38px; }.section-heading h2, .support h2 { margin:0; font-size:clamp(2.2rem,4vw,4.1rem); line-height:1.03; letter-spacing:-.055em; }.section-heading h2 span { color:var(--muted); }.tool-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.tool-card { min-height:580px; padding:25px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid var(--line); background:linear-gradient(145deg,rgba(20,52,71,.9),rgba(8,25,39,.9)); transition:transform .25s,border-color .25s; }.tool-card:hover { transform:translateY(-5px); border-color:rgba(84,230,242,.65); }.notepad-card { background:linear-gradient(145deg,rgba(28,47,58,.96),rgba(11,27,42,.96)); }.card-top { display:flex; justify-content:space-between; }.product-number, .download-code { color:var(--muted); font:400 .72rem 'DM Mono',monospace; }.tool-icon { position:relative; width:72px; height:72px; }.network-icon:before, .network-icon:after, .network-icon i { content:""; position:absolute; border:2px solid var(--cyan); border-radius:50%; }.network-icon:before { width:14px;height:14px;left:28px;top:0 }.network-icon:after { width:14px;height:14px;left:0;bottom:0 }.network-icon i:nth-child(1){width:14px;height:14px;right:0;bottom:0}.network-icon i:nth-child(2){width:45px;height:41px;left:13px;top:13px;border-color:transparent;border-left-color:var(--cyan);transform:rotate(-45deg)}.network-icon i:nth-child(3){display:none}.notepad-icon { border:2px solid var(--lime); border-radius:2px; }.notepad-icon:before { content:""; position:absolute; left:14px; right:14px; top:18px; height:2px; background:var(--lime); box-shadow:0 12px 0 var(--lime),0 24px 0 var(--lime); }.notepad-icon i { position:absolute; width:3px; height:3px; background:var(--lime); left:6px; top:18px; box-shadow:0 12px 0 var(--lime),0 24px 0 var(--lime); }.card-content { max-width:430px; }.product-label { margin-bottom:12px; color:var(--cyan); font:500 .72rem 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.1em; }.notepad-card .product-label { color:var(--lime); }.tool-card h3 { margin-bottom:13px; font-size:2rem; letter-spacing:-.055em; line-height:1.1; }.tool-card p:not(.product-label) { color:var(--muted); font-size:.94rem; }.tool-card ul { padding:0; margin:24px 0; list-style:none; color:#ccdee5; font-size:.82rem; }.tool-card li { padding:7px 0; border-bottom:1px solid var(--line); }.tool-card li:before { content:'+'; margin-right:9px; color:var(--cyan); }.notepad-card li:before { color:var(--lime); }.card-link { color:var(--text); font-size:.84rem; font-weight:700; text-decoration:none; }.card-link b { margin-left:8px; color:var(--cyan); }
.compact { align-items:start; }.compact > p { max-width:325px; margin:10px 0 0; color:var(--muted); font-size:.92rem; }.download-list { border-top:1px solid var(--line); }.download-row { padding:25px 0; display:grid; grid-template-columns:80px 1fr auto; gap:18px; align-items:center; border-bottom:1px solid var(--line); color:var(--text); text-decoration:none; }.download-code { color:var(--cyan); }.download-row strong, .download-row small { display:block; }.download-row strong { font-size:1.08rem; }.download-row small { margin-top:3px; color:var(--muted); font-size:.79rem; }.download-action, .download-actions a { color:var(--lime); font-size:.8rem; font-weight:700; }.download-actions { display:flex; gap:16px; }.download-actions a { text-decoration:none; }.download-note { margin:16px 0 0; color:var(--muted); font-size:.73rem; }
.support { display:grid; grid-template-columns:1fr 1fr; gap:80px; }.support-links { border-top:1px solid var(--line); }.support-links a { padding:18px 0; display:grid; grid-template-columns:38px 1fr auto; border-bottom:1px solid var(--line); color:var(--text); text-decoration:none; font-weight:600; }.support-links span { color:var(--cyan); font:400 .71rem 'DM Mono',monospace; }.support-links b { color:var(--cyan); } footer { min-height:156px; padding:40px 0; display:grid; align-items:start; grid-template-columns:1fr 1fr 1fr; gap:25px; border-top:1px solid var(--line); } footer p, footer div { margin:0; color:var(--muted); font-size:.75rem; } footer div { display:flex; justify-content:end; gap:16px; flex-wrap:wrap; }
@media (max-width:760px) { .site-header, main, footer { width:min(100% - 34px,1180px); }.site-header { height:72px; justify-content:space-between; }.header-actions { margin-left:0; gap:15px; }.account-link { padding:8px 9px; font-size:.68rem; }.account-link span { display:none; } nav { display:none; margin-left:0; } nav.is-open { display:flex; position:absolute; top:72px; left:0; right:0; z-index:3; padding:22px; flex-direction:column; gap:18px; background:var(--surface); border-bottom:1px solid var(--line); } .menu-button { display:flex; gap:8px; border:0; background:none; color:var(--text); font:500 .76rem 'DM Mono',monospace; }.menu-button span { width:15px; height:1px; background:var(--cyan); }.hero { min-height:650px; padding-top:95px; }.hero h1 { font-size:clamp(2.8rem,13vw,4.7rem); }.hero-copy { font-size:1rem; }.signal-panel { position:static; width:100%; margin-top:80px; }.section { padding:67px 0; }.section-heading { display:block; }.section-heading h2 { margin-bottom:20px; }.tool-grid, .support { grid-template-columns:1fr; }.tool-card { min-height:510px; }.compact > p { margin-top:0; }.download-row { grid-template-columns:46px 1fr; }.download-action, .download-actions { grid-column:2; }.support { gap:42px; } footer { grid-template-columns:1fr; } footer div { justify-content:start; }.hero-actions { gap:20px; flex-wrap:wrap; } }
.product-shot { overflow:hidden; margin:17px 0 18px; border:1px solid rgba(205,253,91,.32); background:#121212; }.network-shot { border-color:rgba(84,230,242,.32); }.product-shot img { display:block; width:100%; aspect-ratio:2.14 / 1; object-fit:cover; object-position:50% 10%; filter:saturate(.86) contrast(1.06); }.product-shot figcaption { padding:7px 10px; color:#9fb5b6; font:400 .64rem 'DM Mono',monospace; letter-spacing:.04em; }.product-label span { margin-left:7px; color:var(--muted); }.card-actions { display:flex; gap:18px; }.card-actions .card-link:last-child b { color:var(--lime); }
.site-header nav a.active { color:var(--cyan); }.product-hero { min-height:640px; padding:100px 0 88px; display:grid; grid-template-columns:minmax(0, .9fr) minmax(420px, 1.1fr); gap:70px; align-items:center; border-bottom:1px solid var(--line); }.product-hero h1 { max-width:650px; margin:0 0 22px; font-size:clamp(3rem,5.7vw,5.8rem); line-height:.98; letter-spacing:-.065em; }.product-hero h1 em { color:var(--cyan); font-style:normal; }.notepad-detail h1 em { color:var(--lime); }.product-hero > div > p:not(.eyebrow) { max-width:500px; margin-bottom:30px; color:var(--muted); font-size:1.05rem; }.detail-shot { margin:0; border:1px solid rgba(84,230,242,.32); background:#121212; }.notepad-detail .detail-shot { border-color:rgba(205,253,91,.32); }.detail-shot img { display:block; width:100%; aspect-ratio:1.46 / 1; object-fit:cover; object-position:50% 10%; }.detail-shot figcaption { padding:8px 11px; color:var(--muted); font:400 .67rem 'DM Mono',monospace; }.detail-actions { display:flex; flex-wrap:wrap; gap:10px; }.button.secondary { color:var(--text); border:1px solid var(--line); background:transparent; }.feature-section { padding:94px 0; border-bottom:1px solid var(--line); }.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; border:1px solid var(--line); background:var(--line); }.feature-grid article { min-height:235px; padding:28px; background:var(--ink); }.feature-grid article span { color:var(--cyan); font:400 .72rem 'DM Mono',monospace; }.notepad-detail ~ .feature-section .feature-grid article span { color:var(--lime); }.feature-grid h3 { margin:30px 0 10px; font-size:1.25rem; letter-spacing:-.03em; }.feature-grid p { margin:0; color:var(--muted); font-size:.88rem; }.detail-callout { padding:95px max(0px, 8%); text-align:center; border-bottom:1px solid var(--line); }.detail-callout h2 { max-width:800px; margin:0 auto 18px; font-size:clamp(2.1rem,4vw,4rem); letter-spacing:-.055em; line-height:1.03; }.detail-callout > p:last-child { max-width:620px; margin:0 auto; color:var(--muted); }
@media (max-width:760px) { .product-hero { min-height:0; padding:68px 0; grid-template-columns:1fr; gap:36px; }.product-hero h1 { font-size:clamp(2.8rem,12vw,4.5rem); }.feature-section { padding:65px 0; }.feature-grid { grid-template-columns:1fr; }.feature-grid article { min-height:0; }.detail-callout { padding:65px 0; text-align:left; } }
.guide-hero { padding:105px 0 75px; border-bottom:1px solid var(--line); }.guide-hero h1 { margin:0 0 20px; font-size:clamp(3rem,6vw,5.8rem); letter-spacing:-.065em; line-height:.98; }.guide-hero h1 em { color:var(--cyan); font-style:normal; }.guide-hero > p:last-child { max-width:560px; margin:0; color:var(--muted); font-size:1.05rem; }.guide-section { padding:75px 0; border-bottom:1px solid var(--line); }.guide-heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:34px; }.guide-heading h2 { margin:0; font-size:clamp(2rem,4vw,3.6rem); letter-spacing:-.055em; }.guide-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.guide-grid article, .docs-grid a { min-height:245px; padding:27px; border:1px solid var(--line); background:rgba(11,27,42,.75); }.guide-grid span, .docs-grid span { color:var(--cyan); font:400 .72rem 'DM Mono',monospace; }.guide-grid h3 { margin:35px 0 10px; font-size:1.25rem; letter-spacing:-.03em; }.guide-grid p, .docs-grid p { margin:0; color:var(--muted); font-size:.9rem; }.docs-grid { padding:75px 0 95px; display:grid; grid-template-columns:1fr 1fr; gap:16px; }.docs-grid a { display:flex; flex-direction:column; color:var(--text); text-decoration:none; transition:border-color .2s,transform .2s; }.docs-grid a:hover { transform:translateY(-4px); border-color:rgba(84,230,242,.65); }.docs-grid h2 { margin:35px 0 11px; font-size:2rem; letter-spacing:-.055em; }.docs-grid b { margin-top:auto; padding-top:28px; color:var(--cyan); font-size:.84rem; }@media (max-width:760px) { .guide-hero { padding:68px 0; }.guide-heading { display:block; }.guide-heading h2 { margin-top:17px; }.guide-grid,.docs-grid { grid-template-columns:1fr; }.guide-section,.docs-grid { padding:60px 0; } }
.support-page { padding:100px 0; display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; }.support-intro h1 { margin:0 0 20px; font-size:clamp(3rem,5.7vw,5.5rem); letter-spacing:-.065em; line-height:.98; }.support-intro h1 em { color:var(--cyan); font-style:normal; }.support-intro p { max-width:420px; color:var(--muted); }.support-intro a { color:var(--cyan); }.support-form { padding:28px; border:1px solid var(--line); background:rgba(11,27,42,.78); }.support-form label { display:block; margin-bottom:17px; color:#d5e7eb; font-size:.78rem; font-weight:700; }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.support-form input,.support-form select,.support-form textarea { width:100%; margin-top:7px; padding:12px; border:1px solid rgba(191,224,239,.25); color:var(--text); background:#081622; font:400 .9rem Manrope,Arial,sans-serif; }.support-form textarea { resize:vertical; }.support-form input:focus,.support-form select:focus,.support-form textarea:focus { outline:1px solid var(--cyan); }.support-form .button { border:0; cursor:pointer; }.honeypot { position:absolute; left:-9999px; }.form-status { min-height:24px; margin:16px 0 0; color:var(--lime); font-size:.84rem; }.form-status.is-error { color:#ff9b9b; }@media (max-width:760px) { .support-page { padding:68px 0; grid-template-columns:1fr; gap:42px; }.form-row { grid-template-columns:1fr; gap:0; } }
.capability-section{padding:90px 0;border-bottom:1px solid var(--line)}.capability-list{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.capability-list article{padding:27px 0;border-top:1px solid var(--line)}.capability-list h3{margin:0 0 9px;font-size:1.24rem;letter-spacing:-.03em}.capability-list p{margin:0;color:var(--muted);font-size:.91rem}@media(max-width:760px){.capability-section{padding:60px 0}.capability-list{grid-template-columns:1fr;gap:0}}

.donation { display:grid; grid-template-columns:1fr auto; align-items:center; gap:48px; }
.donation h2 { margin:0; font-size:clamp(2.2rem,4vw,4.1rem); line-height:1.03; letter-spacing:-.055em; }
.donation-copy { max-width:620px; margin:22px 0 0; color:var(--muted); font-size:.94rem; }
.donation-action { max-width:300px; }
.donation-action p { margin:15px 0 0; color:var(--muted); font-size:.78rem; }
.donation-action a:focus-visible { outline:2px solid var(--cyan); outline-offset:5px; }
.donation-action [hidden] { display:none !important; }
#paypal-donate-button-container { max-width:100%; }
#paypal-donate-button-container img { max-width:100%; height:auto; }
#paypal-donate-status:empty { display:none; }
.donation-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:760px) { .donation { grid-template-columns:1fr; gap:28px; } }

/* Shared website appearance. Theme is applied before the page is painted. */
:root { color-scheme:dark; }
:root[data-theme="light"] { color-scheme:light; --ink:#f5f8fa; --surface:#ffffff; --surface-2:#e8f0f4; --line:#c9d7df; --text:#142d3e; --muted:#506574; --cyan:#007585; --lime:#3b6500; }
.theme-toggle { flex-shrink:0; margin-left:14px; padding:9px 12px; min-height:38px; border:1px solid var(--line); border-radius:5px; background:var(--surface); color:var(--text); font:600 .78rem Manrope,Arial,sans-serif; cursor:pointer; white-space:nowrap; }
.theme-toggle:hover { border-color:var(--cyan); color:var(--cyan); }
.theme-toggle:focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }
.site-header:has(>.brand + .theme-toggle) .theme-toggle { margin-left:auto; }
[data-theme="light"] .page-grid { background-image:linear-gradient(#08778908 1px,transparent 1px),linear-gradient(90deg,#08778908 1px,transparent 1px); }
[data-theme="light"] .tool-card, [data-theme="light"] .notepad-card { background:linear-gradient(145deg,#fff,#eaf3f7); }
[data-theme="light"] .signal-panel, [data-theme="light"] .guide-grid article, [data-theme="light"] .docs-grid a, [data-theme="light"] .support-form { background:var(--surface); }
[data-theme="light"] .tool-card ul, [data-theme="light"] .support-form label { color:var(--text); }
[data-theme="light"] .support-form input, [data-theme="light"] .support-form select, [data-theme="light"] .support-form textarea { background:var(--surface); border-color:var(--line); }
[data-theme="light"] .form-status.is-error { color:#aa2525; }
[data-theme="light"] .detail-shot { border-color:var(--line); }
@media(max-width:1100px) { .site-header { gap:12px; } .site-header nav { gap:16px; } .header-actions { margin-left:12px; } .theme-toggle { margin-left:0; } }
@media(max-width:760px) { .site-header { height:auto; min-height:72px; flex-wrap:wrap; padding-top:14px; padding-bottom:14px; } .site-header>.brand { margin-right:auto; } .account-header { flex-wrap:nowrap; gap:10px; } .account-header .brand { margin-right:0; } .account-header .theme-toggle { padding:8px; } }

.site-header nav .donate-link { color:var(--cyan); border:1px solid var(--cyan); border-radius:5px; padding:7px 11px; align-self:center; white-space:nowrap; }
.site-header nav { align-items:center; }
.site-header nav .donate-link:hover { color:var(--ink); background:var(--cyan); }
@media(min-width:761px) and (max-width:1000px) {
  .site-header { position:relative; }
  .site-header nav { display:none; }
  .site-header nav.is-open { display:flex; position:absolute; top:100%; left:0; right:0; z-index:3; padding:22px; flex-direction:column; align-items:stretch; gap:18px; background:var(--surface); border-bottom:1px solid var(--line); }
  .site-header .menu-button { display:flex; gap:8px; border:0; background:none; color:var(--text); font:500 .76rem 'DM Mono',monospace; }
  .site-header .menu-button span { width:15px; height:1px; margin:auto 0; background:var(--cyan); }
  .site-header>.menu-button, .site-header>.header-actions { margin-left:auto; }
}

.site-header nav .paypal-donate-menu { flex-shrink:0; align-self:center; }
.site-header nav .paypal-donate-menu[hidden], .site-header nav .donate-link[hidden] { display:none !important; }
.site-header nav .paypal-donate-menu img { display:block; width:88px; height:38px; }