:root{--ink:#17212b;--muted:#637183;--line:#dbe5ee;--paper:#fffdf8;--soft:#f4f8fb;--blue:#255c7f;--cyan:#57bfd3;--mint:#d9f3ed;--peach:#ffe4c7;--shadow:0 18px 52px #2a4e6f1f;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Arial,sans-serif}*{box-sizing:border-box;min-width:0}html,body,#root{width:100%;min-height:100%;color:var(--ink);margin:0;overflow-x:hidden}body{background:linear-gradient(#f6fbfd 0%,#fffaf3 64%,#fff 100%)}a{color:inherit;text-decoration:none}.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 24px}.top{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fafdfcdb;border-bottom:1px solid #dbe5eecc;position:sticky;top:0}nav{justify-content:space-between;align-items:center;gap:14px;height:64px;display:flex}.brand{align-items:center;gap:10px;font-weight:850;display:flex}.mark{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;border-radius:12px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 10px 25px #255c7f3d}.links{color:var(--muted);align-items:center;gap:18px;font-size:13px;display:flex}.btn{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:11px 16px;font-weight:800;display:inline-flex;box-shadow:0 14px 30px #17212b29}.btn.secondary{color:var(--ink);border:1px solid var(--line);box-shadow:none;background:#fff}.btn.small{padding:9px 13px}.pill{color:#33566d;background:#ffffffdb;border:1px solid #cfe1eb;border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:12px;font-weight:800;display:inline-flex}.hero{padding:26px 0}.heroGrid{grid-template-columns:minmax(0,1fr) minmax(410px,.95fr);align-items:center;gap:28px;display:grid}.copy h1{letter-spacing:-.052em;margin:10px 0;font-family:ui-serif,Georgia,Cambria,serif;font-size:clamp(34px,3.75vw,54px);line-height:1}.copy p{color:#52616f;max-width:540px;font-size:16px;line-height:1.42}.ctaRow{flex-wrap:wrap;gap:12px;margin:16px 0 10px;display:flex}.micro{color:#607181;flex-wrap:wrap;gap:11px;font-size:12px;display:flex}.workspace{width:100%;max-width:100%;box-shadow:var(--shadow);background:#fffc;border:1px solid #d2e0eae6;border-radius:24px;padding:11px;overflow:hidden}.toolCard{background:var(--paper);border:1px solid #eee3d4;border-radius:17px;padding:10px}.toolHead{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.steps{gap:6px;display:flex}.steps b{width:20px;height:20px;color:var(--blue);background:#e5f4f6;border-radius:50%;place-items:center;font-size:11px;display:grid}.form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;display:grid}.field{background:#fff;border:1px solid #e6ded3;border-radius:12px;gap:4px;padding:8px;display:grid}.field span,.label{text-transform:uppercase;letter-spacing:.09em;color:#7d8994;font-size:9px;font-weight:850}.field input,.field select,.created input,.cardPage input,.cardPage textarea{width:100%;font:inherit;color:var(--ink);background:0 0;border:0;outline:0}.span2{grid-column:1/-1}.create{background:#255c7f;width:100%;margin-top:8px;padding:10px 14px}.created{background:#eef8fa;border:1px dashed #b7cedd;border-radius:14px;gap:8px;margin-top:8px;padding:7px;display:flex}.created button{background:#fff;border:0;border-radius:999px;padding:7px 9px;font-weight:800}.preview{background:#fff;border:1px solid #e1e9ef;border-radius:17px;margin-top:9px;padding:10px;overflow:hidden}.cardSurface{background:linear-gradient(135deg,#fff4db,#f3fbfd 60%,#fff);border:1px solid #f0dfc6;border-radius:15px;gap:9px;padding:11px;display:grid}.to{letter-spacing:-.025em;font-family:ui-serif,Georgia,serif;font-size:19px}.msgs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;display:grid}.msg{background:#ffffffd6;border:1px solid #e1d5c4bf;border-radius:11px;padding:8px;font-size:11px;line-height:1.3}.sig{color:var(--blue);margin-top:6px;font-weight:850}.share{color:#3b5d72;background:#f7fbfd;border:1px dashed #b7cedd;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;margin-top:7px;padding:7px;font-size:11px;display:flex}.share span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.share b{flex:none}.proof,.split,.faq,.legal,.cardPage{padding-top:42px}.proof h2,.split h2,.faq h2,.legal h1,.cardPage h1{letter-spacing:-.04em;font-family:ui-serif,Georgia,serif;font-size:clamp(28px,3.4vw,42px);line-height:1.02}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.panel{border:1px solid var(--line);background:#fffc;border-radius:20px;padding:18px}.panel p,.proof p{color:var(--muted);line-height:1.55}.info svg{color:var(--blue)}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.suggestions{gap:10px;margin-top:16px;display:grid}.suggestions button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:16px;justify-content:space-between;gap:12px;padding:11px;display:flex}.occasion{gap:10px;display:grid}.occasion a{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:10px;padding:13px;font-weight:800;display:flex}.faq details{border-top:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;font-weight:850}.cardPage{grid-template-columns:minmax(0,1fr) minmax(300px,.75fr);gap:18px;display:grid}.cardPage .panel{align-self:start;gap:12px;display:grid}.cardPage input,.cardPage textarea{border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px}.cardPage textarea{min-height:118px}footer{border-top:1px solid var(--line);color:var(--muted);margin-top:42px;padding:28px 0}footer .wrap{flex-wrap:wrap;gap:14px;display:flex}@media (width<=920px){.wrap{max-width:100%;padding-left:12px;padding-right:12px}.links{white-space:normal;flex-wrap:wrap;order:2;gap:7px 10px;width:100%;max-width:100%;margin-left:0;padding:0 0 8px 50px;font-size:12px;display:flex;overflow:visible}.links a{flex:none}.links .btn.small{padding:7px 9px}nav{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px;height:auto;min-height:96px;padding:8px 0 0}.brand span{font-size:15px}.brand{flex:none}.hero{padding:10px 0 22px}.heroGrid{flex-direction:column;align-items:center;gap:22px;display:flex}.workspace{border-radius:20px;order:-1;width:100%;max-width:340px;margin-left:auto;margin-right:auto;padding:8px;box-shadow:0 14px 40px #2a4e6f1f}.toolCard{border-radius:18px;padding:12px}.steps{display:none}.form{grid-template-columns:minmax(0,1fr)}.field{padding:9px}.preview{padding:10px}.cardSurface{padding:12px}.to{font-size:18px;line-height:1.08}.msgs{grid-template-columns:minmax(0,1fr);gap:7px}.msg{padding:9px;font-size:11px}.share{padding:8px;font-size:9.5px}.copy{width:100%;max-width:340px}.copy h1{overflow-wrap:anywhere;font-size:30px;line-height:1.04}.copy p{font-size:14px}.ctaRow .btn{width:100%}.cards,.split,.cardPage{grid-template-columns:minmax(0,1fr)}.proof h2,.split h2,.faq h2{font-size:27px}.panel{padding:18px}}.pricingPage{padding-top:34px}.pricingHero{grid-template-columns:minmax(0,1fr) 340px;align-items:stretch;gap:28px;display:grid}.pricingHero h1{letter-spacing:-.045em;margin:12px 0;font-family:ui-serif,Georgia,serif;font-size:clamp(34px,3.8vw,54px);line-height:1}.pricingHero p{color:var(--muted);max-width:620px;font-size:16px;line-height:1.45}.priceCard{box-shadow:var(--shadow);background:linear-gradient(#fff,#f3fbfd);border:1px solid #cfe1eb;border-radius:22px;padding:20px}.priceTop{gap:6px;display:grid}.priceTop span{text-transform:uppercase;letter-spacing:.1em;color:var(--blue);font-size:12px;font-weight:850}.priceTop strong{letter-spacing:-.04em;font-size:46px}.priceTop em{color:var(--muted);font-style:normal;font-weight:750}.priceCard ul,.checkList{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.priceCard li{color:#395366;align-items:center;gap:8px;display:flex}.checkList li{border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px 12px}.pricingGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px;display:grid}.pricingGrid h2{margin-top:0}.future{background:#fffaf3}.noPay{background:#f7fbfd}@media (width<=920px){.pricingPage{padding-top:18px}.pricingHero{grid-template-columns:minmax(0,1fr);gap:14px}.pricingHero h1{font-size:32px}.priceCard{padding:16px}.priceTop strong{font-size:38px}.pricingGrid{grid-template-columns:minmax(0,1fr)}}
