.calmd-mock{--mock-canvas:oklch(99% .016 95.219);--mock-ink:oklch(17% .002 17.321);--mock-body:oklch(36.5% .004 67.689);--mock-secondary:oklch(53.8% .008 97.449);--mock-muted:oklch(61.7% .008 88.674);--mock-faint:oklch(77.2% .013 96.47);--mock-placeholder:oklch(77.2% .013 96.47);--mock-surface:oklch(95.4% .015 98.288);--mock-active:oklch(84.6% .014 102.053);--mock-selection:oklch(48.2% .131 254.789);--mock-selection-ink:oklch(99% .016 95.219);--mock-accent:oklch(55.4% .086 186.744);aspect-ratio:1898/1144;background:var(--mock-canvas);width:100%;color:var(--mock-ink);font-synthesis:none;text-align:initial;text-transform:none;-webkit-font-smoothing:antialiased;font-family:Geist Variable,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.05cqw;line-height:1.6;position:relative;overflow:hidden;container-type:inline-size}.calmd-mock *,.calmd-mock :before,.calmd-mock :after{box-sizing:border-box}.calmd-mock :where(p,h2,h3){margin:0}.calmd-titlebar{z-index:5;height:3.5%;color:var(--mock-secondary);align-items:center;font-size:.65em;display:flex;position:absolute;inset:0 0 auto}.calmd-title{text-align:center;position:absolute;inset-inline:0}.calmd-navigation,.calmd-window-controls{align-items:center;height:100%;display:flex}.calmd-navigation>span,.calmd-window-controls>span{place-items:center;width:3.08em;height:100%;display:grid}.calmd-navigation svg{width:1.23em;height:1.23em}.calmd-window-controls{margin-inline-start:auto}.calmd-window-controls svg{width:1.08em;height:1.08em}.calmd-composer{width:65ch;font-size:1em;position:absolute;inset-inline-start:50%;transform:translate(-50%)}.calmd-mock--composer{font-size:1.2cqw}.calmd-mock--composer .calmd-composer{text-align:center;inset-block-start:44%}.calmd-mock--retrieval{font-size:1.02cqw}.calmd-mock--retrieval .calmd-composer{inset-block-start:17%}.calmd-placeholder{color:var(--mock-placeholder)}.calmd-query{color:var(--mock-ink)}.calmd-results{gap:.5em;margin-block-start:1em;display:grid}.calmd-result{background:var(--mock-surface);color:var(--mock-ink);border-radius:.75em;padding:.75em}.calmd-result.is-selected{background:var(--mock-active)}.calmd-result-title{font-weight:600}.calmd-result small{color:var(--mock-faint);font:inherit;text-overflow:ellipsis;white-space:nowrap;margin-block-start:.3em;font-size:.8125em;display:block;overflow:hidden}.calmd-result.is-selected small{color:var(--mock-secondary)}.calmd-result mark{background:var(--mock-selection);color:var(--mock-selection-ink);border-radius:.12em;padding:0 .1em}.calmd-editor{width:65ch;color:var(--mock-body);position:absolute}.calmd-mock--editor{font-size:1.15cqw}.calmd-mock--editor .calmd-editor{inset-block-start:11%;inset-inline-start:12%}.calmd-mock--preview{font-size:1.05cqw}.calmd-mock--preview .calmd-editor{max-width:62%;inset-block-start:7.8%;inset-inline-start:50%;transform:translate(-50%)}.calmd-mock--preview .calmd-preview-card{inset-block-start:calc(15em + 8px)}.calmd-mock--wiki-preview{font-size:1.28cqw}.calmd-mock--wiki-preview .calmd-editor{inset-block-start:-33%;inset-inline-start:-23%}.calmd-mock--backlinks{font-size:1.45cqw}.calmd-mock--backlinks .calmd-editor{inset-block-start:7%;inset-inline-start:7%}.calmd-editor h2{color:var(--mock-ink);letter-spacing:-.04em;margin-block-end:1.4em;font-size:1.75em;font-weight:500;line-height:1.1}.calmd-note-body{gap:1.45em;display:grid}.calmd-note-body p{line-height:1.6}.calmd-wiki-link{color:var(--mock-accent);text-decoration:underline;text-decoration-color:color-mix(in oklab, var(--mock-faint) 55%, transparent);text-underline-offset:.16em}.calmd-preview-card{z-index:2;background:var(--mock-surface);width:26em;max-height:22em;color:var(--mock-secondary);border-radius:1em;padding:.8em 1em;position:absolute;inset-block-start:calc(10.7em + 8px);inset-inline-start:19.16em;overflow:hidden;box-shadow:0 .6em 1.8em oklch(0% 0 0/.22)}.calmd-preview-card h3{color:var(--mock-ink);letter-spacing:-.02em;font-size:1em;font-weight:600;line-height:1.25}.calmd-preview-content{overflow-wrap:anywhere;margin-block-start:.75em;font-size:.8125em;line-height:1.55}.calmd-preview-content p+p{margin-block-start:.8em}.calmd-preview-more{color:var(--mock-faint);font-size:.8125em;margin-block-start:1em!important}.calmd-backlinks-card{z-index:3;background:var(--mock-surface);width:14.4em;max-height:22.4em;color:var(--mock-ink);border-radius:1em;padding:.4em;font-size:1em;position:absolute;inset-block-end:calc(5% + 2.4em);inset-inline-end:3.5%;overflow:hidden;box-shadow:0 .4em 1.2em oklch(0% 0 0/.18)}.calmd-backlinks-card h3{color:var(--mock-secondary);padding:.4em .6em;font-size:.8125em;font-weight:500;line-height:1.35}.calmd-backlink-item{border-radius:.5em;min-height:2em;padding:.4em .6em;font-size:.8125em;line-height:1.5}.calmd-backlink-item strong{color:var(--mock-ink);font-weight:500;line-height:1.35;display:block}.calmd-backlink-item p{color:var(--mock-secondary);margin-block-start:.3em;line-height:1.5}.calmd-mentions .calmd-backlink-item p{font-size:.9em}.calmd-mentions mark{background:var(--mock-active);color:inherit}.calmd-mentions{border-block-start:1px solid color-mix(in oklab, var(--mock-faint) 30%, transparent);margin-block-start:.4em;padding-block-start:.4em}.calmd-info{aspect-ratio:1;background:var(--mock-surface);width:2em;color:var(--mock-muted);border-radius:.6em;place-items:center;display:grid;position:absolute;inset-block-end:5%;inset-inline-end:3.5%}.calmd-info svg{width:1em;height:1em}@media (width<=47.999rem){.calmd-mock--composer{font-size:1.8cqw}.calmd-mock--retrieval{font-size:1.45cqw}.calmd-mock--retrieval .calmd-composer{width:55ch}.calmd-mock--editor{font-size:1.55cqw}.calmd-mock--editor .calmd-editor{inset-block-start:8%;inset-inline-start:5%}.calmd-mock--wiki-preview{font-size:1.65cqw}.calmd-mock--wiki-preview .calmd-editor{inset-block-start:-25%;inset-inline-start:-22%}.calmd-mock--backlinks{font-size:2.1cqw}.calmd-mock--backlinks .calmd-editor{inset-block-start:6%;inset-inline-start:5%}}@media (prefers-color-scheme:dark){.calmd-mock{--mock-canvas:oklch(17% .002 17.321);--mock-ink:oklch(99% .016 95.219);--mock-body:oklch(84.6% .014 102.053);--mock-secondary:oklch(77.2% .013 96.47);--mock-muted:oklch(61.7% .008 88.674);--mock-faint:oklch(45.3% .005 91.503);--mock-placeholder:oklch(45.3% .005 91.503);--mock-surface:oklch(22.3% .002 67.699);--mock-active:oklch(36.5% .004 67.689);--mock-selection:oklch(59.9% .11 246.996);--mock-selection-ink:oklch(17% .002 17.321);--mock-accent:oklch(67% .1 186.578)}}.landing-hero,.landing-features,.landing-principles,.landing-source{width:min(calc(100% - 2 * var(--page-gutter)), 76rem);margin-inline:auto}.landing-hero{width:min(calc(100% - 2 * var(--page-gutter)), 76rem);align-items:center;gap:clamp(2.5rem,6vw,4rem);padding-block:clamp(5rem,10vw,8rem);display:grid}.landing-hero-heading,.landing-hero-details{min-width:0}.landing-hero-details{max-width:30rem}.landing-kicker{color:var(--color-accent);font-size:var(--text-small);letter-spacing:.035em;text-transform:uppercase;font-weight:500;line-height:1.5}.landing-hero h1{letter-spacing:-.04em;text-wrap:balance;max-width:18ch;font-size:3.25rem;font-weight:500;line-height:1.08}.landing-intro{max-width:62ch;color:var(--color-body);font-size:var(--text-base);line-height:1.7}.landing-actions{flex-wrap:wrap;gap:.75rem;margin-block-start:2rem;display:flex}.landing-action{border:1px solid var(--color-divider);min-height:2.5rem;color:var(--color-ink);font-size:var(--text-small);touch-action:manipulation;transition:border-color .15s var(--ease-out), background-color .15s var(--ease-out), color .15s ease, transform .12s var(--ease-out);-webkit-tap-highlight-color:transparent;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem .875rem;line-height:1.5;display:inline-flex}.landing-action>svg{fill:currentColor;flex:none;width:1rem;height:1rem}.landing-action:active{transform:scale(.96)}.landing-action--primary{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-canvas)}.landing-hero-media,.landing-feature-media{background:radial-gradient(at 78% 18%,oklch(42% .07 187/.55),#0000 48%),radial-gradient(at 18% 82%,oklch(30% .045 225/.45),#0000 52%),oklch(20% .01 200);border-radius:1rem;padding:clamp(1.5rem,4vw,3.5rem);overflow:hidden;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.06)}.landing-feature-media{background:radial-gradient(at 76% 20%,oklch(36% .05 187/.42),#0000 50%),radial-gradient(at 20% 84%,oklch(27% .03 225/.35),#0000 54%),oklch(19% .008 200);padding:clamp(1rem,2.5vw,2rem)}.landing-hero-media .calmd-mock,.landing-feature-media .calmd-mock{border-radius:.625rem}.landing-hero-media img,.landing-feature-media img{width:100%;height:auto;display:block}.landing-features,.landing-principles{padding-block:clamp(5rem,10vw,8rem)}.landing-principles{border-block-start:1px solid var(--color-divider)}.landing-features{width:min(calc(100% - 2 * var(--page-gutter)), 76rem)}.landing-section-heading{max-width:40rem}.landing-section-heading h2,.landing-source h2{letter-spacing:-.045em;text-wrap:balance;margin-block-start:.625rem;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:500;line-height:1.1}.landing-feature-list,.landing-principle-list{padding:0;list-style:none}.landing-features .landing-section-heading{text-align:center;max-width:48rem;margin-inline:auto}.landing-features .landing-section-heading h2{margin-block-start:0;font-size:3.25rem;line-height:1.08}.landing-feature-list{gap:clamp(7rem,14vw,11rem);margin-block-start:clamp(6rem,11vw,9rem);display:grid}.landing-feature{align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.landing-feature-copy{max-width:24rem}.landing-feature-copy h3,.landing-principle-list h3{color:var(--color-ink);font-size:1rem;font-weight:600;line-height:1.5}.landing-feature-copy h3{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:500;line-height:1.08}.landing-feature-copy p,.landing-principle-list p{color:var(--color-muted);margin-block-start:.5rem;line-height:1.6}.landing-feature-copy p{margin-block-start:.5rem}.landing-principle-list{gap:2rem;margin-block-start:3rem;display:grid}.landing-principle-list li{border-block-start:1px solid var(--color-divider);padding-block-start:1.25rem}.landing-source{text-align:center;place-items:center;min-height:30rem;padding:clamp(3rem,8vw,6rem);display:grid;position:relative}.landing-source-copy{z-index:1;max-width:40rem;position:relative}.landing-source h2{margin:0;font-size:3.25rem;line-height:1.08}.landing-source p{color:var(--color-body);font-size:var(--text-base);margin-block-start:.75rem;line-height:1.7}.landing-source .landing-action{background:var(--color-canvas);margin-block-start:2rem}@media (width>=48rem){.landing-hero{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"heading details""media media";gap:clamp(4rem,7vw,5.5rem) clamp(4rem,8vw,7rem)}.landing-hero-heading{grid-area:heading}.landing-hero-details{text-align:end;grid-area:details;justify-self:end}.landing-hero-media{grid-area:media}.landing-hero .landing-actions{justify-content:flex-end;margin-block-start:1rem}.landing-feature{grid-template-columns:minmax(16rem,1fr) minmax(0,2fr);align-items:end}.landing-feature:nth-child(2n){grid-template-columns:minmax(0,2fr) minmax(16rem,1fr)}.landing-feature:nth-child(2n) .landing-feature-copy{order:2}.landing-principle-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (hover:hover) and (pointer:fine){.landing-action:hover{border-color:var(--color-accent);color:var(--color-accent)}.landing-action--primary:hover{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-canvas)}}@media (width<=40rem){.landing-hero{min-height:auto;padding-block:4rem 5rem}.landing-hero h1,.landing-features .landing-section-heading h2{font-size:2.5rem}.landing-actions,.landing-actions .landing-action{width:100%}.landing-feature-media,.landing-hero-media{border-radius:.75rem}.landing-source{min-height:22rem;padding:2rem}.landing-source h2{font-size:2.5rem}.landing-source .landing-action{width:100%}}
