.home{background:var(--bg);color:var(--ink);min-height:100vh;font-family:var(--font-sans);overflow-x:clip}body.home-body{scroll-behavior:smooth;height:auto;overflow:auto}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .4s ease-out,transform .4s ease-out;transform:translateY(8px)}.reveal.reveal-in{opacity:1;transform:none}.section-pad,.how-section{scroll-margin-top:80px}@media (prefers-reduced-motion:reduce){body.home-body{scroll-behavior:auto}.reveal{opacity:1!important;transition:none!important;transform:none!important}.home .btn-xl:hover,.template-card:hover,.template-card:hover .preview-scale,.hero-pill:hover{transform:scale(1)!important}.home *,.home :before,.home :after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.home-nav{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(18px);background:#f6f6f4c7;border-bottom:1px solid #0000;align-items:center;gap:16px;padding:20px 32px;transition:padding .2s,border-color .2s,background .2s;display:flex;position:sticky;top:0}.home-nav.scrolled{border-color:var(--line);background:#f6f6f4d9;padding-top:12px;padding-bottom:12px}.home-nav .brand{border-right:none;height:auto;padding-right:0}.home-nav-links{gap:4px;margin-left:24px;display:flex}.home-nav-links a{color:var(--muted);border-radius:8px;padding:8px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .16s}.home-nav-links a:hover{color:var(--ink);background:var(--line-2)}.home-nav-spacer{flex:1}.home-nav-cta{align-items:center;gap:8px;display:flex}.home-nav-cta a{color:var(--muted);padding:8px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:color .16s}.home-nav-cta a:hover{color:var(--ink)}.hero-section{text-align:center;padding:128px 32px 56px;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#2563eb1f,#0000 50%),radial-gradient(at 30% 40%,#3b82f61a,#0000 50%);width:1200px;height:800px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.hero-content{z-index:1;max-width:920px;margin:0 auto;position:relative}.hero-pill{background:var(--surface);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:7px;margin-bottom:24px;padding:4px 6px 4px 10px;font-size:12px;text-decoration:none;transition:all .2s;display:inline-flex}.hero-pill:hover{color:var(--ink-2);box-shadow:var(--shadow-sm)}.hero-pill .new{background:var(--bg);color:var(--muted);letter-spacing:.04em;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:600}.hero-pill .arrow{color:var(--muted);transition:transform .2s}.hero-pill:hover .arrow{transform:translate(2px)}.hero-section h1{letter-spacing:-.04em;margin:0 0 20px;font-size:clamp(40px,6vw,64px);font-weight:600;line-height:1}.hero-section h1 em{letter-spacing:-.02em;color:var(--accent);font-family:Instrument Serif,serif;font-style:italic;font-weight:400}.hero-section .lede{color:var(--muted);max-width:58ch;margin:0 auto 36px;font-size:clamp(17px,1.6vw,20px);line-height:1.5}.hero-ctas{justify-content:center;gap:10px;margin-bottom:28px;display:flex}.btn-xl{border-radius:12px;align-items:center;gap:8px;height:48px;padding:0 22px;font-size:15px;font-weight:500;text-decoration:none;transition:transform .15s,box-shadow .15s,filter .15s,background .15s,border-color .15s;display:inline-flex}.btn-xl:hover{transform:scale(1.02)}.btn-xl.primary{background:var(--ink);color:#fff}.btn-xl.primary:hover{filter:brightness(1.08);transform:translateY(-2px)scale(1.02);box-shadow:0 12px 24px #0d0d0c2e}.btn-xl.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.btn-xl.ghost:hover{background:var(--bg);border-color:var(--muted-2)}.hero-meta{color:var(--muted);align-items:center;gap:20px;font-size:13px;display:inline-flex}.hero-meta .avatars{display:flex}.hero-meta .avatars .av{border:2px solid var(--bg);color:#fff;background:linear-gradient(135deg,#ff8a65,#ffd54f);border-radius:50%;place-items:center;width:24px;height:24px;margin-left:-8px;font-size:10px;font-weight:700;display:grid}.hero-meta .avatars .av:first-child{background:linear-gradient(135deg,#7c5cff,#4e9bff);margin-left:0}.hero-meta .avatars .av:nth-child(2){background:linear-gradient(135deg,#16a34a,#84cc16)}.hero-meta .avatars .av:nth-child(3){background:linear-gradient(135deg,#06b6d4,#3b82f6)}.hero-meta .avatars .av:nth-child(4){background:linear-gradient(135deg,#f43f5e,#c026d3)}.hero-meta .stars{color:#f59e0b;gap:2px;display:inline-flex}.hero-meta .stars span{font-size:14px}.hero-showcase{perspective:1800px;max-width:1100px;margin:32px auto 0}.hero-showcase-frame{background:var(--surface);border:1px solid var(--line);border-radius:12px;height:560px;position:relative;overflow:hidden;box-shadow:0 4px 8px #0d0d0c0a,0 24px 60px #0d0d0c1a,0 50px 100px #0d0d0c14}.hero-showcase-bar{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:6px;height:36px;padding:0 14px;display:flex}.hero-showcase-bar .dots{gap:5px;display:flex}.hero-showcase-bar .dot{border-radius:50%;width:9px;height:9px}.hero-showcase-bar .dot:first-child{background:#ff5f56}.hero-showcase-bar .dot:nth-child(2){background:#ffbd2e}.hero-showcase-bar .dot:nth-child(3){background:#27c93f}.hero-showcase-bar .tabs{flex:1;align-items:flex-end;gap:6px;min-width:0;margin-left:14px;display:flex}.hero-showcase-bar .tab{height:24px;font-family:var(--font-mono);color:var(--muted);background:var(--bg);white-space:nowrap;border-radius:7px 7px 0 0;align-items:center;gap:6px;max-width:280px;padding:0 12px;font-size:11px;display:inline-flex;overflow:hidden}.hero-showcase-bar .tab .tab-label{text-overflow:ellipsis;overflow:hidden}.hero-showcase-bar .tab.active{background:var(--surface);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line)}.hero-showcase-body{height:calc(100% - 36px);position:relative;overflow:hidden}.hero-showcase-body .tpl-stage{transition:opacity .4s;position:absolute;inset:0}.hero-showcase-body .tpl-stage.hidden{opacity:0;pointer-events:none}.hero-showcase-body .tpl-stage-fade{animation:.3s tplFade}@keyframes tplFade{0%{opacity:0}to{opacity:1}}.hero-showcase-controls{justify-content:center;align-items:center;gap:12px;margin-top:18px;display:flex}.hero-showcase-controls .ctrl{border:1px solid var(--line);background:var(--surface);width:30px;height:30px;color:var(--muted);border-radius:999px;place-items:center;font-size:18px;line-height:1;transition:all .16s;display:grid}.hero-showcase-controls .ctrl:hover{color:var(--ink);border-color:var(--muted-2)}.hero-showcase-controls .dots-nav{gap:7px;display:flex}.hero-showcase-controls .dot-nav{background:var(--line);border-radius:999px;width:8px;height:8px;transition:all .2s}.hero-showcase-controls .dot-nav.active{background:var(--ink);width:22px}.hero-showcase-controls .ctrl-label{font-family:var(--font-mono);color:var(--muted);min-width:150px;margin-left:4px;font-size:12px}@media (prefers-reduced-motion:reduce){.hero-showcase-body .tpl-stage-fade{animation:none}}.section-pad{max-width:1280px;margin:0 auto;padding:96px 32px}.section-eyebrow{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;margin-bottom:16px;font-size:12px;display:inline-flex}.section-eyebrow:before{content:"";background:var(--ink);width:24px;height:1px}.section-title{letter-spacing:-.03em;max-width:20ch;margin:0 0 16px;font-size:clamp(32px,4.5vw,48px);font-weight:600;line-height:1.05}.section-sub{color:var(--muted);max-width:60ch;margin:0 0 48px;font-size:18px}.section-head-row{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px;display:flex}.section-head-row .section-sub{margin-bottom:0}.section-filter{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-shrink:0;gap:2px;padding:3px;display:inline-flex}.section-filter button{color:var(--muted);white-space:nowrap;border-radius:7px;padding:7px 12px;font-size:12.5px;font-weight:500;transition:all .16s}.section-filter button:hover{color:var(--ink)}.section-filter button.active{background:var(--ink);color:#fff}.template-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (max-width:800px){.template-grid{grid-template-columns:1fr}}.template-card{background:var(--surface);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:16px;flex-direction:column;transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out;display:flex;position:relative;overflow:hidden}.template-card:hover{border-color:var(--muted-2);transform:translateY(-4px);box-shadow:0 4px 8px #0d0d0c0a,0 16px 40px #0d0d0c1a}.template-card .preview-scale{transition:scale .2s ease-out}.template-card:hover .preview-scale{scale:1.02}.template-card .preview{background:var(--bg);border-bottom:1px solid var(--line);height:360px;position:relative;overflow:hidden}.template-card .preview-scale{transform-origin:0 0;pointer-events:none;width:1200px;height:900px;position:absolute;transform:scale(.42)}.template-card .preview-scale>*{width:100%;height:100%}.template-card .preview:after{content:"";pointer-events:none;background:linear-gradient(#0000 70%,#fff6);position:absolute;inset:0}.template-card .preview-hover-cta{background:var(--ink);color:#fff;opacity:0;z-index:2;border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .28s cubic-bezier(.2,.8,.2,1);display:inline-flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%,12px);box-shadow:0 8px 24px #0d0d0c3d}.template-card:hover .preview-hover-cta{opacity:1;transform:translate(-50%)}.template-card .info{justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px 22px;display:flex}.template-card .info-text h3{letter-spacing:-.015em;margin:0 0 4px;font-size:20px;font-weight:600}.template-card .info-text p{color:var(--muted);margin:0;font-size:13.5px}.template-card .tag-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.template-card .tag-row span{font-size:11px;font-family:var(--font-mono);background:var(--bg);color:var(--muted);white-space:nowrap;border-radius:6px;padding:3px 8px}.template-expander{justify-content:center;margin-top:32px;display:flex}.template-expander button{border:1px solid var(--line);background:var(--surface);height:44px;color:var(--ink);border-radius:12px;align-items:center;gap:8px;padding:0 22px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.template-expander button:hover{border-color:var(--muted-2);background:var(--bg)}.template-card .arrow-btn{background:var(--bg);width:36px;height:36px;color:var(--ink);border-radius:50%;flex-shrink:0;place-items:center;transition:all .2s cubic-bezier(.2,.8,.2,1);display:grid}.template-card:hover .arrow-btn{background:var(--ink);color:#fff;transform:rotate(-45deg)}.template-card .ribbon{background:var(--ink);color:#fff;z-index:3;font-size:11px;font-weight:500;font-family:var(--font-mono);letter-spacing:.04em;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex;position:absolute;top:14px;left:14px}.how-section{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:96px 32px}.how-inner{max-width:1280px;margin:0 auto}.steps-grid{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:56px;display:grid}@media (max-width:800px){.steps-grid{grid-template-columns:1fr}}.step-card{position:relative}.step-card .step-num{border:1px solid var(--line);background:var(--bg);width:28px;height:28px;color:var(--ink);border-radius:999px;place-items:center;margin-bottom:16px;font-size:13px;font-weight:600;line-height:1;display:inline-grid}.step-card h3{letter-spacing:-.02em;margin:0 0 8px;font-size:24px;font-weight:500}.step-card p{color:var(--muted);margin:0;font-size:14.5px;line-height:1.55}.step-illust{background:var(--bg);border:1px solid var(--line);border-radius:14px;place-items:center;height:168px;margin-bottom:20px;display:grid;position:relative;overflow:hidden}.step-illust .step-shot{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.features-grid{background:var(--line);border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}@media (max-width:800px){.features-grid{grid-template-columns:1fr}}.feature{background:var(--surface);padding:32px 28px;scroll-margin-top:96px}#ai-writing:target{animation:1.6s featurePulse}@keyframes featurePulse{0%,to{box-shadow:0 0 #7c5cff00}15%{box-shadow:0 0 0 3px #7c5cff8c}60%{box-shadow:0 0 0 3px #7c5cff40}}.feature .feat-icon{background:var(--bg);width:36px;height:36px;color:var(--ink);border-radius:10px;place-items:center;margin-bottom:16px;display:grid}.feature h4{letter-spacing:-.01em;margin:0 0 6px;font-size:16px;font-weight:600}.feature p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.6}.cta-section{text-align:center;padding:96px 32px 80px;position:relative}.cta-inner{background:var(--ink);color:#fff;border-radius:24px;max-width:760px;margin:0 auto;padding:72px 48px;position:relative;overflow:hidden}.cta-inner:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 0,#2563eb52,#0000 50%),radial-gradient(circle at 100% 100%,#3b82f638,#0000 50%);position:absolute;inset:0}.cta-inner>*{z-index:1;position:relative}.cta-inner h2{letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(32px,4.5vw,48px);font-weight:600;line-height:1.05}.cta-inner p{opacity:.8;margin:0 0 32px;font-size:17px}.cta-inner .btn-xl.primary{color:var(--ink);background:#fff}.home-footer{background:var(--surface);border-top:1px solid var(--line);padding:64px 32px}.footer-inner{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;max-width:1280px;margin:0 auto 32px;display:grid}@media (max-width:800px){.footer-inner{grid-template-columns:1fr 1fr;gap:32px}}.footer-brand p{color:var(--muted);max-width:280px;margin:12px 0 0;font-size:13px}.footer-col h5{color:var(--ink);letter-spacing:.02em;margin:0 0 12px;font-size:12px;font-weight:600}.footer-col ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.footer-col a{color:var(--muted);font-size:13px;text-decoration:none;transition:color .16s}.footer-col a:hover{color:var(--ink)}.footer-base{border-top:1px solid var(--line);max-width:1280px;color:var(--muted);font-size:12px;font-family:var(--font-mono);justify-content:space-between;align-items:center;margin:0 auto;padding-top:24px;display:flex}.footer-status{align-items:center;gap:7px;display:inline-flex}.footer-status .status-dot{background:#16a34a;border-radius:50%;width:7px;height:7px;animation:2.4s ease-out infinite footerPulse;box-shadow:0 0 #16a34a80}@keyframes footerPulse{0%{box-shadow:0 0 #16a34a66}70%{box-shadow:0 0 0 5px #16a34a00}to{box-shadow:0 0 #16a34a00}}@media (min-width:768px){.section-pad,.how-section{padding-top:128px;padding-bottom:128px}.cta-section{padding-top:128px;padding-bottom:112px}}@media (max-width:640px){.home-nav-links{display:none}.home-nav{padding:12px 16px}.section-pad,.how-section,.cta-section{padding:64px 16px}.hero-section{padding:96px 16px 24px}.home-footer{padding:32px 16px}.hero-ctas{flex-direction:column}.hero-ctas .btn-xl{justify-content:center;width:100%}.section-head-row{flex-direction:column;align-items:flex-start}.hero-showcase-bar .tab:not(.active){display:none}.hero-showcase-bar .tabs{margin-left:8px}.hero-showcase-controls .ctrl-label{display:none}.template-card .preview{height:280px}.template-card .preview-scale{transform:scale(.32)}.cta-inner{padding:48px 24px}}