:root{--bg:#041316;--panel:#081e23;--ice:#c8f4ff;--cyan:#8adbec;--muted:#5f8f99;--line:#173a42}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ice);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}body{background:radial-gradient(circle at 68% 45%,#0b2b32 0,transparent 35%),#041316}.shell{height:100dvh;display:grid;grid-template-rows:64px 1fr 42px;padding:0 28px;position:relative}.scan{position:fixed;inset:0;pointer-events:none;z-index:20;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px);mix-blend-mode:screen}.noise{position:fixed;inset:0;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}header,footer{display:flex;align-items:center;justify-content:space-between;border-color:var(--line);position:relative;z-index:5}header{border-bottom:1px solid var(--line)}footer{border-top:1px solid var(--line);font-size:10px;color:var(--muted);letter-spacing:.12em}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:12px;letter-spacing:.08em}.brand img{width:30px;height:30px;image-rendering:pixelated}.brand b{color:var(--muted);font-weight:500}.status{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.status i{width:7px;height:7px;background:#a9f7d1;box-shadow:0 0 12px #a9f7d1;animation:blink 1.5s steps(1) infinite}.stage{min-height:0;position:relative;display:grid;grid-template-columns:42% 58%;align-items:center}.hero-copy{z-index:4;padding-left:4vw}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--muted);margin-bottom:18px}.hero-copy h1{font-family:Arial Black,Impact,sans-serif;font-size:clamp(44px,6vw,96px);line-height:.82;letter-spacing:-.065em;margin:0;color:#e5fbff}.hero-copy h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--cyan)}.hero-copy p{color:#78a9b2;font-size:12px;margin:20px 0 22px}.actions{display:flex;gap:9px}.btn{height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border:1px solid #37616a;color:var(--ice);text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.08em;cursor:pointer;transition:.15s;background:rgba(5,22,26,.7)}.btn:hover{transform:translateY(-2px);border-color:var(--ice);box-shadow:0 7px 0 #0d343d}.btn.primary{background:var(--ice);color:#06181c;border-color:var(--ice)}.btn span{font-size:8px;margin-left:8px;color:#67919a}.btn[aria-disabled=true]{opacity:.5;cursor:default;transform:none;box-shadow:none}.links{display:flex;gap:20px;margin-top:16px}.links a{color:#7faab2;text-decoration:none;font-size:9px;letter-spacing:.1em}.links a:hover{color:var(--ice)}.machine{position:relative;height:100%;display:flex;align-items:center;justify-content:center}.laptop{width:min(58vh,590px);max-width:75%;image-rendering:auto;position:relative;z-index:2;filter:drop-shadow(0 30px 35px rgba(0,0,0,.55));animation:float 5s ease-in-out infinite}.halo{position:absolute;width:48vh;height:48vh;border:1px solid #17434c;border-radius:50%;box-shadow:0 0 80px rgba(91,213,238,.09),inset 0 0 60px rgba(91,213,238,.05);animation:spin 18s linear infinite}.halo:before,.halo:after{content:"";position:absolute;inset:10%;border:1px dashed #24515a;border-radius:50%}.halo:after{inset:25%;border-style:solid}.float{position:absolute;width:110px;height:76px;overflow:hidden;border:1px solid #31535a;background:#07171a;z-index:3;box-shadow:8px 8px 0 rgba(0,0,0,.22)}.float img{width:100%;height:100%;object-fit:cover;opacity:.75}.f1{right:7%;top:19%;transform:rotate(4deg);animation:drift 6s ease-in-out infinite}.f2{left:4%;bottom:18%;transform:rotate(-5deg);animation:drift 7s ease-in-out infinite reverse}.f3{right:12%;bottom:12%;transform:rotate(3deg);animation:drift 5s ease-in-out infinite}.ticker{position:absolute;left:0;right:0;bottom:18px;height:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;overflow:hidden;color:#477780;font-size:8px;letter-spacing:.16em}.ticker>span{padding:0 14px;color:#9bc7d0;border-right:1px solid var(--line);height:100%;display:flex;align-items:center}.ticker-track{display:flex;gap:22px;white-space:nowrap;animation:marquee 18s linear infinite;padding-left:22px}.ticker i{font-style:normal;color:#4e8995}.gallery{position:absolute;inset:0;pointer-events:none;opacity:.08}.gallery img{position:absolute;width:140px;height:90px;object-fit:cover;filter:grayscale(1)}.gallery img:nth-child(1){top:9%;left:2%;transform:rotate(-8deg)}.gallery img:nth-child(2){top:7%;right:2%;transform:rotate(7deg)}.gallery img:nth-child(3){bottom:12%;left:38%;transform:rotate(4deg)}.gallery img:nth-child(4){bottom:8%;right:1%;transform:rotate(-6deg)}#copyCa{background:none;border:0;color:var(--muted);font:inherit;letter-spacing:.1em;cursor:pointer}#copyCa strong{color:var(--ice);font-weight:500}#copyCa small{margin-left:7px;border:1px solid var(--line);padding:3px 5px}@keyframes float{50%{transform:translateY(-12px)}}@keyframes drift{50%{translate:0 -12px;rotate:2deg}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.25}}@keyframes marquee{to{transform:translateX(-35%)}}
@media(max-width:760px){.shell{padding:0 14px;grid-template-rows:52px 1fr 36px}.brand span{font-size:10px}.brand b,.status span{display:none}.stage{grid-template-columns:1fr;align-items:start}.hero-copy{padding:7vh 4px 0;text-align:center}.eyebrow{margin-bottom:12px}.hero-copy h1{font-size:clamp(44px,15vw,70px)}.hero-copy p{margin:14px 0}.actions,.links{justify-content:center}.machine{position:absolute;inset:43% 0 10%;opacity:.82}.laptop{width:min(44vh,78vw)}.halo{width:35vh;height:35vh}.float{display:none}.ticker{bottom:4px}.gallery{display:none}footer>span{display:none}footer{justify-content:center}.btn{height:40px;padding:0 13px}.links{margin-top:12px}.hero-copy p{font-size:10px}}
