
.jel-lp {
    --jel-black: #050505;
    --jel-black-2: #0b0b0b;
    --jel-card: #11110f;
    --jel-gold: #b08c3c;
    --jel-gold-light: #d3b76d;
    --jel-cream: #f2eee5;
    --jel-white: #fff;
    --jel-muted: #a9a59c;
    --jel-line: rgba(255,255,255,.13);
    --jel-radius: 28px;
    position: relative;
    width: 100%;
    max-width: none !important;
    overflow-x: clip;
    background: var(--jel-black);
    color: var(--jel-white);
    font-family: "Manrope", Arial, sans-serif;
    isolation: isolate;
}
.jel-lp *, .jel-lp *::before, .jel-lp *::after { box-sizing: border-box; }
.jel-lp img { display:block; max-width:100%; }
.jel-lp a { color:inherit; }
.jel-shell { width:min(1420px, calc(100% - 48px)); margin:0 auto; }
.jel-skip { position:fixed; top:12px; left:12px; z-index:99999; transform:translateY(-150%); background:#fff; color:#000; padding:10px 14px; border-radius:8px; }
.jel-skip:focus { transform:translateY(0); }

.jel-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 80;
    background: rgba(5,5,5,.88);
    border-bottom: 1px solid rgba(255,255,255,.07);
    -webkit-backdrop-filter: blur(18px) saturate(120%);
    backdrop-filter: blur(18px) saturate(120%);
    box-shadow: 0 10px 36px rgba(0,0,0,.24);
    transition: background .3s ease, border-color .3s ease, backdrop-filter .3s ease;
}
.jel-header.is-scrolled {
    background: rgba(5,5,5,.93);
    border-color: rgba(255,255,255,.09);
    -webkit-backdrop-filter: blur(20px) saturate(125%);
    backdrop-filter: blur(20px) saturate(125%);
}
.jel-header__inner { min-height:92px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.jel-brand { display:inline-flex; align-items:center; gap:13px; text-decoration:none; }
.jel-brand__mark { position:relative; width:35px; height:35px; display:block; }
.jel-brand__mark i { position:absolute; left:50%; top:50%; width:8px; height:16px; border-radius:7px 7px 2px 2px; background:var(--jel-gold); transform-origin:50% 29px; }
.jel-brand__mark i:nth-child(1){ transform:translate(-50%,-100%) rotate(0deg); }
.jel-brand__mark i:nth-child(2){ transform:translate(-50%,-100%) rotate(90deg); background:#fff; }
.jel-brand__mark i:nth-child(3){ transform:translate(-50%,-100%) rotate(180deg); background:var(--jel-gold); }
.jel-brand__mark i:nth-child(4){ transform:translate(-50%,-100%) rotate(270deg); background:#fff; }
.jel-brand__copy { display:grid; line-height:1; gap:4px; }
.jel-brand__copy strong { font-family:"Space Grotesk",sans-serif; font-size:21px; letter-spacing:-.04em; }
.jel-brand__copy small { color:var(--jel-muted); font-size:8px; text-transform:uppercase; letter-spacing:.16em; }
.jel-nav { display:flex; gap:30px; margin-left:auto; }
.jel-nav a { color:#c8c5bd; text-decoration:none; font-size:13px; font-weight:700; }
.jel-nav a:hover { color:#fff; }
.jel-header__cta { min-height:42px; display:inline-flex; align-items:center; gap:12px; padding:0 17px; border:1px solid rgba(176,140,60,.55); border-radius:999px; text-decoration:none; font-size:12px; font-weight:800; }
.jel-header__cta:hover { background:var(--jel-gold); color:#080808; }

.jel-hero { position:relative; min-height:100svh; overflow:hidden; padding:124px 0 54px; display:grid; align-items:center; }
.jel-hero__grid { position:absolute; inset:0; opacity:.35; background-image:linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:76px 76px; mask-image:linear-gradient(to bottom,black 0,transparent 92%); }
.jel-hero__orb { position:absolute; border-radius:50%; filter:blur(100px); opacity:.12; pointer-events:none; }
.jel-hero__orb--one { width:650px; height:650px; right:-250px; top:-150px; background:var(--jel-gold); }
.jel-hero__orb--two { width:480px; height:480px; left:-230px; bottom:-180px; background:#fff; opacity:.04; }
.jel-hero__inner { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,.94fr) minmax(460px,1.06fr); align-items:center; gap:clamp(44px,6vw,96px); }
.jel-eyebrow,.jel-kicker { margin:0 0 20px; color:var(--jel-gold-light); font-size:11px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.jel-hero h1 { margin:0; max-width:820px; font-family:"Space Grotesk",sans-serif; font-size:clamp(52px,6vw,94px); line-height:.96; letter-spacing:-.065em; font-weight:600; text-wrap:balance; }
.jel-hero__lead { max-width:680px; margin:28px 0 0; color:#bdb9af; font-size:clamp(16px,1.25vw,20px); line-height:1.65; }
.jel-hero__actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:34px; }
.jel-button { min-height:54px; display:inline-flex; align-items:center; justify-content:center; gap:18px; border:0; border-radius:999px; padding:0 24px; font:800 13px/1 "Manrope",sans-serif; text-decoration:none; cursor:pointer; transition:transform .25s ease, background .25s ease, color .25s ease; }
.jel-button:hover { transform:translateY(-2px); }
.jel-button--gold { background:var(--jel-gold); color:#050505 !important; }
.jel-button--gold:hover { background:var(--jel-gold-light); }
.jel-button--ghost { border:1px solid var(--jel-line); background:rgba(255,255,255,.03); color:#fff; }
.jel-button--dark { background:#070707; color:#fff !important; }
.jel-hero__proof { margin-top:58px; display:flex; gap:24px; flex-wrap:wrap; }
.jel-hero__proof span { min-width:140px; border-top:1px solid var(--jel-line); padding-top:13px; color:#8e8a82; font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.jel-hero__proof b { color:var(--jel-gold); margin-right:8px; }
.jel-hero__visual { position:relative; justify-self:end; width:min(100%,690px); }
.jel-hero__media { position:relative; aspect-ratio:.82; overflow:hidden; border-radius:var(--jel-radius); background:#151515; box-shadow:0 45px 120px rgba(0,0,0,.48); }
.jel-hero__media::after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.52),transparent 50%),linear-gradient(120deg,rgba(176,140,60,.17),transparent 40%); pointer-events:none; }
.jel-hero__media img { width:100%; height:100%; object-fit:cover; object-position:center; transform:scale(1.04); }
.jel-hero__media-line { position:absolute; left:0; bottom:0; width:42%; height:7px; z-index:2; background:var(--jel-gold); }
.jel-hero__badge { position:absolute; left:-42px; bottom:44px; z-index:3; min-width:250px; padding:22px 24px; border:1px solid rgba(255,255,255,.12); border-radius:18px; background:rgba(8,8,8,.78); backdrop-filter:blur(16px); }
.jel-hero__badge span,.jel-hero__badge small { display:block; color:#9d9990; font-size:10px; text-transform:uppercase; letter-spacing:.12em; }
.jel-hero__badge strong { display:block; margin:6px 0 7px; font-family:"Space Grotesk"; font-size:22px; }
.jel-scrollcue { position:absolute; z-index:3; right:30px; bottom:30px; display:flex; align-items:center; gap:12px; color:#777; font-size:9px; text-transform:uppercase; letter-spacing:.12em; transform:rotate(90deg); transform-origin:right bottom; }
.jel-scrollcue i { width:48px; height:1px; background:var(--jel-gold); }

.jel-authority { padding:38px 0 110px; background:var(--jel-black); }
.jel-authority__grid { display:grid; grid-template-columns:1.2fr .8fr .8fr; gap:16px; }
.jel-authority__intro { padding:40px 8% 40px 0; }
.jel-authority__intro h2,.jel-section-head h2,.jel-process h2,.jel-maintenance h2,.jel-quote h2 { margin:0; font-family:"Space Grotesk"; font-size:clamp(36px,4vw,64px); line-height:1; letter-spacing:-.05em; font-weight:600; }
.jel-authority__intro h2 em { color:var(--jel-gold); font-style:normal; }
.jel-authority__card { min-height:220px; display:flex; flex-direction:column; justify-content:space-between; padding:26px; border:1px solid var(--jel-line); border-radius:22px; background:linear-gradient(150deg,rgba(255,255,255,.045),rgba(255,255,255,.012)); }
.jel-authority__number { color:var(--jel-gold); font:700 10px "Manrope"; letter-spacing:.12em; }
.jel-authority__card strong { display:block; font-size:19px; }
.jel-authority__card p { margin:8px 0; color:#a6a199; font-size:13px; }
.jel-authority__card small { color:#6f6c66; font-size:11px; }

.jel-services { padding:120px 0; background:var(--jel-cream); color:#0b0b0b; }
.jel-services .jel-kicker,.jel-maintenance .jel-kicker { color:#806521; }
.jel-section-head { display:grid; grid-template-columns:1.2fr .8fr; align-items:end; gap:60px; margin-bottom:62px; }
.jel-section-head > p { margin:0; max-width:580px; color:#6b665d; line-height:1.7; }
.jel-services__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.jel-service-card { min-height:420px; display:flex; flex-direction:column; position:relative; overflow:hidden; padding:28px; border:1px solid rgba(10,10,10,.14); border-radius:24px; background:#ece7dc; transition:transform .35s ease, background .35s ease; }
.jel-service-card::after { content:""; position:absolute; width:180px; height:180px; right:-70px; top:-70px; border:1px solid rgba(176,140,60,.4); border-radius:50%; transition:transform .5s ease; }
.jel-service-card:hover { transform:translateY(-7px); background:#fffaf0; }
.jel-service-card:hover::after { transform:scale(1.25); }
.jel-service-card__index { color:#766f64; font-size:10px; letter-spacing:.12em; }
.jel-service-card__icon { margin:62px 0 28px; font-size:42px; color:#9a7629; }
.jel-service-card h3 { margin:0; font-family:"Space Grotesk"; font-size:30px; letter-spacing:-.04em; }
.jel-service-card p { margin:18px 0 30px; color:#625e56; line-height:1.7; }
.jel-service-card a { margin-top:auto; display:flex; justify-content:space-between; align-items:center; border-top:1px solid rgba(0,0,0,.12); padding-top:18px; font-size:12px; font-weight:800; text-decoration:none; }

.jel-process { position:relative; min-height:145svh; background:#090909; }
.jel-process__sticky { position:sticky; top:0; min-height:100svh; display:grid; align-items:center; padding:100px 0; overflow:hidden; }
.jel-process__grid { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:clamp(45px,7vw,110px); align-items:center; }
.jel-process__visual { position:relative; aspect-ratio:.9; overflow:hidden; border-radius:26px; }
.jel-process__visual::after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.55),transparent 55%); }
.jel-process__visual img { width:100%; height:100%; object-fit:cover; }
.jel-process__visual-tag { position:absolute; left:20px; bottom:20px; z-index:2; padding:9px 12px; border:1px solid rgba(255,255,255,.16); border-radius:99px; background:rgba(0,0,0,.45); font-size:9px; text-transform:uppercase; letter-spacing:.12em; }
.jel-process__content > h2 { max-width:720px; }
.jel-process__steps { list-style:none; margin:42px 0 0; padding:0; }
.jel-process__steps li { display:grid; grid-template-columns:50px 1fr; gap:22px; padding:20px 0; border-top:1px solid var(--jel-line); opacity:.42; transition:opacity .25s ease; }
.jel-process__steps li.is-active { opacity:1; }
.jel-process__steps li > span { color:var(--jel-gold); font-size:10px; }
.jel-process__steps strong { font-size:17px; }
.jel-process__steps p { margin:7px 0 0; color:#88847d; line-height:1.55; font-size:13px; }

.jel-maintenance { padding:120px 0; background:var(--jel-gold); color:#080808; }
.jel-maintenance__grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }
.jel-maintenance__copy > p:not(.jel-kicker) { max-width:650px; color:#342a17; line-height:1.7; margin:28px 0 30px; }
.jel-maintenance__timeline { border-top:1px solid rgba(0,0,0,.28); }
.jel-maintenance__timeline div { display:grid; grid-template-columns:56px 1fr; align-items:center; min-height:80px; border-bottom:1px solid rgba(0,0,0,.22); }
.jel-maintenance__timeline span { font-size:10px; }
.jel-maintenance__timeline strong { font-family:"Space Grotesk"; font-size:22px; }

.jel-quote { padding:120px 0; background:#050505; }
.jel-quote__grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(50px,7vw,100px); align-items:start; }
.jel-quote__intro { position:sticky; top:120px; }
.jel-quote__intro > p:not(.jel-kicker) { max-width:580px; color:#96928a; line-height:1.7; margin:26px 0; }
.jel-contact-card { margin-top:42px; display:grid; gap:7px; padding:22px; border:1px solid var(--jel-line); border-radius:18px; max-width:420px; }
.jel-contact-card span { color:var(--jel-gold); font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.jel-contact-card a { text-decoration:none; font-weight:700; }
.jel-contact-card a + a { color:#8f8b83; font-size:12px; font-weight:500; }
.jel-form { padding:34px; border:1px solid var(--jel-line); border-radius:26px; background:#0d0d0c; }
.jel-form__progress { display:grid; grid-template-columns:28px 1fr 28px 1fr 28px; align-items:center; margin-bottom:38px; }
.jel-form__progress span { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; border:1px solid #34322e; color:#69655f; font-size:9px; }
.jel-form__progress span.is-active,.jel-form__progress span.is-done { border-color:var(--jel-gold); color:#050505; background:var(--jel-gold); }
.jel-form__progress i { height:1px; background:#302e2a; }
.jel-form__step-label { color:var(--jel-gold); font-size:9px; text-transform:uppercase; letter-spacing:.12em; }
.jel-form h3 { margin:10px 0 28px; font-family:"Space Grotesk"; font-size:30px; letter-spacing:-.04em; }
.jel-choice-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:28px; }
.jel-choice input { position:absolute; opacity:0; pointer-events:none; }
.jel-choice span { min-height:74px; display:flex; align-items:center; padding:16px; border:1px solid #2b2a27; border-radius:14px; color:#bbb7ae; cursor:pointer; transition:.2s ease; }
.jel-choice input:checked + span { border-color:var(--jel-gold); background:rgba(176,140,60,.1); color:#fff; box-shadow:inset 3px 0 0 var(--jel-gold); }
.jel-field-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.jel-field-grid label { display:grid; gap:8px; }
.jel-field-grid label > span { color:#9f9b93; font-size:11px; font-weight:700; }
.jel-field-grid input,.jel-field-grid select { width:100%; min-height:52px; border:1px solid #2b2a27; border-radius:12px; background:#090909; color:#fff; padding:0 14px; font:500 14px "Manrope"; outline:none; }
.jel-field-grid input:focus,.jel-field-grid select:focus { border-color:var(--jel-gold); }
.jel-field--wide { grid-column:1/-1; }
.jel-form__nav { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:28px; }
.jel-form__back { border:0; background:none; color:#a7a39b; cursor:pointer; font-weight:700; }
.jel-form__privacy { color:#716e68; font-size:10px; line-height:1.5; margin-top:18px; }
.jel-form__message { margin-top:14px; min-height:18px; color:var(--jel-gold-light); font-size:12px; }
.jel-honeypot { position:absolute !important; left:-99999px !important; opacity:0 !important; }

.jel-faq { padding:90px 0 120px; background:#0a0a0a; }
.jel-faq .jel-section-head { margin-bottom:30px; }
.jel-faq__list { border-top:1px solid var(--jel-line); }
.jel-faq details { border-bottom:1px solid var(--jel-line); padding:0; }
.jel-faq summary { cursor:pointer; list-style:none; padding:26px 0; font-family:"Space Grotesk"; font-size:20px; display:flex; justify-content:space-between; gap:20px; }
.jel-faq summary::-webkit-details-marker { display:none; }
.jel-faq summary::after { content:"+"; color:var(--jel-gold); }
.jel-faq details[open] summary::after { content:"–"; }
.jel-faq details p { max-width:760px; margin:-8px 0 28px; color:#98948c; line-height:1.7; }

.jel-footer { padding:40px 0; border-top:1px solid var(--jel-line); background:#050505; }
.jel-footer__grid { display:flex; justify-content:space-between; gap:28px; align-items:center; }
.jel-footer__meta { display:flex; gap:26px; flex-wrap:wrap; color:#77736c; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.jel-footer__meta a { color:inherit; text-decoration:none; transition:color .2s ease; }
.jel-footer__meta a:hover,.jel-footer__meta a:focus-visible { color:#d8b761; }
.jel-brand--footer .jel-brand__copy strong { font-size:18px; }
.jel-whatsapp-float { position:fixed; right:22px; bottom:22px; z-index:90; display:flex; align-items:center; gap:14px; min-height:48px; padding:0 10px 0 18px; border:1px solid rgba(176,140,60,.45); border-radius:999px; background:rgba(8,8,8,.86); backdrop-filter:blur(14px); text-decoration:none; box-shadow:0 10px 40px rgba(0,0,0,.3); }
.jel-whatsapp-float span { font-size:11px; font-weight:800; }
.jel-whatsapp-float b { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:var(--jel-gold); color:#000; }

@media (max-width: 1050px) {
    .jel-nav { display:none; }
    .jel-hero__inner,.jel-process__grid,.jel-quote__grid { grid-template-columns:1fr; }
    .jel-hero { padding-top:118px; }
    .jel-hero__visual { justify-self:stretch; width:100%; max-width:720px; }
    .jel-hero__media { aspect-ratio:1.2; }
    .jel-hero__badge { left:20px; }
    .jel-authority__grid { grid-template-columns:1fr 1fr; }
    .jel-authority__intro { grid-column:1/-1; }
    .jel-services__grid { grid-template-columns:1fr; }
    .jel-service-card { min-height:320px; }
    .jel-service-card__icon { margin:34px 0 22px; }
    .jel-process { min-height:auto; }
    .jel-process__sticky { position:relative; }
    .jel-process__visual { aspect-ratio:1.25; }
    .jel-quote__intro { position:relative; top:auto; }
}
@media (max-width: 760px) {
    .jel-shell { width:min(100% - 32px, 1420px); }
    .jel-header__inner { min-height:70px; }
    .jel-header__cta { min-height:38px; padding:0 13px; font-size:10px; }
    .jel-brand__copy strong { font-size:18px; }
    .jel-brand__copy small { font-size:7px; }
    .jel-hero { min-height:auto; padding:104px 0 72px; }
    .jel-hero h1 { font-size:clamp(44px,14vw,68px); }
    .jel-hero__lead { font-size:15px; }
    .jel-hero__proof { margin-top:36px; gap:10px; }
    .jel-hero__proof span { min-width:calc(50% - 8px); }
    .jel-hero__media { aspect-ratio:.88; }
    .jel-hero__badge { left:14px; right:14px; bottom:14px; min-width:0; }
    .jel-scrollcue { display:none; }
    .jel-authority { padding:20px 0 80px; }
    .jel-authority__grid { grid-template-columns:1fr; }
    .jel-authority__intro { grid-column:auto; padding-right:0; }
    .jel-authority__intro h2,.jel-section-head h2,.jel-process h2,.jel-maintenance h2,.jel-quote h2 { font-size:40px; }
    .jel-services,.jel-maintenance,.jel-quote { padding:82px 0; }
    .jel-section-head { grid-template-columns:1fr; gap:20px; margin-bottom:38px; }
    .jel-maintenance__grid { grid-template-columns:1fr; gap:50px; }
    .jel-process__sticky { padding:82px 0; }
    .jel-process__visual { aspect-ratio:.88; }
    .jel-process__steps li { grid-template-columns:36px 1fr; gap:12px; }
    .jel-form { padding:22px 16px; border-radius:20px; }
    .jel-choice-grid,.jel-field-grid { grid-template-columns:1fr; }
    .jel-field--wide { grid-column:auto; }
    .jel-form__nav { align-items:stretch; flex-direction:column-reverse; }
    .jel-form__nav .jel-button { width:100%; }
    .jel-footer__grid { align-items:flex-start; flex-direction:column; }
    .jel-footer__meta { display:grid; gap:8px; }
    .jel-whatsapp-float span { display:none; }
    .jel-whatsapp-float { padding:7px; }
}
@media (prefers-reduced-motion: reduce) {
    .jel-lp *, .jel-lp *::before, .jel-lp *::after {
        scroll-behavior:auto !important;
        animation-duration:.001ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.001ms !important;
    }
}


/* v0.2.1 — official logo support */
.jel-lp .jel-brand--logo {
    display: inline-flex;
    align-items: center;
}
.jel-lp .jel-brand__logo {
    display: block;
    width: auto;
    max-width: none;
    height: 58px;
}
.jel-lp .jel-brand--footer .jel-brand__logo {
    height: 42px;
}
@media (max-width: 760px) {
    .jel-lp .jel-brand__logo { height: 44px; }
    .jel-lp .jel-brand--footer .jel-brand__logo { height: 34px; }
}


/* v0.3.0 — WhatsApp icon buttons */
.jel-lp .jel-whatsapp-icon {
    display: block;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}

.jel-lp .jel-header__cta .jel-whatsapp-icon {
    color: var(--jel-gold-light);
}

.jel-lp .jel-whatsapp-float b {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--jel-gold);
    color: #080808;
}

.jel-lp .jel-whatsapp-float .jel-whatsapp-icon--float {
    width: 18px;
    height: 18px;
}

@media (max-width: 760px) {
    .jel-lp .jel-header__cta {
        gap: 8px;
    }

    .jel-lp .jel-header__cta .jel-whatsapp-icon {
        width: 17px;
        height: 17px;
    }
}


/* v0.3.2 — desktop keeps only the header WhatsApp CTA */
@media (min-width: 821px) {
    .jel-lp .jel-whatsapp-float {
        display: none !important;
    }
}


/* v0.4.1 — mobile: header WhatsApp stays; redundant floating WhatsApp is removed. */
@media (max-width: 820px) {
    .jel-lp .jel-whatsapp-float {
        display: none !important;
    }
}

/* v0.4.2 — managed real-work gallery */
.jel-process__gallery-track,.jel-process__slide{position:absolute;inset:0;margin:0}
.jel-process__slide{opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s ease}
.jel-process__slide.is-active{opacity:1;visibility:visible}
.jel-process__slide img{width:100%;height:100%;object-fit:cover;display:block}
.jel-process__gallery-ui{position:absolute;z-index:3;right:18px;bottom:18px;display:flex;align-items:center;gap:9px;padding:7px 9px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(5,5,5,.58);backdrop-filter:blur(12px)}
.jel-process__gallery-ui>button{width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;font-size:15px}
.jel-process__gallery-dots{display:flex;align-items:center;gap:6px}
.jel-process__gallery-dots button{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.28);cursor:pointer;transition:.25s ease}
.jel-process__gallery-dots button.is-active{width:18px;border-radius:99px;background:var(--jel-gold)}
@media(max-width:760px){.jel-process__gallery-ui{right:12px;bottom:12px}.jel-process__visual-tag{left:14px;bottom:14px}}


/* v0.4.3 — mobile page-wide app navigation */
.jel-mobile-page-nav{display:none}
@media(max-width:820px){
  .jel-lp{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .jel-lp .jel-mobile-page-nav{
    position:fixed;left:50%;bottom:max(10px,env(safe-area-inset-bottom));z-index:9999;
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;
    width:min(390px,calc(100vw - 22px));padding:7px 8px;gap:2px;
    transform:translateX(-50%);border:1px solid rgba(176,140,60,.30);border-radius:22px;
    background:rgba(7,7,7,.56);-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%);
    box-shadow:0 18px 48px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.07)
  }
  .jel-lp .jel-mobile-page-nav a{
    min-width:0;height:50px;padding:5px 2px 4px;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    color:rgba(226,221,211,.48);text-decoration:none!important;font:700 8px/1.05 "Manrope",sans-serif;letter-spacing:.01em;
    -webkit-tap-highlight-color:transparent;transition:color .22s ease,background .22s ease,transform .22s ease
  }
  .jel-lp .jel-mobile-page-nav a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
  .jel-lp .jel-mobile-page-nav a:first-child svg path,.jel-lp .jel-mobile-page-nav a:nth-child(2) svg path{fill:none}
  .jel-lp .jel-mobile-page-nav a.is-active{color:#0a0907;background:linear-gradient(180deg,#c7a653,#a9873a);box-shadow:0 8px 22px rgba(176,140,60,.20);transform:translateY(-1px)}
  .jel-lp .jel-mobile-page-nav a:focus-visible{outline:1px solid #d3ae58;outline-offset:2px}
  .jel-lp section[id]{scroll-margin-top:84px}
}
@media(max-width:370px){
  .jel-lp .jel-mobile-page-nav{width:calc(100vw - 14px);padding:6px;border-radius:19px}
  .jel-lp .jel-mobile-page-nav a{height:46px;font-size:7px;border-radius:13px}
  .jel-lp .jel-mobile-page-nav a svg{width:16px;height:16px}
}


/* v0.4.7 — Avatar do profissional */
.jel-authority__professional { display:flex; align-items:flex-end; gap:18px; }
.jel-authority__avatar { width:72px; height:72px; flex:0 0 72px; border-radius:50%; overflow:hidden; border:2px solid rgba(176,140,60,.55); background:#171716; box-shadow:0 0 0 6px rgba(176,140,60,.05); display:grid; place-items:center; color:var(--jel-gold); font:700 16px "Manrope"; letter-spacing:.08em; }
.jel-authority__avatar img { width:100%; height:100%; object-fit:cover; display:block; }
.jel-authority__professional > div:last-child { min-width:0; }
@media(max-width:700px){
    .jel-authority__professional { align-items:center; gap:16px; }
    .jel-authority__avatar { width:64px; height:64px; flex-basis:64px; }
}

/* v0.4.8 - authority cards */
.jel-authority__card--professional,
.jel-authority__card--service {
    justify-content:center;
    align-items:center;
    text-align:center;
}
.jel-authority__card--professional .jel-authority__professional {
    align-items:center;
    justify-content:center;
}
.jel-authority__card--professional .jel-authority__professional > div:last-child {
    text-align:left;
}
.jel-authority__card--service {
    background:linear-gradient(145deg,#b99545 0%,#a58137 100%);
    border-color:rgba(255,255,255,.12);
    color:#0b0b0b;
    gap:18px;
}
.jel-authority__service-icon {
    width:74px;
    height:74px;
    display:grid;
    place-items:center;
}
.jel-authority__service-icon img {
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
    filter:brightness(0) contrast(1.4);
}
.jel-authority__card--service strong {
    color:#090909;
    font-size:22px;
}
.jel-authority__card--service p {
    color:rgba(9,9,9,.72);
    margin-top:10px;
}
.jel-authority__card--service small {
    color:rgba(9,9,9,.56);
}
.jel-authority__service-copy {
    text-align:center;
}
@media (max-width: 820px) {
    .jel-authority__card--professional .jel-authority__professional {
        flex-direction:column;
        gap:14px;
    }
    .jel-authority__card--professional .jel-authority__professional > div:last-child {
        text-align:center;
    }
    .jel-authority__service-icon {
        width:68px;
        height:68px;
    }
}


/* v0.5.0 - polished gold service CTA + black brand icon */
.jel-authority__card--service .jel-authority__service-icon img {
    filter:brightness(0) contrast(2) !important;
}
.jel-authority__service-cta {
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    min-height:52px;
    margin-top:18px;
    padding:14px 28px;
    border:1px solid rgba(255,235,174,.72);
    border-radius:999px;
    overflow:hidden;
    color:#17120a;
    background:
        linear-gradient(180deg,rgba(255,248,214,.28) 0%,rgba(255,255,255,0) 26%),
        linear-gradient(135deg,#d9b85e 0%,#b58d36 34%,#d5ad50 62%,#9f7628 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.76),
        inset 0 -2px 0 rgba(84,56,9,.22),
        0 6px 14px rgba(60,39,6,.18),
        0 1px 0 rgba(255,239,184,.55);
    font:700 12px "Manrope",sans-serif;
    letter-spacing:.01em;
    text-decoration:none;
    text-shadow:0 1px 0 rgba(255,255,255,.16);
    transition:transform .28s ease, box-shadow .28s ease, filter .28s ease;
    isolation:isolate;
}
.jel-authority__service-cta::before {
    content:"";
    position:absolute;
    top:-35%;
    bottom:-35%;
    width:34%;
    left:-42%;
    z-index:0;
    transform:skewX(-20deg);
    background:linear-gradient(90deg,transparent,rgba(255,250,220,.08),rgba(255,255,245,.58),rgba(255,250,220,.08),transparent);
    opacity:0;
    pointer-events:none;
}
.jel-authority__service-cta::after {
    content:"→";
    position:relative;
    z-index:1;
    font-size:18px;
    line-height:1;
    font-weight:500;
    color:#17120a;
    transition:transform .28s ease;
}
.jel-authority__service-cta:hover,
.jel-authority__service-cta:focus-visible {
    color:#17120a;
    border-color:rgba(255,244,195,.95);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9),
        inset 0 -2px 0 rgba(84,56,9,.18),
        0 7px 16px rgba(60,39,6,.22),
        0 0 0 1px rgba(255,228,137,.28),
        0 0 18px rgba(255,214,92,.18);
    filter:brightness(1.035) saturate(1.04);
    transform:translateY(-1px);
    outline:none;
}
.jel-authority__service-cta:hover::before,
.jel-authority__service-cta:focus-visible::before {
    opacity:1;
    animation:jelGoldButtonShine .78s cubic-bezier(.22,.61,.36,1) 1;
}
.jel-authority__service-cta:hover::after,
.jel-authority__service-cta:focus-visible::after {
    transform:translateX(3px);
}
@keyframes jelGoldButtonShine {
    0% { left:-42%; opacity:0; }
    20% { opacity:.75; }
    100% { left:118%; opacity:0; }
}
@media (max-width:820px) {
    .jel-authority__service-cta {
        width:min(100%,420px);
        min-height:50px;
        padding:13px 22px;
        font-size:11px;
    }
}



/* v0.6.4 — Fruter-style section stack, adapted to Jeff Elite content */
.jel-lp{
    --jel-stack-vh:100dvh;
    overflow:visible !important;
}

/* Each panel lives inside its own scroll scene. The scene provides the travel;
   the panel itself never receives a fake negative top/pseudo-element. */
.jel-lp .jel-stack-scene{
    position:relative;
    display:block;
    width:100%;
    min-height:0;
    margin:0;
    padding:0;
    overflow:visible;
    isolation:isolate;
    z-index:var(--jel-scene-z,10);
}
.jel-lp .jel-stack-scene--services{--jel-scene-z:10}
.jel-lp .jel-stack-scene--process{--jel-scene-z:20}
.jel-lp .jel-stack-scene--maintenance{--jel-scene-z:30}
.jel-lp .jel-stack-scene--quote{--jel-scene-z:40}
.jel-lp .jel-stack-scene--faq{--jel-scene-z:50}

.jel-lp .jel-stack-section{
    position:relative;
    width:100%;
    min-height:var(--jel-stack-vh,100dvh);
    margin:0;
    border-radius:clamp(28px,3vw,44px) clamp(28px,3vw,44px) 0 0;
    box-shadow:0 -24px 70px rgba(0,0,0,.26),0 -1px 0 rgba(255,255,255,.045);
    overflow:clip;
    isolation:isolate;
    transform:none !important;
}
.jel-lp .jel-stack-section--services{background:var(--jel-cream)}
.jel-lp .jel-stack-section--process{background:#090909}
.jel-lp .jel-stack-section--maintenance{background:var(--jel-gold)}
.jel-lp .jel-stack-section--quote{background:#050505}
.jel-lp .jel-stack-section--faq{background:#0a0a0a}

/* Compact panels use the same architecture as Fruter: a full viewport sticky panel
   inside a two-viewport scene. This lets the next panel travel all the way over it. */
.jel-lp .jel-stack-scene.is-stickable{
    height:calc(var(--jel-stack-vh,100dvh) * 2);
}
.jel-lp .jel-stack-scene.is-stickable > .jel-stack-section{
    position:sticky;
    top:0;
    height:var(--jel-stack-vh,100dvh);
    min-height:var(--jel-stack-vh,100dvh);
    max-height:var(--jel-stack-vh,100dvh);
    overflow:clip;
}

/* Tall panels must never be clipped. They stay in normal flow until every piece of
   content has been read. The scene then adds one viewport of clean background travel;
   the following scene consumes that travel with a full-viewport negative overlap. */
.jel-lp .jel-stack-scene.is-tall > .jel-stack-section{
    position:relative;
    top:auto;
    height:auto;
    max-height:none;
    overflow:hidden;
}
.jel-lp .jel-stack-scene.is-tall::after{
    content:"";
    display:block;
    height:var(--jel-stack-vh,100dvh);
    background:inherit;
    pointer-events:none;
}
.jel-lp .jel-stack-scene.is-tall.jel-stack-scene--services::after{background:var(--jel-cream)}
.jel-lp .jel-stack-scene.is-tall.jel-stack-scene--process::after{background:#090909}
.jel-lp .jel-stack-scene.is-tall.jel-stack-scene--maintenance::after{background:var(--jel-gold)}
.jel-lp .jel-stack-scene.is-tall.jel-stack-scene--quote::after{background:#050505}
.jel-lp .jel-stack-scene.is-tall.jel-stack-scene--faq::after{background:#0a0a0a}

/* The Fruter key: the next scene starts one viewport earlier. That is the complete
   cover motion instead of a small decorative -30/-50px overlap. */
.jel-lp .jel-stack-scene + .jel-stack-scene{
    margin-top:calc(-1 * var(--jel-stack-vh,100dvh));
}

/* Service rail remains dynamic. */
.jel-lp .jel-services{padding:120px 0 150px}
.jel-lp .jel-services__viewport{width:100%;overflow:visible}
.jel-lp .jel-services__grid{display:flex;gap:16px;width:max-content;will-change:transform}
.jel-lp .jel-service-card{flex:0 0 clamp(340px,31vw,470px);min-height:430px}

/* Existing process step activation. */
.jel-lp .jel-process__steps li{opacity:.28;filter:saturate(.6);transform:translateY(7px);transition:opacity .35s ease,filter .35s ease,transform .35s ease}
.jel-lp .jel-process__steps li.is-active{opacity:1;filter:saturate(1);transform:translateY(0)}

/* The process already owns a sticky inner canvas. Do not double-pin the outer section. */
.jel-lp .jel-stack-scene[data-jel-stack-inner]{height:auto}
.jel-lp .jel-stack-scene[data-jel-stack-inner] > .jel-stack-section{position:relative;height:auto;max-height:none;overflow:hidden}
.jel-lp .jel-stack-scene[data-jel-stack-inner]::after{content:"";display:block;height:var(--jel-stack-vh,100dvh);background:#090909}

@media(max-width:1050px){
    .jel-lp .jel-services{padding:88px 0 118px}
    .jel-lp .jel-services__viewport{overflow-x:auto;overflow-y:hidden;margin-inline:calc((100vw - 100%)/-2);padding-inline:max(16px,calc((100vw - min(100% - 32px,1420px))/2));scrollbar-width:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
    .jel-lp .jel-services__viewport::-webkit-scrollbar{display:none}
    .jel-lp .jel-services__grid{gap:12px;padding-right:18px}
    .jel-lp .jel-service-card{flex-basis:min(82vw,390px);scroll-snap-align:center;min-height:360px}
}
@media(max-width:760px){
    .jel-lp .jel-stack-section{border-radius:26px 26px 0 0}
    .jel-lp .jel-services__viewport{margin-inline:-16px;padding-inline:16px}
    .jel-lp .jel-service-card{flex-basis:86vw;min-height:340px}
}
@media(prefers-reduced-motion:reduce){
    .jel-lp .jel-stack-scene,
    .jel-lp .jel-stack-scene.is-stickable{height:auto !important;margin-top:0 !important}
    .jel-lp .jel-stack-scene > .jel-stack-section,
    .jel-lp .jel-stack-scene.is-stickable > .jel-stack-section{position:relative !important;top:auto !important;height:auto !important;min-height:100svh !important;max-height:none !important}
    .jel-lp .jel-stack-scene::after{display:none !important}
}

/* v0.6.5 — viewport-fit system + Fruter-style full panel stacking */
.jel-lp{
    --jel-stack-vh:100dvh;
    --jel-shell-max:1240px;
    --jel-page-gutter:clamp(22px,4vw,68px);
    overflow-x:clip !important;
    overflow-y:visible !important;
}
.jel-lp .jel-shell{
    width:min(var(--jel-shell-max),calc(100% - (var(--jel-page-gutter) * 2)));
    max-width:var(--jel-shell-max);
}
.jel-lp .jel-hero h1{font-size:clamp(46px,5vw,78px);line-height:.98;letter-spacing:-.055em}
.jel-lp .jel-authority__intro h2,
.jel-lp .jel-section-head h2,
.jel-lp .jel-process h2,
.jel-lp .jel-maintenance h2,
.jel-lp .jel-quote h2{font-size:clamp(34px,3.25vw,52px);line-height:1.02;letter-spacing:-.045em}
.jel-lp .jel-section-head{gap:clamp(28px,4vw,54px);margin-bottom:clamp(26px,4vh,42px)}
.jel-lp .jel-section-head>p{font-size:clamp(13px,1vw,16px);line-height:1.6}

/* One deterministic architecture for every stacked scene: viewport panel +
   optional internal travel + one viewport reserved for the next panel to cover it. */
.jel-lp .jel-stack-scene,
.jel-lp .jel-stack-scene.is-stickable,
.jel-lp .jel-stack-scene.is-tall,
.jel-lp .jel-stack-scene[data-jel-stack-inner]{
    position:relative !important;
    display:block !important;
    width:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    height:var(--jel-stack-scene-height,calc(var(--jel-stack-vh,100dvh) * 2)) !important;
    overflow:visible !important;
    contain:none !important;
    transform:none !important;
    isolation:isolate;
    z-index:var(--jel-scene-z,10);
}
.jel-lp .jel-stack-scene--services{--jel-scene-z:10}
.jel-lp .jel-stack-scene--process{--jel-scene-z:20}
.jel-lp .jel-stack-scene--maintenance{--jel-scene-z:30}
.jel-lp .jel-stack-scene--quote{--jel-scene-z:40}
.jel-lp .jel-stack-scene--faq{--jel-scene-z:50}
.jel-lp .jel-stack-scene::after,
.jel-lp .jel-stack-scene.is-tall::after,
.jel-lp .jel-stack-scene[data-jel-stack-inner]::after{display:none !important;content:none !important}
.jel-lp .jel-stack-scene>.jel-stack-section,
.jel-lp .jel-stack-scene.is-stickable>.jel-stack-section,
.jel-lp .jel-stack-scene.is-tall>.jel-stack-section,
.jel-lp .jel-stack-scene[data-jel-stack-inner]>.jel-stack-section{
    position:sticky !important;
    top:0 !important;
    left:0 !important;
    width:100% !important;
    height:var(--jel-stack-vh,100dvh) !important;
    min-height:var(--jel-stack-vh,100dvh) !important;
    max-height:var(--jel-stack-vh,100dvh) !important;
    margin:0 !important;
    overflow:hidden !important;
    border-radius:clamp(24px,2.6vw,40px) clamp(24px,2.6vw,40px) 0 0;
    box-shadow:0 -22px 65px rgba(0,0,0,.24),0 -1px 0 rgba(255,255,255,.045);
    transform:none !important;
    isolation:isolate;
}
.jel-lp .jel-stack-scene+.jel-stack-scene{
    margin-top:calc(-1 * var(--jel-stack-vh,100dvh)) !important;
}
.jel-lp [data-jel-stack-content]{
    position:relative;
    z-index:2;
    will-change:transform;
    transform:translate3d(0,var(--jel-stack-content-y,0px),0);
}

/* Services: deliberately wider than the viewport even with only 3 items, so the
   horizontal story is already active in the default state. */
.jel-lp .jel-services{padding:clamp(72px,8.5vh,96px) 0 clamp(58px,7vh,82px)}
.jel-lp .jel-services__viewport{width:100%;overflow:hidden !important}
.jel-lp .jel-services__grid{display:flex !important;grid-template-columns:none !important;gap:14px;width:max-content;max-width:none;transform:translate3d(var(--jel-services-x,0px),0,0);will-change:transform}
.jel-lp .jel-service-card{flex:0 0 clamp(370px,34vw,470px);min-height:clamp(320px,42vh,380px);padding:24px;border-radius:22px}
.jel-lp .jel-service-card__icon{margin:clamp(28px,4vh,42px) 0 20px;font-size:36px}
.jel-lp .jel-service-card h3{font-size:clamp(24px,2vw,28px)}
.jel-lp .jel-service-card p{margin:14px 0 24px;font-size:13px;line-height:1.58}

/* Process: outer scene owns the pin. The former inner sticky becomes normal content. */
.jel-lp .jel-process{min-height:0 !important;padding:0 !important}
.jel-lp .jel-process__sticky{
    position:relative !important;
    top:auto !important;
    min-height:0 !important;
    height:auto !important;
    display:grid;
    align-items:center;
    padding:clamp(66px,8vh,90px) 0;
    overflow:visible !important;
}
.jel-lp .jel-process__grid{gap:clamp(34px,5vw,72px)}
.jel-lp .jel-process__visual{max-height:min(66vh,610px);aspect-ratio:.96}
.jel-lp .jel-process__steps{margin-top:clamp(24px,3.5vh,36px)}
.jel-lp .jel-process__steps li{padding:clamp(12px,1.7vh,17px) 0;grid-template-columns:42px 1fr;gap:16px}
.jel-lp .jel-process__steps strong{font-size:15px}
.jel-lp .jel-process__steps p{margin-top:5px;font-size:12px;line-height:1.48}

.jel-lp .jel-maintenance{padding:clamp(70px,8.5vh,96px) 0}
.jel-lp .jel-maintenance__grid{gap:clamp(44px,6vw,74px);align-items:center}
.jel-lp .jel-maintenance__copy>p:not(.jel-kicker){margin:20px 0 24px;font-size:14px;line-height:1.58}
.jel-lp .jel-maintenance__timeline div{min-height:clamp(56px,7vh,68px)}
.jel-lp .jel-maintenance__timeline strong{font-size:clamp(18px,1.7vw,22px)}

.jel-lp .jel-quote{padding:clamp(64px,7.5vh,84px) 0}
.jel-lp .jel-quote__grid{gap:clamp(34px,5vw,68px);align-items:center}
.jel-lp .jel-quote__intro{position:relative !important;top:auto !important}
.jel-lp .jel-quote__intro>p:not(.jel-kicker){margin:18px 0;font-size:14px;line-height:1.55}
.jel-lp .jel-contact-card{margin-top:24px;padding:17px}
.jel-lp .jel-form{padding:clamp(20px,2vw,28px);border-radius:22px}
.jel-lp .jel-form__progress{margin-bottom:24px}
.jel-lp .jel-form h3{margin:8px 0 20px;font-size:clamp(24px,2vw,28px)}
.jel-lp .jel-choice-grid{gap:8px;margin-bottom:20px}
.jel-lp .jel-choice span{min-height:58px;padding:12px 14px}
.jel-lp .jel-field-grid{gap:12px}
.jel-lp .jel-field-grid input,.jel-lp .jel-field-grid select{min-height:46px}
.jel-lp .jel-form__nav{margin-top:20px}
.jel-lp .jel-form__privacy{margin-top:12px}

.jel-lp .jel-faq{padding:clamp(64px,7.5vh,84px) 0}
.jel-lp .jel-faq .jel-section-head{margin-bottom:18px}
.jel-lp .jel-faq summary{padding:clamp(15px,2vh,20px) 0;font-size:clamp(16px,1.4vw,19px)}
.jel-lp .jel-faq details p{margin:-4px 0 18px;font-size:13px;line-height:1.55}

/* Medium desktop / notebook: the previous version was visually oversized at 100% zoom. */
@media (min-width:761px) and (max-width:1440px){
    .jel-lp{--jel-shell-max:1120px;--jel-page-gutter:clamp(30px,4.5vw,62px)}
    .jel-lp .jel-hero h1{font-size:clamp(44px,5vw,66px)}
    .jel-lp .jel-authority__intro h2,
    .jel-lp .jel-section-head h2,
    .jel-lp .jel-process h2,
    .jel-lp .jel-maintenance h2,
    .jel-lp .jel-quote h2{font-size:clamp(32px,3.2vw,46px)}
    .jel-lp .jel-service-card{flex-basis:430px}
}

@media(max-width:1050px){
    .jel-lp{--jel-page-gutter:clamp(18px,4vw,30px)}
    .jel-lp .jel-stack-scene,
    .jel-lp .jel-stack-scene.is-stickable,
    .jel-lp .jel-stack-scene.is-tall{height:var(--jel-stack-scene-height,calc(var(--jel-stack-vh,100svh) * 2)) !important}
    .jel-lp .jel-stack-scene>.jel-stack-section,
    .jel-lp .jel-stack-scene.is-stickable>.jel-stack-section,
    .jel-lp .jel-stack-scene.is-tall>.jel-stack-section{
        position:sticky !important;top:0 !important;height:var(--jel-stack-vh,100svh) !important;min-height:var(--jel-stack-vh,100svh) !important;max-height:var(--jel-stack-vh,100svh) !important;overflow:hidden !important
    }
    .jel-lp .jel-stack-scene+.jel-stack-scene{margin-top:calc(-1 * var(--jel-stack-vh,100svh)) !important}
    .jel-lp .jel-services__viewport{overflow:hidden !important;margin-inline:0 !important;padding-inline:0 !important;scroll-snap-type:none !important}
    .jel-lp .jel-services__grid{gap:12px;padding-right:0 !important}
    .jel-lp .jel-service-card{flex:0 0 min(76vw,360px);min-height:min(40vh,330px);scroll-snap-align:none}
    .jel-lp .jel-process__sticky{padding:clamp(56px,7vh,72px) 0}
    .jel-lp .jel-process__grid{grid-template-columns:1fr 1fr;gap:28px}
    .jel-lp .jel-process__visual{aspect-ratio:.9;max-height:58vh}
}

@media(max-width:760px){
    .jel-lp{--jel-page-gutter:16px;--jel-shell-max:100%}
    .jel-lp .jel-shell{width:calc(100% - 32px)}
    .jel-lp .jel-stack-section{border-radius:24px 24px 0 0}
    .jel-lp .jel-authority__intro h2,
    .jel-lp .jel-section-head h2,
    .jel-lp .jel-process h2,
    .jel-lp .jel-maintenance h2,
    .jel-lp .jel-quote h2{font-size:clamp(30px,9.2vw,40px)}
    .jel-lp .jel-services{padding:64px 0 54px}
    .jel-lp .jel-section-head{margin-bottom:24px;gap:14px}
    .jel-lp .jel-services__viewport{width:calc(100% + 16px);margin-right:-16px !important}
    .jel-lp .jel-service-card{flex-basis:min(82vw,340px);min-height:min(42vh,320px);padding:20px}
    .jel-lp .jel-service-card__icon{margin:24px 0 16px;font-size:32px}
    .jel-lp .jel-service-card h3{font-size:23px}
    .jel-lp .jel-process__sticky{padding:58px 0 50px}
    .jel-lp .jel-process__grid{grid-template-columns:1fr;gap:22px}
    .jel-lp .jel-process__visual{aspect-ratio:1.45;max-height:31vh}
    .jel-lp .jel-process__steps{margin-top:18px}
    .jel-lp .jel-process__steps li{padding:9px 0;grid-template-columns:30px 1fr;gap:10px}
    .jel-lp .jel-process__steps p{font-size:11px}
    .jel-lp .jel-maintenance{padding:58px 0}
    .jel-lp .jel-maintenance__grid{grid-template-columns:1fr;gap:26px}
    .jel-lp .jel-maintenance__copy>p:not(.jel-kicker){margin:14px 0 18px}
    .jel-lp .jel-maintenance__timeline div{min-height:50px}
    .jel-lp .jel-maintenance__timeline strong{font-size:17px}
    .jel-lp .jel-quote{padding:56px 0 46px}
    .jel-lp .jel-quote__grid{grid-template-columns:1fr;gap:20px}
    .jel-lp .jel-quote__intro>p:not(.jel-kicker){margin:12px 0}
    .jel-lp .jel-contact-card{margin-top:14px;padding:14px}
    .jel-lp .jel-form{padding:18px 14px}
    .jel-lp .jel-form__progress{margin-bottom:16px}
    .jel-lp .jel-form h3{margin:6px 0 14px;font-size:23px}
    .jel-lp .jel-choice-grid{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px}
    .jel-lp .jel-choice span{min-height:48px;padding:10px;font-size:12px}
    .jel-lp .jel-field-grid{grid-template-columns:1fr 1fr;gap:9px}
    .jel-lp .jel-field-grid input,.jel-lp .jel-field-grid select{min-height:42px;font-size:12px}
    .jel-lp .jel-form__nav{margin-top:14px;flex-direction:row}
    .jel-lp .jel-form__nav .jel-button{width:auto;min-height:46px;padding-inline:16px}
    .jel-lp .jel-faq{padding:56px 0 44px}
    .jel-lp .jel-faq summary{padding:13px 0;font-size:16px}
}

@media(prefers-reduced-motion:reduce){
    .jel-lp .jel-stack-scene,
    .jel-lp .jel-stack-scene.is-stickable,
    .jel-lp .jel-stack-scene.is-tall{height:auto !important;margin-top:0 !important}
    .jel-lp .jel-stack-scene>.jel-stack-section,
    .jel-lp .jel-stack-scene.is-stickable>.jel-stack-section,
    .jel-lp .jel-stack-scene.is-tall>.jel-stack-section{position:relative !important;height:auto !important;min-height:100svh !important;max-height:none !important;overflow:visible !important}
    .jel-lp [data-jel-stack-content],.jel-lp .jel-services__grid{transform:none !important}
}

/* v0.6.6 — unified premium gold CTAs + Safari-safe vector icons */
.jel-lp .jel-header__cta,
.jel-lp .jel-button,
.jel-lp .jel-service-card > a,
.jel-lp .jel-authority__service-cta {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    min-height:52px;
    padding:0 24px;
    border:1px solid rgba(255,239,184,.82) !important;
    border-radius:999px;
    background:
        linear-gradient(180deg,rgba(255,250,224,.30) 0%,rgba(255,255,255,0) 28%),
        linear-gradient(135deg,#d9b85e 0%,#b58d36 34%,#d5ad50 62%,#9f7628 100%) !important;
    color:#17120a !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.82),
        inset 0 -2px 0 rgba(84,56,9,.20),
        0 7px 16px rgba(60,39,6,.18),
        0 1px 0 rgba(255,239,184,.55) !important;
    font-family:"Manrope",sans-serif;
    font-size:12px;
    font-weight:750;
    line-height:1.15;
    letter-spacing:0;
    text-decoration:none;
    text-shadow:0 1px 0 rgba(255,255,255,.14);
    transition:transform .28s ease,box-shadow .28s ease,filter .28s ease;
}
.jel-lp .jel-service-card > a { margin-top:auto; width:100%; border-top:1px solid rgba(255,239,184,.82) !important; padding:0 20px; }
.jel-lp .jel-header__cta::before,
.jel-lp .jel-button::before,
.jel-lp .jel-service-card > a::before {
    content:"";
    position:absolute;
    z-index:-1;
    top:-45%; bottom:-45%; left:-48%; width:34%;
    transform:skewX(-20deg);
    background:linear-gradient(90deg,transparent,rgba(255,250,220,.06),rgba(255,255,245,.62),rgba(255,250,220,.06),transparent);
    opacity:0;
    pointer-events:none;
}
.jel-lp .jel-header__cta:hover,
.jel-lp .jel-button:hover,
.jel-lp .jel-service-card > a:hover,
.jel-lp .jel-authority__service-cta:hover,
.jel-lp .jel-header__cta:focus-visible,
.jel-lp .jel-button:focus-visible,
.jel-lp .jel-service-card > a:focus-visible,
.jel-lp .jel-authority__service-cta:focus-visible {
    color:#17120a !important;
    transform:translateY(-1px);
    filter:brightness(1.025) saturate(1.025);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9),
        inset 0 -2px 0 rgba(84,56,9,.17),
        0 8px 18px rgba(60,39,6,.20),
        0 0 0 1px rgba(255,228,137,.24),
        0 0 14px rgba(255,214,92,.14) !important;
}
.jel-lp .jel-header__cta:hover::before,
.jel-lp .jel-button:hover::before,
.jel-lp .jel-service-card > a:hover::before,
.jel-lp .jel-header__cta:focus-visible::before,
.jel-lp .jel-button:focus-visible::before,
.jel-lp .jel-service-card > a:focus-visible::before {
    opacity:1;
    animation:jelGoldButtonShine .78s cubic-bezier(.22,.61,.36,1) 1;
}
/* Specific long CTA: keep it elegant and single-line on practical mobile widths. */
.jel-lp .jel-authority__service-cta {
    min-height:50px;
    padding-inline:22px;
    font-size:11px;
    white-space:nowrap;
    max-width:100%;
}
.jel-lp .jel-service-card__icon svg {
    display:block;
    width:44px;
    height:44px;
    color:#9a7629;
}
/* Arrow drawn with CSS, never an emoji glyph on Safari/iOS. */
.jel-lp .jel-cta-arrow,
.jel-lp .jel-button > span:last-child,
.jel-lp .jel-service-card > a > span:last-child {
    position:relative;
    flex:0 0 18px;
    width:18px;
    height:18px;
    font-size:0 !important;
    color:transparent !important;
}
.jel-lp .jel-cta-arrow::before,
.jel-lp .jel-button > span:last-child::before,
.jel-lp .jel-service-card > a > span:last-child::before {
    content:"";
    position:absolute;
    left:2px; top:8px;
    width:12px; height:1.5px;
    background:#17120a;
    border-radius:2px;
}
.jel-lp .jel-cta-arrow::after,
.jel-lp .jel-button > span:last-child::after,
.jel-lp .jel-service-card > a > span:last-child::after {
    content:"";
    position:absolute;
    right:2px; top:5px;
    width:6px; height:6px;
    border-top:1.5px solid #17120a;
    border-right:1.5px solid #17120a;
    transform:rotate(45deg);
}
@media (max-width:820px){
    .jel-lp .jel-header__cta{min-height:40px;padding-inline:14px;font-size:10px}
    .jel-lp .jel-authority__service-cta{width:100%;min-height:48px;padding-inline:16px;font-size:10px;white-space:nowrap}
    .jel-lp .jel-button{min-height:50px;padding-inline:18px;font-size:11px}
    .jel-lp .jel-service-card > a{min-height:48px;font-size:11px}
}
@media (max-width:390px){
    .jel-lp .jel-authority__service-cta{font-size:9.5px;padding-inline:13px}
}


/* v0.6.8 — tighter mobile services travel + full-width process gallery */
@media(max-width:760px){
    /* The services scene ends exactly when the final card has completed its horizontal travel. */
    .jel-lp .jel-services{padding-bottom:42px}
    .jel-lp .jel-services__viewport{width:calc(100% + 16px);margin-right:-16px !important}
    .jel-lp .jel-services__grid{gap:10px}
    .jel-lp .jel-service-card{flex-basis:min(82vw,340px)}

    /* Use all available mobile width for the real-work gallery instead of letting max-height
       shrink the visual and leave a dead column on the right. */
    .jel-lp .jel-process__visual{
        width:100% !important;
        max-width:none !important;
        max-height:none !important;
        aspect-ratio:4 / 3 !important;
        justify-self:stretch !important;
        margin-inline:0 !important;
    }
    .jel-lp .jel-process__gallery-track,
    .jel-lp .jel-process__slide,
    .jel-lp .jel-process__slide img{width:100% !important;height:100% !important}
}


/* v0.6.9 — WhatsApp CTA contrast + compact mobile header button */
.jel-lp .jel-header__cta .jel-whatsapp-icon{color:#17120a !important;fill:currentColor !important}
@media(max-width:760px){
    .jel-lp .jel-header__cta{width:42px;min-width:42px;height:42px;min-height:42px;padding:0 !important;gap:0;border-radius:50%}
    .jel-lp .jel-header__cta>span{display:none !important}
    .jel-lp .jel-header__cta .jel-whatsapp-icon{width:19px;height:19px;flex-basis:19px;color:#17120a !important}
}

/* v0.7.1 — mobile application ergonomics + safer stacked sections */
@media(max-width:760px){
    .jel-lp{--jel-mobile-dock-space:calc(86px + env(safe-area-inset-bottom));}

    /* Reserve a deliberate interaction zone above the fixed app dock. */
    .jel-lp .jel-stack-section--quote [data-jel-stack-content],
    .jel-lp .jel-stack-section--faq [data-jel-stack-content]{
        padding-bottom:var(--jel-mobile-dock-space);
        box-sizing:border-box;
    }
    .jel-lp .jel-form__step{padding-bottom:8px}
    .jel-lp .jel-form__nav{padding-bottom:6px;gap:9px;align-items:center}
    .jel-lp .jel-form__nav .jel-button{flex:1 1 auto;min-width:0}
    .jel-lp .jel-form__back{min-height:46px;padding:0 10px;white-space:nowrap}
    .jel-lp .jel-form__privacy{font-size:10px;line-height:1.45;margin-bottom:4px}

    /* Contact identity becomes a compact utility card, like a mobile app header. */
    .jel-lp .jel-contact-card{
        display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;
        column-gap:12px;row-gap:2px;margin:14px 0 0;padding:12px 13px;
        border-radius:17px;background:rgba(255,255,255,.035);
        border:1px solid rgba(255,255,255,.08)
    }
    .jel-lp .jel-contact-card::before{
        content:"JE";grid-row:1/4;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
        background:linear-gradient(145deg,#d8bb68,#9b7426);color:#0a0907;
        font:800 11px/1 "Manrope",sans-serif;letter-spacing:.08em
    }
    .jel-lp .jel-contact-card>span{font-size:8px;letter-spacing:.12em;color:#807a70}
    .jel-lp .jel-contact-card>a{font-size:12px;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

    /* Sections read as contained app screens instead of squeezed desktop layouts. */
    .jel-lp .jel-stack-section>.jel-shell,
    .jel-lp .jel-process__sticky>.jel-shell{width:calc(100% - 28px)}
    .jel-lp .jel-stack-section{border-radius:26px 26px 0 0}
    .jel-lp .jel-quote__grid{gap:16px}
    .jel-lp .jel-quote__intro h2{font-size:clamp(28px,8.1vw,35px);line-height:1.03}
    .jel-lp .jel-quote__intro>p:not(.jel-kicker){font-size:12px;line-height:1.5}
    .jel-lp .jel-form{border-radius:20px;padding:16px 13px 18px}
    .jel-lp .jel-form h3{font-size:21px;line-height:1.08}

    /* Never let an interactive control disappear under the persistent dock. */
    .jel-lp input,.jel-lp select,.jel-lp textarea,.jel-lp button,.jel-lp a{scroll-margin-bottom:calc(100px + env(safe-area-inset-bottom))}
}
@media(max-width:390px){
    .jel-lp .jel-stack-section>.jel-shell,
    .jel-lp .jel-process__sticky>.jel-shell{width:calc(100% - 22px)}
    .jel-lp .jel-choice-grid{grid-template-columns:1fr}
    .jel-lp .jel-field-grid{grid-template-columns:1fr}
    .jel-lp .jel-form__nav{align-items:stretch}
    .jel-lp .jel-form__nav .jel-button{font-size:10px;padding-inline:13px}
}

/* v0.7.1 — four useful desktop navigation destinations, contact stays in the CTA */
@media(min-width:821px){.jel-lp .jel-nav{gap:clamp(16px,1.8vw,26px)}.jel-lp .jel-nav a{font-size:12px;white-space:nowrap}}


/* v0.7.4 — cross-device breathing room + Safari service rail precision */
@media(max-width:760px){
    .jel-lp{--jel-page-gutter:22px !important;}
    .jel-lp .jel-shell{width:calc(100% - 44px) !important;}
    .jel-lp .jel-services__viewport{width:100% !important;margin-inline:0 !important;padding-inline:0 !important;}
    .jel-lp .jel-services__grid{gap:10px !important;padding-right:0 !important;}
    .jel-lp .jel-service-card{flex-basis:min(calc(100vw - 58px),340px) !important;}
    .jel-lp .jel-process__visual{border-radius:20px;overflow:hidden;}
    .jel-lp .jel-header__inner{padding-inline:0;}
    .jel-lp .jel-authority__grid,.jel-lp .jel-maintenance__grid,.jel-lp .jel-quote__grid{min-width:0;}
}
@media(max-width:390px){
    .jel-lp{--jel-page-gutter:18px !important;}
    .jel-lp .jel-shell{width:calc(100% - 36px) !important;}
    .jel-lp .jel-service-card{flex-basis:calc(100vw - 50px) !important;}
}
/* 0.8.0 · optional Studio components */
.jel-studio-extra{position:relative;z-index:6;background:var(--jel-black,#070707)}
.jel-x{padding:clamp(78px,9vw,150px) 0;border-top:1px solid rgba(255,255,255,.08);background:#0a0a0a;color:#f5f2ea}
.jel-x:nth-child(even){background:#11100e}.jel-x__head{max-width:820px;margin-bottom:38px}.jel-x__head h2{font-size:clamp(38px,5.4vw,78px);line-height:.98;margin:10px 0 18px}.jel-x__head>p:last-child{max-width:700px;color:#9d988e;line-height:1.65}
.jel-x__items{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.jel-x__items article{grid-column:span 4;min-height:230px;padding:26px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(145deg,#151515,#0d0d0d)}.jel-x__items article span{color:var(--jel-gold);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.jel-x__items article h3{font-size:25px;margin:54px 0 12px}.jel-x__items article p{color:#969188;line-height:1.55}
.jel-x__items.is-horizontal{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.jel-x__items.is-horizontal article{min-width:min(420px,78vw);scroll-snap-align:start}.jel-x__gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.jel-x__gallery figure{grid-column:span 4;margin:0;overflow:hidden;border-radius:22px;background:#111}.jel-x__gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.jel-x__gallery figcaption{padding:14px 16px;color:#aaa}
@media(max-width:767px){.jel-x{padding:72px max(20px,calc(env(safe-area-inset-left) + 18px)) 86px max(20px,calc(env(safe-area-inset-right) + 18px))}.jel-x>.jel-shell{padding-left:0!important;padding-right:0!important}.jel-x__head h2{font-size:clamp(34px,11vw,50px)}.jel-x__items{grid-template-columns:1fr}.jel-x__items article{grid-column:auto;min-height:190px}.jel-x__gallery{grid-template-columns:1fr 1fr}.jel-x__gallery figure{grid-column:auto}.jel-x__items.is-horizontal{margin-right:-18px;padding-right:18px}.jel-x__items.is-horizontal article{min-width:82vw}}
