:root{color-scheme:dark;--bg:#080d0e;--text:#eef2ee;--muted:#a0aaa7;--line:#ffffff20;--max:1320px;--gutter:clamp(24px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:60px}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}img,svg{display:block}img{max-width:100%}[hidden]{display:none!important}.wrap{width:calc(100% - var(--gutter)*2);max-width:var(--max);margin-inline:auto}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #e4eae5;outline-offset:7px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;z-index:100;top:-100px;left:20px;background:#fff;color:#12191a;padding:12px 20px}.skip-link:focus{top:16px}
.site-header{position:absolute;z-index:20;left:0;right:0;top:0;padding:30px var(--gutter);max-width:calc(var(--max) + var(--gutter)*2);margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px}.brand img{width:40px;height:38px;object-fit:contain}.brand>span{font-size:25px;font-weight:600;letter-spacing:-1px}.site-nav{display:flex;gap:38px;align-items:center}.site-nav>a{font-size:14px;color:#dde3e1;text-shadow:0 1px 12px #000;transition:opacity .25s}.site-nav>a:hover{opacity:.65}.site-nav>a:last-child{border:1px solid #ffffff40;border-radius:99px;padding:9px 23px}.menu-button{display:none}
.hero{position:relative;min-height:820px;height:100svh;max-height:1150px;isolation:isolate;overflow:hidden;background:#04070b}.hero-worlds,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-worlds{overflow:hidden}.hero-worlds>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.world-galaxy{object-position:63% 46%;filter:brightness(.68) saturate(.8)}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(3,7,10,.65),rgba(3,7,10,.12) 60%,rgba(3,7,10,.15)),linear-gradient(0deg,rgba(3,8,10,.78),transparent 38%,rgba(2,5,9,.23))}.hero-heading{position:absolute;left:0;right:0;bottom:17%;z-index:3;pointer-events:none}.hero-heading>a{pointer-events:auto}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.19em;text-transform:uppercase;color:#c0c9c5}h1{font-size:clamp(70px,7.5vw,108px);line-height:.98;letter-spacing:-.065em;font-weight:370;margin-top:25px;max-width:600px}h1 em,h2 em{font-style:normal;font-weight:330;color:#d1dcd7}.hero-description{font-size:16px;letter-spacing:.03em;margin-top:24px;color:#d1dbd5}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:52px;padding:12px 24px;border-radius:99px;font-size:14px;font-weight:500;transition:background .25s,transform .3s}.button span{font-size:21px;font-weight:300}.button:hover{transform:translateY(-2px)}.button-light{background:#e9efea;color:#152019;box-shadow:0 8px 30px #0002;margin-top:30px}.button-light:hover{background:#fff}.button-outline{border:1px solid #ffffff50}.button-outline:hover{background:#ffffff0b}
.brand-stage{position:absolute;z-index:2;width:83vw;max-width:1440px;height:88%;right:-8%;top:3%;pointer-events:none;isolation:isolate}.mark-frame{position:absolute;inset:0}.mark-frame>svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 1px 12px #0b131f77)}.brand-fallback{position:absolute;left:23%;top:16%;width:61%;height:68%;object-fit:contain;opacity:.9}.brand-stage.is-ready .brand-fallback{display:none}.hero-bottom{position:absolute;z-index:4;left:0;right:0;bottom:30px;display:flex;align-items:center;justify-content:space-between}.scroll-label{display:flex;align-items:center;gap:15px;font-size:12px;color:#d2d9d5;letter-spacing:.06em}.scroll-track{display:block;width:1px;height:30px;background:linear-gradient(#fff9,#fff1)}.motion-controls{display:flex;align-items:center;gap:14px;border:1px solid #ffffff30;background:#07101455;backdrop-filter:blur(12px);padding:1px 16px;border-radius:99px}.motion-controls>span{font-size:12px;color:#a6b4ba}.motion-controls button{border:0;background:none;color:#e1e9e5;font-size:12px;min-height:42px;padding:5px 4px}.motion-controls button:hover{color:#fff}.motion-controls button:disabled{opacity:.45;cursor:default}
.section{padding-block:105px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:43px}.section-heading h2{margin-top:19px}h2{font-weight:380;font-size:clamp(34px,3.5vw,50px);line-height:1.1;letter-spacing:-.045em}.section-aside{color:#929f99;font-size:14px;padding-bottom:4px}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.app-card{--accent:#7eb6a6;min-width:0}.app-card-diavolo{--accent:#be475a}.app-card-defense{--accent:#8f9dce}.app-art{position:relative;display:grid;place-items:center;height:320px;overflow:hidden;border:1px solid #ffffff16;border-radius:3px;background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 62%),#101718;transition:border-color .3s}.app-card-diavolo .app-art{background:radial-gradient(ellipse at 50% 68%,#6e1b2930,transparent 65%),#171214}.app-card-defense .app-art{background:radial-gradient(ellipse at 50% 65%,#525b922b,transparent 68%),#10131b}.app-card:hover .app-art{border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.app-icon,.placeholder-icon{width:154px;height:154px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:34px;box-shadow:0 22px 70px #0005;object-fit:cover;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.app-card:hover .app-icon,.app-card:hover .placeholder-icon{transform:translateY(-7px) scale(1.03)}.placeholder-icon{display:grid;place-items:center;color:#b0d6c9;background:linear-gradient(145deg,#264137,#101c18)}.placeholder-icon svg{width:70px;height:70px}.app-card-defense .placeholder-icon{color:#bdc8eb;background:linear-gradient(145deg,#292f47,#131722)}.app-number{position:absolute;top:20px;left:22px;font-size:12px;color:#86958e;letter-spacing:.14em}.app-category{position:absolute;bottom:22px;font-size:12px;color:color-mix(in srgb,var(--accent) 45%,#c9d4cd);letter-spacing:.06em}.app-info{padding:24px 1px 0}.app-info h3{font-size:21px;font-weight:500;letter-spacing:-.025em;line-height:1.3}.app-info>p{font-size:16px;color:#92a198;margin-top:10px;min-height:52px;line-height:1.6}.store-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 17px;margin-top:21px;padding-top:17px;border-top:1px solid var(--line);font-size:12px;color:#b5c1b9}.store-row small{margin-left:auto;color:#829388;font-size:12px}
.company{position:relative;min-height:680px;height:83svh;max-height:930px;overflow:hidden;isolation:isolate;background:#101b18;display:flex;align-items:center}.company-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%;z-index:-2;filter:brightness(.9) saturate(.95)}.company-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#06100e90,#07110c10 80%),linear-gradient(0deg,#050c09a6,transparent 60%)}.company-content .eyebrow{color:#dce6df}.company h2{margin-top:28px;font-size:clamp(40px,5.2vw,75px);line-height:1.05;max-width:780px}.company-content>p:last-child{margin-top:25px;font-size:17px;line-height:1.7;color:#d5dfd5}.photo-note{position:absolute;bottom:32px;right:var(--gutter);font-size:12px;color:#c7d4cb;letter-spacing:.04em}.support{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:90px}.support h2{margin-top:21px;font-size:clamp(36px,4vw,56px)}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-block:30px;color:#94a29a;font-size:12px}footer .brand>img{width:33px;height:31px}footer .brand>span{font-size:21px;color:#d5ddd7}footer .footer-links{display:flex;align-items:center;gap:22px}footer a:hover{color:#fff}.image-credits{position:relative}.image-credits summary{cursor:pointer;list-style:none}.image-credits summary::-webkit-details-marker{display:none}.image-credits>div{position:absolute;z-index:25;bottom:30px;right:0;width:300px;border:1px solid #ffffff30;border-radius:5px;padding:18px;background:#111b18;box-shadow:0 10px 50px #000b;font-size:12px;color:#bdcbc1}.image-credits a{text-decoration:underline;text-underline-offset:3px}
.motion-enabled .reveal{opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}.motion-enabled .reveal.is-visible{opacity:1;transform:none}.app-grid .reveal:nth-child(2){transition-delay:.07s}.app-grid .reveal:nth-child(3){transition-delay:.14s}
@media(min-width:1700px){.brand-stage{right:0}.hero-heading{bottom:20%}}
@media(max-width:1100px){.site-nav{gap:28px}.hero{min-height:760px}.hero-heading{bottom:16%}h1{font-size:84px}.brand-stage{width:97vw;right:-18%;height:88%;top:1%}.app-art{height:285px}.app-grid{gap:20px}.app-icon,.placeholder-icon{width:135px;height:135px}.app-info h3{font-size:20px}.section-aside{max-width:210px}.company{min-height:610px}.company h2{font-size:58px}.store-row small{flex-basis:100%;margin:0}}
@media(max-width:800px){:root{--gutter:28px}.hero{min-height:800px;max-height:1100px}.hero-heading{bottom:12%}h1{font-size:74px}.brand-stage{top:0;right:-25%;width:130vw;height:68%}.section{padding-block:80px}.app-grid{gap:16px}.app-art{height:230px}.app-icon,.placeholder-icon{width:108px;height:108px;border-radius:24px}.placeholder-icon svg{width:53px;height:53px}.app-info h3{font-size:18px}.app-info>p{font-size:16px;min-height:100px}.app-category{font-size:12px}.store-row{gap:5px 10px}.company h2{font-size:50px}.support{padding-block:70px}.footer-links{gap:16px!important}.site-nav{gap:22px}}
@media(max-width:580px){:root{--gutter:22px}.site-header{padding-top:22px}.brand>span{font-size:24px}.brand img{width:35px;height:34px}.menu-button{display:flex;flex-direction:column;justify-content:center;gap:6px;border:1px solid #ffffff55;background:#09121144;backdrop-filter:blur(10px);border-radius:50%;padding:12px;width:44px;height:44px;z-index:31}.menu-button>span{height:1px;width:18px;background:#e6eee7;transition:transform .2s}.menu-button[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded=true]>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.site-nav{position:absolute;top:80px;left:22px;right:22px;background:#0b1513f5;border:1px solid #ffffff30;border-radius:8px;backdrop-filter:blur(22px);box-shadow:0 20px 60px #0008;display:none;padding:18px;flex-direction:column;align-items:stretch;gap:0}.site-nav.is-open{display:flex}.site-nav>a{padding:12px 9px;font-size:16px}.site-nav>a:last-child{border:0;padding:12px 9px}.hero{height:100svh;min-height:800px;max-height:1020px}.hero-heading{bottom:108px}.eyebrow{font-size:12px;letter-spacing:.13em}h1{font-size:clamp(60px,17vw,86px);line-height:.99;margin-top:17px;letter-spacing:-.06em}.hero-description{font-size:16px;margin-top:17px}.button{font-size:14px;min-height:50px;gap:30px;padding:11px 21px}.button-light{margin-top:23px}.brand-stage{top:60px;right:-28%;width:154vw;height:51%;max-width:none}.hero-shade{background:linear-gradient(0deg,#030a0ae3,transparent 80%),linear-gradient(90deg,#04101240,transparent)}.world-galaxy{object-position:62% 45%}.hero-bottom{bottom:23px}.motion-controls{gap:9px;padding-inline:13px}.scroll-label{font-size:12px;gap:10px}.section{padding-block:64px}.section-heading{display:block;margin-bottom:32px}.section-aside{display:block;margin-top:18px;font-size:14px}.section-heading h2{font-size:34px;margin-top:18px}.app-grid{grid-template-columns:1fr;gap:42px}.app-art{height:300px}.app-icon,.placeholder-icon{width:148px;height:148px;border-radius:33px}.placeholder-icon svg{width:65px;height:65px}.app-info{padding-top:21px}.app-info h3{font-size:23px}.app-info>p{min-height:0}.store-row{margin-top:19px;gap:10px 19px}.store-row small{flex-basis:auto;margin-left:auto}.app-number{top:20px}.company{height:82svh;min-height:590px;max-height:760px;align-items:end}.company-content{margin-bottom:105px}.company h2{font-size:clamp(36px,9.2vw,48px);line-height:1.12;margin-top:23px}.company-content>p:last-child{font-size:16px;margin-top:22px}.company-landscape{object-position:54% 50%}.company-shade{background:linear-gradient(0deg,#03110dde,transparent 100%)}.photo-note{font-size:12px;bottom:28px;left:22px;right:auto}.support{align-items:start;flex-direction:column;gap:28px;padding-block:62px}.support h2{font-size:36px;margin-top:17px}footer{display:grid;grid-template-columns:1fr auto;gap:20px 12px;padding-block:25px}footer>.footer-links{grid-column:1 / -1;justify-content:space-between;font-size:12px}.image-credits>div{max-width:calc(100vw - 44px)}}
@media(max-width:360px){.store-row small{flex-basis:100%;margin-left:0}.hero{min-height:790px}.hero-description{font-size:15px}.brand-stage{height:48%;top:60px}h1{font-size:59px}}
/* Static galaxy background. Scroll moves the page normally. */
.hero{height:100svh;min-height:600px;max-height:none}
.photo-credit{padding-block:18px;color:#aab5b0;font-size:12px;line-height:1.7}
.photo-credit a,.photo-note a{text-decoration:underline;text-underline-offset:3px}
.app-number{display:none}
.section-heading>h2{margin:0}
.hero-heading .button-light{margin-top:34px}
.motion-controls{background:transparent;border-color:transparent;backdrop-filter:none;padding-inline:0;gap:18px}
.motion-controls button{min-width:44px}
.app-art{border-color:transparent;border-radius:6px}
.app-card:hover .app-art{border-color:#ffffff22}
@media(max-width:580px){.hero{min-height:620px}.brand-stage{height:48%;top:65px}.photo-credit{font-size:11px}.photo-note{max-width:calc(100% - 44px)}}
@media(max-height:700px) and (min-width:581px){.hero{min-height:520px}h1{font-size:65px}.hero-heading{bottom:16%}.hero-description{margin-top:15px}.button-light{margin-top:20px}.brand-stage{height:100%;top:-4%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-enabled .reveal{opacity:1;transform:none}*,*:before,*:after{transition:none!important;animation:none!important}.hero{position:relative}.app-card:hover .app-icon,.app-card:hover .placeholder-icon{transform:none}}