:root{--bg-ch:330 100% 99%;--bg:hsl(var(--bg-ch));--surface:#fff;--ink-ch:43 13% 11%;--ink:hsl(var(--ink-ch));--muted:#6e6670;--accent-ch:337 71% 72%;--accent:hsl(var(--accent-ch));--accent-dark-ch:340 53% 53%;--accent-dark:hsl(var(--accent-dark-ch));--shadow:0 18px 60px #752f4e14;--header-height:53px;--radius-xs:2px;--radius-s:4px;--radius-m:6px;--radius-l:8px;--radius-xl:12px;--spacing-xxs:2px;--spacing-xs:4px;--spacing-s:8px;--spacing-m:12px;--spacing-l:16px;--spacing-xl:24px;--spacing-xxl:48px}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--spacing-m));margin:0;font-size:100%}body{margin:0;font-family:PT Sans Narrow,Arial Narrow,Arial,sans-serif;font-size:1.125rem;line-height:1.4}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:400;line-height:1}p{color:var(--muted);margin:0}a{color:inherit}.wrap{width:min(100%,980px);padding:0 var(--spacing-l);margin:0 auto}.eyebrow{color:var(--accent-dark);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700;line-height:1}.page{align-items:stretch;gap:var(--spacing-xxl);padding-top:var(--spacing-xl);flex-direction:column;display:flex}.grid-2,.grid-3{gap:var(--spacing-m);grid-template-columns:1fr;display:grid}@media (width>=768px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.wrap{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}}.header{z-index:20;height:var(--header-height);border-bottom:1px solid hsl(var(--accent-dark-ch) / .08);background:hsl(var(--bg-ch) / .94);position:sticky;top:0}.header .wrap{justify-content:center;align-items:center;height:100%;display:flex}.header a{text-decoration:none}.logo{letter-spacing:.08em;text-transform:uppercase;font-weight:700}.header-nav{display:none}@media (width>=768px){.header .wrap{justify-content:space-between}.header-nav{gap:var(--spacing-m);color:var(--muted);font-size:1rem;display:flex}}.footer{align-items:center;gap:var(--spacing-m);padding-top:var(--spacing-l);padding-bottom:var(--spacing-l);color:var(--muted);letter-spacing:.02em;text-transform:uppercase;flex-direction:column;display:flex}.footer-nav{justify-content:center;gap:var(--spacing-m);line-height:1;display:flex}.footer-nav a,.footer-nav span{font-size:12px;text-decoration:none;display:block}.footer-credit{font-size:10px}@media (width>=768px){.footer{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);flex-direction:row-reverse;justify-content:space-between}.footer-credit{font-size:12px}}.block{gap:var(--spacing-m);flex-direction:column;display:flex}.block-title{text-wrap:balance;font-size:clamp(2rem,1.5rem + 2vw,3rem);line-height:1}.block-intro{margin:var(--spacing-m) 0 0;color:var(--muted)}.hero{align-items:center;gap:var(--spacing-xl);flex-direction:column;display:flex}.hero-copy{flex-direction:column;display:flex}.hero-title{text-wrap:balance;max-width:30rem;font-size:clamp(2.5rem,1.5rem + 3vw,4rem);line-height:.95}.hero-visual{margin-top:var(--spacing-m);justify-content:center;align-items:center;display:flex}.hero-intro{margin:var(--spacing-m) 0 0;color:var(--muted);text-wrap:pretty}.hero-actions{justify-content:center;gap:var(--spacing-m);margin:var(--spacing-m) 0 0;display:flex}@media (width>=768px){.hero{flex-direction:row;align-items:center}.hero-actions{justify-content:flex-start}}@media (width>=1024px){.hero{align-items:center;gap:var(--spacing-xxl);flex-direction:row}}.origin-container{align-items:center;gap:var(--spacing-l);flex-direction:column;display:flex}.origin{gap:var(--spacing-m);color:var(--muted);flex-direction:column;display:flex}.origin-visual{max-width:300px;padding:var(--spacing-s);border:1px solid hsl(var(--accent-dark-ch) / .18);border-radius:var(--radius-m);background:#ffe6f4a6;flex-shrink:0;margin:0}.origin-visual img{border:1px solid hsl(var(--ink-ch) / .14);border-radius:var(--radius-s);width:100%;display:block}@media (width>=768px){.origin-container{align-items:flex-start;gap:var(--spacing-xl);flex-direction:row-reverse}}.pricing-calculator{gap:var(--spacing-m);border:0;flex-direction:column;margin:0;padding:0;display:flex}.pricing-plans{gap:var(--spacing-xs);flex-direction:column;display:flex}.pricing-components{gap:var(--spacing-m);flex-direction:column;display:flex}.pricing-plan input{display:none}.pricing-plan .plan-content{align-items:center;gap:var(--spacing-m);padding:var(--spacing-m);border:2px solid hsl(var(--accent-dark-ch) / .1);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;transition:border-color .2s ease-out;display:flex}.pricing-plan .plan-description{gap:var(--spacing-s);flex-direction:column;flex-grow:1;display:flex}.pricing-plan h3{font-size:1.3125rem}.pricing-plan p{color:var(--muted);margin:0;font-size:1rem}.pricing-plan .plan-price{font-size:1.5rem}.pricing-plan input:checked+.plan-content{border-color:var(--accent)}.pricing-addons{gap:var(--spacing-xs)}.pricing-addon input{display:none}.pricing-addon .addon-content{gap:var(--spacing-s);padding:var(--spacing-m);border:2px solid hsl(var(--accent-dark-ch) / .1);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;transition:border-color .2s ease-out;display:flex}.pricing-addon .addon-header{align-items:center;gap:var(--spacing-m);display:flex}.pricing-addon .addon-title{flex-grow:1}.pricing-addon .eyebrow{color:var(--accent-dark);font-size:.625rem}.pricing-addon h3{font-size:1.125rem}.pricing-addon .addon-price{font-size:1.3125rem}.pricing-addon .addon-description{color:var(--muted);margin:0;font-size:.875rem}.pricing-addon input:checked+.addon-content{border-color:var(--accent)}.pricing-total{padding:var(--spacing-m);border:2px solid hsl(var(--accent-dark-ch) / .1);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;display:flex}.pricing-total p{color:var(--muted);margin:0;line-height:1}.pricing-total .pricing-amount{font-size:3rem;line-height:1}.pricing-total .pricing-total-footnote{margin-top:var(--spacing-m);font-size:.875rem}.pricing-footnote{color:var(--muted);text-align:center;text-wrap:balance;font-size:.875rem}.pricing-explanation{gap:var(--spacing-xxl)}@media (width>=768px){.pricing-calculator{flex-direction:row}.pricing-footnote{max-width:90%;margin:0 auto}.pricing-total{flex-shrink:0;width:180px}.pricing-explanation{gap:var(--spacing-xl)}}.screenshot{flex-shrink:0}.screenshot-wrap{width:fit-content;padding:var(--spacing-s);border:1px solid hsl(var(--accent-dark-ch) / .18);border-radius:var(--radius-m);background:#ffe6f4a6;justify-content:center;align-items:flex-start;display:flex}.screenshot-wrap>img{border:1px solid hsl(var(--ink-ch) / .14);border-radius:var(--radius-s);width:100%;max-width:290px;height:auto;display:block}.screenshot-partial{position:relative;overflow:hidden}.screenshot-partial:after{content:"";background:linear-gradient(to bottom, transparent 0%, var(--bg) 100%);height:100px;position:absolute;bottom:0;left:0;right:0}.contact{gap:var(--spacing-l);padding:var(--spacing-m);border:1px solid hsl(var(--accent-dark-ch) / .12);border-radius:var(--radius-m);box-shadow:var(--shadow);background:#ffffffbd;grid-template-columns:1fr;display:grid}.contact-footer{align-items:center;gap:var(--spacing-m);flex-direction:column;display:flex}.contact-status{color:var(--muted);text-align:center;text-wrap:balance;font-size:14px;display:none}.contact-status.visible{display:block}.contact-status.error{color:#ca2b2b}.field{gap:var(--spacing-s);flex-direction:column;display:flex}.field label{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700;line-height:1}.field .required{color:var(--accent-dark)}.field input,.field select,.field textarea{width:100%;padding:calc(var(--spacing-s) + var(--spacing-xs)) var(--spacing-m);border:1px solid hsl(var(--accent-dark-ch) / .18);color:var(--ink);font:inherit;background:#ffffffdb;border-radius:4px}:is(.field input,.field select,.field textarea)::placeholder{color:#9f8994}:is(.field input,.field select,.field textarea):focus,:is(.field input,.field select,.field textarea):focus,:is(.field input,.field select,.field textarea):focus{border-color:var(--accent);outline:2px solid hsl(var(--accent-ch) / .28);outline-offset:2px}.field textarea{resize:vertical;min-height:130px}.field.full{grid-column:1/-1}@media (width>=768px){.contact{padding:var(--spacing-l);grid-template-columns:repeat(2,minmax(0,1fr))}.contact-footer{justify-content:flex-end;gap:var(--spacing-l);flex-direction:row-reverse;grid-column:1/-1}.contact-status{text-align:left;font-size:16px}}.button{padding:0 var(--spacing-m);border:1px solid hsl(var(--accent-dark-ch) / .2);border-radius:var(--radius-s);font:inherit;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;background:#ffffffad;justify-content:center;align-items:center;font-size:12px;font-weight:700;line-height:32px;text-decoration:none;transition:border-color .2s ease-out;display:inline-flex}.button:hover{border-color:hsl(var(--accent-dark-ch) / .4)}.button.primary{background:var(--accent-dark);color:#fff;border-color:#0000;transition:background-color .2s ease-out}.button.primary:hover{background:color-mix(in hsl, var(--accent-dark), black 10%)}.with-screenshot{align-items:center;gap:var(--spacing-xl);flex-direction:column;display:flex}.card{gap:var(--spacing-s);padding:var(--spacing-m);border:1px solid hsl(var(--accent-dark-ch) / .1);border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--shadow);flex-direction:column;display:flex}.card h3{font-size:1.3125rem}.card p{color:var(--muted);text-wrap:pretty;font-size:1rem}.card-header{flex-direction:row-reverse;align-items:center;display:flex}.card-header .lucide{width:20px;height:20px;color:var(--muted);stroke-width:1.5px}.card-header h3{flex-grow:1}.billing-explanation{gap:var(--spacing-xxl)}.card-more{margin-top:var(--spacing-m);letter-spacing:.02em;text-align:right;text-transform:uppercase;font-weight:700;font-size:.75rem!important}.card-more a{color:var(--accent-dark);text-decoration:none}.card-more .card-arrow{transition:transform .1s ease-out;display:inline-block;transform:translateY(-1px)}.card-more a:hover .card-arrow{transform:translate(2px,-1px)}@media (width>=768px){.billing-explanation{gap:var(--spacing-xl)}.with-screenshot{gap:var(--spacing-xxl);max-width:664px;margin:var(--spacing-xxl) auto;flex-direction:row-reverse}}@media (width>=1024px){.card{padding:var(--spacing-l)}}
