.landing{box-sizing:border-box;background-image:var(--bg-image);background-position:50%;background-size:cover;background-attachment:fixed;background-color:var(--color-bg);width:100%;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 24px) 18px calc(env(safe-area-inset-bottom) + 40px);font-family:var(--font-body);flex-direction:column;align-items:center;transition:background-color .4s;display:flex}.landing__hero{flex-direction:column;align-items:center;gap:22px;width:100%;max-width:650px;display:flex}.landing__hero-text{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.landing__chip{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);border-radius:999px;padding:5px 12px;font-size:.8rem;font-weight:700;text-decoration:none}.landing__chip:hover{border-color:var(--color-accent-strong);color:var(--color-text)}.landing__title{font-family:var(--font-heading);color:var(--color-text);margin:0;font-size:2.1rem;font-weight:800;line-height:1.15}.landing__subtext{color:var(--color-text-secondary);margin:0;font-size:.98rem;line-height:1.7}.landing__secondary{border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:999px;padding:10px 22px;font-weight:700;text-decoration:none}.landing__secondary:hover{border-color:var(--color-accent-strong)}.hero-timer{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.hero-timer__companion img,.hero-timer__companion .companion-float{width:120px}.hero-timer__card{box-sizing:border-box;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:360px;box-shadow:var(--shadow-card);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:18px 20px 16px;display:flex}.hero-timer__lengths{gap:6px;display:flex}.hero-timer__length{border:1px solid var(--color-border);font-family:var(--font-body);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:5px 14px;font-size:.82rem;font-weight:700}.hero-timer__length--on{background:var(--color-accent);color:var(--color-text);border-color:var(--color-accent-strong)}.hero-timer__length:disabled{cursor:default;opacity:.6}.hero-timer__time{font-family:var(--font-numeric);font-variant-numeric:tabular-nums;color:var(--color-text);margin:0;font-size:3.4rem;font-weight:800;line-height:1}.hero-timer__controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hero-timer__main{background:var(--color-button-bg);color:var(--color-on-button);font-family:var(--font-heading);cursor:pointer;box-shadow:var(--shadow-primary-btn);border:none;border-radius:999px;padding:12px 26px;font-size:1rem;font-weight:700}.hero-timer__main:hover{filter:brightness(.95)}.hero-timer__reset{border:1.5px solid var(--color-border);font-family:var(--font-body);color:var(--color-text);cursor:pointer;background:0 0;border-radius:999px;padding:12px 18px;font-weight:700}.hero-timer__caption{color:var(--color-text-secondary);margin:0;font-size:.82rem}.hero-timer__full{color:var(--color-text);text-underline-offset:2px;font-size:.82rem;text-decoration:underline}.landing__ece{width:100%;max-width:650px;margin-top:56px}.landing__section-text{text-align:center;color:var(--color-text-secondary);margin:0 0 14px;font-size:.95rem}.landing__subjects{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:flex}.landing__subject{border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:999px;padding:8px 14px;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-block}.landing__subject:hover{border-color:var(--color-accent-strong)}.landing__more{width:fit-content;color:var(--color-text);text-underline-offset:2px;margin:16px auto 0;font-weight:700;text-decoration:underline;display:block}.landing__proof{width:100%;max-width:650px;margin-top:48px}.landing__proof-list{color:var(--color-text);margin:0;padding-left:1.2em}.landing__features{flex-direction:column;gap:18px;width:100%;max-width:650px;margin-top:56px;display:flex}.landing__feature-card{background:color-mix(in srgb, var(--color-surface-alt) 88%, transparent);border:1.5px solid var(--color-border);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-card);border-radius:20px;padding:20px;transition:all .2s}.landing__feature-card:hover{border-color:var(--color-accent-strong);background:var(--color-surface-alt);transform:translateY(-2px)}.landing__feature-title{font-family:var(--font-heading);color:var(--color-accent-text);margin:0 0 10px;font-size:1.08rem}.landing__feature-desc{color:var(--color-text-secondary);margin:0;font-size:.92rem;line-height:1.65}.landing__section-title{font-family:var(--font-heading);color:var(--color-text);text-align:center;margin:0 0 18px;font-size:1.3rem;font-weight:800}.landing__try-it{width:100%;max-width:650px;margin-top:48px}.landing__try-it-grid{flex-direction:column;gap:14px;display:flex}.landing__try-it-card{color:var(--color-text);background:color-mix(in srgb, var(--color-surface) 85%, transparent);border:1.5px solid var(--color-border);-webkit-backdrop-filter:blur(12px);border-radius:18px;padding:16px 18px;text-decoration:none;transition:all .2s;display:block}.landing__try-it-card:hover{border-color:var(--color-accent-strong);background:var(--color-surface);transform:translateY(-2px)}.landing__try-it-title{font-family:var(--font-heading);color:var(--color-accent-text);margin:0 0 6px;font-size:1rem}.landing__try-it-desc{color:var(--color-text-secondary);margin:0;font-size:.88rem;line-height:1.5}.landing__blog{width:100%;max-width:650px;margin-top:56px}.landing__blog-grid{flex-direction:column;gap:14px;display:flex}.landing__blog-card{color:var(--color-text);background:var(--color-surface-alt);border:1.5px solid var(--color-border);border-radius:18px;padding:18px 20px;text-decoration:none;transition:all .2s;display:block}.landing__blog-card:hover{border-color:var(--color-accent-strong);filter:brightness(1.06)}.landing__blog-card-title{font-family:var(--font-heading);color:var(--color-accent-text);margin:0 0 8px;font-size:1.02rem}.landing__blog-card-desc{color:var(--color-text-secondary);margin:0;font-size:.88rem;line-height:1.6}.landing__fuller{text-align:center;width:100%;max-width:560px;margin-top:56px}.landing__fuller-text{color:var(--color-text-secondary);margin:0 0 14px;font-size:.92rem;line-height:1.65}.landing__fuller-link{font-family:var(--font-heading);color:var(--color-accent-text);font-size:.92rem;font-weight:700;text-decoration:none}.landing__fuller-link:hover{text-decoration:underline}@media (min-width:700px){.landing{padding-left:32px;padding-right:32px}.landing__title{font-size:2.7rem}.landing__features,.landing__try-it-grid,.landing__blog-grid{grid-template-columns:repeat(2,1fr);display:grid}}@media (min-width:1050px){.landing{padding-left:56px;padding-right:56px}.landing__hero{grid-template:"text timer""link timer"1fr/1.1fr .9fr;align-items:end;gap:18px 60px;max-width:1150px;min-height:460px;display:grid}.landing__hero-text{grid-area:text}.hero-timer{grid-area:timer;align-self:center}.landing__secondary{grid-area:link;place-self:start}.landing__hero-text{text-align:left;align-items:flex-start;gap:16px}.landing__title{font-size:3.2rem}.landing__subtext{max-width:520px;font-size:1.05rem}.hero-timer__companion img,.hero-timer__companion .companion-float{width:200px}.landing__ece{max-width:1150px;margin-top:72px}.landing__features{grid-template-columns:repeat(4,1fr);gap:22px;max-width:1150px;margin-top:72px}.landing__try-it,.landing__blog{max-width:1150px}.landing__try-it-grid,.landing__blog-grid{grid-template-columns:repeat(3,1fr)}}.landing{max-width:1120px;margin:0 auto;padding:48px 24px 64px}.landing__bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;display:grid}.landing__hero-text{text-align:left;flex-direction:column;grid-area:1/1/auto/span 7;align-self:center;gap:16px;padding:0;display:flex}.landing__bento .landing__title{letter-spacing:-.02em;text-wrap:balance;max-width:14ch;margin:0;font-size:40px;font-weight:700;line-height:48px}.landing__bento .landing__subtext{max-width:52ch;color:var(--color-text-secondary);margin:0;font-size:16px;line-height:24px}.landing__cta-row{flex-wrap:wrap;gap:8px;display:flex}.landing__status{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:20px}.landing__status .landing__chip{font:inherit;color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--color-link-underline,currentColor);text-decoration-color:var(--color-link-underline,currentColor);text-underline-offset:3px;background:0 0;border:none;border-radius:0;padding:0;display:inline}.landing__bento .hero-timer{display:contents}.landing__bento .hero-timer__companion{aspect-ratio:1;background:var(--color-tile);border-radius:12px;grid-area:1/8/auto/span 5;justify-content:center;align-items:center;padding:24px;display:flex}.landing__bento .hero-timer__companion img,.landing__bento .hero-timer__companion .companion-float{width:78%;max-width:300px;height:auto}.landing__bento .hero-timer__card{background:var(--color-tile);box-shadow:none;text-align:left;border:none;border-radius:12px;flex-direction:column;grid-area:2/1/auto/span 5;align-items:flex-start;gap:12px;margin:0;padding:24px;display:flex}.landing__bento .hero-timer__time{font-family:var(--font-numeric);letter-spacing:-.02em;margin:0;font-size:64px;font-weight:600;line-height:64px}.landing__bento .hero-timer__caption,.landing__bento .hero-timer__full{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:20px}.landing__showcase{flex-direction:column;grid-area:2/6/auto/span 7;gap:8px;display:flex}.landing__showcase .landing__section-title{text-align:left;margin:0 0 4px;font-size:22px;line-height:30px}.landing__showcase-grid{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.landing__showcase-item{border-top:1px solid var(--color-line-faint);color:var(--color-text);gap:4px;padding:16px 0;text-decoration:none;display:grid}.landing__showcase-item:hover .landing__showcase-title{text-underline-offset:3px;text-decoration:underline}.landing__showcase-title{font-size:16px;font-weight:600;line-height:24px}.landing__showcase-desc{color:var(--color-text-secondary);font-size:14px;line-height:20px}.landing>section{border-top:1px solid var(--color-line-faint);text-align:left;margin-top:48px;padding-top:32px}.landing>section .landing__section-title{text-align:left}.landing__try-it-grid,.landing__features,.landing__blog-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))!important}@media (max-width:900px){.landing{padding:24px 16px 48px}.landing__hero-text,.landing__bento .hero-timer__companion,.landing__bento .hero-timer__card,.landing__showcase{grid-area:auto/1/auto/-1}.landing__bento .hero-timer__companion{aspect-ratio:auto;order:-1;height:240px}.landing__bento .landing__title{font-size:32px;line-height:40px}}@media (max-width:560px){.landing__showcase-grid{grid-template-columns:1fr}}.landing__features{gap:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important}@media (max-width:640px){.landing__features{grid-template-columns:1fr!important}}.landing{max-width:var(--page-max-wide);margin-inline:auto}.landing__hero-text{grid-column:1/span 6}.landing__bento .landing__title{max-width:none}.landing__bento .hero-timer__companion{aspect-ratio:auto;background:0 0;border-radius:0;grid-column:7/span 5;justify-content:flex-start;padding:0}.landing__bento .hero-timer__companion img,.landing__bento .hero-timer__companion .companion-float,.landing__bento .hero-timer__companion .companion-stage{width:var(--cat-size);max-width:100%}@media (max-width:900px){.landing__bento .hero-timer__companion{justify-content:center;height:auto}.landing__bento .hero-timer__companion .companion-stage{width:200px}}.landing>section .landing__section-text,.landing>section p{text-align:left}@media (max-width:900px){.landing__hero-text,.landing__bento .hero-timer__companion{grid-column:1/-1}}@media (min-width:901px){.landing__bento{grid-template-columns:minmax(0, 560px) var(--cat-col) minmax(0, 1fr);column-gap:32px}.landing__hero-text{grid-area:1/1}.landing__bento .hero-timer__companion{grid-area:1/2}.landing__bento .hero-timer__companion .companion-stage,.landing__bento .hero-timer__companion img{width:var(--cat-size);max-width:none;margin-inline:var(--cat-overhang)}.landing__bento .hero-timer__card{grid-area:2/1}.landing__showcase{grid-area:2/2/auto/-1}}