*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;line-height:1.6;display:flex;overflow-x:hidden}body>main{flex:1}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--font-heading,var(--font));letter-spacing:var(--heading-tracking,-.02em);line-height:1.12;font-weight:var(--heading-weight,700);text-transform:var(--heading-transform,none);font-stretch:var(--heading-stretch,normal);color:var(--text)}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:24px}.section{padding-block:104px}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--brand);margin-bottom:14px;font-size:.8rem;font-weight:700;display:inline-block}.section-title{max-width:20ch;font-size:clamp(1.9rem,4vw,2.9rem)}.section-lead{color:var(--text-muted);max-width:54ch;margin-top:18px;font-size:1.1rem}.text-gradient{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--btn-radius,999px);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:13px 26px;font-size:.98rem;font-weight:600;transition:transform .15s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.btn-primary{background:var(--brand);color:var(--brand-contrast);box-shadow:var(--shadow-btn)}.btn-primary:hover{background:var(--brand-dark);box-shadow:var(--shadow-btn-hover);transform:translateY(-2px)}.btn-ghost{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:28px;transition:transform .2s,border-color .2s,box-shadow .2s}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:.7s both rise}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}@media (width<=760px){.section{padding-block:72px}}@font-face{font-family:Instrument Sans;src:url(/fonts/InstrumentSans.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}:root{--ink:#211d2b;--lavender:#b8aaff;--apricot:#ffb47d;--paper:#f4f1fa;--muted:#655d71;--line:#998bae;--on-action:#111;--bg:#f4f1fa;--bg-soft:#e9e4fb;--surface:#fff;--border:#998bae73;--border-strong:#655d71;--text:#211d2b;--text-muted:#655d71;--text-dim:#655d71;--brand:#211d2b;--brand-dark:#111;--brand-2:#ffb47d;--brand-contrast:#fff;--gradient:linear-gradient(0deg, #b8aaff, #b8aaff);--gradient-soft:linear-gradient(0deg, #e9e4fb, #e9e4fb);--glow-1:#b8aaff;--glow-2:#ffb47d;--glow-opacity:0;--radius:10px;--radius-sm:10px;--radius-lg:10px;--btn-radius:10px;--maxw:1416px;--shadow-sm:none;--shadow:none;--shadow-btn:none;--shadow-btn-hover:none;--shadow-device:0 28px 40px -22px #211d2b73;--font:"Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-heading:"Instrument Sans", system-ui, sans-serif;--heading-weight:550;--heading-tracking:-.03em;--motion-control:.16s;--motion-feature:.36s;--motion-ease:cubic-bezier(.2, .8, .2, 1)}.container{padding-inline:20px}@media (width>=640px){.container{padding-inline:32px}}@media (width>=1024px){.container{padding-inline:48px}}.btn{min-height:44px;transition:background-color var(--motion-control) var(--motion-ease), border-color var(--motion-control) var(--motion-ease);border-width:2px;padding:12px 20px;font-size:1rem;font-weight:600;line-height:1.25}.btn:hover{text-underline-offset:4px;text-decoration:underline}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--lavender);color:var(--on-action)}.btn-primary:hover{background:var(--lavender);transform:none}.btn-ghost{border-color:var(--muted);color:var(--ink);background:0 0}.btn-ghost:hover{border-color:var(--muted);color:var(--ink);transform:none}.card:hover{border-color:var(--border-strong);box-shadow:none;transform:none}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}h2,h3{font-weight:550}.section-title{font-size:clamp(28px,3.4vw,36px);line-height:1.19}.section-lead{font-size:clamp(18px,1.6vw,20px);line-height:1.5}.eyebrow{letter-spacing:.08em;color:var(--muted);font-size:12px;font-weight:500}.text-gradient{background:0 0;-webkit-background-clip:initial;background-clip:initial;color:var(--text)}@media (prefers-reduced-motion:reduce){.btn:active{transform:none}}#templates,#ideas,#compare{background:var(--bg-soft)}#site-header .nav-toggle{width:44px;height:44px;color:var(--ink);justify-content:center;align-items:center;padding:0}#site-header .nav-toggle span{display:none}#site-header .nav-toggle:before{content:"";background:currentColor;width:24px;height:24px;-webkit-mask:url(/brand/icons/menu.svg) 50%/24px 24px no-repeat;mask:url(/brand/icons/menu.svg) 50%/24px 24px no-repeat}#site-header .nav-toggle[aria-expanded=true]:before{-webkit-mask-image:url(/brand/icons/close.svg);mask-image:url(/brand/icons/close.svg)}#faq .chev{background:var(--ink);width:24px;height:24px;transition:transform var(--motion-feature) var(--motion-ease);border:0;margin:0;transform:none;-webkit-mask:url(/brand/icons/plus.svg) 50%/24px 24px no-repeat;mask:url(/brand/icons/plus.svg) 50%/24px 24px no-repeat}#faq .item[open] .chev{transform:rotate(45deg)}#faq summary:hover span:first-child{text-underline-offset:4px;text-decoration:underline}.site-footer{--bg-soft:#211d2b;--text:#fff;--text-muted:#e4dff0;--text-dim:#cfc8dd;--border:#f4f1fa2e;color:#fff}.site-footer .logo-art g{fill:#fff}.site-footer a:hover{text-underline-offset:4px;text-decoration:underline}.site-footer :focus-visible{outline-color:#fff}#main.blog h1,#main.article h1,#main.legal h1{letter-spacing:-.03em;max-width:22ch;font-size:clamp(34px,4.4vw,48px);font-weight:550;line-height:1.125}#main.blog .section-lead,#main.article .dek{color:var(--muted);font-size:clamp(18px,1.6vw,20px);line-height:1.5}#main.blog .post{background:var(--surface);border-color:var(--border);padding:24px}#main.blog .post:hover{border-color:var(--muted)}#main.blog .post:hover h2{text-underline-offset:4px;text-decoration:underline}#main.blog .post h2{font-size:20px;font-weight:550;line-height:1.3}#main.blog .post .kind,#main.blog .post .date{color:var(--muted);font-size:12px;font-weight:500;line-height:18px}#main.article .narrow{max-width:calc(68ch + 96px)}#main.article .crumbs,#main.article .meta{letter-spacing:.04em;color:var(--muted);font-size:12px;font-weight:500;line-height:18px}#main.article .crumbs a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}#main.article .meta{border-bottom-color:var(--line)}#main.article .prose{color:var(--ink);font-size:16px;line-height:26px}#main.article .prose h2{letter-spacing:-.02em;margin:48px 0 12px;font-size:clamp(28px,2.6vw,32px);font-weight:550;line-height:1.2}#main.article .prose h3{margin:32px 0 8px;font-size:20px;font-weight:550;line-height:30px}#main.article .prose a,#main.legal a:not(.back){color:var(--ink);text-decoration:underline;text-decoration-color:var(--muted);text-underline-offset:3px;text-decoration-thickness:1px}#main.article .prose a:hover,#main.legal a:not(.back):hover{text-decoration-color:var(--ink);text-decoration-thickness:2px}#main.article .prose blockquote{border-left:4px solid var(--apricot);background:var(--surface);border-radius:0 var(--radius) var(--radius) 0;color:var(--ink);padding:12px 20px}#main.article .prose table{font-size:14px;line-height:22px}#main.article .prose th{background:var(--bg-soft);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:18px}#main.article .prose th,#main.article .prose td{border-bottom-color:var(--border)}#main.article .prose code{background:var(--bg-soft);border-radius:4px;font-size:.9em}#main.article .prose hr{border-top-color:var(--line);margin:48px 0}#main.article .back,#main.legal .back{color:var(--ink);text-decoration:underline;text-decoration-color:var(--muted);text-underline-offset:4px;font-weight:600}#main.legal h2{font-size:clamp(22px,2.2vw,28px);font-weight:550;line-height:1.25}#main.legal p{color:var(--muted);font-size:16px;line-height:26px}#main.legal .muted{letter-spacing:.04em;margin-top:8px;font-size:12px;font-weight:500;line-height:18px}.logo[data-astro-cid-f7espo7c]{align-items:center;line-height:0;display:inline-flex}.logo-art[data-astro-cid-f7espo7c]{width:184px;height:auto;display:block}.wordmark[data-astro-cid-zmt2oedj]{font-family:var(--font-heading,var(--font));letter-spacing:-.01em;color:var(--text);font-size:1.22rem;font-weight:800}.skip-link[data-astro-cid-kwjzly75]{z-index:100;background:var(--text);color:var(--bg);border-radius:8px;padding:10px 16px;font-weight:600;position:absolute;top:-60px;left:16px}.skip-link[data-astro-cid-kwjzly75]:focus{top:12px}.site-header[data-astro-cid-kwjzly75]{z-index:50;border-bottom:1px solid #0000;transition:background .3s,border-color .3s,box-shadow .3s;position:fixed;inset:0 0 auto}.site-header[data-astro-cid-kwjzly75].scrolled{background:color-mix(in srgb, var(--bg) 85%, transparent);backdrop-filter:blur(14px);border-bottom-color:var(--border);box-shadow:var(--shadow-sm)}.nav[data-astro-cid-kwjzly75]{justify-content:space-between;align-items:center;height:72px;display:flex}.nav-links[data-astro-cid-kwjzly75]{gap:34px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-links[data-astro-cid-kwjzly75] a[data-astro-cid-kwjzly75]{color:var(--text-muted);font-size:.95rem;font-weight:500;transition:color .2s}.nav-links[data-astro-cid-kwjzly75] a[data-astro-cid-kwjzly75]:hover{color:var(--brand)}.nav-toggle[data-astro-cid-kwjzly75]{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.nav-toggle[data-astro-cid-kwjzly75] span[data-astro-cid-kwjzly75]{background:var(--text);border-radius:2px;width:24px;height:2px;transition:all .25s}.mobile-menu[data-astro-cid-kwjzly75]{background:var(--bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:20px 24px 28px;display:none}.mobile-menu[data-astro-cid-kwjzly75].open{display:flex}.mobile-menu[data-astro-cid-kwjzly75] a[data-astro-cid-kwjzly75]:not(.btn){color:var(--text-muted);padding:6px 0;font-weight:500}@media (width<=860px){.nav-links[data-astro-cid-kwjzly75],.nav-actions[data-astro-cid-kwjzly75]{display:none}.nav-toggle[data-astro-cid-kwjzly75]{display:flex}}.site-footer[data-astro-cid-w6iuaumb]{border-top:1px solid var(--border);background:var(--bg-soft);padding-top:72px}.footer-grid[data-astro-cid-w6iuaumb]{grid-template-columns:2fr repeat(var(--footer-cols), 1fr);gap:40px;padding-bottom:56px;display:grid}.footer-brand[data-astro-cid-w6iuaumb]>a[data-astro-cid-w6iuaumb]{margin-bottom:16px;display:inline-block}.footer-brand[data-astro-cid-w6iuaumb] p[data-astro-cid-w6iuaumb]{color:var(--text-dim);max-width:34ch;font-size:.95rem}.footer-col[data-astro-cid-w6iuaumb] .footer-title[data-astro-cid-w6iuaumb]{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:16px;font-size:.82rem;font-weight:600}.footer-col[data-astro-cid-w6iuaumb] a[data-astro-cid-w6iuaumb]{color:var(--text-muted);margin-bottom:11px;font-size:.95rem;transition:color .2s;display:block}.footer-col[data-astro-cid-w6iuaumb] a[data-astro-cid-w6iuaumb]:hover{color:var(--text)}.footer-bottom[data-astro-cid-w6iuaumb]{border-top:1px solid var(--border);color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-block:24px;font-size:.88rem;display:flex}.footer-bottom-links[data-astro-cid-w6iuaumb]{gap:22px;display:flex}.footer-bottom-links[data-astro-cid-w6iuaumb] a[data-astro-cid-w6iuaumb]:hover{color:var(--text)}@media (width<=760px){.footer-grid[data-astro-cid-w6iuaumb]{grid-template-columns:1fr 1fr}}@media (width<=480px){.footer-grid[data-astro-cid-w6iuaumb]{grid-template-columns:1fr}}
