/* Prevent font-loading layout shift (jerk) for material symbols */ .material-symbols-rounded{display: inline-block; width: 24px; height: 24px; line-height: 24px; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; overflow: hidden; font-size: 24px;}.preload *{-webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important;}/* ========================================================================== SELF STORAGE INDIA — PREMIUM SaaS STYLE REDESIGN Stripe x Airbnb x Dropbox x Linear x Intercom Inspired Visuals ========================================================================== */ :root{/* Brand Core Palette — Signature Navy & Vibrant Orange */ --primary: #186CEC; --primary-hover: #0E59D9; --primary-light: #EEF5FF; --accent: #FF9600; --accent-hover: #E68500; --accent-light: #FFF8EB; /* Neutrals */ --text: #0F172A; /* Crisp minimal slate */ --text-secondary: #475569; --text-light: #64748B; --bg: #FFFFFF; --surface: #F8FAFC; --border: #E2E8F0; /* Status */ --success: #16A34A; --warning: #F59E0B; --error: #DC2626; --info: #0284C7; /* Gradients */ --gradient-hero: linear-gradient(135deg, #186CEC 0%, #4B8DFF 100%); --gradient-cta: linear-gradient(135deg, #FF9600 0%, #E68500 100%); --gradient-premium: linear-gradient(135deg, #186CEC 0%, #6AA9FF 60%, #FFFFFF 100%); /* Glassmorphism Specs */ --glass-bg: rgba(255, 255, 255, 0.8); --glass-backdrop: blur(18px); --glass-border: 1px solid rgba(24, 108, 236, 0.08); /* Typography Pairing */ --font-heading: 'Plus Jakarta Sans', sans-serif; --font-body: 'Inter', sans-serif; /* Border Radius Scale — 3-tier system */ --radius-sm: 6px; /* chips, tags, small badges */ --radius-btn: 8px; /* all action buttons */ --radius-md: 8px; /* inputs, small interactive elements */ --radius-card: 12px; /* all cards, containers, panels */ --radius-lg: 12px; /* larger cards */ --radius-pill: 20px; /* pills, stat badges, avatar-style elements */ --radius-icon: 10px; /* icon boxes */ --radius-full: 9999px; /* fully round: avatar images, circular buttons */ /* Spacing system tokens */ --space-xs: 4px; --space-sm: 8px; --space-md: 12px; --space-lg: 16px; --space-xl: 24px; --space-content-gutter: calc(var(--space-xl) + 5px); --space-2xl: 32px; --space-3xl: 48px; --space-4xl: 64px; --space-section: 72px; /* Generous premium breathing room between sections */ /* Modern SaaS Elevation Shadows */ --shadow-sm: 0 4px 6px -1px rgba(15, 22, 34, 0.03), 0 2px 4px -1px rgba(15, 22, 34, 0.02); --shadow-md: 0 8px 20px -4px rgba(24, 108, 236, 0.06), 0 2px 8px -2px rgba(24, 108, 236, 0.03); --shadow-lg: 0 20px 40px -12px rgba(24, 108, 236, 0.08), 0 6px 18px -4px rgba(24, 108, 236, 0.04); --shadow-premium: 0 8px 30px rgba(15, 23, 42, 0.06), 0 2px 8px rgba(15, 23, 42, 0.03); --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}/* Base resets & layout */ *{box-sizing: border-box; margin: 0; padding: 0;}html{scroll-behavior: smooth; scroll-padding-top: 86px;}#why-storage, #services, #locations, #offerings, #testimonials, #facilities, #faq{scroll-margin-top: 86px;}html{margin: 0; padding: 0; width: 100%; background-color: #F8FAFC; overflow-x: hidden;}body{margin: 0; padding: 0; width: 100%; background-color: #FFFFFF; font-family: var(--font-body); color: var(--text); line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: hidden;}body.no-scroll{overflow: hidden !important; touch-action: none;}a{text-decoration: none; color: inherit;}/* Universal section container — max-width 1280px, horizontal padding */ .container{max-width: 1280px; margin: 0 auto; padding: 0 var(--space-content-gutter);}/* Typography styles */ h1{font-family: var(--font-heading); font-weight: 500; font-size: clamp(1.2rem, 2vw, 1.6rem); line-height: 1.18; letter-spacing: -0.01em; color: var(--text);}h2{font-family: var(--font-heading); font-weight: 500; font-size: clamp(1.2rem, 2vw, 1.6rem); line-height: 1.18; letter-spacing: -0.01em; color: var(--text);}/* Standardized Subtitles/Paragraphs */ /* Universal eyebrow label — used across all sections */ .eyebrow-label{display: inline-block; font-family: var(--font-heading); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 10px; background: none; border: none; padding: 0; box-shadow: none;}.hero-paragraph, .section-subtitle, .sense-subtitle, .section-header-centered p{font-size: 17px; line-height: 1.65 !important; color: var(--text-secondary) !important;}h3{font-family: var(--font-heading); font-weight: 500; font-size: 1.15rem; line-height: 1.18; letter-spacing: -0.01em; color: var(--text);}.font-mono{font-family: var(--font-body); font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; font-size: 0.75rem;}.accent-text{color: var(--accent); background: none; -webkit-background-clip: initial; -webkit-text-fill-color: initial;}/* Header Navbar with Glassmorphism */ .navbar{position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: #F8FAFC; border-bottom: 1px solid var(--border); transition: background-color 0.2s ease, box-shadow 0.2s ease; height: 76px; display: flex; align-items: center;}.navbar.scrolled{background: #ffffff; /* Stays white after scroll */ border-bottom: 1px solid var(--border); height: 76px; box-shadow: var(--shadow-sm);}.nav-container{width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 var(--space-xl); display: flex; align-items: center; justify-content: space-between;}.brand-logo{display: flex; align-items: center; height: 52px;}.brand-logo-img{height: 100%; width: auto; object-fit: contain; transition: transform 0.25s ease, opacity 0.25s ease;}.brand-logo:hover .brand-logo-img{transform: none; opacity: 1;}.nav-links{display: flex; align-items: center; gap: 8px;}.nav-item-dropdown{position: relative; display: flex; align-items: center;}.nav-link{font-family: var(--font-heading); font-weight: 600; font-size: 0.94rem; color: #334155; transition: all 0.2s ease-in-out; display: flex; align-items: center; gap: 6px; padding: 9px 16px; border-radius: 12px; position: relative; cursor: pointer; text-decoration: none;}.nav-link:hover{color: var(--primary); background-color: var(--primary-light);}.nav-link.active{color: var(--primary); font-weight: 700; background-color: var(--primary-light);}.nav-link::after{content: ''; position: absolute; bottom: -14px; left: 50%; transform: translateX(-50%) scaleX(0); width: 32px; height: 3px; background: var(--accent); border-radius: 3px 3px 0 0; transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);}.nav-link.active::after{transform: translateX(-50%) scaleX(1);}.nav-link:hover::after{transform: translateX(-50%) scaleX(0.7);}.dropdown-arrow{font-size: 1.15rem; color: var(--text-secondary); transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease; display: inline-flex; align-items: center; line-height: 1;}.nav-link:hover .dropdown-arrow, .nav-link.active .dropdown-arrow{color: var(--primary);}.nav-item-dropdown:hover .dropdown-arrow{transform: rotate(180deg); color: var(--primary);}/* Dropdown Menu specs */ .dropdown-menu{position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(8px); background: #ffffff; border: 1px solid rgba(226, 232, 240, 0.95); border-radius: 12px; padding: 12px; width: 320px; display: flex; flex-direction: column; gap: 4px; box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.15), 0 4px 16px rgba(15, 23, 42, 0.04); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s; z-index: 1000;}.dropdown-menu::before{content: ''; position: absolute; top: -20px; left: 0; right: 0; height: 20px; display: block;}.nav-item-dropdown:hover .dropdown-menu{opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%) translateY(4px);}.dropdown-item{display: flex; align-items: center; gap: var(--space-md); padding: var(--space-md); border-radius: var(--radius-md); transition: var(--transition); text-align: left;}.dropdown-item:hover{background-color: var(--primary-light);}.dropdown-icon{font-size: 1.5rem; color: var(--primary); background-color: var(--bg); width: 40px; height: 40px; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; border: 1px solid var(--border); transition: var(--transition);}.dropdown-item:hover .dropdown-icon{color: #FFFFFF; background-color: var(--primary); border-color: var(--primary);}.dropdown-info h6{font-family: var(--font-heading); font-weight: 700; font-size: 0.9rem; color: var(--text); margin-bottom: 2px;}.dropdown-info p{font-size: 0.75rem; color: var(--text-light); line-height: 1.2;}.nav-actions{display: flex; align-items: center; gap: var(--space-xl);}.phone-link{display: flex; align-items: center; gap: var(--space-xs); font-weight: 600; font-size: 0.95rem; color: var(--text-secondary); transition: var(--transition);}.phone-link span{font-size: 1.2rem; color: var(--primary);}.phone-link:hover{color: var(--primary);}/* Elevated Button Component Specs */ .btn{height: 44px; /* Refined standard height */ padding: 0 22px; border-radius: 8px; /* Modern geometric radius */ font-family: var(--font-body); font-weight: 600; font-size: 0.92rem; cursor: pointer; text-decoration: none !important; transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1); border: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px; outline: none;}.btn:active{transform: translateY(0) scale(0.99) !important;}.btn-primary{background: #FF9600; color: #FFFFFF; border: 1px solid #FF9600; box-shadow: 0 2px 8px rgba(255, 150, 0, 0.22); font-weight: 600; transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);}.btn-primary:hover{background: #E68500; border-color: #E68500; transform: translateY(-1px); box-shadow: 0 6px 18px rgba(255, 150, 0, 0.35);}.btn-accent{background: #FF9600; color: #FFFFFF; border: 1px solid #FF9600; box-shadow: 0 2px 8px rgba(255, 150, 0, 0.22); font-weight: 600; transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);}.btn-accent:hover{background: #E68500; border-color: #E68500; transform: translateY(-1px); box-shadow: 0 6px 18px rgba(255, 150, 0, 0.35);}.btn-secondary, .btn-outline{background: #FFFFFF; border: 1.5px solid var(--primary); color: var(--primary); font-weight: 600; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);}.btn-secondary:hover, .btn-outline:hover{background-color: var(--surface); color: var(--primary); border-color: var(--primary); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(24, 108, 236, 0.08);}.btn-tertiary{background: transparent; color: var(--text-secondary); font-weight: 500;}.btn-tertiary span{color: var(--primary); font-size: 1.4rem;}.btn-tertiary:hover{color: var(--primary); transform: translateY(-1px);}.btn-large{height: 48px; /* Sleeker large height */ padding: 0 var(--space-xl); font-size: 0.95rem; border-radius: 8px; /* Matching Get Free Quote radius (8px) */}.full-width{width: 100%;}/* Hero Section & Background Graphics */ .hero-container{max-width: 100%; padding: 125px 0 45px; /* Increased padding for a spacious, tall hero fold */ position: relative; overflow: hidden; background: linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 100%); border-bottom: 1px solid var(--border);}/* Background Ambient Glow & Soft Shapes (Luxury Feel) */ .bg-shape-grid{position: absolute; top: 0; left: 0; right: 0; height: 100%; background: radial-gradient(circle at 10% 20%, rgba(24, 108, 236, 0.04) 0%, transparent 50%), radial-gradient(circle at 90% 80%, rgba(255, 150, 0, 0.03) 0%, transparent 50%); z-index: 1; pointer-events: none;}.bg-shape-glow{position: absolute; top: -15%; right: -5%; width: 650px; height: 650px; background: radial-gradient(circle, rgba(24, 108, 236, 0.08) 0%, rgba(24, 108, 236, 0) 70%); z-index: 2; pointer-events: none; filter: blur(60px);}.bg-blueprint-pattern{display: none; /* Removed wireframe blueprint dots for a clean, premium surface */}.hero-content-wrapper{max-width: 1280px; margin: 0 auto; padding: 20px var(--space-content-gutter) 28px; display: grid; grid-template-columns: 52% 48%; gap: var(--space-2xl); align-items: center; position: relative; z-index: 5; margin-bottom: 0;}.hero-text-block{display: flex; flex-direction: column; align-items: flex-start;}.badge-accent-wrapper{display: inline-block; padding: 0; background: none; border: none; box-shadow: none; margin-bottom: 6px;}.hero-tagline-accent{font-family: var(--font-heading); font-weight: 700; text-transform: uppercase; font-size: 0.8rem; color: var(--primary); letter-spacing: 0.05em;}.hero-main-title{font-size: clamp(1.2rem, 2vw, 1.6rem); line-height: 1.15; white-space: nowrap; margin-top: 0; margin-bottom: 10px; font-weight: 500; color: var(--text);}.hero-paragraph{font-size: 18px; color: var(--text-secondary); margin-bottom: var(--space-md); margin-top: 0; max-width: 600px; line-height: 1.6;}.hero-ideal-list{font-size: 0.88rem; color: var(--text-light); margin-bottom: 12px; max-width: 600px; font-weight: 500;}.hero-chips{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; margin-bottom: var(--space-xl);}.hero-chips .chip{font-size: 0.82rem; font-weight: 600; color: var(--primary); background-color: var(--primary-light); border: 1px solid rgba(24, 108, 236, 0.18); padding: 6px 14px; border-radius: var(--radius-card); display: inline-flex; align-items: center; cursor: default; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);}.hero-chips .chip span{color: var(--primary);}.hero-chips .chip:hover{background-color: var(--primary); color: #ffffff; border-color: var(--primary); transform: translateY(-2px); box-shadow: 0 4px 14px rgba(24, 108, 236, 0.25);}.hero-chips .chip:hover span{color: #ffffff;}.hero-action-buttons{display: flex; gap: var(--space-md); align-items: center; flex-wrap: wrap; margin-bottom: 28px;}/* Trust Indicators Directly Below CTA */ .hero-trust-indicators{display: flex; align-items: center; gap: var(--space-lg); padding: 8px 0;}.trust-indicator-item{display: flex; flex-direction: column;}.trust-indicator-item .stars{color: var(--accent); font-size: 0.95rem; font-weight: 700;}.trust-indicator-item .count{font-family: var(--font-heading); font-weight: 700; font-size: 1.05rem; color: var(--text);}.trust-indicator-item .label{font-size: 0.75rem; color: var(--text-light); margin-top: 2px;}.trust-divider{width: 1px; height: 28px; background-color: var(--border);}/* Right-side Large Premium visual & floating stats cards */ .hero-visual-block{display: flex; justify-content: flex-end;}.hero-visual-wrapper{position: relative; border-radius: 12px; overflow: visible; /* Let floaters overlay */ width: 100%; max-width: 520px;}.hero-visual-img-container{border-radius: 12px; overflow: hidden; /* Cleanly clips image corners */ border: 1px solid rgba(226, 232, 240, 0.8); width: 100%; height: 365px; /* Tall, spacious visual framing */ display: block; box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08);}.hero-visual-img{width: 100%; height: 100%; /* Fill container height fully */ object-fit: cover; /* Crop panoramic edges while keeping focus */ object-position: center; /* Center perspective on the hallway door */ display: block; transition: var(--transition);}/* Static Hero Image Framing */ .float-anim{animation: none; transform: none;}.floating-badge{position: absolute; background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(226, 232, 240, 0.85); border-radius: 12px; padding: 10px 16px; display: flex; align-items: center; gap: 10px; width: max-content; max-width: 280px; box-shadow: 0 4px 16px rgba(24, 108, 236, 0.08); z-index: 10; cursor: default;}.badge-1{top: 25px; left: -20px;}.badge-2{top: 48%; right: -16px; transform: translateY(-50%);}.badge-3{bottom: 25px; left: -20px;}.badge-icon-box{width: 34px; height: 34px; background-color: var(--primary-light); color: var(--primary); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.badge-icon-box span{font-size: 1.15rem;}.badge-icon-box.orange{background-color: var(--accent-light); color: var(--accent);}.badge-content h4{font-size: 0.85rem; font-weight: 700; color: var(--text);}.badge-content p{font-size: 0.75rem; color: var(--text-secondary);}/* Hero Trust Key Features Strip (Positioned directly above As Seen On) */ .hero-trust-strip{background-color: var(--surface); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: 28px 0; width: 100%;}.hero-trust-strip .offerings-trust-strip{margin: 0 auto; padding: 0 var(--space-xl); border-top: none;}/* Trusted & Featured In Media Logos & Press Snippets */ .trust-bar{background: linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 100%); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: 36px 0; margin-bottom: 0; width: 100%;}.trust-bar-container{max-width: 1280px; margin: 0 auto; padding: 0 var(--space-content-gutter); display: flex; flex-direction: column; align-items: center; gap: 24px;}.trust-title{font-size: 0.75rem; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; color: var(--primary); background: var(--primary-light); padding: 6px 16px; border-radius: var(--radius-card); display: inline-flex; align-items: center; gap: 8px;}.trust-logos-grid{display: flex; align-items: center; justify-content: center; gap: 32px; flex-wrap: wrap; width: 100%;}.logo-item{display: flex; align-items: center; justify-content: center;}.logo-item img{height: 42px; width: 42px; aspect-ratio: 1 / 1; display: block; object-fit: contain; border-radius: 8px; border: 1px solid var(--border); background-color: #ffffff; box-shadow: none;}/* Media Press Quotes Grid */ .press-cards-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; width: 100%; margin-top: 8px;}@media (max-width: 992px){.press-cards-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 640px){.press-cards-grid{grid-template-columns: 1fr;}}.press-card{background: #FFFFFF; border: 1px solid rgba(226, 232, 240, 0.9); border-radius: 12px; padding: 20px 22px; display: flex; flex-direction: column; gap: 12px; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);}.press-card:hover{transform: translateY(-4px); box-shadow: 0 14px 30px rgba(37, 99, 235, 0.1); border-color: rgba(37, 99, 235, 0.3);}.press-card-header{display: flex; align-items: center; gap: 12px;}.press-card-logo{width: 42px; height: 42px; object-fit: contain; border-radius: 12px; border: 1px solid rgba(0, 0, 0, 0.06); background: #FFFFFF; padding: 4px; flex-shrink: 0; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);}.press-card-source{font-size: 0.9rem; font-weight: 700; color: var(--text);}.press-card-quote{font-size: 0.86rem; line-height: 1.55; color: var(--text-secondary); font-style: italic; margin: 0;}/* Blue Features Bar Strip below hero fold */ .features-bar-strip{background-color: var(--primary); color: #FFFFFF; padding: var(--space-xl) 0; margin-bottom: var(--space-section);}.features-strip-container{max-width: 1280px; margin: 0 auto; padding: 0 var(--space-content-gutter); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-xl);}.strip-item{display: flex; align-items: flex-start; gap: var(--space-md);}.strip-icon{font-size: 2.2rem; color: #FFFFFF; opacity: 0.9; flex-shrink: 0; margin-top: 2px;}.strip-text h5{font-family: var(--font-heading); font-size: 1.1rem; font-weight: 700; margin-bottom: var(--space-xs); color: #FFFFFF;}.strip-text p{font-size: 0.85rem; line-height: 1.5; color: rgba(255, 255, 255, 0.8);}/* Responsiveness for features strip */ @media (max-width: 900px){.features-strip-container{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-lg);}}@media (max-width: 600px){.features-strip-container{grid-template-columns: 1fr; gap: var(--space-md);}}.section-header-centered{text-align: center; max-width: 800px; margin: 0 auto 32px; display: flex; flex-direction: column; align-items: center;}.section-header-centered h1, .section-header-centered h2{font-size: clamp(1.2rem, 2vw, 1.6rem); font-weight: 500; color: var(--text); margin-top: 0; margin-bottom: 10px; letter-spacing: -0.01em; line-height: 1.18;}.section-header-centered p{font-size: 17px; line-height: 1.65 !important; max-width: 660px; color: var(--text-secondary) !important;}/* Location Header Badges Single Row */ .loc-badges-row{display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; gap: 8px; margin: 16px auto 0 auto; width: 100%; max-width: 1280px; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none;}.loc-badges-row::-webkit-scrollbar{display: none;}.loc-badge-pill{background: #ffffff; border: 1px solid #cbd5e1; color: #1e293b; padding: 4px 10px; border-radius: var(--radius-card); font-size: 11.5px; font-weight: 600; display: inline-flex; align-items: center; gap: 5px; box-shadow: 0 2px 6px rgba(0,0,0,0.03); white-space: nowrap; flex-shrink: 0;}@media (max-width: 768px){.loc-badges-row{flex-wrap: wrap; gap: 6px;}}/* When Self Storage Makes Sense Section */ .sense-section{padding: var(--space-section) 0; background-color: #ffffff; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); position: relative; z-index: 2;}.stat-badge-wrapper{margin-top: 14px; margin-bottom: 28px; display: flex; justify-content: center;}.stat-badge{display: inline-flex; align-items: center; gap: 8px; padding: 6px 16px; background-color: var(--primary-light); border: 1px solid rgba(24, 108, 236, 0.12); border-radius: var(--radius-card); font-size: 0.82rem; font-weight: 600; color: var(--text-secondary);}.stat-badge .stars{color: var(--accent); font-weight: 700;}.sense-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; max-width: 1280px; margin: 0 auto; padding: 0 var(--space-xl);}.sense-card{display: flex; align-items: center; gap: 16px; background-color: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-card); padding: 18px; box-shadow: 0 2px 6px rgba(15, 23, 42, 0.03); cursor: default; transition: transform 200ms ease, box-shadow 200ms ease; height: 100%;}.sense-card:hover{transform: translateY(-2px); box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);}.sense-icon-box, .sense-icon-box.theme-blue, .sense-icon-box.theme-orange{width: 44px; height: 44px; border-radius: var(--radius-btn); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; background-color: var(--primary-light) !important; color: var(--primary) !important;}.sense-icon-box .material-symbols-rounded{font-size: 22px; line-height: 1; display: flex; align-items: center; justify-content: center;}.sense-card-content{display: flex; flex-direction: column; gap: 4px; justify-content: center;}.sense-card-content h3{font-size: 0.98rem; font-weight: 500; color: var(--text); margin: 0; line-height: 1.18;}.sense-card-content p{font-size: 0.84rem; color: var(--text-secondary); line-height: 1.45; margin: 0;}/* Trust Feature Strip */ .trust-strip{max-width: 1280px; margin: 0 auto; padding: var(--space-2xl) !important; border-radius: var(--radius-lg) !important;}.trust-strip-grid{display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--space-lg);}.trust-strip-item{display: flex; align-items: center; gap: var(--space-md);}.trust-strip-item span{font-size: 2rem; color: var(--primary); transition: var(--transition);}.trust-strip-item:hover span{color: var(--accent); transform: scale(1.1);}.item-text h5{font-family: var(--font-heading); font-weight: 700; font-size: 0.9rem; color: var(--text);}.item-text p{font-size: 0.75rem; color: var(--text-light);}/* Conversion Quote Modal */ .modal-overlay{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(34, 34, 34, 0.4); backdrop-filter: blur(8px); display: none; align-items: center; justify-content: center; z-index: 200; opacity: 0; transition: opacity 0.2s ease;}.modal-overlay.open{display: flex; opacity: 1;}.modal-card{background-color: var(--bg); border-radius: var(--radius-xl); width: 100%; max-width: 440px; padding: var(--space-2xl); transform: scale(0.95); transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1); box-shadow: var(--shadow-lg);}.modal-card.video-card{max-width: 600px;}.modal-overlay.open .modal-card{transform: scale(1);}.modal-header{display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-xl);}.modal-close{background: none; border: none; cursor: pointer; color: var(--text-light); transition: var(--transition);}.modal-close:hover{color: var(--text);}.modal-form{display: flex; flex-direction: column; gap: var(--space-lg);}.form-group{display: flex; flex-direction: column; gap: var(--space-xs);}.form-group label{font-size: 0.8rem; font-weight: 600; color: var(--text-secondary);}.form-group input, .form-group select{padding: 12px 16px; border: 1px solid var(--border); border-radius: var(--radius-md); font-family: var(--font-body); font-size: 0.95rem; color: var(--text); outline: none; transition: var(--transition);}.form-group input:focus, .form-group select:focus{border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-light);}/* Toast Success Alert */ .toast, .toast-notification{position: fixed; bottom: 24px; right: 24px; background: #FFFFFF; color: var(--text-dark, #0F172A); padding: 14px 20px; border-radius: var(--radius-md, 12px); display: none; align-items: center; gap: 12px; z-index: 2000; opacity: 0; transform: translateY(20px); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); pointer-events: none; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); border: 1px solid rgba(226, 232, 240, 0.8); border-left: 4px solid var(--primary, #186CEC);}.toast.show, .toast-notification.show{display: flex !important; opacity: 1; transform: translateY(0); pointer-events: auto;}.toast-icon{color: #10B981; font-size: 1.5rem; flex-shrink: 0;}.toast-content h4{margin: 0 0 2px 0; font-size: 0.95rem; font-weight: 700; color: var(--primary, #186CEC);}.toast-content p{margin: 0; font-size: 0.825rem; color: var(--text-muted, #64748B);}/* Animations */ @keyframes slideUp{from{opacity: 0; transform: translateY(20px);}to{opacity: 1; transform: translateY(0);}}@keyframes pulse{0%{transform: scale(0.95); box-shadow: 0 0 0 0 rgba(24, 108, 236, 0.4);}70%{transform: scale(1); box-shadow: 0 0 0 8px rgba(24, 108, 236, 0);}100%{transform: scale(0.95); box-shadow: 0 0 0 0 rgba(24, 108, 236, 0);}}/* Responsive Gaps */ @media (max-width: 900px){.hero-content-wrapper{grid-template-columns: 1fr; gap: var(--space-3xl);}.hero-container{padding: 120px 0 60px;}.hero-visual-block{justify-content: center;}.floating-badge{display: none; /* Hide floating badges on smaller screens */}.sense-grid{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;}.trust-strip-grid{grid-template-columns: repeat(3, 1fr); gap: var(--space-lg);}}.mobile-nav-toggle{display: none; background: transparent; border: none; color: var(--text); cursor: pointer; padding: 6px; border-radius: var(--radius-sm); align-items: center; justify-content: center;}.mobile-nav-toggle span{font-size: 28px;}.mobile-drawer-header{display: none;}.mobile-nav-overlay{display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(4px); z-index: 99998 !important; opacity: 0; pointer-events: none; transition: opacity 0.3s ease;}.mobile-nav-overlay.active{opacity: 1; pointer-events: auto;}@media (max-width: 900px){.mobile-nav-toggle{display: flex !important; visibility: visible !important; opacity: 1 !important; color: var(--text-dark, #111) !important; z-index: 9999 !important;}.nav-links{display: flex !important; position: fixed; top: 0; right: 0; width: 300px; max-width: 85vw; height: 100vh; height: 100dvh; background: #ffffff; flex-direction: column; padding: 24px 20px; gap: 14px; box-shadow: -10px 0 30px rgba(0, 0, 0, 0.15); z-index: 99999 !important; transform: translateX(100%); transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); will-change: transform; overflow-y: auto; -webkit-overflow-scrolling: touch;}.nav-links.mobile-open{transform: translateX(0) !important;}body.mobile-menu-open .advisor-floating-unit, body.no-scroll .advisor-floating-unit, .nav-links.mobile-open ~ .advisor-floating-unit, .nav-links.mobile-open ~ * .advisor-floating-unit{display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important;}.mobile-drawer-header{display: flex !important; align-items: center; justify-content: space-between; padding-bottom: 16px; border-bottom: 1px solid var(--border); margin-bottom: 8px; width: 100%;}.mobile-drawer-title{font-family: var(--font-heading); font-weight: 700; font-size: 1.1rem; color: var(--text);}.mobile-drawer-close{background: var(--surface); border: 1px solid var(--border); border-radius: 50%; width: 36px; height: 36px; display: flex !important; align-items: center; justify-content: center; cursor: pointer; color: var(--text-secondary);}.mobile-nav-overlay{display: block !important;}.nav-item-dropdown{flex-direction: column; align-items: flex-start; width: 100%;}.dropdown-menu{position: static !important; transform: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; width: 100% !important; box-shadow: none !important; border: none !important; padding: 4px 0 8px 12px !important; background: transparent !important; display: flex !important; flex-direction: column !important; gap: 6px !important;}.dropdown-arrow{display: none !important;}.nav-actions .btn-primary{display: none !important;}/* Zero-exit /store page exception */ .page-store .mobile-nav-toggle{display: none !important;}.page-store .nav-links{display: none !important;}.page-store .mobile-drawer-header, .page-store .mobile-nav-overlay{display: none !important;}.page-store .nav-actions .btn-primary{display: inline-flex !important;}}@media (max-width: 768px){.navbar{height: 60px;}.nav-container{height: 60px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between;}.brand-logo{height: 44px; display: flex; align-items: center;}.brand-logo-img{height: 42px; width: auto;}.nav-actions{display: flex; align-items: center; gap: 12px;}.nav-actions .btn-primary{display: none !important;}.page-store .nav-actions .btn-primary{display: inline-flex !important; padding: 8px 14px; font-size: 0.82rem; font-weight: 600; border-radius: var(--radius-btn); white-space: nowrap; line-height: 1;}.mobile-nav-toggle{display: flex !important; visibility: visible !important; opacity: 1 !important; color: var(--text-dark, #111) !important; z-index: 9999 !important;}.page-store .mobile-nav-toggle{display: none !important;}.phone-link{font-size: 0; width: 42px; height: 42px; border-radius: 50%; background: var(--primary); box-shadow: 0 4px 12px rgba(24, 108, 236, 0.25); display: inline-flex; align-items: center; justify-content: center; gap: 0; padding: 0; flex-shrink: 0; transition: transform 0.2s ease, box-shadow 0.2s ease;}.phone-link span{font-size: 22px; color: #ffffff; margin: 0;}.phone-link:active{transform: scale(0.95);}}@media (max-width: 600px){.hero-main-title{font-size: 1.8rem; white-space: normal;}.trust-strip-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}.sense-grid{grid-template-columns: 1fr;}}/* Why Self Storage Section styling - Redesigned Editorial Split Layout */ .why-editorial-section{padding: var(--space-section) 0; background-color: #ffffff; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);}.why-editorial-container{display: flex; gap: var(--space-3xl); max-width: 1280px; margin: 0 auto; padding: 0 var(--space-content-gutter); position: relative;}.why-editorial-left{width: 55%; display: flex; flex-direction: column; gap: var(--space-3xl);}.why-editorial-right{width: 45%; position: relative;}.sticky-visual-wrapper{position: sticky; top: 100px; border-radius: 12px; overflow: hidden; background-color: var(--surface); border: 1px solid var(--border); font-size: 0; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.04);}.sticky-lifestyle-img{width: 100%; height: 600px; object-fit: cover; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); display: block;}.sticky-visual-wrapper:hover .sticky-lifestyle-img{transform: scale(1.03);}.sticky-image-overlay{position: absolute; bottom: var(--space-lg); left: var(--space-lg); right: var(--space-lg);}.overlay-badge{display: inline-flex; align-items: center; gap: 8px; background-color: rgba(255, 255, 255, 0.95); backdrop-filter: blur(8px); padding: 10px 18px; border-radius: var(--radius-pill); font-size: 0.82rem; font-weight: 600; color: var(--primary); box-shadow: 0 4px 12px rgba(0,0,0,0.06);}.why-editorial-header h2{font-size: clamp(1.2rem, 2vw, 1.6rem); font-weight: 500; color: var(--text); margin-top: var(--space-xs); margin-bottom: var(--space-sm); line-height: 1.18; letter-spacing: -0.01em;}.why-editorial-header .supporting-text{font-size: 1.1rem; line-height: 1.6; color: var(--text-secondary);}.editorial-block{border-bottom: 1px solid var(--border); padding-bottom: var(--space-xl);}.editorial-block:last-of-type{border-bottom: none; padding-bottom: 0;}.editorial-block h3{font-size: 1.35rem; font-weight: 500; color: var(--text); margin-bottom: var(--space-sm);}.editorial-block p{font-size: 0.95rem; color: var(--text-secondary); line-height: 1.65; margin-bottom: var(--space-sm);}.editorial-block p:last-of-type{margin-bottom: 0;}.editorial-block .block-intro{font-size: 0.95rem; font-weight: 600; color: var(--text-secondary); margin-bottom: var(--space-md);}/* Pills Grid Styles */ .pill-grid{display: flex; flex-wrap: wrap; gap: 10px; margin-top: var(--space-xs);}.editorial-pill{background-color: var(--primary-light); color: var(--primary); font-size: 0.88rem; font-weight: 700; padding: 8px 16px; border-radius: var(--radius-pill); transition: all 200ms ease; border: 1px solid rgba(37, 99, 235, 0.08);}.editorial-pill:hover{background-color: var(--primary); color: #ffffff; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);}.editorial-pill.pill-secondary{background-color: var(--surface); color: var(--text-secondary); border: 1px solid rgba(71, 85, 105, 0.08);}.editorial-pill.pill-secondary:hover{background-color: var(--text-secondary); color: #ffffff; box-shadow: 0 4px 12px rgba(71, 85, 105, 0.15);}/* Features Grid Styles */ .editorial-features-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-md); margin-top: var(--space-md);}.editorial-feature-card{background-color: #ffffff; border: 1px solid var(--border); border-radius: var(--radius-pill); padding: var(--space-lg); transition: all 250ms ease; display: flex; flex-direction: column; gap: 8px;}.editorial-feature-card:hover{border-color: var(--primary); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(37, 99, 235, 0.04);}.editorial-feature-card span{color: var(--primary); font-size: 1.5rem; width: 40px; height: 40px; background-color: var(--primary-light); border-radius: var(--radius-icon); display: flex; align-items: center; justify-content: center;}.editorial-feature-card h4{font-size: 0.95rem; font-weight: 600; color: var(--text); margin: 0;}.editorial-feature-card p{font-size: 0.82rem; color: var(--text-secondary); line-height: 1.5; margin: 0;}/* Timeline Styles */ .editorial-timeline{display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin-top: var(--space-md); background-color: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-pill); padding: var(--space-xl);}.timeline-item{display: flex; flex-direction: column; align-items: flex-start;}.timeline-value{font-size: 1.4rem; font-weight: 600; color: var(--primary);}.timeline-label{font-size: 0.88rem; font-weight: 600; color: var(--text-secondary);}.timeline-arrow{font-size: 1.2rem; color: var(--primary); font-weight: 700; margin-left: 10px; opacity: 0.7;}/* Editorial bottom CTA banner */ .editorial-cta{margin-top: var(--space-3xl); background-color: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-card); padding: var(--space-2xl) var(--space-xl); text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}.editorial-cta h2{font-size: clamp(1.2rem, 2vw, 1.6rem); font-weight: 500; margin-bottom: var(--space-xs); max-width: 650px; line-height: 1.18; color: var(--text);}.editorial-cta p{font-size: 17px; color: var(--text-secondary); margin-bottom: var(--space-lg); max-width: 550px;}.editorial-cta-actions{display: flex; gap: var(--space-md);}/* Responsive adjustments */ @media (max-width: 900px){.why-editorial-container{flex-direction: column-reverse; gap: var(--space-xl);}.why-editorial-left{width: 100%;}.why-editorial-right{width: 100%;}.sticky-visual-wrapper{position: static;}.sticky-lifestyle-img{height: 380px;}.editorial-features-grid{grid-template-columns: 1fr;}.editorial-cta{padding: var(--space-xl);}.editorial-cta h2{font-size: clamp(1.2rem, 2vw, 1.6rem);}.editorial-cta-actions{flex-direction: column; width: 100%;}.editorial-cta-actions button{width: 100%;}}/* Storage Calculator Section styling */ /* Storage Calculator Section tag — also used as universal section eyebrow label */ .calc-tag{display: inline-block; color: var(--primary); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 10px; background: none; border: none; padding: 0; box-shadow: none; cursor: default;}.calc-section{padding: var(--space-section) 0; background-color: var(--surface); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);}.calc-container{display: grid; grid-template-columns: 40% 60%; gap: var(--space-3xl); max-width: 1280px; margin: 0 auto; padding: 0 var(--space-content-gutter); align-items: start;}.calc-visual-column{position: sticky; top: 100px;}.storage-unit-box{background-color: #ffffff; border: 1px solid var(--border); border-radius: 12px; padding: var(--space-xl); margin-bottom: var(--space-xl); position: relative; overflow: hidden;}.unit-header{display: flex; align-items: center; gap: var(--space-sm); border-bottom: 1px solid var(--border); padding-bottom: 12px; margin-bottom: 16px; color: var(--primary);}.unit-header span{font-size: 1.5rem;}.unit-header h4{font-size: 1rem; font-weight: 700; color: var(--text);}.unit-room-visual{position: relative; height: 180px; background-color: var(--surface); border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; border: 1px dashed rgba(37,99,235,0.25);}.unit-fill-progress{background-color: rgba(37, 99, 235, 0.15); width: 100%; height: 0%; transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1);}.unit-grid-items{position: absolute; bottom: 12px; left: 12px; right: 12px; display: flex; flex-wrap: wrap; gap: 6px; z-index: 2; justify-content: center;}.mini-item-visual{font-size: 1.25rem; color: var(--primary); background-color: #ffffff; border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.03); animation: popIn 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;}@keyframes popIn{from{transform: scale(0); opacity: 0;}to{transform: scale(1); opacity: 1;}}.unit-fill-percentage{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight: 600; font-size: 1.4rem; color: var(--primary); z-index: 3; transition: color 0.25s ease;}.live-result-card{background-color: #ffffff; border: 1.5px solid var(--primary); border-radius: 12px; padding: var(--space-xl); position: relative; overflow: hidden; transition: var(--transition);}.result-header{display: flex; align-items: center; gap: 8px; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: var(--primary); margin-bottom: 8px;}.result-value{font-size: 2.2rem; font-weight: 900; color: var(--text); margin-bottom: 16px; transition: transform 0.2s ease;}.result-details{list-style: none; padding: 0; margin: 0 0 20px 0; display: flex; flex-direction: column; gap: 10px;}.result-details li{display: flex; align-items: center; gap: 8px; font-size: 0.9rem; color: var(--text-secondary); font-weight: 500;}.check-icon{color: var(--success); font-size: 1.15rem;}.calc-items-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-md);}.calc-item-card{background-color: #ffffff; border: 1px solid var(--border); border-radius: 12px; padding: var(--space-md); transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1); display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; justify-content: space-between;}.calc-item-card:hover{border-color: var(--primary); box-shadow: 0 8px 24px rgba(24, 108, 236, 0.06); transform: translateY(-2px);}.card-icon-title{display: flex; flex-direction: column; align-items: center; gap: 8px;}.calc-icon-box, .calc-icon-box.theme-blue, .calc-icon-box.theme-orange{width: 48px; height: 48px; border-radius: var(--radius-card); display: flex; align-items: center; justify-content: center; background-color: var(--primary-light); color: var(--primary);}.calc-icon-box span{font-size: 1.5rem;}.calc-item-card:hover .calc-icon-box{transform: none;}.card-icon-title span:not(.material-symbols-rounded){font-size: 0.85rem; font-weight: 700; color: var(--accent-hover); /* Contrast brand orange */}.card-controls{display: flex; align-items: center; gap: 12px; background-color: rgba(245, 158, 11, 0.08); /* Soft brand orange background */ border-radius: var(--radius-pill); padding: 4px 8px; width: 100%; justify-content: space-between;}.control-btn{width: 26px; height: 26px; border-radius: 50%; border: none; background-color: #ffffff; color: var(--accent-hover); /* Orange text color */ font-size: 0.85rem; font-weight: 600; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0,0,0,0.05); transition: var(--transition);}.control-btn:hover{transform: scale(1.1); background-color: var(--accent-hover); color: #ffffff;}.qty-display{font-size: 0.9rem; font-weight: 700; color: var(--accent-hover); /* Orange quantity counter text */ min-width: 14px; text-align: center;}/* Premium transparent CTA outline button */ .btn-calc-transparent{background-color: transparent; border: 2px solid var(--primary); color: var(--primary); font-weight: 700; transition: all 250ms ease;}.btn-calc-transparent:hover{background-color: var(--primary); color: #ffffff; box-shadow: 0 6px 18px rgba(24, 108, 236, 0.15);}/* 1. Preset Selector Bar */ .calc-preset-wrapper{margin-bottom: 24px; background: #ffffff; border: 1px solid var(--border); border-radius: 12px; padding: 16px 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.03);}.calc-preset-title{font-size: 0.82rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--text-secondary); margin-bottom: 12px; display: flex; align-items: center; gap: 6px;}.calc-preset-bar{display: flex; flex-wrap: wrap; gap: 10px; align-items: center;}.calc-preset-btn{appearance: none; border: 1px solid var(--border); background: var(--surface); color: var(--text); padding: 8px 16px; border-radius: var(--radius-pill); font-size: 0.85rem; font-weight: 600; cursor: pointer; transition: all 0.2s ease; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap;}.calc-preset-btn:hover{border-color: var(--primary); color: var(--primary); background: #ffffff; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(24, 108, 236, 0.08);}.calc-preset-btn.active{background: var(--primary); border-color: var(--primary); color: #ffffff; box-shadow: 0 4px 14px rgba(24, 108, 236, 0.25);}.calc-preset-btn.btn-reset{color: #ef4444; border-color: #fee2e2; background: #fef2f2;}.calc-preset-btn.btn-reset:hover{background: #ef4444; color: #ffffff; border-color: #ef4444;}/* 2. Category Filter Tabs */ .calc-filter-tabs{display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; border-bottom: 1px solid var(--border); padding-bottom: 12px;}.calc-tab-btn{appearance: none; background: transparent; border: none; padding: 8px 16px; font-size: 0.88rem; font-weight: 600; color: var(--text-secondary); border-radius: var(--radius-pill); cursor: pointer; transition: all 0.2s ease; display: inline-flex; align-items: center; gap: 6px;}.calc-tab-btn:hover{color: var(--primary); background: rgba(37, 99, 235, 0.06);}.calc-tab-btn.active{color: #ffffff; background: var(--primary); box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);}/* 3. Item Card Active & Control Styles */ .calc-item-card.has-qty{border-color: var(--primary); background: #f8fbff; box-shadow: 0 6px 20px rgba(37, 99, 235, 0.1);}.calc-item-card.has-qty .card-icon-title span:not(.material-symbols-rounded){color: var(--primary);}.calc-item-card.has-qty .card-controls{background: rgba(37, 99, 235, 0.12);}.calc-item-card.has-qty .qty-display{color: var(--primary); font-size: 1rem; font-weight: 800;}/* 4. Selected Chips Summary */ .calc-selected-chips-wrap{margin-top: 14px; padding-top: 14px; border-top: 1px dashed var(--border);}.calc-selected-chips-title{font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-secondary); margin-bottom: 8px; display: block;}.calc-selected-chips{display: flex; flex-wrap: wrap; gap: 6px; max-height: 120px; overflow-y: auto;}.calc-item-chip{display: inline-flex; align-items: center; gap: 6px; background: #f1f5f9; border: 1px solid #cbd5e1; border-radius: var(--radius-pill); padding: 3px 10px; font-size: 0.76rem; font-weight: 600; color: var(--text);}.calc-item-chip button{appearance: none; border: none; background: transparent; color: #94a3b8; cursor: pointer; font-size: 1rem; line-height: 1; padding: 0; display: inline-flex; align-items: center; justify-content: center; transition: color 0.15s ease;}.calc-item-chip button:hover{color: #ef4444;}.no-items-label{font-size: 0.8rem; color: #94a3b8; font-style: italic;}/* 5. Live Result Card & Tier Details */ .result-tier-badge{display: inline-block; background: rgba(37, 99, 235, 0.1); color: var(--primary); font-size: 0.8rem; font-weight: 700; padding: 4px 10px; border-radius: var(--radius-pill); margin-bottom: 8px;}.cta-btn-calc{background: #FF9600; color: #ffffff; font-weight: 700; font-size: 1rem; padding: 14px 20px; border: none; border-radius: var(--radius-pill); cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; transition: all 0.25s ease; box-shadow: 0 4px 14px rgba(255, 150, 0, 0.3);}.cta-btn-calc:hover{background: #e68700; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 150, 0, 0.4); color: #ffffff;}.calc-call-link{display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 12px; font-size: 0.85rem; font-weight: 600; color: var(--text-secondary); text-decoration: none; transition: color 0.2s ease;}.calc-call-link:hover{color: var(--primary);}/* 6. Sticky Mobile Floating Bar */ .calc-mobile-bar{position: fixed; bottom: 0; left: 0; right: 0; background: #ffffff; border-top: 2px solid var(--primary); box-shadow: 0 -6px 24px rgba(0,0,0,0.12); z-index: 999; padding: 12px 18px; display: none; align-items: center; justify-content: space-between; transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);}@media (max-width: 900px){.calc-mobile-bar.visible{display: flex;}body.has-calc-bar{padding-bottom: 70px;}}.calc-mobile-info{display: flex; flex-direction: column;}.calc-mobile-sqft{font-size: 1.15rem; font-weight: 800; color: var(--text);}.calc-mobile-tier{font-size: 0.78rem; color: var(--primary); font-weight: 600;}.calc-mobile-btn{background: #FF9600; color: #ffffff; font-size: 0.9rem; font-weight: 700; padding: 10px 18px; border-radius: var(--radius-pill); border: none; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; box-shadow: 0 4px 12px rgba(255, 150, 0, 0.3);}/* 7. Size Comparison Guide Section */ .size-guide-section{padding: 80px 0; background: #ffffff;}.size-guide-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 40px;}.size-guide-card{background: #ffffff; border: 1px solid var(--border); border-radius: 12px; padding: 24px; display: flex; flex-direction: column; justify-content: space-between; transition: all 0.25s ease; position: relative; overflow: hidden;}.size-guide-card:hover{transform: translateY(-4px); border-color: var(--primary); box-shadow: 0 12px 30px rgba(24, 108, 236, 0.08);}.size-guide-badge{font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--primary); margin-bottom: 8px; display: inline-block;}.size-guide-title{font-size: 1.25rem; font-weight: 800; color: var(--text); margin-bottom: 6px;}.size-guide-sqft{font-size: 1.1rem; font-weight: 700; color: #FF9600; margin-bottom: 12px;}.size-guide-dim{font-size: 0.82rem; color: var(--text-secondary); background: var(--surface); padding: 6px 10px; border-radius: 8px; margin-bottom: 16px;}.size-guide-fits{list-style: none; padding: 0; margin: 0 0 20px 0; display: flex; flex-direction: column; gap: 8px; flex-grow: 1;}.size-guide-fits li{font-size: 0.85rem; color: var(--text-secondary); display: flex; align-items: flex-start; gap: 6px; line-height: 1.4;}.size-guide-fits li .material-symbols-rounded{color: var(--success); font-size: 1.1rem; flex-shrink: 0; margin-top: 1px;}.size-guide-btn{appearance: none; background: transparent; border: 1.5px solid var(--primary); color: var(--primary); padding: 10px 16px; border-radius: var(--radius-pill); font-size: 0.88rem; font-weight: 700; cursor: pointer; text-align: center; transition: all 0.2s ease; display: inline-flex; align-items: center; justify-content: center; gap: 6px; width: 100%;}.size-guide-btn:hover{background: var(--primary); color: #ffffff;}@media (max-width: 1024px){.size-guide-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 640px){.size-guide-grid{grid-template-columns: 1fr;}}/* 8. How We Calculate (Trust & Tips) */ .calc-how-section{padding: 70px 0; background: var(--surface); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);}.calc-how-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 36px;}.calc-how-card{background: #ffffff; border: 1px solid var(--border); border-radius: 12px; padding: 24px; display: flex; flex-direction: column; gap: 12px;}.calc-how-icon{width: 48px; height: 48px; background: rgba(37, 99, 235, 0.1); color: var(--primary); border-radius: 12px; display: flex; align-items: center; justify-content: center;}.calc-how-card h3{font-size: 1.1rem; font-weight: 500; color: var(--text); margin: 0;}.calc-how-card p{font-size: 0.88rem; color: var(--text-secondary); line-height: 1.5; margin: 0;}@media (max-width: 768px){.calc-how-grid{grid-template-columns: 1fr;}}/* 9. Expert Sizing Banner */ .calc-expert-strip{background: linear-gradient(135deg, #0e223b 0%, #1e3a5f 100%); color: #ffffff; border-radius: 12px; padding: 36px 40px; display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 60px;}.calc-expert-content h3{font-size: 1.4rem; font-weight: 500; color: #ffffff; margin-bottom: 6px;}.calc-expert-content p{font-size: 0.95rem; color: rgba(255,255,255,0.85); margin: 0;}.calc-expert-actions{display: flex; gap: 12px; flex-shrink: 0;}.btn-calc-expert-call{background: #FF9600; color: #ffffff; font-weight: 700; font-size: 0.95rem; padding: 12px 20px; border-radius: var(--radius-pill); text-decoration: none; display: inline-flex; align-items: center; gap: 6px; transition: all 0.2s ease;}.btn-calc-expert-call:hover{background: #e68700; transform: translateY(-2px); color: #ffffff;}.btn-calc-expert-wa{background: #25D366; color: #ffffff; font-weight: 700; font-size: 0.95rem; padding: 12px 20px; border-radius: var(--radius-pill); text-decoration: none; display: inline-flex; align-items: center; gap: 6px; transition: all 0.2s ease;}.btn-calc-expert-wa:hover{background: #20bd5a; transform: translateY(-2px); color: #ffffff;}@media (max-width: 900px){.calc-expert-strip{flex-direction: column; text-align: center; padding: 28px 20px;}.calc-expert-actions{width: 100%; flex-direction: column;}.calc-expert-actions a{width: 100%; justify-content: center;}}.calc-trust-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-xl); max-width: 1280px; margin: var(--space-3xl) auto 0; padding: 0 var(--space-xl);}.calc-trust-grid .trust-card{display: flex; gap: var(--space-md); align-items: flex-start; padding: var(--space-lg); background-color: #ffffff; border: 1px solid var(--border); border-radius: var(--radius-card);}.calc-trust-grid .trust-card span{color: var(--success); font-size: 1.4rem;}.calc-trust-grid .trust-card h4{font-size: 0.95rem; font-weight: 700; color: var(--text); margin-bottom: 4px;}.calc-trust-grid .trust-card p{font-size: 0.85rem; color: var(--text-secondary); line-height: 1.4;}/* Highlighted Calculator CTA Panel */ .calc-cta-panel{background-color: var(--primary); color: #ffffff; padding: var(--space-2xl); border-radius: var(--radius-card); display: flex; align-items: center; justify-content: space-between; max-width: 1280px; margin: 0 auto;}.cta-panel-content h3{color: #ffffff; font-size: 1.5rem; font-weight: 500; margin-bottom: 8px;}.cta-panel-content p{color: rgba(255,255,255,0.85); font-size: 0.95rem; line-height: 1.4;}.cta-panel-actions{display: flex; gap: var(--space-md); flex-shrink: 0; align-items: center;}.calc-cta-panel .btn-why-secondary{border-color: #ffffff; color: #ffffff;}.calc-cta-panel .btn-why-secondary:hover{background-color: rgba(255,255,255,0.1); border-color: #ffffff; color: #ffffff;}@media (max-width: 900px){.calc-container{grid-template-columns: 1fr; gap: var(--space-2xl);}.calc-visual-column{position: static;}.calc-items-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}.calc-trust-grid{grid-template-columns: 1fr; gap: var(--space-md);}.calc-cta-panel{flex-direction: column; align-items: stretch; text-align: center; gap: var(--space-xl);}.cta-panel-actions{flex-direction: column; width: 100%;}.cta-panel-actions button, .cta-panel-actions a{width: 100%;}}@media (max-width: 600px){.calc-items-grid{grid-template-columns: 1fr;}}/* Our Locations Section */ .locations-section{padding: var(--space-section) 0; background-color: #ffffff; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); position: relative; z-index: 2;}.loc-tag-vibrant{display: inline-block; color: var(--warning); /* Retain Vibrant Orange Color */ font-size: 0.78rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 10px; background: none; border: none; padding: 0; box-shadow: none; cursor: default;}.locations-stats-bar{display: flex; flex-wrap: nowrap; /* Forces badges in one line */ justify-content: center; gap: 8px; margin-top: var(--space-lg); overflow-x: auto; /* Handle overflow on smaller screens */ width: 100%; padding-bottom: 6px;}.locations-stats-bar .stat-badge{background-color: var(--primary-light); color: var(--primary); border: 1px solid rgba(24, 108, 236, 0.1); font-size: 0.78rem; /* Slightly smaller to fit */ font-weight: 700; padding: 6px 12px; /* Compressed padding */ border-radius: var(--radius-pill); display: inline-flex; align-items: center; gap: 6px; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.03); white-space: nowrap; /* No wrapping inside badge */}.locations-stats-bar .stat-badge span.material-symbols-rounded{font-size: 1.05rem;}@media (max-width: 900px){.locations-stats-bar{flex-wrap: wrap; /* Fallback wrapping on mobile viewports */ justify-content: center;}}.locations-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; max-width: 1280px; margin: var(--space-2xl) auto 0; padding: 0 var(--space-xl);}.location-card{background-color: #ffffff; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; cursor: pointer; transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1); display: flex; flex-direction: column; box-shadow: 0 2px 8px rgba(0,0,0,0.02); text-decoration: none; color: inherit;}.location-card:hover{transform: none; border-color: var(--border); box-shadow: 0 6px 20px rgba(0,0,0,0.04);}/* Specific highlighted state from map interaction */ .location-card.highlighted{border-color: var(--primary); box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.25), 0 16px 36px rgba(24, 108, 236, 0.1); transform: translateY(-5px);}.loc-image-container{position: relative; height: 200px; overflow: hidden;}.loc-image{width: 100%; height: 100%; object-fit: cover; transition: transform 300ms ease;}.location-card:hover .loc-image, .location-card.highlighted .loc-image{transform: scale(1.04);}.loc-badge{position: absolute; top: 16px; left: 16px; background-color: rgba(255, 255, 255, 0.95); backdrop-filter: blur(4px); color: var(--text); padding: 6px 12px; border-radius: var(--radius-sm); font-size: 0.75rem; font-weight: 600; display: flex; align-items: center; gap: 4px; box-shadow: 0 4px 12px rgba(0,0,0,0.06); border: 1px solid rgba(255,255,255,0.8);}.loc-badge span.material-symbols-rounded{font-size: 0.95rem; color: var(--primary);}.loc-details{padding: var(--space-lg); display: flex; flex-direction: column; flex-grow: 1;}.loc-details h3{font-size: 1.15rem; font-weight: 500; color: var(--text); margin-bottom: 4px;}.loc-address{font-size: 0.82rem; font-weight: 700; color: var(--primary); margin-bottom: 8px;}.loc-meta{font-size: 0.8rem; color: var(--text-secondary); line-height: 1.4; margin-bottom: var(--space-md);}.loc-chips{display: flex; flex-wrap: nowrap; /* Force all chips onto a single line */ gap: 6px; margin-bottom: var(--space-lg);}.loc-chips .chip{font-size: 0.72rem; /* Guaranteed single-line fit */ font-weight: 600; color: var(--text-secondary); background-color: var(--surface); border: 1px solid var(--border); padding: 3px 8px; border-radius: var(--radius-sm); display: inline-flex; align-items: center; white-space: nowrap;}.loc-explore-link{margin-top: auto; display: flex; align-items: center; gap: 6px; font-size: 0.85rem; font-weight: 600; color: var(--accent);}.explore-arrow{font-size: 1.1rem; transition: transform 200ms ease;}.location-card:hover .explore-arrow, .location-card.highlighted .explore-arrow{transform: translateX(4px);}/* Illustrated Map Container */ .locations-map-container{max-width: 1280px; margin: var(--space-3xl) auto 0; padding: 0 var(--space-content-gutter);}.map-header{margin-bottom: var(--space-lg); text-align: center;}.map-header span{font-size: 2rem; color: var(--primary);}.map-header h3{font-size: 1.3rem; font-weight: 500; color: var(--text); margin-top: 4px;}.map-header p{font-size: 0.88rem; color: var(--text-secondary);}.map-wrapper{background-color: var(--surface); border-radius: 12px; border: 1px solid var(--border); padding: var(--space-md); overflow: hidden;}.ncr-svg-map{width: 100%; height: auto; max-height: 400px; display: block;}/* Map Interactive Pins styling */ .map-pin{cursor: pointer; transition: transform 0.2s ease;}.map-pin:hover{transform: scale(1.05);}.map-pin text{font-family: inherit; font-weight: 700; pointer-events: none;}.pin-pulse{animation: pinPulseEffect 2s infinite ease-out; transform-origin: center;}@keyframes pinPulseEffect{0%{transform: scale(0.6); opacity: 1;}100%{transform: scale(1.3); opacity: 0;}}/* Location CTA Callout Banner */ .loc-cta-banner{background-color: rgba(37, 99, 235, 0.04); border: 1px solid rgba(37, 99, 235, 0.12); border-radius: 12px; padding: var(--space-2xl); max-width: 1280px; margin: var(--space-3xl) auto 0; display: flex; align-items: center; justify-content: space-between;}.banner-text h3{font-size: 1.45rem; font-weight: 500; color: var(--text); margin-bottom: 6px;}.banner-text p{font-size: 0.9rem; color: var(--text-secondary); line-height: 1.4;}.banner-actions{display: flex; gap: var(--space-md); flex-shrink: 0;}@media (max-width: 900px){.locations-grid{grid-template-columns: 1fr; gap: var(--space-lg);}.loc-cta-banner{flex-direction: column; align-items: stretch; text-align: center; gap: var(--space-xl);}.banner-actions{flex-direction: column;}.banner-actions button{width: 100%;}}/* Our Offerings Section */ .offerings-section{padding: var(--space-section) 0; background-color: #ffffff; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);}/* Minimal heading override for offerings section only */ .offerings-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; max-width: 1280px; margin: 0 auto; padding: 0 var(--space-xl);}.offering-card{background: #ffffff; border: 1px solid rgba(226, 232, 240, 0.8); border-radius: var(--radius-card); overflow: hidden; cursor: pointer; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02); display: flex; flex-direction: column; height: 100%; /* Equal height */ transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), border-color 300ms cubic-bezier(0.4, 0, 0.2, 1); text-decoration: none; color: inherit;}.offering-card:hover{transform: none; box-shadow: var(--shadow-sm); border-color: var(--border);}.offering-image-container{position: relative; overflow: hidden; aspect-ratio: 16 / 9; height: auto;}.offering-image{width: 100%; height: 100%; object-fit: cover; transform: scale(1.05); transition: transform 300ms ease;}.offering-card:hover .offering-image{transform: scale(1.08);}.offering-image-overlay{position: absolute; bottom: 0; left: 0; right: 0; height: 40%; background: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, transparent 100%); /* Subtle dark gradient overlay */}.offering-badge{position: absolute; top: 16px; left: 16px; background: rgba(255, 255, 255, 0.75); /* White translucent background */ backdrop-filter: blur(8px); /* Backdrop blur */ -webkit-backdrop-filter: blur(8px); padding: 6px 12px; border-radius: var(--radius-pill); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); /* Subtle shadow */}.offering-popular-badge{position: absolute; top: 16px; right: 16px; background: var(--accent); /* Orange accent */ color: #ffffff; padding: 6px 12px; border-radius: var(--radius-pill); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; box-shadow: 0 2px 8px rgba(245, 158, 11, 0.2);}.offering-content{padding: 20px; /* Shrunk padding to make cards more compact */ display: flex; flex-direction: column; flex-grow: 1; /* Pushes content/button alignment */ text-align: left; /* Left-align all content */}.offering-title-row{display: flex; align-items: center; gap: 16px; margin-bottom: 16px; width: 100%;}.offering-icon-wrapper{width: 48px; /* 48px square */ height: 48px; border-radius: var(--radius-icon); background-color: rgba(37, 99, 235, 0.08); /* Soft blue background */ color: var(--primary); /* Blue icon */ display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.offering-icon-wrapper span{font-size: 22px;}.offering-title{font-family: var(--font-heading); font-size: 1.2rem; font-weight: 600; letter-spacing: -0.02em; color: var(--text); margin: 0 0 10px 0;}.offering-desc{font-size: 14px; /* Shrunk text size */ line-height: 1.5; /* Shrunk line height */ color: var(--text-secondary); /* Dark grey */ margin: 0 0 12px 0; text-align: left;}.offering-divider{height: 1px; background-color: var(--border); margin: 0 0 12px 0; /* Reduced margin */ opacity: 0.6; width: 100%;}.offering-highlights{list-style: none; padding: 0; margin: 0 0 20px 0; /* Shrunk margin */ display: flex; flex-direction: column; gap: 8px; /* Tighter gap */ text-align: left;}.offering-highlights li{display: flex; align-items: center; gap: 8px; font-size: 14px; /* Shrunk font size */ font-weight: 500; color: var(--text-secondary);}.offering-highlights li .check-icon{color: var(--success); /* Green icon */ font-size: 16px; /* Shrunk icon size */ font-weight: 600; display: inline-flex; align-items: center;}/* Featured Card overrides */ .offering-card.featured-card{background-color: var(--surface); /* Soft blue-tinted background */ border-color: rgba(37, 99, 235, 0.35); /* Subtle blue border */ box-shadow: 0 10px 30px rgba(37, 99, 235, 0.06); /* Slightly stronger shadow */}/* Button Styling */ .btn-offering-primary{margin-top: auto; /* Aligns to bottom */ width: 100%; /* Consistent width across cards */ height: 46px; /* A bit bigger height */ border-radius: 8px; /* Matching Get Free Quote radius (8px) */ background-color: var(--accent); /* Orange */ border: none; color: #ffffff; font-size: 15px; /* A bit bigger font */ font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; transition: all 250ms ease;}.btn-offering-primary span{font-size: 18px; transition: transform 200ms ease;}.btn-offering-primary:hover{background-color: var(--accent-hover); box-shadow: 0 8px 20px rgba(255, 150, 0, 0.28);}.btn-offering-primary:hover span{transform: translateX(4px); /* Arrow moves slightly right on hover */}.btn-offering-secondary{background-color: #ffffff; border: 2px solid var(--primary); color: var(--primary); font-size: 16px; /* 16px */ font-weight: 500; /* Medium */ height: 48px; border-radius: 8px; /* Matching Get Free Quote radius (8px) */ cursor: pointer; transition: all 250ms ease;}.btn-offering-secondary:hover{background-color: var(--primary); color: #ffffff; box-shadow: 0 8px 20px rgba(37, 99, 235, 0.15); transform: translateY(-1px);}/* Bottom Offerings Trust Strip */ .offerings-trust-strip{display: flex; justify-content: space-between; max-width: 1280px; margin: var(--space-3xl) auto 0; padding: var(--space-xl) var(--space-xl) 0; border-top: 1px solid var(--border); flex-wrap: nowrap;}.trust-strip-item{display: flex; align-items: center; gap: var(--space-md); width: 23%; /* Scaled for 4 items */ transition: transform 0.2s ease;}.trust-strip-item:hover{transform: none;}.trust-icon-circle{width: 42px; height: 42px; border-radius: 50%; background-color: var(--primary-light); color: var(--primary); display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: none; border: 1px solid rgba(24, 108, 236, 0.12);}.trust-strip-item:hover .trust-icon-circle{background-color: var(--primary-light); color: var(--primary); box-shadow: none;}.trust-icon-circle span{font-size: 1.25rem;}.trust-text h4{font-size: 0.92rem; font-weight: 600; color: var(--text); margin-bottom: 2px; white-space: nowrap;}.trust-text p{font-size: 0.8rem; color: var(--text-secondary); line-height: 1.3; white-space: nowrap;}/* Responsiveness for Offerings Section */ @media (max-width: 1024px){.offerings-grid{grid-template-columns: repeat(2, minmax(0, 1fr)); /* Tablet: Two columns */ gap: 24px;}}@media (max-width: 768px){.offerings-grid{grid-template-columns: 1fr; /* Mobile: One column */ gap: 24px; padding: 0 var(--space-content-gutter);}.offering-image-container{height: 180px; /* Shrunk image height on mobile */}.offering-title{font-size: 22px; /* Reduced heading size on mobile */}.offering-content{padding: 20px; /* Comfortable mobile padding */}}@media (max-width: 900px){.offerings-trust-strip{flex-direction: column; gap: var(--space-lg);}.trust-strip-item{width: 100%;}}/* Testimonials Section Styling */ .testimonials-section{padding: var(--space-section) 0; background-color: #ffffff; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);}.trust-stats-grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-lg); max-width: 1280px; margin: 0 auto var(--space-2xl); padding: 0 var(--space-xl);}.stat-card{background-color: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-pill); padding: var(--space-lg); text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 110px; transition: transform 0.2s ease, box-shadow 0.2s ease;}.stat-card:hover{transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);}.stat-stars{color: var(--warning); font-size: 1.1rem; font-weight: 700; margin-bottom: 4px;}.stat-icon-text{display: none;}.stat-value{font-size: 2rem; font-weight: 600; color: var(--primary); margin-bottom: 4px; letter-spacing: -0.02em;}.stat-label{font-size: 0.85rem; font-weight: 600; color: var(--text-secondary);}.testimonials-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-xl); max-width: 1280px; margin: 0 auto; padding: 0 var(--space-xl);}.testimonial-card{background-color: #ffffff; border: 1px solid var(--border); border-radius: 12px; padding: var(--space-xl); display: flex; flex-direction: column; position: relative; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 8px rgba(0,0,0,0.02);}.testimonial-card:hover{transform: none; border-color: var(--border); box-shadow: none;}.quote-icon{position: absolute; top: var(--space-xl); right: var(--space-xl); font-size: 2.2rem; color: rgba(37, 99, 235, 0.08);}.testimonial-card:hover .quote-icon{transform: none; color: rgba(37, 99, 235, 0.08);}.rating-stars{color: var(--warning); font-size: 0.95rem; margin-bottom: var(--space-md);}.testimonial-text{font-size: 0.95rem; color: var(--text); line-height: 1.6; margin-bottom: var(--space-xl); flex-grow: 1;}.testimonial-profile{display: flex; align-items: center; gap: var(--space-md); margin-bottom: var(--space-lg);}.profile-img{width: 48px; height: 48px; border-radius: 50%; object-fit: cover; border: 2px solid var(--border);}.testimonial-card:hover .profile-img{transform: none; border-color: var(--border);}.profile-info h4{font-size: 0.95rem; font-weight: 600; color: var(--text); margin-bottom: 2px;}.profile-info p{font-size: 0.82rem; color: var(--text-secondary);}.testimonial-footer{display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--border); padding-top: var(--space-md);}.storage-badge{background-color: var(--primary-light); color: var(--primary); font-size: 0.72rem; font-weight: 600; padding: 4px 10px; border-radius: var(--radius-pill); text-transform: uppercase; letter-spacing: 0.5px;}.verified-badge{font-size: 0.78rem; font-weight: 700; color: var(--success); display: inline-flex; align-items: center; gap: 4px;}.verified-badge span{font-size: 0.95rem;}.social-proof-strip{display: flex; justify-content: space-between; max-width: 1280px; margin: var(--space-3xl) auto 0; padding: var(--space-xl) var(--space-xl) 0; border-top: 1px solid var(--border); flex-wrap: wrap;}.proof-item{display: flex; align-items: center; gap: 8px; font-size: 0.88rem; font-weight: 700; color: var(--text-secondary);}.check-badge{color: var(--primary); font-size: 1.2rem;}/* Bottom CTA Section Styles */ .testimonials-cta-section{padding: var(--space-section) 0; background-color: #ffffff; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);}.cta-box{background: linear-gradient(180deg, #FAFCFF 0%, #FFFFFF 100%); border: 1px solid var(--border); color: var(--text); border-radius: var(--radius-card); padding: 44px 32px; box-shadow: 0 8px 30px rgba(15, 23, 42, 0.04); text-align: center; max-width: 1280px; margin: 0 auto; display: flex; flex-direction: column; align-items: center;}.cta-box h2{font-size: clamp(1.2rem, 2vw, 1.6rem); font-weight: 500; margin-bottom: var(--space-xs); max-width: 700px; line-height: 1.18; color: var(--text);}.cta-box p{font-size: 17px; color: var(--text-secondary); margin-bottom: var(--space-xl); max-width: 650px; line-height: 1.55;}.cta-actions{display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap;}.btn-cta-primary{background-color: var(--accent); border: 1px solid var(--accent); color: #ffffff; padding: 12px 24px; font-size: 0.95rem; font-weight: 600; border-radius: var(--radius-btn); cursor: pointer; box-shadow: 0 2px 8px rgba(255, 150, 0, 0.22); transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);}.btn-cta-primary:hover{background-color: var(--accent-hover); border-color: var(--accent-hover); box-shadow: 0 6px 18px rgba(255, 150, 0, 0.35); transform: translateY(-1px);}.btn-cta-secondary{background-color: #ffffff; border: 1.5px solid var(--primary); color: var(--primary); padding: 12px 24px; font-size: 0.95rem; font-weight: 600; border-radius: var(--radius-btn); cursor: pointer; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);}.btn-cta-secondary:hover{background-color: var(--surface); color: var(--primary); border-color: var(--primary); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(24, 108, 236, 0.08);}@media (max-width: 900px){.trust-stats-grid{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-md);}.testimonials-grid{grid-template-columns: 1fr; gap: var(--space-lg);}.social-proof-strip{flex-direction: column; gap: var(--space-md);}.cta-box{padding: var(--space-2xl) var(--space-xl);}.cta-box h2{font-size: clamp(1.2rem, 2vw, 1.6rem);}.cta-actions{flex-direction: column; width: 100%;}.cta-actions button{width: 100%;}}/* FAQ Section Styles */ .faq-section{padding: var(--space-section) 0 40px; background-color: #ffffff; border-top: 1px solid var(--border);}.faq-accordions-centered-container{max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--space-md); padding: 0 var(--space-content-gutter);}.faq-accordion-item{background-color: #ffffff; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; transition: all 250ms ease;}.faq-accordion-item:hover{border-color: var(--primary); box-shadow: 0 4px 16px rgba(37, 99, 235, 0.04);}.faq-trigger{width: 100%; display: flex; justify-content: space-between; align-items: center; background: none; border: none; padding: var(--space-lg) var(--space-xl); font-size: 1.05rem; font-weight: 700; text-align: left; color: var(--text); cursor: pointer; transition: color 200ms ease;}.faq-trigger:hover{color: var(--primary);}.accordion-arrow{font-size: 1.3rem; color: var(--text-secondary); transition: transform 250ms ease, color 200ms ease;}.faq-accordion-item.active{border-color: var(--primary); box-shadow: 0 8px 24px rgba(37, 99, 235, 0.06);}.faq-accordion-item.active .accordion-arrow{transform: rotate(45deg); color: var(--primary);}.faq-content-box{max-height: 0; overflow: hidden; transition: max-height 300ms cubic-bezier(0.4, 0, 0.2, 1);}.faq-content-box p{padding: 0 var(--space-xl) var(--space-lg); font-size: 0.92rem; color: var(--text-secondary); line-height: 1.6; margin: 0;}/* Horizontal Trust Promise Strip */ .faq-trust-row{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); /* 2 columns below the sticky image */ gap: 16px; max-width: 100%; margin: var(--space-lg) auto 0; padding: 20px; background-color: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-pill);}.faq-trust-row-item{display: flex; align-items: center; gap: 8px; font-size: 0.88rem; font-weight: 700; color: var(--text-secondary);}.trust-row-icon{color: var(--primary); font-size: 1.25rem;}/* Bottom FAQ CTA Support Box */ .faq-cta{background-color: var(--surface); border: 1px solid var(--border); border-radius: 12px; padding: var(--space-xl) var(--space-2xl); display: flex; align-items: center; justify-content: space-between; max-width: 1280px; margin: var(--space-3xl) auto 0;}.faq-cta-content h3{font-size: clamp(1.2rem, 2vw, 1.6rem); font-weight: 500; color: var(--text); margin-bottom: 4px;}.faq-cta-content p{font-size: 0.88rem; color: var(--text-secondary); margin: 0;}.faq-cta-actions{display: flex; gap: var(--space-md); flex-shrink: 0; align-items: center;}.faq-cta-actions button, .faq-cta-actions .btn{white-space: nowrap !important; flex-shrink: 0;}@media (max-width: 900px){.faq-trust-row{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;}.faq-cta{flex-direction: column; gap: var(--space-xl); text-align: center; padding: var(--space-xl);}.faq-cta-actions{flex-direction: column; width: 100%;}.faq-cta-actions button{width: 100%;}}/* Why Self Storage Works Section - Premium Grid Redesign */ .works-section{padding: var(--space-section) 0; background-color: #ffffff; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);}.works-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-xl); max-width: 1280px; margin: 0 auto; padding: 0 var(--space-xl);}.works-card{background: #ffffff; border: 1px solid var(--border); border-radius: var(--radius-card); padding: var(--space-xl); display: flex; flex-direction: column; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);}.works-card-icon-wrapper{width: 48px; height: 48px; border-radius: var(--radius-card); background-color: var(--primary-light); display: flex; align-items: center; justify-content: center; margin-bottom: var(--space-md);}.works-card-icon-wrapper span.material-symbols-rounded{font-size: 1.5rem; color: var(--primary);}.works-card h3{font-size: 1.25rem; font-weight: 500; letter-spacing: -0.01em; color: var(--text); margin-bottom: var(--space-xs);}.works-card p{font-size: 0.92rem; line-height: 1.6; color: var(--text-secondary); margin-bottom: var(--space-lg); flex-grow: 1;}.works-card:hover{transform: none; border-color: var(--border); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02); background: #ffffff;}.works-card:hover .works-card-icon-wrapper{background-color: var(--primary-light);}.works-card:hover .works-card-icon-wrapper span.material-symbols-rounded{color: var(--primary); transform: none;}/* Card Inner Content Stylings */ .works-card-list{display: flex; flex-wrap: wrap; gap: 8px;}.works-list-tag{font-size: 0.82rem; font-weight: 700; color: var(--text-secondary); background-color: var(--surface); padding: 6px 12px; border-radius: var(--radius-card);}.works-card-badges{display: flex; gap: 8px;}.works-badge{font-size: 0.82rem; font-weight: 700; color: var(--primary); background-color: var(--primary-light); padding: 6px 14px; border-radius: var(--radius-sm); border: 1px solid rgba(37, 99, 235, 0.08);}.works-card-check-list{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-xs);}.works-check-item{display: flex; align-items: center; gap: 8px; font-size: 0.85rem; font-weight: 700; color: var(--text);}.works-check-item .check-icon{font-size: 1.15rem; color: var(--primary);}.works-card-chips{display: flex; flex-wrap: wrap; gap: 6px;}.works-chip{font-size: 0.78rem; font-weight: 700; color: var(--text-secondary); border: 1px solid var(--border); padding: 4px 10px; border-radius: var(--radius-sm); background-color: #ffffff; transition: all 0.2s ease;}.works-chip:hover{border-color: var(--primary); color: var(--primary); background-color: var(--primary-light);}/* Works Bottom Trust Bar */ .works-trust-bar{display: flex; justify-content: space-between; align-items: center; max-width: 1280px; margin: var(--space-2xl) auto 0; padding: 20px 32px; background-color: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-card); flex-wrap: wrap; gap: var(--space-md);}.works-trust-item{display: flex; align-items: center; gap: 8px; font-size: 0.85rem; font-weight: 700; color: var(--text-secondary);}.works-trust-item span.trust-check{font-size: 1.15rem; font-weight: 900; color: var(--primary);}/* Works Section Bottom CTA Panel */ .works-cta{background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-card); padding: var(--space-2xl) var(--space-3xl); text-align: center; display: flex; flex-direction: column; align-items: center; margin-top: var(--space-3xl); max-width: 1280px; margin-left: auto; margin-right: auto;}.works-cta h2{font-size: clamp(1.2rem, 2vw, 1.6rem); font-weight: 500; margin-bottom: var(--space-xs); max-width: 650px; line-height: 1.18; color: var(--text);}.works-cta p{font-size: 17px; color: var(--text-secondary); margin-bottom: var(--space-lg); max-width: 550px;}.works-cta-actions{display: flex; gap: var(--space-md);}/* Responsive adjustments */ @media (max-width: 900px){.works-grid{grid-template-columns: 1fr; gap: var(--space-md);}.works-trust-bar{flex-direction: column; align-items: flex-start; padding: 24px; gap: 12px;}.works-cta{padding: var(--space-xl);}.works-cta h2{font-size: clamp(1.2rem, 2vw, 1.6rem);}.works-cta-actions{flex-direction: column; width: 100%;}.works-cta-actions button{}}/* ========================================== WHY SELF STORAGE SECTION REDESIGN ========================================== */ .why-storage-section{width: 100%; background-color: #ffffff; position: relative; padding: var(--space-section) 0; overflow: hidden; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); z-index: 2;}/* Ambient Premium Glow Shapes */ .glow-shape{position: absolute; border-radius: 50%; filter: blur(100px); pointer-events: none; opacity: 0.55; z-index: 1;}.glow-1{top: -10%; left: -5%; width: 450px; height: 450px; background: radial-gradient(circle, rgba(24, 108, 236, 0.08) 0%, transparent 70%);}.glow-2{bottom: -15%; right: -5%; width: 500px; height: 500px; background: radial-gradient(circle, rgba(244, 122, 32, 0.05) 0%, transparent 70%);}.section-container-why{max-width: 1280px; margin: 0 auto; padding: 0 var(--space-content-gutter); position: relative; z-index: 2;}/* Eyebrow Tag — Why Self Storage section */ .eyebrow-container{display: inline-block; color: var(--primary); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 10px; background: none; border: none; padding: 0; box-shadow: none; cursor: default;}/* Intro Headings styling */ .intro-header-block{max-width: 100%; margin-bottom: 12px;}.intro-header-block h2{font-family: var(--font-heading); font-size: clamp(1.2rem, 2vw, 1.6rem); font-weight: 500; color: var(--text); line-height: 1.18; letter-spacing: -0.01em; margin-bottom: 14px;}.accent-gradient-text{color: var(--accent); background: none; -webkit-background-clip: initial; -webkit-text-fill-color: initial;}.intro-header-block p{font-size: 17px; line-height: 1.65; color: var(--text-secondary);}/* Split Columns Layout */ .split-columns-layout{display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; margin-bottom: 64px;}/* Left Column Visual Container */ .video-column-wrapper{position: relative; width: 100%;}/* Premium Video Shell Container */ .video-outer-shell{position: relative; width: 100%; height: 360px; border-radius: 12px; overflow: hidden; background-color: #000000; border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: var(--shadow-sm);}.video-floating-badge{position: absolute; top: 16px; left: 16px; background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.95); padding: 8px 14px; border-radius: var(--radius-pill); display: flex; align-items: center; gap: 8px; font-size: 0.8rem; font-weight: 700; color: var(--text); z-index: 10; pointer-events: none; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);}/* Why benefits bullet list */ .why-benefits-list{display: flex; flex-direction: column; gap: 12px; margin-top: 20px; margin-bottom: 12px; /* Reduced by 50% */}.why-benefit-item{display: flex; align-items: center; gap: 10px; font-size: 0.92rem; color: var(--text-secondary);}.why-benefit-item .check-icon{color: var(--success); font-size: 1.25rem; flex-shrink: 0;}.why-benefit-item strong{color: var(--text);}.video-outer-shell video{width: 100%; height: 100%; object-fit: cover; display: block;}.content-column-block{display: flex; flex-direction: column; gap: 12px;}.column-intro-paragraph{font-size: 15px; line-height: 1.55; color: var(--text-secondary);}/* Benefit Cards Grid Layout */ .benefit-cards-grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: 16px; /* Reduced by 50% */}/* Benefit Card Container */ .benefit-card-item{background-color: var(--bg); border: 1px solid var(--border); border-radius: var(--radius-card); padding: 20px; display: flex; flex-direction: column; box-shadow: var(--shadow-sm); cursor: default;}.benefit-card-item:hover{transform: none; border-color: var(--border);}.card-header-row{display: flex; align-items: center; gap: 12px; margin-bottom: 12px;}/* Card Icon Box */ .card-icon-container{width: 38px; height: 38px; border-radius: var(--radius-icon); background-color: var(--primary-light); color: var(--primary); display: flex; align-items: center; justify-content: center; margin-bottom: 0; flex-shrink: 0;}.card-icon-container .material-symbols-rounded{font-size: 1.25rem;}/* Card Text styling */ .benefit-card-item h3{font-family: var(--font-heading); font-size: 0.98rem; font-weight: 500; color: var(--text); margin-bottom: 0;}.benefit-card-item p{font-size: 0.83rem; line-height: 1.45; color: var(--text-secondary);}/* Call To Action Panel Container */ .cta-banner-wrapper{background-color: var(--bg); border: 1px solid var(--border); border-radius: var(--radius-card); padding: 48px; display: flex; align-items: center; justify-content: space-between; gap: 40px; box-shadow: var(--shadow-premium); position: relative; overflow: hidden;}/* Light subtle decorative glow in CTA box */ .cta-banner-wrapper::before{content: ''; position: absolute; top: -50%; right: -20%; width: 300px; height: 300px; background: radial-gradient(circle, rgba(244, 122, 32, 0.04) 0%, transparent 70%); pointer-events: none;}.cta-banner-wrapper::after{content: ''; position: absolute; bottom: -50%; left: -10%; width: 250px; height: 250px; background: radial-gradient(circle, rgba(24, 108, 236, 0.04) 0%, transparent 70%); pointer-events: none;}.cta-text-block{max-width: 60%;}.cta-text-block h3{font-family: var(--font-heading); font-size: 2rem; font-weight: 500; color: var(--text); line-height: 1.18; margin-bottom: 12px; letter-spacing: -0.01em;}.cta-text-block p{font-size: 1rem; color: var(--text-secondary);}/* Action Buttons styling */ .cta-actions-block{display: flex; align-items: center; gap: 24px;}/* Button Common specs */ .btn-base{display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-size: 0.95rem; font-weight: 600; cursor: pointer; transition: var(--transition); text-decoration: none; outline: none; min-height: 48px;}.btn-base:focus-visible{box-shadow: 0 0 0 4px rgba(244, 122, 32, 0.35);}/* Primary Action button styling */ .btn-cta-primary{background-color: var(--accent); color: #FFFFFF; border: none; padding: 12px 28px; border-radius: 8px; /* Matching Get Free Quote radius (8px) */ box-shadow: 0 4px 14px rgba(244, 122, 32, 0.25);}.btn-cta-primary .material-symbols-rounded{font-size: 1.15rem; transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);}.btn-cta-primary:hover{background-color: var(--accent-hover); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(244, 122, 32, 0.35);}.btn-cta-primary:hover .material-symbols-rounded{transform: translateX(4px);}.btn-cta-primary:active{transform: translateY(0);}/* Secondary text-link action style */ .btn-cta-secondary{color: var(--primary); border: none; background: transparent; padding: 8px 0; border-bottom: 2px solid transparent;}.btn-cta-secondary .material-symbols-rounded{font-size: 1.1rem; transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);}.btn-cta-secondary:hover{color: var(--primary-hover); border-bottom-color: var(--primary);}.btn-cta-secondary:hover .material-symbols-rounded{transform: translateY(-2px) translateX(2px);}.btn-cta-secondary:focus-visible{box-shadow: 0 0 0 3px rgba(24, 108, 236, 0.25); border-radius: 4px;}/* Animations: Safe Reveal (always visible by default, prevents blank screen) */ .reveal-element{opacity: 1; transform: none; transition: opacity 0.65s cubic-bezier(0.16, 1, 0.3, 1), transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);}.reveal-element.active{opacity: 1; transform: none;}@media (max-width: 1024px){.split-columns-layout{grid-template-columns: 1fr; gap: 56px;}.intro-header-block{max-width: 100%; margin-bottom: 48px;}.video-outer-shell{border-radius: 12px; height: auto; aspect-ratio: 16/9; /* Standard responsive aspect ratio on smaller screens */}.benefit-cards-grid{grid-template-columns: repeat(2, minmax(0, 1fr)); /* 2x2 grid on tablet view */ gap: 20px; margin-top: 36px;}.cta-banner-wrapper{padding: 40px; flex-direction: column; align-items: flex-start; gap: 28px;}.cta-text-block{max-width: 100%;}}@media (max-width: 768px){.benefit-cards-grid{grid-template-columns: 1fr; gap: 16px;}.cta-actions-block{width: 100%; flex-direction: column; align-items: stretch; gap: 16px;}.cta-actions-block .btn-base{width: 100%; min-height: 48px;}.btn-cta-secondary{border: 1px solid var(--border); border-radius: 8px; background-color: var(--bg-section); padding: 12px 28px;}.btn-cta-secondary:hover{background-color: #FFFFFF; border-color: var(--primary);}.glass-floating-badge{padding: 6px 12px;}.badge-top-left{top: -12px; left: -8px;}.badge-bottom-right{bottom: -12px; right: -8px;}}/* Premium Trust/Feature Strip Section */ .trust-features-section{position: relative; background: linear-gradient(135deg, #18356f 0%, #284b96 45%, #18366f 100%); padding: var(--space-section) var(--space-xl); overflow: hidden; color: #ffffff; border-top: 1px solid rgba(255, 255, 255, 0.15); border-bottom: 1px solid rgba(255, 255, 255, 0.15); z-index: 2;}/* Background glows */ .trust-features-section .glow-shape{position: absolute; width: 300px; height: 300px; border-radius: 50%; background: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, rgba(59, 130, 246, 0) 70%); filter: blur(40px); pointer-events: none;}.trust-features-section .glow-left{top: -50px; left: -50px;}.trust-features-section .glow-right{bottom: -50px; right: -50px;}.container-trust{max-width: 1280px; margin: 0 auto; position: relative; z-index: 3;}/* Trust Grid Layout */ .trust-grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px;}.trust-item{display: flex; flex-direction: column; align-items: flex-start; gap: 8px; transition: transform 300ms ease;}.trust-item:not(:last-child){border-right: 1px solid rgba(255, 255, 255, 0.18); padding-right: 32px;}.trust-title-row{display: flex; align-items: center; gap: 12px;}.trust-title-row span{color: #ffffff; font-size: 24px; font-variation-settings: 'FILL' 0, 'wght' 450, 'GRAD' 0, 'opsz' 24; flex-shrink: 0; transition: color 300ms ease;}.trust-title-row h3{font-family: var(--font-heading); font-size: 20px; font-weight: 500; letter-spacing: -0.01em; color: #ffffff; margin: 0; transition: color 300ms ease;}.trust-item p{font-size: 15px; line-height: 1.55; color: rgba(255, 255, 255, 0.75); margin: 0;}/* Hover Effects */ @media (hover: hover){.trust-item:hover{transform: translateY(-2px);}.trust-item:hover .trust-title-row span, .trust-item:hover .trust-title-row h3{color: var(--accent); /* Orange highlight */}}/* Responsive Media Queries */ @media (max-width: 1024px){.trust-features-section{padding: 32px var(--space-lg);}.trust-grid{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px;}.trust-item:not(:last-child){border-right: none; padding-right: 0;}}@media (max-width: 640px){.trust-features-section{padding: 24px 20px;}.trust-grid{grid-template-columns: 1fr; gap: 24px;}.trust-title-row h3{font-size: 18px;}}#self-storage-ncr{background-color: var(--surface); padding: var(--space-section) 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);}.ncr-container{max-width: 1280px; margin: 0 auto; padding: 0 var(--space-content-gutter);}.ncr-blog-layout{max-width: 100%; margin: 0 auto; text-align: left;}.ncr-blog-layout h2{font-family: var(--font-heading), sans-serif; font-size: clamp(1.2rem, 2vw, 1.6rem); font-weight: 500; color: var(--primary); line-height: 1.18; letter-spacing: -0.01em; margin: 0 0 20px 0;}.ncr-blog-layout p{font-family: 'Inter', sans-serif; font-size: 16px; line-height: 1.75; color: var(--text-secondary); margin: 0 0 24px 0;}.ncr-blog-layout p:last-child{margin-bottom: 0;}.blog-features-list{list-style-type: none !important; padding: 0; margin: 0 0 24px 0;}.blog-features-list li{list-style-type: none !important; font-family: 'Inter', sans-serif; font-size: 16px; line-height: 1.75; color: var(--text-secondary); margin-bottom: 16px; position: relative; padding-left: 28px;}.blog-features-list li::before{content: "✓"; color: var(--primary); font-weight: 600; position: absolute; left: 0; top: 0;}/* Responsive query for NCR section */ @media (max-width: 640px){#self-storage-ncr{padding: 40px 16px;}}/* Facility Photo Gallery Strip */ .gallery-strip-section{padding: 40px 0 var(--space-section); background-color: #ffffff; border-top: 1px solid var(--border);}.gallery-strip-header{text-align: center; max-width: 600px; margin: 0 auto 20px; display: flex; flex-direction: column; align-items: center; gap: 8px;}.gallery-strip-header h2, .ncr-blog-layout h2{font-size: clamp(1.2rem, 2vw, 1.6rem); font-weight: 500; color: var(--text); letter-spacing: -0.01em; margin: 0;}.gallery-strip-header p{font-size: 17px; color: var(--text-secondary); line-height: 1.6; margin: 0; max-width: 480px;}.gallery-strip-grid{display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: repeat(2, 160px); gap: 8px; max-width: 1280px; margin: 0 auto; padding: 0 var(--space-xl); border-radius: var(--radius-card); overflow: hidden;}.gallery-item{overflow: hidden; position: relative; border-radius: 0;}.gallery-item-large{grid-row: 1 / 3; /* Span both rows */}.gallery-item img{width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 400ms ease;}.gallery-item:hover img{transform: scale(1.05);}@media (max-width: 768px){.gallery-strip-grid{grid-template-columns: 1fr 1fr; grid-template-rows: auto;}.gallery-item-large{grid-column: 1 / -1; grid-row: auto; height: 200px;}.gallery-item{height: 140px;}}@media (max-width: 480px){.gallery-strip-grid{grid-template-columns: 1fr;}.gallery-item-large, .gallery-item{grid-column: auto; height: 180px;}}/* Site Footer */ .site-footer{background: linear-gradient(135deg, #186CEC 0%, #0F52BA 100%); padding: 50px 0 40px; border-top: 1px solid rgba(255, 255, 255, 0.2); position: relative; width: 100%; box-sizing: border-box; overflow: hidden;}.footer-container{max-width: 1280px; margin: 0 auto; padding: 0 var(--space-content-gutter); display: flex; flex-direction: column; align-items: center; text-align: center;}/* Navigation Links */ .footer-nav{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 12px 32px; margin-bottom: 24px;}.footer-nav a{color: #ffffff; font-family: var(--font-body), sans-serif; font-size: 15px; /* Refined text size */ font-weight: 500; text-decoration: none; transition: opacity 250ms ease; opacity: 0.95;}.footer-nav a:hover{opacity: 1; color: var(--accent, #FF9600); text-decoration: none;}/* Social Media Icons */ .footer-socials{display: flex; justify-content: center; align-items: center; gap: 32px; margin-bottom: 28px;}.footer-socials a{color: #ffffff; font-size: 18px; /* Matching screenshot icon size */ transition: transform 250ms ease, opacity 250ms ease; opacity: 0.95; display: inline-flex; align-items: center; justify-content: center;}.footer-socials a:hover{transform: translateY(-2px); opacity: 1;}/* Logos Row */ .footer-logos{display: flex; justify-content: center; align-items: center; gap: 32px; margin-bottom: 28px; width: 100%; max-width: 1280px;}.footer-logo{display: inline-flex; align-items: center; justify-content: center; background-color: #ffffff; /* Consistent white card background for all logos */ border-radius: 6px; box-sizing: border-box; overflow: hidden; height: 52px; padding: 8px 16px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); transition: transform 0.2s ease;}.footer-logo:hover{transform: scale(1.03);}.footer-logo img{height: 100%; width: auto; object-fit: contain; display: block;}/* Copyright */ .footer-copyright{color: #ffffff; font-family: var(--font-body), sans-serif; font-size: 15px; /* Refined smaller copyright font size */ font-weight: 500; margin: 20px 0 0 0; opacity: 0.95;}/* Back To Top Button */ .back-to-top{position: fixed; bottom: 24px; left: 24px; right: auto; width: 44px; height: 44px; border-radius: 8px; background-color: var(--primary); border: none; color: #ffffff; cursor: pointer; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity 300ms ease, visibility 300ms ease, background-color 250ms ease; z-index: 99;}.back-to-top.show{opacity: 1; visibility: visible;}.back-to-top:hover{background-color: var(--primary-hover);}.back-to-top span{font-size: 28px;}/* Responsive Footer rules */ @media (max-width: 992px){.footer-logo{height: 44px; padding: 6px 12px;}}@media (max-width: 768px){.site-footer{padding: 40px 0 30px;}.footer-nav{gap: 12px 20px;}.footer-logos{flex-direction: column; gap: 20px;}.footer-logo{width: auto; max-width: 100%; height: 48px; padding: 4px 8px;}.footer-logo img{height: 100%; width: auto;}.footer-copyright{font-size: 14px;}.back-to-top{width: 40px; height: 40px; left: 16px; right: auto; bottom: 16px;}}/* ========================================== STORAGE CALCULATOR BANNER SECTION ========================================== */ .calc-banner-section{width: 100%; background-color: var(--surface); padding: var(--space-section) 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); position: relative; z-index: 2;}.calc-banner-container{max-width: calc(1280px - (2 * var(--space-content-gutter))); width: calc(100% - (2 * var(--space-content-gutter))); margin: 0 auto; padding: 48px 36px; background: linear-gradient(180deg, #FAFCFF 0%, #FFFFFF 100%); border: 1px solid var(--border); border-radius: var(--radius-card); box-shadow: 0 8px 30px rgba(15, 23, 42, 0.04); text-align: center; display: flex; flex-direction: column; align-items: center;}.calc-banner-header{margin-bottom: 32px;}.calc-banner-header .calc-tag{display: inline-block; color: var(--primary); font-size: 0.8rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 8px;}.calc-banner-header h2{font-family: var(--font-heading); font-size: clamp(1.2rem, 2vw, 1.6rem); font-weight: 500; color: var(--text); letter-spacing: -0.01em; margin-bottom: 8px;}.calc-banner-header p{font-size: 0.98rem; font-weight: 400; color: var(--text-secondary); margin: 0 auto; max-width: 580px; line-height: 1.55;}.calc-banner-items{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 36px; width: 100%; max-width: 960px;}.calc-banner-item{display: flex; height: 100%; width: 100%; box-sizing: border-box; flex-direction: column; align-items: center; gap: 10px; padding: 18px 12px; background-color: #FFFFFF; border: 1px solid var(--border); border-radius: 12px; box-shadow: 0 2px 6px rgba(15, 23, 42, 0.03); cursor: pointer; text-decoration: none; transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;}.calc-banner-item:hover{transform: translateY(-3px); border-color: var(--primary); box-shadow: 0 10px 24px rgba(24, 108, 236, 0.12);}.calc-item-icon-box{width: 52px; height: 52px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background-color: var(--primary-light); color: var(--primary); transition: all 200ms ease;}.calc-item-icon-box .material-symbols-rounded{font-size: 1.5rem; color: var(--primary); line-height: 1; display: flex; align-items: center; justify-content: center;}.calc-banner-item:hover .calc-item-icon-box{background-color: var(--primary); color: #FFFFFF;}.calc-banner-item:hover .calc-item-icon-box .material-symbols-rounded{color: #FFFFFF;}.calc-item-name{font-family: var(--font-heading); font-size: 0.85rem; font-weight: 600; color: var(--text); text-align: center; white-space: nowrap;}.calc-banner-cta-wrapper{margin-top: 4px; margin-bottom: 20px;}.btn-calc-orange{display: inline-flex; align-items: center; gap: 10px; background-color: var(--accent); color: #FFFFFF; font-family: var(--font-heading); font-size: 0.95rem; font-weight: 600; padding: 14px 32px; border-radius: var(--radius-btn); text-decoration: none; box-shadow: 0 4px 14px rgba(255, 150, 0, 0.25); transition: all 200ms ease;}.btn-calc-orange:hover{background-color: var(--accent-hover); transform: translateY(-2px); box-shadow: 0 8px 22px rgba(255, 150, 0, 0.35); color: #FFFFFF;}.btn-calc-orange span.material-symbols-rounded{font-size: 1.15rem; transition: transform 200ms ease;}.btn-calc-orange:hover span.material-symbols-rounded{transform: translateX(4px);}.calc-banner-features{display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap;}.calc-feature-chip{font-size: 0.8rem; font-weight: 500; color: var(--text-secondary); background-color: rgba(24, 108, 236, 0.05); padding: 6px 14px; border-radius: var(--radius-pill); border: 1px solid rgba(24, 108, 236, 0.08);}@media (max-width: 768px){.calc-banner-container{padding: 32px 20px; border-radius: 12px;}.calc-banner-items{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 24px;}.calc-item-icon-box{width: 48px; height: 48px;}.calc-item-icon-box .material-symbols-rounded{font-size: 1.35rem;}.btn-calc-orange{padding: 12px 24px; font-size: 0.92rem;}}/* ========================================== HOUSEHOLD GOODS STORAGE SPECIFIC SECTIONS ========================================== */ /* 1. Household & Business Storage Needs Grid */ .household-need, .business-need{background-color: #FAFCFF; padding: var(--space-section) 0; width: 100%; box-sizing: border-box; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);}.household-need__container, .business-need__container{max-width: 1280px; margin: 0 auto; padding: 0 var(--space-content-gutter);}.household-need__grid, .business-need__grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; width: 100%; margin-top: 40px;}.household-need__card, .business-need__card{position: relative; background-color: #ffffff; border: 1px solid rgba(226, 232, 240, 0.9); border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);}.household-need__img-box, .household-need__card-media, .business-need__img-box{width: 100%; height: 200px; overflow: hidden; position: relative; background-color: #F1F5F9; flex-shrink: 0;}.household-need__img-box img, .household-need__card-media img, .business-need__img-box img{width: 100%; height: 100%; object-fit: cover; display: block;}.household-need__card-body, .business-need__card-body{overflow-x: hidden !important; padding: 22px 24px 26px; display: flex; flex-direction: column; flex: 1; text-align: left;}.household-need__card-title, .business-need__card-title{font-family: var(--font-heading); font-size: 1.2rem; font-weight: 700; color: var(--slate-900, #0f172a); margin-bottom: 8px;}.household-need__card-desc, .business-need__card-desc{font-size: 0.93rem; color: var(--slate-600, #475569); line-height: 1.6; margin: 0;}@media (max-width: 992px){.household-need__grid, .business-need__grid{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px;}}@media (max-width: 640px){.household-need__grid, .business-need__grid{grid-template-columns: 1fr; gap: 20px;}.household-need__img-box, .business-need__img-box{height: 180px;}}/* 2. Household & Business Pricing & Size Guide */ .household-pricing-guide, .business-pricing-guide{padding: var(--space-section) 0; background-color: #ffffff;}.pricing-table-container{max-width: 1280px; margin: 0 auto; padding: 0 var(--space-content-gutter);}.pricing-table-grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: 36px;}.pricing-card{background: #FAFCFF; border: 1px solid var(--border); border-radius: var(--radius-card); padding: 24px 20px; text-align: center; display: flex; flex-direction: column; transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease; height: 100%; box-sizing: border-box;}.pricing-card:hover{transform: translateY(-4px); border-color: var(--primary); box-shadow: 0 10px 24px rgba(24, 108, 236, 0.1);}.pricing-card-badge{font-size: 0.75rem; font-weight: 700; color: var(--primary); background: var(--primary-light); padding: 4px 12px; border-radius: var(--radius-pill); display: inline-flex; align-items: center; justify-content: center; margin: 0 auto 12px; text-transform: uppercase; white-space: nowrap; min-height: 28px; box-sizing: border-box;}.pricing-card h3{font-family: var(--font-heading); font-size: 1.15rem; font-weight: 500; color: var(--text); margin-bottom: 6px; min-height: 2.7rem; display: flex; align-items: center; justify-content: center;}.pricing-sqft{font-size: 0.88rem; color: var(--text-secondary); margin-bottom: 16px;}.pricing-item-list{list-style: none; padding: 0; margin: 0 0 20px; text-align: left; font-size: 0.85rem; color: var(--text-secondary); flex: 1; display: flex; flex-direction: column; gap: 10px;}.pricing-item-list li{margin-bottom: 0; display: flex; align-items: flex-start; gap: 8px; line-height: 1.4;}.pricing-item-list .check{color: var(--primary); font-size: 1rem;}@media (max-width: 900px){.pricing-table-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 550px){.pricing-table-grid{grid-template-columns: 1fr;}}/* 3. How Business & Household Storage Works Process */ .household-process-section, .business-process-section{padding: var(--space-section) 0; background-color: #FAFCFF; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);}.process-grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin-top: 36px;}.process-step-card{background: #ffffff; border: 1px solid var(--border); border-radius: var(--radius-card); padding: 28px 20px; text-align: center; position: relative;}.process-step-number{width: 44px; height: 44px; border-radius: 50%; background: var(--primary-light); color: var(--primary); font-size: 1.1rem; font-weight: 700; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px;}.process-step-card h3{font-family: var(--font-heading); font-size: 1.1rem; font-weight: 500; color: var(--text); margin-bottom: 10px;}.process-step-card p{font-size: 0.88rem; color: var(--text-secondary); line-height: 1.55;}@media (max-width: 900px){.process-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 550px){.process-grid{grid-template-columns: 1fr;}}/* 4. Localized NCR Coverage Footprint Grid */ .household-coverage-section{padding: 60px 0; background-color: #ffffff; border-top: 1px solid var(--border);}.coverage-grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: 36px;}.coverage-card{background: #FAFCFF; border: 1px solid var(--border); border-radius: var(--radius-card); padding: 24px 20px;}.coverage-card-header{display: flex; align-items: center; gap: 10px; margin-bottom: 14px;}.coverage-icon-box{width: 36px; height: 36px; border-radius: 8px; background: var(--primary-light); color: var(--primary); display: flex; align-items: center; justify-content: center;}.coverage-card h3{font-family: var(--font-heading); font-size: 1.05rem; font-weight: 500; color: var(--text); margin: 0;}.coverage-list{list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px;}.coverage-pill{font-size: 0.8rem; color: var(--text-secondary); background: #ffffff; border: 1px solid var(--border); padding: 4px 10px; border-radius: 12px; font-weight: 500;}@media (max-width: 900px){.coverage-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 550px){.coverage-grid{grid-template-columns: 1fr;}}/* 5. Deep SEO Content Details Section */ .seo-details-section{padding: var(--space-section) 0; background-color: #F8FAFC; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); color: var(--text-secondary); font-family: var(--font-body);}.seo-details-section__container{max-width: 1280px; margin: 0 auto; padding: 0 var(--space-content-gutter); text-align: left;}.seo-details-section h2{color: var(--primary); font-family: var(--font-heading); font-size: clamp(1.2rem, 2vw, 1.6rem); font-weight: 500; margin-top: 28px; margin-bottom: 12px; line-height: 1.18;}.seo-details-section h2:first-of-type{margin-top: 0;}.seo-details-section p{font-size: 0.95rem; line-height: 1.65; margin-bottom: 12px; color: var(--text-secondary);}.seo-details-section ul{margin-bottom: 16px; padding-left: 20px;}.seo-details-section li{font-size: 0.95rem; line-height: 1.6; margin-bottom: 8px; color: var(--text-secondary); list-style-type: disc;}/* Location SEO Blog & Article Section Styling */ .ssi-delhi-seo-section{background-color: #f8fafc; padding: 56px 24px; border-top: 1px solid var(--border);}.ssi-noida-blog{font-family: var(--font-body); color: var(--text-secondary); line-height: 1.8; font-size: 15px; max-width: 960px; margin: 0 auto;}.ssi-noida-blog h2.article-main-title{font-family: var(--font-heading); font-size: clamp(1.2rem, 2vw, 1.6rem); font-weight: 500; color: var(--text); margin-bottom: 16px; line-height: 1.18; letter-spacing: -0.01em;}.ssi-noida-blog h2.article-section-title{font-family: var(--font-heading); font-size: clamp(1.2rem, 2vw, 1.6rem); font-weight: 500; color: var(--text); margin: 26px 0 12px 0; line-height: 1.18; letter-spacing: -0.01em; display: flex; align-items: center; gap: 8px;}.ssi-noida-blog h2.article-section-title::before{content: ""; display: inline-block; width: 3.5px; height: 15px; background: var(--primary); border-radius: 2px; flex-shrink: 0;}.ssi-noida-blog p{margin-bottom: 18px; color: #475569; font-size: 17px; line-height: 1.75;}.ssi-noida-blog ul{margin-bottom: 22px; padding-left: 24px;}.ssi-noida-blog li{margin-bottom: 10px; color: #334155; font-size: 15px; line-height: 1.6;}/* ========================================================================== LOCATION SECTIONS (ssi-delhi-) ========================================================================== */ :root{--ssi-delhi-blue: #186CEC; --ssi-delhi-dark-blue: #0E59D9; --ssi-delhi-orange: #ef8a22; --ssi-delhi-dark: #1e293b; --ssi-delhi-text: #475569; --ssi-delhi-light: #f8fafc; --ssi-delhi-border: #e2e8f0; --ssi-delhi-white: #ffffff;}.ssi-delhi-section{background-color: var(--ssi-delhi-light); padding: 100px 24px 36px 24px; position: relative; overflow: hidden; width: 100%;}.ssi-delhi-section::before, .ssi-delhi-section::after{content: ""; position: absolute; border-radius: 50%; pointer-events: none; filter: blur(100px); z-index: 1; opacity: 0.25;}.ssi-delhi-section::before{width: 250px; height: 250px; background: radial-gradient(circle, var(--ssi-delhi-blue) 0%, transparent 80%); top: -50px; left: -50px;}.ssi-delhi-section::after{width: 280px; height: 280px; background: radial-gradient(circle, var(--ssi-delhi-orange) 0%, transparent 80%); bottom: -60px; right: -60px;}.ssi-delhi-container{max-width: 1280px; margin: 0 auto; position: relative; z-index: 5;}.ssi-delhi-header{text-align: center; margin-bottom: 24px;}.ssi-delhi-label{display: inline-block; font-family: var(--font-heading); font-size: 13px; font-weight: 800; color: var(--ssi-delhi-orange); letter-spacing: 0.08em; margin-bottom: 4px; text-transform: uppercase;}.ssi-delhi-title{font-family: var(--font-heading); font-size: 36px; font-weight: 800; color: var(--ssi-delhi-blue); margin-bottom: 6px; line-height: 1.15; letter-spacing: -0.02em;}.ssi-delhi-intro{font-family: var(--font-body); font-size: 15px; color: var(--ssi-delhi-dark); font-weight: 500; max-width: 550px; margin: 0 auto; line-height: 1.4;}.ssi-delhi-row{display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: 24px; align-items: stretch; margin-bottom: 24px; width: 100%; box-sizing: border-box;}.ssi-delhi-map-card{background: var(--ssi-delhi-white); border-radius: 12px; box-shadow: 0 8px 24px rgba(24, 35, 58, 0.05); overflow: hidden; position: relative; min-height: 440px; height: 100%; border: 1px solid var(--ssi-delhi-border); box-sizing: border-box;}.ssi-delhi-map-card iframe{width: 100%; height: 100%; border: 0; display: block;}.ssi-delhi-floating-card{position: absolute; bottom: 16px; left: 16px; background: var(--ssi-delhi-white); border-radius: 12px; padding: 14px; box-shadow: 0 6px 20px rgba(24, 35, 58, 0.12); max-width: 270px; z-index: 10; border: 1px solid var(--ssi-delhi-border);}.ssi-delhi-float-header{display: flex; align-items: flex-start; gap: 8px; margin-bottom: 6px;}.ssi-delhi-pin-icon{color: var(--ssi-delhi-orange); font-size: 16px; margin-top: 1px;}.ssi-delhi-float-title{font-family: var(--font-heading); font-size: 14px; font-weight: 700; color: var(--ssi-delhi-dark); line-height: 1.3;}.ssi-delhi-float-address{font-family: var(--font-body); font-size: 11.5px; color: var(--ssi-delhi-text); line-height: 1.4; margin-bottom: 10px; padding-left: 24px;}.ssi-delhi-directions-link{display: inline-flex; align-items: center; gap: 4px; color: var(--ssi-delhi-blue); font-size: 11.5px; font-weight: 700; text-decoration: none; padding-left: 24px; transition: color 0.2s ease; font-family: var(--font-heading);}.ssi-delhi-directions-link:hover{color: var(--ssi-delhi-dark-blue);}.ssi-delhi-content-card{background: var(--ssi-delhi-white); border: 1px solid var(--ssi-delhi-border); border-radius: 12px; padding: 24px; box-shadow: 0 8px 24px rgba(24, 35, 58, 0.03); display: flex; flex-direction: column; justify-content: space-between; min-height: 440px; height: 100%; box-sizing: border-box;}.ssi-delhi-main-paragraph{font-family: var(--font-body); font-size: 13.5px; color: var(--ssi-delhi-text); line-height: 1.55;}.ssi-delhi-main-paragraph p{margin-bottom: 10px;}.ssi-delhi-main-paragraph p:last-child{margin-bottom: 0;}.ssi-delhi-features-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; margin-top: 10px;}.ssi-delhi-feature-item{display: flex; align-items: flex-start; gap: 10px;}.ssi-delhi-feature-icon-wrapper{width: 32px; height: 32px; border-radius: 50%; background-color: rgba(40, 100, 223, 0.08); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--ssi-delhi-blue); font-size: 14px;}.ssi-delhi-feature-title{font-family: var(--font-heading); font-size: 13px; font-weight: 700; color: var(--ssi-delhi-dark); margin-bottom: 1px;}.ssi-delhi-feature-desc{font-family: var(--font-body); font-size: 11px; color: var(--ssi-delhi-text); line-height: 1.3;}.ssi-delhi-contact-strip{background: var(--ssi-delhi-white); border: 1px solid var(--ssi-delhi-border); border-radius: 12px; padding: 24px; box-shadow: 0 8px 24px rgba(24, 35, 58, 0.03); display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; align-items: start; width: 100%; box-sizing: border-box;}.ssi-delhi-contact-col{display: flex; flex-direction: column; gap: 10px;}.ssi-delhi-contact-col:first-child{padding-right: 15px;}.ssi-delhi-contact-heading{font-family: var(--font-heading); font-size: 16px; font-weight: 500; color: var(--ssi-delhi-blue); margin-bottom: 2px;}.ssi-delhi-contact-info-text{font-family: var(--font-body); font-size: 13.5px; color: var(--ssi-delhi-text); line-height: 1.55;}.ssi-delhi-contact-info-link{color: var(--ssi-delhi-blue); text-decoration: none; transition: color 0.2s ease; font-weight: 500; display: inline-flex; align-items: center; gap: 6px;}.ssi-delhi-contact-info-link:hover{color: var(--ssi-delhi-dark-blue);}.ssi-delhi-facility-section{background-color: var(--ssi-delhi-white); padding: 48px 24px; border-top: 1px solid var(--ssi-delhi-border); position: relative; z-index: 5;}.ssi-delhi-facility-container{max-width: 1000px; margin: 0 auto;}.ssi-delhi-facility-title{font-family: var(--font-heading); font-size: 32px; font-weight: 800; color: var(--ssi-delhi-blue); text-align: center; margin-bottom: 36px;}.ssi-delhi-facility-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}.ssi-delhi-facility-item{position: relative; border-radius: 0; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); border: 1px solid var(--ssi-delhi-border); aspect-ratio: 1.5;}.ssi-delhi-facility-item img{width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s ease;}.ssi-delhi-facility-item:hover img{transform: scale(1.05);}@media (max-width: 991px){.ssi-delhi-section{padding: 90px 18px 45px 18px;}.ssi-delhi-title{font-size: 28px;}.ssi-delhi-row{grid-template-columns: 1fr; gap: 24px;}.ssi-delhi-map-card, .ssi-delhi-content-card{height: auto; min-height: auto;}.ssi-delhi-map-card{height: 320px; order: 2;}.ssi-delhi-content-card{order: 1; padding: 20px;}.ssi-delhi-floating-card{bottom: 12px; left: 12px; max-width: calc(100% - 24px);}.ssi-delhi-contact-strip{grid-template-columns: 1fr; gap: 20px; padding: 20px;}.ssi-delhi-facility-grid{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;}}@media (max-width: 600px){.ssi-delhi-features-grid{grid-template-columns: 1fr; gap: 12px;}.ssi-delhi-facility-grid{grid-template-columns: 1fr;}}/* ========================================== VISUAL BREADCRUMB TRAIL COMPONENT ========================================== */ .ssi-breadcrumb{display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; font-family: var(--font-body, 'Inter', sans-serif); font-size: 12.5px; font-weight: 500; color: #64748b; margin-bottom: 16px; padding: 0; list-style: none;}.ssi-breadcrumb a{color: #186CEC; text-decoration: none; display: inline-flex; align-items: center; gap: 4px; transition: color 0.2s ease, text-decoration 0.2s ease;}.ssi-breadcrumb a:hover{color: #1d4ed8; text-decoration: none;}.ssi-breadcrumb .bc-sep{font-size: 10px; color: #94a3b8; margin: 0 2px;}.ssi-breadcrumb .bc-current{color: #1e293b; font-weight: 600;}.ssi-breadcrumb .bc-category{display: inline-flex; align-items: center; gap: 4px; color: var(--accent, #FF9600); font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px;}.ssi-breadcrumb .bc-category .material-symbols-rounded{font-size: 14px;}/* ========================================================================== BLOG DETAIL PAGE DESIGN SYSTEM ========================================================================== */ .blog-detail-container{max-width: 1280px; margin: 0 auto; padding: 92px var(--space-content-gutter) 70px;}@media (max-width: 768px){.blog-detail-container{padding: 84px var(--space-content-gutter) 50px;}}.blog-header{margin-bottom: 24px;}.blog-category-badge{display: inline-flex; align-items: center; gap: 6px; background: var(--primary-light, #EFF6FF); color: var(--primary, #186CEC); padding: 6px 14px; border-radius: var(--radius-card); font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 16px; border: 1px solid rgba(11, 60, 93, 0.15);}.blog-title{font-size: clamp(1.25rem, 2.25vw, 1.9rem); font-weight: 600; color: var(--text-dark, #0F172A); line-height: 1.3; margin-bottom: 14px; letter-spacing: -0.3px;}.blog-meta-row{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding-bottom: 16px; border-bottom: 1px solid #E2E8F0; margin-bottom: 24px;}.blog-author-info{display: flex; align-items: center; gap: 10px;}.blog-author-avatar{width: 42px; height: 42px; border-radius: 50%; object-fit: cover; border: 2px solid var(--primary);}.blog-author-text{display: flex; flex-direction: column;}.blog-author-name{font-weight: 700; color: var(--text-dark, #0F172A); font-size: 0.95rem;}.blog-publish-date{font-size: 0.825rem; color: var(--text-muted, #64748B);}.blog-share-buttons{display: flex; align-items: center; gap: 8px;}.share-btn{display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 8px; background: #F1F5F9; color: #334155; text-decoration: none; transition: all 0.2s ease; font-size: 0.9rem;}.share-btn:hover{background: var(--primary); color: #FFFFFF; transform: translateY(-2px);}.blog-hero-image-wrap{width: 100%; border-radius: 12px; overflow: hidden; margin-bottom: 32px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06); position: relative;}.blog-hero-image-wrap img{width: 100%; height: auto; max-height: 440px; object-fit: cover; display: block;}.hero-image-badge{position: absolute; top: 20px; left: 20px; display: inline-flex; align-items: center; gap: 7px; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: #0F172A; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; padding: 7px 16px; border-radius: 8px; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.14); border: 1px solid rgba(255, 255, 255, 0.7); z-index: 2; pointer-events: none;}.hero-image-badge .material-symbols-rounded{font-size: 16px; color: #FF9600;}@media (max-width: 640px){.hero-image-badge{top: 14px; left: 14px; font-size: 0.72rem; padding: 5px 12px;}}.blog-card-cat-badge{position: absolute; top: 14px; left: 14px; display: inline-flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: #0F172A; font-size: 0.72rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.6px; padding: 6px 12px; border-radius: 8px; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12); border: 1px solid rgba(255, 255, 255, 0.8); z-index: 2; pointer-events: none;}.blog-card-cat-badge .material-symbols-rounded{font-size: 15px; color: #FF9600; line-height: 1;}@media (max-width: 640px){.blog-card-cat-badge{top: 10px; left: 10px; font-size: 0.68rem; padding: 4px 10px;}.blog-card-cat-badge .material-symbols-rounded{font-size: 13px;}}.blog-kicker{display: inline-flex; align-items: center; gap: 6px; font-size: 0.76rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; color: var(--accent, #FF9600); margin-bottom: 12px; background: transparent; border: none; padding: 0;}.blog-layout-grid{display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 48px; align-items: start;}@media (max-width: 992px){.blog-layout-grid{grid-template-columns: 1fr;}}.article-content{font-size: 1.1rem; line-height: 1.8; color: #334155;}.article-content p{margin-bottom: 22px;}.article-content h2{font-size: clamp(1.2rem, 2vw, 1.6rem); font-weight: 500; color: var(--primary, #186CEC); margin: 36px 0 12px; padding-bottom: 0; border-bottom: none; line-height: 1.18; letter-spacing: -0.01em; scroll-margin-top: 100px;}.article-content h3{font-size: 1.08rem; font-weight: 500; color: #1E293B; margin: 20px 0 10px; line-height: 1.18; scroll-margin-top: 100px;}.article-content blockquote{background: #F8FAFC; border-left: 4px solid var(--accent, #FF6C38); border-radius: 0 12px 12px 0; padding: 20px 24px; margin: 28px 0; font-style: italic; font-size: 1.15rem; color: var(--primary, #186CEC); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);}.article-table-wrapper{overflow-x: auto; margin: 28px 0; border-radius: 12px; border: 1px solid #E2E8F0; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04); position: relative; -webkit-overflow-scrolling: touch;}@media (max-width: 768px){.article-table th, .article-table td{white-space: nowrap; padding: 12px 14px; font-size: 0.88rem;}}.article-table{width: 100%; border-collapse: collapse; font-size: 0.95rem; text-align: left;}.article-table th{background: var(--primary, #186CEC); color: #FFFFFF; padding: 14px 18px; font-weight: 700;}.article-table td{padding: 14px 18px; border-bottom: 1px solid #E2E8F0; color: #334155;}.article-table tr:nth-child(even){background: #F8FAFC;}.article-table tr:last-child td{border-bottom: none;}.key-takeaways-box{background: linear-gradient(135deg, #EFF6FF 0%, #F8FAFC 100%); border-left: 4px solid var(--primary, #186CEC); border-radius: 12px; padding: 24px; margin: 32px 0; border: 1px solid #DBEAFE;}.key-takeaways-title{display: flex; align-items: center; gap: 8px; font-size: 1.1rem; font-weight: 700; color: var(--primary, #186CEC); margin-bottom: 14px;}.key-takeaways-list{margin: 0; padding-left: 20px; color: #334155;}.key-takeaways-list li{margin-bottom: 8px; line-height: 1.6;}.toc-box{background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 12px; padding: 24px; margin: 32px 0;}.toc-title{font-size: 1.1rem; font-weight: 700; color: var(--primary, #186CEC); margin-bottom: 14px; display: flex; align-items: center; gap: 8px;}.toc-list{list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 9px;}.toc-list li{margin: 0; line-height: 1.5;}.toc-list a{color: #186CEC; text-decoration: none; font-weight: 500; font-size: 0.95rem; transition: all 0.2s ease; display: inline-block;}.toc-list a:hover{color: var(--primary, #186CEC); text-decoration: none; transform: translateX(3px);}.in-article-cta{background: linear-gradient(135deg, var(--primary, #186CEC) 0%, #1E293B 100%); color: #FFFFFF; border-radius: 12px; padding: 32px; margin: 40px 0; text-align: center; box-shadow: 0 10px 30px rgba(11, 60, 93, 0.2);}.in-article-cta h3{color: #FFFFFF; margin: 0 0 12px 0; font-size: 1.4rem;}.in-article-cta p{color: #94A3B8; margin-bottom: 20px; font-size: 1rem;}.author-bio-card{display: flex; gap: 20px; background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 12px; padding: 28px; margin: 48px 0 32px;}.author-bio-img{width: 72px; height: 72px; border-radius: 50%; object-fit: cover; flex-shrink: 0; border: 3px solid var(--primary);}.author-bio-content h4{margin: 0 0 4px 0; font-size: 1.1rem; color: var(--primary);}.author-bio-content span{font-size: 0.825rem; color: var(--text-muted); display: block; margin-bottom: 10px;}.author-bio-content p{margin: 0; font-size: 0.9rem; color: #475569; line-height: 1.6;}@media (max-width: 640px){.author-bio-card{flex-direction: column; align-items: flex-start; gap: 16px; padding: 20px;}}/* Lead Magnet Responsive Styles */ .lead-magnet-card{background: #F8FAFC; border: 1px solid #E2E8F0; border-left: 4px solid var(--primary, #186CEC); border-radius: 12px; padding: 24px 28px; margin: 36px 0; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03);}@media (max-width: 640px){.lead-magnet-card{padding: 20px; flex-direction: column; align-items: stretch;}.lead-magnet-card .btn{width: 100%; text-align: center; justify-content: center;}}/* ========================================================================== BLOG UP-NEXT & RELATED POSTS NAVIGATION ========================================================================== */ .related-articles-section{margin-top: 56px; padding-top: 36px; border-top: 1px solid #E2E8F0;}.related-section-title{font-size: 1.2rem; font-weight: 700; color: var(--text-dark, #0F172A); margin-bottom: 20px; display: flex; align-items: center; gap: 8px;}.related-cards-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}@media (max-width: 768px){.related-cards-grid{grid-template-columns: 1fr;}}.related-nav-card{display: flex; flex-direction: column; justify-content: space-between; background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 12px; padding: 22px; text-decoration: none; transition: all 0.25s ease; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);}.related-nav-card:hover{border-color: #186CEC; transform: translateY(-3px); box-shadow: 0 8px 24px rgba(40, 100, 223, 0.12);}.related-nav-card .nav-direction{font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; color: #186CEC; display: inline-flex; align-items: center; gap: 6px; margin-bottom: 10px;}.related-nav-card.next-card .nav-direction{justify-content: flex-end;}.related-nav-card h4{margin: 0 0 8px 0; font-size: 1.02rem; font-weight: 700; color: #0F172A; line-height: 1.4; transition: color 0.2s ease;}.related-nav-card:hover h4{color: #186CEC;}.related-nav-card p{margin: 0; font-size: 0.85rem; color: #64748B; line-height: 1.5;}.blog-sidebar{position: sticky; top: 100px; display: flex; flex-direction: column; gap: 24px;}.sidebar-widget{background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 12px; padding: 24px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);}.sidebar-widget-title{font-size: 1.05rem; font-weight: 700; color: var(--primary, #186CEC); margin-bottom: 16px; padding-bottom: 10px; border-bottom: 2px solid var(--primary-light, #EFF6FF);}.btn-calculator{display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 12px 18px; background: #FFFFFF; color: var(--primary); border: 1.5px solid var(--primary); border-radius: var(--radius-btn); font-size: 0.92rem; font-weight: 600; text-decoration: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);}.btn-calculator:hover{background: var(--surface); color: var(--primary); border-color: var(--primary); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(24, 108, 236, 0.08);}.btn-calculator .material-symbols-rounded{font-size: 18px; transition: transform 0.2s ease;}.btn-calculator:hover .calc-arrow{transform: translateX(3px);}/* ========================================================================== CEO PROFILE & LEADERSHIP PAGE DESIGN SYSTEM ========================================================================== */ .ceo-page-container{max-width: 1280px; margin: 0 auto; padding: 56px var(--space-content-gutter) var(--space-3xl);}.ceo-hero-grid{display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 48px; align-items: center; margin-top: 16px; margin-bottom: 56px;}.ceo-hero-text h1{font-size: clamp(2.1rem, 3.4vw, 2.9rem); font-weight: 800; line-height: 1.18; color: #0f172a; letter-spacing: -0.025em; margin-bottom: 20px;}.ceo-hero-lead{font-size: 1.12rem; line-height: 1.65; color: #475569; margin-bottom: 28px;}.ceo-highlight-pills{display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 32px;}.ceo-highlight-pill{display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; background: #f1f5f9; border: 1px solid #e2e8f0; border-radius: 9999px; font-size: 0.86rem; font-weight: 600; color: #1e293b; transition: all 0.2s ease;}.ceo-highlight-pill .material-symbols-rounded{font-size: 19px; color: var(--primary);}.ceo-highlight-pill:hover{background: var(--primary-light); border-color: rgba(24, 108, 236, 0.15); color: var(--primary);}.ceo-photo-card{position: relative; border-radius: 28px; overflow: hidden; background: #ffffff; box-shadow: 0 20px 45px -10px rgba(15, 23, 42, 0.16), 0 8px 20px -6px rgba(15, 23, 42, 0.08); border: 1px solid rgba(226, 232, 240, 0.8); transition: transform 0.3s ease, box-shadow 0.3s ease;}.ceo-photo-card:hover{transform: translateY(-4px); box-shadow: 0 28px 55px -12px rgba(15, 23, 42, 0.22);}.ceo-photo-img{width: 100%; height: auto; max-height: 480px; object-fit: cover; object-position: top center; display: block;}.ceo-photo-caption{padding: 20px 24px; background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); border-top: 1px solid #f1f5f9;}.ceo-photo-name{font-size: 1.18rem; font-weight: 700; color: #0f172a; margin-bottom: 4px;}.ceo-photo-role{font-size: 0.88rem; font-weight: 600; color: var(--accent); margin-bottom: 2px;}.ceo-photo-meta{font-size: 0.8rem; color: #64748b;}/* Media Strip */ .media-strip-wrapper{background: #ffffff; border: 1px solid #e2e8f0; border-radius: var(--radius-card); padding: 28px 36px; margin-bottom: 64px; box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.03);}.media-strip-label{text-align: center; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: #64748b; margin-bottom: 20px;}.media-strip-logos{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 32px 48px;}.media-logo-item{display: flex; align-items: center; justify-content: center; height: 52px;}.media-logo-item img{max-height: 44px; width: auto; object-fit: contain;}/* Story Sections */ .ceo-story-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-bottom: 48px;}.ceo-story-card{background: #ffffff; border: 1px solid #e2e8f0; border-radius: var(--radius-card); padding: 36px; box-shadow: 0 6px 20px -4px rgba(0, 0, 0, 0.04); display: flex; flex-direction: column;}.story-card-icon{width: 48px; height: 48px; border-radius: 12px; background: var(--primary-light); color: var(--primary); display: flex; align-items: center; justify-content: center; margin-bottom: 20px;}.story-card-icon .material-symbols-rounded{font-size: 26px;}.ceo-story-card h2{font-size: clamp(1.2rem, 2vw, 1.6rem); font-weight: 500; color: #0f172a; line-height: 1.18; margin-bottom: 16px;}.ceo-story-card p{font-size: 0.98rem; line-height: 1.7; color: #475569; margin-bottom: 16px;}.ceo-story-card p:last-child{margin-bottom: 0;}/* Quote Callout */ .ceo-quote-banner{position: relative; background: linear-gradient(135deg, #186CEC 0%, #0F52BA 100%); border-radius: var(--radius-card); padding: 44px 50px; color: #ffffff; margin-bottom: 56px; box-shadow: 0 16px 36px -10px rgba(24, 108, 236, 0.22); overflow: hidden;}.ceo-quote-banner::before{content: "“"; position: absolute; top: -25px; left: 30px; font-size: 180px; font-family: Georgia, serif; color: rgba(255, 255, 255, 0.12); pointer-events: none; line-height: 1;}.ceo-quote-content{position: relative; z-index: 1; max-width: 900px; margin: 0 auto; text-align: center;}.ceo-quote-text{font-size: clamp(1.2rem, 2.2vw, 1.6rem); font-weight: 600; line-height: 1.5; font-style: italic; color: #f8fafc; margin-bottom: 24px;}.ceo-quote-author{font-size: 1.05rem; font-weight: 700; color: #FFD180; margin-bottom: 4px;}.ceo-quote-title{font-size: 0.88rem; color: #e0f2fe; letter-spacing: 0.04em;}/* Values Grid */ .values-section-head{text-align: center; max-width: 680px; margin: 0 auto 40px;}.values-section-head h2{font-size: clamp(1.2rem, 2vw, 1.6rem); font-weight: 500; color: #0f172a; margin-bottom: 12px;}.values-section-head p{font-size: 17px; color: #64748b; line-height: 1.6;}.values-cards-grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin-bottom: 64px;}.value-feature-card{background: #ffffff; border: 1px solid #e2e8f0; border-radius: var(--radius-card); padding: 28px 24px; box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.03); transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;}.value-feature-card:hover{transform: translateY(-4px); border-color: rgba(24, 108, 236, 0.2); box-shadow: 0 12px 28px -6px rgba(24, 108, 236, 0.08);}.value-feature-icon{width: 44px; height: 44px; border-radius: 12px; background: var(--primary-light); color: var(--primary); display: flex; align-items: center; justify-content: center; margin-bottom: 16px;}.value-feature-icon .material-symbols-rounded{font-size: 24px;}.value-feature-card h3{font-size: 1.1rem; font-weight: 500; color: #0f172a; margin-bottom: 10px; line-height: 1.18;}.value-feature-card p{font-size: 0.88rem; line-height: 1.6; color: #64748b; margin: 0;}/* Accreditations Strip */ .accreditation-card{background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%); border: 1px solid #e2e8f0; border-radius: var(--radius-card); padding: 36px 40px; display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-bottom: 64px;}.accreditation-content h3{font-size: 1.25rem; font-weight: 500; color: #0f172a; margin-bottom: 8px;}.accreditation-content p{font-size: 0.95rem; color: #64748b; line-height: 1.55; margin: 0; max-width: 680px;}.accreditation-badges{display: flex; align-items: center; gap: 24px; flex-shrink: 0;}.accreditation-badge-item{background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 10px 18px; display: flex; align-items: center; gap: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);}.accreditation-badge-item img{height: 42px; width: auto; object-fit: contain;}.accreditation-badge-item span{font-size: 0.82rem; font-weight: 700; color: #1e293b; line-height: 1.25;}/* Responsive Rules for CEO Page */ @media (max-width: 1024px){.ceo-hero-grid{grid-template-columns: 1fr; gap: 36px;}.ceo-photo-card{max-width: 540px; margin: 0 auto;}.values-cards-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}.ceo-story-grid{grid-template-columns: 1fr;}.accreditation-card{flex-direction: column; text-align: center;}.accreditation-badges{justify-content: center;}}@media (max-width: 768px){.ceo-page-container{padding: 80px var(--space-md) var(--space-xl);}.ceo-quote-banner{padding: 36px 24px; border-radius: var(--radius-card);}.values-cards-grid{grid-template-columns: 1fr;}.media-strip-wrapper{padding: 20px;}.media-strip-logos{gap: 20px 28px;}.accreditation-badges{flex-direction: column; width: 100%;}.accreditation-badge-item{width: 100%; justify-content: center;}}/* ========================================================================== Universal Fold Contextual CTA Component ========================================================================== */ .fold-contextual-cta{width: 100%; max-width: 1280px; margin: 44px auto 0; box-sizing: border-box;}.cta-inner-card{background: #FFFFFF; border: 1px solid var(--border, #E2E8F0); border-radius: var(--radius-card, 14px); padding: 28px 32px; display: flex; align-items: center; justify-content: space-between; gap: 28px; box-shadow: 0 2px 12px rgba(24, 108, 236, 0.04); position: relative; overflow: hidden;}.cta-inner-card.cta-accent-border{border-color: rgba(255, 150, 0, 0.3); background: #FFFFFF;}.cta-inner-card::before, .cta-inner-card.cta-accent-border::before{display: none;}.cta-badge-pill{display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; background: var(--primary-light, #F0F5F9); color: var(--primary, #186CEC); border: 1px solid rgba(24, 108, 236, 0.08); border-radius: 6px; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.03em; text-transform: uppercase; margin-bottom: 8px;}.cta-badge-pill span.material-symbols-rounded{font-size: 15px;}.cta-badge-pill.cta-badge-accent{background: var(--accent-light, #FFF8EB); color: var(--accent, #FF9600); border-color: rgba(255, 150, 0, 0.2);}.cta-copy{flex: 1; text-align: left;}.cta-copy h3{font-family: var(--font-heading, 'Plus Jakarta Sans', sans-serif); font-size: 1.25rem; font-weight: 500; color: #0F172A; margin: 0 0 6px; line-height: 1.18;}.cta-copy p{font-size: 0.92rem; color: var(--text-secondary, #5B6675); line-height: 1.5; margin: 0;}.cta-btns{display: flex; align-items: center; gap: 14px; flex-shrink: 0;}/* Universal Minimal Text-Decoration Guarantee for CTAs & Interactive Actions */ .btn, a.btn, button.btn, .btn-calc-orange, .btn-offering-primary, .phone-link, .cta-btns a, .cta-btns button, .banner-actions a, .banner-actions button, .faq-cta-actions a, .faq-cta-actions button, .hero-action-buttons a, .hero-action-buttons button, .nav-actions a, .nav-actions button, .cta-badge-pill, .sense-card, .location-card, .offering-card, .footer-nav a{text-decoration: none !important;}.btn:hover, .btn:focus, .btn:active, a.btn:hover, a.btn:focus, a.btn:active, button.btn:hover, button.btn:focus, button.btn:active, .btn-calc-orange:hover, .btn-calc-orange:focus, .btn-offering-primary:hover, .phone-link:hover, .cta-btns a:hover, .cta-btns button:hover, .banner-actions a:hover, .banner-actions button:hover, .faq-cta-actions a:hover, .faq-cta-actions button:hover, .hero-action-buttons a:hover, .hero-action-buttons button:hover, .nav-actions a:hover, .nav-actions button:hover, .cta-badge-pill:hover, .footer-nav a:hover{text-decoration: none !important;}@media (max-width: 900px){.fold-contextual-cta{margin-top: 32px;}.cta-inner-card{flex-direction: column; align-items: flex-start; padding: 24px 20px; gap: 20px;}.cta-btns{flex-direction: column; width: 100%; gap: 10px;}.cta-btns .btn{width: 100%; justify-content: center;}}/* ========================================================================== EXPERT ADVISOR LEAD MODAL (Redesigned per Reference Pattern with SSI Palette) ========================================================================== */ .advisor-quote-card{max-width: 480px; padding: 38px 36px 28px 36px; border-radius: var(--radius-card); background: #FFFFFF; position: relative; box-shadow: 0 20px 50px -10px rgba(24, 108, 236, 0.22), 0 0 1px rgba(24, 108, 236, 0.15);}body.quote-modal-open .advisor-floating-unit{display: none !important;}.advisor-quote-card .modal-close{position: absolute; top: 18px; right: 18px; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #64748B; background: transparent; border: none; cursor: pointer; transition: all 0.2s ease;}.advisor-quote-card .modal-close:hover{color: #0F172A; background: #F1F5F9;}.advisor-modal-head{text-align: center; margin-bottom: 24px; padding: 0 8px;}.advisor-modal-head h2{font-family: 'Playfair Display', Georgia, 'Plus Jakarta Sans', serif; font-size: clamp(1.2rem, 2vw, 1.6rem); font-weight: 500; color: #0F172A; margin: 0 0 8px 0; line-height: 1.18; letter-spacing: -0.01em;}.advisor-modal-head p{font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 13.5px; line-height: 1.55; color: #64748B; margin: 0 auto; max-width: 360px;}/* Notched Full Name Group */ .notched-input-group{position: relative; border: 1.5px solid var(--accent, #FF9600); border-radius: 12px; padding: 13px 16px 11px 16px; background: #FFFFFF; margin-bottom: 16px; transition: border-color 0.2s ease, box-shadow 0.2s ease;}.notched-input-group:focus-within{border-color: var(--accent, #FF9600); box-shadow: 0 0 0 3px rgba(255, 150, 0, 0.12);}.notched-input-group label{position: absolute; top: -8.5px; left: 14px; background: #FFFFFF; padding: 0 6px; font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; color: var(--accent, #FF9600); pointer-events: none; line-height: 1;}.notched-input-group input{width: 100%; border: none; outline: none; background: transparent; font-size: 15px; color: #0F172A; font-family: 'Inter', sans-serif; padding: 0;}/* Sleek Field Group */ .sleek-field-group{position: relative; border: 1.5px solid #E2E8F0; border-radius: 12px; padding: 0 var(--space-content-gutter); height: 52px; display: flex; align-items: center; background: #FFFFFF; margin-bottom: 16px; transition: border-color 0.2s ease, box-shadow 0.2s ease;}.sleek-field-group:focus-within{border-color: var(--accent, #FF9600); box-shadow: 0 0 0 3px rgba(255, 150, 0, 0.12);}.sleek-field-group input{width: 100%; border: none; outline: none; background: transparent; font-size: 15px; color: #0F172A; font-family: 'Inter', sans-serif; padding: 0;}.sleek-field-group input::placeholder{color: #94A3B8;}/* Phone Group with Country Selector */ .sleek-phone-group{display: flex; align-items: center;}.country-select-wrap{position: relative; display: flex; align-items: center; flex-shrink: 0;}.country-select-wrap select{appearance: none; -webkit-appearance: none; border: none; outline: none; background: transparent; font-size: 15px; font-weight: 600; color: #0F172A; padding-right: 20px; cursor: pointer; font-family: 'Inter', sans-serif;}.country-select-wrap .country-arrow{position: absolute; right: 0; font-size: 18px; color: #64748B; pointer-events: none;}.sleek-phone-divider{width: 1.5px; height: 22px; background: #E2E8F0; margin: 0 14px; flex-shrink: 0;}/* Primary Action Button (Request Callback) */ .btn-request-callback{width: 100%; height: 54px; background: var(--accent, #FF9600); color: #FFFFFF; border: none; border-radius: 12px; font-size: 16px; font-weight: 600; font-family: 'Inter', sans-serif; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 12px; transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1); box-shadow: 0 4px 14px rgba(255, 150, 0, 0.28); margin-top: 4px;}.btn-request-callback:hover{background: var(--accent-hover, #E97D00); transform: translateY(-1px); box-shadow: 0 6px 20px rgba(255, 150, 0, 0.36);}.btn-request-callback:active{transform: translateY(0);}.btn-callback-circle{width: 28px; height: 28px; border-radius: 50%; border: 1.5px solid rgba(255, 255, 255, 0.5); display: inline-flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; transition: transform 0.2s ease, border-color 0.2s ease;}.btn-request-callback:hover .btn-callback-circle{transform: rotate(45deg); border-color: #FFFFFF;}.btn-callback-circle .material-symbols-rounded{font-size: 17px;}/* Privacy Disclaimer Note */ .advisor-privacy-disclaimer{text-align: center; font-size: 12.5px; line-height: 1.5; color: #64748B; margin-top: 14px; margin-bottom: 0;}.advisor-privacy-disclaimer a{color: #475569; text-decoration: underline; text-underline-offset: 2px; transition: color 0.2s ease;}.advisor-privacy-disclaimer a:hover{color: var(--accent, #FF9600);}@media (max-width: 480px){.advisor-quote-card{padding: 30px 20px 24px 20px; margin: 12px;}.advisor-modal-head h2{font-size: 1.45rem;}.advisor-modal-head p{font-size: 13px;}}/* ========================================================================== ACRENKEY-IDENTICAL LEAD FORM STYLING FOR SELF STORAGE INDIA Preserves brand colors (#FF9600 Orange, #002B49 Navy) while implementing Acre&Key's exact geometry, floating labels, country dropdown & error states. ========================================================================== */ .lf-modal-overlay, .lf-modal-overlay *{box-sizing: border-box;}.lf-modal-overlay h1, .lf-modal-overlay h2, .lf-modal-overlay h3, .lf-modal-overlay p, .lf-modal-overlay form{margin: 0; padding: 0;}.lf-modal-overlay{position: fixed; inset: 0; background: rgba(0, 43, 73, 0.78); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: 99999999 !important; display: none; align-items: center; justify-content: center; padding: 20px; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.3s ease, visibility 0.3s ease;}.lf-modal-overlay.lf-modal-open{display: flex !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;}.lf-wrap{--lf-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; --lf-font-serif: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; --lf-ink: #002B49; --lf-muted: rgba(0, 43, 73, 0.55); --lf-line: #E2E8F0; --lf-line-focus: #FF9600; --lf-err: #DC2626; --lf-ok: #16A34A; --lf-bg-surface: #FFFFFF; position: relative; z-index: 10; width: min(420px, 92vw); max-width: 420px; background: var(--lf-bg-surface); border-radius: 12px; padding: 40px 32px 34px 32px; box-shadow: 0 24px 60px rgba(0, 43, 73, 0.28); max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow-y: auto; transform: translateY(24px); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.lf-modal-overlay.lf-modal-open .lf-wrap{transform: translateY(0);}@media (max-width: 768px){.lf-modal-overlay{padding: 0 !important; align-items: flex-end !important; overflow-x: hidden !important; width: 100% !important; max-width: 100vw !important; left: 0 !important; right: 0 !important;}.lf-wrap{max-width: 100% !important; width: 100% !important; border-radius: 20px 20px 0 0 !important; padding: 16px 24px max(38px, calc(20px + env(safe-area-inset-bottom, 24px))) 24px !important; max-height: 92vh !important; max-height: 92dvh !important; transform: translateY(100%); box-shadow: 0 -10px 40px rgba(0, 43, 73, 0.3) !important; overflow-x: hidden !important; box-sizing: border-box !important;}.lf-modal-overlay.lf-modal-open .lf-wrap{transform: translateY(0) !important; left: 0 !important; right: 0 !important;}.lf-wrap input.lf-input{font-size: 16px !important;}}@media (prefers-reduced-motion: reduce){.lf-modal-overlay, .lf-wrap, .lf-label{transition: none !important; transform: none !important; backdrop-filter: none !important;}}.lf-drag-handle{display: none;}@media (max-width: 768px){.lf-drag-handle{display: block; width: 44px; height: 4px; background: #CBD5E1; border-radius: 8px; margin: 2px auto 16px auto;}}.lf-modal-close-icon{position: absolute; top: 14px; right: 14px; width: 44px; height: 44px; min-width: 44px; min-height: 44px; background: none; border: none; outline: none; cursor: pointer !important; color: var(--lf-muted); padding: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: color 0.15s, background-color 0.15s, transform 0.15s; z-index: 200 !important; pointer-events: auto !important; -webkit-tap-highlight-color: transparent;}.lf-modal-close-icon svg{width: 16px; height: 16px;}.lf-modal-close-icon:hover{color: var(--lf-ink); background: rgba(24, 108, 236, 0.08); transform: scale(1.06);}.lf-modal-close-icon:active{background: rgba(24, 108, 236, 0.1); transform: scale(0.96);}@media (max-width: 768px){.lf-modal-close-icon{top: 10px !important; right: 12px !important;}}.lf-header{margin-bottom: 22px; text-align: center;}.lf-main-heading{font-family: var(--lf-font-sans); font-size: clamp(1.2rem, 2vw, 1.6rem); font-weight: 500; margin-bottom: 8px; color: var(--lf-ink); letter-spacing: -0.01em; line-height: 1.25;}.lf-sub-heading{font-family: var(--lf-font-sans); font-size: 13.5px; color: var(--lf-muted); line-height: 1.5; max-width: 330px; margin: 0 auto;}@media (max-width: 768px){.lf-header{margin-bottom: 18px;}.lf-main-heading{font-size: clamp(1.2rem, 2vw, 1.6rem);}.lf-sub-heading{font-size: 13px;}}.lf-form{display: flex; flex-direction: column; gap: 16px;}.lf-form .lf-field{position: relative; width: 100%;}.lf-input-box{position: relative; width: 100%; height: 50px; min-height: 50px; border: 1px solid var(--lf-line); border-radius: 8px; background: var(--lf-bg-surface); display: flex; align-items: center; padding: 0 var(--space-content-gutter) !important; transition: border-color .2s, background-color .2s, box-shadow .2s;}.lf-field.lf-focused .lf-input-box{border-color: var(--lf-line-focus); box-shadow: 0 0 0 3px rgba(255, 150, 0, 0.12);}.lf-field.lf-has-error .lf-input-box{border-color: var(--lf-err) !important; background: #FFFBFB;}.lf-field.lf-has-error.lf-focused .lf-input-box{border-color: var(--lf-line-focus) !important; background: var(--lf-bg-surface);}.lf-field.lf-is-valid .lf-input-box{border-color: var(--lf-ok) !important;}.lf-wrap .lf-label{position: absolute !important; left: 16px !important; top: 50% !important; transform: translateY(-50%) !important; font-size: 14px !important; color: var(--lf-muted) !important; transition: transform .2s ease, top .2s ease, font-size .2s ease, color .2s ease, background-color .2s ease !important; font-family: var(--lf-font-sans) !important; pointer-events: none; z-index: 5 !important; background: transparent !important; padding: 0 4px !important;}.lf-field.lf-focused .lf-label, .lf-field.lf-has-value .lf-label, .lf-field.lf-autofilled .lf-label{top: 0 !important; transform: translateY(-50%) !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; color: var(--lf-line-focus) !important; background-color: var(--lf-bg-surface) !important; left: 12px !important;}.lf-field-phone .lf-label{left: 87px !important;}.lf-field-phone.lf-focused .lf-label, .lf-field-phone.lf-has-value .lf-label, .lf-field-phone.lf-autofilled .lf-label{left: 12px !important;}.lf-req{color: var(--lf-err); margin-left: 3px;}.lf-wrap input.lf-input{flex: 1 1 auto !important; width: 0 !important; min-width: 0 !important; border: none !important; background: transparent !important; outline: none !important; font-family: var(--lf-font-sans) !important; font-size: 15px !important; font-weight: 500 !important; color: var(--lf-ink) !important; padding: 0 !important; height: 100% !important; line-height: normal !important;}.lf-wrap input.lf-input:-webkit-autofill, .lf-wrap input.lf-input:-webkit-autofill:hover, .lf-wrap input.lf-input:-webkit-autofill:focus, .lf-wrap input.lf-input:-webkit-autofill:active{-webkit-text-fill-color: var(--lf-ink) !important; transition: background-color 5000s ease-in-out 0s;}input::-webkit-contacts-auto-fill-button, input::-webkit-credentials-auto-fill-button{visibility: hidden; display: none !important; pointer-events: none; height: 0; width: 0; margin: 0;}.lf-clear-btn{display: inline-flex; align-items: center; justify-content: center; background: none; border: none; cursor: pointer; color: #94A3B8; padding: 6px; margin-left: 8px; flex-shrink: 0; z-index: 6; opacity: 0; visibility: hidden; transition: opacity 0.15s, color 0.15s; height: 32px; width: 32px; border-radius: 50%;}.lf-clear-btn svg{width: 10px; height: 10px; pointer-events: none;}.lf-clear-btn:hover{color: var(--lf-ink); background: rgba(24, 108, 236, 0.08);}.lf-field.lf-has-input-text .lf-clear-btn{opacity: 1; visibility: visible;}.lf-valid-icon{display: none; align-items: center; justify-content: center; width: 18px; height: 18px; flex-shrink: 0; margin-left: 6px; color: var(--lf-ok);}.lf-valid-icon svg{width: 14px; height: 14px;}.lf-field.lf-is-valid:not(.lf-has-input-text) .lf-valid-icon{display: inline-flex;}input:-webkit-autofill{animation-name: lfAutofillDetected; animation-duration: 0.01s;}@keyframes lfAutofillDetected{from{}to{}}.lf-phone-row{display: flex !important; align-items: center !important; width: 100% !important; position: relative !important; height: 100% !important; margin: 0 !important; padding: 0 !important;}.lf-cc-trigger{display: inline-flex !important; align-items: center !important; justify-content: space-between !important; gap: 4px !important; cursor: pointer !important; padding: 0 6px 0 0 !important; background: none !important; border: none !important; font-family: var(--lf-font-sans) !important; font-size: 15px !important; font-weight: 600 !important; color: var(--lf-ink) !important; height: 100% !important; min-width: 52px !important; width: auto !important; flex-shrink: 0 !important; margin: 0 !important;}.lf-cc-arrow{width: 8px; height: 5px; color: var(--lf-muted); flex-shrink: 0; transition: transform 0.2s ease;}.lf-cc-trigger[aria-expanded="true"] .lf-cc-arrow{transform: rotate(180deg);}.lf-cc-panel{display: none; position: absolute; top: calc(100% + 8px); left: -16px; z-index: 9999999 !important; width: calc(100% + 32px); background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 8px; box-shadow: 0 12px 32px rgba(0, 43, 73, 0.16); max-height: 260px; overflow: hidden; flex-direction: column;}.lf-cc-panel.lf-cc-open{display: flex;}@media (max-width: 768px){.lf-cc-backdrop{display: none; position: fixed !important; inset: 0 !important; background: rgba(0, 43, 73, 0.6) !important; z-index: 50 !important;}.lf-cc-backdrop.lf-cc-open{display: block !important;}.lf-cc-panel{display: flex !important; visibility: hidden; position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important; top: auto !important; width: 100% !important; max-height: 60vh !important; max-height: 60dvh !important; border-radius: 16px 16px 0 0 !important; border: none !important; box-shadow: 0 -10px 32px rgba(0, 43, 73, 0.28) !important; z-index: 10000000 !important; transform: translateY(100%); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.3s; padding-bottom: env(safe-area-inset-bottom); margin: 0 !important;}.lf-cc-panel.lf-cc-open{visibility: visible; transform: translateY(0) !important; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0s;}.lf-cc-panel::before{content: ''; display: block; width: 36px; height: 4px; background: #CBD5E1; border-radius: 8px; margin: 12px auto 6px; flex-shrink: 0;}}.lf-cc-search{padding: 12px 14px; border: none !important; border-bottom: 1px solid #E2E8F0 !important; width: 100%; outline: none !important; font-family: var(--lf-font-sans) !important; font-size: 15px !important; flex-shrink: 0; color: var(--lf-ink) !important; background: #FAFAFA;}.lf-cc-list{overflow-y: auto; flex: 1; -webkit-overflow-scrolling: touch;}.lf-cc-opt{padding: 11px 16px; font-family: var(--lf-font-sans) !important; font-size: 13.5px; cursor: pointer; display: flex; gap: 10px; color: var(--lf-ink); user-select: none; -webkit-user-select: none; transition: background 0.15s ease;}.lf-cc-opt:hover, .lf-cc-opt.lf-keyboard-active{background: #F1F5F9; outline: none;}.lf-cc-trigger, .lf-cc-opt, .lf-btn, .lf-modal-close-icon{touch-action: manipulation;}.lf-cc-opt-dial{font-family: var(--lf-font-sans) !important; font-weight: 600; color: var(--lf-line-focus); min-width: 44px;}@media (max-width: 768px){.lf-cc-opt{padding: 14px 16px; font-size: 15px;}}.lf-divider{width: 1px !important; height: 18px !important; background: var(--lf-line) !important; margin: 0 12px 0 6px !important; flex-shrink: 0 !important;}.lf-err{font-size: 11px; color: var(--lf-err); font-weight: 500; visibility: hidden; height: 0; overflow: hidden; padding: 0 4px; font-family: var(--lf-font-sans); line-height: 1.3;}.lf-has-error .lf-err{visibility: visible; height: auto; padding: 6px 4px 0;}.lf-submit-wrap{margin-top: 10px;}.lf-btn{width: 100%; height: 48px; min-height: 48px; border: none !important; border-radius: 6px !important; background: linear-gradient(135deg, #FF9600 0%, #E68500 100%) !important; color: #FFFFFF !important; font-family: var(--lf-font-sans) !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0.02em !important; text-transform: none !important; text-decoration: none !important; cursor: pointer !important; position: relative; box-shadow: 0 4px 14px rgba(255, 150, 0, 0.3) !important; transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), background 0.25s ease, box-shadow 0.25s ease, opacity 0.2s ease !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; padding: 0 16px 0 24px !important; box-sizing: border-box !important;}.lf-btn:hover{background: linear-gradient(135deg, #FFA51A 0%, #E85D0A 100%) !important; box-shadow: 0 8px 22px rgba(255, 150, 0, 0.45) !important; transform: translateY(-1px) !important;}.lf-btn:active{transform: translateY(0) !important; box-shadow: 0 4px 12px rgba(255, 150, 0, 0.25) !important;}.lf-btn:disabled{opacity: 0.6 !important; cursor: not-allowed !important; transform: none !important;}.lf-btn span{position: relative; z-index: 1;}.lf-btn > span:not(.cta-arrow-badge){display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; width: auto !important; flex: 0 0 auto !important; line-height: 1 !important; white-space: nowrap !important;}.lf-btn .cta-arrow-badge{display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; height: 24px !important; min-width: 24px !important; min-height: 24px !important; border-radius: 50% !important; border: 1px solid rgba(255, 255, 255, 0.45) !important; background: rgba(255, 255, 255, 0.12) !important; color: #FFFFFF !important; margin: 0 !important; padding: 0 !important; flex-shrink: 0 !important; flex-grow: 0 !important; box-sizing: border-box !important; transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;}.lf-btn .cta-arrow-badge svg{width: 11px !important; height: 11px !important; stroke: currentColor !important; stroke-width: 1.8 !important; display: block !important; transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;}.lf-btn:hover .cta-arrow-badge{background: rgba(255, 255, 255, 0.24) !important; border-color: rgba(255, 255, 255, 0.95) !important; transform: scale(1.06) !important; box-shadow: 0 0 10px rgba(255, 255, 255, 0.25) !important;}.lf-btn:hover .cta-arrow-badge svg{transform: translate(1.5px, -1.5px) !important;}.lf-btn.lf-loading .cta-arrow-badge{display: none !important;}.lf-spinner{display: none; width: 16px; height: 16px; border: 2px solid rgba(255, 255, 255, 0.4); border-top-color: #FFFFFF; border-radius: 50%; animation: lfSpin 0.7s linear infinite; flex-shrink: 0;}.lf-btn.lf-loading .lf-spinner{display: block;}@keyframes lfSpin{to{transform: rotate(360deg);}}.lf-privacy-consent{font-size: 0.75rem; color: var(--lf-muted); margin-top: 12px; text-align: center; line-height: 1.4;}.lf-privacy-consent a{text-decoration: underline; color: inherit; cursor: pointer;}.lf-global-err{font-size: 12px; color: var(--lf-err); margin-top: 14px; text-align: center; display: none; font-family: var(--lf-font-sans); line-height: 1.4;}.lf-global-err.lf-show{display: block;}.lf-hp{position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden;}.lf-wrap:focus, .lf-wrap:focus-visible{outline: none;}.lf-modal-close-icon:focus-visible{outline: none !important; box-shadow: 0 0 0 2px rgba(255, 150, 0, 0.5) !important; background-color: rgba(255, 150, 0, 0.08) !important;}.lf-clear-btn:focus-visible{outline: none !important; box-shadow: 0 0 0 2px rgba(255, 150, 0, 0.5) !important;}.lf-cc-trigger:focus-visible{outline: none !important; border-radius: 6px !important; box-shadow: 0 0 0 2px rgba(255, 150, 0, 0.45) !important;}.lf-cc-search:focus-visible{outline: none !important; border-bottom-color: var(--lf-line-focus) !important;}.lf-btn:focus-visible{outline: none !important; box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px rgba(255, 150, 0, 0.65), 0 6px 18px rgba(24, 108, 236, 0.2) !important;}/* Hide floating advisor widget when quote modal is open */ body.quote-modal-open .advisor-floating-unit, .lf-modal-overlay.lf-modal-open ~ .advisor-floating-unit{display: none !important;}/* ========================================================================== UNIFORM MOBILE SPACING & RESPONSIVE REFINEMENT SYSTEM (max-width: 768px) ========================================================================== */ @media (max-width: 768px){/* 1. Global Spacing Scale Tokens */ :root{--space-section: 44px; --space-xl: 16px; --space-content-gutter: calc(var(--space-xl) + 5px); --space-2xl: 20px; --space-3xl: 28px;}/* 2. Scroll Margin & Padding matching 60px Fixed Header */ html{scroll-padding-top: 60px !important;}#why-storage, #services, #locations, #offerings, #testimonials, #facilities, #faq{scroll-margin-top: 60px !important;}/* 3. Header & Navigation (Clean brand logo + conversion CTA, zero hamburger) */ .navbar, .navbar.scrolled{height: 60px !important;}.nav-container{height: 60px !important; padding: 0 16px !important; display: flex !important; align-items: center !important; justify-content: space-between !important;}.brand-logo{height: 44px !important; display: flex !important; align-items: center !important;}.brand-logo-img{height: 42px !important; width: auto !important;}.mobile-nav-toggle{display: flex !important; visibility: visible !important; opacity: 1 !important; color: var(--text-dark, #111) !important; z-index: 9999 !important;}.mobile-drawer-header{display: flex !important;}.mobile-nav-overlay{display: block !important;}.nav-actions{display: flex !important; align-items: center !important; gap: 12px !important;}.nav-actions .btn-primary{display: none !important;}/* Zero-exit /store page exception */ .page-store .mobile-nav-toggle, .page-store .nav-links, .page-store .mobile-drawer-header, .page-store .mobile-nav-overlay{display: none !important;}.page-store .nav-actions .btn-primary{display: inline-flex !important; padding: 8px 14px !important; font-size: 0.82rem !important; font-weight: 600 !important; border-radius: var(--radius-btn, 8px) !important; white-space: nowrap !important; line-height: 1 !important;}/* 4. Section Containers & Universal Section Padding */ .container, .section-container-why, .faq-container, .trust-bar-container{padding-left: 16px !important; padding-right: 16px !important; width: 100% !important; box-sizing: border-box !important;}.why-storage-section, .sense-section, .locations-section, .offerings-section, .testimonials-section, .gallery-strip-section, .faq-section{padding: 44px 0 !important;}.trust-bar{padding: 22px 0 !important;}/* 5. Uniform Section Headers */ .section-header-centered, .intro-header-block, .gallery-strip-header{margin: 0 auto 22px !important; text-align: center !important; display: flex !important; flex-direction: column !important; align-items: center !important; padding: 0 4px !important; max-width: 100% !important;}.eyebrow-container, .eyebrow-label, .calc-tag, .loc-tag-vibrant, .solutions-tag-vibrant, .rating-badge-top, .gallery-tag-vibrant, .faq-tag{font-size: 0.72rem !important; letter-spacing: 0.08em !important; margin-bottom: 8px !important; text-transform: uppercase !important; font-weight: 700 !important; display: inline-block !important;}.section-header-centered h1, .section-header-centered h2, .intro-header-block h2, .why-editorial-header h2, .editorial-cta h2, .cta-box h2, .works-cta h2, .gallery-strip-header h2, .ncr-blog-layout h2{font-size: clamp(1.2rem, 2vw, 1.6rem) !important; line-height: 1.22 !important; letter-spacing: -0.01em !important; margin-top: 0 !important; margin-bottom: 8px !important; font-weight: 700 !important;}.section-header-centered p, .intro-header-block p, .gallery-strip-header p{font-size: 17px; line-height: 1.48 !important; max-width: 100% !important; margin-bottom: 0 !important; color: var(--text-secondary, #5B6675) !important; text-align: center !important;}/* 6. Hero Fold */ .hero-container{padding: 76px 0 24px !important;}.hero-content-wrapper{display: flex !important; flex-direction: column !important; gap: 18px !important; padding: 0 var(--space-content-gutter) !important;}.hero-text-block{display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important;}.hero-tagline-accent{font-size: 0.72rem !important; letter-spacing: 0.08em !important; margin-bottom: 6px !important;}.hero-main-title{font-size: clamp(12px, 4.5vw, 1.6rem) !important; white-space: nowrap !important; line-height: 1.18 !important; margin-bottom: 10px !important; letter-spacing: -0.01em !important;}.hero-paragraph{font-size: 0.92rem !important; line-height: 1.48 !important; margin-bottom: 16px !important; color: var(--text-secondary, #5B6675) !important;}.hero-action-buttons{display: flex !important; flex-direction: column !important; gap: 8px !important; width: 100% !important; margin-bottom: 16px !important;}.hero-action-buttons .btn{width: 100% !important; justify-content: center !important; padding: 12px 18px !important; font-size: 0.92rem !important;}.hero-trust-indicators{display: grid !important; grid-template-columns: repeat(3, 1fr) !important; align-items: center !important; width: 100% !important; padding: 16px 0 0 !important; border-top: 1px solid var(--border, #E2E8F0) !important; gap: 16px !important; text-align: center;}.hero-trust-indicators .trust-divider{display: none !important;}.trust-indicator-item .stars{font-size: 0.88rem !important;}.trust-indicator-item .count{font-size: 0.95rem !important;}.trust-indicator-item .label{font-size: 0.70rem !important;}.hero-visual-block{width: 100% !important; margin-top: 4px !important; justify-content: center !important;}.hero-visual-wrapper{width: 100% !important; max-width: 100% !important;}.hero-visual-img-container{width: 100% !important; height: 210px !important; border-radius: 12px !important;}.floating-badge{display: none !important;}/* 7. Hero Trust Key Features Strip (Neat 2x2 Grid) */ .hero-trust-strip{padding: 18px 0 !important;}.hero-trust-strip .offerings-trust-strip{display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 12px 10px !important; padding: 0 var(--space-content-gutter) !important; margin: 0 !important; border-top: none !important;}.trust-strip-item{width: 100% !important; gap: 8px !important; align-items: center !important;}.trust-icon-circle{width: 34px !important; height: 34px !important; min-width: 34px !important;}.trust-icon-circle span{font-size: 1.1rem !important;}.trust-text h4{font-size: 0.80rem !important; line-height: 1.18 !important; white-space: normal !important; margin-bottom: 2px !important;}.trust-text p{font-size: 0.70rem !important; line-height: 1.25 !important; white-space: normal !important;}/* 8. Why Self Storage Section */ .split-columns-layout{display: flex !important; flex-direction: column !important; gap: 16px !important; margin-bottom: 20px !important;}.content-column-block{order: 1 !important;}.video-column-wrapper{order: 2 !important; width: 100% !important;}.video-outer-shell{height: auto !important; aspect-ratio: 16/9 !important; max-height: 210px !important; border-radius: 12px !important;}.column-intro-paragraph{font-size: 0.88rem !important; line-height: 1.48 !important; margin-top: 10px !important; margin-bottom: 12px !important;}.why-benefits-list{display: flex !important; flex-direction: column !important; gap: 8px !important; margin-top: 10px !important; margin-bottom: 0 !important;}.why-benefit-item{font-size: 0.86rem !important; gap: 8px !important;}.benefit-cards-grid{display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; margin-top: 0 !important;}.benefit-card-item{padding: 14px 16px !important; border-radius: 12px !important;}.benefit-card-item h3{font-size: 0.95rem !important; margin-bottom: 4px !important;}.benefit-card-item p{font-size: 0.85rem !important; line-height: 1.42 !important;}/* 9. Media Bar (As Seen On) */ .trust-bar-container{gap: 14px !important;}.trust-logos-grid{display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 12px 10px !important; align-items: center !important; justify-items: center !important; width: 100% !important;}.logo-item img{max-height: 24px !important; max-width: 75px !important; object-fit: contain !important;}/* 10. Use Cases */ .sense-grid{display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important;}.sense-card{padding: 16px 14px !important; border-radius: 12px !important; gap: 12px !important;}.sense-card h3{font-size: 0.95rem !important;}.sense-card p{font-size: 0.85rem !important; line-height: 1.4 !important;}/* 11. Locations */ .locations-grid{display: grid !important; grid-template-columns: 1fr !important; gap: 14px !important;}.location-card{border-radius: 12px !important;}.location-image-wrapper{height: 170px !important;}.location-card-content{padding: 16px 14px !important; gap: 10px !important;}/* 12. Solutions / Offerings */ .offerings-grid{display: grid !important; grid-template-columns: 1fr !important; gap: 14px !important; padding: 0 !important;}.offering-card{border-radius: 12px !important;}.offering-image-container{height: 170px !important;}.offering-content{padding: 16px 14px !important;}/* 13. Testimonials */ .testimonials-grid{display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important;}.testimonial-card{padding: 16px 14px !important; border-radius: 12px !important;}/* 14. Facilities (Clean 2-Column Bento Grid) */ .gallery-strip-grid{display: grid !important; grid-template-columns: repeat(2, 1fr) !important; grid-template-rows: auto !important; gap: 8px !important; padding: 0 var(--space-content-gutter) !important; border-radius: 12px !important;}.gallery-item-large{grid-column: 1 / -1 !important; height: 180px !important; border-radius: 12px !important;}.gallery-item{height: 110px !important; border-radius: 12px !important;}/* 15. FAQ Section */ .faq-list{display: flex !important; flex-direction: column !important; gap: 8px !important; margin-bottom: 20px !important;}.faq-item{border-radius: 12px !important; overflow: hidden !important;}.faq-question{padding: 14px 16px !important; font-size: 0.90rem !important;}.faq-answer{padding: 0 16px 14px !important; font-size: 0.85rem !important;}/* 16. Contextual CTAs */ .fold-contextual-cta{margin-top: 20px !important; width: 100% !important;}.cta-inner-card{padding: 18px 16px !important; border-radius: 12px !important; gap: 14px !important; flex-direction: column !important; align-items: flex-start !important;}.cta-copy h3{font-size: 1.05rem !important; line-height: 1.25 !important; margin-bottom: 6px !important;}.cta-copy p{font-size: 0.86rem !important; line-height: 1.4 !important;}.cta-btns{flex-direction: column !important; width: 100% !important; gap: 8px !important;}.cta-btns .btn{width: 100% !important; justify-content: center !important; padding: 11px 16px !important; font-size: 0.88rem !important;}}/* Breadcrumbs */ .breadcrumb-nav{padding: 120px 20px 0; max-width: 1280px; margin: 0 auto;}.breadcrumb-list{list-style: none; display: flex; gap: 8px; padding: 0; margin: 0; font-size: 0.85rem; color: var(--text-light, #64748b);}.breadcrumb-list li{display: inline-flex; align-items: center;}.breadcrumb-list li:not(:last-child)::after{content: "/"; margin-left: 8px;}.breadcrumb-list a{color: var(--primary, #002B49); text-decoration: none;}.breadcrumb-list a:hover{text-decoration: underline;}/* Fix for Editorial Headings Accent Colors */ .ncr-blog-layout h2{color: var(--text) !important;}.ncr-blog-layout h2 .accent-word{color: var(--primary) !important;}@media (max-width: 768px){.calc-banner-features{flex-wrap: nowrap !important; gap: 6px !important; width: 100%; justify-content: center;}.calc-feature-chip{font-size: clamp(9px, 2.6vw, 13px) !important; padding: 4px 6px !important; white-space: nowrap !important;}}@media (max-width: 360px){.calc-feature-chip{font-size: clamp(8px, 2.4vw, 10px) !important; padding: 4px 4px !important; letter-spacing: -0.02em !important;}}@media (max-width: 768px){.why-benefit-item{font-size: clamp(9px, 3.1vw, 13px) !important; white-space: nowrap !important; gap: 6px !important;}.why-benefit-item .check-icon{font-size: clamp(14px, 4.5vw, 18px) !important;}}@media (max-width: 360px){.why-benefit-item{font-size: clamp(8px, 3vw, 11px) !important; letter-spacing: -0.01em !important;}}@media (max-width: 1024px){.nav-links .dropdown-info p{font-size: clamp(10px, 3.2vw, 12px) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;}.nav-links .dropdown-item{padding: 10px 8px !important; gap: 10px !important;}.nav-links .dropdown-icon{width: 38px !important; height: 38px !important; font-size: 1.25rem !important; flex-shrink: 0 !important;}}@media (max-width: 360px){.nav-links .dropdown-info p{font-size: clamp(9px, 2.9vw, 11px) !important; letter-spacing: -0.02em !important;}}/* Mobile only CTA in nav drawer */ .nav-mobile-cta{display: none !important;}@media (max-width: 1024px){.nav-mobile-cta{display: flex !important; align-items: center; justify-content: center; gap: 8px; margin-top: auto; /* Push to bottom */ margin-bottom: 20px; padding: 12px 16px; width: 100%; border-radius: var(--radius-btn, 8px);}}