:root{--yellow:#ffc928;--black:#08090b;--black2:#0f1217;--paper:#f4f4f0;--text:#050505;--muted:#727983;--line:#d5d5cf;--max:1294px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,textarea{font:inherit}.content-wrap{width:min(100% - 40px,var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:100;background:#f5f5f5;border-bottom:1px solid #dedede}.nav-wrap{height:69px;max-width:1294px;margin:auto;display:grid;grid-template-columns:260px 1fr 150px;align-items:center;padding:0 27px}.brand img{width:168px;height:auto}.main-nav{display:flex;justify-content:center;gap:38px;font-size:13px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.main-nav a{padding:24px 0}.yellow-btn{background:var(--yellow);display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;font-weight:900;font-size:13px;letter-spacing:.04em;text-transform:uppercase;border:0;cursor:pointer}.header-btn{justify-self:end;min-width:133px}.menu-btn,.mobile-nav{display:none}
.hero-section{background:var(--black);color:#fff;position:relative;overflow:hidden}.hero-inner{height:775px;max-width:1294px;margin:auto;position:relative;background:radial-gradient(circle at 76% 52%,rgba(255,201,40,.08),transparent 38%)}.hero-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:53px 53px}.hero-kicker{position:absolute;left:27px;top:80px;color:var(--yellow);text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:900}.hero-inner h1{position:absolute;left:28px;top:115px;margin:0;z-index:3;font-size:94px;line-height:.96;letter-spacing:-.055em;font-weight:900}.hero-inner h1 span{color:var(--yellow)}.hero-photo{position:absolute;right:0;top:185px;width:696px;height:469px;object-fit:cover}.hero-info-card{position:absolute;left:17px;bottom:31px;width:575px;height:323px;background:#030303;padding:18px 22px 24px;z-index:4}.hero-intro{font-size:16px;line-height:1.62;margin:0 0 24px;color:#f0f0f0}.hero-benefits{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 26px}.benefit{text-align:center;border-right:1px solid #555;padding:0 11px}.benefit:last-child{border-right:none}.benefit-icon{height:54px;display:flex;align-items:center;justify-content:center;color:var(--yellow);margin-bottom:7px}.benefit-icon svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.benefit strong{font-size:11px;line-height:1.25;text-transform:uppercase}.hero-actions{display:flex;align-items:center;gap:25px}.yellow-link{color:var(--yellow);font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.03em}.black-link{color:#111;font-weight:900;text-transform:uppercase;font-size:12px}
.capability-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--yellow);border-top:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.12)}.capability-strip>div{min-height:87px;padding:17px 28px;border-right:1px solid rgba(0,0,0,.16)}.capability-strip>div:last-child{border-right:0}.capability-strip h3{font-size:18px;margin:0 0 5px;line-height:1.05}.capability-strip p{font-size:10px;text-transform:uppercase;letter-spacing:.05em;margin:0;color:#66520d;line-height:1.3}
.light-section{background:var(--paper)}.systems-section{padding:74px 0 0}.systems-intro{padding:0 10px 48px}.section-label{font-size:10px;text-transform:uppercase;letter-spacing:.22em;font-weight:900;color:#836600;margin-bottom:22px}.section-label.yellow{color:var(--yellow)}.section-label.pale{color:#d6dbe4}.section-label.olive{color:#8a7c44}.systems-intro h2{font-size:52px;line-height:.96;letter-spacing:-.045em;margin:0 0 24px;max-width:620px}.systems-intro p{font-size:14px;line-height:1.65;color:#6d7480;max-width:660px;margin:0}.product-stack{padding:0 30px 80px}.product-card{display:grid;grid-template-columns:1.05fr .95fr;min-height:520px;margin-bottom:0}.product-copy{padding:42px 45px}.black-panel{background:#090b0d;color:#fff}.yellow-panel{background:var(--yellow);color:#080808}.product-copy h3{font-size:34px;margin:6px 0 22px;letter-spacing:-.03em}.product-desc{font-size:16px;line-height:1.65;margin:0 0 26px;max-width:520px}.black-panel .product-desc{color:#eef2f6}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0 22px}.spec-grid>div{min-height:75px;padding:15px 12px;border-right:1px solid;border-bottom:1px solid}.spec-grid>div:nth-child(3n+1){border-left:1px solid}.spec-grid>div:nth-child(-n+3){border-top:1px solid}.dark-specs>div{border-color:#41474e}.yellow-specs>div{border-color:rgba(0,0,0,.2)}.spec-grid b{display:block;font-size:14px}.spec-grid span{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#89919b}.yellow-specs span{color:#6d5810}.fineprint{font-size:10px;line-height:1.45;color:#88909b;margin:0 0 18px}.fineprint.dark-text{color:#5f4f18}.product-actions{display:flex;gap:18px;align-items:center}.dark-btn{display:inline-flex;background:#0d0e10;color:#fff;padding:14px 20px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;border:1px solid #131313}.yellow-dark{background:#0b0b0b}.solid{margin-top:16px}.product-visual{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.e233-visual{background:#edf1f4}.aqua-visual{background:#dfe9f2}.product-visual img{position:relative;z-index:2;object-fit:contain}.e233-visual img{height:86%;max-height:450px;width:auto}.aqua-visual img{width:88%;height:auto}.outline-box{position:absolute;border:1px solid rgba(214,191,91,.35)}.outline-a{width:76%;height:78%;z-index:1}.outline-b{width:66%;height:65%;z-index:1;transform:rotate(-4deg)}.aqua-card{grid-template-columns:.95fr 1.05fr}.aqua-card .product-copy{padding:60px 58px}
.dark-section{background:var(--black);color:#fff}.support-section{padding-top:18px}.support-head{padding:0 20px 36px}.support-head h2{font-size:44px;margin:10px 0 12px;letter-spacing:-.035em}.support-head p{font-size:13px;line-height:1.6;color:#b6bdc7;max-width:850px}.support-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:17px;padding:0 20px 14px}.journey-card{border:1px solid rgba(255,201,40,.25);padding:36px 22px;background:radial-gradient(circle at 50% 0,rgba(255,201,40,.08),transparent 38%),#0f1217}.journey-item{display:grid;grid-template-columns:58px 1fr;gap:14px;margin-bottom:28px}.journey-item:last-child{margin-bottom:0}.circle-icon{width:42px;height:42px;border-radius:50%;border:1px solid #77621d;background:rgba(255,201,40,.07);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-weight:700}.journey-item small,.support-cards small{color:var(--yellow);font-size:9px;font-weight:900}.journey-item h3{margin:6px 0 7px;font-size:18px}.journey-item p,.support-cards p{margin:0;color:#9da6b1;font-size:11px;line-height:1.5}.support-cards{display:grid;grid-template-columns:1fr 1fr;gap:13px}.support-cards article{background:#11141a;border-top:2px solid var(--yellow);padding:30px 20px;min-height:232px}.support-cards h3{font-size:20px;margin:17px 0 10px}.full-journey-band{background:#0f1519;border-top:1px solid #161d23;border-bottom:1px solid #161d23;padding:10px 20px 8px}.journey-title{text-align:center}.journey-title small{font-size:8px;color:var(--yellow);text-transform:uppercase;font-weight:900}.journey-title h3{font-size:25px;margin:5px 0 18px}.timeline{max-width:1294px;margin:auto;display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr 36px 1fr 36px 1fr 36px 1fr;align-items:center}.timeline-step{text-align:center;padding:0 4px}.timeline-step b{display:block;color:var(--yellow);font-size:8px;margin-bottom:5px}.timeline-icon{font-size:30px;line-height:1;color:var(--yellow);height:38px}.timeline-step h4{font-size:12px;line-height:1.12;margin:6px 0 8px}.timeline-step p{font-size:8px;line-height:1.35;color:#b8c0c8;margin:0}.arrow{text-align:center;font-size:26px;color:#fff}.assurance-band{margin-top:14px;padding:30px 38px 24px;border:1px solid rgba(255,201,40,.42);display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.assurance-band h3{font-size:27px;margin:0}.assurance-tags{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.assurance-tags span{font-size:9px;padding:8px 13px;border:1px solid #7c6c28}.assurance-band p{grid-column:1/-1;font-size:9px;color:#828b95;margin:5px 0 0}
.partners-section{padding:98px 0 88px}.partners-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:68px;padding:0 48px;align-items:center}.partners-copy h2{font-size:49px;line-height:.98;letter-spacing:-.04em;margin:0 0 28px}.partners-copy p{font-size:14px;line-height:1.62;color:#707781;max-width:580px}.partners-copy .muted-copy{font-size:12px;margin-top:16px}.partners-panel{display:grid;gap:15px}.clou-card{background:#090a0c;color:#fff;border-left:3px solid var(--yellow);padding:19px 32px 22px}.clou-card h4{text-transform:uppercase;margin:0 0 12px;font-size:15px}.clou-card img{width:150px;height:96px;object-fit:contain;object-position:left center}.clou-card p{font-size:11px;line-height:1.35;color:#fff;margin:7px 0 0}.alt-card{background:#fff;border:1px solid #d6d6d1;display:grid;grid-template-columns:100px 1fr 1fr;align-items:center;padding:13px 20px;gap:18px}.alt-card span{color:#e0a800;text-transform:uppercase;font-size:11px;font-weight:900;text-align:center}.alt-card img{height:38px;width:100%;object-fit:contain}
.investment-section{background:var(--yellow);padding:66px 0 58px}.investment-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:0 48px}.investment-grid h2{font-size:48px;line-height:.98;letter-spacing:-.04em;margin:0}.investment-copy p{font-size:14px;line-height:1.6;max-width:520px;margin:16px 0}.references-section{padding:28px 0 52px;background:#fff}.references-label{font-size:9px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:#858b91;margin:0 0 18px 8px}.references-row{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;align-items:center;padding:0 26px}.reference{height:105px;display:flex;align-items:center;justify-content:center}.reference img{max-height:88px;max-width:100%;object-fit:contain}
.about-section{padding:84px 0 82px}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;padding:0 12px}.about-grid h2{font-size:48px;line-height:1.02;letter-spacing:-.04em;margin:0 0 20px}.about-grid p{font-size:13px;line-height:1.6;color:#aab2bb;max-width:560px;margin:0 0 12px}.about-grid blockquote{font-size:24px;line-height:1.35;margin:90px 0 0;padding-left:24px;border-left:3px solid var(--yellow);font-weight:500}
.rfq-section{padding:78px 0 82px}.rfq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;padding:0 20px}.rfq-copy h2{font-size:50px;line-height:.98;letter-spacing:-.035em;margin:0 0 22px}.rfq-copy p{font-size:14px;line-height:1.6;color:#6f767d;max-width:480px}.rfq-copy ul{padding:4px 0 0;list-style:none}.rfq-copy li{font-size:12px;margin:12px 0;padding-left:18px;position:relative}.rfq-copy li:before{content:"";width:6px;height:6px;background:var(--yellow);position:absolute;left:0;top:5px}.rfq-form{background:#fff;border-top:3px solid var(--yellow);padding:28px 32px 25px;box-shadow:0 18px 35px rgba(0,0,0,.08)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rfq-form label{display:grid;gap:7px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#5e6670;margin-bottom:13px}.rfq-form input,.rfq-form textarea{border:1px solid #c8cbc9;background:#fafafa;padding:11px 12px;font-size:11px;outline:none}.rfq-form input:focus,.rfq-form textarea:focus{border-color:#c79d18}.full-btn{width:100%}.site-footer{background:#fff;border-top:1px solid #d9dad6;padding:25px 0 12px}.footer-grid{display:grid;grid-template-columns:1fr 190px 240px;gap:30px;padding:0 20px;align-items:start}.footer-brand img{width:140px}.footer-brand p{font-size:9px;color:#616971}.footer-links{display:grid;gap:8px;font-size:9px;color:#43494e}.footer-company{display:grid;gap:6px;font-size:9px;color:#4c5359}.footer-company a{font-weight:800}.footer-bottom{border-top:1px solid #e0e0dd;margin-top:20px;padding:15px 20px 0;font-size:8px;color:#8c9093}
@media(max-width:1000px){.nav-wrap{grid-template-columns:1fr auto}.main-nav,.header-btn{display:none}.menu-btn{display:block;border:0;background:transparent;font-size:24px}.mobile-nav{display:none;padding:15px 25px;background:#f5f5f5;border-top:1px solid #ddd}.mobile-nav.open{display:grid;gap:14px}.mobile-nav a{font-size:12px;font-weight:800;text-transform:uppercase}.hero-inner{height:auto;padding:70px 20px 40px}.hero-kicker,.hero-inner h1,.hero-photo,.hero-info-card{position:relative;left:auto;right:auto;top:auto;bottom:auto}.hero-kicker{margin-bottom:24px}.hero-inner h1{font-size:72px;margin-bottom:30px}.hero-photo{width:100%;height:auto;margin-bottom:0}.hero-info-card{width:100%;height:auto;padding:25px}.capability-strip{grid-template-columns:1fr 1fr}.product-card,.aqua-card,.support-grid,.partners-grid,.investment-grid,.about-grid,.rfq-grid{grid-template-columns:1fr}.aqua-card .product-visual{order:2}.timeline{grid-template-columns:repeat(3,1fr);gap:18px}.timeline .arrow{display:none}.assurance-band{grid-template-columns:1fr}.assurance-tags{justify-content:flex-start}.about-grid blockquote{margin-top:20px}.references-row{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-company{grid-column:1/-1}}
@media(max-width:640px){.content-wrap{width:min(100% - 26px,var(--max))}.nav-wrap{height:64px;padding:0 14px}.brand img{width:130px}.hero-inner h1{font-size:50px}.hero-benefits{grid-template-columns:1fr 1fr;row-gap:22px}.benefit:nth-child(2){border-right:none}.capability-strip{grid-template-columns:1fr}.systems-intro h2,.partners-copy h2,.investment-grid h2,.about-grid h2,.rfq-copy h2{font-size:40px}.product-stack{padding-left:0;padding-right:0}.product-copy,.aqua-card .product-copy{padding:32px 24px}.spec-grid{grid-template-columns:1fr 1fr}.spec-grid>div:nth-child(3n+1){border-left:0}.spec-grid>div:nth-child(-n+3){border-top:0}.spec-grid>div:nth-child(odd){border-left:1px solid}.spec-grid>div:nth-child(-n+2){border-top:1px solid}.support-cards{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}.partners-grid,.investment-grid{padding-left:12px;padding-right:12px}.alt-card{grid-template-columns:1fr}.references-row{grid-template-columns:1fr 1fr;gap:10px}.reference{height:80px}.about-grid blockquote{font-size:20px}.field-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}}

/* Final refinement pass — Aug 2026 */
@media (min-width:1001px){
  /* Keep the four yellow capability items grouped like the approved V1 reference. */
  .capability-strip{
    grid-template-columns:repeat(4,minmax(205px,265px));
    justify-content:center;
    column-gap:28px;
    padding:0 28px;
  }
  .capability-strip>div{
    min-height:87px;
    padding:17px 12px;
    border-right:0;
  }

  /* Product specification typography. */
  .spec-grid b{font-size:17px;line-height:1.2}
  .spec-grid span{font-size:10.5px;line-height:1.35}
  .spec-grid>div{min-height:82px;padding:16px 13px}

  /* Five-step project-support detail card. */
  .journey-item{grid-template-columns:64px 1fr;gap:16px;margin-bottom:30px}
  .circle-icon{width:48px;height:48px;font-size:19px}
  .journey-item small{font-size:10.5px}
  .journey-item h3{font-size:20.5px;line-height:1.15;margin:6px 0 8px}
  .journey-item p{font-size:12.5px;line-height:1.55}

  /* Six-step Full Project Support band. */
  .full-journey-band{padding:14px 20px 15px}
  .journey-title small{font-size:9.5px}
  .journey-title h3{font-size:27px;margin:5px 0 20px}
  .timeline-step b{font-size:10px;margin-bottom:7px}
  .timeline-icon{font-size:34px;height:42px}
  .timeline-step h4{font-size:14px;line-height:1.16;margin:7px 0 9px}
  .timeline-step p{font-size:10.2px;line-height:1.45}
  .arrow{font-size:28px}
}

/* Footer logo and contact positioning. */
.footer-brand{background:#fff;display:flex;flex-direction:column;align-items:flex-start}
.footer-brand img{width:158px;height:auto;background:#fff;object-fit:contain}
.footer-brand p{margin:7px 0 4px}
.footer-email{font-size:10px;font-weight:800;color:#111;text-decoration:none}
.footer-email:hover{text-decoration:underline}

/* Final QA refinement — spacing + Technical Assurance */
@media (min-width:1001px){
  /* Give the Full Project Support title and six-step journey more breathing room. */
  .full-journey-band{padding-top:16px;padding-bottom:28px}
  .journey-title h3{margin-bottom:30px}
  .assurance-band{margin-top:28px}

  /* Complete the Technical Assurance frame and enlarge the certification boxes. */
  .assurance-band{
    border:1px solid rgba(255,201,40,.58);
    border-bottom:1px solid rgba(255,201,40,.58) !important;
    box-shadow:inset 0 0 0 1px rgba(255,201,40,.06);
    padding:32px 38px 28px;
  }
  .assurance-tags{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    width:100%;
    justify-content:stretch;
  }
  .assurance-tags span{
    min-height:52px;
    padding:12px 10px;
    border:1px solid rgba(255,201,40,.56);
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:11.5px;
    line-height:1.2;
    font-weight:700;
  }
}

@media (max-width:1000px){
  .assurance-tags{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    width:100%;
  }
  .assurance-tags span{
    min-height:48px;
    padding:10px 8px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:10.5px;
  }
}

@media (max-width:640px){
  .assurance-tags{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Datasheet lead-capture gate */
body.modal-open{overflow:hidden}
.datasheet-gate{font-family:inherit;cursor:pointer}
.datasheet-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:22px}
.datasheet-modal.open{display:flex}
.datasheet-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(3px)}
.datasheet-modal-card{position:relative;z-index:1;width:min(100%,480px);background:#fff;color:#111;border-top:4px solid var(--yellow);padding:34px 34px 30px;box-shadow:0 28px 90px rgba(0,0,0,.38)}
.datasheet-modal-card h3{font-size:29px;line-height:1.1;margin:8px 0 10px;letter-spacing:-.025em}
.datasheet-modal-card>p{font-size:13px;line-height:1.55;color:#687079;margin:0 0 22px}
.datasheet-modal-card label{display:grid;gap:7px;margin-bottom:15px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#555e66}
.datasheet-modal-card input{width:100%;border:1px solid #c9cbc8;background:#fafafa;padding:12px 13px;font-size:12px;outline:none}
.datasheet-modal-card input:focus{border-color:#c79d18;box-shadow:0 0 0 2px rgba(255,201,40,.15)}
.datasheet-modal-close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:#222;font-size:28px;line-height:1;cursor:pointer}
.datasheet-form-note{font-size:10px!important;line-height:1.4!important;color:#7b8186!important;margin:-3px 0 16px!important}
.datasheet-success{margin-top:16px;padding:11px 13px;background:#f7f1d4;border:1px solid #e3c44c;font-size:11px;font-weight:700}
.download-frame{position:absolute;width:1px;height:1px;border:0;opacity:0;pointer-events:none}
