:root{--mx-bg: #f4f7fb;--mx-bg-strong: #edf2f8;--mx-surface: rgba(255, 255, 255, .78);--mx-surface-solid: #ffffff;--mx-surface-soft: #f8fbff;--mx-surface-dark: #0b1528;--mx-surface-dark-2: #101d34;--mx-ink: #0b1324;--mx-muted: #56637a;--mx-subtle: #7d899d;--mx-border: rgba(15, 23, 42, .09);--mx-border-strong: rgba(59, 130, 246, .22);--mx-primary: #2563eb;--mx-primary-strong: #1d4ed8;--mx-cyan: #0ea5b7;--mx-violet: #7c3aed;--mx-success: #16835b;--mx-danger: #c33f4a;--mx-warning: #b7791f;--mx-shadow-xs: 0 2px 10px rgba(15, 23, 42, .04);--mx-shadow-sm: 0 10px 30px rgba(15, 23, 42, .07);--mx-shadow-md: 0 22px 60px rgba(15, 23, 42, .1);--mx-shadow-lg: 0 38px 100px rgba(15, 23, 42, .16);--mx-radius-sm: 12px;--mx-radius-md: 18px;--mx-radius-lg: 24px;--mx-radius-xl: 32px;--mx-max: 1240px;--mx-ease: cubic-bezier(.22,.8,.23,1);--mx-ease-spring: cubic-bezier(.18,.89,.32,1.28)}html{min-height:100%;scroll-behavior:smooth;--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #003737);--mat-sys-on-tertiary-container: light-dark(#004f4f, #00fbfb);--mat-sys-on-tertiary-fixed: light-dark(#002020, #002020);--mat-sys-on-tertiary-fixed-variant: light-dark(#004f4f, #004f4f);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#006a6a, #00dddd);--mat-sys-tertiary-container: light-dark(#00fbfb, #004f4f);--mat-sys-tertiary-fixed: light-dark(#00fbfb, #00fbfb);--mat-sys-tertiary-fixed-dim: light-dark(#00dddd, #00dddd);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100%;color:var(--mx-ink);background:radial-gradient(circle at 8% -8%,rgba(37,99,235,.1),transparent 32rem),radial-gradient(circle at 90% 0%,rgba(14,165,183,.08),transparent 26rem),linear-gradient(180deg,#fbfdff 0%,var(--mx-bg) 45%,#f8fbff 100%);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a,button,input,textarea,select{font:inherit}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}::selection{background:#2563eb2e}:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:3px}.mx-container{width:min(var(--mx-max),100% - 40px);margin-inline:auto}.mx-eyebrow{width:fit-content;min-height:34px;padding:0 12px;border:1px solid rgba(37,99,235,.16);border-radius:999px;display:inline-flex;align-items:center;gap:8px;color:#1f56b5;background:#ffffffc2;box-shadow:var(--mx-shadow-xs);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mx-primary,.mx-secondary,.mx-quiet{position:relative;min-height:46px;padding:0 18px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;overflow:hidden;text-decoration:none;font-weight:760;cursor:pointer;transition:transform .18s var(--mx-ease),box-shadow .18s var(--mx-ease),background .18s ease,border-color .18s ease,color .18s ease}.mx-primary:after,.mx-secondary:after{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.34) 50%,transparent 75%);transform:translate(-110%);transition:transform .52s var(--mx-ease),opacity .16s ease;pointer-events:none}.mx-primary:hover:after,.mx-secondary:hover:after{opacity:1;transform:translate(110%)}.mx-primary{border:1px solid #2f6bea;color:#fff;background:linear-gradient(135deg,#2d6cf2,#1f54c8 55%,#163a96);box-shadow:0 12px 30px #2563eb3d}.mx-secondary{border:1px solid var(--mx-border-strong);color:#1d458e;background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mx-quiet{border:1px solid transparent;color:var(--mx-muted);background:transparent}.mx-primary:hover,.mx-secondary:hover,.mx-quiet:hover{transform:translateY(-2px)}.mx-primary:active,.mx-secondary:active,.mx-quiet:active{transform:translateY(0) scale(.985)}.mx-primary:hover{box-shadow:0 16px 36px #2563eb4f}.mx-secondary:hover{border-color:#2563eb5c;box-shadow:var(--mx-shadow-sm)}.mx-panel{border:1px solid var(--mx-border);border-radius:var(--mx-radius-lg);background:var(--mx-surface);box-shadow:var(--mx-shadow-md);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%)}.mx-hover{transition:transform .22s var(--mx-ease),box-shadow .22s var(--mx-ease),border-color .22s ease,background .22s ease}.mx-hover:hover{transform:translateY(-6px);border-color:#2563eb33;box-shadow:var(--mx-shadow-lg)}mat-card,.mat-mdc-card{border-color:var(--mx-border)!important;background:#ffffffe0!important;box-shadow:var(--mx-shadow-xs)!important}.mat-mdc-form-field{--mdc-outlined-text-field-container-shape: 15px;--mdc-outlined-text-field-outline-color: rgba(15, 23, 42, .13);--mdc-outlined-text-field-focus-outline-color: var(--mx-primary)}.mat-mdc-button-base{--mdc-text-button-container-shape: 13px;--mdc-filled-button-container-shape: 13px;--mdc-outlined-button-container-shape: 13px;transition:transform .17s var(--mx-ease),box-shadow .17s var(--mx-ease)!important}.mat-mdc-button-base:not(:disabled):hover{transform:translateY(-1px)}.mat-mdc-button-base:not(:disabled):active{transform:translateY(0) scale(.985)}.about-page,.contact,.faq,.signup,.onboarding,.plans-page,.login,.forgot-password,.verify-page,.features-page,.pricing-page{color:var(--mx-ink)}.about .hero,.contact .hero,.faq .hero,.signup .hero,.onboarding .hero,.about-hero,.features-hero,.pricing-hero{background:radial-gradient(circle at 14% 0%,rgba(37,99,235,.12),transparent 31rem),radial-gradient(circle at 86% -8%,rgba(14,165,183,.08),transparent 28rem),linear-gradient(180deg,#ffffffe6,#f4f7fba3)!important;border-bottom:1px solid var(--mx-border)}.about .card,.contact .card,.contact .side-card,.faq .card,.signup .card,.signup .side-card,.onboarding .card,.login mat-card,.forgot-password mat-card,.verify-card{border:1px solid var(--mx-border)!important;border-radius:22px!important;background:#ffffffe0!important;box-shadow:var(--mx-shadow-sm)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .22s var(--mx-ease),box-shadow .22s var(--mx-ease),border-color .22s ease}.about .card:hover,.contact .side-card:hover,.signup .side-card:hover,.onboarding .card:hover{border-color:#2563eb30!important;box-shadow:var(--mx-shadow-md)!important}.dashboard .hero,.dashboard .quick-actions,.dashboard .tile,.dashboard .mini,.billing-home mat-card,.organization-billing mat-card,.org-checkout mat-card,.public-storage mat-card{transition:transform .22s var(--mx-ease),box-shadow .22s var(--mx-ease),border-color .22s ease}.dashboard .tile:hover,.dashboard .mini:hover,.billing-home mat-card:hover,.organization-billing mat-card:hover,.org-checkout mat-card:hover,.public-storage mat-card:hover{transform:translateY(-4px);border-color:#2563eb29!important;box-shadow:var(--mx-shadow-md)!important}@keyframes mx-rise{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mx-fade{0%{opacity:0}to{opacity:1}}@keyframes mx-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(.2deg)}}@keyframes mx-glow{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.75;transform:scale(1.04)}}@keyframes mx-pulse-ring{0%{box-shadow:0 0 #2dd4bf4d}70%{box-shadow:0 0 0 8px #2dd4bf00}to{box-shadow:0 0 #2dd4bf00}}.mx-reveal{animation:mx-rise .62s var(--mx-ease) both}.mx-reveal-delay-1{animation-delay:80ms}.mx-reveal-delay-2{animation-delay:.16s}.mx-reveal-delay-3{animation-delay:.24s}@media(max-width:720px){.mx-container{width:min(var(--mx-max),100% - 24px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.features-hero,.about-hero,.contact-hero,.faq-hero,.pricing-hero,.legal-hero{position:relative;overflow:hidden;color:#f8fbff;background:radial-gradient(circle at 12% 8%,rgba(76,132,255,.23),transparent 25rem),radial-gradient(circle at 86% 76%,rgba(45,212,191,.12),transparent 22rem),linear-gradient(145deg,#081425,#0d1b34 58%,#0e3444 145%)!important}.features-hero:after,.about-hero:after,.contact-hero:after,.faq-hero:after,.pricing-hero:after,.legal-hero:after{content:"";position:absolute;inset:0;opacity:.09;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 92%);mask-image:linear-gradient(to bottom,#000,transparent 92%);pointer-events:none}.features-hero>*,.about-hero>*,.contact-hero>*,.faq-hero>*,.pricing-hero>*,.legal-hero>*{position:relative;z-index:1}.features-hero h1,.about-hero h1,.contact-hero h1,.faq-hero h1,.pricing-hero h1,.legal-hero h1,.features-hero h2,.about-hero h2,.contact-hero h2,.faq-hero h2,.pricing-hero h2,.legal-hero h2{color:#fff!important}.features-hero h1 span,.about-hero h1 span,.contact-hero h1 span,.faq-hero h1 span,.pricing-hero h1 span{color:transparent!important;background:linear-gradient(96deg,#8db4ff,#72d8e3 55%,#8ce2cd)!important;-webkit-background-clip:text!important;background-clip:text!important}.features-hero p,.about-hero p,.contact-hero p,.faq-hero p,.pricing-hero p,.legal-hero p,.legal-hero .legal-meta{color:#e5edf9ad!important}.features-hero .mx-eyebrow,.about-hero .mx-eyebrow,.contact-hero .mx-eyebrow,.faq-hero .mx-eyebrow,.pricing-hero .mx-eyebrow{color:#dce9ff;border-color:#ffffff26;background:#ffffff12;box-shadow:none}.features-hero .mx-secondary,.about-hero .mx-secondary,.contact-hero .mx-secondary,.faq-hero .mx-secondary,.pricing-hero .mx-secondary{color:#edf5ff;border-color:#ffffff2e;background:#ffffff12}.features-hero .mx-secondary:hover,.about-hero .mx-secondary:hover,.contact-hero .mx-secondary:hover,.faq-hero .mx-secondary:hover,.pricing-hero .mx-secondary:hover{border-color:#ffffff52;background:#ffffff1c}.features-hero .mx-panel,.about-hero .mx-panel,.contact-hero .mx-panel,.faq-hero .mx-panel,.pricing-hero .mx-panel{border-color:#ffffff21;background:#fffffff0;box-shadow:0 28px 72px #00000040}.legal-hero .legal-label{color:#8fb6ff!important}@media(prefers-reduced-motion:no-preference){.features-page .feature-card,.about-page .pillar,.contact-page .context-panel article,.faq-page .faq-item,.pricing-page .plan-card,.pricing-page .storage-card{transition:transform .22s var(--mx-ease),box-shadow .22s var(--mx-ease),border-color .22s ease,background .22s ease}.features-page .feature-card:hover,.about-page .pillar:hover,.contact-page .context-panel article:hover,.faq-page .faq-item:hover,.pricing-page .plan-card:hover,.pricing-page .storage-card:hover{transform:translateY(-5px);border-color:#2563eb2e!important;box-shadow:var(--mx-shadow-md)!important}}