:root{--bg:#080808;--panel:#111;--panel2:#161616;--text:#f4f4f4;--muted:#a3a3a3;--orange:#ff6500;--line:#292929}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.5}button,a{font:inherit}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,78px);border-bottom:1px solid #202020;background:rgba(8,8,8,.96);position:sticky;top:0;z-index:20}.brand img{width:92px;height:70px;object-fit:contain}.site-header nav{display:flex;gap:30px;align-items:center}.site-header nav a{color:#bbb;text-decoration:none;font-size:13px;text-transform:uppercase;letter-spacing:1.5px}.site-header nav a:hover{color:#fff}.nav-cta,.primary{border:0;background:var(--orange);color:#090909;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:14px 20px;cursor:pointer}.menu-btn{display:none;background:none;color:#fff;border:1px solid #444;padding:9px 12px}.hero{min-height:680px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;max-width:1450px;margin:auto;padding:70px clamp(22px,6vw,90px);overflow:hidden}.eyebrow{color:var(--orange);font-size:12px;letter-spacing:3px;font-weight:800;margin:0 0 18px}.hero h1,.section h2,.feature-section h2,.cta-section h2{font-size:clamp(48px,6.6vw,98px);line-height:.92;letter-spacing:-4px;text-transform:uppercase;margin:0}.hero h1 span,.cta-section h2 span{color:var(--orange)}.lead{max-width:650px;color:#aaa;font-size:18px;margin:30px 0}.hero-actions{display:flex;gap:14px;align-items:center}.secondary{border:1px solid #444;color:#fff;text-decoration:none;padding:13px 20px;text-transform:uppercase;font-size:13px;letter-spacing:1px}.hero-mark{position:relative;display:flex;align-items:center;justify-content:center}.hero-mark img{width:min(520px,90%);position:relative;z-index:2;filter:drop-shadow(0 18px 35px #000)}.orange-slash{position:absolute;width:340px;height:620px;background:linear-gradient(180deg,#ff7a00,#d94300);transform:skew(-19deg);opacity:.12}.strip{min-height:76px;border-top:1px solid #292929;border-bottom:1px solid #292929;display:flex;align-items:center;justify-content:center;gap:30px;color:#888;font-size:12px;font-weight:bold;letter-spacing:2px;padding:18px}.strip i{width:5px;height:5px;background:var(--orange);transform:rotate(45deg)}.section,.feature-section{max-width:1450px;margin:auto;padding:110px clamp(22px,6vw,90px)}.section-heading{display:grid;grid-template-columns:1.1fr .7fr;gap:70px;align-items:end;margin-bottom:60px}.section-heading h2,.feature-section h2{font-size:clamp(42px,5vw,70px);letter-spacing:-2px}.section-heading>p{color:#999;max-width:540px;margin:0 0 6px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.service-card{background:var(--panel);border:1px solid #222;padding:30px;transition:.2s}.service-card:hover,.service-card.open{border-color:#555}.card-top{display:flex;justify-content:space-between;align-items:center}.card-top>span{font-size:12px;color:#666;letter-spacing:2px}.icon{width:45px;height:45px;display:grid;place-items:center;background:#1c1c1c;color:var(--orange);font-weight:900;font-size:20px}.service-card h3{font-size:28px;text-transform:uppercase;margin:28px 0 8px}.service-card>p{color:#8e8e8e;max-width:560px;min-height:50px}.toggle{width:100%;margin-top:20px;padding:16px 0;border:0;border-top:1px solid #292929;background:none;color:#eee;display:flex;justify-content:space-between;cursor:pointer;text-transform:uppercase;font-size:12px;letter-spacing:1.5px}.toggle b{color:var(--orange);font-size:18px}.service-list{display:none;grid-template-columns:repeat(2,1fr);gap:0 18px;padding-top:5px}.service-card.open .service-list{display:grid}.service-list span{padding:11px 0;border-top:1px solid #222;color:#bbb;font-size:13px}.feature-section{background:#0d0d0d;max-width:none;padding-left:max(22px,calc((100vw - 1450px)/2 + 90px));padding-right:max(22px,calc((100vw - 1450px)/2 + 90px))}.compact{max-width:1270px;margin-left:auto;margin-right:auto}.feature-grid{max-width:1270px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-grid article{border:1px solid #282828;border-top:3px solid var(--orange);background:#121212;padding:34px;min-height:290px;display:flex;flex-direction:column}.feature-grid span{font-size:10px;color:var(--orange);letter-spacing:2px;font-weight:bold}.feature-grid h3{font-size:26px;text-transform:uppercase;margin:28px 0 12px}.feature-grid p{color:#8f8f8f;flex:1}.text-btn{border:0;background:none;color:#fff;text-align:left;padding:14px 0 0;cursor:pointer;font-weight:bold}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.portfolio-grid div{min-height:250px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid #252525;background:linear-gradient(145deg,#191919,#0c0c0c);position:relative;overflow:hidden}.portfolio-grid div:before{content:"";position:absolute;width:120px;height:330px;background:var(--orange);opacity:.08;transform:skew(-20deg);right:-35px;top:-50px}.portfolio-grid span{color:var(--orange);font-size:10px;letter-spacing:2px;font-weight:bold}.portfolio-grid strong{font-size:20px;text-transform:uppercase;margin-top:8px;max-width:200px}.portfolio-note{color:#666;font-size:12px;margin-top:16px}.cta-section{max-width:1450px;margin:auto;padding:100px clamp(22px,6vw,90px);display:grid;grid-template-columns:1.2fr .6fr;gap:70px;align-items:end;border-top:1px solid #222}.cta-section h2{font-size:clamp(48px,6vw,86px)}.cta-copy p{color:#999;font-size:17px;margin-bottom:25px}.large{padding:18px 28px}footer{border-top:1px solid #222;padding:35px clamp(22px,6vw,90px);display:flex;align-items:center;gap:25px;color:#666;font-size:11px;text-transform:uppercase;letter-spacing:1px}footer img{width:62px;height:48px;object-fit:contain}footer p{flex:1}.toast{position:fixed;z-index:100;left:50%;bottom:28px;transform:translate(-50%,25px);min-width:330px;max-width:calc(100vw - 30px);display:flex;gap:12px;align-items:center;background:#171717;border:1px solid #444;border-left:4px solid var(--orange);padding:14px 18px;box-shadow:0 12px 35px #000a;opacity:0;visibility:hidden;transition:.22s}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}.toast-check{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#111;font-weight:900}.toast strong,.toast small{display:block}.toast small{color:#999;margin-top:2px}
@media(max-width:800px){.site-header{height:70px;padding:0 16px}.brand img{width:72px;height:55px}.menu-btn{display:block}.site-header nav{display:none;position:absolute;left:0;right:0;top:70px;background:#0b0b0b;border-bottom:1px solid #333;padding:20px;flex-direction:column;align-items:stretch;gap:8px}.site-header nav.open{display:flex}.site-header nav a{padding:11px}.hero{grid-template-columns:1fr;min-height:auto;padding:65px 22px 35px}.hero h1{font-size:54px;letter-spacing:-2.5px}.lead{font-size:15px}.hero-mark{margin-top:35px}.hero-mark img{width:290px}.orange-slash{height:330px;width:160px}.strip{justify-content:flex-start;overflow:hidden;white-space:nowrap;gap:18px}.section,.feature-section{padding:75px 20px}.section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:35px}.section-heading h2,.feature-section h2{font-size:43px}.service-grid,.feature-grid,.portfolio-grid,.cta-section{grid-template-columns:1fr}.service-card{padding:22px}.service-card>p{min-height:auto}.service-list{grid-template-columns:1fr}.feature-grid article{min-height:230px}.portfolio-grid div{min-height:160px}.cta-section{padding:75px 20px;gap:35px}.cta-section h2{font-size:49px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .secondary{text-align:center}.toast{bottom:18px;min-width:0;width:calc(100vw - 28px)}footer{padding:28px 20px;flex-wrap:wrap}footer p{flex-basis:70%}}

.custom-design{max-width:1270px;margin:0 auto 110px;padding:58px 55px;display:grid;grid-template-columns:1fr .75fr;gap:70px;align-items:end;background:#111;border:1px solid #292929;position:relative;overflow:hidden}
.custom-design .custom-accent{position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--orange)}
.custom-design:after{content:"";position:absolute;right:-90px;top:-150px;width:210px;height:520px;background:var(--orange);opacity:.055;transform:skew(-20deg);pointer-events:none}
.custom-design h2{font-size:clamp(42px,5vw,68px);line-height:.95;letter-spacing:-2px;text-transform:uppercase;margin:0}
.custom-design h2 span{color:var(--orange)}
.custom-copy{position:relative;z-index:1}
.custom-copy p{color:#999;font-size:16px;margin:0 0 25px}

@media(max-width:800px){
  .custom-design{margin:0 20px 75px;padding:38px 25px;grid-template-columns:1fr;gap:25px}
  .custom-design h2{font-size:42px}
}

/* V3 — richer Bravo Designs service cards */
.service-card{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 88% 14%,rgba(255,101,0,.075),transparent 24%),
    linear-gradient(135deg,#151515 0%,#0e0e0e 62%,#111 100%);
  border:1px solid #303030;
  border-top:2px solid #3b3b3b;
  padding:34px;
}
.service-card:before{
  content:"";
  position:absolute;
  left:0;top:0;width:118px;height:4px;
  background:var(--orange);
  z-index:2;
}
.service-card:after{
  content:"";
  position:absolute;
  left:105px;top:-10px;width:24px;height:24px;
  background:var(--orange);
  transform:skew(-28deg);
  z-index:2;
}
.service-card:hover,.service-card.open{
  border-color:#4a4a4a;
  box-shadow:inset 0 0 45px rgba(255,101,0,.025);
}
.giant-number{
  position:absolute;
  right:-15px;
  bottom:-48px;
  font-size:190px;
  line-height:1;
  font-weight:900;
  letter-spacing:-12px;
  color:#fff;
  opacity:.022;
  z-index:-1;
  user-select:none;
}
.brand-slash{
  position:absolute;
  right:58px;
  top:-62px;
  width:34px;
  height:205px;
  background:var(--orange);
  opacity:.065;
  transform:skew(-20deg);
  z-index:-1;
}
.service-card h3{
  font-size:31px;
  letter-spacing:-.7px;
  position:relative;
}
.service-card>p{position:relative}
.service-card .toggle{
  position:relative;
  margin-top:25px;
  padding:15px 16px;
  border:1px solid #303030;
  background:#181818;
  transition:.18s ease;
}
.service-card .toggle:hover{
  border-color:var(--orange);
  background:#1b1b1b;
}
.service-card .toggle b{
  width:26px;height:26px;
  display:grid;place-items:center;
  background:var(--orange);
  color:#111;
  line-height:1;
}
.service-card .service-list{
  position:relative;
  gap:8px;
  padding-top:16px;
}
.service-card .service-list span{
  padding:11px 12px;
  border:1px solid #272727;
  background:rgba(24,24,24,.78);
  color:#c4c4c4;
  transition:.15s;
}
.service-card .service-list span:hover{
  border-color:#494949;
  color:#fff;
}

/* V3 — centred Bravo footer */
.bravo-footer{
  border-top:1px solid #252525;
  padding:48px 20px 42px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  gap:10px;
  background:#090909;
}
.bravo-footer img{
  width:145px;
  height:110px;
  object-fit:contain;
  margin-bottom:8px;
}
.bravo-footer p{
  margin:0;
  color:#b8b8b8;
  font-size:15px;
  text-transform:none;
  letter-spacing:0;
}
.bravo-footer span{
  color:#777;
  font-size:12px;
  text-transform:none;
  letter-spacing:0;
}

@media(max-width:800px){
  .service-card{padding:25px 20px}
  .service-card h3{font-size:27px}
  .giant-number{font-size:130px;bottom:-30px}
  .service-card .service-list{grid-template-columns:1fr}
  .bravo-footer{padding:40px 18px 35px}
  .bravo-footer img{width:125px;height:95px}
}