.landing{position:relative;isolation:isolate;min-height:100dvh;background:var(--desk);color:var(--ink);overflow-x:clip}.landing:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}.landing-demo,.landing-footer,.landing-hero,.landing-nav,.landing-signup{max-width:var(--max-landing);margin-inline:auto;padding-inline:var(--sp-6)}.hero-eyebrow{display:block;margin-bottom:var(--sp-4);color:var(--accent-fg)}.landing-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);height:var(--sp-16)}.landing-wordmark{font-family:var(--font-display);font-size:var(--doc-h1);line-height:1;color:var(--ink)}.landing-nav-links{display:flex;align-items:center;gap:var(--sp-5)}.landing-navlink{font-size:var(--ui-md);color:var(--ink-secondary);transition:color var(--dur-fast) var(--ease)}.landing-navlink:hover{color:var(--ink)}.landing-hero{padding-top:var(--sp-12);padding-bottom:var(--sp-12)}.hero-stack{position:relative}.hero-sheet{position:relative;z-index:1;box-shadow:var(--shadow-sheet-raised);padding:var(--sp-12) var(--sp-12) var(--sp-10);overflow:hidden}.hero-sheet,.hero-sheet-back{background:var(--paper);border-radius:var(--radius-paper)}.hero-sheet-back{position:absolute;inset:0;z-index:0;box-shadow:var(--shadow-sheet);transform:translate(var(--sp-6),var(--sp-5)) rotate(1.2deg);transform-origin:top left}.sheet-edge-alone{position:absolute;top:0;left:0;right:0;height:var(--border-width);background:var(--rule)}.hero-headline{font-family:var(--font-display);font-weight:400;font-size:var(--display-hero);line-height:.95;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}.hero-subhead{margin-top:var(--sp-6);max-width:46ch;font-size:var(--ui-lg);line-height:1.5;color:var(--ink-secondary)}.landing-demo{margin-top:var(--sp-10)}.demo-stack{position:relative;max-width:var(--max-dashboard);margin-inline:auto}.demo-sheet-back{position:absolute;inset:0;z-index:0;box-shadow:var(--shadow-sheet);transform:translate(calc(-1 * var(--sp-3)),var(--sp-4))}.demo-sheet,.demo-sheet-back{background:var(--paper);border-radius:var(--radius-paper)}.demo-sheet{position:relative;z-index:1;box-shadow:var(--shadow-sheet-raised);overflow:hidden}.demo-presencebar{display:flex;width:100%;height:var(--presence-bar)}.demo-presencebar>span{display:block;height:100%}.demo-masthead{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) var(--sp-8);border-bottom:var(--border-width) solid var(--rule)}.demo-doctitle{font-family:var(--font-ui);font-size:var(--ui-sm);font-weight:500;color:var(--ink)}.demo-masthead-right{display:flex;align-items:center;gap:var(--sp-5)}.demo-saved{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--ui-xs);font-weight:500;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-muted)}.demo-saved-dot{width:var(--sp-2);height:var(--sp-2);border-radius:50%;background:var(--ink-muted)}.demo-avatars{display:flex}.demo-avatar{display:flex;align-items:center;justify-content:center;width:var(--avatar-size);height:var(--avatar-size);margin-left:var(--avatar-overlap);border-radius:50%;background:var(--hue);color:var(--on-presence);font-family:var(--font-ui);font-size:var(--ui-xs);font-weight:500;box-shadow:0 0 0 var(--avatar-ring) var(--paper)}.demo-avatar:first-child{margin-left:0}.demo-doc{padding:var(--sp-6) var(--sp-8) var(--sp-10)}.demo-h2{font-size:var(--doc-h2);font-weight:500;line-height:1.35;margin-bottom:var(--sp-4)}.demo-h2,.demo-para{font-family:var(--font-doc);color:var(--ink)}.demo-para{max-width:68ch;font-size:var(--doc-body);line-height:1.75}.demo-list,.demo-para+.demo-para{margin-top:var(--sp-4)}.demo-list{padding-left:var(--sp-6);max-width:68ch;font-family:var(--font-doc);font-size:var(--doc-body);line-height:1.75;color:var(--ink)}.demo-list li+li{margin-top:var(--sp-1)}.demo-list li::marker{color:var(--ink-muted)}.demo-selection{padding:0 var(--sp-1);border-radius:var(--radius-control);background:color-mix(in srgb,var(--hue) var(--collab-selection-alpha),transparent);-webkit-box-decoration-break:clone;box-decoration-break:clone}.demo-comment{border-bottom:var(--comment-underline) solid var(--hue);background:color-mix(in srgb,var(--hue) var(--comment-highlight-alpha),transparent)}.demo-caret{position:relative;display:inline-block;width:var(--collab-caret-width);height:1.1em;margin-left:var(--sp-1);vertical-align:text-bottom;background:var(--hue)}.demo-caret-label{position:absolute;left:calc(-1 * var(--border-width));bottom:100%;transform:translateY(var(--sp-1));padding:0 var(--sp-1);border-radius:var(--radius-control);background:var(--hue);color:var(--on-presence);font-family:var(--font-ui);font-size:var(--ui-xs);font-weight:500;line-height:1.4;white-space:nowrap}.demo-caption{max-width:var(--max-dashboard);margin:var(--sp-5) auto 0;font-size:var(--ui-md);color:var(--ink-muted);text-align:center}.demo-presencebar.is-alone{height:var(--border-width);background:var(--rule)}.demo-presencebar>span{transition:flex-grow var(--dur-base) var(--ease)}.demo-doc.is-live{position:relative;min-height:calc(var(--sp-32) + var(--sp-16))}.demo-doc .ProseMirror{outline:none;font-family:var(--font-doc);font-size:var(--doc-body);line-height:1.75;color:var(--ink)}.demo-doc .ProseMirror>*+*{margin-top:var(--sp-4)}.demo-doc .ProseMirror h2{font-family:var(--font-doc);font-size:var(--doc-h2);font-weight:500;line-height:1.35;color:var(--ink)}.demo-doc .ProseMirror p{max-width:68ch;color:var(--ink)}.demo-caretlayer{position:absolute;inset:0;z-index:2;pointer-events:none}.demo-livecaret{top:0;left:0;width:var(--collab-caret-width);will-change:transform}.demo-livecaret,.demo-livecaret-label{position:absolute;background:var(--hue)}.demo-livecaret-label{left:calc(-1 * var(--border-width));bottom:100%;padding:0 var(--sp-1);border-radius:var(--radius-control);color:var(--on-presence);font-family:var(--font-ui);font-size:var(--ui-xs);font-weight:500;line-height:1.4;white-space:nowrap}.feature-line{margin-top:var(--sp-3);max-width:26ch;font-family:var(--font-display);font-size:var(--display-md);font-weight:400;line-height:1.2;color:var(--ink)}.landing-presence{margin-top:var(--sp-20)}.presence-bar{display:flex;width:100%;height:var(--sp-2)}.presence-bar>span{display:block;height:100%}.presence-inner{max-width:var(--max-landing);margin-inline:auto;padding:var(--sp-8) var(--sp-6) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-8);flex-wrap:wrap}.presence-text{flex:1 1 32ch}.presence-people{display:flex;flex-wrap:wrap;gap:var(--sp-5)}.presence-person{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--ui-md);color:var(--ink-secondary)}.presence-avatar{display:flex;align-items:center;justify-content:center;width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;background:var(--hue);color:var(--on-presence);font-family:var(--font-ui);font-size:var(--ui-xs);font-weight:500}.landing-signup{position:relative;z-index:1;margin-top:calc(-1 * var(--sp-10))}.signup-sheet{position:relative;max-width:var(--max-dashboard);margin-inline:auto;padding:var(--sp-16) var(--sp-12);background:var(--paper);border-radius:var(--radius-paper);box-shadow:var(--shadow-sheet-raised);overflow:hidden;text-align:center}.signup-heading{margin-bottom:var(--sp-8);font-family:var(--font-display);font-size:var(--display-lg);font-weight:400;line-height:1.05;color:var(--ink)}.signup-form{max-width:42ch;margin-inline:auto;text-align:left}.signup-label{display:block;margin-bottom:var(--sp-2);font-size:var(--ui-xs);font-weight:500;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-muted)}.signup-row{display:flex;gap:var(--sp-2)}.signup-input{flex:1 1;min-width:0;height:var(--menu-item-height);padding:0 var(--sp-3);border:var(--border-width) solid var(--rule-strong);border-radius:var(--radius-control);background:var(--desk-sunk);font-size:var(--ui-sm);color:var(--ink);transition:border-color var(--dur-fast) var(--ease)}.signup-input::placeholder{color:var(--ink-muted)}.signup-input:focus{outline:var(--focus-outline) solid var(--ink);outline-offset:var(--focus-outline);border-color:var(--rule-strong)}.signup-row .btn-primary{flex-shrink:0}.landing-footer{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-4);margin-top:var(--sp-16);padding-top:var(--sp-8);padding-bottom:var(--sp-10);border-top:var(--border-width) solid var(--rule-desk)}.footer-gloss{font-size:var(--ui-md);color:var(--ink-muted)}.footer-mark{font-family:var(--font-display);font-size:var(--doc-h3);color:var(--ink-secondary)}.footer-links{display:flex;gap:var(--sp-5)}.footer-links a{font-size:var(--ui-sm);color:var(--ink-secondary);transition:color var(--dur-fast) var(--ease)}.footer-links a:hover{color:var(--ink)}.preloader{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:var(--desk);animation:preloader-lift var(--dur-page) var(--ease-out) 1s forwards}.preloader-mark{width:var(--sp-32);height:auto}.preloader-mark path{stroke:var(--ink);fill:none;stroke-dasharray:1;stroke-dashoffset:1;animation:preloader-draw .85s var(--ease) .1s forwards}@keyframes preloader-draw{to{stroke-dashoffset:0}}@keyframes preloader-lift{to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.preloader{display:none}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.landing-band,.landing-demo,.landing-gallery,.landing-presence,.landing-showcase,.landing-signup{animation:section-reveal linear both;animation-timeline:view();animation-range:entry 5% entry 45%}@keyframes section-reveal{0%{opacity:0;transform:translateY(var(--sp-6))}to{opacity:1;transform:none}}}}@media (max-width:768px){.signup-row{flex-direction:column}.signup-row .btn-primary{width:100%;justify-content:center}.landing-nav-links{gap:var(--sp-3)}}.section-display{font-family:var(--font-display);font-weight:400;font-size:var(--display-hero);line-height:1;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}.landing-showcase{padding:var(--sp-16) var(--sp-6) var(--sp-12)}.showcase-frame{max-width:var(--max-showcase);margin:0 auto;border-radius:var(--radius-card);overflow:hidden;border:var(--border-width) solid var(--rule);box-shadow:var(--shadow-sheet-raised);background:var(--paper)}.showcase-img{display:block;width:100%;height:auto}.landing-gallery{padding-block:var(--sp-20)}.landing-gallery .section-display{max-width:var(--max-landing);margin:0 auto var(--sp-12);padding-inline:var(--sp-6)}.gallery-track{display:flex;gap:var(--sp-6);list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-padding-start:max(var(--sp-6),calc((100vw - var(--max-landing)) / 2 + var(--sp-6)));padding-inline-start:max(var(--sp-6),calc((100vw - var(--max-landing)) / 2 + var(--sp-6)));-webkit-padding-end:var(--sp-10);padding-inline-end:var(--sp-10);scroll-padding-inline-start:max(var(--sp-6),calc((100vw - var(--max-landing)) / 2 + var(--sp-6)));scrollbar-width:none;-ms-overflow-style:none}.gallery-track::-webkit-scrollbar{display:none}.gallery-track:focus-visible{outline:var(--focus-outline) solid var(--accent-fg);outline-offset:calc(-1 * var(--focus-outline))}.gallery-item{flex:0 0 auto;scroll-snap-align:start}.gallery-card{width:min(88vw,var(--gallery-card-w));margin:0;display:flex;flex-direction:column;gap:var(--sp-4)}.gallery-img{display:block;width:100%;height:auto;border-radius:var(--radius-card);border:var(--border-width) solid var(--rule);box-shadow:var(--shadow-sheet)}.gallery-cap{display:flex;flex-direction:column;gap:var(--sp-2)}.gallery-cap .feature-line{margin:0}.landing-band{background:var(--desk);padding:var(--sp-24) var(--sp-6);margin-block:var(--sp-16)}.band-inner{max-width:var(--max-landing);margin:0 auto}.band-eyebrow{display:block;margin-bottom:var(--sp-4);color:var(--accent-fg)}.band-display{margin:0;font-family:var(--font-display);font-weight:400;font-size:var(--display-hero);line-height:.95;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}.band-sub{margin-top:var(--sp-6);max-width:52ch;font-size:var(--ui-lg);line-height:1.55;color:var(--ink-secondary)}@media (max-width:768px){.landing-showcase{padding:var(--sp-10) var(--sp-4) var(--sp-8)}.landing-gallery{padding-block:var(--sp-12)}.landing-gallery .section-display{padding-inline:var(--sp-4);margin-bottom:var(--sp-8)}.gallery-track{gap:var(--sp-4);padding-inline:var(--sp-4)}.landing-band{padding:var(--sp-16) var(--sp-4);margin-block:var(--sp-10)}}