@charset "UTF-8";
:root{--bg:#070c17;--bg2:#0d1424;--panel:#10192b;--white:#f5f8ff;--text:#a7b5cd;--muted:#697994;--line:rgba(159,188,241,.13);--cyan:#64cbff;--blue:#478cff;--violet:#8f7cff;--mint:#70eedc;--radius:23px;--max:1192px;--ease:cubic-bezier(.2,.8,.2,1)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:94px;overflow-x:hidden;overflow-x:clip}
body{margin:0;color:var(--white);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,a{font:inherit;-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
button:disabled{cursor:not-allowed}
::selection{background:#688ffb;color:#fff}
.shell{width:min(var(--max),calc(100% - 72px));margin-inline:auto}
.skip-link{position:absolute;top:-80px;left:12px;z-index:100;background:#fff;color:#080c16;padding:12px 16px;border-radius:8px}
.skip-link:focus{top:12px}
.site-glow{position:absolute;pointer-events:none;inset:0 0 auto;z-index:-1;height:900px;background:radial-gradient(ellipse 40% 38% at 80% 31%,rgba(77,85,222,.17),transparent 86%),radial-gradient(ellipse 33% 36% at 17% 23%,rgba(20,115,194,.13),transparent 90%)}
.site-header{height:90px;position:sticky;top:0;z-index:30;background:rgba(7,12,23,.77);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid rgba(174,190,230,.075)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:35px}
.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;flex:none}
.brand-mark{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;font-size:24px;font-weight:850;line-height:1;background:linear-gradient(140deg,#44c1fb,#577bff 53%,#9880ff);box-shadow:0 5px 27px rgba(83,108,249,.3)}
.brand-word{font-size:23px;font-weight:800;letter-spacing:-.065em}.brand-word>span{color:#b1c4f0}.brand-dot{font-weight:900;color:#7b92ff;font-size:24px}
.main-nav{display:flex;align-items:center;gap:36px}.main-nav>a:not(.nav-cta){font-size:13px;color:#a3b1c8;font-weight:600;transition:color .2s}.main-nav>a:hover{color:#fff}
.nav-cta{border:1px solid rgba(123,165,255,.33);background:rgba(68,100,165,.12);font-size:12px;font-weight:700;padding:13px 18px;border-radius:100px;transition:background .2s,transform .2s}.nav-cta:hover{background:rgba(74,114,212,.25);transform:translateY(-2px)}.nav-cta span{margin-left:12px;color:#72c6ff}
.nav-toggle{display:none}
.hero{min-height:705px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:25px;position:relative;padding-top:75px;padding-bottom:110px}
.hero-copy{z-index:2;padding-bottom:12px}
.eyebrow,.overline{font-weight:750;font-size:11px;letter-spacing:.19em;color:#8bb4f6;margin:0 0 23px}.eyebrow{display:inline-flex;align-items:center;gap:10px;letter-spacing:.14em;color:#9fc5fd}
.pulse-dot,.tiny-dot{width:7px;height:7px;border-radius:50%;background:#68e6ce;box-shadow:0 0 0 5px rgba(104,230,206,.09),0 0 17px rgba(104,230,206,.5)}
.hero h1{font-size:clamp(48px,5.15vw,77px);line-height:1.11;font-weight:840;letter-spacing:-.075em;max-width:730px;margin:0 0 28px}
.headline-gradient{display:inline-block;background:linear-gradient(96deg,#65cbff 3%,#6e99ff 45%,#a38aff 94%);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-lead{font-size:17px;line-height:1.83;max-width:495px;color:#a9b9d1;margin:0 0 32px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.button{min-height:51px;display:inline-flex;align-items:center;justify-content:center;gap:23px;padding:15px 23px;border-radius:13px;font-size:13px;font-weight:750;white-space:nowrap;transition:transform .25s,box-shadow .25s,background .25s;border:1px solid transparent}
.button:hover{transform:translateY(-3px)}
.button-primary{background:linear-gradient(111deg,#58c3ff,#648fff 56%,#8c7eff);color:#fff;box-shadow:0 12px 33px rgba(78,119,255,.25)}.button-primary:hover{box-shadow:0 16px 45px rgba(78,119,255,.43)}
.button-secondary{color:#e1eafd;background:rgba(120,151,216,.06);border-color:rgba(154,179,226,.22)}.button-secondary:hover{background:rgba(115,154,246,.15)}
.hero-notes{display:flex;flex-wrap:wrap;gap:11px 25px;margin-top:38px;color:#7e8fa9;font-size:11px;font-weight:650}.check-icon{color:#76b0ff;margin-right:4px}
.hero-visual{height:542px;position:relative;isolation:isolate;display:grid;place-items:center;min-width:0}
.visual-halo{position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,#5f72f31a 0%,#4261df0d 45%,transparent 69%);filter:blur(4px)}
.orbit{position:absolute;border:1px solid rgba(124,163,248,.12);border-radius:50%;transform:rotate(-23deg);pointer-events:none}.orbit-one{width:430px;height:430px}.orbit-two{width:320px;height:320px;border-style:dashed;border-color:rgba(111,143,225,.12)}
.orbit::after{content:'';position:absolute;top:24%;right:4%;width:8px;height:8px;border-radius:50%;background:#5d96ff;box-shadow:0 0 23px #5b8bff}
.core-glass{width:224px;height:224px;border:1px solid rgba(179,211,255,.22);background:linear-gradient(142deg,rgba(64,94,190,.22),rgba(20,36,66,.61));border-radius:55px;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 26px 90px #02081388,0 0 65px #3b69dd19,inset 0 1px 0 #ffffff2a;transform:rotate(-8deg);position:relative;z-index:3;backdrop-filter:blur(15px)}
.core-inner{display:grid;place-items:center;width:133px;height:133px;border-radius:34px;background:linear-gradient(135deg,#4fc5fc 0%,#5289fb 58%,#9b77f3 100%);font-size:89px;font-weight:850;letter-spacing:-.09em;text-indent:-.08em;box-shadow:0 12px 60px #648eff68;transform:rotate(8deg)}
.core-caption{font-size:12px;letter-spacing:.25em;font-weight:800;color:#fff;margin-top:17px;transform:rotate(8deg)}.core-caption span{color:#8cb7ff}
.float-card{position:absolute;z-index:5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:linear-gradient(110deg,rgba(25,41,69,.86),rgba(16,29,53,.86));border:1px solid rgba(154,185,255,.23);box-shadow:0 12px 35px #0005;border-radius:16px}
.mini-card{display:flex;gap:12px;align-items:center;padding:12px 16px;min-width:192px}.mini-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;font-size:21px;font-weight:700}.mini-icon.blue{background:#4089ff24;color:#6bafff}.mini-icon.violet{background:#8b77fc27;color:#a99afe}.mini-icon.teal{background:#43d3c521;color:#64e5d5}.mini-card strong{display:block;font-size:12px;letter-spacing:.01em}.mini-card small{display:block;font-size:10px;color:#8b9cbd;margin-top:4px}.mini-arrow{margin-left:auto;color:#7e9cda}
.top-card{top:72px;right:14px;transform:rotate(6deg);animation:float1 7s ease-in-out infinite}
.side-card{left:-12px;top:207px;transform:rotate(-8deg);animation:float2 8s ease-in-out infinite}
.bottom-card{bottom:74px;right:-10px;transform:rotate(5deg);animation:float3 8s ease-in-out infinite}
.orbit-star{position:absolute;font-size:25px;color:#7da1f9;text-shadow:0 0 20px #5f80ff;opacity:.7}.star-one{top:103px;left:93px}.star-two{right:71px;bottom:162px;font-size:15px;color:#b0a3fc}
.visual-caption{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;font-weight:750;letter-spacing:.21em;color:#6f87ad;display:flex;align-items:center;gap:12px}.tiny-dot{width:5px;height:5px}
.scroll-hint{position:absolute;bottom:30px;left:0;display:inline-flex;align-items:center;gap:13px;color:#6c7e9d;font-weight:700;letter-spacing:.18em;font-size:10px}.scroll-hint span{width:20px;height:31px;border:1px solid #4d6284;border-radius:14px;position:relative}.scroll-hint span::after{content:'';position:absolute;top:7px;left:8px;width:2px;height:7px;background:#71a6fb;animation:scrollcue 1.8s infinite}
.marquee-band{border-block:1px solid var(--line);background:linear-gradient(90deg,#0a1324,#0c1322,#0b1528)}
.marquee-inner{min-height:69px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.16em;color:#8c9db7;font-weight:800}.marquee-inner b{color:#627cff;font-size:14px;font-weight:400}
.section{padding-top:115px;padding-bottom:120px;scroll-margin-top:70px}
.section-top{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:39px}.section-top>div{flex:1}.section-top>p{max-width:370px;font-size:15px;line-height:1.8;color:#8899b3;margin:0 0 7px}
.section h2{font-size:clamp(37px,4vw,54px);letter-spacing:-.064em;line-height:1.16;font-weight:800;margin:0}.soft{color:#8da1bf}
.filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:27px}
.filter{background:transparent;border:1px solid #26334b;border-radius:100px;color:#8293ad;padding:10px 17px;font-weight:650;font-size:12px;transition:background .2s,border-color .2s,color .2s}
.filter:hover,.filter.active{color:#eff6ff;border-color:#607aa6;background:rgba(78,108,175,.23)}.filter span{margin-left:7px;color:#9cc0fa;font-size:10px}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.project-card{min-width:0;border:1px solid rgba(139,168,214,.15);border-radius:var(--radius);background:linear-gradient(156deg,#101a2d 2%,#0c1424 100%);padding:21px;display:flex;flex-direction:column;transition:transform .3s var(--ease),border-color .3s,box-shadow .3s;overflow:hidden;isolation:isolate}
.project-card:hover{transform:translateY(-7px);border-color:rgba(116,150,241,.48);box-shadow:0 17px 50px #02081178}
.project-card[hidden]{display:none!important}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:19px}
.card-category{font-size:9px;letter-spacing:.12em;color:#8193b3;font-weight:800}
.status{font-size:9px;color:#99a9c3;background:#26334e66;padding:7px 10px;border-radius:100px;white-space:nowrap;font-weight:700}.status-active{color:#8be8ce;background:#1c605b38}.status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#6ae3c2;margin-right:4px}
.project-art{height:207px;border-radius:14px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate}
.saya-art{background:radial-gradient(ellipse at 50% 48%,#426bd25c 0,transparent 60%),linear-gradient(135deg,#131f4a,#172544 52%,#141a34)}
.saya-art::before{content:'';position:absolute;inset:-70px;opacity:.22;background-image:linear-gradient(#7095ff2b 1px,transparent 1px),linear-gradient(90deg,#7095ff2b 1px,transparent 1px);background-size:32px 32px;transform:rotate(-20deg)}
.art-orb{position:absolute;width:170px;height:170px;border-radius:50%;filter:blur(31px);background:#6d88ff4d}
.phone-frame{position:relative;width:116px;height:182px;border:5px solid #26365c;border-radius:23px;background:linear-gradient(135deg,#182c58,#111b37);transform:rotate(-9deg);box-shadow:0 16px 31px #030b25ac,inset 0 0 0 1px #899ef359;display:flex;align-items:center;flex-direction:column}
.phone-top{width:32px;height:7px;background:#0b1531;border-radius:0 0 9px 9px}.phone-symbol{width:57px;height:57px;display:grid;place-items:center;background:linear-gradient(145deg,#52c0ff,#637ffd,#927af6);border-radius:17px;font-weight:850;font-size:39px;margin:18px 0 12px;box-shadow:0 8px 23px #6687fd5f}.phone-line{width:65px;height:5px;border-radius:5px;background:#7d92cd55;margin-bottom:7px}.phone-line.small{width:43px}.phone-pills{display:flex;gap:5px;margin-top:13px}.phone-pills span{width:18px;height:10px;border-radius:4px;background:#4a79d34b}.phone-pills span:nth-child(2){background:#6d8deb73}
.art-spark{position:absolute;color:#8cafff;font-size:28px}.art-spark.one{left:22%;top:18%}.art-spark.two{right:18%;bottom:18%}
.nomadra-art{background:linear-gradient(180deg,#23375f 0,#4e5686 42%,#203a59 77%,#111f38)}
.art-sun{position:absolute;width:115px;height:115px;border-radius:50%;background:linear-gradient(#f3d3b8,#b08fd6);filter:blur(2px);left:52%;top:20%;opacity:.77;box-shadow:0 0 50px #bea1fa6b}
.mountain{position:absolute;bottom:0;left:-10%;width:120%;height:75%;clip-path:polygon(0 100%,0 78%,18% 48%,28% 68%,49% 10%,65% 72%,81% 42%,100% 78%,100% 100%)}.mountain.back{background:#51658a;opacity:.7;transform:translateY(-20px) scale(1.05)}.mountain.middle{background:#294766;transform:translateY(18px) scaleX(1.15)}.mountain.front{background:linear-gradient(#234453,#142b33);transform:translateY(70px) scaleX(1.4)}
.adventurer{position:absolute;bottom:19px;left:46%;width:9px;height:36px;border-radius:5px 5px 0 0;background:#0d1b26;transform:rotate(8deg);box-shadow:8px -7px 0 -4px #071925}.adventurer::before{content:'';position:absolute;width:15px;height:15px;left:-3px;top:-13px;border-radius:50%;background:#0c1b27}.art-artifact{position:absolute;right:28px;top:21px;color:#d8c8fd}
.os-art{background:radial-gradient(circle at center,#1c4670 0,#152648 48%,#101b34 100%)}.os-rings{position:absolute;border-radius:50%;border:1px solid #6c9dff5a}.ring-outer{width:205px;height:205px;border-style:dashed;animation:spin 40s linear infinite}.ring-middle{width:163px;height:163px;border:3px solid #408ef32d;box-shadow:0 0 34px #4ea4ff27}.ring-inner{width:125px;height:125px;border-color:#62b8ff55}.os-center{width:96px;height:96px;border-radius:29px;background:linear-gradient(145deg,#2763b7,#6d77f1);box-shadow:0 0 34px #4179fa6d;display:flex;align-items:center;justify-content:center;font-size:54px;font-weight:800;position:relative}.os-center span{font-size:9px;position:absolute;bottom:15px;right:15px;letter-spacing:.1em}.os-label{position:absolute;font-size:8px;font-weight:800;letter-spacing:.15em;color:#8fd6ff}.os-label-top{top:25px;left:26px}.os-label-bottom{bottom:22px;right:21px}
.lab-art{background:radial-gradient(circle,#154d63 0,#122c40 51%,#101d2e);color:#7ef1db}.lab-grid{position:absolute;inset:0;background-image:linear-gradient(#7df1d411 1px,transparent 1px),linear-gradient(90deg,#7df1d411 1px,transparent 1px);background-size:24px 24px}.lab-home{width:130px;height:130px;border:1px solid #8afde14e;border-radius:29px;background:#4ceac10b;display:grid;place-items:center;box-shadow:0 0 38px #39e1c124}.lab-home svg{width:83px}.lab-node{position:absolute;width:13px;height:13px;border:2px solid #8af9e1;background:#1d4c55;border-radius:50%;box-shadow:0 0 20px #70ecc488}.node-a{top:30px;left:53px}.node-b{right:38px;top:49px}.node-c{bottom:22px;right:82px}
.transfer-art{background:radial-gradient(ellipse,#473f8d77,transparent 74%),linear-gradient(120deg,#1b1a49,#1d2142)}.transfer-device{width:77px;height:113px;background:linear-gradient(138deg,#25285c,#363e87);border:3px solid #7a86e29c;border-radius:16px;display:grid;place-items:center;box-shadow:0 12px 32px #060b2e99}.transfer-device span{font-size:34px;color:#b4c6ff}.td-one{transform:rotate(-11deg)}.td-two{height:92px;transform:rotate(9deg);border-radius:13px}.transfer-path{display:flex;align-items:center;gap:8px;margin-inline:7px}.transfer-path i{width:7px;height:7px;border-radius:50%;background:#9caaff;box-shadow:0 0 15px #a1a3fc}.transfer-path i:nth-child(2){background:#57daf1;width:10px;height:10px}
.alibi-art{background:radial-gradient(circle at 65% 40%,#be585c36,transparent 60%),linear-gradient(125deg,#3a2032,#1c1a32 68%)}.alibi-grid{position:absolute;inset:0;opacity:.3;background:repeating-linear-gradient(0deg,transparent,transparent 24px,#eaa5b020 25px)}.alibi-number{font-weight:900;font-size:130px;letter-spacing:-.14em;line-height:1;color:transparent;-webkit-text-stroke:2px #eab6b177;transform:rotate(-11deg) translateX(-8px);text-shadow:11px 11px 0 #ff959908}.alibi-strip{position:absolute;bottom:21px;left:23px;font-size:9px;letter-spacing:.22em;color:#eeb8c4;font-weight:700}
.card-content{display:flex;flex-direction:column;flex:1;padding:22px 3px 3px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-heading h3{font-size:25px;letter-spacing:-.045em;margin:0}.card-index{font-size:11px;color:#586d8c;font-weight:800}.card-content>p{color:#91a3bd;line-height:1.75;font-size:13px;margin:13px 0 20px;flex:1;min-height:66px}
.text-link{align-self:flex-start;padding:0;background:none;border:0;color:#9cc8ff;font-weight:750;font-size:12px;display:inline-flex;gap:22px;align-items:center}.text-link span{font-size:20px;transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}
.project-note{font-size:12px;color:#687c99;text-align:center;margin:30px 0 0}
.story-section{background:linear-gradient(180deg,#0b1322 0%,#0b1322 88%,#0a101d);border-block:1px solid var(--line)}
.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}
.story-visual{min-height:477px;border:1px solid #607da324;border-radius:28px;background:radial-gradient(circle at 50% 40%,#204e8552,transparent 61%),linear-gradient(140deg,#101e35,#0d1829);position:relative;overflow:hidden;display:grid;place-items:center}
.story-grid{position:absolute;inset:-30%;background-image:linear-gradient(#8bbdff0c 1px,transparent 1px),linear-gradient(90deg,#8bbdff0c 1px,transparent 1px);background-size:28px 28px;transform:perspective(500px) rotateX(45deg) rotateZ(-25deg)}
.story-circle{position:absolute;border:1px solid rgba(142,182,255,.16);border-radius:50%}.circle-1{width:385px;height:385px}.circle-2{width:275px;height:275px;border-style:dashed}
.story-center{z-index:1;display:flex;align-items:center;flex-direction:column;gap:14px}.story-center>span{height:155px;width:155px;display:grid;place-items:center;background:linear-gradient(130deg,#55c0fc,#5d85ff,#997df4);border-radius:38px;font-weight:850;font-size:111px;box-shadow:0 25px 80px #5986ff67}.story-center small{font-size:9px;color:#8dabd6;letter-spacing:.22em;font-weight:700}
.story-floating{position:absolute;z-index:2;padding:12px 17px;border:1px solid #91b6fa42;background:#162840c9;backdrop-filter:blur(15px);border-radius:11px;font-size:10px;color:#9cc9ff;letter-spacing:.14em;font-weight:800}.sf-1{top:65px;right:20px;transform:rotate(7deg)}.sf-1 span{font-size:15px}.sf-2{bottom:60px;left:18px;transform:rotate(-8deg)}
.story-copy>p:not(.overline){font-size:15px;color:#95a5c0;line-height:1.95;max-width:490px;margin:24px 0 30px}.story-principles{display:flex;flex-direction:column;gap:24px}.story-principles>div{display:flex;gap:18px;align-items:flex-start}.principle-symbol{font-size:11px;font-weight:850;color:#74bbff;background:#233c643a;border:1px solid #7ba6fb2f;border-radius:9px;padding:11px}.story-principles strong{display:block;font-size:14px;margin:0 0 6px}.story-principles small{display:block;color:#8194b1;line-height:1.6;font-size:12px}
.tech-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.tech-tile{border:1px solid var(--line);background:#0e1727;border-radius:18px;padding:26px 18px 23px;min-width:0;display:flex;align-items:flex-start;flex-direction:column;transition:background .25s,border-color .25s,transform .25s}.tech-tile:hover{transform:translateY(-5px);background:#131f36;border-color:#668ada54}.tech-glyph{display:grid;place-items:center;width:49px;height:49px;border:1px solid #5d82bf45;border-radius:14px;background:#3f68a41d;color:#84b7ff;font-size:27px;margin-bottom:31px}.tech-tile:nth-child(2) .tech-glyph{color:#ae9cff}.tech-tile:nth-child(4) .tech-glyph{color:#7ae5d5}.tech-tile strong{font-size:14px;white-space:nowrap;letter-spacing:-.025em}.tech-tile small{margin-top:7px;font-size:11px;color:#7d90ae}
.roadmap-section{background:#0b1323;border-block:1px solid var(--line)}.roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.roadmap-step{position:relative;padding:28px 29px 32px;min-height:260px;border:1px solid #6685b126;border-radius:19px;background:linear-gradient(130deg,#121e32,#0e1829);overflow:hidden}.roadmap-step::after{content:'';position:absolute;top:72px;left:50px;right:0;height:1px;background:linear-gradient(90deg,#5b8de757,transparent)}.roadmap-number{display:block;font-size:33px;color:#426090;font-weight:850;letter-spacing:-.06em;margin-bottom:30px}.roadmap-label{display:block;font-size:9px;color:#8cb9ff;letter-spacing:.17em;font-weight:850}.roadmap-step h3{font-size:20px;letter-spacing:-.04em;margin:10px 0}.roadmap-step p{color:#8999b3;font-size:12px;line-height:1.85;max-width:280px}.roadmap-state{display:block;font-size:11px;font-weight:700;color:#7487a4;margin-top:20px}.roadmap-state.ready{color:#82dec4}
.last-section{padding:105px 0 110px}.last-panel{padding:70px 30px 74px;min-height:490px;text-align:center;border:1px solid #8ca6ed43;border-radius:30px;background:radial-gradient(ellipse at 50% -20%,#7d7cf65c,transparent 56%),linear-gradient(125deg,#19294a,#111b3e 58%,#1a234a);overflow:hidden;position:relative;display:flex;align-items:center;flex-direction:column}.last-panel>*:not(.last-shine){position:relative;z-index:1}.last-shine{position:absolute;inset:0;background:radial-gradient(ellipse at 10% 93%,#36c4e91c,transparent 55%),radial-gradient(ellipse at 90% 70%,#8d62ec21,transparent 54%)}
.last-logo{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;font-weight:850;font-size:44px;background:linear-gradient(150deg,#56bdfd,#6589ff,#a081fb);box-shadow:0 15px 35px #6385ff5c;margin:0 0 22px}.last-panel .overline{margin-bottom:13px;color:#b4caff}.last-panel h2{font-size:clamp(34px,4.6vw,58px);line-height:1.15}.last-panel h2 span{color:#80a6ff}.last-panel>p:not(.overline){color:#abbadc;font-size:14px;line-height:1.8;max-width:480px;margin:21px 0 25px}.button-light{background:#f5f8ff;color:#17274b}.button-light:hover{background:#dfeafa;box-shadow:0 15px 40px #0003}
.footer{border-top:1px solid var(--line);background:#090f1b;padding:31px 0}.footer-row{display:flex;align-items:center;gap:29px;justify-content:space-between}.footer-brand .brand-mark{width:29px;height:29px;font-size:18px;border-radius:9px}.footer-brand .brand-word{font-size:19px}.footer-row p,.footer-row small{font-size:11px;color:#71829f;margin:0}.footer-row>div{display:flex;gap:19px}.footer-row>div a{font-size:11px;color:#92a0b8}.footer-row>div a:hover{color:#fff}
.project-dialog{width:min(510px,calc(100vw - 30px));max-height:min(650px,calc(100dvh - 40px));overflow-y:auto;border:1px solid #6b8ab876;border-radius:22px;padding:31px;background:linear-gradient(135deg,#172842,#10192b);color:#f1f7ff;box-shadow:0 30px 100px #000c}.project-dialog::backdrop{background:#02060bd9;backdrop-filter:blur(8px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-kicker{font-size:10px;color:#8ebdff;letter-spacing:.15em;font-weight:850}.dialog-close{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#243753;border:1px solid #5c799c66;color:#edf4ff}.dialog-brand{font-size:10px;color:#7395c5;letter-spacing:.16em;margin-top:34px;font-weight:750}.dialog-brand span{color:#b3cbf0}.project-dialog h2{font-size:40px;letter-spacing:-.06em;margin:7px 0 14px}.project-dialog>p{color:#a9bbd5;font-size:14px;line-height:1.9}.dialog-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.dialog-meta>div{padding:16px;background:#0a1425;border:1px solid #667fa73d;border-radius:11px}.dialog-meta small{font-size:9px;letter-spacing:.15em;color:#778db0;display:block}.dialog-meta strong{display:block;font-size:13px;margin-top:8px}.project-dialog .dialog-note{font-size:11px;color:#7e93b0;padding:12px 0 6px}.dialog-action{margin-top:15px;width:100%}
body.has-js .reveal{opacity:0;transform:translateY(23px);transition:opacity .65s ease,transform .65s var(--ease)}body.has-js .reveal.visible{opacity:1;transform:none}
@keyframes float1{50%{transform:translateY(-13px) rotate(3deg)}}@keyframes float2{50%{transform:translateY(14px) rotate(-4deg)}}@keyframes float3{50%{transform:translateY(-12px) rotate(1deg)}}@keyframes scrollcue{to{transform:translateY(8px);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1120px){.shell{width:min(var(--max),calc(100% - 48px))}.main-nav{gap:21px}.hero h1{font-size:clamp(47px,5.7vw,69px)}.hero-visual{transform:scale(.85);margin-inline:-37px}.story-layout{gap:42px}.tech-grid{grid-template-columns:repeat(3,1fr)}.tech-tile{min-height:165px}.tech-glyph{margin-bottom:18px}}
@media(max-width:820px){.site-header{height:74px}.shell{width:calc(100% - 38px)}.nav-toggle{display:flex;background:#14223a;border:1px solid #5e789c55;border-radius:11px;width:43px;height:43px;flex-direction:column;justify-content:center;align-items:center;gap:5px;z-index:32}.nav-toggle span{width:19px;height:2px;background:#d5e6ff;border-radius:5px;transition:transform .2s,opacity .2s}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}.main-nav{display:none;position:absolute;top:74px;left:0;right:0;background:#0d1728f5;border-bottom:1px solid #5476a455;padding:18px 22px 24px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 25px 40px #0007}.main-nav.open{display:flex}.main-nav>a:not(.nav-cta){padding:15px 9px;border-bottom:1px solid #5e7ca423;font-size:14px}.nav-cta{align-self:stretch;text-align:center;margin-top:19px}.hero{grid-template-columns:1fr;text-align:center;padding-top:77px;padding-bottom:85px;gap:0}.hero-copy{display:flex;align-items:center;flex-direction:column}.hero h1{font-size:clamp(49px,8.1vw,74px);max-width:680px}.hero-lead{font-size:15px;max-width:540px}.hero-notes{justify-content:center}.hero-visual{height:480px;width:min(100%,510px);margin:18px auto -9px;transform:scale(.91)}.scroll-hint{display:none}.marquee-inner{flex-wrap:wrap;justify-content:center;padding:16px 0;min-height:65px;gap:12px 15px}.marquee-inner span{font-size:9px}.section{padding-top:87px;padding-bottom:91px}.section-top{align-items:start;flex-direction:column;gap:17px}.section-top>p{max-width:570px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-layout{grid-template-columns:1fr}.story-visual{min-height:360px;max-width:590px;width:100%;margin-inline:auto}.story-copy{max-width:650px}.roadmap-grid{gap:10px}.roadmap-step{padding:23px 17px}.roadmap-step h3{font-size:17px}.footer-row{flex-wrap:wrap;justify-content:center;text-align:center;gap:16px}.footer-row p{width:100%;order:2}.footer-row>div{order:3}.footer-row small{order:4;width:100%}}
@media(max-width:570px){.shell{width:calc(100% - 32px)}.brand-mark{width:36px;height:36px}.brand-word{font-size:21px}.hero{padding-top:56px;padding-bottom:67px}.eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:22px}.hero h1{font-size:clamp(44px,10.5vw,59px);margin-bottom:20px}.hero-lead{font-size:14px;line-height:1.85;margin-bottom:26px}.hero-actions{width:100%;justify-content:center}.button{font-size:12px;min-height:49px;padding:14px 18px}.hero-notes{margin-top:25px;font-size:10px;gap:8px 15px}.hero-visual{height:363px;max-width:385px;transform:scale(.77);margin:8px auto -30px}.top-card{right:-15px}.side-card{left:-20px}.bottom-card{right:-25px}.visual-caption{bottom:-5px}.marquee-inner span{font-size:8px;letter-spacing:.08em}.marquee-inner b{font-size:11px}.section{padding:74px 0}.section h2{font-size:37px}.section-top>p{font-size:13px}.filters{flex-wrap:nowrap;overflow-x:auto;margin-right:-16px;padding:0 16px 10px 0;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{flex:none;font-size:11px;padding:9px 15px}.project-grid{grid-template-columns:1fr;gap:15px}.project-card{padding:17px}.project-art{height:218px}.card-content{padding-top:18px}.card-content>p{min-height:0}.story-visual{min-height:320px}.story-center>span{width:119px;height:119px;font-size:87px;border-radius:30px}.circle-1{width:295px;height:295px}.circle-2{width:211px;height:211px}.story-copy>p:not(.overline){font-size:13px}.story-principles{gap:21px}.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tech-tile{padding:18px 12px;min-height:157px}.tech-glyph{margin-bottom:25px;width:43px;height:43px}.tech-tile strong{font-size:12px;white-space:normal}.tech-tile small{font-size:10px}.roadmap-grid{grid-template-columns:1fr;gap:13px}.roadmap-step{min-height:0;padding:23px}.roadmap-number{margin-bottom:18px}.roadmap-step::after{top:64px}.last-section{padding:73px 0}.last-panel{padding:52px 20px;min-height:400px;border-radius:23px}.last-panel h2{font-size:clamp(31px,8vw,43px)}.last-panel>p:not(.overline){font-size:12px}.footer{padding:30px 0}.project-dialog{padding:22px}.project-dialog h2{font-size:34px}}
@media(max-width:360px){.hero h1{font-size:41px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-visual{transform:scale(.67);margin-inline:-10px}.tech-grid{grid-template-columns:1fr}.tech-tile{min-height:110px}.tech-glyph{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}body.has-js .reveal{opacity:1;transform:none}}

/* SayaLab public projects: four-card layout and accessible filters (2026-10-19). */
.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.project-art{height:clamp(218px,25vw,290px)}
.filters{gap:10px}
.filter{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;white-space:nowrap}
.filter span{margin-left:0;padding:3px 7px;border-radius:100px;background:#5278ba21;color:#a8ceff;font-variant-numeric:tabular-nums}
.filter:focus-visible,.text-link:focus-visible{outline:2px solid #9cc8ff;outline-offset:4px}
.filter-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:570px){
  .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;overflow:visible;margin:0 0 21px;padding:0}
  .filter{width:100%;min-width:0;min-height:46px;justify-content:space-between;text-align:left;padding:10px 13px;border-radius:14px;font-size:12px}
  .filter span{margin:0;flex:none}
  .project-grid{grid-template-columns:1fr;gap:16px}
  .project-art{height:clamp(205px,57vw,264px)}
}
@media(max-width:365px){.filter{padding-inline:11px;font-size:11px}}

/* 2026-10-19 / expanded SayaLab Games public catalog */
.project-hub-link{display:inline-block;margin-inline-start:6px;color:#a8d0ff;text-decoration:underline;text-underline-offset:4px}
.project-hub-link:hover{color:#e3f4ff}
.project-world{--world-accent:#9fbcff;--world-glow:rgba(100,150,255,.25);background:radial-gradient(circle at 47% 48%,var(--world-glow),transparent 55%),linear-gradient(145deg,#131d37,#0b152b 90%);position:relative;isolation:isolate;overflow:hidden;color:var(--world-accent)}
.project-world:before{content:"";position:absolute;inset:-30%;opacity:.35;background-image:linear-gradient(#8baaff23 1px,transparent 1px),linear-gradient(90deg,#8baaff23 1px,transparent 1px);background-size:38px 38px;transform:perspective(520px) rotateX(28deg) rotateZ(-20deg)}
.project-world:after{content:"";position:absolute;inset:16%;border:1px solid currentColor;border-radius:50%;opacity:.15;transform:rotate(-23deg) scaleX(1.25)}
.world-halo{position:absolute;width:52%;aspect-ratio:1;border-radius:50%;background:var(--world-glow);filter:blur(38px)}
.world-crest{position:absolute;z-index:1;top:19%;left:50%;transform:translateX(-50%) rotate(-10deg);font-weight:800;font-size:clamp(83px,12vw,138px);line-height:1;text-shadow:0 14px 33px #0009,0 0 42px var(--world-glow);color:var(--world-accent)}
.world-label{position:absolute;z-index:2;left:22px;bottom:27px;color:#f5f7ff;font-size:clamp(22px,2.4vw,31px);font-weight:900;letter-spacing:-.06em;line-height:1.04;text-shadow:0 4px 16px #000b}
.world-label small{display:block;margin-top:5px;font-size:clamp(12px,1.4vw,17px);font-weight:800;letter-spacing:.14em;color:var(--world-accent)}
.world-code{position:absolute;top:18px;right:18px;z-index:2;font-size:9px;letter-spacing:.14em;font-weight:850;color:var(--world-accent)}
.world-echo{--world-accent:#88e6d6;--world-glow:#36d6d443;background:radial-gradient(circle at 45% 38%,#2a817755,transparent 65%),linear-gradient(140deg,#122839,#0a1729)}
.world-casino{--world-accent:#f2c585;--world-glow:#eea75d4a;background:radial-gradient(circle at 50% 43%,#99542f55,transparent 60%),linear-gradient(145deg,#351e2c,#161426)}
.world-lantern{--world-accent:#f6d57e;--world-glow:#efc0573d;background:radial-gradient(circle at 54% 42%,#7d78304d,transparent 62%),linear-gradient(140deg,#213539,#101e2c)}
.world-fracture{--world-accent:#c1a5ff;--world-glow:#8e5dfa55;background:radial-gradient(circle at 50% 42%,#6f41a75e,transparent 62%),linear-gradient(130deg,#271d4b,#10172d)}
.world-shift{--world-accent:#85d2ff;--world-glow:#3795e952;background:radial-gradient(circle at 50% 43%,#266e9e5b,transparent 67%),linear-gradient(135deg,#112b47,#0c142d)}
@media(max-width:570px){.project-world .world-label{font-size:27px}.project-world .world-label small{font-size:13px}.project-world .world-crest{font-size:118px}.project-hub-link{margin-top:9px}}
@media(prefers-reduced-motion:reduce){.world-crest,.project-world:before{animation:none!important}}
/* SayaLab 2026-10-19: lightweight, source-based webP promotional game covers */
.game-poster-frame{background:#101b32;position:relative;overflow:hidden;isolation:isolate}
.game-poster-frame .game-poster-img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none;border:0;border-radius:inherit;transition:transform .45s ease,filter .45s ease}
.project-card:hover .game-poster-img,.portal-game:hover .game-poster-img,.portal-more-card:hover .game-poster-img{transform:scale(1.045)}
@media(prefers-reduced-motion:reduce){.game-poster-img{transition:none!important}}