.hero{background:var(--surface);color:var(--on-surface);padding-block:clamp(3.5rem,8vw,6.5rem) clamp(2.5rem,6vw,4rem)}.hero__grid{display:grid;gap:3rem;align-items:center}@media(min-width:900px){.hero__grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}}.hero h1{font-size:clamp(1.5rem,3vw,2rem);line-height:1.1;letter-spacing:-.02em;font-weight:700;color:var(--on-surface)}.hero__tagline{font-size:clamp(2.6rem,6vw,4.25rem);line-height:1.05;letter-spacing:-.03em;max-width:12ch;margin-top:.35rem}.hero__lead{margin-top:1.25rem;font-size:clamp(1.05rem,2vw,1.2rem);color:var(--on-surface-variant);max-width:38rem}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.band{padding-block:clamp(3.5rem,7vw,5.5rem);scroll-margin-top:calc(var(--header-height) + 4.5rem);background:var(--surface);color:var(--on-surface)}.section-heading h2,.faq__intro h2,.latest__intro h2,.cta-finale h2{font-size:clamp(1.85rem,3.5vw,2.6rem);line-height:1.15;letter-spacing:-.02em}.section-heading{text-align:center;max-width:42rem;margin-inline:auto}.section-heading--left{text-align:start;margin-inline:0}.section-heading p,.latest__intro p{margin-top:.75rem;color:var(--on-surface-muted)}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-muted);margin-bottom:.5rem}.feature-rows{display:flex;flex-direction:column;gap:clamp(3rem,6vw,4.5rem);margin-top:2.5rem}.feature-row{display:grid;gap:2rem;align-items:center}@media(min-width:800px){.feature-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem)}.feature-row--reverse .feature-row__copy{order:2}.feature-row--reverse .feature-row__visual{order:1}}.feature-row__copy h3{font-size:clamp(1.35rem,2.5vw,1.75rem);line-height:1.2;letter-spacing:-.02em;margin-bottom:.75rem}.feature-row__copy p:last-child{color:var(--on-surface-muted);max-width:34rem}.feature-row__visual{display:flex;justify-content:center}.feature-mock{width:100%;max-width:28rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--outline-variant);box-shadow:var(--shadow-elevated);overflow:hidden;color:var(--on-surface)}.feature-mock--properties{padding:1.25rem;background:color-mix(in srgb,var(--surface-subtle) 55%,var(--page-bg))}.feature-mock__card{padding:1rem;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--outline-variant);box-shadow:var(--shadow)}.feature-mock__card-title{font-size:.875rem;font-weight:600;margin-bottom:.875rem}.feature-mock__field{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--outline-variant);font-size:.8125rem}.feature-mock__field:last-child{border-bottom:none}.feature-mock__field span{color:var(--on-surface-muted)}.feature-mock__field--formula{margin-top:.25rem;padding-top:.75rem;border-top:1px dashed color-mix(in srgb,var(--primary) 35%,var(--outline-variant));border-bottom:none}.feature-mock__field--formula strong{color:var(--primary)}.feature-mock--home-board{padding:1rem;background:color-mix(in srgb,var(--surface-subtle) 55%,var(--page-bg))}.feature-mock--home-board .feature-mock__window{display:grid;grid-template-columns:3.5rem 1fr;gap:.75rem;min-height:11rem}.feature-mock--home-board .feature-mock__sidebar{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--outline-variant)}.feature-mock--home-board .feature-mock__sidebar span{display:block;height:.625rem;border-radius:var(--radius-sm);background:var(--outline-variant)}.feature-mock--home-board .feature-mock__sidebar span:first-child{width:70%;background:color-mix(in srgb,var(--primary) 40%,var(--outline-variant))}.feature-mock--home-board .feature-mock__content{display:flex;flex-direction:column;gap:.625rem}.feature-mock--home-board .feature-mock__toolbar{height:1.75rem;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--outline-variant)}.feature-mock__mini-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;flex:1;min-height:6.5rem}.feature-mock__column{display:flex;flex-direction:column;gap:.375rem;padding:.5rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--outline-variant) 22%,var(--surface-subtle));border:1px solid var(--outline-variant)}.feature-mock__column>span{font-size:.625rem;font-weight:600;color:var(--on-surface-muted);text-transform:uppercase;letter-spacing:.04em}.feature-mock__column>div{padding:.375rem .5rem;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--outline-variant);font-size:.6875rem;box-shadow:var(--shadow)}.feature-mock__column .feature-mock__card--accent{border-color:color-mix(in srgb,var(--primary) 35%,var(--outline-variant));background:color-mix(in srgb,var(--primary-container) 18%,var(--surface))}.feature-mock--share{padding:1.25rem;background:color-mix(in srgb,var(--surface-subtle) 55%,var(--page-bg))}.feature-mock__share-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.feature-mock__share-title{font-size:.875rem;font-weight:600}.feature-mock__share-avatars{display:flex;align-items:center}.feature-mock__avatar{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;background:color-mix(in srgb,var(--primary) 25%,var(--surface));border:2px solid var(--surface);font-size:.6875rem;font-weight:600;color:var(--primary);margin-left:-.375rem}.feature-mock__avatar:first-child{margin-left:0}.feature-mock__avatar--sm{width:1.375rem;height:1.375rem;font-size:.625rem;border-width:1px;margin-left:0;flex-shrink:0}.feature-mock__avatar--more{background:var(--surface-subtle);color:var(--on-surface-muted);font-size:.625rem}.feature-mock__share-invite{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .75rem;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--outline-variant);font-size:.8125rem;margin-bottom:.875rem}.feature-mock__share-invite span{color:var(--on-surface-muted)}.feature-mock__share-invite strong{font-size:.75rem;font-weight:600;color:var(--primary)}.feature-mock__share-list{margin:0;padding:0;list-style:none}.feature-mock__share-list li{display:flex;align-items:center;gap:.625rem;padding:.5rem 0;border-bottom:1px solid var(--outline-variant);font-size:.8125rem}.feature-mock__share-list li:last-child{border-bottom:none}.feature-mock__share-list li>span:nth-child(2){flex:1}.feature-mock__share-list li strong{font-size:.75rem;font-weight:500;color:var(--on-surface-muted)}[data-theme=dark] .feature-mock__column{background:var(--surface)}[data-theme=dark] .feature-mock__column>div{background:var(--surface-subtle)}[data-theme=dark] .feature-mock__column .feature-mock__card--accent{background:color-mix(in srgb,var(--primary-container) 28%,var(--surface-subtle))}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .feature-mock__column{background:var(--surface)}:root:not([data-theme=light]) .feature-mock__column>div{background:var(--surface-subtle)}:root:not([data-theme=light]) .feature-mock__column .feature-mock__card--accent{background:color-mix(in srgb,var(--primary-container) 28%,var(--surface-subtle))}}.pricing{container-type:inline-size;margin-top:2.5rem;padding:1.5rem 1.25rem 1.25rem;border-radius:var(--radius-lg);background:var(--surface-subtle);border:none}.pricing__toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding:0 .75rem;color:var(--on-surface-variant);font-size:.9rem;margin-bottom:1.25rem}.pricing__note{color:var(--on-surface-muted)}.pricing__grid{display:grid;gap:1rem;padding-inline:.25rem}@container (min-width: 900px){.pricing__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:900px){.pricing__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.plan{display:flex;flex-direction:column;gap:.35rem;padding:1.35rem 1.15rem 1.5rem;border-radius:1.25rem;background:var(--surface);border:1px solid var(--outline-variant);box-shadow:var(--shadow)}.plan--featured{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.plan h3{font-size:1.15rem}.plan__compare-price{color:var(--on-surface-muted);font-size:1rem;font-weight:500;line-height:1.2;text-decoration:line-through}.plan__price{font-size:2rem;font-weight:700;letter-spacing:-.03em;line-height:1.1}.plan__cadence,.plan__intro{color:var(--on-surface-muted);font-size:.875rem}.plan .btn{margin-block:.85rem .5rem;width:100%}.plan ul{margin:.5rem 0 0;padding:0;list-style:none}.plan li{position:relative;padding-left:1.35rem;margin-top:.55rem;font-size:.9rem;color:var(--on-surface-variant)}.plan li:before{content:"";position:absolute;left:0;top:.45rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--primary)}.pricing__legal{margin:1.25rem .75rem .25rem;font-size:.8125rem;color:var(--on-surface-muted)}.faq{max-width:48rem;margin-inline:auto}.faq__intro{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.75rem}.faq__list details{border-bottom:1px solid var(--outline-variant)}.faq__list summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-block:1.1rem;font-weight:600;cursor:pointer;list-style:none}.faq__list summary::-webkit-details-marker{display:none}.faq__list summary:after{content:"";width:.55rem;height:.55rem;flex-shrink:0;border-right:2px solid var(--primary);border-bottom:2px solid var(--primary);transform:rotate(45deg);transition:transform var(--motion)}.faq__list details[open] summary:after{transform:rotate(225deg)}.faq__list details p{padding-bottom:1.1rem;color:var(--on-surface-variant)}.latest{display:grid;gap:2rem}@media(min-width:900px){.latest{grid-template-columns:minmax(14rem,.7fr) minmax(0,1.5fr);align-items:start}}.latest__grid{display:grid;gap:1rem}@media(min-width:700px){.latest__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.latest-card{display:flex;flex-direction:column;gap:.4rem;padding:1.25rem;border:1px solid var(--outline-variant);border-radius:var(--radius-md);background:var(--surface);color:inherit;min-height:12rem}.latest-card:hover{color:inherit;box-shadow:var(--shadow)}.latest-card--wide{grid-column:1 / -1}.latest-card h3{font-size:1.15rem}.latest-card p{color:var(--on-surface-muted);flex:1}.latest-card span{color:var(--primary);font-weight:500}.cta-finale{padding-block:4.5rem;background:var(--surface);color:var(--on-surface);text-align:center}.cta-finale h2{max-width:16ch;margin-inline:auto}.cta-finale__note{max-width:34rem;margin:1rem auto 0;font-size:.95rem;color:var(--on-surface-muted);line-height:1.5}.cta-finale__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.25rem}.hero .preview{box-shadow:var(--shadow-elevated)}.preview{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--outline-variant);box-shadow:var(--shadow-elevated);overflow:hidden;color:var(--on-surface)}.preview__chrome{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--surface-subtle);border-bottom:1px solid var(--outline-variant)}.preview__dot{width:.625rem;height:.625rem;border-radius:50%;background:var(--outline)}.preview__title{margin-left:.5rem;font-size:.875rem;font-weight:600;color:var(--on-surface-variant)}.preview__board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:1rem;background:color-mix(in srgb,var(--surface-subtle) 55%,var(--page-bg));min-height:260px}.preview__column{display:flex;flex-direction:column;gap:.5rem;padding:.625rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--outline-variant) 22%,var(--surface-subtle));border:1px solid var(--outline-variant)}.preview__column-title{font-size:.75rem;font-weight:600;color:var(--on-surface-muted);text-transform:uppercase;letter-spacing:.04em}.preview__card{padding:.625rem .75rem;border-radius:var(--radius-sm);background:var(--surface);color:var(--on-surface);border:1px solid var(--outline-variant);font-size:.8125rem;box-shadow:var(--shadow)}.preview__card--accent{border-color:color-mix(in srgb,var(--primary) 35%,var(--outline-variant));background:color-mix(in srgb,var(--primary-container) 18%,var(--surface))}[data-theme=dark] .preview__column{background:var(--surface)}[data-theme=dark] .preview__card{background:var(--surface-subtle)}[data-theme=dark] .preview__card--accent{background:color-mix(in srgb,var(--primary-container) 28%,var(--surface-subtle))}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .preview__column{background:var(--surface)}:root:not([data-theme=light]) .preview__card{background:var(--surface-subtle)}:root:not([data-theme=light]) .preview__card--accent{background:color-mix(in srgb,var(--primary-container) 28%,var(--surface-subtle))}}
