@import "https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--font-body:"Space Grotesk", "Segoe UI", sans-serif;--font-heading:"Sora", "Trebuchet MS", sans-serif;--surface:#f8fbff;--ink-900:#080d2c;--ink-800:#16224d;--ink-700:#2c3b67;--ink-600:#4a5a82;--accent-700:#3548d6;--accent-500:#216aff;--border-soft:#122a5f1f;--header-offset:6rem;--shadow-xl:0 22px 55px #1024542e, 0 4px 20px #2c41781a;font-family:var(--font-body);color:var(--ink-700);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-offset);overflow-x:hidden}body{background:linear-gradient(165deg,#edf6ff 0%,#f5f8ff 48%,#f6efff 100%),repeating-linear-gradient(90deg,#102a6608 0 1px,#0000 1px 30px);min-height:100vh;margin:0;overflow-x:hidden}#root{min-height:100vh;padding:0}img{max-width:100%;display:block}a{color:inherit}::selection{color:#fff;background:#3850dccc}@media (width<=880px){:root{--header-offset:8.3rem}}.page-shell{--content-max-width:1240px;--content-gutter:max(2rem, calc((100vw - var(--content-max-width)) / 2));background:var(--surface);isolation:isolate;width:100%;min-height:100vh;position:relative;overflow:hidden}main{z-index:1;position:relative}main>.section+.section{border-top:1px solid var(--border-soft)}.section-alt{background:color-mix(in oklab, var(--surface) 84%, #fff 16%)}.ambient{pointer-events:none;filter:blur(.5px);opacity:.85;z-index:0;border-radius:999px;position:absolute}.ambient-left{aspect-ratio:1;background:radial-gradient(circle,#0ea5e94d,#0000 68%);width:560px;top:-200px;left:-180px}.ambient-right{aspect-ratio:1;background:radial-gradient(circle,#8122dc47,#0000 66%);width:680px;bottom:-320px;right:-240px}.topbar{z-index:10;padding:1.25rem var(--content-gutter);border-bottom:1px solid var(--border-soft);background:color-mix(in oklab, var(--surface) 86%, white 14%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:1.25rem;display:flex;position:relative}.brand{align-items:center;gap:.78rem;text-decoration:none;display:inline-flex}.brand-icon{border-radius:12px;width:42px;height:42px;box-shadow:0 10px 24px #1f45d13d}.brand-text{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--ink-900);font-size:clamp(1.2rem,1.1rem + .55vw,1.55rem);font-weight:700}.brand-domain{color:#0000;background:linear-gradient(130deg,#1b78ff 0%,#7c28ff 100%);-webkit-background-clip:text;background-clip:text}.topnav{justify-content:center;align-items:center;gap:clamp(.7rem,.3rem + 1vw,1.4rem);display:flex}.topnav a,.footer a{color:var(--ink-700);letter-spacing:.01em;font-weight:500;text-decoration:none;transition:color .18s;position:relative}.topnav a:hover,.footer a:hover{color:var(--ink-900)}.topnav a.active{color:var(--ink-900);font-weight:700}.topnav a.active:after{content:"";background:linear-gradient(120deg,#1f7bf8,#7f2dff);border-radius:999px;height:2px;position:absolute;bottom:-.35rem;left:0;right:0}.button{letter-spacing:.01em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1.15rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s,background-color .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:focus-visible,.topnav a:focus-visible,.footer a:focus-visible{outline:2px solid var(--accent-500);outline-offset:2px;border-radius:8px}.button.primary{color:#fff;background:linear-gradient(135deg,#1b7df5 0%,#2a36d7 55%,#7f2dff 100%);box-shadow:0 10px 24px #2649d34d}.button.primary:hover{box-shadow:0 14px 28px #2649d35c}.button.ghost{color:var(--ink-900);border-color:var(--border-soft);background:#ffffffc2}.button.ghost:hover{background:#fffffff2;border-color:#16224d33}.section{padding:clamp(5rem, 4.6rem + 1vw, 6.6rem) var(--content-gutter)}.hero{grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);align-items:center;gap:clamp(1.4rem,1.1rem + 2vw,2.8rem);padding-top:clamp(2.4rem,1.8rem + 1.4vw,3.2rem);display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--accent-700);margin:0;font-size:.75rem;font-weight:700}.hero-brand{font-family:var(--font-heading);color:var(--ink-900);letter-spacing:-.02em;margin:.8rem 0 0;font-size:clamp(1.25rem,1.15rem + .5vw,1.7rem);font-weight:700}.hero-brand span{color:#0000;background:linear-gradient(130deg,#1b78ff 0%,#7c28ff 100%);-webkit-background-clip:text;background-clip:text;margin-left:.45rem}.hero-slogan{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-700);margin:0 0 .7rem;font-size:.96rem;font-weight:700}h1{max-width:20ch;font-family:var(--font-heading);letter-spacing:-.028em;color:var(--ink-900);margin:.85rem 0 1.05rem;font-size:clamp(1.95rem,1.4rem + 2vw,3.4rem);font-weight:800;line-height:1.07}h2{max-width:30ch;font-family:var(--font-heading);letter-spacing:-.022em;color:var(--ink-900);margin:.75rem 0 0;font-size:clamp(1.45rem,1.2rem + .95vw,2.2rem);line-height:1.13}h3{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--ink-900);margin:0;font-size:clamp(1.05rem,1rem + .4vw,1.28rem)}.hero-copy,.section-copy,.service-card p,.choose-card p,.portfolio-card p,.hero-card-copy{color:var(--ink-700);margin:0}.hero-copy,.section-copy{max-width:70ch;font-size:1rem;line-height:1.66}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.6rem;display:flex}.section-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.hero-points{gap:.55rem;margin:1.4rem 0 0;padding:0;list-style:none;display:grid}.hero-points li{color:var(--ink-800);padding-left:1.25rem;position:relative}.hero-points li:before{content:"";background:linear-gradient(135deg,#1298ff,#7f2dff);border-radius:999px;width:.55rem;height:.55rem;position:absolute;top:.6em;left:0}.hero-panel{place-items:center;display:grid;position:relative}.hero-card{background:linear-gradient(165deg,#fff 0%,#f2f7ff 70%,#f4ecff 100%);border:1px solid #225fd62e;border-radius:24px;width:min(100%,460px);padding:1.4rem;animation:5s ease-in-out infinite cardFloat;box-shadow:0 24px 50px #193da633}.hero-card-head{align-items:center;gap:.85rem;display:flex}.hero-card-head img{width:48px;height:48px}.hero-card-head p{color:var(--accent-700);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:600}.hero-card-head strong{color:var(--ink-900);line-height:1.3}.hero-card-copy{margin-top:1rem;line-height:1.6}.detail-list{color:var(--ink-700);gap:.5rem;margin:1rem 0 0;padding-left:1.1rem;line-height:1.5;display:grid}.stack-list{flex-wrap:wrap;gap:.55rem;margin-top:1.15rem;display:flex}.stack-list span,.tech-pill,.focus-list li{letter-spacing:.02em;color:var(--ink-800);background:#fffffff2;border:1px solid #1d43b833;border-radius:999px;padding:.45rem .75rem;font-size:.82rem;font-weight:600}.floating-badge{letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(120deg,#1f7bf8 0%,#7f2dff 100%);border-radius:999px;padding:.5rem .9rem;font-size:.72rem;font-weight:700;animation:4s ease-in-out infinite badgeFloat;position:absolute;bottom:.6rem;right:.4rem;transform:translateY(35%);box-shadow:0 12px 24px #4430b752}.section-head{gap:.2rem;margin-bottom:1.15rem;display:grid}.focus-list,.process-grid{margin:1.2rem 0 0}.focus-list{flex-wrap:wrap;gap:.6rem;padding:0;list-style:none;display:flex}.services-grid,.choose-grid,.process-grid,.portfolio-grid,.tech-stack-grid,.pricing-grid{gap:1rem;margin-top:1.3rem;display:grid}.services-grid,.choose-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tech-stack-grid,.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.process-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card,.choose-card,.process-card,.portfolio-card,.pricing-card{border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffb8;border-radius:20px;padding:1.3rem 1.2rem}.service-card,.process-card,.portfolio-card{gap:.75rem;display:grid}.pricing-card{flex-direction:column;gap:.95rem;height:100%;display:flex}.pricing-card-top{gap:.45rem;display:grid}.pricing-subtitle{color:var(--accent-700);letter-spacing:.03em;margin:0;font-weight:700}.pricing-copy{color:var(--ink-700);margin:0}.pricing-promo{color:#136946;letter-spacing:.02em;background:linear-gradient(135deg,#1ca6521f,#1577d824);border:1px solid #1b9d5f47;border-radius:999px;width:fit-content;margin:.2rem 0 0;padding:.36rem .65rem;font-size:.79rem;font-weight:700}.pricing-features{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.pricing-features li{color:var(--ink-800);padding-left:1.15rem;line-height:1.5;position:relative}.pricing-features li:before{content:"";background:linear-gradient(130deg,#1f7bf8 0%,#22c55e 100%);border-radius:999px;width:.5rem;height:.5rem;position:absolute;top:.55em;left:0}.pricing-card-bottom{gap:.55rem;margin-top:auto;padding-top:.4rem;display:grid}.pricing-price-label{text-transform:uppercase;letter-spacing:.09em;color:var(--ink-600);margin:0;font-size:.72rem;font-weight:700}.pricing-price{font-family:var(--font-heading);color:var(--ink-900);margin:0;font-size:clamp(1.05rem,.95rem + .4vw,1.35rem);font-weight:700}.pricing-whatsapp{color:#fff;background:linear-gradient(135deg,#1ca652 0%,#139e66 52%,#1577d8 100%);width:100%;min-height:46px;box-shadow:0 10px 22px #1281593d}.pricing-whatsapp:hover{transform:translateY(-1px)scale(1.01);box-shadow:0 14px 26px #1281594d}.pricing-note{color:var(--ink-600);margin:1rem 0 0;font-size:.9rem;line-height:1.6}.pricing-note strong{color:var(--ink-800)}.choose-card p{color:var(--ink-900);margin:0;font-weight:600}.process-step{color:var(--accent-700);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:700}.portfolio-thumb{background:linear-gradient(145deg,#1f7bf829,#7f2dff2e),repeating-linear-gradient(90deg,#2754c61c 0 1px,#0000 1px 18px);border:1px solid #3a65d933;border-radius:14px;justify-content:center;align-items:center;min-height:124px;display:flex}.portfolio-thumb span{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-800);font-size:.74rem;font-weight:700}.text-link{width:fit-content;color:var(--accent-700);letter-spacing:.01em;align-items:center;font-weight:700;text-decoration:none;transition:color .18s;display:inline-flex}.text-link:hover{color:var(--ink-900)}.faq-list{gap:.9rem;margin-top:1.2rem;display:grid}.faq-item{border:1px solid var(--border-soft);background:#ffffffb8;border-radius:16px;padding:.85rem 1rem}.faq-item summary{cursor:pointer;font-family:var(--font-heading);color:var(--ink-900);font-weight:700}.faq-item p{color:var(--ink-700);margin:.75rem 0 0;line-height:1.6}.contact-list{gap:.6rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.contact-list li{color:var(--ink-800)}.cta{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;display:grid}.cta-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.footer{z-index:1;border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem clamp(1.2rem,1rem + 3vw,3.2rem) 1.35rem;display:flex;position:relative}.footer p{color:var(--ink-600);margin:0;font-size:.88rem}.footer div{flex-wrap:wrap;gap:.9rem;display:inline-flex}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes badgeFloat{0%,to{transform:translateY(35%)}50%{transform:translateY(29%)}}@media (width<=1080px){.services-grid,.choose-grid,.portfolio-grid,.tech-stack-grid,.process-grid,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.floating-badge{transform:translateY(28%)}}@media (width<=880px){.topbar{padding:1rem var(--content-gutter);flex-wrap:wrap;row-gap:.8rem}.topbar-button{margin-left:auto}.topnav{flex-wrap:wrap;order:3;justify-content:flex-start;width:100%;padding-bottom:.2rem;overflow:visible}.hero{grid-template-columns:1fr;gap:1.7rem}.hero-panel{order:-1}.hero-card{width:min(100%,560px)}.floating-badge{animation:none;bottom:-.2rem;right:.7rem;transform:none}.cta{grid-template-columns:1fr}.cta-actions{justify-content:flex-start}.footer{flex-direction:column;align-items:flex-start}}@media (width<=640px){.section{padding:4.25rem 1.25rem}.services-grid,.choose-grid,.portfolio-grid,.tech-stack-grid,.process-grid,.pricing-grid{grid-template-columns:1fr}.hero-actions{grid-template-columns:1fr;display:grid}.hero-actions .button,.cta-actions .button,.topbar-button{width:100%}.brand-text{font-size:1.2rem}.topnav a.active:after{bottom:-.25rem}}@media (prefers-reduced-motion:reduce){.hero-card,.floating-badge,.button{transition:none;animation:none;transform:none}}