.elementor-9030 .elementor-element.elementor-element-2d94068{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-9030 .elementor-element.elementor-element-fc71b62{width:var( --container-widget-width, 102.727% );max-width:102.727%;--container-widget-width:102.727%;--container-widget-flex-grow:0;}.elementor-9030 .elementor-element.elementor-element-fc71b62.elementor-element{--flex-grow:0;--flex-shrink:0;}/* Start custom CSS for html, class: .elementor-element-fc71b62 */:root{
    --night:#0E2E33;
    --night-deep:#081C20;
    --gold:#B8892E;
    --gold-light:#E0B863;
    --sand:#F2E9D8;
    --clay:#9C5233;
    --teal:#4F8C8C;
    --ink:#211C14;
    --paper:#FBF7EE;
    --line:rgba(33,28,20,0.14);
  }

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--paper);
    color:var(--ink);
    font-family:'Inter', sans-serif;
    font-weight:400;
    line-height:1.75;
    font-size:16.5px;
  }

  h1,h2,h3,h4{
    font-family:'Fraunces', serif;
    color:var(--night-deep);
    margin:0 0 0.4em 0;
    font-weight:600;
    letter-spacing:-0.01em;
  }

  .mono{
    font-family:'IBM Plex Mono', monospace;
  }

  a{color:var(--clay);}

  .eyebrow{
    font-family:'IBM Plex Mono', monospace;
    text-transform:uppercase;
    letter-spacing:0.2em;
    font-size:0.7rem;
    font-weight:500;
    color:var(--gold);
    margin-bottom:0.9em;
    display:inline-block;
  }

  /* ---------- HERO ---------- */
  .hero{
    position:relative;
    min-height:86vh;
    display:flex;
    align-items:center;
    background:
      radial-gradient(90% 70% at 85% 10%, rgba(184,137,46,0.25), transparent 55%),
      radial-gradient(70% 60% at 10% 90%, rgba(79,140,140,0.18), transparent 60%),
      linear-gradient(155deg, #0E2E33 0%, #081C20 70%);
    color:var(--sand);
    overflow:hidden;
    padding:10vh 6vw;
  }
  .hero-grid{
    position:absolute; inset:0;
    background-image:
      linear-gradient(rgba(224,184,99,0.06) 1px, transparent 1px),
      linear-gradient(90deg, rgba(224,184,99,0.06) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: radial-gradient(80% 60% at 70% 30%, black, transparent 75%);
  }
  /* lattice motif — mashrabiya-inspired corner ornament */
  .lattice{
    position:absolute;
    top:0; right:0;
    width:min(46vw, 480px);
    height:100%;
    opacity:0.5;
  }
  .lattice svg{width:100%; height:100%;}

  .hero-content{position:relative; z-index:2; max-width:700px;}
  .hero .kicker{
    display:flex; align-items:center; gap:10px;
    font-family:'IBM Plex Mono', monospace;
    font-size:0.75rem;
    letter-spacing:0.18em;
    text-transform:uppercase;
    color:var(--gold-light);
    margin-bottom:26px;
  }
  .hero .kicker .dot{width:6px; height:6px; border-radius:50%; background:var(--gold);}
  .hero h1{
    color:#F7EFDD;
    font-size:clamp(2.3rem, 4.6vw, 3.9rem);
    line-height:1.1;
    margin-bottom:0.35em;
  }
  .hero h1 .accent{color:var(--gold-light); font-style:italic;}
  .hero p.lede{
    font-size:1.15rem;
    color:#CBD9D6;
    max-width:560px;
    margin:0 0 34px;
    font-weight:300;
  }
  .hero .stat-row{
    display:flex;
    gap:36px;
    flex-wrap:wrap;
    margin-top:10px;
  }
  .hero .stat{border-left:2px solid var(--gold); padding-left:14px;}
  .hero .stat .num{
    font-family:'IBM Plex Mono', monospace;
    font-size:1.5rem;
    color:var(--gold-light);
    display:block;
    line-height:1.1;
  }
  .hero .stat .lbl{
    font-size:0.78rem;
    color:#9FB4B0;
    text-transform:uppercase;
    letter-spacing:0.08em;
  }

  /* ---------- SHELL ---------- */
  .wrap{max-width:860px; margin:0 auto; padding:0 6vw;}
  section{padding:64px 0;}
  section.tight{padding:44px 0;}
  .divider{
    display:flex; align-items:center; gap:14px;
    margin: 8px 0 38px;
  }
  .divider .mark{
    font-family:'IBM Plex Mono', monospace;
    font-size:0.75rem;
    color:var(--gold);
    letter-spacing:0.1em;
  }
  .divider .rule{flex:1; height:1px; background:var(--line);}

  p{margin:0 0 1.1em 0;}
  .lead-para{
    font-family:'Fraunces', serif;
    font-weight:500;
    font-size:1.4rem;
    line-height:1.55;
    color:var(--night-deep);
  }

  /* ---------- TIER CARDS ---------- */
  .tier-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    margin-top:14px;
  }
  .tier-card{
    background:var(--night-deep);
    color:var(--sand);
    padding:30px 28px;
    border-radius:3px;
    position:relative;
    overflow:hidden;
  }
  .tier-card.two{background:#17393E;}
  .tier-card::after{
    content:"";
    position:absolute;
    top:-30%; right:-20%;
    width:200px; height:200px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(184,137,46,0.25), transparent 70%);
  }
  .tier-card .tier-label{
    font-family:'IBM Plex Mono', monospace;
    font-size:0.72rem;
    letter-spacing:0.14em;
    text-transform:uppercase;
    color:var(--gold-light);
    display:block;
    margin-bottom:12px;
  }
  .tier-card h3{
    color:#F7EFDD;
    font-size:1.6rem;
    margin-bottom:4px;
  }
  .tier-card .years{
    font-family:'IBM Plex Mono', monospace;
    font-size:0.85rem;
    color:#9FB4B0;
    margin-bottom:18px;
    display:block;
  }
  .tier-card ul{
    margin:0; padding:0; list-style:none;
  }
  .tier-card li{
    font-size:0.92rem;
    color:#D8E0DC;
    padding:8px 0;
    border-top:1px solid rgba(247,239,221,0.12);
  }
  .tier-card li:first-child{border-top:none;}
  .tier-card li strong{color:var(--gold-light); font-weight:500;}

  /* ---------- ROUTE LIST ---------- */
  .route{
    display:grid;
    grid-template-columns:56px 1fr;
    gap:22px;
    padding:24px 0;
    border-top:1px solid var(--line);
  }
  .route:last-child{border-bottom:1px solid var(--line);}
  .route .rnum{
    font-family:'IBM Plex Mono', monospace;
    font-size:0.85rem;
    color:var(--gold);
    padding-top:4px;
  }
  .route h4{font-size:1.15rem; margin-bottom:6px; color:var(--night-deep);}
  .route p{color:#4a4238; margin-bottom:0; font-size:0.97rem;}

  /* ---------- BENEFITS GRID ---------- */
  .benefit-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:16px;
    margin-top:10px;
  }
  .benefit{
    border:1px solid var(--line);
    background:var(--sand);
    padding:20px 22px;
    border-radius:2px;
  }
  .benefit .icon{
    font-family:'Fraunces', serif;
    font-style:italic;
    color:var(--gold);
    font-size:1.6rem;
    display:block;
    margin-bottom:8px;
  }
  .benefit h4{font-size:1rem; margin-bottom:6px;}
  .benefit p{font-size:0.9rem; color:#4a4238; margin-bottom:0;}

  /* ---------- COMPARISON TABLE ---------- */
  .cmp-table{
    width:100%;
    border-collapse:collapse;
    margin-top:20px;
    font-size:0.92rem;
  }
  .cmp-table th, .cmp-table td{
    text-align:left;
    padding:14px 16px;
    border-bottom:1px solid var(--line);
  }
  .cmp-table th{
    font-family:'IBM Plex Mono', monospace;
    font-size:0.72rem;
    text-transform:uppercase;
    letter-spacing:0.08em;
    color:var(--gold);
    font-weight:500;
    background:var(--night-deep);
    color:var(--sand);
  }
  .cmp-table th:first-child{border-top-left-radius:3px;}
  .cmp-table th:last-child{border-top-right-radius:3px;}
  .cmp-table td:first-child{font-weight:600; color:var(--night-deep);}
  .cmp-table tr:nth-child(even) td{background:rgba(184,137,46,0.05);}

  /* ---------- PULLOUT ---------- */
  .pullout{
    margin:44px 0;
    padding:34px 40px;
    background:linear-gradient(135deg, rgba(184,137,46,0.10), rgba(79,140,140,0.08));
    border-left:3px solid var(--gold);
  }
  .pullout p{
    font-family:'Fraunces', serif;
    font-weight:500;
    font-style:italic;
    font-size:1.4rem;
    line-height:1.5;
    color:var(--night-deep);
    margin:0;
  }

  /* ---------- STEPS ---------- */
  .steps{
    counter-reset:step;
    margin-top:10px;
  }
  .step{
    display:grid;
    grid-template-columns:44px 1fr;
    gap:20px;
    padding:20px 0;
    border-top:1px solid var(--line);
  }
  .step:last-child{border-bottom:1px solid var(--line);}
  .step .step-num{
    counter-increment:step;
    font-family:'IBM Plex Mono', monospace;
    font-weight:500;
    color:var(--gold);
    font-size:0.95rem;
  }
  .step .step-num::before{content: counter(step, decimal-leading-zero);}
  .step h4{font-size:1.05rem; margin-bottom:6px;}
  .step p{color:#4a4238; font-size:0.95rem; margin-bottom:0;}

  /* ---------- FAQ ---------- */
  .faq-item{
    border-top:1px solid var(--line);
    padding:22px 0;
  }
  .faq-item:last-child{border-bottom:1px solid var(--line);}
  .faq-item h4{
    font-size:1.05rem;
    margin-bottom:8px;
    color:var(--night-deep);
  }
  .faq-item p{color:#4a4238; margin-bottom:0; font-size:0.96rem;}

  /* ---------- NOTE BOX ---------- */
  .note{
    display:flex;
    gap:16px;
    background:rgba(79,140,140,0.09);
    border:1px solid rgba(79,140,140,0.3);
    padding:20px 24px;
    border-radius:2px;
    margin:28px 0;
  }
  .note .tag{
    font-family:'IBM Plex Mono', monospace;
    font-size:0.7rem;
    text-transform:uppercase;
    letter-spacing:0.1em;
    color:var(--teal);
    font-weight:500;
    white-space:nowrap;
  }
  .note p{margin:0; font-size:0.92rem; color:#3d453f;}

  /* ---------- CTA / FOOTER ---------- */
  .cta{
    background:
      radial-gradient(90% 120% at 80% 0%, rgba(184,137,46,0.25), transparent 60%),
      linear-gradient(160deg, #0E2E33, #081C20);
    color:var(--sand);
    text-align:center;
    padding:80px 6vw;
    margin-top:20px;
  }
  .cta h2{color:#F7EFDD; font-size:clamp(1.7rem, 3.2vw, 2.4rem);}
  .cta p{
    color:#CBD9D6;
    max-width:520px;
    margin:14px auto 30px;
    font-size:1.02rem;
  }
  .btn{
    display:inline-block;
    background:var(--gold);
    color:var(--night-deep);
    font-weight:600;
    padding:14px 34px;
    border-radius:2px;
    text-decoration:none;
    letter-spacing:0.02em;
    font-size:0.95rem;
    transition:transform 0.15s ease;
  }
  .btn:hover{transform:translateY(-2px);}

  footer{
    text-align:center;
    padding:30px 6vw 50px;
    font-size:0.8rem;
    color:#8a8172;
  }

  @media (max-width:640px){
    .tier-grid{grid-template-columns:1fr;}
    .benefit-grid{grid-template-columns:1fr;}
    .route{grid-template-columns:34px 1fr; gap:14px;}
    .step{grid-template-columns:34px 1fr;}
    .pullout{padding:26px 22px;}
    .cmp-table{font-size:0.82rem;}
    .cmp-table th, .cmp-table td{padding:10px 8px;}
    .lattice{display:none;}
    .note{flex-direction:column; gap:6px;}
  }

  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    .btn{transition:none;}
  }/* End custom CSS */