@charset "UTF-8";:root{--tms-ink: #101828;--tms-paper: #f7f9fc;--tms-surface: #ffffff;--tms-line: #e9edf4;--tms-line-strong: #d5dce8;--tms-text: #101828;--tms-text-2: #475467;--tms-text-3: #98a2b3;--tms-accent: #0ea5e9;--tms-accent-strong: #0284c7;--tms-accent-soft: #e0f2fe;--tms-cyan: #22d3ee;--tms-gradient: linear-gradient(135deg, var(--tms-cyan), var(--tms-accent-strong));--tms-ok: #12b76a;--tms-ok-soft: #e7f8f0;--tms-info: #6366f1;--tms-info-soft: #eef0fe;--tms-progress: #0284c7;--tms-progress-soft: #e0f2fe;--tms-warn: #dc8b09;--tms-warn-soft: #fdf3e1;--tms-danger: #ef4444;--tms-danger-soft: #feeceb;--tms-neutral: #475467;--tms-neutral-soft: #eef1f6;--tms-glass: rgba(255, 255, 255, .72);--tms-glass-line: rgba(16, 24, 40, .07);--tms-void: #0a101f;--tms-tour-scrim: color-mix(in srgb, var(--tms-void) 72%, transparent);--tms-rail-line: rgba(255, 255, 255, .08);--tms-rail-text: rgba(236, 244, 255, .68);--tms-rail-text-bright: #f4f8ff;--tms-rail-muted: rgba(236, 244, 255, .38);--tms-rail-hover: rgba(255, 255, 255, .06);--tms-rail-active: var(--tms-paper);--tms-rail-active-text: var(--tms-ink);--tms-rail-active-icon: var(--tms-accent-strong);--tms-font: "Manrope", system-ui, sans-serif;--tms-font-mono: "JetBrains Mono", ui-monospace, monospace;--tms-radius: 16px;--tms-radius-sm: 10px;--tms-radius-lg: 28px;--tms-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 2px 8px rgba(16, 24, 40, .04);--tms-shadow-lift: 0 16px 40px -12px rgba(2, 132, 199, .22);--tms-shadow-sheet: 0 0 0 1px rgba(255, 255, 255, .05), 0 32px 80px -32px rgba(0, 0, 0, .55);--tms-tile-bg: linear-gradient(158deg, rgba(255, 255, 255, .95), rgba(249, 251, 255, .88));--tms-tile-line: rgba(16, 24, 40, .06);--tms-tile-glow: radial-gradient(130% 120% at 100% 0%, rgba(34, 211, 238, .1), transparent 55%);--tms-shadow-tile: 0 1px 2px rgba(16, 24, 40, .03), 0 14px 34px -16px rgba(16, 24, 40, .18);--tms-tile-accent: linear-gradient(150deg, var(--tms-accent-strong), #0369a1 55%, #075985);--tms-bento-gap: 16px}:root{--tms-web-surface: #101929;--tms-web-raised: #152035;--tms-web-muted: #a5b4c9;--tms-web-line: rgba(163,190,220,.14);--tms-web-glow: rgba(14,165,233,.13);--tms-web-glow-strong: rgba(34,211,238,.24);--tms-web-card: linear-gradient(145deg,rgba(26,43,65,.7),rgba(13,23,39,.8));--tms-web-hero-text: linear-gradient(105deg,#f4f8ff 5%,#6ed9f0 85%);--tms-web-shadow: 0 35px 100px -35px rgba(0,0,0,.8),0 0 100px -55px rgba(14,165,233,.65);--tms-web-space: clamp(64px,9vw,132px);--tms-web-width: 1200px;--tms-web-radius-pill: 999px}:root{--tms-web-motion-ease: cubic-bezier(.22, 1, .36, 1)}.reveal-pending{opacity:0;translate:0 24px}.reveal-visible{animation:web-rise .72s var(--tms-web-motion-ease) var(--web-reveal-delay, 0ms) backwards}.hero-copy>*{animation:web-rise .85s var(--tms-web-motion-ease) backwards}.hero-copy>:nth-child(2){animation-delay:90ms}.hero-copy>:nth-child(3){animation-delay:.18s}.hero-copy>:nth-child(4){animation-delay:.27s}.hero-copy>:nth-child(5){animation-delay:.36s}.product-stage{animation:web-rise 1s var(--tms-web-motion-ease) .42s backwards}.preview-image{animation:web-preview .55s var(--tms-web-motion-ease) backwards}.route-section>.section-heading,.signup-copy{animation:web-rise .75s var(--tms-web-motion-ease) backwards}.hero-atmosphere:before{content:"";position:absolute;inset:12% 15% 20%;background:radial-gradient(ellipse,var(--tms-web-glow-strong),transparent 65%);opacity:.3;animation:web-glow 12s ease-in-out infinite alternate}.orbit-one{animation:web-orbit 24s ease-in-out infinite alternate}.orbit-two{animation:web-orbit 32s ease-in-out -12s infinite alternate-reverse}.hero-copy .signal-dot{position:relative}.hero-copy .signal-dot:after{content:"";position:absolute;inset:-4px;border:1px solid var(--tms-cyan);border-radius:50%;animation:web-signal 3.6s ease-out infinite}.site-header nav a{position:relative;transition:color .2s ease}.site-header nav a:after{content:"";position:absolute;height:1px;bottom:-8px;inset-inline:0;background:var(--tms-cyan);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--tms-web-motion-ease)}.site-header nav a:is(:hover,:focus-visible,.active):after{transform:scaleX(1)}.preview-tabs button{transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .25s var(--tms-web-motion-ease)}.feature-card,.plan-card,.tutorial-card,.experience-visual{transition:transform .4s var(--tms-web-motion-ease),border-color .3s ease,box-shadow .4s ease}.feature-card>img{transform-origin:left top;transition:transform .7s var(--tms-web-motion-ease)}.feature-card a span,.preview-caption a span{display:inline-block;transition:transform .3s var(--tms-web-motion-ease)}.hero-actions .mat-mdc-button-base,.final-cta .mat-mdc-button-base,.learn-copy .mat-mdc-button-base,.header-cta{transition:transform .3s var(--tms-web-motion-ease),box-shadow .3s ease}.mat-mdc-button-base mat-icon,.learn-preview>a>mat-icon,.tutorial-icon{transition:transform .3s var(--tms-web-motion-ease),color .2s ease}.learn-preview>a{transition:background-color .25s ease}.experience-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,var(--tms-web-glow) 50%,transparent 65%);transform:translate(-100%);pointer-events:none}.reveal-visible .experience-visual:after{animation:web-scan 1.6s var(--tms-web-motion-ease) var(--web-reveal-delay, 0ms) backwards}.reveal-visible .mock-line{transform-origin:left;animation:web-line .8s var(--tms-web-motion-ease) calc(var(--web-reveal-delay, 0ms) + .2s) backwards}.reveal-visible .mock-line.short{animation-delay:calc(var(--web-reveal-delay, 0ms) + .32s)}web-plan-card{display:block}.feature-card:focus-within,.plan-card:focus-within,.tutorial-card:focus-within{border-color:var(--tms-cyan)}@media(hover:hover)and (pointer:fine){.feature-card:hover,.plan-card:hover,.tutorial-card:hover{transform:translateY(-6px);border-color:var(--tms-cyan);box-shadow:0 18px 45px -30px var(--tms-web-glow-strong)}.feature-card:hover>img{transform:scale(1.025)}.experience-grid article:hover .experience-visual{transform:translateY(-5px);border-color:var(--tms-cyan)}.preview-tabs button:hover{transform:translateY(-2px)}.hero-actions .mat-mdc-button-base:hover,.final-cta .mat-mdc-button-base:hover,.learn-copy .mat-mdc-button-base:hover,.header-cta:hover{transform:translateY(-3px);box-shadow:0 8px 28px -12px var(--tms-web-glow-strong)}.mat-mdc-button-base:hover mat-icon[iconPositionEnd],.learn-preview>a:hover>mat-icon,.feature-card a:hover span,.preview-caption a:hover span{transform:translate(3px,-3px)}.learn-preview>a:hover{background-color:var(--tms-web-glow)}.learn-preview>a:hover .tutorial-icon,.tutorial-card:hover .tutorial-icon{transform:rotate(-6deg) scale(1.06)}}@keyframes web-rise{0%{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}@keyframes web-preview{0%{opacity:.35;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes web-orbit{0%{transform:translate(-50%) rotate(-18deg) scale(1)}to{transform:translate(-50%) rotate(-8deg) scale(1.06)}}@keyframes web-glow{0%{transform:translate3d(-4%,-3%,0) scale(.9);opacity:.2}to{transform:translate3d(4%,3%,0) scale(1.12);opacity:.45}}@keyframes web-signal{0%{transform:scale(.55);opacity:.6}65%,to{transform:scale(1.8);opacity:0}}@keyframes web-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes web-line{0%{transform:scaleX(.3);opacity:0}to{transform:scaleX(1);opacity:1}}@media(max-width:650px){.site-header nav.open{animation:web-rise .3s var(--tms-web-motion-ease) backwards}}@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1;translate:none}.hero-copy .signal-dot:after{display:none}}@media print{.reveal-pending{opacity:1;translate:none}}html{--mat-sys-background: #101414;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #2d3131;--mat-sys-inverse-primary: #006a6a;--mat-sys-inverse-surface: #e0e3e2;--mat-sys-on-background: #e0e3e2;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #003737;--mat-sys-on-primary-container: #00fbfb;--mat-sys-on-primary-fixed: #002020;--mat-sys-on-primary-fixed-variant: #004f4f;--mat-sys-on-secondary: #1b3534;--mat-sys-on-secondary-container: #cce8e7;--mat-sys-on-secondary-fixed: #051f1f;--mat-sys-on-secondary-fixed-variant: #324b4b;--mat-sys-on-surface: #e0e3e2;--mat-sys-on-surface-variant: #dae5e4;--mat-sys-on-tertiary: #003737;--mat-sys-on-tertiary-container: #00fbfb;--mat-sys-on-tertiary-fixed: #002020;--mat-sys-on-tertiary-fixed-variant: #004f4f;--mat-sys-outline: #889392;--mat-sys-outline-variant: #3f4948;--mat-sys-primary: #00dddd;--mat-sys-primary-container: #004f4f;--mat-sys-primary-fixed: #00fbfb;--mat-sys-primary-fixed-dim: #00dddd;--mat-sys-scrim: #000000;--mat-sys-secondary: #b0cccb;--mat-sys-secondary-container: #324b4b;--mat-sys-secondary-fixed: #cce8e7;--mat-sys-secondary-fixed-dim: #b0cccb;--mat-sys-shadow: #000000;--mat-sys-surface: #101414;--mat-sys-surface-bright: #363a39;--mat-sys-surface-container: #1c2020;--mat-sys-surface-container-high: #272b2a;--mat-sys-surface-container-highest: #313635;--mat-sys-surface-container-low: #191c1c;--mat-sys-surface-container-lowest: #0b0f0e;--mat-sys-surface-dim: #101414;--mat-sys-surface-tint: #00dddd;--mat-sys-surface-variant: #3f4948;--mat-sys-tertiary: #00dddd;--mat-sys-tertiary-container: #004f4f;--mat-sys-tertiary-fixed: #00fbfb;--mat-sys-tertiary-fixed-dim: #00dddd;--mat-sys-neutral-variant20: #293232;--mat-sys-neutral10: #191c1c;--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 Manrope;--mat-sys-body-large-font: Manrope;--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 Manrope;--mat-sys-body-medium-font: Manrope;--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 Manrope;--mat-sys-body-small-font: Manrope;--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 Manrope;--mat-sys-display-large-font: Manrope;--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 Manrope;--mat-sys-display-medium-font: Manrope;--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 Manrope;--mat-sys-display-small-font: Manrope;--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 Manrope;--mat-sys-headline-large-font: Manrope;--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 Manrope;--mat-sys-headline-medium-font: Manrope;--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 Manrope;--mat-sys-headline-small-font: Manrope;--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 Manrope;--mat-sys-label-large-font: Manrope;--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 Manrope;--mat-sys-label-medium-font: Manrope;--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 Manrope;--mat-sys-label-small-font: Manrope;--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 Manrope;--mat-sys-title-large-font: Manrope;--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 Manrope;--mat-sys-title-medium-font: Manrope;--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 Manrope;--mat-sys-title-small-font: Manrope;--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;scroll-behavior:smooth;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--tms-void);color:var(--tms-rail-text-bright);font-family:var(--tms-font);-webkit-font-smoothing:antialiased}app-root{display:block;isolation:isolate}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a,button{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}button{cursor:pointer}p{color:var(--tms-web-muted);line-height:1.75}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.12}h1{font-size:clamp(52px,7vw,94px);font-weight:600}h2{font-size:clamp(36px,4.2vw,58px);font-weight:500}h3{font-size:26px;font-weight:600}.mono{font-family:var(--tms-font-mono);font-size:11px;letter-spacing:.04em}.eyebrow{display:block;color:var(--tms-cyan);font:500 10px/1.6 var(--tms-font-mono);letter-spacing:.16em;margin-bottom:22px;text-transform:uppercase}:focus-visible{outline:2px solid var(--tms-cyan);outline-offset:5px}.skip-link{position:fixed;top:10px;left:20px;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);background:var(--tms-web-raised);z-index:1000}.skip-link:focus{width:auto;height:auto;padding:12px;clip-path:none}.site-header{max-width:var(--tms-web-width);height:96px;margin:auto;display:flex;align-items:center;gap:36px;padding:0 24px;position:relative;z-index:5;border-bottom:1px solid var(--tms-web-line)}.brand img{width:114px;height:38px;object-fit:contain}.site-header nav{margin-left:auto;display:flex;gap:32px;font-size:13px;color:var(--tms-web-muted)}.site-header nav a:hover,.site-header nav a.active{color:var(--tms-rail-text-bright)}.site-header .menu-toggle{display:none}.mat-mdc-unelevated-button{--mdc-filled-button-container-color: var(--tms-cyan);--mdc-filled-button-label-text-color: var(--tms-void);--mdc-filled-button-container-shape: var(--tms-web-radius-pill);letter-spacing:0!important}.mat-mdc-outlined-button{--mdc-outlined-button-outline-color: var(--tms-web-line);--mdc-outlined-button-label-text-color: var(--tms-rail-text-bright);--mdc-outlined-button-container-shape: var(--tms-web-radius-pill)}.hero-actions .mat-mdc-button-base,.final-cta .mat-mdc-button-base,.learn-copy .mat-mdc-button-base{height:52px;padding:0 25px}.section{max-width:var(--tms-web-width);padding:var(--tms-web-space) 24px;margin:auto}.hero{position:relative;padding:75px 24px 52px;overflow:hidden}.hero-copy{position:relative;text-align:center;z-index:1}.hero h1{font-size:clamp(68px,8.4vw,116px);letter-spacing:-.065em;line-height:.98;margin:28px 0}.hero h1 span,.signup-copy h1 span,.route-section h1 span{background:var(--tms-web-hero-text);color:transparent;-webkit-background-clip:text;background-clip:text}.hero-copy>p{font-size:17px;line-height:1.8}.hero-actions{display:flex;gap:14px;justify-content:center;margin-top:32px}.hero-note{font-size:11px;color:var(--tms-web-muted);display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px}.mini-rule{width:20px;height:1px;background:var(--tms-cyan)}.signal-dot{display:inline-block;width:6px;height:6px;background:var(--tms-cyan);border-radius:var(--tms-web-radius-pill);box-shadow:0 0 14px var(--tms-web-glow-strong);margin-right:8px}.hero-atmosphere{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,var(--tms-web-glow),transparent 65%)}.orbit{position:absolute;width:1250px;height:670px;border:1px solid var(--tms-web-line);border-radius:50%;left:50%;top:240px;transform:translate(-50%) rotate(-18deg);opacity:.55}.orbit-two{width:1530px;height:840px;top:140px;opacity:.3}.route-streak{position:absolute;height:1px;width:280px;background:linear-gradient(90deg,transparent,var(--tms-cyan),transparent);left:-300px;top:65%;transform:rotate(-15deg);animation:route-motion 13s linear infinite;opacity:.5}@keyframes route-motion{to{transform:translate(calc(100vw + 600px),-280px) rotate(-15deg)}}.product-stage{position:relative;max-width:1120px;margin:58px auto 0;z-index:1}.preview-tabs{display:flex;justify-content:center;gap:8px;margin:0 auto 22px}.preview-tabs button{display:flex;align-items:center;gap:8px;padding:10px 22px;border:1px solid transparent;border-radius:var(--tms-web-radius-pill);background:transparent;color:var(--tms-web-muted);font-size:12px}.preview-tabs button.selected{background:var(--tms-web-surface);color:var(--tms-cyan);border-color:var(--tms-web-line)}.preview-tabs mat-icon{width:16px;height:16px;font-size:16px}.product-frame{border:1px solid var(--tms-web-line);border-radius:var(--tms-radius);overflow:hidden;box-shadow:var(--tms-web-shadow);background:var(--tms-web-surface)}.frame-bar{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:var(--tms-web-muted);border-bottom:1px solid var(--tms-web-line)}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;background:var(--tms-web-muted);opacity:.35;border-radius:50%}.frame-state{font-size:10px}.product-frame>img{width:100%;height:auto;aspect-ratio:1.72;object-fit:cover;object-position:top}.preview-caption{display:flex;justify-content:space-between;gap:20px;padding:22px 2px;font-size:11px;color:var(--tms-web-muted)}.preview-caption a{color:var(--tms-cyan)}.preview-caption a span{margin-left:8px}.capability-strip{max-width:var(--tms-web-width);margin:auto;padding:28px 24px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--tms-web-line);border-bottom:1px solid var(--tms-web-line);color:var(--tms-web-muted);font-size:12px}.capability-strip>span{display:flex;align-items:center;gap:10px}.capability-strip mat-icon{font-size:19px}.section-heading{margin-bottom:48px;max-width:650px}.section-heading p{max-width:540px;font-size:16px}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.section-heading.center p{margin-left:auto;margin-right:auto}.section-heading h2{margin-bottom:20px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-card{border:1px solid var(--tms-web-line);background:var(--tms-web-card);border-radius:var(--tms-radius-lg);overflow:hidden;padding:34px 34px 0}.feature-card .feature-number{display:block;color:var(--tms-web-muted);margin:10px 0 24px}.feature-card p{font-size:14px;max-width:400px}.feature-card>img{width:calc(100% + 34px);max-width:none;margin:30px 0 0;border-radius:var(--tms-radius-sm) 0 0 0;border:1px solid var(--tms-web-line);aspect-ratio:1.6;object-fit:cover;object-position:top left}.feature-icon{color:var(--tms-cyan);margin-bottom:12px}.feature-wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.5fr;gap:45px;padding:46px 0 0 42px}.feature-wide>div{padding-bottom:44px}.feature-wide h3{font-size:34px}.feature-wide img{align-self:end;height:310px;object-fit:cover;object-position:left top;margin:0;width:100%}.feature-card a{font-size:13px;color:var(--tms-cyan)}.feature-card a span{margin-left:14px}.connected-section{border-top:1px solid var(--tms-web-line)}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.experience-grid p{font-size:13px}.experience-grid h3{font-size:21px;letter-spacing:-.025em}.experience-grid .eyebrow{margin:28px 0 14px;font-size:9px}.experience-visual{height:200px;position:relative;background:var(--tms-web-card);border:1px solid var(--tms-web-line);border-radius:var(--tms-radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow:hidden}.experience-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,var(--tms-web-glow),transparent 65%)}.experience-visual>mat-icon{font-size:38px;width:38px;height:38px;color:var(--tms-cyan);margin-bottom:5px}.experience-visual .mono{font-size:8px;color:var(--tms-web-muted);margin-top:5px}.mock-line{width:105px;height:5px;background:var(--tms-web-line);border-radius:var(--tms-radius-sm)}.mock-line.short{width:65px}.learn-section{border-top:1px solid var(--tms-web-line);border-bottom:1px solid var(--tms-web-line);display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.learn-copy>p{max-width:390px}.quiet-note{display:block;font-size:11px;color:var(--tms-web-muted);margin-top:20px}.learn-preview{padding:25px;background:var(--tms-web-card);border:1px solid var(--tms-web-line);border-radius:var(--tms-radius-lg)}.learn-label{margin:10px 0 25px;color:var(--tms-web-muted)}.learn-preview>a{display:flex;gap:18px;align-items:center;padding:25px 0;border-top:1px solid var(--tms-web-line)}.learn-preview>a>mat-icon{margin-left:auto;color:var(--tms-web-muted);font-size:19px;flex-shrink:0}.learn-preview h3{font-size:14px;letter-spacing:-.01em;margin-bottom:6px}.learn-preview p{font-size:11px;margin:0;line-height:1.4}.tutorial-icon{width:42px;height:42px;border:1px solid var(--tms-web-line);border-radius:var(--tms-radius-sm);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--tms-cyan);background:var(--tms-web-glow)}.tutorial-icon mat-icon{font-size:20px;width:20px;height:20px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan-card{height:100%;padding:32px 28px;background:var(--tms-web-card);border:1px solid var(--tms-web-line);border-radius:var(--tms-radius);position:relative}.plan-card.featured{border-color:var(--tms-accent);box-shadow:0 0 40px -20px var(--tms-web-glow-strong)}.plan-top{display:flex;align-items:center;justify-content:space-between;min-height:24px;margin-bottom:30px;gap:8px}.plan-badge{font-size:9px;padding:4px 8px;border:1px solid var(--tms-web-line);border-radius:var(--tms-web-radius-pill);color:var(--tms-cyan)}.plan-card h3{font-size:38px;margin-bottom:8px}.plan-card p{font-size:12px;min-height:44px}.plan-card p.billing{min-height:0;font-size:11px;margin-bottom:24px}.plan-card .mat-mdc-button-base{width:100%}.plan-divider{height:1px;background:var(--tms-web-line);margin:28px 0}.plan-card ul{padding:0;margin:0;list-style:none}.plan-card li{font-size:12px;display:flex;gap:10px;margin:16px 0;line-height:1.5;color:var(--tms-web-muted)}.plan-card li mat-icon{flex-shrink:0;font-size:16px;width:16px;height:16px;color:var(--tms-cyan)}.pricing-note{font-size:11px;text-align:center;margin-top:25px}.billing-toggle{display:flex;justify-content:center;margin:0 auto 30px;gap:10px}.billing-toggle .selected{background:var(--tms-web-raised)}.final-cta{text-align:center;position:relative;background:radial-gradient(ellipse at 50% 70%,var(--tms-web-glow),transparent 65%);border-top:1px solid var(--tms-web-line)}.final-cta h2{font-size:clamp(44px,5.5vw,74px)}.final-cta>p{max-width:500px;margin:0 auto 30px;font-size:14px}.onboarding-steps{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:55px;font-size:11px;color:var(--tms-web-muted)}.onboarding-steps b{font:10px var(--tms-font-mono);color:var(--tms-cyan);margin-right:8px}.onboarding-steps i{width:45px;height:1px;background:var(--tms-web-line)}.site-footer{max-width:var(--tms-web-width);margin:auto;padding:45px 24px 28px;border-top:1px solid var(--tms-web-line)}.footer-top{display:flex;align-items:center;gap:35px}.footer-top p{margin:0;font-size:12px}.footer-top nav{display:flex;gap:24px;margin-left:auto;font-size:11px;color:var(--tms-web-muted)}.footer-bottom{display:flex;justify-content:space-between;padding-top:40px;font-size:9px;color:var(--tms-web-muted)}.route-section{padding-top:85px;min-height:60vh}.route-section h1{font-size:clamp(46px,6vw,78px)}.faq{max-width:850px;padding-top:0}.faq h2{font-size:38px}details{border-bottom:1px solid var(--tms-web-line);padding:22px 0}summary{cursor:pointer;font-size:15px}details p{font-size:13px;margin:18px 0 0}.status-message{text-align:center;padding:36px;color:var(--tms-web-muted)}.tutorial-toolbar{display:flex;gap:20px;align-items:center;margin-bottom:28px;flex-wrap:wrap}.tutorial-toolbar .mono{margin-left:auto;color:var(--tms-web-muted)}.tutorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tutorial-library{display:grid;grid-template-columns:245px minmax(0,1fr);align-items:start;gap:38px}.tutorial-categories{display:flex;flex-direction:column;gap:4px;padding:22px 12px;border:1px solid var(--tms-web-line);border-radius:var(--tms-radius);background:var(--tms-web-card)}.tutorial-categories>.eyebrow{margin:0 14px 16px}.tutorial-categories>button{justify-content:flex-start;width:100%;height:auto;min-height:40px;padding:8px 12px;text-align:left;font-size:12px;color:var(--tms-web-muted)}.tutorial-categories>button.category-child{padding-left:27px;font-size:11px}.tutorial-categories>button.selected{background:var(--tms-web-glow);color:var(--tms-cyan)}.category-count{margin-left:8px;font:10px var(--tms-font-mono);opacity:.7}.tutorial-toolbar .mobile-category-picker{display:none}.tutorial-group+.tutorial-group{margin-top:52px}.tutorial-group-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:20px}.tutorial-group-heading h2{font-size:25px;margin:0}.tutorial-group-heading .eyebrow{margin-bottom:8px}.tutorial-group-heading>.mono{font-size:10px;color:var(--tms-web-muted);white-space:nowrap}@media(max-width:900px){.tutorial-library{grid-template-columns:minmax(0,1fr)}.tutorial-categories{display:none}.tutorial-toolbar .mobile-category-picker{display:inline-flex}}.tutorial-card{padding:28px;border:1px solid var(--tms-web-line);border-radius:var(--tms-radius);background:var(--tms-web-card);display:flex;flex-direction:column}.tutorial-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;color:var(--tms-web-muted)}.tutorial-card .eyebrow{font-size:9px;margin-bottom:12px}.tutorial-card h3{font-size:22px}.tutorial-card p{font-size:12px;margin-bottom:26px}.tutorial-card>a{margin-top:auto}a[aria-disabled=true]{pointer-events:none;opacity:.45}.signup-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.signup-copy h1{font-size:clamp(42px,4.6vw,62px)}.signup-copy>p{max-width:380px}.signup-steps{list-style:none;padding:0;margin:45px 0 0}.signup-steps li{display:flex;gap:20px;margin:30px 0}.signup-steps b{font:12px var(--tms-font-mono);color:var(--tms-cyan);padding-top:3px}.signup-steps h3{font-size:16px;letter-spacing:-.02em;margin-bottom:8px}.signup-steps p{font-size:12px;max-width:290px}.form-surface{padding:34px;border:1px solid var(--tms-web-line);background:var(--tms-web-surface);border-radius:var(--tms-radius-lg)}.form-surface>h2{font-size:28px;margin-bottom:30px}.form-surface mat-form-field{width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-surface>.mat-mdc-button-base{width:100%}.form-note{font-size:10px;margin:20px 0 0}.form-error{color:var(--tms-danger);font-size:12px;white-space:pre-wrap}.message-page{min-height:65vh;text-align:center}.message-page p{max-width:500px;margin:0 auto 25px}.login-section{max-width:520px}.login-section h1{font-size:36px}.login-section p{font-size:13px}.admin-heading{display:flex;justify-content:space-between;align-items:start}.admin-heading h1{font-size:42px}.admin-tabs{display:flex;gap:12px;border-bottom:1px solid var(--tms-web-line);padding:0 0 20px;margin:20px 0 30px}.admin-tabs .selected{background:var(--tms-web-raised)}.admin-layout{display:grid;grid-template-columns:300px 1fr;gap:25px}.admin-list{display:flex;flex-direction:column;gap:12px}.admin-list button{text-align:left;padding:18px;background:var(--tms-web-surface);color:var(--tms-rail-text-bright);border:1px solid var(--tms-web-line);border-radius:var(--tms-radius-sm)}.admin-list .selected{border-color:var(--tms-cyan)}.admin-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0}.admin-message{padding:15px 20px;border:1px solid var(--tms-web-line);border-radius:var(--tms-radius-sm);font-size:13px}.application-card{padding:25px;border:1px solid var(--tms-web-line);border-radius:var(--tms-radius);margin:18px 0;background:var(--tms-web-surface)}.application-card h2{font-size:24px}.application-meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--tms-web-muted);font-size:12px;margin:12px 0}.application-card p{font-size:13px}.application-status{color:var(--tms-cyan);font:11px var(--tms-font-mono)}.admin-preview{max-width:380px;margin:25px auto}.admin-page .form-surface h2{font-size:25px}@media(min-width:1500px){.hero{padding-top:100px}}@media(max-width:900px){.site-header{gap:20px;height:82px}.site-header nav{gap:22px}.feature-wide{gap:20px;grid-template-columns:1fr 1.2fr}.learn-section{gap:45px}.signup-layout{gap:40px}.pricing-grid{gap:12px}.plan-card{padding:24px 20px}.plan-badge{font-size:8px}.tutorial-grid{grid-template-columns:1fr 1fr}.experience-grid{gap:22px}}@media(max-width:650px){.site-header{padding:0 20px;height:76px}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;margin:0;padding:25px;background:var(--tms-web-surface);border-bottom:1px solid var(--tms-web-line)}.site-header nav.open{display:flex}.site-header .header-cta{margin-left:auto;font-size:11px;padding:0 14px}.site-header .menu-toggle{display:inline-flex}.site-header .brand img{width:82px}.hero{padding:60px 20px 25px}.hero-copy .eyebrow{font-size:8px;letter-spacing:.12em}.hero h1{font-size:68px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column;max-width:300px;margin-left:auto;margin-right:auto}.product-stage{margin-top:40px}.preview-tabs button{padding:9px 15px}.frame-bar{height:32px;padding:0 10px}.frame-state{display:none}.product-frame>img{aspect-ratio:1.3;object-fit:cover;object-position:35% top}.preview-caption{font-size:9px;gap:12px}.preview-caption>a{white-space:nowrap}.capability-strip{display:grid;grid-template-columns:1fr 1fr;padding:24px 20px;gap:22px 12px;font-size:10px}.capability-strip>span{gap:8px}.section{padding-left:20px;padding-right:20px}.feature-grid,.feature-wide,.experience-grid,.learn-section,.pricing-grid,.signup-layout,.admin-layout{grid-template-columns:1fr}.feature-card{padding:26px 26px 0}.feature-wide{gap:0}.feature-wide>div{padding-bottom:20px}.feature-wide img{height:220px}.experience-grid{gap:34px}.experience-visual{height:170px}.experience-grid .eyebrow{margin-top:18px}.learn-section{gap:34px}.learn-copy{text-align:center}.learn-copy>p{margin-left:auto;margin-right:auto}.pricing-grid{gap:20px}.plan-card{padding:30px}.onboarding-steps{gap:10px;font-size:9px}.onboarding-steps i{width:12px}.onboarding-steps b{font-size:9px;margin-right:4px}.footer-top{flex-wrap:wrap;gap:20px}.footer-top nav{margin-left:0;width:100%}.footer-bottom{gap:20px;line-height:1.5}.footer-bottom>span:last-child{display:none}.tutorial-grid{grid-template-columns:1fr}.tutorial-toolbar{gap:0}.tutorial-toolbar mat-form-field{width:100%}.tutorial-toolbar .mono{margin:0 0 15px}.form-surface{padding:26px 22px}.form-row{grid-template-columns:1fr;gap:0}.signup-layout{gap:30px}.signup-steps{margin-top:30px}.admin-tabs{gap:4px}.admin-tabs button{font-size:12px}.admin-heading{gap:20px}.admin-heading h1{font-size:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}