:root{--r:#b51d25;--ink:#151719;--grey:#5c6267;--soft:#f4f5f6;--line:#dfe1e3}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:98px}body{margin:0;font:16px/1.55 Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}figure{margin:0}.wrap{width:min(1240px,calc(100% - 40px));margin-inline:auto}header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.brand{font-size:29px;font-weight:900;letter-spacing:-1px}.brand i{font-style:normal;color:var(--r)}a:focus-visible{outline:3px solid var(--r);outline-offset:5px}
.hero{background:#101719;color:#fff;padding:42px 0}.hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;align-items:center}.hero-copy{padding:12px 0}.eyebrow{font-size:14px;font-weight:700;letter-spacing:1.4px;color:var(--r);text-transform:uppercase}.hero .eyebrow,.architecture .eyebrow{color:#fa8087}.hero h1{font-size:clamp(38px,4.2vw,60px);line-height:1.06;letter-spacing:-2.1px;margin:20px 0 22px}.hero h1 span{color:#f1f3f4}.hero p{font-size:18px;line-height:1.65;color:#c9d0d3;max-width:490px;margin:0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--r);color:#fff;padding:13px 18px;font-size:15px;font-weight:700;min-height:48px}.btn:hover{background:#94151c}.btn.alt{background:transparent;border:1px solid #899296}.btn.alt:hover{background:#ffffff12}.hero-visual{position:relative;overflow:hidden;border:1px solid #ffffff20}.hero-visual picture{display:block}.hero-visual img{display:block;width:100%;height:442px;object-fit:cover;object-position:62% center}.hero-visual figcaption{position:absolute;bottom:0;left:0;right:0;padding:10px 16px;background:linear-gradient(transparent,#000b);color:#fff;font-size:12px;line-height:1.5;padding-top:24px}
.proof-band{border-bottom:1px solid var(--line);background:#f5f6f7}.proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-block:22px}.proof>div{padding-inline:28px;border-left:1px solid #dadddf}.proof>div:first-child{padding-left:0;border:0}.proof b{display:block;font-size:23px;line-height:1.25;letter-spacing:-.5px}.proof span{display:block;color:var(--grey);font-size:14px;margin-top:5px}
.intro{padding:56px 0 28px}.section-head{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:end}.redline{width:44px;height:4px;background:var(--r);margin-bottom:14px}.section-head h2{font-size:clamp(30px,3.3vw,43px);line-height:1.12;letter-spacing:-1.3px;margin:0;max-width:550px}.section-head p{margin:0;color:var(--grey);line-height:1.65}.system-map{padding:0 0 58px}.family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.family{min-width:0;display:flex;flex-direction:column;padding:24px;background:#f5f6f7;border:1px solid #e3e6e8;position:relative;transition:background .2s,border-color .2s}.family:hover{background:#fff;border-color:var(--r)}.family .n{font-size:12px;line-height:1.5;font-weight:700;letter-spacing:1px;color:#747b80}.family h3{font-size:25px;line-height:1.12;letter-spacing:-.6px;margin:14px 0 12px}.family p{color:var(--grey);font-size:16px;line-height:1.55;margin:0 0 18px}.family ul{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:6px}.family li{font-size:14px;line-height:1.4;padding:5px 8px;background:#fff;border:1px solid #e3e6e8;color:#4c5358}.family .codes{margin-top:auto;padding-top:16px;border-top:1px solid #d8dde0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:14px}.family .codes b{font-weight:700}.family .codes span{color:var(--r);font-weight:700}
.architecture{padding:58px 0;background:#101719;color:#fff}.arch-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:center}.engineering-detail{background:#fff;color:var(--ink);padding:24px;border-top:4px solid var(--r)}.detail-label{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.engineering-detail .eyebrow{color:var(--r);font-size:12px}.detail-label b{font-size:14px}.engineering-detail img{display:block;width:100%;height:230px;object-fit:contain;margin:14px 0}.engineering-detail figcaption b{display:block;font-size:21px;line-height:1.3}.engineering-detail figcaption span{display:block;color:var(--grey);margin:8px 0 16px}.text-link{font-weight:700;font-size:14px;color:var(--r);text-decoration:underline;text-underline-offset:4px}.architecture h2{font-size:clamp(30px,3.3vw,43px);line-height:1.1;letter-spacing:-1px;margin:16px 0 18px}.architecture p{color:#c3ccd0;margin:0}.steps{margin:24px 0}.step{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:14px 0;border-top:1px solid #374044}.step>span{color:#fa8087;font-size:14px;font-weight:700}.step b{font-size:17px}.step small{font-size:14px;color:#bac3c7}
.standards{padding:56px 0;background:#f4f5f6}.standard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.standard{background:#fff;border:1px solid var(--line);padding:24px}.standard b{font-size:22px;line-height:1.2}.standard p{color:var(--grey);font-size:16px;line-height:1.5;margin:12px 0 0}.explore{padding:52px 0}.explore a.standard:hover{border-color:var(--r)}.cta{background:var(--r);color:#fff;padding:48px 0}.cta-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.cta h2{font-size:clamp(32px,3.7vw,48px);line-height:1.08;letter-spacing:-1px;margin:14px 0 0}.cta .eyebrow{color:#fff!important}.contact{background:#fff;color:var(--ink);padding:26px}.contact small{font-size:14px;color:var(--grey)}.contact a{display:block;font-size:20px;font-weight:700;padding:6px 0;overflow-wrap:anywhere}footer{background:#080d0f;color:#b9c1c5;padding:28px 0}.foot{display:flex;justify-content:space-between;gap:22px;align-items:center}.foot .brand{color:#fff}
@media(min-width:1101px){.family-grid .family:nth-last-child(1){grid-column:span 3;display:grid;grid-template-columns:.75fr 1.15fr 1fr;column-gap:28px;align-items:center}.family-grid .family:last-child .n{grid-column:1;grid-row:1}.family-grid .family:last-child h3{grid-column:1;grid-row:2;margin:8px 0}.family-grid .family:last-child p{grid-column:2;grid-row:1 / span 2;margin:0}.family-grid .family:last-child ul{grid-column:3;grid-row:1 / span 2;margin:0}.family-grid .family:last-child .codes{grid-column:1 / span 3;margin-top:18px}}
@media(max-width:1100px){.hero-grid{gap:24px}.hero h1{font-size:44px}.hero-visual img{height:420px}.proof>div{padding-inline:18px}.family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arch-grid{gap:30px}.standard{padding:20px}}
@media(max-width:800px){.hero-grid,.arch-grid,.section-head,.cta-grid{grid-template-columns:1fr;gap:28px}.hero-copy{padding:0}.hero p{max-width:650px}.hero-visual img{height:auto;aspect-ratio:3/2}.hero h1{font-size:clamp(38px,7vw,52px)}.hero{padding:32px 0!important;min-height:0!important}.proof{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.proof>div{border:0;padding:0}.standard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head h2{max-width:100%}.intro{padding-top:40px}.architecture,.standards,.explore{padding-block:40px}.system-map{padding-bottom:40px}}
@media(max-width:699px){.family-grid{grid-template-columns:1fr!important}.home-page .hero h1{font-size:clamp(36px,8.8vw,48px)!important}.wrap{width:calc(100% - 36px)}.family{padding:22px}.family h3{font-size:25px}.intro .section-head{gap:18px}.standard-grid{gap:10px}.standard{padding:18px}.standard b{font-size:19px}.cta{padding:36px 0}.foot{flex-direction:column;align-items:flex-start}.actions{gap:10px}.actions .btn{font-size:14px;padding-inline:14px}.engineering-detail{padding:20px}.engineering-detail img{height:210px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.family{transition:none}}
/* Keep the baked-in branding visible rather than cropping the image edges. */
.hero-visual img{height:auto;aspect-ratio:3/2;object-fit:contain}
.hero-visual figcaption{position:static;background:#101719;padding:9px 16px}