:root{--ink:#304471;--navy:#304471;--mint:#7189ba;--green:#496395;--paper:#f5f7fb;--muted:#7189ba;--line:#e0e5ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',sans-serif}h1,h2,h3,.logo{font-family:Manrope,sans-serif}h1{font-size:clamp(2.8rem,5.4vw,5.4rem);line-height:1.02;letter-spacing:-.055em;margin:0 0 26px}h2{font-size:clamp(2.15rem,4vw,3.9rem);line-height:1.08;letter-spacing:-.045em;margin:0 0 24px}h3{line-height:1.25}h1 em,h2 em{color:var(--mint);font-style:normal}p{margin-top:0}a{text-decoration:none;color:inherit}header{height:80px;padding:0 6vw;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff17}.logo{font-weight:800;letter-spacing:.08em}.logo b{color:var(--mint)}header>a:last-child{font-size:.9rem;font-weight:700}.hero{min-height:750px;padding:80px 6vw 100px;background:var(--navy);color:#fff;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:7vw;overflow:hidden;position:relative}.hero:after{content:'';position:absolute;width:650px;height:650px;border:1px solid #7189ba10;border-radius:50%;right:-120px;top:70px;box-shadow:0 0 0 80px #7189ba07,0 0 0 160px #7189ba04}.copy,.dash{z-index:1}.copy>small,.dark>div>small,.intro>small,.formsec>div>small,.faq>div>small,.final>small{color:#9cb1ba;letter-spacing:.14em;font-size:.7rem;font-weight:700}.copy>p,.solution>div>p,.value>div>p,.formsec>div>p{color:#afc1c9;font-size:1.1rem;max-width:680px;margin-bottom:34px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:16px 22px;background:var(--mint);color:#ffffff;border:0;border-radius:5px;font-weight:700;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px);background:#9af7d5}.trust{margin-top:27px;color:#afbec4;font-size:.8rem}.dash{background:#36487b;border:1px solid #ffffff1a;border-radius:14px;padding:28px;box-shadow:0 35px 80px #0009}.dhead{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff17;padding-bottom:20px}.dhead i{color:var(--mint);font-size:.65rem}.score{display:flex;align-items:center;gap:25px;padding:30px 0}.score>strong{width:140px;height:140px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#36487b 56%,transparent 58%),conic-gradient(var(--mint) 0 68%,#7189ba 68%);font-size:1.6rem;color:var(--mint);flex:none}.score strong small{font-size:.7rem;color:#91a5ad}.score ul{padding:0;list-style:none;color:#a8b9c0;font-size:.75rem}.flow{background:#304471;padding:14px;text-align:center;color:#788e97;font-size:.7rem}.flow b{padding:6px;color:var(--mint);border:1px solid var(--mint)}.light,.dark{padding:105px 6vw}.intro{max-width:760px;margin-bottom:52px}.intro p{color:var(--muted)}.light h2 em{color:var(--green)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards article{background:#fff;border:1px solid var(--line);padding:28px;min-height:255px;transition:.2s}.cards article:hover{transform:translateY(-5px);box-shadow:0 20px 40px #4963950e}.cards article>i{display:grid;place-items:center;width:43px;height:43px;background:#eef2ef;margin-bottom:35px;font:700 .7rem Manrope}.cards p{color:var(--muted);font-size:.86rem}.warning{margin-top:16px;padding:18px 24px;background:#f0f3f9;border-left:4px solid #7189ba}.warning b{color:#496395;margin-right:24px}.dark{background:var(--navy);color:#fff}.solution,.value,.formsec{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.checks{display:grid;grid-template-columns:1fr 1fr;gap:18px}.checks span{border-top:1px solid #ffffff1c;padding-top:16px;color:var(--mint)}.checks b{color:#fff}.checks small{display:block;color:#879ba4;margin-left:24px}.system{height:420px;position:relative;background:radial-gradient(circle,#7189ba16,transparent 45%)}.system> b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:145px;height:145px;border-radius:50%;border:1px solid var(--mint);background:#496395;display:flex;flex-direction:column;justify-content:center;align-items:center}.system>b small{color:#79909a;font-size:.55rem}.system>span{position:relative;display:inline-block;margin:35px 12px;padding:12px 15px;background:#36487b;border:1px solid #ffffff1a;color:#b0bec4}.center{text-align:center;margin-left:auto;margin-right:auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.steps article{padding:34px 4vw 15px 0}.steps article+article{border-left:1px solid var(--line);padding-left:4vw}.steps article>i{display:grid;place-items:center;width:55px;height:55px;margin:30px 0;background:var(--navy);color:var(--mint);font-size:1.5rem}.steps p{color:var(--muted)}.value{background:#36487b;align-items:start}.vlist p{display:flex;gap:25px;padding:24px 0;border-top:1px solid #ffffff1c;margin:0}.vlist p:last-child{border-bottom:1px solid #ffffff1c}.vlist i{color:var(--mint);font-style:normal}.vlist b,.vlist small{display:block}.vlist small{color:#8da1aa}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.metrics p{text-align:center;padding:36px;margin:0}.metrics p+p{border-left:1px solid var(--line)}.metrics b{display:block;font:800 clamp(2.8rem,5vw,4.5rem) Manrope;color:var(--green)}.note{display:block;text-align:center;color:#9aa49f;margin-top:17px}.formsec{align-items:start}.promise{display:flex;gap:12px}.promise>b{flex:1;border:1px solid #ffffff1a;padding:17px;color:var(--mint)}.promise small{display:block;color:#879ba3}form{background:#fff;color:var(--ink);padding:35px;border-radius:8px}form nav{display:grid;grid-template-columns:1fr 1fr;margin-bottom:30px}form nav span{border-bottom:3px solid #dce3df;padding-bottom:10px;font-size:.65rem}form nav span:first-child,form nav.two span{border-color:var(--green)}.page{display:none}.page.active{display:block}label{display:block;font-size:.76rem;font-weight:700;margin-bottom:16px}input,select,textarea{display:block;width:100%;margin-top:6px;padding:13px;border:1px solid #d7dfda;border-radius:4px;background:#fafbf9;font:inherit}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.next{width:100%}.privacy{display:block;text-align:center;color:#8c9691;margin-top:13px}.success{display:none;text-align:center;padding:45px}.success i{font-size:2rem;color:var(--green)}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.faq details{border-top:1px solid #ccd6d1;padding:22px 0}.faq details:last-child{border-bottom:1px solid #ccd6d1}.faq summary{font:600 1rem Manrope;list-style:none;cursor:pointer;display:flex;justify-content:space-between}.faq summary i{color:var(--green)}.faq p{color:var(--muted)}.final{text-align:center;padding:90px 6vw;background:linear-gradient(120deg,#496395,#304471);color:#fff}.final h2{max-width:850px;margin:20px auto 32px}.white{background:#fff}footer{padding:32px 6vw;background:#05131e;color:#788d96;display:flex;justify-content:space-between;align-items:center;font-size:.7rem}footer .logo{color:#fff}.reveal{opacity:0;transform:translateY(18px);transition:.7s}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.hero,.solution,.value,.formsec,.faq{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.light,.dark{padding:80px 6vw}}@media(max-width:600px){header>a:last-child{font-size:0}.hero{padding:55px 6vw 80px;min-height:auto}.dash{padding:17px}.score>strong{width:110px;height:110px}.cards,.checks,.steps,.metrics{grid-template-columns:1fr}.cards article{min-height:auto}.steps article,.steps article+article{padding:28px 0;border-left:0;border-top:1px solid var(--line)}.metrics p+p{border-left:0;border-top:1px solid var(--line)}.row{grid-template-columns:1fr}footer{flex-direction:column;gap:12px}}
/* Cloudex brand polish */
.btn{box-shadow:0 10px 28px rgba(73,99,149,.24)}.btn:hover{background:#9eb0d4}.hero:after{border-color:rgba(113,137,186,.10);box-shadow:0 0 0 80px rgba(73,99,149,.06),0 0 0 160px rgba(113,137,186,.03)}.dash{background:linear-gradient(145deg,#36487b,#304471)}.final{background:linear-gradient(120deg,#496395,#304471)}

/* Pantone 655 U–651 U palette */
:root{--blue-655:#304471;--blue-654:#36487b;--blue-653:#496395;--blue-652:#7189ba;--blue-651:#9eb0d4}.button,.btn{background:var(--blue-653);color:#fff}.button:hover,.btn:hover{background:var(--blue-652)}.logo b,.kicker,.copy>small{color:var(--blue-651)}.final{background:linear-gradient(120deg,var(--blue-653),var(--blue-655))}
.logo img{display:block;width:auto;height:51px;max-width:46vw}footer .logo img{height:46px}@media(max-width:600px){.logo img{height:40px;max-width:55vw}footer .logo img{height:40px}}
.system>b{width:170px;height:170px;padding:25px 18px}
.system>b img{display:block;width:124px;height:auto}
.system>b small{display:block;margin-top:9px;color:#9FB2D1;font-size:.62rem;letter-spacing:.12em;white-space:nowrap}
.system>span{position:absolute;margin:0;min-width:145px;text-align:center}
.system>span:nth-of-type(1){left:0;top:55px}
.system>span:nth-of-type(2){right:0;top:55px}
.system>span:nth-of-type(3){left:0;bottom:55px}
.system>span:nth-of-type(4){right:0;bottom:55px}
@media(max-width:600px){.system>b{width:155px;height:155px}.system>b img{width:112px}.system>span{min-width:125px;font-size:.72rem;padding:10px}.system>span:nth-of-type(1),.system>span:nth-of-type(2){top:35px}.system>span:nth-of-type(3),.system>span:nth-of-type(4){bottom:35px}}

/* Strict logo sizing */
header .logo{display:flex;align-items:center;width:190px;height:58px;overflow:hidden;flex:0 0 190px}
header .logo img{display:block;width:190px;height:49px;max-width:190px;max-height:49px;object-fit:contain}
footer .logo{display:flex;align-items:center;width:170px;height:48px;overflow:hidden;flex:0 0 170px}
footer .logo img{display:block;width:170px;height:44px;max-width:170px;max-height:44px;object-fit:contain}
.system>b{overflow:hidden}
.system>b img{display:block;width:112px;height:29px;max-width:112px;max-height:29px;object-fit:contain;flex:0 0 29px}
@media(max-width:600px){
  header .logo{width:158px;height:48px;flex-basis:158px}
  header .logo img{width:158px;height:40px;max-width:158px;max-height:40px}
  footer .logo{width:155px;height:44px;flex-basis:155px}
  footer .logo img{width:155px;height:40px;max-width:155px;max-height:40px}
  .system>b img{width:102px;height:26px;max-width:102px;max-height:26px}
  .system{
    height:auto;
    min-height:390px;
    margin-top:24px;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-rows:auto 165px auto;
    gap:18px 12px;
    align-items:center;
  }
  .system>b{
    position:relative;
    left:auto;
    top:auto;
    transform:none;
    grid-column:1 / -1;
    grid-row:2;
    justify-self:center;
    width:155px;
    height:155px;
  }
  .system>span{
    position:static;
    width:100%;
    min-width:0;
    margin:0;
    padding:11px 8px;
    text-align:center;
    font-size:.69rem;
  }
  .system>span:nth-of-type(1){grid-column:1;grid-row:1}
  .system>span:nth-of-type(2){grid-column:2;grid-row:1}
  .system>span:nth-of-type(3){grid-column:1;grid-row:3}
  .system>span:nth-of-type(4){grid-column:2;grid-row:3}
}

/* White landing-page header */
header{background:#fff;color:var(--navy);border-bottom:1px solid var(--line)}
header>a:last-child{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;background:var(--blue-653);color:#fff;border-radius:5px}
header>a:last-child:hover{background:var(--blue-652)}
header .logo{width:260px;height:64px;flex-basis:260px}
header .logo img{width:auto!important;height:60px!important;max-width:260px!important;max-height:60px!important;object-fit:contain}
footer .logo{width:260px;height:64px;flex-basis:260px}
footer .logo img{width:auto!important;height:60px!important;max-width:260px!important;max-height:60px!important;object-fit:contain}
.system>b img{width:auto!important;height:30px!important;max-width:130px!important;max-height:30px!important;object-fit:contain}
@media(max-width:600px){
  header{height:72px;padding-left:4vw;padding-right:4vw}
  header .logo{width:190px;height:50px;flex-basis:190px}
  header .logo img{width:auto!important;height:44px!important;max-width:190px!important;max-height:44px!important}
  header>a:last-child{padding:10px 12px}
  footer .logo{width:190px;height:50px;flex-basis:190px}
  footer .logo img{width:auto!important;height:44px!important;max-width:190px!important;max-height:44px!important}
}

/* More compact footer */
footer{height:56px;min-height:56px;max-height:56px;padding-top:4px;padding-bottom:4px;overflow:hidden}
footer .logo{width:165px;height:36px;flex-basis:165px}
footer .logo img{width:auto!important;height:32px!important;max-width:165px!important;max-height:32px!important}
@media(max-width:600px){
  footer{padding-top:10px;padding-bottom:10px;gap:4px;min-height:0}
  footer .logo{width:155px;height:36px;flex-basis:36px}
  footer .logo img{width:auto!important;height:32px!important;max-width:155px!important;max-height:32px!important}
}
.website-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.form-error{display:block;color:#b42318;background:#fff1f0;border-radius:4px;font-size:.82rem;margin:16px 0 0;padding:0}.form-error:not(:empty){padding:12px}.btn:disabled{opacity:.65;cursor:wait;transform:none}