.marketing{--ink:var(--color-ink);--raised:var(--color-ink-raised);--sunk:var(--color-ink-sunk);--pink:var(--color-pink);--lav:var(--color-lav);--lime:var(--color-lime);--sun:var(--color-sun);--paper:var(--color-paper);--muted:var(--color-muted);--line:var(--color-line);--radius:16px;--shadow:0 18px 50px #00000059;color:var(--paper);background:var(--ink);font-size:16px;line-height:1.55;overflow-x:clip}.marketing .bg{background-image:radial-gradient(900px 480px at 70% -10%,#9c85fb29,#0000 60%),radial-gradient(700px 420px at 0 40%,#fd44b014,#0000 60%);position:relative}.marketing .wrap{width:min(1120px,92vw);margin-inline:auto}.marketing a{color:inherit;text-decoration:none}.marketing p a,.marketing li a,.marketing .faq a{color:var(--lav);text-underline-offset:3px;text-decoration:underline}.marketing :focus-visible{outline:3px solid var(--lime);outline-offset:3px;border-radius:6px}.marketing .nav{align-items:center;gap:24px;padding:18px 0;display:flex}.marketing .nav .logo{align-items:center;margin-right:auto;display:inline-flex}.marketing .nav .logo img{width:auto;height:30px}.marketing .nav .links{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:22px;font-size:13px;font-weight:700;display:flex}.marketing .nav .links a:hover{color:#fff}.marketing .nav .links a{color:var(--muted);padding:8px 2px}@media (max-width:760px){.marketing .nav .links{display:none}}.marketing .mobilenav{display:none;position:relative}@media (max-width:760px){.marketing .mobilenav{display:block}}.marketing .mobilenav-toggle{border:2px solid var(--lav);color:#fff;cursor:pointer;background:0 0;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.marketing .mobilenav-panel{z-index:60;background:var(--raised);border:1.5px solid var(--lav);min-width:220px;box-shadow:var(--shadow);border-radius:12px;gap:2px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.marketing .mobilenav-panel a{letter-spacing:.06em;text-transform:uppercase;border-radius:8px;padding:12px;font-size:13px;font-weight:700}.marketing .mobilenav-panel a:hover{background:#9c85fb2e}.marketing .btn{letter-spacing:.06em;text-transform:uppercase;white-space:normal;text-align:center;cursor:pointer;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 20px;font-size:13.5px;font-weight:800;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.marketing .btn:hover{transform:translateY(-1px)}.marketing .btn-pink{background:var(--pink);color:var(--ink)}.marketing .btn-lime{background:var(--lime);color:var(--ink)}.marketing .btn-ghost{border-color:var(--lav);color:#fff}.marketing .btn-ghost:hover{background:#9c85fb26}.marketing .btn[disabled],.marketing .btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.marketing .hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:40px;padding:40px 0 64px;display:grid}@media (max-width:900px){.marketing .hero{grid-template-columns:1fr;gap:28px;padding:20px 0 48px}.marketing .mascots{min-height:220px}}.marketing .audience{color:var(--lime);letter-spacing:.08em;text-transform:uppercase;border:1.5px solid #c8f54280;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-block}.marketing h1{letter-spacing:-.02em;margin:18px 0 14px;font-size:clamp(38px,6vw,64px);font-weight:900;line-height:1.02}.marketing h1 .accent{color:var(--pink)}.marketing .support{max-width:560px;color:var(--muted);font-size:18px}.marketing .entry{border-radius:var(--radius);background:var(--raised);border:1px solid var(--line);box-shadow:var(--shadow);margin-top:26px;padding:20px}.marketing .entry-heading{margin:0 0 10px;font-size:20px;font-weight:900}.marketing .entry-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:800;display:block}.marketing .entry-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}@media (max-width:560px){.marketing .entry-row{grid-template-columns:1fr}}.marketing .entry-input{border:1.5px solid var(--line);background:var(--sunk);color:#fff;min-height:50px;font:inherit;border-radius:12px;padding:10px 14px;font-size:17px}.marketing .entry-input::placeholder{color:#cbbff58c}.marketing .entry-input:focus{border-color:var(--lav);outline:none;box-shadow:0 0 0 3px #9c85fb59}.marketing .entry-alt{margin:12px 0 0;font-size:14px;font-weight:700}.marketing .entry-note{color:var(--muted);margin:10px 0 0;font-size:13px}.marketing .entry-note-free{color:var(--lime);margin-top:4px;font-weight:700}.marketing .mascots{justify-content:center;align-self:stretch;align-items:center;gap:4px;display:flex;position:relative;container-type:inline-size}.marketing .m-slot{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:none;display:block}.marketing .m-slot[data-held]{cursor:grabbing;z-index:1}.marketing .mascots img{object-fit:contain;filter:drop-shadow(0 16px 30px #00000059);-webkit-user-drag:none;width:auto;height:min(170px,33cqw - 3px)}.marketing .mascots .m-bell{transform-origin:50% 88%;animation:3.4s ease-in-out infinite mascot-bell;transform:translateY(-14px)}.marketing .mascots .m-tally{transform-origin:50% 92%;animation:4.2s ease-in-out .35s infinite mascot-tally;transform:translateY(0)}.marketing .mascots .m-scout{transform-origin:50% 92%;animation:3.8s ease-in-out .7s infinite mascot-scout;transform:translateY(10px)}@keyframes mascot-bell{0%,to{transform:translateY(-14px)rotate(-3deg)}50%{transform:translateY(-24px)rotate(3deg)}}@keyframes mascot-tally{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-12px)scale(1.03)}}@keyframes mascot-scout{0%,to{transform:translateY(10px)rotate(0)}35%{transform:translateY(0)rotate(-5deg)}70%{transform:translateY(5px)rotate(3deg)}}@keyframes mascot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.marketing .section{border-top:1px solid var(--line);padding:56px 0}.marketing .eyebrow{color:var(--pink);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.marketing h2{letter-spacing:-.015em;margin:0 0 12px;font-size:clamp(28px,3.6vw,40px);font-weight:900;line-height:1.08}.marketing .lede{max-width:640px;color:var(--muted);margin:0 0 28px;font-size:17px}.marketing .cards{gap:16px;display:grid}.marketing .cards-2{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing .cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}.marketing .cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:900px){.marketing .cards-3,.marketing .cards-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.marketing .cards-2,.marketing .cards-3,.marketing .cards-4{grid-template-columns:1fr}}.marketing .card{border-radius:var(--radius);background:var(--raised);border:1px solid var(--line);min-width:0;padding:22px}.marketing .card h3{margin:0 0 8px;font-size:19px;font-weight:800;line-height:1.2}.marketing .card p{color:var(--muted);margin:0;font-size:15px}.marketing .card .num{background:var(--lime);width:34px;height:34px;color:var(--ink);border-radius:10px;place-items:center;margin-bottom:12px;font-weight:900;display:inline-grid}.marketing .card .mascot-box{align-items:flex-end;height:96px;margin-bottom:12px;display:flex}.marketing .card img.mascot{object-fit:contain;object-position:left bottom;width:auto;max-width:100%;height:96px;animation:4s ease-in-out infinite mascot-float}.marketing .cards .card:nth-child(2) img.mascot{animation-delay:.5s}.marketing .preview{border-radius:var(--radius);background:var(--raised);border:1px solid var(--line);overflow:hidden}.marketing .preview-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;font-size:13px;display:flex}.marketing .tag{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-block}.marketing .tag-example{color:var(--sun);background:#ffd83d2e}.marketing .tag-plan{color:#fff;background:#9c85fb33}.marketing .tag-source{color:var(--lime);background:#c8f54224}.marketing .tag-manual{color:#ffb7de;background:#fd44b02e}.marketing .preview-scroll{overflow-x:auto}.marketing table.ledger{border-collapse:collapse;width:100%;min-width:720px;font-size:14.5px}.marketing table.ledger th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:12px 18px;font-size:11px;font-weight:800}.marketing table.ledger td{border-top:1px solid var(--line);white-space:nowrap;padding:13px 18px}.marketing table.ledger td.tool{font-weight:800}.marketing .nums{font-variant-numeric:tabular-nums}.marketing .plan{border-radius:var(--radius);background:var(--raised);border:1.5px solid var(--line);flex-direction:column;min-width:0;padding:26px;display:flex}.marketing .plan-featured{border-color:var(--pink);background:linear-gradient(180deg, #fd44b01f, var(--raised) 60%)}.marketing .plan-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.marketing .plan-head-text{min-width:0}.marketing .plan .plan-mascot{object-fit:contain;object-position:top right;filter:drop-shadow(0 10px 20px #0000004d);flex:none;width:auto;max-width:40%;height:84px;margin-top:-6px;animation:4.6s ease-in-out .2s infinite mascot-float}.marketing .plan-featured .plan-mascot{animation-duration:5.2s;animation-delay:.8s}@media (max-width:480px){.marketing .plan .plan-mascot{height:48px}}.marketing .plan h3{margin:0;font-size:22px;font-weight:900}.marketing .plan .tagline{color:var(--muted);margin:6px 0 14px;font-size:14.5px}.marketing .plan .price{letter-spacing:-.02em;font-size:40px;font-weight:900;line-height:1}.marketing .plan .price small{color:var(--muted);letter-spacing:0;font-size:15px;font-weight:700}.marketing .plan .terms{color:var(--muted);margin:8px 0 16px;font-size:13px}.marketing .plan ul{gap:8px;margin:0 0 22px;padding:0;font-size:15px;list-style:none;display:grid}.marketing .plan ul li:before{content:"✓";color:var(--lime);margin-right:10px;font-weight:900}.marketing .plan .btn{margin-top:auto}.marketing .plan-small{padding:20px}.marketing .plan-small h3{font-size:18px}.marketing .soon{border-radius:var(--radius);border:1px dashed #cbbff566;margin-top:28px;padding:20px 22px}.marketing .soon h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:15px;font-weight:800}.marketing .soon ul{color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;font-size:14.5px;list-style:none;display:flex}.marketing .soon ul li:before{content:"·";margin-right:8px}.marketing .faq{gap:10px;max-width:820px;display:grid}.marketing .faq details{background:var(--raised);border:1px solid var(--line);border-radius:14px}.marketing .faq summary{cursor:pointer;justify-content:space-between;gap:16px;padding:16px 18px;font-size:16.5px;font-weight:800;list-style:none;display:flex}.marketing .faq summary::-webkit-details-marker{display:none}.marketing .faq summary:after{content:"+";color:var(--lime);font-weight:900}.marketing .faq details[open] summary:after{content:"–"}.marketing .faq details p{color:var(--muted);margin:0;padding:0 18px 18px;font-size:15.5px}.marketing .final{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(135deg,#9c85fb38,#fd44b01f);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:36px;display:grid}@media (max-width:760px){.marketing .final{grid-template-columns:1fr}}.marketing .final img{width:150px;height:auto;animation:5s ease-in-out .4s infinite mascot-float}.marketing footer{border-top:1px solid var(--line);color:var(--muted);padding:36px 0 44px;font-size:14px}.marketing footer .foot{flex-wrap:wrap;align-items:center;gap:14px 26px;display:flex}.marketing footer .foot .logo img{width:auto;height:24px}.marketing footer nav{flex-wrap:wrap;gap:8px 22px;font-weight:700;display:flex}.marketing footer nav a:hover{color:#fff}.marketing footer .legal{margin-top:18px;font-size:13px}.marketing .prose{max-width:760px;padding:40px 0 72px}.marketing .prose h1{font-size:clamp(32px,5vw,48px)}.marketing .prose h2{margin-top:36px;font-size:24px}.marketing .prose p,.marketing .prose li{color:var(--muted);font-size:16.5px}.marketing .prose ul{padding-left:22px}.marketing .prose strong{color:#fff}.marketing .prose .updated{color:var(--muted);font-size:13px}@media (prefers-reduced-motion:reduce){.marketing .btn:hover,.marketing .mascots .m-bell,.marketing .mascots .m-tally,.marketing .mascots .m-scout{transform:none}.marketing .mascots img,.marketing .card img.mascot,.marketing .plan .plan-mascot,.marketing .final img{animation:none}}
