:root{--content-page-bg: hsl(257, 8%, 96%);
--content-surface-bg: rgb(232, 227, 244);
--content-text: hsl(257, 10%, 11%);
--content-text-muted: rgba(26, 26, 46, 0.75);
--content-accent-text: #ffffff;
--content-border: rgb(232, 227, 244);
--primary-color: hsl(257, 81%, 63%);
--secondary-color: hsl(34, 65%, 63%);
--max-width: 1494px;
--text-read-width: 797px;
--radius-lg: 22px;
--shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.03);
--hero-text-width: 797px;
--transition: all 0.25s ease;
--page-max-width: 1494px;
--idx-max-width: 1494px;
--page-reading-width: 926px;
--reading-width: 926px;
--content-width: 926px;
--text-column-width: 926px;
--text-width: 904px;
--page-hero-reading-width: 797px;
--hero-text-max: 797px;
--hero-text-max-width: 797px;
--site-page-frame-mode: contained;
--site-hero-layout-family: editorial_band;
--site-breakout-mode: controlled;
--site-frame-width-policy: page;
--site-surface-density: airy;
--page-card-radius: 22px;
--page-card-shadow: 0 16px 38px rgb(232, 227, 244);
--page-card-border: rgb(232, 227, 244);
--page-card-bg: rgb(232, 227, 244);
--content-heading: hsl(257, 10%, 11%);
--content-accent-ui: hsl(257, 81%, 63%);
--content-link-color: #ffffff;
--content-link-hover: hsl(34, 65%, 63%);}
main.wcabe4__4aa34 .dbc09c0_zezf{box-sizing:border-box;}
main.wcabe4__4aa34.j6f7c5__0cb1{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
background-color: var(--content-page-bg, #f5f5f7);
color: var(--content-text, #18212f);
line-height: 1.6;
overflow-x: hidden;}
main.wcabe4__4aa34 .r8c6e4_774{max-width: var(--max-width, 1494px);
margin: 0 auto;
padding: 0 40px;
text-align: left;}
main.wcabe4__4aa34 .r37b07_ug5r{padding: 100px 0 80px;
display: flex;
flex-direction: column;
align-items: flex-start;
background: linear-gradient(135deg, #ffffff 0%, var(--content-page-bg) 100%);
color: hsl(220, 10%, 11%);}
main.wcabe4__4aa34 .ecq6pgmeo{max-width: var(--text-read-width, 797px);}
main.wcabe4__4aa34 .r37b07_ug5r h1{font-size: clamp(32px, 5vw, 56px);
font-weight: 800;
line-height: 1.1;
margin-bottom: 24px;
letter-spacing: -0.02em;
color: var(--content-text);}
main.wcabe4__4aa34 .r37b07_ug5r p{font-size: 20px;
color: var(--content-text-muted);
margin-bottom: 40px;}
main.wcabe4__4aa34 .uee961d4_12c{display: flex;
gap: 16px;
align-items: center;}
main.wcabe4__4aa34 .n60bff00{background-color: var(--primary-color, #6c5ce7);
color: #ffffff;
padding: 16px 36px;
border-radius: 12px;
text-decoration: none;
font-weight: 600;
font-size: 18px;
transition: transform 0.2s, box-shadow 0.2s;
box-shadow: 0 8px 20px rgba(108, 92, 231, 0.25);}
main.wcabe4__4aa34 .n60bff00:hover{transform: translateY(-2px);
box-shadow: 0 12px 24px rgba(108, 92, 231, 0.35);}
main.wcabe4__4aa34 .m3d145_2jj0{padding: 80px 0;}
main.wcabe4__4aa34 .f83b733_04{max-width: var(--text-read-width, 797px);
margin-bottom: 50px;}
main.wcabe4__4aa34 .f83b733_04 h2{font-size: 32px;
margin-bottom: 16px;}
main.wcabe4__4aa34 .qb6810__7a039{display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 24px;
margin-bottom: 60px;}
main.wcabe4__4aa34 .hxdfp8tlwd{background: var(--content-surface-bg, #ffffff);
padding: 40px;
border-radius: var(--radius-lg, 22px);
border: 1px solid var(--content-border);
transition: border-color 0.3s;
color: hsl(220, 10%, 11%);}
main.wcabe4__4aa34 .hxdfp8tlwd:hover{border-color: var(--primary-color);}
main.wcabe4__4aa34 .hxdfp8tlwd svg{width: 48px;
height: 48px;
margin-bottom: 24px;
fill: var(--primary-color);}
main.wcabe4__4aa34 .hxdfp8tlwd h3{font-size: 22px;
margin-bottom: 12px;}
main.wcabe4__4aa34 .hxdfp8tlwd ul{list-style: none;
color: var(--content-text-muted);}
main.wcabe4__4aa34 .hxdfp8tlwd li{margin-bottom: 8px;
padding-left: 20px;
position: relative;}
main.wcabe4__4aa34 .hxdfp8tlwd li::before{content: "•";
position: absolute;
left: 0;
color: hsl(257, 81%, 28%);}
main.wcabe4__4aa34 .tf548__b72e{padding: 80px 0;
background-color: #ffffff;
border-radius: 40px;
margin: 40px 0;
color: hsl(220, 10%, 11%);}
main.wcabe4__4aa34 .ae4a50_9f2{overflow-x: auto;
margin-top: 40px;}
main.wcabe4__4aa34 table{width: 100%;
border-collapse: collapse;
min-width: 800px;}
main.wcabe4__4aa34 th, main.wcabe4__4aa34 td{padding: 24px;
text-align: left;
border-bottom: 1px solid var(--content-border);}
main.wcabe4__4aa34 th{font-weight: 700;
color: var(--content-text-muted);
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;}
main.wcabe4__4aa34 .n5aa0b7d3b0{font-weight: 600;
width: 20%;}
main.wcabe4__4aa34 .j1144acf1{padding: 100px 0;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;}
main.wcabe4__4aa34 .ua52da8_13{width: 100%;
border-radius: var(--radius-lg);
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
aspect-ratio: 16 / 10;
object-fit: cover;}
main.wcabe4__4aa34 .dbc09c0_zezf h2{font-size: 32px;
margin-bottom: 24px;}
main.wcabe4__4aa34 .dbc09c0_zezf p{margin-bottom: 20px;
color: var(--content-text-muted);}
main.wcabe4__4aa34 .e516a822_89o{padding: 100px 0;}
main.wcabe4__4aa34 .o21bb3_1q9{display: grid;
grid-template-columns: 1fr;
gap: 16px;
max-width: 1000px;}
main.wcabe4__4aa34 .yceb0__988{background: var(--content-surface-bg);
border-radius: 16px;
padding: 32px;
border: 1px solid var(--content-border);
color: hsl(220, 10%, 11%);}
main.wcabe4__4aa34 .yceb0__988 h3{font-size: 18px;
margin-bottom: 12px;
color: var(--content-text);}
main.wcabe4__4aa34 .yceb0__988 p{color: var(--content-text-muted);
font-size: 16px;}
main.wcabe4__4aa34 .rf1e5fd76b5{padding: 80px 0 40px;
border-top: 1px solid var(--content-border);
margin-top: 60px;}
main.wcabe4__4aa34 .ha29cab9945{display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 20px;}
main.wcabe4__4aa34 .b48518a18{font-weight: 700;
font-size: 20px;}
main.wcabe4__4aa34 .bf4c743be1a{display: flex;
gap: 32px;}
main.wcabe4__4aa34 .bf4c743be1a a{text-decoration: none;
color: var(--content-text-muted);
font-size: 14px;}
main.wcabe4__4aa34 .bf4c743be1a a:hover{color: var(--primary-color);}
main.wcabe4__4aa34 .copyright{width: 100%;
margin-top: 40px;
font-size: 13px;
color: rgba(24, 33, 47, 0.4);}
@media (max-width: 1024px) {main.wcabe4__4aa34 .j1144acf1{grid-template-columns: 1fr;}
main.wcabe4__4aa34 .ua52da8_13{order: -1;}}
html, body{margin: 0;
padding: 0;}
body *, body *::before, body *::after{box-sizing: border-box;}
body{background: var(--content-page-bg, hsl(257, 8%, 96%));
color: var(--content-text, hsl(257, 10%, 11%));}