/* Jimmi by ShaneHub, the product page (coming soon). Built on the Developers page system (.dv-*). */
.jp-page .dv-hero{padding-bottom:0}
.jp-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;text-align:left}
.jp-hero .dv-kicker{justify-content:flex-start}
.jp-hero h1{text-align:left;margin-left:0}
.jp-hero .dv-standfirst{text-align:left;margin-left:0}
.jp-word{font:800 15px 'Courier New',monospace;letter-spacing:.55em;color:var(--lime);margin:0 0 14px}
.jp-status{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}
.jp-status span{display:inline-flex;align-items:center;gap:8px;font:700 13px var(--font);border:1px solid #ffffff38;padding:7px 12px;color:#f3f2ea}
.jp-status span i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 var(--lime);animation:jp-pulse 1.8s infinite}
.jp-hero .dv-actions{justify-content:flex-start;margin-top:26px}
.jp-art{position:relative;margin:0}
.jp-art img{width:100%;height:auto;display:block;filter:drop-shadow(0 30px 50px rgba(0,0,0,.55))}
.jp-art:before{content:'';position:absolute;inset:8% 6% 4%;background:radial-gradient(closest-side,#d5ff3640,transparent);z-index:-1}
.jp-brain{margin:34px 0 0;padding:20px 22px;border:2px solid var(--lime);background:#0d100c;color:#f3f2ea;max-width:560px}
.jp-brain-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font:700 12.5px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.08em;color:#c7cbbd}
.jp-brain b{display:block;font:800 clamp(30px,4vw,46px)/1 var(--font);letter-spacing:-.04em;color:var(--lime);margin:8px 0 12px}
.jp-meter{height:12px;background:#ffffff14;position:relative;overflow:hidden}
.jp-meter i{position:absolute;inset:0 auto 0 0;width:0;background:repeating-linear-gradient(90deg,var(--lime) 0 10px,#b7e000 10px 12px);transition:width 2.6s cubic-bezier(.2,.8,.2,1)}
.jp-brain small{display:block;margin-top:10px;color:#a9ad9f;font-size:13px}
.jp-grid{display:grid;grid-template-columns:repeat(3,1fr);border:3px solid var(--ink);background:var(--dv-paper)}
.jp-card{padding:28px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.jp-card:nth-child(3n){border-right:0}
.jp-card .jp-ico{display:inline-grid;place-items:center;width:44px;height:44px;background:var(--ink);color:var(--lime);font-size:20px;margin-bottom:16px}
.jp-card h3{font-size:24px;line-height:1.1;margin:0 0 8px;letter-spacing:-.02em}
.jp-card p{margin:0;color:var(--muted)}
.jp-card.is-hot{background:var(--lime)}
.jp-card.is-hot .jp-ico{background:var(--ink)}
.jp-card.is-hot p{color:#2b2f22}
.jp-early{background:var(--dv-ink);color:var(--dv-paper);padding:76px 0}
.jp-early-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.jp-early h2{font-size:clamp(34px,4.4vw,60px);line-height:1.04;color:var(--dv-paper);margin:0 0 14px}
.jp-early p{color:#d9dccf}
.jp-form{display:grid;gap:10px;background:var(--dv-paper);color:var(--ink);padding:22px;border:3px solid var(--lime);box-shadow:8px 8px 0 #000}
.jp-form label{display:grid;gap:5px;font:700 13.5px var(--font)}
.jp-form input,.jp-form select{min-height:48px;border:2px solid var(--ink);padding:0 12px;font:500 16px var(--font);background:#fff;color:var(--ink)}
.jp-form .jp-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.jp-form button{min-height:52px;border:0;background:var(--ink);color:var(--lime);font:800 16px var(--font);cursor:pointer}
.jp-form button[disabled]{opacity:.6;cursor:wait}
.jp-form [data-msg]{margin:0;font-size:14px;font-weight:600}
.jp-form.is-done{border-color:#7fb800}
.jp-perks{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}
.jp-perks li{display:flex;gap:10px;color:#e8eadf}
.jp-perks li:before{content:'●';color:var(--lime);font-size:12px;margin-top:4px}
@keyframes jp-pulse{0%{box-shadow:0 0 0 0 #d5ff3699}70%{box-shadow:0 0 0 8px #d5ff3600}100%{box-shadow:0 0 0 0 #d5ff3600}}
@media (prefers-reduced-motion:reduce){.jp-status span i{animation:none}.jp-meter i{transition:none}}
@media (max-width:900px){.jp-hero,.jp-early-grid{grid-template-columns:1fr}.jp-art{max-width:520px;margin:0 auto}.jp-grid{grid-template-columns:1fr 1fr}.jp-card:nth-child(3n){border-right:1px solid var(--line)}.jp-card:nth-child(2n){border-right:0}}
@media (max-width:560px){.jp-grid{grid-template-columns:1fr}.jp-card{border-right:0!important}.jp-form{box-shadow:5px 5px 0 #000}}