:root{
    --blue:#0b4fb3; --blue-dark:#083a86; --cyan:#12a4d9;
    --ink:#1b2430; --muted:#5a6675; --line:#e3e8ef;
    --bg:#ffffff; --bg-soft:#eef6fd;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:auto;scroll-padding-top:84px}
  body{font-family:'IBM Plex Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:1120px;margin:0 auto;padding:0 24px}

  /* Header */
  .fest{display:none;position:relative;background:linear-gradient(90deg,#0a2a5c,#0b4fb3 55%,#0a2a5c);color:#ffe8a3;text-align:center;font-size:14.5px;line-height:1.3;padding:9px 44px}
  .fest.on{display:block}
  .fest-in{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}
  .fest b{font-weight:600;color:#fff2c2}
  .fest-sub{color:#cfe2ff}
  .fest-x{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:0;color:#fff;font-size:22px;line-height:1;cursor:pointer;opacity:.8;padding:4px 8px}
  .fest-x:hover{opacity:1}
  @media(max-width:600px){.fest{font-size:13px;padding:8px 36px}.fest-sub{display:none}}
  header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:72px}
  .brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:22px;letter-spacing:.2px}
  .brand span{font-weight:400}
  .wordmark{letter-spacing:.6px;white-space:nowrap}
  .wordmark span{color:var(--cyan)}
  .brand img{height:44px;width:auto;display:block}
  nav ul{display:flex;gap:32px;list-style:none}
  nav a{font-size:15px;font-weight:500;color:#3a4553;transition:color .15s}
  nav a.act{color:var(--blue);font-weight:600;box-shadow:inset 0 -2px 0 var(--blue)}
  @media(min-width:961px){nav ul a{padding:6px 0}}
  @keyframes hflash{0%{color:#12a4d9;text-shadow:0 0 22px rgba(18,164,217,.55)}}
  .flash{animation:hflash 1.4s ease-out}
  @media(prefers-reduced-motion:reduce){.flash{animation:none}}
  nav a:hover{color:var(--blue)}
  .btn{display:inline-block;padding:14px 26px;font-weight:600;font-size:15px;border:2px solid var(--blue);background:var(--blue);color:#fff;border-radius:3px;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}
  .btn:hover{background:var(--blue-dark);border-color:var(--blue-dark)}
  .btn.ghost{background:#fff;color:var(--blue)}
  .btn.ghost:hover{background:var(--bg-soft)}
  .btn.sm{padding:12px 22px;font-size:14px}
  .menu-btn{display:none;background:none;border:1px solid var(--line);border-radius:4px;width:42px;height:42px;cursor:pointer}
  .menu-btn span{display:block;width:20px;height:2px;background:var(--ink);margin:4px auto}

  /* Hero */
  .hero{position:relative;overflow:hidden;padding:88px 0 72px;background:var(--bg-soft)}
  .hero::before{content:"";position:absolute;left:0;right:0;bottom:0;aspect-ratio:1600/551;background:var(--scene) center bottom/100% 100% no-repeat;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 24%,#000 80%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 24%,#000 80%,transparent 100%)}
  .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(238,246,253,.92) 0,rgba(238,246,253,.72) 34%,rgba(238,246,253,0) 56%)}
  .hero .wrap{position:relative;z-index:1}
  .hero-grid > div{max-width:560px}
  .hero-grid{display:block}
  h1{font-size:clamp(34px,5vw,56px);line-height:1.1;font-weight:700;letter-spacing:-.5px}
  .lead{margin:26px 0 32px;font-size:18px;color:var(--muted);max-width:520px}
  .cta{display:flex;gap:14px;flex-wrap:wrap}
  .stats{display:flex;gap:26px;margin-top:48px;flex-wrap:nowrap}
  .stat{border-left:2px solid var(--cyan);padding-left:16px;flex:0 0 auto}
  .stat b{display:block;font-size:24px;color:#0a2a5c}
  .stat small{font-size:13px;color:var(--muted);display:block;text-wrap:balance;max-width:124px}

  /* Sections */
  section{padding:84px 0}
  .soft{background:var(--bg-soft)}
  .eyebrow{font-size:14px;font-weight:600;color:var(--blue);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
  h2{font-size:clamp(26px,3.4vw,38px);line-height:1.2;font-weight:700;letter-spacing:-.3px;max-width:720px}
  .sub{margin-top:16px;color:var(--muted);font-size:17px;max-width:640px}

  .about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;margin-top:8px}
  .about-grid p{color:var(--muted);margin-top:18px;font-size:17px}
  .facts{display:grid;gap:0;align-content:start;margin-top:8px}
  .fact{padding:20px 0;border-top:1px solid var(--line)}
  .fact:last-child{border-bottom:1px solid var(--line)}
  .fact b{display:block;font-size:20px;color:#0a2a5c}
  .fact span{color:var(--muted);font-size:15px}

  .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px}
  .card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px;transition:box-shadow .2s,transform .2s}
  .card:hover{box-shadow:0 14px 30px -16px rgba(11,79,179,.3);transform:translateY(-2px)}
  .icon{width:44px;height:44px;border-radius:8px;background:#e8f1fc;display:grid;place-items:center;margin-bottom:18px}
  .icon svg{width:24px;height:24px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .card h3{font-size:18px;margin-bottom:8px}
  .card p{color:var(--muted);font-size:15px}
  .card ul{margin-top:12px;padding-left:18px;color:var(--muted);font-size:14.5px}
  .card ul li{margin:3px 0}
  .card .link{display:inline-block;margin-top:16px;font-weight:600;font-size:14.5px;color:var(--blue)}
  .card .link:hover{text-decoration:underline}

  .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:44px}
  .why{border-top:3px solid var(--cyan);padding-top:18px}
  .why h3{font-size:18px;margin-bottom:8px}
  .why p{color:var(--muted);font-size:15px}

  /* Section head with full product picture */
  :root{--scene:url(hero-scene.webp)}
  .sec-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center}
  .sec-head.flip{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
  .sec-head.flip .sec-img{order:-1}
  .sec-head h2,.sec-head .sub{max-width:none}
  .sec-img{width:100%;aspect-ratio:880/445;background:var(--scene) center/contain no-repeat;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 8%,#000 92%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 8%,#000 92%,transparent 100%);mask-composite:intersect}

  /* Contact */
  .contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;margin-top:0;align-items:start}
  .contact-grid .sub{margin-bottom:28px}
  .info-item{padding:18px 0;border-top:1px solid var(--line)}
  .info-item:last-child{border-bottom:1px solid var(--line)}
  .info-item small{display:block;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.8px}
  .info-item a,.info-item span{font-size:18px;font-weight:500}
  .info-item a:hover{color:var(--blue)}
  form{background:#fff;border:1px solid var(--line);border-radius:8px;padding:26px 30px 20px}
  .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  label{display:block;font-size:14px;font-weight:500;margin-bottom:6px}
  input,select,textarea{width:100%;padding:12px 14px;border:1px solid #cfd7e2;border-radius:4px;font:inherit;font-size:15px;background:#fff;color:var(--ink)}
  input:focus,select:focus,textarea:focus{outline:2px solid rgba(11,79,179,.25);border-color:var(--blue)}
  .field{margin-bottom:16px}
  textarea{min-height:110px;resize:vertical}
  .form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
  .note{font-size:13px;color:var(--muted);margin-top:14px}
  .hidden{display:none!important}

  /* Plans */
  .plan{position:relative;display:flex;flex-direction:column}
  .plan.featured{border:2px solid var(--blue);box-shadow:0 18px 36px -20px rgba(11,79,179,.4)}
  .plan .badge{position:absolute;top:-13px;left:24px;background:var(--blue);color:#fff;font-size:12px;font-weight:600;letter-spacing:.4px;padding:4px 12px;border-radius:20px}
  .plan-for{margin-bottom:4px}
  .plan ul{flex:1;margin-bottom:20px}
  .plan-price{font-weight:600;color:#0a2a5c;margin-bottom:14px}
  .plan .btn{text-align:center}
  .form-msg{font-size:14px;margin-top:10px}
  .form-msg:empty{display:none}
  .form-msg.ok{color:#15803d}
  .form-msg.err{color:#b42318}

  /* Footer */
  footer{background:#0a1d3d;color:#c9d6ea;padding:48px 0 28px}
  .foot{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;align-items:flex-start}
  footer .brand{color:#fff;font-size:22px}
  footer p.tag{margin-top:8px;font-size:14px;color:#9fb2d0}
  footer ul{list-style:none;display:flex;gap:26px;flex-wrap:wrap}
  footer a:hover{color:#fff}
  .foot-brand{display:flex;align-items:center;gap:16px}
  .foot-logo{background:#fff;border-radius:10px;padding:8px 10px;display:grid;place-items:center}
  .foot-logo img{height:44px;width:auto;display:block}
  .copy{margin-top:36px;padding-top:20px;border-top:1px solid #1d3359;font-size:13px;color:#8aa0c4}

  /* Floating WhatsApp */
  .wa{position:fixed;right:20px;bottom:20px;z-index:60;background:#25d366;color:#fff;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,0,0,.25)}
  .wa svg{width:28px;height:28px;fill:#fff}

  /* Mail fallback dialog */
  .mail-modal{position:fixed;inset:0;background:rgba(10,29,61,.55);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}
  .mail-modal.show{display:flex}
  .mail-box{background:#fff;border-radius:10px;max-width:440px;width:100%;padding:28px;box-shadow:0 30px 60px -20px rgba(0,0,0,.45)}
  .mail-box h3{font-size:20px;margin-bottom:6px}
  .mail-box p{color:var(--muted);font-size:15px;margin-bottom:18px}
  .mail-box .opts{display:grid;gap:10px}
  .mail-box .btn{text-align:center;width:100%}
  .mail-box .close{margin-top:14px;background:none;border:0;color:var(--muted);font:inherit;font-size:14px;cursor:pointer;width:100%;padding:8px}
  .mail-box .copied{font-size:13px;color:#15803d;text-align:center;min-height:18px;margin-top:8px}

  /* Responsive */
  @media (max-width:960px){
    .menu-btn{display:block}
    nav{position:absolute;top:72px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);display:none}
    nav.open{display:block}
    nav ul{flex-direction:column;gap:0;padding:8px 24px 16px}
    nav li a{display:block;padding:12px 0;border-bottom:1px solid var(--line)}
    .sec-head,.sec-head.flip{grid-template-columns:1fr;gap:20px}
    .sec-head.flip .sec-img{order:0}
    .sec-img{max-width:560px;margin:0 auto}
    .hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:40px}
    .grid{grid-template-columns:repeat(2,1fr)}
    .why-grid{grid-template-columns:repeat(2,1fr)}
    .hero{padding:56px 0 min(52vw,340px)}
    .hero::before{aspect-ratio:auto;top:auto;height:min(52vw,340px);background-size:auto 100%;background-position:right bottom;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 82%,transparent 100%)}
    .hero::after{background:linear-gradient(180deg,rgba(238,246,253,.55) 0,rgba(238,246,253,0) 70%)}
  }
  @media (max-width:760px){
    .stats{flex-wrap:wrap;gap:24px}
    .stat small{max-width:none}
    .grid,.why-grid,.row{grid-template-columns:1fr}
    section{padding:60px 0}
  }

  /* header + footer wordmark use the exact logo colours */
  body{background:var(--bg-soft)}
  .soft{background:transparent}
  header{background:rgba(238,246,253,.96)}
  nav{background:var(--bg-soft)}
  /* motion */
  @keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
  @keyframes heroIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  @keyframes bgDrift{from{background-position:center bottom;transform:scale(1)}to{transform:scale(1.035)}}
  .hero h1,.hero p,.hero .btn,.page-hero h1,.page-hero p{animation:heroIn .8s ease both}
  .hero p{animation-delay:.12s}.hero .btn{animation-delay:.24s}
  .js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
  .js .rv.in{opacity:1;transform:none}
  header{transition:box-shadow .25s}
  header.scrolled{box-shadow:0 6px 20px -10px rgba(2,34,79,.35)}
  .card:hover{transform:translateY(-4px)}
  .btn{transition:transform .2s,box-shadow .2s,background .2s}
  .btn:hover{transform:translateY(-2px)}
  /* upgrades */
  .btn.sm{padding:9px 18px;font-size:14px}
  .btn.ghost.sm{background:#fff;color:var(--blue)}.btn.ghost.sm:hover{background:var(--blue-dark);border-color:var(--blue-dark);color:#fff}
  .btn.ghost:not(.sm):hover{background:var(--blue-dark);border-color:var(--blue-dark);color:#fff}
  .hactions{display:flex;align-items:center;gap:14px;margin-left:18px}
  .hcall{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;color:var(--blue-dark);white-space:nowrap}
  .hcall svg{width:20px;height:20px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .hcall:hover{color:var(--blue)}
  nav a,.hquote{white-space:nowrap}
  @media (min-width:961px){nav ul{gap:22px}.hactions{margin-left:14px;gap:10px}}
  @media (max-width:1240px){.hcall span{display:none}.hcall{width:40px;height:40px;border:1px solid var(--line);border-radius:6px;justify-content:center}}
  @media (max-width:960px){.hactions{margin-left:auto;margin-right:10px}}
  @media (max-width:600px){.hquote{display:none}.hactions{margin-right:8px}}
  .footlogo{display:inline-flex;margin-bottom:6px}.footlogo img{height:120px;width:auto}
  .wa{width:auto;min-width:56px;padding:0 18px 0 14px;gap:10px;grid-auto-flow:column}
  .wa-t{font-weight:600;font-size:15px;color:#fff;white-space:nowrap}
  @media (max-width:700px){.wa{width:56px;padding:0}.wa-t{display:none}}
  .dl-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:28px}
  .dl-row span{color:var(--muted);font-size:14.5px}
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px;counter-reset:s;position:relative}
  .step{background:#fff;border:1px solid var(--line);border-radius:10px;padding:28px;position:relative;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s}
  .step:hover{transform:translateY(-6px)!important;border-color:var(--blue);box-shadow:0 20px 34px -18px rgba(11,79,179,.4)}
  .step .n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;margin-bottom:16px}
  .step h3{font-size:18px;margin-bottom:8px}.step p{color:var(--muted);font-size:15px}
  @media (max-width:800px){.steps{grid-template-columns:1fr}}
  .faq{margin-top:32px;max-width:820px}
  .qa{background:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:12px;transition:border-color .2s,box-shadow .2s}
  .qa[open],.qa:hover{border-color:var(--blue)}
  .qa summary{cursor:pointer;list-style:none;padding:18px 52px 18px 22px;font-weight:600;font-size:16.5px;position:relative}
  .qa summary::-webkit-details-marker{display:none}
  .qa summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:24px;font-weight:400;color:var(--blue);transition:transform .25s}
  .qa[open] summary::after{transform:translateY(-50%) rotate(45deg)}
  .qa p{padding:0 22px 20px;color:var(--muted);font-size:15.5px}
  .lockup img{height:56px;width:auto;display:block}
  .brand-col{gap:2px}
  .brand-col .brand-tag{font-size:12px;font-weight:500;color:#02224f;letter-spacing:.35px;padding-left:2px}
  .brand-col{padding:8px 0}
  .footlock img{height:84px}
  @media (max-width:600px){.lockup img{height:42px}.brand-col .brand-tag{font-size:10.5px;letter-spacing:.2px}}
  /* wide-screen fill */
  :root{--cw:1120px}
  @media (min-width:1500px){:root{--cw:1280px}.wrap{max-width:1280px}}
  @media (min-width:1280px){
    section:not(.hero){position:relative;overflow:hidden}
    section:not(.hero)>.wrap{position:relative;z-index:1}
    section:not(.hero)::before,section:not(.hero)::after{content:"";position:absolute;pointer-events:none;background-repeat:no-repeat;z-index:0}
    section:not(.hero)::before{left:max(10px,calc((100vw - var(--cw))/2 - 250px));top:70px;width:220px;height:300px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22220%22%20height%3D%22300%22%20viewBox%3D%220%200%20220%20300%22%3E%3Cg%20fill%3D%22%230b4fb3%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2230%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2250%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2270%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2290%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%22110%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%22130%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%22150%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%22170%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%22190%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%22210%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%22230%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%22250%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%22270%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%22290%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2210%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2230%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2250%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2270%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2290%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%22110%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%22130%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%22150%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%22170%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%22190%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%22210%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%22230%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%22250%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%22270%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%22290%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2210%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2230%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2270%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2290%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%22110%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%22130%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%22150%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%22170%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%22190%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%22210%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%22230%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%22250%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%22270%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%22290%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%2210%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%2230%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%2250%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%2270%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%2290%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%22110%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%22130%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%22150%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%22170%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%22190%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%22210%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%22230%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%22250%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%22270%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%22290%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2290%22%20cy%3D%2210%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2290%22%20cy%3D%2230%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2290%22%20cy%3D%2250%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%2290%22%20cy%3D%2270%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2290%22%20cy%3D%2290%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2290%22%20cy%3D%22110%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%2290%22%20cy%3D%22130%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2290%22%20cy%3D%22150%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2290%22%20cy%3D%22170%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%2290%22%20cy%3D%22190%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2290%22%20cy%3D%22210%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2290%22%20cy%3D%22230%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%2290%22%20cy%3D%22250%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2290%22%20cy%3D%22270%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2290%22%20cy%3D%22290%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%2210%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%2230%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%2250%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%2270%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%2290%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22110%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22130%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22150%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22170%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22190%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22210%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22230%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22250%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22270%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22290%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22130%22%20cy%3D%2210%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22130%22%20cy%3D%2230%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22130%22%20cy%3D%2250%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22130%22%20cy%3D%2270%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22130%22%20cy%3D%2290%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22130%22%20cy%3D%22110%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22130%22%20cy%3D%22130%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22130%22%20cy%3D%22150%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22130%22%20cy%3D%22170%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22130%22%20cy%3D%22190%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22130%22%20cy%3D%22210%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22130%22%20cy%3D%22230%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22130%22%20cy%3D%22250%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22130%22%20cy%3D%22270%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22130%22%20cy%3D%22290%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%2210%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%2230%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%2250%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%2270%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%2290%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%22110%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%22130%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%22150%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%22170%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%22190%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%22210%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%22230%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%22250%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%22270%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%22290%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22170%22%20cy%3D%2210%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22170%22%20cy%3D%2230%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22170%22%20cy%3D%2250%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22170%22%20cy%3D%2270%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22170%22%20cy%3D%2290%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22170%22%20cy%3D%22110%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22170%22%20cy%3D%22130%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22170%22%20cy%3D%22150%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22170%22%20cy%3D%22170%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22170%22%20cy%3D%22190%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22170%22%20cy%3D%22210%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22170%22%20cy%3D%22230%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22170%22%20cy%3D%22250%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22170%22%20cy%3D%22270%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22170%22%20cy%3D%22290%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22190%22%20cy%3D%2210%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22190%22%20cy%3D%2230%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22190%22%20cy%3D%2250%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22190%22%20cy%3D%2270%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22190%22%20cy%3D%2290%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22190%22%20cy%3D%22110%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22190%22%20cy%3D%22130%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22190%22%20cy%3D%22150%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22190%22%20cy%3D%22170%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22190%22%20cy%3D%22190%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22190%22%20cy%3D%22210%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22190%22%20cy%3D%22230%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22190%22%20cy%3D%22250%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22190%22%20cy%3D%22270%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22190%22%20cy%3D%22290%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22210%22%20cy%3D%2210%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22210%22%20cy%3D%2230%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22210%22%20cy%3D%2250%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22210%22%20cy%3D%2270%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22210%22%20cy%3D%2290%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22210%22%20cy%3D%22110%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22210%22%20cy%3D%22130%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22210%22%20cy%3D%22150%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22210%22%20cy%3D%22170%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22210%22%20cy%3D%22190%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22210%22%20cy%3D%22210%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22210%22%20cy%3D%22230%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3Ccircle%20cx%3D%22210%22%20cy%3D%22250%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22210%22%20cy%3D%22270%22%20r%3D%222.4%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22210%22%20cy%3D%22290%22%20r%3D%223.4%22%20opacity%3D%220.9%22/%3E%3C/g%3E%3C/svg%3E");opacity:.22}
    section:not(.hero)::after{right:max(-40px,calc((100vw - var(--cw))/2 - 300px));bottom:50px;width:300px;height:300px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22300%22%20height%3D%22300%22%20viewBox%3D%220%200%20300%20300%22%20fill%3D%22none%22%20stroke-linejoin%3D%22round%22%3E%3Cpolygon%20points%3D%22262.6%2C215.0%20150.0%2C280.0%2037.4%2C215.0%2037.4%2C85.0%20150.0%2C20.0%20262.6%2C85.0%22%20stroke%3D%22%230b4fb3%22%20stroke-width%3D%222%22%20opacity%3D%220.55%22/%3E%3Cpolygon%20points%3D%22234.9%2C199.0%20150.0%2C248.0%2065.1%2C199.0%2065.1%2C101.0%20150.0%2C52.0%20234.9%2C101.0%22%20stroke%3D%22%2312a4d9%22%20stroke-width%3D%222%22%20opacity%3D%220.7%22/%3E%3Cpolygon%20points%3D%22207.2%2C183.0%20150.0%2C216.0%2092.8%2C183.0%2092.8%2C117.0%20150.0%2C84.0%20207.2%2C117.0%22%20stroke%3D%22%230b4fb3%22%20stroke-width%3D%222.5%22%20opacity%3D%220.8%22/%3E%3Cpolygon%20points%3D%22179.4%2C167.0%20150.0%2C184.0%20120.6%2C167.0%20120.6%2C133.0%20150.0%2C116.0%20179.4%2C133.0%22%20stroke%3D%22%2312a4d9%22%20stroke-width%3D%223%22%20opacity%3D%220.9%22/%3E%3C/svg%3E");opacity:.16}
    section:nth-of-type(even):not(.hero)::before{left:auto;right:max(10px,calc((100vw - var(--cw))/2 - 250px))}
    section:nth-of-type(even):not(.hero)::after{right:auto;left:max(-40px,calc((100vw - var(--cw))/2 - 300px))}
  }
  /* glass look */
  html{background:#e6f1fc}
  body{background:transparent;position:relative}
  body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
    background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%221800%22%20height%3D%221000%22%20viewBox%3D%220%200%201800%201000%22%20fill%3D%22none%22%3E%3Cpolygon%20points%3D%22213.2%2C1000.0%2040.0%2C1100.0%20-133.2%2C1000.0%20-133.2%2C800.0%2040.0%2C700.0%20213.2%2C800.0%22%20stroke%3D%22%230b4fb3%22%20stroke-width%3D%222.5%22%20stroke-linejoin%3D%22round%22%20opacity%3D%220.14%22/%3E%3Cpolygon%20points%3D%22169.9%2C975.0%2040.0%2C1050.0%20-89.9%2C975.0%20-89.9%2C825.0%2040.0%2C750.0%20169.9%2C825.0%22%20stroke%3D%22%2312a4d9%22%20stroke-width%3D%222.5%22%20stroke-linejoin%3D%22round%22%20opacity%3D%220.19%22/%3E%3Cpolygon%20points%3D%22126.6%2C950.0%2040.0%2C1000.0%20-46.6%2C950.0%20-46.6%2C850.0%2040.0%2C800.0%20126.6%2C850.0%22%20stroke%3D%22%230b4fb3%22%20stroke-width%3D%222.5%22%20stroke-linejoin%3D%22round%22%20opacity%3D%220.24000000000000002%22/%3E%3Cpolygon%20points%3D%2283.3%2C925.0%2040.0%2C950.0%20-3.3%2C925.0%20-3.3%2C875.0%2040.0%2C850.0%2083.3%2C875.0%22%20stroke%3D%22%2312a4d9%22%20stroke-width%3D%222.5%22%20stroke-linejoin%3D%22round%22%20opacity%3D%220.29000000000000004%22/%3E%3Cpolygon%20points%3D%221933.2%2C200.0%201760.0%2C300.0%201586.8%2C200.0%201586.8%2C-0.0%201760.0%2C-100.0%201933.2%2C-0.0%22%20stroke%3D%22%230b4fb3%22%20stroke-width%3D%222.5%22%20stroke-linejoin%3D%22round%22%20opacity%3D%220.14%22/%3E%3Cpolygon%20points%3D%221889.9%2C175.0%201760.0%2C250.0%201630.1%2C175.0%201630.1%2C25.0%201760.0%2C-50.0%201889.9%2C25.0%22%20stroke%3D%22%2312a4d9%22%20stroke-width%3D%222.5%22%20stroke-linejoin%3D%22round%22%20opacity%3D%220.19%22/%3E%3Cpolygon%20points%3D%221846.6%2C150.0%201760.0%2C200.0%201673.4%2C150.0%201673.4%2C50.0%201760.0%2C0.0%201846.6%2C50.0%22%20stroke%3D%22%230b4fb3%22%20stroke-width%3D%222.5%22%20stroke-linejoin%3D%22round%22%20opacity%3D%220.24000000000000002%22/%3E%3Cpolygon%20points%3D%221803.3%2C125.0%201760.0%2C150.0%201716.7%2C125.0%201716.7%2C75.0%201760.0%2C50.0%201803.3%2C75.0%22%20stroke%3D%22%2312a4d9%22%20stroke-width%3D%222.5%22%20stroke-linejoin%3D%22round%22%20opacity%3D%220.29000000000000004%22/%3E%3C/svg%3E") center/cover no-repeat,
      radial-gradient(900px 600px at 8% 12%,rgba(18,164,217,.35),transparent 60%),
      radial-gradient(1000px 700px at 95% 20%,rgba(11,79,179,.28),transparent 60%),
      radial-gradient(900px 700px at 70% 100%,rgba(18,164,217,.30),transparent 60%),
      linear-gradient(160deg,#eaf4fd 0%,#d6e9fa 55%,#e3f0fb 100%)}
  section,.soft{background:transparent!important}
  .card,.step,.qa,.founder,.plan,.why,form,.mail-box,.ptile{background:rgba(255,255,255,.62)!important;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border:1px solid rgba(255,255,255,.85)!important;box-shadow:0 10px 30px -18px rgba(11,79,179,.35)}
  .plan.featured{border:2px solid var(--blue)!important}
  .card:hover,.step:hover,.qa[open],.qa:hover{border-color:var(--blue)!important;background:rgba(255,255,255,.82)!important}
  header{background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  footer{background:rgba(255,255,255,.55)}
  section:not(.hero)::before,section:not(.hero)::after{display:none!important}
  /* why boxes = same shape as cards */
  .why{border-radius:10px!important;padding:28px!important}
  .why-grid{gap:22px}
  .why:hover{border-color:var(--blue)!important;box-shadow:0 20px 34px -18px rgba(11,79,179,.4)}
  /* section pictures = same hero image, bigger */
  .sec-head,.sec-head.flip{grid-template-columns:1fr;gap:8px}
  .sec-head.flip .sec-img{order:0}
  .sec-img{width:100%;max-width:1060px;margin:0 auto;aspect-ratio:1060/620;background:var(--scene) 100% 50%/auto 100% no-repeat}
  .sec-head .sub{max-width:720px}
  /* full-width hero-style bands for section heads */
  @media (min-width:961px){
    section{overflow-x:clip}
    .sec-head,.sec-head.flip{display:block;position:relative;min-height:calc(min(100vw,2000px)*0.34);padding:64px 0 40px}
    .sec-head>div:not(.sec-img){position:relative;z-index:2;max-width:520px}
    .sec-head .sub{max-width:480px}
    .sec-head .sec-img{position:absolute;top:0;bottom:0;left:50%;width:100vw;max-width:none;margin:0;transform:translateX(-50%);aspect-ratio:auto;z-index:0;
      background:var(--scene) center bottom/100% auto no-repeat;
      -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 82%,transparent 100%)}
    .sec-head::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:1;pointer-events:none;
      background:linear-gradient(90deg,rgba(238,246,253,.92) 0,rgba(238,246,253,.72) 34%,rgba(238,246,253,0) 56%)}
  }
  .shc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}
  @media (max-width:900px){.shc-grid{grid-template-columns:1fr}}
  @media (min-width:961px) and (max-width:1120px){.hquote{display:none}nav ul{gap:16px}}
  @media (min-width:1121px) and (max-width:1360px){nav ul{gap:15px}.hactions{margin-left:8px}}
  .sec-points{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}
  .sec-points li{display:flex;gap:10px;align-items:flex-start;font-weight:500;font-size:15.5px;color:var(--ink)}
  .sec-points svg{flex:none;width:22px;height:22px;padding:4px;border-radius:50%;background:var(--blue);stroke:#fff;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
  .sec-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
  .sec-head .sec-cta .btn.ghost{background:#fff}
  .sec-head .sec-cta .btn.ghost:hover,.sec-head .sec-cta .btn.ghost:focus-visible{background:var(--blue-dark)!important;color:#fff!important;border-color:var(--blue-dark)!important}
  /* about: right column starts level with the heading */
  @media (min-width:961px){
    #about>.wrap{display:grid;grid-template-columns:1.2fr .8fr;column-gap:64px;grid-template-rows:auto auto 1fr;align-items:start}
    #about .eyebrow,#about h2{grid-column:1}
    #about .eyebrow{grid-row:1}#about h2{grid-row:2}
    #about .about-grid{display:contents}
    #about .about-grid>div:first-child{grid-column:1;grid-row:3}
    #about .facts{grid-column:2;grid-row:1/4;margin-top:0}
  }
  .copy{font-size:14.5px;font-weight:600;color:#1f3a5f}
  .udyam{font-size:14.5px;font-weight:600;opacity:1;color:#1f3a5f}
  .card.clk{position:relative;cursor:pointer}
  .card.clk .link{margin-top:14px}
  .card.clk .link::after{content:"";position:absolute;inset:0;border-radius:inherit}
  .card.clk .link,.card.clk .link:hover{transform:none!important}
  .card.clk:hover .link{text-decoration:underline}
  /* hover movement */
  .card{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s}
  .card:hover{transform:translateY(-8px)!important;border-color:var(--blue);box-shadow:0 22px 38px -18px rgba(11,79,179,.45)}
  .card .icon{transition:transform .35s cubic-bezier(.2,.8,.2,1),background .25s}
  .card .icon svg{transition:stroke .25s}
  .card:hover .icon{transform:translateY(-3px) rotate(-8deg) scale(1.12);background:var(--blue)}
  .card:hover .icon svg{stroke:#fff}
  .card h3{transition:color .25s}.card:hover h3{color:var(--blue)}
  .why{transition:transform .28s cubic-bezier(.2,.8,.2,1)}.why:hover{transform:translateY(-6px)!important}
  .why h3{transition:color .25s}.why:hover h3{color:var(--blue)}
  .btn{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,background .2s,color .2s,border-color .2s}
  .btn:hover{transform:translateY(-2px);box-shadow:none}
  .btn:active{transform:translateY(0)}
  .pbtn{transition:transform .22s,box-shadow .22s,background .2s,color .2s}
  .pbtn:hover{transform:translateY(-2px);background:var(--blue);color:#fff;box-shadow:none}
  .card .link{transition:transform .2s}.card .link:hover{transform:translateX(5px)}
  .info-item{transition:transform .2s}.info-item:hover{transform:translateX(4px)}
  @media (hover:none){.card:hover,.why:hover{transform:none}}
  @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.js .rv{opacity:1;transform:none}}
  .wordmark{line-height:1.05}
  .wordmark small{display:block;font-size:12.5px;font-weight:600;letter-spacing:.2em;margin-top:4px;color:#0d88c8;text-indent:.1em}
  .ptiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:36px 0 8px}
  .ptile{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 14px 20px;background:#fff;color:var(--ink);font-size:15px;font-weight:500;text-align:center;text-decoration:none;transition:background .2s,color .2s}
  .ptile img{width:100%;max-width:240px;height:auto;aspect-ratio:4/3;object-fit:contain;display:block;transition:transform .25s}
  .ptile:hover{background:#f4f9ff;color:var(--blue)}
  .pico{width:100%;max-width:240px;aspect-ratio:4/3;display:grid;place-items:center;color:var(--blue);transition:transform .25s}
  .pico svg{width:88px;height:88px}
  .ptile:hover img,.ptile:hover .pico{transform:translateY(-6px) scale(1.05)}
  .ptile:hover span:last-child{color:var(--blue)}
  @media (max-width:560px){.ptiles{grid-template-columns:repeat(2,1fr)}.ptile{padding:16px 8px 14px;font-size:14px}}
  .brand-col{display:flex;flex-direction:column;gap:3px;padding:8px 0}
  .brand-tag{font-size:12.5px;font-weight:600;color:#111827;letter-spacing:.2px;line-height:1.2;white-space:nowrap}
  .nav{height:auto;min-height:72px}
  @media (max-width:960px){nav{top:100%}}
  @media (max-width:420px){.brand-tag{font-size:11.5px}}
  .wordmark{color:#02224f}
  .wordmark span{color:#0d88c8}
  footer{background:var(--bg-soft);color:#3a4553;border-top:1px solid var(--line)}
  footer p.tag{color:#111827;font-weight:600}
  footer a:hover{color:var(--blue)}
  .copy{border-top:1px solid var(--line);color:var(--muted)}

  /* product details popup */
  .pbtn{display:inline-block;margin:12px 14px 6px 0;padding:8px 14px;border:1px solid var(--blue);border-radius:6px;background:#fff;color:var(--blue);font:600 14px/1 inherit;cursor:pointer;transition:background .2s,color .2s}
  .pbtn:hover{background:var(--blue);color:#fff}
  dialog.pm{border:0;border-radius:14px;padding:0;width:min(640px,92vw);max-height:88vh;box-shadow:0 20px 60px rgba(2,34,79,.35);color:var(--ink)}
  dialog.pm::backdrop{background:rgba(2,34,79,.55)}
  .pm-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;background:#02224f;color:#fff}
  .pm-h h3{margin:0;font-size:20px;color:#fff}
  .pm-x{background:none;border:0;color:#fff;font-size:28px;line-height:1;cursor:pointer}
  .pm-b{padding:16px 22px 6px;overflow:auto;max-height:56vh}
  .pm-img{width:100%;height:auto;border-radius:8px;display:block;margin:0 0 6px}
  .pm-b h4{margin:14px 0 6px;color:#02224f;font-size:15px}
  .pm-b ul{margin:0 0 4px 18px;padding:0}.pm-b li{margin:3px 0;font-size:14.5px}
  .pm-note{padding:0 22px 4px;font-size:12.5px;color:var(--muted)}
  .pm-f{padding:12px 22px 20px;display:flex;gap:12px;flex-wrap:wrap}

  .founder{display:flex;gap:18px;align-items:center;padding:18px;margin-bottom:6px;background:#fff;border:1px solid var(--line);border-radius:12px}
  .founder img{width:96px;height:96px;border-radius:50%;object-fit:cover;flex:none;border:3px solid #eaf1fb}
  .founder b{display:block;font-size:18px;color:#02224f}
  .founder em{display:block;font-style:normal;font-weight:600;color:var(--blue);font-size:14px;margin:2px 0 6px}
  .founder span{font-size:14px;color:var(--muted);line-height:1.45}
  .wa-big{margin-top:22px;background:#1faa59;border-color:#1faa59;color:#fff}
  .wa-big:hover{background:#178a47;border-color:#178a47;color:#fff}
  .udyam{display:inline-block;margin-top:6px;font-size:13px;opacity:.9}

  /* sub-pages */
  h1.ph{font-size:clamp(28px,3.6vw,42px);line-height:1.18;font-weight:700;letter-spacing:-.4px;max-width:720px}
  .area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}
  .area-grid .card h3{font-size:17px}
  .area-grid .card ul{margin-top:10px}
  @media (max-width:900px){.area-grid{grid-template-columns:1fr 1fr}}
  @media (max-width:600px){.area-grid{grid-template-columns:1fr}}
  .cols2{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px}
  @media (max-width:800px){.cols2{grid-template-columns:1fr}}
  .tbl-wrap{overflow-x:auto;margin-top:32px;border:1px solid var(--line);border-radius:10px;background:#fff}
  table.cmp{border-collapse:collapse;width:100%;min-width:560px;font-size:15px}
  table.cmp th,table.cmp td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
  table.cmp th{background:#02224f;color:#fff;font-weight:600}
  table.cmp tr:last-child td{border-bottom:0}
  table.cmp td:first-child{font-weight:600;color:#02224f;background:#f4f9ff}
  .pg-cta{background:linear-gradient(135deg,#083a86,#0b4fb3);color:#fff;border-radius:14px;padding:44px;display:flex;gap:28px;align-items:center;justify-content:space-between;flex-wrap:wrap}
  .pg-cta h2{color:#fff;max-width:560px;font-size:clamp(22px,2.6vw,30px)}
  .pg-cta p{color:#d6e6ff;margin-top:8px;max-width:560px}
  .pg-cta .acts{display:flex;gap:12px;flex-wrap:wrap}
  .pg-cta .btn{background:#fff;color:var(--blue-dark);border-color:#fff}
  .pg-cta .btn.ghost{background:transparent;color:#fff;border-color:#fff}
  .pg-cta .btn:hover{background:#eaf3ff;color:var(--blue-dark)}
  .pg-cta .btn.ghost:hover{background:rgba(255,255,255,.14);color:#fff;border-color:#fff}
  .crumb{font-size:13.5px;color:var(--muted);margin-bottom:10px}.crumb a{color:var(--blue)}
  .tbl-wrap{background:rgba(255,255,255,.62)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.85)}
  table.cmp td:first-child{background:rgba(234,244,255,.7)}
  .note{font-size:14px;color:var(--muted);margin-top:14px;max-width:760px}