
/* Neo Nexus Eva — app-native product website, rebuilt 2026.
 * Design sources: actual APK reading palettes, real app screenshots and genealogy data.
 * No UI framework, invented app controls, mock phone shells or decorative stock illustrations.
 */
:root{
  --plum:#241c2a;--plum-2:#302535;--plum-3:#3f3240;--ink:#29252d;--paper:#f7f5f0;
  --surface:#fffefb;--rose:#e7b6c8;--rose-light:#f5dce6;--rose-dark:#9b556f;
  --muted:#756c73;--line:#e5dfdf;--forest:#182d26;--forest-2:#234738;
  --serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,'Segoe UI',sans-serif;
  --shell:1220px;--ease:cubic-bezier(.2,.75,.25,1);
}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}
button{cursor:pointer}
img{max-width:100%;height:auto}
a{color:inherit;text-underline-offset:.19em}
a:hover{text-decoration-color:currentColor}
h1,h2,h3,p,figure{margin-top:0}
h1,h2,h3{line-height:1.12;letter-spacing:-.052em}
h1{font-size:clamp(52px,6.9vw,99px);font-weight:600}
h2{font-size:clamp(36px,4.2vw,62px);font-weight:580}
h3{font-size:clamp(24px,2.4vw,34px);font-weight:600}
p{line-height:1.83}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #c58eaf;outline-offset:3px}
[hidden]{display:none!important}
.shell{width:min(var(--shell),calc(100% - 88px));margin-inline:auto}
.section-pad{padding:clamp(78px,9vw,132px) 0}
.section-tag,.mini-label{font-size:11px;line-height:1.45;letter-spacing:.16em;font-weight:780;text-transform:uppercase}
.section-tag{color:#976b7f}
.text-muted{color:var(--muted)}
.skip{position:absolute;top:-80px;left:18px;background:#fff;padding:12px 16px;z-index:100;color:#000}
.skip:focus{top:8px}
.header{height:78px;background:var(--plum);color:#f5eef3;border-bottom:1px solid #ffffff16;position:relative;z-index:50}
.header-in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:36px}
.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;text-decoration:none}
.brand img{width:33px;height:33px;object-fit:contain;border-radius:7px}
.brand span{display:grid;gap:0;line-height:1.2}
.brand strong{font-weight:780;letter-spacing:.075em;font-size:11.8px}
.brand small{font-weight:550;letter-spacing:.19em;color:#d5bccb;font-size:9px}
.main-nav{display:flex;align-items:center;gap:clamp(19px,2.6vw,37px);font-size:13px}
.main-nav>a{white-space:nowrap;text-decoration:none;color:#d1c3d1;font-weight:580;transition:color .16s}
.main-nav>a:hover,.main-nav>a[aria-current="page"]{color:#fff}
.main-nav .nav-open{margin-left:9px;color:#251a27;background:#edc8d7;border-radius:6px;padding:11px 16px;font-weight:720}
.main-nav .nav-open:hover{background:#fff0f4;color:#241c2a}
.menu-button{display:none;border:0;background:transparent;color:#fff;padding:10px;min-width:44px;min-height:44px}
.menu-button span{display:block;width:23px;height:2px;background:currentColor;margin:5px auto;transition:transform .2s}
.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;text-decoration:none;font-size:13px;font-weight:720;padding:16px 22px;border-radius:6px;min-height:54px;line-height:1.3;transition:transform .18s var(--ease),background .18s}
.button:hover{transform:translateY(-2px)}
.button-rose{background:var(--rose);color:#241c2a}
.button-rose:hover{background:#f6d4e0}
.button-outline{color:#e9dfe8;border:1px solid #9a839a;background:transparent}
.button-outline:hover{background:#3e3042}
.button-light{background:#f4f0eb;color:#263b31}
.button-light:hover{background:#fff}
.button-line{color:var(--plum);border:1px solid #aba3a9}
.button-line:hover{background:#ede3e9}
.text-link{display:inline-flex;gap:22px;align-items:center;text-decoration:none;font-weight:750;padding-bottom:6px;border-bottom:1px solid currentColor;line-height:1.4;font-size:14px}
.text-link:hover{gap:27px}
.hero{background:var(--plum);color:#f9f4f7;overflow:hidden}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.11fr) minmax(350px,.89fr);min-height:725px}
.hero-copy{padding:clamp(82px,9vw,134px) 24px 110px 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0}
.hero .eyebrow{font-size:11px;letter-spacing:.19em;color:#e9c5d7;font-weight:760;display:flex;align-items:center;gap:12px;margin-bottom:37px}
.eyebrow-line{width:29px;height:1px;background:#d4adc2;display:block}
.hero h1{font-size:clamp(57px,6.6vw,99px);max-width:850px;line-height:1.025;letter-spacing:-.065em;margin-bottom:32px}
.hero h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-.048em;color:#efc6d7}
.hero-lead{max-width:480px;font-size:17px;color:#d7cbd8;line-height:1.8;margin-bottom:32px}
.hero-footnote{font-size:12px;color:#b7a5b8;display:flex;gap:12px;flex-wrap:wrap;margin-top:30px;line-height:1.6}
.hero-product{position:relative;min-height:660px;background:#2c2231;border-left:1px solid #ffffff10;display:flex;align-items:center;justify-content:center}
.hero-product:before{position:absolute;content:"";width:430px;height:430px;border:1px solid #ffffff12;border-radius:50%;top:17%;left:10%;pointer-events:none}
.product-index{position:absolute;top:43px;left:44px;letter-spacing:.18em;font-size:10px;font-weight:760;color:#b5a0b9}
.product-index span{color:#e8c1d4}
.hero-screen{display:flex;flex-direction:column;align-items:center;margin:25px auto 0;position:relative;z-index:2}
.hero-screen img{width:clamp(235px,23vw,298px);max-height:588px;object-fit:contain;border-radius:13px;border:1px solid #ffffff24;box-shadow:25px 35px 75px #100b1585}
.hero-screen figcaption{color:#c6b3ca;font-size:11px;margin-top:19px;letter-spacing:.035em}
.hero-screen figcaption span{padding:0 6px}
.hero-trace{position:absolute;right:-14px;bottom:32px;font-size:47px;color:#ffffff09;font-weight:850;letter-spacing:-.06em;transform:rotate(-90deg);transform-origin:bottom right;pointer-events:none}
.quiet-rail{background:#faf8f4;border-bottom:1px solid var(--line)}
.rail-inner{display:flex;gap:24px;align-items:center;justify-content:space-between;min-height:85px;color:#695e66;font-size:13px}
.rail-inner span b{font-size:17px;color:#3c303e;font-weight:800;margin-right:3px}
.rail-inner a{text-decoration:none;font-weight:760;color:#7e425e}
.section-pad h2{margin:20px 0 26px}
.section-pad p{max-width:560px;color:#625b60}
.editorial-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.93fr);align-items:center;gap:clamp(55px,9vw,137px)}
.copy-column{max-width:510px}
.copy-column p{margin-bottom:28px}
.screenshot-display{padding:35px 25px 16px;text-align:center;background:#e8e0e6;margin:0;min-height:570px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.screenshot-display img{max-height:515px;width:auto;object-fit:contain;border-radius:9px;border:1px solid #65576633;box-shadow:12px 20px 35px #2015212e}
.screenshot-display figcaption{font-size:11px;color:#6a5868;margin-top:16px}
.atlas-feature{background:#172d26;color:#f8f5ed;overflow:hidden}
.atlas-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:600px;gap:clamp(55px,10vw,132px);align-items:center}
.atlas-image{position:relative;min-height:585px;background:#244235;display:flex;justify-content:center;align-items:center}
.atlas-image-label{position:absolute;left:28px;top:30px;color:#c7d4c2;font-size:11px;letter-spacing:.16em}
.atlas-image figure{margin:35px auto 8px;text-align:center}
.atlas-image img{max-height:520px;width:auto;border-radius:9px;border:1px solid #ffffff30;box-shadow:13px 22px 32px #06120e7a}
.atlas-image figcaption{margin-top:15px;color:#b5c6b6;font-size:11px}
.atlas-copy .section-tag{color:#bca988}
.atlas-copy h2{color:#f8f5ed;max-width:550px}
.atlas-copy p{color:#c4d0c6}
.atlas-facts{display:grid;gap:0;margin:29px 0 33px}
.atlas-facts div{display:grid;grid-template-columns:125px 1fr;gap:18px;border-top:1px solid #ffffff2c;padding:12px 0;align-items:baseline}
.atlas-facts strong{font-size:13px;color:#f6f0dd}
.atlas-facts span{font-size:12px;color:#bacbbd}
.voice-feature{background:#f8f6f1}
.voice-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(45px,8vw,110px)}
.audio-panel{background:#302535;color:#f8f0f6;padding:35px;border-radius:9px}
.audio-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.audio-panel .mini-label{color:#c8a6c1}
.audio-panel h3{font-family:var(--serif);font-weight:400;font-size:36px;letter-spacing:-.04em;margin:11px 0 18px}
.audio-panel h3 span{font:500 14px var(--sans);color:#bca5be}
.audio-duration{font-size:11px;color:#b9a6ba;white-space:nowrap}
.audio-panel audio,.narration-audio audio{width:100%;display:block;accent-color:#dcb4cd}
.audio-panel p{font-size:11px;line-height:1.7;color:#c3b5c3;margin:19px 0 0}
.theme-feature{background:#eee8ed}
.theme-layout{display:grid;grid-template-columns:1fr .9fr;gap:clamp(50px,8vw,140px);align-items:center}
.theme-inline{background:#fffdfb;border:1px solid #e6dce2;border-radius:9px;overflow:hidden}
.mini-previews{display:flex;gap:0;border-bottom:1px solid #ede5e8}
.mini-theme{border:0;border-right:1px solid #ede5e8;background:transparent;font-size:12px;font-weight:700;padding:14px 20px;display:flex;align-items:center;gap:8px;color:#60515f}
.mini-theme.is-selected{background:#f5eaf0;color:#392737}
.mini-theme span{width:16px;height:16px;border:1px solid #aaaaaa;border-radius:4px;background:var(--sw)}
.mini-reader{--tp:#241c2a;--ti:#eee3ed;--ta:#e7b6c8;background:var(--tp);color:var(--ti);margin:15px;border-radius:5px;padding:28px 30px 26px;transition:background .25s,color .25s}
.mini-reader small{font-size:10px;letter-spacing:.17em;color:var(--ta)}
.mini-reader blockquote{font:clamp(24px,2.6vw,35px)/1.54 var(--serif);margin:16px 0}
.mini-reader>span{font-size:11px;color:var(--ta)}
.final-download{background:#211923;color:#f7eef3;padding:69px 0}
.final-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}
.final-download .section-tag{color:#e4bdd1}
.final-download h2{font-size:clamp(30px,3vw,45px);margin:12px 0}
.final-download p{color:#c9bccb;margin:0}
.footer{background:#18141c;color:#ddd0d9;padding-top:64px}
.foot-main{display:grid;grid-template-columns:1.1fr .75fr 1fr;gap:70px;padding-bottom:65px}
.foot-main p{font-size:13px;color:#a99baa;line-height:1.8;margin:18px 0 0}
.foot-main nav{display:grid;gap:12px;align-content:start}
.foot-main nav a{font-size:13px;text-decoration:none;color:#c4b4c5}
.foot-main nav a:hover{color:white}
.foot-note{font-size:12px;line-height:1.85;color:#958996;max-width:310px}
.foot-bottom{border-top:1px solid #ffffff1e;padding:20px 0 28px;display:flex;justify-content:space-between;gap:20px;color:#958b98;font-size:11px}
.interior-head,.explore-head,.downloads-head{background:#241c2a;color:#f8f2f6}
.inner-head,.explore-intro,.downloads-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;padding:clamp(74px,8vw,120px) 0 clamp(70px,7vw,110px)}
.inner-head h1,.explore-intro h1,.downloads-intro h1{font-size:clamp(49px,6.8vw,90px);margin:20px 0 24px}
.inner-head p,.explore-intro p,.downloads-intro p{color:#d1c2d0;max-width:630px;font-size:16px;margin:0}
.inner-head .section-tag,.explore-intro .section-tag,.downloads-intro .section-tag{color:#e1b7ce}
.inner-head-side{font-size:12px;max-width:210px;text-align:right;line-height:1.8;color:#bca9be}
.feature-tab-nav{display:flex;gap:0;border-bottom:1px solid #ddd6dd;overflow-x:auto}
.feature-tab-nav button{appearance:none;border:0;border-bottom:2px solid transparent;background:transparent;color:#887e89;font-weight:730;font-size:13px;white-space:nowrap;padding:16px 23px;min-height:49px}
.feature-tab-nav button[aria-selected=true]{color:#302535;border-color:#ae6f8a;background:#f4e9ef}
.feature-panel{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.85fr);gap:clamp(44px,6vw,95px);min-height:590px;align-items:center;background:#fcfbf8}
.feature-panel-copy{padding:55px 0 55px 15px}
.feature-panel-copy h2{max-width:510px}
.feature-panel-copy>p{font-size:16px;max-width:520px;color:#625865}
.feature-point-list{padding:0;list-style:none;margin:28px 0 0;max-width:460px}
.feature-point-list li{border-top:1px solid #e5dde3;padding:11px 0;color:#50464f;font-weight:640}
.feature-panel-image{padding:37px 20px 20px;margin:0;background:#e9e2e8;text-align:center}
.feature-panel-image img{height:520px;width:auto;max-width:100%;object-fit:contain;border-radius:9px}
.feature-panel-image figcaption{font-size:11px;margin-top:16px;color:#635662}
.features-narration{background:#221b28;color:#f9f3f8}
.feat-narr-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.78fr);gap:clamp(50px,9vw,150px);align-items:center}
.features-narration .section-tag{color:#e1b0c8}
.features-narration h2{color:#f7ecf5}
.features-narration p{color:#d2c4d1}
.features-narration p.text-muted{font-size:13px;color:#bba8be}
.feature-photo{margin:0;text-align:center}
.feature-photo img{width:auto;max-height:510px;border-radius:9px;border:1px solid #ffffff3c}
.feature-photo figcaption{margin-top:14px;font-size:11px;color:#bfafbf}
.narration-audio{background:#352b3b;border:1px solid #ffffff20;padding:18px 20px;margin-top:28px;max-width:560px;border-radius:9px}
.narration-audio small{display:block;color:#bfaac1;font-size:11px;margin-top:11px}
.features-theme{background:#f2eef2}
.theme-head{display:grid;grid-template-columns:1fr 240px;gap:40px;align-items:center;margin-bottom:38px}
.theme-head>div p{max-width:585px}
.theme-head figure{margin:0;text-align:center}
.theme-head figure img{height:270px;width:auto;border-radius:7px;box-shadow:9px 15px 28px #23152425}
.theme-head figcaption{font-size:11px;color:#7b6c79;margin-top:11px}
.theme-workspace{background:#302535;padding:25px;display:grid;grid-template-columns:255px 1fr;gap:20px;border-radius:12px}
.theme-selection{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}
.theme-option{min-height:46px;border:1px solid #615465;background:#3b3042;border-radius:6px;color:#eee0ed;font-size:12px;font-weight:720;display:flex;align-items:center;gap:9px;padding:8px 11px;text-align:left}
.theme-option[aria-pressed=true]{border-color:#e8bdcf;background:#524053}
.theme-option .swatch{width:19px;height:19px;flex-shrink:0;background:var(--sw);border:1px solid #ffffff65;border-radius:4px}
.theme-showcase{display:grid;grid-template-columns:1fr 180px;gap:18px;align-items:center;min-width:0}
.theme-reading{--tp:#241c2a;--ti:#eee3ed;--ts:#302535;--ta:#e7b6c8;background:var(--tp);color:var(--ti);border:1px solid color-mix(in srgb,var(--ti) 22%,transparent);border-radius:6px;padding:clamp(23px,3vw,39px);min-height:350px;transition:background .24s,color .24s}
.theme-reading small{display:flex;justify-content:space-between;color:var(--ta);font-size:10px;letter-spacing:.11em;gap:15px}
.theme-reading h3{font-family:var(--serif);font-size:35px;font-weight:500;letter-spacing:-.03em;margin:31px 0 16px}
.theme-reading p{font:clamp(20px,2.1vw,26px)/1.6 var(--serif);margin-bottom:30px;max-width:400px;color:var(--ti)}
.theme-reading sup{font-size:11px;vertical-align:super;color:var(--ta)}
.theme-foot{color:var(--ta);font-size:11px}
.theme-showcase>img{width:100%;max-height:310px;object-fit:contain;filter:drop-shadow(8px 12px 11px #150e17a8)}
.theme-help{font-size:12px;color:#786f78;margin:16px 0 0}
.explore-head{background:#221a28}
.explore-intro{align-items:flex-end}
.explore-stat{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:0 16px;color:#bdabbb;white-space:nowrap}
.explore-stat strong{font-size:36px;color:#efc5d7;font-weight:600;letter-spacing:-.05em}
.explore-stat span{font-size:12px}
/* App-native focused family diagram. Uses the same readable paired cards and
   blue-parent / rose-partner link convention as source/phone-family.css. */
.geo-section{background:#fffdf9}
.geo-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:45px}
.geo-heading p{max-width:420px;color:#6e676d}
.geo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.geo-gallery figure{margin:0;background:#ede7ec;padding:25px 19px 17px;display:flex;flex-direction:column;align-items:center}
.geo-gallery img{max-height:450px;object-fit:contain;width:auto;border-radius:7px;box-shadow:12px 17px 26px #20132132}
.geo-gallery figcaption{display:flex;flex-direction:column;gap:4px;align-self:stretch;padding-top:22px}
.geo-gallery strong{font-size:17px;font-weight:730}
.geo-gallery span{font-size:12px;color:#6f6570}
.downloads-head{background:#241c2a}
.downloads-intro h1{margin-bottom:16px}
.download-main{background:#f2edf1;padding:0 0 80px}
.download-grid{display:grid;grid-template-columns:1.24fr .76fr;gap:20px;align-items:stretch;transform:translateY(-35px);margin-bottom:-35px}
.release-primary{padding:clamp(30px,5vw,63px);background:#382b3b;color:#f8f2f7;border-radius:9px}
.release-indicator{color:#e1bbcf;font-size:11px;letter-spacing:.13em;font-weight:760;display:flex;align-items:center;gap:8px}
.live-dot{display:inline-block;width:8px;height:8px;background:#9fcab0;border-radius:50%}
.release-primary h2{font-size:clamp(34px,3.5vw,52px);margin:33px 0 15px}
.release-primary h2 span{color:#f0c1d5;white-space:nowrap}
.release-primary>p{color:#d2c1d2;font-size:14px;line-height:1.75}
.release-meta{display:flex;gap:9px;flex-wrap:wrap;margin:30px 0 33px}
.release-meta span{border:1px solid #ffffff2d;padding:8px 10px;border-radius:4px;font-size:11px;color:#ddccd9}
.release-button{min-width:215px}
.release-stale{font-size:11px!important;color:#e9bf99!important;margin-top:15px}
.release-secondary{background:#fffdfa;padding:clamp(30px,4vw,53px);border:1px solid #e8dce6;border-radius:9px}
.release-secondary h3{margin:22px 0 19px}
.release-secondary p{color:#645a63;font-size:14px}
.release-secondary .button{margin-top:15px}
.release-note{margin-top:33px;border-top:1px solid #e8e1e6;padding-top:17px;font-size:11px;color:#857884;line-height:1.7}
.downloads-details{background:#fffcf9}
.archive-heading{display:flex;gap:60px;align-items:end;justify-content:space-between;margin-bottom:30px}
.archive-heading p{max-width:400px;color:#6d646b}
.archive-controls{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.archive-controls input,.archive-controls select{border:1px solid #d8cbd7;background:#fff;color:#362d36;border-radius:6px;height:48px;padding:0 13px;font-size:13px}
.archive-controls input{min-width:0;flex:1}
.archive-controls select{min-width:146px}
.archive-controls span{font-size:12px;color:#847482;white-space:nowrap}
.release-list{border-top:1px solid #d8cbd4}
.release-entry{display:grid;grid-template-columns:116px 1fr auto;gap:35px;align-items:center;padding:22px 4px;border-bottom:1px solid #e4dce3}
.release-entry .version{font-family:var(--serif);font-size:25px}
.release-entry .date{font-size:11px;color:#877987;display:block}
.release-entry h3{font-size:14px;margin:0 0 5px;letter-spacing:0}
.release-entry p{font-size:12px;color:#736a72;margin:0}
.release-entry a{border:1px solid #aa97a4;text-decoration:none;border-radius:5px;font-size:12px;padding:9px 12px;white-space:nowrap;font-weight:710}
.release-entry a:hover{background:#f4e8ee}
.integrity-section{background:#efeaed}
.integrity-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,130px)}
.integrity-grid p{color:#645d64}
.checksum-panel{background:#fffefa;border:1px solid #ded5dc;padding:28px;border-radius:9px;align-self:start}
.checksum-panel>.mini-label{color:#815c76}
.checksum-panel>code{display:block;overflow-wrap:anywhere;margin:13px 0;color:#39293a;background:#f3ebf1;border-radius:4px;padding:16px;font-size:12px}
.checksum-panel>button{border:0;border-radius:5px;padding:10px 14px;background:#392a3a;color:#fff;font-size:12px;font-weight:720;margin-bottom:15px}
.checksum-panel details{border-top:1px solid #e9dee7;padding:14px 0 10px}
.checksum-panel summary{cursor:pointer;font-size:13px;font-weight:750}
.checksum-panel details p{font-size:12px;line-height:1.75;margin:13px 0 3px}
@media(max-width:1080px){
 .shell{width:min(var(--shell),calc(100% - 52px))}
 .main-nav{gap:18px}
 .hero-layout{grid-template-columns:1fr .82fr}
 .hero h1{font-size:clamp(53px,6.2vw,78px)}
 .hero-copy{padding-right:20px}
 .rail-inner{flex-wrap:wrap;padding-block:15px;gap:10px 25px}
 .feature-panel{gap:38px}
 .theme-workspace{grid-template-columns:200px 1fr}
 .theme-showcase{grid-template-columns:1fr 130px}
 .tree-toolbar{gap:12px}
 .tree-switch{margin-left:0}
}
@media(max-width:820px){
 .family-example-heading{align-items:start;flex-direction:column;gap:12px}
 .family-example-heading>.text-link{white-space:normal}
 .family-demo-body{padding:18px 12px}
 .family-pair{gap:25px}
 .family-person-info{grid-template-columns:1fr;gap:16px}
 .family-evidence-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .theme-workspace{min-width:0}
 .theme-showcase{min-width:0}
 .theme-reading{min-width:0}

 .shell{width:calc(100% - 42px)}
 .header{height:70px}
 .menu-button{display:block}
 .main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#261c2a;padding:17px 21px 24px;box-shadow:0 17px 23px #16102057;flex-direction:column;align-items:stretch;gap:0}
 .main-nav.open{display:flex}
 .main-nav>a{display:block;padding:13px 9px;border-bottom:1px solid #ffffff1a;min-height:47px}
 .main-nav .nav-open{margin:16px 0 0;text-align:center}
 .hero-layout{grid-template-columns:1fr}
 .hero-copy{padding:80px 0 58px}
 .hero h1{font-size:clamp(53px,9vw,84px)}
 .hero-product{min-height:560px;border-left:0;border-top:1px solid #ffffff1a}
 .hero-screen img{max-height:468px;width:auto}
 .hero-trace{right:0}
 .rail-inner{justify-content:flex-start}
 .editorial-split,.atlas-split,.voice-layout,.theme-layout,.feat-narr-grid,.integrity-grid,.atlas-split,.theme-head{grid-template-columns:1fr}
 .editorial-split{gap:40px}
 .screenshot-display{min-height:0;padding:28px}
 .screenshot-display img{max-height:490px}
 .atlas-split{gap:60px}
 .atlas-image{order:2;min-height:490px}
 .atlas-image img{max-height:420px}
 .atlas-copy{order:1}
 .theme-layout{gap:45px}
 .final-inner,.inner-head,.explore-intro,.downloads-intro,.archive-heading,.geo-heading{flex-direction:column;align-items:flex-start}
 .final-inner .button-row{margin-top:25px}
 .foot-main{grid-template-columns:1fr 1fr;gap:35px}
 .foot-note{grid-column:1/-1;max-width:none}
 .inner-head-side{text-align:left}
 .feature-panel{grid-template-columns:1fr}
 .feature-panel-copy{padding:45px 4px 0}
 .feature-panel-image img{max-height:500px}
 .theme-head figure{display:none}
 .theme-workspace{grid-template-columns:1fr}
 .theme-selection{grid-template-columns:repeat(4,1fr)}
 .explore-stat{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 11px}
 .genealogy-app{grid-template-columns:1fr}
 .tree-viewport{height:500px}
 .tree-detail{border-left:0;border-top:1px solid #d8cbd5}
 .tree-evidence{max-height:360px}
 .tree-detail-bottom{margin-top:0}
 .geo-gallery{gap:9px}
 .geo-gallery figure{padding:21px 8px}
 .geo-gallery img{max-height:340px}
 .download-grid{grid-template-columns:1fr}
 .release-entry{gap:12px}
}
@media(max-width:540px){
 .family-example{padding:41px 0 61px}
 .family-demo-top{padding:12px 13px;font-size:9px;letter-spacing:.08em}
 .family-branch-tabs{padding:7px 7px 0;gap:3px}
 .family-branch-tabs button{padding:7px 5px;min-height:60px}
 .family-branch-tabs button strong{font-size:12px}
 .family-branch-tabs button small{font-size:9px}
 .family-demo-body{padding:15px 8px 19px}
 .family-graph{padding:9px 3px}
 .family-pair{gap:14px}
 .family-kids{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:66px}
 .family-kids.is-single{grid-template-columns:minmax(140px,205px)}
 .family-person{min-height:71px;padding:9px 8px}
 .family-person strong{font-size:15px;line-height:1.2}
 .family-person small,.family-person-ref{font-size:9px}
 .family-person-marker{right:5px;top:4px}
 .family-key{gap:7px 12px;font-size:10px}
 .family-person-info{padding:19px 14px;gap:12px}
 .family-person-info h3{font-size:25px}
 .family-evidence-list{grid-template-columns:1fr}
 .family-provenance{font-size:10px}
 .hero-screen img{max-width:100%;max-height:min(398px,75vh)}
 .screenshot-display{overflow:hidden}
 .screenshot-display img{max-width:100%}
 .feature-panel-image{overflow:hidden}
 .feature-panel-image img{max-width:100%}

 .shell{width:calc(100% - 36px)}
 .section-pad{padding:68px 0}
 .header .brand strong{font-size:11px}
 .hero-copy{padding:60px 0 55px}
 .hero h1{font-size:clamp(47px,11.5vw,66px)}
 .hero h1 br:first-of-type{display:none}
 .hero-lead{font-size:15px}
 .hero .eyebrow{font-size:10px;margin-bottom:25px}
 .button-row{flex-direction:column;align-items:stretch;width:100%}
 .button-row>.button{width:100%}
 .hero-footnote{gap:7px}
 .hero-product{min-height:490px}
 .hero-product:before{width:300px;height:300px;left:5%}
 .hero-screen img{max-height:398px}
 .product-index{top:19px;left:20px}
 .rail-inner{font-size:11px;min-height:0;gap:8px 13px}
 .rail-inner>a{flex-basis:100%;margin-top:4px}
 .editorial-split,.atlas-split,.voice-layout,.theme-layout{gap:33px}
 .screenshot-display img{max-height:418px}
 .atlas-image{min-height:440px}
 .atlas-image img{max-height:375px}
 .atlas-facts div{grid-template-columns:1fr;gap:3px}
 .audio-panel{padding:24px}
 .mini-previews{display:grid;grid-template-columns:1fr 1fr 1fr}
 .mini-theme{padding:10px 7px;justify-content:center}
 .mini-reader{padding:23px 21px}
 .foot-main{grid-template-columns:1fr;gap:28px}
 .foot-note{grid-column:auto}
 .foot-bottom{display:grid;gap:4px}
 .inner-head,.explore-intro,.downloads-intro{padding:65px 0 72px}
 .interior-head h1,.explore-head h1,.downloads-head h1{font-size:clamp(47px,11vw,62px)}
 .feature-tab-nav{margin-left:-18px;margin-right:-18px;padding-inline:8px}
 .feature-tab-nav button{padding:15px 12px}
 .feature-panel-copy{padding:36px 0 5px}
 .feature-panel-image img{max-height:430px}
 .theme-selection{grid-template-columns:repeat(2,1fr)}
 .theme-showcase{grid-template-columns:1fr}
 .theme-showcase>img{display:block;width:min(150px,58%);max-height:185px;margin:6px auto 0;justify-self:center}
 .theme-workspace{padding:13px}
 .theme-reading{padding:24px}
 .theme-reading p{font-size:23px}
 .tree-toolbar{align-items:stretch}
 .tree-search{flex-basis:100%;max-width:none}
 .tree-presets{width:100%}
 .tree-presets button{flex:1}
 .tree-switch{width:100%}
 .genealogy-app{border-radius:6px}
 .tree-stage-bar{padding:14px 13px}
 .tree-viewport{height:460px}
 .tree-legend{font-size:10px;padding:10px 12px}
 .tree-detail h2{font-size:30px}
 .geo-gallery{grid-template-columns:1fr}
 .geo-gallery img{max-height:425px}
 .geo-gallery figure{padding:26px 12px 16px}
 .geo-gallery figcaption{padding-left:18px}
 .download-grid{transform:none;margin-bottom:0;padding-top:0}
 .release-primary,.release-secondary{padding:27px 22px}
 .archive-controls{flex-wrap:wrap}
 .archive-controls input{flex-basis:100%}
 .archive-controls select{flex:1}
 .release-entry{grid-template-columns:95px 1fr;gap:10px 14px}
 .release-entry a{grid-column:2;justify-self:start}
 .checksum-panel{padding:21px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
