:root{--ink:#071321;--navy:#0b1d30;--blue:#159cf5;--blue2:#55b9fa;--steel:#7c91a7;--mist:#eaf2f8;--white:#fff;--line:rgba(7,19,33,.12);--radius:24px;--shadow:0 24px 70px rgba(8,28,48,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f8fbfd;font-family:Manrope,system-ui,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}.skip-link{position:fixed;left:12px;top:-80px;background:#fff;padding:10px 16px;z-index:1000;border-radius:8px}.skip-link:focus{top:12px}.site-header{position:fixed;inset:0 0 auto;z-index:50;transition:.3s;border-bottom:1px solid transparent}.site-header.scrolled{background:rgba(248,251,253,.91);backdrop-filter:blur(18px);border-color:var(--line)}.nav-wrap{max-width:1220px;margin:auto;height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand{display:flex;align-items:center;gap:12px;font-family:'Space Grotesk',sans-serif;letter-spacing:.08em;font-size:.96rem}.brand img{width:48px;height:48px;object-fit:contain}.brand strong{font-weight:700}.nav-wrap nav{display:flex;align-items:center;gap:34px;font-size:.85rem;font-weight:700}.nav-wrap nav>a:not(.nav-cta){position:relative}.nav-wrap nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--blue);transition:.25s}.nav-wrap nav>a:hover:after{right:0}.nav-cta{background:var(--ink);color:#fff;padding:12px 19px;border-radius:99px}.menu-toggle{display:none;border:0;background:none;padding:10px}.menu-toggle span{display:block;width:23px;height:2px;background:var(--ink);margin:6px}.hero{min-height:810px;padding:150px 28px 72px;position:relative;overflow:hidden;background:radial-gradient(circle at 84% 30%,rgba(21,156,245,.16),transparent 27%),linear-gradient(135deg,#f8fbfd,#eef6fb)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(11,29,48,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(11,29,48,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.hero-grid{position:relative;z-index:1;max-width:1220px;margin:auto;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:.72rem;color:#496175;margin:0 0 18px}.eyebrow span{width:28px;height:2px;background:var(--blue)}h1,h2,h3{font-family:'Space Grotesk',sans-serif;line-height:1.08;margin:0}h1{font-size:clamp(3.4rem,6vw,6.3rem);letter-spacing:-.055em;max-width:780px}h1 em,h2 em{font-style:normal;color:var(--blue)}.hero-lead{font-size:1.1rem;color:#4b6275;max-width:650px;margin:26px 0 32px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:99px;padding:15px 23px;font-weight:800;font-size:.86rem;transition:.25s}.button:hover{transform:translateY(-3px)}.button.primary{background:var(--blue);color:#fff;box-shadow:0 12px 30px rgba(21,156,245,.28)}.button.ghost{border:1px solid var(--line);background:rgba(255,255,255,.6)}.trust-row{display:flex;flex-wrap:wrap;gap:24px;margin-top:36px;color:#61788b;font-weight:700;font-size:.76rem}.trust-row span:before{content:"✓";color:var(--blue);margin-right:7px}.hero-visual{height:560px;position:relative;display:grid;place-items:center}.logo-stage{width:min(360px,70vw);aspect-ratio:1;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow);border-radius:50%;display:grid;place-items:center;backdrop-filter:blur(18px);z-index:2}.logo-stage img{width:84%;filter:drop-shadow(0 18px 24px rgba(5,22,36,.16))}.orbit{position:absolute;border:1px solid rgba(21,156,245,.28);border-radius:50%;animation:spin 18s linear infinite}.orbit:after{content:"";position:absolute;width:9px;height:9px;background:var(--blue);border-radius:50%;top:14%;left:13%;box-shadow:0 0 0 8px rgba(21,156,245,.1)}.orbit-one{width:465px;height:465px}.orbit-two{width:540px;height:540px;animation-direction:reverse;animation-duration:26s;border-style:dashed}.float-card{position:absolute;z-index:3;background:#fff;border:1px solid var(--line);box-shadow:0 16px 40px rgba(8,28,48,.12);padding:13px 17px;border-radius:15px;display:flex;align-items:center;gap:10px;font-size:.76rem;font-weight:800}.float-card b{color:var(--blue);font-size:.68rem}.card-code{top:12%;left:1%}.card-deploy{top:50%;right:-3%}.card-support{bottom:11%;left:5%}@keyframes spin{to{transform:rotate(360deg)}}.hero-line{position:absolute;bottom:0;left:50%;width:1px;height:52px;background:var(--blue)}.section{padding:115px 28px}.section-head{max-width:700px;margin:0 auto 58px;text-align:center}.section-head .eyebrow{justify-content:center}.section-head h2,.section-copy h2{font-size:clamp(2.5rem,4.6vw,4.6rem);letter-spacing:-.045em}.section-head>p:last-child,.section-copy>p{color:#5f7486}.service-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{min-height:300px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;position:relative;transition:.3s}.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:rgba(21,156,245,.35)}.service-card.featured{background:var(--ink);color:#fff}.service-card .icon{width:48px;height:48px;border-radius:14px;background:var(--mist);display:grid;place-items:center;color:var(--blue);font-family:'Space Grotesk';font-weight:800}.service-card.featured .icon{background:rgba(255,255,255,.1)}.service-card .num{position:absolute;top:25px;right:28px;margin:0;color:#9aabba;font-size:.7rem;font-weight:800}.service-card h3{font-size:1.35rem;margin:34px 0 13px}.service-card p:not(.num){font-size:.88rem;color:#637789}.service-card.featured p:not(.num){color:#b8c8d5}.service-card a{font-size:.78rem;color:var(--blue2);font-weight:800;position:absolute;bottom:26px}.engineering{background:var(--ink);color:#fff}.engineering-grid,.about-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:88px;align-items:center}.code-panel{border:1px solid rgba(255,255,255,.12);background:#0b1b2b;border-radius:26px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.25);transform:rotate(-1deg)}.code-top{height:56px;display:flex;align-items:center;gap:7px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08)}.code-top span{width:9px;height:9px;border-radius:50%;background:#314458}.code-top span:first-child{background:var(--blue)}.code-top b{font:500 .7rem Manrope;margin-left:10px;color:#8296a7}.code-panel pre{margin:0;padding:38px 34px 28px;overflow:auto;font:500 .9rem/2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#c4d0d9}.code-panel code i{color:#7f91a1}.code-panel code b{color:#55b9fa}.code-panel code strong{color:#7ee2bd}.code-result{border-top:1px solid rgba(255,255,255,.08);padding:17px 30px;font-size:.77rem;color:#9eb0bf}.code-result span{color:#70e2b3;margin-right:8px}.engineering .section-copy>p{color:#a6b8c7}.check-list{list-style:none;padding:0;margin:34px 0 0}.check-list li{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1)}.check-list li>span{font-size:.66rem;color:var(--blue2);font-weight:800;padding-top:4px}.check-list b,.check-list small{display:block}.check-list small{color:#91a6b7;margin-top:3px}.delivery{background:#eef5fa}.delivery-track{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}.delivery-track article{padding:32px;min-height:260px;position:relative;border-right:1px solid var(--line)}.delivery-track article:last-child{border:0}.delivery-track article>b{position:absolute;right:22px;top:22px;color:#a6b6c3;font-size:.66rem}.track-icon{display:grid;place-items:center;width:46px;height:46px;background:var(--mist);color:var(--blue);border-radius:50%;font-weight:800}.delivery-track h3{margin:33px 0 11px}.delivery-track p{font-size:.84rem;color:#637789}.about{background:#fff}.about-mark{min-height:510px;border-radius:30px;background:linear-gradient(145deg,#edf5fa,#dfeaf2);position:relative;display:grid;place-items:center;overflow:hidden}.about-mark:after{content:"";position:absolute;width:350px;height:350px;border:1px solid rgba(21,156,245,.25);border-radius:50%}.about-mark img{width:66%;position:relative;z-index:1}.years{position:absolute;z-index:2;left:26px;bottom:26px;background:var(--ink);color:#fff;border-radius:18px;padding:18px 22px;display:flex;align-items:center;gap:13px}.years strong{font:700 2rem 'Space Grotesk';color:var(--blue2)}.years span{font-size:.68rem;line-height:1.4}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.principles div{border-top:2px solid var(--blue);padding-top:14px}.principles b,.principles span{display:block}.principles span{color:#748798;font-size:.68rem}.contact{padding:80px 28px;background:var(--blue);color:#fff;overflow:hidden;position:relative}.contact:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.25);border-radius:50%;right:-130px;top:-170px}.contact-inner{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:1}.contact h2{font-size:clamp(2.5rem,5vw,4.8rem);letter-spacing:-.05em}.contact p{margin-bottom:0}.eyebrow.light{color:#dff2ff}.eyebrow.light span{background:#fff}.button.white{background:#fff;color:var(--ink);min-width:205px}footer{background:#050e18;color:#b4c1cb;padding:70px 28px 26px}.footer-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1.1fr .8fr;gap:60px}.footer-brand .brand{color:#fff}.footer-brand p{color:#7f92a1;margin-top:18px}.footer-grid h3{color:#fff;font-size:.8rem;margin-bottom:19px}.footer-grid>div>a,.footer-grid>div>p{display:block;font-size:.76rem;margin:9px 0}.footer-grid a:hover{color:var(--blue2)}.footer-bottom{max-width:1180px;margin:58px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;font-size:.65rem;color:#657887}.whatsapp{position:fixed;z-index:70;right:24px;bottom:24px;background:#25d366;color:#fff;border-radius:99px;padding:13px 18px 13px 13px;display:flex;align-items:center;gap:9px;font-size:.78rem;font-weight:800;box-shadow:0 12px 35px rgba(10,60,35,.3);transition:.25s}.whatsapp:hover{transform:translateY(-4px) scale(1.02)}.whatsapp svg{width:28px;height:28px;fill:#fff}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.menu-toggle{display:block;z-index:2}.nav-wrap nav{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;background:rgba(248,251,253,.98);font-size:1.2rem;transform:translateY(-102%);transition:.35s}.nav-wrap nav.open{transform:none}.hero-grid,.engineering-grid,.about-grid{grid-template-columns:1fr}.hero{padding-top:130px}.hero-visual{height:460px}.service-grid{grid-template-columns:repeat(2,1fr)}.engineering-grid{gap:55px}.delivery-track{grid-template-columns:1fr 1fr}.delivery-track article:nth-child(2){border-right:0}.delivery-track article:nth-child(-n+2){border-bottom:1px solid var(--line)}.footer-grid{grid-template-columns:1fr 1fr}.contact-inner{align-items:flex-start;flex-direction:column}}@media(max-width:580px){.nav-wrap{height:74px;padding:0 18px}.brand img{width:40px;height:40px}.hero,.section{padding-left:20px;padding-right:20px}.hero{min-height:auto;padding-bottom:50px}h1{font-size:3rem}.hero-visual{height:370px}.logo-stage{width:250px}.orbit-one{width:300px;height:300px}.orbit-two{width:345px;height:345px}.float-card{padding:9px 11px}.service-grid,.delivery-track,.principles,.footer-grid{grid-template-columns:1fr}.service-card{min-height:275px}.delivery-track article{border-right:0!important;border-bottom:1px solid var(--line)!important}.delivery-track article:last-child{border-bottom:0!important}.section{padding-top:85px;padding-bottom:85px}.code-panel pre{font-size:.72rem;padding:26px 20px}.about-mark{min-height:380px}.contact{padding:65px 20px}.footer-bottom{flex-direction:column;gap:8px}.whatsapp{right:14px;bottom:14px;padding:12px}.whatsapp span{display:none}}
/* Readability pass: comfortable sizing on desktop and mobile */
html{font-size:18px}
body{font-size:1rem}
.nav-wrap nav{font-size:.94rem}
.nav-cta{padding:13px 21px}
.eyebrow{font-size:.8rem}
.hero-lead{font-size:1.2rem;line-height:1.72}
.button{font-size:.94rem}
.trust-row{font-size:.84rem}
.float-card{font-size:.84rem}
.float-card b{font-size:.76rem}
.service-card p:not(.num){font-size:1rem;line-height:1.7}
.service-card .num{font-size:.78rem}
.service-card a{font-size:.88rem}
.engineering .section-copy>p,.section-copy>p,.section-head>p:last-child{font-size:1.05rem;line-height:1.75}
.check-list li>span{font-size:.76rem}
.check-list b{font-size:1rem}
.check-list small{font-size:.86rem;line-height:1.55}
.delivery-track p{font-size:.96rem;line-height:1.65}
.principles span{font-size:.78rem;line-height:1.5}
.years span{font-size:.78rem}
.footer-grid h3{font-size:.9rem}
.footer-grid>div>a,.footer-grid>div>p{font-size:.88rem;line-height:1.6}
.footer-bottom{font-size:.75rem}
.whatsapp{font-size:.88rem}
.social-links{display:flex;align-items:center;gap:10px;margin-top:23px}
.social-links a{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#b4c1cb;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}
.social-links a:hover,.social-links a:focus-visible{color:#fff;background:var(--blue);border-color:var(--blue);transform:translateY(-3px);outline:none}
.social-links svg{width:20px;height:20px;fill:currentColor}
@media(max-width:580px){body{font-size:1rem}.hero-lead{font-size:1.08rem}.service-card p:not(.num),.delivery-track p{font-size:1rem}.footer-grid>div>a,.footer-grid>div>p{font-size:1rem}}
@media(max-width:900px){
  html,body{max-width:100%;overflow-x:clip}
  body.nav-open{overflow:hidden;touch-action:none}
  .brand{position:relative;z-index:3}
  .nav-wrap nav{
    width:100%;max-width:100vw;height:100dvh;min-height:100dvh;
    overflow-y:auto;overscroll-behavior:contain;
    opacity:0;visibility:hidden;pointer-events:none;
    transform:translate3d(0,-100%,0);
  }
  .nav-wrap nav.open{
    opacity:1;visibility:visible;pointer-events:auto;
    transform:translate3d(0,0,0);
  }
  .menu-toggle{position:relative;z-index:3}
  .hero-grid,.engineering-grid,.about-grid{min-width:0}
  .hero-grid>*,.engineering-grid>*,.about-grid>*{min-width:0}
  .code-panel{max-width:100%}
  .footer-grid{gap:38px}
}
@media(max-width:580px){
  h1{font-size:clamp(2.45rem,12vw,3rem)}
  .hero-actions{display:grid;grid-template-columns:1fr;width:100%}
  .hero-actions .button{width:100%}
  .hero-visual{width:100%;max-width:100%;overflow:hidden}
  .float-card{font-size:.76rem}
  .contact-inner,.footer-grid{min-width:0}
  .contact h2{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit{animation:none}.reveal{opacity:1;transform:none;transition:none}.button,.whatsapp,.service-card{transition:none}}
.nav-wrap nav{gap:22px}