@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";@layer components;@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--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}}}@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;--spacing:.25rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0, 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;-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 utilities{.visible{visibility:visible}.absolute{position:absolute}.start{inset-inline-start:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.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,)}}:root{--bg:#08090c;--bg-elev:#0d0f14;--bg-card:#111318;--bg-card-hover:#16181f;--border:#ffffff12;--border-strong:#ffffff1f;--border-accent:#00c9e859;--text:#e8eaed;--text-soft:#b4b8bf;--text-muted:#6b7280;--text-dim:#4b5563;--cyan:#00c9e8;--cyan-bright:#22d3ee;--cyan-dark:#009fbc;--font-display:"Inter", -apple-system, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius:12px;--radius-lg:16px;--ease:cubic-bezier(.16, 1, .3, 1);--ease-out:cubic-bezier(.33, 1, .68, 1)}*,:before,:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-display);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02", "cv03", "cv04", "cv11";font-size:16px;font-weight:400;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at top,#00c9e814 0%,#0000 55%);width:1400px;height:800px;position:fixed;top:0;left:50%;transform:translate(-50%)}main{z-index:1;position:relative}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}::selection{color:#fff;background:#00c9e859}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);font-weight:600;line-height:1.1}h1 em,h2 em{background:linear-gradient(180deg, var(--cyan-bright) 0%, var(--cyan-dark) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.container{max-width:1200px;margin:0 auto;padding:0 24px}.mono{font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:500}.eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);background:#00c9e80f;border:1px solid #00c9e82e;border-radius:100px;align-items:center;gap:8px;padding:6px 10px;font-size:11px;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:var(--cyan);width:6px;height:6px;box-shadow:0 0 8px var(--cyan);border-radius:50%}.section-head{flex-direction:column;align-items:flex-start;gap:20px;max-width:720px;margin-bottom:56px;display:flex}.section-head h2{letter-spacing:-.035em;font-size:clamp(32px,4.5vw,52px);font-weight:600;line-height:1.05}.section-head p{color:var(--text-soft);max-width:620px;font-size:17px;line-height:1.6}.section-head.center{text-align:center;align-items:center;margin-left:auto;margin-right:auto}.btn{font-family:var(--font-display);letter-spacing:-.005em;white-space:nowrap;transition:all .2s var(--ease-out);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;display:inline-flex}.btn svg{width:15px;height:15px;transition:transform .2s var(--ease-out)}.btn:hover svg{transform:translate(2px)}.btn-primary{background:var(--text);color:var(--bg);border-color:var(--text)}.btn-primary:hover{background:var(--cyan);border-color:var(--cyan);color:var(--bg);box-shadow:0 8px 24px -8px #00c9e880}.btn-secondary{color:var(--text);border-color:var(--border-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a}.btn-secondary:hover{background:#ffffff14;border-color:#fff3}.btn-lg{border-radius:9px;padding:13px 22px;font-size:15px}.btn-lg svg{width:16px;height:16px}.nav{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border);background:#08090cb8;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:68px;margin:0 auto;padding:0 24px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:16px;font-weight:600;display:inline-flex}.brand-mark{background:linear-gradient(135deg, var(--cyan) 0%, var(--cyan-dark) 100%);width:32px;height:32px;color:var(--bg);font-family:var(--font-display);letter-spacing:-.04em;border-radius:8px;place-items:center;font-size:15px;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #ffffff1a,0 4px 14px -4px #00c9e866}.brand-name{color:var(--text)}.brand-name>span{color:var(--cyan)}.brand small{display:none}.nav-links{align-items:center;gap:4px;display:flex}.nav-links>a:not(.nav-cta){color:var(--text-soft);border-radius:6px;padding:8px 14px;font-size:14px;font-weight:500;transition:color .2s,background .2s}.nav-links>a:not(.nav-cta):hover{color:var(--text);background:#ffffff0d}.nav-cta{background:var(--text);color:var(--bg);transition:all .2s var(--ease-out);border-radius:8px;align-items:center;gap:6px;margin-left:12px;padding:9px 16px;font-size:13.5px;font-weight:500;display:inline-flex}.nav-cta:hover{background:var(--cyan);box-shadow:0 6px 20px -6px #00c9e880}.nav-cta span{transition:transform .2s var(--ease-out);font-size:13px}.nav-cta:hover span{transform:translate(2px,-2px)}.menu-button{border:1px solid var(--border-strong);background:#ffffff0a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;display:none}.menu-button span{background:var(--text);width:16px;height:1.5px;transition:transform .25s var(--ease-out);display:block}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.25px)rotate(45deg)}.menu-button[aria-expanded=true] span:nth-child(2){transform:translateY(-3.25px)rotate(-45deg)}.hero{background:var(--bg);isolation:isolate;align-items:center;height:95svh;min-height:640px;max-height:900px;padding:0;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;filter:brightness(.8)saturate(.6)contrast(1.1);background-image:linear-gradient(#08090c66 0%,#08090ca6 5%,#08090ce6 100%),linear-gradient(90deg,#08090cb3 0%,#08090c1a 10%,#08090c99 100%),url(https://images.unsplash.com/photo-1568952433726-3896e3881c65?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=NHwxMjA3fDA%3D);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.hero-bg:after{content:"";pointer-events:none;background:radial-gradient(55% 50% at 78% 45%,#00c9e829 0%,#0000 65%);position:absolute;inset:0}.hero:before{content:"";z-index:1;pointer-events:none;background-image:linear-gradient(#00c9e809 1px,#0000 1px),linear-gradient(90deg,#00c9e809 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 75%,#000 25%,#0000 72%);mask-image:radial-gradient(75% 75%,#000 25%,#0000 72%)}.hero-inner{z-index:2;grid-template-columns:1.15fr 1fr;align-items:center;gap:56px;width:100%;max-width:1200px;height:100%;margin:0 auto;padding:80px 24px 60px;display:grid;position:relative}.hero-content{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.hero-badge{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--cyan-bright);-webkit-backdrop-filter:blur(12px);background:#00c9e81a;border:1px solid #00c9e84d;border-radius:100px;align-items:center;gap:10px;margin-bottom:24px;padding:7px 14px 7px 10px;font-size:11px;font-weight:500;display:inline-flex}.hero-badge .dot{background:#00c9e833;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.hero-badge .dot:before{content:"";background:var(--cyan);width:6px;height:6px;box-shadow:0 0 10px var(--cyan);border-radius:50%;animation:2s ease-in-out infinite heroPulse}.hero-badge .sep{background:#00c9e84d;width:1px;height:12px}@keyframes heroPulse{50%{opacity:.6;transform:scale(.7)}}.hero-title{letter-spacing:-.045em;color:#fff;text-shadow:0 2px 30px #0009;max-width:620px;margin:0 0 20px;font-size:clamp(38px,5.4vw,66px);font-weight:600;line-height:.98}.hero-sub{color:#d1d5db;text-shadow:0 1px 20px #00000080;max-width:520px;margin-bottom:28px;font-size:clamp(15px,1.15vw,17px);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.hero-microcopy{color:#9ca3af;font-size:12px;font-family:var(--font-mono);letter-spacing:.02em;flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hero-microcopy span{align-items:center;gap:6px;display:inline-flex}.hero-microcopy span:before{content:"✓";color:var(--cyan);font-weight:700}.hero-code{background:#0a0f18f0;border:1px solid #00c9e833;border-radius:14px;justify-self:end;width:100%;max-width:500px;position:relative;overflow:hidden;box-shadow:0 24px 60px -24px #000000e6,0 0 0 1px #00c9e80a}.code-head{background:#00000059;border-bottom:1px solid #ffffff0f;align-items:center;gap:7px;padding:11px 14px;display:flex}.code-head i{background:#2a2e36;border-radius:50%;width:10px;height:10px}.code-head i:first-child{background:#ff5f57}.code-head i:nth-child(2){background:#febc2e}.code-head i:nth-child(3){background:#28c840}.code-head span{font-family:var(--font-mono);color:#9ca3af;margin-left:10px;font-size:11px}.code-head b{font-family:var(--font-mono);color:var(--cyan);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;margin-left:auto;font-size:10px;font-weight:500;display:inline-flex}.code-head b:before{content:"";background:var(--cyan);width:6px;height:6px;box-shadow:0 0 8px var(--cyan);border-radius:50%}.code-body{font-family:var(--font-mono);color:#d1d5db;text-align:left;min-height:280px;padding:20px 22px;font-size:13px;line-height:1.85}.code-line{align-items:flex-start;gap:16px;display:flex}.code-line .ln{color:#4b5563;-webkit-user-select:none;user-select:none;min-width:14px;font-size:11px}.code-line .kw{color:#c084fc}.code-line .fn{color:#60a5fa}.code-line .type{color:var(--cyan)}.code-line .str{color:#86efac}.code-line .com{color:#6b7280;font-style:italic}.code-line .prop{color:#e2e8f0}.code-line .op{color:#94a3b8}.code-cursor{background:var(--cyan);vertical-align:middle;width:7px;height:14px;margin-left:2px;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.code-foot{font-family:var(--font-mono);color:#6b7280;letter-spacing:.04em;background:#00000059;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:10px 16px;font-size:10px;display:flex}.code-foot .status{color:var(--cyan);text-transform:uppercase;align-items:center;gap:6px;display:inline-flex}.code-foot .status:before{content:"";background:var(--cyan);border-radius:50%;width:5px;height:5px}.hero-scroll{z-index:3;font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:#9ca3af;opacity:.6;flex-direction:column;align-items:center;gap:8px;font-size:9px;transition:opacity .3s;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.hero-scroll:hover{opacity:1}.hero-scroll:after{content:"";background:linear-gradient(180deg, var(--cyan), transparent);width:1px;height:22px}.tech{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#ffffff02;padding:64px 0}.tech-label{text-align:center;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:32px;font-size:11px}.tech-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.tech-item{border:1px solid var(--border);border-radius:var(--radius);transition:all .25s var(--ease-out);background:#ffffff04;align-items:center;gap:12px;padding:16px;display:flex}.tech-item:hover{border-color:var(--border-accent);background:#00c9e808;transform:translateY(-2px)}.tech-item img{opacity:.85;filter:brightness(0)invert();width:24px;height:24px}.tech-item strong{color:var(--text);font-size:14px;font-weight:500;line-height:1.2;display:block}.tech-item span{color:var(--text-muted);margin-top:2px;font-size:12px;display:block}.section{padding:100px 0;position:relative}.section .container{max-width:1200px;margin:0 auto;padding:0 24px}.service-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--bg-card) 0%, var(--bg-elev) 100%);transition:all .35s var(--ease-out);isolation:isolate;flex-direction:column;min-height:340px;padding:36px 32px;display:flex;position:relative;overflow:hidden}.service-card:after{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);opacity:0;height:1px;transition:opacity .4s;position:absolute;top:0;left:24px;right:24px}.service-icon{width:52px;height:52px;color:var(--cyan-bright);font-family:var(--font-mono);transition:all .3s var(--ease-out);background:linear-gradient(135deg,#00c9e826 0%,#00c9e80a 100%);border:1px solid #00c9e84d;border-radius:12px;place-items:center;margin-bottom:28px;font-size:16px;font-weight:500;display:grid}.service-card h3{letter-spacing:-.025em;color:var(--text);margin-bottom:12px;font-size:22px;font-weight:600}.service-tags{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.service-tag{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-soft);letter-spacing:.01em;background:#ffffff0a;border-radius:5px;padding:4px 8px;font-size:11px;font-weight:500}.case{border-top:1px solid var(--border);background:radial-gradient(ellipse 60% 40% at 80% 50%, #00c9e80f 0%, transparent 60%), var(--bg);padding:120px 0;position:relative;overflow:hidden}.case-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.case-copy h2{letter-spacing:-.035em;margin:20px 0;font-size:clamp(32px,4vw,48px);font-weight:600;line-height:1.05}.case-copy>p{color:var(--text-soft);max-width:480px;margin-bottom:32px;font-size:16px;line-height:1.65}.case-list{border-top:1px solid var(--border);margin:0 0 36px;padding:0;list-style:none}.case-list li{border-bottom:1px solid var(--border);color:var(--text-soft);align-items:center;gap:16px;padding:14px 0;font-size:14.5px;display:flex}.case-list li span{font-family:var(--font-mono);color:var(--cyan);min-width:28px;font-size:11px;font-weight:500}.case-link{color:var(--cyan);border-bottom:1px solid #0000;align-items:center;gap:8px;padding:8px 0;font-size:14px;font-weight:500;transition:border-color .2s;display:inline-flex}.case-link svg{width:15px;transition:transform .2s var(--ease-out)}.case-link:hover{border-color:var(--cyan)}.case-link:hover svg{transform:translate(3px)}.case-visual{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #000c}.case-visual:before{content:"";pointer-events:none;background:radial-gradient(600px at 50% 0,#00c9e81a,#0000 50%);position:absolute;inset:0}.browser{position:relative}.browser-top{border-bottom:1px solid var(--border);background:#00000040;align-items:center;gap:7px;padding:12px 16px;display:flex}.browser-top i{background:#2a2e36;border-radius:50%;width:10px;height:10px}.browser-top i:first-child{background:#ff5f57}.browser-top i:nth-child(2){background:#febc2e}.browser-top i:nth-child(3){background:#28c840}.browser-top span{font-family:var(--font-mono);color:var(--text-muted);background:#ffffff0a;border-radius:5px;margin-left:auto;margin-right:auto;padding:3px 12px;font-size:11px}.browser-body{background:linear-gradient(180deg, var(--bg-card) 0%, var(--bg-elev) 100%);min-height:320px;padding:32px 28px}.mini-nav{border-bottom:1px solid var(--border);color:var(--text-muted);align-items:center;gap:10px;margin-bottom:28px;padding-bottom:20px;font-size:12px;display:flex}.mini-nav b{background:linear-gradient(135deg, var(--cyan), var(--cyan-dark));width:26px;height:26px;color:var(--bg);border-radius:6px;place-items:center;font-size:11px;font-weight:700;display:grid}.mini-hero small{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:500}.mini-hero h3{letter-spacing:-.03em;color:var(--text);margin:14px 0 20px;font-size:26px;font-weight:600;line-height:1.15}.mini-hero i{background:var(--cyan);border-radius:2px;width:30%;height:4px;display:block}.experience{border-top:1px solid var(--border);background:#ffffff02;padding:100px 0}.exp-grid{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);grid-template-columns:repeat(3,1fr);gap:0;display:grid;overflow:hidden}.exp-item{border-right:1px solid var(--border);padding:36px 32px;transition:background .3s;position:relative;overflow:hidden}.exp-item:before{content:"";background:var(--cyan);width:3px;height:0;transition:height .4s var(--ease-out);position:absolute;top:0;left:0}.exp-item:hover{background:#00c9e80a}.exp-item:hover:before{height:100%}.exp-item:hover .num{color:var(--cyan-bright);text-shadow:0 0 12px #00c9e880}.exp-item:last-child{border-right:none}.exp-item .num{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.05em;margin-bottom:20px;font-size:12px;font-weight:500;transition:color .3s;display:block}.exp-item h3{letter-spacing:-.02em;margin-bottom:10px;font-size:17px;font-weight:600}.exp-item p{color:var(--text-soft);font-size:14px;line-height:1.6}.values{border-top:1px solid var(--border);padding:100px 0}.value-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--bg-card) 0%, var(--bg-elev) 100%);transition:all .3s var(--ease-out);padding:36px 32px;position:relative;overflow:hidden}.value-card:before{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:32px;right:32px}.value-card .num{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.05em;background:#00c9e814;border:1px solid #00c9e82e;border-radius:5px;margin-bottom:20px;padding:4px 8px;font-size:11px;font-weight:500;display:inline-block}.value-card h3{letter-spacing:-.025em;margin-bottom:10px;font-size:22px;font-weight:600}.value-card p{color:var(--text-soft);font-size:14.5px;line-height:1.6}.contact{border-top:1px solid var(--border);background:#ffffff02;padding:100px 0;position:relative;overflow:hidden}.contact:before{content:"";pointer-events:none;filter:blur(60px);background:radial-gradient(at bottom,#00c9e81a 0%,#0000 60%);width:900px;height:400px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.contact-inner{grid-template-columns:1fr 1fr;align-items:start;gap:80px;max-width:1200px;margin:0 auto;padding:0 24px;display:grid;position:relative}.contact-copy h2{letter-spacing:-.035em;margin:20px 0;font-size:clamp(32px,4vw,44px);font-weight:600;line-height:1.08}.contact-copy>p{color:var(--text-soft);max-width:420px;margin-bottom:32px;font-size:16px;line-height:1.65}.contact-email{color:var(--cyan);border-bottom:1px solid #0000;align-items:center;gap:10px;padding-bottom:6px;font-size:15px;font-weight:500;transition:border-color .2s;display:inline-flex}.contact-email svg{width:15px;transition:transform .2s var(--ease-out)}.contact-email:hover{border-color:var(--cyan)}.contact-email:hover svg{transform:translate(3px)}.contact-form{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);padding:32px;box-shadow:0 20px 60px -20px #0009}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.contact-form label{margin-bottom:16px;display:block}.contact-form .label-text{color:var(--text-soft);margin-bottom:8px;font-size:12.5px;font-weight:500;display:block}.contact-form .label-text span{color:var(--text-muted);margin-left:4px;font-weight:400}.contact-form input,.contact-form textarea,.contact-form select{border:1px solid var(--border-strong);width:100%;color:var(--text);font-family:var(--font-display);background:#0003;border-radius:8px;padding:11px 14px;font-size:14.5px;transition:all .2s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-dim)}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--cyan);background:#00c9e80a;outline:none;box-shadow:0 0 0 3px #00c9e81a}.contact-form input[aria-invalid=true],.contact-form textarea[aria-invalid=true]{border-color:#ef4444}.contact-form textarea{resize:vertical;min-height:100px}.contact-form select{appearance:none;cursor:pointer}.submit{background:var(--text);width:100%;color:var(--bg);font-family:var(--font-display);transition:all .2s var(--ease-out);border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:13px 20px;font-size:14.5px;font-weight:500;display:inline-flex}.submit svg{width:15px;transition:transform .2s var(--ease-out)}.submit:hover:not(:disabled){background:var(--cyan);box-shadow:0 8px 24px -8px #00c9e880}.submit:hover:not(:disabled) svg{transform:translate(2px)}.submit:disabled{opacity:.6;cursor:wait}.form-status{border-radius:8px;margin-top:14px;padding:10px 14px;font-size:13.5px;line-height:1.5}.form-status.success{color:var(--cyan-bright);background:#00c9e814;border:1px solid #00c9e840}.form-status.error{color:#fca5a5;background:#ef444414;border:1px solid #ef444440}.cta-banner{background:var(--bg-elev);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:96px 0;position:relative;overflow:hidden}.cta-banner:before{content:"";pointer-events:none;background:radial-gradient(70% 100% at 50% 100%,#00c9e81f 0%,#0000 60%);position:absolute;inset:0}.cta-inner{text-align:center;max-width:900px;margin:0 auto;padding:0 24px;position:relative}.cta-inner h2{letter-spacing:-.04em;margin:20px 0;font-size:clamp(36px,5vw,60px);font-weight:600;line-height:1.02}.cta-inner p{color:var(--text-soft);max-width:540px;margin:0 auto 36px;font-size:17px;line-height:1.6}.cta-inner .hero-actions{justify-content:center;margin-bottom:0}footer{border-top:1px solid var(--border);background:var(--bg);padding:64px 0 32px}.footer-inner{max-width:1200px;margin:0 auto;padding:0 24px}.footer-claim{letter-spacing:-.025em;max-width:360px;color:var(--text);margin:24px 0;font-size:22px;font-weight:600;line-height:1.25}.footer-cta{color:var(--cyan);transition:all .2s var(--ease-out);background:#00c9e814;border:1px solid #00c9e840;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:500;display:inline-flex}.footer-cta svg{width:14px;transition:transform .2s var(--ease-out)}.footer-cta:hover{background:#00c9e824;border-color:#00c9e866}.footer-nav>span{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:500}.footer-nav a{color:var(--text-soft);width:fit-content;font-size:14px;transition:color .2s}.footer-nav a:hover{color:var(--text)}.footer-bottom{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:28px;font-size:13px;display:flex}.footer-bottom .status{align-items:center;gap:8px;display:inline-flex}.footer-bottom .status:before{content:"";background:var(--cyan);width:6px;height:6px;box-shadow:0 0 8px var(--cyan);border-radius:50%}.browser-live{aspect-ratio:16/10;background:var(--bg-elev);width:100%;position:relative;overflow:hidden}.browser-live iframe{pointer-events:none;transform-origin:0 0;border:0;width:1300px;height:813px;display:block;position:absolute;top:0;left:0}.browser-live:after{content:"";cursor:pointer;z-index:1;position:absolute;inset:0}.live-overlay{background:var(--text);color:var(--bg);transition:all .2s var(--ease-out);z-index:2;border-radius:6px;align-items:center;gap:6px;padding:9px 15px;font-size:12.5px;font-weight:500;text-decoration:none;display:inline-flex;position:absolute;bottom:16px;right:16px;box-shadow:0 8px 24px -8px #000c}.live-overlay:hover{background:var(--cyan);color:var(--bg)}.live-overlay svg{width:13px;height:13px;transition:transform .2s var(--ease-out)}.live-overlay:hover svg{transform:translate(2px)}.live-badge{font-family:var(--font-mono);letter-spacing:.08em;color:var(--cyan);background:#00c9e81f;border:1px solid #00c9e84d;border-radius:4px;align-items:center;gap:5px;margin-left:10px;padding:3px 8px;font-size:9px;font-weight:500;display:inline-flex}.live-badge:before{content:"";background:var(--cyan);width:5px;height:5px;box-shadow:0 0 6px var(--cyan);border-radius:50%;animation:2s infinite pulseDot}@keyframes pulseDot{50%{opacity:.4}}@media (width<=1024px){.hero-inner{text-align:center;grid-template-columns:1fr;gap:32px;padding:72px 24px 56px}.hero-content{text-align:center;order:1;align-items:center}.hero-title{text-align:center;max-width:100%}.hero-sub{text-align:center;margin-left:auto;margin-right:auto}.hero-actions,.hero-microcopy{justify-content:center}.hero-code{order:2;justify-self:center;width:100%;max-width:100%}}@media (width<=900px){.nav-links{display:none}.menu-button{display:flex}.nav-links.open{background:var(--bg-elev);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:0;padding:12px;display:flex;position:absolute;top:68px;left:0;right:0;box-shadow:0 20px 40px -10px #00000080}.nav-links.open>a:not(.nav-cta){border-radius:8px;padding:12px 14px}.nav-cta{justify-content:center;margin:8px 0 0}.tech-grid{grid-template-columns:1fr 1fr}.section,.case,.experience,.values,.contact{padding:72px 0}.field-row{grid-template-columns:1fr;gap:0}.contact-form{padding:24px}}@media (width<=768px){.hero{height:auto;min-height:100svh;max-height:none}.hero-inner{gap:28px;padding:64px 20px 48px}.hero-title{font-size:clamp(32px,8vw,44px)}.hero-sub{font-size:14.5px}.hero-actions{gap:8px;width:100%}.hero-actions .btn{flex:1;justify-content:center;padding:11px 14px;font-size:13.5px}.hero-microcopy{gap:10px;font-size:11px}.hero-code{max-width:100%}.code-body{min-height:240px;padding:16px 18px;font-size:11.5px;line-height:1.75}.code-line .ln{min-width:12px;font-size:10px}.code-head{padding:9px 12px}.code-head span{font-size:10px}.code-head b{font-size:9px}.code-foot{padding:8px 12px;font-size:9px}.hero-scroll{display:none}}@media (width<=560px){.hero-inner{gap:24px;padding:56px 16px 40px}.hero-badge{margin-bottom:18px;padding:6px 10px 6px 8px;font-size:10px}.hero-title{font-size:32px;line-height:1.02}.hero-sub{margin-bottom:22px;font-size:14px}.hero-microcopy{display:none}.code-body{min-height:220px;padding:14px;font-size:10.5px;line-height:1.7}.code-line{gap:10px}.tech-grid{grid-template-columns:1fr}.section-head{margin-bottom:40px}.section-head h2{font-size:32px}.footer-top{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}}@media (width<=1024px){.services-grid{grid-template-columns:1fr}.case-grid{grid-template-columns:1fr;gap:48px}.exp-grid{grid-template-columns:1fr}.exp-item{border-right:none;border-bottom:1px solid var(--border)}.exp-item:last-child{border-bottom:none}.values-grid{grid-template-columns:1fr}.contact-inner{grid-template-columns:1fr;gap:48px}.footer-top{grid-template-columns:1fr 1fr;gap:40px}.footer-top>:first-child{grid-column:1/-1}}@media (height<=640px) and (orientation:landscape){.hero{height:100svh;min-height:0}.hero-inner{gap:20px;padding:48px 20px 32px}.hero-title{font-size:28px}.hero-sub{margin-bottom:16px;font-size:13px}.hero-badge{margin-bottom:12px}.hero-microcopy{display:none}.code-body{min-height:180px;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.code-cursor{opacity:1;animation:none}.hero-badge .dot:before{animation:none}}.tech{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:radial-gradient(60% 100% at 50% 0,#00c9e80f 0%,#0000 70%),#ffffff02;padding:72px 0 64px;position:relative;overflow:hidden}.tech-inner{max-width:1200px;margin:0 auto;padding:0 24px}.tech-head{border-bottom:1px dashed #ffffff14;justify-content:space-between;align-items:center;gap:24px;margin-bottom:40px;padding-bottom:24px;display:flex}.tech-head-left{align-items:center;gap:14px;display:flex}.tech-head-dot{background:var(--cyan);width:8px;height:8px;box-shadow:0 0 12px var(--cyan);border-radius:50%;flex-shrink:0;animation:2s ease-in-out infinite techPulse}@keyframes techPulse{50%{opacity:.6;transform:scale(.6)}}.tech-head-title{flex-direction:column;gap:2px;display:flex}.tech-head-title strong{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;font-size:15px;font-weight:600}.tech-head-title span{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:10.5px}.tech-head-count{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.08em;border:1px solid var(--border);white-space:nowrap;background:#ffffff05;border-radius:100px;align-items:center;gap:8px;padding:6px 12px;font-size:11px;display:inline-flex}.tech-head-count b{color:var(--cyan);font-weight:600}.tech-marquee{padding:8px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.tech-track{gap:12px;width:max-content;animation:32s linear infinite techScroll;display:flex}.tech-marquee:hover .tech-track{animation-play-state:paused}@keyframes techScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.tech-item{border:1px solid var(--border);background:#ffffff05;border-radius:12px;flex-shrink:0;align-items:center;gap:14px;min-width:200px;padding:16px 22px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.tech-item:before{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:20%;right:20%}.tech-item:hover{background:#00c9e80a;border-color:#00c9e859;transform:translateY(-2px);box-shadow:0 12px 24px -12px #0009,0 0 24px -8px #00c9e833}.tech-item:hover:before{opacity:1}.tech-icon-wrap{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;transition:all .3s cubic-bezier(.16,1,.3,1);display:grid}.tech-icon-wrap img{opacity:.9;width:22px;height:22px;transition:all .3s}.tech-item:hover .tech-icon-wrap{background:#00c9e81f;border-color:#00c9e84d;box-shadow:0 0 16px -4px #00c9e866}.tech-item:hover .tech-icon-wrap img{opacity:1;transform:scale(1.1)}.tech-info{flex-direction:column;gap:2px;min-width:0;display:flex}.tech-info strong{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;white-space:nowrap;font-size:14.5px;font-weight:600;line-height:1.2}.tech-info span{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:10.5px;line-height:1.2}@media (width<=900px){.tech{padding:56px 0}.tech-head{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:28px}.tech-head-count{align-self:flex-start}.tech-item{min-width:180px;padding:14px 18px}.tech-icon-wrap{width:36px;height:36px}.tech-icon-wrap img{width:20px;height:20px}.tech-info strong{font-size:13.5px}.tech-info span{font-size:10px}}@media (width<=560px){.tech{padding:44px 0}.tech-inner{padding:0 16px}.tech-item{gap:12px;min-width:160px;padding:12px 16px}.tech-icon-wrap{border-radius:8px;width:32px;height:32px}.tech-icon-wrap img{width:18px;height:18px}.tech-info strong{font-size:13px}.tech-info span{font-size:9px}}@media (prefers-reduced-motion:reduce){.tech-track,.tech-head-dot{animation:none}}.services-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.service-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--bg-card) 0%, var(--bg-elev) 100%);isolation:isolate;cursor:pointer;flex-direction:column;min-height:380px;padding:32px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.service-card:before{content:"";border-radius:var(--radius-lg);background:radial-gradient(500px circle at var(--mx,50%) var(--my,0%), #00c9e824, transparent 40%);opacity:0;pointer-events:none;z-index:0;transition:opacity .4s;position:absolute;inset:0}.service-card:after{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);opacity:0;z-index:1;height:1px;transition:opacity .4s;position:absolute;top:0;left:24px;right:24px}.service-card:hover{border-color:#00c9e866;transform:translateY(-6px);box-shadow:0 28px 56px -24px #000c,0 0 0 1px #00c9e82e,0 0 60px -16px #00c9e84d}.service-card:hover:before,.service-card:hover:after{opacity:1}.service-card>*{z-index:2;position:relative}.service-bg-num{font-family:var(--font-display);letter-spacing:-.06em;color:#ffffff06;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:140px;font-weight:800;line-height:1;transition:color .4s,transform .4s;position:absolute;top:-20px;right:8px}.service-card:hover .service-bg-num{color:#00c9e814;transform:translateY(-4px)}.service-icon{width:56px;height:56px;color:var(--cyan-bright);background:linear-gradient(135deg,#00c9e826 0%,#00c9e80a 100%);border:1px solid #00c9e84d;border-radius:14px;place-items:center;margin-bottom:24px;transition:all .35s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.service-icon svg{width:26px;height:26px}.service-card:hover .service-icon{background:linear-gradient(135deg, var(--cyan) 0%, var(--cyan-dark) 100%);color:var(--bg);border-color:var(--cyan);transform:scale(1.08)rotate(-4deg);box-shadow:0 10px 30px -8px #00c9e899}.service-number{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.08em;background:#00c9e814;border:1px solid #00c9e833;border-radius:100px;width:fit-content;margin-bottom:16px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .3s;display:inline-block}.service-card:hover .service-number{background:#00c9e826;border-color:#00c9e866}.service-card h3{letter-spacing:-.025em;color:var(--text);margin-bottom:12px;font-size:22px;font-weight:600;line-height:1.15}.service-card p{color:var(--text-soft);margin-bottom:24px;font-size:15px;line-height:1.6}.service-tags{flex-wrap:wrap;gap:6px;margin-top:auto;padding-bottom:4px;display:flex}.service-tag{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-soft);letter-spacing:.02em;background:#ffffff0a;border-radius:6px;padding:5px 10px;font-size:10.5px;font-weight:500;transition:all .25s}.service-card:hover .service-tag{color:var(--text);background:#00c9e80f;border-color:#00c9e826}.service-arrow{border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);opacity:0;pointer-events:none;z-index:3;background:#ffffff0a;border-radius:50%;place-items:center;transition:all .35s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;bottom:32px;right:32px;transform:translate(-8px)}.service-arrow svg{width:16px;height:16px}.service-card:hover .service-arrow{opacity:1;background:var(--cyan);border-color:var(--cyan);color:var(--bg);transform:translate(0)}@media (width<=1024px){.services-grid{grid-template-columns:1fr;gap:16px}.service-card{min-height:auto;padding:28px}.service-bg-num{font-size:110px}}@media (width<=560px){.service-card{padding:24px}.service-icon{border-radius:12px;width:48px;height:48px;margin-bottom:20px}.service-icon svg{width:22px;height:22px}.service-card h3{font-size:20px}.service-card p{margin-bottom:20px;font-size:14px}.service-bg-num{font-size:90px;top:-12px;right:4px}.service-arrow{display:none}}.values{border-top:1px solid var(--border);padding:100px 0;position:relative;overflow:hidden}.values:before{content:"";pointer-events:none;filter:blur(80px);z-index:0;background:radial-gradient(#00c9e80f 0%,#0000 65%);width:900px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.values .container{z-index:1;position:relative}.values-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.value-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--bg-card) 0%, var(--bg-elev) 100%);isolation:isolate;flex-direction:column;min-height:340px;padding:32px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.value-card:before{content:"";border-radius:var(--radius-lg);opacity:0;pointer-events:none;z-index:0;background:radial-gradient(400px at 50% 0,#00c9e81f,#0000 60%);transition:opacity .4s;position:absolute;inset:0}.value-card:after{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);opacity:0;z-index:1;height:1px;transition:opacity .4s;position:absolute;top:0;left:24px;right:24px}.value-card:hover{border-color:#00c9e866;transform:translateY(-6px);box-shadow:0 28px 56px -24px #000c,0 0 0 1px #00c9e82e,0 0 60px -16px #00c9e84d}.value-card:hover:before,.value-card:hover:after{opacity:1}.value-card>*{z-index:2;position:relative}.value-bg-num{font-family:var(--font-display);letter-spacing:-.06em;color:#ffffff06;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:130px;font-weight:800;line-height:1;transition:color .4s,transform .4s;position:absolute;top:-20px;right:8px}.value-card:hover .value-bg-num{color:#00c9e814;transform:translateY(-4px)}.value-icon{width:56px;height:56px;color:var(--cyan-bright);background:linear-gradient(135deg,#00c9e826 0%,#00c9e80a 100%);border:1px solid #00c9e84d;border-radius:14px;place-items:center;margin-bottom:24px;transition:all .35s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.value-icon svg{width:26px;height:26px}.value-card:hover .value-icon{background:linear-gradient(135deg, var(--cyan) 0%, var(--cyan-dark) 100%);color:var(--bg);border-color:var(--cyan);transform:scale(1.08)rotate(-4deg);box-shadow:0 10px 30px -8px #00c9e899}.value-number{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.08em;background:#00c9e814;border:1px solid #00c9e833;border-radius:100px;width:fit-content;margin-bottom:16px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .3s;display:inline-block}.value-card:hover .value-number{background:#00c9e826;border-color:#00c9e866}.value-card h3{letter-spacing:-.025em;color:var(--text);margin-bottom:12px;font-size:24px;font-weight:600;line-height:1.15}.value-card p{color:var(--text-soft);margin-bottom:16px;font-size:15px;line-height:1.65}.value-arrow{border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);opacity:0;pointer-events:none;z-index:3;background:#ffffff0a;border-radius:50%;place-items:center;transition:all .35s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;bottom:32px;right:32px;transform:translate(-8px)}.value-arrow svg{width:16px;height:16px}.value-card:hover .value-arrow{opacity:1;background:var(--cyan);border-color:var(--cyan);color:var(--bg);transform:translate(0)}@media (width<=1024px){.values-grid{grid-template-columns:1fr;gap:16px}.value-card{min-height:auto;padding:28px}.value-bg-num{font-size:100px}}@media (width<=560px){.values{padding:72px 0}.value-card{padding:24px}.value-icon{border-radius:12px;width:48px;height:48px;margin-bottom:20px}.value-icon svg{width:22px;height:22px}.value-card h3{font-size:22px}.value-card p{font-size:14px}.value-bg-num{font-size:80px;top:-10px;right:4px}.value-arrow{display:none}}footer{border-top:1px solid var(--border);background:linear-gradient(180deg, var(--bg) 0%, #050609 100%);padding:0;position:relative;overflow:hidden}footer:before{content:"";pointer-events:none;filter:blur(60px);z-index:0;background:radial-gradient(at top,#00c9e814 0%,#0000 60%);width:800px;height:300px;position:absolute;top:0;left:50%;transform:translate(-50%)}.footer-inner{z-index:1;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.footer-accent{background:linear-gradient(90deg, transparent, var(--cyan), transparent);opacity:.4;height:1px;margin:0 -24px 64px}.footer-top{border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:56px;display:grid}.footer-brand-col{flex-direction:column;align-items:flex-start;display:flex}.footer-brand-col .brand{margin-bottom:24px;font-size:17px}.footer-claim{letter-spacing:-.025em;color:var(--text);max-width:340px;margin:0 0 24px;font-size:20px;font-weight:600;line-height:1.3}.footer-claim em{color:var(--cyan);font-style:normal}.footer-cta{color:var(--cyan);transition:all .2s var(--ease-out);background:#00c9e814;border:1px solid #00c9e840;border-radius:8px;align-items:center;gap:8px;margin-bottom:24px;padding:10px 18px;font-size:13.5px;font-weight:500;display:inline-flex}.footer-cta svg{width:14px;height:14px;transition:transform .2s var(--ease-out)}.footer-cta:hover{background:#00c9e824;border-color:#00c9e866;transform:translateY(-1px)}.footer-cta:hover svg{transform:translate(3px)}.footer-status{border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;background:#ffffff05;border-radius:100px;align-items:center;gap:8px;padding:6px 12px;font-size:10.5px;display:inline-flex}.footer-status-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite footerPulse;box-shadow:0 0 8px #22c55e99}@keyframes footerPulse{50%{opacity:.5;transform:scale(.85)}}.footer-nav{flex-direction:column;gap:12px;padding-top:4px;display:flex}.footer-nav-title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:8px;padding-bottom:8px;font-size:10.5px;font-weight:600;position:relative}.footer-nav-title:after{content:"";background:var(--cyan);opacity:.5;width:24px;height:1px;position:absolute;bottom:0;left:0}.footer-nav a{color:var(--text-soft);width:fit-content;font-size:14px;line-height:1.4;transition:color .2s,transform .2s}.footer-nav a:hover{color:var(--text);transform:translate(3px)}.footer-bottom{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px 0 32px;font-size:12.5px;display:flex}.footer-bottom-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.footer-bottom-left small{color:var(--text-muted);font-size:12.5px}.footer-sep{color:var(--text-dim)}.footer-back-top{color:var(--text-muted);font-size:12.5px;transition:color .2s}.footer-back-top:hover{color:var(--cyan)}.footer-bottom-right{align-items:center;gap:16px;display:flex}.footer-meta{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-size:10.5px}@media (width<=1024px){.footer-top{grid-template-columns:1fr 1fr;gap:40px}.footer-brand-col{grid-column:1/-1}.footer-claim{max-width:100%}}@media (width<=768px){.footer-accent{margin-bottom:48px}.footer-top{grid-template-columns:1fr;gap:32px;padding-bottom:40px}.footer-claim{font-size:18px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}}@media (width<=560px){.footer-inner{padding:0 16px}.footer-accent{margin:0 -16px 40px}.footer-claim{font-size:17px}.footer-status{padding:5px 10px;font-size:9.5px}.footer-bottom-left{flex-direction:column;align-items:flex-start;gap:4px}.footer-sep{display:none}}.brand-logo{object-fit:contain;width:32px;height:32px;transition:transform .25s var(--ease-out);flex-shrink:0;display:block}.brand:hover .brand-logo{transform:scale(1.05)}@media (width<=560px){.brand-logo{width:28px;height:28px}}@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-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:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
