@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--cream:#fbf8f1;--paper:#f1ece0;--ink:#1a1a1f;--gray:#4a4f58;--mute:#8a8579;--teal:#0f7173;--teal-deep:#0a5253;--amber:#d88c27;--amber-soft:#ebc58a;--rule:#1a1a1f1a}.hp *{box-sizing:border-box}.hp{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500}.hp a{color:inherit;text-decoration:none}.hp img{max-width:100%;display:block}.hp .wrap{max-width:1280px;margin:0 auto;padding:0 48px}.hp .logo-link{flex-shrink:0;align-items:center;display:inline-flex}.hp .logo-img{width:auto;height:36px;display:block}.hp .logo-img-sm{width:auto;height:32px;display:block}.hp header{z-index:50;-webkit-backdrop-filter:saturate(140%)blur(10px);backdrop-filter:saturate(140%)blur(10px);border-bottom:1px solid var(--rule);background:#fbf8f1e0;position:sticky;top:0}.hp .nav{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.hp .nav-links{color:var(--gray);gap:36px;font-size:14px;font-weight:600;display:flex}.hp .nav-links a:hover{color:var(--ink)}.hp .nav-cta{align-items:center;gap:22px;display:flex}.hp .nav-cta .signin{color:var(--gray);font-size:14px;font-weight:600}.hp .btn{letter-spacing:.02em;cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:13px 22px;font-size:14px;font-weight:700;transition:transform .15s,background .2s,color .2s;display:inline-flex}.hp .btn:hover{transform:translateY(-1px)}.hp .btn-ink{background:var(--ink);color:var(--cream)}.hp .btn-ink:hover{background:#000}.hp .btn-teal{background:var(--teal);color:var(--cream)}.hp .btn-teal:hover{background:var(--teal-deep)}.hp .btn-ghost{color:var(--ink);border-color:var(--rule);background:0 0}.hp .btn-ghost:hover{background:var(--paper)}.hp .btn .arrow{font-size:16px;line-height:1}.hp .btn-lg{padding:18px 28px;font-size:15px}.hp .hero{padding:80px 0 40px;position:relative;overflow:hidden}.hp .eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--amber);align-items:center;gap:10px;margin-bottom:28px;font-size:12px;font-weight:700;display:inline-flex}.hp .eyebrow .dot{background:var(--amber);border-radius:50%;width:7px;height:7px}.hp .eyebrow .divider{color:var(--mute);font-weight:500}.hp .hero h1{letter-spacing:-.035em;max-width:1100px;margin:0 0 28px;font-size:clamp(56px,8vw,112px);font-weight:800;line-height:.96}.hp .hero h1 .ital{color:var(--teal)}.hp .hero p.lead{color:var(--gray);max-width:640px;margin:0 0 40px;font-size:22px;font-weight:500;line-height:1.5}.hp .hero-ctas{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hp .hero-note{color:var(--mute);margin-top:18px;font-size:13px;font-weight:500}.hp .hero-note a{color:var(--teal);font-weight:600}.hp .hero-note a:hover{text-decoration:underline}.hp .hero-stage{height:620px;margin-top:88px;position:relative}.hp .preview{background:#fff;border-radius:14px;position:absolute;overflow:hidden;box-shadow:0 40px 80px #00000038,0 8px 22px #0000001a,0 0 0 1px #0000000a}.hp .preview .chrome{background:#efe8d8;border-bottom:1px solid #0000000f;flex-shrink:0;align-items:center;gap:6px;height:32px;padding:0 14px;display:flex}.hp .preview.dark .chrome{background:#1f1d1a;border-bottom-color:#2a2723}.hp .preview .chrome .dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.hp .preview .chrome .url{color:#6b6458;background:#f6f1e3;border-radius:999px;flex:1;justify-content:center;align-items:center;height:18px;margin:0 10px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.hp .preview.dark .chrome .url{color:#aaa6a0;background:#15130f}.hp .preview .frame{position:relative;overflow:hidden}.hp .preview-main{z-index:3;flex-direction:column;width:880px;height:560px;display:flex;top:30px;left:50%;transform:translate(-44%)rotate(-1.5deg)}.hp .preview-back{z-index:1;opacity:.96;flex-direction:column;width:520px;height:360px;display:flex;top:0;left:50%;transform:translate(-90%)rotate(-7deg)}.hp .preview-front{z-index:4;flex-direction:column;width:420px;height:280px;display:flex;top:320px;left:50%;transform:translate(8%)rotate(5deg)}.hp .preview-main .frame,.hp .preview-back .frame,.hp .preview-front .frame{flex:1;overflow:hidden}.hp .live-tag{z-index:10;background:var(--teal);color:var(--cream);letter-spacing:.16em;text-transform:uppercase;border-radius:999px;align-items:center;gap:10px;padding:12px 18px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:56px;right:22%;transform:rotate(3deg);box-shadow:0 14px 32px #0f717359}.hp .live-tag .pulse{background:#7be3a4;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse;box-shadow:0 0 #7be3a4b3}@keyframes pulse{0%{box-shadow:0 0 #7be3a4b3}70%{box-shadow:0 0 0 10px #7be3a400}to{box-shadow:0 0 #7be3a400}}.hp section{padding:120px 0}.hp .sec-eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--amber);margin-bottom:22px;font-size:12px;font-weight:700}.hp .sec-title{letter-spacing:-.03em;max-width:900px;margin:0 0 24px;font-size:clamp(40px,5.2vw,72px);font-weight:800;line-height:1}.hp .sec-title .ital{color:var(--teal)}.hp .sec-lead{color:var(--gray);max-width:640px;margin:0;font-size:20px;line-height:1.55}.hp .mechanism{background:var(--ink);color:var(--cream);padding:56px 0}.hp .mechanism-inner{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;display:flex}.hp .mech-step{letter-spacing:-.01em;font-size:clamp(20px,2.6vw,32px);font-weight:700}.hp .mech-step.amber{color:var(--amber)}.hp .mech-arrow{color:var(--amber);font-size:32px;line-height:1}.hp .templates{background:var(--paper)}.hp .tpl-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:64px;display:grid}.hp .tpl{cursor:pointer;aspect-ratio:2;border-radius:14px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 16px 40px #0000001a,0 2px 8px #0000000f}.hp .tpl.featured{aspect-ratio:3;grid-column:1/-1}.hp .tpl:hover{transform:translateY(-4px);box-shadow:0 24px 56px #00000029}.hp .tpl-label{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--cream);letter-spacing:.18em;text-transform:uppercase;background:#1a1a1fd9;border-radius:999px;padding:8px 14px;font-size:11px;font-weight:700;position:absolute;bottom:18px;left:18px}.hp .tpl img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.hp .steps{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:72px;display:grid}.hp .step{background:var(--cream);border:1px solid var(--rule);border-radius:18px;padding:36px 32px;position:relative}.hp .step-num{color:var(--teal);margin-bottom:24px;font-size:56px;font-weight:800;line-height:1}.hp .step-title{letter-spacing:-.01em;margin:0 0 12px;font-size:22px;font-weight:700}.hp .step-body{color:var(--gray);margin:0;font-size:15px;line-height:1.55}.hp .features{background:var(--cream)}.hp .feat-grid{border-top:1px solid var(--rule);border-left:1px solid var(--rule);grid-template-columns:repeat(3,1fr);gap:0;margin-top:72px;display:grid}.hp .feat{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:40px 32px}.hp .feat-icon{background:var(--paper);width:44px;height:44px;color:var(--teal);border-radius:12px;justify-content:center;align-items:center;margin-bottom:22px;display:flex}.hp .feat-icon svg{width:22px;height:22px}.hp .feat-title{letter-spacing:-.005em;margin:0 0 10px;font-size:18px;font-weight:700}.hp .feat-body{color:var(--gray);margin:0;font-size:14px;line-height:1.55}.hp .quote{background:var(--ink);color:var(--cream)}.hp .quote-inner{text-align:center;max-width:980px;margin:0 auto}.hp .quote-mark{color:var(--amber);height:40px;margin-bottom:24px;font-family:Georgia,serif;font-size:96px;font-style:italic;line-height:.5}.hp .quote-text{letter-spacing:-.015em;color:var(--cream);margin:0 0 36px;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,3.5vw,40px);font-style:italic;font-weight:500;line-height:1.25}.hp .quote-who{letter-spacing:.2em;text-transform:uppercase;color:var(--amber-soft);font-size:13px;font-weight:700}.hp .quote-who span{color:var(--mute);margin:0 10px}.hp .pricing{background:var(--paper)}.hp .price-row{grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;margin-top:24px;display:grid}.hp .price-card{background:var(--cream);border:1px solid var(--rule);border-radius:24px;padding:48px 44px;position:relative;box-shadow:0 24px 60px #0000001a}.hp .price-card .badge{background:var(--amber);color:var(--ink);letter-spacing:.18em;text-transform:uppercase;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:800;position:absolute;top:-14px;left:44px}.hp .price-name{letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:12px;font-size:14px;font-weight:700}.hp .price-amount{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.hp .price-amount .n{letter-spacing:-.04em;font-size:80px;font-weight:800;line-height:1}.hp .price-amount .per{color:var(--gray);font-size:16px;font-weight:600}.hp .price-amount .strike{color:var(--mute);margin-left:4px;font-size:22px;font-weight:600;text-decoration:line-through}.hp .price-sub{color:var(--mute);margin:0 0 32px;font-size:14px}.hp .price-list{flex-direction:column;gap:12px;margin:0 0 36px;padding:0;list-style:none;display:flex}.hp .price-list li{color:var(--ink);gap:12px;font-size:15px;line-height:1.4;display:flex}.hp .price-list li:before{content:"✓";color:var(--teal);flex-shrink:0;font-weight:800}.hp .price-code{text-align:center;color:var(--mute);margin-top:0;margin-bottom:12px;font-size:15px}.hp .price-code strong{color:var(--ink);font-weight:700}.hp .final{background:var(--cream);text-align:center;padding:140px 0}.hp .final h2{letter-spacing:-.03em;margin:0 0 32px;font-size:clamp(48px,7vw,96px);font-weight:800;line-height:.98}.hp .final h2 .ital{color:var(--teal)}.hp .final-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:inline-flex}.hp .final-note{color:var(--mute);margin-top:22px;font-size:14px}.hp .final-note a{color:var(--teal);font-weight:600}.hp .final-note a:hover{text-decoration:underline}.hp footer{color:var(--cream);background:#353b43;padding:64px 0 40px}.hp .foot-top{border-bottom:1px solid #ffffff26;grid-template-columns:1.5fr 1fr 1fr;gap:48px;padding-bottom:48px;display:grid}.hp .foot-tagline{color:#d1d5db;margin-top:10px;margin-bottom:8px;font-size:14px;font-style:italic}.hp .foot-tag{color:#9ca3af;max-width:320px;margin:0;font-size:13px;line-height:1.55}.hp .foot-visit-link{color:var(--teal);margin-top:14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.hp .foot-visit-link:hover{color:#fff}.hp .foot-col h4{letter-spacing:.22em;text-transform:uppercase;color:var(--amber);margin:6px 0 16px;font-size:11px;font-weight:700}.hp .foot-col a{color:#d1d5db;margin-bottom:12px;font-size:14px;font-weight:500;transition:color .15s;display:block}.hp .foot-col a:hover{color:var(--teal)}.hp .foot-bot{color:#9ca3af;letter-spacing:.04em;justify-content:space-between;align-items:center;padding-top:28px;font-size:12px;display:flex}@media (max-width:960px){.hp .wrap{padding:0 24px}.hp .nav-links{display:none}.hp section{padding:80px 0}.hp .hero{padding:56px 0 20px}.hp .hero-stage{height:380px;margin-top:56px}.hp .preview-main{width:600px;height:380px;transform:translate(-50%)rotate(-1.5deg)}.hp .preview-back,.hp .preview-front{display:none}.hp .live-tag{top:18px;right:6%}.hp .tpl-grid{grid-template-columns:1fr}.hp .tpl.featured{aspect-ratio:2;grid-column:1}.hp .steps,.hp .feat-grid{grid-template-columns:1fr}.hp .feat-grid{border-left:0}.hp .feat{border-right:0}.hp .price-row{grid-template-columns:1fr;gap:40px}.hp .foot-top{grid-template-columns:1fr 1fr}}