.top .wrap{padding-right:1.6rem;}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center;}
.hero .hero-copy h1{font-size:clamp(2.3rem,5.2vw,3.9rem);max-width:none;}
.hero-art{position:relative;display:grid;place-items:center;}
.orb{position:relative;width:min(340px,100%);aspect-ratio:1;display:grid;place-items:center;}
.orb::before,.orb::after{content:"";position:absolute;border-radius:50%;}
.orb::before{inset:0;border:1px solid #2bb6ff55;background:radial-gradient(circle at 50% 45%,#1f6fff33,transparent 68%);box-shadow:0 0 90px -20px #2bb6ff88,inset 0 0 50px -24px #2bb6ff;}
.orb::after{inset:-10%;border:1px dashed #2bb6ff38;animation:hero-orbit 60s linear infinite;}
.orb img{position:relative;width:56%;height:auto;filter:drop-shadow(0 0 34px #2bb6ff88);animation:hero-float 7s ease-in-out infinite;}
.chip{position:absolute;display:inline-flex;align-items:center;padding:.45rem 1rem;border:1px solid #2d5c97;border-radius:999px;font-weight:700;font-size:.95rem;line-height:1.2;color:#eaf5ff;direction:ltr;background:linear-gradient(180deg,#1a3a68,#0a1d3b);box-shadow:inset 0 1px 0 #ffffff40,0 12px 20px -12px #000;animation:hero-float 6s ease-in-out infinite;}
.chip.c1{top:8%;right:-6%;}
.chip.c2{top:46%;left:-12%;animation-delay:-2s;}
.chip.c3{bottom:6%;right:2%;animation-delay:-4s;}
@keyframes hero-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-9px);}}
@keyframes hero-orbit{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion:reduce){.orb::after,.orb img,.chip{animation:none;}}
@media (max-width:860px){.hero-grid{grid-template-columns:minmax(0,1fr);}.hero-art{display:none;}}
html.a11y-contrast .hero-art{display:none;}
.shot-link{display:block;text-decoration:none;border-radius:14px;}
.canvas.tiles b{display:flex;align-items:flex-end;overflow:hidden;background:linear-gradient(180deg,#123a73,#0c2650);}
.canvas.tiles b:first-child::before{display:none;}
.canvas.tiles b::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.12),transparent 42%);}
.canvas.tiles svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 5px rgba(255,255,255,.2));}
.canvas.tiles svg [fill="#24508f"]{fill:rgba(232,242,255,.5);}
.canvas.tiles svg [fill="#1b3f78"]{fill:rgba(232,242,255,.66);}
.canvas.tiles svg [fill="#f0b429"]{fill:rgba(232,242,255,.42);}
.canvas.tiles svg [fill="#dce8fb"],.canvas.tiles svg [fill="#f4f8ff"]{fill:#0e2c5a;}
.canvas.tiles svg [stroke="#dce8fb"]{stroke:#0e2c5a;}
.canvas.tiles svg [stroke="#1b3f78"]{stroke:rgba(232,242,255,.8);}
.canvas.bars{flex-direction:row-reverse;}
.canvas.bars::after{content:"";position:absolute;inset:.9rem;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 282' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23e8f2ff' stroke-opacity='.62' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M46.5 163L149.2 101L251.9 141L354.6 50L457.3 90L560 18' stroke-width='2.5' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M544.1 20L560 18L552.7 32.3' stroke-width='2.5' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M46.5 163h.01M149.2 101h.01M251.9 141h.01M354.6 50h.01M457.3 90h.01' stroke-width='9' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat;filter:drop-shadow(0 0 6px rgba(255,255,255,.3));}
.canvas.build{display:flex;flex-direction:row;align-items:flex-end;justify-content:center;overflow:hidden;}
.canvas.build::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.1),transparent 42%);}
.canvas.build svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 5px rgba(255,255,255,.2));}