@font-face{font-family:ForFuture Sans;src:url(fonts/forfuture-sans/ForFutureSans-Light.woff2) format("woff2"),url(fonts/forfuture-sans/ForFutureSans-Light.woff) format("woff"),url(fonts/forfuture-sans/ForFutureSans-Light.eot?#iefix) format("embedded-opentype"),url(fonts/forfuture-sans/ForFutureSans-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:ForFuture Sans;src:url(fonts/forfuture-sans/ForFutureSans-Regular.woff2) format("woff2"),url(fonts/forfuture-sans/ForFutureSans-Regular.woff) format("woff"),url(fonts/forfuture-sans/ForFutureSans-Regular.eot?#iefix) format("embedded-opentype"),url(fonts/forfuture-sans/ForFutureSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ForFuture Sans;src:url(fonts/forfuture-sans/ForFutureSans-Medium.woff2) format("woff2"),url(fonts/forfuture-sans/ForFutureSans-Medium.woff) format("woff"),url(fonts/forfuture-sans/ForFutureSans-Medium.eot?#iefix) format("embedded-opentype"),url(fonts/forfuture-sans/ForFutureSans-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:ForFuture Sans;src:url(fonts/forfuture-sans/ForFutureSans-Bold.woff2) format("woff2"),url(fonts/forfuture-sans/ForFutureSans-Bold.woff) format("woff"),url(fonts/forfuture-sans/ForFutureSans-Bold.eot?#iefix) format("embedded-opentype"),url(fonts/forfuture-sans/ForFutureSans-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:ForFuture Sans;src:url(fonts/forfuture-sans/ForFutureSans-LightItalic.woff2) format("woff2"),url(fonts/forfuture-sans/ForFutureSans-LightItalic.woff) format("woff"),url(fonts/forfuture-sans/ForFutureSans-LightItalic.eot?#iefix) format("embedded-opentype"),url(fonts/forfuture-sans/ForFutureSans-LightItalic.ttf) format("truetype");font-weight:300;font-style:italic;font-display:swap}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family-100);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{background-color:var(--bg-body)}.app-header[data-v-aad6c0bd]{position:sticky;top:0;width:100%;padding:var(--spacing-header-y) 0;z-index:var(--z-index-header);isolation:isolate;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.app-header__blur-layer[data-v-aad6c0bd]{position:absolute;inset:0;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);pointer-events:none;mask-image:linear-gradient(to bottom,#fff,#fff0);-webkit-mask-image:linear-gradient(to bottom,rgb(255,255,255) 0%,rgba(255,255,255,0) 100%)}.app-header__background[data-v-aad6c0bd]{position:absolute;inset:0;background:var(--bg-header);pointer-events:none;mask-image:linear-gradient(to bottom,#fff,#fff0);-webkit-mask-image:linear-gradient(to bottom,rgb(255,255,255) 0%,rgba(255,255,255,0) 100%)}.app-header__container[data-v-aad6c0bd]{margin:0 auto;padding:0 40px}@media screen and (min-width: 1440px){.app-header__container[data-v-aad6c0bd]{padding:0;max-width:1360px}}.app-header__content[data-v-aad6c0bd]{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%}.app-header__left[data-v-aad6c0bd]{display:flex;align-items:center;gap:24px}.app-header__logo[data-v-aad6c0bd]{font-family:var(--font-family-primary);font-size:var(--font-size-logo);font-weight:var(--font-weight-bold);line-height:var(--line-height-logo);letter-spacing:var(--letter-spacing-logo);text-decoration:none;cursor:pointer;transition:var(--transition-fast)}.app-header__logo[data-v-aad6c0bd]:hover{opacity:.8}.logo-text[data-v-aad6c0bd]{color:var(--text-logo)}.logo-dot[data-v-aad6c0bd]{color:var(--text-logo-accent)}.app-header__right[data-v-aad6c0bd]{display:flex;align-items:center;gap:var(--spacing-right-gap)}.theme-toggle[data-v-aad6c0bd]{position:relative;width:72px;height:auto;background:var(--bg-toggle);border:2px solid var(--border-toggle);border-radius:var(--radius-toggle);padding:2px;cursor:pointer;transition:var(--transition-default);display:flex;justify-content:flex-end;box-sizing:border-box;box-shadow:var(--shadow-toggle)}.theme-toggle[data-v-aad6c0bd]:hover{background:var(--bg-toggle-hover);border-color:var(--border-toggle-hover)}.theme-toggle--light[data-v-aad6c0bd]{justify-content:flex-start}.theme-toggle__knob[data-v-aad6c0bd]{display:flex;align-items:center;justify-content:center;padding:8px 11px;background:var(--bg-toggle-knob);border-radius:100px;transition:var(--transition-default)}.theme-toggle__icon[data-v-aad6c0bd]{width:16px;height:16px;color:var(--text-toggle-icon)}.nav-items[data-v-aad6c0bd]{display:flex;align-items:center;gap:var(--spacing-nav-gap);padding:20px 24px;border-radius:var(--radius-nav)}.nav-items__link[data-v-aad6c0bd]{font-family:var(--font-family-primary);font-size:var(--font-size-nav);font-weight:var(--font-weight-bold);line-height:var(--line-height-nav);letter-spacing:var(--letter-spacing-nav);color:var(--text-nav-link);text-decoration:none;white-space:nowrap;transition:var(--transition-fast);position:relative}.nav-items__link[data-v-aad6c0bd]:hover{opacity:.8}.nav-items__link--active[data-v-aad6c0bd]{color:var(--text-logo-accent)}.nav-items__link--active[data-v-aad6c0bd]:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--text-logo-accent);border-radius:1px}.contact-button[data-v-aad6c0bd]{display:flex;align-items:center;justify-content:center;padding:14px 22px;background:var(--bg-button);border-radius:var(--radius-button);font-family:var(--font-family-primary);font-size:var(--font-size-button);font-weight:var(--font-weight-bold);line-height:var(--line-height-nav);letter-spacing:var(--letter-spacing-nav);color:var(--text-button);text-decoration:none;white-space:nowrap;cursor:pointer;transition:var(--transition-fast)}.contact-button[data-v-aad6c0bd]:hover{background:var(--bg-button-hover);transform:translateY(-1px)}.contact-button[data-v-aad6c0bd]:active{transform:translateY(0)}@media (max-width: 768px){.app-header__logo[data-v-aad6c0bd]{font-size:24px}.nav-items[data-v-aad6c0bd]{gap:16px;padding:16px 20px}.nav-items__link[data-v-aad6c0bd]{font-size:12px}.contact-button[data-v-aad6c0bd]{padding:12px 18px;font-size:12px}}.main-container[data-v-7af3cf8e]{padding:0 40px}@media screen and (min-width: 1440px){.main-container[data-v-7af3cf8e]{padding:0;max-width:1360px}}.app-footer[data-v-7af3cf8e]{width:100%;padding:40px 0 20px}.app-footer__credits[data-v-7af3cf8e]{display:flex;gap:40px;align-items:flex-end;width:100%}.app-footer__logo[data-v-7af3cf8e]{display:flex;align-items:center;gap:8.969px;height:22px;flex-shrink:0}.logo-text[data-v-7af3cf8e]{font-family:var(--font-family-primary);font-size:var(--font-size-logo);font-weight:var(--font-weight-bold);line-height:var(--line-height-logo);letter-spacing:var(--letter-spacing-logo);color:var(--text-logo);white-space:nowrap}.logo-dot[data-v-7af3cf8e]{color:var(--text-logo-accent)}.app-footer__copyright[data-v-7af3cf8e]{flex:1;min-width:0}.app-footer__copyright p[data-v-7af3cf8e]{font-family:var(--font-family-primary);font-size:12px;font-weight:var(--font-weight-regular);line-height:1.4;letter-spacing:-.12px;color:var(--text-logo);margin:0;white-space:nowrap}.app-footer__rights[data-v-7af3cf8e]{flex-shrink:0}.app-footer__rights p[data-v-7af3cf8e]{font-family:var(--font-family-primary);font-size:12px;font-weight:var(--font-weight-regular);line-height:1.4;letter-spacing:-.12px;color:var(--text-logo);margin:0;white-space:nowrap}@media (max-width: 1024px){.app-footer__credits[data-v-7af3cf8e]{gap:24px}}@media (max-width: 768px){.app-footer__credits[data-v-7af3cf8e]{flex-direction:column;align-items:flex-start;gap:16px}.app-footer__logo[data-v-7af3cf8e]{height:auto}.logo-text[data-v-7af3cf8e]{font-size:24px}}.app[data-v-0838cdf3]{min-height:100vh;display:flex;flex-direction:column}main[data-v-0838cdf3]{width:100%;flex:1;margin:0 auto;padding:0 40px}@media screen and (min-width: 1440px){main[data-v-0838cdf3]{padding:0;max-width:1360px}}.reticle-background[data-v-0838cdf3]{position:relative}.reticle-background[data-v-0838cdf3]:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 37px,var(--border-default) 37px,var(--border-default) 38px),repeating-linear-gradient(90deg,transparent,transparent 39px,var(--border-default) 39px,var(--border-default) 40px);opacity:.15;pointer-events:none;z-index:0}.main-container[data-v-0838cdf3]{position:relative;z-index:1;width:100%;max-width:calc(var(--container-max-width) + var(--spacing-page-x) * 2);margin:0 auto;padding:0;border:var(--border-hero-visual);border-radius:var(--radius-badge);background:var(--bg-primary);overflow:hidden}:root{--font-family-100: "ForFuture Sans", sans-serif;--primary-blue: #002532;--primary-cyan: #00b0bd;--primary-white: #ffffff;--accent-vue: #008574;--accent-react: #0085a3;--accent-webc: #0078f1;--accent-angular: #e90043;--accent-design: #ab3bff;--accent-brain: #da2e6f;--accent-sandbox: #cb4b00;--tool-accent: var(--accent-vue);--bg-tool-card: linear-gradient( 113.84deg, rgba(248, 250, 252, .8) 6.24%, rgba(255, 255, 255, 0) 100% );--bg-diagram-container: var(--bg-tool-card);--bg-body: #f7f7f7;--bg-primary: #ffffff;--bg-header: rgba(255, 255, 255, .95);--bg-header-solid: #ffffff;--bg-nav-items: rgba(0, 0, 0, .05);--bg-toggle: #ffffff;--bg-toggle-hover: #f5f5f5;--bg-toggle-knob: #002532;--bg-button: #002532;--bg-button-hover: #f0f0f0;--bg-hero-visual: linear-gradient(244.327deg, rgba(155, 193, 253, 0) 19.336%, rgba(155, 193, 253, .7) 95.617%), linear-gradient(200.794deg, rgba(255, 153, 187, 0) 7.002%, rgba(255, 153, 187, .7) 109.66%), linear-gradient(126.462deg, rgba(189, 251, 255, 0) 11.721%, rgb(189, 251, 255) 57.584%);--bg-section: #ffffff;--bg-community: #ffffff;--bg-community-card: linear-gradient(232.497deg, rgba(200, 221, 254, 0) 19.336%, rgba(200, 221, 254, .5) 95.617%), linear-gradient(193.38deg, rgba(255, 206, 222, 0) 7.002%, rgba(255, 206, 222, .5) 109.66%), linear-gradient(139.713deg, rgba(225, 253, 255, 0) 11.721%, rgb(225, 253, 255) 57.584%);--bg-community-button: rgba(255, 255, 255, .3);--bg-community-button-hover: rgba(255, 255, 255, .5);--bg-card: #ffffff;--bg-badge: rgba(0, 0, 0, .05);--text-logo: #002532;--text-logo-accent: var(--tool-accent);--text-nav-link: #002532;--text-button: #ffffff;--text-toggle-icon: #ffffff;--text-primary: #002532;--text-secondary: rgba(0, 37, 50, .7);--border-toggle: rgba(0, 0, 0, .1);--border-toggle-hover: rgba(0, 0, 0, .2);--border-hero-visual: 2px solid #f0f5f5;--border-default: rgba(0, 0, 0, .1);--border-card: rgba(0, 0, 0, .08);--border-card-first: rgba(255, 255, 255, .1);--shadow-cards: 4px 4px 8px 0 rgba(0, 0, 0, .08);--shadow-header: 0 2px 8px rgba(0, 0, 0, .05);--shadow-toggle: 0 0 8px 0 rgba(0, 0, 0, .1);--shadow-community-button: 0px 0px 10px 0px inset rgba(255, 255, 255, .1), -1px -1px 1px 0px inset rgba(255, 255, 255, .1), 1px 1px 1px 0px inset rgba(255, 255, 255, .3);--shadow-tool-button: -2px -2px 10px 0 rgba(241, 245, 249, .9), 2px 2px 2px 0 rgba(0, 0, 0, .08), -1px -1px 1px 0 #fff inset, 1px 1px 1px 0 #fff inset;--font-family-primary: "ForFuture Sans", sans-serif;--font-size-logo: 30px;--font-size-nav: 14px;--font-size-button: 14px;--font-size-hero-title: 52px;--font-size-hero-subtitle: 18px;--font-weight-bold: 700;--font-weight-semibold: 600;--font-weight-medium: 500;--font-weight-regular: 400;--line-height-logo: 1.2;--line-height-nav: 1.4;--line-height-hero-title: 64px;--line-height-hero-subtitle: 32px;--letter-spacing-logo: -1.5px;--letter-spacing-nav: -.35px;--spacing-header-y: 24px;--spacing-header-x: 80px;--spacing-nav-gap: 27px;--spacing-right-gap: 8px;--spacing-hero: 40px;--spacing-hero-gap: 40px;--spacing-hero-content-gap: 24px;--spacing-page-x: 40px;--container-max-width: 1440px;--radius-toggle: 24px;--radius-nav: 100px;--radius-button: 4px;--radius-hero-visual: 8px;--radius-card: 8px;--radius-badge: 4px;--transition-default: all .3s ease;--transition-fast: all .2s ease;--transition-theme: all .4s cubic-bezier(.4, 0, .2, 1);--z-index-header: 1000;--color-gradient-one: #f8fafc;--img-card-box-background: linear-gradient( 117deg, var(--color-gradient-one) 42.86%, rgba(255, 255, 255, 0) 100% );--img-card-box-border: 2px solid rgba(255, 255, 255, .04);--img-card-box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, .1);--frame-gradient-start: #f8fafc;--frame-gradient-end: rgba(248, 250, 252, 0);--frame-border-start: rgba(240, 240, 240, .8);--frame-border-end: rgba(240, 240, 240, .6);--frame-content-bg: #f0f0f0;--bg-interactive-press: #e0e0e0}[data-theme=auto],.auto-theme{--accent-vue: #3dceb1;--accent-react: #43b3d7;--accent-webc: #599aed;--accent-angular: #ff6874;--accent-design: #be7cff;--accent-brain: #ef7296;--accent-sandbox: #ec7d51;--bg-tool-card: linear-gradient(113.84deg, rgba(0, 37, 50, .8) 6.24%, rgba(0, 37, 50, 0) 100%);--bg-diagram-container: var(--bg-tool-card);--bg-body: #002532;--bg-primary: #002532;--bg-header: linear-gradient(135deg, rgba(0, 31, 43, .95) 0%, rgba(0, 37, 50, .92) 100%);--bg-header-solid: rgba(0, 31, 43, .95);--bg-nav-items: rgba(255, 255, 255, .05);--bg-toggle: rgba(255, 255, 255, .08);--bg-toggle-hover: rgba(255, 255, 255, .12);--bg-toggle-knob: #ffffff;--bg-button: #ffffff;--bg-button-hover: #f0f0f0;--bg-hero-visual: linear-gradient(244.284deg, rgba(24, 112, 255, .1) 19.336%, rgba(0, 0, 0, .1) 53.077%), linear-gradient(200.757deg, rgba(255, 0, 84, 0) 7.002%, rgba(255, 0, 84, .1) 109.66%), linear-gradient(126.515deg, rgba(0, 176, 189, .2) 11.721%, rgba(0, 37, 50, .2) 57.584%);--bg-section: #002532;--bg-community: #002532;--bg-community-card: linear-gradient(232.497deg, rgba(24, 112, 255, .2) 19.336%, rgba(0, 0, 0, .2) 53.077%), linear-gradient(193.38deg, rgba(255, 0, 84, 0) 7.002%, rgba(255, 0, 84, .2) 109.66%), linear-gradient(139.713deg, rgba(0, 176, 189, .5) 11.721%, rgba(0, 37, 50, .5) 57.584%);--bg-community-button: rgba(255, 255, 255, .01);--bg-community-button-hover: rgba(255, 255, 255, .05);--bg-card: rgba(255, 255, 255, .02);--bg-badge: rgba(255, 255, 255, .05);--text-logo: #ffffff;--text-logo-accent: var(--tool-accent);--text-nav-link: #ffffff;--text-button: #002532;--text-toggle-icon: #002532;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .8);--border-toggle: rgba(255, 255, 255, .1);--border-toggle-hover: rgba(255, 255, 255, .2);--border-hero-visual: 2px solid rgba(255, 255, 255, .04);--border-default: rgba(255, 255, 255, .1);--border-card: rgba(255, 255, 255, .08);--border-card-first: rgba(255, 255, 255, .1);--shadow-cards: 4px 4px 12px 0 rgba(0, 0, 0, .1);--shadow-header: 0 2px 8px rgba(0, 0, 0, .1);--shadow-toggle: none;--shadow-community-button: 0px 0px 10px 0px inset rgba(255, 255, 255, .2), -1px -1px 1px 0px inset rgba(255, 255, 255, .04), 1px 1px 1px 0px inset rgba(255, 255, 255, .5);--shadow-tool-button: 0 0 10px 0 rgba(255, 255, 255, .1) inset, -1px -1px 1px 0 rgba(255, 255, 255, .04) inset, 1px 1px 1px 0 rgba(255, 255, 255, .5) inset;--color-gradient-one: #002d3d;--img-card-box-background: linear-gradient( 117deg, var(--color-gradient-one) 42.86%, rgba(0, 0, 0, 0) 100% );--img-card-box-border: 2px solid rgba(0, 0, 0, .04);--img-card-box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, .1);--frame-gradient-start: #002d3d;--frame-gradient-end: rgba(0, 45, 61, 0);--frame-border-start: rgba(255, 255, 255, .1);--frame-border-end: rgba(255, 255, 255, .02);--frame-content-bg: #0e4051;--bg-interactive-press: #0e4051}.reticle-background{position:relative;width:100%}.reticle-background:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 37px,var(--border-default) 37px,var(--border-default) 38px),repeating-linear-gradient(90deg,transparent,transparent 39px,var(--border-default) 39px,var(--border-default) 40px);opacity:.15;pointer-events:none;z-index:0}.reticle-background>*{position:relative;z-index:1}.section-divider{width:100%;height:136px;display:flex;align-items:center;justify-content:center;padding:24px 0;position:relative}.section-divider:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 37px,var(--border-default) 37px,var(--border-default) 38px),repeating-linear-gradient(90deg,transparent,transparent 39px,var(--border-default) 39px,var(--border-default) 40px);opacity:.3;pointer-events:none}.main-container{width:100%;max-width:calc(var(--container-max-width) + var(--spacing-page-x) * 2);margin:0 auto;padding:0}
