*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#2b1a0f;background:#8f5528;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font-family:inherit}.page{background:radial-gradient(circle at 50% 0,#ffe09e8c,#0000 28%),linear-gradient(#c7833e 0%,#8f5528 100%);min-height:100vh}.map-hero{z-index:20;pointer-events:none;width:100%;position:fixed;top:0;left:0}.logo-wrap{pointer-events:auto;width:min(260px,100vw - 40px);margin:26px}.brand-logo{object-fit:contain;filter:drop-shadow(0 10px 18px #30190952)drop-shadow(0 0 12px #ffdc9624);-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.scroll-hint{z-index:21;color:#5c371c;pointer-events:none;background:#ffe8bcdb;border-radius:999px;align-items:center;gap:12px;padding:13px 18px;font-size:14px;font-weight:700;display:flex;position:fixed;bottom:28px;right:30px;box-shadow:0 18px 50px #3f220d38}.scroll-hint span{background:#7a4b24;border-radius:50%;width:9px;height:9px;animation:1.5s ease-in-out infinite pulse}.map-section{isolation:isolate;contain:layout paint style;width:min(100vw,980px);min-height:100vh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 0 1px #4326122e,0 50px 150px #2c180a73}.desert-map-image{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;display:block}.map-overlay{z-index:6;pointer-events:none;background:linear-gradient(#2b16081f 0%,#0000 9% 86%,#2b160833 100%),radial-gradient(circle at 50% 20%,#0000 0%,#321b0c0d 100%);position:absolute;inset:0}.dust-layer{z-index:4;pointer-events:none;filter:blur(14px);mix-blend-mode:normal;will-change:transform;position:absolute;inset:-18%}.dust-layer-one{opacity:.28;background:radial-gradient(circle at 15% 18%,#ffe4ae6b,#0000 14%),radial-gradient(circle at 68% 28%,#ffda9647,#0000 18%),radial-gradient(circle at 34% 65%,#ffeec642,#0000 20%),radial-gradient(circle at 82% 82%,#ffdea038,#0000 17%);animation:22s ease-in-out infinite alternate dustMoveOne}.dust-layer-two{opacity:.12;background:radial-gradient(circle at 72% 10%,#fff0cd42,#0000 16%),radial-gradient(circle at 25% 44%,#ffdfa638,#0000 18%),radial-gradient(circle at 58% 76%,#ffebbe33,#0000 21%);animation:32s ease-in-out infinite alternate dustMoveTwo}.sand-particles{z-index:3;pointer-events:none;mix-blend-mode:normal;will-change:transform;position:absolute;inset:-5%}.sand-particles-one{opacity:.42;background-image:radial-gradient(circle,#fff0cd73 0 1px,#0000 1.4px),radial-gradient(circle,#ffd68b57 0 1px,#0000 1.4px);background-position:0 0,34px 48px;background-size:78px 78px,130px 130px;animation:22s linear infinite sandParticlesOne}.sand-particles-two{display:none}.project-box{z-index:10;cursor:pointer;will-change:transform;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:clamp(75px,8vw,112px);height:clamp(65px,7vw,96px);padding:0;transition:transform .25s;animation:4.2s ease-in-out infinite treasureFloat;position:absolute;transform:translate(-50%,-50%)}.project-box:hover{transform:translate(-50%,-50%)translateY(-9px)scale(1.12)}.project-box:focus-visible{outline-offset:6px;border-radius:24px;outline:3px solid #ffe2a2f2}.project-box:before{content:"";z-index:-1;opacity:0;filter:blur(6px);background:radial-gradient(circle,#ffd87342 0%,#ffd8731a 36%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite treasureGlow;position:absolute;inset:-10px}.project-box:after{content:"";z-index:-1;filter:blur(7px);opacity:.7;background:#00000061;border-radius:50%;width:78%;height:28%;transition:opacity .25s,transform .25s;position:absolute;bottom:-12%;left:50%;transform:translate(-50%)}.project-box:hover:after{opacity:.88;transform:translate(-50%)scale(1.08)}.treasure-image{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 10px 8px #0000006b)saturate(1.05);width:100%;height:100%;animation:none;display:block}.treasure-number{z-index:2;color:#ffe2a2;letter-spacing:.5px;pointer-events:none;background:#2b170ac7;border-radius:999px;place-items:center;min-width:clamp(20px,2vw,28px);height:clamp(17px,1.8vw,24px);padding:0 5px;font-size:clamp(8px,1vw,11px);font-weight:900;display:grid;position:absolute;bottom:4%;left:50%;transform:translate(-50%);box-shadow:0 5px 10px #21110752,inset 0 1px #ffeeb933}.box-one{animation-delay:0s;top:15.5%;left:65%}.box-two{animation-delay:.45s;top:20.5%;left:33%}.box-three{animation-delay:.9s;top:32.5%;left:51%}.box-four{animation-delay:1.35s;top:45.5%;left:40%}.box-five{animation-delay:1.8s;top:61%;left:54%}.box-six{animation-delay:2.25s;top:78%;left:43%}.footer{z-index:5;color:#f8ddb0;background:#40220eb8;justify-content:space-between;gap:18px;width:min(100vw,980px);margin:0 auto;padding:28px 34px;display:flex;position:relative}.footer p,.footer span{margin:0}.modal-overlay{z-index:50;background:#1c110ac2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.project-modal{scrollbar-width:thin;scrollbar-color:#5b351873 transparent;background:#f3dfbd;border-radius:34px;width:min(900px,100%);max-height:90vh;animation:.28s modalIn;position:relative;overflow:hidden auto;box-shadow:0 40px 140px #00000059}.project-modal::-webkit-scrollbar{width:8px}.project-modal::-webkit-scrollbar-track{background:0 0}.project-modal::-webkit-scrollbar-thumb{background:#5b351873;border-radius:999px}.project-modal>img{object-fit:cover;width:100%;height:380px;display:block}.modal-content{padding:34px}.modal-content>p{color:#8b5a2b;letter-spacing:2px;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:800}.modal-content h2{color:#27180d;letter-spacing:-2px;margin:0 0 14px;font-size:42px}.modal-content>span{color:#5d3b1f;font-size:18px;line-height:1.7;display:block}.close-button{z-index:5;float:right;color:#2b2017;cursor:pointer;touch-action:manipulation;background:#fff5e1f0;border:0;border-radius:50%;width:44px;height:44px;margin:18px 18px -62px 0;font-size:28px;line-height:1;position:sticky;top:18px;right:18px;box-shadow:0 10px 24px #2f190a2e}.close-button:hover{transform:scale(1.04)}.works-section{border-top:1px solid #5d3b1f2e;margin-top:34px;padding-top:26px}.works-section h3{color:#27180d;letter-spacing:-1px;margin:0 0 18px;font-size:26px}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.work-card{background:#ffefceb8;border-radius:22px;overflow:hidden;box-shadow:0 16px 35px #3d230f24}.work-card img{object-fit:cover;width:100%;height:180px;display:block}.work-card p{color:#4f2d16;letter-spacing:0;text-transform:none;margin:0;padding:13px 15px 15px;font-size:14px;font-weight:800}@keyframes dustMoveOne{0%{transform:translate(-24px,-16px)scale(1)}to{transform:translate(34px,26px)scale(1.08)}}@keyframes dustMoveTwo{0%{transform:translate(28px,20px)scale(1.06)}to{transform:translate(-38px,-24px)scale(1)}}@keyframes sandParticlesOne{0%{background-position:0 0,34px 48px;transform:translate(0,0)}to{background-position:160px 80px,220px 140px;transform:translate(90px,45px)}}@keyframes treasureFloat{0%,to{transform:translate(-50%,-50%)translateY(0)}50%{transform:translate(-50%,-50%)translateY(-4px)}}@keyframes treasureGlow{0%,to{opacity:.08;transform:scale(.94)}50%{opacity:.44;transform:scale(1.06)}}@keyframes modalIn{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@media (width<=900px){.logo-wrap{width:min(210px,100vw - 32px);margin:18px}}@media (width<=760px){.map-hero{width:auto;position:fixed;top:12px;left:12px;right:12px}.logo-wrap{width:120px;margin:0}.brand-logo{filter:drop-shadow(0 8px 14px #30190957)drop-shadow(0 0 8px #ffdc961f)}.scroll-hint{background:#ffe8bce6;gap:8px;padding:10px 13px;font-size:12px;bottom:14px;right:14px}.scroll-hint span{width:8px;height:8px}.map-section,.footer{width:100%}.project-box{width:75px;height:65px;animation:none}.project-box:before{animation:none;display:none}.project-box:after{filter:blur(5px);opacity:.58}.project-box:hover{transform:translate(-50%,-50%)scale(1.04)}.treasure-image{filter:drop-shadow(0 8px 6px #00000061)saturate(1.03)}.treasure-number{min-width:20px;height:18px;font-size:9px}.dust-layer,.sand-particles{animation:none;display:none}.modal-overlay{background:#1c110ac7;justify-content:center;align-items:center;padding:18px;display:flex}.project-modal{border-radius:24px;width:min(92vw,390px);max-height:82vh;margin:0 auto;animation:.22s modalIn;overflow:hidden auto}.project-modal>img{object-fit:cover;width:100%;height:260px}.close-button{float:right;z-index:10;background:#fff5e1f5;width:36px;height:36px;margin:12px 12px -48px 0;font-size:24px;line-height:1;position:sticky;top:12px;right:12px;box-shadow:0 8px 18px #2f190a33}.modal-content{padding:24px}.modal-content h2{font-size:34px;line-height:1.05}.modal-content>span{font-size:17px;line-height:1.7}.works-section{text-align:center;width:100%;margin-top:26px;padding-top:22px}.works-section h3{text-align:center;font-size:22px}.works-grid{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.work-card{width:92%;max-width:none;margin-left:auto;margin-right:auto}.work-card img{object-fit:cover;width:100%;height:210px}.footer{flex-direction:column;padding:24px}}@media (width<=420px){.logo-wrap{width:105px}.scroll-hint{padding:9px 12px;font-size:11px}.project-modal{width:90vw;max-height:80vh}.project-modal>img{height:235px}.modal-content{padding:22px}.modal-content h2{font-size:31px}.close-button{width:34px;height:34px;margin:10px 10px -44px 0;font-size:22px;top:10px;right:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}