.performance-site { --perf-red:#ed1c24; --perf-dark:#090a0c; --perf-panel:#141619; --perf-steel:#a4a9ae; margin:0; color:#f5f5f5; background:var(--perf-dark); font-family:Arial,Helvetica,sans-serif; }
.perf-container { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.perf-demo-bar { color:#92979c; background:#050608; border-bottom:1px solid rgba(255,255,255,.09); }
.perf-demo-bar .perf-container { min-height:38px; display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:10px; letter-spacing:.08em; }
.perf-demo-bar span,.perf-demo-bar a { display:flex; align-items:center; gap:7px; }
.perf-demo-bar span svg { color:var(--perf-red); }
.perf-demo-bar a { color:#d8dadd; font-weight:700; }
.perf-header { position:absolute; z-index:10; top:38px; left:0; right:0; border-bottom:1px solid rgba(255,255,255,.14); }
.perf-header-inner { height:86px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.perf-brand { display:flex; align-items:center; gap:11px; color:#fff; }
.perf-mark { width:43px; height:43px; display:grid; place-items:center; color:#fff; background:var(--perf-red); font-size:26px; font-weight:950; font-style:italic; transform:skew(-7deg); }
.perf-brand > span:last-child { display:flex; flex-direction:column; line-height:1; }
.perf-brand strong { font-size:19px; letter-spacing:.18em; font-style:italic; }
.perf-brand small { margin-top:6px; color:#a6aaae; font-size:8px; letter-spacing:.32em; }
.perf-header nav { display:flex; gap:28px; margin-left:auto; }
.perf-header nav a { color:#c7c9cc; font-size:12px; }
.perf-header-cta { min-height:42px; padding:0 17px; display:inline-flex; align-items:center; gap:8px; color:#fff; background:var(--perf-red); font-size:11px; font-weight:800; transform:skew(-5deg); }
.perf-hero { position:relative; min-height:800px; display:flex; align-items:center; overflow:hidden; color:#fff; background:#090a0c; }
.perf-hero > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.perf-hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(6,7,9,.99) 0%,rgba(6,7,9,.92) 32%,rgba(6,7,9,.32) 62%,rgba(6,7,9,.04)),linear-gradient(0deg,rgba(5,6,8,.72),transparent 48%); }
.perf-grid-lines { position:absolute; inset:0; opacity:.11; background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px); background-size:60px 60px; mask-image:linear-gradient(90deg,#000,transparent 62%); }
.perf-hero-content { position:relative; z-index:2; padding-top:104px; }
.perf-kicker { display:flex; align-items:center; gap:11px; color:#9da2a7; font-size:10px; font-weight:800; letter-spacing:.17em; }
.perf-kicker span { color:#ff4b50; }
.perf-kicker i { width:35px; height:1px; background:#df2026; }
.perf-hero h1 { max-width:760px; margin:25px 0 22px; font-size:clamp(54px,6.2vw,86px); line-height:.94; letter-spacing:-.057em; text-transform:uppercase; font-style:italic; }
.perf-hero h1 em { color:var(--perf-red); font-style:inherit; }
.perf-hero-content > p { max-width:580px; margin:0; color:#b7bbc0; font-size:16px; line-height:1.72; }
.perf-actions { display:flex; gap:14px; margin-top:35px; }
.perf-btn { min-height:52px; padding:0 22px; display:inline-flex; align-items:center; justify-content:center; gap:9px; font-size:11px; font-weight:850; letter-spacing:.04em; text-transform:uppercase; transition:.2s ease; }
.perf-btn:hover { transform:translateY(-2px); }
.perf-btn.primary { color:#fff; background:var(--perf-red); clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%); }
.perf-btn.outline { color:#fff; border:1px solid rgba(255,255,255,.27); }
.perf-btn.light-btn { color:#15171a; background:#fff; }
.perf-proof { display:flex; gap:24px; margin-top:34px; color:#92979c; font-size:10px; }
.perf-proof span { display:flex; align-items:center; gap:7px; }
.perf-proof svg { color:var(--perf-red); }
.perf-status { position:absolute; z-index:2; right:5vw; bottom:42px; display:flex; align-items:center; gap:10px; color:#858a8f; font-size:8px; letter-spacing:.14em; }
.perf-status i { width:55px; height:1px; background:#4d5155; }
.perf-status strong { color:#ff363c; }
.perf-strip { color:#7c8186; background:#0d0f12; border-block:1px solid #22252a; }
.perf-strip .perf-container { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:22px; font-size:9px; font-weight:800; letter-spacing:.19em; }
.perf-strip i { width:4px; height:4px; background:var(--perf-red); transform:rotate(45deg); }
.perf-section { padding:112px 0; }
.perf-services { background:#f3f3f1; color:#181a1d; }
.perf-heading { display:grid; grid-template-columns:1.2fr .8fr; gap:90px; align-items:end; }
.perf-label { display:inline-flex; align-items:center; gap:10px; color:#cf171d; font-size:9px; font-weight:850; letter-spacing:.18em; text-transform:uppercase; }
.perf-label::before { content:""; width:30px; height:2px; background:var(--perf-red); }
.perf-label.light { color:#ff6c70; }
.perf-heading h2,.results-copy h2,.perf-process-head h2,.about-copy h2,.perf-contact h2 { margin:18px 0 0; font-size:clamp(37px,4.2vw,58px); line-height:1.03; letter-spacing:-.05em; text-transform:uppercase; font-style:italic; }
.perf-heading > p { margin:0 0 4px; color:#6e7378; font-size:14px; line-height:1.75; }
.perf-service-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:58px; background:#d1d2d1; border:1px solid #d1d2d1; }
.perf-service-grid article { min-height:355px; padding:27px; display:flex; flex-direction:column; background:#fff; }
.service-head { display:flex; align-items:center; justify-content:space-between; color:#d31c22; }
.service-head span { color:#92969a; font-size:8px; font-weight:800; letter-spacing:.15em; }
.perf-service-grid h3 { margin:55px 0 13px; font-size:21px; text-transform:uppercase; font-style:italic; }
.perf-service-grid p { margin:0; color:#71767b; font-size:12px; line-height:1.75; }
.perf-service-grid a { margin-top:auto; padding-top:21px; display:flex; align-items:center; gap:8px; color:#b9181d; font-size:10px; font-weight:850; border-top:1px solid #e0e1e0; }
.perf-results { padding:112px 0; background:#101215; }
.results-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:90px; align-items:center; }
.results-copy > p { margin:24px 0; color:#989da2; font-size:14px; line-height:1.8; }
.results-copy ul { list-style:none; margin:0; padding:25px 0 0; display:grid; gap:13px; border-top:1px solid #2a2d31; }
.results-copy li { display:flex; align-items:center; gap:9px; color:#c9cccf; font-size:11px; }
.results-copy li svg { color:#ef252b; }
.dyno-card { padding:28px; background:#181b1f; border:1px solid #30343a; box-shadow:0 25px 70px rgba(0,0,0,.3); }
.dyno-head { display:flex; justify-content:space-between; gap:20px; color:#7f858b; font-size:8px; letter-spacing:.13em; }
.dyno-head strong { color:#e62a30; }
.dyno-chart { position:relative; height:250px; margin:25px 0 15px; overflow:hidden; background:#111316; border:1px solid #292d31; }
.chart-grid { position:absolute; inset:0; opacity:.3; background-image:linear-gradient(#373b40 1px,transparent 1px),linear-gradient(90deg,#373b40 1px,transparent 1px); background-size:42px 42px; }
.dyno-chart svg { position:absolute; inset:20px; width:calc(100% - 40px); height:calc(100% - 40px); overflow:visible; }
.dyno-chart path { fill:none; stroke-width:4; vector-effect:non-scaling-stroke; filter:drop-shadow(0 0 7px currentColor); }
.dyno-chart .torque { color:#a8adb2; stroke:#a8adb2; }
.dyno-chart .power { color:#ef252b; stroke:#ef252b; }
.chart-max { position:absolute; top:25px; right:24px; color:#ff4a50; font-size:13px; font-weight:850; }
.dyno-values { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#33363b; }
.dyno-values div { padding:15px; background:#202328; }
.dyno-values span { display:block; color:#7f858a; font-size:7px; letter-spacing:.15em; }
.dyno-values strong { display:block; margin-top:6px; font-size:18px; }
.dyno-card > small { display:block; margin-top:15px; color:#6f747a; font-size:8px; }
.perf-projects { background:#f3f3f1; color:#181a1d; }
.perf-project-grid { display:grid; grid-template-columns:1.2fr .8fr; grid-template-rows:repeat(2,255px); gap:15px; margin-top:58px; }
.featured-project { position:relative; grid-row:1 / 3; overflow:hidden; color:#fff; }
.featured-project img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:.5s ease; }
.featured-project:hover img { transform:scale(1.035); }
.featured-project::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(7,8,10,.96),rgba(7,8,10,.08) 72%); }
.featured-project > div { position:absolute; z-index:2; left:30px; right:30px; bottom:28px; }
.featured-project span,.project-spec > span { color:#ff4a50; font-size:8px; font-weight:850; letter-spacing:.16em; }
.featured-project h3,.project-spec h3 { margin:9px 0 7px; font-size:25px; text-transform:uppercase; font-style:italic; }
.featured-project p,.project-spec p { margin:0; color:#b9bdc1; font-size:11px; }
.featured-project a { margin-top:18px; display:flex; align-items:center; gap:8px; color:#fff; font-size:10px; font-weight:800; }
.project-spec { position:relative; padding:27px; overflow:hidden; color:#fff; background:#202328; }
.project-spec.red { background:linear-gradient(135deg,#551115,#1b1c1f 70%); }
.project-spec.steel { background:linear-gradient(135deg,#39414a,#17191c 72%); }
.project-spec h3 { max-width:320px; }
.project-spec p { max-width:300px; line-height:1.6; }
.project-spec svg { position:absolute; right:24px; bottom:22px; color:rgba(255,255,255,.13); }
.project-spec small { position:absolute; right:24px; top:24px; color:#71767b; font-size:7px; letter-spacing:.15em; }
.perf-process { padding:112px 0; background:#08090b; }
.perf-process-head { max-width:760px; }
.perf-process ol { list-style:none; margin:58px 0 0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #292c31; }
.perf-process li { padding:29px 25px 0 0; display:flex; gap:19px; border-right:1px solid #292c31; }
.perf-process li + li { padding-left:25px; }
.perf-process li:last-child { border:0; }
.perf-process li > span { color:#eb252b; font-size:9px; font-weight:850; letter-spacing:.15em; }
.perf-process li strong { font-size:17px; text-transform:uppercase; font-style:italic; }
.perf-process li p { margin:10px 0 0; color:#7f8489; font-size:11px; line-height:1.65; }
.perf-about { background:#f3f3f1; color:#181a1d; }
.about-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; align-items:center; }
.about-symbol { position:relative; min-height:480px; display:grid; place-items:center; overflow:hidden; color:#fff; background:#15171a; }
.apex-a { position:relative; z-index:2; color:#ee242a; font-size:150px; font-weight:950; font-style:italic; text-shadow:0 0 40px rgba(237,28,36,.25); }
.rings { position:absolute; border:1px solid rgba(255,255,255,.12); border-radius:50%; }
.rings.one { width:280px; height:280px; }
.rings.two { width:410px; height:410px; box-shadow:0 0 0 50px rgba(255,255,255,.015); }
.about-symbol > span { position:absolute; bottom:32px; color:#73787e; font-size:8px; font-weight:800; line-height:1.6; letter-spacing:.2em; text-align:center; }
.about-copy > p { margin:24px 0; color:#696e73; font-size:14px; line-height:1.8; }
.about-values { display:grid; grid-template-columns:repeat(3,1fr); margin-top:34px; border-top:1px solid #ced0d0; }
.about-values div { padding:23px 15px 0 0; display:flex; flex-direction:column; gap:6px; }
.about-values svg { color:#d21e24; }
.about-values strong { margin-top:7px; font-size:12px; text-transform:uppercase; }
.about-values span { color:#85898d; font-size:9px; }
.perf-contact { padding:82px 0; background:var(--perf-red); }
.perf-contact-inner { display:flex; align-items:center; justify-content:space-between; gap:60px; }
.perf-contact h2 { max-width:800px; color:#fff; }
.perf-contact p { margin:15px 0 0; color:#ffd8da; font-size:12px; }
.perf-footer { padding:50px 0; color:#7f848a; background:#050608; }
.perf-footer .perf-container { display:grid; grid-template-columns:1fr auto; gap:30px; align-items:center; }
.perf-footer-info { display:flex; gap:24px; }
.perf-footer-info span { display:flex; align-items:center; gap:7px; font-size:9px; }
.perf-footer p { margin:0; font-size:8px; }
.perf-footer > .perf-container > a { display:flex; align-items:center; justify-content:flex-end; gap:8px; color:#a6abb0; font-size:9px; }
.perf-footer a img { width:24px; height:24px; object-fit:contain; }
@media (max-width:900px) {
  .perf-header nav { display:none; }
  .perf-heading,.results-grid,.about-grid { grid-template-columns:1fr; gap:45px; }
  .perf-service-grid { grid-template-columns:repeat(2,1fr); }
  .perf-project-grid { grid-template-columns:1fr; grid-template-rows:420px 230px 230px; }
  .featured-project { grid-row:auto; }
  .perf-process ol { grid-template-columns:repeat(2,1fr); gap:30px 0; }
  .perf-contact-inner { align-items:flex-start; flex-direction:column; }
  .perf-footer .perf-container { grid-template-columns:1fr; }
  .perf-footer > .perf-container > a { justify-content:flex-start; }
}
@media (max-width:640px) {
  .perf-container { width:min(100% - 30px,1180px); }
  .perf-demo-bar .perf-container { min-height:44px; }
  .perf-demo-bar span { display:none; }
  .perf-demo-bar a { margin-left:auto; }
  .perf-header { top:44px; }
  .perf-header-inner { height:75px; }
  .perf-header-cta { width:42px; padding:0; font-size:0; justify-content:center; }
  .perf-hero { min-height:820px; align-items:flex-end; }
  .perf-hero > img { object-position:66% center; }
  .perf-hero-shade { background:linear-gradient(0deg,rgba(6,7,9,.99) 18%,rgba(6,7,9,.48) 76%,rgba(6,7,9,.75)); }
  .perf-hero-content { padding:165px 0 110px; }
  .perf-hero h1 { font-size:46px; }
  .perf-hero-content > p { font-size:14px; }
  .perf-actions { flex-direction:column; align-items:stretch; }
  .perf-proof { align-items:flex-start; flex-direction:column; gap:10px; }
  .perf-status { display:none; }
  .perf-strip .perf-container { justify-content:center; }
  .perf-strip span:nth-of-type(n+4),.perf-strip i:nth-of-type(n+3) { display:none; }
  .perf-section,.perf-results,.perf-process { padding:82px 0; }
  .perf-heading h2,.results-copy h2,.perf-process-head h2,.about-copy h2,.perf-contact h2 { font-size:38px; }
  .perf-service-grid { grid-template-columns:1fr; }
  .perf-service-grid article { min-height:310px; }
  .dyno-card { padding:18px; }
  .dyno-head { flex-direction:column; }
  .dyno-chart { height:210px; }
  .dyno-values { grid-template-columns:1fr; }
  .perf-project-grid { grid-template-rows:360px 220px 220px; }
  .perf-process ol { grid-template-columns:1fr; }
  .perf-process li,.perf-process li + li { padding:25px 0 0; border-right:0; border-top:1px solid #292c31; }
  .perf-process li:first-child { border-top:0; }
  .about-symbol { min-height:380px; }
  .about-values { grid-template-columns:1fr; }
  .about-values div { padding-bottom:15px; }
  .perf-footer-info { align-items:flex-start; flex-direction:column; gap:10px; }
}
@media (prefers-reduced-motion:reduce) { .performance-site * { scroll-behavior:auto!important; transition:none!important; } }