:root{
    --white:#FFFFFF; --cloud:#FAFCFD; --sky-glow:#EAF6FA; --sky-light:#D2ECF5;
    --blue:#4BB8D7; --blue-deep:#2E9DBE; --charcoal:#3A3A3A; --ink:#54595E;
    --soft:#8A9298; --line:#E6EEF2;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{font-family:'Nunito Sans','Segoe UI',sans-serif;color:var(--ink);background:var(--white);line-height:1.75;font-size:16.5px;}
  h1,h2,h3{font-family:'Poppins',sans-serif;font-weight:400;color:var(--charcoal);line-height:1.22;}
  .label{font-family:'Poppins',sans-serif;font-size:11.5px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--blue);}
  a{color:inherit;}
  a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:4px;}
  img{display:block;max-width:100%;height:auto;}
  .wrap{max-width:1140px;margin:0 auto;padding:0 28px;}
  header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}
  .nav{display:flex;align-items:center;justify-content:space-between;height:84px;}
  .brand img{height:44px;width:auto;}
  .nav-links{display:flex;align-items:center;gap:28px;list-style:none;}
  .nav-links a{font-family:'Poppins',sans-serif;font-size:14.5px;font-weight:400;color:var(--charcoal);text-decoration:none;transition:color .15s;}
  .nav-links a:hover,.nav-links a.active{color:var(--blue);}
  .btn{display:inline-block;font-family:'Poppins',sans-serif;font-weight:500;font-size:15px;padding:14px 32px;border-radius:100px;text-decoration:none;border:none;cursor:pointer;transition:all .18s ease;}
  .btn-blue{background:var(--blue);color:var(--white);box-shadow:0 6px 18px rgba(75,184,215,.3);}
  .btn-blue:hover{background:var(--blue-deep);box-shadow:0 8px 22px rgba(75,184,215,.38);transform:translateY(-1px);}
  .btn-soft{border:1.5px solid var(--line);color:var(--charcoal);background:var(--white);}
  .btn-soft:hover{border-color:var(--sky-light);background:var(--cloud);}
  .nav .btn{padding:10px 26px;font-size:14px;}
  section{padding:100px 0;}
  .sec-head{text-align:center;max-width:780px;margin:0 auto;}
  .sec-head .label{display:block;margin-bottom:20px;}
  .sec-title{font-size:clamp(30px,3.8vw,46px);font-weight:300;}
  .sec-title strong{font-weight:500;}
  .sec-sub{margin-top:20px;color:var(--soft);font-size:17px;}
  /* page hero */
  .page-hero{position:relative;background:var(--white);overflow:hidden;border-bottom:1px solid var(--line);}
  .page-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 900px 480px at 50% -10%, var(--sky-glow) 0%, rgba(234,246,250,.45) 45%, transparent 74%);pointer-events:none;}
  .page-hero .wrap{position:relative;padding-top:84px;padding-bottom:76px;text-align:center;max-width:860px;}
  .page-hero .label{display:block;margin-bottom:24px;}
  .page-hero h1{font-size:clamp(36px,4.8vw,58px);font-weight:300;}
  .page-hero h1 strong{font-weight:500;color:var(--blue-deep);}
  .page-hero p{margin:24px auto 0;max-width:58ch;font-size:clamp(16.5px,1.5vw,18.5px);color:var(--soft);}
  /* home hero */
  .hero{position:relative;background:var(--white);overflow:hidden;}
  .hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 900px 560px at 22% 0%, var(--sky-glow) 0%, rgba(234,246,250,.45) 45%, transparent 74%);pointer-events:none;}
  .hero .wrap{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;padding-top:80px;padding-bottom:88px;}
  .hero .label{display:block;margin-bottom:26px;}
  .hero h1{font-size:clamp(36px,4.8vw,58px);font-weight:300;}
  .hero h1 strong{font-weight:500;color:var(--blue-deep);}
  .hero p.lede{margin-top:26px;max-width:54ch;font-size:clamp(16.5px,1.5vw,18.5px);color:var(--soft);}
  .hero-ctas{display:flex;gap:16px;margin-top:38px;flex-wrap:wrap;}
  .hero-photo{position:relative;}
  .hero-photo::before{content:"";position:absolute;inset:-22px -22px auto auto;width:70%;height:70%;border-radius:32px;background:var(--sky-glow);z-index:0;}
  .hero-photo img{position:relative;z-index:1;border-radius:28px;box-shadow:0 24px 60px rgba(58,58,58,.14);}
  .ribbon{background:var(--cloud);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .ribbon .wrap{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px;text-align:center;}
  .ribbon .dot{color:var(--blue);font-size:17px;}
  .ribbon a{font-family:'Poppins',sans-serif;font-size:14.5px;color:var(--charcoal);text-decoration:none;}
  .ribbon a:hover{color:var(--blue-deep);}
  /* cards / board */
  .board{margin-top:64px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
  .card{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:38px 34px;display:flex;flex-direction:column;gap:16px;box-shadow:0 10px 30px rgba(58,58,58,.05);text-align:left;}
  .card.law{background:linear-gradient(180deg,var(--cloud),var(--white));border-color:var(--sky-light);}
  .card .state{font-family:'Poppins',sans-serif;font-weight:500;font-size:26px;color:var(--charcoal);}
  .status{display:inline-flex;align-items:center;gap:9px;font-family:'Poppins',sans-serif;font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:8px 16px;border-radius:100px;width:fit-content;}
  .status.law{background:var(--sky-glow);color:var(--blue-deep);}
  .status.progress{background:#F4F6F7;color:var(--soft);}
  .glow-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px rgba(75,184,215,.18);animation:glow 2.4s ease-in-out infinite;}
  @keyframes glow{0%,100%{opacity:1;}50%{opacity:.35;}}
  @media (prefers-reduced-motion: reduce){.glow-dot{animation:none;}}
  .card p{font-size:15px;}
  .card .meta{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-family:'Poppins',sans-serif;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);}
  .board-foot{margin-top:36px;text-align:center;color:var(--soft);font-size:15.5px;max-width:640px;margin-left:auto;margin-right:auto;}
  /* pillars */
  .pillars-sec{background:var(--cloud);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .pillars{margin-top:64px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
  .pillar{background:var(--white);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(58,58,58,.04);display:flex;flex-direction:column;}
  .pillar img{width:100%;height:220px;object-fit:cover;}
  .pillar .body{padding:32px 30px 36px;}
  .pillar h3{font-size:20px;font-weight:500;margin-bottom:12px;}
  .pillar p{font-size:15px;color:var(--soft);}
  /* quote band */
  .quote-band .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;}
  .quote-band img{border-radius:24px;box-shadow:0 20px 50px rgba(58,58,58,.12);}
  .quote-band blockquote{font-family:'Poppins',sans-serif;font-weight:300;font-size:clamp(26px,3vw,38px);line-height:1.35;color:var(--charcoal);}
  .quote-band blockquote strong{font-weight:500;color:var(--blue-deep);}
  .quote-band .attr{margin-top:24px;color:var(--soft);font-size:15.5px;max-width:46ch;}
  /* feature rows */
  .feature{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;padding:70px 0;}
  .feature + .feature{border-top:1px solid var(--line);}
  .feature img{border-radius:24px;box-shadow:0 20px 50px rgba(58,58,58,.12);}
  .feature h2{font-size:clamp(26px,3vw,38px);font-weight:300;}
  .feature h2 strong{font-weight:500;}
  .feature .label{display:block;margin-bottom:16px;}
  .feature p{margin-top:16px;color:var(--soft);font-size:16px;}
  .feature ul{margin-top:20px;list-style:none;display:flex;flex-direction:column;gap:12px;}
  .feature ul li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;}
  .feature ul li::before{content:"✦";color:var(--blue);flex:0 0 auto;font-size:13px;margin-top:4px;}
  .feature .btn{margin-top:26px;}
  @media (min-width:921px){ .feature.rev > .f-photo{order:2;} }
  /* help points */
  .help-sec{background:var(--cloud);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .help-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
  .help-grid .sec-head{text-align:left;margin:0;}
  .help-points{list-style:none;margin-top:36px;display:flex;flex-direction:column;gap:22px;}
  .help-points li{display:flex;gap:20px;align-items:flex-start;}
  .help-points .mini{flex:0 0 46px;height:46px;border-radius:50%;background:var(--sky-glow);display:flex;align-items:center;justify-content:center;}
  .help-points .mini svg{width:20px;height:20px;stroke:var(--blue);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
  .help-points h3{font-size:18px;font-weight:500;margin-bottom:4px;}
  .help-points p{font-size:15px;color:var(--soft);}
  .help-photo img{border-radius:24px;box-shadow:0 20px 50px rgba(58,58,58,.12);}
  /* timeline */
  .timeline{margin:64px auto 0;max-width:720px;position:relative;padding-left:36px;}
  .timeline::before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:var(--sky-light);border-radius:2px;}
  .tl-item{position:relative;padding:0 0 44px 24px;}
  .tl-item:last-child{padding-bottom:0;}
  .tl-item::before{content:"";position:absolute;left:-36px;top:7px;width:20px;height:20px;border-radius:50%;background:var(--white);border:2px solid var(--sky-light);}
  .tl-item.done::before{background:var(--blue);border-color:var(--blue);}
  .tl-item.now::before{border-color:var(--blue);box-shadow:0 0 0 4px rgba(75,184,215,.16);}
  .tl-item h3{font-size:19px;font-weight:500;}
  .tl-item .when{font-family:'Poppins',sans-serif;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue-deep);margin-bottom:6px;display:block;}
  .tl-item p{font-size:15px;color:var(--soft);margin-top:6px;max-width:56ch;}
  /* insights */
  .insights{margin-top:64px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
  .insight{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:36px 32px;text-decoration:none;display:flex;flex-direction:column;gap:14px;box-shadow:0 10px 30px rgba(58,58,58,.04);transition:transform .16s ease,box-shadow .16s ease;text-align:left;}
  .insight:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(58,58,58,.08);}
  .insight .label{font-size:10.5px;}
  .insight h3{font-size:19px;font-weight:500;line-height:1.35;}
  .insight .read{margin-top:auto;font-family:'Poppins',sans-serif;font-size:13.5px;font-weight:500;color:var(--blue-deep);}
  /* split (photo + text) */
  .split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
  .split .s-photo{position:relative;}
  .split .s-photo::before{content:"";position:absolute;inset:auto auto -22px -22px;width:70%;height:70%;border-radius:32px;background:var(--sky-glow);}
  .split .s-photo img{position:relative;border-radius:24px;box-shadow:0 20px 50px rgba(58,58,58,.12);}
  .split h2{font-size:clamp(30px,3.8vw,46px);font-weight:300;}
  .split h2 strong{font-weight:500;}
  .split p{margin-top:20px;max-width:50ch;color:var(--soft);font-size:16.5px;}
  .split .btn{margin-top:34px;font-size:16px;padding:16px 44px;}
  /* giving levels */
  .levels{margin-top:64px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
  .level{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:34px 28px;text-align:center;box-shadow:0 10px 30px rgba(58,58,58,.04);display:flex;flex-direction:column;gap:12px;}
  .level.hl{border-color:var(--sky-light);background:linear-gradient(180deg,var(--cloud),var(--white));}
  .level .amt{font-family:'Poppins',sans-serif;font-weight:500;font-size:34px;color:var(--blue-deep);}
  .level h3{font-size:17px;font-weight:500;}
  .level p{font-size:14px;color:var(--soft);}
  .level .btn{margin-top:auto;padding:11px 0;width:100%;font-size:14px;}
  /* prose */
  .prose{max-width:720px;margin:0 auto;}
  .prose p{margin-bottom:22px;font-size:17px;}
  .prose h2{font-size:clamp(24px,2.8vw,32px);font-weight:500;margin:44px 0 16px;}
  /* form */
  .contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:start;}
  .form{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:40px 38px;box-shadow:0 10px 30px rgba(58,58,58,.05);}
  .form label{display:block;font-family:'Poppins',sans-serif;font-size:13px;font-weight:500;color:var(--charcoal);margin:18px 0 7px;}
  .form input,.form textarea,.form select{width:100%;padding:13px 16px;border:1.5px solid var(--line);border-radius:12px;font-family:'Nunito Sans',sans-serif;font-size:15px;color:var(--ink);background:var(--white);}
  .form input:focus,.form textarea:focus,.form select:focus{outline:none;border-color:var(--blue);}
  .form .btn{margin-top:26px;width:100%;}
  .side-box{background:var(--cloud);border:1px solid var(--line);border-radius:20px;padding:34px 32px;}
  .side-box + .side-box{margin-top:22px;}
  .side-box h3{font-size:18px;font-weight:500;margin-bottom:10px;}
  .side-box p{font-size:15px;color:var(--soft);}
  .side-box.urgent{background:var(--sky-glow);border-color:var(--sky-light);}
  .side-box .big-line{font-family:'Poppins',sans-serif;font-size:17px;font-weight:500;color:var(--charcoal);margin-top:8px;}
  /* cta band */
  .cta-band{background:radial-gradient(ellipse 720px 400px at 50% 0%,var(--sky-glow),transparent 72%),var(--white);text-align:center;border-top:1px solid var(--line);}
  .cta-band h2{font-size:clamp(30px,3.8vw,46px);font-weight:300;max-width:20ch;margin:0 auto;}
  .cta-band h2 strong{font-weight:500;}
  .cta-band p{margin:20px auto 0;max-width:52ch;color:var(--soft);}
  .cta-band .btn{margin-top:34px;font-size:16px;padding:16px 44px;}
  footer{background:var(--cloud);border-top:1px solid var(--line);padding:70px 0 44px;color:var(--soft);}
  .foot-grid{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;align-items:center;}
  .foot-grid img{height:40px;width:auto;}
  .foot-links{display:flex;gap:30px;list-style:none;flex-wrap:wrap;}
  .foot-links a{font-family:'Poppins',sans-serif;font-size:13.5px;color:var(--charcoal);text-decoration:none;}
  .foot-links a:hover{color:var(--blue-deep);}
  .foot-legal{margin-top:48px;padding-top:26px;border-top:1px solid var(--line);font-size:13.5px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;}
  @media (max-width:920px){
    .hero .wrap,.quote-band .wrap,.help-grid,.split,.feature,.contact-grid{grid-template-columns:1fr;gap:44px;}
    .board,.pillars,.insights{grid-template-columns:1fr;}
    .levels{grid-template-columns:1fr 1fr;}
    .nav-links{display:none;}
    section{padding:72px 0;}
    .hero .wrap{padding-top:64px;padding-bottom:64px;}
    .brand img{height:36px;}
    .hero-photo::before,.split .s-photo::before{display:none;}
  }
  @media (max-width:560px){.levels{grid-template-columns:1fr;}}

  /* stats band */
  .stats{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
  .stat{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:40px 32px;text-align:center;box-shadow:0 10px 30px rgba(58,58,58,.05);}
  .stat .num{font-family:'Poppins',sans-serif;font-weight:500;font-size:clamp(38px,4.5vw,54px);color:var(--blue-deep);line-height:1.1;}
  .stat h3{font-size:17px;font-weight:500;margin-top:10px;}
  .stat p{font-size:14.5px;color:var(--soft);margin-top:8px;}
  .steps{margin-top:56px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
  .step{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:34px 28px;text-align:center;box-shadow:0 10px 30px rgba(58,58,58,.04);}
  .step .n{width:44px;height:44px;margin:0 auto 16px;border-radius:50%;background:var(--sky-glow);color:var(--blue-deep);font-family:'Poppins',sans-serif;font-weight:500;font-size:18px;display:flex;align-items:center;justify-content:center;}
  .step h3{font-size:17px;font-weight:500;margin-bottom:8px;}
  .step p{font-size:14.5px;color:var(--soft);}
  @media (max-width:920px){.stats{grid-template-columns:1fr;}.steps{grid-template-columns:1fr 1fr;}}
  @media (max-width:560px){.steps{grid-template-columns:1fr;}}