@font-face{font-family:"DM Sans Variable";font-style:normal;font-weight:100 1000;font-display:swap;src:url("./fonts/dm-sans-latin.woff2") format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url("./fonts/manrope-latin.woff2") format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url("./fonts/instrument-serif-normal.woff2") format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url("./fonts/instrument-serif-italic.woff2") format("woff2")}

:root{--paper:#fff;--ink:#121C27;--muted:#687b8b;--line:#dfe5eb;--soft:#f5f6fb;--lilac:#e8e1fa;--primary:#121C27;--primary-foreground:#fff;--background:#fff;--foreground:#121C27;--card:#fff;--border:#dfe5eb;--ring:#9584be;--accent:#eee9fa;--accent-foreground:#121C27;--muted-foreground:#687b8b;--radius:1rem;--glow-pink:#d5eaf5;--glow-blue:#d9ecfa;--glow-green:#e6efdd;--glow-peach:#f6e6d7}
.dark{--paper:#101216;--ink:#e7edf6;--muted:#8c9bb0;--line:#222630;--soft:#15181e;--lilac:#2a303e;--primary:#dbe4ee;--primary-foreground:#101216;--background:#101216;--foreground:#e7edf6;--card:#16181f;--border:#222630;--ring:#a597d0;--accent:#191d24;--accent-foreground:#e7edf6;--muted-foreground:#8c9bb0;--glow-pink:#1a3648;--glow-blue:#193a52;--glow-green:#1c3832;--glow-peach:#3d3238}
*{box-sizing:border-box}[hidden]{display:none!important}html,body{overflow-x:hidden;max-width:100vw}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans Variable",Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;transition:background .6s,color .6s}body,header,footer,section,div,p,span,h1,h2,h3,h4,a,button,input,textarea,select,svg{transition:background-color .45s cubic-bezier(0.16,1,0.3,1),border-color .45s cubic-bezier(0.16,1,0.3,1),color .45s cubic-bezier(0.16,1,0.3,1),fill .45s cubic-bezier(0.16,1,0.3,1),stroke .45s cubic-bezier(0.16,1,0.3,1)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--ring);outline-offset:5px}h1,h2,h3,p,figure,blockquote{margin:0}em{font-family:"Instrument Serif",Georgia,serif;font-weight:400}svg{flex-shrink:0}::selection{background:rgba(23,152,195,0.28);color:#102436}.dark ::selection{background:rgba(141,199,222,0.38);color:#ffffff}.shell{width:calc(100% - 120px);max-width:1200px;margin:auto;box-sizing:border-box}.eyebrow{font-size:.75rem;letter-spacing:1.5px;font-weight:500;line-height:1.7}.site-header{position:fixed;top:35px;left:0;right:0;width:min(980px,calc(100% - 48px));max-width:980px;margin:auto;z-index:50;border:1px solid rgba(255,255,255,0.72);border-radius:17px;background:rgba(255,255,255,0.46);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);box-shadow:none;transition:top .35s cubic-bezier(0.16,1,0.3,1),background .35s ease,box-shadow .35s ease,border-color .35s ease}
.site-header:not(.home-header){top:14px;background:rgba(255,255,255,0.88);border-color:rgba(24,50,75,0.16);box-shadow:0 6px 22px -4px rgba(18,36,60,0.08)}
.site-header.scrolled{top:14px;background:rgba(255,255,255,0.76);border-color:rgba(24,50,75,0.09);box-shadow:0 6px 22px -4px rgba(18,36,60,0.06)}
.dark .site-header{background:rgba(16,18,22,0.58);border:1px solid rgba(255,255,255,0.13);box-shadow:none}
.dark .site-header:not(.home-header){background:rgba(16,18,22,0.88);border-color:rgba(255,255,255,0.18);box-shadow:0 8px 24px -4px rgba(0,0,0,0.5)}
.dark .site-header.scrolled{background:rgba(16,18,22,0.85);border-color:rgba(255,255,255,0.16);box-shadow:0 8px 24px -4px rgba(0,0,0,0.45)}.nav-wrap{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 16px;gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none}.brand-logo-img{height:38px;width:auto;max-width:125px;object-fit:contain;display:block;transition:transform .2s ease,opacity .2s ease}.brand:hover .brand-logo-img{transform:scale(1.02);opacity:.92}.footer-brand .brand-logo-img{height:85px;max-width:250px}.brand>span:last-child{font-size:25px;line-height:1;font-weight:650;letter-spacing:-1px}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:500;margin-top:5px}.brand-mark{font-family:"Instrument Serif",Georgia,serif;font-size:31px;font-style:italic;border:1.5px solid #9b89bd;border-radius:10px;width:34px;height:36px;text-align:center;line-height:28px;color:var(--ink)}.desktop-nav{display:flex;align-items:center;gap:16px;font-size:.9375rem;font-weight:500}.desktop-nav a{color:var(--ink);opacity:.9;padding:5px 10px;border-radius:999px;transition:all .2s ease;display:inline-flex;align-items:center}.desktop-nav a:hover{opacity:1;color:#1798c3;background:rgba(23,152,195,0.07)}.dark .desktop-nav a:hover{background:rgba(255,255,255,0.07)}.nav-actions{display:flex;align-items:center;gap:10px;font-size:.9375rem}.contact-nav{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.9375rem;font-weight:550;color:var(--ink);padding:6px 12px;border-radius:999px;transition:all .2s ease;cursor:pointer}.contact-nav svg{flex-shrink:0}.contact-nav:hover{color:#1798c3;background:rgba(23,152,195,0.07)}.dark .contact-nav:hover{background:rgba(255,255,255,0.07)}.theme-toggle{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--ink);transition:background .2s ease,transform .2s ease}.theme-toggle:hover{background:rgba(24,50,75,0.07);transform:scale(1.06)}.dark .theme-toggle:hover{background:rgba(255,255,255,0.08)}.nav-order{display:inline-flex;align-items:center;gap:8px;background:#121C27;color:var(--paper);padding:8px 16px;border-radius:999px;font-size:.84rem;font-weight:650;letter-spacing:.2px;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 4px 14px rgba(18,28,39,0.18)}.nav-order:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(18,28,39,0.26)}.dark .nav-order{background:#ffffff;color:#101216;box-shadow:0 4px 14px rgba(0,0,0,0.3)}.menu-toggle{display:none;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:var(--ink)}.menu-toggle svg{width:20px;height:20px;display:block}.menu-toggle [hidden],.menu-toggle svg[hidden],.menu-toggle .close-icon{display:none!important}.menu-toggle .menu-icon{display:block!important}.menu-toggle[aria-expanded="true"] .menu-icon,.site-header.is-menu-open .menu-toggle .menu-icon,.site-header:has(.mobile-nav.is-open) .menu-toggle .menu-icon{display:none!important}.menu-toggle[aria-expanded="true"] .close-icon,.site-header.is-menu-open .menu-toggle .close-icon,.site-header:has(.mobile-nav.is-open) .menu-toggle .close-icon{display:block!important}.mobile-nav{display:none}.mobile-nav.is-open{display:flex}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:56px;padding:17px 25px;border-radius:40px;font-size:.9375rem;font-weight:500;transition:transform .3s,box-shadow .3s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 24px #38507825}.button-primary{color:var(--primary-foreground);background:#121C27}.dark .button-primary{color:#101216!important;background:#ffffff!important}.dark .button-primary:hover{color:#101216!important;background:#e2e8f0!important}.quiet-link{display:inline-flex;align-items:center;gap:14px;font-size:.9375rem}.quiet-link svg{transition:transform .3s}.quiet-link:hover svg{transform:translate(3px,-3px)}

/* Hero section with scenic light/dark community illustrations */
.scroll-story{position:relative;z-index:2;margin:20px;width:calc(100% - 40px);height:calc(100vh - 40px);height:calc(100svh - 40px);min-height:580px;border:1px solid var(--line);border-radius:28px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-shadow:none;background:var(--soft);box-sizing:border-box;touch-action:pan-y}
.hero-bg-layer{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.hero-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:opacity .7s cubic-bezier(.4,0,.2,1);display:block;touch-action:pan-y;pointer-events:none}
.hero-bg-img img,.hero-bg-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block;touch-action:pan-y;pointer-events:none;-webkit-user-drag:none;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.hero-bg-light{opacity:1}
.hero-bg-dark{opacity:0}
.dark .hero-bg-light{opacity:0}
.dark .hero-bg-dark{opacity:1}
.hero-sky-overlay{position:absolute;top:0;left:0;right:0;height:55%;background:linear-gradient(180deg,rgba(255,255,255,0.45) 0%,rgba(255,255,255,0.12) 60%,rgba(255,255,255,0) 100%);pointer-events:none;transition:background .7s ease}
.dark .hero-sky-overlay{background:linear-gradient(180deg,rgba(14,24,40,0.58) 0%,rgba(14,24,40,0.18) 60%,rgba(14,24,40,0) 100%)}
.hero-bottom-vignette{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(0deg,rgba(16,29,46,0.1) 0%,transparent 100%);pointer-events:none}
.dark .hero-bottom-vignette{background:linear-gradient(0deg,rgba(16,29,46,0.5) 0%,transparent 100%)}
.hero-content-wrap{position:relative;z-index:5;text-align:center;max-width:1080px;margin:0 auto;padding:clamp(142px,16.5vh,185px) 24px 20px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}
.hero-title{font-family:"DM Sans Variable",sans-serif;font-style:normal;font-weight:450;font-size:clamp(46px,5.8vw,80px);line-height:1.06;letter-spacing:-2.6px;color:#121c27;margin:0;text-shadow:none!important;transition:color .4s ease}
.dark .hero-title{color:#ffffff;text-shadow:none!important}
.hero-title em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;font-size:1.15em;letter-spacing:-1px}
.hero-description{font-family:"DM Sans Variable",sans-serif;font-size:clamp(17px,1.35vw,21px);line-height:1.6;max-width:820px;margin:22px auto 0;color:#2f4052;font-weight:450;text-shadow:none!important;transition:color .4s ease}
.dark .hero-description{color:#d5e2f2;text-shadow:none!important}
.hero-action-row{margin-top:28px;display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}
.hero-cta-btn{font-family:"DM Sans Variable",sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 32px;font-size:14.5px;font-weight:650;letter-spacing:1px;border-radius:30px;box-shadow:none!important;transition:transform .25s ease,background .25s ease,border-color .25s ease,color .25s ease;cursor:pointer;text-decoration:none}
.hero-cta-btn .cta-icon{transition:transform .25s ease}
.hero-cta-btn:hover .cta-icon{transform:translate(2px,-2px)}
.hero-cta-primary{background:#121c27;color:#ffffff;border:1.5px solid #121c27}
.hero-cta-primary:hover{transform:translateY(-2px);background:#25374a;border-color:#25374a}
.dark .hero-cta-primary{background:#ffffff;color:#101216;border:1.5px solid #ffffff}
.dark .hero-cta-primary:hover{transform:translateY(-2px);background:#e2e8f0;border-color:#e2e8f0}
.hero-cta-secondary{background:rgba(255,255,255,0.85);color:#121c27;border:1.5px solid rgba(18,28,39,0.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.hero-cta-secondary:hover{transform:translateY(-2px);background:#ffffff;border-color:rgba(18,28,39,0.5)}
.dark .hero-cta-secondary{background:rgba(20,24,32,0.85);color:#ffffff;border:1.5px solid rgba(255,255,255,0.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.dark .hero-cta-secondary:hover{transform:translateY(-2px);background:rgba(28,34,44,0.95);border-color:rgba(255,255,255,0.45)}
.hero-subnote-row{margin-top:16px;display:flex;justify-content:center;align-items:center;position:relative;z-index:10}
.hero-earnest-link{font-family:"DM Sans Variable",sans-serif;display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:#121C27;text-decoration:none;padding:8px 18px;border-radius:999px;border:1px solid rgba(255,255,255,0.72);background:rgba(255,255,255,0.52);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 4px 16px -2px rgba(18,28,39,0.06);transition:transform .25s cubic-bezier(0.16,1,0.3,1),background .25s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease;cursor:pointer;position:relative;z-index:10;pointer-events:auto}
.hero-earnest-link svg{transition:transform .25s ease,color .25s ease;flex-shrink:0;color:#121C27}
.hero-earnest-link:hover{color:#121C27;background:rgba(255,255,255,0.92);border-color:rgba(23,152,195,0.4);transform:translateY(-2px);box-shadow:0 8px 24px -4px rgba(23,152,195,0.18),0 4px 12px -2px rgba(18,28,39,0.08)}
.hero-earnest-link:hover svg{transform:translate(2px,-2px);color:#1798c3}
.hero-earnest-link:active{transform:translateY(0) scale(0.98);box-shadow:0 2px 8px -2px rgba(18,28,39,0.1)}
.dark .hero-earnest-link{background:rgba(18,28,42,0.65);border:1px solid rgba(255,255,255,0.14);color:#e2e8f0;box-shadow:0 4px 20px -4px rgba(0,0,0,0.45)}
.dark .hero-earnest-link svg{color:#94a3b8}
.dark .hero-earnest-link:hover{background:rgba(28,42,62,0.92);border-color:rgba(56,189,248,0.45);color:#ffffff;box-shadow:0 8px 28px -4px rgba(0,0,0,0.6),0 0 16px rgba(56,189,248,0.2)}
.dark .hero-earnest-link:hover svg{color:#38bdf8}
.dark .hero-earnest-link:active{transform:translateY(0) scale(0.98)}
.hero-model-section,
.hero-model-card{position:relative;z-index:20;width:100%;max-width:100%;height:clamp(700px,84vh,880px);margin:30px 0 0 0;background:transparent;border:none;box-shadow:none;overflow:visible;isolation:isolate;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.house-stage-curve{position:absolute;bottom:0;left:0;right:0;width:100%;top:clamp(150px,18vh,220px);border-radius:50% 50% 0 0 / clamp(100px,12vw,160px) clamp(100px,12vw,160px) 0 0;overflow:hidden;z-index:1;pointer-events:none;border-top:1.5px solid rgba(185,200,225,0.55)}
.dark .house-stage-curve{border-top:1px solid rgba(255,255,255,0.06)}
.house-grain-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 85% 65% at 50% 40%,rgba(224,212,248,0.88) 0%,rgba(248,226,238,0.68) 28%,rgba(220,238,252,0.48) 52%,rgba(245,248,255,0.75) 75%,#ffffff 100%);transition:background .6s ease}
.dark .house-grain-gradient{background:radial-gradient(ellipse 85% 65% at 50% 40%,rgba(26,32,44,0.65) 0%,rgba(20,24,33,0.45) 40%,rgba(16,18,22,0.88) 75%,var(--paper) 100%)}
.house-grain-noise{position:absolute;inset:0;opacity:0.38;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.6'/%3E%3C/svg%3E");mix-blend-mode:overlay;pointer-events:none}
.dark .house-grain-noise{opacity:0.12;mix-blend-mode:overlay}
.house-stage-bottom-fade{position:absolute;bottom:0;left:0;right:0;height:52%;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 25%,rgba(255,255,255,0.65) 55%,rgba(255,255,255,0.92) 80%,#ffffff 100%);pointer-events:none;z-index:3}
.dark .house-stage-bottom-fade{background:linear-gradient(to bottom,transparent 0%,rgba(16,18,22,0.5) 35%,var(--paper) 100%)}
.house-scene-wrapper{position:relative;z-index:5;width:100%;height:100%;overflow:visible;pointer-events:auto;margin-top:0}

/* Services section with seamless progressive photographic blur (matching reference) */
.services-section{padding:90px 0 110px;position:relative;z-index:10;box-sizing:border-box}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:60px;align-items:stretch;box-sizing:border-box}
.service-card-wrap{height:100%;box-sizing:border-box}
.service-card{position:relative;height:550px;border-radius:32px;overflow:hidden;border:1px solid rgba(200,212,228,0.45);background:var(--card);transition:transform .4s cubic-bezier(.2,.65,.2,1),box-shadow .4s ease,border-color .4s ease;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 12px 32px -8px rgba(18,36,60,0.07);cursor:pointer;text-decoration:none;color:inherit;box-sizing:border-box}
.dark .service-card{border-color:rgba(255,255,255,0.12);box-shadow:0 12px 32px -8px rgba(0,0,0,0.4)}
.service-card:hover{transform:translateY(-6px);box-shadow:0 20px 42px -12px rgba(18,36,60,0.14);border-color:rgba(180,198,220,0.7)}
.dark .service-card:hover{border-color:rgba(255,255,255,0.22);box-shadow:0 20px 42px -12px rgba(0,0,0,0.55)}
.service-card-media{position:absolute;inset:0;z-index:1;overflow:hidden}
.service-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s cubic-bezier(.2,.65,.2,1)}
.service-card:hover .service-card-img{transform:scale(1.05)}
.service-card:hover .service-action-link{opacity:.85;transform:translateX(3px)}
.service-card:hover .service-action-link svg{transform:translate(2px,-2px)}

/* Top label pill tag (text-only, clean, no icon) */
.service-tag{position:absolute;top:18px;left:18px;z-index:5;display:inline-flex;align-items:center;background:rgba(255,255,255,0.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#121c27;font-family:"DM Sans Variable",sans-serif;font-size:12px;font-weight:600;letter-spacing:0.3px;padding:6px 14px;border-radius:9999px;border:1px solid rgba(255,255,255,0.7);box-shadow:0 4px 14px rgba(0,0,0,0.06)}
.dark .service-tag{background:rgba(255,255,255,0.92);color:#101216}

/* Progressive seamless blur layers (fading in gently, zero hard lines) */
.service-blur-layer{position:absolute;inset:0;pointer-events:none;z-index:2}
.service-blur-1{top:32%;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.4) 30%,black 70%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.4) 30%,black 70%)}
.service-blur-2{top:44%;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.5) 30%,black 75%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.5) 30%,black 75%)}
.service-blur-3{top:54%;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.6) 30%,black 80%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.6) 30%,black 80%)}

/* Organic dark green/slate bottom vignette overlay (smooth fade into image) */
.service-scrim-layer{position:absolute;inset:0;top:30%;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(10,24,18,0.25) 25%,rgba(8,20,15,0.62) 55%,rgba(6,16,12,0.88) 85%,rgba(4,12,9,0.96) 100%);pointer-events:none;z-index:3}
.dark .service-scrim-layer{background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(10,18,28,0.28) 25%,rgba(8,15,24,0.68) 55%,rgba(6,12,20,0.92) 85%,rgba(4,8,14,0.98) 100%)}

.service-card-content{position:absolute;bottom:0;left:0;right:0;padding:0 26px 26px;z-index:4;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}
.service-role-pill{font-family:"DM Sans Variable",sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;color:rgba(255,255,255,0.7);text-transform:uppercase;margin:0}
.service-role-title{font-family:"DM Sans Variable",sans-serif;font-size:25px;font-weight:700;letter-spacing:-0.6px;color:#ffffff;margin:0;line-height:1.15;text-shadow:none!important}
.service-card-desc{font-family:"DM Sans Variable",sans-serif;font-size:13.5px;line-height:1.52;color:rgba(255,255,255,0.88);margin:0;font-weight:400;text-shadow:none!important}
.service-bullet-list{display:flex;flex-direction:column;gap:6px;margin:4px 0 6px}
.service-bullet-item{display:flex;align-items:center;gap:8px;font-family:"DM Sans Variable",sans-serif;font-size:13px;color:rgba(255,255,255,0.9);line-height:1.4}
.bullet-check{color:#38bdf8;flex-shrink:0}

.service-action-link{display:inline-flex;align-items:center;gap:6px;padding:0;background:transparent!important;border:none!important;color:#ffffff;font-family:"DM Sans Variable",sans-serif;font-size:14px;font-weight:600;letter-spacing:0.2px;transition:transform .2s ease,opacity .2s ease;cursor:pointer;text-decoration:none;box-shadow:none!important;text-shadow:none!important}
.service-action-link:hover{background:transparent!important;opacity:.85;transform:translateX(3px)}
.service-action-link svg{transition:transform .2s ease}
.service-action-link:hover svg{transform:translate(2px,-2px)}

@media(max-width:1100px){.services-grid{gap:20px}.service-card{height:520px}.service-role-title{font-size:22px}}
@media(max-width:880px){.services-grid{grid-template-columns:1fr;gap:24px;max-width:480px;margin-left:auto;margin-right:auto}.service-card{height:500px}}

/* About / Partner feature section right below the 3D model */
.about-feature-section{position:relative;z-index:15;padding:105px 0 120px;background:transparent;box-sizing:border-box}
.about-feature-content{max-width:840px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}
.about-feature-content>.eyebrow{color:var(--muted);font-size:.75rem;letter-spacing:1.8px;font-weight:600;text-transform:uppercase;margin-bottom:18px}
.about-feature-title{font-family:"DM Sans Variable",sans-serif;font-size:clamp(42px,5.8vw,72px);font-weight:450;line-height:1.1;letter-spacing:-2.6px;color:var(--ink);margin:0 0 26px}
.about-feature-title em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:1.14em;color:#1798c3;font-weight:400;letter-spacing:-.5px}
.dark .about-feature-title em{color:#22b2e2}
.about-feature-body{display:flex;flex-direction:column;gap:18px;max-width:760px;margin:0 auto 34px;box-sizing:border-box}
.about-feature-body p{font-family:"DM Sans Variable",sans-serif;font-size:clamp(16px,1.15vw,17.5px);line-height:1.75;color:var(--muted);font-weight:400;margin:0}
.dark .about-feature-body p{color:#b4c5d8}
.about-feature-action{display:flex;justify-content:center}
.about-cta-btn{font-family:"DM Sans Variable",sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 34px;font-size:13.5px;font-weight:650;letter-spacing:1px;text-transform:uppercase;border-radius:9999px;background:#121c27;color:#ffffff;border:1.5px solid #121c27;box-shadow:none!important;transition:transform .25s ease,background .25s ease,border-color .25s ease;cursor:pointer;text-decoration:none}
.about-cta-btn:hover{transform:translateY(-2px);background:#25374a;border-color:#25374a}
.about-cta-btn .cta-icon{transition:transform .25s ease}
.about-cta-btn:hover .cta-icon{transform:translate(2px,-2px)}
.dark .about-cta-btn{background:#ffffff;color:#101216;border:1.5px solid #ffffff}
.dark .about-cta-btn:hover{background:#e2e8f0;border-color:#e2e8f0}
@media(max-width:850px){.about-feature-section{padding:75px 0 85px}.about-feature-title{font-size:35px;letter-spacing:-1.4px}.about-feature-body p{font-size:15px;line-height:1.68}.about-cta-btn{padding:13px 28px;font-size:13px}}
@media(max-width:600px){.about-feature-section{padding:45px 0 55px}.about-feature-title{font-size:28px;letter-spacing:-1px}.about-cta-btn{padding:11px 22px;font-size:12px}}

/* Video + Testimonials + Partners: 3 Separate Clean Boxes Layout */
.about-showcase-wrap{width:100%;max-width:1260px;margin:85px auto 0;box-sizing:border-box}
.video-trust-layout{display:grid;grid-template-columns:410px 1fr;gap:28px;width:100%;max-width:100%;box-sizing:border-box;align-items:stretch}

/* Standalone Box Base */
.vt-separate-box{position:relative;background:#ffffff;border:1px solid rgba(200,215,235,0.65);border-radius:26px;box-shadow:0 12px 32px -10px rgba(18,36,60,0.06);transition:border-color .25s ease,box-shadow .25s ease;box-sizing:border-box;max-width:100%}
.dark .vt-separate-box{background:#132235;border-color:rgba(255,255,255,0.08);box-shadow:0 14px 36px -12px rgba(0,0,0,0.45)}

/* BOX 1: Left Video Box (Clean Luxury Phone Viewport with Refined Outer Border) */
.vt-video-box{overflow:hidden;background:#0b131e;min-height:630px;display:flex;flex-direction:column;padding:0;border-radius:30px;border:1px solid rgba(200,215,235,0.7);box-shadow:0 16px 40px -12px rgba(18,36,60,0.12);transition:border-color .25s ease,box-shadow .25s ease;width:100%;max-width:100%;box-sizing:border-box}
.vt-video-box:hover{border-color:rgba(23,152,195,0.5);box-shadow:0 20px 48px -12px rgba(23,152,195,0.2)}
.dark .vt-video-box{border:1px solid rgba(255,255,255,0.12);box-shadow:0 20px 48px -12px rgba(0,0,0,0.65)}
.dark .vt-video-box:hover{border-color:rgba(56,189,248,0.45);box-shadow:0 24px 55px -12px rgba(0,0,0,0.75)}
.vt-video-viewport{position:relative;width:100%;height:100%;min-height:630px;cursor:pointer;user-select:none;overflow:hidden;box-sizing:border-box}
.vt-video-element{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%;transition:transform .4s ease}
.vt-video-viewport:hover .vt-video-element{transform:scale(1.015)}

/* Top Video Scrim & Floating Glass Controls (Never covers speaker's face) */
.vt-video-top-scrim{position:absolute;top:0;left:0;right:0;padding:20px 20px 48px;background:linear-gradient(180deg,rgba(0,0,0,0.72) 0%,rgba(0,0,0,0.2) 65%,transparent 100%);display:flex;align-items:center;justify-content:space-between;z-index:3;box-sizing:border-box}
.vt-insta-glass-btn{display:inline-flex;align-items:center;gap:8px;background:rgba(15,23,42,0.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.22);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;color:#ffffff;text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.vt-insta-glass-btn:hover{transform:translateY(-1px);background:linear-gradient(135deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);border-color:transparent;box-shadow:0 4px 15px rgba(220,39,67,0.35)}
.vt-insta-glyph{color:#ffffff}
.vt-arrow-subtle{opacity:.75;transition:transform .2s ease}
.vt-insta-glass-btn:hover .vt-arrow-subtle{transform:translate(1px,-1px);opacity:1}
.vt-sound-toggle-btn{width:38px;height:38px;border-radius:50%;background:rgba(15,23,42,0.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.22);color:#ffffff;display:grid;place-items:center;cursor:pointer;transition:transform .2s ease,background .2s ease}
.vt-sound-toggle-btn:hover{transform:scale(1.08);background:rgba(15,23,42,0.85);border-color:rgba(255,255,255,0.4)}

/* Bottom Video Scrim & Floating Controls */
.vt-video-bottom-scrim{position:absolute;bottom:0;left:0;right:0;padding:55px 20px 22px;background:linear-gradient(0deg,rgba(0,0,0,0.88) 0%,rgba(0,0,0,0.32) 70%,transparent 100%);z-index:3;display:flex;flex-direction:column;gap:14px;box-sizing:border-box}
.vt-video-info-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.vt-video-label-group{display:flex;flex-direction:column;gap:3px}
.vt-live-indicator{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#1798c3}
.vt-live-pulse{width:6px;height:6px;border-radius:50%;background:#1798c3;box-shadow:0 0 8px #1798c3;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}
.vt-video-caption-title{font-family:"DM Sans Variable",sans-serif;font-size:14.5px;font-weight:650;color:#ffffff;margin:0;text-shadow:0 1px 3px rgba(0,0,0,0.6)}
.vt-glass-play-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);color:#0f172a;border:none;border-radius:999px;padding:8px 18px;font-size:12.5px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,0.28);transition:transform .2s ease,background .2s ease}
.vt-glass-play-pill:hover{transform:scale(1.05);background:#ffffff}
.vt-cta-pill{background:#1798c3;color:#ffffff;box-shadow:0 4px 16px rgba(23,152,195,0.45)}
.vt-cta-pill:hover{background:#1483a8;color:#ffffff}

/* Custom Timeline Scrubber & Player Controls */
.vt-custom-player-controls{display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}
.vt-timeline-track{position:relative;width:100%;height:6px;background:rgba(255,255,255,0.28);border-radius:999px;cursor:pointer;transition:height .15s ease}
.vt-timeline-track:hover{height:8px;background:rgba(255,255,255,0.36)}
.vt-timeline-fill{position:absolute;left:0;top:0;bottom:0;background:#1798c3;border-radius:999px;pointer-events:none;box-shadow:0 0 8px rgba(23,152,195,0.6)}
.vt-timeline-thumb{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;background:#ffffff;box-shadow:0 2px 6px rgba(0,0,0,0.4);transform:translate(-50%,-50%) scale(0.9);pointer-events:none;transition:transform .15s ease}
.vt-timeline-track:hover .vt-timeline-thumb{transform:translate(-50%,-50%) scale(1.15)}
.vt-player-controls-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;box-sizing:border-box}
.vt-player-controls-left{display:flex;align-items:center;gap:12px}
.vt-timeline-play-pill{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,0.96);backdrop-filter:blur(10px);color:#0f172a;border:none;border-radius:999px;padding:7px 15px;font-size:12px;font-weight:700;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px rgba(0,0,0,0.25);line-height:1}
.vt-timeline-play-pill:hover{transform:scale(1.04);background:#ffffff}
.vt-timeline-play-pill:focus:not(:focus-visible),.vt-glass-play-pill:focus:not(:focus-visible),.vt-timeline-volume-btn:focus:not(:focus-visible),.vt-sound-toggle-btn:focus:not(:focus-visible){outline:none!important}
.vt-timeline-play-pill:focus-visible,.vt-glass-play-pill:focus-visible{outline:2px solid #1798c3!important;outline-offset:2px!important}
.vt-timeline-timestamp{font-size:12px;font-weight:600;color:rgba(255,255,255,0.9);font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgba(0,0,0,0.7)}
.vt-player-controls-right{display:flex;align-items:center;gap:8px}
.vt-timeline-volume-btn{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,0.18);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.25);color:#ffffff;display:grid;place-items:center;cursor:pointer;transition:transform .2s ease,background .2s ease}
.vt-timeline-volume-btn:hover{transform:scale(1.08);background:rgba(255,255,255,0.32)}

/* RIGHT COLUMN: Two Separate Boxes (Testimonial Tall Box + Compact Partners Box) */
.vt-right-boxes-column{display:flex;flex-direction:column;gap:20px;justify-content:space-between;width:100%;max-width:100%;box-sizing:border-box}

/* Common Header */
.vt-box-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap;box-sizing:border-box}
.vt-box-title-group{display:flex;flex-direction:column;gap:4px}
.vt-box-eyebrow{font-size:11.5px;font-weight:750;letter-spacing:1.5px;text-transform:uppercase;color:#1798c3;margin:0}
.vt-box-heading{font-family:"DM Sans Variable",sans-serif;font-size:27px;font-weight:650;color:var(--ink);margin:3px 0 0;letter-spacing:-.6px}
.dark .vt-box-heading{color:#ffffff}

/* BOX 2: High-End Testimonial Carousel Box */
.vt-testimonial-box{flex:1;padding:34px 38px 28px;display:flex;flex-direction:column;justify-content:space-between;width:100%;max-width:100%;box-sizing:border-box}
.vt-carousel-controls{display:flex;align-items:center;gap:8px}
.vt-carousel-counter{font-size:12.5px;font-weight:650;color:var(--muted);padding:0 6px}
.vt-carousel-arrow-btn{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(24,50,75,0.04);color:var(--ink);border:1px solid rgba(24,50,75,0.08);cursor:pointer;transition:all .2s ease}
.vt-carousel-arrow-btn:hover{background:var(--ink);color:var(--paper);transform:scale(1.05);border-color:transparent}
.dark .vt-carousel-arrow-btn{background:rgba(255,255,255,0.06);color:#ffffff;border-color:rgba(255,255,255,0.12)}
.dark .vt-carousel-arrow-btn:hover{background:#ffffff;color:#0b131e}

/* Testimonials 2-Card Grid: Editorial, Clean, No Stars, No Badges */
.vt-testimonials-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px;flex:1;align-items:stretch;width:100%;max-width:100%;box-sizing:border-box}
.vt-testimonial-card-item{background:rgba(24,50,75,0.02);border:1px solid rgba(200,215,235,0.65);border-radius:22px;padding:28px 26px;display:flex;flex-direction:column;justify-content:space-between;gap:22px;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;box-sizing:border-box;word-break:break-word;overflow:hidden}
.dark .vt-testimonial-card-item{background:rgba(255,255,255,0.025);border-color:rgba(255,255,255,0.07)}
.vt-testimonial-card-item:hover{border-color:rgba(23,152,195,0.45);transform:translateY(-2px);box-shadow:0 14px 30px -10px rgba(23,152,195,0.12)}
.vt-tcard-quote-wrap{display:flex;flex-direction:column;gap:15px}
.vt-tcard-quote-badge{width:38px;height:38px;border-radius:12px;background:rgba(23,152,195,0.08);border:1px solid rgba(23,152,195,0.18);display:flex;align-items:center;justify-content:center;color:#1798c3;flex-shrink:0;transition:all .25s ease}
.vt-testimonial-card-item:hover .vt-tcard-quote-badge{background:#1798c3;color:#ffffff;border-color:#1798c3;transform:scale(1.05);box-shadow:0 4px 14px rgba(23,152,195,0.3)}
.dark .vt-tcard-quote-badge{background:rgba(23,152,195,0.14);border-color:rgba(23,152,195,0.26);color:#38bdf8}
.dark .vt-testimonial-card-item:hover .vt-tcard-quote-badge{background:#1798c3;color:#ffffff;border-color:#1798c3;box-shadow:0 4px 16px rgba(23,152,195,0.45)}
.vt-tcard-quote-icon{width:17px;height:17px;fill:currentColor;stroke:none}
.vt-tcard-quote-text{font-family:"DM Sans Variable",sans-serif;font-size:15.2px;line-height:1.75;color:var(--ink);font-style:normal;margin:0;font-weight:450}
.dark .vt-tcard-quote-text{color:#e2e8f0}
.vt-tcard-author-block{display:flex;flex-direction:column;gap:3px;border-top:1px solid rgba(200,215,235,0.5);padding-top:18px}
.dark .vt-tcard-author-block{border-top-color:rgba(255,255,255,0.08)}
.vt-tcard-author-name{font-size:15px;font-weight:700;color:var(--ink);letter-spacing:.5px}
.dark .vt-tcard-author-name{color:#ffffff}
.vt-tcard-author-role{font-size:12.5px;color:var(--muted);font-weight:500}

/* Dots */
.vt-carousel-dots-row{display:flex;align-items:center;justify-content:center;gap:8px}
.vt-carousel-dot{width:8px;height:8px;border-radius:999px;background:rgba(24,50,75,0.15);border:none;padding:0;cursor:pointer;transition:all .25s ease}
.dark .vt-carousel-dot{background:rgba(255,255,255,0.2)}
.vt-carousel-dot.active{width:24px;background:#1798c3}

/* BOX 3: Compact Partners Box (Small Height, Just Clean Logos) */
.vt-partners-box-compact{padding:20px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:96px;background:#ffffff;border:1px solid rgba(200,215,235,0.65);width:100%;max-width:100%;box-sizing:border-box}
.dark .vt-partners-box-compact{background:#16181f;border-color:rgba(255,255,255,0.08)}
.vt-partners-tiny-label{font-size:11.5px;font-weight:750;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);white-space:nowrap;flex-shrink:0}
.vt-partners-logos-clean-row{display:flex;align-items:center;justify-content:flex-end;gap:38px;flex:1;max-width:620px;box-sizing:border-box}
.vt-partner-logo-cell{display:flex;align-items:center;justify-content:center;background:#ffffff;padding:6px 20px;border-radius:14px;transition:opacity .2s ease,transform .2s ease;box-sizing:border-box;max-width:100%}
.dark .vt-partner-logo-cell{background:#ffffff;box-shadow:0 2px 8px rgba(0,0,0,0.15)}
.vt-partner-logo-cell:hover{opacity:.9;transform:scale(1.02)}
.vt-underwriter-img{max-height:48px;width:auto;max-width:100%;object-fit:contain;display:block}
.vt-partner-divider{width:1px;height:32px;background:rgba(24,50,75,0.12);flex-shrink:0}
.dark .vt-partner-divider{background:rgba(255,255,255,0.18)}

.family-feature-card{position:relative;width:min(1489px,calc(100% - 80px));max-width:1500px;height:clamp(440px,58vh,680px);margin:0 auto 75px;border-radius:32px;overflow:hidden;box-shadow:none;box-sizing:border-box}.family-feature-card img{object-fit:cover;object-position:center 42%}.family-shade{position:absolute;inset:0;background:linear-gradient(transparent 25%,#0a172572)}.family-caption{position:absolute;bottom:35px;left:38px;color:#fff}.picture-label{display:flex;align-items:center;gap:8px;font-size:.75rem;letter-spacing:1.5px}.family-caption h2{font-size:clamp(36px,4.4vw,68px);line-height:1.03;font-weight:450;letter-spacing:-2.5px;margin-top:15px}.family-caption p{font-size:.875rem;margin-top:13px}

.difference-section{padding:35px 0 115px}.editorial-intro{max-width:990px;text-align:center;margin:0 auto;box-sizing:border-box}.editorial-intro>.eyebrow{color:var(--muted);margin-bottom:0}.editorial-intro h2{font-size:clamp(36px,4.5vw,62px);font-weight:450;line-height:1.1;letter-spacing:-2.5px;margin-top:14px}.editorial-intro h2>span{color:var(--muted)}.editorial-intro h2 em{color:#1798c3;font-size:1.15em}.editorial-intro>p:last-child{max-width:575px;margin:16px auto 0;color:var(--muted);font-size:1rem;line-height:1.65}.difference-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:100px;margin-top:95px;padding-top:60px;border-top:1px dashed var(--line)}.note-star{font-size:52px;line-height:1;color:#1798c3;display:block;margin-bottom:26px}.margin-note h3{font-size:30px;line-height:1.2;font-weight:450;letter-spacing:-1px}.margin-note>p{font-size:1rem;color:var(--muted);line-height:1.8;margin-top:20px}.margin-note .quiet-link{margin-top:28px;font-size:.8125rem}.difference-accordion [data-slot=accordion-item]{border-bottom:1px dashed var(--line)}.difference-accordion [data-slot=accordion-trigger]{padding:24px 0;align-items:center;font-size:1.25rem;font-weight:450;letter-spacing:-.4px;gap:21px;text-decoration:none;line-height:1.4}.difference-accordion [data-slot=accordion-trigger]>span:nth-child(2){flex:1}.row-index{font-size:.75rem;color:var(--muted);letter-spacing:0}.difference-accordion [data-slot=accordion-content] p{font-size:1rem;line-height:1.85;color:var(--muted);padding-left:38px;max-width:570px;padding-bottom:9px}.section-heading h2{font-size:clamp(44px,4.8vw,67px);font-weight:450;letter-spacing:-3px;line-height:1.07;margin-top:22px}.section-heading h2 em{font-size:1.08em;color:#1798c3}.section-heading .eyebrow{color:var(--muted)}

.journey-section{background:var(--soft);margin:0 max(16px,7vw);border:1px solid var(--line);border-radius:28px;padding:85px 0 65px}.journey-section .section-heading{text-align:center}.journey-tabs{margin-top:35px}.journey-tab-list[data-slot=tabs-list]{display:flex;width:max-content;max-width:100%;height:auto;margin:auto;padding:5px;gap:4px;background:var(--paper);border:1px solid var(--line);border-radius:40px}.journey-tab-list [data-slot=tabs-trigger]{height:auto;padding:12px 25px;border-radius:30px;font-size:.9375rem;gap:15px;color:var(--muted);box-shadow:none}.journey-tab-list [data-slot=tabs-trigger][data-state=active]{background:var(--ink);color:var(--paper)}.journey-tab-list [data-slot=tabs-trigger] svg{width:14px}.journey-content[data-slot=tabs-content]{display:grid;grid-template-columns:1.08fr 1fr;gap:70px;margin-top:47px;align-items:center;animation:content-in .5s ease}.journey-content[data-state=inactive]{display:none}.journey-photo{height:455px;position:relative;overflow:hidden;border-radius:18px}.journey-photo img{object-fit:cover;transition:transform 1s}.journey-photo:hover img{transform:scale(1.025)}.photo-tag{position:absolute;left:22px;bottom:22px;background:#ffffffed;color:#18324b;font-size:.75rem;letter-spacing:1px;padding:10px 14px;border-radius:25px}.journey-kicker{font-size:.75rem;letter-spacing:1.8px;color:var(--muted)}.journey-copy h3{font-size:40px;font-weight:450;letter-spacing:-1.8px;line-height:1.1;margin-top:15px;max-width:400px}.journey-copy>p{font-size:1rem;color:var(--muted);line-height:1.8;margin-top:22px;max-width:440px}.journey-copy ul{padding:0;margin:24px 0 29px;list-style:none;display:grid;gap:13px}.journey-copy li{display:flex;gap:10px;align-items:flex-start;font-size:.875rem;line-height:1.65}.journey-copy li svg{margin-top:3px;color:#1798c3}.journey-copy .button{min-height:50px;padding:14px 23px}

.process-section{padding:30px 0 100px}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.process-intro{position:sticky;top:135px}.process-intro>.eyebrow{color:var(--muted)}.process-intro h2{font-size:52px;font-weight:450;letter-spacing:-2.6px;line-height:1.1;margin-top:22px}.process-intro h2 em{color:#1798c3;font-size:1.14em}.process-intro>p:not(.eyebrow){font-size:1rem;color:var(--muted);line-height:1.8;margin-top:23px}.model-stage{height:290px;max-width:460px;margin:0 -10px;position:relative}.model-note{display:flex;align-items:center;gap:9px;font-size:.75rem;color:var(--muted);margin-top:-12px}.process-steps{position:relative;padding:7px 0 20px}.process-line{position:absolute;left:21px;top:35px;bottom:80px;width:1px;background:var(--line);z-index:-1}.process-line>span{display:block;width:100%;height:100%;background:#1798c3;transform-origin:top}.process-step{padding:12px 0 23px;margin-bottom:18px;border-bottom:1px dashed var(--line)}.process-step button{display:flex;gap:22px;align-items:center;width:100%;text-align:left;padding:0}.step-number{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--paper);font-size:.75rem;transition:background .3s}.process-step.active .step-number{background:var(--lilac);border-color:var(--lilac)}.process-step button>span:nth-child(2){flex:1}.process-step small{display:block;text-transform:uppercase;font-size:.75rem;letter-spacing:1.5px;color:var(--muted);margin-bottom:9px}.process-step strong{font-size:22px;font-weight:450;letter-spacing:-.6px;line-height:1.4;display:block}.process-step button>svg{color:var(--muted);transition:transform .3s}.process-step.active button>svg{transform:rotate(90deg)}.process-answer{padding:20px 25px 0 66px;animation:content-in .4s ease}.process-answer p{font-size:1rem;color:var(--muted);line-height:1.8}.process-answer .quiet-link{font-size:.875rem;margin-top:15px}.model-loading{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:var(--muted)}

.stories-section{padding:50px 0 100px}.stories-section>.section-heading{text-align:center}.testimonials{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;margin-top:65px}.main-quote{position:relative;padding:34px 42px 38px;background:var(--lilac);border-radius:22px 22px 70px 22px}.quote-symbol{font-family:"Instrument Serif",Georgia,serif;font-size:110px;line-height:.8;color:#9480ac;display:block;height:75px}.main-quote blockquote{font-size:37px;letter-spacing:-1.5px;line-height:1.25;font-weight:450;margin-top:12px}.quote-credit{display:flex;gap:12px;align-items:center;margin-top:38px}.initial{background:color-mix(in srgb,var(--paper) 60%,transparent);width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font-size:.875rem}.quote-credit p{font-size:.875rem}.quote-credit small{font-size:.75rem;color:var(--muted);display:block;margin-top:4px}.quote-credit>a{margin-left:auto}.side-quotes{display:flex;flex-direction:column;justify-content:space-around}.side-quotes article+article{border-top:1px dashed var(--line);padding-top:25px;margin-top:24px}.little-star{color:#ad947b;font-size:22px}.side-quotes blockquote{font-size:23px;line-height:1.45;letter-spacing:-.65px;margin-top:14px;max-width:355px}.side-quotes p{font-size:.75rem;margin-top:20px}.side-quotes p span{color:var(--muted);margin-left:7px}.trust-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-block:1px dashed var(--line);padding:45px 0;margin-top:80px}.trust-facts strong{display:block;font-size:36px;font-weight:450;letter-spacing:-1.5px}.trust-facts span{display:block;font-size:.875rem;color:var(--muted);margin-top:9px}.partners{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:47px}.partners>p{font-size:1rem;line-height:1.65;color:var(--muted)}.partners>p strong{font-weight:450;color:var(--ink)}.partners>a{display:flex;align-items:center;gap:11px;opacity:.8;transition:opacity .3s}.partners>a:hover{opacity:1}.first-american{font-family:Georgia,serif;font-size:25px}.first-american small{display:block;font-family:"DM Sans Variable",Arial,sans-serif;font-size:.75rem;letter-spacing:1px;margin-top:4px}.wfg{font-family:Georgia,serif;font-size:43px;font-weight:700;letter-spacing:-2px}.wfg>span{font-family:"DM Sans Variable",Arial,sans-serif;font-size:.75rem;font-weight:400;line-height:1.6;letter-spacing:.5px;padding-left:12px;border-left:1px solid var(--line)}

.closing-invitation{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:32px;margin:60px max(16px,7vw) 100px;padding:85px 0;isolation:isolate;box-sizing:border-box}
.invitation-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 25% 70%,var(--glow-blue),transparent 55%),radial-gradient(ellipse at 80% 40%,var(--glow-pink),transparent 65%),radial-gradient(ellipse at 65% 90%,var(--glow-peach),transparent 50%);opacity:.75}
.invitation-split{display:grid;grid-template-columns:1.02fr 1.18fr;gap:55px;align-items:center;box-sizing:border-box}
.invitation-left{display:flex;flex-direction:column;align-items:flex-start;text-align:left;box-sizing:border-box}
.invitation-left>.eyebrow{color:var(--muted);margin-bottom:12px}
.invitation-left h2{font-size:clamp(38px,4.5vw,60px);font-weight:450;letter-spacing:-2.6px;line-height:1.06;margin:0 0 16px;color:var(--ink);text-align:left}
.invitation-left h2 em{font-size:1.12em;color:#8DC7DE}
.dark .invitation-left h2 em{color:#8DC7DE}
.invitation-left .invitation-subtitle{font-size:1.0625rem;line-height:1.72;color:var(--muted);margin:0 0 28px;max-width:440px;text-align:left}
.invitation-left-meta{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:4px}
.invitation-left-meta .phone-link{display:inline-flex;align-items:center;gap:9px;font-size:1.0625rem;font-weight:600;color:var(--ink);margin:0;transition:color .2s ease}
.invitation-left-meta .phone-link:hover{color:#8DC7DE}
.invitation-address{font-size:.875rem;color:var(--muted);line-height:1.6}
.invitation-left-meta .button-quiet-order{display:inline-flex;align-items:center;gap:8px;font-family:"DM Sans Variable",sans-serif;font-size:14px;font-weight:600;color:var(--ink);padding:4px 0;transition:transform .2s ease,color .2s ease;text-decoration:none;margin-top:2px}
.invitation-left-meta .button-quiet-order:hover{transform:translateX(3px);color:#8DC7DE}
.invitation-left-meta .button-quiet-order svg{transition:transform .2s ease}
.invitation-left-meta .button-quiet-order:hover svg{transform:translate(2px,-2px)}
.dark .invitation-left-meta .button-quiet-order{color:#d3e1f2}
.dark .invitation-left-meta .button-quiet-order:hover{color:#ffffff}

.invitation-right{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}
.invitation-form{position:relative;z-index:2;width:100%;max-width:100%;margin:0;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;display:flex;flex-direction:column;gap:20px;text-align:left;box-sizing:border-box}
.form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:26px;box-sizing:border-box}
.form-field{display:flex;flex-direction:column;gap:6px;box-sizing:border-box}
.form-field.full-width{grid-column:1/-1}
.form-field label{font-family:"DM Sans Variable",sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--ink);transition:color .3s}
.dark .form-field label{color:#d3e1f2}
.form-input,.form-select,.form-textarea{width:100%;box-sizing:border-box;background:transparent;background-color:transparent;border:none;border-bottom:1.5px solid rgba(24,50,75,0.22);border-radius:0;padding:10px 0;font-family:"DM Sans Variable",sans-serif;font-size:14.5px;color:var(--ink);transition:border-color .25s ease,box-shadow .25s ease;outline:none}
.dark .form-input,.dark .form-select,.dark .form-textarea{background:transparent;background-color:transparent;border:none;border-bottom:1.5px solid rgba(255,255,255,0.22);border-radius:0;color:#ffffff}
.form-input::placeholder,.form-textarea::placeholder{color:var(--muted);opacity:.65}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-bottom-color:var(--ink);box-shadow:0 1px 0 0 var(--ink);background:transparent;background-color:transparent}
.dark .form-input:focus,.dark .form-select:focus,.dark .form-textarea:focus{border-bottom-color:#ffffff;box-shadow:0 1px 0 0 #ffffff;background:transparent;background-color:transparent}
.form-textarea{resize:vertical;min-height:68px;line-height:1.55}
.form-select{cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23687b8b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat!important;background-position:right 4px center!important;padding-right:28px}
.dark .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a7b6c9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat!important;background-position:right 4px center!important}
.form-select option{background:var(--paper,#ffffff);color:var(--ink,#18324b)}
.dark .form-select option{background:#16181f;color:#ffffff}
.custom-dropdown-field{position:relative}
.custom-select-trigger{width:100%;box-sizing:border-box;background:transparent;border:none;border-bottom:1.5px solid rgba(24,50,75,0.22);border-radius:0;padding:10px 0;font-family:"DM Sans Variable",sans-serif;font-size:14.5px;color:var(--ink);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:border-color .25s ease,box-shadow .25s ease;text-align:left;outline:none}
.dark .custom-select-trigger{border-bottom-color:rgba(255,255,255,0.22);color:#ffffff}
.custom-select-trigger:hover{border-bottom-color:rgba(24,50,75,0.5)}
.dark .custom-select-trigger:hover{border-bottom-color:rgba(255,255,255,0.5)}
.custom-select-trigger:focus,.custom-select-trigger.is-open{border-bottom-color:var(--ink);box-shadow:0 1px 0 0 var(--ink)}
.dark .custom-select-trigger:focus,.dark .custom-select-trigger.is-open{border-bottom-color:#ffffff;box-shadow:0 1px 0 0 #ffffff}
.custom-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.custom-select-chevron{color:var(--muted);transition:transform .25s cubic-bezier(0.16,1,0.3,1),color .2s ease;flex-shrink:0}
.custom-select-trigger.is-open .custom-select-chevron{transform:rotate(180deg);color:var(--ink)}
.dark .custom-select-trigger.is-open .custom-select-chevron{color:#ffffff}
.custom-select-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:80;background:rgba(255,255,255,0.98);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(24,50,75,0.12);border-radius:16px;padding:6px;box-shadow:0 18px 40px -10px rgba(18,50,75,0.18),0 4px 14px rgba(18,50,75,0.08);animation:dropdown-pop .2s cubic-bezier(0.16,1,0.3,1);display:flex;flex-direction:column;gap:2px;box-sizing:border-box;max-height:280px;overflow-y:auto;overscroll-behavior:contain}
.dark .custom-select-menu{background:rgba(22,24,31,0.98);border-color:rgba(255,255,255,0.12);box-shadow:0 22px 48px -10px rgba(0,0,0,0.7),0 6px 18px rgba(0,0,0,0.4)}
.custom-select-menu::-webkit-scrollbar{width:5px}
.custom-select-menu::-webkit-scrollbar-thumb{background:rgba(24,50,75,0.18);border-radius:99px}
.dark .custom-select-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.18)}
@keyframes dropdown-pop{from{opacity:0;transform:translateY(-6px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.custom-select-option{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;font-family:"DM Sans Variable",sans-serif;font-size:14px;font-weight:500;color:var(--ink);cursor:pointer;transition:background .18s ease,color .18s ease,transform .12s ease;text-align:left;border:none;background:transparent;box-sizing:border-box}
.dark .custom-select-option{color:#e2e8f0}
.custom-select-option:hover{background:rgba(23,152,195,0.08);color:#1798c3}
.dark .custom-select-option:hover{background:rgba(23,152,195,0.18);color:#38bdf8}
.custom-select-option:active{transform:scale(0.985)}
.custom-select-option.is-selected{background:rgba(23,152,195,0.12);color:#1798c3;font-weight:650}
.dark .custom-select-option.is-selected{background:rgba(23,152,195,0.24);color:#38bdf8}
.custom-select-check{color:#1798c3;flex-shrink:0}
.dark .custom-select-check{color:#38bdf8}
.form-action-row{display:flex;align-items:center;justify-content:flex-start;gap:16px;margin-top:4px}
.invitation-submit{min-height:48px;padding:13px 30px;font-size:14px;font-weight:650;letter-spacing:.4px;cursor:pointer}
.dark .invitation-submit{background:#ffffff!important;color:#101216!important;border:1.5px solid #ffffff!important}
.dark .invitation-submit:hover{background:#e2e8f0!important;border-color:#e2e8f0!important;color:#101216!important}
.invitation-success-card{max-width:480px;margin:16px auto;padding:28px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;background:transparent!important;border:none!important;box-sizing:border-box}
.success-badge{width:52px;height:52px;border-radius:50%;background:rgba(52,199,89,0.15);color:#22c55e;display:grid;place-items:center;margin-bottom:16px}
.dark .success-badge{background:rgba(34,197,94,0.25);color:#4ade80}
.invitation-success-card h3{font-family:"DM Sans Variable",sans-serif;font-size:24px;font-weight:650;color:var(--ink);margin:0 0 10px}
.dark .invitation-success-card h3{color:#ffffff}
.invitation-success-card p{font-size:15px;line-height:1.65;color:var(--muted);max-width:420px;margin:0 0 18px}
.invitation-reset-btn{font-size:14px;color:var(--ink);font-weight:600;cursor:pointer}
.dark .invitation-reset-btn{color:#ffffff}
@media(max-width:1020px){.invitation-split{grid-template-columns:1fr;gap:42px}.invitation-left{text-align:center;align-items:center}.invitation-left h2,.invitation-left .invitation-subtitle{text-align:center}.invitation-left-meta{align-items:center}.invitation-form{max-width:600px;margin:0 auto}}
@media(max-width:680px){.closing-invitation{padding:45px 0}.form-row-2col{grid-template-columns:1fr;gap:12px}.invitation-submit{width:100%}}
footer.shell{padding-bottom:48px}
.footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:45px;padding:70px 0 45px;box-sizing:border-box}.footer-brand>p{font-size:1rem;color:var(--muted);line-height:1.7;margin-top:22px}.footer-tagline{font-family:"DM Sans Variable",sans-serif;font-size:1.18rem;font-weight:600;color:var(--ink);line-height:1.4;margin-top:18px;letter-spacing:-.4px}.dark .footer-tagline{color:#ffffff}.footer-subtext{font-size:.875rem;color:var(--muted);line-height:1.65;margin-top:16px;max-width:320px}.footer-links{display:flex;flex-direction:column;gap:13px;font-size:.875rem;line-height:1.7}.footer-links>span{font-size:.75rem;letter-spacing:1.1px;color:var(--muted);margin-bottom:5px}.footer-links a{display:flex;align-items:center;gap:10px}.footer-social-block{margin-top:14px;display:flex;flex-direction:column;gap:8px}.footer-social-heading{font-size:.72rem!important;letter-spacing:1.1px!important;color:var(--muted)!important;font-weight:700!important;margin-bottom:2px!important;display:block}.footer-social-row{display:flex;align-items:center;gap:10px;margin-top:18px}.footer-social-icon-btn{width:36px;height:36px;border-radius:50%;background:rgba(24,50,75,0.05);border:1px solid rgba(24,50,75,0.1);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;text-decoration:none}.dark .footer-social-icon-btn{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.12);color:#ffffff}.footer-social-icon-btn:hover{background:#1798c3;border-color:#1798c3;color:#ffffff!important;transform:translateY(-2px)}.footer-social-link{display:inline-flex;align-items:center;gap:8px;transition:color .2s ease,transform .2s ease}.footer-social-link:hover{color:#1798c3;transform:translateX(2px)}.footer-social-link svg:first-child{color:#1798c3;flex-shrink:0}.footer-contact-col{gap:20px}.footer-contact-heading{font-size:.875rem!important;font-weight:700!important;letter-spacing:1.1px!important;color:#1798c3!important;margin-bottom:2px!important;display:block}.dark .footer-contact-heading{color:#8DC7DE!important}.footer-contact-item{display:flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:flex-start!important;gap:12px!important;color:var(--ink);text-decoration:none;transition:color .2s ease,transform .2s ease}.dark .footer-contact-item{color:#e2e8f0}.footer-contact-item:hover{color:#1798c3;transform:translateX(2px)}.dark .footer-contact-item:hover{color:#8DC7DE}span.footer-contact-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:22px!important;flex-shrink:0!important;color:#1798c3!important;margin:0!important;padding:0!important}.dark span.footer-contact-icon{color:#8DC7DE!important}span.footer-contact-icon svg,svg.footer-contact-icon{width:16px!important;height:16px!important;flex-shrink:0!important;display:block!important;margin:0!important}.footer-contact-text{font-size:.9375rem;line-height:22px!important;font-weight:500;text-align:left!important}.footer-bottom{display:flex;gap:24px;align-items:center;border-top:1px dashed var(--line);padding-top:24px;padding-bottom:36px;font-size:.75rem;color:var(--muted);box-sizing:border-box}.footer-bottom-left{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-right:auto}.footer-copyright{margin-right:0}.footer-bottom-inline{display:flex;align-items:center;gap:16px}.theme-toggle-footer{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:9999px;border:1px solid var(--line);background:rgba(24,50,75,0.04);color:var(--ink);font-family:"DM Sans Variable",sans-serif;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.theme-toggle-footer:hover{background:rgba(23,152,195,0.1);border-color:#1798c3;color:#1798c3}.dark .theme-toggle-footer{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.12);color:#ffffff}.dark .theme-toggle-footer:hover{background:rgba(141,199,222,0.15);border-color:#8DC7DE;color:#8DC7DE}.theme-toggle-footer svg{color:#1798c3}.dark .theme-toggle-footer svg{color:#8DC7DE}.solora-badge{display:inline-flex;align-items:center;gap:7px;opacity:.85;transition:opacity .2s ease,transform .2s ease}.solora-badge:hover{opacity:1;transform:translateY(-1px)}.solora-text{font-size:.75rem;color:var(--muted);font-weight:500;letter-spacing:.2px}.solora-logo{height:23px;width:auto;object-fit:contain;display:block}.solora-logo-dark{display:none}.solora-logo-light{display:block}.dark .solora-logo-dark{display:block}.dark .solora-logo-light{display:none}.back-to-top-btn{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,0.88);border:1px solid rgba(24,50,75,0.14);color:var(--ink);cursor:pointer;box-shadow:0 3px 12px rgba(18,36,60,0.06);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .25s cubic-bezier(0.16,1,0.3,1),background .25s ease,color .25s ease,box-shadow .25s ease,border-color .25s ease}.back-to-top-btn svg{transition:transform .25s cubic-bezier(0.16,1,0.3,1)}.back-to-top-btn:hover{background:#1798c3;border-color:#1798c3;color:#ffffff;transform:translateY(-3px);box-shadow:0 8px 22px -4px rgba(23,152,195,0.42)}.back-to-top-btn:hover svg{transform:translateY(-2px)}.dark .back-to-top-btn{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.16);color:#ffffff;box-shadow:0 4px 16px rgba(0,0,0,0.35)}.dark .back-to-top-btn:hover{background:#38bdf8;border-color:#38bdf8;color:#0b131e;box-shadow:0 8px 22px -4px rgba(56,189,248,0.5)}.contact-dialog{background:var(--paper);border-color:var(--line);border-radius:24px;padding:35px;gap:22px}.contact-dialog [data-slot=dialog-title]{font-size:39px;line-height:1.1;font-weight:450;letter-spacing:-1.7px}.contact-dialog [data-slot=dialog-description]{font-size:1rem;line-height:1.8;color:var(--muted)}.contact-phone{display:flex;align-items:center;gap:14px;font-size:23px;padding:22px 0;border-block:1px dashed var(--line)}.contact-phone>svg:last-child{margin-left:auto}.contact-phone small{display:block;font-size:.75rem;color:var(--muted);margin-top:7px}.contact-address{font-size:.875rem;line-height:1.8;color:var(--muted)}.contact-dialog .eyebrow{font-size:.75rem}.skip-link{position:fixed;top:-100px;left:20px;background:var(--paper);padding:15px;z-index:100}.skip-link:focus{top:15px}.scene-fallback{display:grid;place-items:center;height:100%;text-align:center;color:var(--muted)}
@keyframes content-in{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}

/* ==========================================================================
   NEW ARCHITECTURE SECTIONS: ABOUT SPLIT, VIDEO REELS, TESTIMONIALS
   ========================================================================== */

/* 1. ABOUT SPLIT SECTION (Hero -> About) */
.about-split-section{padding:90px 0 100px;position:relative;z-index:15;background:transparent;box-sizing:border-box}
.about-split-grid{display:grid;grid-template-columns:minmax(340px,460px) 1fr;gap:60px;align-items:center;box-sizing:border-box}
.about-photo-col{position:relative;width:100%;box-sizing:border-box}
.about-photo-card{position:relative;width:100%;border-radius:28px;overflow:hidden;background:#0d1520;border:1px solid rgba(24,50,75,0.12);box-shadow:0 24px 50px -15px rgba(18,50,75,0.18);transition:transform .35s cubic-bezier(0.16,1,0.3,1),box-shadow .35s ease;box-sizing:border-box}
.dark .about-photo-card{background:#0b131e;border-color:rgba(255,255,255,0.12);box-shadow:0 24px 50px -15px rgba(0,0,0,0.6)}
.about-photo-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px -15px rgba(23,152,195,0.22)}
.about-photo-viewport{position:relative;width:100%;aspect-ratio:3.8/4.8;overflow:hidden;background:#0d1520}
.about-founder-img{object-fit:cover;object-position:center 12%;transition:transform .6s cubic-bezier(0.16,1,0.3,1)}
.about-photo-card:hover .about-founder-img{transform:scale(1.025)}
.about-founder-scrim{position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(to top,rgba(4,10,18,0.96) 0%,rgba(6,14,24,0.68) 45%,rgba(6,14,24,0.2) 75%,transparent 100%);z-index:2;pointer-events:none}
.about-founder-info{position:absolute;bottom:24px;left:24px;right:24px;z-index:4;display:flex;flex-direction:column;gap:3px;pointer-events:none}
.founder-name{font-family:"DM Sans Variable",sans-serif;font-size:32px;font-weight:750;color:#ffffff;letter-spacing:-0.9px;line-height:1.1;margin:0;text-shadow:0 2px 14px rgba(0,0,0,0.5)}
.founder-title{font-family:"DM Sans Variable",sans-serif;font-size:18px;font-weight:600;color:#38bdf8;letter-spacing:-0.2px;line-height:1.2;margin:0;text-shadow:0 2px 10px rgba(0,0,0,0.4)}

.about-content-col{display:flex;flex-direction:column;gap:18px;box-sizing:border-box}
.about-eyebrow-tag{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;letter-spacing:1.6px;font-weight:700;color:#1798c3;text-transform:uppercase}
.dark .about-eyebrow-tag{color:#38bdf8}
.about-dot{width:6px;height:6px;border-radius:50%;background:#1798c3}
.dark .about-dot{background:#38bdf8}
.about-split-heading{font-family:"DM Sans Variable",sans-serif;font-size:clamp(36px,4.4vw,56px);font-weight:450;line-height:1.12;letter-spacing:-2px;color:var(--ink);margin:0}
.about-split-heading em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:1.14em;color:#1798c3;font-weight:400;letter-spacing:-.5px}
.dark .about-split-heading em{color:#22b2e2}
.about-split-description{display:flex;flex-direction:column;gap:14px;font-size:15.5px;line-height:1.72;color:var(--muted)}
.about-split-description p{margin:0}
.about-highlights-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:6px}
.about-highlight-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:16px;background:rgba(24,50,75,0.035);border:1px solid var(--line)}
.dark .about-highlight-item{background:rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.08)}
.highlight-icon-box{width:34px;height:34px;border-radius:10px;background:rgba(23,152,195,0.1);color:#1798c3;display:grid;place-items:center;flex-shrink:0}
.dark .highlight-icon-box{background:rgba(56,189,248,0.18);color:#38bdf8}
.highlight-title{font-family:"DM Sans Variable",sans-serif;font-size:13.5px;font-weight:700;color:var(--ink);margin-bottom:2px}
.dark .highlight-title{color:#ffffff}
.highlight-sub{font-size:12px;line-height:1.45;color:var(--muted)}
.about-cta-row{margin-top:10px}
.about-primary-btn{display:inline-flex;align-items:center;gap:9px;padding:14px 32px;font-family:"DM Sans Variable",sans-serif;font-size:13px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;border-radius:9999px;background:#121c27;color:#ffffff;border:1.5px solid #121c27;transition:all .22s ease;cursor:pointer;text-decoration:none}
.about-primary-btn:hover{background:#25374a;border-color:#25374a;transform:translateY(-2px)}
.about-primary-btn svg{transition:transform .2s ease}
.about-primary-btn:hover svg{transform:translate(2px,-2px)}
.dark .about-primary-btn{background:#ffffff;color:#101216;border-color:#ffffff}
.dark .about-primary-btn:hover{background:#e2e8f0;border-color:#e2e8f0}

/* 2. VIDEO REELS SECTION (3 Videos in a Row) */
.video-reels-section{padding:90px 0 100px;position:relative;z-index:15;background:transparent;box-sizing:border-box}
.reels-header{max-width:760px;margin:0 auto 46px;text-align:center;display:flex;flex-direction:column;align-items:center}
.reels-heading{font-family:"DM Sans Variable",sans-serif;font-size:clamp(34px,4.5vw,52px);font-weight:450;line-height:1.12;letter-spacing:-2px;color:var(--ink);margin:8px 0 14px}
.reels-heading em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:1.14em;color:#1798c3;font-weight:400;letter-spacing:-.5px}
.dark .reels-heading em{color:#22b2e2}
.reels-subheading{font-size:15.5px;line-height:1.68;color:var(--muted);max-width:620px;margin:0 auto}

.reels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;box-sizing:border-box}
.reel-card-item{position:relative;height:520px;border-radius:26px;overflow:hidden;background:#0b131e;border:1px solid rgba(200,215,235,0.7);box-shadow:0 16px 40px -12px rgba(18,36,60,0.12);cursor:pointer;user-select:none;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;box-sizing:border-box}
.dark .reel-card-item{border-color:rgba(255,255,255,0.12);box-shadow:0 18px 45px -12px rgba(0,0,0,0.65)}
.reel-card-item:hover{transform:translateY(-5px);border-color:rgba(23,152,195,0.5);box-shadow:0 22px 50px -12px rgba(23,152,195,0.22)}
.dark .reel-card-item:hover{border-color:rgba(56,189,248,0.5);box-shadow:0 24px 55px -12px rgba(0,0,0,0.8)}
.reel-card-item.is-active-playing{border-color:#1798c3}

.reel-video-element{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .4s ease}
.reel-card-item:hover .reel-video-element{transform:scale(1.02)}

.reel-top-bar{position:absolute;top:14px;left:14px;right:14px;z-index:5;display:flex;align-items:center;justify-content:space-between}
.reel-top-action-group{display:flex;align-items:center;gap:6px}
.reel-insta-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9999px;background:rgba(18,24,34,0.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.18);color:#ffffff;font-size:11.5px;font-weight:600;text-decoration:none;transition:background .2s ease}
.reel-insta-badge:hover{background:rgba(23,152,195,0.85);color:#ffffff}
.reel-sound-btn{width:32px;height:32px;border-radius:50%;background:rgba(18,24,34,0.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.18);color:#ffffff;display:grid;place-items:center;cursor:pointer;transition:transform .2s ease,background .2s ease}
.reel-sound-btn:hover{background:rgba(23,152,195,0.85);transform:scale(1.08)}
.reel-expand-btn:hover{background:rgba(23,152,195,0.9);transform:scale(1.1)}

html.modal-locked,body.modal-locked{overflow:hidden!important;height:100vh!important;touch-action:none!important;-webkit-overflow-scrolling:auto!important}
body.modal-locked{position:fixed!important;left:0!important;right:0!important;width:100%!important}

/* Video Modal Lightbox Styles */
.reel-modal-overlay{position:fixed;inset:0;z-index:99999;background:rgba(4,9,16,0.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:16px;overscroll-behavior:contain;touch-action:none;animation:reelModalFadeIn .22s ease-out forwards}
@keyframes reelModalFadeIn{from{opacity:0;transform:scale(0.97)}to{opacity:1;transform:scale(1)}}
.reel-modal-container{position:relative;width:100%;max-width:440px;height:90vh;max-height:820px;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,0.85),0 0 0 1px rgba(255,255,255,0.18);background:#000;display:flex;flex-direction:column}
.reel-modal-close-btn{position:absolute;top:16px;right:16px;z-index:20;width:38px;height:38px;border-radius:50%;background:rgba(18,24,34,0.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.22);color:#ffffff;display:grid;place-items:center;cursor:pointer;transition:transform .2s ease,background .2s ease}
.reel-modal-close-btn:hover{background:rgba(217,45,32,0.9);transform:scale(1.1)}
.reel-modal-video-wrap{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end}
.reel-modal-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;cursor:pointer}
.reel-modal-controls{position:relative;z-index:10;background:linear-gradient(to top,rgba(4,8,14,0.97) 0%,rgba(4,8,14,0.78) 60%,transparent 100%);padding:40px 24px 22px}
.reel-modal-title{font-family:"DM Sans Variable",sans-serif;font-size:18px;font-weight:700;color:#ffffff;margin:8px 0 6px;line-height:1.3}
.reel-modal-topic{font-size:13.5px;line-height:1.55;color:rgba(255,255,255,0.85);margin:0 0 14px}
.reel-modal-sound-btn{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,0.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.22);color:#ffffff;display:grid;place-items:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}
.reel-modal-sound-btn:hover{background:#1798c3;border-color:#1798c3;color:#ffffff;transform:scale(1.08)}

.reel-center-play-overlay{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:rgba(0,0,0,0.22);transition:opacity .25s cubic-bezier(0.16,1,0.3,1)}
.reel-play-btn-circle{width:62px;height:62px;border-radius:50%;background:rgba(255,255,255,0.92);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1.5px solid rgba(255,255,255,0.95);color:#101824;display:flex;align-items:center;justify-content:center;padding-left:3px;box-shadow:0 12px 32px -4px rgba(0,0,0,0.45), 0 0 0 1px rgba(255,255,255,0.5), inset 0 1px 1px rgba(255,255,255,0.9);transition:transform .3s cubic-bezier(0.16,1,0.3,1),background .25s ease,color .25s ease,box-shadow .3s ease}
.reel-play-btn-circle .play-glyph{display:flex;align-items:center;justify-content:center}
.reel-card-item:hover .reel-play-btn-circle{transform:scale(1.15);background:#ffffff;color:#1798c3;box-shadow:0 18px 40px -4px rgba(23,152,195,0.42), 0 0 0 5px rgba(255,255,255,0.35)}
.dark .reel-card-item:hover .reel-play-btn-circle{color:#0ea5e9;box-shadow:0 18px 40px -4px rgba(14,165,233,0.5), 0 0 0 5px rgba(255,255,255,0.25)}

.reel-bottom-scrim{position:absolute;bottom:0;left:0;right:0;z-index:5;padding:56px 20px 18px;background:linear-gradient(to top,rgba(6,10,16,0.96) 0%,rgba(6,10,16,0.72) 60%,transparent 100%);display:flex;flex-direction:column;gap:10px}
.reel-meta-content{display:flex;flex-direction:column;gap:6px}
.reel-tag-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.reel-tag-group{display:flex;align-items:center;gap:12px}
.reel-category-pill{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;background:rgba(23,152,195,0.22);border:1px solid rgba(23,152,195,0.45);color:#38bdf8;font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;line-height:1.2}
.reel-time-label{font-size:12px;font-weight:600;color:rgba(255,255,255,0.75);font-variant-numeric:tabular-nums;letter-spacing:.4px;line-height:1}
.reel-title{font-family:"DM Sans Variable",sans-serif;font-size:17px;font-weight:700;color:#ffffff;margin:2px 0 0;line-height:1.3}
.reel-topic{font-size:13px;line-height:1.5;color:rgba(255,255,255,0.85);margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.reel-scrubber-track{position:relative;width:100%;height:5px;background:rgba(255,255,255,0.25);border-radius:999px;cursor:pointer;overflow:hidden;margin-top:4px}
.reel-scrubber-fill{height:100%;background:#1798c3;border-radius:999px;position:relative}

/* 3. BETTER TESTIMONIALS SECTION (With Underwriters Strip Below) */
.testimonials-section{padding:90px 0 100px;position:relative;z-index:15;background:transparent;box-sizing:border-box}
.testimonials-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;margin-bottom:40px;box-sizing:border-box}
.testimonials-title-wrap{max-width:720px;margin:0 auto;text-align:center}
.testimonials-heading{font-family:"DM Sans Variable",sans-serif;font-size:clamp(34px,4.5vw,52px);font-weight:450;line-height:1.12;letter-spacing:-2px;color:var(--ink);margin:8px auto 12px;text-align:center}
.testimonials-heading em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:1.14em;color:#1798c3;font-weight:400;letter-spacing:-.5px}
.dark .testimonials-heading em{color:#22b2e2}
.testimonials-subheading{font-size:15.5px;line-height:1.68;color:var(--muted);margin:0 auto;max-width:620px;text-align:center}

.testimonials-nav-controls{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:6px auto 0}
.google-reviews-badge-link{display:inline-flex;align-items:center;gap:9px;padding:7px 16px;border-radius:999px;background:rgba(255,255,255,0.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(200,215,235,0.85);box-shadow:0 4px 16px rgba(18,36,60,0.06);text-decoration:none;color:var(--ink);font-family:"DM Sans Variable",sans-serif;font-size:13px;font-weight:600;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}
.dark .google-reviews-badge-link{background:rgba(20,26,36,0.88);border-color:rgba(255,255,255,0.14);box-shadow:0 6px 20px rgba(0,0,0,0.4);color:#ffffff}
.google-reviews-badge-link:hover{transform:translateY(-2px);border-color:#1798c3;box-shadow:0 8px 24px -4px rgba(23,152,195,0.25)}
.dark .google-reviews-badge-link:hover{border-color:#38bdf8;box-shadow:0 8px 24px -4px rgba(56,189,248,0.3)}
.google-g-svg{width:17px;height:17px;flex-shrink:0}
.google-reviews-badge-link span{font-weight:600;color:var(--ink)}
.dark .google-reviews-badge-link span{color:#ffffff}


.testimonials-slider-viewport{width:100%;overflow:hidden;position:relative;padding:18px 0 24px;mask-image:linear-gradient(to right,transparent 0%,black 3%,black 97%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 3%,black 97%,transparent 100%);cursor:grab}
.testimonials-slider-viewport:active{cursor:grabbing}
.testimonials-slider-track{display:flex;gap:22px;width:max-content;will-change:transform}

.t-card-item{width:370px;max-width:85vw;flex:0 0 370px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:24px 22px;border-radius:22px;background:#ffffff;border:1px solid rgba(200,215,235,0.65);box-shadow:0 12px 30px -10px rgba(18,36,60,0.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;box-sizing:border-box;user-select:none}
.dark .t-card-item{background:#141923;border-color:rgba(255,255,255,0.08);box-shadow:0 14px 34px -10px rgba(0,0,0,0.5)}
.t-card-item:hover{transform:translateY(-4px);border-color:rgba(23,152,195,0.45);box-shadow:0 18px 40px -10px rgba(23,152,195,0.16)}
.dark .t-card-item:hover{border-color:rgba(56,189,248,0.35);box-shadow:0 20px 45px -10px rgba(0,0,0,0.7)}

.t-card-top-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.t-stars-row{display:inline-flex;align-items:center;gap:2px}
.t-star-icon{width:14px;height:14px}
.t-card-source{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--muted)}
.t-card-quote-text{font-family:"DM Sans Variable",sans-serif;font-size:14.2px;line-height:1.68;color:var(--ink);font-style:normal;margin:0;font-weight:450;flex:1}
.dark .t-card-quote-text{color:#e2e8f0}

.t-card-author-row{display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px dashed var(--line)}
.t-card-author-info{display:flex;flex-direction:column;gap:2px}
.t-card-author-name{font-family:"DM Sans Variable",sans-serif;font-size:14px;font-weight:700;color:var(--ink)}
.dark .t-card-author-name{color:#ffffff}
.t-card-author-role{font-size:12px;color:var(--muted);font-weight:500}

.testimonials-bottom-cta{display:flex;justify-content:center;margin-top:24px}
.testimonials-google-btn{display:inline-flex;align-items:center;gap:8px;font-family:"DM Sans Variable",sans-serif;font-size:14px;font-weight:650;color:#1798c3;text-decoration:none;padding:10px 22px;border-radius:999px;background:rgba(23,152,195,0.07);border:1px solid rgba(23,152,195,0.22);transition:all .25s ease}
.testimonials-google-btn:hover{background:#1798c3;color:#ffffff;transform:translateY(-1px);box-shadow:0 6px 20px rgba(23,152,195,0.3)}
.dark .testimonials-google-btn{color:#38bdf8;background:rgba(56,189,248,0.1);border-color:rgba(56,189,248,0.25)}
.dark .testimonials-google-btn:hover{background:#38bdf8;color:#0b131e;box-shadow:0 6px 20px rgba(56,189,248,0.4)}
.testimonials-google-btn svg{transition:transform .2s ease}
.testimonials-google-btn:hover svg{transform:translate(2px,-2px)}

/* Underwriters Partner Strip (Clean, Centered, No Box) */
.testimonials-underwriters-strip{margin-top:38px;width:100%;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;box-sizing:border-box}
.dark .testimonials-underwriters-strip{background:transparent!important;border:none!important;box-shadow:none!important}
.underwriters-inner{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap}
.underwriters-label{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;color:var(--muted);letter-spacing:1.4px;text-transform:uppercase}
.underwriter-dot{width:6px;height:6px;border-radius:50%;background:#1798c3}
.dark .underwriter-dot{background:#38bdf8}
.underwriters-logos-row{display:flex;align-items:center;gap:20px}
.underwriter-logo-cell{display:flex;align-items:center;justify-content:center;padding:2px 6px;opacity:.9;transition:opacity .2s ease,transform .2s ease}
.underwriter-img{max-height:44px;width:auto;object-fit:contain}
.underwriter-logo-divider{width:1px;height:28px;background:var(--line);opacity:.6}

@media(max-width:1100px){
  .site-header{width:calc(100% - 48px);top:16px}
  .shell{width:calc(100% - 48px)}
  .desktop-nav{gap:18px}
  .nav-actions{gap:12px}
  .nav-wrap{gap:14px}
  .services-grid{gap:18px}
  .service-card{height:500px}
  .service-role-title{font-size:22px}
  .footer-top{gap:36px}
}

/* TABLET & MOBILE RESPONSIVENESS (1024px and below) */
@media(max-width:1024px){
  .about-split-grid{display:flex;flex-direction:column-reverse;gap:40px}
  .about-photo-col{max-width:440px;margin:0 auto;width:100%}
  .about-content-col{text-align:center;align-items:center}
  .about-split-heading{font-size:clamp(32px,5vw,44px);letter-spacing:-1.5px}
  .about-split-description{max-width:640px;margin:0 auto}
  .about-highlights-list{grid-template-columns:1fr 1fr;max-width:600px;margin:8px auto 0;width:100%}
  .about-cta-row{margin:8px auto 0}

  .testimonials-cards-grid{grid-template-columns:repeat(2,1fr);gap:18px}
  .testimonials-header{gap:20px}

  .underwriters-inner{align-items:center;justify-content:center;gap:14px}
  .underwriters-logos-row{justify-content:center;gap:16px}
}

@media(min-width:681px) and (max-width:1024px){
  .reels-grid{grid-template-columns:repeat(3,1fr);gap:16px}
  .reel-card-item{height:460px}
  .reel-title{font-size:15px}
  .reel-topic{font-size:12px}
}

/* TABLET PORTRAIT & MOBILE (850px and below) */
@media(max-width:850px){
  .shell{width:calc(100% - 40px)}
  .site-header{width:min(390px,calc(100% - 36px));max-width:390px;top:44px;border-radius:18px;left:0;right:0;margin:auto;transition:top .4s cubic-bezier(0.16,1,0.3,1),background .35s ease,box-shadow .35s ease,border-color .35s ease,border-radius .35s ease}
  .site-header:not(.home-header){top:18px}
  .site-header.scrolled{top:12px}
  .desktop-nav{display:none!important}
  .nav-order{display:none!important}
  .contact-nav{position:relative;display:inline-flex!important;gap:6px!important;font-size:14px!important;font-weight:600!important;padding:6px 12px!important;border-radius:999px!important}
  .contact-nav::after{content:"";position:absolute;inset:-8px -6px;border-radius:999px}
  .contact-nav svg{width:16px!important;height:16px!important}
  .brand{position:relative}
  .brand::after{content:"";position:absolute;inset:-8px -6px}
  .brand-logo-img{height:32px!important;max-width:124px!important}
  .nav-wrap{height:54px;padding:0 8px 0 12px;gap:8px}
  .menu-toggle{position:relative;display:inline-flex!important;align-items:center;justify-content:center;width:36px!important;height:36px!important;cursor:pointer}
  .menu-toggle::after{content:"";position:absolute;inset:-8px;border-radius:50%}
  .menu-toggle svg{width:22px!important;height:22px!important;color:var(--ink);stroke-width:2.2px}
  .dark .menu-toggle svg{color:#ffffff}
  .menu-toggle svg[hidden],.menu-toggle [hidden],.menu-toggle .close-icon{display:none!important}
  .menu-toggle .menu-icon{display:block!important}
  .menu-toggle[aria-expanded="true"] .menu-icon,.site-header.is-menu-open .menu-toggle .menu-icon,.site-header:has(.mobile-nav.is-open) .menu-toggle .menu-icon{display:none!important}
  .menu-toggle[aria-expanded="true"] .close-icon,.site-header.is-menu-open .menu-toggle .close-icon,.site-header:has(.mobile-nav.is-open) .menu-toggle .close-icon{display:block!important}
  .mobile-nav{display:none}
  .mobile-nav.is-open{display:flex;flex-direction:column;padding:8px 16px 16px;border-top:1px solid var(--line);animation:mobileNavIn .22s cubic-bezier(0.16,1,0.3,1) forwards}
  .site-header.is-menu-open,.site-header:has(.mobile-nav.is-open){border-radius:22px!important;background:rgba(255,255,255,0.94)!important;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;box-shadow:0 14px 38px -8px rgba(18,36,60,0.18)!important}
  .dark .site-header.is-menu-open,.dark .site-header:has(.mobile-nav.is-open){background:rgba(16,18,22,0.96)!important;box-shadow:0 16px 42px -8px rgba(0,0,0,0.65)!important}
  .mobile-nav a,.mobile-nav button{position:relative;display:flex;align-items:center;justify-content:space-between;padding:12px 6px;text-align:left;font-size:15px;font-weight:600;color:var(--ink);border-bottom:1px dashed rgba(24,50,75,0.09);text-decoration:none;transition:color .2s ease,padding-left .2s ease}
  .mobile-nav a::after{content:"";position:absolute;inset:0}
  .mobile-nav a:last-child{border-bottom:none}
  .dark .mobile-nav a,.dark .mobile-nav button{color:#ffffff;border-bottom-color:rgba(255,255,255,0.08)}
  .mobile-nav a:hover{color:#1798c3;padding-left:4px}
  .dark .mobile-nav a:hover{color:#38bdf8}
  .mobile-nav a svg{width:16px;height:16px;opacity:.7;transition:transform .2s ease}
  .mobile-nav a:hover svg{opacity:1;transform:translate(2px,-2px)}
  @keyframes mobileNavIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}

  .scroll-story{margin:12px auto;width:calc(100% - 24px);height:calc(100vh - 24px);height:calc(100svh - 24px);min-height:580px;border-radius:24px;justify-content:flex-start;touch-action:pan-y}
  .hero-bg-img img,.hero-bg-media{object-position:center top}
  .hero-content-wrap{padding:clamp(96px,13.5vh,124px) 20px 24px}
  .hero-title{font-size:clamp(40px,7.4vw,54px);line-height:1.06;letter-spacing:-1.8px;padding:4px 8px 0}
  .hero-description{font-size:15.5px;line-height:1.58;max-width:440px;margin-top:14px;padding:0 12px}
  .hero-desc-extra{display:none!important}
  .hero-action-row{margin-top:20px;gap:12px}
  .hero-cta-btn{position:relative;padding:13px 26px;font-size:13.5px;font-weight:700;letter-spacing:0.8px;min-height:46px;border-radius:999px;gap:8px}
  .hero-cta-btn::after{content:"";position:absolute;inset:-6px -8px;border-radius:999px}
  .hero-subnote-row{margin-top:12px}
  .hero-earnest-link{position:relative;font-size:13.5px;font-weight:550;padding:8px 18px;border-radius:999px;background:rgba(255,255,255,0.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .hero-earnest-link::after{content:"";position:absolute;inset:-8px -10px;border-radius:999px}
  .dark .hero-earnest-link{background:rgba(16,24,36,0.68);color:#d5e2f2}

  .services-section{padding:54px 0 36px}
  .editorial-intro h2{font-size:clamp(35px,6.2vw,44px);letter-spacing:-1.6px;margin-top:8px}
  .editorial-intro>p:last-child{font-size:14px;line-height:1.52;margin-top:10px;max-width:440px}
  .services-grid{grid-template-columns:1fr;gap:20px;max-width:480px;margin:20px auto 0}
  .service-card{height:480px;border-radius:28px}
  .service-tag{top:22px;left:22px}
  .service-card-content{padding:0 26px 28px;gap:12px}

  .hero-model-section,.hero-model-card{width:100%;height:480px;margin:24px 0 0 0}
  .house-stage-curve{top:70px;border-radius:50% 50% 0 0 / 75px 75px 0 0}
  .house-scene-wrapper{transform:translateY(-20px)}

  .testimonials-header{flex-direction:column;align-items:center;text-align:center;gap:18px}
  .testimonials-nav-controls{margin:0 auto}

  footer.shell{padding-bottom:16px!important}
  .footer-top{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:28px!important;padding:36px 0 20px!important}
  .footer-brand{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:8px!important;width:100%}
  .footer-brand .brand-logo-img{height:40px!important;max-width:135px!important;margin:0 auto!important}
  .footer-brand>p,.footer-subtext{margin:0 auto!important;max-width:320px!important;text-align:center!important;font-size:.875rem}
  .footer-links{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:11px!important;width:100%}
  .footer-links>span{font-size:.72rem!important;letter-spacing:1.2px!important;font-weight:700!important;color:var(--muted)!important;margin:0 auto 2px!important;text-align:center!important;display:block!important}
  .footer-links a{justify-content:center!important;display:inline-flex!important;text-align:center!important;margin:0 auto!important;gap:8px!important}
  .footer-social-col{align-items:center!important;text-align:center!important}
  .footer-social-row{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:14px!important;margin-top:2px!important}
  .footer-social-link{width:42px!important;height:42px!important;border-radius:50%!important;border:1px solid var(--line)!important;background:rgba(24,50,75,0.04)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;color:var(--ink)!important}
  .dark .footer-social-link{background:rgba(255,255,255,0.06)!important;border-color:rgba(255,255,255,0.12)!important;color:#ffffff!important}
  .footer-social-link:hover{background:rgba(23,152,195,0.12)!important;border-color:#1798c3!important;transform:translateY(-2px)!important}
  .footer-social-link .social-label,.footer-social-link .social-arrow{display:none!important}
  .footer-contact-col{width:100%!important;max-width:380px!important;background:rgba(24,50,75,0.035)!important;border:1px solid var(--line)!important;border-radius:18px!important;padding:20px 22px!important;align-items:flex-start!important;text-align:left!important;gap:12px!important;margin:2px auto!important;box-sizing:border-box!important}
  .dark .footer-contact-col{background:rgba(255,255,255,0.03)!important;border-color:rgba(255,255,255,0.08)!important}
  .footer-contact-heading{text-align:left!important;margin:0 0 2px!important;display:block!important}
  .footer-contact-item{display:flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important;gap:10px!important;margin:0!important;width:100%!important}
  span.footer-contact-icon{margin:0!important;height:22px!important;width:20px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}
  span.footer-contact-icon svg,svg.footer-contact-icon{margin:0!important;width:16px!important;height:16px!important;flex-shrink:0!important;display:block!important}
  .footer-contact-text{text-align:left!important;font-size:.88rem!important;line-height:22px!important}
  .footer-bottom{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:12px!important;padding-top:16px!important;padding-bottom:12px!important}
  .footer-bottom-left{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;width:100%!important;margin-right:0!important;order:1!important}
  .footer-copyright{order:1!important;margin-right:0!important;text-align:center!important;width:100%!important}
  .solora-badge{order:2!important;margin:0 auto!important}
  .footer-bottom-inline{order:2!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:16px!important;margin:0 auto!important}
  .theme-toggle-footer{position:relative}
  .theme-toggle-footer::after{content:"";position:absolute;inset:-8px;border-radius:999px}
  .back-to-top-btn{position:relative;order:3!important;margin:2px auto 0!important}
  .back-to-top-btn::after{content:"";position:absolute;inset:-10px;border-radius:50%}
  .t-nav-btn{position:relative}
  .t-nav-btn::after{content:"";position:absolute;inset:-10px;border-radius:50%}
}

/* SMARTPHONE RESPONSIVENESS (680px and below) */
@media(max-width:680px){
  .reels-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto;gap:20px}
  .reel-card-item{height:460px;border-radius:22px}
  .testimonials-cards-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto;gap:16px}
  .underwriters-logos-row{display:flex;align-items:center;justify-content:center;gap:20px;width:auto}
  .underwriter-img{max-height:38px}
  .about-highlights-list{grid-template-columns:1fr;max-width:440px}
}

/* COMPACT MOBILE (600px and below) */
@media(max-width:600px){
  .shell{width:calc(100% - 32px)}
  .site-header{left:0;right:0;width:min(340px,calc(100% - 32px));max-width:340px;top:38px;margin:auto;border-radius:17px;transition:top .4s cubic-bezier(0.16,1,0.3,1),background .35s ease,box-shadow .35s ease,border-color .35s ease,border-radius .35s ease}
  .site-header:not(.home-header){top:14px}
  .site-header.scrolled{top:10px}
  .nav-wrap{height:50px;padding:0 6px 0 10px;gap:6px}
  .brand-logo-img{height:30px!important;max-width:115px!important}
  .brand{gap:6px}
  .nav-actions{gap:6px}
  .contact-nav{display:inline-flex!important;gap:5px!important;font-size:13px!important;font-weight:600!important;padding:5px 10px!important;border-radius:999px!important}
  .contact-nav svg{width:15px!important;height:15px!important}
  .nav-order{display:none!important}
  .theme-toggle{width:30px;height:30px}
  .menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:34px!important;height:34px!important}
  .menu-toggle svg{width:21px!important;height:21px!important}
  .menu-toggle svg[hidden],.menu-toggle [hidden],.menu-toggle .close-icon{display:none!important}
  .menu-toggle .menu-icon{display:block!important}
  .menu-toggle[aria-expanded="true"] .menu-icon,.site-header.is-menu-open .menu-toggle .menu-icon,.site-header:has(.mobile-nav.is-open) .menu-toggle .menu-icon{display:none!important}
  .menu-toggle[aria-expanded="true"] .close-icon,.site-header.is-menu-open .menu-toggle .close-icon,.site-header:has(.mobile-nav.is-open) .menu-toggle .close-icon{display:block!important}
  .mobile-nav.is-open{padding:6px 12px 14px}
  .scroll-story{margin:8px auto;width:calc(100% - 16px);height:calc(100vh - 16px);height:calc(100svh - 16px);min-height:520px;border-radius:20px;justify-content:flex-start;touch-action:pan-y}
  .hero-content-wrap{padding:clamp(98px,13.5vh,124px) 16px 20px}
  .hero-title{font-size:clamp(35px,8.8vw,44px);line-height:1.06;letter-spacing:-1.5px;padding:4px 8px 0}
  .hero-description{font-size:14.5px;line-height:1.54;max-width:350px;margin-top:10px;padding:0 12px}
  .hero-action-row{margin-top:16px;gap:10px}
  .hero-cta-btn{padding:11px 22px;font-size:12.5px;font-weight:700;letter-spacing:0.6px;min-height:42px;border-radius:999px;gap:7px}
  .hero-subnote-row{margin-top:10px}
  .hero-earnest-link{font-size:12.5px;font-weight:550;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,0.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  .dark .hero-earnest-link{background:rgba(16,24,36,0.68);color:#d5e2f2}
  .t-card-item{width:295px;flex:0 0 295px;padding:20px 18px;border-radius:18px}
  .t-card-quote-text{font-size:13.5px;line-height:1.6}
  .google-reviews-badge-link{font-size:12px;padding:6px 12px;gap:7px}
  .google-g-svg{width:15px;height:15px}

  .about-split-section{padding:45px 0 35px}
  .about-photo-col{max-width:100%}
  .about-photo-card{border-radius:22px}
  .about-photo-viewport{aspect-ratio:3.4/4.4}
  .about-split-heading{font-size:clamp(28px,7.5vw,36px);letter-spacing:-1.2px}
  .about-split-description{font-size:13.5px;line-height:1.55}
  .about-highlight-item{padding:12px 14px}
  .highlight-title{font-size:13px}
  .highlight-sub{font-size:11.5px}
  .about-primary-btn{padding:12px 24px;font-size:12px;width:100%;justify-content:center}

  .services-section{padding:45px 0 28px}
  .editorial-intro h2{font-size:clamp(32px,8.5vw,40px);letter-spacing:-1.4px;margin-top:8px;line-height:1.1}
  .editorial-intro>p:last-child{font-size:13.5px;line-height:1.5;margin-top:9px;max-width:330px}
  .services-grid{margin-top:18px}
  .service-card{height:460px;border-radius:26px}
  .service-card-clickable{min-height:460px}
  .service-tag{top:20px;left:20px;font-size:11.5px;padding:6px 13px}
  .service-card-content{padding:0 24px 28px;gap:10px}
  .service-role-title{font-size:22px;letter-spacing:-0.4px}
  .service-card-desc{font-size:13.5px;line-height:1.52;color:rgba(255,255,255,0.9)}
  .service-action-link{font-size:14px;font-weight:600;margin-top:2px}

  .hero-model-section,.hero-model-card{width:100%;height:380px;margin:20px 0 0 0}
  .house-stage-curve{top:45px;border-radius:50% 50% 0 0 / 65px 65px 0 0}
  .house-scene-wrapper{transform:translateY(-28px)}

  .video-reels-section{padding:45px 0 35px}
  .reels-heading{font-size:clamp(28px,7.5vw,36px);letter-spacing:-1.2px}
  .reels-subheading{font-size:13.5px;line-height:1.5}
  .reels-grid{gap:16px}
  .reel-card-item{height:420px;border-radius:20px}

  .testimonials-section{padding:45px 0 35px}
  .testimonials-heading{font-size:clamp(28px,7.5vw,36px);letter-spacing:-1.2px}
  .testimonials-subheading{font-size:13.5px;line-height:1.5}
  .t-card-item{padding:20px 18px;border-radius:20px}
  .t-card-quote-text{font-size:13.5px;line-height:1.6}
  .testimonials-underwriters-strip{padding:18px 14px;border-radius:18px}
  .underwriter-img{max-height:34px}

  .closing-invitation{margin:0 auto 35px;width:100%;padding:36px 16px 28px;border-radius:20px}
  .closing-invitation h2{font-size:clamp(34px,8.8vw,42px);letter-spacing:-1.5px;margin-top:12px;line-height:1.08}

  footer.shell{padding-bottom:10px!important}
  .footer-top{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:26px 0 16px!important;gap:24px!important}
  .footer-brand{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:7px!important;width:100%!important}
  .footer-brand .brand-logo-img{height:36px!important;max-width:125px!important;margin:0 auto!important}
  .footer-brand>p,.footer-subtext{font-size:.82rem!important;margin:0 auto!important;max-width:280px!important;text-align:center!important;line-height:1.48!important}
  .footer-links{font-size:.82rem!important;gap:9px!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;width:100%!important;padding-left:0!important}
  .footer-links>span{text-align:center!important;font-weight:750!important;font-size:.68rem!important;letter-spacing:1.1px!important;margin:0 auto 2px!important;color:var(--muted)!important;display:block!important}
  .footer-links a{justify-content:center!important;text-align:center!important;display:inline-flex!important;align-items:center!important;gap:7px!important;margin:0 auto!important}
  .footer-contact-col{width:100%!important;max-width:320px!important;background:rgba(24,50,75,0.035)!important;border:1px solid var(--line)!important;border-radius:16px!important;padding:16px 18px!important;align-items:flex-start!important;text-align:left!important;gap:10px!important;margin:4px auto!important;box-sizing:border-box!important}
  .dark .footer-contact-col{background:rgba(255,255,255,0.03)!important;border-color:rgba(255,255,255,0.08)!important}
  .footer-contact-heading{text-align:left!important;font-size:.78rem!important;margin:0 0 2px!important;display:block!important}
  .footer-contact-item{display:flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important;gap:10px!important;margin:0!important;width:100%!important}
  span.footer-contact-icon{margin:0!important;height:22px!important;width:20px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}
  span.footer-contact-icon svg,svg.footer-contact-icon{margin:0!important;width:16px!important;height:16px!important;flex-shrink:0!important;display:block!important}
  .footer-contact-text{text-align:left!important;font-size:.82rem!important;line-height:22px!important}
  .footer-bottom{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:10px!important;padding-top:14px!important;padding-bottom:10px!important;font-size:.72rem!important}
  .footer-bottom-left{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;width:100%!important;margin-right:0!important;order:1!important}
  .footer-copyright{order:1!important;width:100%!important;margin-right:0!important;text-align:center!important}
  .solora-badge{order:2!important;margin:0 auto!important;justify-content:center!important}
  .footer-bottom-inline{order:2!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:14px!important;margin:0 auto!important}
  .back-to-top-btn{order:3!important;margin:2px auto 0!important;width:32px;height:32px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.scroll-story.story-reduced{height:auto}.story-reduced .story-stage{height:auto;min-height:0;padding:165px 0 50px;position:relative;overflow:hidden}.story-reduced .story-heading{position:relative;top:auto;left:auto;right:auto}.story-reduced .scroll-invitation{display:none}.button:hover{transform:none}}

/* ==========================================================================
   DEDICATED SERVICES PAGE STYLES (/services)
   ========================================================================== */
.nav-link-active{color:#1798c3!important;font-weight:700!important;position:relative}
.nav-link-active::after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:#1798c3;border-radius:2px}
.dark .nav-link-active{color:#38bdf8!important}
.dark .nav-link-active::after{background:#38bdf8}
.mobile-link-active{color:#1798c3!important;font-weight:750!important}
.dark .mobile-link-active{color:#38bdf8!important}

.services-hero-section{padding:160px 0 50px;position:relative;z-index:10;text-align:center;box-sizing:border-box}
.services-hero-box{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}

.breadcrumb-nav{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:18px;text-transform:uppercase;letter-spacing:.8px}
.breadcrumb-nav a{color:var(--muted);text-decoration:none;transition:color .2s ease}
.breadcrumb-nav a:hover{color:#1798c3}
.breadcrumb-sep{opacity:.5}

.services-page-title{font-family:"DM Sans Variable",sans-serif;font-size:clamp(40px,5.8vw,66px);font-weight:450;line-height:1.08;letter-spacing:-2.2px;color:var(--ink);margin:10px 0 16px}
.services-page-title em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:1.15em;color:#1798c3;font-weight:400;letter-spacing:-.5px}
.dark .services-page-title em{color:#22b2e2}

.services-page-subtitle{font-size:16.5px;line-height:1.7;color:var(--muted);max-width:620px;margin:0 auto 28px}

.services-hero-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.services-hero-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 30px;border-radius:9999px;font-family:"DM Sans Variable",sans-serif;font-size:13px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:all .22s ease}
.services-hero-btn.primary{background:#121c27;color:#ffffff;border:1.5px solid #121c27}
.services-hero-btn.primary:hover{background:#25374a;border-color:#25374a;transform:translateY(-2px)}
.dark .services-hero-btn.primary{background:#ffffff;color:#101216;border-color:#ffffff}
.dark .services-hero-btn.primary:hover{background:#e2e8f0;border-color:#e2e8f0}
.services-hero-btn.secondary{background:rgba(24,50,75,0.05);color:var(--ink);border:1.5px solid var(--line)}
.services-hero-btn.secondary:hover{background:rgba(23,152,195,0.1);border-color:#1798c3;color:#1798c3;transform:translateY(-2px)}
.dark .services-hero-btn.secondary{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.12);color:#ffffff}
.dark .services-hero-btn.secondary:hover{background:rgba(56,189,248,0.15);border-color:#38bdf8;color:#38bdf8}

.services-cards-wrapper{padding:20px 0 80px;position:relative;z-index:10;box-sizing:border-box}

.services-details-section{padding:50px 0 100px;position:relative;z-index:10;box-sizing:border-box}
.service-deep-block{padding:70px 0 60px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:36px;box-sizing:border-box}
.service-deep-block:first-child{border-top:none;padding-top:20px}

.service-deep-header{max-width:760px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.service-deep-pill{display:inline-block;padding:4px 14px;border-radius:999px;font-size:11px;font-weight:750;letter-spacing:1.2px;text-transform:uppercase;color:#1798c3;background:rgba(23,152,195,0.1);border:1px solid rgba(23,152,195,0.25)}
.dark .service-deep-pill{color:#38bdf8;background:rgba(56,189,248,0.15);border-color:rgba(56,189,248,0.3)}

.service-deep-title{font-family:"DM Sans Variable",sans-serif;font-size:clamp(30px,4vw,46px);font-weight:450;line-height:1.14;letter-spacing:-1.6px;color:var(--ink);margin:0}
.service-deep-title em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:1.15em;color:#1798c3;font-weight:400;letter-spacing:-.4px}
.dark .service-deep-title em{color:#22b2e2}

.service-deep-lead{font-size:15.5px;line-height:1.72;color:var(--muted);max-width:640px;margin:0}

.service-deep-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%;box-sizing:border-box}
.service-deep-card{padding:26px 22px;border-radius:22px;background:#ffffff;border:1px solid rgba(200,215,235,0.65);box-shadow:0 12px 30px -10px rgba(18,36,60,0.06);display:flex;flex-direction:column;gap:12px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;box-sizing:border-box}
.dark .service-deep-card{background:#141923;border-color:rgba(255,255,255,0.08);box-shadow:0 14px 34px -10px rgba(0,0,0,0.5)}
.service-deep-card:hover{transform:translateY(-4px);border-color:rgba(23,152,195,0.45);box-shadow:0 18px 40px -10px rgba(23,152,195,0.16)}
.dark .service-deep-card:hover{border-color:rgba(56,189,248,0.35);box-shadow:0 20px 45px -10px rgba(0,0,0,0.7)}

.service-deep-icon{width:42px;height:42px;border-radius:12px;background:rgba(23,152,195,0.1);color:#1798c3;display:grid;place-items:center;flex-shrink:0}
.dark .service-deep-icon{background:rgba(56,189,248,0.18);color:#38bdf8}
.service-feature-title{font-family:"DM Sans Variable",sans-serif;font-size:15.5px;font-weight:700;color:var(--ink);margin:0;line-height:1.3}
.dark .service-feature-title{color:#ffffff}
.service-feature-desc{font-size:13.5px;line-height:1.55;color:var(--muted);margin:0}

.service-deep-cta-wrap{display:flex;justify-content:center;margin-top:6px}
.service-deep-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:999px;background:transparent;border:1.5px solid var(--line);color:var(--ink);font-family:"DM Sans Variable",sans-serif;font-size:13px;font-weight:650;text-decoration:none;cursor:pointer;transition:all .22s ease}
.service-deep-btn:hover{background:#1798c3;border-color:#1798c3;color:#ffffff;transform:translateY(-2px)}
.dark .service-deep-btn{border-color:rgba(255,255,255,0.15);color:#ffffff}
.dark .service-deep-btn:hover{background:#1798c3;border-color:#1798c3;color:#ffffff}

.services-underwriters-banner{margin-top:70px;width:100%;border-radius:20px;background:rgba(24,50,75,0.03);border:1px solid var(--line);padding:22px 28px;box-sizing:border-box}
.dark .services-underwriters-banner{background:rgba(255,255,255,0.025);border-color:rgba(255,255,255,0.07)}

@media(max-width:1100px){
  .service-deep-grid{grid-template-columns:repeat(2,1fr);gap:18px}
}

@media(max-width:850px){
  .services-hero-section{padding:120px 0 35px}
  .services-page-title{font-size:clamp(34px,7vw,46px);letter-spacing:-1.6px}
  .services-page-subtitle{font-size:14.5px;line-height:1.55}
  .service-deep-block{padding:50px 0 40px;gap:26px}
  .service-deep-title{font-size:clamp(26px,5.8vw,36px);letter-spacing:-1.2px}
  .service-deep-lead{font-size:14px;line-height:1.58}
  .service-deep-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto;gap:14px}
  .service-deep-card{padding:20px 18px}
  .service-deep-btn{width:100%;max-width:480px;justify-content:center}
}

@media(max-width:600px){
  .services-hero-section{padding:105px 0 25px}
  .services-page-title{font-size:clamp(30px,8vw,38px);letter-spacing:-1.3px}
  .services-hero-actions{width:100%}
  .services-hero-btn{width:100%;justify-content:center}
  .services-cards-wrapper{padding:10px 0 45px}
  .services-cards-wrapper .services-grid{margin-top:16px;gap:20px}
  .services-cards-wrapper .service-card{height:460px;border-radius:26px}
  .services-cards-wrapper .service-card-content{padding:0 24px 28px;gap:10px}
  .services-cards-wrapper .service-tag{top:20px;left:20px;font-size:11.5px;padding:6px 13px}
  .services-cards-wrapper .service-role-title{font-size:22px;letter-spacing:-0.4px}
  .services-cards-wrapper .service-card-desc{font-size:13.5px;line-height:1.52}
  .services-cards-wrapper .service-action-link{font-size:14px;font-weight:600;margin-top:2px}
  .services-details-section{padding:30px 0 60px}
  .services-underwriters-banner{padding:16px 14px;border-radius:16px}
}

@media(max-width:420px){
  .services-cards-wrapper .service-card,
  .service-card{height:450px;border-radius:24px}
  .services-cards-wrapper .service-card-clickable,
  .service-card-clickable{min-height:450px}
  .services-cards-wrapper .service-tag,
  .service-tag{top:18px;left:18px;font-size:11px;padding:5px 12px}
  .services-cards-wrapper .service-card-content,
  .service-card-content{padding:0 22px 26px;gap:9px}
  .services-cards-wrapper .service-role-title,
  .service-role-title{font-size:21px}
  .services-cards-wrapper .service-card-desc,
  .service-card-desc{font-size:13px;line-height:1.48}
}

/* Subpage Hero Section (About, Services, Contact, Order, Privacy) */
.service-page-hero{position:relative;padding:155px 0 65px;background:transparent;box-sizing:border-box}
.service-hero-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;color:var(--muted);margin-bottom:18px}
.service-hero-breadcrumb a{color:var(--muted);transition:color .2s ease;text-decoration:none}
.service-hero-breadcrumb a:hover{color:#1798c3}
.service-hero-breadcrumb .current{color:var(--ink);font-weight:650}
.dark .service-hero-breadcrumb .current{color:#ffffff}

.order-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:9999px;background:rgba(23,152,195,0.08);border:1px solid rgba(23,152,195,0.22);color:#1798c3;font-size:11.5px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;margin-bottom:20px}
.dark .order-hero-badge{background:rgba(56,189,248,0.12);border-color:rgba(56,189,248,0.25);color:#38bdf8}

.service-hero-title{font-family:"DM Sans Variable",sans-serif;font-size:clamp(38px,4.8vw,62px);font-weight:450;line-height:1.1;letter-spacing:-2px;color:var(--ink);margin:0 0 16px;max-width:850px}
.service-hero-title em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;font-size:1.14em;color:#1798c3;letter-spacing:-.5px}
.dark .service-hero-title em{color:#38bdf8}

.service-hero-subtitle{font-family:"DM Sans Variable",sans-serif;font-size:16.5px;line-height:1.68;color:var(--muted);max-width:680px;margin:0 0 28px}

.about-hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:24px}

@media(max-width:850px){
  .service-page-hero{padding:125px 0 45px}
  .service-hero-title{font-size:clamp(30px,6.8vw,42px);letter-spacing:-1.3px}
  .about-hero-actions{width:100%}
  .about-hero-actions .button{width:100%;justify-content:center}
}

/* ==========================================================================
   INDIVIDUAL SERVICE PAGES (Realtors, Consumers, Lenders)
   ========================================================================== */

/* 1. Subpage Hero */
.service-page-hero{padding:150px 0 60px;position:relative;z-index:10;box-sizing:border-box}
.service-page-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;box-sizing:border-box}
.service-hero-content{display:flex;flex-direction:column;gap:18px}
.service-hero-badge{display:inline-block;align-self:flex-start;padding:5px 14px;border-radius:999px;font-size:11px;font-weight:750;letter-spacing:1.4px;text-transform:uppercase;color:#1798c3;background:rgba(23,152,195,0.1);border:1px solid rgba(23,152,195,0.25)}
.dark .service-hero-badge{color:#38bdf8;background:rgba(56,189,248,0.15);border-color:rgba(56,189,248,0.3)}

.service-hero-heading{font-family:"DM Sans Variable",sans-serif;font-size:clamp(36px,4.5vw,56px);font-weight:450;line-height:1.1;letter-spacing:-2px;color:var(--ink);margin:0}
.service-hero-heading em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:1.15em;color:#1798c3;font-weight:400;letter-spacing:-.5px}
.dark .service-hero-heading em{color:#22b2e2}

.service-hero-lead{font-size:16px;line-height:1.75;color:var(--muted);margin:0}
.service-hero-actions{display:flex;align-items:center;gap:14px;margin-top:8px;flex-wrap:wrap}

/* Visual Card */
.service-hero-visual{position:relative;width:100%;box-sizing:border-box}
.service-visual-card{position:relative;width:100%;border-radius:28px;overflow:hidden;background:#ffffff;border:1px solid rgba(24,50,75,0.1);box-shadow:0 24px 50px -15px rgba(18,50,75,0.14);box-sizing:border-box}
.dark .service-visual-card{background:#151821;border-color:rgba(255,255,255,0.12);box-shadow:0 24px 50px -15px rgba(0,0,0,0.65)}
.service-visual-media{position:relative;width:100%;aspect-ratio:4/3.8;overflow:hidden;background:#0d1520}
.service-visual-img{object-fit:cover;object-position:center;transition:transform .5s ease}
.service-visual-card:hover .service-visual-img{transform:scale(1.025)}

.service-visual-badge{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius: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.8);box-shadow:0 12px 30px rgba(0,0,0,0.12);font-family:"DM Sans Variable",sans-serif;font-size:12.5px;font-weight:700;color:var(--ink)}
.dark .service-visual-badge{background:rgba(18,24,34,0.88);border-color:rgba(255,255,255,0.15);box-shadow:0 12px 30px rgba(0,0,0,0.5);color:#ffffff}
.service-visual-badge.top-right{top:16px;right:16px}
.service-visual-badge.bottom-left{bottom:16px;left:16px}
.service-visual-badge svg{color:#1798c3}
.dark .service-visual-badge svg{color:#38bdf8}

/* 2. Benefits Grid */
.service-benefits-section{padding:80px 0 90px;position:relative;z-index:10;box-sizing:border-box}
.service-section-header{max-width:760px;margin:0 auto 48px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.service-section-title{font-family:"DM Sans Variable",sans-serif;font-size:clamp(32px,4.5vw,48px);font-weight:450;line-height:1.12;letter-spacing:-1.8px;color:var(--ink);margin:0}
.service-section-title em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:1.14em;color:#1798c3;font-weight:400;letter-spacing:-.4px}
.dark .service-section-title em{color:#22b2e2}
.service-section-subtitle{font-size:15.5px;line-height:1.68;color:var(--muted);max-width:620px;margin:0}

.service-benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%;box-sizing:border-box}
.benefit-card{padding:26px 22px;border-radius:22px;background:#ffffff;border:1px solid rgba(200,215,235,0.65);box-shadow:0 12px 30px -10px rgba(18,36,60,0.06);display:flex;flex-direction:column;gap:12px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;box-sizing:border-box}
.dark .benefit-card{background:#141923;border-color:rgba(255,255,255,0.08);box-shadow:0 14px 34px -10px rgba(0,0,0,0.5)}
.benefit-card:hover{transform:translateY(-4px);border-color:rgba(23,152,195,0.45);box-shadow:0 18px 40px -10px rgba(23,152,195,0.16)}
.dark .benefit-card:hover{border-color:rgba(56,189,248,0.35);box-shadow:0 20px 45px -10px rgba(0,0,0,0.7)}

.benefit-icon-box{width:44px;height:44px;border-radius:12px;background:rgba(23,152,195,0.1);color:#1798c3;display:grid;place-items:center;flex-shrink:0}
.dark .benefit-icon-box{background:rgba(56,189,248,0.18);color:#38bdf8}
.benefit-card-title{font-family:"DM Sans Variable",sans-serif;font-size:15.5px;font-weight:700;color:var(--ink);margin:0;line-height:1.3}
.dark .benefit-card-title{color:#ffffff}
.benefit-card-desc{font-size:13.5px;line-height:1.55;color:var(--muted);margin:0}

/* 3. Workflow Steps */
.service-workflow-section{padding:50px 0 80px;position:relative;z-index:10;box-sizing:border-box}
.workflow-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;width:100%;box-sizing:border-box}
.workflow-step-card{padding:28px 22px;border-radius:22px;background:rgba(24,50,75,0.025);border:1px solid var(--line);display:flex;flex-direction:column;gap:12px;box-sizing:border-box;transition:transform .25s ease}
.dark .workflow-step-card{background:rgba(255,255,255,0.025);border-color:rgba(255,255,255,0.07)}
.workflow-step-card:hover{transform:translateY(-3px)}
.workflow-num{font-family:"DM Sans Variable",sans-serif;font-size:18px;font-weight:800;color:#1798c3;letter-spacing:1px}
.dark .workflow-num{color:#38bdf8}
.workflow-title{font-family:"DM Sans Variable",sans-serif;font-size:16px;font-weight:700;color:var(--ink);margin:0;line-height:1.3}
.dark .workflow-title{color:#ffffff}
.workflow-desc{font-size:13.5px;line-height:1.55;color:var(--muted);margin:0}

/* 4. Dedicated Persona Form */
.realtor-dedicated-form-section{padding:80px 0 90px;position:relative;z-index:10;box-sizing:border-box}
.realtor-form-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:50px;align-items:flex-start;box-sizing:border-box}
.realtor-form-intro{display:flex;flex-direction:column;gap:16px}
.realtor-form-title{font-family:"DM Sans Variable",sans-serif;font-size:clamp(32px,4.5vw,46px);font-weight:450;line-height:1.12;letter-spacing:-1.8px;color:var(--ink);margin:0}
.realtor-form-title em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:1.15em;color:#1798c3;font-weight:400;letter-spacing:-.4px}
.dark .realtor-form-title em{color:#22b2e2}
.realtor-form-text{font-size:15.5px;line-height:1.7;color:var(--muted);margin:0}

.realtor-quick-contact-card{margin-top:16px;display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:20px;background:rgba(24,50,75,0.035);border:1px solid var(--line)}
.dark .realtor-quick-contact-card{background:rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.08)}
.quick-contact-row{display:flex;align-items:flex-start;gap:12px}
.qc-icon{color:#1798c3;flex-shrink:0;margin-top:3px}
.dark .qc-icon{color:#38bdf8}
.qc-label{font-size:11.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.qc-val{font-family:"DM Sans Variable",sans-serif;font-size:14.5px;font-weight:600;color:var(--ink);text-decoration:none}
.dark .qc-val{color:#ffffff}
a.qc-val:hover{color:#1798c3}

.realtor-form-card{padding:36px;border-radius:28px;background:#ffffff;border:1px solid rgba(200,215,235,0.7);box-shadow:0 24px 60px -15px rgba(18,50,75,0.12);box-sizing:border-box}
.dark .realtor-form-card{background:#141923;border-color:rgba(255,255,255,0.1);box-shadow:0 24px 60px -15px rgba(0,0,0,0.6)}

.realtor-custom-form{display:flex;flex-direction:column;gap:18px}
.form-header-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px dashed var(--line);margin-bottom:4px}
.form-heading{font-family:"DM Sans Variable",sans-serif;font-size:18px;font-weight:700;color:var(--ink);margin:0}
.dark .form-heading{color:#ffffff}
.form-secure-badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:650;color:#16a34a;background:rgba(22,163,74,0.1);padding:4px 10px;border-radius:999px}
.dark .form-secure-badge{color:#4ade80;background:rgba(34,197,94,0.15)}

.form-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.file-upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:22px 16px;border-radius:16px;border:2px dashed rgba(23,152,195,0.35);background:rgba(23,152,195,0.03);cursor:pointer;transition:all .2s ease;text-align:center}
.file-upload-dropzone:hover{background:rgba(23,152,195,0.08);border-color:#1798c3}
.dark .file-upload-dropzone{border-color:rgba(56,189,248,0.3);background:rgba(56,189,248,0.03)}
.dark .file-upload-dropzone:hover{background:rgba(56,189,248,0.08);border-color:#38bdf8}
.upload-icon{color:#1798c3}
.dark .upload-icon{color:#38bdf8}
.upload-title{font-family:"DM Sans Variable",sans-serif;font-size:13px;font-weight:700;color:var(--ink)}
.dark .upload-title{color:#ffffff}
.upload-subtitle{font-size:11px;color:var(--muted)}

.realtor-form-success{text-align:center;padding:36px 16px;display:flex;flex-direction:column;align-items:center;gap:14px}
.realtor-form-success h3{font-family:"DM Sans Variable",sans-serif;font-size:22px;font-weight:700;color:var(--ink);margin:0}
.dark .realtor-form-success h3{color:#ffffff}
.realtor-form-success p{font-size:14.5px;line-height:1.65;color:var(--muted);max-width:440px;margin:0}

/* 5. Consumers Tab & Experience Section */
.consumer-roles-section{
  padding:50px 0 80px;
  position:relative;
  z-index:10;
  box-sizing:border-box;
}

.consumer-tab-pills{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px;
  border-radius:999px;
  background:rgba(24,50,75,0.06);
  border:1px solid rgba(24,50,75,0.12);
  margin-top:14px;
  backdrop-filter:blur(10px);
}
.dark .consumer-tab-pills{
  background:rgba(255,255,255,0.06);
  border-color:rgba(255,255,255,0.12);
}

.tab-pill-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 24px;
  border-radius:999px;
  font-family:"DM Sans Variable",sans-serif;
  font-size:13.5px;
  font-weight:700;
  cursor:pointer;
  background:transparent;
  border:none;
  color:var(--muted);
  transition:all .22s cubic-bezier(0.16, 1, 0.3, 1);
}
.tab-pill-btn:hover{
  color:var(--ink);
}
.dark .tab-pill-btn:hover{
  color:#ffffff;
}
.tab-pill-btn.is-active{
  background:#0d1824;
  color:#ffffff;
  box-shadow:0 6px 18px rgba(13,24,36,0.22);
}
.dark .tab-pill-btn.is-active{
  background:#ffffff;
  color:#0d1824;
  box-shadow:0 6px 20px rgba(0,0,0,0.4);
}
.tab-pill-icon{
  width:16px;
  height:16px;
  flex-shrink:0;
}

.consumer-story-grid{
  display:grid;
  grid-template-columns:1.2fr 0.95fr;
  gap:36px;
  align-items:stretch;
  margin-top:40px;
  box-sizing:border-box;
}

.consumer-story-card{
  padding:40px 36px;
  border-radius:26px;
  background:linear-gradient(145deg, rgba(255,255,255,0.95) 0%, rgba(246,249,254,0.95) 100%);
  border:1px solid rgba(23,152,195,0.18);
  box-shadow:0 18px 45px -12px rgba(18,50,75,0.07);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:22px;
  box-sizing:border-box;
}
.dark .consumer-story-card{
  background:linear-gradient(145deg, rgba(20,25,35,0.98) 0%, rgba(15,20,30,0.98) 100%);
  border-color:rgba(56,189,248,0.18);
  box-shadow:0 18px 45px -12px rgba(0,0,0,0.5);
}

.story-pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  align-self:flex-start;
  font-family:"DM Sans Variable",sans-serif;
  font-size:11px;
  font-weight:800;
  letter-spacing:1.2px;
  text-transform:uppercase;
  color:#1798c3;
  padding:5px 12px;
  border-radius:999px;
  background:rgba(23,152,195,0.08);
  border:1px solid rgba(23,152,195,0.2);
}
.dark .story-pill{
  color:#38bdf8;
  background:rgba(56,189,248,0.1);
  border-color:rgba(56,189,248,0.25);
}
.story-pill-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#1798c3;
}
.dark .story-pill-dot{
  background:#38bdf8;
}

.consumer-story-title{
  font-family:"DM Sans Variable",sans-serif;
  font-size:clamp(24px,3.2vw,32px);
  font-weight:700;
  line-height:1.2;
  letter-spacing:-1px;
  color:var(--ink);
  margin:0;
}
.consumer-story-title em{
  font-family:"Instrument Serif",Georgia,serif;
  font-style:italic;
  font-size:1.15em;
  color:#1798c3;
  font-weight:400;
}
.dark .consumer-story-title em{
  color:#38bdf8;
}

.consumer-story-body{
  display:flex;
  flex-direction:column;
  gap:16px;
  font-size:15px;
  line-height:1.7;
  color:var(--muted);
}
.consumer-story-body p{
  margin:0;
}

.title-policy-highlight-box{
  padding:22px 24px;
  border-radius:20px;
  background:linear-gradient(135deg, rgba(23,152,195,0.06) 0%, rgba(200,155,75,0.04) 100%);
  border:1px solid rgba(23,152,195,0.22);
  margin-top:8px;
}
.dark .title-policy-highlight-box{
  background:linear-gradient(135deg, rgba(56,189,248,0.08) 0%, rgba(234,179,8,0.04) 100%);
  border-color:rgba(56,189,248,0.25);
}
.policy-box-top{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:8px;
}
.sparkle-icon{
  color:#1798c3;
  flex-shrink:0;
}
.dark .sparkle-icon{
  color:#38bdf8;
}
.title-policy-highlight-box h4{
  font-family:"DM Sans Variable",sans-serif;
  font-size:15.5px;
  font-weight:750;
  color:var(--ink);
  margin:0;
}
.dark .title-policy-highlight-box h4{
  color:#ffffff;
}
.title-policy-highlight-box p{
  font-size:13.5px;
  line-height:1.6;
  color:var(--muted);
  margin:0;
}

.consumer-threats-card{
  padding:36px 32px;
  border-radius:26px;
  background:linear-gradient(145deg, rgba(24,50,75,0.03) 0%, rgba(24,50,75,0.06) 100%), var(--surface);
  border:1px solid rgba(24,50,75,0.1);
  box-shadow:0 18px 45px -12px rgba(18,50,75,0.06);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:24px;
  box-sizing:border-box;
}
.dark .consumer-threats-card{
  background:linear-gradient(145deg, rgba(20,24,33,0.95) 0%, rgba(15,20,30,0.95) 100%);
  border-color:rgba(255,255,255,0.09);
  box-shadow:0 18px 45px -12px rgba(0,0,0,0.4);
}

.threats-card-header{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
}
.threats-header-icon{
  width:36px;
  height:36px;
  border-radius:10px;
  background:rgba(23,152,195,0.1);
  color:#1798c3;
  display:grid;
  place-items:center;
  flex-shrink:0;
}
.dark .threats-header-icon{
  background:rgba(56,189,248,0.15);
  color:#38bdf8;
}
.threats-card-header h4{
  font-family:"DM Sans Variable",sans-serif;
  font-size:16.5px;
  font-weight:750;
  letter-spacing:-0.3px;
  color:var(--ink);
  margin:0;
}
.dark .threats-card-header h4{
  color:#ffffff;
}

.threats-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:13px;
}
.threats-list li{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:14px;
  line-height:1.45;
  color:var(--ink);
}
.dark .threats-list li{
  color:#e2e8f0;
}
.threat-check-pill{
  width:22px;
  height:22px;
  border-radius:50%;
  background:rgba(22,163,74,0.12);
  color:#16a34a;
  display:grid;
  place-items:center;
  flex-shrink:0;
}
.dark .threat-check-pill{
  background:rgba(74,222,128,0.15);
  color:#4ade80;
}

.threats-card-cta{
  margin-top:10px;
}
.threats-card-cta .button{
  width:100%;
  justify-content:center;
}

.form-role-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.form-role-pill{padding:7px 14px;border-radius:999px;font-family:"DM Sans Variable",sans-serif;font-size:12px;font-weight:650;background:rgba(24,50,75,0.04);border:1px solid var(--line);color:var(--ink);cursor:pointer;transition:all .18s ease}
.dark .form-role-pill{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.1);color:#ffffff}
.form-role-pill.is-selected{background:#1798c3;border-color:#1798c3;color:#ffffff}
.dark .form-role-pill.is-selected{background:#38bdf8;border-color:#38bdf8;color:#101216}

/* ==========================================================================
   Unified Consumers Section (Clean & Non-Boxy)
   ========================================================================== */
.consumer-experience-section{
  padding:70px 0 90px;
  position:relative;
  z-index:10;
  box-sizing:border-box;
}

.consumer-unified-grid{
  display:grid;
  grid-template-columns:1.15fr 0.95fr;
  gap:44px;
  align-items:stretch;
  margin-top:20px;
  box-sizing:border-box;
}

.consumer-pillars-col{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:28px;
}

.consumer-highlights-strip{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding-top:14px;
  border-top:1px solid var(--line);
}

/* 6. Subpage Responsive Breakpoints */
@media(max-width:1100px){
  .service-page-hero-grid{grid-template-columns:1fr;gap:40px}
  .service-hero-visual{max-width:520px;margin:0 auto}
  .service-benefits-grid{grid-template-columns:repeat(2,1fr);gap:18px}
  .workflow-steps-grid{grid-template-columns:repeat(2,1fr);gap:18px}
  .realtor-form-layout{grid-template-columns:1fr;gap:40px}
  .consumer-story-grid{grid-template-columns:1fr;gap:30px}
  .consumer-unified-grid{grid-template-columns:1fr;gap:36px}
}

@media(max-width:850px){
  .service-page-hero{padding:120px 0 35px}
  .service-hero-heading{font-size:clamp(32px,6vw,44px);letter-spacing:-1.5px}
  .service-hero-lead{font-size:15px;line-height:1.65}
  .service-benefits-section,.consumer-experience-section{padding:50px 0 60px}
  .service-section-title{font-size:clamp(28px,5vw,38px);letter-spacing:-1.3px}
  .realtor-form-card{padding:26px 20px}
  .form-grid-2col{grid-template-columns:1fr}
}

@media(max-width:600px){
  .service-page-hero{padding:105px 0 25px}
  .service-hero-heading{font-size:clamp(28px,7.8vw,36px);letter-spacing:-1.2px}
  .service-hero-actions{width:100%}
  .service-hero-actions .services-hero-btn{width:100%;justify-content:center}
  .service-benefits-grid{grid-template-columns:1fr;gap:14px}
  .workflow-steps-grid{grid-template-columns:1fr;gap:14px}
  .consumer-tab-pills{flex-direction:column;width:100%;border-radius:18px}
  .tab-pill-btn{width:100%;justify-content:center}
  .consumer-story-card{padding:24px 18px}
  .consumer-threats-card{padding:24px 18px}
  .realtor-form-card{padding:22px 16px;border-radius:20px}
}

/* ==========================================================================
   7. Order Title Page & Modern Intake Form Styles
   ========================================================================== */
.order-title-hero{
  padding:150px 0 45px;
  background:radial-gradient(circle at 50% 10%, rgba(23,152,195,0.12) 0%, transparent 65%),
             radial-gradient(circle at 85% 30%, rgba(200,155,75,0.08) 0%, transparent 50%);
}

.order-hero-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 14px;
  border-radius:999px;
  font-family:"DM Sans Variable",sans-serif;
  font-size:11.5px;
  font-weight:750;
  letter-spacing:1px;
  color:#1798c3;
  background:rgba(23,152,195,0.08);
  border:1px solid rgba(23,152,195,0.22);
  margin-bottom:18px;
}
.dark .order-hero-badge{
  color:#38bdf8;
  background:rgba(56,189,248,0.1);
  border-color:rgba(56,189,248,0.25);
}

.order-hero-trust-bar{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}

.trust-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 16px;
  border-radius:999px;
  font-family:"DM Sans Variable",sans-serif;
  font-size:12.5px;
  font-weight:600;
  color:var(--ink);
  background:rgba(255,255,255,0.7);
  backdrop-filter:blur(10px);
  border:1px solid var(--line);
  box-shadow:0 2px 8px rgba(16,18,22,0.03);
}
.dark .trust-pill{
  color:#f1f5f9;
  background:rgba(20,24,33,0.75);
  border-color:rgba(255,255,255,0.08);
  box-shadow:0 2px 8px rgba(0,0,0,0.2);
}
.trust-pill svg{
  color:#1798c3;
}
.dark .trust-pill svg{
  color:#38bdf8;
}

/* Main Split Grid */
.order-title-main-section{
  padding:30px 0 90px;
}

.order-title-split-grid{
  display:grid;
  grid-template-columns:1fr 380px;
  gap:36px;
  align-items:start;
}

/* Modern Form Container */
.order-form-container{
  position:relative;
}

.order-title-modern-form{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:28px;
  padding:36px;
  box-shadow:0 18px 45px rgba(16,18,22,0.05);
}
.dark .order-title-modern-form{
  background:#141821;
  border-color:rgba(255,255,255,0.08);
  box-shadow:0 18px 45px rgba(0,0,0,0.35);
}

.form-card-header{
  margin-bottom:30px;
  padding-bottom:20px;
  border-bottom:1px solid var(--line);
}
.dark .form-card-header{
  border-color:rgba(255,255,255,0.08);
}
.form-step-tag{
  display:inline-block;
  font-family:"DM Sans Variable",sans-serif;
  font-size:11px;
  font-weight:750;
  letter-spacing:1px;
  color:#1798c3;
  text-transform:uppercase;
  margin-bottom:6px;
}
.dark .form-step-tag{
  color:#38bdf8;
}
.form-card-header h2{
  font-family:"DM Sans Variable",sans-serif;
  font-size:24px;
  font-weight:750;
  letter-spacing:-0.6px;
  color:var(--ink);
  margin:0 0 8px;
}
.dark .form-card-header h2{
  color:#ffffff;
}
.form-card-header p{
  font-size:14px;
  line-height:1.6;
  color:var(--muted);
  margin:0;
}

/* Form Fieldsets */
.form-fieldset{
  background:rgba(24,50,75,0.02);
  border:1px solid var(--line);
  border-radius:20px;
  padding:24px;
  margin-bottom:24px;
  transition:border-color .2s ease;
}
.dark .form-fieldset{
  background:rgba(255,255,255,0.02);
  border-color:rgba(255,255,255,0.06);
}
.form-fieldset:hover{
  border-color:rgba(23,152,195,0.3);
}
.dark .form-fieldset:hover{
  border-color:rgba(56,189,248,0.25);
}

.fieldset-header{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-bottom:20px;
}
.fieldset-num{
  width:28px;
  height:28px;
  border-radius:50%;
  background:linear-gradient(135deg, #1798c3, #0f6c8d);
  color:#ffffff;
  font-family:"DM Sans Variable",sans-serif;
  font-size:13px;
  font-weight:750;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  margin-top:2px;
}
.dark .fieldset-num{
  background:linear-gradient(135deg, #38bdf8, #0284c7);
  color:#0f172a;
}
.fieldset-header h3{
  font-family:"DM Sans Variable",sans-serif;
  font-size:16px;
  font-weight:700;
  color:var(--ink);
  margin:0 0 3px;
}
.dark .fieldset-header h3{
  color:#ffffff;
}
.fieldset-header p{
  font-size:12.5px;
  color:var(--muted);
  margin:0;
}

/* Grids */
.form-grid-2{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.form-grid-3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.property-grid .full-width-span{
  grid-column:1 / -1;
}

/* Input Group with Icon */
.input-group{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.input-group label,
.field-label-text{
  font-family:"DM Sans Variable",sans-serif;
  font-size:12.5px;
  font-weight:600;
  color:var(--ink);
}
.dark .input-group label,
.dark .field-label-text{
  color:#e2e8f0;
}
.req{
  color:#ef4444;
  margin-left:2px;
}
.input-wrapper{
  position:relative;
  display:flex;
  align-items:center;
}
.input-icon{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  color:var(--muted);
  pointer-events:none;
  transition:color .2s ease;
  display:flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  z-index:2;
}
.input-wrapper input{
  width:100%;
  height:48px;
  padding:12px 14px 12px 44px !important;
  border-radius:12px;
  border:1px solid var(--line);
  background:var(--surface);
  color:var(--ink);
  font-family:"DM Sans Variable",sans-serif;
  font-size:14px;
  outline:none;
  transition:all .2s ease;
  box-sizing:border-box;
}
.dark .input-wrapper input{
  background:rgba(20,24,33,0.6);
  border-color:rgba(255,255,255,0.08);
  color:#ffffff;
}
.input-wrapper input:focus{
  border-color:#1798c3;
  box-shadow:0 0 0 3px rgba(23,152,195,0.15);
}
.dark .input-wrapper input:focus{
  border-color:#38bdf8;
  box-shadow:0 0 0 3px rgba(56,189,248,0.2);
}
.input-wrapper:focus-within .input-icon,
.input-wrapper input:focus + .input-icon,
.input-wrapper input:focus ~ .input-icon{
  color:#1798c3;
}
.dark .input-wrapper:focus-within .input-icon{
  color:#38bdf8;
}

/* Contract Upload Dropzone */
.contract-upload-block{
  margin-top:6px;
}
.order-dropzone{
  border:2px dashed rgba(23,152,195,0.35);
  border-radius:16px;
  padding:26px 20px;
  text-align:center;
  cursor:pointer;
  background:rgba(23,152,195,0.02);
  transition:all .2s ease;
  margin-top:6px;
}
.dark .order-dropzone{
  border-color:rgba(56,189,248,0.3);
  background:rgba(56,189,248,0.02);
}
.order-dropzone:hover,
.order-dropzone.dragging{
  border-color:#1798c3;
  background:rgba(23,152,195,0.06);
}
.dark .order-dropzone:hover,
.dark .order-dropzone.dragging{
  border-color:#38bdf8;
  background:rgba(56,189,248,0.08);
}
.order-dropzone.has-file{
  border-style:solid;
  border-color:rgba(22,163,74,0.4);
  background:rgba(22,163,74,0.03);
  cursor:default;
  padding:16px;
}
.dropzone-empty-state .upload-icon{
  color:#1798c3;
  margin:0 auto 10px;
}
.dark .dropzone-empty-state .upload-icon{
  color:#38bdf8;
}
.dropzone-prompt{
  font-size:14px;
  color:var(--ink);
  margin-bottom:4px;
}
.dark .dropzone-prompt{
  color:#ffffff;
}
.dropzone-prompt strong{
  color:#1798c3;
  text-decoration:underline;
}
.dark .dropzone-prompt strong{
  color:#38bdf8;
}
.dropzone-hint{
  font-size:12px;
  color:var(--muted);
}

.file-preview-card{
  display:flex;
  align-items:center;
  gap:12px;
  text-align:left;
}
.file-info-icon{
  width:42px;
  height:42px;
  border-radius:10px;
  background:rgba(22,163,74,0.1);
  color:#16a34a;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.file-info-details{
  flex:1;
  min-width:0;
}
.file-name{
  font-family:"DM Sans Variable",sans-serif;
  font-size:13.5px;
  font-weight:650;
  color:var(--ink);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.dark .file-name{
  color:#ffffff;
}
.file-meta{
  font-size:11.5px;
  color:var(--muted);
}
.remove-file-btn{
  width:32px;
  height:32px;
  border-radius:8px;
  background:rgba(239,68,68,0.1);
  color:#ef4444;
  border:none;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:all .18s ease;
}
.remove-file-btn:hover{
  background:#ef4444;
  color:#ffffff;
}

/* Supported links badges */
.supported-links-badges{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  margin-top:6px;
  font-size:11.5px;
  color:var(--muted);
}
.badge-tag{
  padding:3px 8px;
  border-radius:6px;
  background:rgba(24,50,75,0.05);
  border:1px solid var(--line);
  font-size:11px;
  font-weight:600;
  color:var(--ink);
}
.dark .badge-tag{
  background:rgba(255,255,255,0.06);
  border-color:rgba(255,255,255,0.08);
  color:#cbd5e1;
}

/* Submit row */
.order-form-submit-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding-top:10px;
}
.security-notice{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  color:var(--muted);
}
.security-notice svg{
  color:#16a34a;
  flex-shrink:0;
}
.order-title-submit-btn{
  height:52px;
  padding:0 34px;
  font-size:14.5px;
  letter-spacing:0.5px;
  border-radius:14px;
  font-weight:750;
  gap:10px;
  white-space:nowrap;
  box-shadow:0 8px 24px rgba(23,152,195,0.25);
}
.order-title-submit-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(23,152,195,0.35);
}

/* Success Card */
.order-success-card{
  background:var(--surface);
  border:1px solid rgba(22,163,74,0.3);
  border-radius:28px;
  padding:44px 36px;
  box-shadow:0 18px 45px rgba(22,163,74,0.08);
}
.dark .order-success-card{
  background:#141821;
  border-color:rgba(74,222,128,0.25);
  box-shadow:0 18px 45px rgba(0,0,0,0.4);
}
.success-icon-badge{
  width:80px;
  height:80px;
  border-radius:50%;
  background:rgba(22,163,74,0.12);
  color:#16a34a;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:20px;
}
.dark .success-icon-badge{
  background:rgba(74,222,128,0.15);
  color:#4ade80;
}
.order-success-card h2{
  font-family:"DM Sans Variable",sans-serif;
  font-size:28px;
  font-weight:750;
  color:var(--ink);
  letter-spacing:-0.8px;
  margin:0 0 12px;
}
.dark .order-success-card h2{
  color:#ffffff;
}
.order-ref-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 14px;
  border-radius:8px;
  background:rgba(23,152,195,0.1);
  border:1px solid rgba(23,152,195,0.25);
  font-size:13px;
  color:#1798c3;
  margin-bottom:18px;
}
.dark .order-ref-pill{
  background:rgba(56,189,248,0.12);
  border-color:rgba(56,189,248,0.25);
  color:#38bdf8;
}
.order-ref-pill strong{
  font-size:14px;
  letter-spacing:0.5px;
}
.success-message{
  font-size:15px;
  line-height:1.65;
  color:var(--ink);
  margin-bottom:24px;
}
.dark .success-message{
  color:#cbd5e1;
}

.success-summary-box{
  background:rgba(24,50,75,0.03);
  border:1px solid var(--line);
  border-radius:16px;
  padding:18px 20px;
  margin-bottom:24px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.dark .success-summary-box{
  background:rgba(255,255,255,0.02);
  border-color:rgba(255,255,255,0.06);
}
.summary-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:13.5px;
  gap:12px;
}
.summary-label{
  color:var(--muted);
}
.summary-val{
  font-weight:650;
  color:var(--ink);
  text-align:right;
}
.dark .summary-val{
  color:#ffffff;
}

.next-steps-timeline{
  margin-bottom:32px;
}
.next-steps-timeline h3{
  font-family:"DM Sans Variable",sans-serif;
  font-size:17px;
  font-weight:700;
  color:var(--ink);
  margin:0 0 12px;
}
.dark .next-steps-timeline h3{
  color:#ffffff;
}
.next-steps-timeline ol{
  padding-left:20px;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.next-steps-timeline li{
  font-size:13.5px;
  line-height:1.6;
  color:var(--ink);
}
.dark .next-steps-timeline li{
  color:#cbd5e1;
}
.next-steps-timeline code{
  background:rgba(24,50,75,0.06);
  padding:2px 6px;
  border-radius:4px;
  font-size:12.5px;
}
.dark .next-steps-timeline code{
  background:rgba(255,255,255,0.1);
  color:#38bdf8;
}

.success-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

/* Sidebar Styling */
.order-sidebar{
  display:flex;
  flex-direction:column;
  gap:20px;
}

.sidebar-card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:24px;
  padding:26px;
  box-shadow:0 8px 24px rgba(16,18,22,0.04);
}
.dark .sidebar-card{
  background:#141821;
  border-color:rgba(255,255,255,0.08);
  box-shadow:0 8px 24px rgba(0,0,0,0.3);
}

.highlight-card{
  border-color:rgba(23,152,195,0.35);
  background:linear-gradient(180deg, rgba(23,152,195,0.04) 0%, var(--surface) 100%);
}
.dark .highlight-card{
  border-color:rgba(56,189,248,0.25);
  background:linear-gradient(180deg, rgba(56,189,248,0.06) 0%, #141821 100%);
}
.card-badge{
  display:inline-block;
  font-family:"DM Sans Variable",sans-serif;
  font-size:10.5px;
  font-weight:750;
  letter-spacing:1px;
  color:#1798c3;
  text-transform:uppercase;
  margin-bottom:8px;
}
.dark .card-badge{
  color:#38bdf8;
}
.highlight-card h3{
  font-family:"DM Sans Variable",sans-serif;
  font-size:18px;
  font-weight:750;
  letter-spacing:-0.4px;
  color:var(--ink);
  margin:0 0 10px;
}
.dark .highlight-card h3{
  color:#ffffff;
}
.highlight-card p{
  font-size:13.5px;
  line-height:1.6;
  color:var(--muted);
  margin:0 0 16px;
}

.sidebar-features-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.sidebar-features-list li{
  display:flex;
  align-items:flex-start;
  gap:10px;
}
.feature-check{
  color:#16a34a;
  flex-shrink:0;
  margin-top:2px;
}
.sidebar-features-list li div{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.sidebar-features-list li strong{
  font-size:13.5px;
  color:var(--ink);
}
.dark .sidebar-features-list li strong{
  color:#ffffff;
}
.sidebar-features-list li span{
  font-size:12px;
  color:var(--muted);
  line-height:1.45;
}

.dropoff-card .dropoff-icon{
  width:44px;
  height:44px;
  border-radius:12px;
  background:rgba(200,155,75,0.12);
  color:#c89b4b;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
}
.dropoff-card h3{
  font-family:"DM Sans Variable",sans-serif;
  font-size:17px;
  font-weight:750;
  color:var(--ink);
  margin:0 0 8px;
}
.dark .dropoff-card h3{
  color:#ffffff;
}
.dropoff-card p{
  font-size:13px;
  line-height:1.55;
  color:var(--muted);
  margin:0 0 14px;
}
.contact-detail-row{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12.5px;
  color:var(--ink);
  margin-bottom:8px;
}
.dark .contact-detail-row{
  color:#cbd5e1;
}
.contact-detail-row svg{
  color:#1798c3;
  flex-shrink:0;
}
.contact-detail-row a{
  color:#1798c3;
  font-weight:650;
  text-decoration:none;
}
.contact-detail-row a:hover{
  text-decoration:underline;
}

.hotline-card h4{
  font-family:"DM Sans Variable",sans-serif;
  font-size:16px;
  font-weight:700;
  color:var(--ink);
  margin:0 0 8px;
}
.dark .hotline-card h4{
  color:#ffffff;
}
.hotline-card p{
  font-size:13px;
  line-height:1.55;
  color:var(--muted);
  margin:0 0 14px;
}
.sidebar-action-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:"DM Sans Variable",sans-serif;
  font-size:13.5px;
  font-weight:700;
  color:#1798c3;
  text-decoration:none;
}
.sidebar-action-link:hover{
  text-decoration:underline;
}

.sidebar-underwriters-box{
  background:rgba(24,50,75,0.02);
  border:1px dashed var(--line);
  border-radius:18px;
  padding:18px;
  text-align:center;
}
.dark .sidebar-underwriters-box{
  background:rgba(255,255,255,0.02);
  border-color:rgba(255,255,255,0.08);
}
.underwriter-title{
  display:block;
  font-size:11px;
  font-weight:700;
  letter-spacing:0.8px;
  color:var(--muted);
  text-transform:uppercase;
  margin-bottom:10px;
}
.underwriter-tags{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.underwriter-tag{
  padding:6px 12px;
  border-radius:8px;
  background:var(--surface);
  border:1px solid var(--line);
  font-size:12px;
  font-weight:650;
  color:var(--ink);
}
.dark .underwriter-tag{
  background:#141821;
  border-color:rgba(255,255,255,0.06);
  color:#ffffff;
}

/* How It Works 4-Steps Process Section */
.order-process-section{
  padding:80px 0;
  background:rgba(24,50,75,0.015);
  border-top:1px solid var(--line);
}
.dark .order-process-section{
  background:rgba(255,255,255,0.01);
  border-color:rgba(255,255,255,0.06);
}
.order-process-steps-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
  margin-top:40px;
}
.process-step-item{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:22px;
  padding:28px 22px;
  position:relative;
  transition:all .25s ease;
}
.dark .process-step-item{
  background:#141821;
  border-color:rgba(255,255,255,0.08);
}
.process-step-item:hover{
  transform:translateY(-3px);
  border-color:rgba(23,152,195,0.4);
  box-shadow:0 12px 30px rgba(16,18,22,0.05);
}
.dark .process-step-item:hover{
  border-color:rgba(56,189,248,0.3);
  box-shadow:0 12px 30px rgba(0,0,0,0.3);
}
.step-number{
  position:absolute;
  top:20px;
  right:20px;
  font-family:"Instrument Serif",serif;
  font-size:32px;
  color:rgba(24,50,75,0.12);
  line-height:1;
}
.dark .step-number{
  color:rgba(255,255,255,0.08);
}
.step-icon-wrap{
  width:44px;
  height:44px;
  border-radius:12px;
  background:rgba(23,152,195,0.08);
  color:#1798c3;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:16px;
}
.dark .step-icon-wrap{
  background:rgba(56,189,248,0.1);
  color:#38bdf8;
}
.process-step-item h3{
  font-family:"DM Sans Variable",sans-serif;
  font-size:16px;
  font-weight:750;
  color:var(--ink);
  margin:0 0 8px;
}
.dark .process-step-item h3{
  color:#ffffff;
}
.process-step-item p{
  font-size:13px;
  line-height:1.55;
  color:var(--muted);
  margin:0;
}

/* Responsive Rules for Order Title */
@media(max-width:1100px){
  .order-title-split-grid{
    grid-template-columns:1fr;
    gap:40px;
  }
  .order-sidebar{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
  }
  .sidebar-underwriters-box{
    grid-column:1 / -1;
  }
  .order-process-steps-grid{
    grid-template-columns:repeat(2,1fr);
    gap:20px;
  }
}

@media(max-width:850px){
  .form-grid-3{
    grid-template-columns:1fr;
  }
  .order-title-modern-form{
    padding:26px 20px;
  }
  .order-form-submit-row{
    flex-direction:column-reverse;
    align-items:stretch;
  }
  .order-title-submit-btn{
    width:100%;
    justify-content:center;
  }
  .security-notice{
    justify-content:center;
  }
}

@media(max-width:600px){
  .form-grid-2{
    grid-template-columns:1fr;
  }
  .form-fieldset{
    padding:18px 14px;
  }
  .order-sidebar{
    grid-template-columns:1fr;
  }
  .order-process-steps-grid{
    grid-template-columns:1fr;
    gap:16px;
  }
  .success-actions{
    flex-direction:column;
  }
  .success-actions .button{
    width:100%;
    justify-content:center;
  }
}

/* ==========================================================================
   8. About Us Page Styles
   ========================================================================== */
.about-hero-section{
  position:relative;
  padding:165px 0 70px;
  background:radial-gradient(ellipse 70% 55% at 50% 20%, rgba(23,152,195,0.12) 0%, transparent 70%),
             radial-gradient(ellipse 50% 40% at 80% 30%, rgba(200,155,75,0.08) 0%, transparent 60%);
  text-align:center;
  overflow:hidden;
  box-sizing:border-box;
}
.about-hero-section .shell{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.about-hero-section .service-hero-breadcrumb{
  justify-content:center;
  margin-bottom:20px;
}
.about-hero-section .order-hero-badge{
  margin:0 auto 20px;
}
.about-hero-section .service-hero-title{
  font-family:"DM Sans Variable",sans-serif;
  font-size:clamp(40px,5.8vw,68px);
  font-weight:450;
  line-height:1.07;
  letter-spacing:-2.2px;
  color:var(--ink);
  margin:0 auto 18px;
  max-width:880px;
  text-align:center;
}
.about-hero-section .service-hero-title em{
  font-family:"Instrument Serif",Georgia,serif;
  font-style:italic;
  font-weight:400;
  font-size:1.14em;
  color:#1798c3;
  letter-spacing:-.5px;
}
.dark .about-hero-section .service-hero-title em{
  color:#38bdf8;
}
.about-hero-section .service-hero-subtitle{
  font-family:"DM Sans Variable",sans-serif;
  font-size:clamp(16px,1.2vw,19px);
  line-height:1.68;
  color:var(--muted);
  max-width:720px;
  margin:0 auto 30px;
  text-align:center;
}
.about-hero-section .about-hero-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  margin:0 auto 34px;
}
.about-hero-section .about-hero-actions .button{
  min-height:48px;
  padding:12px 26px;
  border-radius:999px;
  font-family:"DM Sans Variable",sans-serif;
  font-size:14.5px;
  font-weight:650;
  letter-spacing:-0.1px;
  gap:8px;
  box-sizing:border-box;
  text-decoration:none;
  cursor:pointer;
  transition:all .22s ease;
}
.about-hero-section .about-hero-actions .button-primary{
  background:linear-gradient(135deg, #101c2b 0%, #162c44 100%);
  color:#ffffff;
  border:1px solid rgba(255,255,255,0.12);
  box-shadow:0 6px 20px rgba(16,28,43,0.18);
}
.about-hero-section .about-hero-actions .button-primary:hover{
  background:linear-gradient(135deg, #162c44 0%, #1f3d5c 100%);
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(16,28,43,0.28);
}
.dark .about-hero-section .about-hero-actions .button-primary{
  background:linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%)!important;
  color:#0d1520!important;
  border:1px solid rgba(255,255,255,0.4)!important;
  box-shadow:0 6px 22px rgba(0,0,0,0.45)!important;
}
.dark .about-hero-section .about-hero-actions .button-primary:hover{
  background:#e2e8f0!important;
  transform:translateY(-2px);
}
.about-hero-section .about-hero-actions .button-secondary{
  background:rgba(255,255,255,0.92);
  color:#10253d;
  border:1.5px solid rgba(23,152,195,0.32);
  box-shadow:0 4px 16px rgba(23,152,195,0.06);
}
.about-hero-section .about-hero-actions .button-secondary:hover{
  background:#ffffff;
  border-color:#1798c3;
  color:#1798c3;
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(23,152,195,0.14);
}
.dark .about-hero-section .about-hero-actions .button-secondary{
  background:rgba(255,255,255,0.06);
  border:1.5px solid rgba(56,189,248,0.28);
  color:#f1f5f9;
  box-shadow:0 4px 16px rgba(0,0,0,0.25);
}
.dark .about-hero-section .about-hero-actions .button-secondary:hover{
  background:rgba(56,189,248,0.12);
  border-color:#38bdf8;
  color:#38bdf8;
  transform:translateY(-2px);
}
.about-hero-trust-bar{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  max-width:980px;
  margin:0 auto;
}
.about-hero-trust-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 16px;
  border-radius:999px;
  background:rgba(255,255,255,0.75);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(200,215,235,0.7);
  box-shadow:0 4px 16px rgba(18,36,60,0.04);
  font-family:"DM Sans Variable",sans-serif;
  font-size:13px;
  font-weight:600;
  color:var(--ink);
  transition:transform .2s ease,border-color .2s ease;
}
.dark .about-hero-trust-pill{
  background:rgba(20,26,36,0.75);
  border-color:rgba(255,255,255,0.1);
  box-shadow:0 4px 16px rgba(0,0,0,0.35);
  color:#e2e8f0;
}
.about-hero-trust-pill:hover{
  transform:translateY(-2px);
  border-color:#1798c3;
}
.dark .about-hero-trust-pill:hover{
  border-color:#38bdf8;
}
.about-hero-trust-pill svg{
  color:#1798c3;
  flex-shrink:0;
}
.dark .about-hero-trust-pill svg{
  color:#38bdf8;
}

@media(max-width:850px){
  .about-hero-section{padding:130px 0 50px}
  .about-hero-section .service-hero-title{font-size:clamp(32px,7.5vw,46px);letter-spacing:-1.4px}
  .about-hero-section .about-hero-actions{
    flex-direction:column;
    width:100%;
    max-width:340px;
    margin:0 auto 28px;
    gap:10px;
  }
  .about-hero-section .about-hero-actions .button{
    width:100%;
    min-height:46px;
    padding:12px 20px;
    font-size:14px;
    justify-content:center;
  }
  .about-hero-trust-bar{gap:8px}
  .about-hero-trust-pill{font-size:12px;padding:7px 12px}
}

/* Stats Section */
.about-stats-section{
  padding:20px 0 60px;
}
.about-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}
.about-stat-card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:22px;
  padding:26px 22px;
  text-align:center;
  box-shadow:0 8px 24px rgba(16,18,22,0.03);
  transition:all .25s ease;
}
.dark .about-stat-card{
  background:#141821;
  border-color:rgba(255,255,255,0.08);
  box-shadow:0 8px 24px rgba(0,0,0,0.25);
}
.about-stat-card:hover{
  transform:translateY(-3px);
  border-color:rgba(200,155,75,0.4);
}
.stat-number{
  font-family:"Instrument Serif",serif;
  font-size:38px;
  font-weight:400;
  color:#c89b4b;
  line-height:1;
  margin-bottom:8px;
}
.stat-label{
  font-family:"DM Sans Variable",sans-serif;
  font-size:15px;
  font-weight:750;
  color:var(--ink);
  margin-bottom:6px;
}
.dark .stat-label{
  color:#ffffff;
}
.stat-sub{
  font-size:12px;
  line-height:1.5;
  color:var(--muted);
}

/* About Story */
.about-story-section{
  padding:60px 0 80px;
  border-top:1px solid var(--line);
}
.dark .about-story-section{
  border-color:rgba(255,255,255,0.06);
}
.about-signature-block{
  margin-top:28px;
  padding-top:20px;
  border-top:1px solid var(--line);
}
.dark .about-signature-block{
  border-color:rgba(255,255,255,0.08);
}
.sig-meta strong{
  display:block;
  font-family:"DM Sans Variable",sans-serif;
  font-size:15px;
  font-weight:750;
  color:var(--ink);
}
.dark .sig-meta strong{
  color:#ffffff;
}
.sig-meta span{
  font-size:12.5px;
  color:var(--muted);
}

/* Pillars Grid */
.about-pillars-section{
  padding:80px 0;
  background:rgba(24,50,75,0.018);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.dark .about-pillars-section{
  background:rgba(255,255,255,0.015);
  border-color:rgba(255,255,255,0.06);
}
.pillars-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
  margin-top:40px;
}
.pillar-card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:24px;
  padding:32px 28px;
  box-shadow:0 8px 24px rgba(16,18,22,0.04);
  transition:all .25s ease;
}
.dark .pillar-card{
  background:#141821;
  border-color:rgba(255,255,255,0.08);
  box-shadow:0 8px 24px rgba(0,0,0,0.3);
}
.pillar-card:hover{
  transform:translateY(-3px);
  border-color:rgba(23,152,195,0.35);
}
.dark .pillar-card:hover{
  border-color:rgba(56,189,248,0.3);
}
.pillar-icon-wrap{
  width:48px;
  height:48px;
  border-radius:14px;
  background:rgba(23,152,195,0.08);
  color:#1798c3;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:18px;
}
.dark .pillar-icon-wrap{
  background:rgba(56,189,248,0.1);
  color:#38bdf8;
}
.pillar-card h3{
  font-family:"DM Sans Variable",sans-serif;
  font-size:18px;
  font-weight:750;
  color:var(--ink);
  margin:0 0 10px;
}
.dark .pillar-card h3{
  color:#ffffff;
}
.pillar-card p{
  font-size:14px;
  line-height:1.65;
  color:var(--muted);
  margin:0;
}

/* Closing Flexibility */
.about-flexibility-section{
  padding:80px 0;
}
.flexibility-card{
  display:grid;
  grid-template-columns:1fr 340px;
  gap:40px;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:30px;
  padding:44px;
  box-shadow:0 18px 45px rgba(16,18,22,0.05);
}
.dark .flexibility-card{
  background:#141821;
  border-color:rgba(255,255,255,0.08);
  box-shadow:0 18px 45px rgba(0,0,0,0.35);
}
.flexibility-content h2{
  font-family:"DM Sans Variable",sans-serif;
  font-size:28px;
  font-weight:750;
  letter-spacing:-0.7px;
  color:var(--ink);
  margin:8px 0 14px;
}
.dark .flexibility-content h2{
  color:#ffffff;
}
.flexibility-content p{
  font-size:14.5px;
  line-height:1.65;
  color:var(--muted);
  margin:0 0 24px;
}
.flexibility-features{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.flex-feature{
  display:flex;
  align-items:flex-start;
  gap:14px;
}
.flex-feature .feature-icon{
  color:#1798c3;
  flex-shrink:0;
  margin-top:2px;
}
.dark .flex-feature .feature-icon{
  color:#38bdf8;
}
.flex-feature div{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.flex-feature strong{
  font-size:14.5px;
  color:var(--ink);
}
.dark .flex-feature strong{
  color:#ffffff;
}
.flex-feature span{
  font-size:13px;
  line-height:1.5;
  color:var(--muted);
}

.office-card{
  background:rgba(24,50,75,0.025);
  border:1px solid var(--line);
  border-radius:20px;
  padding:24px;
}
.dark .office-card{
  background:rgba(255,255,255,0.025);
  border-color:rgba(255,255,255,0.08);
}
.office-card h4{
  font-family:"DM Sans Variable",sans-serif;
  font-size:16px;
  font-weight:750;
  color:var(--ink);
  margin:0 0 8px;
}
.dark .office-card h4{
  color:#ffffff;
}
.office-address{
  font-size:13px;
  line-height:1.55;
  color:var(--muted);
  margin:0 0 16px;
}
.office-contacts{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-bottom:16px;
}
.office-link{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  color:#1798c3;
  text-decoration:none;
  font-weight:600;
}
.office-link:hover{
  text-decoration:underline;
}
.office-hours{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  color:var(--muted);
  padding-top:12px;
  border-top:1px solid var(--line);
}
.dark .office-hours{
  border-color:rgba(255,255,255,0.06);
}

/* About Underwriters */
.about-underwriters-section{
  padding:40px 0 80px;
}
.underwriters-card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:28px;
  padding:44px 36px;
  max-width:960px;
  margin:0 auto;
  box-shadow:0 12px 35px rgba(16,18,22,0.03);
}
.dark .underwriters-card{
  background:#141821;
  border-color:rgba(255,255,255,0.08);
  box-shadow:0 12px 35px rgba(0,0,0,0.3);
}
.underwriters-card h2{
  font-family:"DM Sans Variable",sans-serif;
  font-size:26px;
  font-weight:750;
  letter-spacing:-0.6px;
  color:var(--ink);
  margin:8px 0 12px;
}
.dark .underwriters-card h2{
  color:#ffffff;
}
.underwriters-card p{
  font-size:14.5px;
  line-height:1.65;
  color:var(--muted);
  max-width:700px;
  margin:0 auto 28px;
}
.underwriters-logo-row{
  display:flex;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
}
.underwriter-logo-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 20px;
  border-radius:14px;
  background:rgba(24,50,75,0.03);
  border:1px solid var(--line);
  font-family:"DM Sans Variable",sans-serif;
  font-size:13.5px;
  font-weight:650;
  color:var(--ink);
}
.dark .underwriter-logo-badge{
  background:rgba(255,255,255,0.03);
  border-color:rgba(255,255,255,0.08);
  color:#f1f5f9;
}
.underwriter-logo-badge svg{
  color:#1798c3;
}
.dark .underwriter-logo-badge svg{
  color:#38bdf8;
}

/* About CTA Card */
.about-cta-section{
  padding:0 0 90px;
}
.about-cta-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  background:linear-gradient(135deg, rgba(23,152,195,0.08) 0%, rgba(200,155,75,0.08) 100%), var(--surface);
  border:1px solid rgba(23,152,195,0.25);
  border-radius:28px;
  padding:44px;
  box-shadow:0 18px 45px rgba(16,18,22,0.04);
}
.dark .about-cta-card{
  background:linear-gradient(135deg, rgba(56,189,248,0.1) 0%, rgba(200,155,75,0.1) 100%), #141821;
  border-color:rgba(56,189,248,0.2);
  box-shadow:0 18px 45px rgba(0,0,0,0.35);
}
.cta-left h2{
  font-family:"DM Sans Variable",sans-serif;
  font-size:26px;
  font-weight:750;
  color:var(--ink);
  letter-spacing:-0.6px;
  margin:0 0 8px;
}
.dark .cta-left h2{
  color:#ffffff;
}
.cta-left p{
  font-size:14.5px;
  line-height:1.6;
  color:var(--muted);
  margin:0;
}
.cta-right{
  display:flex;
  gap:12px;
  flex-shrink:0;
  flex-wrap:wrap;
}

/* ==========================================================================
   9. Contact Us Page Styles
   ========================================================================== */
.contact-hero-section{
  padding:150px 0 45px;
  background:radial-gradient(circle at 50% 12%, rgba(23,152,195,0.12) 0%, transparent 65%),
             radial-gradient(circle at 80% 30%, rgba(200,155,75,0.08) 0%, transparent 50%);
}

.contact-quick-touch-bar{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:26px;
}
.touch-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 18px;
  border-radius:999px;
  font-family:"DM Sans Variable",sans-serif;
  font-size:12.5px;
  font-weight:650;
  color:var(--ink);
  background:rgba(255,255,255,0.7);
  backdrop-filter:blur(10px);
  border:1px solid var(--line);
  text-decoration:none;
  transition:all .18s ease;
}
.dark .touch-pill{
  color:#f1f5f9;
  background:rgba(20,24,33,0.75);
  border-color:rgba(255,255,255,0.08);
}
.touch-pill:hover{
  border-color:#1798c3;
  color:#1798c3;
}
.dark .touch-pill:hover{
  border-color:#38bdf8;
  color:#38bdf8;
}
.touch-pill svg{
  color:#1798c3;
}
.dark .touch-pill svg{
  color:#38bdf8;
}

/* ==========================================================================
   10. Contact Page Styles
   ========================================================================== */
.contact-hero-section{
  position:relative;
  padding:165px 0 65px;
  background:radial-gradient(ellipse 70% 55% at 50% 20%, rgba(23,152,195,0.12) 0%, transparent 70%),
             radial-gradient(ellipse 50% 40% at 80% 30%, rgba(200,155,75,0.08) 0%, transparent 60%);
  text-align:center;
  overflow:hidden;
  box-sizing:border-box;
}
.contact-hero-section .shell{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.contact-hero-section .service-hero-breadcrumb{
  justify-content:center;
  margin-bottom:20px;
}
.contact-hero-section .order-hero-badge{
  margin:0 auto 20px;
}
.contact-hero-section .service-hero-title{
  font-family:"DM Sans Variable",sans-serif;
  font-size:clamp(40px,5.8vw,68px);
  font-weight:450;
  line-height:1.07;
  letter-spacing:-2.2px;
  color:var(--ink);
  margin:0 auto 18px;
  max-width:880px;
  text-align:center;
}
.contact-hero-section .service-hero-title em{
  font-family:"Instrument Serif",Georgia,serif;
  font-style:italic;
  font-weight:400;
  font-size:1.14em;
  color:#1798c3;
  letter-spacing:-.5px;
}
.dark .contact-hero-section .service-hero-title em{
  color:#38bdf8;
}
.contact-hero-section .service-hero-subtitle{
  font-family:"DM Sans Variable",sans-serif;
  font-size:clamp(16px,1.2vw,19px);
  line-height:1.68;
  color:var(--muted);
  max-width:720px;
  margin:0 auto 10px;
  text-align:center;
}

/* Contact Main Section */
.contact-main-section{
  padding:30px 0 90px;
}
.contact-split-grid{
  display:grid;
  grid-template-columns:390px 1fr;
  gap:40px;
  align-items:start;
}

/* Contact Info Column (Left Side) */
.contact-info-col{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.contact-info-header{
  margin-bottom:4px;
}
.contact-info-header .contact-info-badge{
  display:inline-block;
  font-family:"DM Sans Variable",sans-serif;
  font-size:11px;
  font-weight:750;
  letter-spacing:1px;
  color:#1798c3;
  text-transform:uppercase;
  margin-bottom:6px;
}
.dark .contact-info-header .contact-info-badge{
  color:#38bdf8;
}
.contact-info-header h2{
  font-family:"DM Sans Variable",sans-serif;
  font-size:26px;
  font-weight:700;
  letter-spacing:-0.7px;
  color:var(--ink);
  margin:0 0 8px;
}
.dark .contact-info-header h2{
  color:#ffffff;
}
.contact-info-header p{
  font-size:14px;
  line-height:1.6;
  color:var(--muted);
  margin:0;
}

.contact-methods-list{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.contact-method-card{
  display:flex;
  align-items:center;
  gap:16px;
  padding:20px 22px;
  border-radius:20px;
  background:var(--surface);
  border:1px solid var(--line);
  box-shadow:0 6px 20px rgba(16,18,22,0.03);
  text-decoration:none;
  color:inherit;
  transition:all .22s ease;
  box-sizing:border-box;
}
.dark .contact-method-card{
  background:#141821;
  border-color:rgba(255,255,255,0.08);
  box-shadow:0 6px 20px rgba(0,0,0,0.3);
}
.contact-method-card:not(.no-link):hover{
  border-color:#1798c3;
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(23,152,195,0.12);
}
.dark .contact-method-card:not(.no-link):hover{
  border-color:#38bdf8;
  box-shadow:0 12px 30px rgba(56,189,248,0.12);
}
.contact-method-icon{
  width:46px;
  height:46px;
  border-radius:13px;
  background:rgba(23,152,195,0.1);
  color:#1798c3;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  transition:all .2s ease;
}
.dark .contact-method-icon{
  background:rgba(56,189,248,0.12);
  color:#38bdf8;
}
.contact-method-card:hover .contact-method-icon{
  background:#1798c3;
  color:#ffffff;
}
.dark .contact-method-card:hover .contact-method-icon{
  background:#38bdf8;
  color:#0f172a;
}
.contact-method-text{
  display:flex;
  flex-direction:column;
  gap:3px;
  flex-grow:1;
}
.contact-method-label{
  display:block;
  font-family:"DM Sans Variable",sans-serif;
  font-size:11px;
  font-weight:750;
  letter-spacing:0.8px;
  color:#1798c3;
  text-transform:uppercase;
}
.dark .contact-method-label{
  color:#38bdf8;
}
.contact-method-value{
  display:block;
  font-family:"DM Sans Variable",sans-serif;
  font-size:15.5px;
  font-weight:700;
  color:var(--ink);
  line-height:1.3;
}
.dark .contact-method-value{
  color:#ffffff;
}
.contact-method-sub{
  display:block;
  font-size:12.5px;
  color:var(--muted);
  line-height:1.4;
}
.contact-method-arrow{
  display:none!important;
}

/* Social Card */
.contact-social-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 22px;
  border-radius:20px;
  background:var(--surface);
  border:1px solid var(--line);
  box-shadow:0 4px 16px rgba(16,18,22,0.02);
  box-sizing:border-box;
}
.dark .contact-social-card{
  background:#141821;
  border-color:rgba(255,255,255,0.08);
}
.social-tagline{
  font-family:"DM Sans Variable",sans-serif;
  font-size:13px;
  font-weight:700;
  color:var(--ink);
}
.dark .social-tagline{
  color:#ffffff;
}
.contact-social-icons{
  display:flex;
  gap:10px;
}
.social-circle-link{
  width:36px;
  height:36px;
  border-radius:50%;
  background:rgba(24,50,75,0.05);
  border:1px solid rgba(24,50,75,0.08);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--ink);
  text-decoration:none;
  transition:all .2s ease;
}
.dark .social-circle-link{
  background:rgba(255,255,255,0.06);
  border-color:rgba(255,255,255,0.1);
  color:#ffffff;
}
.social-circle-link:hover{
  background:#1798c3;
  border-color:#1798c3;
  color:#ffffff!important;
  transform:translateY(-2px);
}
.dark .social-circle-link:hover{
  background:#38bdf8;
  border-color:#38bdf8;
  color:#0f172a!important;
}

/* Modern Contact Form (Right Side) */
.contact-form-col{
  box-sizing:border-box;
}
.modern-contact-form{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:28px;
  padding:40px 38px;
  box-shadow:0 16px 45px rgba(16,18,22,0.05);
  box-sizing:border-box;
}
.dark .modern-contact-form{
  background:#141821;
  border-color:rgba(255,255,255,0.08);
  box-shadow:0 16px 45px rgba(0,0,0,0.35);
}
.form-card-header{
  margin-bottom:28px;
}
.form-card-header .form-step-tag{
  display:inline-block;
  font-family:"DM Sans Variable",sans-serif;
  font-size:11px;
  font-weight:750;
  letter-spacing:1px;
  color:#1798c3;
  text-transform:uppercase;
  margin-bottom:6px;
}
.dark .form-card-header .form-step-tag{
  color:#38bdf8;
}
.form-card-header h2{
  font-family:"DM Sans Variable",sans-serif;
  font-size:28px;
  font-weight:700;
  letter-spacing:-0.7px;
  color:var(--ink);
  margin:0 0 8px;
}
.dark .form-card-header h2{
  color:#ffffff;
}
.form-card-header p{
  font-size:14.5px;
  line-height:1.55;
  color:var(--muted);
  margin:0;
}

.contact-form-group{
  margin-bottom:22px;
}
.field-label-text{
  display:block;
  font-family:"DM Sans Variable",sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:0.5px;
  text-transform:uppercase;
  color:var(--ink);
  margin-bottom:8px;
}
.dark .field-label-text{
  color:#d3e1f2;
}
.field-label-text .req{
  color:#ef4444;
  margin-left:2px;
}

.topic-pills-wrap,
.role-pills-wrap{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.topic-pill-btn,
.role-pill-btn{
  padding:8px 16px;
  border-radius:999px;
  font-family:"DM Sans Variable",sans-serif;
  font-size:13px;
  font-weight:600;
  background:rgba(24,50,75,0.04);
  border:1px solid var(--line);
  color:var(--ink);
  cursor:pointer;
  transition:all .18s ease;
  box-sizing:border-box;
}
.dark .topic-pill-btn,
.dark .role-pill-btn{
  background:rgba(255,255,255,0.05);
  border-color:rgba(255,255,255,0.1);
  color:#cbd5e1;
}
.topic-pill-btn:hover,
.role-pill-btn:hover{
  border-color:#1798c3;
  color:#1798c3;
  transform:translateY(-1px);
}
.dark .topic-pill-btn:hover,
.dark .role-pill-btn:hover{
  border-color:#38bdf8;
  color:#38bdf8;
}
.topic-pill-btn.is-selected,
.role-pill-btn.is-selected{
  background:#1798c3;
  border-color:#1798c3;
  color:#ffffff;
  box-shadow:0 4px 14px rgba(23,152,195,0.25);
}
.dark .topic-pill-btn.is-selected,
.dark .role-pill-btn.is-selected{
  background:#38bdf8;
  border-color:#38bdf8;
  color:#0f172a;
  box-shadow:0 4px 14px rgba(56,189,248,0.25);
}

.contact-grid-2{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
  margin-bottom:20px;
}
.input-group{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.input-group label{
  display:block;
  font-family:"DM Sans Variable",sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:0.5px;
  text-transform:uppercase;
  color:var(--ink);
}
.dark .input-group label{
  color:#d3e1f2;
}
.input-group label .req{
  color:#ef4444;
  margin-left:2px;
}

.input-wrapper{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
}
.input-wrapper .input-icon{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  color:var(--muted);
  pointer-events:none;
  transition:color .2s ease;
  display:flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  z-index:2;
}
.input-wrapper input{
  width:100%;
  height:48px;
  padding:12px 14px 12px 44px !important;
  border-radius:12px;
  border:1px solid var(--line);
  background:var(--surface);
  color:var(--ink);
  font-family:"DM Sans Variable",sans-serif;
  font-size:14px;
  outline:none;
  transition:all .2s ease;
  box-sizing:border-box;
}
.dark .input-wrapper input{
  background:rgba(20,24,33,0.6);
  border-color:rgba(255,255,255,0.1);
  color:#ffffff;
}
.input-wrapper input:focus{
  border-color:#1798c3;
  box-shadow:0 0 0 3px rgba(23,152,195,0.15);
}
.dark .input-wrapper input:focus{
  border-color:#38bdf8;
  box-shadow:0 0 0 3px rgba(56,189,248,0.2);
}
.input-wrapper:focus-within .input-icon,
.input-wrapper input:focus + .input-icon,
.input-wrapper input:focus ~ .input-icon{
  color:#1798c3;
}
.dark .input-wrapper:focus-within .input-icon,
.dark .input-wrapper input:focus + .input-icon,
.dark .input-wrapper input:focus ~ .input-icon{
  color:#38bdf8;
}

.modern-contact-form textarea{
  width:100%;
  box-sizing:border-box;
  min-height:120px;
  padding:14px 16px;
  border-radius:12px;
  border:1px solid var(--line);
  background:var(--surface);
  color:var(--ink);
  font-family:"DM Sans Variable",sans-serif;
  font-size:14px;
  line-height:1.6;
  outline:none;
  transition:all .2s ease;
  resize:vertical;
}
.dark .modern-contact-form textarea{
  background:rgba(20,24,33,0.6);
  border-color:rgba(255,255,255,0.1);
  color:#ffffff;
}
.modern-contact-form textarea:focus{
  border-color:#1798c3;
  box-shadow:0 0 0 3px rgba(23,152,195,0.15);
}
.dark .modern-contact-form textarea:focus{
  border-color:#38bdf8;
  box-shadow:0 0 0 3px rgba(56,189,248,0.2);
}

.contact-submit-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-top:10px;
  flex-wrap:wrap;
}
.contact-submit-btn{
  height:48px;
  padding:0 30px;
  font-size:14.5px;
  font-weight:700;
  letter-spacing:0.3px;
  gap:10px;
  border-radius:12px;
  cursor:pointer;
  white-space:nowrap;
}
.contact-submit-note{
  font-size:12.5px;
  color:var(--muted);
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.contact-submit-note svg{
  color:#1798c3;
}
.dark .contact-submit-note svg{
  color:#38bdf8;
}

/* Contact Success Card */
.contact-success-card{
  background:var(--surface);
  border:1px solid rgba(22,163,74,0.3);
  border-radius:28px;
  padding:44px 36px;
  text-align:center;
  box-shadow:0 18px 45px rgba(22,163,74,0.08);
  box-sizing:border-box;
}
.dark .contact-success-card{
  background:#141821;
  border-color:rgba(74,222,128,0.25);
  box-shadow:0 18px 45px rgba(0,0,0,0.4);
}
.success-icon-badge{
  width:64px;
  height:64px;
  border-radius:50%;
  background:rgba(34,197,94,0.12);
  color:#22c55e;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:18px;
}
.dark .success-icon-badge{
  background:rgba(34,197,94,0.22);
  color:#4ade80;
}
.contact-success-card h2{
  font-family:"DM Sans Variable",sans-serif;
  font-size:26px;
  font-weight:700;
  color:var(--ink);
  letter-spacing:-0.7px;
  margin:0 0 10px;
}
.dark .contact-success-card h2{
  color:#ffffff;
}
.contact-success-card .success-message{
  font-size:14.5px;
  line-height:1.6;
  color:var(--muted);
  max-width:440px;
  margin:0 auto 24px;
}
.contact-success-card .success-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}

@media(max-width:980px){
  .contact-split-grid{
    grid-template-columns:1fr;
    gap:36px;
  }
}
@media(max-width:680px){
  .contact-hero-section{
    padding:130px 0 50px;
  }
  .contact-grid-2{
    grid-template-columns:1fr;
    gap:16px;
  }
  .modern-contact-form{
    padding:28px 20px;
    border-radius:22px;
  }
  .contact-submit-btn{
    width:100%;
    justify-content:center;
  }
  .contact-submit-row{
    flex-direction:column;
    align-items:stretch;
  }
  .contact-submit-note{
    justify-content:center;
  }
}

/* FAQ Section */
.contact-faq-section{
  padding:80px 0;
  background:rgba(24,50,75,0.015);
  border-top:1px solid var(--line);
}
.dark .contact-faq-section{
  background:rgba(255,255,255,0.01);
  border-color:rgba(255,255,255,0.06);
}
.contact-faq-accordion{
  max-width:840px;
  margin:40px auto 0;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.faq-item{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
  box-shadow:0 4px 16px rgba(16,18,22,0.02);
}
.dark .faq-item{
  background:#141821;
  border-color:rgba(255,255,255,0.08);
  box-shadow:0 4px 16px rgba(0,0,0,0.25);
}
.faq-item:hover{
  border-color:rgba(23,152,195,0.3);
}
.dark .faq-item:hover{
  border-color:rgba(56,189,248,0.25);
}
.faq-item.is-open,
.faq-item:has(.faq-question[aria-expanded="true"]){
  border-color:rgba(23,152,195,0.45);
  box-shadow:0 8px 26px rgba(23,152,195,0.08);
}
.dark .faq-item.is-open,
.dark .faq-item:has(.faq-question[aria-expanded="true"]){
  border-color:rgba(56,189,248,0.35);
  box-shadow:0 8px 26px rgba(0,0,0,0.4);
}
.faq-question,
.faq-question-btn{
  width:100%;
  padding:20px 24px;
  background:transparent;
  border:none;
  outline:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  font-family:"DM Sans Variable",sans-serif;
  font-size:16px;
  font-weight:700;
  letter-spacing:-0.2px;
  color:var(--ink);
  text-align:left;
  cursor:pointer;
  box-sizing:border-box;
  transition:color .2s ease;
}
.dark .faq-question,
.dark .faq-question-btn{
  color:#ffffff;
}
.faq-question:focus-visible,
.faq-question-btn:focus-visible{
  outline:2px solid #1798c3;
  outline-offset:-2px;
}
.dark .faq-question:focus-visible,
.dark .faq-question-btn:focus-visible{
  outline-color:#38bdf8;
}
.faq-chevron,
.faq-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border-radius:50%;
  background:rgba(24,50,75,0.04);
  color:var(--muted);
  transition:transform .25s ease, background .2s ease, color .2s ease;
  flex-shrink:0;
}
.dark .faq-chevron,
.dark .faq-arrow{
  background:rgba(255,255,255,0.06);
  color:#94a3b8;
}
.faq-question[aria-expanded="true"] .faq-chevron,
.faq-question[aria-expanded="true"] .faq-arrow,
.faq-item.is-open .faq-chevron,
.faq-item.is-open .faq-arrow{
  transform:rotate(180deg);
  background:rgba(23,152,195,0.12);
  color:#1798c3;
}
.dark .faq-question[aria-expanded="true"] .faq-chevron,
.dark .faq-question[aria-expanded="true"] .faq-arrow,
.dark .faq-item.is-open .faq-chevron,
.dark .faq-item.is-open .faq-arrow{
  background:rgba(56,189,248,0.15);
  color:#38bdf8;
}
.faq-answer{
  padding:0 24px 22px 24px;
  font-family:"DM Sans Variable",sans-serif;
  font-size:14.5px;
  line-height:1.7;
  color:var(--muted);
  box-sizing:border-box;
}
.faq-answer p{
  margin:0;
}
.dark .faq-answer{
  color:#94a3b8;
}

/* Responsive Rules for About & Contact */
@media(max-width:1100px){
  .about-stats-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .flexibility-card{
    grid-template-columns:1fr;
    gap:30px;
  }
  .contact-split-grid{
    grid-template-columns:1fr;
    gap:36px;
  }
}

@media(max-width:850px){
  .pillars-grid{
    grid-template-columns:1fr;
  }
  .about-cta-card{
    flex-direction:column;
    text-align:center;
  }
  .cta-right{
    justify-content:center;
    width:100%;
  }
  .contact-grid-2{
    grid-template-columns:1fr;
  }
  .modern-contact-form{
    padding:24px 18px;
  }
  .contact-submit-row{
    flex-direction:column-reverse;
    align-items:stretch;
  }
  .contact-submit-btn{
    width:100%;
    justify-content:center;
  }
}

@media(max-width:600px){
  .about-stats-grid{
    grid-template-columns:1fr;
  }
  .underwriters-logo-row{
    flex-direction:column;
  }
  .underwriter-logo-badge{
    width:100%;
    justify-content:center;
  }
}

/* ==========================================================================
   10. Privacy Policy Page Styles
   ========================================================================== */
.privacy-hero-section{
  padding:150px 0 45px;
  background:radial-gradient(circle at 50% 12%, rgba(23,152,195,0.12) 0%, transparent 65%),
             radial-gradient(circle at 20% 30%, rgba(200,155,75,0.08) 0%, transparent 50%);
}

.privacy-effective-tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12.5px;
  color:var(--muted);
  margin-top:20px;
}
.privacy-effective-tag svg{
  color:#1798c3;
}
.dark .privacy-effective-tag svg{
  color:#38bdf8;
}

.privacy-content-section{
  padding:30px 0 90px;
}

.privacy-document-card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:28px;
  padding:44px 40px;
  max-width:920px;
  margin:0 auto;
  box-shadow:0 18px 45px rgba(16,18,22,0.04);
}
.dark .privacy-document-card{
  background:#141821;
  border-color:rgba(255,255,255,0.08);
  box-shadow:0 18px 45px rgba(0,0,0,0.35);
}

.privacy-highlight-box{
  background:linear-gradient(135deg, rgba(23,152,195,0.06) 0%, rgba(200,155,75,0.06) 100%);
  border:1px solid rgba(23,152,195,0.3);
  border-radius:22px;
  padding:28px 24px;
  margin-bottom:36px;
}
.dark .privacy-highlight-box{
  background:linear-gradient(135deg, rgba(56,189,248,0.08) 0%, rgba(200,155,75,0.08) 100%);
  border-color:rgba(56,189,248,0.25);
}

.highlight-box-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
}
.highlight-box-head .box-icon{
  color:#1798c3;
}
.dark .highlight-box-head .box-icon{
  color:#38bdf8;
}
.highlight-box-head h3{
  font-family:"DM Sans Variable",sans-serif;
  font-size:18px;
  font-weight:750;
  color:var(--ink);
  margin:0;
}
.dark .highlight-box-head h3{
  color:#ffffff;
}

.exact-user-copy{
  font-size:14.5px;
  line-height:1.75;
  color:var(--ink);
  margin:0;
  font-weight:500;
}
.dark .exact-user-copy{
  color:#e2e8f0;
}

.privacy-section-block{
  position:relative;
  padding-left:44px;
  margin-bottom:36px;
}
.privacy-section-block:last-child{
  margin-bottom:0;
}

.privacy-block-num{
  position:absolute;
  left:0;
  top:2px;
  font-family:"Instrument Serif",serif;
  font-size:26px;
  color:rgba(23,152,195,0.5);
  line-height:1;
}
.dark .privacy-block-num{
  color:#38bdf8;
}

.privacy-section-block h2{
  font-family:"DM Sans Variable",sans-serif;
  font-size:20px;
  font-weight:750;
  letter-spacing:-0.4px;
  color:var(--ink);
  margin:0 0 10px;
}
.dark .privacy-section-block h2{
  color:#ffffff;
}

.privacy-section-block p{
  font-size:14px;
  line-height:1.7;
  color:var(--muted);
  margin:0 0 12px;
}

.privacy-section-block ul{
  padding-left:20px;
  margin:0 0 12px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.privacy-section-block li{
  font-size:13.5px;
  line-height:1.6;
  color:var(--ink);
}
.dark .privacy-section-block li{
  color:#cbd5e1;
}

.privacy-contact-card{
  background:rgba(24,50,75,0.025);
  border:1px solid var(--line);
  border-radius:16px;
  padding:18px 20px;
  margin-top:14px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.dark .privacy-contact-card{
  background:rgba(255,255,255,0.025);
  border-color:rgba(255,255,255,0.08);
}

@media(max-width:768px){
  .privacy-document-card{
    padding:28px 20px;
  }
  .privacy-section-block{
    padding-left:0;
  }
  .privacy-block-num{
    position:static;
    margin-bottom:6px;
  }
}

/* Office Gallery Showcase */
.office-gallery-section {
  padding: 60px 0 80px;
}
.office-gallery-header {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 36px;
}
.office-gallery-grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 20px;
  height: 480px;
}
.office-gallery-card {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 16px 40px -10px rgba(0,0,0,0.12);
  border: 1px solid var(--line);
}
.dark .office-gallery-card {
  border-color: rgba(255,255,255,0.1);
  box-shadow: 0 16px 40px -10px rgba(0,0,0,0.5);
}
.office-gallery-card.main-card {
  grid-row: span 2;
}
.office-gallery-img {
  object-fit: cover;
  transition: transform 0.5s ease;
}
.office-gallery-card:hover .office-gallery-img {
  transform: scale(1.03);
}
.office-gallery-tag {
  position: absolute;
  bottom: 14px;
  left: 14px;
  padding: 8px 14px;
  background: rgba(18, 28, 39, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: #ffffff;
  font-size: 12px;
  font-weight: 650;
  border-radius: 999px;
  letter-spacing: 0.3px;
  border: 1px solid rgba(255,255,255,0.15);
}
@media (max-width: 850px) {
  .office-gallery-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    height: auto;
  }
  .office-gallery-card.main-card {
    grid-row: span 1;
    height: 300px;
  }
  .office-gallery-card {
    height: 240px;
  }
}


.process-intro .model-stage{height:375px;max-width:560px;width:calc(100% + 50px);margin:0 -25px 12px;overflow:visible}
.house-scene{position:relative;width:100%;height:100%;padding-bottom:0}
.house-switch-hint{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:12px;line-height:1.6;color:var(--muted);padding:0 8px;pointer-events:none}
.house-switch-hint>span:first-child{width:6px;height:6px;border-radius:50%;background:#9aabaf;flex-shrink:0;transition:background .4s,box-shadow .4s}
.house-switch-hint>span.lights-on{background:#e4b871;box-shadow:0 0 9px #edb35d80}
.house-light-switch{display:grid;place-items:center;width:44px;height:44px;padding:0;cursor:pointer;touch-action:manipulation;border-radius:7px;background:transparent;outline-offset:1px!important}
.house-switch-plate{display:grid;place-items:center;width:24px;height:32px;padding:4px;border-radius:3px;background:linear-gradient(125deg,#eceae4,#b5b4b0);border:1px solid #9c9d97;box-shadow:1px 2px 3px #13233255}
.house-switch-rocker{position:relative;display:block;width:14px;height:23px;border-radius:2px;background:linear-gradient(#f7f6f1 0%,#e1dfd7 50%,#bcbab3 100%);border:1px solid #a5a49e;box-shadow:inset 0 2px 1px #ffffffcf,0 1px 1px #50555470;transition:background .3s,box-shadow .3s}
.house-switch-rocker>span{display:block;position:absolute;bottom:4px;left:4px;width:4px;height:2px;background:#8b9894;border-radius:1px;transition:background .3s,box-shadow .3s}
.is-on .house-switch-rocker{background:linear-gradient(#b7b6af,#e5e2d8 60%,#f5f2e8);box-shadow:inset 0 2px 2px #54595155,0 1px 0 #ffffffa8}
.is-on .house-switch-rocker>span{background:#eeb65e;box-shadow:0 0 5px #ffc977}
.house-light-switch:hover .house-switch-plate{border-color:#84775a}
.house-switch-hint{pointer-events:auto;flex-wrap:wrap;gap:6px}
.house-scene canvas{cursor:grab;touch-action:pan-y!important}.house-scene canvas:active{cursor:grabbing}
.house-scene.is-switch-hovered,
.house-scene.is-switch-hovered canvas{cursor:pointer!important}
@media(max-width:850px) and (min-width:601px){.process-intro .model-stage{height:325px;width:calc(100% + 50px);margin-left:-25px}}
@media(max-width:600px){.process-intro .model-stage{height:345px;width:100%;margin:0 0 15px}.house-switch-hint{font-size:12px;padding:0}}

/* Center the interactive house and keep the sketch outside its walls. */
.process-section .process-grid{display:flex;flex-direction:column;align-items:center;gap:28px}
.process-section .process-intro{position:static;text-align:center;width:100%}
.process-section .model-note{justify-content:center;margin-top:20px}
.process-section .process-grid>.model-stage{width:100%;max-width:980px;height:640px;margin:0 auto;overflow:visible}
.process-section .process-steps{width:100%;max-width:760px;margin:25px auto 0}
.night-discovery{position:absolute;width:240px;height:120px;left:0;top:-60px;pointer-events:none;color:#ffffff!important;opacity:0;filter:blur(14px);transform:translateY(6px) scale(0.96);transition:opacity .55s cubic-bezier(0.16,1,0.3,1),filter .55s cubic-bezier(0.16,1,0.3,1),transform .55s cubic-bezier(0.16,1,0.3,1);z-index:15}
.night-discovery.is-center{opacity:1;filter:blur(0px);transform:translateY(0) scale(1);pointer-events:auto}
.night-discovery-trigger{background:none;border:none;padding:0;cursor:pointer!important;pointer-events:auto!important;text-align:left;color:#ffffff!important;display:block;outline:none}
.night-text-group{position:absolute;left:80px;top:-10px;display:flex;flex-direction:column;align-items:flex-start;transform:rotate(-2deg);transform-origin:left center;transition:opacity .3s,transform .3s;user-select:none;cursor:pointer}
.night-discovery-trigger:hover .night-text-group{opacity:.95;transform:rotate(-2deg) scale(1.04)}
.night-title{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:32px;line-height:1.05;color:#ffffff!important;text-shadow:0 2px 12px rgba(10,20,35,.85),0 1px 3px rgba(0,0,0,.7);white-space:nowrap}
.night-subtitle{display:block;font-family:'DM Sans Variable',Arial,sans-serif;font-style:normal;font-weight:550;font-size:13px;line-height:1.35;color:rgba(255,255,255,0.95)!important;text-shadow:0 1px 8px rgba(10,20,35,.85),0 1px 2px rgba(0,0,0,.7);margin-top:3px;white-space:nowrap}
.night-discovery svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.night-discovery path{stroke:#ffffff!important;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:opacity .3s;filter:drop-shadow(0 2px 6px rgba(10,20,35,.75));pointer-events:none}
.night-discovery:hover path{opacity:.95}
@media(max-width:600px){.process-section .process-grid>.model-stage{height:430px;width:calc(100% + 20px);max-width:none}.night-discovery{width:200px;height:100px}.night-text-group{left:62px;top:-8px}.night-title{font-size:24px}.night-subtitle{font-size:11.5px}}

/* Custom UI floating badge / tooltip for the 3D wall light switch */
.switch-custom-tooltip{position:absolute;z-index:20;display:inline-flex;align-items:center;gap:7px;padding:7px 14px;background:rgba(15,23,35,.94);color:#ffffff;border:1px solid rgba(255,255,255,.24);border-radius:999px;font-family:'DM Sans Variable',Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:.01em;white-space:nowrap;box-shadow:0 8px 24px rgba(10,20,35,.45),0 2px 6px rgba(0,0,0,.25);pointer-events:auto;cursor:pointer;opacity:0;transform:translate(-50%, -100%) translateY(6px) scale(.92);transition:opacity .22s cubic-bezier(0.16,1,0.3,1),transform .22s cubic-bezier(0.16,1,0.3,1),filter .22s cubic-bezier(0.16,1,0.3,1),background .2s,border-color .2s;filter:blur(4px);user-select:none;outline:none}
.switch-custom-tooltip.is-visible{opacity:1;transform:translate(-50%, -100%) translateY(0) scale(1);filter:blur(0px)}
.switch-custom-tooltip:hover{transform:translate(-50%, -100%) translateY(-2px) scale(1.04);background:rgba(20,32,48,.98);border-color:#38bdf8}
.tooltip-indicator{width:7px;height:7px;border-radius:50%;background:#94a3b8;flex-shrink:0;transition:background .3s,box-shadow .3s}
.tooltip-indicator.is-on{background:#f59e0b;box-shadow:0 0 8px #f59e0b}
.dark .switch-custom-tooltip{background:rgba(24,32,44,.95);border-color:rgba(255,215,140,.32);box-shadow:0 8px 26px rgba(0,0,0,.55),0 0 12px rgba(245,158,11,.25)}
.dark .switch-custom-tooltip:hover{border-color:#f59e0b}

/* ==========================================================================
   Advanced Blurred Scroll-Reveal Animations (Headings, Cards, Columns, Badges)
   ========================================================================== */
.reveal,
.reveal-heading,
.reveal-card,
.reveal-left,
.reveal-right,
.reveal-scale{
  opacity: 0;
  will-change: opacity, transform, filter;
  backface-visibility: hidden;
}

/* 1. General Reveal Fallback */
.reveal{
  transform: translateY(28px);
  filter: blur(12px);
  transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.85s cubic-bezier(0.16, 1, 0.3, 1),
              filter 0.85s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal.is-visible{
  opacity: 1;
  transform: translateY(0);
  filter: blur(0px);
}

/* 2. Section Headings & Intros (Sleek blur-rise) */
.reveal-heading,
.editorial-intro.reveal,
.reels-header.reveal,
.testimonials-header.reveal,
.service-section-header.reveal,
.contact-info-header.reveal,
.services-hero-header.reveal{
  transform: translateY(22px);
  filter: blur(10px);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1),
              filter 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal-heading.is-visible,
.editorial-intro.reveal.is-visible,
.reels-header.reveal.is-visible,
.testimonials-header.reveal.is-visible,
.service-section-header.reveal.is-visible,
.contact-info-header.reveal.is-visible,
.services-hero-header.reveal.is-visible{
  opacity: 1;
  transform: translateY(0);
  filter: blur(0px);
}

/* 3. Cards & Grid Items (Deep blur-lift with scale) */
.reveal-card,
.service-card-wrap.reveal,
.reel-card-item.reveal,
.workflow-step-card.reveal,
.lender-feature-card.reveal,
.feature-card.reveal,
.office-gallery-card.reveal,
.leadership-profile-card.reveal,
.contact-method-card.reveal,
.order-sidebar-card.reveal{
  transform: translateY(36px) scale(0.96);
  filter: blur(14px);
  transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.9s cubic-bezier(0.16, 1, 0.3, 1),
              filter 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal-card.is-visible,
.service-card-wrap.reveal.is-visible,
.reel-card-item.reveal.is-visible,
.workflow-step-card.reveal.is-visible,
.lender-feature-card.reveal.is-visible,
.feature-card.reveal.is-visible,
.office-gallery-card.reveal.is-visible,
.leadership-profile-card.reveal.is-visible,
.contact-method-card.reveal.is-visible,
.order-sidebar-card.reveal.is-visible{
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0px);
}

/* 4. Left-Entering Columns & Visuals (Soft lateral blur) */
.reveal-left,
.about-photo-col.reveal,
.service-detail-media.reveal,
.contact-info-col.reveal{
  transform: translateX(-35px) scale(0.97);
  filter: blur(14px);
  transition: opacity 0.95s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.95s cubic-bezier(0.16, 1, 0.3, 1),
              filter 0.95s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal-left.is-visible,
.about-photo-col.reveal.is-visible,
.service-detail-media.reveal.is-visible,
.contact-info-col.reveal.is-visible{
  opacity: 1;
  transform: none;
  filter: blur(0px);
}

/* 5. Right-Entering Columns & Content */
.reveal-right,
.about-content-col.reveal,
.service-detail-content.reveal,
.contact-form-col.reveal{
  transform: translateX(35px) scale(0.97);
  filter: blur(14px);
  transition: opacity 0.95s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.95s cubic-bezier(0.16, 1, 0.3, 1),
              filter 0.95s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal-right.is-visible,
.about-content-col.reveal.is-visible,
.service-detail-content.reveal.is-visible,
.contact-form-col.reveal.is-visible{
  opacity: 1;
  transform: none;
  filter: blur(0px);
}

/* 6. Scale / Zoom Badges & Micro Elements */
.reveal-scale,
.about-eyebrow-tag.reveal,
.order-hero-badge.reveal,
.underwriters-inner.reveal{
  transform: scale(0.9);
  filter: blur(10px);
  transition: opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.75s cubic-bezier(0.16, 1, 0.3, 1),
              filter 0.75s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal-scale.is-visible,
.about-eyebrow-tag.reveal.is-visible,
.order-hero-badge.reveal.is-visible,
.underwriters-inner.reveal.is-visible{
  opacity: 1;
  transform: scale(1);
  filter: blur(0px);
}

/* Automatic Stagger Delays for Cards */
.services-grid > .service-card-wrap:nth-child(1),
.reels-grid > .reel-card-item:nth-child(1),
.workflow-steps-grid > .workflow-step-card:nth-child(1),
.lender-features-grid > .lender-feature-card:nth-child(1),
.office-gallery-grid > .office-gallery-card:nth-child(1),
.reveal-delay-1{
  transition-delay: 0.06s;
}
.services-grid > .service-card-wrap:nth-child(2),
.reels-grid > .reel-card-item:nth-child(2),
.workflow-steps-grid > .workflow-step-card:nth-child(2),
.lender-features-grid > .lender-feature-card:nth-child(2),
.office-gallery-grid > .office-gallery-card:nth-child(2),
.reveal-delay-2{
  transition-delay: 0.16s;
}
.services-grid > .service-card-wrap:nth-child(3),
.reels-grid > .reel-card-item:nth-child(3),
.workflow-steps-grid > .workflow-step-card:nth-child(3),
.lender-features-grid > .lender-feature-card:nth-child(3),
.office-gallery-grid > .office-gallery-card:nth-child(3),
.reveal-delay-3{
  transition-delay: 0.26s;
}
.workflow-steps-grid > .workflow-step-card:nth-child(4),
.lender-features-grid > .lender-feature-card:nth-child(4),
.reveal-delay-4{
  transition-delay: 0.36s;
}

@media (prefers-reduced-motion: reduce) {
  .reveal,
  .reveal-heading,
  .reveal-card,
  .reveal-left,
  .reveal-right,
  .reveal-scale{
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
}
/* Glassmorphic Contact Modal Lightbox */
.contact-modal{position:fixed;inset:0;z-index:99999;display:none;place-items:center;padding:18px;background:rgba(4,9,16,0.65);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overscroll-behavior:contain;touch-action:none}
.contact-modal.is-open{display:grid;animation:contactModalFadeIn .22s cubic-bezier(0.16,1,0.3,1) forwards}
@keyframes contactModalFadeIn{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}
.contact-modal-panel{width:100%;max-width:440px;position:relative;background:#ffffff;border:1px solid rgba(226,232,240,0.9);border-radius:28px;padding:32px 28px 24px;box-shadow:0 25px 70px -10px rgba(0,0,0,0.38),0 0 0 1px rgba(255,255,255,1);display:flex;flex-direction:column;align-items:flex-start;text-align:left;box-sizing:border-box}
.dark .contact-modal-panel{background:#18202c;border-color:rgba(255,255,255,0.16);box-shadow:0 30px 80px -15px rgba(0,0,0,0.85),0 0 0 1px rgba(255,255,255,0.08)}
.contact-modal-close{position:absolute;right:18px;top:18px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,0.65);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.8);color:var(--ink);cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease;z-index:5}
.contact-modal-close:hover{background:rgba(217,45,32,0.9);color:#ffffff;border-color:transparent;transform:scale(1.08)}
.dark .contact-modal-close{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.15);color:#ffffff}
.contact-modal-badge{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;background:rgba(23,152,195,0.1);border:1px solid rgba(23,152,195,0.25);color:#1798c3;font-family:"DM Sans Variable",sans-serif;font-size:11px;font-weight:700;letter-spacing:1.2px;margin-bottom:12px}
.dark .contact-modal-badge{background:rgba(56,189,248,0.15);border-color:rgba(56,189,248,0.3);color:#38bdf8}
.contact-modal-title{font-family:"DM Sans Variable",sans-serif;font-size:28px;font-weight:650;line-height:1.15;letter-spacing:-0.8px;color:var(--ink);margin:0 0 6px}
.dark .contact-modal-title{color:#ffffff}
.contact-modal-title em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;color:#1798c3}
.dark .contact-modal-title em{color:#38bdf8}
.contact-modal-subtitle{font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 20px}
.dark .contact-modal-subtitle{color:#94a3b8}
.contact-modal-actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-bottom:18px}
.contact-action-card{display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:18px;background:#f8fafc;border:1.5px solid #e2e8f0;text-decoration:none;color:var(--ink);transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}
.dark .contact-action-card{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.1);color:#ffffff}
.contact-action-card:hover{transform:translateY(-2px);background:rgba(255,255,255,0.95);border-color:rgba(23,152,195,0.5);box-shadow:0 8px 24px -6px rgba(23,152,195,0.18)}
.dark .contact-action-card:hover{background:rgba(255,255,255,0.1);border-color:rgba(56,189,248,0.4);box-shadow:0 8px 24px -6px rgba(0,0,0,0.5)}
.contact-action-call, .contact-action-sms{border-color:rgba(23,152,195,0.35)}
.dark .contact-action-call, .dark .contact-action-sms{border-color:rgba(56,189,248,0.25)}
.contact-action-icon{width:40px;height:40px;border-radius:12px;background:rgba(23,152,195,0.12);color:#1798c3;display:grid;place-items:center;flex-shrink:0;transition:transform .2s ease,background .2s ease,color .2s ease}
.dark .contact-action-icon{background:rgba(56,189,248,0.16);color:#38bdf8}
.contact-action-card:hover .contact-action-icon{background:#1798c3;color:#ffffff;transform:scale(1.05)}
.dark .contact-action-card:hover .contact-action-icon{background:#38bdf8;color:#0b131e}
.contact-action-info{display:flex;flex-direction:column;gap:2px;flex:1}
.contact-action-main{font-family:"DM Sans Variable",sans-serif;font-size:15.5px;font-weight:700;letter-spacing:-0.2px;color:var(--ink)}
.dark .contact-action-main{color:#ffffff}
.contact-action-sub{font-size:12px;color:var(--muted);font-weight:500}
.dark .contact-action-sub{color:#94a3b8}
.contact-modal-footer{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);width:100%;padding-top:14px;margin-top:8px;border-top:1px solid rgba(24,50,75,0.08)}
.dark .contact-modal-footer{border-top-color:rgba(255,255,255,0.08);color:#94a3b8}
.contact-modal-footer svg{color:#1798c3;flex-shrink:0}
.dark .contact-modal-footer svg{color:#38bdf8}
.earnest-modal-panel{max-width:480px}
.house-scene canvas{display:block;width:100%;height:100%}.scene-overlay{position:absolute;inset:0;pointer-events:none;overflow:visible}.scene-tooltip{position:absolute;transform:translate(-50%,-100%)}.scene-discovery{position:absolute;transform:translate(-2px,-3px)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.mobile-nav.is-open{display:flex}.custom-select-menu[hidden]{display:none!important}.invitation-success-card[hidden]{display:none!important}.invitation-form[hidden]{display:none!important}
.reel-modal-overlay[hidden]{display:none!important}
.icon{width:1em;height:1em;display:inline-block;vertical-align:-.125em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.about-founder-img{position:absolute;inset:0;width:100%;height:100%;display:block}


/* ===== V2 full-site static enhancements ===== */
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.service-card-media img,.service-visual-media img,.office-gallery-card img{width:100%;height:100%;object-fit:cover;display:block}
.service-card-clickable{display:block;text-decoration:none}
.order-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.order-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.order-check-list{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px;color:var(--muted);font-size:14px;line-height:1.5}
.order-sidebar-card{position:relative;padding:26px 24px;border:1px solid var(--line);border-radius:22px;background:var(--surface);margin-bottom:18px;box-shadow:0 10px 28px -6px rgba(18,36,60,0.05);transition:border-color .25s ease,box-shadow .25s ease;box-sizing:border-box}
.order-sidebar-card h3,.order-sidebar-card h4{margin:0 0 10px;color:var(--ink)}
.order-sidebar-card p{color:var(--muted);font-size:13.5px;line-height:1.55}
.order-sidebar-card a{color:#1798c3;text-decoration:none;display:block;margin-top:8px}
.dark .order-sidebar-card{background:#141822;border-color:rgba(255,255,255,0.08);box-shadow:0 12px 30px -8px rgba(0,0,0,0.45)}

/* Enhanced Why Order Card */
.order-why-card{border-color:rgba(23,152,195,0.28);background:linear-gradient(175deg,rgba(255,255,255,0.98) 0%,rgba(240,246,252,0.7) 100%);box-shadow:0 16px 36px -10px rgba(23,152,195,0.12),0 0 0 1px rgba(255,255,255,0.8) inset;overflow:hidden;padding-top:28px}
.order-why-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3.5px;background:linear-gradient(90deg,#1798c3,#38bdf8,#8dc7de)}
.dark .order-why-card{border-color:rgba(56,189,248,0.22);background:linear-gradient(175deg,#161d2b 0%,#11151f 100%);box-shadow:0 16px 36px -10px rgba(0,0,0,0.55);box-shadow:0 0 0 1px rgba(255,255,255,0.05) inset}
.order-why-badge{display:inline-flex;align-items:center;gap:6px;font-family:"DM Sans Variable",sans-serif;font-size:11px;font-weight:750;letter-spacing:.8px;text-transform:uppercase;color:#1798c3;background:rgba(23,152,195,0.09);border:1px solid rgba(23,152,195,0.22);padding:4px 10px;border-radius:999px;margin-bottom:12px}
.dark .order-why-badge{color:#38bdf8;background:rgba(56,189,248,0.12);border-color:rgba(56,189,248,0.25)}
.order-why-title{font-family:"DM Sans Variable",sans-serif;font-size:18.5px;font-weight:750;letter-spacing:-0.4px;color:var(--ink);line-height:1.28;margin:0 0 16px}
.dark .order-why-title{color:#ffffff}
.order-benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
.order-benefit-item{display:flex;align-items:flex-start;gap:12px;padding:9px 10px;border-radius:14px;transition:background .2s ease,transform .2s ease}
.order-benefit-item:hover{background:rgba(23,152,195,0.05);transform:translateX(3px)}
.dark .order-benefit-item:hover{background:rgba(56,189,248,0.06)}
.order-benefit-icon{width:22px;height:22px;border-radius:50%;background:rgba(23,152,195,0.12);color:#1798c3;display:grid;place-items:center;flex-shrink:0;margin-top:2px;border:1px solid rgba(23,152,195,0.24);transition:transform .2s ease,background .2s ease,color .2s ease}
.order-benefit-item:hover .order-benefit-icon{background:#1798c3;color:#ffffff;transform:scale(1.08)}
.dark .order-benefit-icon{background:rgba(56,189,248,0.16);color:#38bdf8;border-color:rgba(56,189,248,0.3)}
.dark .order-benefit-item:hover .order-benefit-icon{background:#38bdf8;color:#0f172a}
.order-benefit-content{display:flex;flex-direction:column;gap:2px}
.order-benefit-content strong{font-family:"DM Sans Variable",sans-serif;font-size:13.5px;font-weight:700;letter-spacing:-0.2px;color:var(--ink);line-height:1.3}
.dark .order-benefit-content strong{color:#ffffff}
.order-benefit-content p{font-size:12.5px;line-height:1.48;color:var(--muted);margin:0}
.order-why-footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px dashed var(--line)}
.dark .order-why-footer{border-top-color:rgba(255,255,255,0.1)}
.order-why-pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--muted);background:rgba(24,50,75,0.04);padding:4px 10px;border-radius:999px;border:1px solid var(--line)}
.dark .order-why-pill{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.08);color:#94a3b8}
.order-why-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px rgba(16,185,129,0.5);display:inline-block}

/* Drop-off & Contact Card Enhancements */
.order-sidebar-card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.order-sidebar-icon{width:32px;height:32px;border-radius:10px;background:rgba(23,152,195,0.1);color:#1798c3;display:grid;place-items:center;flex-shrink:0}
.dark .order-sidebar-icon{background:rgba(56,189,248,0.15);color:#38bdf8}
.order-dropoff-card h3{font-family:"DM Sans Variable",sans-serif;font-size:15.5px;font-weight:700;letter-spacing:-0.3px;color:var(--ink);margin:0}
.dark .order-dropoff-card h3{color:#ffffff}
.order-dropoff-card p{font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 12px}
.order-map-link{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;font-weight:600;color:#1798c3;text-decoration:none;padding:8px 12px;border-radius:10px;background:rgba(23,152,195,0.06);border:1px solid rgba(23,152,195,0.15);transition:all .2s ease;margin-top:0!important}
.order-map-link:hover{background:#1798c3;color:#ffffff;transform:translateY(-1px)}
.dark .order-map-link{color:#38bdf8;background:rgba(56,189,248,0.08);border-color:rgba(56,189,248,0.2)}
.dark .order-map-link:hover{background:#38bdf8;color:#0f172a}
.order-contact-card h4{font-family:"DM Sans Variable",sans-serif;font-size:15px;font-weight:700;letter-spacing:-0.3px;color:var(--ink);margin:0 0 12px}
.dark .order-contact-card h4{color:#ffffff}
.order-contact-links{display:flex;flex-direction:column;gap:8px}
.order-quick-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--ink);text-decoration:none;padding:8px 12px;border-radius:10px;background:rgba(24,50,75,0.03);border:1px solid var(--line);transition:all .2s ease;margin-top:0!important}
.order-quick-link:hover{border-color:rgba(23,152,195,0.4);color:#1798c3;background:rgba(23,152,195,0.05);transform:translateX(3px)}
.dark .order-quick-link{color:#e2e8f0;background:rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.08)}
.dark .order-quick-link:hover{color:#38bdf8;border-color:rgba(56,189,248,0.3);background:rgba(56,189,248,0.08)}
.order-quick-link svg{color:#1798c3;flex-shrink:0}
.dark .order-quick-link svg{color:#38bdf8}

.wire-fraud-warning{display:flex;gap:14px;padding:18px;border:1px solid rgba(217,119,6,.25);background:rgba(217,119,6,.06);border-radius:18px;margin-top:20px}
.wire-fraud-warning svg{flex:none;color:#b45309}.wire-fraud-warning strong{display:block;margin-bottom:5px;color:var(--ink)}.wire-fraud-warning p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.dark .wire-fraud-warning{border-color:rgba(251,191,36,.22);background:rgba(251,191,36,.05)}.dark .wire-fraud-warning svg{color:#fbbf24}
[data-form-success][hidden],[data-tab-panel][hidden],.faq-answer[hidden]{display:none!important}
.realtor-custom-form .form-field{margin-bottom:16px}
.realtor-custom-form .form-input,.realtor-custom-form .form-textarea{width:100%;box-sizing:border-box}
.privacy-contact-card{display:flex;flex-direction:column;gap:12px;margin-top:18px;padding:20px;background:rgba(24,50,75,0.03);border:1px solid var(--line);border-radius:18px}
.dark .privacy-contact-card{background:rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.08)}
.contact-detail-row{display:flex;align-items:center;gap:12px;font-size:14.5px;color:var(--ink)}
.dark .contact-detail-row{color:#e2e8f0}
.contact-detail-row a{color:inherit;text-decoration:none;transition:color .2s ease}
.contact-detail-row a:hover{color:#1798c3}
.dark .contact-detail-row a:hover{color:#38bdf8}
.privacy-detail-icon{color:#1798c3;flex-shrink:0}
.dark .privacy-detail-icon{color:#38bdf8}
.social-icon-svg{display:block;margin:auto}
.theme-icon-svg{display:inline-block;vertical-align:middle}
.footer-contact-icon{display:inline-block;vertical-align:middle}
@media(max-width:850px){.order-grid-2,.order-grid-3{grid-template-columns:1fr}.order-title-split-grid{grid-template-columns:1fr}.order-sidebar{display:grid;grid-template-columns:1fr;gap:0}.service-card-clickable{min-height:480px}}
@media(max-width:600px){.service-card-clickable{min-height:460px}}
@media(max-width:420px){.service-card-clickable{min-height:450px}}

/* ==========================================================================
   Unified Realtor Section (Clean & Non-Boxy)
   ========================================================================== */
.realtor-experience-section{
  padding:70px 0 90px;
  position:relative;
  z-index:10;
  box-sizing:border-box;
}
.service-subheading-tag{
  display:inline-block;
  font-family:"DM Sans Variable",sans-serif;
  font-size:11.5px;
  font-weight:750;
  letter-spacing:1px;
  color:#1798c3;
  text-transform:uppercase;
  margin-bottom:4px;
}
.dark .service-subheading-tag{
  color:#38bdf8;
}

.realtor-unified-grid{
  display:grid;
  grid-template-columns:1.15fr 0.95fr;
  gap:44px;
  align-items:stretch;
  margin-top:20px;
  box-sizing:border-box;
}

/* Left Column: Pillars */
.realtor-pillars-col{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:28px;
}
.realtor-col-heading .col-kicker{
  display:inline-block;
  font-family:"DM Sans Variable",sans-serif;
  font-size:11px;
  font-weight:750;
  letter-spacing:0.8px;
  color:#1798c3;
  text-transform:uppercase;
  margin-bottom:6px;
}
.dark .realtor-col-heading .col-kicker{
  color:#38bdf8;
}
.realtor-col-heading h3{
  font-family:"DM Sans Variable",sans-serif;
  font-size:24px;
  font-weight:750;
  letter-spacing:-0.5px;
  color:var(--ink);
  margin:0 0 6px;
}
.dark .realtor-col-heading h3{
  color:#ffffff;
}
.realtor-col-heading p{
  font-size:14.5px;
  line-height:1.55;
  color:var(--muted);
  margin:0;
}

.realtor-pillars-list{
  display:flex;
  flex-direction:column;
  gap:20px;
}
.pillar-item{
  display:flex;
  align-items:flex-start;
  gap:16px;
  padding:14px 16px;
  border-radius:18px;
  background:transparent;
  transition:background .2s ease;
}
.pillar-item:hover{
  background:rgba(23,152,195,0.04);
}
.dark .pillar-item:hover{
  background:rgba(56,189,248,0.05);
}
.pillar-icon{
  width:42px;
  height:42px;
  border-radius:12px;
  background:rgba(23,152,195,0.1);
  color:#1798c3;
  display:grid;
  place-items:center;
  flex-shrink:0;
  margin-top:2px;
  transition:transform .2s ease;
}
.dark .pillar-icon{
  background:rgba(56,189,248,0.15);
  color:#38bdf8;
}
.pillar-item:hover .pillar-icon{
  transform:scale(1.08);
}
.pillar-content h4{
  font-family:"DM Sans Variable",sans-serif;
  font-size:16px;
  font-weight:700;
  color:var(--ink);
  margin:0 0 4px;
}
.dark .pillar-content h4{
  color:#ffffff;
}
.pillar-content p{
  font-size:13.5px;
  line-height:1.55;
  color:var(--muted);
  margin:0;
}

.realtor-highlights-strip{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding-top:14px;
  border-top:1px solid var(--line);
}
.highlight-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 14px;
  border-radius:999px;
  font-family:"DM Sans Variable",sans-serif;
  font-size:12px;
  font-weight:650;
  background:rgba(24,50,75,0.04);
  color:var(--ink);
  border:1px solid var(--line);
}
.dark .highlight-chip{
  background:rgba(255,255,255,0.04);
  color:#cbd5e1;
  border-color:rgba(255,255,255,0.08);
}
.highlight-chip svg{
  color:#1798c3;
}
.dark .highlight-chip svg{
  color:#38bdf8;
}

/* Right Column: 4-Step Closing Journey Card */
.realtor-journey-col{
  display:flex;
}
.journey-card-wrap{
  width:100%;
  padding:36px 32px;
  border-radius:26px;
  background:linear-gradient(145deg, rgba(23,152,195,0.04) 0%, rgba(200,155,75,0.03) 100%), var(--surface);
  border:1px solid rgba(23,152,195,0.2);
  box-shadow:0 18px 45px rgba(16,18,22,0.05);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:24px;
  box-sizing:border-box;
}
.dark .journey-card-wrap{
  background:linear-gradient(145deg, rgba(20,24,33,0.95) 0%, rgba(15,20,30,0.95) 100%);
  border-color:rgba(56,189,248,0.18);
  box-shadow:0 18px 45px rgba(0,0,0,0.4);
}
.journey-card-header .col-kicker{
  display:inline-block;
  font-family:"DM Sans Variable",sans-serif;
  font-size:11px;
  font-weight:750;
  letter-spacing:0.8px;
  color:#1798c3;
  text-transform:uppercase;
  margin-bottom:6px;
}
.dark .journey-card-header .col-kicker{
  color:#38bdf8;
}
.journey-card-header h3{
  font-family:"DM Sans Variable",sans-serif;
  font-size:22px;
  font-weight:750;
  letter-spacing:-0.5px;
  color:var(--ink);
  margin:0 0 4px;
}
.dark .journey-card-header h3{
  color:#ffffff;
}
.journey-card-header p{
  font-size:13.5px;
  color:var(--muted);
  margin:0;
}

.journey-track-list{
  display:flex;
  flex-direction:column;
  gap:0;
  position:relative;
}
.journey-step-item{
  display:flex;
  align-items:flex-start;
  gap:16px;
  position:relative;
  padding-bottom:22px;
}
.journey-step-item:last-child{
  padding-bottom:0;
}
.journey-step-badge{
  display:flex;
  flex-direction:column;
  align-items:center;
  flex-shrink:0;
}
.step-num{
  width:32px;
  height:32px;
  border-radius:50%;
  background:#1798c3;
  color:#ffffff;
  font-family:"DM Sans Variable",sans-serif;
  font-size:12.5px;
  font-weight:800;
  display:grid;
  place-items:center;
  box-shadow:0 4px 12px rgba(23,152,195,0.25);
}
.dark .step-num{
  background:#38bdf8;
  color:#0b131e;
  box-shadow:0 4px 12px rgba(56,189,248,0.25);
}
.step-line{
  width:2px;
  flex:1;
  min-height:36px;
  background:linear-gradient(to bottom, rgba(23,152,195,0.5), rgba(23,152,195,0.1));
  margin:4px 0;
}
.dark .step-line{
  background:linear-gradient(to bottom, rgba(56,189,248,0.5), rgba(56,189,248,0.1));
}
.journey-step-info h4{
  font-family:"DM Sans Variable",sans-serif;
  font-size:15px;
  font-weight:700;
  color:var(--ink);
  margin:0 0 3px;
  line-height:1.3;
}
.dark .journey-step-info h4{
  color:#ffffff;
}
.journey-step-info p{
  font-size:13px;
  line-height:1.5;
  color:var(--muted);
  margin:0;
}

.journey-card-cta{
  padding-top:10px;
}
.journey-card-cta .button{
  width:100%;
  justify-content:center;
}

/* ==========================================================================
   Unified Lender Section (Clean & Non-Boxy)
   ========================================================================== */
.lender-experience-section{
  padding:70px 0 90px;
  position:relative;
  z-index:10;
  box-sizing:border-box;
}

.lender-unified-grid{
  display:grid;
  grid-template-columns:1.15fr 0.95fr;
  gap:44px;
  align-items:stretch;
  margin-top:20px;
  box-sizing:border-box;
}

.lender-pillars-col{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:28px;
}

.lender-highlights-strip{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding-top:14px;
  border-top:1px solid var(--line);
}

@media(max-width:980px){
  .realtor-unified-grid,
  .consumer-unified-grid,
  .lender-unified-grid{
    grid-template-columns:1fr;
    gap:36px;
  }
}

/* ==========================================================================
   Order Title Page Styles (Modern, Clean & Responsive)
   ========================================================================== */
.order-title-hero{
  position:relative;
  padding:155px 0 55px;
  box-sizing:border-box;
}
.order-hero-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 16px;
  border-radius:999px;
  background:rgba(23,152,195,0.08);
  border:1px solid rgba(23,152,195,0.22);
  color:#1798c3;
  font-family:"DM Sans Variable",sans-serif;
  font-size:12px;
  font-weight:750;
  letter-spacing:0.8px;
  text-transform:uppercase;
  margin-bottom:14px;
}
.dark .order-hero-badge{
  background:rgba(56,189,248,0.1);
  border-color:rgba(56,189,248,0.25);
  color:#38bdf8;
}
.order-hero-trust-bar{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.trust-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 16px;
  border-radius:999px;
  background:rgba(24,50,75,0.04);
  border:1px solid var(--line);
  color:var(--ink);
  font-family:"DM Sans Variable",sans-serif;
  font-size:13px;
  font-weight:600;
}
.dark .trust-pill{
  background:rgba(255,255,255,0.04);
  border-color:rgba(255,255,255,0.08);
  color:#cbd5e1;
}
.trust-pill svg{
  color:#1798c3;
}
.dark .trust-pill svg{
  color:#38bdf8;
}

.order-title-main-section{
  padding:20px 0 80px;
  position:relative;
  z-index:10;
}

.order-title-split-grid{
  display:grid;
  grid-template-columns:1.8fr 1fr;
  gap:40px;
  align-items:start;
}

.order-form-container{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:26px;
  padding:40px 36px;
  box-shadow:0 18px 45px rgba(16,18,22,0.05);
  box-sizing:border-box;
}
.dark .order-form-container{
  background:linear-gradient(145deg, rgba(20,24,33,0.95) 0%, rgba(15,20,30,0.95) 100%);
  border-color:rgba(56,189,248,0.18);
  box-shadow:0 18px 45px rgba(0,0,0,0.4);
}

.form-card-header{
  margin-bottom:28px;
  padding-bottom:20px;
  border-bottom:1px solid var(--line);
}
.form-step-tag{
  display:inline-block;
  font-family:"DM Sans Variable",sans-serif;
  font-size:11.5px;
  font-weight:750;
  letter-spacing:0.8px;
  color:#1798c3;
  text-transform:uppercase;
  margin-bottom:6px;
}
.dark .form-step-tag{
  color:#38bdf8;
}
.form-card-header h2{
  font-family:"DM Sans Variable",sans-serif;
  font-size:26px;
  font-weight:750;
  letter-spacing:-0.5px;
  color:var(--ink);
  margin:0 0 6px;
}
.dark .form-card-header h2{
  color:#ffffff;
}
.form-card-header p{
  font-size:14px;
  color:var(--muted);
  margin:0;
}

.form-fieldset{
  border:1px solid var(--line);
  border-radius:20px;
  padding:26px 24px;
  margin:0 0 24px 0;
  background:rgba(24,50,75,0.02);
  transition:border-color .2s ease, box-shadow .2s ease;
  box-sizing:border-box;
}
.dark .form-fieldset{
  background:rgba(255,255,255,0.02);
  border-color:rgba(255,255,255,0.08);
}
.form-fieldset:focus-within{
  border-color:rgba(23,152,195,0.45);
  box-shadow:0 4px 20px rgba(23,152,195,0.08);
}
.dark .form-fieldset:focus-within{
  border-color:rgba(56,189,248,0.4);
  box-shadow:0 4px 20px rgba(56,189,248,0.1);
}

.fieldset-header{
  display:flex;
  align-items:flex-start;
  gap:16px;
  margin-bottom:18px;
}
.fieldset-num{
  width:32px;
  height:32px;
  border-radius:50%;
  background:#1798c3;
  color:#ffffff;
  font-family:"DM Sans Variable",sans-serif;
  font-size:13px;
  font-weight:800;
  display:grid;
  place-items:center;
  flex-shrink:0;
  box-shadow:0 4px 12px rgba(23,152,195,0.25);
}
.dark .fieldset-num{
  background:#38bdf8;
  color:#0b131e;
  box-shadow:0 4px 12px rgba(56,189,248,0.25);
}
.fieldset-header h3{
  font-family:"DM Sans Variable",sans-serif;
  font-size:17px;
  font-weight:700;
  color:var(--ink);
  margin:0 0 3px;
}
.dark .fieldset-header h3{
  color:#ffffff;
}
.fieldset-header p{
  font-size:13px;
  color:var(--muted);
  margin:0;
}

.order-grid-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.order-grid-3{
  display:grid;
  grid-template-columns:1.2fr 1fr 1.3fr;
  gap:16px;
}

.input-group{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin-bottom:14px;
  width:100%;
  box-sizing:border-box;
}
.input-group:last-child{
  margin-bottom:0;
}
.input-group label{
  font-family:"DM Sans Variable",sans-serif;
  font-size:13px;
  font-weight:650;
  color:var(--ink);
}
.dark .input-group label{
  color:#e2e8f0;
}

.input-group input,
.input-group select,
.input-group textarea{
  font-family:inherit;
  font-size:14px;
  padding:12px 16px;
  border-radius:12px;
  border:1px solid var(--line);
  background:var(--surface);
  color:var(--ink);
  width:100%;
  box-sizing:border-box;
  outline:none;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.input-group .input-wrapper input{
  padding:12px 16px 12px 44px !important;
}
.input-group .input-wrapper .input-icon{
  left:15px;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
}
.dark .input-group input,
.dark .input-group select,
.dark .input-group textarea{
  background:rgba(255,255,255,0.04);
  border-color:rgba(255,255,255,0.12);
  color:#ffffff;
}
.input-group input::placeholder,
.input-group textarea::placeholder{
  color:var(--muted);
  opacity:0.75;
}
.input-group input:focus,
.input-group select:focus,
.input-group textarea:focus{
  border-color:#1798c3;
  box-shadow:0 0 0 3px rgba(23,152,195,0.18);
}
.dark .input-group input:focus,
.dark .input-group select:focus,
.dark .input-group textarea:focus{
  border-color:#38bdf8;
  box-shadow:0 0 0 3px rgba(56,189,248,0.22);
}

.order-dropzone{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:26px 20px;
  border:2px dashed rgba(23,152,195,0.35);
  border-radius:16px;
  background:rgba(23,152,195,0.03);
  cursor:pointer;
  transition:all .2s ease;
  margin:10px 0 16px;
  position:relative;
  box-sizing:border-box;
}
.dark .order-dropzone{
  border-color:rgba(56,189,248,0.3);
  background:rgba(56,189,248,0.03);
}
.order-dropzone:hover{
  border-color:#1798c3;
  background:rgba(23,152,195,0.07);
}
.dark .order-dropzone:hover{
  border-color:#38bdf8;
  background:rgba(56,189,248,0.07);
}
.order-dropzone svg{
  color:#1798c3;
  margin-bottom:8px;
}
.dark .order-dropzone svg{
  color:#38bdf8;
}
.order-dropzone strong{
  font-family:"DM Sans Variable",sans-serif;
  font-size:15px;
  font-weight:700;
  color:var(--ink);
  margin-bottom:4px;
}
.dark .order-dropzone strong{
  color:#ffffff;
}
.order-dropzone span{
  font-size:12.5px;
  color:var(--muted);
}
.order-dropzone input[type="file"]{
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
  width:100%;
  height:100%;
}

.order-form-submit-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:24px;
  padding-top:20px;
  border-top:1px solid var(--line);
  flex-wrap:wrap;
}
.order-title-submit-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:14px 28px;
  border-radius:999px;
  background:linear-gradient(135deg, #1798c3 0%, #0e7490 100%);
  color:#ffffff;
  font-family:"DM Sans Variable",sans-serif;
  font-size:15px;
  font-weight:700;
  border:none;
  cursor:pointer;
  box-shadow:0 10px 25px -5px rgba(23,152,195,0.4);
  transition:transform .2s ease, box-shadow .2s ease;
}
.order-title-submit-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px -5px rgba(23,152,195,0.5);
}
.order-form-submit-row p{
  font-size:12.5px;
  color:var(--muted);
  margin:0;
  max-width:320px;
  line-height:1.45;
}

.order-sidebar{
  display:flex;
  flex-direction:column;
  gap:20px;
  position:sticky;
  top:100px;
}
.order-sidebar-card{
  padding:26px 24px;
  border-radius:22px;
  background:var(--surface);
  border:1px solid var(--line);
  box-shadow:0 12px 30px rgba(16,18,22,0.04);
  box-sizing:border-box;
}
.dark .order-sidebar-card{
  background:linear-gradient(145deg, rgba(20,24,33,0.95) 0%, rgba(15,20,30,0.95) 100%);
  border-color:rgba(56,189,248,0.18);
  box-shadow:0 18px 45px rgba(0,0,0,0.4);
}
.order-sidebar-card h3,
.order-sidebar-card h4{
  font-family:"DM Sans Variable",sans-serif;
  font-size:16px;
  font-weight:700;
  color:var(--ink);
  margin:0 0 12px;
}
.dark .order-sidebar-card h3,
.dark .order-sidebar-card h4{
  color:#ffffff;
}
.order-sidebar-card p{
  font-size:13.5px;
  line-height:1.55;
  color:var(--muted);
  margin:0 0 12px;
}
.order-sidebar-card a{
  color:#1798c3;
  text-decoration:none;
  font-size:13.5px;
  font-weight:600;
  display:inline-block;
  line-height:1.5;
}
.dark .order-sidebar-card a{
  color:#38bdf8;
}
.order-check-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.order-check-list li{
  font-size:13.5px;
  color:var(--ink);
  display:flex;
  align-items:center;
  gap:8px;
}
.dark .order-check-list li{
  color:#cbd5e1;
}

.order-process-section{
  padding:70px 0 90px;
  position:relative;
  z-index:10;
}

@media(max-width:980px){
  .order-title-hero{
    padding:125px 0 40px;
  }
  .order-title-split-grid{
    grid-template-columns:1fr;
    gap:32px;
  }
  .order-sidebar{
    position:static;
  }
}
@media(max-width:680px){
  .order-title-hero{
    padding:110px 0 30px;
  }
  .order-form-container{
    padding:26px 18px;
  }
  .form-fieldset{
    padding:20px 16px;
  }
  .order-grid-2,
  .order-grid-3{
    grid-template-columns:1fr;
    gap:12px;
  }
  .order-form-submit-row{
    flex-direction:column;
    align-items:stretch;
  }
  .order-title-submit-btn{
    width:100%;
    justify-content:center;
  }
}

/* ==========================================================================
   Dual Deposit Selection Modal & Payload Integration (Compact & Clean)
   ========================================================================== */
.earnest-modal-panel {
  max-width: 410px !important;
  padding: 24px 22px 18px !important;
  border-radius: 20px !important;
}

.deposit-modal-heading {
  font-family: "DM Sans Variable", sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: var(--ink);
  margin: 0 0 4px;
}
.dark .deposit-modal-heading {
  color: #ffffff;
}

.deposit-modal-heading em {
  font-family: "Instrument Serif", Georgia, serif;
  font-style: italic;
  font-weight: 400;
  color: #1798c3;
}
.dark .deposit-modal-heading em {
  color: #38bdf8;
}

.deposit-modal-sub {
  font-size: 13px;
  color: var(--muted);
  line-height: 1.4;
  margin: 0 0 14px;
}
.dark .deposit-modal-sub {
  color: #94a3b8;
}

.deposit-small-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.deposit-small-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  background: #f8fafc;
  border: 1.5px solid #e2e8f0;
  border-radius: 14px;
  text-decoration: none;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
  position: relative;
  overflow: hidden;
}
.dark .deposit-small-box {
  background: rgba(30, 41, 59, 0.7);
  border-color: rgba(255, 255, 255, 0.12);
}

.deposit-small-box:hover {
  transform: translateY(-1.5px);
  box-shadow: 0 8px 20px -4px rgba(18, 38, 63, 0.1);
  background: #ffffff;
}
.dark .deposit-small-box:hover {
  background: rgba(30, 41, 59, 0.95);
  box-shadow: 0 8px 20px -4px rgba(0, 0, 0, 0.5);
}

.venture-small-box {
  border-left: 4px solid #1798c3;
}
.venture-small-box:hover {
  border-color: #1798c3;
}

.v1-small-box {
  border-left: 4px solid #d97706;
}
.v1-small-box:hover {
  border-color: #d97706;
}

.deposit-box-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.deposit-box-title {
  font-family: "DM Sans Variable", sans-serif;
  font-size: 14.5px;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -0.2px;
  line-height: 1.25;
}
.dark .deposit-box-title {
  color: #ffffff;
}

.deposit-box-sub {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.35;
  margin-top: 2px;
}
.dark .deposit-box-sub {
  color: #94a3b8;
}

.deposit-box-btn {
  font-family: "DM Sans Variable", sans-serif;
  font-size: 12px;
  font-weight: 650;
  padding: 6px 13px;
  border-radius: 8px;
  white-space: nowrap;
  flex-shrink: 0;
  transition: transform 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.venture-small-box .deposit-box-btn {
  background: rgba(23, 152, 195, 0.1);
  color: #1798c3;
}
.venture-small-box:hover .deposit-box-btn {
  background: #1798c3;
  color: #ffffff;
}
.dark .venture-small-box .deposit-box-btn {
  background: rgba(56, 189, 248, 0.15);
  color: #38bdf8;
}
.dark .venture-small-box:hover .deposit-box-btn {
  background: #38bdf8;
  color: #0f172a;
}

.v1-small-box .deposit-box-btn {
  background: rgba(217, 119, 6, 0.1);
  color: #d97706;
}
.v1-small-box:hover .deposit-box-btn {
  background: #d97706;
  color: #ffffff;
}
.dark .v1-small-box .deposit-box-btn {
  background: rgba(251, 191, 36, 0.15);
  color: #fbbf24;
}
.dark .v1-small-box:hover .deposit-box-btn {
  background: #fbbf24;
  color: #0f172a;
}

.deposit-modal-bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 14px;
  padding-top: 10px;
  border-top: 1px solid var(--line);
  font-size: 12px;
  color: var(--muted);
  text-align: center;
}
.dark .deposit-modal-bottom {
  border-top-color: rgba(255, 255, 255, 0.08);
  color: #94a3b8;
}
.deposit-modal-bottom a {
  color: var(--ink);
  font-weight: 600;
  text-decoration: underline;
  margin-left: 3px;
}
.dark .deposit-modal-bottom a {
  color: #f1f5f9;
}

/* ==========================================================================
   V1 Title Agency Section (Clean, Editorial & Spacious)
   ========================================================================== */
.v1-partner-section {
  padding: 90px 0 95px;
  position: relative;
  background: var(--paper);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  box-sizing: border-box;
}

.v1-partner-wrap {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.v1-partner-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 9999px;
  background: rgba(217, 119, 6, 0.08);
  border: 1px solid rgba(217, 119, 6, 0.22);
  font-family: "DM Sans Variable", sans-serif;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #b45309;
  margin-bottom: 18px;
}
.dark .v1-partner-badge {
  background: rgba(251, 191, 36, 0.12);
  border-color: rgba(251, 191, 36, 0.28);
  color: #fbbf24;
}

.v1-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d97706;
}
.dark .v1-dot {
  background: #fbbf24;
}

.v1-partner-title {
  font-family: "DM Sans Variable", sans-serif;
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.18;
  letter-spacing: -1.2px;
  color: var(--ink);
  margin: 0 0 16px;
}
.dark .v1-partner-title {
  color: #ffffff;
}

.v1-partner-title em {
  font-family: "Instrument Serif", Georgia, serif;
  font-style: italic;
  font-weight: 400;
  color: #d97706;
}
.dark .v1-partner-title em {
  color: #fbbf24;
}

.v1-partner-desc {
  max-width: 740px;
  margin: 0 0 24px;
}
.v1-partner-desc p {
  font-size: clamp(15px, 1.7vw, 16.5px);
  line-height: 1.68;
  color: var(--muted);
  margin: 0 0 12px;
}
.v1-partner-desc p:last-child {
  margin-bottom: 0;
}
.dark .v1-partner-desc p {
  color: #94a3b8;
}

.v1-partner-meta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--ink);
  opacity: 0.85;
  margin-bottom: 30px;
}
.dark .v1-partner-meta {
  color: #cbd5e1;
}
.v1-partner-meta svg {
  color: #d97706;
  flex-shrink: 0;
}
.dark .v1-partner-meta svg {
  color: #fbbf24;
}

.v1-partner-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .v1-partner-section {
    padding: 60px 0 65px;
  }
  .v1-partner-title {
    font-size: 27px;
    letter-spacing: -0.8px;
  }
  .v1-partner-desc {
    font-size: 14.5px;
    line-height: 1.6;
    margin-bottom: 18px;
  }
  .v1-partner-meta {
    display: block;
    font-size: 13.5px;
    margin-bottom: 24px;
    text-align: center;
    line-height: 1.55;
    padding: 0 10px;
  }
  .v1-partner-meta svg {
    display: none !important;
  }
  .v1-partner-actions {
    flex-direction: column;
    width: 100%;
    gap: 10px;
  }
  .v1-partner-actions .button {
    width: 100%;
    justify-content: center;
  }
}