.landing-root{isolation:isolate;background:var(--bg-base);color:#fff;min-height:100vh;font-family:Georgia,Times New Roman,serif;position:relative;overflow-x:hidden}.landing-root ::selection{background:color-mix(in srgb, var(--accent) 30%, transparent)}.landing-root a{color:inherit;text-decoration:none}.landing-glow{pointer-events:none;z-index:0;background:radial-gradient(60% 42% at 50% 16%,#8b1a1a61 0%,#0000 72%);position:fixed;inset:0}.landing-nav{z-index:100;background:color-mix(in srgb, var(--bg-base) 95%, transparent);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:space-between;align-items:center;height:3.875rem;padding:0 1.25rem;transition:box-shadow .4s,border-color .4s;display:flex;position:fixed;top:0;left:0;right:0}@media (min-width:640px){.landing-nav{padding:0 3rem}}.landing-nav--scrolled{border-bottom-color:var(--border-default);box-shadow:0 2px 24px #00000073}.landing-nav-brand{align-items:center;gap:.625rem;display:flex}.landing-nav-wordmark{letter-spacing:-.015em;color:var(--accent-text);font-family:Georgia,Times New Roman,serif;font-size:1.125rem;font-weight:600;transition:color .2s}.landing-nav-brand:hover .landing-nav-wordmark{color:var(--accent-hover)}.landing-nav-links{gap:.25rem;display:none}@media (min-width:768px){.landing-nav-links{display:flex}}.landing-nav-link{cursor:pointer;color:var(--text-muted);text-transform:none;letter-spacing:normal;background:0 0;border:none;border-bottom:2px solid #0000;outline:none;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:color .15s,border-color .15s}.landing-nav-link:hover{color:var(--text-primary)}.landing-nav-link:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 40%, transparent);outline-offset:2px;border-radius:3px}.landing-nav-actions{align-items:center;gap:.75rem;display:flex}.landing-nav-signin{color:#ffffff8c;letter-spacing:.15em;text-transform:uppercase;border:1px solid #ffffff24;border-radius:4px;align-items:center;padding:.5rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.5625rem;transition:color .2s,border-color .2s;display:inline-flex}.landing-nav-signin:hover{color:color-mix(in srgb, var(--accent) 90%, transparent);border-color:color-mix(in srgb, var(--accent) 35%, transparent)}.landing-nav-cta{background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);color:color-mix(in srgb, var(--accent) 80%, transparent);letter-spacing:.15em;cursor:pointer;text-transform:uppercase;border-radius:4px;align-items:center;padding:.5rem 1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.5625rem;transition:background .2s;display:inline-flex}.landing-nav-cta:hover{background:color-mix(in srgb, var(--accent) 20%, transparent)}.landing-hero{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;padding:calc(3.875rem + max(2rem,6vh)) 1.5rem 2.5rem;display:flex;position:relative;overflow:hidden}@media (min-width:640px){.landing-hero{padding:calc(3.875rem + max(2rem,6vh)) 3rem 2.5rem}}.landing-hero-title{z-index:1;background:linear-gradient(135deg, var(--text-primary) 0%, color-mix(in srgb, var(--accent) 95%, transparent) 40%, var(--text-primary) 70%, color-mix(in srgb, var(--highlight) 90%, transparent) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;max-width:56rem;margin:0 0 .5rem;font-size:clamp(3rem,8vw,6rem);font-weight:400;line-height:1.05;transition:opacity 1s .1s,transform 1s .1s;animation:8s linear infinite landing-shimmer;position:relative}.landing-hero-sub{z-index:1;color:#ffffff61;max-width:35rem;margin:1.75rem auto 3rem;font-size:clamp(1rem,2vw,1.3125rem);font-style:italic;line-height:1.7;transition:opacity 1s .25s,transform 1s .25s;position:relative}.landing-hero-ctas{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;transition:opacity 1s .4s,transform 1s .4s;display:flex;position:relative}.landing-hero-in .landing-hero-title,.landing-hero-in .landing-hero-sub,.landing-hero-in .landing-hero-ctas{opacity:1;transform:none}.landing-hero-title,.landing-hero-sub,.landing-hero-ctas{opacity:0;transform:translateY(1rem)}.landing-hero-title{transform:translateY(1.25rem)}.landing-btn-primary{background:color-mix(in srgb, var(--accent) 92%, transparent);color:var(--text-on-accent);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;border:none;border-radius:4px;padding:.875rem 2.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.625rem;font-weight:700;transition:transform .25s,box-shadow .25s;display:inline-block}.landing-btn-primary:hover{box-shadow:0 8px 32px color-mix(in srgb, var(--accent) 35%, transparent);transform:translateY(-2px)}.landing-btn-secondary{border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);color:color-mix(in srgb, var(--accent) 60%, transparent);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:4px;padding:.875rem 1.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.625rem;transition:border-color .25s;display:inline-block}.landing-btn-secondary:hover{border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.landing-section{z-index:1;max-width:68.75rem;margin:0 auto;padding:6.25rem 1.5rem;scroll-margin-top:4.5rem;position:relative}@media (min-width:640px){.landing-section{padding-left:3rem;padding-right:3rem}}.landing-section--narrow{text-align:center;max-width:56.25rem}.landing-hero+.landing-section{padding-top:3rem}.landing-section-label{align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.landing-section-label-line{background:color-mix(in srgb, var(--accent) 30%, transparent);width:2.5rem;height:1px}.landing-section-label-line--grow{background:linear-gradient(to right, color-mix(in srgb, var(--accent) 30%, transparent), transparent);flex:1;width:auto}.landing-section-label-text{letter-spacing:.25em;color:color-mix(in srgb, var(--accent) 55%, transparent);text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.5625rem}.landing-gem{z-index:1;align-items:center;gap:14px;width:100%;max-width:68.75rem;margin:2.75rem auto;padding:0 1.5rem;display:flex;position:relative}@media (min-width:640px){.landing-gem{padding:0 3rem}}.landing-hero .landing-gem{margin-top:2.5rem;margin-bottom:0}.landing-gem-line{background:linear-gradient(90deg, transparent, var(--border-default,var(--border)) 15%, var(--border-default,var(--border)) 85%, transparent);opacity:.85;flex:1;height:1px;min-height:1px}.landing-gem-icon{color:var(--accent);opacity:.55;flex-shrink:0;font-size:12px;line-height:1}.landing-reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(1.5rem)}.landing-reveal--visible{opacity:1;transform:none}.landing-problem-kicker{letter-spacing:.25em;color:color-mix(in srgb, var(--accent) 40%, transparent);text-transform:uppercase;margin-bottom:2rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.5625rem}.landing-blockquote{color:#ffffffbf;margin:0 0 1.5rem;font-size:clamp(1.375rem,3.5vw,2.375rem);font-style:italic;font-weight:400;line-height:1.5}.landing-body-italic{color:#ffffff4d;margin:0;font-size:.9375rem;font-style:italic;line-height:1.7}.landing-how-grid{grid-template-columns:1fr;gap:3rem;display:grid}@media (min-width:900px){.landing-how-grid{grid-template-columns:1fr 1fr;gap:3rem 5rem}}.landing-steps{flex-direction:column;gap:2.25rem;display:flex}.landing-step{opacity:0;align-items:flex-start;gap:1.5rem;transition:opacity .6s,transform .6s;display:flex;transform:translate(-1.5rem)}.landing-step--visible{opacity:1;transform:translate(0)}.landing-step-num{border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);width:3rem;height:3rem;color:color-mix(in srgb, var(--accent) 70%, transparent);background:color-mix(in srgb, var(--accent) 6%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;display:flex}.landing-step-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.1875rem;font-weight:400}.landing-mock-panel{opacity:0;transition:opacity .8s .2s,transform .8s .2s;transform:translate(1.5rem)}.landing-mock-panel--visible{opacity:1;transform:none}.landing-mock-card{border:1px solid color-mix(in srgb, var(--accent) 12%, transparent);background:#ffffff05;border-radius:12px;overflow:hidden}.landing-mock-header{background:color-mix(in srgb, var(--accent) 6%, transparent);border-bottom:1px solid color-mix(in srgb, var(--accent) 10%, transparent);align-items:center;gap:.625rem;padding:.75rem 1.125rem;display:flex}.landing-mock-dot{background:color-mix(in srgb, var(--accent) 40%, transparent);border-radius:50%;width:.5rem;height:.5rem}.landing-mock-header-label{letter-spacing:.15em;color:color-mix(in srgb, var(--accent) 50%, transparent);text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.5rem}.landing-mock-body{padding:1.5rem 1.375rem}.landing-bubble-user{justify-content:flex-end;margin-bottom:.875rem;display:flex}.landing-bubble-user-inner{background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);color:#ffffffb3;border-radius:12px 12px 2px;max-width:80%;padding:.625rem .875rem;font-size:.75rem;font-style:italic;line-height:1.5}.landing-bubble-ai{gap:.625rem;margin-bottom:.875rem;display:flex}.landing-bubble-avatar{background:color-mix(in srgb, var(--accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.625rem;height:1.625rem;font-size:.6875rem;display:flex}.landing-bubble-ai-inner{color:#ffffff8c;background:#ffffff08;border:1px solid #ffffff12;border-radius:2px 12px 12px;max-width:85%;padding:.625rem .875rem;font-size:.75rem;font-style:italic;line-height:1.6}.landing-spoiler-guard{background:#5a9e7214;border:1px solid #5a9e7233;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.landing-spoiler-guard-text{letter-spacing:.1em;color:#8dc4a0b3;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.5rem}.landing-features-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.landing-features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.landing-features-grid{grid-template-columns:repeat(3,1fr)}}.landing-feature-card{border:1px solid color-mix(in srgb, var(--accent) 12%, transparent);opacity:0;background:#ffffff06;border-radius:10px;padding:2rem 1.75rem;transition:opacity .6s,transform .6s cubic-bezier(.34,1.1,.64,1);transform:translateY(1.75rem)}.landing-feature-card--visible{opacity:1;transform:translateY(0)}.landing-feature-icon{background:color-mix(in srgb, var(--accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);border-radius:8px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;margin-bottom:1.25rem;font-size:1.25rem;display:flex}.landing-feature-title{color:var(--text-primary);margin:0 0 .75rem;font-size:1.25rem;font-weight:400}.landing-feature-body{color:#ffffff6b;margin:0;font-size:.875rem;font-style:italic;line-height:1.75}.landing-feature-secondary{border:1px solid color-mix(in srgb, var(--accent) 9%, transparent);opacity:0;background:#ffffff04;border-radius:10px;padding:1.375rem;transition:opacity .5s,transform .5s;transform:translateY(1rem)}.landing-feature-secondary--visible{opacity:1;transform:none}.landing-feature-secondary-title{letter-spacing:.2em;color:color-mix(in srgb, var(--accent) 60%, transparent);text-transform:uppercase;margin:0 0 .625rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.5625rem}.landing-feature-secondary-body{color:#ffffff59;margin:0;font-size:.8125rem;font-style:italic;line-height:1.7}.landing-features-grid--secondary{margin-top:1rem}.landing-gallery-intro h2{color:var(--text-primary);margin:0 0 .875rem;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:400;line-height:1.2}.landing-gallery-intro{max-width:35rem;margin-bottom:2rem}.landing-gallery-masonry{columns:1;column-gap:.875rem;margin-bottom:2.25rem}.landing-gallery-masonry--empty{columns:1}.landing-gallery-empty{margin:0;padding:1.5rem 0}.landing-gallery-masonry--count-1{columns:1;max-width:28rem;margin-left:auto;margin-right:auto}.landing-gallery-masonry--count-2{columns:2;max-width:48rem;margin-left:auto;margin-right:auto}.landing-gallery-masonry--count-3{columns:2;max-width:56rem;margin-left:auto;margin-right:auto}@media (max-width:639px){.landing-gallery-masonry--count-2,.landing-gallery-masonry--count-3{columns:1;max-width:28rem}}@media (min-width:640px){.landing-gallery-masonry{columns:2}}@media (min-width:900px){.landing-gallery-masonry{columns:3}}.landing-gallery-item{break-inside:avoid;cursor:pointer;opacity:0;border:1px solid #ffffff0d;border-radius:8px;margin-bottom:.875rem;transition:opacity .55s,transform .55s cubic-bezier(.34,1.2,.64,1),border-color .2s,box-shadow .2s;position:relative;overflow:hidden;transform:translateY(1.25rem)scale(.97);box-shadow:0 4px 16px #0000004d}.landing-gallery-item--visible{opacity:1;transform:translateY(0)scale(1)}.landing-gallery-item:hover{border-color:color-mix(in srgb, var(--accent) 40%, transparent);box-shadow:0 16px 40px #0009}.landing-gallery-item img{width:100%;transition:transform .6s;display:block}.landing-gallery-item:hover img{transform:scale(1.05)}.landing-gallery-caption{z-index:10;opacity:.7;padding:.75rem;transition:opacity .3s,transform .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(4px)}.landing-gallery-item:hover .landing-gallery-caption{opacity:1;transform:none}.landing-gallery-meta{letter-spacing:.15em;color:color-mix(in srgb, var(--accent) 80%, transparent);text-transform:uppercase;margin-bottom:.1875rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.5rem}.landing-gallery-prompt{color:#ffffffbf;font-size:.6875rem;font-style:italic;line-height:1.3}.landing-gallery-cta-wrap{text-align:center}@keyframes landing-shimmer{0%{background-position:-200%}to{background-position:200%}}@media (prefers-reduced-motion:reduce){.landing-hero-title{animation:none}.landing-hero-title,.landing-hero-sub,.landing-hero-ctas,.landing-reveal,.landing-step,.landing-mock-panel,.landing-feature-card,.landing-feature-secondary,.landing-gallery-item{opacity:1;transition:none;transform:none}}
