/* ==========================================================
   ChannelSale website — one stylesheet for all pages.
   Each page sets a class on <html> (pg-contact, pg-demo, pg-partner)
   and its rules are scoped to that class, so nothing clashes.
   ========================================================== */

/* ################ CONTACT US  (html.pg-contact) ################ */
html.pg-contact{--navy:#0a0a72;
  --blue:#1328d6;
  --text:#2c3a94;
  --green:#05804f;
  --line:#c7d6ee;
  --ph:#6f7fb5;}
html.pg-contact{font-size:calc(100vw / 96)}
@media (min-width:1921px){html.pg-contact{font-size:20px}}
.pg-contact *{box-sizing:border-box;padding:0}
.pg-contact body{font-family:'Poppins',Arial,sans-serif;font-weight:300;font-size:1rem;color:var(--text);background:#fff;letter-spacing:-.03em;overflow-x:hidden}
.pg-contact a{color:inherit;text-decoration:none}
.pg-contact .ic{display:block;flex:none}
/*.pg-contact .navbar{height:4.06rem;background:#fff;display:flex;align-items:center;padding:0 3.6rem 0 3.9rem;position:relative;z-index:5}*/
.pg-contact .brand,.pg-contact .foot-brand{display:flex;align-items:center}
.pg-contact .brand{gap:.6rem}
/*.pg-contact .logo{width:2.9rem;height:3.1rem}*/
.pg-contact .brand-name{font-family:'Orbitron',sans-serif;font-weight:600;font-size:1.2rem;letter-spacing:.03em;color:var(--blue);text-transform:uppercase;line-height:1}
.pg-contact .nav-links{display:flex;gap:1.75rem;margin:0 auto 0 2.2rem}
.pg-contact .nav-links a{font-size:1.03rem;color:var(--blue)}
.pg-contact .nav-right{display:flex;align-items:center;gap:2.2rem}
.pg-contact .search .ic{width:1.5rem;height:1.5rem;color:var(--blue)}
.pg-contact .login{font-size:1.06rem;color:var(--blue)}
.pg-contact .btn-demo{height:2.94rem;padding:0 1.25rem;display:flex;align-items:center;background:var(--green);color:#fff;font-size:1.06rem;font-weight:500;letter-spacing:-.04em;border-radius:.44rem}
.pg-contact .page{width:100%;background:
  radial-gradient(56rem 26rem at 0% 15%,#d3e5fb 0%,rgba(211,229,251,0) 70%),
  radial-gradient(44rem 25rem at 55% 40%,#e6f0fc 0%,rgba(230,240,252,0) 70%),
  linear-gradient(180deg,#e9f2fd 0%,#f7faff 55%,#fff 100%)}
.pg-contact .hero{display:grid;
  grid-template-columns:33.75rem 23.75rem 31.25rem;   
  grid-template-rows:23.9rem auto;
  padding:0 2.5rem 0 4.06rem;
  align-items:start;}
.pg-contact .hero-text{grid-column:1;grid-row:1;padding-top:4.65rem;white-space:nowrap}
.pg-contact h1{font-size:5.5rem;font-weight:700;line-height:1;color:var(--navy);letter-spacing:-.06em}
.pg-contact .tagline{font-size:2.38rem;font-weight:600;line-height:1.2;color:var(--blue);letter-spacing:-.05em;margin-top:-.1rem}
.pg-contact .lead{font-size:1.28rem;line-height:1.5;margin-top:.75rem;color:var(--text);letter-spacing:-.04em}
.pg-contact .graphic{grid-column:2;grid-row:1;position:relative;width:23.75rem;height:15.63rem;margin-top:5.94rem}
.pg-contact .connectors{position:absolute;inset:0;width:100%;height:100%}
.pg-contact .tile{position:absolute;width:3.88rem;height:3.88rem;background:#fff;border-radius:.75rem;box-shadow:0 .4rem 1.1rem rgba(40,90,180,.14);display:flex;align-items:center;justify-content:center}
.pg-contact .tile .ic{width:2.3rem;height:2.3rem}
.pg-contact .t-shopify{left:4.69rem;top:1.31rem}
.pg-contact .t-amazon{left:10.81rem;top:.25rem}
.pg-contact .t-walmart{left:16.63rem;top:1.31rem}
.pg-contact .t-ebay{left:20.06rem;top:5.06rem;width:3.63rem}
.pg-contact .t-ebay .ic{width:2.9rem;height:1.4rem}
.pg-contact .t-woo{left:.38rem;top:5.06rem;width:3.75rem}
.pg-contact .t-woo .ic{width:2.5rem;height:2.1rem}
.pg-contact .t-google{left:.38rem;top:10.75rem}
.pg-contact .t-meta{left:17.13rem;top:8.94rem}
.pg-contact .t-meta .ic{width:2.5rem;height:1.6rem}
.pg-contact .t-ai{left:19.94rem;top:11.88rem;width:3.63rem}
.pg-contact .t-ai .ic{width:2.6rem;height:2.25rem}
.pg-contact .tablet{position:absolute;left:6.44rem;top:7.13rem;width:9.75rem;height:8.25rem;background:#fff;border:.32rem solid #111;border-radius:.38rem;display:flex;align-items:center;justify-content:center;box-shadow:0 .4rem 1rem rgba(0,0,0,.25)}
.pg-contact .tablet .ic{width:4.7rem;height:5.2rem}
.pg-contact .info{grid-column:1 / 3;grid-row:2;margin-left:-.81rem;width:57.56rem;height:8.63rem;background:#fff;border-radius:.75rem;box-shadow:0 .2rem 1.1rem rgba(60,110,190,.10);display:flex;align-items:center;padding-left:1.38rem}
.pg-contact .info-item{display:flex;align-items:center;gap:1.25rem;height:6.1rem;white-space:nowrap;flex:none}
.pg-contact .info-item:nth-child(1){width:16.43rem}
.pg-contact .info-item:nth-child(2){width:20.25rem;padding-left:1.44rem;border-left:1px solid #dce6f5}
.pg-contact .info-item:nth-child(3){width:18.5rem;padding-left:1.38rem;border-left:1px solid #dce6f5}
.pg-contact .circle{width:4.75rem;height:4.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;color:#fff}
.pg-contact .c-green{background:#0a7f55}
.pg-contact .c-blue{background:#0b72ec}
.pg-contact .c-purple{background:#7b1fe5}
.pg-contact .circle .ic{width:2.6rem;height:2.6rem}
.pg-contact .circle .ic.mail{width:2.75rem;height:2.3rem}
.pg-contact .info-item h3{font-size:1.25rem;font-weight:600;color:var(--navy);letter-spacing:-.05em;line-height:1.3}
.pg-contact .info-item p{font-size:1.06rem;line-height:1.6;color:var(--text);letter-spacing:-.03em}
.pg-contact .call{grid-column:1 / 3;grid-row:3;display:flex;gap:.85rem;margin:2.1rem 0 0 .5rem;white-space:nowrap}
.pg-contact .call-icon{width:2.6rem;height:2.9rem;color:var(--blue);margin-top:-.2rem}
.pg-contact .call-label{font-size:1.5rem;font-weight:600;color:var(--blue);letter-spacing:-.05em;line-height:1.2}
.pg-contact .call-row{display:flex;align-items:center;margin-top:1.9rem}
.pg-contact .num{display:flex;align-items:center;gap:1.3rem;font-size:1.56rem;font-weight:500;color:var(--blue);letter-spacing:-.05em}
.pg-contact .flag{width:2.94rem;height:2.3rem}
.pg-contact .mail-blue{width:2.88rem;height:2.25rem}
.pg-contact .vr{width:2px;height:2.9rem;background:var(--blue);margin:0 2.2rem}
.pg-contact .form-card{grid-column:3;grid-row:1 / span 3;width:31.25rem;height:33.6rem;margin:3.63rem 0 0 .69rem;background:#fff;border:1px solid #e7eefb;border-radius:.75rem;padding:1.25rem 1.44rem;box-shadow:0 .25rem 1.5rem rgba(60,110,190,.12);}
.pg-contact .form-card h2{font-size:1.8rem;font-weight:600;color:var(--navy);letter-spacing:-.05em;line-height:1.25}
.pg-contact .sub{font-size:1.06rem;color:var(--text);letter-spacing:-.04em;margin-top:.05rem}
.pg-contact .form-card form{display:flex;flex-direction:column;gap:.95rem;margin-top:1.25rem}
.pg-contact .field{width:100%;height:3.1rem;padding:0 1rem;border:1.5px solid var(--line);border-radius:.4rem;background:#fff;font:300 1rem 'Poppins',sans-serif;letter-spacing:-.04em;color:var(--navy);outline:none;margin-bottom:7px;}
.pg-contact .field::placeholder{color:var(--ph);opacity:1}
.pg-contact .field:focus{border-color:var(--blue)}
.pg-contact textarea.field{height:8.2rem;padding:.95rem 1rem;resize:none;margin-top:.3rem;line-height:1.5}
.pg-contact .btn-send{height:3.94rem;margin-top:5px;width:100%;border:0;border-radius:.44rem;background:var(--green);color:#fff;font:500 1.3rem 'Poppins',sans-serif;letter-spacing:-.04em;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer}
.pg-contact .arrow{width:1.6rem;height:1.4rem}
.pg-contact .footer{padding: 90px 0 0;}
.pg-contact .footer-top{display:flex;align-items:center;height:6.44rem;border-top:1.5px solid #aebce6;border-bottom:1.5px solid #aebce6}
.pg-contact .foot-brand{flex:0 0 28.9rem;gap:.6rem}
.pg-contact .foot-brand .logo{width:2.9rem;height:3.9rem}
.pg-contact .foot-brand .brand-name{display:block;font-size:1.3rem}
.pg-contact .foot-brand small{display:block;font-size:1.06rem;color:var(--blue);letter-spacing:-.04em;margin-top:.15rem}
.pg-contact .foot-links{display:flex;gap:2.1rem}
.pg-contact .foot-links a{font-size:1.1rem;color:var(--blue)}
.pg-contact .social{margin-left:auto;display:flex;align-items:center;gap:2.2rem;color:var(--blue)}
.pg-contact .social .in{width:2.2rem;height:2.1rem}
.pg-contact .social .x{width:2.5rem;height:2.4rem}
.pg-contact .footer-bottom{display:flex;justify-content:space-between;align-items:center;height:3.75rem}
.pg-contact .footer-bottom span,.pg-contact .footer-bottom a{font-size:1.1rem;color:var(--blue)}
.pg-contact .legal{display:flex;gap:1.75rem}
@media (max-width:1000px){html.pg-contact{font-size:16px}
.pg-contact .navbar{padding:0 1rem;height:4rem}
.pg-contact .nav-links,.pg-contact .search,.pg-contact .login,.pg-contact .graphic,.pg-contact .vr,.pg-contact .foot-links{display:none}
.pg-contact .btn-demo{margin-left:auto}
.pg-contact .hero{display:block;padding:0 1.25rem 2rem}
.pg-contact .hero-text{padding-top:2.5rem;white-space:normal}
.pg-contact h1{font-size:3.4rem}
.pg-contact .tagline{font-size:1.7rem}
.pg-contact .lead{font-size:1.05rem}
.pg-contact .lead br{display:none}
.pg-contact .info{width:100%;margin:2rem 0 0;height:auto;flex-direction:column;align-items:flex-start;padding:1rem 1.25rem;gap:.5rem}
.pg-contact .info-item,.pg-contact .info-item:nth-child(n){width:100%;border-left:0;padding-left:0;height:auto}
.pg-contact .call{margin:2rem 0 0}
.pg-contact .call-row{flex-direction:column;align-items:flex-start;gap:1rem}
.pg-contact .num{font-size:1.25rem}
.pg-contact .form-card{width:100%;height:auto;margin:2rem 0 0;padding:1.25rem}
.pg-contact .field{height:3.1rem}
.pg-contact textarea.field{height:8rem}
.pg-contact .footer{margin:3rem 1.25rem 0}
.pg-contact .footer-top{height:auto;padding:1.25rem 0;flex-wrap:wrap;gap:1rem}
.pg-contact .foot-brand{flex:1 1 auto}
.pg-contact .footer-bottom{flex-direction:column;gap:.75rem;height:auto;padding:1rem 0}}

/* ################ SCHEDULE A LIVE DEMO  (html.pg-demo) ################ */
html.pg-demo{--navy:#0a0a72;
  --brand:#1140e0;
  --blue:#0a62f0;
  --text:#4a55a8;
  --text-dark:#3a4aa8;
  --line:#c5d3ec;
  --ph:#a9b5d6;
  --rule:#dfe6f3;}
html.pg-demo{font-size:calc(100vw / 96)}
@media (min-width:1921px){html.pg-demo{font-size:20px}}
.pg-demo *{box-sizing:border-box;padding:0}
.pg-demo body{font-family:'Poppins',Arial,sans-serif;font-weight:300;font-size:1rem;color:var(--text);background:#fff;letter-spacing:-.03em;overflow-x:hidden}
.pg-demo a{color:inherit;text-decoration:none}
.pg-demo .ic{display:block;flex:none}
/*.pg-demo .navbar{height:4.88rem;background:#fff;display:flex;align-items:center;padding:0 3.94rem 0 4.56rem;position:relative;z-index:5}*/
.pg-demo .brand,.pg-demo .foot-brand{display:flex;align-items:center}
.pg-demo .brand{gap:.55rem}
/*.pg-demo .logo{width:2.7rem;height:3.1rem}*/
.pg-demo .brand-name{font-family:'Orbitron',sans-serif;font-weight:600;font-size:1.42rem;letter-spacing:.03em;color:var(--brand);text-transform:uppercase;line-height:1}
.pg-demo .nav-links{display:flex;gap:2.9rem;margin:0 auto 0 3.9rem}
.pg-demo .nav-links a{font-size:.85rem;font-weight:400;color:var(--text-dark)}
.pg-demo .nav-right{display:flex;align-items:center}
.pg-demo .search{margin-right:2rem}
.pg-demo .search .ic{width:1.6rem;height:1.6rem;color:var(--brand)}
.pg-demo .btn{height:3.13rem;display:flex;align-items:center;justify-content:center;border-radius:.31rem;font-size:.85rem;font-weight:400;letter-spacing:-.03em}
.pg-demo .btn-solid{width:9rem;background:var(--blue);color:#fff;margin-right:1rem}
.pg-demo .btn-outline{width:10.13rem;border:1.5px solid var(--blue);color:var(--blue);background:#fff}
.pg-demo .hero{position:relative;height:50.69rem;overflow:hidden;
  display:grid;grid-template-columns:26.81rem 27.5rem 32.75rem;align-items:start;
  padding:0 2.81rem 0 4.94rem;
  background:
    radial-gradient(34rem 18rem at 64% 0%,rgba(222,244,216,.95) 0%,rgba(222,244,216,0) 70%),
    radial-gradient(30rem 30rem at 0% 20%,#e7f0fc 0%,rgba(231,240,252,0) 70%),
    linear-gradient(180deg,#eef4fd 0%,#f3f7fd 55%,#fbfcff 100%);}
.pg-demo .hero::after{content:"";position:absolute;left:-12%;right:-12%;bottom:-9rem;height:14rem;border-radius:50%;background:#fff;opacity:.75;pointer-events:none}
.pg-demo .leaf{position:absolute;pointer-events:none;z-index:0}
.pg-demo .leaf-a{left:43.55rem;top:-1.1rem;width:21.6rem;height:36rem;transform:rotate(-28deg);opacity:.9}
.pg-demo .leaf-b{left:88.5rem;top:21rem;width:9rem;height:15rem;transform:rotate(16deg);opacity:.7}
.pg-demo .copy{padding-top:4.5rem;white-space:nowrap;position:relative;z-index:1}
.pg-demo .eyebrow{font-size:.81rem;line-height:1.5;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--text)}
.pg-demo h1{margin-top:1.5rem;font-size:3.9rem;line-height:4.2rem;font-weight:700;letter-spacing:-.05em;color:var(--navy)}
.pg-demo h1 span{color:#0b5cf0}
.pg-demo .subtitle{margin-top:.56rem;font-size:1.56rem;line-height:2.1rem;font-weight:400;letter-spacing:-.04em;color:#4451b3}
.pg-demo .lead{margin-top:.94rem;font-size:1.2rem;line-height:1.75rem;color:var(--text)}
.pg-demo .checks{list-style:none;margin-top:1.63rem}
.pg-demo .checks li{height:2.81rem;display:flex;align-items:center;gap:.69rem;font-size:1rem;color:var(--text-dark);letter-spacing:-.025em}
.pg-demo .checks .ic{width:2.5rem;height:2.5rem;margin-left:-.06rem}
.pg-demo .graphic{position:relative;z-index:1;width:27.5rem;height:28.06rem;margin-top:5.44rem}
.pg-demo .connectors{position:absolute;inset:0;width:100%;height:100%}
.pg-demo .tile{position:absolute;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:.75rem;box-shadow:0 .3rem 1.1rem rgba(40,90,180,.12)}
.pg-demo .tile .ic{width:2.9rem;height:2.9rem}
.pg-demo .t-amazon{left:9.75rem;top:0;width:5.13rem;height:5.13rem}
.pg-demo .t-google{left:3.19rem;top:3.94rem;width:4.88rem;height:4.88rem}
.pg-demo .t-walmart{left:16.63rem;top:3.94rem;width:4.88rem;height:4.88rem}
.pg-demo .t-ai{left:22.56rem;top:7.63rem;width:4.88rem;height:4.88rem}
.pg-demo .t-ai .ic{width:3rem;height:3rem}
.pg-demo .t-shopify{left:0;top:10.13rem;width:4.88rem;height:4.88rem}
.pg-demo .t-xw{left:20.88rem;top:13rem;width:4.81rem;height:4.5rem}
.pg-demo .t-xw .ic{width:3.2rem;height:1.9rem}
.pg-demo .t-mc{left:20.25rem;top:18.13rem;width:5.06rem;height:4.63rem}
.pg-demo .t-mc .ic{width:3rem;height:2.25rem}
.pg-demo .t-tag{left:.5rem;top:17.13rem;width:4.88rem;height:4.63rem}
.pg-demo .t-tag .ic{width:3rem;height:2.5rem}
.pg-demo .t-etsy{left:2.88rem;top:23rem;width:4.75rem;height:4.75rem}
.pg-demo .t-etsy .ic{width:2.5rem;height:2.75rem}
.pg-demo .t-meta{left:17.75rem;top:23.25rem;width:4.94rem;height:4.81rem}
.pg-demo .t-meta .ic{width:3rem;height:1.95rem}
.pg-demo .t-center{left:8.44rem;top:11.81rem;width:7.94rem;height:7.56rem;border-radius:.75rem}
.pg-demo .t-center .ic{width:4.8rem;height:5.3rem}
.pg-demo .form-card{position:relative;z-index:2;width:32.75rem;height:46.06rem;margin:2.13rem 0 0 1.19rem;padding:2.25rem 2.19rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cpath d='M10 290C20 120 160 10 390 10 380 160 250 290 10 290Z' fill='%2342b883' fill-opacity='.07'/%3E%3Cpath d='M10 290C120 190 250 100 385 14' fill='none' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E") no-repeat right -3rem bottom -1rem / 19rem auto,#fff;border-radius:.63rem;box-shadow:0 .3rem 1.8rem rgba(60,110,190,.12)}
.pg-demo .intro{font-size:1.25rem;line-height:1.9rem;color:var(--text);white-space:nowrap}
.pg-demo .form-card form{margin-top:2.16rem}
.pg-demo .group{margin-top:2.05rem}
.pg-demo .group.g-name{margin-top:0}
.pg-demo .group.g-msg{margin-top:1.56rem}
.pg-demo label{display:block;font-size:1rem;line-height:1.25rem;font-weight:400;color:#0a0a55;letter-spacing:-.03em}
.pg-demo label b{color:#e0281e;font-weight:400;margin-left:.3rem}
.pg-demo .field,.pg-demo .phone{display:block;width:100%;margin-top:.64rem;border:1.5px solid var(--line);border-radius:.25rem;background:#fff}
.pg-demo .field{height:2.88rem;padding:0 .94rem;font:300 1.06rem 'Poppins',sans-serif;letter-spacing:-.03em;color:var(--navy);outline:none}
.pg-demo .field::placeholder,.pg-demo .phone input::placeholder{color:var(--ph);opacity:1}
.pg-demo .field:focus,.pg-demo .phone:focus-within{border-color:var(--blue)}
.pg-demo textarea.field{height:5.31rem;padding:.8rem .94rem;resize:vertical;line-height:1.4;font-size:.9rem}
.pg-demo .phone{display:flex;height:3.13rem}
.pg-demo .cc{width:5.44rem;display:flex;align-items:center;gap:1rem;padding-left:.94rem;border-right:1.5px solid var(--line);flex:none}
.pg-demo .flag{width:1.69rem;height:1.13rem}
.pg-demo .chev{width:1rem;height:1rem;color:var(--blue)}
.pg-demo .phone input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding-left:1.5rem;font:300 1.06rem 'Poppins',sans-serif;letter-spacing:-.02em;color:var(--navy)}
.pg-demo .btn-submit{display:flex;align-items:center;justify-content:center;gap:.85rem;width:100%;height:3.88rem;margin-top:1.13rem;border:0;border-radius:.25rem;background:var(--blue);color:#fff;font:300 1.25rem 'Poppins',sans-serif;letter-spacing:-.03em;cursor:pointer}
.pg-demo .arrow{width:1.4rem;height:1.2rem}
.pg-demo .footer{padding: 90px 0 0;}
.pg-demo .footer-top{display:flex;align-items:center;height:4.5rem;margin:0 -3.69rem;padding:0 3.69rem;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.pg-demo .foot-brand{flex:0 0 30.4rem;gap:.5rem}
.pg-demo .foot-brand .logo{width:2.55rem;height:2.9rem}
.pg-demo .foot-brand .brand-name{display:block;font-size:1.1rem}
.pg-demo .foot-brand small{display:block;margin-top:.3rem;font-size:.85rem;color:var(--text-dark);letter-spacing:-.02em}
.pg-demo .foot-links{display:flex;gap:2.63rem}
.pg-demo .foot-links a{font-size:.8rem;font-weight:400;color:var(--blue)}
.pg-demo .social{margin-left:auto;display:flex;align-items:center;gap:1.8rem;color:var(--blue)}
.pg-demo .social .in{width:2.1rem;height:2.1rem}
.pg-demo .social .x{width:2.1rem;height:2.1rem}
.pg-demo .footer-bottom{display:flex;align-items:center;justify-content:space-between;height:3.94rem}
.pg-demo .footer-bottom span,.pg-demo .footer-bottom a{font-size:.8rem;color:var(--text-dark)}
.pg-demo .legal{display:flex}
.pg-demo .legal a{padding:0 .8rem;border-left:1px solid var(--rule);line-height:1rem}
.pg-demo .legal a:first-child{border-left:0}
.pg-demo .legal a:last-child{padding-right:0}
@media (max-width:1000px){html.pg-demo{font-size:16px}
.pg-demo .navbar{padding:0 1rem;height:4rem}
.pg-demo .nav-links,.pg-demo .search,.pg-demo .btn-outline,.pg-demo .graphic,.pg-demo .foot-links{display:none}
.pg-demo .btn-solid{margin:0 0 0 auto}
.pg-demo .hero{display:block;height:auto;padding:0 1.25rem 2rem}
.pg-demo .copy{padding-top:2.5rem;white-space:normal}
.pg-demo h1{font-size:3.2rem;line-height:3.1rem}
.pg-demo .subtitle{font-size:1.4rem}
.pg-demo .lead{font-size:1.05rem;line-height:1.6rem}
.pg-demo .lead br{display:none}
.pg-demo .checks li{height:auto;padding:.4rem 0;white-space:normal}
.pg-demo .form-card{width:100%;height:auto;margin:2rem 0 0;padding:1.5rem}
.pg-demo .intro{white-space:normal;font-size:1.15rem}
.pg-demo .intro br{display:none}
.pg-demo .footer-top{height:auto;padding-top:1rem;padding-bottom:1rem;flex-wrap:wrap;gap:1rem}
.pg-demo .foot-brand{flex:1 1 auto}
.pg-demo .footer-bottom{flex-direction:column;gap:.5rem;height:auto;padding:1rem 0}}

/* ################ BECOME A PARTNER  (html.pg-partner) ################ */
html.pg-partner{--navy:#0c1a8c;
  --blue:#1329d6;
  --blue2:#1a3fd8;
  --title:#0d2bd0;
  --green:#0a7f58;
  --text:#4a55a8;
  --line:#cdd9ee;
  --rule:#dfe7f4;}
html.pg-partner{font-size:calc(100vw / 67)}
@media (min-width:1921px){html.pg-partner{font-size:28.66px}}
.pg-partner *{box-sizing:border-box;padding:0}
.pg-partner body{font-family:'Poppins',Arial,sans-serif;font-weight:300;font-size:1rem;color:var(--text);letter-spacing:-.03em;background:#fff;overflow-x:hidden}
.pg-partner a{color:inherit;text-decoration:none}
.pg-partner img{display:block;flex:none}
.pg-partner .page{max-width:67rem;margin:0 auto;position:relative;background:
  radial-gradient(34rem 22rem at 6% 8%,#dbe8fb 0%,rgba(219,232,251,0) 70%),
  radial-gradient(30rem 24rem at 98% 30%,#e3eefc 0%,rgba(227,238,252,0) 70%),
  radial-gradient(30rem 22rem at 0% 62%,#eaf2fd 0%,rgba(234,242,253,0) 70%),
  linear-gradient(180deg,#eaf2fd 0%,#f4f8fe 45%,#f7faff 80%,#fff 100%)}
/*.pg-partner .navbar{height:3.67rem;background:#fff;display:flex;align-items:center;padding:0 2.25rem 0 2.83rem}*/
.pg-partner .brand,.pg-partner .foot-brand{display:flex;align-items:center}
.pg-partner .brand{gap:.3rem}
/*.pg-partner .logo{width:2.5rem;height:2.67rem}*/
.pg-partner .brand-name{font-family:'Orbitron',sans-serif;font-weight:600;font-size:1.05rem;letter-spacing:.03em;color:var(--blue2);text-transform:uppercase;line-height:1;display:block}
.pg-partner .nav-links{display:flex;gap:1.4rem;margin:0 auto 0 2rem}
.pg-partner .nav-links a{font-size:.64rem;font-weight:400;color:#2e3f9e}
.pg-partner .nav-right{display:flex;align-items:center}
.pg-partner .search img{width:1rem;height:1rem}
.pg-partner .login{font-size:.71rem;font-weight:500;color:var(--title);margin:0 1.17rem 0 1.5rem}
.pg-partner .btn-nav{width:9.83rem;height:2.42rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;background:var(--green);color:#fff;font-size:.79rem;font-weight:500;letter-spacing:-.04em}
.pg-partner .hero{display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;}
.pg-partner .hero-copy{padding:6.75rem 0 0 3.5rem;white-space:nowrap;position:relative;z-index:2}
.pg-partner h1{font-size:3.08rem;line-height:3.5rem;font-weight:600;letter-spacing:-.045em;color:var(--navy)}
.pg-partner .lead{margin-top:1.08rem;font-size:1.12rem;line-height:1.69rem;color:var(--text)}
.pg-partner .hero-btns{display:flex;gap:.92rem;margin-top:1.33rem}
.pg-partner .btn{height:3.13rem;display:flex;align-items:center;justify-content:center;border-radius:.33rem;font-size:.98rem;letter-spacing:-.03em}
.pg-partner .btn-green{width:13.92rem;background:var(--green);color:#fff;font-weight:500;gap:.6rem}
.pg-partner .btn-green .arrow{width:1rem;height:.9rem}
.pg-partner .btn-outline{width:12.58rem;border:1px solid var(--blue2);color:var(--blue2);background:rgba(255,255,255,.45);font-weight:400}
.pg-partner .orbit{  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;}
.pg-partner .orbit-image {
  display: block;
  width: min(100%, 42rem);
  height: auto;
  object-fit: contain;
}

.pg-partner .ring{position:absolute;inset:0;width:100%;height:100%}
.pg-partner .o-center{position:absolute;left:43.92rem;top:10.83rem;width:12.5rem;height:20 rem;border-radius:50%;background:#fff;box-shadow:0 .3rem 1.4rem rgba(60,110,200,.14);display:flex;flex-direction:column;align-items:center;padding-top:2rem}
/*.pg-partner .o-logo{width:2.8rem;height:3rem}*/
.pg-partner .o-word{font-family:'Orbitron',sans-serif;font-weight:600;font-size:.98rem;letter-spacing:.03em;color:var(--blue2);text-transform:uppercase;margin-top:.35rem;line-height:1}
.pg-partner .o-sub{margin-top:.55rem;font-size:.66rem;line-height:1.25rem;font-weight:600;color:var(--title);text-align:center;letter-spacing:-.02em}
.pg-partner .o-tile{position:absolute;background:#fff;border-radius:.67rem;box-shadow:0 .25rem 1.1rem rgba(60,110,200,.13);text-align:center;padding-top:.75rem}
.pg-partner .o-tile span{display:block;font-size:.64rem;line-height:1.17rem;font-weight:600;color:var(--blue);letter-spacing:-.02em}
.pg-partner .o-tile img{position:absolute;left:50%;bottom:.83rem;width:2.83rem;height:2.83rem;transform:translateX(-50%)}
.pg-partner .t-market{left:45.92rem;top:2.25rem;width:8.5rem;height:6.67rem}
.pg-partner .t-market span{margin-top:.5rem}
.pg-partner .t-ecom{left:35.33rem;top:10.08rem;width:8.33rem;height:7rem}
.pg-partner .t-ai{left:56.75rem;top:10.08rem;width:8.25rem;height:7rem}
.pg-partner .t-ads{left:38.08rem;top:22.83rem;width:8.42rem;height:7rem}
.pg-partner .t-cust{left:53.83rem;top:22.83rem;width:8.42rem;height:7rem}
.pg-partner .strip{margin:0 2rem;height:7.17rem;background:#fff;border-radius:.67rem;box-shadow:0 .15rem .9rem rgba(60,110,190,.10);display:flex;align-items:center;position:relative;z-index:2}
.pg-partner .strip-item{display:flex;align-items:center;gap:1.75rem;height:4.17rem;white-space:nowrap;flex:none}
.pg-partner .strip-item:nth-child(1){width:21.42rem;padding-left:1.83rem}
.pg-partner .strip-item:nth-child(2){width:21.42rem;padding-left:2rem;border-left:1px solid var(--rule)}
.pg-partner .strip-item:nth-child(3){width:20.17rem;padding-left:1.67rem;border-left:1px solid var(--rule)}
.pg-partner .strip-item img{width:3.17rem;height:3.17rem}
.pg-partner .strip-item:nth-child(2) img{gap:0}
.pg-partner .strip-item h3{font-size:.83rem;line-height:1.17rem;font-weight:600;color:var(--title);letter-spacing:-.04em}
.pg-partner .strip-item p{font-size:.67rem;line-height:1.25rem;font-weight:300;color:var(--text);letter-spacing:-.03em;margin-top:.2rem}
.pg-partner .eyebrow{font-size:.75rem;line-height:1.17rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.pg-partner h2{margin-top:.54rem;font-size:2.17rem;line-height:2.58rem;font-weight:600;letter-spacing:-.045em;color:var(--blue);white-space:nowrap}
.pg-partner .sec-lead{margin-top:.54rem;font-size:1.12rem;line-height:1.67rem;color:var(--text);white-space:nowrap}
.pg-partner .why,.pg-partner .path{padding-left:3.67rem}
.pg-partner .why{margin-top:3.25rem}
.pg-partner .path{margin-top:3.5rem}
.pg-partner .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.83rem .58rem;margin:1.67rem 1.33rem 0 -2.17rem}
.pg-partner .card{height:9.92rem;display:flex;gap:.67rem;padding:1.8rem 0 0 2.5rem;background:rgba(255,255,255,.72);border:1px solid #e9f0fa;border-radius:.67rem;box-shadow:0 .15rem .8rem rgba(80,120,200,.07);white-space:nowrap}
.pg-partner .card img{width:3rem;height:3.5rem;object-fit:contain;margin-top:-.08rem}
.pg-partner .card h3{font-size:.83rem;line-height:1.25rem;font-weight:600;color:var(--title);letter-spacing:-.04em}
.pg-partner .card p{margin-top:.33rem;font-size:.69rem;line-height:1.42rem;color:var(--text);letter-spacing:-.03em}
.pg-partner .steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0 .58rem;height:15.96rem;margin:1.29rem 1.33rem 0 -2.17rem}
.pg-partner .step{position:relative}
.pg-partner .num{position:absolute;left:2.92rem;top:1.46rem;width:3rem;height:3rem;border-radius:50%;background:#0b3bdc;color:#fff;font-size:1.25rem;font-weight:600;display:flex;align-items:center;justify-content:center;letter-spacing:0}
.pg-partner .disc{position:absolute;left:7.92rem;top:0;width:5.92rem;height:5.92rem;border-radius:50%;background:#fff;box-shadow:0 .2rem 1rem rgba(60,110,200,.13);display:flex;align-items:center;justify-content:center}
.pg-partner .disc img{width:3.3rem;height:3.3rem}
.pg-partner .step-text{position:absolute;left:2.58rem;top:6.83rem;width:16.67rem;text-align:center;white-space:nowrap}
.pg-partner .step-text h3{font-size:1.13rem;line-height:1.42rem;font-weight:600;color:var(--blue);letter-spacing:-.04em}
.pg-partner .step-text p{margin-top:.58rem;font-size:.88rem;line-height:1.58rem;color:var(--text);letter-spacing:-.03em}
.pg-partner .step-arrow{position:absolute;top:3.29rem;width:4.33rem;height:.83rem}
.pg-partner .a1{left:17.83rem}
.pg-partner .a2{left:39.42rem}
.pg-partner .apply{margin:1.83rem 2rem 0;height:32.42rem;padding:1.42rem 1.08rem 1.42rem 1.58rem;display:grid;grid-template-columns:33.75rem 25.33rem;column-gap:1.25rem;background:rgba(255,255,255,.72);border:1px solid #e9f0fa;border-radius:.83rem;box-shadow:0 .2rem 1.2rem rgba(80,120,200,.08)}
.pg-partner .apply-left{padding-top:.42rem}
.pg-partner .apply-left h2{margin-top:.54rem;font-size:1.96rem;line-height:2.42rem}
.pg-partner .apply-lead{margin-top:.5rem;font-size:.93rem;line-height:1.58rem;color:var(--text);white-space:nowrap}
.pg-partner .photo{margin-top:1.2rem;width:33.83rem;height:18.58rem;object-fit:cover;border-radius:.5rem}
.pg-partner .apply-form{height:29.83rem;background:#fff;border-radius:.67rem;padding:1.5rem .92rem 0;box-shadow:0 .1rem .7rem rgba(80,120,200,.07)}
.pg-partner .apply-form h3{font-size:1.4rem;line-height:1.67rem;font-weight:600;color:var(--blue);letter-spacing:-.04em}
.pg-partner .apply-form form{margin-top:1.17rem;display:flex;flex-direction:column;gap:.67rem}
.pg-partner .field{width:100%;height:2.25rem;padding:0 .92rem;border:1px solid var(--line);border-radius:.25rem;background:#fff;font:300 .78rem 'Poppins',sans-serif;letter-spacing:-.03em;color:var(--navy);outline:none}
.pg-partner .field::placeholder{color:#7f8bb8;opacity:1}
.pg-partner .field:focus{border-color:var(--blue2)}
.pg-partner textarea.field{height:7.42rem;padding:.8rem .92rem;resize:vertical;margin-top:.1rem;line-height:1.4}
.pg-partner .btn-submit{height:3.13rem;margin-top:1.9rem;border:0;border-radius:.33rem;background:var(--green);color:#fff;font:500 .98rem 'Poppins',sans-serif;letter-spacing:-.03em;display:flex;align-items:center;justify-content:center;gap:.6rem;cursor:pointer;margin-bottom:7px;}
.pg-partner .btn-submit .arrow{width:1rem;height:.9rem}
.pg-partner .cta{margin:1.25rem 2rem 0;height:8.17rem;padding:0 1.08rem 0 1.5rem;display:flex;align-items:center;background:rgba(232,241,253,.85);border:1px solid #dbe8fa;border-radius:.83rem}
.pg-partner .cta-text{width:33.33rem;white-space:nowrap}
.pg-partner .cta-text h3{font-size:1.2rem;line-height:1.5rem;font-weight:600;color:var(--blue);letter-spacing:-.04em}
.pg-partner .cta-text p{margin-top:.62rem;font-size:.77rem;line-height:1.42rem;color:var(--text);letter-spacing:-.03em}
.pg-partner .cta-contact{display:flex;align-items:center;height:4.83rem;border-left:1px solid var(--blue2);padding-left:1.75rem}
.pg-partner .contacts{width:12.25rem}
.pg-partner .contacts a{display:flex;align-items:center;gap:.75rem;height:2.83rem;font-size:.79rem;font-weight:600;color:var(--title);letter-spacing:-.03em;white-space:nowrap}
.pg-partner .i-mail{width:2.17rem;height:1.58rem}
.pg-partner .i-phone{width:2.17rem;height:2.08rem}
.pg-partner .btn-cta{width:11.17rem;height:3.25rem;margin-left:1.83rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--blue2);border-radius:.33rem;font-size:.79rem;font-weight:400;color:var(--blue2);background:rgba(255,255,255,.5)}
.pg-partner .footer{padding: 90px 0 0;}
.pg-partner .footer-top{display:flex;align-items:center;height:6.33rem;border-bottom:1px solid #b9c8f0}
.pg-partner .foot-brand{flex:0 0 19.9rem;gap:.3rem}
.pg-partner .foot-brand .logo{width:3.25rem;height:3.25rem}
.pg-partner .foot-brand .brand-name{font-size:1.27rem}
.pg-partner .foot-brand small{display:block;margin-top:.3rem;font-size:.63rem;color:var(--blue2);letter-spacing:-.02em}
.pg-partner .foot-links{display:flex;gap:1.58rem}
.pg-partner .foot-links a{font-size:.68rem;font-weight:400;color:var(--blue2)}
.pg-partner .social{margin-left:auto;display:flex;align-items:center;gap:1.83rem}
.pg-partner .social img{width:1.9rem;height:1.9rem}
.pg-partner .footer-bottom{display:flex;justify-content:space-between;align-items:flex-start;padding-top:1.58rem}
.pg-partner .footer-bottom span,.pg-partner .footer-bottom a{font-size:.72rem;line-height:1.17rem;color:var(--text)}
.pg-partner .legal{display:flex;gap:1.58rem;padding-top:.25rem}
.pg-partner .legal a{color:var(--blue2)}
.pg-partner .legal .u{text-decoration:underline}
@media (max-width:1000px){html.pg-partner{font-size:16px}
.pg-partner .navbar{padding:0 1rem;height:4rem}
.pg-partner .nav-links,.pg-partner .search,.pg-partner .login,.pg-partner .orbit{ display: block;
    padding: 1.5rem 1rem;}
.pg-partner .orbit-image {
    width: 100%;
    max-width: 32rem;
    margin: 0 auto;
  }
.pg-partner .btn-nav{margin-left:auto;width:auto;padding:0 1rem;height:2.5rem;font-size:.85rem}
.pg-partner .hero{ grid-template-columns: 1fr;}
.pg-partner .hero-copy{padding:2.5rem 1.25rem 0;white-space:normal}
.pg-partner h1{font-size:2.3rem;line-height:2.6rem}
.pg-partner .lead{font-size:1rem;line-height:1.6rem}
.pg-partner .lead br{display:none}
.pg-partner .hero-btns{flex-wrap:wrap}
.pg-partner .btn{height:3rem;font-size:.95rem}
.pg-partner .strip{margin:0 1rem;height:auto;flex-direction:column;align-items:flex-start;padding:1rem 0}
.pg-partner .strip-item,.pg-partner .strip-item:nth-child(n){width:100%;border-left:0;padding:.75rem 1.25rem;height:auto;white-space:normal}
.pg-partner .strip-item img{width:2.6rem;height:2.6rem}
.pg-partner .strip-item h3{font-size:1rem}
.pg-partner .strip-item p{font-size:.85rem}
.pg-partner .strip-item p br{display:none}
.pg-partner .why,.pg-partner .path{padding:0 1.25rem}
.pg-partner h2{font-size:1.6rem;line-height:2rem;white-space:normal}
.pg-partner .eyebrow{font-size:.75rem}
.pg-partner .sec-lead{font-size:1rem;white-space:normal}
.pg-partner .sec-lead br{display:none}
.pg-partner .cards{grid-template-columns:1fr;margin:1.5rem 0 0}
.pg-partner .card{height:auto;padding:1.25rem;white-space:normal}
.pg-partner .card h3{font-size:1rem}
.pg-partner .card p{font-size:.85rem}
.pg-partner .card p br,.pg-partner .card h3 br{display:none}
.pg-partner .steps{display:flex;flex-direction:column;height:auto;margin:1.5rem 0 0;gap:1.5rem}
.pg-partner .step{height:auto}
.pg-partner .num,.pg-partner .disc,.pg-partner .step-text{position:static}
.pg-partner .step{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}
.pg-partner .step-text{width:100%;text-align:left;white-space:normal}
.pg-partner .step-text h3{font-size:1.1rem}
.pg-partner .step-text p{font-size:.9rem}
.pg-partner .step-text br{display:none}
.pg-partner .step-arrow{display:none}
.pg-partner .apply{display:block;height:auto;margin:1.5rem 1rem 0;padding:1.25rem}
.pg-partner .apply-lead{white-space:normal;font-size:.9rem}
.pg-partner .apply-lead br{display:none}
.pg-partner .photo{width:100%;height:auto;aspect-ratio:406/223}
.pg-partner .apply-form{height:auto;margin-top:1.25rem;padding:1.25rem}
.pg-partner .apply-form h3{font-size:1.2rem}
.pg-partner .field{height:2.75rem;font-size:.9rem}
.pg-partner .btn-submit{height:3rem;font-size:1rem}
.pg-partner .cta{height:auto;margin:1.25rem 1rem 0;flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem}
.pg-partner .cta-text{width:100%;white-space:normal}
.pg-partner .cta-text h3{font-size:1.15rem;line-height:1.5rem}
.pg-partner .cta-text p{font-size:.85rem}
.pg-partner .cta-text br{display:none}
.pg-partner .cta-contact{border-left:0;padding-left:0;flex-wrap:wrap;height:auto;gap:1rem}
.pg-partner .contacts a{font-size:.95rem}
.pg-partner .btn-cta{margin-left:0;font-size:.9rem}
.pg-partner .footer{padding:0 1.25rem 2rem}
.pg-partner .footer-top{height:auto;padding:1.25rem 0;flex-wrap:wrap;gap:1rem}
.pg-partner .foot-brand{flex:1 1 auto}
.pg-partner .foot-links{display:none}
.pg-partner .footer-bottom{flex-direction:column;gap:.5rem}
.pg-partner .footer-bottom span,.pg-partner .footer-bottom a{font-size:.8rem}}
* ################ ABOUT US  (html.pg-about) ################ */
html.pg-about{--navy:#0a0a72;
  --blue:#1328d6;
  --text:#2c3a94;
  --green:#05804f;
  --line:#c7d6ee;
  --ph:#6f7fb5;--sky:#e9f2fd;}
html.pg-about{font-size:calc(100vw / 96)}
@media (min-width:1921px){html.pg-about{font-size:20px}}
.pg-about *{box-sizing:border-box;padding:0}
.pg-about body{font-family:'Poppins',Arial,sans-serif;font-weight:300;font-size:1rem;color:var(--text);background:#fff;letter-spacing:-.03em;overflow-x:hidden}
.pg-about a{color:inherit;text-decoration:none}
.pg-about .ic{display:block;flex:none}
.pg-about .navbar{height:4.06rem;background:#fff;display:flex;align-items:center;padding:0 3.6rem 0 3.9rem;position:relative;z-index:5}
.pg-about .brand,.pg-about .foot-brand{display:flex;align-items:center}
.pg-about .brand{gap:.6rem}
/*.pg-about .logo{width:2.9rem;height:3.1rem}*/
.pg-about .brand-name{font-family:'Orbitron',sans-serif;font-weight:600;font-size:1.2rem;letter-spacing:.03em;color:var(--blue);text-transform:uppercase;line-height:1}
.pg-about .nav-links{display:flex;gap:1.75rem;margin:0 auto 0 2.2rem}
.pg-about .nav-links a{font-size:1.03rem;color:var(--blue)}
.pg-about .nav-right{display:flex;align-items:center;gap:2.2rem}
.pg-about .search .ic{width:1.5rem;height:1.5rem;color:var(--blue)}
.pg-about .login{font-size:1.06rem;color:var(--blue)}
.pg-about .btn-demo{height:2.94rem;padding:0 1.25rem;display:flex;align-items:center;background-color:#048854;color:#fff;font-size:1.06rem;font-weight:500;letter-spacing:-.04em;border-radius:.44rem}
.pg-about .footer{margin:5.9rem 4.1rem 0;padding-bottom:2rem}
.pg-about .footer-top{display:flex;align-items:center;height:6.44rem;border-top:1.5px solid #aebce6;border-bottom:1.5px solid #aebce6}
.pg-about .foot-brand{flex:0 0 28.9rem;gap:.6rem}
.pg-about .foot-brand .logo{width:2.9rem;height:3.9rem}
.pg-about .foot-brand .brand-name{display:block;font-size:1.3rem}
.pg-about .foot-brand small{display:block;font-size:1.06rem;color:var(--blue);letter-spacing:-.04em;margin-top:.15rem}
.pg-about .foot-links{display:flex;gap:2.1rem}
.pg-about .foot-links a{font-size:1.1rem;color:var(--blue)}
.pg-about .social{margin-left:auto;display:flex;align-items:center;gap:2.2rem;color:var(--blue)}
.pg-about .social .in{width:2.2rem;height:2.1rem}
.pg-about .social .x{width:2.5rem;height:2.4rem}
.pg-about .footer-bottom{display:flex;justify-content:space-between;align-items:center;height:3.75rem}
.pg-about .footer-bottom span,.pg-about .footer-bottom a{font-size:1.1rem;color:var(--blue)}
.pg-about .legal{display:flex;gap:1.75rem}
.pg-about .page{width:100%;background:linear-gradient(180deg,#e3eefc 0,#f4f8fe 30rem,#fff 100%)}
.pg-about .band{padding:2.2rem 4.06rem}
.pg-about .eyebrow{display:block;font-size:.95rem;font-weight:600;color:var(--blue);letter-spacing:-.01em;text-transform:uppercase}
.pg-about h2{font-size:2.1rem;font-weight:600;color:var(--blue);letter-spacing:-.04em;line-height:1.2;margin:.3rem 0 .5rem}
.pg-about .sub2{font-size:1.1rem;color:var(--text);margin-bottom:1.4rem}
.pg-about .btn-out{display:inline-flex;align-items:center;gap:.6rem;height:2.94rem;padding:0 1.5rem;border:1.5px solid var(--blue);border-radius:.44rem;background:#fff;color:var(--blue);font-weight:500;font-size:1.06rem}
.pg-about .btn-demo .arrow,.pg-about .more .arrow,.pg-about .spec .arrow{width:1.3rem;height:1rem;margin-left:.6rem}
.pg-about .btns{display:flex;gap:1rem;margin-top:1.8rem}
.pg-about .hero{display:grid;grid-template-columns:40rem 1fr;gap:2rem;padding:3rem 4.06rem 3rem;align-items:center;min-height:36rem}
.pg-about h1{font-size:4.2rem;font-weight:700;line-height:1.02;color:var(--blue);letter-spacing:-.06em;margin:.5rem 0 1.3rem}
.pg-about .lead{font-size:1.2rem;line-height:1.5;max-width:34rem}
.pg-about .orbit{position:relative;height:30rem}
.pg-about .otile-wide{position:absolute;background:#fff;border-radius:.75rem;box-shadow:0 .4rem 1.1rem rgba(40,90,180,.14);padding:.7rem 1rem;font-size:.9rem;text-align:center;color:var(--navy);width:13rem;min-height:6rem}
.pg-about .otile-wide small{display:block;font-size:.75rem;color:var(--text);margin-top:.3rem}
.pg-about .ow1{left:3rem;top:0}.pg-about .ow2{right:1rem;top:0}.pg-about .ow3{left:0;top:8.5rem}.pg-about .ow4{right:0;top:8.5rem}
.pg-about .core{position:absolute;left:50%;top:50%;width:14rem;height:14rem;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 0 1rem rgba(255,255,255,.55),0 .4rem 1.5rem rgba(40,90,180,.16);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--blue);font-family:Orbitron,sans-serif}
.pg-about .core .ic{width:2.8rem;height:3rem}.pg-about .core small{font:500 .8rem Poppins,sans-serif;margin-top:.3rem}
.pg-about .otile{position:absolute;width:3.4rem;height:3.4rem;border-radius:.7rem;background:#fff;box-shadow:0 .3rem .9rem rgba(40,90,180,.14);display:flex;align-items:center;justify-content:center}.pg-about .otile .ic{width:2rem;height:2rem}
.pg-about .olabel{position:absolute;font-size:.9rem;font-weight:500;text-align:center;color:var(--navy)}
.pg-about .mission{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;align-items:center}
.pg-about .mission h2{font-size:2rem}.pg-about .mission p{color:var(--text);font-size:1.1rem}
.pg-about .mission-r{display:flex;align-items:center;gap:1.5rem;border-left:1px solid #cfdcf0;padding-left:3rem}.pg-about .mission-r .ic{width:5rem;height:5.4rem}
.pg-about .mission-r h3{font-size:1.5rem;font-weight:600;color:var(--blue);line-height:1.2;max-width:12rem}
.pg-about .eco{background:linear-gradient(180deg,#f1f7fe,#e6f0fc)}
.pg-about .eco-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.pg-about .eco-card{background:#fff;border-radius:.6rem;padding:1.4rem 1rem;text-align:center;box-shadow:0 .2rem .9rem rgba(60,110,190,.1)}
.pg-about .e-ic{width:3rem;height:3rem;margin:0 auto .7rem}.pg-about .hue{filter:hue-rotate(160deg) saturate(2)}
.pg-about .eco-card h3{font-size:1.02rem;font-weight:600;color:var(--navy)}.pg-about .eco-card p{font-size:.95rem;color:var(--text);margin-top:.4rem;line-height:1.4}
.pg-about .trust{background:#e6f0fc;padding-top:1.4rem;padding-bottom:1.4rem}
.pg-about .logos{display:flex;justify-content:space-between;align-items:center;margin:1.2rem 0}
.pg-about .logos b{font-weight:700}.pg-about .logos small{display:block;font-size:.55rem;font-weight:500}
.pg-about .lg1{font-size:2.2rem;color:#12357a}.pg-about .lg2{color:#12357a;font-size:1.1rem;text-align:center}.pg-about .lg3{font-size:2.4rem;color:#d6202b;font-style:italic}.pg-about .lg4{font-size:2rem;color:#d6202b;font-style:italic}.pg-about .logos .lg5{background:#0f7a5a;color:#fff;padding:.7rem 1.4rem;font-size:1.3rem}
.pg-about .stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.pg-about .stats div{border-left:1px solid #c7d6ee}.pg-about .stats div:first-child{border:0}
.pg-about .stats b{display:block;font-size:2rem;font-weight:500;color:var(--blue)}.pg-about .stats span{color:var(--text)}
.pg-about .story{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2.5rem;align-items:start;padding-top:3rem}
.pg-about .story p{color:var(--text);font-size:1.05rem;line-height:1.5}
.pg-about .more{display:inline-flex;align-items:center;margin-top:1rem;font-weight:600;color:var(--blue)}
.pg-about .shot{height:15rem;border-radius:.5rem;background:linear-gradient(135deg,#e4ebf5,#a9bad3);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--navy);line-height:1}
.pg-about .ap{display:flex;gap:1rem;margin-top:1rem}.pg-about .ap .ic{width:2.4rem;height:2.4rem}
.pg-about .ap h4{font-size:1.05rem;font-weight:600;color:var(--blue)}.pg-about .ap p{font-size:.95rem;line-height:1.35}
.pg-about .flow{background:#e6f0fc}
.pg-about .flow-row{display:flex;align-items:center;gap:1rem;margin:1.4rem 0}
.pg-about .fl{flex:1;background:#fff;border-radius:.6rem;padding:1rem;text-align:center;box-shadow:0 .2rem .9rem rgba(60,110,190,.08);min-height:8rem}
.pg-about .fl h4{font-size:.95rem;font-weight:600;color:var(--navy)}.pg-about .fl small{display:block;font-size:.8rem;color:var(--text);line-height:1.3}
.pg-about .fl-ic{display:flex;justify-content:center;gap:.5rem;margin:.5rem 0}.pg-about .fl-ic .ic{width:1.8rem;height:1.8rem}
.pg-about .fa{font-style:normal;color:var(--blue);font-size:1.6rem}.pg-about .spec{display:flex;width:max-content;margin:0 auto;height:2.4rem;font-size:.95rem}
.pg-about .equal{padding:2.2rem 4.06rem}.pg-about .equal h2{font-size:1.8rem}
.pg-about .erg-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.pg-about .erg{background:#fff;border-radius:.6rem;padding:1.3rem 1rem;text-align:center;box-shadow:0 .2rem .9rem rgba(60,110,190,.1)}
.pg-about .erg .ic{width:3.2rem;height:3.2rem;margin:0 auto .6rem}.pg-about .erg h3{font-size:1.1rem;font-weight:600;color:var(--blue)}.pg-about .erg p{font-size:.85rem;line-height:1.4;margin-top:.4rem}
.pg-about .esg{display:flex;align-items:center;gap:2.5rem;background:#e6f0fc}.pg-about .big-leaf{width:9rem;height:8rem}
.pg-about .esg-t{flex:1.5}.pg-about .esg-t p{font-size:1rem;margin-top:.3rem}
.pg-about .esg-i{flex:1;text-align:center;font-size:.85rem;font-weight:500;color:var(--blue)}.pg-about .esg-i .ic{width:2.8rem;height:2.8rem;margin:0 auto .3rem}
.pg-about .blog{background:#e6f0fc;padding-top:1.5rem}.pg-about .blog-h{display:flex;justify-content:space-between;align-items:center}.pg-about .blog .sub2{font-size:.95rem;margin:.2rem 0 1rem}
.pg-about .posts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.pg-about .post{display:flex;gap:1rem;background:#fff;border-radius:.6rem;padding:.6rem;box-shadow:0 .2rem .9rem rgba(60,110,190,.08)}
.pg-about .pimg{width:7rem;height:7rem;border-radius:.4rem;flex:none;background:linear-gradient(135deg,#9bb8d6,#e1ecf7)}.pg-about .p2{background:linear-gradient(135deg,#c9d6c1,#e8eef2)}.pg-about .p3{background:linear-gradient(135deg,#a8c49a,#e6efe1)}
.pg-about .post h3{font-size:1.05rem;font-weight:600;color:var(--blue);line-height:1.25}.pg-about .post small{font-size:.8rem;color:var(--text)}
.pg-about .ready{display:flex;justify-content:space-between;align-items:center;background:#dce9fb}.pg-about .ready h2{font-size:1.9rem}.pg-about .ready p{max-width:36rem;color:var(--text);font-size:1rem}.pg-about .ready .btns{margin:0}
.pg-about .footer{margin:0;padding:1.5rem 4.1rem 2rem;}
@media (max-width:1000px){html.pg-about{font-size:16px}.pg-about .navbar{padding:0 1rem}.pg-about .nav-links,.pg-about .search,.pg-about .login,.pg-about .foot-links,.pg-about .orbit{display:none}.pg-about .btn-demo{margin-left:auto}
.pg-about .hero,.pg-about .mission,.pg-about .story,.pg-about .posts{display:block}.pg-about .band,.pg-about .hero,.pg-about .equal{padding-left:1.25rem;padding-right:1.25rem}.pg-about h1{font-size:3rem}
.pg-about .eco-grid,.pg-about .erg-grid{grid-template-columns:1fr 1fr}.pg-about .flow-row,.pg-about .esg,.pg-about .ready,.pg-about .logos{flex-wrap:wrap;gap:1rem}.pg-about .fa{display:none}.pg-about .post{margin-bottom:1rem}.pg-about .shot{margin:1.5rem 0}.pg-about .footer{margin:0 1rem}}

.pg-about .oi{display:flex;justify-content:center;align-items:center;gap:.7rem;margin-top:.8rem}.pg-about .oi .ic{width:1.9rem;height:1.9rem}
.pg-about .otile-wide b{font-weight:600}
.pg-about .onode{position:absolute;width:3.2rem;height:3.2rem;border-radius:50%;background:#fff;box-shadow:0 .3rem .9rem rgba(40,90,180,.16);display:flex;align-items:center;justify-content:center}.pg-about .onode .ic{width:1.7rem;height:1.7rem}
.pg-about .n1{left:5rem;top:21rem}.pg-about .n2{left:calc(50% - 1.6rem);top:23.5rem}.pg-about .n3{right:5rem;top:21rem}
.pg-about .l1{left:3.6rem;top:24.6rem}.pg-about .l2{left:calc(50% - 2.8rem);top:27.1rem}.pg-about .l3{right:3.6rem;top:24.6rem}
.pg-about .orbit{height:30rem}


/* ==========================================================
   FOOTER FIX (all pages)
   Problem: the page rules  .pg-xxx .footer{padding:90px 0 0; margin:... inset}
   and  .pg-xxx *{padding:0}  were also hitting the site's green
   "About Us / Workings" footer. That pushed its text outside the
   green box and added a big empty gap on top.
   Fix: the green site footer (a .footer without .footer-top inside)
   gets its own clean, full-width, responsive box.
   The design footer (.footer with .footer-top) is NOT touched.
   ========================================================== */
html.pg-contact .footer:not(:has(.footer-top)),
html.pg-demo .footer:not(:has(.footer-top)),
html.pg-partner .footer:not(:has(.footer-top)),
html.pg-about .footer:not(:has(.footer-top)){
  width:100%;
  max-width:100%;
  margin:0;
  padding:40px 20px 100px;   /* 100px bottom keeps the chat widget off the last links */
  box-sizing:border-box;
  position:relative;
  left:auto;
  transform:none;
}
html.pg-contact .footer:not(:has(.footer-top)) *,
html.pg-demo .footer:not(:has(.footer-top)) *,
html.pg-partner .footer:not(:has(.footer-top)) *,
html.pg-about .footer:not(:has(.footer-top)) *{
  box-sizing:border-box;
  max-width:100%;
  overflow-wrap:anywhere;    /* long emails/addresses wrap instead of overflowing */
}
@media (min-width:768px){
  html.pg-contact .footer:not(:has(.footer-top)),
  html.pg-demo .footer:not(:has(.footer-top)),
  html.pg-partner .footer:not(:has(.footer-top)),
  html.pg-about .footer:not(:has(.footer-top)){padding:56px 32px 60px 10px}
}
@media (min-width:1024px){
  html.pg-contact .footer:not(:has(.footer-top)),
  html.pg-demo .footer:not(:has(.footer-top)),
  html.pg-partner .footer:not(:has(.footer-top)),
  html.pg-about .footer:not(:has(.footer-top)){padding:72px 40px 40px}
}
