@charset "UTF-8";
:root{color-scheme:dark;--bg:#08090c;--surface:#14161c;--text:#f6f5f0;--muted:#969ba7;--accent:#f6c453;--line:rgba(255,255,255,.1);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:112px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{display:block;max-width:100%}p{line-height:1.65}::selection{background:var(--accent);color:var(--bg)}.skip{position:fixed;z-index:30;top:12px;left:12px;padding:12px;background:var(--accent);color:#08090c;transform:translateY(-160%)}.skip:focus{transform:none}
.site-header{position:absolute;z-index:10;top:24px;left:24px;right:24px}.nav{max-width:760px;margin:auto;display:flex;align-items:center;gap:36px;padding:10px 12px 10px 23px;border:1px solid var(--line);background:rgba(20,22,28,.74);backdrop-filter:blur(20px);border-radius:100px;box-shadow:0 10px 50px #0003}.brand{display:flex;align-items:center;gap:11px;font-size:18px;letter-spacing:-.6px;font-weight:700}.nav-links{display:flex;gap:26px;margin-left:auto;color:#babcc3;font-size:13px}.nav-links a:hover{color:var(--text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:54px;padding:0 25px;background:var(--accent);color:#17130a;border:1px solid transparent;border-radius:100px;font-size:14px;font-weight:650;transition:transform .25s,box-shadow .25s,background .25s;white-space:nowrap}.button:hover{transform:translateY(-3px);background:#ffcf66;box-shadow:0 8px 30px #f6c45326}.button:active{transform:translateY(0) scale(.98)}.button span{font-size:20px;font-weight:400}.button-small{font-size:12px;min-height:40px;padding:0 18px;gap:14px}
.hero{overflow:hidden;position:relative;text-align:center;padding-top:165px}.hero-copy{position:relative;z-index:2;padding:0 20px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.2px;color:var(--muted);margin:0 0 24px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);vertical-align:middle;margin-right:8px;box-shadow:0 0 14px #f6c45355}h1,h2,h3{margin:0;letter-spacing:-.055em;line-height:1.03}h1{font-size:clamp(52px,6.5vw,88px);font-weight:650}h1 span,h2 span{color:var(--accent)}.hero-description{font-size:17px;line-height:1.7;color:var(--muted);margin:27px 0}.hero-actions{display:flex;align-items:center;flex-direction:column;gap:15px}.quiet{font-size:11px;color:var(--muted)}.showcase{position:relative;max-width:1010px;height:650px;margin:67px auto 0;perspective:1300px}.halo{position:absolute;inset:30px -140px -30px;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,#f6c45315,transparent 60%)}.phone{position:absolute;width:258px;margin:0;will-change:transform;transform:translateY(var(--parallax,0px)) rotate(var(--angle,0deg));transition:filter .3s}.phone-frame{padding:5px;background:linear-gradient(130deg,#7a7c81,#1b1c21 25%,#53545b 70%,#151619);border-radius:41px;box-shadow:0 30px 60px #0009,0 0 0 1px #ffffff12;overflow:hidden}.phone-frame img{width:100%;height:auto;aspect-ratio:603/1311;border-radius:36px;background:var(--surface)}.phone-center{z-index:3;left:calc(50% - 129px)}.phone-left{--angle:-9deg;left:10%;top:56px;z-index:2}.phone-right{--angle:9deg;right:10%;top:56px;z-index:2}.phone figcaption{margin-top:25px;color:#737884;font-size:10px;letter-spacing:.5px}.floating-note{position:absolute;z-index:4;right:7%;top:430px;background:#1c1e25df;backdrop-filter:blur(16px);border:1px solid #ffffff1a;border-radius:16px;padding:15px 20px;display:flex;align-items:center;gap:11px;font-size:12px;box-shadow:0 15px 40px #0005;transform:rotate(4deg);animation:float-note 6s ease-in-out infinite}.floating-note img{filter:brightness(0) saturate(100%) invert(83%) sepia(58%) saturate(606%) hue-rotate(338deg)}.scroll-cue{display:inline-flex;align-items:center;gap:20px;font-size:11px;color:var(--muted);margin:12px 0 80px}.scroll-cue span{color:var(--accent);font-size:20px}.section{max-width:1100px;margin:auto;padding:90px 40px}.features{border-top:1px solid var(--line)}h2{font-size:clamp(34px,4vw,52px);font-weight:600;line-height:1.12}.section-heading h2 span{color:#707681}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:56px;margin-top:65px}.feature-number{font-size:10px;letter-spacing:1.5px;color:var(--accent)}h3{font-size:23px;letter-spacing:-.7px;margin:21px 0 12px;line-height:1.25}.feature p{font-size:14px;color:var(--muted);margin:0;line-height:1.85}.taste{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line);align-items:center}.taste-copy{font-size:15px;color:var(--muted);max-width:390px;margin-top:23px}.rating-demo{text-align:center;padding:32px 10px}.demo-label{font-size:9px;color:var(--muted);letter-spacing:1.1px;margin:0 0 30px}.rating-options{display:flex;justify-content:center;gap:22px}.rating-options button{cursor:pointer;background:none;border:0;color:var(--muted);padding:0;display:grid;justify-items:center;gap:13px;font-size:11px}.rating-icon{width:72px;height:72px;border-radius:50%;border:1px solid #ffffff20;display:grid;place-items:center;background:linear-gradient(140deg,#272a34,#12141a);transition:background .3s,border-color .3s,transform .3s}.rating-options button:hover .rating-icon{transform:translateY(-4px);border-color:#ffffff55}.rating-options button[aria-pressed=true]{color:var(--accent)}.rating-options button[aria-pressed=true] .rating-icon{border-color:#f6c45375;background:linear-gradient(135deg,#f6c45320,#f6c45306)}.rating-options button[aria-pressed=true] img{filter:brightness(0) saturate(100%) invert(83%) sepia(58%) saturate(606%) hue-rotate(338deg)}.rating-options button.bounce img{animation:bounce .5s ease}.rating-response{font-size:13px;max-width:310px;margin:27px auto 0;min-height:44px;color:#d3d3d8}.demo-hint{font-size:10px;color:#676d79;margin-top:15px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:65px}.faq h2{max-width:320px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;padding:23px 0;display:flex;justify-content:space-between;gap:15px;font-size:15px}.faq-list details:first-child summary{padding-top:0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--accent);font-size:22px;line-height:1;transition:transform .25s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:14px;color:var(--muted);margin:0 30px 24px 0}.download{text-align:center;padding-top:105px;padding-bottom:105px;border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 85%,#f6c45307,transparent 70%)}.app-icon{margin:0 auto 30px;border-radius:20px;box-shadow:0 0 0 1px #ffffff20,0 15px 30px #0004}.download h2{font-size:clamp(42px,5vw,64px)}.download>p:not(.eyebrow){color:var(--muted);font-size:14px;margin:22px 0 28px}.download .availability{font-size:11px!important;margin-bottom:0!important}.availability:focus{outline:none;color:var(--accent)!important}footer{max-width:1100px;padding:28px 40px 40px;border-top:1px solid var(--line);margin:auto;display:flex;align-items:center;gap:35px}footer .brand{font-size:15px}footer p{font-size:11px;color:var(--muted);margin-right:auto}footer>span{font-size:10px;color:#737884}
.entrance{animation:enter .9s both cubic-bezier(.2,.7,.2,1)}h1.entrance{animation-delay:.1s}.hero-description.entrance{animation-delay:.2s}.hero-actions.entrance{animation-delay:.3s}.js-motion .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.js-motion .reveal.is-visible{opacity:1;transform:none}.feature:nth-child(2){transition-delay:.1s}.feature:nth-child(3){transition-delay:.2s}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes float-note{50%{transform:translateY(-10px) rotate(2deg)}}@keyframes bounce{35%{transform:translateY(-5px) scale(1.14)}65%{transform:translateY(1px) scale(.96)}100%{transform:none}}
@media(min-width:1600px){.hero{padding-top:185px}.showcase{margin-top:85px}}@media(max-width:760px){.nav{gap:20px;padding-left:17px}.site-header{left:15px;right:15px;top:16px}.nav-links{gap:15px}.brand{font-size:16px}.hero{padding-top:145px}.hero-description{font-size:15px}.showcase{height:560px;max-width:690px;margin-top:55px}.phone{width:218px}.phone-center{left:calc(50% - 109px)}.phone-left{left:4%;top:48px}.phone-right{right:4%;top:48px}.phone-frame{border-radius:34px}.phone-frame img{border-radius:29px}.floating-note{top:370px;right:3%;font-size:10px;padding:12px 15px}.section{padding:64px 26px}.feature-grid{gap:25px;margin-top:40px}.feature p{font-size:13px}.taste{gap:30px}.rating-options{gap:12px}.rating-icon{width:60px;height:60px}.faq{gap:30px}footer{padding:25px 26px;flex-wrap:wrap;gap:16px}footer p{margin:0}footer>span{margin-left:auto}}
@media(max-width:520px){.nav-links{display:none}.nav .button{margin-left:auto}.nav{max-width:390px}.hero{padding-top:136px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:50px;letter-spacing:-3px}.hero-description{max-width:320px;margin:22px auto}.desktop-break{display:none}.hero-actions .button{min-height:50px}.showcase{height:450px;margin-top:48px}.phone{width:178px}.phone-center{left:calc(50% - 89px)}.phone-left{left:calc(50% - 220px);top:36px;--angle:-11deg}.phone-right{right:calc(50% - 220px);top:36px;--angle:11deg}.phone-frame{padding:4px;border-radius:28px}.phone-frame img{border-radius:24px}.phone figcaption{font-size:8px;margin-top:18px}.phone-left figcaption,.phone-right figcaption{visibility:hidden}.floating-note{top:310px;right:12px;font-size:9px;gap:8px;padding:10px 12px}.floating-note img{width:19px;height:19px}.scroll-cue{margin:0 0 48px}.feature-grid{grid-template-columns:1fr;gap:32px}.feature{border-top:1px solid var(--line);padding-top:25px}.feature p{font-size:14px;max-width:340px}.feature h3{margin-top:13px}.taste,.faq{grid-template-columns:1fr;gap:28px}.rating-demo{padding:14px 0}.rating-options{gap:28px}.rating-icon{width:68px;height:68px}.faq h2{max-width:none}.faq-list details:first-child summary{padding-top:10px}.download{padding-top:68px;padding-bottom:68px}.download .eyebrow{font-size:9px}footer{align-items:flex-start}footer p{width:100%;order:3}footer>span{padding-top:5px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.phone{transform:rotate(var(--angle,0deg))!important}.button:hover,.rating-options button:hover .rating-icon{transform:none}}