.jcpv2{--jcp-bg:#eef3f8;--jcp-navy:#0f2f59;--jcp-navy-deep:#0c2a52;--jcp-text:#41546d;--jcp-line:#d7e1eb;--jcp-green:#17b15c;--jcp-green-dark:#14954e;--jcp-amber:#e9a11a;--jcp-blue:#2d6cdf;--jcp-white:#fff;background:var(--jcp-bg);color:var(--jcp-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.jcpv2 *{box-sizing:border-box}
.jcpv2-shell{width:min(100% - 40px,1180px);margin:0 auto}
.jcpv2 h1,.jcpv2 h2,.jcpv2 h3,.jcpv2 strong{color:var(--jcp-navy);font-weight:850;letter-spacing:-.03em}
.jcpv2 p{color:#6d7f95}
.jcpv2 img{max-width:100%;height:auto}
.jcpv2 a{text-decoration:none}

.jcpv2-hero{background:var(--jcp-navy-deep);padding:56px 0 42px}
.jcpv2-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:44px;align-items:center}
.jcpv2-local-line{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;color:#dfe9f6;font-size:15px;font-weight:700}
.jcpv2-local-line svg{width:26px;height:auto;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.jcpv2-hero-copy h1{margin:0;color:#fff;font-size:64px;line-height:.97;max-width:640px;font-weight:300;letter-spacing:-.055em}
.jcpv2-hero-intro{margin:24px 0 0;max-width:690px;color:#d5dfeb;font-size:18px;line-height:1.52}
.jcpv2-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.jcpv2-btn{display:inline-flex;align-items:center;justify-content:center;min-width:166px;height:54px;padding:0 22px;border-radius:12px;font-size:18px;font-weight:800;transition:all .2s ease;border:1px solid transparent}
.jcpv2-btn-primary{background:var(--jcp-green);color:#fff;box-shadow:0 10px 26px rgba(14,178,91,.25)}
.jcpv2-btn-primary:hover{background:#11914b;transform:translateY(-1px)}
.jcpv2-btn-secondary{border-color:rgba(255,255,255,.26);color:#fff;background:transparent}
.jcpv2-btn-secondary:hover{background:rgba(255,255,255,.06)}
.jcpv2-btn-secondary.is-dark{border-color:rgba(255,255,255,.36)}
.jcpv2-hero-notes{display:flex;flex-wrap:wrap;gap:16px 24px;margin-top:26px;padding:0;list-style:none}
.jcpv2-hero-notes span{position:relative;padding-left:14px;color:#d7e4f1;font-size:14px;font-weight:700}
.jcpv2-hero-notes span:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;background:var(--jcp-green);transform:translateY(-50%)}

.jcpv2-hero-visual{display:grid;gap:15px}
.jcpv2-hero-shot{margin:0;padding:14px;border-radius:20px;background:rgba(255,255,255,.08);box-shadow:0 24px 54px rgba(2,14,32,.3)}
.jcpv2-hero-shot img{display:block;width:100%;border-radius:12px;border:1px solid rgba(215,225,235,.7);background:#fff}
.jcpv2-hero-visual-notes{display:flex;flex-wrap:wrap;gap:10px}
.jcpv2-hero-visual-notes span{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.06);color:#dce7f4;font-size:12px;font-weight:750}

.jcpv2-content{padding:28px 0 54px}
.jcpv2-section-head{display:flex;justify-content:space-between;gap:26px;align-items:end;margin-bottom:22px}
.jcpv2-section-head h2{margin:0;font-size:30px;line-height:1.15}
.jcpv2-section-head p{margin:6px 0 0;max-width:760px;font-size:14px;line-height:1.55}
.jcpv2-section-head--price{align-items:center}
.jcpv2-inline-price{text-align:right;white-space:nowrap}
.jcpv2-inline-price strong{display:block;color:var(--jcp-green-dark);font-size:20px}
.jcpv2-inline-price span{display:block;color:#7a8a9d;font-size:11px;margin-top:2px}

.jcpv2-subscription,.jcpv2-included,.jcpv2-integrations,.jcpv2-tracking,.jcpv2-apps{margin-top:24px;background:#fff;border:1px solid var(--jcp-line);border-radius:16px;padding:30px 32px;box-shadow:0 8px 24px rgba(24,50,84,.035)}
.jcpv2-subscription{margin-top:0}
.jcpv2-subscription-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.jcpv2-price-card{padding:22px 22px 20px;border:1px solid #dbe5ee;border-radius:14px;background:#fbfdff;min-height:192px}
.jcpv2-price-card.is-primary{background:linear-gradient(180deg,#fafdff 0%,#f1f8ff 100%);border-color:#cfe0f3}
.jcpv2-price-label{display:block;margin-bottom:10px;color:#5f7188;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}
.jcpv2-price-card strong{display:flex;align-items:baseline;gap:5px;font-size:38px;line-height:1.02}
.jcpv2-price-card strong small{font-size:14px;color:#697b8f;letter-spacing:0}
.jcpv2-price-card p{margin:12px 0 0;font-size:13px;line-height:1.55}

.jcpv2-why{padding:8px 0 4px}
.jcpv2-why-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--jcp-line);border-radius:14px;background:#fff;overflow:hidden}
.jcpv2-why-grid article{min-height:176px;padding:24px 22px;border-left:1px solid var(--jcp-line)}
.jcpv2-why-grid article:first-child{border-left:0}
.jcpv2-why-grid article>span{display:block;margin-bottom:18px;color:#8a9aab;font-size:11px;font-weight:900;letter-spacing:.1em}
.jcpv2-why-grid h3{margin:0 0 9px;font-size:17px;line-height:1.25}
.jcpv2-why-grid p{margin:0;font-size:13px;line-height:1.55}

.jcpv2-apps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.jcpv2-app-card{display:flex;flex-direction:column;gap:22px;align-items:center;padding:28px 24px 24px;border:1px solid #dfe7ef;border-radius:18px;background:linear-gradient(180deg,#fbfdff 0%,#f5f8fc 100%)}
.jcpv2-app-preview{display:grid;place-items:center;width:100%;padding:12px 12px 4px;border-radius:16px;background:linear-gradient(180deg,#edf4fb 0%,#f7fbff 100%);border:1px solid #e2eaf2}
.jcpv2-phone-mockup{position:relative;width:min(100%,278px);margin:0;padding:16px 12px 18px;border-radius:38px;background:linear-gradient(180deg,#111827 0%,#1b2535 100%);box-shadow:0 24px 45px rgba(16,31,54,.18), inset 0 0 0 1px rgba(255,255,255,.08)}
.jcpv2-phone-mockup:before{content:"";position:absolute;top:10px;left:50%;width:96px;height:22px;background:#0a111d;border-radius:0 0 16px 16px;transform:translateX(-50%);z-index:2}
.jcpv2-phone-mockup:after{content:"";position:absolute;bottom:7px;left:50%;width:108px;height:4px;background:rgba(255,255,255,.16);border-radius:999px;transform:translateX(-50%)}
.jcpv2-phone-screen{overflow:hidden;border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px rgba(15,47,89,.06)}
.jcpv2-phone-screen img{display:block;width:100%;height:auto;background:#fff}
.jcpv2-app-copy{width:100%}
.jcpv2-app-label{margin:0 0 10px;color:#5f7188;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.jcpv2-app-copy h3{margin:0 0 10px;font-size:22px;line-height:1.2}
.jcpv2-app-copy p{margin:0;font-size:13px;line-height:1.6}
.jcpv2-store-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.jcpv2-store-badge{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:10px 13px;border:1px solid #dbe5ee;border-radius:12px;background:#fff;color:#203a57;box-shadow:0 6px 18px rgba(29,59,92,.05)}
.jcpv2-store-badge svg{width:24px;height:24px;flex:0 0 auto}
.jcpv2-store-badge--apple svg{color:#111827}
.jcpv2-store-badge span{display:block}
.jcpv2-store-badge small{display:block;color:#7b8da3;font-size:10px;font-weight:800;line-height:1.15;text-transform:uppercase;letter-spacing:.08em}
.jcpv2-store-badge strong{display:block;font-size:13px;line-height:1.2;letter-spacing:-.01em}
.jcpv2-apps-note{margin:16px 2px 0!important;font-size:12px!important;line-height:1.55!important}

.jcpv2-feature-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #e0e8f0;border-radius:12px;overflow:hidden}
.jcpv2-feature-column{padding:22px 24px;border-left:1px solid #e0e8f0}
.jcpv2-feature-column:first-child{border-left:0}
.jcpv2-feature-column h3{margin:0 0 14px;font-size:14px;text-transform:uppercase;letter-spacing:.07em;color:#5e7188}
.jcpv2-feature-column ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.jcpv2-feature-column li{position:relative;padding-left:19px;color:#233b59;font-size:13px;line-height:1.4}
.jcpv2-feature-column li:before{content:"";position:absolute;left:0;top:.48em;width:7px;height:7px;border-radius:50%;background:var(--jcp-green)}
.jcpv2-workshop-note{margin:16px 0 0;padding-top:15px;border-top:1px solid #e3eaf1;font-size:12px!important;line-height:1.55!important}

.jcpv2-integrations-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.jcpv2-integrations-grid article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;min-height:76px;padding:13px 14px;border:1px solid #dfe7ef;border-radius:11px;background:#fff}
.jcpv2-integration-logo{display:grid;place-items:center;width:40px;height:40px;border:1px solid #e1e8f0;border-radius:9px;background:#fff}
.jcpv2-integration-logo img{width:25px;height:25px;object-fit:contain}
.jcpv2-integrations-grid article>div{min-width:0}
.jcpv2-integrations-grid strong{display:block;color:var(--jcp-navy);font-size:13px;line-height:1.25;margin-bottom:5px}
.jcpv2-integration-state{position:relative;display:block;padding-left:13px;color:#687a90;font-size:10px;font-weight:800;line-height:1.25}
.jcpv2-integration-state:before{content:"";position:absolute;left:0;top:.42em;width:6px;height:6px;border-radius:50%;background:#8797a9}
.jcpv2-integration-state.is-available{color:var(--jcp-green-dark)}
.jcpv2-integration-state.is-available:before{background:var(--jcp-green)}
.jcpv2-integration-state.is-soon{color:#9a6810}
.jcpv2-integration-state.is-soon:before{background:var(--jcp-amber)}
.jcpv2-integration-state.is-addon{color:#245da3}
.jcpv2-integration-state.is-addon:before{background:var(--jcp-blue)}
.jcpv2-integrations-note{margin:14px 0 0!important;font-size:11px!important;line-height:1.5!important}

.jcpv2-tracking{display:grid;grid-template-columns:minmax(0,1.35fr) 230px;gap:26px;align-items:start;border-top:3px solid var(--jcp-blue)}
.jcpv2-tracking-copy{padding-right:12px}
.jcpv2-tracking-brand{display:flex;align-items:center;gap:9px;margin-bottom:14px;color:#245da3;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.jcpv2-tracking-brand img{width:22px;height:22px}
.jcpv2-tracking h2{margin:0 0 12px;font-size:28px;line-height:1.2;max-width:690px}
.jcpv2-tracking-copy p{margin:0;font-size:14px;line-height:1.6;max-width:720px}
.jcpv2-tracking-price{padding:18px 20px;border-left:1px solid var(--jcp-line)}
.jcpv2-tracking-price>span{display:block;color:#6b7c91;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;margin-bottom:5px}
.jcpv2-tracking-price>strong{display:flex;align-items:baseline;gap:4px;color:var(--jcp-navy);font-size:34px;line-height:1}
.jcpv2-tracking-price>strong small{font-size:13px;color:#65778f}
.jcpv2-tracking-price p{margin:10px 0 0;font-size:11px;line-height:1.5}
.jcpv2-tracking-features{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none;margin:0;padding:16px 0 0;border-top:1px solid #e2e9f0}
.jcpv2-tracking-features li{position:relative;padding-left:19px;color:#2d4562;font-size:12px;font-weight:750}
.jcpv2-tracking-features li:before{content:"";position:absolute;left:0;top:.45em;width:7px;height:7px;border-radius:50%;background:var(--jcp-green)}

.jcpv2-final-cta{margin-top:24px;padding:26px 30px;border-radius:14px;background:var(--jcp-navy-deep);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}
.jcpv2-final-cta h2{margin:0 0 6px;color:#fff;font-size:27px}
.jcpv2-final-cta p{margin:0;color:#b9c9da;font-size:13px;line-height:1.5;max-width:720px}

@media(max-width:1160px){
    .jcpv2-subscription-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1020px){
    .jcpv2-hero-grid{grid-template-columns:1fr;gap:34px}
    .jcpv2-hero-visual{max-width:780px}
    .jcpv2-why-grid{grid-template-columns:1fr 1fr}
    .jcpv2-why-grid article:nth-child(3){border-left:0;border-top:1px solid var(--jcp-line)}
    .jcpv2-why-grid article:nth-child(4){border-top:1px solid var(--jcp-line)}
    .jcpv2-apps-grid{grid-template-columns:1fr}
    .jcpv2-feature-columns{grid-template-columns:1fr}
    .jcpv2-feature-column{border-left:0;border-top:1px solid #e0e8f0}
    .jcpv2-feature-column:first-child{border-top:0}
    .jcpv2-integrations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
    .jcpv2-shell{width:min(100% - 28px,1180px)}
    .jcpv2-hero{padding:46px 0 36px}
    .jcpv2-hero-copy h1{font-size:38px;line-height:1.04}
    .jcpv2-hero-intro{font-size:15px;line-height:1.55}
    .jcpv2-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
    .jcpv2-btn{min-width:0;padding:0 12px}
    .jcpv2-hero-notes{gap:10px 18px}
    .jcpv2-hero-shot{padding:10px;border-radius:16px}
    .jcpv2-content{padding:28px 0 44px}
    .jcpv2-section-head,.jcpv2-section-head--price{display:block;margin-bottom:18px}
    .jcpv2-section-head h2{font-size:25px}
    .jcpv2-inline-price{text-align:left;margin-top:12px}
    .jcpv2-subscription,.jcpv2-included,.jcpv2-integrations,.jcpv2-tracking,.jcpv2-apps{padding:22px 18px;border-radius:13px}
    .jcpv2-subscription-grid{grid-template-columns:1fr}
    .jcpv2-price-card{min-height:0;padding:20px 18px}
    .jcpv2-price-card strong{font-size:34px}
    .jcpv2-why-grid{grid-template-columns:1fr}
    .jcpv2-why-grid article{border-left:0;border-top:1px solid var(--jcp-line);min-height:0;padding:20px}
    .jcpv2-why-grid article:first-child{border-top:0}
    .jcpv2-app-card{padding:20px 16px 18px}
    .jcpv2-app-preview{padding:10px 10px 2px}
    .jcpv2-phone-mockup{width:min(100%,268px)}
    .jcpv2-feature-column{padding:20px 18px}
    .jcpv2-integrations-grid{grid-template-columns:1fr}
    .jcpv2-tracking{grid-template-columns:1fr;gap:18px}
    .jcpv2-tracking-price{padding:17px 0 0;border-left:0;border-top:1px solid var(--jcp-line)}
    .jcpv2-tracking-features{grid-template-columns:1fr;gap:10px}
    .jcpv2-final-cta{grid-template-columns:1fr;padding:24px 20px}
    .jcpv2-final-cta h2{font-size:24px}
}
@media(max-width:430px){
    .jcpv2-hero-copy h1{font-size:34px}
    .jcpv2-actions{grid-template-columns:1fr}
    .jcpv2-local-line{font-size:12px}
    .jcpv2-price-card strong{font-size:30px}
    .jcpv2-store-row{display:grid;grid-template-columns:1fr}
    .jcpv2-store-badge{width:100%}
}