/* Two optical layers: clear floating controls, quieter content material.
   Real backdrop blur preserves the content behind the glass; edge highlights
   and contact shadows convey thickness without a heavy opaque black fill. */
.home-page{isolation:isolate;background:#06100c}
.ambient-atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;opacity:1}
.ambient-atmosphere svg{display:block;width:100%;height:100%;min-height:100svh}
.ambient-jade{transform-origin:1130px 360px;animation:ambient-jade-drift 40s cubic-bezier(.45,0,.55,1) infinite alternate}
.ambient-sage{transform-origin:180px 800px;animation:ambient-sage-drift 48s cubic-bezier(.45,0,.55,1) infinite alternate}
.site-header{position:fixed}
.home-page .main-nav{
  position:relative;isolation:isolate;background:linear-gradient(150deg,#f0fff014,#effff204 42%,#b5d5c10b),rgba(13,25,19,.38);
  border:1px solid #edfff326;backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);
  box-shadow:inset 0 1px 0 #fff5,inset 0 -1px 0 #07130b66,0 16px 48px #0003,0 2px 8px #0002
}
.home-page .main-nav:before,.home-page .craft-transport:before{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;padding:1px;
  background:linear-gradient(135deg,#ffffff70,#ffffff06 27%,#c4f4de20 65%,#ffffff40);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude
}
.home-page .desktop-links{color:#d6e2d7}
.home-page .feature,.home-page .release-panel{
  border:1px solid #dcefe026;border-radius:32px;
  background:linear-gradient(145deg,#e4f3e610,#dfffe803 45%,#b8d6c109),rgba(15,26,20,.5);
  backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);
  box-shadow:inset 0 1px 0 #ffffff24,inset 0 -1px 0 #030b0866,0 24px 64px #0003;
  transition:opacity .9s var(--ease),transform 1.05s var(--ease),border-color .7s var(--ease)
}
.home-page .feature:hover{transform:none;border-color:#e6f7e83d}
.home-page .feature-copy{background:rgba(13,23,17,.14)}
.home-page .feature-visual{background:radial-gradient(ellipse at 40% 36%,#b8e0c00c,transparent 65%)}
.home-page .feature-copy>p,.home-page .freedom-details p{color:#bcc8ba}
.home-page .feature-facts p,.home-page .scene-instruction{color:#a4b39e}
.home-page .feature-jump a,.home-page .art-caption,.home-page .principles{
  background:linear-gradient(150deg,#effff010,#effff204),rgba(28,44,34,.28);border-color:#e2f4df2e;
  backdrop-filter:blur(16px) saturate(1.35);-webkit-backdrop-filter:blur(16px) saturate(1.35);
  box-shadow:inset 0 1px 0 #ffffff20,0 8px 24px #0002
}
.home-page .feature-jump a:hover{background:#d9f1d51c;border-color:#e5f5e654}
.home-page .demo-desk{border-radius:28px;background:#07140c30;border-color:#daeada14;box-shadow:inset 0 1px 0 #ffffff0c}
.home-page .scene-segments{background:#06110833;border-color:#efffeb12;border-radius:12px}
.home-page .scene-segments button{color:#b5c3b2;border-radius:8px}
.home-page .scene-segments button.selected,.home-page .growth-options button.selected{
  color:#f3f8ed;background:linear-gradient(155deg,#e6f6db33,#c0dcc11a);border-color:#f0ffdf45;
  box-shadow:inset 0 1px 0 #ffffff40,inset 0 -1px 0 #00170826,0 3px 10px #0003
}
.home-page .language-switch{background:#00140624;border-color:#ecffe11c;box-shadow:inset 0 1px 2px #0002}
.home-page .language-switch a[aria-current=true]{background:#e4f6dd1c;box-shadow:inset 0 1px 0 #ffffff26,0 2px 8px #0002;color:#f1f8ec}
.home-page .faq-list details{background:#13221966;border-color:#d4e7cf1f;box-shadow:inset 0 1px 0 #ffffff12}
.home-page .faq-list details[open]{background:#23362966}
.home-page .primary-button{box-shadow:inset 0 1px 0 #f5ffe566,0 4px 24px #90bc6a20}
.home-page .primary-button:active{transform:scale(.98)}
.hollow-stage{isolation:isolate;min-height:480px}
#hollow-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:2;opacity:0;pointer-events:none;transition:opacity 1.05s var(--ease)}
.hollow-stage .hollow-visual{transition:opacity .8s var(--ease),visibility .8s var(--ease)}
.hollow-stage.hollow-ready #hollow-canvas{opacity:1}
.hollow-stage.hollow-ready .hollow-visual{opacity:0;visibility:hidden}
.hollow-stage .visual-note{z-index:3;pointer-events:none}
@keyframes ambient-jade-drift{from{transform:translate(0,0)}to{transform:translate(-80px,64px)}}
@keyframes ambient-sage-drift{from{transform:translate(0,0)}to{transform:translate(64px,-64px)}}
@media(max-width:899px){.home-page .craft-chapter .feature-visual{border-radius:32px 32px 0 0}}
@media(max-width:699px){html{scroll-padding-top:96px}.home-page .main-nav{backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4)}.home-page .feature,.home-page .release-panel{backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2)}.hollow-stage{min-height:360px}}
@media(prefers-reduced-motion:reduce){.ambient-atmosphere *{animation:none!important}}
@media(prefers-reduced-transparency:reduce){.home-page .main-nav,.home-page .feature,.home-page .release-panel,.home-page .craft-transport{background:#14231b;backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.home-page .main-nav,.home-page .feature,.home-page .craft-transport{background:#14231b}}