
:root{
 --jl-navy:#071b2d;--jl-navy2:#0b2740;--jl-navy3:#123b5d;--jl-teal:#0e8f82;
 --jl-teal2:#13b8a7;--jl-gold:#c8a75a;--jl-gold2:#e6cb86;--jl-bg:#f5f8fa;
 --jl-card:#fff;--jl-line:#dfe7ec;--jl-line2:#edf2f5;--jl-muted:#6d7f8c;
 --jl-success:#208b6d;--jl-danger:#a33d3d;--jl-shadow:0 18px 48px rgba(7,27,45,.07);
}
*{box-sizing:border-box}
.jl-page{position:relative;min-height:72vh;padding:38px 0 90px;background:
 radial-gradient(circle at 72% 8%,rgba(14,143,130,.06),transparent 25%),
 radial-gradient(circle at 10% 55%,rgba(200,167,90,.055),transparent 23%),
 linear-gradient(180deg,#f8fafb 0,#fff 35%,#f5f8fa 100%);color:var(--jl-navy)}
.jl-page:before{content:"";position:fixed;z-index:0;pointer-events:none;width:620px;height:620px;right:8%;top:110px;opacity:.025;background:url('/Assets/jaceonline_tp.png') center/contain no-repeat}
.jl-container{position:relative;z-index:1;max-width:1260px;margin:0 auto;padding:0 24px}
.jl-modulebar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px;padding:12px 14px;background:rgba(255,255,255,.86);backdrop-filter:blur(12px);border:1px solid var(--jl-line);border-radius:18px;box-shadow:0 10px 28px rgba(7,27,45,.04)}
.jl-brand{display:flex;align-items:center;gap:10px;font-weight:950;letter-spacing:.08em;color:var(--jl-navy);text-decoration:none;font-size:13px}
.jl-brandmark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,var(--jl-navy),var(--jl-navy3));color:var(--jl-gold2);font-size:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.jl-nav{display:flex;gap:4px;flex-wrap:wrap}
.jl-nav a{padding:9px 11px;border-radius:10px;text-decoration:none;color:#526678;font-size:11px;font-weight:850;transition:.18s}
.jl-nav a:hover,.jl-nav a.active{background:#edf8f6;color:var(--jl-teal)}
.jl-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin:8px 0 26px}
.jl-hero-copy{max-width:820px}.jl-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:#edf8f6;color:var(--jl-teal);font-size:10px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}
.jl-eyebrow.gold{background:#fff9ea;color:#997421;border:1px solid #f1e2b8}
.jl-hero h1{margin:12px 0 10px;font-size:clamp(40px,5.3vw,70px);line-height:.96;letter-spacing:-.057em;color:var(--jl-navy);font-weight:950}
.jl-hero h1 span{color:var(--jl-teal)}
.jl-hero p{margin:0;max-width:760px;color:var(--jl-muted);font-size:15px;line-height:1.7}
.jl-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.jl-btn,.jl-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 16px;border-radius:12px;border:1px solid var(--jl-line);background:#fff;color:var(--jl-navy);font-size:11px;font-weight:900;text-decoration:none;box-shadow:none;cursor:pointer}
.jl-btn.primary,.jl-page .btn-primary{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--jl-teal),var(--jl-teal2));box-shadow:0 10px 24px rgba(14,143,130,.20)}
.jl-btn.dark{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--jl-navy),var(--jl-navy3))}
.jl-btn:hover,.jl-page .btn:hover{transform:translateY(-1px)}
.jl-grid{display:grid;gap:16px}.jl-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.jl-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.jl-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.jl-grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.jl-card{background:rgba(255,255,255,.96);border:1px solid var(--jl-line);border-radius:22px;padding:22px;box-shadow:var(--jl-shadow)}
.jl-card.soft{box-shadow:0 10px 28px rgba(7,27,45,.045)}.jl-card.dark{background:linear-gradient(145deg,#06192a,#0b3150);border-color:transparent;color:#fff}.jl-card.dark h2,.jl-card.dark h3,.jl-card.dark strong{color:#fff}.jl-card.dark p{color:#c5d5df}
.jl-section{margin-top:18px}.jl-sectionhead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px}.jl-sectionhead h2{margin:5px 0 0;color:var(--jl-navy);font-size:25px;letter-spacing:-.035em}.jl-sectionhead p{margin:4px 0 0;color:var(--jl-muted);font-size:12px;line-height:1.6}
.jl-kpi{position:relative;overflow:hidden;min-height:122px}.jl-kpi:after{content:"";position:absolute;width:86px;height:86px;border-radius:50%;right:-22px;top:-28px;background:rgba(14,143,130,.06)}
.jl-kpi .icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#edf8f6;color:var(--jl-teal);font-size:18px;margin-bottom:13px}.jl-kpi.gold .icon{background:#fff7e6;color:#b18421}
.jl-kpi label{display:block;color:#748592;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.jl-kpi strong{display:block;margin-top:4px;font-size:29px;letter-spacing:-.035em;color:var(--jl-navy)}.jl-kpi small{display:block;margin-top:5px;color:#7c8b96;font-size:10px}
.jl-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.jl-field.full{grid-column:1/-1}.jl-field label{display:block;margin-bottom:6px;color:#30485d;font-size:10px;font-weight:900;letter-spacing:.02em}.jl-field input,.jl-field select,.jl-field textarea,.jl-page input[type=text],.jl-page input[type=password],.jl-page input[type=email],.jl-page input[type=date],.jl-page select,.jl-page textarea{width:100%;min-height:44px;border:1px solid #d8e2e8;border-radius:12px;background:#fff;padding:10px 12px;color:var(--jl-navy);font:inherit;outline:none}.jl-field input:focus,.jl-field select:focus,.jl-field textarea:focus,.jl-page input:focus,.jl-page select:focus,.jl-page textarea:focus{border-color:rgba(14,143,130,.55);box-shadow:0 0 0 3px rgba(14,143,130,.08)}
.jl-note{padding:13px 14px;border:1px solid #e7edf0;border-radius:13px;background:#f8fafb;color:#657782;font-size:11px;line-height:1.55}.jl-note.gold{background:#fffaf0;border-color:#eedfbc;color:#735b24}
.jl-msg,.lo-msg{margin-bottom:16px;padding:13px 15px;border-radius:13px;font-size:12px}.jl-msg.ok,.lo-msg.ok{background:#edf9f5;color:#1f6d5a}.jl-msg.err,.lo-msg.err{background:#fff0f0;color:#8d3737}
.jl-tablewrap{overflow:auto;border-radius:16px;border:1px solid var(--jl-line2)}.jl-table,.jl-page table{width:100%;border-collapse:collapse;background:#fff}.jl-table th,.jl-table td,.jl-page th,.jl-page td{padding:13px 12px;border-bottom:1px solid #edf2f4;text-align:left;vertical-align:middle}.jl-table th,.jl-page th{background:#fbfcfd;color:#748592;font-size:9px;letter-spacing:.07em;text-transform:uppercase;font-weight:950}.jl-table td,.jl-page td{font-size:11px;color:#30475a}.jl-table tr:last-child td,.jl-page tr:last-child td{border-bottom:0}.jl-table a,.jl-page table a{color:var(--jl-teal);font-weight:900;text-decoration:none}
.jl-split{display:grid;grid-template-columns:1.45fr .85fr;gap:16px}.jl-split.equal{grid-template-columns:1fr 1fr}
.jl-search{display:grid;grid-template-columns:1fr auto;gap:10px}
.jl-list{display:flex;flex-direction:column;gap:1px}.jl-listrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px;border-bottom:1px solid #edf2f4}.jl-listrow:last-child{border-bottom:0}.jl-listrow strong{color:var(--jl-navy);font-size:12px}.jl-listrow small{display:block;color:#7b8c98;margin-top:2px}
.jl-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#0e8f82,#075e57);color:#fff;font-weight:950}
.jl-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#edf8f6;color:var(--jl-teal);font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.jl-pill.gold{background:#fff7e5;color:#a37718}.jl-pill.dark{background:#0d2a43;color:#fff}
.jl-metricstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.jl-metric{padding:7px 16px;border-right:1px solid #e7edf0}.jl-metric:last-child{border-right:0}.jl-metric label{display:block;color:#7a8995;font-size:9px;text-transform:uppercase;font-weight:900}.jl-metric strong{display:block;margin-top:4px;color:var(--jl-navy);font-size:21px}
.jl-plan{position:relative;overflow:hidden}.jl-plan.featured{border-color:#d8c184;box-shadow:0 18px 46px rgba(200,167,90,.12)}.jl-plan.featured:before{content:"MOST POPULAR";position:absolute;right:14px;top:14px;padding:5px 8px;border-radius:999px;background:#fff4d8;color:#9a721b;font-size:8px;font-weight:950;letter-spacing:.06em}.jl-price{margin:12px 0 2px;font-size:38px;font-weight:950;letter-spacing:-.05em;color:var(--jl-navy)}.jl-price small{font-size:11px;font-weight:700;color:#71818d;letter-spacing:0}
.jl-poster{overflow:hidden;border-radius:26px;border:1px solid #dfe7ec;background:#fff;box-shadow:0 24px 60px rgba(7,27,45,.10)}.jl-posterband{height:10px;background:linear-gradient(90deg,var(--jl-navy) 0 38%,var(--jl-teal) 38% 74%,var(--jl-gold) 74%)}.jl-posterinner{padding:48px;text-align:center;background:radial-gradient(circle at 85% 12%,rgba(14,143,130,.09),transparent 28%),radial-gradient(circle at 10% 90%,rgba(200,167,90,.09),transparent 28%),#fff}.jl-qrframe{display:inline-flex;margin:24px auto;padding:18px;border:1px solid #dfe7ec;border-radius:22px;background:#fff;box-shadow:0 14px 32px rgba(7,27,45,.08)}.jl-qrframe img{display:block}
.jl-membercard{position:relative;overflow:hidden;padding:28px;border-radius:26px;background:linear-gradient(145deg,#06182a,#0a3352);color:#fff;box-shadow:0 22px 58px rgba(7,27,45,.20)}.jl-membercard:before{content:"";position:absolute;right:-60px;top:-70px;width:300px;height:300px;border:1px solid rgba(200,167,90,.15);border-radius:50%}.jl-membercard .big{font-size:48px;font-weight:950;letter-spacing:-.05em}.jl-membercard .muted{color:#c3d3dd}.jl-membercard .gold{color:#e4c77f}
.jl-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.jl-benefit{text-align:center;padding:14px}.jl-benefit .ico{margin:0 auto 10px;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#edf8f6;color:var(--jl-teal);font-size:22px}.jl-benefit.gold .ico{background:#fff7e5;color:#b18120}.jl-benefit strong{display:block;color:var(--jl-navy);font-size:12px}.jl-benefit p{margin:5px 0 0;color:#71838f;font-size:10px;line-height:1.5}
.jl-statbar{display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:14px 18px}.jl-statbar>div{padding:4px 14px;border-right:1px solid #e8eef1}.jl-statbar>div:last-child{border-right:0}.jl-statbar label{display:block;color:#7d8b96;font-size:9px}.jl-statbar strong{display:block;margin-top:3px;color:var(--jl-navy)}
.jl-public{min-height:100vh;background:linear-gradient(135deg,#f8fafb,#fff 55%,#f1f8f7);padding:34px 0 70px}.jl-public .jl-container{max-width:1180px}.jl-publicbrand{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px;font-weight:950;letter-spacing:.08em}.jl-publicgrid{display:grid;grid-template-columns:1fr .92fr;gap:42px;align-items:start}.jl-public h1{margin:10px 0 12px;font-size:clamp(44px,6vw,72px);line-height:.95;letter-spacing:-.055em}.jl-public h1 span{color:var(--jl-teal)}
.jl-loginbox{max-width:500px;margin:30px auto}.jl-empty{padding:35px;text-align:center;color:#73838e}
.jl-ownerbadge{display:flex;align-items:center;gap:10px}.jl-ownerbadge .dot{width:9px;height:9px;border-radius:50%;background:#2eae7d;box-shadow:0 0 0 4px rgba(46,174,125,.12)}
@media(max-width:980px){.jl-grid.cols-5{grid-template-columns:repeat(3,1fr)}.jl-grid.cols-4{grid-template-columns:repeat(2,1fr)}.jl-split,.jl-publicgrid{grid-template-columns:1fr}.jl-modulebar{align-items:flex-start;flex-direction:column}.jl-nav{width:100%}.jl-hero{align-items:flex-start;flex-direction:column}.jl-statbar{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.jl-page{padding-top:24px}.jl-container{padding:0 15px}.jl-grid.cols-2,.jl-grid.cols-3,.jl-grid.cols-4,.jl-grid.cols-5,.jl-form,.jl-benefits{grid-template-columns:1fr}.jl-field.full{grid-column:auto}.jl-actions>*{width:100%}.jl-search{grid-template-columns:1fr}.jl-hero h1{font-size:43px}.jl-modulebar{border-radius:14px}.jl-nav{display:grid;grid-template-columns:repeat(3,1fr)}.jl-nav a{text-align:center;padding:8px 5px}.jl-statbar,.jl-metricstrip{grid-template-columns:1fr 1fr}.jl-statbar>div,.jl-metric{border-right:0;border-bottom:1px solid #e8eef1}.jl-posterinner{padding:34px 18px}}
@media print{.jl-no-print,header,footer,.site-header,.site-footer{display:none!important}.jl-page{padding:0;background:#fff}.jl-poster{box-shadow:none;border:0}.jl-posterinner{padding:20px 28px}}
