*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}body{color:#fff;-webkit-font-smoothing:antialiased;background-color:#0f172a;font-family:Euclid Circular A,sans-serif;line-height:1.5}::selection{background-color:rgba(59,130,246,.3)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:clamp(1rem,3vw,2rem);padding-right:clamp(1rem,3vw,2rem)}.max-w-7xl{max-width:80rem}.max-w-4xl{max-width:56rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-grow{flex-grow:1}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (width>=1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.gap-12{gap:clamp(1.5rem,4vw,3rem)}.gap-4{gap:clamp(.75rem,1.5vw,1rem)}.space-y-6>*+*{margin-top:clamp(1rem,2vw,1.5rem)}.space-x-6>*+*{margin-left:clamp(1rem,2vw,1.5rem)}.text-left{text-align:left}.text-center{text-align:center}.text-xl{font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.75rem}.text-2xl{font-size:clamp(1.25rem,2.2vw,1.5rem);line-height:2rem}.text-3xl{font-size:clamp(1.5rem,2.8vw,1.875rem);line-height:2.25rem}.text-4xl{font-size:clamp(1.75rem,3.5vw,2.25rem);line-height:2.5rem}.text-5xl{font-size:clamp(2rem,4.5vw,3rem);line-height:1}.sm\:text-6xl{font-size:clamp(2.5rem,5.5vw,3.75rem);line-height:1}.text-lg{font-size:clamp(1rem,1.6vw,1.125rem);line-height:1.75rem}.text-sm{font-size:clamp(.75rem,1.4vw,.875rem);line-height:1.25rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-medium{font-weight:500}.tracking-tight{letter-spacing:-.025em}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.text-white{color:#fff}.text-transparent{color:transparent}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-blue-400{color:#60a5fa}.hover\:text-white:hover{color:#fff}.hover\:text-blue-300:hover{color:#93c5fd}.underline{text-decoration:underline}.no-underline{text-decoration:none}.min-h-screen{min-height:100vh}.bg-gradient-text{color:transparent;background-image:linear-gradient(90deg,#60a5fa,#a855f7);-webkit-background-clip:text;background-clip:text}.logo-icon{object-fit:contain;filter:drop-shadow(0 25px 25px rgba(0,0,0,.15));width:clamp(3rem,5vw,4rem);height:clamp(3rem,5vw,4rem)}.app-store-btn{transition:transform .2s;display:inline-block}.app-store-btn:hover{transform:scale(1.05)}.app-store-img{width:auto;height:clamp(3rem,5vw,4rem)}.hero-image{filter:drop-shadow(0 25px 25px rgba(0,0,0,.15))drop-shadow(0 0 15px rgba(255,255,255,.25));width:100%;height:auto;transform:scale(1.2)}.bg-blobs{z-index:-10;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.blob-blue{filter:blur(100px);background-color:rgba(59,130,246,.1);border-radius:9999px;width:40%;height:40%;position:absolute;top:-10%;left:-10%}.blob-purple{filter:blur(100px);background-color:rgba(168,85,247,.1);border-radius:9999px;width:40%;height:40%;position:absolute;bottom:-10%;right:-10%}.footer{background-color:#0f172a;border-top:1px solid rgba(255,255,255,.1);margin-top:auto;padding-top:clamp(1rem,2vw,1.5rem);padding-bottom:clamp(1rem,2vw,1.5rem)}.site-header{z-index:1000;-webkit-backdrop-filter:blur(20px);background:rgba(15,23,42,.7);border-bottom:1px solid rgba(255,255,255,.06);position:fixed;top:0;left:0;right:0}.header-glass{justify-content:space-between;align-items:center;max-width:80rem;margin:0 auto;padding:14px 1rem;display:flex}@media (width>=640px){.header-glass{padding:14px 1.5rem}}@media (width>=1024px){.header-glass{padding:14px 2rem}}.header-logo{color:#fff;align-items:center;gap:10px;text-decoration:none;display:flex}.header-logo-icon{object-fit:contain;width:clamp(28px,5vw,38px);height:clamp(28px,5vw,38px)}.header-logo-text{color:#fff;font-family:Copernicus Trial,serif;font-size:clamp(1.05rem,2vw,1.3rem);font-weight:700}.header-arcade-btn{min-width:clamp(110px,18vw,140px);height:clamp(33px,5vw,39px);text-decoration:none;display:block;position:relative}.header-arcade-shadow{background:#5b3fbf;border-radius:10px;position:absolute;inset:3px 0 0}.header-arcade-face{background:#7c5cfc;border-radius:10px;justify-content:center;align-items:center;height:clamp(30px,4.5vw,36px);transition:transform 50ms,background .2s;display:flex;position:relative}.header-arcade-btn:hover .header-arcade-face{background:#6b4ce0}.header-arcade-btn:active .header-arcade-face{transform:translateY(3px)}.header-arcade-btn:active .header-arcade-shadow{opacity:.3}.header-arcade-inner{color:#fff;text-transform:uppercase;justify-content:center;align-items:center;padding:0 clamp(16px,3vw,24px);font-size:clamp(12px,1.8vw,14px);font-weight:600;display:flex}#hero-cta{scroll-margin-top:100px}.relative{position:relative}.absolute{position:absolute}.z-10{z-index:10}.mb-4{margin-bottom:clamp(.75rem,1.5vw,1rem)}.mb-8{margin-bottom:clamp(1.5rem,3vw,2rem)}.mb-10{margin-bottom:clamp(1.75rem,3.5vw,2.5rem)}.mt-4{margin-top:clamp(.75rem,1.5vw,1rem)}.mt-8{margin-top:clamp(1.5rem,3vw,2rem)}.mt-12{margin-top:clamp(2rem,4vw,3rem)}.py-6{padding-top:clamp(1rem,2vw,1.5rem);padding-bottom:clamp(1rem,2vw,1.5rem)}.py-16{padding-top:clamp(2.5rem,5vw,4rem);padding-bottom:clamp(2.5rem,5vw,4rem)}.py-20{padding-top:clamp(3rem,6vw,5rem);padding-bottom:clamp(3rem,6vw,5rem)}.px-4{padding-left:clamp(.75rem,1.5vw,1rem);padding-right:clamp(.75rem,1.5vw,1rem)}.pl-6{padding-left:clamp(1rem,2vw,1.5rem)}.list-disc{list-style-type:disc}.inline-block{display:inline-block}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.prose{color:#cbd5e1;max-width:65ch}.prose h1,.prose h2,.prose h3{color:#fff;margin-top:2em;margin-bottom:1em;line-height:1.33333}.prose h1{font-size:2.25em}.prose h2{font-size:1.5em}.prose h3{font-size:1.25em}.prose p{margin-top:1.25em;margin-bottom:1.25em}.prose ul{margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em;list-style-type:disc}.prose li{margin-top:.5em;margin-bottom:.5em}.prose strong{color:#fff;font-weight:600}.prose a{color:#60a5fa;font-weight:500;text-decoration:underline}.prose a:hover{color:#93c5fd}@media (width>=768px){.md\:flex-row{flex-direction:row}.md\:mb-0{margin-bottom:0}}.screens-container{filter:drop-shadow(0 25px 25px rgba(0,0,0,.15))drop-shadow(0 0 15px rgba(255,255,255,.25));justify-content:center;align-items:center;width:100%;padding:clamp(1.5rem,4vw,3rem) 0;display:flex;position:relative}.screen-center{z-index:20;position:relative}.screen-left{z-index:10;position:absolute;top:50%;left:50%;transform:translate(-135%,-50%)rotate(-12deg)}.screen-right{z-index:10;position:absolute;top:50%;left:50%;transform:translate(35%,-50%)rotate(12deg)}.landing-page{flex-direction:column;min-height:100vh;display:flex}.hero-section-centered{z-index:10;padding:clamp(4rem,7vw,6rem) clamp(1rem,3vw,1.5rem) 2rem;position:relative}.hero-text-centered{text-align:center;max-width:900px;margin:0 auto}.hero-headline-centered{letter-spacing:-.03em;color:transparent;background-image:linear-gradient(90deg,#60a5fa,#a855f7);-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:clamp(2.25rem,5.5vw,4rem);font-weight:700;line-height:1.1}.hero-tagline-centered{color:#94a3b8;max-width:700px;margin-bottom:clamp(.75rem,1.5vw,1rem);margin-left:auto;margin-right:auto;font-size:clamp(.95rem,1.8vw,1.15rem);line-height:1.7}.hero-tagline-centered strong{color:#fff}.hero-cta-centered{justify-content:center;margin-top:clamp(.75rem,1.5vw,1rem);display:flex}.hero-trust-badge{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:999px;justify-content:center;align-items:center;gap:clamp(6px,1vw,10px);padding:clamp(3px,.5vw,4px) clamp(10px,1.5vw,14px) clamp(3px,.5vw,4px) clamp(3px,.5vw,4px);display:inline-flex}.trust-avatars{align-items:center;display:flex}.trust-avatar{object-fit:cover;border:2px solid rgba(15,23,42,.9);border-radius:50%;width:clamp(24px,3.5vw,30px);height:clamp(24px,3.5vw,30px)}.trust-avatar-overlap{margin-left:-14px}.trust-label{color:#cbd5e1;font-size:clamp(.7rem,1.2vw,.8rem);font-weight:500}.hero-trust-row{justify-content:center;align-items:center;gap:clamp(6px,.8vw,8px);margin-bottom:clamp(1rem,2vw,1.5rem);display:flex}.hero-rating-bubble{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:999px;align-items:center;gap:clamp(3px,.5vw,5px);padding:clamp(5px,.8vw,7px) clamp(10px,1.5vw,14px);display:inline-flex}.rating-star{color:gold;font-size:clamp(.7rem,1.1vw,.85rem)}.rating-value{color:#fff;font-size:clamp(.7rem,1.1vw,.85rem);font-weight:700}.hero-screens-centered{z-index:10;zoom:.4;max-width:700px;margin:0 auto;position:relative}@media (width>=640px){.hero-screens-centered{zoom:.65}}@media (width>=1024px){.hero-screens-centered{zoom:.85}}.hero-section{z-index:10;padding:6rem 1.5rem 4rem;position:relative}.hero-inner{grid-template-columns:1fr;align-items:center;gap:3rem;max-width:80rem;margin:0 auto;display:grid}@media (width>=1024px){.hero-inner{grid-template-columns:1fr 1fr}}.hero-content{text-align:left}.hero-brand{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.brand-name{color:#fff;font-family:Copernicus Trial,serif;font-size:1.875rem;font-weight:700}.hero-headline{letter-spacing:-.03em;color:#fff;margin-bottom:1.5rem;font-size:3.25rem;font-weight:700;line-height:1.1}@media (width>=640px){.hero-headline{font-size:4rem}}.hero-headline-accent{color:transparent;background-image:linear-gradient(135deg,#7c5cfc,#a855f7,#e8683f);-webkit-background-clip:text;background-clip:text}.hero-subheadline{color:#94a3b8;max-width:540px;margin-bottom:2rem;font-size:1.2rem;line-height:1.7}.hero-trust-signals{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:2.5rem;display:flex}.trust-signal{flex-direction:column;display:flex}.trust-signal-value{color:#fff;letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.trust-signal-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.trust-signal-divider{background-color:rgba(255,255,255,.12);width:1px;height:2rem}.hero-cta{gap:1rem;display:flex}.hero-visual{z-index:10;position:relative}.section-inner{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,3vw,1.5rem)}.section-heading{color:#fff;text-align:center;letter-spacing:-.03em;margin-bottom:clamp(.5rem,1vw,.75rem);font-size:clamp(1.75rem,4.5vw,3rem);font-weight:700;line-height:1.15}.section-subheading{color:#94a3b8;text-align:center;max-width:600px;margin:0 auto clamp(2rem,4vw,3.5rem);font-size:clamp(.9rem,1.6vw,1.1rem);line-height:1.6}.how-it-works-section{z-index:10;padding:clamp(3rem,6vw,5rem) 0;position:relative}.feature-grid{grid-template-columns:1fr;gap:clamp(.75rem,1.5vw,1.25rem);max-width:320px;margin-left:auto;margin-right:auto;display:grid}@media (width>=768px){.feature-grid{grid-template-columns:repeat(2,1fr);max-width:none}}@media (width>=1024px){.feature-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{backdrop-filter:blur(8px);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden}.feature-gradient-bar{height:3px}.feature-body{padding:clamp(1rem,2vw,1.5rem)}.feature-icon{justify-content:center;align-items:center;width:clamp(36px,5vw,44px);height:clamp(36px,5vw,44px);margin-bottom:1rem;display:flex}.feature-title{color:#fff;margin-bottom:.4rem;font-size:clamp(.875rem,1.4vw,1rem);font-weight:600}.feature-desc{color:#94a3b8;font-size:clamp(.75rem,1.2vw,.85rem);line-height:1.5}.goal-showcase-section{z-index:10;padding:clamp(3rem,6vw,5rem) 0;position:relative}.goal-showcase-grid{grid-template-columns:1fr;gap:clamp(1rem,2.5vw,2rem);max-width:320px;margin:0 auto;display:grid}@media (width>=768px){.goal-showcase-grid{grid-template-columns:repeat(2,1fr);max-width:900px}}.goal-showcase-tile{perspective:1000px}.goal-tile{border:1px solid;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.15),0 8px 24px rgba(0,0,0,.1)}.goal-tile-ribbon{border-bottom:1px solid rgba(255,255,255,.18);width:100%;padding:8px 16px}.goal-tile-ribbon-bubble{background-color:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.35);border-radius:999px;align-items:center;gap:0;padding-right:10px;display:inline-flex}.goal-tile-ribbon-emoji{text-align:center;width:40px;padding:5px 0;font-size:12px}.goal-tile-ribbon-separator{background-color:rgba(255,255,255,.22);align-self:stretch;width:1px;margin-right:10px}.goal-tile-ribbon-text{color:#fff;text-transform:uppercase;letter-spacing:.8px;font-size:10px;font-weight:700}.goal-tile-header{z-index:10;align-items:center;padding:clamp(12px,2vw,16px);display:flex;position:relative}.goal-tile-icon-container{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:12px;display:flex}.goal-tile-icon{font-size:28px}.goal-tile-svg-icon{width:36px;height:36px}.goal-tile-text{flex:1;min-width:0}.goal-tile-title{color:#fff;font-size:clamp(13px,1.8vw,15px);font-weight:500}.goal-tile-subtitle{color:rgba(255,255,255,.7);margin-top:2px;font-size:clamp(10px,1.4vw,12px)}.goal-tile-milestones{padding:clamp(12px,2vw,16px)}.milestone-row{align-items:flex-start;margin-bottom:8px;display:flex;position:relative}.milestone-row:last-child{margin-bottom:0}.milestone-leading{flex-direction:column;flex-shrink:0;align-items:center;width:40px;margin-right:12px;display:flex;position:relative}.milestone-icon{z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative}.milestone-completed{box-shadow:0 1px 3px rgba(0,0,0,.2)}.milestone-current{background-color:#1e293b;border:2px solid}.milestone-future{background-color:rgba(255,255,255,.08)}.milestone-current-dot{border-radius:50%;width:6px;height:6px}.milestone-text{color:rgba(255,255,255,.6);flex:1;padding-top:2px;font-size:clamp(11px,1.5vw,13px);line-height:1.4}.milestone-text-current{color:#fff;font-weight:500}.milestone-line-track{z-index:1;background-color:rgba(255,255,255,.1);border-radius:1px;width:2px;height:10px;margin-top:2px;position:relative;overflow:hidden}.milestone-line-fill{transform-origin:top;border-radius:1px;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleY(0)}.milestone-line-fill-grow{animation:.5s ease-in-out forwards line-grow}.milestone-line-fill-done{transform:scaleY(1)}.milestone-pop{animation:.5s ease-out milestone-pop-in}@keyframes milestone-pop-in{0%{transform:scale(.5)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes line-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.final-cta-section{text-align:center;z-index:10;padding:clamp(3rem,7vw,6rem) 0 clamp(2rem,5vw,4rem);position:relative}.final-cta-heading{color:#fff;letter-spacing:-.03em;margin-bottom:clamp(.75rem,1.5vw,1rem);font-size:clamp(1.75rem,4.5vw,3rem);font-weight:700;line-height:1.15}.final-cta-section .hero-cta{justify-content:center}