*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#03050d;--panel:rgba(5,8,20,.78);--panel2:rgba(10,13,28,.72);--border:rgba(143,130,255,.18);--purple:#8b5cf6;--blue:#3b82f6;--cyan:#22d3ee;--text:#f5f7ff;--muted:#9ca5bd;--glow:0 0 35px rgba(139,92,246,.18)}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}
a{text-decoration:none;color:inherit}
.page-bg{position:fixed;inset:0;background-image:url("assets/background.png");background-size:cover;background-position:center top;z-index:-3}
.page-overlay{position:fixed;inset:0;background:linear-gradient(180deg,rgba(2,4,12,.56),rgba(2,4,12,.82) 55%,#03050d 100%);z-index:-2}
body:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 10%,rgba(83,65,200,.13),transparent 35%);z-index:-1}
.navbar{height:76px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:rgba(2,4,12,.72);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:10px}
.brand img{width:43px;height:43px;object-fit:cover;object-position:top;mix-blend-mode:screen}
.brand span{display:flex;flex-direction:column}
.brand strong{font-size:20px;letter-spacing:3px}
.brand small{font-size:7px;letter-spacing:2px;color:#aeb6cb}
nav{display:flex;align-items:center;gap:28px;font-size:13px;color:#b8bfd1}
nav a{transition:.2s}
nav a:hover,nav a.active{color:#fff}
nav a.active{color:#b48cff}
.nav-cta{padding:11px 19px;border-radius:11px;background:linear-gradient(135deg,#7c3aed,#2563eb);box-shadow:0 0 25px rgba(124,58,237,.3);color:#fff!important}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}
.section{width:min(1120px,90%);margin:auto;padding:105px 0}
.hero{min-height:640px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;padding-top:120px}
.eyebrow{color:#a879ff;font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:18px}
.hero h1{font-size:clamp(42px,5.5vw,70px);line-height:1.03;letter-spacing:-2.8px;margin-bottom:23px}
.hero h1 span,h2 span{background:linear-gradient(90deg,#b36bff,#4d9bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{max-width:650px;color:#aeb6c9;line-height:1.8;font-size:15px}
.hero-buttons{display:flex;gap:13px;margin-top:30px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 21px;border-radius:12px;font-size:13px;font-weight:700;transition:.2s}
.button:hover{transform:translateY(-2px)}
.button.primary{background:linear-gradient(135deg,#8b5cf6,#3b82f6);box-shadow:0 0 30px rgba(109,40,217,.3)}
.button.secondary{border:1px solid rgba(145,112,255,.5);background:rgba(10,12,27,.5)}
.hero-proof{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px;color:#8e97ae;font-size:11px}
.hero-panel{padding:25px}
.glass{background:linear-gradient(145deg,rgba(10,13,28,.82),rgba(4,7,18,.66));border:1px solid var(--border);box-shadow:var(--glow);backdrop-filter:blur(15px);border-radius:18px}
.panel-title{font-size:10px;letter-spacing:2px;color:#7f89a3;margin-bottom:20px}
.build-item{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.build-item:last-child{border-bottom:0}
.build-item i,.icon{font-style:normal;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#c5a6ff;background:linear-gradient(145deg,rgba(124,58,237,.3),rgba(59,130,246,.13));border:1px solid rgba(139,92,246,.25)}
.build-item strong,.build-item small{display:block}.build-item strong{font-size:13px}.build-item small{font-size:11px;color:#7f899f;margin-top:4px}
.tech-strip{width:100%;padding:22px 6%;display:flex;gap:28px;align-items:center;justify-content:center;flex-wrap:wrap;background:rgba(3,5,13,.7);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);color:#8992aa;font-size:11px}
.tech-strip span{color:#b6bfd3;letter-spacing:1px}.tech-strip b{font-size:11px;color:#c6cde0}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}
.section-heading h2{font-size:42px;letter-spacing:-1.5px}
.section-heading p{max-width:450px;color:#8f98ae;line-height:1.7;font-size:13px}
.centered{display:block;text-align:center}.centered p{margin:12px auto 0}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.service-card{padding:25px;min-height:190px}
.service-card .icon{margin-bottom:24px}.service-card h3{font-size:16px;margin-bottom:9px}.service-card p,.project-content p,.price-card p{font-size:12px;color:#8e97ad;line-height:1.7}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.project-card{overflow:hidden}.project-image{height:190px;background-size:cover;background-position:center}
.project-one{background-image:linear-gradient(180deg,transparent,rgba(2,4,12,.25)),url("assets/fake-player-system.png")}
.project-two{background-image:linear-gradient(180deg,rgba(50,20,100,.08),rgba(2,4,12,.35)),url("assets/end-world-lock-system.png");background-position:center 40%}
.project-three{background-image:linear-gradient(180deg,rgba(30,70,130,.08),rgba(2,4,12,.4)),url("assets/rtp-teleport-system.png");background-position:center 35%}
.project-content{padding:22px}.tag,.price-label{font-size:9px;letter-spacing:1.4px;color:#a87cff}.project-content h3{margin:8px 0}.project-content a{display:inline-block;margin-top:18px;font-size:11px;color:#bda2ff}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.price-card{position:relative;padding:30px}.price-card h3{font-size:34px;margin:13px 0 8px}.price-card h3 span{font-size:15px;color:#8e97ad}.price-card ul{list-style:none;margin:25px 0}.price-card li{font-size:12px;color:#b4bdd0;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.price-card li:before{content:"✓";color:#a678ff;margin-right:9px}.price-card .button{width:100%}.featured{border-color:rgba(139,92,246,.5);box-shadow:0 0 45px rgba(109,40,217,.18)}.popular{position:absolute;top:18px;right:18px;font-size:8px;letter-spacing:1px;padding:6px 9px;border-radius:20px;background:rgba(139,92,246,.18);color:#c9b3ff}
.about-card{padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:35px}.about-card h2{font-size:34px;line-height:1.2}.about-card>p{color:#9aa3b8;line-height:1.8;font-size:13px}.process{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.07);padding-top:30px;gap:20px}.process div{display:flex;flex-direction:column;gap:7px}.process b{color:#9d72ff;font-size:11px}.process strong{font-size:12px}.process small{color:#7f899f;font-size:10px}
.faq-list{max-width:850px;margin:auto;display:grid;gap:10px}.faq-list details{padding:20px 23px}.faq-list summary{cursor:pointer;font-size:13px;font-weight:600;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:#a879ff;font-size:18px}.faq-list details[open] summary:after{content:"−"}.faq-list p{color:#8f98ae;font-size:12px;line-height:1.7;margin-top:15px;max-width:90%}
.hire{padding-bottom:120px}.hire-card{text-align:center;padding:75px 30px}.hire-card h2{font-size:48px;line-height:1.1;margin-bottom:20px}.hire-card p{max-width:620px;margin:0 auto 28px;color:#9aa3b8;font-size:13px;line-height:1.7}.big{padding:15px 28px}.hire-card small{display:block;color:#687188;font-size:9px;margin-top:12px}
footer{padding:35px 6%;border-top:1px solid rgba(255,255,255,.07);background:rgba(2,4,11,.85);display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;color:#69738b;font-size:10px}.footer-brand{display:flex;flex-direction:column}.footer-brand strong{font-size:18px;letter-spacing:3px;color:#fff}.footer-brand span{font-size:7px;letter-spacing:2px}.footer-links{display:flex;gap:20px}.footer-links a:hover{color:#fff}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.navbar{padding:0 5%}nav{display:none;position:absolute;left:0;right:0;top:76px;padding:20px;background:rgba(3,5,13,.97);flex-direction:column;align-items:stretch;border-bottom:1px solid var(--border)}nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;gap:40px;padding-top:80px}.service-grid,.project-grid,.price-grid{grid-template-columns:1fr 1fr}.section-heading{display:block}.section-heading p{margin-top:15px}.about-card{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.brand img{width:36px;height:36px}.brand strong{font-size:16px}.hero h1{font-size:42px}.section{padding:75px 0}.service-grid,.project-grid,.price-grid{grid-template-columns:1fr}.tech-strip{gap:15px}.about-card{padding:30px}.process{grid-template-columns:1fr}.hire-card{padding:50px 20px}.hire-card h2{font-size:36px}.hero-proof{display:grid;gap:9px}}

.featured-project{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:28px;padding:18px;margin-bottom:28px;overflow:hidden}
.featured-video{min-height:360px;border-radius:18px;overflow:hidden;background:#05070d;display:flex;align-items:center}
.featured-video video{width:100%;height:auto;display:block;max-height:560px;object-fit:cover}
.featured-content{padding:26px 24px;display:flex;flex-direction:column;justify-content:center}
.featured-content h3{font-size:clamp(28px,3vw,42px);line-height:1.05;margin:14px 0}
.featured-content p{color:var(--muted);line-height:1.75}
.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.project-tags span{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);padding:7px 10px;border-radius:999px;font-size:12px;color:#d9e7ff}
@media(max-width:900px){.featured-project{grid-template-columns:1fr}.featured-video{min-height:auto}.featured-content{padding:16px 8px 10px}}


.developer-profile{
  margin-top:26px;
  padding:24px;
  border:1px solid rgba(120,170,255,.16);
  border-radius:20px;
  background:rgba(8,12,28,.48);
}
.profile-intro h3{margin:6px 0 8px;font-size:28px}
.profile-intro p{margin:0;max-width:760px}
.profile-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.profile-details div{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.profile-details span{display:block;font-size:11px;letter-spacing:1.5px;opacity:.58;margin-bottom:5px}
.profile-details strong{font-size:15px;word-break:break-word}
.profile-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.profile-points span{padding:9px 12px;border-radius:999px;background:rgba(66,150,255,.08);border:1px solid rgba(66,150,255,.16);font-size:12px}
@media(max-width:700px){.profile-details{grid-template-columns:1fr}.developer-profile{padding:18px}}