.ji-hero{position:relative;width:100vw;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--ji-bg, #07070b);color:var(--ji-fg, #f5f5f7);font-family:var(--ji-font-body, "Inter", system-ui, sans-serif);--ji-bg: #07070b;--ji-fg: #f5f5f7;--ji-muted: #9ca3af;--ji-accent: #d9a653;--ji-accent-2: #6d5bd0;--ji-card-from: #1e1a38;--ji-card-to: #08070d}.ji-perspective{perspective:1500px}.ji-reveal{visibility:hidden}.ji-muted{color:var(--ji-muted)}.ji-card-muted{color:#d8d3ff99}.ji-film-grain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:50;opacity:.05;mix-blend-mode:overlay;background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100%25" height="100%25" filter="url(%23n)"/></svg>')}.ji-grid{position:absolute;inset:0;z-index:0;opacity:.5;pointer-events:none;background-size:60px 60px;background-image:linear-gradient(to right,rgba(245,245,247,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(245,245,247,.05) 1px,transparent 1px);mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%)}.ji-text-matte{color:var(--ji-fg);text-shadow:0 10px 30px rgba(245,245,247,.18),0 2px 4px rgba(245,245,247,.08)}.ji-text-silver{background:linear-gradient(180deg,var(--ji-fg) 0%,rgba(245,245,247,.4) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transform:translateZ(0);filter:drop-shadow(0 10px 20px rgba(245,245,247,.15)) drop-shadow(0 2px 4px rgba(245,245,247,.1))}.ji-text-card-silver{background:linear-gradient(180deg,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transform:translateZ(0);filter:drop-shadow(0px 12px 24px rgba(0,0,0,.8)) drop-shadow(0px 4px 8px rgba(0,0,0,.6))}.ji-card-depth{background:linear-gradient(145deg,var(--ji-card-from) 0%,var(--ji-card-to) 100%);box-shadow:0 40px 100px -20px #000000e6,0 20px 40px -20px #000c,inset 0 1px 2px #ffffff14,inset 0 -2px 4px #000c;border:1px solid rgba(255,255,255,.04)}.ji-card-sheen{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:50;background:radial-gradient(800px circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.06) 0%,transparent 40%);mix-blend-mode:screen;transition:opacity .3s ease}.ji-accent-chip{background:linear-gradient(145deg,var(--ji-accent) 0%,#a9763a 100%);color:#1a1206}.ji-glass{background:linear-gradient(135deg,#ffffff14,#ffffff03);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 0 0 1px #ffffff1a,0 25px 50px -12px #000c,inset 0 1px 1px #fff3,inset 0 -1px 1px #00000080}.ji-widget{background:linear-gradient(180deg,#ffffff0a,#ffffff03);box-shadow:0 10px 20px #0000004d,inset 0 1px 1px #ffffff0d,inset 0 -1px 1px #00000080;border:1px solid rgba(255,255,255,.03)}.ji-bar{height:var(--ji-bar-h, 10%);background:linear-gradient(180deg,var(--ji-accent) 0%,var(--ji-accent-2) 100%);opacity:.85;transform-origin:bottom}.ji-progress-ring{transform:rotate(-90deg);transform-origin:center;stroke-dasharray:264;stroke-dashoffset:264;stroke-linecap:round}.ji-laptop{position:relative;width:560px;max-width:90vw;transform-style:preserve-3d}.ji-laptop-screen{position:relative;width:100%;aspect-ratio:16 / 10;background:#0b0b10;border:10px solid #1c1c22;border-radius:16px 16px 4px 4px;box-shadow:inset 0 0 0 1px #ffffff0a,0 40px 80px -15px #000000e6,0 15px 25px -5px #000000b3;overflow:hidden}.ji-laptop-camera{position:absolute;top:3px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:9999px;background:#050507;box-shadow:0 0 0 1px #ffffff0d,inset 0 0 2px #ffffff1a;z-index:40}.ji-screen-glare{position:absolute;inset:0;z-index:40;pointer-events:none;background:linear-gradient(110deg,#ffffff12,#fff0 45%)}.ji-laptop-base{position:relative;width:112%;margin-left:-6%;height:16px;background:linear-gradient(180deg,#2a2a32,#111114);border-radius:0 0 12px 12px;box-shadow:0 10px 20px #0009,inset 0 1px 1px #ffffff14}.ji-laptop-notch{position:absolute;top:-2px;left:50%;transform:translate(-50%);width:60px;height:6px;border-radius:0 0 6px 6px;background:#0b0b10}.ji-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 2rem;border-radius:.85rem;font-weight:600;font-size:.95rem;letter-spacing:-.01em;transition:transform .3s cubic-bezier(.25,1,.5,1),box-shadow .3s ease,background .3s ease}.ji-btn-primary{background:linear-gradient(180deg,var(--ji-accent) 0%,#b8842f 100%);color:#181206;box-shadow:0 0 0 1px #0000000d,0 12px 24px -4px #d9a65359,inset 0 1px 1px #fff6}.ji-btn-primary:hover{transform:translateY(-3px)}.ji-btn-secondary{background:linear-gradient(180deg,#27272a,#18181b);color:#fff;box-shadow:0 0 0 1px #ffffff1a,0 12px 24px -4px #000000e6,inset 0 1px 1px #ffffff26}.ji-btn-secondary:hover{transform:translateY(-3px)}@media(prefers-reduced-motion:reduce){.ji-reveal{visibility:visible!important}}.ji-widget[data-astro-cid-j7pv25f6]{background:linear-gradient(180deg,#ffffff0a,#ffffff03);box-shadow:0 10px 20px #0000004d,inset 0 1px 1px #ffffff0d,inset 0 -1px 1px #00000080;border:1px solid rgba(255,255,255,.03)}.ji-grid[data-astro-cid-j7pv25f6]{background-size:60px 60px;background-image:linear-gradient(to right,rgba(245,245,247,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(245,245,247,.05) 1px,transparent 1px);-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%)}.ji-btn-primary[data-astro-cid-j7pv25f6]{background:linear-gradient(180deg,#d9a653,#b8842f);color:#181206;box-shadow:0 12px 24px -4px #d9a65359;transition:transform .3s ease}.ji-btn-primary[data-astro-cid-j7pv25f6]:hover{transform:translateY(-2px)}.ji-btn-secondary[data-astro-cid-j7pv25f6]{background:#ffffff08;color:#fff;transition:all .3s ease}.ji-btn-secondary[data-astro-cid-j7pv25f6]:hover{background:#ffffff14;transform:translateY(-2px)}