:root{
    --navy:#0A2E52; --navy-2:#0F3D66;
    --blue:#1B5FAE; --blue-light:#EAF2FB;
    --orange:#F7941D; --orange-light:#FDF1E1;
    --gold:#C98A00; --gold-light:#FDF4DE;
    --green:#1E8A5F; --green-light:#E9F5EF;
    --purple:#6C4BA6; --purple-light:#F1ECF8;
    --ink:#0E1B27; --muted:#5B6B78; --bg-soft:#F5F7FA; --white:#fff;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{margin:0; font-family:'IBM Plex Sans Arabic',sans-serif; color:var(--ink); background:#fff; line-height:1.65;}
  img{max-width:100%; display:block;}
  a{text-decoration:none; color:inherit;}
  ul{list-style:none; margin:0; padding:0;}
  button{font-family:inherit;}
  .wrap{max-width:1180px; margin:0 auto; padding:0 24px;}
  svg.icon{width:22px; height:22px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}

    header{position:sticky; top:0; z-index:60; background:rgba(255,255,255,.97); backdrop-filter:blur(8px); border-bottom:1px solid #ECEFF2;}
  .header-inner{display:flex; align-items:center; justify-content:space-between; height:82px;}
  .header-controls{display:flex; align-items:center; gap:10px;}
  .logo img{height:42px; width:auto;}
  nav.main-nav{display:flex; align-items:center; gap:8px;}
  nav.main-nav > a, .nav-drop > button{
    font-size:15px; color:#3C4C58; font-weight:500; padding:10px 14px; border-radius:8px;
    background:none; border:none; cursor:pointer; display:flex; align-items:center; gap:6px; transition:color .2s;
  }
  nav.main-nav > a:hover, .nav-drop > button:hover{color:var(--blue);}
  .nav-drop{position:relative;}
  .nav-drop .chev{transition:transform .2s;}
  .nav-drop:hover .chev{transform:rotate(180deg);}
  .dropdown{
    position:absolute; top:100%; right:0; margin-top:6px; background:#fff; border:1px solid #ECEFF2;
    border-radius:14px; box-shadow:0 18px 40px rgba(10,46,82,.14); padding:10px; min-width:300px;
    opacity:0; visibility:hidden; transform:translateY(6px); transition:all .18s;
  }
  .nav-drop:hover .dropdown{opacity:1; visibility:visible; transform:translateY(0);}
  .dropdown a{display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:10px; font-size:14.5px; color:#33434E; transition:background .15s;}
  .dropdown a:hover{background:var(--bg-soft);}
  .dropdown .dot{width:9px; height:9px; border-radius:50%; flex-shrink:0;}
  .menu-toggle{display:none; background:none; border:none; cursor:pointer; padding:6px; color:var(--ink);}
  .lang-switch{
    display:inline-flex; align-items:center; justify-content:center;
    min-width:38px; height:34px; padding:0 12px; 
    border:1.5px solid #D6DCE1; border-radius:999px;
    font-size:13px; font-weight:700; color:#3C4C58; letter-spacing:.02em;
    transition:all .2s;
  }
  .lang-switch:hover{border-color:var(--blue); color:var(--blue);}
  .logo{ display:inline-flex; align-items:center; }
  .logo img.theme-swap-dark{ display:none; }
  .mobile-nav .lang-switch{width:fit-content; margin:6px 0 0;}
  .mobile-nav{display:none; flex-direction:column; padding:16px 24px 22px; border-top:1px solid #ECEFF2;}
  .mobile-nav.open{display:flex;}
  .mobile-nav > a, .mnav-drop-btn{font-size:15px; color:#3C4C58; font-weight:500; padding:12px 4px; display:flex; align-items:center; justify-content:space-between; width:100%; background:none; border:none; text-align:start; cursor:pointer; font-family:inherit;}
  .mnav-sub{display:none; flex-direction:column; padding-right:14px;}
  .mnav-sub.open{display:flex;}
  .mnav-sub a{padding:9px 4px; font-size:14px; color:#5B6B78; display:flex; align-items:center; gap:10px;}

    .hero{position:relative; background:radial-gradient(1100px 480px at 78% -10%, #133F6B 0%, var(--navy) 55%, #08213B 100%); color:#fff; overflow:hidden; padding:76px 0 84px;}
  .hero::before{content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size:56px 56px; mask-image:linear-gradient(to bottom, black, transparent 80%); pointer-events:none;}
  .hero-grid{position:relative; display:grid; grid-template-columns:1.15fr 1fr; gap:40px; align-items:center;}
  .eyebrow-dot{display:inline-flex; align-items:center; gap:10px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); padding:8px 16px; border-radius:999px; font-size:13.5px; color:#CFE0F2; margin-bottom:26px;}
  .eyebrow-dot span.dot{width:7px; height:7px; border-radius:50%; background:var(--orange);}
  .hero h1{font-size:46px; line-height:1.24; font-weight:700; margin:0 0 22px;}
  .hero p.lead{font-size:18px; color:#C7D6E5; max-width:560px; margin:0 0 34px;}
  .btn{display:inline-flex; align-items:center; gap:8px; border-radius:999px; font-size:15px; font-weight:600; padding:13px 28px; transition:all .2s; white-space:nowrap;}
  .btn-outline-light{border:1.5px solid rgba(255,255,255,.5); color:#fff;}
  .btn-outline-light:hover{background:rgba(255,255,255,.12); transform:translateY(-1px);}
  .btn-wa{background:#25D366; color:#06341C;}
  .btn-wa:hover{background:#1fbd59; transform:translateY(-1px);}

  .hero-art{position:relative; height:380px;}
  .float-card{position:absolute; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); border-radius:16px; backdrop-filter:blur(6px); box-shadow:0 20px 44px rgba(0,0,0,.25);}
  .fc1{width:270px; height:170px; top:18px; right:18px; padding:18px;}
  .fc2{width:200px; height:110px; bottom:14px; left:0; padding:16px;}
  .fc-bars{display:flex; align-items:flex-end; gap:8px; height:70px; margin-top:14px;}
  .fc-bars div{width:16px; border-radius:4px 4px 0 0;}
  .node{position:absolute; width:14px; height:14px; border-radius:50%; box-shadow:0 0 0 5px rgba(255,255,255,.06);}

    section{padding:84px 0;}
  .section-head{max-width:640px; margin-bottom:52px;}
  .kicker{color:var(--orange); font-weight:700; font-size:14px; letter-spacing:.02em;}
  h2.section-title{font-size:31px; font-weight:700; color:var(--navy-2); margin:10px 0 14px;}
  .section-head p{color:var(--muted); font-size:16.5px;}

  .about{background:var(--bg-soft); border-top:1px solid #ECEFF2; border-bottom:1px solid #ECEFF2;}
  .about-grid{display:grid; grid-template-columns:1fr 1.4fr; gap:56px; align-items:start;}
  .about-grid .big-word{font-size:26px; font-weight:700; color:var(--navy-2); line-height:1.4;}
  .about-grid p{font-size:17px; color:var(--muted); line-height:1.85;}

    .story{position:relative;}
  .story::before{
    content:""; position:absolute; top:6px; bottom:6px; right:calc(50% - 1px); width:2px;
    background:repeating-linear-gradient(to bottom, #E3E8EC 0 8px, transparent 8px 16px);
  }
  .story-row{position:relative; display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; padding:46px 0;}
  .story-row + .story-row{border-top:1px solid #F0F2F4;}
  .story-row.reverse .story-visual{order:2;}
  .story-row.reverse .story-text{order:1;}
  .story-visual{position:relative; display:flex; align-items:center; justify-content:center;}
  .story-visual .blob{width:230px; height:230px; border-radius:38% 62% 60% 40% / 45% 40% 60% 55%; display:flex; align-items:center; justify-content:center; position:relative;}
  .story-visual .num{position:absolute; font-size:110px; font-weight:700; color:#EEF1F4; z-index:0; user-select:none; top:-30px;}
  .story-visual .blob svg{position:relative; z-index:1;}
  .story-dot{position:absolute; right:calc(50% - 7px); top:50%; transform:translateY(-50%); width:16px; height:16px; border-radius:50%; border:3px solid #fff; box-shadow:0 0 0 2px currentColor; z-index:2;}
  .story-text h3{font-size:24px; font-weight:700; color:var(--ink); margin:0 0 12px;}
  .story-text p.desc{font-size:15.5px; color:var(--muted); margin:0 0 20px; max-width:440px;}
  .badge{display:inline-block; font-size:12.5px; font-weight:600; padding:6px 13px; border-radius:999px; margin-bottom:16px; width:fit-content;}
  .chips{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:22px;}
  .chip{font-size:12.5px; font-weight:600; color:#34546D; background:#F0F7FB; border:1px solid #DCEAF2; border-radius:10px; padding:7px 13px;}
  .story-link{display:inline-flex; align-items:center; gap:8px; font-weight:600; font-size:14.5px; padding:11px 22px; border-radius:999px; border:1.5px solid currentColor; width:fit-content;}

  @media (max-width:900px){
    .story::before{display:none;}
    .story-row, .story-row.reverse{grid-template-columns:1fr;}
    .story-row .story-visual, .story-row.reverse .story-visual{order:1;}
    .story-row .story-text, .story-row.reverse .story-text{order:2;}
    .story-dot{display:none;}
    .story-visual .num{font-size:70px; top:-10px;}
  }

    .why{background:var(--navy); color:#fff;}
  .why-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:32px;}
  .why-item{padding:30px; border-radius:18px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08);}
  .why-item .icon-circle{width:50px; height:50px; border-radius:13px; display:flex; align-items:center; justify-content:center; margin-bottom:20px; background:rgba(255,255,255,.08) !important;}
  .why-item .icon-circle svg{stroke:#fff !important;}
  .why-item h3{font-size:17px; font-weight:700; margin:0 0 10px; color:#fff;}
  .why-item p{color:#AFC2D4; font-size:14.5px; margin:0;}

    footer{background:linear-gradient(180deg, var(--navy-2), #081C31 40%); color:#B9CBDC;}
  .footer-cta{text-align:center; padding:76px 24px 64px; background:var(--bg-soft); position:relative; overflow:hidden;}
  .footer-cta::after{content:""; position:absolute; width:360px; height:360px; border-radius:50%; background:radial-gradient(circle, rgba(27,95,174,.10), transparent 70%); top:-160px; right:50%; transform:translateX(50%);}
  .footer-cta h2{position:relative; font-size:29px; font-weight:700; color:var(--navy-2); margin:0 0 14px;}
  .footer-cta p{position:relative; color:var(--muted); font-size:16.5px; max-width:520px; margin:0 auto 32px;}
  .footer-ctas{position:relative; display:flex; flex-wrap:wrap; justify-content:center; gap:16px;}
  .btn-outline-dark{border:1.5px solid #D6DCE1; color:var(--navy-2); background:#fff;}
  .btn-outline-dark:hover{border-color:var(--blue); color:var(--blue); transform:translateY(-1px);}
  .footer-grid{max-width:1180px; margin:0 auto; padding:56px 24px 0; display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:40px;}
  .footer-grid-3{grid-template-columns:1.3fr 1.2fr 1.1fr;}
  .foot-label{display:block; color:#fff; font-weight:600; font-size:14.5px; margin-bottom:12px; cursor:default;}
  .foot-sublist{margin:0 0 16px; padding-right:16px; display:flex; flex-direction:column; gap:9px;}
  .foot-sublist li{margin-bottom:0;}
  .foot-sublist a{font-size:13.5px; color:#8CA0B4;}
  .foot-sublist a:hover{color:#fff;}
  .foot-heading{color:#fff; font-size:14.5px; font-weight:700; margin:0 0 18px;}
  footer li{margin-bottom:11px;}
  footer a{font-size:14.5px; color:#9FB3C6; transition:color .2s;}
  footer a:hover{color:#fff;}
  .foot-desc{font-size:14.5px; color:#8CA0B4; margin-top:14px; line-height:1.8;}
  .foot-contact-link{display:flex; align-items:center; gap:8px;}
  .footer-bottom{max-width:1180px; margin:0 auto; padding:22px 24px; border-top:1px solid rgba(255,255,255,.08); margin-top:44px; text-align:center; font-size:13px; color:#7C90A4;}

  @media (max-width:980px){
    .hero-grid{grid-template-columns:1fr;}
    .hero-art{display:none;}
    .about-grid, .why-grid, .footer-grid, .footer-grid-3{grid-template-columns:1fr;}
  }
  @media (max-width:640px){
    nav.main-nav{display:none;}
    .menu-toggle{display:block;}
    .hero{padding:56px 0 48px;}
    .hero h1{font-size:31px;}
    section{padding:56px 0;}
    .footer-cta{padding:56px 20px 48px;}
  }

    .page-hero{position:relative; overflow:hidden; padding:52px 0 60px; color:#fff;}
  .page-hero::before{content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size:56px 56px; mask-image:linear-gradient(to bottom, black, transparent 85%); pointer-events:none;}
  .breadcrumb{position:relative; display:flex; align-items:center; gap:8px; font-size:13.5px; color:#CFE0F2; margin-bottom:20px; flex-wrap:wrap;}
  .breadcrumb a{color:#CFE0F2;}
  .breadcrumb a:hover{color:#fff;}
  .breadcrumb .sep{opacity:.5;}
  .breadcrumb .current{color:#fff; font-weight:600;}
  .page-hero h1{position:relative; font-size:34px; font-weight:700; margin:0 0 14px;}
  .page-hero p{position:relative; font-size:16px; color:#C7D6E5; max-width:640px; margin:0;}
  .page-hero-grid{display:grid; grid-template-columns:1.1fr 1fr; gap:40px; align-items:center;}

  .page-intro{padding:52px 0 8px;}
  .page-intro p{font-size:16.5px; color:var(--muted); max-width:760px; line-height:1.9;}

  .featured-service, .showcase-row, .duo-card, .utility-card{ scroll-margin-top:100px; }
  .featured-service{position:relative; display:flex; align-items:center; gap:30px; border-radius:24px; padding:36px 40px; color:#fff; margin:8px 0 44px; overflow:hidden;}
  .featured-service::after{content:""; position:absolute; width:280px; height:280px; border-radius:50%; background:radial-gradient(circle, rgba(255,255,255,.14), transparent 70%); top:-120px; left:-80px;}
  .featured-service .f-icon{position:relative; z-index:1; width:76px; height:76px; border-radius:20px; background:rgba(255,255,255,.16); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
  .featured-service .f-text{position:relative; z-index:1;}
  .featured-service .f-badge{display:inline-block; background:#FFC20E; color:#3A2200; font-size:12.5px; font-weight:700; padding:5px 13px; border-radius:999px; margin-bottom:12px;}
  .featured-service h3{font-size:21px; font-weight:700; margin:0 0 8px;}
  .featured-service p{font-size:15px; color:#DCEAFB; margin:0; max-width:540px; line-height:1.75;}

  .service-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; padding-bottom:20px;}
  .service-card{background:#fff; border:1px solid #ECEFF2; border-radius:18px; padding:28px; transition:transform .2s, box-shadow .2s;}
  .service-card:hover{transform:translateY(-4px); box-shadow:0 16px 32px rgba(10,46,82,.08);}
  .service-card .s-icon{width:50px; height:50px; border-radius:13px; display:flex; align-items:center; justify-content:center; margin-bottom:18px;}
  .service-card h3{font-size:16.5px; font-weight:700; margin:0 0 8px; color:var(--ink);}
  .service-card p{font-size:14px; color:var(--muted); margin:0; line-height:1.75;}

  .page-cta{text-align:center; padding:8px 0 20px;}
  .page-cta p{font-size:15.5px; color:var(--muted); margin:0 0 18px;}

  @media (max-width:900px){
    .service-grid{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:640px){
    .page-hero{padding:44px 0 48px;}
    .page-hero h1{font-size:26px;}
    .page-hero-grid{grid-template-columns:1fr;}
    .page-hero-grid > div:last-child{display:none;}
    .service-grid{grid-template-columns:1fr;}
    .featured-service{flex-direction:column; align-items:flex-start; text-align:start; padding:30px;}
  }

    .showcase-row{display:grid; grid-template-columns:1.05fr 1fr; gap:56px; align-items:center; padding:52px 0;}
  .showcase-row + .showcase-row{border-top:1px solid #F0F2F4;}
  .showcase-row.reverse .showcase-visual{order:2;}
  .showcase-row.reverse .showcase-text{order:1;}
  .showcase-visual{display:flex; justify-content:center;}
  .browser-mock{width:100%; max-width:420px; border-radius:16px; overflow:hidden; box-shadow:0 24px 50px rgba(10,46,82,.14); border:1px solid #ECEFF2; background:#fff;}
  .bm-bar{display:flex; align-items:center; gap:6px; padding:12px 14px; background:#F3F5F7; border-bottom:1px solid #ECEFF2;}
  .bm-dot{width:9px; height:9px; border-radius:50%;}
  .bm-body{padding:22px;}
  .showcase-num{font-size:13px; font-weight:700; letter-spacing:.03em; margin-bottom:12px; display:inline-block;}
  .showcase-text h3{font-size:23px; font-weight:700; margin:0 0 12px; color:var(--ink);}
  .showcase-text p{font-size:15.5px; color:var(--muted); margin:0 0 20px; max-width:440px;}
  .showcase-tags{display:flex; flex-wrap:wrap; gap:8px;}
  .showcase-tags .chip{font-size:12px;}

    .duo-grid{display:grid; grid-template-columns:1fr 1fr; gap:22px;}
  .duo-card{border-radius:20px; padding:32px; color:#fff; position:relative; overflow:hidden;}
  .duo-card::after{content:""; position:absolute; width:160px; height:160px; border-radius:50%; background:rgba(255,255,255,.08); top:-70px; left:-50px;}
  .duo-card .duo-icon{position:relative; z-index:1; width:48px; height:48px; border-radius:12px; background:rgba(255,255,255,.16); display:flex; align-items:center; justify-content:center; margin-bottom:16px;}
  .duo-card h4{position:relative; z-index:1; font-size:18px; margin:0 0 8px;}
  .duo-card p{position:relative; z-index:1; font-size:14px; color:rgba(255,255,255,.85); margin:0;}

    .utility-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
  .utility-grid-3{grid-template-columns:repeat(3,1fr);}
  .utility-card{background:#0F3D66; border-radius:16px; padding:24px;}
  .utility-card .u-icon{width:42px; height:42px; border-radius:11px; background:rgba(255,255,255,.12); display:flex; align-items:center; justify-content:center; margin-bottom:14px;}
  .utility-card h4{font-size:14.5px; margin:0 0 6px; color:#fff;}
  .utility-card p{font-size:12.5px; color:#B9CBDC; margin:0; line-height:1.7;}

  @media (max-width:900px){
    .showcase-row, .showcase-row.reverse{grid-template-columns:1fr; gap:28px;}
    .showcase-row .showcase-visual, .showcase-row.reverse .showcase-visual{order:1;}
    .showcase-row .showcase-text, .showcase-row.reverse .showcase-text{order:2;}
    .duo-grid{grid-template-columns:1fr;}
    .utility-grid, .utility-grid-3{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:640px){
    .utility-grid{grid-template-columns:1fr;}
  }

    .theme-toggle{
    display:inline-flex; align-items:center; justify-content:center;
    width:34px; height:34px; 
    border:1.5px solid #D6DCE1; border-radius:999px;
    background:none; cursor:pointer; transition:all .2s; color:#3C4C58;
  }
  .theme-toggle:hover{ border-color:var(--blue); color:var(--blue); }
  .theme-toggle svg{ width:17px; height:17px; }
  .theme-toggle .icon-moon{ display:block; }
  .theme-toggle .icon-sun{ display:none; }
  .mobile-nav .theme-toggle{ margin:10px 0 0 8px; }

    html[data-theme="dark"]{
    --ink:#E7EDF3; --muted:#93A4B4; --bg-soft:#101B29; --white:#0B141F;
  }
  html[data-theme="dark"] body{ background:#0B141F; }
  html[data-theme="dark"] header{ background:rgba(11,20,31,.97); border-bottom-color:#1C2A3A; }
  html[data-theme="dark"] nav.main-nav > a, html[data-theme="dark"] .nav-drop > button{ color:#C7D2DC; }
  html[data-theme="dark"] .dropdown{ background:#101B29; border-color:#1C2A3A; }
  html[data-theme="dark"] .dropdown a{ color:#C7D2DC; }
  html[data-theme="dark"] .dropdown a:hover{ background:#16233380; }
  html[data-theme="dark"] .lang-switch,
  html[data-theme="dark"] .theme-toggle{ border-color:#2A3B4E; color:#C7D2DC; }
  html[data-theme="dark"] .mobile-nav{ border-top-color:#1C2A3A; }
  html[data-theme="dark"] .mobile-nav > a, html[data-theme="dark"] .mnav-drop-btn{ color:#C7D2DC; }
  html[data-theme="dark"] .mnav-sub a{ color:#93A4B4; }
  html[data-theme="dark"] .about{ border-top-color:#16233A; border-bottom-color:#16233A; }
  html[data-theme="dark"] .about-grid .big-word,
  html[data-theme="dark"] h2.section-title,
  html[data-theme="dark"] .footer-cta h2{ color:#8FC2F2; }
  html[data-theme="dark"] .btn-outline-dark{ background:#101B29; border-color:#2A3B4E; color:#8FC2F2; }
  html[data-theme="dark"] .spec-card, html[data-theme="dark"] .service-card{ background:#101B29; border-color:#1C2A3A; }
  html[data-theme="dark"] .chip{ background:#132534; border-color:#1E3346; color:#AFC7DC; }
  html[data-theme="dark"] .story-row + .story-row{ border-top-color:#16233A; }
  html[data-theme="dark"] .story::before{ background:repeating-linear-gradient(to bottom, #223349 0 8px, transparent 8px 16px); }
  html[data-theme="dark"] .why-item{ background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.07); }
  html[data-theme="dark"] .logo img.theme-swap-dark{ display:inline-block; }
  html[data-theme="dark"] .logo img.theme-swap-light{ display:none; }
  html[data-theme="dark"] .theme-toggle .icon-moon{ display:none; }
  html[data-theme="dark"] .theme-toggle .icon-sun{ display:block; }

    .u-ai-center{align-items:center;}
  .u-ai-flex-end{align-items:flex-end;}
  .u-ar-1{aspect-ratio:1;}
  .u-bd-1px-solid-b9d5f0{border:1px solid #B9D5F0;}
  .u-bd-1px-solid-d6dce1{border:1px solid #D6DCE1;}
  .u-bd-6px-solid-1a2733{border:6px solid #1a2733;}
  .u-bdb-1px-solid-eceff2{border-bottom:1px solid #ECEFF2;}
  .u-bdb-8px-solid-transparent{border-bottom:8px solid transparent;}
  .u-bdb-9px-solid-transparent{border-bottom:9px solid transparent;}
  .u-bdl-12px-solid-f7941d{border-left:12px solid #F7941D;}
  .u-bdl-14px-solid-c9760f{border-left:14px solid #C9760F;}
  .u-bdl-22px-solid-transparent{border-left:22px solid transparent;}
  .u-bdl-26px-solid-transparent{border-left:26px solid transparent;}
  .u-bdr-12px-solid-f7941d{border-right:12px solid #F7941D;}
  .u-bdr-14px-solid-c9760f{border-right:14px solid #C9760F;}
  .u-bdr-22px-solid-transparent{border-right:22px solid transparent;}
  .u-bdr-26px-solid-transparent{border-right:26px solid transparent;}
  .u-bdt-50px-solid-rgba-108-75-166-p4{border-top:50px solid rgba(108,75,166,.4);}
  .u-bdt-60px-solid-rgba-255-194-14-p45{border-top:60px solid rgba(255,194,14,.45);}
  .u-bdt-8px-solid-transparent{border-top:8px solid transparent;}
  .u-bdt-9px-solid-transparent{border-top:9px solid transparent;}
  .u-bg-031bdd66{background:radial-gradient(900px 400px at 20% -10%, #F7941D 0%, #0F3D66 55%, #08213B 100%);}
  .u-bg-0f1b26{background:#0F1B26;}
  .u-bg-0f3d66{background:#0F3D66;}
  .u-bg-162cb3dc{background:radial-gradient(900px 400px at 80% -10%, #C98A00 0%, #0F3D66 55%, #08213B 100%);}
  .u-bg-1b5fae{background:#1B5FAE;}
  .u-bg-1e8a5f{background:#1E8A5F;}
  .u-bg-2c3e5840{background:radial-gradient(900px 400px at 80% -10%, #1E8A5F 0%, #0F3D66 55%, #08213B 100%);}
  .u-bg-2cfa8513{background:radial-gradient(900px 400px at 20% -10%, #1B5FAE 0%, #08213B 60%, #08213B 100%);}
  .u-bg-3a4854{background:#3a4854;}
  .u-bg-43d74ba8{background:radial-gradient(900px 400px at 80% -10%, #1B5FAE 0%, #0F3D66 60%, #08213B 100%);}
  .u-bg-6011c00a{background:radial-gradient(900px 400px at 80% -10%, #6C4BA6 0%, #0F3D66 55%, #08213B 100%);}
  .u-bg-6b6b27fa{background:radial-gradient(900px 400px at 20% -10%, #1E8A5F 0%, #0F3D66 55%, #08213B 100%);}
  .u-bg-6c4ba6{background:#6C4BA6;}
  .u-bg-6e55cc75{background:radial-gradient(900px 400px at 80% -10%, #F7941D 0%, #0F3D66 55%, #08213B 100%);}
  .u-bg-86455133{background:radial-gradient(900px 400px at 20% -10%, #C98A00 0%, #0F3D66 55%, #08213B 100%);}
  .u-bg-9fc39c22{background:radial-gradient(900px 400px at 20% -10%, #6C4BA6 0%, #0F3D66 55%, #08213B 100%);}
  .u-bg-b69eed82{background:radial-gradient(900px 400px at 20% -10%, #1B5FAE 0%, #0F3D66 60%, #08213B 100%);}
  .u-bg-c7e4d5{background:#C7E4D5;}
  .u-bg-c98a00{background:#C98A00;}
  .u-bg-d6dce1{background:#D6DCE1;}
  .u-bg-dceafb{background:#DCEAFB;}
  .u-bg-e5484d{background:#E5484D;}
  .u-bg-e9eff5{background:#E9EFF5;}
  .u-bg-e9f5ef{background:#E9F5EF;}
  .u-bg-eaf2fb{background:#EAF2FB;}
  .u-bg-edeff1{background:#EDEFF1;}
  .u-bg-f1ecf8{background:#F1ECF8;}
  .u-bg-f2bcc717{background:radial-gradient(900px 400px at 80% -10%, #1B5FAE 0%, #08213B 60%, #08213B 100%);}
  .u-bg-f3f5f7{background:#F3F5F7;}
  .u-bg-f7941d{background:#F7941D;}
  .u-bg-fdf1e1{background:#FDF1E1;}
  .u-bg-fdf4de{background:#FDF4DE;}
  .u-bg-ffc20e{background:#FFC20E;}
  .u-bg-linear-gradient-120deg-08213b-1b5fae{background:linear-gradient(120deg,#08213B,#1B5FAE);}
  .u-bg-linear-gradient-120deg-0f3d66-1b5fae{background:linear-gradient(120deg,#0F3D66,#1B5FAE);}
  .u-bg-linear-gradient-120deg-146b47-1e8a5f{background:linear-gradient(120deg,#146B47,#1E8A5F);}
  .u-bg-linear-gradient-120deg-1b5fae-0f3d66{background:linear-gradient(120deg,#1B5FAE,#0F3D66);}
  .u-bg-linear-gradient-120deg-4e3577-6c4ba6{background:linear-gradient(120deg,#4E3577,#6C4BA6);}
  .u-bg-linear-gradient-120deg-a8770a-c98a00{background:linear-gradient(120deg,#A8770A,#C98A00);}
  .u-bg-linear-gradient-120deg-c9760f-f7941d{background:linear-gradient(120deg,#C9760F,#F7941D);}
  .u-bg-linear-gradient-120deg-eaf2fb-dceafb{background:linear-gradient(120deg,#EAF2FB,#DCEAFB);}
  .u-bg-linear-gradient-120deg-f1ecf8-f9f7fc{background:linear-gradient(120deg,#F1ECF8,#F9F7FC);}
  .u-bg-linear-gradient-120deg-fdf1e1-fff6e8{background:linear-gradient(120deg,#FDF1E1,#FFF6E8);}
  .u-bg-linear-gradient-135deg-0f3d66-1b5fae{background:linear-gradient(135deg,#0F3D66,#1B5FAE);}
  .u-bg-linear-gradient-135deg-146b47-1e8a5f{background:linear-gradient(135deg,#146B47,#1E8A5F);}
  .u-bg-linear-gradient-135deg-4e3577-6c4ba6{background:linear-gradient(135deg,#4E3577,#6C4BA6);}
  .u-bg-linear-gradient-135deg-a8770a-c98a00{background:linear-gradient(135deg,#A8770A,#C98A00);}
  .u-bg-linear-gradient-135deg-c9760f-f7941d{background:linear-gradient(135deg,#C9760F,#F7941D);}
  .u-bg-linear-gradient-160deg-fdf1e1-fff6e8{background:linear-gradient(160deg,#FDF1E1,#FFF6E8);}
  .u-bg-linear-gradient-180deg-1e8a5f-transparent{background:linear-gradient(180deg,#1E8A5F,transparent);}
  .u-bg-linear-gradient-180deg-6c4ba6-transparent{background:linear-gradient(180deg,#6C4BA6,transparent);}
  .u-bg-linear-gradient-180deg-f7941d-transparent{background:linear-gradient(180deg,#F7941D,transparent);}
  .u-bg-linear-gradient-180deg-ffc20e-transparent{background:linear-gradient(180deg,#FFC20E,transparent);}
  .u-bg-rgba-255-255-255-p25{background:rgba(255,255,255,.25);}
  .u-bg-rgba-255-255-255-p3{background:rgba(255,255,255,.3);}
  .u-br-0{border-radius:0;}
  .u-br-10px{border-radius:10px;}
  .u-br-22px{border-radius:22px;}
  .u-br-2px{border-radius:2px;}
  .u-br-3px{border-radius:3px;}
  .u-br-4px{border-radius:4px;}
  .u-br-4px-4px-0-0{border-radius:4px 4px 0 0;}
  .u-br-50pct{border-radius:50%;}
  .u-br-6px{border-radius:6px;}
  .u-br-7px{border-radius:7px;}
  .u-br-8px{border-radius:8px;}
  .u-c-0f3d66{color:#0F3D66;}
  .u-c-1b5fae{color:#1B5FAE;}
  .u-c-1e8a5f{color:#1C835A;}
  .u-c-5b6b78{color:#5B6B78;}
  .u-c-6c4ba6{color:#6C4BA6;}
  .u-c-6fb1e8{color:#6FB1E8;}
  .u-c-8fd19e{color:#8FD19E;}
  .u-c-b9cbdc{color:#B9CBDC;}
  .u-c-c7d6e5{color:#C7D6E5;}
  .u-c-c9760f{color:#AA640C;}
  .u-c-c98a00{color:#966700;}
  .u-c-f7941d{color:#F7941D;}
  .u-c-fff{color:#fff;}
  .u-c-var-muted{color:var(--muted);}
  .u-d-flex{display:flex;}
  .u-d-grid{display:grid;}
  .u-d-inline-block{display:inline-block;}
  .u-d-inline-flex{display:inline-flex;}
  .u-fd-column{flex-direction:column;}
  .u-ff-monospace{font-family:monospace;}
  .u-flex-1{flex:1;}
  .u-fs-11px{font-size:11px;}
  .u-fs-12px{font-size:12px;}
  .u-fs-13px{font-size:13px;}
  .u-fs-15px{font-size:15px;}
  .u-fs-16px{font-size:16px;}
  .u-fwt-700{font-weight:700;}
  .u-gap-10px{gap:10px;}
  .u-gap-16px{gap:16px;}
  .u-gap-4px{gap:4px;}
  .u-gap-6px{gap:6px;}
  .u-gap-8px{gap:8px;}
  .u-gtc-1fr-1fr{grid-template-columns:1fr 1fr;}
  .u-gtc-1fr-1fr-1fr{grid-template-columns:1fr 1fr 1fr;}
  .u-gtc-repeat-4-1fr{grid-template-columns:repeat(4,1fr);}
  .u-h-0{height:0;}
  .u-h-100px{height:100px;}
  .u-h-10px{height:10px;}
  .u-h-14px{height:14px;}
  .u-h-15px{height:15px;}
  .u-h-16px{height:16px;}
  .u-h-18px{height:18px;}
  .u-h-20px{height:20px;}
  .u-h-24px{height:24px;}
  .u-h-26px{height:26px;}
  .u-h-30px{height:30px;}
  .u-h-34px{height:34px;}
  .u-h-35pct{height:35%;}
  .u-h-35px{height:35px;}
  .u-h-40pct{height:40%;}
  .u-h-40px{height:40px;}
  .u-h-44px{height:44px;}
  .u-h-45pct{height:45%;}
  .u-h-46px{height:46px;}
  .u-h-4px{height:4px;}
  .u-h-50pct{height:50%;}
  .u-h-50px{height:50px;}
  .u-h-52px{height:52px;}
  .u-h-55pct{height:55%;}
  .u-h-56px{height:56px;}
  .u-h-60pct{height:60%;}
  .u-h-60px{height:60px;}
  .u-h-65pct{height:65%;}
  .u-h-6px{height:6px;}
  .u-h-70pct{height:70%;}
  .u-h-70px{height:70px;}
  .u-h-7px{height:7px;}
  .u-h-80pct{height:80%;}
  .u-h-80px{height:80px;}
  .u-h-85pct{height:85%;}
  .u-h-8px{height:8px;}
  .u-h-90pct{height:90%;}
  .u-h-9px{height:9px;}
  .u-jc-center{justify-content:center;}
  .u-jc-space-between{justify-content:space-between;}
  .u-lh-2{line-height:2;}
  .u-m-0-auto{margin:0 auto;}
  .u-m-0-auto-10px{margin:0 auto 10px;}
  .u-m-0-auto-24px{margin:0 auto 24px;}
  .u-m-14px-0-8px{margin:14px 0 8px;}
  .u-m-6px-auto-0{margin:6px auto 0;}
  .u-mb-10px{margin-bottom:10px;}
  .u-mb-12px{margin-bottom:12px;}
  .u-mb-14px{margin-bottom:14px;}
  .u-mb-18px{margin-bottom:18px;}
  .u-mb-24px{margin-bottom:24px;}
  .u-mb-6px{margin-bottom:6px;}
  .u-mb-8px{margin-bottom:8px;}
  .u-mt-12px{margin-top:12px;}
  .u-mw-220px{max-width:220px;}
  .u-mw-380px{max-width:380px;}
  .u-mw-640px{max-width:640px;}
  .u-op-p5{opacity:.5;}
  .u-p-10px{padding:10px;}
  .u-p-10px-0{padding:10px 0;}
  .u-p-12px{padding:12px;}
  .u-p-12px-10px{padding:12px 10px;}
  .u-p-14px{padding:14px;}
  .u-p-22px-20px{padding:22px 20px;}
  .u-p-24px-20px{padding:24px 20px;}
  .u-p-26px-20px{padding:26px 20px;}
  .u-p-30px-20px{padding:30px 20px;}
  .u-pb-10px{padding-bottom:10px;}
  .u-pb-8px{padding-bottom:8px;}
  .u-pl-18px{padding-left:18px;}
  .u-pos-relative{position:relative;}
  .u-pr-18px{padding-right:18px;}
  .u-pt-0{padding-top:0;}
  .u-pt-12px{padding-top:12px;}
  .u-pt-8px{padding-top:8px;}
  .u-ta-center{text-align:center;}
  .u-w-0{width:0;}
  .u-w-100pct{width:100%;}
  .u-w-110px{width:110px;}
  .u-w-14px{width:14px;}
  .u-w-15px{width:15px;}
  .u-w-18px{width:18px;}
  .u-w-20pct{width:20%;}
  .u-w-24px{width:24px;}
  .u-w-26px{width:26px;}
  .u-w-34px{width:34px;}
  .u-w-35pct{width:35%;}
  .u-w-36px{width:36px;}
  .u-w-40pct{width:40%;}
  .u-w-45pct{width:45%;}
  .u-w-50pct{width:50%;}
  .u-w-50px{width:50px;}
  .u-w-60pct{width:60%;}
  .u-w-60px{width:60px;}
  .u-w-65pct{width:65%;}
  .u-w-70pct{width:70%;}
  .u-w-70px{width:70px;}
  .u-w-80pct{width:80%;}
  .u-w-80px{width:80px;}
  .u-w-8px{width:8px;}
  .u-w-9px{width:9px;}
  .u-w-auto{width:auto;}
  .u-z-1{z-index:1;}