@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--color-navy-950:#06152b;--color-navy-900:#0a1c36;--color-navy-800:#10284a;--color-blue-500:#2f92ff;--color-blue-400:#4aa8ff;--color-cyan-400:#36d8cf;--color-cyan-300:#66efe7;--color-slate-100:#dce7f6;--color-slate-200:#c7d6ea;--color-slate-300:#9fb4d2;--color-white:#fff;--bg-main:radial-gradient(1000px 580px at 6% -5%, #4fa6ff4d, transparent 45%), radial-gradient(840px 520px at 100% 0%, #32dcd133, transparent 42%), linear-gradient(180deg, #06152b 0%, #081a33 40%, #07172e 100%);--bg-surface:#091b328f;--bg-elevated:#0f233fbd;--stroke:#84b4ed3d;--shadow-soft:0 16px 36px #03081273;--shadow-card:0 20px 55px #03081280;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--container:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--color-slate-100);background:var(--bg-main);min-height:100vh;margin:0;font-family:Manrope,sans-serif}body:before,body:after{content:"";z-index:-1;filter:blur(80px);opacity:.65;border-radius:999px;width:460px;height:460px;position:fixed}body:before{background:#489aff80;top:-220px;right:-180px}body:after{background:#36d8cf5c;bottom:-260px;left:-180px}h1,h2,h3{color:var(--color-white);margin:0;font-family:Space Grotesk,sans-serif;line-height:1.2}p{color:var(--color-slate-200);margin:0;line-height:1.7}a{color:inherit;text-decoration:none}#root{min-height:100vh}main{overflow:clip}.container{width:min(var(--container), calc(100% - 2.5rem));margin-inline:auto}.section{padding:5.5rem 0}.section-alt{border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);background:linear-gradient(#091b32c7,#091b327a)}.section-label,.eyebrow{color:#8fd3ff;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(120deg,#2f92ff33,#36d8cf29);border:1px solid #6fbfff52;border-radius:999px;align-items:center;margin-bottom:1rem;padding:.35rem .75rem;font-size:.78rem;font-weight:700;display:inline-flex}h2{margin-bottom:1.1rem;font-size:clamp(1.8rem,3vw,2.5rem)}.btn{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;padding:.85rem 1.3rem;font-weight:700;transition:transform .25s,box-shadow .25s,background-color .25s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(120deg, var(--color-blue-500), var(--color-cyan-400));color:var(--color-white);box-shadow:0 10px 25px #2f92ff59}.btn-primary:hover{box-shadow:0 16px 30px #36d8cf57}.btn-secondary{color:#d7e7ff;background:#0d2341b3;border-color:#84b4ed5c}.section,.service-card,.project-card,.about-highlight,.contact-form,.hero-visual{animation:.72s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){.section{padding:4.3rem 0}.container{width:min(var(--container), calc(100% - 1.5rem))}}.site-header{z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--stroke);background:#07182db3;position:sticky;top:0}.navbar{justify-content:space-between;align-items:center;gap:1rem;min-height:74px;display:flex}.brand{letter-spacing:.01em;align-items:center;gap:.7rem;font-weight:800;display:inline-flex}.brand-logo{border-radius:.65rem;width:2.2rem;height:2.2rem;box-shadow:0 0 25px #33b8ff59}.brand-text{color:var(--color-white)}.nav-list{align-items:center;gap:1.3rem;margin:0;padding:0;list-style:none;display:flex}.nav-list a{color:var(--color-slate-200);font-size:.95rem;font-weight:600;transition:color .2s}.nav-list a:hover,.footer-links a:hover,.footer-social a:hover{color:var(--color-cyan-300)}.nav-cta{color:var(--color-white);background:linear-gradient(120deg, var(--color-blue-500), var(--color-cyan-400));border-radius:.7rem;justify-content:center;align-items:center;padding:.6rem .95rem;font-size:.88rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 12px 22px #2f92ff59}.menu-toggle{cursor:pointer;background:0 0;border:0;border-radius:8px;width:44px;height:44px;display:none}.menu-line{background:var(--color-slate-100);width:22px;height:2px;margin:4px auto;transition:all .2s;display:block}.mobile-menu{display:none}@media (width<=900px){.desktop-nav,.desktop-cta{display:none}.menu-toggle{display:block}.mobile-menu{border-top:1px solid var(--stroke);opacity:0;background:#0a1c36f5;gap:1rem;max-height:0;padding:0 1rem 1rem;transition:max-height .35s,opacity .35s,transform .35s,padding .35s;display:grid;overflow:hidden;transform:translateY(-8px)}.mobile-menu .nav-list{flex-direction:column;align-items:flex-start;gap:.9rem}.mobile-menu.open{opacity:1;max-height:360px;padding:1rem;transform:translateY(0)}}.hero-section{padding:6rem 0 4.8rem}.hero-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:2.5rem;display:grid}.hero-content h1{letter-spacing:-.03em;max-width:14ch;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.8rem)}.hero-logo{filter:drop-shadow(0 0 30px #40abff59);width:min(120px,34vw);height:auto;margin:0 0 1rem}.hero-subtext{max-width:58ch;margin-bottom:1.5rem;font-size:1.06rem}.hero-actions{flex-wrap:wrap;gap:.8rem;display:flex}.hero-visual{border-radius:var(--radius-lg);border:1px solid var(--stroke);min-height:410px;box-shadow:var(--shadow-card);isolation:isolate;background:radial-gradient(220px 180px at 86% 15%,#4aa8ff40,#0000 60%),radial-gradient(280px 190px at 12% 86%,#2ed4be29,#0000 65%),linear-gradient(#0d2340e6,#08182ef5);transition:transform .35s,box-shadow .35s;position:relative;overflow:hidden}.hero-visual:hover{transform:translateY(-6px)scale(1.01);box-shadow:0 26px 52px #061222a6}.hero-visual:before{content:"";background:linear-gradient(145deg,#2f92ff0f,#36d8cf08);position:absolute;inset:0}.signal-card{z-index:2;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#091d36ad;border:1px solid #81b1ec40;border-radius:12px;padding:.75rem 1rem;transition:transform .28s;animation:4.2s ease-in-out infinite floatSoft;position:absolute;top:1rem;left:1rem}.signal-card p{margin-bottom:.35rem;font-size:.78rem}.signal-card strong{color:var(--color-cyan-300);font-size:1.5rem}.app-stage{background:linear-gradient(160deg,#112a4c80,#0a1c3459);border:1px solid #82b2ee29;border-radius:18px;position:absolute;inset:.8rem}.dashboard-card{background:#081b31cc;border:1px solid #7eafec3d;border-radius:14px;width:min(320px,62%);padding:.8rem;transition:transform .3s;animation:5.6s ease-in-out infinite floatMedium;position:absolute;bottom:2.5rem;left:1.2rem;box-shadow:0 18px 35px #050f1f8c}.dashboard-header{gap:.35rem;margin-bottom:.7rem;display:flex}.window-dot{background:#a8d4ffbf;border-radius:999px;width:.45rem;height:.45rem}.dashboard-grid{grid-template-columns:1.2fr 1fr;gap:.5rem;display:grid}.dash-block{background:linear-gradient(130deg,#3c90f361,#2dd1bd47);border:1px solid #83b4ef33;border-radius:10px}.block-large{grid-row:span 2;min-height:5.2rem}.block-mid{min-height:2.2rem}.block-small{min-height:2.45rem}.phone-card{background:linear-gradient(160deg,#3f95f599,#23b3ba73);border:1px solid #8fd1ff7a;border-radius:22px;width:min(145px,32%);height:250px;transition:transform .3s;animation:6.4s ease-in-out infinite phoneDrift;position:absolute;top:3rem;right:1.35rem;box-shadow:0 20px 40px #05122294}.phone-card:before{content:"";background:linear-gradient(#06172cf5,#091e38e0);border-radius:16px;position:absolute;inset:.52rem}.phone-notch{z-index:1;background:#a4d6ff66;border-radius:999px;width:46px;height:7px;position:absolute;top:.9rem;left:50%;transform:translate(-50%)}.phone-bars{z-index:1;flex-direction:column;justify-content:flex-end;gap:.5rem;display:flex;position:absolute;inset:2.1rem 1.05rem 1rem}.phone-bars span{background:linear-gradient(120deg,#55afffe6,#54e9d6d1);border-radius:999px;height:.56rem;display:block}.phone-bars span:first-child{width:54%}.phone-bars span:nth-child(2){width:78%}.phone-bars span:nth-child(3){width:63%}.floating-pill{z-index:1;color:#d4ebff;background:#081b32db;border:1px solid #88b8f042;border-radius:999px;padding:.42rem .72rem;font-size:.72rem;transition:transform .25s;animation:4.8s ease-in-out infinite floatSoft;position:absolute}.pill-left{top:2.5rem;left:1.2rem}.pill-right{animation-delay:.7s;bottom:1.2rem;right:1.2rem}.hero-visual:hover .dashboard-card{transform:translateY(-4px)}.hero-visual:hover .phone-card{transform:translateY(-8px)scale(1.03)}.hero-visual:hover .floating-pill,.hero-visual:hover .signal-card,.hero-visual:hover .signal-chip{transform:translateY(-3px)}@keyframes floatSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes floatMedium{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes phoneDrift{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-4px)rotate(-1deg)}50%{transform:translateY(-7px)rotate(0)}75%{transform:translateY(-3px)rotate(1deg)}}@media (prefers-reduced-motion:reduce){.hero-visual,.signal-card,.dashboard-card,.phone-card,.floating-pill{transition:none;animation:none}.hero-visual:hover,.hero-visual:hover .dashboard-card,.hero-visual:hover .phone-card,.hero-visual:hover .floating-pill,.hero-visual:hover .signal-card,.hero-visual:hover .signal-chip{transform:none}}.signal-chip{z-index:2;color:#d8edff;letter-spacing:.03em;background:#07162adb;border:1px solid #7daeea42;border-radius:999px;padding:.45rem .75rem;font-size:.75rem;position:absolute}.chip-left{bottom:1rem;left:1rem}.chip-right{bottom:1.6rem;right:1rem}@media (width<=900px){.hero-section{padding-top:4.2rem}.hero-grid{grid-template-columns:1fr}.hero-content h1,.hero-subtext{max-width:none}.hero-visual{min-height:320px}.dashboard-card{width:min(280px,65%);bottom:2rem;left:.8rem}.phone-card{width:min(130px,32%);height:220px;right:.8rem}.floating-pill{display:none}}.services-grid,.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.8rem;display:grid}.service-card,.project-card,.about-highlight,.contact-form{background:var(--bg-surface);border:1px solid var(--stroke);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.service-card,.project-content{padding:1.2rem}.service-card{transition:transform .24s,box-shadow .24s}.service-card:hover,.project-card:hover{transform:translateY(-4px);box-shadow:0 20px 35px #091f3d8c}.service-card h3,.project-content h3,.about-highlight h3{margin-bottom:.55rem;font-size:1.1rem}.about-layout{grid-template-columns:1.25fr .85fr;gap:1.25rem;display:grid}.about-layout p+p{margin-top:.9rem}.about-highlight{padding:1.2rem}.about-highlight ul{color:var(--color-slate-200);margin:.8rem 0 0;padding-left:1.1rem}.about-highlight li+li{margin-top:.5rem}.project-card{transition:transform .24s,box-shadow .24s;overflow:hidden}.project-shot{aspect-ratio:16/9;border-bottom:1px solid var(--stroke)}.shot-1{background:radial-gradient(circle at 75% 25%,#66efe76b,#0000 40%),linear-gradient(120deg,#1673d7,#2accc0)}.shot-2{background:radial-gradient(circle at 80% 20%,#4aa8ff59,#0000 35%),linear-gradient(120deg,#06152b,#173a68)}.shot-3{background:radial-gradient(circle at 20% 20%,#8fd3ff57,#0000 35%),linear-gradient(120deg,#0d496a,#1ea1df)}.tag-list{flex-wrap:wrap;gap:.45rem;margin-top:.85rem;display:flex}.tag{color:var(--color-slate-100);border:1px solid #80b0ed52;border-radius:999px;padding:.35rem .6rem;font-size:.75rem;font-weight:700}.contact-layout{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.contact-links{gap:.5rem;margin-top:1rem;display:grid}.contact-links a{color:#85cbff;font-weight:700}.social-pill-row{gap:.7rem;margin-top:1.15rem;display:flex}.social-pill-row a{text-transform:uppercase;background:var(--bg-elevated);border:1px solid var(--stroke);width:2rem;height:2rem;color:var(--color-slate-100);border-radius:999px;place-items:center;font-size:.7rem;font-weight:700;transition:transform .2s,border-color .2s;display:grid}.social-pill-row a:hover{border-color:#67caff8c;transform:translateY(-2px)}.contact-form{gap:.65rem;padding:1.25rem;display:grid}.contact-form label{color:var(--color-slate-200);font-size:.85rem;font-weight:700}.contact-form input,.contact-form textarea{width:100%;font:inherit;color:var(--color-white);background:#06152bdb;border:1px solid #78a8e37a;border-radius:10px;padding:.68rem .8rem}.contact-form input:focus,.contact-form textarea:focus{border-color:#4cacffb3;outline:3px solid #2f92ff33}@media (width<=1000px){.services-grid,.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.about-layout,.contact-layout{grid-template-columns:1fr}}@media (width<=640px){.services-grid,.portfolio-grid{grid-template-columns:1fr}}.site-footer{border-top:1px solid var(--stroke);background:#04101ffa;padding:2.2rem 0}.footer-layout{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-brand{color:var(--color-white);margin-bottom:.3rem;font-weight:800}.footer-brand-wrap{gap:.35rem;display:grid}.footer-logo{border-radius:.6rem;width:2.1rem;height:2.1rem;box-shadow:0 0 20px #2f92ff57}.footer-copy{color:var(--color-slate-300);font-size:.85rem}.footer-links,.footer-social{flex-wrap:wrap;gap:1rem;display:flex}.footer-links a,.footer-social a{color:var(--color-slate-100);font-size:.9rem;font-weight:600;transition:color .2s}.footer-social a{border:1px solid var(--stroke);text-transform:uppercase;background:#0a213dc7;border-radius:999px;place-items:center;width:2rem;height:2rem;font-size:.72rem;display:grid}