:root{--bg:#05070a;--bg-elevated:#0b0f14;--bg-soft:#11171f;--surface:#ffffff08;--surface-hover:#ffffff0e;--border:#ffffff14;--border-strong:#ffffff24;--text:#e8eef2;--text-muted:#9aa7b2;--text-dim:#6b7782;--accent:#5ec8e8;--accent-strong:#0097a7;--accent-soft:#5ec8e81f;--accent-glow:#5ec8e838;--white:#fff;--danger:#f07178;--success:#5ec8a0;--font-display:"Syne", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif;--nav-height:76px;--container:1180px;--radius:18px;--radius-sm:12px;--shadow:0 24px 60px #00000059;--ease:cubic-bezier(.22, 1, .36, 1);--section-y:clamp(4.5rem, 8vw, 7.5rem)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 12px)}body{min-width:320px;font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1rem;line-height:1.65;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.03em;color:var(--white);font-weight:700;line-height:1.12}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent-soft);color:var(--white)}.container{width:min(100% - 2.5rem, var(--container));margin-inline:auto}.section{padding-block:var(--section-y);position:relative}.section__eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.55rem;margin-bottom:1rem;font-size:.8rem;font-weight:650;display:inline-flex}.section__eyebrow:before{content:"";background:var(--accent);width:1.5rem;height:1px}.section__title{max-width:16ch;font-size:clamp(1.85rem,3.4vw,3rem)}.section__lead{max-width:42rem;color:var(--text-muted);margin-top:1rem;font-size:1.05rem}.reveal{opacity:0;transition:opacity .75s var(--ease), transform .75s var(--ease);transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:80ms}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.hero__content>*,.hero__visual{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}.btn{letter-spacing:.01em;min-height:3rem;transition:transform .25s var(--ease), background .25s var(--ease), border-color .25s var(--ease), color .25s var(--ease), box-shadow .25s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.85rem 1.35rem;font-size:.95rem;font-weight:650;display:inline-flex}.btn--primary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);color:#041018;box-shadow:0 10px 30px var(--accent-glow)}.btn--primary:hover{box-shadow:0 14px 36px var(--accent-glow);transform:translateY(-2px)}.btn--ghost{border:1px solid var(--border-strong);color:var(--text);background:0 0}.btn--ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.btn--dark{background:var(--white);color:#041018}.btn--dark:hover{background:#e8eef2;transform:translateY(-2px)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:transform .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease)}.card:hover{background:var(--surface-hover);border-color:#5ec8e859;transform:translateY(-4px)}.icon-badge{background:var(--accent-soft);width:3rem;height:3rem;color:var(--accent);border:1px solid #5ec8e833;border-radius:14px;place-items:center;display:grid}.chip{border:1px solid var(--border);color:var(--text-muted);background:#ffffff05;border-radius:999px;align-items:center;padding:.45rem .85rem;font-size:.85rem;font-weight:550;display:inline-flex}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.capability-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.capability-item{border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff05;padding:1.15rem 1.2rem}.capability-item h3{font-family:var(--font-body);letter-spacing:-.01em;margin-bottom:.3rem;font-size:.98rem}.capability-item p{color:var(--text-dim);font-size:.88rem;line-height:1.45}@media (width<=1024px){.grid-3,.capability-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-3,.grid-2,.capability-grid{grid-template-columns:1fr}}.navbar{z-index:100;height:var(--nav-height);transition:background .3s var(--ease), border-color .3s var(--ease), backdrop-filter .3s var(--ease);border-bottom:1px solid #0000;position:sticky;top:0}.navbar.is-scrolled{-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--border);background:#05070ab8}.navbar__inner{justify-content:space-between;align-items:center;gap:1.5rem;height:100%;display:flex}.navbar__logo{flex-shrink:0;align-items:center;display:flex}.navbar__logo img{mix-blend-mode:lighten;width:auto;height:42px}.navbar__links{align-items:center;gap:.15rem;display:flex}.navbar__links a{color:var(--text-muted);border-radius:999px;padding:.55rem .85rem;font-size:.92rem;font-weight:550;transition:color .2s,background .2s}.navbar__links a:hover,.navbar__links a.is-active{color:var(--white);background:#ffffff0a}.navbar__cta{flex-shrink:0}.navbar__toggle{border:1px solid var(--border);width:2.75rem;height:2.75rem;color:var(--text);border-radius:12px;justify-content:center;align-items:center;display:none}.navbar__mobile{inset:var(--nav-height) 0 0 0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;transition:transform .35s var(--ease), opacity .35s var(--ease);z-index:99;background:#05070af5;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex;position:fixed;transform:translate(100%)}.navbar__mobile.is-open{opacity:1;pointer-events:auto;transform:none}.navbar__mobile a{border:1px solid var(--border);color:var(--text);border-radius:14px;padding:1rem 1.1rem;font-weight:600}.navbar__mobile .btn{width:100%;margin-top:.75rem}@media (width<=960px){.navbar__links,.navbar__cta{display:none}.navbar__toggle{display:inline-flex}}.hero{padding-top:clamp(2.5rem,5vw,3.5rem);padding-bottom:clamp(3.5rem,7vw,5.5rem);position:relative;overflow:hidden}.hero__bg{pointer-events:none;background:radial-gradient(ellipse 60% 50% at 80% 20%, #5ec8e824, transparent 60%), radial-gradient(ellipse 45% 40% at 10% 80%, #0097a71a, transparent 55%), linear-gradient(180deg, #070b10 0%, var(--bg) 100%);position:absolute;inset:0}.hero__grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid;position:relative}.hero__content>*{opacity:0;animation:heroIn .8s var(--ease) forwards;transform:translateY(22px)}.hero__content>:first-child{animation-delay:50ms}.hero__content>:nth-child(2){animation-delay:.15s}.hero__content>:nth-child(3){animation-delay:.25s}.hero__content>:nth-child(4){animation-delay:.35s}@keyframes heroIn{to{opacity:1;transform:none}}.hero__eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;font-weight:650}.hero h1{max-width:12ch;margin-top:.9rem;font-size:clamp(2.35rem,5vw,3.85rem)}.hero__lead{max-width:36rem;color:var(--text-muted);margin-top:1.15rem;font-size:clamp(1rem,1.5vw,1.12rem)}.hero__actions{flex-wrap:wrap;gap:.85rem;margin-top:1.85rem;display:flex}.hero__visual{opacity:0;min-height:380px;animation:heroIn 1s var(--ease) .3s forwards;position:relative}.hero__orbit{border:1px solid #5ec8e82e;border-radius:50%;position:absolute;inset:8% 5%}.hero__orbit:before,.hero__orbit:after{content:"";border:1px solid #ffffff0f;border-radius:50%;position:absolute}.hero__orbit:before{inset:12%}.hero__orbit:after{inset:24%}.hero__mock{border:1px solid var(--border-strong);box-shadow:var(--shadow);background:var(--bg-soft);border-radius:24px;position:absolute;inset:8% 4% 8% 12%;overflow:hidden}.hero__mock img{object-fit:cover;object-position:center top;width:100%;height:100%}.hero__float{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);box-shadow:var(--shadow);background:#0b0f14e0;border-radius:14px;padding:.85rem 1rem;font-size:.82rem;font-weight:600;position:absolute}.hero__float--1{top:12%;left:0}.hero__float--2{bottom:16%;right:0}.hero__float span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.2rem;font-size:.72rem;display:block}@media (width<=960px){.hero__grid{grid-template-columns:1fr}.hero h1{max-width:14ch}.hero__visual{width:100%;max-width:480px;min-height:320px;margin-inline:auto}}@media (width<=480px){.hero__visual{min-height:260px}.hero__float{display:none}}.about__grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}.about__chips{flex-wrap:wrap;gap:.65rem;margin-top:1.5rem;display:flex}.about__stats{gap:1rem;display:grid}.about__stat{border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(135deg, #5ec8e814, transparent 55%), var(--surface);padding:1.4rem 1.5rem}.about__stat strong{font-family:var(--font-display);color:var(--white);letter-spacing:-.04em;margin-bottom:.45rem;font-size:clamp(2rem,3vw,2.6rem);line-height:1;display:block}.about__stat span{color:var(--text-muted);font-size:.95rem}@media (width<=900px){.about__grid{grid-template-columns:1fr}}.service-card{flex-direction:column;gap:1rem;min-height:100%;padding:1.75rem;display:flex}.service-card h3{font-size:1.35rem}.service-card p{color:var(--text-muted);flex:1}.service-card__link{color:var(--accent);transition:gap .25s var(--ease);align-items:center;gap:.4rem;margin-top:.5rem;font-size:.92rem;font-weight:650;display:inline-flex}.service-card:hover .service-card__link{gap:.7rem}.feature-band{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.feature-band--reverse{direction:rtl}.feature-band--reverse>*{direction:ltr}.feature-band__media{border-radius:calc(var(--radius) + 4px);border:1px solid var(--border);background:var(--bg-soft);min-height:320px;box-shadow:var(--shadow);position:relative;overflow:hidden}.feature-band__media img{object-fit:cover;width:100%;height:100%;min-height:320px}.feature-band__actions{margin-top:1.75rem}.iot-visual{background:radial-gradient(circle at 50% 40%,#5ec8e826,#0000 50%),linear-gradient(160deg,#0d141c,#080c11);place-items:center;min-height:360px;padding:1.75rem;display:grid}.iot-visual__core{background:var(--accent-soft);width:110px;height:110px;color:var(--accent);z-index:2;border:1px solid #5ec8e859;border-radius:28px;place-items:center;display:grid;position:relative}.iot-visual__ring{border:1px dashed #5ec8e840;border-radius:50%;animation:28s linear infinite spin;position:absolute}.iot-visual__ring--1{width:180px;height:180px}.iot-visual__ring--2{width:260px;height:260px;animation-duration:40s;animation-direction:reverse}.iot-visual__node{background:var(--accent);width:10px;height:10px;box-shadow:0 0 16px var(--accent-glow);border-radius:50%;position:absolute}.iot-visual__node--1{top:18%;left:22%}.iot-visual__node--2{top:24%;right:18%}.iot-visual__node--3{bottom:22%;left:28%}.iot-visual__node--4{bottom:18%;right:24%}@keyframes spin{to{transform:rotate(360deg)}}.ui-frames{background:linear-gradient(160deg, #5ec8e80f, transparent 40%), var(--bg-soft);gap:.85rem;min-height:360px;padding:1.25rem;display:grid}.ui-frame{border:1px solid var(--border);background:#ffffff08;border-radius:14px;padding:1rem 1.1rem}.ui-frame__bar{background:#ffffff1f;border-radius:999px;width:42%;height:8px;margin-bottom:.75rem}.ui-frame__rows{gap:.45rem;display:grid}.ui-frame__rows span{background:#ffffff0f;border-radius:999px;height:6px;display:block}.ui-frame__rows span:nth-child(2){width:78%}.ui-frame__rows span:nth-child(3){width:64%}.ui-frame--accent{background:var(--accent-soft);border-color:#5ec8e847}@media (width<=900px){.feature-band,.feature-band--reverse{direction:ltr;grid-template-columns:1fr}}.process__track{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.5rem;display:grid;position:relative}.process__track:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.35;height:1px;position:absolute;top:2rem;left:8%;right:8%}.process-step{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);padding:1.6rem;position:relative}.process-step__num{background:var(--accent-soft);width:2.5rem;height:2.5rem;color:var(--accent);border:1px solid #5ec8e840;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;font-size:.85rem;font-weight:700;display:inline-flex}.process-step h3{margin-bottom:.55rem;font-size:1.45rem}.process-step p{color:var(--text-muted);margin-bottom:1rem}.process-step ul{gap:.4rem;display:grid}.process-step li{color:var(--text-dim);padding-left:1rem;font-size:.9rem;position:relative}.process-step li:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:.55rem;left:0}@media (width<=800px){.process__track{grid-template-columns:1fr}.process__track:before{display:none}}.tech-grid{grid-template-columns:repeat(4,1fr);gap:1.15rem;margin-top:2.25rem;display:grid}.tech-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);padding:1.4rem}.tech-card h3{color:var(--accent);font-size:1.05rem;font-family:var(--font-body);letter-spacing:0;margin-bottom:1rem;font-weight:700}.tech-card ul{flex-wrap:wrap;gap:.5rem;display:flex}.tech-card li{border:1px solid var(--border);color:var(--text-muted);background:#ffffff05;border-radius:999px;padding:.4rem .7rem;font-size:.82rem}@media (width<=1024px){.tech-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.tech-grid{grid-template-columns:1fr}}.why-grid{grid-template-columns:repeat(3,1fr);gap:1.15rem;margin-top:2.25rem;display:grid}.why-card{padding:1.5rem}.why-card h3{margin:1rem 0 .55rem;font-size:1.15rem}.why-card p{color:var(--text-muted);font-size:.95rem}@media (width<=960px){.why-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.why-grid{grid-template-columns:1fr}}.projects__list{gap:1.5rem;margin-top:2.5rem;display:grid}.project-card{border-radius:calc(var(--radius) + 4px);border:1px solid var(--border);background:var(--surface);transition:border-color .3s var(--ease), transform .3s var(--ease);grid-template-columns:1.15fr .85fr;gap:0;display:grid;overflow:hidden}.project-card:hover{border-color:#5ec8e859;transform:translateY(-3px)}.project-card--iot{grid-template-columns:1fr}.project-card__media{background:var(--bg-soft);min-height:280px;overflow:hidden}.project-card__media img{object-fit:cover;width:100%;height:100%;min-height:280px;transition:transform .6s var(--ease)}.project-card:hover .project-card__media img{transform:scale(1.04)}.project-card__body{flex-direction:column;justify-content:center;padding:clamp(1.5rem,3vw,2.25rem);display:flex}.project-card__category{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.7rem;font-size:.78rem;font-weight:650}.project-card h3{margin-bottom:.75rem;font-size:clamp(1.4rem,2.4vw,1.85rem)}.project-card p{color:var(--text-muted)}.project-card__arrow{border:1px solid var(--border-strong);width:2.75rem;height:2.75rem;color:var(--accent);border-radius:50%;place-items:center;margin-top:1.35rem;transition:background .25s,border-color .25s;display:grid}.project-card:hover .project-card__arrow{background:var(--accent-soft);border-color:#5ec8e866}.iot-projects{grid-template-columns:repeat(2,1fr);gap:1.15rem;margin-top:1.15rem;display:grid}.iot-project{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);padding:1.5rem;transition:border-color .3s,transform .3s}.iot-project:hover{border-color:#5ec8e859;transform:translateY(-3px)}.iot-project h3{margin:.55rem 0 .65rem;font-size:1.2rem}.iot-project p{color:var(--text-muted);font-size:.95rem}@media (width<=900px){.project-card,.iot-projects{grid-template-columns:1fr}}.cta-band{padding-block:clamp(4rem,8vw,6rem)}.cta-band__inner{border-radius:calc(var(--radius) + 8px);text-align:center;background:radial-gradient(70% 80% at 90% 20%,#5ec8e82e,#0000 55%),radial-gradient(50% 60% at 0 100%,#0097a729,#0000 50%),linear-gradient(145deg,#0d1520,#070b10);border:1px solid #5ec8e838;padding:clamp(2.5rem,6vw,4.5rem);position:relative;overflow:hidden}.cta-band h2{max-width:16ch;margin-inline:auto;font-size:clamp(2rem,4vw,3.2rem)}.cta-band p{max-width:36rem;color:var(--text-muted);margin:1rem auto 0}.cta-band__actions{flex-wrap:wrap;justify-content:center;gap:.85rem;margin-top:1.85rem;display:flex}.contact__grid{grid-template-columns:.85fr 1.15fr;align-items:start;gap:clamp(2rem,5vw,3.5rem);display:grid}.contact__info{gap:1rem;display:grid}.contact__item{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);padding:1.25rem 1.35rem}.contact__item span{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4rem;font-size:.82rem;display:block}.contact__item a{color:var(--white);font-size:1.05rem;font-weight:650}.contact__item a:hover{color:var(--accent)}.contact-form{border-radius:calc(var(--radius) + 4px);border:1px solid var(--border);background:var(--surface);gap:1rem;padding:1.75rem;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-field{gap:.45rem;display:grid}.form-field label{color:var(--text-muted);font-size:.88rem;font-weight:600}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border);background:#00000040;border-radius:12px;width:100%;padding:.85rem 1rem;transition:border-color .2s,box-shadow .2s}.form-field textarea{resize:vertical;min-height:140px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{box-shadow:0 0 0 3px var(--accent-soft);border-color:#5ec8e880;outline:none}.form-field.is-invalid input,.form-field.is-invalid select,.form-field.is-invalid textarea{border-color:var(--danger)}.form-error{color:var(--danger);font-size:.8rem}.form-success{color:var(--success);background:#5ec8a01f;border:1px solid #5ec8a04d;border-radius:12px;padding:1rem 1.1rem;font-weight:600}@media (width<=900px){.contact__grid{grid-template-columns:1fr}}@media (width<=640px){.form-row{grid-template-columns:1fr}}.footer{border-top:1px solid var(--border);background:#040608;padding:3.5rem 0 2rem}.footer__top{border-bottom:1px solid var(--border);grid-template-columns:1.3fr 1fr 1fr 1fr;gap:2rem;padding-bottom:2.5rem;display:grid}.footer__brand img{mix-blend-mode:lighten;width:auto;height:40px;margin-bottom:1rem}.footer__brand p{color:var(--text-muted);max-width:28ch;font-size:.95rem}.footer h4{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--white);margin-bottom:1rem;font-size:.85rem;font-weight:700}.footer__col{align-content:start;gap:.55rem;display:grid}.footer__col a,.footer__col span{color:var(--text-muted);font-size:.95rem;transition:color .2s}.footer__col a:hover{color:var(--accent)}.footer__bottom{color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1.5rem;font-size:.88rem;display:flex}@media (width<=900px){.footer__top{grid-template-columns:1fr 1fr}}@media (width<=560px){.footer__top{grid-template-columns:1fr}}
