*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"DM Sans",sans-serif;background:#08080b;color:#f5f2eb;line-height:1.6;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:260px;height:260px;border-radius:50%;background:rgba(174,116,255,.09);filter:blur(50px);pointer-events:none;transform:translate(-50%,-50%);z-index:1}.header{position:fixed;top:0;left:0;right:0;height:78px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;z-index:30;border-bottom:1px solid transparent;transition:.35s}.header.scrolled{background:rgba(8,8,11,.75);backdrop-filter:blur(18px);border-color:rgba(255,255,255,.08)}.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-family:"Space Grotesk";font-weight:700;font-size:19px}.logo-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#a970ff,#61d7ff);color:#08080b;font-weight:800}.accent{color:#b17cff}.nav{display:flex;align-items:center;gap:30px}.nav a{color:#a9a7b1;text-decoration:none;font-size:14px;font-weight:600;transition:.25s}.nav a:hover,.nav a.active{color:#fff}.nav-cta{padding:10px 16px;border:1px solid rgba(255,255,255,.13);border-radius:30px;background:rgba(255,255,255,.04)}.nav-cta i{margin-left:7px}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:22px}.section{position:relative;padding:120px 8%;max-width:1400px;margin:auto}.hero{min-height:820px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:40px;padding-top:140px;overflow:hidden;max-width:none;padding-left:10%;padding-right:10%}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,#000,transparent 75%);opacity:.5}.orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.orb-one{width:430px;height:430px;background:radial-gradient(circle,rgba(149,82,255,.2),transparent 65%);top:90px;right:8%}.orb-two{width:360px;height:360px;background:radial-gradient(circle,rgba(65,205,255,.13),transparent 65%);bottom:20px;left:15%}.hero-content,.hero-card-wrap{position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:700;color:#a9a3b4}.eyebrow span{display:inline-block;width:7px;height:7px;background:#a970ff;border-radius:50%;margin-right:9px;box-shadow:0 0 15px #a970ff}.hero h1{font-family:"Space Grotesk";font-size:clamp(48px,6.5vw,88px);line-height:.98;letter-spacing:-4px;margin:24px 0}.hero h1 em,.section-head h2 em,.about-content h2 em,.contact h2 em{font-style:normal;background:linear-gradient(100deg,#b378ff,#6ce0ff);-webkit-background-clip:text;color:transparent}.hero-copy{max-width:610px;color:#a7a5ad;font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;border-radius:12px;padding:14px 20px;font-weight:700;font-size:14px;transition:.3s;cursor:pointer}.btn-primary{color:#08080b;background:linear-gradient(100deg,#b37cff,#6bdcff);box-shadow:0 10px 35px rgba(151,101,255,.2)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 45px rgba(151,101,255,.35)}.btn-ghost{color:#f7f6f3;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.035)}.btn-ghost:hover{background:rgba(255,255,255,.08);transform:translateY(-3px)}.hero-meta{display:flex;gap:18px;flex-wrap:wrap;color:#85828e;font-size:12px}.hero-meta i{color:#9c6dff;margin-right:5px}.hero-card-wrap{display:flex;justify-content:center;position:relative}.hero-card{width:min(470px,90%);padding:10px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.13);box-shadow:0 35px 100px rgba(0,0,0,.5);transform:rotate(3deg);animation:float 5s ease-in-out infinite}.card-top{height:36px;display:flex;align-items:center;gap:6px;padding:0 10px;color:#77737f}.card-top .dot{width:7px;height:7px;border-radius:50%;background:#555}.card-top small{margin-left:auto;font-size:9px}.mini-screen{height:330px;border-radius:16px;padding:35px;background:linear-gradient(145deg,#17141e,#0d1118);overflow:hidden;position:relative}.mini-line{height:10px;width:55%;border-radius:10px;background:#4b4654;margin:13px 0}.mini-line.wide{height:28px;width:80%;background:linear-gradient(90deg,#b378ff,#61d7ff);opacity:.85}.mini-boxes{display:flex;gap:12px;margin-top:40px}.mini-boxes span{height:100px;flex:1;border-radius:12px;border:1px solid #36323e;background:linear-gradient(145deg,#211c2c,#10131a)}.mini-footer{position:absolute;bottom:35px;left:35px;font-family:"Space Grotesk";font-size:34px;line-height:.95}.mini-footer b{display:block;color:#f3f0ea}.mini-footer strong{color:#aa73ff}.floating-tag{position:absolute;background:rgba(17,16,22,.78);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);padding:11px 14px;border-radius:12px;font-size:11px;box-shadow:0 15px 40px #0008}.floating-tag i{color:#9d70ff;margin-right:7px}.tag-one{top:15%;left:-3%}.tag-two{bottom:13%;right:-3%}.trust-strip{border-top:1px solid #19191f;border-bottom:1px solid #19191f;padding:28px 8%;display:grid;grid-template-columns:repeat(4,1fr);background:#0a0a0e}.trust-strip div{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid #202027}.trust-strip div:last-child{border:0}.trust-strip strong{font:700 28px "Space Grotesk"}.trust-strip span{font-size:11px;color:#77747e;text-transform:uppercase;letter-spacing:1px}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:48px}.section-head h2{font:700 clamp(38px,5vw,65px) "Space Grotesk";line-height:1;letter-spacing:-3px;margin-top:12px}.section-head>p{max-width:380px;color:#898690;font-size:14px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project-card{border:1px solid #222129;background:#0d0d12;border-radius:22px;overflow:hidden;transition:.4s}.project-card:hover{transform:translateY(-8px);border-color:#3a3545;box-shadow:0 30px 80px rgba(0,0,0,.35)}.project-preview{height:360px;position:relative;overflow:hidden;background-size:cover;background-position:center}.restaurant-preview{background:linear-gradient(125deg,#2b1710,#70542b 42%,#15100c)}.cafe-preview{background:linear-gradient(135deg,#161d24,#6a543e 50%,#0e0d0d)}.restaurant-preview:before,.cafe-preview:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 30%,rgba(255,201,106,.28),transparent 35%),linear-gradient(130deg,transparent 20%,rgba(255,255,255,.06) 50%,transparent 70%);animation:shine 7s linear infinite}.cafe-preview:before{background:radial-gradient(circle at 35% 35%,rgba(255,222,163,.25),transparent 32%),linear-gradient(130deg,transparent 20%,rgba(255,255,255,.06) 50%,transparent 70%)}.preview-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0d0d12,transparent 65%)}.preview-label{position:absolute;top:18px;right:18px;font-size:9px;letter-spacing:2px;padding:8px 10px;border:1px solid #ffffff25;border-radius:20px;background:#0005;backdrop-filter:blur(8px)}.preview-content{position:absolute;left:28px;bottom:27px}.preview-content small{letter-spacing:3px;color:#d2a466;font-size:10px}.cafe-preview .preview-content small{color:#e5cda6}.preview-content h3{font:600 42px "Space Grotesk";line-height:1;margin:8px 0}.preview-content span{font-size:11px;color:#aaa6aa}.project-info{display:flex;justify-content:space-between;gap:20px;padding:25px}.project-no{font-size:9px;color:#8f6cd0;letter-spacing:2px}.project-info h3{font:600 18px "Space Grotesk";margin:8px 0}.project-info p{color:#77747e;font-size:12px;max-width:600px}.circle-btn{flex:0 0 48px;height:48px;border:1px solid #2d2a34;border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;transition:.3s}.circle-btn:hover{background:#fff;color:#08080b;transform:rotate(8deg)}.services{background:linear-gradient(180deg,#08080b,#0c0a11,#08080b);max-width:none}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #25232c;border-left:1px solid #25232c}.service{padding:35px 28px;min-height:270px;border-right:1px solid #25232c;border-bottom:1px solid #25232c;position:relative;transition:.3s}.service:hover{background:#101016}.service>span{position:absolute;top:20px;right:20px;color:#625d6b;font-size:10px}.service i{font-size:24px;color:#a876ff;margin:20px 0 45px}.service h3{font:600 20px "Space Grotesk";margin-bottom:9px}.service p{color:#77747e;font-size:12px}.about{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:100px}.about-visual{height:440px;position:relative;display:grid;place-items:center}.about-ring{width:330px;height:330px;border-radius:50%;border:1px solid #302b39;box-shadow:inset 0 0 80px #7c4dc817,0 0 80px #7c4dc812;animation:spin 18s linear infinite}.about-ring:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#a970ff;box-shadow:0 0 25px #a970ff;top:55px;left:calc(50% + 145px)}.about-initial{position:absolute;font:700 170px "Space Grotesk";background:linear-gradient(135deg,#fff,#7b61a4);-webkit-background-clip:text;color:transparent}.about-badge{position:absolute;bottom:35px;right:8%;border:1px solid #2c2834;padding:13px 16px;border-radius:12px;background:#101015cc;backdrop-filter:blur(10px);font-size:9px;letter-spacing:2px;color:#9994a1}.about-content h2{font:700 clamp(38px,4.5vw,60px) "Space Grotesk";line-height:1.02;letter-spacing:-2px;margin:15px 0 25px}.about-content p{color:#8c8993;font-size:14px;max-width:680px;margin-bottom:15px}.about-content strong{color:#eee}.skills{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.skills span{font-size:10px;border:1px solid #2b2931;border-radius:30px;padding:8px 11px;color:#aaa5b1;background:#0d0d12}.process{padding-top:70px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #25232c}.process-item{padding:35px 25px;border-right:1px solid #25232c}.process-item:last-child{border:0}.process-item b{font:600 12px "Space Grotesk";color:#9d6fff}.process-item h3{font:600 22px "Space Grotesk";margin:25px 0 8px}.process-item p{font-size:12px;color:#77747e}.contact{max-width:none;text-align:center;padding-top:150px;padding-bottom:140px;overflow:hidden}.contact-bg{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(140,77,255,.18),transparent 38%),radial-gradient(circle at 80% 70%,rgba(62,205,255,.08),transparent 30%)}.contact-inner{position:relative;z-index:2}.contact h2{font:700 clamp(50px,7vw,88px) "Space Grotesk";line-height:.95;letter-spacing:-4px;margin:20px 0}.contact p{color:#85818d}.contact-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:32px 0}.contact-details{display:flex;justify-content:center;gap:25px;flex-wrap:wrap}.contact-details a{color:#88848f;text-decoration:none;font-size:12px}.contact-details i{color:#a970ff;margin-right:7px}.footer{padding:30px 8%;border-top:1px solid #1e1d24;display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:center;gap:20px;color:#77747e;font-size:11px}.footer-brand{display:flex;align-items:center;gap:9px;color:#eee}.footer-brand .logo-mark{width:28px;height:28px;font-size:13px}.footer-links{display:flex;gap:18px;justify-content:center}.footer a{color:#77747e;text-decoration:none}.footer a:hover{color:#fff}.copyright{grid-column:1/-1;border-top:1px solid #19181e;padding-top:20px;text-align:center;font-size:10px}.top-btn{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border:1px solid #2b2832;border-radius:50%;background:#111017dd;backdrop-filter:blur(10px);color:#fff;z-index:25;cursor:pointer;opacity:0;transform:translateY(20px);transition:.3s}.top-btn.show{opacity:1;transform:none}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@keyframes float{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(1deg) translateY(-14px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shine{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@media(max-width:900px){.header{padding:0 5%}.menu-btn{display:block}.nav{position:absolute;top:78px;left:5%;right:5%;display:none;flex-direction:column;align-items:stretch;gap:4px;padding:12px;background:#111017f2;backdrop-filter:blur(18px);border:1px solid #282530;border-radius:16px}.nav.open{display:flex}.nav a{padding:13px}.nav-cta{text-align:center}.hero{grid-template-columns:1fr;min-height:auto;padding-top:145px;padding-bottom:100px}.hero-card-wrap{margin-top:30px}.hero-card{width:min(500px,88vw)}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip div{padding:12px;border-bottom:1px solid #202027}.section{padding:90px 6%}.section-head{display:block}.section-head>p{margin-top:20px}.projects{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr;gap:30px}.about-visual{height:350px}.process-grid{grid-template-columns:1fr 1fr}.process-item:nth-child(2){border-right:0}.footer{grid-template-columns:1fr;text-align:center}.footer-brand{justify-content:center}.footer-links{justify-content:center}.copyright{grid-column:auto}}@media(max-width:560px){.hero h1{font-size:47px;letter-spacing:-2.5px}.hero-copy{font-size:15px}.hero-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px}.floating-tag{display:none}.mini-screen{height:260px;padding:25px}.mini-boxes span{height:70px}.mini-footer{left:25px;bottom:25px;font-size:25px}.trust-strip strong{font-size:22px}.trust-strip span{font-size:9px}.section{padding:75px 5%}.section-head h2{font-size:40px;letter-spacing:-2px}.project-preview{height:270px}.preview-content h3{font-size:31px}.project-info{padding:20px}.service-grid,.process-grid{grid-template-columns:1fr}.service{min-height:220px}.process-item,.process-item:nth-child(2){border-right:0}.about-ring{width:270px;height:270px}.about-initial{font-size:130px}.contact h2{font-size:52px;letter-spacing:-2px}.contact{padding-top:100px;padding-bottom:100px}.contact-details{flex-direction:column;gap:10px}.footer{padding:28px 5%}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none}.hero-card,.about-ring{animation:none}.project-preview:before{animation:none}}