:root{--obs-primary: var(--primary-color, hsl(82, 85%, 57%));
--obs-secondary: var(--secondary-color, hsl(172, 68%, 57%));
--obs-bg: var(--content-page-bg, hsl(82, 8%, 95%));
--obs-surface: var(--content-surface-bg, #ffffff);
--obs-text: var(--content-text, hsl(82, 10%, 12%));
--obs-text-muted: var(--content-text-muted, rgba(24, 33, 47, 0.72));
--obs-border: var(--content-border, rgba(0, 0, 0, 0.08));
--obs-accent-ui: var(--content-accent-ui, hsl(82, 85%, 45%));
--obs-radius-lg: var(--border-radius-lg, 24px);
--obs-radius-md: var(--border-radius-md, 12px);
--obs-shadow: var(--shadow-sm, 0 4px 12px rgba(0, 0, 0, 0.05));
--max-width: 1640px;
--content-width: 1017px;
--primary-color: var(--content-accent-ui, hsl(22, 78%, 38%));
--secondary-color: var(--content-link-hover, var(--content-accent-ui, hsl(22, 78%, 38%)));
--bg-color: var(--content-page-bg, #ffffff);
--text-color: var(--content-text, hsl(220, 10%, 11%));
--text-muted: var(--content-text-muted, rgba(31, 35, 40, 0.72));
--border-color: var(--content-border, rgba(0, 0, 0, 0.08));
--page-max-width: 1640px;
--idx-max-width: 1640px;
--page-reading-width: 1017px;
--reading-width: 1017px;
--text-column-width: 1017px;
--text-width: 1024px;
--page-hero-reading-width: 840px;
--hero-text-width: 840px;
--hero-text-max: 840px;
--hero-text-max-width: 840px;
--transition: all 0.25s ease;
--site-page-frame-mode: editorial;
--site-hero-layout-family: editorial_band;
--site-breakout-mode: controlled;
--site-frame-width-policy: page;
--site-surface-density: airy;
--page-card-radius: 24px;
--page-card-shadow: 0 16px 38px rgb(235, 243, 222);
--page-card-border: rgb(235, 243, 222);
--page-card-bg: rgb(235, 243, 222);
--content-page-bg: hsl(82, 8%, 95%);
--content-surface-bg: rgb(235, 243, 222);
--content-text: hsl(82, 10%, 12%);
--content-heading: hsl(82, 10%, 12%);
--content-text-muted: rgba(24,33,47,0.72);
--content-border: rgb(235, 243, 222);
--content-accent-ui: hsl(82, 85%, 57%);
--content-accent-text: hsl(82, 10%, 12%);
--content-link-color: hsl(82, 10%, 12%);
--content-link-hover: rgb(190, 239, 105);}
main.a3066b1bbab .ie4119_qi{box-sizing:border-box;}
main.a3066b1bbab .c7f9a91_e30{box-sizing:border-box;}
main.a3066b1bbab{font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
background-color: var(--obs-bg);
color: var(--obs-text);
line-height: 1.6;
overflow-x: hidden;
margin: 0;
padding: 0;}
main.a3066b1bbab .zfd412bb62a{max-width: var(--max-width);
margin: 0 auto;
padding: 0 40px;}
main.a3066b1bbab .a0262_6b61{padding: 120px 0 80px;
background: linear-gradient(135deg, var(--obs-bg) 0%, #fff 100%);
display: flex;
flex-direction: column;
align-items: flex-start;}
main.a3066b1bbab .ia34c_2c06{max-width: var(--content-width);
text-align: left;}
main.a3066b1bbab h1{font-size: clamp(2.5rem, 5vw, 4rem);
font-weight: 800;
line-height: 1.1;
margin: 0 0 24px;
color: var(--obs-text);
letter-spacing: -0.02em;}
main.a3066b1bbab .q1b8__7066{font-size: 1.25rem;
color: var(--obs-text-muted);
margin-bottom: 40px;
max-width: 720px;}
main.a3066b1bbab .dd802a72_06{display: flex;
gap: 16px;
flex-wrap: wrap;}
main.a3066b1bbab .y0c9a3e_m32{background-color: var(--obs-primary);
color: var(--obs-text);
padding: 18px 36px;
border-radius: 50px;
font-weight: 600;
text-decoration: none;
transition: transform 0.2s, box-shadow 0.2s;
display: inline-flex;
align-items: center;
gap: 8px;
box-shadow: 0 10px 20px -5px rgba(130, 217, 29, 0.3);}
main.a3066b1bbab .y0c9a3e_m32:hover{transform: translateY(-2px);
box-shadow: 0 15px 30px -5px rgba(130, 217, 29, 0.4);}
main.a3066b1bbab .umfgooy9t6{padding: 80px 0;}
main.a3066b1bbab .w92de26_da5b{margin-bottom: 48px;
text-align: left;}
main.a3066b1bbab .w92de26_da5b h2{font-size: 2.25rem;
margin-bottom: 16px;}
main.a3066b1bbab .p684ac8{display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 24px;}
main.a3066b1bbab .j22dd__d43{background: var(--obs-surface);
border: 1px solid var(--obs-border);
border-radius: var(--obs-radius-lg);
padding: 40px;
transition: border-color 0.3s;
display: flex;
flex-direction: column;
justify-content: space-between;}
main.a3066b1bbab .j22dd__d43:hover{border-color: var(--obs-primary);}
main.a3066b1bbab .ie4119_qi h3{font-size: 1.5rem;
margin: 0 0 12px;
display: flex;
align-items: center;
gap: 12px;}
main.a3066b1bbab .x3b124ed_5s79{color: var(--obs-text-muted);
font-size: 0.95rem;
margin-bottom: 24px;}
main.a3066b1bbab .c0ccb4_2a{list-style: none;
padding: 0;
margin: 0;}
main.a3066b1bbab .lwbhlklza42{display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 0;
border-bottom: 1px solid var(--obs-border);}
main.a3066b1bbab .z7m2l240{color: var(--obs-accent-ui);
text-decoration: none;
font-weight: 500;}
main.a3066b1bbab .z7m2l240:hover{text-decoration: underline;}
main.a3066b1bbab .m7fe8__76346{padding: 100px 0;
background-color: #18212f;
color: #fff;
border-radius: var(--obs-radius-lg);
margin: 40px;}
main.a3066b1bbab .y4d09b60{display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;}
main.a3066b1bbab .p3191c109e{border-radius: var(--obs-radius-md);
overflow: hidden;
box-shadow: 0 20px 40px rgba(0,0,0,0.3);}
main.a3066b1bbab .p3191c109e img{width: 100%;
display: block;
aspect-ratio: 16/10;
object-fit: cover;}
main.a3066b1bbab .c7f9a91_e30 h2{color: #fff;
font-size: 2.5rem;
margin-bottom: 24px;}
main.a3066b1bbab .c7f9a91_e30 p{color: rgba(255,255,255,0.8);
font-size: 1.1rem;
margin-bottom: 32px;}
main.a3066b1bbab .q59dbcc4969{padding: 100px 0;}
main.a3066b1bbab .tm2vw43mn{overflow-x: auto;
background: var(--obs-surface);
border-radius: var(--obs-radius-lg);
border: 1px solid var(--obs-border);}
main.a3066b1bbab table{width: 100%;
border-collapse: collapse;
text-align: left;}
main.a3066b1bbab th, main.a3066b1bbab td{padding: 24px;
border-bottom: 1px solid var(--obs-border);}
main.a3066b1bbab th{background: rgba(0,0,0,0.02);
font-weight: 600;}
main.a3066b1bbab .uzispftsrp{display: inline-block;
padding: 4px 12px;
border-radius: 20px;
font-size: 0.85rem;
background: var(--obs-primary);
color: var(--obs-text);}
main.a3066b1bbab .l735f__1f4{padding: 80px 0;
background: linear-gradient(to right, var(--obs-secondary), var(--obs-primary));
color: var(--obs-text);
text-align: center;}
main.a3066b1bbab .w529__29d{max-width: 800px;
margin: 0 auto;}
main.a3066b1bbab .yf6fa51e6c6{padding: 100px 0;}
main.a3066b1bbab .zcb1fc9df{display: flex;
gap: 40px;
margin-top: 48px;}
main.a3066b1bbab .i28bafd2{flex: 1;
position: relative;}
main.a3066b1bbab .md4f6__19b5f{font-size: 3rem;
font-weight: 800;
opacity: 0.1;
position: absolute;
top: -20px;
left: 0;}
main.a3066b1bbab .hfae82fd42a{display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 40px;}
main.a3066b1bbab .ub4ffecb3{font-weight: 800;
font-size: 1.5rem;}
main.a3066b1bbab .nd726d_8dd3 h4{margin-bottom: 20px;
font-size: 1rem;}
main.a3066b1bbab .nd726d_8dd3 a{display: block;
color: var(--obs-text-muted);
text-decoration: none;
margin-bottom: 12px;}
main.a3066b1bbab .aabc2c6ce62{margin-top: 60px;
padding-top: 20px;
border-top: 1px solid var(--obs-border);
font-size: 0.85rem;
color: var(--obs-text-muted);
display: flex;
justify-content: space-between;}
@media (max-width: 1024px) {main.a3066b1bbab .y4d09b60{grid-template-columns: 1fr;}}
@media (max-width: 768px) {main.a3066b1bbab .zfd412bb62a{padding: 0 20px;}
main.a3066b1bbab .a0262_6b61{padding: 80px 0 40px;}
main.a3066b1bbab .zcb1fc9df{flex-direction: column;}
main.a3066b1bbab .m7fe8__76346{margin: 20px;padding: 60px 20px;}}
body{background: var(--content-page-bg);
color: var(--content-text);}
@media (min-width: 769px) {div.y4d09b60 > *{min-width: 0   !important;}
div.c7f9a91_e30{min-width: 0   !important;flex: 1 1 0   !important;max-width: 100%   !important;}
div.p3191c109e{min-width: 0   !important;flex: 1 1 0   !important;max-width: 100%   !important;}
div.p3191c109e :where(img, picture, video, canvas, svg), div.p3191c109e picture > img{display: block   !important;width: 100%   !important;max-width: 100%   !important;height: auto   !important;}}
div.p684ac8 > :nth-child(1) > :nth-child(1) > :nth-child(3) > :nth-child(1) > :nth-child(2){--o0be9f0f1: hsl(82, 82%, 24%);
color: var(--o0be9f0f1, hsl(82, 82%, 24%))   !important;}
div.p684ac8 > :nth-child(1) > :nth-child(1) > :nth-child(3) > :nth-child(1) > :nth-child(2):is(:hover, :focus-visible, :active){color: var(--x111__24ea, hsl(82, 82%, 20%))   !important;}
div.p684ac8 > :nth-child(1) > :nth-child(1) > :nth-child(3) > :nth-child(2) > :nth-child(2){--o0be9f0f1: hsl(82, 82%, 24%);
color: var(--o0be9f0f1, hsl(82, 82%, 24%))   !important;}
div.p684ac8 > :nth-child(1) > :nth-child(1) > :nth-child(3) > :nth-child(2) > :nth-child(2):is(:hover, :focus-visible, :active){color: var(--x111__24ea, hsl(82, 82%, 20%))   !important;}
div.p684ac8 > :nth-child(2) > :nth-child(1) > :nth-child(3) > :nth-child(1) > :nth-child(2){--o0be9f0f1: hsl(82, 82%, 24%);
color: var(--o0be9f0f1, hsl(82, 82%, 24%))   !important;}
div.p684ac8 > :nth-child(2) > :nth-child(1) > :nth-child(3) > :nth-child(1) > :nth-child(2):is(:hover, :focus-visible, :active){color: var(--x111__24ea, hsl(82, 82%, 20%))   !important;}
div.p684ac8 > :nth-child(2) > :nth-child(1) > :nth-child(3) > :nth-child(2) > :nth-child(2){--o0be9f0f1: hsl(82, 82%, 24%);
color: var(--o0be9f0f1, hsl(82, 82%, 24%))   !important;}
div.p684ac8 > :nth-child(2) > :nth-child(1) > :nth-child(3) > :nth-child(2) > :nth-child(2):is(:hover, :focus-visible, :active){color: var(--x111__24ea, hsl(82, 82%, 20%))   !important;}
div.p684ac8 > :nth-child(3) > :nth-child(1) > :nth-child(3) > :nth-child(1) > :nth-child(2){--o0be9f0f1: hsl(82, 82%, 24%);
color: var(--o0be9f0f1, hsl(82, 82%, 24%))   !important;}
div.p684ac8 > :nth-child(3) > :nth-child(1) > :nth-child(3) > :nth-child(1) > :nth-child(2):is(:hover, :focus-visible, :active){color: var(--x111__24ea, hsl(82, 82%, 20%))   !important;}
div.p684ac8 > :nth-child(3) > :nth-child(1) > :nth-child(3) > :nth-child(2) > :nth-child(2){--o0be9f0f1: hsl(82, 82%, 24%);
color: var(--o0be9f0f1, hsl(82, 82%, 24%))   !important;}
div.p684ac8 > :nth-child(3) > :nth-child(1) > :nth-child(3) > :nth-child(2) > :nth-child(2):is(:hover, :focus-visible, :active){color: var(--x111__24ea, hsl(82, 82%, 20%))   !important;}
div.c7f9a91_e30 a.y0c9a3e_m32{--o0be9f0f1: hsl(0, 18%, 28%);
color: var(--o0be9f0f1, hsl(0, 18%, 28%))   !important;}
div.c7f9a91_e30 a.y0c9a3e_m32:is(:hover, :focus-visible, :active){color: var(--x111__24ea, hsl(0, 18%, 28%))   !important;}