:root{--white:#fff;--ink:#111;--cobalt:#2f63ff;--letters:#e9e9e9;--u:min(calc(100vw / 1440), calc(100vh / 960));--edge-px:44.8vh;--bg-edge-px:82.9vh;--ph:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--white);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Archivo,Noto Sans HK,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:clip}.track{background:var(--white);width:100%;position:relative}.nav{z-index:30;width:100%;padding:calc(28 * var(--u)) calc(36 * var(--u));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0}.nav a,.nav button{pointer-events:auto;color:var(--ink);cursor:pointer;background:0 0;border:none;font-family:Archivo,Noto Sans HK,sans-serif;text-decoration:none}.nav-logo{font-weight:600;font-size:calc(30 * var(--u));letter-spacing:-.05em;color:var(--ink);-webkit-user-select:none;user-select:none;line-height:1}.nav-links{align-items:center;gap:calc(40 * var(--u));display:flex}.nav-item{font-weight:500;font-size:calc(20 * var(--u));text-transform:uppercase;letter-spacing:.1em;color:var(--ink);line-height:1;transition:opacity .2s}.nav-item:hover{opacity:.6}.nav-pill{font-weight:500;font-size:calc(20 * var(--u));text-transform:uppercase;letter-spacing:.1em;color:var(--ink);padding:calc(16 * var(--u)) calc(30 * var(--u));border:2px solid #11111147;border-radius:999px;line-height:1;transition:background-color .25s,color .25s,border-color .25s}.nav-pill:hover{background-color:var(--ink);color:var(--white);border-color:var(--ink)}.scene{background:linear-gradient(to bottom, var(--white) 0px, var(--white) var(--bg-edge-px), var(--ink) var(--bg-edge-px), var(--ink) 100%);width:100%;height:100lvh;position:sticky;top:0;overflow:hidden}.hero-video{z-index:1;pointer-events:none;will-change:transform;max-width:none;display:block;position:absolute}.giant-letters-wrap{width:100%;height:var(--edge-px);z-index:2;pointer-events:none;mix-blend-mode:darken;position:absolute;top:0;left:0;overflow:hidden}.giant-letters{left:0;bottom:calc(-8 * var(--u));font-family:Anton,Noto Sans HK,sans-serif;font-weight:900;font-size:calc(250 * var(--u));letter-spacing:-.01em;color:var(--letters);white-space:nowrap;-webkit-user-select:none;user-select:none;will-change:transform;line-height:.84;position:absolute;transform:translate(100vw)}.speed-readout{left:calc(26 * var(--u));top:calc(52 * var(--u));z-index:3;font-family:JetBrains Mono,monospace;font-weight:400;font-size:calc(10.5 * var(--u));letter-spacing:.06em;color:var(--ink);opacity:var(--ph);pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1;transition:opacity .45s cubic-bezier(.22,1,.36,1);position:absolute}.band{left:0;top:var(--edge-px);z-index:4;pointer-events:none;width:100%;position:absolute;bottom:0}.strip{top:calc(76 * var(--u));align-items:flex-start;gap:calc(120 * var(--u));color:var(--white);will-change:transform;pointer-events:auto;flex-direction:row;display:flex;position:absolute;left:0;transform:translate(100vw)}.lead-block{align-items:flex-start;gap:calc(64 * var(--u));flex-direction:row;flex-shrink:0;display:flex}.lead-headline{font-family:Anton,Noto Sans HK,sans-serif;font-weight:900;font-size:calc(56 * var(--u));letter-spacing:.005em;text-transform:uppercase;color:var(--white);white-space:nowrap;line-height:1.04}.lead-headline .accent-cobalt{color:var(--cobalt);display:block}.lead-copy{width:calc(265 * var(--u));gap:calc(16 * var(--u));padding-top:calc(4 * var(--u));flex-direction:column;display:flex}.lead-copy p{font-family:Archivo,Noto Sans HK,sans-serif;font-weight:400;font-size:calc(12.5 * var(--u));color:#ffffff9e;line-height:1.56}.cards-row{flex-direction:row;align-items:stretch;display:flex}.service-card{width:calc(270 * var(--u));padding:0 calc(30 * var(--u));--s:-40%;border-left:1px solid #ffffff1f;flex-direction:column;flex-shrink:0;align-items:flex-start;display:flex;position:relative}.service-card:first-child{border-left:none}.card-icon{width:calc(38 * var(--u));height:calc(38 * var(--u));margin-bottom:calc(24 * var(--u));color:var(--white);flex-shrink:0}.card-icon svg{width:100%;height:100%;display:block}.card-reveal-text{background-image:linear-gradient(90deg, #fff 0%, #fff calc(var(--s) - 34%), #2f63ff calc(var(--s) - 6%), #2f63ff00 calc(var(--s) + 26%), #2f63ff00 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.card-title{font-family:Anton,Noto Sans HK,sans-serif;font-weight:700;font-size:calc(24 * var(--u));text-transform:uppercase;letter-spacing:.01em;margin-bottom:calc(14 * var(--u));white-space:nowrap;line-height:1.1}.card-body{font-family:Archivo,Noto Sans HK,sans-serif;font-weight:400;font-size:calc(12.5 * var(--u));line-height:1.54}.services-pill{left:50%;bottom:calc(36 * var(--u));transform:translate3d(-50%, calc((1 - var(--ph)) * 24px), 0);opacity:var(--ph);font-family:Archivo,Noto Sans HK,sans-serif;font-weight:500;font-size:calc(10.5 * var(--u));text-transform:uppercase;letter-spacing:.1em;color:var(--white);padding:calc(11 * var(--u)) calc(22 * var(--u));cursor:pointer;pointer-events:auto;white-space:nowrap;background:0 0;border:1px solid #ffffff47;border-radius:999px;line-height:1;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1),background-color .25s,color .25s,border-color .25s;position:absolute}.services-pill:hover{background:var(--white);color:var(--ink);border-color:var(--white)}.drawer-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#1111118c;transition:opacity .3s;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer-panel{z-index:61;background:var(--ink);width:min(440px,100vw);color:var(--white);flex-direction:column;justify-content:space-between;padding:36px 32px;transition:transform .38s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.drawer-panel.open{transform:translate(0)}.drawer-header{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.drawer-tag{letter-spacing:.08em;text-transform:uppercase;color:#fff9;font-family:JetBrains Mono,monospace;font-size:11px}.drawer-close{color:var(--white);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:999px;padding:7px 14px;font-family:Archivo,sans-serif;font-size:11px;font-weight:500}.drawer-close:hover{background:var(--white);color:var(--ink)}.drawer-nav-list{flex-direction:column;gap:18px;margin:36px 0;list-style:none;display:flex}.drawer-nav-list button{color:var(--white);text-transform:uppercase;cursor:pointer;text-align:left;background:0 0;border:none;font-family:Anton,Noto Sans HK,sans-serif;font-size:32px;font-weight:700;line-height:1.15;transition:color .2s,transform .2s}.drawer-nav-list button:hover{color:var(--cobalt);transform:translate(6px)}.drawer-footer{color:#ffffff8c;border-top:1px solid #ffffff1f;padding-top:20px;font-size:12px;line-height:1.6}@media (width<=767px),(orientation:portrait){:root{--u:min(calc(100vw / 430), 1.4px)}.nav{padding:20px}.nav-logo{font-size:26px}.nav-hide-mobile{display:none}.nav-links{gap:18px}.nav-item,.nav-pill{font-size:16px}.nav-pill{border-width:1.5px;padding:12px 22px}.giant-letters{font-size:calc(145 * var(--u));bottom:calc(-4 * var(--u))}.speed-readout{font-size:11px;top:22px;left:20px}.strip{top:calc(44 * var(--u));gap:calc(56 * var(--u));padding-left:22px}.lead-block{gap:calc(20 * var(--u));flex-direction:column}.lead-headline{font-size:calc(42 * var(--u));white-space:normal}.lead-copy{width:calc(300 * var(--u));gap:calc(10 * var(--u));padding-top:0}.lead-copy p{font-size:calc(13 * var(--u));line-height:1.45}.service-card{width:calc(250 * var(--u));padding:0 calc(24 * var(--u))}.card-icon{width:calc(34 * var(--u));height:calc(34 * var(--u));margin-bottom:calc(18 * var(--u))}.card-title{font-size:calc(22 * var(--u));margin-bottom:calc(10 * var(--u));white-space:normal}.card-body{font-size:calc(13 * var(--u));line-height:1.45}.services-pill{bottom:calc(24 * var(--u));padding:10px 18px;font-size:10px}}