/* Jaranova premium video-led retail funnel | DRAFT ONLY, scoped to /launch-your-store/. */
.jn-campaign .cf-hero-premium{isolation:isolate;background:radial-gradient(circle at 78% 19%,rgba(71,132,221,.21),transparent 29%),radial-gradient(circle at 22% 110%,rgba(248,147,67,.13),transparent 37%),linear-gradient(132deg,#081b35 6%,#0b264a 62%,#0f2440 100%);overflow:hidden;position:relative;color:#fff;padding:100px 0 88px}
.jn-campaign .cf-hero-premium:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(139,183,245,.05) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(139,183,245,.05) 50%,transparent 50.2%);background-size:70px 70px;mask-image:linear-gradient(to left,black,transparent 75%);pointer-events:none}
.jn-campaign .cf-hero-premium:after{content:"";position:absolute;right:-170px;top:-300px;width:760px;height:760px;border-radius:50%;border:1px solid rgba(147,194,255,.15);box-shadow:0 0 0 64px rgba(107,158,225,.035),0 0 0 138px rgba(107,158,225,.025);pointer-events:none}
.jn-campaign .cf-premium-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(35px,6vw,90px);align-items:center;position:relative;z-index:1}
.jn-campaign .cf-premium-copy{min-width:0}
.jn-campaign .cf-premium-eyebrow{display:inline-flex;align-items:center;gap:12px;color:#b4d3fe;letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:800;margin-bottom:26px}
.jn-campaign .cf-premium-spark{display:inline-block;width:8px;height:8px;border-radius:50%;background:#f4a35a;box-shadow:0 0 0 5px rgba(244,163,90,.15)}
.jn-campaign .cf-hero-premium h1{font-size:clamp(3rem,4.6vw,5.1rem);line-height:1.035;letter-spacing:-.057em;max-width:760px;margin:0 0 26px;color:#fff;font-weight:750}
.jn-campaign .cf-hero-premium h1 em{font-style:normal;background:linear-gradient(100deg,#ffa34b,#ffcf83);background-clip:text;-webkit-background-clip:text;color:transparent}
.jn-campaign .cf-premium-intro{color:#bdcfe8!important;font-size:clamp(17px,1.45vw,19px)!important;line-height:1.66!important;max-width:570px;margin:0 0 30px}
.jn-campaign .cf-premium-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px}
.jn-campaign .cf-premium-cta{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#f99a40;color:#15213a!important;padding:17px 22px;border-radius:10px;min-height:56px;font-size:15px;font-weight:800;box-shadow:0 10px 35px rgba(249,154,64,.16);transition:transform .15s,background .15s;text-decoration:none}
.jn-campaign .cf-premium-cta:hover{background:#ffc078;transform:translateY(-2px)}
.jn-campaign .cf-premium-secondary{font-size:14px;color:#fff!important;font-weight:700;min-height:48px;display:inline-flex;align-items:center;gap:12px;text-decoration:underline;text-decoration-color:#9db7d3;text-underline-offset:5px}
.jn-campaign .cf-premium-reassurance{margin:21px 0 0;display:flex;gap:22px;flex-wrap:wrap;color:#bed2ed;font-size:12px;font-weight:600}
.jn-campaign .cf-premium-reassurance span span{color:#ffb36c;margin-right:5px}
.jn-campaign .cf-premium-capabilities{border-top:1px solid rgba(216,234,255,.18);padding-top:24px;margin-top:37px;display:flex;gap:12px;flex-wrap:wrap}
.jn-campaign .cf-premium-capabilities>span{font-size:12px;font-weight:650;line-height:1.4;color:#d6e6fa;border:1px solid rgba(201,223,248,.22);border-radius:100px;background:rgba(207,229,255,.06);padding:9px 13px}
.jn-campaign .cf-premium-media{position:relative;background:linear-gradient(145deg,rgba(35,71,116,.86),rgba(6,27,53,.94));border:1px solid rgba(202,221,242,.29);border-radius:22px;padding:14px;box-shadow:0 28px 90px rgba(0,7,22,.38),0 0 0 7px rgba(176,213,255,.045);min-width:0}
.jn-campaign .cf-premium-media:after{content:"";z-index:-1;position:absolute;width:70%;height:40%;bottom:-35px;left:15%;background:#f29946;filter:blur(80px);opacity:.18}
.jn-campaign .cf-premium-media-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 17px;color:#bcd5f1;font-size:10px;font-weight:800;letter-spacing:.15em}
.jn-campaign .cf-premium-media-head>span:last-child{color:#efad6a;letter-spacing:.075em;text-align:right}
.jn-campaign .cf-premium-player{position:relative;aspect-ratio:16/9;border-radius:13px;overflow:hidden;background:radial-gradient(circle at 52% 38%,#275b92,#07192d);box-shadow:0 20px 55px rgba(0,7,20,.2)}
.jn-campaign .cf-video-trigger{display:block;width:100%;height:100%;border:0;padding:0;cursor:pointer;position:relative;background:#11253c;color:white}
.jn-campaign .cf-video-trigger>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.jn-campaign .cf-video-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,18,38,.85),transparent 60%),linear-gradient(90deg,rgba(11,35,65,.19),rgba(5,17,35,.1))}
.jn-campaign .cf-video-button{position:absolute;top:50%;left:50%;width:76px;height:76px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.64);box-shadow:0 9px 30px rgba(0,0,0,.35);background:#fc9e4b;color:#14233d;display:grid;place-items:center;transition:transform .2s,background .2s}
.jn-campaign .cf-video-trigger:hover .cf-video-button{transform:translate(-50%,-50%) scale(1.08);background:#ffc67a}
.jn-campaign .cf-video-trigger:focus-visible{outline:3px solid #ffc67a;outline-offset:-6px}
.jn-campaign .cf-video-label{position:absolute;bottom:19px;left:22px;right:22px;text-align:left;font-size:16px;font-weight:750;display:flex;align-items:center;justify-content:space-between;gap:15px}
.jn-campaign .cf-premium-player iframe{width:100%;height:100%;border:0;display:block}
.jn-campaign .cf-premium-video-footer{padding:18px 8px 7px;display:flex;align-items:center;justify-content:space-between;gap:13px;color:#e8f1ff}
.jn-campaign .cf-premium-video-footer strong{display:block;font-weight:700;font-size:14px;line-height:1.3}
.jn-campaign .cf-premium-video-footer span{display:block;font-size:12px;color:#adcae9;margin-top:5px}
.jn-campaign .cf-premium-video-footer a{color:#e0ecfb;text-decoration:underline;text-underline-offset:4px;font-size:12px;white-space:nowrap}
.jn-campaign .cf-pain-section{background:#f6f8fc;padding:78px 0 83px;border-bottom:1px solid #e0e7f1}
.jn-campaign .cf-pain-heading{display:grid;grid-template-columns:1fr 1fr;gap:8px 80px;align-items:end;margin-bottom:38px}
.jn-campaign .cf-premium-small-label{grid-column:1/-1;display:block;font-size:11px;letter-spacing:.16em;font-weight:800;color:#b26e2d}
.jn-campaign .cf-pain-heading h2{font-size:clamp(2rem,3.3vw,3.4rem);line-height:1.12;letter-spacing:-.04em;margin:0;color:#102644}
.jn-campaign .cf-pain-heading p{max-width:480px;line-height:1.7;color:#536780;margin:0 0 6px;font-size:16px}
.jn-campaign .cf-pain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.jn-campaign .cf-pain-grid article{background:white;border:1px solid #e3eaf3;border-radius:16px;padding:32px 28px 34px;box-shadow:0 14px 35px #1832570a}
.jn-campaign .cf-pain-grid article>span{display:block;font-size:11px;letter-spacing:.13em;font-weight:800;color:#bb7837;margin-bottom:38px}
.jn-campaign .cf-pain-grid h3{color:#152943;font-size:clamp(19px,1.55vw,23px);letter-spacing:-.025em;line-height:1.25;margin:0 0 12px}
.jn-campaign .cf-pain-grid p{font-size:14px;color:#597087;line-height:1.7;margin:0}
@media(max-width:1020px){.jn-campaign .cf-premium-grid{gap:30px}.jn-campaign .cf-hero-premium h1{font-size:clamp(2.8rem,5vw,4.2rem)}.jn-campaign .cf-premium-actions{gap:12px}.jn-campaign .cf-premium-cta{font-size:13px;gap:13px;padding:15px 16px}}
@media(max-width:820px){.jn-campaign .cf-hero-premium{padding:57px 0 58px}.jn-campaign .cf-premium-grid{grid-template-columns:1fr;gap:35px}.jn-campaign .cf-premium-copy{max-width:650px}.jn-campaign .cf-hero-premium h1{max-width:700px}.jn-campaign .cf-premium-media{max-width:690px}.jn-campaign .cf-pain-heading{grid-template-columns:1fr;gap:15px}.jn-campaign .cf-pain-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.jn-campaign .cf-hero-premium{padding:42px 0 42px}.jn-campaign .cf-premium-eyebrow{font-size:10px;letter-spacing:.09em}.jn-campaign .cf-hero-premium h1{font-size:clamp(2.6rem,11.6vw,3.45rem)}.jn-campaign .cf-premium-intro{font-size:16px!important}.jn-campaign .cf-premium-actions{display:grid;gap:7px}.jn-campaign .cf-premium-cta{width:100%;font-size:15px;padding:15px}.jn-campaign .cf-premium-secondary{justify-content:center}.jn-campaign .cf-premium-reassurance{gap:7px 15px}.jn-campaign .cf-premium-capabilities{margin-top:23px;gap:8px}.jn-campaign .cf-premium-capabilities>span{padding:8px 10px;font-size:11px}.jn-campaign .cf-premium-media{padding:9px;border-radius:17px}.jn-campaign .cf-premium-media-head{padding:9px 5px 14px;letter-spacing:.085em;font-size:9px}.jn-campaign .cf-premium-video-footer{flex-wrap:wrap;gap:11px}.jn-campaign .cf-premium-video-footer a{white-space:normal}.jn-campaign .cf-video-button{width:62px;height:62px}.jn-campaign .cf-video-label{bottom:14px;left:15px;right:15px;font-size:13px}.jn-campaign .cf-pain-section{padding:53px 0}.jn-campaign .cf-pain-grid{grid-template-columns:1fr}.jn-campaign .cf-pain-grid article{padding:25px}.jn-campaign .cf-pain-grid article>span{margin-bottom:17px}}
@media(prefers-reduced-motion:reduce){.jn-campaign .cf-video-button,.jn-campaign .cf-premium-cta{transition:none}}


/* A first-party title card keeps the video invitation complete before playback. */
.jn-campaign .cf-video-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:7% 9% 13%;background:radial-gradient(circle at 85% 20%,#36618899,transparent 55%),linear-gradient(135deg,#173655,#0b213a);text-align:left}
.jn-campaign .cf-video-cover:after{content:"";position:absolute;width:54%;aspect-ratio:1;right:-8%;top:-20%;border:1px solid #80acd644;border-radius:50%;box-shadow:0 0 0 35px #84aed509,0 0 0 70px #84aed506}
.jn-campaign .cf-video-cover-kicker{font-size:9px;font-weight:750;letter-spacing:.16em;color:#bdd6ec;margin-bottom:12px}
.jn-campaign .cf-video-cover strong{position:relative;z-index:1;color:#fff;font-size:clamp(24px,3.2vw,44px);font-weight:750;letter-spacing:-.045em;line-height:1.02}
.jn-campaign .cf-video-cover-note{font-size:10px;line-height:1.4;color:#c3d8eb;margin-top:11px}
.jn-campaign .cf-video-cover~.cf-video-button{left:76%;top:48%}
.jn-campaign .cf-video-cover~.cf-video-shade{background:linear-gradient(0deg,#071a30bd,transparent 35%)}
@media(max-width:600px){.jn-campaign .cf-video-cover{padding:6% 8% 15%}.jn-campaign .cf-video-cover-kicker{font-size:8px;margin-bottom:8px}.jn-campaign .cf-video-cover strong{font-size:28px}.jn-campaign .cf-video-cover-note{font-size:9px;margin-top:8px}}