:root{--color-bg:#faf7f2;--color-bg-alt:#f5efeb;--color-bg-card:#fff;--color-bg-card-hover:#faf7f2;--color-bg-card-elevated:#fff;--color-ink:#1a1816;--color-ink-soft:#5c554e;--color-ink-muted:#8c827a;--color-face:#00d4ff;--color-face-glow:#00d4ff66;--color-eye:#0ef;--color-eye-glow:#00eeffa6;--color-chassis:#2a2f45;--color-chassis-light:#3a4060;--color-chassis-mid:#323756;--color-core:#ff6b9d;--color-core-glow:#ff6b9d99;--color-antenna-ball:#0ef;--color-accent-violet:#8b5cf6;--color-accent-lilac:#c4b5fd;--color-accent-mint:#34d399;--color-accent-peach:#f472b6;--color-accent-butter:#fbbf24;--color-border:#ffffff14;--color-border-medium:#ffffff29;--color-border-strong:#ffffff47;--color-cta:linear-gradient(135deg, #00d4ff 0%, #3b82f6 100%);--color-cta-hover:linear-gradient(135deg, #38bdf8 0%, #60a5fa 100%);--neumo-surface-base:#0b1124;--neumo-surface-raised:linear-gradient(145deg, #121b36f0 0%, #090e1ef5 100%);--neumo-surface-elevated:linear-gradient(145deg, #182448f5 0%, #0b1124f5 100%);--neumo-surface-inset:#070b18;--neumo-surface-inset-gradient:linear-gradient(145deg, #050813 0%, #0a0f22 100%);--neumo-shadow-lvl1:-3px -3px 8px #ffffff09, 4px 4px 10px #000000b3, inset 1px 1px 0 #ffffff14;--neumo-shadow-lvl2:-6px -6px 16px #ffffff0b, 8px 8px 22px #000c, inset 1px 1px 1px #ffffff1f;--neumo-shadow-lvl3:-9px -9px 24px #ffffff0f, 12px 12px 32px #000000e6, 0 0 30px #00d4ff24, inset 1px 1px 1.5px #ffffff29;--neumo-shadow-inset:inset 4px 4px 9px #000000d9, inset -3px -3px 8px #ffffff0a;--neumo-shadow-inset-subtle:inset 2px 2px 6px #000000b3, inset -2px -2px 5px #ffffff09;--neumo-btn-primary:-4px -4px 12px #ffffff24, 5px 5px 16px #000000bf, 0 0 24px #00d4ff59, inset 1px 1px 1.5px #ffffff8c;--neumo-btn-pressed:inset 3px 3px 6px #000000d9, inset -2px -2px 5px #ffffff0f;--glass-bg:linear-gradient(145deg, #121b36e6 0%, #090e1ef0 100%);--glass-bg-elevated:linear-gradient(145deg, #182448f0 0%, #0b1124f5 100%);--glass-bg-subtle:#ffffff09;--glass-blur:blur(24px) saturate(190%);--glass-blur-subtle:blur(14px) saturate(160%);--glass-border:1px solid #ffffff14;--glass-border-specular:1px solid #fff3;--glass-top-highlight:inset 0 1px 1px 0 #fff3;--glass-shadow:var(--neumo-shadow-lvl2);--glass-glow-cyan:0 0 35px #00d4ff40;--glass-glow-violet:0 0 45px #8b5cf638;--font-sora:var(--font-sora), system-ui, -apple-system, sans-serif;--font-character:var(--font-character), "Fredoka", cursive, sans-serif;--font-display:var(--font-sora);--font-body:var(--font-sora);--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.75rem;--text-5xl:3.75rem;--text-hero:clamp(2.5rem, 5.5vw, 4.25rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-2xl:44px;--radius-full:9999px;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 8px 24px #0009;--shadow-lg:0 16px 48px #000000bf;--shadow-xl:0 28px 72px #000000d9;--shadow-glow:0 0 35px #00d4ff59;--shadow-glow-soft:0 0 80px #00d4ff2e;--shadow-core:0 0 20px #ff6b9d99;--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.25, .46, .45, .94);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--dur-fast:.15s;--dur-base:.25s;--dur-slow:.4s;--dur-blink:.1s;--dur-breathe:3.2s;--dur-reveal:.6s;--motion-ease-natural:cubic-bezier(.16, 1, .3, 1);--motion-ease-out:cubic-bezier(0, 0, .2, 1);--motion-ease-in-out:cubic-bezier(.4, 0, .2, 1);--motion-dur-micro:.14s;--motion-dur-hover:.18s;--motion-dur-dropdown:.22s;--motion-dur-page:.28s;--motion-dur-modal:.26s;--motion-distance-sm:4px;--motion-distance-md:10px;--motion-distance-lg:18px;--container-max:1200px;--container-pad:clamp(1.25rem, 5vw, 3rem);--header-h:72px;--piko-scale:1;--piko-head-w:144px;--piko-head-h:110px;--piko-torso-w:100px;--piko-torso-h:74px;--piko-face-w:116px;--piko-face-h:84px;--piko-eye-w:30px;--piko-eye-h:20px;--theme-face:#00d4ff;--theme-eye:#38bdf8;--theme-glow:#38bdf8d9;--theme-antenna:#0ef;--theme-chassis:#fff;--theme-chassis-light:#fff;--theme-chassis-dark:#cbd5e1}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background-color:var(--color-bg);width:100%;font-family:var(--font-sora), sans-serif;overflow-x:hidden}body{font-family:var(--font-sora), sans-serif;font-size:var(--text-base);color:var(--color-ink);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-width:320px;line-height:1.65;position:relative;overflow-x:hidden}button,a,input,select,textarea,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}input[type=email],input[type=text]{font-size:16px!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#060913}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff29;border:2px solid #060913}::-webkit-scrollbar-thumb:hover{background:#00d4ff66}:focus-visible{outline:2px solid var(--color-face);outline-offset:3px;border-radius:var(--radius-sm)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1,h2,h3,h4,.hero-headline,.section-heading,.rhythm-main-heading{font-family:var(--font-sora), sans-serif;letter-spacing:-.025em;color:var(--color-ink);text-wrap:balance;overflow-wrap:break-word;font-weight:750;line-height:1.22}section[id],.section,div[id],[id]{scroll-margin-top:96px}.piko-marker-underline{white-space:nowrap;z-index:1;display:inline-block;position:relative}.piko-marker-underline:after{content:"";opacity:.9;z-index:-1;pointer-events:none;background:#bef264;border-radius:9999px;height:.24em;position:absolute;bottom:.05em;left:-.08em;right:-.08em;transform:rotate(-1deg)}.piko-marker-underline-cyan:after{background:#38bdf8}.piko-marker-underline-pink:after{background:#f472b6}.font-character,.piko-character-speech,.piko-speech-bubble,.piko-smart-bubble,.hero-speech-bubble,.speech-bubble,.emotion-pill-bubble{font-weight:600;font-family:var(--font-character), "Fredoka", cursive, sans-serif!important}a{color:inherit;text-decoration:none}ul{list-style:none}img,svg{display:block}.spatial-bg-canvas{pointer-events:none;z-index:-1;background:radial-gradient(circle at 50% -10%,#101a3e 0%,#060913 70%);position:fixed;inset:0;overflow:hidden}.spatial-orb{filter:blur(100px);opacity:.55;pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.spatial-orb-cyan{background:radial-gradient(circle,#00d4ff47 0%,#00d4ff00 70%);width:650px;height:650px;top:-150px;left:-100px}.spatial-orb-violet{background:radial-gradient(circle,#8b5cf638 0%,#8b5cf600 70%);width:750px;height:750px;top:30%;right:-200px}.spatial-orb-magenta{background:radial-gradient(circle,#ec489929 0%,#ec489900 70%);width:600px;height:600px;bottom:10%;left:15%}.spatial-grid-mesh{background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff09 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 30%,#000000d9 0%,#0000 80%);mask-image:radial-gradient(at 50% 30%,#000000d9 0%,#0000 80%)}.container{width:100%;max-width:var(--container-max);padding:0 var(--container-pad);margin:0 auto}.section{padding:var(--space-24) 0;position:relative}.btn{align-items:center;gap:var(--space-2);font-family:var(--font-body);font-weight:600;font-size:var(--text-base);border-radius:var(--radius-full);cursor:pointer;transition:background var(--dur-base) var(--ease-smooth), transform var(--dur-base) var(--ease-bounce), box-shadow var(--dur-base) var(--ease-smooth), color var(--dur-base) var(--ease-smooth), border-color var(--dur-base) var(--ease-smooth);white-space:nowrap;border:none;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn-sm{padding:9px var(--space-5);font-size:var(--text-sm)}.btn-primary{color:#060913;background:linear-gradient(135deg,#00d4ff 0%,#3b82f6 100%);border:1px solid #fff3;font-weight:700;box-shadow:-4px -4px 12px #ffffff26,5px 5px 16px #000000bf,0 0 25px #00d4ff59,inset 1px 1px 1.5px #ffffff8c}.btn-primary:hover{background:linear-gradient(135deg,#38bdf8 0%,#60a5fa 100%);transform:translateY(-2px);box-shadow:-6px -6px 16px #fff3,8px 8px 22px #000000d9,0 0 35px #00d4ff80,inset 1px 1px 1.5px #ffffffa6}.btn-primary:active{transform:translateY(1px)scale(.985);box-shadow:inset 3px 3px 6px #000000d9,inset -2px -2px 5px #ffffff40}.btn-ghost{-webkit-backdrop-filter:blur(16px);color:#f8fafc;background:linear-gradient(145deg,#162244b3 0%,#0a1024cc 100%);border:1px solid #ffffff1a;box-shadow:-3px -3px 8px #ffffff0a,4px 4px 12px #000000b3,inset 1px 1px 1px #ffffff1a}.btn-ghost:hover{color:#fff;background:linear-gradient(145deg,#1c2a52d9 0%,#0e1630e6 100%);border-color:#00d4ff66;transform:translateY(-2px);box-shadow:-4px -4px 12px #ffffff0f,6px 6px 16px #000c,0 0 20px #00d4ff33,inset 1px 1px 1px #ffffff26}.btn-ghost:active{transform:translateY(1px)scale(.985);box-shadow:inset 3px 3px 6px #000000d9,inset -2px -2px 4px #ffffff0d}.btn-outline{-webkit-backdrop-filter:blur(12px);color:#e2e8f0;padding:var(--space-3) var(--space-6);font-size:var(--text-sm);border-radius:var(--radius-full);background:linear-gradient(145deg,#101a3699 0%,#080e1eb3 100%);border:1px solid #ffffff1f;box-shadow:-3px -3px 8px #ffffff09,4px 4px 10px #000000a6,inset 1px 1px #ffffff14}.btn-outline:hover{border-color:var(--color-face);color:#fff;background:linear-gradient(145deg,#162244bf 0%,#0b1228d9 100%);transform:translateY(-1px);box-shadow:-4px -4px 10px #ffffff0d,6px 6px 14px #000000bf,0 0 16px #00d4ff2e}.btn-outline:active{transform:translateY(1px)scale(.985);box-shadow:inset 3px 3px 5px #000c,inset -1px -1px 3px #ffffff0a}.btn-secondary{-webkit-backdrop-filter:blur(16px);color:#f8fafc;transition:background var(--motion-dur-hover) var(--motion-ease-natural), transform var(--motion-dur-hover) var(--motion-ease-natural), box-shadow var(--motion-dur-hover) var(--motion-ease-natural), color var(--motion-dur-hover) var(--motion-ease-natural), border-color var(--motion-dur-hover) var(--motion-ease-natural);background:linear-gradient(145deg,#162244b3 0%,#0a1024cc 100%);border:1px solid #ffffff1f;box-shadow:-3px -3px 8px #ffffff0a,4px 4px 12px #000000b3,inset 1px 1px 1px #ffffff1a}.btn-secondary:hover{color:#fff;background:linear-gradient(145deg,#1c2a52d9 0%,#0e1630e6 100%);border-color:#00d4ff66;transform:translateY(-2px);box-shadow:-4px -4px 12px #ffffff0f,6px 6px 16px #000c,0 0 20px #00d4ff33,inset 1px 1px 1px #ffffff26}.btn-secondary:active{transform:translateY(1px)scale(.985);box-shadow:inset 3px 3px 6px #000000d9,inset -2px -2px 4px #ffffff0d}.neumo-flat{background:var(--color-bg);box-shadow:none}.neumo-raised-subtle,.neumo-card-subtle{border-radius:var(--radius-lg);box-shadow:var(--neumo-shadow-lvl1);transition:transform var(--dur-base) var(--ease-smooth), box-shadow var(--dur-base) var(--ease-smooth);background:linear-gradient(145deg,#101932e0 0%,#080d1cf0 100%);border:1px solid #ffffff0f;border-top-color:#ffffff26}.neumo-raised,.neumo-card{border-radius:var(--radius-xl);box-shadow:var(--neumo-shadow-lvl2);transition:transform var(--dur-base) var(--ease-smooth), box-shadow var(--dur-base) var(--ease-smooth), border-color var(--dur-base);background:linear-gradient(145deg,#121c38eb 0%,#090e1ef5 100%);border:1px solid #ffffff14;border-top-color:#fff3}.neumo-raised:hover,.neumo-card:hover{border-color:#00d4ff59;transform:translateY(-3px);box-shadow:-8px -8px 22px #ffffff0f,12px 12px 30px #000000e0,inset 1px 1px 1px #ffffff29}.neumo-raised-prominent,.neumo-card-prominent{border-radius:var(--radius-2xl);box-shadow:var(--neumo-shadow-lvl3);transition:transform var(--dur-base) var(--ease-smooth), box-shadow var(--dur-base) var(--ease-smooth), border-color var(--dur-base);background:linear-gradient(145deg,#162246f2 0%,#0a1024f7 100%);border:1px solid #00d4ff4d;border-top-color:#00d4ff8c}.neumo-raised-prominent:hover,.neumo-card-prominent:hover{border-color:#00d4ff80;transform:translateY(-4px);box-shadow:-10px -10px 28px #ffffff14,16px 16px 36px #000000eb,0 0 35px #00d4ff38,inset 1px 1px 2px #ffffff38}.neumo-inset,.neumo-well{border-radius:var(--radius-md);box-shadow:var(--neumo-shadow-inset);background:#070b18e6;border:1px solid #ffffff0d}.neumo-well-subtle{border-radius:var(--radius-sm);box-shadow:var(--neumo-shadow-inset-subtle);background:#070b18a6;border:1px solid #ffffff0a}.neumo-input{border-radius:var(--radius-full);width:100%;font-family:var(--font-body);font-size:var(--text-base);color:#f8fafc;box-shadow:var(--neumo-shadow-inset);transition:border-color var(--dur-fast), box-shadow var(--dur-fast), background var(--dur-fast);background:#060a16e0;border:1px solid #ffffff14;outline:none;padding:12px 18px}.neumo-input::placeholder{color:#94a3b899}.neumo-input:focus{border-color:var(--color-face);background:#070c1af5;box-shadow:inset 4px 4px 10px #000000d9,inset -2px -2px 6px #ffffff0f,0 0 16px #00d4ff40}.neumo-pill{border-radius:var(--radius-full);font-family:var(--font-mono);color:#00d4ff;background:linear-gradient(145deg,#121b36d9 0%,#090e1ee6 100%);border:1px solid #ffffff14;align-items:center;gap:6px;padding:5px 14px;font-size:.75rem;font-weight:600;display:inline-flex;box-shadow:-2px -2px 6px #ffffff09,3px 3px 8px #000000a6,inset 1px 1px #ffffff14}.neumo-pill-inset{border-radius:var(--radius-full);box-shadow:var(--neumo-shadow-inset-subtle);font-family:var(--font-mono);color:#00d4ff;background:#070b18d9;border:1px solid #ffffff0d;align-items:center;gap:6px;padding:5px 14px;font-size:.75rem;font-weight:600;display:inline-flex}.neumo-toggle-track{border-radius:var(--radius-full);box-shadow:var(--neumo-shadow-inset);cursor:pointer;-webkit-user-select:none;user-select:none;background:#060a16e6;border:1px solid #ffffff0f;align-items:center;padding:4px;display:inline-flex}.neumo-toggle-btn{border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-ink-soft);cursor:pointer;background:0 0;border:none;padding:6px 16px;font-weight:600;transition:all .18s}.neumo-toggle-btn.active{color:#fff;background:linear-gradient(145deg,#162244e6 0%,#0b1228f2 100%);box-shadow:-2px -2px 6px #ffffff0d,3px 3px 8px #000000b3,inset 1px 1px #ffffff1f}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.spatial-section-pill{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#00d4ff;margin-bottom:var(--space-4);-webkit-backdrop-filter:blur(12px);background:#00d4ff14;border:1px solid #00d4ff47;padding:6px 16px;font-size:.72rem;display:inline-flex;box-shadow:0 0 20px #00d4ff2e,inset 0 1px #fff3}.spatial-glow-dot{background:#00d4ff;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse-glow-dot;box-shadow:0 0 10px #00d4ff}@keyframes pulse-glow-dot{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 10px #00d4ff}50%{opacity:.45;transform:scale(.8);box-shadow:0 0 4px #00d4ff}}.section-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-face);margin-bottom:var(--space-3);display:inline-block}.section-heading{font-size:clamp(var(--text-3xl), 4vw, var(--text-4xl));margin-top:0;margin-bottom:var(--space-4);color:#f8fafc;max-width:32ch;text-align:inherit;margin-left:auto;margin-right:auto}.section-heading em{color:var(--color-face);text-shadow:0 0 25px #00d4ff59;font-style:normal}.section-body{font-size:var(--text-lg);color:var(--color-ink-soft);max-width:54ch;margin-left:auto;margin-right:auto;margin-bottom:var(--space-10);text-align:inherit;line-height:1.65}.text-cyan{color:#00d4ff!important}.text-mint{color:#34d399!important}.text-butter{color:#fbbf24!important}.site-header{z-index:100;pointer-events:none;transition:transform var(--dur-base) var(--ease-smooth);position:fixed;top:14px;left:0;right:0}.site-header .header-inner{pointer-events:auto;-webkit-backdrop-filter:blur(28px)saturate(190%);border-radius:var(--radius-full);white-space:nowrap;backface-visibility:hidden;max-width:1140px;height:60px;transition:all var(--dur-base) var(--ease-smooth);background:linear-gradient(145deg,#101934e6 0%,#080d1cf0 100%);border:1px solid #ffffff14;border-top-color:#ffffff38;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:0 20px;display:flex;transform:translate(0,0);box-shadow:-4px -4px 12px #ffffff0b,8px 8px 24px #000000d9,inset 1px 1px 1px #ffffff29}.site-header.scrolled .header-inner{-webkit-backdrop-filter:blur(36px)saturate(200%);background:linear-gradient(145deg,#0c1226f5 0%,#060914fa 100%);border-color:#00d4ff73 #ffffff1f #ffffff1f;box-shadow:-6px -6px 16px #ffffff0d,10px 10px 28px #000000eb,0 0 25px #00d4ff1f,inset 1px 1px 1px #ffffff38}.logo{align-items:center;gap:var(--space-3);white-space:nowrap;flex-shrink:0;text-decoration:none;display:flex}.logo-mark{filter:drop-shadow(0 0 10px #00d4ff66);justify-content:center;align-items:center;display:flex}.logo-text{font-family:var(--font-display);font-size:var(--text-xl);color:#fff;letter-spacing:.06em;text-shadow:0 0 20px #00d4ff4d;font-weight:700}.main-nav{white-space:nowrap;flex-shrink:0;justify-content:center;display:flex}.main-nav ul{white-space:nowrap;align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.main-nav a{color:var(--color-ink-soft);border-radius:var(--radius-full);white-space:nowrap;padding:7px 14px;font-size:13.5px;font-weight:550;line-height:1;text-decoration:none;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-block}.main-nav a:hover{color:#fff;background:linear-gradient(145deg,#162244b3 0%,#0a1024cc 100%);box-shadow:-2px -2px 6px #ffffff0a,3px 3px 8px #000000a6,inset 1px 1px #ffffff14}.main-nav a.active{color:#00d4ff;background:#00d4ff1f;border:1px solid #00d4ff59;font-weight:600;box-shadow:0 0 14px #00d4ff38,inset 1px 1px 1px #ffffff1f}.header-cta{white-space:nowrap;flex-shrink:0}.nav-toggle{cursor:pointer;padding:var(--space-2);border-radius:var(--radius-full);transition:all var(--dur-fast);background:#ffffff0f;border:1px solid #ffffff1f;margin-left:auto;display:none}.nav-toggle:hover{border-color:var(--color-face);background:#ffffff1f}.hamburger{flex-direction:column;gap:5px;width:22px;display:flex}.hamburger span{border-radius:var(--radius-full);height:2px;transition:transform var(--dur-base) var(--ease-smooth), opacity var(--dur-base) var(--ease-smooth), width var(--dur-base) var(--ease-smooth);background:#f8fafc;display:block}.mobile-menu{-webkit-backdrop-filter:blur(36px)saturate(200%);z-index:250;width:min(85vw,360px);transition:transform var(--dur-slow) var(--ease-smooth);pointer-events:auto;background:#080c1cf2;border-left:1px solid #ffffff24;flex-direction:column;padding:32px 24px 40px;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-20px 0 60px #000000d9}.mobile-menu.open{transform:translate(0)}.mobile-close{color:#fff;cursor:pointer;width:42px;height:42px;transition:all var(--dur-fast);background:#ffffff14;border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px}.mobile-close:hover{border-color:var(--color-face);background:#ffffff29;transform:scale(1.05)}.mobile-menu nav{flex:1;margin-top:50px}.mobile-menu ul{gap:var(--space-4);flex-direction:column;display:flex}.mobile-link{font-family:var(--font-display);font-size:var(--text-xl);color:#f8fafc;border-radius:var(--radius-md);transition:all var(--dur-fast);border-bottom:1px solid #ffffff0f;padding:12px 14px;font-weight:600;display:block}.mobile-link:hover{color:var(--color-face);background:#00d4ff14;padding-left:18px}.mobile-link.active{color:var(--color-face);border-left:3px solid var(--color-face);background:#00d4ff24;padding-left:18px}.mobile-cta{margin-top:var(--space-4);text-align:center;border-radius:var(--radius-full);border-bottom:none;font-weight:700;box-shadow:0 4px 20px #00d4ff66;color:#060913!important;background:linear-gradient(135deg,#00d4ff 0%,#3b82f6 100%)!important;padding:14px 20px!important}.mobile-overlay{-webkit-backdrop-filter:blur(8px);z-index:220;opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-smooth);background:#04060ebf;position:fixed;inset:0}.mobile-overlay.open{opacity:1;pointer-events:auto}.hero{min-height:100dvh;padding-top:calc(var(--header-h) + 24px);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.hero-bg-shapes{pointer-events:none;z-index:0;position:absolute;inset:0}.shape{filter:blur(90px);opacity:.4;border-radius:50%;position:absolute}.shape-1{background:radial-gradient(circle,#00d4ff4d 0%,#0000 70%);width:600px;height:600px;top:-100px;right:-100px}.shape-2{background:radial-gradient(circle,#8b5cf640 0%,#0000 70%);width:450px;height:450px;bottom:80px;left:-80px}.shape-3{background:radial-gradient(circle,#ec489933 0%,#0000 70%);width:350px;height:350px;top:50%;right:30%;transform:translateY(-50%)}.hero-stars{position:absolute;inset:0}.hero-inner{gap:var(--space-16);z-index:1;padding-top:var(--space-12);padding-bottom:var(--space-12);grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.hero-badge{align-items:center;gap:var(--space-2);color:var(--color-face);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;border-radius:var(--radius-full);margin-bottom:var(--space-5);-webkit-backdrop-filter:blur(12px);background:#00d4ff14;border:1px solid #00d4ff47;padding:6px 14px;display:inline-flex;box-shadow:0 0 20px #00d4ff2e,inset 0 1px #fff3}.badge-dot{background:var(--color-face);width:6px;height:6px;box-shadow:0 0 8px var(--color-face);border-radius:50%;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.hero-headline{font-size:var(--text-hero);margin-bottom:var(--space-6);color:#fff;text-shadow:0 4px 30px #0009;font-weight:700;line-height:1.05}.hero-body{font-size:var(--text-lg);color:var(--color-ink-soft);margin-bottom:var(--space-8);max-width:44ch;line-height:1.65}.hero-actions{gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.hero-meta{align-items:center;gap:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-soft);letter-spacing:.06em;flex-wrap:wrap;display:flex}.meta-badge{border-radius:var(--radius-full);color:var(--color-ink-soft);transition:all var(--dur-fast);background:#ffffff0d;border:1px solid #ffffff1f;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.meta-badge:hover{color:#00d4ff;background:#00d4ff14;border-color:#00d4ff4d}.hero-stage{justify-content:center;align-items:center;width:100%;display:flex}.stage-scene{justify-content:center;align-items:center;width:380px;height:420px;display:flex;position:relative}.desktop-window{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(28px)saturate(190%);background:#0e162e99;border:1px solid #ffffff24;border-top-color:#ffffff52;width:330px;height:230px;margin:0 auto;position:absolute;top:12px;left:0;right:0;overflow:hidden;box-shadow:0 30px 60px -15px #000000d9,inset 0 1px 1px #ffffff40,0 0 40px #00d4ff1f}.window-bar{background:#0a1020d9;border-bottom:1px solid #ffffff14;align-items:center;gap:6px;height:32px;padding:0 14px;display:flex}.win-dot{background:#fff3;border-radius:50%;width:10px;height:10px}.win-dot-y{background:#fbbf24;box-shadow:0 0 6px #fbbf2480}.win-dot-g{background:#34d399;box-shadow:0 0 6px #34d39980}.window-content{flex-direction:column;gap:10px;padding:18px;display:flex}.window-line{border-radius:var(--radius-full);background:#ffffff0f;height:8px}.window-line.short{width:55%}.stage-chip{align-items:center;gap:var(--space-2);-webkit-backdrop-filter:blur(24px)saturate(180%);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);color:#f8fafc;white-space:nowrap;background:#0e162ebf;border:1px solid #ffffff24;border-top-color:#ffffff4d;padding:8px 16px;display:flex;position:absolute;box-shadow:0 16px 36px #000000a6,inset 0 1px #fff3,0 0 20px #00d4ff1f}.chip-top{top:25px;right:-10px}.chip-bottom{bottom:40px;left:-10px}.chip-icon{color:var(--color-face);font-size:11px}.chip-pulse{background:var(--color-accent-mint);width:6px;height:6px;box-shadow:0 0 8px var(--color-accent-mint);border-radius:50%}.stage-particles{display:none}.hero-scroll-hint{bottom:var(--space-8);z-index:1;position:absolute;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(to bottom, var(--color-face), transparent);width:2px;height:48px;box-shadow:0 0 10px var(--color-face);margin:0 auto;animation:2.5s ease-in-out infinite scroll-hint}@keyframes scroll-hint{0%{transform-origin:top;opacity:0;transform:scaleY(0)}30%{transform-origin:top;opacity:1;transform:scaleY(1)}70%{transform-origin:bottom;opacity:1;transform:scaleY(1)}to{transform-origin:bottom;opacity:0;transform:scaleY(0)}}.piko-character{cursor:pointer;-webkit-user-select:none;user-select:none;animation:breathe var(--dur-breathe) ease-in-out infinite;transform-origin:bottom;outline:none;flex-direction:column;align-items:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative}.piko-character.size-compact,.piko-character.size-small{transform:scale(.82)}.piko-character.size-default,.piko-character.size-medium{transform:scale(1)}.piko-character.size-large{transform:scale(1.18)}.piko-character.size-giant{transform:scale(1.36)}.piko-character.bodypose-sitting-dangling .piko-body-wrap{transform:translateY(6px)}.piko-character.bodypose-sitting-dangling .piko-torso{border-radius:26px 26px 42px 42px}.piko-character.bodypose-sitting-dangling .piko-feet{gap:12px;margin-top:-2px}.piko-character.bodypose-sitting-dangling .foot-left{transform-origin:top;border-radius:8px 8px 12px 12px;height:22px;animation:3.2s ease-in-out infinite alternate leg-dangle-left}.piko-character.bodypose-sitting-dangling .foot-right{transform-origin:top;border-radius:8px 8px 12px 12px;height:22px;animation:3.6s ease-in-out infinite alternate leg-dangle-right}@keyframes leg-dangle-left{0%{transform:translateY(4px)rotate(4deg)}50%{transform:translateY(5px)rotate(-6deg)}to{transform:translateY(4px)rotate(4deg)}}@keyframes leg-dangle-right{0%{transform:translateY(5px)rotate(-5deg)}50%{transform:translateY(4px)rotate(5deg)}to{transform:translateY(5px)rotate(-5deg)}}.piko-character.bodypose-sitting-dangling .piko-shadow{opacity:.15;transform:scaleX(.7)translateY(8px)}.piko-character.bodypose-perching-corner .piko-body-wrap{transform:rotate(-3deg)translateY(2px)}.piko-character.bodypose-perching-corner .foot-left{transform:translateY(-2px)}.piko-character.bodypose-perching-corner .foot-right{transform:translateY(2px)}.piko-character.bodypose-leaning-edge .piko-body-wrap{transform:rotate(8deg)translate(-4px)}.piko-character.bodypose-leaning-edge .arm-left{transform:rotate(-22deg)}.piko-character.bodypose-standing-edge .piko-body-wrap{transform:translateY(-1px)}.piko-character.bodypose-pendulum-swing .piko-body-wrap{transform-origin:bottom;animation:2.2s ease-in-out infinite alternate piko-pendulum-swing!important}.piko-character.bodypose-pendulum-swing .arm-left{transform:rotate(-24deg)translateY(-2px)!important}.piko-character.bodypose-pendulum-swing .arm-right{transform:rotate(24deg)translateY(-2px)!important}@keyframes piko-pendulum-swing{0%{transform:translate(-16px)rotate(-12deg)}to{transform:translate(16px)rotate(12deg)}}@keyframes piko-hero-swing{0%{transform:translate(0)rotate(0)}14%{transform:translate(52px)rotate(22deg)}32%{transform:translate(-44px)rotate(-18deg)}50%{transform:translate(28px)rotate(11deg)}68%{transform:translate(-16px)rotate(-6deg)}84%{transform:translate(7px)rotate(2.5deg)}to{transform:translate(0)rotate(0)}}@keyframes piko-bubble-pop{0%{opacity:0;transform:translate(-50%)translateY(8px)scale(.85)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.piko-character:focus-visible{outline:2px solid var(--color-face);outline-offset:8px;border-radius:var(--radius-lg)}.piko-shadow{width:80px;height:12px;animation:breathe-shadow var(--dur-breathe) ease-in-out infinite;background:radial-gradient(#16213e33 0%,#0000 70%);border-radius:50%;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.piko-body-wrap{flex-direction:column;align-items:center;gap:0;display:flex}.piko-head{width:var(--piko-head-w);height:var(--piko-head-h);z-index:2;background:linear-gradient(175deg,#fff 0%,#f8fafc 50%,#e2e8f0 100%);border-radius:48px 48px 42px 42px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 16px 32px -6px #0f172a47,0 6px 14px -2px #0f172a29,inset 0 3px 5px #fff,inset 0 -4px 6px #94a3b859}.piko-head:before{content:"";pointer-events:none;z-index:3;background:#94a3b873;border-radius:50%;height:2px;position:absolute;top:9px;left:22px;right:22px;box-shadow:0 1px 1px #ffffffe6}.piko-ear{z-index:1;background:linear-gradient(#2e384d 0%,#151d2c 100%);border:1px solid #ffffff1f;justify-content:center;align-items:center;width:22px;height:52px;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 6px 14px #00000061,inset 0 1px 2px #ffffff40,inset 0 -2px 4px #0000008c}.ear-left{border-radius:14px 6px 6px 14px;left:-13px}.ear-right{border-radius:6px 14px 14px 6px;right:-13px}.piko-ear .ear-glow{background:var(--theme-eye,#00d4ff);width:9px;height:26px;box-shadow:0 0 12px var(--theme-glow,#00d4fff2), 0 0 24px var(--theme-glow,#00d4ffb3), inset 0 0 4px #ffffffd9;border-radius:6px;animation:2.5s ease-in-out infinite ear-pulse}@keyframes ear-pulse{0%,to{opacity:.95;transform:scale(1)}50%{opacity:1;box-shadow:0 0 16px var(--theme-glow,#00d4ff), 0 0 28px var(--theme-glow,#00d4ffd9);transform:scale(1.06)}}.piko-antenna{display:none!important}.piko-face-screen{width:var(--piko-face-w);height:var(--piko-face-h);background:radial-gradient(at 50% 28%,#162035 0%,#0c1220 58%,#050811 100%);border:1px solid #ffffff14;border-radius:32px 32px 26px 26px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 4px 10px #000000f2,inset 0 0 2px #ffffff2e,0 2px 6px #00000047}.face-glare{pointer-events:none;z-index:2;background:linear-gradient(#ffffff4d 0%,#ffffff0f 55%,#0000 100%);border-radius:30px 30px 45px 45px/30px 30px 22px 22px;height:50%;position:absolute;top:0;left:0;right:0}.face-glare:after{content:"";background:radial-gradient(#ffffff80 0%,#fff0 72%);border-radius:50%;width:38px;height:11px;position:absolute;top:3px;right:12px;transform:rotate(-8deg)}.piko-eyes{z-index:1;align-items:center;gap:20px;display:flex;position:relative}.piko-eye{width:var(--piko-eye-w);height:var(--piko-eye-h);background:var(--theme-eye,#38bdf8);box-shadow:0 0 18px var(--theme-glow,#38bdf8), 0 0 36px var(--theme-glow,#38bdf8a6), 0 0 60px var(--theme-glow,#38bdf84d), 0 0 4px #fff, inset 0 -2px 3px #008cdc80, inset 0 2px 3px #ffffffd9;will-change:height, width, border-radius, transform;transform-origin:50%;border-radius:15px 15px 3px 3px;position:relative;transition:height .38s cubic-bezier(.34,1.56,.64,1),width .38s cubic-bezier(.34,1.56,.64,1),border-radius .38s cubic-bezier(.34,1.56,.64,1),transform .38s cubic-bezier(.34,1.56,.64,1),box-shadow .38s,opacity .2s!important}.piko-eye.blinking{border-radius:3px!important;height:3.5px!important}.piko-eye.squint{border-radius:12px 12px 3px 3px;height:10px;transform:scaleY(.8)}.piko-eye.happy-curve{border-top:4px solid var(--theme-eye,#38bdf8);height:12px;box-shadow:0 -2px 14px var(--theme-glow,#38bdf8e6);border-radius:50% 50% 0 0;background:0 0!important}.piko-eye.wide{border-radius:15px 15px 4px 4px;width:30px;height:24px;transform:scale(1.1)}.piko-eye.half{opacity:.8;border-radius:3px 3px 9px 9px;height:9px;transform:translateY(4px)}.piko-eye.wink{box-shadow:0 0 12px var(--theme-glow,#38bdf8f2);transform:translateY(5px);border-radius:4px!important;height:4px!important}.piko-mouth-area{z-index:2;justify-content:center;align-items:center;height:14px;margin-top:5px;display:flex;position:relative}.piko-mouth-morph{width:28px;height:14px;color:var(--theme-eye,#38bdf8);filter:drop-shadow(0 0 6px var(--theme-glow,#38bdf8f2)) drop-shadow(0 0 12px var(--theme-glow,#38bdf880));position:relative}.morph-mouth-elem{opacity:0;transform-origin:16px 8px;pointer-events:none;transition:opacity .38s cubic-bezier(.34,1.56,.64,1),transform .38s cubic-bezier(.34,1.56,.64,1);transform:scale(.65)}.morph-mouth-elem.is-active{opacity:1;transform:scale(1)}.piko-mouth-svg{width:26px;height:13px;color:var(--theme-eye,#38bdf8);filter:drop-shadow(0 0 6px var(--theme-glow,#38bdf8f2)) drop-shadow(0 0 12px var(--theme-glow,#38bdf880));transition:color var(--dur-fast), filter var(--dur-fast), transform var(--dur-fast)}.demo-piko .piko-mouth-svg{width:30px;height:15px}.piko-cheeks{pointer-events:none;z-index:1;justify-content:space-between;display:flex;position:absolute;top:50%;left:18px;right:18px}.demo-piko .piko-cheeks{top:52%;left:22px;right:22px}.piko-blush{opacity:.65;background:#ff78b473;border-radius:50%;width:9px;height:5px;transition:all .3s;box-shadow:0 0 6px #ff78b499}.piko-character.happy .piko-blush{opacity:.85}.piko-character.excited .piko-blush{opacity:1;transform:scale(1.25);box-shadow:0 0 10px #ff69b4d9}.piko-character.sleepy .piko-blush{opacity:.25}.piko-character.curious .piko-blush{opacity:.5}.piko-character.wink .piko-blush,.piko-character.cheeky .piko-blush{opacity:.9}.piko-eye.angry-left{transform:rotate(18deg)scaleY(.85);border-radius:18px 4px 5px 8px!important}.piko-eye.angry-right{transform:rotate(-18deg)scaleY(.85);border-radius:4px 18px 8px 5px!important}.piko-character.angry .piko-eye{background:#ff5722!important;box-shadow:0 0 18px #ff5722,0 0 34px #ff5722bf,0 0 45px #ff980073,0 0 4px #fff,inset 0 -2px 3px #b4280a99,inset 0 2px 3px #ffffffd9!important}.piko-character.angry .ear-glow{background:#ff5722!important;box-shadow:0 0 14px #ff5722,0 0 28px #ff9800d9,inset 0 0 4px #ffffffd9!important}.piko-character.angry .bolt-icon{filter:drop-shadow(0 0 8px #ff5722)drop-shadow(0 0 16px #ff3200d9)}.piko-character.angry .piko-blush{opacity:1!important;background:#ff4614bf!important;box-shadow:0 0 8px #ff4614e6!important}.piko-character.angry .piko-mouth-svg{color:#ff5722!important;filter:drop-shadow(0 0 8px #ff5722)drop-shadow(0 0 16px #ff9800d9)!important}.piko-character.angry .arm-left{transform:rotate(-25deg)}.piko-character.angry .arm-right{transform:rotate(25deg)}.piko-flames{pointer-events:none;z-index:4;position:absolute;inset:0}.cute-flame{filter:drop-shadow(0 0 12px #ff5722f2)drop-shadow(0 0 24px #ff9800a6);width:40px;height:58px;position:absolute}.demo-piko .cute-flame{width:48px;height:68px}.cute-flame.flame-left{transform-origin:bottom;animation:.7s ease-in-out infinite alternate flame-dance-left;top:24px;left:-34px}.cute-flame.flame-right{transform-origin:bottom;animation:.75s ease-in-out infinite alternate flame-dance-right;top:24px;right:-34px}.flame-svg{width:100%;height:100%;overflow:visible}@keyframes flame-dance-left{0%{transform:scale(.92)rotate(-8deg)}50%{transform:scale(1.1)rotate(4deg)translateY(-4px)}to{transform:scale(.98)rotate(-3deg)}}@keyframes flame-dance-right{0%{transform:scale(1)rotate(6deg)}50%{transform:scale(1.12)rotate(-5deg)translateY(-4px)}to{transform:scale(.94)rotate(4deg)}}.flame-spark{background:#ffd54f;border-radius:50%;width:4px;height:4px;position:absolute;box-shadow:0 0 6px #ffa000}.spark-1{animation:1.2s ease-out infinite spark-float;bottom:25%;left:20%}.spark-2{animation:1s ease-out .45s infinite spark-float;bottom:18%;right:25%}@keyframes spark-float{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-28px)scale(.2)}}.demo-character-wrap{position:relative}.demo-fire-option{margin-top:var(--space-3);z-index:10;justify-content:center;animation:2.4s ease-in-out infinite float-option;display:flex}@keyframes float-option{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.fire-option-chip{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ff572238 0%,#ff980029 100%);border:1.5px solid #ff6b00a6;border-radius:999px;align-items:center;gap:10px;padding:8px 16px;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex;box-shadow:0 8px 24px #ff572259,0 0 16px #ff980040,inset 0 1px 2px #ffffff40}.fire-option-chip:hover{border-color:#ff6b00f2;transform:scale(1.06);box-shadow:0 10px 28px #ff572280,0 0 24px #ff980066}.fire-chip-icon{filter:drop-shadow(0 0 8px #ff5722);font-size:20px;animation:1.2s ease-in-out infinite alternate fire-pulse}@keyframes fire-pulse{0%{transform:scale(.95)}to{transform:scale(1.15)rotate(4deg)}}.fire-chip-body{text-align:left;flex-direction:column;line-height:1.15;display:flex}.fire-chip-title{color:#ffd54f;letter-spacing:.02em;text-shadow:0 0 8px #ff980099;font-size:13px;font-weight:700}.fire-chip-badge{color:#ff5722;letter-spacing:.08em;background:#ff572240;border-radius:4px;margin-top:2px;padding:1px 5px;font-size:9px;font-weight:800;display:inline-block}.fire-chip-flare{font-size:13px;animation:2s linear infinite flare-spin}@keyframes flare-spin{0%{transform:rotate(0)scale(.9)}50%{transform:rotate(180deg)scale(1.2)}to{transform:rotate(360deg)scale(.9)}}.piko-torso{width:var(--piko-torso-w);height:var(--piko-torso-h);z-index:1;background:linear-gradient(175deg,#fff 0%,#f8fafc 55%,#e2e8f0 100%);border-radius:26px 26px 36px 36px;justify-content:center;align-items:center;margin-top:3px;display:flex;position:relative;box-shadow:0 10px 24px -4px #0f172a38,0 4px 8px -2px #0f172a1f,inset 0 2px 4px #fff,inset 0 -3px 6px #94a3b859}.piko-arm{width:20px;height:44px;transition:transform var(--dur-slow) var(--ease-bounce);background:linear-gradient(170deg,#fff 0%,#e2e8f0 100%);border-radius:12px;position:absolute;top:8px;box-shadow:0 6px 12px -2px #0f172a2e,inset 0 1px 2px #fff,inset 0 -2px 4px #94a3b84d}.arm-left{transform-origin:top;left:-14px;transform:rotate(14deg)}.arm-right{transform-origin:top;right:-14px;transform:rotate(-14deg)}.piko-character.excited .arm-left{transform:rotate(-35deg)}.piko-character.excited .arm-right{transform:rotate(35deg)}.piko-character.wink .arm-right{transform:rotate(-25deg)}.piko-character.curious .arm-left{transform:rotate(-15deg)}.piko-chest-core{background:#182030;border:1.5px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative;box-shadow:inset 0 2px 4px #0009,0 2px 6px #0003}.bolt-icon{filter:drop-shadow(0 0 5px #ffa826cc)drop-shadow(0 0 10px #ff482080);width:15px;height:15px;animation:2.5s ease-in-out infinite bolt-glow}@keyframes bolt-glow{0%,to{filter:drop-shadow(0 0 4px #ffa826b3)drop-shadow(0 0 8px #ff482066);transform:scale(1)}50%{filter:drop-shadow(0 0 7px #ffa826f2)drop-shadow(0 0 14px #ff4820a6);transform:scale(1.06)}}.piko-feet{z-index:0;gap:14px;margin-top:-2px;display:flex}.piko-foot{background:#0f172a;border-radius:0 0 10px 10px;width:24px;height:12px;box-shadow:inset 0 -2px 3px #00000080}.piko-character,.piko-body-wrap,.interactive-piko-anchor,.hero-companion-stage,.hero-pedestal-card,.stage-chip,.desktop-window,.why-card,.theme-card,.neumo-card,.full-virtual-screen,.screen-wallpaper{backface-visibility:hidden;perspective:1000px;will-change:transform;transform:translate(0,0)}@keyframes breathe{0%,to{transform:translate(0,0)scaleY(1)}50%{transform:translateY(-4px)scaleY(1.01)}}@keyframes breathe-shadow{0%,to{opacity:.6;transform:translate(-50%)scaleX(1)}50%{opacity:.4;transform:translate(-50%)scaleX(.85)}}.piko-character:hover .piko-body-wrap{filter:drop-shadow(0 0 12px #00d4ff33)}.piko-character.reacting{animation:react-bounce .5s var(--ease-bounce) forwards}@keyframes react-bounce{0%{transform:translate(0,0)scale(1)}30%{transform:translateY(-8px)scale(1.08)}60%{transform:translate(0,0)scale(.97)}80%{transform:translateY(-2px)scale(1.02)}to{transform:translate(0,0)scale(1)}}.piko-character.excited{animation:.6s ease-in-out dance-excited}@keyframes dance-excited{0%,to{transform:translate(0,0)rotate(0)}25%{transform:translateY(-10px)rotate(-3deg)}75%{transform:translateY(-6px)rotate(3deg)}}.piko-character.sleepy{animation:4s ease-in-out infinite sleepy-drift}@keyframes sleepy-drift{0%,to{transform:translate(0,0)rotate(-2deg)}50%{transform:translateY(3px)rotate(2deg)}}.demo-section{background:0 0}.demo-stage-wrap{gap:var(--space-16);margin-top:var(--space-12);-webkit-backdrop-filter:blur(28px)saturate(190%);border-radius:var(--radius-2xl);box-shadow:var(--glass-shadow);background:#0d142a94;border:1px solid #ffffff1a;border-top-color:#ffffff47;grid-template-columns:1fr 1fr;align-items:center;padding:clamp(2rem,5vw,4rem);display:grid;position:relative;overflow:hidden}.demo-character-wrap{align-items:center;gap:var(--space-5);flex-direction:column;display:flex;position:relative}.demo-piko{--piko-scale:1.25;--piko-head-w:172px;--piko-head-h:130px;--piko-torso-w:120px;--piko-torso-h:88px;--piko-face-w:138px;--piko-face-h:100px;--piko-eye-w:32px;--piko-eye-h:21px}.demo-piko .piko-ear{width:26px;height:58px;top:32px}.demo-piko .ear-left{left:-14px}.demo-piko .ear-right{right:-14px}.demo-piko .piko-ear .ear-glow{width:11px;height:30px}.demo-piko .piko-chest-core{width:38px;height:38px}.demo-piko .bolt-icon{width:18px;height:18px}.demo-mood-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-face);border-radius:var(--radius-full);transition:all var(--dur-base) var(--ease-smooth);background:#00d4ff14;border:1px solid #00d4ff40;padding:8px 18px;box-shadow:0 0 20px #00d4ff26,inset 0 1px #ffffff26}.demo-controls{gap:var(--space-3);flex-direction:column;display:flex}.mood-chip{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink);transition:background var(--dur-base) var(--ease-smooth), border-color var(--dur-base) var(--ease-smooth), transform var(--dur-base) var(--ease-bounce), box-shadow var(--dur-base) var(--ease-smooth);text-align:left;background:#ffffff09;border:1px solid #ffffff17;border-top-color:#ffffff2e;font-weight:500;display:flex;box-shadow:0 4px 12px #0006}.mood-chip:hover{background:#00d4ff12;border-color:#00d4ff73;transform:translate(4px);box-shadow:0 0 25px #00d4ff33,0 8px 20px #00000080}.mood-chip.active,.mood-chip[aria-pressed=true]{border-color:var(--color-face);color:#fff;background:#00d4ff1f;box-shadow:0 0 30px #00d4ff4d,inset 0 1px 1px #ffffff59}.mood-icon{font-size:1.25rem}.diff-section{background:0 0}.spatial-diff-bento{gap:var(--space-6);margin-top:var(--space-12);flex-direction:column;display:flex}.diff-bento-hero{-webkit-backdrop-filter:blur(28px)saturate(190%);border-radius:var(--radius-2xl);box-shadow:var(--glass-shadow);background:#0d142a9e;border:1px solid #ffffff1a;border-top-color:#ffffff4d;padding:clamp(1.75rem,4vw,3rem);position:relative;overflow:hidden}.bento-card-glass-sheen{pointer-events:none;background:linear-gradient(135deg,#ffffff14 0%,#ffffff03 45%,#0000 100%);position:absolute;inset:0}.diff-columns-wrap{gap:var(--space-8);z-index:1;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:relative}.diff-side{gap:var(--space-6);padding:var(--space-6);border-radius:var(--radius-xl);flex-direction:column;display:flex}.diff-side-traditional{background:#ffffff05;border:1px solid #ffffff0f}.diff-side-piko{background:linear-gradient(160deg,#00d4ff14 0%,#8b5cf60a 100%);border:1px solid #00d4ff4d;box-shadow:0 0 35px #00d4ff26,inset 0 1px 1px #ffffff40}.diff-side-header{gap:var(--space-2);flex-direction:column;display:flex}.diff-badge-muted{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-muted);width:fit-content}.diff-badge-piko{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:#00d4ff;width:fit-content;display:inline-flex}.piko-star-icon{color:#00d4ff;animation:2s ease-in-out infinite pulse-glow-dot}.diff-side-sub{font-family:var(--font-display);font-size:var(--text-xl);color:#fff;font-weight:600}.diff-list{gap:var(--space-4);flex-direction:column;display:flex}.diff-list li{align-items:center;gap:var(--space-3);font-size:var(--text-base);color:var(--color-ink-soft);line-height:1.45;display:flex}.diff-bullet{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:inline-flex}.diff-bullet-x{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.diff-bullet-check{color:#34d399;background:#34d3992e;border:1px solid #34d39966;box-shadow:0 0 10px #34d39940}.diff-spatial-divider{justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;height:100%;display:flex}.divider-glow-line{background:linear-gradient(#0000,#00d4ff80,#0000);width:1.5px;height:80px}.divider-pill{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-face);border-radius:var(--radius-full);background:#0a1020e6;border:1px solid #00d4ff59;padding:6px 14px;font-weight:700;box-shadow:0 0 20px #00d4ff40}.diff-stats-bento{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.bento-stat-tile{border-radius:var(--radius-xl);padding:var(--space-8);transition:transform var(--dur-base) var(--ease-bounce), box-shadow var(--dur-base) var(--ease-smooth), border-color var(--dur-base);background:linear-gradient(145deg,#121b36e6 0%,#090e1ef2 100%);border:1px solid #ffffff14;border-top-color:#ffffff2e;position:relative;overflow:hidden;box-shadow:-5px -5px 14px #ffffff0a,7px 7px 20px #000000bf,inset 1px 1px 1px #ffffff1a}.bento-stat-tile:hover{border-color:#00d4ff66;transform:translateY(-4px);box-shadow:-7px -7px 18px #ffffff0e,10px 10px 26px #000000d9,0 0 25px #00d4ff26,inset 1px 1px 1px #ffffff29}.stat-hero-number{font-family:var(--font-display);background:linear-gradient(135deg,#00d4ff 0%,#a78bfa 100%);-webkit-text-fill-color:transparent;margin-bottom:var(--space-2);-webkit-background-clip:text;font-size:clamp(2.75rem,4.5vw,3.75rem);font-weight:700;line-height:1}.stat-unit{background:linear-gradient(135deg,#38bdf8 0%,#c4b5fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-left:2px;font-size:.55em}.stat-title{font-size:var(--text-lg);color:#fff;margin-bottom:var(--space-2);font-weight:600}.stat-desc{font-size:var(--text-sm);color:var(--color-ink-soft);line-height:1.55}.moments-section{background:0 0}.spatial-bento-grid{gap:var(--space-6);margin-top:var(--space-12);grid-template-columns:repeat(3,1fr);display:grid}.bento-card{border-radius:var(--radius-2xl);padding:var(--space-8);gap:var(--space-4);transition:transform var(--dur-slow) var(--ease-smooth), box-shadow var(--dur-slow) var(--ease-smooth), border-color var(--dur-base);background:linear-gradient(145deg,#121c38eb 0%,#090e1ef5 100%);border:1px solid #ffffff14;border-top-color:#fff3;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:-6px -6px 16px #ffffff0b,8px 8px 24px #000c,inset 1px 1px 1px #ffffff1f}.bento-card:hover{border-color:#00d4ff59;transform:translateY(-4px);box-shadow:-8px -8px 22px #ffffff0f,12px 12px 30px #000000e0,0 0 30px #00d4ff26,inset 1px 1px 1px #ffffff2e}.bento-card-header{justify-content:space-between;align-items:center;gap:var(--space-4);z-index:1;display:flex;position:relative}.bento-badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#00d4ff;background:#060a16d9;border:1px solid #00d4ff40;padding:5px 12px;font-size:.72rem;display:inline-flex;box-shadow:inset 2px 2px 5px #000000bf,inset -1px -1px 3px #ffffff0d}.bento-badge.badge-accent{color:#c4b5fd;background:#8b5cf61f;border-color:#8b5cf659}.bento-badge.badge-green{color:#34d399;background:#34d3991f;border-color:#34d39959}.bento-badge.badge-purple{color:#e879f9;background:#c084fc1f;border-color:#c084fc59}.bento-badge.badge-cyan{color:#38bdf8;background:#38bdf81f;border-color:#38bdf859}.badge-live-pulse{background:#00d4ff;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse-glow-dot;box-shadow:0 0 10px #00d4ff}.bento-card-corner-tag{font-family:var(--font-mono);letter-spacing:.12em;color:var(--color-ink-muted);font-size:.72rem}.bento-title{font-size:var(--text-2xl);color:#fff;margin-top:var(--space-2);font-weight:700;line-height:1.2}.bento-desc{font-size:var(--text-base);color:var(--color-ink-soft);line-height:1.6}.bento-card-hero{grid-column:span 2}.bento-hero-content{gap:var(--space-8);z-index:1;grid-template-columns:1.3fr 1fr;align-items:center;display:grid;position:relative}.bento-telemetry-strip{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.telemetry-pill{border-radius:var(--radius-md);background:#ffffff0a;border:1px solid #ffffff14;flex-direction:column;gap:2px;padding:8px 14px;display:flex}.telemetry-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-ink-muted);font-size:.68rem}.telemetry-val{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600}.spatial-wave-box{border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);background:#06091380;border:1px solid #ffffff14;flex-direction:column;align-items:center;display:flex}.spatial-wave-svg{width:100%;height:80px}.wave-line-animated{filter:drop-shadow(0 0 8px #00d4ff99);animation:3s ease-in-out infinite wavePulse}@keyframes wavePulse{0%,to{opacity:.85;stroke-width:3px}50%{opacity:1;stroke-width:3.5px;filter:drop-shadow(0 0 12px #00d4ffe6)}}.wave-status-row{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-muted);display:flex}.wave-point-dot{background:#00d4ff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #00d4ff}.bento-card-tall{grid-area:span 2/span 1;justify-content:space-between}.bento-tether-diagram{justify-content:space-between;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-4);margin:var(--space-4) 0;background:#06091380;border:1px solid #ffffff14;display:flex}.tether-node{font-family:var(--font-mono);color:var(--color-ink-soft);flex-direction:column;align-items:center;gap:6px;font-size:.72rem;display:flex}.node-ring{background:#060913;border:2px solid #00d4ff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 10px #00d4ff80}.node-ring.pulse{animation:2s ease-in-out infinite pulse-ring}@keyframes pulse-ring{0%,to{transform:scale(1);box-shadow:0 0 10px #00d4ff80}50%{transform:scale(1.25);box-shadow:0 0 20px #00d4ffcc}}.tether-wire-visual{flex:1}.wire-svg{width:100%;height:40px}.diagram-wire{filter:drop-shadow(0 0 6px #00d4ff99);stroke-dasharray:4 2;animation:1.5s linear infinite dashWire}@keyframes dashWire{to{stroke-dashoffset:-12px}}.bento-pill-stats{gap:var(--space-2);flex-wrap:wrap;display:flex}.stat-pill{font-family:var(--font-mono);font-size:var(--text-xs);border-radius:var(--radius-full);color:#c4b5fd;background:#ffffff0a;border:1px solid #ffffff14;padding:6px 12px}.bento-shield-meters{gap:var(--space-3);margin-top:var(--space-2);flex-direction:column;display:flex}.shield-meter-row{justify-content:space-between;align-items:center;gap:var(--space-3);border-radius:var(--radius-md);background:#06091380;border:1px solid #ffffff0f;padding:10px 14px;display:flex}.meter-label{font-size:var(--text-sm);color:var(--color-ink-soft)}.meter-val{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600}.focus-toggle-mock{margin-top:var(--space-4)}.focus-slider-track{border-radius:var(--radius-full);background:#06091399;border:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:6px;display:flex;position:relative}.focus-mode-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-muted);z-index:1;padding:6px 14px}.focus-mode-label.active{color:#fff}.focus-thumb{border-radius:var(--radius-full);background:linear-gradient(135deg,#8b5cf64d 0%,#c084fc26 100%);border:1px solid #c084fc80;width:48%;position:absolute;top:6px;bottom:6px;right:6px;box-shadow:0 0 20px #c084fc4d}.bento-card-wide{grid-column:span 2}.bento-emotion-showcase{gap:var(--space-6);z-index:1;flex-direction:column;display:flex;position:relative}.bento-emotions-pills{gap:var(--space-3);flex-wrap:wrap;display:flex}.emotion-pill{font-size:var(--text-sm);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-full);color:#f8fafc;transition:all var(--dur-fast);background:#ffffff0a;border:1px solid #ffffff17;padding:8px 16px}.emotion-pill:hover{color:#fff;background:#00d4ff1f;border-color:#00d4ff;transform:translateY(-2px);box-shadow:0 0 20px #00d4ff40}.personality-section{background:0 0}.personality-grid{gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.personality-chip{gap:var(--space-2);padding:var(--space-5) var(--space-6);-webkit-backdrop-filter:blur(28px)saturate(190%);border-radius:var(--radius-lg);cursor:pointer;text-align:left;min-width:170px;transition:transform var(--dur-base) var(--ease-bounce), border-color var(--dur-base) var(--ease-smooth), box-shadow var(--dur-base) var(--ease-smooth), background var(--dur-base);background:#0d142a99;border:1.5px solid #ffffff1a;border-top-color:#ffffff3d;flex-direction:column;flex:1;display:flex;box-shadow:0 10px 24px #00000080}.personality-chip:hover{background:#00d4ff0f;border-color:#00d4ff66;transform:translateY(-4px);box-shadow:0 18px 40px #0009,0 0 25px #00d4ff26}.personality-chip.active,.personality-chip[aria-pressed=true]{border-color:var(--color-face);background:#00d4ff1f;box-shadow:0 0 30px #00d4ff59,inset 0 1px 1px #ffffff59}.pers-emoji{font-size:1.75rem}.pers-name{font-family:var(--font-display);font-size:var(--text-lg);color:#fff;font-weight:600}.pers-desc{font-size:var(--text-xs);color:var(--color-ink-soft);line-height:1.45}.personality-example{-webkit-backdrop-filter:blur(28px)saturate(190%);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--glass-shadow);margin-bottom:var(--space-6);background:#0d142a99;border:1px solid #ffffff1a;border-top-color:#ffffff47}.example-scene{gap:var(--space-3);flex-direction:column;display:flex}.example-event{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-face)}.example-reaction{font-size:var(--text-xl);color:#f8fafc;line-height:1.6}.personality-note,.themes-note{font-size:var(--text-xs);color:var(--color-ink-muted);font-style:italic}.themes-section{background:0 0}.themes-showcase{gap:var(--space-12);-webkit-backdrop-filter:blur(28px)saturate(190%);border-radius:var(--radius-2xl);box-shadow:var(--glass-shadow);margin-bottom:var(--space-6);background:#0d142a99;border:1px solid #ffffff1a;border-top-color:#ffffff47;align-items:center;padding:clamp(2rem,5vw,4rem);display:flex}.theme-selector{gap:var(--space-3);flex-direction:column;flex:1;display:flex}.theme-btn{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink-soft);transition:all var(--dur-fast);background:#ffffff09;border:1px solid #ffffff14;font-weight:500;display:flex}.theme-btn:hover{color:#fff;background:#ffffff14}.theme-btn.active,.theme-btn[aria-pressed=true]{border-color:var(--color-face);color:#fff;background:#00d4ff1f;box-shadow:0 0 20px #00d4ff40}.theme-swatch{border-radius:50%;width:18px;height:18px;box-shadow:0 0 8px #0006}.theme-piko-wrap{align-items:center;gap:var(--space-4);flex-direction:column;flex:1;display:flex}.theme-name-display{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-face);letter-spacing:.1em;text-transform:uppercase}.piko-character.theme-classic,.piko-character.theme-cyan{--theme-face:#00d4ff;--theme-eye:#00d4ff;--theme-glow:#00d4ffd9;--color-face:#00d4ff;--color-eye:#00d4ff;--color-glow:#00d4ffd9}.piko-character.theme-purple{--theme-face:#a855f7;--theme-eye:#a855f7;--theme-glow:#a855f7d9;--color-face:#a855f7;--color-eye:#a855f7;--color-glow:#a855f7d9}.piko-character.theme-green{--theme-face:#10b981;--theme-eye:#10b981;--theme-glow:#10b981d9;--color-face:#10b981;--color-eye:#10b981;--color-glow:#10b981d9}.piko-character.theme-orange{--theme-face:#f97316;--theme-eye:#f97316;--theme-glow:#f97316d9;--color-face:#f97316;--color-eye:#f97316;--color-glow:#f97316d9}.piko-character.theme-pink{--theme-face:#ec4899;--theme-eye:#ec4899;--theme-glow:#ec4899d9;--color-face:#ec4899;--color-eye:#ec4899;--color-glow:#ec4899d9}.piko-character.theme-gold,.piko-character.theme-yellow{--theme-face:#facc15;--theme-eye:#facc15;--theme-glow:#facc15d9;--color-face:#facc15;--color-eye:#facc15;--color-glow:#facc15d9}.piko-character.theme-blue{--theme-face:#3b82f6;--theme-eye:#3b82f6;--theme-glow:#3b82f6d9;--color-face:#3b82f6;--color-eye:#3b82f6;--color-glow:#3b82f6d9}.piko-character.theme-red{--theme-face:#ef4444;--theme-eye:#ef4444;--theme-glow:#ef4444d9;--color-face:#ef4444;--color-eye:#ef4444;--color-glow:#ef4444d9}.piko-character.theme-lime{--theme-face:#84cc16;--theme-eye:#84cc16;--theme-glow:#84cc16d9;--color-face:#84cc16;--color-eye:#84cc16;--color-glow:#84cc16d9}.piko-character.theme-neon{--theme-face:#c4b5fd;--theme-eye:#ddd6fe;--theme-glow:#c4b5fdd9}.piko-character.theme-mint{--theme-face:#6ee7b7;--theme-eye:#a7f3d0;--theme-glow:#6ee7b7d9}.piko-character.theme-sakura{--theme-face:#fca5a5;--theme-eye:#fecaca;--theme-glow:#fca5a5d9}.piko-character.theme-amber{--theme-face:#fde68a;--theme-eye:#fef08a;--theme-glow:#fde68ae6}.piko-character.theme-stealth{--theme-face:#9ca3af;--theme-eye:#e2e8f0;--theme-glow:#e2e8f0b3}.piko-character.theme-stealth .piko-head{background:linear-gradient(175deg,#334155 0%,#1e293b 55%,#0f172a 100%)!important;box-shadow:0 14px 28px -6px #00000080,inset 0 2px 3px #ffffff26!important}.piko-character.theme-stealth .piko-torso{background:linear-gradient(175deg,#334155 0%,#1e293b 55%,#0f172a 100%)!important}.piko-character.theme-stealth .piko-arm{background:linear-gradient(170deg,#334155 0%,#1e293b 100%)!important}.privacy-section{background:0 0}.privacy-inner{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:start;display:grid}.privacy-list{gap:var(--space-4);margin-bottom:var(--space-8);flex-direction:column;display:flex}.privacy-list li{align-items:center;gap:var(--space-3);font-size:var(--text-base);color:var(--color-ink-soft);display:flex}.priv-check{flex-shrink:0}.privacy-card{-webkit-backdrop-filter:blur(28px)saturate(190%);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);top:calc(var(--header-h) + var(--space-6));background:#0d142aa6;border:1px solid #ffffff1a;border-top-color:#ffffff47;position:sticky;overflow:hidden}.privacy-card-header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-ink-soft);background:#060913b3;border-bottom:1px solid #ffffff14;display:flex}.privacy-dot{border-radius:50%;width:8px;height:8px}.privacy-dot-green{background:var(--color-accent-mint);box-shadow:0 0 10px var(--color-accent-mint)}.privacy-card-body{padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.privacy-stat{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid #ffffff0f;display:flex}.privacy-stat:last-child{border-bottom:none;padding-bottom:0}.stat-label{font-size:var(--text-sm);color:var(--color-ink-soft)}.stat-val{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.stat-none{color:var(--color-ink-muted);background:#ffffff0f}.stat-good{color:#34d399;background:#34d39926;border:1px solid #34d39959;box-shadow:0 0 10px #34d39933}.how-section{background:0 0}.steps-row{margin-top:var(--space-12);align-items:stretch;gap:0;display:flex}.step-card{-webkit-backdrop-filter:blur(28px)saturate(190%);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);gap:var(--space-4);transition:transform var(--dur-base) var(--ease-bounce), box-shadow var(--dur-base);background:#0d142a99;border:1px solid #ffffff1a;border-top-color:#ffffff47;flex-direction:column;flex:1;display:flex;position:relative;box-shadow:0 16px 36px #000000a6,inset 0 1px 1px #fff3}.step-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px #000c,0 0 30px #00d4ff26}.step-connector{flex-shrink:0;justify-content:center;align-items:center;width:40px;display:flex}.step-connector:after{content:"";background:linear-gradient(to right, #ffffff1a, var(--color-face), #ffffff1a);width:100%;height:2px;box-shadow:0 0 8px var(--color-face);display:block}.step-number{font-family:var(--font-mono);font-size:var(--text-4xl);color:#ffffff14;-webkit-user-select:none;user-select:none;font-weight:700;line-height:1}.step-title{font-size:var(--text-xl);color:#fff;margin:0;font-weight:600}.step-body{font-size:var(--text-sm);color:var(--color-ink-soft);flex:1;line-height:1.6}.step-status{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);color:var(--color-face);border-radius:var(--radius-full);background:#00d4ff1a;border:1px solid #00d4ff40;width:fit-content;display:inline-flex}.planned-status{color:#fbbf24!important;background:#fbbf241f!important;border-color:#fbbf2459!important}.pricing-section{background:0 0}.pricing-inner{text-align:center}.pricing-inner .section-heading,.pricing-inner .section-body{margin-left:auto;margin-right:auto}.pricing-inner .section-body{text-align:center}.pricing-cards{gap:var(--space-6);text-align:left;grid-template-columns:1fr 1fr;max-width:720px;margin:0 auto;display:grid}.pricing-card{border-radius:var(--radius-2xl);padding:var(--space-8);gap:var(--space-5);transition:transform var(--dur-base) var(--ease-smooth), box-shadow var(--dur-base) var(--ease-smooth);background:linear-gradient(145deg,#121c38eb 0%,#090e1ef5 100%);border:1px solid #ffffff14;border-top-color:#fff3;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:-6px -6px 16px #ffffff0b,8px 8px 24px #000c,inset 1px 1px 1px #ffffff1f}.pricing-card:hover{transform:translateY(-3px);box-shadow:-8px -8px 20px #ffffff0f,11px 11px 28px #000000e0,inset 1px 1px 1px #ffffff29}.pricing-premium{background:linear-gradient(145deg,#162448f2 0%,#0a1024f7 100%);border-color:#00d4ff8c #00d4ff59 #00d4ff59;box-shadow:-9px -9px 24px #ffffff0f,12px 12px 32px #000000e6,0 0 30px #00d4ff29,inset 1px 1px 1.5px #ffffff2e}.pricing-plan-name{font-family:var(--font-display);font-size:var(--text-2xl);color:#fff;align-items:center;gap:var(--space-3);font-weight:700;display:flex}.pricing-tbd{font-family:var(--font-mono);font-size:var(--text-xs);color:#fbbf24;border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);background:#fbbf2426;border:1px solid #fbbf2459}.pricing-plan-desc{font-size:var(--text-sm);color:var(--color-ink-soft);line-height:1.6}.pricing-features{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.pricing-features li{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-ink-soft);display:flex}.pricing-features li:before{content:"✦";color:var(--color-face);flex-shrink:0;font-size:8px}.pricing-cta-note{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-muted);letter-spacing:.04em}.faq-section{background:0 0}.faq-list{max-width:740px;margin:0 auto;margin-top:var(--space-12);gap:var(--space-3);flex-direction:column;display:flex}.faq-item{border-radius:var(--radius-lg);transition:all var(--dur-base) var(--ease-smooth);background:linear-gradient(145deg,#101932e0 0%,#080d1cf0 100%);border:1px solid #ffffff14;border-top-color:#ffffff29;overflow:hidden;box-shadow:-4px -4px 12px #ffffff09,6px 6px 16px #000000b3,inset 1px 1px #ffffff14}.faq-item:hover{border-color:#00d4ff59;box-shadow:-6px -6px 16px #ffffff0d,8px 8px 22px #000c,0 0 20px #00d4ff1f}.faq-q{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-5) var(--space-6);cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);color:#fff;text-align:left;transition:background var(--dur-fast);background:0 0;border:none;font-weight:500;display:flex}.faq-q:hover{background:#ffffff08}.faq-chevron{color:var(--color-face);transition:transform var(--dur-base) var(--ease-smooth);flex-shrink:0}.faq-q[aria-expanded=true] .faq-chevron{transform:rotate(180deg)}.faq-a{padding:0 var(--space-6) var(--space-5);font-size:var(--text-base);color:var(--color-ink-soft);border-top:1px solid #ffffff0f;line-height:1.65}.early-access-section{padding:var(--space-32) 0;background:0 0;position:relative;overflow:hidden}.ea-bg{pointer-events:none;position:absolute;inset:0}.ea-shape{filter:blur(90px);border-radius:50%;position:absolute}.ea-shape-1{background:radial-gradient(circle,#00d4ff40 0%,#0000 70%);width:550px;height:550px;top:-100px;right:-50px}.ea-shape-2{background:radial-gradient(circle,#8b5cf633 0%,#0000 70%);width:450px;height:450px;bottom:-100px;left:0}.ea-inner{gap:var(--space-16);z-index:1;background:var(--neumo-surface-elevated,#0d142ae0);border:1px solid var(--neumo-border-subtle,#ffffff14);border-radius:var(--radius-2xl);box-shadow:var(--neumo-shadow-lvl3), inset 1px 1px 1px #ffffff1a;grid-template-columns:200px 1fr;align-items:center;padding:clamp(2rem,5vw,4rem);display:grid;position:relative}.ea-piko-small{justify-content:center;display:flex}.ea-piko{--piko-head-w:120px;--piko-head-h:92px;--piko-torso-w:84px;--piko-torso-h:62px;--piko-face-w:96px;--piko-face-h:70px;--piko-eye-w:22px;--piko-eye-h:15px;--theme-chassis:#fff}.ea-headline{font-size:clamp(var(--text-3xl), 4vw, var(--text-4xl));color:#fff;margin-bottom:var(--space-4)}.ea-body{font-size:var(--text-lg);color:var(--color-ink-soft);margin-bottom:var(--space-8);max-width:46ch;line-height:1.6}.ea-form{width:100%}.form-row{gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.form-field{flex:1}.form-field input[type=email]{width:100%;padding:var(--space-4) var(--space-6);background:var(--neumo-surface-inset,#050812d9);border:1.5px solid var(--neumo-border-subtle,#ffffff1a);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-base);color:#fff;box-shadow:var(--neumo-shadow-inset);transition:all var(--dur-base) var(--ease-smooth);outline:none}.form-field input[type=email]::placeholder{color:#fff6}.form-field input[type=email]:focus{border-color:var(--color-face);box-shadow:var(--neumo-shadow-inset), 0 0 0 3px #00d4ff59}.form-field input[type=email].error{border-color:var(--color-accent-peach)}.ea-form .btn-primary{white-space:nowrap;flex-shrink:0}.btn-loading,.form-submitting .btn-text{display:none}.form-submitting .btn-loading{display:inline}.form-error{font-size:var(--text-sm);color:var(--color-accent-peach);padding:var(--space-2) 0}.form-success{font-size:var(--text-sm);color:var(--color-accent-mint);padding:var(--space-2) 0;font-weight:500}.ea-note{font-size:var(--text-xs);color:var(--color-ink-muted);font-family:var(--font-mono)}.site-footer{background:0 0;border-top:1px solid #ffffff14;position:relative}.site-footer:before{content:"";background:linear-gradient(90deg,#0000,#00d4ff66,#0000);height:1px;position:absolute;top:0;left:15%;right:15%}.footer-inner{gap:var(--space-12);padding-top:var(--space-12);padding-bottom:var(--space-12);grid-template-columns:200px 1fr;display:grid}.footer-tagline{font-size:var(--text-sm);color:var(--color-ink-muted);margin-top:var(--space-3);line-height:1.5}.footer-nav{gap:var(--space-12);display:flex}.footer-col-title{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:var(--space-4)}.footer-col ul{gap:var(--space-2);flex-direction:column;display:flex}.footer-col a{font-size:var(--text-sm);color:var(--color-ink-soft);transition:color var(--dur-fast)}.footer-col a:hover{color:var(--color-face)}.footer-bottom{padding-top:var(--space-8);padding-bottom:var(--space-8);font-size:var(--text-xs);color:var(--color-ink-muted);border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;display:flex}.reveal-on-scroll{opacity:0;transition:opacity var(--dur-reveal) var(--ease-out), transform var(--dur-reveal) var(--ease-out);transition-delay:var(--card-delay,0s);transform:translateY(20px)}.reveal-on-scroll.visible{opacity:1;transform:translateY(0)}.star-particle{background:var(--color-face);width:3px;height:3px;animation:star-twinkle var(--dur) ease-in-out infinite var(--delay);opacity:0;border-radius:50%;position:absolute}@keyframes star-twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.6;transform:scale(1)}}.float-particle{width:4px;height:4px;animation:particle-float var(--dur) ease-in-out infinite var(--delay);opacity:0;border-radius:50%;position:absolute}@keyframes particle-float{0%{opacity:0;transform:translateY(0)scale(0)}20%{opacity:.7;transform:translateY(-8px)scale(1)}80%{opacity:.4;transform:translateY(-20px)scale(.8)}to{opacity:0;transform:translateY(-32px)scale(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.piko-character,.piko-shadow,.badge-dot,.core-pulse,.core-ring,.core-center,.antenna-ball,.chip-top,.chip-bottom,.scroll-line{animation:none!important}.reveal-on-scroll{opacity:1!important;transform:none!important}.star-particle,.float-particle{opacity:0!important;animation:none!important}.shape{filter:none}.spatial-orb{animation:none!important}}@media (max-width:1023px){.site-header .header-inner{max-width:calc(100% - 32px)}.hero-inner{text-align:center;gap:var(--space-12);grid-template-columns:1fr}.hero-copy{order:1}.hero-stage{order:2}.hero-headline{font-size:clamp(2.1rem,6vw,3.2rem)}.hero-body{max-width:52ch;margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-meta{text-align:center}.stage-scene{width:min(340px,90vw);max-width:100%;height:360px}.desktop-window{width:min(290px,80vw);height:190px}.spatial-bento-grid{grid-template-columns:repeat(2,1fr)}.bento-card-hero{grid-column:span 2}.bento-card-tall{grid-area:span 1/span 2}.bento-card-shield,.bento-card-focus{grid-column:span 1}.bento-card-wide{grid-column:span 2}.diff-columns-wrap{grid-template-columns:1fr}.diff-spatial-divider{width:100%;height:auto;margin:var(--space-4) 0;flex-direction:row}.divider-glow-line{background:linear-gradient(90deg,#0000,#00d4ff80,#0000);width:80px;height:1.5px}.diff-stats-bento{grid-template-columns:repeat(3,1fr)}.privacy-inner{grid-template-columns:1fr}.privacy-card{position:static}.themes-showcase{flex-direction:column;align-items:center}.theme-selector{flex-flow:wrap;justify-content:center}.steps-row{flex-direction:column}.step-connector{width:auto;height:24px}.step-connector:after{background:linear-gradient(to bottom, #ffffff1a, var(--color-face), #ffffff1a);width:2px;height:100%}.pricing-cards{max-width:100%}.ea-inner{grid-template-columns:1fr}.ea-piko-small{display:none}.footer-inner{grid-template-columns:1fr}.footer-nav{gap:var(--space-8);flex-wrap:wrap}.main-nav,.header-cta{display:none}.nav-toggle{display:flex}.demo-stage-wrap{text-align:center;gap:var(--space-8);grid-template-columns:1fr}.demo-controls{gap:var(--space-3);grid-template-columns:repeat(3,1fr);width:100%;max-width:600px;margin:0 auto;display:grid}.mood-chip{padding:var(--space-3) var(--space-4);justify-content:center}.mood-chip:hover{transform:none}.personality-grid{justify-content:center}.demo-piko{--piko-head-w:140px;--piko-head-h:114px;--piko-torso-w:104px;--piko-torso-h:76px;--piko-face-w:122px;--piko-face-h:88px;--piko-eye-w:28px;--piko-eye-h:19px}}@media (max-width:640px){:root{--header-h:64px;--container-pad:1.25rem}.site-header{top:8px}.site-header .header-inner{max-width:calc(100% - 20px);height:54px;padding:0 14px}.section{padding:var(--space-16) 0}.hero{min-height:auto;padding-top:calc(var(--header-h) + 32px);padding-bottom:var(--space-12)}.hero-headline{font-size:clamp(2rem,9vw,2.75rem)}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{justify-content:center;width:100%}.spatial-bento-grid{gap:var(--space-4);grid-template-columns:1fr}.bento-card-hero,.bento-card-tall,.bento-card-shield,.bento-card-focus,.bento-card-wide{padding:var(--space-6);grid-area:span 1/span 1}.bento-hero-content{grid-template-columns:1fr}.diff-stats-bento{gap:var(--space-4);grid-template-columns:1fr}.diff-bento-hero{padding:var(--space-6)}.diff-side{padding:var(--space-4)}.demo-controls{grid-template-columns:1fr 1fr}.form-row{flex-direction:column}.ea-form .btn-primary{justify-content:center;width:100%}.pricing-cards{grid-template-columns:1fr}.theme-btn{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.themes-showcase{padding:var(--space-6)}.footer-bottom{gap:var(--space-4);text-align:center;flex-direction:column}}.legal-page{padding-top:calc(var(--header-h) + var(--space-12));padding-bottom:var(--space-24);min-height:80vh}.legal-header{margin-bottom:var(--space-12);max-width:760px}.legal-content{gap:var(--space-8);max-width:760px;font-size:var(--text-base);color:var(--color-ink-soft);flex-direction:column;line-height:1.75;display:flex}.legal-content h2{font-size:var(--text-2xl);color:var(--color-ink);margin-top:var(--space-4);margin-bottom:var(--space-2)}.legal-content ul{gap:var(--space-2);padding-left:var(--space-6);flex-direction:column;list-style-type:disc;display:flex}.legal-card{background:var(--neumo-surface-raised,#0d142ae0);border:1px solid var(--neumo-border-subtle,#ffffff14);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-8);box-shadow:var(--neumo-shadow-lvl2), inset 1px 1px 1px #ffffff14}.legal-back-link{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-face);margin-bottom:var(--space-6);background:var(--neumo-surface-raised,#0d142acc);border:1px solid var(--neumo-border-subtle,#ffffff14);box-shadow:var(--neumo-shadow-lvl1);transition:all var(--dur-fast) cubic-bezier(.16, 1, .3, 1);border-radius:9999px;padding:8px 16px;text-decoration:none;display:inline-flex}.legal-back-link:hover{box-shadow:var(--neumo-shadow-lvl2);color:#0ef;transform:translateY(-1px)}.legal-back-link:active{box-shadow:var(--neumo-shadow-inset-subtle);transform:translateY(1px)}.piko-action-scroller{width:100%;min-height:340vh;position:relative}.action-scroller-stage{z-index:10;background:radial-gradient(circle,#0d142a66 0%,#060913f2 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.action-stage-backdrop{pointer-events:none;z-index:1;position:absolute;inset:0}.spatial-action-halo{filter:blur(80px);background:radial-gradient(circle,#00d4ff1f 0%,#8b5cf614 50%,#0000 75%);border-radius:50%;width:700px;height:700px;position:absolute;top:20%;left:50%;transform:translate(-50%,-20%)}.spatial-action-grid{background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 75%);mask-image:radial-gradient(circle,#000 30%,#0000 75%)}.action-step-indicator{z-index:20;align-items:center;gap:var(--space-3);pointer-events:auto;flex-direction:column;display:flex;position:absolute;top:clamp(16px,3vh,36px);left:50%;transform:translate(-50%)}.action-indicator-pill{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(20px);background:#0d142ab3;border:1px solid #ffffff1f;border-top-color:#ffffff47;padding:6px 16px;display:inline-flex;box-shadow:0 8px 24px #0006}.action-live-dot{background:var(--color-face);width:8px;height:8px;box-shadow:0 0 10px var(--color-face);border-radius:50%;animation:2s ease-in-out infinite pulse-dot}.action-indicator-text{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;color:var(--color-face);font-weight:600}.action-timeline-bar{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-full);background:#06091399;border:1px solid #ffffff14;align-items:center;gap:8px;padding:4px 8px;display:flex}.timeline-seg{border-radius:var(--radius-full);font-family:var(--font-mono);color:var(--color-ink-muted);cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 12px;font-size:11px;transition:all .2s}.timeline-seg:hover{color:var(--color-ink);background:#ffffff0f}.timeline-seg.active{color:#060913;background:var(--color-face);font-weight:600;box-shadow:0 0 14px #00d4ff66}.timeline-seg.done{color:var(--color-accent-mint)}.action-stage-grid{z-index:10;align-items:center;gap:var(--space-12);width:100%;max-width:1180px;padding:0 var(--space-6);grid-template-columns:1fr 1fr;margin:0 auto;display:grid;position:relative}.action-copy-column{grid-template-columns:1fr;align-items:center;min-height:320px;display:grid;position:relative}.action-panel{gap:var(--space-4);opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;grid-area:1/1;transition:opacity .32s cubic-bezier(.23,1,.32,1),transform .32s cubic-bezier(.23,1,.32,1);display:flex;transform:translateY(14px)}.action-panel.active{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.action-chip-tag{border-radius:var(--radius-full);width:fit-content;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;color:var(--color-face);background:#00d4ff1a;border:1px solid #00d4ff4d;align-items:center;gap:6px;padding:4px 12px;font-weight:600;display:inline-flex}.chip-sparkle{font-size:13px;line-height:1}.action-big-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-ink);margin:0;font-size:clamp(2.4rem,4.8vw,3.8rem);font-weight:700;line-height:1.04}.action-short-desc{color:var(--color-ink-soft);max-width:44ch;margin:0;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.55}.action-interactive-row{align-items:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.action-trigger-btn{font-family:var(--font-display);font-size:var(--text-sm);cursor:pointer;align-items:center;gap:8px;font-weight:600;display:inline-flex}.action-metric-badge{border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink);background:#ffffff0d;border:1px solid #ffffff1f;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.action-character-stage{justify-content:center;align-items:center;display:flex}.action-piko-box{border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(32px)saturate(200%);background:#0d142aa6;border:1px solid #ffffff1f;border-top-color:#ffffff59;flex-direction:column;justify-content:center;align-items:center;width:min(100%,420px);height:440px;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:visible;box-shadow:0 32px 64px -16px #000c,inset 0 1px 2px #ffffff40}.action-piko-box.is-tethered{border-color:#00d4ff66;box-shadow:0 32px 72px -16px #00d4ff40,inset 0 1px 2px #ffffff59}.action-piko-box.is-focus{background:#0a0e1ccc;border-color:#8b5cf64d;box-shadow:0 32px 72px -16px #8b5cf633}.box-glass-rim{border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 50% 0,#ffffff1f,#0000 70%);position:absolute;inset:0}.action-character-wrapper{z-index:5;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.action-piko{transform:scale(1.15)}.sleep-bubble-anim{z-index:10;pointer-events:none;flex-direction:column;gap:2px;display:flex;position:absolute;top:18%;right:22%}.sleep-bubble-anim span{font-family:var(--font-display);color:var(--color-accent-lilac);opacity:0;font-weight:700;animation:2.4s ease-in infinite float-zzz}.sleep-bubble-anim span:first-child{font-size:14px;animation-delay:0s}.sleep-bubble-anim span:nth-child(2){font-size:19px;animation-delay:.5s}.sleep-bubble-anim span:nth-child(3){font-size:24px;animation-delay:1s}@keyframes float-zzz{0%{opacity:0;transform:translate(0)scale(.6)}35%{opacity:.85}to{opacity:0;transform:translate(24px,-38px)scale(1.1)}}.live-tether-overlay{cursor:pointer;z-index:12;transition:transform .3s;position:absolute;inset:0}.tether-pull-prompt{border-radius:var(--radius-full);font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-face);-webkit-user-select:none;user-select:none;background:#00d4ff26;border:1px solid #00d4ff66;padding:4px 10px;font-size:10px;animation:2s infinite pulse-dot;position:absolute;top:18px;left:20px}.live-tether-svg{width:100%;height:100%;overflow:visible}.tether-animated-wire{stroke-dasharray:6 3;filter:drop-shadow(0 0 6px #00d4ffcc);animation:.8s linear infinite wire-crawl}@keyframes wire-crawl{to{stroke-dashoffset:-9px}}.tether-detached-hand{animation:.3s infinite alternate hand-vibrate;box-shadow:0 0 12px #00d4ff}@keyframes hand-vibrate{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.action-status-pill{z-index:10;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(16px);font-family:var(--font-mono);letter-spacing:.05em;color:var(--color-face);white-space:nowrap;background:#060913bf;border:1px solid #ffffff1f;align-items:center;gap:8px;padding:6px 16px;font-size:11px;display:inline-flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.status-dot-pulse{background:var(--color-face);width:6px;height:6px;box-shadow:0 0 8px var(--color-face);border-radius:50%;animation:1.5s infinite pulse-dot}.action-scrubber-cue{z-index:20;font-family:var(--font-mono);color:var(--color-ink-muted);pointer-events:none;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;bottom:clamp(12px,2.5vh,28px);left:50%;transform:translate(-50%)}.scrubber-dot{background:var(--color-ink-muted);border-radius:50%;width:6px;height:6px;transition:transform .15s}.desktop-hook-container{gap:var(--space-4);z-index:5;flex-direction:column;width:100%;max-width:580px;margin:0 auto;display:flex;position:relative}.hook-header{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.hook-pill-badge{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);background:#00d4ff14;border:1px solid #00d4ff4d;align-items:center;gap:8px;padding:5px 14px;display:inline-flex;box-shadow:0 0 20px #00d4ff26,inset 0 1px #fff3}.hook-live-pulse{background:#00d4ff;border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse-dot;box-shadow:0 0 8px #00d4ff}.hook-badge-text{font-family:var(--font-mono);letter-spacing:.12em;color:#00d4ff;font-size:11px;font-weight:600}.hook-mode-tabs{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.hook-tab-btn{border-radius:var(--radius-full);color:var(--color-ink-soft);font-family:var(--font-body);cursor:pointer;transition:all var(--dur-fast) var(--ease-smooth);-webkit-backdrop-filter:blur(16px);background:#0e162ea6;border:1px solid #ffffff1f;outline:none;align-items:center;gap:6px;padding:6px 12px;font-size:11.5px;font-weight:500;display:inline-flex;position:relative}.hook-tab-btn:hover{color:#fff;background:#142040d9;border-color:#00d4ff59;transform:translateY(-1px)}.hook-tab-btn.is-active{color:#0ef;background:#00d4ff24;border-color:#00d4ff8c;font-weight:600;box-shadow:0 0 20px #00d4ff38,inset 0 1px #ffffff40}.tab-icon{font-size:13px;line-height:1}.laptop-device-frame{perspective:1200px;flex-direction:column;align-items:center;width:100%;display:flex}.laptop-lid{background:linear-gradient(#182035 0%,#0d1222 100%);border:1.5px solid #ffffff2e;border-top-color:#ffffff59;border-radius:20px 20px 6px 6px;width:100%;padding:8px 10px 10px;position:relative;box-shadow:0 30px 70px -15px #000000f2,0 0 40px #00d4ff1f,inset 0 1px 1px #ffffff4d}.laptop-webcam-notch{justify-content:center;align-items:center;gap:5px;height:8px;margin-bottom:6px;display:flex}.webcam-lens{background:#000;border:.8px solid #fff3;border-radius:50%;width:4px;height:4px}.webcam-indicator{opacity:.6;background:#34d399;border-radius:50%;width:2.5px;height:2.5px}.virtual-screen{aspect-ratio:16/10.4;-webkit-user-select:none;user-select:none;background:#060913;border-radius:10px;width:100%;min-height:270px;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #000000b3}.virtual-screen-status{border-radius:var(--radius-full);font-family:var(--font-mono);color:#0ef;-webkit-backdrop-filter:blur(10px);z-index:5;pointer-events:none;background:#080e1ec7;border:1px solid #00d4ff59;align-items:center;gap:6px;padding:3px 10px;font-size:9.5px;font-weight:600;display:inline-flex;position:absolute;top:10px;right:12px;box-shadow:0 4px 14px #0009,0 0 12px #00d4ff26}.virtual-screen-status .status-dot{background:#00d4ff;border-radius:50%;width:5px;height:5px;animation:2s infinite pulse-dot;box-shadow:0 0 6px #00d4ff}.virtual-wallpaper{pointer-events:none;background:radial-gradient(circle at 60% 40%,#0f1c3d 0%,#060a16 80%);border-radius:10px;position:absolute;inset:0;overflow:hidden}.wallpaper-aurora-1{filter:blur(40px);background:radial-gradient(#00d4ff47 0%,#0000 65%);width:70%;height:90%;position:absolute;top:-20%;right:-10%}.wallpaper-aurora-2{filter:blur(45px);background:radial-gradient(#8b5cf63d 0%,#0000 65%);width:60%;height:80%;position:absolute;bottom:0;left:-10%}.wallpaper-grid-lines{background-image:linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.virtual-desktop-icons{pointer-events:none;z-index:2;flex-direction:column;gap:12px;display:flex;position:absolute;top:14px;left:12px}.desktop-icon-item{font-family:var(--font-body);color:#94a3b8;flex-direction:column;align-items:center;gap:3px;font-size:9px;display:flex}.icon-box{background:#ffffff14;border:1px solid #ffffff26;border-radius:4px;width:22px;height:20px}.virtual-app-window{-webkit-backdrop-filter:blur(20px);z-index:3;background:#0b1122e0;border:1px solid #ffffff1f;border-top-color:#ffffff47;border-radius:8px;flex-direction:column;display:flex;position:absolute;inset:18% 12% 14% 16%;overflow:hidden;box-shadow:0 16px 36px #000000bf,inset 0 1px #fff3}.virtual-window-bar{background:#070b16e6;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:26px;padding:0 8px;display:flex}.bar-tabs{align-items:center;gap:4px;height:100%;display:flex}.app-tab{font-family:var(--font-mono);color:#64748b;border-radius:4px 4px 0 0;align-items:center;gap:4px;padding:3px 8px;font-size:9.5px;display:inline-flex}.app-tab.active{color:#00d4ff;background:#0e162ef2;border-top:1px solid #00d4ff}.tab-code-icon{font-size:9px}.window-win-controls{color:#94a3b8;align-items:center;gap:8px;font-family:monospace;font-size:9px;display:flex}.win-btn{cursor:default}.win-close:hover{color:#ef4444}.virtual-window-body{font-family:var(--font-mono);background:#060a14eb;flex-direction:column;flex:1;gap:2px;padding:10px 12px;font-size:10px;line-height:1.5;display:flex;overflow:hidden}.code-lines{flex-direction:column;gap:2px;display:flex}.code-row{white-space:nowrap;align-items:center;gap:8px;display:flex}.code-row.indent{padding-left:14px}.c-num{color:#475569;-webkit-user-select:none;user-select:none;width:10px;font-size:8.5px}.c-kw{color:#f472b6}.c-ident{color:#00d4ff}.c-var{color:#f8fafc}.c-fn{color:#fbbf24}.c-str{color:#34d399}.c-prop{color:#c4b5fd}.c-bool{color:#38bdf8}.piko-desktop-anchor{z-index:10;cursor:pointer;will-change:transform, left, top;outline:none;flex-direction:column;align-items:center;transition:left .75s cubic-bezier(.34,1.56,.64,1),top .75s cubic-bezier(.34,1.56,.64,1),bottom .75s cubic-bezier(.34,1.56,.64,1),transform .5s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute}.piko-desktop-anchor.is-scrolling-parallax{will-change:transform, opacity;transition:transform 90ms ease-out,opacity .14s ease-out!important}.piko-desktop-anchor:hover .character-scaler{transform:scale(.76)translateY(-4px)}.character-scaler{transform-origin:bottom;transition:transform .3s var(--ease-bounce);filter:drop-shadow(0 10px 18px #000000a6);transform:scale(.72)}.piko-desktop-anchor.mode-perch{top:20%;left:50%;transform:translate(-50%,-64%)}.piko-desktop-anchor.mode-taskbar{top:76%;left:78%;transform:translate(-50%,-70%)}.piko-desktop-anchor.mode-wander{animation:8s ease-in-out infinite alternate pikoWanderAcross;top:20%}@keyframes pikoWanderAcross{0%{left:24%;transform:translate(-50%,-64%)rotate(-2deg)}50%{left:52%;transform:translate(-50%,-64%)rotate(2deg)}to{left:76%;transform:translate(-50%,-64%)rotate(-1deg)}}.piko-desktop-anchor.mode-snooze{top:42%;left:80%;transform:translate(-50%,-50%)}.piko-perch-chip{border-radius:var(--radius-full);font-family:var(--font-mono);color:#0ef;white-space:nowrap;-webkit-backdrop-filter:blur(10px);background:#080e1ee0;border:1px solid #00d4ff66;align-items:center;gap:4px;margin-bottom:2px;padding:3px 10px;font-size:9.5px;font-weight:600;animation:3s ease-in-out infinite float-chip;display:inline-flex;box-shadow:0 4px 14px #0009,0 0 12px #00d4ff33}.chip-sparkle{color:#00d4ff;font-size:8px}.snooze-bubble-cluster{pointer-events:none;flex-direction:column;display:flex;position:absolute;top:-12px;right:-10px}.snooze-bubble-cluster .zzz{font-family:var(--font-display);color:#c4b5fd;opacity:0;font-weight:700;animation:2.2s ease-in infinite float-snooze-z}.snooze-bubble-cluster .z1{font-size:11px;animation-delay:0s}.snooze-bubble-cluster .z2{font-size:14px;animation-delay:.5s}.snooze-bubble-cluster .z3{font-size:17px;animation-delay:1s}@keyframes float-snooze-z{0%{opacity:0;transform:translate(0)scale(.6)}40%{opacity:.9}to{opacity:0;transform:translate(16px,-24px)scale(1.1)}}.piko-surface-shadow{background:radial-gradient(#0009 0%,#0000 70%);border-radius:50%;width:50px;height:6px;margin-top:-6px}.virtual-taskbar{-webkit-backdrop-filter:blur(16px);z-index:5;background:#0a0f1ee0;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:28px;padding:0 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.taskbar-apps{align-items:center;gap:4px;margin:0 auto;display:flex}.taskbar-item{border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;transition:background .15s;display:flex}.taskbar-item:hover,.taskbar-item.is-active{background:#ffffff1a}.taskbar-search{border-radius:var(--radius-full);height:18px;font-family:var(--font-body);color:#94a3b8;background:#ffffff14;align-items:center;gap:5px;padding:0 8px;font-size:8.5px;display:flex}.tb-icon{font-size:10px}.piko-app-icon{border:1px solid #00d4ff66;position:relative;background:#00d4ff26!important}.tb-piko-mark{font-size:11px}.tb-running-dot{background:#00d4ff;border-radius:50%;width:3px;height:3px;position:absolute;bottom:1px;box-shadow:0 0 4px #00d4ff}.taskbar-tray{font-family:var(--font-mono);color:#94a3b8;align-items:center;gap:6px;font-size:8.5px;display:flex}.tray-item{font-size:9px}.laptop-deck{background:linear-gradient(#1f273d 0%,#0d1220 100%);border:1px solid #ffffff26;border-top-color:#ffffff4d;border-radius:0 0 16px 16px;justify-content:center;align-items:center;width:104%;height:14px;display:flex;position:relative;box-shadow:0 14px 28px #000000d9}.laptop-notch-cutout{background:#090d18;border-radius:0 0 4px 4px;width:44px;height:4px}.hook-footer-bar{border-radius:var(--radius-lg);background:#0e162e80;border:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:8px 12px;display:flex}.hook-desc-text{font-family:var(--font-body);color:var(--color-ink-soft);flex:1;align-items:center;gap:8px;min-width:220px;font-size:12px;display:flex}.desc-icon{font-size:13px}.auto-cycle-toggle{border-radius:var(--radius-full);color:#94a3b8;font-family:var(--font-mono);cursor:pointer;transition:all var(--dur-fast);background:#ffffff0f;border:1px solid #ffffff1f;align-items:center;gap:6px;padding:4px 10px;font-size:10.5px;display:inline-flex}.auto-cycle-toggle:hover{color:#fff;background:#ffffff1f}.cycle-pulse{background:#34d399;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #34d399}.play-icon{color:#00d4ff;font-size:8px}@media (max-width:1024px){.hero-inner{gap:var(--space-10);text-align:center;padding-top:var(--space-8);grid-template-columns:1fr}.hero-copy{flex-direction:column;align-items:center;display:flex}.hero-body{margin-left:auto;margin-right:auto}.hero-actions,.hero-meta{justify-content:center}.diff-columns-wrap{gap:var(--space-8)}.personality-grid,.themes-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.main-nav,.header-cta{display:none!important}.nav-toggle{display:flex!important}.site-header .header-inner{width:min(94vw,420px);height:54px;padding:0 16px}.piko-action-scroller{height:auto!important;min-height:auto!important;padding:var(--space-12) 0!important}.piko-action-scroller[data-sc-act=pin]{height:auto!important}.sc-stage.action-scroller-stage{height:auto!important;min-height:auto!important;padding:0 var(--container-pad)!important;flex-direction:column!important;align-items:center!important;display:flex!important;position:relative!important;top:auto!important}.action-step-indicator{margin-bottom:var(--space-6)!important;flex-direction:column!important;align-items:center!important;gap:8px!important;width:100%!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.action-timeline-bar{flex-wrap:wrap!important;justify-content:center!important;gap:6px!important;width:100%!important;display:flex!important}.timeline-seg{padding:6px 12px!important;font-size:11px!important}.action-stage-grid{gap:var(--space-8)!important;flex-direction:column-reverse!important;grid-template-columns:1fr!important;width:100%!important;padding-top:0!important;display:flex!important}.action-copy-column{text-align:center!important;justify-content:center!important;align-items:center!important;min-height:auto!important}.action-chip-tag,.action-interactive-row{justify-content:center!important}.action-short-desc{max-width:100%!important}.action-piko-box{width:min(100%,300px)!important;height:300px!important;margin:0 auto!important}.action-piko{transform:scale(.85)!important}.action-scrubber-cue{display:none!important}.diff-columns-wrap{gap:var(--space-6)!important;grid-template-columns:1fr!important}.diff-spatial-divider{margin:var(--space-2) auto!important;transform:rotate(90deg)!important}.spatial-diff-bento{gap:var(--space-4)!important;flex-direction:column!important;display:flex!important}.diff-side{padding:var(--space-6) var(--space-5)!important}.live-demo-grid{gap:var(--space-8)!important;grid-template-columns:1fr!important}.demo-controls{text-align:center!important;align-items:center!important}.emotion-buttons-grid{grid-template-columns:repeat(3,1fr)!important;width:100%!important;max-width:380px!important}.demo-piko-box{width:min(100%,320px)!important;height:320px!important;margin:0 auto!important}.access-form{flex-direction:column!important;width:100%!important}.access-input,.access-submit{border-radius:var(--radius-full)!important;width:100%!important}.footer-inner{text-align:center!important;gap:var(--space-6)!important;flex-direction:column!important}.footer-links{justify-content:center!important;gap:var(--space-4)!important;flex-wrap:wrap!important}}@media (max-width:640px){:root{--container-pad:1rem;--header-h:64px;--space-12:2rem;--space-16:2.75rem;--space-24:3.5rem}body{font-size:.95rem}.hero{min-height:auto;padding-top:calc(var(--header-h) + 20px);padding-bottom:var(--space-24)}.hero-headline{margin-bottom:var(--space-4);font-size:clamp(2rem,8vw,2.65rem);line-height:1.08}.hero-body{margin-bottom:var(--space-6);font-size:.95rem;line-height:1.55}.hero-actions{gap:var(--space-3);flex-direction:column;width:100%;max-width:320px}.hero-actions .btn{justify-content:center;width:100%}.btn-lg{padding:13px 20px;font-size:.95rem}.hero-meta{margin-top:var(--space-2);gap:6px 8px;font-size:11px}.meta-badge{padding:3px 10px;font-size:10.5px}.desktop-hook-container{gap:var(--space-3);max-width:100%}.hook-header{gap:8px}.hook-badge-text{letter-spacing:.08em;font-size:9.5px}.hook-mode-tabs{gap:4px}.hook-tab-btn{padding:5px 9px;font-size:11px}.tab-icon{font-size:11px}.laptop-lid{border-radius:14px 14px 4px 4px;padding:6px 6px 8px}.virtual-screen{aspect-ratio:16/11;min-height:220px}.virtual-app-window{inset:15% 8%}.code-row{font-size:8.5px}.character-scaler{transform:scale(.6)}.piko-desktop-anchor.mode-perch{top:17%;transform:translate(-50%,-58%)}.piko-desktop-anchor.mode-taskbar{top:74%;transform:translate(-50%,-68%)}.piko-desktop-anchor.mode-snooze{top:40%}.rhythm-stage-char .piko-character{transform:scale(.6)}.hook-footer-bar{text-align:center;flex-direction:column;align-items:stretch;padding:8px 10px}.hook-desc-text{justify-content:center;font-size:11px}.auto-cycle-toggle{justify-content:center}.hero-scroll-hint{display:none}.personality-grid,.themes-grid{grid-template-columns:1fr!important}.emotion-buttons-grid{grid-template-columns:repeat(2,1fr)!important}.section-heading{font-size:clamp(1.75rem,6.5vw,2.25rem)}.section-body{margin-bottom:var(--space-6);font-size:.95rem}}@media (max-width:380px){.site-header .header-inner{width:96vw;padding:0 12px}.logo-text{font-size:1.1rem}.hero-headline{font-size:1.85rem}.character-scaler{transform:scale(.52)}.piko-perch-chip{display:none}.hook-tab-btn{padding:4px 7px;font-size:10px}.action-piko-box{width:260px!important;height:260px!important}}.rhythm-section{padding:var(--space-24) 0;background:radial-gradient(circle at 50% 20%,#0d143073 0%,#0000 70%);position:relative}.rhythm-header{text-align:center;max-width:920px;margin:0 auto var(--space-12);flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.rhythm-grid{gap:var(--space-6);margin-bottom:var(--space-10);grid-template-columns:repeat(4,1fr);display:grid}.rhythm-card{border-radius:var(--radius-xl);padding:var(--space-6);cursor:pointer;transition:transform var(--dur-base) var(--ease-bounce), border-color var(--dur-base), box-shadow var(--dur-base), background var(--dur-base);background:linear-gradient(145deg,#121b36e6 0%,#090e1ef2 100%);border:1px solid #ffffff14;border-top-color:#ffffff2e;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:-5px -5px 14px #ffffff0a,7px 7px 20px #000000bf,inset 1px 1px 1px #ffffff1a}.rhythm-card:hover{border-color:#00d4ff66;transform:translateY(-4px);box-shadow:-7px -7px 18px #ffffff0e,10px 10px 26px #000000d9,0 0 25px #00d4ff26}.rhythm-card.active{background:linear-gradient(145deg,#162246f0 0%,#0c1228f5 100%);border-color:#00d4ffa6;box-shadow:-6px -6px 18px #ffffff0f,9px 9px 26px #000000d9,0 0 25px #00d4ff38,inset 1px 1px 1.5px #ffffff38}.rhythm-main-heading{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.02em;width:100%;font-size:clamp(2.2rem,4.2vw,3.1rem);font-weight:700;line-height:1.2;display:block;margin:var(--space-3) auto var(--space-4) auto!important;text-align:center!important;max-width:920px!important}.rhythm-action-tagline{font-family:var(--font-mono);color:#00d4ff;border-radius:var(--radius-full);background:#00d4ff1a;border:1px solid #00d4ff47;align-items:center;gap:7px;padding:4px 14px;font-size:.75rem;font-weight:600;display:inline-flex}.tagline-dot{background:#00d4ff;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot;box-shadow:0 0 8px #00d4ff}.rhythm-action-icon-pill{filter:drop-shadow(0 2px 6px #0009);font-size:1.15rem}.rhythm-micro-stage{border-radius:var(--radius-lg);height:125px;margin:var(--space-3) 0 var(--space-4);background:radial-gradient(circle,#101c3ee6 0%,#060a16f2 85%);border:1px solid #ffffff14;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #000000b3}.micro-piko-wrap{transform-origin:50%;transition:transform .25s var(--ease-bounce);filter:drop-shadow(0 8px 16px #000c);transform:scale(.62)}.micro-piko-wrap.is-bouncing{animation:.55s piko-action-bounce}@keyframes piko-action-bounce{0%{transform:scale(.62)translateY(0)}40%{transform:scale(.72)translateY(-10px)}70%{transform:scale(.58)translateY(2px)}to{transform:scale(.62)translateY(0)}}.stage-coffee-steam{gap:3px;display:flex;position:absolute;top:10px;right:18px}.steam-line{border-radius:var(--radius-full);background:#fbbf2499;width:2px;height:12px;animation:1.8s ease-in-out infinite alternate steam-rise}.steam-line.sl2{height:16px;animation-delay:.5s}@keyframes steam-rise{0%{opacity:.4;transform:translateY(0)scaleY(.7)}to{opacity:.9;transform:translateY(-6px)scaleY(1.2)}}.micro-taskbar-indicator{justify-content:center;align-items:center;display:flex;position:absolute;bottom:6px;left:0;right:0}.taskbar-quiet-dot{font-family:var(--font-mono);color:#34d399;border-radius:var(--radius-full);background:#34d39926;border:1px solid #34d39959;padding:1px 6px;font-size:8px;font-weight:700}.micro-elastic-wire{position:absolute;top:14px;right:14px}.wire-tension-spark{font-size:13px;animation:1.2s ease-in-out infinite alternate spark-pulse}@keyframes spark-pulse{0%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1.2)rotate(10deg)}}.micro-snooze-bubble{flex-direction:column;align-items:center;display:flex;position:absolute;top:12px;right:18px}.z-item{font-family:var(--font-display);color:#00d4ff;font-weight:700;line-height:1;animation:2.2s ease-out infinite zzz-float}.zi1{font-size:13px}.zi2{font-size:9px;animation-delay:.6s}.rhythm-action-badge{font-family:var(--font-mono);letter-spacing:.06em;color:#38bdf8;margin-bottom:3px;font-size:.68rem;font-weight:700}.rhythm-action-title{font-family:var(--font-display);color:var(--color-ink);margin-bottom:var(--space-2);font-size:1.15rem;font-weight:600;line-height:1.25}.rhythm-action-text{color:var(--color-ink-soft);margin-bottom:var(--space-3);flex-grow:1;font-size:.825rem;line-height:1.45}.rhythm-tap-hint{font-family:var(--font-mono);color:#00d4ff;padding-top:var(--space-2);border-top:1px solid #ffffff0f;font-size:.72rem;font-weight:600}.rhythm-stage-banner{-webkit-backdrop-filter:blur(28px);border-radius:var(--radius-2xl);padding:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-8);background:#0e1630bf;border:1px solid #00d4ff40;border-top-color:#ffffff59;display:flex;box-shadow:0 30px 70px -15px #000000d9,inset 0 1px 1px #ffffff4d}.rhythm-stage-info{flex:1}.rhythm-stage-badge{font-family:var(--font-mono);color:#34d399;margin-bottom:var(--space-2);align-items:center;gap:8px;font-size:.75rem;font-weight:600;display:inline-flex}.rhythm-stage-title{font-family:var(--font-display);color:#fff;margin-bottom:var(--space-2);font-size:1.75rem;font-weight:700}.rhythm-stage-note{color:var(--color-ink-soft);font-size:1rem;line-height:1.6}.rhythm-stage-char{flex-shrink:0;justify-content:center;align-items:center;width:140px;height:140px;display:flex}.rhythm-stage-char .piko-character{transform-origin:50%;transform:scale(.68)}.why-section{padding:var(--space-24) 0;background:radial-gradient(circle,#140e3059 0%,#0000 75%);position:relative}.why-header{text-align:center;max-width:760px;margin:0 auto var(--space-12);flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.why-grid{gap:var(--space-8);margin-bottom:var(--space-12);grid-template-columns:repeat(3,1fr);display:grid}.why-card{border-radius:var(--radius-2xl);padding:var(--space-8);transition:transform var(--dur-slow) var(--ease-smooth), border-color var(--dur-base), box-shadow var(--dur-slow);background:linear-gradient(145deg,#121c38eb 0%,#090e1ef5 100%);border:1px solid #ffffff14;border-top-color:#ffffff2e;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:-6px -6px 16px #ffffff0b,8px 8px 24px #000c,inset 1px 1px 1px #ffffff1f}.why-card:hover{border-color:#8b5cf673;transform:translateY(-4px);box-shadow:-8px -8px 22px #ffffff0f,12px 12px 30px #000000e0,0 0 30px #8b5cf633,inset 1px 1px 1px #ffffff2e}.why-card-top{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.why-card-icon{border-radius:var(--radius-lg);background:#070b18d9;border:1px solid #ffffff0d;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.75rem;display:inline-flex;box-shadow:inset 2px 2px 6px #000000bf,inset -1px -1px 3px #ffffff0d}.why-card-badge{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-accent-lilac);border-radius:var(--radius-full);background:#c4b5fd1f;border:1px solid #c4b5fd38;padding:3px 10px;font-size:.7rem;font-weight:700}.why-card-title{font-family:var(--font-display);color:#fff;margin-bottom:var(--space-2);font-size:1.5rem;font-weight:700}.why-card-punchline{color:#38bdf8;margin-bottom:var(--space-4);font-size:.95rem;font-weight:600}.why-card-body{color:var(--color-ink-soft);margin-bottom:var(--space-6);flex-grow:1;font-size:.925rem;line-height:1.65}.why-card-truth{color:#f8fafc;border-radius:var(--radius-md);background:#ffffff0a;border-left:3px solid #00d4ff;align-items:flex-start;gap:8px;padding:10px 14px;font-size:.85rem;font-style:italic;display:flex}.truth-sparkle{color:#00d4ff;flex-shrink:0;font-size:.9rem}.why-summary-bar{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-8);justify-content:space-around;align-items:center;gap:var(--space-4);background:#0d142ab3;border:1px solid #ffffff1f;border-top-color:#ffffff47;flex-wrap:wrap;display:flex;box-shadow:0 16px 40px #0009}.summary-item{flex-direction:column;align-items:center;gap:4px;display:flex}.summary-label{color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:600}.summary-val{font-family:var(--font-mono);font-size:.95rem;font-weight:700}.summary-divider{background:#ffffff1a;width:1px;height:32px}.faq-section{padding:var(--space-24) 0;position:relative}.faq-header{text-align:center;max-width:680px;margin:0 auto var(--space-12)}.faq-list{gap:var(--space-4);flex-direction:column;max-width:820px;margin:0 auto;display:flex}.faq-item{-webkit-backdrop-filter:blur(24px)saturate(180%);border-radius:var(--radius-xl);transition:border-color var(--dur-base), box-shadow var(--dur-base), background var(--dur-base);background:#0d142a99;border:1px solid #ffffff17;border-top-color:#ffffff38;overflow:hidden;box-shadow:0 12px 30px #00000080}.faq-item:hover{border-color:#00d4ff4d}.faq-item.open{background:#101a38bf;border-color:#00d4ff73;box-shadow:0 16px 40px #000000b3,0 0 25px #00d4ff1f}.faq-q{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-5) var(--space-6);cursor:pointer;text-align:left;color:#fff;background:0 0;border:none;display:flex}.faq-q-text{font-family:var(--font-display);color:var(--color-ink);padding-right:var(--space-3);flex:1;font-size:1.15rem;font-weight:600;line-height:1.4}.faq-toggle-icon{color:var(--color-face);background:#00d4ff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.4rem;font-weight:400;display:flex}.faq-a{padding:0 var(--space-6) var(--space-6);color:var(--color-ink-soft);font-size:.95rem;line-height:1.7}.faq-a p{margin:0}@media (max-width:1024px){.rhythm-grid{grid-template-columns:repeat(2,1fr)}.why-grid{gap:var(--space-6);grid-template-columns:1fr}.rhythm-stage-banner{text-align:center;gap:var(--space-6);flex-direction:column}.why-summary-bar{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.summary-divider{display:none}}@media (max-width:640px){.rhythm-grid{grid-template-columns:1fr}.rhythm-stage-char{width:100px;height:100px}.faq-q-text{font-size:1rem}.faq-q{padding:var(--space-4)}.faq-a{padding:0 var(--space-4) var(--space-4)}.why-summary-bar{grid-template-columns:1fr}}.hero-companion-stage{justify-content:center;align-items:center;width:100%;display:flex}.hero-pedestal-card{-webkit-backdrop-filter:blur(28px)saturate(190%);border-radius:var(--radius-2xl);width:min(380px,92vw);padding:var(--space-6) var(--space-6) var(--space-5);background:#0d142aa6;border:1px solid #ffffff1f;border-top-color:#ffffff52;flex-direction:column;align-items:center;display:flex;position:relative;box-shadow:0 30px 70px -15px #000000d9,inset 0 1px 1px #ffffff40,0 0 35px #00d4ff24}.hero-pedestal-glow{filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#00d4ff38 0%,#8b5cf61f 50%,#0000 70%);width:220px;height:220px;position:absolute;top:20%;left:50%;transform:translate(-50%,-20%)}.hero-mini-bar{width:100%;padding-bottom:var(--space-3);margin-bottom:var(--space-4);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;display:flex}.mini-bar-tabs{align-items:center;gap:8px;display:flex}.mini-tab-dot{background:#34d399;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #34d399}.mini-tab-title{font-family:var(--font-mono);color:#e2e8f0;font-size:11px;font-weight:500}.mini-status-chip{font-family:var(--font-mono);color:#0ef;border-radius:var(--radius-full);background:#00d4ff1a;border:1px solid #00d4ff40;padding:2px 8px;font-size:9.5px}.hero-robot-holder{cursor:pointer;padding:var(--space-2) 0;outline:none;flex-direction:column;align-items:center;display:flex;position:relative}.hero-piko-scaler{transform-origin:bottom;transition:transform .3s var(--ease-bounce);transform:scale(.85)}.hero-robot-holder:hover .hero-piko-scaler{transform:scale(.92)translateY(-4px)}.hero-piko-shadow{background:radial-gradient(#000000b3 0%,#0000 70%);border-radius:50%;width:110px;height:14px;margin-top:-6px}.hero-pedestal-footer{width:100%;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid #ffffff0f;justify-content:center;display:flex}.hero-scroll-invite-btn{border-radius:var(--radius-full);color:#0ef;font-family:var(--font-body);transition:all var(--dur-fast);background:#00d4ff1a;border:1px solid #00d4ff59;align-items:center;gap:8px;padding:8px 16px;font-size:11.5px;font-weight:600;text-decoration:none;display:inline-flex}.hero-scroll-invite-btn:hover{background:#00d4ff33;border-color:#00d4ff99;transform:translateY(2px);box-shadow:0 0 16px #00d4ff4d}.invite-dot{background:#00d4ff;border-radius:50%;width:6px;height:6px;animation:1.8s infinite pulse-dot;box-shadow:0 0 6px #00d4ff}.invite-arrow{font-size:13px;animation:1.6s ease-in-out infinite bounce-arrow}@keyframes bounce-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.full-desktop-section{padding:var(--space-20) 0;background:radial-gradient(at 50% 30%,#0e183a80 0%,#0000 75%);flex-direction:column;justify-content:center;min-height:100vh;display:flex;position:relative}.full-desktop-header{text-align:center;max-width:900px;margin:0 auto var(--space-8);flex-direction:column;align-items:center;display:flex}.desktop-main-heading{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.02em;margin:var(--space-3) 0 var(--space-5);text-align:center;text-wrap:balance;font-size:clamp(2.1rem,4vw,2.9rem);font-weight:700;line-height:1.2}.desktop-action-bar{margin-top:var(--space-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:inline-flex}.desktop-drag-pill{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(20px);font-family:var(--font-mono);color:#fff;background:#0e162ebf;border:1px solid #00d4ff66;align-items:center;gap:8px;padding:8px 18px;font-size:12.5px;display:inline-flex;box-shadow:0 4px 18px #0009,0 0 16px #00d4ff26}.drag-pill-hand{font-size:15px;animation:2s ease-in-out infinite alternate wave-hand}@keyframes wave-hand{0%{transform:rotate(-8deg)}to{transform:rotate(12deg)}}.drag-pill-text{color:#0ef;font-weight:600}.drag-pill-snap{color:#94a3b8;font-size:11px}.desktop-fullscreen-btn{border-radius:var(--radius-full);color:#0ef;font-family:var(--font-mono);cursor:pointer;transition:all var(--dur-fast);background:#00d4ff1f;border:1px solid #00d4ff73;align-items:center;gap:7px;padding:8px 16px;font-size:12px;font-weight:600;display:inline-flex}.desktop-fullscreen-btn:hover{color:#fff;background:#00d4ff40;border-color:#00d4ffd9;transform:translateY(-1px)}.full-monitor-chassis{background:linear-gradient(#1b233a 0%,#0d1222 100%);border:2px solid #ffffff29;border-top-color:#ffffff59;border-radius:24px 24px 8px 8px;width:100%;max-width:1140px;margin:0 auto;padding:10px 12px 14px;position:relative;box-shadow:0 40px 100px -20px #000000f2,0 0 60px #00d4ff24,inset 0 1px 2px #ffffff4d}.monitor-top-bezel{justify-content:center;align-items:center;gap:8px;height:10px;margin-bottom:8px;display:flex}.monitor-webcam{background:#000;border:1px solid #ffffff40;border-radius:50%;width:5px;height:5px}.monitor-mic-hole{opacity:.6;background:#34d399;border-radius:50%;width:3px;height:3px}.full-virtual-screen{aspect-ratio:16/9.5;-webkit-user-select:none;user-select:none;cursor:crosshair;background:#060913;border-radius:12px;width:100%;min-height:480px;max-height:680px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #000000d9}.screen-wallpaper{pointer-events:none;background:radial-gradient(circle at 65% 35%,#0f1c42 0%,#060a16 85%);position:absolute;inset:0}.aurora-glow-top{filter:blur(50px);background:radial-gradient(#00d4ff40 0%,#0000 65%);width:75%;height:90%;position:absolute;top:-20%;right:-10%}.aurora-glow-bottom{filter:blur(55px);background:radial-gradient(#8b5cf638 0%,#0000 65%);width:65%;height:80%;position:absolute;bottom:-15%;left:-10%}.screen-mesh-grid{background-image:linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.screen-desktop-icons{pointer-events:none;z-index:2;flex-direction:column;gap:16px;display:flex;position:absolute;top:18px;left:18px}.icon-glyph{background:#ffffff14;border:1px solid #ffffff26;border-radius:5px;width:28px;height:26px}.icon-pc{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#38bdf8}.icon-folder{background:linear-gradient(135deg,#fbbf24,#d97706)}.icon-browser{background:linear-gradient(135deg,#00d4ff,#3b82f6)}.icon-trash{background:linear-gradient(135deg,#334155,#1e293b)}.screen-status-badge{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5;pointer-events:none;background:#080e1ed9;border:1px solid #00d4ff59;align-items:center;gap:7px;padding:5px 14px;display:inline-flex;position:absolute;top:14px;right:18px;box-shadow:0 4px 16px #0009,0 0 16px #00d4ff2e}.status-live-dot{background:#00d4ff;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot;box-shadow:0 0 8px #00d4ff}.status-live-dot.is-dragging{background:#f43f5e;box-shadow:0 0 10px #f43f5e}.status-badge-text{font-family:var(--font-mono);color:#0ef;font-size:11px;font-weight:600}.active-code-window{-webkit-backdrop-filter:blur(24px);z-index:3;background:#0b1122e0;border:1px solid #ffffff1f;border-top-color:#ffffff4d;border-radius:10px;flex-direction:column;display:flex;position:absolute;inset:16% 18% 15%;overflow:hidden;box-shadow:0 20px 48px #000c,inset 0 1px #fff3}.window-titlebar{background:#070b16eb;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:32px;padding:0 12px;display:flex}.titlebar-tabs{align-items:center;gap:6px;height:100%;display:flex}.titlebar-tab{font-family:var(--font-mono);color:#64748b;border-radius:5px 5px 0 0;align-items:center;gap:5px;padding:4px 10px;font-size:11px;display:inline-flex}.titlebar-tab.active{color:#00d4ff;background:#0e162ef2;border-top:2px solid #00d4ff}.titlebar-controls{color:#94a3b8;align-items:center;gap:10px;font-family:monospace;font-size:10px;display:flex}.ctrl-btn{cursor:default}.ctrl-close:hover{color:#ef4444}.window-code-body{font-family:var(--font-mono);background:#060a14f0;flex-direction:column;flex:1;gap:3px;padding:14px 18px;font-size:11.5px;line-height:1.6;display:flex;overflow:hidden}.code-line{white-space:nowrap;align-items:center;gap:12px;display:flex}.code-line.indent{padding-left:20px}.ln{color:#475569;-webkit-user-select:none;user-select:none;width:14px;font-size:9.5px}.token-kw{color:#f472b6}.token-ident{color:#00d4ff}.token-var{color:#f8fafc}.token-fn{color:#fbbf24}.token-str{color:#34d399}.token-prop{color:#c4b5fd}.token-bool{color:#38bdf8}.token-comm{color:#64748b;font-style:italic}.interactive-piko-anchor{z-index:10;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;flex-direction:column;align-items:center;display:flex;position:absolute}.interactive-piko-anchor.is-grabbed{cursor:grabbing!important;z-index:50!important}.piko-drag-handle-tag{border-radius:var(--radius-full);font-family:var(--font-mono);color:#0ef;white-space:nowrap;pointer-events:none;opacity:.85;transition:opacity var(--dur-fast), transform var(--dur-fast);background:#080e1ee6;border:1px solid #00d4ff73;align-items:center;gap:5px;margin-bottom:2px;padding:2px 9px;font-size:9.5px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #0009,0 0 10px #00d4ff33}.interactive-piko-anchor:hover .piko-drag-handle-tag{opacity:1;transform:translateY(-2px)}.handle-icon{font-size:9.5px}.character-scaler-full{transform-origin:bottom;filter:drop-shadow(0 14px 24px #000000bf);transition:filter .25s;transform:scale(1)}.interactive-piko-anchor.is-grabbed .character-scaler-full{filter:drop-shadow(0 24px 36px #000000e6)drop-shadow(0 0 20px #00d4ff59)}.piko-floor-shadow{pointer-events:none;background:radial-gradient(#000000a6 0%,#0000 70%);border-radius:50%;width:120px;height:14px;margin-top:-6px}.screen-windows-taskbar{-webkit-backdrop-filter:blur(28px);z-index:4;background:#0d1426f2;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:44px;padding:0 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.taskbar-center-apps{align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.taskbar-btn{color:#94a3b8;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.taskbar-search-box{border-radius:var(--radius-full);font-family:var(--font-body);color:#94a3b8;background:#ffffff0f;border:1px solid #ffffff1a;align-items:center;gap:6px;padding:5px 12px;font-size:11px;display:flex}.taskbar-btn.tb-app-active{color:#00d4ff;background:#00d4ff1f;border-color:#00d4ff59;position:relative}.app-dot{background:#00d4ff;border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.taskbar-btn.tb-piko{background:#00d4ff2e;border-color:#00d4ff80;position:relative;box-shadow:0 0 12px #00d4ff4d}.piko-run-pulse{background:#34d399;border-radius:50%;width:5px;height:5px;position:absolute;top:3px;right:3px;box-shadow:0 0 6px #34d399}.taskbar-tray{font-family:var(--font-mono);color:#94a3b8;align-items:center;gap:10px;margin-left:auto;font-size:11px;display:flex}.tray-stat{color:#34d399;font-size:10px}.tray-divider{background:#ffffff1f;width:1px;height:14px}.tray-time{color:#e2e8f0;font-weight:500}.full-monitor-chassis .laptop-deck{background:linear-gradient(#1f273d 0%,#0d1220 100%);border:1px solid #ffffff26;border-top-color:#ffffff4d;border-radius:0 0 16px 16px;justify-content:center;align-items:center;width:calc(100% + 24px);height:18px;margin-top:10px;margin-left:-12px;display:flex;position:relative;box-shadow:0 14px 28px #000000d9}.full-monitor-chassis .laptop-notch-cutout{background:#090d18;border-radius:0 0 4px 4px;width:60px;height:5px}.full-monitor-chassis.is-fullscreen-view{z-index:999999!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;box-shadow:none!important;background:#060913!important;border:none!important;border-radius:0!important;flex-direction:column!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important;inset:0!important}.full-monitor-chassis.is-fullscreen-view .full-virtual-screen{aspect-ratio:auto!important;border-radius:0!important;flex:1!important;width:100%!important;height:100%!important;min-height:100vh!important;max-height:100vh!important}.full-monitor-chassis.is-fullscreen-view .monitor-top-bezel,.full-monitor-chassis.is-fullscreen-view .laptop-deck{display:none!important}.exit-fullscreen-btn{z-index:1000000;border-radius:var(--radius-full);color:#fff;font-family:var(--font-mono);cursor:pointer;-webkit-backdrop-filter:blur(16px);transition:all var(--dur-fast);background:#0e162eeb;border:1px solid #00d4ff80;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:600;display:inline-flex;position:fixed;top:16px;left:20px;box-shadow:0 8px 24px #000c,0 0 16px #00d4ff4d}.exit-fullscreen-btn:hover{color:#fecaca;background:#ef444459;border-color:#ef4444;transform:translateY(-1px)}.btn-fullscreen-toggle{color:#0ef!important;background:#00d4ff1a!important;border-color:#00d4ff66!important}.btn-fullscreen-toggle:hover{transform:translateY(-1px);background:#00d4ff38!important;border-color:#00d4ffcc!important}.desktop-footer-callout{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-4) var(--space-6);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl);background:#0e162ea6;border:1px solid #ffffff1a;display:flex}.callout-tip{font-size:var(--text-sm);color:var(--color-ink-soft);align-items:center;gap:10px;display:flex}.tip-bulb{font-size:1.1rem}.callout-actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}@media (max-width:1024px){.full-virtual-screen{min-height:420px}.active-code-window{left:12%;right:12%}.character-scaler-full{transform:scale(.9)}.desktop-footer-callout{text-align:center;gap:var(--space-3);flex-direction:column}}@media (max-width:640px){.full-virtual-screen{min-height:340px}.active-code-window{inset:14% 6% 16%}.window-code-body{padding:10px 12px;font-size:9.5px}.character-scaler-full{transform:scale(.72)}.desktop-controls-deck{grid-template-columns:repeat(2,1fr);display:grid}.callout-actions{flex-direction:column;width:100%}.callout-actions .btn{justify-content:center;width:100%}}.what-piko-does-section{padding:var(--space-24) 0;background:radial-gradient(circle at 50% 10%,#0a193c66 0%,#0000 70%);position:relative}.what-piko-header{text-align:center;max-width:760px;margin:0 auto var(--space-12);flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.what-piko-layout{gap:var(--space-8);grid-template-columns:1.25fr 1fr;align-items:center;display:grid}.what-piko-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.action-tile-card{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl);padding:var(--space-5);cursor:pointer;transition:all var(--dur-fast) var(--ease-smooth);background:#0d142aa6;border:1px solid #ffffff1a;border-top-color:#ffffff38;position:relative;overflow:hidden}.action-tile-card:hover{background:#121c3ad9;border-color:#00d4ff66;transform:translateY(-3px);box-shadow:0 16px 36px #0009,0 0 24px #00d4ff26}.action-tile-card.active{background:#142044eb;border-color:#00d4ffb3;box-shadow:0 20px 40px #000000b3,0 0 28px #00d4ff40}.tile-top{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.tile-icon{font-size:1.25rem}.tile-badge{font-family:var(--font-mono);letter-spacing:.06em;color:#38bdf8;border-radius:var(--radius-full);background:#38bdf81f;border:1px solid #38bdf840;padding:2px 8px;font-size:.68rem;font-weight:700}.tile-title{font-family:var(--font-display);color:var(--color-ink);margin-bottom:var(--space-2);font-size:1.05rem;font-weight:600}.tile-punchline{color:var(--color-ink-soft);margin-bottom:var(--space-3);font-size:.82rem;line-height:1.45}.tile-action-tag{font-family:var(--font-mono);color:#00d4ff;font-size:.72rem;font-weight:600}.what-piko-stage-card{border-radius:var(--radius-2xl);padding:var(--space-6);background:linear-gradient(#161e36 0%,#0c1224 100%);border:2px solid #ffffff26;border-top-color:#ffffff4d;box-shadow:0 30px 80px #000000d9,0 0 40px #00d4ff26}.stage-top-bar{margin-bottom:var(--space-4);font-family:var(--font-mono);color:#34d399;align-items:center;gap:8px;font-size:.75rem;font-weight:600;display:flex}.stage-dot{background:#34d399;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #34d399}.stage-sandbox-view{border-radius:var(--radius-xl);padding:var(--space-5);background:#060914;border:1px solid #ffffff14;justify-content:center;align-items:center;min-height:290px;display:flex;position:relative;overflow:hidden}.stage-window-frame{background:#0c1226f2;border:1px solid #ffffff1f;border-radius:10px;width:100%;max-width:360px;overflow:hidden;box-shadow:0 16px 40px #000000b3}.stage-window-bar{height:28px;font-family:var(--font-mono);background:#080c18f2;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:0 10px;font-size:10.5px;display:flex}.stage-tab{color:#00d4ff}.stage-mode-pill{border-radius:var(--radius-full);color:#38bdf8;background:#00d4ff1f;padding:1px 6px;font-size:9px}.stage-window-content{background:radial-gradient(circle at 50% 40%,#0e1937cc 0%,#060a15 80%);justify-content:center;align-items:center;height:180px;display:flex;position:relative}.stage-wire-grid{background-image:linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.stage-robot-holder{cursor:pointer;z-index:5;flex-direction:column;align-items:center;display:flex;position:relative}.stage-robot-scaler{transform-origin:bottom;filter:drop-shadow(0 10px 18px #000000bf);transform:scale(.85)}.stage-robot-shadow{background:radial-gradient(#000000b3 0%,#0000 70%);border-radius:50%;width:90px;height:10px;margin-top:-4px}.stage-zzz-cluster{z-index:6;flex-direction:column;align-items:center;display:flex;position:absolute;top:18px;right:28px}.stage-footer{margin-top:var(--space-4);justify-content:space-between;align-items:center;gap:12px;display:flex}.stage-tip-icon{font-size:1.1rem}.stage-note-text{font-size:var(--text-xs);color:var(--color-ink-soft);flex:1}.stage-interact-btn{padding:4px 10px;font-size:11px}.after-download-section{padding:var(--space-24) 0;background:radial-gradient(circle at 50% 30%,#101c4073 0%,#0000 75%);position:relative}.after-download-header{text-align:center;max-width:760px;margin:0 auto var(--space-12);flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.steps-cards-grid{gap:var(--space-6);margin-bottom:var(--space-12);grid-template-columns:repeat(3,1fr);display:grid}.step-card{-webkit-backdrop-filter:blur(28px);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--dur-base) var(--ease-bounce);background:#0d142ab3;border:1px solid #ffffff1a;border-top-color:#ffffff47;flex-direction:column;min-height:390px;padding:32px 28px;display:flex;position:relative;overflow:hidden}.step-card:hover{border-color:#00d4ff73;transform:translateY(-6px);box-shadow:0 28px 60px -10px #000000d9,0 0 30px #00d4ff2e}.step-card.active{background:#101a3ae6;border-color:#00d4ffbf;box-shadow:0 30px 65px -10px #000000e6,0 0 35px #00d4ff4d}.step-card-top{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.step-num-pill{font-family:var(--font-mono);color:#00d4ff;border-radius:var(--radius-full);background:#00d4ff1f;border:1px solid #00d4ff4d;padding:3px 10px;font-size:.75rem;font-weight:700}.step-badge{font-family:var(--font-mono);letter-spacing:.05em;color:var(--color-ink-muted);font-size:.68rem;font-weight:700}.step-visual-box{border-radius:var(--radius-lg);padding:var(--space-4);min-height:110px;margin-bottom:var(--space-5);background:#070b18e6;border:1px solid #ffffff14;justify-content:center;align-items:center;display:flex}.visual-exe-file{align-items:center;gap:12px;width:100%;display:flex}.exe-icon-wrap{background:linear-gradient(135deg,#1e293b,#0f172a);border:1.5px solid #00d4ff66;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #00d4ff33}.exe-glyph{font-size:1.25rem}.exe-subtext{font-family:var(--font-mono);color:#00d4ff;font-size:7px;font-weight:700}.exe-info{flex:1}.exe-name{font-family:var(--font-mono);color:#fff;font-size:13px;font-weight:600}.exe-meta{color:#94a3b8;font-size:10px}.exe-status-dot{background:#34d399;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #34d399}.visual-drag-preview{flex-direction:column;gap:8px;width:100%;display:flex}.fake-titlebar{font-family:var(--font-mono);background:#ffffff0a;border-radius:4px;justify-content:space-between;align-items:center;padding:4px 8px;font-size:9.5px;display:flex}.fake-tab{color:#00d4ff}.snap-indicator{color:#38bdf8;align-items:center;gap:4px;font-size:8.5px;display:flex}.snap-pulse{background:#38bdf8;border-radius:50%;width:5px;height:5px;animation:1.5s infinite pulse-dot}.drag-motion-track{justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex}.drag-arrow{color:#00d4ff;font-size:11px}.visual-focus-preview{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.focus-status-chip{border-radius:var(--radius-full);font-family:var(--font-mono);color:#34d399;background:#34d3991f;border:1px solid #34d3994d;align-items:center;gap:6px;padding:3px 10px;font-size:10px;display:inline-flex}.focus-metrics{font-family:var(--font-mono);color:#94a3b8;align-items:center;gap:6px;font-size:9.5px;display:flex}.focus-dot-sep{color:#fff3}.step-card-title{font-family:var(--font-display);color:var(--color-ink);margin-bottom:6px;font-size:1.22rem;font-weight:600}.step-card-sub{color:#38bdf8;margin-bottom:var(--space-3);font-size:.88rem;font-weight:500}.step-card-desc{color:var(--color-ink-soft);margin-top:auto;padding-bottom:2px;font-size:.875rem;line-height:1.6}.download-cta-banner{-webkit-backdrop-filter:blur(28px);border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-10);justify-content:space-between;align-items:center;gap:var(--space-6);background:#0e1630cc;border:1px solid #00d4ff59;flex-wrap:wrap;display:flex;box-shadow:0 30px 70px -10px #000000e6,0 0 35px #00d4ff2e}.cta-banner-title{font-family:var(--font-display);color:#fff;margin-bottom:4px;font-size:1.35rem;font-weight:600}.cta-banner-sub{color:var(--color-ink-soft);font-size:.9rem}@media (max-width:1024px){.what-piko-layout{gap:var(--space-6);grid-template-columns:1fr}.steps-cards-grid{gap:var(--space-4);grid-template-columns:1fr}.download-cta-banner{text-align:center;flex-direction:column}}@media (max-width:640px){.what-piko-grid{grid-template-columns:1fr}}@media (max-width:960px){.desktop-experience-grid{grid-template-columns:1fr!important;gap:24px!important}}@media (max-width:768px){.desktop-experience-section{padding:60px 0 80px!important}.rhythm-grid{grid-template-columns:1fr 1fr!important}}@media (max-width:540px){.rhythm-grid{grid-template-columns:1fr!important}}@keyframes pikoPageFadeIn{0%{opacity:0;transform:translateY(var(--motion-distance-md))}to{opacity:1;transform:translateY(0)}}.motion-page-enter{animation:pikoPageFadeIn var(--motion-dur-page) var(--motion-ease-natural) forwards;will-change:opacity, transform}.motion-fade-up{opacity:0;transform:translateY(var(--motion-distance-md));transition:opacity var(--motion-dur-page) var(--motion-ease-natural), transform var(--motion-dur-page) var(--motion-ease-natural)}.motion-fade-up.visible{opacity:1;transform:translateY(0)}.motion-stagger-1{transition-delay:40ms}.motion-stagger-2{transition-delay:80ms}.motion-stagger-3{transition-delay:.12s}.motion-stagger-4{transition-delay:.16s}.motion-stagger-5{transition-delay:.2s}.motion-stagger-6{transition-delay:.24s}.btn{transition:background var(--motion-dur-hover) var(--motion-ease-natural), transform var(--motion-dur-hover) var(--motion-ease-natural), box-shadow var(--motion-dur-hover) var(--motion-ease-natural), color var(--motion-dur-hover) var(--motion-ease-natural), border-color var(--motion-dur-hover) var(--motion-ease-natural)!important}.btn:focus-visible{outline:2px solid var(--color-face);outline-offset:3px}.feature-card,.pricing-card,.dashboard-card,.preview-card{transition:transform var(--motion-dur-hover) var(--motion-ease-natural), box-shadow var(--motion-dur-hover) var(--motion-ease-natural), border-color var(--motion-dur-hover) var(--motion-ease-natural)}.faq-a-wrapper{transition:grid-template-rows var(--motion-dur-dropdown) var(--motion-ease-natural), opacity var(--motion-dur-dropdown) var(--motion-ease-natural);opacity:0;grid-template-rows:0fr;display:grid;overflow:hidden}.faq-a-wrapper.open{opacity:1;grid-template-rows:1fr}.faq-a-wrapper>.faq-a{min-height:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.motion-page-enter{opacity:1!important;animation:none!important;transform:none!important}.reveal-on-scroll{opacity:1!important;transition:none!important;transform:none!important}.spatial-orb{animation:none!important}}