:root{--sacred-brown:#3d2206;--temple-gold:#9e5b0b;--light-gold:#c9881d;--leaf-green:#446118;--warm-cream:#fbf9f4;--primary:var(--temple-gold);--primary-dark:var(--sacred-brown);--secondary:var(--leaf-green);--gold:var(--light-gold);--leaf:var(--leaf-green);--cream:var(--warm-cream);--icon-bg:#f4eee1;--selected-tint:#f5eedf;--bg:var(--warm-cream);--bg-elevated:#fff;--bg-panel:#fff;--bg-soft:#f6f0e4;--ink:#291501;--muted:#3e240a;--text-light:#573614;--line:#e8dcc6;--border:#dfd0b4;--white:#fff;--shadow:0 12px 28px #2d190517;--font-display:"Outfit", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;color:var(--ink);background:var(--bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;font-weight:400}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--warm-cream);min-width:320px;max-width:100%;color:var(--sacred-brown);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}#root{min-height:100vh}@keyframes rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes floatPhone{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes glowPulse{0%,to{opacity:.28}50%{opacity:.5}}.reveal{animation:.9s both rise}.reveal-delay-1{animation-delay:.12s}.reveal-delay-2{animation-delay:.24s}.reveal-delay-3{animation-delay:.36s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.phone-float{animation:none!important}}.page{background:var(--bg);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overflow-x:clip}.nav{z-index:20;padding:calc(.75rem + env(safe-area-inset-top)) clamp(1rem, 4vw, 3rem) .75rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#fbf9f4f5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);letter-spacing:-.01em;color:var(--sacred-brown);align-items:center;gap:.65rem;min-height:44px;font-size:1.25rem;font-weight:800;display:inline-flex}.brand img{border-radius:9px;width:36px;height:36px}.nav-toggle{border:1px solid var(--border);background:var(--white);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;display:none}.nav-toggle span{background:var(--sacred-brown);border-radius:999px;width:18px;height:2px;transition:transform .2s,opacity .2s;display:block}.nav-open .nav-toggle span:first-child{transform:translateY(7px)rotate(45deg)}.nav-open .nav-toggle span:nth-child(2){opacity:0}.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-links{color:var(--muted);align-items:center;gap:1rem;font-weight:600;display:flex}.nav-links a{align-items:center;min-height:44px;padding:.35rem .15rem;display:inline-flex}.nav-links a:hover{color:var(--temple-gold)}.nav-cta{background:var(--temple-gold);border-radius:999px;color:var(--white)!important;padding:.5rem .95rem!important}.nav-cta:hover{background:var(--primary-dark);color:var(--white)!important}.hero{background:var(--warm-cream);min-height:min(78vh,700px);color:var(--ink);align-items:center;padding:clamp(1.5rem,3.5vw,2.5rem) clamp(1rem,4vw,3rem) clamp(1.5rem,3vw,2rem);display:flex;position:relative;overflow:hidden}.hero-wash{opacity:.055;mix-blend-mode:multiply;pointer-events:none;z-index:0;background-image:url(/screens/feature-graphic-1024x500.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;inset:0}.hero-inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(1rem,3vw,2rem);width:min(1140px,100%);margin:0 auto;display:grid;position:relative}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#8a4800;margin:0 0 .65rem;font-size:.88rem;font-weight:800}.hero h1{font-family:var(--font-display);letter-spacing:-.025em;color:#2b1400;margin:0;font-size:clamp(2.75rem,6.5vw,4.4rem);font-weight:800;line-height:1.05}.lede{color:#3b2005;max-width:32rem;margin:1rem 0 0;font-size:clamp(1.05rem,2.2vw,1.24rem);font-weight:500;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.4rem;display:flex}.btn{touch-action:manipulation;border-radius:999px;justify-content:center;align-items:center;min-height:2.9rem;padding:.65rem 1.2rem;font-weight:700;transition:transform .2s,background .2s,color .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--temple-gold);color:var(--white)}.btn-primary:hover{background:var(--primary-dark)}.btn-ghost{border:1.5px solid var(--border);color:var(--sacred-brown);background:#ffffff8c}.btn-ghost:hover{background:var(--icon-bg);border-color:var(--temple-gold)}.hero-visual{justify-content:center;align-items:center;min-height:min(520px,70vw);display:flex;position:relative}.hero-phone-container{perspective:1400px;z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.hero-phone-wrap{perspective:1400px;transform-style:preserve-3d}.hero-phone{border:2.5px solid var(--border)!important;background:#1c140a!important;border-radius:28px!important;width:clamp(220px,20vw,255px)!important;padding:0!important;overflow:hidden!important;box-shadow:0 16px 36px #2d190529!important}.hero-phone img{object-fit:cover!important;background:0 0!important;border-radius:25px!important;width:100%!important;height:100%!important;display:block!important}.hero-phone-flipper{cursor:pointer;transform-style:preserve-3d;will-change:transform, opacity;transition:transform .48s cubic-bezier(.4,0,.2,1),opacity .48s,filter .48s,box-shadow .3s}.hero-phone-flipper:hover{box-shadow:0 22px 48px #2d190538!important}.hero-phone-flipper.is-flipping-out{opacity:.55;filter:brightness(.92);transform:perspective(1400px)rotateY(-90deg)scale(.92)}.hero-phone-flipper.is-flipping-in{animation:.48s cubic-bezier(.2,.9,.3,1) forwards heroFlipIn}@keyframes heroFlipIn{0%{opacity:.55;filter:brightness(.92);transform:perspective(1400px)rotateY(90deg)scale(.92)}to{opacity:1;filter:brightness();transform:perspective(1400px)rotateY(0)scale(1)}}.hero-glow{filter:blur(18px);background:radial-gradient(circle,#b8731633,#0000 70%);border-radius:50%;width:65%;height:65%;animation:5s ease-in-out infinite glowPulse;position:absolute;top:18%}.phone{width:min(168px,42vw);box-shadow:var(--shadow);border:2px solid var(--border);will-change:transform, opacity;background:#1c140a;border-radius:24px;padding:0;position:relative;overflow:hidden}.phone img{background:0 0;border-radius:22px;width:100%;display:block}.phone-float{animation:5.5s ease-in-out infinite floatPhone}.stats{background:var(--bg-elevated);color:var(--ink);border-block:1px solid var(--line);padding:1.15rem clamp(1rem,4vw,3rem)}.stats-inner{grid-template-columns:repeat(3,1fr);gap:.9rem;width:min(1000px,100%);margin:0 auto;display:grid}.stats-inner div{flex-direction:column;gap:.2rem;display:flex}.stats-inner strong{font-family:var(--font-display);letter-spacing:-.01em;color:#8a4800;font-size:1.2rem;font-weight:800}.stats-inner span{color:#42280d;font-size:.9rem;font-weight:500}.features,.more,.analytics{padding:clamp(2.75rem,6vw,4.25rem) clamp(1rem,4vw,3rem)}.features{background:var(--bg)}.analytics{background:var(--warm-cream);border-block:1px solid var(--line)}.more{background:var(--bg)}.milestones{background:var(--white);border-block:1px solid var(--line);padding:clamp(2.75rem,6vw,4.25rem) clamp(1rem,4vw,3rem)}.milestones-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;width:min(960px,100%);margin:0 auto;display:grid}.milestone-card{background:var(--white);border:1px solid var(--line);will-change:transform, opacity;border-radius:14px;padding:.85rem .9rem .8rem;transition:transform .28s,box-shadow .28s,border-color .28s;position:relative;box-shadow:0 5px 14px #56350f10}.milestone-card:hover{border-color:var(--border);transform:translateY(-4px);box-shadow:0 10px 20px #56350f18}.milestone-step{background:var(--icon-bg);min-height:1.4rem;color:var(--leaf-green);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.1rem .5rem;font-size:.65rem;font-weight:700;display:inline-flex}.milestone-card h3{font-family:var(--font-display);letter-spacing:-.01em;color:#2b1400;margin:.45rem 0 0;font-size:1.12rem;font-weight:700}.milestone-target{font-weight:700;color:#8a4800!important;margin:.2rem 0 0!important;font-size:.95rem!important}.milestone-card p{color:#42280d;margin:.35rem 0 0;font-size:.86rem;font-weight:500;line-height:1.5}.section-head{text-align:center;width:min(700px,100%);margin:0 auto 2.25rem;padding-inline:.25rem}.section-head h2,.showcase-copy h2,.download h2{font-family:var(--font-display);color:#2b1400;letter-spacing:-.02em;margin:0;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;line-height:1.15}.section-head p,.showcase-copy p,.download p{color:#42280d;margin:.75rem 0 0;font-size:1.05rem;font-weight:500;line-height:1.6}.screen-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:1rem .85rem;width:min(1080px,100%);margin:0 auto;display:grid}.analytics-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:1.1rem;width:min(1080px,100%);margin:0 auto;display:grid}.screen-card,.analytics-card{text-align:center;min-width:0}.screen-card .phone,.analytics-card .phone{aspect-ratio:458/1024;flex-direction:column;width:min(148px,100%);margin:0 auto .85rem;display:flex;overflow:hidden}.screen-card .phone img,.analytics-card .phone img{object-fit:cover;object-position:top center;border-radius:20px;flex:1;width:100%;height:100%}.screen-card--full .phone{overflow:hidden}.screen-card--full .phone img{object-fit:fill;object-position:center;transform-origin:50%;transform:scaleX(1.08)}.analytics-card .phone{width:min(148px,100%)}.screen-card h3,.analytics-card h3{font-family:var(--font-display);letter-spacing:-.01em;color:#2b1400;margin:0;font-size:1.12rem;font-weight:700}.screen-card p,.analytics-card p{color:#42280d;margin:.45rem 0 0;font-size:.88rem;font-weight:500;line-height:1.5}.more-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;width:min(1080px,100%);margin:0 auto;display:grid}.more-item{background:var(--bg-panel);border:1px solid var(--line);will-change:transform, opacity;border-radius:18px;padding:1.1rem 1.15rem;transition:transform .28s,box-shadow .28s,border-color .28s,background .28s;position:relative;overflow:hidden;box-shadow:0 6px 18px #56350f0d}.more-item:before{content:"";background:linear-gradient(90deg, var(--temple-gold), var(--light-gold), var(--leaf-green));opacity:0;transform-origin:0;width:100%;height:3px;transition:opacity .28s,transform .28s;position:absolute;inset:0 auto auto 0;transform:scaleX(.4)}.more-item:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 0%,#ffffff73 48%,#0000 100%);width:45%;height:180%;transition:transform .55s;position:absolute;top:-40%;left:-30%;transform:translate(-120%)rotate(12deg)}.more-item:hover{border-color:var(--border);background:var(--white);transform:translateY(-6px);box-shadow:0 14px 28px #56350f18}.more-item:hover:before{opacity:1;transform:scaleX(1)}.more-item:hover:after{transform:translate(280%)rotate(12deg)}.more-item h3{font-family:var(--font-display);letter-spacing:-.01em;color:#8a4800;margin:0;font-size:1.18rem;font-weight:700;transition:color .28s}.more-item:hover h3{color:#2b1400}.more-item p{color:#42280d;margin:.45rem 0 0;font-size:.92rem;font-weight:500;line-height:1.55}@media (hover:none){.more-item:hover{background:var(--bg-panel);border-color:var(--line);transform:none;box-shadow:0 6px 18px #56350f0d}.more-item:hover:before,.more-item:hover:after{opacity:0;transform:none}.more-item:active{border-color:#d6b87a;transform:scale(.98)}}@media (prefers-reduced-motion:reduce){.more-item,.more-item:before,.more-item:after{transition:none}}.showcase{background:var(--warm-cream);grid-template-columns:.95fr 1.05fr;align-items:center;gap:clamp(1.25rem,3vw,2.5rem);padding:clamp(2.75rem,6vw,4.25rem) clamp(1rem,4vw,3rem);display:grid}.showcase-copy{justify-self:end;max-width:32rem}.showcase-copy ul{gap:.55rem;margin:1.15rem 0 0;padding:0;list-style:none;display:grid}.showcase-copy li{color:#3b2005;padding-left:1.15rem;font-size:.96rem;font-weight:500;line-height:1.5;position:relative}.showcase-copy li:before{content:"";background:var(--leaf-green);border-radius:50%;width:.45rem;height:.45rem;position:absolute;top:.5rem;left:0}.showcase-phones{justify-content:center;align-items:flex-end;gap:.65rem;display:flex}.showcase-phones .phone{width:min(132px,24vw)}.showcase-phones .phone-mid{width:min(158px,28vw);margin-bottom:1rem}.download{background:var(--white);color:var(--ink);border-top:1px solid var(--line);padding:clamp(2.75rem,6vw,4rem) clamp(1rem,4vw,3rem)}.download-inner{text-align:center;width:min(720px,100%);margin:0 auto}.download-icon{box-shadow:var(--shadow);border-radius:18px;margin:0 auto .85rem}.download h2{color:var(--sacred-brown)}.download p{color:var(--muted)}.store-row{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.store-badge{border:1px solid var(--border);background:var(--sacred-brown);min-width:188px;min-height:58px;color:var(--white);text-align:left;touch-action:manipulation;border-radius:12px;align-items:center;gap:.75rem;padding:.55rem 1.05rem .55rem .85rem;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.store-badge:hover{background:var(--primary-dark);border-color:var(--temple-gold);transform:translateY(-2px)}.store-symbol{flex-shrink:0;width:30px;height:30px}.store-badge-apple .store-symbol{color:#fff;width:28px;height:28px}.store-text{flex-direction:column;gap:.05rem;line-height:1.1;display:flex}.store-text .store-label{letter-spacing:.04em;text-transform:uppercase;opacity:.85;font-size:.68rem;font-weight:600}.store-badge-apple .store-text .store-label{text-transform:none;letter-spacing:0;font-size:.72rem}.store-text strong{font-size:1.15rem;font-weight:700}.store-btn{background:var(--temple-gold);min-width:168px;min-height:58px;color:var(--white);text-align:left;touch-action:manipulation;border-radius:14px;padding:.75rem 1.05rem;transition:transform .2s}.store-btn:hover{transform:translateY(-2px)}.store-btn-soft{border:1.5px solid var(--border);color:var(--sacred-brown);background:0 0}.store-btn-soft:hover{background:var(--icon-bg);border-color:var(--temple-gold)}.store-label{opacity:.75;font-size:.72rem;font-weight:600;display:block}.store-btn strong{font-size:1.05rem}.footer{padding:1.35rem clamp(1rem,4vw,3rem);padding-bottom:calc(1.35rem + env(safe-area-inset-bottom));background:var(--sacred-brown);color:var(--light-gold);border-top:1px solid var(--primary-dark);flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.footer-brand{align-items:center;gap:.7rem;display:flex}.footer-brand img{border-radius:9px}.footer-brand strong{font-family:var(--font-display);color:var(--white);display:block}.footer-brand p{color:var(--light-gold);margin:.1rem 0 0;font-size:.85rem}.footer-links{flex-wrap:wrap;align-items:center;gap:1rem;font-weight:600;display:flex}.footer-links a{align-items:center;min-height:44px;display:inline-flex}.footer-links a:hover{color:var(--light-gold)}@media (width<=1100px){.screen-grid,.analytics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=920px){.hero-inner,.showcase{grid-template-columns:1fr}.more-grid,.milestones-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy{text-align:center}.lede{margin-inline:auto}.hero-actions{justify-content:center}.showcase-copy{text-align:center;justify-self:center}.showcase-copy ul{text-align:left;max-width:26rem;margin-inline:auto}.hero{min-height:auto;padding-top:1.25rem;padding-bottom:1.75rem}.hero-visual{order:-1;min-height:0}.hero-phone{border-radius:28px!important;width:min(230px,64vw)!important}.hero-wash{opacity:.055;background-position:50%;background-size:cover;width:100%;height:100%;inset:0;transform:none}}@media (width<=720px){.nav-toggle{margin-left:auto;display:inline-flex}.nav-links{flex-direction:column;align-items:stretch;gap:.35rem;width:100%;padding-top:.35rem;display:none}.nav-open .nav-links{display:flex}.nav-links a{border:1px solid var(--line);background:#ffffffa6;border-radius:12px;justify-content:center;width:100%;padding:.7rem 1rem}.nav-links .nav-cta{border-color:var(--temple-gold);background:var(--temple-gold)!important}.stats-inner,.more-grid,.milestones-grid{grid-template-columns:1fr}.stats-inner div{background:var(--white);border:1px solid var(--line);text-align:center;border-radius:14px;padding:.85rem 1rem}.screen-grid,.analytics-grid{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:1rem;margin-inline:-.25rem;padding:.25rem .15rem 1rem;display:flex;overflow-x:auto}.screen-card,.analytics-card{scroll-snap-align:start;flex:0 0 min(148px,42vw)}.screen-card .phone,.analytics-card .phone{width:100%}.showcase-phones .phone:first-child,.showcase-phones .phone:last-child{display:none}.showcase-phones .phone-mid{width:min(200px,56vw);margin-bottom:0}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.store-row{flex-direction:column;align-items:stretch}.store-badge,.store-btn{justify-content:center;width:100%;min-width:0}.footer{text-align:center;flex-direction:column;align-items:center}.footer-brand{flex-direction:column}.footer-links{justify-content:center}.features,.more,.analytics,.milestones,.showcase,.download{padding-block:2.25rem}.section-head{margin-bottom:1.5rem}}@media (width<=420px){.brand span{font-size:1.05rem}.hero-phone{width:min(210px,68vw)!important}.screen-card,.analytics-card{flex-basis:min(150px,58vw)}.screen-card h3,.analytics-card h3{font-size:1.05rem}.screen-card p,.analytics-card p{font-size:.92rem}}@media (hover:none){.btn:hover,.store-badge:hover,.store-btn:hover,.milestone-card:hover{transform:none}}