/*
Theme Name: JP Dev Labs Reference
Version: 1.11.1
Description: Custom five-page design matched to the supplied JP Dev Labs references.
Text Domain: jp-dev-labs-reference
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#060d19;--card:#081127;--fg:#eaf2f7;--muted:#9cabb6;--green:#7fb07b;--border:#192637}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,Arial,sans-serif;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:5px}.wrap{width:calc(100% - 64px);max-width:1380px;margin:0 auto}.green{color:var(--green)}.topbar{position:sticky;top:0;z-index:20;background:rgba(6,13,25,.97);border-bottom:1px solid var(--border)}.nav-wrap{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-logo{display:block;width:285px;max-width:100%;height:auto}.hero-brand .brand-logo{width:100%;max-width:1050px}.brand{font-size:30px;font-weight:700;letter-spacing:-1px;white-space:nowrap}.nav-links{display:flex;gap:36px;align-items:center;font-size:18px;color:var(--muted)}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--fg)}.menu-toggle{display:none;background:transparent;color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:8px 12px;cursor:pointer}.skip{position:fixed;top:-100px;left:20px;z-index:50;background:var(--green);color:var(--bg);padding:8px}.skip:focus{top:10px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;color:var(--fg);letter-spacing:-.035em}h1{font-size:44px;line-height:1.15}h2{font-size:36px;line-height:1.25}h3{font-size:22px;line-height:1.4;letter-spacing:-.025em}p{color:var(--muted)}.hero{padding:112px 0 80px;background:radial-gradient(ellipse at 22% 0%,rgba(127,176,123,.075),transparent 48%),radial-gradient(ellipse at 95% 20%,rgba(30,49,124,.12),transparent 45%)}.hero-brand{font-size:152px;line-height:1.05;font-weight:800;letter-spacing:-7px;margin-bottom:44px}.badge{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--border);background:var(--card);border-radius:99px;padding:3px 15px;font-size:14px;font-weight:500;letter-spacing:3px;color:var(--muted);margin-bottom:34px}.badge>span{height:7px;width:7px;border-radius:50%;background:var(--green)}.hero h1{font-size:58px;line-height:1.14;letter-spacing:-2px;font-weight:700;max-width:1100px;margin-bottom:30px}.hero p{font-size:22px;line-height:1.65;max-width:855px}.actions{display:flex;gap:15px;margin-top:40px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--green);border:1px solid var(--green);border-radius:7px;padding:12px 24px;color:#05101c;font-size:18px;font-weight:500;line-height:1.4;cursor:pointer;min-height:50px}.button:hover{filter:brightness(1.08)}svg{width:22px;height:22px;flex-shrink:0}.secondary{background:#071021;border-color:#213245;color:var(--fg)}.grid{display:grid;gap:20px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:30px}.card h3{margin-bottom:12px}.card p{font-size:18px;line-height:1.6}.icon{width:52px;height:52px;border:1px solid #23333b;background:rgba(127,176,123,.1);border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--green);margin-bottom:22px}.icon svg{width:24px;height:24px}.home-bottom{padding-bottom:100px}.cta{margin-top:120px;padding:60px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,#0b1631,#0b231e)}.cta p{font-size:20px;max-width:830px;line-height:1.55;margin:16px 0 30px}.inner{padding-top:64px;padding-bottom:100px}.intro{margin-bottom:50px}.intro h1{max-width:1040px;margin-bottom:22px}.intro p{font-size:20px;line-height:1.62;max-width:855px}.eyebrow{font-size:15px;letter-spacing:3px;text-transform:uppercase;color:var(--green);font-weight:500;margin-bottom:18px}.services .card{min-height:614px}.list-label{color:var(--green);text-transform:uppercase;font-size:14px;font-weight:500;letter-spacing:.3px;margin:22px 0 8px}.card ul{margin:0;padding-left:18px;color:var(--muted);font-size:18px;line-height:1.8}.card li::marker{color:var(--green);font-size:12px}.projects .eyebrow{margin-bottom:18px}.projects .card{min-height:199px}.prompt{margin-top:50px;border:1px dashed var(--border);border-radius:16px;padding:28px 30px;background:#071020;color:var(--muted)}.prompt a,.email{color:var(--green)}.about .intro h1{max-width:880px}.about-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:start}.prose p{font-size:20px;line-height:1.62;margin-bottom:28px}.prose p:last-child{margin:0}.principles p{margin-bottom:14px;line-height:1.45}.principles p:last-child{margin-bottom:0}strong{font-weight:600;color:var(--fg)}.contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:start}.contact-form{padding:40px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-form label{display:block;font-size:18px;font-weight:500;margin-bottom:26px}input,textarea{display:block;width:100%;border:1px solid var(--border);border-radius:8px;background:#060f1e;color:var(--fg);padding:12px 15px;margin-top:6px;line-height:1.45}input{height:47px}textarea{min-height:173px;resize:vertical;font-size:18px}textarea::placeholder{color:var(--muted);opacity:1}.contact-form .button{margin-top:10px}.contact-aside{display:grid;gap:20px}.location{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.location svg{color:var(--green)}.email{font-size:16px}.form-note{font-size:12px!important;margin-top:12px}.footer{background:#071022;border-top:1px solid var(--border);padding:38px 0;color:var(--muted);font-size:17px}.footer .wrap{display:flex;justify-content:space-between;gap:25px}.footer nav{display:flex;gap:24px;flex-wrap:wrap}body.admin-bar .topbar{top:32px}
p a:not(.button),.prompt a,.prose a,.email{text-decoration:underline;text-underline-offset:3px}@media(min-width:761px) and (max-width:1200px){.brand .brand-logo{width:220px}.nav-links{gap:16px;font-size:16px}.nav-wrap{gap:18px}}@media(min-width:1700px){.wrap{max-width:1380px}}@media(max-width:1100px){.hero-brand{font-size:120px}.hero h1{font-size:48px}.nav-links{gap:22px}.services .card{min-height:0}.three{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid,.contact-grid{gap:28px}.hero{padding-top:80px}.card{padding:24px}.contact-form{padding:28px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav-wrap{height:72px}.brand{font-size:26px;min-width:0}.brand .brand-logo{width:235px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:71px;left:0;right:0;padding:18px 20px;background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:10px 0}.hero{padding:60px 0}.hero-brand{font-size:clamp(49px,12vw,90px);letter-spacing:-3px;margin-bottom:32px}.badge{font-size:10px;letter-spacing:1.7px;padding:5px 10px;margin-bottom:26px}.hero h1{font-size:38px;letter-spacing:-1.3px}.hero h1 br{display:none}.hero p{font-size:18px}.actions{margin-top:28px;flex-wrap:wrap}.button{font-size:16px;padding:12px 18px}.three,.two,.about-grid,.contact-grid{grid-template-columns:1fr}.cta{margin-top:60px;padding:28px}.cta h2{font-size:28px}.cta p{font-size:18px}.inner{padding-top:44px;padding-bottom:60px}h1{font-size:34px}.intro{margin-bottom:34px}.intro p,.prose p{font-size:18px}.about-grid{gap:30px}.contact-form{padding:24px}.field-row{grid-template-columns:1fr;gap:0}.footer .wrap{flex-direction:column}.footer{font-size:14px}.home-bottom{padding-bottom:60px}.prompt{padding:24px}.card h3{font-size:21px}.contact-grid{gap:24px}body.admin-bar .topbar{top:46px}}
/* Native, keyboard-accessible disclosure panels. No scripts or extra downloads. */
.jp-help{margin:48px 0;padding:32px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(120deg,#0b1730,#0b211d)}
.jp-help-heading{max-width:760px}.jp-help h2{font-size:clamp(27px,4vw,38px);line-height:1.2;margin:12px 0 18px}.jp-help p{color:var(--muted);line-height:1.75}.jp-choices{display:grid;gap:12px;margin-top:26px}.jp-choice{background:var(--bg);border:1px solid #33483e;border-radius:12px;overflow:hidden}.jp-choice summary{cursor:pointer;padding:20px 22px;font-size:19px;font-weight:600;line-height:1.5;color:var(--fg);list-style-position:inside}.jp-choice summary::marker{color:var(--green)}.jp-choice summary:hover{background:#122820}.jp-choice summary:focus-visible{outline:3px solid var(--green);outline-offset:-4px}.jp-choice[open]{border-color:var(--green)}.jp-choice[open] summary{border-bottom:1px solid var(--border)}.jp-choice-answer{padding:4px 22px 20px;max-width:850px}.jp-choice-answer p{margin:16px 0 0}.jp-help a{color:#a8d4a3;text-decoration:underline;text-underline-offset:4px}.jp-help-contact{margin-top:24px}.jp-help a:focus-visible{outline:2px solid var(--green);outline-offset:4px}@media(max-width:600px){.jp-help{padding:22px 16px;margin:32px 0}.jp-choice summary{padding:17px 16px;font-size:18px}.jp-choice-answer{padding:0 16px 18px}}

.buying-guide .guide-answers{max-width:850px}.guide-answers section{margin:0 0 38px}.guide-answers h2{font-size:26px;line-height:1.3;margin-bottom:14px}.guide-answers p{color:var(--muted);font-size:18px;line-height:1.8}.guide-answers a{color:var(--green);text-decoration:underline}.buying-guide .prompt{margin-top:48px}.card h2{font-size:24px;line-height:1.3}.card h2 a{color:var(--fg)}