:root{--sky:#eaf2eb;--sky-deep:#dce8de;--surface:#fafcfb;--ink:#1b3a28;--ink-soft:#4c755d;--accent:#ffa6c9;--accent-soft:#ffd0e2;--border:#1b3a28;--focus:#1b3a28;--danger:#9b2c2c;--summer-accent:#2ec4b6;--autumn-accent:#d9895b;--winter-accent:#8fa6b8;--radius-control:12px;--radius-surface:16px;--radius-stage:32px;--border-thick:2px;--shadow-offset:4px;--space-micro:4px;--space-compact:8px;--space-related:12px;--space-standard:16px;--space-section:24px;--space-major:32px;--space-emphasis:48px;--content-max:68rem;--prose-max:42rem;--header-height:4.25rem;color-scheme:light}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;min-height:100vh;font-family:ui-rounded,SF Pro Rounded,Hiragino Maru Gothic ProN,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--sky);line-height:1.55;text-rendering:optimizeLegibility;transition:background-color .18s ease,color .18s ease}img{max-width:100%;height:auto;display:block}a{color:var(--ink);text-underline-offset:.18em}a:hover{color:var(--ink-soft)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{position:absolute;left:var(--space-standard);top:0;z-index:1000;transform:translateY(-120%);padding:.75rem 1rem;background:var(--surface);border:var(--border-thick) solid var(--border);border-radius:var(--radius-control);font-weight:700;text-decoration:none}.skip-link:focus{transform:translateY(var(--space-standard))}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1 1}.container{width:min(100% - 2rem,var(--content-max));margin-inline:auto}.container-prose{width:min(100% - 2rem,var(--prose-max));margin-inline:auto}.soft-brutal{background:var(--surface);border:var(--border-thick) solid var(--border);border-radius:var(--radius-surface);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--ink)}.soft-brutal-stage{border-radius:var(--radius-stage)}.eyebrow{margin:0 0 var(--space-compact);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.section-title{margin:0 0 var(--space-related);font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.15;letter-spacing:-.02em}.lead{margin:0;font-size:1.1rem;color:var(--ink-soft);max-width:38rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.75rem 1.25rem;border-radius:var(--radius-control);border:var(--border-thick) solid var(--border);font:inherit;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .12s ease}.btn:hover{transform:translate(-1px,-1px)}.btn:active{transform:translate(1px,1px)}@media (prefers-reduced-motion:reduce){.btn:active,.btn:hover{transform:none}}.btn-primary{background:var(--ink);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--accent)}.btn-primary,.btn-primary:hover{color:var(--surface)}.btn-secondary{background:var(--surface);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--ink)}.btn-secondary,.btn-secondary:hover{color:var(--ink)}.btn-disabled,.btn[aria-disabled=true]{cursor:default;opacity:.95}.btn-disabled:hover,.btn[aria-disabled=true]:hover{transform:none}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--sky) 88%,white);border-bottom:var(--border-thick) solid color-mix(in srgb,var(--ink) 18%,transparent)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-standard);min-height:var(--header-height)}.site-header__nav{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.site-header__nav a{text-decoration:none;font-weight:700;font-size:.95rem}.site-header__nav a:hover{text-decoration:underline}.logo-mark{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--ink);font-weight:800;font-size:1.15rem;letter-spacing:-.02em}.logo-mark img{width:40px;height:40px}.site-footer{margin-top:var(--space-emphasis);padding:var(--space-major) 0;border-top:var(--border-thick) solid color-mix(in srgb,var(--ink) 18%,transparent);background:color-mix(in srgb,var(--sky) 70%,white)}.site-footer__grid{display:grid;grid-gap:var(--space-section);gap:var(--space-section)}.site-footer__links{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;list-style:none;margin:0;padding:0}.site-footer__links a{font-weight:700;text-decoration:none}.site-footer__links a:hover{text-decoration:underline}.site-footer__meta{color:var(--ink-soft);font-size:.95rem}.hero{position:relative;padding:clamp(2.5rem,6vw,4.5rem) 0 var(--space-emphasis);overflow:hidden}.hero__grid{display:grid;grid-gap:var(--space-major);gap:var(--space-major);align-items:center}.hero__title{margin:0 0 var(--space-related);font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.05;letter-spacing:-.03em}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-related);margin-top:var(--space-section)}.hero__primary-message{display:inline-block;margin-top:var(--space-standard);padding:.45rem .9rem;background:var(--accent-soft);border:var(--border-thick) solid var(--border);border-radius:999px;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--ink);font-weight:800}.hero__visual{padding:var(--space-standard);max-width:28rem;margin-inline:auto;width:100%}.section{padding:var(--space-emphasis) 0}.section--tight{padding-top:var(--space-major)}.feature-grid{display:grid;grid-gap:var(--space-standard);gap:var(--space-standard);margin-top:var(--space-section)}.feature-card{padding:var(--space-section)}.feature-card h3{margin:0 0 var(--space-compact);font-size:1.15rem}.feature-card p{margin:0;color:var(--ink-soft)}.steps{grid-gap:var(--space-standard);margin-top:var(--space-section);counter-reset:step}.step-card,.steps{display:grid;gap:var(--space-standard)}.step-card{grid-template-columns:auto 1fr;grid-gap:var(--space-standard);padding:var(--space-section)}.step-card__num{width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:999px;background:var(--accent);border:var(--border-thick) solid var(--border);font-weight:800}.step-card h3{margin:0 0 var(--space-micro)}.step-card p{margin:0;color:var(--ink-soft)}.privacy-panel{padding:clamp(1.5rem,4vw,2.5rem)}.privacy-panel .link-row{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:var(--space-section)}.privacy-panel .link-row a{font-weight:700}.screenshot-grid{display:grid;grid-gap:var(--space-standard);gap:var(--space-standard);margin-top:var(--space-section)}.screenshot-frame{padding:var(--space-standard);display:flex;flex-direction:column;gap:var(--space-related)}.screenshot-frame__label{font-weight:800;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}.screenshot-frame__stage{border-radius:var(--radius-surface);border:var(--border-thick) solid color-mix(in srgb,var(--ink) 22%,transparent);background:var(--surface);display:grid;place-items:center;text-align:center;color:var(--ink-soft);overflow:hidden}.screenshot-frame__stage--placeholder{aspect-ratio:9/19.5;max-height:32rem;border-style:dashed;border-color:color-mix(in srgb,var(--ink) 35%,transparent);background:radial-gradient(circle at 20% 15%,color-mix(in srgb,var(--accent) 45%,transparent),transparent 40%),linear-gradient(160deg,var(--sky),var(--surface));padding:var(--space-standard)}.screenshot-frame__stage img{width:100%;height:auto;display:block;object-fit:contain;border-radius:calc(var(--radius-surface) - 4px)}.screenshot-frame__note{margin:0;font-size:.9rem;color:var(--ink-soft)}.faq-list{display:grid;grid-gap:var(--space-related);gap:var(--space-related);margin-top:var(--space-section)}.faq-item{padding:var(--space-section)}.faq-item h3{margin:0 0 var(--space-compact);font-size:1.05rem}.faq-item p{margin:0;color:var(--ink-soft)}.seasonal-accent-row{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:var(--space-standard)}.seasonal-dot{width:44px;height:44px;border-radius:999px;border:2px solid var(--ink);box-shadow:none;cursor:pointer;background-clip:content-box;padding:.55rem;transition:transform .12s ease,box-shadow .12s ease}.seasonal-dot:hover{transform:translateY(-1px)}.seasonal-dot.is-selected{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--ink)}.seasonal-dot--spring{background-color:#ffa6c9}.seasonal-dot--summer{background-color:#2ec4b6}.seasonal-dot--autumn{background-color:#d9895b}.seasonal-dot--winter{background-color:#8fa6b8}@media (prefers-reduced-motion:reduce){.seasonal-dot,body{transition:none}}.legal-page{padding:var(--space-emphasis) 0 calc(var(--space-emphasis) * 1.5)}.legal-page header{margin-bottom:var(--space-major)}.legal-page .draft-banner{margin:0 0 var(--space-section);padding:var(--space-related) var(--space-standard);background:color-mix(in srgb,var(--accent) 28%,white);border:var(--border-thick) solid var(--border);border-radius:var(--radius-control);font-weight:600}.legal-page h1{margin:0 0 var(--space-compact);font-size:clamp(2rem,4vw,2.75rem);line-height:1.1}.legal-meta{color:var(--ink-soft);font-size:.95rem}.legal-page h2{margin:var(--space-major) 0 var(--space-related);font-size:1.35rem}.legal-page h3{margin:var(--space-section) 0 var(--space-compact);font-size:1.05rem}.legal-page li,.legal-page p{color:var(--ink)}.legal-page ul{padding-left:1.2rem}.legal-page .placeholder{background:color-mix(in srgb,var(--accent) 35%,white);padding:0 .2em;border-radius:4px;font-weight:700}.support-section{margin-top:var(--space-major);padding:var(--space-section)}.support-section h2{margin:0 0 var(--space-related);font-size:1.35rem}.support-section h3{margin:var(--space-section) 0 var(--space-compact);font-size:1.05rem}.support-section p{margin:0 0 var(--space-related);color:var(--ink-soft)}.glow-orb{position:absolute;width:min(28rem,70vw);height:min(28rem,70vw);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 55%,transparent),transparent 70%);top:-8rem;right:-6rem;pointer-events:none;z-index:0}.hero>.container{position:relative;z-index:1}@media (min-width:640px){.feature-grid,.screenshot-grid,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.hero__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center}.hero__visual{margin-inline:0 0 auto}}@media (min-width:900px){.feature-grid,.screenshot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer__grid{grid-template-columns:1.2fr 1fr;align-items:start}}@media (max-width:520px){.site-header__inner{flex-direction:column;align-items:flex-start;padding-block:var(--space-related)}.hero__actions .btn,.site-header__nav{width:100%}}