@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0c0f17;--paper:#e5e8f0;--muted:#9da1aa;--accent:#7099f9;--line:#31343b;--display:'Space Grotesk',sans-serif;color-scheme:dark;font-family:'DM Sans',sans-serif;color:var(--paper);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{color:inherit}button:disabled{opacity:.5;cursor:default}.skip{position:fixed;top:-100px;background:var(--accent);color:var(--bg);padding:15px;z-index:100}.skip:focus{top:10px}header{height:104px;margin:0 4.8%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font:700 17px var(--display);letter-spacing:.5px}.brand img{width:39px;height:46px}.brand small{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:1.7px;color:var(--muted);margin-top:5px}nav{display:flex;gap:32px;font-size:13px}nav a:hover,.text-link:hover{color:var(--accent)}.nav-contact{font-size:13px;border-bottom:1px solid #666d7e;padding:12px 0}.nav-contact span{margin-left:30px;color:var(--accent)}.hero{position:relative;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;min-height:700px;max-width:1600px;margin:auto;padding:70px 4.8% 110px;gap:25px}.eyebrow{font:10px var(--display);letter-spacing:2px;color:var(--accent);line-height:1.6}.eyebrow i,.status i{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block;margin-right:8px}h1,h2,h3,h4{font-family:var(--display);font-weight:500}h1{font-size:clamp(44px,4.65vw,76px);line-height:1.08;letter-spacing:-3.8px;margin:28px 0}em{font-style:normal;color:var(--accent)}.intro{max-width:440px;font-size:17px;line-height:1.8;color:#b1b5be}.actions{display:flex;align-items:center;gap:30px;margin:32px 0}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;min-height:50px;padding:15px 21px;background:transparent;border:1px solid var(--line);border-radius:3px;font-size:13px;cursor:pointer;color:var(--paper)}.button.primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}.button:hover{filter:brightness(1.1);transform:translateY(-2px)}.text-link{font-size:13px;background:none;border:0;padding:12px 0;display:inline-flex;gap:20px;align-items:center}.hero-note{font-size:11px;color:#727783}.hero-art{height:490px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#1c253b55,transparent 60%);isolation:isolate}.orb{position:absolute;width:320px;height:320px;border-radius:50%;border:1px solid #454e62;background:radial-gradient(circle at 35% 30%,#34436621,transparent 70%);left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 80px #4d82ff08,0 0 100px #4564ac10}.orbit{position:absolute;left:50%;top:50%;width:440px;height:160px;border:1px solid #596c9955;border-radius:50%;transform:translate(-50%,-50%) rotate(-32deg);z-index:2;pointer-events:none}.orbit-two{width:395px;height:395px;transform:translate(-50%,-50%) rotate(20deg);border-style:dashed;border-color:#58658535}.art-label{position:absolute;left:25px;top:25px;font:8px monospace;letter-spacing:2px;color:#8e94a2}.code-rain{position:absolute;top:100px;left:80px;font:12px/3 monospace;letter-spacing:13px;color:#7198f322;transform:rotate(-8deg);user-select:none}.rabbit-start{position:absolute;left:50%;top:46%;width:230px;height:270px;transform:translate(-50%,-50%);background:none;border:0;z-index:3;transition:filter .3s}.rabbit-start img{width:100%;height:100%;filter:drop-shadow(0 0 18px #9ab8ff22);animation:breathe 5s ease-in-out infinite}.rabbit-start:hover{filter:drop-shadow(0 0 14px #7099f955)}.rabbit-shadow{position:absolute;bottom:-18px;left:35px;width:180px;height:18px;border-radius:50%;background:#7b99e010;filter:blur(8px)}.coordinate{position:absolute;font:8px monospace;letter-spacing:2px;right:0;top:50%;writing-mode:vertical-rl;color:#6c758a}.follow-hint{position:absolute;bottom:40px;left:50%;transform:translateX(-50%) rotate(-5deg);font-size:12px;color:#9ea7bd;white-space:nowrap}.follow-hint span{color:var(--accent);font-size:25px;margin-left:15px}.art-corner{position:absolute;bottom:5px;right:15px;font:8px monospace;letter-spacing:1.5px;color:#5c6579}.hero-bottom{position:absolute;bottom:24px;left:4.8%;right:4.8%;display:flex;justify-content:space-between;font:9px var(--display);letter-spacing:1px;color:var(--muted)}.hero-bottom a{color:var(--paper)}.ticker{display:flex;justify-content:space-around;gap:25px;align-items:center;overflow:hidden;padding:22px 4%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:11px var(--display);letter-spacing:2px;color:var(--accent)}.ticker span{white-space:nowrap;color:var(--muted)}.section{padding:100px 4.8%;max-width:1600px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px}h2{font-size:clamp(36px,3.4vw,54px);line-height:1.14;letter-spacing:-2.2px;margin:20px 0 0}.section-head>p{max-width:350px;font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:4px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 28px}.project-visual{display:block;border:1px solid var(--line);height:340px;width:100%;position:relative;overflow:hidden;text-align:left;padding:0;transition:border-color .2s}.project-visual:hover{border-color:var(--accent)}.club-visual{background:radial-gradient(ellipse at 80% 40%,#714b9b55,transparent 60%),#141723}.mock-nav{position:relative;z-index:2;padding:22px 25px;font:bold 18px var(--display);border-bottom:1px solid #ffffff13}.mock-nav span{float:right;font:7px var(--display);letter-spacing:1px;margin-top:8px;color:#c8b4e3}.club-type{position:relative;padding:36px 30px;font:bold 47px/.95 var(--display);letter-spacing:-2px;z-index:1}.club-type em{color:#dba8ff}.club-type small{font:8px var(--display);letter-spacing:2px;display:block;margin-top:22px;color:#b8a8c7}.club-ring{width:310px;height:310px;position:absolute;right:-30px;top:80px;border:2px solid #ba85ff66;border-radius:50%;box-shadow:0 0 0 24px #a777ed09,0 0 0 60px #a777ed06;transform:rotate(-22deg) scaleX(.7)}.club-ring:after{content:'MMT';position:absolute;inset:90px 20px;font:bold 70px var(--display);color:#ccaaff22}.visual-open{position:absolute;bottom:20px;right:20px;border:1px solid #ffffff44;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-size:20px}.project-meta{display:flex;justify-content:space-between;gap:15px;padding-top:22px}.tag{font:9px var(--display);letter-spacing:1.4px;color:var(--muted)}h3{font-size:22px;letter-spacing:-.7px;margin:12px 0}.project-meta p{font-size:13px;color:var(--muted);line-height:1.7;max-width:440px;margin:0}.project-meta>a,.round-link{font:24px var(--display);border:0;background:none;padding:10px}.game-visual{background:#7099f9;color:#0f1421}.demo-label{position:absolute;left:24px;top:24px;font:9px var(--display);letter-spacing:1.6px;border:1px solid #2c427688;border-radius:30px;padding:7px 12px}.pixel-field{position:absolute;right:20px;top:10px;font:55px/1.6 monospace;opacity:.15}.game-visual>img{position:absolute;width:150px;right:45px;bottom:70px;filter:drop-shadow(10px 10px 0 #4765ab)}.game-title{position:absolute;left:28px;bottom:45px;font:700 47px/.95 var(--display);letter-spacing:-2px}.game-title>span{display:block;font:8px var(--display);letter-spacing:1px;margin-top:20px}.game-visual .visual-open{border-color:#0f142166}.app-project{grid-column:1/-1}.app-visual{height:340px;background:#1c2334;display:flex;justify-content:center;padding:35px 12%;gap:0}.app-sidebar{width:190px;background:#141924;border-radius:8px 0 0 0;padding:28px;flex-shrink:0}.app-sidebar b{font:16px var(--display)}.app-sidebar b span{color:var(--accent)}.app-sidebar small{display:block;color:#808899;font-size:10px;line-height:1.7;margin-top:30px}.app-window{background:#e5e8f0;color:#141a26;padding:28px 30px;width:550px;border-radius:0 8px 0 0}.app-top{font-size:7px;letter-spacing:1.5px;color:#61687a}.app-window h4{font-size:25px;margin:18px 0}.app-window h4>span{float:right;color:#46609e}.mini-stats{display:flex;gap:12px}.mini-stats>span{background:#d8dde8;font:25px var(--display);padding:12px 17px;flex:1;border:1px solid #c5cbd9;border-radius:4px}.mini-stats small{display:block;font:8px 'DM Sans';margin-top:5px}.mini-task{font-size:9px;border-bottom:1px solid #cacfdc;padding:15px 0}.mini-task>span{float:right;color:#364873}.services{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:50px 1fr 1fr 30px;align-items:center;gap:30px;padding:32px 0;border-top:1px solid var(--line)}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row>span{font:11px var(--display);color:var(--muted)}.service-row h3{font-size:26px}.service-row p{font-size:13px;line-height:1.8;color:var(--muted);max-width:430px}.service-row b{color:var(--accent);font-size:26px;font-weight:400}.service-row:hover h3{color:var(--accent)}.method{display:grid;grid-template-columns:1fr 1fr;gap:100px;background:#121621;border-block:1px solid var(--line)}.method-intro>p:not(.eyebrow){max-width:450px;font-size:14px;line-height:1.9;color:var(--muted)}.method-intro h2{margin-bottom:28px}.steps article{padding:25px 0;border-bottom:1px solid var(--line)}.steps article:first-child{padding-top:5px}.steps span{font:9px var(--display);letter-spacing:1.6px;color:var(--accent)}.steps p{font-size:13px;line-height:1.8;color:var(--muted)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:110px}.contact h2{font-size:clamp(45px,4.2vw,66px)}.contact h2>span{color:var(--accent);display:inline-block;margin-left:15px}.contact>div>p:last-child{color:var(--muted);font-size:14px;line-height:1.8;margin-top:25px}form{display:flex;flex-direction:column;align-items:stretch}label{font-size:11px;margin:15px 0 10px}select,textarea{width:100%;border:1px solid #3d4350;background:#141924;border-radius:3px;color:var(--paper);padding:14px;font-size:13px;resize:vertical}form>.button{margin-top:20px;align-self:start}.form-note{font-size:10px;color:#8f96a6;line-height:1.7;max-width:390px}#brief-result{padding-top:12px;font-size:14px}#brief-result .text-link{margin-left:14px}footer{border-top:1px solid var(--line);margin:0 4.8%;padding:30px 0;display:flex;justify-content:space-between;align-items:center;gap:25px}footer>span{color:var(--muted);font-size:10px}.footer-rabbit{border:0;background:none;width:40px;padding:5px}.footer-rabbit img{width:100%;opacity:.5}dialog{color:var(--paper);background:#0f131d;border:1px solid #434c61;border-radius:8px;padding:50px;width:min(800px,94vw);max-height:90dvh;overflow-y:auto}dialog::backdrop{background:#040509dd;backdrop-filter:blur(12px)}.close{position:absolute;right:15px;top:10px;font:30px var(--display);background:none;border:0;min-width:44px;min-height:44px;z-index:5}.dialog-intro{color:var(--muted);font-size:14px;line-height:1.7}.game-area{position:relative;height:300px;border:1px solid #363e52;background:repeating-linear-gradient(0deg,transparent 0 39px,#7099f908 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,#7099f908 39px 40px);margin-block:20px;overflow:hidden}.game-target{position:absolute;background:var(--accent);border:none;border-radius:50%;width:48px;height:48px;font-size:23px;color:#0c0f17;box-shadow:0 0 30px #7099f930}.game-hud{display:flex;justify-content:space-between;font:13px var(--display);color:var(--accent)}.game-state{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:18px;padding:20px;background:#0f131de8}.game-state h3{margin:0}.flow-task{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px}.flow-task input{accent-color:var(--accent);width:20px;height:20px}.flow-task:has(input:checked) span{text-decoration:line-through;color:var(--muted)}.flow-add{display:flex;gap:10px;margin-top:25px}.flow-add input{min-width:0;flex:1;background:#171d2c;border:1px solid #444d61;border-radius:3px;padding:12px;color:var(--paper)}.flow-count{font:12px var(--display);color:var(--accent);margin-top:20px}#secret-dialog{width:min(1100px,96vw);padding:30px;overflow:hidden;background:#0b0e14}.secret-top{display:flex;justify-content:space-between;padding-right:45px;font:9px monospace;letter-spacing:2px;color:var(--accent)}#secret-world{position:relative;height:550px;max-height:70dvh;overflow:hidden;touch-action:none}.secret-grid{position:absolute;inset:-100px;background:linear-gradient(#7099f90c 1px,transparent 1px),linear-gradient(90deg,#7099f90c 1px,transparent 1px);background-size:50px 50px;transform:perspective(450px) rotateX(35deg);mask-image:linear-gradient(transparent,#000)}#secret-rabbit{position:absolute;width:150px;height:170px;left:75%;top:40%;transition:left .7s,top .7s,transform .7s;filter:drop-shadow(0 0 20px #7099f933)}.secret-message{position:absolute;left:5%;top:25%;max-width:55%}.secret-message h2{font-size:43px}.secret-message>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted)}.secret-message>.button{margin-top:15px}.secret-footer{font:8px monospace;color:#7d869a;letter-spacing:1px}.secret-complete #secret-rabbit{transform:rotate(-12deg) scale(1.2)}@keyframes breathe{50%{transform:translateY(-9px) rotate(-2deg)}}@media(min-width:1600px){header,footer{max-width:1446px;margin-inline:auto}}@media(max-width:900px){header{height:85px}nav{gap:18px}.brand{font-size:14px}.brand small{font-size:7px}.nav-contact{font-size:11px}.nav-contact span{margin-left:8px}.hero{min-height:620px;padding-top:45px;gap:0}h1{letter-spacing:-2.5px}.hero-art{height:400px}.orb{width:260px;height:260px}.orbit-one{width:330px}.orbit-two{width:320px;height:320px}.rabbit-start{width:190px;height:230px}.intro{font-size:15px}.actions{gap:15px;flex-wrap:wrap}.section{padding-block:75px}.method,.contact{gap:45px}.service-row{gap:20px;grid-template-columns:30px 1fr 1fr 25px}.service-row h3{font-size:22px}.app-visual{padding-inline:6%}.project-visual{height:300px}.game-title,.club-type{font-size:38px}.game-visual>img{width:115px;right:20px;bottom:80px}.hero-bottom{font-size:8px}.hero-bottom>span:first-child{display:none}}
@media(max-width:620px){header{margin:0 6%;height:80px}.brand{font-size:12px;gap:8px}.brand img{width:30px;height:37px}.brand small{letter-spacing:1px;font-size:6px}nav{display:none}.nav-contact{font-size:10px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:45px 6% 80px}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:46px;letter-spacing:-2.7px;margin:24px 0}.intro{font-size:15px;max-width:330px}.actions{margin-block:25px}.hero-note{font-size:10px}.hero-art{height:330px;margin-top:0}.art-label{left:5px;top:20px;font-size:6px}.orb{width:230px;height:230px}.orbit-one{width:330px;height:120px}.orbit-two{width:290px;height:290px}.rabbit-start{width:170px;height:210px}.follow-hint{bottom:5px;font-size:10px}.art-corner{display:none}.coordinate{font-size:6px}.hero-bottom{bottom:22px;left:6%;right:6%;font-size:7px}.ticker{padding-block:18px;justify-content:start;font-size:9px;gap:22px}.section{padding:65px 6%}.section-head{display:block;margin-bottom:30px}.section-head>p{font-size:13px;margin-top:24px}h2{font-size:37px;letter-spacing:-1.8px}.project-grid{grid-template-columns:1fr;gap:35px}.app-project{grid-column:auto}.project-visual{height:285px}.game-title,.club-type{font-size:42px}.game-visual>img{width:120px;right:25px;bottom:65px}.tag{font-size:8px}.project-meta h3{font-size:21px}.project-meta p{font-size:12px}.app-visual{height:270px;padding:25px 20px 0}.app-sidebar{width:95px;padding:20px 12px}.app-sidebar b{font-size:11px}.app-sidebar small{font-size:8px}.app-window{padding:22px 15px;min-width:0}.app-top{font-size:5px}.app-window h4{font-size:20px}.mini-stats{gap:5px}.mini-stats>span{padding:10px;font-size:23px}.mini-stats small{font-size:6px}.mini-task{font-size:7px}.service-row{grid-template-columns:25px 1fr 20px;gap:10px;padding:24px 0}.service-row h3{font-size:21px;margin:0}.service-row p{grid-column:2;grid-row:2;font-size:12px;margin:0}.service-row b{grid-column:3;grid-row:1}.method,.contact{display:block}.steps{margin-top:40px}.method-intro>p:not(.eyebrow){font-size:13px}.steps h3{font-size:21px}.contact form{margin-top:35px}.contact h2{font-size:45px}footer{margin:0 6%;flex-wrap:wrap;padding-block:25px}footer>span{font-size:8px}.footer-rabbit{width:30px}dialog{padding:45px 22px 25px}.game-area{height:300px}#secret-dialog{padding:25px 18px}#secret-world{height:530px}.secret-message{left:4%;top:45%;max-width:92%}.secret-message h2{font-size:33px}.secret-message>p:not(.eyebrow){font-size:13px}#secret-rabbit{width:100px;height:120px;left:65%;top:10%}.secret-top{font-size:7px}.secret-footer{font-size:6px;line-height:1.8}.flow-add{flex-direction:column}}
.project{min-width:0}.project-visual{min-width:0}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:620px){.project-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}