/* SHRIKE VR PLAYER – production landing page / original supplied brand assets. */
@font-face{font-family:InterSite;src:url('/assets/fonts/Inter-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:InterSite;src:url('/assets/fonts/Inter-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:InterSite;src:url('/assets/fonts/Inter-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:InterSite;src:url('/assets/fonts/Inter-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}

:root{--navy:#0B1020;--surface:#151D30;--navy-2:#151D30;--navy-3:#151D30;--white:#F4F7FB;--steel:#A8B3C7;--cyan:#25D9F8;--line:rgba(168,179,199,.17);--display:InterSite,Inter,'Segoe UI',Arial,sans-serif;--text:InterSite,Inter,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}::selection{background:var(--cyan);color:var(--navy)}.container{width:min(1180px,calc(100% - 72px));margin-inline:auto}.skip{position:absolute;top:-100px;left:12px;background:#fff;color:#000;padding:10px 20px;z-index:100}.skip:focus{top:12px}.topline{height:3px;background:var(--cyan)}.header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.brand{width:238px;flex:none;display:block}.brand img{width:100%;height:auto}.nav{display:flex;gap:32px;margin-left:auto}.nav a,.lang,.foot-note{font-size:13px;letter-spacing:.03em;color:var(--steel)}.nav a:hover,.lang:hover{color:var(--cyan)}.header-right{display:flex;align-items:center;gap:25px}.lang{border:1px solid var(--line);border-radius:12px;min-height:48px;display:flex;align-items:center;padding:11px 16px;white-space:nowrap}.lang strong{color:var(--white);font-weight:600}.status{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--cyan);font-weight:700;display:flex;align-items:center;gap:10px;white-space:nowrap}.status:before{content:"";width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--cyan);box-shadow:none}.hero{position:relative;min-height:660px;display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.92fr);align-items:center;gap:44px;padding-top:44px;padding-bottom:76px}.eyebrow{display:inline-flex;align-items:center;gap:14px;color:var(--cyan);font-size:11px;font-weight:700;letter-spacing:.23em;text-transform:uppercase}.eyebrow .rule{width:37px;height:1px;background:var(--cyan)}h1,h2,h3,p{margin-top:0}.hero h1{font-family:var(--display);font-size:clamp(42px,5.2vw,74px);line-height:1.13;letter-spacing:-.055em;font-weight:700;margin:34px 0 28px;max-width:700px}.hero h1 span{color:var(--cyan)}.hero-description{color:var(--steel);font-size:17px;line-height:1.8;max-width:530px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:42px}.button{background:var(--cyan);color:#07121d;border:1px solid var(--cyan);display:inline-flex;justify-content:space-between;gap:30px;padding:17px 23px;align-items:center;border-radius:12px;min-height:48px;font-size:13px;font-weight:700;letter-spacing:.03em;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#6ce8fb}.button .arrow{font-size:18px}.subtle{color:var(--steel);font-size:12px}.hero-side{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center}.hero-device{position:relative;isolation:isolate;width:min(84%,475px);aspect-ratio:1;background:#0B1020;border:0;box-shadow:none;border-radius:18%;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-device img{height:100%;width:100%;object-fit:contain;filter:none}.device-orbit{position:absolute;width:96%;height:96%;border:1px solid rgba(37,217,248,.15);border-radius:50%;transform:rotate(-24deg) scaleX(1.15);pointer-events:none}.device-caption{position:absolute;left:0;bottom:30px;color:var(--steel);font-size:10px;letter-spacing:.2em}.device-caption-right{right:0;left:auto}.metricbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metricinner{display:grid;grid-template-columns:repeat(3,1fr)}.metric{display:flex;align-items:center;gap:19px;min-height:99px;padding:0 38px;border-right:1px solid var(--line)}.metric:first-child{padding-left:0}.metric:last-child{border-right:0}.metric .n{font-family:var(--display);font-weight:700;font-size:22px;color:var(--cyan);flex:none}.metric .txt{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);line-height:1.5}.section{padding-top:121px;padding-bottom:128px}.sectiontop{display:flex;justify-content:space-between;gap:48px;align-items:flex-end;margin-bottom:50px}.sectiontop h2{font-family:var(--display);font-weight:700;font-size:clamp(30px,3.25vw,45px);letter-spacing:-.03em;line-height:1.3;margin:22px 0 0}.sectiontop h2 span{color:var(--cyan)}.sectiontop p{max-width:345px;font-size:15px;line-height:1.75;color:var(--steel);margin:0 0 3px}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.feature{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden;min-height:400px}.feature-art{height:208px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.feature-art:before{content:"";position:absolute;inset:0;background:transparent}.art-index{position:absolute;top:18px;left:23px;color:var(--steel);font-size:11px;letter-spacing:.15em}.feature-copy{padding:32px 29px}.feature-kicker{color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:.22em;margin-bottom:14px}.feature h3{font-size:22px;line-height:1.35;font-weight:600;letter-spacing:-.025em;margin:0 0 12px}.feature p{font-size:14px;line-height:1.75;color:var(--steel);margin:0}.library-visual{height:112px;width:160px;position:relative;perspective:400px}.library-visual span{position:absolute;width:115px;height:77px;border:1px solid rgba(37,217,248,.6);background:linear-gradient(130deg,#192940,#11182a);border-radius:9px;transform:skewY(-7deg)}.library-visual span:nth-child(1){left:0;top:10px;opacity:.55}.library-visual span:nth-child(2){left:22px;top:26px;opacity:.7}.library-visual span:nth-child(3){left:44px;top:42px;opacity:1;background:linear-gradient(130deg,#31506a,#101928)}.library-visual span:nth-child(3):after{content:'▶';position:absolute;inset:0;display:grid;place-items:center;font-size:22px;color:var(--cyan)}.eye-visual{display:flex;gap:12px;align-items:center}.eye-visual span{border:1px solid var(--cyan);border-radius:39% 39% 43% 43%;height:93px;width:114px;background:radial-gradient(circle at 50% 50%,rgba(37,217,248,.14),transparent 70%);position:relative}.eye-visual span:before{content:"";position:absolute;inset:17px;border:1px solid rgba(168,179,199,.42);border-radius:50%}.eye-visual span:after{content:"";position:absolute;inset:31px;border:1px solid rgba(37,217,248,.4);border-radius:50%}.control-visual{height:124px;width:124px;border:1px solid rgba(37,217,248,.45);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 20px rgba(37,217,248,.04),0 0 0 40px rgba(37,217,248,.025)}.control-visual span{color:var(--cyan);font-size:29px;line-height:1}.disclaimer{font-size:12px;line-height:1.65;color:#8894ac;margin-top:22px}.statement{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.statement-inner{min-height:435px;padding-top:86px;padding-bottom:85px;position:relative}.statement h2{font-family:var(--display);font-size:clamp(35px,5vw,64px);font-weight:700;letter-spacing:-.045em;line-height:1.32;max-width:760px;margin:25px 0}.statement p{max-width:550px;color:var(--steel);font-size:16px;line-height:1.75}.development{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;padding:125px 0}.development h2{font-size:clamp(35px,4vw,52px);line-height:1.24;letter-spacing:-.045em;font-family:var(--display);font-weight:700;margin:25px 0}.development h2 span{color:var(--cyan)}.development p{font-size:16px;color:var(--steel);line-height:1.75;max-width:470px}.status-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:36px 36px 27px}.status-card .cardtop{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:23px}.cardtop .mini{font-size:12px;letter-spacing:.14em;color:var(--steel)}.cardbody{text-align:center;padding:50px 20px 34px}.statusring{height:95px;width:95px;border:1px solid rgba(37,217,248,.4);border-radius:50%;margin:auto;display:grid;place-items:center;box-shadow:none}.statusring span{display:block;width:17px;height:17px;border-radius:50%;background:var(--cyan);box-shadow:none}.cardbody h3{margin:46px 0 10px;font-family:var(--display);font-size:23px;font-weight:700}.cardbody p{max-width:300px;margin:auto;font-size:13px}.cardrow{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:18px 0 0;margin-top:18px;font-size:12px}.cardrow span{color:var(--steel)}.cardrow strong{text-align:right;font-weight:600;color:var(--white)}.footer{border-top:1px solid var(--line);padding:42px 0 50px}.footerinner{display:flex;align-items:center;justify-content:space-between;gap:26px}.footerbrand{width:190px}.foot-note{line-height:1.6;text-align:right}.foot-note small{display:block;color:#77849b;margin-top:8px}.legal{font-size:11px;color:#8490a8;margin-top:16px;line-height:1.65}a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}@media(max-width:990px){.nav{display:none}.header{height:92px}.hero{grid-template-columns:1fr;gap:35px;padding-top:74px}.hero-side{min-height:380px}.hero-device{width:330px}.hero h1{max-width:780px}.metric{padding:0 19px;gap:13px}.features{grid-template-columns:1fr 1fr}.features .feature:last-child{grid-column:1/-1}.development{grid-template-columns:1fr 1fr;gap:5%}}@media(max-width:670px){.container{width:min(100% - 36px,1180px)}.header{height:78px}.brand{width:159px}.header-right{gap:12px}.status{font-size:9px;letter-spacing:.07em}.lang{padding:9px 12px;font-size:11px}.hero{padding-top:72px;padding-bottom:34px;min-height:auto;gap:5px}.eyebrow{font-size:10px;letter-spacing:.13em}.eyebrow .rule{width:22px}.hero h1{font-size:clamp(35px,8.8vw,54px);letter-spacing:-.058em;margin:23px 0 18px}.hero-description{font-size:15px;line-height:1.7}.hero-actions{margin-top:25px;gap:17px}.button{padding:15px 17px}.hero-side{min-height:330px}.hero-device{width:min(76%,340px)}.device-caption{bottom:24px;font-size:8px}.metricinner{grid-template-columns:1fr}.metric{min-height:77px;padding:0 12px!important;border-bottom:1px solid var(--line);border-right:none}.metric:last-child{border-bottom:0}.metric .n{font-size:18px;min-width:32px}.section{padding-top:80px;padding-bottom:84px}.sectiontop{display:block;margin-bottom:31px}.sectiontop h2{font-size:30px;margin-bottom:18px}.sectiontop p{font-size:14px}.features{grid-template-columns:1fr}.features .feature:last-child{grid-column:auto}.feature{min-height:0}.feature-art{height:170px}.feature-copy{padding:26px}.statement-inner{padding:76px 0;min-height:auto}.statement h2{font-size:35px}.statement p{font-size:14px}.development{grid-template-columns:1fr;padding:84px 0;gap:28px}.development h2{font-size:35px}.status-card{padding:26px 23px}.cardrow{flex-wrap:wrap}.footerinner{align-items:flex-start;flex-direction:column}.foot-note{text-align:left}.footerbrand{width:180px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}.zh body,.zh .hero-description{font-family:var(--text),'PingFang SC','Microsoft YaHei',sans-serif}.zh .hero h1,.zh .sectiontop h2,.zh .statement h2,.zh .development h2,.zh .cardbody h3{font-family:var(--text),'PingFang SC','Microsoft YaHei',sans-serif;font-weight:700;letter-spacing:-.035em}.zh .hero h1{line-height:1.26}.zh .statement h2{max-width:750px}
/* Final responsive refinements */
.footerbrand{display:block;width:190px;max-width:100%}
.footerbrand img{width:100%;height:auto}
@media(max-width:670px){.header-right>.status{display:none}.device-orbit{display:none}.hero-side{overflow:hidden}}
@media(max-width:670px){.hero{overflow:clip}}

/* Brand Kit v1.1 compliance: Inter-only UI, approved masters and restrained accent. */
:root{--shrike-background:#0B1020;--shrike-surface:#151D30;--shrike-accent:#25D9F8;--shrike-textPrimary:#F4F7FB;--shrike-textSecondary:#A8B3C7;--shrike-videoBlack:#000000}
.hero h1,.sectiontop h2,.statement h2,.development h2,.cardbody h3{font-family:var(--text);font-weight:700}
.button,.lang{border-radius:12px;min-height:48px}
.hero-device{background:transparent;border:none;box-shadow:none}
.statement-inner:before,.hero-device:before,.hero:before{display:none}
.statusring,.control-visual{box-shadow:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}