/* Theme Name: Bytes WebWorks Tan Theme URI: https://byteswebworks.com Author: Bytes WebWorks Author URI: https://byteswebworks.com Description: Professional, SEO-optimized WordPress theme for Bytes WebWorks. v3.1 adds 40 industry landing pages across 6 categories, an industry-not-listed page, a clean mega-menu nav (Service Areas + Industries), plus 56 city location pages, breadcrumbs, and full JSON-LD schema. Blue/navy scheme. Version: 1.11.1 Requires at least: 5.8 Tested up to: 6.5 Requires PHP: 7.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: byteswebworks Tags: business, custom-logo, full-width-template, one-column, two-columns, custom-colors, custom-menu, featured-images, footer-widgets, threaded-comments, translation-ready */ :root{--bww-blue:#013194;--bww-blue-dark:#001f6b;--bww-blue-mid:#0a46c0;--bww-blue-light:#1eadf6;--bww-blue-accent:#1eadf6;--bww-navy:#0f2038;--bww-dark:#0b1f3a;--bww-off-white:#f6f9fd;--bww-gray-light:#e8eefc;--bww-gray-text:#54617a;--bww-text:#0f2038;--bww-gold:#f7b32b;--bww-green:#3bb273;--bww-white:#ffffff;--bww-coral:#ff6b5c;--bww-coral-soft:#ffe9e6;--bww-amber:#f7b32b;--bww-amber-soft:#fff2d6;--bww-teal:#20b5a8;--bww-teal-soft:#d9f5f2;--bww-violet:#7c6bf0;--bww-violet-soft:#ece9fd;--bww-green-accent:#3bb273;--bww-green-soft:#e2f6ec;--bww-pink:#f062a6;--bww-pink-soft:#fde6f2;--bww-sky-soft:#e6f5fe;--bww-navy-soft:#e8eefc;--bww-shadow:0 4px 30px rgba(1,49,148,0.12);--bww-shadow-lg:0 20px 60px rgba(1,49,148,0.16);--bww-radius:14px;--bww-radius-lg:20px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:'Manrope','Segoe UI',sans-serif;color:var(--bww-text);background:var(--bww-white);line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:var(--bww-blue);transition:color .2s}a:hover{color:var(--bww-blue-mid)}ul{list-style:none}h1,h2,h3,h4,h5,h6{font-family:'Baloo 2','Segoe UI',sans-serif;font-weight:700;line-height:1.2;color:var(--bww-navy)}p{margin-bottom:1rem}p:last-child{margin-bottom:0}.bww-container{max-width:1200px;margin:0 auto;padding:0 24px}.bww-section{padding:90px 24px}.bww-section--dark{background:linear-gradient(135deg,var(--bww-dark) 0%,var(--bww-navy) 100%)}.bww-section--muted{background:var(--bww-off-white)}.bww-tag{display:inline-block;background:var(--bww-gray-light);color:var(--bww-blue);padding:5px 16px;border-radius:20px;font-size:.78rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:14px}.bww-tag--light{background:rgba(96,165,250,.18);color:var(--bww-blue-accent)}.bww-section-title{font-size:clamp(1.9rem,4vw,2.8rem);color:var(--bww-navy);margin-bottom:14px}.bww-section-title span{color:var(--bww-blue)}.bww-section-title--light{color:var(--bww-white)}.bww-section:nth-of-type(6n+1) .bww-tag{background:var(--bww-coral-soft);color:var(--bww-coral)}.bww-section:nth-of-type(6n+1) .bww-section-title span{color:var(--bww-coral)}.bww-section:nth-of-type(6n+2) .bww-tag{background:var(--bww-teal-soft);color:var(--bww-teal)}.bww-section:nth-of-type(6n+2) .bww-section-title span{color:var(--bww-teal)}.bww-section:nth-of-type(6n+3) .bww-tag{background:var(--bww-violet-soft);color:var(--bww-violet)}.bww-section:nth-of-type(6n+3) .bww-section-title span{color:var(--bww-violet)}.bww-section:nth-of-type(6n+4) .bww-tag{background:var(--bww-amber-soft);color:#b57d12}.bww-section:nth-of-type(6n+4) .bww-section-title span{color:#b57d12}.bww-section:nth-of-type(6n+5) .bww-tag{background:var(--bww-green-soft);color:var(--bww-green-accent)}.bww-section:nth-of-type(6n+5) .bww-section-title span{color:var(--bww-green-accent)}.bww-section:nth-of-type(6n+6) .bww-tag{background:var(--bww-sky-soft);color:var(--bww-blue)}.bww-section:nth-of-type(6n+6) .bww-section-title span{color:var(--bww-blue-light)}.bww-section--dark .bww-tag,.bww-page-hero .bww-tag{background:rgba(96,165,250,.16);color:#bfdbfe}.bww-section-sub{font-size:1.05rem;color:var(--bww-gray-text);max-width:600px;line-height:1.75}.bww-section-sub--light{color:rgba(255,255,255,.72)}.bww-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 30px;border-radius:999px;font-family:'Space Grotesk',sans-serif;font-size:1.02rem;font-weight:600;letter-spacing:.2px;cursor:pointer;border:none;transition:all .3s ease}.bww-btn--primary{background:linear-gradient(135deg,var(--bww-blue-light),var(--bww-blue));color:var(--bww-white);box-shadow:0 6px 18px rgba(1,49,148,.28)}.bww-btn--primary:hover{background:linear-gradient(135deg,var(--bww-blue),var(--bww-blue-dark));transform:translateY(-2px);box-shadow:0 8px 28px rgba(1,49,148,.4);color:var(--bww-white)}.bww-btn--outline{background:transparent;color:var(--bww-white);border:2px solid rgba(255,255,255,.35)}.bww-btn--outline:hover{border-color:var(--bww-blue-accent);color:var(--bww-blue-accent);transform:translateY(-2px)}.bww-btn--white{background:var(--bww-white);color:var(--bww-blue);box-shadow:0 4px 18px rgba(0,0,0,.15)}.bww-btn--white:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.2);color:var(--bww-blue-mid)}#bww-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(10,22,40,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(26,86,219,.28);height:72px;display:flex;align-items:center;padding:0 40px;transition:height .3s ease,box-shadow .3s ease}#bww-header.scrolled{height:60px;box-shadow:0 4px 30px rgba(0,0,0,.4)}.bww-header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto}.bww-logo img{height:100px;width:auto;object-fit:contain}.bww-logo-text{display:none;font-family:'Manrope',sans-serif;font-size:1.5rem;font-weight:700;color:var(--bww-white)}.bww-logo-text span{color:var(--bww-blue-accent)}#bww-nav>.bww-menu{display:flex;gap:4px;align-items:center}#bww-nav .bww-mega ul,#bww-nav .bww-dropdown ul{display:block}#bww-nav .bww-menu>li>a{color:rgba(255,255,255,.85);font-family:'Manrope',sans-serif;font-weight:600;font-size:1rem;letter-spacing:.4px;padding:8px 14px;border-radius:7px;transition:all .2s}#bww-nav .bww-menu>li>a:hover,#bww-nav .bww-menu>li>a.current-menu-item{color:var(--bww-blue-accent);background:rgba(26,86,219,.15)}#bww-nav .bww-menu>li.menu-cta>a{background:var(--bww-blue);color:var(--bww-white) !important;padding:8px 20px;border-radius:8px}#bww-nav .bww-menu>li.menu-cta>a:hover{background:var(--bww-blue-mid);transform:translateY(-1px)}.bww-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px}.bww-nav-close{display:none}.bww-hamburger span{display:block;width:25px;height:2px;background:var(--bww-white);border-radius:2px;transition:.3s}.bww-hero{min-height:100vh;background:linear-gradient(160deg,var(--bww-navy-soft) 0%,#ffffff 52%,var(--bww-sky-soft) 130%);display:flex;align-items:center;position:relative;overflow:hidden;padding-top:72px}.bww-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 78% 22%,var(--bww-sky-soft) 0%,transparent 42%),radial-gradient(ellipse at 15% 82%,var(--bww-amber-soft) 0%,transparent 40%)}.bww-hero-grid{position:absolute;inset:0;opacity:0;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:50px 50px}.bww-hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:100px 40px 80px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;width:100%}.bww-hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--bww-navy-soft);border:1px solid rgba(30,173,246,.3);color:var(--bww-blue);padding:6px 16px;border-radius:20px;font-size:.84rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px}.bww-hero-badge::before{content:'●';font-size:.5rem;animation:bww-pulse 2s infinite}@keyframes bww-pulse{0%,100%{opacity:1}50%{opacity:.3}}.bww-hero-title{font-size:clamp(2.8rem,5vw,4.2rem);color:var(--bww-navy);margin-bottom:22px}.bww-hero-title span{color:var(--bww-blue-light)}.bww-hero-subtitle{font-size:1.12rem;color:var(--bww-gray-text);line-height:1.75;margin-bottom:38px;max-width:520px}.bww-hero-buttons{display:flex;gap:14px;flex-wrap:wrap}.bww-hero-stats{display:flex;gap:32px;margin-top:48px;padding-top:38px;border-top:1px solid var(--bww-gray-light)}.bww-hero-stat .bww-stat-num{display:block;font-family:'Baloo 2',sans-serif;font-weight:700;font-size:2rem;color:var(--bww-blue)}.bww-hero-stat p{font-size:.84rem;color:var(--bww-gray-text);margin-top:2px;margin-bottom:0}.bww-hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.bww-mockup{width:100%;max-width:480px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5)}.bww-mockup-bar{background:rgba(255,255,255,.08);padding:12px 16px;display:flex;align-items:center;gap:8px}.bww-mockup-dot{width:10px;height:10px;border-radius:50%}.bww-mockup-img{width:100%;height:280px;object-fit:cover}.bww-float-card{position:absolute;background:var(--bww-white);border-radius:12px;padding:14px 18px;box-shadow:0 20px 40px rgba(0,0,0,.28);display:flex;align-items:center;gap:12px}.bww-float-card.fc-1{bottom:28px;left:-20px;animation:bww-float 3s ease-in-out infinite}.bww-float-card.fc-2{top:38px;right:-20px;animation:bww-float 3s ease-in-out infinite 1.5s}@keyframes bww-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.bww-fc-icon{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.bww-fc-icon--green{background:#d1fae5}.bww-fc-icon--blue{background:#dbeafe}.bww-fc-text .bww-fc-title{display:block;font-family:'Baloo 2',sans-serif;font-weight:700;font-size:.8rem;color:var(--bww-text);margin-bottom:2px}.bww-fc-text p{font-size:.7rem;color:var(--bww-gray-text);margin-bottom:0}.bww-stats-banner{background:linear-gradient(135deg,var(--bww-navy) 0%,var(--bww-blue-dark) 100%);padding:64px 24px}.bww-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;max-width:1200px;margin:0 auto;text-align:center}.bww-stat-item .bww-stat-num{display:block;font-family:'Baloo 2',sans-serif;font-weight:700;font-size:2.6rem;color:var(--bww-blue-accent);margin-bottom:8px}.bww-stat-item p{color:rgba(255,255,255,.8);font-size:.92rem;line-height:1.45;margin-bottom:0}.bww-stat-source{font-size:.68rem;color:rgba(255,255,255,.72);margin-top:6px;display:block}.bww-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:48px}.bww-service-card{background:var(--bww-white);border:1px solid var(--bww-gray-light);border-radius:var(--bww-radius);padding:34px 26px;transition:all .3s ease;position:relative;overflow:hidden}.bww-service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--bww-blue),var(--bww-blue-accent));transform:scaleX(0);transition:transform .3s ease;transform-origin:left}.bww-service-card:hover{transform:translateY(-6px);box-shadow:var(--bww-shadow-lg);border-color:transparent}.bww-card-shot{width:calc(100%+52px);margin:-34px -26px 20px;height:170px;object-fit:cover;object-position:top center;display:block;border-bottom:1px solid var(--bww-gray-light)}.bww-service-card:hover::before{transform:scaleX(1)}.bww-service-card::before{transform:scaleX(1)}.bww-services-grid .bww-service-card:nth-child(6n+1)::before{background:var(--bww-coral)}.bww-services-grid .bww-service-card:nth-child(6n+2)::before{background:var(--bww-teal)}.bww-services-grid .bww-service-card:nth-child(6n+3)::before{background:var(--bww-violet)}.bww-services-grid .bww-service-card:nth-child(6n+4)::before{background:var(--bww-amber)}.bww-services-grid .bww-service-card:nth-child(6n+5)::before{background:var(--bww-green-accent)}.bww-services-grid .bww-service-card:nth-child(6n+6)::before{background:var(--bww-blue-light)}.bww-services-grid .bww-service-card:nth-child(6n+1) .bww-service-icon{background:var(--bww-coral-soft)}.bww-services-grid .bww-service-card:nth-child(6n+2) .bww-service-icon{background:var(--bww-teal-soft)}.bww-services-grid .bww-service-card:nth-child(6n+3) .bww-service-icon{background:var(--bww-violet-soft)}.bww-services-grid .bww-service-card:nth-child(6n+4) .bww-service-icon{background:var(--bww-amber-soft)}.bww-services-grid .bww-service-card:nth-child(6n+5) .bww-service-icon{background:var(--bww-green-soft)}.bww-services-grid .bww-service-card:nth-child(6n+6) .bww-service-icon{background:var(--bww-sky-soft)}.bww-service-icon{width:58px;height:58px;border-radius:13px;background:var(--bww-gray-light);display:flex;align-items:center;justify-content:center;font-size:1.7rem;margin-bottom:18px}.bww-service-card h3{font-size:1.3rem;color:var(--bww-navy);margin-bottom:10px}.bww-service-card p{color:var(--bww-gray-text);line-height:1.7;font-size:.94rem;margin-bottom:14px}.bww-service-price{display:inline-flex;align-items:center;gap:6px;background:var(--bww-gray-light);color:var(--bww-blue);padding:5px 14px;border-radius:20px;font-weight:700;font-size:.88rem}.bww-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:48px}.bww-split-img{border-radius:var(--bww-radius-lg);overflow:hidden;box-shadow:var(--bww-shadow-lg);position:relative}.bww-split-img img{width:100%;height:400px;object-fit:cover}.bww-split-img-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(10,22,40,.85));padding:28px}.bww-split-img-overlay p{color:var(--bww-white);font-size:.92rem;font-weight:600;margin-bottom:0}.bww-founder-grid{display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:center;margin-top:40px}.bww-founder-photo{position:relative;width:100%;max-width:300px;margin:0 auto;aspect-ratio:1 / 1}.bww-founder-photo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 40px rgba(1,49,148,.20))}.bww-founder-photo::before{content:"";position:absolute;inset:-6% -6% -6% -6%;border-radius:50%;background:radial-gradient(circle at 50% 40%,var(--bww-sky-soft) 0%,transparent 70%);z-index:-1}.bww-founder-name{font-family:'Baloo 2',sans-serif;font-size:1.05rem;color:var(--bww-blue);font-weight:700;margin-top:16px;text-align:center}.bww-founder-role{font-family:'Space Grotesk',sans-serif;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:var(--bww-gray-text);text-align:center;margin-top:2px}.bww-founder-body p{color:var(--bww-gray-text);line-height:1.75;margin-bottom:14px}.bww-founder-body p:last-child{margin-bottom:0}.bww-founder-sig{display:inline-block;font-family:'Baloo 2',sans-serif;font-size:1.6rem;color:var(--bww-blue);margin-top:6px}@media (max-width:820px){.bww-founder-grid{grid-template-columns:1fr;gap:28px}.bww-founder-photo{max-width:220px}}.bww-person-row{margin-top:56px}.bww-person-row:first-of-type{margin-top:40px}.bww-person-grid{display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:center}.bww-person-grid--flip{grid-template-columns:1fr 300px}.bww-person-grid--flip .bww-person-photo-col{order:2}.bww-person-photo{position:relative;width:100%;max-width:300px;margin:0 auto;aspect-ratio:1 / 1}.bww-person-photo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 40px rgba(1,49,148,.20))}.bww-person-photo::before{content:"";position:absolute;inset:-6%;border-radius:50%;background:radial-gradient(circle at 50% 40%,var(--bww-sky-soft) 0%,transparent 70%);z-index:-1}.bww-person-name{font-family:'Baloo 2',sans-serif;font-size:1.05rem;color:var(--bww-blue);font-weight:700;margin-top:16px;text-align:center}.bww-person-role{font-family:'Space Grotesk',sans-serif;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:var(--bww-gray-text);text-align:center;margin-top:2px}.bww-person-body p{color:var(--bww-gray-text);line-height:1.75;margin-bottom:14px}.bww-person-body p:last-child{margin-bottom:0}.bww-person-body--lg p{font-size:1.15rem;line-height:1.85}.bww-person-row:nth-of-type(4n+1) .bww-person-role{color:var(--bww-teal)}.bww-person-row:nth-of-type(4n+2) .bww-person-role{color:var(--bww-violet)}.bww-person-row:nth-of-type(4n+3) .bww-person-role{color:var(--bww-coral)}.bww-person-row:nth-of-type(4n+4) .bww-person-role{color:var(--bww-green-accent)}@media (max-width:820px){.bww-person-grid,.bww-person-grid--flip{grid-template-columns:1fr;gap:28px}.bww-person-grid--flip .bww-person-photo-col{order:0}.bww-person-photo{max-width:220px}}.bww-team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:44px;max-width:820px;margin-left:auto;margin-right:auto}.bww-team-card{background:var(--bww-white);border:1px solid var(--bww-gray-light);border-radius:var(--bww-radius-lg);padding:32px 28px;text-align:center;box-shadow:var(--bww-shadow);transition:transform .2s ease,box-shadow .2s ease}.bww-team-card:hover{transform:translateY(-4px);box-shadow:var(--bww-shadow-lg)}.bww-team-photo{width:150px;height:150px;margin:0 auto 18px;position:relative}.bww-team-photo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(1,49,148,.18))}.bww-team-photo::before{content:"";position:absolute;inset:-8%;border-radius:50%;background:radial-gradient(circle at 50% 40%,var(--bww-sky-soft) 0%,transparent 72%);z-index:-1}.bww-team-name{font-family:'Baloo 2',sans-serif;font-size:1.25rem;font-weight:700;color:var(--bww-navy);margin-bottom:3px}.bww-team-role{font-family:'Space Grotesk',sans-serif;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:var(--bww-blue-light);font-weight:600;margin-bottom:14px}.bww-team-bio{color:var(--bww-gray-text);font-size:.92rem;line-height:1.65;margin:0}.bww-team-card:nth-child(2n+1) .bww-team-role{color:var(--bww-teal)}.bww-team-card:nth-child(2n+2) .bww-team-role{color:var(--bww-violet)}@media (max-width:640px){.bww-team-grid{grid-template-columns:1fr;gap:24px;max-width:360px}}.bww-why-points{display:flex;flex-direction:column;gap:22px}.bww-why-point{display:flex;gap:16px;align-items:flex-start}.bww-wp-num{width:42px;height:42px;border-radius:10px;background:var(--bww-blue);color:var(--bww-white);display:flex;align-items:center;justify-content:center;font-family:'Manrope',sans-serif;font-weight:700;font-size:1rem;flex-shrink:0}.bww-why-point:nth-child(4n+1) .bww-wp-num{background:var(--bww-coral)}.bww-why-point:nth-child(4n+2) .bww-wp-num{background:var(--bww-teal)}.bww-why-point:nth-child(4n+3) .bww-wp-num{background:var(--bww-violet)}.bww-why-point:nth-child(4n+4) .bww-wp-num{background:var(--bww-amber)}.bww-wp-text h3{font-family:'Baloo 2',sans-serif;font-size:1.08rem;color:var(--bww-navy);margin-bottom:5px}.bww-wp-text p{color:var(--bww-gray-text);font-size:.9rem;line-height:1.6;margin-bottom:0}.bww-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:48px}.bww-pricing-card{background:var(--bww-white);border-radius:var(--bww-radius-lg);padding:40px 30px;border:2px solid var(--bww-gray-light);transition:all .3s ease;position:relative}.bww-pricing-card.featured{border-color:var(--bww-blue);transform:scale(1.04);box-shadow:0 20px 60px rgba(26,86,219,.2)}.bww-featured-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--bww-blue);color:var(--bww-white);padding:4px 20px;border-radius:20px;font-size:.76rem;font-weight:800;letter-spacing:1px;white-space:nowrap}.bww-pricing-card h3{font-size:1.45rem;margin-bottom:8px}.bww-pricing-card .bww-desc{color:var(--bww-gray-text);font-size:.88rem;margin-bottom:0}.bww-price-amount{display:flex;align-items:baseline;gap:4px;margin:20px 0 4px}.bww-price-dollar{font-size:1.4rem;font-weight:700;color:var(--bww-blue)}.bww-price-num{font-size:3rem;font-weight:800;color:var(--bww-navy);font-family:'Manrope',sans-serif;line-height:1}.bww-price-period{font-size:.88rem;color:var(--bww-gray-text)}.bww-price-note{font-size:.82rem;color:var(--bww-gray-text);margin-bottom:0}.bww-pricing-features{margin:22px 0}.bww-pricing-features li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--bww-gray-light);font-size:.93rem;color:var(--bww-text)}.bww-pricing-features li:last-child{border-bottom:none}.bww-pricing-features li::before{content:'✓';color:var(--bww-green);font-weight:800;flex-shrink:0}.bww-compare-box{background:linear-gradient(135deg,#fff8e1,#fff3cd);border:2px solid var(--bww-gold);border-radius:var(--bww-radius);padding:32px;margin-top:40px;text-align:center}.bww-compare-box h3{color:#92400e;margin-bottom:10px;font-size:1.35rem}.bww-compare-box>p{color:#78350f;line-height:1.7}.bww-compare-grid{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:20px}.bww-comp-item{background:var(--bww-white);border-radius:10px;padding:14px 22px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.08)}.bww-comp-name{font-size:.82rem;color:var(--bww-gray-text);margin-bottom:5px}.bww-comp-price{font-size:1.35rem;font-weight:800;color:#dc2626;font-family:'Manrope',sans-serif}.bww-comp-item.ours .bww-comp-price{color:var(--bww-green)}.bww-comp-item.ours{border:2px solid var(--bww-green)}.bww-compare-source{font-size:.8rem;color:#78350f;margin-top:14px;margin-bottom:0}.bww-testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:48px}.bww-testi-card{background:var(--bww-white);border-radius:var(--bww-radius);padding:30px;box-shadow:0 4px 20px rgba(0,0,0,.06);position:relative;border:1px solid var(--bww-gray-light)}.bww-testi-card::before{content:'"';position:absolute;top:18px;right:22px;font-size:4.5rem;color:var(--bww-gray-light);font-family:Georgia,serif;line-height:1}.bww-stars{color:var(--bww-gold);font-size:1rem;margin-bottom:14px;letter-spacing:2px}.bww-testi-card>p{color:var(--bww-gray-text);line-height:1.7;font-size:.93rem;margin-bottom:22px}.bww-reviewer{display:flex;align-items:center;gap:12px}.bww-reviewer-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--bww-white);font-weight:700;font-size:.95rem;flex-shrink:0}.bww-reviewer-info h4{font-size:.97rem;color:var(--bww-navy);margin-bottom:2px}.bww-reviewer-info p{font-size:.78rem;color:var(--bww-gray-text);margin-bottom:0}.bww-results-box{background:var(--bww-navy);border-radius:var(--bww-radius-lg);padding:50px;margin-top:56px;text-align:center}.bww-results-box h2{color:var(--bww-white);margin-bottom:10px;font-size:1.75rem}.bww-results-box>p{color:rgba(255,255,255,.65);margin-bottom:36px}.bww-values-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.bww-value-item{background:var(--bww-gray-light);border-radius:10px;padding:16px;border-left:3px solid var(--bww-blue)}.bww-values-grid .bww-value-item:nth-child(4n+1){border-left-color:var(--bww-coral)}.bww-values-grid .bww-value-item:nth-child(4n+2){border-left-color:var(--bww-teal)}.bww-values-grid .bww-value-item:nth-child(4n+3){border-left-color:var(--bww-violet)}.bww-values-grid .bww-value-item:nth-child(4n+4){border-left-color:var(--bww-amber)}.bww-value-item h4{font-size:.92rem;color:var(--bww-navy);margin-bottom:3px}.bww-value-item p{font-size:.8rem;color:var(--bww-gray-text);margin-bottom:0}.bww-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.bww-team-card-body{padding:22px}.bww-team-card-body h3{color:var(--bww-navy);margin-bottom:3px;font-size:1.2rem}.bww-team-card-body .role{color:var(--bww-blue);font-size:.82rem;font-weight:700;margin-bottom:9px}.bww-team-card-body p{color:var(--bww-gray-text);font-size:.88rem;line-height:1.6;margin-bottom:0}.bww-contact-wrap{background:linear-gradient(135deg,var(--bww-dark) 0%,var(--bww-navy) 100%);min-height:80vh;padding:90px 24px}.bww-contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;max-width:1200px;margin:0 auto;align-items:start}.bww-contact-details{margin-top:30px;display:flex;flex-direction:column;gap:18px}.bww-cd-item{display:flex;align-items:center;gap:16px}.bww-cd-icon{width:48px;height:48px;border-radius:12px;background:rgba(26,86,219,.28);border:1px solid rgba(96,165,250,.2);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.bww-cd-text small{color:rgba(255,255,255,.4);font-size:.78rem;display:block}.bww-cd-text a,.bww-cd-text p{color:rgba(255,255,255,.85);font-size:.97rem;margin-bottom:0}.bww-cd-text a:hover{color:var(--bww-blue-accent)}.bww-contact-note{margin-top:36px;padding:22px;background:rgba(26,86,219,.2);border:1px solid rgba(96,165,250,.2);border-radius:13px}.bww-contact-note h4{color:var(--bww-blue-accent);margin-bottom:8px;font-size:1rem}.bww-contact-note p{color:rgba(255,255,255,.72);font-size:.88rem;line-height:1.6;margin-bottom:0}.bww-form-box{background:var(--bww-white);border-radius:var(--bww-radius-lg);padding:40px;box-shadow:0 20px 60px rgba(0,0,0,.28)}.bww-form-box h3{font-size:1.55rem;color:var(--bww-navy);margin-bottom:22px}.bww-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bww-form-group{margin-bottom:18px}.bww-form-group label{display:block;font-size:.83rem;font-weight:700;color:var(--bww-text);margin-bottom:7px;letter-spacing:.2px}.bww-form-group input,.bww-form-group select,.bww-form-group textarea{width:100%;padding:11px 15px;border:2px solid var(--bww-gray-light);border-radius:10px;font-family:'Manrope',sans-serif;font-size:.93rem;color:var(--bww-text);background:var(--bww-white);transition:border-color .2s ease;outline:none}.bww-form-group input:focus,.bww-form-group select:focus,.bww-form-group textarea:focus{border-color:var(--bww-blue);box-shadow:0 0 0 3px rgba(26,86,219,.1)}.bww-form-group textarea{resize:vertical;min-height:115px}.bww-form-submit{width:100%}.bww-success{display:none;background:#d1fae5;border:2px solid var(--bww-green);border-radius:10px;padding:14px;text-align:center;color:#065f46;font-weight:700;margin-top:14px}.bww-cta-banner{background:linear-gradient(120deg,var(--bww-violet) 0%,var(--bww-blue) 45%,var(--bww-teal) 100%);padding:80px 24px;text-align:center}.bww-cta-banner h2{font-size:clamp(1.8rem,4vw,2.5rem);color:var(--bww-white);margin-bottom:14px}.bww-cta-banner p{color:rgba(255,255,255,.8);font-size:1.08rem;margin-bottom:30px}#bww-footer{background:var(--bww-dark);padding:64px 24px 28px;border-top:1px solid rgba(26,86,219,.2)}.bww-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto 40px}.bww-footer-brand img{height:38px;margin-bottom:14px}.bww-footer-brand p{color:rgba(255,255,255,.5);font-size:.88rem;line-height:1.7;margin-bottom:10px}.bww-footer-brand a{color:var(--bww-blue-accent);font-size:.88rem}.bww-footer-col h4{color:var(--bww-white);font-size:.97rem;margin-bottom:14px;letter-spacing:.4px}.bww-footer-col ul li{margin-bottom:9px}.bww-footer-col ul li a{color:rgba(255,255,255,.5);font-size:.88rem;transition:color .2s}.bww-footer-col ul li a:hover{color:var(--bww-blue-accent)}.bww-footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding-top:22px;display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;flex-wrap:wrap;gap:10px}.bww-footer-bottom p{color:rgba(255,255,255,.38);font-size:.83rem;margin-bottom:0}.bww-page-hero{position:relative;background:linear-gradient(150deg,var(--bww-dark) 0%,var(--bww-navy) 55%,var(--bww-blue-dark) 100%);padding:90px 24px 80px;border-bottom:none;overflow:hidden}.bww-page-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 15% 20%,rgba(96,165,250,.18),transparent 40%),radial-gradient(circle at 85% 75%,rgba(16,185,129,.12),transparent 45%);pointer-events:none}.bww-page-hero::after{content:"";position:absolute;right:-20px;bottom:-40px;font-family:'Manrope',sans-serif;font-size:12rem;font-weight:700;line-height:1;color:rgba(255,255,255,.04);pointer-events:none}.bww-page-hero .bww-container{position:relative;z-index:1;max-width:1200px;margin:0 auto}.bww-page-hero .bww-section-title,.bww-page-hero h1{color:#fff}.bww-page-hero .bww-section-title span,.bww-page-hero h1 span{color:var(--bww-blue-accent)}.bww-page-hero .bww-section-sub{color:rgba(255,255,255,.85)}.bww-page-hero .bww-tag{background:rgba(96,165,250,.16);border:1px solid rgba(96,165,250,.35);color:#bfdbfe}.bww-page-hero .bww-breadcrumb,.bww-page-hero .bww-breadcrumb a,.bww-page-hero .bww-breadcrumb li{color:rgba(255,255,255,.75)}.bww-page-hero .bww-breadcrumb a:hover{color:#fff}.bww-page-hero .bww-btn--outline-blue{border-color:rgba(255,255,255,.4);color:#fff}.bww-page-hero .bww-btn--outline-blue:hover{background:rgba(255,255,255,.12)}.site-main{display:block}.entry-content p{margin-bottom:1rem}.entry-content h1,.entry-content h2,.entry-content h3{margin:1.5rem 0 .75rem}.wp-caption{max-width:100%}.alignleft{float:left;margin:0 1.5rem 1rem 0}.alignright{float:right;margin:0 0 1rem 1.5rem}.aligncenter{text-align:center;margin:0 auto 1rem;display:block}.bww-fade{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.bww-fade.visible{opacity:1;transform:translateY(0)}@media (max-width:1024px){.bww-services-grid,.bww-testimonials-grid{grid-template-columns:repeat(2,1fr)}.bww-pricing-grid{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}.bww-pricing-card.featured{transform:none}.bww-stats-grid{grid-template-columns:repeat(2,1fr)}.bww-footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){#bww-header{padding:0 20px}.bww-hero-inner{grid-template-columns:1fr;padding:100px 24px 60px}.bww-hero-visual{display:none}.bww-hero-stats{flex-wrap:wrap;gap:20px}.bww-split{grid-template-columns:1fr}.bww-services-grid{grid-template-columns:1fr}.bww-testimonials-grid{grid-template-columns:1fr}.bww-contact-grid{grid-template-columns:1fr}.bww-team-grid{grid-template-columns:1fr}.bww-values-grid{grid-template-columns:1fr}.bww-form-row{grid-template-columns:1fr}.bww-footer-grid{grid-template-columns:1fr}.bww-footer-bottom{flex-direction:column;text-align:center}.bww-section{padding:60px 20px}.bww-results-box{padding:30px 20px}}@media (max-width:480px){.bww-stats-grid{grid-template-columns:1fr 1fr}.bww-compare-grid{flex-direction:column;align-items:center}}.bww-industry-grid,.bww-city-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:40px 0}.bww-industry-card{border:1px solid #e0e0e0;border-radius:8px;padding:28px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.06)}.bww-related-links{background:#f8f8f8;border-top:3px solid #c8a95e;padding:32px;margin:40px 0;border-radius:6px}.bww-related-links h2{font-size:1.2rem;color:#1a1a2e;margin-bottom:16px}.bww-faq-item{border:1px solid #e0e0e0;border-radius:6px;padding:20px 24px;margin-bottom:16px;background:#fff}.bww-faq-item h3{font-size:1.05rem;color:#1a1a2e;margin-bottom:8px}.bww-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:32px 0}.bww-process-step{text-align:center;padding:20px;background:#fff;border-radius:8px;border:1px solid #e0e0e0}@media (max-width:768px){.bww-industry-grid,.bww-city-grid{grid-template-columns:1fr}.bww-process-grid{grid-template-columns:1fr 1fr}.bww-related-links{padding:20px}.bww-industry-card{padding:20px}}@media (max-width:480px){.bww-process-grid{grid-template-columns:1fr}.bww-related-links a{display:inline-block;margin:3px 0}}.bww-post-content h2{color:#1a1a2e;font-size:1.45rem;margin:40px 0 16px;padding-bottom:10px;border-bottom:2px solid #c8a95e}.bww-post-content h3{color:#1a1a2e;font-size:1.15rem;margin:32px 0 12px}.bww-post-content p{margin:0 0 20px}.bww-post-content ul,.bww-post-content ol{margin:0 0 24px;padding-left:0;list-style:none}.bww-post-content ul li,.bww-post-content ol li{position:relative;padding:10px 16px 10px 44px;margin-bottom:10px;background:#f8f8f8;border-radius:6px;border-left:4px solid #c8a95e;font-size:0.95rem;line-height:1.65}.bww-post-content ul li::before{content:"✓";position:absolute;left:14px;color:#c8a95e;font-weight:800;font-size:1rem}.bww-post-content ol{counter-reset:bww-counter}.bww-post-content ol li{counter-increment:bww-counter}.bww-post-content ol li::before{content:counter(bww-counter);position:absolute;left:12px;background:#c8a95e;color:#1a1a2e;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:0.78rem;top:12px}.bww-post-content a{color:#1a1a2e;font-weight:600;text-decoration:underline;text-decoration-color:#c8a95e;text-underline-offset:3px}.bww-post-content a:hover{color:#c8a95e}.bww-post-content strong{color:#1a1a2e}.bww-post-content table{width:100%;border-collapse:collapse;margin:0 0 28px;font-size:0.92rem}.bww-post-content table th{background:#1a1a2e;color:#c8a95e;padding:12px 16px;text-align:left;font-weight:700}.bww-post-content table td{padding:11px 16px;border-bottom:1px solid #e8e8e8}.bww-post-content table tr:nth-child(even) td{background:#f8f8f8}.bww-post-content blockquote{border-left:5px solid #c8a95e;background:#fff8e7;padding:18px 24px;margin:24px 0;border-radius:0 8px 8px 0;font-style:italic;color:#444}.bww-blog-grid article:hover{box-shadow:0 6px 24px rgba(0,0,0,0.09);transform:translateY(-2px);transition:all 0.2s ease}@media (max-width:768px){.bww-post-content h2{font-size:1.2rem}}.bww-portfolio-shot{width:100%;min-height:360px;border-radius:var(--bww-radius-lg);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:40px;color:#fff;box-shadow:var(--bww-shadow-lg)}.bww-portfolio-badge{font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:rgba(255,255,255,.16);padding:6px 14px;border-radius:20px}.bww-portfolio-name{font-family:'Manrope',sans-serif;font-size:2rem;font-weight:700;line-height:1.1;color:#fff}.bww-portfolio-url{font-size:.95rem;opacity:.85}.bww-portfolio-shot.has-shot{position:relative;background-size:cover;background-position:top center;justify-content:flex-end;overflow:hidden;border:1px solid var(--bww-gray-light)}.bww-portfolio-shot.has-shot::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,15,35,.88) 0%,rgba(8,15,35,.45) 45%,rgba(8,15,35,.05) 75%);z-index:1}.bww-portfolio-shot.has-shot>*{position:relative;z-index:2}.bww-faq-list{display:flex;flex-direction:column;gap:14px}.bww-faq-item{background:var(--bww-white);border:1px solid var(--bww-gray-light);border-radius:var(--bww-radius);box-shadow:var(--bww-shadow);overflow:hidden}.bww-faq-item summary{cursor:pointer;list-style:none;padding:20px 24px;font-family:'Manrope',sans-serif;font-weight:700;font-size:1.15rem;color:var(--bww-navy);position:relative;padding-right:52px}.bww-faq-item summary::-webkit-details-marker{display:none}.bww-faq-item summary::after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:1.6rem;color:var(--bww-blue);transition:transform .2s}.bww-faq-item[open] summary::after{content:"\2013"}.bww-faq-answer{padding:0 24px 22px;color:var(--bww-gray-text);line-height:1.7}.bww-process-list{display:flex;flex-direction:column;gap:22px}.bww-process-step{display:flex;gap:22px;align-items:flex-start;background:var(--bww-white);border:1px solid var(--bww-gray-light);border-radius:var(--bww-radius);box-shadow:var(--bww-shadow);padding:26px}.bww-process-num{flex:0 0 auto;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--bww-blue),var(--bww-navy));color:#fff;font-family:'Manrope',sans-serif;font-weight:700;font-size:1.4rem;display:flex;align-items:center;justify-content:center}.bww-process-step:nth-child(5n+1) .bww-process-num{background:linear-gradient(135deg,var(--bww-coral),#d94436)}.bww-process-step:nth-child(5n+2) .bww-process-num{background:linear-gradient(135deg,var(--bww-teal),#148f85)}.bww-process-step:nth-child(5n+3) .bww-process-num{background:linear-gradient(135deg,var(--bww-violet),#5a49c9)}.bww-process-step:nth-child(5n+4) .bww-process-num{background:linear-gradient(135deg,var(--bww-amber),#cc8f14)}.bww-process-step:nth-child(5n+5) .bww-process-num{background:linear-gradient(135deg,var(--bww-green-accent),#2a8f5a)}.bww-process-body h3{font-size:1.25rem;color:var(--bww-navy);margin-bottom:6px}.bww-process-body p{color:var(--bww-gray-text);line-height:1.7;margin:0}@media (max-width:600px){.bww-portfolio-name{font-size:1.5rem}.bww-process-step{flex-direction:column;gap:14px}}.bww-fade{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.bww-fade.visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.bww-fade{opacity:1 !important;transform:none !important;transition:none !important}}.bww-scroll-progress{position:fixed;top:0;left:0;height:4px;width:0;background:linear-gradient(90deg,var(--bww-blue),var(--bww-blue-accent));z-index:9999;transition:width .1s linear}#bww-header{transition:padding .25s ease,box-shadow .25s ease,background .25s ease}#bww-header.scrolled{box-shadow:0 6px 24px rgba(15,34,64,.12);backdrop-filter:saturate(1.4) blur(6px)}#bww-header.scrolled .bww-header-inner{padding-top:8px;padding-bottom:8px}.bww-to-top{position:fixed;right:22px;bottom:22px;width:48px;height:48px;border:none;border-radius:50%;cursor:pointer;z-index:999;background:var(--bww-blue);color:#fff;font-size:1.4rem;line-height:1;box-shadow:var(--bww-shadow-lg);opacity:0;transform:translateY(16px) scale(.8);pointer-events:none;transition:opacity .25s ease,transform .25s ease,background .2s}.bww-to-top.show{opacity:1;transform:none;pointer-events:auto}.bww-to-top:hover{background:var(--bww-navy);transform:translateY(-3px)}.bww-service-card,.bww-value-item,.bww-stat-item{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;will-change:transform}.bww-btn{position:relative;overflow:hidden}.bww-ripple{position:absolute;border-radius:50%;transform:scale(0);background:rgba(255,255,255,.5);animation:bww-ripple .6s ease-out;pointer-events:none}@keyframes bww-ripple{to{transform:scale(2.4);opacity:0}}#bww-rotate{display:inline-block;color:var(--bww-blue-accent);min-width:4ch}.bww-rotate-in{animation:bww-rot-in .35s ease forwards}.bww-rotate-out{animation:bww-rot-out .28s ease forwards}@keyframes bww-rot-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes bww-rot-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-14px)}}.bww-mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:998;display:none;grid-template-columns:1fr 1fr;gap:1px;background:rgba(15,34,64,.12);box-shadow:0 -4px 20px rgba(15,34,64,.18)}.bww-mobile-bar a{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 8px;font-weight:800;font-size:.98rem;text-decoration:none}.bww-mobile-bar .bww-mb-call{background:var(--bww-green);color:#fff}.bww-mobile-bar .bww-mb-quote{background:var(--bww-blue);color:#fff}@media (max-width:768px){.bww-mobile-bar{display:grid}body{padding-bottom:56px}.bww-to-top{bottom:70px}}.bww-preview-demo{text-align:center}.bww-preview-toggle{display:inline-flex;gap:6px;background:var(--bww-gray-light);padding:6px;border-radius:30px;margin-bottom:26px}.bww-preview-toggle button{border:none;background:transparent;cursor:pointer;padding:9px 18px;border-radius:24px;font-weight:700;color:var(--bww-navy);transition:all .2s}.bww-preview-toggle button.active{background:var(--bww-blue);color:#fff;box-shadow:var(--bww-shadow)}.bww-preview-stage{display:flex;justify-content:center}.bww-preview-frame{background:#fff;border:12px solid var(--bww-navy);border-radius:18px;box-shadow:var(--bww-shadow-lg);overflow:hidden;transition:max-width .45s cubic-bezier(.5,0,.2,1);width:100%}.bww-preview-frame[data-mode="desktop"]{max-width:760px;border-radius:14px}.bww-preview-frame[data-mode="tablet"]{max-width:460px}.bww-preview-frame[data-mode="mobile"]{max-width:260px;border-width:14px 10px;border-radius:28px}.bww-preview-frame img{width:100%;display:block}.bww-preview-mock{padding:0}.bww-preview-mock .pm-hero{background:linear-gradient(135deg,var(--bww-blue),var(--bww-navy));color:#fff;padding:30px 20px}.bww-preview-mock .pm-hero h4{color:#fff;font-size:1.15rem;margin-bottom:8px}.bww-preview-mock .pm-hero p{font-size:.82rem;opacity:.9;margin:0}.bww-preview-mock .pm-row{display:flex;flex-wrap:wrap;gap:10px;padding:18px}.bww-preview-mock .pm-card{flex:1 1 120px;background:var(--bww-gray-light);border-radius:8px;height:56px}.bww-preview-mock .pm-bar{height:10px;border-radius:6px;background:var(--bww-gray-light);margin:8px 18px}.bww-preview-mock .pm-bar.short{width:50%}.bww-btn--outline-blue{background:transparent;color:var(--bww-blue);border:2px solid var(--bww-blue)}.bww-btn--outline-blue:hover{background:var(--bww-blue);color:#fff;transform:translateY(-2px);box-shadow:0 8px 22px rgba(26,86,219,.28)}.bww-illinks{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:18px 0}.bww-illinks a{background:var(--bww-gray-light);color:var(--bww-blue);font-weight:700;padding:8px 16px;border-radius:22px;font-size:.92rem;transition:all .2s}.bww-illinks a:hover{background:var(--bww-blue);color:#fff;transform:translateY(-2px)}.bww-reslist{list-style:none;padding:0;margin:18px 0 0}.bww-reslist li{padding:12px 0;border-bottom:1px solid var(--bww-gray-light);font-size:1.02rem}.bww-reslist a{font-weight:700}.bww-map{position:relative;max-width:760px;margin:10px auto 0;height:420px;border-radius:var(--bww-radius-lg);background:radial-gradient(circle at 65% 45%,rgba(96,165,250,.18),transparent 45%),linear-gradient(135deg,rgba(30,58,110,.55),rgba(10,22,40,.85));border:1px solid rgba(96,165,250,.25);overflow:hidden}.bww-map-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 55%,rgba(59,130,246,.25),transparent 60%);pointer-events:none}.bww-map-pin{position:absolute;transform:translate(-50%,-50%);text-decoration:none;z-index:2}.bww-map-dot{display:block;width:16px;height:16px;border-radius:50%;background:var(--bww-blue-accent);border:2px solid #fff;box-shadow:0 0 0 0 rgba(96,165,250,.6);cursor:pointer;animation:bww-pulse 2.4s infinite;transition:transform .2s}.bww-map-pin:nth-child(3) .bww-map-dot{animation-delay:.3s}.bww-map-pin:nth-child(5) .bww-map-dot{animation-delay:.6s}.bww-map-pin:nth-child(7) .bww-map-dot{animation-delay:.9s}.bww-map-pin:nth-child(9) .bww-map-dot{animation-delay:1.2s}@keyframes bww-pulse{0%{box-shadow:0 0 0 0 rgba(96,165,250,.55)}70%{box-shadow:0 0 0 14px rgba(96,165,250,0)}100%{box-shadow:0 0 0 0 rgba(96,165,250,0)}}.bww-map-label{position:absolute;left:50%;top:-34px;transform:translateX(-50%) scale(.9);background:#fff;color:var(--bww-navy);font-weight:800;font-size:.82rem;padding:5px 12px;border-radius:8px;white-space:nowrap;opacity:0;transition:all .18s;pointer-events:none;box-shadow:var(--bww-shadow)}.bww-map-label::after{content:"";position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);border:5px solid transparent;border-top-color:#fff}.bww-map-pin:hover .bww-map-label,.bww-map-pin:focus .bww-map-label{opacity:1;top:-40px;transform:translateX(-50%) scale(1)}.bww-map-pin:hover .bww-map-dot{transform:scale(1.35);background:#fff}@media (max-width:600px){.bww-map{height:340px}.bww-map-label{font-size:.72rem}}.bww-ba{position:relative;max-width:760px;margin:0 auto;aspect-ratio:16/9;border-radius:var(--bww-radius-lg);overflow:hidden;box-shadow:var(--bww-shadow-lg);user-select:none;touch-action:none}.bww-ba-layer{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;font-family:'Manrope',sans-serif;color:#fff;text-align:center;padding:20px}.bww-ba-after{background-color:var(--bww-navy)}.bww-ba-before{background-color:#374151;clip-path:inset(0 50% 0 0)}.bww-ba-tag{position:absolute;top:14px;padding:5px 12px;border-radius:20px;font-size:.78rem;font-weight:800;letter-spacing:.04em;background:rgba(0,0,0,.55);color:#fff;z-index:2}.bww-ba-tag.before{left:14px}.bww-ba-tag.after{right:14px}.bww-ba-content{background:rgba(4,15,45,.6);padding:8px 16px;border-radius:10px;margin-bottom:6px}.bww-ba-content h4{color:#fff;font-size:1.3rem;margin-bottom:2px}.bww-ba-content p{opacity:.95;font-size:.82rem}.bww-ba-handle{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;cursor:ew-resize;z-index:3}.bww-ba-grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:#fff;color:var(--bww-blue);display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:var(--bww-shadow-lg)}.bww-grader{max-width:760px;margin:0 auto}.bww-grader-q{background:#fff;border:1px solid var(--bww-gray-light);border-radius:var(--bww-radius);box-shadow:var(--bww-shadow);padding:20px 22px;margin-bottom:14px}.bww-grader-q p{font-family:'Manrope',sans-serif;font-weight:700;font-size:1.12rem;color:var(--bww-navy);margin-bottom:12px}.bww-grader-opts{display:flex;gap:10px;flex-wrap:wrap}.bww-grader-opts label{flex:1 1 30%;min-width:90px;cursor:pointer}.bww-grader-opts input{position:absolute;opacity:0}.bww-grader-opts span{display:block;text-align:center;padding:10px;border-radius:10px;border:2px solid var(--bww-gray-light);font-weight:700;color:var(--bww-gray-text);transition:all .15s}.bww-grader-opts input:checked+span{border-color:var(--bww-blue);background:var(--bww-blue);color:#fff}.bww-grader-actions{text-align:center;margin-top:20px}.bww-grader-result{display:none;text-align:center;margin-top:26px;background:#fff;border-radius:var(--bww-radius-lg);box-shadow:var(--bww-shadow-lg);padding:34px 24px}.bww-grader-result.show{display:block;animation:bww-rot-in .4s ease}.bww-score-ring{width:150px;height:150px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-family:'Manrope',sans-serif;font-size:2.6rem;font-weight:700;color:var(--bww-navy);background:var(--bww-gray-light)}.bww-grader-tips{text-align:left;max-width:560px;margin:18px auto 0}.bww-grader-tips li{margin-bottom:8px;line-height:1.6}.bww-header-inner{max-width:1360px}@media (max-width:1180px){.bww-logo img{height:74px}}@media (max-width:900px){.bww-hamburger{gap:5px;padding:9px 10px;border-radius:9px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2)}.bww-hamburger span{width:24px;height:2.5px;background:#fff}.bww-hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.bww-hamburger[aria-expanded="true"] span:nth-child(2){opacity:0}.bww-hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}.bww-breadcrumb{margin:0 0 16px;font-family:'Manrope',sans-serif}.bww-breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:0;margin:0;font-size:0.86rem}.bww-breadcrumb li{display:flex;align-items:center;color:var(--bww-gray-text)}.bww-breadcrumb li:not(:last-child)::after{content:'›';margin-left:6px;color:var(--bww-blue-accent);opacity:0.7;font-weight:700}.bww-breadcrumb a{color:var(--bww-blue);font-weight:600;text-decoration:none;transition:color 0.2s}.bww-breadcrumb a:hover{color:var(--bww-blue-mid);text-decoration:underline}.bww-breadcrumb li[aria-current="page"]{color:var(--bww-navy);font-weight:700}.bww-city-hero .bww-breadcrumb li{color:rgba(255,255,255,0.65)}.bww-city-hero .bww-breadcrumb a{color:var(--bww-blue-accent)}.bww-city-hero .bww-breadcrumb a:hover{color:#fff}.bww-city-hero .bww-breadcrumb li[aria-current="page"]{color:#fff}.bww-city-hero .bww-breadcrumb li:not(:last-child)::after{color:rgba(96,165,250,0.8)}#bww-nav .bww-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:4px}#bww-nav .bww-menu>li{position:relative}#bww-nav .bww-menu>li>a{display:block;padding:10px 14px;color:#fff;font-family:'Manrope',sans-serif;font-weight:600;font-size:1rem;letter-spacing:.3px;border-radius:8px;transition:color .18s,background .18s;white-space:nowrap}#bww-nav .bww-menu>li>a:hover,#bww-nav .bww-menu>li:focus-within>a{color:var(--bww-blue-accent);background:rgba(26,86,219,.14)}#bww-nav .bww-caret{font-size:.7rem;opacity:.75;margin-left:2px}#bww-nav .menu-cta>a{background:var(--bww-blue);color:#fff;margin-left:6px}#bww-nav .menu-cta>a:hover{background:var(--bww-blue-mid);color:#fff}#bww-nav .bww-dropdown{position:absolute;top:calc(100%+8px);left:0;min-width:240px;background:rgba(10,22,40,.98);border:1px solid rgba(26,86,219,.3);border-radius:12px;padding:8px 0;box-shadow:0 20px 50px rgba(0,0,0,.5);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,visibility .2s,transform .2s;z-index:9999}#bww-nav .bww-dropdown ul{list-style:none;margin:0;padding:0}#bww-nav .bww-dropdown a{display:block;padding:10px 20px;color:rgba(255,255,255,.82);font-family:'Manrope',sans-serif;font-weight:600;font-size:.95rem;border-left:3px solid transparent;transition:all .16s}#bww-nav .bww-dropdown a:hover{color:var(--bww-blue-accent);background:rgba(26,86,219,.18);border-left-color:var(--bww-blue-accent)}#bww-nav .bww-has-dropdown:hover .bww-dropdown,#bww-nav .bww-has-dropdown:focus-within .bww-dropdown{opacity:1;visibility:visible;transform:translateY(0)}#bww-nav .bww-menu>li.bww-has-mega{position:static}#bww-nav .bww-mega{position:absolute;top:72px;left:50%;transform:translateX(-50%) translateY(-6px);width:min(1080px,94vw);background:rgba(10,22,40,.99);border:1px solid rgba(26,86,219,.3);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.55);backdrop-filter:blur(14px);padding:22px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s,transform .2s;z-index:9999}#bww-nav .bww-has-mega:hover .bww-mega,#bww-nav .bww-has-mega:focus-within .bww-mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}#bww-nav .bww-mega--areas{width:min(1080px,94vw)}#bww-nav .bww-mega-panel{display:flex;flex-direction:column;gap:14px;max-height:78vh;overflow-y:auto}#bww-nav .bww-mega-row{}#bww-nav .bww-mega-row h4{font-family:'Manrope',sans-serif;font-size:.8rem;text-transform:uppercase;letter-spacing:.8px;color:var(--bww-blue-accent);margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid rgba(96,165,250,.2)}#bww-nav .bww-mega-links{display:flex;flex-wrap:wrap;gap:4px 6px}#bww-nav .bww-mega-links a{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;color:rgba(255,255,255,.82);font-family:'Manrope',sans-serif;font-size:.88rem;font-weight:600;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);transition:all .15s;white-space:nowrap}#bww-nav .bww-mega-links a:hover{color:#fff;background:var(--bww-blue);border-color:var(--bww-blue)}#bww-nav .bww-mi-ico{display:inline-block}#bww-nav .bww-mega-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:6px;padding-top:14px;border-top:1px solid rgba(96,165,250,.18);flex-wrap:wrap}#bww-nav .bww-mega-foot span{color:rgba(255,255,255,.7);font-size:.86rem;font-family:'Manrope',sans-serif}.bww-btn--sm{padding:8px 14px !important;font-size:.82rem !important;white-space:nowrap}@media (max-width:900px){.bww-hamburger{display:flex}.bww-nav-close{display:block;position:absolute;top:16px;right:18px;width:40px;height:40px;line-height:36px;text-align:center;font-size:30px;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:10px;cursor:pointer;z-index:10000;padding:0;transition:background .18s}.bww-nav-close:hover{background:rgba(255,255,255,.16)}#bww-nav{position:fixed;top:0;right:0;left:auto;height:100vh;width:min(360px,86vw);background:linear-gradient(160deg,var(--bww-dark),var(--bww-navy));padding:76px 0 40px;overflow-y:auto;transform:translateX(100%);transition:transform .28s ease;box-shadow:-18px 0 50px rgba(0,0,0,.5);z-index:9998}#bww-nav.open{transform:translateX(0)}#bww-nav .bww-menu{flex-direction:column;align-items:stretch;gap:0;padding:0 16px}#bww-nav .bww-menu>li{border-bottom:1px solid rgba(255,255,255,.08)}#bww-nav .bww-menu>li>a{padding:14px 6px;font-size:1.05rem;border-radius:0;display:flex;justify-content:space-between;align-items:center}#bww-nav .menu-cta>a{margin:14px 0;border-radius:8px;justify-content:center}#bww-nav .bww-dropdown,#bww-nav .bww-mega,#bww-nav .bww-has-mega:hover .bww-mega,#bww-nav .bww-has-mega:focus-within .bww-mega,#bww-nav .bww-has-dropdown:hover .bww-dropdown{position:static !important;transform:none !important;width:auto !important;left:auto !important;top:auto !important;opacity:1;visibility:visible;background:rgba(0,0,0,.18);border:none;border-radius:0;box-shadow:none;backdrop-filter:none;padding:0;margin:0 -16px;display:none}#bww-nav li.bww-open>.bww-dropdown,#bww-nav li.bww-open>.bww-mega{display:block !important;padding:6px 0 12px}#bww-nav .bww-mega{max-height:none !important}#bww-nav .bww-mega-panel{max-height:none;overflow:visible;gap:10px}#bww-nav .bww-mega-row{padding:4px 22px}#bww-nav .bww-mega-row h4{margin-top:8px}#bww-nav .bww-mega-links{gap:6px}#bww-nav .bww-caret{transition:transform .2s}#bww-nav li.bww-open>a .bww-caret{transform:rotate(180deg)}#bww-nav .bww-mega-foot{flex-direction:column;align-items:flex-start;margin:6px 22px 0;padding:12px 0}#bww-nav .bww-dropdown ul{padding:0}#bww-nav .bww-dropdown a{padding:10px 22px}.bww-nav-backdrop{position:fixed;inset:0;background:rgba(4,10,20,.55);backdrop-filter:blur(2px);z-index:9997}body.bww-nav-open{overflow:hidden}}@media (min-width:901px){.bww-hamburger{display:none}#bww-nav{transform:none !important}.bww-nav-backdrop{display:none !important}}.entry-content--full{width:100%}.entry-content--full>.bww-section:first-child{padding-top:40px}.bww-container--narrow{max-width:820px}.entry-content--full .bww-section .bww-container{max-width:1200px}.entry-content--full .bww-container{margin-left:auto;margin-right:auto}#bww-nav .bww-mega-foot-links{display:flex;gap:8px;flex-wrap:wrap}@media (max-width:900px){#bww-nav .bww-mega-foot-links{flex-direction:column;width:100%}#bww-nav .bww-mega-foot-links .bww-btn{width:100%;justify-content:center}}.bww-why-panel{background:linear-gradient(150deg,#1a56db 0%,#4f46e5 55%,#7c3aed 100%);border-radius:var(--bww-radius-lg);padding:38px 34px;color:#fff;box-shadow:var(--bww-shadow-lg);position:relative;overflow:hidden}.bww-why-panel::after{content:"";position:absolute;right:-10px;bottom:-30px;font-family:'Manrope',sans-serif;font-size:8rem;font-weight:700;color:rgba(255,255,255,.08);line-height:1;pointer-events:none}.bww-why-panel-eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.75)}.bww-why-panel-title{font-family:'Manrope',sans-serif;font-size:1.9rem;font-weight:700;margin:4px 0 24px;color:#fff;line-height:1.1}.bww-why-stats{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px;position:relative;z-index:1}.bww-why-stat{display:flex;flex-direction:column;gap:4px}.bww-why-stat-num{font-family:'Manrope',sans-serif;font-size:2.4rem;font-weight:700;line-height:1;color:#fff}.bww-why-stat-label{font-size:.9rem;line-height:1.35;color:rgba(255,255,255,.82)}.bww-why-panel-foot{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);font-size:.9rem;font-weight:600;color:rgba(255,255,255,.9);position:relative;z-index:1}@media (max-width:560px){.bww-why-stats{grid-template-columns:1fr 1fr;gap:18px 14px}.bww-why-stat-num{font-size:2rem}.bww-why-panel-title{font-size:1.6rem}}.bww-ihero{position:relative;background:linear-gradient(150deg,var(--bww-dark) 0%,var(--bww-navy) 55%,var(--bww-blue-dark) 100%);color:#fff;padding:90px 0 80px;overflow:hidden}.bww-ihero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 15% 20%,rgba(96,165,250,.18),transparent 40%),radial-gradient(circle at 85% 75%,rgba(16,185,129,.12),transparent 45%);pointer-events:none}.bww-ihero::after{content:"";position:absolute;right:-20px;bottom:-40px;font-family:'Manrope',sans-serif;font-size:12rem;font-weight:700;line-height:1;color:rgba(255,255,255,.04);pointer-events:none}.bww-ihero .bww-container{position:relative;z-index:2}.bww-ihero-eyebrow{display:inline-block;background:rgba(96,165,250,.16);border:1px solid rgba(96,165,250,.35);color:#bfdbfe;font-family:'Space Grotesk',sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:7px 16px;border-radius:22px;margin-bottom:18px}.bww-ihero h1{color:#fff;font-family:'Baloo 2',sans-serif;font-size:clamp(2.1rem,4.5vw,3.3rem);font-weight:700;line-height:1.1;margin-bottom:18px;max-width:900px}.bww-ihero h1 span{color:var(--bww-blue-accent)}.bww-ihero-sub{font-size:1.12rem;line-height:1.7;color:rgba(255,255,255,.85);max-width:720px;margin-bottom:26px}.bww-ihero-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.bww-ihero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.bww-ihero-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#e2e8f0;font-size:.88rem;font-weight:600;padding:8px 15px;border-radius:12px}.bww-ihero-badge .b-ic{color:var(--bww-green);font-weight:800}.bww-ihero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;padding-top:30px;border-top:1px solid rgba(255,255,255,.14);position:relative;z-index:2}.bww-ihero-stat .n{font-family:'Manrope',sans-serif;font-size:2.3rem;font-weight:700;color:#fff;line-height:1}.bww-ihero-stat .l{font-size:.88rem;color:rgba(255,255,255,.72);margin-top:6px}@media (max-width:700px){.bww-ihero-stats{grid-template-columns:1fr 1fr;gap:22px 16px}}.bww-prose{max-width:860px;margin:0 auto}.bww-prose>p{font-size:1.08rem;line-height:1.85;margin-bottom:20px;color:var(--bww-text)}.bww-prose .lead{font-size:1.28rem;line-height:1.65;font-weight:500;color:var(--bww-navy);margin-bottom:26px}.bww-prose h2{font-family:'Manrope',sans-serif;font-size:1.9rem;font-weight:700;color:var(--bww-navy);margin:38px 0 16px}.bww-prose h3{font-family:'Manrope',sans-serif;font-size:1.35rem;font-weight:700;color:var(--bww-navy);margin:28px 0 12px}.bww-splitfeature{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}@media (max-width:860px){.bww-splitfeature{grid-template-columns:1fr;gap:30px}}.bww-vgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}@media (max-width:720px){.bww-vgrid{grid-template-columns:1fr}}.bww-vcard{background:#fff;border:1px solid var(--bww-gray-light);border-radius:var(--bww-radius);padding:26px 24px;box-shadow:var(--bww-shadow);position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.bww-vcard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--bww-blue),var(--bww-green))}.bww-vcard:hover{transform:translateY(-5px);box-shadow:var(--bww-shadow-lg)}.bww-vcard .vic{font-size:1.7rem;width:54px;height:54px;border-radius:13px;background:var(--bww-off-white);display:flex;align-items:center;justify-content:center;margin-bottom:15px}.bww-vcard h3{font-family:'Manrope',sans-serif;font-size:1.28rem;font-weight:700;color:var(--bww-navy);margin-bottom:9px}.bww-vcard p{font-size:.97rem;line-height:1.65;color:var(--bww-gray-text)}.bww-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:step}@media (max-width:820px){.bww-steps{grid-template-columns:1fr 1fr}}@media (max-width:480px){.bww-steps{grid-template-columns:1fr}}.bww-step{position:relative;background:#fff;border:1px solid var(--bww-gray-light);border-radius:var(--bww-radius);padding:30px 22px 24px;box-shadow:var(--bww-shadow)}.bww-step .snum{position:absolute;top:-18px;left:22px;width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--bww-blue),var(--bww-blue-dark));color:#fff;font-family:'Manrope',sans-serif;font-weight:700;font-size:1.3rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--bww-shadow)}.bww-step h3{font-family:'Manrope',sans-serif;font-size:1.2rem;font-weight:700;color:var(--bww-navy);margin:12px 0 8px}.bww-step p{font-size:.93rem;line-height:1.6;color:var(--bww-gray-text)}.bww-pullquote{background:linear-gradient(135deg,var(--bww-blue) 0%,var(--bww-blue-dark) 100%);color:#fff;border-radius:var(--bww-radius-lg);padding:44px 40px;position:relative;overflow:hidden;box-shadow:var(--bww-shadow-lg)}.bww-pullquote::before{content:"\201C";position:absolute;top:-30px;left:20px;font-size:10rem;font-family:Georgia,serif;color:rgba(255,255,255,.12);line-height:1}.bww-pullquote p{font-family:'Manrope',sans-serif;font-size:1.5rem;font-weight:600;line-height:1.4;position:relative;z-index:1;max-width:820px}.bww-pullquote .pq-attr{font-size:.95rem;font-weight:400;opacity:.8;margin-top:14px;font-family:inherit}.bww-resgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media (max-width:760px){.bww-resgrid{grid-template-columns:1fr}}.bww-rescard{display:block;background:#fff;border:1px solid var(--bww-gray-light);border-radius:var(--bww-radius);padding:22px;text-decoration:none;transition:all .2s ease;box-shadow:var(--bww-shadow)}.bww-rescard:hover{transform:translateY(-4px);box-shadow:var(--bww-shadow-lg);border-color:var(--bww-blue-light)}.bww-rescard .rl{font-family:'Manrope',sans-serif;font-weight:700;font-size:1.1rem;color:var(--bww-blue);display:flex;align-items:center;gap:8px}.bww-rescard .rn{font-size:.9rem;color:var(--bww-gray-text);margin-top:6px;line-height:1.5}.bww-checklist{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;max-width:820px;margin:0 auto}@media (max-width:640px){.bww-checklist{grid-template-columns:1fr}}.bww-checkitem{display:flex;gap:12px;align-items:flex-start}.bww-checkitem .ck{flex-shrink:0;width:26px;height:26px;border-radius:8px;background:rgba(16,185,129,.12);color:var(--bww-green);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem}.bww-checkitem .ct{font-size:.98rem;line-height:1.55;color:var(--bww-text)}.bww-checkitem .ct strong{color:var(--bww-navy)}.bww-section-head .bww-section-sub{max-width:680px;margin-left:auto;margin-right:auto}.bww-values-grid{gap:18px;margin-top:26px}.bww-value-item{background:#fff;border:1px solid var(--bww-gray-light);border-left:none;border-radius:var(--bww-radius);padding:20px 20px 20px 22px;box-shadow:var(--bww-shadow);position:relative;overflow:hidden}.bww-value-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--bww-blue),var(--bww-green))}.bww-value-item:hover{transform:translateY(-4px);box-shadow:var(--bww-shadow-lg)}.bww-value-item h4{font-size:1.05rem;color:var(--bww-navy);margin-bottom:5px;font-family:'Manrope',sans-serif;font-weight:700}.bww-value-item p{font-size:.9rem;color:var(--bww-gray-text);margin-bottom:0;line-height:1.5}.bww-split{gap:54px;margin-top:40px}.bww-split-img img,.bww-split-img{border-radius:var(--bww-radius-lg);overflow:hidden;box-shadow:var(--bww-shadow-lg)}.bww-service-card{border:1px solid var(--bww-gray-light);border-radius:var(--bww-radius);box-shadow:var(--bww-shadow);position:relative;overflow:hidden}.bww-service-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--bww-blue),var(--bww-green));opacity:0;transition:opacity .25s ease}.bww-service-card:hover{transform:translateY(-5px);box-shadow:var(--bww-shadow-lg)}.bww-service-card:hover::before{opacity:1}.bww-service-icon{width:54px;height:54px;border-radius:13px;background:var(--bww-off-white);display:flex;align-items:center;justify-content:center;font-size:1.7rem;margin-bottom:14px}.bww-service-price{color:var(--bww-blue);font-weight:800;font-family:'Manrope',sans-serif} /* Google Reviews */ .bww-gr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px} .bww-gr-card{background:#fff;border:1px solid var(--bww-gray-light);border-radius:14px;padding:28px;box-shadow:0 2px 16px rgba(10,22,40,.07);display:flex;flex-direction:column;gap:14px} .bww-gr-top{display:flex;align-items:center;gap:13px} .bww-gr-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0} .bww-gr-initials{background:linear-gradient(135deg,var(--bww-navy),var(--bww-blue-light));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.05rem;font-family:'Baloo 2',sans-serif} .bww-gr-meta{flex:1;min-width:0} .bww-gr-name{font-weight:700;color:var(--bww-navy);font-size:1rem;font-family:'Baloo 2',sans-serif} .bww-gr-when{color:var(--bww-gray-text);font-size:.82rem;margin-top:1px} .bww-gr-glogo{flex-shrink:0} .bww-gr-stars{color:#f59e0b;font-size:1.15rem;letter-spacing:2px} .bww-gr-text{color:var(--bww-text);line-height:1.7;margin:0;font-size:.96rem} .bww-gr-actions{text-align:center;margin-top:38px} .bww-gr-seeall{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--bww-navy);border:2px solid var(--bww-gray-light);padding:13px 26px;border-radius:10px;font-weight:700;font-size:.98rem;text-decoration:none;transition:border-color .2s,transform .2s} .bww-gr-seeall:hover{border-color:var(--bww-blue-light);transform:translateY(-2px)} .bww-gr-summary{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:8px} .bww-gr-summary-stars{color:#f59e0b;font-size:1.35rem;letter-spacing:2px} .bww-gr-summary-score{font-weight:800;font-size:1.2rem;color:var(--bww-navy);font-family:'Baloo 2',sans-serif} /* Latest posts (bww_blog shortcode) */ .bww-blog-latest{border-top:2px solid var(--bww-gray-light);margin-top:56px;padding-top:48px} .bww-blog-latest-head{text-align:center;margin-bottom:36px} .bww-blog-latest-head h2{color:var(--bww-navy);font-size:1.7rem;margin:6px 0 10px} .bww-blog-latest-head p{color:var(--bww-gray-text);font-size:.95rem;margin:0} .bww-blog-latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .bww-blog-latest-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--bww-gray-light);border-radius:var(--bww-radius);border-top:4px solid var(--bww-blue-light);padding:26px 24px;text-decoration:none;box-shadow:var(--bww-shadow);transition:transform .2s ease,box-shadow .2s ease} .bww-blog-latest-card:hover{transform:translateY(-4px);box-shadow:var(--bww-shadow-lg)} .bww-blc-cat{display:inline-block;align-self:flex-start;background:var(--bww-gray-light);color:var(--bww-blue);font-size:.72rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:4px 12px;border-radius:20px;margin-bottom:14px} .bww-blc-title{color:var(--bww-navy);font-size:1.05rem;font-weight:700;line-height:1.4;margin:0 0 16px;font-family:'Baloo 2',sans-serif} .bww-blc-more{color:var(--bww-blue);font-size:.9rem;font-weight:700;margin-top:auto} .bww-blog-latest-foot{text-align:center;margin-top:32px} .bww-blog-latest-grid .bww-blog-latest-card:nth-child(1){border-top-color:var(--bww-coral)} .bww-blog-latest-grid .bww-blog-latest-card:nth-child(2){border-top-color:var(--bww-teal)} .bww-blog-latest-grid .bww-blog-latest-card:nth-child(3){border-top-color:var(--bww-violet)} @media (max-width:768px){.bww-blog-latest-grid{grid-template-columns:1fr}} /* Per-city hero color identity (6 palettes) + graphic motif */ .bww-city-hero{position:relative;overflow:hidden} .bww-city-hero-motif{position:absolute;right:-2rem;top:50%;transform:translateY(-50%);font-family:'Baloo 2',sans-serif;font-weight:700;font-size:16rem;line-height:1;letter-spacing:-.04em;color:rgba(255,255,255,.05);pointer-events:none;z-index:0;user-select:none} .bww-city-hero .bww-container{position:relative;z-index:2} .bww-city-pal-1{background:linear-gradient(150deg,#0b1f3a 0%,#0f2038 45%,#013194 100%)} .bww-city-pal-2{background:linear-gradient(150deg,#0b1f3a 0%,#12303a 48%,#0f766e 100%)} .bww-city-pal-3{background:linear-gradient(150deg,#0b1f3a 0%,#241a45 48%,#4c3aa8 100%)} .bww-city-pal-4{background:linear-gradient(150deg,#0b1f3a 0%,#33240b 50%,#b57d12 100%)} .bww-city-pal-5{background:linear-gradient(150deg,#0b1f3a 0%,#0f2b1f 48%,#2a8f5a 100%)} .bww-city-pal-6{background:linear-gradient(150deg,#0b1f3a 0%,#3a1226 48%,#b53a6f 100%)} .bww-city-pal-2 .bww-ihero-eyebrow,.bww-city-pal-2 h1 span,.bww-city-pal-2 .bww-ihero-stat .n{color:#5ee0d2} .bww-city-pal-3 .bww-ihero-eyebrow,.bww-city-pal-3 h1 span,.bww-city-pal-3 .bww-ihero-stat .n{color:#b3a4ff} .bww-city-pal-4 .bww-ihero-eyebrow,.bww-city-pal-4 h1 span,.bww-city-pal-4 .bww-ihero-stat .n{color:#f7cd6b} .bww-city-pal-5 .bww-ihero-eyebrow,.bww-city-pal-5 h1 span,.bww-city-pal-5 .bww-ihero-stat .n{color:#6fe0a0} .bww-city-pal-6 .bww-ihero-eyebrow,.bww-city-pal-6 h1 span,.bww-city-pal-6 .bww-ihero-stat .n{color:#ff9ec4} /* Live city map */ .bww-city-intro.has-map{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:start;max-width:1120px;margin:0 auto} .bww-city-intro .bww-prose{max-width:none;margin:0} .bww-city-map-aside{position:sticky;top:96px} .bww-city-map-card{background:#fff;border:1px solid var(--bww-gray-light);border-radius:var(--bww-radius-lg);box-shadow:var(--bww-shadow);padding:24px} .bww-city-map-card .bww-tag{margin-bottom:10px} .bww-city-map-title{font-family:'Baloo 2',sans-serif;font-size:1.35rem;font-weight:700;color:var(--bww-navy);margin:0 0 16px;line-height:1.2} .bww-city-map-title span{color:var(--bww-blue)} .bww-city-map-wrap{border-radius:var(--bww-radius);overflow:hidden;border:1px solid var(--bww-gray-light)} .bww-city-map{display:block;width:100%;height:340px;border:0} @media (max-width:900px){.bww-city-intro.has-map{grid-template-columns:1fr;gap:32px}.bww-city-map-aside{position:static;max-width:560px}.bww-city-map{height:300px}} @media (max-width:600px){.bww-city-hero-motif{font-size:9rem}} /* Industry hero icon motif */ .bww-ind-motif{font-size:13rem;opacity:.08;right:1rem;filter:grayscale(.2)} @media (max-width:600px){.bww-ind-motif{font-size:7rem}} /* Industry lead-in: prose + snapshot sidebar */ .bww-ind-intro{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start;max-width:1120px;margin:0 auto} .bww-ind-intro .bww-prose{max-width:none;margin:0} .bww-ind-aside{position:sticky;top:96px} .bww-ind-snapshot{position:relative;overflow:hidden;border-radius:var(--bww-radius-lg);padding:30px 28px;color:#fff;box-shadow:var(--bww-shadow-lg)} .bww-ind-snapshot-icon{position:absolute;right:-10px;bottom:-18px;font-size:7rem;opacity:.14;line-height:1;pointer-events:none} .bww-ind-snapshot-eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.75)} .bww-ind-snapshot-title{font-family:'Baloo 2',sans-serif;font-size:1.35rem;font-weight:700;color:#fff;margin:6px 0 18px;line-height:1.25;position:relative;z-index:1} .bww-ind-snapshot-list{list-style:none;margin:0 0 22px;padding:0;position:relative;z-index:1} .bww-ind-snapshot-list li{position:relative;padding:9px 0 9px 28px;font-size:.98rem;color:rgba(255,255,255,.92);border-bottom:1px solid rgba(255,255,255,.14)} .bww-ind-snapshot-list li:last-child{border-bottom:none} .bww-ind-snapshot-list li::before{content:"✓";position:absolute;left:0;top:9px;font-weight:800;color:#fff} .bww-ind-snapshot-btn{width:100%;justify-content:center;position:relative;z-index:1} @media (max-width:900px){.bww-ind-intro{grid-template-columns:1fr;gap:32px}.bww-ind-aside{position:static;max-width:520px}} /* ═══════════════════════════════════════════════════════════════ DRAFTING TABLE RESKIN (v4.0.0) Reskins the existing structure into the hand-crafted blueprint look. Keeps every class working; only the visual layer changes. ═══════════════════════════════════════════════════════════════ */ /* ---- Palette: warm paper, keep the navy/sky brand ---- */ :root{ --bww-paper:#f4f1ea; --bww-paper2:#fbf9f4; --bww-line:#e4ddcd; --bww-ink:#16233d; --bww-off-white:#efeadf; --bww-amber:#e8a013; --bww-gold:#e8a013; } /* ---- Type ---- */ body,p,li,a,input,textarea,select,button,.bww-section-sub,.bww-service-card p,.bww-hero-subtitle,.bww-ihero-sub,.bww-prose>p,.bww-vcard p,.bww-testi-card>p{font-family:'Inter','Segoe UI',sans-serif} h1,h2,h3,h4,h5,h6,.bww-hero-title,.bww-section-title,.bww-ihero h1,.bww-portfolio-name,.bww-price-num,.bww-stat-num,.bww-hero-stat .bww-stat-num,.bww-stat-item .bww-stat-num,.bww-why-stat-num,.bww-ihero-stat .n,.bww-pullquote p,.bww-team-name,.bww-vcard h3,.bww-step h3,.bww-why-panel-title{font-family:'Familjen Grotesk','Segoe UI',sans-serif !important;letter-spacing:-.01em} .bww-tag,.bww-ihero-eyebrow,.bww-hero-badge,.bww-why-panel-eyebrow,.bww-breadcrumb,.bww-portfolio-badge,.bww-service-price,.bww-team-role,.bww-person-role,.bww-founder-role,.bww-mockup-bar,.bww-preview-toggle{font-family:'Space Mono',monospace !important} .bww-btn{font-family:'Inter',sans-serif !important;font-weight:600} /* ---- Paper background + faint blueprint grid ---- */ body{background:var(--bww-paper);color:var(--bww-ink)} body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none; background-image:linear-gradient(rgba(1,49,148,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(1,49,148,.045) 1px,transparent 1px); background-size:48px 48px} .bww-section--muted{background:var(--bww-off-white)} .bww-section{background:transparent} /* ---- Header: light paper, bigger logo, dark nav ---- */ #bww-header{background:rgba(244,241,234,.94);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1.5px solid var(--bww-line);height:82px} #bww-header.scrolled{height:68px;box-shadow:0 6px 24px rgba(1,49,148,.09)} .bww-logo img,.bww-logo .custom-logo{height:60px !important;width:auto !important} #bww-header.scrolled .bww-logo img,#bww-header.scrolled .bww-logo .custom-logo{height:50px !important} @media (max-width:1180px){.bww-logo img,.bww-logo .custom-logo{height:52px !important}} @media (max-width:600px){.bww-logo img,.bww-logo .custom-logo{height:44px !important}} .bww-hamburger span{background:var(--bww-navy)} /* desktop nav on light header */ @media (min-width:901px){ #bww-nav .bww-menu>li>a{color:var(--bww-ink)} #bww-nav .bww-menu>li>a:hover,#bww-nav .bww-menu>li:focus-within>a{color:var(--bww-blue);background:rgba(1,49,148,.06)} #bww-nav .bww-caret{color:var(--bww-ink);opacity:.6} #bww-nav .bww-dropdown,#bww-nav .bww-mega{background:var(--bww-paper2);border:1.5px solid var(--bww-line);box-shadow:8px 12px 0 rgba(1,49,148,.10);backdrop-filter:none} #bww-nav .bww-dropdown a{color:var(--bww-ink);border-left-color:transparent} #bww-nav .bww-dropdown a:hover{color:var(--bww-blue);background:rgba(1,49,148,.06);border-left-color:var(--bww-blue)} #bww-nav .bww-mega-links a{color:var(--bww-ink);background:var(--bww-paper);border:1px solid var(--bww-line)} #bww-nav .bww-mega-links a:hover{color:#fff;background:var(--bww-blue);border-color:var(--bww-blue)} #bww-nav .bww-mega-row h4{color:var(--bww-blue);border-bottom-color:var(--bww-line)} #bww-nav .bww-mega-foot{border-top-color:var(--bww-line)} #bww-nav .bww-mega-foot span{color:var(--bww-gray-text)} } #bww-nav .menu-cta>a{background:var(--bww-blue) !important;color:#fff !important} #bww-nav .menu-cta>a:hover{background:var(--bww-blue-mid) !important} /* ---- Homepage hero: reveal blueprint grid on paper ---- */ .bww-hero{background:var(--bww-paper);padding-top:82px} .bww-hero::before{background:radial-gradient(ellipse at 80% 18%,rgba(30,173,246,.10) 0%,transparent 44%),radial-gradient(ellipse at 12% 86%,rgba(232,160,19,.10) 0%,transparent 42%)} .bww-hero-grid{opacity:1;background-image:linear-gradient(rgba(1,49,148,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(1,49,148,.06) 1px,transparent 1px);background-size:46px 46px} .bww-hero-badge{background:var(--bww-paper2);border:1.5px solid var(--bww-line);color:var(--bww-blue)} /* ---- Section tag pills: crafted mono chips ---- */ .bww-tag{background:var(--bww-paper2);border:1.5px solid var(--bww-line);color:var(--bww-blue);font-weight:700;letter-spacing:.06em} /* ---- Buttons: crafted ---- */ .bww-btn{border-radius:12px} .bww-btn--primary{background:var(--bww-blue);box-shadow:4px 5px 0 rgba(1,49,148,.22)} .bww-btn--primary:hover{background:var(--bww-blue-mid);transform:translateY(-2px);box-shadow:6px 8px 0 rgba(1,49,148,.28)} .bww-btn--outline-blue{border:1.5px solid var(--bww-blue)} /* ---- Cards: printout offset shadow + subtle lift ---- */ .bww-service-card,.bww-vcard,.bww-rescard,.bww-industry-card,.bww-testi-card,.bww-team-card,.bww-pricing-card,.bww-step,.bww-value-item,.bww-gr-card,.bww-faq-item,.bww-process-step{ background:var(--bww-paper2) !important;border:1.5px solid var(--bww-line) !important;box-shadow:6px 8px 0 rgba(1,49,148,.08) !important} .bww-service-card:hover,.bww-vcard:hover,.bww-rescard:hover,.bww-team-card:hover,.bww-value-item:hover{transform:translateY(-4px) !important;box-shadow:10px 14px 0 rgba(1,49,148,.14) !important} .bww-service-icon,.bww-vcard .vic{background:rgba(1,49,148,.06) !important;border-radius:12px} /* keep dark sections (page hero, contact, footer, cta) on-brand navy but modernize accents */ .bww-page-hero,.bww-ihero{background:linear-gradient(150deg,#0b1f3a 0%,#0f2038 55%,#001f6b 100%)} .bww-cta-banner{background:linear-gradient(120deg,#001f6b 0%,#013194 55%,#1eadf6 130%)} /* footer logo knockout to white on dark footer */ .bww-footer-brand img{filter:brightness(0) invert(1);opacity:.92} /* hand-drawn accent available for headings that use emphasis on hero */ .bww-hero-title span,.bww-ihero h1 span{color:var(--bww-blue)} /* breadcrumb chip legibility on paper */ .bww-breadcrumb{font-size:.8rem} /* Caveat accent utility (used sparingly if markup supports it) */ .bww-hand{font-family:'Caveat',cursive !important;font-weight:700} /* ═══════════════════════════════════════════════════════════════ CONCEPT 1 HOMEPAGE COMPONENTS (dt- namespaced, collision-free) ═══════════════════════════════════════════════════════════════ */ /* Hand-drawn amber circle around a hero word */ .dt-mark{position:relative;white-space:nowrap;color:var(--bww-blue)} .dt-mark svg{position:absolute;left:-8%;top:-16%;width:116%;height:152%;overflow:visible;pointer-events:none} .dt-circle{fill:none;stroke:var(--bww-amber);stroke-width:4;stroke-linecap:round;stroke-dasharray:760;stroke-dashoffset:760;animation:dt-draw 1.1s ease .35s forwards} @keyframes dt-draw{to{stroke-dashoffset:0}} @media (prefers-reduced-motion:reduce){.dt-circle{animation:none;stroke-dashoffset:0}} /* Blueprint "DRAFT" sheet + self-assembling wireframe (hero visual) */ .dt-sheet{position:relative;background:var(--bww-paper2);border:1.5px solid var(--bww-blue);border-radius:14px;padding:24px;box-shadow:8px 10px 0 rgba(1,49,148,.1);max-width:460px;margin:0 auto;width:100%} .dt-sheet::before{content:"DRAFT · byteswebworks.com";position:absolute;top:-11px;left:18px;background:var(--bww-paper);padding:0 8px;font-family:'Space Mono',monospace;font-size:.68rem;color:var(--bww-blue)} .dt-wf{display:grid;gap:12px} .dt-bar{height:16px;border-radius:4px;background:var(--bww-blue-light);opacity:0;transform:translateY(6px);animation:dt-rise .5s ease .25s forwards} .dt-row{display:grid;grid-template-columns:1fr 1fr;gap:12px} .dt-block{height:78px;border-radius:8px;border:1.5px dashed var(--bww-blue);opacity:0;transform:translateY(6px);animation:dt-rise .5s ease forwards} .dt-block.dt-fill{background:rgba(1,49,148,.08)} .dt-row:nth-of-type(2) .dt-block:nth-child(1){animation-delay:.4s} .dt-row:nth-of-type(2) .dt-block:nth-child(2){animation-delay:.52s} .dt-row:nth-of-type(3) .dt-block:nth-child(1){animation-delay:.64s} .dt-row:nth-of-type(3) .dt-block:nth-child(2){animation-delay:.76s} .dt-btnw{height:32px;width:130px;border-radius:8px;background:var(--bww-blue);opacity:0;transform:translateY(6px);animation:dt-rise .5s ease .9s forwards} @keyframes dt-rise{to{opacity:1;transform:translateY(0)}} @media (prefers-reduced-motion:reduce){.dt-bar,.dt-block,.dt-btnw{opacity:1;transform:none;animation:none}} .dt-ruler{position:absolute;right:-10px;bottom:24px;font-family:'Caveat',cursive;font-size:1.4rem;color:var(--bww-amber);transform:rotate(90deg)} /* Auto-scroll "printout" portfolio cards */ .dt-builds{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:44px} @media (max-width:820px){.dt-builds{grid-template-columns:1fr}} .dt-build{background:#fff;border:1.5px solid var(--bww-blue);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit; box-shadow:6px 8px 0 rgba(1,49,148,.10);transition:transform .18s,box-shadow .18s;display:block} .dt-build:nth-child(odd){transform:rotate(-.5deg)}.dt-build:nth-child(even){transform:rotate(.5deg)} .dt-build:hover{transform:rotate(0) translateY(-4px);box-shadow:10px 14px 0 rgba(1,49,148,.16)} .dt-chrome{display:flex;align-items:center;gap:6px;padding:9px 12px;background:var(--bww-paper2);border-bottom:1.5px solid var(--bww-line)} .dt-chrome i{width:9px;height:9px;border-radius:50%;background:var(--bww-line)} .dt-chrome i:nth-child(1){background:#ff6b5c}.dt-chrome i:nth-child(2){background:var(--bww-amber)}.dt-chrome i:nth-child(3){background:var(--bww-green)} .dt-url{margin-left:8px;font-family:'Space Mono',monospace;font-size:.72rem;color:var(--bww-blue);opacity:.85} .dt-win{position:relative;width:100%;height:340px;overflow:hidden;background:var(--bww-paper2)} .dt-shot{position:absolute;top:0;left:0;width:100%;height:auto;display:block;animation:dt-scroll 15s ease-in-out 0.5s infinite alternate} .dt-build:hover .dt-shot{animation-play-state:paused} @keyframes dt-scroll{0%,7%{transform:translateY(0)}93%,100%{transform:translateY(calc(-100% + 340px))}} @media (prefers-reduced-motion:reduce){.dt-shot{animation:none}} .dt-win::after{content:"";position:absolute;left:0;right:0;bottom:0;height:44px;pointer-events:none;background:linear-gradient(transparent,rgba(255,255,255,.85))} .dt-hint{position:absolute;right:10px;bottom:10px;z-index:3;font-family:'Space Mono',monospace;font-size:.62rem;color:var(--bww-blue); background:rgba(255,255,255,.85);border:1px solid var(--bww-line);border-radius:20px;padding:3px 9px} .dt-binfo{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px} .dt-binfo h3{font-family:'Familjen Grotesk',sans-serif;font-size:1.12rem;margin:0 0 3px;color:var(--bww-navy)} .dt-binfo p{font-family:'Space Mono',monospace;font-size:.72rem;color:var(--bww-gray-text);margin:0} .dt-tag{font-family:'Space Mono',monospace;font-size:.66rem;border:1px solid var(--bww-blue);color:var(--bww-blue);border-radius:20px;padding:3px 9px;white-space:nowrap;flex-shrink:0} @media (max-width:760px){.dt-win{height:280px}.dt-shot{animation-duration:13s}@keyframes dt-scroll{0%,7%{transform:translateY(0)}93%,100%{transform:translateY(calc(-100% + 280px))}}} /* Portfolio page: wider auto-scroll grid + "and many more" */ .dt-builds--portfolio{grid-template-columns:repeat(3,1fr)} @media (max-width:1040px){.dt-builds--portfolio{grid-template-columns:repeat(2,1fr)}} @media (max-width:680px){.dt-builds--portfolio{grid-template-columns:1fr}} .dt-more{text-align:center;margin-top:34px;font-family:'Caveat',cursive;font-size:1.9rem;color:var(--bww-blue);transform:rotate(-2deg)} /* Rotating logo mark in hero */ .dt-spin{position:absolute;top:-40px;left:-40px;width:128px;height:128px;z-index:4; filter:drop-shadow(0 8px 18px rgba(1,49,148,.28));animation:dt-spin 9s linear infinite;transform-origin:50% 50%} @keyframes dt-spin{to{transform:rotate(360deg)}} @media (max-width:600px){.dt-spin{width:92px;height:92px;top:-26px;left:-22px}} @media (prefers-reduced-motion:reduce){.dt-spin{animation:none}} /* ═══════════════════════════════════════════════════════════════ STUDIO EDITORIAL RE-THEME (v5.0.0) Clean creative-agency look: bold Bricolage type, off-white canvas, near-black ink + blue accent, grayscale->color imagery, calm motion. Appended last so it governs the visual layer. Content unchanged. ═══════════════════════════════════════════════════════════════ */ :root{ --bww-ink:#15161b; --bww-bg:#f4f3ee; --bww-bg2:#ffffff; --bww-line:#e4e0d6; --bww-blue:#013194; --bww-sky:#1eadf6; --bww-muted:#6d6c65; } body{font-family:'Inter','Segoe UI',sans-serif;background:var(--bww-bg);color:var(--bww-ink)} body::before{display:none !important} h1,h2,h3,h4,h5,h6,.bww-hero-title,.bww-section-title,.bww-ihero h1,.bww-portfolio-name,.bww-why-panel-title,.bww-vcard h3,.bww-team-name,.bww-step h3,.bww-price-num,.bww-stat-num,.bww-hero-stat .bww-stat-num,.bww-why-stat-num,.bww-ihero-stat .n{font-family:'Bricolage Grotesque','Segoe UI',sans-serif !important;font-weight:800;letter-spacing:-.02em;line-height:1.04} .bww-tag,.bww-ihero-eyebrow,.bww-hero-badge,.bww-why-panel-eyebrow,.dt-url,.dt-tag,.dt-binfo p,.bww-breadcrumb,.bww-service-price,.bww-team-role,.bww-person-role{font-family:'Space Mono',monospace !important;text-transform:uppercase;letter-spacing:.08em} /* ---- header: minimal, animated underline nav ---- */ #bww-header{background:rgba(244,243,238,.82);backdrop-filter:saturate(1.1) blur(12px);border-bottom:1px solid var(--bww-line);height:78px} #bww-header.scrolled{height:64px;box-shadow:none;border-bottom:1px solid var(--bww-line)} .bww-logo img,.bww-logo .custom-logo{height:44px !important} #bww-header.scrolled .bww-logo img{height:40px !important} .bww-hamburger span{background:var(--bww-ink)} @media (min-width:901px){ #bww-nav .bww-menu>li>a{color:var(--bww-ink);font-family:'Inter',sans-serif;font-weight:500;font-size:.97rem;background:none !important;position:relative} #bww-nav .bww-menu>li>a::after{content:"";position:absolute;left:14px;right:14px;bottom:9px;height:1.5px;background:var(--bww-ink);transform:scaleX(0);transform-origin:left;transition:transform .32s cubic-bezier(.6,0,.2,1)} #bww-nav .bww-menu>li:hover>a::after,#bww-nav .bww-menu>li:focus-within>a::after{transform:scaleX(1)} #bww-nav .bww-menu>li>a:hover{color:var(--bww-ink)} #bww-nav .bww-caret{opacity:.5} #bww-nav .bww-dropdown,#bww-nav .bww-mega{background:var(--bww-bg2);border:1px solid var(--bww-line);box-shadow:0 30px 60px rgba(0,0,0,.10);border-radius:16px} #bww-nav .bww-dropdown a{color:var(--bww-ink)} #bww-nav .bww-dropdown a:hover{background:var(--bww-bg);color:var(--bww-blue)} #bww-nav .bww-mega-links a{color:var(--bww-ink);background:var(--bww-bg);border:1px solid var(--bww-line)} #bww-nav .bww-mega-links a:hover{background:var(--bww-ink);color:#fff;border-color:var(--bww-ink)} #bww-nav .bww-mega-row h4{color:var(--bww-muted)} } #bww-nav .menu-cta>a{background:var(--bww-ink) !important;color:#fff !important;border-radius:100px;font-family:'Inter',sans-serif;font-weight:600} #bww-nav .menu-cta>a:hover{background:var(--bww-blue) !important} /* ---- buttons ---- */ .bww-btn{border-radius:100px;font-family:'Inter',sans-serif !important;font-weight:600;letter-spacing:0} .bww-btn--primary{background:var(--bww-ink);box-shadow:none} .bww-btn--primary:hover{background:var(--bww-blue);transform:translateY(-2px)} .bww-btn--outline-blue{border:1.5px solid var(--bww-ink);color:var(--bww-ink);background:none} .bww-btn--outline-blue:hover{background:var(--bww-ink);color:#fff} .bww-btn--white{background:#fff;color:var(--bww-ink)} /* ---- hero: editorial, type-led, single column ---- */ .bww-hero{background:var(--bww-bg);padding-top:132px;padding-bottom:64px;min-height:auto} .bww-hero-grid{display:none} .bww-hero-inner{grid-template-columns:1fr;max-width:1120px;gap:0} .bww-hero-visual{display:none} .bww-hero-badge{background:none;border:none;padding:0 0 6px;color:var(--bww-muted);font-size:.78rem} .bww-hero-title{font-size:clamp(2.9rem,8vw,6.8rem);margin:.12em 0 .34em;max-width:16ch} .bww-hero-subtitle{font-size:clamp(1.05rem,1.6vw,1.3rem);max-width:58ch;color:var(--bww-muted)} .dt-mark{color:var(--bww-blue)} .dt-circle{stroke:var(--bww-sky)} .dt-spin{display:none} .bww-hero-stats{margin-top:44px;border-top:1px solid var(--bww-line);padding-top:26px;gap:54px} .bww-hero-stat p{color:var(--bww-muted)} /* ---- marquee strip ---- */ .bww-marquee{overflow:hidden;border-top:1px solid var(--bww-line);border-bottom:1px solid var(--bww-line);background:var(--bww-bg);padding:18px 0} .bww-marquee-track{display:flex;gap:44px;width:max-content;animation:bww-marq 26s linear infinite;white-space:nowrap} .bww-marquee:hover .bww-marquee-track{animation-play-state:paused} .bww-marquee span{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.35rem;color:var(--bww-ink);display:inline-flex;align-items:center;gap:44px} .bww-marquee span::after{content:"✦";color:var(--bww-sky);font-size:.9rem} @keyframes bww-marq{to{transform:translateX(-50%)}} @media (prefers-reduced-motion:reduce){.bww-marquee-track{animation:none}} /* ---- section rhythm ---- */ .bww-section{padding:104px 0} .bww-section-title{font-size:clamp(2.1rem,4.6vw,3.8rem)} .bww-section-sub{color:var(--bww-muted);font-size:1.08rem} .bww-tag{background:none !important;border:none !important;padding:0 !important;color:var(--bww-muted) !important;font-size:.76rem} .bww-section--muted{background:var(--bww-bg2)} /* ---- cards: clean, minimal, lift on hover ---- */ .bww-service-card,.bww-vcard,.bww-rescard,.bww-industry-card,.bww-testi-card,.bww-team-card,.bww-value-item,.bww-step,.bww-faq-item,.bww-gr-card,.bww-process-step,.bww-pricing-card{ background:var(--bww-bg2) !important;border:1px solid var(--bww-line) !important;border-radius:18px !important;box-shadow:none !important;transition:transform .3s ease,border-color .3s ease} .bww-service-card:hover,.bww-vcard:hover,.bww-rescard:hover,.bww-value-item:hover,.bww-team-card:hover,.bww-industry-card:hover{transform:translateY(-6px) !important;border-color:var(--bww-ink) !important} .bww-service-icon,.bww-vcard .vic{background:var(--bww-bg) !important;border-radius:14px} /* ---- images: grayscale -> color ---- */ .bww-card-shot,.bww-split-img img,.bww-person-photo img,.bww-team-photo img,.bww-testi-logo img{filter:grayscale(1);transition:filter .5s ease} .bww-card-shot:hover,.bww-split-img img:hover,.bww-person-photo img:hover,.bww-team-photo img:hover{filter:grayscale(0)} /* ---- portfolio printout cards: cleaner, grayscale hover ---- */ .dt-builds{gap:26px} .dt-build{border:1px solid var(--bww-line);border-radius:16px;box-shadow:none;transform:none !important;background:var(--bww-bg2)} .dt-build:hover{transform:translateY(-6px) !important;border-color:var(--bww-ink);box-shadow:0 30px 60px rgba(0,0,0,.10)} .dt-chrome{background:var(--bww-bg);border-bottom:1px solid var(--bww-line)} .dt-url{color:var(--bww-muted)} .dt-shot{filter:grayscale(1);transition:filter .6s ease} .dt-build:hover .dt-shot{filter:grayscale(0)} .dt-hint{background:var(--bww-bg2);border-color:var(--bww-line);color:var(--bww-ink)} .dt-binfo h3{font-family:'Bricolage Grotesque',sans-serif} .dt-tag{border:1px solid var(--bww-ink);color:var(--bww-ink)} .dt-more{font-family:'Bricolage Grotesque',sans-serif !important;transform:none;color:var(--bww-ink);font-size:1.5rem} /* ---- dark sections -> near-black editorial ---- */ .bww-page-hero,.bww-ihero{background:linear-gradient(160deg,#15161b,#1d1e26)} .bww-cta-banner{background:#15161b} .bww-stats-banner{background:var(--bww-ink)} #bww-footer,.bww-site-footer,.bww-footer{background:#101116} .bww-footer-brand img{filter:brightness(0) invert(1);opacity:.9} /* reveal motion for fade elements (in addition to theme default) */ .bww-fade{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)} .bww-fade.visible{opacity:1;transform:none} @media (prefers-reduced-motion:reduce){.bww-fade{opacity:1 !important;transform:none !important}} /* CTA pill: match base specificity so the dark pill always wins */ #bww-nav .bww-menu>li.menu-cta>a{background:var(--bww-ink) !important;color:#fff !important;border-radius:100px !important;padding:11px 24px !important} #bww-nav .bww-menu>li.menu-cta>a:hover{background:var(--bww-blue) !important;color:#fff !important} /* keep section-title accent consistent (blue), drop old rainbow accents */ .bww-section-title span,.bww-hero-title span{color:var(--bww-blue) !important} .bww-section:nth-of-type(6n+1) .bww-section-title span,.bww-section:nth-of-type(6n+2) .bww-section-title span,.bww-section:nth-of-type(6n+3) .bww-section-title span,.bww-section:nth-of-type(6n+4) .bww-section-title span,.bww-section:nth-of-type(6n+5) .bww-section-title span,.bww-section:nth-of-type(6n+6) .bww-section-title span{color:var(--bww-blue) !important} /* ═══════════════════════════════════════════════════════════════ HOMEPAGE MOTION CONCEPT (v6): scoped to body.home only. Dark, cinematic; keeps all homepage content + SEO, restyles it. ═══════════════════════════════════════════════════════════════ */ body.home{--hbg:#08080a;--hink:#f4f2ea;--hmut:#84837c;--hline:#20202a;--hacc:#37b6ff; background:var(--hbg);color:var(--hink)} body.home h1,body.home h2,body.home h3,body.home .bww-section-title,body.home .bww-hero-title{color:var(--hink)} body.home .bww-section-title span,body.home .bww-hero-title em{color:var(--hacc) !important} body.home .bww-section-sub,body.home .bww-section p{color:var(--hmut)} body.home .bww-tag{color:var(--hmut) !important} body.home .bww-section{background:transparent} body.home .bww-section--muted{background:#0c0c10} body.home .bww-section--dark{background:#0c0c10} /* grain + cursor (desktop) */ .hh-grain{position:fixed;inset:0;pointer-events:none;z-index:9990;opacity:.05; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")} .hh-cur,.hh-curr{position:fixed;top:0;left:0;border-radius:50%;pointer-events:none;z-index:9999;translate:-50% -50%} .hh-cur{width:7px;height:7px;background:var(--hacc)} .hh-curr{width:40px;height:40px;border:1px solid rgba(255,255,255,.5);transition:width .25s,height .25s,border-color .25s,background .25s} .hh-curr.big{width:92px;height:92px;background:rgba(55,182,255,.14);border-color:transparent} .hh-prev{position:fixed;top:0;left:0;width:330px;height:240px;border-radius:12px;overflow:hidden;pointer-events:none;z-index:150; opacity:0;transform:translate(-50%,-50%) scale(.85) rotate(-4deg);transition:opacity .3s,transform .3s;box-shadow:0 30px 70px rgba(0,0,0,.6);border:1px solid var(--hline)} .hh-prev.on{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-4deg)} .hh-prev img{width:100%;display:block} @media (pointer:coarse){.hh-cur,.hh-curr,.hh-prev{display:none}} /* header on home: transparent -> solid dark on scroll */ body.home #bww-header{background:transparent;border-bottom:1px solid transparent} body.home #bww-header.scrolled{background:rgba(8,8,10,.72);backdrop-filter:blur(16px);border-bottom:1px solid var(--hline)} body.home .bww-hamburger span{background:var(--hink)} @media (min-width:901px){ body.home #bww-nav .bww-menu>li>a{color:#c9c8c2} body.home #bww-nav .bww-menu>li>a::after{background:var(--hink)} body.home #bww-nav .bww-menu>li>a:hover{color:var(--hink)} body.home #bww-nav .bww-dropdown,body.home #bww-nav .bww-mega{background:#101014;border:1px solid var(--hline);box-shadow:0 30px 60px rgba(0,0,0,.5)} body.home #bww-nav .bww-dropdown a{color:#c9c8c2} body.home #bww-nav .bww-dropdown a:hover{background:#17171c;color:var(--hacc)} body.home #bww-nav .bww-mega-links a{color:#c9c8c2;background:#141419;border-color:var(--hline)} body.home #bww-nav .bww-mega-links a:hover{background:var(--hacc);color:#04121f;border-color:var(--hacc)} body.home #bww-nav .bww-mega-row h4{color:var(--hmut)} } body.home #bww-nav .bww-menu>li.menu-cta>a{background:var(--hink) !important;color:var(--hbg) !important} body.home #bww-nav .bww-menu>li.menu-cta>a:hover{background:var(--hacc) !important;color:#04121f !important} /* buttons on home */ body.home .bww-btn--primary{background:var(--hacc);color:#04121f;box-shadow:none} body.home .bww-btn--primary:hover{background:#5bc4ff;color:#04121f} body.home .bww-btn--outline-blue{border:1px solid var(--hline);color:var(--hink);background:none} body.home .bww-btn--outline-blue:hover{background:var(--hink);color:var(--hbg)} body.home .bww-btn{will-change:transform} /* ---- HERO (concept) ---- */ body.home .bww-hero.home-hero{min-height:100vh;display:flex;align-items:center;background:var(--hbg);padding:120px 0 60px} body.home .bww-hero::before,body.home .bww-hero-grid{display:none} .hh-inner{max-width:1320px;margin:0 auto;padding:0 44px;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;width:100%} .hh-left .bww-hero-badge{background:none;border:none;padding:0 0 10px;color:var(--hmut);font-family:'Space Mono',monospace;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem} .hh-title{font-size:clamp(2.6rem,6vw,5.6rem);line-height:.98;letter-spacing:-.025em;margin:0 0 26px} .hh-title .hl{display:block;overflow:hidden} .hh-title .hl i{display:inline-block;font-style:normal;transform:translateY(112%);transition:transform 1s cubic-bezier(.16,1,.3,1)} .hh-title .hl:nth-child(2) i{transition-delay:.08s}.hh-title .hl:nth-child(3) i{transition-delay:.16s} .home-hero.in .hh-title .hl i{transform:none} .hh-title em{font-style:normal;color:var(--hacc)} body.home .home-hero .bww-hero-subtitle{color:var(--hmut);max-width:48ch;opacity:0;transform:translateY(18px);transition:.8s ease .5s} .home-hero.in .bww-hero-subtitle{opacity:1;transform:none} body.home .home-hero .bww-hero-buttons{margin-top:34px;opacity:0;transform:translateY(18px);transition:.8s ease .62s} .home-hero.in .bww-hero-buttons{opacity:1;transform:none} body.home .home-hero .bww-hero-stats{margin-top:42px;border-top:1px solid var(--hline);padding-top:24px;gap:44px} body.home .home-hero .bww-hero-stat .bww-stat-num{color:var(--hink)} body.home .home-hero .bww-hero-stat p{color:var(--hmut)} /* 3D stack */ .hh-stage{perspective:1400px;position:relative;height:70vh;opacity:0;transform:translateY(24px);transition:.9s ease .4s} .home-hero.in .hh-stage{opacity:1;transform:none} .hh-stack{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .2s ease-out} .hh-sc{position:absolute;left:50%;top:50%;width:min(30vw,420px);height:52vh;border-radius:14px;overflow:hidden;border:1px solid var(--hline);background:#111;box-shadow:0 40px 90px rgba(0,0,0,.6); transform:translate(-50%,-50%) translateZ(calc(var(--z)*40px)) translateX(calc(var(--z)*46px - 46px)) translateY(calc(var(--z)*30px - 30px)) rotateY(-16deg)} .hh-scbar{display:flex;align-items:center;gap:5px;padding:9px 12px;background:#16161c;font-family:'Space Mono',monospace;font-size:.62rem;color:var(--hmut);border-bottom:1px solid var(--hline)} .hh-scbar i{width:7px;height:7px;border-radius:50%;background:#333} .hh-scbar i:nth-child(1){background:#ff5f57}.hh-scbar i:nth-child(2){background:#febc2e}.hh-scbar i:nth-child(3){background:#28c840;margin-right:8px} .hh-sc img{width:100%;height:auto;display:block} .hh-sc0{filter:grayscale(.4)} .hh-sc2{z-index:3} .hh-cue{position:absolute;bottom:30px;left:44px;font-family:'Space Mono',monospace;font-size:.7rem;letter-spacing:.14em;color:var(--hmut);text-transform:uppercase;display:flex;gap:10px;align-items:center} .hh-cue::before{content:"";width:34px;height:1px;background:var(--hmut);animation:hh-cue 1.8s ease-in-out infinite} @keyframes hh-cue{0%,100%{transform:scaleX(.4);opacity:.4;transform-origin:left}50%{transform:scaleX(1);opacity:1;transform-origin:left}} @media (max-width:900px){.hh-inner{grid-template-columns:1fr}.hh-stage{display:none}} /* marquee dark on home */ body.home .bww-marquee{background:#0d0d10;border-color:var(--hline)} body.home .bww-marquee span{color:var(--hink)} body.home .bww-marquee span::after{color:var(--hacc)} /* ---- WORK INDEX + floating preview ---- */ .hh-work{margin-top:30px} .hh-row{display:grid;grid-template-columns:66px 1fr auto auto;align-items:center;gap:24px;padding:28px 8px;border-top:1px solid var(--hline);position:relative;transition:padding .4s cubic-bezier(.16,1,.3,1);text-decoration:none;color:inherit} .hh-row:last-child{border-bottom:1px solid var(--hline)} .hh-rnum{font-family:'Space Mono',monospace;color:var(--hmut);font-size:.8rem} .hh-rname{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(1.4rem,3vw,2.4rem);color:var(--hink);transition:transform .4s cubic-bezier(.16,1,.3,1),color .3s} .hh-rcat{font-family:'Space Mono',monospace;font-size:.72rem;color:var(--hmut);text-transform:uppercase;letter-spacing:.06em} .hh-rtag{font-size:.88rem;color:var(--hmut);transition:color .3s;white-space:nowrap} .hh-row:hover{padding-left:24px} .hh-row:hover .hh-rname{color:var(--hacc)} .hh-row:hover .hh-rtag{color:var(--hink)} @media (max-width:760px){.hh-row{grid-template-columns:1fr;gap:4px}.hh-rcat,.hh-rtag{display:none}} /* cards inside home sections -> dark surfaces */ body.home .bww-service-card,body.home .bww-vcard,body.home .bww-rescard,body.home .bww-industry-card,body.home .bww-testi-card,body.home .bww-team-card,body.home .bww-value-item,body.home .bww-step,body.home .bww-faq-item,body.home .bww-pricing-card{ background:#101014 !important;border:1px solid var(--hline) !important;color:var(--hink)} body.home .bww-service-card h3,body.home .bww-vcard h3,body.home .bww-testi-card h4{color:var(--hink)} body.home .bww-service-card p,body.home .bww-vcard p,body.home .bww-testi-card p{color:var(--hmut)} body.home .bww-service-card:hover,body.home .bww-vcard:hover,body.home .bww-value-item:hover{border-color:var(--hacc) !important} body.home .bww-service-icon,body.home .bww-vcard .vic{background:#17171c !important} body.home .bww-service-price{color:var(--hacc)} /* stats banner + CTA on home stay dark, ensure text light */ body.home .bww-stats-banner{background:#0c0c10} body.home .bww-cta-banner{background:#0c0c10} body.home .bww-cta-banner h2{color:var(--hink)} body.home .bww-cta-banner .bww-btn--white{background:var(--hacc);color:#04121f} /* footer stays dark (already) */ body.home #bww-footer,body.home .bww-footer{background:#070709} /* reveal easing on home */ body.home .bww-fade{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .9s cubic-bezier(.16,1,.3,1)} body.home .bww-fade.visible{opacity:1;transform:none} @media (prefers-reduced-motion:reduce){.hh-title .hl i,.hh-stage,body.home .home-hero .bww-hero-subtitle,body.home .home-hero .bww-hero-buttons{opacity:1 !important;transform:none !important}} /* fix: hero headline lines must be light on the dark home hero (override Studio span accent) */ body.home .hh-title .hl,body.home .hh-title .hl i{color:var(--hink) !important} body.home .hh-title em{color:var(--hacc) !important} body.home .hh-left .bww-hero-badge::before{display:none} /* ═══════════════════════════════════════════════════════════════ SITE-WIDE DARK (Noir): extends the dark concept to every page. Homepage keeps its showcase interactions from the v6 layer above. ═══════════════════════════════════════════════════════════════ */ body{--hbg:#08080a;--hink:#f4f2ea;--hmut:#8f8e87;--hline:#20202a;--hacc:#37b6ff;background:#08080a;color:#f4f2ea} /* text + headings light */ h1,h2,h3,h4,h5,h6,.bww-section-title,.bww-ihero h1,.bww-page-hero h1,.bww-prose .lead,.bww-prose h2,.bww-prose h3,.bww-vcard h3,.bww-step h3,.bww-faq-item summary,.bww-faq-item h3,.bww-process-body h3,.bww-team-name,.bww-team-card-body h3,.bww-rescard .rl,.bww-value-item h4,.bww-industry-card h2,.bww-related-links h2,.bww-post-content h2,.bww-post-content h3,.bww-reviewer-info h4,.bww-form-box h3{color:var(--hink)} .bww-section-title span,.bww-hero-title span,.bww-ihero h1 span,.bww-page-hero h1 span,.bww-prose a,.bww-post-content a{color:var(--hacc)} p,li,.bww-section-sub,.bww-prose>p,.bww-vcard p,.bww-step p,.bww-process-body p,.bww-faq-answer,.bww-checkitem .ct,.bww-team-bio,.bww-team-card-body p,.bww-value-item p,.bww-post-content p,.bww-post-content li,.bww-reviewer-info p,.bww-rescard .rn{color:#c9c8c2} .bww-checkitem .ct strong,.bww-post-content strong{color:var(--hink)} .bww-tag{background:none !important;border:none !important;color:var(--hmut) !important} /* header + nav dark on every page */ #bww-header{background:transparent;border-bottom:1px solid transparent} #bww-header.scrolled{background:rgba(8,8,10,.75);backdrop-filter:blur(16px);border-bottom:1px solid var(--hline)} .bww-hamburger span{background:var(--hink)} @media (min-width:901px){ #bww-nav .bww-menu>li>a{color:#c9c8c2} #bww-nav .bww-menu>li>a::after{background:var(--hink)} #bww-nav .bww-menu>li>a:hover{color:#fff} #bww-nav .bww-dropdown,#bww-nav .bww-mega{background:#101014;border:1px solid var(--hline);box-shadow:0 30px 60px rgba(0,0,0,.5)} #bww-nav .bww-dropdown a{color:#c9c8c2} #bww-nav .bww-dropdown a:hover{background:#17171c;color:var(--hacc)} #bww-nav .bww-mega-links a{color:#c9c8c2;background:#141419;border-color:var(--hline)} #bww-nav .bww-mega-links a:hover{background:var(--hacc);color:#04121f;border-color:var(--hacc)} #bww-nav .bww-mega-row h4{color:var(--hmut)} } #bww-nav .bww-menu>li.menu-cta>a{background:var(--hink) !important;color:var(--hbg) !important;border-radius:100px !important} #bww-nav .bww-menu>li.menu-cta>a:hover{background:var(--hacc) !important;color:#04121f !important} /* sections + surfaces */ .bww-section{background:transparent} .bww-section--muted,.bww-section--dark{background:#0c0c10} .bww-service-card,.bww-vcard,.bww-rescard,.bww-industry-card,.bww-testi-card,.bww-team-card,.bww-value-item,.bww-step,.bww-faq-item,.bww-pricing-card,.bww-process-step,.bww-grader-q,.bww-related-links,.bww-form-box{background:#101014 !important;border:1px solid var(--hline) !important} .bww-service-icon,.bww-vcard .vic{background:#17171c !important} .bww-service-price{color:var(--hacc)} .bww-related-links{border-top:3px solid var(--hacc) !important} /* buttons */ .bww-btn--primary{background:var(--hacc);color:#04121f;box-shadow:none} .bww-btn--primary:hover{background:#5bc4ff;color:#04121f} .bww-btn--outline-blue{border:1px solid var(--hline);color:var(--hink);background:none} .bww-btn--outline-blue:hover{background:var(--hink);color:var(--hbg)} .bww-btn--white{background:var(--hacc);color:#04121f} /* inner page heroes */ .bww-page-hero,.bww-ihero{background:linear-gradient(160deg,#0c0c10,#141419)} .bww-page-hero .bww-tag,.bww-page-hero .bww-ihero-eyebrow,.bww-ihero-eyebrow{background:rgba(55,182,255,.08) !important;border:1px solid var(--hline) !important;color:#bfe4ff !important} .bww-ihero-sub,.bww-page-hero .bww-section-sub{color:#c9c8c2} .bww-ihero-badge{background:rgba(255,255,255,.05);border:1px solid var(--hline);color:#c9c8c2} /* breadcrumb */ .bww-breadcrumb li,.bww-breadcrumb a{color:#9a9992} .bww-breadcrumb a:hover{color:#fff} .bww-breadcrumb li[aria-current="page"]{color:var(--hink)} .bww-breadcrumb li:not(:last-child)::after{color:var(--hmut)} /* forms */ .bww-form-group label{color:#c9c8c2} .bww-form-group input,.bww-form-group select,.bww-form-group textarea{background:#0c0c10;border:1px solid var(--hline);color:var(--hink)} .bww-form-group input:focus,.bww-form-group select:focus,.bww-form-group textarea:focus{border-color:var(--hacc);box-shadow:0 0 0 3px rgba(55,182,255,.15)} .bww-form-group input::placeholder,.bww-form-group textarea::placeholder{color:#6a6963} /* contact wrap already dark; tidy accents */ .bww-contact-wrap{background:linear-gradient(160deg,#0a0a0d,#101015)} .bww-cd-icon{background:rgba(55,182,255,.1);border:1px solid var(--hline)} .bww-cd-text a,.bww-cd-text p{color:#c9c8c2} .bww-contact-note{background:rgba(55,182,255,.06);border:1px solid var(--hline)} .bww-contact-note h4{color:var(--hacc)} /* FAQ */ .bww-faq-item summary::after{color:var(--hacc)} .bww-faq-answer{color:#c9c8c2} /* blog post content (hardcoded light in base) */ .bww-post-content h2{border-bottom-color:var(--hline)} .bww-post-content ul li,.bww-post-content ol li{background:#101014;border-left-color:var(--hacc)} .bww-post-content ul li::before{color:var(--hacc)} .bww-post-content ol li::before{background:var(--hacc);color:#04121f} .bww-post-content a{text-decoration-color:var(--hacc)} .bww-post-content table th{background:#101014;color:var(--hacc)} .bww-post-content table td{border-bottom-color:var(--hline)} .bww-post-content table tr:nth-child(even) td{background:#0c0c10} .bww-post-content blockquote{background:#101014;border-left-color:var(--hacc);color:#c9c8c2} /* testimonials */ .bww-testi-card::before{color:#1c1c22} .bww-stars{color:#f7b32b} /* footer + marquee + banners */ #bww-footer,.bww-footer{background:#070709} .bww-footer-col ul li a,.bww-footer-brand p{color:#9a9992} .bww-footer-col h4{color:var(--hink)} .bww-marquee{background:#0d0d10;border-color:var(--hline)} .bww-marquee span{color:var(--hink)} .bww-marquee span::after{color:var(--hacc)} .bww-stats-banner{background:#0c0c10} .bww-cta-banner{background:#0c0c10}.bww-cta-banner h2{color:var(--hink)}.bww-cta-banner p{color:#c9c8c2} /* images grayscale->color stays; keep subtle on dark */ .bww-card-shot,.bww-split-img img{filter:grayscale(1) brightness(.92)} .bww-card-shot:hover,.bww-split-img img:hover{filter:none} /* fix: pricing card text must be readable on dark */ .bww-pricing-card h3,.bww-price-num{color:var(--hink) !important} .bww-price-dollar{color:var(--hacc) !important} .bww-price-period,.bww-price-note,.bww-pricing-card .bww-desc{color:#c9c8c2 !important} .bww-pricing-features li{color:#d8d7d1 !important;border-bottom-color:var(--hline) !important} .bww-pricing-features li::before{color:#37d67a !important} .bww-featured-badge{background:var(--hacc) !important;color:#04121f !important} .bww-pricing-card.featured{border-color:var(--hacc) !important} /* catch-all: any lingering navy/text-colored copy inside dark cards -> light */ .bww-service-card *,.bww-vcard *,.bww-pricing-card *,.bww-testi-card *,.bww-step *,.bww-value-item *,.bww-rescard *{border-color:var(--hline)} /* mobile: show hero site previews as a swipeable strip (was hidden) + close the gap */ @media (max-width:900px){ body.home .bww-hero.home-hero{min-height:auto;padding:108px 0 44px} .hh-inner{grid-template-columns:1fr;gap:26px} .hh-stage{display:block;height:auto;perspective:none;opacity:1;transform:none;margin:0 -44px} .hh-stack{position:static;transform:none !important;display:flex;gap:14px;overflow-x:auto;padding:4px 44px 18px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch} .hh-stack::-webkit-scrollbar{display:none} .hh-sc{position:static;transform:none !important;width:76vw;max-width:330px;height:300px;overflow:hidden;flex:0 0 auto;scroll-snap-align:center;margin:0;filter:none !important;box-shadow:0 20px 40px rgba(0,0,0,.5)} .hh-sc img{width:100%;height:auto} .hh-cue{display:none} } @media (max-width:600px){ .hh-inner{padding:0 22px} .hh-stage{margin:0 -22px} .hh-stack{padding:4px 22px 18px} } /* mobile: hero content always visible (don't wait on JS reveal) so no gap */ @media (max-width:900px){ .hh-title .hl i{transform:none !important} body.home .home-hero .bww-hero-subtitle, body.home .home-hero .bww-hero-buttons, .hh-stage{opacity:1 !important;transform:none !important} } /* logo now dark-friendly (blue hexagon + white wordmark): drop footer invert */ .bww-footer-brand img{filter:none !important;opacity:1} /* brighten blue numbers so they stand out on black (hero stats stay white via higher-specificity rule) */ .bww-stat-num{color:#5bc4ff} .bww-stat-item .bww-stat-num,.bww-ihero-stat .n{color:#5bc4ff !important} .bww-why-panel{background:linear-gradient(150deg,#101a34,#150f26) !important;border:1px solid var(--hline)} .bww-why-stat-num{color:#5bc4ff !important} .bww-why-panel-title{color:#fff !important} .bww-why-stat-label,.bww-why-panel-foot,.bww-why-panel-eyebrow{color:#c9c8c2 !important} /* content + contact links brighter on dark */ .bww-cd-text a:hover,.bww-prose a,.bww-post-content a{color:#5bc4ff} /* ═══ Hero stack v2: bigger fan, hover brings a site to front ═══ */ .hh-stage{height:74vh} .hh-sc{ width:min(32vw,470px);height:56vh; transform: translate(-50%,-50%) translateX(calc((var(--z) - 3) * 66px)) translateY(calc((var(--z) - 3) * 18px)) translateZ(calc(var(--z) * 34px)) rotateY(-13deg) rotateZ(calc((var(--z) - 3) * 1.4deg)); z-index:calc(var(--z) + 1); transition:transform .45s cubic-bezier(.16,1,.3,1),filter .35s ease,box-shadow .35s ease; } .hh-sc0{filter:none} .hh-stack:hover .hh-sc:not(:hover){filter:brightness(.5) saturate(.85)} .hh-sc:hover{ transform:translate(-50%,-50%) translateZ(210px) rotateY(0deg) rotateZ(0deg) scale(1.04) !important; z-index:100 !important;filter:none !important;box-shadow:0 50px 120px rgba(0,0,0,.72) !important; } /* mobile: show the fanned stack (like the reference), replacing the swipe strip */ @media (max-width:900px){ body.home .bww-hero.home-hero{min-height:auto;padding:104px 0 26px} .hh-inner{grid-template-columns:1fr;gap:8px} .hh-stage{display:block !important;height:50vh;perspective:1100px;opacity:1;transform:none;margin:12px 0 0} .hh-stack{position:absolute !important;inset:0;display:block !important;overflow:visible !important; transform:rotateY(-11deg) rotateX(6deg) !important;padding:0 !important} .hh-sc{position:absolute !important;left:50% !important;top:50% !important; width:66vw !important;max-width:300px !important;height:42vh !important;flex:none !important; transform:translate(-50%,-50%) translateX(calc((var(--z) - 1) * 30px)) translateY(calc((var(--z) - 1) * 16px)) translateZ(calc(var(--z) * 24px)) rotateY(-12deg) rotateZ(calc((var(--z) - 1) * 1.4deg)) !important; filter:none !important;scroll-snap-align:none !important} .hh-sc:nth-child(n+4){display:none !important} /* 3 cards fanned on mobile */ .hh-cue{display:none} } /* ═══ Hero stack v3: gentle in-place hover so cards don't bury each other ═══ */ .hh-sc{ width:min(29vw,430px);height:56vh; transform: translate(-50%,-50%) translateX(calc((var(--z) - 3) * 82px)) translateY(calc((var(--z) - 3) * 14px)) translateZ(calc(var(--z) * 22px)) rotateY(-10deg) rotateZ(calc((var(--z) - 3) * 0.7deg)); z-index:calc(var(--z) + 1); transition:transform .38s cubic-bezier(.16,1,.3,1),filter .3s ease,box-shadow .3s ease; } .hh-sc0{filter:none} /* hovered card: stay in its column, lift slightly + come forward + brighten (no big jump/scale) */ .hh-sc:hover{ transform: translate(-50%,-50%) translateX(calc((var(--z) - 3) * 82px)) translateY(calc((var(--z) - 3) * 14px - 14px)) translateZ(78px) rotateY(-5deg) rotateZ(0deg) scale(1.015) !important; z-index:100 !important;filter:none !important; box-shadow:0 40px 92px rgba(0,0,0,.66) !important; } /* others just dim a touch, keep their positions so they stay easy to reach */ .hh-stack:hover .hh-sc:not(:hover){filter:brightness(.66)} @media (max-width:900px){ .hh-sc{width:66vw;max-width:300px;height:42vh} .hh-sc:hover{transform:translate(-50%,-50%) translateX(calc((var(--z) - 1) * 30px)) translateY(calc((var(--z) - 1) * 16px)) translateZ(calc(var(--z) * 24px)) rotateY(-12deg) rotateZ(calc((var(--z) - 1) * 1.4deg)) !important;box-shadow:none !important} .hh-stack:hover .hh-sc:not(:hover){filter:none} } /* ═══════════════════════════════════════════════════════════════ LIGHT TAN THEME (Tan): warm paper palette, dark ink, navy accent. Appended last; overrides the dark layers above. ═══════════════════════════════════════════════════════════════ */ body,body.home{--hbg:#efe7d6;--hink:#2a241b;--hmut:#7c7362;--hline:#e0d6c1;--hacc:#0a45c0; --tsurface:#faf5ea;--tmuted:#f2ead8;--tfooter:#e7ddc8} body{background:var(--hbg) !important;color:var(--hink)} /* surfaces */ .bww-section--muted,.bww-section--dark,.bww-stats-banner,.bww-cta-banner{background:var(--tmuted) !important} .bww-marquee{background:var(--tmuted) !important;border-color:var(--hline) !important} .bww-service-card,.bww-vcard,.bww-rescard,.bww-industry-card,.bww-testi-card,.bww-team-card,.bww-value-item,.bww-step,.bww-faq-item,.bww-pricing-card,.bww-process-step,.bww-grader-q,.bww-related-links,.bww-form-box{background:var(--tsurface) !important;border:1px solid var(--hline) !important} .bww-service-icon,.bww-vcard .vic{background:#efe6d2 !important} /* text back to dark ink */ body p,body li,body .bww-section-sub,body .bww-prose>p,body .bww-vcard p,body .bww-step p,body .bww-process-body p,body .bww-faq-answer,body .bww-checkitem .ct,body .bww-team-bio,body .bww-team-card-body p,body .bww-value-item p,body .bww-post-content p,body .bww-post-content li,body .bww-reviewer-info p,body .bww-rescard .rn,body .bww-ihero-sub,body .bww-page-hero .bww-section-sub{color:#4a4336 !important} body .bww-marquee span{color:var(--hink) !important} .bww-tag{color:var(--hmut) !important} /* header + nav (light) */ #bww-header{background:transparent !important;border-bottom:1px solid transparent !important} #bww-header.scrolled{background:rgba(240,232,216,.9) !important;backdrop-filter:saturate(1.1) blur(12px);border-bottom:1px solid var(--hline) !important} .bww-hamburger span{background:var(--hink) !important} @media (min-width:901px){ #bww-nav .bww-menu>li>a{color:#4a4336 !important} #bww-nav .bww-menu>li>a::after{background:var(--hink) !important} #bww-nav .bww-menu>li>a:hover{color:var(--hink) !important} #bww-nav .bww-dropdown,#bww-nav .bww-mega{background:var(--tsurface) !important;border:1px solid var(--hline) !important;box-shadow:0 24px 50px rgba(60,45,20,.16) !important} #bww-nav .bww-dropdown a{color:#4a4336 !important} #bww-nav .bww-dropdown a:hover{background:var(--tmuted) !important;color:var(--hacc) !important} #bww-nav .bww-mega-links a{color:#4a4336 !important;background:var(--tmuted) !important;border-color:var(--hline) !important} #bww-nav .bww-mega-links a:hover{background:var(--hacc) !important;color:#fff !important;border-color:var(--hacc) !important} #bww-nav .bww-mega-row h4{color:var(--hmut) !important} } #bww-nav .bww-menu>li.menu-cta>a{background:var(--hink) !important;color:#faf5ea !important} #bww-nav .bww-menu>li.menu-cta>a:hover{background:var(--hacc) !important;color:#fff !important} /* buttons */ .bww-btn--primary{background:var(--hacc) !important;color:#fff !important} .bww-btn--primary:hover{background:#0b39a0 !important;color:#fff !important} .bww-btn--outline-blue{border:1px solid var(--hink) !important;color:var(--hink) !important;background:none !important} .bww-btn--outline-blue:hover{background:var(--hink) !important;color:#faf5ea !important} .bww-btn--white{background:var(--hacc) !important;color:#fff !important} /* inner page heroes -> light tan bands with dark text */ .bww-page-hero,.bww-ihero,.bww-contact-wrap{background:linear-gradient(160deg,#eee5d1,#f4ecda) !important} .bww-ihero h1,.bww-page-hero h1{color:var(--hink) !important} .bww-ihero h1 span,.bww-page-hero h1 span{color:var(--hacc) !important} .bww-page-hero .bww-tag,.bww-ihero-eyebrow{background:rgba(10,69,192,.08) !important;border:1px solid var(--hline) !important;color:#0a45c0 !important} .bww-ihero-badge{background:#efe6d2 !important;border:1px solid var(--hline) !important;color:#4a4336 !important} .bww-page-hero::after,.bww-ihero::after{color:rgba(42,36,27,.05) !important} .bww-cd-icon{background:rgba(10,69,192,.08) !important;border:1px solid var(--hline) !important} .bww-cd-text a,.bww-cd-text p{color:#4a4336 !important} .bww-contact-note{background:rgba(10,69,192,.05) !important;border:1px solid var(--hline) !important} .bww-contact-note h4{color:var(--hacc) !important} /* breadcrumb */ .bww-breadcrumb li,.bww-breadcrumb a{color:#7c7362 !important} .bww-breadcrumb a:hover{color:var(--hink) !important} .bww-breadcrumb li[aria-current="page"]{color:var(--hink) !important} /* forms */ .bww-form-group label{color:#4a4336 !important} .bww-form-group input,.bww-form-group select,.bww-form-group textarea{background:#fbf7ee !important;border:1px solid var(--hline) !important;color:var(--hink) !important} .bww-form-group input::placeholder,.bww-form-group textarea::placeholder{color:#a89c85 !important} /* stat numbers + accents -> navy */ .bww-stat-num,.bww-stat-item .bww-stat-num,.bww-ihero-stat .n,.bww-why-stat-num{color:var(--hacc) !important} .bww-service-price{color:var(--hacc) !important} .bww-why-panel{background:linear-gradient(150deg,#e9e0cc,#efe7d5) !important;border:1px solid var(--hline) !important} .bww-why-panel-title{color:var(--hink) !important} .bww-why-stat-label,.bww-why-panel-foot,.bww-why-panel-eyebrow{color:#4a4336 !important} .bww-prose a,.bww-post-content a,.bww-cd-text a:hover{color:var(--hacc) !important} /* blog content */ .bww-post-content h2{border-bottom-color:var(--hline) !important} .bww-post-content ul li,.bww-post-content ol li{background:var(--tsurface) !important;border-left-color:var(--hacc) !important} .bww-post-content table th{background:#efe6d2 !important;color:var(--hacc) !important} .bww-post-content table td{border-bottom-color:var(--hline) !important} .bww-post-content table tr:nth-child(even) td{background:var(--tmuted) !important} .bww-post-content blockquote{background:var(--tsurface) !important;border-left-color:var(--hacc) !important;color:#4a4336 !important} .bww-post-content strong,.bww-checkitem .ct strong{color:var(--hink) !important} /* pricing card light */ .bww-price-num,.bww-pricing-card h3{color:var(--hink) !important} .bww-price-dollar{color:var(--hacc) !important} .bww-price-period,.bww-price-note,.bww-pricing-card .bww-desc{color:#7c7362 !important} .bww-pricing-features li{color:#4a4336 !important;border-bottom-color:var(--hline) !important} .bww-featured-badge{background:var(--hacc) !important;color:#fff !important} .bww-pricing-card.featured{border-color:var(--hacc) !important} /* footer light */ #bww-footer,.bww-footer{background:var(--tfooter) !important} .bww-footer-col ul li a,.bww-footer-brand p{color:#6a6152 !important} .bww-footer-col h4{color:var(--hink) !important} .bww-footer-brand img{filter:none !important;opacity:1 !important} /* HERO (home) on tan */ body.home .bww-hero.home-hero{background:var(--hbg) !important} body.home .hh-title .hl,body.home .hh-title .hl i{color:var(--hink) !important} body.home .hh-title em{color:var(--hacc) !important} body.home .home-hero .bww-hero-subtitle{color:#4a4336 !important} body.home .home-hero .bww-hero-stat .bww-stat-num{color:var(--hink) !important} body.home .home-hero .bww-hero-stat p{color:#7c7362 !important} .hh-left .bww-hero-badge{color:var(--hmut) !important} .hh-cue{color:var(--hmut) !important} .hh-cue::before{background:var(--hmut) !important} /* hero stack cards on tan */ .hh-sc{background:#faf5ea !important;border:1px solid var(--hline) !important;box-shadow:0 30px 70px rgba(60,45,20,.22)} .hh-scbar{background:#ece3cf !important;color:#7c7362 !important;border-bottom:1px solid var(--hline) !important} .hh-stack:hover .hh-sc:not(:hover){filter:brightness(.94) !important} .hh-sc:hover{box-shadow:0 40px 90px rgba(60,45,20,.28) !important} /* work index on tan */ .hh-row{border-top-color:var(--hline) !important} .hh-row:last-child{border-bottom-color:var(--hline) !important} .hh-rname{color:var(--hink) !important} .hh-row:hover .hh-rname{color:var(--hacc) !important} .hh-rnum,.hh-rcat,.hh-rtag{color:#7c7362 !important} .hh-row:hover .hh-rtag{color:var(--hink) !important} .dt-more{color:var(--hink) !important} /* work preview + cursor accents on light */ .hh-prev{border:1px solid var(--hline) !important;box-shadow:0 30px 70px rgba(60,45,20,.28) !important} .hh-cur{background:var(--hacc) !important} .hh-curr{border-color:rgba(42,36,27,.4) !important} .hh-curr.big{background:rgba(10,69,192,.12) !important} /* grain: very subtle on light */ .hh-grain{opacity:.035 !important} /* images: no grayscale on light (show client sites in color) */ .bww-card-shot,.bww-split-img img{filter:none !important} /* ═══ Hero stack v4: spread-apart while browsing, so every site is easy to reach ═══ */ .hh-sc{ width:min(17vw,250px);height:54vh; transform: translate(-50%,-50%) translateX(calc((var(--z) - 3) * 44px)) translateY(calc((var(--z) - 3) * 30px)) translateZ(calc(var(--z) * 28px)) rotateY(-14deg) rotateZ(calc((var(--z) - 3) * 1deg)); z-index:calc(var(--z) + 1); transition:transform .45s cubic-bezier(.16,1,.3,1),filter .3s ease,box-shadow .3s ease; } /* pointer anywhere on the stack -> fan out into a separated, readable row (stays put while you browse) */ .hh-stack:hover .hh-sc{ transform: translate(-50%,-50%) translateX(calc((var(--z) - 3) * 82px)) translateY(0) translateZ(0) rotateY(-7deg) rotateZ(0deg) scale(.92); filter:brightness(.62); } /* the specific card you point at -> lift + brighten + front */ .hh-stack:hover .hh-sc:hover{ transform: translate(-50%,-50%) translateX(calc((var(--z) - 3) * 82px)) translateY(-18px) translateZ(90px) rotateY(-2deg) rotateZ(0deg) scale(1.0); filter:none;z-index:100;box-shadow:0 46px 104px rgba(60,45,20,.3); } @media (max-width:900px){ /* mobile keeps the compact fan (no hover); sizes handled in earlier mobile block */ .hh-stack:hover .hh-sc,.hh-stack:hover .hh-sc:hover{filter:none} } /* hero headline: Times New Roman, a bit smaller */ body.home .hh-title, body.home .hh-title .hl, body.home .hh-title .hl i, body.home .hh-title em{font-family:'Times New Roman',Times,serif !important;letter-spacing:0 !important} body.home .hh-title{font-size:clamp(2.1rem,4.7vw,4.3rem) !important;line-height:1.04 !important;font-weight:700} /* hero cards are now links (tap to open); keep desktop look */ .hh-sc{text-decoration:none;color:inherit;cursor:pointer} /* work-row inline thumbnail: hidden on desktop (hover preview handles it) */ .hh-rthumb{display:none} /* ═══ MOBILE FIX: hero = swipeable carousel (tap to open) + work rows show thumbnails ═══ */ @media (max-width:900px){ body.home .bww-hero.home-hero{min-height:auto;padding:104px 0 26px} .hh-inner{grid-template-columns:1fr;gap:14px} /* turn the stack into a horizontal swipe carousel */ .hh-stage{display:block !important;height:auto !important;perspective:none !important;opacity:1 !important;transform:none !important;margin:6px -22px 0 !important} .hh-stack{position:static !important;inset:auto !important;display:flex !important;gap:14px !important;overflow-x:auto !important;overflow-y:hidden !important; transform:none !important;padding:6px 22px 16px !important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch} .hh-stack::-webkit-scrollbar{display:none} .hh-stack:hover .hh-sc,.hh-stack:hover .hh-sc:hover,.hh-sc:hover{transform:none !important;filter:none !important} .hh-sc,.hh-sc:nth-child(n+4){display:flex !important;flex-direction:column; position:relative !important;left:auto !important;top:auto !important;transform:none !important; width:80vw !important;max-width:330px !important;height:auto !important;min-height:300px;max-height:66vh; flex:0 0 auto !important;scroll-snap-align:center;filter:none !important;overflow:hidden; box-shadow:0 18px 40px rgba(60,45,20,.22) !important} .hh-sc img{width:100% !important;height:auto !important} .hh-cue{display:none} .hh-swipehint{display:flex} /* work list: show a thumbnail per row so it's visual + tappable */ .hh-row{grid-template-columns:1fr !important;gap:10px !important;padding:18px 4px !important} .hh-rthumb{display:block;width:100%;height:158px;object-fit:cover;object-position:top center;border-radius:12px;border:1px solid var(--hline);order:-1} .hh-rnum{font-size:.78rem} .hh-rname{font-size:1.35rem} .hh-rcat{display:block !important;font-size:.72rem} .hh-rtag{display:none} .hh-row:hover{padding-left:4px !important} } /* small swipe hint under the mobile carousel */ .hh-swipehint{display:none;justify-content:center;gap:8px;align-items:center;font-family:'Space Mono',monospace; font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--hmut);margin-top:4px} /* ═══ MOBILE hero = shuffleable card DECK (JS-driven swipe) ═══ */ @media (max-width:900px){ .hh-stage{display:block !important;height:auto !important;perspective:1100px !important;opacity:1 !important;transform:none !important;margin:14px 0 2px !important} .hh-stack{position:relative !important;display:block !important;overflow:visible !important;transform:none !important; width:100% !important;left:auto !important;padding:0 !important;scroll-snap-type:none !important; height:52vh !important;min-height:330px;max-height:430px} .hh-sc{position:absolute !important;left:50% !important;top:50% !important; width:76vw !important;max-width:320px !important;height:46vh !important;min-height:300px;max-height:390px; flex:none !important;scroll-snap-align:none !important;filter:none !important;overflow:hidden !important; box-shadow:0 22px 46px rgba(60,45,20,.26) !important;touch-action:pan-y;will-change:transform;cursor:grab} .hh-sc img{width:100% !important;height:auto !important} .hh-swipehint{display:flex;margin-top:12px} } /* mobile deck: anchor cards to the top of the stack so they clear the hero text */ @media (max-width:900px){ .hh-stack{height:50vh !important;min-height:340px;max-height:420px} .hh-sc{top:0 !important;height:44vh !important;min-height:296px;max-height:380px;transform-origin:top center} } /* rolodex flip needs perspective on the card parent (mobile) */ @media (max-width:900px){ .hh-stack{perspective:1100px !important} .hh-sc{transform-origin:top center !important;backface-visibility:hidden} } /* hero layout: text + CTA in left column, rolodex on right (desktop) */ @media (min-width:901px){ body.home .hh-inner{grid-template-columns:1.05fr .95fr;grid-template-areas:"left stage" "cta stage";align-items:center;column-gap:44px;row-gap:18px} .hh-left{grid-area:left} .hh-stage{grid-area:stage} .hh-cta{grid-area:cta} } .hh-cta .bww-hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px} /* mobile: rolodex sits between headline and buttons; no button/stat cutoff */ @media (max-width:900px){ body.home .hh-inner{display:flex !important;flex-direction:column;grid-template-areas:none !important;gap:0} .hh-left{order:1} .hh-stage{order:2} .hh-cta{order:3;margin-top:20px;width:100%} .hh-cta .bww-hero-buttons{display:flex;gap:10px;width:100%;flex-wrap:nowrap} .hh-cta .bww-btn{flex:1 1 0;min-width:0;justify-content:center;padding:15px 8px;white-space:nowrap;font-size:1rem} .hh-cta .bww-hero-stats{display:flex;flex-wrap:wrap;gap:18px 26px;margin-top:24px} } /* desktop: keep buttons right under the headline (not pushed to the bottom by the tall fan) */ @media (min-width:901px){ body.home .hh-left{align-self:end} body.home .hh-cta{align-self:start;margin-top:22px} } /* guarantee hero subtitle + buttons are always visible (reveal quirk hid them) */ body.home .home-hero .bww-hero-subtitle, body.home .home-hero .bww-hero-buttons{opacity:1 !important;transform:none !important} /* mobile circular carousel: centered cards on an arc (JS sets transforms) */ @media (max-width:900px){ .hh-stage{perspective:900px !important;margin:14px 0 2px !important} .hh-stack{position:relative !important;height:48vh !important;min-height:320px;max-height:400px;overflow:visible !important;transform:none !important} .hh-sc{top:50% !important;left:50% !important;width:62vw !important;max-width:270px !important;height:40vh !important;min-height:270px;max-height:340px; transform-origin:center center !important;box-shadow:0 22px 46px rgba(60,45,20,.26) !important} } /* mobile hero wheel: fully contained, centered cards (JS drives transforms) */ @media (max-width:900px){ .hh-stage{perspective:820px !important;position:relative !important;height:42vh !important;min-height:300px;max-height:360px; margin:16px 0 6px !important;overflow:visible !important;transform:none !important;opacity:1 !important} .hh-stack{position:absolute !important;inset:0 !important;display:block !important;transform:none !important; height:auto !important;min-height:0 !important;max-height:none !important;padding:0 !important;overflow:visible !important;perspective:none !important} .hh-sc{position:absolute !important;top:50% !important;left:50% !important;transform-origin:center center !important; width:58vw !important;max-width:240px !important;height:34vh !important;min-height:250px;max-height:320px; margin:0 !important;flex:none !important;overflow:hidden !important;transition:none;backface-visibility:hidden; box-shadow:0 20px 42px rgba(60,45,20,.30) !important;cursor:grab} .hh-sc img{width:100% !important;height:auto !important} .hh-swipehint{display:flex;margin-top:10px} } /* DECISIVE mobile carousel reset (id-based, beats all earlier .hh-sc rules incl. nth-child/display) */ @media (max-width:900px){ #hh-stack{position:absolute !important;inset:0 !important;display:block !important;overflow:visible !important; transform:none !important;height:auto !important;min-height:0 !important;max-height:none !important;padding:0 !important;perspective:none !important} #hh-stack .hh-sc, #hh-stack .hh-sc:nth-child(n){display:block !important;position:absolute !important;top:50% !important;left:50% !important; width:58vw !important;max-width:240px !important;height:34vh !important;min-height:250px;max-height:320px;margin:0 !important; transform-origin:center center !important;overflow:hidden !important;transition:none !important;flex:none !important;visibility:visible; box-shadow:0 20px 42px rgba(60,45,20,.30) !important} } /* Turnstile widget spacing on the contact form */ .bww-turnstile-wrap{margin:4px 0 6px} .bww-turnstile-wrap .cf-turnstile{min-height:65px}