:root{--color-obsidian: #09090b;--color-graphite: #18181b;--color-slate: #27272a;--color-iron: #3f3f46;--color-steel: #52525b;--color-fog: #71717a;--color-ash: #a1a1aa;--color-mist: #d4d4d8;--color-cloud: #ececee;--color-paper: #f4f4f5;--color-snow: #ffffff;--color-ember: #ff5a00;--color-magenta-spark: #fe45e2;--font-cosmica: "DM Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-caption: 12px;--leading-caption: 1.64;--text-body: 15px;--leading-body: 1.45;--text-body-lg: 18px;--leading-body-lg: 1.45;--text-subheading: 20px;--leading-subheading: 1.5;--text-heading-sm: 32px;--leading-heading-sm: 1.5;--text-heading: 40px;--leading-heading: 1.28;--text-heading-lg: 56px;--leading-heading-lg: 1.28;--text-display: 64px;--leading-display: 1.12;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-28: 28px;--spacing-32: 32px;--spacing-36: 36px;--spacing-40: 40px;--spacing-48: 48px;--spacing-64: 64px;--spacing-68: 68px;--spacing-80: 80px;--spacing-120: 120px;--page-max-width: 1200px;--section-gap: 80px;--card-padding: 28px;--element-gap: 8px;--radius-cards: 36px;--radius-icons: 40px;--radius-pills: 10000px;--radius-badges: 12px;--radius-inputs: 14px;--radius-buttons: 14px;--shadow-subtle: rgba(255, 255, 255, .5) 0px .5px 0px 0px inset, rgba(117, 123, 133, .4) 0px 9px 14px -5px inset, rgb(44, 46, 52) 0px 0px 0px 1.5px, rgba(0, 0, 0, .14) 0px 4px 6px 0px;--shadow-subtle-2: rgb(228, 228, 231) 0px 1px 0px 0px inset;--shadow-subtle-3: rgb(255, 255, 255) 0px .5px 0px 0px inset;--shadow-subtle-4: rgb(255, 255, 255) 0px -.5px 0px 0px;--shadow-subtle-5: rgb(228, 228, 231) 0px -1px 0px 0px;--shadow-md: rgba(0, 0, 0, .04) 0px 4px 12px 0px;--surface-canvas: #f4f4f5;--surface-card: #ffffff;--surface-subtle-card: #fafafa;--surface-dark-surface: #18181b;--surface-deep-dark: #27272a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-cosmica);background-color:var(--surface-canvas);color:var(--color-graphite);line-height:var(--leading-body);font-size:var(--text-body);-webkit-font-smoothing:antialiased;padding-top:80px}h1{font-size:var(--text-display);line-height:var(--leading-display);font-weight:var(--font-weight-semibold);color:var(--color-obsidian)}h2{font-size:var(--text-heading);line-height:var(--leading-heading);font-weight:var(--font-weight-semibold);color:var(--color-obsidian)}h3{font-size:var(--text-subheading);line-height:var(--leading-subheading);font-weight:var(--font-weight-semibold);color:var(--color-obsidian)}p{color:var(--color-steel);font-size:var(--text-body);line-height:var(--leading-body)}a{color:inherit;text-decoration:none}.container{max-width:var(--page-max-width);margin:0 auto;padding:0 var(--spacing-24);width:100%}.nav-bar{position:fixed;top:0;left:0;width:100%;height:80px;background-color:var(--surface-card);border-bottom:1px solid var(--color-cloud);z-index:1000;display:flex;align-items:center}.nav-container{display:flex;justify-content:space-between;align-items:center;width:100%}.logo{font-weight:var(--font-weight-bold);font-size:var(--text-body-lg);color:var(--color-obsidian);letter-spacing:-.02em;display:flex;align-items:center;gap:var(--spacing-8)}.logo-dot{width:8px;height:8px;background-color:var(--color-ember);border-radius:50%}.logo-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.logo-brand .logo-img{width:42px;height:42px;border-radius:10px;object-fit:contain}.logo-brand-text{display:flex;flex-direction:column;line-height:1.25}.logo-brand-name{font-weight:var(--font-weight-bold);font-size:17px;color:var(--color-obsidian);letter-spacing:-.02em}.logo-brand-tagline{font-size:11px;font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase;color:var(--color-fog)}.footer-brand{margin-bottom:var(--spacing-28)}.footer-brand .logo-img{width:72px;height:72px;border-radius:14px}.footer-brand .logo-brand-name{font-size:26px}.footer-brand .logo-brand-tagline{font-size:13px}.nav-links{display:flex;gap:var(--spacing-24);align-items:center}.nav-links a{font-size:14px;color:var(--color-steel);font-weight:var(--font-weight-medium);transition:color .2s ease}.nav-links a:hover{color:var(--color-obsidian)}.btn-primary{background-color:var(--color-obsidian);color:var(--color-snow)!important;border:none;border-radius:var(--radius-buttons);padding:12px 16px;font-size:14px;font-weight:var(--font-weight-medium);cursor:pointer;box-shadow:inset 0 .5px #fff6,0 0 0 1.5px #2c2e34,0 4px 6px #00000014;transition:transform .2s ease,opacity .2s ease;display:inline-flex;align-items:center;justify-content:center}.btn-primary:hover{transform:translateY(-1px)}.btn-pill{background-color:var(--color-obsidian);color:var(--color-snow)!important;border-radius:var(--radius-pills);padding:10px 20px;font-size:14px;font-weight:var(--font-weight-medium);border:none;cursor:pointer;transition:opacity .2s ease}.btn-pill:hover{opacity:.9}.lang-switch{display:inline-flex;align-items:center;background:var(--surface-canvas);border:1px solid var(--color-cloud);border-radius:var(--radius-pills);padding:3px;gap:2px}.lang-btn{background:transparent;border:none;border-radius:var(--radius-pills);padding:6px 12px;font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-fog);cursor:pointer;transition:background .2s ease,color .2s ease}.lang-btn:hover{color:var(--color-obsidian)}.lang-btn.active{background:var(--color-obsidian);color:var(--color-snow)}@media(max-width:768px){.lang-btn{padding:5px 9px;font-size:11px}}.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;background:transparent;border:none;border-radius:var(--radius-inputs);cursor:pointer;padding:0;z-index:1100}.nav-toggle-bar{display:block;width:24px;height:2px;background:var(--color-obsidian);border-radius:2px;transition:transform .25s ease,opacity .2s ease}.nav-toggle.open .nav-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle.open .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero-section{padding:var(--spacing-80) 0;display:grid;grid-template-columns:1.2fr .8fr;gap:var(--spacing-48);align-items:center}@media(max-width:900px){.hero-section{grid-template-columns:1fr;gap:var(--spacing-32);padding:var(--spacing-40) 0}}.hero-content h1{margin-bottom:var(--spacing-20)}.hero-desc{font-size:var(--text-body-lg);color:var(--color-steel);margin-bottom:var(--spacing-32);line-height:var(--leading-body-lg)}.email-capture{display:flex;gap:var(--spacing-8);max-width:480px;width:100%}.email-input{background-color:var(--surface-card);border:1px solid var(--color-cloud);border-radius:var(--radius-inputs);padding:12px 16px;font-size:14px;color:var(--color-obsidian);width:100%;outline:none}.email-input::placeholder{color:var(--color-ash)}.email-input:focus{border-color:var(--color-steel)}.category-header{margin-bottom:var(--spacing-24)}.category-header h3{font-size:var(--text-subheading);color:var(--color-obsidian)}.section-header-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--spacing-40);border-bottom:1px solid var(--color-cloud);padding-bottom:var(--spacing-16)}.section-label{font-size:var(--text-caption);text-transform:uppercase;color:var(--color-steel);font-weight:var(--font-weight-medium);letter-spacing:.05em;margin-bottom:var(--spacing-8);display:block}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-32);margin-bottom:var(--spacing-80)}@media(max-width:768px){.portfolio-grid{grid-template-columns:1fr;gap:var(--spacing-24)}}.category-card{background-color:var(--surface-card);border:1px solid var(--color-cloud);border-radius:var(--radius-cards);overflow:hidden;display:flex;flex-direction:column;transition:border-color .3s ease}.category-card:hover{border-color:var(--color-mist)}.card-image-container{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background-color:var(--surface-subtle-card)}.card-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.category-card:hover .card-image-container img{transform:scale(1.03)}.card-body{padding:var(--card-padding);display:flex;flex-direction:column;gap:var(--spacing-16);flex-grow:1}.card-header-row{display:flex;justify-content:space-between;align-items:flex-start}.card-title{font-size:var(--text-subheading);font-weight:var(--font-weight-semibold);color:var(--color-obsidian)}.card-description{font-size:var(--text-body);color:var(--color-steel)}.card-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-8);margin-top:auto}.tag-pill{background:transparent;border:1px solid var(--color-cloud);color:var(--color-graphite);border-radius:var(--radius-badges);padding:4px 8px;font-size:12px;font-weight:var(--font-weight-regular)}.tag-filled{background-color:var(--color-iron);color:var(--surface-subtle-card);border-radius:var(--radius-badges);padding:4px 8px;font-size:12px;font-weight:var(--font-weight-regular)}.tag-orange{background-color:var(--color-ember);color:var(--color-snow);border-radius:var(--radius-badges);padding:4px 8px;font-size:12px;font-weight:var(--font-weight-semibold)}.dark-feature-section{background-color:var(--surface-dark-surface);border-radius:var(--radius-cards);padding:var(--spacing-64) var(--spacing-48);color:var(--color-snow);margin-bottom:var(--spacing-80)}@media(max-width:768px){.dark-feature-section{padding:var(--spacing-36) var(--spacing-24)}}.dark-feature-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--spacing-48)}@media(max-width:900px){.dark-feature-grid{grid-template-columns:1fr;gap:var(--spacing-32)}}.dark-feature-left h2{color:var(--color-snow);margin-bottom:var(--spacing-16)}.dark-feature-left p{color:var(--color-ash)}.dark-feature-list{display:flex;flex-direction:column;gap:var(--spacing-24)}.dark-feature-item{border-bottom:1px solid var(--color-slate);padding-bottom:var(--spacing-16);display:flex;justify-content:space-between;align-items:center}.dark-feature-item-content h3{color:var(--color-snow);font-size:18px;margin-bottom:var(--spacing-8)}.dark-feature-item-content p{color:var(--color-ash);font-size:14px}.dark-arrow{color:var(--color-ember);font-size:24px;font-weight:700}.stats-section{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-32);margin-bottom:var(--spacing-80)}@media(max-width:768px){.stats-section{grid-template-columns:1fr;gap:var(--spacing-24)}}.stats-block{background-color:var(--surface-card);border:1px solid var(--color-cloud);border-radius:var(--radius-cards);padding:var(--spacing-28);display:flex;flex-direction:column;gap:var(--spacing-8)}.stats-number{font-size:var(--text-heading-lg);font-weight:var(--font-weight-semibold);color:var(--color-obsidian);line-height:1}.stats-label{font-size:var(--text-body);color:var(--color-steel)}.breakthrough-image-section{border-radius:var(--radius-cards) var(--radius-cards) 0 0;overflow:hidden;height:380px;width:100%;margin-bottom:var(--spacing-80)}.breakthrough-image-section img{width:100%;height:100%;object-fit:cover}.logo-strip{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-24);padding:var(--spacing-40) 0;margin-bottom:var(--spacing-80);border-top:1px solid var(--color-cloud);border-bottom:1px solid var(--color-cloud)}.logo-item{color:var(--color-fog);font-weight:var(--font-weight-semibold);font-size:var(--text-body-lg);opacity:.65;letter-spacing:-.03em}.footer-services{background-color:var(--surface-canvas);color:var(--color-graphite);border-top:1px solid var(--color-cloud);padding:var(--spacing-64) 0 var(--spacing-48) 0;display:grid;grid-template-columns:1.5fr 1fr;gap:var(--spacing-48)}@media(max-width:768px){.footer-services{grid-template-columns:1fr;gap:var(--spacing-32)}}.footer-left-info h2{margin-bottom:var(--spacing-16)}.footer-contact-links{display:flex;gap:var(--spacing-32);margin-top:var(--spacing-28)}.contact-item-label{font-size:var(--text-caption);color:var(--color-steel);display:block;margin-bottom:var(--spacing-4)}.contact-item-value{font-size:var(--text-body-lg);color:var(--color-obsidian);font-weight:var(--font-weight-medium)}.card-image-container{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background-color:#f1f3f5;padding:12px;display:flex;align-items:center;justify-content:center}.mockup-frame{width:100%;height:100%;background:#fff;border-radius:var(--radius-inputs, 8px);border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 24px -6px #00000014,0 2px 4px -1px #0000000a;display:flex;flex-direction:column;overflow:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease}.category-card:hover .mockup-frame{box-shadow:0 16px 36px -8px #00000024,0 6px 12px -3px #0000000f}.mockup-topbar{background:#f8f9fa;border-bottom:1px solid rgba(0,0,0,.06);padding:8px 12px;display:flex;align-items:center;gap:12px;flex-shrink:0}.mockup-dots{display:flex;align-items:center;gap:6px}.mockup-dots .dot{width:9px;height:9px;border-radius:50%;display:inline-block}.mockup-dots .dot.red{background-color:#ff5f56}.mockup-dots .dot.yellow{background-color:#ffbd2e}.mockup-dots .dot.green{background-color:#27c93f}.mockup-url{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:4px;padding:3px 10px;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--color-steel);display:flex;align-items:center;gap:6px;max-width:85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:inset 0 1px 1.5px #00000008}.mockup-url .lock-icon{flex-shrink:0;color:#10b981}.mockup-screen{position:relative;flex:1;width:100%;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.mockup-screen img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .6s cubic-bezier(.16,1,.3,1)}.mockup-screen.fit-contain{background:#fafafa;padding:8px}.mockup-screen.fit-contain img{object-fit:contain;object-position:center}.category-card:hover .mockup-screen img{transform:scale(1.04)}@media(max-width:860px){.nav-toggle{display:flex}.nav-links{position:fixed;top:80px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--surface-card);border-bottom:1px solid var(--color-cloud);box-shadow:0 20px 40px -20px #0003;padding:var(--spacing-16) var(--spacing-24) var(--spacing-24);max-height:0;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px);transition:max-height .3s ease,opacity .25s ease,transform .25s ease,visibility .3s}.nav-links.open{max-height:85vh;opacity:1;visibility:visible;transform:translateY(0)}.nav-links>a{font-size:16px;padding:15px 0;border-bottom:1px solid var(--color-cloud);width:100%}.nav-links>a.btn-pill{display:inline-flex;justify-content:center;margin-top:var(--spacing-16);border-bottom:none;padding:12px 16px;width:100%}.nav-links .lang-switch{align-self:flex-start;margin-top:var(--spacing-16)}.logo-brand .logo-img{width:36px;height:36px}.logo-brand-name{font-size:15px}.logo-brand-tagline{font-size:9px}}@media(max-width:768px){.container{padding:0 var(--spacing-16)}h1{font-size:40px;line-height:1.15}h2{font-size:28px;line-height:1.22}.section-header-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-16);margin-bottom:var(--spacing-32)}.hero-section{padding:var(--spacing-32) 0}.hero-desc{font-size:16px}.category-header{margin-bottom:var(--spacing-16)}.logo-strip{gap:var(--spacing-16);padding:var(--spacing-24) 0;margin-bottom:var(--spacing-48)}.logo-item{font-size:14px}.stats-number{font-size:40px}.footer-services{grid-template-columns:1fr;gap:var(--spacing-24)}.footer-services>div:last-child{justify-content:flex-start}.footer-services>div:last-child .btn-primary{width:100%;padding:14px 24px}.footer-brand .logo-img{width:62px;height:62px}.footer-brand .logo-brand-name{font-size:22px}.footer-brand .logo-brand-tagline{font-size:12px}.category-card .btn-primary{width:100%}.mockup-url{max-width:100%;font-size:10px}}@media(max-width:480px){.card-body{padding:var(--spacing-20)}.card-header-row{flex-wrap:wrap;gap:var(--spacing-8)}.email-capture{flex-direction:column}.email-capture .email-input,.email-capture .btn-primary{width:100%}.footer-contact-links{flex-direction:column;gap:var(--spacing-16)}.stats-block{padding:var(--spacing-20)}}