*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#111;color:#f4f1e8} a{text-decoration:none;color:inherit}
.page{width:100%;max-width:100%;margin:0;background:#151515;position:relative;overflow:hidden}
.nav{height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(28px,6vw,85px);background:#101010;border-bottom:1px solid #2a2a2a;width:100%;max-width:100%}
.brand{display:flex;align-items:center;gap:18px}.brand img{width:72px;height:72px;object-fit:contain}.brand b{letter-spacing:3px;font-size:24px}.navlinks{display:flex;gap:28px;font-size:16px;color:#ddd}.cta{background:#ba1e25;color:#fff;padding:15px 24px;border-radius:5px;font-weight:700}
.hero{height:760px;position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);overflow:hidden;z-index:1;width:100%;max-width:100%}.hero .copy{padding:105px clamp(30px,5vw,70px) 60px clamp(32px,6vw,90px);z-index:2;min-width:0}.kicker{color:#d2b45d;letter-spacing:4px;font-size:17px;font-weight:700;text-transform:uppercase}.hero h1{font-size:84px;line-height:.95;margin:22px 0 28px;max-width:720px}.hero p{font-size:24px;line-height:1.5;color:#d2d2d2;max-width:670px}.buttons{display:flex;gap:18px;margin-top:36px}.ghost{border:1px solid #d7c47b;padding:15px 24px;border-radius:5px;color:#f3e8bc;font-weight:700}.heroimg{position:relative;overflow:hidden;z-index:1}.heroimg img{width:100%;height:100%;object-fit:cover}.heroimg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#151515 0%,transparent 36%)}
.strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#2a2a2a;border-top:1px solid #2a2a2a;border-bottom:1px solid #2a2a2a;position:relative;z-index:20;isolation:isolate;overflow:hidden;clear:both}.strip>div{position:relative;z-index:21;min-width:0}.strip div{padding:34px clamp(20px,3.2vw,48px);background:#181818;min-width:0}.strip h3{margin:0 0 8px;color:#d2b45d;font-size:22px}.strip p{margin:0;color:#bbb;line-height:1.45}
.section{padding:95px clamp(32px,6vw,90px);width:100%;max-width:100%}.section h2{font-size:56px;margin:0 0 20px}.section .lead{font-size:22px;line-height:1.6;color:#c7c7c7;max-width:980px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.photo{border-radius:12px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.35)}.photo img{width:100%;display:block}.quote{border-left:4px solid #ba1e25;padding-left:26px;font-size:29px;line-height:1.45;color:#fff;margin-top:32px}.mini{color:#d2b45d;font-weight:700;letter-spacing:2px;text-transform:uppercase}.logo-watermark{position:relative;isolation:isolate}.logo-watermark>*{position:relative;z-index:1}.logo-watermark::before{content:'';position:absolute;inset:-10px 0 -10px -20px;background-image:url("images/ronin-logo.png");background-repeat:no-repeat;background-size:min(400px,68%);background-position:center center;opacity:.09;pointer-events:none;z-index:0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:42px}.card{background:#1f1f1f;border:1px solid #333;padding:32px;border-radius:10px;min-height:260px}.card h3{font-size:27px;margin-top:0}.card p{font-size:18px;line-height:1.55;color:#c0c0c0}
.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:330px 330px;gap:14px}.gallery img{width:100%;height:100%;object-fit:cover;border-radius:8px}.gallery .big{grid-row:1/3}
.values{background:#f1eee6;color:#151515}.values .lead{color:#444}.values .card{background:#fff;color:#111;border-color:#ddd}.values .card p{color:#444}.values .card h3{color:#98191f}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:46px}.step{background:#202020;padding:32px;border-radius:10px}.num{font-size:52px;color:#d2b45d;font-weight:800}.step h3{font-size:28px;margin:8px 0}.step p{font-size:18px;color:#c2c2c2;line-height:1.55}
.contact{background:#8f171d;padding:88px clamp(32px,6vw,90px);display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.contact h2{font-size:58px;margin:0 0 20px}.contact p{font-size:22px;line-height:1.55}.contact .box{background:#fff;color:#111;padding:32px;border-radius:10px}.contact .box p{font-size:18px;margin:8px 0}.footer{padding:35px clamp(32px,6vw,90px);background:#0d0d0d;color:#aaa;display:flex;justify-content:space-between}

html,body{width:100%;max-width:100%;overflow-x:hidden}
img{max-width:100%}
.navlinks{min-width:0;flex-wrap:wrap;justify-content:flex-end}
.hero h1,.hero p,.strip p,.section p,.card p,.step p{overflow-wrap:anywhere}
@media(max-width:1100px){
  .nav{padding-left:32px;padding-right:32px}.navlinks{gap:16px}.brand b{font-size:20px}
  .hero h1{font-size:64px}.hero p{font-size:20px}.strip h3{font-size:19px}.strip p{font-size:15px}
}
@media(max-width:820px){
  .navlinks{display:none}.hero{height:auto;grid-template-columns:1fr}.hero .copy{padding:72px 32px 42px}.hero h1{font-size:56px}.heroimg{height:430px}
  .strip{grid-template-columns:1fr}.twocol,.contact{grid-template-columns:1fr}.cards,.steps{grid-template-columns:1fr}.gallery{grid-template-columns:1fr;grid-template-rows:auto}.gallery .big{grid-row:auto}.gallery img{height:auto}.footer{gap:18px;flex-direction:column}
}

html{scroll-behavior:smooth;scroll-behavior:smooth}
a.cta,a.ghost,.navlinks a{display:inline-block;cursor:pointer}
.navlinks a:hover{color:#fff}
a.cta:hover{filter:brightness(1.08)}
a.ghost:hover{background:#d7c47b;color:#151515}
section[id],div[id]{scroll-margin-top:110px}

section[id]{scroll-margin-top:24px}
a:focus-visible{outline:3px solid #d2b45d;outline-offset:4px}

/* Try a Class form */
.contact-copy a{color:#fff;text-decoration:underline;text-underline-offset:3px}.contact-details{margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,255,255,.28)}.contact-details p{font-size:17px;margin:6px 0}.form-box h3{font-size:32px;margin:0 0 8px}.form-intro{font-size:16px!important;color:#555;margin:0 0 22px!important}.trial-form{display:grid;gap:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row{display:grid;gap:7px}.form-row label{font-size:14px;font-weight:700;color:#242424}.form-row label span{color:#98191f}.form-row input,.form-row select,.form-row textarea{width:100%;font:inherit;font-size:16px;color:#111;background:#fff;border:1px solid #c9c9c9;border-radius:6px;padding:12px 13px;outline:none}.form-row textarea{resize:vertical;min-height:110px}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:#8f171d;box-shadow:0 0 0 3px rgba(143,23,29,.12)}.form-submit{appearance:none;border:0;border-radius:6px;padding:15px 22px;background:#171717;color:#fff;font-weight:800;font-size:15px;letter-spacing:.4px;cursor:pointer}.form-submit:hover{background:#292929}.form-note{font-size:14px!important;color:#555!important;margin:0!important;text-align:center}.form-note a{color:#8f171d;font-weight:700;text-decoration:underline;text-underline-offset:3px}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-status{display:none;padding:12px 14px;border-radius:6px;margin-bottom:16px;font-size:15px;font-weight:700}.form-status.success{display:block;background:#eaf5ed;color:#17642a;border:1px solid #b9dfc2}.form-status.error{display:block;background:#fae9e9;color:#8f171d;border:1px solid #e2bbbb}
@media(max-width:820px){.form-grid{grid-template-columns:1fr}.contact-details{margin-bottom:8px}}