:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#11151c;color:#f7f8f9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:280px;background:radial-gradient(circle at 83% 7%,#61361755,transparent 30rem),#11151c;line-height:1.6}a{color:inherit}a:focus-visible{outline:2px solid #ff982d;outline-offset:4px}.wrap{width:min(1080px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:16px;z-index:3;background:#ff982d;color:#11151c;padding:8px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:800;text-decoration:none;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#17191c;background:#ff982d;font-weight:900}.site-header nav{display:flex;gap:24px}.site-header nav a,footer a{color:#cbd0d7;text-decoration:none}.site-header nav a:hover,footer a:hover{color:#ffad56}.hero{padding:100px 0 120px}.eyebrow,.number{color:#ff982d;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.15em}h1,h2,h3{line-height:1.1;letter-spacing:-.04em}h1{font-size:clamp(44px,8vw,96px);max-width:950px;margin:14px 0 24px}h1 em{font-style:normal;color:#ff982d}h2{font-size:clamp(30px,4vw,48px);margin:12px 0 30px}h3{font-size:25px;margin:14px 0}.intro{font-size:clamp(18px,2.3vw,22px);max-width:630px;color:#cbd0d7;margin:0 0 34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:13px 20px;border-radius:14px;background:#ff982d;color:#17191c;font-weight:800;text-decoration:none}.button:hover{background:#ffb260}.features{padding:0 0 110px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid #ffffff24;border-radius:24px;padding:28px;background:#ffffff0c;min-height:220px}.card p,.contact p,.legal p,.legal li{color:#cbd0d7}.contact{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:36px 40px;margin-bottom:90px;border:1px solid #ffffff24;border-radius:28px;background:#ffffff0c}.contact p{max-width:560px}footer{display:flex;justify-content:space-between;gap:20px;padding:24px 0 42px;border-top:1px solid #ffffff24;color:#aab1bb;font-size:14px}footer div{display:flex;gap:24px}.legal{max-width:760px;padding:60px 0 120px}.legal h1{font-size:clamp(42px,6vw,68px)}.legal h2{font-size:26px;margin:42px 0 12px}.legal a{color:#ffb260}.legal .draft{border:1px solid #ff982d77;background:#ff982d18;border-radius:16px;padding:16px;color:#ffe0bb}@media(max-width:700px){.site-header{align-items:flex-start}.site-header nav{gap:12px;font-size:14px}.hero{padding:60px 0 80px}.grid{grid-template-columns:1fr}.card{min-height:0}.features{padding-bottom:70px}.contact{display:block;padding:26px;margin-bottom:60px}.contact .button{margin-top:15px}footer{flex-direction:column}}
/* Screenshot gallery */
.features .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.showcase{padding-bottom:110px}
.showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}
.showcase-heading p:last-child{color:#aab1bb;font-size:14px}
.gallery-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,29%);gap:20px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:12px 4px 26px;scrollbar-color:#ff982d #ffffff1a}
.gallery-track figure{margin:0;scroll-snap-align:start;min-width:0}
.gallery-track img{display:block;width:100%;height:auto;aspect-ratio:706/1536;object-fit:cover;border:1px solid #ffffff35;border-radius:28px;box-shadow:0 20px 40px #0007;background:#080a0e}
.gallery-track figcaption{padding:16px 4px 0;font-size:17px;font-weight:700}
@media(max-width:700px){.site-header nav{gap:10px}.showcase{padding-bottom:72px}.showcase-heading{display:block}.gallery-track{grid-auto-columns:minmax(215px,78%);gap:14px}.features .grid{grid-template-columns:1fr}}

/* Hero phone preview */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,310px);align-items:center;gap:44px;min-height:640px;overflow:visible}
.hero-copy{position:relative;z-index:1}
.hero h1{font-size:clamp(46px,5.8vw,70px);max-width:670px}
.hero-visual{position:relative;justify-self:end;width:min(100%,300px);transform:rotate(7deg);filter:drop-shadow(0 30px 35px #0009)}
.hero-visual::before{content:"";position:absolute;inset:9% -16%;z-index:-1;border-radius:50%;background:#ff8a0030;filter:blur(55px)}
.phone{position:relative;padding:7px;border:2px solid #61656e;border-radius:42px;background:#080a0e;box-shadow:inset 0 0 0 2px #161a20,0 28px 70px #0008}
.phone::before{content:"";position:absolute;top:15px;left:50%;z-index:2;width:70px;height:15px;transform:translateX(-50%);border-radius:999px;background:#050607}
.phone img{display:block;width:100%;height:auto;aspect-ratio:706/1536;object-fit:cover;border-radius:33px}
@media(max-width:850px){.hero{grid-template-columns:minmax(0,1fr) minmax(190px,240px);gap:24px;min-height:0}.hero h1{font-size:clamp(42px,5vw,60px)}.hero-visual{width:min(100%,230px)}}
@media(max-width:700px){.hero{display:flex;flex-direction:column;align-items:stretch;gap:45px;padding:48px 0 80px}.hero h1{font-size:clamp(40px,9vw,58px)}.hero-visual{align-self:center;width:min(61vw,270px);transform:rotate(5deg)}}

/* Keep the hero's highlighted thought on one line at desktop widths. */
@media(min-width:851px){.hero h1 em{white-space:nowrap}}

/* App guide */
.guide{padding:62px 0 100px}
.guide-intro{max-width:850px}
.guide h1{font-size:clamp(44px,7vw,76px)}
.guide h1 em{font-style:normal;color:#ff982d}
.guide .intro{max-width:760px}
.guide-video{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 26px;margin:34px 0 0;border:1px solid #ffffff28;border-radius:22px;background:#ffffff0c}
.guide-video p{color:#cbd0d7;margin:4px 0 0}
.button-pending,.button-pending:hover{background:#ffffff20;color:#cbd0d7;cursor:not-allowed}
.guide-toc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:54px 0 90px}
.guide-toc a{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid #ffffff28;border-radius:18px;background:#ffffff0c;text-decoration:none;font-weight:700}
.guide-toc a:hover{border-color:#ff982d;color:#ffb260}
.guide-toc span{color:#ff982d;font-size:13px;letter-spacing:.12em}
.guide-section{padding:0 0 82px;scroll-margin-top:20px}
.guide-section>p:not(.eyebrow){max-width:760px;color:#cbd0d7;font-size:18px;margin:0 0 27px}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.guide-stack{display:grid;gap:16px}
.guide-card{padding:24px 28px;border:1px solid #ffffff24;border-radius:22px;background:#ffffff0c}
.guide-card h3{font-size:23px;margin:0 0 12px}
.guide-card p,.guide-card li,.guide-help p{color:#cbd0d7}
.guide-card p{margin:0}
.guide-card ul{margin:16px 0 0;padding-left:22px}
.guide-card li+li{margin-top:10px}
.guide-card strong{color:#f7f8f9}
.guide-help{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 36px;border:1px solid #ffffff24;border-radius:24px;background:#ffffff0c}
.guide-help h2{margin:8px 0 14px}
.guide-help p:last-child{max-width:610px}
@media(max-width:700px){
  .site-header{flex-wrap:wrap}
  .site-header nav{width:100%;justify-content:space-between;flex-wrap:wrap}
  .guide{padding:38px 0 70px}
  .guide-video,.guide-help{display:block;padding:22px}
  .guide-video .button,.guide-help .button{margin-top:18px}
  .guide-toc{grid-template-columns:1fr;margin:34px 0 66px}
  .guide-grid{grid-template-columns:1fr}
  .guide-section{padding-bottom:66px}
  .guide-card{padding:23px}
  footer div{flex-wrap:wrap}
}