@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=Montserrat:wght@600;700;800&display=swap";@layer reset,base,theme,layout,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{text-size-adjust:none;-webkit-text-size-adjust:none;scroll-behavior:smooth}body{min-block-size:100vh;min-block-size:100dvh;text-rendering:optimizeSpeed;line-height:1.5}img,picture,svg,video,canvas{display:block;max-inline-size:100%;block-size:auto}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}}@layer base{:root{color-scheme:dark;--font-body: "Inter", sans-serif;--font-heading: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: clamp(.7rem, .62rem + .4vw, .8rem);--text-sm: clamp(.78rem, .72rem + .3vw, .9rem);--text-base: clamp(.9rem, .85rem + .25vw, 1.05rem);--text-lg: clamp(1.05rem, .95rem + .4vw, 1.25rem);--text-xl: clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.35rem + .75vw, 1.9rem);--text-3xl: clamp(1.8rem, 1.6rem + 1vw, 2.4rem);--text-4xl: clamp(2.2rem, 1.9rem + 1.8vw, 3.2rem);--text-5xl: clamp(2.8rem, 2.2rem + 2.5vw, 4.2rem);--space-xs: clamp(.4rem, .35rem + .25vw, .55rem);--space-sm: clamp(.7rem, .6rem + .5vw, .95rem);--space-md: clamp(1.2rem, 1rem + 1vw, 1.7rem);--space-lg: clamp(2rem, 1.7rem + 1.5vw, 2.8rem);--space-xl: clamp(3rem, 2.5rem + 2.5vw, 4.2rem);--space-2xl: clamp(4.5rem, 3.8rem + 3.5vw, 6.2rem);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--raw-black: #000000;--raw-slate-950: #050506;--raw-slate-900: #0a0a0c;--raw-slate-800: #101014;--raw-slate-700: #18181f;--raw-slate-600: #262630;--raw-slate-400: #8a93a6;--raw-slate-200: #e2e5ec;--raw-white: #ffffff;--raw-blue: oklch(60% .2 245);--raw-violet: oklch(56% .22 290);--raw-cyan: oklch(72% .16 195);--raw-emerald: oklch(64% .15 145);--bg-primary: var(--raw-black);--bg-secondary: var(--raw-slate-950);--bg-tertiary: var(--raw-slate-900);--text-primary: var(--raw-white);--text-secondary: var(--raw-slate-400);--text-muted: var(--raw-slate-600);--accent: var(--raw-blue);--accent-secondary: var(--raw-violet);--accent-glow: rgba(0, 119, 255, .08);--border-color: rgba(255, 255, 255, .05);--border-hover: rgba(255, 255, 255, .12);--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-base: .3s cubic-bezier(.16, 1, .3, 1);scrollbar-color:var(--raw-slate-800) var(--raw-black)}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);overflow-x:hidden;letter-spacing:-.015em}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:500;line-height:1.15;letter-spacing:-.04em;color:var(--text-primary);text-wrap:balance}p{color:var(--text-secondary);text-wrap:pretty}code,pre{font-family:var(--font-mono)}::selection{background-color:var(--raw-blue);color:var(--raw-white)}*:focus-visible{outline:1px solid var(--accent);outline-offset:4px}}@layer layout{.container{inline-size:100%;max-inline-size:1200px;margin-inline:auto;padding-inline:var(--space-md)}.grid-2{display:grid;grid-template-columns:1fr;gap:var(--space-lg);align-items:center}@media (min-width: 768px){.grid-2{grid-template-columns:1.1fr .9fr;gap:var(--space-xl)}}.section-padding{padding-block:var(--space-xl)}@media (min-width: 768px){.section-padding{padding-block:var(--space-2xl)}}}@layer components{.navbar{position:fixed;top:0;left:0;right:0;z-index:100;transition:background-color var(--transition-base),border-color var(--transition-base),backdrop-filter var(--transition-base);border-bottom:1px solid transparent;block-size:64px;display:flex;align-items:center;background-color:transparent}.navbar.scrolled{background-color:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:var(--border-color)}.navbar-container{display:flex;justify-content:space-between;align-items:center;inline-size:100%}.logo{font-family:var(--font-heading);font-size:var(--text-base);font-weight:700;letter-spacing:-.04em;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.logo-mark{width:20px;height:20px;background:linear-gradient(135deg,var(--raw-blue),var(--raw-violet));border-radius:4px;position:relative;overflow:hidden}.logo-mark:after{content:"";position:absolute;top:25%;left:25%;width:50%;height:50%;border-bottom:2px solid white;border-right:2px solid white;transform:rotate(45deg)}.nav-links{display:none}@media (min-width: 768px){.nav-links{display:flex;gap:12px;align-items:center}}.nav-link{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);transition:color var(--transition-fast);padding:6px 12px;border-radius:var(--radius-sm)}.nav-link:hover,.nav-link.active{color:var(--text-primary);background-color:#ffffff0a}.menu-btn{display:block;background:none;border:none;cursor:pointer;padding:8px;z-index:101}@media (min-width: 768px){.menu-btn{display:none}}.menu-btn span{display:block;width:18px;height:1.5px;background-color:var(--text-primary);margin:4px 0;transition:transform var(--transition-base),opacity var(--transition-base)}.menu-btn.open span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.menu-btn.open span:nth-child(2){opacity:0}.menu-btn.open span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}.mobile-menu{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;height:100dvh;background-color:var(--bg-secondary);border-left:1px solid var(--border-color);padding:80px var(--space-lg) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);z-index:99;transition:right var(--transition-base)}.mobile-menu.open{right:0}.mobile-nav-link{font-family:var(--font-mono);font-size:var(--text-sm);padding-block:var(--space-xs);border-bottom:1px solid var(--border-color)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast);border:1px solid transparent}.btn:active{transform:translateY(1px)}.btn-primary{background-color:var(--raw-white);color:var(--raw-black)}.btn-primary:hover{background-color:var(--raw-slate-200)}.btn-secondary{background-color:transparent;border-color:var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background-color:#ffffff0a;border-color:var(--border-hover)}.hero-wrapper{position:relative;padding-top:120px;padding-bottom:60px;overflow:hidden;min-block-size:85vh;display:flex;align-items:center;background-color:var(--bg-primary)}.hero-canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:auto;opacity:.45}.hero-content{position:relative;z-index:2}.hero-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background-color:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);margin-bottom:var(--space-sm)}.hero-tag:before{content:"";display:inline-block;width:6px;height:6px;background-color:var(--raw-cyan);border-radius:var(--radius-full)}.hero-title{font-size:var(--text-4xl);line-height:1.1;margin-bottom:var(--space-sm);letter-spacing:-.05em}@media (min-width: 768px){.hero-title{font-size:var(--text-5xl)}}.hero-subtitle{font-size:var(--text-base);line-height:1.6;margin-bottom:var(--space-md);max-width:560px}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}.hero-visual-container{position:relative;z-index:2;display:flex;justify-content:center;align-items:center}.hero-visual{width:100%;max-width:400px;aspect-ratio:1;position:relative}.visual-orb{position:absolute;top:15%;left:15%;width:70%;height:70%;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);filter:blur(30px)}.isometric-svg{width:100%;height:100%;overflow:visible}.svg-layer-base{transform-origin:center;animation:isometric-float-base 6s ease-in-out infinite alternate}.svg-layer-middle{transform-origin:center;animation:isometric-float-middle 6s ease-in-out infinite alternate}.svg-layer-top{transform-origin:center;animation:isometric-float-top 6s ease-in-out infinite alternate}.svg-circuit-line{stroke-dasharray:8 50;stroke-dashoffset:58;animation:circuit-flow 3s infinite linear}@keyframes isometric-float-base{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes isometric-float-middle{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes isometric-float-top{0%{transform:translateY(0)}to{transform:translateY(-16px)}}@keyframes circuit-flow{to{stroke-dashoffset:0}}.section-header{margin-bottom:var(--space-lg);border-left:2px solid var(--border-color);padding-left:var(--space-sm)}.section-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:4px}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-sm)}.glass-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);transition:border-color var(--transition-base),box-shadow var(--transition-base);position:relative}.glass-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.02) 0%,transparent 60%);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.glass-card:hover{border-color:var(--border-hover);box-shadow:0 4px 20px #0009}.glass-card:hover:before{opacity:1}.card-num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);position:absolute;top:var(--space-md);right:var(--space-md)}.card-icon{width:40px;height:40px;background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-sm);color:var(--text-primary);transition:border-color var(--transition-fast),color var(--transition-fast)}.glass-card:hover .card-icon{border-color:var(--accent);color:var(--accent)}.card-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:500;margin-bottom:6px;letter-spacing:-.02em}.card-text{font-size:var(--text-sm);line-height:1.5}.featured-product-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);position:relative;display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media (min-width: 992px){.featured-product-card{grid-template-columns:1fr 1.1fr;padding:var(--space-lg);gap:var(--space-xl)}}.featured-info{display:flex;flex-direction:column;justify-content:center}.featured-tag{display:inline-flex;align-items:center;align-self:flex-start;padding:3px 6px;background-color:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--raw-cyan);font-family:var(--font-mono);font-size:var(--text-xs);margin-bottom:var(--space-sm)}.featured-title{font-size:var(--text-2xl);margin-bottom:8px;letter-spacing:-.04em}.featured-subtitle{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-md)}.featured-visual-pane{position:relative;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-secondary);aspect-ratio:16/10;overflow:hidden}.mockup-image{width:100%;height:100%;object-fit:cover}.flowchart{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md);position:relative}@media (min-width: 992px){.flowchart{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}}.flowchart-step{flex:1;background-color:#ffffff03;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);position:relative;transition:border-color var(--transition-base),background-color var(--transition-base)}.flowchart-step:hover{border-color:var(--border-hover);background-color:#ffffff05}.step-num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);margin-bottom:4px;display:block}.step-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:500;margin-bottom:6px;color:var(--text-primary)}.step-desc{font-size:var(--text-xs);line-height:1.5;color:var(--text-secondary)}.flowchart-connector{display:flex;align-items:center;justify-content:center;width:100%;height:32px;position:relative;color:var(--text-muted)}@media (min-width: 992px){.flowchart-connector{width:48px;height:100%}}.connector-line{position:absolute;background-color:var(--border-color)}.flowchart-connector .connector-line{width:2px;height:100%;left:50%;transform:translate(-50%)}@media (min-width: 992px){.flowchart-connector .connector-line{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}}.flowchart-connector:after{content:"";position:absolute;width:6px;height:6px;background-color:var(--raw-cyan);border-radius:var(--radius-full);filter:drop-shadow(0 0 4px var(--raw-cyan));animation:connector-flow-vertical 2s infinite ease-in-out}@media (min-width: 992px){.flowchart-connector:after{animation:connector-flow-horizontal 2s infinite ease-in-out}}@keyframes connector-flow-vertical{0%{top:0%;opacity:0}20%{opacity:1}80%{opacity:1}to{top:100%;opacity:0}}@keyframes connector-flow-horizontal{0%{left:0%;opacity:0}20%{opacity:1}80%{opacity:1}to{left:100%;opacity:0}}.terminal-box{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);overflow:hidden;margin-block:var(--space-sm)}.terminal-header{background-color:var(--bg-tertiary);padding:6px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);font-size:11px;color:var(--text-muted)}.terminal-content{padding:12px;line-height:1.6;background-color:var(--bg-primary)}.terminal-line:before{content:"$ ";color:var(--accent)}.footer{border-top:1px solid var(--border-color);padding-block:var(--space-lg);background-color:var(--bg-primary)}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media (min-width: 768px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-brand{display:flex;flex-direction:column;gap:var(--space-xs)}.footer-tagline{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary);max-width:300px}.footer-links-group{display:flex;flex-direction:column;gap:var(--space-xs)}.footer-links-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.footer-links{display:flex;flex-direction:column;gap:6px}.footer-link{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary);transition:color var(--transition-fast)}.footer-link:hover{color:var(--text-primary)}.footer-bottom{margin-top:var(--space-lg);padding-top:var(--space-sm);border-top:1px solid rgba(255,255,255,.02);display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:space-between;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted)}@media (min-width: 576px){.footer-bottom{flex-direction:row}}@media (prefers-reduced-motion: no-preference){@supports ((animation-timeline: view()) and (animation-range: entry)){@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.scroll-reveal{animation:fade-in-up auto linear forwards;animation-timeline:view();animation-range:entry 10% entry 30%}}}.mobile-phone-frame{position:relative;z-index:1;width:310px;height:600px;background-color:#050505;border:10px solid var(--border-color);border-radius:42px;box-shadow:0 25px 60px -15px #000000e6;overflow:hidden;display:flex;flex-direction:column;transition:border-color .3s ease,box-shadow .3s ease}.mobile-phone-frame:hover{border-color:#ffffff26;box-shadow:0 25px 60px -10px #aa00ff14}.notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:130px;height:20px;background-color:var(--border-color);border-bottom-left-radius:14px;border-bottom-right-radius:14px;z-index:10;display:flex;align-items:center;justify-content:center}.notch-speaker{width:40px;height:3px;background-color:#ffffff14;border-radius:2px}.app-screen-body{flex:1;padding:var(--space-md);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-md);background-color:#050505;scrollbar-width:none}.app-screen-body::-webkit-scrollbar{display:none}.app-screen{display:flex;flex-direction:column;gap:var(--space-md);opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;position:absolute;width:calc(100% - 2 * var(--space-md));pointer-events:none}.app-screen.active{opacity:1;transform:translateY(0);position:relative;width:100%;pointer-events:auto}.app-tab-btn{background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:4px;opacity:.5;transition:opacity .2s ease,transform .2s ease}.app-tab-btn:hover{opacity:.8;transform:translateY(-1px)}.app-tab-btn.active{opacity:1}.app-tab-btn svg{color:var(--text-muted);transition:color .2s ease}.app-tab-btn.active svg{color:var(--accent)}.app-tab-btn.active .tab-label{color:var(--accent)!important;font-weight:600}}@layer utilities{.text-glow{text-shadow:0 0 16px rgba(255,255,255,.05)}.gradient-text-accent{background:linear-gradient(135deg,var(--raw-white),var(--raw-slate-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-center{text-align:center}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.text-mono{font-family:var(--font-mono)}}