/* Calfa Hughes Connect — business homepage, isolated from member screens. */
body:has(.business-home){--bg:#eef0f4;--hi:#fff;--lo:#bcc2d0;--neon:#00e5ff;--ink:#101217;--muted:#414752;--neu-surface:var(--bg);--neu-shadow:var(--lo);--neu-light:var(--hi);--business-font:ui-monospace,'SF Mono',Menlo,Consolas,'Courier New',monospace;background:linear-gradient(160deg,#f4f6f9,#e9ecf2 60%,#eef0f4) fixed;color:var(--ink);font-family:var(--business-font)}
body:has(.business-home) main{max-width:1192px;padding-bottom:0}
body:has(.business-home) .site-header{max-width:1280px;justify-content:space-between;padding-top:28px;padding-bottom:24px;gap:22px}
.connect-brand{display:flex;flex-direction:column;gap:2px;flex:none;color:#101217}
.connect-brand .brand-parent{font-size:10px;font-weight:700;letter-spacing:.18em}
.connect-brand strong{font:700 26px/1.2 var(--business-font);letter-spacing:-.07em}
.connect-brand strong:after{content:'.';color:#008d9e;text-shadow:0 0 13px #00e5ff80}
body:has(.business-home) .site-header nav{gap:20px;font-size:11px}
body:has(.business-home) .site-header a[href='/install'],body:has(.business-home) .site-header nav>a[href='/privacy']{display:none}
body:has(.business-home) .nav-login{background:var(--bg);color:var(--ink);border:0;box-shadow:5px 5px 12px var(--lo),-5px -5px 12px var(--hi);white-space:nowrap}
.business-home{font-size:14px;line-height:1.75}
.business-home a:focus-visible,.business-home button:focus-visible,.business-home summary:focus-visible{outline:3px solid #101217;outline-offset:5px}
.connect-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:65px;align-items:center;padding:65px 0 76px}
.business-kicker{font-size:11px;font-weight:700;letter-spacing:.13em;color:#42515e;line-height:1.7;margin-bottom:19px}
.connect-title{font:700 clamp(42px,4.8vw,64px)/1.09 var(--business-font);letter-spacing:-.065em;white-space:pre-line;max-width:710px}
.connect-lead{font-size:16px;line-height:1.85;margin-top:28px;max-width:580px;color:var(--muted)}
.connect-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:33px}
.business-home .connect-action{display:flex;align-items:center;justify-content:flex-start;gap:14px;min-height:72px;padding:14px 18px;border:0;border-radius:22px;color:var(--ink);background:linear-gradient(145deg,#f6f8fb,#e8ebf1);font:600 13px/1.5 var(--business-font);box-shadow:8px 8px 18px #bcc2d0b3,-8px -8px 18px #fff;text-align:left;white-space:normal}
.business-home .connect-action:hover{background:#eef0f4;box-shadow:8px 8px 18px #bcc2d0b3,-8px -8px 18px #fff}
.business-home .connect-action:active{box-shadow:inset 4px 4px 10px #bcc2d0,inset -4px -4px 10px #fff}
.connect-footnote{font-size:12px;line-height:1.8;color:#53606c;max-width:490px;margin-top:25px}
.connect-showcase{min-width:0;display:flex;flex-direction:column;align-items:center}
.showcase-caption{font-size:10px;letter-spacing:.11em;text-align:center;margin-bottom:18px;color:#53606c}
.connect-card-stage{width:100%;max-width:370px;padding:0 12px}
.connect-card-stage .profile-card{border-radius:32px;border:1px solid #ffffffc9;box-shadow:12px 12px 30px #b8bfccad,-12px -12px 30px #fff;overflow:hidden}
.connect-card-stage .profile-card .card-body{padding:0 22px 8px}
.connect-card-stage .profile-card .avatar{width:140px;height:140px;margin:28px auto 24px}
.connect-card-stage .profile-card .avatar-fallback{width:100px;height:100px;font-size:34px}
.connect-card-stage .profile-card .avatar img{inset:20px;width:100px;height:100px}
.connect-card-stage .profile-card .profile-name{font-size:25px}
.connect-card-stage .profile-card .profile-headline{font-size:11px}
.connect-card-stage .profile-card .neon-rule{margin:21px auto}
.connect-card-stage .profile-card .card-save,.connect-card-stage .profile-card .phone-button{font-size:11px;min-height:64px;padding:12px 13px;gap:12px;margin-bottom:16px;border-radius:18px}
.connect-card-stage .profile-card .action-icon-tile,.connect-card-stage .profile-card .contact-icon-tile{width:36px;height:36px;border-radius:11px}
.connect-card-stage .profile-card .card-icon{width:21px;height:21px}
.connect-card-stage .profile-card .email-label{font-size:11px}
.connect-themes{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;border:0;margin:25px 0 0;padding:0;max-width:370px}
.connect-themes legend{font-size:11px;letter-spacing:.02em;text-align:center;margin-bottom:10px;color:#53606c}
.theme-preview{width:28px;height:28px;border:6px solid #eef0f4;border-radius:50%;background:var(--dot);box-shadow:3px 3px 6px #bcc2d0,-3px -3px 6px #fff;padding:0}
.theme-preview[aria-pressed=true]{outline:2px solid #101217;outline-offset:3px}
.theme-dot-0{--dot:#00cfff}.theme-dot-1{--dot:#ff3d9a}.theme-dot-2{--dot:#ff7a1a}.theme-dot-3{--dot:#12d86a}.theme-dot-4{--dot:#2f8cff}.theme-dot-5{--dot:#a24bff}.theme-dot-6{--dot:#f9ffff}.theme-dot-7{--dot:#20232d}
.connect-example-note{font-size:10px;color:#53606c;text-align:center;margin-top:17px}
.connect-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;border-block:1px solid #cbd2dc;padding:23px 0;font-size:11px;color:#414d59}
.connect-strip span{display:flex;gap:10px;align-items:center}
.connect-strip span:before{content:'+';font-size:16px;color:#007b8b;font-weight:700}
.business-section{padding:82px 0 5px;scroll-margin-top:24px}
.business-heading{font:600 clamp(27px,3vw,39px)/1.25 var(--business-font);letter-spacing:-.045em;max-width:900px}
.business-intro{max-width:780px;color:var(--muted);font-size:14px;line-height:1.9;margin-top:20px}
.connect-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:42px;row-gap:35px;margin-top:39px}
.connect-feature{border-top:1px solid #cbd2dc;padding-top:18px}
.feature-index{font-size:11px;color:#007b8b}
.business-home h3{font:600 17px/1.45 var(--business-font);letter-spacing:-.025em}
.connect-feature h3{margin:13px 0 10px}
.connect-feature p{font-size:12px;color:var(--muted);line-height:1.9}
.business-concepts{display:block;width:100%;height:auto;margin-top:32px;border-radius:25px;max-width:1050px;box-shadow:10px 10px 25px #bcc2d080,-10px -10px 25px #fff}
.concept-disclaimer{max-width:960px;font-size:11px;color:#53606c;line-height:1.9;margin-top:20px}
.connect-steps{list-style:none;counter-reset:setup;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:0;margin:38px 0 0}
.connect-steps li{counter-increment:setup;border-top:1px solid #cbd2dc;padding-top:20px}
.connect-steps li:before{content:'0' counter(setup);font-size:28px;font-weight:600;letter-spacing:-.07em;color:#007b8b;display:block;margin-bottom:15px}
.connect-steps p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:12px}
.connect-offer{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center;background:#eef0f4;border:1px solid #ffffffcf;box-shadow:10px 10px 25px #bcc2d080,-10px -10px 25px #fff;border-radius:28px;padding:36px;margin-top:35px}
.connect-offer p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:15px}
.connect-offer .offer-title{font-size:18px;font-weight:600;line-height:1.6;color:var(--ink);margin:0 0 20px}
.offer-action{min-width:0}
.connect-faq{border-bottom:1px solid #cbd2dc;padding:23px 0}
.connect-faq:first-of-type{margin-top:25px;border-top:1px solid #cbd2dc}
.connect-faq summary{font-size:14px;font-weight:600;cursor:pointer;padding-right:20px}
.connect-faq p{font-size:13px;color:var(--muted);line-height:1.9;max-width:850px;margin-top:17px}
.business-home #contact{padding-bottom:65px}
.connect-contact-box{display:flex;align-items:center;flex-wrap:wrap;gap:30px;margin-top:30px}
.contact-address{font-size:13px;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.contact-pending{font-size:13px;margin-top:25px}
body:has(.business-home) .site-footer{margin-top:20px;color:#53606c;font-size:11px}
@media(max-width:1100px){body:has(.business-home) .site-header nav{gap:14px}.business-nav{display:none}.connect-hero{gap:35px}.connect-title{font-size:50px}.connect-actions{gap:22px}.connect-feature-grid{gap:28px}.connect-offer{gap:28px}}
@media(max-width:760px){body:has(.business-home) .site-header{padding:23px 22px;flex-wrap:wrap;gap:20px}.connect-brand strong{font-size:24px}body:has(.business-home) .site-header nav{gap:14px;justify-content:flex-end;flex:1}.connect-hero{grid-template-columns:1fr;gap:50px;padding:35px 0 45px}.connect-title{font-size:clamp(35px,8.8vw,56px)}.connect-lead{font-size:14px;max-width:600px}.connect-footnote{font-size:11px}.connect-actions{align-items:flex-start;gap:24px}.business-home .connect-action{font-size:12px;max-width:100%}.showcase-caption{font-size:10px}.connect-card-stage{max-width:370px}.connect-strip{grid-template-columns:repeat(2,minmax(0,1fr));font-size:10px;gap:17px}.business-section{padding-top:57px}.business-heading{font-size:29px}.business-intro{font-size:13px}.connect-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 22px}.business-home h3{font-size:16px}.connect-feature p{font-size:12px}.business-concepts{border-radius:16px}.connect-steps{grid-template-columns:1fr;gap:28px}.connect-steps li:before{margin-bottom:10px}.connect-offer{grid-template-columns:1fr;padding:27px 23px;gap:25px}.connect-offer .offer-title{font-size:17px}.connect-faq summary{font-size:13px}.connect-faq p{font-size:12px}.business-home #contact{padding-bottom:35px}.connect-contact-box{gap:24px}.connect-example-note{font-size:10px}body:has(.business-home) .site-footer{flex-wrap:wrap}}
@media(max-width:420px){.connect-feature-grid{grid-template-columns:1fr}.connect-title{font-size:36px}.connect-brand .brand-parent{font-size:9px}body:has(.business-home) .site-header nav{justify-content:space-between;flex-basis:100%}.connect-showcase{margin-inline:-7px}.connect-strip{gap:15px 12px}.connect-card-stage .profile-card .card-body{padding-inline:18px}}
@media(pointer:coarse){.theme-preview{width:36px;height:36px;border-width:8px}.connect-themes{gap:12px}}

/* Keep the first enquiry action in view alongside a compact working example. */
@media(min-width:761px){.connect-hero{padding-top:38px;padding-bottom:50px}.connect-card-stage{max-width:345px}.connect-card-stage .profile-card .avatar{width:112px;height:112px;margin:23px auto 20px}.connect-card-stage .profile-card .avatar-fallback{width:80px;height:80px;font-size:28px}.connect-card-stage .profile-card .avatar img{inset:16px;width:80px;height:80px}.connect-card-stage .profile-card .neon-rule{margin:16px auto}.connect-card-stage .profile-card .card-save,.connect-card-stage .profile-card .phone-button{min-height:56px;padding:10px 12px;gap:11px;margin-bottom:13px}.connect-card-stage .profile-card .action-icon-tile,.connect-card-stage .profile-card .contact-icon-tile{width:32px;height:32px;border-radius:10px}.connect-card-stage .profile-card .card-icon{width:19px;height:19px}.connect-themes{margin-top:20px}.connect-example-note{margin-top:12px}}
