.elementor-68 .elementor-element.elementor-element-f75ffcb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-68 .elementor-element.elementor-element-5bbde2a{text-align:center;}.elementor-68 .elementor-element.elementor-element-5bbde2a .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:1px;font-weight:600;}.elementor-68 .elementor-element.elementor-element-3995f51{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-68 .elementor-element.elementor-element-d947586{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-68 .elementor-element.elementor-element-6ab3641{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for container, class: .elementor-element-f75ffcb */:root{
    --navy:#0F2740; --navy-1:#16324F; --navy-2:#1E3E60;
    --steel:#5A6B7D; --ink:#151B22; --ink-2:#1E2126; --ink-3:#2A2E34;
    --slate:#4C5661; --mist:#C4D0DD;
    --grey:#E3E7EC; --line:#E3E7EC; --line-2:#D3DAE1;
    --paper:#F5F7F9; --paper-2:#EDF1F5; --white:#FFFFFF;
    --red:#D81E34; --red-deep:#B5152A; --gold:#B78A2E;
    --navy-3:#24425F;
  }

  body{font-family:'Inter',sans-serif;color:var(--ink);background:var(--white);line-height:1.6;}
  h1,h2,h3{font-family:'Archivo',sans-serif;line-height:1.05;letter-spacing:-.015em;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 32px;}
  .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--red);}
  a{text-decoration:none;color:inherit;}
  section{padding:96px 0;}
  .btn{display:inline-block;font-family:'Archivo',sans-serif;font-weight:700;font-size:14px;padding:13px 26px;border-radius:6px;transition:all .2s !important;letter-spacing:.02em;}
  .btn-red{background:var(--red);color:var(--white);}
  .btn-red:hover{background:var(--red-deep);}
  .btn-ghost{border:1.5px solid var(--line-2);color:var(--ink);}
  .btn-ghost:hover{border-color:var(--navy);}
  .btn-outline{border:1.5px solid rgba(255,255,255,.65) !important;color:var(--white) !important;}
  .btn-outline:hover{border-color:var(--white) !important;}


  /* HERO */
  .hero{background:linear-gradient(180deg,var(--ink) 0%, #10151C 100%);color:var(--white);padding:96px 0 84px;position:relative;overflow:hidden;}
  .hero::before{content:"";position:absolute;inset:0;background:
    repeating-linear-gradient(90deg, rgba(15,39,64,.03) 0 1px, transparent 1px 64px),
    repeating-linear-gradient(0deg, rgba(15,39,64,.03) 0 1px, transparent 1px 64px) ;
    pointer-events:none;}
  .hero-in{position:relative;max-width:780px !important;}
  .hero .eyebrow{margin-bottom:18px;}
  .hero h1{font-size:clamp(40px,5vw,64px);font-weight:800;}
  .hero h1 em{font-style:normal;color:var(--red);}
  .hero p{font-size:18px;color:var(--mist);max-width:620px;margin:24px 0 0;}
  .hero p b{font-weight:600;}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3995f51 *//* DOMAIN CARDS */
  .domains-bg{background:var(--paper);}
  .dgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
  .dcard{
    background:var(--white);border:1px solid var(--grey);border-radius:14px;
    padding:34px 32px;display:flex;flex-direction:column;
    transition:border-color .2s, transform .2s, box-shadow .2s !important;
  }
  .dcard:hover{border-color:var(--red);transform:translateY(-3px);box-shadow:0 18px 44px rgba(22,24,28,.09);}
  .dcard .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
  .dcard .code{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--red);letter-spacing:.2em;font-weight:600;}
  .dcard .ic{width:44px;height:44px;border-radius:10px;background:var(--paper);display:flex;align-items:center;justify-content:center;}
  .dcard .ic svg{width:24px;height:24px;stroke:var(--navy);fill:none;stroke-width:1.8;}
  .dcard h2{font-size:24px;font-weight:800;margin-bottom:8px;}
  .dcard .tag{font-size:14.5px;color:var(--ink);font-weight:600;margin-bottom:14px;}
  .dcard p{font-size:13.5px;color:var(--slate);margin-bottom:18px;flex:1;}
  .dcard .platforms{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px;}
  .dcard .platforms span{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.08em;color:var(--slate);background:var(--paper);border:1px solid var(--grey);border-radius:100px;padding:5px 11px;}
  .dcard .go{font-family:'Archivo',sans-serif;font-weight:700;font-size:14px;color:var(--red);display:inline-flex;align-items:center;gap:7px;transition:gap .2s;}
  .dcard:hover .go{gap:12px;}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d947586 *//* SHARED APPROACH STRIP */
  .shared-bg{background:var(--ink);color:var(--white);}
  .shared-bg .sec-head h2{color:#fff;}
  .shared-bg .sec-head p{color:var(--mist);}
  .sec-head{max-width:760px;margin-bottom:48px;}
  .sec-head .eyebrow{margin-bottom:16px;display:block;}
  .sec-head h2{font-size:clamp(28px,3.2vw,40px);font-weight:800;}
  .sec-head p{color:var(--slate);font-size:16.5px;margin-top:16px;}
  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
  .step{border:1px solid var(--ink-3);border-radius:10px;padding:24px 22px;background:var(--ink-2);}
  .step .n{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--red);letter-spacing:.18em;font-weight:600;}
  .step h3{font-family:'Archivo',sans-serif;font-size:15px;font-weight:700;margin:10px 0 5px;}
  .step p{font-size:12.5px;color:var(--mist);line-height:1.5;}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ab3641 *//* CTA */
      .final {
        background: var(--red);
        color: var(--white);
        padding: 84px 0;
      }
      .final h2 {
        font-size: clamp(28px, 3.8vw, 48px);
        font-weight: 800;
        max-width: 800px;
      }
      .final p {
        font-size: 17px;
        margin: 18px 0 34px;
        opacity: 0.92;
        max-width: 620px;
      }
      .final .btn-white {
        background: var(--white) !important;
        color: var(--red) !important;
      }
      .final .btn-white:hover {
        background: #f3f3f3 !important;
      }
      .ctas {
        display: flex;
        gap: 14px;
        flex-wrap: wrap;
      }

      @media (max-width: 960px) {
        .dgrid {
          grid-template-columns: 1fr;
        }
        .steps {
          grid-template-columns: 1fr 1fr;
        }
      }
      @media (max-width: 560px) {
        .steps {
          grid-template-columns: 1fr;
        }
      }/* End custom CSS */