@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,500;1,600&display=swap');
:root{color-scheme:dark;--bg:#090d16;--fg:#ebe9f3;--muted:#88899f;--purple:#b6a0fa;--mint:#a3dfd8;--line:rgba(217,218,251,.105);--border:rgba(217,218,251,.13);--panel:#101524;--mono:'DM Mono',monospace;--sans:'Manrope','DM Sans',sans-serif;--serif:'Playfair Display',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}::selection{background:#9c8ae1;color:#0b0c15}.noise{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.095;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.94' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.4' filter='url(%23n)'/%3E%3C/svg%3E")}.ambient{position:fixed;z-index:-1;pointer-events:none;filter:blur(80px);border-radius:100%}.ambient-left{width:45vw;height:45vw;left:-25vw;top:22vh;background:rgba(61,76,145,.13)}.ambient-right{width:50vw;height:50vw;right:-28vw;top:1vh;background:rgba(126,82,159,.15)}.app-shell{max-width:1520px;padding:0 clamp(23px,6.1vw,106px);margin:auto}.topbar{height:105px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;min-width:222px}.brand-symbol{filter:drop-shadow(0 0 10px #bfa5ff44)}.brand span{display:flex;flex-direction:column;gap:5px}.brand strong{font-size:16px;font-weight:800;letter-spacing:.18em}.brand small{font:9px var(--mono);color:#82849a;letter-spacing:.19em}.header-center,.eyebrow,.eyebrow-end,.small-tag,.hero-signature,.orbit-label,.overline,.section-sub,.card-index,.live-indicator,.panel-number,.mutation-id,.tags,.instrument-list,.panel-footer,.timeline-note,.archive-disclaimer,footer,.outline-button{font-family:var(--mono);letter-spacing:.085em}.header-center{font-size:10px;color:#8b8b9c;display:flex;align-items:center;gap:13px}.pulse-dot,.small-tag-dot,.live-indicator span,.status-orb{width:6px;height:6px;border-radius:50%;background:#a5e4c7;display:inline-block;box-shadow:0 0 14px #a5e4c788}.head-divider{height:12px;width:1px;background:#515463}.header-actions{display:flex;align-items:center;gap:14px}.icon-btn{height:38px;width:38px;display:grid;place-items:center;border:1px solid var(--border);background:#151927;color:#acaec0;border-radius:9px}.install-button{background:#e6e2f4;color:#121426;border:0;padding:13px 19px;border-radius:7px;font-size:12px;font-weight:800;display:flex;align-items:center;gap:24px}.install-button span{font-size:16px}.eyebrow-row{display:flex;align-items:center;justify-content:space-between;margin-top:41px}.eyebrow,.eyebrow-end{color:#8b90a9;font-size:10px}.eyebrow{display:flex;align-items:center;gap:12px}.asterisk{color:#c2a5f6;font-size:19px}.slash{color:#454b60}.eyebrow-end{display:flex;align-items:center;gap:12px}.tiny-dot{background:#676275;border-radius:50%;width:3px;height:3px}.hero{min-height:610px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:15px;position:relative}.hero-copy{padding:43px 0 70px;z-index:2}.small-tag{color:#aeb4ca;font-size:10px;display:flex;align-items:center;gap:10px;margin-bottom:26px}.small-tag-dot{background:#a1a0e7;box-shadow:0 0 10px #aea0e5}.hero h1{font-size:clamp(64px,7.6vw,127px);letter-spacing:-.078em;line-height:.95;margin:0;font-weight:800;color:#f2f0f9}.hero h1 em{font-family:var(--serif);color:var(--purple);font-weight:500;letter-spacing:-.065em}.hero-period{color:#c3b0f7}.hero-description{color:#9698ac;font-size:clamp(13px,1.24vw,16px);line-height:1.93;max-width:495px;margin:27px 0 32px;font-weight:400}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.primary-button{border:0;background:#c7b5f9;color:#181527;border-radius:7px;padding:17px 22px;font-weight:800;font-size:12px;letter-spacing:.015em;display:flex;align-items:center;gap:25px;box-shadow:0 0 35px #a18ff926;transition:transform .2s,background .2s}.primary-button:hover{transform:translateY(-3px);background:#dacdfb}.primary-button span{font-size:16px}.secondary-button{padding:16px 14px;color:#aab0c5;font-size:12px;display:flex;align-items:center;gap:23px}.secondary-button:hover{color:white}.hero-signature{display:flex;align-items:center;gap:14px;color:#62667c;font-size:9px;margin-top:72px}.signature-line{width:29px;height:1px;background:#645d79}.hero-visual{position:relative;aspect-ratio:1;min-height:440px;display:grid;place-items:center}.outer-orbit{width:93%;height:93%;border:1px solid #8785c31b}.inner-orbit{width:73%;height:73%;border:1px dashed #aa98d42a}.orbit{border-radius:50%;position:absolute}.orbit-label{position:absolute;color:#686b84;font-size:9px}.orbit-label-top{top:12%;right:0}.orbit-label-bottom{bottom:12%;left:1%}.orb-glow{position:absolute;width:58%;height:58%;border-radius:50%;background:#7356b257;filter:blur(86px)}.ouro-symbol{position:relative;width:87%;height:87%;max-width:530px;filter:drop-shadow(0 0 42px #9172d848);animation:float 8s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(-6px) rotate(-3deg)}50%{transform:translateY(7px) rotate(3deg)}}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;margin:2px calc(clamp(23px,6.1vw,106px) * -1) 0}.marquee-inner{min-width:max-content;white-space:nowrap;animation:marq 42s linear infinite;padding:22px 0;color:#8b849d;font:11px var(--mono);letter-spacing:.18em}.marquee-inner span{padding:0 40px;color:#b7a3ea}@keyframes marq{to{transform:translateX(-50%)}}section.console,section.evolution,section.archive{padding:94px 0 16px;scroll-margin-top:30px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:32px}.overline{color:#9b92c3;font-size:10px}.section-heading h2{font-size:clamp(33px,3.3vw,49px);letter-spacing:-.045em;margin:14px 0 0;font-weight:700}.section-heading h2 em{font-family:var(--serif);font-weight:500;color:#b9a4ed}.section-sub{color:#71758c;font-size:9px;padding-bottom:10px;text-align:right}.lab-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:18px}.mutation-card,.instrument-panel{border:1px solid var(--border);border-radius:13px;position:relative;overflow:hidden;min-height:430px;background:linear-gradient(137deg,#22243e 0%,#181b31 55%,#111827 100%)}.mutation-card:before{content:"";position:absolute;right:-20%;top:-55%;width:65%;aspect-ratio:1;background:#8766c034;filter:blur(75px);border-radius:50%;pointer-events:none}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:25px 27px}.card-index,.live-indicator,.panel-number{color:#c1bbd3;font-size:10px}.live-indicator{display:flex;align-items:center;gap:9px;color:#9ebcae}.mutation-content{padding:0 42px 20px;min-height:299px}.mutation-glyph{font-size:45px;color:#ceb7f9;margin-top:6px;margin-bottom:22px;text-shadow:0 0 24px #ae8efe66}.mutation-id{color:#9791b5;font-size:10px}.mutation-content h3{font-size:clamp(32px,3.25vw,50px);line-height:1.14;letter-spacing:-.045em;font-weight:700;margin:12px 0 13px}.mutation-content h3 em{font-family:var(--serif);font-weight:500;color:#d0bffa}.mutation-content p{font-size:13px;line-height:1.75;color:#b6b2c6;max-width:485px;margin:0}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.tags span{color:#c4b9d9;background:#ffffff0d;padding:8px 10px;border:1px solid #ffffff17;border-radius:5px;font-size:9px}.mutation-actions{position:relative;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff20;padding:15px 23px;gap:10px}.action-create,.action-save{background:transparent;border:0;color:#ece9f5;font:11px var(--mono);padding:11px;letter-spacing:.025em}.action-save{color:#aa9ecb}.action-create:hover,.action-save:hover{color:#9bffe5}.instrument-panel{background:linear-gradient(160deg,#131b29,#0e1420);min-height:430px}.instrument-panel h3{font-size:35px;line-height:1.16;letter-spacing:-.04em;font-weight:700;margin:30px 29px 14px}.instrument-panel h3 i{font-family:var(--serif);font-weight:500;color:#b8a7ed}.instrument-panel>p{font-size:12px;line-height:1.9;color:#888da3;margin:0 29px;max-width:325px}.instrument-list{margin:30px 29px 0;border-top:1px solid var(--line)}.instrument-list>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:15px 0;gap:8px}.instrument-list span{font-size:9px;color:#717a97}.instrument-list strong{font-weight:500;color:#bdc3d5;font-size:10px;text-align:right}.status-orb{width:5px;height:5px;margin-left:6px}.panel-footer{font-size:8px;color:#68758b;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 29px}.panel-footer span:last-child{color:#bda9e9;font-size:16px}.evolution{padding-top:105px!important}.timeline{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:35px}.phase{padding:28px 16px 30px 0;position:relative;min-height:195px}.phase:after{content:"";position:absolute;top:0;right:11px;height:1px;background:#8b74dc;width:0}.phase-dot{position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:#464d66;border:2px solid var(--bg)}.phase:first-child .phase-dot{background:#c5adfd;box-shadow:0 0 13px #b59cf9}.phase-time{font:11px var(--mono);color:#8b8ca4;letter-spacing:.1em}.phase h3{font-size:17px;letter-spacing:-.035em;font-weight:700;margin:23px 0 7px}.phase p{font-size:12px;line-height:1.7;max-width:170px;color:#7b8298;margin:0}.phase-badge{display:inline-block;color:#8987a7;border:1px solid #55526966;border-radius:4px;font:9px var(--mono);margin-top:18px;padding:6px 9px}.timeline-note{font-size:10px;color:#7c8098;margin-top:17px;line-height:1.6}.timeline-note span{color:#af9bea;padding-right:7px}.archive{padding-top:100px!important;padding-bottom:100px!important}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.empty-archive{grid-column:1/-1;min-height:240px;border:1px dashed #6c668444;border-radius:12px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#adb2c7}.empty-archive>span{font-size:34px;color:#b5a4e8;margin-bottom:12px}.empty-archive strong{font-size:20px}.empty-archive p{font-size:12px;color:#777e97;margin:8px 15px}.archive-item{border:1px solid var(--border);border-radius:10px;background:#101625;padding:23px;min-height:160px;display:flex;flex-direction:column;gap:13px}.archive-item .archive-top{display:flex;justify-content:space-between;color:#8a8ea8;font:9px var(--mono)}.archive-item .archive-top button{background:transparent;border:0;color:#aaa0bb;padding:0;font-size:15px}.archive-item h3{font-size:18px;line-height:1.3;margin:0;letter-spacing:-.03em}.archive-item p{font-size:11px;line-height:1.6;color:#8d92ac;margin:0}.outline-button{font-size:10px;padding:13px 18px;color:#b9b6cf;background:none;border:1px solid var(--border);border-radius:6px}.outline-button:hover{background:#22263a}.archive-disclaimer{color:#777d95;font-size:10px;margin-top:20px;line-height:1.7}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:38px 0 46px;color:#75798f;font-size:9px}.footer-mark{display:flex;align-items:center;gap:9px;color:#d4d2e1;letter-spacing:.17em}.footer-mark span{color:#74798d;padding-left:10px}footer a:hover{color:#cbb9fe}.toast{position:fixed;z-index:30;bottom:24px;left:50%;transform:translate(-50%,120px);opacity:0;padding:14px 21px;border:1px solid #aaa0de66;background:#22253b;color:#f3f0ff;border-radius:8px;box-shadow:0 10px 40px #0006;font-size:12px;transition:transform .25s,opacity .25s;max-width:92vw;text-align:center;pointer-events:none}.toast.show{transform:translate(-50%,0);opacity:1}body.still .ouro-symbol,body.still .marquee-inner{animation:none!important}
@media(max-width:1100px){.hero{min-height:550px}.hero h1{font-size:clamp(65px,7.4vw,98px)}.hero-visual{min-height:330px}.lab-grid{grid-template-columns:1.25fr 1fr}.instrument-panel h3{margin-top:20px}.instrument-list{margin-top:22px}.mutation-content{padding:0 27px 12px}}
@media(max-width:780px){.app-shell{padding:0 22px}.topbar{height:80px}.header-center,.eyebrow-end{display:none}.brand{min-width:0}.brand strong{font-size:13px}.brand small{font-size:8px}.brand-symbol{width:37px;height:37px}.header-actions{gap:8px}.icon-btn{display:none}.install-button{padding:11px 12px;font-size:11px;gap:6px}.eyebrow-row{margin-top:24px}.hero{display:flex;flex-direction:column;gap:0;min-height:auto;align-items:stretch}.hero-copy{padding:45px 0 0}.hero h1{font-size:clamp(55px,12vw,91px)}.small-tag{font-size:9px}.hero-description{font-size:13px;max-width:470px;margin:24px 0 24px}.hero-actions{gap:8px}.primary-button{padding:16px;font-size:11px;gap:10px}.secondary-button{font-size:11px;padding:12px}.hero-signature{margin-top:30px}.hero-visual{min-height:auto;width:min(100%,440px);align-self:center;margin:-5px 0 8px}.orbit-label{font-size:7px}.marquee{margin-left:-22px;margin-right:-22px}.marquee-inner{padding:18px 0;font-size:9px}.section-heading h2{font-size:34px}.section-sub{display:none}section.console,section.evolution,section.archive{padding-top:65px!important}.lab-grid{grid-template-columns:1fr}.mutation-card,.instrument-panel{min-height:auto}.mutation-content{min-height:260px}.mutation-content h3{font-size:38px}.instrument-panel{padding-bottom:10px}.instrument-panel h3{font-size:29px}.instrument-list{margin-bottom:6px}.timeline{grid-template-columns:repeat(2,1fr)}.phase{min-height:150px;padding-right:20px}.phase h3{margin-top:16px}.archive-grid{grid-template-columns:1fr 1fr}.archive-heading{align-items:start}.archive-heading .outline-button{font-size:9px;white-space:nowrap;margin-top:7px;padding:9px}.archive{padding-bottom:65px!important}footer{flex-wrap:wrap;font-size:8px;line-height:1.7}footer>div:nth-child(2){display:none}}
@media(max-width:490px){.brand strong{font-size:12px;letter-spacing:.12em}.brand small{letter-spacing:.08em}.brand{gap:6px}.hero h1{font-size:clamp(51px,11.8vw,69px)}.hero-description{line-height:1.75}.hero-visual{width:100%}.section-heading h2{font-size:29px}.mutation-content{padding:0 24px 20px}.mutation-actions{padding:11px 10px}.action-create,.action-save{font-size:10px}.instrument-list>div{gap:6px}.instrument-list span{font-size:8px}.instrument-list strong{font-size:9px}.archive-grid{grid-template-columns:1fr}.archive-heading{flex-wrap:wrap}.phase h3{font-size:15px}.phase p{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Generation 0002 · installable update-alert companion */
.push-section { margin: 5rem 0 4.5rem; }
.push-card { position:relative; overflow:hidden; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:1.6rem;
  background: radial-gradient(ellipse at 6% 10%,rgba(161,128,232,.17),transparent 58%), linear-gradient(132deg,#131626,#101827 75%,#0b1420);
  border:1px solid rgba(170,157,223,.27); border-radius:18px; padding:clamp(1.5rem,4vw,2.8rem); }
.push-card:after { content:''; position:absolute; width:18rem; height:18rem; border-radius:50%; border:1px solid rgba(184,160,255,.09); left:-5rem; top:-9rem; pointer-events:none; }
.push-orb { font-size:2.9rem; width:4.5rem; height:4.5rem; display:grid; place-items:center; color:#b6a0fa; background:rgba(165,135,230,.095); border:1px solid rgba(165,135,230,.22); border-radius:50%; box-shadow:0 0 42px rgba(156,120,235,.13); }
.push-main { min-width:0; }
.push-main .overline { color:#b7a2db; }
.push-main h2 { color:#f2eafe; font-family:inherit; font-size:clamp(1.6rem,3.5vw,2.45rem); line-height:1.2; margin:.5rem 0 .8rem; }
.push-main h2 em { color:#b6a0fa; }
.push-main > p { color:#b3bacb; max-width:58ch; line-height:1.7; font-size:.94rem; }
.push-status { display:flex; align-items:center; gap:.65rem; margin-top:1.15rem; color:#e2d5fa; font-size:.87rem; }
.push-dot { flex:none; width:7px; height:7px; border-radius:50%; background:#b7a2db; box-shadow:0 0 10px rgba(177,147,233,.6); }
.push-main p.push-details { font-size:.8rem; margin-top:.45rem; color:#939db5; }
.push-actions { display:flex; flex-direction:column; align-items:stretch; gap:.7rem; min-width:205px; }
.push-actions .primary-button { white-space:nowrap; padding:1rem 1.1rem; }
.push-actions .outline-button { padding:.8rem 1rem; font-size:.8rem; }
.push-actions .primary-button:disabled { opacity:.56; cursor:not-allowed; }
.push-actions small { text-align:center; font-size:.7rem; color:#8994ad; }
.push-actions [hidden] { display:none; }
@media (max-width:900px) {
 .push-card { grid-template-columns:1fr; gap:1.1rem; }
 .push-orb { width:3.2rem; height:3.2rem; font-size:2rem; }
 .push-actions { min-width:0; width:100%; }
 .push-section { margin:3rem 0; }
}
