:root{--green: var(--color-primary, #176b57);--green-dark: #0d4d3d;--green-soft: #e5f0eb;--cream: var(--color-background, #f7f4ee);--ink: var(--color-text, #211f1b);--muted: var(--color-text-muted, #6f6a61);--header-height: 54px;scroll-padding-top:calc(var(--header-height) + 62px)}body{overflow-x:clip}.site-header{position:sticky;z-index:30;top:0;height:var(--header-height);border-bottom:1px solid rgb(33 31 27 / 9%);background:#f7f4eeeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.site-header__inner,.site-footer__inner{width:min(100%,77.5rem);height:100%;margin-inline:auto;padding-inline:var(--page-gutter)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-brand{color:var(--green);font-size:1.18rem;font-weight:900;letter-spacing:-.04em;text-decoration:none}.site-nav{display:flex;height:100%;align-items:stretch;gap:.15rem}.site-nav__link{position:relative;display:grid;min-height:44px;padding-inline:.68rem;place-items:center;color:var(--muted);font-size:.82rem;font-weight:750;text-decoration:none}.site-nav__link.is-active{color:var(--green)}.site-nav__link.is-active:after{position:absolute;right:.65rem;bottom:-1px;left:.65rem;height:2px;border-radius:999px;background:var(--green);content:""}.site-nav__link.is-disabled{opacity:.5;pointer-events:none}.hero{display:grid;min-height:min(38rem,calc(100svh - var(--header-height)));padding:5rem var(--page-gutter) 4.5rem;align-items:center;overflow:hidden;background:radial-gradient(circle at 92% 12%,rgb(23 107 87 / 14%),transparent 31rem),linear-gradient(145deg,#fbfaf6 0%,var(--cream) 55%,#edf2ea 100%)}.hero__inner{width:min(100%,67rem);margin-inline:auto}.hero__eyebrow,.section-eyebrow{margin-bottom:1rem;color:var(--green);font-size:.75rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.hero h1{max-width:16ch;margin-bottom:1.5rem;font-size:clamp(2.2rem,6.5vw,3.8rem);font-weight:900;letter-spacing:-.075em;line-height:1.08;white-space:nowrap}.hero h1 span{color:var(--green)}.hero__lead{max-width:37rem;margin-bottom:2rem;color:var(--muted);font-size:clamp(1rem,3vw,1.2rem);line-height:1.85}.hero__link{display:inline-flex;min-height:44px;padding:.85rem 1.8rem;align-items:center;justify-content:center;border-radius:999px;color:var(--cream);background:var(--green);box-shadow:0 .55rem 1.4rem #176b5733;font-weight:800;text-decoration:none;transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease}.hero__link:hover{background:var(--green-dark);box-shadow:0 .75rem 1.65rem #0d4d3d47;transform:translateY(-1px)}.feature-nav{position:sticky;z-index:20;top:var(--header-height, 54px);border-block:1px solid rgb(33 31 27 / 9%);background:#fffffff0;box-shadow:0 .25rem 1.25rem #211f1b0d;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.feature-nav__track{display:flex;width:min(100%,77.5rem);margin-inline:auto;padding-inline:var(--page-gutter);gap:.15rem;overflow-x:auto;scrollbar-width:none}.feature-nav__track::-webkit-scrollbar,.screenshot-track::-webkit-scrollbar{display:none}.feature-nav__link{position:relative;display:flex;min-height:58px;padding-inline:.7rem;flex:0 0 auto;align-items:center;color:var(--muted);font-size:.98rem;font-weight:780;text-decoration:none;white-space:nowrap}.feature-nav__link:after{position:absolute;right:.7rem;bottom:-1px;left:.7rem;height:3px;border-radius:999px 999px 0 0;background:var(--green);content:"";opacity:0;transform:scaleX(.35);transition:opacity .16s ease,transform .16s ease}.feature-nav__link.is-active{color:var(--green-dark);font-weight:900;text-shadow:0 0 .01px currentColor}.feature-nav__link.is-active:after{opacity:1;transform:scaleX(1)}.feature-list{background:var(--color-surface)}.feature-section{display:grid;width:min(100%,72rem);margin-inline:auto;padding:5.5rem var(--page-gutter);gap:2.5rem;scroll-margin-top:calc(var(--header-height) + 58px)}.feature-section+.feature-section{border-top:1px solid var(--color-border)}.feature-copy{max-width:35rem}.section-number{margin-bottom:1.8rem;color:var(--green);font-size:.72rem;font-weight:900;letter-spacing:.18em}.feature-copy h2,.helpers h2,.closing-note h2{display:-webkit-box;overflow:hidden;margin-bottom:1.2rem;font-size:clamp(1.85rem,6.8vw,3.25rem);font-weight:900;letter-spacing:-.06em;line-height:1.14;-webkit-box-orient:vertical;-webkit-line-clamp:2}.section-description{margin-bottom:1.4rem;color:var(--muted);font-size:1rem;line-height:1.85}.feature-copy ul{display:grid;margin:0;padding:0;gap:.65rem;list-style:none}.feature-copy li{display:flex;gap:.65rem;align-items:baseline;font-size:.92rem;font-weight:720}.feature-copy li:before{width:.44rem;height:.44rem;flex:0 0 auto;border-radius:50%;background:var(--green);content:""}.screenshot-track{display:grid;margin-inline:calc(var(--page-gutter) * -1);padding:.35rem var(--page-gutter) 1.15rem;grid-auto-columns:74%;grid-auto-flow:column;gap:.85rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:var(--page-gutter);scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.screenshot-card{min-width:0;margin:0;scroll-snap-align:start}.screenshot-card__button{position:relative;display:block;width:100%;min-height:0;padding:0;overflow:hidden;border:1px solid rgb(33 31 27 / 10%);border-radius:1.25rem;background:#eef0ec;box-shadow:0 1.1rem 2.8rem #211f1b21}.screenshot-card__button img{width:100%;height:auto}.screenshot-card__zoom{position:absolute;right:.65rem;bottom:.65rem;display:grid;width:2.2rem;height:2.2rem;place-items:center;border:1px solid rgb(255 255 255 / 52%);border-radius:50%;color:#fff;background:#0d4d3dd6;box-shadow:0 .25rem .8rem #0000002e;font-size:1rem;font-weight:800}.screenshot-card figcaption{padding:.9rem .2rem 0;color:var(--muted);font-size:.78rem;font-weight:700}.screenshot-track--wide{display:flex;margin-inline:0;padding-inline:0;flex-direction:column;overflow:visible;scroll-snap-type:none}.screenshot-track--wide .screenshot-card__button{border-radius:.9rem}.helpers{padding:5.5rem var(--page-gutter);background:var(--cream)}.helpers__heading,.helper-grid{width:min(100%,72rem);margin-inline:auto}.helpers__heading{margin-bottom:2.5rem}.helper-grid{display:grid;gap:.85rem}.helper-card{padding:1.6rem;border:1px solid rgb(33 31 27 / 9%);border-radius:1rem;background:#ffffffad}.helper-card>span{display:block;margin-bottom:2.5rem;color:var(--green);font-size:.68rem;font-weight:900;letter-spacing:.14em}.helper-card h3{margin:0 0 .65rem;font-size:1.18rem;letter-spacing:-.025em}.helper-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.7}.closing-note{padding:6.5rem var(--page-gutter);color:#fff;background:var(--green-dark);text-align:center}.closing-note__inner{width:min(100%,52rem);margin-inline:auto}.closing-note h2{margin-inline:auto;margin-bottom:1rem}.closing-note__lead{max-width:36rem;margin:0 auto 2.2rem;color:#c4ddd5;font-size:clamp(.95rem,3vw,1.1rem);line-height:1.75}.closing-note__actions{display:grid;gap:.8rem}.closing-note__actions a{display:flex;min-height:4.75rem;padding:.9rem 1.1rem;flex-direction:column;align-items:flex-start;justify-content:center;gap:.2rem;border:1px solid rgb(255 255 255 / 20%);border-radius:.9rem;color:#fff;background:#ffffff14;text-align:left;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.closing-note__actions a:hover{border-color:#ffffff6b;background:#ffffff24;transform:translateY(-1px)}.closing-note__actions span{color:#a9cec2;font-size:.75rem;font-weight:750}.closing-note__actions strong{overflow-wrap:anywhere;font-size:.9rem}.site-footer{padding-block:2rem;color:#dbe9e4;background:#08392e}.site-footer__inner{display:flex;flex-direction:column;gap:.85rem}.site-footer__brand{color:#fff;font-size:1rem}.site-footer p{margin:0;color:#a9c8be;font-size:.75rem;line-height:1.7}.site-footer a{color:#fff;text-underline-offset:.2rem}.image-viewer{width:100%;max-width:none;height:100%;max-height:none;padding:1rem;border:0;background:transparent}.image-viewer[open]{display:grid;place-items:center}.image-viewer::backdrop{background:#071410e0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.image-viewer__panel{position:relative;display:grid;max-width:min(100%,72rem);max-height:calc(100svh - 2rem);padding:2.9rem .75rem .75rem;gap:.7rem;border-radius:1rem;background:#fff;box-shadow:0 2rem 5rem #0000006b}.image-viewer__image{width:100%;max-height:calc(100svh - 7.5rem);object-fit:contain;border-radius:.55rem}.image-viewer__caption{margin:0;color:var(--muted);font-size:.78rem;font-weight:700;text-align:center}.image-viewer__close{position:absolute;z-index:1;top:.25rem;right:.35rem;width:2.6rem;min-height:2.6rem;padding:0;border:0;color:var(--ink);background:transparent;font-size:1.85rem;line-height:1}.site-brand:focus-visible,.site-nav__link:focus-visible,.feature-nav__link:focus-visible,.hero__link:focus-visible,.closing-note__actions a:focus-visible,.site-footer a:focus-visible,.screenshot-card__button:focus-visible,.image-viewer__close:focus-visible{outline:3px solid rgb(23 107 87 / 38%);outline-offset:3px}@media(min-width:40rem){.helper-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.closing-note__actions{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer__inner{flex-direction:row;align-items:center;justify-content:space-between}}@media(min-width:50.0625rem){:root{--header-height: 64px;scroll-padding-top:calc(var(--header-height) + 64px)}.site-brand{font-size:1.35rem}.site-nav{gap:.7rem}.site-nav__link{padding-inline:.85rem;font-size:.9rem}.feature-nav__track{justify-content:center;gap:1rem}.feature-nav__link{min-height:64px;padding-inline:.85rem;font-size:1.02rem}.feature-section{padding-block:7.5rem;grid-template-columns:minmax(15rem,.74fr) minmax(0,1.26fr);align-items:center;gap:clamp(3rem,7vw,7rem);scroll-margin-top:calc(var(--header-height) + 64px)}.feature-section:nth-child(2n):not(.feature-section--wide) .feature-copy{order:2}.feature-section:nth-child(2n):not(.feature-section--wide) .screenshot-track{order:1}.feature-section--wide{grid-template-columns:minmax(15rem,.65fr) minmax(0,1.35fr);align-items:start}.screenshot-track{margin-inline:0;padding:.5rem 0 1.5rem;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;overflow:visible;scroll-snap-type:none}.screenshot-track:has(.screenshot-card:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.screenshot-track--wide,.screenshot-track--wide:has(.screenshot-card:nth-child(3)){display:flex}.helpers{padding-block:7rem}.helpers__heading{margin-bottom:3.5rem}.helper-card{min-height:18rem;padding:2rem}.closing-note{padding-block:9rem}}@media(prefers-reduced-motion:reduce){.feature-nav__link:after,.hero__link,.closing-note__actions a{transition:none}}