:root{
  --red:#d20d08;
  --ink:#050505;
  --soft:#f7f7f5;
  --line:#d8d8d5;
  --shell:944px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.shell{width:min(var(--shell),calc(100% - 80px));margin-inline:auto}

.site-header{height:114px;background:#fff;position:relative;z-index:5}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e2e0}
.brand{width:347px;max-width:40%;display:block}
.brand img{width:100%;height:auto}
.header-cta{font-size:14px;font-weight:700;color:#c9120d;display:flex;align-items:center;gap:15px;margin-top:-1px;white-space:nowrap}
.header-cta span{font-size:27px;font-weight:300;line-height:.7}

.hero{height:533px;position:relative;overflow:hidden;background:#fff}
.hero-visual{position:absolute;right:0;top:0;width:61.95%;height:100%;overflow:hidden;z-index:0}
.hero-visual:before{content:"";position:absolute;inset:0 auto 0 0;width:18%;z-index:2;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 18%,rgba(255,255,255,0) 100%);pointer-events:none}
.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:right top}
.hero-inner{height:100%;position:relative;z-index:2}
.hero-copy{padding-top:51px;width:390px}
.hero h1{margin:0;font-size:64px;line-height:.966;letter-spacing:-4.8px;font-weight:800}
.hero h1 span{color:#c81712}.hero h1 .dot{color:#c81712}
.red-rule{width:34px;height:2px;background:#cf1711}
.hero .red-rule{margin-top:22px}
.hero-copy>p{margin:23px 0 44px;font-size:16px;line-height:1.58;color:#444}
.underlined-cta{display:inline-flex;align-items:center;justify-content:space-between;width:217px;padding:0 0 9px;border-bottom:2px solid #d51b15;font-size:13px;font-weight:700;letter-spacing:.02em}
.underlined-cta span{font-size:26px;color:#d51b15;font-weight:300;line-height:.7}

.experience{height:124px;background:linear-gradient(180deg,#fafaf9,#f7f7f6);border-top:1px solid #f2f2f0;border-bottom:1px solid #efefed}
.experience .shell{height:100%;padding-top:27px}
.section-kicker{display:flex;align-items:center;justify-content:center;gap:17px;height:19px;color:#d01913;font-size:12px;font-weight:700;letter-spacing:.03em}
.section-kicker i{display:block;width:36px;height:1px;background:#c8c8c5}
.logo-row{height:72px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;margin-top:2px}
.logo-cell{height:39px;display:flex;align-items:center;justify-content:center;border-right:1px solid #d3d3d0;padding:0 20px}
.logo-cell:last-child{border-right:0}
.logo-cell img{max-height:36px;max-width:137px;width:auto;height:auto;object-fit:contain}

.statement{height:245px;background:#fff}
.statement-grid{height:100%;display:grid;grid-template-columns:47.7% 52.3%;align-items:center;padding-top:3px}
.statement-title{padding-left:17px}
.statement-title .red-rule{margin-bottom:27px}
.statement h2{margin:0;font-size:49px;line-height:1.02;letter-spacing:-3.1px;font-weight:800}
.statement h2 span{color:#ce1812}
.statement-copy{border-left:1px solid #cfcfcc;padding-left:41px;font-size:14px;line-height:1.52}
.statement-copy p{margin:0 0 17px}.statement-copy p:last-child{margin-bottom:0}

.capabilities{height:203px;background:linear-gradient(115deg,#050505 0%,#0b0b0b 75%,#070707 100%);color:#fff;position:relative;overflow:hidden}
.capability-lines{position:absolute;right:-12px;top:-42px;width:185px;height:300px;background:repeating-linear-gradient(135deg,transparent 0 26px,rgba(200,12,8,.85) 27px 28px,transparent 29px 42px);opacity:.9}
.capability-grid{height:100%;display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:2}
.capability{height:137px;margin-top:32px;padding:0 22px;border-right:1px solid #555;position:relative}
.capability:first-child{padding-left:17px}.capability:last-child{border-right:0}
.capability i{display:block;width:28px;height:2px;background:#cb1712;margin-bottom:13px}
.capability h3{margin:0;font-size:18px;line-height:1.25;letter-spacing:-.4px;font-weight:700}
.capability b{display:block;width:28px;height:2px;background:#cb1712;margin:13px 0 10px}
.capability p{margin:0;font-size:12px;line-height:1.47;color:#eee}

.impact{height:180px;background:#fff}
.impact .shell{height:100%;padding-top:24px}
.impact-kicker{margin-bottom:11px}
.impact-grid{display:grid;grid-template-columns:repeat(4,1fr);height:120px}
.metric{text-align:center;border-right:1px solid #d3d3d0;padding:6px 12px 0;display:flex;flex-direction:column;align-items:center}
.metric:last-child{border-right:0}
.metric strong{color:#c81712;font-family:Georgia,'Times New Roman',serif;font-size:47px;line-height:1;font-weight:400;letter-spacing:-2px;white-space:nowrap}
.metric strong.global{font-family:Arial,Helvetica,sans-serif;font-size:34px;font-weight:700;letter-spacing:-1px;margin-top:5px;margin-bottom:8px}
.metric b{font-size:10px;line-height:1.24;letter-spacing:.075em;margin-top:8px}
.metric small{font-size:11px;color:#777;margin-top:7px;white-space:nowrap}

.closing{height:96px;background:linear-gradient(105deg,#060606 0%,#0d0d0d 72%,#170000 100%);color:#fff;position:relative;overflow:hidden}
.closing-art{position:absolute;right:0;top:0;width:220px;height:100%;opacity:.9;background:linear-gradient(135deg,transparent 49.6%,#be1813 50%,transparent 50.4%) 15px 3px/75px 75px,linear-gradient(45deg,transparent 49.6%,#be1813 50%,transparent 50.4%) 15px 3px/75px 75px}
.closing-inner{height:100%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;padding-inline:16px 194px}
.closing h2{margin:0;font-size:32px;line-height:1.02;letter-spacing:-1.6px;font-weight:400}
.closing h2 span{color:#e01914}
.closing-cta{width:267px;height:53px;border:1px solid #d21913;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:14px;font-weight:700;white-space:nowrap}
.closing-cta span{font-size:26px;color:#d21913;font-weight:300}

footer{height:42px;background:#070707;color:#aaa;border-top:1px solid #2c2c2c}
.footer-inner{height:100%;display:flex;align-items:center;justify-content:space-between;padding-inline:18px;font-size:11px}
.footer-inner p{margin:0}.footer-inner a{color:#fff;font-size:11px;font-weight:700}

@media (min-width:1200px){
  :root{--shell:1160px}
  .site-header{height:132px}
  .brand{width:390px}
  .hero{height:610px}.hero-copy{padding-top:64px;width:470px}.hero h1{font-size:78px}.hero-copy>p{font-size:18px}
  .experience{height:140px}.statement{height:290px}.statement h2{font-size:60px}.statement-copy{font-size:16px}
  .capabilities{height:240px}.capability{margin-top:40px;height:160px}.capability h3{font-size:22px}.capability p{font-size:14px}
  .impact{height:205px}.metric strong{font-size:56px}.metric strong.global{font-size:40px}.metric b{font-size:11px}.metric small{font-size:12px}
  .closing{height:118px}.closing h2{font-size:40px}.closing-inner{padding-right:225px}.closing-cta{width:320px;height:62px}
  footer{height:48px}
}

@media (max-width:760px){
  .shell{width:calc(100% - 36px)}
  .site-header{height:82px}.brand{max-width:none;width:220px}.header-cta{font-size:0;gap:0}.header-cta span{font-size:28px}
  .hero{height:auto;padding-bottom:0}.hero-visual{position:relative;width:100%;height:330px;top:auto;right:auto;order:2}.hero-visual:before{width:12%}
  .hero-inner{height:auto}.hero-copy{padding:48px 0 35px;width:100%}.hero h1{font-size:56px;letter-spacing:-3.6px}.hero-copy>p{font-size:15px;margin-bottom:28px}.underlined-cta{width:205px}
  .experience{height:auto;padding:28px 0 20px}.experience .shell{padding-top:0}.logo-row{height:auto;grid-template-columns:repeat(2,1fr);margin-top:16px}.logo-cell{height:72px;border-bottom:1px solid #ddd}.logo-cell:nth-child(2n){border-right:0}.logo-cell:last-child{grid-column:1/-1;border-bottom:0}
  .statement{height:auto;padding:62px 0}.statement-grid{display:block}.statement-title{padding:0}.statement h2{font-size:48px}.statement-copy{border-left:0;border-top:1px solid #ddd;margin-top:40px;padding:28px 0 0;font-size:14px}.statement-copy br{display:none}
  .capabilities{height:auto}.capability-grid{grid-template-columns:1fr 1fr}.capability{height:auto;min-height:210px;margin:0;padding:34px 22px;border-bottom:1px solid #333}.capability:first-child{padding-left:22px}.capability:nth-child(2n){border-right:0}
  .impact{height:auto;padding:35px 0}.impact .shell{padding-top:0}.impact-grid{grid-template-columns:1fr 1fr;height:auto}.metric{min-height:135px;padding:18px 8px;border-bottom:1px solid #ddd}.metric:nth-child(2){border-right:0}.metric strong{font-size:40px}.metric strong.global{font-size:30px}.metric small{white-space:normal}
  .closing{height:auto;padding:34px 0}.closing-inner{padding:0;display:block}.closing h2{font-size:32px}.closing-cta{margin-top:28px;width:100%;max-width:330px}
  footer{height:58px}.footer-inner{padding:0}
}

@media (max-width:430px){
  .brand{width:190px}.hero h1{font-size:49px}.hero-visual{height:270px}.capability-grid,.impact-grid{grid-template-columns:1fr}.capability{border-right:0}.metric{border-right:0}.closing h2{font-size:29px}
}

/* Final refinement lock — 2026-08-31 */
.logo-cell .autoloans-logo{
  filter:brightness(0);
  max-height:31px;
  max-width:146px;
}

/* Slightly calmer editorial spacing without changing the approved structure. */
@media (min-width:761px){
  .hero-copy>p{margin-bottom:39px}
  .experience .shell{padding-top:30px}
  .logo-row{margin-top:6px}
  .statement-copy{max-width:455px}
  .impact .shell{padding-top:29px}
  .impact-kicker{margin-bottom:15px}
}

.metric small{
  min-height:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
}
.metric small .secondary-stat{
  color:#5b5b58;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  line-height:1;
  font-weight:700;
  letter-spacing:0;
}

.closing-art{
  position:absolute;
  right:18px;
  bottom:-2px;
  width:250px;
  height:112px;
  opacity:.74;
  background:none;
  overflow:visible;
}
.closing-art polyline{
  fill:none;
  stroke:#c51b16;
  stroke-width:1;
  vector-effect:non-scaling-stroke;
}
.footer-inner a{
  letter-spacing:.055em;
  transition:opacity .16s ease;
}
.footer-inner a:hover{opacity:.72}

@media (min-width:1200px){
  .experience{height:148px}
  .experience .shell{padding-top:32px}
  .logo-row{height:80px}
  .logo-cell{height:43px;padding-inline:26px}
  .logo-cell img{max-height:38px;max-width:150px}
  .logo-cell .autoloans-logo{max-height:32px;max-width:151px}

  .statement-copy{max-width:510px}
  .capability p{line-height:1.52}

  .impact{height:218px}
  .impact-grid{height:127px}
  .metric{padding-top:7px}
  .metric small{margin-top:9px;font-size:12px}

  .closing{height:122px}
  .closing-inner{padding-right:240px}
  .closing-art{width:275px;height:122px;right:16px}
  footer{height:52px}
  .footer-inner{font-size:11px}
}

@media (max-width:760px){
  .logo-cell .autoloans-logo{max-height:28px;max-width:132px}
  .metric small{min-height:0}
  .closing-art{width:190px;height:90px;right:-22px;opacity:.45}
  .footer-inner a{font-size:10px}
}
