body{background:#f4f7fc;color:#132440;overflow-x:hidden}header{background:#050914;color:#f6f9ff;border-color:#15233d;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:#fff;font:700 16px/1 'Manrope',sans-serif;letter-spacing:1.5px}.brand>span{display:flex;align-items:center}.brand-light{font-weight:400;color:#9fb0ca}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #31517d;border-radius:9px;background:linear-gradient(135deg,#111d33,#080e1b);font-size:12px}.brand-mark span{color:#3d95ff}.brand small{margin-left:12px;color:#7085a3;font-size:8px;letter-spacing:1.7px}.pill{border-color:#2c4264;color:#a9b9cf;background:#0b1323}
.hero{min-height:330px;margin:0 calc(-3vw);padding:38px 3vw 30px;background:radial-gradient(circle at 80% 50%,#10315b 0,transparent 25%),linear-gradient(120deg,#050914 0%,#08101e 64%,#07152b 100%);color:#f7faff;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);align-items:center;overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(61,149,255,.04) 1px,transparent 1px),linear-gradient(rgba(61,149,255,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent 20%,#000);z-index:-1}.hero-copy{position:relative;z-index:2}.hero .eyebrow{color:#7facdf;display:flex;gap:10px;align-items:center}.hero .eyebrow i{width:7px;height:7px;border-radius:50%;background:#3d95ff;box-shadow:0 0 15px #3d95ff;animation:pulse 2s ease-in-out infinite}.hero .eyebrow span{color:#3c506d}.hero h1{font-size:clamp(40px,5vw,66px);line-height:.98;letter-spacing:-3px;margin:20px 0}.hero h1 br{display:block}.hero h1 em{background:linear-gradient(90deg,#45a2ff,#8f7cff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:#9fb0c8;max-width:590px;font-size:14px}.hero p br{display:block}.hero .profiles{position:static;margin:22px 0 0}.hero .profiles button{border-color:#263d5f;color:#aec0d7;background:#0b1527}.hero .profiles .active{background:#1269d3;border-color:#328ef5;color:#fff;box-shadow:0 8px 30px #0968dc35}.hero .download-link{color:#73b4ff;margin-top:13px}
.hero-system{height:270px;position:relative;perspective:900px;transform-style:preserve-3d;transition:transform .25s ease-out}.system-grid{position:absolute;inset:10% 3%;border:1px solid #23466e;background:linear-gradient(90deg,#2b67a825 1px,transparent 1px),linear-gradient(#2b67a825 1px,transparent 1px);background-size:30px 30px;transform:rotateX(62deg) rotateZ(-10deg);filter:drop-shadow(0 0 18px #1676e840)}.orbit{position:absolute;left:50%;top:50%;border:1px solid #347fd1;border-radius:50%;transform:translate(-50%,-50%);opacity:.55}.orbit-a{width:245px;height:245px;animation:spin 16s linear infinite}.orbit-a:before,.orbit-b:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#6cb5ff;box-shadow:0 0 14px #4da3ff}.orbit-a:before{left:21px;top:30px}.orbit-b{width:175px;height:175px;border-style:dashed;animation:spinReverse 11s linear infinite}.orbit-b:after{right:-4px;top:80px}.ai-core{position:absolute;left:50%;top:50%;width:100px;height:100px;transform:translate(-50%,-50%);border-radius:25px;display:grid;place-items:center;background:linear-gradient(145deg,#16365e,#081426);border:1px solid #4d97e8;box-shadow:0 0 50px #1683f855,inset 0 0 28px #1d83dc22;animation:float 5s ease-in-out infinite}.ai-core span{font:700 30px 'Manrope';color:#fff}.ai-core small{position:absolute;right:-42px;bottom:8px;color:#6da5df;font-size:7px;letter-spacing:1.4px}.float-chip{position:absolute;padding:8px 11px;border:1px solid #31527d;border-radius:8px;background:#091426cc;backdrop-filter:blur(8px);font-size:9px;letter-spacing:1px;color:#b4ccec;box-shadow:0 8px 25px #0005}.chip-ai{left:12%;top:18%;animation:drift 6s ease-in-out infinite}.chip-mac{right:8%;top:32%;animation:drift 7s ease-in-out -2s infinite}.chip-apps{left:17%;bottom:14%;animation:drift 5.5s ease-in-out -1s infinite}.scan-line{position:absolute;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#4ba3ff,transparent);box-shadow:0 0 15px #42a0ff;animation:scan 5s linear infinite}.signal-strip{margin:0 calc(-3vw);overflow:hidden;background:#1269d3;color:#fff;padding:8px 0;font-size:8px;letter-spacing:1.6px;white-space:nowrap}.signal-strip>div{display:inline-flex;gap:22px;align-items:center;min-width:max-content;animation:ticker 25s linear infinite}.signal-strip b{color:#9fd0ff}
/* One full-width category section at a time, with compact app tiles like macapps.link. */
#grid{display:block}.app-section{display:block;width:100%;margin:28px 0 42px;opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}.app-section.in-view{opacity:1;transform:none}.group-heading{display:flex;margin:0 0 12px;padding-bottom:10px;border-bottom:2px solid #cfe0f7}.group-heading p{display:block}.section-number{display:inline-block}.app-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 14px}.card{transition:background .18s ease,transform .18s ease}.card:hover{transform:translateX(3px)}
@keyframes pulse{50%{opacity:.45;transform:scale(.75)}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spinReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes float{50%{transform:translate(-50%,calc(-50% - 8px)) rotate(2deg)}}@keyframes drift{50%{transform:translateY(-10px)}}@keyframes scan{0%{top:12%;opacity:0}15%,85%{opacity:.8}100%{top:88%;opacity:0}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(max-width:1250px){.app-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1000px){.app-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{grid-template-columns:1fr;min-height:auto}.hero-system{position:absolute;width:380px;height:260px;right:-110px;top:25px;opacity:.42}.hero-copy{max-width:75%}.hero .profiles{display:flex}.hero h1{font-size:42px}}@media(max-width:720px){.app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){header .pill{display:none}.brand small{display:none}.hero{padding-top:30px;padding-bottom:25px}.hero-system{right:-170px;opacity:.3}.hero-copy{max-width:100%}.hero h1{font-size:36px;max-width:85%}.hero p{max-width:78%}.hero .profiles{display:flex;flex-wrap:wrap}.signal-strip{padding:6px 0}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.group-heading p,.section-number{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.app-section{opacity:1;transform:none}.card:hover{transform:none}}
.legacy-download{display:inline-block;margin-top:3px;color:#69b4ff;font-size:8px;font-weight:800;letter-spacing:.35px;text-transform:uppercase;text-decoration:none}.legacy-download:hover{text-decoration:underline}.card:has(.legacy-download){min-height:88px}
.sectionhead{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,#050914 78%,transparent);padding-top:14px;padding-bottom:18px}.sectionhead{isolation:isolate}.sectionhead h2{color:#f6f9ff;text-shadow:0 1px 18px #3d95ff22}.sectionhead p{color:#9fb6d3}.sectionhead #count{background:#15335b;color:#a9d1ff}.sectionhead input{padding-right:54px}.sectionhead kbd{position:absolute;right:calc(3vw + 13px);margin-top:13px;padding:3px 7px;border:1px solid #35577d;border-radius:5px;background:#0b1729;color:#8fb6df;font:700 9px Manrope;pointer-events:none}.show-more{display:block;margin:18px auto 4px;padding:10px 18px;border:1px solid #2d5d91;border-radius:999px;background:#0a1830;color:#8fc5ff;font:700 10px Manrope;letter-spacing:.5px;text-transform:uppercase;cursor:pointer}.show-more:hover{border-color:#62adff;background:#102748;color:#fff}
@media(max-width:700px){.sectionhead kbd{display:none}.sectionhead{position:relative}}
.install-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.install-actions #launchTerminal{display:inline-block;border:0;background:#1269d3;color:#fff;padding:14px 20px;border-radius:8px;font-weight:700;text-decoration:none}.install-actions #launchTerminal[hidden],#terminalHint[hidden]{display:none}
