:root{--guide-primary: hsl(208, 77%, 50%);
--guide-secondary: hsl(290, 61%, 50%);
--guide-bg: var(--content-page-bg, #f5f7fb);
--guide-surface: var(--content-surface-bg, #ffffff);
--guide-text: var(--content-text, #1f2328);
--guide-text-muted: var(--content-text-muted, rgba(31, 35, 40, 0.72));
--guide-border: var(--content-border, rgba(0, 0, 0, 0.08));
--guide-accent: var(--content-accent-text, hsl(208, 77%, 45%));
--max-width: 1596px;
--text-width: 772px;
--radius: 12px;
--shadow: 0 10px 30px -10px rgba(0,0,0,0.05);
--wps-primary: hsl(208, 77%, 50%);
--wps-secondary: hsl(290, 61%, 50%);
--wps-accent: hsl(22, 78%, 38%);
--content-page-bg: hsl(220, 7%, 96%);
--content-surface-bg: #ffffff;
--content-text: hsl(220, 10%, 11%);
--content-text-muted: rgba(31, 35, 40, 0.72);
--content-border: rgba(0, 0, 0, 0.08);
--text-max-width: 772px;
--section-padding: 100px 5%;
--content-heading: hsl(220, 10%, 11%);
--content-accent-ui: hsl(22, 78%, 38%);
--content-accent-text: var(--page-link-color, var(--content-link-color, hsl(22, 78%, 28%)));
--content-link-color: hsl(22, 78%, 28%);
--content-link-hover: hsl(22, 78%, 28%);
--page-text-color: var(--content-text, hsl(220, 10%, 11%));
--page-heading-color: var(--content-heading, var(--content-text, hsl(220, 10%, 11%)));
--page-link-color: var(--content-link-color, var(--content-accent-text, hsl(22, 78%, 28%)));
--page-link-hover-color: var(--content-link-hover, hsl(22, 78%, 28%));
--page-muted-color: var(--content-text-muted, rgba(31, 35, 40, 0.72));
--page-accent-soft: rgba(172, 76, 21, 0.12);
--page-accent-glow: rgba(172, 76, 21, 0.42);
--primary-accent: var(--content-accent-ui, var(--primary-color, hsl(22, 78%, 38%)));
--secondary-accent: var(--secondary-color, hsl(22, 78%, 38%));}
main.ubc208_5f .d03fe0_3b0a{box-sizing:border-box;}
main.ubc208_5f{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
background-color: var(--guide-bg);
color: var(--guide-text);
line-height: 1.6;
overflow-x: hidden;}
main.ubc208_5f .bb36cea_fyn{max-width: var(--max-width);
margin: 0 auto;
padding: 0 40px;}
main.ubc208_5f .heaf1_966{padding: 100px 0 80px;
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;}
main.ubc208_5f .z3d617f169{max-width: var(--text-width);
z-index: 2;}
main.ubc208_5f .heaf1_966 h1{font-size: 56px;
font-weight: 800;
line-height: 1.1;
margin-bottom: 24px;
letter-spacing: -0.02em;
color: var(--guide-text);}
main.ubc208_5f .yc686_cbe3{font-size: 20px;
color: var(--guide-text-muted);
margin-bottom: 40px;
max-width: 680px;}
main.ubc208_5f .p9d80_d8{margin-top: 40px;
width: 100%;
border-radius: var(--radius);
overflow: hidden;
box-shadow: var(--shadow);
background: #fff;
border: 1px solid var(--guide-border);
color: hsl(220, 10%, 11%);}
main.ubc208_5f .p9d80_d8 img{width: 100%;
height: auto;
display: block;
object-fit: cover;
aspect-ratio: 16 / 7;}
main.ubc208_5f .ze2fe8_6fn{margin-bottom: 48px;
max-width: var(--text-width);}
main.ubc208_5f .ze2fe8_6fn h2{font-size: 32px;
font-weight: 700;
margin-bottom: 16px;}
main.ubc208_5f .pj9fh6j50{display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
margin-bottom: 80px;}
main.ubc208_5f .t165fea190d{background: var(--guide-surface);
padding: 40px;
border-radius: var(--radius);
border: 1px solid var(--guide-border);
transition: transform 0.3s ease, box-shadow 0.3s ease;
color: hsl(220, 10%, 11%);}
main.ubc208_5f .t165fea190d:hover{transform: translateY(-5px);
box-shadow: var(--shadow);}
main.ubc208_5f .z962e3612{font-size: 14px;
font-weight: 700;
color: var(--guide-primary);
text-transform: uppercase;
margin-bottom: 16px;
display: block;}
main.ubc208_5f .t165fea190d h3{font-size: 22px;
margin-bottom: 16px;}
main.ubc208_5f .t165fea190d p{color: var(--guide-text-muted);
font-size: 15px;}
main.ubc208_5f .kbd7885{padding: 80px 0;
background: #fff;
border-radius: 24px;
margin-bottom: 80px;
border: 1px solid var(--guide-border);
color: hsl(220, 10%, 11%);}
main.ubc208_5f .b696c4_8161{display: flex;
flex-wrap: wrap;
gap: 48px;
padding: 0 40px;}
main.ubc208_5f .r7f95__1993b{flex: 1;
min-width: 300px;}
main.ubc208_5f .r7f95__1993b h3{font-size: 20px;
margin-bottom: 12px;
display: flex;
align-items: center;
gap: 8px;}
main.ubc208_5f .r7f95__1993b p{color: var(--guide-text-muted);
font-size: 15px;}
main.ubc208_5f .pcd9e0_6276{padding: 40px 0 100px;}
main.ubc208_5f .ndad2f_3a3b{max-width: 900px;}
main.ubc208_5f .cc78db4_08{margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid var(--guide-border);}
main.ubc208_5f .cc78db4_08 h3{font-size: 18px;
margin-bottom: 12px;
color: var(--guide-text);}
main.ubc208_5f .cc78db4_08 p{color: var(--guide-text-muted);
font-size: 15px;}
main.ubc208_5f .a7700f55170{display: inline-flex;
align-items: center;
justify-content: center;
padding: 16px 32px;
background-color: var(--guide-primary);
color: hsl(0, 18%, 12%);
text-decoration: none;
font-weight: 600;
border-radius: 8px;
transition: opacity 0.2s;
font-size: 16px;}
main.ubc208_5f .a7700f55170:hover{opacity: 0.9;}
main.ubc208_5f .gf1c__91c{color: var(--guide-primary);
text-decoration: none;
font-weight: 500;
border-bottom: 1px solid transparent;
transition: border-color 0.2s;}
main.ubc208_5f .gf1c__91c:hover{border-bottom-color: var(--guide-primary);}
main.ubc208_5f .n39d__85ce{display: flex;
justify-content: space-between;
align-items: flex-start;}
main.ubc208_5f .i4e914_d3e5{font-weight: 700;
font-size: 20px;}
main.ubc208_5f .mfa6a8eb680{display: flex;
gap: 40px;}
main.ubc208_5f .mfa6a8eb680 a{color: var(--guide-text-muted);
text-decoration: none;
font-size: 14px;}
main.ubc208_5f .mfa6a8eb680 a:hover{color: var(--guide-primary);}
main.ubc208_5f .copyright{margin-top: 40px;
font-size: 12px;
color: var(--guide-text-muted);}
@media (max-width: 1024px) {main.ubc208_5f .pj9fh6j50{grid-template-columns: 1fr;}
main.ubc208_5f .heaf1_966 h1{font-size: 40px;}}
html, body{margin: 0;
padding: 0;}
body *, body *::before, body *::after{box-sizing: border-box;}
main img.h256__2c74{display: block;
max-width: 100%;
width: 100%;
height: auto;
object-fit: cover;
object-position: center;}
main img.h256__2c74.y5473e_55a3{aspect-ratio: 16 / 9;}
main img.h256__2c74.p2eab2_d208{aspect-ratio: 16 / 10;}
main img.h256__2c74.geaa0ffa4d0{aspect-ratio: 4 / 3;}
main img.h256__2c74.w5cdf2e5136{aspect-ratio: 1 / 1;}
main :is(div, div, div, div, ul, ol, li, figure, picture, table, form, fieldset, pre, blockquote){box-sizing: border-box        !important;
min-width: 0;
max-width: 100%;}
main .z9eb__4918{overflow: hidden;
box-sizing: border-box        !important;
max-width: 100%;
padding: 0        !important;
min-height: 0;}
main .z9eb__4918.y5473e_55a3{aspect-ratio: 16 / 9;}
main .z9eb__4918.p2eab2_d208{aspect-ratio: 16 / 10;}
main .z9eb__4918.geaa0ffa4d0{aspect-ratio: 4 / 3;}
main .z9eb__4918.w5cdf2e5136{aspect-ratio: 1 / 1;}
main .z9eb__4918 > img.h256__2c74, main .z9eb__4918 > picture > img.h256__2c74{width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
object-position: center;}
main [data-layout-collapse-single="1"]{display: block        !important;
grid-template-columns: minmax(0, 1fr)        !important;
flex-direction: column        !important;
align-items: stretch        !important;
justify-content: flex-start        !important;}
main [data-layout-collapse-single="1"] > *{width: 100%        !important;
max-width: 100%        !important;
margin-left: 0        !important;
margin-right: 0        !important;}
main [data-flow-list="1"]{margin: 1rem 0;
padding-left: 1.25rem;}
main [data-flow-list="1"] > li{margin-bottom: 0.65rem;}
@media (min-width: 769px) {div.heaf1_966 > *{min-width: 0   !important;}
div.z3d617f169{min-width: 0   !important;flex: 1 1 0   !important;max-width: 100%   !important;}
div.p9d80_d8{min-width: 0   !important;flex: 1 1 0   !important;max-width: 100%   !important;}
div.p9d80_d8 :where(img, picture, video, canvas, svg), div.p9d80_d8 picture > img{display: block   !important;width: 100%   !important;max-width: 100%   !important;height: auto   !important;}}
@media (min-width: 1025px) {div.heaf1_966{position: relative   !important;display: grid   !important;grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr)   !important;align-items: center   !important;gap: clamp(28px, 5vw, 76px)   !important;}
div.heaf1_966 > *{min-width: 0   !important;}
div.z3d617f169{width: 100%   !important;max-width: min(100%, var(--page-hero-reading-width, 760px))   !important;margin: 0   !important;align-self: center   !important;z-index: 2   !important;}
div.p9d80_d8{position: relative   !important;width: 100%   !important;max-width: 100%   !important;margin: 0   !important;justify-self: stretch   !important;align-self: center   !important;height: auto   !important;min-height: 0   !important;overflow: hidden   !important;border-radius: clamp(22px, 2.6vw, 32px)   !important;box-shadow: 0 24px 60px rgba(15,23,42,0.14)   !important;}
div.p9d80_d8 :where(img, video), div.p9d80_d8 picture > img{display: block   !important;width: 100%   !important;max-width: 100%   !important;height: auto   !important;aspect-ratio: 16 / 10   !important;object-fit: cover   !important;object-position: center   !important;}}
@media (max-width: 1024px) {div.heaf1_966{position: relative   !important;display: flex   !important;flex-direction: column   !important;align-items: stretch   !important;gap: 24px   !important;min-height: auto   !important;}
div.z3d617f169{width: 100%   !important;max-width: 100%   !important;margin: 0   !important;}
div.p9d80_d8{width: 100%   !important;max-width: 100%   !important;margin-top: 12px   !important;}}
:root{--primary-color: hsl(208, 77%, 50%);
--secondary-color: hsl(290, 61%, 50%);
--bg-color: hsl(208, 7%, 96%);
--text-color: hsl(208, 10%, 10%);
--text-muted: rgba(24,33,47,0.72);
--content-page-bg: hsl(208, 7%, 96%);
--content-surface-bg: rgba(255,255,255,0.88);
--content-text: hsl(208, 10%, 10%);
--content-text-muted: rgba(24,33,47,0.72);
--content-accent-ui: hsl(208, 77%, 50%);
--content-accent-text: hsl(0, 18%, 28%);
--content-link-color: hsl(0, 18%, 28%);
--content-link-hover: hsl(290, 61%, 28%);}
body{background: var(--bg-color, hsl(208, 7%, 96%))   !important;
color: var(--text-color, hsl(208, 10%, 10%))   !important;}
:is(main, .o569e6146){color: var(--content-text, hsl(208, 10%, 10%))   !important;}
div.z3d617f169{text-align: left   !important;
align-items: flex-start   !important;}
div.z3d617f169 > :is(h1, h2, p){text-align: left   !important;
max-width: min(100%, 772px)   !important;
margin-left: 0   !important;
margin-right: auto   !important;}
div.z3d617f169 > :is(div, nav, ul, ol){margin-left: 0   !important;
margin-right: auto   !important;}
div.z3d617f169{--m3da__d36f: hsl(0, 18%, 28%);
--ud82e5cfc: rgba(84, 58, 58, 0.78);
--l21d__a6d7: hsl(208, 77%, 28%);
--hc2a__639b: dark;}
div.z3d617f169{--m3da__d36f: hsl(0, 18%, 28%);
--ud82e5cfc: rgba(84, 58, 58, 0.78);
--l21d__a6d7: hsl(208, 77%, 28%);
--hc2a__639b: dark;
color: var(--m3da__d36f, hsl(0, 18%, 28%))   !important;}
div.z3d617f169 :is(h1, h2, h3, h4, h5, h6, strong, b, em){color: var(--m3da__d36f, hsl(0, 18%, 28%))   !important;}
div.z3d617f169 a:not([class]):not([data-track]):not([role="button"]), div.z3d617f169 a[class=""]:not([data-track]):not([role="button"]){color: var(--l21d__a6d7, hsl(208, 77%, 28%))   !important;}
div.z3d617f169 :is(p, li, small, blockquote, figcaption, dd, dt, label){color: var(--ud82e5cfc, rgba(84, 58, 58, 0.78))   !important;}
div.t165fea190d{--m3da__d36f: hsl(208, 77%, 28%);
--ud82e5cfc: rgba(16, 75, 126, 0.78);
--l21d__a6d7: hsl(208, 77%, 28%);
--hc2a__639b: dark;}
div.t165fea190d{--m3da__d36f: hsl(208, 77%, 28%);
--ud82e5cfc: rgba(16, 75, 126, 0.78);
--l21d__a6d7: hsl(208, 77%, 28%);
--hc2a__639b: dark;
color: var(--m3da__d36f, hsl(208, 77%, 28%))   !important;}
div.t165fea190d :is(h1, h2, h3, h4, h5, h6, strong, b, em){color: var(--m3da__d36f, hsl(208, 77%, 28%))   !important;}
div.t165fea190d a:not([class]):not([data-track]):not([role="button"]), div.t165fea190d a[class=""]:not([data-track]):not([role="button"]){color: var(--l21d__a6d7, hsl(208, 77%, 28%))   !important;}
div.t165fea190d :is(p, li, small, blockquote, figcaption, dd, dt, label){color: var(--ud82e5cfc, rgba(16, 75, 126, 0.78))   !important;}
div.z3d617f169 a.a7700f55170{--w9f3d9abb: hsl(208, 77%, 12%);
color: var(--w9f3d9abb, hsl(208, 77%, 12%))   !important;}
div.z3d617f169 a.a7700f55170:is(:hover, :focus-visible, :active){color: var(--ge97e1f3d, hsl(208, 77%, 12%))   !important;}
div.kbd7885 a.gf1c__91c{--w9f3d9abb: hsl(208, 77%, 28%);
color: var(--w9f3d9abb, hsl(208, 77%, 28%))   !important;}
div.kbd7885 a.gf1c__91c:is(:hover, :focus-visible, :active){color: var(--ge97e1f3d, hsl(208, 77%, 28%))   !important;}
div.ndad2f_3a3b > :nth-child(3) > :nth-child(2) > :nth-child(1){--w9f3d9abb: hsl(208, 77%, 28%);
color: var(--w9f3d9abb, hsl(208, 77%, 28%))   !important;}
div.ndad2f_3a3b > :nth-child(3) > :nth-child(2) > :nth-child(1):is(:hover, :focus-visible, :active){color: var(--ge97e1f3d, hsl(208, 77%, 28%))   !important;}
div.ndad2f_3a3b > :nth-child(4) > :nth-child(2) > :nth-child(1){--w9f3d9abb: hsl(208, 77%, 28%);
color: var(--w9f3d9abb, hsl(208, 77%, 28%))   !important;}
div.ndad2f_3a3b > :nth-child(4) > :nth-child(2) > :nth-child(1):is(:hover, :focus-visible, :active){color: var(--ge97e1f3d, hsl(208, 77%, 28%))   !important;}
div.ndad2f_3a3b > :nth-child(5) > :nth-child(2) > :nth-child(1){--w9f3d9abb: hsl(208, 77%, 28%);
color: var(--w9f3d9abb, hsl(208, 77%, 28%))   !important;}
div.ndad2f_3a3b > :nth-child(5) > :nth-child(2) > :nth-child(1):is(:hover, :focus-visible, :active){color: var(--ge97e1f3d, hsl(208, 77%, 28%))   !important;}
div.bb36cea_fyn > :nth-child(5) > :nth-child(1) > :nth-child(3) > :nth-child(1){--w9f3d9abb: hsl(0, 18%, 12%);
color: var(--w9f3d9abb, hsl(0, 18%, 12%))   !important;}
div.bb36cea_fyn > :nth-child(5) > :nth-child(1) > :nth-child(3) > :nth-child(1):is(:hover, :focus-visible, :active){color: var(--ge97e1f3d, hsl(0, 18%, 12%))   !important;}
div.bb36cea_fyn > :nth-child(5) > :nth-child(1) > :nth-child(3) > :nth-child(2){--w9f3d9abb: hsl(208, 77%, 28%);
color: var(--w9f3d9abb, hsl(208, 77%, 28%))   !important;}
div.bb36cea_fyn > :nth-child(5) > :nth-child(1) > :nth-child(3) > :nth-child(2):is(:hover, :focus-visible, :active){color: var(--ge97e1f3d, hsl(208, 77%, 28%))   !important;}
div.bb36cea_fyn > :nth-child(5) > :nth-child(1) > :nth-child(3) > :nth-child(1){color: hsl(208, 77%, 12%)   !important;
text-shadow: 0 1px 2px rgba(15, 23, 42, 0.22), 0 10px 28px rgba(15, 23, 42, 0.28)   !important;
text-decoration-color: currentColor   !important;}
div.bb36cea_fyn > :nth-child(5) > :nth-child(1) > :nth-child(3) > :nth-child(1) :is(strong, b, em, small, mark){color: inherit   !important;}
div.bb36cea_fyn > :nth-child(5) > :nth-child(1) > :nth-child(3) > :nth-child(1):hover, div.bb36cea_fyn > :nth-child(5) > :nth-child(1) > :nth-child(3) > :nth-child(1):focus-visible, div.bb36cea_fyn > :nth-child(5) > :nth-child(1) > :nth-child(3) > :nth-child(1):active{color: hsl(208, 77%, 12%)   !important;}
div.bb36cea_fyn > :nth-child(5) > :nth-child(1) > :nth-child(3) > :nth-child(1):hover, div.bb36cea_fyn > :nth-child(5) > :nth-child(1) > :nth-child(3) > :nth-child(1):focus-visible, div.bb36cea_fyn > :nth-child(5) > :nth-child(1) > :nth-child(3) > :nth-child(1):active{text-decoration-color: currentColor   !important;}
div.z3d617f169 a.a7700f55170{color: hsl(208, 77%, 12%)   !important;
text-shadow: 0 1px 2px rgba(15, 23, 42, 0.22), 0 10px 28px rgba(15, 23, 42, 0.28)   !important;
text-decoration-color: currentColor   !important;}
div.z3d617f169 a.a7700f55170 :is(strong, b, em, small, mark){color: inherit   !important;}
div.z3d617f169 a.a7700f55170:hover, div.z3d617f169 a.a7700f55170:focus-visible, div.z3d617f169 a.a7700f55170:active{color: hsl(208, 77%, 12%)   !important;}
div.z3d617f169 a.a7700f55170:hover, div.z3d617f169 a.a7700f55170:focus-visible, div.z3d617f169 a.a7700f55170:active{text-decoration-color: currentColor   !important;}