/* BUILDConnect v0.7 — independent public home. The authenticated v0.2 dashboard remains unchanged. */
body.bc-guest{background:#fff}
body.bc-guest .topbar,body.bc-guest .prototype-note,body.bc-guest .app-shell,body.bc-guest .mobile-menu{display:none!important}
body.bc-member #bcWelcome{display:none!important}
.wl-site{color:#152b46;font-family:Manrope,Inter,'Segoe UI',Arial,sans-serif;font-size:14px;overflow:hidden;background:#fff}
.wl-site a{text-decoration:none}
.wl-site button,.wl-site a{transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.wl-site button:focus-visible,.wl-site a:focus-visible{outline:3px solid #79adfb;outline-offset:3px}
.wl-header{max-width:1510px;margin:auto;min-height:91px;padding:16px 56px;display:flex;align-items:center;gap:36px}
.wl-logo{display:flex;align-items:center;gap:11px;margin-right:auto;min-width:258px}
.wl-logo-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#eaf2ff;color:#1763d6}
.wl-logo-icon svg{width:31px;height:31px}
.wl-logo>span:last-child{font-size:26px;line-height:1.02;font-weight:850;letter-spacing:-1.3px;color:#122d50}
.wl-logo>span:last-child>span{color:#1665da}
.wl-logo small{display:block;letter-spacing:.05px;color:#8a9aaf;font-size:9px;margin-top:6px;font-weight:700}
.wl-nav{display:flex;align-items:center;gap:29px;margin-right:22px}
.wl-nav a{font-size:12px;font-weight:800;color:#52667e;white-space:nowrap}
.wl-nav a:hover{color:#135dc8}
.wl-actions{display:flex;align-items:center;gap:13px}
.wl-login{background:transparent;color:#22528f;border:0;font-size:12px;padding:14px 12px;font-weight:800}
.wl-login:hover{color:#1763d6}
.wl-cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:#155fdb;color:#fff;border:1px solid #155fdb;border-radius:10px;padding:15px 21px;font-size:12px;font-weight:850;box-shadow:0 9px 22px rgba(19,89,208,.16)}
.wl-cta:hover{background:#0d47af;transform:translateY(-2px);box-shadow:0 11px 28px rgba(19,89,208,.22)}
.wl-cta span{font-size:18px;font-weight:500}
.wl-cta-header{padding:12px 16px;gap:12px;white-space:nowrap}
.wl-hero{background:#f4f8fd;border-top:1px solid #edf1f7;border-bottom:1px solid #e9eff7;position:relative}
.wl-hero-inner{max-width:1510px;min-height:562px;margin:auto;display:grid;grid-template-columns:1.01fr .99fr;align-items:stretch}
.wl-hero-copy{padding:98px 54px 88px 56px;position:relative;z-index:2}
.wl-kicker{font-size:10px;letter-spacing:1.55px;font-weight:850;color:#2067c8;display:flex;gap:10px;align-items:center}
.wl-kicker-dot{height:7px;width:7px;background:#1e7dea;border-radius:50%;box-shadow:0 0 0 5px #e3eefc}
.wl-hero h1{font-size:clamp(44px,5.15vw,78px);line-height:1.115;font-weight:850;letter-spacing:-3.1px;margin:26px 0 23px;color:#132c4d}
.wl-hero h1 em{font-style:normal;color:#1763d3}
.wl-lead{max-width:560px;font-size:15px;line-height:1.9;color:#697f9b;margin:0 0 29px}
.wl-hero-buttons{display:flex;gap:15px;align-items:center;flex-wrap:wrap}
.wl-big{font-size:13px;padding:18px 22px;gap:22px}
.wl-secondary{font-size:12px;font-weight:850;padding:16px 18px;border:1px solid #d6e4f5;background:#fff;border-radius:9px;color:#25558f}
.wl-secondary:hover{background:#eaf3ff;border-color:#a9c7ed}
.wl-hero-bottom{font-size:11px;color:#758aa3;margin-top:24px;line-height:1.8}
.wl-tick{color:#18a778;font-weight:900;font-size:16px;vertical-align:-1px;margin-right:4px}
.wl-dot-divider{margin:0 6px;color:#b4c2d4}
.wl-hero-picture{background-image:linear-gradient(90deg,#f4f8fd 0%,rgba(244,248,253,.06) 21%),url('assets/hero-house.jpg');background-position:center,center 45%;background-size:cover;position:relative;min-height:500px}
.wl-hero-picture:after{content:'';width:215px;height:215px;position:absolute;right:-74px;top:-92px;border-radius:50%;border:38px solid rgba(211,229,250,.29)}
.wl-image-badge{position:absolute;bottom:39px;left:21%;display:flex;align-items:center;gap:13px;padding:15px 20px;background:rgba(255,255,255,.95);backdrop-filter:blur(9px);border-radius:13px;box-shadow:0 18px 40px rgba(17,47,88,.12)}
.wl-badge-symbol{display:grid;place-items:center;width:44px;height:44px;background:#eaf2fe;border-radius:10px;color:#165bd0;font-size:28px}
.wl-image-badge strong{font-size:14px;display:block;color:#1e395b}
.wl-image-badge small{display:block;margin-top:5px;color:#7a90aa;font-size:10px}
.wl-intro-strip{max-width:1310px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:white;padding:35px 18px}
.wl-intro-strip>div{display:flex;align-items:center;justify-content:center;gap:19px;border-right:1px solid #e9eef4;padding:2px 20px}
.wl-intro-strip>div:last-child{border:0}
.wl-strip-icon{color:#1b6cda;background:#ecf4ff;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:13px;font-weight:850}
.wl-intro-strip strong{display:block;font-size:13px;margin-bottom:4px}
.wl-intro-strip small{font-size:11px;color:#8ba0b6}
.wl-section{max-width:1400px;margin:auto;padding:82px 56px}
.wl-section-top{margin-bottom:32px}
.wl-overline{color:#236cce;font-size:10px;font-weight:850;letter-spacing:1.6px}
.wl-section-top h2,.wl-steps-copy h2{font-size:clamp(29px,3vw,45px);line-height:1.23;letter-spacing:-1.35px;color:#182f4c;margin:16px 0 12px}
.wl-section-top>p{max-width:520px;font-size:13px;color:#7c8fa6;line-height:1.75}
.wl-audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.wl-audience-card{background:#fff;border:1px solid #e6ecf5;padding:27px 25px 23px;border-radius:16px;box-shadow:0 10px 35px rgba(31,59,103,.035);min-height:284px;display:flex;flex-direction:column;align-items:flex-start}
.wl-audience-card:hover{border-color:#bcd3f4;box-shadow:0 16px 32px rgba(31,73,136,.08);transform:translateY(-3px)}
.wl-card-num{font-size:9px;color:#94a7bc;font-weight:850;letter-spacing:1.3px}
.wl-audience-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;font-size:27px;margin:18px 0 14px}
.wl-icon-blue{color:#fff;background:#1b63d4}.wl-icon-light{color:#155cb9;background:#e2efff}.wl-icon-dark{color:#fff;background:#153658}
.wl-audience-card h3{font-size:18px;letter-spacing:-.5px;margin:0 0 10px;color:#1d3554}
.wl-audience-card p{font-size:12px;color:#778ca5;line-height:1.75;margin:0 0 21px}
.wl-audience-card>a{margin-top:auto;color:#135bc8;font-weight:850;font-size:11px;padding:3px 0;text-decoration:none}
.wl-audience-card>a span{margin-left:12px;font-size:16px}
.wl-audience-card button{margin-top:auto;border:0;background:transparent;color:#135bc8;font-weight:850;font-size:11px;padding:3px 0}
.wl-audience-card button span{margin-left:12px;font-size:16px}
.wl-steps{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-top:58px;padding-bottom:90px}
.wl-steps-visual{height:510px;position:relative;border-radius:17px;overflow:hidden}
.wl-steps-visual img{width:100%;height:100%;object-fit:cover;display:block}
.wl-steps-float{background:#1254bd;color:#fff;position:absolute;right:0;bottom:0;padding:27px 33px;min-width:235px;min-height:170px;display:flex;flex-direction:column;justify-content:space-between}
.wl-steps-float>span{font-size:28px}
.wl-steps-float strong{font-size:22px;line-height:1.3;letter-spacing:-.6px}
.wl-steps-copy h2{margin:16px 0 27px}
.wl-step{display:flex;gap:21px;padding:16px 0;border-bottom:1px solid #eaf0f6}
.wl-step>span{color:#2a76d8;font-size:13px;font-weight:850;padding-top:3px}
.wl-step h3{font-size:15px;margin:0 0 7px}
.wl-step p{font-size:12px;line-height:1.75;color:#7d91a9;margin:0}
.wl-steps-copy>.wl-cta{margin-top:25px}
.wl-featured{padding-top:65px;padding-bottom:92px}
.wl-featured-top{display:flex;align-items:end;justify-content:space-between;gap:20px}
.wl-demo-pill{background:#eef5ff;color:#3670c8;border:1px solid #d6e5fa;padding:9px 13px;border-radius:30px;font-size:10px;font-weight:850;white-space:nowrap}
.wl-featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.wl-project-card{border:1px solid #e5ecf5;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 6px 22px rgba(18,50,90,.04)}
.wl-project-photo{height:218px;overflow:hidden;position:relative}
.wl-project-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.wl-project-card:hover img{transform:scale(1.045)}
.wl-project-photo span{position:absolute;left:15px;top:15px;background:rgba(255,255,255,.95);padding:8px 10px;border-radius:6px;color:#34628b;font-size:9px;font-weight:900;letter-spacing:.6px}
.wl-project-info{padding:21px 21px 23px}
.wl-project-info>small{color:#7592b2;font-size:10px;font-weight:800}
.wl-project-info h3{margin:12px 0 10px;color:#1c395b;font-size:17px;line-height:1.4;letter-spacing:-.25px}
.wl-project-info p{font-size:11px;color:#8ca0b6;margin:0 0 19px}
.wl-project-info button{background:transparent;border:0;padding:12px 0 2px;color:#1561cd;font-size:11px;font-weight:850}
.wl-featured-note{font-size:11px;color:#92a1b4;margin:18px 0 0;text-align:center}
.wl-closing{background:#133b70;display:flex;justify-content:space-between;align-items:center;gap:60px;padding:75px max(56px,calc((100vw - 1300px)/2))}
.wl-closing .wl-overline{color:#9dc3f6}
.wl-closing h2{font-size:clamp(28px,3.2vw,48px);line-height:1.18;letter-spacing:-1.4px;color:#fff;margin:18px 0}
.wl-closing p{font-size:13px;color:#c3d7f3;margin:0}
.wl-cta-light{background:#fff;border-color:#fff;color:#1457be;white-space:nowrap}
.wl-cta-light:hover{background:#e9f1fd;color:#0e48af}
.wl-footer{max-width:1450px;margin:auto;min-height:90px;padding:25px 56px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#899bad;font-size:10px}
.wl-footer strong{font-size:18px;letter-spacing:-.7px;color:#1c3b5e}.wl-footer strong span{color:#1763d6}
/* The dashboard uses its original scroll bar and placement; the welcome is independent. */
.bc-company-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bc-directory-card{background:#fff;border:1px solid #e6ecf4;border-radius:15px;overflow:hidden;box-shadow:0 5px 22px rgba(19,57,91,.04)}
.bc-directory-cover{height:132px;background-size:cover;background-position:center}
.bc-directory-body{padding:0 20px 22px;display:flex;gap:14px;flex-wrap:wrap;align-items:start}
.bc-directory-monogram{background:linear-gradient(135deg,#1c68da,#7bb7f8);width:52px;height:52px;display:grid;place-items:center;color:#fff;border:4px solid #fff;border-radius:14px;flex-shrink:0;font-weight:850;font-size:15px;margin-top:-19px;z-index:1}
.bc-directory-title{flex:1;min-width:155px;margin-top:16px}
.bc-directory-title h3{font-size:15px;letter-spacing:-.25px;color:#223959;margin:9px 0 5px}
.bc-directory-title p{font-size:11px;color:#8295a8;margin:0}
.bc-directory-pill{font-size:9px;color:#1b65c7;background:#edf5ff;border-radius:5px;padding:5px 8px}
.bc-directory-actions{width:100%;padding-top:8px}
@media(max-width:1120px){.wl-header{gap:10px;padding:16px 28px}.wl-nav{gap:17px;margin-right:9px}.wl-hero-copy{padding:83px 25px 65px 31px}.wl-section{padding-left:32px;padding-right:32px}.wl-steps{gap:38px}.wl-hero-picture{background-position:center, 57% center}.wl-logo{min-width:235px}}
@media(max-width:870px){.wl-header{flex-wrap:wrap;justify-content:space-between;min-height:85px;padding:15px 20px}.wl-nav{order:3;width:100%;justify-content:center;margin:12px 0 2px}.wl-actions{margin-left:auto}.wl-hero-inner{grid-template-columns:1fr}.wl-hero-copy{padding:70px 38px 45px}.wl-hero h1{font-size:clamp(44px,8vw,67px)}.wl-hero-picture{min-height:340px;background-image:url('assets/hero-house.jpg');background-position:center 42%}.wl-image-badge{left:30px;bottom:24px}.wl-intro-strip{padding:28px 10px}.wl-intro-strip>div{padding:0 12px;gap:9px}.wl-intro-strip small{font-size:10px}.wl-steps{grid-template-columns:1fr}.wl-steps-visual{height:360px}.wl-closing{padding:50px 32px}.wl-footer{padding:25px 32px}}
@media(max-width:630px){.wl-header{padding:15px 14px}.wl-logo{min-width:0}.wl-logo>span:last-child{font-size:21px}.wl-logo-icon{width:38px;height:38px}.wl-logo-icon svg{width:26px}.wl-logo small{font-size:7px}.wl-actions{gap:1px}.wl-login{padding:11px 7px;font-size:11px}.wl-cta-header{padding:10px 11px;font-size:10px;gap:5px}.wl-nav{gap:16px;overflow-x:auto;justify-content:flex-start;padding:0 4px 8px}.wl-nav a{font-size:11px}.wl-hero-copy{padding:65px 21px 44px}.wl-hero h1{font-size:clamp(39px,10.5vw,58px);letter-spacing:-1.8px}.wl-lead{font-size:13px}.wl-hero-buttons{align-items:stretch;flex-direction:column}.wl-big{width:100%}.wl-secondary{text-align:center}.wl-hero-picture{min-height:270px}.wl-image-badge{left:15px;bottom:17px;padding:11px}.wl-hero-bottom{font-size:10px}.wl-intro-strip{grid-template-columns:1fr;padding:12px 19px}.wl-intro-strip>div{justify-content:flex-start;padding:16px 8px;border-right:0;border-bottom:1px solid #e9eef4}.wl-intro-strip>div:last-child{border:0}.wl-section{padding:57px 20px}.wl-section-top h2,.wl-steps-copy h2{font-size:32px}.wl-audience-grid,.wl-featured-grid{grid-template-columns:1fr;gap:12px}.wl-audience-card{min-height:220px}.wl-steps{gap:25px}.wl-steps-visual{height:270px}.wl-featured-top{align-items:start;flex-direction:column}.wl-project-photo{height:205px}.wl-closing{padding:48px 21px;display:block}.wl-closing .wl-cta{margin-top:28px;white-space:normal}.wl-footer{padding:25px 21px;flex-direction:column;align-items:flex-start}.bc-company-directory{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.wl-site *{transition:none!important;scroll-behavior:auto!important}}
