@media (max-width: 62rem){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{gap:2rem}.home-hero .hero-grid{grid-template-columns:minmax(0,1fr) minmax(20rem,.82fr);gap:1rem}.home-hero .hero-copy h1{font-size:clamp(3rem,6.5vw,4.3rem)}.capabilities-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem 2.5rem}.product-list-card{grid-template-columns:4rem minmax(0,1fr) minmax(10rem,13rem) 2.75rem;gap:1rem}.product-list-card .product-icon{width:4rem;height:4rem}.contact-layout{grid-template-columns:1fr 1.3fr}.contact-page-layout{gap:2rem}}
@media (max-width: 48rem){.section{padding:4rem 0}.navbar{flex-wrap:wrap}.js .nav-toggle{display:block}.nav-cta{display:none}.nav-menu{position:static;display:block;flex-basis:100%;padding:.6rem;background:#05121e}.js .nav-menu{position:absolute;top:calc(100% + 1px);left:1rem;right:1rem;display:none;align-items:stretch;border:1px solid var(--border);border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow)}.js .nav-menu.is-open{display:block}.nav-link{padding:.85rem}.hero{padding:4.5rem 0}.hero-grid,.home-hero .hero-grid{grid-template-columns:1fr}.home-hero{min-height:auto;padding:4rem 0 3.5rem}.home-hero .hero-copy{max-width:38rem}.home-hero .hero-copy h1{font-size:clamp(2.4rem,11vw,3.5rem)}.home-hero .logo-visual{min-height:19rem}.home-hero .visual-note{right:5%;bottom:0}.logo-visual{min-height:17rem}.page-hero{padding:4rem 0 3rem}.product-page-hero,.project-page-hero{padding:3.75rem 0 1.75rem}.product-list-section,.projects-grid-section{padding-bottom:4rem}.product-list-card{grid-template-columns:3.6rem minmax(0,1fr) 2.25rem;align-items:start}.product-list-card .product-icon{width:3.6rem;height:3.6rem}.product-list-preview{grid-column:2/4;width:100%;height:8rem;justify-self:stretch;transform:none}.product-preview-phone{width:90%;justify-self:end;transform:none}.product-list-end{grid-column:3;grid-row:1/3;align-self:center}.section-header,.cta-content{align-items:flex-start;flex-direction:column}.philosophy,.contact-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}}
@media (max-width: 48rem){.contact-page-section{min-height:auto;padding:4rem 0}.contact-page-layout{grid-template-columns:1fr}.contact-info-card{max-width:none}}
@media (max-width: 48rem){.error-grid{grid-template-columns:1fr;align-items:start}.error-copy{padding:4rem 0 0}.error-visual{width:min(100%,38rem);margin:0 auto}.error-visual img{width:115%;max-width:none;margin-left:-8%}}
@media (max-width: 36rem){.container{width:min(calc(100% - 1.25rem),var(--container-width))}.grid-4,.grid-3,.grid-2,.capabilities-grid{grid-template-columns:1fr}.capabilities-grid{gap:1.45rem}.capability-item{grid-template-columns:3rem minmax(0,1fr)}.capability-item .capability-icon{width:3rem;height:3rem}.filter-bar{gap:.4rem}.filter-button{padding-inline:.75rem}.product-list-card{grid-template-columns:3.25rem minmax(0,1fr);padding:.9rem}.product-list-card .product-icon{width:3.25rem;height:3.25rem}.product-list-card .product-icon svg{width:1.7rem;height:1.7rem}.product-list-preview{grid-column:1/-1;height:7.5rem}.product-list-end{grid-column:1/-1;grid-row:auto;display:flex;justify-content:flex-end;gap:.5rem}.hero-actions,.cta-actions{width:100%}.hero-actions .button,.cta-actions .button{flex:1}.section-header{gap:1rem}.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.footer-bottom{flex-direction:column}.product-preview{height:8.5rem}}
@media (max-width: 62rem){body{padding-bottom:calc(4.75rem + env(safe-area-inset-bottom))}.site-header{background:#030d16;backdrop-filter:none}.navbar{min-height:4.4rem;flex-wrap:nowrap}.nav-toggle,.js .nav-toggle{display:none}.nav-cta{display:inline-flex;min-height:2.55rem;padding:.58rem .95rem;font-size:.78rem}.nav-menu,.js .nav-menu,.js .nav-menu.is-open{position:fixed;top:auto;right:0;bottom:0;left:0;z-index:150;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:.35rem;margin:0;padding:.45rem max(.65rem,env(safe-area-inset-right)) calc(.45rem + env(safe-area-inset-bottom)) max(.65rem,env(safe-area-inset-left));border:0;border-top:1px solid var(--border);border-radius:0;background:rgba(3,13,22,.96);box-shadow:0 -12px 35px rgba(0,0,0,.34);backdrop-filter:blur(16px)}.nav-menu li{min-width:0;text-align:center}.nav-menu .nav-link{display:grid;min-height:3.7rem;place-content:center;gap:.12rem;padding:.35rem .2rem;color:var(--text-muted);font-size:.68rem;line-height:1.1;border-radius:.65rem}.nav-menu .nav-link::before{display:block;height:1.25rem;color:currentColor;font-size:1.15rem;line-height:1.1}.nav-menu .nav-link[href="/products/"]::before{content:"▦"}.nav-menu .nav-link[href="/projects/"]::before{content:"◇"}.nav-menu .nav-link[href="/about/"]::before{content:"○"}.nav-menu .nav-link[href="/contact/"]::before{content:"✉"}.nav-menu .nav-link:hover,.nav-menu .nav-link[aria-current="page"]{color:var(--accent);background:var(--accent-soft);box-shadow:none}}
@media (max-width: 36rem){.brand img{width:8.6rem}.nav-cta{padding-inline:.8rem;font-size:.74rem}.nav-menu,.js .nav-menu,.js .nav-menu.is-open{gap:.2rem;padding-inline:.4rem}.nav-menu .nav-link{font-size:.64rem}}
@media (max-width: 36rem){.product-list-card>.product-list-end:not(.product-list-actions){display:flex;width:100%;min-height:2.35rem;align-items:center;justify-content:center;gap:.45rem;padding:.5rem .7rem;border:1px solid var(--border);border-radius:.55rem;background:rgba(5,20,32,.72);font-size:.61rem}.product-list-card>.product-list-link:hover{border-color:var(--accent);background:var(--accent-soft)}.product-list-card .product-list-arrow{font-size:1rem;filter:none}.product-list-actions{display:grid;width:100%;grid-template-columns:1fr 1fr;align-items:stretch;gap:.5rem}.product-list-actions .product-action-link{display:flex;min-height:2.4rem;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .55rem;border:1px solid rgba(29,216,220,.38);border-radius:.55rem;background:var(--accent-soft);color:var(--accent);font-size:.61rem}.product-list-actions .product-web-status{display:grid;max-width:none;min-height:2.4rem;place-items:center;padding:.45rem .55rem;border:1px solid var(--border);border-radius:.55rem;background:rgba(5,20,32,.72);font-size:.56rem;line-height:1.25;text-align:center}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@media (prefers-contrast:more){:root{--border:#4c7690;--text-secondary:#d3dde5;--text-muted:#afbdc8}.card{background:#071827}}