/* Canonical source: landing page. Product UI only; never styles Canvas artwork. */
:root{--mork-black:#1a1a1a;--mork-white:#fff;--mork-surface:#f7f6f3;--mork-muted:#666;--mork-border:#e8e6e1;--mork-hover:#333;--mork-font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mork-radius-sm:12px;--mork-radius-md:14px;--mork-radius-lg:20px;--mork-space-1:8px;--mork-space-2:16px;--mork-space-3:24px;--mork-space-4:32px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.footer-links{flex-wrap:wrap;justify-content:center;max-width:100%}
.font-selected,.font-option{width:100%;text-align:left;font:inherit}.font-option{display:block;border:0;background:white}.verify-page .wrap{width:100%}.verify-page .code-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.verify-page .code-input{width:100%;min-width:0}.verify-page .resend{border:0;background:none;padding:12px}
@media(max-width:600px){.verify-page{padding:48px 16px}.auth-page{padding:32px 20px}.auth-page .card{padding:28px 24px}}
body{font-family:var(--mork-font-body);color:var(--mork-black);opacity:1;animation:none}
a{color:inherit;text-underline-offset:3px}.secure,.note{color:var(--mork-muted)}
.plan-usage{color:var(--mork-black);background:var(--mork-surface);border-color:var(--mork-border)}.plan-usage p{color:var(--mork-muted)}.plan-usage-track>div{background:var(--mork-black)}
.logo,.nav-logo,.footer-logo,.brand{font-family:var(--mork-font-body);font-size:24px;font-weight:500;letter-spacing:-1px;line-height:1.2;color:var(--mork-black);text-decoration:none;white-space:nowrap}
button,input,select,textarea{font-family:inherit}button,a,input,select,textarea{outline-offset:4px} :focus-visible{outline:2px solid var(--mork-black)!important;box-shadow:0 0 0 5px white}
button{touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{accent-color:var(--mork-black)}
.top-bar{background:var(--mork-white);border-color:var(--mork-border)}
h1{font-weight:500} .helper,.sub,.small,.step,.eyebrow,.generation-note,.canvas-help{color:var(--mork-muted)}
.pill{color:var(--mork-black);background:var(--mork-surface)}.heading-card{border-top-color:var(--mork-black)}
[data-currency-select]{display:block;width:100%;max-width:380px;margin:12px auto 20px;padding:14px;border:1px solid var(--mork-border);border-radius:var(--mork-radius-sm);background:white;color:var(--mork-black);font-size:16px}
[data-plan-price]{font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.04em} .price-amount[data-plan-price]{font-size:clamp(28px,5vw,56px)}
[data-billing-message]{font-size:14px;line-height:1.6;color:var(--mork-muted);margin:12px 0;overflow-wrap:anywhere}.price-card [data-billing-message]{color:#ddd}
.billing-main{max-width:640px;margin:40px auto;padding:0 20px}.billing-main h1{font-size:36px;letter-spacing:-1.2px}.billing-main .card{padding:24px;border:1px solid var(--mork-border);border-radius:20px;margin:24px 0;background:white}.billing-main p{line-height:1.6;margin:16px 0}.billing-main button{border:0;border-radius:14px;background:var(--mork-black);color:white;font-size:16px;padding:16px 24px}
.payment-page .price-line{font-size:clamp(25px,5vw,40px)}
.actions a{border-color:var(--mork-border);border-radius:var(--mork-radius-sm)}#hashtags{color:var(--mork-muted)}#submit{background:var(--mork-black)}
@media(max-width:600px){.payment-page,.currency-page{padding:64px 16px 32px}.payment-page .card{padding:28px 20px}.payment-page .price-line{font-size:28px}.payment-page .logo{margin-bottom:24px}.currency-page p{margin-bottom:24px}.hero-note-txt,.signup-note,.footer-copy,.footer-links a{color:#666}.price-note,.price-period{color:#ccc}}
@media(max-width:600px){.features-grid{grid-template-columns:minmax(0,1fr)}.price-card{padding:32px 20px}.card{max-width:100%}input,textarea,select{max-width:100%}.row{gap:12px;flex-wrap:wrap}.row-value{overflow-wrap:anywhere}input:not([type=checkbox]):not([type=radio]):not([type=color]),textarea,select{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.fade-in{opacity:1;transform:none}}
