@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Bai+Jamjuree:wght@600;700&display=swap";:root{--bg: #000000;--text: #e0e0e0;--accent: #00e0ff;--muted: #1a1d21}*{margin:0;padding:0;box-sizing:border-box;list-style-type:none}body{background-color:var(--bg);color:var(--text);font-family:Satoshi,sans-serif;overflow-x:hidden}section{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 10%}.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 2rem;color:#fff}.hero-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.346) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.346) 1px,transparent 1px);background-size:60px 60px;opacity:.25;-webkit-mask-image:radial-gradient(circle at center,black 10%,transparent 70%);mask-image:radial-gradient(circle at center,black 10%,transparent 70%);pointer-events:none;z-index:0}.hero-content{position:relative;z-index:2;text-align:center;max-width:950px;margin-top:6rem}.hero-title{font-size:clamp(3rem,5.5vw,6rem);font-weight:900;line-height:1.1;letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#a0a0a0,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem}.hero-title span{background:linear-gradient(90deg,#d3d3d3,#9a9a9a,#f5f5f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900}.hero-subtitle{color:#a0a0a0;font-size:1.15rem;line-height:1.7;max-width:750px;margin:0 auto 3rem}.hero-actions{display:flex;justify-content:center;gap:1.2rem}.btn{border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;letter-spacing:.5px;transition:all .3s ease;background:transparent}.btn.primary{background:linear-gradient(90deg,#cfcfcf,#7e7e7e);color:#000;border:1px solid #9a9a9a;text-transform:uppercase}.btn.primary:hover{background:linear-gradient(90deg,#fff,#999);transform:translateY(-2px)}.btn.secondary{background:#ffffff0f;color:#e0e0e0;border:1px solid rgba(255,255,255,.15);text-transform:uppercase}.btn.secondary:hover{background:#ffffff1f}@media (max-width: 768px){.hero-content{text-align:left;margin-top:0rem}.hero-title{font-size:clamp(3rem,8vw,3rem)}.hero-actions{justify-content:flex-start}}.career-luxury{min-height:150vh;background:#000;color:#fff;display:flex;flex-direction:column;align-items:center;padding:8rem 2rem;position:relative;overflow:hidden}.career-heading{text-align:center;max-width:750px;margin-bottom:6rem;z-index:1}.career-heading h2{font-size:5.2rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(to right,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.career-heading p{color:#a1a1a1;margin-top:1rem;font-size:1.1rem;font-weight:400;line-height:1.6}.career-grid{display:grid;grid-template-columns:1fr;gap:0rem;width:100%;max-width:1200px;position:relative;z-index:2}@media (min-width: 640px){.career-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.career-grid{grid-template-columns:repeat(3,1fr)}}.career-card{position:relative;background:#ffffff05;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);transition:all .5s ease;overflow:hidden;isolation:isolate}.career-card-inner{padding:2.5rem;position:relative;z-index:2}.career-card h3{font-size:1rem;font-weight:600;color:#fff;text-transform:uppercase;margin-bottom:1rem}.career-card p{font-size:1rem;color:#a3a3a3;line-height:1.6}.career-card:hover:before{opacity:.5}.career-card:hover{transform:translateY(-6px) scale(1.01);border-color:#ffffff26;background:#ffffff0a}@media (max-width: 640px){.career-heading h2{font-size:2.2rem}.career-card-inner{padding:1.8rem}}.about-section{position:relative;background:#000;color:#fff;padding:14rem 4rem 0;overflow:hidden;display:flex;flex-direction:column;align-items:center}.about-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;opacity:.2;z-index:0}.about-content{position:relative;z-index:2;text-align:center;max-width:1000px;margin-bottom:10rem}.about-title{font-size:5.2rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(to right,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem}.about-text{font-size:1.1rem;color:#a9a9a9;line-height:1.9;max-width:800px;margin:0 auto}.about-story{position:relative;z-index:2;max-width:900px;text-align:left;margin:7rem auto;padding:0 2rem}.about-story-title{font-size:2.4rem;font-weight:700;letter-spacing:-.5px;color:#e6e6e6;margin-bottom:1.2rem;text-transform:uppercase}.about-story-text{font-size:1.1rem;color:#9a9a9a;line-height:1.8;max-width:750px}.about-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);margin:2rem 0}@media (max-width: 768px){.about-section{padding:8rem 1.5rem}.about-title{font-size:2.8rem}.about-story-title{font-size:1.8rem}.about-text,.about-story-text{font-size:1rem}}.luxury{background-color:#000;color:#fff;padding:12rem 2rem;position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.05)}.luxury-container{max-width:1300px;margin:0 auto;text-align:center}.luxury-title{font-size:clamp(4rem,10vw,9rem);font-weight:900;letter-spacing:-2px;background:linear-gradient(90deg,#fff,#999,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;margin-bottom:2rem}.luxury-title span{color:#ffffff26;display:block}.luxury-subtitle{color:#8b8b8b;max-width:700px;margin:0 auto 8rem;font-size:1.2rem;letter-spacing:.5px}.luxury-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1px;background:#ffffff0d;border:1px solid rgba(255,255,255,.05)}.luxury-card{background-color:#0a0a0a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4rem 3rem;text-align:left;border:1px solid rgba(255,255,255,.05)}.luxury-card h2{font-size:2rem;font-weight:700;color:#f5f5f5;margin-bottom:1rem;letter-spacing:1px}.luxury-card p{color:#a1a1a1;font-size:1rem;line-height:1.7}@media (max-width: 768px){.luxury{padding:6rem 1rem}.luxury-title{font-size:3rem}.luxury-grid{grid-template-columns:1fr}.luxury-card{padding:3rem 1.5rem}}.techstack{position:relative;background:#000;color:#fff;padding:12rem 2rem;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:center;align-items:center}.techstack-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:70px 70px;opacity:.2;pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(circle at center,black 60%,transparent 100%);mask-image:radial-gradient(circle at center,black 60%,transparent 100%)}.techstack-inner{position:relative;z-index:2;text-align:center;max-width:1100px}.techstack-title{font-size:clamp(3rem,5vw,5.5rem);font-weight:900;text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem;background:linear-gradient(90deg,#fff,#c5c5c5,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.techstack-subtitle{color:#a0a0a0;font-size:1.2rem;margin-bottom:6rem;letter-spacing:.5px}.techstack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:3rem;justify-content:center;align-items:center}.tech-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);padding:3rem 1rem;transition:all .4s ease;text-align:center;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.tech-card:before{content:"";position:absolute;top:-120%;left:-50%;width:200%;height:300%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.05) 40%,transparent 100%);transform:rotate(20deg);transition:opacity .5s ease;opacity:0}.tech-card:hover:before{opacity:1}.tech-card:hover{border-color:#fff3;background:#ffffff0a;transform:translateY(-4px)}.tech-icon{font-size:3rem;margin-bottom:1rem;color:#d1d1d1;transition:color .3s ease,transform .3s ease}.tech-card:hover .tech-icon{color:#fff;transform:scale(1.05)}.tech-name{font-size:1rem;color:#b0b0b0;letter-spacing:1px;text-transform:uppercase;font-weight:600}@media (max-width: 768px){.techstack-inner{text-align:left}.techstack-title{font-size:clamp(2.4rem,6vw,3.5rem)}.techstack-grid{gap:2rem}}.infra-section{position:relative;background:#000;color:#fff;padding:12rem 2rem;overflow:hidden;display:flex;flex-direction:column;align-items:center}.infra-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;opacity:.4;z-index:0;-webkit-mask-image:radial-gradient(circle at center,black 60%,transparent 100%);mask-image:radial-gradient(circle at center,black 60%,transparent 100%)}.infra-header{position:relative;z-index:2;text-align:center;margin-bottom:8rem;max-width:800px}.infra-title{font-size:4.5rem;font-weight:900;letter-spacing:-.02em;margin-bottom:1.5rem;background:linear-gradient(90deg,#fff,#9e9e9e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.infra-title span{background:linear-gradient(90deg,#bdbdbd,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.infra-subtext{color:#a0a0a0;font-size:1.1rem;line-height:1.7}.infra-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;width:100%;max-width:1200px}.infra-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);padding:3rem 2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden;transition:all .4s ease;cursor:default}.infra-card:hover{transform:translateY(-6px);border-color:#fff3}.infra-icon{font-size:2.4rem;margin-bottom:1.5rem;color:#cfcfcf}.infra-card-title{font-size:1.6rem;font-weight:700;margin-bottom:.8rem;color:#fff}.infra-card-text{color:#a0a0a0;font-size:1rem;line-height:1.6;max-width:400px}.infra-schematic{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,255,255,.04) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.infra-card:hover .infra-schematic{opacity:1}@media (max-width: 768px){.infra-title{font-size:2.8rem}.infra-header{margin-bottom:4rem}.infra-card{padding:2rem}}nav{width:100%;height:90px;padding:50px 30px;display:flex;align-items:center;justify-content:space-between;position:fixed;z-index:100;top:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo{font-size:24px;color:#fff;cursor:pointer}.navlinks{display:flex;align-items:center;gap:30px;color:#fff;list-style:none;transition:all .4s ease}.get{padding:10px 20px;background:none;border:1px solid rgba(255,255,255,.217);color:#fff;cursor:pointer;transition:all .3s ease}.project{position:relative}.num{position:absolute;font-size:10px;top:-5px;right:-6px;color:#7c7a7a;font-weight:700}.menu-icon{display:none;color:#fff;font-size:1.6rem;cursor:pointer;transition:transform .3s ease}.menu-icon:hover{transform:scale(1.1)}@media (max-width: 768px){.navlinks{position:fixed;top:90px;right:-100%;flex-direction:column;gap:2rem;background:#000000f2;width:100%;height:calc(100vh - 90px);justify-content:center;align-items:center;transition:right .4s ease;border-left:1px solid rgba(255,255,255,.08)}.navlinks li{font-size:3rem}.navlinks.open{right:0}.get{display:none}.menu-icon{display:block}}.footer{position:relative;background:#000;color:#e5e5e5;padding:8rem 2rem 3rem;overflow:hidden;border-top:1px solid rgba(255,255,255,.06);isolation:isolate}.footer-bg-title{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);font-size:clamp(10rem,10vw,13rem);font-weight:900;letter-spacing:.3rem;color:#ffffff07;text-transform:uppercase;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:0}.footer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent 60%);z-index:0;pointer-events:none}.footer:after{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);opacity:.3;z-index:1}.footer-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:3.5rem;max-width:1100px;margin:0 auto 4rem;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);padding-block:3rem}.footer-col{border-left:1px solid rgba(255,255,255,.05);padding-left:2rem}.footer-col:first-child{border-left:none;padding-left:0}.footer-col h3{font-size:1rem;letter-spacing:1px;color:#fff;font-weight:600;margin-bottom:1.2rem;text-transform:uppercase}.footer-col p{color:#a3a3a3;font-size:.95rem;line-height:1.8;transition:color .3s ease}.footer-col p:hover{color:#f5f5f5}.footer-bottom{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.05);padding-top:2.5rem;text-align:start}.footer-bottom p{font-size:.85rem;letter-spacing:1px;color:#666;text-transform:uppercase}.fade-in{opacity:0;transform:translateY(40px);transition:all 1.2s cubic-bezier(.25,.1,.25,1)}.fade-in.visible{opacity:1;transform:translateY(0)}@media (min-width: 768px){.footer-grid{grid-template-columns:repeat(3,1fr);gap:5rem}.footer-col{padding-left:3rem}.footer-bottom p{text-align:left}}@media (max-width: 767px){.footer-grid,.footer-bottom{text-align:left}}