
/* ConstApp final deployment overrides — 2026-07-16 */
:root{--brand:#2563eb;--brand-dark:#143768;--brand-deep:#0b2548;--brand-soft:#eff6ff;--brand-line:#bfdbfe}
html{scroll-behavior:smooth;scroll-padding-top:78px}
body{min-width:320px}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:99999;background:#fff;color:var(--brand-deep);padding:.7rem 1rem;border-radius:8px;box-shadow:0 8px 28px rgba(0,0,0,.18);font-weight:700}.skip-link:focus{top:1rem}
.site-nav{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(20px);border-bottom:1px solid var(--s200)!important;box-shadow:0 6px 24px rgba(15,23,42,.06)}
.site-nav .ctn{height:100px!important;gap:1rem}
.brand-link{display:inline-flex!important;align-items:center;flex-shrink:0;line-height:0}
.brand-logo{display:block;width:344px!important;height:auto!important;max-height:88px;object-fit:contain}
.site-nav .nl>li>a{color:var(--s600)!important}
.site-nav .nl>li>a:hover,.site-nav .nl>li:hover>a{color:var(--brand-dark)!important;background:var(--brand-soft)!important}
.site-nav .dd{border:1px solid var(--s200)}
.site-nav .dd a{color:var(--s700)!important}.site-nav .dd a:hover{color:var(--brand-dark)!important;background:var(--brand-soft)!important}
.site-nav .mtog{color:var(--s800)!important;border:1px solid var(--s300);border-radius:8px;padding:.3rem .55rem;line-height:1}
.site-nav .btn-p{background:var(--brand)!important;color:#fff!important;box-shadow:none}.site-nav .btn-p:hover{background:var(--brand-dark)!important;color:#fff!important}

/* A clearly blue home page */
.home-page .hero-h{background:radial-gradient(circle at 78% 18%,rgba(96,165,250,.55),transparent 33%),linear-gradient(135deg,#0b2548 0%,#143768 48%,#2563eb 100%)!important;padding-top:9.2rem}
.home-page .hero-h h1,.home-page .hero-h h2,.home-page .hero-h h3,.home-page .hero-h h4{color:#fff!important}
.home-page .hero-h .hl,.home-page .hero-h .hprf{color:rgba(255,255,255,.82)!important}
.home-page .hero-h .hbdg{background:rgba(255,255,255,.10)!important;color:#fff!important;border-color:rgba(255,255,255,.24)!important;backdrop-filter:blur(10px)}
.home-page .hero-h h1 em{color:#93c5fd!important}.home-page .hero-h h1 em::after{background:rgba(147,197,253,.16)!important}
.home-page .hero-h .btn-p{background:#fff!important;color:var(--brand-dark)!important}.home-page .hero-h .btn-p:hover{background:#dbeafe!important}
.home-page .hero-h .btn-o{border-color:rgba(255,255,255,.55)!important;color:#fff!important}.home-page .hero-h .btn-o:hover{background:rgba(255,255,255,.10)!important;border-color:#fff!important}
.home-page .hero-shot-wrap{border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 75px rgba(0,0,0,.27)!important}
.home-page .hc{border-color:rgba(255,255,255,.55)}

/* Shared interaction polish */
a,button,input,select,textarea{outline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #60a5fa!important}
.btn{will-change:transform}.btn:active{transform:translateY(0) scale(.985)!important}
.card,.sol,.post,.tc,.trio-c,.bf{will-change:transform}
.reveal-on-scroll{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.16,1,.3,1)}.reveal-on-scroll.is-visible{opacity:1;transform:none}

/* Store buttons */
.store-links{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;margin-top:1.1rem}
.store-btn{display:inline-flex;align-items:center;gap:.65rem;min-height:52px;padding:.55rem .9rem;border-radius:11px;background:#0f172a;color:#fff!important;border:1px solid rgba(255,255,255,.14);transition:transform .2s,box-shadow .2s,background .2s}
.store-btn:hover{transform:translateY(-2px);background:#1e293b;box-shadow:0 10px 26px rgba(15,23,42,.2)}
.store-btn svg{width:24px;height:24px;fill:currentColor;flex:0 0 auto}.store-btn small{display:block;font-size:.61rem;line-height:1.05;opacity:.7}.store-btn strong{display:block;font-size:.84rem;line-height:1.25}
.store-links.compact{margin-top:.8rem;gap:.45rem}.store-links.compact .store-btn{min-height:44px;padding:.42rem .65rem}.store-links.compact .store-btn svg{width:20px;height:20px}

/* Footer rebuilt and unified */
.ftr{position:relative!important;margin-top:0}.ftr .brand-logo{width:160px!important}.ftr-top{padding-top:3.4rem!important}.ftr-grid{grid-template-columns:2fr 1fr 1fr 1fr!important}.ftr-brand p{max-width:390px}.ftr-btm .ctn{width:100%}
.fastcrm-tab{position:absolute;right:max(1.2rem,calc((100vw - 1200px)/2 + 2rem));top:-19px;z-index:2;display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1rem;border-radius:999px;background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff!important;font-family:var(--fd);font-weight:800;font-size:.8rem;letter-spacing:.01em;box-shadow:0 10px 28px rgba(234,88,12,.28);transition:transform .2s,box-shadow .2s}.fastcrm-tab:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(234,88,12,.36)}
.footer-apps h5{color:#fff;margin-bottom:.25rem}.footer-note{font-size:.7rem;line-height:1.55;color:rgba(255,255,255,.36);margin-top:.8rem}

/* CRM article */
.article-shell{max-width:860px;margin:0 auto}.article-shell h1{font-size:clamp(2rem,5vw,3.25rem);letter-spacing:-.035em}.article-shell h2{font-size:1.55rem;margin:2.2rem 0 .7rem}.article-shell h3{font-size:1.1rem;margin:1.5rem 0 .5rem}.article-shell p,.article-shell li{font-size:1rem;line-height:1.82;color:var(--s600)}.article-shell p{margin:.85rem 0}.article-shell ul{padding-left:1.25rem;margin:.85rem 0}.article-shell li{margin:.35rem 0}.article-kicker{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.article-lead{font-size:1.15rem!important;color:var(--s700)!important}.article-callout{margin:1.7rem 0;padding:1.35rem 1.45rem;border-radius:14px;background:linear-gradient(135deg,#0b2548,#1d4ed8);color:#fff}.article-callout h2,.article-callout h3{color:#fff;margin-top:0}.article-callout p,.article-callout li{color:rgba(255,255,255,.85)}.article-callout .btn{background:#fff;color:var(--brand-dark)}.crm-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1.2rem 0}.crm-check{padding:1rem;border:1px solid var(--s200);border-radius:12px;background:#fff}.crm-check strong{display:block;color:var(--s900);margin-bottom:.25rem}.quiz{margin:2rem 0;padding:1.4rem;border:1px solid var(--brand-line);border-radius:14px;background:var(--brand-soft)}.quiz h2{margin-top:0}.quiz details{background:#fff;border:1px solid var(--s200);border-radius:10px;padding:.85rem 1rem;margin:.65rem 0}.quiz summary{font-weight:700;color:var(--s800);cursor:pointer}.sources{font-size:.82rem!important;color:var(--s500)!important;border-top:1px solid var(--s200);padding-top:1rem}

/* Forms */
.form-status{margin-top:.8rem;padding:.75rem .9rem;border-radius:8px;background:var(--brand-soft);color:var(--brand-dark);font-size:.82rem;display:none}.form-status.show{display:block}
.registration-note{margin-top:.8rem;font-size:.78rem;color:var(--s500);text-align:center}.registration-note a{color:var(--brand-dark);font-weight:700}

/* Useful compatibility and responsive adjustments */
img{height:auto}.hero-shot,.page-hero-shot{object-position:center}.hp{padding-top:8rem!important}
@media(max-width:1024px){.site-nav .nl{top:100px!important;background:#fff!important;border-color:var(--s200)!important}.site-nav .dd{background:rgba(255,255,255,.98)!important}.site-nav .ncta{margin-top:.35rem!important}.site-nav .ncta .btn{background:var(--brand)!important;color:#fff!important}.ftr-grid{grid-template-columns:1fr 1fr!important}.crm-checklist{grid-template-columns:1fr}}
@media(max-width:768px){.ctn{padding-left:1.15rem!important;padding-right:1.15rem!important}.site-nav .ctn{height:84px!important}.brand-logo{width:230px!important}.site-nav .nl{top:84px!important;max-height:calc(100vh - 84px);overflow:auto}.home-page .hero-h{padding-top:7.2rem!important}.fastcrm-tab{right:1rem;top:-17px;font-size:.72rem;padding:.58rem .8rem}.ftr-grid{grid-template-columns:1fr!important}.store-links{align-items:stretch}.store-btn{flex:1 1 170px}.article-shell p,.article-shell li{font-size:.95rem}.article-shell h2{font-size:1.35rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-on-scroll{opacity:1;transform:none;transition:none}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
