@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap');

:root{
  --ink:#081324;
  --ink-2:#121d33;
  --ink-3:#1b2842;
  --gold:#d4af37;
  --gold-2:#b88a2e;
  --gold-3:#f3d277;
  --ivory:#f3efe4;
  --cream:#fbf8ef;
  --paper:#ffffff;
  --muted:#aab4c5;
  --body:#263349;
  --line:rgba(212,175,55,.22);
  --white:#fff;
  --shadow:0 24px 80px rgba(0,0,0,.26);
  --radius:22px;
  --radius-sm:14px;
  --max:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--ink);
  color:var(--ivory);
  font-family:Montserrat,Arial,sans-serif;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
::selection{background:var(--gold);color:var(--ink)}

.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.eyebrow{font-size:.74rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem}
.kicker{color:var(--gold-3);font-weight:700}
.section{padding:88px 0}
.section-tight{padding:56px 0}
.dark-panel{background:linear-gradient(180deg,#081324 0%, #0b1729 100%)}
.light{background:var(--cream);color:var(--ink)}
.light .eyebrow{color:var(--gold-2)}
.light .muted,.light .lead{color:#3d4a5f}
.lead{font-size:1.1rem;color:#cbd3df;max-width:760px}
.muted{color:var(--muted)}
.gold{color:var(--gold)}

h1,h2,h3{font-family:'Playfair Display',Georgia,serif;line-height:1.05;margin:0;color:inherit}
h1{font-size:clamp(3rem,7vw,6.7rem);letter-spacing:-.04em}
h2{font-size:clamp(2.1rem,4vw,4.35rem);letter-spacing:-.03em}
h3{font-size:clamp(1.35rem,2.1vw,2rem);letter-spacing:-.02em}
p{margin:0 0 1rem}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.95rem 1.25rem;border-radius:4px;border:1px solid var(--line);font-weight:800;letter-spacing:.05em;text-transform:uppercase;font-size:.76rem;transition:.2s ease;cursor:pointer;min-height:46px}
.btn-primary{background:linear-gradient(135deg,var(--gold-3),var(--gold) 45%,var(--gold-2));color:#06101d;border-color:transparent;box-shadow:0 15px 35px rgba(212,175,55,.18)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 45px rgba(212,175,55,.25)}
.btn-ghost{background:rgba(255,255,255,.02);color:var(--ivory);border-color:rgba(243,210,119,.38)}
.btn-ghost:hover{border-color:var(--gold);background:rgba(212,175,55,.08)}
.btn-dark{background:var(--ink);color:var(--ivory)}

.site-header{position:sticky;top:0;z-index:50;background:rgba(8,19,36,.86);backdrop-filter:blur(20px);border-bottom:1px solid rgba(212,175,55,.28);box-shadow:0 8px 24px rgba(0,0,0,.25)}
.nav-wrap{height:96px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.brand{display:flex;align-items:center;gap:.8rem;min-width:max-content}
.brand img{height:62px;width:auto}
.brand-name{font-family:'Playfair Display',Georgia,serif;font-size:1.55rem;line-height:1;color:#fff}
.brand-sub{font-size:.62rem;letter-spacing:.32em;color:var(--gold);text-transform:uppercase;margin-top:.18rem}
.main-nav{display:flex;align-items:center;gap:1.9rem;font-size:.92rem;letter-spacing:.07em;font-weight:700;text-transform:uppercase;color:#e9edf4}
.main-nav a{opacity:.86;position:relative;padding:10px 0}
.main-nav a:hover,.main-nav a.active{opacity:1;color:var(--gold-3)}
.main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--gold)}
.nav-actions{display:flex;align-items:center;gap:.7rem}
.menu-toggle{display:none;background:transparent;border:1px solid rgba(212,175,55,.28);color:var(--ivory);width:44px;height:44px;border-radius:4px;align-items:center;justify-content:center;cursor:pointer}
.menu-toggle span{display:block;width:18px;height:2px;background:currentColor;box-shadow:0 6px 0 currentColor,0 -6px 0 currentColor}

.hero{position:relative;overflow:hidden;min-height:780px;display:grid;align-items:center;background:radial-gradient(circle at 75% 30%,rgba(212,175,55,.16),transparent 28%),linear-gradient(115deg,rgba(8,19,36,.98),rgba(8,19,36,.92) 45%,rgba(8,19,36,.75)),url('../img/homepage-concept-reference.png');background-size:cover;background-position:center}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:170px;background:linear-gradient(0deg,var(--ink),transparent);pointer-events:none}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.04fr .96fr;gap:4rem;align-items:center;padding:100px 0 70px}
.hero h1 span{display:block;color:var(--gold)}
.hero-copy{font-size:1.13rem;color:#e8edf6;max-width:620px;margin:1.45rem 0 1.9rem}
.hero-actions{display:flex;gap:.9rem;flex-wrap:wrap}
.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:2.1rem;max-width:720px}
.proof-chip{border:1px solid rgba(212,175,55,.2);background:rgba(255,255,255,.035);padding:.85rem;border-radius:12px;color:#dfe7f2;font-size:.78rem;font-weight:700}
.proof-chip strong{display:block;color:var(--gold);font-size:1.2rem;margin-bottom:.1rem}

.dashboard-card{position:relative;background:linear-gradient(180deg,rgba(18,29,51,.84),rgba(8,19,36,.94));border:1px solid rgba(212,175,55,.2);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.2rem;min-height:450px;overflow:hidden}
.dashboard-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 0%,rgba(212,175,55,.18),transparent 32%);pointer-events:none}
.dash-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.9rem;position:relative;z-index:1}
.dash-logo{display:flex;align-items:center;gap:.55rem;color:#fff;font-weight:800}.dash-logo img{height:30px}
.dash-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.1rem 0;position:relative;z-index:1}.metric{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1rem}.metric span{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.metric strong{display:block;font-size:1.55rem;color:#fff}.metric em{font-style:normal;color:#55d6a8;font-size:.78rem}
.chart{height:160px;margin-top:1.1rem;background:linear-gradient(180deg,rgba(212,175,55,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:14px;position:relative;overflow:hidden}.chart svg{position:absolute;inset:0;width:100%;height:100%}
.audit-card{position:absolute;right:1.3rem;bottom:1.3rem;width:245px;background:#f9f6ec;color:var(--ink);border-radius:16px;padding:1.1rem;box-shadow:0 20px 50px rgba(0,0,0,.32)}.audit-card h4{font-family:'Playfair Display',Georgia,serif;font-size:1.25rem;margin:.1rem 0 .4rem}.score{width:74px;height:74px;border:4px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:1.4rem;float:right;margin-left:1rem}.audit-line{height:8px;background:#e5dfcf;border-radius:99px;margin:.7rem 0}.audit-line span{display:block;height:100%;background:var(--gold);border-radius:99px}

.service-strip{background:#07101d;border-top:1px solid rgba(212,175,55,.14);border-bottom:1px solid rgba(212,175,55,.14)}
.strip-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0}.strip-item{display:flex;align-items:center;gap:.7rem;justify-content:center;min-height:76px;border-right:1px solid rgba(212,175,55,.14);font-size:.78rem;font-weight:700;color:#d8dfeb}.strip-item:first-child{border-left:1px solid rgba(212,175,55,.14)}.strip-icon{color:var(--gold);font-size:1.45rem}

.split{display:grid;grid-template-columns:.82fr 1.18fr;gap:4rem;align-items:start}.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.problem-card{background:#fff;border:1px solid #e5dfd0;padding:1.3rem;border-radius:0;text-align:center;min-height:160px;transition:.18s ease}.problem-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(8,19,36,.09)}.problem-icon{font-size:1.75rem;color:var(--gold-2);margin-bottom:.65rem}.problem-card h3{font-size:1.1rem;color:var(--ink);margin-bottom:.4rem}.problem-card p{font-size:.86rem;color:#4b5668;margin:0}

.growth{background:linear-gradient(180deg,#081324,#07101d);position:relative;overflow:hidden}.growth:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 0%,rgba(212,175,55,.1),transparent 30%),radial-gradient(circle at 90% 100%,rgba(212,175,55,.09),transparent 25%);pointer-events:none}.center{text-align:center;margin-inline:auto}.center .lead{margin-inline:auto}.system-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-top:2.2rem;position:relative;z-index:1}.system-card{border:1px solid rgba(212,175,55,.22);background:rgba(255,255,255,.025);padding:1.45rem 1.1rem;min-height:260px;display:flex;flex-direction:column;align-items:flex-start}.system-card .num{color:var(--gold);font-weight:800;letter-spacing:.18em;font-size:.72rem;text-transform:uppercase}.system-card h3{font-size:1.22rem;margin:.8rem 0 .7rem}.system-card p{color:#cbd3df;font-size:.9rem}.learn{margin-top:auto;color:var(--gold);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.11em}

.audit-feature{display:grid;grid-template-columns:.92fr 1.08fr;gap:3rem;align-items:center}.audit-visual{min-height:420px;border-radius:var(--radius);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),url('../img/brand-board-reference.png');background-size:cover;background-position:center;box-shadow:var(--shadow);border:1px solid rgba(212,175,55,.18)}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem 1rem;margin:1.4rem 0}.check{display:flex;gap:.55rem;align-items:flex-start;color:#344158}.check:before{content:"✓";color:var(--gold-2);font-weight:800}

.packages{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.package{background:#fff;color:var(--ink);border:1px solid #e8dfc9;border-radius:18px;padding:1.4rem;display:flex;flex-direction:column;min-height:330px}.package h3{font-size:1.45rem}.package p{color:#49566a;font-size:.9rem}.package ul{padding:0;margin:1rem 0;list-style:none}.package li{display:flex;gap:.45rem;margin:.48rem 0;font-size:.85rem;color:#303b4f}.package li:before{content:"•";color:var(--gold-2);font-weight:900}.package .btn{margin-top:auto;width:100%}.package.featured{background:linear-gradient(180deg,#0c1728,#111e33);color:#fff;border-color:rgba(212,175,55,.35);box-shadow:0 30px 80px rgba(8,19,36,.16)}.package.featured p,.package.featured li{color:#d0d8e4}

.industries-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:1.6rem}.industry{border:1px solid rgba(212,175,55,.18);background:rgba(255,255,255,.035);padding:.9rem 1rem;border-radius:12px;color:#dfe6f0;font-weight:700;font-size:.9rem}.industry:before{content:"◆";color:var(--gold);font-size:.65rem;margin-right:.45rem}

.compliance-box{border:1px solid rgba(212,175,55,.25);background:linear-gradient(135deg,rgba(212,175,55,.08),rgba(255,255,255,.02));border-radius:var(--radius);padding:2rem;display:grid;grid-template-columns:.75fr 1.25fr;gap:2rem;align-items:center}.trust-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.trust-item{display:flex;gap:.65rem;align-items:flex-start;color:#dbe3ef}.trust-item:before{content:"✓";color:var(--gold);font-weight:900}

.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.case-card{background:#fff;color:var(--ink);border:1px solid #e7decb;border-radius:var(--radius-sm);overflow:hidden}.case-image{height:180px;background:linear-gradient(135deg,#081324,#1d2b45);display:grid;place-items:center}.case-image img{max-height:110px;opacity:.95}.case-card-content{padding:1.25rem}.case-card h3{font-size:1.32rem}.case-card p{color:#4a5668;font-size:.9rem}

.contact-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:start}.contact-card{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid rgba(212,175,55,.2);border-radius:var(--radius);padding:2rem}.form{background:#fff;color:var(--ink);border-radius:var(--radius);padding:1.6rem;box-shadow:var(--shadow)}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field.full{grid-column:1/-1}.field label{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#354258}.field input,.field select,.field textarea{width:100%;border:1px solid #d9d2c4;border-radius:10px;padding:.88rem 1rem;background:#fbfaf6;color:var(--ink);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(212,175,55,.14)}.form-note{font-size:.78rem;color:#5b6678;margin-top:.8rem}.success{display:none;margin-top:1rem;background:#edf8f2;color:#0b5b36;border:1px solid #9bddbe;border-radius:12px;padding:.9rem}.success.show{display:block}

.site-footer{background:#050c16;border-top:1px solid rgba(212,175,55,.14);padding:45px 0 28px;color:#cbd3df}.footer-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr .9fr;gap:2rem}.footer-logo{height:58px;width:auto;margin-bottom:.8rem}.footer h4{color:#fff;margin:.2rem 0 .8rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.12em}.footer a{display:block;color:#cbd3df;margin:.35rem 0;font-size:.9rem}.footer a:hover{color:var(--gold-3)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:2rem;padding-top:1rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.82rem;color:#8995a6}

.page-hero{padding:105px 0 70px;background:radial-gradient(circle at 80% 20%,rgba(212,175,55,.12),transparent 28%),linear-gradient(180deg,#081324,#0b1729);border-bottom:1px solid rgba(212,175,55,.14)}
.page-hero h1{font-size:clamp(2.8rem,6vw,5.6rem)}
.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.content-card{background:#fff;color:var(--ink);border:1px solid #e5dfd0;border-radius:18px;padding:1.5rem}.content-card p{color:#4b5668}.list-clean{padding:0;margin:1rem 0;list-style:none}.list-clean li{border-bottom:1px solid #e8e1d2;padding:.7rem 0;color:#39465a}.list-clean li:before{content:"✓";color:var(--gold-2);font-weight:900;margin-right:.6rem}

.reveal{opacity:0;transform:translateY(18px);transition:.6s ease}.reveal.in{opacity:1;transform:translateY(0)}

@media (max-width: 1080px){
  .hero-grid,.split,.audit-feature,.contact-wrap,.compliance-box{grid-template-columns:1fr}.hero{min-height:auto}.dashboard-card{min-height:400px}.system-grid,.packages{grid-template-columns:repeat(2,1fr)}.problem-grid,.industries-grid{grid-template-columns:repeat(2,1fr)}.strip-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.main-nav{position:fixed;inset:78px 0 auto 0;background:rgba(8,19,36,.98);border-bottom:1px solid rgba(212,175,55,.2);padding:1rem 20px;display:none;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.menu-toggle{display:flex}.nav-actions .btn{display:none}.brand img{height:44px}.case-grid{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}}
@media (max-width: 680px){
  .container{width:min(100% - 28px,var(--max))}.section{padding:64px 0}.hero-grid{padding:74px 0 48px;gap:2rem}h1{font-size:3.15rem}.hero-proof,.dash-metrics,.field-grid{grid-template-columns:1fr}.problem-grid,.system-grid,.packages,.industries-grid,.trust-list,.case-grid,.footer-grid{grid-template-columns:1fr}.strip-grid{grid-template-columns:1fr}.strip-item{justify-content:flex-start;border-left:1px solid rgba(212,175,55,.14);padding:0 1rem}.audit-card{position:relative;right:auto;bottom:auto;width:auto;margin-top:1rem}.dashboard-card{min-height:auto}.hero-actions .btn{width:100%}.page-hero{padding:78px 0 54px}.footer-bottom{display:block}.brand-name{font-size:1.05rem}.brand-sub{font-size:.47rem;letter-spacing:.2em}}


/* === v0.2 Premium Visual Pass ========================================== */
body{overflow-x:hidden;}
.site-header{background:rgba(8,19,36,.92);}
.nav-wrap{height:70px;gap:1rem;}
.brand{gap:.65rem;max-width:290px;}
.brand img{height:42px;flex:0 0 auto;}
.brand > span{display:flex;flex-direction:column;gap:.12rem;min-width:0;}
.brand-name{display:block;font-size:1.18rem;white-space:nowrap;}
.brand-sub{display:block;font-size:.44rem;letter-spacing:.22em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.main-nav{gap:1rem;font-size:.70rem;}
.nav-actions .btn{padding:.8rem 1rem;min-height:42px;}

.hero{background-image:radial-gradient(circle at 74% 26%,rgba(212,175,55,.14),transparent 28%),linear-gradient(115deg,rgba(8,19,36,.99),rgba(8,19,36,.92) 48%,rgba(8,19,36,.76)),url('../img/homepage-concept-reference.png');min-height:720px;}
.hero-grid{gap:3.25rem;padding:78px 0 58px;}
.hero h1{max-width:760px;}
.hero-copy{max-width:610px;}
.dashboard-card{transform:translateY(8px);}

.center{max-width:1000px;margin-bottom:2rem;}
.split{grid-template-columns:.88fr 1.12fr;gap:3.2rem;}
.split h2{font-size:clamp(2.3rem,3.35vw,4.45rem);}
.problem-grid{gap:1.05rem;}
.problem-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:178px;padding:1.15rem;}
.problem-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #eadfbe;border-radius:999px;font-size:1.05rem;background:#fffaf0;margin-bottom:.85rem;}
.problem-card h3{line-height:1.05;}

.system-grid{margin-top:2.4rem;}
.system-card{min-height:280px;border-color:rgba(212,175,55,.28);}
.packages{margin-top:2.25rem;align-items:stretch;}
.package{min-height:360px;padding:1.55rem;}
.package h3{line-height:1.02;}
.package .btn{min-height:48px;}
.industries-grid{margin-top:2rem;}
.compliance-box{padding:2.6rem;}

.audit-feature{grid-template-columns:.96fr 1.04fr;gap:3.4rem;}
.audit-visual{min-height:420px;border-radius:24px;background:linear-gradient(135deg,#f8f4e9,#efe8d9);display:grid;place-items:center;padding:2rem;box-shadow:0 30px 90px rgba(8,19,36,.16);border:1px solid #e4d8bb;}
.report-sheet{width:min(100%,440px);background:#fffdf8;color:#081324;border:1px solid #dacfab;border-radius:8px;padding:1.25rem 1.25rem 1.1rem;box-shadow:0 24px 60px rgba(8,19,36,.18);transform:rotate(-1.4deg);}
.report-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #ded5c2;padding-bottom:.8rem;margin-bottom:1rem;gap:1rem;}
.report-brand{display:flex;align-items:center;gap:.45rem;font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:1.02rem;}
.report-brand img{width:34px;height:auto;}
.report-meta{text-align:right;font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#526075;line-height:1.4;}
.report-meta span{color:#b88a2e;}
.report-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;}
.report-title-row h3{font-size:1.45rem;letter-spacing:.04em;}
.report-title-row p{font-size:.78rem;color:#506077;margin:.25rem 0 0;}
.report-score{width:86px;height:86px;border:5px solid #d4af37;border-radius:50%;display:grid;place-items:center;align-content:center;line-height:1;background:#fffaf0;}
.report-score strong{font-size:1.75rem;}
.report-score span{font-size:.65rem;color:#59667a;margin-top:.15rem;}
.report-bars{display:grid;gap:.72rem;margin:1.1rem 0;}
.report-bars div{display:grid;grid-template-columns:1fr 1.15fr 28px;gap:.65rem;align-items:center;font-size:.67rem;color:#344158;font-weight:700;}
.report-bars b{display:block;height:8px;background:linear-gradient(90deg,#d4af37,#f3d277);border-radius:999px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);}
.report-bars em{font-style:normal;text-align:right;color:#081324;font-weight:800;}
.report-next{border-top:1px solid #ded5c2;margin-top:1rem;padding-top:.85rem;font-size:.72rem;color:#46556a;}

.contact-wrap{gap:3.6rem;}
.form{box-shadow:0 30px 90px rgba(8,19,36,.14);}
.site-footer{padding-top:60px;}
.footer-logo{height:46px;}

@media (max-width: 1280px){
  .main-nav{gap:.78rem;font-size:.66rem;}
  .brand{max-width:250px;}
  .nav-actions .btn{font-size:.68rem;padding:.75rem .85rem;}
  .packages{grid-template-columns:repeat(3,1fr);}
  .package{min-height:320px;}
}
@media (max-width: 1080px){
  .nav-wrap{height:68px;}
  .main-nav{inset:68px 0 auto 0;}
  .hero-grid,.split,.audit-feature,.contact-wrap,.compliance-box{grid-template-columns:1fr;}
  .audit-feature{gap:2rem;}
  .packages{grid-template-columns:repeat(2,1fr);}
  .audit-visual{min-height:360px;}
  .brand{max-width:320px;}
}
@media (max-width: 760px){
  .container{width:min(100% - 30px,var(--max));}
  .nav-wrap{height:64px;}
  .brand img{height:38px;}
  .brand-name{font-size:1rem;}
  .brand-sub{display:none;}
  .main-nav{inset:64px 0 auto 0;}
  .hero{min-height:auto;background-position:center top;}
  .hero-grid{padding:64px 0 44px;}
  h1{font-size:clamp(3.05rem,17vw,4.6rem);letter-spacing:-.055em;}
  h2{font-size:clamp(2.1rem,12vw,3.35rem);}
  .lead{font-size:1rem;}
  .dashboard-card{padding:1rem;border-radius:18px;transform:none;}
  .dash-top{align-items:flex-start;gap:.6rem;}
  .dash-metrics{grid-template-columns:1fr;}
  .service-strip{display:none;}
  .problem-grid,.system-grid,.packages,.industries-grid,.trust-list,.footer-grid{grid-template-columns:1fr;}
  .problem-card{min-height:150px;}
  .system-card,.package{min-height:auto;}
  .audit-visual{padding:1rem;min-height:330px;}
  .report-sheet{transform:none;}
  .report-title-row{align-items:flex-start;}
  .report-score{width:72px;height:72px;}
  .report-bars div{grid-template-columns:1fr;gap:.25rem;}
  .compliance-box{padding:1.3rem;border-radius:16px;}
  .field-grid{grid-template-columns:1fr;}
  .footer-bottom{display:block;}
}


/* === v0.3 Mobile + Conversion Polish =================================== */
html{scroll-padding-top:92px;}
.skip-link{position:absolute;left:-999px;top:0;background:#fff;color:#081324;padding:.75rem 1rem;z-index:9999;border-radius:0 0 10px 0;font-weight:800;}
.skip-link:focus{left:0;}
.site-header{transition:background .25s ease, box-shadow .25s ease, border-color .25s ease;}
.site-header.scrolled{background:rgba(5,12,22,.965);box-shadow:0 18px 45px rgba(0,0,0,.22);border-bottom-color:rgba(212,175,55,.22);}
.main-nav a.active{color:#fff;}
.main-nav a.active::after{content:"";display:block;height:2px;background:var(--gold);margin-top:.25rem;border-radius:999px;}
.menu-toggle.open span{background:transparent;}
.menu-toggle.open span:before{transform:rotate(45deg);top:0;}
.menu-toggle.open span:after{transform:rotate(-45deg);top:0;}
.menu-toggle span:before,.menu-toggle span:after{transition:transform .22s ease, top .22s ease;}

.conversion-rail{background:linear-gradient(180deg,#07111f,#0b1729);border-top:1px solid rgba(212,175,55,.12);border-bottom:1px solid rgba(212,175,55,.12);padding:58px 0;}
.conversion-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:2rem;align-items:center;}
.conversion-intro h2{font-size:clamp(2rem,3.2vw,3.7rem);margin-bottom:.65rem;}
.conversion-intro p{color:#bfc8d6;max-width:520px;}
.conversion-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;}
.conversion-steps article{background:rgba(255,255,255,.035);border:1px solid rgba(212,175,55,.18);border-radius:16px;padding:1.05rem;min-height:160px;display:flex;flex-direction:column;justify-content:flex-start;}
.conversion-steps span{font-size:.72rem;color:var(--gold);font-weight:900;letter-spacing:.16em;margin-bottom:.55rem;}
.conversion-steps strong{font-family:'Playfair Display',Georgia,serif;font-size:1.32rem;color:#fff;line-height:1.05;}
.conversion-steps p{font-size:.8rem;color:#c6cfdb;margin:.6rem 0 0;line-height:1.5;}

.mobile-audit-bar{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:1200;background:linear-gradient(135deg,#d4af37,#f3d277);color:#07111f;border-radius:999px;padding:.85rem 1rem;text-align:center;font-size:.78rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 18px 40px rgba(0,0,0,.28);}

.package,.problem-card,.system-card,.content-card,.form,.audit-visual{transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;}
@media (hover:hover){
  .package:hover,.problem-card:hover,.system-card:hover,.content-card:hover{transform:translateY(-3px);box-shadow:0 24px 70px rgba(8,19,36,.12);border-color:rgba(212,175,55,.38);}
  .dark-panel .system-card:hover,.system-card:hover{box-shadow:0 24px 70px rgba(0,0,0,.25);}
}

.page-hero .lead{max-width:780px;}
.content-card h2{font-size:clamp(1.55rem,2.2vw,2.45rem);}
.form .btn{min-width:180px;}

@media (max-width: 1180px){
  .conversion-grid{grid-template-columns:1fr;}
  .conversion-steps{grid-template-columns:repeat(5,minmax(140px,1fr));overflow-x:auto;padding-bottom:.4rem;scroll-snap-type:x mandatory;}
  .conversion-steps article{scroll-snap-align:start;}
}
@media (max-width: 760px){
  html{scroll-padding-top:74px;}
  body{padding-bottom:78px;}
  .mobile-audit-bar{display:block;}
  .hero-copy{font-size:1rem;}
  .hero-proof{gap:.55rem;}
  .proof-chip{padding:.8rem .85rem;font-size:.72rem;}
  .conversion-rail{padding:42px 0;}
  .conversion-intro p{font-size:.96rem;}
  .conversion-steps{grid-template-columns:1fr;overflow:visible;}
  .conversion-steps article{min-height:auto;}
  .main-nav.open{max-height:calc(100vh - 64px);overflow:auto;box-shadow:0 30px 70px rgba(0,0,0,.35);}
  .main-nav a{width:100%;padding:.82rem 0;border-bottom:1px solid rgba(255,255,255,.06);}
  .main-nav a.active::after{display:none;}
  .page-hero h1{font-size:clamp(2.55rem,14vw,4.2rem);}
  .contact-wrap{gap:1.6rem;}
  .form{padding:1.15rem;}
  .footer-logo{height:40px;max-width:240px;}
}

.inner-final-cta{padding-top:0;}
.cta-panel{background:linear-gradient(135deg,#081324,#111d30);color:#fff;}
.cta-panel .lead{color:#ccd4df;}


/* === v0.4 Deployment Readiness Pass ===================================== */
.hidden-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;}
.legal-copy h3{font-family:Montserrat,Arial,sans-serif;font-size:1rem;letter-spacing:.02em;margin:1.25rem 0 .4rem;color:#111d30;}
.legal-copy p{max-width:880px;}
.page-hero .hero-actions{margin-top:1.4rem;}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;}
  .reveal{opacity:1!important;transform:none!important;}
}
@media print{
  .site-header,.mobile-audit-bar,.hero-actions,.site-footer,.btn{display:none!important;}
  body{background:#fff;color:#111;}
  .section,.page-hero{padding:22px 0;}
  .content-card,.form,.report-sheet{box-shadow:none;border:1px solid #ccc;}
}


/* === v0.5 Search, Analytics & Crawler Readiness ======================== */
.intelligence{background:linear-gradient(180deg,#091524,#0e1b30);border-top:1px solid rgba(212,175,55,.14);border-bottom:1px solid rgba(212,175,55,.14)}
.intelligence-grid,.seo-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:3rem;align-items:center}
.control-panel{border:1px solid rgba(212,175,55,.22);background:rgba(255,255,255,.035);border-radius:24px;padding:1.2rem;box-shadow:0 24px 80px rgba(0,0,0,.18)}
.control-row{display:grid;grid-template-columns:.52fr 1fr;gap:1rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.08)}
.control-row:last-child{border-bottom:0}.control-row span{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-weight:900}.control-row strong{color:#eef3fb;font-size:.95rem}
.seo-checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.seo-checklist div{background:#fff;border:1px solid #e5dfd0;border-radius:18px;padding:1.2rem;box-shadow:0 18px 50px rgba(8,19,36,.06)}.seo-checklist strong{display:block;font-family:'Playfair Display',Georgia,serif;font-size:1.45rem;color:var(--ink);margin-bottom:.35rem}.seo-checklist span{color:#4b5668;font-size:.9rem}
.footer-grid-v05{grid-template-columns:1.05fr .8fr .85fr .8fr .85fr}
.resources-grid,.industry-matrix,.report-suite{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.industry-matrix article,.report-suite article{background:#fff;color:var(--ink);border:1px solid #e5dfd0;border-radius:18px;padding:1.35rem}.industry-matrix span,.report-suite strong{display:block;color:var(--gold-2);font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.industry-matrix p,.report-suite p{color:#4b5668}.report-suite{grid-template-columns:repeat(4,1fr)}.report-suite article{min-height:220px}.proof-console{display:grid;grid-template-columns:.95fr 1.05fr;gap:2rem;align-items:center}.console-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.console-metric{border:1px solid rgba(212,175,55,.25);background:rgba(255,255,255,.04);border-radius:18px;padding:1.2rem}.console-metric span{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--gold)}.console-metric strong{display:block;font-size:1.5rem;color:#fff;margin-top:.35rem}
.search-shell{display:grid;grid-template-columns:.72fr 1.28fr;gap:2rem}.search-panel{background:#fff;border:1px solid #e5dfd0;border-radius:22px;padding:1.4rem;align-self:start}.site-search-input{width:100%;border:1px solid #d9d2c4;border-radius:12px;padding:1rem 1.1rem;background:#fbfaf6;color:var(--ink);font-size:1.05rem}.site-search-input:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 4px rgba(212,175,55,.14)}.site-search-results{display:grid;gap:1rem}.search-result-card{background:#fff;border:1px solid #e5dfd0;border-radius:18px;padding:1.2rem;transition:.2s ease}.search-result-card:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(8,19,36,.08)}.search-result-card span{font-size:.68rem;color:var(--gold-2);font-weight:900;text-transform:uppercase;letter-spacing:.13em}.search-result-card h3{font-size:1.55rem;margin:.2rem 0}.search-result-card p{color:#4b5668;margin:0}.analytics-hero{background:radial-gradient(circle at 80% 20%,rgba(212,175,55,.12),transparent 28%),linear-gradient(180deg,#050c16,#0b1729)}.analytics-gate,.analytics-dashboard{background:#fff;color:var(--ink);border:1px solid #e5dfd0;border-radius:22px;padding:1.5rem;box-shadow:0 24px 70px rgba(8,19,36,.12)}.analytics-gate input{display:block;width:min(100%,420px);border:1px solid #d9d2c4;border-radius:10px;padding:.9rem 1rem;margin:1rem 0}.hidden{display:none!important}.dashboard-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;border-bottom:1px solid #e6decb;padding-bottom:1rem;margin-bottom:1rem}.toolbar-actions{display:flex;gap:.55rem;flex-wrap:wrap}.danger{background:#5b1b1b!important;border-color:#8c3434!important;color:#fff!important}.analytics-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin:1rem 0}.analytics-card{background:#081324;color:#fff;border-radius:16px;padding:1rem}.analytics-card span{display:block;color:var(--gold);font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.analytics-card strong{font-size:1.7rem}.analytics-panels{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:1rem}.analytics-panels section{border:1px solid #e5dfd0;border-radius:18px;padding:1rem}.analytics-row,.event-line{display:grid;grid-template-columns:1fr auto;gap:.75rem;border-bottom:1px solid #eee5d5;padding:.55rem 0}.event-line{grid-template-columns:.72fr .45fr 1fr}.event-line span,.event-line em{font-style:normal;color:#5d6878;font-size:.75rem}.event-line strong{font-size:.75rem;color:var(--ink)}
@media (max-width:1080px){.intelligence-grid,.seo-grid,.proof-console,.search-shell{grid-template-columns:1fr}.report-suite,.analytics-metrics,.analytics-panels{grid-template-columns:repeat(2,1fr)}.footer-grid-v05{grid-template-columns:1fr 1fr}.control-row{grid-template-columns:1fr}.resources-grid,.industry-matrix{grid-template-columns:1fr}}
@media (max-width:680px){.seo-checklist,.report-suite,.console-preview,.analytics-metrics,.analytics-panels,.footer-grid-v05{grid-template-columns:1fr}.dashboard-toolbar{align-items:flex-start}.toolbar-actions .btn{width:100%}.event-line{grid-template-columns:1fr}.search-shell{gap:1rem}}



/* === v0.6 Concept Alignment Pass =======================================
   Goal: bring the working site closer to the generated north-star concept:
   darker cinematic hero, stronger right-side device scene, cleaner header,
   concept-order homepage flow, premium audit/partner strip, better spacing.
========================================================================== */

.site-header{
  background:rgba(4,12,22,.96);
  backdrop-filter: blur(14px);
  border-bottom:1px solid rgba(212,175,55,.14);
}
.nav-wrap{height:64px;}
.brand.brand-image{max-width:240px;min-width:210px;overflow:visible}
.brand-horizontal{
  width:220px!important;
  height:auto!important;
  display:block;
  object-fit:contain;
}
.main-nav{gap:1.08rem;font-size:.66rem;letter-spacing:.12em;}
.nav-actions .btn{border-radius:3px;min-height:42px;padding:.82rem 1.05rem;}

.hero{
  min-height:470px;
  background:
    radial-gradient(circle at 72% 22%,rgba(212,175,55,.16),transparent 24%),
    linear-gradient(90deg,rgba(4,12,22,.99) 0%,rgba(4,12,22,.96) 43%,rgba(4,12,22,.78) 70%,rgba(4,12,22,.93) 100%);
  border-bottom:1px solid rgba(212,175,55,.16);
}
.hero:after{height:88px;background:linear-gradient(0deg,#050c16,transparent);}
.hero-grid{
  grid-template-columns:.88fr 1.12fr;
  gap:2.2rem;
  padding:68px 0 42px;
  min-height:470px;
}
.hero .eyebrow{font-size:.72rem;letter-spacing:.22em;margin-bottom:1.1rem;}
.hero h1{
  font-size:clamp(3.55rem,5.65vw,6.8rem);
  max-width:580px;
  line-height:.91;
  letter-spacing:-.052em;
}
.hero-copy{
  font-size:1.04rem;
  line-height:1.62;
  max-width:470px;
  margin:1.35rem 0 1.7rem;
  color:#f0f4fa;
}
.hero-proof{display:none;}
.concept-hero-panel{
  position:relative;
  min-height:365px;
  display:grid;
  place-items:center;
  align-self:stretch;
}
.concept-hero-panel img{
  width:100%;
  max-width:720px;
  height:365px;
  object-fit:cover;
  object-position:center;
  border-radius:20px;
  box-shadow:0 34px 120px rgba(0,0,0,.55);
  opacity:.9;
  border:1px solid rgba(212,175,55,.18);
  filter:saturate(.98) contrast(1.06);
}
.concept-hero-panel:before{
  content:"";
  position:absolute;
  inset:5% -4% 0 8%;
  background:radial-gradient(circle at 48% 40%,rgba(212,175,55,.18),transparent 34%);
  pointer-events:none;
}
.concept-mini-card{
  position:absolute;
  right:4%;
  bottom:9%;
  width:min(260px,42%);
  border:1px solid rgba(212,175,55,.28);
  border-radius:18px;
  background:rgba(7,17,31,.82);
  box-shadow:0 18px 48px rgba(0,0,0,.35);
  padding:1rem;
  backdrop-filter:blur(12px);
}
.concept-mini-card strong{display:block;color:#fff;font-size:.9rem;letter-spacing:.02em;}
.concept-mini-card span{display:block;color:#c4cfdd;font-size:.72rem;margin:.28rem 0 .45rem}
.concept-mini-card em{font-style:normal;color:var(--gold);font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}

.service-strip{
  background:#050c16;
  border-top:1px solid rgba(212,175,55,.08);
  border-bottom:1px solid rgba(212,175,55,.16);
}
.strip-grid{min-height:58px;}
.strip-item{font-size:.77rem;}
.strip-icon{font-size:1.55rem;color:var(--gold)}

.section.light{background:#f6f2e8;}
.section.light .split{align-items:start;}
.split{grid-template-columns:.82fr 1.18fr;gap:3.5rem;}
.split h2{
  font-size:clamp(2.85rem,4.25vw,5.25rem);
  line-height:.96;
  letter-spacing:-.045em;
}
.split .lead{font-size:1.04rem;max-width:520px;color:#344158;}
.problem-grid{
  grid-template-columns:repeat(4,1fr);
  gap:1rem;
}
.problem-card{
  min-height:180px;
  border-color:#e1d8c6;
  background:#fffdf8;
  box-shadow:0 12px 30px rgba(8,19,36,.035);
}
.problem-card:hover{
  transform:translateY(-4px);
  border-color:rgba(184,138,46,.38);
  box-shadow:0 20px 45px rgba(8,19,36,.065);
}
.problem-icon{
  border:0;
  background:transparent;
  color:var(--gold-2);
  font-size:1.45rem;
  margin-bottom:.65rem;
}
.problem-card h3{font-size:1.18rem;margin-bottom:.3rem;}
.problem-card p{font-size:.84rem;line-height:1.45;}

.growth{
  background:radial-gradient(circle at 50% 5%,rgba(212,175,55,.08),transparent 30%),linear-gradient(180deg,#050c16,#081324);
}
.growth .center{margin-bottom:1.5rem;}
.growth h2{
  font-size:clamp(2.25rem,3.35vw,4rem);
  max-width:780px;
  margin-left:auto;
  margin-right:auto;
}
.system-grid{
  grid-template-columns:repeat(5,1fr);
  gap:1rem;
}
.system-card{
  min-height:245px;
  padding:1.35rem;
  border-color:rgba(212,175,55,.24);
  background:rgba(255,255,255,.025);
}
.system-card h3{font-size:1.55rem;}
.system-card p{font-size:.9rem;color:#c9d2df;}

.audit-feature{
  grid-template-columns:.9fr 1.1fr;
  gap:3.8rem;
  align-items:center;
}
.audit-desk{
  position:relative;
  min-height:260px;
  padding:0;
  overflow:hidden;
  background:#090f17;
  border-radius:0 20px 20px 0;
  box-shadow:0 25px 80px rgba(8,19,36,.14);
}
.audit-desk img{
  width:100%;
  height:100%;
  min-height:260px;
  display:block;
  object-fit:cover;
  object-position:left center;
  filter:saturate(.95) contrast(1.04);
}
.audit-score-chip{
  position:absolute;
  right:22px;
  bottom:22px;
  width:112px;
  height:112px;
  border-radius:50%;
  display:grid;
  place-items:center;
  align-content:center;
  background:#fffdf8;
  color:#081324;
  border:5px solid var(--gold);
  box-shadow:0 18px 50px rgba(0,0,0,.24);
}
.audit-score-chip strong{font-size:2.2rem;line-height:1;}
.audit-score-chip span{font-size:.58rem;text-transform:uppercase;letter-spacing:.11em;text-align:center;font-weight:900;color:#536175;max-width:76px}
.check-grid{margin:1.45rem 0 1.4rem;}

.trusted-concept{
  background:#050c16;
  color:#fff;
  text-align:center;
  border-top:1px solid rgba(212,175,55,.12);
  border-bottom:1px solid rgba(212,175,55,.12);
  padding:34px 0 22px;
}
.trusted-heading{
  color:var(--gold);
  font-weight:900;
  letter-spacing:.2em;
  text-transform:uppercase;
  font-size:.72rem;
  margin-bottom:.5rem;
}
.trusted-concept p{color:#d0d7e2;margin:0 0 1.35rem;font-size:.95rem}
.trusted-logos{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:1.2rem;
  align-items:center;
  padding:0 0 1.35rem;
  border-bottom:1px solid rgba(212,175,55,.28);box-shadow:0 8px 24px rgba(0,0,0,.25);
}
.trusted-logos span{
  font-family:'Playfair Display',Georgia,serif;
  color:#d7deea;
  opacity:.88;
  font-size:1.34rem;
  letter-spacing:.02em;
  line-height:1.05;
}
.trust-badges{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:0;
  padding-top:1rem;
}
.trust-badges div{
  min-height:48px;
  display:grid;
  place-items:center;
  padding:.35rem .6rem;
  border-right:1px solid rgba(212,175,55,.14);
  color:#e8edf6;
  font-size:.76rem;
  line-height:1.25;
}
.trust-badges div:last-child{border-right:0;}
.trust-badges strong{font-weight:700;}

#packages{padding-top:78px;}
.conversion-rail{padding:70px 0;}
.intelligence{padding-top:84px;padding-bottom:84px;}

@media (max-width:1280px){
  .brand.brand-image{min-width:190px;max-width:210px}
  .brand-horizontal{width:200px!important}
  .main-nav{gap:.75rem;font-size:.61rem}
  .hero-grid{grid-template-columns:.92fr 1.08fr;}
  .system-grid{grid-template-columns:repeat(5,1fr);}
  .trusted-logos span{font-size:1.05rem}
}
@media (max-width:1080px){
  .nav-wrap{height:66px;}
  .brand.brand-image{min-width:200px}
  .main-nav{inset:66px 0 auto 0}
  .hero-grid{grid-template-columns:1fr;gap:2rem;}
  .concept-hero-panel{min-height:310px;}
  .concept-hero-panel img{height:310px;max-width:100%;}
  .problem-grid{grid-template-columns:repeat(2,1fr);}
  .system-grid{grid-template-columns:repeat(2,1fr);}
  .system-card:last-child{grid-column:1/-1;}
  .trusted-logos,.trust-badges{grid-template-columns:repeat(3,1fr);}
  .trust-badges div:nth-child(3){border-right:0;}
}
@media (max-width:760px){
  .brand.brand-image{min-width:160px;max-width:170px}
  .brand-horizontal{width:165px!important}
  .hero h1{font-size:clamp(3.1rem,16vw,4.6rem);}
  .hero-copy{font-size:1rem;}
  .concept-hero-panel{display:none;}
  .split{grid-template-columns:1fr;}
  .problem-grid,.system-grid,.trusted-logos,.trust-badges{grid-template-columns:1fr;}
  .trusted-logos{gap:.75rem;}
  .trust-badges div{border-right:0;border-top:1px solid rgba(212,175,55,.13)}
  .audit-feature{grid-template-columns:1fr;}
  .audit-desk{border-radius:18px;min-height:230px}
  .audit-desk img{min-height:230px}
}


/* === v0.7 Premium Depth + Live Preview Polish ==========================
   Adds case-study pathway, sharper proof structure, consistent header logo
   across pages, and a stronger commercial operating layer on the homepage.
========================================================================== */
.main-nav{gap:.78rem;font-size:.60rem;}
.brand.brand-image{display:flex;align-items:center;}
.brand-horizontal{filter:drop-shadow(0 6px 18px rgba(0,0,0,.16));}
.executive-snapshot{background:#050c16;color:#fff;border-bottom:1px solid rgba(212,175,55,.16);padding:36px 0;}
.executive-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:2rem;align-items:center;}
.executive-copy h2{font-size:clamp(2rem,3vw,3.4rem);max-width:620px;}
.executive-copy p{color:#c8d2df;max-width:680px;margin:1rem 0 0;}
.snapshot-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;}
.snapshot-cards article{border:1px solid rgba(212,175,55,.25);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border-radius:18px;padding:1.1rem;min-height:150px;box-shadow:0 18px 60px rgba(0,0,0,.18);}
.snapshot-cards span{display:block;color:var(--gold);font-weight:900;letter-spacing:.16em;font-size:.7rem;margin-bottom:.55rem;}
.snapshot-cards strong{display:block;font-family:'Playfair Display',Georgia,serif;font-size:1.52rem;color:#fff;line-height:1.02;}
.snapshot-cards em{display:block;font-style:normal;color:#c7d0dd;font-size:.82rem;margin-top:.55rem;}
.case-study-teaser{border-top:1px solid #eadfca;}
.case-teaser-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:3rem;align-items:center;}
.case-evidence-board{background:linear-gradient(180deg,#081324,#111d30);color:#fff;border:1px solid rgba(212,175,55,.28);border-radius:24px;padding:1.3rem;box-shadow:0 30px 90px rgba(8,19,36,.2);}
.evidence-head{display:flex;align-items:center;gap:.75rem;border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:1rem;margin-bottom:.55rem;}
.evidence-head img{width:42px;height:auto;}.evidence-head strong{font-size:1.05rem;}.evidence-head span{margin-left:auto;color:var(--gold);font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;font-weight:900;}
.evidence-row{display:grid;grid-template-columns:.32fr 1fr;gap:1rem;padding:1rem .4rem;border-bottom:1px solid rgba(255,255,255,.08);align-items:center;}.evidence-row:last-child{border-bottom:0}.evidence-row span{color:var(--gold);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900}.evidence-row strong{font-size:.96rem;color:#eef3fb;}
.case-study-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:1rem;}.case-study-card{background:#fff;color:var(--ink);border:1px solid #e5dfd0;border-radius:22px;padding:1.35rem;box-shadow:0 18px 55px rgba(8,19,36,.055);}.case-study-card.featured-case{background:linear-gradient(180deg,#081324,#111d30);color:#fff;border-color:rgba(212,175,55,.35);}.case-study-card span{display:block;color:var(--gold-2);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900;margin-bottom:.75rem}.featured-case span{color:var(--gold)}.case-study-card h3{font-size:1.6rem;margin-bottom:.7rem}.case-study-card p{color:#4d596c}.featured-case p{color:#cbd3df}.case-study-card ul{list-style:none;padding:0;margin:1rem 0 0}.case-study-card li{padding:.5rem 0;border-top:1px solid rgba(8,19,36,.08);font-size:.88rem;color:#39465a}.featured-case li{color:#e2e8f2;border-top-color:rgba(255,255,255,.09)}.case-study-card li:before{content:'✓';color:var(--gold);font-weight:900;margin-right:.5rem}.evidence-system-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:3rem;align-items:center}.evidence-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.evidence-list div{border:1px solid rgba(212,175,55,.22);background:rgba(255,255,255,.035);border-radius:18px;padding:1.2rem}.evidence-list strong{display:block;color:#fff;margin-bottom:.45rem}.evidence-list span{color:#c6cfdb;font-size:.9rem}.trusted-concept p::after{content:' Early items may include prototypes, internal proof assets and signed client work only where permission is recorded.';display:block;color:#9faabd;font-size:.72rem;margin-top:.35rem}.site-header .btn{white-space:nowrap;}
@media (max-width:1320px){.main-nav{gap:.54rem;font-size:.54rem}.brand-horizontal{width:184px!important}.brand.brand-image{min-width:176px;max-width:186px}.nav-actions .btn{font-size:.62rem;padding:.72rem .78rem}}
@media (max-width:1080px){.executive-grid,.case-teaser-grid,.evidence-system-grid{grid-template-columns:1fr}.snapshot-cards{grid-template-columns:repeat(2,1fr)}.case-study-grid,.evidence-list{grid-template-columns:1fr}.brand-horizontal{width:200px!important}.brand.brand-image{min-width:200px;max-width:220px}.main-nav{font-size:.78rem;gap:.4rem}}
@media (max-width:760px){.executive-snapshot{padding:30px 0}.snapshot-cards{grid-template-columns:1fr}.case-evidence-board{padding:1rem}.evidence-head{display:grid;grid-template-columns:auto 1fr;}.evidence-head span{grid-column:1/-1;margin-left:0}.evidence-row{grid-template-columns:1fr;gap:.25rem}.case-study-card h3{font-size:1.42rem}.brand-horizontal{width:165px!important}.brand.brand-image{min-width:160px;max-width:170px}}

/* === v0.8 Visual Accuracy & No-Regression Pass ==========================
   Brings the working homepage closer to the approved north-star concept:
   concept-order top flow, cleaner hero composition, less intrusive operating
   layer, sharper light/dark transitions, better audit/trust treatment.
========================================================================== */
:root{
  --concept-gold:#d6ad33;
  --concept-gold-soft:#f0d071;
  --concept-ink:#06101d;
  --concept-slate:#0b1729;
  --concept-paper:#f7f2e7;
}
.site-header{
  background:rgba(5,13,24,.965);
  box-shadow:0 12px 34px rgba(0,0,0,.18);
}
.nav-wrap{height:66px;}
.brand.brand-image{min-width:190px;max-width:210px;}
.brand-horizontal{width:198px!important;}
.main-nav{gap:.72rem;font-size:.57rem;letter-spacing:.115em;}
.main-nav a{padding:12px 0;}
.nav-actions .btn{min-height:44px;padding:.78rem 1.08rem;border-radius:5px;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 28px rgba(212,175,55,.18);}

.hero{
  min-height:560px;
  background:
    radial-gradient(circle at 69% 17%,rgba(214,173,51,.22),transparent 21%),
    radial-gradient(circle at 83% 60%,rgba(255,255,255,.06),transparent 22%),
    linear-gradient(90deg,rgba(3,10,19,.995) 0%,rgba(5,13,24,.97) 41%,rgba(5,13,24,.86) 65%,rgba(3,10,19,.97) 100%);
  border-bottom:1px solid rgba(214,173,51,.20);
}
.hero:after{height:74px;background:linear-gradient(0deg,#050c16 0%,rgba(5,12,22,0) 100%);}
.hero-grid{
  grid-template-columns:.86fr 1.14fr;
  gap:3.25rem;
  padding:74px 0 54px;
  min-height:560px;
}
.hero .eyebrow{font-size:.69rem;letter-spacing:.26em;color:var(--concept-gold);}
.hero h1{
  font-size:clamp(3.45rem,5.35vw,6.35rem);
  line-height:.94;
  max-width:650px;
  letter-spacing:-.052em;
  text-shadow:0 14px 48px rgba(0,0,0,.24);
}
.hero h1 span{color:var(--concept-gold);}
.hero-copy{max-width:530px;font-size:1.02rem;color:#f3f6fa;}
.concept-hero-panel{min-height:410px;}
.concept-hero-panel img{
  height:410px;
  max-width:745px;
  border-radius:14px;
  object-position:center;
  opacity:.94;
  box-shadow:0 30px 100px rgba(0,0,0,.52),0 0 0 1px rgba(214,173,51,.16);
}
.concept-mini-card{
  right:2.6%;
  bottom:7.5%;
  width:min(265px,43%);
  background:rgba(7,17,31,.88);
  border-color:rgba(214,173,51,.34);
}
.service-strip{background:#050b14;}
.strip-grid{min-height:56px;}
.strip-item{min-height:56px;font-size:.68rem;letter-spacing:.01em;color:#e4e9f1;}
.strip-icon{font-size:1.24rem;}

/* Top homepage must now follow the concept: hero, strip, problem, growth. */
.executive-snapshot{
  background:linear-gradient(180deg,#06101d,#0b1729)!important;
  padding:62px 0!important;
  border-top:1px solid rgba(214,173,51,.16);
  border-bottom:1px solid rgba(214,173,51,.16);
}
.executive-grid{grid-template-columns:.88fr 1.12fr;gap:2.7rem;}
.snapshot-cards article{border-radius:0;min-height:128px;}
.snapshot-cards strong{font-size:1.55rem;}

.section.light{background:linear-gradient(180deg,#fbf8ef 0%,#f4efe4 100%);}
.section.light:first-of-type{padding-top:72px;}
.split{gap:4.2rem;align-items:center;}
.split h2{font-size:clamp(3rem,4.15vw,5.05rem);line-height:.98;}
.problem-grid{gap:1.05rem;}
.problem-card{
  min-height:176px;
  border:1px solid #e6dcc8;
  background:rgba(255,255,255,.82);
  box-shadow:none;
  padding:1.25rem 1rem;
}
.problem-card h3{font-size:1.12rem;}
.problem-card p{font-size:.82rem;color:#27364c;}
.problem-icon{font-size:1.34rem;color:var(--gold-2);}

.growth{padding-top:72px;padding-bottom:76px;}
.growth h2{font-size:clamp(2.35rem,3.15vw,3.85rem);line-height:1.06;}
.growth .lead{max-width:760px;}
.system-grid{gap:1.05rem;margin-top:2.05rem;}
.system-card{
  min-height:246px;
  border-radius:0;
  padding:1.42rem 1.22rem;
  background:rgba(255,255,255,.025);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.system-card .num{color:var(--concept-gold);}
.learn{color:var(--concept-gold-soft);}

.audit-feature{grid-template-columns:.95fr 1.05fr;gap:4rem;}
.audit-desk{
  min-height:310px;
  border-radius:0;
  box-shadow:0 24px 70px rgba(8,19,36,.14);
  border:1px solid #e5d8bd;
}
.audit-desk img{min-height:310px;object-position:center;}
.audit-score-chip{right:24px;bottom:22px;}
#audit h2{font-size:clamp(2.2rem,3.5vw,4rem);}
.check-grid{gap:.55rem 1.3rem;}
.check{font-size:.94rem;}

.trusted-concept{
  padding:34px 0 25px;
  background:linear-gradient(180deg,#050c16,#081324);
}
.trusted-heading{font-size:.68rem;}
.trusted-logos{gap:1.4rem;padding-bottom:1.15rem;}
.trusted-logos span{font-size:1.22rem;color:#d9e0eb;opacity:.78;}
.trust-badges div{font-size:.68rem;color:#ecf1f7;}
.trusted-concept p::after{max-width:720px;margin-left:auto;margin-right:auto;}

#packages{padding-top:76px;padding-bottom:92px;}
.packages{gap:1.15rem;}
.package{border-radius:18px;min-height:350px;}
.package.featured{box-shadow:0 28px 70px rgba(8,19,36,.16);}

.industries-grid .industry{border-radius:12px;}
.compliance-box{box-shadow:0 0 0 1px rgba(214,173,51,.16),0 28px 80px rgba(0,0,0,.12);}
.case-evidence-board,.control-panel{box-shadow:0 32px 90px rgba(8,19,36,.18);}
.form{border-radius:22px;}
.site-footer{border-top-color:rgba(214,173,51,.18);}
.footer-logo{max-width:220px;height:auto;}

@media (max-width:1320px){
  .brand-horizontal{width:178px!important;}
  .brand.brand-image{min-width:170px;max-width:184px;}
  .main-nav{font-size:.52rem;gap:.47rem;}
  .nav-actions .btn{font-size:.60rem;padding:.7rem .78rem;}
  .hero h1{font-size:clamp(3.25rem,5.15vw,5.8rem);}
}
@media (max-width:1080px){
  .nav-wrap{height:66px;}
  .hero-grid,.executive-grid{grid-template-columns:1fr;}
  .hero{min-height:auto;}
  .hero-grid{min-height:auto;padding:62px 0 46px;}
  .concept-hero-panel{min-height:330px;}
  .concept-hero-panel img{height:330px;}
  .split,.audit-feature{gap:2.4rem;}
  .snapshot-cards{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:760px){
  .brand-horizontal{width:164px!important;}
  .brand.brand-image{min-width:158px;max-width:170px;}
  .hero{background:linear-gradient(180deg,#050c16,#081324);}
  .hero-grid{padding:56px 0 42px;}
  .hero h1{font-size:clamp(3rem,15.8vw,4.45rem);line-height:.98;}
  .hero-copy{font-size:.98rem;}
  .concept-hero-panel{display:block;min-height:225px;}
  .concept-hero-panel img{height:225px;border-radius:14px;}
  .concept-mini-card{display:none;}
  .service-strip{display:block;}
  .strip-grid{grid-template-columns:1fr 1fr;}
  .strip-item{justify-content:flex-start;min-height:50px;font-size:.62rem;padding-left:.8rem;}
  .split h2{font-size:clamp(2.45rem,12.5vw,3.35rem);}
  .problem-grid{grid-template-columns:1fr 1fr;gap:.75rem;}
  .problem-card{min-height:145px;padding:1rem .8rem;}
  .problem-card h3{font-size:1rem;}
  .problem-card p{font-size:.76rem;}
  .system-grid,.packages,.snapshot-cards{grid-template-columns:1fr;}
  .audit-desk{min-height:230px;}
  .audit-desk img{min-height:230px;}
  .audit-score-chip{width:86px;height:86px;border-width:4px;right:14px;bottom:14px;}
  .audit-score-chip strong{font-size:1.7rem;}
  .trusted-logos,.trust-badges{grid-template-columns:1fr;}
}
@media (max-width:420px){
  .problem-grid{grid-template-columns:1fr;}
  .strip-grid{grid-template-columns:1fr;}
  .brand-horizontal{width:150px!important;}
}

/* === v0.9 Mobile, Tablet & Interaction Pass ============================
   Purpose: make the site feel intentionally designed on phone/tablet,
   tighten interaction states, protect sticky CTAs, and improve form usability
   before Netlify preview deployment.
========================================================================== */
:root{--safe-bottom:env(safe-area-inset-bottom,0px);}
button,a,input,select,textarea{touch-action:manipulation;}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(243,210,119,.85);outline-offset:3px;}
.site-header{will-change:transform;}
.main-nav a,.btn,.mobile-audit-bar{min-height:44px;}
.btn{line-height:1.2;text-align:center;}
.form input,.form select,.form textarea{font-size:16px;}
.form textarea{resize:vertical;min-height:130px;}
.form .btn{margin-top:.35rem;}
.form-note{max-width:780px;}
.mobile-audit-bar{bottom:calc(12px + var(--safe-bottom));}
body.nav-open{overflow:hidden;}
body.nav-open .mobile-audit-bar{display:none!important;}
body.nav-open .site-header{background:rgba(5,12,22,.99);}
.menu-toggle{position:relative;}
.menu-toggle span{box-shadow:none;position:relative;}
.menu-toggle span::before,.menu-toggle span::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;border-radius:99px;}
.menu-toggle span::before{top:-6px;}
.menu-toggle span::after{top:6px;}
.menu-toggle:not(.open) span{background:currentColor;}
.menu-toggle.open span{background:transparent!important;box-shadow:none!important;}
.menu-toggle.open span::before{top:0;transform:rotate(45deg);}
.menu-toggle.open span::after{top:0;transform:rotate(-45deg);}

.hero-actions{align-items:center;}
.concept-hero-panel{isolation:isolate;}
.concept-hero-panel::after{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(90deg,rgba(5,12,22,.04),rgba(5,12,22,.28));pointer-events:none;}
.proof-chip{min-height:74px;}
.problem-card,.system-card,.package,.content-card,.case-study-card,.contact-card,.form{overflow-wrap:anywhere;}
.check-grid .check{line-height:1.45;}

@media (min-width:1081px){
  .menu-toggle{display:none!important;}
  .main-nav{display:flex!important;position:static!important;}
}

@media (max-width:1180px){
  .container{width:min(100% - 34px,var(--max));}
  .nav-wrap{height:66px;}
  .brand.brand-image{min-width:176px;max-width:190px;}
  .brand-horizontal{width:176px!important;}
  .main-nav{position:fixed!important;left:14px!important;right:14px!important;top:76px!important;inset:auto 14px auto 14px!important;display:none!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;max-height:calc(100vh - 94px - var(--safe-bottom));overflow:auto;background:linear-gradient(180deg,rgba(5,12,22,.985),rgba(11,23,41,.985));border:1px solid rgba(212,175,55,.22);border-radius:18px;padding:.65rem;box-shadow:0 28px 90px rgba(0,0,0,.42);backdrop-filter:blur(18px);}
  .main-nav.open{display:flex!important;}
  .main-nav a{width:100%;padding:1rem .95rem!important;border-bottom:1px solid rgba(255,255,255,.07);border-radius:12px;font-size:.82rem;letter-spacing:.09em;display:flex;align-items:center;justify-content:space-between;color:#f3f6fa;}
  .main-nav a:last-child{border-bottom:0;}
  .main-nav a::before{content:"";width:6px;height:6px;border-radius:50%;background:rgba(212,175,55,.35);margin-right:.7rem;flex:0 0 auto;}
  .main-nav a.active{background:rgba(212,175,55,.09);color:#fff;}
  .main-nav a.active::after{display:none!important;}
  .nav-actions .btn{display:none!important;}
  .menu-toggle{display:flex!important;}
  .hero-grid{grid-template-columns:1fr;gap:2rem;}
  .hero h1{max-width:900px;}
  .hero-copy{max-width:720px;}
  .concept-hero-panel{max-width:850px;width:100%;justify-self:center;}
  .packages{grid-template-columns:repeat(2,1fr);}
  .package.featured{order:-1;}
  .conversion-steps{grid-template-columns:repeat(5,minmax(180px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.7rem;-webkit-overflow-scrolling:touch;}
  .conversion-steps article{scroll-snap-align:start;}
}

@media (max-width:900px){
  .section{padding:70px 0;}
  .section-tight{padding:48px 0;}
  .page-hero{padding:88px 0 58px;}
  .hero-grid{padding:54px 0 42px;}
  .hero-proof{grid-template-columns:repeat(3,minmax(0,1fr));}
  .proof-chip{font-size:.72rem;padding:.75rem;}
  .split,.audit-feature,.contact-wrap,.case-teaser-grid,.evidence-system-grid,.intelligence-grid,.seo-grid{grid-template-columns:1fr!important;gap:2rem;}
  .problem-grid{grid-template-columns:repeat(2,1fr);}
  .system-grid{grid-template-columns:repeat(2,1fr);}
  .system-card:last-child{grid-column:1/-1;}
  .trusted-logos,.trust-badges,.snapshot-cards{grid-template-columns:repeat(2,1fr);}
  .footer-grid,.footer-grid-v05{grid-template-columns:1fr 1fr!important;}
  .contact-wrap .form{width:100%;}
}

@media (max-width:640px){
  html{scroll-padding-top:78px;}
  body{padding-bottom:calc(84px + var(--safe-bottom));}
  .container{width:min(100% - 26px,var(--max));}
  .nav-wrap{height:62px;}
  .brand.brand-image{min-width:148px;max-width:160px;}
  .brand-horizontal{width:150px!important;}
  .main-nav{top:72px!important;left:10px!important;right:10px!important;inset:auto 10px auto 10px!important;max-height:calc(100vh - 86px - var(--safe-bottom));border-radius:16px;}
  .hero{background:linear-gradient(180deg,#050c16,#081324 80%,#050c16);}
  .hero-grid{padding:46px 0 36px;}
  .hero .eyebrow,.eyebrow{letter-spacing:.18em;font-size:.66rem;}
  .hero h1{font-size:clamp(2.62rem,14.1vw,4.05rem);line-height:1.01;letter-spacing:-.055em;}
  .hero-copy{font-size:.96rem;line-height:1.62;margin:1.15rem 0 1.4rem;}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:.75rem;}
  .hero-actions .btn{width:100%;}
  .hero-proof{grid-template-columns:1fr;gap:.55rem;margin-top:1.25rem;}
  .proof-chip{min-height:auto;display:flex;align-items:center;gap:.85rem;}
  .proof-chip strong{margin:0;font-size:1rem;}
  .concept-hero-panel{min-height:190px;}
  .concept-hero-panel img{height:190px;object-position:center;}
  .strip-grid{grid-template-columns:1fr 1fr;}
  .strip-item{min-height:48px;font-size:.58rem;line-height:1.25;padding:.5rem .75rem;}
  h2{font-size:clamp(2rem,10.5vw,3rem);line-height:1.03;}
  .split h2,.page-hero h1{font-size:clamp(2.25rem,12.3vw,3.35rem)!important;}
  .lead{font-size:.98rem;line-height:1.62;}
  .problem-grid{grid-template-columns:1fr 1fr;gap:.65rem;}
  .problem-card{min-height:142px;padding:.92rem .65rem;}
  .problem-icon{width:36px;height:36px;font-size:.95rem;margin-bottom:.55rem;}
  .problem-card h3{font-size:.92rem;line-height:1.08;}
  .problem-card p{font-size:.72rem;line-height:1.38;}
  .system-grid,.packages,.trusted-logos,.trust-badges,.snapshot-cards,.case-study-grid,.evidence-list,.industries-grid,.trust-list,.content-grid,.field-grid{grid-template-columns:1fr!important;}
  .system-card,.package,.content-card,.case-study-card{border-radius:16px;min-height:auto;}
  .audit-desk{min-height:210px;}
  .audit-desk img{min-height:210px;}
  .audit-score-chip{width:78px;height:78px;}
  .audit-score-chip strong{font-size:1.45rem;}
  .check-grid{grid-template-columns:1fr;}
  .conversion-steps{grid-template-columns:1fr;overflow:visible;}
  .conversion-steps article{min-height:auto;}
  .form{padding:1rem;border-radius:18px;}
  .field input,.field select,.field textarea{padding:.95rem .9rem;border-radius:12px;}
  .form .btn{width:100%;}
  .footer-grid,.footer-grid-v05{grid-template-columns:1fr!important;gap:1.45rem;}
  .site-footer{padding-bottom:calc(92px + var(--safe-bottom));}
  .footer-bottom{display:block;}
  .mobile-audit-bar{display:block;font-size:.72rem;letter-spacing:.10em;padding:.84rem .9rem;}
}

@media (max-width:390px){
  .brand-horizontal{width:140px!important;}
  .container{width:min(100% - 22px,var(--max));}
  .strip-grid,.problem-grid{grid-template-columns:1fr;}
  .hero h1{font-size:2.72rem;}
  .main-nav a{font-size:.76rem;padding:.86rem .8rem!important;}
}
.field input.field-error,.field select.field-error,.field textarea.field-error{border-color:#b8483f!important;box-shadow:0 0 0 4px rgba(184,72,63,.13)!important;}

/* === v1.1 Contrast & Readability Sweep ================================
   Purpose: remove low-contrast text/buttons caused by gold/ivory/white
   elements blending into light cream panels or translucent header overlays.
   No layout changes; only colour, shade, border and highlight hardening.
========================================================================== */
:root{
  --gold-readable:#9f6b12;
  --gold-readable-2:#7e530b;
  --ink-readable:#071223;
  --body-readable:#2f3b50;
  --line-readable:#b98925;
}

/* Make the sticky header fully legible over every section. */
.site-header,
.site-header.scrolled,
body.nav-open .site-header{
  background:#050c16!important;
  border-bottom-color:rgba(214,173,51,.30)!important;
  box-shadow:0 14px 40px rgba(0,0,0,.32)!important;
}
.main-nav a{color:#f4f7fb!important;opacity:.94;}
.main-nav a:hover,
.main-nav a.active{color:#f3d277!important;opacity:1;}

/* General dark-section readability hardening. */
.dark-panel .lead,
.growth .lead,
.intelligence .lead,
.executive-snapshot .lead,
.conversion-rail .lead,
.page-hero .lead{
  color:#d7dfeb!important;
}
.dark-panel .muted,
.growth .muted,
.intelligence .muted,
.executive-snapshot .muted,
.conversion-rail .muted,
.page-hero .muted{
  color:#c2ccda!important;
}
.system-card p,
.conversion-steps p,
.evidence-list span,
.case-evidence-board .evidence-row strong,
.control-row strong{
  color:#dbe3ee;
}

/* Light-section typography: gold should read as bronze, not pale yellow. */
.light .eyebrow,
.section.light .eyebrow,
.case-study-teaser .eyebrow,
.search-panel .eyebrow,
.analytics-dashboard .eyebrow,
.analytics-gate .eyebrow{
  color:var(--gold-readable-2)!important;
  text-shadow:none!important;
}
.light .kicker,
.section.light .kicker,
.kicker{
  color:var(--gold-readable)!important;
  font-weight:900;
}
.light .lead,
.section.light .lead,
.light .muted,
.section.light .muted{
  color:var(--body-readable)!important;
}
.light p,
.section.light p,
.content-card p,
.package p,
.problem-card p,
.search-result-card p,
.industry-matrix p,
.report-suite p,
.case-study-card p{
  color:#334157;
}
.problem-card h3,
.package h3,
.content-card h2,
.search-result-card h3,
.case-study-card h3{
  color:var(--ink-readable);
}

/* Ghost buttons on light panels were the main weak point. */
.light .btn-ghost,
.section.light .btn-ghost,
.case-study-teaser .btn-ghost,
.search-panel .btn-ghost,
.analytics-gate .btn-ghost,
.analytics-dashboard .btn-ghost,
.form .btn-ghost,
.content-card .btn-ghost,
.package .btn-ghost{
  color:var(--ink-readable)!important;
  background:rgba(8,19,36,.045)!important;
  border-color:rgba(159,107,18,.72)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)!important;
}
.light .btn-ghost:hover,
.section.light .btn-ghost:hover,
.case-study-teaser .btn-ghost:hover,
.search-panel .btn-ghost:hover,
.analytics-gate .btn-ghost:hover,
.analytics-dashboard .btn-ghost:hover,
.form .btn-ghost:hover,
.content-card .btn-ghost:hover,
.package .btn-ghost:hover{
  color:#050c16!important;
  background:rgba(212,175,55,.18)!important;
  border-color:var(--gold-readable)!important;
}

/* Ensure outline/secondary buttons remain legible on dark panels. */
.dark-panel .btn-ghost,
.growth .btn-ghost,
.intelligence .btn-ghost,
.page-hero .btn-ghost,
.hero .btn-ghost,
.executive-snapshot .btn-ghost,
.conversion-rail .btn-ghost,
.cta-panel .btn-ghost{
  color:#fff7df!important;
  background:rgba(255,255,255,.035)!important;
  border-color:rgba(243,210,119,.62)!important;
}
.dark-panel .btn-ghost:hover,
.growth .btn-ghost:hover,
.intelligence .btn-ghost:hover,
.page-hero .btn-ghost:hover,
.hero .btn-ghost:hover,
.executive-snapshot .btn-ghost:hover,
.conversion-rail .btn-ghost:hover,
.cta-panel .btn-ghost:hover{
  background:rgba(212,175,55,.13)!important;
  border-color:#f3d277!important;
}

/* Better contrast for small labels, scores, checkmarks and secondary lists. */
.check{color:#2f3b50!important;}
.check:before,
.list-clean li:before,
.case-study-card li:before{
  color:var(--gold-readable)!important;
}
.report-bars div,
.report-next,
.report-meta,
.report-title-row p,
.form-note{
  color:#3a485d!important;
}
.report-score span,
.audit-score-chip span{
  color:#344158!important;
}
.problem-icon,
.strip-icon,
.package li:before,
.trust-item:before{
  color:var(--gold-readable)!important;
}

/* Improve card edges on pale backgrounds so white cards do not disappear. */
.problem-card,
.package,
.content-card,
.search-result-card,
.industry-matrix article,
.report-suite article,
.search-panel,
.analytics-gate,
.analytics-dashboard,
.form{
  border-color:#d8caa9!important;
  box-shadow:0 18px 50px rgba(8,19,36,.055);
}

/* Disabled/low-action buttons should still be readable. */
.btn[aria-disabled="true"],
.btn.disabled,
button:disabled{
  opacity:.72;
  color:#28354a!important;
  background:#e8dfc8!important;
  border-color:#cbb986!important;
}

/* Footer and trust-strip small text hardening. */
.trusted-concept p,
.trust-badges div,
.footer a,
.site-footer,
.footer-bottom{
  color:#d4dce8;
}
.footer-bottom{color:#aeb9c8!important;}
.trusted-concept p::after{color:#bbc5d4!important;}
.trusted-logos span{color:#eef3fb!important;opacity:.86!important;}

/* Avoid pale gold disappearing on cream in narrow/mobile conditions too. */
@media (max-width:640px){
  .light .eyebrow,.section.light .eyebrow{color:var(--gold-readable-2)!important;}
  .light .btn-ghost,.section.light .btn-ghost{background:rgba(8,19,36,.06)!important;}
  .main-nav a{color:#f7f9fc!important;}
}

/* =========================================================
   D'Key Digital v1.1.4 — Header Authority Balance
   Purpose: keep the premium authority gained in v1.1.3 but reduce the
   overcorrection so the header feels substantial, not bulky.
   ========================================================= */
@media (min-width:1181px){
  .site-header{
    background:rgba(5,12,22,.94)!important;
    border-bottom:1px solid rgba(212,175,55,.32)!important;
    box-shadow:0 12px 34px rgba(0,0,0,.24)!important;
  }
  .nav-wrap{
    height:88px!important;
    gap:1.45rem!important;
  }
  .brand.brand-image{
    min-width:238px!important;
    max-width:264px!important;
  }
  .brand-horizontal{
    width:248px!important;
    height:auto!important;
    filter:drop-shadow(0 8px 18px rgba(0,0,0,.18));
  }
  .main-nav{
    gap:1rem!important;
    font-size:.70rem!important;
    letter-spacing:.115em!important;
    font-weight:800!important;
  }
  .main-nav a{
    padding:14px 0!important;
  }
  .nav-actions .btn{
    min-height:44px!important;
    padding:.84rem 1.08rem!important;
    font-size:.72rem!important;
    border-radius:6px!important;
  }
}

@media (min-width:761px) and (max-width:1180px){
  .nav-wrap{height:76px!important;}
  .brand.brand-image{min-width:200px!important;max-width:224px!important;}
  .brand-horizontal{width:212px!important;height:auto!important;}
  .main-nav{gap:.64rem!important;font-size:.67rem!important;}
  .main-nav{inset:76px 0 auto 0!important;}
}

@media (max-width:760px){
  .site-header{
    background:rgba(5,12,22,.965)!important;
    border-bottom-color:rgba(212,175,55,.30)!important;
  }
  .nav-wrap{height:70px!important;}
  .brand.brand-image{min-width:170px!important;max-width:196px!important;}
  .brand-horizontal{width:182px!important;height:auto!important;}
  .main-nav{inset:70px 0 auto 0!important;}
}

@media (max-width:420px){
  .nav-wrap{height:66px!important;}
  .brand.brand-image{min-width:154px!important;max-width:174px!important;}
  .brand-horizontal{width:162px!important;}
  .main-nav{inset:66px 0 auto 0!important;}
}


/* =========================================================
   D'Key Digital v1.2 — Client-Ready Presence System
   ========================================================= */
.packages-focused{grid-template-columns:1.2fr 1fr 1fr;max-width:1160px;margin-inline:auto}
.package-status{display:inline-flex;align-items:center;padding:.42rem .65rem;border:1px solid rgba(159,107,18,.34);border-radius:999px;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:var(--gold-readable-2);margin-bottom:.9rem;background:rgba(212,175,55,.08)}
.deliverables-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem;margin-top:2rem}
.deliverables-grid .content-card{height:100%}
.deliverables-grid h3{margin:.45rem 0 .6rem;color:var(--ink-readable)}
.deliverable-number{font-weight:900;color:var(--gold-readable-2);letter-spacing:.12em}
.process-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}
.process-timeline article{padding:1.3rem;border:1px solid rgba(243,210,119,.24);background:rgba(255,255,255,.035);border-radius:10px}
.process-timeline article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#f0ce70,#ad751c);color:#07101d;font-weight:950;margin-bottom:.8rem}
.process-timeline h3{margin:.1rem 0 .45rem;color:#fff}
.process-timeline p{color:#d7dfeb;margin:0}
.boundary-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;align-items:start}
.boundary-list{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.boundary-list div,.fit-points div{padding:1rem;border:1px solid #d8caa9;background:#fff;border-radius:8px;color:#2d3a4e;font-weight:750}
.form-shell{display:grid;grid-template-columns:.72fr 1.28fr;gap:2rem;align-items:start}
.form-intro{position:sticky;top:118px}
.fit-points{display:grid;gap:.72rem;margin-top:1.4rem}
.project-fit-form select{width:100%;min-height:50px;padding:.8rem .9rem;border:1px solid #c9b98f;background:#fff;color:#17243a;border-radius:6px;font:inherit}
.consent-field label{display:flex;align-items:flex-start;gap:.7rem;font-weight:650;color:#2e3b4f}
.consent-field input{width:20px;height:20px;flex:0 0 auto;margin-top:.1rem}
.availability-notice{padding-bottom:0!important}
.availability-notice .content-card{max-width:920px;margin-inline:auto;text-align:center}
.presence-hero .container{max-width:980px}
@media(max-width:980px){.packages-focused,.deliverables-grid,.process-timeline{grid-template-columns:1fr 1fr}.form-shell,.boundary-grid{grid-template-columns:1fr}.form-intro{position:static}}
@media(max-width:680px){.packages-focused,.deliverables-grid,.process-timeline,.boundary-list{grid-template-columns:1fr}.project-fit-form .form-grid{grid-template-columns:1fr}.form-shell{gap:1rem}}