:root{--ink: #0A0A0A;--orange: #FF6600;--red: #FF4A1A;--bone: #F7F4EF;--paper: #FEFDFC;--white: #FFFFFF;--ink-700: #2A2A2A;--ink-500: #6B6B6B;--ink-300: #A8A8A8;--ink-200: #C9C9C9;--ink-100: #E6E6E6;--ink-50: #F2F2F2;--font-sans: "Geist", system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--motion-fast: .12s;--motion-base: .2s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font:400 16px/1.55 var(--font-sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}img{display:block;max-width:100%}*:focus-visible{outline:2px solid var(--orange);outline-offset:2px;border-radius:inherit}.t-display{font:600 clamp(40px,6vw,72px)/1.05 var(--font-sans);letter-spacing:-.02em}.t-h1{font:600 clamp(32px,4vw,48px)/1.1 var(--font-sans);letter-spacing:-.015em}.t-h2{font:700 clamp(24px,3vw,32px)/1.2 var(--font-sans);letter-spacing:-.01em}.t-h3{font:700 20px/1.3 var(--font-sans);letter-spacing:-.005em}.t-body{font:400 16px/1.55 var(--font-sans)}.t-small{font:400 14px/1.5 var(--font-sans);color:var(--ink-500)}.t-mono{font:300 13px/1.4 var(--font-mono);letter-spacing:.01em}.t-mono-headline{font:200 clamp(36px,5vw,56px)/1 var(--font-mono);letter-spacing:-.03em}.t-mono-accent{font-family:var(--font-mono);font-weight:600}.wrap{max-width:1120px;margin:0 auto;padding:0 var(--space-6)}@media (max-width: 600px){.wrap{padding:0 20px}}section{padding:var(--space-9) 0}@media (max-width: 600px){section{padding:var(--space-8) 0}}.surface-paper{background:var(--paper)}.surface-bone{background:var(--bone)}.surface-white{background:var(--white)}.surface-ink{background:var(--ink);color:var(--white)}.wordmark{display:inline-block;height:2em}.wordmark img{display:block;height:100%;width:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:44px;padding:0 22px;font:700 14px/1 var(--font-sans);border-radius:var(--radius-pill);cursor:pointer;border:0;transition:transform var(--motion-fast) ease,background var(--motion-fast) ease,color var(--motion-fast) ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);color:var(--white)}.btn-primary:hover{background:var(--ink-700)}.btn-primary:disabled{background:var(--ink-200);color:var(--ink-500);cursor:not-allowed}.btn-secondary{background:transparent;color:var(--orange);border:1.5px solid var(--orange)}.btn-secondary:hover{background:var(--orange);color:var(--white)}.btn-secondary:disabled{color:var(--ink-300);border-color:var(--ink-200);cursor:not-allowed}.btn-tertiary{background:transparent;color:var(--ink);border:0;padding:0 var(--space-3)}.btn-tertiary:hover{background:var(--ink-50)}.btn-destructive{background:var(--red);color:var(--white);border:0}.btn-destructive:hover{filter:brightness(.92)}.btn-icon{width:44px;padding:0;background:transparent;color:var(--ink);border:0;border-radius:var(--radius-pill)}.btn-icon:hover{background:var(--ink-50)}.btn-sm{height:36px;padding:0 16px;font-size:13px}.btn-lg{height:52px;padding:0 28px;font-size:15px}.surface-ink .btn-secondary,.cta-band .btn-secondary{color:var(--white);border-color:#ffffff40}.surface-ink .btn-secondary:hover,.cta-band .btn-secondary:hover{background:var(--white);color:var(--ink);border-color:var(--white)}.card{background:var(--white);border:1px solid var(--ink-100);border-radius:var(--radius-lg);padding:var(--space-6)}.card-interactive{cursor:pointer;transition:border-color var(--motion-fast),background var(--motion-fast)}.card-interactive:hover{border-color:var(--ink-300);background:var(--white)}.card-elevated{background:var(--white);box-shadow:0 1px 2px #0a0a0a0a,0 8px 24px #0a0a0a0f;border:1px solid var(--ink-100)}.input{display:block;width:100%;height:44px;padding:0 14px;font:400 14px/1 var(--font-sans);color:var(--ink);background:var(--white);border:1px solid var(--ink-200);border-radius:var(--radius-md);transition:border-color var(--motion-fast)}.input::placeholder{color:var(--ink-300)}.input:hover{border-color:var(--ink-300)}.input:focus{border-color:var(--ink);outline:2px solid var(--orange);outline-offset:1px}.input[aria-invalid=true]{border-color:var(--red)}.input:disabled{background:var(--ink-50);color:var(--ink-500)}textarea.input{min-height:96px;padding:12px 14px;resize:vertical}.label{font:300 12px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500)}.nav-link{font:500 14px/1 var(--font-sans);color:var(--ink-500);text-decoration:none;padding:var(--space-2) 0;border-bottom:2px solid transparent;transition:color var(--motion-fast)}.nav-link:hover{color:var(--ink)}.nav-link-active{color:var(--ink);border-bottom-color:var(--orange)}.badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;font:300 12px/1 var(--font-mono);letter-spacing:.02em;border-radius:var(--radius-sm)}.badge-neutral{background:var(--ink-50);color:var(--ink-700)}.badge-success{background:#e8f2ea;color:#2c6a3e}.badge-warning{background:#fff1e0;color:#8a4500}.badge-error{background:#ffe4dd;color:#8a2410}.badge-accent{background:var(--orange);color:var(--white)}.table{width:100%;border-collapse:collapse;font:400 14px/1.4 var(--font-sans)}.table th{text-align:left;font:300 12px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-500);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--ink-200)}.table td{padding:var(--space-4);border-bottom:1px solid var(--ink-100);color:var(--ink)}.table tr:hover td{background:var(--ink-50)}.table .num{font-family:var(--font-mono);font-weight:300;text-align:right}.alert{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-left:3px solid;border-radius:var(--radius-md);font:400 14px/1.5 var(--font-sans)}.alert-info{background:var(--ink-50);border-color:var(--ink-500);color:var(--ink)}.alert-success{background:#e8f2ea;border-color:#2c6a3e;color:#1f4a2c}.alert-warning{background:#fff1e0;border-color:#c56300;color:#6b3500}.alert-error{background:#ffe4dd;border-color:var(--red);color:#6b1d0c}.chip{height:32px;padding:0 14px;display:inline-flex;align-items:center;font:300 13px/1 var(--font-mono);letter-spacing:.01em;background:var(--white);border:1px solid var(--ink-100);border-radius:var(--radius-pill);color:var(--ink-700)}.chip-muted{background:var(--bone);border-color:var(--ink-200);color:var(--ink-500)}.glow{position:relative;overflow:hidden}.glow:before,.glow:after{content:"";position:absolute;pointer-events:none;background-size:contain;background-repeat:no-repeat;background-position:center;z-index:0}.glow>*{position:relative;z-index:1}.nav-toggle{display:none;width:44px;height:44px;background:none;border:0;cursor:pointer;margin-left:auto;position:relative}.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{display:block;width:20px;height:1.5px;background:var(--ink);position:absolute;transition:transform var(--motion-base) ease,opacity var(--motion-base) ease}.nav-toggle span{top:50%;transform:translateY(-50%)}.nav-toggle span:before{content:"";top:-6px}.nav-toggle span:after{content:"";top:6px}.nav-toggle.open span{background:transparent}.nav-toggle.open span:before{top:0;transform:rotate(45deg);background:var(--ink)}.nav-toggle.open span:after{top:0;transform:rotate(-45deg);background:var(--ink)}.mobile-menu{display:none;position:fixed;top:64px;left:0;right:0;bottom:0;background:#fffffff7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:99;padding:var(--space-6) 20px;flex-direction:column;gap:var(--space-2)}.mobile-menu.open{display:flex}.mobile-menu a{font:500 18px/1 var(--font-sans);color:var(--ink);padding:var(--space-4) 0;border-bottom:1px solid var(--ink-100);transition:color var(--motion-fast) ease}.mobile-menu a:hover{color:var(--ink-300)}.mobile-menu a.btn:hover{color:var(--white)}.mobile-menu .btn{margin-top:var(--space-4);width:100%;justify-content:center;color:var(--white)}@media (max-width: 768px){.nav-toggle{display:flex;align-items:center;justify-content:center}.nav-links{display:none!important}.nav-cta{display:none}}@media (min-width: 769px){.mobile-menu,.nav-toggle{display:none!important}}.text-ink{color:var(--ink)}.text-ink-700{color:var(--ink-700)}.text-ink-500{color:var(--ink-500)}.text-ink-300{color:var(--ink-300)}.text-orange{color:var(--orange)}.text-white{color:var(--white)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-7{margin-top:var(--space-7)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-7{margin-bottom:var(--space-7)}.mb-8{margin-bottom:var(--space-8)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{opacity:0;animation:fadeUp .6s ease forwards}.fade-up.d1{animation-delay:.1s}.fade-up.d2{animation-delay:.2s}.fade-up.d3{animation-delay:.3s}.fade-up.d4{animation-delay:.4s}@media (max-width: 600px){.card{padding:var(--space-5)}.chip{height:28px;padding:0 10px;font-size:12px}}:root{--glow-gradient: url(/jap/glow-gradient.svg);--glow-linen: url(/jap/glow-linen.svg)}body{background:var(--paper)}.material-symbols-sharp{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;line-height:1;vertical-align:middle;flex-shrink:0}.jap-topbar{position:sticky;top:0;z-index:1000;height:64px;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-6);background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.jap-topbar .wordmark{height:22px}.jap-topbar .wordmark img{height:100%}.jap-hero{position:relative;overflow:hidden;padding:var(--space-8) 0 var(--space-7)}.jap-hero:before{content:"";position:absolute;pointer-events:none;background-image:var(--glow-linen);background-size:contain;background-repeat:no-repeat;width:900px;height:900px;top:-340px;right:-240px;z-index:0}.jap-hero:after{content:"";position:absolute;pointer-events:none;background-image:var(--glow-gradient);background-size:contain;background-repeat:no-repeat;width:900px;height:900px;bottom:-420px;left:-260px;z-index:0}.jap-hero>*{position:relative;z-index:1}.jap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.jap-portal-card{position:relative;background:var(--white);border:1px solid var(--ink-100);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);cursor:pointer;overflow:hidden;transition:border-color var(--motion-base),box-shadow var(--motion-base),transform var(--motion-base)}.jap-portal-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent, var(--ink-200));opacity:.55;transition:opacity var(--motion-base)}.jap-portal-card:hover{border-color:var(--ink-300);box-shadow:0 1px 2px #0a0a0a0a,0 12px 32px #0a0a0a14;transform:translateY(-3px)}.jap-portal-card:hover:before{opacity:1}.jap-add-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-height:200px;background:transparent;border:1.5px dashed var(--ink-200);border-radius:var(--radius-lg);padding:var(--space-6);cursor:pointer;text-align:center;transition:border-color var(--motion-base),background var(--motion-base)}.jap-add-card:hover{border-color:var(--orange);background:var(--white)}.chip-btn{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;font:300 12px/1 var(--font-mono);letter-spacing:.01em;color:var(--ink-700);background:var(--white);border:1px solid var(--ink-100);border-radius:var(--radius-pill);cursor:pointer;text-decoration:none;transition:border-color var(--motion-fast),color var(--motion-fast),background var(--motion-fast)}.chip-btn:hover{border-color:var(--ink-300);color:var(--ink)}.chip-btn .material-symbols-sharp{font-size:15px}.chip-btn-danger{color:var(--red);border-color:#ffd9cf}.chip-btn-danger:hover{background:var(--red);color:var(--white);border-color:var(--red)}.chip-btn-accent{background:var(--ink);color:var(--white);border-color:var(--ink)}.chip-btn-accent:hover{background:var(--ink-700);color:var(--white)}.jap-open-link{display:inline-flex;align-items:center;gap:6px;font:500 14px/1 var(--font-sans);color:var(--ink)}.jap-open-link .material-symbols-sharp{font-size:18px;color:var(--orange);transition:transform var(--motion-fast)}.jap-portal-card:hover .jap-open-link .material-symbols-sharp{transform:translate(3px)}.jap-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}@media (max-width: 600px){.jap-topbar{padding:0 20px}.jap-portal-card{padding:var(--space-5)}}