:root{font-family:Space Grotesk,sans-serif;color:#f6f7f8;background:radial-gradient(circle at top left,rgba(40,234,152,.22),transparent 22rem),radial-gradient(circle at top right,rgba(40,234,152,.18),transparent 18rem),linear-gradient(180deg,#4a4a4d,#3a3a3e 42%,#222428);color-scheme:dark;--bg: #2f3136;--panel: rgba(23, 26, 29, .88);--panel-soft: rgba(255, 255, 255, .1);--border: rgba(58, 233, 157, .75);--border-soft: rgba(255, 255, 255, .16);--text: #f7f8f8;--muted: #d9e0df;--accent: #35e39a;--accent-deep: #0f9b68;--shadow: 0 24px 60px rgba(0, 0, 0, .38)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#2f3136}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.page-shell{position:relative;overflow:hidden}.ambient{position:fixed;inset:auto;width:22rem;height:22rem;border-radius:50%;background:#35e39a29;filter:blur(50px);pointer-events:none;z-index:0}.ambient-left{top:-6rem;left:-6rem}.ambient-right{top:-4rem;right:-6rem}.topbar,.section,footer{position:relative;z-index:1}.topbar{width:100%;margin:0;padding:.7rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1.1rem;background:#313131f0;border-top:1px solid rgba(94,111,74,.45);box-shadow:0 18px 28px #0003,0 8px #0000001f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:inline-flex;align-items:center;flex-shrink:0}.brand img{width:4.35rem;height:4.35rem;object-fit:cover;object-position:center 42%;border-radius:1.2rem;border:none;box-shadow:0 10px 24px #00000047}.menu-toggle{display:none;width:2.8rem;height:2.8rem;padding:0;border:none;border-radius:.9rem;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff0f;cursor:pointer}.menu-toggle span{display:block;width:1.15rem;height:2px;margin:.24rem auto;background:#fff;transition:transform .18s ease,opacity .18s ease}.nav{display:flex;align-items:center;justify-content:center;gap:2rem;flex:1}.nav a{color:#ffffffd1;font-weight:700;transition:color .18s ease,transform .18s ease}.nav a:hover{color:var(--accent);transform:translateY(-1px)}.header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:2.2rem;padding:.68rem 1.2rem;border-radius:999px;background:var(--accent);color:#07140f;font-weight:800;text-transform:uppercase;box-shadow:0 12px 24px #35e39a3d;flex-shrink:0}.section{max-width:1180px;margin:0 auto;padding:2rem 1.5rem 5rem}.hero{min-height:calc(100vh - 5.5rem);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:2rem}.eyebrow{margin:0 0 .9rem;color:var(--accent);text-transform:uppercase;letter-spacing:.22em;font-size:.78rem;font-weight:700}.hero h1,.section-heading h2,.about-panel h2{margin:0;font-family:Anton,sans-serif;letter-spacing:.02em;line-height:.98;text-transform:uppercase}.hero h1{font-size:clamp(3.3rem,7vw,6.6rem);max-width:11ch;text-shadow:0 10px 20px rgba(0,0,0,.25)}.hero h1 span{display:block;color:#fff}.hero-text,.about-panel p,.contact-copy p,.service-card p,.project-card span{color:#f5f7f8cc;line-height:1.7;font-size:1.02rem}.hero-text{max-width:36rem;margin:1.35rem 0 0}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0 1.6rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:3.4rem;padding:.95rem 1.5rem;border-radius:999px;border:2px solid transparent;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#11221c;background:var(--accent);box-shadow:0 14px 32px #35e39a47}.btn-secondary{border-color:#ffffff2e;background:#ffffff0f}.feature-strip{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.75rem}.feature-strip li,.contact-chips span{padding:.7rem .95rem;border-radius:999px;border:1px solid rgba(53,227,154,.35);background:#0e12146b;color:var(--muted)}.hero-visual{position:relative;min-height:40rem}.hero-visual:before{content:"";position:absolute;left:-2rem;bottom:.4rem;width:100%;height:45%;background:linear-gradient(135deg,var(--accent) 0%,rgba(53,227,154,.36) 100%);border-radius:50% 50% 0 0;filter:blur(.3px);opacity:.9}.device-card{position:absolute;left:0;right:3.5rem;top:5rem;border-radius:2rem;padding:1rem;background:linear-gradient(180deg,#101316,#181c20);border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow)}.device-top{display:flex;gap:.45rem;padding-bottom:.8rem}.device-top span{width:.75rem;height:.75rem;border-radius:50%;background:#ffffff61}.device-screen{position:relative;min-height:24rem;border-radius:1.4rem;overflow:hidden;background:linear-gradient(135deg,#35e39a33,#0000),radial-gradient(circle at 20% 20%,rgba(255,255,255,.18),transparent 30%),linear-gradient(160deg,#32414c,#0f1418)}.screen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:2.4rem 2.4rem;opacity:.22}.screen-content{position:relative;z-index:1;height:100%;padding:1.4rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-content:end}.screen-panel{padding:1rem;border-radius:1rem;background:#07090c94;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.screen-panel.wide{grid-column:1 / -1}.screen-panel p,.project-card p{margin:0 0 .4rem;color:var(--accent);font-size:.78rem;text-transform:uppercase;letter-spacing:.18em}.screen-panel strong,.service-card h3,.project-card h3{font-size:1.1rem}.floating-card{position:absolute;width:13rem;padding:1rem 1.1rem;border-radius:1.25rem;background:linear-gradient(180deg,#f7f8f8f5,#e8eaebe6);color:#15181b;border:2px solid rgba(53,227,154,.85);box-shadow:0 18px 32px #0000004d;animation:float 5.8s ease-in-out infinite}.floating-card small{display:block;margin-bottom:.35rem;color:#0f9b68;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.floating-card strong{font-size:1.15rem;line-height:1.2}.floating-one{right:0;top:3rem}.floating-two{right:14.5rem;top:18rem;animation-delay:.8s}.floating-three{right:0;top:24.5rem;animation-delay:1.6s}.section-heading{max-width:46rem;margin-bottom:2rem}.section-heading h2,.about-panel h2{font-size:clamp(2.2rem,4vw,4rem)}.services-grid,.projects-grid,.stats,.contact-grid{display:grid;gap:1.25rem}.services-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.service-card,.project-card,.about-panel,.contact-form,.contact-copy{position:relative;border-radius:1.5rem;padding:1.5rem;background:#0b0e1199;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.service-card{min-height:16rem}.service-index{display:inline-flex;margin-bottom:1.1rem;font-family:Anton,sans-serif;color:var(--accent);font-size:2.1rem}.service-card h3,.project-card h3{margin:0 0 .9rem}.projects-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.project-card{overflow:hidden;padding:0;background:#ececec;border:1px solid rgba(255,255,255,.32);min-height:100%}.project-visual{position:relative;display:block;min-height:10.5rem;background-size:cover;background-position:center;border-bottom:1px solid rgba(0,0,0,.08);transition:transform .22s ease,filter .22s ease}.project-card:hover .project-visual{transform:scale(1.03);filter:brightness(1.04)}.project-cta{position:absolute;right:.85rem;bottom:.85rem;padding:.45rem .7rem;border-radius:999px;background:#080c0ecc;color:#fff;font-size:.78rem;font-weight:700;opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease}.project-card:hover .project-cta{opacity:1;transform:translateY(0)}.visual-dashboard{background:linear-gradient(135deg,#0000002e,#00000059),linear-gradient(180deg,#0a1616,#111f25);position:relative}.visual-dashboard:before,.visual-dashboard:after,.visual-commerce:before,.visual-mobile:before{content:"";position:absolute}.visual-dashboard:before{top:1.1rem;right:1.1rem;bottom:1.1rem;left:1.1rem;border-radius:.9rem;background:linear-gradient(#53e2f5e6 0,#53e2f5e6 0) 12% 28% / 4% 48% no-repeat,linear-gradient(#35e39ae6 0,#35e39ae6 0) 18% 38% / 4% 38% no-repeat,linear-gradient(#c680ffe6 0,#c680ffe6 0) 24% 45% / 4% 31% no-repeat,linear-gradient(90deg,#35e39af2,#7be0fff2) 50% 72% / 72% 2px no-repeat,linear-gradient(90deg,#ff76b2f2,#ffd976f2) 52% 46% / 46% 2px no-repeat,linear-gradient(180deg,#06090cf5,#090e12f5);box-shadow:inset 0 0 0 1px #ffffff14}.visual-dashboard:after{left:1.4rem;right:1.4rem;bottom:1.25rem;height:2.6rem;border-radius:.8rem;background:radial-gradient(circle at 10% 50%,rgba(61,202,255,.9) 0 8%,transparent 10%),radial-gradient(circle at 33% 50%,rgba(168,118,255,.9) 0 8%,transparent 10%),radial-gradient(circle at 57% 50%,rgba(53,227,154,.9) 0 8%,transparent 10%),radial-gradient(circle at 82% 50%,rgba(255,209,102,.9) 0 8%,transparent 10%),linear-gradient(180deg,#0a0e12f2,#0d1216f2)}.visual-commerce{position:relative;background:linear-gradient(135deg,#191d2326,#0000004d),linear-gradient(145deg,#8e96a0,#4b5561 45%,#242b33)}.visual-commerce:before{left:12%;top:14%;width:70%;height:56%;border-radius:.9rem;transform:rotate(-4deg);background:linear-gradient(#fffffff2 0,#fffffff2 0) 14% 18% / 18% 16% no-repeat,linear-gradient(#65c4ffcc 0,#65c4ffcc 0) 14% 44% / 62% 8% no-repeat,linear-gradient(#35e39acc 0,#35e39acc 0) 14% 60% / 44% 8% no-repeat,linear-gradient(#ffffffeb,#e4e9eeeb);box-shadow:0 16px 28px #00000042,inset 0 0 0 1px #0000000f}.visual-mobile{position:relative;background:linear-gradient(180deg,#00000026,#00000038),linear-gradient(160deg,#6f7378,#8f9297 45%,#4c5056)}.visual-mobile:before{top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 38% 68%,#ff7d57 0 8%,transparent 9%),radial-gradient(circle at 65% 58%,#ff7d57 0 8%,transparent 9%),linear-gradient(#e9ecef 0,#e9ecef 0) 36% 60% / 7% 28% no-repeat,linear-gradient(#e9ecef 0,#e9ecef 0) 63% 50% / 7% 28% no-repeat,radial-gradient(circle at 39% 90%,#f8fbfd 0 10%,transparent 11%),radial-gradient(circle at 66% 79%,#f8fbfd 0 10%,transparent 11%)}.visual-bot{position:relative;background:linear-gradient(180deg,#0000002e,#0000004d),linear-gradient(145deg,#20252b,#363d46 48%,#15191d)}.visual-bot:before{top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 35% 40%,#35e39a 0 7%,transparent 8%),radial-gradient(circle at 65% 40%,#35e39a 0 7%,transparent 8%),linear-gradient(#dbe4ea 0,#dbe4ea 0) 42% 50% / 16% 6% no-repeat,linear-gradient(#dbe4ea 0,#dbe4ea 0) 50% 62% / 34% 8% no-repeat,linear-gradient(#dbe4ea 0,#dbe4ea 0) 28% 28% / 44% 36% no-repeat,linear-gradient(#dbe4ea 0,#dbe4ea 0) 18% 75% / 18% 4% no-repeat,linear-gradient(#dbe4ea 0,#dbe4ea 0) 64% 75% / 18% 4% no-repeat;background-repeat:no-repeat}.project-body{padding:1rem 1rem 1.05rem;color:#101418;background:#efefef}.project-body span{display:block;color:#4b5563;font-size:.94rem}.project-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.project-tags small{padding:.38rem .6rem;border-radius:.55rem;background:#e3e3e3;color:#1f2937;font-size:.76rem;font-weight:500}.about-panel{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.stats{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}.stats div{padding:1rem 1.1rem;border-radius:1.2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.stats strong{display:block;font-family:Anton,sans-serif;font-size:2rem;color:var(--accent)}.stats span{color:#f5f7f8b8;line-height:1.6}.contact-grid{grid-template-columns:.9fr 1.1fr;align-items:start}.contact-copy{min-height:100%}.contact-chips{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.contact-form{display:grid;gap:1rem}.contact-form label{display:grid;gap:.45rem;color:#ffffffe0;font-weight:500}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:.95rem 1rem;color:var(--text);background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:1rem;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #35e39a2e}.form-feedback{margin:0;color:var(--accent);font-weight:500}.site-footer{position:relative;z-index:1;width:100%;max-width:none;margin:3.5rem 0 0;padding:2.5rem 2rem 2rem;color:#f4f7f6;background:linear-gradient(180deg,#080a0cc7,#080a0c52);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -24px 40px #00000038,inset 0 18px 30px #ffffff05;border-radius:2rem 2rem 0 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:2.5rem;align-items:start}.footer-brand,.footer-column{display:flex;flex-direction:column;gap:1rem}.footer-brand img{width:8rem;height:8rem;object-fit:cover;object-position:center 42%;border-radius:1.6rem;border:none;box-shadow:0 10px 24px #0000003d;flex-shrink:0}.footer-column strong{display:block;margin-bottom:.25rem;color:#fff;font-size:1.15rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.footer-brand p{margin:0;color:#f5f7f8eb;line-height:1.7;max-width:18rem}.footer-socials{display:flex;gap:.9rem}.footer-socials a{width:3rem;height:3rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#111417;font-weight:700;box-shadow:0 10px 20px #0003}.footer-socials svg{width:1.2rem;height:1.2rem;fill:currentColor}.footer-links{display:flex;flex-direction:column;gap:.9rem}.footer-links a{color:#ffffffe0;font-size:1.05rem}.footer-links a:hover{color:var(--accent)}.footer-bottom{margin-top:2rem;padding-top:1.75rem;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;align-items:center;gap:1rem}.footer-bottom span{color:#ffffffd1;font-size:1rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 1100px){.footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.5rem}.hero,.about-panel,.contact-grid{grid-template-columns:1fr}.services-grid,.projects-grid,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-visual{min-height:45rem}.device-card{right:0}}@media (max-width: 780px){.topbar{flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.75rem 1rem}.menu-toggle{display:block}.menu-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav{display:none;order:4;width:100%;flex-direction:column;align-items:flex-start;gap:.9rem;padding:1rem .15rem .2rem;margin-top:.25rem;border-top:1px solid rgba(255,255,255,.08)}.nav.nav-open{display:flex}.header-cta{margin-left:auto;min-height:2.55rem;padding:.7rem 1rem;font-size:.92rem}.hero{min-height:auto;padding-top:1rem}.hero h1{max-width:100%}.hero-visual{min-height:39rem}.device-card{position:relative;top:4rem}.floating-card{width:11.25rem}.floating-two{right:12.5rem;top:16rem}.services-grid,.projects-grid,.stats{grid-template-columns:1fr}.site-footer{margin-top:2.5rem;padding:2rem 1.25rem 1.5rem;border-radius:1.5rem 1.5rem 0 0}.footer-top{grid-template-columns:1fr;gap:1.75rem}.footer-brand img{width:6rem;height:4rem}.footer-brand p{max-width:none}.footer-column{gap:.75rem}.footer-links{gap:.7rem}.footer-bottom{margin-top:1.5rem;padding-top:1.25rem;flex-direction:column;align-items:flex-start}}@media (max-width: 560px){.section{padding:1.4rem 1rem 4rem}.topbar{padding:.7rem .9rem;gap:.75rem}.brand img{width:3.9rem;height:3.9rem}.footer-brand img{width:6.75rem;height:6.75rem}.header-cta{display:none}.nav{gap:.75rem;padding-top:.85rem}.nav a{font-size:.95rem}.site-footer{margin-top:2rem;padding:1.5rem 1rem 1.25rem}.footer-column strong{font-size:1rem}.footer-links a,.footer-bottom span,.footer-brand p{font-size:.95rem}.footer-socials a{width:2.5rem;height:2.5rem}.footer-socials svg{width:1rem;height:1rem}.hero-actions,.btn{width:100%}.hero-visual{min-height:36rem}.floating-card{position:absolute;width:9.5rem;padding:.8rem}.floating-card strong{font-size:.95rem}.floating-one{top:2rem}.floating-two{right:10.25rem;top:13.5rem}.floating-three{top:20.5rem}}