/* ═══════════════════════════════════════════════════════════════
   Budulai brand (matches the app icon and the pitch deck)
   Cream #F2EBDA · card #FBF8F1 · line #E1D8C3 · band #EAE1CB
   Navy #14213D (deep #0B1426) · Gold #D4A843 (text-on-cream #7F5E12)
   Display: Source Serif 4 · Body and labels: Inter
   Loaded AFTER the original stylesheet, so it wins on equal specificity.
   ═══════════════════════════════════════════════════════════════ */

@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:200 900;font-display:swap;src:url("/fonts/source-serif-4-latin-ext-wght-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:200 900;font-display:swap;src:url("/fonts/source-serif-4-latin-wght-normal.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:100 900;font-display:swap;src:url("/fonts/inter-latin-ext-wght-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url("/fonts/inter-latin-wght-normal.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}

:root{
  --bg:#F2EBDA; --bg-deep:#EAE1CB; --surface:#FBF8F1; --surface-hi:#E1D8C3;
  --gold:#14213D; --gold-deep:#0B1426; --gold-soft:rgba(212,168,67,.16);
  --text:#14213D; --text2:#4A5568; --text3:#5B6472;
  --blue:#14213D; --green:#3F7D5A; --red:#B4462F;
  --border:#E1D8C3; --border-gold:rgba(212,168,67,.45);
  --sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --serif:'Source Serif 4',Georgia,"Times New Roman",serif;
  --mono:Inter,system-ui,sans-serif;
  --brand-gold:#D4A843; --gold-text:#7F5E12; --navy:#14213D; --navy-deep:#0B1426;
  --rust:#D4A843; --ink:#14213D; --line:#E1D8C3; --card:#FBF8F1; --tan:#EAE1CB;
}

/* App-screen recreations keep the app's own dark look and system font. */
.device,.plan-shot,.scr,.planscr{
  --bg:#0F2139; --bg-deep:#0B1830; --surface:#162236; --surface-hi:#1E3050;
  --gold:#D4A843; --gold-deep:#A87C2A; --gold-soft:rgba(212,168,67,.14);
  --text:#E8E0CC; --text2:#7A8FA6; --text3:#566B82;
  --blue:#4A9CFF; --green:#34C759; --red:#FF6B6B;
  --border:rgba(232,224,204,.08); --border-gold:rgba(212,168,67,.22);
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --serif:ui-serif,"New York",Georgia,"Times New Roman",serif;
  color:var(--text);
}
.device{box-shadow:0 1px 0 rgba(232,224,204,.06) inset,0 34px 70px -28px rgba(11,20,38,.55),0 0 0 1px rgba(11,20,38,.18)}
.plan-shot{box-shadow:0 30px 60px -28px rgba(11,20,38,.5)}

body{font-family:var(--sans);background:var(--bg);color:var(--text)}
::selection{background:#14213D;color:#FBF8F1}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #14213D;outline-offset:3px}

/* Type */
h1,h2,h3,.f-copy h2,.g-head h2,.statement h2,.cta-sec h2,.wl-box h3,.legal-content h1{font-family:var(--serif);font-weight:500;letter-spacing:-.03em}
#hero h1{font-family:var(--serif);font-weight:500;letter-spacing:-.035em;line-height:1.03}
.statement h2,.f-copy h2,.g-head h2,.cta-sec h2{font-weight:500;letter-spacing:-.03em;line-height:1.06}
.tier .price{font-family:var(--serif);font-weight:500;letter-spacing:-.03em}
.ask .you{font-family:var(--serif);font-weight:500;letter-spacing:-.015em}
.f-kicker,.foot-col h5,.kicker{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text3)}
#hero h1 .gd,#hero .gd,.hl{background:linear-gradient(180deg,rgba(212,168,67,0) 12%,rgba(212,168,67,.55) 12%,rgba(212,168,67,.55) 92%,rgba(212,168,67,0) 92%);-webkit-background-clip:border-box;background-clip:border-box;color:inherit;padding:0 .06em;box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* Nav */
nav{background:rgba(242,235,218,.86);border-bottom:1px solid var(--line)}
.brand{font-family:var(--serif);font-weight:600;font-size:1.2rem;letter-spacing:-.01em;color:var(--ink)}
.brand img.b-mark{box-shadow:none;border-radius:7px}
.nav-links a{font-size:.9rem;font-weight:500;color:var(--text2)}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:#14213D}
.nav-cta{background:#14213D;color:#FBF8F1!important}
.nav-cta:hover{background:#0B1426;transform:none;box-shadow:none}
.m-menu{background:rgba(242,235,218,.98);border-bottom:1px solid var(--line)}
.m-menu a{color:var(--ink);border-bottom:1px solid var(--line)}
.m-menu a:last-child{background:#14213D;color:#FBF8F1}

/* Hero */
#hero{background:none}
.eyebrow{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;color:var(--text3);background:var(--card);border:1px solid var(--line)}
.eyebrow .dot{background:var(--green);box-shadow:none}
.hero-sub{color:var(--text2)}
.hero-note{color:var(--text3)}
.hero-link{color:#14213D}
.hero-glow{display:none}
.hero-icon,.cta-icon{box-shadow:0 18px 40px -18px rgba(11,20,38,.55),0 0 0 1px rgba(11,20,38,.12)}
.wl-icon{box-shadow:0 0 0 1px rgba(11,20,38,.12)}

/* Buttons */
.btn-gold{background:#14213D;color:#FBF8F1}
.btn-gold:hover{background:#0B1426;transform:none;box-shadow:none}
.btn-ghost{color:var(--ink);border:1px solid #D8CDB4;backdrop-filter:none}
.btn-ghost:hover{background:#EAE1CB;border-color:#D8CDB4}

/* Section rhythm: paper, then tan bands with hairlines */
.statement,.feature,.grid-sec,.pricing-sec{background:var(--bg-deep)}
.feature,.grid-sec,.pricing-sec,.statement{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.feature.alt,.gallery-sec,.privacy-sec,.asks,.faq-sec{background:var(--bg)}
.privacy-sec::before{display:none}
.statement p,.f-copy p,.g-head p,.p-row p,.card p,.ask .does,.steps3 p,.tier li,.faq details p{color:var(--text2)}

/* Cards */
.pillar,.card,.ask,.tier{background:var(--card);border:1px solid var(--line);backdrop-filter:none;border-radius:20px}
.card:hover,.ask:hover{border-color:#D4A843;transform:translateY(-4px);box-shadow:0 18px 40px -26px rgba(11,20,38,.4)}
.pillar h3 .pi,.card .ci,.lock{background:rgba(20,33,61,.08);border:1px solid rgba(20,33,61,.2);color:#14213D}
.tier.feat{background:#FFFFFF;border:1.5px solid #14213D;box-shadow:0 24px 50px -30px rgba(11,20,38,.45)}
.tier .badge{background:#14213D;color:#FBF8F1;font-family:var(--mono);font-weight:500;letter-spacing:.06em}
.tier .badge-soft{background:var(--card);color:#14213D;border:1px solid rgba(20,33,61,.3)}
.steps3 .st span{background:var(--ink);color:#FBF8F1;font-family:var(--mono);font-weight:500}
.g-hint i{background:#D8CDB4}
.g-hint i.on{background:#14213D}
.g-label{color:var(--ink)}

/* Forms */
.wl-inline input[type=email]{background:#FFFFFF;border:1px solid #D8CDB4;color:var(--ink)}
.wl-inline input[type=email]::placeholder{color:#6B7280}
.wl-inline input[type=email]:focus{border-color:#14213D;box-shadow:0 0 0 4px rgba(20,33,61,.15)}
.wl-msg{color:var(--text3)}
.wl-msg.err{color:#B4462F}
.wl-done{background:rgba(63,125,90,.08);border:1px solid rgba(63,125,90,.3);color:var(--ink)}
.wl-done svg{color:#3F7D5A}

/* Final call to action: the dark block from the company site */
.cta-sec{background:var(--ink);color:#F2EBDA;border-top:0}
.cta-sec::before{background:radial-gradient(circle,rgba(20,33,61,.45),transparent 62%)}
.cta-sec h2{color:#F2EBDA}
.cta-sec p{color:#D5DDE8}
.cta-sec .hero-note,.cta-sec .wl-msg{color:#B7C3D6}
.cta-sec .wl-msg.err{color:#F0A58C}
.cta-sec .wl-inline input[type=email]{background:#FBF8F1;border-color:#FBF8F1}
.cta-sec .btn-gold{background:#F2EBDA;color:var(--ink)}
.cta-sec .btn-gold:hover{background:#FFFFFF;color:#14213D}
.cta-sec .wl-done{background:rgba(250,246,239,.08);border-color:rgba(250,246,239,.25);color:#F2EBDA}
.cta-sec .wl-done svg{color:#9FD3B4}

/* FAQ */
.faq summary{font-family:var(--serif);font-weight:500;font-size:1.1rem;letter-spacing:-.01em}
.faq summary::after{color:#14213D}
.faq details a{color:#14213D}

/* Footer */
footer{background:var(--bg-deep);border-top:1px solid var(--line)}
.foot-col a,.foot-col span{color:var(--text2)}
.foot-col a:hover{color:#14213D}
.foot-base{border-top:1px solid var(--line);color:var(--text3);font-family:var(--mono);font-size:11.5px}

/* Legal overlays (text untouched, re-skinned only) */
.legal-overlay{background:var(--bg)}
.legal-header{background:rgba(242,235,218,.94);border-bottom:1px solid var(--line)}
.legal-back{border:1px solid #D8CDB4;color:var(--ink)}
.legal-logo{font-family:var(--serif);font-weight:600}
.legal-content h2{color:#14213D;font-family:var(--serif);font-weight:500;letter-spacing:-.01em}
.legal-content a{color:#14213D}
.legal-highlight{background:rgba(20,33,61,.06);border:1px solid rgba(20,33,61,.2)}
.legal-content th{background:var(--card)}
.legal-content th,.legal-content td{border-color:var(--line)}

/* Waitlist modal + sticky bar */
.wl-backdrop{background:rgba(11,20,38,.45)}
.wl-box{background:var(--card);border:1px solid var(--line)}
.wl-close{background:var(--tan);color:var(--text2)}
.wl-field input{background:#FFFFFF;border:1px solid #D8CDB4;color:var(--ink)}
.wl-field input:focus{border-color:#14213D}
.wl-success .ok{background:rgba(63,125,90,.1);border:1px solid rgba(63,125,90,.35);color:#3F7D5A}
.sticky-cta{background:rgba(11,20,38,.95);border:1px solid rgba(11,20,38,.2);box-shadow:0 18px 40px -16px rgba(11,20,38,.55)}
.sticky-cta span{color:#F2EBDA}
.sticky-cta .btn-gold{background:#F2EBDA;color:var(--ink)}

/* ── Sections carried over from the company site ── */
.rw-sec{max-width:1180px;margin:0 auto;padding:96px 28px}
.rw-band{background:var(--tan);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.rw-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px}
.rw-head h2{font-family:var(--serif);font-weight:500;font-size:clamp(30px,4vw,46px);letter-spacing:-.03em;margin:0 auto 0 0;line-height:1.06}
.rw-link{color:#14213D;text-decoration:underline;text-underline-offset:3px}
.rw-link:hover{color:#0B1426}
.rw-card-link{transition:border-color .25s ease,transform .25s ease}
.rw-card-link:hover{border-color:#14213D!important;transform:translateY(-3px)}
.rw-btn{display:inline-block;font-size:16px;font-weight:600;padding:14px 24px;border-radius:999px;background:#14213D;color:#FBF8F1}
.rw-btn:hover{background:#0B1426;color:#FBF8F1}
.rw-btn-ghost{display:inline-block;font-size:16px;font-weight:600;padding:14px 24px;border-radius:999px;border:1px solid #D8CDB4;color:var(--ink)}
.rw-btn-ghost:hover{background:#EAE1CB;color:var(--ink)}

/* Sub-pages (Security, Research, notes) */
.page-main{padding-top:52px}
.page-main a{transition:color .2s ease}
.page-main a:not([class]){color:#14213D}
.page-main a:not([class]):hover{color:#0B1426}
.page-main [data-hover-card]:hover{background:#FBF8F1!important}

/* Data-trip diagram on small phones: tighter columns, stacked chip boxes */
@media (max-width:520px){
  #trip [style*="grid-template-columns: minmax(0px, 1fr) 74px minmax(0px, 1fr)"]{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr)!important;gap:8px!important}
  #trip [style*="width: 74px;"][style*="flex-direction: column"]{width:54px!important}
  #trip [style*="border-radius: 18px; padding: 18px 16px; text-align: center"]{padding:14px 6px!important}
  #trip [style*="width: 96px; height: 148px"]{width:78px!important;height:132px!important}
  #trip [style*="width: 74px; height: 148px"]{width:66px!important;height:132px!important}
  #trip [style*="grid-template-columns: 1fr 1fr; gap: 14px"]{grid-template-columns:1fr!important}
  #trip [style*="padding: 26px;"]{padding:18px!important}
}

/* Hero: company welcome copy under the app icon and "Coming soon" pill */
#hero .hero-kicker{display:block;margin:4px 0 18px}
#hero h1{font-size:clamp(2.8rem,7.4vw,5rem);line-height:1.02;letter-spacing:-.035em;font-weight:500;max-width:820px;margin:0 auto}
#hero .hero-lede{max-width:660px;font-size:clamp(1.05rem,2.3vw,1.3rem);line-height:1.55;color:var(--text2);margin-top:24px}
#hero .hero-lede strong{font-weight:600;color:var(--ink)}
#hero .hero-company{max-width:600px;font-size:1rem;line-height:1.6;color:var(--text2);margin-top:16px}
#hero .hero-more{margin-top:10px;font-size:.9rem;color:var(--text3)}

/* ── Budulai brand accents: gold actions on navy and cream ── */
h1,h2,h3,.f-copy h2,.g-head h2,.statement h2,.cta-sec h2,.wl-box h3,.legal-content h1,.rw-head h2,#hero h1,.tier .price,.ask .you,.faq summary{font-family:var(--serif);font-weight:600;letter-spacing:-.015em}
#hero h1{font-weight:700;letter-spacing:-.02em;line-height:1.04}
.brand{font-family:var(--serif);font-weight:700;letter-spacing:0}
.f-kicker,.foot-col h5,.kicker,.eyebrow{font-family:var(--sans);font-weight:600;letter-spacing:.12em;color:var(--gold-text)}
.eyebrow{background:var(--card);border:1px solid var(--border-gold)}
.nav-cta,.btn-gold,.rw-btn,.m-menu a:last-child{background:var(--brand-gold);color:var(--navy)!important;font-weight:600}
.nav-cta:hover,.btn-gold:hover,.rw-btn:hover{background:#C99A32;color:var(--navy)!important}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--gold-text)}
.hero-link,.rw-link,.faq details a,.legal-content a,.page-main a:not([class]){color:var(--navy);text-decoration-color:var(--brand-gold)}
.pillar h3 .pi,.card .ci,.lock{background:rgba(212,168,67,.14);border:1px solid rgba(212,168,67,.45);color:var(--gold-text)}
.card:hover,.ask:hover{border-color:var(--brand-gold)}
.tier.feat{border:1.5px solid var(--brand-gold)}
.tier .badge{background:var(--navy);color:var(--brand-gold)}
.tier .badge-soft{color:var(--gold-text);border-color:var(--border-gold)}
.steps3 .st span{background:var(--navy);color:var(--brand-gold)}
.g-hint i.on{background:var(--brand-gold)}
.faq summary::after{color:var(--gold-text)}
.legal-content h2{color:var(--navy)}
.wl-inline input[type=email]:focus,.wl-field input:focus{border-color:var(--brand-gold);box-shadow:0 0 0 4px rgba(212,168,67,.22)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--gold-text)}
::selection{background:var(--brand-gold);color:var(--navy)}
/* Navy blocks */
.cta-sec{background:var(--navy);color:#F2EBDA}
.cta-sec::before{background:radial-gradient(circle,rgba(212,168,67,.22),transparent 62%)}
.cta-sec h2{color:#F2EBDA}
.cta-sec .btn-gold{background:var(--brand-gold);color:var(--navy)}
.cta-sec .btn-gold:hover{background:#E0B955;color:var(--navy)}
.sticky-cta{background:rgba(20,33,61,.96)}
.sticky-cta .btn-gold{background:var(--brand-gold);color:var(--navy)}
footer{background:var(--navy);border-top:0;color:#B7C3D6}
footer .brand,footer .foot-col h5{color:#F2EBDA}
footer .foot-col h5{color:var(--brand-gold)}
.foot-col a,.foot-col span{color:#B7C3D6}
.foot-col a:hover{color:var(--brand-gold)}
.foot-base{border-top:1px solid rgba(242,235,218,.12);color:#8FA0B8;font-family:var(--sans)}
#hero h1 .gd,#hero .gd,.hl{background:linear-gradient(180deg,transparent 58%,rgba(212,168,67,.42) 58%,rgba(212,168,67,.42) 94%,transparent 94%);color:var(--navy)}
.tier .badge.badge-soft,.tier .badge-soft{background:var(--card);color:var(--gold-text);border:1px solid var(--border-gold)}
footer .foot p{color:#B7C3D6!important}
.legal-back{width:auto;height:38px;padding:0 16px 0 11px;border-radius:999px;gap:5px;font:500 .9rem/1 var(--sans);background:var(--card)}
.legal-back:hover{border-color:var(--brand-gold)}