*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020706;color:#eff8f4;font-family:Inter,Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:4px 4px}.ambient{position:fixed;width:520px;height:520px;border-radius:50%;filter:blur(110px);opacity:.13;pointer-events:none;z-index:-1}.a1{background:#1cff8e;top:0;right:-200px}.a2{background:#00a36b;top:40%;left:-300px}.nav{height:70px;position:fixed;z-index:50;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:linear-gradient(#020706ee,#02070699,transparent);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}.brand strong{font-size:27px;letter-spacing:-3px}.brand span{font-size:11px}.brand small{display:block;color:#82918c;font-size:9px;margin-top:2px}.nav nav{display:flex;gap:27px}.nav nav a{color:#c8d1cd;text-decoration:none;font-size:12px}.nav nav a:hover{color:#42f5a7}.mini-btn,.btn,.icon-btn{border:1px solid #42f5a766;background:#07110e;color:#fff;border-radius:12px;padding:11px 16px;text-decoration:none;font-size:11px;font-weight:700;transition:.25s}.mini-btn:hover,.btn:hover,.icon-btn:hover{transform:translateY(-3px);box-shadow:0 0 28px #42f5a733}.section{width:min(1180px,90%);margin:auto;padding:95px 0}.hero{min-height:790px;padding-top:135px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}.pill,.section-label{display:inline-block;border:1px solid #42f5a74d;color:#42f5a7;border-radius:30px;padding:7px 11px;font-size:9px;letter-spacing:1.5px;font-weight:800}.hero h1{font-size:clamp(64px,8vw,100px);line-height:.85;letter-spacing:-6px;margin:22px 0}.hero h1 span,.section-title span,.section-top h2 span,h2 span{color:#42f5a7}.hero h2{font-size:34px;line-height:1.08;margin:0 0 20px}.hero p{color:#9caaa5;line-height:1.7;max-width:620px;font-size:14px}.cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:25px 0}.btn.fill{background:#42f5a7;color:#03110a;border-color:#42f5a7;box-shadow:0 0 35px #42f5a733}.hero-visual{height:500px;position:relative}.shopify-mark{position:absolute;right:20%;top:3%;width:120px;height:120px;background:linear-gradient(145deg,#67ffb3,#0bd77d);color:#063e26;border-radius:40% 55% 45% 60%;display:grid;place-items:center;font-weight:900;font-size:90px;transform:rotate(-8deg);box-shadow:0 0 75px #42f5a799}.hero-laptop{position:absolute;right:0;top:23%;width:540px;height:315px;border:1px solid #65746f;border-radius:16px;background:#101816;padding:12px;transform:perspective(1000px) rotateY(-8deg) rotateX(2deg);box-shadow:0 30px 80px #000}.hero-laptop img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:9px;opacity:.8}.note{position:absolute;color:#78e8b1;font:20px cursive;line-height:1.05}.n1{left:8%;top:27%;transform:rotate(-7deg)}.n2{right:-3%;top:58%;transform:rotate(8deg)}.social-section{padding-top:25px}.section-title{font-size:46px;margin:12px 0 30px}.social-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.flip-card{height:275px;perspective:1100px;text-decoration:none;color:#fff}.flip-inner{height:100%;position:relative;transition:transform .75s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}.flip-card:hover .flip-inner{transform:rotateY(180deg)}.face{position:absolute;inset:0;border:1px solid #42f5a72c;border-radius:22px;padding:28px;backface-visibility:hidden;overflow:hidden;background:linear-gradient(145deg,#091713,#040b09);box-shadow:0 25px 70px #0009}.face:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;filter:blur(40px);right:-50px;bottom:-60px;background:#42f5a722}.instagram .face{border-color:#e940b566}.instagram .face:after{background:linear-gradient(45deg,#ff9a00,#ff006e,#7d4cff);opacity:.22}.linkedin .face:after{background:#0a8cff55}.github .face:after{background:#a8b3ff44}.social-icon{font-size:45px;font-weight:900;margin-bottom:20px}.instagram .social-icon{background:linear-gradient(45deg,#ffd600,#ff0069,#7c3cff);-webkit-background-clip:text;color:transparent}.face small{color:#91a09b;font-size:9px;letter-spacing:2px}.face h3{font-size:25px;margin:9px 0}.face p{color:#9eaca7;font-size:12px;line-height:1.6;max-width:280px}.hover-tip{position:absolute;bottom:22px;right:25px;color:#42f5a7;font-size:9px}.back{transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.back img{width:120px;height:120px;object-fit:contain;border-radius:12px;background:#fff}.back-symbol{font-size:65px;color:#42f5a7}.back b{font-size:18px}.back span{color:#42f5a7;font-size:11px}.two{display:grid;grid-template-columns:1.3fr .8fr;gap:18px}.panel{border:1px solid #42f5a71d;border-radius:22px;background:linear-gradient(145deg,#081410dd,#040b09dd);box-shadow:0 25px 70px #0008;padding:28px;position:relative;overflow:hidden}.about{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center}.portrait{height:310px;border-radius:18px;overflow:hidden;background:#07130f}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}.panel h2{font-size:35px;margin:13px 0}.panel p{color:#9aa9a3;font-size:12px;line-height:1.7}.stats{display:flex;gap:32px;margin-top:22px}.stats strong{display:block;color:#42f5a7;font-size:25px}.stats small{color:#77857f;font-size:9px}.services{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.services div{min-height:102px;border:1px solid #ffffff09;border-radius:13px;background:#ffffff03;padding:14px;display:flex;flex-direction:column;gap:7px;font-size:19px}.services b{font-size:10px}.services small{color:#718079;font-size:9px;line-height:1.4}.projects-section{padding-top:110px}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-top h2{font-size:48px;margin:12px 0}.section-top p{max-width:430px;color:#7e8d87;font-size:11px;line-height:1.6}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.project-card{border:1px solid #42f5a72c;border-radius:20px;background:#06100d;padding:13px;overflow:hidden}.project-image{position:relative;border-radius:13px;overflow:hidden;aspect-ratio:16/10;background:#0b1914}.project-image img{width:100%;height:100%;object-fit:cover;display:block}.arrow{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border:1px solid #42f5a766;background:#02100be8;color:white;border-radius:50%;z-index:2}.arrow.left{left:9px}.arrow.right{right:9px}.dots{position:absolute;bottom:9px;left:0;right:0;text-align:center}.dots button{width:6px;height:6px;border:0;border-radius:50%;margin:0 3px;padding:0;background:#71817a}.dots button.active{background:#42f5a7;box-shadow:0 0 9px #42f5a7}.project-card h3{margin:14px 5px 5px;font-size:17px}.project-card p{margin:0 5px;color:#7e8b86;font-size:10px;line-height:1.6;min-height:34px}.project-actions{display:flex;gap:8px;margin:13px 5px 5px}.project-actions .btn{padding:8px 11px;font-size:9px}.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:20px}.chips div{min-height:72px;border:1px solid #ffffff09;border-radius:12px;background:#ffffff03;padding:11px;display:flex;flex-direction:column;gap:4px;font-size:17px}.chips b{font-size:10px}.chips small{color:#65736e;font-size:8px}.contact{display:flex;align-items:center;justify-content:space-between;min-height:310px;margin-bottom:80px}.contact h2{font-size:48px}.contact-shopify{width:170px;height:170px;border-radius:40% 55% 50% 60%;background:#42f5a7;display:grid;place-items:center;box-shadow:0 0 80px #42f5a777;transform:rotate(-10deg)}.contact-shopify span{font-size:120px;color:#063b25;font-weight:900}.icon-btn{width:42px;height:42px;padding:0;display:grid;place-items:center}footer{border-top:1px solid #ffffff0a;padding:25px 5%;display:flex;justify-content:space-between;color:#64716d;font-size:9px}.modal{position:fixed;z-index:100;inset:0;background:#000d;display:none;align-items:center;justify-content:center;padding:30px}.modal.open{display:flex}.modal-box{width:min(1100px,95vw);max-height:90vh;background:#07100d;border:1px solid #42f5a744;border-radius:20px;padding:12px}.modal-box img{width:100%;max-height:78vh;object-fit:contain;background:#020706;border-radius:12px}.modal-caption{display:flex;justify-content:space-between;padding:10px;color:#a9b7b1;font-size:11px}.modal-caption b{color:#42f5a7}#closeModal{position:fixed;right:25px;top:20px;background:#42f5a7;color:#03110a;border:0;width:40px;height:40px;border-radius:50%;font-size:24px;z-index:101}
@media(max-width:950px){.nav nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:120px}.hero-visual{height:410px}.hero-laptop{width:92%;height:250px}.social-cards,.projects-grid,.two{grid-template-columns:1fr}.about{grid-template-columns:180px 1fr}.chips{grid-template-columns:repeat(4,1fr)}.contact-shopify{opacity:.3}.section-top{display:block}}@media(max-width:600px){.section{padding:70px 0}.nav{height:60px}.mini-btn{display:none}.hero h1{font-size:62px}.hero h2{font-size:24px}.hero-visual{height:320px}.shopify-mark{width:85px;height:85px;font-size:60px}.hero-laptop{height:190px;top:25%}.note{font-size:14px}.n1{left:0}.n2{right:0}.flip-card{height:245px}.about{grid-template-columns:1fr}.portrait{height:330px}.services{grid-template-columns:1fr}.chips{grid-template-columns:repeat(2,1fr)}.section-top h2,.section-title{font-size:37px}.contact{display:block}.contact-shopify{display:none}.contact h2{font-size:37px}footer{display:block}.footer .brand{margin-bottom:12px}.project-card{min-width:0}}