/* ============================================================
   SENUSA CMS — Front-end Stylesheet
   ============================================================ */

:root, html[data-theme="light"]{
  --bg:#FFFFFF; --bg-rgb:255,255,255; --bg-alt:#FBF3F3;
  --surface:#FFFFFF; --surface-2:#F5E7E8;
  --accent:#D7263D; --accent-dark:#98192A; --accent-2:#4A4A52;
  --text:#17171A; --text-muted:#6E6E76; --line:rgba(23,23,26,0.12);
  --whatsapp:#25D366; --info-bg:#E9F2FC; --info-text:#2F6FB5;
  --card-shadow:0 1px 2px rgba(23,23,26,0.05);
}
html[data-theme="dark"]{
  --bg:#19191C; --bg-rgb:25,25,28; --bg-alt:#201F23;
  --surface:#242327; --surface-2:#2B2A2F;
  --accent:#D7263D; --accent-dark:#98192A; --accent-2:#B8BAC4;
  --text:#F3F1EC; --text-muted:#96969E; --line:rgba(243,241,236,0.10);
  --whatsapp:#25D366; --info-bg:#E9F2FC; --info-text:#2F6FB5;
  --card-shadow:none;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth; background:var(--bg);}
body{margin:0; background:var(--bg); color:var(--text); font-family:'Oswald',sans-serif; overflow-x:hidden; transition:background .3s ease,color .3s ease;}
h1,h2,h3{font-family:'Oswald',sans-serif; text-transform:uppercase; letter-spacing:0.02em; margin:0;}
.serif{font-family:'Fraunces',serif;}
.mono{font-family:'Space Mono',monospace;}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
button, input, textarea, select{font-family:inherit;}
.wrap{max-width:1180px; margin:0 auto; padding:0 28px;}

.eyebrow{font-family:'Space Mono',monospace; font-size:12px; letter-spacing:0.28em; text-transform:uppercase; color:var(--accent-2); display:flex; align-items:center; gap:12px;}
.eyebrow::before{content:""; width:28px; height:1px; background:var(--accent); display:inline-block;}

/* ---------- HEADER ---------- */
.site-header{position:fixed; top:0; left:0; right:0; z-index:50; display:flex; align-items:center; justify-content:space-between; padding:16px 28px; background:linear-gradient(180deg, rgba(var(--bg-rgb),0.94), rgba(var(--bg-rgb),0.85) 70%, rgba(var(--bg-rgb),0)); backdrop-filter:blur(6px);}
.site-header .brand{display:flex; align-items:center; gap:12px; font-size:16px; font-weight:700;}
.site-header .brand img{height:38px; width:auto;}
.header-right{display:flex; align-items:center; gap:18px;}
.nav-links{display:none; gap:24px; font-size:12px; letter-spacing:0.08em; text-transform:uppercase;}
.nav-links a{opacity:0.75; transition:opacity .2s;}
.nav-links a:hover, .nav-links a.active{opacity:1; color:var(--accent);}
@media(min-width:900px){.nav-links{display:flex;}}
.theme-toggle{display:flex; align-items:center; gap:8px; background:var(--surface); border:1px solid var(--line); color:var(--text); padding:8px 14px; border-radius:999px; font-family:'Space Mono',monospace; font-size:11px; letter-spacing:0.08em; text-transform:uppercase; box-shadow:var(--card-shadow); cursor:pointer;}
.theme-toggle:hover{border-color:var(--accent);}
.theme-toggle svg{width:15px; height:15px;}
.theme-toggle .icon-sun{display:none;} .theme-toggle .icon-moon{display:inline-block;}
html[data-theme="dark"] .theme-toggle .icon-sun{display:inline-block;} html[data-theme="dark"] .theme-toggle .icon-moon{display:none;}
.theme-toggle .label-dark{display:none;} html[data-theme="dark"] .theme-toggle .label-light{display:none;} html[data-theme="dark"] .theme-toggle .label-dark{display:inline;}
@media(max-width:480px){.theme-toggle .tlabel{display:none;}}
.hamburger{display:flex; align-items:center; justify-content:center; width:38px; height:38px; border:1px solid var(--line); border-radius:8px; background:var(--surface); cursor:pointer;}
.hamburger svg{width:18px; height:18px;}
@media(min-width:900px){.hamburger{display:none;}}
.mobile-menu{position:fixed; inset:0; background:var(--bg); z-index:60; display:none; flex-direction:column; padding:100px 28px 40px;}
.mobile-menu.open{display:flex;}
.mobile-menu a{font-size:22px; padding:14px 0; border-bottom:1px solid var(--line); text-transform:uppercase; letter-spacing:0.05em;}
.mobile-menu .close-btn{position:absolute; top:20px; right:20px; width:38px; height:38px; border:1px solid var(--line); border-radius:8px; display:flex; align-items:center; justify-content:center; background:var(--surface);}

/* ---------- BUTTONS ---------- */
.btn{display:inline-flex; align-items:center; gap:10px; padding:15px 28px; font-family:'Space Mono',monospace; font-size:13px; letter-spacing:0.12em; text-transform:uppercase; border-radius:2px; transition:transform .2s, box-shadow .2s; border:1px solid transparent; cursor:pointer;}
.btn-primary{background:var(--accent); color:#fff; font-weight:700;}
.btn-primary:hover{transform:translateY(-2px); box-shadow:0 10px 30px -8px rgba(215,38,61,0.55);}
.btn-ghost{border-color:var(--line); color:var(--text); background:transparent;}
.btn-ghost:hover{border-color:var(--accent-2); color:var(--accent-2);}
.cta-row{display:flex; gap:16px; flex-wrap:wrap; align-items:center;}

/* ---------- PAGE HEADER (halaman dalam / artikel) ---------- */
.page-hero{padding:160px 0 60px; background:linear-gradient(180deg, var(--bg-alt), var(--bg));}
.page-hero h1{font-size:clamp(32px,5vw,54px); margin-top:14px;}
.page-hero .desc{font-family:'Fraunces',serif; color:var(--text-muted); margin-top:14px; max-width:640px; font-size:16px; line-height:1.6;}

/* ---------- ARTICLE LIST ---------- */
.article-filters{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:36px;}
.filter-chip{padding:9px 18px; border:1px solid var(--line); border-radius:999px; font-family:'Space Mono',monospace; font-size:12px; text-transform:uppercase; letter-spacing:0.05em; color:var(--text-muted); background:var(--surface);}
.filter-chip.active, .filter-chip:hover{border-color:var(--accent); color:var(--accent);}
.article-grid{display:grid; grid-template-columns:1fr; gap:24px; padding-bottom:100px;}
@media(min-width:700px){.article-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1000px){.article-grid{grid-template-columns:repeat(3,1fr);}}
.article-card{background:var(--surface); border:1px solid var(--line); overflow:hidden; transition:transform .2s, border-color .2s;}
.article-card:hover{transform:translateY(-4px); border-color:var(--accent);}
.article-card .thumb{aspect-ratio:16/10; background:var(--surface-2); overflow:hidden;}
.article-card .thumb img{width:100%; height:100%; object-fit:cover;}
.article-card .body{padding:20px;}
.article-card .cat{font-family:'Space Mono',monospace; font-size:10.5px; text-transform:uppercase; letter-spacing:0.08em; color:var(--accent);}
.article-card h3{font-size:18px; margin-top:10px; line-height:1.25;}
.article-card p{font-family:'Fraunces',serif; color:var(--text-muted); font-size:14px; margin-top:10px; line-height:1.55;}
.article-card .meta{font-family:'Space Mono',monospace; font-size:11px; color:var(--text-muted); margin-top:16px; padding-top:14px; border-top:1px solid var(--line); display:flex; justify-content:space-between;}

/* ---------- ARTICLE / PAGE DETAIL ---------- */
.article-body, .page-body{max-width:760px; margin:0 auto; padding:0 28px 100px; font-family:'Fraunces',serif; font-size:17px; line-height:1.8; color:var(--text);}
.article-body img, .page-body img{border-radius:4px; margin:24px 0;}
.article-body h2, .page-body h2{font-family:'Oswald',sans-serif; font-size:28px; margin-top:40px; margin-bottom:14px;}
.article-body h3, .page-body h3{font-family:'Oswald',sans-serif; font-size:21px; margin-top:30px; margin-bottom:12px;}
.article-body p, .page-body p{margin:0 0 18px;}
.article-body ul, .page-body ul{margin:0 0 18px; padding-left:22px;}
.article-meta-bar{max-width:760px; margin:0 auto; padding:0 28px 30px; display:flex; gap:18px; flex-wrap:wrap; font-family:'Space Mono',monospace; font-size:12px; color:var(--text-muted); border-bottom:1px solid var(--line); margin-bottom:40px; padding-bottom:24px;}

/* ---------- FORMS (login, daftar) ---------- */
.form-shell{max-width:440px; margin:0 auto; padding:160px 28px 100px;}
.form-card{background:var(--surface); border:1px solid var(--line); padding:36px 30px; box-shadow:var(--card-shadow);}
.form-group{margin-bottom:18px;}
.form-group label{display:block; font-family:'Space Mono',monospace; font-size:11px; text-transform:uppercase; letter-spacing:0.06em; color:var(--text-muted); margin-bottom:8px;}
.form-group input, .form-group select, .form-group textarea{
  width:100%; padding:12px 14px; background:var(--bg); border:1px solid var(--line); color:var(--text);
  font-family:'Oswald',sans-serif; font-size:15px; border-radius:2px;
}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus{outline:none; border-color:var(--accent);}
.form-msg{padding:12px 14px; border-radius:2px; font-size:13px; margin-bottom:18px; font-family:'Space Mono',monospace;}
.form-msg.error{background:rgba(215,38,61,0.1); color:var(--accent); border:1px solid rgba(215,38,61,0.3);}
.form-msg.success{background:rgba(37,211,102,0.1); color:#1a8a4c; border:1px solid rgba(37,211,102,0.3);}

/* ---------- TEAM DASHBOARD ---------- */
.dash-grid{display:grid; grid-template-columns:1fr; gap:20px;}
@media(min-width:800px){.dash-grid{grid-template-columns:repeat(3,1fr);}}
.dash-card{background:var(--surface); border:1px solid var(--line); padding:26px;}
.dash-card h3{font-size:14px; letter-spacing:0.08em; color:var(--text-muted); margin-bottom:16px;}
.profile-head{display:flex; align-items:center; gap:16px; margin-bottom:10px;}
.profile-head .avatar{width:64px; height:64px; border-radius:50%; overflow:hidden; background:var(--surface-2); border:2px solid var(--line);}
.profile-head .avatar img{width:100%; height:100%; object-fit:cover;}
.jadwal-item{display:flex; justify-content:space-between; padding:12px 0; border-bottom:1px solid var(--line); font-size:14px;}
.jadwal-item:last-child{border-bottom:none;}
.spp-row{display:flex; justify-content:space-between; align-items:center; padding:12px 0; border-bottom:1px solid var(--line);}
.spp-row:last-child{border-bottom:none;}
.spp-status{font-family:'Space Mono',monospace; font-size:10.5px; text-transform:uppercase; padding:4px 10px; border-radius:3px;}
.spp-status.lunas{background:rgba(37,211,102,0.15); color:#1a8a4c;}
.spp-status.belum_bayar{background:rgba(215,38,61,0.12); color:var(--accent);}
.spp-status.menunggu_konfirmasi{background:rgba(214,158,46,0.15); color:#a3720f;}

/* ---------- POPUP ---------- */
.site-popup-overlay{position:fixed; inset:0; background:rgba(0,0,0,0.55); z-index:200; display:none; align-items:center; justify-content:center; padding:20px;}
.site-popup-overlay.show{display:flex;}
.site-popup{background:var(--surface); max-width:420px; width:100%; border-radius:6px; overflow:hidden; position:relative; box-shadow:0 20px 60px rgba(0,0,0,0.3);}
.site-popup img{width:100%; aspect-ratio:16/9; object-fit:cover;}
.site-popup .content{padding:26px;}
.site-popup h3{font-size:22px; margin-bottom:10px;}
.site-popup p{font-family:'Fraunces',serif; color:var(--text-muted); font-size:15px; line-height:1.6; margin-bottom:20px;}
.site-popup .close-x{position:absolute; top:12px; right:12px; width:32px; height:32px; border-radius:50%; background:rgba(0,0,0,0.5); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:2;}

/* ---------- FLOATING WA ---------- */
.wa-fab{position:fixed; left:22px; bottom:22px; z-index:60; display:flex; align-items:center; gap:10px; background:var(--whatsapp); color:#08210f; padding:14px 20px 14px 14px; border-radius:50px; box-shadow:0 12px 30px -8px rgba(37,211,102,0.55); font-family:'Space Mono',monospace; font-size:13px; font-weight:700; letter-spacing:0.04em; transition:transform .2s;}
.wa-fab:hover{transform:translateY(-3px);}
.wa-fab .ico{width:34px; height:34px; border-radius:50%; background:#08210f; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.wa-fab .ico svg{width:18px; height:18px;}
.wa-fab .txt{display:flex; flex-direction:column; line-height:1.15;}
.wa-fab .txt small{font-weight:400; opacity:0.75; font-size:10px;}
@media(max-width:480px){.wa-fab .txt span{display:none;} .wa-fab{padding:14px;}}

/* ---------- FOOTER ---------- */
footer.site-footer{border-top:1px solid var(--line); padding:50px 0 40px; margin-top:60px;}
.footer-grid{display:flex; flex-direction:column; gap:26px; justify-content:space-between; align-items:flex-start;}
@media(min-width:760px){.footer-grid{flex-direction:row; align-items:center;}}
.footer-brand{display:flex; align-items:center; gap:12px; font-size:15px; font-weight:700;}
.footer-brand img{height:32px; width:auto;}
.footer-meta{font-family:'Space Mono',monospace; font-size:12px; color:var(--text-muted); display:flex; gap:22px; flex-wrap:wrap;}
.footer-meta a:hover{color:var(--accent-2);}

/* ---------- REVEAL ---------- */
.reveal{opacity:0; transform:translateY(30px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.3,1);}
.reveal.in-view{opacity:1; transform:translateY(0);}
@media (prefers-reduced-motion: reduce){.reveal{opacity:1!important; transform:none!important;}}

.empty-state{background:var(--info-bg); color:var(--info-text); border-radius:6px; padding:30px; font-family:'Fraunces',serif; font-style:italic; text-align:center;}

/* ============================================================
   HOMEPAGE-SPECIFIC SECTIONS
   ============================================================ */
section.hp{position:relative; padding:100px 0; border-bottom:1px solid var(--line);}
section.hp:last-of-type{border-bottom:none;}
.sec-index{position:absolute; top:40px; right:28px; font-family:'Space Mono',monospace; font-size:12px; color:var(--text-muted); letter-spacing:0.1em;}
.sec-index b{color:var(--accent);}
.section-head{max-width:640px; margin-bottom:56px;}
.section-head h2{font-size:clamp(32px,5vw,50px); margin-top:16px; line-height:1.05;}
.section-head .desc{font-family:'Fraunces',serif; color:var(--text-muted); font-size:16px; margin-top:16px; line-height:1.6; max-width:520px;}

#sec-hero{min-height:100vh; display:flex; flex-direction:column; justify-content:center; padding:150px 0 80px;
  background:radial-gradient(ellipse 80% 60% at 50% 0%, rgba(215,38,61,0.20), transparent 60%), linear-gradient(180deg, var(--bg) 0%, var(--bg-alt) 60%, var(--bg) 100%);}
.hero-number{position:absolute; right:-2%; top:8%; font-size:clamp(120px,24vw,400px); font-weight:700; color:transparent; -webkit-text-stroke:1px var(--text); opacity:0.08; z-index:1; pointer-events:none; line-height:1;}
.hero-inner{position:relative; z-index:2;}
#sec-hero h1{font-size:clamp(48px,10vw,120px); line-height:0.94; font-weight:700; max-width:900px;}
#sec-hero h1 em{font-style:normal; color:var(--accent);}
.hero-brand{display:flex; flex-wrap:wrap; align-items:baseline; gap:12px; margin-top:20px;}
.hero-brand .hb-1{font-weight:700; font-size:clamp(20px,3vw,27px); letter-spacing:0.03em; text-transform:uppercase;}
.hero-brand .hb-2{font-family:'Space Mono',monospace; font-size:13px; letter-spacing:0.2em; text-transform:uppercase; color:var(--text-muted); position:relative; padding-left:16px;}
.hero-brand .hb-2::before{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:8px; height:1px; background:var(--accent);}
#sec-hero .lede{font-family:'Fraunces',serif; font-style:italic; font-size:clamp(17px,2.2vw,22px); color:var(--text-muted); max-width:560px; margin:24px 0 40px; line-height:1.55;}

.ticker-band{background:var(--accent); color:var(--bg); overflow:hidden; white-space:nowrap; padding:14px 0; border-top:1px solid var(--accent-dark); border-bottom:1px solid var(--accent-dark);}
.ticker-track{display:inline-block; font-family:'Space Mono',monospace; font-weight:700; font-size:14px; letter-spacing:0.12em; text-transform:uppercase; animation:scroll-left 26s linear infinite;}
.ticker-track span{margin:0 22px;}
@keyframes scroll-left{0%{transform:translateX(0);} 100%{transform:translateX(-50%);}}

.profile-grid{display:grid; grid-template-columns:1fr; gap:1px; background:var(--line); border:1px solid var(--line);}
@media(min-width:760px){.profile-grid{grid-template-columns:repeat(4,1fr);}}
.stat-card{background:var(--bg); padding:36px 28px;}
.stat-card .num{font-size:48px; font-weight:700; color:var(--accent);}
.stat-card .label{font-family:'Space Mono',monospace; font-size:11.5px; letter-spacing:0.1em; text-transform:uppercase; color:var(--text-muted); margin-top:10px; line-height:1.5;}

.age-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:14px;}
@media(min-width:640px){.age-grid{grid-template-columns:repeat(3,1fr);}}
@media(min-width:980px){.age-grid{grid-template-columns:repeat(6,1fr);}}
.age-card{background:var(--surface); border:1px solid var(--line); padding:26px 16px; text-align:center; transition:border-color .2s, transform .2s;}
.age-card:hover{border-color:var(--accent); transform:translateY(-4px);}
.age-card .jersey{font-size:40px; font-weight:700;}
.age-card .jersey sup{font-size:15px; color:var(--accent); font-weight:600;}
.age-card .cap{font-family:'Space Mono',monospace; font-size:10.5px; letter-spacing:0.1em; text-transform:uppercase; color:var(--text-muted); margin-top:8px;}

.roster-grid{display:grid; grid-template-columns:1fr; gap:16px;}
@media(min-width:640px){.roster-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1080px){.roster-grid{grid-template-columns:repeat(4,1fr);}}
.roster-card{background:var(--surface); border:1px solid var(--line); overflow:hidden; transition:border-color .2s, transform .2s;}
.roster-card:hover{border-color:var(--accent); transform:translateY(-4px);}
.roster-top{display:flex; align-items:flex-start; gap:14px; padding:20px;}
.roster-photo{width:64px; height:64px; border-radius:50%; overflow:hidden; flex-shrink:0; border:2px solid var(--line); background:var(--surface-2);}
.roster-photo img{width:100%; height:100%; object-fit:cover; object-position:top center;}
.roster-name{font-size:18px; font-weight:700;}
.roster-fullname{font-family:'Space Mono',monospace; font-size:10.5px; text-transform:uppercase; color:var(--text-muted); margin-top:5px;}
.roster-badges{display:flex; align-items:center; gap:6px; margin-top:12px;}
.badge-status{background:#101013; color:#fff; font-family:'Space Mono',monospace; font-size:9.5px; letter-spacing:0.08em; text-transform:uppercase; padding:5px 10px; border-radius:3px; font-weight:700;}
.badge-verified{width:22px; height:22px; border-radius:50%; background:#2F6FB5; display:flex; align-items:center; justify-content:center;}
.badge-verified svg{width:12px; height:12px; color:#fff;}
.roster-stats{display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line);}
.roster-stats .stat{padding:14px 6px; text-align:center; border-right:1px solid var(--line);}
.roster-stats .stat:last-child{border-right:none;}
.roster-stats .stat .k{font-family:'Space Mono',monospace; font-size:9.5px; color:var(--text-muted); text-transform:uppercase;}
.roster-stats .stat .v{font-size:15px; font-weight:600; margin-top:6px;}
.roster-stats .stat .v.pos{background:var(--surface-2); border-radius:3px; padding:2px 9px; display:inline-block; font-size:13px;}
.roster-role-simple{font-family:'Space Mono',monospace; font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:var(--accent); margin:0 20px 20px; padding-top:12px; border-top:1px solid var(--line);}

.tabbar{display:flex; gap:6px; border-bottom:1px solid var(--line); margin-bottom:36px; overflow-x:auto;}
.tab-btn{display:flex; align-items:center; gap:9px; background:transparent; border:none; color:var(--text-muted); padding:16px 22px; font-family:'Space Mono',monospace; font-size:12px; letter-spacing:0.1em; text-transform:uppercase; border-bottom:2px solid transparent; white-space:nowrap; cursor:pointer;}
.tab-btn svg{width:16px; height:16px;}
.tab-btn.active{color:var(--accent); border-bottom-color:var(--accent);}
.tab-panel{display:none;} .tab-panel.active{display:block;}
.year-filters{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:24px;}
.year-btn{background:var(--surface); border:1px solid var(--line); color:var(--text); padding:11px 20px; font-family:'Space Mono',monospace; font-size:13px; cursor:pointer;}
.year-btn.active{background:var(--accent); border-color:var(--accent); color:#fff;}

.loc-list{display:grid; grid-template-columns:1fr; gap:1px; background:var(--line); border:1px solid var(--line);}
@media(min-width:760px){.loc-list{grid-template-columns:repeat(5,1fr);}}
.loc-item{background:var(--bg); padding:30px 20px; display:flex; flex-direction:column; gap:12px;}
.loc-item .pin{color:var(--accent); font-size:18px;}
.loc-item .name{font-size:19px; font-weight:600;}
.loc-item .idx{font-family:'Space Mono',monospace; font-size:11px; color:var(--text-muted);}

.values{display:grid; grid-template-columns:1fr; border-top:1px solid var(--line);}
@media(min-width:760px){.values{grid-template-columns:repeat(3,1fr);}}
.value-item{padding:40px 28px; border-bottom:1px solid var(--line);}
@media(min-width:760px){.value-item{border-right:1px solid var(--line);} .value-item:last-child{border-right:none;}}
.value-item .vt{font-size:24px; font-weight:700; color:var(--accent);}
.value-item p{font-family:'Fraunces',serif; color:var(--text-muted); font-size:15px; line-height:1.6; margin-top:12px;}

.media-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:14px;}
@media(min-width:640px){.media-grid{grid-template-columns:repeat(3,1fr);}}
@media(min-width:980px){.media-grid{grid-template-columns:repeat(4,1fr);}}
.media-card{background:var(--surface); border:1px solid var(--line); aspect-ratio:4/5; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; position:relative; overflow:hidden;}
.media-card img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.media-card svg{width:28px; height:28px; color:var(--text-muted);}
.media-card .m-label{font-family:'Space Mono',monospace; font-size:10.5px; color:var(--text-muted); text-align:center; padding:0 10px; position:relative; z-index:2;}

.cta-banner{background:linear-gradient(135deg, var(--surface-2), var(--bg-alt)); border:1px solid var(--line); padding:64px 36px; text-align:center; position:relative; overflow:hidden;}
.cta-banner h2{font-size:clamp(28px,5vw,44px); margin-top:14px;}
.cta-banner .sub{font-family:'Fraunces',serif; font-style:italic; color:var(--text-muted); margin-top:16px; font-size:16px;}
.cta-banner .cta-row{justify-content:center; margin-top:32px;}
