:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9eaf0;background:#0b0d12;font-synthesis:none;font-weight:400;--muted:#969ba9;--line:#252833;--accent:#9297ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #aaaaff;outline-offset:6px}::selection{background:#6664b8;color:#fff}p{color:var(--muted);line-height:1.8}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(32px,4vw,48px);font-weight:550;letter-spacing:-1.7px;line-height:1.2;margin-bottom:20px}h2 span{color:#8b90a4}.header{height:90px;max-width:1240px;padding:0 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10;border-bottom:1px solid #ffffff09}.wordmark{font-weight:750;font-size:29px;letter-spacing:-2px;display:flex;align-items:center}.wordmark>span:first-child{color:#a5a3ff}.wordmark .wordmark-divider{color:#404451;font-weight:300;margin:0 20px;font-size:24px}.wordmark small{font-weight:400;font-size:12px;letter-spacing:.2px;color:#a2a6b4}.nav{display:flex;gap:32px;align-items:center;font-size:12px;color:#b8bdcb}.nav a:hover{color:#fff}.nav-contact{display:flex;gap:16px;align-items:center;border:1px solid #343744;border-radius:6px;padding:11px 16px}.mobile-menu{display:none}.hero{max-width:1240px;margin:auto;min-height:690px;position:relative;padding:94px 40px 0;overflow:hidden}.hero-content{position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:12px;color:#a7abba}.eyebrow>span:not(.signal){color:#656b7f;margin-right:4px}.signal{display:inline-block;height:6px;width:6px;border-radius:100%;background:#98bba1;box-shadow:0 0 9px #8db89b44;flex-shrink:0}.hero-eyebrow{font-size:9px;letter-spacing:2.2px;margin-bottom:28px}.hero-name{font-size:17px;color:#b0b4c5;margin-bottom:14px}.hero h1{font-size:clamp(46px,5.7vw,73px);letter-spacing:-3.5px;font-weight:600;line-height:1.12;margin-bottom:25px}.hero h1 span{background:linear-gradient(110deg,#aaf,#8c8fed 70%,#a3a9e8);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{font-size:15px;line-height:1.85;margin-bottom:30px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:13px 20px;border-radius:6px;font-size:12px;font-weight:550;min-height:45px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:#a09aff;color:#151323;border:1px solid #b1aaff;box-shadow:0 4px 25px #7872e018}.primary:hover{background:#b5b0ff}.secondary{background:#14161d;border:1px solid #31343f;color:#d1d4df}.secondary:hover{background:#222430}.hero-location{margin-top:32px;display:flex;align-items:center;gap:9px;font-size:10px;color:#9398a8}.tiny-divider{height:3px;width:3px;background:#646879;border-radius:100%;margin:0 5px}.hero-glow{position:absolute;width:630px;height:590px;right:-120px;top:-65px;background:radial-gradient(ellipse,#49457320,transparent 68%);pointer-events:none}.hero-grid{position:absolute;right:0;top:40px;width:570px;height:520px;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse,black,transparent 70%);mask-image:radial-gradient(ellipse,black,transparent 70%)}.orbital{width:440px;height:440px;position:absolute;right:28px;top:63px}.orbit{position:absolute;border:1px solid #9298ec20;border-radius:50%;inset:44px;transform:rotate(-24deg) scaleY(.76)}.orbit-two{inset:5px;transform:rotate(35deg) scaleY(.8);border-style:dashed;border-color:#6b718913}.orbit-three{inset:93px;transform:rotate(55deg) scaleY(.88)}.orb-core{position:absolute;left:175px;top:166px;width:94px;height:94px;display:grid;place-items:center;border:1px solid #9490fb4d;border-radius:24px;background:linear-gradient(140deg,#222239,#11121c);box-shadow:0 0 70px #8b85f21a;color:#b7b3ff;transform:rotate(-7deg)}.orbit-tag{position:absolute;padding:11px 15px;background:#13151f;border:1px solid #363645;font-family:monospace;font-size:10px;border-radius:7px;color:#bdc0d1;box-shadow:0 8px 24px #0004;animation:float 7s ease-in-out infinite}.tag-java{top:77px;left:99px}.tag-react{right:-3px;top:255px;animation-delay:-2s}.tag-docker{bottom:64px;left:76px;display:flex;align-items:center;gap:9px;animation-delay:-4s}.orbit-point{width:5px;height:5px;border-radius:50%;background:#9491e1;position:absolute;box-shadow:0 0 10px #a7a1ff66}.point-one{left:67px;top:188px}.point-two{right:77px;top:114px}.orbit-caption{position:absolute;bottom:0;left:80px;letter-spacing:2px;font-size:8px;color:#707588}.hero-bottom{margin-top:69px;height:72px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.6px;color:#828899}.hero-bottom a{display:flex;gap:22px;align-items:center}.hero-bottom a span{font-size:18px;color:#b2b4c4}.section{max-width:1240px;padding:82px 40px;margin:auto;scroll-margin-top:15px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-heading .eyebrow,.about-section .eyebrow,.infra-copy .eyebrow{margin-bottom:20px}.section-heading h2{margin-bottom:0}.section-heading p{font-size:12px;margin-bottom:3px}.projects-section{padding-top:65px}.project-filters{display:flex;gap:7px;margin-bottom:26px}.project-filters button{background:transparent;border:1px solid transparent;color:#959baa;padding:10px 14px;border-radius:5px;font-size:11px}.project-filters button.active{background:#20212e;border-color:#343444;color:#d2d0ff}.project-filters button span{padding-left:9px;font-family:monospace;font-size:9px;color:#8a88ba}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-card{border:1px solid #292c37;border-radius:10px;background:#11131a;overflow:hidden;transition:border-color .25s,transform .25s}.project-card:hover{border-color:#55546e;transform:translateY(-3px)}.project-bifrost{grid-column:1/-1;display:grid;grid-template-columns:1.18fr 1fr}.project-bifrost .visual-link{display:flex}.project-bifrost .project-visual{height:100%;min-height:338px;width:100%}.project-bifrost .project-info{padding:35px}.project-info{padding:24px}.card-eyebrow{display:flex;gap:10px;justify-content:space-between;align-items:center;font-size:8px;color:#959aaa;margin-bottom:16px}.status{font-size:9px;color:#bcb6de;background:#a592d110;border:1px solid #a592d121;padding:5px 7px;border-radius:4px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.status i{width:4px;height:4px;background:#b3a3e5;border-radius:50%}.status.experimental{color:#d6bfa0;background:#d6bfa008;border-color:#d6bfa022}.status.experimental i{background:#d6bfa0}.project-title{display:flex;align-items:center;justify-content:space-between;color:#e3e5ef;margin-bottom:12px}.project-title h3{font-size:25px;font-weight:550;letter-spacing:-.8px;margin:0}.project-title svg{color:#858a9e;transition:transform .2s}.project-title:hover svg{transform:translate(2px,-2px);color:#b4aaff}.project-info p{font-size:12px;line-height:1.85;margin-bottom:20px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{font-size:9px;padding:5px 8px;border:1px solid #30333d;background:#ffffff02;border-radius:4px;color:#a7acbd}.card-bottom{margin-top:24px;padding-top:17px;border-top:1px solid #262934;display:flex;justify-content:space-between;gap:8px;font-size:10px}.card-bottom a{display:flex;align-items:center;gap:12px;color:#c5c1f1}.card-bottom>span{color:#8b90a2;font-size:9px}.project-info .actions:empty{display:none}.project-info .actions:not(:empty){margin-top:16px}.project-visual{height:235px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #ffffff07}.visual-bifrost{background:radial-gradient(ellipse at 50% 80%,#36305c60,transparent 65%),linear-gradient(140deg,#171825,#151520)}.illustration-label{position:absolute;bottom:9px;right:12px;font-size:7px;color:#9396a5;display:flex;align-items:center;gap:5px}.api-window{width:87%;border:1px solid #454255;border-radius:7px;background:#12131d;box-shadow:0 20px 40px #0005;transform:perspective(1000px) rotateY(5deg) rotateX(3deg);font-family:monospace}.window-bar{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid #2e2b3d;font-size:7px;color:#9994ba}.dots{font-size:8px;color:#7a739f;letter-spacing:2px}.api-content{display:flex;min-height:211px}.api-content aside{width:31%;border-right:1px solid #302c3d;padding:13px 8px;display:flex;gap:13px;flex-direction:column;color:#a4a0b6;font-size:6px}.api-content aside b{display:flex;align-items:center;gap:5px;color:#d5d1e6;font-size:7px}.api-content aside small{font-size:6px;color:#6f6b86}.request-active{background:#8278bf22;padding:7px 2px;border-radius:3px;color:#c1b7f4}.api-editor{flex:1;padding:13px;overflow:hidden}.request-input{display:flex;border:1px solid #393547;border-radius:4px;align-items:center;justify-content:space-between;padding:6px;font-size:6px;gap:6px}.request-input b{color:#9bbca6}.request-input span{color:#b6b0c5}.request-input em{font-style:normal;padding:5px 8px;background:#8880ca;color:#100e1a;border-radius:2px}.api-tabs{display:flex;gap:10px;color:#b2a8e3;font-size:6px;padding:11px 0;border-bottom:1px solid #2c293b}.api-tabs span{color:#7c788e}.response-heading{display:flex;justify-content:space-between;margin:13px 0;font-size:6px;color:#b1abca}.response-heading span{color:#88b69a}.api-editor pre{font-size:7px;line-height:1.9;color:#c5b0e7;margin:0}.api-editor pre span{color:#898aa0}.visual-scopa{background:radial-gradient(ellipse at center,#2d51404d,transparent 75%),#10231f}.visual-peaks{background:radial-gradient(ellipse at center,#31526655,transparent 75%),#13212c}.game-concept{width:100%;text-align:center}.game-label{font-size:10px;letter-spacing:5px;color:#c2d0c7;margin-top:7px}.game-label span{display:block;font-size:5px;letter-spacing:3px;color:#8daba2;margin-top:7px}.playing-cards{display:flex;align-items:center;justify-content:center;height:140px;padding-top:13px}.playing-card{width:66px;height:99px;background:#eae4d2;color:#334b3b;border-radius:5px;box-shadow:0 9px 18px #0005;display:flex;flex-direction:column;justify-content:space-between;padding:7px 8px;margin:0 -2px}.playing-card>span{font-size:33px;line-height:1;text-align:center}.playing-card small{font-family:Georgia,serif;font-size:12px;text-align:left}.playing-card small:last-child{text-align:right;transform:rotate(180deg)}.card-0{transform:rotate(-15deg) translateY(5px)}.card-1{z-index:2;transform:translateY(-4px)}.card-2{transform:rotate(15deg) translateY(5px)}.visual-peaks .playing-card{background:#dfe6e8;color:#264655}.visual-peaks .card-1{color:#a04b5a}.table-caption{font-size:7px;letter-spacing:.7px;color:#8bada0;margin-top:4px}.visual-peaks .table-caption{color:#90afbf}.visual-family{background:radial-gradient(ellipse,#71654524,transparent 75%),#232018}.visual-echo{background:radial-gradient(ellipse,#63546c33,transparent 75%),#201b29}.small-concept{display:flex;align-items:center;flex-direction:column;gap:18px;color:#bcae91;font-size:10px;letter-spacing:.4px}.visual-echo .small-concept{color:#b5a6c8}.wave{display:flex;gap:4px;align-items:center;height:55px}.wave i{width:3px;background:#a190bd66;border-radius:3px}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line);margin-top:35px}.about-note{display:flex;align-items:center;gap:10px;margin-top:28px;color:#a0a5b6;font-size:11px}.about-note>span{margin:0 4px}.about-copy p{font-size:13px}.about-copy .lead{font-size:21px;line-height:1.6;color:#d4d7e1;letter-spacing:-.4px}.principles{display:flex;gap:22px;border-top:1px solid var(--line);margin-top:27px;padding-top:21px;font-size:10px;color:#bdc1ce}.principles span{display:flex;align-items:center;gap:7px}.principles svg{color:#a09bda}.skills-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden}.skill-group{padding:25px 20px;background:#111319;border-right:1px solid var(--line)}.skill-group:last-child{border:0}.skill-group>svg{color:#a5a1d2;margin-bottom:20px}.skill-group h3{font-size:11px;font-weight:550;margin-bottom:17px;line-height:1.5;min-height:32px}.skill-group ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:13px;color:#969cac;font-size:10px}.infrastructure{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-top:55px}.infra-copy p{font-size:12px}.infra-copy .tags{margin-top:26px}.architecture{border:1px solid #30313e;border-radius:9px;background:linear-gradient(130deg,#161823,#101219);padding:23px;font-size:10px}.diagram-top{display:flex;align-items:center;gap:9px;color:#a7aabf;font-size:8px;letter-spacing:1px;margin-bottom:23px}.diagram-top .status{margin-left:auto;letter-spacing:0;font-size:7px}.diagram-node{border:1px solid #41414f;border-radius:6px;padding:16px;display:flex;gap:14px;align-items:center;background:#1b1c28;color:#b7b4dc}.diagram-node b{display:block;font-weight:500;font-size:11px;margin-bottom:6px;color:#d4d4e4}.diagram-node small{font-size:8px;color:#a1a5b5}.node-icon{font-size:25px}.diagram-line{height:26px;width:1px;background:linear-gradient(#9990dc,#555172);margin:auto;position:relative}.diagram-line:after{content:"";position:absolute;bottom:0;left:-2px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #9690c7}.diagram-enclosure{border:1px dashed #414452;border-radius:7px;padding:16px}.enclosure-label{font-size:7px;letter-spacing:1.5px;color:#9096aa;margin-bottom:15px}.container-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.container-row>div{display:flex;flex-direction:column;gap:7px;align-items:center;padding:17px 8px;background:#151720;border:1px solid #353945;border-radius:5px;color:#a7a5ce}.container-row b{font-size:10px;color:#cecedc;font-weight:500}.container-row small{color:#9299aa;font-size:8px}.diagram-footer{font-size:7px;margin-top:20px;display:flex;align-items:center;gap:7px;color:#9a9fad}.diagram-footer .signal{width:4px;height:4px}.contact-section{text-align:center;padding:85px 40px 95px;border-top:1px solid var(--line);margin-top:35px;position:relative;background:radial-gradient(ellipse at bottom,#62509612,transparent 65%)}.contact-section .eyebrow{justify-content:center;margin-bottom:24px}.contact-section h2{font-size:clamp(34px,4.3vw,53px)}.contact-section h2 span{color:#a5a0ea}.contact-section p{font-size:12px}.contact-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:25px}.contact-pending{color:#a5a3bb;border:1px solid #33333f;border-radius:6px;padding:13px 20px;font-size:11px}footer{max-width:1160px;margin:auto;border-top:1px solid var(--line);padding:27px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:#848b9b}footer .wordmark{font-size:22px}footer a:last-child{color:#afb3c0}.skip-link{position:fixed;top:-100px;left:20px;background:#b0a7ff;color:#15121f;padding:12px;z-index:100}.skip-link:focus{top:10px}.detail{padding-top:40px}.back-link{display:flex;align-items:center;gap:6px;font-size:12px;color:#a6a3cb}.detail-heading{padding:65px 0 35px}.detail h1{font-size:clamp(45px,6vw,78px);letter-spacing:-3px;margin:18px 0}.detail h1 span{color:#aba4fb}.detail-heading>p{font-size:22px}.detail-heading .actions{margin-top:24px}.visual-large{height:470px;border:1px solid #353440;border-radius:9px}.visual-large .api-window{max-width:780px}.visual-large .api-content{min-height:325px}.visual-large .api-content aside{font-size:10px;gap:22px;padding:22px 16px}.visual-large .api-content aside b,.visual-large .api-content aside small{font-size:10px}.visual-large .api-editor{padding:23px}.visual-large .api-editor pre{font-size:12px}.visual-large .request-input,.visual-large .api-tabs,.visual-large .response-heading{font-size:10px}.visual-large .playing-cards{height:245px}.visual-large .playing-card{width:110px;height:164px}.visual-large .playing-card>span{font-size:52px}.visual-large .game-label{font-size:18px}.detail-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:85px;padding:55px 0}.detail-grid h2{font-size:25px;letter-spacing:-.6px;margin-top:32px}.detail-grid p,.feature-list{font-size:14px}.feature-list{padding:0;list-style:none;display:flex;flex-direction:column;gap:18px;color:#b5bac9}.feature-list li{display:flex;align-items:flex-start;gap:12px}.feature-list svg{flex-shrink:0;color:#a29ade}.detail-sidebar{align-self:start;border:1px solid var(--line);border-radius:8px;padding:26px;position:sticky;top:30px}.detail-sidebar h3{font-size:13px;margin:24px 0 15px}.detail-sidebar h3:first-child{margin-top:0}.detail-sidebar p{font-size:12px}.detail-sidebar .button{margin-top:12px}.screenshot{display:block;width:100%;height:auto;border-radius:8px;margin:20px 0}.next-project{border-top:1px solid var(--line);padding:30px 0;display:flex;flex-direction:column;gap:16px}.next-project>span{font-size:9px;letter-spacing:2px;color:#959aad}.next-project b{font-weight:500;font-size:25px;display:flex;justify-content:space-between}.not-found{min-height:70vh;padding-top:100px}.not-found h1{font-size:clamp(45px,6vw,75px);letter-spacing:-3px;margin:25px 0}.not-found h1 span{color:#a5a0ea}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media(min-width:1450px){.hero{min-height:735px;padding-top:110px}.hero-bottom{margin-top:95px}.orbital{top:90px}}@media(max-width:1000px){.orbital{right:-95px;opacity:.55;transform:scale(.86)}.hero-content{max-width:610px}.project-bifrost{grid-template-columns:1fr 1fr}.project-bifrost .project-info{padding:24px}.card-eyebrow{flex-wrap:wrap}.about-section,.infrastructure{gap:45px}.skills-grid{grid-template-columns:repeat(3,1fr)}.skill-group{border-bottom:1px solid var(--line)}.skill-group:last-child{border-bottom:1px solid var(--line)}footer{margin:0 40px}.detail-grid{gap:35px}}@media(max-width:700px){.header{height:75px;padding:0 22px}.wordmark small{font-size:10px}.wordmark .wordmark-divider{margin:0 12px}.mobile-menu{display:grid;place-items:center;border:1px solid #333746;border-radius:5px;background:#14151e;color:#c6c7d6;padding:8px}.mobile-menu svg{width:18px;height:18px}.nav{display:none}.nav-open{display:flex;position:absolute;top:74px;left:0;right:0;background:#11131b;border-bottom:1px solid #353643;padding:24px;align-items:stretch;flex-direction:column;gap:24px}.nav-contact{justify-content:space-between}.hero{padding:63px 22px 0;min-height:650px}.hero h1{font-size:clamp(42px,8vw,60px);letter-spacing:-2px}.hero-eyebrow{font-size:8px;letter-spacing:1.5px}.hero-name{font-size:14px}.hero-description{font-size:13px;max-width:420px}.desktop-break{display:none}.orbital{width:440px;right:-270px;top:103px;opacity:.22;pointer-events:none}.hero-content{z-index:2}.hero .actions{gap:9px}.button{padding:12px 15px;font-size:11px;gap:10px}.hero-location{font-size:9px;flex-wrap:wrap}.hero-bottom{margin-top:65px;font-size:7px;letter-spacing:1px;gap:20px}.hero-bottom>span{max-width:180px;line-height:1.8}.hero-bottom a{gap:10px;white-space:nowrap}.section{padding:56px 22px}.section-heading{align-items:flex-start;flex-direction:column;gap:14px}.section-heading p{font-size:11px}.eyebrow{font-size:8px;letter-spacing:1.5px}.project-grid{grid-template-columns:1fr;gap:20px}.project-bifrost{display:block}.project-bifrost .project-visual{min-height:260px;height:260px}.project-info{padding:22px}.project-filters{gap:2px}.project-filters button{font-size:10px;padding:9px 10px}.project-title h3{font-size:24px}.about-section,.infrastructure{grid-template-columns:1fr;gap:30px;margin-top:10px}.about-copy .lead{font-size:20px}.about-copy p{font-size:12px}.principles{gap:16px;flex-wrap:wrap}.skills-grid{grid-template-columns:repeat(2,1fr)}.skill-group{padding:23px 18px}.skill-group:last-child{grid-column:1/-1}.skill-group h3{min-height:0}.skill-group:last-child ul{flex-direction:row;flex-wrap:wrap}.architecture{padding:18px}.contact-section{margin-top:20px;padding:65px 22px}.contact-section p br{display:none}footer{margin:0 22px;flex-wrap:wrap;padding:24px 0;gap:19px}footer>span{font-size:8px}footer>span:nth-child(3){display:none}.detail{padding-top:30px}.detail-heading{padding-top:45px}.detail-heading>p{font-size:18px}.detail-grid{grid-template-columns:1fr;gap:25px;padding-top:20px}.detail-sidebar{position:static}.visual-large{height:300px}.visual-large .api-content{min-height:195px}.visual-large .api-content aside{font-size:6px;gap:11px;padding:12px 6px}.visual-large .api-content aside b,.visual-large .api-content aside small{font-size:6px}.visual-large .api-editor{padding:12px 8px}.visual-large .api-editor pre{font-size:7px}.visual-large .request-input,.visual-large .api-tabs,.visual-large .response-heading{font-size:6px}.visual-large .playing-cards{height:165px}.visual-large .playing-card{width:75px;height:112px}.visual-large .playing-card>span{font-size:36px}.visual-large .game-label{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.project-card:hover,.button:hover{transform:none}}