:root{--color-bg: #f6f4f0;--color-bg-elevated: #ffffff;--color-bg-muted: #edeae4;--color-text: #14151a;--color-text-secondary: #5a5d66;--color-text-tertiary: #8b8e98;--color-border: rgba(20, 21, 26, .08);--color-accent: #2d6efa;--color-accent-hover: #1e5ad4;--color-on-accent: #ffffff;--color-danger: #c53030;--canvas-ink: #000000;--canvas-poppy: #e24b4a;--canvas-amber: #ef9f27;--canvas-leaf: #639922;--canvas-pool: #378add;--canvas-iris: #7f77dd;--canvas-blossom: #d4537e;--canvas-stone: #888780;--font-display: "Fraunces", Georgia, serif;--font-ui: "Roboto", system-ui, sans-serif;--radius-card: 20px;--radius-btn: 12px;--max-width: 1120px;--max-prose: 42rem;--space-section: clamp(3rem, 8vw, 5rem)}[data-theme=dark]{--color-bg: #121418;--color-bg-elevated: #1a1d24;--color-bg-muted: #22262e;--color-text: #f2f1ed;--color-text-secondary: #a8abb3;--color-text-tertiary: #6e7179;--color-border: rgba(242, 241, 237, .1);--color-accent: #4c84fc;--color-accent-hover: #6b9aff;--color-on-accent: #ffffff;--color-danger: #fc8181}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;font-family:var(--font-ui);font-size:1.0625rem;line-height:1.65;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:var(--color-accent);text-decoration-thickness:1px;text-underline-offset:.15em}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.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}.sr-only:focus{position:fixed;width:auto;height:auto;margin:0;clip:auto;white-space:normal;z-index:9999;padding:.75rem 1rem;background:var(--color-bg-elevated);color:var(--color-text);border:2px solid var(--color-accent);border-radius:var(--radius-btn);top:.5rem;left:.5rem}.font-display{font-family:var(--font-display)}h1,.h1{font-family:var(--font-display);font-weight:600;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.12;letter-spacing:-.02em;margin:0 0 .75rem}h2,.h2{font-family:var(--font-display);font-weight:600;font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.2;letter-spacing:-.015em;margin:0 0 1rem}h3,.h3{font-family:var(--font-display);font-weight:600;font-size:1.5rem;line-height:1.25;margin:0 0 .5rem}h4,.h4{font-family:var(--font-ui);font-weight:700;font-size:1.125rem;line-height:1.35;margin:0 0 .5rem}.lead{font-size:1.125rem;line-height:1.55;color:var(--color-text-secondary);margin:0 0 1.5rem;max-width:36rem}.text-small{font-size:.9375rem;line-height:1.55}.text-muted{color:var(--color-text-secondary)}.wrap{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.wrap-prose{max-width:var(--max-prose);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--color-bg) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.5rem;padding-block:.65rem}.site-logo{font-family:var(--font-display);font-weight:600;font-size:1.35rem;letter-spacing:-.03em;color:var(--color-text);text-decoration:none}.site-logo:hover{text-decoration:none;color:var(--color-accent)}.site-nav{display:flex;align-items:center;gap:.5rem 1.25rem;flex-wrap:wrap;justify-content:flex-end}.site-nav a{font-weight:500;font-size:.9375rem;color:var(--color-text-secondary);text-decoration:none}.site-nav a:hover{color:var(--color-text);text-decoration:none}.site-nav a[aria-current=page]{color:var(--color-text)}.site-footer{border-top:1px solid var(--color-border);padding-block:2rem 2.5rem;margin-top:var(--space-section)}.site-footer__grid{display:flex;flex-wrap:wrap;gap:1.5rem 2rem;justify-content:space-between;align-items:flex-start}.site-footer__legal{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.site-footer__legal a{font-size:.9375rem;color:var(--color-text-secondary);text-decoration:none}.site-footer__legal a:hover{color:var(--color-accent);text-decoration:underline}.site-footer__note{font-size:.8125rem;color:var(--color-text-tertiary);margin:1rem 0 0;max-width:28rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-ui);font-weight:500;font-size:.9375rem;line-height:1.2;padding:.75rem 1.25rem;border-radius:var(--radius-btn);border:none;cursor:pointer;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn--primary{background:var(--color-accent);color:var(--color-on-accent)}.btn--primary:hover{background:var(--color-accent-hover);text-decoration:none}.btn--secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover{background:var(--color-bg-muted);text-decoration:none}.btn--icon{width:2.75rem;height:2.75rem;padding:0;border-radius:var(--radius-btn);background:var(--color-bg-muted);color:var(--color-text);border:1px solid var(--color-border)}.btn--icon:hover{background:var(--color-bg-elevated)}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:1.25rem 1.5rem}:root:not([data-theme=dark]) .card--shadow{box-shadow:0 8px 24px #14151a0f}.card p:last-child{margin-bottom:0}.hero{padding-block:clamp(2.5rem,6vw,4.5rem)}.hero__grid{display:grid;gap:2.5rem;align-items:center}@media(min-width:960px){.hero__grid{grid-template-columns:1fr 1fr;gap:3rem}}.hero__visual{position:relative;min-height:280px;border-radius:var(--radius-card);background:linear-gradient(135deg,#2d6efa1f,#7f77dd14,#ef9f270f);border:1px solid var(--color-border);overflow:hidden}[data-theme=dark] .hero__visual{background:linear-gradient(135deg,#4c84fc26,#7f77dd1a)}.hero__svg{position:absolute;inset:10%;width:80%;height:80%}.hero__svg path{fill:none;stroke:var(--color-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}@media(prefers-reduced-motion:no-preference){.hero__svg path{stroke-dasharray:800;stroke-dashoffset:800;animation:draw-line 2.2s ease forwards .3s}}@keyframes draw-line{to{stroke-dashoffset:0}}.canvas-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:1.25rem}.canvas-chips span{width:14px;height:14px;border-radius:50%;border:1px solid var(--color-border)}.canvas-chips__label{font-size:.8125rem;color:var(--color-text-tertiary);margin-left:.35rem}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.section{padding-block:var(--space-section)}.section--muted{background:var(--color-bg-muted);border-block:1px solid var(--color-border)}.steps{display:grid;gap:1.25rem}@media(min-width:640px){.steps{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.steps{grid-template-columns:repeat(4,1fr)}}.step-label{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.35rem}.prose{padding-block:2rem 4rem}.prose h2{margin-top:2.5rem;margin-bottom:.75rem;font-size:1.35rem}.prose h2:first-child{margin-top:0}.prose h3{font-family:var(--font-ui);font-size:1.05rem;font-weight:700;margin-top:1.75rem;margin-bottom:.5rem}.prose p,.prose li{color:var(--color-text-secondary)}.prose ul,.prose ol{padding-left:1.25rem}.prose li{margin-bottom:.35rem}.prose .todo{padding:.75rem 1rem;border-radius:var(--radius-btn);background:var(--color-bg-muted);border-left:3px solid var(--color-danger);color:var(--color-text);margin:1rem 0;font-size:.9375rem}.prose strong{color:var(--color-text)}.site-header__end[data-astro-cid-ctg3m53h]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.theme-toggle__moon[data-astro-cid-x3pjskd3],[data-astro-cid-x3pjskd3][data-theme=dark] .theme-toggle__sun[data-astro-cid-x3pjskd3]{display:none}[data-astro-cid-x3pjskd3][data-theme=dark] .theme-toggle__moon[data-astro-cid-x3pjskd3]{display:inline}