/* Partner IT V7 - full production-style feature layer */
:root{--v7-green:#2f5d50;--v7-blue:#4f759b;--v7-gold:#c79a3b;--v7-red:#a94846;--v7-purple:#735f8f;--v7-black:#182128;--v7-card:#fff;--v7-soft:#f4f7f5}
.v7-tools{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:70;display:grid;gap:8px}.v7-tools a{width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.96);border:1px solid var(--line);box-shadow:0 10px 30px rgba(20,30,35,.14);display:grid;place-items:center;font-weight:900;font-size:11px;color:var(--charcoal);transition:.2s}.v7-tools a:hover{transform:translateX(-3px);background:#fff;color:var(--forest)}
.lang-switch{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:#fff;padding:3px;margin-left:4px;box-shadow:0 7px 18px rgba(31,42,48,.06)}.lang-switch button{border:0;background:transparent;padding:7px 9px;border-radius:999px;font-size:11px;font-weight:900;cursor:pointer}.lang-switch button.active{background:var(--charcoal);color:white}
.v7-hero-strip{background:linear-gradient(120deg,#172229,#2f5d50 55%,#4f759b);color:#fff;padding:70px 0;position:relative;overflow:hidden}.v7-hero-strip:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:36px 36px}.v7-hero-strip .container{position:relative;z-index:1}.v7-hero-strip h1{font-size:clamp(44px,6vw,74px);line-height:1;letter-spacing:-.045em;margin:12px 0 18px;max-width:900px}.v7-hero-strip p{max-width:760px;color:#d7e5e0;font-size:18px}
.feature-hub{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hub-card{position:relative;overflow:hidden;min-height:250px;padding:26px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-soft);display:flex;flex-direction:column}.hub-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:var(--hub,linear-gradient(90deg,var(--forest),var(--gold)))}.hub-card:nth-child(2n){--hub:linear-gradient(90deg,var(--sky),var(--indigo))}.hub-card:nth-child(3n){--hub:linear-gradient(90deg,var(--berry),var(--gold))}.hub-card h3{font-size:24px;line-height:1.08;margin:10px 0}.hub-card p{color:var(--muted);font-size:14px}.hub-card .text-link{margin-top:auto;padding-top:18px}.hub-icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#eff4f2,#f6efe5);display:grid;place-items:center;font-weight:900;color:var(--forest)}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:20px 0}.filter-btn{border:1px solid var(--line);background:white;border-radius:999px;padding:9px 13px;font-weight:800;cursor:pointer}.filter-btn.active{background:var(--charcoal);color:white}.search-input{min-width:260px;flex:1;padding:12px 14px;border:1px solid var(--line);border-radius:14px;font:inherit}
.project-portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portfolio-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-soft)}.portfolio-card .visual{height:210px;background:linear-gradient(135deg,#dfe9e5,#e8edf3);display:flex;align-items:end;padding:20px;position:relative}.portfolio-card .visual:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(199,154,59,.28),transparent 25%)}.portfolio-card .visual b{position:relative;z-index:1;font-size:22px}.portfolio-card .body{padding:22px}.portfolio-card .body p{color:var(--muted)}
.branch-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}.branch-map-large{min-height:520px;border-radius:26px;overflow:hidden;border:1px solid var(--line);background:#edf2ef}.branch-map-large iframe{width:100%;height:100%;min-height:520px;border:0}.contact-stack{display:grid;gap:14px}.contact-chip{padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}.contact-chip small,.contact-chip strong{display:block}.contact-chip small{text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:var(--muted);font-weight:900}.contact-chip strong{font-size:18px;margin-top:4px}
.dashboard-shell{display:grid;grid-template-columns:240px 1fr;min-height:720px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.dash-side{background:#182128;color:#dce7e2;padding:24px}.dash-side h3{color:#fff}.dash-side button{display:block;width:100%;text-align:left;border:0;background:transparent;color:#b9c7c2;padding:11px 8px;border-radius:10px;cursor:pointer}.dash-side button:hover{background:rgba(255,255,255,.07);color:#fff}.dash-main{padding:26px;overflow:auto}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{border:1px solid var(--line);border-radius:18px;padding:17px;background:#fbfcfb}.metric strong{display:block;font-size:28px}.metric span{color:var(--muted);font-size:12px}.lead-table{width:100%;border-collapse:collapse;margin-top:20px;min-width:800px}.lead-table th,.lead-table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);font-size:13px}.lead-table th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.status-badge{padding:5px 8px;border-radius:999px;background:#eef3ef;font-size:10px;font-weight:900}.admin-note{padding:14px 16px;border-radius:14px;background:#fff8e8;border:1px solid #ecd8a8;color:#765b1f;font-size:13px}
.builder-layout{display:grid;grid-template-columns:1fr 370px;gap:24px}.builder-card,.summary-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow-soft)}.summary-card{position:sticky;top:120px;height:max-content}.builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field label{font-size:12px;font-weight:900}.field input,.field select,.field textarea{padding:13px 14px;border:1px solid #ccd5dd;border-radius:13px;font:inherit;background:#fff}.field.full{grid-column:1/-1}.summary-list{display:grid;gap:8px;margin:15px 0}.summary-list div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px dashed var(--line);padding-bottom:7px;font-size:13px}.summary-list span{color:var(--muted)}
.compare-wrap{display:grid;gap:20px}.compare-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compare-controls select{padding:13px;border:1px solid var(--line);border-radius:13px;font:inherit}.compare-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff}.compare-table th,.compare-table td{padding:15px;border-bottom:1px solid var(--line);vertical-align:top}.compare-table th{background:#f4f7f5}.compare-table tr:last-child td{border-bottom:0}.compare-best{font-weight:900;color:var(--forest)}
.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.download-card{border:1px solid var(--line);border-radius:22px;padding:22px;background:#fff;box-shadow:var(--shadow-soft)}.download-card .file-icon{width:52px;height:60px;border-radius:10px;background:linear-gradient(135deg,#a94846,#c97854);color:white;display:grid;place-items:center;font-weight:900}.download-card small{color:var(--muted)}
.reference-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.reference-card{padding:28px;border:1px solid var(--line);border-radius:24px;background:#fff}.logo-placeholder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.logo-placeholder{height:86px;border:1px dashed #cbd4d9;border-radius:14px;display:grid;place-items:center;color:#8b98a1;font-size:11px;text-align:center;background:#fafbfb}
.support-triage{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.triage-card{padding:24px;border-radius:22px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-soft)}.triage-card.urgent{border-color:#e6b8b6;background:#fff9f8}.triage-card h3{margin:8px 0}.support-banner{padding:24px;border-radius:24px;background:linear-gradient(120deg,#182128,#2f5d50);color:#fff;display:flex;justify-content:space-between;gap:20px;align-items:center}.support-banner p{color:#d9e7e2;margin:5px 0 0}
.calc-tabs{display:flex;gap:9px;flex-wrap:wrap}.calc-tab{border:1px solid var(--line);background:#fff;padding:10px 13px;border-radius:999px;font-weight:800;cursor:pointer}.calc-tab.active{background:var(--charcoal);color:white}.calc-panel{display:none;margin-top:20px}.calc-panel.active{display:grid;grid-template-columns:1fr 320px;gap:20px}.calc-result{border-radius:22px;padding:26px;background:linear-gradient(135deg,#182128,#2f5d50);color:#fff;height:max-content}.calc-result strong{display:block;font-size:38px;line-height:1}.calc-result small{color:#c9d8d2}.calc-note{font-size:12px;color:var(--muted);margin-top:12px}
.portal-shell{display:grid;grid-template-columns:1fr 1fr;gap:22px}.portal-login{padding:30px;border:1px solid var(--line);border-radius:26px;background:#fff}.portal-preview{padding:30px;border-radius:26px;background:linear-gradient(135deg,#182128,#304e49);color:#fff}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.portal-tile{padding:16px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.06)}.portal-tile small{color:#bcd0c8}.portal-tile strong{display:block;margin-top:5px}
.video-stage{position:relative;min-height:430px;border-radius:30px;overflow:hidden;background:radial-gradient(circle at 20% 10%,rgba(199,154,59,.24),transparent 24%),linear-gradient(135deg,#172229,#2b4f49 55%,#425f78);box-shadow:var(--shadow)}.video-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px}.signal-ring{position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%;animation:ring 4s infinite ease-out}.signal-ring.r1{width:160px;height:160px;left:14%;top:32%}.signal-ring.r2{width:280px;height:280px;left:8%;top:18%;animation-delay:1s}.signal-ring.r3{width:400px;height:400px;left:2%;top:4%;animation-delay:2s}@keyframes ring{0%,100%{opacity:.25;transform:scale(.95)}50%{opacity:.7;transform:scale(1.04)}}.stage-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px);display:grid;place-items:center;color:#fff;text-align:center;z-index:2}.stage-core b{font-size:30px}.stage-node{position:absolute;padding:10px 13px;border-radius:12px;background:rgba(255,255,255,.92);font-size:11px;font-weight:900;color:#24323b;z-index:3}.n1{left:8%;top:12%}.n2{right:8%;top:18%}.n3{right:10%;bottom:14%}.n4{left:10%;bottom:12%}
.portal-teaser{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}.portal-screen{padding:18px;border-radius:24px;background:#182128;box-shadow:var(--shadow)}.portal-screen-inner{background:#f4f7f5;border-radius:16px;padding:18px}.mini-app-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mini-app{padding:14px;border-radius:12px;background:#fff;border:1px solid #e1e6e8}.mini-app small{color:var(--muted)}
@media(max-width:1000px){.feature-hub,.project-portfolio-grid,.download-grid{grid-template-columns:repeat(2,1fr)}.builder-layout,.branch-detail-grid,.reference-panel,.portal-shell,.portal-teaser{grid-template-columns:1fr}.summary-card{position:static}.dashboard-shell{grid-template-columns:1fr}.dash-side{display:none}.metric-grid,.support-triage{grid-template-columns:repeat(2,1fr)}.calc-panel.active{grid-template-columns:1fr}.v7-tools{display:none}}
@media(max-width:650px){.feature-hub,.project-portfolio-grid,.download-grid,.metric-grid,.support-triage{grid-template-columns:1fr}.builder-grid,.compare-controls,.portal-grid{grid-template-columns:1fr}.logo-placeholder-grid{grid-template-columns:1fr 1fr}.support-banner{display:block}.support-banner .btn{margin-top:14px}.v7-hero-strip{padding:52px 0}.lang-switch{position:absolute;right:58px;top:24px}.lead-table{min-width:680px}}


/* =========================================================
   V7.1 RESPONSIVE HEADER + QUICK TOOLS POLISH
   Fixes: clipped CTA, crowded nav, sticky overlap, intrusive
   right-side toolbar on common 1366/1440px laptop screens.
   ========================================================= */

html{scroll-padding-top:112px}
[id]{scroll-margin-top:112px}

/* More efficient desktop header without losing logo presence */
@media (min-width:1181px){
  .nav-wrap{
    height:92px!important;
    gap:14px!important;
  }
  .brand{
    width:300px!important;
    min-width:300px!important;
    height:78px!important;
  }
  .brand img{
    width:300px!important;
    height:78px!important;
  }
  .nav-links{
    gap:15px!important;
    font-size:13px!important;
    min-width:0;
  }
  .nav-links>a,.mega-parent>a{
    padding:31px 0!important;
    white-space:nowrap;
  }
  .nav-links>a:after,.mega-parent>a:after{
    bottom:24px!important;
  }
  .nav-cta{
    padding:11px 16px!important;
    font-size:13px!important;
    flex:0 0 auto;
  }
  .lang-switch{
    margin-left:0!important;
    flex:0 0 auto;
  }
  .lang-switch button{
    padding:6px 8px!important;
    font-size:10px!important;
  }
}

/* Compact sticky state after scrolling */
.site-header{
  transition:box-shadow .22s ease,background .22s ease;
}
.site-header .nav-wrap,
.site-header .brand,
.site-header .brand img{
  transition:height .22s ease,width .22s ease,min-width .22s ease;
}
.site-header.is-scrolled{
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 10px 30px rgba(31,42,48,.11)!important;
}
@media (min-width:1181px){
  .site-header.is-scrolled .nav-wrap{height:76px!important}
  .site-header.is-scrolled .brand{
    width:255px!important;
    min-width:255px!important;
    height:64px!important;
  }
  .site-header.is-scrolled .brand img{
    width:255px!important;
    height:64px!important;
  }
  .site-header.is-scrolled .nav-links>a,
  .site-header.is-scrolled .mega-parent>a{
    padding:23px 0!important;
  }
  .site-header.is-scrolled .nav-links>a:after,
  .site-header.is-scrolled .mega-parent>a:after{
    bottom:17px!important;
  }
}

/* Common laptop width: keep desktop nav, but trim further */
@media (min-width:1181px) and (max-width:1420px){
  .container{width:min(var(--container),calc(100% - 24px))}
  .nav-wrap{gap:10px!important}
  .brand{
    width:270px!important;
    min-width:270px!important;
    height:72px!important;
  }
  .brand img{
    width:270px!important;
    height:72px!important;
  }
  .nav-links{
    gap:11px!important;
    font-size:12px!important;
  }
  .nav-cta{
    padding:10px 13px!important;
    font-size:12px!important;
  }
  .lang-switch button{padding:6px 7px!important}
  .site-header.is-scrolled .brand{
    width:235px!important;
    min-width:235px!important;
  }
  .site-header.is-scrolled .brand img{width:235px!important}
}

/* If viewport becomes too tight, switch to hamburger before collision */
@media (max-width:1240px){
  .nav-links,.nav-cta{display:none!important}
  .mobile-toggle{display:block!important;margin-left:auto}
  .nav-wrap{height:86px!important}
  .brand{
    width:285px!important;
    min-width:285px!important;
    height:72px!important;
  }
  .brand img{
    width:285px!important;
    height:72px!important;
  }
  .lang-switch{
    position:static!important;
    margin-left:auto!important;
  }
  .site-header.open .nav-links{
    display:flex!important;
    position:absolute!important;
    left:14px!important;
    right:14px!important;
    top:86px!important;
    max-height:calc(100vh - 100px);
    overflow:auto;
  }
}

/* Replace intrusive vertical toolbar with compact expandable dock */
.v7-tools{
  position:fixed!important;
  left:18px!important;
  right:auto!important;
  top:auto!important;
  bottom:18px!important;
  transform:none!important;
  z-index:82!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:8px!important;
}
.v7-tools-toggle{
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(135deg,#1f2a30,#315e53);
  color:#fff;
  height:46px;
  min-width:58px;
  padding:0 14px;
  border-radius:15px;
  font:inherit;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  cursor:pointer;
  box-shadow:0 12px 30px rgba(20,30,35,.20);
}
.v7-tools-menu{
  display:none;
  gap:7px;
  padding:7px;
  background:rgba(255,255,255,.96);
  border:1px solid var(--line);
  border-radius:17px;
  box-shadow:0 14px 36px rgba(20,30,35,.16);
  backdrop-filter:blur(12px);
}
.v7-tools.open .v7-tools-menu{display:flex}
.v7-tools .v7-tools-menu a{
  width:auto!important;
  min-width:48px!important;
  height:40px!important;
  padding:0 10px!important;
  border-radius:11px!important;
  box-shadow:none!important;
  font-size:10px!important;
  background:#f7f9f8!important;
}
.v7-tools .v7-tools-menu a:hover{
  transform:translateY(-2px)!important;
  background:#eef4f1!important;
}
@media(max-width:1000px){
  .v7-tools{
    display:flex!important;
    left:10px!important;
    bottom:10px!important;
  }
  .v7-tools-toggle{height:42px;min-width:52px;padding:0 11px}
  .v7-tools-menu{
    position:absolute;
    left:0;
    bottom:50px;
    flex-direction:column;
  }
}
@media(max-width:650px){
  .v7-tools{bottom:12px!important}
  .v7-tools-toggle{font-size:9px}
}

/* Prevent floating UI from sitting on key page content */
body{padding-bottom:4px}


/* =========================================================
   V7.2 LUXURY RED / GOLD / SLATE THEME + 3D MOTION LAYER
   ========================================================= */
:root{
  --forest:#601f1e;
  --leaf:#8d3432;
  --olive:#8b6a31;
  --sun:#e2c06a;
  --gold:#c7a14a;
  --berry:#a82f2f;
  --clay:#cf5a47;
  --sky:#768093;
  --indigo:#5a616f;
  --plum:#7a5960;
  --stone:#8b8f98;
  --slate:#5a6069;
  --charcoal:#111418;
  --ink:#1a2027;
  --muted:#686d75;
  --line:#ddd5cb;
  --soft:#f8f4ef;
  --soft2:#efebe5;
  --mist:#fcfaf7;
  --white:#ffffff;
  --shadow:0 26px 70px rgba(17,20,24,.14);
  --shadow-soft:0 14px 34px rgba(17,20,24,.09);
  --v7-green:#601f1e;
  --v7-blue:#707b8a;
  --v7-gold:#c7a14a;
  --v7-red:#a82f2f;
  --v7-purple:#7a5960;
  --v7-black:#111418;
  --v7-card:#fff;
  --v7-soft:#f7f2eb;
}

body{
  color:var(--ink)!important;
  background:
    radial-gradient(circle at 10% 0%, rgba(199,161,74,.12), transparent 24%),
    radial-gradient(circle at 88% 6%, rgba(168,47,47,.08), transparent 18%),
    radial-gradient(circle at 78% 68%, rgba(90,96,105,.08), transparent 20%),
    linear-gradient(180deg,#fffdfb 0%,#f7f3ee 38%,#fbf9f6 100%)!important;
}
.topbar{
  background:linear-gradient(90deg,#191d22,#272d35)!important;
  border-bottom:1px solid rgba(199,161,74,.34)!important;
  color:#f1ddad!important;
}
.topbar span:last-child{color:#fff3d1}
.site-header{
  background:rgba(255,252,248,.93)!important;
  border-bottom:1px solid rgba(199,161,74,.22)!important;
  box-shadow:0 12px 32px rgba(17,20,24,.08)!important;
}
.site-header:before{
  content:"";position:absolute;left:0;top:0;width:100%;height:3px;
  background:linear-gradient(90deg,var(--berry),var(--gold),var(--slate));
}
.brand{
  filter:drop-shadow(0 8px 18px rgba(17,20,24,.08));
}
.nav-links>a,.mega-parent>a{color:#2a3139}
.nav-links>a:hover,.mega-parent>a:hover{color:var(--berry)}
.nav-links>a:after,.mega-parent>a:after{background:linear-gradient(90deg,var(--berry),var(--gold))!important}
.lang-switch{
  background:rgba(255,255,255,.85)!important;
  border-color:rgba(199,161,74,.24)!important;
  box-shadow:0 10px 26px rgba(17,20,24,.08)!important;
}
.lang-switch button.active{
  background:linear-gradient(135deg,var(--charcoal),#2a3139)!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.btn{
  position:relative;overflow:hidden;
}
.btn:before{
  content:"";position:absolute;left:-30%;top:0;width:40%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  transform:skewX(-22deg);transition:left .6s ease;
}
.btn:hover:before{left:120%}
.btn-primary,
.nav-cta,
.hero-actions .btn-primary{
  background:linear-gradient(135deg,#911f20 0%,#c2453d 42%,#d6b05a 100%)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 16px 38px rgba(145,31,32,.22)!important;
}
.btn-primary:hover,.nav-cta:hover,.hero-actions .btn-primary:hover{
  transform:translateY(-3px) scale(1.01)!important;
  box-shadow:0 20px 42px rgba(145,31,32,.28)!important;
}
.btn-secondary{
  background:rgba(255,255,255,.92)!important;
  border-color:rgba(199,161,74,.30)!important;
  color:var(--charcoal)!important;
  box-shadow:0 12px 30px rgba(17,20,24,.06)!important;
}
.btn-secondary:hover{
  background:linear-gradient(135deg,#fff,#fbf4e7)!important;
  border-color:rgba(199,161,74,.50)!important;
}
.text-link{color:var(--berry)!important}
.text-link:hover{color:var(--gold)!important}
.hero{
  background:
    radial-gradient(circle at 16% 18%, rgba(199,161,74,.14), transparent 23%),
    radial-gradient(circle at 84% 18%, rgba(168,47,47,.09), transparent 22%),
    linear-gradient(180deg,#fffdfa 0%,#f7f2eb 100%)!important;
}
.hero-real,.page-hero,.v7-hero-strip{
  position:relative;overflow:hidden;
}
.hero-real:before,.page-hero:before,.v7-hero-strip:after{
  content:"";position:absolute;inset:auto -10% -18% auto;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle, rgba(199,161,74,.22) 0%, rgba(199,161,74,0) 68%);
  pointer-events:none;filter:blur(2px);animation:goldPulse 8s ease-in-out infinite;
}
.hero-logo-badge{
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(199,161,74,.24)!important;
  box-shadow:0 14px 34px rgba(17,20,24,.08)!important;
}
.hero-copy h1,.page-hero h1{
  color:#1d232a;
  text-shadow:0 2px 0 rgba(255,255,255,.6);
}
.hero h1 span,.page-hero h1 span{color:var(--berry)!important}
.eyebrow,.mini-kicker{color:var(--gold)!important}
.lead{color:#5e6671!important}
.hero-proof>div,
.hero-tech-panel,
.hero-float-card,
.project-visual-label,
.branch-body,
.notice,
.contact-chip,
.metric,
.portal-tile,
.mini-app,
.download-card,
.review-card,
.quick-action,
.eco-card,
.case-card,
.insight-card,
.brand-card,
.portfolio-card,
.triage-card,
.hub-card,
.solution-card,
.category-card,
.support-card,
.stat,
.step,
.feature,
.sticky-card,
.form-card,
.info-card,
.reference-card,
.builder-card,
.summary-card,
.compare-table,
.portal-login,
.dashboard-shell,
.project-card,
.industry,
.calc-result,
.toolbar,
.mega{
  backdrop-filter:blur(10px);
}
.hero-proof>div{
  background:rgba(255,255,255,.80)!important;
  border:1px solid rgba(199,161,74,.20)!important;
  box-shadow:0 18px 36px rgba(17,20,24,.08);
}
.proof-strip,.section.soft{
  background:
    linear-gradient(180deg,#fbf9f6 0%,#f3efe9 100%)!important;
}
.cta-band,.support-banner,.calc-result,.portal-preview,.v7-hero-strip{
  background:
    radial-gradient(circle at top right, rgba(224,192,106,.22), transparent 22%),
    linear-gradient(125deg,#14181d 0%,#752726 42%,#b89042 100%)!important;
  box-shadow:0 26px 62px rgba(17,20,24,.24)!important;
}
.hero-media,.project-visual,.video-stage,.portal-screen{
  position:relative;
  border-radius:32px!important;
  overflow:hidden;
  box-shadow:0 28px 60px rgba(17,20,24,.18)!important;
  transform-style:preserve-3d;
  animation:floatHero 9s ease-in-out infinite;
}
.hero-media:before,.project-visual:before,.video-stage:after,.portal-screen:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 35%,transparent 65%,rgba(199,161,74,.10));
  pointer-events:none;z-index:2;
}
.hero-media img,.project-visual img{transform:scale(1.03)}
.category-card,.solution-card,.support-card,.stat,.step,.feature,.brand-card,.project-card,.industry,.quick-action,.review-card,.download-card,.insight-card,.case-card,.eco-card,.hub-card,.triage-card,.portfolio-card,.branch-card{
  border:1px solid rgba(199,161,74,.18)!important;
  box-shadow:0 16px 38px rgba(17,20,24,.08)!important;
  transform-style:preserve-3d;
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease, background .35s ease!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(251,247,242,.98))!important;
}
.category-card:hover,.solution-card:hover,.support-card:hover,.stat:hover,.step:hover,.feature:hover,.brand-card:hover,.project-card:hover,.industry:hover,.quick-action:hover,.review-card:hover,.download-card:hover,.insight-card:hover,.case-card:hover,.eco-card:hover,.hub-card:hover,.triage-card:hover,.portfolio-card:hover,.branch-card:hover{
  transform:translateY(-8px) rotateX(4deg) rotateY(-4deg) scale(1.01)!important;
  box-shadow:0 28px 58px rgba(17,20,24,.14)!important;
  border-color:rgba(199,161,74,.42)!important;
}
.category-card::after,.solution-card::after,.support-card::after,.stat::after,.step::after,.feature::after,.brand-card::after,.project-card::after,.industry::after,.quick-action::after,.review-card::after,.download-card::after,.insight-card::after,.case-card::after,.eco-card::after,.hub-card::after,.triage-card::after,.portfolio-card::after,.branch-card::after{
  content:"";position:absolute;left:-20%;top:-120%;width:50%;height:260%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent);
  transform:rotate(18deg);transition:left .7s ease;pointer-events:none;
}
.category-card:hover::after,.solution-card:hover::after,.support-card:hover::after,.stat:hover::after,.step:hover::after,.feature:hover::after,.brand-card:hover::after,.project-card:hover::after,.industry:hover::after,.quick-action:hover::after,.review-card:hover::after,.download-card:hover::after,.insight-card:hover::after,.case-card:hover::after,.eco-card:hover::after,.hub-card:hover::after,.triage-card:hover::after,.portfolio-card:hover::after,.branch-card:hover::after{
  left:115%;
}
.card-photo,.case-visual,.portfolio-card .visual,.review-card,.download-card .file-icon,.hub-icon,.contact-chip{
  transform:translateZ(18px);
}
.pill{
  background:linear-gradient(135deg,#fffaf1,#f6ece1)!important;
  border:1px solid rgba(199,161,74,.18)!important;
  color:#6b4f20!important;
}
.mega{
  background:rgba(255,250,244,.96)!important;
  border:1px solid rgba(199,161,74,.22)!important;
  box-shadow:0 28px 80px rgba(17,20,24,.16)!important;
}
.mega h4{color:var(--berry)!important}
.mega-feature{
  background:linear-gradient(135deg,#fff7eb,#f6eee4)!important;
  border:1px solid rgba(199,161,74,.18);
}
.v7-tools-toggle{
  background:linear-gradient(135deg,#15191f,#7d2c2a 58%,#c7a14a)!important;
  color:#fff!important;
  box-shadow:0 16px 34px rgba(17,20,24,.20)!important;
}
.v7-tools-menu{
  background:rgba(255,251,246,.96)!important;
  border-color:rgba(199,161,74,.22)!important;
}
.scroll-progress,.scroll-progress:before{
  background:linear-gradient(90deg,var(--berry),var(--gold),var(--slate))!important;
}
.quick-action i,.insight-art,.hub-icon,.download-card .file-icon{
  box-shadow:0 14px 26px rgba(17,20,24,.12);
}
input,select,textarea,.search-input,.field input,.field select,.field textarea,.form input,.form select,.form textarea{
  border-color:#d9d0c4!important;
  box-shadow:0 5px 12px rgba(17,20,24,.03) inset;
}
input:focus,select:focus,textarea:focus,.search-input:focus,.field input:focus,.field select:focus,.field textarea:focus,.form input:focus,.form select:focus,.form textarea:focus{
  outline:none;
  border-color:rgba(199,161,74,.76)!important;
  box-shadow:0 0 0 4px rgba(199,161,74,.12), 0 8px 18px rgba(17,20,24,.05);
}
footer.footer{
  background:linear-gradient(180deg,#111418 0%,#1c2026 100%)!important;
}
.footer a:hover{color:#f3d389!important}
@keyframes floatHero{0%,100%{transform:translateY(0px)}50%{transform:translateY(-8px)}}
@keyframes goldPulse{0%,100%{transform:scale(1);opacity:.70}50%{transform:scale(1.12);opacity:1}}
@keyframes slowSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.reveal{transition:transform .7s ease,opacity .7s ease}
.reveal.visible{transform:translateY(0) scale(1)!important}
@media (prefers-reduced-motion: reduce){
  .hero-media,.project-visual,.video-stage,.portal-screen{animation:none!important}
  .category-card,.solution-card,.support-card,.stat,.step,.feature,.brand-card,.project-card,.industry,.quick-action,.review-card,.download-card,.insight-card,.case-card,.eco-card,.hub-card,.triage-card,.portfolio-card,.branch-card{transition:none!important}
}
@media(max-width:1000px){
  .category-card:hover,.solution-card:hover,.support-card:hover,.stat:hover,.step:hover,.feature:hover,.brand-card:hover,.project-card:hover,.industry:hover,.quick-action:hover,.review-card:hover,.download-card:hover,.insight-card:hover,.case-card:hover,.eco-card:hover,.hub-card:hover,.triage-card:hover,.portfolio-card:hover,.branch-card:hover{
    transform:translateY(-4px)!important;
  }
}


/* V7.3 Social Hub + PITRA Knowledge Assistant */
.social-hub-section{background:linear-gradient(180deg,#171b20 0%,#242a31 100%);color:#fff;position:relative;overflow:hidden}
.social-hub-section:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-120px;top:-180px;background:radial-gradient(circle,rgba(199,161,74,.24),transparent 67%)}
.social-hub-section .section-head{position:relative;z-index:1}.social-hub-section .section-head p{color:#c8ced4}.social-hub-section h2{color:#fff}
.social-hub-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;position:relative;z-index:1}
.social-hub-card{min-height:178px;padding:22px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:14px;transition:.28s;box-shadow:0 18px 45px rgba(0,0,0,.14)}
.social-hub-card:hover{transform:translateY(-7px);background:rgba(255,255,255,.1);border-color:rgba(199,161,74,.42)}
.social-hub-card i{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#a72f2f,#c7a14a);font-style:normal;font-weight:950;font-size:17px;color:#fff;box-shadow:0 12px 24px rgba(0,0,0,.18)}
.social-hub-card b,.social-hub-card span,.social-hub-card em{display:block}.social-hub-card b{font-size:19px}.social-hub-card span{font-size:12px;color:#bfc7cd}.social-hub-card em{font-style:normal;font-size:12px;color:#efd58f;font-weight:900;margin-top:auto}
.social-footer-row{border-top:1px solid rgba(255,255,255,.08);margin-top:20px;padding-top:22px;padding-bottom:4px;display:flex;justify-content:space-between;align-items:center;gap:18px}.social-footer-row>div:first-child{display:grid}.social-footer-row b{color:#fff}.social-footer-row span{font-size:12px;color:#9eabb4}.social-mini-links{display:flex;gap:8px}.social-mini-links a{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.14);display:grid!important;place-items:center;margin:0!important;color:#fff!important;background:rgba(255,255,255,.05);font-weight:900;transition:.2s}.social-mini-links a:hover{background:linear-gradient(135deg,#8f2929,#b99140);transform:translateY(-2px)}
.pitra-v73-panel{width:min(430px,calc(100vw - 24px))!important;max-height:min(720px,calc(100vh - 90px))!important;border:1px solid rgba(199,161,74,.26)!important;box-shadow:0 30px 80px rgba(11,14,17,.25)!important}
.pitra-v73-panel .pitra-head{background:linear-gradient(120deg,#171b20,#742725 58%,#a98239)!important;color:#fff!important}.pitra-v73-panel .pitra-head small{color:#f0dfb2!important}
.pitra-v73-panel .pitra-messages{background:linear-gradient(180deg,#fbfaf8,#f5f1eb)!important}
.pitra-v73-panel .pitra-msg.bot{background:#fff!important;border:1px solid rgba(199,161,74,.14);box-shadow:0 8px 20px rgba(17,20,24,.05)}
.pitra-v73-panel .pitra-msg.user{background:linear-gradient(135deg,#26313a,#772a28)!important;color:#fff!important}
.pitra-v73-panel .pitra-suggestions{display:flex;gap:7px;flex-wrap:wrap}.pitra-v73-panel .pitra-suggestions button{border:1px solid #ddd3c4;background:#fff;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;cursor:pointer}.pitra-v73-panel .pitra-suggestions button:hover{border-color:#c7a14a;background:#fff8eb}
.pitra-helper{font-size:11px;color:#737981;line-height:1.45;padding:4px 2px 8px}
.pitra-v73-panel .pitra-msg ul{margin:8px 0 2px;padding-left:19px}.pitra-v73-panel .pitra-msg li{margin:3px 0}
.pitra-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.pitra-actions a{display:inline-flex;padding:7px 10px;border-radius:999px;border:1px solid rgba(199,161,74,.28);background:#fff8e9;color:#702827;font-size:11px;font-weight:900}.pitra-actions a:hover{background:#f6e7c4}
.pitra-social-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.pitra-social-links a{display:flex;align-items:center;gap:8px;border:1px solid #e2d8c9;border-radius:12px;padding:9px;background:#fff;color:#222}.pitra-social-links i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#8f2929,#b99140);color:#fff;font-style:normal;font-weight:900;font-size:10px}
.pitra-v73{background:linear-gradient(135deg,#191d22,#872b2a 55%,#c7a14a)!important;box-shadow:0 18px 38px rgba(17,20,24,.22)!important}
@media(max-width:1000px){.social-hub-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.social-hub-grid{grid-template-columns:1fr}.social-footer-row{display:block}.social-mini-links{margin-top:14px}.pitra-v73-panel{left:12px!important;right:12px!important;width:auto!important}}


/* PITRA B3 HYBRID */
.pitra-b3-panel .pitra-head{background:linear-gradient(135deg,#171a1f,#6f2424 55%,#b99042)}
.pitra-mode-badge{font-size:9px;font-weight:900;letter-spacing:.12em;border:1px solid rgba(255,255,255,.24);padding:5px 7px;border-radius:999px;color:#ffe9b2;background:rgba(255,255,255,.08)}
.pitra-answer-mode{font-size:9px;font-weight:900;letter-spacing:.1em;color:#8a6929;margin-right:auto}
.pitra-thinking{font-style:italic;color:#7b8087;background:linear-gradient(90deg,#f8f4ee,#fff,#f8f4ee);background-size:200% 100%;animation:pitraThink 1.2s linear infinite}
@keyframes pitraThink{from{background-position:200% 0}to{background-position:-200% 0}}
.pitra-b3-panel .pitra-helper{border-left:3px solid #c7a14a;padding-left:10px}