:root{--bg-ivory:#f5f4f0;--bg-ivory-card:#fff;--bg-ivory-elevated:#edece6;--bg-dark:#101214;--bg-dark-card:#181b1e;--bg-dark-elevated:#212529;--text-graphite:#17191c;--text-graphite-muted:#5a606c;--text-graphite-faint:#8e95a2;--text-dark-primary:#f5f4f0;--text-dark-muted:#9da4b0;--accent-blue:#345cff;--accent-blue-hover:#264aeb;--accent-blue-glow:#345cff26;--accent-blue-subtle:#345cff14;--border-subtle:#17191c17;--border-medium:#17191c29;--border-dark-subtle:#ffffff17;--border-dark-medium:#ffffff2e;--glass-bg:#f5f4f0c7;--glass-border:#17191c14;--glass-blur:16px;--glass-dark-bg:#101214d1;--glass-dark-border:#ffffff1a;--font-primary:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", "Plus Jakarta Sans", sans-serif;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--space-2xl:7rem;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:9999px;--shadow-subtle:0 4px 20px #17191c08;--shadow-card:0 12px 36px -8px #17191c0f;--shadow-floating:0 24px 60px -12px #17191c1f;--shadow-dark:0 24px 60px -12px #00000080;--transition-fast:.2s cubic-bezier(.16, 1, .3, 1);--transition-normal:.35s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.6s cubic-bezier(.16, 1, .3, 1);--container-max:1320px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-primary);background-color:var(--bg-ivory);color:var(--text-graphite);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{background-color:var(--bg-ivory);min-height:100vh;line-height:1.6;overflow-x:hidden}::selection{background-color:var(--accent-blue);color:#fff}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:3px;border-radius:4px}h1,h2,h3,h4,.display-text{font-family:var(--font-display);letter-spacing:-.035em;color:var(--text-graphite);font-weight:600;line-height:1.08}.hero-headline{letter-spacing:-.04em;margin-bottom:var(--space-md);color:var(--text-graphite);font-size:clamp(2.8rem,6.2vw,5.4rem);font-weight:600}.section-headline{letter-spacing:-.035em;margin-bottom:var(--space-md);font-size:clamp(2.2rem,4.2vw,3.6rem)}.section-headline-dark{color:var(--text-dark-primary)}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-blue);margin-bottom:var(--space-sm);align-items:center;gap:8px;font-size:.75rem;font-weight:700;display:inline-flex}.section-label:before{content:"";background-color:var(--accent-blue);border-radius:50%;width:6px;height:6px;display:inline-block}.body-large{color:var(--text-graphite-muted);max-width:580px;font-size:clamp(1.05rem,1.35vw,1.25rem);line-height:1.6}.body-large-dark{color:var(--text-dark-muted)}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-md);margin:0 auto}@media (width>=768px){.container{padding:0 var(--space-lg)}}.section-padding{padding:var(--space-2xl) 0}.navbar-wrapper{z-index:1000;padding:0 var(--space-sm);pointer-events:none;justify-content:center;display:flex;position:fixed;top:16px;left:0;right:0}.navbar{pointer-events:auto;background-color:var(--glass-bg);width:100%;max-width:1080px;height:80px;-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-floating);transition:transform var(--transition-normal), box-shadow var(--transition-normal);justify-content:space-between;align-items:center;padding:0 16px 0 28px;display:flex}.brand-logo{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-graphite);align-items:center;gap:8px;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.brand-logo-img{object-fit:contain;width:auto;height:68px;display:block}.footer-brand .brand-logo-img{height:84px}@media (width<=768px){.navbar{height:68px;padding:0 12px 0 18px}.brand-logo-img{height:52px}}.brand-dot{background-color:var(--accent-blue);border-radius:50%;width:8px;height:8px}.nav-links{align-items:center;gap:var(--space-md);list-style:none;display:flex}.nav-link{color:var(--text-graphite-muted);transition:color var(--transition-fast);border-radius:var(--radius-sm);padding:6px 10px;font-size:.9rem;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--text-graphite)}.nav-cta{color:#fff;background-color:var(--text-graphite);border-radius:var(--radius-pill);cursor:pointer;height:40px;transition:background-color var(--transition-fast), transform var(--transition-fast);border:none;justify-content:center;align-items:center;padding:0 18px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.nav-cta:hover{background-color:var(--accent-blue);transform:translateY(-1px)}.mobile-menu-toggle{background:var(--bg-ivory-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-graphite);transition:background-color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;padding:8px;display:none}.mobile-menu-toggle:hover{background-color:var(--bg-ivory-card);border-color:var(--border-medium)}.mobile-nav-overlay{z-index:2000;-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;background-color:#101214a6;justify-content:flex-end;transition:opacity .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}.mobile-nav-overlay.is-active{opacity:1;pointer-events:auto}.mobile-nav-panel{background-color:var(--bg-ivory);width:88%;max-width:380px;height:100%;padding:var(--space-lg);flex-direction:column;justify-content:space-between;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;transform:translate(100%);box-shadow:-10px 0 30px #00000026}.mobile-nav-overlay.is-active .mobile-nav-panel{transform:translate(0)}.mobile-nav-top{padding-bottom:var(--space-md);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.mobile-close-btn{background:var(--bg-ivory-elevated);border:1px solid var(--border-subtle);cursor:pointer;width:40px;height:40px;color:var(--text-graphite);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.mobile-close-btn:hover{background-color:var(--text-graphite);color:#fff}.mobile-nav-body{padding:var(--space-xl) 0;flex:1}.mobile-nav-links{gap:var(--space-md);flex-direction:column;list-style:none;display:flex}.mobile-nav-links a{font-family:var(--font-display);color:var(--text-graphite);transition:color var(--transition-fast), transform var(--transition-fast);font-size:1.65rem;font-weight:600;text-decoration:none;display:inline-block}.mobile-nav-links a:hover{color:var(--accent-blue);transform:translate(6px)}.mobile-nav-footer{padding-top:var(--space-md);border-top:1px solid var(--border-subtle);flex-direction:column;gap:10px;display:flex}.mobile-contact-info{flex-direction:column;gap:12px;margin-bottom:4px;display:flex}.mobile-contact-link{color:var(--text-graphite);transition:color var(--transition-fast), transform var(--transition-fast);align-items:center;gap:10px;padding:6px 0;font-size:1.25rem;font-weight:600;text-decoration:none;display:flex}.mobile-contact-icon{font-size:1.35rem}.mobile-contact-link:hover{color:var(--accent-blue);transform:translate(4px)}@media (width<=900px){.navbar-wrapper{padding:0 12px;top:12px}.navbar{height:64px;padding:0 16px}.brand-logo-img{height:44px}.nav-links,.nav-cta{display:none!important}.mobile-menu-toggle{display:flex!important}}.hero-section{padding-top:clamp(120px,16vw,180px);padding-bottom:clamp(60px,10vw,120px);position:relative;overflow:hidden}.hero-grid{gap:var(--space-xl);grid-template-columns:1fr;align-items:center;display:grid}@media (width>=992px){.hero-grid{grid-template-columns:55% 45%}}.hero-content{z-index:2}.hero-actions{align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.btn-primary{color:#fff;background-color:var(--text-graphite);border-radius:var(--radius-pill);cursor:pointer;height:52px;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 28px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 8px 24px -6px #17191c40}.btn-primary:hover{background-color:var(--accent-blue);transform:translateY(-2px);box-shadow:0 12px 30px -6px #345cff59}.btn-secondary{height:52px;color:var(--text-graphite);border:1px solid var(--border-medium);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;justify-content:center;align-items:center;gap:6px;padding:0 24px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary:hover{background-color:var(--bg-ivory-elevated);border-color:var(--text-graphite);transform:translateY(-1px)}body.custom-cursor-active,body.custom-cursor-active a,body.custom-cursor-active button{cursor:none!important}body.custom-cursor-active input,body.custom-cursor-active textarea,body.custom-cursor-active select,body.custom-cursor-active [contenteditable]{cursor:auto!important}.cursor-dot{background-color:var(--accent-blue);pointer-events:none;z-index:9999;border-radius:50%;width:6px;height:6px;margin-top:-3px;margin-left:-3px;transition:opacity .2s,transform .15s;position:fixed;top:0;left:0}.cursor-ring{pointer-events:none;z-index:9998;background-color:#345cff0a;border:1.5px solid #345cff99;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-top:-16px;margin-left:-16px;transition:width .25s cubic-bezier(.16,1,.3,1),height .25s cubic-bezier(.16,1,.3,1),margin .25s cubic-bezier(.16,1,.3,1),background-color .25s,border-color .25s,opacity .2s;display:flex;position:fixed;top:0;left:0}.cursor-label{color:#fff;opacity:0;white-space:nowrap;font-size:.65rem;font-weight:700;transition:opacity .2s}.cursor-ring.is-hovering{border-color:var(--accent-blue);background-color:#345cff1f;width:46px;height:46px;margin-top:-23px;margin-left:-23px}.cursor-ring.is-viewing{border-color:var(--accent-blue);background-color:var(--accent-blue);width:68px;height:68px;margin-top:-34px;margin-left:-34px}.cursor-ring.is-viewing .cursor-label{opacity:1}.cursor-dot.is-active,.cursor-ring.is-active{transform:scale(.85)}.cursor-dot.is-hidden,.cursor-ring.is-hidden{opacity:0}.hero-showcase-wrapper{perspective:1000px;width:100%;padding:10px 0;position:relative}.hero-showcase-card{gap:var(--space-sm);width:100%;min-height:380px;transform-style:preserve-3d;flex-direction:column;transition:transform .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.showcase-frames-group{width:100%;height:320px;position:relative}.showcase-browser-window{background-color:var(--bg-ivory-card);border-radius:var(--radius-md);z-index:1;border:1px solid #345cff33;flex-direction:column;width:88%;height:290px;display:flex;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 24px 60px -12px #17191c2e,0 0 35px #345cff14}.browser-header{background-color:var(--bg-ivory-elevated);border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;height:32px;padding:0 12px;display:flex}.browser-dots{gap:6px;display:flex}.browser-dot{border-radius:50%;width:9px;height:9px}.browser-dot-close{background-color:#ff5f56}.browser-dot-min{background-color:#ffbd2e}.browser-dot-max{background-color:#27c93f}.browser-url-bar{border-radius:var(--radius-pill);max-width:220px;height:18px;color:var(--text-graphite-muted);background-color:#17191c0d;flex:1;align-items:center;padding:0 10px;font-family:monospace;font-size:.65rem;display:flex}.showcase-viewport{flex:1;transition:opacity .2s;position:relative;overflow:hidden}.showcase-mobile-window{background-color:var(--bg-dark-card);border:1.5px solid var(--accent-blue);z-index:2;border-radius:18px;flex-direction:column;width:140px;height:240px;padding:6px;display:flex;position:absolute;bottom:0;right:0;overflow:hidden;box-shadow:0 24px 50px -10px #0006,0 0 20px #345cff33}.mobile-notch{background-color:#fff3;border-radius:2px;width:40px;height:4px;margin:2px auto 6px}.mobile-showcase-viewport{background-color:var(--bg-ivory);border-radius:12px;flex:1;transition:opacity .2s;overflow:hidden}.showcase-selectors-bar{justify-content:space-between;align-items:center;gap:var(--space-xs);flex-wrap:wrap;margin-top:8px;display:flex}.concept-btn-group{background-color:var(--bg-dark);border-radius:var(--radius-pill);border:1px solid var(--border-dark-subtle);gap:6px;padding:4px;display:flex}.concept-selector-btn{font-family:var(--font-primary);color:var(--text-dark-muted);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:6px 16px;font-size:.8rem;font-weight:600}.concept-selector-btn:hover{color:#fff}.concept-selector-btn.is-active{background-color:var(--accent-blue);color:#fff;box-shadow:0 4px 14px #345cff66}.showcase-hint-text{color:var(--text-graphite-muted);align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:flex}.concept-badge-tag{letter-spacing:.04em;text-transform:uppercase;color:var(--accent-blue);background-color:var(--accent-blue-subtle);border-radius:var(--radius-pill);align-items:center;gap:4px;padding:4px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.brand-style-view{flex-direction:column;justify-content:space-between;height:100%;padding:16px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.style-minimal{color:#17191c;background-color:#f5f4f0}.min-logo-block{align-items:center;gap:6px;display:flex}.futuristic-dot{background-color:var(--accent-blue);width:6px;height:6px;box-shadow:0 0 8px var(--accent-blue);border-radius:50%}.min-nav{border-bottom:1px solid #17191c14;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.min-logo{letter-spacing:.08em;font-family:monospace;font-size:.8rem;font-weight:700}.min-menu{color:#5a606c;gap:12px;font-size:.65rem;font-weight:600;display:flex}.min-hero-header{justify-content:space-between;align-items:center;display:flex}.min-tag{color:var(--accent-blue);letter-spacing:.1em;font-family:monospace;font-size:.6rem}.min-status{color:#27c93f;font-size:.6rem;font-weight:700}.min-heading{font-family:var(--font-primary);letter-spacing:-.03em;margin:4px 0;font-size:1.25rem;font-weight:600;line-height:1.2}.min-sub{color:#5a606c;font-size:.7rem;line-height:1.4}.min-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.min-card{flex-direction:column;gap:4px;display:flex}.min-card-info{color:#5a606c;justify-content:space-between;font-size:.58rem;font-weight:700;display:flex}.min-val{color:var(--accent-blue)}.min-img-placeholder{background-color:#edece6;border:1px solid #17191c14;border-radius:6px;height:80px;overflow:hidden}.style-bold{color:#f5f4f0;background-color:#101214}.bold-nav{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.bold-logo{font-family:var(--font-display);letter-spacing:-.02em;color:var(--accent-blue);font-size:.95rem;font-weight:800}.bold-menu{color:#9da4b0;gap:10px;font-size:.65rem;font-weight:700;display:flex}.bold-cart-badge{color:var(--accent-blue)}.bold-hero-header{align-items:center;gap:8px;display:flex}.bold-badge{letter-spacing:.1em;color:#fff;background-color:var(--accent-blue);border-radius:4px;padding:2px 8px;font-size:.6rem;font-weight:800;display:inline-block}.bold-glow-tag{color:#00f0ff;font-size:.6rem;font-weight:700}.bold-heading{font-family:var(--font-display);letter-spacing:-.03em;text-transform:uppercase;color:#fff;margin:4px 0;font-size:1.35rem;font-weight:800;line-height:1.05}.bold-sub{color:#9da4b0;font-size:.7rem;line-height:1.35}.bold-visual-container{border:1px stroke #345cff4d;background-color:#181b1e;border-radius:6px;align-items:center;height:65px;margin-top:6px;display:flex}.bold-actions{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.bold-btn{background-color:var(--accent-blue);color:#fff;border-radius:var(--radius-pill);padding:6px 14px;font-size:.7rem;font-weight:700;box-shadow:0 0 12px #345cff80}.bold-price{font-family:var(--font-display);color:#fff;font-size:1.05rem;font-weight:700}.style-editorial{color:#17191c;background-color:#faf8f5}.edit-nav{border-bottom:1px solid #17191c1a;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.edit-logo{font-family:Georgia,Times New Roman,serif;font-size:1.05rem;font-style:italic;font-weight:700}.edit-menu{color:#5a606c;letter-spacing:.04em;gap:10px;font-size:.65rem;font-weight:600;display:flex}.edit-meta-row{color:#8e95a2;justify-content:space-between;font-size:.58rem;font-weight:700;display:flex}.edit-heading{margin:4px 0;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;font-style:italic;font-weight:400;line-height:1.15}.edit-sub{color:#5a606c;font-size:.7rem;line-height:1.4}.edit-feature-card{background-color:#f0ede6;border-radius:6px;margin-top:8px;padding:6px}.edit-img-placeholder{background:linear-gradient(135deg,#2c3038 0%,#17191c 100%);border-radius:4px;height:65px}.edit-caption{color:#5a606c;margin-top:4px;font-size:.58rem;font-style:italic}.showcase-cta-link{color:#fff;background-color:var(--accent-blue);border-radius:var(--radius-pill);transition:transform var(--transition-fast), box-shadow var(--transition-fast);cursor:pointer;align-items:center;gap:6px;margin-top:12px;padding:8px 18px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 16px #345cff59}.showcase-cta-link:hover{transform:translateY(-2px);box-shadow:0 8px 24px #345cff80}.showcase-selectors-bar.pulse-highlight{animation:1s ease-in-out controlPulse}@keyframes controlPulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.before-after-widget{border-radius:var(--radius-md);background-color:var(--bg-ivory-elevated);width:100%;height:380px;position:relative;overflow:hidden}.before-layer,.after-layer{width:100%;height:100%;position:absolute;inset:0}.before-layer img,.after-layer img{object-fit:cover;object-position:top center;width:100%;height:100%}.after-layer{z-index:2;clip-path:polygon(0 0,50% 0,50% 100%,0 100%);transition:clip-path 50ms linear}.before-after-handle{z-index:3;pointer-events:none;background-color:#fff;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 12px #00000080}.handle-badge{background-color:var(--accent-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0000004d}.before-after-range-input{opacity:0;z-index:4;cursor:ew-resize;width:100%;height:100%;position:absolute;inset:0}.comparison-labels{z-index:3;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:14px;left:14px;right:14px}.comparison-label-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-pill);background-color:var(--glass-dark-bg);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 10px;font-size:.7rem;font-weight:700}.work-section{position:relative}.work-grid{gap:var(--space-lg);margin-top:var(--space-xl);grid-template-columns:1fr;display:grid}@media (width>=992px){.work-grid{grid-template-columns:repeat(2,1fr)}.work-card-featured{grid-column:span 2}}.work-card{background-color:var(--bg-ivory-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-md);color:var(--text-graphite);gap:var(--space-md);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-fast);box-shadow:var(--shadow-card);cursor:pointer;flex-direction:column;text-decoration:none;display:flex;position:relative}.work-card:hover{box-shadow:var(--shadow-floating);border-color:var(--border-medium);transform:translateY(-4px)}.work-card:hover .work-preview-img{transform:scale(1.03)}.work-preview-container{border-radius:var(--radius-md);background-color:var(--bg-ivory-elevated);width:100%;height:320px;position:relative;overflow:hidden}.work-card-featured .work-preview-container{height:clamp(340px,40vw,480px)}.work-preview-img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform var(--transition-smooth)}.work-info{flex-direction:column;gap:8px;display:flex}.work-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.work-title{font-size:1.5rem;font-weight:600}.work-industry-tag{letter-spacing:.04em;text-transform:uppercase;color:var(--text-graphite-muted);background-color:var(--bg-ivory-elevated);border-radius:var(--radius-pill);padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.work-services-list{color:var(--text-graphite-muted);font-size:.875rem}.concept-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-blue);background-color:var(--accent-blue-subtle);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:4px 10px;font-size:.725rem;font-weight:700;display:inline-flex}.services-section{position:relative}.services-tagline{color:var(--text-graphite-muted);max-width:680px;margin-bottom:var(--space-lg);font-size:clamp(1.05rem,1.4vw,1.25rem)}.services-list{border-top:1px solid var(--border-subtle);margin-top:var(--space-lg);flex-direction:column;display:flex}.service-item{border-bottom:1px solid var(--border-subtle);padding:var(--space-md) 0;transition:background-color var(--transition-fast)}.service-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 0;display:flex}.service-num-title-block{align-items:flex-start;gap:var(--space-md);flex:1;display:flex}.service-num{font-family:var(--font-display);color:var(--accent-blue);flex-shrink:0;width:40px;padding-top:4px;font-size:1.25rem;font-weight:600}.service-title-meta{flex-direction:column;gap:4px;display:flex}.service-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.service-title{color:var(--text-graphite);font-size:clamp(1.35rem,2.2vw,1.9rem);font-weight:600}.service-flagship-badge{letter-spacing:.05em;text-transform:uppercase;color:#fff;background-color:var(--accent-blue);border-radius:var(--radius-pill);align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.service-summary-visible{color:var(--text-graphite-muted);max-width:780px;margin-top:2px;font-size:.95rem;line-height:1.5}.service-toggle-icon{border:1px solid var(--border-medium);width:32px;height:32px;transition:transform var(--transition-fast), background-color var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:4px;font-size:1.2rem;display:flex}.service-item.is-expanded .service-toggle-icon{background-color:var(--text-graphite);color:#fff;border-color:var(--text-graphite);transform:rotate(45deg)}.service-body{max-height:0;transition:max-height var(--transition-smooth), opacity var(--transition-normal);opacity:0;overflow:hidden}.service-item.is-expanded .service-body{opacity:1;max-height:500px;padding-top:var(--space-md);padding-bottom:var(--space-sm)}.service-content-grid{gap:var(--space-md);grid-template-columns:1fr;padding-left:clamp(0px,4vw,56px);display:grid}@media (width>=768px){.service-content-grid{grid-template-columns:1.2fr 1fr;align-items:center}}.service-desc{color:var(--text-graphite-muted);font-size:1rem;line-height:1.65}.service-visual-preview{background-color:var(--bg-ivory-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-subtle);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.service-pill-tag{background-color:var(--bg-ivory-elevated);color:var(--text-graphite);border-radius:var(--radius-pill);padding:6px 12px;font-size:.8rem;font-weight:600}.services-addons-banner{margin-top:var(--space-xl);background-color:var(--bg-ivory-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);gap:var(--space-lg);box-shadow:var(--shadow-card);grid-template-columns:1fr;display:grid}@media (width>=992px){.services-addons-banner{grid-template-columns:1.2fr 1fr}}.addons-title{margin-bottom:8px;font-size:1.2rem;font-weight:600}.addons-chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.addon-chip{background-color:var(--accent-blue-subtle);color:var(--accent-blue);border-radius:var(--radius-pill);border:1px solid #345cff33;padding:6px 14px;font-size:.825rem;font-weight:600}.foundation-box{background-color:var(--bg-dark);color:var(--text-dark-primary);border-radius:var(--radius-md);padding:var(--space-md);flex-direction:column;gap:8px;display:flex}.foundation-title{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-blue);font-size:.85rem;font-weight:700}.foundation-desc{color:var(--text-dark-muted);font-size:.9rem;line-height:1.5}.philosophy-section{background-color:var(--bg-dark);color:var(--text-dark-primary);position:relative;overflow:hidden}.philosophy-grid{gap:var(--space-xl);grid-template-columns:1fr;align-items:center;display:grid}@media (width>=992px){.philosophy-grid{grid-template-columns:1fr 1fr}}.principles-list{gap:var(--space-lg);margin-top:var(--space-lg);flex-direction:column;display:flex}.principle-item{gap:var(--space-md);display:flex}.principle-icon{border-radius:var(--radius-md);border:1px solid var(--border-dark-subtle);width:44px;height:44px;color:var(--accent-blue);background-color:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;display:flex}.principle-title{color:var(--text-dark-primary);margin-bottom:4px;font-size:1.25rem;font-weight:600}.principle-desc{color:var(--text-dark-muted);font-size:.95rem}.mockup-container{background-color:var(--bg-dark-card);border:1px solid var(--border-dark-subtle);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-dark);position:relative}.mockup-header{padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-dark-subtle);margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.mockup-dots{gap:6px;display:flex}.mockup-dot{background-color:#fff3;border-radius:50%;width:10px;height:10px}.mockup-tabs{gap:8px;display:flex}.mockup-tab-btn{color:var(--text-dark-muted);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:4px 10px;font-size:.75rem;font-weight:600}.mockup-tab-btn.is-active{color:var(--text-dark-primary);background-color:#ffffff1a}.mockup-viewport{background-color:var(--bg-dark-elevated);border-radius:var(--radius-md);border:1px dashed var(--border-dark-subtle);height:280px;padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex;position:relative;overflow:hidden}.process-grid{gap:var(--space-md);margin-top:var(--space-xl);grid-template-columns:1fr;display:grid}@media (width>=768px){.process-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1200px){.process-grid{grid-template-columns:repeat(4,1fr)}}.process-card{background-color:var(--bg-ivory-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg) var(--space-md);gap:var(--space-sm);box-shadow:var(--shadow-subtle);flex-direction:column;display:flex;position:relative}.process-step-num{font-family:var(--font-display);letter-spacing:.08em;color:var(--accent-blue);font-size:.85rem;font-weight:700}.process-step-title{font-size:1.35rem;font-weight:600}.process-step-desc{color:var(--text-graphite-muted);font-size:.925rem}.about-section{position:relative}.about-card{background-color:var(--bg-ivory-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:clamp(var(--space-md), 5vw, var(--space-2xl));box-shadow:var(--shadow-card)}.cta-section{text-align:center;padding:var(--space-2xl) 0}.cta-box{background-color:var(--bg-ivory-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:clamp(var(--space-xl), 6vw, var(--space-2xl)) var(--space-md);align-items:center;gap:var(--space-md);box-shadow:var(--shadow-floating);flex-direction:column;display:flex;position:relative;overflow:hidden}.cta-box:before{content:"";background:radial-gradient(circle, var(--accent-blue-glow) 0%, #fff0 70%);pointer-events:none;width:250px;height:250px;position:absolute;top:-50px;left:50%;transform:translate(-50%)}.footer{border-top:1px solid var(--border-subtle);padding:var(--space-xl) 0 var(--space-md)}.footer-grid{gap:var(--space-xl);margin-bottom:var(--space-xl);grid-template-columns:1fr;display:grid}@media (width>=768px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-brand-desc{color:var(--text-graphite-muted);max-width:320px;margin-top:var(--space-xs);font-size:.95rem}.footer-col-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-graphite);margin-bottom:var(--space-sm);font-size:.85rem;font-weight:700}.footer-links{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-links a{color:var(--text-graphite);transition:color var(--transition-fast);font-size:1.15rem;font-weight:600;text-decoration:none}.footer-links a:hover{color:var(--accent-blue)}.footer-bottom{justify-content:space-between;align-items:center;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-subtle);color:var(--text-graphite-faint);flex-wrap:wrap;font-size:.85rem;display:flex}dialog.inquiry-modal{border:1px solid var(--border-medium);border-radius:var(--radius-xl);background-color:var(--bg-ivory-card);color:var(--text-graphite);width:92%;max-width:620px;box-shadow:var(--shadow-floating);opacity:0;transition:opacity .3s cubic-bezier(.16, 1, .3, 1), transform .3s cubic-bezier(.16, 1, .3, 1), display .3s allow-discrete, overlay .3s allow-discrete;margin:auto;padding:0;overflow:hidden;transform:scale(.95)translateY(10px)}dialog.inquiry-modal[open]{opacity:1;transform:scale(1)translateY(0)}@starting-style{dialog.inquiry-modal[open]{opacity:0;transform:scale(.95)translateY(10px)}}dialog.inquiry-modal::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background-color:#1012148c;transition:opacity .3s cubic-bezier(.16,1,.3,1)}dialog.inquiry-modal[open]::backdrop{opacity:1}@starting-style{dialog.inquiry-modal[open]::backdrop{opacity:0}}.modal-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:1.35rem;font-weight:600}.modal-close-btn{cursor:pointer;color:var(--text-graphite-muted);transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;padding:6px}.modal-close-btn:hover{background-color:var(--bg-ivory-elevated);color:var(--text-graphite)}.modal-body{padding:var(--space-lg)}.inquiry-form{gap:var(--space-md);flex-direction:column;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-graphite);font-size:.875rem;font-weight:600}.form-input,.form-textarea{width:100%;font-family:var(--font-primary);color:var(--text-graphite);background-color:var(--bg-ivory);border:1px solid var(--border-medium);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:12px 16px;font-size:.95rem}.form-input:focus,.form-textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-glow);outline:none}.budget-options{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.budget-chip{cursor:pointer}.budget-chip input{display:none}.budget-chip span{color:var(--text-graphite-muted);background-color:var(--bg-ivory);border:1px solid var(--border-medium);border-radius:var(--radius-pill);transition:all var(--transition-fast);padding:8px 14px;font-size:.85rem;font-weight:500;display:inline-block}.budget-chip input:checked+span{background-color:var(--text-graphite);color:#fff;border-color:var(--text-graphite)}.form-error{color:#e53935;font-size:.8rem;display:none}.form-group.has-error .form-error{display:block}.form-group.has-error .form-input,.form-group.has-error .form-textarea{border-color:#e53935}.modal-success-state{text-align:center;padding:var(--space-xl) var(--space-md);align-items:center;gap:var(--space-sm);flex-direction:column;display:none}.success-icon{background-color:var(--accent-blue-subtle);width:56px;height:56px;color:var(--accent-blue);margin-bottom:var(--space-xs);border-radius:50%;justify-content:center;align-items:center;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}