:root{--bg-base:#09090b;--bg-surface:#121215;--bg-surface-elevated:#18181c;--bg-surface-hover:#222227;--border-subtle:#ffffff14;--border-medium:#ffffff24;--border-focus:var(--accent);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-faint:#52525b;--accent-hue:215;--accent:hsl(var(--accent-hue), 90%, 55%);--accent-hover:hsl(var(--accent-hue), 90%, 65%);--accent-surface:hsla(var(--accent-hue), 90%, 55%, .12);--accent-contrast:#fff;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--container-width:80%;--bg-app:var(--bg-base);--border-surface:var(--border-subtle);--border-surface-active:var(--border-focus);--text-main:var(--text-primary);--radius-card:var(--radius-lg);--radius-btn:var(--radius-md);--shadow-card:0 8px 32px 0 #00000073;--glass-blur:blur(16px);--color-primary:var(--accent);--color-primary-hover:var(--accent-hover);--color-accent:#10b77f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overscroll-behavior:none;overscroll-behavior-y:none;overscroll-behavior-x:none;touch-action:pan-y;font-size:16px}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);overscroll-behavior:none;overscroll-behavior-y:none;overscroll-behavior-x:none;touch-action:pan-y;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.25}p{color:var(--text-secondary);line-height:1.6}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}:root{--accent:var(--user-custom-accent,hsl(var(--accent-hue), 90%, 55%))}:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.a11y-high-contrast{--bg-base:#000;--bg-surface:#0a0a0a;--bg-surface-elevated:#141414;--bg-surface-hover:#1f1f1f;--border-subtle:#fff;--border-medium:#fff;--border-focus:#ff0;--text-primary:#fff;--text-secondary:#e4e4e7;--text-muted:#d4d4d8;--text-faint:#a1a1aa;--accent-contrast:#000}.a11y-high-contrast .btn,.a11y-high-contrast .card,.a11y-high-contrast .input,.a11y-high-contrast .select,.a11y-high-contrast .textarea,.a11y-high-contrast .badge{border-width:2px!important}.a11y-high-contrast a{text-decoration:underline!important}@media (prefers-contrast:more){:root:not(.a11y-standard-contrast){--bg-base:#000;--bg-surface:#0a0a0a;--bg-surface-elevated:#141414;--border-subtle:#fff;--border-medium:#fff;--text-primary:#fff;--text-secondary:#e4e4e7;--accent-contrast:#000}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.landing-ambient-glow{opacity:.25!important;animation:none!important;transform:translate(-50%)!important}}.a11y-reduced-motion,.a11y-reduced-motion *,.a11y-reduced-motion :before,.a11y-reduced-motion :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.a11y-reduced-motion .landing-ambient-glow{opacity:.25!important;animation:none!important;transform:translate(-50%)!important}.theme-oled,.theme-oled body,.theme-oled .layout-root,.theme-oled .personal-header,.theme-oled .public-nav,.theme-oled .personal-bottom-nav,.theme-oled .personal-drawer{--bg-app:#000!important;--bg-base:#000!important;--bg-surface:#050505!important;--bg-surface-elevated:#0d0d0d!important;--border-surface:#ffffff24!important;--border-subtle:#ffffff24!important;background-color:#000!important}.theme-oled .card,.theme-oled .modal-backdrop .card{background-color:#050505!important;border-color:#ffffff1f!important}.theme-light,.theme-light body,.theme-light .layout-root,.theme-light .personal-header,.theme-light .public-nav,.theme-light .personal-bottom-nav,.theme-light .personal-drawer{--bg-app:#f8fafc!important;--bg-base:#f8fafc!important;--bg-surface:#fff!important;--bg-surface-elevated:#f1f5f9!important;--border-surface:#0000001a!important;--border-subtle:#0000001a!important;--text-main:#0f172a!important;--text-primary:#0f172a!important;--text-muted:#475569!important;--text-secondary:#475569!important;--text-faint:#64748b!important;color:#0f172a!important;background-color:#f8fafc!important}.theme-light .card,.theme-light .modal-backdrop .card{color:#0f172a!important;background-color:#fff!important;border-color:#0000001a!important}.theme-light .personal-header,.theme-light .public-nav{background:#fffffff2!important;border-bottom:1px solid #0000001a!important}.theme-light .personal-header span,.theme-light .personal-header h1,.theme-light .public-nav span,.theme-light .public-nav a{color:#0f172a!important}.theme-light .personal-bottom-nav{background:#fffffffa!important;border-top:1px solid #0000001a!important}.theme-light .personal-drawer{background:#fff!important;border-right:1px solid #0000001a!important}.theme-light .personal-drawer-header span,.theme-light h1,.theme-light h2,.theme-light h3,.theme-light h4,.theme-light strong{color:#0f172a!important}.theme-light input,.theme-light select,.theme-light textarea{color:#0f172a!important;background-color:#fff!important;border-color:#cbd5e1!important}.theme-light input::placeholder,.theme-light textarea::placeholder{color:#94a3b8!important}.theme-light .btn.secondary{color:#0f172a!important;background-color:#e2e8f0!important;border-color:#cbd5e1!important}.theme-light .btn.ghost{color:#334155!important}.theme-light .btn.ghost:hover{color:#0f172a!important;background:#0000000d!important}.theme-oled input,.theme-oled select,.theme-oled textarea{color:#fff!important;background-color:#050505!important;border-color:#ffffff2e!important}.theme-oled .btn.secondary{background-color:#0a0a0a!important;border-color:#fff3!important}.font-opendyslexic,.font-opendyslexic *{letter-spacing:.04em!important;word-spacing:.08em!important;font-family:OpenDyslexic,Comic Sans MS,-apple-system,sans-serif!important}.density-compact{--density-scale:.88}.density-compact .btn{padding:.35rem .65rem!important;font-size:.82rem!important}.density-compact .card{padding:1rem!important}.density-comfortable{--density-scale:1.12}.density-comfortable .btn{min-height:48px;padding:.75rem 1.25rem!important;font-size:1rem!important}.density-comfortable .card{padding:1.75rem!important}.filter-protanopia{filter:contrast(1.15)hue-rotate(-15deg)}.filter-deuteranopia{filter:contrast(1.15)hue-rotate(20deg)}.filter-tritanopia{filter:contrast(1.2)hue-rotate(180deg)}.container-wide,.container-page{box-sizing:border-box!important;width:80%!important;max-width:1400px!important;margin-left:auto!important;margin-right:auto!important}@media (width<=1024px){.container-wide,.container-page{width:80%!important;max-width:none!important}}@media (width<=640px){.container-wide,.container-page{width:90%!important;max-width:none!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:10px var(--space-4);font-family:var(--font-sans);border-radius:var(--radius-md);border:1px solid var(--border-medium);background:var(--bg-surface-elevated);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;font-size:.875rem;font-weight:500;line-height:1.25;text-decoration:none;display:inline-flex}.btn:hover{background:var(--bg-surface-hover);border-color:var(--border-medium)}.btn:active{transform:scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn.primary{background:var(--accent);color:var(--accent-contrast);border-color:#0000}.btn.primary:hover{background:var(--accent-hover);border-color:#0000}.btn.secondary{border-color:var(--border-subtle);color:var(--text-primary);background:#ffffff0d}.btn.secondary:hover{border-color:var(--border-medium);background:#ffffff1a}.btn.danger{background:var(--color-danger);color:#fff;border-color:#0000}.btn.danger:hover{background:#dc2626;border-color:#0000}.btn.ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:#0000}.btn.sm{padding:6px var(--space-3);border-radius:var(--radius-sm);font-size:.8125rem}.btn.lg{padding:14px var(--space-6);border-radius:var(--radius-lg);font-size:1rem}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);color:var(--text-primary);-webkit-backdrop-filter:var(--glass-blur);transition:border-color var(--transition-fast), transform var(--transition-fast);touch-action:pan-y}.card.interactive{cursor:pointer}.card.interactive:hover{border-color:var(--border-medium);transform:translateY(-1px)}.card.elevated{background:var(--bg-surface-elevated);box-shadow:0 4px 20px #0000004d}.input,.select,.textarea,.input-text{width:100%;padding:10px var(--space-3);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;font-size:.875rem}.input:focus,.select:focus,.textarea:focus,.input-text:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-surface)}.input.error,.select.error,.textarea.error,.input-text.error{border-color:var(--color-danger)}.input::placeholder,.textarea::placeholder,.input-text::placeholder{color:var(--text-muted)}.textarea{resize:vertical;min-height:100px}.table-wrapper{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);width:100%;overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%;color:var(--text-primary);font-size:.875rem}.table th{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-medium);color:var(--text-secondary);background:var(--bg-surface-elevated);font-weight:600}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-surface-hover)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-muted);-webkit-user-select:none;user-select:none;background:#ffffff0f;font-size:.75rem;font-weight:600;display:inline-flex}.badge.success{color:#34d399;background:#10b98126;border-color:#10b98166}.badge.warning{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b66}.badge.danger,.badge.lock{color:#f87171;background:#ef444426;border-color:#ef444466}.badge.info{color:#60a5fa;background:#3b82f626;border-color:#3b82f666}.dialog-backdrop,.modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:1000;padding:var(--space-4);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-backdrop{z-index:10000000}.dialog-surface{background:var(--bg-surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-lg);padding:var(--space-6);width:100%;max-width:500px;color:var(--text-primary);box-shadow:0 20px 25px -5px #00000080}.support-drawer-fab{bottom:calc(76px + env(safe-area-inset-bottom,12px));right:max(16px, env(safe-area-inset-right,16px));z-index:990;color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s,box-shadow .2s,bottom .2s;display:flex;position:fixed;box-shadow:0 8px 24px #4f46e566}.support-drawer-fab:hover{transform:scale(1.06);box-shadow:0 10px 28px #4f46e58c}@media (width<=768px){.layout-personal .support-drawer-fab{width:42px!important;height:42px!important;bottom:84px!important;right:16px!important}}.layout-root.layout-common,.layout-common{--accent-hue:195;--accent:hsl(var(--accent-hue), 90%, 55%);--accent-hover:hsl(var(--accent-hue), 90%, 65%);--accent-surface:hsla(var(--accent-hue), 90%, 55%, .12);background-color:var(--bg-base);min-height:100vh;color:var(--text-primary);background-image:radial-gradient(ellipse 70% 40% at 50% -10%, hsla(var(--accent-hue), 90%, 55%, .08), transparent 70%);background-attachment:fixed;flex-direction:column;display:flex}.public-nav{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-elevated);-webkit-backdrop-filter:blur(20px);z-index:100;position:sticky;top:0}.public-hero{text-align:center;padding:5rem 0 3rem}.container-landing{box-sizing:border-box;width:70%;max-width:1400px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (width<=1024px){.container-landing{width:80%;max-width:none;padding-left:1rem;padding-right:1rem}}@media (width<=640px){.container-landing{width:90%;max-width:none;padding-left:.5rem;padding-right:.5rem}}.common-header{background:var(--bg-surface-elevated);-webkit-backdrop-filter:blur(20px);z-index:100;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.common-header-inner{justify-content:space-between;align-items:center;height:4.5rem;display:flex}.brand-link{align-items:center;text-decoration:none;transition:opacity .2s;display:flex}.brand-link:hover{opacity:.9}.brand-logo-img{object-fit:contain;width:auto;height:34px}.common-nav{align-items:center;gap:2rem;display:flex}.common-nav a{color:#e2e8f0;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.common-nav a:hover{color:#fff}.common-actions{align-items:center;gap:1rem;display:flex}.common-actions .btn.ghost{color:#f3f4f6;background:#ffffff0a;border:1px solid #ffffff24}.common-actions .btn.ghost:hover{color:#fff;background:#ffffff17;border-color:#ffffff40}@media (width<=1024px){.common-nav{gap:1.25rem}}@media (width<=820px){.common-nav,.common-actions .btn.ghost:not(.mobile-menu-toggle){display:none}}.mobile-menu-toggle{display:none!important}@media (width<=820px){.mobile-menu-toggle{justify-content:center;align-items:center;display:inline-flex!important}}.mobile-nav-overlay{-webkit-backdrop-filter:blur(8px);z-index:999;background:#000000bf;justify-content:flex-end;animation:.2s ease-out mobileFadeIn;display:flex;position:fixed;inset:0}.mobile-nav-drawer{box-sizing:border-box;background:#0b0f19;border-left:1px solid #ffffff1a;flex-direction:column;width:85%;max-width:320px;height:100%;padding:1.5rem;animation:.25s cubic-bezier(.16,1,.3,1) mobileSlideLeft;display:flex;box-shadow:-8px 0 32px #000000b3}@keyframes mobileSlideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes mobileFadeIn{0%{opacity:0}to{opacity:1}}.mobile-nav-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.mobile-nav-links{flex-direction:column;flex:1;gap:.5rem;display:flex;overflow-y:auto}.mobile-nav-link{border-radius:var(--radius-md);color:#e2e8f0;background:#ffffff08;border:1px solid #ffffff0d;align-items:center;gap:.85rem;padding:.85rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.mobile-nav-link:hover,.mobile-nav-link:active{color:#fff;background:#ffffff14;border-color:#ffffff26}.mobile-nav-footer{border-top:1px solid #ffffff14;flex-direction:column;gap:.75rem;margin-top:auto;padding-top:1.5rem;display:flex}.btn-app-text-mobile{display:none}@media (width<=640px){.common-header-inner{height:3.75rem}.common-actions .btn.primary{padding:.45rem .75rem;font-size:.85rem}.btn-app-text-full{display:none!important}.btn-app-text-mobile{display:inline!important}}.common-main{flex:1;padding-bottom:5rem}.common-footer{background:var(--bg-surface-elevated);border-top:1px solid #ffffff0f;margin-top:auto;padding:2.75rem 0}.common-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.footer-links{gap:1.75rem;font-size:.85rem;display:flex}.footer-link{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--text-main)}.footer-version{color:var(--text-faint);background:#ffffff08;border:1px solid #ffffff0f;border-radius:4px;padding:.3rem .6rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem}@keyframes calebAmbientPulse{0%,to{opacity:.45;transform:scale(1)translateZ(0)}50%{opacity:.85;transform:scale(1.08)translateZ(0)}}@keyframes calebFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes calebFadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes calebGlowShimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.landing-hero-backdrop{text-align:center;background:radial-gradient(circle at 50% 15%,#6366f11f 0%,#10b9810a 40%,#0000 70%);border:1px solid #ffffff0f;border-radius:20px;flex-direction:column;align-items:center;width:100%;margin-top:1rem;padding:3.5rem 1rem 2.5rem;animation:.8s cubic-bezier(.16,1,.3,1) both calebFadeInUp;display:flex;position:relative;overflow:hidden}.landing-ambient-glow{filter:blur(50px);pointer-events:none;z-index:0;background:radial-gradient(circle,#6366f159 0%,#3b82f626 45%,#0000 70%);width:480px;height:280px;animation:6s ease-in-out infinite calebAmbientPulse;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.landing-teaser-box{z-index:1;flex-direction:column;align-items:center;gap:1.25rem;max-width:720px;display:flex;position:relative}.teaser-badge{color:#c7d2fe;letter-spacing:.03em;background:#6366f11f;border:1px solid #818cf847;border-radius:9999px;align-items:center;gap:.5rem;padding:.35rem .9rem;font-size:.825rem;font-weight:600;transition:border-color .2s,background .2s;display:inline-flex}.teaser-badge:hover{background:#6366f133;border-color:#818cf873}.teaser-logo-wrapper{justify-content:center;align-items:center;margin:.25rem 0;display:flex;position:relative}.teaser-logo-icon{object-fit:contain;filter:drop-shadow(0 8px 22px #6366f173);width:80px;height:80px;animation:4s ease-in-out infinite calebFloat}.teaser-title-row{flex-direction:column;align-items:center;gap:.35rem;display:flex}.teaser-platform-name{letter-spacing:-.02em;color:#fff;font-size:1.45rem;font-weight:800}.teaser-tagline{color:#a5b4fc;margin:0;font-size:1.05rem;font-weight:500}.teaser-description{color:var(--text-muted);max-width:580px;margin:0;font-size:.95rem;line-height:1.6}.teaser-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}.teaser-scroll-indicator{color:var(--text-faint);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;margin-top:1.5rem;font-size:.8rem;text-decoration:none;transition:color .2s,transform .2s;display:inline-flex}.teaser-scroll-indicator:hover{color:#fff;transform:translateY(2px)}.landing-intro{flex-direction:column;align-items:flex-start;padding:3.5rem 0;display:flex}.intro-headline{letter-spacing:-.035em;color:#fff;margin-bottom:1.5rem;font-size:clamp(2.4rem,4.2vw,3.8rem);font-weight:700;line-height:1.12}.intro-lead{color:var(--text-muted);max-width:840px;margin-bottom:2.25rem;font-size:1.2rem;line-height:1.65}.intro-actions{flex-wrap:wrap;gap:1rem;margin-bottom:3.5rem;display:flex}.intro-graphic-box{border-radius:var(--radius-card);background:#11182799;border:1px solid #ffffff14;width:100%;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 24px 48px #0009}.intro-graphic-box:hover{box-shadow:0 32px 64px #000000bf,0 0 24px #6366f126}.intro-graphic-img{width:100%;height:auto;display:block}.landing-section{border-top:1px solid #ffffff0d;padding:4.5rem 0}.section-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#818cf8;margin-bottom:.75rem;font-size:.825rem;font-weight:600}.section-heading{letter-spacing:-.025em;color:#fff;margin-bottom:1rem;font-size:clamp(1.85rem,3vw,2.5rem);font-weight:700;line-height:1.25}.section-text{color:var(--text-muted);max-width:760px;margin-bottom:2.5rem;font-size:1.05rem;line-height:1.65}.values-comparison-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}@media (width<=768px){.values-comparison-grid{grid-template-columns:1fr}}.value-card{border-radius:var(--radius-card);background:#11182780;border:1px solid #ffffff12;flex-direction:column;justify-content:space-between;padding:2.25rem;display:flex}.value-card h3{color:#fff;margin-bottom:.75rem;font-size:1.3rem;font-weight:600}.value-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.architecture-step-row{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;margin-bottom:4rem;display:grid}@media (width<=860px){.architecture-step-row{grid-template-columns:1fr;gap:1.5rem}}.step-content{flex-direction:column;gap:.75rem;display:flex}.step-number{color:#818cf8;font-family:monospace;font-size:.85rem;font-weight:700}.step-title{color:#fff;letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.step-desc{color:var(--text-muted);font-size:.95rem;line-height:1.65}.step-visual-box{border-radius:var(--radius-card);background:#0f172abf;border:1px solid #ffffff14;overflow:hidden;box-shadow:0 16px 36px #00000080}.step-visual-img{width:100%;height:auto;display:block}.ui-mockup-card{border-radius:var(--radius-card);-webkit-backdrop-filter:blur(16px);background:#0f172abf;border:1px solid #ffffff14;width:100%;overflow:hidden;box-shadow:0 20px 40px #00000080}.ui-mockup-header{background:var(--bg-surface-elevated);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.ui-mockup-dots{align-items:center;gap:.4rem;display:flex}.ui-mockup-dot{border-radius:50%;width:10px;height:10px}.ui-mockup-dot.red{background:#ef4444}.ui-mockup-dot.amber{background:#f59e0b}.ui-mockup-dot.green{background:#10b981}.ui-mockup-title{color:var(--text-faint);align-items:center;gap:.4rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;display:flex}.ui-mockup-body{padding:1.5rem}.console-card{border-radius:var(--radius-card);-webkit-backdrop-filter:blur(24px);background:radial-gradient(circle at 50% 0,#1e1b4b80,#0f172ae6 70%);border:1px solid #6366f140;width:100%;overflow:hidden;box-shadow:0 24px 60px #0009,0 0 30px #6366f11f}.console-header{background:var(--bg-surface-elevated);border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.5rem;display:flex}.console-telemetry-bar{background:#00000059;border-bottom:1px solid #ffffff0d;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.775rem;display:flex}.console-telemetry-item{color:var(--text-muted);align-items:center;gap:.5rem;display:flex}.console-telemetry-item strong{color:#38bdf8}.console-telemetry-item .pulse-dot{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #10b981}.console-body{padding:2rem 1.5rem}.console-domains-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;display:grid}@media (width<=900px){.console-domains-grid{grid-template-columns:1fr}}.console-domain-box{background:#0f172acc;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.console-domain-box.personal{border-left:3px solid #10b981}.console-domain-box.company{border-left:3px solid #6366f1}.console-domain-header{justify-content:space-between;align-items:center;display:flex}.console-domain-title{color:#fff;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.console-db-badge{color:#94a3b8;background:#ffffff0f;border-radius:4px;padding:.2rem .5rem;font-family:monospace;font-size:.75rem}.console-table-list{flex-wrap:wrap;gap:.4rem;display:flex}.console-table-pill{color:#cbd5e1;background:#0006;border:1px solid #ffffff0d;border-radius:4px;padding:.2rem .5rem;font-family:monospace;font-size:.72rem}.console-shield-bridge{text-align:center;background:#6366f114;border:1px dashed #6366f159;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-width:140px;padding:1rem;display:flex}.console-status-strip{color:var(--text-muted);border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.25rem;font-size:.8rem;display:flex}.mockup-code-block{color:#e2e8f0;background:#080c14;border:1px solid #ffffff0f;border-radius:8px;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;line-height:1.6;overflow-x:auto}.mockup-code-comment{color:#64748b}.mockup-code-keyword{color:#818cf8;font-weight:600}.mockup-code-string{color:#34d399}.mockup-code-number{color:#fbbf24}.mockup-clock-display{color:#fff;text-shadow:0 0 20px #6366f166;letter-spacing:.05em;text-align:center;padding:.75rem 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:2.75rem;font-weight:800}.mockup-status-badge{border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.mockup-status-badge.success{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.mockup-status-badge.indigo{color:#818cf8;background:#6366f126;border:1px solid #6366f14d}.mockup-status-badge.amber{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.stage-preview-container{background:#0f172ad9;border:1px solid #ffffff14;border-radius:12px;overflow:hidden;box-shadow:0 16px 36px #00000080}.stage-preview-header{background:var(--bg-surface-elevated);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.stage-preview-body{padding:1.25rem}.module-stage{border-radius:var(--radius-card);-webkit-backdrop-filter:blur(16px);background:#111827a6;border:1px solid #ffffff14;overflow:hidden;box-shadow:0 24px 48px #00000080}.stage-nav{background:var(--bg-surface-elevated);border-bottom:1px solid #ffffff14;display:flex;overflow-x:auto}.stage-nav-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:.6rem;padding:1.25rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.stage-nav-btn:hover{color:#fff;background:#ffffff05}.stage-nav-btn.active{color:#fff;background:#6366f11a;border-bottom-color:#6366f1;font-weight:600}.stage-content{grid-template-columns:1fr 1fr;align-items:center;gap:2.5rem;padding:2.5rem;display:grid}@media (width<=860px){.stage-content{grid-template-columns:1fr}}.stage-info{flex-direction:column;gap:1rem;display:flex}.stage-title{color:#fff;font-size:1.6rem;font-weight:700}.stage-desc{color:var(--text-muted);font-size:1rem;line-height:1.65}.stage-features{flex-direction:column;gap:.75rem;margin:.5rem 0 1.5rem;padding:0;list-style:none;display:flex}.stage-feature-item{color:var(--text-main);align-items:center;gap:.6rem;font-size:.9rem;display:flex}.stage-feature-item svg{color:#10b981;flex-shrink:0}.stage-visual{border:1px solid #ffffff14;border-radius:8px;overflow:hidden;box-shadow:0 12px 28px #0006}.stage-visual img{width:100%;height:auto;display:block}@media (width<=480px){.container-landing{width:90%;padding-left:.5rem;padding-right:.5rem}.landing-hero-backdrop{margin-top:.5rem;padding:2.25rem .75rem 1.75rem}.teaser-badge{padding:.25rem .65rem;font-size:.75rem}.teaser-platform-name{font-size:1.25rem}.teaser-tagline{font-size:.95rem}.teaser-description{font-size:.875rem}.teaser-actions{flex-direction:column;width:100%}.teaser-actions .btn{justify-content:center;width:100%}.intro-headline{font-size:1.85rem}.stage-content{padding:1.25rem}}.layout-root.layout-personal,.layout-personal{--accent-hue:260;--accent:hsl(var(--accent-hue), 90%, 55%);--accent-hover:hsl(var(--accent-hue), 90%, 65%);--accent-surface:hsla(var(--accent-hue), 90%, 55%, .12);background-color:var(--bg-base);min-height:100vh;color:var(--text-primary);background-image:radial-gradient(ellipse 70% 30% at 50% 0%, hsla(var(--accent-hue), 90%, 55%, .06), transparent 70%);touch-action:pan-y;background-attachment:fixed;flex-direction:column;display:flex}.personal-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-elevated);-webkit-backdrop-filter:blur(16px);padding-top:calc(.75rem + env(safe-area-inset-top,0px));padding-bottom:.75rem;padding-left:max(1rem, env(safe-area-inset-left,0px));padding-right:max(1rem, env(safe-area-inset-right,0px));z-index:50;position:sticky;top:0}.personal-header-inner{justify-content:space-between;align-items:center;display:flex}.personal-nav{gap:var(--space-2);display:flex}.personal-bottom-nav{background:var(--bg-surface-elevated);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);z-index:100;height:64px;padding:0 var(--space-2);justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.personal-menu-toggle{display:none!important}@media (width<=860px){.personal-menu-toggle{justify-content:center;align-items:center;display:inline-flex!important}.personal-nav{display:none!important}}@media (width<=520px){.personal-header .badge,.personal-header .badge-switch-btn{display:none!important}.personal-header-inner{gap:.35rem!important}}.icon-nav-btn{border-radius:var(--radius-md)!important;justify-content:center!important;align-items:center!important;min-width:36px!important;height:36px!important;padding:.45rem!important;display:inline-flex!important}.nav-dropdown-container{display:inline-flex;position:relative}.nav-dropdown-menu{border-radius:var(--radius-md,8px);-webkit-backdrop-filter:blur(16px);z-index:100;background:#0f172af5;border:1px solid #ffffff1f;flex-direction:column;gap:.2rem;min-width:210px;padding:.35rem;animation:.15s ease-out fadeInSlideDown;display:flex;position:absolute;top:calc(100% + .35rem);left:0;box-shadow:0 12px 28px -4px #0009,0 8px 10px -6px #0006}.nav-dropdown-item{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.65rem;width:100%;padding:.55rem .75rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .12s;display:flex}.nav-dropdown-item:hover{color:#fff;background:#ffffff14}.nav-dropdown-item.active{background:var(--color-primary,#6366f1);color:#fff}@keyframes fadeInSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.personal-drawer-overlay{-webkit-backdrop-filter:blur(8px);z-index:999;background:#000000bf;justify-content:flex-end;animation:.2s ease-out mobileFadeIn;display:flex;position:fixed;inset:0}.personal-drawer{background:var(--bg-surface-elevated,#0b0f19);box-sizing:border-box;border-left:1px solid #ffffff1a;flex-direction:column;width:85%;max-width:320px;height:100%;padding:1.25rem;animation:.25s cubic-bezier(.16,1,.3,1) mobileSlideLeft;display:flex;box-shadow:-8px 0 32px #000000b3}.personal-drawer-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.personal-drawer-links{flex-direction:column;flex:1;gap:.4rem;display:flex;overflow-y:auto}.personal-drawer-link{border-radius:var(--radius-md);color:#e2e8f0;cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff0f;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.9rem;font-weight:500;transition:all .15s;display:flex}.personal-drawer-link.active{background:var(--color-primary,#6366f1);color:#fff;border-color:#0000}.personal-drawer-link:hover:not(.active){color:#fff;background:#ffffff14}.personal-drawer-footer{border-top:1px solid #ffffff14;flex-direction:column;gap:.5rem;margin-top:auto;padding-top:1rem;display:flex}.personal-timeline{gap:var(--space-4);padding-left:var(--space-6);border-left:2px solid var(--border-subtle);margin:var(--space-4) 0;flex-direction:column;display:flex;position:relative}.timeline-entry{position:relative}.timeline-entry:before{content:"";left:calc(-1 * var(--space-6) - 5px);background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 3px var(--bg-base);border-radius:50%;position:absolute;top:6px}.dashboard-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.widget-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.widget-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.widget-fallback{text-align:center;color:var(--text-muted);padding:2.5rem 1rem}.offline-banner{border-radius:var(--radius-md);color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b66;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1.25rem;font-size:.9rem;display:flex}.layout-root.layout-company,.layout-company{--accent-hue:215;--accent:hsl(var(--accent-hue), 90%, 55%);--accent-hover:hsl(var(--accent-hue), 90%, 65%);--accent-surface:hsla(var(--accent-hue), 90%, 55%, .12);background-color:var(--bg-base);min-height:100vh;color:var(--text-primary);background-image:radial-gradient(ellipse 70% 30% at 50% 0%, hsla(var(--accent-hue), 90%, 55%, .06), transparent 70%);background-attachment:fixed;flex-direction:column;display:flex}.company-topbar{border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(16px);z-index:50;background:#0b0f17eb;padding:.875rem 0;position:sticky;top:0}.company-topbar-inner{justify-content:space-between;align-items:center;display:flex}.company-shell{flex:1;width:100%;display:flex}.company-sidebar{border-right:1px solid var(--border-subtle);width:260px;padding:var(--space-4);gap:var(--space-2);background:#12121580;flex-direction:column;flex-shrink:0;display:flex}.company-main{padding:var(--space-6) var(--space-4);flex:1;overflow-x:hidden}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.kpi-value{color:var(--text-primary);margin:.5rem 0;font-size:2rem;font-weight:700}.employee-row{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-subtle);transition:border-color var(--transition-fast);justify-content:space-between;align-items:center;padding:1rem;display:flex}.employee-row:hover{border-color:var(--border-medium)}.tablet-guard-container{text-align:center;max-width:600px;margin:0 auto;padding-top:5rem}.layout-root.layout-school,.layout-school{--accent-hue:165;--accent:hsl(var(--accent-hue), 90%, 45%);--accent-hover:hsl(var(--accent-hue), 90%, 55%);--accent-surface:hsla(var(--accent-hue), 90%, 45%, .12);background-color:var(--bg-base);min-height:100vh;color:var(--text-primary);background-image:radial-gradient(ellipse 70% 30% at 50% 0%, hsla(var(--accent-hue), 90%, 45%, .06), transparent 70%);background-attachment:fixed;flex-direction:column;display:flex}.school-header{border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);z-index:40;background:#121214e6;padding:1rem 0;position:sticky;top:0}.school-timetable-grid{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin:var(--space-4) 0;grid-template-columns:80px repeat(5,1fr);gap:1px;display:grid;overflow:hidden}.timetable-period-header{background:var(--bg-surface-elevated);padding:var(--space-3);color:var(--text-secondary);text-align:center;font-size:.8125rem;font-weight:600}.timetable-lesson-cell{background:var(--bg-surface);min-height:70px;padding:var(--space-2);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.timetable-lesson-cell.substitution{background:#f59e0b1a;border:1px dashed #f59e0b}.school-parent-portal{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);max-width:600px;margin:var(--space-6) auto}.school-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.school-badge{background:hsla(var(--accent-hue), 90%, 45%, .15);color:hsl(var(--accent-hue), 90%, 55%);border:1px solid hsla(var(--accent-hue), 90%, 45%, .3);font-weight:600}