/* JAZ SYSTEMS — approved visual direction */

:root{
  --home-cream:#f2efe7;
  --home-cream-2:#e9e6de;
  --home-paper:#f8f6f1;
  --home-mist:#e2e9ec;
  --home-navy:#15384a;
  --home-blue:#2d6075;
  --home-steel:#7598a9;
  --home-gold:#c59d58;
  --home-ink:#153447;
  --home-muted:#607786;
  --home-line:rgba(21,56,74,.13);
  --home-shadow:0 18px 48px rgba(21,56,74,.08);
}

body{background:var(--home-cream)}

/* Header polish */
.site-header{background:rgba(19,52,70,.97)!important;border-bottom:1px solid rgba(255,255,255,.09)!important}
.nav-wrap{min-height:82px!important}
.nav a{font-size:14px!important}
.nav-cta{border-radius:12px!important;min-height:42px!important;padding:0 17px!important}

/* First section — what JAZ does */
.approved-home{padding:76px 0 72px;background:radial-gradient(circle at 69% 25%,rgba(91,140,164,.13),transparent 18%),linear-gradient(180deg,#f5f2eb 0%,#f0ede5 100%);overflow:hidden}
.approved-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:center;min-height:540px}
.approved-copy{max-width:560px}
.approved-copy .section-kicker{margin-bottom:15px}
.approved-copy h1{font-size:clamp(52px,5.3vw,78px);line-height:.98;letter-spacing:-.055em;color:var(--home-ink);margin:0 0 24px}
.approved-copy h1 em{font-style:normal;color:var(--home-blue)}
.approved-copy>p{font-size:18px;line-height:1.76;color:var(--home-muted);margin:0 0 30px;max-width:540px}
.approved-copy .button.primary{background:var(--home-navy);color:#fff}
.approved-copy .button.ghost{background:rgba(255,255,255,.35);border-color:rgba(21,56,74,.16);color:var(--home-navy)}

/* Orbit — spacious, interactive, premium */
.approved-orbit{position:relative;height:555px;isolation:isolate;display:grid;place-items:center}
.approved-ring{position:absolute;border-radius:50%;pointer-events:none;will-change:rotate,transform}
.ring-outer{width:520px;height:520px;border:1px solid rgba(197,157,88,.28);animation:approvedSpin 34s linear infinite}
.ring-inner{width:400px;height:400px;border:1px solid rgba(70,123,147,.26);animation:approvedSpinReverse 25s linear infinite}
.ring-dotted{width:305px;height:305px;border:1px dashed rgba(84,130,151,.20);animation:approvedSpin 45s linear infinite}
.approved-runner{position:absolute;width:11px;height:11px;border-radius:50%;background:#f9fcfd;box-shadow:0 0 0 7px rgba(118,190,220,.10),0 0 18px rgba(77,166,205,.72)}
.runner-one{left:50%;top:-6px}.runner-two{right:34px;bottom:84px;background:#edcf87;box-shadow:0 0 0 7px rgba(197,157,88,.10),0 0 18px rgba(222,180,94,.72)}.runner-three{left:-5px;top:54%;background:#e7c474}
.approved-core{width:230px!important;height:230px!important;background:linear-gradient(155deg,#fff,#e8edef)!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 28px 70px rgba(21,56,74,.16),0 0 0 1px rgba(21,56,74,.04)!important;animation:approvedCoreFloat 5s ease-in-out infinite!important}
.approved-core img{width:102px!important;height:102px!important}
.approved-core strong{font-size:16px!important;letter-spacing:.13em!important;color:var(--home-navy)!important}
.approved-core small{font-size:11px!important;color:#647b87!important;max-width:170px!important}
.approved-orbit-card{min-width:190px!important;max-width:210px!important;padding:15px 17px!important;border-radius:18px!important;background:rgba(249,248,244,.94)!important;border:1px solid rgba(21,56,74,.12)!important;box-shadow:0 16px 40px rgba(21,56,74,.10)!important;backdrop-filter:blur(8px);animation:approvedCardFloat 5.6s ease-in-out infinite!important}
.approved-orbit-card:before{content:"";position:absolute;left:16px;top:17px;width:10px;height:10px;border-radius:50%;background:var(--home-navy);box-shadow:0 0 0 6px rgba(21,56,74,.08)}
.approved-orbit-card span{padding-left:22px!important;font-size:9px!important;letter-spacing:.12em!important;color:#657f8d!important;text-transform:uppercase!important}
.approved-orbit-card strong{font-size:13px!important;color:var(--home-ink)!important;margin-top:5px!important}
.approved-orbit-card:hover{transform:translateY(-4px);box-shadow:0 22px 46px rgba(21,56,74,.15)!important}
.approved-orbit .orbit-card-a{left:8px!important;top:92px!important}.approved-orbit .orbit-card-b{right:0!important;top:120px!important}.approved-orbit .orbit-card-c{left:18px!important;bottom:86px!important}.approved-orbit .orbit-card-d{right:12px!important;bottom:72px!important}
.approved-orbit .orbit-card-b{animation-delay:-1.2s!important}.approved-orbit .orbit-card-c{animation-delay:-2.3s!important}.approved-orbit .orbit-card-d{animation-delay:-3.2s!important}

@keyframes approvedSpin{to{rotate:360deg}}
@keyframes approvedSpinReverse{to{rotate:-360deg}}
@keyframes approvedCoreFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes approvedCardFloat{0%,100%{translate:0 0}50%{translate:0 -5px}}

/* Four core service cards */
.approved-services{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
.approved-service-card{position:relative;min-height:340px;padding:28px;border:1px solid var(--home-line);border-radius:22px;background:rgba(249,247,242,.94);box-shadow:0 10px 30px rgba(21,56,74,.045);display:flex;flex-direction:column;align-items:flex-start;transition:transform .22s ease,box-shadow .22s ease}
.approved-service-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(21,56,74,.09)}
.approved-service-card:before{content:"";width:24px;height:2px;background:var(--home-gold);margin-bottom:20px}
.service-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--home-navy);color:#fff;font-size:18px;font-weight:800;box-shadow:0 0 0 7px rgba(21,56,74,.045);margin-bottom:22px}
.approved-service-card>span{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#658191;margin-bottom:10px}
.approved-service-card h2{font-size:22px;line-height:1.18;color:var(--home-ink);margin:0 0 13px;letter-spacing:-.02em}
.approved-service-card p{font-size:15px;line-height:1.7;color:var(--home-muted);margin:0}
.approved-service-card:nth-child(2) .service-icon{background:#25586d}.approved-service-card:nth-child(3) .service-icon{background:#366b80}.approved-service-card:nth-child(4) .service-icon{background:#173f52}

.approved-value-strip{margin-top:24px;padding:22px 24px;border-radius:22px;background:linear-gradient(135deg,#15384a,#21566b);display:grid;grid-template-columns:repeat(4,1fr);gap:0;box-shadow:0 16px 36px rgba(21,56,74,.12)}
.approved-value-strip>div{display:flex;align-items:center;gap:12px;padding:0 18px;border-right:1px solid rgba(255,255,255,.13)}.approved-value-strip>div:first-child{padding-left:0}.approved-value-strip>div:last-child{border-right:0;padding-right:0}
.approved-value-strip b{width:34px;height:34px;flex:0 0 34px;border:1px solid rgba(231,199,134,.55);border-radius:50%;display:grid;place-items:center;color:#e1c17d}.approved-value-strip span{font-size:12px;line-height:1.45;color:#eef4f6}

/* Implementations */
.approved-implementations{padding:88px 0;background:linear-gradient(180deg,#e5ecef 0%,#f0eee7 100%)}
.implementation-intro{display:grid;grid-template-columns:1fr .72fr;gap:54px;align-items:end;margin-bottom:36px}
.implementation-intro h2{font-size:clamp(44px,5vw,68px);line-height:1;letter-spacing:-.055em;color:var(--home-ink);margin:14px 0 0}
.implementation-intro p{font-size:16px;line-height:1.75;color:var(--home-muted);margin:0;max-width:500px}
.implementation-card{display:grid;grid-template-columns:.82fr 1.18fr;gap:42px;align-items:center;padding:44px;border-radius:28px;border:1px solid rgba(21,56,74,.10);background:rgba(249,247,242,.95);box-shadow:var(--home-shadow);margin-top:24px}
.event-implementation{grid-template-columns:1.14fr .86fr;margin-top:28px}
.implementation-copy h3{font-size:clamp(38px,4vw,56px);line-height:1.03;letter-spacing:-.045em;color:var(--home-ink);margin:15px 0 16px}
.implementation-copy>p{font-size:16px;line-height:1.72;color:var(--home-muted);margin:0 0 22px}
.implementation-features{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:26px}.implementation-features span{padding:9px 11px;border-radius:999px;background:#e8edef;border:1px solid rgba(21,56,74,.08);font-size:11px;font-weight:700;color:#587180}
.implementation-copy .button.primary{background:var(--home-navy);color:#fff}

/* Access dashboard */
.access-dashboard{min-height:430px;border-radius:24px;background:linear-gradient(145deg,#183e51,#245a70);display:grid;grid-template-columns:62px 1fr;overflow:hidden;color:#fff;box-shadow:0 24px 52px rgba(21,56,74,.18)}
.dash-sidebar{display:flex;flex-direction:column;align-items:center;gap:19px;padding:22px 12px;background:rgba(5,25,35,.22);border-right:1px solid rgba(255,255,255,.08)}.dash-sidebar b{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#aec5cf;font-weight:500}.dash-sidebar b:nth-child(2){background:rgba(133,181,202,.18);color:#fff}.dash-sidebar b:last-child{margin-top:auto}
.dash-main{padding:28px}.dash-heading{display:grid;margin-bottom:20px}.dash-heading small{text-transform:uppercase;letter-spacing:.14em;color:#9fb7c2;font-size:9px}.dash-heading strong{font-size:22px;margin-top:6px}
.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dash-panel{min-height:140px;padding:17px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(255,255,255,.055)}.dash-panel>span{display:block;font-size:12px;color:#b8ccd5}.dash-panel>strong{display:block;font-size:32px;line-height:1;margin-top:9px}.dash-panel>small{display:block;color:#9db7c1;font-size:10px;margin-top:5px}.dash-panel ul{list-style:none;padding:0;margin:13px 0 0;display:grid;gap:8px}.dash-panel li{font-size:11px;color:#c5d5db;display:flex;justify-content:space-between}.dash-panel li b{color:#fff}
.chart-line{height:50px;margin-top:15px;display:flex;align-items:end;gap:5px}.chart-line i{display:block;width:15%;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#91c2d4,#c8a763)}.chart-line i:nth-child(1){height:24%}.chart-line i:nth-child(2){height:39%}.chart-line i:nth-child(3){height:31%}.chart-line i:nth-child(4){height:52%}.chart-line i:nth-child(5){height:48%}.chart-line i:nth-child(6){height:78%}.dash-progress{height:8px;border-radius:999px;background:rgba(0,0,0,.18);margin-top:17px;overflow:hidden}.dash-progress i{display:block;height:100%;width:76%;background:linear-gradient(90deg,#76b5c7,#b9d8d0)}.status-panel strong{font-size:20px!important;color:#bfe3d1!important;margin-top:14px!important}

/* Event preview */
.event-product-preview{min-height:410px;padding:28px;border-radius:24px;background:linear-gradient(145deg,#dbe5e9,#f3efe7);border:1px solid rgba(21,56,74,.09);box-shadow:0 18px 42px rgba(21,56,74,.08);position:relative;overflow:hidden}
.event-product-preview:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-90px;top:-100px;background:radial-gradient(circle,rgba(77,126,149,.22),transparent 68%)}
.event-preview-head{position:relative;z-index:1}.event-preview-head small{display:block;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#66808e}.event-preview-head strong{display:block;font-size:56px;line-height:1;color:var(--home-navy);letter-spacing:-.055em;margin:8px 0}.event-preview-head span{font-size:12px;color:#667e8b}
.event-preview-ticket{position:relative;z-index:1;margin-top:34px;padding:20px 22px;border-radius:18px;background:linear-gradient(135deg,#173c4f,#23596d);color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;box-shadow:0 18px 38px rgba(21,56,74,.20);transform:rotate(-2deg)}.event-preview-ticket small{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#adc3cd}.event-preview-ticket strong{display:block;font-size:19px;margin:6px 0}.event-preview-ticket span{font-size:11px;color:#e0c684}.ticket-code{width:78px;height:78px;border-radius:12px;background:repeating-linear-gradient(90deg,#fff 0 6px,#173c4f 6px 10px),repeating-linear-gradient(180deg,#fff 0 6px,#173c4f 6px 10px);box-shadow:inset 0 0 0 7px rgba(255,255,255,.12)}
.event-preview-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.event-preview-stats div{padding:13px;border-radius:13px;background:rgba(255,255,255,.57);border:1px solid rgba(21,56,74,.08)}.event-preview-stats span{display:block;font-size:10px;color:#6a8190}.event-preview-stats b{display:block;font-size:24px;color:var(--home-navy);margin-top:4px}

/* Focus + process */
.approved-focus{padding:70px 0;background:linear-gradient(135deg,#183e51,#285f73);color:#fff}
.focus-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.focus-grid h2{font-size:clamp(36px,4vw,54px);line-height:1.05;letter-spacing:-.045em;margin:14px 0 0}.approved-focus .section-kicker{color:#c2d5dc}.focus-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.focus-points p{margin:0;padding:20px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);font-size:13px;color:#c8d8df}.focus-points b{display:block;font-size:15px;color:#fff;margin-bottom:6px}
.approved-process{padding:72px 0;background:#eeeae2}.process-intro{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.process-intro h2{font-size:clamp(34px,3.8vw,50px);line-height:1.05;color:var(--home-ink);margin:12px 0 0;max-width:600px}.process-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:14px;align-items:center}.process-steps article{padding:20px;border-radius:16px;background:#f8f5ef;border:1px solid var(--home-line)}.process-steps article b{display:block;color:var(--home-navy);font-size:17px}.process-steps article span{display:block;margin-top:6px;color:var(--home-muted);font-size:12px}.process-steps>i{width:32px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--home-gold),#84a3b2)}

/* Contact spacing */
.jaz-contact{background:linear-gradient(180deg,#e2e9ec,#f1eee7)!important}.contact-shell{max-width:1120px;margin-inline:auto!important;grid-template-columns:.92fr 1.08fr!important;align-items:center!important;padding:42px!important;border-radius:26px!important;background:rgba(249,247,242,.94)!important}
.contact-copy{padding-right:20px!important}.contact-copy h2{font-size:clamp(36px,4vw,52px)!important}.contact-signature{margin-top:20px!important}.contact-form{padding:4px 0!important}

@media(max-width:1120px){
  .approved-hero-grid{grid-template-columns:1fr;gap:10px}.approved-copy{max-width:760px}.approved-orbit{height:520px;max-width:650px;width:100%;margin:0 auto}.approved-services{grid-template-columns:1fr 1fr}.approved-value-strip{grid-template-columns:1fr 1fr;gap:16px}.approved-value-strip>div{border-right:0;padding:0}.implementation-card,.event-implementation{grid-template-columns:1fr}.event-implementation .event-product-preview{order:2}.event-implementation .implementation-copy{order:1}.focus-grid{grid-template-columns:1fr}.contact-shell{grid-template-columns:1fr!important}.implementation-intro{grid-template-columns:1fr;gap:16px}
}

@media(max-width:760px){
  .approved-home{padding:52px 0}.approved-copy h1{font-size:46px}.approved-copy>p{font-size:16px}.approved-orbit{height:430px;transform:scale(.88);margin:-20px auto}.ring-outer{width:400px;height:400px}.ring-inner{width:315px;height:315px}.ring-dotted{width:240px;height:240px}.approved-core{width:185px!important;height:185px!important}.approved-core img{width:78px!important;height:78px!important}.approved-core strong{font-size:13px!important}.approved-orbit-card{min-width:140px!important;max-width:145px!important;padding:11px!important}.approved-orbit-card:before{display:none}.approved-orbit-card span{padding-left:0!important;font-size:8px!important}.approved-orbit-card strong{font-size:10px!important}.approved-orbit .orbit-card-a{left:4px!important;top:70px!important}.approved-orbit .orbit-card-b{right:4px!important;top:96px!important}.approved-orbit .orbit-card-c{left:6px!important;bottom:66px!important}.approved-orbit .orbit-card-d{right:4px!important;bottom:57px!important}.approved-services{grid-template-columns:1fr}.approved-service-card{min-height:auto}.approved-value-strip{grid-template-columns:1fr}.approved-implementations{padding:64px 0}.implementation-card{padding:24px;border-radius:20px}.access-dashboard{grid-template-columns:48px 1fr;min-height:390px}.dash-sidebar{padding:16px 7px}.dash-main{padding:18px}.dash-grid{grid-template-columns:1fr}.dash-panel{min-height:auto}.event-preview-stats{grid-template-columns:1fr 1fr 1fr}.focus-points{grid-template-columns:1fr}.process-intro{display:block}.process-steps{grid-template-columns:1fr}.process-steps>i{width:2px;height:22px;justify-self:center}.contact-shell{padding:26px!important}.implementation-features{gap:7px}
}

@media(prefers-reduced-motion:reduce){.approved-ring,.approved-core,.approved-orbit-card{animation:none!important}}