/* SiteHub 2026 · Brand foundation · Stage v1
   Loaded LAST after original styles. Legacy selectors, handlers and forms preserved.
   Graphic uses pixels cropped from the approved SITEHUB DESIGN.png source; no fake SVG logo.
*/
:root{
  color-scheme:dark;
  --bg:#0b0b0b;--bg2:#111111;--panel:#171717;--panel2:#1f1f1f;
  --line:rgba(255,255,255,.115);--line2:rgba(255,255,255,.19);
  --text:#f5f5f5;--muted:#aaa8a7;--soft:#d4d1cf;
  --accent:#ff8a00;--accent2:#ff3b30;--cyan:#ff995e;--green:#8bdcaa;
  /* Canonical colors come from assets/sitehub/brand/sitehub-brand.css. */
  --sh-ink:var(--sh-black);--sh-card:var(--sh-surface);--sh-card2:var(--sh-surface-2);
  --sh-gradient:var(--sh-grad);
  --shadow:0 28px 84px rgba(0,0,0,.42);
}
html{background:#0b0b0b!important;scroll-padding-top:85px}
body{background:#0b0b0b!important;color:#f5f5f5;min-height:100vh}
body::before,body::after{background-image:none!important;opacity:0!important}
::selection{color:#F5F5F5;background:#ff9b39}
:focus-visible{outline:2px solid #ff8a00!important;outline-offset:4px}
.site-header{background:rgba(11,11,11,.96)!important;border-bottom:1px solid rgba(255,255,255,0.013)!important;box-shadow:none!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.site-header.scrolled{background:rgba(11,11,11,.98)!important;border-bottom-color:rgba(255,138,0,.18)!important}
.site-header .header-inner{max-width:1520px;gap:30px}
.sh-brand,.site-header .brand.sh-brand{display:inline-flex;flex:0 0 auto;align-items:center;min-width:0!important;gap:0!important}
.sh-brand>img{display:block;width:221px;max-width:100%;height:auto;object-fit:contain;object-position:left center;filter:none!important}
.site-header .desktop-nav,.site-header .header-actions{min-width:0}
.site-header a,.site-header button{transition:color .22s ease,border-color .22s ease,background-color .22s ease}
.site-header a:hover,.site-header .lang-switch a.active{color:#ff9d41}
.site-header .btn.btn-primary,.btn.btn-primary,.sh-btn-primary{background:var(--sh-gradient)!important;color:#F5F5F5!important;border:1px solid #ff8a00!important;box-shadow:0 7px 22px rgba(255,92,24,.15)!important;text-shadow:none!important}
.btn.btn-primary:hover,.sh-btn-primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 12px 28px rgba(255,92,24,.24)!important}
.btn.btn-soft,.sh-btn-outline{background:rgba(255,255,255,0.035)!important;color:#f5f5f5!important;border:1px solid #46413e!important;box-shadow:none!important}
.btn.btn-soft:hover,.sh-btn-outline:hover{background:#222!important;border-color:#ff8a00!important}
.page-progress,.page-progress i{background:var(--sh-gradient)!important}
.ambient,.ambient-a,.ambient-b{display:none!important}
.mobile-panel{background:#101010!important;color:#f5f5f5!important}
.mobile-panel .sh-brand>img{width:180px}
.mobile-panel a:hover,.mobile-panel button:hover{color:#ff8a00}
.site-client-portal-v185{background:#131211!important;color:#eee!important;border-color:#2b2723!important}
.site-client-portal-inner-v185{max-width:1400px}
.site-client-portal-kicker-v185{color:#ff9e52!important}
.site-client-portal-cta-v185{background:#222!important;color:#ffb060!important;border:1px solid #57402e!important}
.lux-preloader{background:#0b0b0b!important}
.lux-preloader .lux-preloader-orb,.lux-preloader .lux-preloader-noise{opacity:.10!important}
.lux-preloader .lux-preloader-brand img{object-fit:contain!important;width:48px;height:62px}
.lux-preloader .lux-preloader-meter i{background:var(--sh-gradient)!important}
/* New hero: structured editorial visual instead of the former UI dashboard mockup. */
.home192,.home192 .home192-inner{color:#f5f5f5}
.sh-hero{width:min(1500px,calc(100% - 56px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(28px,4vw,70px);align-items:center;padding:clamp(70px,9vw,145px) 0 clamp(65px,8vw,125px);min-height:630px;position:relative;isolation:isolate}
.sh-hero-copy{max-width:760px;position:relative;z-index:2}
.sh-eyebrow{display:flex;align-items:center;gap:12px;color:#ffad66;font-size:11px;letter-spacing:.21em;font-weight:800;text-transform:uppercase;line-height:1.6}
.sh-eyebrow-dot{width:9px;height:9px;border-radius:100%;background:#ff8a00;box-shadow:0 0 0 4px rgba(255,138,0,.12);flex:0 0 auto}
.sh-hero h1{max-width:860px;font-size:clamp(52px,5.25vw,90px);font-weight:800;letter-spacing:-.065em;line-height:1.045;color:#f5f5f5;margin:28px 0 25px;text-wrap:balance}
.sh-hero h1 em{font-style:normal;background:var(--sh-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.sh-hero-copy>p{max-width:610px;color:#bcb8b6;font-weight:450;font-size:clamp(15px,1.25vw,18px);line-height:1.82;margin:0 0 33px;text-wrap:pretty}
.sh-hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.sh-hero-actions a{display:inline-flex;align-items:center;gap:15px;justify-content:center;padding:15px 25px!important;border-radius:13px!important;font-size:14px!important;font-weight:750!important;min-height:55px!important}
.sh-hero-actions a svg{width:19px;height:19px}
.sh-proof-line{margin-top:42px;padding-top:22px;border-top:1px solid #333;display:flex;flex-wrap:wrap;gap:12px 24px}
.sh-proof-line>span{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#a9a5a3;font-weight:700}
.sh-proof-line svg{width:14px;height:14px;color:#ff8a00}
.sh-hero-stage{position:relative;isolation:isolate;min-height:510px;border:1px solid #39312e;border-radius:28px;background:linear-gradient(151deg,#14100f 0%,#0b0b0b 40%,#17100e 100%);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.33)}
.sh-hero-stage::before{content:"";position:absolute;inset:auto -35% -65% -35%;height:390px;background:radial-gradient(ellipse,rgba(255,65,30,.18),transparent 66%);pointer-events:none;z-index:-1}
.sh-stage-top,.sh-stage-foot{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#89827e;font-size:10px;letter-spacing:.16em;font-weight:750;text-transform:uppercase}
.sh-stage-top{padding:24px 29px;border-bottom:1px solid #2b2624}
.sh-stage-top span:first-child{font-size:12px;letter-spacing:.01em;color:#fff;text-transform:lowercase}
.sh-stage-foot{padding:22px 29px;border-top:1px solid #2b2624;gap:16px}
.sh-stage-core{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:330px;padding:35px 15px 27px;text-align:center}
.sh-stage-ribbon{width:112px;height:157px;display:grid;place-items:center;overflow:hidden;filter:drop-shadow(0 13px 20px rgba(255,55,25,.16));animation:sh-ribbon-enter 1.1s cubic-bezier(.16,.8,.24,1) both}
.sh-stage-ribbon img{height:100%;width:auto;object-fit:contain;display:block;transform:none!important;filter:none!important}
.sh-stage-wordmark{font-size:clamp(42px,4.9vw,69px);font-weight:850;letter-spacing:-.067em;line-height:1.05;margin:16px 0 11px}
.sh-stage-site{color:#f5f5f5}
.sh-stage-hub{background:var(--sh-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.sh-stage-md{color:#dbd9d8;font-size:.65em;letter-spacing:-.047em}
.sh-stage-core>p{font-size:9px;color:#a8a1a0;letter-spacing:.39em;font-weight:650;margin:0}
@keyframes sh-ribbon-enter{from{opacity:0;transform:translateY(16px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
/* Existing real projects, editable prices, forms, portfolio and processes stay live. */
.home192-clients,.home192-solutions,.home192-proof,.home192-process,.home192-calc,.home192-faq,.home192-final,.home192-band,.home192-delivery-band,.home192-services-matrix{background:#0b0b0b!important;color:#f5f5f5!important}
.home192 .home192-section-head h2,.home192 .home192-clients-head h2,.home192 .home192-faq-intro h2,.home192 .home192-calc h2,.home192 .home192-final h2,.home192 .home192-process h2,.home192 .home192-delivery-copy h2{color:#f5f5f5!important}
.home192 .home192-section-head p,.home192 .home192-clients-head p,.home192 .home192-faq-intro p,.home192 .home192-calc p,.home192 .home192-final p,.home192 .home192-delivery-copy p{color:#b4afac!important}
.home192 .home192-solution-card,.home192 .home192-proof-card,.home192 .home192-process-grid article,.home192 .home192-faq-list details,.home192 .home192-calc-prices>*{background:#181716!important;color:#f5f5f5!important;border:1px solid #343130!important;box-shadow:none!important;transition:background .2s,border-color .2s,transform .2s}
.home192 .home192-solution-card:hover,.home192 .home192-proof-card:hover{background:#201b18!important;border-color:#825034!important}
.home192 .home192-solution-card h3,.home192 .home192-solution-card h2,.home192 .home192-proof-card h3,.home192 .home192-proof-card b,.home192 .home192-process-grid h3,.home192 .home192-faq-list summary{color:#f5f5f5!important}
.home192 .home192-solution-card p,.home192 .home192-proof-card p,.home192 .home192-process-grid p,.home192 .home192-faq-list details>p{color:#b1ada9!important}
.home192 .home192-client-logo{background:#141414!important} /* real customer logo artwork on clean neutral tiles */
.home192 .home192-client-logo:focus-visible{outline-color:#ff8a00!important}
.home192 .home192-section-head>a,.home192 .home192-services-all{color:#ffab67!important}
.home192 .home192-solution-card svg,.home192 .home192-process-node svg{color:#ff8a00!important}
.home192 .home192-process-node:before,.home192 .home192-process-node:after{background:#ff8a00!important}
.home192 .home192-faq-list details{border-radius:15px!important}
.home192 .home192-faq-list details[open]{border-color:#80503b!important}
.home192 .home192-final{border-top:1px solid #302724!important}
/* Shared public pages. Retain per-page information hierarchy and working form inputs. */
.page-shell{background:#0b0b0b!important;color:#f5f5f5!important}
.site-footer{background:#101010!important;color:#ececec!important;border-top:1px solid #302a28!important}
.site-footer::before,.site-footer::after,.adept-footer-glow-v192,.adept-footer-grid-v192{opacity:0!important;display:none!important}
.adept-footer-shell-v192,.adept-footer-main-v192,.adept-footer-bottom-v192{background:#101010!important;color:#eaeaea!important}
.adept-footer-cta-v192{background:#171514!important;border:1px solid #37312e!important;color:#f4f4f4!important;box-shadow:none!important}
.adept-footer-logo-v192 img.sh-footer-wordmark{width:220px!important;max-width:100%;height:auto!important;object-fit:contain!important;display:block!important}
.adept-footer-logo-v192 span{display:none}
.site-footer .adept-footer-kicker-v192{color:#ff9d45!important}
.site-footer a:hover{color:#ffae5e!important}
.site-footer .adept-footer-btn-v192.is-primary{background:var(--sh-gradient)!important;border-color:#ff8a00!important;color:#F5F5F5!important}
.site-footer .adept-footer-btn-v192.is-portal{background:#202020!important;color:#f5f5f5!important;border-color:#47403d!important}
.site-footer .adept-footer-telegram-v192{color:#ffae64!important}
/* Tooling/pricing: recolor accents while leaving the validated pricing engine untouched. */
.pricing26 a,.public-calc a{--accent:#ff8a00}
.pricing26 :is(.btn-primary,.pricing26-primary),.public-calc :is(.btn-primary,.public-calc-primary){background:var(--sh-gradient)!important;color:#F5F5F5!important}
.privacy-banner{background:#121111!important;color:#f5f5f5!important;border-color:#3b322d!important}
.privacy-dialog{background:#1a1817!important;border-color:#443b36!important;color:#f5f5f5!important}
.privacy-option{background:#242120!important;border-color:#403a36!important;color:#f5f5f5!important}
.privacy-btn-primary,.privacy-banner-btn.is-primary{background:var(--sh-gradient)!important;color:#F5F5F5!important}
.privacy-brand img,.privacy-banner-brand img,.adev-support img[src*='/brand/']{object-fit:contain!important;background:#0b0b0b;border-radius:6px}
.adev-support-launcher,.adev-support-head{background:#171513!important;border-color:#473a32!important}
.adev-support-launcher-dot,.adev-support-live i{background:#ff8a00!important}
/* Responsive parity & performance */
@media(max-width:1260px){.sh-hero{width:min(1300px,calc(100% - 40px));gap:28px}.sh-hero h1{font-size:clamp(44px,5.2vw,72px)}.sh-hero-stage{min-height:475px}}
@media(max-width:1050px){.sh-hero{grid-template-columns:minmax(0,1fr);padding-top:58px;gap:45px;min-height:0}.sh-hero-copy{max-width:790px}.sh-hero-stage{max-width:730px;width:100%;min-height:400px}.sh-hero h1{font-size:clamp(52px,7vw,82px)}.sh-stage-core{min-height:250px}}
@media(max-width:700px){
  .sh-brand>img{width:177px}
  .sh-hero{width:calc(100% - 36px);padding:49px 0 68px;gap:36px}
  .sh-eyebrow{font-size:9px;letter-spacing:.13em}
  .sh-hero h1{font-size:clamp(40px,10.5vw,64px);margin:21px 0}
  .sh-hero-copy>p{font-size:14.5px;line-height:1.7}
  .sh-hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .sh-hero-actions a{width:100%;min-height:52px}
  .sh-proof-line{margin-top:25px;gap:12px 17px}
  .sh-proof-line>span{font-size:10px}
  .sh-hero-stage{min-height:370px;border-radius:21px}
  .sh-stage-top,.sh-stage-foot{padding:16px;font-size:8px;letter-spacing:.06em}
  .sh-stage-core{min-height:285px;padding:23px 8px}
  .sh-stage-ribbon{width:85px;height:115px}
  .sh-stage-wordmark{font-size:clamp(45px,10vw,62px)}
  .sh-stage-core>p{font-size:8px;letter-spacing:.22em}
  .site-client-portal-v185{max-height:none}
}
@media(max-width:380px){.sh-hero{width:calc(100% - 28px)}.sh-hero h1{font-size:39px}.sh-stage-foot span:last-child{display:none}.sh-brand>img{width:148px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sh-stage-ribbon{animation:none}.sh-hero *{transition-duration:.001ms!important}}