.hero-section{display:flex;justify-content:center;align-items:center;padding:6rem 1rem 4rem;text-align:center}.hero-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.hero-avatar-container{margin-bottom:2rem;position:relative;padding:5px;border:1px solid var(--md-sys-color-primary);border-radius:50%}.hero-avatar-container:after{display:none}.hero-avatar{width:140px;height:140px;border-radius:50%;object-fit:cover;border:none;box-shadow:none;filter:grayscale(100%);display:block}.hero-title{font-family:var(--font-family-display, sans-serif);font-size:3.5rem;font-weight:800;color:var(--md-sys-color-on-background);margin:0;letter-spacing:-.04em;background:none;-webkit-background-clip:unset;background-clip:unset}.hero-subtitle{font-size:1.125rem;color:var(--md-sys-color-primary);font-weight:600;letter-spacing:.1em;text-transform:uppercase}@media(min-width:768px){.hero-title{font-size:6rem}}.solutions-container{max-width:1200px;margin:0 auto;padding:2rem 1rem 6rem}.solutions-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:600px;margin:0 auto}.solution-card{position:relative;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;padding:1.5rem;cursor:pointer;overflow:hidden}.solution-card:hover{background:var(--md-sys-color-surface-variant);border-color:var(--md-sys-color-primary)}.card-content{display:flex;align-items:center;gap:1.5rem}.card-logo-container{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:12px;padding:8px}.card-logo{max-width:100%;max-height:100%;object-fit:contain;filter:brightness(0) invert(1) opacity(.9)}.card-text{flex:1}.card-title{font-size:1.25rem;font-weight:600;color:var(--md-sys-color-on-surface);margin-bottom:.25rem}.card-description{font-size:.875rem;color:var(--md-sys-color-primary);opacity:.8}.modal-overlay{position:fixed;inset:0;background:#100b17cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.modal-content{width:100%;max-width:1000px;height:80vh;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;box-shadow:0 24px 48px #00000080;display:flex;flex-direction:column;overflow:hidden}.browser-header{height:48px;background:var(--md-sys-color-background);border-bottom:1px solid var(--md-sys-color-outline-variant);display:flex;align-items:center;padding:0 1rem;gap:1rem}.browser-controls{display:flex;gap:8px}.control-dot{width:12px;height:12px;border-radius:50%}.close-dot{background:#ff5f56;cursor:pointer}.minimize-dot{background:#ffbd2e}.maximize-dot{background:#27c93f}.browser-address-bar{flex:1;height:28px;background:#ffffff0d;border-radius:6px;display:flex;align-items:center;padding:0 12px;font-size:.85rem;color:var(--md-sys-color-on-surface);opacity:.7}.browser-body{flex:1;background:#fff;position:relative}.preview-iframe{width:100%;height:100%;border:none}.loader-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--md-sys-color-surface);color:var(--md-sys-color-primary)}:root{--neon-yellow: #EAFF04;--black: #000000;--dark-gray: #111111;--white: #FFFFFF;--md-sys-color-primary: var(--neon-yellow);--md-sys-color-on-primary: var(--black);--md-sys-color-primary-container: var(--neon-yellow);--md-sys-color-on-primary-container: var(--black);--md-sys-color-secondary: var(--white);--md-sys-color-on-secondary: var(--black);--md-sys-color-secondary-container: var(--dark-gray);--md-sys-color-on-secondary-container: var(--white);--md-sys-color-background: var(--black);--md-sys-color-on-background: var(--white);--md-sys-color-surface: var(--black);--md-sys-color-on-surface: var(--white);--md-sys-color-surface-variant: var(--dark-gray);--md-sys-color-outline: var(--neon-yellow);--md-sys-color-outline-variant: var(--dark-gray);--gradient-main: var(--black);--gradient-glass: none;--font-family-base: "Inter", system-ui, -apple-system, sans-serif;--font-family-display: "Inter", system-ui, -apple-system, sans-serif;--motion-duration-short: 0ms;--motion-duration-medium: 0ms;--motion-duration-long: 0ms;--motion-easing-standard: linear;--motion-easing-emphasized: linear;--motion-easing-decelerate: linear}@font-face{font-family:Maduratna-Medium;src:url(/fonts/Maduratna-Medium.ttf) format("truetype");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:var(--font-family-base);line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--gradient-main);color:var(--md-sys-color-on-background);min-height:100vh;overflow-x:hidden}.glass-panel{background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline);border-radius:8px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--md-sys-color-background)}::-webkit-scrollbar-thumb{background:var(--md-sys-color-surface-variant);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-primary)}