.landing{background:var(--color-void);overflow-x:hidden}#landing-smooth-wrapper{overflow:hidden}#landing-smooth-content{width:100%;overflow:visible}.landing-container{width:100%;max-width:1440px;margin:0 auto;padding:0 clamp(24px,8vw,120px)}.landing-nav{z-index:100;-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--color-border);background:#f7f3ead9;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(24px,8vw,120px);display:flex;position:fixed;top:0;left:0;right:0}.landing-nav__brand{font-family:var(--font-display);color:var(--color-primary);letter-spacing:-.02em;align-items:center;gap:10px;font-size:21px;font-weight:800;text-decoration:none;display:flex}.landing-nav__actions{align-items:center;gap:12px;display:flex}.landing-nav__link{color:var(--color-text-secondary);border-radius:var(--radius-pill);padding:8px 14px;font-size:14px;font-weight:700;text-decoration:none;transition:color .15s,background .15s}.landing-nav__link:hover{color:var(--color-text-primary);background:var(--color-surface)}.landing-btn{border-radius:var(--radius-pill);cursor:pointer;font-weight:800;font-family:var(--font-sans);white-space:nowrap;border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;text-decoration:none;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s,background .18s;display:inline-flex}.landing-btn--sm{padding:10px 18px;font-size:14px}.landing-btn--lg{padding:16px 28px;font-size:16px}.landing-btn--xl{padding:18px 36px;font-size:18px}.landing-btn--primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary-border);box-shadow:0 2px 4px #0f51321a,0 10px 22px #0f513229}.landing-btn--primary:hover{background:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 3px 6px #0f51321f,0 16px 30px #0f513233}.landing-btn--onDark{background:var(--color-secondary);color:var(--color-ink);border-color:var(--color-secondary-border);box-shadow:0 2px 4px #c7d40024,0 10px 22px #c7d40033}.landing-btn--onDark:hover{filter:brightness(1.03);transform:translateY(-2px);box-shadow:0 3px 6px #c7d40029,0 16px 30px #c7d4003d}.landing-btn--ghost{color:var(--color-text-primary);border:1.5px solid var(--color-border);background:0 0}.landing-btn--ghost:hover{background:var(--color-card);border-color:var(--color-border-hover)}.landing-eyebrow{letter-spacing:.02em;color:var(--color-secondary-dark);background:var(--color-secondary-muted);border:1px solid var(--color-secondary-border);border-radius:var(--radius-pill);align-items:center;gap:6px;margin:0 0 16px;padding:6px 14px;font-size:12px;font-weight:800;display:inline-flex}.landing-eyebrow--light{color:var(--color-ink);background:#ffffffd9;border-color:#fff6}.landing-heading{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-text-primary);margin:0 0 16px;font-size:clamp(2rem,5vw,3.1rem);font-weight:800;line-height:1.08}.landing-heading--light{color:var(--color-on-primary)}.landing-body{color:var(--color-text-secondary);max-width:540px;margin:0;font-size:clamp(16px,2vw,18px);line-height:1.65}.landing-body--center{text-align:center;margin-left:auto;margin-right:auto}.landing-body--light{color:#ffffffc7}.landing-gradient-text{color:var(--color-celebrate);background:0 0;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset}.landing-section--dark .landing-gradient-text,.landing-section--celebrate .landing-gradient-text,.landing-levelup .landing-gradient-text{color:var(--color-secondary)}.landing-pill{border-radius:var(--radius-pill);background:var(--color-secondary-muted);border:1px solid var(--color-secondary-border);color:var(--color-secondary-dark);letter-spacing:.02em;align-items:center;gap:6px;margin-bottom:20px;padding:6px 14px;font-size:12px;font-weight:800;display:inline-flex}.landing-section{padding:104px 0;position:relative}.landing-section--dark{background:var(--color-primary)}.landing-section--celebrate{background:var(--color-celebrate)}.landing-section--surface{background:var(--color-surface)}.landing-section--glow{background:var(--color-void)}.landing-section-head{text-align:center;margin-bottom:clamp(40px,6vw,64px)}.landing-hero{align-items:center;min-height:100vh;padding:132px 0 96px;display:flex;position:relative;overflow:hidden}.landing-hero__mesh{background-image:radial-gradient(var(--color-border) 1px, transparent 1px);pointer-events:none;opacity:.6;background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 20%,#000 0%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 20%,#000 0%,#0000 75%)}.landing-hero__orb{filter:blur(70px);pointer-events:none;border-radius:50%;position:absolute}.landing-hero__orb--1{background:#f5ff3d59;width:420px;height:420px;animation:12s ease-in-out infinite landingOrbFloat;top:6%;right:-6%}.landing-hero__orb--2{background:#ff547033;width:320px;height:320px;animation:15s ease-in-out infinite reverse landingOrbFloat;bottom:2%;left:-6%}@keyframes landingOrbFloat{0%,to{transform:translate(0)}50%{transform:translate(20px,-30px)}}.landing-hero__grid{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,5vw,64px);display:grid;position:relative}.landing-hero__title{font-family:var(--font-display);letter-spacing:-.035em;color:var(--color-text-primary);text-wrap:balance;margin:0 0 20px;font-size:clamp(2.6rem,6vw,4.4rem);font-weight:800;line-height:1.02}.landing-hero__lead{color:var(--color-text-secondary);max-width:520px;margin:0 0 28px;font-size:clamp(17px,2.2vw,20px);line-height:1.65}.landing-hero__ctas{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.landing-trust-row{color:var(--color-text-muted);flex-wrap:wrap;gap:16px;font-size:13px;font-weight:700;display:flex}.landing-trust-row span{align-items:center;gap:5px;display:inline-flex}.landing-trust-row svg{color:var(--color-success)}.landing-preview{justify-content:center;align-items:center;min-height:420px;display:flex;position:relative}.landing-preview__glow{filter:blur(30px);pointer-events:none;background:radial-gradient(#f5ff3d38 0%,#0000 70%);width:90%;height:70%;position:absolute}.landing-preview__card{background:var(--color-primary);border-radius:var(--radius-xl);border:1.5px solid var(--color-primary-border);width:100%;max-width:380px;color:var(--color-on-primary);z-index:2;padding:24px;position:relative;box-shadow:0 4px 10px #0f51322e,0 30px 60px #0f513247}.landing-preview__top{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.landing-preview__eyebrow{text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;margin:0 0 4px;font-size:11px;font-weight:600}.landing-preview__title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:19px;font-weight:700}.landing-preview__level{background:#ffffff14;border:2px solid #ffffff2e;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.landing-preview__level--pulse{border-color:var(--color-secondary);box-shadow:0 0 18px #f5ff3d66}.landing-preview__level-label{letter-spacing:.1em;color:#ffffff80;font-size:8px;font-weight:700}.landing-preview__level-value{font-size:20px;font-weight:800;line-height:1}.landing-preview__habits{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.landing-preview__habit{background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.landing-preview__habit--done{background:#f5ff3d1a;border-color:#f5ff3d38}.landing-preview__check{border:2px solid #ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.landing-preview__check--done{background:var(--color-secondary);border-color:var(--color-secondary-border);color:var(--color-primary)}.landing-preview__habit-copy{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.landing-preview__habit-name{font-size:13px;font-weight:600}.landing-preview__habit-xp{color:var(--color-secondary);letter-spacing:.02em;font-size:10px;font-weight:700}.landing-preview__xp-block{margin-top:4px}.landing-preview__xp-row{color:#fff9;justify-content:space-between;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.landing-preview__xp-pct{color:var(--color-secondary)}.landing-preview__xp-track{border-radius:var(--radius-pill);background:#0000004d;height:8px;overflow:hidden}.landing-preview__xp-fill{border-radius:var(--radius-pill);background:var(--color-secondary);height:100%;box-shadow:0 0 10px #f5ff3d66}.landing-preview__float{background:var(--color-card);border:1px solid var(--color-secondary-border);box-shadow:var(--shadow-glow);color:var(--color-secondary-dark);z-index:10;pointer-events:none;border-radius:10px;padding:6px 12px;font-size:12px;font-weight:700;position:absolute}.landing-preview__float--1{top:38%;right:-8px}.landing-preview__float--2{font-size:11px;bottom:18%;left:-12px}.landing-marquee{background:var(--color-primary);padding:22px 0;overflow:hidden}.landing-marquee__track{will-change:transform;width:max-content;display:flex}.landing-marquee__track[data-ready]{animation:landingMarquee var(--marquee-duration,30s) linear infinite}.landing-marquee__group{flex-shrink:0;align-items:center;gap:16px;padding-inline-end:16px;display:flex}@keyframes landingMarquee{0%{transform:translate(0,0)}to{transform:translate3d(calc(-1 * var(--marquee-shift,0px)), 0, 0)}}.landing-marquee__item{color:#ffffffd9;white-space:nowrap;border-radius:var(--radius-pill);background:#ffffff14;border:1px solid #ffffff1f;align-items:center;gap:10px;padding:8px 18px 8px 8px;font-size:14px;font-weight:700;display:flex}.landing-hook{grid-template-columns:1.2fr .8fr;align-items:center;gap:48px;display:grid}.landing-hook__stats{flex-direction:column;gap:16px;display:flex}.landing-hook__stat{border-radius:var(--radius-lg);text-align:center;background:#ffffff24;border:1px solid #ffffff38;padding:24px 28px}.landing-hook__stat-value{min-height:40px;font-family:var(--font-display);color:var(--color-on-primary);justify-content:center;align-items:center;margin-bottom:4px;font-size:2rem;font-weight:800;display:flex}.landing-hook__stat-label{color:#ffffffbf;font-size:13px;font-weight:700}.landing-loop{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.landing-loop__card{--loop-accent:var(--color-primary);--loop-accent-muted:var(--color-primary-muted);border-radius:var(--radius-xl);background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow-pop-xs);padding:30px 24px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.landing-loop__card:hover{border-color:var(--loop-accent);box-shadow:var(--shadow-pop-md);transform:translateY(-6px)}.landing-loop__icon{background:var(--loop-accent-muted);width:56px;height:56px;color:var(--loop-accent);border-radius:16px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.landing-loop__step{letter-spacing:.12em;color:var(--loop-accent);margin-bottom:8px;font-size:11px;font-weight:800;display:block}.landing-loop__title{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.02em;margin:0 0 8px;font-size:17px;font-weight:700}.landing-loop__body{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.55}.landing-compare{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,5vw,64px);display:grid}.landing-compare__table{border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-card);box-shadow:var(--shadow-pop-sm);overflow:hidden}.landing-compare__head{background:var(--color-surface);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);grid-template-columns:1fr 1fr;align-items:center;padding:14px 20px;font-size:12px;font-weight:800;display:grid}.landing-compare__head-ascend{border-radius:var(--radius-pill);background:var(--color-secondary);width:fit-content;color:var(--color-ink);align-items:center;padding:3px 12px;display:inline-flex}.landing-compare__row{border-top:1px solid var(--color-border);grid-template-columns:1fr 1fr;align-items:center;padding:16px 20px;font-size:14px;display:grid}.landing-compare__boring{color:var(--color-text-muted);-webkit-text-decoration:line-through #8c867780;text-decoration:line-through #8c867780}.landing-compare__ascend{color:var(--color-text-primary);align-items:center;gap:6px;font-weight:700;display:flex}.landing-compare__ascend svg{color:var(--color-success);flex-shrink:0}.landing-bento{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.landing-bento__card{border-radius:var(--radius-2xl);background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow-pop-xs);flex-direction:column;gap:12px;padding:32px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex}.landing-bento__card:hover{box-shadow:var(--shadow-pop-md);transform:translateY(-5px)}.landing-bento__card--wide{grid-column:span 1}.landing-bento__card--primary{background:var(--color-primary);border-color:var(--color-primary-border)}.landing-bento__card--primary .landing-bento__title{color:var(--color-on-primary)}.landing-bento__card--primary .landing-bento__body{color:#ffffffb8}.landing-bento__card--celebrate{background:var(--color-celebrate);border-color:var(--color-celebrate-border)}.landing-bento__card--celebrate .landing-bento__title{color:#fff}.landing-bento__card--celebrate .landing-bento__body{color:#ffffffd9}.landing-bento__card--secondary{background:var(--color-secondary);border-color:var(--color-secondary-border)}.landing-bento__card--secondary .landing-bento__title,.landing-bento__card--secondary .landing-bento__body{color:var(--color-ink)}.landing-bento__card--secondary .landing-bento__body{opacity:.75}.landing-bento__illus{margin-bottom:4px}.landing-bento__title{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.02em;margin:0;font-size:21px;font-weight:700}.landing-bento__body{color:var(--color-text-secondary);margin:0;font-size:15px;line-height:1.6}.landing-levelup{border-radius:var(--radius-2xl);background:var(--color-primary);border:1.5px solid var(--color-primary-border);padding:clamp(36px,5vw,56px);position:relative;overflow:hidden;box-shadow:0 6px 14px #0f513224,0 30px 56px #0f513233}.landing-levelup__glow{pointer-events:none;background:radial-gradient(circle,#f5ff3d29 0%,#0000 70%);width:50%;height:80%;position:absolute;top:-30%;right:-10%}.landing-levelup__content{z-index:1;grid-template-columns:1.2fr .8fr;align-items:center;gap:32px;margin-bottom:28px;display:grid;position:relative}.landing-levelup__visual{justify-content:center;align-items:center;display:flex;position:relative}.landing-levelup__ring{pointer-events:none;border:1.5px dashed #ffffff59;border-radius:50%;position:absolute;inset:-22px}.landing-levelup__chips{z-index:1;flex-wrap:wrap;gap:10px;display:flex;position:relative}.landing-levelup__chip{border-radius:var(--radius-pill);color:var(--color-secondary);background:#f5ff3d24;border:1px solid #f5ff3d4d;padding:8px 16px;font-size:13px;font-weight:800}.landing-categories{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.landing-category{--cat-accent:var(--color-primary);--cat-accent-muted:var(--color-primary-muted);border-radius:var(--radius-xl);background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow-pop-xs);cursor:default;flex-direction:column;align-items:center;gap:14px;min-width:140px;padding:28px 32px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s,border-color .22s;display:flex}.landing-category:hover{border-color:var(--cat-accent);box-shadow:var(--shadow-pop-sm);transform:translateY(-4px)}.landing-category__illus{background:var(--cat-accent-muted);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.landing-category__label{color:var(--color-text-primary);font-size:15px;font-weight:700}.landing-testimonials{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.landing-testimonial{border-radius:var(--radius-xl);background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow-pop-xs);flex-direction:column;gap:16px;margin:0;padding:32px;transition:transform .25s,box-shadow .25s;display:flex}.landing-testimonial:hover{box-shadow:var(--shadow-pop-sm);transform:translateY(-4px)}.landing-testimonial--featured{background:var(--color-primary);border-color:var(--color-primary-border)}.landing-testimonial__heart{color:var(--color-celebrate);opacity:.85}.landing-testimonial p{color:var(--color-text-primary);flex:1;margin:0;font-size:16px;line-height:1.65}.landing-testimonial__author{align-items:center;gap:12px;margin-top:auto;display:flex}.landing-testimonial__author cite{color:var(--color-text-primary);font-size:14px;font-style:normal;font-weight:700;display:block}.landing-testimonial__author span{color:var(--color-text-muted);font-size:12px;font-weight:600}.landing-testimonial__avatar{background:var(--avatar-accent,var(--color-primary));width:44px;height:44px;color:var(--color-on-primary);font-family:var(--font-display);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}.landing-testimonial--featured .landing-testimonial__heart{color:var(--color-secondary);opacity:1}.landing-testimonial--featured p,.landing-testimonial--featured cite{color:var(--color-on-primary)}.landing-testimonial--featured span{color:#ffffffad}.landing-testimonial--featured .landing-testimonial__avatar{background:var(--color-secondary);color:var(--color-ink)}.landing-trust{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.landing-trust__card{border-radius:var(--radius-xl);background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow-pop-xs);text-align:center;padding:32px 28px;transition:transform .22s,box-shadow .22s}.landing-trust__card:hover{box-shadow:var(--shadow-pop-sm);transform:translateY(-4px)}.landing-trust__icon{background:var(--trust-accent-muted,var(--color-primary-muted));border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.landing-trust__card h3{font-family:var(--font-display);color:var(--color-text-primary);margin:0 0 8px;font-size:17px;font-weight:700}.landing-trust__card p{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.6}.landing-faq{flex-direction:column;gap:12px;max-width:760px;margin:0 auto;display:flex}.landing-faq__item{border-radius:var(--radius-lg);background:#ffffff1f;border:1px solid #ffffff2e;transition:background .2s,border-color .2s;overflow:hidden}.landing-faq__item--open{background:#ffffff2e;border-color:#f5ff3d66}.landing-faq__question{cursor:pointer;text-align:left;width:100%;font-family:var(--font-sans);color:var(--color-on-primary);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:16px;font-weight:700;display:flex}.landing-faq__icon{width:32px;height:32px;color:var(--color-on-primary);background:#ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .25s,color .25s;display:flex}.landing-faq__item--open .landing-faq__icon{background:var(--color-secondary);color:var(--color-ink);transform:rotate(45deg)}.landing-faq__answer-wrap{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.landing-faq__item--open .landing-faq__answer-wrap{grid-template-rows:1fr}.landing-faq__answer-inner{overflow:hidden}.landing-faq__answer{color:#ffffffbf;max-width:60ch;margin:0;padding:0 24px 20px;font-size:14px;line-height:1.65}.landing-final{background:var(--color-primary);text-align:center;padding:clamp(80px,12vw,140px) 0;position:relative;overflow:hidden}.landing-final__glow{pointer-events:none;background:radial-gradient(70% 80% at 50% 100%,#f5ff3d24 0%,#0000 60%);position:absolute;inset:0}.landing-final__inner{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.landing-final__title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-on-primary);margin:24px 0 16px;font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.1}.landing-final__body{color:#ffffffad;max-width:480px;margin:0 0 32px;font-size:18px;line-height:1.6}.landing-footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:40px 0}.landing-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.landing-footer__brand{font-family:var(--font-display);color:var(--color-primary);align-items:center;gap:8px;font-weight:800;display:flex}.landing-footer p{color:var(--color-text-muted);margin:0;font-size:13px}.landing-footer__links{gap:20px;display:flex}.landing-footer__links a{color:var(--color-text-secondary);font-size:13px;font-weight:700;text-decoration:none}.landing-footer__links a:hover{color:var(--color-text-primary)}@media (max-width:1024px){.landing-hero__grid,.landing-hook,.landing-compare,.landing-levelup__content{grid-template-columns:1fr}.landing-loop{grid-template-columns:repeat(2,1fr)}.landing-testimonials{grid-template-columns:1fr}.landing-hero__visual{order:-1}.landing-preview{min-height:360px}}@media (max-width:768px){.landing-nav__link{display:none}.landing-loop,.landing-bento,.landing-trust{grid-template-columns:1fr}.landing-hero__ctas{flex-direction:column}.landing-hero__ctas .landing-btn{width:100%}.landing-footer__inner{text-align:center;flex-direction:column}}@media (max-width:480px){.landing-loop{grid-template-columns:1fr}.landing-preview__float--1{right:4px}.landing-preview__float--2{left:4px}.landing-faq__question{padding:16px 18px;font-size:15px}.landing-faq__answer{padding:0 18px 16px}}