:root{color-scheme:dark;--ink:#071a1b;--ink2:#102c2b;--line:rgba(197,222,205,.19);--white:#f4f3e9;--muted:#c1d1c8;--gold:#efc77c;--teal:#99e0ca;--paper:#f0ede3;--paper-ink:#132d29}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font:16px/1.6 Arial,Helvetica,sans-serif}button,a{touch-action:manipulation}a{color:inherit}button{font:inherit}img{display:block;max-width:100%}.wrap{width:min(100% - 48px,1280px);margin-inline:auto}.skip-link{position:absolute;top:-100px;left:16px;z-index:10;background:var(--gold);color:var(--ink);padding:12px 18px}.skip-link:focus{top:8px}a:focus-visible,button:focus-visible{outline:3px solid var(--teal);outline-offset:4px}h1,h2,h3,h4,p,figure{margin-top:0}.eyebrow,.mini-label,.section-number,.diagram-index,.step-label{font-size:.75rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.eyebrow{color:var(--gold)}.mini-label{color:var(--teal)}.site-header{min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font:700 clamp(1.35rem,2vw,1.7rem)/1 Georgia,serif;white-space:nowrap}.brand img{width:51px;height:51px;object-fit:contain}.brand-dot{color:var(--gold)}.site-header nav{display:flex;align-items:center;gap:clamp(10px,2vw,30px);flex-wrap:wrap}.site-header nav a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none;font-size:.82rem;font-weight:700;color:#d0ded5}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--gold)}.site-header nav .nav-download{border:1px solid #b58f55;border-radius:5px;padding:0 18px;color:var(--gold)}
.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(20px,4vw,70px);align-items:center;min-height:760px;padding-block:76px 96px}.hero-copy,.hero-art{min-width:0}.hero-eyebrow{margin-bottom:23px}.hero h1{font:400 clamp(3.3rem,6vw,6.25rem)/.99 Georgia,'Times New Roman',serif;letter-spacing:-.055em;margin-bottom:30px}.hero h1 em{font-weight:400;color:var(--gold);white-space:nowrap}.hero-lead{max-width:660px;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.62;color:#d5e1d8}.hero-links{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:29px 0 38px}.text-link{color:var(--gold);font-weight:700;text-decoration-color:rgba(239,199,124,.55);text-underline-offset:5px}.link-divider{height:20px;width:1px;background:var(--line)}.hero-art{position:relative;display:grid;place-items:center;min-height:540px;background:radial-gradient(circle at 50% 48%,rgba(48,90,68,.58),rgba(16,46,42,.12) 57%,transparent 69%)}.hero-art img{position:relative;z-index:2;width:min(100%,600px);filter:drop-shadow(0 30px 42px rgba(0,0,0,.56))}.hero-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(227,201,132,.19);border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{width:90%;aspect-ratio:1}.orbit-two{width:66%;aspect-ratio:1}.art-caption{position:absolute;bottom:2%;left:0;right:0;text-align:center;color:#bfcfbd;font-size:.67rem;font-weight:800;letter-spacing:.2em}.download-card{background:linear-gradient(120deg,#173a32,#102d2a);border:1px solid rgba(234,204,139,.45);border-radius:10px;padding:24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 24px;box-shadow:0 22px 50px rgba(0,0,0,.18)}.download-card h2{font:400 1.8rem/1.1 Georgia,serif;margin:7px 0}.download-card p{margin:0}.download-copy>p{font-size:.85rem;color:#d2e0d5}.download-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:205px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:10px 15px;border-radius:6px;font-size:.81rem;font-weight:800;text-decoration:none;text-align:center}.button-primary{background:var(--gold);color:#15221d}.button-primary:hover{background:#f6d79b}.feedback-link{font-size:.76rem;text-align:center;color:var(--white);text-decoration:none}.feedback-link span{display:block;color:var(--gold);font-size:.73rem;text-decoration:underline;text-underline-offset:3px}.platform-picker{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px}.platform-picker button{min-height:38px;padding:5px 12px;background:transparent;color:#d1ded3;border:1px solid #688277;border-radius:999px;cursor:pointer;font-size:.75rem}.platform-picker button[aria-pressed="true"]{background:#e3c281;border-color:#e3c281;color:#182a23;font-weight:800}.platform-picker button:hover{border-color:var(--gold)}.download-caveat{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px;color:#bdcfc4;font-size:.73rem;line-height:1.5}
.idea-section{color:var(--paper-ink);background:var(--paper);padding-block:120px}.idea-layout{display:grid;grid-template-columns:minmax(150px,.25fr) minmax(0,1fr);gap:60px}.section-number{color:#456a5b;border-top:1px solid #8aa99a;padding-top:14px}.section-number span{display:block;margin-top:7px}.idea-copy{max-width:920px}.idea-copy h2,.section-heading h2{font:400 clamp(3.1rem,5.8vw,5.7rem)/1.04 Georgia,'Times New Roman',serif;letter-spacing:-.05em;margin-bottom:28px}.idea-copy h2 em{color:#4d765c;font-weight:400}.idea-cadence{font:400 clamp(1.45rem,2.65vw,2.35rem)/1.35 Georgia,serif;max-width:890px;margin-bottom:26px}.idea-copy>p:not(.idea-cadence){font-size:1.02rem;max-width:760px;color:#355248}.idea-words{display:flex;flex-wrap:wrap;gap:8px;margin-top:37px}.idea-words span{border:1px solid #779b86;color:#295243;padding:7px 11px;border-radius:3px;font-size:.69rem;font-weight:800;letter-spacing:.12em}
.navigator-section{padding-block:120px 130px;background:#0d2527}.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.47fr);gap:55px;align-items:end;margin-bottom:46px}.section-heading h2{margin:0}.section-heading h2 em{color:var(--gold);font-weight:400}.section-heading>p{font-size:1rem;color:var(--muted);margin-bottom:5px}.navigator-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:20px;align-items:stretch}.browser-frame{margin:0;border:1px solid rgba(171,204,196,.31);border-radius:9px;background:#061116;overflow:hidden;display:flex;flex-direction:column;min-width:0}.frame-bar{min-height:43px;display:flex;align-items:center;gap:13px;padding:0 16px;background:#102b2f;border-bottom:1px solid var(--line)}.frame-bar strong{font-size:.63rem;letter-spacing:.12em;color:#cee5da}.frame-count{margin-left:auto;font-size:.68rem;color:var(--gold);font-weight:800}.frame-dots{display:flex;gap:5px}.frame-dots i{width:6px;height:6px;border-radius:50%;background:#658a82}.browser-frame img{width:100%;height:clamp(360px,39vw,520px);object-fit:contain;background:#03080c}.browser-frame figcaption{padding:12px 16px;color:#b9d0c3;font-size:.73rem;border-top:1px solid var(--line)}.phox-card{border:1px solid rgba(171,204,196,.31);border-radius:9px;background:#152f2d;display:flex;flex-direction:column;min-width:0;overflow:hidden}.phox-top{display:flex;align-items:center;gap:17px;padding:18px;border-bottom:1px solid var(--line)}.phox-top img{width:88px;height:126px;object-fit:cover;object-position:center 26%;border:2px solid #698c70;border-radius:5px}.phox-top>div{display:flex;flex-direction:column}.phox-top strong{font:400 2.1rem/1.1 Georgia,serif;margin-top:7px}.phox-top>div>span:last-child{color:#c2d2c5;font-size:.79rem}.phox-message{padding:24px;flex:1}.step-label{color:var(--gold);font-size:.65rem}.phox-message h3{font:400 1.85rem/1.14 Georgia,serif;margin:13px 0}.phox-message p{color:#c8d7cc;font-size:.88rem;line-height:1.7}.guide-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;border-top:1px solid var(--line)}.step-dots,.guide-arrows{display:flex;align-items:center;gap:4px}.step-dot,.guide-arrows button{width:44px;height:44px;display:grid;place-items:center;background:transparent;border:1px solid transparent;color:var(--white);border-radius:5px;cursor:pointer}.step-dot::after{content:"";width:11px;height:11px;border-radius:50%;border:1px solid #9cbaaa}.step-dot.is-active::after{background:var(--gold);border-color:var(--gold)}.guide-arrows button{border-color:#648b7d;font-size:1.2rem}.guide-arrows button:disabled{opacity:.4;cursor:not-allowed}.guide-arrows button:not(:disabled):hover{border-color:var(--gold);color:var(--gold)}.capture-note{color:#9fb9a9;font-size:.76rem;margin:15px 0 0}
.web-section{padding-block:120px 140px;background:#081c1e}.world-diagram{display:grid;grid-template-columns:minmax(0,.8fr) 36px minmax(0,1.2fr) 36px minmax(0,1.25fr);gap:12px;align-items:stretch}.diagram-person,.diagram-layer,.diagram-world{border:1px solid rgba(171,204,196,.28);border-radius:8px;padding:28px;min-width:0}.diagram-person{background:#12352f}.diagram-layer{background:#193e38;border-color:#bda06e}.diagram-world{background:#112b2b}.diagram-index{color:var(--gold);font-size:.65rem}.diagram-person h3,.diagram-layer h3{font:400 2rem/1.1 Georgia,serif;margin:14px 0 10px}.diagram-person p,.diagram-layer p{font-size:.84rem;color:#c7d9cd}.person-icon{width:67px;height:67px;border:1px solid #7eb49e;border-radius:50%;display:grid;place-items:center;color:var(--teal);font-size:2rem;margin-top:25px}.diagram-arrow{align-self:center;justify-self:center;font-size:1.5rem;color:var(--gold)}.status-now,.status-future{display:inline-block;padding:5px 7px;border-radius:3px;font-size:.62rem;letter-spacing:.1em;font-weight:800}.status-now{background:#bde6ce;color:#17342a}.status-future{border:1px solid #bd9a68;color:var(--gold)}.layer-divider{height:1px;background:var(--line);margin:21px 0}.diagram-layer h4{font:400 1.5rem Georgia,serif;margin:0 0 8px}.diagram-world ul{list-style:none;padding:0;margin:18px 0 0}.diagram-world li{display:flex;flex-direction:column;padding:9px 0;border-bottom:1px solid var(--line)}.diagram-world li:last-child{border:0}.diagram-world li strong{font-size:.84rem}.diagram-world li span{font-size:.72rem;color:#b8cfc2}.diagram-note{font-size:.8rem;color:#a9c1b1;max-width:780px;margin:25px 0 0}.site-footer{border-top:1px solid var(--line);padding:35px 0;color:#c1d2c5}.footer-layout{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-layout p{margin:0;font:italic 1rem Georgia,serif}.footer-layout a{color:var(--gold)}.footer-brand{text-decoration:none;font:700 1.3rem Georgia,serif}
@media(max-width:1050px){.site-header{align-items:flex-start;flex-direction:column;padding-block:16px;gap:5px}.hero{grid-template-columns:1fr;min-height:0;padding-top:75px}.hero-art{min-height:410px;grid-row:1}.hero-art img{max-width:430px}.navigator-layout{grid-template-columns:minmax(0,1fr) minmax(250px,.65fr)}.world-diagram{grid-template-columns:minmax(0,.9fr) 25px minmax(0,1.1fr);gap:10px}.world-diagram>.diagram-arrow:nth-of-type(2){display:none}.diagram-world{grid-column:1/-1}}
@media(max-width:760px){.wrap{width:min(100% - 36px,1280px)}.site-header nav{width:100%;justify-content:space-between;gap:4px}.site-header nav a{font-size:.72rem;padding:0 5px}.site-header nav .nav-download{padding:0 8px}.hero{padding-block:42px 72px}.hero-art{grid-row:auto;min-height:360px}.hero-art img{max-width:330px}.hero h1{font-size:clamp(3rem,10vw,5rem)}.hero h1 em{white-space:normal}.download-card{grid-template-columns:1fr}.download-actions{min-width:0}.feedback-link{text-align:left}.idea-section,.navigator-section,.web-section{padding-block:80px}.idea-layout{grid-template-columns:1fr;gap:28px}.section-heading{grid-template-columns:1fr;gap:12px}.navigator-layout{grid-template-columns:1fr}.browser-frame img{height:clamp(250px,57vw,440px)}.world-diagram{grid-template-columns:1fr;gap:10px}.world-diagram>.diagram-arrow{transform:rotate(90deg)}.world-diagram>.diagram-arrow:nth-of-type(2){display:block}.diagram-world{grid-column:auto}}
@media(max-width:480px){.site-header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.site-header nav a{min-height:44px;border-bottom:1px solid var(--line);font-size:.8rem}.site-header nav .nav-download{border:1px solid #b58f55;justify-content:center}.hero-art{min-height:280px}.hero-art img{max-width:290px}.art-caption{font-size:.52rem}.hero h1{font-size:clamp(2.65rem,10.8vw,3.65rem)}.hero-lead{font-size:1rem}.hero-links{gap:9px}.link-divider{display:none}.download-card{padding:18px}.platform-picker button{min-height:44px}.idea-copy h2,.section-heading h2{font-size:clamp(2.8rem,11vw,4rem)}.browser-frame img{height:270px}.phox-top img{width:76px;height:107px}.phox-message{padding:19px}.diagram-person,.diagram-layer,.diagram-world{padding:22px}.footer-layout{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}