@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #f6f5f2;--surface: #ffffff;--surface-2: #f1efe9;--surface-3: #eae7df;--navy-950: #071528;--navy-900: #0a1d38;--navy-800: #12294a;--navy-700: #1d3a62;--cyan-700: #0b6e86;--cyan-600: #0e7490;--cyan-500: #0891b2;--cyan-400: #22b8cf;--cyan-tint: #e9f7fa;--ink: #10233a;--ink-soft: #45566a;--ink-mute: #586776;--ink-inverse: #ffffff;--border: #e3e0d7;--border-strong: #d3cfc3;--ring: rgba(8, 145, 178, .28);--shadow-sm: 0 1px 2px rgba(16, 35, 58, .05);--shadow-md: 0 10px 30px -14px rgba(16, 35, 58, .18);--shadow-lg: 0 24px 60px -24px rgba(16, 35, 58, .28);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 22px;--ease: cubic-bezier(.22, 1, .36, 1);--fast: .16s;--med: .28s;--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-dark: var(--navy-900);--accent-primary: var(--cyan-600);--accent-secondary: var(--cyan-700);--accent-gradient: var(--navy-900);--text-primary: var(--ink);--text-secondary: var(--ink-soft);--text-muted: var(--ink-mute);--text-inverse: var(--ink-inverse);--border-light: var(--border);--border-accent: var(--cyan-400);--card-background: var(--surface);--shadow-soft: var(--shadow-md);--shadow-glow: var(--shadow-md);--radius-md: var(--radius)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:url(/assets/illustrations/grid-pattern.svg);background-size:40px 40px;opacity:.6;pointer-events:none}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}button{font-family:inherit;-webkit-tap-highlight-color:transparent}svg{display:block}::selection{background:var(--cyan-tint);color:var(--navy-900)}:focus-visible{outline:2px solid var(--cyan-500);outline-offset:2px;border-radius:4px}h1,h2,h3,h4{color:var(--ink);font-weight:700;letter-spacing:-.02em;line-height:1.2}p{color:var(--ink-soft)}strong{color:var(--ink);font-weight:600}.eyebrow,.section-eyebrow,.badge-soft{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan-700)}.badge-soft{padding:6px 12px;border-radius:999px;background:var(--cyan-tint);border:1px solid rgba(8,145,178,.18)}.gradient-text{color:var(--cyan-700)}.page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.main{flex:1;width:100%;max-width:1140px;margin:0 auto;padding:28px 18px 56px;display:flex;flex-direction:column;gap:40px}.nav{position:sticky;top:0;z-index:100;background:#f6f5f2d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-inner{max-width:1140px;margin:0 auto;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.nav-left{display:flex;align-items:center;gap:12px}.logo-circle{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent;flex-shrink:0}.logo-circle img{width:100%;height:100%;object-fit:contain}.nav-title{display:none;flex-direction:column}.nav-title-main{font-weight:700;font-size:16px;letter-spacing:-.01em;color:var(--ink);white-space:nowrap}.nav-title-sub{font-size:12px;color:var(--ink-mute);display:none}.nav-links{display:flex;align-items:center;gap:4px}.lang-switcher{display:inline-flex;align-items:center;gap:2px}.lang-switcher__item{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:6px 8px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;letter-spacing:.03em;color:var(--ink-mute);text-decoration:none;transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.lang-switcher__item:hover{color:var(--ink);background:var(--surface-2)}.lang-switcher__item.is-active{color:var(--ink);background:var(--surface-2);cursor:default}.lang-switcher--nav{display:none}.lang-switcher--sidebar{margin-top:10px;padding:10px 4px 0;border-top:1px solid var(--line, rgba(0,0,0,.08))}.lang-switcher--footer .lang-switcher__item{min-width:0;padding:2px 6px;font-size:13px}.nav-links>a:not(.nav-cta){display:none}.nav-cta{padding:9px 14px;border-radius:var(--radius-sm);border:none;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer;background:var(--navy-900);color:var(--ink-inverse);transition:transform var(--fast) var(--ease),background var(--fast) var(--ease);white-space:nowrap}@media (max-width: 400px){.nav-cta{font-size:0;gap:0;padding:10px}.nav-cta svg{width:18px;height:18px}}.nav-cta:hover{background:var(--navy-800);transform:translateY(-1px)}.nav-cta:active{transform:translateY(0)}.nav-cta-icon{display:inline-flex}.nav-cta svg{width:16px;height:16px}.hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:4px;margin-right:4px}.hamburger span{display:block;width:100%;height:2px;background:var(--ink);border-radius:2px;transition:background var(--fast) var(--ease)}.hamburger:hover span{background:var(--cyan-600)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a1d3880;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:999;opacity:0;visibility:hidden;transition:opacity var(--med) var(--ease),visibility var(--med) var(--ease)}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar{position:fixed;inset:0 auto 0 0;width:86%;max-width:320px;background:var(--surface);z-index:1000;display:flex;flex-direction:column;transform:translate(-100%);transition:transform var(--med) var(--ease);box-shadow:var(--shadow-lg);overflow-y:auto}.sidebar.active{transform:translate(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border)}.sidebar-logo{display:flex;align-items:center;gap:12px}.sidebar-title{font-size:15px;font-weight:700;color:var(--ink)}.sidebar-subtitle{font-size:12px;color:var(--ink-mute);margin-top:2px}.sidebar-close{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-soft);transition:border-color var(--fast) var(--ease),color var(--fast) var(--ease)}.sidebar-close:hover{border-color:var(--cyan-400);color:var(--ink)}.sidebar-nav{flex:1;padding:20px 14px;display:flex;flex-direction:column;gap:4px}.sidebar-link{display:flex;align-items:center;gap:14px;padding:13px 14px;border-radius:var(--radius);color:var(--ink-soft);font-size:15px;font-weight:500;transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.sidebar-link:hover{background:var(--surface-2);color:var(--ink)}.sidebar-link-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:var(--cyan-600);flex-shrink:0}.sidebar-link-icon svg{width:20px;height:20px}.sidebar-footer{padding:20px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:20px}.sidebar-cta{padding:14px 18px;border-radius:var(--radius);background:var(--navy-900);color:var(--ink-inverse);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:background var(--fast) var(--ease)}.sidebar-cta:hover{background:var(--navy-800)}.sidebar-cta-icon{display:inline-flex}.sidebar-cta svg{width:16px;height:16px}.sidebar-info{display:flex;flex-direction:column;gap:16px}.sidebar-info-item{display:flex;flex-direction:column;gap:4px}.sidebar-info-label{font-size:12px;font-weight:600;color:var(--ink-mute)}.sidebar-info-value{font-size:13px;color:var(--ink-soft)}.sidebar-info-link{font-size:13px;color:var(--cyan-700);transition:color var(--fast) var(--ease)}.sidebar-info-link:hover{color:var(--cyan-500)}.btn-primary,.cta-primary{padding:14px 24px;border-radius:var(--radius);border:none;font-size:15px;font-weight:600;cursor:pointer;background:var(--navy-900);color:var(--ink-inverse);display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform var(--fast) var(--ease),background var(--fast) var(--ease);text-decoration:none;width:100%}.btn-primary:hover,.cta-primary:hover{background:var(--navy-800);transform:translateY(-1px)}.btn-primary:active,.cta-primary:active{transform:translateY(0)}.btn-primary svg,.cta-primary svg{width:18px;height:18px}.btn-secondary,.cta-ghost{padding:14px 22px;border-radius:var(--radius);background:var(--surface);border:1.5px solid rgba(10,29,56,.32);color:var(--ink);font-size:15px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 1px 2px #10233a0f;transition:border-color var(--fast) var(--ease),background var(--fast) var(--ease),box-shadow var(--fast) var(--ease),transform var(--fast) var(--ease);text-decoration:none;width:100%}.btn-secondary:hover,.cta-ghost:hover{border-color:var(--navy-900);background:var(--surface);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary svg,.cta-ghost svg{width:18px;height:18px}.cta-large{padding:16px 30px;font-size:16px}a.btn-primary,a.btn-secondary,a.cta-primary,a.cta-ghost{text-decoration:none}.arrow-link{display:inline-flex;align-items:center;gap:6px;color:var(--cyan-700);font-weight:600;font-size:14px;transition:gap var(--fast) var(--ease)}.arrow-link:hover{gap:10px}.arrow-link svg{width:15px;height:15px}.section{border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border);padding:22px}.section-header{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.section-title{font-size:24px;font-weight:700;color:var(--ink);margin-bottom:4px}.section-subtitle{font-size:16px;color:var(--ink-soft);line-height:1.6}.section-intro{margin-bottom:32px;max-width:640px}.section-eyebrow{margin-bottom:12px}.section-headline{font-size:28px;font-weight:700;line-height:1.2;color:var(--ink)}.section-lead{margin-top:12px;font-size:16px;line-height:1.6;color:var(--ink-soft)}.section-band,.cta-section{padding:44px 24px;border-radius:var(--radius-xl);background:var(--navy-900);text-align:center}.section-band h2,.cta-section h2,.cta-content h2{font-size:26px;font-weight:700;color:var(--ink-inverse);margin-bottom:12px}.section-band p,.cta-section p,.cta-content p{font-size:16px;color:#ffffffd1;margin-bottom:26px;max-width:560px;margin-left:auto;margin-right:auto}.section-band .cta-primary,.cta-section .cta-primary,.cta-content .cta-primary{background:#fff;color:var(--navy-900);width:auto}.section-band .cta-primary:hover,.cta-section .cta-primary:hover,.cta-content .cta-primary:hover{background:var(--cyan-tint)}.section-band .cta-ghost,.cta-section .cta-ghost{width:auto;background:#ffffff1a;border-color:#ffffff6b;color:var(--ink-inverse);box-shadow:none}.section-band .cta-ghost:hover,.cta-section .cta-ghost:hover{background:#ffffff2e;border-color:#fff;box-shadow:none}.cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.hero-wow{display:flex;flex-direction:column;gap:36px;padding:8px 0 4px}.hero-content{display:flex;flex-direction:column}.hero-eyebrow{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;color:var(--ink-mute);margin-bottom:18px}.eyebrow-line{width:28px;height:2px;background:var(--cyan-500);border-radius:2px}.hero-title-wow{font-size:33px;font-weight:700;letter-spacing:-.025em;line-height:1.12;margin-bottom:18px;color:var(--ink)}.hero-description{font-size:17px;color:var(--ink-soft);line-height:1.65;margin-bottom:26px;max-width:520px}.hero-cta-group{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.hero-stats{display:flex;align-items:center;gap:22px;padding-top:22px;border-top:1px solid var(--border)}.stat{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:24px;font-weight:700;color:var(--ink);letter-spacing:-.02em}.stat-label{font-size:12px;font-weight:500;color:var(--ink-mute)}.stat-divider{width:1px;height:34px;background:var(--border)}.hero-visual{position:relative}.hero-product-img{width:100%;height:auto;display:block;filter:drop-shadow(0 24px 44px rgba(16,35,58,.12))}@media (min-width: 900px){.hero-product-img{width:118%;max-width:none;margin:-4% -14% -6% 0}}.visual-card{position:relative;border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-md)}.card-glow{display:none}.card-content{position:relative;padding:22px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.card-logo{width:46px;height:46px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-logo img{width:100%;height:100%;object-fit:contain}.card-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--cyan-tint);border:1px solid rgba(8,145,178,.2);font-size:12px;font-weight:600;color:var(--cyan-700)}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan-500)}.card-title{margin-bottom:14px}.card-title .label,.label{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute)}.projects-showcase{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.project-item{display:flex;align-items:center;gap:14px;padding:13px 14px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);transition:border-color var(--fast) var(--ease),transform var(--fast) var(--ease)}.project-item:hover{border-color:var(--cyan-400);transform:translate(3px)}.project-logo{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0;padding:6px;overflow:hidden;font-size:18px;color:var(--navy-800);font-weight:700}.project-logo img{max-width:100%;max-height:100%;object-fit:contain}.project-info{flex:1;display:flex;flex-direction:column;gap:2px}.project-info .project-name{font-size:15px;font-weight:600;color:var(--ink)}.project-info .project-type{font-size:13px;color:var(--ink-mute)}.project-name{font-size:15px;font-weight:600;color:var(--ink)}.project-arrow{color:var(--ink-mute);display:inline-flex;transition:color var(--fast) var(--ease),transform var(--fast) var(--ease)}.project-arrow svg{width:16px;height:16px}.project-item:hover .project-arrow{color:var(--cyan-600);transform:translate(3px)}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border);font-size:14px;color:var(--ink-mute)}.footer-link{display:inline-flex;align-items:center;gap:6px;color:var(--cyan-700);font-weight:600;transition:gap var(--fast) var(--ease)}.footer-link:hover{gap:10px}.footer-link svg{width:14px;height:14px}.floating-elements,.float-item{display:none!important}.projects-section{padding:8px 0}.projects-detailed{display:flex;flex-direction:column;gap:16px}.project-detailed{display:flex;flex-direction:column;gap:18px;padding:24px;border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border);transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.project-detailed:hover{border-color:var(--cyan-400);box-shadow:var(--shadow-md)}.project-visual{width:76px;height:76px;border-radius:var(--radius-lg);background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:12px;overflow:hidden}.project-visual img{max-width:100%;max-height:100%;object-fit:contain}.project-visual.tigsi-bg,.project-visual.njarabi-bg,.project-visual.musiclines-bg,.project-visual.cashier-bg,.project-visual.garagio-bg,.project-visual.digitalcard-bg,.project-visual.ezilearn-bg{background:var(--navy-900);border-color:transparent;padding:14px}.project-logo-img{max-width:100%;max-height:100%;object-fit:contain}.project-logo-img.contain{width:100%;height:100%}.project-emoji{font-size:28px;color:var(--ink-inverse);font-weight:700}.project-content{flex:1}.project-header{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.project-detailed h3{font-size:20px;font-weight:700;color:var(--ink)}.project-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--cyan-700);width:fit-content;transition:gap var(--fast) var(--ease)}.project-link:hover{gap:10px}.project-link svg{width:14px;height:14px}.project-detailed p{font-size:15px;color:var(--ink-soft);line-height:1.65;margin-bottom:16px}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.project-tags span{padding:5px 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:12px;font-weight:500;color:var(--ink-soft)}.services-section{padding:8px 0}.services-grid{display:grid;grid-template-columns:1fr;gap:16px}.service-card{padding:24px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);transition:border-color var(--fast) var(--ease),transform var(--fast) var(--ease)}.service-card:hover{border-color:var(--cyan-400);transform:translateY(-3px)}.service-card.featured{background:var(--navy-900);border-color:transparent}.service-card.featured h3{color:var(--ink-inverse)}.service-card.featured p{color:#ffffffd1}.service-card.featured .service-tags span{background:#ffffff1a;border-color:#ffffff29;color:#ffffffd9}.service-card.featured .service-icon{background:#ffffff1a;color:var(--cyan-400)}.service-icon{width:44px;height:44px;border-radius:var(--radius);background:var(--cyan-tint);color:var(--cyan-700);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.service-icon svg{width:24px;height:24px}.service-card h3{font-size:18px;font-weight:700;margin-bottom:8px;color:var(--ink)}.service-card p{font-size:15px;color:var(--ink-soft);line-height:1.6;margin-bottom:16px}.service-tags{display:flex;flex-wrap:wrap;gap:8px}.service-tags span{padding:5px 11px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:12px;font-weight:500;color:var(--ink-soft)}.why-section{display:flex;flex-direction:column;gap:32px;padding:8px 0}.why-content{display:flex;flex-direction:column}.why-text{font-size:16px;color:var(--ink-soft);line-height:1.7;margin-bottom:26px}.why-points{display:flex;flex-direction:column;gap:18px;margin-bottom:30px}.why-point{display:flex;gap:14px}.point-check{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--cyan-tint);color:var(--cyan-700);display:flex;align-items:center;justify-content:center;flex-shrink:0}.point-check svg{width:16px;height:16px}.why-point strong{display:block;font-size:15px;font-weight:700;color:var(--ink);margin-bottom:3px}.why-point span{font-size:14px;color:var(--ink-soft);line-height:1.55}.why-visual{display:none}.why-panel{border-radius:var(--radius-lg);background:var(--navy-900);color:var(--ink-inverse);padding:26px}.why-panel-label{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan-400);margin-bottom:16px}.why-panel dl{display:flex;flex-direction:column;gap:14px}.why-panel dl>div{display:flex;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)}.why-panel dl>div:last-child{border-bottom:none;padding-bottom:0}.why-panel dt{font-size:14px;color:#ffffffbd}.why-panel dd{font-size:14px;font-weight:600;color:var(--ink-inverse);text-align:right}.reasons-grid{display:grid;grid-template-columns:1fr;gap:14px}.reason{padding:20px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);transition:border-color var(--fast) var(--ease)}.reason:hover{border-color:var(--cyan-400)}.reason-title{font-weight:700;font-size:15px;display:flex;align-items:center;gap:10px;margin-bottom:8px;color:var(--ink)}.reason-icon{color:var(--cyan-600);display:inline-flex}.reason-icon svg{width:18px;height:18px}.reason-text{color:var(--ink-soft);font-size:14px;line-height:1.6}.page-hero{position:relative;padding:12px 0 8px}.page-hero--center{text-align:center;max-width:780px;margin:0 auto}.page-hero h1{font-size:34px;font-weight:700;letter-spacing:-.025em;line-height:1.14;margin:14px 0 16px;color:var(--ink)}.page-hero p{font-size:17px;color:var(--ink-soft);line-height:1.6;max-width:620px}.page-hero--center p{margin-left:auto;margin-right:auto}.hero-actions-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.page-hero--center .hero-actions-row{justify-content:center}.hero-art{margin:32px auto 0;max-width:460px}.hero-art img{width:100%;height:auto}.page-hero--split{display:block}.page-hero--split .page-hero__body{min-width:0}.page-hero--split .hero-art{display:none}@media (min-width: 900px){.page-hero--split{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.page-hero--split .hero-art{display:block;margin:0;max-width:440px}}.tag-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--cyan-tint);border:1px solid rgba(8,145,178,.18);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan-700)}.card-grid{display:grid;grid-template-columns:1fr;gap:18px}.card-grid--2,.card-grid--3{grid-template-columns:1fr}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px;transition:border-color var(--fast) var(--ease),transform var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.card--hover:hover{border-color:var(--cyan-400);transform:translateY(-3px);box-shadow:var(--shadow-md)}.card--link{display:block}.card--flush{padding:0;overflow:hidden}.card h3{font-size:19px;font-weight:700;color:var(--ink);margin-bottom:10px}.card p{font-size:15px;color:var(--ink-soft);line-height:1.65}.icon-badge{width:48px;height:48px;border-radius:var(--radius);background:var(--cyan-tint);color:var(--cyan-700);display:flex;align-items:center;justify-content:center;margin-bottom:16px;flex-shrink:0}.icon-badge svg{width:24px;height:24px}.icon-badge--navy{background:var(--navy-900);color:var(--cyan-400)}.feature-list{display:grid;grid-template-columns:1fr;gap:12px;margin-top:4px}.feature{padding:16px;background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--cyan-500);border-radius:var(--radius-sm)}.feature-title{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:4px}.feature-desc{font-size:13px;color:var(--ink-mute);line-height:1.55}.data-list{display:grid;grid-template-columns:1fr;gap:2px;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--border)}.data-list>div{background:var(--surface);padding:18px 20px}.data-list dt{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:6px}.data-list dd{font-size:16px;font-weight:600;color:var(--ink)}.contact-methods{display:grid;grid-template-columns:1fr;gap:14px}.contact-method{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--fast) var(--ease),transform var(--fast) var(--ease)}.contact-method:hover{border-color:var(--cyan-400);transform:translateY(-2px)}.contact-method .icon-badge{margin-bottom:0;width:42px;height:42px}.contact-method-label{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:3px}.contact-method-value{font-size:15px;font-weight:600;color:var(--ink)}.price-table-wrap{overflow-x:auto}.price-table{width:100%;border-collapse:collapse;font-size:15px}.price-table thead th{text-align:left;padding:12px 16px;font-weight:700;color:var(--ink);border-bottom:2px solid var(--border-strong)}.price-table thead th:last-child{text-align:right;white-space:nowrap}.price-table tbody td{padding:14px 16px;color:var(--ink-soft);border-bottom:1px solid var(--border)}.price-table tbody tr:last-child td{border-bottom:none}.price-table tbody td:last-child{text-align:right;font-weight:700;color:var(--ink);white-space:nowrap}.price-table tbody tr{transition:background var(--fast) var(--ease)}.price-table tbody tr:hover{background:var(--surface-2)}.note-line{text-align:center;font-size:14px;color:var(--ink-mute);max-width:700px;margin:0 auto 36px}.contact-section{display:flex;flex-direction:column;gap:clamp(24px,5vw,36px)}.contact-header{margin-bottom:clamp(20px,5vw,32px)}.contact-title{font-size:clamp(30px,7vw,44px);line-height:1.12;color:var(--ink)}.contact-subtitle{font-size:clamp(15px,3.6vw,18px);line-height:1.6;color:var(--ink-soft);max-width:620px;margin-top:12px}.contact-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);padding:22px}.contact-card--elevated{position:relative;z-index:1;border-radius:var(--radius-xl);padding:clamp(20px,5vw,38px);box-shadow:var(--shadow-md)}.contact-card-header{margin-bottom:clamp(20px,5vw,30px)}.contact-card-title{font-size:20px;font-weight:700;margin-bottom:6px;color:var(--ink)}.contact-card-subtitle{font-size:14px;color:var(--ink-soft)}form{display:grid;grid-template-columns:1fr;gap:16px;font-size:15px}.contact-form{gap:clamp(16px,4vw,22px)}.form-group{display:flex;flex-direction:column;gap:7px}.form-group.full{grid-column:1 / -1}label{font-size:14px;font-weight:600;color:var(--ink)}input,textarea,select{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);padding:13px 15px;color:var(--ink);font-size:15px;font-family:inherit;outline:none;transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}input::placeholder,textarea::placeholder{color:var(--ink-mute)}input:focus,textarea:focus,select:focus{border-color:var(--cyan-500);box-shadow:0 0 0 3px var(--ring)}textarea{resize:vertical;min-height:120px;max-height:260px}select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23586776' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;padding-right:42px}.form-footer{display:flex;flex-direction:column-reverse;align-items:stretch;gap:16px;margin-top:4px;grid-column:1 / -1}.form-note{font-size:13px;color:var(--ink-mute);line-height:1.5}.form-note strong{color:var(--ink);font-weight:600}.form-hint{display:flex;gap:12px;align-items:flex-start;padding:16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.form-hint svg{width:20px;height:20px;color:var(--cyan-700);flex-shrink:0;margin-top:1px}.form-error{font-size:14px;color:#b42318;padding:12px 14px;background:#fef3f2;border:1px solid #fda29b;border-left-width:3px;border-radius:var(--radius-sm);display:none}.form-error.visible{display:block}.recaptcha-group{display:flex;justify-content:center;padding:6px 0}.recaptcha-wrapper{display:flex;justify-content:center;width:100%;max-width:304px;overflow:hidden}.recaptcha-wrapper .g-recaptcha{transform-origin:center top}@media (max-width: 520px){.recaptcha-wrapper{transform:scale(.9)}}@media (max-width: 400px){.recaptcha-wrapper{transform:scale(.82)}}.quote-box{display:flex;flex-direction:column;gap:14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:28px}.quote-box-title{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--ink)}.quote-box-title svg{width:18px;height:18px;color:var(--cyan-700)}.quote-box p{font-size:14px;color:var(--ink-soft);line-height:1.55}.quote-box-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.link-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:var(--radius);background:var(--navy-900);color:var(--ink-inverse);font-weight:600;font-size:14px;transition:background var(--fast) var(--ease)}.link-btn:hover{background:var(--navy-800)}.link-btn svg{width:15px;height:15px}.toast{position:fixed;left:16px;right:16px;bottom:16px;padding:16px;border-radius:var(--radius);background:var(--navy-900);color:var(--ink-inverse);font-size:14px;display:flex;align-items:flex-start;gap:12px;transform:translateY(140%);opacity:0;pointer-events:none;transition:transform var(--med) var(--ease),opacity var(--med) var(--ease);box-shadow:var(--shadow-lg);z-index:1000}.toast.visible{transform:translateY(0);opacity:1;pointer-events:auto}.toast--with-action{flex-wrap:wrap}.toast-body{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.toast-message{line-height:1.5}.toast-whatsapp{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--radius-sm);background:#1fa855;color:#fff;font-weight:600;font-size:13px;width:fit-content;transition:background var(--fast) var(--ease)}.toast-whatsapp:hover{background:#17853f;color:#fff}.toast-whatsapp svg{width:15px;height:15px}.toast-icon{width:24px;height:24px;border-radius:50%;background:var(--cyan-500);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-icon svg{width:14px;height:14px}.toast-close{margin-left:auto;cursor:pointer;font-size:20px;line-height:1;opacity:.7;background:none;border:none;color:inherit;padding:2px 4px}.toast-close:hover{opacity:1}.footer{padding:26px 18px;font-size:14px;color:var(--ink-mute);border-top:1px solid var(--border);background:var(--surface)}.footer-inner{max-width:1140px;margin:0 auto;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand strong{color:var(--ink);font-weight:700}.footer-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.footer-links a{color:var(--ink-mute);transition:color var(--fast) var(--ease)}.footer-links a:hover{color:var(--cyan-700)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a1d388c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity var(--med) var(--ease),visibility var(--med) var(--ease);overflow-y:auto}.modal-overlay.active{opacity:1;visibility:visible}.modal-container{background:var(--surface);border-radius:var(--radius-xl);max-width:860px;width:100%;max-height:90vh;overflow-y:auto;position:relative;transform:translateY(16px) scale(.98);transition:transform var(--med) var(--ease);box-shadow:var(--shadow-lg)}.modal-overlay.active .modal-container{transform:translateY(0) scale(1)}.modal-header{position:sticky;top:0;background:var(--surface);border-bottom:1px solid var(--border);padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;z-index:10}.modal-header-content{display:flex;align-items:center;gap:14px;flex:1}.modal-icon{width:48px;height:48px;border-radius:var(--radius);background:var(--cyan-tint)!important;color:var(--cyan-700);display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-icon svg{width:24px;height:24px}.modal-title{font-size:21px;font-weight:700;color:var(--ink);margin:0}.modal-close{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--fast) var(--ease),color var(--fast) var(--ease);color:var(--ink-soft);flex-shrink:0}.modal-close:hover{border-color:var(--cyan-400);color:var(--ink)}.modal-body{padding:28px}.modal-description{font-size:16px;color:var(--ink-soft);line-height:1.75;margin-bottom:28px}.modal-section{margin-bottom:28px}.modal-section:last-child{margin-bottom:0}.modal-section-title{font-size:17px;font-weight:700;color:var(--ink);margin-bottom:14px;display:flex;align-items:center;gap:10px}.modal-section-title:before{content:"";width:3px;height:18px;background:var(--cyan-500);border-radius:2px}.modal-list{display:flex;flex-direction:column;gap:10px}.modal-list-item{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--fast) var(--ease)}.modal-list-item:hover{border-color:var(--cyan-400)}.modal-list-icon{flex-shrink:0;width:22px;height:22px;border-radius:6px;background:var(--cyan-tint);color:var(--cyan-700);display:flex;align-items:center;justify-content:center;margin-top:1px}.modal-list-icon svg{width:13px;height:13px}.modal-list-content{flex:1}.modal-list-title{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:3px}.modal-list-desc{font-size:14px;color:var(--ink-mute);line-height:1.6}.modal-footer{padding:22px 28px;background:var(--surface-2);border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.modal-btn{padding:12px 22px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease);text-decoration:none;display:inline-flex;align-items:center;gap:8px;border:none}.modal-btn svg{width:15px;height:15px}.modal-btn-primary{background:var(--navy-900);color:var(--ink-inverse)}.modal-btn-primary:hover{background:var(--navy-800)}.modal-btn-secondary{background:var(--surface);color:var(--ink);border:1.5px solid rgba(10,29,56,.32);box-shadow:0 1px 2px #10233a0f}.modal-btn-secondary:hover{border-color:var(--navy-900);box-shadow:var(--shadow-md)}@media (max-width: 640px){.modal-container{max-height:94vh}.modal-header{padding:18px 20px}.modal-title{font-size:18px}.modal-body{padding:22px 20px}.modal-footer{padding:18px 20px;flex-direction:column}.modal-btn{width:100%;justify-content:center}}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg)}.error-page__glow{display:none}.error-page__main{width:100%;max-width:520px;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.error-page__brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);font-weight:700;font-size:16px}.error-page__brand img{border-radius:50%}.error-page__card{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px 32px;box-shadow:var(--shadow-md)}.error-page__art{width:200px;max-width:70%;height:auto;margin:0 auto 22px}.error-page__code{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--cyan-700);background:var(--cyan-tint);border:1px solid rgba(8,145,178,.2);border-radius:999px;padding:6px 14px;margin-bottom:20px}.error-page__title{font-size:26px;font-weight:700;line-height:1.2;margin-bottom:12px;color:var(--ink)}.error-page__message{font-size:15px;color:var(--ink-soft);line-height:1.7;margin-bottom:26px}.error-page__actions{display:flex;flex-direction:column;gap:10px}.error-page__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:var(--radius);font-size:15px;font-weight:600;text-decoration:none;border:none;cursor:pointer;font-family:inherit;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease)}.error-page__btn--primary{background:var(--navy-900);color:var(--ink-inverse)}.error-page__btn--primary:hover{background:var(--navy-800)}.error-page__btn--ghost{background:transparent;color:var(--ink-soft);border:1px solid var(--border-strong)}.error-page__btn--ghost:hover{border-color:var(--cyan-400);color:var(--ink)}.error-page__footer{font-size:13px;color:var(--ink-mute);display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.error-page__footer a{color:var(--cyan-700);font-weight:600}.error-page__footer a:hover{text-decoration:underline}.icon{width:1em;height:1em;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;fill:none}@media (min-width: 640px){.nav-inner{padding:14px 22px}.nav-title{display:flex}.nav-title-sub{display:block}.nav-cta{padding:10px 16px;font-size:14px;gap:8px}.main{padding:36px 22px 68px;gap:52px}.hero-title-wow{font-size:40px}.hero-cta-group{flex-direction:row}.cta-primary,.cta-ghost,.btn-primary,.btn-secondary{width:auto}.hero-stats{gap:30px}.section{padding:30px}.section-header{flex-direction:row;justify-content:space-between;align-items:flex-start}.section-headline{font-size:32px}.page-hero h1{font-size:40px}.card-grid--2,.card-grid--3,.services-grid,.reasons-grid,.feature-list,.data-list,.contact-methods{grid-template-columns:repeat(2,1fr)}.project-detailed{flex-direction:row;align-items:flex-start;gap:24px}.project-header{flex-direction:row;align-items:center;justify-content:space-between}form{grid-template-columns:repeat(2,1fr)}.form-footer{flex-direction:row;justify-content:space-between;align-items:center}.form-hint{max-width:320px}.btn-primary[type=submit]{width:auto}.toast{left:auto;right:20px;bottom:20px;max-width:420px}.footer-inner{flex-direction:row;justify-content:space-between;text-align:left}.section-band,.cta-section{padding:56px 40px}.section-band h2,.cta-section h2,.cta-content h2{font-size:30px}}@media (min-width: 900px){.hamburger,.sidebar,.sidebar-overlay{display:none}.nav-inner{padding:16px 26px}.nav-links{gap:6px}.nav-links>a:not(.nav-cta){display:block;padding:9px 14px;border-radius:var(--radius-sm);color:var(--ink-soft);font-size:15px;font-weight:500;transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.nav-links>a:not(.nav-cta):hover{color:var(--ink);background:var(--surface-2)}.lang-switcher--nav{display:inline-flex;margin-left:4px}.main{padding:52px 26px 88px;gap:72px}.hero-wow{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding:24px 0 8px}.hero-title-wow{font-size:46px}.hero-description{font-size:18px}.page-hero h1{font-size:44px}.card-grid--3{grid-template-columns:repeat(3,1fr)}.services-grid{grid-template-columns:repeat(4,1fr)}.service-card.featured{grid-column:span 2}.reasons-grid{grid-template-columns:repeat(4,1fr)}.why-section{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.why-visual{display:block}.contact-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:start}.section-band,.cta-section{padding:64px 48px}.section-band h2,.cta-section h2,.cta-content h2{font-size:34px}}@media (min-width: 1100px){.hero-wow{gap:72px}.hero-title-wow{font-size:52px}.section-headline{font-size:38px}}@media (prefers-reduced-motion: no-preference){.js-anim [data-reveal]{opacity:0;translate:0 28px;transition:opacity .7s var(--ease),translate .7s var(--ease),scale .7s var(--ease);will-change:opacity,translate}.js-anim [data-reveal=left]{translate:-32px 0}.js-anim [data-reveal=right]{translate:32px 0}.js-anim [data-reveal=zoom]{translate:0 0;scale:.94}.js-anim [data-reveal].is-in{opacity:1;translate:none;scale:none}.js-anim [data-reveal-group]>*{opacity:0;translate:0 26px;transition:opacity .6s var(--ease),translate .6s var(--ease)}.js-anim [data-reveal-group].is-in>*{opacity:1;translate:none}.js-anim [data-reveal-group].is-in>*:nth-child(1){transition-delay:0s}.js-anim [data-reveal-group].is-in>*:nth-child(2){transition-delay:.08s}.js-anim [data-reveal-group].is-in>*:nth-child(3){transition-delay:.16s}.js-anim [data-reveal-group].is-in>*:nth-child(4){transition-delay:.24s}.js-anim [data-reveal-group].is-in>*:nth-child(5){transition-delay:.32s}.js-anim [data-reveal-group].is-in>*:nth-child(6){transition-delay:.4s}.js-anim [data-reveal-group].is-in>*:nth-child(7){transition-delay:.48s}.js-anim .hero-wow .hero-content>*,.js-anim .hero-wow .hero-visual{opacity:0;transform:translateY(24px);animation:heroIn .8s var(--ease) forwards}.js-anim .hero-wow .hero-content>*:nth-child(1){animation-delay:.1s}.js-anim .hero-wow .hero-content>*:nth-child(2){animation-delay:.18s}.js-anim .hero-wow .hero-content>*:nth-child(3){animation-delay:.26s}.js-anim .hero-wow .hero-content>*:nth-child(4){animation-delay:.34s}.js-anim .hero-wow .hero-content>*:nth-child(5){animation-delay:.42s}.js-anim .hero-wow .hero-visual{animation-delay:.3s;transform:translateY(24px) scale(.97)}@keyframes heroIn{to{opacity:1;transform:none}}.js-anim .visual-card,.js-anim .hero-product-img{animation:floatCard 8s ease-in-out infinite}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.js-anim .visual-card:after{content:"";position:absolute;inset:-40% -30% auto auto;width:60%;height:60%;background:radial-gradient(circle,rgba(8,145,178,.18),transparent 70%);filter:blur(20px);pointer-events:none;animation:breathe 6s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.js-anim .pulse-dot{position:relative}.js-anim .pulse-dot:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid var(--cyan-500);animation:pulseRing 2.4s ease-out infinite}@keyframes pulseRing{0%{transform:scale(.55);opacity:.9}to{transform:scale(2.1);opacity:0}}.js-anim .project-item:hover .project-arrow{animation:nudge .9s ease-in-out infinite}@keyframes nudge{0%,to{transform:translate(2px)}50%{transform:translate(7px)}}.js-anim .cta-primary,.js-anim .btn-primary{position:relative;overflow:hidden}.js-anim .cta-primary:after,.js-anim .btn-primary:after{content:"";position:absolute;top:0;left:-75%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skew(-20deg)}.js-anim .cta-primary:hover:after,.js-anim .btn-primary:hover:after{animation:shine .75s ease}@keyframes shine{to{left:130%}}.js-anim .hero-cta-group .cta-primary{animation:ctaHalo 3.6s ease-out infinite}@keyframes ctaHalo{0%{box-shadow:0 0 #0891b280}45%{box-shadow:0 0 0 18px #0891b200}to{box-shadow:0 0 #0891b200}}.js-anim .gradient-text{background-image:linear-gradient(#0891b28c,#0891b28c);background-repeat:no-repeat;background-position:0 92%;background-size:0% 2px;transition:background-size .9s var(--ease) .35s}.js-anim .is-in .gradient-text{background-size:100% 2px}.js-anim .hero-title-wow .gradient-text{animation:drawUnderline .9s var(--ease) 1s forwards}@keyframes drawUnderline{to{background-size:100% 2px}}.js-anim .tilt{transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(var(--ty, 0));transition:transform .3s var(--ease);transform-style:preserve-3d}.js-anim .stat-value[data-countup]{font-variant-numeric:tabular-nums}.js-anim .cta-section .cta-primary{animation:softPulse 2.8s ease-in-out infinite}@keyframes softPulse{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.js-anim .cta-section .cta-primary:hover{animation:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-reveal],[data-reveal-group]>*{opacity:1!important;translate:none!important;scale:none!important}}