/* Generated from the local utility baseline plus UmbrellaX Design semantic styles. */
*,:after,:before{--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:rgba(59,130,246,.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:rgba(59,130,246,.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: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;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:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:JetBrains Mono,ui-monospace,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:-.25em}sup{top:-.5em}table{text-indent:0;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:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[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}input:where(:not([type])),input:where([type=date]),input:where([type=datetime-local]),input:where([type=email]),input:where([type=month]),input:where([type=number]),input:where([type=password]),input:where([type=search]),input:where([type=tel]),input:where([type=text]),input:where([type=time]),input:where([type=url]),input:where([type=week]),select,select:where([multiple]),textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}input:where(:not([type])):focus,input:where([type=date]):focus,input:where([type=datetime-local]):focus,input:where([type=email]):focus,input:where([type=month]):focus,input:where([type=number]):focus,input:where([type=password]):focus,input:where([type=search]):focus,input:where([type=tel]):focus,input:where([type=text]):focus,input:where([type=time]):focus,input:where([type=url]):focus,input:where([type=week]):focus,select:focus,select:where([multiple]):focus,textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--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);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}select:where([multiple]),select:where([size]:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}input:where([type=checkbox]),input:where([type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([type=radio]):focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input:where([type=checkbox]):checked,input:where([type=radio]):checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}@media (forced-colors:active) {input:where([type=checkbox]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=radio]):checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media (forced-colors:active) {input:where([type=radio]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):checked:focus,input:where([type=checkbox]):checked:hover,input:where([type=radio]):checked:focus,input:where([type=radio]):checked:hover{border-color:transparent;background-color:currentColor}input:where([type=checkbox]):indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media (forced-colors:active) {input:where([type=checkbox]):indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):indeterminate:focus,input:where([type=checkbox]):indeterminate:hover{border-color:transparent;background-color:currentColor}input:where([type=file]){background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}input:where([type=file]):focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-bottom-20{bottom:-5rem}.-left-4{left:-1rem}.-left-8{left:-2rem}.-right-10{right:-2.5rem}.-right-4{right:-1rem}.-right-6{right:-1.5rem}.-top-10{top:-2.5rem}.-top-16{top:-4rem}.-top-6{top:-1.5rem}.left-6{left:1.5rem}.top-0{top:0}.top-10{top:2.5rem}.top-32{top:8rem}.top-8{top:2rem}.z-50{z-index:50}.col-span-12{grid-column:span 12/span 12}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-auto{margin-left:auto}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-\[3\/2\]{aspect-ratio:3/2}.h-1\.5{height:.375rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-px{height:1px}.w-1\.5{width:.375rem}.w-2{width:.5rem}.w-36{width:9rem}.w-44{width:11rem}.w-\[120px\]{width:120px}.w-\[80px\]{width:80px}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.max-w-2xl{max-width:42rem}.max-w-\[120px\]{max-width:120px}.max-w-\[1600px\]{max-width:1600px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.animate-marquee{animation:marquee 48s linear infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.animate-pulse-dot{animation:pulseDot 2s ease-in-out infinite}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,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}.justify-between{justify-content:space-between}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-px{gap:1px}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-2{row-gap:.5rem}.gap-y-3{row-gap:.75rem}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-ink\/10>:not([hidden])~:not([hidden]){border-color:hsla(0,0%,4%,.1)}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.scroll-smooth{scroll-behavior:smooth}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-none{border-radius:0}.border{border-width:1px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-ink{--tw-border-opacity:1;border-color:rgb(10 10 10/var(--tw-border-opacity,1))}.border-ink\/10{border-color:hsla(0,0%,4%,.1)}.border-ink\/15{border-color:hsla(0,0%,4%,.15)}.border-paper\/10{border-color:hsla(45,13%,94%,.1)}.border-transparent{border-color:transparent}.bg-ink{--tw-bg-opacity:1;background-color:rgb(10 10 10/var(--tw-bg-opacity,1))}.bg-ink\/10{background-color:hsla(0,0%,4%,.1)}.bg-ink\/20{background-color:hsla(0,0%,4%,.2)}.bg-ink\/30{background-color:hsla(0,0%,4%,.3)}.bg-paper{--tw-bg-opacity:1;background-color:rgb(242 241 238/var(--tw-bg-opacity,1))}.bg-paper-deep\/40{background-color:hsla(43,13%,90%,.4)}.bg-paper\/10{background-color:hsla(45,13%,94%,.1)}.bg-paper\/20{background-color:hsla(45,13%,94%,.2)}.bg-paper\/70{background-color:hsla(45,13%,94%,.7)}.p-8{padding:2rem}.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}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-16{padding-bottom:4rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pr-10{padding-right:2.5rem}.pt-16{padding-top:4rem}.pt-28{padding-top:7rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-right{text-align:right}.font-display{font-family:Unbounded,Helvetica Neue,sans-serif}.font-mono{font-family:JetBrains Mono,ui-monospace,monospace}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[15px\]{font-size:15px}.text-\[180px\]{font-size:180px}.text-\[220px\]{font-size:220px}.text-base{font-size:1rem;line-height:1.5rem}.text-giga{font-size:clamp(5rem,20vw,26rem);line-height:.85;letter-spacing:-.06em}.text-mega{font-size:clamp(2.6rem,8.5vw,8.5rem);line-height:.95;letter-spacing:-.035em}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-\[0\.95\]{line-height:.95}.leading-\[1\.05\]{line-height:1.05}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-caps{letter-spacing:.14em}.tracking-capsXl{letter-spacing:.22em}.tracking-capsXxl{letter-spacing:.32em}.tracking-tight{letter-spacing:-.025em}.text-ink{--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity,1))}.text-ink-dim{--tw-text-opacity:1;color:rgb(138 136 132/var(--tw-text-opacity,1))}.text-ink\/\[0\.035\]{color:hsla(0,0%,4%,.035)}.text-ink\/\[0\.04\]{color:hsla(0,0%,4%,.04)}.text-paper{--tw-text-opacity:1;color:rgb(242 241 238/var(--tw-text-opacity,1))}.text-paper\/\[0\.04\]{color:hsla(45,13%,94%,.04)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-85{opacity:.85}.opacity-\[0\.05\]{opacity:.05}.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-xl{--tw-backdrop-blur:blur(24px);-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-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.selection\:bg-ink ::-moz-selection{--tw-bg-opacity:1;background-color:rgb(10 10 10/var(--tw-bg-opacity,1))}.selection\:bg-ink ::selection{--tw-bg-opacity:1;background-color:rgb(10 10 10/var(--tw-bg-opacity,1))}.selection\:text-paper ::-moz-selection{--tw-text-opacity:1;color:rgb(242 241 238/var(--tw-text-opacity,1))}.selection\:text-paper ::selection{--tw-text-opacity:1;color:rgb(242 241 238/var(--tw-text-opacity,1))}.selection\:bg-ink::-moz-selection{--tw-bg-opacity:1;background-color:rgb(10 10 10/var(--tw-bg-opacity,1))}.selection\:bg-ink::selection{--tw-bg-opacity:1;background-color:rgb(10 10 10/var(--tw-bg-opacity,1))}.selection\:text-paper::-moz-selection{--tw-text-opacity:1;color:rgb(242 241 238/var(--tw-text-opacity,1))}.selection\:text-paper::selection{--tw-text-opacity:1;color:rgb(242 241 238/var(--tw-text-opacity,1))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;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-ink\/30:hover{border-color:hsla(0,0%,4%,.3)}.hover\:bg-ink:hover{--tw-bg-opacity:1;background-color:rgb(10 10 10/var(--tw-bg-opacity,1))}.hover\:text-ink:hover{--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity,1))}.hover\:text-paper:hover{--tw-text-opacity:1;color:rgb(242 241 238/var(--tw-text-opacity,1))}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-90:hover{opacity:.9}@media (min-width:640px){.sm\:block{display:block}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}}@media (min-width:768px){.md\:-right-12{right:-3rem}.md\:-top-24{top:-6rem}.md\:left-10{left:2.5rem}.md\:top-10{top:2.5rem}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-7{grid-column:span 7/span 7}.md\:mb-10{margin-bottom:2.5rem}.md\:mb-14{margin-bottom:3.5rem}.md\:mb-16{margin-bottom:4rem}.md\:mb-20{margin-bottom:5rem}.md\:mb-6{margin-bottom:1.5rem}.md\:mt-14{margin-top:3.5rem}.md\:mt-28{margin-top:7rem}.md\:inline{display:inline}.md\:h-12{height:3rem}.md\:h-20{height:5rem}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:gap-10{gap:2.5rem}.md\:gap-12{gap:3rem}.md\:gap-3{gap:.75rem}.md\:gap-5{gap:1.25rem}.md\:gap-6{gap:1.5rem}.md\:gap-8{gap:2rem}.md\:p-10{padding:2.5rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.md\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.md\:py-32{padding-top:8rem;padding-bottom:8rem}.md\:pb-24{padding-bottom:6rem}.md\:pt-24{padding-top:6rem}.md\:pt-36{padding-top:9rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-\[320px\]{font-size:320px}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:flex{display:flex}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:self-end{align-self:flex-end}.lg\:border-l{border-left-width:1px}.lg\:pl-10{padding-left:2.5rem}.lg\:pl-8{padding-left:2rem}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-7xl{font-size:4.5rem;line-height:1}.lg\:text-8xl{font-size:6rem;line-height:1}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@font-face {
  font-family: "Inter";
  src: url("./assets/fonts/inter-400-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  unicode-range: U+0000-024F, U+1E00-1EFF;
}

@font-face {
  font-family: "Inter";
  src: url("./assets/fonts/inter-400-cyrillic.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  unicode-range: U+0400-052F;
}

@font-face {
  font-family: "Inter";
  src: url("./assets/fonts/inter-500-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  unicode-range: U+0000-024F, U+1E00-1EFF;
}

@font-face {
  font-family: "Inter";
  src: url("./assets/fonts/inter-500-cyrillic.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  unicode-range: U+0400-052F;
}

@font-face {
  font-family: "Inter";
  src: url("./assets/fonts/inter-600-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  unicode-range: U+0000-024F, U+1E00-1EFF;
}

@font-face {
  font-family: "Inter";
  src: url("./assets/fonts/inter-600-cyrillic.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  unicode-range: U+0400-052F;
}

@font-face {
  font-family: "Inter";
  src: url("./assets/fonts/inter-700-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  unicode-range: U+0000-024F, U+1E00-1EFF;
}

@font-face {
  font-family: "Inter";
  src: url("./assets/fonts/inter-700-cyrillic.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  unicode-range: U+0400-052F;
}

:root {
  --canvas: #f6f6f4;
  --surface: #ffffff;
  --surface-soft: #efefec;
  --surface-warm: #f9f7f3;
  --graphite: #232323;
  --muted: #666661;
  --line: #d9d9d4;
  --coral: #ff6663;
  --shadow-soft: 0 20px 60px rgba(35, 35, 35, 0.08);
  --shadow-card: 0 10px 32px rgba(35, 35, 35, 0.07);
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 32px;
  --header-height: 56px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--header-height) + 20px);
  background: var(--canvas);
}

body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  background: var(--canvas) !important;
  color: var(--graphite) !important;
  font-family: "Inter", system-ui, sans-serif !important;
  font-size: 16px;
  text-rendering: optimizeLegibility;
}

body.menu-open {
  overflow: hidden;
}

button,
a,
summary {
  -webkit-tap-highlight-color: transparent;
}

button,
input,
textarea,
select {
  font: inherit;
}

a {
  color: inherit;
}

img {
  display: block;
  max-width: 100%;
}

::selection {
  background: var(--coral);
  color: var(--graphite);
}

:focus-visible {
  outline: 3px solid var(--coral) !important;
  outline-offset: 4px;
}

.font-display,
.font-mono {
  font-family: "Inter", system-ui, sans-serif !important;
}

.text-ink-dim {
  color: var(--muted) !important;
}

.skip-link {
  position: fixed;
  z-index: 100;
  top: 12px;
  left: 12px;
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: 0 18px;
  border-radius: 999px;
  background: var(--graphite);
  color: var(--surface);
  font-size: 13px;
  font-weight: 600;
  transform: translateY(-140%);
  transition: transform 180ms ease;
}

.skip-link:focus {
  transform: translateY(0);
}

.site-header {
  position: fixed;
  z-index: 50;
  top: 0;
  right: 0;
  left: 0;
  height: var(--header-height);
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(24px);
}

.header-shell {
  width: 100%;
  max-width: 72rem;
  height: 100%;
  padding: 0 24px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}

.brand-lockup,
.footer-brand {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.brand-lockup {
  width: 42px;
  height: 32px;
}

.brand-logo-light {
  position: relative;
  display: block;
  width: 42px;
  height: 32px;
  flex: 0 0 auto;
  overflow: visible;
}

@keyframes brandCanopyGlow {
  0%, 100% { opacity: 0.21; transform: translate(-50%, -50%) scale(1.01); }
  50% { opacity: 0.45; transform: translate(-50%, -50%) scale(1.12); }
}

@keyframes brandCanopyShapeGlow {
  0%, 100% { opacity: 0.17; transform: translateY(-1px) scale(1.12); }
  50% { opacity: 0.41; transform: translateY(-1.15px) scale(1.24); }
}

.brand-logo-light::before {
  position: absolute;
  top: 30%;
  left: 50%;
  width: 48px;
  height: 28px;
  border-radius: 999px;
  content: "";
  pointer-events: none;
  background: radial-gradient(ellipse at center, rgba(255, 102, 99, 0.46) 0%, rgba(255, 102, 99, 0.22) 42%, rgba(255, 102, 99, 0) 76%);
  filter: blur(5.2px);
  transform: translate(-50%, -50%) scale(1);
  transform-origin: center;
  animation: brandCanopyGlow 2s ease-in-out infinite;
  will-change: opacity, transform;
}

.brand-logo-light__glow,
.brand-logo-light__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.brand-logo-light__glow {
  pointer-events: none;
  filter: blur(4.4px) saturate(1.08);
  transform-origin: 50% 38%;
  animation: brandCanopyShapeGlow 2s ease-in-out infinite;
  will-change: opacity, transform, filter;
}

.brand-logo-light__image {
  z-index: 1;
}

.desktop-nav {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 4px;
}

.nav-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 8px;
  color: #9ca3af;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.3px;
  transition: background 150ms ease, color 150ms ease;
}

.nav-link:hover,
.nav-link:focus-visible {
  background: rgba(0, 0, 0, 0.05);
  color: #9ca3af;
}

.footer-link {
  position: relative;
  text-decoration: none;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.footer-link::after {
  position: absolute;
  right: 0;
  bottom: -6px;
  left: 0;
  height: 2px;
  content: "";
  background: var(--coral);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 180ms ease;
}

.footer-link:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 4px;
}

.language-control {
  position: relative;
  display: block;
}

#lang-btn {
  min-width: 37px;
  height: 28px;
  padding: 6px 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #9ca3af;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.3px;
  cursor: pointer;
}

#lang-btn:hover,
#lang-btn[aria-expanded="true"] {
  background: rgba(255, 255, 255, 0.72);
  color: #6b7280;
}

.language-dropdown {
  position: absolute;
  z-index: 60;
  top: 40px;
  right: 0;
  width: 200px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.language-dropdown[hidden] {
  display: none;
}

.language-search {
  padding: 8px;
  border-bottom: 1px solid #f0f0f0;
}

.language-search .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;
}

.language-search input {
  width: 100%;
  padding: 6px 12px;
  border: 0;
  border-radius: 8px;
  outline: 0;
  appearance: none;
  background: #f0f0f0;
  color: #333;
  caret-color: #9ca3af;
  font-size: 12px;
  line-height: 16px;
}

.language-options {
  max-height: 260px;
  overflow-y: auto;
  padding: 4px 0;
}

.language-option {
  width: 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border: 0;
  background: transparent;
  color: #6b7280;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  cursor: pointer;
}

.language-option:hover,
.language-option:focus-visible {
  background: #f3f4f6;
}

.language-option.is-active {
  color: #1d1d1f;
}

.language-circle {
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #9ca3af;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.025em;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.25);
}

.language-option.is-active .language-circle {
  background: #f1cf96;
  color: #fff;
  box-shadow: none;
}

.language-option.is-active .language-name {
  font-weight: 700;
}

.hero-primary {
  min-width: 44px;
  min-height: 48px;
}

.menu-toggle {
  display: none;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 0;
  border-radius: 10px;
  background: transparent;
  cursor: pointer;
}

.menu-toggle span {
  position: absolute;
  width: 18px;
  height: 1px;
  background: var(--graphite);
  transition: transform 180ms ease;
}

.menu-toggle span:first-child {
  transform: translateY(-4px);
}

.menu-toggle span:last-child {
  transform: translateY(4px);
}

.menu-toggle[aria-expanded="true"] span:first-child {
  transform: rotate(45deg);
}

.menu-toggle[aria-expanded="true"] span:last-child {
  transform: rotate(-45deg);
}

.mobile-menu {
  display: none;
}

main > section {
  background: var(--canvas) !important;
  color: var(--graphite) !important;
}

#top,
#about,
#portfolio,
#pricing,
#faq {
  background: var(--canvas) !important;
}

#services,
#enterprise,
#process,
#contact {
  background: var(--surface-soft) !important;
  color: var(--graphite) !important;
}

#enterprise .text-paper,
#process .text-paper,
#enterprise [class*="opacity-"],
#process [class*="opacity-"] {
  color: inherit !important;
  opacity: 1 !important;
}

.grain-overlay::after,
.grain-overlay-invert::after {
  display: none !important;
}

#top {
  padding-top: clamp(126px, 12vw, 178px) !important;
  padding-bottom: clamp(70px, 8vw, 120px) !important;
}

#top h1 {
  max-width: 1040px;
  font-size: clamp(3.5rem, 8.6vw, 9.7rem) !important;
  font-weight: 500 !important;
  line-height: 0.85 !important;
  letter-spacing: -0.075em !important;
}

.highlight-underline {
  position: relative;
  z-index: 0;
  white-space: nowrap;
}

.highlight-underline::after {
  position: absolute;
  z-index: -1;
  right: -0.04em;
  bottom: 0.06em;
  left: -0.04em;
  height: 0.16em;
  border-radius: 999px;
  content: "";
  background: var(--coral);
}

.hero-showcase {
  position: relative;
  min-height: clamp(360px, 42vw, 660px);
  margin-top: clamp(56px, 8vw, 112px);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(var(--surface-warm), var(--surface-warm)) padding-box,
    repeating-linear-gradient(90deg, transparent 0, transparent calc(25% - 1px), var(--line) 25%) border-box;
  overflow: hidden;
}

.hero-shot {
  position: absolute;
  display: block;
  width: min(58vw, 780px);
  border: 8px solid var(--surface);
  border-radius: 16px;
  background: var(--surface);
  box-shadow: var(--shadow-soft);
  overflow: hidden;
  transition: transform 300ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.hero-shot img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.hero-shot-a {
  top: 13%;
  left: 7%;
  transform: rotate(-4deg);
}

.hero-shot-b {
  top: 5%;
  right: 5%;
  transform: rotate(3deg);
}

.hero-shot-c {
  right: 20%;
  bottom: -23%;
  transform: rotate(-1deg);
}

.hero-showcase:hover .hero-shot-a {
  transform: rotate(-5deg) translate(-8px, -8px);
}

.hero-showcase:hover .hero-shot-b {
  transform: rotate(4deg) translate(8px, -8px);
}

.hero-showcase-note {
  position: absolute;
  z-index: 4;
  right: 22px;
  bottom: 22px;
  left: 22px;
  display: flex;
  justify-content: space-between;
  padding-top: 14px;
  border-top: 1px solid rgba(35, 35, 35, 0.14);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.stat-cell {
  min-height: 152px;
  padding: clamp(20px, 2.5vw, 34px);
  background: var(--surface);
}

.stat-num {
  font-size: clamp(2.3rem, 4vw, 4.6rem);
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.06em;
}

.stat-sup {
  margin-left: 4px;
  color: var(--coral);
  font-size: 0.35em;
  vertical-align: top;
}

.stat-label {
  margin-top: 24px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.marquee {
  background: var(--surface) !important;
  color: var(--graphite) !important;
}

.marquee .text-ink-dim {
  color: var(--coral) !important;
}

.filter-chip {
  min-height: 46px;
  padding: 0 18px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  color: var(--graphite);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color 180ms ease, background 180ms ease, transform 180ms ease;
}

.filter-chip:hover {
  border-color: var(--graphite);
  transform: translateY(-2px);
}

.filter-chip.is-active {
  border-color: var(--coral);
  background: var(--coral);
  color: #fff;
}

.filter-chip.is-active:hover,
.filter-chip.is-active:focus-visible {
  border-color: var(--coral);
  background: var(--coral);
  color: #fff;
}

.service-card {
  min-height: 300px;
  padding: clamp(22px, 2.2vw, 32px);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--surface);
  color: inherit;
  text-decoration: none;
  transition: transform 200ms ease, box-shadow 200ms ease;
}

#servicesGrid {
  gap: 10px !important;
  border: 0 !important;
  background: transparent !important;
}

.service-card:hover {
  z-index: 1;
  transform: translateY(-6px);
  box-shadow: var(--shadow-card);
}

.service-card.is-featured {
  background: #fff0ef;
}

.service-card[hidden] {
  display: none !important;
}

.service-num,
.service-tag,
.enterprise-kicker,
.portfolio-kicker,
.contact-kicker {
  color: var(--muted);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.service-title {
  margin-top: 38px;
  font-size: clamp(1.22rem, 1.5vw, 1.55rem);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.035em;
}

.service-desc {
  margin-top: 15px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
}

.service-tags,
.enterprise-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 24px;
  padding: 0;
  list-style: none;
}

.service-tag,
.enterprise-tags li {
  padding: 6px 9px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface-soft);
}

.enterprise-card,
.process-step {
  background: var(--surface) !important;
  color: var(--graphite) !important;
}

.enterprise-card {
  min-height: 390px;
  padding: clamp(26px, 3vw, 42px);
  border-top: 3px solid transparent;
  transition: border-color 180ms ease, transform 180ms ease;
}

.enterprise-card:hover {
  border-color: var(--coral);
  transform: translateY(-5px);
}

.enterprise-title {
  margin-top: 58px;
  font-size: clamp(1.7rem, 2.4vw, 2.5rem);
  font-weight: 500;
  line-height: 1.02;
  letter-spacing: -0.05em;
}

.enterprise-desc {
  margin-top: 24px;
  color: var(--muted) !important;
  font-size: 14px;
  line-height: 1.6;
}

.enterprise-tags li {
  color: var(--muted);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.portfolio-card {
  display: block;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
  text-decoration: none;
  box-shadow: 0 1px 0 rgba(35, 35, 35, 0.02);
  overflow: hidden;
  transition: transform 220ms ease, box-shadow 220ms ease;
}

.portfolio-card:hover {
  transform: translateY(-7px);
  box-shadow: var(--shadow-card);
}

.portfolio-frame {
  margin: 8px;
  border-radius: calc(var(--radius-md) - 6px);
  background: var(--surface-soft);
  overflow: hidden;
}

.portfolio-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 500ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.portfolio-card:hover .portfolio-frame img {
  transform: scale(1.025);
}

.portfolio-meta {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 20px 22px 24px;
}

.portfolio-title {
  margin-top: 8px;
  font-size: clamp(1.35rem, 2vw, 2rem);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.045em;
}

.portfolio-sub {
  margin-top: 8px;
  color: var(--muted);
  font-size: 13px;
}

.portfolio-visit {
  display: inline-block;
  margin-top: 16px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.portfolio-arrow {
  color: var(--coral);
  font-size: 26px;
}

.portfolio-subheading {
  margin: 78px 0 28px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.process-step {
  min-height: 280px;
  padding: clamp(24px, 2.5vw, 34px);
  border-top: 3px solid transparent;
}

.process-step:hover {
  border-color: var(--coral);
}

.process-num {
  color: var(--coral);
  font-size: 12px;
  font-weight: 700;
}

.process-title {
  margin-top: 64px;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.04em;
}

.process-desc {
  margin-top: 18px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.price-row {
  border-top: 1px solid var(--line);
}

.price-row td {
  padding: 20px 0;
}

.faq-item {
  border-top: 1px solid var(--line);
}

.faq-item:last-child {
  border-bottom: 1px solid var(--line);
}

.faq-summary {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  cursor: pointer;
  list-style: none;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 500;
}

.faq-summary::-webkit-details-marker {
  display: none;
}

.faq-icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: var(--surface);
  color: var(--coral);
  font-size: 22px;
  transition: transform 180ms ease;
}

.faq-item[open] .faq-icon {
  transform: rotate(45deg);
}

.faq-body {
  max-width: 720px;
  padding: 0 64px 28px 0;
  color: var(--muted);
  line-height: 1.65;
}

.contact-orbit {
  position: absolute;
  right: -8vw;
  bottom: -14vw;
  width: min(42vw, 620px);
  opacity: 0.09;
  transform: rotate(18deg);
}

.contact-btn,
.contact-panel-cta {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 0 22px;
  border: 1px solid var(--graphite);
  border-radius: 999px;
  text-decoration: none;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.contact-btn-primary {
  background: var(--graphite);
  color: var(--surface);
}

.contact-btn-ghost {
  background: var(--surface);
}

.contact-grid {
  max-width: 720px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  border: 1px solid var(--line);
  background: var(--line);
}

.contact-cell {
  min-height: 126px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  background: var(--surface);
  text-decoration: none;
}

.contact-cell-wide {
  grid-column: 1 / -1;
}

.contact-value {
  margin-top: 24px;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 500;
  letter-spacing: -0.025em;
}

.contact-panel {
  position: relative;
  padding: clamp(28px, 4vw, 52px);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--surface) !important;
  color: var(--graphite) !important;
  box-shadow: var(--shadow-soft);
  overflow: hidden;
}

.contact-panel-mark {
  position: absolute;
  top: -42px;
  right: -42px;
  width: 190px;
  opacity: 0.12;
  transform: rotate(24deg);
}

.contact-panel-cta {
  align-self: flex-start;
  background: var(--coral);
  border-color: var(--coral);
}

footer {
  background: var(--canvas);
}

.footer-brand img {
  width: 52px;
  height: 40px;
}

.footer-brand {
  gap: 10px;
  color: inherit;
  text-decoration: none;
}

.footer-brand-suffix {
  color: var(--muted);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.footer-requisites {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 22px;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  line-height: 1.55;
}

.legal-page {
  min-height: 100vh;
  background: var(--canvas) !important;
}

.not-found-shell {
  position: relative;
  width: min(100% - 40px, 1180px);
  min-height: 100vh;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
}

.not-found-shell h1 {
  max-width: 880px;
  margin: 18px 0;
  font-size: clamp(3.2rem, 9vw, 8rem);
  font-weight: 500;
  line-height: 0.88;
  letter-spacing: -0.07em;
}

.not-found-shell > p:not(.legal-kicker) {
  max-width: 560px;
  margin: 0 0 32px;
  color: var(--muted);
  line-height: 1.6;
}

.not-found-code {
  position: absolute;
  z-index: -1;
  right: -0.06em;
  bottom: -0.12em;
  color: var(--surface-soft);
  font-size: clamp(13rem, 40vw, 36rem);
  font-weight: 700;
  line-height: 0.8;
  letter-spacing: -0.12em;
}

.legal-shell {
  width: min(100% - 40px, 980px);
  margin: 0 auto;
  padding: 28px 0 96px;
}

.legal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 64px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--line);
}

.legal-brand,
.legal-back {
  color: var(--graphite);
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.legal-brand {
  display: flex;
  align-items: center;
  gap: 10px;
}

.legal-brand img {
  width: 42px;
  height: 32px;
}

.legal-article {
  margin-top: 72px;
}

.legal-kicker {
  color: var(--muted);
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.legal-article h1 {
  max-width: 860px;
  margin: 22px 0;
  font-size: clamp(2.6rem, 7vw, 6.7rem);
  font-weight: 500;
  line-height: 0.92;
  letter-spacing: -0.065em;
}

.legal-lead {
  max-width: 760px;
  color: var(--muted);
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  line-height: 1.5;
}

.legal-note {
  margin-top: 24px;
  padding: 16px 18px;
  border-left: 3px solid var(--coral);
  background: var(--surface);
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.legal-section {
  margin-top: 56px;
  padding-top: 30px;
  border-top: 1px solid var(--line);
}

.legal-section h2 {
  margin: 0 0 22px;
  font-size: clamp(1.35rem, 2.6vw, 2rem);
  font-weight: 600;
  letter-spacing: -0.035em;
}

.legal-section p,
.legal-section li,
.legal-requisites {
  color: #4f4f4b;
  font-size: 15px;
  line-height: 1.75;
}

.legal-section p + p {
  margin-top: 15px;
}

.legal-section ul {
  padding-left: 22px;
}

.legal-requisites {
  display: grid;
  grid-template-columns: minmax(150px, 0.4fr) 1fr;
  gap: 0;
  border: 1px solid var(--line);
  background: var(--line);
}

.legal-requisites dt,
.legal-requisites dd {
  margin: 0;
  padding: 14px 16px;
  background: var(--surface);
}

.legal-requisites dt {
  color: var(--muted);
}

.reveal-pending {
  opacity: 0;
  transform: translateY(18px);
}

.reveal-visible {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 420ms ease, transform 420ms ease;
}

@media (max-width: 1120px) {
  .desktop-nav {
    display: none;
  }

  .language-control {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
  }

  .menu-toggle {
    position: relative;
    display: grid;
  }

  .mobile-menu {
    position: fixed;
    z-index: -1;
    top: var(--header-height);
    right: 0;
    left: 0;
    height: calc(100dvh - var(--header-height));
    display: grid;
    align-content: start;
    padding: 28px max(20px, calc((100vw - 1520px) / 2));
    background: rgba(246, 246, 244, 0.98);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 180ms ease, transform 180ms ease, visibility 180ms;
  }

  .mobile-menu[aria-hidden="false"] {
    z-index: 49;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .mobile-menu a {
    min-height: 62px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--line);
    text-decoration: none;
    font-size: clamp(1.4rem, 5vw, 2.4rem);
    font-weight: 500;
    letter-spacing: -0.04em;
  }
}

@media (max-width: 760px) {
  .header-shell {
    position: relative;
    width: 100%;
    max-width: 72rem;
    padding: 0 12px;
    gap: 4px;
  }

  .brand-lockup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .header-actions {
    width: 100%;
    justify-content: space-between;
  }

  .menu-toggle {
    order: -1;
  }

  #top h1 {
    font-size: clamp(3.1rem, 17.1vw, 5.1rem) !important;
    line-height: 0.89 !important;
  }

  .hero-showcase {
    min-height: 360px;
    border-radius: 22px;
  }

  .hero-shot {
    width: 82vw;
    border-width: 5px;
  }

  .hero-shot-a {
    top: 14%;
    left: -13%;
  }

  .hero-shot-b {
    top: 5%;
    right: -15%;
  }

  .hero-shot-c {
    right: 5%;
    bottom: -10%;
  }

  .hero-showcase-note {
    right: 14px;
    bottom: 14px;
    left: 14px;
  }

  .hero-showcase-note span:last-child {
    display: none;
  }

  .stat-cell {
    min-height: 132px;
  }

  .service-card,
  .enterprise-card,
  .process-step {
    min-height: auto;
  }

  .enterprise-title,
  .process-title {
    margin-top: 34px;
  }

  .contact-grid {
    grid-template-columns: 1fr;
  }

  .contact-cell-wide {
    grid-column: auto;
  }

  .contact-value-email {
    font-size: 16px;
  }

  .legal-requisites {
    grid-template-columns: 1fr;
  }

  .legal-requisites dt {
    padding-bottom: 2px;
    font-size: 11px;
    text-transform: uppercase;
  }

  .legal-requisites dd {
    padding-top: 4px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }

  .reveal-pending {
    opacity: 1;
    transform: none;
  }
}