:root{

  --bg:#050505;--bg2:#090908;--panel:#0d0d0c;--panel2:#12110f;--cream:#f8f1df;--text:#efe8d9;--muted:#b9ae99;

  --gold:#d3a13c;--gold2:#f3d986;--gold3:#8c621c;--line:rgba(220,178,85,.24);--line2:rgba(255,255,255,.09);

  --success:#b7e3b4;--shadow:0 28px 90px rgba(0,0,0,.46);--max:1240px;--radius:26px;--header:76px;

}

*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.hidden,.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.container{width:min(var(--max),calc(100% - 44px));margin-inline:auto}.section{padding:clamp(80px,9vw,132px) 0;position:relative}.section-dark{background:linear-gradient(180deg,#080807,#050505 60%,#080807);border-block:1px solid rgba(220,178,85,.08)}

.eyebrow,.mini-label{margin:0 0 15px;color:var(--gold2);font-size:.74rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.mini-label{font-size:.68rem}h1,h2,h3,h4{margin-top:0;line-height:1.04}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:500}h1{font-size:clamp(3.2rem,7vw,7.4rem);letter-spacing:-.055em;margin-bottom:25px}h2{font-size:clamp(2.5rem,5.2vw,5rem);letter-spacing:-.045em;margin-bottom:22px}h3{font-size:clamp(1.5rem,2.2vw,2.15rem);letter-spacing:-.025em}h1 em,h2 em{font-style:normal;color:var(--gold2)}p{color:var(--muted);font-size:1.03rem}.large-copy{font-size:clamp(1.05rem,1.5vw,1.28rem);max-width:720px}.split-heading{display:grid;grid-template-columns:.34fr 1.66fr;gap:48px;align-items:start;margin-bottom:48px}.split-heading h2{max-width:980px;margin-bottom:0}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 23px;border:1px solid transparent;border-radius:999px;font-weight:900;letter-spacing:.015em;transition:.25s ease;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-gold{color:#090805;background:linear-gradient(145deg,#f5df99,#c99531);border-color:#f0d27f;box-shadow:0 18px 50px rgba(211,161,60,.2)}.btn-gold:hover{box-shadow:0 22px 62px rgba(211,161,60,.34)}.btn-ghost{color:var(--cream);border-color:rgba(243,217,134,.38);background:rgba(0,0,0,.30);backdrop-filter:blur(14px)}.btn-ghost:hover{border-color:var(--gold2);background:rgba(243,217,134,.07)}.btn-xl{min-height:62px;padding:18px 30px;font-size:1.02rem}.btn-full{width:100%;margin-top:6px}



/* =========================================================
   T.I.M CINEMATIC GLOBAL CITY BACKGROUND
   ========================================================= */

.city-stage {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: #080808;
}

.city-layer {
  position: absolute;
  inset: -2%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
  transform: scale(1.055);
  filter:
    saturate(1.10)
    contrast(1.05)
    brightness(1.02);
  transition:
    opacity 1.8s ease,
    transform 8s ease;
  will-change: opacity, transform;
}

.city-layer.visible {
  opacity: 1;
  transform: scale(1);
}

.city-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.16) 0%,
      rgba(0, 0, 0, 0.18) 42%,
      rgba(0, 0, 0, 0.58) 100%
    ),
    radial-gradient(
      circle at 50% 42%,
      rgba(0, 0, 0, 0.00) 0%,
      rgba(0, 0, 0, 0.08) 48%,
      rgba(0, 0, 0, 0.42) 100%
    );
  pointer-events: none;
}

.city-grid {
  position: absolute;
  inset: 0;
  opacity: 0.055;
  background-image:
    linear-gradient(
      rgba(240, 205, 117, 0.18) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(240, 205, 117, 0.15) 1px,
      transparent 1px
    );
  background-size: 80px 80px;
  pointer-events: none;
}

@media (max-width: 768px) {
  .city-layer {
    inset: -3%;
    background-position: center center;
    transform: scale(1.04);
  }

  .city-layer.visible {
    transform: scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .city-layer {
    transition: opacity 0.6s ease;
    transform: none;
  }

  .city-layer.visible {
    transform: none;
  }
}

/* Gateway */

.gateway-page{background:#020202}.gateway{min-height:100svh;position:relative;display:grid;place-items:center;overflow:hidden;isolation:isolate;padding:84px 22px 114px}.gateway:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 180px rgba(0,0,0,.84);z-index:-1}.gateway .city-stage{z-index:-3}.gateway-topbar{position:absolute;top:max(20px,env(safe-area-inset-top));left:clamp(18px,4vw,58px);right:clamp(18px,4vw,58px);display:flex;justify-content:space-between;align-items:center;z-index:3;color:#eee5d3;font-size:.72rem;font-weight:850;letter-spacing:.18em}.live-network,.city-readout{display:flex;align-items:center;gap:10px}.live-dot{width:8px;height:8px;border-radius:50%;background:#a7e6a3;box-shadow:0 0 0 6px rgba(167,230,163,.08),0 0 22px rgba(167,230,163,.5);animation:pulse 1.9s ease-in-out infinite}.dot-sep{color:var(--gold)}@keyframes pulse{50%{opacity:.48;transform:scale(.82)}}

.gateway-core{width:min(920px,94vw);text-align:center;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.gateway-logo{width:min(565px,76vw);max-height:56svh;object-fit:contain;filter:drop-shadow(0 32px 66px rgba(0,0,0,.56)) drop-shadow(0 0 32px rgba(214,170,73,.14));margin-bottom:-18px}.gateway-kicker{font-size:.72rem;letter-spacing:.24em;font-weight:900;color:#ead7a5;margin:0 0 8px}.gateway-line{font-family:Georgia,"Times New Roman",serif;color:#fff8e7;font-size:clamp(1.5rem,2.6vw,2.2rem);margin:0 0 26px}.gateway-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.gateway-micro{font-size:.82rem;color:#c6baa5;margin:20px 0 0;max-width:720px}.world-rail{position:absolute;left:0;right:0;bottom:54px;overflow:hidden;border-block:1px solid rgba(240,205,117,.14);background:rgba(0,0,0,.34);backdrop-filter:blur(10px);padding:8px 0;z-index:3}.world-rail-track{width:max-content;display:flex;gap:20px;align-items:center;white-space:nowrap;color:#ddcfaf;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;animation:rail 90s linear infinite}.world-rail-track i{color:var(--gold);font-style:normal;font-size:.48rem}@keyframes rail{to{transform:translateX(-50%)}}.gateway-footer{position:absolute;left:clamp(18px,4vw,58px);right:clamp(18px,4vw,58px);bottom:max(11px,env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:center;gap:10px;z-index:3;color:#948975;font-size:.66rem;letter-spacing:.08em}.gateway-footer img{width:25px;height:25px;border-radius:7px}



/* Header */

.site-header{height:var(--header);position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3.5vw,54px);background:rgba(5,5,5,.82);border-bottom:1px solid rgba(220,178,85,.14);backdrop-filter:blur(18px)}.mini-brand{display:flex;align-items:center;gap:10px;color:var(--gold2);font-family:Georgia,"Times New Roman",serif;font-size:1.1rem;letter-spacing:.18em}.mini-brand img{width:42px;height:42px;border-radius:12px;border:1px solid rgba(240,205,117,.25)}.site-nav{display:flex;align-items:center;gap:23px;font-size:.79rem;font-weight:800;color:#d9cfbd}.site-nav a{transition:.2s ease}.site-nav a:hover{color:var(--gold2)}.nav-switch{padding-left:22px;border-left:1px solid var(--line)}.nav-cta{border:1px solid rgba(240,205,117,.45);padding:10px 15px;border-radius:999px;background:rgba(240,205,117,.06)}.menu-button{display:none;background:none;border:0;color:var(--gold2);font-size:1.75rem}



/* Interior hero */

.interior-hero{min-height:calc(100svh - var(--header));position:relative;display:flex;align-items:center;overflow:hidden;isolation:isolate}.interior-hero .hero-city{z-index:-2}.interior-hero .city-shade{background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.64) 54%,rgba(0,0,0,.76) 100%),linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.7))}.hero-inner{display:grid;grid-template-columns:1.18fr .82fr;gap:clamp(36px,6vw,80px);align-items:center;padding-block:clamp(70px,9vw,120px)}.hero-copy{max-width:790px}.hero-lede{font-size:clamp(1.08rem,1.7vw,1.34rem);color:#ded4c3;max-width:760px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:34px}.proof-strip span{border-top:1px solid rgba(240,205,117,.32);padding-top:12px;color:#c4b8a4;font-size:.73rem}.proof-strip b{display:block;color:#fff2c8;font-size:.96rem;margin-bottom:2px}.command-console,.earn-console{border:1px solid rgba(240,205,117,.34);background:linear-gradient(145deg,rgba(17,16,13,.88),rgba(4,4,4,.86));box-shadow:var(--shadow),inset 0 0 0 1px rgba(255,255,255,.03);backdrop-filter:blur(22px);border-radius:26px;padding:28px}.console-top{display:flex;align-items:center;gap:11px;color:var(--gold2);font-size:.69rem;font-weight:900;letter-spacing:.19em}.console-command{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.45rem,2.4vw,2.1rem);line-height:1.15;color:#fff3cf;margin:24px 0}.console-routes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.console-routes span{padding:7px 9px;border:1px solid rgba(240,205,117,.22);border-radius:999px;color:#d6cab4;font-size:.62rem;letter-spacing:.1em}.console-status,.ticket-line{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding:14px 0;font-size:.76rem;color:#c4baa8}.console-status i{width:7px;height:7px;border-radius:50%;background:#b7e3b4}.console-status b,.ticket-line b{color:#f4df9c;font-size:.72rem}.opportunity-ticket{margin:24px 0 8px;padding:20px;border:1px solid rgba(240,205,117,.22);background:rgba(255,255,255,.03);border-radius:18px}.opportunity-ticket span{font-size:.67rem;color:var(--gold2);letter-spacing:.14em}.opportunity-ticket b{display:block;font-family:Georgia,"Times New Roman",serif;color:#fff4d0;font-size:1.7rem;margin:8px 0}.opportunity-ticket p{font-size:.78rem;margin:0}.ticket-line{grid-template-columns:1fr auto}.ticket-action{margin-top:14px;padding:12px;text-align:center;border:1px solid rgba(240,205,117,.24);color:#d9c89f;font-size:.67rem;letter-spacing:.14em;font-weight:900;border-radius:10px}



/* Cards / sections */

.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tech-card,.category-grid article,.capability-grid article{position:relative;overflow:hidden;border:1px solid var(--line2);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));padding:28px;border-radius:var(--radius);box-shadow:0 16px 48px rgba(0,0,0,.16)}.tech-card:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;left:calc(var(--mx,50%) - 120px);top:calc(var(--my,50%) - 120px);background:radial-gradient(circle,rgba(220,178,85,.12),transparent 66%);opacity:0;transition:.2s}.tech-card:hover:before{opacity:1}.tech-card h3,.category-grid h3,.capability-grid h3{color:#fff1c8;margin:18px 0 11px}.tech-card p,.category-grid p,.capability-grid p{font-size:.92rem;margin:0}.card-no,.category-grid b{color:var(--gold);font-size:.68rem;font-weight:900;letter-spacing:.16em}.global-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.network-orbit{height:500px;position:relative;display:grid;place-items:center}.network-orbit img{width:150px;height:150px;border-radius:34px;z-index:3;box-shadow:0 0 90px rgba(211,161,60,.24)}.orbit{position:absolute;border:1px solid rgba(240,205,117,.24);border-radius:50%;animation:spin 32s linear infinite}.orbit-1{width:340px;height:340px}.orbit-2{width:470px;height:470px;animation-direction:reverse;animation-duration:45s}@keyframes spin{to{transform:rotate(360deg)}}.node{position:absolute;padding:7px 10px;border:1px solid rgba(240,205,117,.23);border-radius:999px;background:#090909;color:#d9cda9;font-size:.59rem;letter-spacing:.12em}.n1{top:9%;left:43%}.n2{top:26%;right:3%}.n3{bottom:22%;right:6%}.n4{bottom:8%;left:42%}.n5{bottom:25%;left:3%}.n6{top:25%;left:6%}

.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.category-grid article{min-height:190px;border-color:rgba(220,178,85,.17)}.category-grid h3{font-size:1.34rem}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.systems-rail{margin-top:42px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.systems-rail span{border:1px solid rgba(240,205,117,.18);background:#090909;padding:8px 12px;border-radius:999px;color:#aa9e86;font-size:.65rem;letter-spacing:.13em}



/* Economics */

.economics-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:32px;align-items:start}.compare-table{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#090909}.compare-row{display:grid;grid-template-columns:1.25fr .8fr 1.2fr;gap:18px;padding:17px 20px;border-bottom:1px solid rgba(220,178,85,.12);align-items:center;color:#c5baa7;font-size:.86rem}.compare-row:last-child{border-bottom:0}.compare-row b{color:#f5dfa1}.compare-head{background:rgba(220,178,85,.08);color:#e8d6a2;font-size:.66rem;letter-spacing:.11em;font-weight:900}.market-reference{margin-top:18px;border-left:3px solid var(--gold);padding:7px 0 7px 18px}.market-reference>span{font-size:.65rem;color:var(--gold2);letter-spacing:.16em;font-weight:900}.market-reference p{font-size:.87rem;margin:8px 0}.market-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.market-metrics span{border:1px solid rgba(220,178,85,.14);background:rgba(255,255,255,.025);padding:11px;border-radius:12px;color:#9f9481;font-size:.66rem}.market-metrics b{display:block;color:#f5dea0;font-family:Georgia,"Times New Roman",serif;font-size:1.2rem;margin-bottom:2px}.market-reference a{color:#f4d984;font-size:.79rem;font-weight:850}.market-reference small{display:block;color:#7e7567;font-size:.7rem;margin-top:8px}.calculator-panel{border:1px solid rgba(240,205,117,.29);background:linear-gradient(145deg,#11100e,#080808);padding:30px;border-radius:26px;box-shadow:var(--shadow);position:sticky;top:calc(var(--header) + 22px)}.calculator-panel h2{font-size:clamp(2.1rem,4vw,3.7rem)}.calculator-panel h3{font-size:2rem}.calculator-panel label{display:block;color:#e4dac7;font-size:.78rem;font-weight:850;margin:22px 0 8px}.money-field{display:flex;align-items:center;border:1px solid rgba(240,205,117,.34);background:#050505;border-radius:14px;padding:0 14px}.money-field span{color:var(--gold2);font-size:1.35rem}.money-field input{width:100%;border:0;outline:0;background:transparent;color:#fff7e4;font-size:1.4rem;padding:15px}.fee-result{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:24px 0 18px;border-bottom:1px solid rgba(255,255,255,.09)}.fee-result span{font-size:.82rem;color:#b9af9d}.fee-result strong{font-family:Georgia,"Times New Roman",serif;font-size:2.5rem;color:#f6da87}.fee-line{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.79rem;color:#aaa08e}.fee-line b{color:#e9d79e}.calc-note{font-size:.72rem;color:#877d6b;margin:16px 0 0}.economics-explain{padding:20px 0}.tick-list{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:13px;color:#c8bca8}.tick-list li{position:relative;padding-left:28px}.tick-list li:before{content:"✓";position:absolute;left:0;color:var(--gold2);font-weight:900}.model-block{margin-top:72px;border-top:1px solid var(--line);padding-top:42px}.model-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}.model-heading h3{font-size:2.4rem}.model-heading p:last-child{font-size:.82rem}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.metric-grid article{border:1px solid rgba(220,178,85,.19);background:#090909;padding:24px;border-radius:18px}.metric-grid span{font-size:.66rem;color:var(--gold2);letter-spacing:.14em;font-weight:900}.metric-grid b{display:block;font-family:Georgia,"Times New Roman",serif;font-size:2.3rem;color:#fff4cf;margin:7px 0}.metric-grid p{font-size:.77rem;margin:0}.table-scroll{overflow:auto;border:1px solid rgba(220,178,85,.19);border-radius:18px}.table-scroll table{width:100%;min-width:820px;border-collapse:collapse;background:#080808}.table-scroll th,.table-scroll td{padding:15px 17px;border-bottom:1px solid rgba(220,178,85,.1);text-align:left}.table-scroll th{background:rgba(220,178,85,.08);color:var(--gold2);font-size:.67rem;letter-spacing:.1em;text-transform:uppercase}.table-scroll td{color:#d1c5b0;font-size:.82rem}.table-scroll tr:last-child td{border-bottom:0}

.dual-earn{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center}.earn-layer{display:grid;grid-template-columns:auto 1fr;gap:22px;border:1px solid rgba(240,205,117,.22);background:#090909;padding:30px;border-radius:26px}.earn-layer>span{display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--gold);border-radius:50%;color:var(--gold2);font-weight:900}.earn-layer h3{color:#fff0c4;margin-bottom:10px}.earn-layer p:last-child{font-size:.9rem;margin-bottom:0}.plus-mark{font-family:Georgia,serif;color:var(--gold2);font-size:3.3rem}.launch-rule{margin-top:24px;border:1px solid rgba(183,227,180,.18);background:rgba(183,227,180,.035);padding:22px 24px;border-radius:20px}.launch-rule b{color:#cde9c9;font-size:.68rem;letter-spacing:.14em}.launch-rule p{margin:6px 0 0;font-size:.86rem}



/* Forms */

.access-section{background:radial-gradient(circle at 75% 30%,rgba(211,161,60,.08),transparent 38%),#070707;border-top:1px solid rgba(220,178,85,.12)}.form-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(38px,7vw,90px);align-items:start}.form-intro{position:sticky;top:calc(var(--header) + 30px)}.form-intro h2{font-size:clamp(2.7rem,5vw,4.6rem)}.form-promise{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.form-promise span{border:1px solid rgba(240,205,117,.18);padding:8px 10px;border-radius:999px;color:#bdaf93;font-size:.62rem;letter-spacing:.1em}.premium-form{border:1px solid rgba(240,205,117,.23);background:linear-gradient(145deg,rgba(20,19,16,.92),rgba(7,7,7,.94));box-shadow:var(--shadow);padding:clamp(22px,4vw,38px);border-radius:26px}.premium-form label,.premium-form legend{display:block;color:#dfd5c4;font-size:.76rem;font-weight:850;letter-spacing:.02em}.premium-form input,.premium-form select,.premium-form textarea{width:100%;margin-top:7px;border:1px solid rgba(220,178,85,.22);background:#060606;color:#f7efde;border-radius:12px;padding:13px 14px;outline:0}.premium-form input:focus,.premium-form select:focus,.premium-form textarea:focus{border-color:var(--gold2);box-shadow:0 0 0 3px rgba(220,178,85,.09)}.premium-form select option{background:#111;color:#fff}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.premium-form>*+*{margin-top:14px}.phone-row{display:grid;grid-template-columns:minmax(150px,.55fr) 1.45fr;gap:10px;margin-top:7px!important}.phone-row select,.phone-row input{margin-top:0}.premium-form fieldset{border:1px solid rgba(220,178,85,.16);border-radius:16px;padding:16px;margin-inline:0}.premium-form legend{padding:0 7px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px;margin-top:7px}.check-grid label{display:flex;align-items:center;gap:8px;color:#c7bda9;font-size:.75rem;font-weight:650}.check-grid input{width:auto;margin:0}.check-line{display:flex!important;align-items:flex-start;gap:9px;line-height:1.42}.check-line input{width:auto;margin:2px 0 0}.check-line span{font-weight:650;color:#bfb4a0}.linkedin-input{color:#d8cba9!important}



/* Footer */

.site-footer{border-top:1px solid rgba(220,178,85,.16);background:#030303;padding:58px 0 22px}.footer-main{display:grid;grid-template-columns:1.2fr .8fr .8fr 1.25fr;gap:44px;align-items:start}.footer-brand img{width:82px;height:82px;border-radius:20px;border:1px solid rgba(240,205,117,.19);margin-bottom:16px}.footer-brand p{font-family:Georgia,"Times New Roman",serif;color:#e9d8aa;font-size:1.15rem;line-height:1.25}.footer-col h4{font-size:.69rem;color:var(--gold2);letter-spacing:.14em;text-transform:uppercase;margin-bottom:15px}.footer-col a{display:block;color:#ada28e;font-size:.8rem;margin:8px 0}.footer-col a:hover{color:#f1d786}.footer-col p{font-size:.78rem;margin-top:0}.footer-bottom{margin-top:42px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;gap:20px;align-items:center;color:#6e665a;font-size:.7rem}.footer-bottom a{color:#a18d5a}



/* Reveal */

.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}



@media (max-width:1100px){.site-nav{gap:15px}.site-nav>a:not(.nav-switch):not(.nav-cta){display:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}.capability-grid{grid-template-columns:repeat(2,1fr)}.proof-strip{grid-template-columns:repeat(2,1fr)}.global-grid{gap:30px}}

@media (max-width:900px){

  :root{--header:70px}.container{width:min(var(--max),calc(100% - 30px))}.section{padding:72px 0}.split-heading,.hero-inner,.global-grid,.economics-layout,.form-layout{grid-template-columns:1fr}.split-heading{gap:12px}.hero-inner{padding-block:70px}.hero-copy{max-width:840px}.command-console,.earn-console{max-width:680px}.global-grid{gap:20px}.network-orbit{height:460px}.calculator-panel,.form-intro{position:relative;top:auto}.category-grid{grid-template-columns:repeat(2,1fr)}.dual-earn{grid-template-columns:1fr}.plus-mark{text-align:center;line-height:.7}.footer-main{grid-template-columns:1.2fr 1fr 1fr}.footer-main .footer-col:last-child{grid-column:1/-1}.gateway-logo{width:min(520px,84vw)}

}

@media (max-width:720px){

  .market-metrics{grid-template-columns:1fr}

  .site-header{padding-inline:16px}.menu-button{display:block}.site-nav{display:none;position:absolute;top:var(--header);left:12px;right:12px;flex-direction:column;align-items:stretch;gap:0;background:rgba(5,5,5,.98);border:1px solid var(--line);border-radius:18px;padding:8px;box-shadow:var(--shadow)}.site-nav.open{display:flex}.site-nav>a,.site-nav>a:not(.nav-switch):not(.nav-cta){display:block!important;padding:12px 13px;border-bottom:1px solid rgba(255,255,255,.06)}.site-nav>a:last-child{border-bottom:0}.nav-switch{border-left:0}.nav-cta{border:0;border-radius:10px;background:rgba(220,178,85,.08)}

  h1{font-size:clamp(3rem,14vw,4.9rem)}h2{font-size:clamp(2.35rem,11vw,3.8rem)}.hero-lede{font-size:1.04rem}.feature-grid,.category-grid,.capability-grid,.field-row,.check-grid,.metric-grid,.footer-main,.model-heading{grid-template-columns:1fr}.proof-strip{grid-template-columns:1fr 1fr}.network-orbit{height:390px;transform:scale(.86)}.compare-row{grid-template-columns:1fr;gap:4px}.compare-head{display:none}.compare-row span:first-child{color:#8e826e;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.phone-row{grid-template-columns:1fr}.footer-main .footer-col:last-child{grid-column:auto}.footer-bottom{flex-direction:column;align-items:flex-start}.gateway{padding-bottom:118px}.gateway-logo{width:min(460px,88vw);max-height:48svh;margin-bottom:-7px}.gateway-actions{width:min(440px,100%)}.gateway-actions .btn{width:100%}.gateway-topbar{font-size:.6rem;letter-spacing:.12em}.gateway-kicker{font-size:.62rem}.gateway-line{font-size:1.45rem}.gateway-micro{font-size:.74rem}.world-rail{bottom:52px}.site-footer{padding-top:46px}

}

@media (max-width:460px){.container{width:min(var(--max),calc(100% - 22px))}.section{padding:60px 0}.gateway{padding-inline:12px}.gateway-topbar{left:12px;right:12px}.gateway-topbar .live-network span:last-child{display:none}.city-readout{margin-left:auto}.gateway-logo{width:96vw}.proof-strip{grid-template-columns:1fr}.tech-card,.category-grid article,.capability-grid article{padding:23px}.command-console,.earn-console,.premium-form,.calculator-panel{padding:20px}.network-orbit{height:335px;transform:scale(.74);margin:-30px}.fee-result{align-items:flex-start;flex-direction:column;gap:5px}.footer-bottom{font-size:.65rem}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.world-rail-track,.orbit,.live-dot{animation:none!important}.city-layer,.reveal{transition:none!important}.reveal{opacity:1;transform:none}}



/* =========================================================

   T.I.M PREMIUM SELECT

   ========================================================= */



.tim-select-field {

  width: 100%;

  margin: 22px 0;

}



.tim-select-field > label {

  display: block;

  margin-bottom: 10px;



  font-size: 0.72rem;

  font-weight: 700;

  letter-spacing: 0.16em;

  text-transform: uppercase;



  color: rgba(255, 255, 255, 0.62);

}



.tim-select-wrap {

  position: relative;

  width: 100%;

}



.tim-select-wrap select {

  width: 100%;

  min-height: 64px;



  padding: 0 58px 0 22px;



  appearance: none;

  -webkit-appearance: none;

  -moz-appearance: none;



  border: 1px solid rgba(201, 158, 72, 0.38);

  border-radius: 14px;



  background:

    linear-gradient(

      135deg,

      rgba(255, 255, 255, 0.055),

      rgba(255, 255, 255, 0.015)

    ),

    rgba(8, 8, 8, 0.94);



  color: #ffffff;



  font: inherit;

  font-size: 1rem;

  font-weight: 500;

  letter-spacing: 0.02em;



  outline: none;

  cursor: pointer;



  box-shadow:

    inset 0 1px 0 rgba(255, 255, 255, 0.06),

    0 10px 30px rgba(0, 0, 0, 0.18);



  transition:

    border-color 0.25s ease,

    box-shadow 0.25s ease,

    background 0.25s ease,

    transform 0.25s ease;

}





/* HOVER */



.tim-select-wrap:hover select {

  border-color: rgba(218, 177, 89, 0.75);



  box-shadow:

    inset 0 1px 0 rgba(255, 255, 255, 0.08),

    0 0 0 1px rgba(201, 158, 72, 0.08),

    0 12px 35px rgba(0, 0, 0, 0.24);

}





/* ACTIVE / FOCUS */



.tim-select-wrap select:focus {

  border-color: #d7ad58;



  background:

    linear-gradient(

      135deg,

      rgba(215, 173, 88, 0.09),

      rgba(255, 255, 255, 0.02)

    ),

    rgba(8, 8, 8, 0.97);



  box-shadow:

    0 0 0 3px rgba(215, 173, 88, 0.10),

    0 0 28px rgba(215, 173, 88, 0.10),

    inset 0 1px 0 rgba(255, 255, 255, 0.07);

}





/* CUSTOM GOLD CHEVRON */



.tim-select-arrow {

  position: absolute;



  top: 50%;

  right: 23px;



  width: 9px;

  height: 9px;



  border-right: 2px solid #d7ad58;

  border-bottom: 2px solid #d7ad58;



  transform:

    translateY(-70%)

    rotate(45deg);



  pointer-events: none;



  filter:

    drop-shadow(0 0 5px rgba(215, 173, 88, 0.3));

}





/* DROPDOWN OPTIONS */



.tim-select-wrap select option {

  background: #0b0b0b;

  color: #ffffff;

}





/* MOBILE */



@media (max-width: 768px) {



  .tim-select-wrap select {

    min-height: 58px;



    padding-left: 18px;

    padding-right: 52px;



    font-size: 16px;

    border-radius: 12px;

  }



  .tim-select-arrow {

    right: 20px;

  }

}

/* ============================================================
   T.I.M — UNIVERSAL RESPONSIVE / MOBILE PATCH
   ============================================================ */

/* Prevent accidental page-width overflow */
html,
body {
  width: 100%;
  max-width: 100%;
}

body {
  overflow-x: clip;
}

/* Everything media-based must remain inside the viewport */
img,
video,
svg,
canvas,
iframe {
  max-width: 100%;
  height: auto;
}

/* Long text / URLs must never force a page wider */
p,
a,
span,
strong,
td,
th,
label,
input,
select,
textarea {
  overflow-wrap: anywhere;
}

/* Main containers */
.container {
  width: min(100% - 48px, var(--max));
  margin-inline: auto;
}

/* Tables remain normal on desktop */
.table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-wrap table {
  width: 100%;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 900px) {

  .container {
    width: min(100% - 36px, var(--max));
  }

  .section-pad {
    padding-left: 18px;
    padding-right: 18px;
  }

  table {
    font-size: 15px;
  }

  th,
  td {
    padding: 15px 16px;
  }
}


/* ============================================================
   MOBILE — TABLES BECOME CARDS
   ============================================================ */

@media (max-width: 700px) {

  .container {
    width: calc(100% - 28px);
  }

  .section-pad {
    padding-left: 14px;
    padding-right: 14px;
  }

  /*
    IMPORTANT:
    Remove the desktop 780px minimum width on phones.
  */
  .table-wrap {
    overflow: visible;
    border: 0;
    box-shadow: none;
    background: transparent;
  }

  .table-wrap table {
    min-width: 0 !important;
    width: 100%;
    background: transparent;
  }

  /* Header information will be injected beside each value */
  .table-wrap thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  .table-wrap table,
  .table-wrap tbody,
  .table-wrap tr,
  .table-wrap td {
    display: block;
    width: 100%;
  }

  /* Each desktop row becomes one luxury information card */
  .table-wrap tbody tr {
    margin-bottom: 16px;
    padding: 6px 16px;
    border: 1px solid rgba(217, 182, 106, 0.26);
    border-radius: 20px;
    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,0.055),
        rgba(255,255,255,0.018)
      );
    box-shadow: 0 18px 50px rgba(0,0,0,.24);
  }

  .table-wrap tbody td {
    display: grid;
    grid-template-columns: minmax(105px, 42%) 1fr;
    align-items: start;
    gap: 16px;

    padding: 13px 0;
    border-bottom: 1px solid rgba(217,182,106,.12);

    text-align: right;
    color: #f3ead8;
  }

  .table-wrap tbody td:last-child {
    border-bottom: 0;
  }

  /*
    JS automatically adds data-label from each table heading.
    Example:
    "T.I.M client fee      £2,500"
  */
  .table-wrap tbody td::before {
    content: attr(data-label);

    text-align: left;
    color: var(--gold-2);

    font-size: 11px;
    line-height: 1.35;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
  }


  /* ---------- GENERAL MOBILE CONTENT ---------- */

  h1 {
    font-size: clamp(38px, 11vw, 58px);
    line-height: 1;
  }

  h2 {
    font-size: clamp(30px, 9vw, 46px);
  }

  h3 {
    font-size: 20px;
  }

  p {
    font-size: 16px;
  }

  .hero-lede {
    font-size: 17px;
  }

  .hero-actions {
    width: 100%;
    gap: 12px;
  }

  .hero-actions .btn {
    width: 100%;
  }

  .btn {
    min-height: 52px;
  }

  .cards-grid,
  .category-grid,
  .timeline,
  .split,
  .split.reverse,
  .form-grid,
  .field-row,
  .checkbox-group {
    grid-template-columns: 1fr !important;
  }

  input,
  select,
  textarea {
    width: 100%;
    max-width: 100%;
    font-size: 16px; /* prevents unwanted iPhone zoom */
  }
}


/* ============================================================
   VERY SMALL PHONES — 320px / 360px
   ============================================================ */

@media (max-width: 390px) {

  .container {
    width: calc(100% - 22px);
  }

  .section-pad {
    padding-left: 11px;
    padding-right: 11px;
  }

  .table-wrap tbody tr {
    padding-left: 13px;
    padding-right: 13px;
  }

  .table-wrap tbody td {
    grid-template-columns: 1fr;
    gap: 5px;
    text-align: left;
  }

  .table-wrap tbody td::before {
    margin-bottom: 2px;
  }

  .btn {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}


/* ============================================================
   LARGE DESKTOPS
   ============================================================ */

@media (min-width: 1440px) {

  .container {
    width: min(100% - 80px, var(--max));
  }
}


/* ============================================================
   ACCESSIBILITY / ROTATION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}
/* ============================================================
   T.I.M — MOBILE / TABLET TABLE CLARITY PATCH
   Scope: responsive presentation only. Desktop remains unchanged.
   ============================================================ */

@media (max-width: 900px) {
  /* ----------------------------------------------------------
     PRIVATE CLIENT — ECONOMICS OF ACCESS
     Each comparison row becomes one self-contained card so the
     £0 T.I.M value can never be confused with the traditional fee.
     ---------------------------------------------------------- */
  .compare-table {
    display: grid;
    gap: 14px;
    border: 0;
    border-radius: 0;
    overflow: visible;
    background: transparent;
  }

  .compare-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 16px;
    border: 1px solid rgba(220, 178, 85, .22);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
    color: #c5baa7;
    min-width: 0;
  }

  .compare-row:last-child {
    border-bottom: 1px solid rgba(220, 178, 85, .22);
  }

  /* The desktop column header is redundant on stacked layouts. */
  .compare-row.compare-head {
    display: none;
  }

  /* The access-cost item becomes the title of each mobile card. */
  .compare-row:not(.compare-head) > :first-child {
    display: block;
    margin: 0 0 2px;
    color: #f1dfad;
    font-size: .72rem;
    line-height: 1.35;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
  }

  /* T.I.M and traditional values each get a clearly labelled block. */
  .compare-row:not(.compare-head) > :nth-child(2),
  .compare-row:not(.compare-head) > :nth-child(3) {
    position: relative;
    display: block;
    min-width: 0;
    margin: 0;
    padding: 30px 13px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.07);
    background: rgba(255,255,255,.025);
    color: #d8cdb8;
    font-size: .88rem;
    line-height: 1.45;
    text-align: left;
    overflow-wrap: anywhere;
  }

  .compare-row:not(.compare-head) > :nth-child(2) {
    border-color: rgba(220, 178, 85, .24);
    background: rgba(220, 178, 85, .055);
    color: #f5dfa1;
  }

  .compare-row:not(.compare-head) > :nth-child(2)::before,
  .compare-row:not(.compare-head) > :nth-child(3)::before {
    position: absolute;
    top: 9px;
    left: 13px;
    color: #b9ad96;
    font-size: .59rem;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .11em;
    text-transform: uppercase;
  }

  .compare-row:not(.compare-head) > :nth-child(2)::before {
    content: "T.I.M";
    color: var(--gold2);
  }

  .compare-row:not(.compare-head) > :nth-child(3)::before {
    content: "TRADITIONAL MEMBERSHIP";
  }

  /* Prevent inherited nested <b> styling from changing layout. */
  .compare-row:not(.compare-head) > :nth-child(3) > b {
    color: inherit;
  }

  /* ----------------------------------------------------------
     VERIFIED T.I.M — ILLUSTRATIVE NETWORK MODELLING TABLE
     Convert the 5-column desktop table into labelled cards.
     ---------------------------------------------------------- */
  .table-scroll {
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  .table-scroll table {
    display: block;
    width: 100%;
    min-width: 0 !important;
    background: transparent;
  }

  .table-scroll thead {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  .table-scroll tbody,
  .table-scroll tr,
  .table-scroll td {
    display: block;
    width: 100%;
  }

  .table-scroll tbody tr {
    margin: 0 0 14px;
    padding: 5px 15px;
    border: 1px solid rgba(220, 178, 85, .22);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  }

  .table-scroll tbody td {
    display: grid;
    grid-template-columns: minmax(132px, 43%) minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    padding: 12px 0;
    border-bottom: 1px solid rgba(220, 178, 85, .11);
    color: #d1c5b0;
    text-align: right;
    overflow-wrap: anywhere;
  }

  .table-scroll tbody td:last-child {
    border-bottom: 0;
  }

  .table-scroll tbody td::before {
    text-align: left;
    color: var(--gold2);
    font-size: .62rem;
    line-height: 1.35;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .table-scroll tbody td:nth-child(1)::before { content: "T.I.M type"; }
  .table-scroll tbody td:nth-child(2)::before { content: "Jobs / month"; }
  .table-scroll tbody td:nth-child(3)::before { content: "Avg payout / job"; }
  .table-scroll tbody td:nth-child(4)::before { content: "Monthly income"; }
  .table-scroll tbody td:nth-child(5)::before { content: "Annual income"; }
}

@media (max-width: 420px) {
  /* Extra-small phones: labels sit above values rather than beside them. */
  .table-scroll tbody td {
    grid-template-columns: 1fr;
    gap: 4px;
    text-align: left;
  }

  .compare-row {
    padding: 14px;
  }

  .compare-row:not(.compare-head) > :nth-child(2),
  .compare-row:not(.compare-head) > :nth-child(3) {
    padding-left: 12px;
    padding-right: 12px;
  }
}

/* ============================================================
   SHARED PAGE SPACING — MOBILE, TABLET AND DESKTOP
   Keep this block after earlier page-specific spacing rules.
   ============================================================ */
:root {
  --page-gutter: clamp(16px, 2.5vw, 32px);
  --hero-top-space: clamp(24px, 3vw, 40px);
  --section-space: clamp(48px, 6vw, 88px);
}

/* Client and verified T.I.M pages. */
.interior-page .container {
  width: min(var(--max), calc(100% - var(--page-gutter) * 2));
}

.interior-page .interior-hero {
  align-items: flex-start;
}

.interior-page .interior-hero .hero-inner {
  padding-top: var(--hero-top-space);
  padding-bottom: 100px;
}

.interior-page .section {
  padding-block: var(--section-space);
  scroll-margin-top: calc(var(--header) + 20px);
}

.interior-page .site-footer {
  padding-top: clamp(40px, 5vw, 64px);
  padding-bottom: 24px;
}

/* Homepage: reserve room for the top bar, city rail and footer. */
.gateway-page .gateway {
  padding-top: calc(80px + env(safe-area-inset-top, 0px));
  padding-right: max(var(--page-gutter), env(safe-area-inset-right, 0px));
  padding-bottom: calc(120px + env(safe-area-inset-bottom, 0px));
  padding-left: max(var(--page-gutter), env(safe-area-inset-left, 0px));
}

.gateway-page .gateway-core {
  width: min(920px, 100%);
}

/* Both thank-you pages; allow tall content to remain accessible. */
body.thank-you-page {
  overflow-y: auto;
}

.thank-you-page .thank-you-shell {
  min-height: 100svh;
  padding-top: calc(clamp(24px, 4vw, 48px) + env(safe-area-inset-top, 0px));
  padding-right: max(var(--page-gutter), env(safe-area-inset-right, 0px));
  padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px));
  padding-left: max(var(--page-gutter), env(safe-area-inset-left, 0px));
}

.thank-you-page .thank-you-card {
  padding: clamp(24px, 4vw, 48px);
}

.tim-page .tim-hero .hero-inner {
  padding-top: clamp(8px, 1.5vw, 16px);
}

.tim-page .tim-hero h1 {
  font-size: calc(clamp(3.2rem, 7vw, 7.4rem) - 8px);
}

@media (max-width: 720px) {
  .tim-page .tim-hero h1 {
    font-size: calc(clamp(3rem, 14vw, 4.9rem) - 8px);
  }
}

@media (max-width: 700px) {
  .tim-page .tim-hero h1 {
    font-size: calc(clamp(38px, 11vw, 58px) - 8px);
  }
}

.tim-page .systems-rail span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 22px;
  font-size: 0.85rem;
  text-align: center;
}

.client-required-star {
  color: #ff8585;
  font-weight: 800;
}

.client-required-note {
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.5;
}