:root {

  --notes-c-primary: hsl(111, 75%, 56%);
  --notes-c-primary-hover: hsl(111, 75%, 48%);
  --notes-c-secondary: hsl(187, 60%, 56%);
  --notes-c-text-main: hsl(111, 10%, 8%);
  --notes-c-text-muted: hsl(111, 5%, 35%);
  --notes-c-bg-base: hsl(111, 7%, 97%);
  --notes-c-surface: #ffffff;
  --notes-c-border: rgba(18, 28, 18, 0.08);
  --notes-radius-lg: 24px;
  --notes-radius-md: 16px;
  --notes-shadow-soft: 0 12px 32px -8px rgba(18, 28, 18, 0.08);
  --notes-shadow-hover: 0 20px 48px -12px rgba(18, 28, 18, 0.12);
  --notes-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --notes-container-w: 1200px;
  --notes-read-w: 680px;
  --notes-space-y: 6rem;
  --primary-color: hsl(15, 85%, 58%);
  --secondary-color: hsl(35, 88%, 52%);
  --bg-color: hsl(20, 15%, 97%);
  --text-color: hsl(20, 12%, 15%);
  --text-muted: hsl(20, 8%, 45%);
  --border-color: hsla(20, 10%, 10%, 0.08);
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 28px;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 8px 20px rgba(225, 81, 61, 0.12);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.1);
  --nav-height: 80px;
  --max-width: 1200px;
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --nav-bg: hsla(20, 15%, 97%, 0.85);
  --nav-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --content-page-bg: var(--bg-color, hsl(220, 7%, 96%));
  --content-surface-bg: #ffffff;
  --content-text: var(--text-color, hsl(220, 10%, 11%));
  --content-text-muted: var(--text-muted, rgba(31, 35, 40, 0.72));
  --content-border: var(--border-color, rgba(0, 0, 0, 0.08));
  --content-accent-text: hsl(22, 78%, 38%);
}
div.bea0__1cfc.v62ea__23ea.f97399_5r9{
    font-family: var(--notes-font-sans);
    color: var(--notes-c-text-main, #151715);
    background-color: var(--notes-c-bg-base, #f5f6f5);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    padding-bottom: 2rem;
    }
div.bea0__1cfc.v62ea__23ea.f97399_5r9 *{
    box-sizing: border-box;
    }
div.bea0__1cfc.v62ea__23ea .a6e02e__1e548{
    max-width: var(--notes-container-w);
    margin: 0 auto;
    padding: 0 2rem;
    }
div.bea0__1cfc.v62ea__23ea .idd6__37eb{
    max-width: var(--notes-read-w);
    margin-bottom: 3rem;
    text-align: left; 
    }
div.bea0__1cfc.v62ea__23ea .ud686_5f{
    display: inline-block;
    padding: 0.375rem 0.75rem;
    background-color: rgba(69, 219, 43, 0.15); 
    color: var(--notes-c-text-main);
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 100px;
    margin-bottom: 1.25rem;
    letter-spacing: 0.5px;
    }
div.bea0__1cfc.v62ea__23ea .mdabc72_895{
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 1rem 0;
    letter-spacing: -0.02em;
    }
div.bea0__1cfc.v62ea__23ea .j1965__4e22{
    font-size: 1.125rem;
    color: var(--notes-c-text-muted);
    margin: 0;
    }
div.bea0__1cfc.v62ea__23ea .o979gy34z0{
    color: var(--notes-c-text-main);
    text-decoration: none;
    font-weight: 600;
    border-bottom: 2px solid var(--notes-c-primary);
    transition: all 0.2s ease;
    }
div.bea0__1cfc.v62ea__23ea .o979gy34z0:hover{
    background-color: var(--notes-c-primary);
    color: var(--notes-c-text-main);
    }
div.bea0__1cfc.v62ea__23ea .ie0eab_txx{
    padding: 5rem 0 6rem;
    background: linear-gradient(135deg, var(--notes-c-bg-base) 0%, #ffffff 100%);
    border-bottom: 1px solid var(--notes-c-border); color: #1a1a2e;}
div.bea0__1cfc.v62ea__23ea .m7827c76b{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
    }
div.bea0__1cfc.v62ea__23ea .ve81551d_lxza{
    
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: var(--notes-read-w);
    }
div.bea0__1cfc.v62ea__23ea .hd22fff_6632{
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1.1;
    margin: 0 0 1.5rem 0;
    letter-spacing: -0.03em;
    color: var(--notes-c-text-main);
    }
div.bea0__1cfc.v62ea__23ea .pz1dlaq5kp{
    font-size: 1.25rem;
    color: var(--notes-c-text-muted);
    margin: 0 0 2.5rem 0;
    }
div.bea0__1cfc.v62ea__23ea .i1a6f9ea_50{
    display: flex;
    gap: 1.5rem;
    align-items: center;
    flex-wrap: wrap;
    }
div.bea0__1cfc.v62ea__23ea .g1zp0zt4{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 2rem;
    font-size: 1rem;
    font-weight: 600;
    border-radius: var(--notes-radius-md);
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    cursor: pointer;
    border: none;
    }
div.bea0__1cfc.v62ea__23ea .he4bb_12{
    
    background-color: var(--notes-c-primary);
    color: var(--notes-c-text-main);
    box-shadow: 0 8px 24px rgba(69, 219, 43, 0.25);
    }
div.bea0__1cfc.v62ea__23ea .he4bb_12:hover{
    background-color: var(--notes-c-primary-hover);
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(69, 219, 43, 0.35); color: #1a1a2e;}
div.bea0__1cfc.v62ea__23ea .vebd11cbea{
    color: var(--notes-c-text-main);
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    }
div.bea0__1cfc.v62ea__23ea .vebd11cbea::after{
    content: "→";
    transition: transform 0.2s;
    }
div.bea0__1cfc.v62ea__23ea .vebd11cbea:hover::after{
    transform: translateX(4px);
    }
div.bea0__1cfc.v62ea__23ea .z25gztkb{position: relative;
    border-radius: var(--notes-radius-lg);
    overflow: hidden;
    box-shadow: var(--notes-shadow-soft);
    aspect-ratio: 4/3; isolation: isolate;}
div.bea0__1cfc.v62ea__23ea .pb159355da{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    }
div.bea0__1cfc.v62ea__23ea .e2b95ac_e0{
    padding: var(--notes-space-y) 0;
    }
div.bea0__1cfc.v62ea__23ea .vef6d1e{
    background-color: var(--notes-c-surface); color: #1a1a2e;}
div.bea0__1cfc.v62ea__23ea .y32da49{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    }
div.bea0__1cfc.v62ea__23ea .pfdd6d40642{
    background: var(--notes-c-bg-base);
    padding: 2.5rem;
    border-radius: var(--notes-radius-lg);
    border: 1px solid var(--notes-c-border);
    transition: transform 0.3s ease; color: #1a1a2e;}
div.bea0__1cfc.v62ea__23ea .pfdd6d40642:hover{
    transform: translateY(-4px);
    }
div.bea0__1cfc.v62ea__23ea .e93fdd_6s{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background-color: var(--notes-c-primary);
    color: var(--notes-c-text-main);
    font-size: 1.25rem;
    font-weight: 700;
    border-radius: 12px;
    margin-bottom: 1.5rem;
    }
div.bea0__1cfc.v62ea__23ea .pfdd6d40642 h3{
    font-size: 1.25rem;
    margin: 0 0 1rem 0;
    color: var(--notes-c-text-main);
    }
div.bea0__1cfc.v62ea__23ea .pfdd6d40642 p{
    color: var(--notes-c-text-muted);
    font-size: 0.95rem;
    margin: 0;
    }
div.bea0__1cfc.v62ea__23ea .y9ba29a048{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
    }
div.bea0__1cfc.v62ea__23ea .ivpbbxk9dz3w{
    background: var(--notes-c-surface);
    padding: 2rem 1.5rem;
    border-radius: var(--notes-radius-md);
    border: 1px solid var(--notes-c-border);
    box-shadow: 0 4px 12px rgba(0,0,0,0.02);
    display: flex;
    flex-direction: column; color: #1a1a2e;}
div.bea0__1cfc.v62ea__23ea .u577429{
    width: 40px;
    height: 40px;
    margin-bottom: 1.25rem;
    color: var(--notes-c-secondary);
    }
div.bea0__1cfc.v62ea__23ea .ivpbbxk9dz3w h3{
    font-size: 1.125rem;
    margin: 0 0 0.75rem 0;
    }
div.bea0__1cfc.v62ea__23ea .ivpbbxk9dz3w p{
    font-size: 0.875rem;
    color: var(--notes-c-text-muted);
    margin: 0;
    flex-grow: 1;
    }
div.bea0__1cfc.v62ea__23ea .mc9a82ec0{
    max-width: 800px; 
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    }
div.bea0__1cfc.v62ea__23ea .n85a8_73be{
    background: var(--notes-c-surface);
    border: 1px solid var(--notes-c-border);
    border-radius: var(--notes-radius-md);
    padding: 1.75rem 2rem; color: #1a1a2e;}
div.bea0__1cfc.v62ea__23ea .m46cf14_9ca2{
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0 0 0.75rem 0;
    color: var(--notes-c-text-main);
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    }
div.bea0__1cfc.v62ea__23ea .m46cf14_9ca2::before{
    content: "Q.";
    color: var(--notes-c-primary-hover);
    }
div.bea0__1cfc.v62ea__23ea .gf9cb2_bi8h{
    font-size: 1rem;
    color: var(--notes-c-text-muted);
    margin: 0;
    padding-left: 1.85rem;
    }
div.bea0__1cfc.v62ea__23ea .i7353_705{
    padding: 4rem 2rem;
    margin: 4rem auto 0;
    max-width: 1000px;
    }
div.bea0__1cfc.v62ea__23ea .jf81960ecb{background: var(--notes-c-text-main);
    color: var(--notes-c-surface);
    padding: 4rem;
    border-radius: var(--notes-radius-lg);
    text-align: left;
    position: relative;
    overflow: hidden;
    box-shadow: var(--notes-shadow-hover); isolation: isolate;}
div.bea0__1cfc.v62ea__23ea .jf81960ecb::before{
    content: "";
    position: absolute;
    top: -50%;
    right: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, var(--notes-c-primary) 0%, transparent 70%);
    opacity: 0.15;
    border-radius: 50%;
    pointer-events: none; color: #1a1a2e;}
div.bea0__1cfc.v62ea__23ea .jf81960ecb .mdabc72_895{
    color: var(--notes-c-surface);
    margin-bottom: 1rem;
    }
div.bea0__1cfc.v62ea__23ea .jf81960ecb .j1965__4e22{
    color: rgba(255,255,255,0.7);
    max-width: 600px;
    margin-bottom: 2.5rem;
    }
div.bea0__1cfc.v62ea__23ea .jf81960ecb .he4bb_12{
    
    background-color: var(--notes-c-primary);
    color: var(--notes-c-text-main);
    }
div.bea0__1cfc.v62ea__23ea .u073cdd_7f6c{
    background: transparent;
    color: var(--notes-c-surface);
    border: 1px solid rgba(255,255,255,0.3);
    }
div.bea0__1cfc.v62ea__23ea .u073cdd_7f6c:hover{
    background: rgba(255,255,255,0.1);
    border-color: var(--notes-c-surface); color: #1a1a2e;}
div.bea0__1cfc.v62ea__23ea .e5e4__5a34{
    text-align: center;
    padding: 3rem 0;
    color: var(--notes-c-text-muted);
    font-size: 0.875rem;
    border-top: 1px solid var(--notes-c-border);
    margin-top: 4rem;
    }
@media (max-width: 1024px) {div.bea0__1cfc.v62ea__23ea .m7827c76b, div.bea0__1cfc.v62ea__23ea .y32da49{
    grid-template-columns: 1fr;
    gap: 2.5rem;
    }
div.bea0__1cfc.v62ea__23ea .y9ba29a048{
    grid-template-columns: repeat(2, 1fr);
    }
div.bea0__1cfc.v62ea__23ea .pb159355da{
    max-height: 400px;
    }
div.bea0__1cfc.v62ea__23ea .jf81960ecb{
    padding: 3rem 2rem;
    }}
@media (max-width: 640px) {div.bea0__1cfc.v62ea__23ea .y9ba29a048{
    grid-template-columns: 1fr;
    }
div.bea0__1cfc.v62ea__23ea .hd22fff_6632{
    font-size: 2.5rem;
    }
div.bea0__1cfc.v62ea__23ea .i1a6f9ea_50{
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    }
div.bea0__1cfc.v62ea__23ea .g1zp0zt4{
    width: 100%;
    }
div.bea0__1cfc.v62ea__23ea .vebd11cbea{
    justify-content: center;
    }}
.tc953__12e34{
    background-color: var(--bg-color);
    padding: 80px 24px 40px 24px;
    border-top: 1px solid var(--border-color); color: #1a1a2e;}
.ld35__a43c{
    max-width: var(--max-width);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    text-align: left; 
    }
.c242__61d0{
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    margin-bottom: 60px;
    }
.c5i3i74wkl5t{
    flex: 1;
    min-width: 280px;
    max-width: 400px;
    }
.i579__5ad{
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    }
.q6sumwea{
    background-color: var(--primary-color);
    color: #1a1a2e;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 20px;
    border-radius: 8px;
    }
.zcd7ecead5{
    font-size: 22px;
    font-weight: 700;
    color: var(--text-color);
    letter-spacing: -0.5px;
    }
.h507b35753{
    font-size: 15px;
    line-height: 1.6;
    color: var(--text-muted);
    margin-bottom: 32px;
    max-width: 320px;
    }
.p506da_bb3{
    display: flex;
    }
.gffzuiuuwb{
    background-color: var(--primary-color);
    color: #1a1a2e;
    padding: 14px 32px;
    border-radius: var(--radius-lg);
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    transition: var(--transition);
    box-shadow: var(--shadow-md);
    display: inline-block;
    }
.gffzuiuuwb:hover{
    transform: translateY(-2px);
    filter: brightness(1.1);
    box-shadow: 0 12px 24px rgba(225, 81, 61, 0.2);
    }
.qcf39b31a7{
    flex: 2;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 40px;
    }
.d7de46252ae{
    display: flex;
    flex-direction: column;
    gap: 16px;
    }
.g10afb6{
    font-size: 14px;
    font-weight: 700;
    color: var(--text-color);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
    margin-bottom: 8px;
    }
.qd81de8_48{
    color: var(--text-muted);
    text-decoration: none;
    font-size: 15px;
    transition: var(--transition);
    width: fit-content;
    }
.qd81de8_48:hover{
    color: var(--primary-color);
    padding-left: 4px;
    }
.k8266_ef92{
    height: 1px;
    background-color: var(--border-color);
    width: 100%;
    margin-bottom: 32px; color: #ffffff;}
.j6d97f6_e8{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    }
.fd2f38_289c{
    display: flex;
    align-items: center;
    gap: 24px;
    }
.f4645f08_7cn{
    font-size: 14px;
    color: var(--text-color);
    font-weight: 500;
    }
.a796e1__94f3b{
    font-size: 13px;
    color: var(--text-muted);
    }
.v9751ada_t6iw{
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: rgba(0, 0, 0, 0.03);
    padding: 6px 16px;
    border-radius: 20px; color: #ffffff;}
.bpmp7l3l5{
    width: 8px;
    height: 8px;
    background-color: #22c55e;
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(34, 197, 94, 0.4); color: #1a1a2e;}
.vcfc95_8ec{
    font-size: 12px;
    font-weight: 500;
    color: var(--text-muted);
    }
@media (max-width: 768px){.tc953__12e34 {
    padding: 60px 20px 30px 20px;
    }
.c242__61d0 {
    flex-direction: column;
    gap: 48px;
    }
.c5i3i74wkl5t {
    max-width: 100%;
    }
.qcf39b31a7 {
    grid-template-columns: repeat(2, 1fr);
    }
.j6d97f6_e8 {
    flex-direction: column;
    align-items: flex-start;
    }}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
body{
    font-family: var(--nav-font);
    background-color: var(--bg-color);
    color: var(--text-color);
    }
.xb85832_62f{
    width: 100%;
    height: var(--nav-height);
    background: var(--nav-bg);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--border-color);
    position: sticky;
    top: 0;
    z-index: 1000;
    display: flex;
    align-items: center; color: #1a1a2e;}
.ma417a1_d74d{
    max-width: var(--max-width);
    width: 92%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start; 
    }
.idc47dc_lcz{
    text-decoration: none;
    margin-right: 40px; 
    display: flex;
    align-items: center;
    }
.pb62892_aquz{
    font-size: 28px;
    font-weight: 800;
    color: var(--primary-color);
    letter-spacing: -1px;
    text-transform: uppercase;
    }
.p418__580{
    list-style: none;
    display: flex;
    gap: 8px; 
    align-items: center;
    margin-right: auto; 
    }
.w23726__d6f81{
    position: relative;
    }
.e574a__770{
    text-decoration: none;
    color: var(--text-color);
    font-size: 14px;
    font-weight: 500;
    padding: 8px 14px;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
.e574a__770:hover{
    background-color: rgba(0, 0, 0, 0.04);
    color: var(--primary-color);
    }
.d339f5_90p{
    display: flex;
    align-items: center;
    gap: 16px;
    }
.e53f1__64bb{
    text-decoration: none;
    background: var(--primary-color);
    color: #1a1a2e; 
    padding: 12px 28px;
    font-size: 15px;
    font-weight: 600;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    transition: var(--transition);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid transparent;
    }
.e53f1__64bb:hover{
    background: var(--secondary-color);
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(255, 140, 66, 0.25); color: #1a1a2e;}
.e53f1__64bb:active{
    transform: translateY(0);
    }
.pf8f6f_3c{
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 24px;
    height: 18px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    }
.pf8f6f_3c .v48c4bd5055{
    width: 100%;
    height: 2px;
    background-color: var(--text-color);
    border-radius: 2px;
    transition: var(--transition); color: #ffffff;}
@media (max-width: 1024px){.p418__580 {
    display: none; 
    }
.pf8f6f_3c {
    display: flex;
    }
.ma417a1_d74d {
    justify-content: space-between;
    }
.idc47dc_lcz {
    margin-right: 0;
    }}
.xb85832_62f::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)); color: #1a1a2e;}
.e574a__770.active{background-color: rgba(0, 0, 0, 0.04); color: var(--primary-color);}
.e574a__770.active {background-color: rgba(0, 0, 0, 0.04); color: var(--primary-color);}
html, body {
    margin: 0;
    padding: 0;
    }
body *, body *::before, body *::after {
    box-sizing: border-box;
    }
div.bea0__1cfc img.a285ad515c5 {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
div.bea0__1cfc img.a285ad515c5.ua83__3081 { aspect-ratio: 16 / 9; }
div.bea0__1cfc img.a285ad515c5.o4c991f22 { aspect-ratio: 16 / 10; }
div.bea0__1cfc img.a285ad515c5.k992__6bbb { aspect-ratio: 4 / 3; }
div.bea0__1cfc img.a285ad515c5.x283bd43f { aspect-ratio: 1 / 1; }
div.bea0__1cfc :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%;
    }
div.bea0__1cfc .r6e8310d6 {
    overflow: hidden;
    box-sizing: border-box !important;
    max-width: 100%;
    padding: 0 !important;
    min-height: 0;
    }
div.bea0__1cfc .r6e8310d6.ua83__3081 { aspect-ratio: 16 / 9; }
div.bea0__1cfc .r6e8310d6.o4c991f22 { aspect-ratio: 16 / 10; }
div.bea0__1cfc .r6e8310d6.k992__6bbb { aspect-ratio: 4 / 3; }
div.bea0__1cfc .r6e8310d6.x283bd43f { aspect-ratio: 1 / 1; }
div.bea0__1cfc .r6e8310d6 > img.a285ad515c5,
    div.bea0__1cfc .r6e8310d6 > picture > img.a285ad515c5 {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }
.h25f4f9b3b6 {
    padding-left: clamp(16px, 4vw, 48px);
    padding-right: clamp(16px, 4vw, 48px);
    }
.h25f4f9b3b6 > :first-child,
    .h25f4f9b3b6 > :last-child {
    width: min(1280px, 100%);
    margin-left: auto;
    margin-right: auto;
    }
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
body{
    font-family: var(--nav-font);
    background-color: var(--bg-color);
    color: var(--text-color);
    }
.xb85832_62f{
    width: 100%;
    height: var(--nav-height);
    background: var(--nav-bg);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--border-color);
    position: sticky;
    top: 0;
    z-index: 1000;
    display: flex;
    align-items: center; color: #1a1a2e;}
.ma417a1_d74d{
    max-width: var(--max-width);
    width: 92%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start; 
    }
.idc47dc_lcz{
    text-decoration: none;
    margin-right: 40px; 
    display: flex;
    align-items: center;
    }
.pb62892_aquz{
    font-size: 28px;
    font-weight: 800;
    color: var(--primary-color);
    letter-spacing: -1px;
    text-transform: uppercase;
    }
.p418__580{
    list-style: none;
    display: flex;
    gap: 8px; 
    align-items: center;
    margin-right: auto; 
    }
.w23726__d6f81{
    position: relative;
    }
.e574a__770{
    text-decoration: none;
    color: var(--text-color);
    font-size: 14px;
    font-weight: 500;
    padding: 8px 14px;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
.e574a__770:hover{
    background-color: rgba(0, 0, 0, 0.04);
    color: var(--primary-color);
    }
.d339f5_90p{
    display: flex;
    align-items: center;
    gap: 16px;
    }
.e53f1__64bb{
    text-decoration: none;
    background: var(--primary-color);
    color: #1a1a2e; 
    padding: 12px 28px;
    font-size: 15px;
    font-weight: 600;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    transition: var(--transition);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid transparent;
    }
.e53f1__64bb:hover{
    background: var(--secondary-color);
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(255, 140, 66, 0.25); color: #1a1a2e;}
.e53f1__64bb:active{
    transform: translateY(0);
    }
.pf8f6f_3c{
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 24px;
    height: 18px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    }
.pf8f6f_3c .v48c4bd5055{
    width: 100%;
    height: 2px;
    background-color: var(--text-color);
    border-radius: 2px;
    transition: var(--transition); color: #ffffff;}
@media (max-width: 1024px){.p418__580 {
    display: none; 
    }
.pf8f6f_3c {
    display: flex;
    }
.ma417a1_d74d {
    justify-content: space-between;
    }
.idc47dc_lcz {
    margin-right: 0;
    }}
.xb85832_62f::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)); color: #1a1a2e;}
.e574a__770.active{background-color: rgba(0, 0, 0, 0.04); color: var(--primary-color);}
.e574a__770.active{background-color: rgba(0, 0, 0, 0.04); color: var(--primary-color);}
.tc953__12e34{
    background-color: var(--bg-color);
    padding: 80px 24px 40px 24px;
    border-top: 1px solid var(--border-color); color: #1a1a2e;}
.ld35__a43c{
    max-width: var(--max-width);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    text-align: left; 
    }
.c242__61d0{
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    margin-bottom: 60px;
    }
.c5i3i74wkl5t{
    flex: 1;
    min-width: 280px;
    max-width: 400px;
    }
.i579__5ad{
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    }
.q6sumwea{
    background-color: var(--primary-color);
    color: #1a1a2e;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 20px;
    border-radius: 8px;
    }
.zcd7ecead5{
    font-size: 22px;
    font-weight: 700;
    color: var(--text-color);
    letter-spacing: -0.5px;
    }
.h507b35753{
    font-size: 15px;
    line-height: 1.6;
    color: var(--text-muted);
    margin-bottom: 32px;
    max-width: 320px;
    }
.p506da_bb3{
    display: flex;
    }
.gffzuiuuwb{
    background-color: var(--primary-color);
    color: #1a1a2e;
    padding: 14px 32px;
    border-radius: var(--radius-lg);
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    transition: var(--transition);
    box-shadow: var(--shadow-md);
    display: inline-block;
    }
.gffzuiuuwb:hover{
    transform: translateY(-2px);
    filter: brightness(1.1);
    box-shadow: 0 12px 24px rgba(225, 81, 61, 0.2);
    }
.qcf39b31a7{
    flex: 2;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 40px;
    }
.d7de46252ae{
    display: flex;
    flex-direction: column;
    gap: 16px;
    }
.g10afb6{
    font-size: 14px;
    font-weight: 700;
    color: var(--text-color);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
    margin-bottom: 8px;
    }
.qd81de8_48{
    color: var(--text-muted);
    text-decoration: none;
    font-size: 15px;
    transition: var(--transition);
    width: fit-content;
    }
.qd81de8_48:hover{
    color: var(--primary-color);
    padding-left: 4px;
    }
.k8266_ef92{
    height: 1px;
    background-color: var(--border-color);
    width: 100%;
    margin-bottom: 32px; color: #ffffff;}
.j6d97f6_e8{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    }
.fd2f38_289c{
    display: flex;
    align-items: center;
    gap: 24px;
    }
.f4645f08_7cn{
    font-size: 14px;
    color: var(--text-color);
    font-weight: 500;
    }
.a796e1__94f3b{
    font-size: 13px;
    color: var(--text-muted);
    }
.v9751ada_t6iw{
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: rgba(0, 0, 0, 0.03);
    padding: 6px 16px;
    border-radius: 20px; color: #ffffff;}
.bpmp7l3l5{
    width: 8px;
    height: 8px;
    background-color: #22c55e;
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(34, 197, 94, 0.4); color: #1a1a2e;}
.vcfc95_8ec{
    font-size: 12px;
    font-weight: 500;
    color: var(--text-muted);
    }
@media (max-width: 768px){.tc953__12e34 {
    padding: 60px 20px 30px 20px;
    }
.c242__61d0 {
    flex-direction: column;
    gap: 48px;
    }
.c5i3i74wkl5t {
    max-width: 100%;
    }
.qcf39b31a7 {
    grid-template-columns: repeat(2, 1fr);
    }
.j6d97f6_e8 {
    flex-direction: column;
    align-items: flex-start;
    }}
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body{
  font-family: var(--nav-font);
  background-color: var(--bg-color);
  color: var(--text-color);
}
.xb85832_62f{
  width: 100%;
  height: var(--nav-height);
  background: var(--nav-bg);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border-color);
  position: sticky;
  top: 0;
  z-index: 1000;
  display: flex;
  align-items: center; color: #1a1a2e;}
.ma417a1_d74d{
  max-width: var(--max-width);
  width: 92%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start; 
}
.idc47dc_lcz{
  text-decoration: none;
  margin-right: 40px; 
  display: flex;
  align-items: center;
}
.pb62892_aquz{
  font-size: 28px;
  font-weight: 800;
  color: var(--primary-color);
  letter-spacing: -1px;
  text-transform: uppercase;
}
.p418__580{
  list-style: none;
  display: flex;
  gap: 8px; 
  align-items: center;
  margin-right: auto; 
}
.w23726__d6f81{
  position: relative;
}
.e574a__770{
  text-decoration: none;
  color: var(--text-color);
  font-size: 14px;
  font-weight: 500;
  padding: 8px 14px;
  border-radius: var(--radius-sm);
  transition: var(--transition);
  white-space: nowrap;
}
.e574a__770:hover{
  background-color: rgba(0, 0, 0, 0.04);
  color: var(--primary-color);
}
.d339f5_90p{
  display: flex;
  align-items: center;
  gap: 16px;
}
.e53f1__64bb{
  text-decoration: none;
  background: var(--primary-color);
  color: #1a1a2e; 
  padding: 12px 28px;
  font-size: 15px;
  font-weight: 600;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition: var(--transition);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
}
.e53f1__64bb:hover{
  background: var(--secondary-color);
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(255, 140, 66, 0.25); color: #1a1a2e;}
.e53f1__64bb:active{
  transform: translateY(0);
}
.pf8f6f_3c{
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 24px;
  height: 18px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.pf8f6f_3c .v48c4bd5055{
  width: 100%;
  height: 2px;
  background-color: var(--text-color);
  border-radius: 2px;
  transition: var(--transition); color: #ffffff;}
@media (max-width: 1024px){.p418__580 {
    display: none; 
  }
.pf8f6f_3c {
    display: flex;
  }
.ma417a1_d74d {
    justify-content: space-between;
  }
.idc47dc_lcz {
    margin-right: 0;
  }}
.xb85832_62f::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)); color: #1a1a2e;}
.e574a__770.active{background-color: rgba(0, 0, 0, 0.04); color: var(--primary-color);}
.e574a__770.active{background-color: rgba(0, 0, 0, 0.04); color: var(--primary-color);}
.b037bc_bc8c{
  background-color: var(--bg-color);
  padding: 80px 24px 40px 24px;
  border-top: 1px solid var(--border-color); color: #1a1a2e;}
.z0cc9d_f1ac{
  max-width: var(--max-width);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  text-align: left; 
}
.cee25385091{
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
  margin-bottom: 60px;
}
.r0bfbe_5709{
  flex: 1;
  min-width: 280px;
  max-width: 400px;
}
.gae5__b52e{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}
.t418__9a0b{
  background-color: var(--primary-color);
  color: #1a1a2e;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 20px;
  border-radius: 8px;
}
.b6e00c1a8f5{
  font-size: 22px;
  font-weight: 700;
  color: var(--text-color);
  letter-spacing: -0.5px;
}
.ja68a6bcdd2{
  font-size: 15px;
  line-height: 1.6;
  color: var(--text-muted);
  margin-bottom: 32px;
  max-width: 320px;
}
.qc53__f1f8{
  display: flex;
}
.v2b9c4_6f58{
  background-color: var(--primary-color);
  color: #1a1a2e;
  padding: 14px 32px;
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  transition: var(--transition);
  box-shadow: var(--shadow-md);
  display: inline-block;
}
.v2b9c4_6f58:hover{
  transform: translateY(-2px);
  filter: brightness(1.1);
  box-shadow: 0 12px 24px rgba(225, 81, 61, 0.2);
}
.xc00f3133a2{
  flex: 2;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 40px;
}
.l5819105722{
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ycf61b104{
  font-size: 14px;
  font-weight: 700;
  color: var(--text-color);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
  margin-bottom: 8px;
}
.h10f90_2bb7{
  color: var(--text-muted);
  text-decoration: none;
  font-size: 15px;
  transition: var(--transition);
  width: fit-content;
}
.h10f90_2bb7:hover{
  color: var(--primary-color);
  padding-left: 4px;
}
.j86d__f37f{
  height: 1px;
  background-color: var(--border-color);
  width: 100%;
  margin-bottom: 32px; color: #ffffff;}
.j45f58573{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.i837__4f81{
  display: flex;
  align-items: center;
  gap: 24px;
}
.ua27__049a{
  font-size: 14px;
  color: var(--text-color);
  font-weight: 500;
}
.s0ed__b025{
  font-size: 13px;
  color: var(--text-muted);
}
.lb7bf6_39f4{
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: rgba(0, 0, 0, 0.03);
  padding: 6px 16px;
  border-radius: 20px; color: #ffffff;}
.w854__3e7b{
  width: 8px;
  height: 8px;
  background-color: #22c55e;
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(34, 197, 94, 0.4); color: #1a1a2e;}
.ae9baa_86ac{
  font-size: 12px;
  font-weight: 500;
  color: var(--text-muted);
}
@media (max-width: 768px){.b037bc_bc8c {
    padding: 60px 20px 30px 20px;
  }
.cee25385091 {
    flex-direction: column;
    gap: 48px;
  }
.r0bfbe_5709 {
    max-width: 100%;
  }
.xc00f3133a2 {
    grid-template-columns: repeat(2, 1fr);
  }
.j45f58573 {
    flex-direction: column;
    align-items: flex-start;
  }}
.of0df6d5ff3{box-sizing:border-box;}
.u2385369a{box-sizing:border-box;}
.zb1d__1b7c{display:block;max-width:100%;height:auto;}
.xd7fc8f2c{box-sizing:border-box;}
.y443f9f8b{box-sizing:border-box;}
@media (max-width: 768px) {.j6d97f6_e8 { flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 14px !important; padding: 20px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }}