:root { --ink:#101420; --paper:#f4f5f0; --lime:#c8ff54; --aqua:#7ef5e4; --blue:#77aaff; --line:rgba(16,20,32,.16); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:Manrope,"Noto Sans SC",Arial,sans-serif; overflow-x:hidden; } a { color:inherit; text-decoration:none; } .shell { width:min(1220px,calc(100% - 64px)); margin-inline:auto; } .site-noise { position:fixed; inset:0; z-index:50; pointer-events:none; opacity:.045; 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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
.hero { min-height:760px; height:min(100vh,950px); background:#101420; color:#f8faf4; position:relative; overflow:hidden; isolation:isolate; } .hero:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 78% 42%,rgba(37,64,83,.48),transparent 26%),linear-gradient(115deg,rgba(15,20,32,.85) 0%,rgba(15,20,32,.24) 65%,rgba(16,20,32,.25)); z-index:-1; } .hero-grid { position:absolute; inset:0; z-index:-2; opacity:.2; background-image:linear-gradient(rgba(180,217,222,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(180,217,222,.13) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(90deg,black,transparent 75%); }
.nav { height:92px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(238,255,255,.15); position:relative; z-index:5; }.brand { display:flex; align-items:center; gap:10px; font-size:18px; letter-spacing:-.06em; font-weight:800; white-space:nowrap; }.brand em { display:block; font-family:"DM Mono",monospace; letter-spacing:.06em; font-style:normal; font-size:7px; margin-top:1px; opacity:.58; }.brand-mark { height:30px; width:29px; position:relative; display:inline-block; transform:skewY(-20deg); }.brand-mark i { position:absolute; height:8px; width:8px; border:2px solid currentColor; }.brand-mark i:nth-child(1) { left:0;top:1px; }.brand-mark i:nth-child(2) { right:0;top:11px; }.brand-mark i:nth-child(3) { left:6px;bottom:0; background:var(--lime); border-color:var(--lime); }.nav-links { display:flex; gap:34px; margin-left:70px; }.nav-links a { font-size:13px; color:#adb6be; transition:.2s; }.nav-links a:hover,.nav-links .active { color:white; }.nav-actions { display:flex; align-items:center; gap:24px; }.login { font-size:12px; color:#d8e2df; }.login span { color:var(--lime); margin-left:4px; }.button { display:inline-flex; align-items:center; gap:32px; min-width:190px; justify-content:space-between; font-size:13px; font-weight:700; color:#0d1415; background:var(--lime); padding:15px 16px 15px 20px; border-radius:2px; transition:transform .2s,box-shadow .2s; }.button:hover { transform:translateY(-3px); box-shadow:0 8px 22px rgba(200,255,84,.25); }.button span { font-size:19px; line-height:10px; }.button-small { min-width:auto; padding:10px 14px; gap:11px; font-size:12px; }.menu { display:none; background:none; border:0; }.hero-content { padding-top:clamp(92px,14vh,145px); position:relative; z-index:2; }.eyebrow { color:#b9c6c8; font-family:"DM Mono",monospace; font-size:10px; letter-spacing:.08em; display:flex; align-items:center; gap:8px; }.eyebrow span { height:6px; width:6px; background:var(--lime); display:inline-block; }.hero h1 { margin:20px 0 22px; letter-spacing:-.075em; font-size:clamp(52px,6vw,87px); font-weight:600; line-height:1.04; }.hero h1 strong { color:var(--lime); font-weight:600; }.hero-copy { font-size:15px; line-height:1.9; color:#afb9c4; margin:0; }.hero-cta { display:flex; align-items:center; gap:32px; margin-top:32px; }.text-link { border-bottom:1px solid rgba(238,255,255,.4); padding-bottom:6px; font-size:13px; font-weight:700; }.text-link span { color:var(--lime); margin-left:7px; }.hero-meta { display:flex; gap:45px; margin-top:76px; }.hero-meta div { display:flex; flex-direction:column; gap:5px; }.hero-meta b { font-family:"DM Mono",monospace; font-size:20px; font-weight:500; color:#e9f5e7; }.hero-meta small { font-size:11px; color:var(--lime); }.hero-meta span { color:#8f9ba4; font-size:10px; }.compute-art { position:absolute; width:590px; height:590px; right:clamp(-70px,4vw,90px); top:104px; z-index:1; }.gpu-cube { position:absolute; width:220px; height:220px; left:160px; top:154px; transform:rotate(-21deg) skewY(4deg); filter:drop-shadow(0 25px 35px rgba(0,0,0,.55)); }.cube-face { position:absolute; border:1px solid rgba(143,250,238,.5); background:linear-gradient(135deg,rgba(89,186,188,.8),rgba(32,56,80,.68)); overflow:hidden; }.cube-top { width:154px; height:86px; transform:skewX(-35deg); left:33px; top:0; display:grid; grid-template-columns:repeat(4,1fr); gap:5px; padding:11px; }.cube-top span { border:1px solid rgba(194,255,255,.55); background:linear-gradient(135deg,rgba(166,255,239,.85),rgba(63,133,152,.3)); }.cube-front { height:145px; width:154px; top:75px; left:0; display:grid; grid-template-columns:repeat(4,1fr); padding:11px; gap:5px; }.cube-front i { background:linear-gradient(135deg,#8ee6d7,#285b75); border:1px solid rgba(213,255,250,.58); }.cube-side { height:145px; width:65px; right:0; top:75px; transform:skewY(-35deg); transform-origin:top; padding:10px; display:grid; gap:5px; }.cube-side i { border:1px solid #7ad5d5; background:#2d687c; }.core { width:82px; height:82px; border:2px solid var(--lime); background:radial-gradient(circle,#efffb1 0 7%,#c9ff56 8% 17%,#17595e 20% 45%,transparent 46%); position:absolute; z-index:3; left:42px; top:90px; box-shadow:0 0 28px #b9ff4d; transform:skewY(-5deg); }.orbit { position:absolute; border:1px solid rgba(167,255,243,.38); border-radius:50%; }.orbit-one { width:480px; height:200px; left:45px;top:162px; transform:rotate(-22deg); }.orbit-two { width:400px; height:460px; left:100px;top:46px; transform:rotate(34deg); border-color:rgba(200,255,84,.19); }.art-caption { position:absolute; font:9px/1.6 "DM Mono",monospace; color:#c6d7d7; letter-spacing:.05em; }.art-caption span { display:block; color:var(--lime); margin-bottom:3px; }.caption-one { top:90px;left:65px; }.caption-two { right:13px;bottom:108px; }.pixel { position:absolute; width:6px; height:6px; background:var(--lime); box-shadow:0 0 12px var(--lime); }.p1 { top:116px;right:86px; }.p2 { left:103px;bottom:108px; background:var(--aqua); }.p3 { right:126px;top:280px; }.p4 { left:197px;top:52px; }.scroll-tag { position:absolute; left:max(32px,calc((100% - 1220px)/2)); bottom:22px; color:#84919a; font:9px "DM Mono",monospace; letter-spacing:.09em; display:flex; align-items:center; gap:10px; }.scroll-tag span { width:25px; height:1px; background:var(--lime); }
.ticker { height:66px; overflow:hidden; background:var(--lime); color:#152218; display:flex; align-items:center; }.ticker-track { white-space:nowrap; display:flex; align-items:center; gap:32px; font-size:12px; font-weight:700; animation:ticker 25s linear infinite; }.ticker-track span { display:flex; align-items:center; gap:9px; }.ticker-track i { width:7px;height:7px;background:#1e473d;display:inline-block; }.ticker-track b { font-size:17px; color:#33674f; } @keyframes ticker { to { transform:translateX(-35%); } }
.section { padding:130px 0; }.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:46px; }.eyebrow.dark { color:#637078; }.eyebrow.dark span { background:#2aa294; }.section h2,.network h2,.solution-wrap h2,.cta h2 { font-size:clamp(37px,4.1vw,57px); line-height:1.13; letter-spacing:-.075em; font-weight:600; margin:15px 0 0; }.section-intro { width:335px; color:#5d6771; font-size:14px; line-height:1.85; margin:0 0 4px; }.product-grid { display:grid; grid-template-columns:1.15fr .85fr .85fr; gap:14px; }.product-card { min-height:410px; padding:22px 23px; border-radius:3px; display:flex; flex-direction:column; color:#111822; background:#dfe5e3; position:relative; overflow:hidden; }.featured { background:#b8f8eb; }.featured:after { content:""; position:absolute; width:300px; height:300px; border:1px solid rgba(23,89,86,.22); border-radius:50%; top:70px; right:-140px; }.dark-card { background:#151c2c; color:#eef5f2; }.gradient-card { background:linear-gradient(145deg,#7388ef,#af9dff 50%,#fac0dd); }.card-top,.card-bottom { display:flex; justify-content:space-between; align-items:center; position:relative; z-index:2; }.card-index,.chip-chip { font:9px "DM Mono",monospace; letter-spacing:.08em; }.chip-chip { background:#132727; color:#cfff61; padding:4px 8px; border-radius:8px; }.card-icon { height:125px; margin:28px 0 14px; position:relative; }.gpu-icon { display:grid; width:130px; grid-template-columns:repeat(4,1fr); gap:7px; padding:14px; border:1px solid #2f8980; transform:rotate(-12deg); background:rgba(83,219,199,.32); box-shadow:18px 15px 0 rgba(21,80,91,.22); }.gpu-icon i { background:linear-gradient(130deg,#c7fff0,#3f9b9a); border:1px solid #267b78; }.gpu-icon:after { content:""; width:42px;height:42px;background:var(--lime);border:3px solid #1d6f68; position:absolute;left:42px;top:42px;box-shadow:0 0 16px #daff89; }.cluster-icon { width:146px; display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:repeat(3,1fr); gap:7px; transform:perspective(260px) rotateX(50deg) rotateZ(-27deg); }.cluster-icon i { background:#c8ff54; box-shadow:4px 5px 0 #1e4f54; }.studio-icon { width:140px; margin-left:12px; transform:rotate(-25deg); }.studio-icon span { position:absolute; display:block; width:70px;height:70px; border-radius:50%; mix-blend-mode:screen; }.studio-icon span:nth-child(1) { background:#66ffdd; left:0;top:20px; }.studio-icon span:nth-child(2) { background:#ffadbd; left:37px;top:0; }.studio-icon span:nth-child(3) { background:#8775ff; left:65px;top:41px; }.product-card h3 { font-size:21px; letter-spacing:-.055em; margin:0 0 10px; }.product-card p { font-size:12px; line-height:1.75; color:#48555e; margin:0; max-width:260px; }.dark-card p { color:#abb4bd; }.card-bottom { margin-top:auto; padding-top:18px; border-top:1px solid rgba(18,34,43,.2); font:9px "DM Mono",monospace; letter-spacing:.03em; }.dark-card .card-bottom { border-color:rgba(240,255,252,.16); }.card-bottom a { font:20px/1 Arial; }
.app-download { padding-top:0; padding-bottom:130px; }.app-panel { min-height:440px; background:#182136; color:#eef7f0; display:grid; grid-template-columns:1fr 1fr; overflow:hidden; position:relative; }.app-panel:before { content:""; position:absolute; inset:0; background:linear-gradient(105deg,rgba(19,31,52,.15),rgba(34,65,80,.5)); pointer-events:none; }.app-copy { position:relative; z-index:2; padding:65px 0 58px 62px; align-self:center; }.app-copy .eyebrow { color:#a9b7bf; }.app-copy h2 { margin-bottom:18px; }.app-copy h2 em { color:var(--aqua); font-style:normal; }.app-copy>p:not(.eyebrow) { max-width:375px; margin:0 0 28px; color:#aebac2; font-size:13px; line-height:1.9; }.app-actions { display:flex; align-items:center; gap:19px; }.app-note { color:#82919c; font:9px/1.6 "DM Mono",monospace; }.app-visual { min-height:440px; position:relative; display:flex; justify-content:center; align-items:center; }.app-halo { position:absolute; width:330px; height:330px; border-radius:50%; background:radial-gradient(circle,rgba(188,255,99,.25),rgba(98,203,195,.14) 30%,transparent 67%); }.phone { position:relative; z-index:3; width:184px; height:350px; padding:7px; border:1px solid rgba(215,255,245,.65); border-radius:24px; background:linear-gradient(140deg,#d5fff1,#507d96); transform:rotate(10deg); box-shadow:18px 28px 38px rgba(3,11,23,.45),0 0 35px rgba(186,255,99,.18); }.phone-speaker { position:absolute; width:34px; height:4px; top:13px; left:75px; border-radius:5px; background:#25465b; z-index:2; }.phone-screen { height:100%; background:linear-gradient(155deg,#15283b,#0c1728); border-radius:18px; padding:31px 14px 13px; overflow:hidden; color:#e5f5ee; }.screen-top { display:flex; justify-content:space-between; color:#97aab2; font:8px "DM Mono",monospace; }.screen-title { font-size:18px; font-weight:700; margin:18px 0 14px; }.screen-stat { display:flex; flex-direction:column; gap:5px; padding-bottom:15px; border-bottom:1px solid rgba(209,245,239,.15); }.screen-stat b { font:20px "DM Mono",monospace; color:var(--lime); }.screen-stat small { font:8px Manrope,sans-serif; color:#9aaab0; }.screen-stat span { color:#99abb2; font:8px "DM Mono",monospace; }.screen-stat i { display:inline-block; width:5px; height:5px; margin:0 3px; border-radius:50%; background:var(--lime); }.screen-chart { display:flex; align-items:flex-end; gap:6px; height:62px; padding:12px 2px 8px; border-bottom:1px solid rgba(209,245,239,.15); }.screen-chart i { flex:1; min-width:0; background:linear-gradient(#bfff5f,#4ec8b7); border-radius:2px 2px 0 0; }.screen-chart i:nth-child(1){height:35%}.screen-chart i:nth-child(2){height:58%}.screen-chart i:nth-child(3){height:44%}.screen-chart i:nth-child(4){height:78%}.screen-chart i:nth-child(5){height:55%}.screen-chart i:nth-child(6){height:88%}.screen-chart i:nth-child(7){height:68%}.screen-chart i:nth-child(8){height:94%}.screen-cards { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-top:12px; }.screen-cards div { padding:9px 7px; background:rgba(187,255,239,.09); border:1px solid rgba(187,255,239,.16); }.screen-cards span { display:block; font-size:7px; color:#9cafb4; margin-bottom:6px; }.screen-cards b { font:14px "DM Mono",monospace; }.screen-tabs { display:flex; justify-content:space-between; padding-top:17px; color:#8fa1aa; font-size:8px; }.screen-tabs .selected { color:var(--lime); }.app-orbit { position:absolute; border:1px solid rgba(195,255,220,.38); border-radius:50%; }.orbit-a { width:460px; height:190px; transform:rotate(-23deg); }.orbit-b { width:365px; height:420px; transform:rotate(30deg); border-color:rgba(200,255,84,.2); }.app-spark { position:absolute; width:6px; height:6px; background:var(--lime); box-shadow:0 0 13px var(--lime); }.spark-a { top:80px; right:90px; }.spark-b { bottom:81px; left:92px; background:var(--aqua); }.spark-c { top:188px; right:57px; }
.solution-wrap { color:#ecf3ec; background:#111926; padding:126px 0 105px; position:relative; overflow:hidden; }.solution-wrap:before { content:""; position:absolute; width:700px;height:700px;background:radial-gradient(circle,rgba(36,110,107,.33),transparent 65%); top:-380px;right:-120px; }.solution-head { display:flex; align-items:flex-end; justify-content:space-between; }.solution-wrap h2 { margin-bottom:0; }.solution-wrap h2 em,.cta h2 em { font-style:normal;color:var(--aqua); }.round-link { height:120px;width:120px;border:1px solid rgba(213,255,245,.35);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;transition:.2s; }.round-link span { font-size:18px;color:var(--lime); }.round-link:hover { background:var(--lime);color:#14211e;border-color:var(--lime); transform:rotate(-7deg); }.solution-list { margin-top:66px; }.solution-item { min-height:112px; padding:21px 3px 20px; display:grid; grid-template-columns:75px 1fr 170px 35px; align-items:center; border-top:1px solid rgba(218,246,243,.18); gap:18px; opacity:.55; transition:.25s; }.solution-item:last-child { border-bottom:1px solid rgba(218,246,243,.18); }.solution-item:hover,.solution-item.selected { opacity:1; }.num { color:var(--lime); font:10px "DM Mono",monospace; }.solution-item h3 { margin:0 0 7px; font-size:23px;letter-spacing:-.055em; }.solution-item p { margin:0;font-size:12px;color:#aab5bd; }.solution-item>a { font-size:19px; text-align:right; color:var(--lime); }.solution-art { height:64px; width:130px; position:relative; }.solution-art i { position:absolute; display:block; }.art-image i:nth-child(1) { width:70px;height:57px;border:1px solid #a0fff0;left:36px;top:5px;background:linear-gradient(145deg,transparent 47%,#88f7e3 48% 50%,transparent 51%),linear-gradient(35deg,#234c59 30%,#96e6d4 31% 32%,#406e83 33%); }.art-image i:nth-child(2) { width:45px;height:37px;border:1px solid #c8ff54;left:13px;top:15px; }.art-image i:nth-child(3) { width:18px;height:18px;border-radius:50%;background:var(--lime);right:13px;top:0; }.art-model i:nth-child(1) { width:54px;height:54px;border:1px solid #c8ff54;transform:rotate(45deg);left:38px;top:6px; }.art-model i:nth-child(2) { width:18px;height:18px;border-radius:50%;background:#8ceee0;left:55px;top:24px;box-shadow:0 0 18px #8ceee0; }.art-model i:nth-child(3) { width:100px;height:1px;background:#588783;top:33px;left:14px;transform:rotate(-28deg); }.art-science i:nth-child(1) { width:48px;height:48px;border:1px solid #a8eef0;border-radius:50%;left:20px;top:10px; }.art-science i:nth-child(2) { width:34px;height:34px;border:1px solid #b4ff67;border-radius:50%;right:21px;top:17px; }.art-science i:nth-child(3) { height:1px;width:80px;background:#b4ff67;transform:rotate(26deg);left:24px;top:32px; }
.network { display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:90px; padding-top:140px;padding-bottom:125px; }.network-visual { height:420px;position:relative;background:#152136;overflow:hidden; }.network-glow { position:absolute;width:400px;height:400px;left:70px;top:20px;background:radial-gradient(circle,rgba(112,224,214,.38),transparent 64%); }.map-grid { position:absolute;inset:0;background-image:linear-gradient(rgba(178,231,230,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(178,231,230,.13) 1px,transparent 1px);background-size:25px 25px; }.network-visual svg { position:absolute;inset:0;width:100%;height:100%; }.network-visual path { fill:none;stroke:#b7f967;stroke-width:1.5;stroke-dasharray:4 5; }.node { position:absolute;width:8px;height:8px;background:#cbff64;border-radius:50%;box-shadow:0 0 0 4px rgba(204,255,102,.15),0 0 17px #caff68;z-index:2; }.node-a {left:12%;top:43%;}.node-b {left:33%;top:29%;}.node-c {left:52%;top:49%;}.node-d {left:72%;top:37%;}.node-e {left:85%;top:22%;}.network-stamp { position:absolute;bottom:27px;left:27px;display:flex;gap:9px;align-items:flex-end;color:#eff8ee; }.network-stamp b {font:48px/.8 "DM Mono",monospace;letter-spacing:-.13em;}.network-stamp sup {color:var(--lime);font-size:19px;}.network-stamp span {font-size:10px;line-height:1.5;color:#c5d4d5;}.network-copy>p:not(.eyebrow) { color:#5b6670;font-size:14px;line-height:1.9;margin:25px 0; }.network-tags { display:flex;gap:7px;margin-bottom:28px; }.network-tags span { border:1px solid #b7c3c1;padding:5px 10px;border-radius:12px;font-size:10px; }.dark-link {border-color:rgba(16,20,32,.35);}.dark-link span {color:#168e87;}
.trust { border-top:1px solid #cdd1cd;padding:35px 0 90px; }.trust>p { text-align:center;color:#808a8e;font-size:11px;margin-bottom:38px; }.logo-row { display:flex;justify-content:space-between;align-items:center;color:#536067;filter:grayscale(1); }.logo-row>span { font-size:18px;font-weight:800;letter-spacing:-.07em;line-height:.8; }.logo-row>span:nth-child(1) {font-size:11px;letter-spacing:.05em;line-height:1.05;}.logo-row>span:nth-child(3) {font-size:16px;letter-spacing:.03em;}.logo-row em {display:block;font-style:normal;font-size:8px;letter-spacing:.21em;text-align:right;}.logo-dot {color:#17a89d;}.logo-row sup {font-size:8px;}
.cta { min-height:530px;background:#6f76e5;color:#f7f9ff;position:relative;overflow:hidden;display:flex;align-items:center; }.cta:before { content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 42%,#b7fff0 0 2%,#86dfdc 3% 9%,rgba(110,116,229,0) 25%),radial-gradient(circle at 80% 42%,rgba(216,255,101,.9) 0 1%,transparent 30%); }.cta-content { position:relative;z-index:2; }.cta .eyebrow {color:#dfe5ff;}.cta .eyebrow span {background:var(--lime);}.cta h2 {margin:15px 0 20px;}.cta h2 em {color:var(--lime);}.cta-content>p:not(.eyebrow) {font-size:13px;color:#dce0f9;margin:0 0 29px;}.light-button {background:white;color:#363d91;}.cta-orbit {position:absolute;width:630px;height:630px;border:1px solid rgba(224,255,253,.65);border-radius:50%;right:-35px;top:-50px;box-shadow:0 0 0 38px rgba(220,255,251,.1),0 0 0 95px rgba(220,255,251,.07),0 0 0 170px rgba(220,255,251,.04);}.cta-core {position:absolute;width:135px;height:135px;border-radius:50%;right:210px;top:193px;background:radial-gradient(circle,#eaff9a 0 8%,#bdff57 10% 21%,#82e0d8 25% 42%,#7080e6 66%);box-shadow:0 0 50px 16px rgba(204,255,102,.4);}
.footer { padding:43px 0 27px; }.footer-top {display:flex;justify-content:space-between;align-items:center;padding-bottom:50px;}.footer-top>p{font-size:12px;color:#758086;margin:0;}.footer-top>a:last-child{font:11px "DM Mono",monospace;border-bottom:1px solid #8d969a;padding-bottom:4px;}.footer-bottom{padding-top:19px;border-top:1px solid #cfd4d0;display:flex;justify-content:space-between;color:#869095;font:9px "DM Mono",monospace;letter-spacing:.03em;}.footer-bottom a{color:inherit;text-decoration:none;}.footer-bottom a:hover{text-decoration:underline;}
@media(max-width:850px){.shell{width:min(100% - 40px,650px)}.nav{height:75px}.nav-links,.nav-actions{display:none}.menu{display:flex;flex-direction:column;gap:5px}.menu span{width:22px;height:1px;background:white;transition:.2s}.nav.menu-open{z-index:10}.nav.menu-open .nav-links{display:flex;position:absolute;top:75px;left:0;right:0;margin:0;padding:20px;flex-direction:column;gap:20px;background:#111926;border:1px solid rgba(238,255,255,.15);border-top:0}.nav.menu-open .nav-actions{display:flex;position:absolute;top:272px;left:0;right:0;padding:14px 20px 20px;background:#111926;border:1px solid rgba(238,255,255,.15);border-top:0;justify-content:space-between}.nav.menu-open .menu span:first-child{transform:translateY(3px) rotate(45deg)}.nav.menu-open .menu span:last-child{transform:translateY(-3px) rotate(-45deg)}.hero{height:760px;min-height:0}.hero-content{padding-top:88px}.hero h1{font-size:51px}.hero-copy{font-size:13px}.compute-art{transform:scale(.72);transform-origin:bottom right;right:-130px;top:290px;opacity:.92}.hero-meta{margin-top:50px;gap:25px}.hero-meta b{font-size:17px}.scroll-tag{left:20px}.section{padding:83px 0}.section-heading{display:block}.section-intro{width:auto;margin-top:25px}.product-grid{grid-template-columns:1fr}.product-card{min-height:350px}.app-download{padding-top:0;padding-bottom:83px}.app-panel{grid-template-columns:1fr;min-height:0}.app-copy{padding:43px 25px 24px}.app-copy>p:not(.eyebrow){max-width:none}.app-actions{align-items:flex-start;flex-direction:column;gap:13px}.app-visual{min-height:355px}.app-visual .phone{transform:rotate(8deg) scale(.82)}.app-orbit.orbit-a{width:370px}.app-orbit.orbit-b{width:290px;height:350px}.solution-wrap{padding:82px 0}.round-link{display:none}.solution-list{margin-top:42px}.solution-item{grid-template-columns:35px 1fr 24px;gap:7px}.solution-art{display:none}.solution-item h3{font-size:18px}.solution-item p{font-size:11px}.network{grid-template-columns:1fr;gap:43px;padding:85px 0}.network-visual{height:300px}.trust{padding-bottom:65px}.logo-row{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 12px}.cta{min-height:480px}.cta-orbit{right:-340px}.cta-core{right:65px;top:245px}.footer-top{align-items:flex-start;gap:23px;flex-direction:column;padding-bottom:35px}.footer-bottom{gap:12px;flex-wrap:wrap;line-height:1.6}.footer-bottom span:last-child{width:100%}}
@media(max-width:430px){.hero h1{font-size:43px}.hero-copy br{display:none}.hero-cta{gap:20px}.button{min-width:176px}.hero-meta{gap:17px}.hero-meta span{font-size:9px}.compute-art{right:-175px}.ticker{height:55px}.ticker-track{gap:22px}.section h2,.network h2,.solution-wrap h2,.cta h2{font-size:36px}.network-visual{margin-inline:-20px}.trust>p{text-align:left}.logo-row>span{font-size:15px}.cta-core{opacity:.72}}

/* App showcase */
.app-panel { min-height:500px; grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr); background:#152238; }
.app-copy { padding-left:62px; }
.app-copy .eyebrow { color:#a9b7bf; }
.app-copy h2 { font-size:clamp(43px,4.3vw,61px); }
.app-visual { min-height:500px; overflow:hidden; }
.app-gallery { width:100%; height:100%; min-height:500px; display:flex; align-items:center; justify-content:center; gap:17px; padding:35px 34px 28px 0; transform:rotate(-3deg); }
.app-shot { flex:none; position:relative; width:82px; margin:0; border-radius:13px; overflow:hidden; background:#f7f8ff; border:2px solid rgba(224,255,246,.7); box-shadow:0 17px 27px rgba(0,0,0,.28); }
.app-shot img { display:block; width:100%; height:auto; aspect-ratio:1125 / 2436; object-fit:cover; }
.app-shot figcaption { position:absolute; left:0; right:0; bottom:0; padding:17px 5px 7px; background:linear-gradient(transparent,rgba(9,18,35,.83)); color:#f5fff6; font:8px "DM Mono",monospace; text-align:center; opacity:0; transition:opacity .2s; }
.app-shot:hover figcaption { opacity:1; }
.app-shot-main { width:173px; border-radius:19px; transform:translateY(-12px); box-shadow:19px 28px 34px rgba(0,0,0,.39),0 0 25px rgba(187,255,101,.12); z-index:2; }
.app-shot-main figcaption { font-size:9px; padding-top:28px; }
.app-shot-stack { display:flex; align-items:center; gap:11px; }
.app-shot-stack .app-shot:nth-child(1) { transform:translateY(25px) rotate(3deg); }
.app-shot-stack .app-shot:nth-child(2) { transform:translateY(-17px) rotate(-2deg); }
.app-shot-stack .app-shot:nth-child(3) { transform:translateY(30px) rotate(3deg); }
.app-shot-stack .app-shot:nth-child(4) { transform:translateY(-9px) rotate(-2deg); }
.app-shot-stack .app-shot:nth-child(4),.app-shot-stack .app-shot:nth-child(3) { opacity:.86; }
.app-shot-stack .app-shot:nth-child(4) { display:block; }
.app-gallery:after { content:"APP PREVIEW / 2025"; position:absolute; right:34px; bottom:28px; color:rgba(202,255,86,.75); font:8px "DM Mono",monospace; letter-spacing:.11em; }
@media(max-width:1000px) and (min-width:851px){.app-copy{padding-left:35px}.app-gallery{padding-right:20px;gap:11px}.app-shot-main{width:145px}.app-shot{width:67px}.app-shot-stack{gap:7px}}
@media(max-width:850px){.app-panel{grid-template-columns:1fr;min-height:0}.app-copy{padding:43px 25px 24px}.app-copy h2{font-size:43px}.app-copy>p:not(.eyebrow){max-width:none}.app-actions{align-items:flex-start;flex-direction:column;gap:13px}.app-visual{min-height:470px}.app-gallery{min-height:470px;height:470px;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding:30px 22px 34px;gap:15px;transform:rotate(-2deg);scrollbar-width:none}.app-gallery::-webkit-scrollbar{display:none}.app-shot-main{width:164px}.app-shot{width:79px}.app-shot-stack{gap:10px}.app-gallery:after{right:25px;bottom:18px}}
@media(max-width:430px){.app-visual{min-height:435px}.app-gallery{min-height:435px;height:435px;padding-top:25px;padding-bottom:25px}.app-shot-main{width:145px}.app-shot{width:69px}.app-shot-stack{gap:8px}.app-gallery:after{display:none}}

/* Interactive App gallery */
[hidden] { display:none !important; }
.app-shot { cursor:zoom-in; transition:transform .72s cubic-bezier(.22,.8,.2,1), box-shadow .72s ease, opacity .5s ease; }
.app-shot:focus-visible { outline:2px solid var(--lime); outline-offset:4px; }
.app-shot.is-active { z-index:8; box-shadow:0 25px 38px rgba(0,0,0,.42), 0 0 25px rgba(200,255,84,.3); }
.app-shot-main.is-active { transform:translateY(-25px) rotate(0deg) scale(1.1); }
.app-shot-stack .app-shot:nth-child(1).is-active { transform:translateY(-4px) rotate(0deg) scale(1.24); }
.app-shot-stack .app-shot:nth-child(2).is-active { transform:translateY(-43px) rotate(0deg) scale(1.24); }
.app-shot-stack .app-shot:nth-child(3).is-active { transform:translateY(4px) rotate(0deg) scale(1.24); }
.app-shot-stack .app-shot:nth-child(4).is-active { transform:translateY(-31px) rotate(0deg) scale(1.24); }
.app-lightbox { position:fixed; inset:0; z-index:100; display:grid; place-items:center; padding:28px; color:white; }
.lightbox-backdrop { position:absolute; inset:0; background:rgba(7,12,22,.88); backdrop-filter:blur(12px); }
.lightbox-dialog { position:relative; z-index:1; width:min(940px,100%); height:min(92vh,900px); display:flex; align-items:center; justify-content:center; gap:20px; }
.lightbox-figure { height:100%; max-width:calc(100% - 130px); margin:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:13px; }
.lightbox-figure img { display:block; max-width:100%; max-height:calc(100% - 35px); width:auto; height:auto; object-fit:contain; border:2px solid rgba(223,255,243,.8); border-radius:17px; box-shadow:0 25px 75px rgba(0,0,0,.5); }
.lightbox-figure figcaption { color:#e8f9ed; font:11px "DM Mono",monospace; letter-spacing:.08em; }
.lightbox-close,.lightbox-arrow { appearance:none; border:1px solid rgba(228,255,245,.45); background:rgba(16,26,41,.72); color:#f4fff7; cursor:pointer; transition:.2s; }
.lightbox-close:hover,.lightbox-arrow:hover { background:var(--lime); border-color:var(--lime); color:#17241e; }
.lightbox-close { position:absolute; top:8px; right:0; width:38px; height:38px; border-radius:50%; font-size:26px; line-height:1; }
.lightbox-arrow { flex:none; width:46px; height:46px; border-radius:50%; font-size:24px; }
.lightbox-count { position:absolute; left:50%; bottom:0; transform:translateX(-50%); color:#9aabb0; font:10px "DM Mono",monospace; letter-spacing:.1em; }
.lightbox-open { overflow:hidden; }
@media(max-width:600px) { .app-lightbox { padding:16px; }.lightbox-dialog { height:92vh; gap:6px; }.lightbox-figure { max-width:calc(100% - 75px); }.lightbox-figure img { border-radius:12px; max-height:calc(100% - 28px); }.lightbox-arrow { width:34px;height:34px;font-size:18px; }.lightbox-close { top:-3px;right:0;width:34px;height:34px;font-size:22px; }.lightbox-count { bottom:-2px; } }