:root{--color-bg:#07111f;--color-surface:#0d1728;--color-surface-strong:#111d31;--color-text:#edf4ff;--color-text-secondary:#b2bfd6;--color-accent:#1d5ec9;--color-accent-strong:#163e8a;--color-accent-soft:#1d5ec91f;--color-border:#9eb1ce2e;--shadow-soft:0 18px 45px #050c1559;--shadow-card:0 18px 40px #0916273d;--grid-line:#7eb2ff1f;--grid-glow:#4296ff2e;--grid-beam:#63aaff42;--font-display:"Inter", "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", monospace;--radius:16px;--transition-fast:.18s ease;--transition-page:.22s ease}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0 0,#67d8ff2e,#0000 30%),radial-gradient(at 100% 0,#4fa8ff24,#0000 35%),linear-gradient(#07111f 0%,#0b1220 100%);background-attachment:fixed;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);opacity:.26;pointer-events:none;background-size:64px 64px;position:fixed;inset:0;mask-image:radial-gradient(circle,#000 30%,#0000 100%)}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 18%,#5dacff17,#0000 24%),radial-gradient(circle at 88% 18%,#3470ff0f,#0000 28%);position:fixed;inset:0}img,video,iframe,svg,canvas{max-width:100%;height:auto;display:block}h1,h2,h3,h4{letter-spacing:-.04em;word-break:break-word;overflow-wrap:break-word;font-weight:700;line-height:1.08}p{margin:0}a{color:var(--color-accent);-webkit-tap-highlight-color:transparent;text-decoration:none}a:hover{opacity:.94}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:#67d8ff47}.mono{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:600}.btn{min-height:46px;transition:transform var(--transition-fast), background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);cursor:pointer;text-align:center;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.8rem 1.45rem;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-strong) 100%);color:#f4f9ff;box-shadow:0 14px 28px #1d5ec947}.btn-primary:hover{background:linear-gradient(135deg, #234fb1 0%, var(--color-accent-strong) 100%);color:#f4f9ff}.btn-secondary{color:var(--color-accent);border-color:var(--color-border);background:0 0}.btn-secondary:hover{color:var(--color-accent);background:#67d8ff14}.btn-ghost{color:var(--color-text);border-color:var(--color-border);background:0 0}.card{border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:border-color var(--transition-fast), transform var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);background:#0f1728d1;padding:1.5rem}.card:hover{box-shadow:var(--shadow-soft);border-color:#67d8ffb8;transform:translateY(-2px)}.portfolio-intro{color:var(--color-text-secondary);margin-top:.75rem;font-size:1rem}.portfolio-intro a{color:var(--color-accent);text-underline-offset:.18em;text-decoration:underline}.card.coming-soon{opacity:.7}.card.coming-soon:hover{border-color:var(--color-border);transform:none}.hero{text-align:center;min-height:60vh;animation:fadeIn var(--transition-page);flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem 2.5rem;display:flex}.hero h1{letter-spacing:-.04em;font-size:clamp(2.7rem,8vw,4.5rem)}.hero .tagline{color:var(--color-text-secondary);margin:1rem 0 1.75rem;font-size:clamp(1.05rem,2.4vw,1.25rem)}.sub-tagline{color:#b0b0b0;max-width:620px;margin:0 auto 1.5rem;font-size:1.1rem}.branches{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;max-width:960px;margin:0 auto;padding:0 1.5rem 3rem;display:grid}.branch-card{text-align:left;display:block}.branch-card h3{margin-top:.8rem;font-size:1.2rem}.branch-sub{color:var(--color-text-secondary);margin-top:.4rem;font-size:.95rem}.coming-soon-text{opacity:.65}.status{color:var(--color-text-secondary)}.status-live{color:var(--color-accent)}.pricing{border-top:1px solid var(--color-border);max-width:460px;margin:0 auto;padding:3rem 1.5rem 4rem}.price-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.9rem 0;display:flex}.link-more{margin-top:1rem;font-size:.9rem;display:block}.payment-terms,.hosting-note{color:var(--color-text-secondary);text-align:center;margin-top:1rem;font-size:.9rem}.contact{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;padding:3rem 1.5rem 4rem;display:flex}.email-link{font-size:1rem}footer{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 1.25rem 2.5rem;display:flex}footer nav{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}footer nav a{min-height:44px;color:var(--color-text-secondary);align-items:center;display:inline-flex}.web-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1.5rem 1.25rem;display:flex}.back-link{min-height:44px;color:var(--color-text-secondary);align-items:center;display:inline-flex}.web-hero{isolation:isolate;text-align:center;padding:4rem 1.5rem 2rem;position:relative;overflow:hidden}.web-hero h1{font-size:clamp(2.3rem,7vw,3.25rem)}.web-hero .tagline{color:var(--color-text-secondary);margin:.8rem 0;font-size:clamp(1rem,2.2vw,1.125rem)}.web-hero .hero-description{max-width:680px;color:var(--color-text-secondary);margin:0 auto 1.25rem;font-size:1.05rem;line-height:1.7}.inline-actions{justify-content:center;margin-bottom:1.25rem}.hero-grid{z-index:-1;opacity:.12;background-image:linear-gradient(var(--color-border) 1px, transparent 1px), linear-gradient(90deg, var(--color-border) 1px, transparent 1px);background-size:48px 48px;animation:25s linear infinite grid-drift;position:absolute;inset:-50%;transform:rotate(-8deg)}.categories,.how-it-works,.pricing{max-width:1100px;margin:0 auto;padding:3rem 1.5rem}.categories h2,.pricing h2,.how-it-works h2{margin-bottom:1.5rem}.category-grid,.pricing-grid,.how-it-works-grid,.work-grid,.service-grid,.three-up{gap:1rem;display:grid}.category-grid,.pricing-grid,.work-grid,.service-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.three-up,.how-it-works-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-card h3,.price-card h3,.info-card h3,.case-study h3,.service-card h3{margin:.9rem 0 .65rem}.tier-list{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.tier-row{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:flex-start;gap:.8rem;padding-top:.65rem;display:flex}.tier-row:first-child{border-top:0;padding-top:0}.tier-label{min-width:78px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-family:var(--font-mono)}.tier-link{color:var(--color-text);text-align:right;align-items:center;gap:.35rem;line-height:1.5;display:inline-flex}.arrow{color:var(--color-accent)}.categories-note,.care-note,.ecommerce-note,.price-card ul,.contact-list,.check-list,.info-card p,.case-study p,.service-card p,.footer-note,.contact-card p,.accent-panel p{color:var(--color-text-secondary)}.price-card .price{margin:.7rem 0 1rem;font-size:clamp(2rem,4vw,2.6rem);font-weight:700}.price-card ul{font-size:.92rem;list-style:none}.price-card li{border-top:1px solid #ffffff0f;padding:.55rem 0}.care-note{text-align:center;border-top:1px solid var(--color-border);margin-top:2rem;padding-top:1.5rem;font-size:.9rem}.care-note .mono{color:var(--color-text)}input,textarea,select{max-width:100%;font-size:16px}.container{width:min(1100px,100% - 32px);margin:0 auto}.site-header{z-index:20;backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#0a0a0acc;position:sticky;top:0}.nav-wrap,.footer-wrap{justify-content:space-between;align-items:center;gap:1rem;display:flex}.nav-wrap{min-height:76px}.brand{color:var(--color-text);letter-spacing:.08em;align-items:center;gap:.75rem;font-weight:700;display:inline-flex}.brand img{border-radius:50%;width:36px;height:36px}.site-nav,.footer-links{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.site-nav a,.footer-links a{color:var(--color-text-secondary)}.header-cta{border:1px solid var(--color-accent);min-height:42px;color:var(--color-text);background:#0066cc14;border-radius:999px;justify-content:center;align-items:center;padding:.65rem 1rem;display:inline-flex}.page-shell{min-height:calc(100vh - 180px)}.page-hero{text-align:center;padding:5rem 0 2rem}.eyebrow{color:var(--color-accent);margin-bottom:1rem}.eyebrow.dark{color:var(--color-accent)}.page-hero h1{letter-spacing:-.04em;margin-bottom:1rem;font-size:clamp(2.5rem,7vw,4.3rem)}.lede{color:var(--color-text-secondary);font-size:1.08rem;line-height:1.7}.page-section{padding:2rem 0 4rem}.split-grid{grid-template-columns:1.1fr 1.4fr;align-items:start;gap:1rem;display:grid}.service-card{padding:1.5rem;display:block}.service-tag{color:var(--color-accent)}.service-link{color:var(--color-text);margin-top:1rem;display:inline-block}.accent-panel{border:1px solid var(--color-border);border-radius:var(--radius);background:#1a1a1acc;max-width:1100px;margin:0 auto 3rem;padding:2rem 1.5rem}.accent-panel h2{margin-bottom:1rem}.check-list,.contact-list{margin:0;padding:0;list-style:none}.check-list li,.contact-list li{color:var(--color-text-secondary);margin-bottom:.8rem;padding-left:1.5rem;line-height:1.7;position:relative}.check-list li:before,.contact-list li:before{content:"→";color:var(--color-accent);position:absolute;left:0}.actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.contact-panel{max-width:760px}.contact-card{padding:2rem}.site-footer{border-top:1px solid var(--color-border);padding:1.5rem 0 2.5rem}.footer-note{margin-top:.2rem;font-size:.92rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes grid-drift{0%{transform:rotate(-8deg)translate(0)}to{transform:rotate(-8deg)translate(48px,48px)}}@keyframes grid-flow{0%{opacity:.06;transform:translate(-2%)scaleX(.99)}50%{opacity:.14;transform:translate(2%,1%)scaleX(1.01)}to{opacity:.08;transform:translate(-1%,-1%)scaleX(.995)}}.tech-grid{isolation:isolate;position:relative;overflow:hidden}.tech-grid:before,.tech-grid:after{content:"";pointer-events:none;position:absolute;inset:0}.tech-grid:before{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px), linear-gradient(120deg, transparent 0%, #4696ff14 45%, transparent 100%);opacity:.38;transform-origin:50%;background-size:54px 54px,54px 54px,100% 100%;transform:perspective(1200px)rotateX(62deg)scale(1.12)}.tech-grid:after{mix-blend-mode:screen;opacity:.32;background:linear-gradient(90deg,#0000 0%,#67acff14 20%,#67acff1f 50%,#67acff0f 80%,#0000 100%),radial-gradient(circle at 15% 20%,#6ec3ff1f,#0000 18%);animation:32s ease-in-out infinite alternate grid-flow}.site-hero{padding:5rem 0 4rem;position:relative}.section-contrast,.cta-band,.page-hero,.site-hero{position:relative;overflow:hidden}.section-contrast:before,.cta-band:before,.page-hero:before,.site-hero:before{content:"";background:linear-gradient(120deg, #1d5ec905, #73c0ff03 35%, transparent 70%), linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);opacity:.38;pointer-events:none;background-size:100% 100%,54px 54px,54px 54px;position:absolute;inset:0}.site-hero:after,.section-contrast:after,.cta-band:after,.page-hero:after{content:"";filter:blur(25px);opacity:.7;pointer-events:none;background:radial-gradient(circle at 20% 0,#60b4ff33,#0000 28%);height:70%;position:absolute;inset:-10% -5% auto}.site-hero>*,.section-contrast>*,.cta-band>*,.page-hero>*{z-index:1;position:relative}.hero-inner{grid-template-columns:1.4fr .8fr;align-items:center;gap:2rem;display:grid}.hero-copy h1{max-width:700px;margin-bottom:1rem;font-size:clamp(3rem,7vw,5rem);line-height:.96}.lead{max-width:640px;color:var(--color-text-secondary);font-size:1.12rem;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:.9rem;margin-top:1.7rem;display:flex}.hero-meta{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.hero-meta span{border:1px solid var(--color-border);color:var(--color-text-secondary);background:#ffffff05;border-radius:999px;padding:.55rem .8rem;font-size:.76rem}.hero-panel{padding:1.75rem}.panel-label{color:var(--color-accent);margin-bottom:.8rem}.hero-panel h2{margin-bottom:1rem;font-size:clamp(1.8rem,3vw,2.4rem)}.mini-list{color:var(--color-text-secondary);gap:.7rem;list-style:none;display:grid}.mini-list li{padding-left:1.2rem;position:relative}.mini-list li:before{content:"•";color:var(--color-accent);position:absolute;left:0}.section-light{color:#0d1728;background:#f5f7fb;padding:4.5rem 0}.section-light .service-tile,.section-light .work-tile,.section-light .card{color:#121b2a;background:#fff;border-color:#111b2a14}.section-light .service-tile p,.section-light .work-tile p,.section-light .service-tile h3,.section-light .work-tile h3,.section-light .section-heading h2,.section-light .portfolio-intro,.section-light .mono,.section-light .service-kicker{color:#121b2a}.section-light .service-kicker,.section-light .work-tile p,.section-light .portfolio-intro a,.section-light .eyebrow{color:var(--color-accent)}.section-contrast{background:linear-gradient(#091224,#0b0b0b);padding:4.5rem 0}.section-heading{margin-bottom:2rem}.section-heading h2{max-width:700px;font-size:clamp(2rem,4vw,3rem)}.narrow{max-width:760px}.service-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;display:grid}.service-tile{color:#101010;background:#fff;border-color:#10101014;flex-direction:column;justify-content:space-between;min-height:220px;display:flex}.service-tile:hover{border-color:#06cc}.service-kicker{color:var(--color-accent)}.service-tile h3{margin:.9rem 0 .8rem;font-size:1.35rem}.service-tile p{color:#4d4d4d;line-height:1.7}.split-layout{grid-template-columns:.95fr 1.05fr;align-items:start;gap:2rem;display:grid}.split-layout h2{font-size:clamp(2rem,4vw,3rem)}.process-list{gap:1rem;display:grid}.process-list>div{color:var(--color-text-secondary);border-bottom:1px solid #ffffff17;grid-template-columns:52px 1fr;gap:1rem;padding:1rem 0;display:grid}.process-list .mono{color:var(--color-accent)}.work-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.work-tile{color:#101010;background:#fff;border-color:#10101014;min-height:180px}.work-tile p{color:var(--color-accent);margin-bottom:.8rem}.work-tile h3{font-size:1.4rem}.real-work-track{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.real-work-item{border:1px solid var(--color-border);border-radius:var(--radius);background:#ffffff05;flex-direction:column;gap:.45rem;min-height:120px;padding:1.2rem;display:flex}.real-work-item a{color:var(--color-text)}.before-link a{color:var(--color-text-secondary);font-size:.85rem}.demo-grid,.upcoming-grid{margin-top:1rem}.pending-card{background:#ffffff05;flex-direction:column;justify-content:center;min-height:180px;display:flex}.pending-card p{color:var(--color-text-secondary);margin-top:.75rem}.whatsapp-float{z-index:30;color:#04130d;background:#25d366;border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:.8rem 1.1rem;font-weight:700;display:inline-flex;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 16px 30px #25d36659}.cta-band{padding:3rem 0 4.5rem}.cta-inner{border:1px solid var(--color-border);border-radius:var(--radius);background:#111111b3;justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem;display:flex}.cta-inner h2{max-width:560px;font-size:clamp(1.8rem,3vw,2.6rem)}@media (width<=760px){.split-grid,.three-up,.how-it-works-grid,.hero-inner,.split-layout,.service-grid,.work-grid{grid-template-columns:1fr}.nav-wrap,.footer-wrap,.cta-inner{flex-direction:column;justify-content:center;align-items:flex-start;padding:1rem 0}.site-nav,.footer-links{gap:.75rem}.service-grid,.work-grid{grid-template-columns:1fr}}@media (width<=640px){.hero{padding-top:4rem}.branches,.categories,.pricing,.how-it-works,.site-hero,.cta-band{padding-left:1rem;padding-right:1rem}.contact{flex-direction:column;align-items:stretch;gap:.75rem;padding:2rem 1rem}.contact .btn{width:100%}footer{text-align:center;flex-direction:column;justify-content:center;padding:2rem 1rem}.web-header{padding:1rem}.web-hero{padding:3rem 1rem 2rem}.page-hero{padding-top:4rem}.page-section{padding-bottom:3rem}.actions{flex-direction:column;align-items:stretch}.actions .btn{width:100%}.contact-card,.accent-panel,.cta-inner{padding-left:1rem;padding-right:1rem}.header-cta{width:100%}}@media (prefers-reduced-motion:reduce){.hero-grid{animation:none}}
