:root{--color-gray-50: oklch(.985 0 0);--color-gray-100: oklch(.97 0 0);--color-gray-200: oklch(.922 0 0);--color-gray-300: oklch(.87 0 0);--color-gray-400: oklch(.708 0 0);--color-gray-500: oklch(.556 0 0);--color-gray-600: oklch(.439 0 0);--color-gray-700: oklch(.371 0 0);--color-gray-800: oklch(.269 0 0);--color-gray-900: oklch(.205 0 0);--color-cyan-50: #ecfeff;--color-cyan-100: #cffafe;--color-cyan-300: #67e8f9;--color-cyan-400: #22d3ee;--color-cyan-500: #06b6d4;--color-cyan-700: #0e7490;--background: var(--color-gray-50);--surface: #ffffff;--surface-container-low: var(--color-gray-50);--surface-container-high: var(--color-gray-100);--surface-container-highest: var(--color-gray-200);--outline: var(--color-gray-200);--outline-variant: var(--color-gray-100);--outline-strong: var(--color-gray-300);--outline-hover: var(--color-gray-400);--primary: var(--color-gray-900);--primary-hover: var(--color-gray-800);--primary-active: var(--color-gray-700);--on-primary: #ffffff;--accent: var(--color-cyan-500);--accent-hover: var(--color-cyan-700);--accent-mark: var(--color-cyan-400);--accent-container: var(--color-cyan-50);--accent-container-hover: var(--color-cyan-100);--on-accent: #ffffff;--on-error: #ffffff;--font-sans: "Inter", system-ui, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-snug: 1.43;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--control-height-sm: 32px;--control-height-md: 38px;--control-height-lg: 44px;--control-padding-x: .875rem;--control-radius: var(--radius-md);--table-cell-x: 1rem;--table-cell-y: .75rem;--space-0: 0px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-soft: 0 4px 6px -1px rgba(23, 23, 23, .05), 0 2px 4px -2px rgba(23, 23, 23, .05);--shadow-card: 0 10px 15px -3px rgba(23, 23, 23, .05), 0 4px 6px -4px rgba(23, 23, 23, .05);--shadow-pop: 0 25px 50px -12px rgba(23, 23, 23, .2);--border-default: 1px solid var(--outline);--border-strong: 1px solid var(--outline-strong);--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--sidebar-width: 224px;--topbar-height: 60px;--hf-sidebar-bg: #0c0c0d;--hf-sidebar-fg: #f5f5f5;--hf-sidebar-muted: #818182;--hf-sidebar-dim: #525252;--hf-sidebar-hover: #1f1f22;--hf-sidebar-active-bg: #26262a;--hf-sidebar-divider: #1f1f22;--hf-sidebar-item: #a1a1a1;--hf-sidebar-accent: #22d3ee;--status-paid-fg: #157f3c;--status-paid-bg: #e8f5ed;--status-paid-bd: #b8e0c5;--status-due-fg: #8a6d00;--status-due-bg: #fff8d6;--status-due-bd: #f0dc70;--status-overdue-fg: #a32525;--status-overdue-bg: #fdebec;--status-overdue-bd: #f4c0c4;--status-sent-fg: #1e5bb8;--status-sent-bg: #e6efff;--status-sent-bd: #b8d0f5;--status-void-fg: #525252;--status-void-bg: #f0f0f0;--status-void-bd: #d4d4d4;--status-draft-fg: #525252;--status-draft-bg: #fafafa;--status-draft-bd: #d4d4d4;--status-lead-fg: #604274;--status-lead-bg: #f9e5ff;--status-lead-bd: #e0bdf0;--notice-danger-bg: #fef2f2;--notice-danger-bd: #fecaca;--notice-danger-fg: #b91c1c;--notice-danger-fill-bg: #fee2e2;--notice-danger-fill-bd: #fca5a5;--notice-danger-fill-fg: #991b1b;--notice-alert-fg: #ef4444;--notice-warning-bg: #fffbeb;--notice-warning-bd: #fde68a;--notice-warning-fg: #92400e;--notice-warning-fill-bg: #fef3c7;--notice-warning-fill-bd: #fcd34d;--notice-warning-fill-fg: #b45309;--notice-success-bg: #f0fdf4;--notice-success-bd: #86efac;--notice-success-fg: #166534;--notice-success-fill-bg: #dcfce7;--notice-success-fill-fg: #15803d;--notice-tick-bg: #16a34a;--notice-tick-fg: #ffffff;--sync-clean-fg: #737373;--sync-pending-fg: #0e7490;--sync-pending-bg: #ecfeff;--sync-pending-bd: #67e8f9;--sync-conflict-fg: #8a3a00;--sync-conflict-bg: #fff3e6;--sync-conflict-bd: #ffc88a;--lesson-mint-bg: #e7f7ee;--lesson-mint-bd: #b5e2c6;--lesson-mint-fg: #0f5732;--lesson-sky-bg: #e3f4fb;--lesson-sky-bd: #a7d8ec;--lesson-sky-fg: #0d4866;--lesson-lilac-bg: #efeafb;--lesson-lilac-bd: #cabceb;--lesson-lilac-fg: #44267c;--lesson-peach-bg: #fdecdf;--lesson-peach-bd: #f4c69b;--lesson-peach-fg: #6a3306;--lesson-amber-bg: #fbf3d6;--lesson-amber-bd: #ecd673;--lesson-amber-fg: #5a4400}[data-theme=dark]{--color-gray-50: #0c0c0d;--color-gray-100: #0f0f10;--color-gray-200: #1b1b1c;--color-gray-300: #272728;--color-gray-400: #535354;--color-gray-500: #818182;--color-gray-600: #a6a6a7;--color-gray-700: #bcbcbd;--color-gray-800: #dfdfdf;--color-gray-900: #f5f5f5;--color-cyan-50: #030f0f;--color-cyan-100: #001b1e;--color-cyan-300: #00474f;--color-cyan-400: #006b7a;--color-cyan-500: #0099b2;--color-cyan-700: #e8f8ff;--surface: var(--color-gray-200);--surface-container-low: var(--color-gray-100);--surface-container-high: var(--color-gray-300);--surface-container-highest: var(--color-gray-300);--outline: var(--color-gray-300);--outline-variant: var(--color-gray-300);--outline-strong: var(--color-gray-400);--outline-hover: var(--color-gray-500);--on-primary: var(--color-gray-50);--accent-mark: var(--color-cyan-500);--accent-container: var(--color-cyan-100);--accent-container-hover: var(--color-cyan-300);--on-accent: var(--color-gray-50);--on-error: var(--color-gray-50);--status-paid-fg: #5cbb74;--status-paid-bg: #131b16;--status-paid-bd: #21402c;--status-due-fg: #b79941;--status-due-bg: #191502;--status-due-bd: #3c3300;--status-overdue-fg: #ff8f85;--status-overdue-bg: #201717;--status-overdue-bd: #543034;--status-sent-fg: #7dafff;--status-sent-bg: #161b24;--status-sent-bd: #2c3d58;--status-void-fg: #bebebe;--status-void-bg: #191919;--status-void-bd: #383838;--status-draft-fg: #bebebe;--status-draft-bg: #131313;--status-draft-bd: #383838;--status-lead-fg: #d2b0ea;--status-lead-bg: #221725;--status-lead-bd: #4d3258;--notice-danger-bg: #1a1414;--notice-danger-bd: #4c282a;--notice-danger-fg: #ff7c6e;--notice-danger-fill-bg: #29191a;--notice-danger-fill-bd: #723033;--notice-danger-fill-fg: #ff9f94;--notice-alert-fg: #e3373a;--notice-warning-bg: #151209;--notice-warning-bd: #332a00;--notice-warning-fg: #f4996d;--notice-warning-fill-bg: #1e1700;--notice-warning-fill-bd: #423400;--notice-warning-fill-fg: #e07b3f;--notice-success-bg: #0e1511;--notice-success-bd: #004423;--notice-success-fg: #85cf98;--notice-success-fill-bg: #091c11;--notice-success-fill-fg: #5bba73;--notice-tick-bg: #228440;--notice-tick-fg: #1f1f1f;--sync-clean-fg: #999999;--sync-pending-fg: #5bb2cf;--sync-pending-bg: #0b1516;--sync-pending-bd: #004249;--sync-conflict-fg: #fba173;--sync-conflict-bg: #1b150d;--sync-conflict-bd: #513000;--lesson-mint-bg: #111a15;--lesson-mint-bd: #1c402c;--lesson-mint-fg: #98dbaf;--lesson-sky-bg: #111b1f;--lesson-sky-bd: #184250;--lesson-sky-fg: #a1d9fd;--lesson-lilac-bg: #1d1a23;--lesson-lilac-bd: #493d60;--lesson-lilac-fg: #dad0ff;--lesson-peach-bg: #211810;--lesson-peach-bd: #54330d;--lesson-peach-fg: #ffbf97;--lesson-amber-bg: #1c1706;--lesson-amber-bd: #413600;--lesson-amber-fg: #e1c88d}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-gray-50: #0c0c0d;--color-gray-100: #0f0f10;--color-gray-200: #1b1b1c;--color-gray-300: #272728;--color-gray-400: #535354;--color-gray-500: #818182;--color-gray-600: #a6a6a7;--color-gray-700: #bcbcbd;--color-gray-800: #dfdfdf;--color-gray-900: #f5f5f5;--color-cyan-50: #030f0f;--color-cyan-100: #001b1e;--color-cyan-300: #00474f;--color-cyan-400: #006b7a;--color-cyan-500: #0099b2;--color-cyan-700: #e8f8ff;--surface: var(--color-gray-200);--surface-container-low: var(--color-gray-100);--surface-container-high: var(--color-gray-300);--surface-container-highest: var(--color-gray-300);--outline: var(--color-gray-300);--outline-variant: var(--color-gray-300);--outline-strong: var(--color-gray-400);--outline-hover: var(--color-gray-500);--on-primary: var(--color-gray-50);--accent-mark: var(--color-cyan-500);--accent-container: var(--color-cyan-100);--accent-container-hover: var(--color-cyan-300);--on-accent: var(--color-gray-50);--on-error: var(--color-gray-50);--status-paid-fg: #5cbb74;--status-paid-bg: #131b16;--status-paid-bd: #21402c;--status-due-fg: #b79941;--status-due-bg: #191502;--status-due-bd: #3c3300;--status-overdue-fg: #ff8f85;--status-overdue-bg: #201717;--status-overdue-bd: #543034;--status-sent-fg: #7dafff;--status-sent-bg: #161b24;--status-sent-bd: #2c3d58;--status-void-fg: #bebebe;--status-void-bg: #191919;--status-void-bd: #383838;--status-draft-fg: #bebebe;--status-draft-bg: #131313;--status-draft-bd: #383838;--status-lead-fg: #d2b0ea;--status-lead-bg: #221725;--status-lead-bd: #4d3258;--notice-danger-bg: #1a1414;--notice-danger-bd: #4c282a;--notice-danger-fg: #ff7c6e;--notice-danger-fill-bg: #29191a;--notice-danger-fill-bd: #723033;--notice-danger-fill-fg: #ff9f94;--notice-alert-fg: #e3373a;--notice-warning-bg: #151209;--notice-warning-bd: #332a00;--notice-warning-fg: #f4996d;--notice-warning-fill-bg: #1e1700;--notice-warning-fill-bd: #423400;--notice-warning-fill-fg: #e07b3f;--notice-success-bg: #0e1511;--notice-success-bd: #004423;--notice-success-fg: #85cf98;--notice-success-fill-bg: #091c11;--notice-success-fill-fg: #5bba73;--notice-tick-bg: #228440;--notice-tick-fg: #1f1f1f;--sync-clean-fg: #999999;--sync-pending-fg: #5bb2cf;--sync-pending-bg: #0b1516;--sync-pending-bd: #004249;--sync-conflict-fg: #fba173;--sync-conflict-bg: #1b150d;--sync-conflict-bd: #513000;--lesson-mint-bg: #111a15;--lesson-mint-bd: #1c402c;--lesson-mint-fg: #98dbaf;--lesson-sky-bg: #111b1f;--lesson-sky-bd: #184250;--lesson-sky-fg: #a1d9fd;--lesson-lilac-bg: #1d1a23;--lesson-lilac-bd: #493d60;--lesson-lilac-fg: #dad0ff;--lesson-peach-bg: #211810;--lesson-peach-bd: #54330d;--lesson-peach-fg: #ffbf97;--lesson-amber-bg: #1c1706;--lesson-amber-bd: #413600;--lesson-amber-fg: #e1c88d}}:root{--site-display: clamp(2.5rem, 1.45rem + 3.4vw, 3.75rem);--site-h2: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem);--site-lede: 1.125rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-gray-900);background:var(--surface);min-height:100vh}img,svg{max-width:100%}:where(main) a:where(:not(.btn)){color:var(--color-gray-900);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:var(--color-gray-400);transition:text-decoration-color var(--transition-fast),color var(--transition-fast)}:where(main) a:where(:not(.btn)):hover{text-decoration-color:var(--color-cyan-700);color:var(--color-cyan-700)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--color-cyan-700);outline-offset:2px;border-radius:var(--radius-sm)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-4);top:calc(var(--space-4) * -1 - 48px);z-index:20;background:var(--color-gray-900);color:var(--on-primary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-4)}.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 var(--space-6)}.site-header{position:sticky;top:0;z-index:10;background:color-mix(in oklab,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:var(--border-default)}.site-header .wrap{display:flex;align-items:center;gap:var(--space-4);min-height:var(--topbar-height)}.brand{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none;color:inherit;margin-right:auto}.brand-mark{width:28px;height:28px;border-radius:var(--radius-full);background:conic-gradient(from 0deg,var(--color-cyan-500) 0%,var(--color-cyan-300) 30%,#a78bfa 60%,var(--color-cyan-500) 100%);flex-shrink:0}.brand-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:-.02em}.nav{display:flex;align-items:center;gap:var(--space-2)}.nav a{display:inline-flex;align-items:center;height:var(--control-height-sm);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-gray-600);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:color var(--transition-fast),background var(--transition-fast)}.nav a:hover{color:var(--color-gray-900);background:var(--color-gray-100)}.nav a[aria-current=page]{color:var(--color-gray-900)}.nav-toggle{display:none;align-items:center;justify-content:center;width:var(--control-height-sm);height:var(--control-height-sm);border:var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--color-gray-700);cursor:pointer}@media (max-width: 719px){.nav-toggle{display:inline-flex}.nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:var(--space-1);padding:var(--space-3) var(--space-6) var(--space-4);background:var(--surface);border-bottom:var(--border-default);box-shadow:var(--shadow-card)}.nav.is-open{display:flex}.nav a,.nav .btn{height:var(--control-height-md);justify-content:flex-start}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--control-height-md);padding:0 var(--control-padding-x);border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn-lg{height:var(--control-height-lg);padding:0 var(--space-5);font-size:var(--font-size-base)}.btn-primary{background:var(--color-gray-900);color:var(--on-primary);border-color:var(--color-gray-900)}.btn-primary:hover{background:var(--color-gray-800);border-color:var(--color-gray-800)}.nav a.btn-primary{color:var(--on-primary)}.nav a.btn-primary:hover{background:var(--color-gray-800);border-color:var(--color-gray-800);color:var(--on-primary)}.btn-secondary{background:transparent;color:var(--color-gray-700);border-color:var(--color-gray-300)}.btn-secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-gray-900)}.section{padding:var(--space-16) 0;border-top:var(--border-default)}@media (min-width: 720px){.section{padding:var(--space-24) 0}}.section-tight{padding:var(--space-16) 0}.section-head{max-width:46rem;margin-bottom:var(--space-12)}.section-head-center{margin-left:auto;margin-right:auto;text-align:center}.section-head-center .lede{margin-left:auto;margin-right:auto}h1,h2,h3{letter-spacing:-.02em;line-height:var(--line-height-tight);text-wrap:balance}.h-page{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.h-section{font-size:var(--site-h2);font-weight:var(--font-weight-bold);letter-spacing:-.028em}.h-card{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.lede{font-size:var(--site-lede);line-height:var(--line-height-relaxed);color:var(--color-gray-600);max-width:42rem;margin-top:var(--space-4)}.eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--color-cyan-700);margin-bottom:var(--space-4)}.hero{padding:var(--space-20) 0 var(--space-16)}.hero h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);max-width:18ch}@media (min-width: 720px){.hero{padding:var(--space-24) 0 var(--space-20)}.hero h1{font-size:var(--font-size-3xl)}}.hero .lede{max-width:38rem}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}.status-note{display:flex;align-items:baseline;gap:var(--space-2);margin-top:var(--space-8);padding:var(--space-3) var(--space-4);border:1px solid var(--sync-pending-bd);background:var(--sync-pending-bg);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-gray-700);max-width:38rem}.status-note strong{color:var(--sync-pending-fg);font-weight:var(--font-weight-semibold)}.grid{display:grid;gap:var(--space-5);grid-template-columns:1fr}@media (min-width: 640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 960px){.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.card{border:var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);background:var(--surface);box-shadow:var(--shadow-soft)}.card p{margin-top:var(--space-3);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-gray-600)}.split{display:grid;gap:var(--space-10);grid-template-columns:1fr}@media (min-width: 860px){.split{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-12)}}.split p{margin-top:var(--space-4);color:var(--color-gray-600);line-height:var(--line-height-relaxed)}.split p+p{margin-top:var(--space-3)}.ticks{list-style:none;margin-top:var(--space-4);display:grid;gap:var(--space-2-5)}.ticks li{position:relative;padding-left:var(--space-6);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-gray-700)}.ticks li:before{content:"";position:absolute;left:0;top:.45em;width:10px;height:6px;border-left:2px solid var(--color-cyan-700);border-bottom:2px solid var(--color-cyan-700);transform:rotate(-45deg)}.nots{list-style:none;display:grid;gap:var(--space-2-5);margin-top:var(--space-4)}@media (min-width: 720px){.nots{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-8)}}.nots li{position:relative;padding-left:var(--space-6);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-gray-600);border-bottom:var(--border-default);padding-bottom:var(--space-2-5)}.nots li:before{content:"";position:absolute;left:0;top:.62em;width:10px;height:2px;background:var(--color-gray-400)}.nots b{color:var(--color-gray-900);font-weight:var(--font-weight-semibold)}.feature-block{display:grid;gap:var(--space-4);padding:var(--space-8) 0;border-top:var(--border-default);grid-template-columns:1fr}@media (min-width: 860px){.feature-block{grid-template-columns:16rem minmax(0,1fr);gap:var(--space-10)}}.feature-block>div>p{color:var(--color-gray-600);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-top:var(--space-2)}.faq{display:grid;gap:var(--space-2);margin-top:var(--space-6)}.faq details{border:var(--border-default);border-radius:var(--radius-lg);background:var(--surface)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";width:8px;height:8px;flex-shrink:0;border-right:2px solid var(--color-gray-500);border-bottom:2px solid var(--color-gray-500);transform:rotate(45deg) translate(-2px,-2px);transition:transform var(--transition-fast)}.faq details[open] summary:after{transform:rotate(-135deg) translate(-2px,-2px)}.faq details>p{padding:0 var(--space-5) var(--space-5);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-gray-600);max-width:46rem}.closer{border:var(--border-default);border-radius:var(--radius-2xl);background:var(--color-gray-50);padding:var(--space-10) var(--space-8);text-align:center}.closer .lede{margin-left:auto;margin-right:auto}.closer .hero-actions{justify-content:center}.site-footer{border-top:var(--border-default);padding:var(--space-10) 0 var(--space-16);color:var(--color-gray-500);font-size:var(--font-size-sm)}.site-footer .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4) var(--space-6)}.site-footer nav{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-left:auto}.site-footer a{color:var(--color-gray-600);text-decoration:none;font-weight:var(--font-weight-medium)}.site-footer a:hover{color:var(--color-gray-900);text-decoration:underline}.centred{padding:var(--space-24) 0;text-align:center}.centred .lede{margin-left:auto;margin-right:auto}.centred .hero-actions{justify-content:center}.hero-grid{display:grid;gap:var(--space-10);grid-template-columns:1fr;align-items:center}@media (min-width: 960px){.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--space-12)}}.micro{margin-top:var(--space-4);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-gray-600);max-width:36rem}.micro a{color:var(--color-gray-900);font-weight:var(--font-weight-medium)}.closer-micro{margin-left:auto;margin-right:auto}.shot{margin:var(--space-6) 0 0}.shot-frame{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);aspect-ratio:4 / 3;width:100%;padding:var(--space-4);text-align:center;border:2px dashed var(--color-gray-300);border-radius:var(--radius-xl);background:repeating-linear-gradient(45deg,var(--color-gray-50),var(--color-gray-50) 10px,var(--surface) 10px,var(--surface) 20px)}.shot-wide .shot-frame{aspect-ratio:16 / 10}.shot-tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-gray-500)}.shot-what{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}.shot-ratio{font-size:var(--font-size-xs);color:var(--color-gray-400)}.steps{list-style:none;display:grid;gap:var(--space-8);grid-template-columns:1fr}@media (min-width: 860px){.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8)}}.step{display:flex;flex-direction:column}.step-n{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-bottom:var(--space-3);border-radius:var(--radius-full);background:var(--color-gray-900);color:var(--on-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.step>p:not(.step-n){margin-top:var(--space-3);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-gray-600)}.step .shot{margin-top:auto;padding-top:var(--space-6)}.price{display:grid;gap:var(--space-8);grid-template-columns:1fr;align-items:start}@media (min-width: 860px){.price{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--space-10)}}.price-card{border:var(--border-strong);border-radius:var(--radius-2xl);background:var(--surface);padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-card)}@media (min-width: 640px){.price-card{padding:var(--space-10) var(--space-8)}}.price-eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-cyan-700)}.price-figure{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.price-amount{font-size:var(--site-display);font-weight:var(--font-weight-bold);letter-spacing:-.035em;line-height:var(--line-height-tight)}.price-per{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-600)}.price-sub{margin-top:var(--space-3);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-gray-600);max-width:34rem}.price-sub strong{color:var(--color-gray-900);font-weight:var(--font-weight-semibold)}.price-card .ticks{margin-top:var(--space-6)}.price-card .hero-actions{margin-top:var(--space-8)}.price-aside h3{margin-bottom:var(--space-3)}.price-aside p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-gray-600)}.qa-head{margin-top:var(--space-12)}.compare{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media (min-width: 860px){.compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8)}}.compare-col{border:var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);background:var(--surface)}.compare-h{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-gray-500)}.nots-single{grid-template-columns:1fr}@media (min-width: 720px){.nots-single{grid-template-columns:1fr}}.compare-col .nots li:last-child,.compare-col .ticks li:last-child{border-bottom:0;padding-bottom:0}.aside-note{margin-top:var(--space-8);padding:var(--space-4) var(--space-5);border:var(--border-default);border-left:3px solid var(--color-gray-400);border-radius:var(--radius-lg);background:var(--color-gray-50);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-gray-700);max-width:46rem}.aside-note strong{color:var(--color-gray-900);font-weight:var(--font-weight-semibold)}.table-scroll{overflow-x:auto;margin-top:var(--space-6);border:var(--border-default);border-radius:var(--radius-xl);background:var(--surface)}table.compare-table{width:100%;min-width:36rem;border-collapse:collapse;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.compare-table caption{text-align:left;padding:var(--space-4) var(--space-5);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.compare-table th,.compare-table td{text-align:left;vertical-align:top;padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-gray-200)}.compare-table thead th{border-top:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-gray-500)}.compare-table tbody th{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.res-list{list-style:none;margin:var(--space-6) 0 0;padding:0;max-width:46rem}.res-list li{padding:var(--space-4) 0;border-bottom:1px solid var(--color-gray-200)}.res-list li:first-child{border-top:1px solid var(--color-gray-200)}.res-list a{font-weight:var(--font-weight-semibold)}.res-list p{margin:var(--space-1) 0 0;font-size:var(--font-size-sm);color:var(--color-gray-600)}.template-doc{margin-top:var(--space-6);padding:var(--space-6);border:var(--border-default);border-radius:var(--radius-xl);background:var(--surface);max-width:46rem}.template-doc h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:var(--space-5) 0 var(--space-2)}.template-doc h3:first-child{margin-top:0}.template-doc p,.template-doc li{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-gray-700)}.template-doc ul,.template-doc ol{margin:var(--space-2) 0;padding-left:var(--space-5)}@media print{.site-header,.site-footer,.hero-actions,.closer,.no-print{display:none!important}body{background:var(--surface)}.wrap{max-width:none}.template-doc{border:0;padding:0;max-width:none}a{text-decoration:none;color:inherit}}.hero-band{position:relative;overflow:hidden;background:radial-gradient(60% 70% at 85% 0%,rgba(6,182,212,.14) 0%,transparent 65%),radial-gradient(45% 55% at 0% 100%,rgba(167,139,250,.16) 0%,transparent 65%),var(--surface)}.hero-display h1{font-size:var(--site-display);max-width:16ch;letter-spacing:-.03em}.hero-display .lede{font-size:var(--font-size-lg);max-width:34rem}.hero-display>.wrap>.lede{max-width:44rem}@media (max-width: 719px){.hero-display .lede{font-size:var(--font-size-base)}}.eyebrow-accent{color:var(--color-cyan-700)}.facts{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin-top:var(--space-6);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.facts li{display:inline-flex;align-items:center;gap:var(--space-2)}.facts li:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-cyan-500)}.ladder-card{border:var(--border-strong);border-radius:var(--radius-2xl);background:var(--surface);padding:var(--space-6);box-shadow:var(--shadow-card)}@media (min-width: 640px){.ladder-card{padding:var(--space-8)}}.ladder-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-gray-500)}.ladder{list-style:none;display:grid;gap:var(--space-4);margin-top:var(--space-5)}.ladder li{display:grid;grid-template-columns:minmax(7rem,9rem) minmax(0,1fr) auto;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm)}.ladder-name{font-weight:var(--font-weight-medium);color:var(--color-gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ladder-bar{height:10px;width:var(--w, 0%);min-width:4px;background:var(--color-gray-400);border-radius:0 4px 4px 0;transition:width var(--transition-slow)}.ladder-value{font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold);color:var(--color-gray-900);text-align:right;white-space:nowrap}.ladder-value small{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-gray-500)}.ladder li.is-coda .ladder-name{color:var(--color-gray-900);font-weight:var(--font-weight-bold)}.ladder li.is-coda .ladder-bar{background:var(--color-cyan-700)}.ladder-note a,.saving-label a{color:var(--color-gray-700);font-weight:var(--font-weight-medium)}.ladder-note{margin-top:var(--space-5);padding-top:var(--space-4);border-top:var(--border-default);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);color:var(--color-gray-500)}.saving{margin-top:var(--space-5);display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-3)}.saving-figure{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:var(--line-height-tight);font-variant-numeric:tabular-nums}.saving-label{font-size:var(--font-size-sm);color:var(--color-gray-600);max-width:22rem}.switch-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr;margin-top:var(--space-8)}@media (min-width: 640px){.switch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 960px){.switch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.switch-card{position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);border:var(--border-default);border-radius:var(--radius-xl);background:var(--surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.switch-card:hover,.switch-card:focus-within{border-color:var(--color-gray-400);box-shadow:var(--shadow-soft)}.switch-from{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-gray-500)}.switch-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.switch-card h3 a{color:inherit;text-decoration:none}.switch-card h3 a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.switch-card p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-gray-600)}.switch-card .switch-price{margin-top:auto;padding-top:var(--space-3);font-size:var(--font-size-sm);color:var(--color-gray-700);font-variant-numeric:tabular-nums}.switch-card .switch-price b{color:var(--color-gray-900);font-weight:var(--font-weight-semibold)}.verdict{display:grid;gap:var(--space-5);grid-template-columns:1fr;margin-top:var(--space-8)}@media (min-width: 860px){.verdict{grid-template-columns:repeat(2,minmax(0,1fr))}}.verdict-col{border:var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);background:var(--surface)}.verdict-col.is-coda{border-top:3px solid var(--color-cyan-700)}.verdict-col h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.verdict-col .ticks,.verdict-col .nots{margin-top:var(--space-4)}.verdict-col .nots{grid-template-columns:1fr}.verdict-col .nots li:last-child{border-bottom:0;padding-bottom:0}.compare-table th.is-coda,.compare-table td.is-coda{background:var(--color-cyan-50)}.compare-table thead th.is-coda{color:var(--color-cyan-700)}.section-tint{background:var(--color-gray-50)}.checklist{list-style:none;counter-reset:step;display:grid;gap:var(--space-6);margin-top:var(--space-6);max-width:46rem}.checklist li{position:relative;padding-left:calc(28px + var(--space-4));counter-increment:step}.checklist li:before{content:counter(step);position:absolute;left:0;top:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-gray-900);color:var(--on-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.checklist h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:28px}.checklist p{margin-top:var(--space-2);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-gray-600)}.checklist p+p{margin-top:var(--space-2)}.section>.wrap>p:not([class]){margin-top:var(--space-4);max-width:46rem;line-height:var(--line-height-relaxed);color:var(--color-gray-700)}.footer-legal{flex-basis:100%;max-width:60rem;font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);color:var(--color-gray-500)}@media print{.switch-grid,.ladder-card,.footer-legal{display:none!important}}.hero-overlap{padding-bottom:var(--space-24)}@media (min-width: 720px){.hero-overlap{padding-bottom:calc(var(--space-24) + var(--space-12))}}.frame{border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-pop)}.frame img{display:block;width:100%;height:auto}.frame-soft{border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.showcase{position:relative;background:var(--color-gray-50);border-top:var(--border-default);padding:0 0 var(--space-16)}@media (min-width: 720px){.showcase{padding-bottom:var(--space-20)}}.showcase figure{position:relative;z-index:1;margin-top:calc(var(--space-16) * -1)}@media (min-width: 720px){.showcase figure{margin-top:calc(var(--space-24) * -1)}}.showcase .shot-frame{background-color:var(--surface)}.showcase-caption{margin:var(--space-6) auto 0;max-width:40rem;text-align:center;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-gray-600)}.showcase-caption b{color:var(--color-gray-900);font-weight:var(--font-weight-semibold)}.feature-grid{display:grid;gap:var(--space-5);grid-template-columns:1fr}@media (min-width: 760px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}}.feature{border:var(--border-default);border-radius:var(--radius-2xl);background:var(--surface);padding:var(--space-8);box-shadow:var(--shadow-soft)}.feature-label{display:inline-flex;align-items:center;height:24px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--color-cyan-50);color:var(--color-cyan-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase}.feature h3{margin-top:var(--space-4);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.feature p{margin-top:var(--space-3);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-gray-600)}.section-more{margin-top:var(--space-10);text-align:center;font-size:var(--font-size-base);color:var(--color-gray-600)}.steps-rows{grid-template-columns:1fr;gap:var(--space-16)}@media (min-width: 860px){.steps-rows{grid-template-columns:1fr;gap:var(--space-24)}.steps-rows .step{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:var(--space-12)}.steps-rows .step:nth-child(2n){grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.steps-rows .step:nth-child(2n) .step-text{order:2}}.steps-rows .step h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.steps-rows .step .step-text>p:not(.step-n){margin-top:var(--space-4);font-size:var(--site-lede);line-height:var(--line-height-relaxed);color:var(--color-gray-600)}.steps-rows .step .step-text>p.step-aside{margin-top:var(--space-4);padding-left:var(--space-4);border-left:2px solid var(--color-gray-200);font-size:var(--font-size-sm);color:var(--color-gray-500)}.steps-rows .step .shot{margin:var(--space-8) 0 0;padding:0}@media (min-width: 860px){.steps-rows .step .shot{margin:0}}.steps-rows .step-n{width:36px;height:36px;margin-bottom:var(--space-5);font-size:var(--font-size-sm)}@media (min-width: 960px){.switch-grid.switch-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}}.switch-grid-2 .switch-card{padding:var(--space-6)}.switch-grid-2 .switch-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.switch-more{margin-top:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-cyan-700)}.price-aside{border-radius:var(--radius-2xl);background:var(--color-gray-50);padding:var(--space-8)}.price-aside p+p{margin-top:var(--space-4)}.res-grid{list-style:none;display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width: 720px){.res-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}}.res-grid li{position:relative;padding:var(--space-6);border:var(--border-default);border-radius:var(--radius-xl);background:var(--surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.res-grid li:hover,.res-grid li:focus-within{border-color:var(--color-gray-400);box-shadow:var(--shadow-soft)}.res-grid a{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;text-decoration:none;color:var(--color-gray-900)}.res-grid a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.res-grid p{margin-top:var(--space-2);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-gray-600)}.closer-dark{border:0;background:radial-gradient(50% 90% at 100% 0%,rgba(6,182,212,.22) 0%,transparent 60%),radial-gradient(45% 80% at 0% 100%,rgba(167,139,250,.2) 0%,transparent 60%),var(--color-gray-900);color:var(--on-primary);padding:var(--space-16) var(--space-6)}@media (min-width: 720px){.closer-dark{padding:var(--space-20) var(--space-12)}}.closer-dark .lede{color:var(--color-gray-300)}.closer-dark .btn-primary{background:var(--surface);border-color:var(--surface);color:var(--color-gray-900)}.closer-dark .btn-primary:hover{background:var(--color-gray-100);border-color:var(--color-gray-100)}.closer-dark .micro,.closer-dark .micro a{color:var(--color-gray-300)}.closer-dark .micro a:hover{color:var(--on-primary);text-decoration-color:var(--on-primary)}