:root{--green:#078f3d;--green-light:#10bb55;--ink:#0b0d0c;--off:#eff4ef;--muted:#8d968f;--line:rgba(7,143,61,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--off);color:var(--ink);font-family:Space Grotesk,Arial,sans-serif;overflow-x:hidden}body:before{content:'';position:fixed;inset:0;z-index:10;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{position:absolute;z-index:5;top:0;left:0;right:0;height:86px;padding:0 clamp(21px,4vw,68px);display:flex;align-items:center;justify-content:space-between}.brand img{display:block;width:148px;filter:brightness(0) invert(1)}nav{display:flex;gap:28px;align-items:center}nav a,footer a{color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font:10px 'DM Mono',monospace}.header-button{border:1px solid rgba(255,255,255,.7);padding:12px 14px}.header-button span,.detail-button span{font-size:16px;margin-left:7px;color:var(--green)}.hero{height:54svh;min-height:410px;position:relative;background:#0c100e;overflow:hidden}.hero-underlay{position:absolute;inset:-30%;background:radial-gradient(circle at 15% 100%,#1ec262 0,transparent 27%),radial-gradient(circle at 84% 12%,#4c5e54 0,transparent 23%),linear-gradient(120deg,#1a211d,#0b0e0d 47%,#27312b);filter:blur(18px);animation:shift 12s ease-in-out infinite alternate}.liquid-glass{position:absolute;inset:0;z-index:2;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.63);background:linear-gradient(113deg,rgba(255,255,255,.29),rgba(255,255,255,.12) 21%,rgba(2,8,5,.08) 55%,rgba(255,255,255,.23));box-shadow:inset 0 1px rgba(255,255,255,.76),inset 0 -26px 42px rgba(0,0,0,.2);backdrop-filter:blur(8px) saturate(125%)}.liquid-glass:before{content:'';position:absolute;inset:0;background:linear-gradient(112deg,rgba(255,255,255,.48) 0%,rgba(255,255,255,.05) 11%,transparent 30%,transparent 72%,rgba(255,255,255,.32));opacity:.8}.liquid-glass:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:90px 90px;opacity:.09}.hero-logo{position:relative;z-index:1;width:min(590px,70vw);filter:brightness(0) saturate(100%) invert(26%) sepia(88%) saturate(1524%) hue-rotate(103deg) brightness(91%) contrast(102%) drop-shadow(0 0 12px rgba(7,143,61,.52))}.glint{position:absolute;z-index:1;display:block;border-radius:100%;background:rgba(255,255,255,.62);filter:blur(8px);transform:rotate(-30deg)}.glint-one{width:36vw;height:4px;top:19%;left:-5%;box-shadow:0 0 31px 10px rgba(255,255,255,.26)}.glint-two{width:33vw;height:3px;bottom:13%;right:-6%;opacity:.7}.glass-orb{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.57);box-shadow:inset 8px 8px 18px rgba(255,255,255,.3),inset -8px -8px 18px rgba(0,0,0,.22),0 14px 30px rgba(0,0,0,.2);backdrop-filter:blur(2px)}.glass-orb:after{content:'';position:absolute;width:32%;height:8%;left:22%;top:18%;border-radius:50%;background:rgba(255,255,255,.75);filter:blur(2px)}.orb-one{width:clamp(110px,16vw,245px);aspect-ratio:1;right:12%;top:25%;animation:float 7s ease-in-out infinite}.orb-two{width:clamp(65px,9vw,142px);aspect-ratio:1;left:12%;bottom:19%;opacity:.78;animation:float 8s ease-in-out -4s infinite}.signal-strip{height:48px;background:var(--green);color:white;display:flex;align-items:center;justify-content:center;gap:25px;overflow:hidden;white-space:nowrap;font:10px 'DM Mono',monospace;letter-spacing:.15em}.signal-strip i{width:6px;height:6px;flex:none;background:#fff;transform:rotate(45deg)}.intro-block{min-height:570px;padding:clamp(70px,11vw,160px) clamp(22px,7vw,118px);position:relative;display:grid;grid-template-columns:1.3fr .7fr;gap:30px;background:var(--off)}.marker{margin:0;font:10px 'DM Mono',monospace;color:var(--green);letter-spacing:.15em}.intro-block h1{grid-column:1/2;font-size:clamp(62px,9.2vw,148px);line-height:.77;letter-spacing:-.1em;margin:45px 0 0;font-weight:600}.intro-block h1 span{color:var(--green)}.intro-side{align-self:end;margin-bottom:4px;max-width:300px}.intro-side p{font-size:16px;line-height:1.55;margin:0 0 32px}.intro-side a{color:var(--ink);font:11px 'DM Mono',monospace;text-decoration:none;border-bottom:2px solid var(--green);padding:0 0 8px}.intro-side b{font-size:16px;color:var(--green);margin-left:9px}.apps-section{background:var(--ink);color:var(--off);padding:clamp(65px,10vw,140px) clamp(22px,7vw,118px)}.section-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:55px}.section-heading>p:last-child{font-size:18px;line-height:1.3;margin:0;color:#b2bbb3}.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:0;border-left:1px solid #39443c}.app-card{position:relative;min-height:485px;border-right:1px solid #39443c;border-top:1px solid #39443c;background:#0d100e;overflow:hidden;transition:background .35s}.app-card:hover{background:var(--green)}.card-index{position:absolute;top:17px;left:19px;z-index:2;font:10px 'DM Mono',monospace;color:var(--green-light)}.app-card:hover .card-index{color:#d9f9e6}.app-visual{height:337px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#173e26,#111612 62%)}.app-visual:before{content:'';position:absolute;width:76%;aspect-ratio:1;border:1px solid rgba(255,255,255,.25);transform:rotate(45deg)}.app-visual:after{content:'';position:absolute;width:54%;aspect-ratio:1;background:var(--green);filter:blur(48px);opacity:.65}.app-visual img{z-index:1;width:170px;max-height:170px;object-fit:contain;filter:drop-shadow(0 16px 13px rgba(0,0,0,.45));transition:transform .4s}.app-card:hover .app-visual img{transform:scale(1.1) rotate(-5deg)}.cross{position:absolute;z-index:2;color:var(--green-light);font:27px 'DM Mono',monospace}.cross-a{right:18px;top:12px}.cross-b{left:18px;bottom:11px}.app-info{position:relative;padding:27px 22px}.app-type{margin:0 0 10px;color:var(--green-light);font:9px 'DM Mono',monospace;letter-spacing:.16em}.app-info h2{font-size:38px;letter-spacing:-.07em;margin:0 0 22px;font-weight:500}.detail-button{color:var(--off);text-decoration:none;font-size:12px}.app-card:hover .app-type,.app-card:hover .cross{color:#e6ffe6}.studio-section{min-height:590px;display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:#fff;overflow:hidden}.studio-number{font-size:clamp(180px,33vw,520px);line-height:.7;letter-spacing:-.16em;font-weight:700;color:rgba(255,255,255,.1);align-self:end;transform:translateX(-.11em)}.studio-content{padding:clamp(70px,10vw,140px) clamp(22px,7vw,100px) 70px;display:flex;flex-direction:column;justify-content:center}.studio-content .marker{color:#d8f7df}.studio-content h2{font-size:clamp(49px,5.8vw,94px);line-height:.83;letter-spacing:-.09em;margin:30px 0 42px}.studio-content em{font-style:normal;color:#bcebd0}.square-button{align-self:start;color:white;text-decoration:none;border:1px solid white;padding:17px 20px;font-size:13px}.square-button span{font-size:19px;margin-left:20px}footer{min-height:115px;background:var(--off);display:flex;align-items:center;justify-content:space-between;padding:25px clamp(22px,4vw,68px);gap:20px;border-top:1px solid var(--line)}footer img{width:125px;filter:brightness(0)}footer p{margin:0;font:10px 'DM Mono',monospace;color:var(--muted)}footer a{color:var(--green)}.pop-note{position:fixed;z-index:20;right:21px;bottom:21px;display:flex;gap:12px;align-items:center;min-width:285px;padding:16px 42px 16px 16px;background:var(--green);color:#fff;box-shadow:8px 8px 0 var(--ink);transform:translateY(150%);transition:transform .5s cubic-bezier(.2,.9,.2,1)}.pop-note.show{transform:translateY(0)}.pop-note button{position:absolute;right:8px;top:7px;border:0;background:transparent;color:white;font-size:20px;cursor:pointer}.pop-note small,.pop-note strong{display:block}.pop-note small{font:9px 'DM Mono',monospace;letter-spacing:.13em;margin-bottom:3px}.pop-note strong{font-size:13px}.pop-dot{width:10px;height:10px;background:#fff;transform:rotate(45deg);flex:none}@keyframes float{50%{transform:translateY(-15px)}}@keyframes shift{to{transform:scale(1.12) translate(2%,3%)}}@media(max-width:700px){.site-header{height:70px}.brand img{width:120px}nav a:not(.header-button){display:none}.hero{height:50svh;min-height:375px}.hero-logo{width:74vw}.orb-one{right:-7%}.orb-two{left:2%}.signal-strip{justify-content:flex-start;padding-left:18px;gap:18px}.intro-block{display:block;min-height:0}.intro-block h1{margin:36px 0 55px}.section-heading{display:block}.section-heading>p:last-child{margin-top:18px}.studio-section{grid-template-columns:1fr;min-height:620px}.studio-number{position:absolute;opacity:.55}.studio-content{z-index:1;min-height:620px}.app-grid{grid-template-columns:1fr}.pop-note{right:14px;bottom:14px;min-width:250px}}