/* Just Progress: a little progress, in your hands. */
.jph-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.95fr);gap:32px;align-items:center}
.jph-hero-copy{min-width:0}.jph-showcase .producthead{gap:24px}.jph-showcase .producthead h1{max-width:470px}
.jph-orbit{margin:0;min-width:0;color:var(--text,#183b3b);text-align:center}
.jph-spin-stage{height:510px;display:grid;place-items:center;perspective:950px;position:relative;touch-action:pan-y;cursor:grab;outline-offset:4px;border-radius:30px}
.jph-spin-stage:active{cursor:grabbing}.jph-spin-stage:before{content:"";position:absolute;inset:15% 5%;background:radial-gradient(ellipse,rgba(57,188,188,.17),transparent 68%);pointer-events:none}
.jph-device{width:218px;height:454px;position:relative;transform-style:preserve-3d;transform:rotateX(-6deg) rotateY(-18deg);will-change:transform}
.jph-face{position:absolute;inset:0;border-radius:35px;backface-visibility:hidden;border:1px solid #798b8c;background:#172226;box-shadow:inset 0 0 0 3px #394d4e,0 26px 42px -24px #17353688}
.jph-front{transform:translateZ(13px);padding:6px}.jph-back{transform:rotateY(180deg) translateZ(13px);display:grid;place-items:center;background:linear-gradient(125deg,#30484b,#132428 76%)}
.jph-back svg{width:100px;opacity:.78}.jph-back:before{content:"";position:absolute;top:20px;left:20px;width:30px;height:30px;border:6px solid #43575a;border-radius:50%;background:#0a1118}
.jph-screen{height:100%;border-radius:30px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 85% 20%,#214d50,transparent 60%),linear-gradient(155deg,#172b30,#0f1c22);color:#eafaf6}
.jph-camera{width:62px;height:16px;background:#090f13;border-radius:0 0 12px 12px;margin:0 auto}
.jph-screen-brand{font-size:12px;font-weight:650;letter-spacing:.02em;margin-top:18px;color:#d1e8e7}.jph-screen-line{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#83b5b6;margin-top:8px}
.jph-logo-world{width:100%;height:300px;display:block;margin-top:0}.jph-logo-step{transition:opacity .4s}.jph-screen-foot{font-size:11px;color:#a0d6d1;margin-top:6px}.jph-home{width:65px;height:3px;background:#b3cfcc66;border-radius:5px;position:absolute;bottom:8px;left:50%;transform:translateX(-50%)}
.jph-rotation-help{display:flex;justify-content:center;align-items:center;gap:15px;font-size:11px;color:#53716f;margin:-4px 0 19px}.jph-rotation-help button{font:inherit;background:none;border:0;padding:8px 3px;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:32px}
.jph-step-list{display:flex;gap:0;list-style:none;margin:0!important;padding:0!important;text-align:left;border-top:1px solid #739c9a44}
.jph-step-list li{flex:1;min-width:0;margin:0;padding:0;list-style:none}.jph-step-list button{display:block;width:100%;border:0;border-top:2px solid transparent;background:none;padding:14px 8px 9px;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:border-color .3s}
.jph-step-list button[aria-pressed="true"]{border-color:#25aaa5}.jph-step-number{font-size:11px;color:#43817e;letter-spacing:.1em;display:block;margin-bottom:5px}.jph-step-list strong{font-size:13px;display:block;font-weight:650}.jph-step-list small{font-size:11px;line-height:1.5;color:#597572;display:block;margin-top:5px}
.jph-preview-note{font-size:10px;color:#66827f;margin-top:10px;letter-spacing:.025em}
[data-theme="dark"] .jph-orbit{color:#e2efed}[data-theme="dark"] .jph-step-list small,[data-theme="dark"] .jph-rotation-help,[data-theme="dark"] .jph-preview-note{color:#a0bcb7}[data-theme="dark"] .jph-step-number{color:#67ccc0}
.jph-orbit button:focus-visible,.jph-spin-stage:focus-visible{outline:2px solid #25aaa5;outline-offset:3px}
@media(max-width:980px){.jph-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:22px}}
@media(max-width:720px){.jph-hero-grid{grid-template-columns:minmax(0,1fr);gap:24px}.jph-orbit{max-width:420px;width:100%;margin:auto}.jph-spin-stage{height:490px}.jph-step-list button{padding-left:5px;padding-right:5px}}
@media(prefers-reduced-motion:reduce){.jph-orbit *{transition:none!important}}

.jph-orbit figcaption{background:none;border:0;padding:0;margin:0;color:inherit}.jph-spin-stage{user-select:none;-webkit-user-select:none}

/* Filled depth follows the same rounded silhouette as the glass faces. */
.jph-body-layer{position:absolute;inset:0;border-radius:35px;pointer-events:none;backface-visibility:visible;transform:translateZ(var(--jph-depth));background:linear-gradient(90deg,#263b3e,#667f80 3%,#30494b 7%,#253b3f 93%,#778e8e 97%,#243b3e);border:1px solid #455e60}
.jph-back:after{content:"Just Progress";font-weight:650;font-size:11px;letter-spacing:.06em;color:#b1d4d0;position:absolute;bottom:30%;left:0;right:0;text-align:center}
.jph-rotation-help span{white-space:nowrap}

.jph-step-list button{padding-top:10px;padding-bottom:6px}.jph-step-list strong{font-size:12px}.jph-rotation-help{margin-bottom:10px}


.jph-profile{position:absolute;top:0;bottom:0;width:26px;border-radius:35px;background:linear-gradient(90deg,#263d40,#8fa5a3 45%,#31484a);pointer-events:none;opacity:0;backface-visibility:visible}
.jph-profile-left{left:-13px;transform:rotateY(90deg)}.jph-profile-right{right:-13px;transform:rotateY(90deg)}
.jph-device[data-jph-edge="left"] .jph-profile-left,.jph-device[data-jph-edge="right"] .jph-profile-right{opacity:1}