.landing{--bg:var(--quill-bg);--bg-deeper:var(--quill-bg-deeper);--surface:var(--quill-surface);--surface-2:var(--quill-surface-2);--panel:var(--quill-surface-2);--text:var(--quill-text);--text-muted:var(--quill-text-muted);--text-dim:var(--quill-text-dim);--accent:var(--quill-accent);--accent-fg:var(--quill-accent-fg);--accent-hover:var(--quill-accent-hover);--line:var(--quill-line);--line-strong:var(--quill-line-strong);--peach:var(--quill-pastel-peach);--mint:var(--quill-pastel-mint);--lavender:var(--quill-pastel-lavender);--sky:var(--quill-pastel-sky);--butter:var(--quill-pastel-butter);--glow:var(--quill-pastel-peach);--r-sm:var(--quill-radius-sm);--r-md:var(--quill-radius-md);--r-lg:var(--quill-radius-xl);--shadow-soft:var(--quill-shadow-soft);--shadow-lift:var(--quill-shadow-lift);--ease:var(--quill-ease-out);--font-sans:var(--font-inter), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:var(--font-fraunces), "Iowan Old Style", Georgia, serif;--maxw:1240px;--pad:clamp(1.25rem, 2vw + .5rem, 2.5rem);--stripe-bg:#171a24;--stripe-text:#fdfaf4;--stripe-muted:#b8bdcb;--stripe-dim:#9fa4b2;--stripe-accent:#ffddca;--stripe-line:#515561}@supports (color:lab(0% 0 0)){.landing{--stripe-bg:lab(9.38142% .620984 -7.35962);--stripe-text:lab(98.2832% .458986 3.0148);--stripe-muted:lab(76.6854% .222623 -7.52772);--stripe-dim:lab(67.4044% .238985 -7.51922);--stripe-accent:lab(90.5179% 10.08 13.5203);--stripe-line:lab(36.0785% .337988 -7.4711)}}.dark .landing{--glow:var(--quill-accent-glow);--stripe-bg:#040408;--stripe-text:#f3f1ee;--stripe-muted:#a8a49e;--stripe-dim:#848078;--stripe-accent:#e3ad4b;--stripe-line:#ffffff1a}@supports (color:lab(0% 0 0)){.dark .landing{--stripe-bg:lab(1.17093% .311784 -1.45606);--stripe-text:lab(95.3747% .282615 1.88148);--stripe-muted:lab(67.5481% .590652 3.77966);--stripe-dim:lab(53.6325% .730068 4.55033);--stripe-accent:lab(74.5447% 12.9328 56.694);--stripe-line:lab(100% 0 0/.1)}}.landing{position:relative}.landing .wrap{max-width:var(--maxw);padding-left:var(--pad);padding-right:var(--pad);z-index:2;margin:0 auto;position:relative}.landing a{color:inherit;text-decoration:none}.landing button{font:inherit;color:inherit;cursor:pointer}.landing main>section{background:var(--bg);border-top:1px solid var(--line-strong);padding-top:clamp(4rem,7vw,7rem);padding-bottom:clamp(4rem,7vw,7rem)}.landing main>section:nth-of-type(2n){background:var(--bg-deeper)}.landing main>section.hero{border-top:0}.landing .nav{z-index:50;-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);background:color-mix(in oklab, var(--bg) 78%, transparent);border-bottom:1px solid var(--line);position:sticky;top:0}.landing .nav-inner{justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;padding-bottom:1rem;display:flex}.landing .brand{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);align-items:center;gap:.6rem;font-size:1.2rem;font-weight:500;display:inline-flex}.landing .brand-mark{background:radial-gradient(circle at 35% 35%, var(--glow), var(--accent) 80%);width:26px;height:26px;box-shadow:inset 0 0 0 1px #0000000f, var(--shadow-soft);border-radius:50%;flex:none}@supports (color:lab(0% 0 0)){.landing .brand-mark{box-shadow:inset 0 0 0 1px lab(0% 0 0/.06), var(--shadow-soft)}}.landing .nav-right{align-items:center;gap:.75rem;display:flex}.landing .nav-links{color:var(--text-muted);align-items:center;gap:1.5rem;font-size:.9rem;display:flex}.landing .nav-links a:hover{color:var(--text)}.landing .icon-btn{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--text);transition:border-color .2s var(--ease), transform .2s var(--ease), background .2s var(--ease);border-radius:999px;place-items:center;display:grid}.landing .icon-btn:hover{border-color:var(--accent);transform:translateY(-1px)}@media (max-width:860px){.landing .nav-links{display:none}}.landing .btn{font-size:.95rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:transform .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease);background:var(--accent);color:var(--accent-fg);border:1px solid #0000;border-radius:999px;align-items:center;gap:.5rem;padding:.72rem 1.15rem;line-height:1;display:inline-flex}.landing .btn:hover{box-shadow:var(--shadow-soft);background:var(--accent-hover);transform:translateY(-1px)}.landing .btn .arrow{transition:transform .2s var(--ease)}.landing .btn:hover .arrow{transform:translate(3px)}.landing .btn--ghost{color:var(--text);border-color:var(--line-strong);background:0 0}.landing .btn--ghost:hover{background:var(--surface);border-color:var(--accent)}.landing .btn--lg{padding:.95rem 1.5rem;font-size:1rem}.landing .eyebrow{font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:.6rem;font-size:.72rem;display:inline-flex}.landing .eyebrow .num{font-family:var(--font-display);color:var(--accent);letter-spacing:0;text-transform:none;font-size:1rem;font-style:italic;font-weight:400}.landing .hero{padding-top:clamp(2.5rem,4vw,5rem);padding-bottom:clamp(4rem,7vw,7rem);position:relative}.landing .hero-grid{grid-template-columns:minmax(0,1fr);align-items:end;gap:clamp(2rem,4vw,4rem);display:grid}@media (min-width:960px){.landing .hero-grid{grid-template-columns:1.4fr 1fr}}.landing .display{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text);margin:1.75rem 0 0;font-size:clamp(3rem,1.6rem + 6vw,6.5rem);font-weight:400;line-height:1.02}.landing .display .om{font-style:normal;font-weight:500}.landing .display .em{background:var(--accent);vertical-align:.28em;border-radius:2px;width:.55em;height:.07em;margin:0 .18em;display:inline-block}.landing .display .verb{color:var(--accent);font-style:italic;font-weight:300}.dark .landing .display .verb{text-shadow:0 0 40px var(--glow)}.landing .dek{color:var(--text-muted);max-width:40ch;margin-top:1.6rem;font-size:clamp(1.05rem,.6vw + 1rem,1.25rem);line-height:1.5}.landing .hero-cta{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:2.25rem;display:flex}.landing .hero-meta{color:var(--text-muted);flex-wrap:wrap;gap:1.4rem 2rem;margin-top:2rem;font-size:.85rem;display:flex}.landing .hero-meta .dot{background:var(--accent);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:.55rem;display:inline-block}.landing .hero-card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lift);border:1px solid var(--line);padding:1.4rem;position:relative;overflow:hidden}.landing .hero-card:before{content:"";aspect-ratio:1;background:radial-gradient(circle, var(--glow), transparent 65%);opacity:.7;pointer-events:none;width:70%;position:absolute;inset:-40% -20% auto auto}.landing .hero-card-head{color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;z-index:1;justify-content:space-between;align-items:center;margin-bottom:.9rem;font-size:.72rem;display:flex;position:relative}.landing .rec{color:var(--text);align-items:center;gap:.45rem;display:inline-flex}.landing .rec-dot{background:#e23439;background:lab(51.4697% 66.4876 41.5698);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite landing-pulse;box-shadow:0 0 0 4px #e234392e;box-shadow:0 0 0 4px lab(51.4697% 66.4876 41.5698/.18)}@keyframes landing-pulse{0%,to{box-shadow:0 0 0 4px #e234392e;box-shadow:0 0 0 4px lab(51.4697% 66.4876 41.5698/.18)}50%{box-shadow:0 0 0 7px #e234390f;box-shadow:0 0 0 7px lab(51.4697% 66.4876 41.5698/.06)}}.landing .wave{z-index:1;width:100%;height:96px;display:block;position:relative}.landing .wave rect{fill:var(--accent)}.landing .transcript{background:var(--panel);border-radius:var(--r-sm);color:var(--text);border:1px solid var(--line);z-index:1;margin-top:1rem;padding:1rem 1.05rem;font-size:.95rem;line-height:1.55;position:relative}.landing .transcript .ts{font-variant-numeric:tabular-nums;color:var(--text-muted);margin-right:.55rem;font-size:.78rem}.landing .transcript p{color:var(--text);margin:0 0 .5rem}.landing .transcript p:last-child{margin:0}.landing .chips{z-index:1;flex-wrap:wrap;gap:.4rem;margin-top:1rem;display:flex;position:relative}.landing .chip{background:var(--mint);color:var(--text);border-radius:999px;padding:.35rem .7rem;font-size:.78rem;font-weight:500}.landing .chip--peach{background:var(--peach)}.landing .chip--lav{background:var(--lavender)}.landing .chip--sky{background:var(--sky)}.dark .landing .chip{border:1px solid var(--line-strong);color:var(--text);background:0 0}.landing .section-head{grid-template-columns:1fr;gap:1rem;margin-bottom:clamp(2.5rem,4vw,4rem);display:grid}@media (min-width:860px){.landing .section-head{grid-template-columns:1fr 1fr;align-items:end;gap:3rem}}.landing .section-title{font-family:var(--font-display);letter-spacing:-.02em;max-width:18ch;color:var(--text);margin:1rem 0 0;font-size:clamp(2rem,1rem + 3vw,3.4rem);font-weight:400;line-height:1.05}.landing .section-title em{color:var(--accent);font-style:italic;font-weight:300}.landing .section-lede{color:var(--text-muted);max-width:42ch;font-size:1.05rem}.landing .steps{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:760px){.landing .steps{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.landing .step{border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-soft);background:var(--surface);min-height:280px;transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease);flex-direction:column;gap:.9rem;padding:1.75rem 1.5rem;display:flex;position:relative}.landing .step:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.landing .step:first-child{background:linear-gradient(180deg, var(--peach) 0%, var(--surface) 55%)}.landing .step:nth-child(2){background:linear-gradient(180deg, var(--mint) 0%, var(--surface) 55%)}.landing .step:nth-child(3){background:linear-gradient(180deg, var(--lavender) 0%, var(--surface) 55%)}.dark .landing .step{background:var(--surface)}.dark .landing .step:hover{border-color:var(--line-strong)}.landing .step-num{font-family:var(--font-display);color:var(--accent);font-size:1.15rem;font-style:italic;font-weight:300}.landing .step h3{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);margin:0;font-size:1.6rem;font-weight:500}.landing .step p{color:var(--text-muted);margin:0;font-size:.97rem;line-height:1.55}.landing .step-icon{background:var(--surface);border:1px solid var(--line);width:44px;height:44px;box-shadow:var(--shadow-soft);color:var(--accent);border-radius:12px;place-items:center;margin-top:auto;display:grid}.landing .template-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:720px){.landing .template-grid{grid-template-columns:1fr 1fr}}@media (min-width:1080px){.landing .template-grid{grid-template-columns:repeat(4,1fr)}}.landing .tpl{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-soft);transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease);flex-direction:column;gap:.85rem;min-height:260px;padding:1.4rem;display:flex}.landing .tpl:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.dark .landing .tpl{box-shadow:none}.dark .landing .tpl:hover{border-color:var(--line-strong);box-shadow:none}.landing .tpl-badge{letter-spacing:.08em;text-transform:uppercase;width:fit-content;color:var(--text);border-radius:999px;margin-bottom:.4rem;padding:.35rem .7rem;font-size:.72rem;font-weight:600}.landing .tpl-1 .tpl-badge{background:var(--peach)}.landing .tpl-2 .tpl-badge{background:var(--sky)}.landing .tpl-3 .tpl-badge{background:var(--butter)}.landing .tpl-4 .tpl-badge{background:var(--mint)}.dark .landing .tpl-badge{border:1px solid var(--line-strong);color:var(--accent);background:0 0}.landing .tpl h4{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);margin:.4rem 0 0;font-size:1.4rem;font-weight:500}.landing .tpl p{color:var(--text-muted);margin:0;font-size:.93rem;line-height:1.55}.landing .tpl-preview{border-top:1px dashed var(--line);color:var(--text-muted);flex-direction:column;gap:.3rem;margin-top:auto;padding-top:.9rem;font-size:.82rem;display:flex}.landing .tpl-preview span:before{content:"—";color:var(--accent);margin-right:.45rem}.landing .craft-grid{grid-template-columns:repeat(4,1fr);gap:2rem 2.5rem;display:grid}@media (max-width:1024px){.landing .craft-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.landing .craft-grid{grid-template-columns:1fr}}.landing .craft{border-top:1px solid var(--line-strong);padding-top:1.1rem}.landing .craft .k{font-family:var(--font-display);color:var(--accent);letter-spacing:0;font-size:.95rem;font-style:italic}.landing .craft h5{color:var(--text);margin:.5rem 0 .4rem;font-size:1.02rem;font-weight:500}.landing .craft p{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.55}.landing .stripe{background:var(--stripe-bg);color:var(--stripe-text);border-radius:var(--r-lg);grid-template-columns:1fr;align-items:center;gap:2rem;padding:clamp(2rem,4vw,3.5rem);display:grid;position:relative;overflow:hidden}@media (min-width:920px){.landing .stripe{grid-template-columns:1.1fr 1fr;gap:3rem}}.landing .stripe:after{content:"";aspect-ratio:1;background:radial-gradient(circle, var(--stripe-accent) 0%, transparent 60%);opacity:.25;pointer-events:none;width:70%;position:absolute;top:-40%;right:-30%}.landing .stripe .eyebrow{color:var(--stripe-muted)}.landing .stripe .eyebrow .num{color:var(--stripe-accent)}.landing .stripe h2{font-family:var(--font-display);letter-spacing:-.02em;z-index:1;color:var(--stripe-text);margin:1rem 0 0;font-size:clamp(1.8rem,1rem + 2vw,2.6rem);font-weight:400;line-height:1.1;position:relative}.landing .stripe h2 em{color:var(--stripe-accent);font-style:italic;font-weight:300}.landing .stripe .stripe-lede{color:var(--stripe-dim);z-index:1;max-width:46ch;margin:1rem 0 0;font-size:1rem;position:relative}.landing .features{z-index:1;grid-template-columns:1fr 1fr;gap:1.4rem;display:grid;position:relative}.landing .feature{border-top:1px solid var(--stripe-line);padding-top:.9rem}.landing .feature .num{font-family:var(--font-display);color:var(--stripe-accent);font-size:.95rem;font-style:italic}.landing .feature h5{color:var(--stripe-text);margin:.35rem 0 .3rem;font-size:.98rem;font-weight:500}.landing .feature p{color:var(--stripe-dim);margin:0;font-size:.85rem;line-height:1.5}.landing .cta{text-align:center}.landing .cta-display{font-family:var(--font-display);letter-spacing:-.025em;max-width:18ch;color:var(--text);margin:1rem auto 1.5rem;font-size:clamp(2.4rem,1rem + 5vw,5rem);font-weight:400;line-height:1.05}.landing .cta-display em{color:var(--accent);font-style:italic;font-weight:300}.landing .cta-sub{color:var(--text-muted);max-width:44ch;margin:0 auto 2rem;font-size:1.05rem}.landing .cta-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:inline-flex}.landing footer{border-top:1px solid var(--line);color:var(--text-muted);padding:2.5rem 0 3rem;font-size:.9rem}.landing .foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.landing .foot-links{flex-wrap:wrap;gap:1.5rem;display:flex}.landing .foot-links a:hover{color:var(--text)}.landing .colophon{font-family:var(--font-display);color:var(--text-muted);max-width:38ch;margin-top:2rem;font-size:.95rem;font-style:italic;font-weight:300}.landing .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.landing *,.landing :before,.landing :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
