@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/poppins-latin-400-normal.woff2') format('woff2')}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/poppins-latin-500-normal.woff2') format('woff2')}@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/poppins-latin-600-normal.woff2') format('woff2')}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/poppins-latin-700-normal.woff2') format('woff2')}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/inter-latin-400-normal.woff2') format('woff2')}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/inter-latin-500-normal.woff2') format('woff2')}:root{--primary:#1B3560;--primary-dark:#0F1E38;--secondary:#c0391c;--secondary-dark:#a83016;--background:#F5F7FB;--surface:#FFFFFF;--surface-soft:#F8FAFC;--border:rgba(27, 53, 96, 0.13);--text-primary:#0F1E38;--text-secondary:#53627F;--text-light:#FFFFFF;--radius:14px}/* Pre-live scale guard: keep the examples hero in proportion with the page. */.ex-hero{min-height:min(520px, 58vh);padding:clamp(5.6rem, 7vw, 6.8rem) 1.25rem clamp(2.4rem, 4vw, 3.2rem)}.ex-hero h1{font-size:clamp(2.1rem, 4.2vw, 3.9rem);line-height:1.06}.ex-hero .ex-btn-secondary{border-color:rgba(255, 255, 255, 0.9);background:#ffffff;color:var(--primary)}@media (max-width: 760px){.ex-hero{min-height:auto;padding:6.4rem 1rem 2.6rem;background-image:linear-gradient(110deg, rgba(15, 30, 56, 0.94) 0%, rgba(27, 53, 96, 0.84) 54%, rgba(192, 57, 28, 0.34) 100%),image-set(
                url('images/heroes/newpages/web-design-hero-mobile-768.avif') type('image/avif') 1x,
                url('images/heroes/newpages/web-design-hero-mobile-768.webp') type('image/webp') 1x,
                url('images/heroes/newpages/web-design-hero-mobile-768.jpg') type('image/jpeg') 1x
            );background-position:center}.ex-hero h1{font-size:clamp(2rem, 9vw, 2.55rem)}}/* Mobile art direction: final override after legacy hero rules. */@media (max-width: 760px){.ex-hero{background-image:linear-gradient(110deg, rgba(15, 30, 56, 0.94) 0%, rgba(27, 53, 96, 0.84) 54%, rgba(192, 57, 28, 0.34) 100%),image-set(
                url('images/heroes/newpages/web-design-hero-mobile-768.avif') type('image/avif') 1x,
                url('images/heroes/newpages/web-design-hero-mobile-768.webp') type('image/webp') 1x,
                url('images/heroes/newpages/web-design-hero-mobile-768.jpg') type('image/jpeg') 1x
            ) !important;background-position:center !important}}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-primary);background:linear-gradient(180deg, #eef2f8 0%, var(--background) 34%, #ffffff 100%)}h1,h2,h3{font-family:'Poppins',sans-serif;letter-spacing:0;line-height:1.15;margin:0}p{margin:0;line-height:1.65}a{color:inherit}.ex-hero{min-height:540px;display:flex;align-items:center;background:linear-gradient(110deg, rgba(15, 30, 56, 0.94) 0%, rgba(27, 53, 96, 0.84) 54%, rgba(192, 57, 28, 0.34) 100%),url('../images/heroes/newpages/web-design-hero-1280.jpg') center/cover no-repeat;color:var(--text-light);padding:clamp(4rem, 8vw, 7rem) 1.25rem}@supports (background-image: image-set(url('../images/heroes/newpages/web-design-hero-1280.avif') type('image/avif') 1x)){.ex-hero{background-image:linear-gradient(110deg, rgba(15, 30, 56, 0.94) 0%, rgba(27, 53, 96, 0.84) 54%, rgba(192, 57, 28, 0.34) 100%),image-set(
                url('../images/heroes/newpages/web-design-hero-1280.avif') type('image/avif') 1x,
                url('../images/heroes/newpages/web-design-hero-1280.webp') type('image/webp') 1x,
                url('../images/heroes/newpages/web-design-hero-1280.jpg') type('image/jpeg') 1x
            )}}.ex-hero-inner{width:min(1120px, 100%);margin:0 auto}.ex-eyebrow,.ex-section-label{font-family:'Poppins',sans-serif;font-size:0.74rem;font-weight:700;letter-spacing:0.11em;text-transform:uppercase}.ex-eyebrow{color:rgba(255, 255, 255, 0.72);margin-bottom:0.9rem}.ex-hero h1{max-width:820px;font-size:clamp(2.25rem, 6vw, 4.8rem);font-weight:700}.ex-hero-copy{max-width:660px;margin-top:1.2rem;color:rgba(255, 255, 255, 0.82);font-size:clamp(1rem, 2vw, 1.18rem)}.ex-hero-actions{display:flex;flex-wrap:wrap;gap:0.8rem;margin-top:1.7rem}.ex-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:8px;padding:0.75rem 1.15rem;font-family:'Poppins',sans-serif;font-size:0.92rem;font-weight:700;text-decoration:none;transition:transform 0.2s ease,box-shadow 0.2s ease,background 0.2s ease,border-color 0.2s ease}.ex-btn:hover,.ex-btn:focus-visible{transform:translateY(-2px)}.ex-btn-primary{background:var(--secondary);color:#fff;box-shadow:0 10px 22px rgba(192, 57, 28, 0.28)}.ex-btn-primary:hover,.ex-btn-primary:focus-visible{background:var(--secondary-dark)}.ex-btn-secondary{color:#fff;border:1px solid rgba(255, 255, 255, 0.3);background:rgba(255, 255, 255, 0.08)}.ex-btn-secondary:hover,.ex-btn-secondary:focus-visible{background:rgba(255, 255, 255, 0.14);border-color:rgba(255, 255, 255, 0.46)}.ex-method,.ex-gallery,.ex-final-cta{width:min(1120px, calc(100% - 2rem));margin:0 auto}.ex-method,.ex-gallery{scroll-margin-top:128px}.ex-method{padding:clamp(2.4rem, 6vw, 4.8rem) 0 1rem}.ex-method-inner{display:grid;grid-template-columns:minmax(0, 0.95fr) minmax(0, 1.2fr);gap:clamp(1.25rem, 4vw, 2.2rem);align-items:start}.ex-section-label{color:var(--secondary);margin-bottom:0.7rem}.ex-method h2,.ex-section-head h2,.ex-final-cta h2{font-size:clamp(1.7rem, 4vw, 2.55rem);color:var(--text-primary)}.ex-method p,.ex-section-head p,.ex-final-cta p{color:var(--text-secondary);margin-top:0.9rem;max-width:68ch}.ex-method-grid{display:grid;gap:0.85rem}.ex-method-grid article{background:rgba(255, 255, 255, 0.94);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem 1.2rem;box-shadow:0 10px 24px rgba(27, 53, 96, 0.07)}.ex-method-icon{display:inline-grid;width:44px;height:44px;place-items:center;border-radius:999px;background:rgba(192, 57, 28, 0.1);color:var(--secondary);margin-bottom:0.65rem}.ex-method-icon svg{width:22px;height:22px}.ex-method-grid h3{font-size:1.02rem;margin-bottom:0.35rem}.ex-method-grid p{color:var(--text-secondary);font-size:0.92rem;margin:0}.ex-gallery{padding:clamp(2rem, 5vw, 4rem) 0 clamp(2.5rem, 6vw, 5rem)}.ex-section-head{max-width:780px;margin:0 auto 1.4rem;text-align:center}.ex-section-head p{margin-left:auto;margin-right:auto}.filter-bar{position:sticky;top:68px;z-index:20;display:flex;justify-content:center;gap:0.55rem;overflow-x:auto;padding:0.75rem 0;margin-bottom:1.35rem;background:rgba(245, 247, 251, 0.92);backdrop-filter:blur(12px);scrollbar-width:none}.filter-bar::-webkit-scrollbar{display:none}.filter-btn{border:1px solid var(--border);background:#fff;color:var(--text-secondary);border-radius:999px;padding:0.55rem 0.95rem;font-family:'Poppins',sans-serif;font-size:0.9rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease,transform 0.2s ease}.filter-btn:hover,.filter-btn:focus-visible{border-color:rgba(27, 53, 96, 0.3);transform:translateY(-1px)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.portfolio-grid{display:grid;grid-template-columns:1fr;gap:clamp(1.4rem, 3vw, 2rem)}.portfolio-card{display:flex;flex-direction:column;align-items:center;min-height:100%;color:var(--text-primary);text-decoration:none;transition:transform 0.24s ease}.portfolio-card:hover,.portfolio-card:focus-visible{transform:translateY(-4px)}.portfolio-card.hidden,.more-demo-links.hidden,.mid-grid-cta.hidden{display:none}.phone-mockup{width:min(150px, 100%);justify-self:center;background:var(--primary-dark);border-radius:30px;padding:10px 8px 14px;box-shadow:0 20px 34px rgba(15, 30, 56, 0.22),inset 0 0 0 1px rgba(255, 255, 255, 0.09)}.phone-notch{width:46px;height:5px;margin:0 auto 8px;border-radius:999px;background:rgba(255, 255, 255, 0.18)}.phone-screen{position:relative;overflow:hidden;border-radius:22px;background:#fff;aspect-ratio:9/16}.phone-screen img{width:100%;height:auto;display:block;transform-origin:top center;transition:transform 0.6s cubic-bezier(0.22, 1, 0.36, 1)}.portfolio-card:hover .phone-screen img,.portfolio-card:focus-visible .phone-screen img{transform:scale(1.04)}.phone-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:1rem 0.65rem;background:linear-gradient(to top, rgba(15, 30, 56, 0.9), rgba(15, 30, 56, 0.18) 58%, transparent 76%);opacity:0;transition:opacity 0.26s ease}.portfolio-card:hover .phone-overlay,.portfolio-card:focus-visible .phone-overlay{opacity:1}.phone-overlay span{display:inline-flex;border-radius:999px;background:var(--secondary);color:#fff;padding:0.42rem 0.8rem;font-family:'Poppins',sans-serif;font-size:0.74rem;font-weight:700}.phone-home-bar{width:40px;height:4px;border-radius:999px;margin:10px auto 0;background:rgba(255, 255, 255, 0.22)}.card-info{width:100%;margin-top:1rem;padding:1.25rem 1.35rem;border:1px solid var(--border);border-radius:var(--radius);background:rgba(255, 255, 255, 0.94);box-shadow:0 10px 26px rgba(27, 53, 96, 0.075);min-width:0;transition:border-color 0.24s ease,box-shadow 0.24s ease}.portfolio-card:hover .card-info,.portfolio-card:focus-visible .card-info{border-color:rgba(27, 53, 96, 0.25);box-shadow:0 16px 34px rgba(27, 53, 96, 0.13)}.card-category{display:inline-flex;margin-bottom:0.42rem;color:var(--secondary);font-family:'Poppins',sans-serif;font-size:0.7rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase}.card-info h3{font-size:1.18rem;margin-bottom:0.55rem}.card-info p{color:var(--text-secondary);font-size:0.93rem}.card-outcome{display:inline-flex;margin-top:0.9rem;border-radius:999px;background:rgba(27, 53, 96, 0.065);color:var(--primary);padding:0.35rem 0.65rem;font-family:'Poppins',sans-serif;font-size:0.72rem;font-weight:700}.mid-grid-cta{grid-column:1/-1;padding:clamp(1.5rem, 4vw, 2.5rem);border-radius:var(--radius);background:linear-gradient(135deg, var(--primary), #254878);color:#fff;box-shadow:0 16px 36px rgba(15, 30, 56, 0.16)}.more-demo-links{grid-column:1/-1;padding:1.35rem;border:1px solid var(--border);border-radius:var(--radius);background:rgba(255, 255, 255, 0.9);box-shadow:0 10px 26px rgba(27, 53, 96, 0.07)}.more-demo-grid{display:grid;gap:0.85rem}.more-demo-grid a{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:0.85rem 1rem;border:1px solid rgba(27, 53, 96, 0.12);border-radius:10px;background:#fff;color:var(--text-primary);text-decoration:none;transition:border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease}.more-demo-grid a:hover,.more-demo-grid a:focus-visible{border-color:rgba(27, 53, 96, 0.25);box-shadow:0 8px 20px rgba(27, 53, 96, 0.1);transform:translateY(-2px)}.more-demo-grid span{color:var(--secondary);font-family:'Poppins',sans-serif;font-size:0.76rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase}.more-demo-grid strong{color:var(--primary);font-family:'Poppins',sans-serif;font-size:0.9rem;text-align:right}.mid-grid-cta .ex-section-label{color:rgba(255, 255, 255, 0.66)}.mid-grid-cta h3{max-width:680px;font-size:clamp(1.35rem, 3vw, 2.1rem)}.mid-grid-cta p{max-width:680px;margin-top:0.85rem;color:rgba(255, 255, 255, 0.78)}.mid-grid-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:1.2rem;border-radius:8px;background:var(--secondary);color:#fff;padding:0.75rem 1rem;font-family:'Poppins',sans-serif;font-size:0.9rem;font-weight:700;text-decoration:none}.ex-final-cta{margin-bottom:clamp(2.5rem, 6vw, 5rem);padding:clamp(1.6rem, 5vw, 3rem);border:1px solid rgba(27, 53, 96, 0.13);border-left:4px solid var(--secondary);border-radius:var(--radius);background:#fff;box-shadow:0 14px 34px rgba(27, 53, 96, 0.08)}.ex-final-cta .ex-btn-secondary{color:var(--primary);border-color:rgba(27, 53, 96, 0.18);background:rgba(27, 53, 96, 0.045)}.ex-reveal{opacity:0;transform:translateY(32px);transition:opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),transform 0.8s cubic-bezier(0.22, 1, 0.36, 1),border-color 0.24s ease,box-shadow 0.24s ease;will-change:opacity,transform}.ex-delay-1{transition-delay:0.08s,0.08s,0s,0s}.ex-delay-2{transition-delay:0.16s,0.16s,0s,0s}.ex-reveal.ex-revealed{opacity:1;transform:translateY(0)}@media (min-width: 760px){.portfolio-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}.more-demo-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (min-width: 1060px){.phone-mockup{width:min(196px, 74%)}}@media (max-width: 780px){.ex-method-inner{grid-template-columns:1fr}.ex-hero{min-height:500px;padding-top:4.5rem}.filter-bar{top:66px;justify-content:flex-start}.ex-method,.ex-gallery{scroll-margin-top:92px}}@media (max-width: 560px){.ex-hero{min-height:480px}.ex-hero-actions,.ex-final-cta .ex-hero-actions{display:grid}.ex-btn{width:100%}.portfolio-card{align-items:center}.phone-mockup{width:min(176px, 74%)}.more-demo-grid a{display:grid}.more-demo-grid strong{text-align:left}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important}.ex-reveal{opacity:1;transform:none}}/* Pre-live scale guard: final override. */.ex-hero{min-height:min(520px, 58vh);padding:clamp(5.6rem, 7vw, 6.8rem) 1.25rem clamp(2.4rem, 4vw, 3.2rem)}.ex-hero h1{font-size:clamp(2.1rem, 4.2vw, 3.9rem);line-height:1.06}@media (max-width: 760px){.ex-hero{min-height:auto;padding:6.4rem 1rem 2.6rem}.ex-hero h1{font-size:clamp(2rem, 9vw, 2.55rem)}}