.guides-index-design,.guide-article{--surface-app:var(--vw-cream);--surface-card:#fff;--hair:var(--border-default);--hair-strong:var(--border-strong);--e-rest:0 1px 2px #0a1e3f0a, 0 1px 3px #0a1e3f0d;--e-raise:0 2px 4px #0a1e3f0d, 0 8px 18px -8px #0a1e3f1f;--ease:cubic-bezier(.22, .61, .36, 1);--spring:cubic-bezier(.34, 1.42, .58, 1);background:var(--surface-app)}.guides-index-design .vw-section{padding:72px 0}.guides-index-design .vw-wrap,.guides-index-design .wrap{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:0 32px}@media (max-width:768px){.guides-index-design .vw-wrap,.guides-index-design .wrap{padding:0 20px}.guides-index-design .vw-section{padding:48px 0}}.guides-index-design .alt{background:radial-gradient(circle, color-mix(in oklab, var(--vw-navy-700) 8%, transparent) 1px, transparent 1.4px) 0 0 / 22px 22px, var(--vw-cream)}.guides-index-design .vw-kicker{font:var(--fw-medium) var(--fs-2xs) / 1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-muted);align-items:center;gap:10px;margin-bottom:0;display:inline-flex}.guides-index-design .vw-kicker:before{content:"";opacity:.9;border:1.6px solid;border-radius:1.5px;flex-shrink:0;width:7px;height:7px;transform:rotate(45deg)}.guides-index-design .vw-kicker.on-dark{color:#fff9}.guides-index-design .bl-hero{color:#fff;isolation:isolate;background:radial-gradient(130% 120% at 0% 0%, #1d4374 0%, var(--vw-navy-700) 46%, var(--vw-navy-800) 100%);position:relative;overflow:hidden}.guides-index-design .bl-hero .dots{z-index:0;opacity:.5;pointer-events:none;background-image:radial-gradient(circle,#ffffff12 1px,#0000 1.4px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 130% at 50% 0,#000,#0000 72%);mask-image:radial-gradient(80% 130% at 50% 0,#000,#0000 72%)}.guides-index-design .bl-hero .glow{z-index:0;filter:blur(8px);pointer-events:none;background:radial-gradient(circle,#00b74a29,#0000 66%);width:600px;height:600px;position:absolute;top:-260px;left:50%;transform:translate(-50%)}.guides-index-design .bl-hero .vw-wrap{z-index:1;padding-top:30px;padding-bottom:52px;position:relative}.guides-index-design .bl-hero .bl-hero-main{text-align:center}.guides-index-design .bl-hero .vw-crumbs{width:fit-content;font:var(--fw-medium) var(--fs-sm) / 1 var(--font-sans);color:#fff6;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:26px;display:flex}.guides-index-design .bl-hero .vw-crumbs a{color:#ffffffa8;text-decoration:none}.guides-index-design .bl-hero .vw-crumbs a:hover{color:#fff}.guides-index-design .bl-hero .vw-crumbs .sep{opacity:.45}.guides-index-design .bl-hero .vw-crumbs .here{color:#fff;font-weight:var(--fw-semibold)}.guides-index-design .bl-hero .vw-kicker{justify-content:center}.guides-index-design .bl-hero h1{font:400 clamp(40px, 5.4vw, 66px) / 1.02 var(--font-display);letter-spacing:-.02em;max-width:none;margin:14px auto 0}.guides-index-design .bl-hero h1 em{color:var(--vw-green-400);font-style:italic}.guides-index-design .bl-hero .sub{font:400 var(--fs-xl) / 1.55 var(--font-sans);color:#ffffffc2;max-width:62ch;margin:18px auto 0}.guides-index-design .e-dark-duo{background:linear-gradient(120deg, var(--vw-navy-900) 0%, var(--vw-navy-700) 46%, #00a345 100%);color:#fff}.guides-index-design .vw-cta-band{border-radius:var(--r-2xl);isolation:isolate;padding:56px 48px;position:relative;overflow:hidden}.guides-index-design .vw-cta-band.news-cta{text-align:left}.guides-index-design .vw-cta-band.has-art{grid-template-columns:1.15fr .85fr;align-items:center;gap:24px 48px;display:grid}.guides-index-design .vw-cta-band.has-art .cta-main{z-index:1;min-width:0;position:relative}.guides-index-design .vw-cta-band.has-art .cta-art{z-index:1;justify-self:end;width:100%;max-width:380px;position:relative}.guides-index-design .vw-cta-band.has-art .cta-art .vw-vis{background:0 0;width:100%;height:280px;display:block}.guides-index-design .vw-cta-band.has-art .cta-art .vw-vis svg{width:100%;height:100%;display:block}@media (max-width:880px){.guides-index-design .vw-cta-band.has-art{grid-template-columns:1fr}.guides-index-design .vw-cta-band.has-art .cta-art{display:none}}.guides-index-design .vw-cta-band .dots{z-index:0;opacity:.5;pointer-events:none;background-image:radial-gradient(circle,#ffffff12 1px,#0000 1.4px);background-size:24px 24px;position:absolute;inset:0}.guides-index-design .vw-cta-band h2{font:400 clamp(28px, 3.6vw, 40px) / 1.06 var(--font-display);letter-spacing:-.02em;color:#fff;z-index:1;margin:0 0 14px;position:relative}.guides-index-design .vw-cta-band h2 em{color:var(--vw-green-400);font-style:italic}.guides-index-design .vw-cta-band p{font:400 var(--fs-lg) / 1.55 var(--font-sans);color:#ffffffbd;z-index:1;max-width:52ch;margin:0 0 8px;position:relative}.guides-index-design .vw-cta-band .cta-onDark{color:#ffffffd1;font-weight:600;text-decoration:none}.guides-index-design .vw-cta-band .cta-onDark:hover{color:#fff}@media (max-width:680px){.guides-index-design .vw-cta-band{padding:38px 26px}}.guides-index-design .e-btn{font:var(--fw-bold) var(--fs-sm) / 1 var(--font-sans);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;transition:transform .2s var(--spring), background .2s var(--ease), border-color .2s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:9px;padding:13px 22px;text-decoration:none;display:inline-flex}.guides-index-design .e-btn.primary{background:var(--vw-green-500);color:#04210f;border-color:var(--vw-green-500)}.guides-index-design .e-btn.outline{color:var(--fg-secondary);border-color:var(--hair-strong);background:#fff}.guides-index-design .e-btn.outline:hover{border-color:var(--vw-gray-300)}