:root{
    --coral:#FB663C; --coral-deep:#E04A1F;
    --ink:#1C1812; --ink-soft:#56504A; --ink-faint:#8C8378;
    --paper:#FFFFFF; --cream:#FAF6F1; --line:#E7DFD5; --line-strong:#1C1812;
    --teal:#0C4A45; --ok:#1F8A5B; --logo-h:60px;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
  a{color:inherit;text-decoration:none;}
  .wrap{max-width:1240px;margin:0 auto;padding:0 40px;}

  .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600;font-size:15px;padding:14px 26px;border-radius:6px;border:none;cursor:pointer;transition:all .16s ease;font-family:inherit;}
  .btn-primary{background:var(--coral);color:#fff;}
  .btn-primary:hover{background:var(--coral-deep);}
  .btn-dark{background:var(--ink);color:#fff;}
  .btn-dark:hover{background:#000;}
  .btn-out{background:transparent;color:var(--ink);border:1px solid var(--line-strong);}
  .btn-out:hover{background:var(--ink);color:#fff;}
  .btn-lg{padding:16px 32px;font-size:16px;}
  .btn svg{width:17px;height:17px;}

  /* nav */
  nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:78px;padding-top:14px;padding-bottom:14px;}
  .nav-logo{height:var(--logo-h);}
  .nav-links{display:flex;align-items:center;gap:34px;}
  .nav-links a{font-size:14.5px;font-weight:500;color:var(--ink-soft);transition:color .15s;white-space:nowrap;}
  .nav-links a:hover,.nav-links a.active{color:var(--coral-deep);}
  .nav-links a.active{font-weight:600;}
  .nav-actions{display:flex;align-items:center;gap:12px;}
  .nav-actions .btn{padding:11px 22px;font-size:14.5px;white-space:nowrap;}
  .menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;}
  .menu-btn svg{width:26px;height:26px;stroke:var(--ink);}
  @media(max-width:1080px){.nav-links,.nav-actions .btn-out{display:none;}.menu-btn{display:block;}}

  /* hero (light) */
  .hero{background:var(--paper);color:var(--ink);padding:84px 0 72px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);}
  .hero::after{content:"";position:absolute;right:-6%;top:50%;transform:translateY(-50%);width:440px;height:440px;border-radius:50%;border:1px solid rgba(251,102,60,.16);}
  .hero-inner{position:relative;z-index:1;}
  .hero-tag{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--coral-deep);display:flex;align-items:center;gap:10px;}
  .hero-tag::before{content:"";width:28px;height:1px;background:var(--coral);}
  .hero h1{font-family:'Newsreader',Georgia,serif;font-weight:400;font-size:clamp(44px,6.4vw,84px);line-height:1;letter-spacing:-.025em;margin:24px 0 0;max-width:15ch;}
  .hero h1 em{font-style:italic;color:var(--coral-deep);}
  .hero-sub{font-size:19px;color:var(--ink-soft);max-width:54ch;margin-top:26px;}
  .switcher{display:inline-flex;gap:0;margin-top:38px;background:var(--cream);border:1px solid var(--line);border-radius:8px;padding:5px;}
  .sw-btn{padding:12px 30px;border-radius:6px;font-weight:600;font-size:15.5px;cursor:pointer;border:none;background:transparent;color:var(--ink-soft);transition:all .18s;font-family:inherit;}
  .sw-btn.active{background:var(--ink);color:#fff;}

  .tab-content{display:none;}
  .tab-content.active{display:block;}

  .pad{padding:104px 0;}
  .alt{background:var(--cream);}
  .num{font-family:'Newsreader',serif;font-size:15px;color:var(--coral-deep);font-style:italic;}
  h2.title{font-family:'Newsreader',serif;font-weight:400;font-size:clamp(32px,4.4vw,52px);line-height:1.04;letter-spacing:-.02em;margin-top:12px;}
  h2.title em{font-style:italic;color:var(--coral-deep);}

  /* rider steps */
  .steps-layout{display:grid;grid-template-columns:1fr 340px;gap:72px;align-items:start;margin-top:56px;}
  .step-list{border-top:1px solid var(--line-strong);}
  .step-item{display:grid;grid-template-columns:54px 1fr;gap:22px;padding:34px 0;border-bottom:1px solid var(--line);cursor:pointer;transition:opacity .2s;}
  .step-item .si-ic{width:54px;height:54px;border-radius:14px;background:var(--cream);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;transition:all .2s;}
  .step-item .si-ic svg{width:25px;height:25px;stroke:var(--coral-deep);fill:none;stroke-width:1.8;transition:stroke .2s;}
  .step-item.active .si-ic,.step-item:hover .si-ic{background:var(--coral);border-color:var(--coral);}
  .step-item.active .si-ic svg,.step-item:hover .si-ic svg{stroke:#fff;}
  .step-num{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--coral-deep);margin-bottom:6px;}
  .step-title{font-family:'Newsreader',serif;font-size:24px;font-weight:500;letter-spacing:-.01em;margin-bottom:8px;}
  .step-desc{font-size:15px;color:var(--ink-soft);}

  /* phone */
  .phone-wrap{position:sticky;top:104px;}
  .phone-outer{background:var(--ink);border-radius:40px;padding:16px;box-shadow:0 40px 90px -50px rgba(28,24,18,.6);width:300px;margin:0 auto;}
  .phone-screen{background:#fff;border-radius:28px;overflow:hidden;min-height:520px;}
  .pscreen{display:none;}
  .pscreen.active{display:block;}
  .pscreen-header{background:var(--ink);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;}
  .pscreen-app{height:20px;}
  .pscreen-status{font-size:11.5px;color:rgba(255,255,255,.6);}
  .pscreen-body{padding:20px;}
  .pmap{background:var(--cream);border:1px solid var(--line);border-radius:12px;height:130px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
  .pmap svg{width:46px;height:46px;}
  .pmap.dark{background:linear-gradient(135deg,#241B15,#3a2c22);border:none;}
  .pinput{background:var(--cream);border-radius:10px;padding:12px 14px;margin-bottom:8px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:10px;}
  .pinput svg{width:16px;height:16px;flex-shrink:0;stroke:var(--coral-deep);fill:none;stroke-width:2;}
  .pinput.active{background:#FFF1EB;border:1px solid #F8C9B6;}
  .plbl{font-size:11px;color:var(--ink-faint);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin:12px 0 8px;}
  .pfare{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--line);margin:8px 0;}
  .pfare .fl{font-size:13px;color:var(--ink-faint);font-weight:600;}
  .pfare .fl small{display:block;color:var(--ok);font-size:11px;}
  .pfare .fv{font-family:'Newsreader',serif;font-size:28px;color:var(--coral-deep);}
  .pbtn{background:var(--coral);color:#fff;border-radius:10px;padding:13px;text-align:center;font-weight:600;font-size:14.5px;margin-top:8px;}
  .parrive{text-align:center;padding:12px 0 14px;background:#FFF1EB;border-radius:10px;margin-bottom:10px;}
  .parrive .al{font-size:11px;color:var(--coral-deep);font-weight:700;text-transform:uppercase;letter-spacing:.06em;}
  .parrive .av{font-family:'Newsreader',serif;font-size:46px;color:var(--ink);line-height:1;}
  .pdriver{background:var(--cream);border-radius:12px;padding:13px;display:flex;align-items:center;gap:12px;margin-bottom:10px;}
  .pdriver .av{width:42px;height:42px;border-radius:50%;background:var(--coral);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Newsreader',serif;font-size:18px;}
  .pdriver .nm{font-weight:600;font-size:13.5px;}
  .pdriver .mt{font-size:11.5px;color:var(--ink-faint);}
  .ptrack{background:var(--ink);border-radius:12px;padding:13px;color:#fff;text-align:center;font-size:13px;font-weight:600;}
  .pjourney{background:var(--cream);border-radius:12px;padding:14px;margin-bottom:8px;}
  .pjourney .pl{font-size:13px;font-weight:600;}
  .pjourney .pm2{font-size:11px;color:var(--ink-faint);margin:4px 0;}

  /* driver earnings */
  .driver-sec{background:var(--ink);color:#fff;}
  .driver-sec .num{color:var(--coral);}
  .driver-sec h2.title{color:#fff;}
  .earn-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:56px 0 60px;}
  .earn-card{border-radius:16px;padding:38px;}
  .earn-card.old{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);}
  .earn-card.new{background:var(--coral);}
  .earn-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px;}
  .earn-card.old .earn-label{color:var(--ink-faint);}
  .earn-card.new .earn-label{color:rgba(255,255,255,.85);}
  .earn-platform{font-family:'Newsreader',serif;font-size:26px;margin-bottom:22px;}
  .earn-row{display:flex;justify-content:space-between;padding:12px 0;font-size:14.5px;align-items:center;}
  .earn-card.old .earn-row{border-bottom:1px solid rgba(255,255,255,.08);}
  .earn-card.new .earn-row{border-bottom:1px solid rgba(255,255,255,.22);}
  .earn-row .lb{font-weight:500;opacity:.82;}
  .earn-row .vl{font-family:'Newsreader',serif;font-size:20px;}
  .earn-total{margin-top:14px;padding-top:14px;}
  .earn-total .lb{font-weight:600;opacity:1;}
  .earn-total .vl{font-size:34px;}
  .earn-card.old .earn-total .vl{color:#fff;}
  .neg{color:#FF9B82;}
  .earn-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);}
  .ds-card{background:var(--ink);padding:34px;transition:background .2s;}
  .ds-card:hover{background:rgba(251,102,60,.08);}
  .ds-num{font-family:'Newsreader',serif;font-size:46px;color:var(--coral);font-style:italic;line-height:1;margin-bottom:14px;}
  .ds-title{font-family:'Newsreader',serif;font-size:22px;font-weight:500;margin-bottom:10px;}
  .ds-body{font-size:14.5px;color:rgba(255,255,255,.66);}

  /* subscription */
  .sub-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:center;}
  .sub-price{font-family:'Newsreader',serif;font-size:130px;color:var(--coral-deep);line-height:.9;letter-spacing:-.03em;}
  .sub-per{font-size:15px;color:var(--ink-soft);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-top:8px;}
  .sub-note{font-size:13px;color:var(--ink-faint);margin-top:6px;}
  .sub-includes{list-style:none;margin-top:28px;}
  .sub-includes li{display:flex;align-items:flex-start;gap:13px;padding:11px 0;font-size:15.5px;color:var(--ink-soft);border-top:1px solid var(--line);}
  .sub-includes li:first-child{border-top:none;}
  .sub-includes li svg{width:19px;height:19px;flex-shrink:0;margin-top:2px;stroke:var(--coral-deep);fill:none;stroke-width:2.4;}

  /* faq */
  .faq{max-width:880px;margin:56px auto 0;}
  .qa{border-bottom:1px solid var(--line);}
  .qa summary{list-style:none;cursor:pointer;padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:19px;font-weight:600;font-family:'Newsreader',serif;}
  .qa summary::-webkit-details-marker{display:none;}
  .qa summary .pm{width:24px;height:24px;flex-shrink:0;position:relative;}
  .qa summary .pm::before,.qa summary .pm::after{content:"";position:absolute;background:var(--coral-deep);transition:transform .2s;}
  .qa summary .pm::before{top:11px;left:4px;width:16px;height:2px;}
  .qa summary .pm::after{top:4px;left:11px;width:2px;height:16px;}
  .qa[open] summary .pm::after{transform:rotate(90deg);opacity:0;}
  .qa p{padding:0 0 24px;font-size:16px;color:var(--ink-soft);max-width:70ch;}

  /* download cta */
  .dl{background:var(--ink);color:#fff;}
  .dl-inner{display:grid;grid-template-columns:1fr auto;gap:56px;align-items:center;}
  .dl h2{font-family:'Newsreader',serif;font-weight:400;font-size:clamp(36px,4.6vw,64px);line-height:1.02;letter-spacing:-.02em;}
  .dl h2 em{font-style:italic;color:var(--coral);}
  .dl p{font-size:17px;color:rgba(255,255,255,.65);margin-top:16px;max-width:46ch;}
  .dl-btns{display:flex;flex-direction:column;gap:13px;min-width:250px;}
  .app-btn{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:#fff;padding:14px 22px;border-radius:12px;transition:all .18s;}
  .app-btn:hover{border-color:var(--coral);background:rgba(251,102,60,.1);}
  .app-btn.feat{border-color:var(--coral);background:rgba(251,102,60,.12);}
  .app-btn svg{width:24px;height:24px;fill:#fff;flex-shrink:0;}
  .app-btn .small{font-size:11px;color:rgba(255,255,255,.6);font-weight:600;text-transform:uppercase;letter-spacing:.04em;}
  .app-btn .name{font-size:15px;font-weight:700;}

  footer{background:#0D0B09;color:rgba(255,255,255,.65);padding:60px 0 34px;}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:48px;}
  .foot-logo{height:var(--logo-h);margin-bottom:20px;}
  .foot-about{font-family:'Newsreader',serif;font-size:17px;line-height:1.6;max-width:30ch;}
  .foot-col h5{color:#fff;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;}
  .foot-col a{display:block;font-size:14.5px;margin-bottom:12px;transition:color .15s;}
  .foot-col a:hover{color:var(--coral);}
  .foot-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:52px;padding-top:30px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12.5px;color:rgba(255,255,255,.5);}

  @media(max-width:980px){
    .steps-layout{grid-template-columns:1fr;gap:48px;}
    .phone-wrap{position:static;order:-1;}
    .earn-grid{grid-template-columns:1fr;}
    .earn-steps{grid-template-columns:1fr;}
    .sub-grid{grid-template-columns:1fr;gap:40px;text-align:center;}
    .sub-includes li{text-align:left;}
    .dl-inner{grid-template-columns:1fr;gap:36px;}
    .foot-grid{grid-template-columns:1fr 1fr;}
  }
  @media(max-width:680px){
    .wrap{padding:0 22px;}
    .nav-actions .btn-out{display:none;}
    .menu-btn{display:block;}
    .foot-grid{grid-template-columns:1fr;}
  }