/* Self-hosted Google Fonts (Archivo, Inter, Source Serif 4), latin and latin-ext. Licence: SIL OFL 1.1. */
@font-face{font-family:'Archivo';font-style:normal;font-weight:800 900;font-display:swap;src:url(fonts/archivo-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-weight:800 900;font-display:swap;src:url(fonts/archivo-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/source-serif-4-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/source-serif-4-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* TravelUPI website. Tokens and components from DESIGN.md; visual reference: reference/website-home.html */
:root{
--ink:#1F1A17;--ink-2:#4A3F38;--muted:#6E625A;--white:#FFFFFF;--sand:#F4F1EC;--cream:#FDF3EA;
--saffron-tint:#FCE3CC;--saffron:#F6B27A;--saffron-deep:#B9531A;--walnut:#3A2A21;--walnut-2:#4A3830;
--line:#D9CFC6;
--display:Archivo,Inter,sans-serif;--serif:'Source Serif 4',Georgia,serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);font-family:Inter,-apple-system,system-ui,sans-serif;color:var(--ink);line-height:1.5;overflow-x:hidden}
a{color:var(--walnut)}a:hover{color:var(--ink)}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.on-dark :focus-visible{outline-color:var(--cream)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:#fff;padding:10px 16px;border-radius:12px;z-index:10}
.skip:focus{top:12px;color:#fff}
.wrap{max-width:1120px;margin:0 auto;padding-left:24px;padding-right:24px}
h1,h2,h3,p{margin:0}

/* wordmark */
.wordmark{font-family:var(--display);font-weight:900;color:var(--ink);text-decoration:none;letter-spacing:-.04em}
.wordmark span{color:var(--saffron-deep)}
.wordmark:hover{color:var(--ink)}
.wordmark{display:inline-flex;align-items:center;min-height:44px}

/* header */
.hero{background:var(--saffron-tint)}
.site-header{max-width:1120px;margin:0 auto;padding:20px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(58,42,33,.08)}
.site-header .wordmark{font-size:30px}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:22px;font-size:15px;font-weight:500}
.nav a{text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.nav a.btn-nav{background:var(--walnut);color:#fff;padding:0 20px;border-radius:14px}
.nav a.btn-nav:hover{color:#fff}
.menu-btn{display:none;min-height:44px;padding:0 18px;border:0;border-radius:14px;background:var(--walnut);color:#fff;font:inherit;font-size:15px;font-weight:500;cursor:pointer}
@media (max-width:860px){
.js .menu-btn{display:inline-block}
.js .nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:4px}
.js .nav[data-open]{display:flex}
.js .nav a{padding:0 4px}
.js .nav a.btn-nav{justify-content:center;margin-top:8px}
}

/* hero */
.hero-inner{max-width:1120px;margin:0 auto;padding:56px 24px 88px;display:flex;flex-wrap:wrap;align-items:center;gap:56px}
.hero-copy{flex:999 1 460px;min-width:0}
.pill{display:inline-block;background:var(--white);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600;color:var(--walnut)}
.hero-copy .pill{margin-bottom:20px}
.display{font-family:var(--display);font-weight:900;font-size:76px;line-height:.98;letter-spacing:-.045em;margin-bottom:24px}
.lead{font-size:21px;color:var(--ink-2);max-width:520px;margin-bottom:36px}
.btn{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;padding:18px 34px;border-radius:16px;font-weight:500;font-size:18px;border:0;font-family:inherit;cursor:pointer}
.btn:hover{color:#fff}
.btn-sm{padding:16px 28px;font-size:16px}
.hero-note{margin-top:20px;font-size:15px;color:var(--ink-2)}
.stage-col{flex:1 1 340px;display:flex;flex-direction:column;align-items:center}
.stage{position:relative;width:360px;height:620px;max-width:100%}
.stage-note{margin-top:8px;font-size:13px;color:var(--ink-2);text-align:center}
.phone{position:absolute;left:40px;top:10px;width:280px;height:590px;border-radius:46px;background:var(--ink);padding:10px}
.screen{position:relative;width:100%;height:100%;border-radius:38px;background:var(--white);overflow:hidden}
.ly{position:absolute;inset:0;opacity:0;padding:34px 20px}
.l1{opacity:1}
.ly-dark{background:var(--ink);color:#fff}
.mini-mark{font-family:var(--display);font-weight:900;font-size:18px;letter-spacing:-.03em}
.mini-mark span{color:var(--saffron-deep)}
.bal{margin-top:22px;border-radius:20px;padding:18px;background:var(--saffron-tint)}
.bal-hi{background:var(--saffron)}
.bal small{display:block;font-size:12px;color:var(--ink-2)}
.bal strong{display:block;font-size:32px;font-weight:600;letter-spacing:-.02em}
.bal-hi small{color:var(--walnut)}
.bal-added{font-weight:600}
.bar{margin-top:12px;background:var(--sand);border-radius:14px;padding:12px;text-align:center;font-size:14px;font-weight:600}
.scan-btn{margin:44px auto 0;width:120px;height:120px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;box-shadow:0 0 0 8px var(--saffron-tint)}
.s-title{font-weight:600;font-size:15px}
.t-center{text-align:center}
.s-label{font-size:12px;color:var(--muted)}
.big{font-family:var(--display);font-size:48px;font-weight:900;letter-spacing:-.04em}
.get{display:inline-block;margin-top:6px;background:var(--saffron-tint);border-radius:8px;padding:4px 10px;font-size:13px;font-weight:600}
.src{margin-top:44px;background:var(--sand);border-radius:14px;padding:14px;font-size:13px}
.src span{color:var(--muted)}
.confirm{margin-top:14px;background:var(--ink);color:#fff;border-radius:14px;padding:13px;text-align:center;font-weight:500;font-size:14px}
.frame{position:relative;margin:60px auto 0;width:180px;height:180px;border:3px solid var(--saffron);border-radius:26px;overflow:hidden}
.grid-q{position:absolute;left:30px;top:30px;width:120px;height:120px;background-image:repeating-linear-gradient(90deg,#fff 0 10px,transparent 10px 20px),repeating-linear-gradient(0deg,#fff 0 10px,transparent 10px 20px);background-blend-mode:difference;opacity:.35}
.scanline{position:absolute;left:12px;right:12px;top:18px;height:3px;border-radius:2px;background:var(--saffron)}
.scan-hint{margin-top:36px;text-align:center;font-size:13px;color:var(--line)}
.tick{margin:96px auto 0;width:88px;height:88px;border-radius:50%;background:var(--saffron);display:flex;align-items:center;justify-content:center}
.paid-amt{margin-top:24px;font-family:var(--display);font-size:36px;font-weight:900;letter-spacing:-.03em}
.paid-to{font-size:15px;margin-top:2px}
.paid-sub{font-size:12px;color:var(--muted);margin-top:6px}
.recent{margin-top:26px;font-size:13px;font-weight:600}
.row{display:flex;justify-content:space-between;font-size:13px}
.row-a{margin-top:8px;background:var(--sand);border-radius:12px;padding:10px 12px}
.row-b{margin-top:6px;color:var(--muted);padding:4px 12px}
.chip{position:absolute;background:var(--white);border-radius:18px;padding:10px 16px 10px 10px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px rgba(58,42,33,.12)}
.chip-1{left:-20px;top:92px}
.chip-2{right:-24px;top:420px}
.chip b{display:block;font-weight:600;font-size:15px}
.chip small{display:block;font-size:12px;color:var(--muted)}
.ico{width:40px;height:40px;flex:none;border-radius:12px;background:var(--saffron-tint);display:flex;align-items:center;justify-content:center}

/* motion: reduced-motion shows the first frame only */
@media (prefers-reduced-motion:no-preference){
.l1{opacity:0;animation:f1 12s infinite}
.l2{animation:f2 12s infinite}
.l3{animation:f3 12s infinite}
.l4{animation:f4 12s infinite}
.l5{animation:f5 12s infinite}
.l6{animation:f6 12s infinite}
.scanline{animation:sweep 1.6s ease-in-out infinite alternate}
.float{animation:bob 4s ease-in-out infinite alternate}
}
@keyframes f1{0%,16%{opacity:1}19%,100%{opacity:0}}
@keyframes f2{0%,16%{opacity:0}19%,34%{opacity:1}37%,100%{opacity:0}}
@keyframes f3{0%,34%{opacity:0}37%,48%{opacity:1}51%,100%{opacity:0}}
@keyframes f4{0%,48%{opacity:0}51%,66%{opacity:1}69%,100%{opacity:0}}
@keyframes f5{0%,66%{opacity:0}69%,84%{opacity:1}87%,100%{opacity:0}}
@keyframes f6{0%,84%{opacity:0}87%,97%{opacity:1}100%{opacity:0}}
@keyframes sweep{from{transform:translateY(0)}to{transform:translateY(140px)}}
@keyframes bob{from{transform:translateY(0)}to{transform:translateY(-8px)}}

/* trust tiles */
.tiles{padding-top:48px}
.tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.tile{background:var(--cream);border-radius:22px;padding:14px;display:flex;align-items:center;gap:18px;font-size:18px}
.tile .ico-lg{width:64px;height:64px;flex:none;border-radius:16px;background:var(--saffron-tint);display:flex;align-items:center;justify-content:center}

/* sections */
.sec{padding-top:112px;padding-bottom:96px}
.h2{font-family:var(--display);font-weight:900;font-size:56px;line-height:1.02;letter-spacing:-.04em}
.center{text-align:center}
.sec-lead{font-size:20px;color:var(--ink-2);max-width:560px;margin:0 auto 56px}
.problem .h2{max-width:760px;margin:0 auto 20px}
.panel{background:var(--saffron-tint);border-radius:32px;padding:48px 24px}
.dark-card{max-width:760px;margin:0 auto;background:var(--ink);color:#fff;border-radius:24px;padding:28px;text-align:left}
.dark-card .t{font-size:17px;font-weight:600;margin-bottom:20px}
.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.opt{background:#2E2722;border-radius:16px;padding:16px}
.opt b{display:block;font-weight:600}
.opt span{display:block;font-size:14px;color:var(--line)}
.opt-us{background:var(--saffron);color:var(--ink)}
.opt-us span{color:var(--ink)}

.story{background:var(--sand)}
.story-in{max-width:760px;margin:0 auto;padding:112px 24px}
.h2-serif{font-family:var(--serif);font-weight:500;font-size:56px;line-height:1.12;letter-spacing:-.015em}
.story .h2-serif{margin-bottom:36px}
.hl{background:var(--saffron);padding:0 12px;border-radius:4px 14px 4px 4px}
.prose{font-size:20px;color:var(--ink-2);display:flex;flex-direction:column;gap:20px}
.prose .em{color:var(--ink);font-weight:500}
.sign{margin-top:40px;font-family:var(--serif);font-size:28px}

.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.step{background:var(--cream);border-radius:26px;padding:32px}
.step .n{font-family:var(--display);font-weight:900;font-size:44px;color:var(--saffron-deep);line-height:1}
.step h3{margin:20px 0 8px;font-size:22px;font-weight:600;line-height:1.3}
.step p{color:var(--ink-2)}
.how .h2{margin-bottom:48px}

.foundation{background:var(--walnut);color:var(--cream)}
.f-in{max-width:1120px;margin:0 auto;padding:112px 24px;display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start}
.f-copy{flex:999 1 480px;min-width:0}
.pill-s{display:inline-block;background:var(--saffron);color:var(--ink);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600;margin-bottom:20px}
.foundation .h2-serif{font-size:52px;margin-bottom:24px}
.f-lead{font-size:19px;color:#E6DCD0;max-width:560px;margin-bottom:32px}
.btn-light{background:var(--cream);color:var(--ink);padding:16px 28px;font-size:16px}
.btn-light:hover{color:var(--ink)}
.pillars{flex:1 1 300px;display:flex;flex-direction:column;gap:12px}
.pillar{background:var(--walnut-2);border-radius:20px;padding:20px 22px}
.pillar b{display:block;font-weight:600;font-size:18px}
.pillar span{color:#D9CBBB;font-size:15px}

.research-sec{padding-top:96px}
.cta-panel{background:var(--saffron-tint);border-radius:32px;padding:48px;display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:space-between}
.cta-copy{flex:999 1 420px;min-width:0}
.cta-copy h2{font-family:var(--display);font-weight:900;font-size:40px;line-height:1.05;letter-spacing:-.035em;margin-bottom:12px}
.cta-copy p{color:var(--ink-2);font-size:18px}

.early{background:var(--sand)}
.early-in{max-width:640px;margin:0 auto;padding:104px 24px;text-align:center}
.early .h2{margin-bottom:14px}
.early-lead{color:var(--ink-2);font-size:19px;margin-bottom:32px}
.form{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.input{flex:1 1 260px;min-width:0;font:inherit;font-size:17px;padding:16px 20px;border:1px solid var(--line);border-radius:16px;background:var(--white);color:var(--ink);min-height:44px}
.form .btn{font-size:17px;padding:16px 28px}
.form-note{margin-top:16px;font-size:14px;color:var(--muted)}
.form-note a{display:inline-block;padding:13px 0;margin:-13px 0}
.form-status{margin-top:12px;font-size:15px;font-weight:600;color:var(--ink);min-height:1.5em}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* footer */
.site-footer{max-width:1120px;margin:0 auto;padding:56px 24px 64px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;font-size:14px;color:var(--muted)}
.foot-brand{max-width:520px}
.foot-brand .wordmark{display:flex;font-size:26px;margin-bottom:4px}
.foot-links{display:flex;flex-wrap:wrap;gap:4px 20px;align-items:flex-start}
.foot-links a{color:var(--muted);text-decoration:none;display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.foot-links a:hover{color:var(--ink)}
.disclaimer{flex:1 1 100%;margin-top:16px;padding-top:20px;border-top:1px solid #E8E2DA;font-size:13px;color:var(--muted)}

/* mobile */
@media (max-width:640px){
.display{font-size:44px}
.lead{font-size:19px}
.h2,.h2-serif,.foundation .h2-serif{font-size:36px}
.sec{padding-top:64px;padding-bottom:64px}
.story-in,.f-in{padding-top:64px;padding-bottom:64px}
.early-in{padding-top:64px;padding-bottom:64px}
.research-sec{padding-top:64px;padding-bottom:64px}
.hero-inner{padding-top:40px;padding-bottom:56px;gap:40px}
.cta-panel{padding:28px 20px}
.cta-copy h2{font-size:30px}
.panel{padding:24px 12px}
.sign{font-size:24px}
.prose{font-size:18px}
}
@media (max-width:420px){
.stage{width:100%}
.phone{left:50%;margin-left:-140px}
.chip-1{left:0}
.chip-2{right:0}
}

/* inner pages */
.nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.nav a.btn-nav[aria-current="page"]{text-decoration:none}
.page-intro{max-width:760px;margin:0 auto;padding:72px 24px 0}
.next-sec{padding-top:96px;padding-bottom:48px}
.next-sec .h2{font-size:44px;margin-bottom:20px}
.next-sec p{font-size:20px;color:var(--ink-2);max-width:620px;margin-bottom:28px}
.link-row{display:flex;flex-wrap:wrap;gap:12px}
.btn-line{background:transparent;color:var(--ink);border:2px solid var(--ink);padding:14px 26px;font-size:16px}
.btn-line:hover{color:var(--ink)}
.cta-end{padding-top:96px;padding-bottom:96px}
@media (max-width:640px){.next-sec{padding-top:64px;padding-bottom:32px}.next-sec .h2{font-size:32px}.cta-end{padding-top:64px;padding-bottom:64px}.page-intro{padding-top:48px}}

/* foundation page */
.f-hero{background:var(--walnut);color:var(--cream)}
.f-hero .f-in{padding-top:88px;padding-bottom:96px}
.f-hero h1{font-family:var(--serif);font-weight:500;font-size:52px;line-height:1.12;letter-spacing:-.015em;margin-bottom:24px}
.btn-row{display:flex;flex-wrap:wrap;gap:12px}
.btn-line-light{background:transparent;color:var(--cream);border:2px solid var(--cream);padding:14px 26px;font-size:16px}
.btn-line-light:hover{color:var(--cream)}
.pillar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:40px}
.pcard{background:var(--cream);border-radius:26px;padding:28px}
.pcard h3{font-size:22px;font-weight:600;line-height:1.3;margin-bottom:8px}
.pcard p{color:var(--ink-2)}
.f-split{padding-top:96px;padding-bottom:0}
.f-split p{font-size:20px;color:var(--ink-2);max-width:680px}
.f-split p+p{margin-top:16px}

/* forms on inner pages */
.form-page{max-width:640px;margin:0 auto;padding:72px 24px 96px}
.form-page h1{font-family:var(--display);font-weight:900;font-size:56px;line-height:1.02;letter-spacing:-.04em;margin-bottom:14px}
.form-page .lead{font-size:19px;margin-bottom:36px;max-width:none}
.stack{display:block}
.field{margin:0 0 22px;text-align:left}
fieldset.field{border:0;padding:0;min-width:0}
.field label.q,.field legend{display:block;font-weight:600;font-size:16px;margin-bottom:8px;padding:0}
.hint{font-weight:400;color:var(--muted);font-size:14px}
.field .input{width:100%;display:block}
textarea.input{min-height:140px;resize:vertical}
.choice{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 16px;margin-bottom:8px;border:1px solid var(--line);border-radius:16px;background:var(--white);font-size:16px;cursor:pointer}
.choice input{width:20px;height:20px;flex:none;accent-color:var(--ink);margin:0}
.stack .form-status{margin-top:16px}
.small-note{font-size:14px;color:var(--muted);margin-top:16px}

/* legal pages */
.legal{max-width:760px;margin:0 auto;padding:72px 24px 96px}
.legal h1{font-family:var(--display);font-weight:900;font-size:56px;line-height:1.02;letter-spacing:-.04em;margin-bottom:12px}
.legal h2{font-size:22px;font-weight:600;line-height:1.3;margin:40px 0 8px}
.legal p,.legal li{font-size:17px;color:var(--ink-2)}
.legal p{margin:0 0 14px}
.legal ul{padding-left:22px;margin:0 0 14px}
.legal li{margin-bottom:6px}
.legal .meta{font-size:15px;color:var(--muted);margin-bottom:24px}
.draft-note{background:var(--cream);border-radius:16px;padding:14px 18px;font-size:15px;color:var(--ink-2);margin:0 0 8px}
@media (max-width:640px){
.f-hero .f-in{padding-top:56px;padding-bottom:56px}
.f-hero h1{font-size:36px}
.f-split{padding-top:64px}
.form-page,.legal{padding-top:48px;padding-bottom:64px}
.form-page h1,.legal h1{font-size:40px}
}

/* hCaptcha spam check (loaded on first form interaction) */
.h-captcha{flex-basis:100%;min-height:78px;margin:0 0 16px}
.form .h-captcha{display:flex;justify-content:center;margin:6px 0 0}