:root{
  --bg:#07111f;--bg2:#0b1728;--panel:#0e1d31;--panel2:#11253d;--text:#f6f8fb;--muted:#9eacc0;
  --gold:#caa248;--gold2:#e1bf6b;--line:rgba(255,255,255,.10);--green:#62d3a0;--blue:#79a9ff;
  --shadow:0 24px 80px rgba(0,0,0,.28);--radius:22px;--radius2:14px;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(1000px 500px at 80% -10%,rgba(121,169,255,.10),transparent 58%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,a{outline-offset:4px}img{max-width:100%}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:#fff;color:#000;padding:10px 14px;border-radius:8px;z-index:999}
nav{position:sticky;top:0;z-index:90;background:rgba(7,17,31,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.navin{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:20px}.brand{font-size:22px;font-weight:850;letter-spacing:-.5px}.brand span{color:var(--gold)}.navlinks{display:flex;align-items:center;gap:26px;font-size:14px;color:#d8dfeb}.navlinks a:not(.btn):hover{color:#fff}.nav-toggle{display:none;background:none;border:1px solid var(--line);color:#fff;border-radius:10px;padding:9px 11px;font-size:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--gold);background:linear-gradient(180deg,var(--gold2),var(--gold));color:#101724;font-weight:800;padding:12px 18px;border-radius:12px;box-shadow:0 10px 30px rgba(202,162,72,.15);transition:.2s transform,.2s opacity}.btn:hover{transform:translateY(-1px)}.btn.secondary{background:transparent;color:#f8f5ec;border-color:rgba(202,162,72,.55);box-shadow:none}.btn.ghost{background:transparent;border-color:var(--line);color:#e6ebf3;box-shadow:none}.btn.small{padding:9px 13px;font-size:13px}
.hero{padding:104px 0 74px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:62px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold2);font-weight:900;margin-bottom:16px}.hero h1,.page-hero h1{font-size:clamp(48px,7vw,82px);line-height:.98;letter-spacing:-.055em;margin:0 0 26px;max-width:930px}.hero p.lead,.page-hero p.lead{font-size:20px;color:#b8c4d5;max-width:760px;margin:0 0 28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.trustline{display:flex;gap:10px 20px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-top:28px}.trustline span:before{content:"✓";color:var(--green);margin-right:7px}.visual{position:relative;min-height:520px}.visual:before{content:"";position:absolute;inset:8% 5% 5% 15%;border-radius:50%;background:radial-gradient(circle,rgba(202,162,72,.15),transparent 65%);filter:blur(4px)}.dash{position:absolute;right:0;top:42px;width:min(100%,520px);background:linear-gradient(180deg,rgba(18,40,66,.94),rgba(9,24,42,.98));border:1px solid rgba(255,255,255,.12);border-radius:26px;box-shadow:var(--shadow);overflow:hidden}.dash-top{height:48px;display:flex;align-items:center;gap:8px;padding:0 18px;border-bottom:1px solid var(--line)}.dot{width:8px;height:8px;border-radius:50%;background:#6d819c}.dot.g{background:var(--gold)}.dash-body{padding:22px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini{padding:14px;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:14px}.mini b{font-size:22px;display:block}.mini small{color:var(--muted)}.route{margin-top:16px;padding:16px;border:1px solid rgba(202,162,72,.25);background:rgba(202,162,72,.06);border-radius:16px}.route-line{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.route-line:last-child{border:0}.route-line .n{height:28px;width:28px;border-radius:8px;display:grid;place-items:center;background:#132945;color:var(--gold);font-weight:800;font-size:12px}.pill{font-size:11px;padding:4px 8px;border-radius:999px;background:rgba(98,211,160,.12);color:#8de5bd;border:1px solid rgba(98,211,160,.25)}
section{padding:80px 0}.band{background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{max-width:800px;margin-bottom:34px}.section-head h2,.content h2{font-size:clamp(34px,4.5vw,54px);line-height:1.05;letter-spacing:-.035em;margin:0 0 15px}.section-head p,.content p{color:#aebacc;font-size:17px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:linear-gradient(180deg,rgba(18,38,63,.85),rgba(10,25,44,.92));border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 14px 50px rgba(0,0,0,.12)}.card h3{font-size:20px;line-height:1.2;margin:0 0 10px}.card p{color:var(--muted);font-size:15px}.service{display:flex;flex-direction:column;min-height:420px}.service.featured{border-color:rgba(202,162,72,.58);box-shadow:0 18px 60px rgba(202,162,72,.08)}.tier{font-size:11px;font-weight:900;color:var(--gold);letter-spacing:.12em}.price{font-size:35px;font-weight:900;letter-spacing:-.04em;margin:6px 0 8px}.service ul,.who ul,.content ul{padding-left:19px;color:#b7c2d2}.service li,.who li,.content li{margin:8px 0}.service .btn{margin-top:auto}.tag{display:inline-block;padding:5px 9px;border:1px solid rgba(202,162,72,.28);color:#e3c77f;border-radius:999px;font-size:11px;font-weight:800;margin-bottom:12px}.step .num{font-size:11px;letter-spacing:.1em;color:var(--gold);font-weight:900;margin-bottom:12px}.proof-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.statement{font-size:29px;line-height:1.25;letter-spacing:-.03em}.principles{display:grid;gap:10px}.principle{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:16px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:14px}.principle b{display:block}.principle span{color:var(--muted);font-size:14px}.icon{width:40px;height:40px;border-radius:12px;background:rgba(202,162,72,.10);border:1px solid rgba(202,162,72,.22);display:grid;place-items:center;color:var(--gold);font-weight:900}
.faq details{border:1px solid var(--line);background:rgba(255,255,255,.02);border-radius:15px;margin:10px 0;padding:0 18px}.faq summary{cursor:pointer;font-weight:800;padding:18px 0}.faq details p{color:var(--muted);margin:0 0 18px}.cta{padding-top:30px}.cta-card{padding:52px;border-radius:28px;background:radial-gradient(600px 300px at 80% 20%,rgba(202,162,72,.16),transparent 60%),linear-gradient(135deg,#112945,#0a1c31);border:1px solid rgba(202,162,72,.28);box-shadow:var(--shadow)}.cta-card h2{font-size:clamp(35px,5vw,58px);margin:0 0 12px;letter-spacing:-.04em}.cta-card p{color:#b6c1d1;max-width:720px}.note{padding:18px 20px;border-left:3px solid var(--gold);background:rgba(202,162,72,.055);color:#b8c3d1;border-radius:0 12px 12px 0}.page-hero{padding:82px 0 46px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(44px,6vw,68px)}.content{max-width:900px}.content h2{font-size:34px;margin-top:52px}.content h3{margin-top:30px}.legal{font-size:15px;color:#c4ccda}.legal h1{font-size:46px}.legal h2{font-size:26px}.legal p,.legal li{color:#aeb9ca}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px}.compare{width:100%;border-collapse:collapse;min-width:780px;background:rgba(255,255,255,.018)}.compare th,.compare td{padding:16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.compare th{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--gold)}.compare td{color:#b9c4d3}.compare tr:last-child td{border:0}
footer{margin-top:80px;border-top:1px solid var(--line);padding:38px 0 54px;color:#8796aa}.foot{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.footlinks{display:flex;gap:18px;justify-content:flex-end;flex-wrap:wrap}.small{font-size:12px;grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;margin-top:10px}.status-bar{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.status-chip{font-size:12px;color:#afbdd0;border:1px solid var(--line);padding:7px 10px;border-radius:999px}.status-chip strong{color:#fff}.kicker{font-size:14px;color:#94a3b7}
@media(max-width:980px){.hero-grid,.proof-grid{grid-template-columns:1fr}.visual{min-height:440px}.dash{left:0;right:auto}.grid,.grid.three{grid-template-columns:repeat(2,1fr)}.grid.two{grid-template-columns:1fr}.navlinks{display:none;position:absolute;top:72px;left:0;right:0;background:#091729;border-bottom:1px solid var(--line);padding:20px;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.nav-toggle{display:block}.navlinks .btn{width:100%}}
@media(max-width:650px){.wrap{width:min(100% - 28px,var(--max))}.hero{padding:70px 0 50px}.hero h1{font-size:49px}.grid,.grid.three{grid-template-columns:1fr}.visual{min-height:390px}.metric-row{grid-template-columns:1fr}.mini:nth-child(2),.mini:nth-child(3){display:none}.dash-body{padding:16px}.cta-card{padding:32px 24px}.foot{grid-template-columns:1fr}.footlinks{justify-content:flex-start}.actions .btn{width:100%}.page-hero{padding-top:60px}}

/* MetricBuilds production identity */
.brand-logo{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.brand-logo img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(202,162,72,.14))}
.brand-word{display:inline-flex;align-items:baseline;font-size:22px;letter-spacing:-.6px;font-weight:850;line-height:1}
.brand-word strong{color:#f6f8fb;font-weight:850}
.brand-word b{color:var(--gold2);font-weight:900}
footer .brand-logo img{width:46px;height:46px}
@media(max-width:650px){.brand-logo img{width:36px;height:36px}.brand-word{font-size:19px}}

/* Official launch assessment routing */
.assessment-shell{max-width:900px;margin:auto}.assessment-form,.route-result{background:linear-gradient(180deg,rgba(18,38,63,.92),rgba(10,25,44,.96));border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.assessment-step{padding:22px 0;border-bottom:1px solid var(--line)}.assessment-step:first-child{padding-top:0}.assessment-step:last-of-type{border-bottom:0}.step-label{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--gold);margin-bottom:8px}.assessment-step label{display:block;font-size:19px;font-weight:800;margin-bottom:10px}.assessment-step select{width:100%;appearance:none;background:#09182a;color:#f6f8fb;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:15px 44px 15px 14px;font:inherit;background-image:linear-gradient(45deg,transparent 50%,#9eacc0 50%),linear-gradient(135deg,#9eacc0 50%,transparent 50%);background-position:calc(100% - 20px) calc(50% - 3px),calc(100% - 14px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.assessment-step select:focus{border-color:var(--gold);outline:2px solid rgba(202,162,72,.25)}.assessment-step select[aria-invalid=true]{border-color:#df2f4a}.field-help,.assessment-note{font-size:13px;color:var(--muted);margin-top:9px}.assessment-submit{width:100%;margin-top:24px;padding:15px 18px}.route-result h2{font-size:clamp(34px,5vw,54px);line-height:1.05;letter-spacing:-.035em;margin:4px 0 8px}.result-tier{font-size:12px;font-weight:900;letter-spacing:.14em;color:var(--gold2)}.result-price{font-size:29px;font-weight:900;margin:10px 0 14px}.route-result p{color:#b4c0d0;font-size:17px}.result-why{padding:16px 18px;margin:20px 0 24px;background:rgba(202,162,72,.06);border-left:3px solid var(--gold);border-radius:0 12px 12px 0;color:#c2ccda}.route-result .actions{margin-top:10px}@media(max-width:650px){.assessment-form,.route-result{padding:24px 18px;border-radius:20px}.assessment-step label{font-size:17px}.route-result .actions .btn,.route-result .actions button{width:100%}}:root{--max:1280px}
.showcase-hero{background-size:100% 100%,55% 100%;background-position:center,right center}
.navlinks{gap:30px}.navlinks .btn{padding:10px 14px}

/* ========================================================================== 
   MetricBuilds Executive Luxury Redesign — 2026-09-09
   Visual direction: dark navy, architectural gold, executive office / city.
   ========================================================================== */
:root{
  --bg:#050e19;--bg2:#071422;--panel:#0a1a2c;--panel2:#0c2138;--text:#f5f4ef;
  --muted:#9ba9bd;--gold:#d4aa50;--gold2:#f0cc7a;--line:rgba(217,184,111,.17);
  --shadow:0 28px 80px rgba(0,0,0,.38);--radius:12px;--radius2:10px;--max:1305px;
}
body{background:#050e19;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.01em}
.wrap{width:min(var(--max),calc(100% - 56px))}
.site-nav{position:sticky;top:0;z-index:100;background:rgba(5,14,25,.88);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08)}
.site-nav .navin{min-height:86px}.site-nav .brand-logo img{width:58px;height:58px}.site-nav .brand-word{font-size:30px;letter-spacing:-1.2px}
.site-nav .navlinks{gap:42px;font-size:13px;color:#c9d1dc}.site-nav .navlinks>a:not(.btn){padding:32px 0 27px;border-bottom:2px solid transparent}.site-nav .navlinks>a:not(.btn):hover{border-bottom-color:var(--gold2);color:#fff}
.nav-cta{padding:11px 22px!important;border-radius:8px!important;background:transparent!important;color:#f5e1ae!important;border-color:rgba(240,204,122,.85)!important;box-shadow:none!important}
.nav-cta:hover{background:rgba(212,170,80,.10)!important}.nav-toggle{border-color:rgba(255,255,255,.12);border-radius:12px;width:48px;height:48px}

.showcase-hero{position:relative;overflow:hidden;min-height:970px;padding:0 0 38px;background:#050e19;border-bottom:1px solid rgba(255,255,255,.06)}
.hero-image{position:absolute;z-index:0;right:0;top:0;width:58%;height:690px;background:url('assets/executive-office-city.jpg') center 48%/cover no-repeat;filter:saturate(.86) contrast(1.04)}
.hero-shade{position:absolute;z-index:1;inset:0 0 auto 0;height:700px;background:linear-gradient(90deg,#050e19 0%,#050e19 31%,rgba(5,14,25,.96) 43%,rgba(5,14,25,.55) 67%,rgba(5,14,25,.22) 100%),linear-gradient(180deg,rgba(5,14,25,.04) 56%,#050e19 100%)}
.hero-rail{position:absolute;z-index:2;right:0;top:0;width:255px;height:700px;background:linear-gradient(180deg,rgba(4,12,21,.75),rgba(4,12,21,.92));border-left:1px solid rgba(240,204,122,.20);box-shadow:-24px 0 65px rgba(0,0,0,.18)}
.hero-rail:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,transparent 0%,var(--gold2) 13%,var(--gold) 50%,transparent 100%);opacity:.8}
.rail-copy{position:absolute;top:126px;left:52px;right:22px;display:flex;flex-direction:column;gap:13px;color:#d9d3c7;letter-spacing:.32em;font-size:12px;font-weight:500}.rail-copy i{display:block;width:38px;height:2px;background:var(--gold);margin:16px 0 7px}.rail-copy small{font-size:10px;line-height:1.8;letter-spacing:.22em;color:#aca89f}
.showcase-inner{position:relative;z-index:3;min-height:650px;padding-top:92px}.showcase-copy{width:min(620px,52%)}
.showcase-kicker{color:#c9c4b7;font-size:11px;letter-spacing:.25em;margin-bottom:34px}.showcase-kicker em{color:#66758a;font-style:normal;padding:0 13px}
.showcase-copy h1{font-size:clamp(58px,5.35vw,78px);line-height:.98;letter-spacing:-.052em;margin:0 0 25px;font-weight:820;max-width:760px}.showcase-copy h1 span{color:var(--gold2)}
.showcase-lead{font-size:18px;line-height:1.58;color:#d0d6df;max-width:610px;margin:0 0 30px}.showcase-actions{gap:15px}.showcase-actions .btn{min-width:210px;padding:14px 21px;border-radius:8px}.showcase-actions .secondary{min-width:175px}
.hero-proof{display:flex;align-items:stretch;margin-top:42px;gap:0}.hero-proof>div{min-width:165px;padding:0 28px 0 0;margin-right:28px;border-right:1px solid rgba(212,170,80,.55)}.hero-proof>div:last-child{border:0;margin-right:0}.hero-proof strong{display:block;font-size:29px;line-height:1;color:#fff;margin-bottom:8px;font-weight:650}.hero-proof span{display:block;color:#aeb7c5;font-size:9px;line-height:1.55;letter-spacing:.16em}
.hero-service-grid{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:4px}.hero-service-card{display:flex;flex-direction:column;min-height:248px;padding:25px 24px 22px;background:linear-gradient(180deg,rgba(8,23,39,.96),rgba(5,17,29,.98));border:1px solid rgba(182,198,220,.20);border-radius:8px;transition:transform .2s ease,border-color .2s ease,background .2s ease}.hero-service-card:hover{transform:translateY(-4px);border-color:rgba(240,204,122,.52);background:linear-gradient(180deg,rgba(11,30,50,.98),rgba(6,19,32,.98))}.service-icon{width:50px;height:50px;border:1px solid rgba(240,204,122,.75);border-radius:9px;display:grid;place-items:center;color:var(--gold2);margin-bottom:15px}.service-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.hero-service-card h3{font-size:18px;line-height:1.15;margin:0 0 9px}.hero-service-card p{font-size:14px;line-height:1.55;color:#aeb8c8;margin:0 0 16px}.hero-service-card b{margin-top:auto;font-size:12px;color:var(--gold2);letter-spacing:.01em}.hero-service-card b span{padding-left:8px}
.showcase-signoff{position:relative;z-index:3;margin:31px auto 0;text-align:center;color:#8f9aac;font-size:9px;letter-spacing:.32em}.showcase-signoff span{display:inline-block;width:46px;height:1px;background:var(--gold);vertical-align:middle;margin-right:14px}

.lux-section{padding:100px 0}.luxe-head{max-width:860px;margin-bottom:42px}.luxe-head h2{font-size:clamp(38px,4vw,58px);font-weight:760;letter-spacing:-.04em}.luxe-head p{font-size:17px;max-width:750px}.band{background:linear-gradient(180deg,#071320,#06101c);border-color:rgba(255,255,255,.07)}
.card{background:linear-gradient(180deg,rgba(12,32,53,.96),rgba(7,22,38,.98));border:1px solid rgba(169,190,218,.17);border-radius:11px;box-shadow:none}.card:hover{border-color:rgba(212,170,80,.32)}
.service{min-height:430px}.service.featured{border-color:rgba(212,170,80,.70);box-shadow:0 0 0 1px rgba(212,170,80,.12) inset}.price{color:#f5f4ef}.service .btn{border-radius:8px}
.center-action{text-align:center;margin-top:32px}.text-link{display:inline-block;color:#f1cb78;border-bottom:1px solid rgba(240,204,122,.45);padding-bottom:5px;font-weight:750}.text-link span{padding-left:8px}
.method-showcase{background:radial-gradient(900px 480px at 85% 25%,rgba(29,69,106,.16),transparent 65%)}.method-panels{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}.method-primary{padding:36px}.method-primary .statement{font-size:31px;line-height:1.28}.principles{grid-template-columns:1fr}.principle{background:rgba(5,17,29,.65);border-color:rgba(169,190,218,.14);border-radius:10px;padding:22px}.principle .icon{border-radius:8px}.principle b{font-size:17px}.principle span{font-size:14px;line-height:1.55}
.luxe-cta{background:linear-gradient(90deg,rgba(7,21,36,.95),rgba(10,29,48,.88)),url('assets/executive-office-city.jpg') center 70%/cover no-repeat;border-radius:12px;border-color:rgba(240,204,122,.35);padding:60px}.luxe-cta h2{font-size:clamp(43px,5vw,66px)}
footer{background:#040b13;margin-top:0;padding-top:45px;border-color:rgba(255,255,255,.07)}
footer .brand-word{font-size:24px}

/* Inner pages inherit the same executive visual system */
.page-hero{position:relative;overflow:hidden;padding:105px 0 72px;background:linear-gradient(90deg,rgba(5,14,25,.98),rgba(5,14,25,.88)),url('assets/executive-office-city.jpg') center 52%/cover no-repeat;border-color:rgba(255,255,255,.07)}
.page-hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.45}.page-hero .wrap{position:relative;z-index:2}.page-hero h1{font-size:clamp(48px,5.6vw,76px);max-width:900px}.page-hero p.lead{max-width:800px;color:#c3ccd8}.eyebrow{letter-spacing:.22em;color:var(--gold2)}
.table-wrap{border-color:rgba(255,255,255,.10);border-radius:10px}.compare{background:rgba(7,20,34,.72)}
.assessment-form,.route-result{border-radius:12px;background:linear-gradient(180deg,rgba(10,28,47,.98),rgba(6,20,34,.98));border-color:rgba(212,170,80,.24)}.assessment-step select{border-radius:8px;background-color:#071626}.assessment-submit{border-radius:8px}
.cta-card{border-radius:12px}

@media(max-width:1100px){
  .hero-rail{display:none}.hero-image{width:66%}.hero-shade{background:linear-gradient(90deg,#050e19 0%,#050e19 36%,rgba(5,14,25,.88) 60%,rgba(5,14,25,.32) 100%),linear-gradient(180deg,transparent 52%,#050e19 100%)}
  .showcase-copy{width:min(650px,62%)}.hero-service-grid{grid-template-columns:repeat(2,1fr)}.showcase-hero{min-height:1120px}.method-panels{grid-template-columns:1fr}
}
@media(max-width:980px){
  .site-nav .navin{min-height:74px}.site-nav .brand-logo img{width:45px;height:45px}.site-nav .brand-word{font-size:24px}.site-nav .navlinks{top:74px;background:rgba(5,14,25,.98);padding:24px 28px;gap:0}.site-nav .navlinks>a:not(.btn){padding:15px 0;border-bottom:1px solid rgba(255,255,255,.08)}.site-nav .navlinks .btn{margin-top:16px}
  .showcase-inner{padding-top:70px}.showcase-copy{width:70%}.hero-image{width:72%;opacity:.82}.hero-proof>div{min-width:145px;padding-right:18px;margin-right:18px}
}
@media(max-width:700px){
  .wrap{width:min(100% - 30px,var(--max))}.site-nav .brand-logo img{width:40px;height:40px}.site-nav .brand-word{font-size:22px}
  .showcase-hero{min-height:auto;padding-bottom:45px}.hero-image{width:100%;height:610px;background-position:56% 43%;opacity:.48}.hero-shade{height:620px;background:linear-gradient(180deg,rgba(5,14,25,.60) 0%,rgba(5,14,25,.82) 48%,#050e19 97%),linear-gradient(90deg,rgba(5,14,25,.88),rgba(5,14,25,.25))}
  .showcase-inner{min-height:620px;padding-top:62px}.showcase-copy{width:100%}.showcase-kicker{font-size:9px;line-height:1.8;max-width:90%;margin-bottom:26px}.showcase-kicker em{padding:0 5px}.showcase-copy h1{font-size:clamp(48px,14vw,66px);line-height:.95}.showcase-lead{font-size:17px;color:#d6dbe3}.showcase-actions .btn{width:100%;min-width:0}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:38px}.hero-proof>div{min-width:0;padding:0 12px;margin:0;border-right:1px solid rgba(212,170,80,.42)}.hero-proof>div:first-child{padding-left:0}.hero-proof strong{font-size:24px}.hero-proof span{font-size:7.5px;letter-spacing:.11em}.hero-service-grid{grid-template-columns:1fr;margin-top:22px}.hero-service-card{min-height:0;padding:22px}.showcase-signoff{margin-top:28px;font-size:7.5px;letter-spacing:.2em}
  .lux-section{padding:70px 0}.luxe-head h2{font-size:41px}.luxe-cta{padding:38px 25px}.method-primary{padding:28px}.method-primary .statement{font-size:26px}.page-hero{padding:76px 0 50px}.page-hero h1{font-size:48px}
}

/* =========================================================
   METRICBUILDS EXECUTIVE LUXURY REDESIGN — FINAL POLISH
   ========================================================= */
:root{--bg:#040d18;--bg2:#071525;--panel:#0a1b2e;--panel2:#0d2239;--gold:#cda74f;--gold2:#efcb76;--gold3:#f6d88f;--text:#f7f5ef;--muted:#a8b4c6;--line:rgba(196,213,235,.14);--max:1300px}
body{background:radial-gradient(950px 520px at 80% -12%,rgba(72,108,150,.10),transparent 62%),#040d18;color:var(--text)}
::selection{background:rgba(239,203,118,.28);color:#fff}
.site-nav{background:rgba(4,13,24,.91);box-shadow:0 12px 42px rgba(0,0,0,.16)}
.site-nav .navlinks a[aria-current="page"]:not(.btn){color:#fff;border-bottom-color:var(--gold2)}
.btn{background:linear-gradient(180deg,#f0cb73 0%,#d2a94d 100%);border-color:#e2ba60;border-radius:8px;box-shadow:0 13px 34px rgba(205,167,79,.15)}
.btn:hover{transform:translateY(-2px);filter:brightness(1.035)}
.btn.secondary{background:rgba(3,12,21,.42);border-color:rgba(226,186,96,.68);color:#f7f5ef}
.btn.secondary:hover{background:rgba(205,167,79,.08)}

/* Home: reference-like executive composition */
.showcase-hero{min-height:1010px;background:#040d18}
.hero-image{width:62%;height:710px;background-position:center 51%;filter:saturate(.96) contrast(1.06) brightness(1.04)}
.hero-shade{height:715px;background:linear-gradient(90deg,#040d18 0%,#040d18 31%,rgba(4,13,24,.94) 44%,rgba(4,13,24,.48) 69%,rgba(4,13,24,.16) 100%),linear-gradient(180deg,rgba(4,13,24,.02) 55%,#040d18 100%)}
.hero-rail{height:710px;width:230px;background:linear-gradient(180deg,rgba(3,10,18,.70),rgba(3,10,18,.94));backdrop-filter:blur(2px)}
.rail-copy{top:132px;left:43px;letter-spacing:.30em}
.showcase-inner{min-height:674px;padding-top:90px}
.showcase-copy{width:min(660px,52%)}
.showcase-copy h1{font-size:clamp(61px,5.4vw,82px);line-height:.95;letter-spacing:-.055em}
.showcase-copy h1 span{background:linear-gradient(90deg,#f7d887,#d8ad52);-webkit-background-clip:text;background-clip:text;color:transparent}
.showcase-lead{max-width:620px;font-size:18px;line-height:1.58}
.hero-proof strong{font-weight:600}.hero-proof span{color:#9eaabd}
.hero-service-grid{gap:18px}.hero-service-card{min-height:254px;padding:25px 25px 22px;border-radius:7px;background:linear-gradient(180deg,rgba(7,22,38,.96),rgba(4,15,27,.99));box-shadow:0 16px 36px rgba(0,0,0,.10)}
.hero-service-card:hover{box-shadow:0 18px 40px rgba(0,0,0,.16)}
.service-icon{background:rgba(205,167,79,.035)}

/* Inner pages: same visual language, not a separate template family */
.inner-page main{min-height:60vh}
.inner-page .page-hero{min-height:450px;display:flex;align-items:center;padding:112px 0 78px;background:#040d18;border-bottom:1px solid rgba(255,255,255,.07)}
.inner-page .page-hero:before{content:"";position:absolute;z-index:0;right:0;top:0;width:58%;height:100%;background:linear-gradient(90deg,rgba(4,13,24,1) 0%,rgba(4,13,24,.78) 26%,rgba(4,13,24,.28) 72%,rgba(4,13,24,.16) 100%),url('assets/executive-office-city.jpg') center 50%/cover no-repeat;opacity:.72}
.inner-page .page-hero:after{height:2px;background:linear-gradient(90deg,transparent 0%,rgba(239,203,118,.14) 18%,rgba(239,203,118,.7) 48%,rgba(239,203,118,.10) 80%,transparent 100%)}
.inner-page .page-hero .wrap{z-index:2}
.inner-page .page-hero .wrap:after{content:"IDEAS  /  STRUCTURE  /  EXECUTION";position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(-90deg) translateX(50%);transform-origin:right center;color:rgba(225,231,240,.44);font-size:9px;letter-spacing:.32em;white-space:nowrap}
.inner-page .page-hero h1{max-width:810px;font-size:clamp(52px,5.6vw,74px);line-height:.98;letter-spacing:-.05em;text-shadow:0 7px 30px rgba(0,0,0,.22)}
.inner-page .page-hero p.lead{max-width:730px;font-size:19px;line-height:1.62;color:#c6cfdb}
.inner-page section:not(.cta){padding:88px 0}
.inner-page .band{background:linear-gradient(180deg,#061322,#040f1b)}
.inner-page .card{background:linear-gradient(180deg,rgba(9,27,46,.96),rgba(5,18,32,.99));border-color:rgba(181,199,222,.16);border-radius:9px;padding:28px;box-shadow:0 16px 46px rgba(0,0,0,.10)}
.inner-page .card:hover{border-color:rgba(239,203,118,.35)}
.inner-page .section-head h2{font-size:clamp(38px,4vw,58px)}

/* Services */
.services-page .grid>.service{position:relative;overflow:hidden;min-height:455px;padding-top:62px}
.services-page .grid>.service:before{position:absolute;top:22px;right:24px;color:rgba(239,203,118,.28);font-size:38px;font-weight:300;letter-spacing:-.04em}
.services-page #t1:before{content:"01"}.services-page #t2:before{content:"02"}.services-page #t3:before{content:"03"}.services-page #t4:before{content:"04"}
.services-page .price{font-size:43px;font-weight:650;color:#fbfaf6}
.services-page .service ul{color:#b5c0cf}.services-page .service li::marker{color:var(--gold2)}
.services-page .compare th{background:rgba(205,167,79,.06)}
.services-page .compare td strong{color:#f7f5ef}

/* Process */
.process-page .step{min-height:275px;position:relative;border-top:1px solid rgba(239,203,118,.38)}
.process-page .step .num{font-size:10px;letter-spacing:.16em}.process-page .step h3{font-size:22px}
.process-page .grid.three{gap:20px}
.process-page .band .card{min-height:260px}

/* Method */
.about-page .proof-grid{grid-template-columns:.82fr 1.18fr;gap:20px}
.about-page .statement{font-size:34px;line-height:1.25}
.about-page .principle{background:rgba(4,15,27,.72);border-color:rgba(181,199,222,.15)}
.about-page .icon{background:rgba(205,167,79,.06);border-radius:7px}

/* FAQ */
.faq-page .faq{max-width:1000px}
.faq-page .faq details{background:linear-gradient(180deg,rgba(8,25,43,.88),rgba(5,17,30,.94));border-radius:8px;padding:0 24px;border-color:rgba(181,199,222,.15)}
.faq-page .faq summary{font-size:18px;padding:21px 0;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}
.faq-page .faq summary::-webkit-details-marker{display:none}.faq-page .faq summary:after{content:"+";color:var(--gold2);font-size:26px;font-weight:300}.faq-page .faq details[open] summary:after{content:"−"}

/* Assessment */
.assessment-page .assessment-shell{max-width:960px}
.assessment-page .assessment-form,.assessment-page .route-result{padding:36px 38px;border:1px solid rgba(239,203,118,.24);box-shadow:0 28px 90px rgba(0,0,0,.18)}
.assessment-page .assessment-step{padding:24px 0;border-bottom:1px solid rgba(181,199,222,.12)}
.assessment-page .assessment-step:last-of-type{border-bottom:0}
.assessment-page .assessment-step label{font-size:18px;color:#f7f5ef}
.assessment-page .assessment-step select{min-height:55px;border:1px solid rgba(181,199,222,.20);background:#061525;color:#f7f5ef}
.assessment-page .route-result{position:relative;overflow:hidden}.assessment-page .route-result:before{content:"";position:absolute;right:-80px;top:-90px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(205,167,79,.14),transparent 68%)}
.assessment-page .result-price{font-size:34px;font-weight:650;color:#f8f6f1}
.assessment-page .result-why{background:rgba(205,167,79,.05);border-left-color:var(--gold2)}

/* Legal */
.legal-page main>section{padding:72px 0 100px}
.legal-page .content.legal{max-width:980px;background:linear-gradient(180deg,rgba(8,25,43,.94),rgba(5,17,30,.98));border:1px solid rgba(181,199,222,.15);border-top:2px solid rgba(239,203,118,.56);border-radius:10px;padding:48px 54px;box-shadow:0 26px 80px rgba(0,0,0,.18)}
.legal-page .legal h1{font-size:clamp(45px,5vw,64px);letter-spacing:-.045em}.legal-page .legal h2{margin-top:42px;color:#f7f5ef}.legal-page .legal p,.legal-page .legal li{color:#b7c1d0}

/* 404 */
.error-page main>section{min-height:73vh!important;background:radial-gradient(700px 420px at 70% 40%,rgba(205,167,79,.08),transparent 65%),linear-gradient(90deg,rgba(4,13,24,.96),rgba(4,13,24,.78)),url('assets/executive-office-city.jpg') center/cover no-repeat}
.error-page .content h1{font-size:clamp(58px,8vw,96px);letter-spacing:-.06em}.error-page .content p{font-size:19px}

/* Footer */
footer{border-top:1px solid rgba(181,199,222,.10);background:#030a12;padding-top:50px}.footlinks a:hover{color:var(--gold2)}

/* Responsive */
@media(max-width:1100px){
  .inner-page .page-hero .wrap:after{display:none}.inner-page .page-hero:before{width:70%;opacity:.58}
  .about-page .proof-grid{grid-template-columns:1fr}
}
@media(max-width:980px){
  .inner-page .page-hero{min-height:400px;padding:92px 0 62px}.inner-page .page-hero:before{width:100%;opacity:.38}.inner-page .page-hero h1{max-width:720px}
  .services-page .grid>.service{min-height:430px}
}
@media(max-width:700px){
  .site-nav{backdrop-filter:blur(18px)}
  .showcase-copy h1{font-size:clamp(47px,13vw,63px)}
  .hero-image{height:640px;background-position:62% 45%}.hero-shade{height:645px}
  .hero-proof strong{font-size:22px}.hero-proof span{font-size:7px}
  .inner-page .page-hero{min-height:370px;padding:78px 0 54px}.inner-page .page-hero:before{opacity:.28;background-position:66% 50%}.inner-page .page-hero h1{font-size:clamp(43px,12vw,58px)}.inner-page .page-hero p.lead{font-size:17px}
  .inner-page section:not(.cta){padding:68px 0}.inner-page .card{padding:24px}
  .assessment-page .assessment-form,.assessment-page .route-result{padding:27px 22px}
  .legal-page main>section{padding:42px 0 72px}.legal-page .content.legal{padding:32px 24px;border-radius:8px}
  .luxe-cta{border-radius:9px}.hero-service-card{border-radius:7px}
}

/* =========================================================
   METRICBUILDS MOBILE POLISH PATCH — 2026-09-09
   Fixes metric collision, tightens hero typography/cards,
   and reduces sticky-header footprint after scroll.
   ========================================================= */
.site-nav .navin,.site-nav .brand-logo img,.site-nav .brand-word,.site-nav .nav-toggle{transition:min-height .18s ease,width .18s ease,height .18s ease,font-size .18s ease,padding .18s ease,border-radius .18s ease}

@media(max-width:700px){
  .wrap{width:min(100% - 24px,var(--max))}

  /* Header: full-size at top, compact once the user scrolls. */
  .site-nav .navin{min-height:70px}
  .site-nav .brand-logo{gap:9px}
  .site-nav .brand-logo img{width:38px;height:38px}
  .site-nav .brand-word{font-size:21px}
  .site-nav .nav-toggle{padding:8px 10px;font-size:17px;border-radius:9px}
  .site-nav.is-scrolled .navin{min-height:60px}
  .site-nav.is-scrolled .brand-logo img{width:32px;height:32px}
  .site-nav.is-scrolled .brand-word{font-size:19px}
  .site-nav.is-scrolled .nav-toggle{padding:6px 9px;font-size:16px;border-radius:8px}
  .site-nav.is-scrolled .navlinks{top:60px}

  /* Hero: preserve impact without crowding the viewport. */
  .showcase-inner{padding-top:52px}
  .showcase-kicker{font-size:8.5px;line-height:1.75;letter-spacing:.20em;max-width:96%;margin-bottom:22px}
  .showcase-copy h1{font-size:clamp(44px,11.8vw,55px);line-height:.96;letter-spacing:-.05em;margin-bottom:20px}
  .showcase-lead{font-size:15.5px;line-height:1.52;max-width:36ch;margin-bottom:24px;color:#d1d7e0}
  .showcase-actions{gap:10px}
  .showcase-actions .btn{min-height:52px;padding:12px 18px}

  /* Proof metrics: 2 + 1 layout prevents 100% and 0 from colliding. */
  .hero-proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:26px;border-top:1px solid rgba(212,170,80,.28);border-bottom:1px solid rgba(212,170,80,.28)}
  .hero-proof>div{min-width:0;margin:0;padding:15px 14px;border-right:1px solid rgba(212,170,80,.30)}
  .hero-proof>div:nth-child(2){border-right:0}
  .hero-proof>div:nth-child(3){grid-column:1/-1;border-right:0;border-top:1px solid rgba(212,170,80,.24);padding-left:0}
  .hero-proof strong{font-size:25px;line-height:1.05;white-space:nowrap;margin-bottom:7px}
  .hero-proof span{font-size:8.2px;line-height:1.42;letter-spacing:.13em;overflow-wrap:normal;word-break:normal}

  /* Cards and sections: tighter rhythm on phones. */
  .hero-service-grid{gap:14px;margin-top:18px}
  .hero-service-card{padding:20px 19px 19px}
  .hero-service-card p{margin-bottom:13px}
  .lux-section{padding:58px 0}
  .luxe-head{margin-bottom:28px}
  .luxe-head h2,.inner-page .section-head h2{font-size:clamp(34px,9.2vw,43px);line-height:1.02}
  .luxe-head p,.section-head p,.content p{font-size:16px;line-height:1.58}

  .lux-section .service,.services-page .grid>.service{min-height:0;padding:24px 20px}
  .services-page .grid>.service{padding-top:54px}
  .service ul{margin:14px 0 0}
  .service li{margin:7px 0}
  .service .btn{margin-top:22px;min-height:50px}
  .services-page .price{font-size:39px;margin:5px 0 8px}
  .services-page .grid{gap:14px}

  .process-page .step,.process-page .band .card{min-height:0}
  .about-page .statement{font-size:27px}

  /* Inner page headings: strong but more controlled line breaks. */
  .inner-page .page-hero{min-height:345px;padding:68px 0 46px}
  .inner-page .page-hero h1{font-size:clamp(40px,10.8vw,52px);line-height:.99}
  .inner-page .page-hero p.lead{font-size:16px;line-height:1.55}
  .inner-page section:not(.cta){padding:58px 0}
  .inner-page .card{padding:22px}

  .cta-card,.luxe-cta{padding:30px 21px}
  .cta-card h2{font-size:clamp(34px,9.5vw,43px)}
}

@media(max-width:420px){
  .showcase-copy h1{font-size:43px}
  .showcase-lead{font-size:15px;max-width:34ch}
  .hero-proof strong{font-size:24px}
  .hero-proof span{font-size:7.8px;letter-spacing:.11em}
  .hero-proof>div{padding:14px 11px}
  .site-nav .brand-word{font-size:20px}
  .luxe-head h2,.inner-page .section-head h2{font-size:34px}
}

/* =========================================================
   METRICBUILDS STICKY HEADER FINAL FIX — 2026-09-09
   Reduces only the scrolled mobile navigation footprint.
   ========================================================= */
@media(max-width:700px){
  .site-nav.is-scrolled .navin{min-height:52px}
  .site-nav.is-scrolled .brand-logo{gap:7px}
  .site-nav.is-scrolled .brand-logo img{width:28px;height:28px}
  .site-nav.is-scrolled .brand-word{font-size:17.5px;letter-spacing:-.55px}
  .site-nav.is-scrolled .nav-toggle{width:40px;height:40px;padding:0;font-size:15px;border-radius:8px}
  .site-nav.is-scrolled .navlinks{top:52px}
}
@media(max-width:420px){
  .site-nav.is-scrolled .brand-word{font-size:17px}
}


/* =========================================================
   METRICBUILDS TRAFFIC MONETIZATION ENGINE — 2026-09-09
   ========================================================= */
.navlinks{gap:18px}.navlinks>a:not(.btn){font-size:12px}
.monetization-home .revenue-card,.insight-card,.product-card{display:block;text-decoration:none;transition:transform .18s ease,border-color .18s ease}.revenue-card:hover,.insight-card:hover,.product-card:hover{transform:translateY(-3px);border-color:rgba(232,200,120,.52)}
.revenue-card b,.insight-card b{color:var(--gold2)}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card{min-height:390px;display:flex;flex-direction:column}.product-card .price{font-size:40px;color:#f7f5ef;font-weight:650}.product-card .btn{margin-top:auto}.product-buy.is-disabled{opacity:.48;pointer-events:none}.store-status{border:1px solid rgba(181,199,222,.18);padding:14px 18px;margin-bottom:22px;border-radius:8px;color:#c6d0dc;background:rgba(8,25,43,.68)}.store-status.is-ready{border-color:rgba(0,200,117,.38)}.store-status.is-hold{border-color:rgba(223,47,74,.38)}.store-note{margin-top:20px}
.article-wrap{max-width:860px}.article-section{padding:18px 0 28px;border-bottom:1px solid rgba(181,199,222,.13)}.article-section h2{font-size:31px}.article-section p{font-size:18px;line-height:1.72}.article-cta{margin-top:38px}
.download-shell{max-width:760px;margin:auto}.download-btn{display:inline-flex;margin:8px 8px 0 0}.sponsor-policy{margin-top:24px}.footer-tagline{margin-top:9px}.footlinks{display:flex;flex-wrap:wrap;gap:12px 18px}
.consent-banner{position:fixed;z-index:9999;left:20px;right:20px;bottom:20px;max-width:1000px;margin:auto;background:#071524;border:1px solid rgba(232,200,120,.45);box-shadow:0 18px 70px rgba(0,0,0,.45);border-radius:12px;padding:18px 20px;display:flex;gap:22px;align-items:center;justify-content:space-between}.consent-banner p{margin:5px 0 0;color:#b8c2cf;font-size:13px}.consent-actions{display:flex;gap:10px;flex:0 0 auto}.consent-actions .btn{white-space:nowrap}
@media(max-width:980px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.navlinks{gap:12px}.navlinks>a:not(.btn){font-size:11px}}
@media(max-width:700px){.product-grid{grid-template-columns:1fr}.product-card{min-height:0}.consent-banner{left:10px;right:10px;bottom:10px;display:block}.consent-actions{margin-top:14px;display:grid;grid-template-columns:1fr 1fr}.consent-actions .btn{width:100%}.article-section p{font-size:16px}.article-section h2{font-size:27px}}