:root{--ink:#0d203b;--navy:#07192d;--blue:#2464f5;--aqua:#4ad2c1;--paper:#f4f7fb;--muted:#64748b;--line:#e0e8f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.65 'DM Sans',system-ui,sans-serif;background:#fff}h1,h2,h3,h4{font-family:Manrope,system-ui,sans-serif;line-height:1.13;letter-spacing:-.04em;margin:0 0 .65em}h1{font-size:clamp(2.9rem,6.5vw,6.4rem);font-weight:800}h2{font-size:clamp(2rem,4vw,3.65rem);font-weight:800}h3{font-size:1.3rem;letter-spacing:-.025em}p{margin:.3em 0 1.3em}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}.container{max-width:1210px;padding:0 27px;margin:auto}.site-header{height:82px;position:sticky;top:0;z-index:70;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-bottom:1px solid #edf0f5}.header-inner{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;margin-right:auto;white-space:nowrap}.brand img{width:40px;height:40px}.brand strong{font:800 20px/1.1 Manrope;letter-spacing:-.05em}.brand small{display:block;font-size:10px;font-weight:700;color:#5b6f86;letter-spacing:.12em;text-transform:uppercase;margin-top:4px}.nav-links{display:flex;gap:23px;align-items:center}.nav-links a{font-size:13px;font-weight:700}.nav-links a[aria-current=page]{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 20px;border-radius:12px;background:var(--blue);color:#fff!important;font-weight:800;font-size:13px;border:1px solid var(--blue);transition:.2s;cursor:pointer}.button:hover{background:#1246c8;transform:translateY(-2px)}.button.white{background:#fff;color:var(--navy)!important;border-color:#fff}.button.outline{background:transparent;border:1px solid #b5c2d6;color:var(--ink)!important}.button.dark{background:var(--navy);border-color:var(--navy)}.button.small{min-height:41px;padding:10px 15px}.menu-toggle{display:none;background:none;border:0;font-size:27px;color:var(--ink)}.eyebrow{display:inline-flex;gap:9px;align-items:center;color:#2d69ed;text-transform:uppercase;font-size:11px;letter-spacing:.19em;font-weight:800;margin-bottom:17px}.eyebrow:before{content:'';height:7px;width:7px;background:var(--aqua);border-radius:50%}.hero{background:var(--navy);color:#fff;overflow:hidden}.hero-grid{min-height:650px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:38px;padding:65px 0}.hero .eyebrow{color:#8acbff}.hero h1{max-width:760px}.hero p{color:#c9d7e7;font-size:18px;max-width:550px}.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:29px}.hero-image{height:530px;position:relative;border-radius:25px;overflow:hidden;box-shadow:0 25px 70px #0006}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:48% center}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071a28ad,transparent 45%)}.hero-image span{position:absolute;bottom:24px;left:26px;z-index:2;color:#fff;font-weight:700;font-size:13px}.pill{display:inline-flex;align-items:center;padding:7px 12px;font-size:11px;font-weight:800;border-radius:999px;background:#e5f2ff;color:#1856c6}.pill.teal{background:#dbfbf4;color:#046c5a}.pill.light{color:#c4fff6;background:#ffffff17}.section{padding:105px 0}.section.soft{background:var(--paper)}.section.dark{background:var(--navy);color:#fff}.section-head{max-width:740px;margin-bottom:38px}.section-head p{color:#64748b;font-size:17px}.section.dark .section-head p{color:#b0bfd0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card{border:1px solid var(--line);border-radius:21px;background:#fff;overflow:hidden;transition:.22s;box-shadow:0 5px 15px #0d2d4f08}.card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #09233b16}.card-img{height:240px;background:#132f54;overflow:hidden}.card-img img{width:100%;height:100%;object-fit:cover;transition:.4s}.card:hover img{transform:scale(1.035)}.card-content{padding:28px}.card-content p{color:#607188}.arrow-link{font-size:13px;font-weight:800;color:#145be8;display:inline-flex;gap:8px;margin-top:9px}.icon-bubble{display:inline-grid;place-items:center;border-radius:13px;width:48px;height:48px;background:#e8f0ff;color:#195deb;font-weight:900;margin-bottom:16px;font-size:21px}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.value{border-top:1px solid #cbd7e6;padding-top:24px}.value p{color:#62728a;font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.photo-panel{min-height:480px;border-radius:23px;overflow:hidden;background:#16385d}.photo-panel img{width:100%;height:100%;min-height:480px;object-fit:cover}.bullets{list-style:none;padding:0;margin:20px 0}.bullets li{padding:9px 0 9px 30px;position:relative}.bullets li:before{content:'✓';position:absolute;left:0;top:8px;color:#079e84;font-weight:900}.page-hero{background:#071a2f;color:#fff;padding:105px 0 96px;position:relative;overflow:hidden}.page-hero:after{content:'';position:absolute;right:-12%;top:-60%;height:620px;width:620px;border-radius:50%;background:#1f70df1d;filter:blur(20px)}.page-hero .container{position:relative;z-index:1}.page-hero h1{font-size:clamp(2.65rem,5.3vw,5rem);max-width:970px}.page-hero p{max-width:760px;color:#cad8e8;font-size:18px}.breadcrumbs{font-size:12px;color:#bbcede;margin-bottom:33px}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.statband{background:#eaf0f8;padding:24px 0}.stat-items{display:flex;justify-content:space-around;gap:15px;flex-wrap:wrap;color:#234065;font-size:13px;font-weight:800}.kicker{color:#5d748e;font-size:13px;font-weight:700}.band{background:#145be8;color:white;border-radius:24px;padding:56px;display:flex;gap:30px;justify-content:space-between;align-items:center}.band p{color:#d9e6ff}.band h2{font-size:clamp(1.9rem,3vw,3rem);max-width:640px}.step{border-top:1px solid #dce6f1;padding:24px 0;display:grid;grid-template-columns:55px 1fr;gap:18px}.step strong{font-size:13px;color:#2063e6}.faq-item{border-bottom:1px solid var(--line);padding:20px 0}.faq-item summary{font-weight:800;cursor:pointer;list-style:none}.faq-item summary:after{content:'+';float:right;color:#2464f5}.faq-item[open] summary:after{content:'−'}.faq-item p{color:#65768a;padding-top:11px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portfolio-item{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white}.portfolio-item img{width:100%;height:215px;object-fit:cover}.portfolio-item div{padding:22px}.portfolio-item p{color:#64748b;font-size:14px}.disclosure{font-size:12px;color:#5b718c;background:#e9f1fa;border-left:3px solid #3c8acb;padding:14px 18px;border-radius:5px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px}.contact-details{padding:35px;background:#eaf2ff;border-radius:21px}.contact-details p{color:#445b77}.form{padding:32px;border:1px solid var(--line);border-radius:22px}.form label{display:block;font-weight:800;font-size:12px;margin-bottom:13px}.form input,.form select,.form textarea{font:inherit;width:100%;border:1px solid #d5dfeb;border-radius:9px;padding:13px;margin-top:5px;color:#13233b;background:white}.form textarea{min-height:115px;resize:vertical}.form .button{width:100%}.form-hint{font-size:12px;color:#66788d}.footer{background:#07192d;color:#e9f1ff;padding:68px 0 25px}.footer-grid{display:grid;grid-template-columns:1.65fr 1fr 1fr 1.25fr;gap:25px}.footer a{display:block;color:#c6d6ea;font-size:13px;margin:10px 0}.footer p{color:#9db2c9;font-size:13px}.footer-bottom{border-top:1px solid #ffffff24;margin-top:44px;padding-top:20px;color:#a2b4c6;font-size:12px}.footer-brand{font-size:22px;font-weight:900}.notice{padding:18px 23px;border:1px solid #bdd3ed;background:#f3f8ff;border-radius:14px;font-size:14px}.section-intro{max-width:760px;color:#62768e;font-size:17px}.showcase{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.showcase .photo-panel{min-height:480px}.taglist{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tag{padding:8px 12px;border-radius:100px;background:#e9f2ff;color:#2953a0;font-size:12px;font-weight:800}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #53c9bc;outline-offset:3px}@media(max-width:960px){.nav-links{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:22px 27px;flex-direction:column;align-items:flex-start;box-shadow:0 20px 35px #0012}.nav-links.open{display:flex}.menu-toggle{display:block}.header-inner>.button{display:none}.hero-grid,.split,.contact-grid,.showcase{grid-template-columns:1fr}.hero-grid{padding:60px 0}.hero-image{height:420px}.grid3,.portfolio-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.value-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.container{padding:0 19px}.section{padding:65px 0}.page-hero{padding:65px 0}.hero-image{height:330px}.grid3,.grid2,.portfolio-grid,.value-grid,.footer-grid{grid-template-columns:1fr}.band{padding:32px;display:block}.card-img{height:220px}.hero p,.page-hero p{font-size:16px}.form{padding:20px}.section-head{margin-bottom:26px}.site-header{height:74px}.nav-links{top:74px}.brand strong{font-size:18px}.brand img{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.brand img{width:48px;height:54px;object-fit:contain}.division-logo{display:inline-flex;background:#fff1;border:1px solid #fff3;border-radius:18px;padding:10px;margin:0 0 24px}.division-logo img{width:130px;height:130px;object-fit:contain}.division-card-logo{width:82px;height:82px;object-fit:contain;background:#eaf3fb;border-radius:14px;padding:6px;display:block;margin-bottom:10px}.social-portfolio{background:#ecf5ff;border-radius:22px;padding:40px;display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:25px}.social-portfolio img{max-width:200px;width:100%;height:auto;justify-self:center;background:#07192d;border-radius:15px}@media(max-width:600px){.social-portfolio{grid-template-columns:1fr;padding:24px}.brand img{width:40px;height:44px}}

/* Smart Media authentic portfolio */
.smart-media-work{background:linear-gradient(180deg,#f6f9fd,#fff)}.portfolio-toolbar{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 28px}.portfolio-filter{cursor:pointer;border:1px solid #d1deeb;border-radius:999px;padding:11px 18px;color:#18314e;background:#fff;font-family:inherit;font-size:13px;font-weight:600;line-height:1.3;transition:.2s}.portfolio-filter:hover,.portfolio-filter:focus-visible{border-color:#206cc0;color:#0855ad}.portfolio-filter.active{background:#092946;color:#fff;border-color:#092946}.media-masonry{columns:3 250px;column-gap:20px}.media-tile{break-inside:avoid;margin:0 0 20px;background:#fff;border:1px solid #e4ebf3;border-radius:17px;overflow:hidden;box-shadow:0 8px 26px rgba(13,38,67,.06)}.media-tile[hidden]{display:none}.media-tile>a{position:relative;display:block;background:#eaf2f8;overflow:hidden}.media-tile img{width:100%;height:auto;aspect-ratio:620/770;object-fit:cover;display:block;transition:transform .35s}.media-tile a:hover img{transform:scale(1.035)}.media-view{position:absolute;bottom:12px;right:12px;background:#061b35cf;color:#fff;border-radius:30px;padding:8px 12px;font-size:12px}.media-tile figcaption{padding:16px 17px 18px;display:grid;gap:5px}.media-tile figcaption strong{font-size:16px;color:#102d49;line-height:1.25}.media-tile figcaption>span:last-child{font-size:13px;color:#53667b;line-height:1.5}.media-category{font-size:10px;letter-spacing:.09em;font-weight:800;text-transform:uppercase;color:#217bc0}.portfolio-credit{font-size:13px;color:#64748b;margin-top:18px;line-height:1.6}@media(max-width:700px){.media-masonry{columns:2 145px;column-gap:10px}.media-tile{margin-bottom:11px;border-radius:12px}.media-tile figcaption{padding:12px}.media-tile figcaption>span:last-child{display:none}.media-tile figcaption strong{font-size:13px}.media-view{font-size:10px;padding:6px 8px}}

/* Authentic Smart Media team and studio showcase */
.media-authentic .section-head{max-width:780px}.team-feature{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:stretch}.team-feature-main,.team-feature-side{position:relative;overflow:hidden;border-radius:20px;background:#112e49;min-height:320px;margin:0}.team-feature img{display:block;width:100%;height:100%;object-fit:cover}.team-feature-main img{max-height:660px;object-position:center 25%}.team-feature-side img{height:100%;min-height:320px}.team-feature-copy{position:absolute;bottom:0;left:0;right:0;padding:70px 28px 25px;color:white;background:linear-gradient(transparent,rgba(3,14,30,.92))}.team-feature-copy span{font-size:.74rem;letter-spacing:.15em;text-transform:uppercase;color:#97ebe0}.team-feature-copy h3{color:white;margin:.4rem 0}.team-feature-copy p{color:#e7f2fd;margin:0}.team-feature-side figcaption{position:absolute;bottom:12px;left:12px;right:12px;border-radius:9px;background:rgba(5,22,39,.82);color:white;padding:12px 14px;font-size:.87rem}.studio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.studio-tile{margin:0;background:white;border-radius:16px;overflow:hidden;border:1px solid rgba(21,61,103,.1);box-shadow:0 5px 20px rgba(13,40,70,.06)}.studio-tile img{width:100%;height:245px;object-fit:cover;display:block}.studio-tile figcaption{display:flex;flex-direction:column;gap:5px;padding:16px}.studio-tile figcaption strong{font-size:1rem;color:#102e49}.studio-tile figcaption span{font-size:.82rem;color:#536b80}.studio-cta{margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px;border-radius:16px;background:#e8f5fb}.studio-cta p{margin:0;max-width:620px}.home-real-team .photo-panel img{aspect-ratio:4/3;object-fit:cover}
@media(max-width:900px){.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-feature{grid-template-columns:1fr 1fr}.studio-cta{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.team-feature{grid-template-columns:1fr}.team-feature-main img{max-height:none}.studio-grid{grid-template-columns:1fr 1fr;gap:10px}.studio-tile img{height:180px}.studio-tile figcaption{padding:11px}.studio-tile figcaption strong{font-size:.88rem}.studio-tile figcaption span{font-size:.72rem}}

/* Brand alignment and accessible light/dark theme, 2026 */
:root{--blue:#2464f5;--aqua:#21c7c2;--navy:#07192d;--ink:#0d203b;--paper:#f4f7fb;--muted:#64748b;--line:#dfe8f2; color-scheme:light}
.theme-toggle{flex:0 0 auto;border:1px solid #b8cce4;border-radius:11px;background:#eaf3ff;color:#123c78;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:42px;min-width:75px;padding:0 11px;font:700 12px 'DM Sans',system-ui,sans-serif;cursor:pointer;transition:background .2s,transform .2s}
.theme-toggle:hover{transform:translateY(-1px);background:#dceaff}.theme-toggle:focus-visible{outline:3px solid var(--aqua);outline-offset:2px}.theme-icon{font-size:19px;line-height:1}.division-card-logo{object-fit:contain;object-position:left center}.brand img{object-fit:contain}
html[data-theme="dark"]{color-scheme:dark;--ink:#e9f3ff;--paper:#0b1e35;--muted:#b1c4da;--line:#294460;background:#071421}
html[data-theme="dark"] body{background:#071421;color:#e9f3ff}
html[data-theme="dark"] .site-header{background:rgba(8,24,43,.97);border-bottom-color:#274660}
html[data-theme="dark"] .brand small{color:#9ab4d3}
html[data-theme="dark"] .nav-links a{color:#dceafa}
html[data-theme="dark"] .nav-links a[aria-current=page]{color:#74b2ff}
html[data-theme="dark"] .menu-toggle{color:#e5f0ff}
html[data-theme="dark"] .theme-toggle{background:#183b5f;color:#e5f4ff;border-color:#3c6f9c}
html[data-theme="dark"] .theme-toggle:hover{background:#20517d}
html[data-theme="dark"] .section:not(.dark){background:#071421;color:#e9f3ff}
html[data-theme="dark"] .section.soft,html[data-theme="dark"] .smart-media-work{background:#0b1e35;color:#e9f3ff}
html[data-theme="dark"] .section-head p,html[data-theme="dark"] .section-intro,html[data-theme="dark"] .value p,html[data-theme="dark"] .step p,html[data-theme="dark"] .faq-item p,html[data-theme="dark"] .kicker{color:#bacce0}
html[data-theme="dark"] .card,html[data-theme="dark"] .portfolio-item,html[data-theme="dark"] .media-tile,html[data-theme="dark"] .studio-tile,html[data-theme="dark"] .form{background:#102943;color:#e5effe;border-color:#31506d}
html[data-theme="dark"] .card-content p,html[data-theme="dark"] .portfolio-item p,html[data-theme="dark"] .media-tile figcaption>span:last-child,html[data-theme="dark"] .studio-tile figcaption span{color:#afc7df}
html[data-theme="dark"] .media-tile figcaption strong,html[data-theme="dark"] .studio-tile figcaption strong{color:#e8f4ff}
html[data-theme="dark"] .statband{background:#112d49}
html[data-theme="dark"] .stat-items{color:#d6e9fc}
html[data-theme="dark"] .contact-details,html[data-theme="dark"] .disclosure,html[data-theme="dark"] .notice,html[data-theme="dark"] .social-portfolio,html[data-theme="dark"] .studio-cta{background:#123450;color:#e4f2ff;border-color:#3a668a}
html[data-theme="dark"] .contact-details p,html[data-theme="dark"] .studio-cta p{color:#c3d6ea}
html[data-theme="dark"] .form input,html[data-theme="dark"] .form select,html[data-theme="dark"] .form textarea{background:#07192d;color:#eff7ff;border-color:#42627f}
html[data-theme="dark"] .button.outline{color:#e9f3ff!important;border-color:#668baa}
html[data-theme="dark"] .portfolio-filter{background:#143451;color:#e8f4ff;border-color:#406987}
html[data-theme="dark"] .portfolio-filter.active{background:#2360b8;border-color:#4889e8}
html[data-theme="dark"] .pill{background:#193f68;color:#b6ddff}
html[data-theme="dark"] .tag{background:#17466c;color:#c8e6ff}
html[data-theme="dark"] .arrow-link{color:#8bbcff}
html[data-theme="dark"] .value,html[data-theme="dark"] .step,html[data-theme="dark"] .faq-item{border-color:#32516d}
@media(max-width:960px){html[data-theme="dark"] .nav-links.open{background:#0d2845;color:#e9f3ff;border-bottom:1px solid #335575}}
@media(max-width:600px){.theme-toggle{min-width:42px;width:42px;padding:0}.theme-label{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto} .card,.theme-toggle,.button,.card-img img{transition:none!important}}

/* 2026 reference-led refinement: compact dark-first interface, cobalt accents */
:root{--navy:#091321;--blue:#1559f1;--aqua:#33c6d5;--ink:#182a42;--paper:#eef3fb;--line:#dae4f2}
body{font-size:15px;line-height:1.64}
h1{font-size:clamp(2.35rem,4.8vw,4.65rem)}h2{font-size:clamp(1.9rem,3.15vw,3rem)}
.site-header{height:72px;background:rgba(9,19,33,.98);border-bottom:1px solid #243853;color:#edf5ff}
.brand small{color:#9eb7d3}.nav-links a{color:#e0edff}.nav-links a:hover,.nav-links a[aria-current=page]{color:#7caaff}.menu-toggle{color:#fff}
.hero{background:radial-gradient(circle at 78% 22%,#16366a 0,#091321 55%)}.hero-grid{min-height:0;padding:56px 0 62px;grid-template-columns:1fr .95fr;gap:52px}.hero h1{font-size:clamp(2.5rem,5vw,4.85rem)}.hero-image{height:380px;border-radius:19px}.hero p{font-size:16px}.page-hero{padding:53px 0 56px;background:linear-gradient(120deg,#0a1729 35%,#142b50)}.page-hero h1{font-size:clamp(2.15rem,4vw,3.65rem);max-width:820px}.page-hero p{font-size:16px;max-width:720px}.breadcrumbs{margin-bottom:13px}.section{padding:66px 0}.section-head{margin-bottom:27px}.section-head p{font-size:15px}.card{border-radius:15px}.card-img{height:195px}.card-content{padding:22px}.band{padding:37px;border-radius:16px}.statband{padding:16px 0}.footer{padding-top:50px}.contact-details{padding:27px}.photo-panel,.photo-panel img{min-height:350px}.photo-panel{border-radius:17px}.button{border-radius:8px}
/* Reference site used navy panels; keep dark mode first class, light as a fully working alternative */
html[data-theme="dark"] .site-header{background:rgba(7,18,34,.98)}
html[data-theme="light"] .site-header{background:rgba(248,251,255,.98);color:#122746;border-bottom:1px solid #d8e4f4}
html[data-theme="light"] .nav-links a{color:#223d5f}html[data-theme="light"] .nav-links a[aria-current=page]{color:#1559f1}html[data-theme="light"] .brand small{color:#61758d}html[data-theme="light"] .menu-toggle{color:#172c48}
html[data-theme="dark"] .hero,html[data-theme="dark"] .page-hero{background:radial-gradient(ellipse at top right,#142f5c,#081322 70%)}
/* Maps and location-hours components */
.visit-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:stretch}.visit-panel,.hours-panel{border:1px solid var(--line);border-radius:18px;background:#f2f7ff;overflow:hidden}.visit-panel .panel-pad,.hours-panel{padding:27px}.map-frame{width:100%;height:325px;border:0;display:block;background:#dce9f5}.hours-list{list-style:none;padding:0;margin:18px 0 0}.hours-list li{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;border-bottom:1px solid #d5e2ef;border-radius:7px;font-size:14px}.hours-list li.is-today{background:#dceaff;color:#123b7a;font-weight:800}.hours-list li:last-child{border-bottom:0}.hours-panel .timezone{font-size:12px;color:#657993}.visit-panel h2,.hours-panel h2{font-size:1.5rem}.visit-panel p{color:#49617e}html[data-theme="dark"] .visit-panel,html[data-theme="dark"] .hours-panel{background:#12243c;border-color:#2b4768;color:#e9f3ff}html[data-theme="dark"] .hours-list li{border-color:#314a67}html[data-theme="dark"] .hours-list li.is-today{background:#24508c;color:#fff}html[data-theme="dark"] .visit-panel p,html[data-theme="dark"] .hours-panel .timezone{color:#aec3dc}
.reference-block{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.reference-block img{max-width:100%;height:360px;width:100%;object-fit:cover;border-radius:17px}.compact-title{max-width:650px}.inline-badge{display:inline-block;padding:5px 10px;border-radius:6px;background:#123d7d;color:#dae9ff;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:800}.mini-links{display:flex;flex-wrap:wrap;gap:10px}.mini-links a{border:1px solid #6b9ad4;border-radius:9px;padding:9px 13px;font-weight:700;font-size:13px}.minicards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.minicard{border:1px solid var(--line);padding:22px;border-radius:13px;background:#fff}.minicard h3{font-size:17px}.minicard p{font-size:13px;color:#60738a}.photo-caption{color:#60738a;font-size:12px}html[data-theme="dark"] .minicard{background:#112943;border-color:#2b4b69;color:#edf5ff}html[data-theme="dark"] .minicard p{color:#b4c7da}
@media(max-width:960px){.hero-grid,.visit-layout,.reference-block{grid-template-columns:1fr}.hero-grid{padding:43px 0}.hero-image{height:320px}.site-header{height:72px}.nav-links{top:72px}.minicards{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hero h1{font-size:2.45rem}.hero-image{height:260px}.section{padding:47px 0}.page-hero{padding:38px 0}.minicards{grid-template-columns:1fr}.visit-panel .panel-pad,.hours-panel{padding:20px}.map-frame{height:250px}.reference-block img{height:240px}}

/* Contact experience: enquiry + map and dynamically ordered opening hours */
.contact-section{padding-top:50px}.contact-intro{max-width:690px;margin-bottom:27px}.contact-intro h2{margin:9px 0;font-size:clamp(1.55rem,2.8vw,2.35rem)}
.contact-main-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:22px;align-items:start}.contact-main-grid .form{height:100%;min-width:0}.contact-side{display:grid;gap:20px;min-width:0}.contact-side .contact-details{padding:24px}.contact-side .contact-details h2{font-size:1.55rem}.contact-side .contact-details p{margin:12px 0}.contact-side .visit-panel{min-width:0}.contact-side .visit-panel .panel-pad{padding:20px 24px}.contact-side .visit-panel .panel-pad h2{font-size:1.3rem}.contact-side .map-frame{height:290px}.map-coordinates{font-size:12px;opacity:.8;margin-bottom:0}.visit-hours-section .section-head{margin-bottom:22px}.visit-hours-section .hours-panel{max-width:980px;margin:0 auto;padding:24px 30px}.visit-hours-section .hours-panel>.inline-badge{display:none}.visit-hours-section .hours-panel>h2{display:none}.hours-list{margin-top:10px}.hours-list li{padding:16px 18px;font-size:15px;border-radius:11px;align-items:center}.hours-list li.is-today{background:#0b2050;color:#fff;border-color:#0b2050;font-weight:750;order:-1}.hours-list li>span:first-child{display:flex;align-items:center;gap:12px}.today-badge{display:inline-block;padding:5px 9px;border-radius:6px;background:rgba(255,255,255,.18);color:#fff;font-size:11px;letter-spacing:.04em;font-weight:800}.hours-panel .timezone{font-size:13px}.contact-main-grid .contact-details{background:#eaf2ff}html[data-theme="dark"] .contact-main-grid .contact-details{background:#123450}html[data-theme="dark"] .hours-list li.is-today{background:#2262ba;border-color:#2262ba;color:#fff}
@media(max-width:960px){.contact-main-grid{grid-template-columns:1fr}.contact-side{grid-template-columns:1fr 1fr}.contact-side .map-frame{height:260px}}@media(max-width:680px){.contact-side{grid-template-columns:1fr}.contact-side .map-frame{height:270px}.visit-hours-section .hours-panel{padding:16px}.hours-list li{padding:13px 12px;font-size:14px}.contact-section{padding-top:32px}}

/* Contact page: reference deployment-inspired composition */
.reference-contact-intro{padding:76px 0 84px;background:linear-gradient(120deg,#081b3d,#103e77);color:#fff}.rc-intro-grid{display:grid;grid-template-columns:1.16fr .84fr;gap:65px;align-items:center}.reference-contact-intro h1{font-size:clamp(2.6rem,5vw,4.65rem);letter-spacing:-.055em;max-width:680px;margin:0 0 18px}.reference-contact-intro .eyebrow{color:#8ad4ff}.rc-lead{font-size:18px;color:#dce9fa;max-width:470px}.rc-hello{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);padding:32px;border-radius:24px;backdrop-filter:blur(8px)}.rc-hello h2{font-size:clamp(1.75rem,3vw,2.65rem)}.rc-hello p{color:#dee9f8}.rc-hello a{color:#fff}.rc-link{font-weight:800;border-bottom:1px solid #7ccaff;padding-bottom:4px}.rc-rule{border-top:1px solid #ffffff36;margin:25px 0}.rc-contact-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rc-contact-pair strong,.rc-contact-pair a{display:block}.rc-contact-pair strong{font-size:12px;color:#99cafa;margin-bottom:5px}.rc-contact-pair a{font-size:14px;overflow-wrap:anywhere}.rc-note{font-size:13px;margin-top:22px}.rc-map-section{background:var(--paper)}.rc-kicker{color:#2565c4;font-size:12px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;margin-bottom:28px}.rc-kicker span{color:var(--muted);margin-left:17px;text-transform:none;letter-spacing:normal}.rc-section-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:23px}.rc-section-heading h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:10px}.rc-map{width:100%;height:370px;display:block;border:0;border-radius:22px;background:#cce0eb}.rc-coordinates{text-align:right;margin-top:8px;font-size:12px;color:var(--muted)}.rc-hours-card{max-width:970px;margin:auto;background:#edf4ff;border:1px solid #d1e2f8;border-radius:29px;padding:42px 52px;color:#102650}.rc-hours-card h2{font-size:clamp(2rem,3.5vw,3rem);margin-bottom:14px}.rc-hours-card p{color:#60708e}.rc-hours-card .hours-list{display:flex;flex-direction:column;gap:0;list-style:none;padding:0;margin:23px 0 12px}.rc-hours-card .hours-list li{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #d3dfef;border-radius:0;padding:18px 20px;color:#102650;font-size:16px}.rc-hours-card .hours-list li:last-child{border-bottom:none}.rc-hours-card .hours-list li.is-today{border-radius:14px;background:#0b1e49;color:#fff;order:-1}.rc-hours-card .hours-list .today-badge{margin-left:12px}.rc-form-section{background:var(--paper)}.rc-form-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px;align-items:start}.rc-form-left h2{font-size:clamp(2rem,4vw,3.4rem)}.rc-form-illustration{border-radius:22px;padding:30px;background:linear-gradient(140deg,#081a39,#146bba);color:#fff;margin-top:35px;min-height:225px;display:flex;flex-direction:column;justify-content:end}.rc-form-illustration strong{font-size:25px}.rc-form-illustration span{font-size:13px;color:#b6e7ff}.rc-form-illustration p{font-size:14px;color:#e6f6ff;margin-top:17px}.rc-form{border-radius:24px;padding:32px}.rc-form-two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.rc-small{font-size:13px}.rc-small a{text-decoration:underline;color:#2867c6}.rc-faq-section h2{font-size:clamp(2rem,4vw,3.2rem)}.rc-faq-list{max-width:950px;margin:28px auto 0}.rc-faq-list details{border-bottom:1px solid var(--line);padding:18px 10px}.rc-faq-list summary{font-weight:750;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.rc-faq-list summary::after{content:'+';font-size:24px;color:var(--blue)}.rc-faq-list details[open] summary::after{content:'−'}.rc-faq-list details p{padding:12px 25px 0 0;color:var(--muted)}html[data-theme="dark"] .rc-map-section,html[data-theme="dark"] .rc-form-section{background:#091c34}html[data-theme="dark"] .rc-hours-card{background:#102a4b;border-color:#25517d;color:#e6f2ff}html[data-theme="dark"] .rc-hours-card .hours-list li{color:#e6f2ff;border-color:#294765}html[data-theme="dark"] .rc-hours-card .hours-list li.is-today{background:#2168ba}html[data-theme="dark"] .rc-hours-card p{color:#b1c4da}@media(max-width:900px){.rc-intro-grid,.rc-form-grid{grid-template-columns:1fr;gap:28px}.reference-contact-intro{padding:50px 0}.rc-contact-pair{grid-template-columns:1fr 1fr}}@media(max-width:620px){.rc-contact-pair,.rc-form-two{grid-template-columns:1fr}.rc-hours-card{padding:25px 18px}.rc-hours-card .hours-list li{padding:15px 12px;font-size:14px}.rc-section-heading{align-items:start;flex-direction:column}.rc-map{height:320px}.rc-hello{padding:23px}.rc-form{padding:22px}}

/* Compact page headers and mobile-first refinements — October 2026 */
.page-hero{padding:35px 0 40px;}
.page-hero h1{font-size:clamp(2rem,3.65vw,3.2rem);line-height:1.09;letter-spacing:-.025em;max-width:760px;}
.page-hero p{font-size:clamp(.95rem,1.3vw,1.05rem);line-height:1.55;max-width:650px;margin-top:12px;}
.page-hero .breadcrumbs{margin-bottom:11px;}
.page-hero .eyebrow{margin-bottom:9px;}
.page-hero .button{margin-top:17px;}
.hero-grid{min-height:0;padding:35px 0 40px;gap:30px;}
.hero h1{font-size:clamp(2.1rem,4.5vw,4rem);line-height:1.08;}
.hero-image{height:310px;}
@media(max-width:900px){
  .hero-grid{padding:30px 0 36px;gap:22px;}
  .page-hero{padding:30px 0 34px;}
  .hero-image{height:270px;}
  .page-hero h1{font-size:clamp(2rem,5.2vw,2.85rem)}
}
@media(max-width:640px){
  html,body{max-width:100%;overflow-x:clip;}
  .page-hero{padding:24px 0 28px;}
  .page-hero h1{font-size:clamp(1.85rem,8vw,2.35rem);line-height:1.12;}
  .page-hero p{font-size:.97rem;line-height:1.5;}
  .page-hero .button{margin-top:13px;}
  .hero-grid{padding:24px 0 28px;gap:18px;}
  .hero h1{font-size:clamp(2rem,9vw,2.9rem);line-height:1.08;}
  .hero p{font-size:.96rem;}
  .hero-image{height:220px;}
  img,video,iframe{max-width:100%;}
  .section{padding-top:43px;padding-bottom:43px;}
  .section-head{max-width:100%;}
  .card,.photo-panel,.band{min-width:0;}
  input,select,textarea{font-size:16px;}
  .button{min-height:44px;max-width:100%;white-space:normal;text-align:center;}
}
@media(max-width:380px){.hero-image{height:190px}.page-hero h1{font-size:1.78rem}}

/* October 2026 vintage contact rebuild: preserve legacy navy blue reference */
.vintage-intro{background:linear-gradient(120deg,#09182b,#102b50);color:#fff;padding:33px 0 35px}.vintage-intro h1{font-size:clamp(2rem,3.7vw,3.2rem);margin:0 0 8px}.vintage-intro p{color:#b9cbe1;max-width:660px;font-size:1rem;margin:0}.vintage-contact{padding:34px 0 52px;background:#f4f7fc}.vintage-contact-grid{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:24px;align-items:start}.vintage-left,.vintage-right{display:grid;gap:22px;min-width:0}.vintage-visit,.vintage-hours,.vintage-connect,.vintage-form{border-radius:21px;overflow:hidden;background:#fff;border:1px solid #dbe5f0;box-shadow:0 7px 30px #0b22400a}.vintage-visit{background:#152338;color:#e7efff;border-color:#294465}.vintage-visit-top{padding:30px 32px}.vintage-visit h2,.vintage-hours h2,.vintage-connect h2,.vintage-form h2{font-size:clamp(1.45rem,2.2vw,2rem);margin:3px 0 13px}.vintage-visit .eyebrow{color:#8ebeff}.vintage-visit p{color:#b5c4dc;margin-bottom:23px}.vintage-visit iframe{width:100%;height:305px;border:0;display:block;background:#dce5f1}.vintage-hours{padding:28px 30px;background:#152338;color:#e7efff;border-color:#294465}.vintage-hours>p{color:#b1c3da}.vintage-hours small{display:block;margin-top:18px;color:#b1c3da}.vintage-hours .hours-list{display:flex;flex-direction:column;padding:0;margin:18px 0 0;list-style:none}.vintage-hours .hours-list li{padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:14px;color:#e7efff;border-bottom:1px solid #34475c;border-radius:0}.vintage-hours .hours-list li.is-today{order:-1;background:#24508a;color:#fff;border-radius:9px;border:0;font-weight:800}.vintage-hours .hours-list li:last-child{border-bottom:0}.vintage-hours .today-badge{display:inline-block;font-size:10px;margin-left:9px;padding:4px 8px;border-radius:5px;background:#ffffff2b}.vintage-connect{padding:29px 31px}.vintage-connect p{color:#64748b}.vintage-contact-method{padding:14px 0;border-top:1px solid #e0e7f2;display:flex;flex-direction:column;gap:2px}.vintage-contact-method span{font-size:11px;color:#6c7c91;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.vintage-contact-method a{font-weight:800;color:#145be8;overflow-wrap:anywhere}.vintage-form{padding:29px 30px}.vintage-form>p{color:#65758d;font-size:14px}.vintage-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vintage-form .form-hint a{text-decoration:underline;color:#1f64cf}.vintage-end{text-align:center;padding:38px 0 42px}.vintage-end h2{font-size:clamp(1.6rem,3vw,2.5rem)}.vintage-end p{color:var(--muted)}html[data-theme="dark"] .vintage-contact{background:#0b192b}html[data-theme="dark"] .vintage-connect,html[data-theme="dark"] .vintage-form{background:#142b45;border-color:#2a4968;color:#f0f5fe}html[data-theme="dark"] .vintage-connect p,html[data-theme="dark"] .vintage-form>p{color:#b8cbe2}html[data-theme="dark"] .vintage-contact-method{border-color:#2f4d6b}html[data-theme="dark"] .vintage-contact-method span{color:#a9c1de}html[data-theme="dark"] .vintage-form label{color:#e5f0ff}
/* Compact all page heroes on every viewport */
.page-hero{padding:22px 0 26px!important}.page-hero h1{font-size:clamp(1.85rem,3.3vw,2.9rem)!important;margin-bottom:8px}.page-hero p{margin-top:8px!important;font-size:.96rem!important}.page-hero .breadcrumbs{margin-bottom:8px!important}.page-hero .eyebrow{margin-bottom:6px!important}.hero-grid{padding:25px 0 30px!important;gap:24px!important}.hero h1{font-size:clamp(2rem,4vw,3.65rem)!important}.hero-image{height:270px!important}
@media(max-width:880px){.vintage-contact-grid{grid-template-columns:1fr}.vintage-left,.vintage-right{gap:15px}.vintage-contact{padding:24px 0 36px}}@media(max-width:600px){.vintage-intro{padding:23px 0 26px}.vintage-contact-grid{gap:15px}.vintage-visit-top,.vintage-hours,.vintage-connect,.vintage-form{padding:21px}.vintage-visit iframe{height:235px}.vintage-two{grid-template-columns:1fr}.vintage-hours .hours-list li{padding:12px 8px;font-size:13px}.hero-image{height:190px!important}.hero-grid{padding:18px 0 21px!important}.page-hero{padding:19px 0 23px!important}.page-hero h1{font-size:clamp(1.75rem,7vw,2.25rem)!important}}

/* Official Store navigation accent and authentic photo gallery */
.nav-links .nav-store-link{display:inline-flex;align-items:center;gap:.42rem;padding:.5rem .82rem;border:1px solid rgba(58,146,252,.34);border-radius:999px;background:rgba(35,124,250,.1);color:#54a7ff;font-weight:750;white-space:nowrap}
.nav-links .nav-store-link[aria-current="page"]{background:#176bdb;color:#fff;border-color:#176bdb}
.nav-store-icon{width:17px;height:17px;flex:none}
.store-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0 16px}
.store-photo-card{margin:0;min-width:0;background:var(--surface,#fff);border:1px solid rgba(112,145,185,.2);border-radius:18px;overflow:hidden;box-shadow:0 8px 26px rgba(0,15,43,.08)}
.store-photo-card img{display:block;width:100%;height:300px;object-fit:cover}
.store-photo-card figcaption{padding:18px;display:grid;gap:6px}
.store-photo-card figcaption strong{font-size:1.06rem}
.store-photo-card figcaption span,.store-photo-note{font-size:.93rem;line-height:1.6;opacity:.8}
.store-photo-note{margin:10px 0 22px}
@media(max-width:700px){.store-photo-grid{grid-template-columns:1fr;gap:14px}.store-photo-card img{height:245px}.nav-links .nav-store-link{align-self:flex-start}.store-photo-card figcaption{padding:15px}}

/* Keep the active Store menu title white in both themes and at all viewport widths. */
.nav-links a.nav-store-link[aria-current="page"],html[data-theme="dark"] .nav-links a.nav-store-link[aria-current="page"],html[data-theme="light"] .nav-links a.nav-store-link[aria-current="page"]{color:#fff!important;background-color:#176bdb;border-color:#176bdb}
.nav-links a.nav-store-link[aria-current="page"] svg{stroke:#fff}

/* Professional policy system */
.policy-section{padding:58px 0 78px}.policy-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:40px;align-items:start}.policy-body{max-width:840px}.policy-updated{font-size:13px;font-weight:700;color:#54718e;background:#eaf4ff;border-radius:12px;padding:13px 17px;margin:0 0 25px}.policy-topic{padding:22px 0;border-bottom:1px solid #d7e4f2}.policy-topic h2{font-size:clamp(1.15rem,2vw,1.5rem);letter-spacing:-.025em;margin:0 0 11px}.policy-topic p{line-height:1.75;color:#455d76;margin:0}.policy-aside{background:#eef5ff;border:1px solid #d4e5fa;border-radius:19px;padding:24px;position:sticky;top:105px}.policy-aside h2{font-size:1.1rem;letter-spacing:-.02em}.policy-aside nav{display:grid;gap:4px;margin-bottom:20px}.policy-aside nav a{padding:9px 10px;border-radius:9px;font-size:13px;font-weight:700;color:#24507e}.policy-aside nav a:hover,.policy-aside nav a[aria-current]{background:#d8e9ff;color:#0649b7}.policy-aside p{font-size:12px;overflow-wrap:anywhere}html[data-theme="dark"] .policy-updated,html[data-theme="dark"] .policy-aside{background:#102943;border-color:#31506d;color:#d1e3f6}html[data-theme="dark"] .policy-topic{border-color:#31506d}html[data-theme="dark"] .policy-topic p{color:#c4d4e7}html[data-theme="dark"] .policy-aside nav a{color:#c9e0ff}html[data-theme="dark"] .policy-aside nav a[aria-current],html[data-theme="dark"] .policy-aside nav a:hover{background:#214873;color:#fff}@media(max-width:760px){.policy-layout{grid-template-columns:1fr}.policy-aside{position:static;order:-1}.policy-section{padding:36px 0 56px}}

/* Real Smart Solutions project portfolio */
.solutions-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.solutions-project{min-width:0;overflow:hidden;border:1px solid var(--border,rgba(100,130,180,.24));border-radius:18px;background:var(--card,var(--surface,#fff))}.solutions-project img{display:block;width:100%;height:220px;object-fit:cover}.solutions-project .sp-body{padding:18px}.solutions-project h3{font-size:1.07rem;margin:0 0 8px}.solutions-project p{font-size:.9rem;line-height:1.6;margin:0}.solutions-project a img{transition:transform .25s}.solutions-project a:hover img{transform:scale(1.025)}.solutions-feature{display:grid;grid-template-columns:1.15fr 1fr;gap:26px;align-items:center}.solutions-feature video{width:100%;display:block;border-radius:18px;background:#08172d;max-height:430px;object-fit:cover}.solutions-note{font-size:.85rem;opacity:.8}@media(max-width:850px){.solutions-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.solutions-feature{grid-template-columns:1fr}}@media(max-width:560px){.solutions-gallery{grid-template-columns:1fr}.solutions-project img{height:240px}}

/* Responsive car accessories project showcase */
.car-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:26px 0}.car-video-card{border:1px solid var(--line,#294765);border-radius:18px;overflow:hidden;background:var(--card,#122943);min-width:0}.car-video-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#020c1a;max-height:420px}.car-video-card .sp-body{padding:20px}.car-video-card h3{margin:0 0 8px}.car-video-card p{margin:0 0 12px}@media(max-width:760px){.car-video-grid{grid-template-columns:1fr;gap:16px}.car-video-card .sp-body{padding:15px}.car-video-card video{max-height:none}.page-hero{padding-top:24px;padding-bottom:28px}.section{overflow-wrap:anywhere}}

/* 2026 refinement — navigation, readable layouts and touch-first interaction */
:root{--layout-text:#102a4b}body{overflow-x:clip}img,video{max-width:100%}button,a{-webkit-tap-highlight-color:transparent}
.nav-links{gap:clamp(8px,1.1vw,19px)}.nav-links a{white-space:nowrap}
.nav-links a.nav-store-link,html[data-theme="light"] .nav-links a.nav-store-link,html[data-theme="dark"] .nav-links a.nav-store-link{
 display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:9px 22px;
 border-radius:999px;background:#edf4ff;border:1.5px solid #cfe0ff;color:#075ef5!important;
 font-weight:800;letter-spacing:-.01em;line-height:1.2;box-shadow:none;transition:background .2s,border-color .2s,transform .2s;
}
.nav-links .nav-store-link .nav-store-icon{width:20px;height:20px;stroke:currentColor;stroke-width:2.25}
.nav-links a.nav-store-link:hover{background:#e1edff;border-color:#95bfff;transform:translateY(-1px)}
.nav-links a.nav-store-link[aria-current="page"],html[data-theme="light"] .nav-links a.nav-store-link[aria-current="page"],html[data-theme="dark"] .nav-links a.nav-store-link[aria-current="page"]{
 color:#fff!important;background:#125ee6;border-color:#125ee6;
}
.nav-links a.nav-store-link[aria-current="page"] .nav-store-icon{stroke:#fff}
/* Consistent hierarchy and calmer section rhythm */
.section{padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(48px,6vw,80px)}
.section-head{margin-bottom:clamp(20px,3vw,32px)}
.page-hero{padding-top:clamp(42px,5vw,70px);padding-bottom:clamp(42px,5vw,70px)}
.page-hero h1{font-size:clamp(2.05rem,4.2vw,3.9rem);line-height:1.12;max-width:850px}
.page-hero p{font-size:clamp(1rem,1.3vw,1.1rem);line-height:1.6}
.breadcrumbs{margin-bottom:18px}.eyebrow{margin-bottom:12px}
.card-content{padding:clamp(19px,2.5vw,28px)}
.card-content p,.section-head p,.section-intro{line-height:1.65}
.form input,.form select,.form textarea{min-height:45px}
.hero-grid{min-height:unset;padding:clamp(45px,5.5vw,78px) 0}.hero-image{height:clamp(320px,36vw,455px)}
@media(max-width:1120px){.header-inner{gap:12px}.nav-links{gap:9px}.brand strong{font-size:18px}.nav-links a{font-size:12px}.nav-links a.nav-store-link{padding:9px 14px}}
@media(max-width:960px){
 .nav-links{gap:5px;align-items:stretch;width:100%;max-height:calc(100dvh - 75px);overflow-y:auto;border-top:1px solid var(--line)}
 .nav-links a{font-size:15px;min-height:44px;display:flex;align-items:center;width:100%;padding:10px 12px}
 .nav-links a.nav-store-link,html[data-theme="light"] .nav-links a.nav-store-link,html[data-theme="dark"] .nav-links a.nav-store-link{width:auto;align-self:flex-start;padding:10px 18px;margin:3px 0 7px}
 html[data-theme="dark"] .nav-links{background:#0b223e;border-color:#28476b}
 html[data-theme="light"] .nav-links{background:#fff}
 .hero-grid{gap:22px;padding:44px 0}
 .hero-image{height:345px}
}
@media(max-width:600px){
 .container{padding-left:18px;padding-right:18px}.site-header{height:72px}.nav-links{top:72px}
 .page-hero{padding:36px 0 40px}.page-hero h1{font-size:clamp(1.95rem,8vw,2.6rem)}
 .hero-grid{padding:33px 0}.hero h1{font-size:clamp(2.15rem,9vw,3.2rem)}
 .section{padding-top:46px;padding-bottom:46px}.grid3,.grid2,.portfolio-grid{gap:14px}
 .hero-image{height:260px}.card-img{height:210px}.band{padding:25px;border-radius:18px}
 .footer{padding-top:48px}.footer-grid{gap:24px}
 .form{padding:18px}.button{min-height:44px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.button,.card-img img,.nav-store-link{transition:none!important;transform:none!important}}

/* Curated project and video galleries — compact responsive cards */
.solutions-gallery,.car-video-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch;gap:18px!important;margin-block:24px!important}
.solutions-project,.car-video-card{min-width:0;max-width:none;width:100%;border-radius:16px;overflow:hidden}
.solutions-project>a{display:block;aspect-ratio:4/3;overflow:hidden}
.solutions-project>a img{width:100%;height:100%;object-fit:cover}
.car-video-card video{display:block;width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;background:#06162c}
.solutions-project .sp-body,.car-video-card .car-video-body{padding:16px}
.solutions-project h3,.car-video-card h3{font-size:clamp(1rem,1.35vw,1.14rem);line-height:1.3;margin:0 0 8px}
.solutions-project p,.car-video-card p{font-size:.92rem;line-height:1.55;margin:0}
@media(max-width:940px){.solutions-gallery,.car-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.solutions-gallery,.car-video-grid{grid-template-columns:1fr!important;gap:14px!important}.solutions-project>a{aspect-ratio:16/10}.car-video-card video{aspect-ratio:16/10}.solutions-project .sp-body,.car-video-card .car-video-body{padding:14px}}

/* Vehicle upgrade gallery — accessible contrast in both themes */
html[data-theme="light"] .car-video-card,
html:not([data-theme]) .car-video-card {
  background:#ffffff;
  color:#10233e;
  border:1px solid #cad7e7;
  box-shadow:0 6px 22px rgba(12,39,77,.09);
}
html[data-theme="light"] .car-video-card .sp-body,
html:not([data-theme]) .car-video-card .sp-body {background:#ffffff;color:#10233e;}
html[data-theme="light"] .car-video-card h3,
html:not([data-theme]) .car-video-card h3 {color:#0a203d;}
html[data-theme="light"] .car-video-card p,
html:not([data-theme]) .car-video-card p {color:#30445f;}
html[data-theme="light"] .car-video-card .car-audio-toggle,
html:not([data-theme]) .car-video-card .car-audio-toggle {color:#0d4dba;background:#edf4ff;border:1px solid #95b5e2;}
html[data-theme="dark"] .car-video-card {
  background:#122a45;
  color:#ffffff;
  border:1px solid #52749a;
  box-shadow:0 7px 24px rgba(0,0,0,.24);
}
html[data-theme="dark"] .car-video-card .sp-body {background:#122a45;color:#ffffff;}
html[data-theme="dark"] .car-video-card h3 {color:#ffffff;}
html[data-theme="dark"] .car-video-card p {color:#e3eefa;}
html[data-theme="dark"] .car-video-card .car-audio-toggle {color:#ffffff;background:#1b4067;border:1px solid #8eb5e0;}
.car-video-card .sp-body {padding:17px 18px;}
.car-video-card .car-audio-toggle {margin-top:12px;min-height:40px;font-weight:700;}
.car-video-card .car-audio-toggle:hover {filter:brightness(1.09);}
@media(max-width:620px){.car-video-card .sp-body{padding:15px;}}

/* Unified Smarticulous card design system — 2026-10-29 */
:root,html[data-theme="light"]{
 --sc-card-bg:#ffffff;--sc-card-text:#10233e;--sc-card-title:#0a203d;
 --sc-card-sub:#30445f;--sc-card-border:#cad7e7;
 --sc-card-shadow:0 6px 22px rgba(12,39,77,.09);
 --sc-card-hover:0 13px 32px rgba(12,39,77,.16);
}
html[data-theme="dark"]{
 --sc-card-bg:#122a45;--sc-card-text:#ffffff;--sc-card-title:#ffffff;
 --sc-card-sub:#e3eefa;--sc-card-border:#52749a;
 --sc-card-shadow:0 7px 24px rgba(0,0,0,.24);
 --sc-card-hover:0 15px 36px rgba(0,0,0,.3);
}
/* Consistent surfaces and visible card boundaries, including each portfolio */
.card,.minicard,.solutions-project,.car-video-card,.store-photo-card,
.policy-aside,.rc-hours-card,.contact-side .card,.faq-item,
.project-card,.portfolio-card,.media-card,.service-card{
 background:var(--sc-card-bg)!important;
 border:1px solid var(--sc-card-border)!important;
 color:var(--sc-card-text)!important;
 box-shadow:var(--sc-card-shadow);
 border-radius:18px;
}
.card,.minicard,.solutions-project,.car-video-card,.store-photo-card,
.project-card,.portfolio-card,.media-card,.service-card{overflow:hidden;transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease}
.card:hover,.minicard:hover,.solutions-project:hover,.car-video-card:hover,.store-photo-card:hover,
.project-card:hover,.portfolio-card:hover,.media-card:hover,.service-card:hover{
 box-shadow:var(--sc-card-hover);border-color:var(--sc-card-border)!important;
}
/* Respect existing layout-specific card content and keep accessible text contrast */
.card .card-content,.minicard,.solutions-project .sp-body,.car-video-card .sp-body,
.car-video-card .car-video-body,.store-photo-card figcaption,
.policy-aside,.rc-hours-card,.faq-item{
 background:var(--sc-card-bg)!important;color:var(--sc-card-text)!important;
}
.card h3,.card h4,.minicard h3,.solutions-project h3,.car-video-card h3,
.store-photo-card h3,.store-photo-card figcaption strong,.policy-aside h2,
.rc-hours-card h2,.faq-item summary,.project-card h3,.portfolio-card h3,
.media-card h3,.service-card h3{color:var(--sc-card-title)!important}
.card .card-content p,.minicard p,.solutions-project p,.car-video-card p,
.store-photo-card figcaption,.policy-aside p,.rc-hours-card p,.faq-item p,
.project-card p,.portfolio-card p,.media-card p,.service-card p{
 color:var(--sc-card-sub)!important;
}
/* Preserve stronger call-to-action contrast independently of card backgrounds */
.card .button,.minicard .button,.solutions-project .button,.car-video-card .button{color:#fff!important}
.card a:not(.button):focus-visible,.solutions-project a:focus-visible,
.store-photo-card a:focus-visible,.faq-item summary:focus-visible{
 outline:3px solid #60a5fa;outline-offset:3px;border-radius:5px;
}
/* Keep card text readable without cropping important information on compact screens */
.card,.solutions-project,.car-video-card,.store-photo-card{min-width:0}
.card p,.minicard p,.solutions-project p,.car-video-card p,.store-photo-card figcaption{overflow-wrap:break-word}
@media(max-width:620px){.card-content,.solutions-project .sp-body,.car-video-card .sp-body{padding:16px!important}}
@media(prefers-reduced-motion:reduce){.card,.minicard,.solutions-project,.car-video-card,.store-photo-card{transition:none!important}}

/* Consistent Store and Smart Solutions portfolio card contrast */
.store-photo-section .store-photo-card,
.solutions-gallery .solutions-project {
  background:var(--sc-card-bg)!important;
  color:var(--sc-card-text)!important;
  border:1px solid var(--sc-card-border)!important;
  box-shadow:var(--sc-card-shadow)!important;
  border-radius:18px;
}
.store-photo-section .store-photo-card figcaption,
.solutions-gallery .solutions-project .sp-body {
  background:var(--sc-card-bg)!important;
  color:var(--sc-card-sub)!important;
}
.solutions-gallery .solutions-project .sp-body h3,
.store-photo-section .store-photo-card figcaption strong {color:var(--sc-card-title)!important}
.solutions-gallery .solutions-project .sp-body p {color:var(--sc-card-sub)!important}
.store-photo-section .store-photo-card img,
.solutions-gallery .solutions-project img {display:block;width:100%;object-fit:cover}
/* Contact and call actions stay legible in either theme */
html[data-theme="dark"] .store-photo-section .actions .button.dark,
html[data-theme="dark"] .store-photo-section .actions a[href^="tel:"],
html[data-theme="dark"] .store-photo-section a.button.dark {
  background:#edf4ff!important;color:#0a203d!important;
  border:2px solid #a9c9ff!important;box-shadow:0 3px 12px rgba(0,0,0,.2)!important;
}
html[data-theme="light"] .store-photo-section .actions .button.dark,
html[data-theme="light"] .store-photo-section .actions a[href^="tel:"] {
  background:#0c3472!important;color:#fff!important;border:2px solid #0c3472!important;
}
.store-photo-section .actions a.button {min-height:46px;font-weight:700;text-align:center}
.store-photo-section .actions a.button:focus-visible {outline:3px solid #31bdf2;outline-offset:3px}
@media(max-width:620px){.store-photo-section .actions{display:flex;flex-wrap:wrap;gap:12px}.store-photo-section .actions .button{flex:1 1 210px}}

/* Smarticulous unified gallery card contrast - explicit theme modes */
html[data-theme="light"] .solutions-gallery .solutions-project,
html[data-theme="light"] .car-video-grid .car-video-card {background:#ffffff!important;border:1px solid #cad7e7!important;box-shadow:0 8px 24px rgba(15,35,65,.08)!important;color:#0a203d!important}
html[data-theme="light"] .solutions-gallery .solutions-project .sp-body,
html[data-theme="light"] .car-video-grid .car-video-card .sp-body {background:#ffffff!important;color:#0a203d!important}
html[data-theme="light"] .solutions-gallery .solutions-project h3,
html[data-theme="light"] .car-video-grid .car-video-card h3 {color:#0a203d!important}
html[data-theme="light"] .solutions-gallery .solutions-project p,
html[data-theme="light"] .car-video-grid .car-video-card p {color:#30445f!important}
html[data-theme="dark"] .solutions-gallery .solutions-project,
html[data-theme="dark"] .car-video-grid .car-video-card {background:#122a45!important;border:1px solid #52749a!important;box-shadow:0 8px 24px rgba(0,0,0,.22)!important;color:#ffffff!important}
html[data-theme="dark"] .solutions-gallery .solutions-project .sp-body,
html[data-theme="dark"] .car-video-grid .car-video-card .sp-body {background:#122a45!important;color:#ffffff!important}
html[data-theme="dark"] .solutions-gallery .solutions-project h3,
html[data-theme="dark"] .car-video-grid .car-video-card h3 {color:#ffffff!important}
html[data-theme="dark"] .solutions-gallery .solutions-project p,
html[data-theme="dark"] .car-video-grid .car-video-card p {color:#e3eefa!important}
.solutions-gallery .solutions-project,.car-video-grid .car-video-card{transition:background-color .2s,border-color .2s,box-shadow .2s}

/* Store app previews: real in-development screenshots, responsive and theme-aware */
.store-launch{padding:clamp(44px,6vw,78px) 0 44px;background:linear-gradient(155deg,#071327 0%,#0c2650 63%,#07162d 100%);color:#eef5ff}
.store-launch-intro{text-align:center;max-width:720px;margin:0 auto 38px}
.store-launch .eyebrow,.store-web-preview .eyebrow{color:#79caff}
.store-launch h2{font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.08;letter-spacing:-.04em;color:#fff;margin:12px 0}
.store-launch-sub{color:#83beff;font-size:clamp(1.2rem,2.8vw,1.7rem);font-weight:750;margin:0 0 16px}
.store-launch-intro>p:not(.store-launch-sub){color:#bed1eb;line-height:1.65}
.preview-badges{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin:20px 0}
.preview-badges span{border:1px solid #3b587d;background:#ffffff0b;border-radius:8px;padding:9px 14px;color:#d8e8fa;font-size:.87rem}
.app-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,34px);align-items:start;max-width:1050px;margin:auto}
.app-device{margin:0;min-width:0;text-align:center}
.app-device figcaption{display:flex;flex-direction:column;align-items:center;min-height:76px;gap:6px;margin-bottom:10px}
.app-device figcaption span{font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:#76cdff;font-weight:750}
.app-device figcaption strong{max-width:250px;font-size:clamp(1rem,1.7vw,1.25rem);line-height:1.35;color:#f0f6ff}
.phone-shell{width:min(100%,265px);margin:0 auto;border:6px solid #607c9e;background:#080b12;border-radius:35px;padding:4px;overflow:hidden;box-shadow:0 24px 42px #0005}
.phone-shell img{display:block;width:100%;height:auto;aspect-ratio:9/19;object-fit:cover;object-position:top;border-radius:25px}
.app-device>p{color:#b8cce4;margin:14px auto 0;max-width:260px;font-size:.95rem}
.preview-disclaimer{text-align:center;font-size:.78rem;color:#9ab3d2;margin:32px 0 0}
.store-web-preview{background:#071327;color:#eef5ff}
.store-web-preview h2{color:#fff;font-size:clamp(1.65rem,3vw,2.6rem);max-width:540px}
.web-preview-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;margin-bottom:28px}
.web-preview-heading p{color:#c5d8f1;line-height:1.65}
.browser-preview{margin:0;border:1px solid #395377;border-radius:16px;overflow:hidden;background:#10213b;box-shadow:0 20px 45px #0005}
.browser-toolbar{display:flex;align-items:center;gap:12px;padding:13px 16px;font-size:.78rem;color:#b9cbe4;border-bottom:1px solid #345072}
.browser-dots{display:flex;gap:6px}.browser-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#6587ae}
.browser-preview img{display:block;width:100%;height:auto}
.browser-preview figcaption{padding:13px 17px;color:#b4c9e4;font-size:.83rem}
.store-coming-benefits .store-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.store-benefit-card{padding:26px;border-radius:16px;background:#fff;border:1px solid #cad7e7;color:#0a203d;box-shadow:0 8px 24px #0f23410b}
.store-benefit-card h3{font-size:1.14rem;color:#0a203d;margin:14px 0 9px}
.store-benefit-card p{color:#30445f;line-height:1.6;margin:0}
.benefit-icon{color:#1266df;font-size:1.7rem}
.store-benefits-note{text-align:center;margin:24px 0 0}
html[data-theme=dark] .store-benefit-card{background:#122a45;border-color:#52749a;color:#fff}
html[data-theme=dark] .store-benefit-card h3{color:#fff}
html[data-theme=dark] .store-benefit-card p{color:#e3eefa}
.store-launch-cta{background:linear-gradient(95deg,#0c1d38,#103565);padding:36px 0;color:white}
.store-launch-cta .container{display:flex;gap:28px;justify-content:space-between;align-items:center}
.store-launch-cta h2{color:white;margin:8px 0}
.store-launch-cta p{color:#c8ddf4;max-width:660px;margin:0}
.store-launch-cta .button{flex-shrink:0}
@media(max-width:720px){.app-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.phone-shell{border-width:3px;border-radius:18px;padding:2px}.phone-shell img{border-radius:13px}.app-device figcaption{min-height:82px}.app-device figcaption span{font-size:.56rem;letter-spacing:.06em}.app-device figcaption strong{font-size:.76rem}.app-device>p{font-size:.74rem}.web-preview-heading{grid-template-columns:1fr;gap:6px}.store-coming-benefits .store-benefit-grid{grid-template-columns:1fr}.store-launch-cta .container{flex-direction:column;align-items:flex-start}}
@media(max-width:390px){.app-preview-grid{grid-template-columns:1fr;max-width:290px;gap:26px}.phone-shell{max-width:230px;border-width:5px;border-radius:28px}.phone-shell img{border-radius:20px}.app-device figcaption{min-height:0}.app-device figcaption strong{font-size:1rem}.app-device figcaption span{font-size:.72rem}.app-device>p{font-size:.9rem}}

/* Smarticulous Store - refined page composition (October 2026) */
.store-launch{padding:clamp(34px,4.4vw,60px) 0 38px}
.store-launch-intro{max-width:740px;margin-bottom:26px}
.store-launch h2{font-size:clamp(2rem,4.2vw,3rem)}
.store-launch .app-preview-grid{max-width:960px;gap:clamp(12px,2.5vw,26px)}
.store-web-preview.section{padding-top:clamp(35px,4vw,54px);padding-bottom:clamp(35px,4vw,54px)}
.store-web-preview .browser-preview{max-width:1080px;margin-inline:auto}
.store-coming-benefits.section{padding-top:clamp(35px,4vw,56px);padding-bottom:clamp(35px,4vw,56px)}
.store-benefit-card{min-height:100%;transition:transform .18s ease,box-shadow .18s ease}
.store-benefit-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0f234122}
.store-visit-panel{border:1px solid #cad7e7;border-radius:20px;padding:clamp(24px,4vw,44px);background:linear-gradient(150deg,#f3f7ff,#e9f3ff);color:#102547;display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-height:320px;justify-content:center}
.store-visit-panel h3{font-size:clamp(1.45rem,2.2vw,2.2rem);line-height:1.18;margin:0;color:#0a203d}
.store-visit-panel p{color:#30445f;line-height:1.7;margin:0}
.store-visit-facts{display:flex;flex-direction:column;gap:8px;font-weight:650;color:#16375f}
html[data-theme=dark] .store-visit-panel{background:linear-gradient(140deg,#102a4a,#12203a);border-color:#52749a;color:#fff}
html[data-theme=dark] .store-visit-panel h3{color:#fff}
html[data-theme=dark] .store-visit-panel p{color:#d4e4f7}
html[data-theme=dark] .store-visit-facts{color:#dceeff}
#physical-store .split{align-items:stretch}
#physical-store .split>div:first-child{align-self:center}
#physical-store{padding-top:clamp(42px,5vw,68px);padding-bottom:clamp(42px,5vw,68px)}
.store-photo-section{padding-top:clamp(34px,4vw,55px);padding-bottom:clamp(34px,4vw,55px)}
.store-photo-card{overflow:hidden}
.store-photo-card img{width:100%;object-fit:cover;aspect-ratio:4/3}
@media(max-width:900px){.store-launch .app-preview-grid{gap:12px}.store-visit-panel{min-height:unset}}
@media(max-width:600px){.store-launch{padding:32px 0}.store-launch-intro{margin-bottom:22px}.app-device figcaption strong{font-size:.87rem}.store-visit-panel{padding:24px}.store-benefit-grid{gap:12px}.store-photo-card img{height:auto;aspect-ratio:4/3}.store-web-preview .browser-preview{overflow:hidden}}
@media(prefers-reduced-motion:reduce){.store-benefit-card{transition:none}.store-benefit-card:hover{transform:none}}


/* FINAL DESIGN SYSTEM: compact, genuinely horizontal social links */
.footer .footer-social{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;flex-wrap:wrap!important;margin:12px 0 0!important;width:100%;max-width:100%;}
.footer .footer-social a{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;height:30px!important;min-height:30px!important;max-height:30px!important;padding:4px 9px!important;margin:0!important;gap:5px!important;border-radius:9px!important;border:1px solid #587596!important;background:#122e4b!important;color:#eaf4ff!important;white-space:nowrap!important;font-size:11px!important;line-height:1!important;font-weight:600!important;letter-spacing:0!important;text-decoration:none!important;box-shadow:none!important;transform:none!important;}
.footer .footer-social a svg{display:block!important;width:13px!important;min-width:13px!important;max-width:13px!important;height:13px!important;min-height:13px!important;flex:0 0 13px!important;stroke:currentColor!important;}
.footer .footer-social a:hover,.footer .footer-social a:focus-visible{background:#224b77!important;border-color:#8abfff!important;color:#fff!important;}
@media(max-width:390px){.footer .footer-social{gap:4px!important}.footer .footer-social a{font-size:10px!important;padding:4px 6px!important;height:28px!important;min-height:28px!important;max-height:28px!important}.footer .footer-social a svg{width:12px!important;min-width:12px!important;max-width:12px!important;height:12px!important;min-height:12px!important;flex-basis:12px!important}}
/* Final shared cards: prevent inherited text colors from overwriting card contrast. */
:root,html[data-theme="light"]{--final-card-bg:#fff;--final-card-border:#cbd9e9;--final-card-title:#10233e;--final-card-text:#38516e;--final-card-shadow:0 7px 25px rgba(13,38,67,.07)}
html[data-theme="dark"]{--final-card-bg:#122a45;--final-card-border:#557595;--final-card-title:#fff;--final-card-text:#deebfa;--final-card-shadow:0 7px 28px rgba(0,5,14,.2)}
.card,.minicard,.portfolio-item,.media-tile,.studio-tile,.solutions-project,.car-video-card,.store-photo-card,.store-benefit-card,.contact-details,.store-visit-panel{border-color:var(--final-card-border);}
.solutions-project .sp-body,.car-video-card .sp-body,.store-photo-card figcaption,.store-benefit-card,.minicard{background:var(--final-card-bg)!important;color:var(--final-card-title)!important}
.solutions-project .sp-body h3,.car-video-card .sp-body h3,.store-benefit-card h3,.store-photo-card figcaption strong{color:var(--final-card-title)!important}
.solutions-project .sp-body p,.car-video-card .sp-body p,.store-benefit-card p,.store-photo-card figcaption span,.minicard p{color:var(--final-card-text)!important}
/* Keyboard access, consistent controls, and graceful responsive content. */
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #54baff;outline-offset:3px}
:where(.card,.minicard,.solutions-project,.car-video-card,.store-photo-card,.store-benefit-card,.policy-aside){min-width:0}
:where(.card,.minicard,.solutions-project,.car-video-card,.store-photo-card,.store-benefit-card) p{overflow-wrap:break-word}
img{height:auto}img[width][height]{height:auto}img[loading="lazy"]{content-visibility:auto}
/* Restore deliberately fixed image proportions on image cards after generic image rules. */
.card-img img,.hero-image img,.photo-panel img,.solutions-project>a img,.store-photo-card img,.media-tile img,.studio-tile img{height:100%}
/* Prevent unsupported translate animation from shifting content on touch devices. */
@media(hover:none){.card:hover,.button:hover,.minicard:hover{transform:none!important}}
@media(max-width:370px){.container{padding-left:14px;padding-right:14px}.header-inner{gap:7px}.brand strong{font-size:16px}.brand small{font-size:9px}}

.service-infographic{min-height:340px;background:linear-gradient(145deg,#102b50,#07192d);border:1px solid #315d88;border-radius:19px;padding:34px;color:#fff;display:flex;flex-direction:column;justify-content:center;gap:14px}
.service-infographic .service-icon{font-size:40px;color:#8be9ef;line-height:1.2}.service-infographic h3{margin:0;font-size:1.75rem;color:#fff}.service-infographic p{margin:0 0 4px;color:#caddf3}.service-feature-list{display:flex;flex-wrap:wrap;gap:9px}.service-feature-list span{background:#1c4772;border:1px solid #4c779d;color:#ebf5ff;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:700}
@media(max-width:620px){.service-infographic{min-height:260px;padding:25px}}

/* 2026-10-30 reliability / mobile polish. Prevent cramped triple-phone previews. */
:root{font-synthesis:none}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
h1,h2,h3,h4,.brand strong{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
img{max-width:100%}
@media(min-width:641px) and (max-width:1024px){
  .store-launch .app-preview-grid,.app-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:650px}
  .app-device:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;max-width:300px;width:100%}
  .app-device figcaption strong{font-size:1.02rem}
  .app-device figcaption span{font-size:.72rem;letter-spacing:.1em}
  .app-device>p{font-size:.91rem}
  .phone-shell{width:min(100%,245px);border-width:5px;border-radius:30px}
  .phone-shell img{border-radius:22px}
}
@media(max-width:640px){
  .store-launch .app-preview-grid,.app-preview-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;max-width:320px;margin-inline:auto}
  .app-device{width:100%;min-width:0}
  .app-device figcaption{min-height:0;gap:5px;margin-bottom:14px}
  .app-device figcaption strong{font-size:1.05rem;line-height:1.35}
  .app-device figcaption span{font-size:.72rem;letter-spacing:.1em}
  .app-device>p{font-size:.93rem;line-height:1.55}
  .phone-shell{width:min(100%,252px);border:5px solid #607c9e;border-radius:30px;padding:3px}
  .phone-shell img{border-radius:22px}
}
@media(max-width:360px){.store-launch .app-preview-grid,.app-preview-grid{max-width:280px}.phone-shell{max-width:226px}}
/* Explicit visible feedback for the optional challenge and form failures. */
.turnstile-slot{margin:16px 0;min-height:0}
.turnstile-slot:not(:empty){min-height:65px}
.form-service-note{font-size:.84rem;line-height:1.5;color:var(--muted,#62768e)}
html[data-theme="dark"] .form-service-note{color:#d2ddec}