﻿@import url('https://fonts.googleapis.com/css2?family=Anton&family=Barlow+Condensed:wght@400;600;700&family=Barlow:wght@400;500&display=swap');

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
html,body{background:#000000;color:#f0ede8;}
body.nav-open-body{overflow:hidden;}
.fmn{font-family:'Barlow',sans-serif;background:#000000;color:#f0ede8;overflow-x:hidden;}
.fmn-head{display:flex;justify-content:space-between;align-items:center;padding:18px 32px;border-bottom:1px solid #000000;background:#000000;}
.fmn-logo{font-family:'Anton',sans-serif;font-size:22px;letter-spacing:2px;color:#FF5B00;}
.fmn-logo span{color:#ffffff;}
.fmn-nav{display:flex;gap:24px;}
.nav-toggle{display:none;border:1px solid #000000;background:#000000;width:38px;height:34px;border-radius:2px;align-items:center;justify-content:center;gap:4px;flex-direction:column;cursor:pointer;}
.nav-toggle span{display:block;width:16px;height:2px;background:#f0ede8;transition:transform .2s ease,opacity .2s ease;}
.fmn-head.nav-open .nav-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg);}
.fmn-head.nav-open .nav-toggle span:nth-child(2){opacity:0;}
.fmn-head.nav-open .nav-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
.fmn-nav a{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#888;text-decoration:none;transition:color .2s;}
.fmn-nav a:hover{color:#FF5B00;}
.fmn-nav a.is-active{color:#f0ede8;}
.fmn-nav a:focus-visible{outline:2px solid #00E5FF;outline-offset:2px;border-radius:2px;}
.fmn-nav .cta-nav{background:#FF5B00;color:#0a0a0a;padding:8px 18px;border-radius:2px;font-weight:700;}
.fmn-nav .cta-nav:hover{background:#FF5B00;color:#0a0a0a;}

.fmn-hero{padding:70px 32px 60px;display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:center;border-bottom:1px solid #000000;background:#000000;}
.hero-eyebrow{font-family:'Dom Casual','Comic Sans MS',cursive;font-size:22px;font-weight:700;letter-spacing:1.1px;text-transform:none;color:#00E5FF;margin:0 auto 16px;width:fit-content;text-align:center;position:relative;min-height:1.4em;}
.hero-eyebrow .typewriter-text-content{display:inline;}
.hero-eyebrow .cursor{display:inline-block;width:3px;height:1.1em;background:#00E5FF;margin-left:3px;animation:blink 0.7s infinite;vertical-align:middle;}
@keyframes blink{0%,49%{background:#00E5FF;opacity:1;}50%,100%{opacity:0;}}
.hero-patches{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:14px;}
.hero-patch{display:inline-block;padding:4px 26px;box-shadow:0 8px 16px rgba(0,0,0,.28);}
.hero-patch span{display:block;font-family:'Anton',sans-serif;font-size:84px;line-height:.92;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;}
.hero-patch-orange{background:#FF5B00;}
.hero-patch-orange span{color:#ffffff;}
.hero-patch-white{background:#f2f2f2;}
.hero-patch-white span{color:#FF5B00;}
.tilt-left{transform:rotate(-2deg);}
.tilt-right{transform:rotate(1.8deg);}
.hero-live-tag{display:block;width:fit-content;border:1px solid #FF5B00;border-radius:4px;background:#000000;padding:10px 24px;font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:700;letter-spacing:1.5px;color:#FF5B00;text-transform:uppercase;margin:0 auto 6px;text-align:center;}
.hero-sub{font-family:sans-serif;font-size:17px;font-weight:500;color:#ffffff;line-height:1.78;letter-spacing:.12px;margin:20px 0 32px;max-width:480px;}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;}
.btn-primary{font-family:'Barlow',sans-serif;font-size:14px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;background:#FF5B00;color:#ffffff;border:1px solid rgba(255,255,255,.04);padding:14px 30px;border-radius:4px;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 10px 20px rgba(255,91,0,.18),inset 0 1px 0 rgba(255,255,255,.06);}
.btn-secondary{font-family:'Barlow',sans-serif;font-size:14px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;background:#101216;color:#d9e0e8;border:1px solid #2a313c;padding:14px 30px;border-radius:4px;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 10px 18px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.03);}
.btn-primary.ribbon-cut{position:relative;overflow:visible;padding-right:56px;}
.btn-primary.ribbon-cut .btn-text{display:inline-block;}
.btn-ribbon{position:absolute;right:-9px;top:-7px;width:34px;height:13px;pointer-events:none;transform:rotate(-3deg);}
.btn-ribbon::before,.btn-ribbon::after{content:'';position:absolute;top:0;width:50%;height:100%;background:#f4f4f4;border:1px solid rgba(255,91,0,.45);box-shadow:0 2px 6px rgba(0,0,0,.22);transition:transform .32s ease,opacity .25s ease;}
.btn-ribbon::before{left:0;border-right:none;border-radius:3px 0 0 3px;transform-origin:right center;}
.btn-ribbon::after{right:0;border-left:none;border-radius:0 3px 3px 0;transform-origin:left center;}
.btn-primary.ribbon-cut.is-cut .btn-ribbon::before{transform:translate(-9px,-4px) rotate(-26deg);opacity:.15;}
.btn-primary.ribbon-cut.is-cut .btn-ribbon::after{transform:translate(10px,5px) rotate(30deg);opacity:.15;}
.btn-primary.ribbon-cut.is-cut{filter:brightness(1.06);}
.btn-primary.ribbon-cut[data-burst="active"]{transform:scale(1.02);box-shadow:0 14px 26px rgba(255,91,0,.28),inset 0 1px 0 rgba(255,255,255,.08);}
.celebration-layer{position:fixed;inset:0;pointer-events:none;z-index:2147483647;overflow:hidden;isolation:isolate;opacity:0;visibility:hidden;transition:opacity .08s linear,visibility .08s linear;}
.burst-active .celebration-layer{opacity:1;visibility:visible;}
.celebration-layer.burst-now{opacity:1;visibility:visible;}
.celebration-layer::before{content:'';position:absolute;inset:0;background:transparent;}
.celebration-piece{position:absolute;width:11px;height:16px;border-radius:2px;opacity:.96;animation:celebrationFall 3s linear forwards;will-change:transform,opacity;}
.celebration-piece.cyan{background:#00E5FF;}
.celebration-piece.orange{background:#FF5B00;}
.celebration-piece.white{background:#f0ede8;}
@keyframes celebrationFall{
  0%{transform:translate3d(0,-10vh,0) rotate(0deg);opacity:0;}
  10%{opacity:1;}
  100%{transform:translate3d(var(--drift,0),110vh,0) rotate(var(--spin,450deg));opacity:0;}
}
.btn-primary,.btn-secondary{transition:transform .18s ease,box-shadow .18s ease,color .2s ease,border-color .2s ease,background-color .2s ease,filter .2s ease;}
.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px);filter:brightness(1.03);}
.btn-primary:active,.btn-secondary:active{transform:translateY(-1px);}
.btn-secondary:hover{border-color:#FF5B00;color:#FF5B00;background:#141922;box-shadow:0 12px 20px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.04);}
.hero-stats{display:flex;gap:28px;margin-top:40px;padding-top:28px;border-top:1px solid #1e1e1e;}
.stat-num{font-family:'Anton',sans-serif;font-size:28px;color:#FF5B00;}
.stat-label{font-size:11px;color:#555;letter-spacing:1px;text-transform:uppercase;margin-top:2px;}
.trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;}
.trust-pill{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:7px 12px;border:1px solid #222;background:#111;color:#8a8a8a;border-radius:2px;}
.hero-eyebrow,.hero-patches,.hero-live-tag,.hero-sub,.hero-btns,.hero-stats,.trust-row,.hero-phone-wrap{opacity:1;transform:none;filter:none;transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1),filter .55s ease;}
.fmn-hero.is-visible .hero-eyebrow{opacity:1;transform:translateY(0);filter:blur(0);transition-delay:.05s;}
.fmn-hero.is-visible .hero-patches{opacity:1;transform:translateY(0);filter:blur(0);transition-delay:.16s;}
.fmn-hero.is-visible .hero-live-tag{opacity:1;transform:translateY(0);filter:blur(0);transition-delay:.22s;}
.fmn-hero.is-visible .hero-sub{opacity:1;transform:translateY(0);filter:blur(0);transition-delay:.34s;}
.fmn-hero.is-visible .hero-btns{opacity:1;transform:translateY(0);filter:blur(0);transition-delay:.40s;}
.fmn-hero.is-visible .hero-stats{opacity:1;transform:translateY(0);filter:blur(0);transition-delay:.46s;}
.fmn-hero.is-visible .trust-row{opacity:1;transform:translateY(0);filter:blur(0);transition-delay:.52s;}
.fmn-hero.is-visible .hero-phone-wrap{opacity:1;transform:translateY(0);filter:blur(0);transition-delay:.3s;}
.fmn-hero.is-visible .hero-phone-wrap{animation:heroPhoneFloat 4.4s ease-in-out 1.05s infinite alternate;transform-origin:50% 60%;}
@keyframes heroPhoneFloat{0%{transform:translateY(0) rotate(0deg);}100%{transform:translateY(-6px) rotate(0.35deg);}}

.hero-visual-wrap{display:flex;justify-content:center;align-items:center;position:relative;min-height:460px;background:#000000;}
.hero-visual-main{width:min(100%,320px);height:auto;display:block;filter:drop-shadow(0 18px 34px rgba(0,0,0,.42));transform:translateX(-24px) rotate(-4deg);position:relative;z-index:2;}
.hero-visual-secondary{width:min(100%,340px);height:auto;display:block;filter:drop-shadow(0 22px 40px rgba(0,0,0,.46));transform:translateX(-112px) translateY(28px) rotate(5deg);position:relative;z-index:1;}

.hero-phone{width:200px;height:380px;background:#111;border-radius:28px;border:2px solid #222;margin:0 auto;overflow:hidden;display:flex;flex-direction:column;}
.phone-status{background:#000000;padding:10px 16px 6px;display:flex;justify-content:space-between;align-items:center;}
.phone-status-time{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;color:#f0ede8;}
.phone-status-icons{display:flex;gap:4px;align-items:center;}
.phone-body{flex:1;background:#000000;position:relative;overflow:hidden;}
.map-bg{width:100%;height:100%;background:#000000;position:relative;}
.map-grid-h{position:absolute;left:0;right:0;border-top:1px solid #1a2030;}
.map-grid-v{position:absolute;top:0;bottom:0;border-left:1px solid #1a2030;}
.map-road-h{position:absolute;left:0;right:0;background:#1a2535;height:8px;}
.map-road-v{position:absolute;top:0;bottom:0;background:#1a2535;width:8px;}
.bus-dot{position:absolute;width:18px;height:18px;background:#FF5B00;border-radius:50%;border:2px solid #0d0d0d;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.35);}
.bus-dot.cyan{background:#00E5FF;}
.bus-dot svg{width:10px;height:10px;display:block;}
.bus-dot path{fill:#0a0a0a;}
.map-bg .bus-dot{animation:busDotDriftA 5.6s ease-in-out infinite alternate;will-change:transform;}
.map-bg .bus-dot.drift-a{animation-name:busDotDriftA;animation-duration:5.4s;animation-delay:.15s;}
.map-bg .bus-dot.drift-b{animation-name:busDotDriftB;animation-duration:6.2s;animation-delay:.35s;}
.map-bg .bus-dot.drift-c{animation-name:busDotDriftC;animation-duration:5.8s;animation-delay:.2s;}
.map-bg .bus-dot.drift-d{animation-name:busDotDriftD;animation-duration:6.6s;animation-delay:.45s;}
.pulse-ring{position:absolute;width:22px;height:22px;border-radius:50%;border:2px solid #FF5B00;opacity:0.4;top:-6px;left:-6px;animation:pulse 2s infinite;}
@keyframes pulse{0%{transform:scale(1);opacity:0.4;}100%{transform:scale(1.8);opacity:0;}}
@keyframes busDotDriftA{0%{transform:translate3d(0,0,0);}100%{transform:translate3d(7px,-4px,0);}}
@keyframes busDotDriftB{0%{transform:translate3d(0,0,0);}100%{transform:translate3d(-6px,5px,0);}}
@keyframes busDotDriftC{0%{transform:translate3d(0,0,0);}100%{transform:translate3d(5px,3px,0);}}
@keyframes busDotDriftD{0%{transform:translate3d(0,0,0);}100%{transform:translate3d(-4px,-5px,0);}}
.map-label{position:absolute;font-family:'Barlow Condensed',sans-serif;font-size:8px;font-weight:700;letter-spacing:1px;color:#334;text-transform:uppercase;}
.phone-bottom-bar{background:#111;border-top:1px solid #1e1e1e;display:flex;justify-content:space-around;padding:8px 0 10px;}
.tab-icon{display:flex;flex-direction:column;align-items:center;gap:2px;}
.tab-dot{width:4px;height:4px;border-radius:50%;background:#FF5B00;}
.tab-icon svg{width:16px;height:16px;}

/* Speed up first paint by skipping deep rendering for below-the-fold sections */
.fmn-features,.fmn-how,.fmn-community,.fmn-faq,.fmn-cta,.fmn-footer{content-visibility:auto;contain-intrinsic-size:900px;}

.fmn-features{padding:70px 32px;background:#000000;}
.section-label{font-family:'Dom Casual','Comic Sans MS',cursive;font-size:20px;font-weight:700;letter-spacing:1.1px;text-transform:none;color:#00E5FF;margin-bottom:18px;}
.section-h2{font-family:'Anton',sans-serif;font-size:56px;line-height:.96;color:#f0ede8;margin-bottom:54px;}
.fmn-features .section-h2,.fmn-how .section-h2{font-size:48px;line-height:.98;}
.feat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:#1a1a1a;}
.feat-card{background:#0f0f0f;padding:22px;position:relative;overflow:hidden;opacity:1;transform:none;transition:opacity .5s ease,transform .5s cubic-bezier(.22,.8,.22,1);}
.feat-card.is-visible{opacity:1;transform:translateY(0) scale(1);}
.feat-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:#FF5B00;}
.feat-card.cyan::before{background:#00E5FF;}
.feat-num{font-family:'Anton',sans-serif;font-size:32px;color:#2f3844;position:absolute;top:12px;right:16px;line-height:1;opacity:.72;text-shadow:0 0 14px rgba(0,0,0,.45);}
.feat-icon{width:36px;height:36px;border-radius:2px;background:transparent;display:flex;align-items:center;justify-content:center;margin-bottom:12px;}
.feat-icon svg{width:18px;height:18px;}
.feat-h3{font-family:'Anton',sans-serif;font-size:26px;line-height:.96;letter-spacing:.8px;text-transform:uppercase;color:#f0ede8;margin-bottom:8px;max-width:16ch;}
.feat-p{font-size:14px;color:#9aa4af;line-height:1.4;max-width:36ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.feat-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px;}
.tag{font-family:'Barlow Condensed',sans-serif;font-size:9px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;padding:3px 8px;border:1px solid #222;color:#6e7782;border-radius:999px;}

.fmn-how{padding:60px 32px;background:#000000;border-top:1px solid #000000;border-bottom:1px solid #000000;}
.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:#1a1a1a;margin-top:40px;position:relative;}
.step-line{display:none;}
.step{text-align:left;position:relative;padding:23px 19px;background:#0f0f0f;overflow:hidden;}
.step::before{display:none;}
.step-circle{width:50px;height:50px;border-radius:50%;background:#141414;border:2px solid #FF5B00;margin:0 0 14px;display:flex;align-items:center;justify-content:center;font-family:'Anton',sans-serif;font-size:26px;line-height:1;color:#FF5B00;position:relative;z-index:1;transition:border-color .35s ease,background-color .35s ease,transform .35s ease;}
.step:nth-of-type(even) .step-circle{border-color:#00E5FF;color:#00E5FF;}
.step-circle.active,.step-circle.is-active{border-color:#FF5B00;background:#1a0a00;transform:translateY(-2px);}
.step:nth-of-type(even) .step-circle.active,.step:nth-of-type(even) .step-circle.is-active{border-color:#00E5FF;background:#001a1e;}
.step-h{font-family:'Anton',sans-serif;font-size:26px;line-height:.94;letter-spacing:.8px;text-transform:uppercase;color:#f0ede8;margin-bottom:8px;max-width:12ch;}
.step-p{font-size:15px;color:#7f8994;line-height:1.6;max-width:30ch;}

.fmn-community{padding:70px 32px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;background:#000000;}
.comm-phones{display:flex;justify-content:center;align-items:center;}
.community-preview-image{width:min(100%,560px);height:auto;display:block;filter:drop-shadow(0 18px 36px rgba(0,0,0,.38));}
.chat-phone{width:160px;height:300px;background:#111;border-radius:22px;border:2px solid #1e1e1e;overflow:hidden;display:flex;flex-direction:column;}
.chat-head{background:#0f0f0f;padding:10px 12px;border-bottom:1px solid #1e1e1e;}
.chat-title{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;color:#f0ede8;letter-spacing:.5px;}
.chat-sub{font-size:9px;color:#00E5FF;margin-top:2px;}
.chat-phone-offset{margin-top:24px;}
.chat-title-cyan{color:#00E5FF;}
.chat-sub-muted{color:#555;}
.chat-msgs{flex:1;padding:10px;display:flex;flex-direction:column;gap:8px;overflow:hidden;}
.msg{max-width:80%;padding:7px 9px;border-radius:2px;font-size:9px;line-height:1.4;}
.msg.in{background:#1a1a1a;color:#ccc;align-self:flex-start;border-left:2px solid #FF5B00;}
.msg.out{background:#1a0a00;color:#FF5B00;align-self:flex-end;border-right:2px solid #FF5B00;}
.msg.sys{background:transparent;color:#333;font-size:8px;text-align:center;align-self:center;font-family:'Barlow Condensed',sans-serif;letter-spacing:1px;text-transform:uppercase;}
.msg-cyan-left{border-left-color:#00E5FF;}
.ride-rating-box{background:#0f0f0f;border:1px solid #222;border-radius:2px;padding:8px;margin-top:4px;}
.ride-rating-label{font-family:'Barlow Condensed',sans-serif;font-size:9px;color:#888;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;}
.ride-rating-stars{display:flex;gap:4px;}
.fmn-community.chat-seq-ready .chat-msgs .msg{opacity:0;transform:translateY(10px);filter:blur(2px);transition:opacity .34s ease,transform .34s cubic-bezier(.22,.8,.22,1),filter .34s ease;}
.fmn-community.chat-seq-ready .chat-msgs .msg.is-msg-visible{opacity:1;transform:translateY(0);filter:blur(0);}
.chat-input-bar{background:#0f0f0f;border-top:1px solid #1e1e1e;padding:8px 10px;display:flex;gap:6px;align-items:center;}
.chat-input-mock{flex:1;height:20px;background:#1a1a1a;border-radius:2px;}

.comm-right .section-h2{font-size:46px;line-height:.95;letter-spacing:.3px;margin-bottom:20px;}
.comm-right p{font-family:'Barlow',sans-serif;font-size:20px;font-weight:500;color:#aeb7c2;line-height:1.72;letter-spacing:.12px;margin-bottom:28px;max-width:52ch;}
.comm-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:640px;}
.chip{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:10px 16px;background:#11151c;border:1px solid #252d39;color:#9aa5b3;border-radius:4px;white-space:nowrap;}

.fmn-faq{padding:60px 32px;border-top:1px solid #000000;background:#000000;}
.text-center{text-align:center;}
.faq-list{max-width:760px;margin:44px auto 0;}
.faq-q{padding:20px 0;border-bottom:1px solid #1a1a1a;display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:16px;transition:opacity .2s ease,transform .2s ease;}
.faq-q:hover{opacity:.95;transform:translateX(1px);}
.faq-q-text{font-family:'Barlow',sans-serif;font-size:22px;font-weight:700;letter-spacing:.1px;color:#f0ede8;line-height:1.3;max-width:calc(100% - 24px);}
.faq-arrow{font-size:22px;color:#FF5B00;transition:transform .3s,color .2s ease;flex:0 0 auto;}
.faq-q:hover .faq-arrow{color:#ffffff;}
.faq-answer{font-family:'Barlow',sans-serif;font-size:17px;font-weight:500;color:#98a2ae;line-height:1.78;padding:0 0 18px;display:none;max-width:66ch;}
.faq-q.open + .faq-answer{display:block;}
.faq-q.open .faq-arrow{transform:rotate(180deg);}

.fmn-cta{padding:96px 32px 88px;text-align:center;background:#000000;border-top:1px solid #1a1a1a;position:relative;overflow:hidden;isolation:isolate;}
.fmn-cta::before{content:'';position:absolute;inset:-40% -20%;z-index:-1;background:
  radial-gradient(40% 45% at 18% 35%, rgba(255,107,0,.12), transparent 70%),
  radial-gradient(34% 40% at 82% 65%, rgba(0,229,255,.09), transparent 72%);
  filter:blur(22px);
  animation:ctaAtmosDrift 14s ease-in-out infinite alternate;
}
.fmn-cta::before{display:none;}
@keyframes ctaAtmosDrift{0%{transform:translate3d(-2%,0,0) scale(1);}100%{transform:translate3d(2.5%,-1.5%,0) scale(1.04);}}
.cta-h{font-family:'Anton',sans-serif;font-size:58px;color:#f0ede8;line-height:.96;letter-spacing:.3px;margin-bottom:14px;}
.cta-h .ora{color:#FF5B00;}
.cta-sub{font-family:'Barlow',sans-serif;font-size:17px;font-weight:500;color:#aab4bf;line-height:1.72;letter-spacing:.12px;max-width:560px;margin:0 auto 34px;}
.waitlist-callout{position:relative;max-width:560px;height:84px;margin:0 auto 6px;pointer-events:none;}
.waitlist-callout-text{position:absolute;right:0;top:0;font-family:'Dom Casual','Comic Sans MS',cursive;font-size:56px;line-height:.9;color:#ffffff;transform:rotate(-6deg);text-shadow:0 6px 14px rgba(0,0,0,.35);padding:6px 8px 8px;isolation:isolate;}
.waitlist-callout-text::before{content:'';position:absolute;z-index:-1;left:12%;top:40%;width:58%;height:52%;background:
  radial-gradient(120% 90% at 20% 30%, rgba(255,255,255,.20), rgba(255,255,255,0) 48%),
  radial-gradient(130% 100% at 80% 70%, rgba(0,0,0,.11), rgba(0,0,0,0) 52%),
  linear-gradient(178deg, #ff6a12 0%, #ff5b00 65%, #e95000 100%);
  clip-path:polygon(1% 28%,9% 11%,24% 7%,42% 12%,56% 5%,72% 15%,88% 21%,97% 38%,99% 53%,93% 72%,81% 86%,64% 95%,46% 90%,30% 97%,13% 88%,3% 73%);
  transform:rotate(-3deg) skewX(-9deg);
  box-shadow:0 10px 18px rgba(255,91,0,.28),inset 0 1px 0 rgba(255,255,255,.17);
  border:1px solid rgba(255,255,255,.10);
}
.waitlist-callout-text::after{content:'';position:absolute;z-index:-1;left:14%;top:43%;width:55%;height:46%;opacity:.22;transform:rotate(-3deg) skewX(-9deg);clip-path:polygon(2% 30%,12% 12%,26% 8%,44% 14%,59% 9%,74% 16%,88% 24%,96% 40%,98% 56%,92% 73%,80% 85%,63% 92%,45% 89%,31% 94%,15% 86%,4% 70%);background:repeating-linear-gradient(165deg, rgba(255,255,255,.18) 0 2px, rgba(255,255,255,0) 2px 6px);}
.waitlist-callout-arrow{position:absolute;right:26px;top:26px;width:250px;height:90px;opacity:.96;transform:rotate(2deg);}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:26px;}
.waitlist-wrap{max-width:560px;margin:0 auto;text-align:left;}
.waitlist-label{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:#00E5FF;margin-bottom:10px;display:block;}
.waitlist-form{display:flex;gap:10px;flex-wrap:wrap;}
.waitlist-input{flex:1;min-width:220px;background:#101216;border:1px solid #242a33;color:#f0ede8;padding:15px 14px;border-radius:4px;font-family:'Barlow',sans-serif;font-size:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03);}
.waitlist-input:focus{outline:none;border-color:#00E5FF;}
.waitlist-msg{font-size:12px;color:#8a8a8a;margin-top:10px;min-height:16px;}

.fmn-footer{padding:48px 32px 42px;border-top:1px solid #1a1a1a;display:grid;grid-template-columns:1.25fr 2fr;gap:48px;background:#000000;}
.fmn-footer > div:first-child{background:#0d1014;border:1px solid #1c232d;border-radius:10px;padding:20px 18px 18px;}
.footer-logo{font-family:'Anton',sans-serif;font-size:22px;letter-spacing:2.2px;color:#FF5B00;margin-bottom:12px;}
.footer-logo span{color:#00E5FF;}
.footer-desc{font-size:17px;font-weight:500;color:#d7e0ea;line-height:1.72;margin-bottom:18px;max-width:440px;}
.footer-bottom{grid-column:1/-1;border-top:1px solid #1a1a1a;padding-top:20px;display:flex;justify-content:space-between;align-items:center;}
.footer-copy{font-size:11px;color:#ffffff;}
.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;align-content:start;padding-top:8px;}
.footer-col{padding:4px 0;}
.footer-col h5{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:700;letter-spacing:.4px;color:#f0ede8;margin-bottom:10px;text-transform:none;line-height:1;}
.footer-col a{display:block;font-size:16px;color:#8591a0;text-decoration:none;margin-bottom:10px;line-height:1.35;transition:color .2s ease,transform .2s ease;transform-origin:left center;}
.footer-col a:hover{color:#FF5B00;transform:translateX(2px);}
.footer-link-disabled{display:block;font-size:16px;color:#5d6672;margin-bottom:10px;line-height:1.35;cursor:default;user-select:none;}
.nairobi-badge{font-family:'Dom Casual','Comic Sans MS',cursive;font-size:14px;font-weight:400;letter-spacing:.4px;text-transform:none;color:#ffffff;display:flex;align-items:center;gap:8px;}
.ke-flag-img{width:28px;height:18px;border-radius:2px;border:1px solid #2a3340;object-fit:cover;display:block;}
.footer-social{display:flex;gap:12px;}
.footer-social-brand{margin-top:18px;}
.footer-social-btn{width:34px;height:34px;border:1px solid #2a3340;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.footer-social-btn{background:linear-gradient(180deg,#121722 0%,#0e131c 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 16px rgba(0,0,0,.25);text-decoration:none;transition:border-color .2s ease,transform .18s ease,background-color .2s ease,box-shadow .18s ease;}
.footer-social-btn:hover{border-color:#FF5B00;background:#151b26;transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 18px rgba(0,0,0,.35);}
.social-brand-icon{width:19px;height:19px;display:block;}

@media (min-width: 1025px) and (max-width: 1366px){
  .fmn-hero{grid-template-columns:minmax(0,1fr) 340px;gap:28px;padding:56px 24px 48px;}
  .fmn-hero > div:first-child{max-width:620px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;}
  .hero-sub{max-width:620px;}
  .hero-btns,.hero-stats,.trust-row{justify-content:center;}
  .hero-visual-wrap{min-height:380px;}
  .hero-visual-main{width:min(100%,290px);transform:translateX(-18px) rotate(-4deg);}
  .hero-visual-secondary{width:min(100%,300px);transform:translateX(-88px) translateY(22px) rotate(5deg);}
}

@media (max-width: 1024px){
  .fmn-head{padding:16px 20px;}
  .fmn-nav{gap:12px;}
  .fmn-hero{grid-template-columns:1fr;gap:28px;padding:48px 20px 42px;}
  .section-label{font-size:17px;}
  .hero-eyebrow{font-size:19px;}
  .hero-patch{padding:4px 22px;}
  .hero-patch span{font-size:68px;}
  .hero-live-tag{font-size:18px;padding:9px 20px;}
  .hero-sub{max-width:none;}
  .fmn-features,.fmn-how,.fmn-community,.fmn-faq,.fmn-cta{padding-left:20px;padding-right:20px;}
  .fmn-community{grid-template-columns:1fr;}
  .fmn-features .section-h2,.fmn-how .section-h2{font-size:42px;}
  .comm-right .section-h2{font-size:40px;}
  .hero-visual-wrap{min-height:320px;}
  .hero-visual-main{width:min(100%,260px);transform:translateX(-10px) rotate(-3deg);}
  .hero-visual-secondary{width:min(100%,270px);transform:translateX(-72px) translateY(18px) rotate(4deg);}
  .steps{grid-template-columns:repeat(2,1fr);gap:2px;}
  .step{padding:18px 15px;}
  .step-h{font-size:22px;}
  .step-p{font-size:14px;}
  .step-circle{width:46px;height:46px;font-size:23px;margin-bottom:11px;}
  .step-line{display:none;}
  .fmn-footer{grid-template-columns:1fr;gap:24px;padding:34px 20px;}
  .fmn-footer > div:first-child{padding:18px 16px 16px;}
  .footer-links{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width: 640px){
  .fmn-head{position:relative;padding:14px 14px;}
  .fmn-head::after{content:'';position:fixed;inset:0;background:rgba(5,7,10,.46);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;z-index:20;}
  .fmn-head.nav-open::after{opacity:1;visibility:visible;pointer-events:auto;}
  .fmn-logo{font-size:18px;}
  .nav-toggle{display:flex;position:relative;z-index:31;}
  .fmn-nav{position:absolute;left:14px;right:14px;top:calc(100% + 8px);z-index:31;background:#000000;border:1px solid #000000;border-radius:2px;padding:10px 12px;display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s ease;}
  .fmn-head.nav-open .fmn-nav{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;}
  .fmn-nav a{font-size:14px;font-weight:700;letter-spacing:1px;line-height:1.3;color:#d7dce2;padding:9px 4px;border-bottom:1px solid #000000;}
  .fmn-nav a:hover{color:#ffffff;}
  .fmn-nav a.is-active{color:#ffffff;border-left:2px solid #FF5B00;padding-left:8px;}
  .fmn-nav .cta-nav{display:inline-block;padding:10px 10px;text-align:center;margin-top:4px;border-bottom:none;color:#0a0a0a;}
  .section-label{font-size:15px;}
  .hero-eyebrow{font-size:16px;letter-spacing:1.6px;}
  .hero-patch{padding:4px 14px;}
  .hero-patch span{font-size:50px;}
  .hero-live-tag{font-size:15px;padding:8px 18px;}
  .hero-stats{gap:16px;}
  .hero-btns{width:100%;gap:10px;}
  .hero-sub{font-size:15px;line-height:1.72;}
  .hero-visual-wrap{min-height:500px;max-width:340px;margin:14px auto 6px;}
  .hero-visual-wrap img{position:absolute;}
  .hero-visual-main{width:min(64vw,200px);left:34%;top:30%;transform:translate(-50%,-50%) rotate(-8deg);z-index:2;}
  .hero-visual-secondary{width:min(70vw,220px);left:62%;top:74%;transform:translate(-50%,-50%) rotate(7deg);z-index:1;opacity:.98;}
  .hero-btns a{width:100%;text-align:center;min-height:52px;display:flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:700;letter-spacing:1px;}
  .btn-primary.ribbon-cut{padding-right:34px;}
  .btn-ribbon{right:-5px;top:-5px;width:30px;height:12px;}
  .btn-primary{box-shadow:0 10px 18px rgba(255,91,0,.16),inset 0 1px 0 rgba(255,255,255,.05);}
  .btn-secondary{box-shadow:0 10px 18px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.03);}
  .stat-num{font-size:24px;}
  .fmn-features{padding-top:56px;}
  .fmn-features .section-h2,.fmn-how .section-h2{font-size:36px;line-height:1;}
  .section-h2{font-size:44px;margin-bottom:34px;}
  .feat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:transparent;}
  .feat-card{padding:18px;border:1px solid #171717;}
  .feat-h3{font-size:18px;}
  .feat-p{font-size:11px;}
  .feat-tags{gap:4px;margin-top:10px;}
  .tag{font-size:8px;padding:3px 6px;letter-spacing:.8px;}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:transparent;}
  .step{padding:16px;border:1px solid #171717;}
  .step-h{font-size:18px;}
  .step-p{font-size:14px;}
  .step-circle{width:54px;height:54px;font-size:29px;}
  .comm-right .section-h2{font-size:38px;line-height:1;}
  .comm-right p{font-size:16px;line-height:1.72;}
  .comm-chips{gap:8px;}
  .chip{font-size:11px;padding:9px 13px;}
  .community-preview-image{width:min(100%,540px);}
  .faq-list{max-width:100%;margin-top:36px;}
  .faq-q-text{font-size:18px;}
  .faq-arrow{font-size:18px;}
  .faq-answer{font-size:15px;line-height:1.72;max-width:none;}
  .fmn-footer{grid-template-columns:1fr;}
  .footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;}
  .footer-col h5{font-size:22px;}
  .footer-col a{font-size:15px;margin-bottom:8px;}
  .footer-bottom{flex-direction:column;gap:10px;align-items:flex-start;}
  .footer-social-brand{margin-top:14px;}
  .footer-copy{font-size:10px;}
  .waitlist-form{flex-direction:column;}
  .waitlist-input{width:100%;}
  .faq-q{padding:18px 0;}
  .faq-q-text{font-size:16px;}
  .faq-answer{font-size:14px;line-height:1.72;max-width:none;}
  .fmn-cta{padding:74px 20px 70px;}
  .cta-h{font-size:44px;line-height:.98;}
  .cta-sub{font-size:15px;line-height:1.68;max-width:none;margin-bottom:28px;}
  .waitlist-callout{max-width:100%;height:62px;margin:0 auto 2px;}
  .waitlist-callout-text{font-size:42px;right:8px;top:2px;transform:rotate(-5deg);padding:5px 4px 6px;}
  .waitlist-callout-text::before{left:10%;top:42%;width:58%;height:50%;}
  .waitlist-callout-text::after{left:12%;top:44%;width:54%;height:44%;}
  .waitlist-callout-arrow{right:16px;top:20px;width:170px;height:58px;}
  .cta-btns{margin-bottom:20px;}
  .waitlist-label{font-size:11px;letter-spacing:2px;}
  .waitlist-input{font-size:14px;padding:14px 12px;}
}

@media (max-width: 380px){
  .feat-grid{grid-template-columns:1fr;}
  .feat-card{padding:20px;}
  .feat-h3{font-size:26px;}
  .steps{grid-template-columns:1fr;}
  .comm-right .section-h2{font-size:34px;}
  .comm-right p{font-size:15px;}
  .chip{font-size:10px;padding:8px 12px;}
}

@media (prefers-reduced-motion: reduce){
  .feat-card{opacity:1;transform:none;transition:none;}
  .hero-eyebrow,.hero-patches,.hero-live-tag,.hero-sub,.hero-btns,.hero-stats,.trust-row,.hero-phone-wrap{opacity:1;transform:none;filter:none;transition:none;}
  .step-circle{transition:none;}
  .fmn-hero.is-visible .hero-phone-wrap{animation:none;}
  .map-bg .bus-dot,.pulse-ring{animation:none;}
  .fmn-community.chat-seq-ready .chat-msgs .msg{opacity:1;transform:none;filter:none;transition:none;}
  .fmn-cta::before{animation:none;}
  .btn-primary,.btn-secondary{transition:none;}
  .btn-primary:hover,.btn-secondary:hover,.btn-primary:active,.btn-secondary:active{transform:none;box-shadow:none;}
}

