:root{--bg-primary:#faf8f5;--text-primary:#141413;--text-secondary:#57534e;--glass-bg:#ffffffa6;--glass-border:#14141314;--glass-shadow:0 12px 32px -8px #1414130d, 0 2px 6px -1px #14141308;--dock-bg:#faf8f5c7;--blob-1:#ea580c1c;--blob-2:#78716c1f}html.dark{--bg-primary:#0e0e10;--text-primary:#f4f4f6;--text-secondary:#a1a1aa;--glass-bg:#18181c9e;--glass-border:#ffffff14;--glass-shadow:0 16px 40px -10px #00000080, 0 2px 8px -1px #0000004d;--dock-bg:#141418c7;--blob-1:#f973161f;--blob-2:#3f3f462e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;margin:0;padding:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;transition:color .5s;overflow-x:hidden}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}body,.bento-card,.mac-dock,#viewport-wrapper,header,main,section,article{transition:background-color .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),color .3s,box-shadow .4s}.bento-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .28s,background-color .5s}.bento-card:hover{border-color:#ea580c4d;transform:translateY(-2px)}.bg-grain{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)' opacity='0.035'/%3E%3C/svg%3E")}.mac-dock{background:var(--dock-bg);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--glass-border);transition:background-color .5s,border-color .5s;box-shadow:0 20px 50px -12px #00000040}.dock-item{will-change:width, height, transform;transition:width .18s cubic-bezier(.25,1,.5,1),height .18s cubic-bezier(.25,1,.5,1),transform .18s cubic-bezier(.25,1,.5,1)}.dock-item:hover{transform:translateY(-4px)scale(1.12)}.mobile-frame-active #viewport-wrapper{background:var(--bg-primary);border:10px solid #27272a;border-radius:44px;max-width:412px;margin:3.5rem auto 6rem;position:relative;overflow-x:hidden;box-shadow:0 25px 80px -15px #00000073}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#78716c4d;border-radius:9999px}@keyframes flowPulse{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}.animate-flow{stroke-dasharray:6 6;animation:1.2s linear infinite flowPulse}.split-hero-stage{--split-pct:50%;-webkit-user-select:none;user-select:none;touch-action:pan-y;background-color:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:background-color .4s,border-color .4s,box-shadow .4s;position:relative}.split-layer-left{clip-path:polygon(0 0, var(--split-pct) 0, var(--split-pct) 100%, 0 100%);background-color:#fffffff2;transition:clip-path 50ms linear,background-color .4s}.split-divider-line{left:var(--split-pct);transition:left 50ms linear}html.dark .split-layer-left{background-color:#141418f2}.split-layer-right{background-color:#fffffff2;transition:background-color .4s}html.dark .split-layer-right{background-color:#141418f2}.hero-action-btn{color:#44403c;background-color:#f5f5f4;border-color:#d6d3d1;transition:all .2s cubic-bezier(.16,1,.3,1)}.hero-action-btn:hover{color:#fff;background-color:#1c1917;border-color:#1c1917}html.dark .hero-action-btn{color:#d4d4d8;background-color:#27272a;border-color:#3f3f46}html.dark .hero-action-btn:hover{color:#fff;background-color:#3f3f46;border-color:#52525b}.blueprint-grid{background-image:linear-gradient(90deg,#78716c14 1px,#0000 1px),linear-gradient(#78716c14 1px,#0000 1px);background-size:24px 24px}