:root{--color-canvas: #f2f0ea;--color-ink: #1a1a18;--color-surface: #faf9f6;--color-accent: #10b981;--font-sans: "Switzer", sans-serif;--font-serif: "Gambetta", serif;--font-mono: "Azeret Mono", monospace;--font-logo: "Spline Sans Mono", monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}body{margin:0;padding:0;background-color:var(--color-canvas);color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;line-height:1.5}::selection{background-color:var(--color-ink);color:var(--color-surface)}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-serif);font-weight:400;line-height:1.1;letter-spacing:-.02em}p{margin:0}a{color:inherit;text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}button{font-family:inherit;border:none;cursor:pointer;background:none;padding:0;outline:none;transition:all var(--duration-normal) var(--ease-out)}button:active{transform:scale(.97)}.container{max-width:1440px;margin:0 auto;padding:0 1.5rem}@media(min-width:768px){.container{padding:0 1.5rem}}.surface-panel{background-color:var(--color-surface);background-image:linear-gradient(135deg,#faf9f6f2,#f5f3edf2),linear-gradient(90deg,transparent 1.5rem,rgba(26,26,24,.06) 1.5rem,rgba(26,26,24,.06) calc(1.5rem + 1px),transparent calc(1.5rem + 1px)),linear-gradient(0deg,transparent 1.5rem,rgba(26,26,24,.06) 1.5rem,rgba(26,26,24,.06) calc(1.5rem + 1px),transparent calc(1.5rem + 1px)),repeating-linear-gradient(45deg,rgba(26,26,24,.03) 0px,rgba(26,26,24,.03) 1px,transparent 1px,transparent 8px),repeating-linear-gradient(-45deg,rgba(26,26,24,.03) 0px,rgba(26,26,24,.03) 1px,transparent 1px,transparent 8px);border:1px solid rgba(26,26,24,.04);box-shadow:0 16px 40px -4px #1a1a1808,0 6px 16px -2px #1a1a180f,inset 0 2px 2px -1px #fff,inset 0 0 0 1px #fff9,inset 0 0 0 1.5rem #faf9f699;border-radius:2.5rem;padding:2.5rem;position:relative;overflow:hidden;transition:box-shadow var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.surface-panel:hover{box-shadow:0 20px 48px -4px #1a1a180d,0 8px 20px -2px #1a1a1814,inset 0 2px 2px -1px #fff,inset 0 0 0 1px #fff9,inset 0 0 0 1.5rem #faf9f699}.surface-panel:before,.surface-panel:after{content:"";position:absolute;width:8px;height:8px;border:1px solid rgba(26,26,24,.25);pointer-events:none;z-index:2}.surface-panel:before{top:1.5rem;left:1.5rem;border-right:none;border-bottom:none}.surface-panel:after{bottom:1.5rem;right:1.5rem;border-left:none;border-top:none}@media(min-width:768px){.surface-panel{border-radius:3.5rem;padding:4.5rem}}@media(min-width:1024px){.surface-panel{padding:6.5rem}}.hardware-btn{background:linear-gradient(180deg,#2a2a26,#1a1a18);color:var(--color-surface);border-radius:9999px;padding:1rem 2.25rem;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;box-shadow:inset 0 2px 1px #fffff01f,inset 0 0 0 1px #fffff00a,0 8px 16px #1a1a1814,0 2px 4px #1a1a1826;transition:all var(--duration-normal) var(--ease-out)}.hardware-btn:hover{background:linear-gradient(180deg,#33332d,#20201d);box-shadow:inset 0 2px 1px #fffff02e,inset 0 0 0 1px #fffff00f,0 12px 20px #1a1a181f,0 4px 6px #1a1a1826;transform:translateY(-1px)}.hardware-btn:active{background:#141412;box-shadow:inset 0 2px 6px #0006,inset 0 0 0 1px #ffffff05;transform:translateY(1px)}.grid-bg{background-size:32px 32px;background-image:linear-gradient(to right,rgba(26,26,24,.015) 1px,transparent 1px),linear-gradient(to bottom,rgba(26,26,24,.015) 1px,transparent 1px);mask-image:linear-gradient(to bottom,black 40%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 40%,transparent 100%)}.structural-line-v{width:1px;background:linear-gradient(to bottom,transparent,rgba(26,26,24,.03) 20%,rgba(26,26,24,.03) 80%,transparent)}.structural-line-h{height:1px;background:linear-gradient(to right,transparent,rgba(26,26,24,.03) 20%,rgba(26,26,24,.03) 80%,transparent)}.noise-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.font-mono{font-family:var(--font-mono)}.font-serif{font-family:var(--font-serif)}.font-sans{font-family:var(--font-sans)}.text-ink{color:var(--color-ink)}.bg-canvas{background-color:var(--color-canvas)}.mt-4{margin-top:1rem}.mt-12{margin-top:3rem}.mb-4{margin-bottom:1rem}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity 1.5s ease,transform 1.5s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.landing-section{padding-top:1.5rem;padding-bottom:1.5rem}.split-panel{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:1024px){.split-panel{grid-template-columns:7fr 5fr}.split-panel.reverse{grid-template-columns:5fr 7fr}.split-panel.reverse .text-panel{order:2}.split-panel.reverse .visual-panel{order:1}}.text-panel{display:flex;flex-direction:column;justify-content:space-between}.text-panel.justify-center{justify-content:center}.text-panel h2{font-size:2.5rem;margin-bottom:.5rem}@media(min-width:768px){.text-panel h2{font-size:4rem}}.subheading{font-family:var(--font-sans);font-size:1.25rem;font-weight:400;color:#1a1a18cc;margin-bottom:2rem}.visual-panel{background-color:#f2f0ea66;display:flex;flex-direction:column;align-items:center;position:relative;min-height:400px}.visual-panel.flex-center{justify-content:center}.visual-panel.start-center{justify-content:center;padding-left:20%}.combined-panel{display:flex;flex-direction:column;gap:4rem}@media(min-width:1024px){.combined-panel{flex-direction:row;align-items:center}.combined-panel .text-content{flex:1}.combined-panel .visual-content{flex:1;display:flex;justify-content:flex-end;align-items:center}}.combined-panel h2{margin-bottom:.5rem;font-size:3rem}@media(min-width:768px){.combined-panel h2{font-size:4rem}}.center-panel{text-align:center;display:flex;flex-direction:column;align-items:center}.section-label.center{justify-content:center}.center-panel h2{font-size:3rem;margin-bottom:2rem}@media(min-width:768px){.center-panel h2{font-size:5rem}}.max-width-text{max-width:720px}.feature-item{margin-top:2rem}.feature-item h4{font-family:var(--font-sans);font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.text-muted{color:#1a1a1880}.section-label{display:flex;align-items:center;gap:.75rem;margin-bottom:3rem}.section-label .dot{width:6px;height:6px;border-radius:50%;background-color:#1a1a1833}.section-label .text{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.2em;text-transform:uppercase;color:#1a1a1866}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes breathe{0%,to{box-shadow:0 0 4px #10b9814d}50%{box-shadow:0 0 10px #10b98199}}@keyframes drawLine{0%{max-width:0%;max-height:0%}to{max-width:100%;max-height:100%}}.logo{display:flex;align-items:center;gap:.25rem}.logo-icon{height:2.5rem;width:auto;image-rendering:-webkit-optimize-contrast;transform:translateZ(0)}.logo-name{font-family:var(--font-logo);font-size:1.25rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-ink)}.logo-version{font-family:var(--font-sans);font-size:.625rem;color:#1a1a1866;margin-left:.25rem}a.nav-dashboard{background:linear-gradient(180deg,#2a2a26,#1a1a18);color:#faf9f6;border:none;padding:.5rem 1rem;font-size:.6875rem;border-radius:9999px;cursor:pointer;box-shadow:inset 0 0 0 1px #fffff00f,0 4px 10px #1a1a181a;font-family:var(--font-sans);font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition:all var(--duration-normal) var(--ease-out);text-decoration:none;margin-left:1rem}a.nav-dashboard:hover{color:#fff;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #fffff01a,0 6px 16px #1a1a182e}a.nav-dashboard:active{transform:translateY(.5px);box-shadow:inset 0 0 0 1px #fffff00f,0 2px 6px #1a1a181a}