/* inline */
[id] { scroll-margin-top: 88px; }
.innovation-card { transition: transform 0.45s, box-shadow 0.45s, border-color 0.45s; }
.innovation-card.innovation-active { transform: translateY(-8px); border-color: rgba(18, 103, 255, 0.42); box-shadow: rgba(18, 103, 255, 0.18) 0px 30px 90px; }
#innovation-agi.innovation-active { box-shadow: rgba(18, 103, 255, 0.3) 0px 30px 90px; }
.case-card { transition: transform 0.45s, box-shadow 0.45s, border-color 0.45s; }
.case-card.case-active { transform: translateY(-8px); border-color: rgba(18, 103, 255, 0.42); box-shadow: rgba(18, 103, 255, 0.18) 0px 30px 90px; }
.case-card.case-active h3 { color: rgb(18, 103, 255); }
#why-choose .whychoose-title-motion { opacity: 0; transform: translateY(90px) scale(0.94); filter: blur(12px); transition: opacity 1.15s cubic-bezier(0.22, 1, 0.36, 1), transform 1.15s cubic-bezier(0.22, 1, 0.36, 1), filter 1.15s cubic-bezier(0.22, 1, 0.36, 1); will-change: opacity, transform, filter; }
#why-choose .whychoose-card-motion { opacity: 0; transform: translateX(-120px) scale(0.92); filter: blur(12px); transition: opacity 1.05s cubic-bezier(0.22, 1, 0.36, 1), transform 1.05s cubic-bezier(0.22, 1, 0.36, 1), filter 1.05s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.45s; will-change: opacity, transform, filter; }
#why-choose.whychoose-active .whychoose-title-motion { opacity: 1; transform: translateY(0px) scale(1); filter: blur(0px); }
#why-choose.whychoose-active .whychoose-card-motion { opacity: 1; transform: translateX(0px) scale(1); filter: blur(0px); }
#why-choose.whychoose-active .whychoose-card-motion:nth-child(1) { transition-delay: 0.12s; }
#why-choose.whychoose-active .whychoose-card-motion:nth-child(2) { transition-delay: 0.34s; }
#why-choose.whychoose-active .whychoose-card-motion:nth-child(3) { transition-delay: 0.56s; }
#why-choose .whychoose-card-motion:hover { transform: translateY(-10px) scale(1.018); box-shadow: rgba(0, 0, 0, 0.24) 0px 30px 90px; }
@media (min-width: 769px) and (max-width: 1024px) {
  #why-choose .whychoose-title-motion { transform: translateY(64px) scale(0.96); filter: blur(8px); }
  #why-choose .whychoose-card-motion { transform: translateX(-70px) scale(0.95); filter: blur(8px); }
  #why-choose.whychoose-active .whychoose-card-motion { transform: translateX(0px) scale(1); filter: blur(0px); }
}
@media (max-width: 768px) {
  #why-choose .whychoose-title-motion { transform: translateY(52px) scale(0.97); filter: blur(7px); }
  #why-choose .whychoose-card-motion { transform: translateY(56px) scale(0.95); filter: blur(8px); }
  #why-choose.whychoose-active .whychoose-title-motion, #why-choose.whychoose-active .whychoose-card-motion { transform: translateY(0px) scale(1); filter: blur(0px); }
  #why-choose .whychoose-card-motion:hover { transform: translateY(0px) scale(1); box-shadow: none; }
}

/* inline */
*, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
*, ::after, ::before { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(224, 224, 224); }
::after, ::before { --tw-content: ''; }
:host, html { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; }
body { margin: 0px; line-height: inherit; }
hr { height: 0px; color: inherit; border-top-width: 1px; }
abbr:where([title]) { text-decoration: underline dotted; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
b, strong { font-weight: bolder; }
code, kbd, pre, samp { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px; }
button, select { text-transform: none; }
button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) { appearance: button; background-color: transparent; background-image: none; }
progress { vertical-align: baseline; }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
summary { display: list-item; }
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { margin: 0px; }
fieldset { margin: 0px; padding: 0px; }
legend { padding: 0px; }
menu, ol, ul { list-style: none; margin: 0px; padding: 0px; }
dialog { padding: 0px; }
textarea { resize: vertical; }
input::placeholder, textarea::placeholder { opacity: 1; color: rgb(156, 163, 175); }
[role="button"], button { cursor: pointer; }
:disabled { cursor: default; }
audio, canvas, embed, iframe, img, object, svg, video { display: block; vertical-align: middle; }
img, video { max-width: 100%; height: auto; }
[hidden]:where(:not([hidden="until-found"])) { display: none; }
.container { width: 100%; }
@media (min-width: 640px) {
  .container { max-width: 640px; }
}
@media (min-width: 768px) {
  .container { max-width: 768px; }
}
@media (min-width: 1024px) {
  .container { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .container { max-width: 1280px; }
}
@media (min-width: 1536px) {
  .container { max-width: 1536px; }
}
.pointer-events-none { pointer-events: none; }
.invisible { visibility: hidden; }
.fixed { position: fixed; }
.absolute { position: absolute; }
.relative { position: relative; }
.inset-0 { inset: 0px; }
.-top-10 { top: -2.5rem; }
.bottom-10 { bottom: 2.5rem; }
.bottom-12 { bottom: 3rem; }
.bottom-4 { bottom: 1rem; }
.bottom-\[20\%\] { bottom: 20%; }
.bottom-\[4\%\] { bottom: 4%; }
.bottom-\[6\%\] { bottom: 6%; }
.bottom-\[8\%\] { bottom: 8%; }
.left-0 { left: 0px; }
.left-1\/2 { left: 50%; }
.left-4 { left: 1rem; }
.left-\[-12\%\] { left: -12%; }
.left-\[12\%\] { left: 12%; }
.right-0 { right: 0px; }
.right-4 { right: 1rem; }
.right-5 { right: 1.25rem; }
.right-8 { right: 2rem; }
.right-\[-10\%\] { right: -10%; }
.right-\[10\%\] { right: 10%; }
.right-\[8\%\] { right: 8%; }
.top-0 { top: 0px; }
.top-12 { top: 3rem; }
.top-5 { top: 1.25rem; }
.top-8 { top: 2rem; }
.top-\[10\%\] { top: 10%; }
.top-\[35\%\] { top: 35%; }
.top-\[8\%\] { top: 8%; }
.top-full { top: 100%; }
.isolate { isolation: isolate; }
.z-0 { z-index: 0; }
.z-10 { z-index: 10; }
.z-20 { z-index: 20; }
.z-30 { z-index: 30; }
.z-50 { z-index: 50; }
.m-0 { margin: 0px; }
.mx-auto { margin-left: auto; margin-right: auto; }
.-mt-1 { margin-top: -0.25rem; }
.mb-0 { margin-bottom: 0px; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-16 { margin-bottom: 4rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-5 { margin-bottom: 1.25rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mb-7 { margin-bottom: 1.75rem; }
.mb-8 { margin-bottom: 2rem; }
.mb-9 { margin-bottom: 2.25rem; }
.ml-2 { margin-left: 0.5rem; }
.mr-3 { margin-right: 0.75rem; }
.mr-4 { margin-right: 1rem; }
.mr-\[6px\] { margin-right: 6px; }
.mt-1 { margin-top: 0.25rem; }
.mt-10 { margin-top: 2.5rem; }
.mt-14 { margin-top: 3.5rem; }
.mt-16 { margin-top: 4rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 0.75rem; }
.mt-4 { margin-top: 1rem; }
.mt-5 { margin-top: 1.25rem; }
.mt-6 { margin-top: 1.5rem; }
.mt-7 { margin-top: 1.75rem; }
.mt-8 { margin-top: 2rem; }
.mt-9 { margin-top: 2.25rem; }
.mt-\[22px\] { margin-top: 22px; }
.mt-auto { margin-top: auto; }
.block { display: block; }
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.grid { display: grid; }
.hidden { display: none; }
.aspect-\[4\/3\] { aspect-ratio: 4 / 3; }
.aspect-\[4\/5\] { aspect-ratio: 4 / 5; }
.aspect-\[9\/19\.5\] { aspect-ratio: 9 / 19.5; }
.h-0 { height: 0px; }
.h-10 { height: 2.5rem; }
.h-11 { height: 2.75rem; }
.h-12 { height: 3rem; }
.h-14 { height: 3.5rem; }
.h-16 { height: 4rem; }
.h-2\.5 { height: 0.625rem; }
.h-9 { height: 2.25rem; }
.h-\[140px\] { height: 140px; }
.h-\[180px\] { height: 180px; }
.h-\[1px\] { height: 1px; }
.h-\[220px\] { height: 220px; }
.h-\[26px\] { height: 26px; }
.h-\[28px\] { height: 28px; }
.h-\[30px\] { height: 30px; }
.h-\[34px\] { height: 34px; }
.h-\[40px\] { height: 40px; }
.h-\[420px\] { height: 420px; }
.h-\[42px\] { height: 42px; }
.h-\[520px\] { height: 520px; }
.h-\[540px\] { height: 540px; }
.h-\[560px\] { height: 560px; }
.h-\[620px\] { height: 620px; }
.h-auto { height: auto; }
.h-full { height: 100%; }
.h-screen { height: 100vh; }
.max-h-0 { max-height: 0px; }
.min-h-\[210px\] { min-height: 210px; }
.min-h-\[34vh\] { min-height: 34vh; }
.min-h-\[42px\] { min-height: 42px; }
.w-0 { width: 0px; }
.w-10 { width: 2.5rem; }
.w-11 { width: 2.75rem; }
.w-12 { width: 3rem; }
.w-14 { width: 3.5rem; }
.w-16 { width: 4rem; }
.w-2\.5 { width: 0.625rem; }
.w-48 { width: 12rem; }
.w-9 { width: 2.25rem; }
.w-\[180px\] { width: 180px; }
.w-\[220px\] { width: 220px; }
.w-\[26px\] { width: 26px; }
.w-\[2px\] { width: 2px; }
.w-\[30px\] { width: 30px; }
.w-\[420px\] { width: 420px; }
.w-\[520px\] { width: 520px; }
.w-\[540px\] { width: 540px; }
.w-\[560px\] { width: 560px; }
.w-\[620px\] { width: 620px; }
.w-full { width: 100%; }
.min-w-\[145px\] { min-width: 145px; }
.max-w-2xl { max-width: 42rem; }
.max-w-3xl { max-width: 48rem; }
.max-w-4xl { max-width: 56rem; }
.max-w-7xl { max-width: 80rem; }
.max-w-\[1080px\] { max-width: 1080px; }
.max-w-\[1260px\] { max-width: 1260px; }
.max-w-\[500px\] { max-width: 500px; }
.max-w-\[560px\] { max-width: 560px; }
.max-w-\[660px\] { max-width: 660px; }
.max-w-\[680px\] { max-width: 680px; }
.max-w-\[700px\] { max-width: 700px; }
.max-w-\[720px\] { max-width: 720px; }
.max-w-\[740px\] { max-width: 740px; }
.max-w-\[760px\] { max-width: 760px; }
.max-w-\[780px\] { max-width: 780px; }
.max-w-\[820px\] { max-width: 820px; }
.max-w-\[860px\] { max-width: 860px; }
.max-w-\[900px\] { max-width: 900px; }
.max-w-\[920px\] { max-width: 920px; }
.max-w-\[980px\] { max-width: 980px; }
.max-w-none { max-width: none; }
.shrink-0 { flex-shrink: 0; }
.basis-full { flex-basis: 100%; }
.-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-y-2 { --tw-translate-y: 0.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.rotate-\[-12deg\] { --tw-rotate: -12deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
@keyframes bounce { 
  0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
  50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
}
.animate-bounce { animation: 1s ease 0s infinite normal none running bounce; }
.cursor-pointer { cursor: pointer; }
.scroll-mt-24 { scroll-margin-top: 6rem; }
.list-none { list-style-type: none; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.items-start { align-items: flex-start; }
.items-end { align-items: flex-end; }
.items-center { align-items: center; }
.items-stretch { align-items: stretch; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.gap-10 { gap: 2.5rem; }
.gap-12 { gap: 3rem; }
.gap-14 { gap: 3.5rem; }
.gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.gap-5 { gap: 1.25rem; }
.gap-6 { gap: 1.5rem; }
.gap-8 { gap: 2rem; }
.gap-x-4 { column-gap: 1rem; }
.gap-x-\[7px\] { column-gap: 7px; }
.gap-y-1 { row-gap: 0.25rem; }
.gap-y-2 { row-gap: 0.5rem; }
.space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); }
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.625rem * var(--tw-space-y-reverse)); }
.space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); }
.space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); }
.space-y-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); }
.space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); }
.overflow-hidden { overflow: hidden; }
.overflow-visible { overflow: visible; }
.rounded-2xl { border-radius: 1rem; }
.rounded-\[24px\] { border-radius: 24px; }
.rounded-\[26px\] { border-radius: 26px; }
.rounded-\[30px\] { border-radius: 30px; }
.rounded-\[8px\] { border-radius: 8px; }
.rounded-full { border-radius: 9999px; }
.rounded-none { border-radius: 0px; }
.border { border-width: 1px; }
.border-b { border-bottom-width: 1px; }
.border-t { border-top-width: 1px; }
.border-\[\#1267ff\]\/20 { border-color: rgba(18, 103, 255, 0.2); }
.border-\[\#1267ff\]\/45 { border-color: rgba(18, 103, 255, 0.45); }
.border-\[\#1267ff\]\/55 { border-color: rgba(18, 103, 255, 0.55); }
.border-accent\/30 { border-color: rgba(147, 51, 234, 0.3); }
.border-black\/10 { border-color: rgba(0, 0, 0, 0.1); }
.border-black\/5 { border-color: rgba(0, 0, 0, 0.05); }
.border-blue-500\/10 { border-color: rgba(59, 130, 246, 0.1); }
.border-blue-500\/20 { border-color: rgba(59, 130, 246, 0.2); }
.border-blue-500\/25 { border-color: rgba(59, 130, 246, 0.25); }
.border-blue-500\/35 { border-color: rgba(59, 130, 246, 0.35); }
.border-gray-200 { --tw-border-opacity: 1; border-color: rgb(224 224 224 / var(--tw-border-opacity, 1)); }
.border-gray-700 { --tw-border-opacity: 1; border-color: rgb(66 66 66 / var(--tw-border-opacity, 1)); }
.border-gray-800 { --tw-border-opacity: 1; border-color: rgb(51 51 51 / var(--tw-border-opacity, 1)); }
.border-white\/10 { border-color: rgba(255, 255, 255, 0.1); }
.border-white\/15 { border-color: rgba(255, 255, 255, 0.15); }
.bg-\[\#0b0f19\] { --tw-bg-opacity: 1; background-color: rgb(11 15 25 / var(--tw-bg-opacity, 1)); }
.bg-\[\#111827\] { --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); }
.bg-\[\#1267ff\] { --tw-bg-opacity: 1; background-color: rgb(18 103 255 / var(--tw-bg-opacity, 1)); }
.bg-\[\#1267ff\]\/10 { background-color: rgba(18, 103, 255, 0.1); }
.bg-\[\#1267ff\]\/15 { background-color: rgba(18, 103, 255, 0.15); }
.bg-\[\#4A4A4A\] { --tw-bg-opacity: 1; background-color: rgb(74 74 74 / var(--tw-bg-opacity, 1)); }
.bg-\[\#4a4a4a\] { --tw-bg-opacity: 1; background-color: rgb(74 74 74 / var(--tw-bg-opacity, 1)); }
.bg-\[\#eeeeee\] { --tw-bg-opacity: 1; background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1)); }
.bg-\[\#efefef\] { --tw-bg-opacity: 1; background-color: rgb(239 239 239 / var(--tw-bg-opacity, 1)); }
.bg-\[\#f1f3f7\] { --tw-bg-opacity: 1; background-color: rgb(241 243 247 / var(--tw-bg-opacity, 1)); }
.bg-\[\#f5f5f5\] { --tw-bg-opacity: 1; background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)); }
.bg-\[\#f7f7f7\] { --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1)); }
.bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); }
.bg-black\/10 { background-color: rgba(0, 0, 0, 0.1); }
.bg-blue-500\/5 { background-color: rgba(59, 130, 246, 0.05); }
.bg-dark { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.bg-dark\/80 { background-color: rgba(255, 255, 255, 0.8); }
.bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1)); }
.bg-transparent { background-color: transparent; }
.bg-violet-500\/10 { background-color: rgba(139, 92, 246, 0.1); }
.bg-violet-500\/5 { background-color: rgba(139, 92, 246, 0.05); }
.bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.bg-white\/10 { background-color: rgba(255, 255, 255, 0.1); }
.bg-white\/15 { background-color: rgba(255, 255, 255, 0.15); }
.bg-white\/5 { background-color: rgba(255, 255, 255, 0.05); }
.bg-white\/70 { background-color: rgba(255, 255, 255, 0.7); }
.bg-white\/80 { background-color: rgba(255, 255, 255, 0.8); }
.bg-white\/85 { background-color: rgba(255, 255, 255, 0.85); }
.bg-white\/90 { background-color: rgba(255, 255, 255, 0.9); }
.bg-white\/\[0\.06\] { background-color: rgba(255, 255, 255, 0.06); }
.bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)); }
.from-black\/85 { --tw-gradient-from: rgb(0 0 0 / 0.85) var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.via-black\/30 { --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to); }
.to-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position); }
.object-contain { object-fit: contain; }
.object-cover { object-fit: cover; }
.object-center { object-position: center center; }
.object-top { object-position: center top; }
.p-5 { padding: 1.25rem; }
.p-6 { padding: 1.5rem; }
.p-7 { padding: 1.75rem; }
.p-8 { padding: 2rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.px-7 { padding-left: 1.75rem; padding-right: 1.75rem; }
.px-8 { padding-left: 2rem; padding-right: 2rem; }
.px-\[15px\] { padding-left: 15px; padding-right: 15px; }
.px-\[17px\] { padding-left: 17px; padding-right: 17px; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-20 { padding-top: 5rem; padding-bottom: 5rem; }
.py-24 { padding-top: 6rem; padding-bottom: 6rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.pb-0 { padding-bottom: 0px; }
.pb-12 { padding-bottom: 3rem; }
.pb-8 { padding-bottom: 2rem; }
.pl-3 { padding-left: 0.75rem; }
.pt-10 { padding-top: 2.5rem; }
.pt-2 { padding-top: 0.5rem; }
.pt-20 { padding-top: 5rem; }
.pt-24 { padding-top: 6rem; }
.pt-4 { padding-top: 1rem; }
.pt-\[280px\] { padding-top: 280px; }
.text-center { text-align: center; }
.font-inter { font-family: Inter, sans-serif; }
.text-2xl { font-size: 1.5rem; line-height: 2rem; }
.text-\[10px\] { font-size: 10px; }
.text-\[11px\] { font-size: 11px; }
.text-\[12px\] { font-size: 12px; }
.text-\[13px\] { font-size: 13px; }
.text-\[14px\] { font-size: 14px; }
.text-\[15px\] { font-size: 15px; }
.text-\[17px\] { font-size: 17px; }
.text-\[18px\] { font-size: 18px; }
.text-\[19px\] { font-size: 19px; }
.text-\[20px\] { font-size: 20px; }
.text-\[22px\] { font-size: 22px; }
.text-\[24px\] { font-size: 24px; }
.text-\[26px\] { font-size: 26px; }
.text-\[28px\] { font-size: 28px; }
.text-\[30px\] { font-size: 30px; }
.text-\[32px\] { font-size: 32px; }
.text-\[34px\] { font-size: 34px; }
.text-\[42px\] { font-size: 42px; }
.text-\[46px\] { font-size: 46px; }
.text-\[6px\] { font-size: 6px; }
.text-\[9px\] { font-size: 9px; }
.text-\[clamp\(1\.5rem\,3vw\,2\.5rem\)\] { font-size: clamp(1.5rem, 3vw, 2.5rem); }
.text-\[clamp\(1\.8rem\,4vw\,3\.8rem\)\] { font-size: clamp(1.8rem, 4vw, 3.8rem); }
.text-\[clamp\(1rem\,2vw\,1\.5rem\)\] { font-size: clamp(1rem, 2vw, 1.5rem); }
.text-\[clamp\(3rem\,8vw\,6rem\)\] { font-size: clamp(3rem, 8vw, 6rem); }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.text-xs { font-size: 0.75rem; line-height: 1rem; }
.font-light { font-weight: 300; }
.font-medium { font-weight: 500; }
.font-normal { font-weight: 400; }
.font-semibold { font-weight: 600; }
.uppercase { text-transform: uppercase; }
.not-italic { font-style: normal; }
.leading-6 { line-height: 1.5rem; }
.leading-7 { line-height: 1.75rem; }
.leading-8 { line-height: 2rem; }
.leading-\[1\.08\] { line-height: 1.08; }
.leading-\[1\.1\] { line-height: 1.1; }
.leading-\[1\.8\] { line-height: 1.8; }
.leading-none { line-height: 1; }
.leading-relaxed { line-height: 1.625; }
.leading-tight { line-height: 1.25; }
.tracking-\[-0\.02em\] { letter-spacing: -0.02em; }
.tracking-\[-0\.03em\] { letter-spacing: -0.03em; }
.tracking-\[-0\.04em\] { letter-spacing: -0.04em; }
.tracking-\[-0\.055em\] { letter-spacing: -0.055em; }
.tracking-\[-0\.05em\] { letter-spacing: -0.05em; }
.tracking-\[-0\.06em\] { letter-spacing: -0.06em; }
.tracking-\[0\.04em\] { letter-spacing: 0.04em; }
.tracking-\[0\.22em\] { letter-spacing: 0.22em; }
.tracking-\[0\.2em\] { letter-spacing: 0.2em; }
.tracking-\[0\.35em\] { letter-spacing: 0.35em; }
.tracking-normal { letter-spacing: 0em; }
.tracking-tight { letter-spacing: -0.025em; }
.tracking-widest { letter-spacing: 0.1em; }
.text-\[\#111111\] { --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)); }
.text-\[\#111827\] { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); }
.text-\[\#1267ff\] { --tw-text-opacity: 1; color: rgb(18 103 255 / var(--tw-text-opacity, 1)); }
.text-\[\#343b48\] { --tw-text-opacity: 1; color: rgb(52 59 72 / var(--tw-text-opacity, 1)); }
.text-\[\#4f5867\] { --tw-text-opacity: 1; color: rgb(79 88 103 / var(--tw-text-opacity, 1)); }
.text-\[\#5f6673\] { --tw-text-opacity: 1; color: rgb(95 102 115 / var(--tw-text-opacity, 1)); }
.text-\[\#6f95ff\] { --tw-text-opacity: 1; color: rgb(111 149 255 / var(--tw-text-opacity, 1)); }
.text-\[\#7b8494\] { --tw-text-opacity: 1; color: rgb(123 132 148 / var(--tw-text-opacity, 1)); }
.text-\[\#7fb0ff\] { --tw-text-opacity: 1; color: rgb(127 176 255 / var(--tw-text-opacity, 1)); }
.text-\[\#8a94a6\] { --tw-text-opacity: 1; color: rgb(138 148 166 / var(--tw-text-opacity, 1)); }
.text-\[\#9ca3af\] { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); }
.text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); }
.text-black\/40 { color: rgba(0, 0, 0, 0.4); }
.text-gray-200 { --tw-text-opacity: 1; color: rgb(224 224 224 / var(--tw-text-opacity, 1)); }
.text-gray-300 { --tw-text-opacity: 1; color: rgb(189 189 189 / var(--tw-text-opacity, 1)); }
.text-gray-400 { --tw-text-opacity: 1; color: rgb(158 158 158 / var(--tw-text-opacity, 1)); }
.text-gray-500 { --tw-text-opacity: 1; color: rgb(117 117 117 / var(--tw-text-opacity, 1)); }
.text-gray-600 { --tw-text-opacity: 1; color: rgb(97 97 97 / var(--tw-text-opacity, 1)); }
.text-primary { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); }
.text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.text-white\/35 { color: rgba(255, 255, 255, 0.35); }
.text-white\/40 { color: rgba(255, 255, 255, 0.4); }
.text-white\/45 { color: rgba(255, 255, 255, 0.45); }
.text-white\/50 { color: rgba(255, 255, 255, 0.5); }
.text-white\/55 { color: rgba(255, 255, 255, 0.55); }
.text-white\/60 { color: rgba(255, 255, 255, 0.6); }
.text-white\/70 { color: rgba(255, 255, 255, 0.7); }
.text-white\/80 { color: rgba(255, 255, 255, 0.8); }
.text-white\/85 { color: rgba(255, 255, 255, 0.85); }
.no-underline { text-decoration-line: none; }
.antialiased { -webkit-font-smoothing: antialiased; }
.opacity-0 { opacity: 0; }
.opacity-10 { opacity: 0.1; }
.opacity-20 { opacity: 0.2; }
.opacity-85 { opacity: 0.85; }
.shadow-\[0_10px_28px_rgba\(74\,74\,74\,0\.14\)\] { --tw-shadow: 0 10px 28px rgba(74,74,74,0.14); --tw-shadow-colored: 0 10px 28px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-\[0_10px_30px_rgba\(0\,0\,0\,0\.12\)\] { --tw-shadow: 0 10px 30px rgba(0,0,0,0.12); --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-\[0_10px_30px_rgba\(15\,23\,42\,0\.04\)\] { --tw-shadow: 0 10px 30px rgba(15,23,42,0.04); --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-\[0_14px_32px_rgba\(18\,103\,255\,0\.16\)\] { --tw-shadow: 0 14px 32px rgba(18,103,255,0.16); --tw-shadow-colored: 0 14px 32px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-\[0_14px_35px_rgba\(15\,23\,42\,0\.08\)\] { --tw-shadow: 0 14px 35px rgba(15,23,42,0.08); --tw-shadow-colored: 0 14px 35px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-\[0_16px_38px_rgba\(18\,103\,255\,0\.18\)\] { --tw-shadow: 0 16px 38px rgba(18,103,255,0.18); --tw-shadow-colored: 0 16px 38px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-\[0_16px_40px_rgba\(15\,23\,42\,0\.08\)\] { --tw-shadow: 0 16px 40px rgba(15,23,42,0.08); --tw-shadow-colored: 0 16px 40px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-\[0_18px_45px_rgba\(15\,23\,42\,0\.06\)\] { --tw-shadow: 0 18px 45px rgba(15,23,42,0.06); --tw-shadow-colored: 0 18px 45px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-\[0_20px_55px_rgba\(15\,23\,42\,0\.05\)\] { --tw-shadow: 0 20px 55px rgba(15,23,42,0.05); --tw-shadow-colored: 0 20px 55px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-\[0_20px_60px_rgba\(15\,23\,42\,0\.05\)\] { --tw-shadow: 0 20px 60px rgba(15,23,42,0.05); --tw-shadow-colored: 0 20px 60px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-\[0_24px_70px_rgba\(0\,0\,0\,0\.18\)\] { --tw-shadow: 0 24px 70px rgba(0,0,0,0.18); --tw-shadow-colored: 0 24px 70px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-\[0_24px_70px_rgba\(15\,23\,42\,0\.05\)\] { --tw-shadow: 0 24px 70px rgba(15,23,42,0.05); --tw-shadow-colored: 0 24px 70px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-\[0_24px_70px_rgba\(15\,23\,42\,0\.06\)\] { --tw-shadow: 0 24px 70px rgba(15,23,42,0.06); --tw-shadow-colored: 0 24px 70px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-\[0_24px_70px_rgba\(15\,23\,42\,0\.08\)\] { --tw-shadow: 0 24px 70px rgba(15,23,42,0.08); --tw-shadow-colored: 0 24px 70px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-\[0_24px_80px_rgba\(0\,0\,0\,0\.18\)\] { --tw-shadow: 0 24px 80px rgba(0,0,0,0.18); --tw-shadow-colored: 0 24px 80px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-\[0_24px_80px_rgba\(18\,103\,255\,0\.10\)\] { --tw-shadow: 0 24px 80px rgba(18,103,255,0.10); --tw-shadow-colored: 0 24px 80px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-\[0_28px_75px_rgba\(18\,103\,255\,0\.12\)\] { --tw-shadow: 0 28px 75px rgba(18,103,255,0.12); --tw-shadow-colored: 0 28px 75px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-\[0_30px_80px_rgba\(17\,24\,39\,0\.22\)\] { --tw-shadow: 0 30px 80px rgba(17,24,39,0.22); --tw-shadow-colored: 0 30px 80px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-\[0_30px_90px_rgba\(17\,24\,39\,0\.18\)\] { --tw-shadow: 0 30px 90px rgba(17,24,39,0.18); --tw-shadow-colored: 0 30px 90px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-\[0_34px_110px_rgba\(18\,103\,255\,0\.22\)\] { --tw-shadow: 0 34px 110px rgba(18,103,255,0.22); --tw-shadow-colored: 0 34px 110px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.blur-3xl { --tw-blur: blur(64px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.backdrop-blur-md { --tw-backdrop-blur: blur(12px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
.backdrop-blur-xl { --tw-backdrop-blur: blur(24px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.duration-300 { transition-duration: 300ms; }
.duration-500 { transition-duration: 500ms; }
.duration-700 { transition-duration: 700ms; }
@keyframes fadeIn { 
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.animate-fade-in { animation: fadeIn 0.8s forwards; }
.opacity-100 { opacity: 1; }
.scale-90 { --tw-scale-x: .9; --tw-scale-y: .9; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.scale-110 { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.placeholder\:text-gray-400::placeholder { --tw-text-opacity: 1; color: rgb(158 158 158 / var(--tw-text-opacity, 1)); }
.hover\:-translate-y-0\.5:hover { --tw-translate-y: -0.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.hover\:-translate-y-1:hover { --tw-translate-y: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.hover\:scale-\[1\.025\]:hover { --tw-scale-x: 1.025; --tw-scale-y: 1.025; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.hover\:border-\[\#1267ff\]\/50:hover { border-color: rgba(18, 103, 255, 0.5); }
.hover\:border-white:hover { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); }
.hover\:bg-\[\#2B2B2B\]:hover { --tw-bg-opacity: 1; background-color: rgb(43 43 43 / var(--tw-bg-opacity, 1)); }
.hover\:bg-black\/\[0\.03\]:hover { background-color: rgba(0, 0, 0, 0.03); }
.hover\:bg-gray-200:hover { --tw-bg-opacity: 1; background-color: rgb(224 224 224 / var(--tw-bg-opacity, 1)); }
.hover\:bg-white:hover { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.hover\:text-\[\#1267ff\]:hover { --tw-text-opacity: 1; color: rgb(18 103 255 / var(--tw-text-opacity, 1)); }
.hover\:text-black:hover { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); }
.hover\:text-gray-400:hover { --tw-text-opacity: 1; color: rgb(158 158 158 / var(--tw-text-opacity, 1)); }
.hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.focus\:border-white:focus { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); }
.focus\:outline-none:focus { outline: transparent solid 2px; outline-offset: 2px; }
.focus\:ring-1:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
.focus\:ring-white:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1)); }
.group[open] .group-open\:rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group:hover .group-hover\:visible { visibility: visible; }
.group:hover .group-hover\:max-h-24 { max-height: 6rem; }
.group:hover .group-hover\:translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group:hover .group-hover\:translate-y-\[-20px\] { --tw-translate-y: -20px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group:hover .group-hover\:rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group:hover .group-hover\:scale-105 { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group:hover .group-hover\:scale-110 { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group:hover .group-hover\:opacity-100 { opacity: 1; }
@media (min-width: 640px) {
  .sm\:w-\[18px\] { width: 18px; }
  .sm\:basis-auto { flex-basis: auto; }
  .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .sm\:flex-row { flex-direction: row; }
  .sm\:items-center { align-items: center; }
  .sm\:gap-5 { gap: 1.25rem; }
  .sm\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 768px) {
  .md\:mb-20 { margin-bottom: 5rem; }
  .md\:ml-auto { margin-left: auto; }
  .md\:mt-10 { margin-top: 2.5rem; }
  .md\:mt-14 { margin-top: 3.5rem; }
  .md\:mt-16 { margin-top: 4rem; }
  .md\:mt-20 { margin-top: 5rem; }
  .md\:block { display: block; }
  .md\:flex { display: flex; }
  .md\:w-auto { width: auto; }
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .md\:grid-cols-\[1fr_34px_1fr_34px_1fr\] { grid-template-columns: 1fr 34px 1fr 34px 1fr; }
  .md\:grid-cols-\[34\%_66\%\] { grid-template-columns: 34% 66%; }
  .md\:flex-row { flex-direction: row; }
  .md\:items-end { align-items: flex-end; }
  .md\:justify-end { justify-content: flex-end; }
  .md\:gap-4 { gap: 1rem; }
  .md\:gap-5 { gap: 1.25rem; }
  .md\:gap-6 { gap: 1.5rem; }
  .md\:p-10 { padding: 2.5rem; }
  .md\:p-7 { padding: 1.75rem; }
  .md\:p-8 { padding: 2rem; }
  .md\:p-9 { padding: 2.25rem; }
  .md\:px-12 { padding-left: 3rem; padding-right: 3rem; }
  .md\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .md\:py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .md\:py-28 { padding-top: 7rem; padding-bottom: 7rem; }
  .md\:py-32 { padding-top: 8rem; padding-bottom: 8rem; }
  .md\:py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .md\:pb-14 { padding-bottom: 3.5rem; }
  .md\:pt-24 { padding-top: 6rem; }
  .md\:text-right { text-align: right; }
  .md\:text-\[13px\] { font-size: 13px; }
  .md\:text-\[15px\] { font-size: 15px; }
  .md\:text-\[16px\] { font-size: 16px; }
  .md\:text-\[30px\] { font-size: 30px; }
  .md\:text-\[36px\] { font-size: 36px; }
  .md\:text-\[38px\] { font-size: 38px; }
  .md\:text-\[40px\] { font-size: 40px; }
  .md\:text-\[42px\] { font-size: 42px; }
  .md\:text-\[44px\] { font-size: 44px; }
  .md\:text-\[52px\] { font-size: 52px; }
  .md\:text-\[54px\] { font-size: 54px; }
  .md\:text-\[58px\] { font-size: 58px; }
  .md\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
}
@media (min-width: 1024px) {
  .lg\:mb-7 { margin-bottom: 1.75rem; }
  .lg\:mt-0 { margin-top: 0px; }
  .lg\:mt-\[34px\] { margin-top: 34px; }
  .lg\:block { display: block; }
  .lg\:flex { display: flex; }
  .lg\:hidden { display: none; }
  .lg\:h-\[28px\] { height: 28px; }
  .lg\:h-\[36px\] { height: 36px; }
  .lg\:min-h-\[80vh\] { min-height: 80vh; }
  .lg\:min-h-\[92vh\] { min-height: 92vh; }
  .lg\:w-\[28px\] { width: 28px; }
  .lg\:-translate-x-10 { --tw-translate-x: -2.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .lg\:grid-cols-\[34\%_66\%\] { grid-template-columns: 34% 66%; }
  .lg\:grid-cols-\[38\%_62\%\] { grid-template-columns: 38% 62%; }
  .lg\:grid-cols-\[42\%_58\%\] { grid-template-columns: 42% 58%; }
  .lg\:grid-cols-\[50\%_50\%\] { grid-template-columns: 50% 50%; }
  .lg\:items-center { align-items: center; }
  .lg\:justify-center { justify-content: center; }
  .lg\:gap-10 { gap: 2.5rem; }
  .lg\:gap-12 { gap: 3rem; }
  .lg\:gap-16 { gap: 4rem; }
  .lg\:gap-5 { gap: 1.25rem; }
  .lg\:border-b-0 { border-bottom-width: 0px; }
  .lg\:p-12 { padding: 3rem; }
  .lg\:px-12 { padding-left: 3rem; padding-right: 3rem; }
  .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; }
  .lg\:py-0 { padding-top: 0px; padding-bottom: 0px; }
  .lg\:pb-16 { padding-bottom: 4rem; }
  .lg\:pt-0 { padding-top: 0px; }
  .lg\:pt-28 { padding-top: 7rem; }
  .lg\:text-\[60px\] { font-size: 60px; }
}
@media (min-width: 1280px) {
  .xl\:ml-auto { margin-left: auto; }
  .xl\:max-w-\[1100px\] { max-width: 1100px; }
  .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .xl\:grid-cols-\[34\%_66\%\] { grid-template-columns: 34% 66%; }
  .xl\:gap-10 { gap: 2.5rem; }
  .xl\:gap-7 { gap: 1.75rem; }
}

/* inline */
.pageseen-hover-image { transition: transform 0.45s, filter 0.45s; will-change: transform; }
.pageseen-hover-image:hover { transform: scale(1.03); filter: brightness(1.02); }
.resume-value-kicker, .resume-value-title { opacity: 0; transform: translateY(28px); transition: opacity 0.9s, transform 0.9s; }
.resume-value-line { transition: width 1.1s cubic-bezier(0.22, 1, 0.36, 1); }
#resume-value.active .resume-value-kicker { opacity: 1; transform: translateY(0px); }
#resume-value.active .resume-value-title { opacity: 1; transform: translateY(0px); transition-delay: 0.12s; }
#resume-value.active .resume-value-line { width: 180px; transition-delay: 0.35s; }
@media (max-width: 768px) {
  #resume-value.active .resume-value-line { width: 120px; }
}
.case-card { transition: transform 0.45s, box-shadow 0.45s, border-color 0.45s; }
.case-card.case-active { transform: translateY(-8px); border-color: rgba(18, 103, 255, 0.42); box-shadow: rgba(18, 103, 255, 0.18) 0px 30px 90px; }
.case-card.case-active h3 { color: rgb(18, 103, 255); }

/* PAGESEEN local production support */
html { scroll-behavior: smooth; }
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 3px solid rgba(18,103,255,.45); outline-offset: 3px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.section-space { padding-top: clamp(76px, 8vw, 128px); padding-bottom: clamp(76px, 8vw, 128px); }
.section-inner-space { margin-top: clamp(72px, 7vw, 112px); }
.section-kicker { column-gap: .72em; white-space: nowrap; }
.section-kicker-number { color: #1267ff; font-weight: 700; letter-spacing: 0; }
#pain .section-kicker-number, #pricing .section-kicker-number, .bg-\[\#111827\] .section-kicker-number { color: #6f95ff; }
.audience-compare-card { margin-top: clamp(40px, 4vw, 56px); background: #f7f7f7; border: 1px solid rgba(0,0,0,.05); padding: clamp(32px, 4.5vw, 52px); }
.audience-compare-grid { display: grid; grid-template-columns: 1fr; gap: 32px; align-items: stretch; }
.audience-compare-headline-wrap { display: flex; align-items: center; }
.audience-compare-headline { margin: 0; color: #111827; font-size: clamp(28px, 2.6vw, 42px); font-weight: 620; line-height: 1.35; letter-spacing: -.055em; }
.audience-compare-headline span { color: #1267ff; font-weight: 720; }
.audience-compare-content { display: flex; flex-direction: column; justify-content: space-between; }
.audience-compare-items { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(24px, 3vw, 42px); }
.audience-compare-title { display: flex; align-items: center; gap: 12px; margin: 0 0 12px; color: #111827; font-size: 17px; font-weight: 650; letter-spacing: -.03em; }
.audience-compare-icon { width: 24px; height: 24px; color: #1267ff; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 24px; }
.audience-compare-icon svg { width: 21px; height: 21px; display: block; }
.audience-compare-text { margin: 0; color: #5f6673; font-size: 14px; line-height: 1.9; }
.audience-compare-note { margin: 28px 0 0; padding-top: 22px; border-top: 1px solid rgba(0,0,0,.1); color: #5f6673; font-size: 15px; line-height: 1.9; }
@media (min-width:1024px){ .audience-compare-grid { grid-template-columns: 34% 66%; gap: 42px; } .audience-compare-headline-wrap { border-right: 1px solid rgba(0,0,0,.1); padding-right: 42px; } .audience-compare-card { padding: 52px; } }
@media (max-width:760px){ .audience-compare-items { grid-template-columns: 1fr; } .audience-compare-card { padding: 28px 22px; } .audience-compare-headline { font-size: 28px; } .audience-compare-note { font-size: 14px; } }
@media (max-width: 768px) {
  .section-space { padding-top: 72px; padding-bottom: 72px; }
  .section-inner-space { margin-top: 64px; }
}
.fa { display: inline-flex; align-items: center; justify-content: center; width: 1em; height: 1em; font-style: normal; line-height: 1; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.fa::before { display: inline-block; }
.fa-bars::before { content: "☰"; font-size: 1.15em; }
.fa-times::before { content: "×"; font-size: 1.3em; }
.fa-angle-down::before, .fa-chevron-down::before, .fa-arrow-down::before { content: "⌄"; font-size: 1.2em; }
.social-links { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; max-width: 100%; }
.social-link { appearance: none; width: 52px; height: 52px; padding: 0; border: 1px solid #fff; border-radius: 9999px; background: #fff; color: #050505; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: none; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.social-link:hover { transform: translateY(-2px); border-color: #fff; box-shadow: 0 12px 28px rgba(255, 255, 255, .18); }
.social-link-icon { display: block; width: 34px; height: 34px; border-radius: 9999px; object-fit: contain; }
body.social-modal-open { overflow: hidden; }
.social-modal[hidden] { display: none; }
.social-modal { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; padding: 24px; }
.social-modal-backdrop { position: absolute; inset: 0; background: rgba(3, 7, 18, .62); backdrop-filter: blur(10px); }
.social-modal-panel { position: relative; width: min(420px, calc(100vw - 32px)); max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow: auto; padding: 28px; border-radius: 8px; background: #fff; color: #111827; box-shadow: 0 28px 80px rgba(0, 0, 0, .28); }
.social-modal-close { position: absolute; top: 16px; right: 16px; width: 34px; height: 34px; padding: 0; border: 1px solid rgba(17, 24, 39, .12); border-radius: 9999px; background: #f6f7fb; color: #111827; font-size: 22px; line-height: 1; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.social-modal-platform { margin: 0 42px 10px 0; color: #1267ff; font-size: 12px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; }
.social-modal-title { margin: 0; color: #111827; font-size: 24px; line-height: 1.25; font-weight: 650; letter-spacing: -.03em; }
.social-modal-description { margin: 12px 0 18px; color: #4f5867; font-size: 14px; line-height: 1.75; }
.social-modal-qr-wrap { display: flex; align-items: center; justify-content: center; min-height: 220px; padding: 16px; border: 1px solid rgba(17, 24, 39, .08); border-radius: 8px; background: #f8fafc; }
.social-modal-qr { display: block; width: 100%; max-width: 260px; max-height: 300px; object-fit: contain; }
.social-modal-meta { display: grid; gap: 10px; margin: 18px 0 0; }
.social-modal-meta div { display: grid; grid-template-columns: 52px 1fr; gap: 12px; align-items: baseline; }
.social-modal-meta dt { color: #8b94a3; font-size: 12px; }
.social-modal-meta dd { margin: 0; color: #111827; font-size: 14px; font-weight: 600; word-break: break-word; }
.social-modal-hint { margin: 14px 0 0; color: #647084; font-size: 13px; line-height: 1.65; }
.social-modal-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 20px; }
.social-modal-action { height: 42px; border-radius: 8px; border: 1px solid rgba(17, 24, 39, .14); font-size: 13px; cursor: pointer; }
.social-modal-copy { background: #111827; color: #fff; border-color: #111827; }
.social-modal-cancel { background: #fff; color: #111827; }
@media (max-width: 640px) {
  .social-links { flex-wrap: nowrap; justify-content: space-between; gap: 6px; width: 100%; }
  .social-link { flex: 0 0 clamp(34px, 9vw, 44px); width: clamp(34px, 9vw, 44px); height: clamp(34px, 9vw, 44px); }
  .social-link-icon { width: clamp(24px, 6.4vw, 30px); height: clamp(24px, 6.4vw, 30px); }
  .social-modal { padding: 16px; }
  .social-modal-panel { padding: 24px 18px 18px; }
  .social-modal-qr-wrap { min-height: 200px; padding: 12px; }
  .social-modal-actions { grid-template-columns: 1fr; }
}
.contact-info-list { display: grid; gap: 18px; }
.contact-info-row { display: flex; align-items: center; gap: 18px; min-height: 28px; }
.contact-info-text { margin: 0; line-height: 1.45; }
.contact-flat-icon { flex: 0 0 24px; width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; color: #8b8b8b; }
.contact-flat-icon::before { content: ""; width: 21px; height: 21px; background: currentColor; }
.contact-form-link { justify-content: flex-start !important; gap: 12px; padding-left: 0 !important; padding-right: 0 !important; background: transparent !important; box-shadow: none !important; color: #1267ff !important; }
.contact-form-link:hover { transform: translateY(-1px); }
.contact-form-text { background: linear-gradient(90deg, #1267ff 0%, #7c3cff 52%, #b12cff 100%); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: 500; }
.contact-form-icon { flex: 0 0 22px; width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; color: currentColor; }
.contact-form-icon::before { content: ""; width: 20px; height: 20px; background: linear-gradient(135deg, #1267ff 0%, #7c3cff 52%, #b12cff 100%); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3h8l2 2v16H6V5l2-2Z'/%3E%3Cpath d='M9 8h6M9 12h6M9 16h4'/%3E%3Cpath d='M16 3v3h3'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3h8l2 2v16H6V5l2-2Z'/%3E%3Cpath d='M9 8h6M9 12h6M9 16h4'/%3E%3Cpath d='M16 3v3h3'/%3E%3C/svg%3E") center / contain no-repeat; }
.contact-icon-location::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 6.2 12.3 6.5 12.6a.7.7 0 0 0 1 0C12.8 21.3 19 14.2 19 9a7 7 0 0 0-7-7Zm0 9.8A2.8 2.8 0 1 1 12 6a2.8 2.8 0 0 1 0 5.8Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 6.2 12.3 6.5 12.6a.7.7 0 0 0 1 0C12.8 21.3 19 14.2 19 9a7 7 0 0 0-7-7Zm0 9.8A2.8 2.8 0 1 1 12 6a2.8 2.8 0 0 1 0 5.8Z'/%3E%3C/svg%3E") center / contain no-repeat; }
.contact-icon-email::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M4.8 5h14.4A2.8 2.8 0 0 1 22 7.8v8.4a2.8 2.8 0 0 1-2.8 2.8H4.8A2.8 2.8 0 0 1 2 16.2V7.8A2.8 2.8 0 0 1 4.8 5Zm.4 2 6.2 5.1a1 1 0 0 0 1.2 0L18.8 7H5.2Zm14.3 2.1-5.6 4.6a3 3 0 0 1-3.8 0L4.5 9.1v7.1c0 .4.3.8.8.8h13.9c.4 0 .8-.3.8-.8V9.1Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M4.8 5h14.4A2.8 2.8 0 0 1 22 7.8v8.4a2.8 2.8 0 0 1-2.8 2.8H4.8A2.8 2.8 0 0 1 2 16.2V7.8A2.8 2.8 0 0 1 4.8 5Zm.4 2 6.2 5.1a1 1 0 0 0 1.2 0L18.8 7H5.2Zm14.3 2.1-5.6 4.6a3 3 0 0 1-3.8 0L4.5 9.1v7.1c0 .4.3.8.8.8h13.9c.4 0 .8-.3.8-.8V9.1Z'/%3E%3C/svg%3E") center / contain no-repeat; }
.contact-icon-phone::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7.1 3.2 9.8 6c.7.7.8 1.8.2 2.6l-1.1 1.6a14 14 0 0 0 5 5l1.6-1.1c.8-.6 1.9-.5 2.6.2l2.7 2.7c.7.7.8 1.8.2 2.6-.9 1.2-2.2 2-3.7 2C9.3 22 2 14.7 2 6.7c0-1.5.8-2.8 2-3.7.8-.6 1.9-.5 3.1.2Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7.1 3.2 9.8 6c.7.7.8 1.8.2 2.6l-1.1 1.6a14 14 0 0 0 5 5l1.6-1.1c.8-.6 1.9-.5 2.6.2l2.7 2.7c.7.7.8 1.8.2 2.6-.9 1.2-2.2 2-3.7 2C9.3 22 2 14.7 2 6.7c0-1.5.8-2.8 2-3.7.8-.6 1.9-.5 3.1.2Z'/%3E%3C/svg%3E") center / contain no-repeat; }
.contact-icon-email::before { width: 20px; height: 20px; }
.contact-icon-phone::before { width: 20px; height: 20px; }
.contact-icon-mobile::before { width: 18px; height: 22px; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7 2h10a2.6 2.6 0 0 1 2.6 2.6v14.8A2.6 2.6 0 0 1 17 22H7a2.6 2.6 0 0 1-2.6-2.6V4.6A2.6 2.6 0 0 1 7 2Zm0 2c-.33 0-.6.27-.6.6v14.8c0 .33.27.6.6.6h10c.33 0 .6-.27.6-.6V4.6c0-.33-.27-.6-.6-.6H7Zm3.2 13.2h3.6a1 1 0 0 1 0 2h-3.6a1 1 0 1 1 0-2Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7 2h10a2.6 2.6 0 0 1 2.6 2.6v14.8A2.6 2.6 0 0 1 17 22H7a2.6 2.6 0 0 1-2.6-2.6V4.6A2.6 2.6 0 0 1 7 2Zm0 2c-.33 0-.6.27-.6.6v14.8c0 .33.27.6.6.6h10c.33 0 .6-.27.6-.6V4.6c0-.33-.27-.6-.6-.6H7Zm3.2 13.2h3.6a1 1 0 0 1 0 2h-3.6a1 1 0 1 1 0-2Z'/%3E%3C/svg%3E") center / contain no-repeat; }
.contact-icon-wechat::before { width: 21px; height: 21px; -webkit-mask: url("../icons/wechat.svg") center / contain no-repeat; mask: url("../icons/wechat.svg") center / contain no-repeat; }
.fa-file-text-o::before,
.fa-sitemap::before,
.fa-picture-o::before,
.fa-graduation-cap::before,
.fa-users::before,
.fa-eye::before,
.fa-link::before,
.fa-globe::before,
.fa-search::before,
.fa-crosshairs::before,
.fa-cubes::before { content: ""; width: 1em; height: 1em; background: currentColor; }
.fa-file-text-o::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3Cpath d='M10 9H8'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3Cpath d='M10 9H8'/%3E%3C/svg%3E") center / contain no-repeat; }
.fa-sitemap::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='5' rx='1'/%3E%3Crect x='3' y='16' width='6' height='5' rx='1'/%3E%3Crect x='15' y='16' width='6' height='5' rx='1'/%3E%3Cpath d='M12 8v4M6 16v-4h12v4'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='5' rx='1'/%3E%3Crect x='3' y='16' width='6' height='5' rx='1'/%3E%3Crect x='15' y='16' width='6' height='5' rx='1'/%3E%3Cpath d='M12 8v4M6 16v-4h12v4'/%3E%3C/svg%3E") center / contain no-repeat; }
.fa-picture-o::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='M21 15l-4.5-4.5a2 2 0 0 0-2.8 0L5 19'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='M21 15l-4.5-4.5a2 2 0 0 0-2.8 0L5 19'/%3E%3C/svg%3E") center / contain no-repeat; }
.fa-graduation-cap::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 10L12 5 2 10l10 5 10-5z'/%3E%3Cpath d='M6 12v5c3 2 9 2 12 0v-5'/%3E%3Cpath d='M22 10v6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 10L12 5 2 10l10 5 10-5z'/%3E%3Cpath d='M6 12v5c3 2 9 2 12 0v-5'/%3E%3Cpath d='M22 10v6'/%3E%3C/svg%3E") center / contain no-repeat; }
.fa-users::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") center / contain no-repeat; }
.fa-eye::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat; }
.fa-link::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.07 0l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.07 0l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.07 0l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.07 0l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E") center / contain no-repeat; }
.fa-globe::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 0 20'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 0 0 20'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 0 20'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 0 0 20'/%3E%3C/svg%3E") center / contain no-repeat; }
.fa-search::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") center / contain no-repeat; }
.fa-crosshairs::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 2v4M12 18v4M2 12h4M18 12h4'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 2v4M12 18v4M2 12h4M18 12h4'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E") center / contain no-repeat; }
.fa-cubes::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l7 4v8l-7 4-7-4V6l7-4z'/%3E%3Cpath d='M12 10l7-4M12 10L5 6M12 10v8'/%3E%3Cpath d='M19 14l-7 4-7-4'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l7 4v8l-7 4-7-4V6l7-4z'/%3E%3Cpath d='M12 10l7-4M12 10L5 6M12 10v8'/%3E%3Cpath d='M19 14l-7 4-7-4'/%3E%3C/svg%3E") center / contain no-repeat; }
img { max-width: 100%; }
.mouse-trail-image { width: 200px; height: 250px; pointer-events: none; will-change: opacity, transform; transition: opacity .42s cubic-bezier(.22,1,.36,1), transform .5s cubic-bezier(.22,1,.36,1); }
.motion-reveal { opacity: 1; transform: translate3d(0, 0, 0) scale(1); transition: opacity .82s cubic-bezier(.22,1,.36,1), transform .92s cubic-bezier(.22,1,.36,1); }
.motion-ready [data-motion-reveal].motion-reveal { opacity: 0; transform: translate3d(0, 44px, 0) scale(.975); will-change: opacity, transform; }
.motion-ready [data-motion-reveal].motion-reveal.motion-visible { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
.motion-ready [data-motion-reveal].motion-reveal.motion-settled { will-change: auto; }
.motion-ready [data-motion-reveal].mobile-hero-motion { transform: translate3d(0, 46px, 0) scale(.955); }
.motion-ready [data-motion-reveal].about-site-motion { transform: translate3d(22px, 28px, 0) scale(.978); }
.motion-ready [data-motion-reveal].resume-upgrade-motion { transform: translate3d(0, 38px, 0) scale(.982); }
@media (min-width: 769px) {
  .motion-ready [data-motion-reveal].mobile-hero-motion { transform: translate3d(0, 38px, 0) scale(.975); }
  .motion-ready [data-motion-reveal].about-site-motion { transform: translate3d(26px, 24px, 0) scale(.984); }
  .motion-ready [data-motion-reveal].resume-upgrade-motion { transform: translate3d(0, 32px, 0) scale(.988); }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; } [data-scroll-reveal], .opacity-0, .motion-reveal { opacity: 1 !important; transform: none !important; filter: none !important; } }

/* Simple secondary pages and form states */
.simple-page{min-height:100vh;background:#f7f7f7;color:#111827}.simple-shell{width:min(920px,calc(100% - 32px));margin:0 auto;padding:48px 0 80px}.simple-card{background:#fff;border:1px solid rgba(17,24,39,.08);padding:clamp(28px,5vw,56px);box-shadow:0 24px 70px rgba(15,23,42,.06)}.simple-card h1{font-size:clamp(34px,5vw,56px);line-height:1.12;margin:0 0 16px}.simple-card h2{font-size:22px;margin:32px 0 10px}.simple-card p,.simple-card li{color:#4b5563;line-height:1.9}.simple-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:24px}.simple-links a{display:block;border:1px solid rgba(17,24,39,.1);padding:14px 16px;text-decoration:none;color:#111827}.simple-footer{margin-top:24px;text-align:center;font-size:13px;line-height:1.8;color:#6b7280}.simple-footer p{margin:0}.simple-footer a{color:inherit;text-decoration:none}.simple-footer a:hover{color:#1267ff}.simple-return-bar{display:flex;flex-wrap:wrap;gap:10px;margin:-14px 0 24px}.simple-return-bar a,.simple-back-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 15px;border:1px solid rgba(17,24,39,.1);border-radius:999px;background:#fff;color:#111827;text-decoration:none;font:inherit;font-size:13px;cursor:pointer;box-shadow:0 12px 30px rgba(15,23,42,.05)}.simple-return-bar a:hover,.simple-back-button:hover{border-color:rgba(18,103,255,.4);color:#1267ff}.brand{display:flex;align-items:center;gap:10px;margin-bottom:36px;color:#111827;text-decoration:none}.brand img{width:32px;height:32px}.brand-local-name{display:inline-block;margin-left:2px;font-size:.5em;line-height:1;vertical-align:.12em;font-weight:500;color:#6b7280}.form-status{min-height:1.5rem;font-size:12px;line-height:1.7;color:#9ca3af}.form-status[data-state="success"]{color:#16a34a}.form-status[data-state="error"]{color:#dc2626}.form-status[data-state="pending"]{color:#6b7280}
.sample-ui-page .simple-shell{width:min(1120px,calc(100% - 32px));padding:72px 0 96px}.sample-ui-page .simple-card{position:relative;padding:clamp(58px,6vw,72px)}.sample-ui-page .simple-card h1{font-size:clamp(36px,3.4vw,44px);line-height:1.12;margin-bottom:12px;letter-spacing:-.05em}.sample-ui-page .simple-card p{margin-bottom:28px}.sample-ui-close{position:absolute;top:110px;right:62px;z-index:5;width:62px;height:62px;display:inline-flex;align-items:center;justify-content:center;border-radius:0;background:transparent;text-decoration:none}.sample-ui-close::before,.sample-ui-close::after{content:"";position:absolute;width:42px;height:1px;background:#111827;transform-origin:center}.sample-ui-close::before{transform:rotate(45deg)}.sample-ui-close::after{transform:rotate(-45deg)}.sample-ui-close:hover::before,.sample-ui-close:hover::after{background:#1267ff}.sample-ui-close:focus-visible{outline:3px solid rgba(18,103,255,.26);outline-offset:2px}@media (max-width:760px){.sample-ui-page .simple-shell{width:calc(100% - 24px);padding:58px 0 72px}.sample-ui-page .simple-card{padding:38px 24px}.sample-ui-page .simple-card h1{font-size:32px}.sample-ui-close{top:28px;right:20px;width:52px;height:52px}.sample-ui-close::before,.sample-ui-close::after{width:30px}}