:root{--content-page-bg: hsl(135, 7%, 96%);
--content-surface-bg: rgb(224, 243, 228);
--content-text: hsl(135, 10%, 11%);
--content-text-muted: rgba(26, 26, 46, 0.75);
--content-border: rgb(224, 243, 228);
--content-accent-text: #ffffff;
--primary-color: hsl(135, 79%, 53%);
--secondary-color: hsl(288, 63%, 53%);
--max-width: 1633px;
--reading-width: 1012px;
--border-radius: 26px;
--transition: all 0.25s ease;
--content-accent: hsl(135, 79%, 53%);
--content-secondary: hsl(288, 63%, 53%);
--card-radius: 26px;
--section-padding: 100px 34px;
--main-max-width: 1633px;
--text-max-width: 781px;
--page-max-width: 1633px;
--idx-max-width: 1633px;
--page-reading-width: 1012px;
--content-width: 1012px;
--text-column-width: 1012px;
--text-width: 1006px;
--page-hero-reading-width: 781px;
--hero-text-width: 781px;
--hero-text-max: 781px;
--hero-text-max-width: 781px;
--site-page-frame-mode: contained;
--site-hero-layout-family: split_stage;
--site-breakout-mode: controlled;
--site-frame-width-policy: page;
--site-surface-density: airy;
--page-card-radius: 26px;
--page-card-shadow: 0 20px 48px rgb(224, 243, 228);
--page-card-border: rgb(224, 243, 228);
--page-card-bg: rgb(224, 243, 228);
--content-heading: hsl(135, 10%, 11%);
--content-accent-ui: hsl(135, 79%, 53%);
--content-link-color: #ffffff;
--content-link-hover: hsl(288, 63%, 53%);}
main.xhl7r2dn.w5fb1d15d2{background-color: var(--content-page-bg, #f4f7f5);
color: var(--content-text, #1a1c1a);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
text-align: left;}
main.xhl7r2dn .ydf538_7ps{max-width: var(--max-width);
margin: 0 auto;
padding: 0 34px;}
main.xhl7r2dn .k0afc7b_9351{padding: 120px 0 80px;
background: linear-gradient(135deg, #ffffff 0%, var(--content-page-bg) 100%);
border-bottom: 1px solid var(--content-border);
color: hsl(220, 10%, 11%);}
main.xhl7r2dn .eba226__e906{max-width: var(--reading-width);}
main.xhl7r2dn .v3fc80cdb3{font-size: 3.5rem;
font-weight: 800;
color: var(--content-text);
margin-bottom: 24px;
line-height: 1.1;}
main.xhl7r2dn .gt2vpho4{font-size: 1.25rem;
color: var(--content-text-muted);
margin-bottom: 40px;}
main.xhl7r2dn .e6244cf6_g2n{display: flex;
gap: 16px;}
main.xhl7r2dn .t14da1_mb3i{background-color: var(--primary-color);
color: hsl(0, 18%, 24%);
padding: 16px 36px;
border-radius: 50px;
text-decoration: none;
font-weight: 600;
display: inline-block;
box-shadow: 0 4px 14px rgba(40, 222, 100, 0.3);
transition: var(--transition);}
main.xhl7r2dn .t14da1_mb3i:hover{transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(40, 222, 100, 0.4);
filter: brightness(1.05);}
main.xhl7r2dn .j9a8373a890{padding: 100px 0;}
main.xhl7r2dn .bfc901c3a1{margin-bottom: 60px;}
main.xhl7r2dn .bfc901c3a1 h2{font-size: 2.5rem;
margin-bottom: 16px;
color: var(--content-text);}
main.xhl7r2dn .l94aa__9d6{display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px;}
main.xhl7r2dn .fx3riprzwy{background: var(--content-surface-bg);
padding: 48px;
border-radius: var(--border-radius);
border: 1px solid var(--content-border);
transition: var(--transition);
color: hsl(220, 10%, 11%);}
main.xhl7r2dn .fx3riprzwy:hover{border-color: var(--primary-color);}
main.xhl7r2dn .vdhgc01m{font-size: 0.875rem;
font-weight: 700;
color: var(--primary-color);
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 16px;
display: block;}
main.xhl7r2dn .fx3riprzwy h3{font-size: 1.75rem;
margin-bottom: 20px;}
main.xhl7r2dn .b2b4108e{list-style: none;
padding: 0;
margin: 0;}
main.xhl7r2dn .b2b4108e li{margin-bottom: 12px;
padding-left: 24px;
position: relative;
color: var(--content-text-muted);}
main.xhl7r2dn .b2b4108e li::before{content: "→";
position: absolute;
left: 0;
color: var(--primary-color);}
main.xhl7r2dn .ibcec6abeb4{padding: 100px 0;
background-color: #ffffff;
color: hsl(220, 10%, 11%);}
main.xhl7r2dn .e4773b_14{overflow-x: auto;
margin-top: 40px;}
main.xhl7r2dn .xyrd4kpxa{width: 100%;
border-collapse: collapse;
min-width: 800px;}
main.xhl7r2dn .xyrd4kpxa th{background-color: var(--content-page-bg);
padding: 24px;
text-align: left;
font-weight: 600;
border-bottom: 2px solid var(--content-border);
color: hsl(220, 10%, 11%);}
main.xhl7r2dn .xyrd4kpxa td{padding: 24px;
border-bottom: 1px solid var(--content-border);
vertical-align: top;}
main.xhl7r2dn .pwvh32e8m38{color: var(--primary-color);
font-weight: bold;}
main.xhl7r2dn .yc7f7f9_bc57{padding: 100px 0;}
main.xhl7r2dn .qba9dc102{display: flex;
gap: 60px;
align-items: center;}
main.xhl7r2dn .g052d04_9va{flex: 1;}
main.xhl7r2dn .b355bb4{flex: 1;}
main.xhl7r2dn .b355bb4 img{width: 100%;
border-radius: var(--border-radius);
box-shadow: 0 20px 40px rgba(0,0,0,0.05);
object-fit: cover;
aspect-ratio: 16 / 10;}
main.xhl7r2dn .ebfc667{padding: 100px 0;
background-color: var(--content-page-bg);
color: hsl(220, 10%, 11%);}
main.xhl7r2dn .hce7a83b1e4{display: grid;
grid-template-columns: 1fr;
gap: 24px;
max-width: var(--reading-width);}
main.xhl7r2dn .be4e90_4kj{background: #ffffff;
padding: 32px;
border-radius: 20px;
border: 1px solid var(--content-border);
color: hsl(220, 10%, 11%);}
main.xhl7r2dn .m9b9__b45{font-size: 1.25rem;
font-weight: 700;
margin-bottom: 12px;
color: var(--content-text);}
main.xhl7r2dn .a17f4__5096{color: var(--content-text-muted);}
main.xhl7r2dn .na44f7326e0{padding: 80px 0 40px;
border-top: 1px solid var(--content-border);
margin-top: 60px;}
main.xhl7r2dn .s915d5914{display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px;}
main.xhl7r2dn .w339__34a7 h4{color: var(--primary-color);
font-size: 1.5rem;
margin-bottom: 16px;}
main.xhl7r2dn .b487__abd0 h5{font-size: 1rem;
margin-bottom: 20px;}
main.xhl7r2dn .b487__abd0 ul{list-style: none;
padding: 0;}
main.xhl7r2dn .b487__abd0 li{margin-bottom: 12px;}
main.xhl7r2dn .b487__abd0 a{color: var(--content-text-muted);
text-decoration: none;
transition: var(--transition);}
main.xhl7r2dn .b487__abd0 a:hover{color: var(--primary-color);}
main.xhl7r2dn .w8a1__31d4{margin-top: 60px;
padding-top: 24px;
border-top: 1px solid var(--content-border);
color: var(--content-text-muted);
font-size: 0.875rem;}
@media (max-width: 1024px) {main.xhl7r2dn .l94aa__9d6{grid-template-columns: 1fr;}
main.xhl7r2dn .qba9dc102{flex-direction: column;}}
@media (max-width: 768px) {main.xhl7r2dn .v3fc80cdb3{font-size: 2.5rem;}
main.xhl7r2dn .ydf538_7ps{padding: 0 20px;}}
html, body{margin: 0;
padding: 0;}
body *, body *::before, body *::after{box-sizing: border-box;}
body{background: var(--content-page-bg, hsl(135, 7%, 96%));
color: var(--content-text, hsl(135, 10%, 11%));}