/* Homepage hero, "Cyber bloom": a wireframe flower opens on a light grid and the slogan
   decodes in the lower-left corner. The flower and decoding live in home-bloom.js. */
.at-home{--ink:#080808;--mint:#5eead4}
.cb-hero{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:radial-gradient(ellipse 55% 50% at 62% 45%,#0d1b1f,transparent 70%),var(--ink)}
.cb-bloom{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-2}
.cb-scan{position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(to bottom,#ffffff07 0 1px,transparent 1px 3px),radial-gradient(ellipse 80% 70% at 55% 45%,transparent 50%,#000a 100%)}

.cb-copy{position:absolute;left:clamp(24px,6vw,96px);bottom:clamp(36px,9vh,96px);max-width:min(760px,88vw);text-align:left}
.at-home .cb-copy h1{margin:0;font-size:clamp(40px,6.6vw,108px);font-weight:500;line-height:1;letter-spacing:-.055em}
.cb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cb-decode{display:block;min-height:2em;text-shadow:0 0 24px #5eead433}
.cb-decode>span{white-space:nowrap}
.cb-decode .is-scrambling{color:#8ff3dd}
.cb-accent{background:linear-gradient(100deg,#fff 10%,#b8f7e1 45%,var(--lilac) 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cb-decode i{font-style:normal;color:var(--mint);opacity:.85;-webkit-text-fill-color:var(--mint)}
.cb-caret{display:inline-block;width:.42em;height:.08em;margin-left:.08em;background:var(--mint);box-shadow:0 0 12px var(--mint);vertical-align:baseline;animation:cb-blink 1s steps(2) infinite}
.cb-hero.is-glitch .cb-decode{text-shadow:-3px 0 #ff3d7f99,3px 0 #38bdf899;translate:2px 0}
.at-home .cb-sub{margin-top:28px;font-size:16px;line-height:1.7;color:#b9c4c0;max-width:460px}
.at-home .cb-actions{justify-content:flex-start;margin-top:30px}
.at-home .at-primary{background:#d5f9e9;color:#10271e;border-color:#d5f9e9;box-shadow:0 0 30px #aaffdb15}
.at-home .at-primary:hover{background:#fff;box-shadow:0 0 40px #aaffdb30}
.at-home .cb-hero .at-scroll{left:auto;right:clamp(24px,6vw,96px);bottom:clamp(36px,9vh,96px);transform:none}

@media(prefers-reduced-motion:no-preference){
  .at-home .cb-sub{animation:cb-rise .9s 3.3s cubic-bezier(.16,1,.3,1) both}
  .at-home .cb-actions{animation:cb-rise .9s 3.45s cubic-bezier(.16,1,.3,1) both}
  .at-home .at-wide-nav,.at-home .cb-hero .at-scroll{animation:cb-fade 1s 3.5s ease-out both}
}
@keyframes cb-rise{from{opacity:0;translate:0 16px}}
@keyframes cb-fade{from{opacity:0}}
@keyframes cb-blink{to{visibility:hidden}}

@media(max-width:760px){
  .cb-copy{left:20px;right:20px;bottom:36px}
  .at-home .cb-hero .at-scroll{display:none}
  .at-home .cb-sub{font-size:14px;margin-top:20px}
  .at-home .cb-actions{flex-direction:column;align-items:stretch;max-width:260px}
}