/* Don't Scare The Horses — public site. The stylesheet of the v5 prototype, moved out of the page,
   with the prototype's modal and payment rules removed (the markup is gone), its inline style
   attributes turned into classes (the site's policy header allows only this stylesheet), and the
   staging ribbon and the disabled-button styling added. Self-hosted: no external fonts, so the
   system stack below is what renders; Manrope is first in the list only because the prototype
   named it. */
:root{--orange:#ff7900;--orange2:#ff9b3f;--blue:#668d9e;--navy:#102b45;--charcoal:#25282b;--soft:#dce8ec;--warm:#f8f8f5;--white:#fff;--muted:#65717c;--border:#dfe5e7;--shadow:0 20px 55px rgba(16,43,69,.13);--r:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--warm);color:var(--navy);font-family:Manrope,"Avenir Next",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.top{position:sticky;top:0;z-index:50;background:rgba(248,248,245,.93);backdrop-filter:blur(15px);border-bottom:1px solid rgba(16,43,69,.08)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.02em}.brand img{width:54px;height:54px;border-radius:50%;object-fit:cover;box-shadow:0 6px 18px rgba(16,43,69,.17)}.brand small{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);font-weight:800}.links{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:700}.links a:not(.btn):hover{color:var(--orange)}.btn{border:0;border-radius:999px;padding:13px 20px;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s ease}.btn:hover{transform:translateY(-1px)}.primary{background:var(--orange);color:white;box-shadow:0 10px 25px rgba(255,121,0,.22)}.ghost{background:white;color:var(--navy);border:1px solid rgba(16,43,69,.16)}
.hero{min-height:720px;display:flex;align-items:center;position:relative;overflow:hidden;background-image:linear-gradient(90deg,rgba(16,43,69,.94) 0%,rgba(16,43,69,.80) 44%,rgba(16,43,69,.35) 78%,rgba(16,43,69,.18) 100%),url("../img/hero.jpg");background-size:cover;background-position:center}.hero:after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(transparent,var(--warm))}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;position:relative;z-index:2}.hero-copy{padding:84px 0 110px;color:white}.eyebrow{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:#ffd0a6}h1{font-size:clamp(52px,7vw,88px);line-height:.97;letter-spacing:-.055em;margin:16px 0 22px;max-width:760px}.lead{font-size:21px;max-width:730px;color:#edf4f6;line-height:1.65}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.hero-note{margin-top:25px;font-size:14px;color:#cfe0e6}.logo-float{display:flex;justify-content:center;align-items:center}.logo-float img{width:min(420px,82vw);height:auto;border-radius:50%;filter:drop-shadow(0 35px 55px rgba(0,0,0,.32))}
.section{padding:96px 0}.soft{background:var(--soft)}.white{background:white}.section-head{max-width:850px;margin-bottom:46px}.kicker{color:var(--orange);font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.15em}h2{font-size:clamp(38px,5vw,62px);line-height:1.03;letter-spacing:-.045em;margin:12px 0 18px}.section-head p,.bigp{font-size:20px;color:#52616d}.belief-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.card{background:white;border:1px solid rgba(16,43,69,.08);border-radius:var(--r);padding:31px;box-shadow:var(--shadow)}.card h3{font-size:24px;margin:7px 0 10px;letter-spacing:-.025em}.card p{color:#5b6872}.statement{font-size:28px;line-height:1.35;font-weight:850;letter-spacing:-.025em;color:var(--navy)}.orange-line{width:70px;height:5px;border-radius:5px;background:var(--orange);margin-bottom:24px}
.story{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:start}.quote{background:var(--navy);color:white;border-radius:30px;padding:40px;position:sticky;top:105px}.quote strong{display:block;font-size:34px;line-height:1.15;letter-spacing:-.03em}.quote span{display:block;margin-top:18px;color:#cbdce3}.story-copy p{font-size:19px;color:#52616d}.story-copy .bold{font-size:25px;color:var(--navy);font-weight:850}
.approach{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.approach .card{min-height:240px}.num{font-size:12px;font-weight:900;color:var(--orange);letter-spacing:.12em}.protect{margin-top:32px;border-left:4px solid var(--orange);padding:18px 22px;background:#fff7ef;border-radius:0 14px 14px 0;color:#5f5148}.protect.mt24{margin-top:24px}
.support{background:var(--navy);color:white;position:relative;overflow:hidden}.support:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;border:80px solid rgba(255,121,0,.08);right:-130px;top:-170px}.support-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center;position:relative;z-index:2}.support h2{color:white}.support p{color:#cddbe1;font-size:19px}.fund-box{background:white;color:var(--navy);border-radius:28px;padding:32px;box-shadow:0 30px 70px rgba(0,0,0,.22)}.fund-box h3{font-size:30px;margin:8px 0;letter-spacing:-.025em}.fund-box .intro{color:#66737d;font-size:16px}.fine{font-size:12px!important;color:#7a8790!important;line-height:1.5}.counter{display:flex;gap:24px;margin-top:30px;flex-wrap:wrap}.counter div{min-width:150px}.counter strong{font-size:30px;display:block;color:white}.counter span{color:#aebfc7;font-size:13px}
.partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.partner{padding:24px;border-radius:18px;background:#f3f7f8;border:1px solid #e1e8ea;font-weight:800}.partners-cta{margin-top:30px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:16px}details{background:white;border:1px solid var(--border);border-radius:17px;padding:20px 22px}summary{cursor:pointer;font-weight:850}details p{color:#5e6b75}
.footer{background:#0b2237;color:white;padding:48px 0}.footer-grid{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.footer small{color:#91a7b4}.footer .brand{color:white}.footer small a{color:#cfe0e6;text-decoration:underline;text-underline-offset:3px}.footer small a:hover{color:#fff}.tag{color:#ffd0a6;font-weight:850}
.mobile{display:none}
.wrap.center{text-align:center;max-width:900px}.cta-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
/* The store buttons, until the app launches: the same shape, muted, and inert. */
.btn.soon,.btn[aria-disabled="true"]{background:#e9eef0;color:#7a8790;border:1px solid #d5dde1;box-shadow:none;cursor:default;pointer-events:none}.btn[aria-disabled="true"]:hover{transform:none}.soon-note{margin-top:14px;font-size:14px;color:#7a8790}
/* The staging ribbon: shown only while body carries the staging class, which is the one flag. A
   slim strip across the top rather than a corner tag, so it can never sit over the header's own
   button; the sticky header moves down by its height while it is shown. */
.ribbon{display:none;position:sticky;top:0;z-index:60;height:22px;line-height:22px;text-align:center;background:var(--orange);color:#fff;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}body.staging .ribbon{display:block}body.staging .top{top:22px}
/* The website privacy page. */
.page{max-width:800px}.page h1{font-size:clamp(36px,5vw,54px);line-height:1.05;letter-spacing:-.04em;margin:12px 0 18px}.page p,.page li{font-size:18px;color:#52616d}.page a{color:#cc5f00;text-decoration:underline;text-underline-offset:3px}.page .back{display:inline-block;margin-top:28px}
@media(max-width:900px){.links{display:none}.mobile{display:inline-flex}.hero{min-height:auto}.hero-grid,.story,.support-grid{grid-template-columns:1fr}.hero-copy{padding:70px 0 15px}.logo-float{padding-bottom:90px}.logo-float img{width:260px}.belief-grid,.approach,.faq{grid-template-columns:1fr}.partner-grid{grid-template-columns:1fr 1fr}.quote{position:static}}@media(max-width:520px){.wrap{width:min(100% - 26px,1180px)}.brand span>span{font-size:13px}.brand small{font-size:8px}h1{font-size:49px}.section{padding:72px 0}.partner-grid{grid-template-columns:1fr}.footer-grid{display:block}}
.hero-sub{font-size:18px!important;color:#d8e5ea!important;margin-top:-8px}.patience{margin-top:26px;padding:22px 26px;border-left:5px solid var(--orange);background:white;border-radius:0 16px 16px 0;color:#51606b}.hero-note{margin-top:26px;color:#dce8ec;font-weight:800;letter-spacing:.02em}
/* Install buttons on the join page (18 Sep): an equal pair, stacked on a phone and side by side from
   520px, each with a platform glyph on the left and a second line under the label. The glyphs are
   inline SVG filled with currentColor, so each takes its own button's text colour: the policy header
   allows no images from elsewhere and no scripts. Written as ".page a.install" so they outrank the
   page's own link colour and underline, which the old buttons did not. */
.install-pair,.contact-pair{display:grid;grid-template-columns:1fr;gap:12px;margin-top:22px}
@media(min-width:520px){.install-pair,.contact-pair{grid-template-columns:1fr 1fr}}
.contact-pair{margin-bottom:22px}
.page a.contact,.page a.install{display:flex;align-items:center;gap:14px;min-height:68px;padding:14px 20px;border-radius:18px;text-decoration:none;font-weight:850;line-height:1.2;transition:.2s ease}
.page a.install:hover,.page a.contact:hover{transform:translateY(-1px)}
.page a.install:focus-visible,.page a.contact:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.page a.install.primary{color:#fff}
.page a.install.ghost,.page a.contact.ghost{color:var(--navy)}
.install .glyph,.contact .glyph{flex:none;width:20px;height:20px;display:block}
.contact .install-sub{overflow-wrap:anywhere}
.install-text{display:flex;flex-direction:column;min-width:0}
.install-main{font-size:17px}
.install-sub{font-size:13px;font-weight:700;opacity:.82;margin-top:3px}
/* The trial guide (18 Sep): the setup sheet's two pages as one page for a phone. */
.guide h2{font-size:clamp(26px,4vw,34px);line-height:1.15;letter-spacing:-.03em;margin:48px 0 8px}
.guide h3{font-size:20px;line-height:1.3;margin:28px 0 6px}
.guide ul{padding-left:22px}
.guide li{margin:8px 0}
.guide .meta{font-size:14px;color:#7a8790;margin-top:-6px}
.callout{border-left:5px solid var(--orange);background:#fff4ea;border-radius:14px;padding:18px 22px;margin:32px 0}
.callout h3{margin:0 0 6px}
.page .callout p{margin:0;color:var(--navy)}
.page a.download{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;margin-top:6px;padding:12px 18px;border-radius:14px;background:white;border:1px solid rgba(16,43,69,.16);color:var(--navy);text-decoration:none;font-weight:800;font-size:15px}
.page a.download small{font-weight:700;color:#7a8790}
