:root{--violet-100:#ded3fd;--violet-200:#c5b1fb;--violet-300:#a181f8;--violet-400:#7d51f6;--violet-50:#f1ecfe;--violet-500:#5c25f4;--violet-600:#440cdf;--violet-700:#3709b3;--violet-800:#280783;--violet-900:#190452;--pink-100:#fdd3e3;--pink-200:#fbb1cc;--pink-300:#f881ad;--pink-400:#f6518d;--pink-50:#feecf2;--pink-500:#f42571;--pink-600:#df0c59;--pink-700:#b30948;--pink-800:#830734;--pink-900:#520421;--yellow-100:#fff4d1;--yellow-200:#ffebad;--yellow-300:#ffde7a;--yellow-400:#ffd147;--yellow-50:#fffaeb;--yellow-500:#ffc61a;--yellow-600:#ebb000;--yellow-700:#bd8e00;--yellow-800:#8a6700;--yellow-900:#574100;--mint-100:#d6faf1;--mint-200:#b6f6e6;--mint-300:#89f0d7;--mint-400:#5cebc7;--mint-50:#edfdf9;--mint-500:#33e6b9;--mint-600:#1ad1a3;--mint-700:#15a883;--mint-800:#0f7b60;--mint-900:#0a4d3c;--ink-100:#e6e3ed;--ink-200:#d2cddf;--ink-300:#b5aecb;--ink-400:#998fb7;--ink-50:#f4f3f7;--ink-500:#8073a5;--ink-600:#685b8f;--ink-700:#544a73;--ink-800:#3d3654;--ink-900:#272235}@font-face{font-family:inter;src:url(/fonts/inter-latin-wght-normal.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--text-xs:0.8125rem;--text-sm:0.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.625rem;--text-2xl:2.125rem;--text-3xl:clamp(2.25rem, 5vw, 3.25rem);--text-4xl:clamp(2.5rem, 7vw, 4.5rem);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--radius-sm:8px;--radius-md:16px;--radius-lg:28px;--radius-pill:999px;--shadow-1:0 1px 2px rgb(39 34 53 / 0.08), 0 1px 3px rgb(39 34 53 / 0.06);--shadow-2:0 6px 18px rgb(39 34 53 / 0.12);--shadow-3:0 16px 40px rgb(39 34 53 / 0.18);--width-text:44rem;--width-wide:72rem}:root{--bg:#ffffff;--surface:var(--ink-50);--surface-raised:#ffffff;--border:var(--ink-100);--text:var(--ink-900);--text-muted:var(--ink-600);--primary:var(--violet-500);--primary-strong:var(--violet-600);--on-primary:#ffffff;--link:var(--violet-600);--accent:var(--pink-600);--on-accent:#ffffff;--highlight:var(--yellow-300);--on-highlight:var(--ink-900);--fresh:var(--mint-300);--on-fresh:var(--ink-900);--hero-bg:var(--violet-600);--on-hero:#ffffff;--focus:var(--violet-600)}@media(prefers-color-scheme:dark){:root{--bg:var(--ink-900);--surface:#2f2a42;--surface-raised:#342e49;--border:var(--ink-700);--text:var(--ink-50);--text-muted:var(--ink-300);--primary:var(--violet-400);--primary-strong:var(--violet-300);--on-primary:var(--ink-900);--link:var(--violet-200);--accent:var(--pink-400);--on-accent:var(--ink-900);--hero-bg:var(--violet-800);--focus:var(--yellow-300)}}*,*::before,*::after{box-sizing:border-box}html{font-size:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-md);line-height:1.65;min-height:100vh;display:flex;flex-direction:column;font-feature-settings:"cv11","ss03"}main{flex:1}h1,h2,h3,h4{line-height:1.15;letter-spacing:-.02em;font-weight:800;margin:var(--space-6)0 var(--space-3)}h1{font-size:var(--text-3xl);margin-top:0}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p,ul,ol{margin:0 0 var(--space-4)}a{color:var(--link);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}img{max-width:100%;height:auto}::selection{background:var(--highlight);color:var(--on-highlight)}.skip-link{position:absolute;left:-999px;top:0;background:var(--primary);color:var(--on-primary);padding:var(--space-2)var(--space-4);z-index:20}.skip-link:focus{left:var(--space-4);top:var(--space-2)}.container,.container-wide{width:100%;margin-inline:auto;padding-inline:var(--space-4)}.container{max-width:calc(var(--width-text) + 2 * var(--space-4))}.container-wide{max-width:calc(var(--width-wide) + 2 * var(--space-4))}.section{padding-block:var(--space-7)}.prose{overflow-wrap:break-word}.prose blockquote{margin:var(--space-5)0;padding:var(--space-3)var(--space-5);border-left:6px solid var(--accent);background:var(--surface);border-radius:0 var(--radius-sm)var(--radius-sm)0}.page-head{margin-bottom:var(--space-6)}.lead{font-size:var(--text-lg);color:var(--text-muted);margin:0}.meta{color:var(--text-muted);font-size:var(--text-sm);margin:0 0 var(--space-2)}.site-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)var(--space-5);padding-block:var(--space-3)}.site-name{font-weight:800;font-size:var(--text-lg);letter-spacing:-.02em;color:var(--text);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2)}.site-name::before{content:"";width:.9em;height:.9em;border-radius:30% 70% 60% 40%;background:linear-gradient(135deg,var(--pink-500),var(--yellow-400))}.menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-1)var(--space-2)}.menu a{display:inline-block;color:var(--text);text-decoration:none;font-weight:600;padding:var(--space-1)var(--space-3);border-radius:var(--radius-pill)}.menu a:hover{background:var(--surface)}.menu a[aria-current=page]{background:var(--highlight);color:var(--on-highlight)}.site-footer{margin-top:var(--space-8);background:var(--ink-900);color:var(--ink-200);font-size:var(--text-sm)}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2)var(--space-5);padding-block:var(--space-5)}.footer-inner p{margin:0}.site-footer a{color:var(--ink-50)}.site-footer .menu a{color:var(--ink-50);font-weight:500}.site-footer .menu a:hover{background:var(--ink-800)}.btn{display:inline-block;padding:var(--space-3)var(--space-5);border-radius:var(--radius-pill);font-weight:700;text-decoration:none;border:2px solid transparent;transition:transform .12s ease,box-shadow .12s ease}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-accent{background:var(--accent);color:var(--on-accent)}.btn-secondary{background:0 0;color:var(--text);border-color:initial}.btn-highlight{background:var(--highlight);color:var(--on-highlight)}.hero{position:relative;overflow:hidden;background:var(--hero-bg);color:var(--on-hero);isolation:isolate}.hero::before,.hero::after{content:"";position:absolute;z-index:-1;border-radius:50%}.hero::before{width:30rem;height:30rem;right:-8rem;top:-10rem;background:var(--pink-500);opacity:.85}.hero::after{width:16rem;height:16rem;right:12%;bottom:-8rem;background:var(--yellow-400)}.hero-inner{padding-block:clamp(3rem,9vw,7rem)}.eyebrow{display:inline-block;background:var(--highlight);color:var(--on-highlight);font-weight:800;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;padding:var(--space-1)var(--space-3);border-radius:var(--radius-pill);margin:0 0 var(--space-4)}.hero h1{font-size:var(--text-4xl);line-height:1.02;max-width:14ch;margin:0 0 var(--space-4)}.hero-text{font-size:var(--text-lg);max-width:36rem;margin:0 0 var(--space-6)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:0}.hero .btn-primary{background:var(--highlight);color:var(--on-highlight)}.hero .btn-secondary{color:var(--on-hero)}.hero :focus-visible,.cta :focus-visible{outline-color:var(--yellow-300)}.section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2)var(--space-4);margin-bottom:var(--space-5)}.section-head h2{margin:0}.card-grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr))}.card{position:relative;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-1);transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-3)}.card h2,.card h3{font-size:var(--text-lg);margin:0 0 var(--space-2)}.card p{margin:0}.card:not(.post-card){padding:var(--space-5);border-top:6px solid var(--primary)}.card:not(.post-card):nth-child(3n+2){border-top-color:var(--pink-500)}.card:not(.post-card):nth-child(3n+3){border-top-color:var(--yellow-400)}.card-body{padding:var(--space-4)var(--space-5)var(--space-5)}.card-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.card-link{color:var(--text);text-decoration:none}.card-link::after{content:"";position:absolute;inset:0}.card:focus-within{outline:3px solid var(--focus);outline-offset:3px}.card-link:focus-visible{outline:none}.cover{margin:0 0 var(--space-5)}.cover img{display:block;border-radius:var(--radius-md)}.note{background:var(--surface);border-left:6px solid var(--fresh);border-radius:var(--radius-sm);padding:var(--space-4)var(--space-5)}.cta{background:var(--highlight);color:var(--on-highlight);margin-top:var(--space-7)}.cta-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-5);padding-block:var(--space-7)}.cta h2{margin:0 0 var(--space-1)}.cta p{margin:0}.cta .btn-primary{background:var(--ink-900);color:#fff}.pagination{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-6)}.back{margin-top:var(--space-6)}.sg-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,9rem),1fr))}.sg-swatch{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;font-size:var(--text-xs);background:var(--surface-raised)}.sg-swatch .chip{height:4.5rem}.sg-swatch .info{padding:var(--space-2)var(--space-3);line-height:1.4}.sg-swatch code{font-size:var(--text-xs)}.sg-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4)}.sg-box{background:var(--primary);height:1.25rem;border-radius:4px}.sg-demo{border:1px dashed var(--border);border-radius:var(--radius-md);padding:var(--space-5)}.sg-shadow{width:8rem;height:5rem;border-radius:var(--radius-md);background:var(--surface-raised);display:grid;place-items:center;font-size:var(--text-xs)}@media(prefers-reduced-motion:reduce){.card,.btn{transition:none}.card:hover,.btn:hover{transform:none}}