:root{color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}body{--home-muted:var(--dalva-muted);min-height:100vh;font-family:var(--dalva-font);font-size:var(--dalva-body);font-weight:var(--dalva-weight-regular);line-height:var(--dalva-leading-body);background:var(--dalva-bg);color:var(--dalva-ink);font-kerning:normal;font-variant-ligatures:common-ligatures contextual;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}main{width:min(100%,76rem);margin:0 auto}p{text-wrap:pretty}.topbar{z-index:5;align-items:center;gap:clamp(.8rem, 2vw, var(--dalva-space-md));border-bottom:1px solid var(--dalva-rule-soft);width:min(100% - 2rem,72rem);min-height:4.5rem;margin:0 auto;display:flex;position:relative}.topbar-actions{align-items:center;gap:var(--dalva-space-2xs);display:flex}.brand{min-height:var(--dalva-touch);align-items:center;gap:var(--dalva-space-2xs);color:var(--dalva-ink);font-family:var(--dalva-display);font-size:1.5rem;font-weight:var(--dalva-weight-bold);letter-spacing:-.022em;margin-right:auto;text-decoration:none;display:inline-flex}.nav{align-items:center;gap:var(--dalva-space-md);display:flex}.nav a{min-height:var(--dalva-touch);color:var(--home-muted);font-size:var(--dalva-caption);font-weight:var(--dalva-weight-medium);transition:color var(--dalva-action-speed) var(--dalva-ease);align-items:center;text-decoration:none;display:inline-flex}.nav a:hover{color:var(--dalva-ink)}.signin{min-height:var(--dalva-touch);padding:var(--dalva-space-2xs) var(--dalva-space-xs);border:1px solid var(--dalva-rule);border-radius:var(--dalva-radius-sm);background:var(--dalva-surface-strong);color:var(--dalva-ink);font-size:var(--dalva-caption);font-weight:var(--dalva-weight-semibold);white-space:nowrap;transition:border-color var(--dalva-action-speed) var(--dalva-ease);align-items:center;text-decoration:none;display:inline-flex}.signin:hover{border-color:var(--dalva-rule-strong)}:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--dalva-focus);outline-offset:2px;box-shadow:var(--dalva-focus-ring);border-radius:var(--dalva-radius-sm)}.skip-link{z-index:20;top:var(--dalva-space-xs);left:var(--dalva-space-xs);min-height:var(--dalva-touch);padding:var(--dalva-space-2xs) var(--dalva-space-xs);border-radius:var(--dalva-radius-sm);background:var(--dalva-ink);color:var(--dalva-surface-strong);font-weight:var(--dalva-weight-semibold);transition:transform var(--dalva-settle-speed) var(--dalva-ease);align-items:center;text-decoration:none;display:inline-flex;position:fixed;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.navigation-progress{z-index:30;background:var(--dalva-signal-strong);width:38%;height:2px;animation:navigation-progress 1.6s var(--dalva-ease) infinite;position:fixed;top:0;left:0}.navigation-progress[hidden]{display:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes navigation-progress{0%{opacity:.5;transform:translate(-100%)scaleX(.35)}55%{opacity:1;transform:translate(90%)scaleX(1)}to{opacity:.5;transform:translate(260%)scaleX(.55)}}footer{padding:var(--dalva-space-lg) var(--dalva-space-md) var(--dalva-space-xl);text-align:center}footer p{justify-content:center;gap:var(--dalva-space-3xs) var(--dalva-space-xs);color:var(--home-muted);font-size:var(--dalva-caption);flex-wrap:wrap;margin:0;display:flex}footer a{color:inherit;text-underline-offset:.22em}@media (width<=42rem){.topbar{width:min(100% - 1.5rem,72rem)}.nav{display:none}}@media (width<=24rem){.topbar{gap:var(--dalva-space-3xs);padding-block:var(--dalva-space-2xs);flex-wrap:wrap}.topbar-actions{gap:var(--dalva-space-3xs);margin-left:auto}.signin{padding-inline:var(--dalva-space-2xs)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hero{padding:clamp(2.5rem, 5vw, 4rem) clamp(1.25rem, 4vw, 3.5rem) var(--dalva-space-2xl);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.hero-copy{max-width:34rem}.hero-eyebrow{margin:0 0 var(--dalva-space-md);color:var(--dalva-muted);font-size:var(--dalva-caption);font-weight:var(--dalva-weight-medium)}.hero h1{max-width:15ch;font-family:var(--dalva-hand);font-size:clamp(3rem,5vw,4.25rem);font-weight:var(--dalva-weight-regular);letter-spacing:var(--dalva-track-display);text-wrap:balance;margin:0;line-height:1.18}.hero .lede{max-width:29rem;margin:var(--dalva-space-md) 0 0;color:var(--home-muted);font-size:var(--dalva-body);line-height:1.7}.hero-actions{margin-top:var(--dalva-space-lg);align-items:center;gap:var(--dalva-space-xs) var(--dalva-space-md);flex-wrap:wrap;display:flex}.hero .cta{min-height:3.25rem;padding:0 var(--dalva-space-md);justify-content:center;align-items:center;gap:var(--dalva-space-sm);border:1px solid var(--dalva-action-edge);border-radius:var(--dalva-radius-sm);background:var(--dalva-accent);color:var(--dalva-surface-strong);box-shadow:var(--dalva-action-shadow);font-size:var(--dalva-body-sm);font-weight:var(--dalva-weight-medium);transition:background var(--dalva-action-speed) var(--dalva-ease);text-decoration:none;display:inline-flex}.hero .cta:hover{background:var(--dalva-accent-strong)}.hero .cta:active{box-shadow:var(--dalva-action-shadow-pressed)}.hero .quiet-link{min-height:var(--dalva-touch);color:var(--dalva-ink-soft);font-size:var(--dalva-caption);text-decoration-color:var(--dalva-rule-strong);text-underline-offset:.28em;align-items:center;display:inline-flex}.hero .reassurance{max-width:28rem;margin:var(--dalva-space-sm) 0 0;color:var(--home-muted);font-size:var(--dalva-caption)}.understanding-preview{width:100%;max-width:26rem;min-height:36.75rem;padding:var(--dalva-space-lg) var(--dalva-space-md) var(--dalva-space-lg) 3rem;flex-direction:column;margin:0 auto;display:flex}.notebook-caption{justify-content:space-between;gap:var(--dalva-space-xs);padding-bottom:var(--dalva-space-xs);border-bottom:1px solid var(--dalva-rule);color:var(--dalva-muted);font-size:var(--dalva-micro);display:flex}.notebook-caption span:last-child{font-style:italic}.parent-thought{margin:var(--dalva-space-lg) 0}.parent-thought>span{color:var(--dalva-muted);font-size:var(--dalva-micro)}.parent-thought p{margin:var(--dalva-space-xs) 0 0;color:var(--dalva-ink);font-family:var(--dalva-hand);font-size:clamp(1.5rem,2.4vw,1.8rem);font-weight:var(--dalva-weight-regular);line-height:1.65}.dalva-understanding{padding-top:var(--dalva-space-sm);margin-top:auto}.understanding-head>strong{font-size:var(--dalva-caption);font-weight:var(--dalva-weight-medium)}.understanding-details{margin:var(--dalva-space-sm) 0 0}.understanding-details>div{padding:var(--dalva-space-xs) 0;align-items:baseline;gap:var(--dalva-space-sm);border-top:1px solid var(--dalva-rule);font-size:var(--dalva-caption);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid}.understanding-details dt{color:var(--dalva-muted)}.understanding-details dd{color:var(--dalva-ink);margin:0}.preview-note{margin:var(--dalva-space-md) 0 0;color:var(--dalva-ink-soft);font-size:var(--dalva-caption);line-height:1.5}.preview-note span{color:var(--dalva-success)}@media (width<=52rem){.hero{gap:var(--dalva-space-xl);grid-template-columns:1fr}.hero-copy{max-width:36rem;margin-inline:auto}}@media (width<=32rem){.hero h1{font-size:clamp(2.4rem,10vw,3rem)}.hero-actions{align-items:stretch;gap:var(--dalva-space-2xs);flex-direction:column}.hero .quiet-link{justify-content:center}.understanding-preview{--notebook-margin:1.2rem;min-height:0;padding:var(--dalva-space-md) var(--dalva-space-sm) var(--dalva-space-lg) 2rem}.notebook-caption{gap:var(--dalva-space-3xs);flex-wrap:wrap}.understanding-details>div{gap:var(--dalva-space-2xs)}}.features{padding-block:var(--dalva-space-3xl);border-top:1px solid var(--dalva-rule-soft);margin-inline:clamp(1.25rem,4vw,3.5rem)}.features-heading{max-width:38rem}.features-eyebrow{margin:0 0 var(--dalva-space-xs);color:var(--dalva-muted);font-size:var(--dalva-caption)}.features-heading h2{font-size:var(--dalva-h2);font-weight:var(--dalva-weight-semibold);letter-spacing:var(--dalva-track-heading);line-height:var(--dalva-leading-tight);text-wrap:balance;margin:0}.features-heading>p:last-child{margin:var(--dalva-space-sm) 0 0;color:var(--home-muted);font-size:var(--dalva-body)}.benefits{margin-top:var(--dalva-space-xl);gap:var(--dalva-space-xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.benefits article{padding-top:var(--dalva-space-md);border-top:1px solid var(--dalva-rule)}.benefits h3{margin:0 0 var(--dalva-space-xs);font-size:var(--dalva-body);font-weight:var(--dalva-weight-semibold)}.benefits p{color:var(--home-muted);font-size:var(--dalva-body-sm);line-height:var(--dalva-leading-body);margin:0}@media (width<=42rem){.features{padding-block:var(--dalva-space-2xl)}.benefits{gap:var(--dalva-space-md);margin-top:var(--dalva-space-lg);grid-template-columns:1fr}}.how{padding-block:var(--dalva-space-3xl);border-block:1px solid var(--dalva-rule-soft);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(2rem,6vw,5rem);margin-inline:clamp(1.25rem,4vw,3.5rem);display:grid}.how-eyebrow{margin:0 0 var(--dalva-space-xs);color:var(--dalva-muted);font-size:var(--dalva-caption)}.how-intro h2{max-width:22ch;font-size:var(--dalva-h2);font-weight:var(--dalva-weight-semibold);letter-spacing:var(--dalva-track-heading);line-height:var(--dalva-leading-tight);text-wrap:balance;margin:0}.how-content>p{margin:0 0 var(--dalva-space-sm);max-width:48ch;color:var(--home-muted);font-size:var(--dalva-body);line-height:var(--dalva-leading-body)}.how-cta{width:fit-content;min-height:3.25rem;margin-top:var(--dalva-space-sm);padding:0 var(--dalva-space-md);justify-content:center;align-items:center;gap:var(--dalva-space-xs);border:1px solid var(--dalva-action-edge);border-radius:var(--dalva-radius-sm);background:var(--dalva-accent);color:var(--dalva-surface-strong);box-shadow:var(--dalva-action-shadow);font-size:var(--dalva-body-sm);font-weight:var(--dalva-weight-medium);text-decoration:none;display:inline-flex}.how-cta:hover{background:var(--dalva-accent-strong)}.how-cta:active{box-shadow:var(--dalva-action-shadow-pressed)}@media (width<=42rem){.how{padding-block:var(--dalva-space-2xl);gap:var(--dalva-space-md);grid-template-columns:1fr}}@media (width<=32rem){.how-cta{width:100%}}
