*,: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)}.btn-ghost:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px)}.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}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-4px)}@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:Familjen Grotesk;src:url(/fonts/FamiljenGrotesk.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Mulish;src:url(/fonts/Mulish.woff2)format("woff2");font-weight:200 1000;font-style:normal;font-display:swap}:root{--ink:#24221f;--primary:#ffc247;--on-primary:#111;--accent:#fff7e8;--paper:#fff;--muted:#655a49;--line:#a99b80;--bg:#fff;--bg-soft:#fff7e8;--surface:#fff;--border:#a99b8080;--border-strong:#655a49;--text:#24221f;--text-muted:#655a49;--text-dim:#655a49;--brand:#24221f;--brand-dark:#111;--brand-2:#ffc247;--brand-contrast:#fff;--gradient:linear-gradient(0deg, #ffc247, #ffc247);--gradient-soft:linear-gradient(0deg, #fff7e8, #fff7e8);--glow-1:#fff;--glow-2:#fff;--glow-opacity:0;--radius:4px;--radius-sm:4px;--radius-lg:4px;--btn-radius:4px;--maxw:1416px;--shadow-sm:none;--shadow:none;--shadow-btn:none;--shadow-btn-hover:none;--font:"Mulish", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-heading:"Familjen Grotesk", "Mulish", system-ui, sans-serif;--heading-weight:650;--heading-tracking:-.025em;--motion-control:.16s;--motion-feature:.3s;--motion-stagger:70ms;--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}}.section-title{font-size:clamp(1.75rem,3.2vw,2.25rem);line-height:1.19}.section-lead{font-size:clamp(1.125rem,1.6vw,1.25rem);line-height:1.5}.eyebrow{letter-spacing:.06em;color:var(--muted);font-size:.75rem;font-weight:600;line-height:1.5}h3{letter-spacing:-.015em;font-weight:650}.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-primary,.btn-primary:hover{background:var(--primary);color:var(--on-primary);transform:none}.btn-ghost,.btn-ghost:hover{border-color:var(--muted);color:var(--ink);background:0 0;transform:none}.btn:hover{text-underline-offset:4px;text-decoration:underline}.btn:active{transform:translateY(1px)}.card,.card:hover{box-shadow:none;transform:none}.card:hover{border-color:var(--muted)}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.text-gradient{background:0 0;-webkit-background-clip:initial;background-clip:initial;color:var(--text)}html .site-header[id],html .site-header[id].scrolled{background:var(--primary);border-bottom-color:var(--primary);backdrop-filter:none;box-shadow:none}html .site-header .nav{height:80px}html .site-header[id] .nav-links a[href]{color:var(--ink);font-weight:600}html .site-header[id] .nav-links a[href]:hover{color:var(--ink);text-underline-offset:6px;text-decoration:underline}html .site-header[id] .nav-actions .btn-primary[href]{background:var(--ink);color:#fff}html{scroll-padding-top:96px}@media (prefers-reduced-motion:reduce){.btn:active{transform:none}}html #site-header #nav-toggle{width:44px;height:44px;color:var(--ink);justify-content:center;align-items:center;padding:0}html #site-header #nav-toggle span{display:none}html #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}html #site-header #nav-toggle[aria-expanded=true]:before{-webkit-mask-image:url(/brand/icons/close.svg);mask-image:url(/brand/icons/close.svg)}html #site-header #mobile-menu{background:var(--primary);box-shadow:none;border-bottom:0}html #site-header #mobile-menu a:not(.btn){color:var(--ink);font-weight:600}html #site-header #mobile-menu .btn-primary{background:var(--ink);color:#fff}html #faq .item .chev{background:var(--ink);border:0;width:24px;height:24px;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}html #faq .item[open] .chev{transform:none;-webkit-mask-image:url(/brand/icons/close.svg);mask-image:url(/brand/icons/close.svg)}html main#main>#templates,html main#main>#uses,html main#main>#compare{background:var(--accent);border-block:0}html main#main>#features,html main#main>#ideas,html main#main>#blog,html main#main>#faq{background:var(--paper)}html main#main>#how{background:var(--ink);color:#fff;border-block:0}html main#main>#how .eyebrow,html main#main>#how .section-lead,html main#main>#how .step p{color:#d9cfbc}html main#main>#how .section-title,html main#main>#how .step h3{color:#fff}html main#main>#how .list:before{background:var(--line)}html main#main>#how .step-num{border-radius:var(--radius);background:var(--primary);color:var(--on-primary);box-shadow:0 0 0 6px var(--ink)}html main#main>#how :focus-visible{outline-color:#fff}html #main.article,html #main.blog,html #main.legal{padding-top:136px}html #main.article h1,html #main.blog h1,html #main.legal h1{letter-spacing:-.03em;font-size:clamp(2.125rem,4.4vw,3rem);font-weight:650;line-height:1.125}html #main.article .narrow{max-width:808px}html #main.article .crumbs,html #main.article .meta,html #main.legal .muted{color:var(--muted);font-size:.75rem;font-weight:500;line-height:1.5}html #main.article .crumbs a{color:var(--ink)}html #main.article .eyebrow,html #main.blog .eyebrow{max-width:320px;color:var(--ink);align-items:center;gap:14px;font-weight:700;display:flex}html #main.article .eyebrow:after,html #main.blog .eyebrow:after{content:"";opacity:.45;background:currentColor;flex:1;height:1px}html #main.article .dek{color:var(--muted);font-size:clamp(1.125rem,1.6vw,1.25rem);line-height:1.5}html #main.article .meta{border-bottom:4px solid var(--primary);padding-bottom:24px}html #main.article .prose{max-width:68ch;color:var(--ink);font-size:1rem;line-height:1.625}html #main.article .prose h2{letter-spacing:-.025em;margin:48px 0 16px;font-size:clamp(1.75rem,3.2vw,2.25rem);line-height:1.19}html #main.article .prose h3{margin:32px 0 8px;font-size:1.25rem;line-height:1.4}html #main.article .prose a,html #main.legal a:not(.back){color:var(--ink);text-decoration:underline;text-decoration-color:var(--primary);text-underline-offset:4px;font-weight:600;text-decoration-thickness:2px}html #main.article .prose a:hover,html #main.legal a:not(.back):hover{text-decoration-color:var(--ink)}html #main.article .prose blockquote{border-left:4px solid var(--primary);background:var(--accent);border-radius:0 var(--radius) var(--radius) 0;color:var(--ink);padding:16px 20px}html #main.article .prose table{border:1px solid var(--border);border-radius:var(--radius);font-size:.9375rem}html #main.article .prose th{background:var(--ink);color:#fff;font-weight:600}html #main.article .prose td{border-bottom-color:var(--border)}html #main.article .prose code{background:var(--accent);border:1px solid var(--border)}html #main.article .prose hr{border-top:1px solid var(--line);margin:48px 0}html #main.article .back,html #main.legal .back{color:var(--ink);text-decoration:underline;text-decoration-color:var(--primary);text-underline-offset:4px;font-weight:600;text-decoration-thickness:2px}html #main.blog .section-lead{color:var(--muted)}html #main.blog .list{gap:32px}html #main.legal .container{max-width:808px}html #main.legal .muted{margin-top:8px}html #main.legal h2{margin-top:48px;font-size:clamp(1.375rem,2.4vw,1.75rem);line-height:1.25}html #main.legal p{color:var(--ink);font-size:1rem;line-height:1.625}.card.post{border:1px solid var(--border);border-radius:var(--radius);background:var(--paper)}.card.post .kind{letter-spacing:.04em;color:var(--ink);align-items:center;gap:12px;font-size:.75rem;font-weight:700;display:flex}.card.post .kind:after{content:"";opacity:.45;background:currentColor;flex:1;height:1px}.card.post:hover h2{text-decoration:underline;text-decoration-color:var(--primary);text-underline-offset:4px;text-decoration-thickness:2px}.card.post .date{color:var(--muted);font-size:.75rem}@media (width<=1023px){html #main.blog .list{gap:24px}}@media (width<=639px){html #main.blog .list{gap:16px}}.logo[data-astro-cid-f7espo7c]{color:var(--ink,var(--text));align-items:center;display:inline-flex}.logo-art[data-astro-cid-f7espo7c]{flex:none;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}}