/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-\[-40\%\]{inset:-40%}.inset-x-0{inset-inline:0}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\/2{top:50%}.top-1\/3{top:33.3333%}.top-6{top:calc(var(--spacing) * 6)}.top-10{top:calc(var(--spacing) * 10)}.top-32{top:calc(var(--spacing) * 32)}.top-44{top:calc(var(--spacing) * 44)}.top-\[-100px\]{top:-100px}.top-\[-120px\]{top:-120px}.top-\[38px\]{top:38px}.top-\[50px\]{top:50px}.top-\[80px\]{top:80px}.top-\[111px\]{top:111px}.top-\[112px\]{top:112px}.top-\[209px\]{top:209px}.top-\[411px\]{top:411px}.top-\[499px\]{top:499px}.right-0{right:0}.right-3{right:calc(var(--spacing) * 3)}.right-6{right:calc(var(--spacing) * 6)}.right-8{right:calc(var(--spacing) * 8)}.right-10{right:calc(var(--spacing) * 10)}.right-32{right:calc(var(--spacing) * 32)}.right-\[-100px\]{right:-100px}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-\[-80px\]{bottom:-80px}.bottom-\[20px\]{bottom:20px}.-left-40{left:calc(var(--spacing) * -40)}.-left-60{left:calc(var(--spacing) * -60)}.left-0{left:0}.left-1{left:var(--spacing)}.left-1\/2{left:50%}.left-10{left:calc(var(--spacing) * 10)}.left-\[-60px\]{left:-60px}.left-\[25px\]{left:25px}.left-\[33px\]{left:33px}.left-\[71px\]{left:71px}.left-\[80px\]{left:80px}.left-\[339px\]{left:339px}.left-\[781px\]{left:781px}.left-\[920px\]{left:920px}.left-\[951px\]{left:951px}.left-\[1108px\]{left:1108px}.left-\[1217px\]{left:1217px}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\[100\]{z-index:100}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-14{margin-bottom:calc(var(--spacing) * 14)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.mb-20{margin-bottom:calc(var(--spacing) * 20)}.mb-\[80px\]{margin-bottom:80px}.-ml-4{margin-left:calc(var(--spacing) * -4)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-0{height:0}.h-0\.5{height:calc(var(--spacing) * .5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-\[1px\]{height:1px}.h-\[42px\]{height:42px}.h-\[48px\]{height:48px}.h-\[52px\]{height:52px}.h-\[64px\]{height:64px}.h-\[70px\]{height:70px}.h-\[80px\]{height:80px}.h-\[95px\]{height:95px}.h-\[107px\]{height:107px}.h-\[108px\]{height:108px}.h-\[136px\]{height:136px}.h-\[163px\]{height:163px}.h-\[166px\]{height:166px}.h-\[216px\]{height:216px}.h-\[275px\]{height:275px}.h-\[280px\]{height:280px}.h-\[281px\]{height:281px}.h-\[329px\]{height:329px}.h-\[382px\]{height:382px}.h-\[400px\]{height:400px}.h-\[500px\]{height:500px}.h-\[525px\]{height:525px}.h-\[600px\]{height:600px}.h-\[687px\]{height:687px}.h-\[700px\]{height:700px}.h-full{height:100%}.w-6{width:calc(var(--spacing) * 6)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-\[48px\]{width:48px}.w-\[50px\]{width:50px}.w-\[52px\]{width:52px}.w-\[54px\]{width:54px}.w-\[58px\]{width:58px}.w-\[64px\]{width:64px}.w-\[69px\]{width:69px}.w-\[70px\]{width:70px}.w-\[80px\]{width:80px}.w-\[108px\]{width:108px}.w-\[163px\]{width:163px}.w-\[174px\]{width:174px}.w-\[176px\]{width:176px}.w-\[219px\]{width:219px}.w-\[259px\]{width:259px}.w-\[280px\]{width:280px}.w-\[302px\]{width:302px}.w-\[303px\]{width:303px}.w-\[328px\]{width:328px}.w-\[400px\]{width:400px}.w-\[438px\]{width:438px}.w-\[557px\]{width:557px}.w-\[560px\]{width:560px}.w-\[568px\]{width:568px}.w-\[588px\]{width:588px}.w-\[600px\]{width:600px}.w-\[654px\]{width:654px}.w-\[700px\]{width:700px}.w-\[818px\]{width:818px}.w-\[900px\]{width:900px}.w-\[1280px\]{width:1280px}.w-auto{width:auto}.w-full{width:100%}.max-w-\[205px\]{max-width:205px}.max-w-\[401px\]{max-width:401px}.max-w-\[437px\]{max-width:437px}.max-w-\[531px\]{max-width:531px}.max-w-\[534px\]{max-width:534px}.max-w-\[540px\]{max-width:540px}.max-w-\[560px\]{max-width:560px}.max-w-\[578px\]{max-width:578px}.max-w-\[600px\]{max-width:600px}.max-w-\[608px\]{max-width:608px}.max-w-\[700px\]{max-width:700px}.max-w-\[708px\]{max-width:708px}.max-w-\[709px\]{max-width:709px}.max-w-\[720px\]{max-width:720px}.max-w-\[760px\]{max-width:760px}.max-w-\[820px\]{max-width:820px}.max-w-\[883px\]{max-width:883px}.max-w-\[938px\]{max-width:938px}.max-w-\[1100px\]{max-width:1100px}.max-w-\[1160px\]{max-width:1160px}.max-w-\[1280px\]{max-width:1280px}.max-w-\[1286px\]{max-width:1286px}.max-w-\[1440px\]{max-width:1440px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-top-left{transform-origin:0 0}.-translate-x-1{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-14{gap:calc(var(--spacing) * 14)}.gap-\[7px\]{gap:7px}.gap-\[10px\]{gap:10px}.gap-\[11px\]{gap:11px}.gap-\[18px\]{gap:18px}.gap-\[19px\]{gap:19px}.gap-\[24px\]{gap:24px}.gap-\[29px\]{gap:29px}.gap-\[34px\]{gap:34px}.gap-\[38px\]{gap:38px}.gap-\[74px\]{gap:74px}.gap-\[118px\]{gap:118px}.gap-\[198px\]{gap:198px}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[10px\]{border-radius:10px}.rounded-\[14px\]{border-radius:14px}.rounded-\[20px\]{border-radius:20px}.rounded-\[24px\]{border-radius:24px}.rounded-\[28px\]{border-radius:28px}.rounded-\[30px\]{border-radius:30px}.rounded-\[70px\]{border-radius:70px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-tl-\[1000px\]{border-top-left-radius:1000px}.rounded-tr-\[20px\]{border-top-right-radius:20px}.rounded-b-\[20px\]{border-bottom-right-radius:20px;border-bottom-left-radius:20px}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[4px\]{border-style:var(--tw-border-style);border-width:4px}.border-\[5px\]{border-style:var(--tw-border-style);border-width:5px}.border-\[12px\]{border-style:var(--tw-border-style);border-width:12px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#3d3d3d\]{border-color:#3d3d3d}.border-\[\#9ac763\]{border-color:#9ac763}.border-\[\#9ac763\]\/30{border-color:oklab(77.5477% -.0873731 .10727/.3)}.border-\[\#99cf63\]{border-color:#99cf63}.border-\[\#010205\]{border-color:#010205}.border-\[\#fafafa\]{border-color:#fafafa}.border-black{border-color:var(--color-black)}.border-black\/10{border-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.border-black\/10{border-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.border-white{border-color:var(--color-white)}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.border-white\/\[0\.06\]{border-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.border-white\/\[0\.06\]{border-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.bg-\[\#0a1424\]{background-color:#0a1424}.bg-\[\#0f1f38\]{background-color:#0f1f38}.bg-\[\#0f1116\]{background-color:#0f1116}.bg-\[\#3C623B\]{background-color:#3c623b}.bg-\[\#3a3a3a\]{background-color:#3a3a3a}.bg-\[\#9ac763\]{background-color:#9ac763}.bg-\[\#9ac763\]\/15{background-color:oklab(77.5477% -.0873731 .10727/.15)}.bg-\[\#77b248\]{background-color:#77b248}.bg-\[\#99cf63\]{background-color:#99cf63}.bg-\[\#010205\]{background-color:#010205}.bg-\[\#121212\]{background-color:#121212}.bg-\[\#141922\]{background-color:#141922}.bg-\[\#212121\]{background-color:#212121}.bg-\[\#282727\]{background-color:#282727}.bg-\[\#bae289\]{background-color:#bae289}.bg-\[\#efefef\]{background-color:#efefef}.bg-\[\#f0f0f0\]{background-color:#f0f0f0}.bg-\[\#f5f5f5\]{background-color:#f5f5f5}.bg-\[\#fafafa\]{background-color:#fafafa}.bg-\[rgba\(239\,239\,239\,0\.47\)\]{background-color:#efefef78}.bg-black{background-color:var(--color-black)}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.bg-black\/85{background-color:#000000d9}@supports (color:color-mix(in lab, red, red)){.bg-black\/85{background-color:color-mix(in oklab, var(--color-black) 85%, transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#d8d8da\]{--tw-gradient-from:#d8d8da;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#b8bcc3\]{--tw-gradient-to:#b8bcc3;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-bottom{object-position:bottom}.object-right{object-position:right}.object-top{object-position:top}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-\[10px\]{padding:10px}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-20{padding-inline:calc(var(--spacing) * 20)}.px-\[40px\]{padding-inline:40px}.px-\[75px\]{padding-inline:75px}.px-\[80px\]{padding-inline:80px}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.py-32{padding-block:calc(var(--spacing) * 32)}.py-\[115px\]{padding-block:115px}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pt-\[42px\]{padding-top:42px}.pt-\[72px\]{padding-top:72px}.pt-\[73px\]{padding-top:73px}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-\[42px\]{padding-bottom:42px}.pb-\[76px\]{padding-bottom:76px}.pb-\[80px\]{padding-bottom:80px}.text-center{text-align:center}.text-justify{text-align:justify}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-\[2rem\]{font-size:2rem}.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-\[16px\]{font-size:16px}.text-\[17\.1px\]{font-size:17.1px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[26px\]{font-size:26px}.text-\[27px\]{font-size:27px}.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.text-\[31px\]{font-size:31px}.text-\[32px\]{font-size:32px}.text-\[36px\]{font-size:36px}.text-\[40px\]{font-size:40px}.text-\[44px\]{font-size:44px}.text-\[46px\]{font-size:46px}.text-\[48px\]{font-size:48px}.text-\[56px\]{font-size:56px}.text-\[66px\]{font-size:66px}.text-\[72px\]{font-size:72px}.text-\[84px\]{font-size:84px}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.leading-\[1\.7\]{--tw-leading:1.7;line-height:1.7}.leading-\[1\.8\]{--tw-leading:1.8;line-height:1.8}.leading-\[1\.15\]{--tw-leading:1.15;line-height:1.15}.leading-\[1\.25\]{--tw-leading:1.25;line-height:1.25}.leading-\[1\.26\]{--tw-leading:1.26;line-height:1.26}.leading-\[1\.45\]{--tw-leading:1.45;line-height:1.45}.leading-\[1\.75\]{--tw-leading:1.75;line-height:1.75}.leading-\[17px\]{--tw-leading:17px;line-height:17px}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-\[25\.6px\]{--tw-leading:25.6px;line-height:25.6px}.leading-\[28px\]{--tw-leading:28px;line-height:28px}.leading-\[29px\]{--tw-leading:29px;line-height:29px}.leading-\[40px\]{--tw-leading:40px;line-height:40px}.leading-\[60px\]{--tw-leading:60px;line-height:60px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.3px\]{--tw-tracking:-.3px;letter-spacing:-.3px}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\[-0\.42px\]{--tw-tracking:-.42px;letter-spacing:-.42px}.tracking-\[-0\.48px\]{--tw-tracking:-.48px;letter-spacing:-.48px}.tracking-\[-0\.64px\]{--tw-tracking:-.64px;letter-spacing:-.64px}.tracking-\[-0\.72px\]{--tw-tracking:-.72px;letter-spacing:-.72px}.tracking-\[-0\.96px\]{--tw-tracking:-.96px;letter-spacing:-.96px}.tracking-\[-1\.5px\]{--tw-tracking:-1.5px;letter-spacing:-1.5px}.tracking-\[-1\.08px\]{--tw-tracking:-1.08px;letter-spacing:-1.08px}.tracking-\[-1\.28px\]{--tw-tracking:-1.28px;letter-spacing:-1.28px}.tracking-\[-1\.44px\]{--tw-tracking:-1.44px;letter-spacing:-1.44px}.tracking-\[-1px\]{--tw-tracking:-1px;letter-spacing:-1px}.tracking-\[-2\.16px\]{--tw-tracking:-2.16px;letter-spacing:-2.16px}.tracking-\[-2\.52px\]{--tw-tracking:-2.52px;letter-spacing:-2.52px}.tracking-\[-4\.8px\]{--tw-tracking:-4.8px;letter-spacing:-4.8px}.tracking-\[0\.8px\]{--tw-tracking:.8px;letter-spacing:.8px}.tracking-\[1\.2px\]{--tw-tracking:1.2px;letter-spacing:1.2px}.tracking-\[1\.28px\]{--tw-tracking:1.28px;letter-spacing:1.28px}.tracking-\[1px\]{--tw-tracking:1px;letter-spacing:1px}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.text-\[\#4b5563\]{color:#4b5563}.text-\[\#5c5d5f\]{color:#5c5d5f}.text-\[\#6b7280\]{color:#6b7280}.text-\[\#7a7a7a\]{color:#7a7a7a}.text-\[\#9ac763\]{color:#9ac763}.text-\[\#9b9b9c\]{color:#9b9b9c}.text-\[\#99cf63\]{color:#99cf63}.text-\[\#878c91\]{color:#878c91}.text-\[\#010205\]{color:#010205}.text-\[\#020407\]{color:#020407}.text-\[\#192031\]{color:#192031}.text-\[\#212121\]{color:#212121}.text-\[\#757575\]{color:#757575}.text-\[rgba\(1\,2\,5\,0\.4\)\]{color:#01020566}.text-black{color:var(--color-black)}.text-white{color:var(--color-white)}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.decoration-solid{text-decoration-style:solid}.opacity-0{opacity:0}.opacity-5{opacity:.05}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-\[0\.12\]{opacity:.12}.opacity-\[0\.13\]{opacity:.13}.mix-blend-lighten{mix-blend-mode:lighten}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0px_30px_50px_-6\.8px_rgba\(0\,0\,0\,0\.44\)\]{--tw-shadow:0px 30px 50px -6.8px var(--tw-shadow-color,#00000070);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);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,)}.filter{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-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-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-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-\[20px\]{--tw-backdrop-blur:blur(20px);-webkit-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-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-\[42px\]{--tw-backdrop-blur:blur(42px);-webkit-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-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-saturate-150{--tw-backdrop-saturate:saturate(150%);-webkit-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-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-filter{-webkit-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-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{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-1{transition-delay:1ms}.delay-2{transition-delay:2ms}.delay-3{transition-delay:3ms}.delay-4{transition-delay:4ms}.delay-5{transition-delay:5ms}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}.placeholder\:text-\[\#5a5a5a\]::placeholder{color:#5a5a5a}.placeholder\:text-white\/70::placeholder{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-white\/70::placeholder{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:border-white\/50:hover{border-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/50:hover{border-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.hover\:bg-\[\#1a1a1a\]:hover{background-color:#1a1a1a}.hover\:bg-\[\#333\]:hover{background-color:#333}.hover\:bg-\[\#010205\]:hover{background-color:#010205}.hover\:bg-\[\#aedd77\]:hover{background-color:#aedd77}.hover\:text-\[\#9ac763\]:hover{color:#9ac763}.hover\:text-white:hover{color:var(--color-white)}.hover\:brightness-95:hover{--tw-brightness:brightness(95%);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,)}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);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,)}}.focus\:border-\[\#9ac763\]:focus{border-color:#9ac763}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:64rem){.lg\:flex{display:flex}.lg\:hidden{display:none}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1} :root { --green: #9ac763; --green-2: #99cf63; --dark: #010205; --muted: #878c91; } html { scroll-behavior: smooth; } html, body { font-family: "Plus Jakarta Sans", system-ui, sans-serif; color: #010205; background-color: #efefef; background-repeat: repeat; background-size: 200px auto; } .font-jakarta { font-family: "Plus Jakarta Sans", sans-serif; } .font-manrope { font-family: "Manrope", sans-serif; } .font-inter { font-family: "Inter", sans-serif; } .font-sora { font-family: "Sora", sans-serif; } .font-roboto { font-family: "Roboto", sans-serif; } .text-gradient-green { background: linear-gradient(90deg, #457708 0%, #9ac763 95%); -webkit-background-clip: text; background-clip: text; color: transparent; } .text-gradient-green-2 { background: linear-gradient(90deg, #549800, #9ac763); -webkit-background-clip: text; background-clip: text; color: transparent; } .noise { background-size: 100px; opacity: 0.06; pointer-events: none; } /* Services — editorial list */ .svc-item { display: grid; grid-template-columns: 40px 1fr; column-gap: 24px; padding: 28px 0; } .svc-num { font-family: "Inter", sans-serif; font-size: 13px; color: #aaa; padding-top: 10px; } .svc-title { font-family: "Plus Jakarta Sans", sans-serif; font-weight: 700; font-size: 28px; letter-spacing: -0.5px; color: #010205; transition: color 0.2s ease; } .svc-row:hover .svc-title { color: #9ac763; } .svc-desc { font-family: "Plus Jakarta Sans", sans-serif; font-size: 18px; line-height: 1.6; color: #878c91; max-width: 640px; margin-top: 8px; } .marquee { display: flex; gap: 40px; animation: scroll 30s linear infinite; } /* Partner strip — direct child of hero-layout */ .hero-partner-strip { display: flex; flex-direction: column; gap: 0.75rem; /* Desktop: absolute, under the copy column only */ position: absolute; left: 71px; top: 520px; width: 680px; } .partners-label { display: block; font-size: 11px; letter-spacing: 0.18em; text-align: left; } .partners-ticker { overflow: hidden; height: 50px; } /* Responsive: in flow, full width */ @media (max-width: 1200px) { .hero-partner-strip { position: static !important; left: auto !important; right: auto !important; top: auto !important; width: 100% !important; } } @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } details[open] .faq-icon-plus { display: none; } details:not([open]) .faq-icon-minus { display: none; } .process-card { cursor: pointer; } .process-step { position: relative; overflow: hidden; transition: width 0.55s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.35s ease; will-change: width; contain: layout paint; backface-visibility: hidden; transform: translateZ(0); } .process-step .step-expanded, .process-step .step-collapsed, .process-step .step-rotated { position: absolute; inset: 2.5rem; } .process-step .step-expanded, .process-step .step-collapsed, .process-step .step-num-open, .process-step .step-num-compact, .process-step .step-rotated { will-change: transform, opacity; backface-visibility: hidden; } .process-step .step-expanded { opacity: 0; transform: translate3d(0, 18px, 0); transition: opacity 0.26s ease, transform 0.48s cubic-bezier(0.22, 1, 0.36, 1); } .process-step .step-collapsed { opacity: 1; transform: translate3d(0, 0, 0); transition: opacity 0.28s ease, transform 0.42s cubic-bezier(0.22, 1, 0.36, 1); } .process-step .step-num-open, .process-step .step-num-compact { display: inline-block; transition: opacity 0.28s ease, transform 0.42s cubic-bezier(0.22, 1, 0.36, 1); } .process-step .step-rotated { inset: auto; left: 1.5rem; top: 8.5rem; opacity: 1; transition: opacity 0.22s ease, transform 0.42s cubic-bezier(0.22, 1, 0.36, 1); } .process-step.is-open .step-expanded { opacity: 1; transform: translate3d(0, 0, 0); transition-delay: 0.08s; } .process-step.is-open .step-collapsed { opacity: 0; transform: translate3d(18px, 0, 0); pointer-events: none; } .process-step.is-open .step-rotated { opacity: 0; transform: rotate(90deg) translate3d(0, 16px, 0); pointer-events: none; } /* Scroll reveal animations */ .reveal { opacity: 0; transform: translateY(40px); transition: opacity 0.7s ease, transform 0.7s ease; } .reveal.active { opacity: 1; transform: translateY(0); } .reveal-left { opacity: 0; transform: translateX(-60px); transition: opacity 0.7s ease, transform 0.7s ease; } .reveal-left.active { opacity: 1; transform: translateX(0); } .reveal-right { opacity: 0; transform: translateX(60px); transition: opacity 0.7s ease, transform 0.7s ease; } .reveal-right.active { opacity: 1; transform: translateX(0); } .reveal-scale { opacity: 0; transform: scale(0.85); transition: opacity 0.6s ease, transform 0.6s ease; } .reveal-scale.active { opacity: 1; transform: scale(1); } .review-quote-shell { display: grid; grid-template-columns: 72px minmax(0, 1fr) 92px; align-items: stretch; width: 100%; column-gap: 0; } .review-quote-mark { font-family: Georgia, "Times New Roman", serif; font-size: 140px; font-style: italic; line-height: 0.72; letter-spacing: -0.08em; pointer-events: none; user-select: none; display: block; width: 1em; } .review-quote-mark-start { grid-column: 1; align-self: start; justify-self: start; transform: translateY(-14px); color: rgba(154, 199, 99, 0.34); text-shadow: 0 14px 36px rgba(154, 199, 99, 0.12); } .review-quote-mark-end { grid-column: 3; align-self: end; justify-self: end; transform: translateY(86px); color: rgba(1, 2, 5, 0.12); } .review-quote-text { grid-column: 2; align-self: center; margin: 0; } /* Stagger delays */ .delay-1 { transition-delay: 0.1s; } .delay-2 { transition-delay: 0.2s; } .delay-3 { transition-delay: 0.3s; } .delay-4 { transition-delay: 0.4s; } .delay-5 { transition-delay: 0.5s; } /* Navbar shrink */ header { transition: box-shadow 0.3s ease; } header nav { transition: padding 0.3s ease; } header.scrolled { box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); } header.scrolled nav { padding-top: 0.75rem; padding-bottom: 0.75rem; } /* Hero entrance */ .hero-title { opacity: 0; transform: translateY(30px); animation: heroIn 0.8s ease 0.2s forwards; } .hero-desc { opacity: 0; transform: translateY(20px); animation: heroIn 0.7s ease 0.5s forwards; } .hero-btns { opacity: 0; transform: translateY(20px); animation: heroIn 0.7s ease 0.7s forwards; } .hero-card { opacity: 0; transform: translateY(30px) scale(0.95); } .hero-card.loaded { animation: heroCardIn 0.8s ease forwards; } @keyframes heroIn { to { opacity: 1; transform: translateY(0); } } @keyframes heroCardIn { to { opacity: 1; transform: translateY(0) scale(1); } } /* Floating animation */ .float { animation: floatY 3s ease-in-out infinite; } @keyframes floatY { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } } /* Pulse on trending icon */ .pulse-ring { animation: pulseRing 2s ease-out infinite; } @keyframes pulseRing { 0% { box-shadow: 0 0 0 0 rgba(154, 199, 99, 0.5); } 70% { box-shadow: 0 0 0 20px rgba(154, 199, 99, 0); } 100% { box-shadow: 0 0 0 0 rgba(154, 199, 99, 0); } } /* Service item hover */ .service-item { transition: all 0.3s ease; } .service-item:hover { padding-left: 12px; background: linear-gradient( 90deg, rgba(154, 199, 99, 0.05), transparent ); } /* Smooth bar grow */ .bar-animate { transform: scaleY(0); transform-origin: bottom; transition: transform 0.8s ease; } .bar-animate.active { transform: scaleY(1); } /* The off-screen mobile menu (translateX(100%)) still counts toward the page's scrollable overflow, which makes Android Chrome expand the layout viewport to 2x device width and skip the <=768px styles. Clip horizontal overflow at the root so the viewport stays device-width. */ html { overflow-x: hidden; overflow-x: clip; } /* Mobile menu */ .mobile-menu { transform: translateX(100%); transition: transform 0.3s ease; width: 100%; height: 100%; overflow-y: auto; } .mobile-menu.open { transform: translateX(0); } body.menu-open { overflow: hidden; } body.preload-pending { overflow: hidden; } body > *:not(.site-preloader) { transition: opacity 0.45s ease, filter 0.45s ease; } body.preload-pending > *:not(.site-preloader) { opacity: 0; filter: blur(10px); } .site-preloader { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 2rem; background: radial-gradient( circle at top, rgba(154, 199, 99, 0.18), transparent 42% ), rgba(239, 239, 239, 0.98); backdrop-filter: blur(16px); transition: opacity 0.55s ease, visibility 0.55s ease; } .site-preloader.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; } .site-preloader__inner { display: flex; flex-direction: column; align-items: center; gap: 1.25rem; text-align: center; } .site-preloader__mark { width: 82px; height: 82px; border-radius: 999px; background: linear-gradient( 135deg, rgba(1, 2, 5, 0.98), rgba(32, 36, 42, 0.94) ); box-shadow: 0 24px 50px rgba(1, 2, 5, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.08); display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; } .site-preloader__mark::after { content: ""; position: absolute; inset: 10px; border-radius: inherit; border: 1px solid rgba(154, 199, 99, 0.24); } .site-preloader__text { font-family: "Manrope", sans-serif; font-size: 0.95rem; font-weight: 800; letter-spacing: 0.24em; text-transform: uppercase; color: #9ac763; } .site-preloader__progress { position: absolute; top: 0; left: 0; height: 3px; width: 0%; background: linear-gradient(90deg, #9ac763, #c6e69e); border-radius: 0 999px 999px 0; transition: width 2.4s cubic-bezier(0.1, 0.05, 0.2, 1); } .site-preloader__progress.is-running { width: 85%; } .site-preloader__progress.is-complete { width: 100%; transition: width 0.2s ease; } @media (max-width: 1360px) { .hero-layout { padding-left: 2rem; padding-right: 2rem; } .hero-copy { left: 2rem !important; } .hero-copy h1 { font-size: 4rem !important; width: 620px !important; } .hero-copy p { width: 520px !important; } .hero-media { transform: scale(0.94); transform-origin: top right; } #how-we-work .how-work-header, #how-we-work .how-work-cards, #reviews .w-\[1280px\], #services .max-w-\[1440px\] { width: 100% !important; } } @media (min-width: 1024px) and (max-width: 1180px) { header nav { padding-left: 1.5rem !important; padding-right: 1.5rem !important; gap: 1rem !important; } header nav > .flex.items-center.gap-\[74px\] { gap: 1.5rem !important; min-width: 0 !important; flex: 1 1 auto !important; } header nav ul.hidden.lg\:flex { gap: 1.5rem !important; font-size: 1rem !important; flex-wrap: nowrap !important; min-width: 0 !important; } header nav ul.hidden.lg\:flex li, header nav ul.hidden.lg\:flex a { white-space: nowrap !important; } header nav ul.hidden.lg\:flex li.flex.items-center.gap-2 { gap: 0.35rem !important; } header nav ul.hidden.lg\:flex svg { width: 14px !important; height: 14px !important; flex-shrink: 0 !important; } header nav > .flex.items-center.gap-2 { flex-shrink: 0 !important; } header .w-\[174px\] { width: auto !important; min-width: 0 !important; padding: 0.85rem 1.15rem !important; font-size: 0.95rem !important; white-space: nowrap !important; } #langToggle { width: 46px !important; height: 46px !important; font-size: 14px !important; } } @media (min-width: 1024px) and (max-width: 1320px) and (max-aspect-ratio: 5/4) { .hero-layout { height: auto !important; min-height: 0 !important; padding: 2.25rem 1.75rem 1.5rem !important; display: grid !important; grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr); align-items: start !important; column-gap: 1.5rem !important; row-gap: 1rem !important; } .hero-copy { position: relative !important; left: auto !important; top: auto !important; padding-top: 1rem !important; gap: 1.5rem !important; min-width: 0 !important; } .hero-copy h1 { font-size: clamp(3rem, 4.8vw, 4.4rem) !important; line-height: 1.02 !important; letter-spacing: -0.04em !important; width: 100% !important; max-width: 8.2em !important; } .hero-copy p { width: 100% !important; max-width: 32rem !important; font-size: 1rem !important; } .hero-btns { gap: 1.5rem !important; flex-wrap: wrap !important; } .hero-media { position: relative !important; left: auto !important; top: auto !important; width: 100% !important; height: auto !important; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(148px, 0.72fr); grid-template-rows: auto auto; gap: 1rem !important; align-self: start !important; transform: none !important; } .hero-media > div { position: relative !important; left: auto !important; top: auto !important; width: 100% !important; } .hero-card-photo { grid-column: 1; grid-row: 1; height: 240px !important; } .hero-card-stat { grid-column: 2; grid-row: 1; height: 240px !important; } .hero-card-stat .font-jakarta.font-bold.text-\[84px\] { font-size: 3.6rem !important; } .hero-card-growth { grid-column: 1 / span 2; grid-row: 2; height: 190px !important; } .hero-card-growth .absolute.left-\[33px\] { left: 1.25rem !important; max-width: 55% !important; gap: 1.1rem !important; } .hero-card-growth h3 { width: auto !important; font-size: 2rem !important; line-height: 1.15 !important; } .hero-card-growth .absolute.left-\[339px\] { left: auto !important; right: 1rem !important; bottom: 1rem !important; } #heroBars > div { width: 56px !important; } #heroBars .h-\[95px\] { height: 74px !important; } #heroBars .h-\[136px\] { height: 106px !important; } #heroBars .h-\[166px\] { height: 128px !important; } /* Fix grid auto-placement: hero-copy col1, hero-media col2, partner strip below both */ .hero-copy { grid-column: 1 !important; grid-row: 1 !important; } .hero-media { grid-column: 2 !important; grid-row: 1 !important; } .hero-partner-strip { grid-column: 1 / -1 !important; grid-row: 2 !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; width: 100% !important; } .hero-badge { display: none !important; } } @media (max-width: 1024px) { header nav, .px-20 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } header nav .gap-\[74px\] { gap: 1.25rem !important; } header .w-\[174px\] { width: auto !important; padding-left: 1rem !important; padding-right: 1rem !important; font-size: 0.92rem !important; } .hero-layout { height: auto !important; min-height: 0 !important; display: grid !important; gap: 1.5rem !important; padding-top: 2.5rem !important; padding-bottom: 2rem !important; } .hero-copy, .hero-media { position: relative !important; left: auto !important; top: auto !important; bottom: auto !important; right: auto !important; width: 100% !important; } .hero-copy { gap: 1.5rem !important; padding: 0 !important; } .hero-copy h1 { font-size: 3.4rem !important; width: 100% !important; max-width: 580px !important; } .hero-copy p { width: 100% !important; max-width: 540px !important; } .hero-media { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr); gap: 1rem !important; align-items: stretch; transform: none !important; } .hero-media > div { position: relative !important; left: auto !important; top: auto !important; width: 100% !important; height: auto !important; min-height: 220px !important; } .hero-card-photo { max-height: 320px !important; } .hero-media .hero-card-growth { grid-column: span 2; } .hero-badge { display: none !important; } #how-we-work { height: auto !important; padding: 4rem 0 5rem !important; } .how-work-shell { position: relative !important; padding: 0 1.5rem !important; } .how-work-header { position: relative !important; left: auto !important; top: auto !important; width: 100% !important; height: auto !important; flex-direction: column !important; align-items: flex-start !important; gap: 1.5rem !important; margin-bottom: 2rem !important; } .how-work-header h2, .how-work-header p { width: 100% !important; max-width: none !important; } .how-work-header h2 { font-size: 2.75rem !important; } .how-work-cards { position: relative !important; left: auto !important; top: auto !important; display: grid !important; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.3fr); width: 100% !important; gap: 1.25rem !important; } .how-work-cards .relative.rounded-\[30px\].bg-\[\#010205\], .how-work-cards .relative.rounded-\[30px\].w-\[818px\] { width: 100% !important; } .how-work-play { left: auto !important; right: 1.5rem !important; top: auto !important; bottom: -1rem !important; width: 124px !important; height: 124px !important; } .svc-title { font-size: 1.6rem !important; } .svc-desc { font-size: 1.05rem !important; } #process .px-8, #contacts, .footer-layout, .footer-meta { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .process-cards { flex-direction: column !important; align-items: stretch !important; } .process-step { width: 100% !important; height: auto !important; min-height: 220px !important; } .process-step .step-expanded, .process-step .step-collapsed { position: relative !important; inset: auto !important; } .process-step .step-collapsed, .process-step .step-rotated { display: none !important; } .process-step .step-expanded { opacity: 1 !important; transform: none !important; pointer-events: auto !important; } #process h2 { font-size: 1.7rem !important; line-height: 1.45 !important; margin-bottom: 2.5rem !important; } #reviews .flex.items-center.justify-between { flex-wrap: wrap !important; gap: 2rem !important; align-items: flex-end !important; } .contact-shell h2 { font-size: 2rem !important; } .faq-layout, .footer-layout, .contact-shell, .services-row { flex-direction: column !important; } .footer-layout > .flex-1 { gap: 2rem !important; } /* Reduce contact-shell vertical whitespace on tablet */ .contact-shell { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } /* Reviews: reduce excessive vertical padding and side gutters */ #reviews .px-\[80px\] { padding-left: 1.5rem !important; padding-right: 1.5rem !important; padding-top: 4rem !important; padding-bottom: 4rem !important; } } @media (max-width: 900px) { .hero-copy h1 { font-size: 3rem !important; line-height: 1.05 !important; } .hero-media { grid-template-columns: 1fr !important; } .hero-media .hero-card-growth { grid-column: auto; } .how-work-cards { grid-template-columns: 1fr !important; } .how-work-play { display: none !important; } .contact-grid { grid-template-columns: 1fr 1fr !important; } .footer-layout > .flex-1 { flex-wrap: wrap !important; } .footer-layout > .flex-1 > div { min-width: calc(50% - 1rem); } /* How We Work: scale down inline-styled counter & label */ [style*="96.79px"] { font-size: clamp(2rem, 8vw, 3.5rem) !important; letter-spacing: -1px !important; } [style*="21.9px"] { font-size: 1rem !important; } /* How We Work: right image-card heading */ [data-i18n="how.question"] { font-size: 1.75rem !important; letter-spacing: 0.1em !important; line-height: 1.35 !important; } /* How We Work: dark card inner padding (inline style override) */ .how-work-cards .relative.rounded-\[30px\].bg-\[\#010205\] { padding: 1.5rem !important; height: auto !important; min-height: 220px !important; } /* How We Work: right image card — clamp tall fixed height */ .how-work-cards .relative.rounded-\[30px\].w-\[818px\] { height: 220px !important; } /* Services: reduce excessive vertical padding at tablet */ #services { padding-top: 4rem !important; padding-bottom: 4rem !important; } } @media (min-width: 1025px) and (max-width: 1200px) { header nav, .px-20 { padding-left: 2rem !important; padding-right: 2rem !important; } #contacts { padding-left: 2rem !important; padding-right: 2rem !important; } .hero-layout { height: auto; min-height: 0; padding: 3rem 2rem 2rem; display: grid; gap: 1.5rem; } .hero-copy, .hero-media { position: relative !important; left: auto !important; top: auto !important; bottom: auto !important; right: auto !important; width: 100% !important; } .hero-copy { gap: 1.5rem !important; padding: 0 !important; } .hero-copy h1 { width: auto !important; max-width: none !important; font-size: 3rem !important; } .hero-copy p { width: auto !important; max-width: none !important; } .hero-media { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } .hero-media > div { position: relative !important; left: auto !important; top: auto !important; width: 100% !important; height: auto !important; min-height: 200px; } .hero-card-photo { max-height: 320px !important; } .hero-badge { display: none !important; } .process-cards { flex-direction: column; align-items: stretch !important; } .process-step { width: 100% !important; height: auto !important; min-height: 220px; } .process-step .step-expanded, .process-step .step-collapsed { position: relative; inset: auto; } .process-step .step-collapsed, .process-step .step-rotated { display: none !important; } .process-step .step-expanded { opacity: 1 !important; transform: none !important; pointer-events: auto !important; } .faq-layout, .footer-layout, .contact-shell, .services-row { flex-direction: column !important; } } @media (max-width: 768px) { .partners-label { text-align: center !important; } header nav { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; padding-left: 1.25rem !important; padding-right: 1.25rem !important; } /* Hide desktop CTA button on mobile, show only hamburger */ header .w-\[174px\] { display: none !important; } /* LangToggle visible in nav on mobile */ #langToggle { display: flex !important; width: 40px !important; height: 40px !important; font-size: 13px !important; } /* Hero layout on mobile */ .hero-layout { height: auto !important; padding: 1.5rem 0 2.5rem !important; display: flex !important; flex-direction: column !important; gap: 1.5rem !important; } .hero-copy { position: static !important; padding: 0 1.25rem !important; gap: 1.5rem !important; display: flex; flex-direction: column; } .hero-copy h1 { font-size: 2.5rem !important; line-height: 1.1 !important; letter-spacing: -1px !important; width: auto !important; max-width: none !important; } .hero-copy p { font-size: 1rem !important; line-height: 1.7 !important; width: auto !important; max-width: none !important; } .hero-btns { flex-direction: column !important; align-items: stretch !important; gap: 0.75rem !important; } .hero-btns button, .hero-btns a { width: 100% !important; justify-content: center !important; text-align: center; min-height: 48px; display: flex !important; align-items: center; } /* Hero media: show only growth card on mobile */ .hero-media { display: block !important; padding: 0 1.25rem !important; position: static !important; } .hero-media > div { display: none !important; } .hero-media .hero-card-growth { display: block !important; position: relative !important; left: auto !important; top: auto !important; width: 100% !important; height: 160px !important; border-radius: 16px !important; } .hero-card-growth .absolute.left-\[33px\] { left: 1.25rem !important; right: auto !important; top: 50% !important; transform: translateY(-50%) !important; max-width: 55% !important; } .hero-card-growth .absolute.left-\[339px\] { left: auto !important; right: 1rem !important; bottom: 1rem !important; } .hero-card-growth h3 { font-size: 1.1rem !important; width: auto !important; } #heroBars > div { width: 40px !important; } #heroBars .h-\[95px\] { height: 60px !important; } #heroBars .h-\[136px\] { height: 86px !important; } #heroBars .h-\[166px\] { height: 105px !important; } /* How-we-work section: disable absolute positioning */ #how-we-work { height: auto !important; padding: 2.5rem 0 !important; } .how-work-shell { position: relative !important; padding: 0 1.25rem !important; } .how-work-header { position: relative !important; left: auto !important; top: auto !important; width: 100% !important; height: auto !important; flex-direction: column !important; gap: 1rem !important; margin-bottom: 1.5rem; } .how-work-header h2 { font-size: 2rem !important; width: auto !important; } .how-work-header p { width: auto !important; } .how-work-cards { position: relative !important; left: auto !important; top: auto !important; flex-direction: column !important; gap: 1rem !important; } .how-work-cards .relative.rounded-\[30px\].bg-\[\#010205\] { width: 100% !important; height: auto !important; min-height: 220px !important; } .how-work-cards .relative.rounded-\[30px\].w-\[818px\] { width: 100% !important; height: 180px !important; } /* Hide play button on mobile */ .how-work-play { display: none !important; } /* Services */ .svc-title { font-size: 1.25rem !important; } .svc-desc { font-size: 0.95rem !important; } #services .px-20 { padding-left: 1.25rem !important; padding-right: 1.25rem !important; } #services p.font-jakarta { font-size: 1rem !important; max-width: 100% !important; } /* Testimonials */ #reviews .px-\[80px\] { padding-left: 1.25rem !important; padding-right: 1.25rem !important; padding-top: 3rem !important; padding-bottom: 3rem !important; } #reviews .w-\[1280px\] { width: 100% !important; } #reviews p.font-semibold { font-size: 1.25rem !important; line-height: 1.6 !important; } #reviews .review-quote-shell { grid-template-columns: 2.25rem minmax(0, 1fr) 2.5rem !important; } #reviews .review-quote-mark { font-size: 4.75rem !important; } #reviews .review-quote-mark-start { transform: translate(-0.15rem, -0.1rem) !important; } #reviews .review-quote-mark-end { transform: translate(0.15rem, 1.65rem) !important; } #reviews .flex.items-center.justify-between { flex-direction: column !important; align-items: flex-start !important; gap: 1.25rem !important; } /* Process */ #process .px-8 { padding-left: 1.25rem !important; padding-right: 1.25rem !important; } #process h2 { font-size: 1.25rem !important; line-height: 1.5 !important; margin-bottom: 1.5rem !important; } .process-step { min-height: 180px !important; padding: 1.5rem !important; } /* FAQ */ .faq-layout { display: flex !important; flex-direction: column !important; padding: 1.75rem 1.25rem !important; gap: 2rem !important; border-radius: 1.25rem !important; } .faq-layout h2 { font-size: 2rem !important; margin-bottom: 0.75rem !important; } .faq-layout summary span { font-size: 1rem !important; } .faq-layout .flex-1 { max-width: 100% !important; } .faq-layout .flex.items-center.gap-12 { flex-direction: column !important; align-items: flex-start !important; gap: 1rem !important; } /* Contact */ #contacts { padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-top: 2rem !important; padding-bottom: 2rem !important; } .contact-shell { padding: 1.5rem 1.25rem !important; border-radius: 1.25rem !important; } .contact-shell h2 { font-size: 1.6rem !important; line-height: 1.25 !important; } .contact-shell .max-w-\[709px\] { max-width: 100% !important; } .contact-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 0.75rem !important; } /* Footer */ .footer-layout { flex-direction: column !important; padding-left: 1.25rem !important; padding-right: 1.25rem !important; gap: 2.5rem !important; } .footer-layout > .max-w-\[534px\] { max-width: 100% !important; } .footer-layout > .max-w-\[534px\] .flex.items-center.gap-8 { flex-wrap: wrap !important; gap: 1rem !important; } .footer-layout > .flex-1 { flex-direction: column !important; gap: 2rem !important; } .footer-meta { flex-direction: column !important; gap: 0.5rem !important; align-items: flex-start !important; padding-left: 1.25rem !important; padding-right: 1.25rem !important; } /* Reviews: shrink the large vertical gap between quote and nav row */ #reviews .flex.flex-col.gap-\[74px\] { gap: 2.5rem !important; } /* Hero growth card: tighten internal gap so it fits 160px height */ .hero-card-growth .absolute.left-\[33px\] { gap: 1rem !important; } /* Services: reduce over-large bottom margin on lead paragraph */ #services p.font-medium.text-\[22px\] { margin-bottom: 2rem !important; } /* Services: compact vertical padding on mobile */ #services { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } } /* * ═══════════════════════════════════════════════════════ * TABLET SCALING 769px – 1359px * Strategy: zoom on hero-layout (1440px wide), scale() on how-work-shell. * All rules use !important and come last → always win. * ═══════════════════════════════════════════════════════ */ @media (min-width: 769px) and (max-width: 1359px) { /* ── Nav ── */ header nav { gap: 0.5rem !important; } /* ── Hero wrapper ── clip but don't scroll */ .hero-section { overflow: hidden !important; } /* ── hero-layout: fix to 1440×687, transform scales it down ── */ .hero-layout { width: 1440px !important; height: 687px !important; display: block !important; padding: 0 !important; margin: 0 !important; transform-origin: top left !important; /* zoom set per sub-range below */ } /* Kill every reflow override from earlier media queries */ .hero-layout { grid-template-columns: unset !important; grid-template-rows: unset !important; align-items: unset !important; column-gap: unset !important; row-gap: unset !important; min-height: unset !important; } /* Restore hero-copy to desktop absolute position */ .hero-layout .hero-copy, .hero-copy { position: absolute !important; left: 71px !important; top: 80px !important; width: auto !important; max-width: none !important; padding: 0 !important; padding-top: 0 !important; gap: 3rem !important; grid-column: unset !important; grid-row: unset !important; min-width: unset !important; flex: unset !important; } .hero-layout .hero-copy h1, .hero-layout .hero-copy .hero-title { font-size: 62px !important; letter-spacing: -1.86px !important; width: 700px !important; max-width: none !important; line-height: 1.1 !important; } .hero-layout .hero-copy p, .hero-copy p { font-size: 16px !important; width: 557px !important; max-width: none !important; } .hero-btns, .hero-layout .hero-btns { flex-direction: row !important; align-items: center !important; gap: 3.5rem !important; flex-wrap: nowrap !important; } .hero-btns button, .hero-btns a, .hero-layout .hero-btns button, .hero-layout .hero-btns a { width: auto !important; min-height: auto !important; justify-content: flex-start !important; } /* Restore hero-media to desktop block (no grid) */ .hero-media, .hero-layout .hero-media { display: block !important; position: absolute !important; inset: 0 !important; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; width: auto !important; height: auto !important; grid-template-columns: unset !important; grid-template-rows: unset !important; gap: 0 !important; transform: none !important; padding: 0 !important; align-self: unset !important; } /* Restore every hero card to desktop absolute position */ .hero-card, .hero-layout .hero-card { position: absolute !important; width: auto !important; height: auto !important; min-height: unset !important; display: block !important; grid-column: unset !important; grid-row: unset !important; } .hero-card-photo, .hero-layout .hero-card-photo { left: 781px !important; top: 112px !important; width: 303px !important; height: 275px !important; max-height: none !important; border-top-left-radius: 1000px !important; border-top-right-radius: 20px !important; border-bottom-left-radius: 20px !important; border-bottom-right-radius: 20px !important; } .hero-card-stat, .hero-layout .hero-card-stat { left: 1108px !important; top: 112px !important; width: 259px !important; height: 281px !important; } .hero-card-growth, .hero-layout .hero-card-growth { left: 781px !important; top: 411px !important; width: 588px !important; height: 216px !important; grid-column: unset !important; } .hero-card-growth .absolute.left-\[33px\], .hero-layout .hero-card-growth .absolute.left-\[33px\] { left: 33px !important; max-width: none !important; gap: 2rem !important; top: auto !important; transform: none !important; } .hero-card-growth h3, .hero-layout .hero-card-growth h3 { font-size: 27px !important; width: 328px !important; line-height: 1.4 !important; } .hero-card-growth .absolute.left-\[339px\], .hero-layout .hero-card-growth .absolute.left-\[339px\] { left: 339px !important; right: auto !important; bottom: 20px !important; } #heroBars > div { width: 69px !important; } #heroBars .h-\[95px\] { height: 95px !important; } #heroBars .h-\[136px\] { height: 136px !important; } #heroBars .h-\[166px\] { height: 166px !important; } /* Hide badge — decorative only, clips awkwardly when scaled */ .hero-badge { display: none !important; } /* Partner strip at desktop position */ .hero-partner-strip, .hero-layout .hero-partner-strip { position: absolute !important; left: 71px !important; top: 520px !important; width: 680px !important; right: auto !important; grid-column: unset !important; grid-row: unset !important; } /* ── How-we-work: restore desktop absolute layout ── */ #how-we-work { overflow: hidden !important; padding: 0 !important; height: 662px !important; } .how-work-shell { position: absolute !important; top: 0 !important; left: 0 !important; right: auto !important; bottom: auto !important; width: 1440px !important; height: 662px !important; padding: 0 !important; transform-origin: top left !important; } .how-work-header { position: absolute !important; left: 80px !important; top: 50px !important; width: 1280px !important; height: 107px !important; flex-direction: row !important; align-items: flex-start !important; gap: 0 !important; margin-bottom: 0 !important; } .how-work-header h2 { font-size: 48px !important; width: 568px !important; } .how-work-header p { width: 654px !important; } .how-work-cards { position: absolute !important; left: 80px !important; top: 209px !important; display: flex !important; flex-direction: row !important; grid-template-columns: unset !important; gap: 24px !important; width: auto !important; } .how-work-cards .relative.rounded-\[30px\].bg-\[\#010205\] { width: 438px !important; height: 382px !important; padding: 40px !important; min-height: unset !important; } .how-work-cards .relative.rounded-\[30px\].w-\[818px\] { width: 818px !important; height: 382px !important; } .how-work-play { display: flex !important; position: absolute !important; left: 1217px !important; top: 499px !important; width: 163px !important; height: 163px !important; bottom: auto !important; right: auto !important; } [style*="96.79px"] { font-size: 96.79px !important; letter-spacing: -2.9px !important; } [style*="21.9px"] { font-size: 21.9px !important; } [data-i18n="how.question"] { font-size: 48px !important; letter-spacing: 12.96px !important; line-height: 1.4 !important; } } /* * Scale values: s = viewport_min / 1440 * Hero uses zoom (affects layout space); how-we-work shell uses transform+height. */ @media (min-width: 769px) and (max-width: 860px) { .hero-layout { zoom: 0.534 !important; } .how-work-shell { transform: scale(0.534) !important; } #how-we-work { height: calc(662px * 0.534) !important; } } @media (min-width: 861px) and (max-width: 960px) { .hero-layout { zoom: 0.598 !important; } .how-work-shell { transform: scale(0.598) !important; } #how-we-work { height: calc(662px * 0.598) !important; } } @media (min-width: 961px) and (max-width: 1060px) { .hero-layout { zoom: 0.667 !important; } .how-work-shell { transform: scale(0.667) !important; } #how-we-work { height: calc(662px * 0.667) !important; } } @media (min-width: 1061px) and (max-width: 1199px) { .hero-layout { zoom: 0.769 !important; } .how-work-shell { transform: scale(0.769) !important; } #how-we-work { height: calc(662px * 0.769) !important; } } @media (min-width: 1200px) and (max-width: 1359px) { .hero-layout { zoom: 0.834 !important; } .how-work-shell { transform: scale(0.834) !important; } #how-we-work { height: calc(662px * 0.834) !important; } } /* ── Desktop reset: undo any tablet overrides above 1359px ── */ @media (min-width: 1360px) { .hero-layout { zoom: unset !important; width: 100% !important; max-width: 1440px !important; height: 687px !important; display: block !important; padding: 0 !important; margin: 0 auto !important; } .how-work-shell { position: absolute !important; inset: 0 !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: auto !important; height: auto !important; transform: none !important; transform-origin: unset !important; max-width: 1440px !important; } #how-we-work { height: 662px !important; overflow: hidden !important; padding: 0 !important; } } @media (max-width: 480px) { .site-preloader__mark { width: 70px; height: 70px; } .site-preloader__text { font-size: 0.82rem; letter-spacing: 0.2em; } .hero-copy h1 { font-size: 1.75rem !important; } #process h2 { font-size: 1.2rem !important; line-height: 1.6 !important; } .faq-layout summary span { font-size: 0.95rem !important; } .contact-shell h2 { font-size: 1.35rem !important; } .svc-title { font-size: 1.1rem !important; } /* Hero growth card: further reduce heading on very small screens */ .hero-card-growth h3 { font-size: 0.95rem !important; } } .how-card-play-badge { display: none; } @media (max-width: 900px) { .how-card-play-badge { display: flex; } }