.jp-landing{--navy:#101d35;--text:#172640;--mint:#b9f6dd;--green:#12694c;--green-soft:#eaf8f1;--canvas:#f5f7fa;--muted:#66738a;--border:#e2e7ef;--purple:#6554c0;--radius:16px}.jp-landing *{box-sizing:border-box}.jp-landing{scroll-behavior:smooth;color:var(--text);-webkit-font-smoothing:antialiased;background:#fff;margin:0;scroll-padding-top:24px;font-family:DM Sans,Arial,sans-serif}.jp-landing button,.jp-landing input{font:inherit}.jp-landing a{color:inherit}.jp-landing button,.jp-landing a{-webkit-tap-highlight-color:transparent}.jp-landing a:focus-visible,.jp-landing button:focus-visible,.jp-landing input:focus-visible{outline:3px solid var(--purple);outline-offset:5px}.jp-landing button{cursor:pointer}.jp-landing .container{width:min(100% - 80px,1360px);margin-inline:auto}.jp-landing .skip-link{z-index:100;background:var(--navy);color:#fff;border-radius:8px;padding:12px;position:absolute;top:-100px;left:20px}.jp-landing .skip-link:focus{top:12px}.jp-landing .brand{letter-spacing:-.7px;align-items:center;gap:12px;font-size:25px;font-weight:700;text-decoration:none;display:inline-flex}.jp-landing .brand svg{flex:none;width:32px;height:32px}.jp-landing .header{justify-content:space-between;align-items:center;gap:28px;min-height:96px;display:flex}.jp-landing .nav{align-items:center;gap:32px;display:flex}.jp-landing .nav a,.jp-landing .nav button{color:var(--muted);background:0 0;border:0;padding:8px 0;font-size:14px;font-weight:600;text-decoration:none}.jp-landing .nav a:hover,.jp-landing .nav button:hover{color:var(--navy)}.jp-landing .actions{align-items:center;gap:12px;display:flex}.jp-landing .btn{background:var(--navy);border:1px solid var(--navy);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:12px 22px;font-size:14px;font-weight:600;line-height:20px;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.jp-landing .btn:hover{background:#243755;transform:translateY(-2px)}.jp-landing .btn:disabled{cursor:wait;opacity:.65;transform:none}.jp-landing .btn.secondary{border-color:var(--border);color:var(--text);background:#fff}.jp-landing .btn.secondary:hover{background:var(--green-soft)}.jp-landing .btn.quiet{background:var(--canvas);border-color:var(--canvas);color:var(--text)}.jp-landing .mobile-toggle{border:1px solid var(--border);background:#fff;border-radius:10px;width:44px;height:44px;display:none}.jp-landing .mobile-nav{display:none}.jp-landing .hero{background:var(--canvas)}.jp-landing .hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:40px;min-height:622px;padding-block:64px;display:grid}.jp-landing .eyebrow{background:var(--green-soft);color:var(--green);border-radius:30px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex}.jp-landing .dot{background:var(--green);border-radius:50%;flex:none;width:6px;height:6px}.jp-landing h1{letter-spacing:-2.5px;margin:24px 0;font-size:clamp(55px,5.3vw,76px);font-weight:700;line-height:1.1}.jp-landing .hero-copy{color:var(--muted);max-width:560px;margin:0 0 26px;font-size:15px;line-height:1.8}.jp-landing .hero-actions{flex-wrap:wrap;gap:12px;display:flex}.jp-landing .benefits{color:var(--muted);flex-wrap:wrap;gap:24px;margin-top:24px;font-size:12px;display:flex}.jp-landing .benefit{align-items:center;gap:8px;display:flex}.jp-landing .icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.jp-landing .benefit .icon{width:16px;height:16px;color:var(--green)}.jp-landing .hero-art{flex-direction:column;align-items:center;gap:16px;min-width:0;display:flex}.jp-landing .hero-art>.briefcase{width:360px;max-width:100%;height:360px;overflow:visible}.jp-landing .notification{border:1px solid var(--border);border-radius:var(--radius);background:#fff;align-items:center;gap:16px;width:min(440px,100%);padding:20px;display:flex}.jp-landing .notification .icon{color:var(--green);width:24px;height:24px}.jp-landing .notification strong{margin-bottom:4px;font-size:14px;line-height:1.5;display:block}.jp-landing .notification span{color:var(--muted);font-size:12px;line-height:1.6;display:block}.jp-landing .art-note{color:var(--muted);text-align:center;margin:0;font-size:12px}.jp-landing .case{transform-origin:180px 188px;animation:4s ease-in-out infinite jp-float}.jp-landing .shadow{transform-origin:180px 302px;animation:4s ease-in-out infinite jp-shadow}.jp-landing .ping{transform-origin:278px 105px;animation:4s ease-in-out infinite jp-ping}@keyframes jp-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-14px)rotate(2deg)}}@keyframes jp-shadow{0%,to{opacity:.16;transform:scaleX(1)}50%{opacity:.08;transform:scaleX(.78)}}@keyframes jp-ping{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.jp-landing .value-strip{background:var(--navy);color:#fff}.jp-landing .values{justify-content:space-between;align-items:center;gap:32px;min-height:88px;padding-block:24px;display:flex}.jp-landing .value{align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.jp-landing .value .icon{color:var(--mint);width:22px;height:22px}.jp-landing .how{padding-block:56px}.jp-landing .section-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.jp-landing h2{letter-spacing:-1px;margin:0;font-size:36px;line-height:1.25}.jp-landing .section-kicker{color:var(--muted);letter-spacing:.3px;font-size:12px;font-weight:500}.jp-landing .steps{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.jp-landing .step{border-radius:var(--radius);background:var(--canvas);padding:24px}.jp-landing .step-top{color:var(--green);justify-content:space-between;align-items:center;margin-bottom:24px;font-size:12px;display:flex}.jp-landing .step h3{letter-spacing:-.2px;margin:0 0 14px;font-size:18px;line-height:1.4}.jp-landing .step p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.jp-landing .footer{background:var(--canvas)}.jp-landing .footer-inner{justify-content:space-between;align-items:center;gap:24px;min-height:84px;padding-block:24px;display:flex}.jp-landing .footer p{color:var(--muted);margin:0;font-size:14px}.jp-landing .footer-links{color:var(--muted);gap:16px;font-size:12px;display:flex}.jp-landing .footer-links button{font:inherit;color:inherit;background:0 0;border:0;padding:0}.jp-landing .footer-links button:hover{text-decoration:underline}.jp-landing dialog{border:1px solid var(--border);width:min(560px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--text);background:#fff;border-radius:20px;padding:28px;box-shadow:0 20px 100px #101d3530}.jp-landing dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#101d3570}.jp-landing .dialog-head{justify-content:space-between;align-items:start;gap:20px;margin-bottom:16px;display:flex}.jp-landing .dialog-head h2{letter-spacing:-.5px;font-size:25px}.jp-landing .close{background:var(--canvas);color:var(--muted);border:0;border-radius:8px;flex:none;width:32px;height:32px;font-size:22px}.jp-landing .dialog-copy{color:var(--muted);font-size:14px;line-height:1.7}.jp-landing .sample-role{border-top:1px solid var(--border);padding:18px 0}.jp-landing .sample-role strong{margin:5px 0;font-size:16px;display:block}.jp-landing .sample-role small{color:var(--muted);line-height:1.6}.jp-landing .pill{background:var(--green-soft);color:var(--green);border-radius:20px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-block}.jp-landing .demo-note{background:var(--green-soft);color:var(--green);border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.6}.jp-landing .dialog-links{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}@media (min-width:1600px){.jp-landing .hero-grid{min-height:640px}}@media (max-width:1000px){.jp-landing .container{width:calc(100% - 48px)}.jp-landing .nav{gap:18px}.jp-landing .nav a,.jp-landing .nav button{font-size:12px}.jp-landing .header{gap:16px}.jp-landing .hero-grid{gap:24px}.jp-landing h1{font-size:58px}.jp-landing .hero-copy{font-size:14px}.jp-landing .value{font-size:15px}.jp-landing .hero-actions .btn{padding-inline:16px}.jp-landing .section-heading{flex-direction:column;align-items:start;gap:12px}.jp-landing h2{font-size:32px}.jp-landing .footer-inner{flex-wrap:wrap}.jp-landing .footer-inner p{font-size:12px}}@media (max-width:760px){.jp-landing .container{width:calc(100% - 40px)}.jp-landing .header{min-height:80px}.jp-landing .header .nav,.jp-landing .header .actions{display:none}.jp-landing .mobile-toggle{justify-content:center;align-items:center;display:inline-flex}.jp-landing .mobile-nav.open{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:8px 20px 20px;display:flex}.jp-landing .mobile-nav a,.jp-landing .mobile-nav button:not(.btn){text-align:left;color:var(--muted);font:inherit;background:0 0;border:0;padding:12px 0;text-decoration:none}.jp-landing .mobile-nav .btn{text-align:center}.jp-landing .hero-grid{grid-template-columns:1fr;gap:36px;padding-block:40px}.jp-landing .eyebrow{font-size:11px}.jp-landing h1{letter-spacing:-2px;margin-block:20px;font-size:clamp(48px,10vw,70px)}.jp-landing .hero-copy{max-width:520px;font-size:14px}.jp-landing .hero-art>.briefcase{width:300px;height:300px}.jp-landing .notification{padding:18px}.jp-landing .values{flex-direction:column;align-items:start;gap:20px;padding-block:28px}.jp-landing .value{font-size:16px}.jp-landing .steps{grid-template-columns:1fr;gap:16px}.jp-landing .how{padding-block:40px}.jp-landing .section-heading{margin-bottom:24px}.jp-landing h2{font-size:30px}.jp-landing .step{padding:24px}.jp-landing .step-top{margin-bottom:20px}.jp-landing .footer-inner{flex-direction:column;align-items:start;gap:18px}.jp-landing .footer p{font-size:13px}}@media (max-width:380px){.jp-landing .hero-actions{flex-direction:column}.jp-landing .hero-actions .btn{width:100%}.jp-landing .benefits{gap:12px}.jp-landing .notification strong{font-size:13px}}@media (prefers-reduced-motion:reduce){.jp-landing{scroll-behavior:auto}.jp-landing .case,.jp-landing .shadow,.jp-landing .ping{animation:none}.jp-landing .btn{transition:none}.jp-landing .btn:hover{transform:none}}.jp-landing{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;width:100%;min-height:100vh;font-family:var(--font-dm-sans),Arial,sans-serif}.jp-landing .auth-link{white-space:nowrap}