:root{--bg:#07100d;--surface:#0b1813;--surface-raise:#102119;--line:#1d3429;--text:#f2efe6;--muted:#94ab9d;--emerald:#55cf91;--emerald-light:#94e8b5;--gold:#dbba73;--font-display:'Space Grotesk',sans-serif;--font-mono:'JetBrains Mono',monospace}
html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text)}*{box-sizing:border-box}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{cursor:not-allowed}img,canvas,svg{max-width:100%}.skip-link{position:fixed;left:20px;top:-70px;z-index:100;background:var(--gold);color:#07100d;padding:12px 18px}.skip-link:focus{top:10px}
.site-header{height:78px;display:flex;align-items:center;gap:42px;padding:0 clamp(22px,4vw,68px);border-bottom:1px solid #91c4a51c;background:#07100de8;backdrop-filter:blur(18px);position:sticky;top:0;z-index:40}.site-brand{display:flex;align-items:center;gap:13px;font-weight:700;letter-spacing:.13em;font-size:17px;color:var(--text);text-decoration:none;flex-shrink:0}.brand-glyph{width:21px;display:grid;gap:4px;transform:skewY(-10deg)}.brand-glyph i{display:block;height:3px;background:linear-gradient(90deg,var(--gold),var(--emerald));border-radius:1px}.brand-glyph i:nth-child(2){width:15px}.site-header>nav{display:flex;align-items:center;gap:24px;min-width:0;margin:auto}.nav-link{font-size:12px;text-decoration:none;color:#a1b0a7;position:relative;padding:29px 0;white-space:nowrap}.nav-link:hover,.nav-link.active{color:#e5efd9}.nav-link.active:after{content:'';height:2px;background:var(--gold);position:absolute;bottom:0;left:0;right:0}.header-launch{font-size:11px;letter-spacing:.03em;color:var(--text);text-decoration:none;border:1px solid #97b49b4d;padding:10px 14px;white-space:nowrap}
.hp-page{background:#07100d;overflow:clip}.life-hero.hp-hero{height:calc(100svh - 78px);min-height:850px;max-height:1120px;display:block;background:#06100c;isolation:isolate;overflow:hidden}.life-hero:after{content:'';position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,#07100d);pointer-events:none;z-index:2}.life-intro{position:relative;z-index:4;text-align:center;padding:38px 20px 0;pointer-events:none}.life-kicker{display:flex;align-items:center;justify-content:center;gap:12px;font:10px var(--font-mono);letter-spacing:.16em;color:#c5ba92}.life-dot{height:5px;width:5px;border-radius:50%;background:#76dba1;box-shadow:0 0 12px #76dba180}.life-kicker-sep{color:#425f4d;margin:0 4px}.life-intro h1{margin:20px 0 12px;font-size:clamp(42px,5.8vw,82px);line-height:1.08;letter-spacing:-.065em;font-weight:500;text-wrap:balance}.life-intro h1 em{font-style:normal;background:linear-gradient(100deg,#c9edb5,#dfbc71);background-clip:text;-webkit-background-clip:text;color:transparent}.life-audience{color:#9caf9e;font-size:clamp(12px,1.1vw,16px);margin:0;letter-spacing:.02em}
.life-stage{position:absolute;inset:150px 0 82px;isolation:isolate;touch-action:pan-y;overflow:hidden;cursor:grab}.life-poster{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:1}.life-stage[data-mode=webgl] .life-poster{opacity:0;transition:opacity .6s}.life-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s;z-index:1}.life-canvas.is-ready{opacity:1}.life-side-label{position:absolute;top:49%;z-index:3;pointer-events:none}.life-side-left{left:5vw}.life-side-right{right:5vw;text-align:right}.life-side-label>span{display:block;font:9px var(--font-mono);letter-spacing:.12em;color:#7f947e;margin-bottom:14px}.life-side-label strong{font-size:13px;line-height:1.75;color:#b5c7b7;font-weight:400}.life-controls{position:absolute;z-index:4;bottom:13px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;white-space:nowrap;font:9px var(--font-mono);letter-spacing:.05em;color:#7d9987}.life-controls [data-scene-status]:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:#7ddb9e;margin-right:8px}.life-controls button{font:inherit;color:#a5bba9;background:#07100d96;border:1px solid #37543b88;padding:7px 10px;cursor:pointer}.life-controls button:hover{border-color:var(--gold);color:var(--gold)}.life-stage[data-mode=still] .life-controls button{display:none}.life-hero-bottom{position:absolute;bottom:28px;left:5vw;right:5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;z-index:4}.life-bottom-note{font-size:12px;line-height:1.7;color:#8da493;margin:0}.life-bottom-meta{text-align:right;font:9px/1.9 var(--font-mono);letter-spacing:.08em;color:#cfbd8c;margin:0}.life-bottom-meta span{color:#7e9986;letter-spacing:0}.life-hero-bottom .hp-ctas{margin:0;justify-content:center;gap:10px}.hp-btn{border-radius:3px!important;min-height:46px;font-size:12px!important;letter-spacing:.01em;padding:14px 22px!important}.hp-btn-primary{background:#c6dfac!important;color:#101a10!important;border-color:#c6dfac!important;box-shadow:none!important}.hp-btn-primary:hover{background:#dfebb8!important;transform:translateY(-2px)}.hp-btn-ghost{color:#d6dfd1!important;border-color:#58775e66!important;background:#0a170eb3!important}.life-awaken:after{content:'';position:absolute;pointer-events:none;inset:10% 20%;border-radius:50%;background:radial-gradient(ellipse,#72b76b30,transparent 60%);animation:life-flash 2.5s ease-out forwards;z-index:2}@keyframes life-flash{0%{opacity:0;transform:scale(.6)}30%{opacity:1}100%{opacity:0;transform:scale(1.25)}}
.hp-section{max-width:1160px;margin:0 auto;padding:85px 36px}.hp-h2{font-weight:500!important;font-size:clamp(28px,3.7vw,48px)!important;letter-spacing:-.04em}.hp-lede{line-height:1.8!important;color:#9cb0a1!important;max-width:74ch}.hp-eyebrow{font-size:10px!important;letter-spacing:.1em!important;color:var(--gold)!important}.hp-index{color:#70937d!important}.hp-divider{opacity:.6}.hp-step-btn,.hp-card,.hp-contract,.hp-dev-item,.hp-faq details,.eng-panel{border-color:#294331!important;border-radius:8px!important}.hp-step-btn[aria-pressed=true]{border-color:var(--gold)!important;background:#17271b!important;color:#e6cf95!important}.hp-final{background:radial-gradient(ellipse at 50% 100%,#143923,transparent 65%);padding:90px 24px!important}.hp-phrase{font-weight:500!important}.hp-codeblock pre{max-width:100%;overflow-x:auto}.hp-section [class*=grid]>*{min-width:0}.hp-dev-grid{align-items:start}.hp-faq summary{padding-top:20px!important;padding-bottom:20px!important}
.app-content>main:not(.hp-page),.app-content>.eng-page,.app-content>div:not(.hp-page){min-height:calc(100svh - 240px)}.app-content>main:not(.hp-page){max-width:1120px!important;padding:48px 28px 70px!important}.app-content>div[style]{max-width:1120px!important;padding:48px 28px 70px!important}.app-content h1:not(.life-intro h1){font-size:clamp(32px,4vw,46px)!important;letter-spacing:-.045em;font-weight:500!important;margin-top:0}.eng-pagehead{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:24px}.eng-pagehead>p{max-width:80ch;line-height:1.8}.eng-panel{padding:24px!important;background:linear-gradient(130deg,#102219b3,#0a1712)!important;box-shadow:0 8px 35px #00000010;margin-bottom:20px}.eng-panel h2{font-weight:500;letter-spacing:-.025em}.eng-muted{line-height:1.8}.eng-input{background:#06100c!important;border-color:#35513c!important;border-radius:4px!important;min-height:44px}.eng-input:focus{border-color:var(--gold)!important}.eng-row{gap:12px}.eng-empty{background:#0b1912!important;padding:44px 24px!important;border:1px dashed #395940!important}.eng-empty__title{font-weight:500}.eng-btn{border-radius:4px!important}.eng-btn--primary{background:#badd9e!important;color:#122010!important;border-color:#badd9e!important}.eng-walletbar{border-style:dashed;background:#0f1d15!important}.eng-kv{gap:12px}.eng-table{display:block;max-width:100%;overflow-x:auto}.eng-addr{min-width:0;max-width:100%}pre,code{overflow-wrap:anywhere}input,textarea,select{max-width:100%;min-width:0}p{overflow-wrap:break-word}
.site-footer{border-top:1px solid var(--line);padding:38px 5vw;display:flex;gap:30px;align-items:center;justify-content:space-between}.footer-wordmark{font-size:14px;letter-spacing:.18em;text-decoration:none;color:var(--text);font-weight:700}.site-footer>p{color:#708d79;font-size:12px}.site-footer>nav{display:flex;gap:22px;font:10px var(--font-mono);color:#708d79}.site-footer a{color:#a8bba9;text-decoration:none}.site-footer a:hover{color:var(--gold)}
@media(max-width:1100px){.site-header{gap:22px;padding:0 24px}.site-header>nav{gap:17px}.header-launch{display:none}.life-side-label{display:none}}
@media(max-width:760px){.site-header{height:auto;min-height:95px;padding:17px 20px 0;flex-wrap:wrap;gap:14px}.site-brand{font-size:15px}.site-header>nav{width:100%;overflow-x:auto;margin:0;gap:23px;scrollbar-width:none}.site-header>nav::-webkit-scrollbar{display:none}.nav-link{font-size:11px;padding:0 0 14px}.life-hero.hp-hero{min-height:790px;height:calc(100svh - 95px);max-height:1000px}.life-intro{padding:32px 14px 0}.life-intro h1{font-size:clamp(35px,7.7vw,58px);margin-top:20px;letter-spacing:-.06em}.life-audience{max-width:310px;margin:0 auto;line-height:1.7;font-size:12px}.life-stage{inset:160px -15% 126px}.life-poster{object-fit:contain}.life-controls{bottom:18px;gap:8px;font-size:8px}.life-controls button{padding:8px}.life-hero-bottom{bottom:25px;left:20px;right:20px;display:flex;flex-direction:column;gap:16px}.life-bottom-note{display:none}.life-bottom-meta{font-size:8px;text-align:center}.life-bottom-meta br{display:none}.life-bottom-meta span{margin-left:10px}.hp-btn{font-size:11px!important;padding:13px 16px!important}.life-kicker{font-size:8px}.hp-section{padding:58px 22px}.hp-lede{font-size:14px!important}.hp-h2{line-height:1.15!important}.app-content>main:not(.hp-page),.app-content>div[style]{padding:32px 18px 55px!important}.eng-panel{padding:18px!important}.eng-row{align-items:stretch}.eng-row>.eng-input{flex:1 1 210px}.eng-panel h2{font-size:20px}.eng-muted{font-size:13px}.site-footer{padding:30px 22px;gap:18px;flex-wrap:wrap}.site-footer>p{margin:0}.site-footer>nav{width:100%;justify-content:space-between;gap:12px;font-size:9px}.hp-dev-grid{display:block!important}.hp-dev-item{margin-bottom:26px}.hp-svg{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.life-controls [data-awaken]{display:none}}

/* The scene shares the hero's atmosphere. Dark render-target pixels disappear
   into the page, and soft masks prevent any rectangular canvas/poster edge. */
.life-hero.hp-hero{background:radial-gradient(ellipse at 50% 64%,#10291b 0%,#0a1d14 24%,#07150f 49%,#06100c 77%)}
.life-stage{isolation:auto}
.life-poster,.life-canvas{mix-blend-mode:lighten;-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 80%,transparent 100%);mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 80%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
.life-hero:after{height:210px;background:linear-gradient(180deg,transparent 0%,#07100d 95%)}

.header-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}
.header-social{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:#c8cfc3;border:1px solid rgba(190,157,81,.18);border-radius:50%;transition:color .2s,border-color .2s,box-shadow .2s}
.header-social:hover,.header-social:focus-visible{color:#edca75;border-color:rgba(237,202,117,.65);box-shadow:0 0 18px rgba(190,157,81,.12)}
@media(max-width:680px){.header-actions{gap:10px}.header-social{width:32px;height:32px}.header-actions .header-launch{display:none}}
@media(max-width:760px){.header-actions{margin-left:auto}.site-header>nav{order:2}}

/* Public token address badge; independent of wallet and protocol config. */
.header-ca{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:36px;padding:8px 11px;border:1px solid #d9b96577;border-radius:5px;background:linear-gradient(115deg,#1c2315,#111a12);color:#edda9e;font:10px var(--font-mono);white-space:nowrap;cursor:pointer;isolation:isolate;flex-shrink:0;box-shadow:0 0 18px #d9b96516,inset 0 0 13px #d9b96507;transition:color .2s,border-color .2s}
.header-ca:before{content:'';position:absolute;inset:-1px;z-index:-1;border-radius:inherit;pointer-events:none;box-shadow:0 0 17px #dfba5a3d,0 0 32px #8e65b51c;animation:engram-ca-glow 4.8s ease-in-out infinite}
.header-ca:hover,.header-ca:focus-visible{color:#fff2c5;border-color:#f4d487;outline:2px solid #f4d48733;outline-offset:3px}
.header-ca-label{font-size:8px;letter-spacing:.08em;color:#bc9e5e;border-right:1px solid #c5aa5d44;padding-right:8px}
.header-ca-short{display:none}.header-ca-feedback{position:absolute;top:calc(100% + 9px);left:50%;transform:translateX(-50%);font:10px var(--font-mono);background:#122018;color:#f1dda7;border-radius:4px;pointer-events:none;box-shadow:0 4px 20px #0006}
.header-ca-feedback:not(:empty){padding:7px 11px;border:1px solid #bda15a66}
@keyframes engram-ca-glow{0%,100%{opacity:.35}50%{opacity:1}}
@media(max-width:1550px){.header-ca-full{display:none}.header-ca-short{display:inline}.site-header{gap:25px}.header-actions{gap:12px}}
@media(max-width:1050px) and (min-width:761px){.site-header{gap:15px;padding-left:20px;padding-right:20px}.site-header>nav{gap:13px}.site-brand{font-size:15px;gap:9px}.header-actions{gap:9px}.header-ca{gap:6px;padding:8px;font-size:9px}.header-ca-label{padding-right:6px}}
@media(max-width:900px) and (min-width:761px){.site-header{height:auto;min-height:100px;flex-wrap:wrap;padding-top:13px;gap:11px}.header-actions{margin-left:auto}.site-header>nav{order:2;width:100%;justify-content:center;margin:0;gap:26px}.nav-link{padding:0 0 13px}}
@media(max-width:760px){.site-header{column-gap:10px}.header-actions{gap:8px}.header-ca{font-size:9px;gap:6px;padding:7px 9px;min-height:32px}.header-ca-label{font-size:7px;padding-right:6px}}
@media(max-width:420px){.site-brand{font-size:12px;gap:8px;letter-spacing:.1em}.brand-glyph{width:17px}.header-ca{font-size:8px;padding:7px}.header-ca-label{display:none}.header-social{width:28px;height:28px}.site-header{padding-left:14px;padding-right:14px}.header-actions{gap:6px}}
@media(prefers-reduced-motion:reduce){.header-ca:before{animation:none;opacity:.65}}

/* Fine-voxel canopy fallback: three leaf-only overlays; the trunk and terrain
   stay steady. Transparent layers share the exact poster projection and mask. */
.life-canopy-glow{
  position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;
  pointer-events:none;opacity:0;z-index:0;mix-blend-mode:screen;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 80%,transparent 100%);
  mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 80%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect;
  animation:engram-canopy-breathe 13s ease-in-out infinite;
}
.life-canopy-glow-1{animation-delay:-1s}
.life-canopy-glow-2{animation-delay:-5.333s}
.life-canopy-glow-3{animation-delay:-9.666s}
.life-stage[data-mode=webgl] .life-canopy-glow{display:none}
@keyframes engram-canopy-breathe{
  0%,13.85%,53.85%,100%{opacity:0}
  29.23%,33.85%{opacity:.68}
}
@media(prefers-reduced-motion:reduce){.life-canopy-glow{display:none;animation:none}}
@media print{.life-canopy-glow{display:none;animation:none}}

/* ENGRAM typography refinement. Load after the existing and refinement CSS.
   Font binaries are self-hosted; no third-party font requests are made. */
@font-face{
  font-family:'Engram Cormorant';
  src:url('/fonts/cormorant-garamond-latin-wght-normal.woff2') format('woff2');
  font-style:normal;
  font-weight:300 700;
  font-display:swap;
}
@font-face{
  font-family:'Engram Manrope';
  src:url('/fonts/manrope-latin-wght-normal.woff2') format('woff2');
  font-style:normal;
  font-weight:200 800;
  font-display:swap;
}
:root{
  --font-ui:'Engram Manrope','Space Grotesk',system-ui,sans-serif;
  --font-display:var(--font-ui);
  --font-editorial:'Engram Cormorant',Georgia,'Times New Roman',serif;
  /* Existing hash, code, and financial-value styles retain --font-mono. */
}
body{
  font-family:var(--font-ui);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.life-intro h1{
  font-family:var(--font-editorial);
  font-size:clamp(54px,6.2vw,90px);
  font-weight:500;
  line-height:1.02;
  letter-spacing:-.035em;
  margin-top:18px;
  margin-bottom:12px;
  font-kerning:normal;
}
.life-intro h1 em{font-weight:500;font-style:normal}
.life-audience{font-family:var(--font-ui);font-weight:400;letter-spacing:.015em}
.hp-h2,.hp-phrase{
  font-family:var(--font-editorial)!important;
  font-weight:600!important;
  letter-spacing:-.025em!important;
  line-height:1.08!important;
  text-wrap:balance;
}
.hp-h2{font-size:clamp(36px,4.2vw,58px)!important}
.hp-phrase{font-size:clamp(42px,5vw,70px)!important}
.app-content h1:not(.life-intro h1){
  font-family:var(--font-editorial)!important;
  font-size:clamp(40px,4.6vw,56px)!important;
  font-weight:600!important;
  line-height:1.08;
  letter-spacing:-.025em!important;
}
.site-brand,.footer-wordmark,.nav-link,.header-launch,.hp-btn,.eng-btn{
  font-family:var(--font-ui);
}
.site-brand,.footer-wordmark{font-weight:700;letter-spacing:.16em}
.nav-link{font-weight:500;letter-spacing:.005em}
.hp-btn,.eng-btn,.header-launch{font-weight:600;letter-spacing:.015em}
.hp-lede{font-family:var(--font-ui);font-weight:400;letter-spacing:0}
.hp-card h3,.hp-flow-card h3,.hp-contract h3,.hp-dev-item h3,.eng-panel h2{
  font-family:var(--font-ui);
  font-weight:600;
  letter-spacing:-.025em;
}
.hp-faq summary{font-family:var(--font-ui);font-weight:500;letter-spacing:-.01em}
.life-side-label strong{font-family:var(--font-ui);font-weight:400}
.life-bottom-note{font-family:var(--font-ui);font-weight:400;letter-spacing:.015em}
@media(max-width:760px){
  .life-intro h1{font-size:clamp(40px,8.8vw,64px);letter-spacing:-.03em;line-height:1.06}
  .life-audience{font-size:12px;line-height:1.7}
  .hp-h2{font-size:clamp(34px,8vw,46px)!important;line-height:1.1!important}
  .hp-phrase{font-size:clamp(39px,9vw,54px)!important}
  .app-content h1:not(.life-intro h1){font-size:clamp(38px,9vw,48px)!important}
  .nav-link{letter-spacing:0}
}

/* ENGRAM ambient details. Purely decorative; no overlays cover interactive UI.
   mountAmbient() activates only elements intersecting the viewport. */
.engram-shell .site-header::before,
.engram-shell .site-footer::before,
.engram-shell .hp-section::after,
.engram-shell :is(.hp-card,.hp-flow-card,.hp-contract,.hp-dev-item,.eng-panel,.app-content article)::before,
.engram-shell :is(.hp-card,.hp-flow-card,.hp-contract,.hp-dev-item,.eng-panel,.app-content article)::after {
  content:"";
  position:absolute;
  pointer-events:none;
  user-select:none;
  opacity:.22;
  animation-play-state:paused;
}

.engram-shell :is(.hp-section,.hp-card,.hp-flow-card,.hp-contract,.hp-dev-item,.eng-panel,.app-content article,.site-footer) {
  position:relative;
}

/* A short line glides along the frame, never over navigation or page copy. */
.engram-shell .site-header::before {
  left:37%;bottom:-1px;width:20%;height:1px;
  background:linear-gradient(90deg,transparent,#bb8bf0 38%,#e5c98a 67%,transparent);
  animation:engram-frame-glide 19s ease-in-out infinite;
}
.engram-shell .site-footer::before {
  left:36%;top:-1px;width:24%;height:1px;
  background:linear-gradient(90deg,transparent,#9e73d6,#dac48b,transparent);
  animation:engram-frame-glide 23s ease-in-out -7s infinite;
}

/* L-shaped traces illuminate alternate corners, with long, quiet rests. */
.engram-shell :is(.hp-card,.hp-flow-card,.hp-contract,.hp-dev-item,.eng-panel,.app-content article)::before {
  top:7px;right:7px;width:28px;height:28px;
  background:linear-gradient(90deg,transparent,#ddc58c) right top/100% 1px no-repeat,
             linear-gradient(180deg,#ddc58c,transparent) right top/1px 100% no-repeat;
  animation:engram-gold-corner 13s ease-in-out infinite;
  animation-delay:var(--engram-motion-delay,0s);
}
.engram-shell :is(.hp-card,.hp-flow-card,.hp-contract,.hp-dev-item,.eng-panel,.app-content article)::after {
  bottom:7px;left:7px;width:24px;height:24px;
  background:linear-gradient(90deg,#af83df,transparent) left bottom/100% 1px no-repeat,
             linear-gradient(180deg,transparent,#af83df) left bottom/1px 100% no-repeat;
  animation:engram-violet-corner 17s ease-in-out infinite;
  animation-delay:var(--engram-motion-delay,0s);
}

/* Tiny lights occupy the section margin; these are never status indicators. */
.engram-shell .hp-section::after {
  right:38px;bottom:27px;width:5px;height:5px;border-radius:50%;
  background:#d7bd81;
  box-shadow:-14px 5px 0 -1px #9c73cf,-27px -3px 0 -1.5px #60b58e;
  animation:engram-margin-lights 14s ease-in-out infinite;
  animation-delay:var(--engram-motion-delay,0s);
}

/* The viewport controller changes decoration state only. This follows every
   animation shorthand so offscreen decorations actually remain paused. */
.engram-shell .site-header::before,
.engram-shell .site-footer::before,
.engram-shell .hp-section::after,
.engram-shell :is(.hp-card,.hp-flow-card,.hp-contract,.hp-dev-item,.eng-panel,.app-content article)::before,
.engram-shell :is(.hp-card,.hp-flow-card,.hp-contract,.hp-dev-item,.eng-panel,.app-content article)::after {
  animation-play-state:paused;
}
html[data-engram-motion="on"] .engram-shell .engram-ambient-visible::before,
html[data-engram-motion="on"] .engram-shell .engram-ambient-visible::after {
  animation-play-state:running;
}

/* Small interaction feedback preserves all existing actions and disabled states. */
.engram-shell :is(.eng-btn,.hp-btn,.header-launch,.life-controls button) {
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;
}
@media (hover:hover) {
  .engram-shell :is(.eng-btn,.hp-btn,.header-launch,.life-controls button):not(:disabled):not([aria-disabled="true"]):hover {
    box-shadow:0 0 18px #d4b97613;
  }
  .engram-shell :is(.hp-card,.hp-flow-card,.hp-contract,.hp-dev-item,.eng-panel,.app-content article):hover::before {
    filter:brightness(1.35);
  }
}

@keyframes engram-frame-glide {
  0%,100% {opacity:.18;transform:translateX(-32%)}
  43% {opacity:.62}
  58% {opacity:.38}
  75% {opacity:.18;transform:translateX(45%)}
}
@keyframes engram-gold-corner {
  0%,28%,66%,100% {opacity:.12}
  43% {opacity:.68}
  52% {opacity:.36}
}
@keyframes engram-violet-corner {
  0%,42%,86%,100% {opacity:.12}
  59% {opacity:.55}
  70% {opacity:.28}
}
@keyframes engram-margin-lights {
  0%,20%,77%,100% {opacity:.18;transform:translateY(0)}
  46% {opacity:.68;transform:translateY(-3px)}
  62% {opacity:.3;transform:translateY(-1px)}
}

@media(max-width:760px) {
  .engram-shell .hp-section::after {right:24px;bottom:20px}
  .engram-shell :is(.hp-card,.hp-flow-card,.hp-contract,.hp-dev-item,.eng-panel,.app-content article)::before,
  .engram-shell :is(.hp-card,.hp-flow-card,.hp-contract,.hp-dev-item,.eng-panel,.app-content article)::after {width:20px;height:20px}
}
@media(prefers-reduced-motion:reduce) {
  .engram-shell .site-header::before,
  .engram-shell .site-footer::before,
  .engram-shell .hp-section::after,
  .engram-shell :is(.hp-card,.hp-flow-card,.hp-contract,.hp-dev-item,.eng-panel,.app-content article)::before,
  .engram-shell :is(.hp-card,.hp-flow-card,.hp-contract,.hp-dev-item,.eng-panel,.app-content article)::after {
    animation:none!important;opacity:.23;transform:none;
  }
}