/**
* Register & enqueue the fellowship application form assets.
*/
.unione-fellowship-form{font-family:'Inter',sans-serif}
.unione-fellowship-form *,
.unione-fellowship-form *::before,
.unione-fellowship-form *::after{box-sizing:border-box;margin:0;padding:0}
.unione-fellowship-form{
	--slate:#2A3545;--slate-deep:#1C2534;
	--gold:#C4A96A;--gold-b:#E8D9B0;--gold-pale:#F7F2E8;
	--parchment:#FAFAF8;--ivory:#F2F1EE;--obsidian:#141820;
	--white:#fff;--ink:#1A1A18;--ink-mid:#4A4843;--ink-mute:#8A8880;
	--border:rgba(42,53,69,.12);--r-md:10px;--r-xl:24px;
}
@keyframes uff-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}
@keyframes uff-shimmer{0%{background-position:-200% center}100%{background-position:200% center}}
@keyframes uff-fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.uff-fade-up{animation:uff-fadeUp .6s ease both}
.uff-d1{animation-delay:.1s}
.uff-d2{animation-delay:.2s}

/* LAYOUT */
.uff-wrap{
	display:grid;grid-template-columns:1fr 1fr;
	min-height:90vh;
	overflow:hidden;
}

/* LEFT PANEL */
.uff-left{
	background:var(--obsidian);padding:64px 52px;
	display:flex;flex-direction:column;justify-content:space-between;
	position:relative;overflow:hidden;
}
.uff-left::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 80% 20%,rgba(196,169,106,.06),transparent 55%);pointer-events:none}
.uff-l-content{position:relative;z-index:2}
.uff-l-tag{font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.uff-l-tag::before{content:'';width:16px;height:1px;background:var(--gold)}
.uff-l-title{font-family:'Inter Tight',sans-serif;font-size:clamp(26px,3vw,40px);font-weight:700;letter-spacing:-.035em;color:#fff;line-height:1.06;margin-bottom:14px}
.uff-l-title .uff-gold{background:linear-gradient(135deg,#C4A96A,#F0DFA0,#C4A96A);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:uff-shimmer 4s linear infinite}
.uff-l-sub{font-size:15px;color:rgba(255,255,255,.42);line-height:1.75;margin-bottom:36px}

/* NOTICE BOX */
.uff-notice{background:rgba(196,169,106,.07);border:.5px solid rgba(196,169,106,.18);border-radius:12px;padding:16px 18px;margin-bottom:24px}
.uff-notice-tag{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(196,169,106,.7);margin-bottom:8px}
.uff-notice-text{font-size:12.5px;color:rgba(255,255,255,.45);line-height:1.65}

/* TYPE SELECTOR */
.uff-type-select{display:flex;flex-direction:column;gap:10px;margin-bottom:36px}
.uff-type-opt{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border:.5px solid rgba(255,255,255,.07);border-radius:var(--r-md);cursor:pointer;transition:all .2s;text-decoration:none}
.uff-type-opt:hover,.uff-type-opt.uff-active{background:rgba(255,255,255,.05);border-color:rgba(196,169,106,.25)}
.uff-to-icon{width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.uff-type-opt.uff-active .uff-to-icon{background:rgba(196,169,106,.12)}
.uff-to-label{font-size:14px;font-weight:600;color:rgba(255,255,255,.75);margin-bottom:2px}
.uff-to-sub{font-size:12px;color:rgba(255,255,255,.3)}

/* WHAT HAPPENS NEXT */
.uff-next-box{margin-bottom:32px;padding:24px;background:rgba(255,255,255,.03);border:.5px solid rgba(255,255,255,.07);border-radius:12px}
.uff-next-tag{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(196,169,106,.6);margin-bottom:16px}
.uff-next-steps{display:flex;flex-direction:column;gap:14px}
.uff-next-step{display:flex;gap:14px;align-items:flex-start}
.uff-step-num{width:24px;height:24px;border-radius:50%;background:rgba(196,169,106,.15);border:.5px solid rgba(196,169,106,.3);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--gold);flex-shrink:0}
.uff-step-text{font-size:12.5px;color:rgba(255,255,255,.45);line-height:1.55}
.uff-step-text strong{color:rgba(255,255,255,.75);font-weight:600}

/* BOTTOM LINKS */
.uff-l-bottom{position:relative;z-index:2;border-top:.5px solid rgba(255,255,255,.07);padding-top:24px}
.uff-lb-links{display:flex;flex-direction:column;gap:8px}
.uff-lb-link{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:rgba(255,255,255,.35);text-decoration:none;padding:6px 0;transition:color .2s}
.uff-lb-link:hover{color:rgba(255,255,255,.7)}

/* RIGHT PANEL */
.uff-right{padding:64px 52px;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;background:var(--parchment)}
.uff-r-inner{max-width:1000px;width:100%}
.uff-form-title{font-family:'Inter Tight',sans-serif;font-size:26px;font-weight:700;letter-spacing:-.025em;color:var(--ink);margin-bottom:6px}
.uff-form-sub{font-size:14px;color:var(--ink-mute);margin-bottom:32px;line-height:1.6}

/* FORM FIELDS */
.uff-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.uff-fg{display:flex;flex-direction:column;gap:6px;margin-bottom:0}
.uff-fg.uff-full{grid-column:1/-1}
.uff-fl{font-size:12px;font-weight:600;color:var(--ink);letter-spacing:.04em}
.uff-fi,.uff-fsel{font-family:'Inter',sans-serif;font-size:14px;padding:12px 16px;border:.5px solid var(--border);border-radius:var(--r-md);background:var(--white);color:var(--ink);transition:all .2s;outline:none;width:100%}
.uff-fi:focus,.uff-fsel:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(196,169,106,.08)}
.uff-fi-ta{resize:vertical;min-height:88px}

/* DIVIDER */
.uff-section-divider{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin:20px 0 14px;padding-top:8px;border-top:.5px solid var(--border);grid-column:1/-1}

/* CHECKBOX GROUP */
.uff-check-group{display:flex;flex-direction:column;gap:8px}
.uff-check-opt{display:flex;align-items:center;gap:10px;cursor:pointer}
.uff-check-opt input{width:16px;height:16px;accent-color:var(--gold);cursor:pointer}
.uff-check-label{font-size:13.5px;color:var(--ink-mid)}

/* ERROR MESSAGES */
.uff-error{color:#d9534f;font-size:12px;margin-top:4px;display:none}
.uff-input-error{border-color:#d9534f !important}
.uff-form-error{background:#f8d7da;color:#721c24;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:13px;display:none}

/* SUBMIT */
.uff-submit-btn{
    font-family:'Inter',sans-serif !important;
    font-size:15px !important;
    font-weight:600 !important;
    padding:14px 36px !important;
    border-radius:var(--r-md) !important;
    border:none !important;
    background:linear-gradient(135deg,#C4A96A,#E8D9B0) !important;
    color:var(--obsidian) !important;
    cursor:pointer !important;
    transition:all .2s !important;
    width:100% !important;
    margin-top:20px !important;
}

.uff-submit-btn:hover{
    filter:brightness(1.07) !important;
    transform:translateY(-1px) !important;
}

.uff-submit-btn:disabled{
    opacity:0.6 !important;
    cursor:not-allowed !important;
    transform:none !important;
}
.uff-form-note{font-size:12px;color:var(--ink-mute);text-align:center;margin-top:12px;line-height:1.6}
.uff-form-note a{color:var(--gold);text-decoration:none}

/* SUCCESS STATE */
.uff-success{display:none;text-align:center;padding:48px 24px}
.uff-success-icon{font-size:48px;margin-bottom:16px}
.uff-success-title{font-family:'Inter Tight',sans-serif;font-size:26px;font-weight:700;color:var(--ink);margin-bottom:10px}
.uff-success-body{font-size:15px;color:var(--ink-mid);line-height:1.75;margin-bottom:28px}
.uff-success-box{margin:20px 0;padding:16px 18px;background:rgba(196,169,106,.07);border:.5px solid rgba(196,169,106,.18);border-radius:10px;text-align:left}
.uff-success-box-tag{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(196,169,106,.9);margin-bottom:10px}
.uff-success-checks{display:flex;flex-direction:column;gap:8px;font-size:12.5px;color:var(--ink-mid);line-height:1.55}
.uff-success-links{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.uff-success-link{font-size:14px;color:var(--gold);text-decoration:none;display:flex;align-items:center;gap:6px;justify-content:center;transition:opacity .2s}
.uff-success-link:hover{opacity:.75}

/* POPUPS */
.uff-popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999999;background:var(--gold);color:var(--obsidian);padding:35px 30px;border-radius:20px;box-shadow:0 12px 40px rgba(0,0,0,0.3);min-width:400px;text-align:center;}
.uff-popup-buttons{display:flex;gap:12px;margin-top:20px;justify-content:center}
.uff-popup-btn{background:white;color:var(--gold);border:none;padding:10px 28px;border-radius:40px;font-weight:700;cursor:pointer}
.uff-popup-btn-outline{background:transparent;border:1px solid white;color:var(--obsidian);padding:10px 28px;border-radius:40px;font-weight:600;cursor:pointer}
.uff-auto-save-popup{display:none;position:fixed;top:20px;right:20px;z-index:999999;background:var(--gold);color:var(--obsidian);padding:15px 25px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.15);min-width:280px;text-align:center;animation:uff-fadeUp 0.3s ease}

/* RESPONSIVE */
@media(max-width:900px){
	.uff-wrap{grid-template-columns:1fr}
	.uff-left{display:none}
	.uff-right{padding:48px 24px}
	.uff-grid{grid-template-columns:1fr}
	.uff-fg.uff-full{grid-column:1}
	.uff-section-divider{grid-column:1}
}

/* ═══════════════════════════════════════════════════════════════
   UNIONE™ Fellowship Page — Stylesheet
   File: unione-fellowship-page.css
   ═══════════════════════════════════════════════════════════════ */

/* ── Reset ── */
.unione-fellowship-page,
.unione-fellowship-page *,
.unione-fellowship-page *::before,
.unione-fellowship-page *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.unione-fellowship-page {
	font-family: 'Inter', sans-serif;
	color: #1A1A18;
	overflow-x: hidden;
	width: 100%;
	max-width: 100%;
	display: block;
	--slate: #2A3545;
	--slate-deep: #1C2534;
	--slate-mid: #3D4F63;
	--gold: #C4A96A;
	--gold-b: #E8D9B0;
	--gold-pale: #F7F2E8;
	--parchment: #FAFAF8;
	--ivory: #F2F1EE;
	--obsidian: #141820;
	--white: #fff;
	--ink: #1A1A18;
	--ink-mid: #4A4843;
	--ink-mute: #8A8880;
	--border: rgba(42, 53, 69, .12);
	--r-md: 10px;
	--r-lg: 16px;
	--r-xl: 24px;
	--green: #1A7A4A;
	--green-bg: #E8F3EE;
}

/* ── Animations ── */
@keyframes ufp-pulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50%       { opacity: .5; transform: scale(.7); }
}
@keyframes ufp-fadeUp {
	from { opacity: 0; transform: translateY(18px); }
	to   { opacity: 1; transform: translateY(0); }
}
@keyframes ufp-shimmer {
	0%   { background-position: -200% center; }
	100% { background-position: 200% center; }
}

.ufp-fade-up { animation: ufp-fadeUp .7s ease both; }
.ufp-d1      { animation-delay: .1s; }
.ufp-d2      { animation-delay: .22s; }
.ufp-d3      { animation-delay: .34s; }

/* ── Form errors ── */
.ufp-field-error {
	font-size: 11px;
	color: #c0392b;
	margin-top: 4px;
	display: none;
}
.ufp-input-err {
	border-color: #c0392b !important;
	background: rgba(192, 57, 43, .05) !important;
}
.ufp-form-error-box {
	background: rgba(192, 57, 43, .08);
	border: .5px solid rgba(192, 57, 43, .25);
	border-radius: var(--r-md);
	padding: 12px 16px;
	margin-bottom: 20px;
	font-size: 13px;
	color: #c0392b;
	display: none;
	text-align: center;
}
.ufp-success-box {
	background: var(--green-bg);
	border: .5px solid var(--green);
	border-radius: var(--r-md);
	padding: 12px 16px;
	margin-bottom: 20px;
	font-size: 13px;
	color: var(--green);
	display: none;
	text-align: center;
}

/* ── Section base ── */
.ufp-sec {
	padding: clamp(48px, 8vw, 88px) clamp(20px, 5vw, 52px);
}
.ufp-sec-inner {
	max-width: 1200px;
	margin: 0 auto;
}
.ufp-sec-tag {
	padding-left: 10% !important;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--gold);
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	gap: 10px;
}
.ufp-sec-tag::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 1px;
	background: var(--gold);
}
.ufp-sec-title {
	font-family: 'Inter Tight', sans-serif;
	font-size: clamp(22px, 3.5vw, 42px);
	font-weight: 700;
	color: var(--ink);
	margin-bottom: 14px;
	line-height: 1.08;
}
.ufp-sec-sub {
	font-size: clamp(14px, 2vw, 16px);
	color: var(--ink-mid);
	line-height: 1.8;
	max-width: 560px;
	margin-bottom: 52px;
}
.ufp-divider {
	height: .5px;
	background: var(--border);
	margin: 0 clamp(20px, 5vw, 52px);
}

/* ── Form fields ── */
.ufp-field-wrap {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.ufp-label {
	font-size: 12px;
	font-weight: 600;
	color: var(--slate-mid);
	letter-spacing: .04em;
	display: block;
}
.ufp-input {
	width: 100%;
	padding: 11px 14px;
	border: .5px solid var(--border);
	border-radius: var(--r-md);
	background: var(--ivory);
	font-size: 14px;
	font-family: 'Inter', sans-serif;
	color: var(--ink);
	outline: none;
	transition: border-color .2s;
}
.ufp-input:focus {
	border-color: var(--gold);
	background: #fff;
}

/* ── Location group ── */
.ufp-location-group {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 20px;
	background: var(--gold-pale);
	padding: 20px;
	border-radius: var(--r-lg);
	border: .5px solid rgba(196, 169, 106, .25);
}
.ufp-location-row {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}
.manual-wrap {
	display: none;
	margin-top: 8px;
}
.manual-wrap.active {
	display: block;
}
.manual-wrap input {
	width: 100%;
	padding: 10px 12px;
	border: .5px solid var(--border);
	border-radius: var(--r-md);
	font-size: 13px;
	font-family: 'Inter', sans-serif;
	background: #fff;
	color: var(--ink);
}

/* ── HERO ── */
.ufp-hero {
	background: var(--obsidian);
	padding: clamp(52px, 8vw, 96px) clamp(20px, 5vw, 52px) clamp(48px, 7vw, 80px);
	position: relative;
	overflow: hidden;
}
.ufp-hero::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse 50% 70% at 85% 25%, rgba(196, 169, 106, .06), transparent 55%);
	pointer-events: none;
}
.ufp-hero-inner {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 1fr;
	gap: 48px;
	align-items: center;
}
.ufp-h-tag {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(196, 169, 106, .1);
	border: .5px solid rgba(196, 169, 106, .25);
	border-radius: 100px;
	padding: 6px 16px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--gold);
	margin-bottom: 24px;
}
.ufp-h-title {
	font-family: 'Inter Tight', sans-serif;
	font-size: clamp(28px, 5vw, 58px);
	font-weight: 700;
	letter-spacing: -.038em;
	line-height: 1.06;
	color: #fff;
	margin-bottom: 18px;
}
.ufp-h-title span {
	background: linear-gradient(135deg, #C4A96A, #F0DFA0, #C4A96A);
	background-size: 200% auto;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}
.ufp-h-sub {
	font-size: clamp(13px, 2vw, 16px);
	color: rgba(255, 255, 255, .5);
	line-height: 1.8;
	margin-bottom: 36px;
	max-width: 500px;
}
.ufp-h-actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}
.ufp-h-apply-btn {
	font-family: 'Inter', sans-serif;
	font-size: 15px;
	font-weight: 600;
	padding: 14px 32px;
	border-radius: var(--r-md);
	border: none;
	background: linear-gradient(135deg, #C4A96A, #E8D9B0);
	color: var(--obsidian);
	text-decoration: none;
	display: inline-block;
}

/* ── Credential card ── */
.ufp-cred-card {
	background: rgba(255, 255, 255, .04);
	border: .5px solid rgba(255, 255, 255, .1);
	border-radius: var(--r-xl);
	padding: clamp(24px, 4vw, 36px);
	backdrop-filter: blur(10px);
}
.ufp-cc-shine {
	display: block;
	height: 2px;
	background: linear-gradient(90deg, transparent, var(--gold), transparent);
	margin-bottom: 28px;
	border-radius: 2px;
}
.ufp-cc-inst-label {
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .3);
	margin-bottom: 12px;
}
.ufp-cc-designation {
	font-family: 'Inter Tight', sans-serif;
	font-size: clamp(22px, 3vw, 28px);
	font-weight: 700;
	color: #fff;
	letter-spacing: .05em;
	margin-bottom: 4px;
}
.ufp-cc-fellow-name {
	font-family: 'Instrument Serif', serif;
	font-size: clamp(18px, 2.5vw, 22px);
	font-style: italic;
	color: var(--gold);
	margin-bottom: 24px;
}
.ufp-cc-seal {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 20px;
	padding: 12px 16px;
	background: rgba(196, 169, 106, .08);
	border: .5px solid rgba(196, 169, 106, .18);
	border-radius: var(--r-md);
}
.ufp-cc-seal-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--gold);
	flex-shrink: 0;
	animation: ufp-pulse 2s ease-in-out infinite;
}
.ufp-cc-seal-text {
	font-size: 11px;
	color: var(--gold);
	font-weight: 600;
}

/* ── Honest statement section ── */
.ufp-honest-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 40px;
	align-items: center;
}
.ufp-honest-cards {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.ufp-honest-card {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	padding: 20px;
	background: var(--white);
	border: .5px solid rgba(196, 169, 106, .2);
	border-radius: var(--r-lg);
}
.ufp-honest-card-icon {
	font-size: 20px;
	flex-shrink: 0;
}
.ufp-honest-card-title {
	font-family: 'Inter Tight', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: var(--slate-deep);
	margin-bottom: 4px;
}
.ufp-honest-card-body {
	font-size: 13px;
	color: var(--ink-mid);
	line-height: 1.6;
}

/* ── Streams grid ── */
.ufp-streams-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}
.ufp-stream-card {
	background: rgba(255, 255, 255, .04);
	border: .5px solid rgba(255, 255, 255, .08);
	border-radius: var(--r-xl);
	padding: clamp(20px, 3vw, 32px);
	position: relative;
	overflow: hidden;
}
.ufp-stream-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: linear-gradient(90deg, var(--gold), transparent);
}
.ufp-stream-label {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: rgba(196, 169, 106, .6);
	margin-bottom: 12px;
}
.ufp-stream-title {
	font-family: 'Inter Tight', sans-serif;
	font-size: clamp(16px, 2.5vw, 20px);
	font-weight: 700;
	color: var(--parchment);
	margin-bottom: 10px;
}
.ufp-stream-body {
	font-size: 13.5px;
	color: rgba(255, 255, 255, .45);
	line-height: 1.65;
	margin-bottom: 16px;
}
.ufp-stream-meta {
	font-size: 11.5px;
	color: rgba(196, 169, 106, .5);
	background: rgba(196, 169, 106, .07);
	border-radius: var(--r-md);
	padding: 10px 14px;
	line-height: 1.55;
}

/* ── Tier cards ── */
.ufp-tiers {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
}
.ufp-tier {
	border-radius: var(--r-xl);
	overflow: hidden;
	border: .5px solid var(--border);
	background: var(--white);
	transition: all .25s;
	position: relative;
}
.ufp-tier:hover {
	transform: translateY(-4px);
	box-shadow: 0 20px 60px rgba(42, 53, 69, .1);
}
.ufp-tier.ufp-featured {
	border-color: rgba(196, 169, 106, .4);
	box-shadow: 0 8px 40px rgba(196, 169, 106, .12);
}
.ufp-tier-badge {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	padding: 4px 12px;
	border-radius: 100px;
	background: var(--gold);
	color: var(--obsidian);
}
.ufp-tier-top {
	padding: clamp(22px, 3vw, 32px) clamp(18px, 3vw, 28px) clamp(18px, 3vw, 24px);
	background: var(--obsidian);
	position: relative;
	overflow: hidden;
}
.ufp-tier-top::before {
	content: '';
	position: absolute;
	bottom: -40px;
	right: -40px;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(196, 169, 106, .12), transparent 70%);
}
.ufp-tier.ufp-featured .ufp-tier-top {
	background: linear-gradient(145deg, #1C2534, #2A3545);
}
.ufp-t-tier-label {
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .3);
	margin-bottom: 8px;
}
.ufp-t-designation {
	font-family: 'Inter Tight', sans-serif;
	font-size: clamp(16px, 3vw, 20px);
	font-weight: 700;
	letter-spacing: .06em;
	color: #fff;
	margin-bottom: 4px;
}
.ufp-t-name {
	font-family: 'Instrument Serif', serif;
	font-size: 17px;
	font-style: italic;
	color: var(--gold);
	margin-bottom: 18px;
}
.ufp-t-price-row {
	display: flex;
	align-items: baseline;
	gap: 8px;
}
.ufp-t-price {
	font-family: 'Inter Tight', sans-serif;
	font-size: clamp(28px, 4vw, 36px);
	font-weight: 700;
	color: #fff;
}
.ufp-t-price-sub {
	font-size: 12px;
	color: rgba(255, 255, 255, .35);
}
.ufp-t-renewal {
	font-size: 11px;
	color: rgba(255, 255, 255, .28);
	margin-top: 4px;
}
.ufp-tier-body {
	padding: clamp(18px, 3vw, 28px);
}
.ufp-t-includes-title {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--ink-mute);
	margin-bottom: 14px;
}
.ufp-t-includes {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 24px;
}
.ufp-t-inc {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 13.5px;
	color: var(--ink-mid);
	line-height: 1.55;
}
.ufp-t-inc-check {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var(--gold-pale);
	border: .5px solid rgba(196, 169, 106, .3);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 9px;
	color: var(--gold);
	margin-top: 2px;
}
.ufp-tier.ufp-featured .ufp-t-inc-check {
	background: rgba(196, 169, 106, .15);
	border-color: rgba(196, 169, 106, .35);
}
.ufp-t-cta {
	display: block;
	text-align: center;
	padding: 13px;
	border-radius: var(--r-md);
	font-size: 14px;
	font-weight: 600;
	font-family: 'Inter', sans-serif;
	text-decoration: none;
	transition: all .2s;
	cursor: pointer;
	border: none;
	width: 100%;
}
.ufp-cta-gold  { background: var(--gold); color: var(--obsidian); }
.ufp-cta-gold:hover { background: #B89858; }
.ufp-cta-slate { background: var(--slate); color: var(--parchment); }
.ufp-cta-slate:hover { background: var(--slate-deep); }
.ufp-cta-outline { border: .5px solid var(--border); color: var(--ink); background: transparent; }
.ufp-cta-outline:hover { background: var(--gold-pale); border-color: rgba(196, 169, 106, .4); }

/* ── Benefits ── */
.ufp-benefits-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}
.ufp-benefit {
	padding: clamp(20px, 3vw, 28px);
	border: .5px solid var(--border);
	border-radius: var(--r-xl);
	background: var(--white);
	transition: all .2s;
}
.ufp-benefit:hover {
	border-color: rgba(196, 169, 106, .3);
	transform: translateY(-2px);
}
.ufp-b-icon  { font-size: 24px; margin-bottom: 14px; }
.ufp-b-title {
	font-family: 'Inter Tight', sans-serif;
	font-size: clamp(15px, 2vw, 17px);
	font-weight: 600;
	color: var(--ink);
	margin-bottom: 8px;
}
.ufp-b-body  { font-size: 13.5px; color: var(--ink-mid); line-height: 1.7; }

/* ── Steps ── */
.ufp-steps {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
	border: .5px solid var(--border);
	border-radius: var(--r-xl);
	overflow: hidden;
}
.ufp-step {
	padding: clamp(22px, 3vw, 32px) clamp(18px, 3vw, 28px);
	border-bottom: .5px solid var(--border);
}
.ufp-step:last-child { border-bottom: none; }
.ufp-s-num {
	font-family: 'Inter Tight', sans-serif;
	font-size: clamp(28px, 4vw, 40px);
	font-weight: 700;
	color: rgba(196, 169, 106, .2);
	margin-bottom: 12px;
}
.ufp-s-title {
	font-family: 'Inter Tight', sans-serif;
	font-size: clamp(14px, 2vw, 16px);
	font-weight: 600;
	color: var(--ink);
	margin-bottom: 8px;
}
.ufp-s-body { font-size: 13px; color: var(--ink-mid); line-height: 1.65; }

/* ── CTA section ── */
.ufp-founding-cta-inner {
	max-width: 640px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	text-align: center;
}
.ufp-founding-cta-actions {
	display: flex;
	gap: 12px;
	justify-content: center;
	flex-wrap: wrap;
}
.ufp-founding-cta-btn-gold {
	padding: 14px 32px;
	font-size: 15px;
	font-weight: 500;
	font-family: 'Inter Tight', sans-serif;
	background: var(--gold);
	color: var(--obsidian);
	border-radius: var(--r-md);
	text-decoration: none;
	transition: all .2s;
	display: inline-block;
}
.ufp-founding-cta-btn-outline {
	padding: 14px 32px;
	font-size: 15px;
	font-weight: 500;
	font-family: 'Inter Tight', sans-serif;
	border: .5px solid rgba(255, 255, 255, .2);
	color: rgba(255, 255, 255, .7);
	border-radius: var(--r-md);
	text-decoration: none;
	background: transparent;
	transition: all .2s;
	display: inline-block;
}

/* ── Form card ── */
.ufp-form-card {
	background: var(--white);
	border: .5px solid var(--border);
	border-radius: var(--r-xl);
	padding: clamp(28px, 5vw, 48px);
	max-width: 780px;
	margin: 0 auto;
}
.ufp-form-title {
	font-family: 'Inter Tight', sans-serif;
	font-size: clamp(18px, 3vw, 24px);
	font-weight: 700;
	letter-spacing: -.025em;
	color: var(--slate-deep);
	margin-bottom: 28px;
}
.ufp-form-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	margin-bottom: 16px;
}
.ufp-form-grid2 {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	margin-bottom: 16px;
}
.ufp-submit-btn {
	width: 100%;
	padding: 15px;
	border: none;
	border-radius: var(--r-md);
	background: var(--slate);
	color: var(--parchment);
	font-size: 11px;
	font-weight: 500;
	font-family: 'Inter Tight', sans-serif;
	cursor: pointer;
	letter-spacing: .02em;
	transition: all .2s;
}
.ufp-submit-note {
	font-size: 12px;
	color: var(--ink-mute);
	text-align: center;
	margin-top: 14px;
	line-height: 1.5;
}

button:focus,
button:hover {
	background-color: #c4a96a !important;
	color: #fff !important;
	text-decoration: none !important;
}

/* ── Success state ── */
.ufp-success-card {
	display: none;
	background: var(--white);
	border: .5px solid var(--border);
	border-radius: var(--r-xl);
	padding: clamp(36px, 6vw, 64px) clamp(24px, 5vw, 48px);
	max-width: 680px;
	margin: 0 auto;
	text-align: center;
}
.ufp-success-icon    { font-size: 48px; margin-bottom: 16px; }
.ufp-success-heading {
	font-family: 'Inter Tight', sans-serif;
	font-size: clamp(20px, 3vw, 26px);
	font-weight: 700;
	color: var(--ink);
	margin-bottom: 10px;
}
.ufp-success-body {
	font-size: 15px;
	color: var(--ink-mid);
	line-height: 1.75;
	margin-bottom: 24px;
}

/* ── Founding notice ── */
.ufp-founding-notice {
	background: linear-gradient(135deg, rgba(196, 169, 106, .08), rgba(196, 169, 106, .04));
	border: .5px solid rgba(196, 169, 106, .25);
	border-radius: var(--r-xl);
	padding: clamp(16px, 3vw, 24px) clamp(18px, 3vw, 28px);
	margin-top: 28px;
	display: flex;
	gap: 16px;
	align-items: flex-start;
	flex-wrap: wrap;
}
.ufp-founding-notice-icon { font-size: 24px; flex-shrink: 0; }
.ufp-founding-notice-text { font-size: 14px; color: var(--ink-mid); line-height: 1.6; }
.ufp-founding-notice-text strong { color: var(--slate-deep); font-weight: 600; }
.ufp-founding-notice-text a { color: var(--gold); text-decoration: none; font-weight: 600; }
.ufp-tier-footnote {
	text-align: center;
	font-size: 13px;
	color: var(--ink-mute);
	margin-top: 20px;
}

/* ── Grid bg pattern ── */
.ufp-grid-bg {
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(196, 169, 106, 0.025) 1px, transparent 1px),
		linear-gradient(90deg, rgba(196, 169, 106, 0.025) 1px, transparent 1px);
	background-size: 60px 60px;
	pointer-events: none;
	z-index: 0;
}

/* ═══ RESPONSIVE BREAKPOINTS ═══ */

/* 480px+ — location rows go 2-col */
@media (min-width: 480px) {
	.ufp-location-row  { grid-template-columns: 1fr 1fr; }
	.ufp-form-grid     { grid-template-columns: 1fr 1fr; }
	.ufp-form-grid2    { grid-template-columns: 1fr 1fr; }
}

/* 640px+ — streams & benefits go 2-col */
@media (min-width: 640px) {
	.ufp-streams-grid  { grid-template-columns: 1fr 1fr; }
	.ufp-benefits-grid { grid-template-columns: 1fr 1fr; }
	.ufp-steps         { grid-template-columns: 1fr 1fr; }
	.ufp-step          { border-bottom: .5px solid var(--border); border-right: .5px solid var(--border); }
	.ufp-step:nth-child(2n)        { border-right: none; }
	.ufp-step:nth-last-child(-n+2) { border-bottom: none; }
}

/* 900px+ — full desktop layout */
@media (min-width: 900px) {
	.ufp-hero-inner    { grid-template-columns: 1fr 400px; gap: 80px; }
	.ufp-honest-grid   { grid-template-columns: 1fr 1fr; gap: 60px; }
	.ufp-tiers         { grid-template-columns: repeat(3, 1fr); }
	.ufp-benefits-grid { grid-template-columns: repeat(3, 1fr); }
	.ufp-steps         { grid-template-columns: repeat(4, 1fr); }
	.ufp-step          { border-bottom: none; border-right: .5px solid var(--border); }
	.ufp-step:last-child { border-right: none; }
}

/* Mobile-only tweaks */
@media (max-width: 479px) {
	.ufp-h-actions                   { flex-direction: column; }
	.ufp-h-apply-btn                 { text-align: center; }
	.ufp-founding-cta-actions        { flex-direction: column; align-items: center; }
	.ufp-founding-cta-btn-gold,
	.ufp-founding-cta-btn-outline    { width: 100%; text-align: center; }
	.ufp-founding-notice             { flex-direction: column; gap: 8px; }
}
/* /**
 * UNIONE™ Founding Fellows — */
 .unione-founding-fellows *,
.unione-founding-fellows *::before,
.unione-founding-fellows *::after { box-sizing: border-box; margin: 0; padding: 0; }
.unione-founding-fellows {
	font-family: 'Inter', sans-serif;
	background: #141820;
	color: #FAFAF8;
	overflow-x: hidden;
	--slate: #2A3545; --slate-deep: #1C2534; --slate-mid: #3D4F63;
	--gold: #C4A96A; --gold-b: #E8D9B0; --gold-pale: #F7F2E8;
	--parchment: #FAFAF8; --ivory: #F2F1EE; --obsidian: #141820;
	--white: #fff; --ink: #1A1A18; --ink-mid: #4A4843; --ink-mute: #8A8880;
	--border: rgba(42,53,69,.12); --r-md: 10px; --r-xl: 24px;
}

@keyframes uff-pulse-dot { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(.7)} }
@keyframes uff-fadeUp    { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} }
@keyframes uff-shimmer   { 0%{background-position:-200% center} 100%{background-position:200% center} }

.uff-fade-up { animation: uff-fadeUp .7s ease both; }
.uff-d1 { animation-delay: .1s; }
.uff-d2 { animation-delay: .22s; }
.uff-d3 { animation-delay: .34s; }

/* ERROR STYLES */
.uff-error { color: #ff6b6b; font-size: 11px; margin-top: 4px; display: none; }
.uff-input-error { border-color: #ff6b6b !important; background: rgba(255,107,107,0.05) !important; }
.uff-form-error { background: rgba(255,107,107,0.15); border: 1px solid rgba(255,107,107,0.3); border-radius: 10px; padding: 14px 18px; margin-bottom: 20px; font-size: 13px; color: #ffaeae; display: none; text-align: center; }
.uff-submit-btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }

/* AUTO-SAVE POPUP */
#uff-auto-save-popup {
	position: fixed; top: 20px; right: 20px; z-index: 999999;
	background: #C4A96A; color: #1C2534; padding: 12px 20px;
	border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.2);
	font-size: 13px; font-weight: 600; display: none;
	align-items: center; gap: 10px;
}
#uff-auto-save-popup.show { display: flex; animation: uff-fadeUp 0.3s ease; }

/* DRAFT LOAD POPUP */
#uff-draft-load-popup {
	display: none; position: fixed; top: 50%; left: 50%;
	transform: translate(-50%,-50%); z-index: 999999;
	background: #C4A96A; color: #1C2534; padding: 35px 30px;
	border-radius: 20px; box-shadow: 0 12px 40px rgba(0,0,0,0.3);
	min-width: 400px; text-align: center;
}
.uff-draft-buttons { display: flex; gap: 12px; margin-top: 20px; justify-content: center; }
.uff-draft-load-btn, .uff-draft-new-btn {
	padding: 10px 28px; border-radius: 40px; font-weight: 700;
	cursor: pointer; border: none;
}
.uff-draft-load-btn { background: white; color: #C4A96A; }
.uff-draft-new-btn { background: transparent; border: 1px solid white; color: #1C2534; }

/* ── HERO ── */
.uff-hero { padding: 100px 52px 80px; position: relative; overflow: hidden; text-align: center; }
.uff-hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 70% 60% at 50% 0%, rgba(196,169,106,.08), transparent 55%); }
.uff-hero-inner { max-width: 800px; margin: 0 auto; position: relative; z-index: 2; }

.uff-kicker { font-size: 10px; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; color: var(--gold); margin-bottom: 20px; display: flex; align-items: center; justify-content: center; gap: 12px; }
.uff-kicker::before, .uff-kicker::after { content: ''; width: 24px; height: 1px; background: var(--gold); }

.uff-title { font-family: 'Inter Tight', sans-serif; font-size: clamp(38px,6vw,68px); font-weight: 700; letter-spacing: -.04em; line-height: 1.02; color: #fff; margin-bottom: 20px; }
.uff-title .uff-gold { background: linear-gradient(135deg,#C4A96A,#F0DFA0,#C4A96A); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: uff-shimmer 4s linear infinite; }
.uff-sub { font-size: 18px; color: rgba(255,255,255,.45); line-height: 1.8; margin-bottom: 48px; max-width: 580px; margin-left: auto; margin-right: auto; }

/* ── COUNTER ── */
.uff-counter { display: inline-flex; flex-direction: column; align-items: center; background: rgba(255,255,255,.03); border: .5px solid rgba(196,169,106,.2); border-radius: var(--r-xl); padding: 36px 56px; margin-bottom: 44px; position: relative; }
.uff-counter::before { content: ''; position: absolute; top: 0; left: 10%; right: 10%; height: 1px; background: linear-gradient(90deg, transparent, rgba(196,169,106,.35), transparent); }
.uff-counter-label { font-size: 10px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: rgba(255,255,255,.3); margin-bottom: 12px; }
.uff-counter-num { font-family: 'Inter Tight', sans-serif; font-size: 88px; font-weight: 700; color: #fff; line-height: 1; letter-spacing: -.04em; }
.uff-counter-num span { color: var(--gold); }
.uff-counter-sub { font-size: 13px; color: rgba(255,255,255,.35); margin-top: 10px; }
.uff-counter-bar { width: 280px; height: 6px; background: rgba(255,255,255,.08); border-radius: 3px; margin-top: 16px; overflow: hidden; }
.uff-counter-bar-fill { height: 100%; background: linear-gradient(90deg, var(--gold), var(--gold-b)); border-radius: 3px; width: 0%; transition: width 1.5s ease; }
.uff-counter-foot { gap: 20px; display: flex; justify-content: space-between; align-items: center; margin-top: 12px; padding-top: 12px; border-top: .5px solid rgba(196,169,106,.15); }

.uff-cta { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.uff-btn-gold { font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 600; padding: 16px 40px; border-radius: var(--r-md); border: none; background: linear-gradient(135deg,#C4A96A,#E8D9B0); color: var(--obsidian); text-decoration: none; display: inline-block; transition: all .2s; box-shadow: 0 4px 24px rgba(196,169,106,.3); cursor: pointer; }
.uff-btn-gold:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(196,169,106,.45); }
.uff-btn-outline { font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 500; padding: 16px 40px; border-radius: var(--r-md); border: .5px solid rgba(255,255,255,.18); background: transparent; color: rgba(255,255,255,.8); text-decoration: none; display: inline-block; transition: all .2s; }
.uff-btn-outline:hover { background: rgba(255,255,255,.06); }

/* ── DIVIDER ── */
.uff-sep { height: .5px; background: rgba(255,255,255,.07); margin: 0 52px; }

/* ── SECTIONS ── */
.uff-sec { padding: 80px 52px; }
.uff-sec-inner { max-width: 1100px; margin: 0 auto; }
.uff-sec-tag { font-size: 10px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--gold); margin-bottom: 12px; display: flex; align-items: center; gap: 10px; }
.uff-sec-tag::before { content: ''; display: inline-block; width: 20px; height: 1px; background: var(--gold); }
.uff-sec-title { font-family: 'Inter Tight', sans-serif; font-size: clamp(26px,3.5vw,40px); font-weight: 700; letter-spacing: -.03em; color: #fff; margin-bottom: 14px; line-height: 1.08; }
.uff-sec-sub {
	font-size: 16px;
	color: rgba(255, 255, 255, .42);
	line-height: 1.8;
	margin-bottom: 48px !important;
	padding-top: 20px !important;
}

/* ── BENEFITS GRID ── */
.uff-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.uff-card { background: rgba(255,255,255,.03); border: .5px solid rgba(255,255,255,.07); border-radius: var(--r-xl); padding: 28px; transition: all .2s; }
.uff-card:hover { background: rgba(255,255,255,.05); border-color: rgba(196,169,106,.2); }
.uff-card-icon { font-size: 22px; margin-bottom: 14px; }
.uff-card-title { font-family: 'Inter Tight', sans-serif; font-size: 16px; font-weight: 600; color: #fff; margin-bottom: 8px; }
.uff-card-body { font-size: 13.5px; color: rgba(255,255,255,.42); line-height: 1.7; }
.uff-gold-tag { display: inline-block; font-size: 10px; font-weight: 700; padding: 3px 9px; border-radius: 4px; background: rgba(196,169,106,.1); border: .5px solid rgba(196,169,106,.2); color: var(--gold); margin-top: 10px; }

/* ── PRICE TABLE ── */
.uff-price-table { border: .5px solid rgba(255,255,255,.07); border-radius: var(--r-xl); overflow: hidden; }
.uff-pt-head { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; background: rgba(255,255,255,.04); border-bottom: .5px solid rgba(255,255,255,.07); }
.uff-pt-head-cell { padding: 14px 20px; font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #36b0b0; }
.uff-pt-head-cell.gold { color: var(--gold); }
.uff-pt-row { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; border-bottom: .5px solid rgba(255,255,255,.05); }
.uff-pt-row:last-child { border-bottom: none; }
.uff-pt-row:hover { background: rgba(255,255,255,.02); }
.uff-pt-cell { padding: 16px 20px; font-size: 13.5px; color: rgba(255,255,255,.5); display: flex; align-items: center; }
.uff-pt-cell.label { font-weight: 500; color: rgba(255,255,255,.7); }
.uff-pt-cell.standard { color: #36b0b0; text-decoration: line-through; }
.uff-pt-cell.ff-price { font-family: 'Inter Tight', sans-serif; font-size: 18px; font-weight: 700; color: var(--gold); }
.uff-pt-cell.saving { color: #4ACA8A; font-size: 12px; font-weight: 600; }

/* ── CEREMONY ── */
.uff-ceremony { background: rgba(196,169,106,.04); border: .5px solid rgba(196,169,106,.12); border-radius: var(--r-xl); padding: 52px; text-align: center; position: relative; overflow: hidden; }
.uff-ceremony::before { content: ''; position: absolute; top: -80px; left: 50%; transform: translateX(-50%); width: 400px; height: 400px; border-radius: 50%; background: radial-gradient(circle, rgba(196,169,106,.06), transparent 70%); }
.uff-cer-eyebrow { font-size: 10px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--gold); margin-bottom: 16px; position: relative; z-index: 2; }
.uff-cer-title { font-family: 'Inter Tight', sans-serif !important; font-size: clamp(26px, 3.5vw, 40px); font-weight: 700; letter-spacing: -.03em; color: #fff; margin-bottom: 14px; line-height: 1.08; }
.uff-cer-body { font-size: 16px; color: rgba(255,255,255,.42); line-height: 1.8; max-width: 580px; margin: 0 auto 36px; position: relative; z-index: 2; }
.uff-cer-details { display: flex; justify-content: center; border: .5px solid rgba(255,255,255,.07); border-radius: var(--r-xl); overflow: hidden; max-width: 560px; margin: 0 auto 36px; position: relative; z-index: 2; }
.uff-cer-detail { flex: 1; padding: 20px; text-align: center; border-right: .5px solid rgba(255,255,255,.07); }
.uff-cer-detail:last-child { border-right: none; }
.uff-cer-detail-val { font-family: 'Inter Tight', sans-serif; font-size: 18px; font-weight: 700; color: #fff; margin-bottom: 3px; }
.uff-cer-detail-label { font-size: 11px; color: rgba(255,255,255,.3); }

/* ── EOI FORM ── */
.uff-form-wrap { background: rgba(255,255,255,.03); border: .5px solid rgba(255,255,255,.08); border-radius: var(--r-xl); padding: 44px; max-width: 620px; margin: 0 auto; }
.uff-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.uff-fg { display: flex; flex-direction: column; gap: 6px; }
.uff-fg.full { grid-column: 1 / -1; }
.uff-fl { font-size: 12px; font-weight: 600; color: rgba(255,255,255,.6); letter-spacing: .04em; }
.uff-fi { font-family: 'Inter', sans-serif; font-size: 14px; padding: 12px 16px; border: .5px solid rgba(255,255,255,.1); border-radius: var(--r-md); background: rgba(255,255,255,.04); color: rgba(255,255,255,.85); transition: border-color .2s; outline: none; width: 100%; }
.uff-fi:focus { border-color: var(--gold); background: rgba(255,255,255,.06); }
.uff-fi option { background: #1a1a18; color: #fff; }
.uff-fs { font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 600; padding: 14px 32px; border-radius: var(--r-md); border: none; background: linear-gradient(135deg,#C4A96A,#E8D9B0); color: var(--obsidian); cursor: pointer; transition: all .2s; width: 100%; margin-top: 8px; }
.uff-fs:hover { filter: brightness(1.07); transform: translateY(-1px); }
.uff-fs:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }
.uff-fn { font-size: 12px; color: rgba(255,255,255,.28); text-align: center; margin-top: 10px; line-height: 1.6; }
.uff-fn a { color: var(--gold); }

/* ── RESPONSIVE ── */
@media(max-width:900px){
	.uff-hero, .uff-sec { padding-left: 24px; padding-right: 24px; }
	.uff-sep { margin: 0 24px; }
	.uff-grid { grid-template-columns: 1fr; }
	.uff-form-grid { grid-template-columns: 1fr; }
	.uff-pt-head, .uff-pt-row { grid-template-columns: 1fr; }
	.uff-pt-head-cell:not(:first-child), .uff-pt-cell:not(:first-child) { display: none; }
	.uff-cer-details { flex-direction: column; }
	#uff-draft-load-popup { min-width: 300px; padding: 25px 20px; }
}
/**
 * UNIONE Fellowship Application Form Styles
 * Premium multi-step fellowship application UI.
 * @since 1.0.0
 */

 @import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&family=Inter+Tight:wght@500;600;700;800&display=swap');

:root {
	--slate: #1e293b; --slate-deep: #0f172a; --slate-mid: #334155;
	--gold: #C4A96A; --gold-dark: #B89A4A; --gold-light: #E8D9B0; --gold-pale: #FBF7ED; --gold-border: rgba(196,169,106,0.35);
	--parchment: #FEFCF8; --ivory: #F5F3EF; --white: #FFFFFF;
	--ink: #1E1B1B; --ink-mid: #4B4B47; --ink-mute: #8A8882;
	--border: rgba(30,41,59,0.08); --green: #1A7A4A; --green-bg: #E8F3EE; --red: #DC2626; --red-bg: #FEF2F2;
	--shadow-sm: 0 2px 8px rgba(0,0,0,0.04); --shadow-md: 0 8px 24px rgba(0,0,0,0.06); --shadow-lg: 0 20px 32px -12px rgba(0,0,0,0.1);
	--radius-sm: 8px; --radius-md: 12px; --radius-lg: 20px; --radius-xl: 28px;
}

/* ================================================
   UNIONE FELLOWSHIP — HERO SECTION CSS
   ================================================ */

/* Wrapper */
.unione-eoi-wrapper {
    width: 100% !important;
}

/* Hero Main */
.eoi-hero {
    background: linear-gradient(135deg, #080f1e 0%, #0d1a2e 40%, #0a1520 100%) !important;
    padding: 80px 52px 0 !important;
    position: relative !important;
    overflow: hidden !important;
    border-bottom: 1px solid rgba(196, 169, 106, 0.2) !important;
}

/* ---- Decorative Circles ---- */
.eoi-hero__decor {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
}

.eoi-hero__decor-circle--lg {
    position: absolute !important;
    top: -80px !important;
    right: -80px !important;
    width: 500px !important;
    height: 500px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(196, 169, 106, 0.06) !important;
}

.eoi-hero__decor-circle--md {
    position: absolute !important;
    top: -40px !important;
    right: -40px !important;
    width: 350px !important;
    height: 350px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(196, 169, 106, 0.05) !important;
}

.eoi-hero__decor-line {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(196, 169, 106, 0.3), transparent) !important;
}

/* ---- Top Bar ---- */
.eoi-hero__topbar {
    max-width: 1200px !important;
    margin: 0 auto 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    position: relative !important;
    z-index: 2 !important;
}

.eoi-hero__stage-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: rgba(196, 169, 106, 0.08) !important;
    border: 1px solid rgba(196, 169, 106, 0.25) !important;
    border-radius: 40px !important;
    padding: 8px 20px !important;
}

.eoi-hero__stage-dot {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: #C4A96A !important;
    display: inline-block !important;
    box-shadow: 0 0 8px rgba(196, 169, 106, 0.6) !important;
}

.eoi-hero__stage-label {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2em !important;
    color: #C4A96A !important;
    text-transform: uppercase !important;
}

.eoi-hero__brand-label {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2em !important;
    color: rgba(255, 255, 255, 0.25) !important;
    text-transform: uppercase !important;
}

/* ---- Main Grid ---- */
.eoi-hero__grid {
    max-width: 1200px !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: 1.1fr 0.9fr !important;
    gap: 80px !important;
    align-items: start !important;
    position: relative !important;
    z-index: 2 !important;
}

/* ---- Left: Heading ---- */
.eoi-hero__left {
    /* container for left column */
}

.eoi-hero__eyebrow {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.3) !important;
    margin-bottom: 20px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.eoi-hero__eyebrow-line {
    width: 32px !important;
    height: 1px !important;
    background: rgba(196, 169, 106, 0.5) !important;
    display: inline-block !important;
}

.eoi-hero__heading {
    font-family: 'Inter Tight', sans-serif !important;
    font-size: clamp(42px, 5.5vw, 68px) !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;
    color: #fff !important;
    line-height: 1.04 !important;
    margin: 0 0 28px !important;
}

.eoi-hero__heading-accent {
    background: linear-gradient(135deg, #C4A96A, #F0DC9E, #C4A96A) !important;
    background-size: 200% auto !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.eoi-hero__subtext {
    font-size: 16px !important;
    color: rgba(255, 255, 255, 0.5) !important;
    line-height: 1.75 !important;
    max-width: 440px !important;
    margin: 0 !important;
}

/* ---- Stats Row ---- */
.eoi-hero__stats {
    display: flex !important;
    gap: 0 !important;
    margin-top: 52px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
    padding-top: 36px !important;
}

.eoi-hero__stat {
    flex: 1 !important;
}

.eoi-hero__stat--border-right {
    padding-right: 32px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.07) !important;
}

.eoi-hero__stat--border-both {
    padding: 0 32px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.07) !important;
}

.eoi-hero__stat--last {
    padding-left: 32px !important;
}

.eoi-hero__stat-number {
    font-family: 'Inter Tight', sans-serif !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    color: #fff !important;
    line-height: 1 !important;
}

.eoi-hero__stat-number--gold {
    color: #C4A96A !important;
}

.eoi-hero__stat-label {
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.35) !important;
    margin-top: 6px !important;
    letter-spacing: 0.02em !important;
}

/* ---- Right: Info Card ---- */
.eoi-hero__card {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    margin-top: 8px !important;
}

.eoi-hero__card-header {
    padding: 20px 28px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.eoi-hero__card-header-title {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.35) !important;
}

.eoi-hero__card-header-badge {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #C4A96A !important;
    background: rgba(196, 169, 106, 0.1) !important;
    border: 1px solid rgba(196, 169, 106, 0.2) !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
}

.eoi-hero__card-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 16px 28px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.eoi-hero__card-row--last {
    border-bottom: none !important;
}

.eoi-hero__card-row-key {
    font-size: 13px !important;
    color: rgba(255, 255, 255, 0.38) !important;
}

.eoi-hero__card-row-val {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #fff !important;
}

.eoi-hero__card-footer {
    padding: 20px 28px !important;
    background: rgba(196, 169, 106, 0.06) !important;
    border-top: 1px solid rgba(196, 169, 106, 0.15) !important;
}

.eoi-hero__card-footer-text {
    font-size: 12px !important;
    color: rgba(196, 169, 106, 0.8) !important;
    line-height: 1.6 !important;
}

/* ---- Bottom Text Strip ---- */
.eoi-hero__strip {
    max-width: 1200px !important;
    margin: 64px auto 0 !important;
    gap: 60px !important;
    padding: 40px 0 56px !important;
    border-top: 1px solid rgba(196, 169, 106, 0.12) !important;
    position: relative !important;
    z-index: 2 !important;
}

.eoi-hero__strip-eyebrow {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: rgba(196, 169, 106, 0.6) !important;
    margin-bottom: 16px !important;
}

.eoi-hero__strip-text {
    font-size: 15px !important;
    color: rgba(255, 255, 255, 0.5) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
}
.eoi-top-progress { background: var(--white); border-bottom: 1px solid var(--border); padding: 12px 40px; position: sticky; top: 0; z-index: 100; backdrop-filter: blur(8px); background: rgba(255,255,255,0.95); }
.top-progress-inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
.top-progress-logo { font-family: 'Inter Tight', sans-serif; font-size: 20px; font-weight: 700; letter-spacing: 0.1em; color: var(--slate-deep); background: var(--gold-pale); padding: 6px 16px; border-radius: 40px; }
.top-step-list { display: flex; flex-wrap: wrap; gap: 12px; }
.top-step-item { display: flex; align-items: center; gap: 8px; padding: 8px 18px; border-radius: 60px; background: var(--ivory); cursor: pointer; transition: all 0.2s; }
.top-step-item:hover { background: var(--gold-pale); }
.top-step-item.active { background: var(--gold-pale); border: 1px solid var(--gold-border); }
.top-step-item.done .top-step-num { background: var(--green); color: white; }
.top-step-num { width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; background: var(--border); color: var(--ink-mid); }
.top-step-label { font-size: 13px; font-weight: 600; color: var(--ink-mid); }
.top-step-item.active .top-step-label { color: var(--gold-dark); }

.eoi-layout { max-width: 1200px; margin: 0 auto; background: var(--parchment); }
.eoi-main { padding: 52px 60px; }

.eoi-step { display: none; }
.eoi-step.active { display: block; animation: fadeIn 0.4s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }

.step-header { display: flex; align-items: center; gap: 14px; margin-bottom: 32px; padding-bottom: 16px; border-bottom: 2px solid var(--gold-border); }
.step-num-badge { width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--gold); color: var(--slate-deep); font-family: 'Inter Tight', sans-serif; font-size: 20px; font-weight: 700; }
.step-title { font-size: 26px; font-weight: 700; color: var(--slate-deep); font-family: 'Inter Tight', sans-serif; }

.form-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-bottom: 24px; margin-top: 20px; }
.form-group.full-width { grid-column: 1 / -1; }
.form-label { font-size: 12px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ink-mid); display: block; margin-bottom: 10px; }
.form-label .required { color: var(--gold); }
.form-input, .form-select, .form-textarea { width: 100%; padding: 14px 18px; border: 1.5px solid var(--border); border-radius: var(--radius-md); font-family: 'Inter', sans-serif; font-size: 15px; color: var(--ink); background: var(--white); transition: all 0.2s; box-sizing: border-box; }
.form-input:focus, .form-select:focus, .form-textarea:focus { outline: none; border-color: var(--gold); box-shadow: 0 0 0 3px rgba(196,169,106,0.15); }
.form-textarea { resize: vertical; min-height: 120px; }

.checkbox-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; }
.checkbox-option { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-radius: var(--radius-md); border: 1.5px solid var(--border); background: var(--white); cursor: pointer; transition: all 0.15s; }
.checkbox-option:hover { border-color: var(--gold); background: var(--gold-pale); }
.checkbox-option input { accent-color: var(--gold); width: 18px; height: 18px; }
.checkbox-option span { font-size: 14px; font-weight: 500; color: var(--ink-mid); }

.other-input { margin-top: 12px; margin-left: 28px; display: none; }
.other-input.active { display: block; }
.other-input input { width: 100%; padding: 12px 16px; border: 1.5px solid var(--border); border-radius: var(--radius-md); }

.manual-wrap { display: none; margin-top: 12px; }
.manual-wrap.active { display: block; }
.manual-wrap input { width: 100%; padding: 12px 16px; border: 1.5px solid var(--border); border-radius: var(--radius-md); font-family: 'Inter', sans-serif; font-size: 14px; }

.tier-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-bottom: 32px; }
.tier-card { border: 2px solid var(--border); border-radius: var(--radius-lg); padding: 28px; cursor: pointer; transition: all 0.2s; background: var(--white); position: relative; }
.tier-card:hover { border-color: var(--gold); transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.tier-card.selected { border-color: var(--gold); background: var(--gold-pale); box-shadow: var(--shadow-md); }
.tier-designation { font-family: 'Inter Tight', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.1em; color: var(--gold); margin-bottom: 10px; }
.tier-name { font-size: 22px; font-weight: 700; color: var(--slate-deep); margin-bottom: 12px; }
.tier-criteria { font-size: 13px; color: var(--ink-mute); line-height: 1.5; margin-bottom: 16px; }
.tier-price { font-size: 15px; font-weight: 600; color: var(--slate-mid); }
.tier-price strong { color: var(--gold-dark); font-size: 20px; }

.unbounded-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 24px; }
.unbounded-card { border: 1.5px solid var(--border); border-radius: var(--radius-md); padding: 18px 20px; cursor: pointer; background: var(--white); display: flex; align-items: center; gap: 14px; }
.unbounded-card.selected { border-color: var(--gold); background: var(--gold-pale); }
.unbounded-card input { accent-color: var(--gold); width: 18px; height: 18px; }
.unbounded-title { font-size: 15px; font-weight: 700; color: var(--slate); margin-bottom: 4px; }
.unbounded-sub { font-size: 12px; color: var(--ink-mute); }

.ref-block { background: var(--white); border: 1.5px solid var(--border); border-radius: var(--radius-md); padding: 24px; margin-bottom: 24px; }
.ref-title { font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-mid); margin-bottom: 20px; }

.file-upload { border: 2px dashed var(--border); border-radius: var(--radius-md); padding: 36px 24px; text-align: center; cursor: pointer; background: var(--ivory); transition: all 0.2s; }
.file-upload:hover { border-color: var(--gold); background: var(--gold-pale); }
.file-upload-label { font-size: 14px; font-weight: 600; color: var(--ink-mid); }
.upload-note { font-size: 11px; color: var(--ink-mute); margin-top: 8px; }

.step-navigation { display: flex; justify-content: space-between; align-items: center; margin-top: 48px; padding-top: 32px; border-top: 1px solid var(--border); }
.btn-prev { font-size: 14px; font-weight: 600; padding: 12px 28px; border-radius: 60px; background: transparent; border: 1.5px solid var(--border); color: var(--ink-mid); cursor: pointer; transition: all 0.2s; }
.btn-prev:hover { border-color: var(--slate); color: var(--slate); }
.btn-next, .btn-submit { font-size: 14px; font-weight: 700; padding: 12px 36px; border-radius: 60px; background: var(--slate-deep); color: var(--gold); border: none; cursor: pointer; transition: all 0.2s; }
.btn-next:hover, .btn-submit:hover { background: var(--slate-mid); transform: translateY(-2px); }
.step-progress { font-size: 13px; color: var(--ink-mute); margin-right: 16px; }

.declaration-box { background: var(--gold-pale); border-left: 4px solid var(--gold); border-radius: var(--radius-md); padding: 24px 28px; margin-bottom: 28px; }

.eoi-loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); display: none; flex-direction: column; align-items: center; justify-content: center; z-index: 9999; }
.eoi-loading.active { display: flex; }
.loading-spinner { width: 48px; height: 48px; border: 3px solid rgba(255,255,255,0.2); border-top-color: var(--gold); border-radius: 50%; animation: spin 0.8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

.eoi-message { padding: 16px 24px; border-radius: var(--radius-md); margin-bottom: 24px; display: none; }
.eoi-message.error { display: block; background: var(--red-bg); color: var(--red); border-left: 4px solid var(--red); }

.eoi-thankyou { display: none; text-align: center; padding: 80px 40px; background: linear-gradient(135deg, var(--gold-pale) 0%, var(--white) 100%); border-radius: var(--radius-xl); margin: 20px; }
.eoi-thankyou.active { display: block; animation: fadeIn 0.6s ease; }
.thankyou-icon { font-size: 72px; margin-bottom: 24px; display: inline-block; }
.thankyou-title { font-family: 'Inter Tight', sans-serif; font-size: 42px; font-weight: 700; color: var(--slate-deep); margin-bottom: 16px; }
.thankyou-message { font-size: 18px; color: var(--ink-mid); line-height: 1.6; max-width: 600px; margin: 0 auto 32px; }
.thankyou-details { background: var(--white); border-radius: var(--radius-lg); padding: 24px; margin-top: 32px; display: inline-block; text-align: left; border: 1px solid var(--gold-border); }
.thankyou-details p { margin: 8px 0; font-size: 14px; }
.thankyou-details strong { color: var(--gold-dark); }
.thankyou-button { display: inline-block; margin-top: 32px; background: var(--slate-deep); color: var(--gold); padding: 14px 32px; border-radius: 60px; text-decoration: none; font-weight: 700; transition: all 0.2s; }
.thankyou-button:hover { background: var(--slate-mid); transform: translateY(-2px); }

@media (max-width: 900px) {
	.eoi-main { padding: 32px 24px; }
	.hero-inner { grid-template-columns: 1fr; gap: 32px; }
	.tier-grid { grid-template-columns: 1fr; }
	.form-row { grid-template-columns: 1fr; }
	.unbounded-grid { grid-template-columns: 1fr; }
}
/* Font Import */
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@300;400;500;600;700;800&display=swap');
/* ============================================
UNIONE™ MEGA MENU HEADER - COMPLETE CSS
============================================ */

/* ═══════════════════════════════════════════════════════════════════
RESET & VARIABLES
═══════════════════════════════════════════════════════════════════ */
.unione-header-wrap *,
.unione-header-wrap *::before,
.unione-header-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-header-wrap {
    --un-slate: #2A3545;
    --un-slate-deep: #1C2534;
    --un-slate-mid: #3D4F63;
    --un-gold: #C4A96A;
    --un-gold-d: #B89858;
    --un-gold-pale: #F7F2E8;
    --un-gold-light: #E8D9B0;
    --un-parch: #FAFAF8;
    --un-ivory: #F2F1EE;
    --un-white: #fff;
    --un-ink: #1A1A18;
    --un-ink-mid: #4A4843;
    --un-ink-mute: #8A8880;
    --un-border: rgba(42,53,69,.1);
    --un-green: #1A7A4A;
    --un-green-bg: #E6F4EE;
    --un-r: 8px;
    --un-r-lg: 12px;

    /* aliases used by panel CSS */
    --neige: #FAFAF8;
    --neige-d: #F2F1EE;
    --neige-dd: rgba(42,53,69,.12);
    --slate: #2A3545;
    --slate-deep: #1C2534;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-d: #B89858;
    --gold-pale: #F7F2E8;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --obsidian: #1A1A18;
    --r: 8px;
    --r-lg: 12px;
}

@keyframes un-pdot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .45; transform: scale(.65); }
}

@keyframes megaIn {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(.7); }
}

/* ═══════════════════════════════════════════════════════════════════
NAVIGATION BAR
═══════════════════════════════════════════════════════════════════ */
#un-nav {
    position: sticky;
    top: 0;
    z-index: 600;
    background: var(--un-parch);
    border-bottom: 1px solid var(--un-border);
    transition: box-shadow .2s;
}

#un-nav.scrolled {
    box-shadow: 0 2px 20px rgba(42,53,69,.08);
}

.un-nav-inner {
    margin: 0 auto;
    height: 68px;
    padding: 0 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

/* Brand / Logo */
.un-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    flex-shrink: 0;
}

.un-brand-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--un-gold);
    flex-shrink: 0;
    animation: un-pdot 2.2s ease-in-out infinite;
}

.un-brand-name {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--un-slate);
    letter-spacing: .18em;
}

/* Navigation Links Container */
.un-nav-links {
    display: flex;
    align-items: stretch;
    height: 68px;
    gap: 0;
    flex: 1;
    justify-content: center;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.un-nav-links::-webkit-scrollbar {
    height: 3px;
}

.un-nav-links::-webkit-scrollbar-track {
    background: var(--un-border);
}

.un-nav-links::-webkit-scrollbar-thumb {
    background: var(--un-gold);
    border-radius: 3px;
}

/* Navigation Item */
.un-nl {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0 15px;
    font-family: 'Inter', sans-serif;
    background-color: transparent !important;
    font-size: 13px;
    font-weight: 500;
    color: var(--un-ink-mid);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: color .12s, border-color .12s;
    white-space: nowrap;
    user-select: none;
    text-decoration: none;
    flex-shrink: 0;
    background: none;
    border-top: none;
    border-left: none;
    border-right: none;
}

.un-nl:hover,
.un-nl.open {
    color: var(--un-slate) !important;
    border-bottom-color: var(--un-gold) !important;
}

.un-nl-plain {
    color: var(--un-ink-mid) !important;
}

.un-nl-plain:hover {
    color: var(--un-slate) !important;
}

.un-caret {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4.5px solid currentColor;
    opacity: .4;
    transition: transform .18s, opacity .18s;
    margin-top: 1px;
}

.un-nl.open .un-caret {
    transform: rotate(180deg);
    opacity: .7;
}

/* Action Buttons */
.un-nav-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.un-btn {
    font-family: 'Inter', sans-serif;
    font-size: 12.5px;
    font-weight: 500;
    padding: 8px 18px;
    border-radius: var(--un-r);
    text-decoration: none;
    white-space: nowrap;
    transition: all .14s;
    cursor: pointer;
    border: none;
    display: inline-flex;
    align-items: center;
}

.un-btn-ghost {
    color: var(--un-ink-mid);
    background: transparent;
}

.un-btn-ghost:hover {
    background: var(--un-ivory);
    color: var(--un-slate);
}

.un-btn-slate {
    background: var(--un-slate);
    color: var(--un-parch);
}

.un-btn-slate:hover {
    background: var(--un-slate-deep);
    color: var(--un-parch);
}

.un-btn-gold {
    background: var(--un-gold);
    color: var(--un-slate-deep);
    font-weight: 700;
}

.un-btn-gold:hover {
    background: var(--un-gold-d);
}

/* Hamburger */
.un-ham {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
}

.un-ham span {
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--un-slate);
    border-radius: 2px;
    transition: all .2s;
}

.un-ham.open span:nth-child(1) {
    transform: rotate(45deg) translate(4.5px, 4.5px);
}

.un-ham.open span:nth-child(2) {
    opacity: 0;
}

.un-ham.open span:nth-child(3) {
    transform: rotate(-45deg) translate(4.5px, -4.5px);
}

/* ═══════════════════════════════════════════════════════════════════
BACKDROP
═══════════════════════════════════════════════════════════════════ */
.bkdrop {
    position: fixed;
    inset: 0;
    z-index: 498;
    background: rgba(26,26,24,.25);
    backdrop-filter: blur(2px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s;
}

.bkdrop.on {
    opacity: 1;
    pointer-events: auto;
}

/* ═══════════════════════════════════════════════════════════════════
MEGA DROPDOWN
═══════════════════════════════════════════════════════════════════ */
.mega {
    position: fixed;
    left: 0;
    right: 0;
    padding-top: 50px !important;
    top: 70px;
    z-index: 499;
    background: var(--neige);
    border-bottom: 1px solid var(--neige-dd);
    box-shadow: 0 16px 48px rgba(26,26,24,.1), 0 4px 12px rgba(26,26,24,.06);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-4px);
    transition: opacity .18s, transform .18s;
    max-height: calc(100vh - 68px);
    overflow-y: auto;
}

.mega.on {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    animation: megaIn .2s ease both;
}

.mi {
    max-width: 1320px;
    margin: 0 auto;
    padding: 28px 48px 22px;
}

/* Panel header */
.phd {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 22px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--neige-dd);
}

.phd-ey {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 5px;
}

.phd-t {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.025em;
    color: var(--slate-deep);
    margin-bottom: 4px;
}

.phd-s {
    font-size: 13px;
    color: var(--ink-mute);
    line-height: 1.5;
    max-width: 460px;
}

.phd-a {
    font-size: 13px;
    font-weight: 600;
    color: var(--slate);
    text-decoration: none;
    white-space: nowrap;
    border-bottom: 1px solid var(--neige-dd);
    padding-bottom: 2px;
    transition: border-color .15s, color .15s;
}

.phd-a:hover {
    border-color: var(--gold);
    color: var(--gold-d);
}

/* Pill footer */
.pft {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid var(--neige-dd);
}

.pft-pill {
    font-size: 12px;
    font-weight: 500;
    color: var(--ink-mid);
    background: var(--neige-d);
    border-radius: 100px;
    padding: 5px 14px;
    text-decoration: none;
    border: 1px solid transparent;
    transition: all .15s;
}

.pft-pill:hover {
    background: var(--slate);
    color: var(--neige);
    border-color: var(--slate);
}

.pft-pill.g {
    background: var(--gold-pale);
    color: var(--slate-deep);
    border-color: rgba(196,169,106,.3);
}

.pft-pill.g:hover {
    background: var(--gold);
    color: var(--obsidian);
}

/* ── PANEL 1 — THE SYSTEM ── */
.sys-grid {
    display: flex;
    align-items: stretch;
    gap: 0;
}

.sys-col {
    flex: 1;
    min-width: 0;
    padding: 0;
    text-decoration: none;
    transition: opacity .15s;
}

.sys-col:hover {
    opacity: .75;
}

.sys-num {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 8px;
    padding-right: 16px;
}

.sys-name {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.02em;
    color: var(--slate-deep);
    margin-bottom: 8px;
    padding-right: 16px;
}

.sys-desc {
    font-size: 12.5px;
    color: var(--ink-mid);
    line-height: 1.6;
    margin-bottom: 10px;
    padding-right: 16px;
}

.sys-rule {
    font-size: 11px;
    color: var(--ink-mute);
    letter-spacing: .06em;
    padding-right: 16px;
}

.sys-vsep {
    width: 1px;
    min-width: 1px;
    flex-shrink: 0;
    background: #C8C3BA;
    margin: 0 20px;
    align-self: stretch;
    display: block;
}

.sys-err {
    flex: 1.4;
    min-width: 0;
    padding: 20px 20px 18px;
    text-decoration: none;
    background: var(--gold-pale);
    border-radius: var(--r-lg);
    border: 1px solid rgba(196,169,106,.25);
    transition: all .15s;
}

.sys-err:hover {
    background: var(--gold);
    border-color: var(--gold);
}

.sys-err:hover .err-title,
.sys-err:hover .err-desc,
.sys-err:hover .err-cta {
    color: var(--obsidian);
}

.sys-err:hover .err-badge {
    background: rgba(0,0,0,.15);
    color: var(--obsidian);
}

.err-badge {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    background: rgba(196,169,106,.2);
    color: var(--gold-d);
    border-radius: 100px;
    padding: 3px 10px;
    margin-bottom: 10px;
}

.err-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.02em;
    color: var(--slate-deep);
    margin-bottom: 8px;
    transition: color .15s;
}

.err-desc {
    font-size: 12.5px;
    color: var(--ink-mid);
    line-height: 1.6;
    margin-bottom: 10px;
    transition: color .15s;
}

.err-cta {
    font-size: 12px;
    font-weight: 600;
    color: var(--gold-d);
    transition: color .15s;
}

/* ── PANEL 2 — PANEL & FELLOWSHIP ── */
.pan-grid {
    display: flex;
    align-items: stretch;
    gap: 0;
    min-height: 160px;
}

.pan-l {
    width: 220px;
    flex-shrink: 0;
    padding-right: 24px;
}

.pan-col {
    flex: 1;
    min-width: 0;
    padding: 0 24px;
}

.pan-sep {
    width: 1px;
    min-width: 1px;
    flex-shrink: 0;
    background: #C8C3BA;
    margin: 0 20px;
    align-self: stretch;
    display: block;
}

.pan-stat {
    font-family: 'Inter Tight', sans-serif;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -.05em;
    color: var(--slate-deep);
    line-height: 1;
    margin-bottom: 6px;
}

.pan-stat-l {
    font-size: 12.5px;
    color: var(--ink-mid);
    line-height: 1.55;
    margin-bottom: 20px;
}

.pan-navs {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pan-nav {
    font-size: 13px;
    font-weight: 500;
    color: var(--slate);
    text-decoration: none;
    padding: 7px 10px;
    border-radius: 8px;
    transition: background .15s, color .15s;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pan-nav:hover {
    background: var(--neige-d);
}

.pan-nav-arr {
    color: var(--gold);
    font-size: 11px;
}

.pan-col-h {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 14px;
}

.pan-rows {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.pan-row {
    font-size: 12.5px;
    color: var(--ink);
    text-decoration: none;
    padding: 6px 8px;
    border-radius: 7px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background .15s, color .15s;
}

.pan-row:hover {
    background: var(--neige-d);
    color: var(--slate-deep);
}

.pan-row-m {
    font-size: 11px;
    color: var(--gold);
    font-weight: 600;
}

.pan-row-arr {
    font-size: 11px;
    color: var(--ink-mute);
}

.pan-fellowship {
    background: var(--slate-deep);
    border-radius: var(--r-lg);
    padding: 20px;
}

.pf-ey {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: rgba(196,169,106,.7);
    margin-bottom: 10px;
}

.pf-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -.02em;
    color: #fff;
    margin-bottom: 8px;
}

.pf-tiers {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 14px;
}

.pf-tier {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 8px;
    background: rgba(255,255,255,.05);
    border-radius: 6px;
}

.pf-tier-name {
    font-size: 11.5px;
    font-weight: 600;
    color: rgba(255,255,255,.8);
    font-family: 'Inter Tight', sans-serif;
}

.pf-tier-price {
    font-size: 11px;
    color: var(--gold);
}

.pf-cta {
    display: block;
    text-align: center;
    background: var(--gold);
    color: var(--obsidian);
    border-radius: 8px;
    padding: 8px 14px;
    font-size: 12.5px;
    font-weight: 600;
    text-decoration: none;
    font-family: 'Inter Tight', sans-serif;
    transition: background .15s;
}

.pf-cta:hover {
    background: var(--gold-d);
}

.pf-sub {
    font-size: 11px;
    color: rgba(255,255,255,.35);
    text-align: center;
    margin-top: 8px;
    line-height: 1.4;
}

/* ── PANEL 3 — AI TOOLS ── */
.ai-grid {
    display: flex;
    align-items: stretch;
    gap: 0;
    min-height: 160px;
}

.ai-intro {
    width: 180px;
    flex-shrink: 0;
    padding-right: 32px;
}

.ai-col {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ai-sep {
    width: 1px;
    min-width: 1px;
    flex-shrink: 0;
    background: #C8C3BA;
    margin: 0 24px;
    align-self: stretch;
    display: block;
}

.ai-intro-q {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.02em;
    color: var(--slate-deep);
    line-height: 1.4;
    margin-bottom: 16px;
}

.ai-live-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    color: var(--slate-mid);
    background: var(--neige-d);
    border-radius: 100px;
    padding: 4px 10px;
}

.ai-ldot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #4ADE80;
    animation: pulse-dot 2s ease-in-out infinite;
}

.ai-tool {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    text-decoration: none;
    padding: 10px 12px;
    border-radius: var(--r);
    transition: background .15s;
}

.ai-tool:hover {
    background: var(--neige-d);
}

.ai-mark {
    font-size: 16px;
    color: var(--gold);
    flex-shrink: 0;
    margin-top: 2px;
    width: 20px;
    text-align: center;
}

.ai-tool-n {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--slate-deep);
    margin-bottom: 3px;
    font-family: 'Inter Tight', sans-serif;
}

.ai-tool-d {
    font-size: 12px;
    color: var(--ink-mid);
    line-height: 1.5;
}

.ai-tool-live {
    font-size: 10.5px;
    color: #16A34A;
    font-weight: 500;
    margin-top: 3px;
}

/* ── PANEL 4 — PRODUCTS (un- namespace) ── */
.un-col4 {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr 1fr;
    gap: 24px;
}

.un-m-feat {
    padding-right: 32px;
    border-right: 1px solid var(--un-border);
    margin-right: 8px;
}

.un-m-feat-eyebrow {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--un-gold);
    margin-bottom: 12px;
}

.un-m-feat-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 27px;
    font-weight: 700;
    color: var(--un-slate);
    letter-spacing: -.025em;
    line-height: 1.22;
    margin-bottom: 10px;
}

.un-m-feat-desc {
    font-size: 12.5px;
    color: var(--un-ink-mute);
    line-height: 1.6;
    font-weight: 300;
    margin-bottom: 20px;
}

.un-m-feat-cta {
    font-size: 12px;
    font-weight: 600;
    color: var(--un-slate);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.un-m-feat-cta:hover {
    color: var(--un-gold);
}

.un-m-col {
    padding-left: 28px;
}

.un-m-col-label {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--un-ink-mute);
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--un-border);
}

.un-m-item {
    display: flex;
    flex-direction: column;
    padding: 9px 10px;
    border-radius: var(--un-r);
    text-decoration: none;
    transition: background .1s;
    margin-bottom: 1px;
}

.un-m-item:hover {
    background: var(--un-ivory);
}

.un-m-item-name {
    font-size: 13px;
    font-weight: 500;
    color: var(--un-ink);
    line-height: 1.3;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.un-m-item-desc {
    font-size: 11.5px;
    color: var(--un-ink-mute);
    font-weight: 300;
    line-height: 1.4;
}

.un-tag {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .04em;
    padding: 2px 6px;
    border-radius: 4px;
    flex-shrink: 0;
}

.un-tag-new {
    background: var(--un-gold-pale);
    color: #8A6A20;
    border: .5px solid var(--un-gold-light);
}

.un-tag-only {
    background: var(--un-slate);
    color: var(--un-gold);
}

.un-m-sep {
    height: 1px;
    background: var(--un-border);
    margin: 10px 0;
}

.un-m-sub-link {
    display: block;
    padding: 7px 10px;
    font-size: 12.5px;
    color: var(--un-ink-mid);
    text-decoration: none;
    border-radius: var(--un-r);
    transition: all .1s;
    font-weight: 400;
}

.un-m-sub-link:hover {
    background: var(--un-ivory);
    color: var(--un-slate);
}

.un-mega-body {
    max-width: 1360px;
    margin: 0 auto;
    padding: 36px 48px 32px;
    display: grid;
    align-items: start;
    gap: 0;
}

.un-mega-foot {
    max-width: 1360px;
    margin: 0 auto;
    padding: 12px 48px;
    border-top: 1px solid var(--un-border);
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    position: sticky;
    bottom: 0;
    background: var(--un-white);
    z-index: 1;
}

.un-mf-link {
    font-size: 11.5px;
    color: var(--un-ink-mute);
    text-decoration: none;
    padding: 4px 8px;
    border-radius: 5px;
    white-space: nowrap;
    transition: all .12s;
}

.un-mf-link:hover {
    background: var(--un-ivory);
    color: var(--un-slate);
}

.un-mf-link.hi {
    color: var(--un-gold);
    font-weight: 600;
}

.un-mf-link.hi:hover {
    background: var(--un-gold-pale);
}

.un-mf-sep {
    color: var(--un-border);
    font-size: 13px;
    padding: 0 2px;
}

/* ── PANEL 5 — INSTITUTION ── */
.inst-grid {
    display: flex;
    align-items: stretch;
    gap: 0;
    min-height: 160px;
}

.inst-col {
    flex: 1;
    min-width: 0;
}

.inst-vsep {
    width: 1px;
    min-width: 1px;
    flex-shrink: 0;
    background: #C8C3BA;
    margin: 0 20px;
    align-self: stretch;
    display: block;
}

.inst-col-h {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 14px;
    padding: 0 8px;
}

.inst-links {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.inst-a {
    font-size: 13px;
    color: var(--ink);
    text-decoration: none;
    padding: 6px 8px;
    border-radius: 7px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background .15s, color .15s;
}

.inst-a:hover {
    background: var(--neige-d);
    color: var(--slate-deep);
}

.inst-a.acc {
    color: var(--slate-deep);
    font-weight: 500;
}

.inst-arr {
    font-size: 11px;
    color: var(--ink-mute);
    opacity: .6;
}

.inst-event {
    background: var(--slate-deep);
    border-radius: var(--r-lg);
    overflow: hidden;
}

.inst-event-body {
    padding: 14px 16px;
}

.inst-event-tag {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 6px;
}

.inst-event-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -.02em;
    margin-bottom: 4px; 
}

.inst-event-date {
    font-size: 11.5px;
    color: rgba(255,255,255,.45);
    margin-bottom: 12px;
}

.inst-event-cta {
    display: block;
    text-align: center;
    background: rgba(196,169,106,.15);
    border: 1px solid rgba(196,169,106,.3);
    color: var(--gold);
    border-radius: 7px;
    padding: 7px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: all .15s;
}

.inst-event-cta:hover {
    background: var(--gold);
    color: var(--obsidian);
    border-color: var(--gold);
}

/* ═══════════════════════════════════════════════════════════════════
MOBILE DRAWER
═══════════════════════════════════════════════════════════════════ */
#un-mob {
    display: none;
    position: fixed;
    inset: 68px 0 0 0;
    background: var(--un-white);
    z-index: 585;
    overflow-y: auto;
    border-top: 1px solid var(--un-border);
}

#un-mob.open {
    display: block;
}

.un-mob-h {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 24px;
    border-bottom: 1px solid var(--un-border);
    font-size: 14px;
    font-weight: 500;
    color: var(--un-ink);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
}

.un-mob-h .un-arr {
    font-size: 10px;
    color: var(--un-ink-mute);
    transition: transform .18s;
}

.un-mob-h.open .un-arr {
    transform: rotate(180deg);
}

.un-mob-b {
    display: none;
    background: var(--un-ivory);
    border-bottom: 1px solid var(--un-border);
}

.un-mob-b.open {
    display: block;
}

.un-mob-b a {
    display: block;
    padding: 10px 24px;
    font-size: 13.5px;
    color: var(--un-ink-mid);
    text-decoration: none;
    border-bottom: .5px solid rgba(42,53,69,.06);
    font-family: 'Inter', sans-serif;
}

.un-mob-b a:last-child {
    border-bottom: none;
}

.un-mob-b a:hover,
.un-mob-b a.g {
    color: var(--un-gold);
}

.un-mob-actions {
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: var(--un-parch);
    border-top: 1px solid var(--un-border);
}

.un-mob-btn {
    display: block;
    text-align: center;
    padding: 13px;
    border-radius: var(--un-r);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
}

.un-mb-sl {
    background: var(--un-slate);
    color: var(--un-parch);
}

.un-mb-go {
    background: var(--un-gold);
    color: var(--un-slate-deep);
    font-weight: 700;
}

.un-mb-gh {
    color: var(--un-ink-mid);
    border: 1px solid var(--un-border);
}

/* ═══════════════════════════════════════════════════════════════════
RESPONSIVE BREAKPOINTS
═══════════════════════════════════════════════════════════════════ */
@media (max-width: 1199px) and (min-width: 901px) {
    .un-nav-inner {
        padding: 0 24px;
        gap: 20px;
    }
    .un-nl {
        padding: 0 12px;
        font-size: 12px;
    }
    .un-btn {
        padding: 6px 14px;
        font-size: 11.5px;
    }
    .mi {
        padding: 24px 32px 18px;
    }
}

@media (max-width: 900px) {
    .un-nav-inner {
        padding: 0 20px;
        height: 60px;
    }
    .un-nav-links {
        display: none;
    }
    .un-btn-ghost,
    .un-btn-slate {
        display: none;
    }
    .un-btn-gold {
        padding: 6px 14px;
        font-size: 11px;
    }
    .un-ham {
        display: flex;
    }
    #un-nav {
        height: 60px;
    }
    #un-mob {
        top: 60px;
    }
    .mega {
        top: 60px;
        max-height: calc(100vh - 60px);
    }
}

@media (max-width: 768px) {
    .un-nav-inner {
        padding: 0 16px;
        gap: 12px;
    }
    .un-brand-name {
        font-size: 14px;
        letter-spacing: .12em;
    }
    .un-brand-dot {
        width: 6px;
        height: 6px;
    }
    .un-btn-gold {
        padding: 5px 12px;
        font-size: 10px;
    }
    .mi {
        padding: 20px 16px;
    }
    .phd {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .sys-grid,
    .pan-grid,
    .ai-grid,
    .inst-grid {
        flex-direction: column;
        gap: 16px;
    }
    .sys-vsep,
    .pan-sep,
    .ai-sep,
    .inst-vsep {
        display: none;
    }
    .sys-err,
    .sys-col {
        padding: 0;
    }
    .sys-err {
        padding: 16px;
        margin-top: 4px;
    }
    .pan-l {
        width: 100%;
        padding-right: 0;
    }
    .pan-col,
    .ai-intro,
    .ai-col,
    .inst-col {
        padding: 0;
        width: 100%;
    }
    .un-mega-body {
        padding: 20px 16px;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
    .un-col4 {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .un-m-feat {
        padding-right: 0;
        border-right: none;
        border-bottom: 1px solid var(--un-border);
        padding-bottom: 20px;
        margin-right: 0;
    }
    .un-m-col {
        padding-left: 0;
    }
    .un-mega-foot {
        padding: 12px 16px;
        gap: 4px;
    }
    .un-mf-link {
        font-size: 10px;
        padding: 4px 6px;
    }
}

@media (max-width: 480px) {
    .un-nav-inner {
        padding: 0 12px;
        height: 55px;
    }
    #un-nav {
        height: 55px;
    }
    #un-mob {
        top: 55px;
    }
    .mega {
        top: 55px;
        max-height: calc(100vh - 55px);
    }
    .un-brand-name {
        font-size: 12px;
        letter-spacing: .1em;
    }
    .un-btn-gold {
        padding: 4px 10px;
        font-size: 9px;
    }
    .un-ham {
        padding: 6px;
        gap: 4px;
    }
    .un-ham span {
        width: 18px;
    }
    .un-mob-h {
        padding: 12px 20px;
        font-size: 13px;
    }
    .un-mob-b a {
        padding: 8px 20px;
        font-size: 12px;
    }
    .un-mob-actions {
        padding: 16px 20px;
    }
    .un-mob-btn {
        padding: 11px;
        font-size: 13px;
    }
}

@media (max-height: 700px) {
    .mi {
        padding: 16px 48px 14px;
    }
    .phd {
        margin-bottom: 14px;
        padding-bottom: 12px;
    }
    .phd-t {
        font-size: 18px;
        margin-bottom: 2px;
    }
    .phd-s {
        font-size: 12px;
    }
    .pft {
        margin-top: 14px;
        padding-top: 12px;
    }
}
/* ============================================
UNIONE™ FOOTER - COMPLETE CSS
============================================ */

/* ═══════════════════════════════════════════════════════
RESET & VARIABLES
═══════════════════════════════════════════════════════ */
.theun-footer-wrap {
    --obsidian: #0E1117;
    --layer-1: #131720;
    --layer-2: #181D27;
    --layer-3: #1E2432;
    --gold: #C4A96A;
    --gold-b: #E8D9B0;
    --gold-dim: rgba(196,169,106,.55);
    --gold-ghost: rgba(196,169,106,.08);
    --gold-line: rgba(196,169,106,.18);
    --parchment: #FAFAF8;
    --text-hi: rgba(255,255,255,.80);
    --text-mid: rgba(255,255,255,.40);
    --text-lo: rgba(255,255,255,.20);
    --text-xlo: rgba(255,255,255,.11);
    --border: rgba(255,255,255,.055);
}

.theun-footer-wrap * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.theun-footer-wrap {
    font-family: 'Inter', sans-serif;
    background: transparent;
}

/* ═══════════════════════════════════════════════════════
KEYFRAMES
═══════════════════════════════════════════════════════ */
@keyframes theun-ticker {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@keyframes theun-pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .4; transform: scale(.65); }
}

@keyframes theun-shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

/* ═══════════════════════════════════════════════════════
BARCELONA STRIP
═══════════════════════════════════════════════════════ */
.theun-barcelona-strip {
    background: var(--obsidian);
    border-top: .5px solid var(--gold-line);
    overflow: hidden;
    position: relative;
    height: 52px;
}

.theun-barcelona-strip::before,
.theun-barcelona-strip::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100px;
    z-index: 2;
    pointer-events: none;
}

.theun-barcelona-strip::before {
    left: 0;
    background: linear-gradient(90deg, var(--obsidian), transparent);
}

.theun-barcelona-strip::after {
    right: 0;
    background: linear-gradient(270deg, var(--obsidian), transparent);
}

.theun-barca-track {
    display: flex;
    width: max-content;
    animation: theun-ticker 44s linear infinite;
    height: 52px;
    align-items: center;
}

.theun-barca-track:hover {
    animation-play-state: paused;
}

.theun-barca-item {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 36px;
    white-space: nowrap;
    height: 52px;
}

.theun-barca-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: var(--gold);
    letter-spacing: -.01em;
}

.theun-barca-label {
    font-size: 10.5px;
    color: var(--text-mid);
    letter-spacing: .04em;
}

.theun-barca-dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--gold-line);
    flex-shrink: 0;
}

/* ═══════════════════════════════════════════════════════
FOOTER SHELL
═══════════════════════════════════════════════════════ */
.theun-footer {
    position: relative;
    overflow: hidden;
}

.theun-footer::before {
    content: '';
    position: absolute;
    top: -200px;
    left: -140px;
    width: 600px;
    height: 600px;
    background: radial-gradient(ellipse, rgba(196,169,106,.03) 0%, transparent 65%);
    pointer-events: none;
}

.theun-footer::after {
    content: '';
    position: absolute;
    bottom: -80px;
    right: -100px;
    width: 480px;
    height: 480px;
    background: radial-gradient(ellipse, rgba(42,53,69,.14) 0%, transparent 65%);
    pointer-events: none;
}

/* LAYER A: Brand + Newsletter */
.theun-footer-layer-a {
    background: var(--layer-3);
    position: relative;
    z-index: 1;
}

.theun-footer-layer-a-inner {
    max-width: 1340px;
    margin: 0 auto;
    padding: 72px 60px 64px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 96px;
    align-items: start;
}

.theun-brand-logo-row {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    margin-bottom: 22px;
}

.theun-brand-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gold);
    flex-shrink: 0;
    animation: theun-pulse-dot 2s ease-in-out infinite;
}

.theun-brand-wordmark {
    font-family: 'Inter Tight', sans-serif;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: .22em;
    color: var(--parchment);
}

.theun-brand-tagline {
    font-size: 14px;
    font-weight: 300;
    color: var(--text-mid);
    line-height: 1.8;
    max-width: 330px;
    margin-bottom: 32px;
}

.theun-brand-badges {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.theun-brand-badge {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 6px 12px;
    border-radius: 8px;
    background: rgba(255,255,255,.04);
    border: .5px solid rgba(255,255,255,.08);
    transition: border-color .2s;
}

.theun-brand-badge:hover {
    border-color: var(--gold-line);
}

.theun-bb-icon {
    font-size: 11px;
}

.theun-bb-text {
    font-size: 10px;
    color: var(--text-mid);
    font-weight: 500;
    letter-spacing: .03em;
}

.theun-nl-eyebrow {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gold);
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.theun-nl-eyebrow::before {
    content: '';
    width: 16px;
    height: 1px;
    background: var(--gold);
}

.theun-nl-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--parchment);
    line-height: 1.2;
    margin-bottom: 10px;
}

.theun-nl-body {
    font-size: 13px;
    color: var(--text-mid);
    font-weight: 300;
    line-height: 1.7;
    margin-bottom: 24px;
    max-width: 380px;
}

.theun-nl-form {
    display: flex;
    gap: 0;
}

.theun-nl-input {
    flex: 1;
    background: rgba(255,255,255,.06);
    border: .5px solid rgba(255,255,255,.1);
    border-right: none;
    border-radius: 10px 0 0 10px;
    padding: 13px 18px;
    font-size: 13px;
    color: var(--parchment);
    font-family: 'Inter', sans-serif;
    outline: none;
    transition: all .2s;
}

.theun-nl-input::placeholder {
    color: var(--text-lo);
}

.theun-nl-input:focus {
    border-color: var(--gold-dim);
    background: rgba(255,255,255,.09);
}

.theun-nl-btn {
    background: linear-gradient(135deg, #C4A96A, #E8D9B0);
    color: var(--obsidian);
    border: none;
    border-radius: 0 10px 10px 0;
    padding: 13px 22px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    white-space: nowrap;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.3);
    transition: filter .2s;
}

.theun-nl-btn:hover {
    filter: brightness(1.07);
}

.theun-nl-privacy {
    font-size: 11px;
    color: var(--text-xlo);
    margin-top: 10px;
    line-height: 1.6;
}

.theun-nl-privacy a {
    color: var(--text-lo);
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* LAYER B: Link Columns */
.theun-footer-layer-b {
    background: var(--layer-2);
    border-top: .5px solid var(--border);
    border-bottom: .5px solid var(--border);
    position: relative;
    z-index: 1;
}

.theun-footer-layer-b-inner {
    max-width: 1340px;
    margin: 0 auto;
    padding: 60px 60px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 28px;
}

.theun-col-head-wrap {
    margin-bottom: 20px;
}

.theun-col-rule {
    width: 20px;
    height: 1.5px;
    background: linear-gradient(90deg, var(--gold), transparent);
    margin-bottom: 10px;
}

.theun-col-head {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--gold-dim);
}

.theun-col-links {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.theun-col-link {
    font-size: 13px;
    color: var(--text-mid);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 7px;
    transition: color .15s;
    line-height: 1.2;
}

.theun-col-link:hover {
    color: var(--text-hi);
}

.theun-col-link.gold {
    color: rgba(196,169,106,.7);
}

.theun-col-link.gold:hover {
    color: var(--gold-b);
}

.theun-col-sep {
    height: 1px;
    background: var(--border);
    margin: 4px 0;
}

.theun-col-sub-label {
    font-size: 8.5px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gold-dim);
    margin-bottom: 2px;
}

.theun-link-pill {
    font-size: 8.5px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 2px 6px;
    border-radius: 4px;
    background: rgba(196,169,106,.12);
    color: var(--gold);
    border: .5px solid rgba(196,169,106,.2);
    flex-shrink: 0;
}

/* MOBILE ACCORDION */
@media (max-width: 768px) {
    .theun-footer-layer-b-inner {
        display: block;
        padding: 0;
    }
    .theun-acc-section {
        border-bottom: .5px solid var(--border);
    }
    .theun-acc-toggle {
        width: 100%;
        background: none !important;
        border: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px 28px;
        font-family: 'Inter', sans-serif;
    }
    .theun-acc-toggle-left {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .theun-acc-toggle .theun-col-rule {
        margin-bottom: 0;
        flex-shrink: 0;
    }
    .theun-acc-toggle .theun-col-head {
        font-size: 10px;
    }
    .theun-acc-icon {
        font-size: 16px;
        font-weight: 300;
        color: var(--gold-dim);
        line-height: 1;
        transition: transform .2s;
        flex-shrink: 0;
    }
    .theun-acc-section.open .theun-acc-icon {
        transform: rotate(45deg);
    }
    .theun-acc-body {
        display: none;
        padding: 0 28px 20px;
    }
    .theun-acc-section.open .theun-acc-body {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
    .theun-col-head-wrap {
        display: none;
    }
}

/* Desktop: hide accordion toggle + acc-body; show desktop links */
@media (min-width: 769px) {
    .theun-acc-toggle {
        display: none !important;
    }
    .theun-acc-body {
        display: none !important;
    }
    .theun-desktop-links {
        display: flex !important;
    }
    .theun-acc-section {
        border-bottom: none;
    }
}

/* Mobile: hide desktop links */
@media (max-width: 768px) {
    .theun-desktop-links {
        display: none !important;
    }
}

/* LAYER C: Stats */
.theun-footer-layer-c {
    background: var(--layer-1);
    position: relative;
    z-index: 1;
}

.theun-footer-stats {
    max-width: 1340px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.theun-footer-stat {
    padding: 44px 52px;
    border-right: .5px solid var(--border);
    transition: background .25s;
    cursor: default;
    position: relative;
}

.theun-footer-stat:last-child {
    border-right: none;
}

.theun-footer-stat:hover {
    background: rgba(255,255,255,.014);
}

.theun-footer-stat::before {
    content: '';
    position: absolute;
    top: 0;
    left: 52px;
    right: 52px;
    height: 1.5px;
    background: linear-gradient(90deg, var(--gold), transparent);
    opacity: 0;
    transition: opacity .3s;
}

.theun-footer-stat:hover::before {
    opacity: .5;
}

.theun-stat-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 44px;
    font-weight: 700;
    letter-spacing: -.05em;
    line-height: 1;
    margin-bottom: 10px;
    background: linear-gradient(120deg, var(--gold) 0%, var(--gold-b) 50%, var(--gold) 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: theun-shimmer 7s linear infinite;
}

.theun-stat-label {
    font-size: 12px;
    color: var(--text-mid);
    font-weight: 300;
    line-height: 1.6;
    max-width: 200px;
}

/* BOTTOM BAR */
.theun-footer-bottom {
    background: var(--layer-1);
    border-top: .5px solid var(--border);
    position: relative;
    z-index: 1;
}

.theun-footer-bottom-inner {
    max-width: 1340px;
    margin: 0 auto;
    padding: 22px 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.theun-footer-bottom-left {
    display: flex;
    align-items: center;
    gap: 28px;
    flex-wrap: wrap;
}

.theun-footer-copy {
    font-size: 11px;
    color: var(--text-mid);
}

.theun-footer-legal {
    display: flex;
    gap: 20px;
}

.theun-footer-legal a {
    font-size: 11px;
    color: var(--text-mid);
    text-decoration: none;
    transition: color .15s;
}

.theun-footer-legal a:hover {
    color: var(--text-hi);
}

.theun-footer-bottom-right {
    display: flex;
    align-items: center;
    gap: 18px;
}

.theun-footer-social {
    display: flex;
    gap: 6px;
}

.theun-social-btn {
    width: 30px;
    height: 30px;
    border-radius: 7px;
    background: rgba(255,255,255,.04);
    border: .5px solid rgba(255,255,255,.07);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .15s;
    text-decoration: none;
    font-size: 12px;
    color: var(--text-mid);
}

.theun-social-btn:hover {
    background: var(--gold-ghost);
    border-color: var(--gold-line);
    color: var(--gold);
}

.theun-footer-mark {
    font-family: 'Inter', sans-serif;
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: .14em;
    color: var(--gold-dim);
}

/* RESPONSIVE BREAKPOINTS */
@media (max-width: 1024px) {
    .theun-footer-layer-a-inner {
        gap: 60px;
        padding: 60px 40px 52px;
    }
    .theun-footer-layer-b-inner {
        grid-template-columns: repeat(3, 1fr);
        gap: 32px;
    }
    .theun-footer-stats {
        grid-template-columns: repeat(2, 1fr);
    }
    .theun-footer-stat {
        padding: 40px 40px;
    }
    .theun-footer-bottom-inner {
        padding: 20px 40px;
    }
}

@media (max-width: 768px) {
    .theun-footer-layer-a-inner {
        grid-template-columns: 1fr;
        gap: 44px;
        padding: 52px 28px 44px;
    }
    .theun-footer-stats {
        grid-template-columns: 1fr 1fr;
    }
    .theun-footer-stat {
        padding: 36px 28px;
    }
    .theun-footer-bottom-inner {
        padding: 18px 28px;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    .theun-barca-item {
        padding: 0 24px;
    }
}
/* ============================================
UNIONE™ CONTACT PAGE - COMPLETE CSS
============================================ */

:root {
    --theun-slate: #0a0b0c;
    --theun-gold: #C4A96A;
    --theun-gold-pale: #F7F2E8;
    --theun-parchment: #FAFAF8;
    --theun-ivory: #F2F1EE;
    --theun-obsidian: #141820;
    --theun-white: #fff;
    --theun-ink: #1A1A18;
    --theun-ink-mid: #4A4843;
    --theun-ink-mute: #8A8880;
    --theun-border: rgba(42,53,69,0.12);
    --theun-green: #1A7A4A;
    --theun-green-bg: #E6F4EE;
    --theun-r-md: 10px;
    --theun-r-lg: 16px;
    --theun-r-xl: 24px;
}

.theun-contact-wrap *,
.theun-contact-wrap *::before,
.theun-contact-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.theun-contact-wrap {
    font-family: 'Inter', sans-serif;
    background: var(--theun-parchment);
    color: var(--theun-ink);
    width: 100%;
}

.theun-contact-wrap h1,
.theun-contact-wrap h2,
.theun-contact-wrap h3,
.theun-contact-wrap .theun-form-title,
.theun-contact-wrap .theun-cc-title,
.theun-contact-wrap .theun-office-city,
.theun-contact-wrap .theun-success-wrap div:first-of-type,
.theun-contact-wrap .theun-cta-banner div:first-of-type {
    font-family: 'Inter Tight', sans-serif;
}

/* ═══════════════════════════════════════════════════════
KEYFRAMES
═══════════════════════════════════════════════════════ */
@keyframes theun-shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

@keyframes theun-checkPop {
    0% { transform: scale(0); }
    60% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

@keyframes theun-fadeUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ═══════════════════════════════════════════════════════
HERO SECTION
═══════════════════════════════════════════════════════ */
.theun-hero {
    background: var(--theun-slate);
    padding: 150px 52px;
    position: relative;
    overflow: hidden;
}

.theun-hero::before {
    content: 'HELLO';
    position: absolute;
    font-family: 'Inter Tight', sans-serif;
    font-size: 220px;
    font-weight: 700;
    color: rgba(255,255,255,0.025);
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    letter-spacing: 0.05em;
}

.theun-hero-inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.theun-hero-tag {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--theun-gold);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.theun-hero-tag::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--theun-gold);
}

.theun-hero h1 {
    font-size: clamp(28px, 3.5vw, 48px);
    font-weight: 700;
    color: var(--theun-parchment);
    letter-spacing: -0.03em;
    line-height: 1.05;
    margin-bottom: 12px;
}

.theun-hero h1 span {
    background: linear-gradient(135deg, #C4A96A, #F0DFA0, #C4A96A);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: theun-shimmer 4s linear infinite;
}

.theun-hero-sub {
    font-size: 15px;
    color: rgba(255,255,255,0.45);
    font-weight: 300;
    line-height: 1.7;
    max-width: 500px;
}

/* ═══════════════════════════════════════════════════════
MAIN CONTENT WRAPPER
═══════════════════════════════════════════════════════ */
.theun-main-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 48px 52px 80px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: start;
}

/* ═══════════════════════════════════════════════════════
FORM CARD
═══════════════════════════════════════════════════════ */
.theun-form-card {
    background: var(--theun-white);
    border: 0.5px solid var(--theun-border);
    border-radius: var(--theun-r-xl);
    overflow: hidden;
}

.theun-form-header {
    background: var(--theun-slate);
    padding: 22px 28px;
}

.theun-form-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--theun-parchment);
}

.theun-form-sub {
    font-size: 12px;
    color: rgba(255,255,255,0.4);
    margin-top: 3px;
}

.theun-form-body {
    padding: 28px;
}

.theun-field-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 16px;
}

.theun-field-label {
    font-size: 12px;
    font-weight: 500;
    color: var(--theun-ink-mid);
}

.theun-field-input,
.theun-field-select,
.theun-field-textarea {
    background: var(--theun-ivory);
    border: 0.5px solid var(--theun-border);
    border-radius: var(--theun-r-md);
    padding: 10px 14px;
    font-size: 13px;
    color: var(--theun-ink);
    width: 100%;
    transition: border-color 0.2s;
}

.theun-field-input:focus,
.theun-field-select:focus,
.theun-field-textarea:focus {
    outline: none;
    border-color: var(--theun-slate);
}

.theun-field-textarea {
    resize: vertical;
    line-height: 1.65;
}

.theun-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.theun-submit-btn {
    width: 100% !important;
    background: var(--theun-gold) !important;
    color: var(--theun-obsidian) !important;
    border: none !important;
    border-radius: var(--theun-r-md) !important;
    padding: 13px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}

.theun-submit-btn:hover {
    background: #B89858 !important;
}

.theun-submit-btn:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
}
/* ═══════════════════════════════════════════════════════
SUCCESS & ERROR STATES
═══════════════════════════════════════════════════════ */
.theun-success-wrap {
    display: none;
    text-align: center;
    padding: 36px 24px;
}

.theun-success-wrap.show {
    display: block;
    animation: theun-fadeUp 0.5s ease both;
}

.theun-success-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--theun-green-bg);
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    animation: theun-checkPop 0.4s ease both;
}

.theun-error-message {
    background: #FEF2F0;
    border: 1px solid #F4A5A5;
    border-radius: var(--theun-r-md);
    padding: 12px 16px;
    margin-bottom: 20px;
    color: #C73E3E;
    font-size: 13px;
    display: none;
}

.theun-error-message.show {
    display: block;
}

/* ═══════════════════════════════════════════════════════
SIDEBAR - CONTACT CARDS
═══════════════════════════════════════════════════════ */
.theun-info-side {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.theun-contact-card {
    background: var(--theun-white);
    border: 0.5px solid var(--theun-border);
    border-radius: var(--theun-r-xl);
    padding: 28px;
}

.theun-cc-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--theun-ink);
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 0.5px solid var(--theun-border);
}

.theun-contact-items {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.theun-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.theun-ci-icon {
    width: 36px;
    height: 36px;
    border-radius: var(--theun-r-md);
    background: var(--theun-ivory);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.theun-ci-label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--theun-ink-mute);
    margin-bottom: 3px;
}

.theun-ci-value {
    font-size: 14px;
    color: var(--theun-ink);
    font-weight: 500;
}

.theun-ci-sub {
    font-size: 12px;
    color: var(--theun-ink-mute);
    margin-top: 2px;
}

/* ═══════════════════════════════════════════════════════
OFFICES GRID
═══════════════════════════════════════════════════════ */
.theun-offices-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.theun-office-card {
    background: var(--theun-ivory);
    border-radius: var(--theun-r-md);
    padding: 14px;
    transition: all 0.2s;
}

.theun-office-card:hover {
    background: var(--theun-white);
    border: 0.5px solid var(--theun-border);
}

.theun-office-flag {
    font-size: 18px;
    margin-bottom: 6px;
}

.theun-office-city {
    font-size: 14px;
    font-weight: 600;
    color: var(--theun-ink);
}

.theun-office-type {
    font-size: 11px;
    color: var(--theun-ink-mute);
    margin-top: 2px;
}

/* ═══════════════════════════════════════════════════════
CTA BANNER
═══════════════════════════════════════════════════════ */
.theun-cta-banner {
    background: var(--theun-slate);
    border-radius: var(--theun-r-xl);
    padding: 24px;
    text-align: center;
}

.theun-cta-banner a {
    display: inline-block;
    background: var(--theun-gold);
    color: var(--theun-obsidian);
    font-size: 13px;
    font-weight: 500;
    padding: 10px 24px;
    border-radius: var(--theun-r-md);
    text-decoration: none !important;
    transition: all 0.2s;
}

.theun-cta-banner a:hover {
    background: #B89858;
}

/* ═══════════════════════════════════════════════════════
HONEYPOT
═══════════════════════════════════════════════════════ */
.theun-honeypot {
    position: absolute;
    left: -9999px;
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
}

/* ═══════════════════════════════════════════════════════
RESPONSIVE BREAKPOINTS
═══════════════════════════════════════════════════════ */
@media (max-width: 900px) {
    .theun-main-wrap {
        grid-template-columns: 1fr;
        padding: 24px 20px 60px;
    }
    .theun-hero {
        padding: 48px 20px;
    }
    .theun-grid-2 {
        grid-template-columns: 1fr;
    }
    .theun-offices-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .theun-hero {
        padding: 40px 16px;
    }
    .theun-hero h1 {
        font-size: 28px;
    }
    .theun-hero-sub {
        font-size: 13px;
    }
    .theun-main-wrap {
        padding: 20px 16px 48px;
    }
    .theun-form-header,
    .theun-form-body {
        padding: 16px 20px;
    }
    .theun-contact-card {
        padding: 20px;
    }
}
/* ============================================
UNIONE™ CASE FILING - COMPLETE CSS
============================================ */

:root {
    --slate: #0a0b0c;
    --slate-deep: #1C2534;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-light: #E8D9B0;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #FFFFFF;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --border-gold: rgba(196,169,106,0.3);
    --green: #1A7A4A;
    --green-bg: #E6F4EE;
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-case-wrap {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    background: var(--parchment);
    color: var(--ink);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

@keyframes fadeUp {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes checkPop {
    0% { transform: scale(0); }
    60% { transform: scale(1.2); }
    100% { transform: scale(1); }
}
@keyframes shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}
@keyframes slideDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Main Layout - Responsive Grid */
.unione-page-wrap {
    min-height: calc(100vh - 68px);
    display: grid;
    grid-template-columns: 35% 1fr;
    align-items: stretch;
}

/* Mobile Menu Toggle */
.unione-mobile-steps-toggle {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--slate);
    color: var(--parchment);
    border: none;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
    cursor: pointer;
    z-index: 100;
    font-size: 24px;
    align-items: center;
    justify-content: center;
}

/* Tablet & Mobile */
@media (max-width: 1024px) {
    .unione-page-wrap {
        grid-template-columns: 300px 1fr;
    }
}

@media (max-width: 900px) {
    .unione-page-wrap {
        grid-template-columns: 1fr;
    }
    .unione-left-panel {
        position: fixed !important;
        left: -100%;
        top: 0;
        width: 100%;
        max-width: 320px;
        height: 100vh;
        transition: left 0.3s ease;
        z-index: 99;
        box-shadow: 4px 0 20px rgba(0,0,0,0.1);
        overflow-y: auto;
        background: var(--slate);
    }
    .unione-left-panel.open {
        left: 0;
    }
    .unione-mobile-steps-toggle {
        display: flex;
    }
    .unione-right-panel {
        padding: 24px 20px !important;
    }
    .unione-mobile-overlay {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.5);
        z-index: 98;
    }
    .unione-mobile-overlay.open {
        display: block;
    }
}

@media (max-width: 480px) {
    .unione-left-panel {
        max-width: 280px;
    }
}

/* LEFT PANEL */
.unione-left-panel {
    background: var(--slate);
    min-height: calc(100vh - 68px);
    padding: 48px 32px;
    position: sticky;
    top: 0;
}

@media (max-width: 1024px) {
    .unione-left-panel {
        padding: 32px 24px;
    }
}

.unione-left-panel-inner {
    max-width: 100%;
}

.unione-lp-tag {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.unione-lp-tag::before {
    content: '';
    width: 16px;
    height: 1px;
    background: var(--gold);
}

.unione-lp-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(22px, 4vw, 26px);
    font-weight: 700;
    color: var(--parchment);
    letter-spacing: -0.02em;
    line-height: 1.15;
    margin-bottom: 8px;
}

.unione-lp-title span {
    background: linear-gradient(135deg, #C4A96A, #F0DFA0, #C4A96A);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: shimmer 4s linear infinite;
}

.unione-lp-sub {
    font-size: 12px;
    color: rgba(255,255,255,0.4);
    line-height: 1.65;
    font-weight: 300;
    margin-bottom: 36px;
}

/* STEP PROGRESS */
.unione-step-progress {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 40px;
}

.unione-step-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
    padding: 12px 0;
}

.unione-step-item:not(:last-child) {
    border-bottom: 0.5px solid rgba(255,255,255,0.06);
}

.unione-step-circle {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    font-family: 'Inter Tight', sans-serif;
    transition: all 0.2s;
    margin-top: 1px;
}

.unione-step-circle.pending {
    background: rgba(255,255,255,0.07);
    color: rgba(255,255,255,0.3);
    border: 0.5px solid rgba(255,255,255,0.1);
}

.unione-step-circle.active {
    background: var(--gold);
    color: var(--obsidian);
}

.unione-step-circle.done {
    background: var(--green);
    color: #fff;
    animation: checkPop 0.3s ease;
}

.unione-step-label {
    color: white;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 2px;
    transition: color 0.2s;
}

.unione-step-desc {
    font-size: 10px;
    line-height: 1.5;
    color: rgba(255,255,255,0.35);
}

.unione-step-item.active .unione-step-label {
    color: var(--parchment);
}

.unione-step-item.active .unione-step-desc {
    color: rgba(255,255,255,0.5);
}

/* Rules Box */
.unione-lp-rules {
    background: rgba(255,255,255,0.04);
    border: 0.5px solid rgba(196,169,106,0.2);
    border-radius: var(--r-lg);
    padding: 14px;
}

.unione-lp-rules-title {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 6px;
}

.unione-lp-rules-text {
    font-size: 11px;
    color: rgba(255,255,255,0.35);
    line-height: 1.65;
}

/* RIGHT PANEL */
.unione-right-panel {
    padding: 48px 52px;
    max-width: 760px;
}

@media (max-width: 1024px) {
    .unione-right-panel {
        padding: 32px 32px;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .unione-right-panel {
        padding: 24px 20px;
    }
}

.unione-form-step {
    display: none;
    animation: fadeUp 0.3s ease both;
}

.unione-form-step.active {
    display: block;
}

.unione-step-header {
    margin-bottom: 32px;
}

@media (max-width: 768px) {
    .unione-step-header {
        margin-bottom: 24px;
    }
}

.unione-step-tag {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.unione-step-tag::before {
    content: '';
    width: 16px;
    height: 1px;
    background: var(--gold);
}

.unione-step-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(22px, 4vw, 28px);
    font-weight: 700;
    color: var(--ink);
    letter-spacing: -0.02em;
    margin-bottom: 8px;
}

.unione-step-sub {
    font-size: 13px;
    color: var(--ink-mute);
    line-height: 1.7;
    font-weight: 300;
}

/* FORM ELEMENTS */
.unione-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

@media (max-width: 640px) {
    .unione-form-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

.unione-form-grid.full {
    grid-template-columns: 1fr;
}

.unione-field-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.unione-field-label {
    font-size: 12px;
    font-weight: 500;
    color: var(--ink-mid);
}

.unione-field-label .req {
    color: var(--gold);
    margin-left: 2px;
}

.unione-field-input,
.unione-field-select,
.unione-field-textarea {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-md);
    padding: 11px 14px;
    font-size: 13px;
    color: var(--ink);
    font-family: 'Inter', sans-serif;
    transition: all 0.2s;
    width: 100%;
}

.unione-field-input:focus,
.unione-field-select:focus,
.unione-field-textarea:focus {
    outline: none;
    border-color: var(--slate);
    box-shadow: 0 0 0 3px rgba(42,53,69,0.06);
}

.unione-field-textarea {
    resize: vertical;
    line-height: 1.65;
}

.unione-form-section {
    margin-bottom: 32px;
}

.unione-form-section-title {
    font-size: 14px;
    font-weight: 500;
    color: var(--ink);
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 0.5px solid var(--border);
    display: flex;
    align-items: center;
    gap: 8px;
}

.unione-form-section-num {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--slate);
    color: var(--parchment);
    font-size: 10px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* OPTION CARDS */
.unione-option-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-bottom: 20px;
}

@media (max-width: 640px) {
    .unione-option-grid {
        grid-template-columns: 1fr;
    }
}

.unione-option-card {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-lg);
    padding: 18px;
    cursor: pointer;
    transition: all 0.15s;
    text-align: center;
}

.unione-option-card:hover {
    border-color: var(--slate-mid);
}

.unione-option-card.selected {
    border: 1.5px solid var(--slate);
    background: rgba(42,53,69,0.03);
}

.unione-option-card.gold-selected {
    border: 1.5px solid var(--gold);
    background: var(--gold-pale);
}

.unione-option-card-icon {
    font-size: 22px;
    margin-bottom: 8px;
}

.unione-option-card-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 4px;
}

.unione-option-card-desc {
    font-size: 11px;
    color: var(--ink-mute);
    line-height: 1.5;
}

/* RADIO GROUP */
.unione-radio-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.unione-radio-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px;
    border-radius: var(--r-md);
    border: 0.5px solid var(--border);
    cursor: pointer;
    transition: all 0.15s;
    background: var(--white);
}

.unione-radio-item:hover {
    border-color: var(--slate-mid);
    background: var(--ivory);
}

.unione-radio-item.selected {
    border-color: var(--slate);
    background: rgba(42,53,69,0.04);
}

.unione-radio-dot {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1.5px solid var(--border);
    flex-shrink: 0;
    margin-top: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.unione-radio-item.selected .unione-radio-dot {
    border-color: var(--slate);
    background: var(--slate);
}

.unione-radio-item.selected .unione-radio-dot::after {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
}

.unione-radio-label {
    font-size: 13px;
    font-weight: 500;
    color: var(--ink);
    margin-bottom: 2px;
}

.unione-radio-desc {
    font-size: 12px;
    color: var(--ink-mute);
    line-height: 1.5;
}

/* FILE UPLOAD */
.unione-upload-zone {
    background: var(--white);
    border: 1.5px dashed var(--border);
    border-radius: var(--r-lg);
    padding: 32px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s;
}

.unione-upload-zone:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

.unione-upload-icon {
    font-size: 28px;
    margin-bottom: 10px;
    color: var(--ink-mute);
}

.unione-upload-title {
    font-size: 14px;
    font-weight: 500;
    color: var(--ink);
    margin-bottom: 4px;
}

.unione-upload-desc {
    font-size: 12px;
    color: var(--ink-mute);
}

.unione-upload-files {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
}

.unione-upload-file {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--ivory);
    border-radius: var(--r-md);
    padding: 10px 14px;
    font-size: 13px;
    color: var(--ink);
}

.unione-file-remove {
    margin-left: auto;
    cursor: pointer;
    color: var(--ink-mute);
    font-size: 16px;
}

/* DECLARATION */
.unione-declaration {
    background: var(--gold-pale);
    border: 0.5px solid rgba(196,169,106,0.3);
    border-radius: var(--r-lg);
    padding: 20px 24px;
    margin-bottom: 24px;
}

.unione-declaration-title {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #7A6030;
    margin-bottom: 8px;
}

.unione-declaration-text {
    font-size: 13px;
    color: #6A4A20;
    line-height: 1.7;
}

.unione-checkbox-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 16px;
    cursor: pointer;
}

.unione-checkbox {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1.5px solid var(--border);
    flex-shrink: 0;
    margin-top: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
}

.unione-checkbox.checked {
    background: var(--slate);
    border-color: var(--slate);
}

.unione-checkbox.checked::after {
    content: '✓';
    font-size: 11px;
    color: #fff;
    font-weight: 700;
}

.unione-checkbox-label {
    font-size: 13px;
    color: var(--ink-mid);
    line-height: 1.55;
}

/* NAV BUTTONS */
.unione-form-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 36px;
    padding-top: 24px;
    border-top: 0.5px solid var(--border);
}

.unione-btn-back {
    font-size: 13px !important;
    color: var(--ink-mute)!important;
    background: transparent!important;
    border: none!important;
    cursor: pointer!important;
    font-family: 'Inter', sans-serif!important;
    display: flex!important;
    align-items: center!important;
    gap: 6px!important;
}

.unione-btn-back:hover {
    color: var(--slate)!important;
}

.unione-btn-next,
.unione-btn-gold {
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 12px 32px !important;
    border-radius: var(--r-md) !important;
    border: none !important;
    cursor: pointer !important;
    font-family: 'Inter', sans-serif !important;
    transition: all 0.2s !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.unione-btn-next {
    background: var(--slate) !important;
    color: var(--parchment) !important;
}

.unione-btn-next:hover {
    background: var(--slate-deep) !important;
    transform: translateY(-1px) !important;
}

.unione-btn-gold {
    background: var(--gold) !important;
    color: var(--obsidian) !important;
}

.unione-btn-gold:hover {
    background: #B89858 !important;
    transform: translateY(-1px) !important;
}

/* SUCCESS */
.unione-success-wrap {
    text-align: center;
    padding: 40px 20px;
    animation: fadeUp 0.5s ease both;
}

.unione-success-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: var(--green-bg);
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    animation: checkPop 0.4s ease both;
}

.unione-success-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(24px, 4vw, 32px);
    font-weight: 700;
    color: var(--ink);
    letter-spacing: -0.02em;
    margin-bottom: 12px;
}

.unione-success-sub {
    font-size: 14px;
    color: var(--ink-mute);
    line-height: 1.7;
    max-width: 480px;
    margin: 0 auto 30px;
}

.unione-success-ref {
    background: var(--slate);
    color: var(--parchment);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    border-radius: var(--r-lg);
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin-bottom: 30px;
    flex-wrap: wrap;
    justify-content: center;
}

.unione-success-ref span {
    color: var(--gold);
}

.unione-success-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-bottom: 30px;
    text-align: left;
}

@media (max-width: 768px) {
    .unione-success-steps {
        grid-template-columns: 1fr;
    }
}

.unione-success-step {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-lg);
    padding: 16px;
}

.unione-ss-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 8px;
}

.unione-ss-title {
    font-size: 14px;
    font-weight: 500;
    color: var(--ink);
    margin-bottom: 4px;
}

.unione-ss-desc {
    font-size: 12px;
    color: var(--ink-mute);
    line-height: 1.55;
}

/* Error Messages */
.unione-error-msg {
    background: #FEF2F0;
    border: 1px solid #F4A5A5;
    border-radius: var(--r-md);
    padding: 12px 16px;
    margin-bottom: 20px;
    color: #C73E3E;
    font-size: 13px;
    display: none;
}

.unione-error-msg.show {
    display: block;
    animation: slideDown 0.3s ease;
}

.unione-field-hint {
    font-size: 11px;
    color: var(--ink-mute);
    margin-top: 4px;
}

.unione-field-char-count {
    font-size: 11px;
    color: var(--ink-mute);
    text-align: right;
    margin-top: 4px;
}

.unione-editor-container .wp-editor-container {
    border: 0.5px solid var(--border);
    border-radius: var(--r-md);
}

.unione-field-error {
    border-color: #C73E3E !important;
    background: #FFF5F5 !important;
}

.unione-error-text {
    color: #C73E3E;
    font-size: 11px;
    margin-top: 4px;
    display: block;
}

.unione-btn-primary {
    padding: 12px 28px;
    background: var(--slate);
    color: var(--parchment);
    text-decoration: none;
    border-radius: var(--r-md);
    display: inline-block;
}

.unione-btn-outline {
    padding: 12px 28px;
    border: 0.5px solid var(--border);
    border-radius: var(--r-md);
    text-decoration: none;
    color: var(--ink);
    display: inline-block;
}

@media (max-width: 480px) {
    .unione-btn-primary,
    .unione-btn-outline {
        width: 100%;
        text-align: center;
        padding: 10px 20px;
    }
    .unione-form-nav {
        flex-direction: column;
        gap: 12px;
    }
    .unione-btn-next,
    .unione-btn-gold,
    .unione-btn-back {
        width: 100%;
        justify-content: center;
    }
}
/* ============================================
UNIONE™ ENFORCEABILITY PREDICTOR - COMPLETE CSS
============================================ */

/* Reset & Base Styles */
.unione-predictor-wrap *,
.unione-predictor-wrap *::before,
.unione-predictor-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:root {
    --gold: #C4A96A;
}

.unione-predictor-wrap {
    --slate: #0a0b0c;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --green: #1A7A4A;
    --green-bg: #E6F4EE;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
    font-family: 'Inter Tight', sans-serif;
    color: var(--ink);
    background: var(--parchment);
    scroll-behavior: smooth;
}

/* Animations */
@keyframes unione-pulse-dot {
    0%, 100% { opacity: 1; }
    50% { opacity: .5; }
}

@keyframes unione-shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

@keyframes unione-spin {
    to { transform: rotate(360deg); }
}

@keyframes unione-fadeUp {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Hero Section */
.unione-hero {
    background: var(--obsidian);
    padding: 150px 52px 64px 52px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.unione-hero::before {
    content: '▲';
    position: absolute;
    font-size: 360px;
    color: rgba(255,255,255,.015);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.unione-hero-inner {
    max-width: 680px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.unione-hero-tag {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.unione-hero-tag::before,
.unione-hero-tag::after {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--gold);
}

.unione-hero-tag a {
    color: var(--gold);
    text-decoration: none !important;
}

.unione-hero-tag a:hover {
    text-decoration: underline;
}

.unione-hero h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(28px, 4vw, 46px);
    font-weight: 700;
    color: var(--parchment);
    letter-spacing: -.03em;
    line-height: 1.05;
    margin-bottom: 14px;
}

.unione-hero h1 span {
    background: linear-gradient(135deg, #C4A96A, #F0DFA0, #C4A96A);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: unione-shimmer 4s linear infinite;
}

.unione-hero-sub {
    font-size: 15px;
    color: rgba(255,255,255,.45);
    line-height: 1.7;
    margin: 0 auto 24px;
    font-weight: 300;
    max-width: 520px;
}

.unione-ai-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(196,169,106,.1);
    border: .5px solid rgba(196,169,106,.2);
    border-radius: 100px;
    padding: 7px 16px;
    font-size: 12px;
    color: var(--gold);
}

.unione-ai-status a {
    color: var(--gold);
    text-decoration: none !important;
}

.unione-ai-status a:hover {
    text-decoration: none !important;
}

.unione-ai-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--green);
    animation: unione-pulse-dot 1.5s ease-in-out infinite;
}

/* Main Content */
.unione-main {
    max-width: 1100px;
    margin: 0 auto;
    padding: 48px 52px 80px;
}

/* Configuration Card */
.unione-config-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 32px;
    margin-bottom: 20px;
}

.unione-cc-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 6px;
}

.unione-cc-sub {
    font-size: 14px;
    color: var(--ink-mute);
    margin-bottom: 24px;
}

.unione-config-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-bottom: 24px;
}

.unione-field-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.unione-field-label {
    font-size: 12px;
    font-weight: 500;
    color: var(--ink-mid);
}

.unione-field-select {
    background: var(--ivory);
    border: .5px solid var(--border);
    border-radius: var(--r-md);
    padding: 10px 14px;
    font-size: 13px;
    color: var(--ink);
    font-family: 'Inter Tight', sans-serif;
    cursor: pointer;
    width: 100%;
}

.unione-field-select:focus {
    outline: none;
    border-color: var(--slate);
}

.unione-juris-label {
    font-size: 12px;
    font-weight: 500;
    color: var(--ink-mid);
    margin-bottom: 10px;
}

.unione-juris-selector {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
    margin-bottom: 24px;
}

.unione-juris-btn {
    padding: 10px 8px;
    border-radius: var(--r-md);
    border: .5px solid var(--border);
    background: var(--white);
    font-size: 12px;
    font-weight: 500;
    color: var(--ink-mid);
    cursor: pointer;
    transition: all .15s;
    text-align: center;
    font-family: 'Inter Tight', sans-serif;
}

.unione-juris-btn:hover {
    border-color: var(--slate);
}

.unione-juris-btn.selected {
    background: var(--slate);
    color: var(--parchment);
    border-color: var(--slate);
}

.unione-juris-flag {
    font-size: 20px;
    display: block;
    margin-bottom: 4px;
}

/* Predict Button */
.unione-predict-btn {
    background: var(--gold);
    color: var(--obsidian);
    border: none;
    border-radius: var(--r-md);
    padding: 14px 40px;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Inter Tight', sans-serif;
    cursor: pointer;
    transition: all .2s;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.unione-predict-btn:hover {
    background: #B89858;
    transform: translateY(-1px);
}

.unione-predict-btn:disabled {
    opacity: .5;
    cursor: not-allowed;
    transform: none;
}

/* Spinner */
.unione-spinner {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(0,0,0,.2);
    border-top-color: var(--obsidian);
    border-radius: 50%;
    animation: unione-spin .6s linear infinite;
    display: none;
}

/* Results Grid */
.unione-results-grid {
    display: none;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-top: 24px;
}

.unione-results-grid.visible {
    display: grid;
    animation: unione-fadeUp .4s ease both;
}

/* Jurisdiction Card */
.unione-jcard {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    overflow: hidden;
    transition: all .2s;
}

.unione-jcard:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 32px rgba(42,53,69,.07);
}

.unione-jcard-header {
    padding: 18px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: .5px solid var(--border);
}

.unione-jcard-flag {
    font-size: 22px;
}

.unione-jcard-country {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    margin-top: 4px;
}

.unione-score-badge {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 100px;
}

.unione-score-high {
    background: var(--green-bg);
    color: var(--green);
}

.unione-score-med {
    background: rgba(196,169,106,.15);
    color: #9C5A1A;
}

.unione-score-low {
    background: rgba(192,57,43,.1);
    color: #C0392B;
}

.unione-jcard-body {
    padding: 16px 20px;
}

.unione-framework-label {
    font-size: 11px;
    color: var(--ink-mute);
    margin-bottom: 6px;
}

/* Progress Bar */
.unione-jbar {
    height: 6px;
    background: var(--ivory);
    border-radius: 3px;
    margin-bottom: 12px;
    overflow: hidden;
}

.unione-jbar-fill {
    height: 100%;
    border-radius: 3px;
    width: 0;
    transition: width 1.2s ease;
}

.unione-jbar-fill.high {
    background: var(--green);
}

.unione-jbar-fill.med {
    background: var(--gold);
}

.unione-jbar-fill.low {
    background: #C0392B;
}

/* Checks List */
.unione-jcard-checks {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.unione-jcheck {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--ink-mid);
}

.unione-jcheck-dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8px;
}

.unione-jcheck-dot.pass {
    background: var(--green-bg);
    color: var(--green);
}

.unione-jcheck-dot.warn {
    background: rgba(196,169,106,.15);
    color: #9C5A1A;
}

.unione-jcheck-dot.fail {
    background: rgba(192,57,43,.1);
    color: #C0392B;
}

/* Note */
.unione-jcard-note {
    margin-top: 12px;
    padding: 10px 12px;
    background: var(--gold-pale);
    border-radius: var(--r-md);
    font-size: 12px;
    color: #6A4A20;
    line-height: 1.55;
    display: block;
}

/* ERR Link */
.unione-err-link {
    margin-top: 16px;
    text-align: center;
    font-size: 13px;
}

.unione-err-link a {
    color: var(--gold);
    text-decoration: none !important;
    font-weight: 500;
}

.unione-err-link a:hover {
    text-decoration: underline;
}

/* Responsive Breakpoints */
@media (max-width: 900px) {
    .unione-hero {
        padding: 120px 20px 48px 20px;
    }
    .unione-main {
        padding: 24px 20px 60px;
    }
    .unione-config-grid {
        grid-template-columns: 1fr 1fr;
    }
    .unione-juris-selector {
        grid-template-columns: repeat(3, 1fr);
    }
    .unione-results-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .unione-config-grid {
        grid-template-columns: 1fr;
    }
    .unione-juris-selector {
        grid-template-columns: repeat(2, 1fr);
    }
    .unione-hero {
        padding: 100px 16px 40px 16px;
    }
}
/* ============================================
   UNIONE ENFORCEMENT READINESS REVIEW (ERR)
   Complete External CSS
   ============================================ */

/* Font Import */
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@300;400;500;600;700;800&display=swap');

/* Root Variables */
.unerr-wrap {
    --slate: #0a0b0c;
    --slate-deep: #1C2534;
    --slate-mid: #3D4F63;
    --slate-light: #8A99AA;
    --gold: #C4A96A;
    --gold-light: #E8D9B0;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #FFFFFF;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --green: #1A7A4A;
    --green-bg: #E6F4EE;
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
}

.unerr-wrap *,
.unerr-wrap *::before,
.unerr-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #C4A96A;
    text-decoration: none !important;
}

.unerr-wrap {
    font-family: 'Inter Tight', sans-serif;
    background: var(--parchment);
    color: var(--ink);
}

/* Animations */
@keyframes unerr-fadeUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes unerr-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(.7); }
}

@keyframes unerr-shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

/* HERO – with 150px top padding */
.unerr-hero {
    background: var(--obsidian);
    padding: 150px 52px 80px 52px;
    position: relative;
    overflow: hidden;
}

.unerr-hero::before {
    content: 'ERR';
    position: absolute;
    font-family: 'Inter Tight', sans-serif;
    font-size: 320px;
    font-weight: 700;
    color: rgba(255,255,255,0.02);
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    letter-spacing: -0.02em;
}

.unerr-hero-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 20px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.unerr-hero-tag {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.unerr-hero-tag::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--gold);
}

.unerr-hero h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(34px, 4vw, 54px);
    font-weight: 700;
    color: var(--parchment);
    letter-spacing: -0.03em;
    line-height: 1.05;
    margin-bottom: 20px;
}

.unerr-hero h1 span {
    background: linear-gradient(135deg, #C4A96A, #F0DFA0, #C4A96A);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: unerr-shimmer 4s linear infinite;
}

.unerr-hero-sub {
    font-size: 16px;
    color: rgba(255,255,255,0.45);
    font-weight: 300;
    line-height: 1.75;
    margin-bottom: 32px;
}

.unerr-pills {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 36px;
}

.unerr-pill {
    font-size: 11px;
    font-weight: 500;
    padding: 5px 14px;
    border-radius: 100px;
    background: rgba(255,255,255,0.05);
    border: 0.5px solid rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.5);
    letter-spacing: 0.04em;
}

.unerr-pill.gold {
    background: rgba(196,169,106,0.15);
    border-color: rgba(196,169,106,0.3);
    color: var(--gold);
}

.unerr-pill a {
    color: inherit;
    text-decoration: none !important;
}

.unerr-pill a:hover {
    text-decoration: underline;
}

.unerr-hero-btns {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* Buttons - box style */
.unerr-btn-gold,
.unerr-btn-outline {
    display: inline-block;
    padding: 12px 32px;
    border-radius: var(--r-md);
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    transition: all 0.2s;
    cursor: pointer;
    border: none;
}

.unerr-btn-gold {
    background: var(--gold);
    color: var(--obsidian);
}

.unerr-btn-gold:hover {
    background: #B89858;
    transform: translateY(-1px);
}

.unerr-btn-outline {
    background: transparent;
    border: 0.5px solid rgba(255,255,255,0.3);
    color: rgba(255,255,255,0.8);
}

.unerr-btn-outline:hover {
    background: rgba(255,255,255,0.05);
    border-color: var(--gold);
    color: var(--gold);
}

/* CERT PREVIEW */
.unerr-cert-preview {
    background: rgba(255,255,255,0.04);
    border: 0.5px solid rgba(196,169,106,0.2);
    border-radius: var(--r-xl);
    overflow: hidden;
}

.unerr-cert-hdr {
    background: rgba(196,169,106,0.1);
    padding: 20px 24px;
    border-bottom: 0.5px solid rgba(196,169,106,0.15);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.unerr-cert-hdr-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--parchment);
}

.unerr-cert-hdr-sub {
    font-size: 11px;
    color: rgba(255,255,255,0.35);
    margin-top: 2px;
}

.unerr-cert-issued {
    background: rgba(196,169,106,0.2);
    border: 0.5px solid var(--gold);
    color: var(--gold);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 5px 12px;
    border-radius: 100px;
}

.unerr-cert-rows {
    padding: 4px 0;
}

.unerr-cert-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 24px;
    border-bottom: 0.5px solid rgba(255,255,255,0.05);
    transition: background 0.15s;
}

.unerr-cert-row:last-child {
    border-bottom: none;
}

.unerr-cert-row:hover {
    background: rgba(255,255,255,0.03);
}

.unerr-cert-icon {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.unerr-cert-icon.pass {
    background: rgba(26,122,74,0.2);
}

.unerr-cert-icon.advisory {
    background: rgba(196,169,106,0.15);
}

.unerr-cert-row-text {
    flex: 1;
    font-size: 13px;
    color: rgba(255,255,255,0.65);
}

.unerr-cert-row-status {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.unerr-cert-row-status.pass {
    color: var(--green);
}

.unerr-cert-row-status.advisory {
    color: var(--gold);
}

.unerr-cert-footer {
    padding: 16px 24px;
    border-top: 0.5px solid rgba(255,255,255,0.05);
    font-size: 11px;
    color: rgba(255,255,255,0.25);
    line-height: 1.6;
}

.unerr-cert-footer a {
    color: rgba(255,255,255,0.4);
    text-decoration: none !important;
}

.unerr-cert-footer a:hover {
    color: var(--gold);
    text-decoration: underline;
}

/* STATS */
.unerr-stats {
    background: var(--ivory);
    border-top: 0.5px solid var(--border);
    border-bottom: 0.5px solid var(--border);
    padding: 40px 52px;
}

.unerr-stats-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
    text-align: center;
}

.unerr-stat-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 44px;
    font-weight: 700;
    color: var(--slate);
    letter-spacing: -0.04em;
    line-height: 1;
}

.unerr-stat-lbl {
    font-size: 13px;
    color: var(--ink-mute);
    margin-top: 6px;
}

/* SECTION */
.unerr-section {
    padding: 80px 52px;
}

.unerr-section-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.unerr-section-tag {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.unerr-section-tag::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--gold);
}

.unerr-section-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(26px, 3vw, 40px);
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 1.1;
    color: var(--ink);
    margin-bottom: 16px;
}

.unerr-section-sub {
    font-size: 16px;
    color: var(--ink-mute);
    line-height: 1.75;
    max-width: 560px;
    font-weight: 300;
}

.unerr-divider {
    height: 0.5px;
    background: var(--border);
    margin: 0 52px;
}

/* PROBLEM */
.unerr-prob-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 48px;
}

.unerr-prob-card {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 32px;
}

.unerr-prob-card.red {
    border-left: 3px solid #C0392B;
    background: #FEFAFA;
}

.unerr-prob-card.green {
    border-left: 3px solid var(--green);
    background: #FAFEF9;
}

.unerr-prob-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 0.5px solid var(--border);
}

.unerr-prob-label.red {
    color: #C0392B;
}

.unerr-prob-label.green {
    color: var(--green);
}

.unerr-prob-items {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.unerr-prob-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.6;
}

.unerr-prob-item .cross {
    color: #C0392B;
    flex-shrink: 0;
}

.unerr-prob-item .check {
    color: var(--green);
    flex-shrink: 0;
}

/* TIMELINE */
.unerr-timeline {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 48px;
    position: relative;
}

.unerr-timeline::before {
    content: '';
    position: absolute;
    left: 24px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: var(--border);
}

.unerr-tl-item {
    display: flex;
    gap: 28px;
    padding-bottom: 40px;
    position: relative;
}

.unerr-tl-item:last-child {
    padding-bottom: 0;
}

.unerr-tl-dot {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    font-weight: 700;
    background: var(--white);
    border: 0.5px solid var(--border);
    z-index: 1;
    transition: all 0.2s;
    cursor: pointer;
}

.unerr-tl-dot:hover {
    background: var(--slate);
    color: var(--gold);
    border-color: var(--slate);
}

.unerr-tl-dot.gold {
    background: var(--gold);
    color: var(--obsidian);
    border-color: var(--gold);
}

.unerr-tl-content {
    flex: 1;
    padding-top: 10px;
}

.unerr-tl-step {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 6px;
}

.unerr-tl-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 8px;
    letter-spacing: -0.01em;
}

.unerr-tl-desc {
    font-size: 14px;
    color: var(--ink-mute);
    line-height: 1.7;
    font-weight: 300;
    max-width: 560px;
}

.unerr-tl-tags {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 12px;
}

.unerr-tl-tag {
    font-size: 11px;
    font-weight: 500;
    padding: 4px 10px;
    border-radius: 100px;
    background: var(--ivory);
    color: var(--slate-mid);
    border: 0.5px solid var(--border);
}

.unerr-tl-tag a {
    color: inherit;
    text-decoration: none !important;
}

.unerr-tl-tag a:hover {
    text-decoration: underline;
}

/* CHECKPOINTS */
.unerr-cp-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-top: 48px;
}

.unerr-cp-card {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 28px;
    transition: all 0.2s;
    cursor: pointer;
}

.unerr-cp-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 48px rgba(42,53,69,0.08);
    border-color: rgba(42,53,69,0.2);
}

.unerr-cp-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 14px;
}

.unerr-cp-icon {
    font-size: 24px;
    margin-bottom: 12px;
}

.unerr-cp-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 8px;
    letter-spacing: -0.01em;
}

.unerr-cp-desc {
    font-size: 13px;
    color: var(--ink-mute);
    line-height: 1.65;
}

.unerr-cp-result {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 0.5px solid var(--border);
    font-size: 12px;
    font-weight: 500;
}

.unerr-cp-result.pass {
    color: var(--green);
}

.unerr-cp-result.advisory {
    color: #9C5A1A;
}

/* JMAP */
.unerr-jmap {
    background: var(--slate);
    padding: 80px 52px;
}

.unerr-jmap-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.unerr-jmap-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 48px;
}

.unerr-jmap-card {
    background: rgba(255,255,255,0.04);
    border: 0.5px solid rgba(255,255,255,0.08);
    border-radius: var(--r-lg);
    padding: 20px;
    cursor: pointer;
    transition: all 0.2s;
}

.unerr-jmap-card:hover {
    background: rgba(255,255,255,0.08);
}

.unerr-jmap-flag {
    font-size: 22px;
    margin-bottom: 10px;
}

.unerr-jmap-country {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--parchment);
    margin-bottom: 4px;
}

.unerr-jmap-fw {
    font-size: 12px;
    color: rgba(255,255,255,0.4);
    margin-bottom: 12px;
}

.unerr-jmap-bar {
    height: 4px;
    background: rgba(255,255,255,0.08);
    border-radius: 2px;
    overflow: hidden;
}

.unerr-jmap-fill {
    height: 100%;
    border-radius: 2px;
    background: var(--gold);
    width: 0;
    transition: width 1s ease;
}

.unerr-jmap-score {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
}

.unerr-jmap-slbl {
    font-size: 11px;
    color: rgba(255,255,255,0.3);
}

.unerr-jmap-sval {
    font-size: 13px;
    font-weight: 600;
    color: var(--gold);
}

.unerr-jmap-status {
    font-size: 10px;
    font-weight: 500;
    padding: 2px 8px;
    border-radius: 100px;
    background: rgba(26,122,74,0.2);
    color: var(--green);
    margin-top: 8px;
    display: inline-block;
}

/* CERT SPECIMEN */
.unerr-cert-specimen {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    overflow: hidden;
    max-width: 640px;
    margin: 48px auto 0;
}

.unerr-cs-header {
    background: var(--slate);
    padding: 28px 36px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.unerr-cs-logo {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.2em;
    color: var(--parchment);
    text-decoration: none !important;
}

.unerr-cs-logo:hover {
    color: var(--gold);
}

.unerr-cs-logo-sub {
    font-size: 10px;
    color: rgba(255,255,255,0.35);
    margin-top: 2px;
    letter-spacing: 0.06em;
}

.unerr-cs-badge {
    margin-left: auto;
    background: rgba(196,169,106,0.2);
    border: 0.5px solid var(--gold);
    color: var(--gold);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 6px 16px;
    border-radius: 100px;
}

.unerr-cs-body {
    padding: 32px 36px;
}

.unerr-cs-case {
    font-size: 12px;
    color: var(--ink-mute);
    margin-bottom: 6px;
}

.unerr-cs-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--ink);
    letter-spacing: -0.02em;
    margin-bottom: 24px;
}

.unerr-cs-rows {
    border: 0.5px solid var(--border);
    border-radius: var(--r-lg);
    overflow: hidden;
    margin-bottom: 24px;
}

.unerr-cs-row {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 20px;
    border-bottom: 0.5px solid var(--border);
}

.unerr-cs-row:last-child {
    border-bottom: none;
}

.unerr-cs-chk {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.unerr-cs-chk.g {
    background: var(--green-bg);
}

.unerr-cs-chk.a {
    background: rgba(196,169,106,0.12);
}

.unerr-cs-row-lbl {
    flex: 1;
    font-size: 13px;
    color: var(--ink);
}

.unerr-cs-row-res {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.unerr-cs-row-res.pass {
    color: var(--green);
}

.unerr-cs-row-res.adv {
    color: #9C5A1A;
}

.unerr-cs-note {
    background: var(--gold-pale);
    border: 0.5px solid rgba(196,169,106,0.3);
    border-radius: var(--r-md);
    padding: 14px 18px;
    font-size: 12px;
    color: #6A4A20;
    line-height: 1.65;
    margin-bottom: 20px;
}

.unerr-cs-sig {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.unerr-cs-sig-block {
    text-align: center;
}

.unerr-cs-sig-line {
    width: 140px;
    height: 0.5px;
    background: var(--border);
    margin-bottom: 6px;
}

.unerr-cs-sig-name {
    font-size: 11px;
    color: var(--ink-mute);
}

.unerr-cs-sig-role {
    font-size: 10px;
    color: var(--ink-mute);
    margin-top: 2px;
}

/* CTA */
.unerr-cta {
    background: var(--obsidian);
    padding: 80px 52px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.unerr-cta::before {
    content: 'ENFORCE';
    position: absolute;
    font-family: 'Inter Tight', sans-serif;
    font-size: 200px;
    font-weight: 700;
    color: rgba(255,255,255,0.02);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    white-space: nowrap;
    letter-spacing: 0.1em;
}

.unerr-cta-inner {
    max-width: 640px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.unerr-cta h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: var(--parchment);
    letter-spacing: -0.03em;
    line-height: 1.1;
    margin-bottom: 16px;
}

.unerr-cta p {
    font-size: 15px;
    color: rgba(255,255,255,0.4);
    line-height: 1.7;
    margin-bottom: 36px;
    font-weight: 300;
}

.unerr-cta-btns {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

/* RESPONSIVE */
@media (max-width: 900px) {
    .unerr-hero {
        padding: 120px 20px 48px 20px;
    }
    .unerr-hero-inner {
        grid-template-columns: 1fr;
        gap: 48px;
    }
    .unerr-section {
        padding: 56px 20px;
    }
    .unerr-divider {
        margin: 0 20px;
    }
    .unerr-stats {
        padding: 40px 20px;
    }
    .unerr-stats-inner {
        grid-template-columns: 1fr 1fr;
    }
    .unerr-prob-grid {
        grid-template-columns: 1fr;
    }
    .unerr-cp-grid {
        grid-template-columns: 1fr;
    }
    .unerr-jmap {
        padding: 56px 20px;
    }
    .unerr-jmap-grid {
        grid-template-columns: 1fr;
    }
    .unerr-cta {
        padding: 56px 20px;
    }
    .unerr-cs-header {
        flex-direction: column;
        align-items: flex-start;
    }
    .unerr-cs-badge {
        margin-left: 0;
    }
}

@media (max-width: 520px) {
    .unerr-hero {
        padding: 100px 16px 40px 16px;
    }
    .unerr-cs-header {
        padding: 20px;
    }
    .unerr-cs-body {
        padding: 20px;
    }
}

/* ============================================
   UNIONE MODEL CLAUSES - Complete External CSS
   ============================================ */

/* Scoped to .unione-clauses-wrap to avoid theme conflicts */
.unione-clauses-wrap *,
.unione-clauses-wrap *::before,
.unione-clauses-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-clauses-wrap {
    --slate: #0a0b0c;
    --slate-deep: #1C2534;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-light: #E8D9B0;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --green: #1A7A4A;
    --green-bg: #E6F4EE;
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
    font-family: 'Inter Tight', sans-serif;
    color: var(--ink);
    background: var(--parchment);
    scroll-behavior: smooth;
}

/* ── Animations ─────────────────────────────────────────── */
@keyframes unione-pulse-dot { 
    0%,100%{opacity:1;transform:scale(1)} 
    50%{opacity:.5;transform:scale(.7)} 
}
@keyframes unione-shimmer { 
    0%{background-position:-200% center} 
    100%{background-position:200% center} 
}
@keyframes unione-fadeUp { 
    from{opacity:0;transform:translateY(14px)} 
    to{opacity:1;transform:translateY(0)} 
}

/* ── Hero ───────────────────────────────────────────────── */
.unione-hero {
    background: var(--slate);
    padding: 72px 52px;
    position: relative;
    overflow: hidden;
}
.unione-hero::before {
    content: '"..."';
    position: absolute;
    font-family: 'Inter Tight', sans-serif;
    font-size: 260px;
    font-weight: 700;
    color: rgba(255,255,255,.025);
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    letter-spacing: -.05em;
}
.unione-hero-inner-clauses {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 64px;
    /* align-items: center; */
    position: relative;
    z-index: 1;
}
.unione-hero-tag {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.unione-hero-tag::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--gold);
}
.unione-hero h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(30px, 3.5vw, 50px);
    font-weight: 700;
    color: var(--parchment);
    letter-spacing: -.03em;
    line-height: 1.05;
    margin-bottom: 16px;
}
.unione-hero h1 span {
    background: linear-gradient(135deg,#C4A96A,#F0DFA0,#C4A96A);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: unione-shimmer 4s linear infinite;
}
.unione-hero-sub {
    font-size: 15px;
    color: rgba(255,255,255,.5);
    font-weight: 300;
    line-height: 1.75;
    margin-bottom: 28px;
}
.unione-hero-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
/* Button box styles */
.unione-btn-gold, .unione-btn-outline {
    display: inline-block;
    padding: 12px 28px;
    border-radius: var(--r-md);
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    transition: all 0.2s;
    cursor: pointer;
    border: none;
}
.unione-btn-gold {
    background: var(--gold);
    color: var(--obsidian);
}
.unione-btn-gold:hover {
    background: #B89858;
    transform: translateY(-1px);
}
.unione-btn-outline {
    background: transparent;
    border: 0.5px solid rgba(255,255,255,0.3);
    color: rgba(255,255,255,0.8);
}
.unione-btn-outline:hover {
    background: rgba(255,255,255,0.05);
    border-color: var(--gold);
    color: var(--gold);
}
.unione-hero-aside {
    background: rgba(255,255,255,.04);
    border: .5px solid rgba(196,169,106,.2);
    border-radius: var(--r-xl);
    padding: 28px;
}
.unione-ha-title {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(255,255,255,.35);
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: .5px solid rgba(255,255,255,.07);
}
.unione-ha-items {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.unione-ha-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    color: rgba(255,255,255,.5);
}
.unione-ha-item::before {
    content: '✓';
    color: var(--gold);
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 1px;
}

/* ── Main layout ───────────────────────────────────────── */
.unione-main-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 52px 52px 80px;
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 36px;
    align-items: start;
}

/* ── Sidebar ───────────────────────────────────────────── */
.unione-sidebar {
    position: sticky;
    top: 88px;
}
.unione-sb-title {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}
.unione-sb-items {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.unione-sb-item {
    font-size: 13px;
    color: var(--ink-mid);
    padding: 8px 12px;
    border-radius: var(--r-sm);
    cursor: pointer;
    transition: all .15s;
    text-decoration: none !important;
    display: block;
}
.unione-sb-item:hover {
    background: var(--ivory);
    color: var(--slate);
}
.unione-sb-item.active {
    background: var(--slate);
    color: var(--parchment);
    font-weight: 500;
}
.unione-sb-divider {
    height: .5px;
    background: var(--border);
    margin: 10px 0;
}
.unione-sb-cta {
    background: var(--gold);
    border-radius: var(--r-lg);
    padding: 16px;
    text-align: center;
    margin-top: 16px;
}
.unione-sb-cta-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--obsidian);
    margin-bottom: 6px;
}
.unione-sb-cta-sub {
    font-size: 11px;
    color: rgba(20,24,32,.6);
    margin-bottom: 12px;
    line-height: 1.5;
}
.unione-sb-cta-btn {
    font-size: 12px;
    font-weight: 600;
    background: var(--obsidian);
    color: var(--gold);
    border: none;
    border-radius: var(--r-sm);
    padding: 7px 16px;
    cursor: pointer;
    font-family: 'Inter Tight', sans-serif;
    width: 100%;
    transition: all .2s;
}
.unione-sb-cta-btn:hover {
    background: #0a0b0c;
}

/* ── Clause Library ───────────────────────────────────── */
.unione-clause-section {
    margin-bottom: 48px;
}
.unione-cs-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
    padding-bottom: 14px;
    border-bottom: .5px solid var(--border);
    flex-wrap: wrap;
}
.unione-cs-tag {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--gold);
    background: var(--gold-pale);
    padding: 4px 12px;
    border-radius: 100px;
    border: .5px solid rgba(196,169,106,.3);
    flex-shrink: 0;
}
.unione-cs-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: var(--ink);
    letter-spacing: -.01em;
}
.unione-clause-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    margin-bottom: 12px;
    overflow: hidden;
    transition: border-color .2s;
}
.unione-clause-card:hover {
    border-color: rgba(42,53,69,.2);
}
.unione-clause-card.featured {
    border: .5px solid var(--gold);
    background: var(--gold-pale);
}
.unione-cc-head {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 22px;
    cursor: pointer;
    user-select: none;
    flex-wrap: wrap;
}
.unione-cc-num {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--gold);
    min-width: 56px;
    flex-shrink: 0;
}
.unione-cc-title {
    font-size: 14px;
    font-weight: 500;
    color: var(--ink);
    flex: 1;
}
.unione-cc-badges {
    display: flex;
    gap: 6px;
    margin-left: auto;
    flex-wrap: wrap;
}
.unione-cc-badge {
    font-size: 10px;
    font-weight: 500;
    padding: 2px 8px;
    border-radius: 100px;
    background: var(--ivory);
    color: var(--ink-mid);
    border: .5px solid var(--border);
    white-space: nowrap;
}
.unione-cc-badge.gold {
    background: rgba(196,169,106,.15);
    border-color: rgba(196,169,106,.3);
    color: #7A6030;
}
.unione-cc-arrow {
    font-size: 11px;
    color: var(--ink-mute);
    transition: transform .2s;
    flex-shrink: 0;
    margin-left: 8px;
}
.unione-clause-card.open .unione-cc-arrow {
    transform: rotate(180deg);
}
.unione-cc-body {
    display: none;
    padding: 0 22px 22px;
}
.unione-clause-card.open .unione-cc-body {
    display: block;
}
.unione-clause-text-box {
    background: var(--ivory);
    border: .5px solid var(--border);
    border-radius: var(--r-md);
    padding: 20px;
    font-size: 13px;
    font-style: italic;
    color: var(--ink);
    line-height: 1.9;
    border-left: 3px solid var(--gold);
    margin-bottom: 14px;
    overflow-x: auto;
}
.unione-clause-text-box strong {
    font-style: normal;
    font-weight: 600;
    color: var(--slate);
}
.unione-clause-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.unione-ca-btn {
    font-size: 12px;
    font-weight: 500;
    padding: 7px 14px;
    border-radius: var(--r-sm);
    border: .5px solid var(--border);
    background: transparent;
    color: var(--ink);
    cursor: pointer;
    font-family: 'Inter Tight', sans-serif;
    transition: all .15s;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.unione-ca-btn:hover {
    border-color: var(--slate);
    background: var(--ivory);
}
.unione-ca-btn.primary {
    background: var(--slate);
    color: var(--parchment);
    border-color: var(--slate);
}
.unione-ca-btn.primary:hover {
    background: var(--slate-deep);
}
.unione-clause-note {
    background: rgba(42,53,69,.05);
    border-radius: var(--r-sm);
    padding: 10px 14px;
    font-size: 12px;
    color: var(--ink-mute);
    line-height: 1.65;
    margin-top: 12px;
    display: flex;
    gap: 8px;
}
.unione-clause-note::before {
    content: '💡';
    flex-shrink: 0;
}

/* ── Disclaimer ───────────────────────────────────────── */
.unione-disclaimer {
    background: var(--ivory);
    border: .5px solid var(--border);
    border-radius: var(--r-lg);
    padding: 16px 20px;
    font-size: 12px;
    color: var(--ink-mute);
    line-height: 1.65;
    margin-bottom: 32px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
}
.unione-disclaimer::before {
    content: '⚠';
    flex-shrink: 0;
    font-size: 16px;
}

/* ── Section description ───────────────────────────────── */
.unione-section-desc {
    font-size: 14px;
    color: var(--ink-mute);
    margin-bottom: 20px;
    line-height: 1.7;
    font-weight: 300;
}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE BREAKPOINTS - COMPLETE
   ═══════════════════════════════════════════════════════════ */

/* Tablet (max-width: 1024px) */
@media (max-width: 1024px) {
    .unione-hero-inner {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .unione-hero {
        padding: 60px 32px;
    }
    .unione-hero::before {
        font-size: 180px;
        right: -20px;
    }
    .unione-main-wrap {
        grid-template-columns: 1fr;
        padding: 40px 32px 60px;
        gap: 32px;
    }
    .unione-sidebar {
        position: static;
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        align-items: center;
        justify-content: space-between;
    }
    .unione-sb-items {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 6px;
    }
    .unione-sb-item {
        font-size: 12px;
        padding: 6px 12px;
    }
    .unione-sb-cta {
        max-width: 280px;
        margin-top: 0;
    }
    .unione-sb-divider {
        display: none;
    }
    .unione-cs-header {
        gap: 10px;
    }
    .unione-cs-title {
        font-size: 18px;
    }
    .unione-cc-head {
        padding: 14px 18px;
        gap: 10px;
    }
    .unione-cc-num {
        min-width: 48px;
    }
    .unione-cc-title {
        font-size: 13px;
    }
    .unione-cc-body {
        padding: 0 18px 18px;
    }
    .unione-clause-text-box {
        padding: 16px;
        font-size: 12px;
        line-height: 1.8;
    }
}

/* Mobile (max-width: 768px) */
@media (max-width: 768px) {
    .unione-hero {
        padding: 48px 20px;
    }
    .unione-hero::before {
        font-size: 120px;
        right: -30px;
    }
    .unione-hero h1 {
        font-size: clamp(28px, 6vw, 38px);
    }
    .unione-hero-sub {
        font-size: 14px;
        margin-bottom: 24px;
    }
    .unione-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }
    .unione-hero-actions .unione-btn-gold,
    .unione-hero-actions .unione-btn-outline {
        text-align: center;
        justify-content: center;
    }
    .unione-hero-aside {
        padding: 20px;
    }
    .unione-ha-items {
        gap: 8px;
    }
    .unione-ha-item {
        font-size: 12px;
    }
    
    .unione-main-wrap {
        padding: 32px 20px 48px;
    }
    
    .unione-sidebar {
        flex-direction: column;
        align-items: stretch;
    }
    .unione-sb-items {
        justify-content: center;
    }
    .unione-sb-cta {
        max-width: 100%;
        width: 100%;
    }
    
    .unione-clause-section {
        margin-bottom: 36px;
    }
    .unione-cs-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .unione-cs-tag {
        font-size: 9px;
    }
    .unione-cs-title {
        font-size: 18px;
    }
    
    .unione-cc-head {
        flex-direction: column;
        align-items: flex-start;
        padding: 14px 16px;
        position: relative;
    }
    .unione-cc-badges {
        margin-left: 0;
        order: 2;
    }
    .unione-cc-arrow {
        position: absolute;
        right: 16px;
        top: 20px;
    }
    .unione-cc-body {
        padding: 0 16px 16px;
    }
    .unione-clause-text-box {
        padding: 14px;
        font-size: 12px;
        line-height: 1.7;
    }
    .unione-clause-actions {
        gap: 8px;
    }
    .unione-ca-btn {
        padding: 6px 12px;
        font-size: 11px;
    }
    .unione-clause-note {
        font-size: 11px;
        padding: 8px 12px;
    }
    
    .unione-disclaimer {
        padding: 12px 16px;
        font-size: 11px;
        margin-bottom: 24px;
    }
    .unione-section-desc {
        font-size: 13px;
        margin-bottom: 16px;
    }
}

/* Small Mobile (max-width: 480px) */
@media (max-width: 480px) {
    .unione-hero {
        padding: 40px 16px;
    }
    .unione-hero::before {
        font-size: 80px;
        right: -40px;
    }
    .unione-hero h1 {
        font-size: clamp(24px, 6vw, 32px);
    }
    .unione-hero-sub {
        font-size: 13px;
    }
    .unione-hero-actions .unione-btn-gold,
    .unione-hero-actions .unione-btn-outline {
        padding: 10px 20px;
        font-size: 13px;
    }
    
    .unione-main-wrap {
        padding: 24px 16px 40px;
    }
    
    .unione-sb-items {
        gap: 4px;
    }
    .unione-sb-item {
        font-size: 11px;
        padding: 5px 10px;
    }
    .unione-sb-cta {
        padding: 12px;
    }
    .unione-sb-cta-title {
        font-size: 12px;
    }
    .unione-sb-cta-sub {
        font-size: 10px;
    }
    .unione-sb-cta-btn {
        padding: 6px 12px;
        font-size: 11px;
    }
    
    .unione-clause-section {
        margin-bottom: 28px;
    }
    .unione-cs-title {
        font-size: 16px;
    }
    
    .unione-cc-head {
        padding: 12px 14px;
    }
    .unione-cc-num {
        font-size: 9px;
        min-width: 40px;
    }
    .unione-cc-title {
        font-size: 12px;
        padding-right: 20px;
    }
    .unione-cc-badge {
        font-size: 9px;
        padding: 2px 6px;
    }
    .unione-cc-arrow {
        right: 14px;
        top: 18px;
        font-size: 10px;
    }
    .unione-cc-body {
        padding: 0 14px 14px;
    }
    .unione-clause-text-box {
        padding: 12px;
        font-size: 11px;
        line-height: 1.65;
    }
    .unione-ca-btn {
        padding: 5px 10px;
        font-size: 10px;
    }
    .unione-clause-note {
        font-size: 10px;
        padding: 8px 10px;
    }
    .unione-clause-note::before {
        font-size: 12px;
    }
    
    .unione-disclaimer {
        padding: 10px 12px;
        font-size: 10px;
        gap: 8px;
        margin-bottom: 20px;
    }
    .unione-disclaimer::before {
        font-size: 14px;
    }
    .unione-section-desc {
        font-size: 12px;
    }
}

/* Print styles */
@media print {
    .unione-hero-actions,
    .unione-sidebar,
    .unione-clause-actions,
    .unione-cc-arrow {
        display: none !important;
    }
    .unione-clause-card {
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .unione-clause-text-box {
        background: none;
        border: 1px solid #ccc;
    }
    .unione-cc-body {
        display: block !important;
    }
    .unione-clause-card {
        border: 1px solid #ccc;
    }
}
/* ============================================================
 * UNIONE™ News & Publications Styles
 * File: unione-news.css
 * ============================================================ */

.unione-news-wrap *,
.unione-news-wrap *::before,
.unione-news-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-news-wrap {
    --slate: #0a0b0c;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --green: #1A7A4A;
    --green-bg: #E6F4EE;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
    font-family: 'Inter Tight', sans-serif;
    color: var(--ink);
    background: var(--parchment);
    scroll-behavior: smooth;
}

@keyframes unione-pulse-dot { 
    0%, 100% { opacity: 1; } 
    50% { opacity: .5; } 
}

@keyframes unione-shimmer { 
    0% { background-position: -200% center; } 
    100% { background-position: 200% center; } 
}

@keyframes unione-fadeUp { 
    from { opacity: 0; transform: translateY(14px); } 
    to { opacity: 1; transform: translateY(0); } 
}
/* =========================
   HERO FIX
========================= */

.unione-news-wrap .unione-hero{
    background:#02060b !important;
    padding:72px 52px !important;
    min-height:360px !important;
    display:flex !important;
    align-items:center !important;
}

.unione-news-wrap .unione-hero-inner{
    max-width:1200px !important;
    width:100% !important;
    margin:0 auto !important;
    position:relative !important;
    z-index:2 !important;
}

.unione-news-wrap .unione-hero-tag{
    justify-content:flex-start !important;
    margin-bottom:22px !important;
}

.unione-news-wrap .unione-hero h1{
    max-width:700px !important;
    font-size:clamp(42px,5vw,64px) !important;
    line-height:1.05 !important;
    letter-spacing:-0.04em !important;
    margin:0 0 24px 0 !important;
    text-align:left !important;
}

.unione-news-wrap .unione-hero h1 br{
    display:block !important;
}

.unione-news-wrap .unione-hero-sub{
    max-width:760px !important;
    font-size:18px !important;
    line-height:1.8 !important;
    margin:0 !important;
    text-align:left !important;
    color:rgba(255,255,255,.55) !important;
}

/* NEWS watermark */

.unione-news-wrap .unione-hero::before{
    content:'NEWS' !important;
    position:absolute !important;
    right:-80px !important;
    top:50% !important;
    transform:translateY(-50%) !important;

    font-family:'Inter Tight',sans-serif !important;
    font-size:340px !important;
    font-weight:800 !important;
    line-height:1 !important;

    color:rgba(255,255,255,.03) !important;
    letter-spacing:-0.04em !important;

    pointer-events:none !important;
    z-index:1 !important;
}

/* Gold line */

.unione-news-wrap .unione-hero-tag::before{
    width:24px !important;
    height:1px !important;
    background:#C4A96A !important;
}

/* Gradient text */

.unione-news-wrap .unione-hero h1 span{
    background:linear-gradient(
        135deg,
        #c4a96a 0%,
        #f2dfa0 50%,
        #c4a96a 100%
    ) !important;

    -webkit-background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    background-clip:text !important;
}

/* Mobile */

@media (max-width:768px){

    .unione-news-wrap .unione-hero{
        padding:60px 24px !important;
        min-height:auto !important;
    }

    .unione-news-wrap .unione-hero h1{
        font-size:40px !important;
    }

    .unione-news-wrap .unione-hero-sub{
        font-size:16px !important;
    }

    .unione-news-wrap .unione-hero::before{
        font-size:140px !important;
        right:-20px !important;
    }
}
/* HERO LAYOUT FIX */

.unione-news-wrap .unione-hero-inner{
    display:block !important;
    max-width:1200px !important;
    margin:0 auto !important;
}

.unione-news-wrap .unione-hero-tag,
.unione-news-wrap .unione-hero h1,
.unione-news-wrap .unione-hero-sub{
    display:block !important;
    float:none !important;
    clear:both !important;
    text-align:left !important;
}

.unione-news-wrap .unione-hero h1{
    max-width:700px !important;
    margin:0 0 20px 0 !important;
}

.unione-news-wrap .unione-hero-sub{
    max-width:650px !important;
    margin:0 !important;
}

.unione-news-wrap .unione-hero *{
    grid-column:auto !important;
    grid-row:auto !important;
}
/* Main Layout */
.unione-news-wrap .unione-main-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 48px 52px 80px;
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 40px;
    align-items: start;
}

/* Filter Buttons */
.unione-news-wrap .unione-filter-bar {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 32px;
}

.unione-news-wrap .unione-filter-btn {
    font-size: 12px;
    font-weight: 500;
    padding: 7px 16px;
    border-radius: var(--r-md);
    border: .5px solid var(--border);
    background: var(--white);
    color: var(--ink-mid);
    cursor: pointer;
    transition: all .15s;
    font-family: 'Inter Tight', sans-serif;
}

.unione-news-wrap .unione-filter-btn:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

.unione-news-wrap .unione-filter-btn.active {
    background: var(--slate);
    color: var(--parchment);
    border-color: var(--slate);
}

/* Featured Article */
.unione-news-wrap .unione-featured-article {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    overflow: hidden;
    margin-bottom: 20px;
    transition: all .2s;
    cursor: pointer;
    text-decoration: none !important;
    display: block;
}

.unione-news-wrap .unione-featured-article:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 40px rgba(42,53,69,.07);
    border-color: rgba(42,53,69,.2);
}

.unione-news-wrap .unione-fa-img {
    height: 200px;
    background: linear-gradient(135deg, var(--slate) 0%, var(--obsidian) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    position: relative;
}

.unione-news-wrap .unione-fa-cat {
    position: absolute;
    top: 16px;
    left: 16px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 100px;
    background: var(--gold);
    color: var(--obsidian);
}

.unione-news-wrap .unione-fa-body {
    padding: 24px;
}

.unione-news-wrap .unione-fa-date {
    font-size: 11px;
    color: var(--ink-mute);
    margin-bottom: 8px;
}

.unione-news-wrap .unione-fa-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: var(--ink);
    letter-spacing: -.01em;
    margin-bottom: 8px;
    line-height: 1.3;
}

.unione-news-wrap .unione-fa-excerpt {
    font-size: 14px;
    color: var(--ink-mute);
    line-height: 1.7;
    font-weight: 300;
    margin-bottom: 14px;
}

.unione-news-wrap .unione-fa-read {
    font-size: 13px;
    font-weight: 500;
    color: var(--slate);
    text-decoration: none !important;
}

/* Article List */
.unione-news-wrap .unione-article-list {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.unione-news-wrap .unione-article-item {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-lg);
    padding: 20px 24px;
    margin-bottom: 10px;
    transition: all .2s;
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 16px;
    align-items: center;
    text-decoration: none !important;
}

.unione-news-wrap .unione-article-item:hover {
    transform: translateX(4px);
    border-color: rgba(42,53,69,.2);
}

.unione-news-wrap .unione-ai-date-block {
    text-align: center;
    background: var(--ivory);
    border-radius: var(--r-md);
    padding: 8px 4px;
}

.unione-news-wrap .unione-ai-day {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--slate);
    line-height: 1;
}

.unione-news-wrap .unione-ai-month {
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-top: 2px;
}

.unione-news-wrap .unione-ai-cat {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 4px;
}

.unione-news-wrap .unione-ai-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: var(--ink);
    line-height: 1.35;
}

.unione-news-wrap .unione-ai-sub {
    font-size: 12px;
    color: var(--ink-mute);
    margin-top: 3px;
}

/* Sidebar */
.unione-news-wrap .unione-sidebar-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 24px;
    margin-bottom: 16px;
}

.unione-news-wrap .unione-sc-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: .5px solid var(--border);
}

.unione-news-wrap .unione-topic-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.unione-news-wrap .unione-topic-tag {
    font-size: 12px;
    font-weight: 500;
    padding: 5px 12px;
    border-radius: var(--r-md);
    background: var(--ivory);
    color: var(--ink-mid);
    border: .5px solid var(--border);
    cursor: pointer;
    transition: all .15s;
    font-family: 'Inter Tight', sans-serif;
}

.unione-news-wrap .unione-topic-tag:hover {
    background: var(--slate);
    color: var(--parchment);
    border-color: var(--slate);
}

.unione-news-wrap .unione-subscribe-input {
    width: 100%;
    background: var(--ivory);
    border: .5px solid var(--border);
    border-radius: var(--r-md);
    padding: 10px 14px;
    font-size: 13px;
    color: var(--ink);
    font-family: 'Inter Tight', sans-serif;
    margin-bottom: 10px;
}

.unione-news-wrap .unione-subscribe-input:focus {
    outline: none;
    border-color: var(--slate);
}

.unione-news-wrap .unione-subscribe-btn {
    width: 100%;
    background: var(--slate);
    color: var(--parchment);
    border: none;
    border-radius: var(--r-md);
    padding: 10px;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Inter Tight', sans-serif;
    cursor: pointer;
    transition: all .2s;
    text-decoration: none !important;
    display: block;
    text-align: center;
}

.unione-news-wrap .unione-subscribe-btn:hover {
    background: #1C2534;
    text-decoration: none !important;
}

.unione-news-wrap .unione-quick-links {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.unione-news-wrap .unione-quick-link {
    font-size: 13px;
    color: var(--slate);
    text-decoration: none !important;
    display: flex;
    align-items: center;
    gap: 6px;
}

.unione-news-wrap .unione-quick-link:hover {
    text-decoration: none !important;
    opacity: 0.7;
}

/* Responsive */
@media (max-width: 900px) {
    .unione-news-wrap .unione-main-wrap {
        grid-template-columns: 1fr;
        padding: 24px 20px 60px;
    }
    .unione-news-wrap .unione-hero {
        padding: 48px 20px;
    }
}
/* ============================================================
   UNIONE Privacy Policy — Styles
   File: unione-privacy.css
   ============================================================ */

.unione-privacy-wrap *,
.unione-privacy-wrap *::before,
.unione-privacy-wrap *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

@keyframes upw-pulse-dot {
	0%,100% { opacity: 1; transform: scale(1); }
	50%      { opacity: .5; transform: scale(.7); }
}

.unione-privacy-wrap {
	--slate:      #0a0b0c;
	--gold:       #C4A96A;
	--gold-pale:  #F7F2E8;
	--parchment:  #FAFAF8;
	--ivory:      #F2F1EE;
	--obsidian:   #141820;
	--white:      #fff;
	--ink:        #1A1A18;
	--ink-mid:    #4A4843;
	--ink-mute:   #8A8880;
	--border:     rgba(42,53,69,0.12);
	--green:      #1A7A4A;
	--green-bg:   #E6F4EE;
	--r-sm:  6px;
	--r-md:  10px;
	--r-lg:  16px;
	--r-xl:  24px;

	font-family: 'Inter Tight', sans-serif;
	color: var(--ink);
	background: var(--parchment);
	scroll-behavior: smooth;
}

/* ── Hero ── */
.unione-privacy-wrap .unione-hero {
	background: var(--slate);
	padding: 56px 52px;
	border-bottom: .5px solid rgba(255,255,255,.06);
}
.unione-privacy-wrap .unione-hero-inner {
	max-width: 860px;
	margin: 0 auto;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
}
.unione-privacy-wrap .unione-hero-tag {
	font-size: 10px;
	font-weight: 500;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--gold);
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	gap: 8px;
}
.unione-privacy-wrap .unione-hero-tag::before {
	content: '';
	width: 16px;
	height: 1px;
	background: var(--gold);
}
.unione-privacy-wrap .unione-hero h1 {
	font-family: 'Inter Tight', sans-serif;
	font-size: clamp(26px, 3vw, 40px);
	font-weight: 700;
	color: var(--parchment);
	line-height: 1.1;
	margin-bottom: 10px;
}
.unione-privacy-wrap .unione-hero-meta {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	margin-top: 16px;
}
.unione-privacy-wrap .unione-hero-meta-item {
	font-size: 12px;
	color: rgba(255,255,255,.35);
	display: flex;
	align-items: center;
	gap: 6px;
}
.unione-privacy-wrap .unione-hero-meta-item::before {
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: var(--gold);
	flex-shrink: 0;
}
.unione-privacy-wrap .unione-hero-meta-item a {
	color: rgba(255,255,255,.35);
	text-decoration: none !important;
}

/* ── Tab Bar ── */
.unione-privacy-wrap .unione-tab-bar {
	background: var(--white);
	border-bottom: .5px solid var(--border);
	padding: 0 52px;
	display: flex;
	gap: 0;
}
.unione-privacy-wrap .unione-tab-bar .unione-tab-btn {
	font-size: 13px;
	font-weight: 500;
	padding: 16px 24px;
	cursor: pointer;
	border: none !important;
	border-bottom: 2px solid transparent !important;
	background: transparent !important;
	background-color: transparent !important;
	color: var(--ink-mute) !important;
	transition: color .2s, border-color .2s;
	font-family: 'Inter Tight', sans-serif;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: none;
	text-decoration: none;
}
.unione-privacy-wrap .unione-tab-bar .unione-tab-btn:hover,
.unione-privacy-wrap .unione-tab-bar .unione-tab-btn:focus {
	color: var(--slate) !important;
	background: transparent !important;
	background-color: transparent !important;
	border-bottom-color: transparent !important;
	box-shadow: none !important;
}
.unione-privacy-wrap .unione-tab-bar .unione-tab-btn.active {
	background: transparent !important;
	background-color: transparent !important;
	color: var(--slate) !important;
	border-bottom: 2px solid var(--gold) !important;
	box-shadow: none !important;
}

/* ── Main Layout ── */
.unione-privacy-wrap .unione-main-wrap {
	max-width: 860px;
	margin: 0 auto;
	padding: 48px 52px 80px;
	display: grid;
	grid-template-columns: 200px 1fr;
	gap: 40px;
	align-items: start;
}

/* ── TOC ── */
.unione-privacy-wrap .unione-toc {
	position: sticky;
	top: 88px;
}
.unione-privacy-wrap .unione-toc-title {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--ink-mute);
	margin-bottom: 10px;
}
.unione-privacy-wrap .unione-toc-links {
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.unione-privacy-wrap .unione-toc-link {
	font-size: 12px;
	color: var(--ink-mute);
	padding: 6px 10px;
	border-radius: var(--r-sm);
	text-decoration: none !important;
	transition: all .15s;
	display: block;
	cursor: pointer;
	font-family: 'Inter Tight', sans-serif;
}
.unione-privacy-wrap .unione-toc-link:hover {
	background: var(--ivory);
	color: var(--slate);
	text-decoration: none !important;
}
.unione-privacy-wrap .unione-toc-link.active {
	background: var(--ivory);
	color: var(--slate);
	font-weight: 500;
}

/* ── Document Sections ── */
.unione-privacy-wrap .unione-doc-section {
	display: none;
}
.unione-privacy-wrap .unione-doc-section.active {
	display: block;
}
.unione-privacy-wrap .unione-doc h2 {
	font-family: 'Inter Tight', sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: var(--ink);
	letter-spacing: -.02em;
	margin-bottom: 6px;
}
.unione-privacy-wrap .unione-doc-version {
	font-size: 12px;
	color: var(--ink-mute);
	margin-bottom: 36px;
	padding-bottom: 20px;
	border-bottom: .5px solid var(--border);
}
.unione-privacy-wrap .unione-doc-section-title {
	font-family: 'Inter Tight', sans-serif;
	font-size: 17px;
	font-weight: 600;
	color: var(--ink);
	margin: 32px 0 12px;
	padding-top: 8px;
}
.unione-privacy-wrap .unione-doc p {
	font-size: 14px;
	color: var(--ink-mid);
	line-height: 1.85;
	font-weight: 300;
	margin-bottom: 12px;
}
.unione-privacy-wrap .unione-doc ul {
	padding-left: 18px;
	margin-bottom: 12px;
}
.unione-privacy-wrap .unione-doc ul li {
	font-size: 14px;
	color: var(--ink-mid);
	line-height: 1.75;
	font-weight: 300;
	margin-bottom: 5px;
}
.unione-privacy-wrap .unione-doc-highlight {
	background: var(--gold-pale);
	border: .5px solid rgba(196,169,106,.3);
	border-radius: var(--r-md);
	padding: 14px 18px;
	font-size: 13px;
	color: #6A4A20;
	line-height: 1.7;
	margin: 16px 0;
}
.unione-privacy-wrap .unione-doc a {
	color: var(--slate);
	text-decoration: underline;
	text-decoration-color: rgba(42,53,69,.3);
}
.unione-privacy-wrap .unione-doc a:hover {
	text-decoration-color: var(--slate);
}

/* ── Responsive ── */
@media (max-width: 900px) {
	.unione-privacy-wrap .unione-main-wrap {
		grid-template-columns: 1fr;
		padding: 24px 20px 60px;
	}
	.unione-privacy-wrap .unione-toc {
		position: static;
		display: none;
	}
	.unione-privacy-wrap .unione-hero {
		padding: 40px 20px;
	}
	.unione-privacy-wrap .unione-tab-bar {
		padding: 0 20px;
		overflow-x: auto;
		white-space: nowrap;
	}
}
/* ── UNIONE™ Dispute Risk Analyser - Stylesheet ───────────────────────────── */

/* Scoped to .unione-risk-wrap to avoid theme conflicts */
.unione-risk-wrap *,
.unione-risk-wrap *::before,
.unione-risk-wrap *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
:root {
	--gold:#C4A96A;
}

.unione-risk-wrap {
	--slate: #0a0b0c;
	--gold: #C4A96A;
	--gold-pale: #F7F2E8;
	--parchment: #FAFAF8;
	--ivory: #F2F1EE;
	--obsidian: #141820;
	--white: #fff;
	--ink: #1A1A18;
	--ink-mid: #4A4843;
	--ink-mute: #8A8880;
	--border: rgba(42,53,69,0.12);
	--green: #1A7A4A;
	--green-bg: #E6F4EE;
	--r-md: 10px;
	--r-lg: 16px;
	--r-xl: 24px;
	font-family: 'Inter', sans-serif;
	color: var(--ink);
	background: var(--parchment);
	min-height: 100vh;
	scroll-behavior: smooth;
}

/* ── Animations ─────────────────────────────────────────────────────────── */
@keyframes unione-pulse-dot { 0%,100%{opacity:1} 50%{opacity:.5} }
@keyframes unione-shimmer { 0%{background-position:-200% center} 100%{background-position:200% center} }
@keyframes unione-spin { to{transform:rotate(360deg)} }
@keyframes unione-fadeUp { from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:translateY(0)} }

/* ── Navigation ─────────────────────────────────────────────────────────── */
.unione-nav {
	position: sticky;
	top: 0;
	z-index: 200;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 52px;
	height: 68px;
	background: rgba(250,250,248,.94);
	backdrop-filter: blur(20px);
	border-bottom: .5px solid var(--border);
}

/* ── Hero ───────────────────────────────────────────────────────────────── */
.unione-hero {
	background: var(--obsidian) !important;
	padding: 64px 52px !important;
	text-align: center !important;
	position: relative !important;
	overflow: hidden !important;
	display: block !important;
	float: none !important;
	width: 100% !important;
}
.unione-hero::before {
	content: '◎' !important;
	position: absolute !important;
	font-size: 400px !important;
	color: rgba(255,255,255,.015) !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%,-50%) !important;
	pointer-events: none !important;
}
.unione-hero-inner {
	max-width: 680px !important;
	margin: 0 auto !important;
	position: relative !important;
	z-index: 1 !important;
	text-align: center !important;
	display: block !important;
	float: none !important;
}
.unione-hero-tag {
	font-size: 10px !important;
	font-weight: 500 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
	color: var(--gold) !important;
	margin-bottom: 14px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	float: none !important;
}
.unione-hero-tag::before,
.unione-hero-tag::after {
	content: '' !important;
	width: 20px !important;
	height: 1px !important;
	background: var(--gold) !important;
}
.unione-hero h1 {
	font-family: 'Inter Tight', sans-serif !important;
	font-size: clamp(30px, 4vw, 48px) !important;
	font-weight: 700 !important;
	color: var(--parchment) !important;
	letter-spacing: -.03em !important;
	line-height: 1.05 !important;
	margin-bottom: 14px !important;
	text-align: center !important;
	float: none !important;
}
.unione-hero h1 span {
	background: linear-gradient(135deg,#C4A96A,#F0DFA0,#C4A96A) !important;
	background-size: 200% auto !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-clip: text !important;
	animation: unione-shimmer 4s linear infinite !important;
}
.unione-hero-sub {
	font-size: 15px !important;
	color: rgba(255,255,255,.45) !important;
	line-height: 1.7 !important;
	margin: 0 auto 24px !important;
	font-weight: 300 !important;
	max-width: 520px !important;
	text-align: center !important;
	display: block !important;
	float: none !important;
}
.unione-ai-status {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	background: rgba(196,169,106,.1) !important;
	border: .5px solid rgba(196,169,106,.2) !important;
	border-radius: 100px !important;
	padding: 7px 16px !important;
	font-size: 12px !important;
	color: var(--gold) !important;
	float: none !important;
}
.unione-ai-status-dot {
	width: 6px !important;
	height: 6px !important;
	border-radius: 50% !important;
	background: var(--green) !important;
	animation: unione-pulse-dot 1.5s ease-in-out infinite !important;
	display: inline-block !important;
	flex-shrink: 0 !important;
}

/* ── Main layout ────────────────────────────────────────────────────────── */
.unione-main-wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 48px 52px 80px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
	align-items: start;
}

/* ── Input panel ────────────────────────────────────────────────────────── */
.unione-input-panel {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.unione-input-card {
	background: var(--white);
	border: .5px solid var(--border);
	border-radius: var(--r-xl);
	padding: 28px;
}
.unione-ic-title {
	font-family: 'Inter Tight', sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: var(--ink);
	margin-bottom: 14px;
	display: flex;
	align-items: center;
	gap: 8px;
}
.unione-ic-icon {
	width: 28px;
	height: 28px;
	border-radius: var(--r-sm);
	background: var(--ivory);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
}
.unione-field-group {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 14px;
}
.unione-field-group:last-child {
	margin-bottom: 0;
}
.unione-field-label {
	font-size: 12px;
	font-weight: 500;
	color: var(--ink-mid);
}
.unione-field-select,
.unione-field-input,
.unione-field-textarea {
	background: var(--ivory);
	border: .5px solid var(--border);
	border-radius: var(--r-md);
	padding: 10px 14px;
	font-size: 13px;
	color: var(--ink);
	font-family: 'Inter', sans-serif;
	width: 100%;
	transition: border-color .2s;
}
.unione-field-select:focus,
.unione-field-input:focus,
.unione-field-textarea:focus {
	outline: none;
	border-color: var(--slate);
}
.unione-field-select {
	cursor: pointer;
}
.unione-field-textarea {
	resize: vertical;
	line-height: 1.65;
}
.unione-grid-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}
.unione-slider-row {
	display: flex;
	align-items: center;
	gap: 12px;
}
.unione-risk-slider {
	flex: 1;
	appearance: none;
	height: 4px;
	border-radius: 2px;
	background: var(--border);
	cursor: pointer;
	outline: none;
}
.unione-risk-slider::-webkit-slider-thumb {
	appearance: none;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var(--slate);
	cursor: pointer;
}
.unione-slider-label {
	font-size: 12px;
	font-weight: 600;
	color: var(--slate);
	min-width: 32px;
	text-align: right;
}
.unione-analyse-btn {
	width: 100%;
	background: var(--slate);
	color: var(--parchment);
	border: none;
	border-radius: var(--r-md);
	padding: 14px;
	font-size: 15px;
	font-weight: 500;
	font-family: 'Inter', sans-serif;
	cursor: pointer;
	transition: all .2s;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
.unione-analyse-btn:hover {
	background: #1C2534;
	transform: translateY(-1px);
}
.unione-analyse-btn:disabled {
	opacity: .5;
	cursor: not-allowed;
	transform: none;
}
.unione-spinner {
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255,255,255,.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: unione-spin .6s linear infinite;
	display: none;
}

/* ── Output panel ───────────────────────────────────────────────────────── */
.unione-output-panel {
	display: flex;
	flex-direction: column;
	gap: 16px;
	position: sticky;
	top: 88px;
}
.unione-result-card {
	background: var(--white);
	border: .5px solid var(--border);
	border-radius: var(--r-xl);
	overflow: hidden;
	display: none;
}
.unione-result-card.visible {
	display: block;
	animation: unione-fadeUp .4s ease both;
}
.unione-rc-header {
	background: var(--slate);
	padding: 16px 22px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.unione-rc-title {
	font-size: 13px;
	font-weight: 500;
	color: var(--parchment);
}
.unione-rc-badge {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	padding: 3px 10px;
	border-radius: 100px;
}
.unione-badge-high {
	background: rgba(192,57,43,.2);
	color: #E87060;
	border: .5px solid rgba(192,57,43,.3);
}
.unione-badge-medium {
	background: rgba(196,169,106,.2);
	color: var(--gold);
	border: .5px solid rgba(196,169,106,.3);
}
.unione-badge-low {
	background: rgba(26,122,74,.2);
	color: #4ACA8A;
	border: .5px solid rgba(26,122,74,.3);
}
.unione-rc-body {
	padding: 24px;
}
.unione-risk-meter {
	margin-bottom: 20px;
}
.unione-rm-label {
	display: flex;
	justify-content: space-between;
	margin-bottom: 8px;
}
.unione-rm-title {
	font-size: 13px;
	font-weight: 500;
	color: var(--ink);
}
.unione-rm-score {
	font-family: 'Inter Tight', sans-serif;
	font-size: 22px;
	font-weight: 700;
}
.unione-rm-score.high { color: #C0392B; }
.unione-rm-score.medium { color: #9C5A1A; }
.unione-rm-score.low { color: var(--green); }
.unione-rm-bar {
	height: 8px;
	background: var(--ivory);
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 6px;
}
.unione-rm-fill {
	height: 100%;
	border-radius: 4px;
	transition: width 1s ease;
}
.unione-rm-fill.high { background: linear-gradient(90deg,#E8B090,#C0392B); }
.unione-rm-fill.medium { background: linear-gradient(90deg,#E8D090,var(--gold)); }
.unione-rm-fill.low { background: linear-gradient(90deg,#90E8B0,var(--green)); }
.unione-risk-factors {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 20px;
}
.unione-rf-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	background: var(--ivory);
	border-radius: var(--r-md);
}
.unione-rf-icon {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 10px;
}
.unione-rf-icon.high { background: rgba(192,57,43,.15); color: #C0392B; }
.unione-rf-icon.med  { background: rgba(196,169,106,.15); color: #9C5A1A; }
.unione-rf-icon.low  { background: rgba(26,122,74,.15); color: var(--green); }
.unione-rf-label {
	flex: 1;
	font-size: 13px;
	color: var(--ink);
}
.unione-rf-risk {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
}
.unione-rf-risk.high { color: #C0392B; }
.unione-rf-risk.med  { color: #9C5A1A; }
.unione-rf-risk.low  { color: var(--green); }
.unione-rec-section {
	background: var(--gold-pale);
	border: .5px solid rgba(196,169,106,.3);
	border-radius: var(--r-md);
	padding: 16px;
}
.unione-rec-title {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #7A6030;
	margin-bottom: 10px;
}
.unione-rec-items {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.unione-rec-item {
	font-size: 13px;
	color: #5A4020;
	display: flex;
	align-items: flex-start;
	gap: 8px;
}
.unione-rec-item::before {
	content: '✦';
	color: var(--gold);
	flex-shrink: 0;
	margin-top: 1px;
	font-size: 11px;
}
.unione-placeholder-card {
	background: var(--white);
	border: .5px solid var(--border);
	border-radius: var(--r-xl);
	padding: 48px;
	text-align: center;
	color: var(--ink-mute);
}
.unione-ph-icon {
	font-size: 40px;
	margin-bottom: 12px;
	opacity: .3;
}
.unione-ph-text { font-size: 14px; }
.unione-ph-sub {
	font-size: 12px;
	margin-top: 6px;
	opacity: .7;
}

/* ── Footer ─────────────────────────────────────────────────────────────── */
.unione-footer {
	background: var(--obsidian);
	padding: 36px 52px 20px;
	border-top: .5px solid rgba(196,169,106,.15);
}
.unione-footer-inner {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 16px;
}
.unione-footer-logo {
	font-family: 'Inter Tight', sans-serif;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .22em;
	color: var(--parchment);
}
.unione-footer-links-row {
	display: flex;
	gap: 20px;
}
.unione-footer-links-row a {
	font-size: 12px;
	color: rgba(255,255,255,.35);
	text-decoration: none !important;
}
.unione-footer-links-row a:hover {
	color: rgba(255,255,255,.7);
}
.unione-footer-copy-row {
	max-width: 1200px;
	margin: 0 auto;
	border-top: .5px solid rgba(255,255,255,.06);
	padding-top: 14px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px;
}
.unione-footer-copy {
	font-size: 11px;
	color: rgba(255,255,255,.2);
}
.unione-footer-gold {
	font-size: 11px;
	color: var(--gold);
}

/* ── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
	.unione-nav { padding: 0 20px; }
	.unione-nav-links { display: none; }
	.unione-main-wrap {
		grid-template-columns: 1fr;
		padding: 24px 20px 60px;
	}
	.unione-output-panel { position: static; }
	.unione-hero { padding: 48px 20px; }
	.unione-footer { padding: 28px 20px 16px; }
}
/* ============================================
UNIONE™ RULES v3.0 - COMPLETE CSS
============================================ */

/* ─────────────────────────────────────────────
   ROOT VARIABLES & RESET
   ───────────────────────────────────────────── */
.unione-rules-wrap *,
.unione-rules-wrap *::before,
.unione-rules-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-rules-wrap {
    --slate: #0a0b0c;
    --slate-deep: #1C2534;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
    font-family: 'Inter', sans-serif;
    color: var(--ink);
    background: var(--parchment);
}

/* ── Animations ─────────────────────────────────────────────── */
@keyframes urules-pulse-dot { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(.7)} }
@keyframes urules-shimmer { 0%{background-position:-200% center} 100%{background-position:200% center} }
@keyframes urules-fadeUp { from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:translateY(0)} }

/* ── Hero ────────────────────────────────────────────────────── */
.unione-rules-wrap .urules-hero {
    background: var(--slate);
    padding: 56px 52px;
    position: relative;
    overflow: hidden;
    border-bottom: .5px solid rgba(255,255,255,.06);
}

.unione-rules-wrap .urules-hero::before {
    content: 'v3.0';
    position: absolute;
    font-family: 'Inter Tight', sans-serif;
    font-size: 260px;
    font-weight: 700;
    color: rgba(255,255,255,.025);
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.unione-rules-wrap .urules-hero-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.unione-rules-wrap .urules-hero-tag {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.unione-rules-wrap .urules-hero-tag::before {
    content: '';
    width: 16px;
    height: 1px;
    background: var(--gold);
}

.unione-rules-wrap .urules-hero h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(24px, 3vw, 40px);
    font-weight: 700;
    color: var(--parchment);
    letter-spacing: -.03em;
    line-height: 1.1;
    margin-bottom: 10px;
}

.unione-rules-wrap .urules-hero h1 span {
    background: linear-gradient(135deg,#C4A96A,#F0DFA0,#C4A96A);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: urules-shimmer 4s linear infinite;
}

.unione-rules-wrap .urules-hero-sub {
    font-size: 14px;
    color: rgba(255,255,255,.4);
    font-weight: 300;
    line-height: 1.7;
    margin-bottom: 20px;
}

.unione-rules-wrap .urules-badges {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.unione-rules-wrap .urules-badge {
    font-size: 11px;
    font-weight: 500;
    padding: 4px 12px;
    border-radius: 100px;
    background: rgba(255,255,255,.06);
    border: .5px solid rgba(255,255,255,.1);
    color: rgba(255,255,255,.5);
}

.unione-rules-wrap .urules-badge.gold {
    background: rgba(196,169,106,.15);
    border-color: rgba(196,169,106,.3);
    color: var(--gold);
}

.unione-rules-wrap .urules-stat-card {
    background: rgba(255,255,255,.04);
    border: .5px solid rgba(196,169,106,.2);
    border-radius: var(--r-xl);
    padding: 22px;
}

.unione-rules-wrap .urules-stat-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: .5px solid rgba(255,255,255,.06);
}

.unione-rules-wrap .urules-stat-row:last-child {
    border-bottom: none;
}

.unione-rules-wrap .urules-stat-key {
    font-size: 12px;
    color: rgba(255,255,255,.35);
}

.unione-rules-wrap .urules-stat-val {
    font-size: 13px;
    font-weight: 500;
    color: var(--parchment);
}

/* ── Tab bar ─────────────────────────────────────────────────── */
.unione-rules-wrap .urules-tab-bar {
    background: var(--white);
    border-bottom: .5px solid var(--border);
    padding: 0 52px;
    display: flex;
    gap: 0;
    overflow-x: auto;
}

.unione-rules-wrap .urules-tab-btn {
    font-size: 13px;
    font-weight: 500;
    padding: 16px 22px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    color: var(--ink-mute);
    transition: all .2s;
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    font-family: 'Inter', sans-serif;
    white-space: nowrap;
}

.unione-rules-wrap .urules-tab-btn:hover {
    color: var(--slate);
    background: none !important;
}

.unione-rules-wrap .urules-tab-btn.active {
    color: var(--slate);
    border-bottom-color: var(--gold);
    background: none !important;
}

/* ── Main layout ─────────────────────────────────────────────── */
.unione-rules-wrap .urules-main-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 52px 80px;
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 36px;
    align-items: start;
}

/* ── Sidebar TOC ─────────────────────────────────────────────── */
.unione-rules-wrap .urules-toc {
    position: sticky;
    top: 88px;
}

.unione-rules-wrap .urules-toc-search {
    width: 100%;
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-md);
    padding: 9px 12px;
    font-size: 13px;
    color: var(--ink);
    font-family: 'Inter', sans-serif;
    margin-bottom: 10px;
    transition: border-color .2s;
}

.unione-rules-wrap .urules-toc-search:focus {
    outline: none;
    border-color: var(--slate);
}

.unione-rules-wrap .urules-toc-title {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}

.unione-rules-wrap .urules-toc-links {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.unione-rules-wrap .urules-toc-link {
    font-size: 12px;
    color: var(--ink-mute);
    padding: 7px 10px;
    border-radius: var(--r-sm);
    text-decoration: none !important;
    transition: all .15s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.unione-rules-wrap .urules-toc-link:hover {
    background: var(--ivory);
    color: var(--slate);
}

.unione-rules-wrap .urules-toc-link.active {
    background: var(--slate);
    color: var(--parchment) !important;
    font-weight: 500;
}

.unione-rules-wrap .urules-toc-count {
    font-size: 10px;
    background: var(--ivory);
    color: var(--ink-mute);
    padding: 2px 7px;
    border-radius: 100px;
}

.unione-rules-wrap .urules-toc-link.active .urules-toc-count {
    background: rgba(255,255,255,.1);
    color: var(--gold) !important;
}

.unione-rules-wrap .urules-toc-divider {
    border: none;
    border-top: .5px solid var(--border);
    margin: 10px 0;
}

.unione-rules-wrap .urules-toc-action {
    font-size: 12px;
    font-weight: 500;
    padding: 9px 12px;
    border-radius: var(--r-md);
    border: .5px solid var(--border);
    background: var(--white);
    color: var(--ink);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none !important;
    display: block;
    text-align: center;
    margin-bottom: 6px;
}

.unione-rules-wrap .urules-toc-action:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

.unione-rules-wrap .urules-toc-action.gold {
    background: var(--gold);
    border-color: var(--gold);
    color: var(--obsidian);
}

/* ── Part sections ───────────────────────────────────────────── */
.unione-rules-wrap .urules-part {
    display: none;
    animation: urules-fadeUp .3s ease both;
}

.unione-rules-wrap .urules-part.active {
    display: block;
}

.unione-rules-wrap .urules-part-header {
    background: var(--slate);
    border-radius: var(--r-xl);
    padding: 24px 28px;
    margin-bottom: 14px;
}

.unione-rules-wrap .urules-part-num {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 6px;
}

.unione-rules-wrap .urules-part-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: var(--parchment);
    letter-spacing: -.02em;
    margin-bottom: 4px;
}

.unione-rules-wrap .urules-part-sub {
    font-size: 13px;
    color: rgba(255,255,255,.35);
    font-style: italic;
}

/* ── Articles ────────────────────────────────────────────────── */
.unione-rules-wrap .urules-article {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-lg);
    margin-bottom: 6px;
    overflow: hidden;
    transition: all .2s;
    cursor: pointer;
}

.unione-rules-wrap .urules-article:hover {
    border-color: rgba(42,53,69,.22);
    box-shadow: 0 3px 12px rgba(42,53,69,.05);
}

.unione-rules-wrap .urules-article.expanded {
    border-color: var(--slate);
}

.unione-rules-wrap .urules-article.signature {
    border: .5px solid rgba(196,169,106,.4);
    background: rgba(247,242,232,.35);
}

.unione-rules-wrap .urules-article-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 18px;
    user-select: none;
}

.unione-rules-wrap .urules-article-num {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--gold);
    min-width: 54px;
    flex-shrink: 0;
}

.unione-rules-wrap .urules-article-title {
    font-size: 14px;
    font-weight: 500;
    color: var(--ink);
    flex: 1;
    line-height: 1.3;
}

.unione-rules-wrap .urules-article-arrow {
    font-size: 11px;
    color: var(--ink-mute);
    transition: transform .2s;
    margin-left: auto;
    flex-shrink: 0;
}

.unione-rules-wrap .urules-article.expanded .urules-article-arrow {
    transform: rotate(180deg);
}

.unione-rules-wrap .urules-article-body {
    display: none;
    padding: 16px 18px 18px;
    font-size: 13.5px;
    color: var(--ink-mid);
    line-height: 1.8;
    border-top: .5px solid var(--border);
}

.unione-rules-wrap .urules-article.expanded .urules-article-body {
    display: block;
}

.unione-rules-wrap .urules-article-body p {
    margin-bottom: 10px;
}

.unione-rules-wrap .urules-article-body p:last-child {
    margin-bottom: 0;
}

.unione-rules-wrap .urules-sub {
    display: flex;
    gap: 10px;
    margin-bottom: 7px;
    font-size: 13px;
}

.unione-rules-wrap .urules-sub-label {
    font-weight: 600;
    color: var(--slate);
    min-width: 22px;
    flex-shrink: 0;
}

.unione-rules-wrap .urules-note {
    background: var(--gold-pale);
    border: .5px solid rgba(196,169,106,.3);
    border-radius: var(--r-sm);
    padding: 11px 14px;
    margin-top: 12px;
    font-size: 12.5px;
    color: #6A4A20;
    line-height: 1.6;
}

.unione-rules-wrap .urules-note strong {
    color: #7A6030;
}

/* ── CTA block ───────────────────────────────────────────────── */
.unione-rules-wrap .urules-cta {
    background: var(--obsidian);
    border-radius: var(--r-xl);
    padding: 30px;
    text-align: center;
    margin-top: 20px;
}

.unione-rules-wrap .urules-cta-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: var(--parchment);
    margin-bottom: 7px;
}

.unione-rules-wrap .urules-cta-sub {
    font-size: 13px;
    color: rgba(255,255,255,.38);
    margin-bottom: 18px;
    line-height: 1.6;
}

.unione-rules-wrap .urules-cta-btn {
    display: inline-block;
    background: var(--gold);
    color: var(--obsidian);
    font-size: 13px;
    font-weight: 500;
    padding: 10px 26px;
    border-radius: var(--r-md);
    text-decoration: none !important;
    transition: all .2s;
}

.unione-rules-wrap .urules-cta-btn:hover {
    background: #B89858;
}

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width: 900px) {
    .unione-rules-wrap .urules-hero {
        padding: 40px 20px;
    }
    .unione-rules-wrap .urules-hero-inner {
        grid-template-columns: 1fr;
    }
    .unione-rules-wrap .urules-tab-bar {
        padding: 0 20px;
    }
    .unione-rules-wrap .urules-main-wrap {
        grid-template-columns: 1fr;
        padding: 24px 20px 60px;
    }
    .unione-rules-wrap .urules-toc {
        position: static;
    }
}

@media (max-width: 600px) {
    .unione-rules-wrap .urules-article-header {
        flex-wrap: wrap;
        gap: 8px;
    }
    .unione-rules-wrap .urules-article-num {
        min-width: auto;
    }
    .unione-rules-wrap .urules-article-title {
        font-size: 13px;
    }
    .unione-rules-wrap .urules-tab-btn {
        padding: 12px 16px;
        font-size: 11px;
    }
}
/* ============================================
UNIONE™ STAGE 1 (PREVENTION) - COMPLETE CSS
============================================ */

/* ─────────────────────────────────────────────
   ROOT VARIABLES & RESET
   ───────────────────────────────────────────── */
.us1-wrap *,
.us1-wrap *::before,
.us1-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.us1-wrap {
    --slate: #0a0b0c;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --green: #1A7A4A;
    --green-bg: #E6F4EE;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
    font-family: 'Inter', sans-serif;
    color: var(--ink);
    background: var(--parchment);
}

/* ─────────────────────────────────────────────
   ANIMATIONS
   ───────────────────────────────────────────── */
@keyframes us1-pulse-dot {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: .5;
        transform: scale(.7);
    }
}

@keyframes us1-shimmer {
    0% {
        background-position: -200% center;
    }
    100% {
        background-position: 200% center;
    }
}

@keyframes us1-fadeUp {
    from {
        opacity: 0;
        transform: translateY(18px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ─────────────────────────────────────────────
   HERO SECTION
   ───────────────────────────────────────────── */
.us1-hero {
    background: linear-gradient(135deg, #1A3A28 0%, #2A4535 60%, #1C2534 100%);
    padding: 80px 52px;
    position: relative;
    overflow: hidden;
}

.us1-hero::before {
    content: '01';
    position: absolute;
    font-family: 'Inter Tight', sans-serif;
    font-size: 320px;
    font-weight: 700;
    color: rgba(255, 255, 255, .03);
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.us1-hero-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 72px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.us1-stage-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(26, 122, 74, .2);
    border: .5px solid rgba(26, 122, 74, .4);
    border-radius: 100px;
    padding: 5px 14px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #4ACA8A;
    margin-bottom: 16px;
}

.us1-hero h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 700;
    color: var(--parchment);
    letter-spacing: -.03em;
    line-height: 1.05;
    margin-bottom: 16px;
}

.us1-hero h1 span {
    background: linear-gradient(135deg, #C4A96A, #F0DFA0, #C4A96A);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: us1-shimmer 4s linear infinite;
}

.us1-hero-sub {
    font-size: 16px;
    color: rgba(255, 255, 255, .5);
    font-weight: 300;
    line-height: 1.75;
    margin-bottom: 28px;
}

.us1-hero-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.us1-btn-gold {
    font-size: 14px;
    font-weight: 500;
    padding: 10px 24px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none !important;
    display: inline-block;
}

.us1-btn-gold:hover {
    background: #B89858;
}

.us1-hero-btn-ghost {
    font-size: 14px;
    font-weight: 500;
    padding: 10px 24px;
    border-radius: var(--r-md);
    border: .5px solid rgba(255, 255, 255, .2);
    background: transparent;
    color: rgba(255, 255, 255, .7);
    text-decoration: none !important;
    display: inline-block;
    transition: all .2s;
}

.us1-hero-btn-ghost:hover {
    background: rgba(255, 255, 255, .07);
}

/* Info Card */
.us1-info-card {
    background: rgba(255, 255, 255, .05);
    border: .5px solid rgba(255, 255, 255, .1);
    border-radius: var(--r-xl);
    padding: 28px;
}

.us1-info-card-title {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .4);
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: .5px solid rgba(255, 255, 255, .07);
}

.us1-info-rows {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.us1-info-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.us1-ir-key {
    font-size: 13px;
    color: rgba(255, 255, 255, .4);
}

.us1-ir-val {
    font-size: 13px;
    font-weight: 500;
    color: var(--parchment);
}

/* ─────────────────────────────────────────────
   SECTION BASE
   ───────────────────────────────────────────── */
.us1-section {
    padding: 72px 52px;
}

.us1-section-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.us1-section-tag {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.us1-section-tag::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--gold);
}

.us1-section-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(24px, 3vw, 38px);
    font-weight: 600;
    letter-spacing: -.025em;
    line-height: 1.1;
    color: var(--ink);
    margin-bottom: 14px;
}

.us1-section-sub {
    font-size: 15px;
    color: var(--ink-mute);
    line-height: 1.75;
    font-weight: 300;
    margin-bottom: 40px;
}

.us1-divider {
    height: .5px;
    background: var(--border);
    margin: 0 52px;
}

/* ─────────────────────────────────────────────
   STEPS / HOW IT WORKS
   ───────────────────────────────────────────── */
.us1-steps-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 56px;
    align-items: start;
}

.us1-steps-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    position: relative;
}

.us1-steps-list::before {
    content: '';
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: var(--border);
}

.us1-step-row {
    display: flex;
    gap: 24px;
    padding-bottom: 32px;
    position: relative;
}

.us1-step-row:last-child {
    padding-bottom: 0;
}

.us1-step-dot {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter Tight', sans-serif;
    font-size: 13px;
    font-weight: 700;
    background: var(--white);
    border: .5px solid var(--border);
    z-index: 1;
    transition: all .2s;
}

.us1-step-dot.green {
    background: var(--green);
    border-color: var(--green);
    color: #fff;
}

.us1-step-body {
    padding-top: 8px;
}

.us1-step-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 6px;
}

.us1-step-desc {
    font-size: 13px;
    color: var(--ink-mute);
    line-height: 1.65;
}

.us1-step-time {
    font-size: 11px;
    font-weight: 500;
    color: var(--green);
    background: var(--green-bg);
    padding: 3px 9px;
    border-radius: 100px;
    margin-top: 8px;
    display: inline-block;
}

/* ─────────────────────────────────────────────
   CLAUSE BOX
   ───────────────────────────────────────────── */
.us1-clause-box {
    background: var(--obsidian);
    border-radius: var(--r-xl);
    padding: 32px;
}

.us1-clause-box-title {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 12px;
}

.us1-clause-text {
    font-size: 14px;
    color: rgba(255, 255, 255, .65);
    line-height: 1.85;
    font-style: italic;
    border-left: 2px solid var(--gold);
    padding-left: 20px;
    margin-bottom: 20px;
}

.us1-why-box {
    margin-top: 16px;
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-lg);
    padding: 24px;
}

.us1-why-title {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 14px;
}

.us1-why-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.us1-why-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    color: var(--ink-mid);
}

.us1-why-check {
    color: var(--green);
    font-weight: 700;
    flex-shrink: 0;
}

/* ─────────────────────────────────────────────
   MECHANISMS GRID
   ───────────────────────────────────────────── */
.us1-mech-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.us1-mech-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 28px;
    transition: all .2s;
    cursor: default;
}

.us1-mech-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 48px rgba(42, 53, 69, .08);
    border-color: rgba(42, 53, 69, .2);
}

.us1-mech-icon {
    font-size: 24px;
    margin-bottom: 14px;
}

.us1-mech-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 8px;
}

.us1-mech-desc {
    font-size: 13px;
    color: var(--ink-mute);
    line-height: 1.65;
    margin-bottom: 14px;
}

.us1-mech-art {
    font-size: 11px;
    font-weight: 500;
    color: var(--gold);
    background: var(--gold-pale);
    padding: 3px 10px;
    border-radius: 100px;
    display: inline-block;
    border: .5px solid rgba(196, 169, 106, .3);
}

/* ─────────────────────────────────────────────
   BENEFITS STRIP
   ───────────────────────────────────────────── */
.us1-benefits-strip {
    background: var(--green);
    padding: 48px 52px;
}

.us1-benefits-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
    text-align: center;
}

.us1-ben-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -.02em;
    line-height: 1;
}

.us1-ben-label {
    font-size: 12px;
    color: rgba(255, 255, 255, .65);
    margin-top: 6px;
}

/* ─────────────────────────────────────────────
   NEXT CTA
   ───────────────────────────────────────────── */
.us1-next-cta {
    background: var(--ivory);
    border-top: .5px solid var(--border);
    padding: 52px;
}

.us1-next-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
}

.us1-next-text h3 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 6px;
}

.us1-next-text p {
    font-size: 14px;
    color: var(--ink-mute);
    font-weight: 300;
}

.us1-next-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.us1-btn-outline {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: .5px solid var(--border);
    background: transparent;
    color: var(--ink);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none !important;
    display: inline-block;
}

.us1-btn-outline:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

/* ─────────────────────────────────────────────
   RESPONSIVE BREAKPOINTS
   ───────────────────────────────────────────── */
@media (max-width: 900px) {
    .us1-hero {
        padding: 48px 20px;
    }
    
    .us1-hero-inner,
    .us1-steps-layout,
    .us1-mech-grid {
        grid-template-columns: 1fr;
    }
    
    .us1-section {
        padding: 48px 20px;
    }
    
    .us1-benefits-inner {
        grid-template-columns: 1fr 1fr;
    }
    
    .us1-benefits-strip {
        padding: 36px 20px;
    }
    
    .us1-divider {
        margin: 0 20px;
    }
    
    .us1-next-cta {
        padding: 36px 20px;
    }
}

@media (max-width: 600px) {
    .us1-benefits-inner {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    
    .us1-hero-actions {
        flex-direction: column;
    }
    
    .us1-hero-actions .us1-btn-gold,
    .us1-hero-actions .us1-hero-btn-ghost {
        text-align: center;
    }
    
    .us1-next-inner {
        flex-direction: column;
        text-align: center;
    }
    
    .us1-next-actions {
        justify-content: center;
    }
}

/* ============================================
UNIONE™ STAGE 2 (STRUCTURED RESOLUTION) - COMPLETE CSS
============================================ */

/* ─────────────────────────────────────────────
   ROOT VARIABLES & RESET
   ───────────────────────────────────────────── */
.us2-wrap *,
.us2-wrap *::before,
.us2-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.us2-wrap {
    --slate: #0a0b0c;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --green: #1A7A4A;
    --blue: #1A4A7A;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
    font-family: 'Inter', sans-serif;
    color: var(--ink);
    background: var(--parchment);
}

/* ─────────────────────────────────────────────
   ANIMATIONS
   ───────────────────────────────────────────── */
@keyframes us2-pulse-dot {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: .5;
        transform: scale(.7);
    }
}

@keyframes us2-shimmer {
    0% {
        background-position: -200% center;
    }
    100% {
        background-position: 200% center;
    }
}

/* ─────────────────────────────────────────────
   HERO SECTION
   ───────────────────────────────────────────── */
.us2-hero {
    background: linear-gradient(135deg, #1A2A4A 0%, #243560 60%, #1C2534 100%);
    padding: 80px 52px;
    position: relative;
    overflow: hidden;
}

.us2-hero::before {
    content: '02';
    position: absolute;
    font-family: 'Inter Tight', sans-serif;
    font-size: 320px;
    font-weight: 700;
    color: rgba(255, 255, 255, .03);
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.us2-hero-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 72px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.us2-stage-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(26, 74, 122, .25);
    border: .5px solid rgba(74, 130, 200, .4);
    border-radius: 100px;
    padding: 5px 14px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #7AAAE0;
    margin-bottom: 16px;
}

.us2-hero h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(30px, 4vw, 50px);
    font-weight: 700;
    color: var(--parchment);
    letter-spacing: -.03em;
    line-height: 1.05;
    margin-bottom: 16px;
}

.us2-hero h1 span {
    background: linear-gradient(135deg, #C4A96A, #F0DFA0, #C4A96A);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: us2-shimmer 4s linear infinite;
}

.us2-hero-sub {
    font-size: 16px;
    color: rgba(255, 255, 255, .5);
    font-weight: 300;
    line-height: 1.75;
    margin-bottom: 28px;
}

.us2-hero-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.us2-btn-gold {
    font-size: 14px;
    font-weight: 500;
    padding: 10px 24px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none !important;
    display: inline-block;
}

.us2-btn-gold:hover {
    background: #B89858;
}

.us2-hero-btn-ghost {
    font-size: 14px;
    font-weight: 500;
    padding: 10px 24px;
    border-radius: var(--r-md);
    border: .5px solid rgba(255, 255, 255, .2);
    background: transparent;
    color: rgba(255, 255, 255, .7);
    text-decoration: none !important;
    display: inline-block;
    transition: all .2s;
}

.us2-hero-btn-ghost:hover {
    background: var(--gold) !important;
    text-decoration: none !important;
    color: var(--obsidian);
}

/* Info Card */
.us2-info-card {
    background: rgba(255, 255, 255, .05);
    border: .5px solid rgba(255, 255, 255, .1);
    border-radius: var(--r-xl);
    padding: 28px;
}

.us2-info-card-title {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .4);
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: .5px solid rgba(255, 255, 255, .07);
}

.us2-info-rows {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.us2-info-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.us2-ir-key {
    font-size: 13px;
    color: rgba(255, 255, 255, .4);
}

.us2-ir-val {
    font-size: 13px;
    font-weight: 500;
    color: var(--parchment);
}

/* ─────────────────────────────────────────────
   SECTION BASE
   ───────────────────────────────────────────── */
.us2-section {
    padding: 72px 52px;
}

.us2-section-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.us2-section-tag {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.us2-section-tag::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--gold);
}

.us2-section-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(22px, 3vw, 36px);
    font-weight: 600;
    letter-spacing: -.025em;
    line-height: 1.1;
    color: var(--ink);
    margin-bottom: 14px;
}

.us2-section-sub {
    font-size: 15px;
    color: var(--ink-mute);
    line-height: 1.75;
    font-weight: 300;
    margin-bottom: 40px;
}

.us2-divider {
    height: .5px;
    background: var(--border);
    margin: 0 52px;
}

/* ─────────────────────────────────────────────
   TOOLS GRID
   ───────────────────────────────────────────── */
.us2-tools-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.us2-tool-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 32px;
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 20px;
    transition: all .2s;
}

.us2-tool-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 40px rgba(42, 53, 69, .07);
    border-color: rgba(42, 53, 69, .2);
}

.us2-tool-icon {
    width: 48px;
    height: 48px;
    border-radius: var(--r-lg);
    background: var(--ivory);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}

.us2-tool-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 6px;
}

.us2-tool-desc {
    font-size: 13px;
    color: var(--ink-mute);
    line-height: 1.65;
    margin-bottom: 12px;
}

.us2-tool-tags {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.us2-tool-tag {
    font-size: 11px;
    font-weight: 500;
    padding: 3px 9px;
    border-radius: 100px;
    background: var(--ivory);
    color: var(--ink-mid);
    border: .5px solid var(--border);
}

/* ─────────────────────────────────────────────
   COMPARISON TABLE
   ───────────────────────────────────────────── */
.us2-compare-table {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    overflow: hidden;
}

.us2-cth {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    background: var(--slate);
    padding: 16px 24px;
    gap: 16px;
}

.us2-cth-cell {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .5);
}

.us2-cth-cell:first-child {
    color: var(--gold);
}

.us2-ct-row {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    padding: 14px 24px;
    gap: 16px;
    border-bottom: .5px solid var(--border);
    align-items: center;
}

.us2-ct-row:last-child {
    border-bottom: none;
}

.us2-ct-row:hover {
    background: var(--ivory);
}

.us2-ct-label {
    font-size: 13px;
    font-weight: 500;
    color: var(--ink);
}

.us2-ct-cell {
    font-size: 13px;
    color: var(--ink-mute);
}

.us2-ct-cell.yes {
    color: var(--green);
    font-weight: 500;
}

.us2-ct-cell.no {
    color: #C0392B;
}

.us2-ct-cell.partial {
    color: #9C5A1A;
}

/* ─────────────────────────────────────────────
   NEXT CTA
   ───────────────────────────────────────────── */
.us2-next-cta {
    background: var(--ivory);
    border-top: .5px solid var(--border);
    padding: 52px;
}

.us2-next-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
}

.us2-next-text h3 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 6px;
}

.us2-next-text p {
    font-size: 14px;
    color: var(--ink-mute);
    font-weight: 300;
}

.us2-next-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.us2-btn-outline {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: .5px solid var(--border);
    background: transparent;
    color: var(--ink);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none !important;
    display: inline-block;
}

.us2-btn-outline:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

/* ─────────────────────────────────────────────
   RESPONSIVE BREAKPOINTS
   ───────────────────────────────────────────── */
@media (max-width: 900px) {
    .us2-hero {
        padding: 48px 20px;
    }
    
    .us2-hero-inner {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    
    .us2-section {
        padding: 48px 20px;
    }
    
    .us2-tools-grid {
        grid-template-columns: 1fr;
    }
    
    .us2-divider {
        margin: 0 20px;
    }
    
    .us2-next-cta {
        padding: 36px 20px;
    }
    
    .us2-cth,
    .us2-ct-row {
        grid-template-columns: 1fr 1fr;
    }
    
    .us2-cth-cell:nth-child(3),
    .us2-cth-cell:nth-child(4),
    .us2-ct-cell:nth-child(3),
    .us2-ct-cell:nth-child(4) {
        display: none;
    }
}

@media (max-width: 600px) {
    .us2-hero-actions {
        flex-direction: column;
    }
    
    .us2-hero-actions .us2-btn-gold,
    .us2-hero-actions .us2-hero-btn-ghost {
        text-align: center;
    }
    
    .us2-next-inner {
        flex-direction: column;
        text-align: center;
    }
    
    .us2-next-actions {
        justify-content: center;
    }
    
    .us2-tool-card {
        grid-template-columns: 1fr;
        text-align: center;
    }
    
    .us2-tool-icon {
        margin: 0 auto;
    }
    
    .us2-tool-tags {
        justify-content: center;
    }
}
/* ============================================
UNIONE™ STAGE 3 (ARBITRATION) - COMPLETE CSS
============================================ */

/* ─────────────────────────────────────────────
   ROOT VARIABLES & RESET
   ───────────────────────────────────────────── */
.us3-wrap *,
.us3-wrap *::before,
.us3-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:root {
    --gold: #C4A96A;
}

.us3-wrap {
    --slate: #0a0b0c;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --green: #1A7A4A;
    --green-bg: #E6F4EE;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
    font-family: 'Inter', sans-serif;
    color: var(--ink);
    background: var(--parchment);
}

/* ─────────────────────────────────────────────
   ANIMATIONS
   ───────────────────────────────────────────── */
@keyframes us3-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: .5; }
}

@keyframes us3-shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

/* ─────────────────────────────────────────────
   HERO SECTION
   ───────────────────────────────────────────── */
.us3-hero {
    background: var(--slate);
    padding: 80px 52px;
    position: relative;
    overflow: hidden;
}

.us3-hero::before {
    content: '03';
    position: absolute;
    font-family: 'Inter Tight', sans-serif;
    font-size: 320px;
    font-weight: 700;
    color: rgba(255, 255, 255, .03);
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.us3-hero-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 72px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.us3-stage-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(196, 169, 106, .15);
    border: .5px solid rgba(196, 169, 106, .3);
    border-radius: 100px;
    padding: 5px 14px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 16px;
}

.us3-hero h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 700;
    color: var(--parchment);
    line-height: 1.05;
    margin-bottom: 16px;
}

.us3-hero h1 span {
    background: linear-gradient(135deg, #C4A96A, #F0DFA0, #C4A96A);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: us3-shimmer 4s linear infinite;
}

.us3-hero-sub {
    font-size: 16px;
    color: rgba(255, 255, 255, .5);
    font-weight: 300;
    line-height: 1.75;
    margin-bottom: 28px;
}

.us3-hero-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.us3-btn-gold {
    font-size: 14px;
    font-weight: 500;
    padding: 10px 24px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none !important;
    display: inline-block;
}

.us3-btn-gold:hover {
    background: #B89858;
}

.us3-hero-ghost {
    font-size: 14px;
    font-weight: 500;
    padding: 10px 24px;
    border-radius: var(--r-md);
    border: .5px solid rgba(255, 255, 255, .2);
    background: transparent;
    color: rgba(255, 255, 255, .7);
    text-decoration: none !important;
    display: inline-block;
    transition: all .2s;
}

.us3-hero-ghost:hover {
    background: rgba(255, 255, 255, .07);
}

/* Info Card */
.us3-info-card {
    background: rgba(255, 255, 255, .05);
    border: .5px solid rgba(255, 255, 255, .1);
    border-radius: var(--r-xl);
    padding: 28px;
}

.us3-info-card-title {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .4);
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: .5px solid rgba(255, 255, 255, .07);
}

.us3-info-rows {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.us3-info-row {
    display: flex;
    justify-content: space-between;
}

.us3-ir-key {
    font-size: 13px;
    color: rgba(255, 255, 255, .4);
}

.us3-ir-val {
    font-size: 13px;
    font-weight: 500;
    color: var(--parchment);
    text-align: right;
}

/* ─────────────────────────────────────────────
   SECTION BASE
   ───────────────────────────────────────────── */
.us3-section {
    padding: 72px 52px;
}

.us3-section-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.us3-section-tag {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.us3-section-tag::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--gold);
}

.us3-section-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(24px, 3vw, 38px);
    font-weight: 600;
    letter-spacing: -.025em;
    line-height: 1.1;
    color: var(--ink);
    margin-bottom: 14px;
}

.us3-section-sub {
    font-size: 15px;
    color: var(--ink-mute);
    line-height: 1.75;
    font-weight: 300;
    margin-bottom: 32px;
}

.us3-divider {
    height: .5px;
    background: var(--border);
    margin: 0 52px;
}

/* ─────────────────────────────────────────────
   TIMELINE
   ───────────────────────────────────────────── */
.us3-timeline {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0;
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    overflow: hidden;
}

.us3-tl-col {
    padding: 24px 20px;
    border-right: .5px solid var(--border);
    background: var(--white);
}

.us3-tl-col:last-child {
    border-right: none;
}

.us3-tl-col.highlight {
    background: var(--slate);
}

.us3-tl-phase {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 8px;
}

.us3-tl-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 6px;
}

.us3-tl-col.highlight .us3-tl-title {
    color: var(--parchment);
}

.us3-tl-time {
    font-size: 11px;
    font-weight: 500;
    color: var(--green);
    background: var(--green-bg);
    padding: 2px 8px;
    border-radius: 100px;
    margin-bottom: 8px;
    display: inline-block;
}

.us3-tl-col.highlight .us3-tl-time {
    background: rgba(26, 122, 74, .2);
    color: #4ACA8A;
}

.us3-tl-desc {
    font-size: 12px;
    color: var(--ink-mute);
    line-height: 1.6;
}

.us3-tl-col.highlight .us3-tl-desc {
    color: rgba(255, 255, 255, .4);
}

/* ─────────────────────────────────────────────
   FEATURES GRID
   ───────────────────────────────────────────── */
.us3-features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.us3-feat-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 26px;
    transition: all .2s;
}

.us3-feat-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 32px rgba(42, 53, 69, .06);
}

.us3-feat-icon {
    font-size: 22px;
    margin-bottom: 12px;
}

.us3-feat-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 6px;
}

.us3-feat-desc {
    font-size: 13px;
    color: var(--ink-mute);
    line-height: 1.65;
}

.us3-feat-art {
    font-size: 11px;
    font-weight: 500;
    color: var(--gold);
    background: var(--gold-pale);
    padding: 3px 9px;
    border-radius: 100px;
    display: inline-block;
    border: .5px solid rgba(196, 169, 106, .3);
    margin-top: 10px;
}

/* ─────────────────────────────────────────────
   DARK ERR SECTION
   ───────────────────────────────────────────── */
.us3-dark {
    background: var(--obsidian);
    padding: 72px 52px;
}

.us3-dark-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.us3-dark .us3-section-title {
    color: var(--parchment);
}

.us3-err-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    margin-top: 40px;
}

.us3-err-text h3 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: var(--parchment);
    margin-bottom: 12px;
}

.us3-err-text p {
    font-size: 14px;
    color: rgba(255, 255, 255, .5);
    line-height: 1.75;
    font-weight: 300;
    margin-bottom: 16px;
}

.us3-err-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.us3-err-li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    color: rgba(255, 255, 255, .55);
}

.us3-err-li::before {
    content: '✓';
    color: var(--gold);
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 1px;
}

.us3-err-cert {
    background: rgba(255, 255, 255, .04);
    border: .5px solid rgba(196, 169, 106, .2);
    border-radius: var(--r-xl);
    overflow: hidden;
}

.us3-ecm-header {
    background: rgba(196, 169, 106, .1);
    padding: 16px 20px;
    border-bottom: .5px solid rgba(196, 169, 106, .15);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.us3-ecm-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--parchment);
}

.us3-ecm-badge {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 100px;
    background: rgba(196, 169, 106, .2);
    color: var(--gold);
    border: .5px solid var(--gold);
}

.us3-ecm-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    border-bottom: .5px solid rgba(255, 255, 255, .05);
}

.us3-ecm-row:last-child {
    border-bottom: none;
}

.us3-ecm-dot {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.us3-ecm-dot.g {
    background: rgba(26, 122, 74, .2);
}

.us3-ecm-dot.a {
    background: rgba(196, 169, 106, .15);
}

.us3-ecm-label {
    flex: 1;
    font-size: 12px;
    color: rgba(255, 255, 255, .55);
}

.us3-ecm-status {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.us3-ecm-status.pass {
    color: var(--green);
}

.us3-ecm-status.adv {
    color: var(--gold);
}

/* ─────────────────────────────────────────────
   NEXT CTA
   ───────────────────────────────────────────── */
.us3-next {
    background: var(--ivory);
    border-top: .5px solid var(--border);
    padding: 52px;
}

.us3-next-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
}

.us3-next-text h3 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 6px;
}

.us3-next-text p {
    font-size: 14px;
    color: var(--ink-mute);
    font-weight: 300;
}

.us3-next-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.us3-btn-outline {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: .5px solid var(--border);
    background: transparent;
    color: var(--ink);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none !important;
    display: inline-block;
}

.us3-btn-outline:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

/* ─────────────────────────────────────────────
   RESPONSIVE BREAKPOINTS
   ───────────────────────────────────────────── */
@media (max-width: 900px) {
    .us3-hero {
        padding: 48px 20px;
    }
    
    .us3-hero-inner {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    
    .us3-section {
        padding: 48px 20px;
    }
    
    .us3-dark {
        padding: 48px 20px;
    }
    
    .us3-timeline {
        grid-template-columns: 1fr 1fr;
    }
    
    .us3-features-grid {
        grid-template-columns: 1fr;
    }
    
    .us3-err-grid {
        grid-template-columns: 1fr;
    }
    
    .us3-divider {
        margin: 0 20px;
    }
    
    .us3-next {
        padding: 36px 20px;
    }
}

@media (max-width: 600px) {
    .us3-hero-actions {
        flex-direction: column;
    }
    
    .us3-hero-actions .us3-btn-gold,
    .us3-hero-actions .us3-hero-ghost {
        text-align: center;
    }
    
    .us3-timeline {
        grid-template-columns: 1fr;
    }
    
    .us3-next-inner {
        flex-direction: column;
        text-align: center;
    }
    
    .us3-next-actions {
        justify-content: center;
    }
    
    .us3-info-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    
    .us3-ir-val {
        text-align: left;
    }
}
/* ============================================
UNIONE™ STAGE 4 (ENFORCEMENT) - COMPLETE CSS
============================================ */

/* ─────────────────────────────────────────────
   ROOT VARIABLES & RESET
   ───────────────────────────────────────────── */
.us4-wrap *,
.us4-wrap *::before,
.us4-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.us4-wrap {
    --slate: #0a0b0c;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --green: #1A7A4A;
    --green-bg: #E6F4EE;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
    font-family: 'Inter', sans-serif;
    color: var(--ink);
    background: var(--parchment);
}

:root {
    --gold: #C4A96A;
}

/* ─────────────────────────────────────────────
   ANIMATIONS
   ───────────────────────────────────────────── */
@keyframes us4-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: .5; }
}

@keyframes us4-shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

/* ─────────────────────────────────────────────
   HERO SECTION
   ───────────────────────────────────────────── */
.us4-hero {
    background: linear-gradient(135deg, #1A1820 0%, #2A2040 60%, #1C1530 100%);
    padding: 80px 52px;
    position: relative;
    overflow: hidden;
}

.us4-hero::before {
    content: '04';
    position: absolute;
    font-family: 'Inter Tight', sans-serif;
    font-size: 320px;
    font-weight: 700;
    color: rgba(255, 255, 255, .03);
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.us4-hero-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 72px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.us4-stage-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(196, 169, 106, .15);
    border: .5px solid rgba(196, 169, 106, .3);
    border-radius: 100px;
    padding: 5px 14px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 16px;
}

.us4-hero h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 700;
    color: var(--parchment);
    line-height: 1.05;
    margin-bottom: 16px;
}

.us4-hero h1 span {
    background: linear-gradient(135deg, #C4A96A, #F0DFA0, #C4A96A);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: us4-shimmer 4s linear infinite;
}

.us4-hero-sub {
    font-size: 16px;
    color: rgba(255, 255, 255, .5);
    font-weight: 300;
    line-height: 1.75;
    margin-bottom: 28px;
}

.us4-hero-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.us4-btn-gold {
    font-size: 14px;
    font-weight: 500;
    padding: 10px 24px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none !important;
    display: inline-block;
}

.us4-btn-gold:hover {
    background: #B89858;
}

.us4-hero-ghost {
    font-size: 14px;
    font-weight: 500;
    padding: 10px 24px;
    border-radius: var(--r-md);
    border: .5px solid rgba(255, 255, 255, .2);
    background: transparent;
    color: rgba(255, 255, 255, .7);
    text-decoration: none !important;
    display: inline-block;
    transition: all .2s;
}

.us4-hero-ghost:hover {
    background: rgba(255, 255, 255, .07);
}

/* Info Card */
.us4-info-card {
    background: rgba(255, 255, 255, .05);
    border: .5px solid rgba(255, 255, 255, .1);
    border-radius: var(--r-xl);
    padding: 28px;
}

.us4-info-card-title {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .4);
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: .5px solid rgba(255, 255, 255, .07);
}

.us4-info-rows {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.us4-info-row {
    display: flex;
    justify-content: space-between;
}

.us4-ir-key {
    font-size: 13px;
    color: rgba(255, 255, 255, .4);
}

.us4-ir-val {
    font-size: 13px;
    font-weight: 500;
    color: var(--parchment);
    text-align: right;
}

/* ─────────────────────────────────────────────
   SECTION BASE
   ───────────────────────────────────────────── */
.us4-section {
    padding: 72px 52px;
}

.us4-section-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.us4-section-tag {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.us4-section-tag::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--gold);
}

.us4-section-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(24px, 3vw, 38px);
    font-weight: 600;
    letter-spacing: -.025em;
    line-height: 1.1;
    color: var(--ink);
    margin-bottom: 14px;
}

.us4-section-sub {
    font-size: 15px;
    color: var(--ink-mute);
    line-height: 1.75;
    font-weight: 300;
    margin-bottom: 32px;
}

.us4-divider {
    height: .5px;
    background: var(--border);
    margin: 0 52px;
}

/* ─────────────────────────────────────────────
   STEPS GRID
   ───────────────────────────────────────────── */
.us4-steps-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.us4-step-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 28px;
    transition: all .2s;
}

.us4-step-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 36px rgba(42, 53, 69, .07);
}

.us4-sc-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 12px;
}

.us4-sc-icon {
    font-size: 22px;
    margin-bottom: 12px;
}

.us4-sc-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 8px;
}

.us4-sc-desc {
    font-size: 13px;
    color: var(--ink-mute);
    line-height: 1.65;
}

/* ─────────────────────────────────────────────
   JURISDICTION GRID
   ───────────────────────────────────────────── */
.us4-juris-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.us4-juris-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-lg);
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    transition: all .2s;
}

.us4-juris-card:hover {
    border-color: rgba(42, 53, 69, .2);
    background: var(--ivory);
}

.us4-juris-flag {
    font-size: 24px;
    flex-shrink: 0;
}

.us4-juris-country {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
}

.us4-juris-framework {
    font-size: 12px;
    color: var(--ink-mute);
    margin-top: 2px;
}

.us4-juris-status {
    font-size: 10px;
    font-weight: 500;
    padding: 2px 8px;
    border-radius: 100px;
    background: var(--green-bg);
    color: var(--green);
    margin-top: 6px;
    display: inline-block;
}

/* ─────────────────────────────────────────────
   CTA SECTION
   ───────────────────────────────────────────── */
.us4-cta {
    background: var(--obsidian);
    padding: 72px 52px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.us4-cta-inner {
    max-width: 600px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.us4-cta-inner h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 38px;
    font-weight: 700;
    color: var(--parchment);
    line-height: 1.1;
    margin-bottom: 14px;
}

.us4-cta-inner p {
    font-size: 15px;
    color: rgba(255, 255, 255, .4);
    margin-bottom: 32px;
    line-height: 1.7;
    font-weight: 300;
}

.us4-cta-btns {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

.us4-cta-ghost {
    font-size: 15px;
    font-weight: 500;
    padding: 13px 32px;
    border-radius: var(--r-md);
    border: .5px solid rgba(255, 255, 255, .2);
    background: transparent;
    color: rgba(255, 255, 255, .7);
    text-decoration: none !important;
    display: inline-block;
    transition: all .2s;
}

.us4-cta-ghost:hover {
    background: rgba(255, 255, 255, .07);
}

/* ─────────────────────────────────────────────
   RESPONSIVE BREAKPOINTS
   ───────────────────────────────────────────── */
@media (max-width: 900px) {
    .us4-hero {
        padding: 48px 20px;
    }
    
    .us4-hero-inner {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    
    .us4-section {
        padding: 48px 20px;
    }
    
    .us4-steps-grid {
        grid-template-columns: 1fr;
    }
    
    .us4-juris-grid {
        grid-template-columns: 1fr 1fr;
    }
    
    .us4-cta {
        padding: 48px 20px;
    }
    
    .us4-divider {
        margin: 0 20px;
    }
}

@media (max-width: 600px) {
    .us4-hero-actions {
        flex-direction: column;
    }
    
    .us4-hero-actions .us4-btn-gold,
    .us4-hero-actions .us4-hero-ghost {
        text-align: center;
    }
    
    .us4-juris-grid {
        grid-template-columns: 1fr;
    }
    
    .us4-cta-inner h2 {
        font-size: 28px;
    }
    
    .us4-cta-btns {
        flex-direction: column;
    }
    
    .us4-cta-btns .us4-btn-gold,
    .us4-cta-btns .us4-cta-ghost {
        text-align: center;
    }
    
    .us4-info-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    
    .us4-ir-val {
        text-align: left;
    }
    
    .us4-juris-card {
        padding: 16px;
    }
}
/* ============================================
UNIONE™ ABOUT PAGE - COMPLETE CSS
============================================ */

/* ─────────────────────────────────────────────
   ROOT VARIABLES & RESET
   ───────────────────────────────────────────── */
.unione-about-page {
    --slate: #2A3545;
    --slate-deep: #1C2534;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-light: #E8D9B0;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --green: #1A7A4A;
    --green-bg: #E6F4EE;
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
    font-family: 'Inter', sans-serif;
    color: var(--ink);
    overflow-x: hidden;
}

.unione-about-page *,
.unione-about-page *::before,
.unione-about-page *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* ─────────────────────────────────────────────
   ANIMATIONS
   ───────────────────────────────────────────── */
@keyframes uap-pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(0.7); }
}

@keyframes uap-shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

@keyframes uap-spin-slow {
    to { transform: rotate(360deg); }
}

/* ─────────────────────────────────────────────
   SECTION SYSTEM
   ───────────────────────────────────────────── */
.uap-section {
    padding: 80px 24px;
    position: relative;
    overflow: hidden;
}
.uap-section-inner {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
}
.uap-section-tag {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.uap-section-tag::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 1px;
    background: var(--gold);
}
.uap-section-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(32px, 6vw, 58px);
    font-weight: 700;
    letter-spacing: -0.035em;
    line-height: 1.1;
    color: var(--ink);
    margin-bottom: 20px;
}
.uap-section-sub {
    font-size: 16px;
    color: var(--ink-mid);
    line-height: 1.6;
    max-width: 600px;
    margin-bottom: 48px;
    font-weight: 300;
}
.uap-divider {
    height: 0.5px;
    background: var(--border);
    margin: 0 24px;
}

/* Backgrounds */
.uap-bg-white { background: var(--white); }
.uap-bg-ivory { background: var(--ivory); }
.uap-bg-obsidian { background: var(--obsidian); }

/* Dot Texture */
.uap-bg-white::before,
.uap-bg-ivory::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(42,53,69,0.04) 1px, transparent 1px);
    background-size: 28px 28px;
    pointer-events: none;
    z-index: 0;
    opacity: 0.6;
}
.uap-bg-white::after {
    content: '';
    position: absolute;
    top: -60px;
    right: -60px;
    width: 280px;
    height: 280px;
    background: radial-gradient(ellipse, rgba(196,169,106,0.07) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
    border-radius: 50%;
}

/* Grid Overlay */
.uap-grid-overlay {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(196,169,106,0.03) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(196,169,106,0.03) 1px, transparent 1px);
    background-size: 60px 60px;
    pointer-events: none;
    z-index: 0;
}

/* Glow Blobs */
.uap-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    z-index: 0;
}
.uap-glow-gold { background: radial-gradient(ellipse, rgba(196,169,106,0.18) 0%, transparent 70%); }
.uap-glow-slate { background: radial-gradient(ellipse, rgba(42,53,69,0.25) 0%, transparent 70%); }

/* Rings */
.uap-ring {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    display: none;
}
@media (min-width: 1024px) {
    .uap-ring { display: block; }
    .uap-ring-1 { width: 500px; height: 500px; border: 1px solid rgba(196,169,106,0.08); right: -120px; top: -80px; animation: uap-spin-slow 40s linear infinite; }
    .uap-ring-2 { width: 340px; height: 340px; border: 1px solid rgba(196,169,106,0.05); right: -40px; top: -20px; animation: uap-spin-slow 30s linear infinite reverse; }
    .uap-ring-3 { width: 180px; height: 180px; border: 0.5px solid rgba(196,169,106,0.12); right: 80px; top: 60px; animation: uap-spin-slow 20s linear infinite; }
}

/* ─────────────────────────────────────────────
   BUTTONS
   ───────────────────────────────────────────── */
.uap-btn-gold {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all 0.2s;
    text-decoration: none;
    display: inline-block;
}
.uap-btn-gold:hover { background: #B89858; }
.uap-btn-outline {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: 0.5px solid rgba(255,255,255,0.2);
    background: transparent;
    color: rgba(255,255,255,0.7);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all 0.2s;
    text-decoration: none;
    display: inline-block;
}
.uap-btn-outline:hover { background: rgba(255,255,255,0.05); }
.uap-btn-large { font-size: 15px; padding: 13px 36px; }

/* ─────────────────────────────────────────────
   HERO
   ───────────────────────────────────────────── */
.uap-hero {
    background: var(--slate);
    padding: 80px 24px;
    position: relative;
    overflow: hidden;
    min-height: auto;
    display: flex;
    align-items: center;
}
@media (min-width: 768px) {
    .uap-hero { padding: 100px 40px; min-height: 82vh; }
}
@media (min-width: 1024px) {
    .uap-hero { padding: 140px 52px; }
}
.uap-hero-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
}
.uap-hero-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.uap-hero-bg-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(42,53,69,.88) 0%, rgba(28,37,52,.82) 100%);
}
.uap-hero-glow-container {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 0;
}
.uap-glow-pos-1 {
    width: 500px;
    height: 400px;
    top: -100px;
    right: -80px;
    opacity: 0.7;
}
.uap-glow-pos-2 {
    width: 400px;
    height: 400px;
    bottom: -100px;
    left: -80px;
    opacity: 0.5;
}
.uap-hero-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
}
@media (min-width: 900px) {
    .uap-hero-inner {
        display: grid;
        grid-template-columns: 1fr 420px;
        gap: 20px;
        align-items: center;
    }
}
.uap-hero-tag {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.uap-hero-tag::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--gold);
    display: inline-block;
}
.uap-hero h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(36px, 7vw, 64px);
    font-weight: 700;
    color: var(--parchment);
    letter-spacing: -0.03em;
    line-height: 1.1;
    margin-bottom: 20px;
}
.uap-hero h1 span {
    background: linear-gradient(135deg, #C4A96A, #F0DFA0, #C4A96A);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: uap-shimmer 4s linear infinite;
}
.uap-hero-sub {
    font-size: 15px;
    color: rgba(255,255,255,0.45);
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 32px;
}
@media (min-width: 768px) {
    .uap-hero-sub { font-size: 16px; line-height: 1.75; }
}
.uap-hero-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.uap-manifesto-card {
    background: rgba(255,255,255,0.04);
    border: 0.5px solid rgba(196,169,106,0.2);
    border-radius: var(--r-xl);
    padding: 24px;
    width: 100%;
}
@media (min-width: 768px) {
    .uap-manifesto-card { padding: 32px; }
}
.uap-manifesto-quote {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: var(--parchment);
    line-height: 1.4;
    margin-bottom: 16px;
    font-style: italic;
}
@media (min-width: 768px) {
    .uap-manifesto-quote { font-size: 20px; line-height: 1.5; }
}
.uap-manifesto-attr {
    font-size: 11px;
    color: rgba(255,255,255,0.3);
    letter-spacing: 0.04em;
}

/* ─────────────────────────────────────────────
   STATS ROW
   ───────────────────────────────────────────── */
.uap-stats-row {
    background: var(--ivory);
    border-top: 0.5px solid var(--border);
    border-bottom: 0.5px solid var(--border);
    padding: 40px 24px;
    position: relative;
    overflow: hidden;
}
@media (min-width: 768px) {
    .uap-stats-row { padding: 44px 52px; }
}
.uap-stats-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 24px;
    text-align: center;
    position: relative;
    z-index: 1;
}
@media (min-width: 550px) {
    .uap-stats-inner { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 900px) {
    .uap-stats-inner { grid-template-columns: repeat(5, 1fr); }
}
.uap-stat-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: var(--slate);
    letter-spacing: -0.03em;
    line-height: 1;
}
@media (min-width: 768px) {
    .uap-stat-num { font-size: 40px; }
}
.uap-stat-label {
    font-size: 11px;
    color: var(--ink-mute);
    margin-top: 6px;
    line-height: 1.3;
}
@media (min-width: 768px) {
    .uap-stat-label { font-size: 12px; }
}

/* ─────────────────────────────────────────────
   PHOTO STRIPE
   ───────────────────────────────────────────── */
.uap-photo-stripe {
    width: 100%;
    height: 280px;
    position: relative;
    overflow: hidden;
    display: flex;
}
@media (min-width: 768px) {
    .uap-photo-stripe { height: 340px; }
}
.uap-photo-stripe img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    filter: saturate(1.1);
}
.uap-photo-stripe-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(20,24,32,0.55) 0%, rgba(20,24,32,0) 40%, rgba(20,24,32,0) 60%, rgba(20,24,32,0.35) 100%);
}
.uap-photo-stripe-caption {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}
@media (min-width: 768px) {
    .uap-photo-stripe-caption {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
        bottom: 28px;
        left: 52px;
        right: 52px;
    }
}
.uap-photo-stripe-text {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
    max-width: 100%;
    line-height: 1.25;
    text-shadow: 0 2px 20px rgba(0,0,0,0.4);
}
@media (min-width: 768px) {
    .uap-photo-stripe-text { font-size: 24px; max-width: 460px; }
}
.uap-photo-stripe-stat-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: var(--gold);
    letter-spacing: -0.04em;
    line-height: 1;
    display: block;
    text-align: left;
}
@media (min-width: 768px) {
    .uap-photo-stripe-stat-num {
        font-size: 40px;
        text-align: right;
    }
}
.uap-photo-stripe-stat-label {
    font-size: 10px;
    color: rgba(255,255,255,0.55);
    margin-top: 4px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: left;
}
@media (min-width: 768px) {
    .uap-photo-stripe-stat-label { text-align: right; }
}

/* ─────────────────────────────────────────────
   MISSION
   ───────────────────────────────────────────── */
.uap-mission-layout {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: stretch;
    margin-top: 32px;
}
@media (min-width: 900px) {
    .uap-mission-layout {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 56px;
        align-items: start;
        margin-top: 48px;
    }
}
.uap-mission-text {
    font-size: 16px;
    color: var(--ink-mid);
    line-height: 1.7;
    font-weight: 300;
}
@media (min-width: 768px) {
    .uap-mission-text { font-size: 17px; line-height: 1.85; }
}
.uap-mission-text p { margin-bottom: 20px; }
.uap-mission-text p:last-child { margin-bottom: 0; }
.uap-mission-text strong { color: var(--ink); font-weight: 500; }
.uap-values-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
@media (min-width: 768px) {
    .uap-values-list { gap: 14px; }
}
.uap-value-card {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-lg);
    padding: 18px 20px;
    transition: all 0.2s;
    cursor: default;
}
@media (min-width: 768px) {
    .uap-value-card { padding: 22px 24px; }
}
.uap-value-card:hover {
    border-color: rgba(42,53,69,0.25);
    transform: translateX(4px);
}
.uap-value-num {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 6px;
}
.uap-value-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 4px;
}
@media (min-width: 768px) {
    .uap-value-title { font-size: 16px; }
}
.uap-value-desc {
    font-size: 13px;
    color: var(--ink-mute);
    line-height: 1.5;
}

/* ─────────────────────────────────────────────
   FOUNDING TIMELINE
   ───────────────────────────────────────────── */
.uap-founding-timeline {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1px;
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    overflow: hidden;
    margin-top: 32px;
    background: var(--border);
}
@media (min-width: 640px) {
    .uap-founding-timeline { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 900px) {
    .uap-founding-timeline { grid-template-columns: repeat(4, 1fr); gap: 0; }
}
.uap-ft-col {
    padding: 24px 20px;
    background: var(--white);
}
@media (min-width: 768px) {
    .uap-ft-col { padding: 32px 28px; }
}
.uap-ft-col:not(:last-child) {
    border-bottom: 0.5px solid var(--border);
}
@media (min-width: 900px) {
    .uap-ft-col:not(:last-child) {
        border-bottom: none;
        border-right: 0.5px solid var(--border);
    }
}
.uap-ft-col-dark { background: var(--slate); }
.uap-ft-col-highlight { background: var(--gold-pale); border-left: 0.5px solid rgba(196,169,106,.3); }
.uap-ft-year {
    font-family: 'Inter Tight', sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin-bottom: 8px;
}
@media (min-width: 768px) {
    .uap-ft-year { font-size: 28px; }
}
.uap-ft-year-gold { color: var(--gold); }
.uap-ft-year-dark { color: var(--slate); }
.uap-ft-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
}
@media (min-width: 768px) {
    .uap-ft-title { font-size: 15px; }
}
.uap-ft-title-light { color: var(--parchment); }
.uap-ft-desc {
    font-size: 12px;
    line-height: 1.5;
}
@media (min-width: 768px) {
    .uap-ft-desc { font-size: 13px; line-height: 1.6; }
}
.uap-ft-desc-light { color: rgba(255,255,255,.5); }

/* ─────────────────────────────────────────────
   DARK SECTION (PRINCIPLES)
   ───────────────────────────────────────────── */
.uap-dark-section {
    background: var(--obsidian);
    padding: 80px 24px;
    position: relative;
    overflow: hidden;
}
@media (min-width: 768px) {
    .uap-dark-section { padding: 108px 52px; }
}
.uap-dark-inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.uap-section-tag-gold { color: var(--gold); }
.uap-section-title-light { color: var(--parchment); }
.uap-section-sub-light { color: rgba(255,255,255,.45); }
.uap-principles-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 32px;
}
@media (min-width: 550px) {
    .uap-principles-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 900px) {
    .uap-principles-grid { grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 48px; }
}
.uap-principle-card {
    background: rgba(255,255,255,0.04);
    border: 0.5px solid rgba(255,255,255,0.07);
    border-radius: var(--r-xl);
    padding: 24px 20px;
    transition: all 0.2s;
    cursor: default;
}
@media (min-width: 768px) {
    .uap-principle-card { padding: 28px; }
}
.uap-principle-card:hover {
    background: rgba(255,255,255,0.07);
    transform: translateY(-2px);
}
.uap-principle-icon { font-size: 22px; margin-bottom: 14px; }
.uap-principle-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--parchment);
    margin-bottom: 8px;
}
@media (min-width: 768px) {
    .uap-principle-title { font-size: 16px; }
}
.uap-principle-desc {
    font-size: 12px;
    color: rgba(255,255,255,0.4);
    line-height: 1.6;
}
@media (min-width: 768px) {
    .uap-principle-desc { font-size: 13px; line-height: 1.65; }
}

/* ─────────────────────────────────────────────
   LEADERSHIP
   ───────────────────────────────────────────── */
.uap-leadership-image {
    width: 100%;
    height: 200px !important;
    object-fit: cover;
    border-radius: var(--r-xl)!important;
    display: block;
    margin-bottom: 36px;
}
.uap-leadership-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 32px;
}
@media (min-width: 550px) {
    .uap-leadership-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 900px) {
    .uap-leadership-grid { grid-template-columns: repeat(4, 1fr); margin-top: 48px; }
}
.uap-leader-card {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 24px 20px;
    text-align: center;
    transition: all 0.2s;
    cursor: default;
}
@media (min-width: 768px) {
    .uap-leader-card { padding: 28px; }
}
.uap-leader-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 48px rgba(42,53,69,0.08);
    border-color: rgba(42,53,69,0.2);
}
.uap-leader-avatar {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter Tight', sans-serif;
    font-size: 20px;
    font-weight: 700;
}
.uap-leader-avatar-gold { background: rgba(196,169,106,.15); color: #9C6E1A; }
.uap-leader-avatar-slate { background: rgba(42,53,69,.1); color: #2A3545; }
.uap-leader-avatar-gold-light { background: rgba(196,169,106,.12); color: #7A6030; }
.uap-leader-avatar-slate-light { background: rgba(42,53,69,.08); color: #3D4F63; }
.uap-leader-name {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 4px;
}
.uap-leader-title {
    font-size: 12px;
    color: var(--ink-mute);
    line-height: 1.5;
    margin-bottom: 10px;
}
.uap-leader-region {
    font-size: 11px;
    font-weight: 500;
    padding: 3px 10px;
    border-radius: 100px;
    background: var(--ivory);
    color: var(--slate-mid);
    border: 0.5px solid var(--border);
    display: inline-block;
}

/* ─────────────────────────────────────────────
   REACH GRID
   ───────────────────────────────────────────── */
.uap-reach-map-container {
    width: 100%;
    height: 200px;
    border-radius: var(--r-xl);
    overflow: hidden;
    position: relative;
    margin-bottom: 40px;
}
.uap-reach-map {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.uap-reach-map-overlay {
    position: absolute;
    inset: 0;
    background: rgba(42,53,69,.5);
}
.uap-reach-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 32px;
}
@media (min-width: 550px) {
    .uap-reach-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1000px) {
    .uap-reach-grid { grid-template-columns: repeat(3, 1fr); margin-top: 48px; }
}
.uap-reach-card {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 24px 20px;
    transition: all 0.2s;
}
@media (min-width: 768px) {
    .uap-reach-card { padding: 28px; }
}
.uap-reach-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 36px rgba(42,53,69,0.07);
}
.uap-reach-region {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 12px;
}
.uap-reach-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 6px;
}
@media (min-width: 768px) {
    .uap-reach-title { font-size: 18px; }
}
.uap-reach-desc {
    font-size: 12px;
    color: var(--ink-mute);
    line-height: 1.6;
    margin-bottom: 14px;
}
@media (min-width: 768px) {
    .uap-reach-desc { font-size: 13px; }
}
.uap-reach-countries {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.uap-reach-tag {
    font-size: 10px;
    color: var(--ink-mid);
    background: var(--ivory);
    padding: 3px 9px;
    border-radius: 100px;
    border: 0.5px solid var(--border);
}
@media (min-width: 768px) {
    .uap-reach-tag { font-size: 11px; }
}

/* ─────────────────────────────────────────────
   RECOGNITION
   ───────────────────────────────────────────── */
.uap-recognition-strip {
    background: var(--ivory);
    padding: 48px 24px;
    border-top: 0.5px solid var(--border);
    border-bottom: 0.5px solid var(--border);
    position: relative;
    overflow: hidden;
}
@media (min-width: 768px) {
    .uap-recognition-strip { padding: 52px; }
}
.uap-recog-inner {
    max-width: 1200px;
    margin: 0 auto;
}
.uap-section-title-no-margin { margin-bottom: 0; }
.uap-recog-items {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 32px;
}
@media (min-width: 550px) {
    .uap-recog-items { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 900px) {
    .uap-recog-items { grid-template-columns: repeat(4, 1fr); gap: 20px; }
}
.uap-recog-item {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-lg);
    padding: 16px 20px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
}
@media (min-width: 768px) {
    .uap-recog-item { padding: 20px 24px; }
}
.uap-recog-icon { font-size: 20px; flex-shrink: 0; margin-top: 2px; }
.uap-recog-title {
    font-size: 13px;
    font-weight: 500;
    color: var(--ink);
    margin-bottom: 3px;
}
@media (min-width: 768px) {
    .uap-recog-title { font-size: 14px; }
}
.uap-recog-desc {
    font-size: 11px;
    color: var(--ink-mute);
    line-height: 1.5;
}
@media (min-width: 768px) {
    .uap-recog-desc { font-size: 12px; }
}

/* ─────────────────────────────────────────────
   FELLOWSHIP STRIP
   ───────────────────────────────────────────── */
.uap-fellowship-strip {
    padding: 60px 24px;
    background: #F2F1EE;
    position: relative;
    overflow: hidden;
    border-top: 0.5px solid var(--border);
}
@media (min-width: 768px) {
    .uap-fellowship-strip { padding: 88px 52px; }
}
.uap-fs-inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 48px;
}
@media (min-width: 900px) {
    .uap-fs-inner {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        align-items: center;
    }
}
.uap-fs-heading {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(28px, 5vw, 44px);
    font-weight: 700;
    letter-spacing: -0.042em;
    line-height: 1.1;
    color: #1C2534;
    margin-bottom: 16px;
}
.uap-fs-body {
    font-size: 15px;
    color: #4A4843;
    line-height: 1.7;
    margin-bottom: 20px;
    font-weight: 300;
}
@media (min-width: 768px) {
    .uap-fs-body { font-size: 16px; line-height: 1.8; margin-bottom: 24px; }
}
.uap-fs-sub {
    font-size: 14px;
    color: #4A4843;
    line-height: 1.7;
    margin-bottom: 28px;
}
@media (min-width: 768px) {
    .uap-fs-sub { font-size: 15px; margin-bottom: 32px; }
}
.uap-fs-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.uap-fs-btn-dark {
    padding: 10px 20px;
    background: #2A3545;
    color: #FAFAF8;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Inter Tight', sans-serif;
    text-decoration: none;
    transition: all 0.2s;
}
@media (min-width: 768px) {
    .uap-fs-btn-dark { padding: 12px 24px; font-size: 13.5px; }
}
.uap-fs-btn-dark:hover { background: #3D4F63; }
.uap-fs-btn-gold {
    padding: 10px 20px;
    background: #C4A96A;
    color: #141820;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Inter Tight', sans-serif;
    text-decoration: none;
    transition: all 0.2s;
}
@media (min-width: 768px) {
    .uap-fs-btn-gold { padding: 12px 24px; font-size: 13.5px; }
}
.uap-fs-btn-gold:hover { background: #B89858; }
.uap-fs-stats {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}
@media (min-width: 550px) {
    .uap-fs-stats { grid-template-columns: repeat(2, 1fr); }
}
.uap-fs-stat-card {
    background: #fff;
    border: 0.5px solid rgba(42,53,69,0.12);
    border-radius: 16px;
    padding: 20px;
}
@media (min-width: 768px) {
    .uap-fs-stat-card { padding: 24px; }
}
.uap-fs-stat-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.04em;
    line-height: 1;
}
@media (min-width: 768px) {
    .uap-fs-stat-num { font-size: 32px; }
}
.uap-fs-stat-num-gold { color: #C4A96A; }
.uap-fs-stat-num-dark { color: #2A3545; }
.uap-fs-stat-label {
    font-size: 11px;
    color: #8A8880;
    margin-top: 6px;
    line-height: 1.4;
}
@media (min-width: 768px) {
    .uap-fs-stat-label { font-size: 12px; }
}

/* ─────────────────────────────────────────────
   CTA
   ───────────────────────────────────────────── */
.uap-cta {
    background: var(--obsidian);
    padding: 80px 24px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-top: 4px solid var(--border);
}
@media (min-width: 768px) {
    .uap-cta { padding: 108px 52px; }
}
.uap-cta-inner {
    max-width: 600px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.uap-section-tag-center { justify-content: center; }
.uap-cta h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(32px, 6vw, 40px);
    font-weight: 700;
    color: var(--parchment);
    letter-spacing: -0.03em;
    line-height: 1.2;
    margin-bottom: 16px;
}
.uap-cta p {
    font-size: 14px;
    color: rgba(255,255,255,0.4);
    line-height: 1.6;
    margin-bottom: 32px;
    font-weight: 300;
}
@media (min-width: 768px) {
    .uap-cta p { font-size: 15px; line-height: 1.7; margin-bottom: 36px; }
}
.uap-cta-btns {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

/* ─────────────────────────────────────────────
   RESPONSIVE BREAKPOINTS
   ───────────────────────────────────────────── */
@media (max-width: 600px) {
    .uap-hero-actions,
    .uap-cta-btns,
    .uap-fs-actions {
        flex-direction: column;
    }
    
    .uap-hero-actions .uap-btn-gold,
    .uap-hero-actions .uap-btn-outline,
    .uap-cta-btns .uap-btn-gold,
    .uap-cta-btns .uap-btn-outline {
        text-align: center;
    }
    
    .uap-photo-stripe-caption {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .uap-photo-stripe-stat-num {
        text-align: left;
    }
    
    .uap-photo-stripe-stat-label {
        text-align: left;
    }
}

/* ═══════════════════════════════════════════════════════════
	UNIONE™ HOMEPAGE - COMPLETE DESIGN SYSTEM (Consolidated)
	Scoped to .unione-hp
	════════════════════════════════════════════════════════════ */

/* ─── RESET ─────────────────────────────────────────────── */
.unione-hp *,.unione-hp *::before,.unione-hp *::after{box-sizing:border-box;margin:0;padding:0}

/* ─── CSS VARIABLES ──────────────────────────────────────── */
.unione-hp{
	--slate:#2A3545;--slate-deep:#1C2534;--slate-mid:#3D4F63;--slate-light:#8A99AA;
	--gold:#C4A96A;--gold-light:#E8D9B0;--gold-pale:#F7F2E8;
	--parchment:#FAFAF8;--ivory:#F2F1EE;--obsidian:#141820;
	--white:#FFFFFF;--ink:#1A1A18;--ink-mid:#4A4843;--ink-mute:#8A8880;
	--border:rgba(42,53,69,0.12);--border-gold:rgba(196,169,106,0.3);
	--green:#1A7A4A;--green-bg:#E6F4EE;
	--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;
	--navbar-h:72px;
	font-family:'Inter',sans-serif;
	background:var(--parchment);
	color:var(--ink);
	overflow-x:hidden;
}

/* ─── ANIMATIONS ─────────────────────────────────────────── */
@keyframes uhp-fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes uhp-shimmer{0%{background-position:-200% center}100%{background-position:200% center}}
@keyframes uhp-pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}
@keyframes uhp-ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes uhp-orb-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}
@keyframes uhp-globe-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes uhp-node-blink{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}
@keyframes uhp-line-pulse{0%,100%{opacity:.2}50%{opacity:.7}}
@keyframes uhp-scroll-line{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@keyframes uhp-glow-ring{0%,100%{box-shadow:0 0 0 0 rgba(196,169,106,.4)}50%{box-shadow:0 0 0 8px rgba(196,169,106,0)}}
@keyframes dpc-shimmer{0%{background-position:-300% center}100%{background-position:300% center}}
@keyframes dpc-bar-fill{from{width:0}to{width:var(--w,75%)}}
@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.65)}}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes progress-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes row-in{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
@keyframes bar-grow{from{width:0}to{width:var(--w)}}
@keyframes count-up{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes cert-float{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-8px) rotate(-.5deg)}}
@keyframes cert-glow{0%,100%{box-shadow:0 28px 70px rgba(0,0,0,.55),0 0 0 .5px rgba(196,169,106,.12)}50%{box-shadow:0 28px 70px rgba(0,0,0,.55),0 0 36px 4px rgba(196,169,106,.09)}}
@keyframes scan{0%{top:-2px}100%{top:100%}}
@keyframes fade-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes fade-down{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}
@keyframes photo-fade-in{from{opacity:0}to{opacity:1}}
@keyframes pin-pop{0%{transform:scale(0);opacity:0}70%{transform:scale(1.3);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes ring{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}100%{transform:translate(-50%,-50%) scale(2.6);opacity:0}}

/* ─── GOLD SHIMMER TEXT ──────────────────────────────────── */
.g{
	background:linear-gradient(90deg,#C4A96A 0%,#E8D9B0 25%,#F5EAC0 40%,#C4A96A 55%,#A07830 75%,#C4A96A 100%);
	background-size:300% auto;
	-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
	animation:shimmer 5s linear infinite;
}

/* ─── TICKER / STATS BAR ─────────────────────────────────── */
.unione-hp .stats-bar{background:var(--slate);overflow:hidden;border-top:.5px solid rgba(196,169,106,.2);border-bottom:.5px solid rgba(196,169,106,.2);position:relative;z-index:10}
.unione-hp .ticker-inner{display:flex;animation:uhp-ticker 28s linear infinite;width:max-content}
.unione-hp .ticker-item{display:flex;align-items:center;gap:8px;padding:18px 48px;white-space:nowrap;border-right:.5px solid rgba(255,255,255,.08)}
.unione-hp .ticker-num{font-family:'Inter Tight',sans-serif;font-size:18px;font-weight:700;color:var(--gold)}
.unione-hp .ticker-label{font-size:12px;color:rgba(255,255,255,.55)}
.unione-hp .ticker-sep{color:rgba(196,169,106,.3);font-size:18px}

/* ─── HERO SLIDER ────────────────────────────────────────── */
.unione-hp .hero-slider-section{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow:hidden;margin-top:calc(-1 * var(--navbar-h));padding-top:var(--navbar-h)}
.unione-hp .photo-layer{position:absolute;inset:0;z-index:0}
.unione-hp .photo-layer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1s ease}
.unione-hp .photo-layer img.on{opacity:1}
.unione-hp .photo-layer::after{content:'';position:absolute;inset:0;background:linear-gradient(108deg,rgba(14,18,26,.92) 0%,rgba(14,18,26,.86) 42%,rgba(14,18,26,.76) 100%)}
.unione-hp .hero-topline{position:absolute;top:0;left:0;right:0;height:3px;z-index:5;background:linear-gradient(90deg,var(--gold) 0%,var(--gold-light) 45%,var(--gold) 75%,transparent 100%);opacity:.6}
.unione-hp .hero-slider-inner{position:relative;z-index:10;flex:1;display:grid;grid-template-columns:1fr 490px;align-items:center;gap:52px;padding:70px 60px 240px;max-width:1380px;margin:0 auto;width:100%}
.unione-hp .hero-slider-left{position:relative}
.unione-hp .slide-stack{position:relative;height:460px;flex-shrink:0;overflow:visible}
.unione-hp .slide{position:absolute;top:0;left:0;right:0;opacity:0;pointer-events:none;transform:translateY(18px)}
.unione-hp .slide.active{animation:fade-up .7s cubic-bezier(.22,1,.36,1) forwards;pointer-events:auto}
.unione-hp .slide.leaving{animation:fade-down .4s ease forwards;pointer-events:none}

/* ─── HERO TYPOGRAPHY ────────────────────────────────────── */
.unione-hp .eyebrow{font-family:'Inter Tight',sans-serif;font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:14px;margin-bottom:20px}
.unione-hp .eyebrow::before{content:'';width:22px;height:1px;background:var(--gold);flex-shrink:0}
.unione-hp .headline{font-family:'Inter Tight',sans-serif;font-size:clamp(42px,5vw,68px);font-weight:700;line-height:1.05;color:var(--parchment);margin-bottom:20px}
.unione-hp .headline span{display:block}
.unione-hp .apart{font-family:'Inter Tight',sans-serif;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:8px;margin-bottom:9px}
.unione-hp .apart::before{content:'';width:14px;height:1px;background:var(--gold)}
.unione-hp .body-text{font-family:'Inter',sans-serif;font-size:15px;font-weight:400;line-height:1.75;color:rgba(255,255,255,.55);max-width:490px;margin-bottom:28px}
.unione-hp .body-text strong{color:rgba(255,255,255,.85);font-weight:600}

/* ─── HERO BUTTONS ───────────────────────────────────────── */
.unione-hp .cta-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.unione-hp .btn-gold{font-family:'Inter Tight',sans-serif;font-size:14px;font-weight:700;padding:13px 32px;border-radius:var(--r-md);background:var(--gold);color:var(--obsidian);border:none;cursor:pointer;transition:all .2s;letter-spacing:.02em}
.unione-hp .btn-gold:hover{background:var(--gold-light);transform:translateY(-1px);box-shadow:0 10px 28px rgba(196,169,106,.28)}
.unione-hp .btn-out{font-family:'Inter Tight',sans-serif;font-size:14px;font-weight:600;padding:12px 22px;border-radius:var(--r-md);background:rgba(255,255,255,.07);color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:all .2s;backdrop-filter:blur(8px)}
.unione-hp .btn-out:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.3);color:#fff}
.unione-hp .compare-link{font-family:'Inter',sans-serif;font-size:13px;color:rgba(255,255,255,.32);cursor:pointer;background:none;border:none;transition:color .2s;display:inline-flex;align-items:center;gap:5px;margin-bottom:24px}
.unione-hp .compare-link:hover{color:var(--gold)}
.unione-hp .compare-link::after{content:'→'}

/* ─── VS BAR ─────────────────────────────────────────────── */
.unione-hp .vs-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:30px 20px;background:rgba(20,24,32,.5);border:.5px solid rgba(255,255,255,.08);border-radius:var(--r-md);backdrop-filter:blur(12px);max-width:520px}
.unione-hp .vs-lbl{font-family:'Inter Tight',sans-serif;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.25);margin-right:5px;flex-shrink:0}
.unione-hp .vp{font-family:'Inter Tight',sans-serif;font-size:10px;font-weight:600;padding:14px 16px;border-radius:100px;display:inline-flex;align-items:center;gap:5px}
.unione-hp .vp.n{background:rgba(255,255,255,.05);border:.5px solid rgba(255,255,255,.09);color:rgba(255,255,255,.35)}
.unione-hp .vp.y{background:rgba(196,169,106,.1);border:.5px solid rgba(196,169,106,.28);color:var(--gold)}
.unione-hp .xi{color:#D45;font-size:9px}
.unione-hp .ci{color:#4CD68A;font-size:9px}

/* ─── INFOGRAPHIC CARDS ──────────────────────────────────── */
.unione-hp .infographic{display:none;padding-top:80px}
.unione-hp .infographic.on{display:block}
.unione-hp .icard{background:rgba(20,24,32,.8);border:.5px solid rgba(196,169,106,.2);border-radius:var(--r-lg);overflow:hidden;backdrop-filter:blur(24px);position:relative;animation:cert-glow 6s ease-in-out 2s infinite,cert-float 8s ease-in-out 1s infinite}
.unione-hp .icard::before{content:'';position:absolute;left:0;right:0;height:1.5px;z-index:20;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(196,169,106,.3) 50%,transparent);animation:scan 5s linear 2s infinite}
.unione-hp .icard-head{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;background:linear-gradient(90deg,rgba(196,169,106,.09),rgba(196,169,106,.03));border-bottom:.5px solid rgba(196,169,106,.13)}
.unione-hp .icard-head-l{display:flex;align-items:center;gap:9px}
.unione-hp .icard-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);flex-shrink:0}
.unione-hp .icard-title{font-family:'Inter Tight',sans-serif;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--gold)}
.unione-hp .ibadge{font-family:'Inter Tight',sans-serif;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:13px 10px;border-radius:100px;display:flex;align-items:center;gap:5px;flex-shrink:0}
.unione-hp .ibadge.green{background:rgba(76,214,138,.1);color:#4CD68A;border:.5px solid rgba(76,214,138,.25)}
.unione-hp .ibadge.green::before{content:'';width:5px;height:5px;border-radius:50%;background:#4CD68A}
.unione-hp .ibadge.gold{background:rgba(196,169,106,.12);color:var(--gold);border:.5px solid rgba(196,169,106,.28)}
.unione-hp .ri{opacity:0;animation:row-in .4s ease forwards}
.unione-hp .stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.unione-hp .stat-box{background:rgba(255,255,255,.03);border:.5px solid rgba(255,255,255,.07);border-radius:var(--r-md);padding:12px 14px;text-align:center}
.unione-hp .stat-box.gold-b{border-color:rgba(196,169,106,.18);background:rgba(196,169,106,.04)}
.unione-hp .stat-n{font-family:'Inter Tight',sans-serif;font-size:22px;font-weight:700;color:var(--gold);line-height:1;margin-bottom:4px}
.unione-hp .stat-n.w{color:rgba(255,255,255,.5)}
.unione-hp .stat-l{font-family:'Inter',sans-serif;font-size:9px;color:rgba(255,255,255,.28);text-transform:uppercase;letter-spacing:.06em;line-height:1.4}

/* ─── ERR INFOGRAPHIC ────────────────────────────────────── */
.unione-hp .err-body{display:grid;grid-template-columns:1fr 1fr}
.unione-hp .err-col{padding:14px}
.unione-hp .err-col:first-child{border-right:.5px solid rgba(255,255,255,.05)}
.unione-hp .col-lbl{font-family:'Inter Tight',sans-serif;font-size:8px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.22);margin-bottom:25px !important}
.unione-hp .ck-row{display:flex;align-items:flex-start;gap:7px;padding:6px 0;border-bottom:.5px solid rgba(255,255,255,.04)}
.unione-hp .ck-row:last-child{border-bottom:none}
.unione-hp .ck-ico{width:14px;height:14px;border-radius:50%;flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:700}
.unione-hp .ck-ico.p{background:rgba(76,214,138,.12);color:#4CD68A;border:.5px solid rgba(76,214,138,.28)}
.unione-hp .ck-ico.a{background:rgba(196,169,106,.12);color:var(--gold);border:.5px solid rgba(196,169,106,.28)}
.unione-hp .ck-txt{font-family:'Inter',sans-serif;font-size:10px;color:rgba(255,255,255,.38);line-height:1.4}
.unione-hp .ck-txt strong{color:rgba(255,255,255,.65);font-weight:600;display:block;font-size:11px;margin-bottom:1px}
.unione-hp .jr-row{display:grid;grid-template-columns:15px 1fr 44px;align-items:center;gap:0;padding:5px 0;border-bottom:.5px solid rgba(255,255,255,.04)}
.unione-hp .jr-row:last-child{border-bottom:none}
.unione-hp .jr-flag{font-size:11px;line-height:1}
.unione-hp .jr-mid{padding:0 6px}
.unione-hp .jr-name{font-family:'Inter',sans-serif;font-size:10px;color:rgba(255,255,255,.4);margin-bottom:3px;line-height:1}
.unione-hp .jr-bar{height:2.5px;background:rgba(255,255,255,.07);border-radius:2px;overflow:hidden}
.unione-hp .jr-fill{height:100%;border-radius:2px;width:0;transition:width 1.3s cubic-bezier(.22,1,.36,1)}
.unione-hp .jr-fill.p{background:linear-gradient(90deg,#1A7A4A,#4CD68A)}
.unione-hp .jr-fill.a{background:linear-gradient(90deg,#A08040,var(--gold))}
.unione-hp .jr-stat{font-family:'Inter Tight',sans-serif;font-size:8px;font-weight:700;letter-spacing:.05em;text-align:right}
.unione-hp .jr-stat.p{color:#4CD68A}
.unione-hp .jr-stat.a{color:var(--gold)}
.unione-hp .err-foot{padding:10px 18px;background:rgba(26,122,74,.05);border-top:.5px solid rgba(26,122,74,.15);display:flex;align-items:center;justify-content:space-between}
.unione-hp .ef-l{display:flex;align-items:center;gap:7px}
.unione-hp .ef-chk{width:13px;height:13px;border-radius:50%;background:rgba(76,214,138,.15);display:flex;align-items:center;justify-content:center;font-size:7px;color:#4CD68A;flex-shrink:0}
.unione-hp .ef-txt{font-family:'Inter',sans-serif;font-size:10px;color:rgba(255,255,255,.35)}
.unione-hp .ef-txt strong{color:#4CD68A}
.unione-hp .ef-r{font-family:'Inter Tight',sans-serif;font-size:9px;font-weight:700;letter-spacing:.1em;color:rgba(196,169,106,.45)}
.unione-hp .icard-meta{display:flex;gap:0;border-bottom:.5px solid rgba(255,255,255,.05)}
.unione-hp .imeta{flex:1;padding:8px 14px;border-right:.5px solid rgba(255,255,255,.05);font-family:'Inter',sans-serif;font-size:10px;color:rgba(255,255,255,.28)}
.unione-hp .imeta:last-child{border-right:none}
.unione-hp .imeta span{display:block;color:rgba(255,255,255,.55);font-weight:500;margin-top:20px;margin-bottom:10px;font-size:11px}

/* ─── SEAT INFOGRAPHIC ───────────────────────────────────── */
.unione-hp .seat-grid{padding:16px 18px;display:flex;flex-direction:column;gap:10px}
.unione-hp .seat-inst-row{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--r-md);background:rgba(255,255,255,.03);border:.5px solid rgba(255,255,255,.07)}
.unione-hp .seat-inst-row.highlight{border-color:rgba(196,169,106,.25);background:rgba(196,169,106,.05)}
.unione-hp .si-name{font-family:'Inter Tight',sans-serif;font-size:12px;font-weight:700;color:rgba(255,255,255,.6)}
.unione-hp .si-name.gold{color:var(--gold)}
.unione-hp .si-bar-wrap{position:relative;height:6px;background:rgba(255,255,255,.07);border-radius:3px;overflow:hidden}
.unione-hp .si-bar{height:100%;border-radius:3px;width:0;transition:width 1.2s cubic-bezier(.22,1,.36,1)}
.unione-hp .si-bar.locked{background:rgba(255,255,255,.2)}
.unione-hp .si-bar.fluid{background:linear-gradient(90deg,var(--gold),var(--gold-light))}
.unione-hp .si-tag{font-family:'Inter Tight',sans-serif;font-size:9px;font-weight:700;padding:12px 8px;border-radius:100px;white-space:nowrap}
.unione-hp .si-tag.red{background:rgba(201,72,58,.12);color:#E07060;border:.5px solid rgba(201,72,58,.25)}
.unione-hp .si-tag.green{background:rgba(196,169,106,.12);color:var(--gold);border:.5px solid rgba(196,169,106,.28)}
.unione-hp .seat-note{font-family:'Inter',sans-serif;font-size:11px;color:rgba(255,255,255,.3);padding:8px 14px 4px;font-style:italic}

/* ─── STAGES INFOGRAPHIC ─────────────────────────────────── */
.unione-hp .stages-wrap{padding:16px 18px}
.unione-hp .stage-row{display:grid;grid-template-columns:36px 1fr auto;align-items:start;gap:10px;padding:10px 0;border-bottom:.5px solid rgba(255,255,255,.05);position:relative}
.unione-hp .stage-row:last-child{border-bottom:none}
.unione-hp .stage-num-wrap{display:flex;flex-direction:column;align-items:center;gap:0}
.unione-hp .stage-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Inter Tight',sans-serif;font-size:10px;font-weight:700;flex-shrink:0}
.unione-hp .stage-num.prev{background:rgba(255,255,255,.07);color:rgba(255,255,255,.3)}
.unione-hp .stage-num.err{background:rgba(196,169,106,.15);color:var(--gold);border:.5px solid rgba(196,169,106,.3)}
.unione-hp .stage-line{width:1px;height:18px;background:rgba(255,255,255,.08);margin-top:3px}
.unione-hp .stage-title{font-family:'Inter Tight',sans-serif;font-size:12px;font-weight:700;color:rgba(255,255,255,.75);margin-bottom:10px}
.unione-hp .stage-desc{font-family:'Inter',sans-serif;font-size:10px;color:rgba(255,255,255,.35);line-height:1.5}
.unione-hp .stage-time{font-family:'Inter Tight',sans-serif;font-size:10px;font-weight:600;color:rgba(255,255,255,.3);white-space:nowrap;padding-top:3px}
.unione-hp .stage-time.gold{color:var(--gold)}
.unione-hp .only-badge{display:inline-block;font-family:'Inter Tight',sans-serif;font-size:8px;font-weight:700;letter-spacing:.1em;padding:2px 8px;border-radius:100px;background:rgba(196,169,106,.1);color:var(--gold);border:.5px solid rgba(196,169,106,.25);margin-left:6px;vertical-align:middle}

/* ─── AI INFOGRAPHIC ─────────────────────────────────────── */
.unione-hp .ai-grid{padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.unione-hp .ai-tool-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--r-md);background:rgba(255,255,255,.03);border:.5px solid rgba(255,255,255,.07);transition:all .2s;cursor:default}
.unione-hp .ai-tool-row:hover{border-color:rgba(196,169,106,.25);background:rgba(196,169,106,.04)}
.unione-hp .at-icon{width:30px;height:30px;border-radius:8px;background:rgba(196,169,106,.1);border:.5px solid rgba(196,169,106,.2);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.unione-hp .at-info{flex:1}
.unione-hp .at-name{font-family:'Inter Tight',sans-serif;font-size:12px;font-weight:700;color:rgba(255,255,255,.75);margin-bottom:12px}
.unione-hp .at-desc{font-family:'Inter',sans-serif;font-size:10px;color:rgba(255,255,255,.35);line-height:1.4}
.unione-hp .at-live{font-family:'Inter Tight',sans-serif;font-size:9px;font-weight:700;padding:2px 8px;border-radius:100px;background:rgba(76,214,138,.1);color:#4CD68A;border:.5px solid rgba(76,214,138,.25);flex-shrink:0;display:flex;align-items:center;gap:4px}
.unione-hp .at-live::before{content:'';width:4px;height:4px;border-radius:50%;background:#4CD68A}

/* ─── PANEL INFOGRAPHIC ──────────────────────────────────── */
.unione-hp .panel-grid{padding:16px 18px}
.unione-hp .panel-header-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.unione-hp .phs{background:rgba(255,255,255,.03);border:.5px solid rgba(255,255,255,.07);border-radius:var(--r-md);padding:12px 16px;text-align:center}
.unione-hp .phs.gold-b{border-color:rgba(196,169,106,.18);background:rgba(196,169,106,.04)}
.unione-hp .phs-n{font-family:'Inter Tight',sans-serif;font-size:26px;font-weight:700;color:var(--gold);line-height:1;margin-bottom:13px}
.unione-hp .phs-n.w{color:rgba(255,255,255,.55)}
.unione-hp .phs-l{font-family:'Inter',sans-serif;font-size:10px;color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.06em}
.unione-hp .specialism-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.unione-hp .spec-tag{font-family:'Inter Tight',sans-serif;font-size:10px;font-weight:600;padding:12px 14px;border-radius:100px;background:rgba(255,255,255,.04)!important;border:.5px solid rgba(255,255,255,.08);color:rgba(255,255,255,.45)!important}
.unione-hp .spec-tag.hot{background:rgba(196,169,106,.1);border-color:rgba(196,169,106,.25);color:rgba(196,169,106,.85)}
.unione-hp .region-bars{display:flex;flex-direction:column;gap:7px}
.unione-hp .reg-row{display:grid;grid-template-columns:110px 1fr 32px;align-items:center;gap:8px;margin-bottom:10px}
.unione-hp .reg-name{font-family:'Inter',sans-serif;font-size:11px;color:rgba(255,255,255,.45)}
.unione-hp .reg-bar{height:4px;background:rgba(255,255,255,.07);border-radius:2px;overflow:hidden}
.unione-hp .reg-fill{height:100%;border-radius:2px;width:0;background:linear-gradient(90deg,var(--slate-mid),var(--gold));transition:width 1.2s cubic-bezier(.22,1,.36,1)}
.unione-hp .reg-count{font-family:'Inter Tight',sans-serif;font-size:10px;font-weight:700;color:rgba(255,255,255,.4);text-align:right}

/* ─── SLIDER CONTROLS ────────────────────────────────────── */
.unione-hp .slider-ctrl{position:absolute;bottom:64px;right:60px;display:flex;align-items:center;gap:14px;z-index:20}
.unione-hp .slider-dots{display:flex;gap:7px;align-items:center}
.unione-hp .slider-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.22);cursor:pointer;transition:all .28s;border:none;padding:0}
.unione-hp .slider-dot.on{background:var(--gold);width:20px;border-radius:3px}
.unione-hp .slider-dot:hover:not(.on){background:rgba(255,255,255,.45)}
.unione-hp .slider-arrows{display:flex;gap:6px}
.unione-hp .slider-arr{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.07);border:.5px solid rgba(255,255,255,.13);color:rgba(255,255,255,.6);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .18s}
.unione-hp .slider-arr:hover{background:rgba(196,169,106,.14);border-color:rgba(196,169,106,.32);color:var(--gold)}
.unione-hp .slide-num{font-family:'Inter Tight',sans-serif;font-size:11px;font-weight:600;color:rgba(255,255,255,.25);letter-spacing:.06em;margin-left:2px}
.unione-hp .slide-num em{color:var(--gold);font-style:normal}
.unione-hp .prog-wrap{position:absolute;bottom:0;left:0;right:0;height:2px;z-index:20;background:rgba(255,255,255,.05)}
.unione-hp .prog{height:100%;background:var(--gold);transform-origin:left;transform:scaleX(0)}
.unione-hp .prog.run{animation:progress-bar var(--d,7s) linear forwards}
.unione-hp .pause-hint{position:absolute;bottom:64px;right:200px;z-index:30;font-family:'Inter Tight',sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);display:flex;align-items:center;gap:7px;opacity:0;transition:opacity .3s;pointer-events:none;white-space:nowrap}
.unione-hp .pause-hint::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--gold);opacity:.8;animation:pulse-dot 1.4s ease-in-out infinite}

/* ─── SECTIONS ───────────────────────────────────────────── */
.unione-hp .section{padding:112px 52px}
.unione-hp .section-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto}
.unione-hp .section-tag{font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.unione-hp .section-tag::before{content:'';display:inline-block;width:24px;height:1px;background:var(--gold)}
.unione-hp .section-title{font-family:'Inter Tight',sans-serif;font-size:clamp(28px,4.5vw,58px);font-weight:700;letter-spacing:-.035em;line-height:1.05;margin-bottom:20px}
.unione-hp .section-sub{font-size:17px;color:var(--ink-mid);line-height:1.8;max-width:580px;margin-bottom:56px;font-weight:300}
.unione-hp .bg-white{background:var(--white)}
.unione-hp .bg-ivory{background:var(--ivory)}
.unione-hp .bg-parchment{background:var(--parchment)}
.unione-hp .divider{height:.5px;background:var(--border);margin:0 52px}

/* ─── PIPELINE ───────────────────────────────────────────── */
.unione-hp .pipeline-grid{display:grid;grid-template-columns:repeat(4,1fr);border:.5px solid var(--border);border-radius:var(--r-xl);overflow:hidden}
.unione-hp .pipe-col{padding:36px 28px;border-right:.5px solid var(--border);cursor:pointer;transition:background .2s;position:relative}
.unione-hp .pipe-col:last-child{border-right:none}
.unione-hp .pipe-col:hover{background:var(--ivory)}
.unione-hp .pipe-col.active{background:var(--slate)}
.unione-hp .pipe-arrow{position:absolute;right:-14px;top:50%;transform:translateY(-50%);width:28px;height:28px;background:var(--parchment);border:.5px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--slate-light);z-index:2}
.unione-hp .pipe-col.active .pipe-arrow{background:var(--gold);border-color:var(--gold);color:var(--obsidian)}
.unione-hp .pipe-num{font-family:'Inter Tight',sans-serif;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:20px}
.unione-hp .pipe-icon-wrap{width:44px;height:44px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;margin-bottom:18px;background:rgba(196,169,106,.12)}
.unione-hp .pipe-col.active .pipe-icon-wrap{background:rgba(196,169,106,.2)}
.unione-hp .pipe-title{font-family:'Inter Tight',sans-serif;font-size:17px;font-weight:600;color:var(--ink);margin-bottom:10px}
.unione-hp .pipe-col.active .pipe-title{color:var(--parchment)}
.unione-hp .pipe-desc{font-size:13px;color:var(--ink-mute);line-height:1.65}
.unione-hp .pipe-col.active .pipe-desc{color:rgba(255,255,255,.6)}

/* ─── BENTO GRID ─────────────────────────────────────────── */
.unione-hp .bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.unione-hp .bento-card{background:var(--white);border:.5px solid var(--border);border-radius:var(--r-xl);padding:28px;cursor:pointer;transition:all .25s;position:relative;overflow:hidden}
.unione-hp .bento-card:hover{transform:translateY(-3px);border-color:rgba(42,53,69,.25);box-shadow:0 20px 60px rgba(42,53,69,.08)}
.unione-hp .bento-card.span-2{grid-column:span 2}
.unione-hp .bento-card.dark{background:var(--slate);border-color:var(--slate)}
.unione-hp .bento-card.gold-border{border:1px solid var(--gold)}
.unione-hp .bento-card-tag{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:23px}
.unione-hp .bento-card-title{font-family:'Inter Tight',sans-serif;font-size:16px;font-weight:600;color:var(--ink);margin-bottom:10px;letter-spacing:-.01em}
.unione-hp .bento-card.dark .bento-card-title{color:var(--parchment)}
.unione-hp .bento-card-desc{font-size:13px;color:var(--ink-mute);line-height:1.65}
.unione-hp .bento-card.dark .bento-card-desc{color:rgba(255,255,255,.5)}
.unione-hp .bento-stat{font-family:'Inter Tight',sans-serif;font-size:52px;font-weight:700;color:var(--slate);letter-spacing:-.04em;line-height:1;margin-bottom:6px}
.unione-hp .bento-card.dark .bento-stat{color:var(--gold)}
.unione-hp .bento > .bento-card:last-child{grid-column:1 / -1;padding:32px 36px}

/* ─── SPEED GRID ─────────────────────────────────────────── */
.unione-hp .speed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:18px 0 16px}
.unione-hp .speed-item{display:flex;align-items:baseline;gap:10px}
.unione-hp .speed-num{font-family:'Inter Tight',sans-serif;font-size:42px;font-weight:700;color:var(--slate);line-height:1}
.unione-hp .speed-text{font-size:14px;color:var(--ink-mute)}

/* ─── BREAK SECTION ──────────────────────────────────────── */
.unione-hp .break-section{background:var(--obsidian);padding:112px 52px;position:relative;overflow:hidden;border-top:4px solid rgba(196,169,106,.12)}
.unione-hp .break-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 15% 50%,rgba(196,169,106,.06) 0%,transparent 60%),radial-gradient(ellipse 50% 60% at 85% 30%,rgba(196,169,106,.04) 0%,transparent 60%);pointer-events:none}
.unione-hp .break-watermark{position:absolute;font-family:'Inter Tight',sans-serif;font-size:220px;font-weight:700;color:rgba(255,255,255,.025);letter-spacing:.2em;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none;user-select:none}
.unione-hp .break-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}
.unione-hp .break-tag{font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:10px;margin-bottom:20px}
.unione-hp .break-tag::before{content:'';width:20px;height:1px;background:var(--gold);display:inline-block}
.unione-hp .break-title{font-family:'Inter Tight',sans-serif;font-size:clamp(32px,5vw,64px);font-weight:700;letter-spacing:-.035em;line-height:1.03;color:var(--parchment)}
.unione-hp .break-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.unione-hp .break-quote{border-left:2px solid var(--gold);padding-left:28px;margin-top:44px}
.unione-hp .break-quote-text{font-size:17px;font-weight:300;font-style:italic;color:rgba(255,255,255,.55);line-height:1.8}
.unione-hp .break-quote-attr{font-size:11px;color:rgba(255,255,255,.25);margin-top:14px;letter-spacing:.04em}
.unione-hp .break-cards{display:flex;flex-direction:column;gap:12px}
.unione-hp .break-card{background:rgba(255,255,255,.04);border:.5px solid rgba(196,169,106,.15);border-radius:var(--r-lg);padding:20px 22px;display:flex;align-items:flex-start;gap:14px;cursor:pointer;transition:all .2s}
.unione-hp .break-card:hover{background:rgba(196,169,106,.07);border-color:rgba(196,169,106,.35);transform:translateX(5px)}
.unione-hp .break-card-icon{width:36px;height:36px;border-radius:8px;background:rgba(196,169,106,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px;color:var(--gold);font-family:'Inter Tight',sans-serif;font-weight:700}
.unione-hp .break-card-title{font-size:14px;font-weight:500;color:var(--parchment);margin-bottom:15px}
.unione-hp .break-card-desc{font-size:12px;color:rgba(255,255,255,.38);line-height:1.55}
.unione-hp .break-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.06);border-radius:var(--r-xl);overflow:hidden;margin-top:56px}
.unione-hp .break-stat{background:rgba(255,255,255,.03);padding:36px 32px;cursor:pointer;transition:background .2s}
.unione-hp .break-stat:hover{background:rgba(255,255,255,.06)}
.unione-hp .break-stat-num{font-family:'Inter Tight',sans-serif;font-size:48px;font-weight:700;letter-spacing:-.04em;color:var(--gold);line-height:1;margin-bottom:8px}
.unione-hp .break-stat-label{font-size:13px;color:rgba(255,255,255,.45);line-height:1.55;font-weight:300}

/* ─── SHARED BUTTONS ─────────────────────────────────────── */
.unione-hp .btn-gold-solid{display:inline-flex;align-items:center;gap:8px;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;padding:11px 24px;border-radius:var(--r-md);border:none;background:var(--gold);color:var(--obsidian);cursor:pointer;transition:all .2s;text-decoration:none}
.unione-hp .btn-gold-solid:hover{background:#B89858}
.unione-hp .btn-gold-outline{display:inline-flex;align-items:center;gap:8px;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;padding:11px 24px;border-radius:var(--r-md);border:.5px solid var(--gold);background:transparent;color:var(--gold);cursor:pointer;transition:all .2s;text-decoration:none}
.unione-hp .btn-gold-outline:hover{background:var(--gold);color:var(--obsidian)}

/* ─── AI SECTION ─────────────────────────────────────────── */
.unione-hp .ai-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;background:var(--obsidian);border-radius:var(--r-xl);padding:56px}
.unione-hp .ai-tag{font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;display:flex;align-items:center;gap:8px}
.unione-hp .ai-tag::before{content:'✦';font-size:10px}
.unione-hp .ai-title{font-family:'Inter Tight',sans-serif;font-size:clamp(24px,3.5vw,32px);font-weight:600;color:var(--parchment);letter-spacing:-.02em;line-height:1.15;margin-bottom:16px}
.unione-hp .ai-sub{font-size:14px;color:rgba(255,255,255,.45);line-height:1.75;margin-bottom:32px;font-weight:300}
.unione-hp .ai-features{display:flex;flex-direction:column;gap:14px}
.unione-hp .ai-feat{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:var(--r-md);border:.5px solid rgba(255,255,255,.07);cursor:pointer;transition:background .2s}
.unione-hp .ai-feat:hover{background:rgba(255,255,255,.04)}
.unione-hp .ai-feat-icon{width:32px;height:32px;border-radius:var(--r-sm);flex-shrink:0;background:rgb(196 169 106 / 62%);display:flex;align-items:center;justify-content:center;font-size:14px}
.unione-hp .ai-feat-title{font-size:14px;font-weight:500;color:var(--parchment);margin-bottom:15px}
.unione-hp .ai-feat-desc{font-size:12px;color:rgba(255,255,255,.4);line-height:1.5}
.unione-hp .ai-terminal{background:#0D1117;border-radius:var(--r-xl);overflow:hidden;border:.5px solid rgba(255,255,255,.08)}
.unione-hp .terminal-header{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:.5px solid rgba(255,255,255,.06);background:#161B22}
.unione-hp .t-dot{width:10px;height:10px;border-radius:50%}
.unione-hp .terminal-label{font-size:11px;color:rgba(255,255,255,.3);margin-left:auto;font-family:'Inter Tight',sans-serif;letter-spacing:.08em}
.unione-hp .terminal-body{padding:20px 18px;display:flex;flex-direction:column;gap:12px;min-height:320px}
.unione-hp .t-msg{display:flex;gap:10px;align-items:flex-start}
.unione-hp .t-avatar{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;margin-top:2px}
.unione-hp .t-avatar-u{background:var(--slate-mid);color:var(--gold)}
.unione-hp .t-avatar-ai{background:rgba(196,169,106,.2);color:var(--gold)}
.unione-hp .t-bubble{padding:10px 14px;border-radius:10px;font-size:13px;line-height:1.6;max-width:90%}
.unione-hp .t-bubble-u{background:rgba(42,53,69,.6);color:rgba(255,255,255,.8)}
.unione-hp .t-bubble-ai{background:rgba(196,169,106,.1);color:rgba(255,255,255,.75);border:.5px solid rgba(196,169,106,.2)}
.unione-hp .t-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 4px 36px}
.unione-hp .t-action{font-size:11px;font-weight:500;padding:12px 12px;border-radius:var(--r-sm);border:.5px solid rgba(196,169,106,.3);background:transparent;color:var(--gold);cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s;text-decoration:none}
.unione-hp .t-action:hover{background:rgba(196,169,106,.1)}

/* ─── PANEL SECTION ──────────────────────────────────────── */
.unione-hp .panel-section{background:var(--slate);padding:112px 52px;border-top:4px solid rgba(196,169,106,.15)}
.unione-hp .panel-inner{max-width:1200px;margin:0 auto}
.unione-hp .panel-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;flex-wrap:wrap;gap:24px}
.unione-hp .filter-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:36px}
.unione-hp .filter-btn{font-family:'Inter',sans-serif;font-size:12px;font-weight:500;padding:10px 23px;border-radius:100px;border:.5px solid rgba(255,255,255,.15);background:transparent;color:rgba(255,255,255,.55);cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}
.unione-hp .filter-btn:hover{border-color:rgba(196,169,106,.5);color:var(--gold)}
.unione-hp .filter-btn.gold-active{background:var(--gold);border-color:var(--gold);color:var(--obsidian)}
.unione-hp .panel-search{display:flex;gap:10px;margin-bottom:32px;flex-wrap:wrap}
.unione-hp .search-input{flex:1;min-width:200px;background:#fff;border:.5px solid var(--border);border-radius:var(--r-md);padding:12px 16px;font-size:13px;color:var(--ink);font-family:'Inter',sans-serif}
.unione-hp .search-input:focus{outline:none;border-color:var(--slate)}
.unione-hp .search-select{background:#fff;border:.5px solid var(--border);border-radius:var(--r-md);padding:12px 16px;font-size:13px;color:var(--ink);font-family:'Inter',sans-serif;cursor:pointer;min-width:150px}
.unione-hp .search-btn{background:var(--slate);color:var(--parchment);border:none;border-radius:var(--r-md);padding:12px 24px;font-size:13px;font-weight:500;font-family:'Inter',sans-serif;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center}
.unione-hp .search-btn:hover{background:var(--slate-deep)}

/* ─── REGIONS ────────────────────────────────────────────── */
.unione-hp .regions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:52px}
.unione-hp .region-card{background:#fff;border:.5px solid var(--border);border-radius:var(--r-xl);overflow:hidden;cursor:pointer;transition:all .2s}
.unione-hp .region-card:hover{transform:translateY(-3px);box-shadow:0 20px 60px rgba(42,53,69,.08);border-color:rgba(42,53,69,.2)}
.unione-hp .region-header{padding:20px 24px 16px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:.5px solid var(--border);flex-wrap:wrap;gap:12px}
.unione-hp .region-name{font-family:'Inter Tight',sans-serif;font-size:16px;font-weight:600;color:var(--ink);margin-bottom:30px}
.unione-hp .region-sub{font-size:12px;color:var(--ink-mute)}
.unione-hp .region-count{font-family:'Inter Tight',sans-serif;font-size:28px;font-weight:700;color:var(--gold);line-height:1}
.unione-hp .region-count-label{font-size:10px;color:var(--ink-mute);margin-top:2px;text-align:right}
.unione-hp .region-countries{padding:27px 24px;display:flex;flex-wrap:wrap;gap:6px}
.unione-hp .country-pill{font-size:11px;color:var(--ink-mid);background:var(--ivory);padding:7px 12px;border-radius:100px;border:.5px solid var(--border);cursor:pointer;transition:all .15s}
.unione-hp .country-pill:hover{background:var(--slate);color:var(--parchment);border-color:var(--slate)}
.unione-hp .country-pill.hl{background:var(--slate);color:var(--parchment);border-color:var(--slate)}

/* ─── SPECIALISMS ────────────────────────────────────────── */
.unione-hp .specialism-title{font-family:'Inter Tight',sans-serif;font-size:22px;font-weight:600;color:var(--parchment);margin-bottom:20px;letter-spacing:-.01em}
.unione-hp .spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:48px}
.unione-hp .spec-card{background:#fff;border:.5px solid var(--border);border-radius:var(--r-lg);padding:22px;cursor:pointer;transition:all .2s}
.unione-hp .spec-card:hover{border-color:var(--gold);transform:translateY(-2px)}
.unione-hp .spec-card.featured{border-color:var(--gold);background:var(--gold-pale)}
.unione-hp .spec-icon{font-size:22px;margin-bottom:30px;display:block}
.unione-hp .spec-name{font-family:'Inter Tight',sans-serif;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:30px}
.unione-hp .spec-count{font-size:11px;color:var(--ink-mute)}
.unione-hp .spec-bar{height:3px;background:var(--ivory);border-radius:2px;margin-top:12px;overflow:hidden}
.unione-hp .spec-bar-fill{height:100%;background:var(--gold);border-radius:2px}

/* ─── ARBITRATORS STRIP ──────────────────────────────────── */
.unione-hp .arb-strip{background:var(--slate);border-radius:var(--r-xl);padding:36px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:28px}
.unione-hp .arb-feature{padding:0 28px;border-right:.5px solid rgba(255,255,255,.08);cursor:pointer;transition:opacity .2s}
.unione-hp .arb-feature:first-child{padding-left:0}
.unione-hp .arb-feature:last-child{border-right:none;padding-right:0}
.unione-hp .arb-feature:hover{opacity:.8}
.unione-hp .arb-ava{width:48px;height:48px;border-radius:50%;margin-bottom:14px;display:flex;align-items:center;justify-content:center;font-family:'Inter Tight',sans-serif;font-size:15px;font-weight:700}
.unione-hp .arb-feature-name{font-family:'Inter Tight',sans-serif;font-size:15px;font-weight:600;color:var(--parchment);margin-bottom:3px}
.unione-hp .arb-feature-title{font-size:12px;color:rgba(255,255,255,.4);line-height:1.4;margin-bottom:12px}
.unione-hp .arb-feature-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}
.unione-hp .arb-ftag{font-size:10px;font-weight:500;padding:2px 8px;border-radius:100px;background:rgba(196,169,106,.12);color:var(--gold-light)}
.unione-hp .arb-flag{font-size:11px;color:rgba(255,255,255,.28)}

/* ─── NEUTRALS GRID ──────────────────────────────────────── */
.unione-hp .neutrals-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:32px}
.unione-hp .neutral-card{border-right:.5px solid rgba(255,255,255,.08);padding:22px;cursor:pointer;transition:all .2s}
.unione-hp .neutral-card:hover{transform:translateY(-2px)}
.unione-hp .neutral-avatar{width:52px;height:52px;border-radius:50%;margin-bottom:14px;object-fit:cover;display:block}
.unione-hp .neutral-avatar-fallback{width:52px;height:52px;border-radius:50%;margin-bottom:14px;display:flex;align-items:center;justify-content:center;font-family:'Inter Tight',sans-serif;font-size:16px;font-weight:700;color:#fff}
.unione-hp .neutral-name{font-family:'Inter Tight',sans-serif;font-size:15px;font-weight:600;color:white;margin-bottom:4px}
.unione-hp .neutral-role{font-size:12px;color:var(--ink-mute);margin-bottom:10px;line-height:1.4}
.unione-hp .neutral-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}
.unione-hp .neutral-tag{font-size:10px;font-weight:500;padding:3px 8px;border-radius:100px;background:var(--gold-pale);color:#7A6030;letter-spacing:.04em}
.unione-hp .neutral-country{font-size:10px;color:var(--ink-mute)}

/* ─── ERR SECTION ────────────────────────────────────────── */
.unione-hp .err-section{background:var(--ivory);border-top:4px solid rgba(42,53,69,.08)}
.unione-hp .err-hero-img{width:100%;height:240px;object-fit:cover;border-radius:var(--r-xl);margin-bottom:48px}
.unione-hp .err-layout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.unione-hp .err-sub{margin-bottom:32px}
.unione-hp .err-steps{display:flex;flex-direction:column;gap:18px;margin-bottom:32px}
.unione-hp .err-step{display:flex;gap:14px;align-items:flex-start}
.unione-hp .err-step-num{width:28px;height:28px;border-radius:50%;background:var(--slate);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}
.unione-hp .err-step-title{font-size:14px;font-weight:600;margin-bottom:10px}
.unione-hp .err-step-desc{font-size:13px;color:var(--ink-mute);line-height:1.6}
.unione-hp .err-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden}
.unione-hp .err-card-header{background:var(--slate);padding:22px 24px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.unione-hp .err-card-title{font-size:15px;font-weight:600;color:var(--parchment);margin-bottom:20px !important}
.unione-hp .err-card-sub{font-size:12px;color:rgba(255,255,255,.5);margin-top:4px}
.unione-hp .cert-badge{background:rgba(196,169,106,.2);border:1px solid var(--gold);color:var(--gold);padding:6px 14px;border-radius:100px;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.unione-hp .err-rows{padding:6px 0}
.unione-hp .err-row{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:12px;padding:14px 22px;border-bottom:1px solid var(--border);transition:background .15s;cursor:pointer}
.unione-hp .err-row:hover{background:var(--ivory)}
.unione-hp .err-row:last-child{border-bottom:none}
.unione-hp .check-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}
.unione-hp .check-green{background:var(--green-bg);color:var(--green)}
.unione-hp .check-gold{background:var(--gold-pale);color:#9C5A1A}
.unione-hp .err-row-text{font-size:13px;color:var(--ink);word-break:break-word}
.unione-hp .err-row-status{font-size:11px;font-weight:700;letter-spacing:.08em;white-space:nowrap}
.unione-hp .status-pass{color:var(--green)}
.unione-hp .status-advisory{color:#9C5A1A}
.unione-hp .err-advisory{margin-top:20px;padding:18px;background:var(--gold-pale);border:1px solid var(--border-gold);border-radius:var(--r-lg)}
.unione-hp .err-advisory-title{font-size:12px;font-weight:600;margin-bottom:6px}
.unione-hp .err-advisory-text{font-size:13px;color:var(--ink-mid);line-height:1.6;word-break:break-word;overflow-wrap:anywhere}
.unione-hp .err-btn-primary{display:inline-block;padding:14px 28px;background:var(--slate);color:var(--parchment);border-radius:var(--r-md);text-decoration:none}
.unione-hp .err-btn-outline{display:inline-flex;align-items:center;justify-content:center;margin-top:16px;padding:12px 20px;border:1px solid var(--gold);color:var(--gold);border-radius:var(--r-md);text-decoration:none;width:fit-content;max-width:100%;white-space:nowrap}

/* ─── FILING ─────────────────────────────────────────────── */
.unione-hp .filing-wrap{background:var(--ivory);border-radius:var(--r-xl);border:.5px solid var(--border);overflow:hidden}
.unione-hp .filing-header{background:var(--slate);padding:28px 36px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.unione-hp .filing-title{font-family:'Inter Tight',sans-serif;font-size:18px;font-weight:600;color:var(--parchment)}
.unione-hp .filing-steps{display:flex;gap:6px;align-items:center}
.unione-hp .filing-step{width:28px;height:4px;border-radius:2px;background:rgba(255,255,255,.15)}
.unione-hp .filing-step.done{background:var(--gold)}
.unione-hp .filing-step.active{background:rgba(196,169,106,.5)}
.unione-hp .filing-body{padding:36px}
.unione-hp .filing-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.unione-hp .field-group{display:flex;flex-direction:column;gap:6px}
.unione-hp .field-label{font-size:11px;font-weight:500;color:var(--ink-mid);letter-spacing:.04em}
.unione-hp .field-input{background:var(--white);border:.5px solid var(--border);border-radius:var(--r-md);padding:10px 14px;font-size:13px;color:var(--ink);font-family:'Inter',sans-serif;transition:border-color .2s;width:100%}
.unione-hp .field-input:focus{outline:none;border-color:var(--slate)}
.unione-hp .field-select{background:var(--white);border:.5px solid var(--border);border-radius:var(--r-md);padding:10px 14px;font-size:13px;color:var(--ink);font-family:'Inter',sans-serif;cursor:pointer;width:100%}
.unione-hp .filing-footer{padding:24px 36px;border-top:.5px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--white);flex-wrap:wrap;gap:12px}
.unione-hp .btn-nav-outline{font-size:13px;font-weight:500;padding:15px 18px;border-radius:var(--r-md);border:.5px solid var(--border);background:transparent;color:var(--ink);cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s;text-decoration:none}
.unione-hp .btn-nav-outline:hover{border-color:var(--slate);background:var(--ivory)}
.unione-hp .btn-nav-primary{font-size:13px;font-weight:500;padding:15px 18px;border-radius:var(--r-md);border:none;background:var(--slate);color:var(--parchment);cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s;text-decoration:none}
.unione-hp .btn-nav-primary:hover{background:var(--slate-deep)}
.unione-hp .filing-outer-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:56px;align-items:start}

/* ─────────────────────────────────────────────
   RULES SECTION
───────────────────────────────────────────── */

.unione-hp .rules-wrap{
    background:var(--white);
    border:.5px solid var(--border);
    border-radius:14px;
    overflow:hidden;
    margin-top:32px;
}

/* TABS */

.unione-hp .rules-nav{
    display:flex;
    gap:0;
    border-bottom:.5px solid var(--border);
    background:var(--ivory);
    overflow-x:auto;
    scrollbar-width:none;
}

.unione-hp .rules-nav::-webkit-scrollbar{
    display:none;
}

.unione-hp .rules-tab{
    font-size:14px;
    font-weight:500;
    padding:18px 24px;
    cursor:pointer;
    border:none;
    border-bottom:2px solid transparent;
    color:var(--ink-mute);
    white-space:nowrap;
    transition:all .25s ease;
    background:none;
    flex-shrink:0;
}

.unione-hp .rules-tab:hover{
    color:var(--ink);
}

.unione-hp .rules-tab.active{
    color:var(--slate);
    border-bottom-color:var(--slate);
}

/* BODY */

.unione-hp .rules-body{
    padding:40px;
}

/* TWO COLUMN ARTICLE LAYOUT */

.unione-hp .rules-part-content{
    column-count:2;
    column-gap:60px;
}

.unione-hp .article-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:18px 0;
    border-bottom:.5px solid var(--border);
    text-decoration:none;
    cursor:pointer;
    transition:all .25s ease;

    width:100%;
    break-inside:avoid;
    -webkit-column-break-inside:avoid;
    page-break-inside:avoid;
}

.unione-hp .article-row:hover{
    background:var(--ivory);
    padding-left:10px;
}

.unione-hp .article-row > div{
    display:flex;
    flex-direction:column;
}

/* ARTICLE NUMBER */

.unione-hp .article-num{
    font-size:12px;
    font-weight:600;
    color:var(--gold);
    letter-spacing:.08em;
    margin-bottom:12px;
    text-transform:uppercase;
}

/* ARTICLE TITLE */

.unione-hp .article-title{
    font-size:15px;
    font-weight:500;
    line-height:1.4;
    color:var(--ink);
}

/* ARROW */

.unione-hp .article-arrow{
    font-size:22px;
    color:var(--slate-light);
    flex-shrink:0;
    margin-left:16px;
    transition:transform .2s ease;
}

.unione-hp .article-row:hover .article-arrow{
    transform:translateX(4px);
}

/* BUTTON */

.unione-hp .rules-btn,
.unione-hp .rules-read-btn{
    display:inline-block;
    background:var(--slate);
    color:#fff;
    padding:16px 30px;
    border-radius:12px;
    text-decoration:none;
    font-size:15px;
    font-weight:500;
    transition:all .25s ease;
}

.unione-hp .rules-btn:hover,
.unione-hp .rules-read-btn:hover{
    transform:translateY(-2px);
}

/* TABLET */

@media (max-width:1024px){

    .unione-hp .rules-body{
        padding:28px;
    }

    .unione-hp .rules-part-content{
        column-gap:40px;
    }
}

/* MOBILE */

@media (max-width:768px){

    .unione-hp .rules-body{
        padding:20px;
    }

    .unione-hp .rules-part-content{
        column-count:1;
    }

    .unione-hp .rules-tab{
        padding:14px 18px;
        font-size:13px;
    }

    .unione-hp .article-title{
        font-size:14px;
    }
}
/* ─── TESTIMONIALS ───────────────────────────────────────── */
.unione-hp .testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.unione-hp .testi-card{background:var(--white);border:.5px solid var(--border);border-radius:var(--r-xl);padding:32px;transition:all .2s;cursor:pointer}
.unione-hp .testi-card:hover{transform:translateY(-2px);box-shadow:0 16px 48px rgba(42,53,69,.07)}
.unione-hp .testi-stars{color:var(--gold);font-size:13px;letter-spacing:2px;margin-bottom:18px}
.unione-hp .testi-quote{font-size:15px;line-height:1.75;color:var(--ink);margin-bottom:22px;font-weight:300;font-style:italic}
.unione-hp .testi-name{font-size:14px;font-weight:500;color:var(--ink)}
.unione-hp .testi-role{font-size:12px;color:var(--ink-mute);margin-top:30px}

/* ─── CTA SECTION ────────────────────────────────────────── */
.unione-hp .cta-wrap{background:var(--obsidian);border-radius:var(--r-xl);padding:80px 64px;text-align:center;position:relative;overflow:hidden}
.unione-hp .cta-wrap::before{content:'UNIONE';position:absolute;font-family:'Inter Tight',sans-serif;font-size:240px;font-weight:700;color:rgba(255,255,255,.02);top:50%;left:50%;transform:translate(-50%,-50%);letter-spacing:.15em;white-space:nowrap;pointer-events:none}
.unione-hp .cta-title{font-family:'Inter Tight',sans-serif;font-size:clamp(32px,5vw,60px);font-weight:700;color:var(--parchment);letter-spacing:-.035em;line-height:1.05;margin-bottom:18px}
.unione-hp .cta-sub{font-size:16px;color:rgba(255,255,255,.4);max-width:480px;margin:0 auto 40px;line-height:1.7;font-weight:300}
.unione-hp .cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.unione-hp .btn-gold-lg{font-family:'Inter',sans-serif;font-size:15px;font-weight:500;padding:14px 36px;border-radius:var(--r-md);border:none;background:var(--gold);color:var(--obsidian);cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}
.unione-hp .btn-gold-lg:hover{background:#B89858;transform:translateY(-1px)}
.unione-hp .btn-ghost-lg{font-family:'Inter',sans-serif;font-size:15px;font-weight:500;padding:14px 36px;border-radius:var(--r-md);border:.5px solid rgba(255,255,255,.2);color:var(--parchment);background:transparent;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}
.unione-hp .btn-ghost-lg:hover{border-color:rgba(255,255,255,.45)}
.unione-hp .clause-preview{background:rgba(255,255,255,.04);border:.5px solid rgba(196,169,106,.2);border-radius:var(--r-lg);padding:20px 28px;max-width:600px;margin:40px auto 0;text-align:left;cursor:pointer;transition:background .2s}
.unione-hp .clause-preview:hover{background:rgba(255,255,255,.06)}
.unione-hp .clause-label{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.unione-hp .clause-text{font-size:13px;color:rgba(255,255,255,.5);line-height:1.7;font-style:italic}

/* ─── DPC SECTION ────────────────────────────────────────── */
.unione-hp .dpc-section{background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;overflow:hidden}
.unione-hp .dpc-section::before{content:'';position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--gold) 0%,var(--gold-light) 50%,var(--gold) 100%)}
.unione-hp .dpc-inner{max-width:1280px;margin:0 auto;padding:120px 60px 120px 80px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.unione-hp .dpc-kicker{font-family:'Inter Tight',sans-serif;font-size:10px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:12px;margin-bottom:20px}
.unione-hp .dpc-kicker::before{content:'';width:20px;height:1px;background:var(--gold)}
.unione-hp .dpc-headline{font-family:'Inter Tight',sans-serif;font-size:clamp(38px,4vw,58px);font-weight:700;line-height:1.04;color:var(--slate);margin-bottom:16px}
.unione-hp .dpc-headline .gold-word{color:var(--gold);background:linear-gradient(90deg,#C4A96A 0%,#E8D9B0 25%,#F5EAC0 40%,#C4A96A 55%,#A07830 75%,#C4A96A 100%);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:dpc-shimmer 5s linear infinite}
.unione-hp .dpc-sub{font-family:'Inter',sans-serif;font-size:15px;font-weight:400;line-height:1.78;color:var(--ink-mute);max-width:480px;margin-bottom:32px}
.unione-hp .dpc-sub strong{color:var(--ink);font-weight:600}
.unione-hp .dpc-distinction{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;background:var(--gold-pale);border-left:3px solid var(--gold);margin-bottom:36px;max-width:480px}
.unione-hp .dpc-dist-icon{font-size:18px;flex-shrink:0;margin-top:1px}
.unione-hp .dpc-dist-text{font-family:'Inter',sans-serif;font-size:13px;color:var(--ink-mid);line-height:1.65}
.unione-hp .dpc-dist-text strong{color:var(--slate);font-weight:600;display:block;margin-bottom:3px}
.unione-hp .dpc-cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:36px}
.unione-hp .btn-dpc-primary{font-family:'Inter Tight',sans-serif;font-size:13px;font-weight:700;padding:15px 28px;border-radius:var(--r-md);background:var(--slate);color:var(--gold);border:none;cursor:pointer;transition:all .2s;letter-spacing:.03em;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.unione-hp .btn-dpc-primary:hover{background:var(--slate-mid);transform:translateY(-1px);box-shadow:0 8px 24px rgba(42,53,69,.18)}
.unione-hp .btn-dpc-secondary{font-family:'Inter Tight',sans-serif;font-size:13px;font-weight:600;padding:15px 22px;border-radius:var(--r-md);background:transparent;color:var(--slate);border:1px solid var(--border);cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.unione-hp .btn-dpc-secondary:hover{border-color:var(--slate-mid);background:var(--ivory)}
.unione-hp .btn-dpc-link{font-family:'Inter',sans-serif;font-size:13px;color:var(--gold);cursor:pointer;background:none;border:none;display:inline-flex;align-items:center;gap:5px;text-decoration:none;transition:color .2s}
.unione-hp .btn-dpc-link:hover{color:var(--slate)}
.unione-hp .btn-dpc-link::after{content:'→'}
.unione-hp .dpc-vs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:12px 16px;background:var(--ivory);border-radius:var(--r-md);border:.5px solid var(--border);max-width:480px}
.unione-hp .vs-label{font-family:'Inter Tight',sans-serif;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);margin-right:4px;flex-shrink:0}
.unione-hp .vs-chip{font-family:'Inter Tight',sans-serif;font-size:10px;font-weight:600;padding:12px 14px;border-radius:100px;display:inline-flex;align-items:center;gap:5px}
.unione-hp .vs-chip.n{background:var(--ivory);border:.5px solid var(--border);color:var(--ink-mute)}
.unione-hp .vs-chip.y{background:rgba(196,169,106,.1);border:.5px solid var(--border-gold);color:var(--gold)}
.unione-hp .vx{color:#D45;font-size:9px}
.unione-hp .vc{color:var(--green);font-size:9px}

/* ─── DPC CARD ───────────────────────────────────────────── */
.unione-hp .dpc-card{background:var(--parchment);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;box-shadow:0 4px 8px rgba(42,53,69,.04),0 20px 56px rgba(42,53,69,.08)}
.unione-hp .dpc-card-strip{height:4px;background:var(--gold)}
.unione-hp .dpc-card-head{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);background:var(--white);flex-wrap:wrap;gap:8px}
.unione-hp .dpc-card-head-l{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.unione-hp .dpc-card-dot{width:8px;height:8px;border-radius:50%;background:var(--gold)}
.unione-hp .dpc-card-title{font-family:'Inter Tight',sans-serif;font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--slate);white-space:normal !important;overflow:visible !important;text-overflow:unset !important;word-break:break-word !important;line-height:1.45}
.unione-hp .dpc-cert-badge{font-family:'Inter Tight',sans-serif;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:100px;background:var(--green-bg);color:var(--green);border:.5px solid rgba(26,122,74,.2);display:flex;align-items:center;gap:5px}
.unione-hp .dpc-cert-badge::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--green)}
.unione-hp .dpc-card-meta{display:flex;border-bottom:1px solid var(--border);background:var(--white)}
.unione-hp .dpc-meta-cell{flex:1;padding:12px 8px;border-right:1px solid var(--border);font-family:'Inter',sans-serif;font-size:9px;color:var(--ink-mute);white-space:normal !important;word-break:break-word !important;overflow:visible !important;min-width:0}
.unione-hp .dpc-meta-cell:last-child{border-right:none}
.unione-hp .dpc-meta-cell span{display:block;color:var(--slate);font-weight:600;margin-top:20px;font-size:9px;white-space:normal !important;word-break:break-word !important}
.unione-hp .dpc-checks{padding:16px 0 4px}
.unione-hp .dpc-checks-lbl{font-family:'Inter Tight',sans-serif;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);padding:0 24px;margin-bottom:8px}
.unione-hp .dpc-check-row{display:flex;align-items:flex-start;gap:8px;padding:10px 16px;border-bottom:.5px solid var(--border);overflow:visible !important}
.unione-hp .dpc-check-row:hover{background:var(--ivory)}
.unione-hp .dpc-check-row:last-child{border-bottom:none}
.unione-hp .dpc-ico{width:16px;height:16px;border-radius:50%;flex-shrink:0 !important;min-width:16px;min-height:16px;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;margin-top:1px}
.unione-hp .dpc-ico.pass{background:var(--green-bg);color:var(--green);border:.5px solid rgba(26,122,74,.25)}
.unione-hp .dpc-ico.gold{background:var(--gold-pale);color:#6B5427;border:.5px solid var(--border-gold)}
.unione-hp .dpc-check-text{font-family:'Inter',sans-serif;font-size:11px;color:var(--ink-mid);line-height:1.5;flex:1;min-width:0;white-space:normal !important;overflow:visible !important;word-break:break-word !important;overflow-wrap:anywhere !important}
.unione-hp .dpc-check-text strong{color:var(--slate);font-weight:600;display:block;font-size:12px;margin-bottom:2px;white-space:normal !important;word-break:break-word !important}
.unione-hp .dpc-card-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--green-bg);border-top:.5px solid rgba(26,122,74,.18)}
.unione-hp .dcf-l{display:flex;align-items:center;gap:8px;min-width:0}
.unione-hp .dcf-ico{width:14px;height:14px;border-radius:50%;background:var(--green-bg);border:.5px solid var(--green);display:flex;align-items:center;justify-content:center;font-size:7px;color:var(--green);font-weight:700;flex-shrink:0}
.unione-hp .dcf-txt{font-family:'Inter',sans-serif;font-size:10px;color:var(--green);white-space:normal !important;word-break:break-word !important;line-height:1.5}
.unione-hp .dcf-txt strong{font-weight:600}
.unione-hp .dcf-r{font-family:'Inter Tight',sans-serif;font-size:9px;font-weight:700;letter-spacing:.1em;color:rgba(26,122,74,.6);text-transform:uppercase}
.unione-hp .dpc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.unione-hp .dpc-stat{background:var(--white);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 16px;text-align:center;transition:border-color .2s,box-shadow .2s}
.unione-hp .dpc-stat:hover{border-color:var(--gold);box-shadow:0 4px 16px rgba(196,169,106,.1)}
.unione-hp .dpc-stat:first-child{border-color:var(--border-gold);background:var(--gold-pale)}
.unione-hp .ds-n{font-family:'Inter Tight',sans-serif;font-size:22px;font-weight:700;color:var(--gold);line-height:1;margin-bottom:4px}
.unione-hp .ds-n.slate{color:var(--slate)}
.unione-hp .ds-l{font-family:'Inter',sans-serif;font-size:9px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.07em;line-height:1.45}

/* ─── DPC STRIP ──────────────────────────────────────────── */
.unione-hp .dpc-strip{background:var(--slate);padding:32px 60px 32px 80px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border-top:1px solid var(--border)}
.unione-hp .dpc-strip-item{padding:24px 28px;background:var(--slate);border-right:1px solid rgba(255,255,255,.07);transition:background .2s}
.unione-hp .dpc-strip-item:last-child{border-right:none}
.unione-hp .dpc-strip-item:hover{background:var(--slate-mid)}
.unione-hp .dsi-icon{font-size:20px;margin-bottom:30px;display:block}
.unione-hp .dsi-title{font-family:'Inter Tight',sans-serif;font-size:14px;font-weight:700;color:var(--parchment);letter-spacing:-.01em;margin-bottom:13px}
.unione-hp .dsi-desc{font-family:'Inter',sans-serif;font-size:12px;color:rgba(255,255,255,.42);line-height:2.1}
.unione-hp .dsi-link{display:inline-flex;align-items:center;gap:5px;font-family:'Inter Tight',sans-serif;font-size:11px;font-weight:700;color:var(--gold);text-decoration:none;margin-top:10px;transition:gap .2s}
.unione-hp .dsi-link:hover{gap:8px}

/* ─── DPC REVEAL ANIMATIONS ──────────────────────────────── */
.unione-hp .dpc-reveal{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.unione-hp .dpc-reveal.dpc-visible{opacity:1;transform:translateY(0)}
.unione-hp .dpc-rv-d1{transition-delay:.08s}
.unione-hp .dpc-rv-d2{transition-delay:.18s}
.unione-hp .dpc-rv-d3{transition-delay:.28s}
.unione-hp .dpc-rv-d4{transition-delay:.4s}

/* ─── PANEL PART 2 (White) ───────────────────────────────── */
.unione-hp .ptab-white{font-size:12px;font-weight:500;padding:7px 18px;border-radius:100px;border:.5px solid var(--border);background:var(--white);color:var(--ink-mid);cursor:pointer;transition:all .15s;font-family:'Inter',sans-serif}
.unione-hp .ptab-white.active,.unione-hp .ptab-white:hover{background:var(--slate);color:var(--parchment);border-color:var(--slate)}
.unione-hp .pgrid-white{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.unione-hp .pcard-white{background:var(--white);border:.5px solid var(--border);border-radius:var(--r-xl);overflow:hidden;cursor:pointer;transition:all .28s cubic-bezier(.22,1,.36,1);position:relative}
.unione-hp .pcard-white:hover{border-color:rgba(42,53,69,.2);box-shadow:0 20px 56px rgba(42,53,69,.10);transform:translateY(-5px)}
.unione-hp .pcard-white:hover .pcw-overlay{opacity:1}
.unione-hp .pcw-img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top center;display:block;background:var(--ivory)}
.unione-hp .pcw-fallback{width:100%;aspect-ratio:3/4;display:none;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--slate) 0%,var(--slate-deep) 100%)}
.unione-hp .pcw-initials{font-family:'Inter Tight',sans-serif;font-size:56px;font-weight:700;color:rgba(196,169,106,.38);letter-spacing:-.04em}
.unione-hp .pcw-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(28,37,52,.92) 0%,rgba(28,37,52,.42) 40%,rgba(28,37,52,.06) 65%,transparent 80%);opacity:.75;transition:opacity .28s}
.unione-hp .pcw-exp{position:absolute;top:14px;right:14px;font-family:'Inter Tight',sans-serif;font-size:11px;font-weight:700;color:var(--gold);background:rgba(20,24,32,.78);padding:4px 10px;border-radius:100px;border:.5px solid rgba(196,169,106,.28);backdrop-filter:blur(8px);letter-spacing:.04em}
.unione-hp .pcw-info{position:absolute;bottom:0;left:0;right:0;padding:20px 18px 18px}
.unione-hp .pcw-name{font-family:'Inter Tight',sans-serif;font-size:15px;font-weight:700;color:#fff;letter-spacing:-.01em;margin-bottom:3px;line-height:1.25}
.unione-hp .pcw-role{font-size:11.5px;color:rgba(255,255,255,.48);margin-bottom:10px;font-weight:300;line-height:1.4}
.unione-hp .pcw-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:6px}
.unione-hp .pcw-tag{font-family:'Inter',sans-serif;font-size:9.5px;font-weight:600;padding:7px 11px;border-radius:100px;background:rgba(196,169,106,.18);color:var(--gold);border:.5px solid rgba(196,169,106,.28);letter-spacing:.04em;text-transform:uppercase}
.unione-hp .pcw-loc{font-size:11px;color:rgba(255,255,255,.38);font-weight:300;display:flex;align-items:center;gap:4px}

/* ─── STATS ROW ──────────────────────────────────────────── */
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:.5px solid var(--border);border-bottom:.5px solid var(--border);margin-top:52px;border-radius:var(--r-lg);overflow:hidden}
.stat-box{text-align:center;padding:28px 20px;border-right:.5px solid var(--border)}
.stat-box.no-border{border-right:none}
.stat-value{font-family:'Inter Tight',sans-serif;font-size:36px;font-weight:700;color:var(--slate);letter-spacing:-.04em;line-height:1;margin-bottom:6px}
.stat-label{font-size:12px;color:var(--ink-mute)}

/* ─── CTA BOX ────────────────────────────────────────────── */
.unione-cta{position:relative;margin-top:52px;background:var(--ivory);border:.5px solid var(--border);border-radius:var(--r-xl);overflow:hidden}
.unione-cta-bar{position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--gold),var(--gold-light),var(--gold))}
.unione-cta-content{display:flex;justify-content:space-between;align-items:center;padding:36px 40px;gap:24px;flex-wrap:wrap}
.unione-cta-text{max-width:480px}
.unione-cta-tag{font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;display:flex;align-items:center;gap:8px}
.unione-cta-tag span{width:16px;height:1px;background:var(--gold);display:inline-block}
.unione-cta-title{font-family:'Inter Tight',sans-serif;font-size:clamp(20px,2.4vw,26px);font-weight:700;letter-spacing:-.025em;color:var(--ink);margin-bottom:8px}
.unione-cta-desc{font-size:14px;color:var(--ink-mute);line-height:1.65}
.unione-cta-actions{display:flex;gap:10px;flex-wrap:wrap}
.btn-outline{padding:10px 22px;border-radius:var(--r-md);border:.5px solid var(--border);background:transparent!important;color:var(--ink)!important;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:.2s}
.btn-outline:hover{background:var(--ivory)}
.cta-footer-link{
    font-size:12px;
    color:rgba(255,255,255,0.3);
    text-decoration:none;
    transition:color 0.2s ease;
}

.cta-footer-link:hover{
    color:rgba(255,255,255,0.8);
}

/* ════════════════════════════════════════════════════════════
   RESPONSIVE BREAKPOINTS
   ════════════════════════════════════════════════════════════ */

/* ─── ≤1100px ────────────────────────────────────────────── */
@media(max-width:1100px){
	.unione-hp .hero-slider-inner{grid-template-columns:1fr;padding:120px 28px 280px;gap:0}
	.unione-hp .hero-slider-right{display:none}
	.unione-hp .slider-ctrl{right:28px;bottom:60px}
	.unione-hp .section{padding:80px 32px}
	.unione-hp .break-section{padding:80px 32px}
	.unione-hp .panel-section{padding:80px 32px}
	.unione-hp .pipeline-grid{grid-template-columns:repeat(2,1fr)}
	.unione-hp .bento{grid-template-columns:1fr}
	.unione-hp .bento-card.span-2{grid-column:span 1}
	.unione-hp .ai-wrap{grid-template-columns:1fr;padding:40px 32px}
	.unione-hp .break-layout{grid-template-columns:1fr;gap:48px}
	.unione-hp .break-stats{grid-template-columns:repeat(2,1fr)}
	.unione-hp .break-watermark{font-size:120px}
	.unione-hp .regions-grid{grid-template-columns:repeat(2,1fr)}
	.unione-hp .spec-grid{grid-template-columns:repeat(2,1fr)}
	.unione-hp .neutrals-grid{grid-template-columns:repeat(2,1fr)}
	.unione-hp .arb-strip{grid-template-columns:repeat(2,1fr);gap:32px}
	.unione-hp .err-layout{grid-template-columns:1fr;gap:40px}
	.unione-hp .testi-grid{grid-template-columns:repeat(2,1fr)}
	.unione-hp .filing-outer-grid{grid-template-columns:1fr;gap:32px}
	.unione-hp .filing-grid{grid-template-columns:1fr}
	.unione-hp .cta-wrap{padding:60px 40px}
	.unione-hp .divider{margin:0 32px}
	.unione-hp .dpc-inner{grid-template-columns:1fr;gap:48px;padding:60px 32px 60px 40px}
	.unione-hp .dpc-strip{grid-template-columns:1fr 1fr;padding:24px 32px}
}

/* ─── ≤1024px ────────────────────────────────────────────── */
@media(max-width:1024px){
	#panel-neutrals{padding:80px 32px !important}
	.unione-hp .pgrid-white{grid-template-columns:repeat(3,1fr)}
}

/* ─── ≤900px ─────────────────────────────────────────────── */
@media(max-width:900px){
	#panel-neutrals{padding:64px 20px !important}
	#panel-neutrals .stats-grid-inner{grid-template-columns:repeat(2,1fr) !important}
	.unione-hp .pgrid-white{grid-template-columns:repeat(2,1fr);gap:14px}
	.unione-hp .dpc-inner{grid-template-columns:1fr;gap:40px;padding:60px 20px}
	.unione-hp .pipeline-grid{grid-template-columns:1fr;border-radius:12px;overflow:hidden}
	.unione-hp .pipe-col{border-right:none !important;border-bottom:1px solid var(--border);padding:20px 18px;background:#fff}
	.unione-hp .pipe-col:last-child{border-bottom:none}
	.unione-hp .pipe-arrow{display:none}
	.unione-hp .pipe-title{font-size:15px}
	.unione-hp .pipe-desc{font-size:12px;line-height:1.6}
	.unione-hp .dpc-card{font-size:13px;border-radius:14px;overflow:hidden}
	.unione-hp .dpc-card-head{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px}
	.unione-hp .dpc-card-title{font-size:11px;line-height:1.4}
	.unione-hp .dpc-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px;background:var(--white)}
	.unione-hp .dpc-meta-cell{padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:#fff;font-size:10px;box-shadow:0 2px 6px rgba(0,0,0,.04)}
	.unione-hp .dpc-meta-cell span{display:block;font-size:11px;font-weight:600;color:var(--slate)}
	.unione-hp .dpc-checks-lbl{padding:0 16px;font-size:10px}
	.unione-hp .dpc-check-row{padding:10px 16px;gap:8px;align-items:flex-start}
	.unione-hp .dpc-ico{width:14px;height:14px;font-size:7px;margin-top:2px}
	.unione-hp .dpc-check-text{font-size:12px;line-height:1.5}
	.unione-hp .dpc-card-foot{flex-direction:column;align-items:flex-start;gap:6px;padding:12px 16px}
	.unione-hp .dcf-txt{font-size:10px}
	.unione-hp .dcf-r{font-size:9px}
	.unione-hp .dpc-stats{grid-template-columns:1fr;gap:8px}
	.unione-hp .dpc-stat{padding:12px;border-radius:10px}
	.unione-hp .ds-n{font-size:20px}
	.unione-hp .err-layout{grid-template-columns:1fr;gap:40px}
	.unione-hp .err-card-header{flex-direction:column;align-items:flex-start}
	.unione-hp .rules-nav{overflow-x:auto;white-space:nowrap;padding-bottom:6px}
	.unione-hp .rules-tab{flex:0 0 auto;font-size:11px;padding:10px 14px}
	.unione-hp #prelim{display:block !important}
	.unione-hp #prelim > div{width:100%;border:none !important;padding-left:0 !important}
	.unione-hp .article-row{padding:14px 16px;display:flex;justify-content:space-between;align-items:center}
	.unione-hp .article-title{font-size:13px}
	.unione-hp .article-num{font-size:11px}
	.unione-hp .rules-body{padding:24px 16px}
}

/* ─── ≤768px ─────────────────────────────────────────────── */
@media(max-width:768px){
	.unione-hp .err-hero-img{height:200px;margin-bottom:32px}
	.unione-hp .err-row{padding:12px 16px}
}

/* ─── ≤680px ─────────────────────────────────────────────── */
@media(max-width:680px){
	.unione-hp .slide-stack{position:relative;height:auto;min-height:540px}
	.unione-hp .slide{position:absolute;top:0;left:0;right:0;opacity:0;transform:translateY(20px);pointer-events:none;transition:all .4s ease}
	.unione-hp .slide.active{position:relative;opacity:1;transform:none;pointer-events:auto}
	.unione-hp .hero-slider-inner{padding:110px 20px 140px;grid-template-columns:1fr}
	.unione-hp .headline{font-size:32px;line-height:1.15;margin-bottom:16px}
	.unione-hp .body-text{font-size:14px;line-height:1.7;margin-bottom:20px}
	.unione-hp .cta-row{flex-direction:column;align-items:stretch;gap:10px}
	.unione-hp .btn-gold,.unione-hp .btn-out{width:100%;justify-content:center}
	.unione-hp .vs-bar{padding:14px;gap:6px;flex-wrap:wrap}
	.unione-hp .vp{font-size:9px;padding:8px 10px}
	.unione-hp .compare-link{font-size:12px;margin-bottom:16px}
	.unione-hp .slider-ctrl{display:flex;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);right:auto;z-index:50;gap:10px}
	.unione-hp .slider-dot{width:6px;height:6px}
	.unione-hp .slider-dot.on{width:18px}
	.unione-hp .slider-arr{width:30px;height:30px;font-size:12px}
	.unione-hp .slide-num{display:none}
	.unione-hp .prog-wrap{height:2px}
	.unione-hp .section{padding:60px 20px}
	.unione-hp .section-title{font-size:clamp(22px,5.5vw,36px)}
	.unione-hp .break-section{padding:60px 20px}
	.unione-hp .panel-section{padding:60px 20px}
	.unione-hp .break-title{font-size:clamp(26px,6vw,40px)}
	.unione-hp .break-stats{grid-template-columns:1fr}
	.unione-hp .ai-wrap{padding:32px 20px}
	.unione-hp .regions-grid{grid-template-columns:1fr}
	.unione-hp .spec-grid{grid-template-columns:1fr}
	.unione-hp .neutrals-grid{grid-template-columns:1fr}
	.unione-hp .testi-grid{grid-template-columns:1fr}
	.unione-hp .cta-wrap{padding:44px 20px}
	.unione-hp .dpc-inner{padding:48px 24px 48px 28px}
	.unione-hp .dpc-strip{grid-template-columns:1fr;padding:20px 24px}
	.stats-row{grid-template-columns:repeat(2,1fr)}
}

/* ─── ≤600px ─────────────────────────────────────────────── */
@media(max-width:600px){
	.unione-cta-content{flex-direction:column;align-items:flex-start;padding:24px 20px}
	.unione-cta-actions{width:100%;flex-direction:column}
	.unione-cta-actions a{width:100%}
	.btn-outline,.btn-gold{width:100%;justify-content:center}
}

/* ─── ≤500px ─────────────────────────────────────────────── */
@media(max-width:500px){
	.unione-hp .pgrid-white{grid-template-columns:1fr;gap:14px}
	.unione-hp .pcw-info{padding:18px 14px 16px}
	.unione-hp .pcw-name{font-size:14px}
	.unione-hp .pcw-tag{font-size:9px;padding:6px 10px}
}

/* ─── ≤480px ─────────────────────────────────────────────── */
@media(max-width:480px){
	.unione-hp .section{padding:48px 14px}
	.unione-hp .pipe-col{padding:16px 14px;border-radius:10px}
	.unione-hp .pipe-title{font-size:14px}
	.unione-hp .pipe-desc{font-size:11.5px}
	.unione-hp .dpc-card-meta{grid-template-columns:1fr;gap:8px;padding:8px}
	.unione-hp .dpc-meta-cell{padding:10px 12px;font-size:9.5px}
	.unione-hp .dpc-meta-cell span{font-size:10.5px}
	.unione-hp .dpc-check-text{font-size:11px}
	.unione-hp .dpc-check-text strong{font-size:11px}
	.unione-hp .dpc-card-title{font-size:10px}
	.unione-hp .ds-n{font-size:18px}
	.unione-hp .bento{gap:12px}
	.unione-hp .bento-card{padding:18px 14px;border-radius:16px}
	.unione-hp .bento-card-title{font-size:14px}
	.unione-hp .bento-card-desc{font-size:12px}
	.unione-hp .speed-grid{grid-template-columns:1fr;gap:12px}
	.unione-hp .speed-num{font-size:30px}
	.unione-hp .speed-text{font-size:12px}
	.unione-hp #err.section{padding:56px 16px}
	.unione-hp .err-hero-img{height:170px;border-radius:12px}
	.unione-hp .err-row{grid-template-columns:22px 1fr auto;padding:12px 14px}
	.unione-hp .err-row-text{font-size:10px}
	.unione-hp .err-row-status{font-size:10px}
	.unione-hp .err-btn-outline{width:100%}
	.unione-hp .err-advisory-text{font-size:12px}
	.unione-hp .rules-body{padding:18px 12px}
	.unione-hp .rules-tab{font-size:10px;padding:8px 12px}
	.unione-hp .article-row{padding:12px 10px;gap:6px}
	.unione-hp .article-title{font-size:12px;line-height:2.4}
	.unione-hp .article-num{font-size:10px;margin-bottom:2px}
	.unione-hp .article-arrow{font-size:16px}
}

@media (max-width:1200px){

    .cta-footer{
        padding:0 24px 40px;
        margin-bottom:20px;
    }

    .cta-footer-links{
        display:flex;
        flex-direction:column;
        align-items:flex-start; /* center ki jagah */
        justify-content:center;
        gap:18px;
        width:100%;
        padding-bottom:20px;
        text-align:center;
    }

    .cta-footer-link{
        display:block;
        width:100%;
        line-height:1.5;
        white-space:normal;
    }
}

@media (max-width:1080px){

    .cta-footer{
        padding-bottom:36px;
    }

    .cta-footer-links{
        gap:16px;
    }
}

@media (max-width:980px){

    .cta-footer{
        padding-bottom:32px;
    }

    .cta-footer-link{
        font-size:13px;
    }
}

@media (max-width:780px){

    .cta-footer{
        padding:0 20px 30px;
    }

    .cta-footer-links{
        gap:14px;
    }
}

@media (max-width:680px){

    .cta-footer-link{
        font-size:14px;
        line-height:1.6;
    }
}

@media (max-width:480px){

    .cta-footer{
        padding:0 16px 28px;
    }

    .cta-footer-links{
        gap:12px;
    }

    .cta-footer-link{
        font-size:14px;
    }
}

@media (max-width:360px){

    .cta-footer{
        padding:0 12px 24px;
    }

    .cta-footer-link{
        font-size:13px;
        line-height:1.5;
    }
}
/* ─── ≤420px ─────────────────────────────────────────────── */
@media(max-width:420px){
	.stats-row{grid-template-columns:1fr}
	.stat-box{border-right:none;border-bottom:.5px solid var(--border)}
	.stat-box:last-child{border-bottom:none}
}

/* ─── ≤360px ─────────────────────────────────────────────── */
@media(max-width:360px){
	.unione-hp .err-hero-img{height:150px}
}

/* ═══════════════════════════════════════════════
    UNBOUNDED™ BARCELONA 2026 - Section Styles
    All properties marked !important to override
    any WordPress / theme interference.
═══════════════════════════════════════════════ */

/* ── 1. BOX MODEL RESET ── */
#uub-section,
#uub-section * {
    box-sizing: border-box !important;
    -webkit-font-smoothing: antialiased !important;
}

/* ── 2. SECTION WRAPPER ── */
#uub-section {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #141820 !important;
    font-family: 'Inter', sans-serif !important;
}

/* Kill WP wrapper injections */
.entry-content #uub-section,
.wp-block-shortcode #uub-section,
p #uub-section,
.unione-hp #uub-section,
div #uub-section {
    margin: 0 !important;
    padding: 0 !important;
}
.entry-content p:has(> #uub-section),
.unione-hp p:has(> #uub-section) {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

/* ── 3. IMAGE SLIDER BACKGROUND ── */
#uub-slider-wrap {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    overflow: hidden !important;
    background-color: #0a0e14 !important;
}
.uub-slide {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    opacity: 0 !important;
    transition: opacity 1.5s ease-in-out !important;
    pointer-events: none !important;
}
.uub-slide.active {
    opacity: 1 !important;
    z-index: 1 !important;
}
.uub-slide:first-child {
    opacity: 1 !important;
}

/* ── 4. OVERLAY ── */
#uub-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    background: linear-gradient(288deg, rgb(92 94 97) 0%, rgb(14 18 26 / 67%) 45%, rgb(14 18 26 / 61%) 100%) !important;
    pointer-events: none !important;
}

/* ── 5. HORIZONTAL RULES ── */
.uub-rule {
    height: 1px !important;
    position: relative !important;
    z-index: 4 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    display: block !important;
}
.uub-rule-top {
    background: linear-gradient(90deg, transparent 0%, rgba(196,169,106,.45) 20%, rgba(196,169,106,.45) 80%, transparent 100%) !important;
}
.uub-rule-bot {
    background: linear-gradient(90deg, transparent 0%, rgba(196,169,106,.25) 20%, rgba(196,169,106,.25) 80%, transparent 100%) !important;
}

/* ── 6. CONTENT WRAPPER ── */
#uub-content {
    position: relative !important;
    z-index: 3 !important;
    max-width: 1040px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* ── 7. LOGO ── */
#uub-logo-wrap {
    margin: 0 auto 36px !important;
    max-width: 880px !important;
}
#uub-logo-wrap img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    mix-blend-mode: screen !important;
    filter: brightness(1.15) contrast(1.05) !important;
}

/* ── 8. DATE PILL ── */
#uub-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    border: .5px solid rgba(196,169,106,.38) !important;
    border-radius: 100px !important;
    padding: 7px 22px !important;
    margin-bottom: 28px !important;
    background: rgba(196,169,106,.07) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}
#uub-pill .uub-dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #C4A96A !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
    box-shadow: 0 0 8px rgba(196,169,106,.8) !important;
}
#uub-pill .uub-pill-text {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,.80) !important;
    white-space: nowrap !important;
}

/* ── 9. HEADLINE ── */
#uub-headline {
    font-family: 'Inter Tight', sans-serif !important;
    font-weight: 800 !important;
    color: #fff !important;
    letter-spacing: -.035em !important;
    line-height: 1.08 !important;
    margin: 0 0 16px !important;
    text-shadow: 0 2px 28px rgba(0,0,0,.7) !important;
}

/* ── 10. SUB-HEADLINE ── */
#uub-sub {
    color: rgba(255,255,255,.65) !important;
    font-weight: 300 !important;
    line-height: 1.82 !important;
    margin: 0 auto 42px !important;
    text-shadow: 0 1px 10px rgba(0,0,0,.6) !important;
}
#uub-sub strong {
    color: rgba(255,255,255,.9) !important;
    font-weight: 500 !important;
}

/* ── 11. SUMMITS STRIP ── */
#uub-summits {
    display: inline-flex !important;
    flex-direction: column !important;
    text-align: left !important;
    margin-bottom: 42px !important;
}
#uub-summits .uub-summit-label {
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: .22em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,.32) !important;
    margin-bottom: 8px !important;
    text-align: center !important;
}
.uub-summit-row {
    font-weight: 300 !important;
    padding: 9px 18px !important;
    border-radius: 9px !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    margin-bottom: 4px !important;
}
.uub-summit-row.plain {
    font-size: 12.5px !important;
    color: rgba(255,255,255,.52) !important;
    background: rgba(255,255,255,.04) !important;
    border: .5px solid rgba(255,255,255,.09) !important;
}
.uub-summit-row.gold {
    font-size: 12.5px !important;
    color: #C4A96A !important;
    background: rgba(196,169,106,.10) !important;
    border: .5px solid rgba(196,169,106,.32) !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
}

/* ── 12. PILLAR CARDS ── */
#uub-pillars {
    display: grid !important;
    gap: 12px !important;
    margin-bottom: 42px !important;
    text-align: left !important;
}
.uub-pillar {
    background: rgba(14,18,26,.82) !important;
    border-radius: 16px !important;
    padding: 22px 20px !important;
    position: relative !important;
    overflow: hidden !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
}
.uub-pillar.gold-border {
    border: .5px solid rgba(196,169,106,.28) !important;
}
.uub-pillar.grey-border {
    border: .5px solid rgba(255,255,255,.10) !important;
}
.uub-pillar-accent {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 2px !important;
    background: linear-gradient(90deg, #C4A96A, #E8D9B0, #C4A96A) !important;
}
.uub-pillar-eyebrow {
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
    margin-bottom: 10px !important;
    display: block !important;
}
.uub-pillar-eyebrow.gold { color: #C4A96A !important; }
.uub-pillar-eyebrow.dim  { color: rgba(255,255,255,.38) !important; }
.uub-pillar-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin-bottom: 8px !important;
    line-height: 1.3 !important;
    display: block !important;
}
.uub-pillar-body {
    font-size: 12px !important;
    color: rgba(255,255,255,.58) !important;
    font-weight: 300 !important;
    line-height: 1.65 !important;
    display: block !important;
}

/* ── 13. CTA BUTTONS ── */
#uub-ctas {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px !important;
}
.uub-btn-primary {
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    background: #C4A96A !important;
    color: #141820 !important;
    text-decoration: none !important;
    letter-spacing: .01em !important;
    display: inline-block !important;
    transition: background .2s !important;
    border: none !important;
}
.uub-btn-primary:hover {
    background: #E8D9B0 !important;
    color: #0e1218 !important;
}
.uub-btn-secondary {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    border-radius: 10px !important;
    border: .5px solid rgba(255,255,255,.22) !important;
    background: rgba(255,255,255,.06) !important;
    color: rgba(255,255,255,.75) !important;
    text-decoration: none !important;
    display: inline-block !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    transition: background .2s, color .2s !important;
}
.uub-btn-secondary:hover {
    background: rgba(255,255,255,.14) !important;
    color: #fff !important;
}

/* ══════════════════════════════════════════════
RESPONSIVE BREAKPOINTS
══════════════════════════════════════════════ */

@media screen and (max-width: 479px) {
    #uub-section { min-height: 100svh !important; }
    #uub-content { padding: 44px 16px 40px !important; }
    #uub-logo-wrap { max-width: 100% !important; margin-bottom: 24px !important; }
    #uub-pill { padding: 6px 14px !important; gap: 7px !important; margin-bottom: 20px !important; }
    #uub-pill .uub-pill-text { font-size: 8.5px !important; letter-spacing: .12em !important; white-space: normal !important; text-align: center !important; }
    #uub-headline { font-size: 26px !important; margin-bottom: 12px !important; }
    #uub-sub { font-size: 13px !important; margin-bottom: 28px !important; }
    #uub-summits { min-width: unset !important; width: 100% !important; gap: 4px !important; margin-bottom: 28px !important; }
    .uub-summit-row { font-size: 11.5px !important; padding: 8px 12px !important; }
    #uub-pillars { grid-template-columns: 1fr !important; margin-bottom: 28px !important; }
    .uub-pillar { padding: 18px 14px !important; }
    .uub-pillar-title { font-size: 13px !important; }
    #uub-ctas { flex-direction: column !important; align-items: center !important; gap: 10px !important; }
    .uub-btn-primary, .uub-btn-secondary { font-size: 13px !important; padding: 12px 24px !important; width: 100% !important; text-align: center !important; }
}

@media screen and (min-width: 480px) and (max-width: 639px) {
    #uub-section { min-height: 100svh !important; }
    #uub-content { padding: 52px 24px 48px !important; }
    #uub-headline { font-size: 30px !important; }
    #uub-sub { font-size: 14px !important; }
    #uub-summits { width: 100% !important; margin-bottom: 32px !important; }
    .uub-summit-row { font-size: 12px !important; }
    #uub-pillars { grid-template-columns: 1fr !important; margin-bottom: 32px !important; }
    #uub-ctas { flex-direction: column !important; align-items: center !important; }
    .uub-btn-primary, .uub-btn-secondary { font-size: 13.5px !important; padding: 13px 26px !important; width: 90% !important; text-align: center !important; }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    #uub-section { min-height: 90vh !important; }
    #uub-content { padding: 56px 32px 52px !important; }
    #uub-headline { font-size: 34px !important; }
    #uub-sub { font-size: 14.5px !important; max-width: 480px !important; }
    #uub-summits { min-width: 400px !important; margin-bottom: 34px !important; }
    #uub-pillars { grid-template-columns: 1fr 1fr !important; margin-bottom: 34px !important; }
    .uub-btn-primary, .uub-btn-secondary { font-size: 13.5px !important; padding: 13px 26px !important; }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    #uub-section { min-height: 85vh !important; }
    #uub-content { padding: 64px 40px 58px !important; }
    #uub-headline { font-size: 40px !important; }
    #uub-sub { font-size: 15px !important; max-width: 500px !important; }
    #uub-summits { min-width: 420px !important; margin-bottom: 36px !important; }
    #uub-pillars { grid-template-columns: 1fr 1fr !important; margin-bottom: 36px !important; }
    .uub-btn-primary, .uub-btn-secondary { font-size: 14px !important; padding: 13px 28px !important; }
}

@media screen and (min-width: 1024px) {
    #uub-section { min-height: 80vh !important; }
    #uub-content { padding: 72px 52px 68px !important; }
    #uub-headline { font-size: clamp(38px, 4vw, 52px) !important; }
    #uub-sub { font-size: 15px !important; max-width: 520px !important; }
    #uub-summits { min-width: 360px !important; gap: 5px !important; margin-bottom: 40px !important; }
    #uub-pillars { grid-template-columns: 1fr 1fr 1fr !important; margin-bottom: 40px !important; }
    .uub-btn-primary, .uub-btn-secondary { font-size: 14px !important; padding: 14px 30px !important; }
}

@media screen and (min-width: 1280px) {
    #uub-section { min-height: 75vh !important; }
    #uub-content { max-width: 1120px !important; padding: 80px 60px 76px !important; }
    #uub-headline { font-size: clamp(44px, 3.6vw, 56px) !important; }
    #uub-logo-wrap { max-width: 960px !important; }
}

@media screen and (min-width: 1920px) {
    #uub-section { min-height: 70vh !important; }
    #uub-content { max-width: 1280px !important; padding: 96px 80px 88px !important; }
    #uub-headline { font-size: 60px !important; }
    #uub-sub { font-size: 17px !important; max-width: 600px !important; }
    .uub-pillar-title { font-size: 16px !important; }
    .uub-pillar-body { font-size: 13.5px !important; }
    .uub-btn-primary, .uub-btn-secondary { font-size: 15px !important; padding: 16px 36px !important; }
}

@media (prefers-reduced-motion: reduce) {
    .uub-slide { transition: none !important; }
    #uub-slider-wrap {
        background-image: url('https://theunione.org/wp-content/uploads/2026/04/9O5A5205_compressed_compressed_compressed-1-scaled.jpg') !important;
        background-size: cover !important;
        background-position: center !important;
    }
}

/* ============================================================
   UNIONE FEES & PRICING SHORTCODE STYLES
   ============================================================ */

:root {
    --slate: #0a0b0c;
    --slate-deep: #1C2534;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-light: #E8D9B0;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42, 53, 69, 0.12);
    --green: #1A7A4A;
    --green-bg: #E6F4EE;
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
    --nav-h: 68px;
}

.theun-fees-wrap * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.theun-fees-wrap {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

body, .theun-fees-wrap {
    background: var(--parchment);
    color: var(--ink);
}

/* Animations */
@keyframes pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(.7); }
}

@keyframes shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

@keyframes fadeUp {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes spin-slow {
    to { transform: rotate(360deg); }
}

/* Nav */
.theun-fees-nav {
    position: sticky;
    top: 0;
    z-index: 200;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 52px;
    height: var(--nav-h);
    background: rgba(250, 250, 248, .94);
    backdrop-filter: blur(20px);
    border-bottom: .5px solid var(--border);
}

.theun-fees-nav-logo {
    font-family: 'Inter Tight', sans-serif;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: .22em;
    color: var(--slate);
    text-decoration: none !important;
    display: flex;
    align-items: center;
    gap: 10px;
}

.theun-fees-nav-logo-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gold);
    animation: pulse-dot 2s ease-in-out infinite;
}

.theun-fees-nav-links {
    display: flex;
    gap: 28px;
}

.theun-fees-nav-link {
    font-size: 13px;
    color: var(--ink-mid);
    text-decoration: none !important;
    transition: color .2s;
    padding: 4px 0;
    border-bottom: 2px solid transparent;
}

.theun-fees-nav-link:hover {
    color: var(--slate);
}

.theun-fees-nav-link.active {
    color: var(--slate);
    border-bottom-color: var(--gold);
    font-weight: 500;
}

.theun-fees-nav-actions {
    display: flex;
    gap: 10px;
}

.theun-btn-outline {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: .5px solid var(--border);
    background: transparent;
    color: var(--ink);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none !important;
    display: inline-block;
}

.theun-btn-outline:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

.theun-btn-gold {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none !important;
    display: inline-block;
}

.theun-btn-gold:hover {
    background: #B89858;
}

/* Hero */
.theun-fees-hero {
    background: var(--slate);
    padding: 108px 52px;
    position: relative;
    overflow: hidden;
}

.theun-fees-hero-inner {
    max-width: 1100px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.theun-fees-hero-tag {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.theun-fees-hero-tag::before,
.theun-fees-hero-tag::after {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--gold);
}

.theun-fees-hero h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(40px, 5vw, 64px);
    font-weight: 700;
    color: var(--parchment);
    line-height: 1.05;
    margin-bottom: 14px;
}

.theun-fees-hero h1 span {
    background: linear-gradient(135deg, #C4A96A, #F0DFA0, #C4A96A);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: shimmer 4s linear infinite;
}

.theun-fees-hero-sub {
    font-size: 16px;
    color: rgba(255, 255, 255, .45);
    font-weight: 300;
    line-height: 1.7;
    max-width: 560px;
    margin: 0 auto 28px;
}

.theun-fees-hero-promise {
    display: flex;
    gap: 24px;
    justify-content: center;
    flex-wrap: wrap;
}

.theun-fees-promise {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: rgba(255, 255, 255, .55);
}

.theun-fees-promise-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--green);
}

/* Photo Stripe */
.theun-photo-stripe {
    width: 100%;
    height: 340px;
    position: relative;
    overflow: hidden;
    display: flex;
}

.theun-photo-stripe-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.theun-photo-stripe-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(20, 24, 32, 0.55) 0%, rgba(20, 24, 32, 0) 40%, rgba(20, 24, 32, 0) 60%, rgba(20, 24, 32, 0.35) 100%);
}

.theun-photo-stripe-caption {
    position: absolute;
    bottom: 28px;
    left: 52px;
    right: 52px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.theun-photo-stripe-text {
    font-family: 'Inter Tight', sans-serif;
    font-size: 58px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
    line-height: 1.25;
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.4);
}

.theun-photo-stripe-stat-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: var(--gold);
    letter-spacing: -0.04em;
    line-height: 1;
    display: block;
}

.theun-photo-stripe-stat-label {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.55);
    margin-top: 4px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* Sections */
.theun-fees-section {
    padding: 108px 52px;
    position: relative;
    overflow: hidden;
}

.theun-fees-section.bg-white {
    background: var(--white);
}

.theun-fees-section.bg-ivory {
    background: var(--ivory);
}

.theun-fees-section-inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.theun-section-tag {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.theun-section-tag::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 1px;
    background: var(--gold);
}

.theun-section-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(36px, 4.5vw, 58px);
    font-weight: 700;
    letter-spacing: -.035em;
    line-height: 1.04;
    color: var(--ink);
    margin-bottom: 20px;
}

.theun-section-sub {
    font-size: 17px;
    color: var(--ink-mid);
    line-height: 1.8;
    max-width: 600px;
    margin-bottom: 56px;
    font-weight: 300;
}

/* Procedure Cards */
.theun-procedure-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 48px;
}

.theun-proc-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 32px;
    position: relative;
    transition: all .2s;
}

.theun-proc-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 48px rgba(42, 53, 69, .08);
}

.theun-proc-card.featured {
    border: 1.5px solid var(--slate);
}

.theun-proc-badge {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--slate);
    color: var(--gold);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 4px 14px;
    border-radius: 100px;
    white-space: nowrap;
}

.theun-proc-type {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 10px;
}

.theun-proc-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 6px;
    letter-spacing: -.01em;
}

.theun-proc-timeline {
    font-size: 13px;
    color: var(--ink-mute);
    margin-bottom: 20px;
}

.theun-proc-divider {
    height: .5px;
    background: var(--border);
    margin-bottom: 20px;
}

.theun-proc-reg {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 8px;
}

.theun-proc-reg-label {
    font-size: 13px;
    color: var(--ink-mute);
}

.theun-proc-reg-fee {
    font-family: 'Inter Tight', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: var(--ink);
}

.theun-proc-reg-fee small {
    font-size: 13px;
    font-weight: 400;
    color: var(--ink-mute);
}

.theun-proc-features {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 24px;
}

.theun-proc-feat {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 13px;
    color: var(--ink-mid);
}

.theun-proc-feat::before {
    content: '✓';
    color: var(--green);
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 1px;
}

.theun-proc-cta {
    width: 100%;
    padding: 11px;
    border-radius: var(--r-md);
    border: .5px solid var(--slate);
    background: transparent;
    color: var(--slate);
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s;
    text-align: center;
    text-decoration: none !important;
    display: block;
}

.theun-proc-cta:hover {
    background: var(--slate);
    color: var(--parchment);
}

.theun-proc-card.featured .theun-proc-cta {
    background: var(--slate);
    color: var(--parchment);
}

.theun-proc-card.featured .theun-proc-cta:hover {
    background: var(--slate-deep);
}

/* Fee Table */
.theun-fee-table-wrap {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    overflow: hidden;
    margin-bottom: 16px;
}

.theun-fee-table-header {
    background: var(--slate);
    padding: 18px 28px;
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
    gap: 16px;
    align-items: center;
}

.theun-fth-cell {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .5);
}

.theun-fth-cell:first-child {
    color: var(--gold);
}

.theun-fee-row {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
    gap: 16px;
    padding: 16px 28px;
    border-bottom: .5px solid var(--border);
    align-items: center;
    transition: background .15s;
}

.theun-fee-row:last-child {
    border-bottom: none;
}

.theun-fee-row:hover {
    background: var(--ivory);
}

.theun-fc-range {
    font-size: 13px;
    font-weight: 500;
    color: var(--ink);
}

.theun-fc-fee {
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--slate);
}

.theun-fc-fee.highlight {
    color: var(--gold);
}

.theun-fc-note {
    font-size: 11px;
    color: var(--ink-mute);
}

/* Calculator */
.theun-calc-wrap {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    overflow: hidden;
}

.theun-calc-header {
    background: var(--slate);
    padding: 20px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.theun-calc-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: var(--parchment);
}

.theun-calc-badge {
    font-size: 11px;
    font-weight: 500;
    padding: 4px 12px;
    border-radius: 100px;
    background: rgba(196, 169, 106, .2);
    border: .5px solid var(--gold);
    color: var(--gold);
}

.theun-calc-body {
    padding: 28px;
}

.theun-calc-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-bottom: 28px;
}

.theun-calc-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.theun-calc-label {
    font-size: 12px;
    font-weight: 500;
    color: var(--ink-mid);
    letter-spacing: .03em;
}

.theun-calc-select,
.theun-calc-input {
    background: var(--ivory);
    border: .5px solid var(--border);
    border-radius: var(--r-md);
    padding: 10px 14px;
    font-size: 13px;
    color: var(--ink);
    font-family: 'Inter', sans-serif;
    cursor: pointer;
    transition: border-color .2s;
}

.theun-calc-select:focus,
.theun-calc-input:focus {
    outline: none;
    border-color: var(--slate);
}

.theun-calc-result {
    background: var(--ivory);
    border-radius: var(--r-lg);
    padding: 24px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.theun-cr-item {
    text-align: center;
}

.theun-cr-label {
    font-size: 11px;
    color: var(--ink-mute);
    margin-bottom: 6px;
}

.theun-cr-val {
    font-family: 'Inter Tight', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: var(--slate);
    letter-spacing: -.02em;
}

.theun-cr-val.gold {
    color: var(--gold);
}

.theun-calc-note {
    font-size: 12px;
    color: var(--ink-mute);
    margin-top: 16px;
    line-height: 1.6;
    text-align: center;
}

/* Included Grid */
.theun-included-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    overflow: hidden;
}

.theun-included-item {
    padding: 24px 28px;
    border-right: .5px solid var(--border);
    border-bottom: .5px solid var(--border);
    background: var(--white);
}

.theun-included-item:nth-child(even) {
    border-right: none;
}

.theun-included-item:nth-last-child(-n+2) {
    border-bottom: none;
}

.theun-included-icon {
    font-size: 20px;
    margin-bottom: 10px;
}

.theun-included-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 5px;
}

.theun-included-desc {
    font-size: 13px;
    color: var(--ink-mute);
    line-height: 1.6;
}

.theun-included-tag {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 3px 8px;
    border-radius: 100px;
    margin-top: 8px;
    display: inline-block;
    background: var(--green-bg);
    color: var(--green);
}

.theun-included-tag.unique {
    background: rgba(196, 169, 106, .15);
    color: #7A6030;
}

/* FAQ */
.theun-faq-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    overflow: hidden;
}

.theun-faq-item {
    background: var(--white);
    border-bottom: .5px solid var(--border);
}

.theun-faq-item:last-child {
    border-bottom: none;
}

.theun-faq-q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    cursor: pointer;
    transition: background .15s;
    font-size: 14px;
    font-weight: 500;
    color: var(--ink);
    user-select: none;
}

.theun-faq-q:hover {
    background: var(--ivory);
}

.theun-faq-arrow {
    font-size: 12px;
    color: var(--ink-mute);
    transition: transform .2s;
    flex-shrink: 0;
    margin-left: 12px;
}

.theun-faq-item.open .theun-faq-arrow {
    transform: rotate(180deg);
}

.theun-faq-a {
    display: none;
    padding: 0 24px 20px;
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.75;
    font-weight: 300;
}

.theun-faq-item.open .theun-faq-a {
    display: block;
}

/* CTA Section */
.theun-fees-cta {
    background: var(--obsidian);
    padding: 108px 52px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.theun-fees-cta-inner {
    max-width: 560px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.theun-fees-cta h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 38px;
    font-weight: 700;
    color: var(--parchment);
    line-height: 1.1;
    margin-bottom: 14px;
}

.theun-fees-cta p {
    font-size: 15px;
    color: rgba(255, 255, 255, .4);
    line-height: 1.7;
    margin-bottom: 32px;
    font-weight: 300;
}

.theun-fees-cta-btns {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

/* Footer */
.theun-fees-footer {
    background: var(--obsidian);
    padding: 108px 52px 32px;
    border-top: .5px solid rgba(196, 169, 106, .15);
}

.theun-fees-footer-top {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto 48px;
}

.theun-fees-footer-logo {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .2em;
    color: var(--parchment);
    margin-bottom: 12px;
}

.theun-fees-footer-tagline {
    font-size: 13px;
    color: rgba(255, 255, 255, .35);
    line-height: 1.65;
    max-width: 220px;
}

.theun-fees-footer-col-title {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 16px;
}

.theun-fees-footer-links {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.theun-fees-footer-links a {
    font-size: 13px;
    color: rgba(255, 255, 255, .4);
    cursor: pointer;
    transition: color .2s;
    text-decoration: none !important;
}

.theun-fees-footer-links a:hover {
    color: rgba(255, 255, 255, .8);
}

.theun-fees-footer-bottom {
    max-width: 1200px;
    margin: 0 auto;
    border-top: .5px solid rgba(255, 255, 255, .08);
    padding-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.theun-fees-footer-copy {
    font-size: 12px;
    color: rgba(255, 255, 255, .25);
}

.theun-fees-footer-gold {
    font-size: 12px;
    color: var(--gold);
}

/* Responsive */
@media (max-width: 900px) {
    .theun-fees-nav {
        padding: 0 20px;
    }
    .theun-fees-nav-links {
        display: none;
    }
    .theun-fees-hero,
    .theun-fees-section,
    .theun-fees-cta {
        padding: 48px 20px;
    }
    .theun-procedure-grid,
    .theun-included-grid {
        grid-template-columns: 1fr;
    }
    .theun-calc-grid {
        grid-template-columns: 1fr;
    }
    .theun-calc-result {
        grid-template-columns: 1fr 1fr;
    }
    .theun-fee-table-header,
    .theun-fee-row {
        grid-template-columns: 1.5fr 1fr 1fr;
    }
    .theun-fth-cell:nth-child(4),
    .theun-fth-cell:nth-child(5),
    .theun-fee-row > *:nth-child(4),
    .theun-fee-row > *:nth-child(5) {
        display: none;
    }
    .theun-fees-footer {
        padding: 48px 20px 24px;
    }
    .theun-fees-footer-top {
        grid-template-columns: 1fr 1fr;
    }
    .theun-photo-stripe {
        height: 220px;
    }
    .theun-photo-stripe-caption {
        left: 20px;
        right: 20px;
    }
    .theun-photo-stripe-text {
        font-size: 16px;
    }
    .theun-photo-stripe-stat-num {
        font-size: 28px;
    }
}
/* ============================================================
 * UNIONE™ VETTING PAGE STYLES
 * File: unione-vetting.css
 * Shortcode: [unione_vetting]
 * ============================================================ */

/* ── CSS VARIABLES / ROOT ── */
.unione-vetting-wrap {
    --slate: #2A3545;
    --slate-deep: #1C2534;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-light: #E8D9B0;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --green: #1A7A4A;
    --green-bg: #E6F4EE;
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
}

/* ── RESET & BASE ── */
.unione-vetting-wrap *,
.unione-vetting-wrap *::before,
.unione-vetting-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-vetting-wrap {
    font-family: 'Inter', sans-serif;
    background: var(--parchment);
    color: var(--ink);
    overflow-x: hidden;
}

.unione-vetting-wrap ::selection {
    background: var(--slate);
    color: var(--gold);
}

/* ── KEYFRAMES / ANIMATIONS ── */
@keyframes uv-shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

@keyframes uv-pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(.7); }
}

@keyframes uv-spin-slow {
    to { transform: rotate(360deg); }
}

@keyframes uv-fadeUp {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ── HERO SECTION ── */
.unione-vetting-wrap .uv-hero {
    background: linear-gradient(135deg, #1C2534 0%, #2A3545 100%);
    padding: 100px 52px 80px;
    position: relative;
    overflow: hidden;
    min-height: 72vh;
    display: flex;
    align-items: center;
}

.unione-vetting-wrap .uv-hero::before {
    content: 'VETTED';
    position: absolute;
    font-family: 'Inter Tight', sans-serif;
    font-size: 200px;
    font-weight: 700;
    color: rgba(255,255,255,.025);
    right: -10px;
    bottom: -10px;
    letter-spacing: .08em;
    pointer-events: none;
}

.unione-vetting-wrap .uv-hero-bg-img {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.unione-vetting-wrap .uv-hero-bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.unione-vetting-wrap .uv-hero-bg-img::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(28,37,52,.9) 0%, rgba(42,53,69,.86) 100%);
}

.unione-vetting-wrap .uv-hero-accents {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 0;
}

.unione-vetting-wrap .uv-grid-overlay {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(196,169,106,0.03) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(196,169,106,0.03) 1px, transparent 1px);
    background-size: 60px 60px;
}

.unione-vetting-wrap .uv-glow-gold {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    background: radial-gradient(ellipse, rgba(196,169,106,0.18) 0%, transparent 70%);
    width: 500px;
    height: 400px;
    top: -100px;
    right: -60px;
    opacity: 0.5;
}

.unione-vetting-wrap .uv-ring {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    border: 1px solid rgba(196,169,106,0.08);
}

.unione-vetting-wrap .uv-ring-1 {
    width: 500px;
    height: 500px;
    right: -120px;
    top: -80px;
    animation: uv-spin-slow 40s linear infinite;
}

.unione-vetting-wrap .uv-ring-2 {
    width: 340px;
    height: 340px;
    right: -40px;
    top: -20px;
    border-width: .5px;
    border-color: rgba(196,169,106,0.05);
    animation: uv-spin-slow 30s linear infinite reverse;
}

.unione-vetting-wrap .uv-hero-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 64px;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
}

.unione-vetting-wrap .uv-hero-tag {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.unione-vetting-wrap .uv-hero-tag::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--gold);
    display: inline-block;
}

.unione-vetting-wrap .uv-hero h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(40px, 5vw, 64px);
    font-weight: 700;
    color: var(--parchment);
    line-height: 1.05;
    margin-bottom: 14px;
}

.unione-vetting-wrap .uv-hero h1 span {
    background: linear-gradient(135deg, #C4A96A, #F0DFA0, #C4A96A);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: uv-shimmer 4s linear infinite;
}

.unione-vetting-wrap .uv-hero-sub {
    font-size: 15px;
    color: rgba(255,255,255,.5);
    font-weight: 300;
    line-height: 1.75;
    margin-bottom: 24px;
}

.unione-vetting-wrap .uv-hero-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* ── BUTTONS ── */
.unione-vetting-wrap .uv-btn-gold {
    font-size: 14px;
    font-weight: 500;
    padding: 11px 28px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
}

.unione-vetting-wrap .uv-btn-gold:hover {
    background: #B89858;
}

.unione-vetting-wrap .uv-btn-ghost {
    font-size: 14px;
    font-weight: 500;
    padding: 11px 28px;
    border-radius: var(--r-md);
    border: .5px solid rgba(255,255,255,.2);
    background: transparent;
    color: rgba(255,255,255,.7);
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
}

.unione-vetting-wrap .uv-btn-ghost:hover {
    border-color: rgba(255,255,255,.4);
    color: #fff;
}

/* ── CERT PREVIEW ── */
.unione-vetting-wrap .uv-cert-preview {
    background: rgba(255,255,255,.04);
    border: .5px solid rgba(196,169,106,.2);
    border-radius: var(--r-xl);
    padding: 24px;
}

.unione-vetting-wrap .uv-cp-title {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(255,255,255,.35);
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: .5px solid rgba(255,255,255,.07);
}

.unione-vetting-wrap .uv-cert-badge {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(196,169,106,.1);
    border: .5px solid rgba(196,169,106,.2);
    border-radius: var(--r-lg);
    padding: 16px;
    margin-bottom: 14px;
}

.unione-vetting-wrap .uv-cert-icon {
    font-size: 28px;
}

.unione-vetting-wrap .uv-cert-badge-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--parchment);
}

.unione-vetting-wrap .uv-cert-badge-sub {
    font-size: 11px;
    color: rgba(255,255,255,.4);
    margin-top: 2px;
}

.unione-vetting-wrap .uv-cert-checks {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.unione-vetting-wrap .uv-cert-check {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: rgba(255,255,255,.5);
}

.unione-vetting-wrap .uv-cert-check::before {
    content: '✓';
    color: var(--gold);
    font-weight: 700;
    flex-shrink: 0;
}

/* ── PHOTO STRIPE ── */
.unione-vetting-wrap .uv-photo-stripe {
    width: 100%;
    height: 340px;
    position: relative;
    overflow: hidden;
    display: flex;
}

.unione-vetting-wrap .uv-photo-stripe img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    filter: saturate(1.1);
}

.unione-vetting-wrap .uv-photo-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(20,24,32,0.55) 0%, rgba(20,24,32,0) 40%,
                rgba(20,24,32,0) 60%, rgba(20,24,32,0.35) 100%);
}

.unione-vetting-wrap .uv-photo-caption {
    position: absolute;
    bottom: 28px;
    left: 52px;
    right: 52px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.unione-vetting-wrap .uv-photo-text {
    font-family: 'Inter Tight', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
    max-width: 460px;
    line-height: 1.25;
    text-shadow: 0 2px 20px rgba(0,0,0,0.4);
}

.unione-vetting-wrap .uv-photo-stat-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: var(--gold);
    letter-spacing: -0.04em;
    line-height: 1;
    display: block;
    text-align: right;
}

.unione-vetting-wrap .uv-photo-stat-label {
    font-size: 11px;
    color: rgba(255,255,255,0.55);
    margin-top: 4px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: right;
}

/* ── SECTIONS ── */
.unione-vetting-wrap .uv-section {
    padding: 108px 52px;
    position: relative;
    overflow: hidden;
}

.unione-vetting-wrap .uv-section-inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.unione-vetting-wrap .uv-section.bg-white {
    background: var(--white);
    border-top: 4px solid var(--border);
}

.unione-vetting-wrap .uv-section.bg-ivory {
    background: var(--ivory);
    border-top: 4px solid var(--border);
}

.unione-vetting-wrap .uv-section.bg-white::before,
.unione-vetting-wrap .uv-section.bg-ivory::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(42,53,69,0.04) 1px, transparent 1px);
    background-size: 28px 28px;
    pointer-events: none;
    z-index: 0;
    opacity: 0.5;
}

.unione-vetting-wrap .uv-section-tag {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.unione-vetting-wrap .uv-section-tag::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 1px;
    background: var(--gold);
}

.unione-vetting-wrap .uv-section-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(36px, 4.5vw, 58px);
    font-weight: 700;
    letter-spacing: -.035em;
    line-height: 1.04;
    color: var(--ink);
    margin-bottom: 20px;
}

.unione-vetting-wrap .uv-section-sub {
    font-size: 17px;
    color: var(--ink-mid);
    line-height: 1.8;
    max-width: 600px;
    margin-bottom: 56px;
    font-weight: 300;
}

/* ── STANDARDS GRID ── */
.unione-vetting-wrap .uv-standards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.unione-vetting-wrap .uv-std-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 26px;
    transition: transform .25s cubic-bezier(.22,1,.36,1), box-shadow .25s, border-color .25s;
}

.unione-vetting-wrap .uv-std-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 32px rgba(42,53,69,.06);
    border-color: rgba(42,53,69,.2);
}

.unione-vetting-wrap .uv-std-icon {
    font-size: 22px;
    margin-bottom: 12px;
}

.unione-vetting-wrap .uv-std-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 6px;
}

.unione-vetting-wrap .uv-std-desc {
    font-size: 13px;
    color: var(--ink-mute);
    line-height: 1.65;
}

/* ── VETTING STAGES ── */
.unione-vetting-wrap .uv-vetting-stages {
    display: flex;
    flex-direction: column;
    gap: 0;
    position: relative;
}

.unione-vetting-wrap .uv-vetting-stages::before {
    content: '';
    position: absolute;
    left: 24px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: var(--border);
    z-index: 0;
}

.unione-vetting-wrap .uv-vs-row {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 24px;
    padding-bottom: 36px;
    position: relative;
    z-index: 1;
}

.unione-vetting-wrap .uv-vs-row:last-child {
    padding-bottom: 0;
}

.unione-vetting-wrap .uv-vs-num {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--white);
    border: .5px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: var(--ink);
    flex-shrink: 0;
    z-index: 1;
}

.unione-vetting-wrap .uv-vs-num.active {
    background: var(--slate);
    border-color: var(--slate);
    color: var(--gold);
}

.unione-vetting-wrap .uv-vs-body {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 24px;
    transition: transform .25s cubic-bezier(.22,1,.36,1), box-shadow .25s, border-color .25s;
}

.unione-vetting-wrap .uv-vs-body:hover {
    border-color: rgba(42,53,69,.2);
    box-shadow: 0 8px 28px rgba(42,53,69,.06);
}

.unione-vetting-wrap .uv-vs-body.gold-bg {
    background: var(--gold-pale);
    border-color: rgba(196,169,106,.3);
}

.unione-vetting-wrap .uv-vs-phase {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 8px;
}

.unione-vetting-wrap .uv-vs-phase.dark {
    color: var(--slate);
}

.unione-vetting-wrap .uv-vs-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 19px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 8px;
}

.unione-vetting-wrap .uv-vs-desc {
    font-size: 14px;
    color: var(--ink-mute);
    line-height: 1.75;
    font-weight: 300;
    margin-bottom: 14px;
}

.unione-vetting-wrap .uv-vs-items {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.unione-vetting-wrap .uv-vs-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 13px;
    color: var(--ink-mid);
}

.unione-vetting-wrap .uv-vs-item::before {
    content: '→';
    color: var(--gold);
    flex-shrink: 0;
    margin-top: 1px;
}

.unione-vetting-wrap .uv-vs-time {
    font-size: 11px;
    font-weight: 500;
    color: var(--green);
    background: var(--green-bg);
    padding: 3px 9px;
    border-radius: 100px;
    margin-top: 12px;
    display: inline-block;
}

.unione-vetting-wrap .uv-vs-time.dark {
    background: rgba(42,53,69,.1);
    color: var(--slate);
}

/* ── DARK CTA SECTION ── */
.unione-vetting-wrap .uv-dark-cta {
    background: var(--obsidian);
    padding: 108px 52px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.unione-vetting-wrap .uv-dark-cta::before {
    content: '✦';
    position: absolute;
    font-size: 400px;
    color: rgba(255,255,255,.015);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.unione-vetting-wrap .uv-dark-cta::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(196,169,106,0.025) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(196,169,106,0.025) 1px, transparent 1px);
    background-size: 60px 60px;
    pointer-events: none;
    z-index: 0;
}

.unione-vetting-wrap .uv-dc-inner {
    max-width: 520px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.unione-vetting-wrap .uv-dc-inner h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 34px;
    font-weight: 700;
    color: var(--parchment);
    margin-bottom: 12px;
}

.unione-vetting-wrap .uv-dc-inner p {
    font-size: 15px;
    color: rgba(255,255,255,.45);
    line-height: 1.7;
    margin-bottom: 28px;
    font-weight: 300;
}

.unione-vetting-wrap .uv-dc-tag {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 16px;
    justify-content: center;
    display: flex;
    align-items: center;
    gap: 10px;
}

.unione-vetting-wrap .uv-dc-tag::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 1px;
    background: var(--gold);
}

.unione-vetting-wrap .uv-dc-btns {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

.unione-vetting-wrap .uv-dc-btn-primary {
    display: inline-block;
    background: var(--gold);
    color: var(--obsidian);
    font-size: 14px;
    font-weight: 500;
    padding: 12px 30px;
    border-radius: var(--r-md);
    text-decoration: none;
    transition: all .2s;
}

.unione-vetting-wrap .uv-dc-btn-primary:hover {
    background: #B89858;
}

.unione-vetting-wrap .uv-dc-btn-secondary {
    display: inline-block;
    border: .5px solid rgba(255,255,255,.2);
    color: rgba(255,255,255,.7);
    font-size: 14px;
    font-weight: 500;
    padding: 12px 30px;
    border-radius: var(--r-md);
    text-decoration: none;
    transition: all .2s;
}

.unione-vetting-wrap .uv-dc-btn-secondary:hover {
    border-color: rgba(255,255,255,.4);
    color: #fff;
}

/* ── RESPONSIVE BREAKPOINTS ── */
@media (max-width: 900px) {
    .unione-vetting-wrap .uv-hero,
    .unione-vetting-wrap .uv-section,
    .unione-vetting-wrap .uv-dark-cta {
        padding: 64px 20px;
    }
    .unione-vetting-wrap .uv-hero-inner {
        grid-template-columns: 1fr;
    }
    .unione-vetting-wrap .uv-cert-preview {
        display: none;
    }
    .unione-vetting-wrap .uv-standards-grid {
        grid-template-columns: 1fr 1fr;
    }
    .unione-vetting-wrap .uv-photo-stripe {
        height: 220px;
    }
    .unione-vetting-wrap .uv-photo-caption {
        left: 20px;
        right: 20px;
    }
    .unione-vetting-wrap .uv-photo-text {
        font-size: 16px;
    }
    .unione-vetting-wrap .uv-photo-stat-num {
        font-size: 28px;
    }
    .unione-vetting-wrap .uv-vs-row {
        grid-template-columns: 1fr;
    }
    .unione-vetting-wrap .uv-vs-num {
        display: none;
    }
    .unione-vetting-wrap .uv-vetting-stages::before {
        display: none;
    }
}

@media (max-width: 600px) {
    .unione-vetting-wrap .uv-standards-grid {
        grid-template-columns: 1fr;
    }
}
/* ============================================================
 * UNIONE™ GOVERNANCE PAGE STYLES
 * File: unione-governance.css
 * Shortcode: [unione_governance]
 * Fully responsive: mobile / tablet / desktop
 * ============================================================ */

/* ── RESET & TOKENS ── */
.unione-governance-wrap *,
.unione-governance-wrap *::before,
.unione-governance-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-governance-wrap {
    --sl: #2A3545;
    --sl-d: #1C2534;
    --sl-m: #3D4F63;
    --gd: #C4A96A;
    --gd-l: #E8D9B0;
    --gd-p: #F7F2E8;
    --pc: #FAFAF8;
    --iv: #F2F1EE;
    --ob: #141820;
    --wh: #fff;
    --ink: #1A1A18;
    --ink-m: #4A4843;
    --ink-mu: #8A8880;
    --bd: rgba(42,53,69,.12);
    --grn: #1A7A4A;
    --grn-b: #E6F4EE;
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
    font-family: 'Inter', sans-serif;
    background: var(--pc);
    color: var(--ink);
    overflow-x: hidden;
}

/* ── KEYFRAMES / ANIMATIONS ── */
@keyframes ug-shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

/* ── GOLD TOP BAR ── */
.unione-governance-wrap::before {
    content: '';
    display: block;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--gd), transparent);
    opacity: .35;
}

/* ══ HERO SECTION ══ */
.unione-governance-wrap .ug-hero {
    background: var(--ob);
    padding: 72px 24px 60px;
    position: relative;
    overflow: hidden;
}

.unione-governance-wrap .ug-hero::before {
    content: 'GOVERNED';
    position: absolute;
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(60px, 14vw, 170px);
    font-weight: 700;
    color: rgba(255,255,255,.02);
    right: -10px;
    bottom: -10px;
    letter-spacing: .06em;
    pointer-events: none;
    white-space: nowrap;
}

.unione-governance-wrap .ug-hero-inner {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 36px;
    position: relative;
    z-index: 1;
}

@media (min-width: 900px) {
    .unione-governance-wrap .ug-hero {
        padding: 108px 52px 88px;
    }
    .unione-governance-wrap .ug-hero-inner {
        grid-template-columns: 1fr 380px;
        gap: 64px;
        align-items: center;
    }
}

.unione-governance-wrap .ug-tag {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gd);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.unione-governance-wrap .ug-tag::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--gd);
    display: inline-block;
    flex-shrink: 0;
}

.unione-governance-wrap .ug-hero h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(32px, 5vw, 60px);
    font-weight: 700;
    color: var(--pc);
    line-height: 1.05;
    margin-bottom: 14px;
}

.unione-governance-wrap .ug-hero h1 span {
    background: linear-gradient(135deg, #C4A96A, #F0DFA0, #C4A96A);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: ug-shimmer 4s linear infinite;
}

.unione-governance-wrap .ug-hero-sub {
    font-size: clamp(14px, 2.2vw, 16px);
    color: rgba(255,255,255,.5);
    font-weight: 300;
    line-height: 1.78;
}

/* ══ PRINCIPLES CARD (HERO RIGHT SIDE) ══ */
.unione-governance-wrap .ug-principles {
    background: rgba(255,255,255,.04);
    border: .5px solid rgba(196,169,106,.2);
    border-radius: var(--r-xl);
    padding: 22px;
}

.unione-governance-wrap .ug-pm-title {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(255,255,255,.35);
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: .5px solid rgba(255,255,255,.07);
}

.unione-governance-wrap .ug-pm-items {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.unione-governance-wrap .ug-pm-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    color: rgba(255,255,255,.5);
}

.unione-governance-wrap .ug-pm-item::before {
    content: '✦';
    color: var(--gd);
    font-size: 9px;
    flex-shrink: 0;
    margin-top: 3px;
}

/* ══ SECTION SHELL ══ */
.unione-governance-wrap .ug-section {
    padding: 56px 20px;
    border-top: .5px solid var(--bd);
}

@media (min-width: 640px) {
    .unione-governance-wrap .ug-section {
        padding: 64px 36px;
    }
}

@media (min-width: 900px) {
    .unione-governance-wrap .ug-section {
        padding: 72px 52px;
    }
}

.unione-governance-wrap .ug-inner {
    max-width: 1100px;
    margin: 0 auto;
}

.unione-governance-wrap .ug-bg-white {
    background: var(--wh);
}

.unione-governance-wrap .ug-bg-ivory {
    background: var(--iv);
}

.unione-governance-wrap .ug-bg-parchment {
    background: var(--pc);
}

.unione-governance-wrap .ug-bg-slate {
    background: var(--sl);
}

.unione-governance-wrap .ug-section-h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(22px, 3.5vw, 32px);
    font-weight: 700;
    color: var(--sl);
    letter-spacing: -.025em;
    line-height: 1.2;
    margin-bottom: 12px;
}

.unione-governance-wrap .ug-section-h2.on-dark {
    color: var(--pc);
}

/* ══ FOUR BODIES CARDS ══ */
.unione-governance-wrap .ug-bodies {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 24px;
}

.unione-governance-wrap .ug-body-card {
    border: .5px solid var(--bd);
    border-radius: var(--r-lg);
    overflow: hidden;
}

.unione-governance-wrap .ug-body-layout {
    display: grid;
    grid-template-columns: 1fr;
}

@media (min-width: 760px) {
    .unione-governance-wrap .ug-body-layout {
        grid-template-columns: 240px 1fr;
    }
}

@media (min-width: 960px) {
    .unione-governance-wrap .ug-body-layout {
        grid-template-columns: 280px 1fr;
    }
}

.unione-governance-wrap .ug-body-left {
    background: var(--sl);
    padding: 24px;
    border-bottom: .5px solid rgba(255,255,255,.08);
}

@media (min-width: 760px) {
    .unione-governance-wrap .ug-body-left {
        border-bottom: none;
        border-right: .5px solid rgba(255,255,255,.08);
    }
}

.unione-governance-wrap .ug-body-num {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gd);
    margin-bottom: 8px;
}

.unione-governance-wrap .ug-body-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--pc);
    line-height: 1.25;
    margin-bottom: 8px;
}

.unione-governance-wrap .ug-body-sub {
    font-size: 11.5px;
    color: rgba(255,255,255,.4);
    font-weight: 300;
    line-height: 1.6;
}

.unione-governance-wrap .ug-body-right {
    padding: 24px;
    background: var(--wh);
}

@media (min-width: 760px) {
    .unione-governance-wrap .ug-body-right {
        padding: 28px 32px;
    }
}

.unione-governance-wrap .ug-body-cols {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

@media (min-width: 560px) {
    .unione-governance-wrap .ug-body-cols {
        grid-template-columns: 1fr 1fr;
    }
}

.unione-governance-wrap .ug-col-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--ink-mu);
    margin-bottom: 8px;
}

.unione-governance-wrap .ug-col-text {
    font-size: 13px;
    color: var(--ink-m);
    font-weight: 300;
    line-height: 1.75;
}

/* ══ SECRETARIAT / LEGAL TWO COLUMN ══ */
.unione-governance-wrap .ug-two-col {
    display: grid;
    grid-template-columns: 1fr;
    gap: 36px;
}

@media (min-width: 760px) {
    .unione-governance-wrap .ug-two-col {
        grid-template-columns: 1fr 1fr;
        gap: 52px;
        align-items: start;
    }
}

.unione-governance-wrap .ug-prose {
    font-size: 14px;
    color: var(--ink-mu);
    font-weight: 300;
    line-height: 1.8;
}

.unione-governance-wrap .ug-prose p {
    margin-bottom: 16px;
}

.unione-governance-wrap .ug-prose p:last-child {
    margin-bottom: 0;
}

.unione-governance-wrap .ug-prose a {
    color: var(--sl);
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* ══ INDEPENDENCE GRID (3 COLUMN) ══ */
.unione-governance-wrap .ug-grid-3 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 24px;
}

@media (min-width: 560px) {
    .unione-governance-wrap .ug-grid-3 {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 900px) {
    .unione-governance-wrap .ug-grid-3 {
        grid-template-columns: repeat(3, 1fr);
    }
}

.unione-governance-wrap .ug-ic-card {
    background: var(--iv);
    border: .5px solid var(--bd);
    border-radius: var(--r-lg);
    padding: 20px;
}

.unione-governance-wrap .ug-ic-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--sl);
    margin-bottom: 8px;
}

.unione-governance-wrap .ug-ic-text {
    font-size: 13px;
    color: var(--ink-mu);
    font-weight: 300;
    line-height: 1.7;
}

/* ══ RULES / COMPLAINTS TWO COLUMN ══ */
.unione-governance-wrap .ug-rules-cols {
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
}

@media (min-width: 760px) {
    .unione-governance-wrap .ug-rules-cols {
        grid-template-columns: 1fr 1fr;
        gap: 52px;
    }
}

/* ══ CTA BAR ══ */
.unione-governance-wrap .ug-cta {
    background: var(--sl);
    padding: 44px 24px;
}

@media (min-width: 640px) {
    .unione-governance-wrap .ug-cta {
        padding: 52px 36px;
    }
}

@media (min-width: 900px) {
    .unione-governance-wrap .ug-cta {
        padding: 52px;
    }
}

.unione-governance-wrap .ug-cta-inner {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media (min-width: 760px) {
    .unione-governance-wrap .ug-cta-inner {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }
}

.unione-governance-wrap .ug-cta h3 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(18px, 3vw, 22px);
    font-weight: 700;
    color: var(--pc);
    letter-spacing: -.02em;
    margin-bottom: 6px;
}

.unione-governance-wrap .ug-cta p {
    font-size: 14px;
    color: rgba(255,255,255,.45);
    font-weight: 300;
}

.unione-governance-wrap .ug-cta-btns {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

@media (max-width: 479px) {
    .unione-governance-wrap .ug-cta-btns {
        flex-direction: column;
    }
    .unione-governance-wrap .ug-cta-btns a {
        text-align: center;
    }
}

/* ── BUTTONS ── */
.unione-governance-wrap .ug-btn-gold {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 700;
    padding: 11px 22px;
    border-radius: var(--r-md);
    background: var(--gd);
    color: var(--ob);
    text-decoration: none;
    display: inline-block;
    transition: background .2s;
}

.unione-governance-wrap .ug-btn-gold:hover {
    background: #B8973A;
}

.unione-governance-wrap .ug-btn-ghost {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 400;
    padding: 11px 22px;
    border-radius: var(--r-md);
    border: .5px solid rgba(255,255,255,.2);
    color: rgba(255,255,255,.65);
    text-decoration: none;
    display: inline-block;
    transition: border-color .2s, color .2s;
}

.unione-governance-wrap .ug-btn-ghost:hover {
    border-color: rgba(255,255,255,.45);
    color: #fff;
}
/* ============================================================
 * UNIONE™ FELLOWSHIP PAGE - FULLY RESPONSIVE
 * File: unione-fellowship.css
 * Shortcode: [unione_fellowship]
 * Mobile-first · All breakpoints · Production
 * ============================================================= */

/* --- Reset & Root --- */
.unione-fellowship-wrap *,
.unione-fellowship-wrap *::before,
.unione-fellowship-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-fellowship-wrap {
    --slate: #2A3545;
    --slate-deep: #1C2534;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-light: #E8D9B0;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --white: #FFFFFF;
    --obsidian: #141820;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.10);
    --border-gold: rgba(196,169,106,0.30);
    --green: #1A7A4A;
    --green-bg: #E6F4EE;
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
    font-family: 'Inter', sans-serif;
    background: var(--white);
    max-width: 100%;
    overflow-x: hidden;
    width: 100%;
    display: block;
    -webkit-font-smoothing: antialiased;
}

/* --- Animations --- */
@keyframes uf-shimmer {
    0%   { background-position: -300% center; }
    100% { background-position:  300% center; }
}

@keyframes uf-pulse-dot {
    0%,100% { opacity: 1; transform: scale(1); }
    50%      { opacity: .4; transform: scale(.6); }
}

@keyframes uf-fadeUp {
    from { opacity: 0; transform: translateY(18px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Gold Word Animation */
.unione-fellowship-wrap .gold-word {
    background: linear-gradient(90deg, #C4A96A 0%, #E8D9B0 28%, #F5EAC0 42%, #C4A96A 56%, #A07830 76%, #C4A96A 100%);
    background-size: 300% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: uf-shimmer 5s linear infinite;
}

/* Reveal on scroll */
.unione-fellowship-wrap .rv {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1);
}

.unione-fellowship-wrap .rv.on {
    opacity: 1;
    transform: translateY(0);
}

.unione-fellowship-wrap .d1 { transition-delay: .06s; }
.unione-fellowship-wrap .d2 { transition-delay: .14s; }
.unione-fellowship-wrap .d3 { transition-delay: .24s; }
.unione-fellowship-wrap .d4 { transition-delay: .36s; }
.unione-fellowship-wrap .d5 { transition-delay: .5s; }
.unione-fellowship-wrap .d6 { transition-delay: .68s; }

/* =========== NAVIGATION =========== */
.unione-fellowship-wrap .ujp-nav {
    position: sticky;
    top: 0;
    z-index: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    height: 60px;
    background: rgba(255,255,255,.96);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--border);
    transition: box-shadow .3s;
    width: 100%;
}

@media (min-width: 600px) {
    .unione-fellowship-wrap .ujp-nav {
        padding: 0 28px;
        height: 66px;
    }
}

@media (min-width: 1024px) {
    .unione-fellowship-wrap .ujp-nav {
        padding: 0 48px;
        height: 72px;
    }
}

@media (min-width: 1280px) {
    .unione-fellowship-wrap .ujp-nav {
        padding: 0 60px;
    }
}

.unione-fellowship-wrap .ujp-nav.s {
    box-shadow: 0 1px 20px rgba(42,53,69,.08);
}

.unione-fellowship-wrap .ujp-nav-logo {
    font-family: 'Inter Tight', sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .22em;
    color: var(--slate);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-nav-logo {
        font-size: 15px;
        gap: 10px;
    }
}

.unione-fellowship-wrap .ujp-nav-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gold);
    flex-shrink: 0;
    animation: uf-pulse-dot 2s ease-in-out infinite;
}

.unione-fellowship-wrap .ujp-nav-links {
    display: none;
    gap: 4px;
    flex-wrap: wrap;
}

@media (min-width: 900px) {
    .unione-fellowship-wrap .ujp-nav-links {
        display: flex;
        gap: 6px;
    }
}

.unione-fellowship-wrap .ujp-nav-link {
    font-size: 13px;
    color: var(--ink-mute);
    padding: 6px 10px;
    border-radius: var(--r-sm);
    border: none;
    background: transparent;
    cursor: pointer;
    text-decoration: none;
    transition: all .18s;
}

.unione-fellowship-wrap .ujp-nav-link:hover {
    background: var(--ivory);
    color: var(--ink);
}

.unione-fellowship-wrap .ujp-nav-link.on {
    color: var(--slate);
    font-weight: 500;
    background: rgba(42,53,69,.06);
}

.unione-fellowship-wrap .ujp-nav-right {
    display: flex;
    gap: 8px;
    align-items: center;
}

/* Buttons */
.unione-fellowship-wrap .ujp-btn-gold {
    font-family: 'Inter Tight', sans-serif;
    font-size: 11px;
    font-weight: 700;
    padding: 8px 16px;
    border-radius: var(--r-md);
    background: var(--gold);
    color: var(--obsidian);
    border: none;
    cursor: pointer;
    transition: all .2s;
    letter-spacing: .02em;
    text-decoration: none;
    display: inline-block;
    white-space: nowrap;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-btn-gold {
        font-size: 13px;
        padding: 9px 22px;
    }
}

.unione-fellowship-wrap .ujp-btn-gold:hover {
    background: var(--gold-light);
    transform: translateY(-1px);
}

.unione-fellowship-wrap .ujp-btn-faq {
    font-family: 'Inter Tight', sans-serif;
    font-size: 11px;
    font-weight: 600;
    padding: 8px 16px;
    border-radius: var(--r-md);
    background: transparent;
    color: var(--slate);
    border: 1px solid var(--border);
    cursor: pointer;
    transition: all .2s;
    letter-spacing: .02em;
    text-decoration: none;
    display: inline-block;
    white-space: nowrap;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-btn-faq {
        font-size: 13px;
        padding: 9px 22px;
    }
}

.unione-fellowship-wrap .ujp-btn-faq:hover {
    background: var(--ivory);
    border-color: var(--slate-mid);
    color: var(--slate);
}

/* =========== INNER CONTAINER =========== */
.unione-fellowship-wrap .ujp-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 16px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-inner { padding: 0 24px; }
}

@media (min-width: 768px) {
    .unione-fellowship-wrap .ujp-inner { padding: 0 36px; }
}

@media (min-width: 1024px) {
    .unione-fellowship-wrap .ujp-inner { padding: 0 52px; }
}

@media (min-width: 1280px) {
    .unione-fellowship-wrap .ujp-inner { padding: 0 60px; }
}

/* =========== HERO SECTION =========== */
.unione-fellowship-wrap .ujp-hero {
    background: var(--slate-deep);
    min-height: 88vh;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.unione-fellowship-wrap .ujp-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
    background-size: 68px 68px;
    pointer-events: none;
}

.unione-fellowship-wrap .ujp-hero::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--gold) 30%, var(--gold-light) 50%, var(--gold) 70%, transparent);
}

.unione-fellowship-wrap .ujp-hero-inner {
    flex: 1;
    position: relative;
    z-index: 2;
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
    padding: 100px 16px 80px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 48px;
    align-items: start;
}

@media (min-width: 960px) {
    .unione-fellowship-wrap .ujp-hero-inner {
        grid-template-columns: 1.1fr 1fr;
        gap: 64px;
        padding: 120px 52px 100px;
    }
}

@media (min-width: 1280px) {
    .unione-fellowship-wrap .ujp-hero-inner { gap: 80px; }
}

.unione-fellowship-wrap .ujp-hero-opening {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .06em;
    color: rgba(255,255,255,.38);
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.unione-fellowship-wrap .ujp-hero-opening::before {
    content: '';
    width: 24px;
    height: .5px;
    background: rgba(255,255,255,.25);
    flex-shrink: 0;
}

.unione-fellowship-wrap .ujp-h1-display {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(40px, 5.2vw, 70px);
    font-weight: 700;
    line-height: 1.04;
    letter-spacing: -.03em;
    color: var(--parchment);
    margin-bottom: 24px;
}

.unione-fellowship-wrap .ujp-body-lg {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: rgba(255,255,255,.52);
    max-width: 480px;
    margin-bottom: 24px;
}

.unione-fellowship-wrap .ujp-body-lg strong {
    color: rgba(255,255,255,.82);
    font-weight: 500;
}

.unione-fellowship-wrap .ujp-hero-cta-row {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 24px;
    margin-bottom: 28px;
}

/* Hero Buttons */
.unione-fellowship-wrap .ujp-btn-primary-gold {
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 13px 32px;
    border-radius: var(--r-md);
    background: var(--gold);
    color: var(--obsidian);
    border: none;
    cursor: pointer;
    transition: all .2s;
    letter-spacing: .02em;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}

.unione-fellowship-wrap .ujp-btn-primary-gold:hover {
    background: var(--gold-light);
    transform: translateY(-1px);
    box-shadow: 0 12px 32px rgba(196,169,106,.22);
}

.unione-fellowship-wrap .ujp-btn-outline-light {
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 24px;
    border-radius: var(--r-md);
    background: transparent;
    color: rgba(255,255,255,.6);
    border: 1px solid rgba(255,255,255,.15);
    cursor: pointer;
    transition: all .2s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}

.unione-fellowship-wrap .ujp-btn-outline-light:hover {
    border-color: rgba(255,255,255,.35);
    color: #fff;
    background: rgba(255,255,255,.06);
}

.unione-fellowship-wrap .ujp-btn-hero-faq {
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 24px;
    border-radius: var(--r-md);
    background: transparent;
    color: rgba(255,255,255,.6);
    border: 1px solid rgba(255,255,255,.15);
    cursor: pointer;
    transition: all .2s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}

.unione-fellowship-wrap .ujp-btn-hero-faq:hover {
    border-color: rgba(196,169,106,.5);
    color: var(--gold);
    background: rgba(196,169,106,.08);
}

.unione-fellowship-wrap .ujp-btn-hero-faq::before {
    content: '?';
    font-weight: 700;
    font-size: 14px;
}

.unione-fellowship-wrap .ujp-founding-strip {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 28px;
    padding: 10px 16px;
    background: rgba(26,122,74,.1);
    border: 1px solid rgba(26,122,74,.18);
    border-radius: var(--r-md);
}

.unione-fellowship-wrap .ujp-fs-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #4CD68A;
    flex-shrink: 0;
}

.unione-fellowship-wrap .ujp-fs-text {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: rgba(255,255,255,.42);
    line-height: 1.5;
}

.unione-fellowship-wrap .ujp-fs-text strong {
    color: #4CD68A;
    font-weight: 500;
}

/* Hero Right - Tier Cards */
.unione-fellowship-wrap .ujp-hero-tiers {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.unione-fellowship-wrap .ujp-tier-card {
    padding: 18px 22px;
    background: rgba(255,255,255,.04);
    border: .5px solid rgba(255,255,255,.09);
    border-radius: var(--r-lg);
    display: flex;
    align-items: center;
    gap: 16px;
    transition: all .22s;
}

.unione-fellowship-wrap .ujp-tier-card:hover,
.unione-fellowship-wrap .ujp-tier-card.active {
    background: rgba(196,169,106,.08);
    border-color: rgba(196,169,106,.22);
}

.unione-fellowship-wrap .ujp-tc-desig {
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: var(--gold);
    min-width: 96px;
    flex-shrink: 0;
}

.unione-fellowship-wrap .ujp-tc-divider {
    width: .5px;
    height: 32px;
    background: rgba(255,255,255,.1);
    flex-shrink: 0;
}

.unione-fellowship-wrap .ujp-tc-name {
    font-family: 'Inter Tight', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: var(--parchment);
    margin-bottom: 3px;
}

.unione-fellowship-wrap .ujp-tc-desc {
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    color: rgba(255,255,255,.38);
    line-height: 1.5;
}

.unione-fellowship-wrap .ujp-tc-fee {
    font-family: 'Inter Tight', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: rgba(196,169,106,.65);
    margin-left: auto;
    flex-shrink: 0;
    text-align: right;
}

.unione-fellowship-wrap .ujp-tc-fee span {
    display: block;
    font-size: 10px;
    font-weight: 400;
    color: rgba(255,255,255,.25);
    margin-top: 2px;
}

.unione-fellowship-wrap .ujp-founding-pill {
    margin-top: 10px;
    padding: 10px 14px;
    background: rgba(76,214,138,.07);
    border: .5px solid rgba(76,214,138,.18);
    border-radius: var(--r-md);
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.unione-fellowship-wrap .ujp-fp-text {
    font-family: 'Inter', sans-serif;
    font-size: 11.5px;
    color: rgba(255,255,255,.4);
    line-height: 1.6;
}

.unione-fellowship-wrap .ujp-fp-text strong {
    color: #4CD68A;
    font-weight: 500;
}

/* Hero Stats */
.unione-fellowship-wrap .ujp-hero-stats {
    position: relative;
    z-index: 2;
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
    padding: 0 16px 60px;
    display: flex;
    gap: 0;
    border-top: .5px solid rgba(255,255,255,.07);
    padding-top: 32px;
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    .unione-fellowship-wrap .ujp-hero-stats {
        padding: 0 52px 60px;
        padding-top: 32px;
        flex-wrap: nowrap;
    }
}

.unione-fellowship-wrap .ujp-hs-item {
    padding: 0 20px 0 0;
    border-right: .5px solid rgba(255,255,255,.08);
    margin-bottom: 16px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-hs-item {
        padding: 0 40px 0 0;
    }
}

.unione-fellowship-wrap .ujp-hs-item:not(:first-child) {
    padding-left: 20px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-hs-item:not(:first-child) {
        padding-left: 40px;
    }
}

.unione-fellowship-wrap .ujp-hs-item:last-child {
    border-right: none;
}

.unione-fellowship-wrap .ujp-hs-n {
    font-family: 'Inter Tight', sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: var(--gold);
    line-height: 1;
    margin-bottom: 5px;
}

.unione-fellowship-wrap .ujp-hs-l {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: rgba(255,255,255,.3);
    line-height: 1.45;
}

/* =========== EYEBROW / HEADINGS =========== */
.unione-fellowship-wrap .ujp-eyebrow {
    font-family: 'Inter Tight', sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: var(--gold);
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-eyebrow {
        font-size: 10px;
        letter-spacing: .28em;
        margin-bottom: 16px;
    }
}

.unione-fellowship-wrap .ujp-eyebrow::before {
    content: '';
    width: 18px;
    height: 1px;
    background: var(--gold);
    flex-shrink: 0;
}

.unione-fellowship-wrap .ujp-sh {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(26px, 5vw, 48px);
    font-weight: 700;
    line-height: 1.06;
    letter-spacing: -.025em;
    color: var(--slate);
    margin-bottom: 12px;
}

.unione-fellowship-wrap .ujp-sh.white {
    color: var(--parchment);
}

.unione-fellowship-wrap .ujp-sub {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    line-height: 1.78;
    color: var(--ink-mute);
    max-width: 560px;
}

@media (min-width: 768px) {
    .unione-fellowship-wrap .ujp-sub {
        font-size: 15px;
    }
}

.unione-fellowship-wrap .ujp-sub strong {
    color: var(--ink);
    font-weight: 600;
}

.unione-fellowship-wrap .ujp-sub.white {
    color: rgba(255,255,255,.48);
}

.unione-fellowship-wrap .ujp-sub.white strong {
    color: rgba(255,255,255,.82);
}

/* =========== DISTINCTION SECTION =========== */
.unione-fellowship-wrap .ujp-distinction-section {
    background: var(--white);
    padding: 60px 0;
    border-bottom: 1px solid var(--border);
}

@media (min-width: 768px) {
    .unione-fellowship-wrap .ujp-distinction-section {
        padding: 80px 0;
    }
}

.unione-fellowship-wrap .ujp-dist-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    align-items: start;
}

@media (min-width: 900px) {
    .unione-fellowship-wrap .ujp-dist-grid {
        grid-template-columns: 1fr 1fr;
        gap: 60px;
        align-items: center;
    }
}

@media (min-width: 1200px) {
    .unione-fellowship-wrap .ujp-dist-grid {
        gap: 72px;
    }
}

.unione-fellowship-wrap .ujp-dist-quote {
    padding: 24px 28px;
    background: var(--slate);
    border-radius: var(--r-xl);
    position: relative;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-dist-quote {
        padding: 32px 36px;
    }
}

.unione-fellowship-wrap .ujp-dist-quote::before {
    content: '"';
    font-family: 'Inter Tight', sans-serif;
    font-size: 72px;
    font-weight: 700;
    color: var(--gold);
    opacity: .25;
    position: absolute;
    top: -10px;
    left: 20px;
    line-height: 1;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-dist-quote::before {
        font-size: 80px;
        left: 24px;
    }
}

.unione-fellowship-wrap .ujp-dq-text {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--parchment);
    line-height: 1.5;
    letter-spacing: -.01em;
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-dq-text {
        font-size: 18px;
        margin-bottom: 20px;
    }
}

.unione-fellowship-wrap .ujp-dq-source {
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    color: rgba(255,255,255,.35);
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-dq-source {
        font-size: 12px;
    }
}

.unione-fellowship-wrap .ujp-dq-source strong {
    color: var(--gold);
    display: block;
    font-weight: 600;
    font-family: 'Inter Tight', sans-serif;
    font-size: 12px;
    margin-bottom: 2px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-dq-source strong {
        font-size: 13px;
    }
}

.unione-fellowship-wrap .ujp-dist-points {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-dist-points {
        gap: 20px;
    }
}

.unione-fellowship-wrap .ujp-dp-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-dp-item {
        gap: 14px;
    }
}

.unione-fellowship-wrap .ujp-dp-ico {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--gold-pale);
    border: 1.5px solid var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    flex-shrink: 0;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-dp-ico {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }
}

.unione-fellowship-wrap .ujp-dp-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: var(--slate);
    margin-bottom: 3px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-dp-title {
        font-size: 14px;
        margin-bottom: 4px;
    }
}

.unione-fellowship-wrap .ujp-dp-desc {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: var(--ink-mute);
    line-height: 1.65;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-dp-desc {
        font-size: 13px;
    }
}

/* =========== TIERS SECTION =========== */
.unione-fellowship-wrap .ujp-tiers-section {
    background: var(--white);
    padding: 64px 0;
    border-bottom: 1px solid var(--border);
}

@media (min-width: 768px) {
    .unione-fellowship-wrap .ujp-tiers-section {
        padding: 88px 0;
    }
}

.unione-fellowship-wrap .ujp-tiers-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 36px;
}

@media (min-width: 600px) {
    .unione-fellowship-wrap .ujp-tiers-grid {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 44px;
    }
}

@media (min-width: 900px) {
    .unione-fellowship-wrap .ujp-tiers-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
        margin-top: 48px;
    }
}

.unione-fellowship-wrap .ujp-tier-full {
    background: var(--parchment);
    border: 1px solid var(--border);
    border-radius: var(--r-xl);
    overflow: hidden;
    transition: all .22s;
    position: relative;
}

.unione-fellowship-wrap .ujp-tier-full:hover {
    border-color: var(--gold);
    transform: translateY(-3px);
    box-shadow: 0 16px 48px rgba(196,169,106,.1);
}

.unione-fellowship-wrap .ujp-tier-full.featured {
    border-color: var(--gold);
    background: var(--gold-pale);
}

.unione-fellowship-wrap .ujp-tier-full.featured::before {
    content: 'Most sought designation';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Inter Tight', sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    background: var(--gold);
    color: var(--obsidian);
    padding: 3px 14px;
    border-radius: 0 0 8px 8px;
    white-space: nowrap;
}

.unione-fellowship-wrap .ujp-tf-head {
    padding: 20px 22px;
    border-bottom: 1px solid var(--border);
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-tf-head {
        padding: 24px 26px;
    }
}

.unione-fellowship-wrap .ujp-tf-head.featured {
    padding-top: 32px;
}

.unione-fellowship-wrap .ujp-tf-desig {
    font-family: 'Inter Tight', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: var(--gold);
    margin-bottom: 4px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-tf-desig {
        font-size: 22px;
    }
}

.unione-fellowship-wrap .ujp-tf-name {
    font-family: 'Inter Tight', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: var(--slate);
    margin-bottom: 7px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-tf-name {
        font-size: 14px;
        margin-bottom: 8px;
    }
}

.unione-fellowship-wrap .ujp-tf-who {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: var(--ink-mute);
    line-height: 1.6;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-tf-who {
        font-size: 13px;
    }
}

.unione-fellowship-wrap .ujp-tf-body {
    padding: 18px 22px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-tf-body {
        padding: 20px 26px;
    }
}

.unione-fellowship-wrap .ujp-tf-req-label {
    font-family: 'Inter Tight', sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
    display: block;
}

.unione-fellowship-wrap .ujp-tf-req {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 18px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-tf-req {
        gap: 7px;
        margin-bottom: 20px;
    }
}

.unione-fellowship-wrap .ujp-tfr {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: var(--ink-mid);
    line-height: 1.5;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-tfr {
        font-size: 13px;
    }
}

.unione-fellowship-wrap .ujp-tfr-ico {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: var(--green-bg);
    border: .5px solid rgba(26,122,74,.22);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 7px;
    color: var(--green);
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 1px;
}

.unione-fellowship-wrap .ujp-tf-fee-label {
    font-family: 'Inter Tight', sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 4px;
    display: block;
}

.unione-fellowship-wrap .ujp-tf-fee {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 4px;
}

.unione-fellowship-wrap .ujp-tf-fee-price {
    font-family: 'Inter Tight', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: var(--slate);
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-tf-fee-price {
        font-size: 22px;
    }
}

.unione-fellowship-wrap .ujp-tf-fee-period {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: var(--ink-mute);
}

.unione-fellowship-wrap .ujp-tf-founding {
    font-family: 'Inter Tight', sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: var(--green);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-tf-founding {
        margin-bottom: 16px;
    }
}

.unione-fellowship-wrap .ujp-tf-founding::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--green);
    flex-shrink: 0;
}

.unione-fellowship-wrap .ujp-btn-tf {
    display: block;
    text-align: center;
    padding: 10px 12px;
    border-radius: var(--r-md);
    font-family: 'Inter Tight', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .03em;
    background: var(--slate);
    color: var(--gold);
    text-decoration: none;
    transition: all .2s;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-btn-tf {
        font-size: 13px;
        padding: 11px 12px;
    }
}

.unione-fellowship-wrap .ujp-btn-tf:hover {
    background: var(--slate-mid);
}

.unione-fellowship-wrap .ujp-btn-tf.gold {
    background: var(--gold);
    color: var(--obsidian);
}

.unione-fellowship-wrap .ujp-btn-tf.gold:hover {
    background: var(--gold-light);
}

.unione-fellowship-wrap .ujp-tiers-note {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 18px 20px;
    margin-top: 20px;
    background: var(--ivory);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-tiers-note {
        padding: 22px 26px;
        gap: 14px;
        margin-top: 24px;
    }
}

.unione-fellowship-wrap .ujp-tn-icon {
    font-size: 17px;
    flex-shrink: 0;
    margin-top: 2px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-tn-icon {
        font-size: 18px;
    }
}

.unione-fellowship-wrap .ujp-tn-text {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: var(--ink-mute);
    line-height: 1.7;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-tn-text {
        font-size: 13px;
    }
}

.unione-fellowship-wrap .ujp-tn-text strong {
    color: var(--slate);
    font-weight: 600;
}

/* =========== MEANING SECTION =========== */
.unione-fellowship-wrap .ujp-meaning-section {
    background: var(--ivory);
    padding: 64px 0;
    border-bottom: 1px solid var(--border);
}

@media (min-width: 768px) {
    .unione-fellowship-wrap .ujp-meaning-section {
        padding: 88px 0;
    }
}

.unione-fellowship-wrap .ujp-meaning-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 48px;
    align-items: start;
}

@media (min-width: 900px) {
    .unione-fellowship-wrap .ujp-meaning-grid {
        grid-template-columns: 1fr 1fr;
        gap: 64px;
    }
}

@media (min-width: 1200px) {
    .unione-fellowship-wrap .ujp-meaning-grid {
        gap: 72px;
    }
}

.unione-fellowship-wrap .ujp-benefit-list {
    display: flex;
    flex-direction: column;
}

.unione-fellowship-wrap .ujp-bl-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 0;
    border-bottom: .5px solid var(--border);
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-bl-item {
        padding: 20px 0;
        gap: 16px;
    }
}

.unione-fellowship-wrap .ujp-bl-item:first-child {
    padding-top: 0;
}

.unione-fellowship-wrap .ujp-bl-item:last-child {
    border-bottom: none;
}

.unione-fellowship-wrap .ujp-bl-num {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    flex-shrink: 0;
    background: var(--gold-pale);
    border: 1.5px solid var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter Tight', sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: var(--slate);
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-bl-num {
        width: 32px;
        height: 32px;
        font-size: 12px;
    }
}

.unione-fellowship-wrap .ujp-bl-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: var(--slate);
    margin-bottom: 3px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-bl-title {
        font-size: 14px;
        margin-bottom: 4px;
    }
}

.unione-fellowship-wrap .ujp-bl-desc {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: var(--ink-mute);
    line-height: 1.65;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-bl-desc {
        font-size: 13px;
    }
}

/* Profile Mock */
.unione-fellowship-wrap .ujp-profile-mock {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--r-xl);
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(42,53,69,.04), 0 16px 48px rgba(42,53,69,.08);
}

.unione-fellowship-wrap .ujp-pm-head {
    background: var(--slate);
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-pm-head {
        padding: 18px 24px;
    }
}

.unione-fellowship-wrap .ujp-pm-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--gold);
}

.unione-fellowship-wrap .ujp-pm-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    color: var(--gold);
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-pm-title {
        font-size: 12px;
    }
}

.unione-fellowship-wrap .ujp-pm-body {
    padding: 16px 20px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-pm-body {
        padding: 20px 24px;
    }
}

.unione-fellowship-wrap .ujp-pm-row {
    display: grid;
    grid-template-columns: 76px 1fr;
    gap: 10px;
    padding: 8px 0;
    border-bottom: .5px solid var(--border);
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-pm-row {
        grid-template-columns: 80px 1fr;
        gap: 12px;
        padding: 9px 0;
    }
}

.unione-fellowship-wrap .ujp-pm-row:last-child {
    border-bottom: none;
}

.unione-fellowship-wrap .ujp-pm-label {
    font-family: 'Inter', sans-serif;
    color: var(--ink-mute);
    font-size: 11px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-pm-label {
        font-size: 12px;
    }
}

.unione-fellowship-wrap .ujp-pm-val {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 600;
    color: var(--slate);
    font-size: 12px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-pm-val {
        font-size: 13px;
    }
}

.unione-fellowship-wrap .ujp-pm-val.gold {
    color: var(--gold);
}

.unione-fellowship-wrap .ujp-pm-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 12px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-pm-tags {
        gap: 5px;
        margin-top: 14px;
    }
}

.unione-fellowship-wrap .ujp-pm-tag {
    font-family: 'Inter Tight', sans-serif;
    font-size: 9px;
    font-weight: 600;
    padding: 3px 9px;
    border-radius: 100px;
    background: var(--ivory);
    border: .5px solid var(--border);
    color: var(--slate);
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-pm-tag {
        font-size: 10px;
        padding: 4px 11px;
    }
}

.unione-fellowship-wrap .ujp-pm-tag.gold {
    background: var(--gold-pale);
    border-color: var(--border-gold);
    color: #6B5427;
}

.unione-fellowship-wrap .ujp-pm-footer {
    padding: 12px 20px;
    background: var(--green-bg);
    border-top: .5px solid rgba(26,122,74,.15);
    display: flex;
    align-items: center;
    gap: 8px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-pm-footer {
        padding: 14px 24px;
    }
}

.unione-fellowship-wrap .ujp-pmf-badge {
    font-family: 'Inter Tight', sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 3px 9px;
    border-radius: 100px;
    background: var(--green-bg);
    color: var(--green);
    border: .5px solid rgba(26,122,74,.25);
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-pmf-badge {
        font-size: 9px;
        padding: 3px 10px;
    }
}

.unione-fellowship-wrap .ujp-pmf-txt {
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    color: var(--green);
    font-weight: 500;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-pmf-txt {
        font-size: 11px;
    }
}

/* =========== VETTING SECTION =========== */
.unione-fellowship-wrap .ujp-vetting-section {
    background: var(--white);
    padding: 64px 0;
    border-bottom: 1px solid var(--border);
}

@media (min-width: 768px) {
    .unione-fellowship-wrap .ujp-vetting-section {
        padding: 88px 0;
    }
}

.unione-fellowship-wrap .ujp-vetting-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 48px;
    align-items: start;
}

@media (min-width: 900px) {
    .unione-fellowship-wrap .ujp-vetting-grid {
        grid-template-columns: 1fr 1fr;
        gap: 64px;
    }
}

@media (min-width: 1200px) {
    .unione-fellowship-wrap .ujp-vetting-grid {
        gap: 72px;
    }
}

.unione-fellowship-wrap .ujp-vetting-steps {
    display: flex;
    flex-direction: column;
}

.unione-fellowship-wrap .ujp-vs-item {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 12px;
    padding-bottom: 24px;
    position: relative;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-vs-item {
        grid-template-columns: 52px 1fr;
        gap: 14px;
        padding-bottom: 28px;
    }
}

.unione-fellowship-wrap .ujp-vs-item:last-child {
    padding-bottom: 0;
}

.unione-fellowship-wrap .ujp-vs-item:not(:last-child)::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 44px;
    bottom: 0;
    width: 1px;
    background: var(--border);
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-vs-item:not(:last-child)::before {
        left: 25px;
        top: 52px;
    }
}

.unione-fellowship-wrap .ujp-vs-circle {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter Tight', sans-serif;
    font-size: 13px;
    font-weight: 700;
    background: var(--gold-pale);
    border: 2px solid var(--gold);
    color: var(--slate);
    position: relative;
    z-index: 1;
    transition: all .2s;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-vs-circle {
        width: 52px;
        height: 52px;
        font-size: 15px;
    }
}

.unione-fellowship-wrap .ujp-vs-item:hover .ujp-vs-circle {
    background: var(--gold);
    color: var(--obsidian);
}

.unione-fellowship-wrap .ujp-vs-body {
    padding-top: 10px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-vs-body {
        padding-top: 12px;
    }
}

.unione-fellowship-wrap .ujp-vs-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: var(--slate);
    margin-bottom: 4px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-vs-title {
        font-size: 14px;
        margin-bottom: 5px;
    }
}

.unione-fellowship-wrap .ujp-vs-desc {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: var(--ink-mute);
    line-height: 1.65;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-vs-desc {
        font-size: 13px;
    }
}

.unione-fellowship-wrap .ujp-vs-time {
    font-family: 'Inter Tight', sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: var(--gold);
    margin-top: 4px;
}

.unione-fellowship-wrap .ujp-vr-principle {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 0;
    border-bottom: .5px solid var(--border);
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-vr-principle {
        gap: 14px;
        padding: 18px 0;
    }
}

.unione-fellowship-wrap .ujp-vr-principle:last-child {
    border-bottom: none;
}

.unione-fellowship-wrap .ujp-vr-ico {
    font-size: 16px;
    flex-shrink: 0;
    width: 30px;
    text-align: center;
    margin-top: 2px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-vr-ico {
        font-size: 18px;
        width: 32px;
    }
}

.unione-fellowship-wrap .ujp-vr-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: var(--slate);
    margin-bottom: 3px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-vr-title {
        font-size: 14px;
        margin-bottom: 4px;
    }
}

.unione-fellowship-wrap .ujp-vr-desc {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: var(--ink-mute);
    line-height: 1.65;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-vr-desc {
        font-size: 13px;
    }
}

/* =========== SPECIALISMS SECTION =========== */
.unione-fellowship-wrap .ujp-specialisms-section {
    background: var(--slate-deep);
    padding: 60px 0;
    border-bottom: 1px solid rgba(255,255,255,.07);
}

@media (min-width: 768px) {
    .unione-fellowship-wrap .ujp-specialisms-section {
        padding: 80px 0;
    }
}

.unione-fellowship-wrap .ujp-spec-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    margin-top: 36px;
}

@media (min-width: 600px) {
    .unione-fellowship-wrap .ujp-spec-grid {
        gap: 10px;
    }
}

@media (min-width: 900px) {
    .unione-fellowship-wrap .ujp-spec-grid {
        grid-template-columns: repeat(4, 1fr);
        margin-top: 48px;
    }
}

.unione-fellowship-wrap .ujp-spec-card {
    background: rgba(255,255,255,.04);
    border: .5px solid rgba(255,255,255,.08);
    border-radius: var(--r-lg);
    padding: 16px;
    transition: all .2s;
    cursor: default;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-spec-card {
        padding: 20px;
    }
}

.unione-fellowship-wrap .ujp-spec-card:hover {
    background: rgba(196,169,106,.08);
    border-color: rgba(196,169,106,.22);
}

.unione-fellowship-wrap .ujp-sc-icon {
    font-size: 20px;
    margin-bottom: 8px;
    display: block;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-sc-icon {
        font-size: 22px;
        margin-bottom: 10px;
    }
}

.unione-fellowship-wrap .ujp-sc-name {
    font-family: 'Inter Tight', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: var(--parchment);
    margin-bottom: 3px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-sc-name {
        font-size: 13px;
        margin-bottom: 4px;
    }
}

.unione-fellowship-wrap .ujp-sc-count {
    font-family: 'Inter Tight', sans-serif;
    font-size: 10px;
    color: rgba(196,169,106,.7);
    font-weight: 600;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-sc-count {
        font-size: 11px;
    }
}

/* =========== CTA SECTION =========== */
.unione-fellowship-wrap .ujp-cta-section {
    background: var(--parchment);
    padding: 64px 0;
    border-top: 1px solid var(--border);
}

@media (min-width: 768px) {
    .unione-fellowship-wrap .ujp-cta-section {
        padding: 88px 0;
    }
}

.unione-fellowship-wrap .ujp-cta-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 32px;
}

@media (min-width: 600px) {
    .unione-fellowship-wrap .ujp-cta-grid {
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 36px;
    }
}

@media (min-width: 900px) {
    .unione-fellowship-wrap .ujp-cta-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 14px;
        margin-bottom: 40px;
    }
}

.unione-fellowship-wrap .ujp-cta-card {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--r-xl);
    padding: 22px 24px;
    text-align: left;
    transition: all .22s;
    cursor: pointer;
    text-decoration: none;
    display: block;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-cta-card {
        padding: 28px;
    }
}

.unione-fellowship-wrap .ujp-cta-card:hover {
    border-color: var(--gold);
    transform: translateY(-3px);
    box-shadow: 0 12px 36px rgba(196,169,106,.12);
}

.unione-fellowship-wrap .ujp-cta-card.featured {
    background: var(--gold-pale);
    border: 1.5px solid var(--gold);
    position: relative;
}

.unione-fellowship-wrap .ujp-cta-card.featured::before {
    content: 'Most sought designation';
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Inter Tight', sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    background: var(--gold);
    color: var(--obsidian);
    padding: 3px 14px;
    border-radius: 0 0 8px 8px;
    white-space: nowrap;
}

.unione-fellowship-wrap .ujp-cta-desig {
    font-family: 'Inter Tight', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: var(--gold);
    margin-bottom: 5px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-cta-desig {
        font-size: 22px;
        margin-bottom: 6px;
    }
}

.unione-fellowship-wrap .ujp-cta-name {
    font-family: 'Inter Tight', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: var(--slate);
    margin-bottom: 7px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-cta-name {
        font-size: 14px;
        margin-bottom: 8px;
    }
}

.unione-fellowship-wrap .ujp-cta-desc {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: var(--ink-mute);
    line-height: 1.6;
    margin-bottom: 16px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-cta-desc {
        font-size: 13px;
        margin-bottom: 18px;
    }
}

.unione-fellowship-wrap .ujp-cta-price {
    font-family: 'Inter Tight', sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: var(--slate);
    margin-bottom: 2px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-cta-price {
        font-size: 18px;
    }
}

.unione-fellowship-wrap .ujp-cta-founding {
    font-family: 'Inter Tight', sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: var(--green);
    margin-bottom: 16px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-cta-founding {
        margin-bottom: 18px;
    }
}

.unione-fellowship-wrap .ujp-cta-btn {
    display: block;
    text-align: center;
    padding: 10px 12px;
    border-radius: var(--r-md);
    font-family: 'Inter Tight', sans-serif;
    font-size: 12px;
    font-weight: 700;
    background: var(--slate);
    color: var(--gold);
    text-decoration: none;
    transition: background .2s;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-cta-btn {
        font-size: 13px;
    }
}

.unione-fellowship-wrap .ujp-cta-btn:hover {
    background: var(--slate-mid);
}

.unione-fellowship-wrap .ujp-cta-btn.gold {
    background: var(--gold);
    color: var(--obsidian);
}

.unione-fellowship-wrap .ujp-cta-btn.gold:hover {
    background: var(--gold-light);
}

.unione-fellowship-wrap .ujp-cta-note {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 18px;
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    max-width: 680px;
    margin: 0 auto;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-cta-note {
        padding: 18px 24px;
        gap: 14px;
        align-items: center;
    }
}

.unione-fellowship-wrap .ujp-cta-note-icon {
    font-size: 18px;
    flex-shrink: 0;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-cta-note-icon {
        font-size: 20px;
    }
}

.unione-fellowship-wrap .ujp-cta-note-text {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: var(--ink-mute);
    line-height: 1.65;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-cta-note-text {
        font-size: 13px;
    }
}

.unione-fellowship-wrap .ujp-cta-note-text strong {
    color: var(--slate);
    font-weight: 600;
}

/* =========== FOOTER =========== */
.unione-fellowship-wrap .ujp-footer {
    background: var(--obsidian);
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    border-top: .5px solid rgba(255,255,255,.07);
    text-align: center;
}

@media (min-width: 600px) {
    .unione-fellowship-wrap .ujp-footer {
        flex-direction: row;
        justify-content: space-between;
        padding: 28px 36px;
        text-align: left;
    }
}

@media (min-width: 1024px) {
    .unione-fellowship-wrap .ujp-footer {
        padding: 36px 60px;
    }
}

.unione-fellowship-wrap .ujp-footer-logo {
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .2em;
    color: var(--parchment);
    display: flex;
    align-items: center;
    gap: 9px;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-footer-logo {
        font-size: 15px;
    }
}

.unione-fellowship-wrap .ujp-footer-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gold);
}

.unione-fellowship-wrap .ujp-footer-links {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
}

@media (min-width: 600px) {
    .unione-fellowship-wrap .ujp-footer-links {
        gap: 24px;
        justify-content: flex-start;
    }
}

.unione-fellowship-wrap .ujp-footer-link {
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    color: rgba(255,255,255,.28);
    text-decoration: none;
    transition: color .2s;
}

@media (min-width: 480px) {
    .unione-fellowship-wrap .ujp-footer-link {
        font-size: 12px;
    }
}

.unione-fellowship-wrap .ujp-footer-link:hover {
    color: rgba(255,255,255,.7);
}

.unione-fellowship-wrap .ujp-footer-tag {
    font-family: 'Inter Tight', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .1em;
    color: rgba(196,169,106,.4);
    text-transform: uppercase;
}

/* =========== EXTRA SMALL =========== */
@media (max-width: 360px) {
    .unione-fellowship-wrap .ujp-h1-display {
        font-size: 28px;
    }
    .unione-fellowship-wrap .ujp-btn-primary-gold,
    .unione-fellowship-wrap .ujp-btn-outline-light,
    .unione-fellowship-wrap .ujp-btn-hero-faq {
        font-size: 12px;
        padding: 10px 16px;
    }
    .unione-fellowship-wrap .ujp-hero-cta-row {
        flex-direction: column;
        align-items: stretch;
    }
    .unione-fellowship-wrap .ujp-hero-cta-row a {
        text-align: center;
        justify-content: center;
    }
    .unione-fellowship-wrap .ujp-tc-desig {
        min-width: 72px;
        font-size: 12px;
    }
}

/* =========== PRINT =========== */
@media print {
    .unione-fellowship-wrap .ujp-nav {
        position: static;
    }
    .unione-fellowship-wrap .ujp-hero-inner,
    .unione-fellowship-wrap .ujp-dist-grid,
    .unione-fellowship-wrap .ujp-meaning-grid,
    .unione-fellowship-wrap .ujp-vetting-grid {
        grid-template-columns: 1fr !important;
    }
    .unione-fellowship-wrap .ujp-tiers-grid,
    .unione-fellowship-wrap .ujp-spec-grid,
    .unione-fellowship-wrap .ujp-cta-grid {
        grid-template-columns: 1fr !important;
    }
}
/* ============================================================
 * UNIONE™ AI Clause Generator Styles
 * File: unione-ai-clause.css
 * ============================================================ */

.unione-ai-container *,
.unione-ai-container *::before,
.unione-ai-container *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-ai-container {
    --obsidian: #0E1015;
    --slate: #1C2333;
    --slate-mid: #2D3A4F;
    --gold: #C9A84C;
    --gold-light: #E8D080;
    --gold-pale: #FBF6E9;
    --parchment: #F8F6F0;
    --ivory: #F2EFE6;
    --white: #FFFFFF;
    --ink: #1A1814;
    --ink-mid: #4A4640;
    --ink-mute: #908A80;
    --border: rgba(26,24,20,0.10);
    --border-strong: rgba(26,24,20,0.18);
    --green: #1A7A4A;
    --green-bg: #E6F4EE;
    --r4: 4px;
    --r8: 8px;
    --r12: 12px;
    --r16: 16px;
    --r24: 24px;
    --nav-h: 64px;
    --ease: cubic-bezier(.22,1,.36,1);
    font-family: 'Inter Tight', sans-serif;
    background: var(--parchment);
    color: var(--ink);
    scroll-behavior: smooth;
}

.unione-ai-container ::selection {
    background: var(--slate);
    color: var(--gold);
}

/* Animations */
@keyframes unione-shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

@keyframes unione-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(.65); }
}

@keyframes unione-fadeUp {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes unione-spin {
    to { transform: rotate(360deg); }
}

@keyframes unione-blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

@keyframes unione-floatRing {
    0%, 100% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* NAV */
.unione-ai-container .unione-ai-nav {
    position: sticky;
    top: 0;
    z-index: 200;
    height: var(--nav-h);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 48px;
    background: rgba(248,246,240,.95);
    backdrop-filter: blur(20px);
    border-bottom: .5px solid var(--border);
    flex-wrap: wrap;
    gap: 12px;
}

.unione-ai-container .unione-ai-nav::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: .5px;
    background: linear-gradient(90deg, transparent, var(--gold), transparent);
    opacity: .3;
}

.unione-ai-container .unione-ai-nav-logo {
    font-family: 'Inter Tight', sans-serif;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: .22em;
    color: var(--slate);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
}

.unione-ai-container .unione-ai-nav-logo-badge {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: .5px solid var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: var(--gold);
}

.unione-ai-container .unione-ai-nav-links {
    display: flex;
    gap: 2px;
    align-items: center;
    flex-wrap: wrap;
}

.unione-ai-container .unione-ai-nav-link {
    font-size: 12.5px;
    font-weight: 400;
    color: var(--ink-mid);
    padding: 7px 14px;
    border-radius: var(--r8);
    text-decoration: none;
    transition: color .15s, background .15s;
    letter-spacing: .02em;
}

.unione-ai-container .unione-ai-nav-link:hover,
.unione-ai-container .unione-ai-nav-link.active {
    color: var(--slate);
    background: var(--ivory);
}

.unione-ai-container .unione-ai-nav-link.active {
    font-weight: 500;
}

.unione-ai-container .unione-ai-nav-cta {
    font-size: 12px;
    font-weight: 500;
    padding: 8px 18px;
    border-radius: var(--r8);
    background: var(--slate);
    color: var(--parchment);
    border: none;
    cursor: pointer;
    font-family: 'Inter Tight', sans-serif;
    transition: background .2s;
    letter-spacing: .02em;
}

.unione-ai-container .unione-ai-nav-cta:hover {
    background: #0E1015;
}

.unione-ai-container .unione-ai-nav-gold-btn {
    font-size: 12px;
    font-weight: 500;
    padding: 8px 18px;
    border-radius: var(--r8);
    background: var(--gold);
    color: var(--obsidian);
    border: none;
    cursor: pointer;
    font-family: 'Inter Tight', sans-serif;
    transition: background .2s;
    letter-spacing: .02em;
}

.unione-ai-container .unione-ai-nav-gold-btn:hover {
    background: #B8922E;
}

/* HERO */
.unione-ai-container .unione-ai-hero {
    background: var(--obsidian);
    padding: 100px 48px 80px;
    text-align: center;
    position: relative;
    overflow: hidden;
    min-height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.unione-ai-container .unione-ai-hero-bg-img {
    position: absolute;
    inset: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: .18;
}

.unione-ai-container .unione-ai-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(14,16,21,.92), rgba(28,35,51,.88));
}

.unione-ai-container .unione-ai-hero-ring {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    animation: unione-floatRing linear infinite;
}

.unione-ai-container .unione-ai-ring-a {
    width: 420px;
    height: 420px;
    border: .5px solid rgba(201,168,76,.07);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation-duration: 60s;
}

.unione-ai-container .unione-ai-ring-b {
    width: 260px;
    height: 260px;
    border: .5px solid rgba(201,168,76,.11);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation-duration: 40s;
    animation-direction: reverse;
}

.unione-ai-container .unione-ai-ring-c {
    width: 140px;
    height: 140px;
    border: .5px solid rgba(201,168,76,.16);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation-duration: 25s;
}

.unione-ai-container .unione-ai-hero-inner {
    position: relative;
    z-index: 2;
    max-width: 680px;
    margin: 0 auto;
}

.unione-ai-container .unione-ai-hero-eyebrow {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.unione-ai-container .unione-ai-hero-eyebrow::before,
.unione-ai-container .unione-ai-hero-eyebrow::after {
    content: '';
    width: 20px;
    height: .5px;
    background: var(--gold);
}

.unione-ai-container .unione-ai-hero h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(42px, 6vw, 68px);
    font-weight: 600;
    color: #F4F0E8;
    letter-spacing: -.02em;
    line-height: 1.04;
    margin-bottom: 14px;
}

.unione-ai-container .unione-ai-hero h1 .unione-ai-shimmer {
    background: linear-gradient(135deg, #C9A84C 0%, #F0DC90 45%, #C9A84C 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: unione-shimmer 5s linear infinite;
}

.unione-ai-container .unione-ai-hero-sub {
    font-size: 15px;
    font-weight: 300;
    color: rgba(255,255,255,.42);
    line-height: 1.75;
    max-width: 520px;
    margin: 0 auto 24px;
    letter-spacing: .01em;
}

.unione-ai-container .unione-ai-ai-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(201,168,76,.1);
    border: .5px solid rgba(201,168,76,.22);
    border-radius: 100px;
    padding: 7px 16px;
    font-size: 11.5px;
    color: var(--gold);
    letter-spacing: .04em;
}

.unione-ai-container .unione-ai-ai-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #22C55E;
    animation: unione-pulse 1.6s ease-in-out infinite;
}

/* PIPELINE STRIP */
.unione-ai-container .unione-ai-pipeline {
    background: var(--ivory);
    border-bottom: .5px solid var(--border);
    padding: 0 48px;
    overflow-x: auto;
}

.unione-ai-container .unione-ai-pipeline-inner {
    max-width: 1160px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    min-width: max-content;
}

.unione-ai-container .unione-ai-pipe-item {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 12px 10px;
    font-size: 11.5px;
    font-weight: 400;
    color: var(--ink-mute);
    cursor: pointer;
    transition: color .15s;
    border-bottom: 2px solid transparent;
    white-space: nowrap;
}

.unione-ai-container .unione-ai-pipe-item:hover {
    color: var(--ink-mid);
}

.unione-ai-container .unione-ai-pipe-item.active {
    color: var(--slate);
    font-weight: 500;
    border-bottom-color: var(--gold);
}

.unione-ai-container .unione-ai-pipe-item.done {
    color: var(--green);
}

.unione-ai-container .unione-ai-pipe-num {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9.5px;
    font-weight: 600;
    background: rgba(26,24,20,.07);
    color: var(--ink-mute);
    flex-shrink: 0;
    transition: all .15s;
}

.unione-ai-container .unione-ai-pipe-item.active .unione-ai-pipe-num {
    background: var(--gold);
    color: var(--obsidian);
}

.unione-ai-container .unione-ai-pipe-item.done .unione-ai-pipe-num {
    background: var(--green);
    color: #fff;
}

.unione-ai-container .unione-ai-pipe-divider {
    color: var(--border);
    font-size: 12px;
    flex-shrink: 0;
    padding: 0 4px;
}

/* PHOTO STRIPE */
.unione-ai-container .unione-ai-photo-stripe {
    position: relative;
    height: 72px;
    overflow: hidden;
}

.unione-ai-container .unione-ai-photo-stripe img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 40%;
}

.unione-ai-container .unione-ai-photo-stripe-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(14,16,21,.7), rgba(28,35,51,.5), rgba(14,16,21,.7));
}

.unione-ai-container .unione-ai-photo-stripe-label {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: rgba(201,168,76,.7);
    font-weight: 500;
    text-align: center;
    padding: 0 16px;
}

/* MAIN LAYOUT */
.unione-ai-container .unione-ai-main-wrap {
    max-width: 1160px;
    margin: 0 auto;
    padding: 40px 48px 80px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    align-items: start;
}

@media (max-width: 900px) {
    .unione-ai-container .unione-ai-main-wrap {
        grid-template-columns: 1fr;
        padding: 24px 20px 60px;
    }
    .unione-ai-container .unione-ai-hero {
        padding: 72px 20px 60px;
    }
    .unione-ai-container .unione-ai-pipeline {
        padding: 0 20px;
    }
    .unione-ai-container .unione-ai-nav {
        padding: 0 20px;
    }
    .unione-ai-container .unione-ai-nav-links {
        display: none;
    }
    .unione-ai-container .unione-ai-presets-wrap {
        padding: 0 20px 48px;
    }
}

/* INPUT PANEL */
.unione-ai-container .unione-ai-input-panel {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.unione-ai-container .unione-ai-icard {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r16);
    padding: 24px;
    transition: border-color .2s;
}

.unione-ai-container .unione-ai-icard:hover {
    border-color: var(--border-strong);
}

.unione-ai-container .unione-ai-icard-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
}

.unione-ai-container .unione-ai-icard-icon {
    width: 30px;
    height: 30px;
    border-radius: var(--r8);
    background: var(--ivory);
    border: .5px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    flex-shrink: 0;
}

.unione-ai-container .unione-ai-icard-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: var(--ink);
}

.unione-ai-container .unione-ai-icard-sub {
    font-size: 12.5px;
    color: var(--ink-mute);
    line-height: 1.6;
    margin-bottom: 18px;
    padding-left: 40px;
}

.unione-ai-container .unione-ai-field-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 12px;
}

.unione-ai-container .unione-ai-field-col {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.unione-ai-container .unione-ai-field-full {
    margin-bottom: 12px;
}

.unione-ai-container .unione-ai-label {
    font-size: 11px;
    font-weight: 500;
    color: var(--ink-mid);
    letter-spacing: .05em;
    text-transform: uppercase;
}

.unione-ai-container .unione-ai-select,
.unione-ai-container .unione-ai-input {
    background: var(--ivory);
    border: .5px solid var(--border);
    border-radius: var(--r8);
    padding: 9px 12px;
    font-size: 13px;
    color: var(--ink);
    font-family: 'Inter Tight', sans-serif;
    width: 100%;
    transition: border-color .2s;
    appearance: none;
}

.unione-ai-container .unione-ai-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23908A80' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 30px;
}

.unione-ai-container .unione-ai-select:focus,
.unione-ai-container .unione-ai-input:focus {
    outline: none;
    border-color: var(--slate);
}

.unione-ai-container .unione-ai-toggle-list {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.unione-ai-container .unione-ai-toggle-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: .5px solid var(--border);
}

.unione-ai-container .unione-ai-toggle-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.unione-ai-container .unione-ai-toggle-label {
    font-size: 13px;
    color: var(--ink-mid);
}

.unione-ai-container .unione-ai-toggle {
    width: 34px;
    height: 19px;
    border-radius: 100px;
    background: rgba(26,24,20,.12);
    cursor: pointer;
    position: relative;
    transition: background .2s;
    flex-shrink: 0;
    border: none;
}

.unione-ai-container .unione-ai-toggle.on {
    background: var(--slate);
}

.unione-ai-container .unione-ai-toggle::after {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #fff;
    top: 3px;
    left: 3px;
    transition: transform .2s;
}

.unione-ai-container .unione-ai-toggle.on::after {
    transform: translateX(15px);
}

.unione-ai-container .unione-ai-gen-btn {
    background: var(--slate);
    color: var(--parchment);
    border: none;
    border-radius: var(--r12);
    padding: 15px 28px;
    font-size: 14.5px;
    font-weight: 500;
    font-family: 'Inter Tight', sans-serif;
    cursor: pointer;
    transition: all .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    letter-spacing: .02em;
}

.unione-ai-container .unione-ai-gen-btn:hover:not(:disabled) {
    background: var(--obsidian);
    transform: translateY(-1px);
}

.unione-ai-container .unione-ai-gen-btn:disabled {
    opacity: .5;
    cursor: not-allowed;
    transform: none;
}

.unione-ai-container .unione-ai-spinner {
    width: 15px;
    height: 15px;
    border: 1.5px solid rgba(255,255,255,.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: unione-spin .6s linear infinite;
    display: none;
    flex-shrink: 0;
}

/* OUTPUT PANEL */
.unione-ai-container .unione-ai-output-panel {
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: sticky;
    top: calc(var(--nav-h) + 20px);
}

@media (max-width: 900px) {
    .unione-ai-container .unione-ai-output-panel {
        position: static;
    }
}

.unione-ai-container .unione-ai-ocard {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r16);
    overflow: hidden;
}

.unione-ai-container .unione-ai-ocard-header {
    background: var(--ivory);
    padding: 14px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: .5px solid var(--border);
    flex-wrap: wrap;
    gap: 10px;
}

.unione-ai-container .unione-ai-ocard-title {
    font-size: 13px;
    font-weight: 500;
    color: var(--ink);
    display: flex;
    align-items: center;
    gap: 8px;
}

.unione-ai-container .unione-ai-ocard-star {
    font-size: 13px;
    color: var(--gold);
}

.unione-ai-container .unione-ai-status-tag {
    font-size: 10.5px;
    font-weight: 500;
    padding: 3px 10px;
    border-radius: 100px;
    letter-spacing: .04em;
}

.unione-ai-container .unione-ai-st-wait {
    background: var(--ivory);
    color: var(--ink-mute);
    border: .5px solid var(--border);
}

.unione-ai-container .unione-ai-st-go {
    background: var(--green-bg);
    color: var(--green);
}

.unione-ai-container .unione-ai-st-gen {
    background: rgba(201,168,76,.12);
    color: #7A5F20;
}

.unione-ai-container .unione-ai-clause-body {
    padding: 22px;
    min-height: 260px;
    display: flex;
    flex-direction: column;
}

.unione-ai-container .unione-ai-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    text-align: center;
    color: var(--ink-mute);
    min-height: 200px;
}

.unione-ai-container .unione-ai-placeholder-icon {
    font-size: 32px;
    opacity: .25;
    margin-bottom: 12px;
}

.unione-ai-container .unione-ai-placeholder-text {
    font-size: 14px;
    margin-bottom: 5px;
    color: var(--ink-mute);
}

.unione-ai-container .unione-ai-placeholder-hint {
    font-size: 12px;
    opacity: .65;
}

.unione-ai-container .unione-ai-clause-text {
    display: none;
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: var(--ink);
    font-weight: 400;
    animation: unione-fadeUp .4s var(--ease);
    white-space: pre-wrap;
}

.unione-ai-container .unione-ai-clause-text.show {
    display: block;
}

.unione-ai-container .unione-ai-cursor {
    display: inline-block;
    width: 1.5px;
    height: 15px;
    background: var(--slate);
    animation: unione-blink .9s infinite;
    vertical-align: middle;
    margin-left: 1px;
}

.unione-ai-container .unione-ai-ocard-actions {
    display: flex;
    gap: 8px;
    padding: 14px 22px;
    border-top: .5px solid var(--border);
    flex-wrap: wrap;
}

.unione-ai-container .unione-ai-act-btn {
    font-size: 11.5px;
    font-weight: 500;
    padding: 7px 13px;
    border-radius: var(--r8);
    border: .5px solid var(--border);
    background: transparent;
    color: var(--ink);
    cursor: pointer;
    font-family: 'Inter Tight', sans-serif;
    transition: all .15s;
    display: flex;
    align-items: center;
    gap: 5px;
}

.unione-ai-container .unione-ai-act-btn:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

.unione-ai-container .unione-ai-act-btn.gold {
    background: var(--gold);
    border-color: var(--gold);
    color: var(--obsidian);
}

.unione-ai-container .unione-ai-act-btn.gold:hover {
    background: #B8922E;
}

/* ANALYSIS CARD */
.unione-ai-container .unione-ai-acard {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r16);
    overflow: hidden;
    display: none;
}

.unione-ai-container .unione-ai-acard.show {
    display: block;
    animation: unione-fadeUp .4s var(--ease) .15s both;
}

.unione-ai-container .unione-ai-acard-head {
    background: var(--slate);
    padding: 14px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.unione-ai-container .unione-ai-acard-title {
    font-size: 13px;
    font-weight: 500;
    color: var(--parchment);
}

.unione-ai-container .unione-ai-acard-badge {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 100px;
    background: rgba(201,168,76,.18);
    border: .5px solid var(--gold);
    color: var(--gold);
}

.unione-ai-container .unione-ai-a-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 22px;
    border-bottom: .5px solid var(--border);
    flex-wrap: wrap;
}

.unione-ai-container .unione-ai-a-row:last-child {
    border-bottom: none;
}

.unione-ai-container .unione-ai-a-icon {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    flex-shrink: 0;
}

.unione-ai-container .unione-ai-a-icon.g {
    background: var(--green-bg);
    color: var(--green);
}

.unione-ai-container .unione-ai-a-icon.a {
    background: rgba(201,168,76,.14);
    color: #7A5F20;
}

.unione-ai-container .unione-ai-a-label {
    flex: 1;
    font-size: 12.5px;
    color: var(--ink-mid);
}

.unione-ai-container .unione-ai-a-result {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.unione-ai-container .unione-ai-a-result.good {
    color: var(--green);
}

.unione-ai-container .unione-ai-a-result.note {
    color: #9C5A1A;
}

/* PRESETS */
.unione-ai-container .unione-ai-presets-wrap {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 48px 64px;
}

.unione-ai-container .unione-ai-presets-head {
    margin-bottom: 22px;
}

.unione-ai-container .unione-ai-presets-h {
    font-family: 'Inter Tight', sans-serif;
    font-size: 26px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 4px;
}

.unione-ai-container .unione-ai-presets-sub-text {
    font-size: 13px;
    color: var(--ink-mute);
}

.unione-ai-container .unione-ai-presets-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

@media (max-width: 700px) {
    .unione-ai-container .unione-ai-presets-grid {
        grid-template-columns: 1fr;
    }
}

.unione-ai-container .unione-ai-pcard {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r16);
    padding: 20px;
    cursor: pointer;
    transition: all .2s;
}

.unione-ai-container .unione-ai-pcard:hover {
    border-color: var(--border-strong);
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(26,24,20,.06);
}

.unione-ai-container .unione-ai-ptag {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 8px;
}

.unione-ai-container .unione-ai-ptitle {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 5px;
}

.unione-ai-container .unione-ai-pdesc {
    font-size: 12px;
    color: var(--ink-mute);
    line-height: 1.6;
    margin-bottom: 12px;
}

.unione-ai-container .unione-ai-ppills {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.unione-ai-container .unione-ai-ppill {
    font-size: 10px;
    color: var(--slate-mid);
    background: var(--ivory);
    padding: 2px 8px;
    border-radius: 100px;
    border: .5px solid var(--border);
}

/* FOOTER */
.unione-ai-container .unione-ai-footer {
    background: var(--obsidian);
    padding: 64px 48px 32px;
    border-top: .5px solid rgba(201,168,76,.12);
}

.unione-ai-container .unione-ai-footer-inner {
    max-width: 1160px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 48px;
}

.unione-ai-container .unione-ai-footer-brand .unione-ai-logo {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .22em;
    color: rgba(255,255,255,.9);
    margin-bottom: 10px;
}

.unione-ai-container .unione-ai-footer-brand p {
    font-size: 12px;
    color: rgba(255,255,255,.3);
    line-height: 1.7;
    max-width: 260px;
}

.unione-ai-container .unione-ai-footer-links {
    display: flex;
    gap: 48px;
    flex-wrap: wrap;
}

.unione-ai-container .unione-ai-footer-col h4 {
    font-size: 10.5px;
    font-weight: 500;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 14px;
    opacity: .8;
}

.unione-ai-container .unione-ai-footer-col a {
    display: block;
    font-size: 12.5px;
    color: rgba(255,255,255,.35);
    text-decoration: none;
    margin-bottom: 8px;
    transition: color .15s;
}

.unione-ai-container .unione-ai-footer-col a:hover {
    color: rgba(255,255,255,.7);
}

.unione-ai-container .unione-ai-footer-bottom {
    max-width: 1160px;
    margin: 0 auto;
    border-top: .5px solid rgba(255,255,255,.07);
    padding-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.unione-ai-container .unione-ai-footer-copy {
    font-size: 11.5px;
    color: rgba(255,255,255,.2);
}

.unione-ai-container .unione-ai-footer-badge {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 100px;
    border: .5px solid rgba(201,168,76,.25);
    color: rgba(201,168,76,.6);
}
/* ============================================================
 * UNIONE™ AI EVIDENCE ARTICLE — FULLY RESPONSIVE
 * File: unione-article-ai-evidence.css
 * Shortcode: [unione_article_ai_evidence]
 * ============================================================ */

/* ── CSS VARIABLES / ROOT ── */
.unione-article-ai-wrap {
    --slate: #2A3545;
    --slate-deep: #1C2534;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-light: #E8D9B0;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
    scroll-behavior: smooth;
    font-family: 'Inter', sans-serif;
    background: var(--parchment);
    color: var(--ink);
    overflow-x: hidden;
}

/* ── RESET ── */
.unione-article-ai-wrap *,
.unione-article-ai-wrap *::before,
.unione-article-ai-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-article-ai-wrap ::selection {
    background: var(--obsidian);
    color: var(--gold);
}

/* ── SCROLLBAR ── */
.unione-article-ai-wrap ::-webkit-scrollbar {
    width: 3px;
}

.unione-article-ai-wrap ::-webkit-scrollbar-track {
    background: var(--ivory);
}

.unione-article-ai-wrap ::-webkit-scrollbar-thumb {
    background: var(--slate-mid);
    border-radius: 2px;
}

/* ── KEYFRAMES / ANIMATIONS ── */
@keyframes ua-pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(0.7); }
}

/* ── BUTTONS ── */
.unione-article-ai-wrap .btn-outline {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: 0.5px solid var(--border);
    background: transparent;
    color: var(--ink);
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s;
}

.unione-article-ai-wrap .btn-outline:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

.unione-article-ai-wrap .btn-gold {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s;
}

.unione-article-ai-wrap .btn-gold:hover {
    background: #B89858;
}

/* ── HEADER SECTION ── */
.unione-article-ai-wrap .article-header {
    background: var(--obsidian);
    padding: 60px 24px;
    position: relative;
    overflow: hidden;
}

@media (min-width: 768px) {
    .unione-article-ai-wrap .article-header {
        padding: 80px 52px 72px;
    }
}

.unione-article-ai-wrap .article-header::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 60% 70% at 80% 30%, rgba(196,169,106,0.06), transparent 55%);
}

.unione-article-ai-wrap .ah-inner {
    max-width: 860px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    padding: 0;
}

.unione-article-ai-wrap .ah-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 28px;
    flex-wrap: wrap;
}

.unione-article-ai-wrap .ah-bc-link {
    font-size: 12px;
    color: rgba(255,255,255,0.35);
    text-decoration: none;
}

.unione-article-ai-wrap .ah-bc-link:hover {
    color: rgba(255,255,255,0.6);
}

.unione-article-ai-wrap .ah-bc-sep {
    color: rgba(255,255,255,0.2);
}

.unione-article-ai-wrap .ah-bc-active {
    font-size: 12px;
    color: var(--gold);
    font-weight: 500;
}

.unione-article-ai-wrap .ah-category {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(196,169,106,0.1);
    border: 0.5px solid rgba(196,169,106,0.25);
    border-radius: 100px;
    padding: 5px 14px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 20px;
}

.unione-article-ai-wrap .ah-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(28px, 5vw, 48px);
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 20px;
}

.unione-article-ai-wrap .ah-sub {
    font-size: 16px;
    color: rgba(255,255,255,0.55);
    line-height: 1.6;
    margin-bottom: 32px;
    font-style: italic;
}

@media (min-width: 768px) {
    .unione-article-ai-wrap .ah-sub {
        font-size: 17px;
        line-height: 1.75;
        margin-bottom: 36px;
    }
}

.unione-article-ai-wrap .ah-meta {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    .unione-article-ai-wrap .ah-meta {
        gap: 20px;
    }
}

.unione-article-ai-wrap .ah-author {
    display: flex;
    align-items: center;
    gap: 10px;
}

.unione-article-ai-wrap .ah-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--slate-mid);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border: 0.5px solid rgba(255,255,255,0.15);
}

.unione-article-ai-wrap .ah-author-name {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
}

.unione-article-ai-wrap .ah-author-role {
    font-size: 11px;
    color: rgba(255,255,255,0.35);
}

.unione-article-ai-wrap .ah-meta-div {
    width: 0.5px;
    height: 24px;
    background: rgba(255,255,255,0.1);
}

.unione-article-ai-wrap .ah-meta-item {
    font-size: 12px;
    color: rgba(255,255,255,0.35);
}

.unione-article-ai-wrap .ah-read-time {
    font-size: 12px;
    color: var(--gold);
}

/* ── ARTICLE LAYOUT ── */
.unione-article-ai-wrap .article-layout {
    max-width: 1200px;
    margin: 0 auto;
    padding: 48px 24px;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

@media (min-width: 900px) {
    .unione-article-ai-wrap .article-layout {
        padding: 72px 52px;
        display: grid;
        grid-template-columns: 1fr 300px;
        gap: 72px;
        align-items: start;
    }
}

.unione-article-ai-wrap .article-image {
    width: 100%;
    aspect-ratio: 16/8;
    border-radius: var(--r-xl);
    overflow: hidden;
    margin-bottom: 32px;
}

@media (min-width: 768px) {
    .unione-article-ai-wrap .article-image {
        margin-bottom: 48px;
    }
}

.unione-article-ai-wrap .article-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ── ARTICLE TEXT ── */
.unione-article-ai-wrap .article-text h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: var(--ink);
    margin: 32px 0 16px;
    letter-spacing: -0.025em;
    line-height: 1.25;
}

@media (min-width: 768px) {
    .unione-article-ai-wrap .article-text h2 {
        font-size: 26px;
        margin: 40px 0 16px;
    }
}

.unione-article-ai-wrap .article-text h3 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--ink);
    margin: 28px 0 12px;
}

@media (min-width: 768px) {
    .unione-article-ai-wrap .article-text h3 {
        font-size: 20px;
        margin: 32px 0 12px;
    }
}

.unione-article-ai-wrap .article-text p {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.75;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .unione-article-ai-wrap .article-text p {
        font-size: 16px;
        line-height: 1.85;
    }
}

.unione-article-ai-wrap .article-text ul {
    margin: 16px 0 20px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.unione-article-ai-wrap .article-text li {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.7;
}

@media (min-width: 768px) {
    .unione-article-ai-wrap .article-text li {
        font-size: 16px;
        line-height: 1.75;
    }
}

.unione-article-ai-wrap .article-text strong {
    color: var(--ink);
    font-weight: 600;
}

.unione-article-ai-wrap .article-text a {
    color: var(--slate);
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* ── PULLQUOTE ── */
.unione-article-ai-wrap .pullquote {
    border-left: 3px solid var(--gold);
    padding: 18px 20px;
    margin: 32px 0;
    background: var(--gold-pale);
}

@media (min-width: 768px) {
    .unione-article-ai-wrap .pullquote {
        padding: 20px 28px;
        margin: 40px 0;
    }
}

.unione-article-ai-wrap .pullquote p {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: var(--ink);
    line-height: 1.45;
    font-style: normal;
    margin: 0;
}

@media (min-width: 768px) {
    .unione-article-ai-wrap .pullquote p {
        font-size: 21px;
        line-height: 1.5;
    }
}

/* ── HIGHLIGHT BOX ── */
.unione-article-ai-wrap .article-highlight {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 24px;
    margin: 28px 0;
}

@media (min-width: 768px) {
    .unione-article-ai-wrap .article-highlight {
        padding: 32px;
        margin: 36px 0;
    }
}

.unione-article-ai-wrap .ah-box-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 12px;
}

@media (min-width: 768px) {
    .unione-article-ai-wrap .ah-box-title {
        font-size: 16px;
    }
}

.unione-article-ai-wrap .ah-box-body {
    font-size: 13px;
    color: var(--ink-mid);
    line-height: 1.7;
}

@media (min-width: 768px) {
    .unione-article-ai-wrap .ah-box-body {
        font-size: 14px;
        line-height: 1.75;
    }
}

/* ── RULE BOX ── */
.unione-article-ai-wrap .rule-box {
    background: var(--obsidian);
    border-radius: var(--r-xl);
    padding: 24px;
    margin: 28px 0;
}

@media (min-width: 768px) {
    .unione-article-ai-wrap .rule-box {
        padding: 32px;
        margin: 36px 0;
    }
}

.unione-article-ai-wrap .rb-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.3);
    margin-bottom: 6px;
}

.unione-article-ai-wrap .rb-ref {
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--gold);
    margin-bottom: 14px;
}

@media (min-width: 768px) {
    .unione-article-ai-wrap .rb-ref {
        font-size: 15px;
        margin-bottom: 16px;
    }
}

.unione-article-ai-wrap .rb-text {
    font-size: 13px;
    color: rgba(255,255,255,0.55);
    line-height: 1.7;
    font-style: italic;
}

@media (min-width: 768px) {
    .unione-article-ai-wrap .rb-text {
        font-size: 14px;
        line-height: 1.75;
    }
}

/* ── TAGS ── */
.unione-article-ai-wrap .article-tags {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 40px 0 20px;
}

@media (min-width: 768px) {
    .unione-article-ai-wrap .article-tags {
        margin: 48px 0 24px;
    }
}

.unione-article-ai-wrap .article-tag {
    font-size: 11px;
    color: var(--ink-mid);
    background: var(--ivory);
    border: 0.5px solid var(--border);
    padding: 4px 10px;
    border-radius: 100px;
    text-decoration: none;
}

@media (min-width: 768px) {
    .unione-article-ai-wrap .article-tag {
        font-size: 12px;
        padding: 5px 12px;
    }
}

.unione-article-ai-wrap .article-tag:hover {
    border-color: var(--gold);
    background: var(--gold-pale);
}

/* ── SIDEBAR ── */
.unione-article-ai-wrap .article-sidebar {
    display: none;
}

@media (min-width: 900px) {
    .unione-article-ai-wrap .article-sidebar {
        display: block;
    }
}

.unione-article-ai-wrap .sidebar-sticky {
    position: sticky;
    top: 88px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.unione-article-ai-wrap .sidebar-card {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 20px;
}

@media (min-width: 768px) {
    .unione-article-ai-wrap .sidebar-card {
        padding: 24px;
    }
}

.unione-article-ai-wrap .sc-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 16px;
}

.unione-article-ai-wrap .sc-item {
    display: flex;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 0.5px solid var(--border);
}

.unione-article-ai-wrap .sc-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.unione-article-ai-wrap .sc-icon {
    width: 36px;
    height: 36px;
    border-radius: var(--r-md);
    background: var(--gold-pale);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.unione-article-ai-wrap .sc-item-title {
    font-size: 13px;
    font-weight: 500;
    color: var(--ink);
    margin-bottom: 2px;
}

.unione-article-ai-wrap .sc-item-sub {
    font-size: 11px;
    color: var(--ink-mute);
}

.unione-article-ai-wrap .share-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: var(--r-md);
    border: 0.5px solid var(--border);
    background: transparent;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: var(--ink-mid);
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
    margin-bottom: 8px;
}

.unione-article-ai-wrap .share-btn:hover {
    border-color: var(--slate);
    color: var(--slate);
    background: var(--ivory);
}

/* ── RELATED SECTION ── */
.unione-article-ai-wrap .related-section {
    padding: 48px 24px;
    border-top: 0.5px solid var(--border);
}

@media (min-width: 768px) {
    .unione-article-ai-wrap .related-section {
        padding: 72px 52px;
    }
}

.unione-article-ai-wrap .related-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.unione-article-ai-wrap .related-label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.unione-article-ai-wrap .related-label::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 1px;
    background: var(--gold);
}

.unione-article-ai-wrap .related-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 32px;
    letter-spacing: -0.03em;
}

@media (min-width: 768px) {
    .unione-article-ai-wrap .related-title {
        font-size: 32px;
        margin-bottom: 40px;
    }
}

.unione-article-ai-wrap .related-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

@media (min-width: 640px) {
    .unione-article-ai-wrap .related-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1000px) {
    .unione-article-ai-wrap .related-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }
}

.unione-article-ai-wrap .related-card {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    overflow: hidden;
    transition: all 0.2s;
    text-decoration: none;
    display: block;
}

.unione-article-ai-wrap .related-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 36px rgba(42,53,69,0.08);
}

.unione-article-ai-wrap .rc-img {
    height: 160px;
    overflow: hidden;
    background: var(--slate);
}

.unione-article-ai-wrap .rc-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.unione-article-ai-wrap .rc-body {
    padding: 20px;
}

@media (min-width: 768px) {
    .unione-article-ai-wrap .rc-body {
        padding: 24px;
    }
}

.unione-article-ai-wrap .rc-cat {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 8px;
}

.unione-article-ai-wrap .rc-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 8px;
    line-height: 1.35;
}

@media (min-width: 768px) {
    .unione-article-ai-wrap .rc-title {
        font-size: 16px;
    }
}

.unione-article-ai-wrap .rc-meta {
    font-size: 11px;
    color: var(--ink-mute);
}

@media (min-width: 768px) {
    .unione-article-ai-wrap .rc-meta {
        font-size: 12px;
    }
}
/* ============================================================
 * UNIONE™ ERR ARTICLE — FULLY RESPONSIVE
 * File: unione-err.css
 * Shortcode: [unione_article_err]
 * ============================================================= */

/* ── BASE CONTAINER ── */
.unione-err-page {
    --slate: #2A3545;
    --slate-deep: #1C2534;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-light: #E8D9B0;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
    scroll-behavior: smooth;
    font-family: 'Inter', sans-serif;
    background: var(--parchment);
    color: var(--ink);
    overflow-x: hidden;
}

.unione-err-page *,
.unione-err-page *::before,
.unione-err-page *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-err-page ::selection {
    background: var(--slate);
    color: var(--gold);
}

.unione-err-page ::-webkit-scrollbar {
    width: 4px;
}

.unione-err-page ::-webkit-scrollbar-track {
    background: var(--ivory);
}

.unione-err-page ::-webkit-scrollbar-thumb {
    background: var(--slate-mid);
    border-radius: 2px;
}

/* ── ANIMATIONS ── */
@keyframes ue-pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(0.7); }
}

@keyframes ue-fadeUp {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ── BUTTONS ── */
.unione-err-page .btn-outline {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: 0.5px solid var(--border);
    background: transparent;
    color: var(--ink);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all 0.2s;
    text-decoration: none;
    display: inline-block;
}

.unione-err-page .btn-outline:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

.unione-err-page .btn-gold {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all 0.2s;
    text-decoration: none;
    display: inline-block;
}

.unione-err-page .btn-gold:hover {
    background: #B89858;
}

/* ── ARTICLE HEADER ── */
.unione-err-page .article-header {
    background: var(--obsidian);
    padding: 60px 24px;
    position: relative;
    overflow: hidden;
}

@media (min-width: 768px) {
    .unione-err-page .article-header {
        padding: 80px 52px 72px;
    }
}

.unione-err-page .article-header::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 60% 70% at 80% 30%, rgba(196,169,106,0.06), transparent 55%);
}

.unione-err-page .ah-inner {
    max-width: 860px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.unione-err-page .ah-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 28px;
    flex-wrap: wrap;
}

.unione-err-page .ah-bc-link {
    font-size: 12px;
    color: rgba(255,255,255,0.35);
    text-decoration: none;
}

.unione-err-page .ah-bc-link:hover {
    color: rgba(255,255,255,0.6);
}

.unione-err-page .ah-bc-sep {
    color: rgba(255,255,255,0.2);
    font-size: 12px;
}

.unione-err-page .ah-bc-active {
    font-size: 12px;
    color: var(--gold);
}

.unione-err-page .ah-category {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(196,169,106,0.1);
    border: 0.5px solid rgba(196,169,106,0.25);
    border-radius: 100px;
    padding: 5px 14px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 20px;
}

.unione-err-page .ah-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(28px, 5vw, 48px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.03em;
    color: #fff;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .unione-err-page .ah-title {
        line-height: 1.08;
    }
}

.unione-err-page .ah-sub {
    font-size: 16px;
    color: rgba(255,255,255,0.55);
    line-height: 1.6;
    margin-bottom: 32px;
    font-weight: 300;
    font-style: italic;
}

@media (min-width: 768px) {
    .unione-err-page .ah-sub {
        font-size: 17px;
        line-height: 1.75;
        margin-bottom: 36px;
    }
}

.unione-err-page .ah-meta {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    .unione-err-page .ah-meta {
        gap: 24px;
    }
}

.unione-err-page .ah-author {
    display: flex;
    align-items: center;
    gap: 10px;
}

.unione-err-page .ah-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--slate-mid);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border: 0.5px solid rgba(255,255,255,0.15);
}

.unione-err-page .ah-author-name {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
}

.unione-err-page .ah-author-role {
    font-size: 11px;
    color: rgba(255,255,255,0.35);
}

.unione-err-page .ah-meta-divider {
    width: 0.5px;
    height: 28px;
    background: rgba(255,255,255,0.1);
}

.unione-err-page .ah-meta-item {
    font-size: 12px;
    color: rgba(255,255,255,0.35);
}

.unione-err-page .ah-read-time {
    font-size: 12px;
    color: var(--gold);
}

/* ── ARTICLE LAYOUT ── */
.unione-err-page .article-layout {
    max-width: 1200px;
    margin: 0 auto;
    padding: 48px 24px;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

@media (min-width: 900px) {
    .unione-err-page .article-layout {
        padding: 72px 52px;
        display: grid;
        grid-template-columns: 1fr 300px;
        gap: 72px;
        align-items: start;
    }
}

.unione-err-page .article-image {
    width: 100%;
    aspect-ratio: 16/8;
    background: var(--slate);
    border-radius: var(--r-xl);
    overflow: hidden;
    margin-bottom: 32px;
}

@media (min-width: 768px) {
    .unione-err-page .article-image {
        margin-bottom: 48px;
    }
}

.unione-err-page .article-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ── ARTICLE TYPOGRAPHY ── */
.unione-err-page .article-text h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: var(--ink);
    margin: 32px 0 16px;
    letter-spacing: -0.025em;
    line-height: 1.25;
}

@media (min-width: 768px) {
    .unione-err-page .article-text h2 {
        font-size: 26px;
        margin: 40px 0 16px;
    }
}

.unione-err-page .article-text h3 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--ink);
    margin: 28px 0 12px;
}

@media (min-width: 768px) {
    .unione-err-page .article-text h3 {
        font-size: 20px;
        margin: 32px 0 12px;
    }
}

.unione-err-page .article-text p {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.75;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .unione-err-page .article-text p {
        font-size: 16px;
        line-height: 1.85;
    }
}

.unione-err-page .article-text p:last-child {
    margin-bottom: 0;
}

.unione-err-page .article-text ul,
.unione-err-page .article-text ol {
    margin: 16px 0 20px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.unione-err-page .article-text li {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.7;
}

@media (min-width: 768px) {
    .unione-err-page .article-text li {
        font-size: 16px;
        line-height: 1.75;
    }
}

.unione-err-page .article-text strong {
    color: var(--ink);
    font-weight: 600;
}

.unione-err-page .article-text a {
    color: var(--slate);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.unione-err-page .article-text a:hover {
    color: var(--gold);
}

/* ── PULLQUOTE ── */
.unione-err-page .pullquote {
    border-left: 3px solid var(--gold);
    padding: 18px 20px;
    margin: 32px 0;
    background: var(--gold-pale);
}

@media (min-width: 768px) {
    .unione-err-page .pullquote {
        padding: 20px 28px;
        margin: 40px 0;
    }
}

.unione-err-page .pullquote p {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: var(--ink);
    line-height: 1.45;
    font-style: normal;
    margin: 0;
}

@media (min-width: 768px) {
    .unione-err-page .pullquote p {
        font-size: 20px;
        line-height: 1.5;
    }
}

/* ── HIGHLIGHT BOX ── */
.unione-err-page .article-highlight {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 24px;
    margin: 28px 0;
}

@media (min-width: 768px) {
    .unione-err-page .article-highlight {
        padding: 32px;
        margin: 36px 0;
    }
}

.unione-err-page .ah-box-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

@media (min-width: 768px) {
    .unione-err-page .ah-box-title {
        font-size: 16px;
    }
}

.unione-err-page .ah-box-body {
    font-size: 13px;
    color: var(--ink-mid);
    line-height: 1.7;
}

@media (min-width: 768px) {
    .unione-err-page .ah-box-body {
        font-size: 14px;
        line-height: 1.75;
    }
}

/* ── CERT INLINE ── */
.unione-err-page .cert-inline {
    background: var(--obsidian);
    border-radius: var(--r-xl);
    padding: 24px;
    margin: 28px 0;
}

@media (min-width: 768px) {
    .unione-err-page .cert-inline {
        padding: 32px;
        margin: 36px 0;
    }
}

.unione-err-page .ci-label {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: rgba(255,255,255,0.35);
    margin-bottom: 16px;
}

.unione-err-page .ci-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 16px;
}

@media (min-width: 768px) {
    .unione-err-page .ci-title {
        font-size: 18px;
    }
}

.unione-err-page .ci-ratings {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.unione-err-page .ci-rating {
    padding: 8px 14px;
    border-radius: var(--r-md);
    border: 0.5px solid rgba(255,255,255,0.1);
    font-size: 12px;
    font-weight: 600;
}

.unione-err-page .ci-rating.high {
    background: rgba(26,122,74,0.15);
    color: #4ADE80;
}

.unione-err-page .ci-rating.std {
    background: rgba(196,169,106,0.15);
    color: var(--gold);
}

.unione-err-page .ci-rating.jsc {
    background: rgba(255,255,255,0.05);
    color: rgba(255,255,255,0.5);
}

/* ── SIDEBAR ── */
.unione-err-page .article-sidebar {
    display: none;
}

@media (min-width: 900px) {
    .unione-err-page .article-sidebar {
        display: block;
    }
}

.unione-err-page .sidebar-sticky {
    position: sticky;
    top: 88px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.unione-err-page .sidebar-card {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 20px;
}

@media (min-width: 768px) {
    .unione-err-page .sidebar-card {
        padding: 24px;
    }
}

.unione-err-page .sc-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 16px;
}

.unione-err-page .sc-item {
    display: flex;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 0.5px solid var(--border);
}

.unione-err-page .sc-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.unione-err-page .sc-icon {
    width: 36px;
    height: 36px;
    border-radius: var(--r-md);
    background: var(--gold-pale);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.unione-err-page .sc-item-title {
    font-size: 13px;
    font-weight: 500;
    color: var(--ink);
    margin-bottom: 2px;
}

.unione-err-page .sc-item-sub {
    font-size: 11px;
    color: var(--ink-mute);
}

.unione-err-page .sidebar-share {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.unione-err-page .share-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: var(--r-md);
    border: 0.5px solid var(--border);
    background: transparent;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: var(--ink-mid);
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
    width: 100%;
}

.unione-err-page .share-btn:hover {
    border-color: var(--slate);
    color: var(--slate);
    background: var(--ivory);
}

.unione-err-page .share-icon {
    width: 24px;
    text-align: center;
}

/* ── TAGS ── */
.unione-err-page .article-tags {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 40px 0 20px;
}

@media (min-width: 768px) {
    .unione-err-page .article-tags {
        margin: 48px 0 24px;
    }
}

.unione-err-page .article-tag {
    font-size: 11px;
    color: var(--ink-mid);
    background: var(--ivory);
    border: 0.5px solid var(--border);
    padding: 4px 10px;
    border-radius: 100px;
    text-decoration: none;
}

@media (min-width: 768px) {
    .unione-err-page .article-tag {
        font-size: 12px;
        padding: 5px 12px;
    }
}

.unione-err-page .article-tag:hover {
    border-color: var(--gold);
    background: var(--gold-pale);
    color: var(--ink);
}

/* ── RELATED SECTION ── */
.unione-err-page .related-section {
    padding: 48px 24px;
    border-top: 0.5px solid var(--border);
}

@media (min-width: 768px) {
    .unione-err-page .related-section {
        padding: 72px 52px;
    }
}

.unione-err-page .related-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.unione-err-page .related-label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.unione-err-page .related-label::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 1px;
    background: var(--gold);
}

.unione-err-page .related-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 32px;
    letter-spacing: -0.03em;
}

@media (min-width: 768px) {
    .unione-err-page .related-title {
        font-size: 32px;
        margin-bottom: 40px;
    }
}

.unione-err-page .related-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

@media (min-width: 640px) {
    .unione-err-page .related-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1000px) {
    .unione-err-page .related-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }
}

.unione-err-page .related-card {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    overflow: hidden;
    transition: all 0.2s;
    cursor: pointer;
    text-decoration: none;
    display: block;
}

.unione-err-page .related-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 36px rgba(42,53,69,0.08);
}

.unione-err-page .rc-img {
    height: 160px;
    background: var(--slate);
    overflow: hidden;
}

.unione-err-page .rc-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.unione-err-page .rc-body {
    padding: 20px;
}

@media (min-width: 768px) {
    .unione-err-page .rc-body {
        padding: 24px;
    }
}

.unione-err-page .rc-cat {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 8px;
}

.unione-err-page .rc-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 8px;
    line-height: 1.35;
}

@media (min-width: 768px) {
    .unione-err-page .rc-title {
        font-size: 16px;
    }
}

.unione-err-page .rc-meta {
    font-size: 11px;
    color: var(--ink-mute);
}

@media (min-width: 768px) {
    .unione-err-page .rc-meta {
        font-size: 12px;
    }
}
/* ============================================================
 * UNIONE™ PREVENTION ARTICLE — FULLY RESPONSIVE
 * File: unione-article-prevention.css
 * Shortcode: [unione_article_prevention]
 * ============================================================= */

.unione-article-prevention {
    --slate: #2A3545;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
    --slate-mid: #3D4F63;
    scroll-behavior: smooth;
    font-family: 'Inter', sans-serif;
    background: var(--parchment);
    color: var(--ink);
    overflow-x: hidden;
}

.unione-article-prevention *,
.unione-article-prevention *::before,
.unione-article-prevention *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-article-prevention ::selection {
    background: var(--obsidian);
    color: var(--gold);
}

.unione-article-prevention ::-webkit-scrollbar {
    width: 3px;
}

.unione-article-prevention ::-webkit-scrollbar-track {
    background: var(--ivory);
}

.unione-article-prevention ::-webkit-scrollbar-thumb {
    background: var(--slate-mid);
    border-radius: 2px;
}

@keyframes uap-pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(0.7); }
}

/* BUTTONS */
.unione-article-prevention .btn-outline {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: 0.5px solid var(--border);
    background: transparent;
    color: var(--ink);
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s;
}

.unione-article-prevention .btn-outline:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

.unione-article-prevention .btn-gold {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s;
}

.unione-article-prevention .btn-gold:hover {
    background: #B89858;
}

/* ARTICLE HEADER - FULLY RESPONSIVE */
.unione-article-prevention .article-header {
    background: var(--obsidian);
    padding: 60px 24px;
    position: relative;
    overflow: hidden;
}

@media (min-width: 768px) {
    .unione-article-prevention .article-header {
        padding: 80px 52px 72px;
    }
}

.unione-article-prevention .article-header::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 80% at 10% 50%, rgba(196,169,106,0.05), transparent 55%);
}

.unione-article-prevention .ah-inner {
    max-width: 860px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.unione-article-prevention .ah-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 28px;
    flex-wrap: wrap;
}

.unione-article-prevention .ah-bc-link {
    font-size: 12px;
    color: rgba(255,255,255,0.35);
    text-decoration: none;
}

.unione-article-prevention .ah-bc-link:hover {
    color: rgba(255,255,255,0.6);
}

.unione-article-prevention .ah-bc-sep {
    color: rgba(255,255,255,0.2);
}

.unione-article-prevention .ah-bc-active {
    font-size: 12px;
    color: var(--gold);
    font-weight: 500;
}

.unione-article-prevention .ah-category {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(196,169,106,0.1);
    border: 0.5px solid rgba(196,169,106,0.25);
    border-radius: 100px;
    padding: 5px 14px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 20px;
}

.unione-article-prevention .ah-title {
    font-family: 'Inter Tight';
    font-size: clamp(28px, 5vw, 48px);
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .unione-article-prevention .ah-title {
        line-height: 1.12;
    }
}

.unione-article-prevention .ah-sub {
    font-size: 16px;
    color: rgba(255,255,255,0.55);
    line-height: 1.6;
    margin-bottom: 32px;
    font-style: italic;
}

@media (min-width: 768px) {
    .unione-article-prevention .ah-sub {
        font-size: 17px;
        line-height: 1.75;
        margin-bottom: 36px;
    }
}

.unione-article-prevention .ah-meta {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    .unione-article-prevention .ah-meta {
        gap: 20px;
    }
}

.unione-article-prevention .ah-author {
    display: flex;
    align-items: center;
    gap: 10px;
}

.unione-article-prevention .ah-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--slate-mid);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border: 0.5px solid rgba(255,255,255,0.15);
}

.unione-article-prevention .ah-author-name {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
}

.unione-article-prevention .ah-author-role {
    font-size: 11px;
    color: rgba(255,255,255,0.35);
}

.unione-article-prevention .ah-meta-div {
    width: 0.5px;
    height: 24px;
    background: rgba(255,255,255,0.1);
}

.unione-article-prevention .ah-meta-item {
    font-size: 12px;
    color: rgba(255,255,255,0.35);
}

.unione-article-prevention .ah-read-time {
    font-size: 12px;
    color: var(--gold);
}

/* ARTICLE LAYOUT - FULLY RESPONSIVE */
.unione-article-prevention .article-layout {
    max-width: 1200px;
    margin: 0 auto;
    padding: 48px 24px;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

@media (min-width: 900px) {
    .unione-article-prevention .article-layout {
        padding: 72px 52px;
        display: grid;
        grid-template-columns: 1fr 300px;
        gap: 72px;
        align-items: start;
    }
}

.unione-article-prevention .article-image {
    width: 100%;
    aspect-ratio: 16/8;
    border-radius: var(--r-xl);
    overflow: hidden;
    margin-bottom: 32px;
}

@media (min-width: 768px) {
    .unione-article-prevention .article-image {
        margin-bottom: 48px;
    }
}

.unione-article-prevention .article-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ARTICLE TYPOGRAPHY */
.unione-article-prevention .article-text h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: var(--ink);
    margin: 32px 0 16px;
    letter-spacing: -0.025em;
}

@media (min-width: 768px) {
    .unione-article-prevention .article-text h2 {
        font-size: 26px;
        margin: 40px 0 16px;
    }
}

.unione-article-prevention .article-text h3 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--ink);
    margin: 28px 0 12px;
}

@media (min-width: 768px) {
    .unione-article-prevention .article-text h3 {
        font-size: 20px;
        margin: 32px 0 12px;
    }
}

.unione-article-prevention .article-text p {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.75;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .unione-article-prevention .article-text p {
        font-size: 16px;
        line-height: 1.85;
    }
}

.unione-article-prevention .article-text ul {
    margin: 16px 0 20px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.unione-article-prevention .article-text li {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.7;
}

@media (min-width: 768px) {
    .unione-article-prevention .article-text li {
        font-size: 16px;
        line-height: 1.75;
    }
}

.unione-article-prevention .article-text strong {
    color: var(--ink);
    font-weight: 600;
}

/* PULLQUOTE */
.unione-article-prevention .pullquote {
    border-left: 3px solid var(--gold);
    padding: 18px 20px;
    margin: 32px 0;
    background: var(--gold-pale);
}

@media (min-width: 768px) {
    .unione-article-prevention .pullquote {
        padding: 20px 28px;
        margin: 40px 0;
    }
}

.unione-article-prevention .pullquote p {
    font-family: 'Inter Tight';
    font-size: 18px;
    font-weight: 400;
    color: var(--ink);
    line-height: 1.45;
    font-style: normal;
    margin: 0;
}

@media (min-width: 768px) {
    .unione-article-prevention .pullquote p {
        font-size: 21px;
        line-height: 1.5;
    }
}

/* PREVENTION STAGES - FULLY RESPONSIVE */
.unione-article-prevention .prevention-stages {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin: 28px 0;
}

@media (min-width: 640px) {
    .unione-article-prevention .prevention-stages {
        grid-template-columns: repeat(3, 1fr);
        margin: 36px 0;
    }
}

.unione-article-prevention .ps-card {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 20px;
    transition: all 0.2s;
}

@media (min-width: 768px) {
    .unione-article-prevention .ps-card {
        padding: 24px;
    }
}

.unione-article-prevention .ps-card:hover {
    border-color: rgba(196,169,106,0.4);
    transform: translateY(-2px);
}

.unione-article-prevention .ps-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: rgba(196,169,106,0.25);
    margin-bottom: 8px;
}

@media (min-width: 768px) {
    .unione-article-prevention .ps-num {
        font-size: 32px;
    }
}

.unione-article-prevention .ps-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 8px;
}

@media (min-width: 768px) {
    .unione-article-prevention .ps-title {
        font-size: 16px;
    }
}

.unione-article-prevention .ps-body {
    font-size: 12px;
    color: var(--ink-mid);
    line-height: 1.6;
}

@media (min-width: 768px) {
    .unione-article-prevention .ps-body {
        font-size: 13px;
        line-height: 1.65;
    }
}

/* AUTHOR BIO */
.unione-article-prevention .author-bio {
    background: var(--ivory);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 20px;
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
}

@media (min-width: 768px) {
    .unione-article-prevention .author-bio {
        padding: 28px;
        margin-top: 48px;
        flex-direction: row;
        gap: 20px;
        align-items: flex-start;
    }
}

.unione-article-prevention .bio-avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--slate);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}

.unione-article-prevention .bio-name {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 4px;
}

@media (min-width: 768px) {
    .unione-article-prevention .bio-name {
        font-size: 17px;
    }
}

.unione-article-prevention .bio-role {
    font-size: 12px;
    color: var(--gold);
    font-weight: 500;
    margin-bottom: 10px;
}

.unione-article-prevention .bio-body {
    font-size: 13px;
    color: var(--ink-mid);
    line-height: 1.7;
}

/* TAGS */
.unione-article-prevention .article-tags {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 40px 0 20px;
}

@media (min-width: 768px) {
    .unione-article-prevention .article-tags {
        margin: 48px 0 24px;
    }
}

.unione-article-prevention .article-tag {
    font-size: 11px;
    color: var(--ink-mid);
    background: var(--ivory);
    border: 0.5px solid var(--border);
    padding: 4px 10px;
    border-radius: 100px;
    text-decoration: none;
}

@media (min-width: 768px) {
    .unione-article-prevention .article-tag {
        font-size: 12px;
        padding: 5px 12px;
    }
}

.unione-article-prevention .article-tag:hover {
    border-color: var(--gold);
    background: var(--gold-pale);
}

/* SIDEBAR - HIDDEN ON MOBILE */
.unione-article-prevention .article-sidebar {
    display: none;
}

@media (min-width: 900px) {
    .unione-article-prevention .article-sidebar {
        display: block;
    }
}

.unione-article-prevention .sidebar-sticky {
    position: sticky;
    top: 88px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.unione-article-prevention .sidebar-card {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 20px;
}

@media (min-width: 768px) {
    .unione-article-prevention .sidebar-card {
        padding: 24px;
    }
}

.unione-article-prevention .sc-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 16px;
}

.unione-article-prevention .sc-item {
    display: flex;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 0.5px solid var(--border);
}

.unione-article-prevention .sc-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.unione-article-prevention .sc-icon {
    width: 36px;
    height: 36px;
    border-radius: var(--r-md);
    background: var(--gold-pale);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.unione-article-prevention .sc-item-title {
    font-size: 13px;
    font-weight: 500;
    color: var(--ink);
    margin-bottom: 2px;
}

.unione-article-prevention .sc-item-sub {
    font-size: 11px;
    color: var(--ink-mute);
}

/* Sidebar link styling */
.unione-article-prevention .sidebar-card a {
    text-decoration: none;
}

/* RELATED SECTION - FULLY RESPONSIVE */
.unione-article-prevention .related-section {
    padding: 48px 24px;
    border-top: 0.5px solid var(--border);
}

@media (min-width: 768px) {
    .unione-article-prevention .related-section {
        padding: 72px 52px;
    }
}

.unione-article-prevention .related-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.unione-article-prevention .related-label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.unione-article-prevention .related-label::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 1px;
    background: var(--gold);
}

.unione-article-prevention .related-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 32px;
    letter-spacing: -0.03em;
}

@media (min-width: 768px) {
    .unione-article-prevention .related-title {
        font-size: 32px;
        margin-bottom: 40px;
    }
}

.unione-article-prevention .related-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

@media (min-width: 640px) {
    .unione-article-prevention .related-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1000px) {
    .unione-article-prevention .related-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }
}

.unione-article-prevention .related-card {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    overflow: hidden;
    transition: all 0.2s;
    text-decoration: none;
    display: block;
}

.unione-article-prevention .related-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 36px rgba(42,53,69,0.08);
}

.unione-article-prevention .rc-img {
    height: 160px;
    overflow: hidden;
    background: var(--slate);
}

.unione-article-prevention .rc-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.unione-article-prevention .rc-body {
    padding: 20px;
}

@media (min-width: 768px) {
    .unione-article-prevention .rc-body {
        padding: 24px;
    }
}

.unione-article-prevention .rc-cat {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 8px;
}

.unione-article-prevention .rc-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 8px;
    line-height: 1.35;
}

@media (min-width: 768px) {
    .unione-article-prevention .rc-title {
        font-size: 16px;
    }
}

.unione-article-prevention .rc-meta {
    font-size: 11px;
    color: var(--ink-mute);
}

@media (min-width: 768px) {
    .unione-article-prevention .rc-meta {
        font-size: 12px;
    }
}
/* ============================================================
 * UNIONE™ RULES LAUNCH ARTICLE — FULLY RESPONSIVE
 * File: unione-article-rules-launch.css
 * Shortcode: [unione_article_rules_launch]
 * ============================================================ */

/* ── CSS VARIABLES / ROOT ── */
.unione-article-rules-wrap {
    --slate: #2A3545;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
    scroll-behavior: smooth;
    font-family: 'Inter', sans-serif;
    background: var(--parchment);
    color: var(--ink);
    overflow-x: hidden;
}

/* ── RESET ── */
.unione-article-rules-wrap *,
.unione-article-rules-wrap *::before,
.unione-article-rules-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-article-rules-wrap ::selection {
    background: var(--obsidian);
    color: var(--gold);
}

/* ── SCROLLBAR ── */
.unione-article-rules-wrap ::-webkit-scrollbar {
    width: 3px;
}

.unione-article-rules-wrap ::-webkit-scrollbar-track {
    background: var(--ivory);
}

.unione-article-rules-wrap ::-webkit-scrollbar-thumb {
    background: var(--slate-mid);
    border-radius: 2px;
}

/* ── KEYFRAMES / ANIMATIONS ── */
@keyframes ur-pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(0.7); }
}

/* ── BUTTONS ── */
.unione-article-rules-wrap .btn-sm {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s;
}

.unione-article-rules-wrap .btn-outline {
    border: 0.5px solid var(--border);
    background: transparent;
    color: var(--ink);
}

.unione-article-rules-wrap .btn-outline:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

.unione-article-rules-wrap .btn-gold {
    border: none;
    background: var(--gold);
    color: var(--obsidian);
}

.unione-article-rules-wrap .btn-gold:hover {
    background: #B89858;
}

/* ── ARTICLE HEADER SECTION ── */
.unione-article-rules-wrap .article-header {
    background: var(--obsidian);
    padding: 60px 24px;
    position: relative;
    overflow: hidden;
}

@media (min-width: 768px) {
    .unione-article-rules-wrap .article-header {
        padding: 80px 52px 72px;
    }
}

.unione-article-rules-wrap .article-header::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 60% 70% at 80% 30%, rgba(196,169,106,0.06), transparent 55%);
}

.unione-article-rules-wrap .ah-inner {
    max-width: 860px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.unione-article-rules-wrap .ah-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 28px;
    flex-wrap: wrap;
}

.unione-article-rules-wrap .ah-bc-link {
    font-size: 12px;
    color: rgba(255,255,255,0.35);
    text-decoration: none;
}

.unione-article-rules-wrap .ah-bc-link:hover {
    color: rgba(255,255,255,0.6);
}

.unione-article-rules-wrap .ah-bc-sep {
    color: rgba(255,255,255,0.2);
}

.unione-article-rules-wrap .ah-bc-active {
    font-size: 12px;
    color: var(--gold);
    font-weight: 500;
}

.unione-article-rules-wrap .ah-category {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(196,169,106,0.1);
    border: 0.5px solid rgba(196,169,106,0.25);
    border-radius: 100px;
    padding: 5px 14px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 20px;
}

.unione-article-rules-wrap .ah-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(28px, 5vw, 50px);
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .unione-article-rules-wrap .ah-title {
        line-height: 1.1;
    }
}

.unione-article-rules-wrap .ah-sub {
    font-size: 16px;
    color: rgba(255,255,255,0.55);
    line-height: 1.6;
    margin-bottom: 32px;
    font-style: italic;
}

@media (min-width: 768px) {
    .unione-article-rules-wrap .ah-sub {
        font-size: 17px;
        line-height: 1.75;
        margin-bottom: 36px;
    }
}

.unione-article-rules-wrap .ah-meta {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    .unione-article-rules-wrap .ah-meta {
        gap: 20px;
    }
}

.unione-article-rules-wrap .ah-author {
    display: flex;
    align-items: center;
    gap: 10px;
}

.unione-article-rules-wrap .ah-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--slate-mid);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border: 0.5px solid rgba(255,255,255,0.15);
}

.unione-article-rules-wrap .ah-author-name {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
}

.unione-article-rules-wrap .ah-author-role {
    font-size: 11px;
    color: rgba(255,255,255,0.35);
}

.unione-article-rules-wrap .ah-meta-div {
    width: 0.5px;
    height: 24px;
    background: rgba(255,255,255,0.1);
}

.unione-article-rules-wrap .ah-meta-item {
    font-size: 12px;
    color: rgba(255,255,255,0.35);
}

.unione-article-rules-wrap .ah-read-time {
    font-size: 12px;
    color: var(--gold);
}

/* ── ARTICLE LAYOUT ── */
.unione-article-rules-wrap .article-layout {
    max-width: 1200px;
    margin: 0 auto;
    padding: 48px 24px;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

@media (min-width: 900px) {
    .unione-article-rules-wrap .article-layout {
        padding: 72px 52px;
        display: grid;
        grid-template-columns: 1fr 300px;
        gap: 72px;
        align-items: start;
    }
}

.unione-article-rules-wrap .article-image {
    width: 100%;
    aspect-ratio: 16/8;
    border-radius: var(--r-xl);
    overflow: hidden;
    margin-bottom: 32px;
}

@media (min-width: 768px) {
    .unione-article-rules-wrap .article-image {
        margin-bottom: 48px;
    }
}

.unione-article-rules-wrap .article-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ── ARTICLE TYPOGRAPHY ── */
.unione-article-rules-wrap .article-text h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: var(--ink);
    margin: 32px 0 16px;
    letter-spacing: -0.025em;
}

@media (min-width: 768px) {
    .unione-article-rules-wrap .article-text h2 {
        font-size: 26px;
        margin: 40px 0 16px;
    }
}

.unione-article-rules-wrap .article-text h3 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--ink);
    margin: 28px 0 12px;
}

@media (min-width: 768px) {
    .unione-article-rules-wrap .article-text h3 {
        font-size: 20px;
        margin: 32px 0 12px;
    }
}

.unione-article-rules-wrap .article-text p {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.75;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .unione-article-rules-wrap .article-text p {
        font-size: 16px;
        line-height: 1.85;
    }
}

.unione-article-rules-wrap .article-text ul {
    margin: 16px 0 20px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.unione-article-rules-wrap .article-text li {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.7;
}

@media (min-width: 768px) {
    .unione-article-rules-wrap .article-text li {
        font-size: 16px;
        line-height: 1.75;
    }
}

.unione-article-rules-wrap .article-text strong {
    color: var(--ink);
    font-weight: 600;
}

/* ── PULLQUOTE ── */
.unione-article-rules-wrap .pullquote {
    border-left: 3px solid var(--gold);
    padding: 18px 20px;
    margin: 32px 0;
    background: var(--gold-pale);
}

@media (min-width: 768px) {
    .unione-article-rules-wrap .pullquote {
        padding: 20px 28px;
        margin: 40px 0;
    }
}

.unione-article-rules-wrap .pullquote p {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    color: var(--ink);
    line-height: 1.45;
    font-style: italic;
    margin: 0;
}

@media (min-width: 768px) {
    .unione-article-rules-wrap .pullquote p {
        font-size: 21px;
        line-height: 1.5;
    }
}

/* ── KEY BOX (DARK THEME) ── */
.unione-article-rules-wrap .key-box {
    background: var(--obsidian);
    border-radius: var(--r-xl);
    padding: 24px;
    margin: 28px 0;
}

@media (min-width: 768px) {
    .unione-article-rules-wrap .key-box {
        padding: 32px;
        margin: 36px 0;
    }
}

.unione-article-rules-wrap .kb-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.3);
    margin-bottom: 6px;
}

.unione-article-rules-wrap .kb-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--gold);
    margin-bottom: 16px;
}

@media (min-width: 768px) {
    .unione-article-rules-wrap .kb-title {
        font-size: 18px;
    }
}

.unione-article-rules-wrap .kb-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

@media (min-width: 550px) {
    .unione-article-rules-wrap .kb-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 768px) {
    .unione-article-rules-wrap .kb-grid {
        gap: 12px;
    }
}

.unione-article-rules-wrap .kb-item {
    background: rgba(255,255,255,0.04);
    border: 0.5px solid rgba(255,255,255,0.07);
    border-radius: var(--r-lg);
    padding: 14px;
}

@media (min-width: 768px) {
    .unione-article-rules-wrap .kb-item {
        padding: 16px;
    }
}

.unione-article-rules-wrap .kbi-label {
    font-size: 11px;
    color: rgba(255,255,255,0.3);
    margin-bottom: 4px;
}

.unione-article-rules-wrap .kbi-val {
    font-size: 13px;
    color: rgba(255,255,255,0.7);
    font-weight: 500;
}

@media (min-width: 768px) {
    .unione-article-rules-wrap .kbi-val {
        font-size: 14px;
    }
}

/* ── TAGS ── */
.unione-article-rules-wrap .article-tags {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 40px 0 20px;
}

@media (min-width: 768px) {
    .unione-article-rules-wrap .article-tags {
        margin: 48px 0 24px;
    }
}

.unione-article-rules-wrap .article-tag {
    font-size: 11px;
    color: var(--ink-mid);
    background: var(--ivory);
    border: 0.5px solid var(--border);
    padding: 4px 10px;
    border-radius: 100px;
    text-decoration: none;
}

@media (min-width: 768px) {
    .unione-article-rules-wrap .article-tag {
        font-size: 12px;
        padding: 5px 12px;
    }
}

.unione-article-rules-wrap .article-tag:hover {
    border-color: var(--gold);
    background: var(--gold-pale);
}

/* ── SIDEBAR ── */
.unione-article-rules-wrap .article-sidebar {
    display: none;
}

@media (min-width: 900px) {
    .unione-article-rules-wrap .article-sidebar {
        display: block;
    }
}

.unione-article-rules-wrap .sidebar-sticky {
    position: sticky;
    top: 88px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.unione-article-rules-wrap .sidebar-card {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 20px;
}

@media (min-width: 768px) {
    .unione-article-rules-wrap .sidebar-card {
        padding: 24px;
    }
}

.unione-article-rules-wrap .sc-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 16px;
}

.unione-article-rules-wrap .sc-item {
    display: flex;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 0.5px solid var(--border);
}

.unione-article-rules-wrap .sc-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.unione-article-rules-wrap .sc-icon {
    width: 36px;
    height: 36px;
    border-radius: var(--r-md);
    background: var(--gold-pale);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.unione-article-rules-wrap .sc-item-title {
    font-size: 13px;
    font-weight: 500;
    color: var(--ink);
    margin-bottom: 2px;
}

.unione-article-rules-wrap .sc-item-sub {
    font-size: 11px;
    color: var(--ink-mute);
}

/* ── RELATED SECTION ── */
.unione-article-rules-wrap .related-section {
    padding: 48px 24px;
    border-top: 0.5px solid var(--border);
}

@media (min-width: 768px) {
    .unione-article-rules-wrap .related-section {
        padding: 72px 52px;
    }
}

.unione-article-rules-wrap .related-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.unione-article-rules-wrap .related-label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.unione-article-rules-wrap .related-label::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 1px;
    background: var(--gold);
}

.unione-article-rules-wrap .related-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 32px;
    letter-spacing: -0.03em;
}

@media (min-width: 768px) {
    .unione-article-rules-wrap .related-title {
        font-size: 32px;
        margin-bottom: 40px;
    }
}

.unione-article-rules-wrap .related-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

@media (min-width: 640px) {
    .unione-article-rules-wrap .related-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1000px) {
    .unione-article-rules-wrap .related-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }
}

.unione-article-rules-wrap .related-card {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    overflow: hidden;
    transition: all 0.2s;
    text-decoration: none;
    display: block;
}

.unione-article-rules-wrap .related-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 36px rgba(42,53,69,0.08);
}

.unione-article-rules-wrap .rc-img {
    height: 160px;
    overflow: hidden;
    background: var(--slate);
}

.unione-article-rules-wrap .rc-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.unione-article-rules-wrap .rc-body {
    padding: 20px;
}

@media (min-width: 768px) {
    .unione-article-rules-wrap .rc-body {
        padding: 24px;
    }
}

.unione-article-rules-wrap .rc-cat {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 8px;
}

.unione-article-rules-wrap .rc-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 8px;
    line-height: 1.35;
}

@media (min-width: 768px) {
    .unione-article-rules-wrap .rc-title {
        font-size: 16px;
    }
}

.unione-article-rules-wrap .rc-meta {
    font-size: 11px;
    color: var(--ink-mute);
}

@media (min-width: 768px) {
    .unione-article-rules-wrap .rc-meta {
        font-size: 12px;
    }
}
/* ============================================================
 * UNIONE™ SEAT SELECTION ARTICLE — FULLY RESPONSIVE
 * File: unione-seat.css
 * Shortcode: [unione_article_seat_selection]
 * ============================================================= */

.unione-seat-page {
    --slate: #2A3545;
    --slate-deep: #1C2534;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
    scroll-behavior: smooth;
    font-family: 'Inter', sans-serif;
    background: var(--parchment);
    color: var(--ink);
    overflow-x: hidden;
}

.unione-seat-page *,
.unione-seat-page *::before,
.unione-seat-page *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-seat-page ::selection {
    background: var(--obsidian);
    color: var(--gold);
}

.unione-seat-page ::-webkit-scrollbar {
    width: 3px;
}

.unione-seat-page ::-webkit-scrollbar-track {
    background: var(--ivory);
}

.unione-seat-page ::-webkit-scrollbar-thumb {
    background: var(--slate-mid);
    border-radius: 2px;
}

@keyframes us-pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(0.7); }
}

/* ── BUTTONS ── */
.unione-seat-page .btn-outline {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: 0.5px solid var(--border);
    background: transparent;
    color: var(--ink);
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s;
}

.unione-seat-page .btn-outline:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

.unione-seat-page .btn-gold {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s;
}

.unione-seat-page .btn-gold:hover {
    background: #B89858;
}

/* ── ARTICLE HEADER ── */
.unione-seat-page .article-header {
    background: var(--obsidian);
    padding: 60px 24px;
    position: relative;
    overflow: hidden;
}

@media (min-width: 768px) {
    .unione-seat-page .article-header {
        padding: 80px 52px 72px;
    }
}

.unione-seat-page .article-header::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 60% 70% at 85% 20%, rgba(196,169,106,0.06), transparent 55%);
}

.unione-seat-page .ah-inner {
    max-width: 860px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.unione-seat-page .ah-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 28px;
    flex-wrap: wrap;
}

.unione-seat-page .ah-bc-link {
    font-size: 12px;
    color: rgba(255,255,255,0.35);
    text-decoration: none;
}

.unione-seat-page .ah-bc-link:hover {
    color: rgba(255,255,255,0.6);
}

.unione-seat-page .ah-bc-sep {
    color: rgba(255,255,255,0.2);
}

.unione-seat-page .ah-bc-active {
    font-size: 12px;
    color: var(--gold);
    font-weight: 500;
}

.unione-seat-page .ah-category {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(196,169,106,0.1);
    border: 0.5px solid rgba(196,169,106,0.25);
    border-radius: 100px;
    padding: 5px 14px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 20px;
}

.unione-seat-page .ah-title {
    font-family: 'Inter Tight';
    font-size: clamp(28px, 5vw, 48px);
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .unione-seat-page .ah-title {
        line-height: 1.12;
    }
}

.unione-seat-page .ah-sub {
    font-size: 16px;
    color: rgba(255,255,255,0.55);
    line-height: 1.6;
    margin-bottom: 32px;
    font-style: italic;
}

@media (min-width: 768px) {
    .unione-seat-page .ah-sub {
        font-size: 17px;
        line-height: 1.75;
        margin-bottom: 36px;
    }
}

.unione-seat-page .ah-meta {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    .unione-seat-page .ah-meta {
        gap: 20px;
    }
}

.unione-seat-page .ah-author {
    display: flex;
    align-items: center;
    gap: 10px;
}

.unione-seat-page .ah-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--slate-mid);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border: 0.5px solid rgba(255,255,255,0.15);
}

.unione-seat-page .ah-author-name {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
}

.unione-seat-page .ah-author-role {
    font-size: 11px;
    color: rgba(255,255,255,0.35);
}

.unione-seat-page .ah-meta-div {
    width: 0.5px;
    height: 24px;
    background: rgba(255,255,255,0.1);
}

.unione-seat-page .ah-meta-item {
    font-size: 12px;
    color: rgba(255,255,255,0.35);
}

.unione-seat-page .ah-read-time {
    font-size: 12px;
    color: var(--gold);
}

/* ── ARTICLE LAYOUT ── */
.unione-seat-page .article-layout {
    max-width: 1200px;
    margin: 0 auto;
    padding: 48px 24px;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

@media (min-width: 900px) {
    .unione-seat-page .article-layout {
        padding: 72px 52px;
        display: grid;
        grid-template-columns: 1fr 300px;
        gap: 72px;
        align-items: start;
    }
}

.unione-seat-page .article-image {
    width: 100%;
    aspect-ratio: 16/8;
    border-radius: var(--r-xl);
    overflow: hidden;
    margin-bottom: 32px;
}

@media (min-width: 768px) {
    .unione-seat-page .article-image {
        margin-bottom: 48px;
    }
}

.unione-seat-page .article-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ── ARTICLE TYPOGRAPHY ── */
.unione-seat-page .article-text h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: var(--ink);
    margin: 32px 0 16px;
    letter-spacing: -0.025em;
}

@media (min-width: 768px) {
    .unione-seat-page .article-text h2 {
        font-size: 26px;
        margin: 40px 0 16px;
    }
}

.unione-seat-page .article-text h3 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--ink);
    margin: 28px 0 12px;
}

@media (min-width: 768px) {
    .unione-seat-page .article-text h3 {
        font-size: 20px;
        margin: 32px 0 12px;
    }
}

.unione-seat-page .article-text p {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.75;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .unione-seat-page .article-text p {
        font-size: 16px;
        line-height: 1.85;
    }
}

.unione-seat-page .article-text ul {
    margin: 16px 0 20px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.unione-seat-page .article-text li {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.7;
}

@media (min-width: 768px) {
    .unione-seat-page .article-text li {
        font-size: 16px;
        line-height: 1.75;
    }
}

.unione-seat-page .article-text strong {
    color: var(--ink);
    font-weight: 600;
}

/* ── PULLQUOTE ── */
.unione-seat-page .pullquote {
    border-left: 3px solid var(--gold);
    padding: 18px 20px;
    margin: 32px 0;
    background: var(--gold-pale);
}

@media (min-width: 768px) {
    .unione-seat-page .pullquote {
        padding: 20px 28px;
        margin: 40px 0;
    }
}

.unione-seat-page .pullquote p {
    font-family: 'Inter Tight';
    font-size: 18px;
    font-weight: 400;
    color: var(--ink);
    line-height: 1.45;
    font-style: normal;
    margin: 0;
}

@media (min-width: 768px) {
    .unione-seat-page .pullquote p {
        font-size: 21px;
        line-height: 1.5;
    }
}

/* ── SEAT TABLE ── */
.unione-seat-page .seat-table {
    width: 100%;
    border-collapse: collapse;
    margin: 28px 0;
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    overflow-x: auto;
    display: block;
}

@media (min-width: 768px) {
    .unione-seat-page .seat-table {
        margin: 32px 0;
        display: table;
    }
}

.unione-seat-page .seat-table th {
    background: var(--obsidian);
    color: var(--parchment);
    font-size: 11px;
    font-weight: 600;
    padding: 12px 14px;
    text-align: left;
    letter-spacing: 0.05em;
}

@media (min-width: 768px) {
    .unione-seat-page .seat-table th {
        font-size: 12px;
        padding: 14px 18px;
    }
}

.unione-seat-page .seat-table td {
    padding: 12px 14px;
    font-size: 13px;
    color: var(--ink-mid);
    border-bottom: 0.5px solid var(--border);
    vertical-align: top;
}

@media (min-width: 768px) {
    .unione-seat-page .seat-table td {
        padding: 14px 18px;
        font-size: 14px;
    }
}

.unione-seat-page .seat-table tr:last-child td {
    border-bottom: none;
}

.unione-seat-page .seat-table tr:hover td {
    background: var(--gold-pale);
}

.unione-seat-page .seat-table .gold {
    color: var(--gold);
    font-weight: 600;
}

/* ── TAGS ── */
.unione-seat-page .article-tags {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 40px 0 20px;
}

@media (min-width: 768px) {
    .unione-seat-page .article-tags {
        margin: 48px 0 24px;
    }
}

.unione-seat-page .article-tag {
    font-size: 11px;
    color: var(--ink-mid);
    background: var(--ivory);
    border: 0.5px solid var(--border);
    padding: 4px 10px;
    border-radius: 100px;
    text-decoration: none;
}

@media (min-width: 768px) {
    .unione-seat-page .article-tag {
        font-size: 12px;
        padding: 5px 12px;
    }
}

.unione-seat-page .article-tag:hover {
    border-color: var(--gold);
    background: var(--gold-pale);
}

/* ── SIDEBAR ── */
.unione-seat-page .article-sidebar {
    display: none;
}

@media (min-width: 900px) {
    .unione-seat-page .article-sidebar {
        display: block;
    }
}

.unione-seat-page .sidebar-sticky {
    position: sticky;
    top: 88px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.unione-seat-page .sidebar-card {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 20px;
}

@media (min-width: 768px) {
    .unione-seat-page .sidebar-card {
        padding: 24px;
    }
}

.unione-seat-page .sc-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 16px;
}

.unione-seat-page .sc-item {
    display: flex;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 0.5px solid var(--border);
}

.unione-seat-page .sc-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.unione-seat-page .sc-icon {
    width: 36px;
    height: 36px;
    border-radius: var(--r-md);
    background: var(--gold-pale);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.unione-seat-page .sc-item-title {
    font-size: 13px;
    font-weight: 500;
    color: var(--ink);
    margin-bottom: 2px;
}

.unione-seat-page .sc-item-sub {
    font-size: 11px;
    color: var(--ink-mute);
}

/* ── RELATED SECTION ── */
.unione-seat-page .related-section {
    padding: 48px 24px;
    border-top: 0.5px solid var(--border);
}

@media (min-width: 768px) {
    .unione-seat-page .related-section {
        padding: 72px 52px;
    }
}

.unione-seat-page .related-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.unione-seat-page .related-label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.unione-seat-page .related-label::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 1px;
    background: var(--gold);
}

.unione-seat-page .related-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 32px;
    letter-spacing: -0.03em;
}

@media (min-width: 768px) {
    .unione-seat-page .related-title {
        font-size: 32px;
        margin-bottom: 40px;
    }
}

.unione-seat-page .related-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

@media (min-width: 640px) {
    .unione-seat-page .related-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1000px) {
    .unione-seat-page .related-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }
}

.unione-seat-page .related-card {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    overflow: hidden;
    transition: all 0.2s;
    text-decoration: none;
    display: block;
}

.unione-seat-page .related-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 36px rgba(42,53,69,0.08);
}

.unione-seat-page .rc-img {
    height: 160px;
    overflow: hidden;
    background: var(--slate);
}

.unione-seat-page .rc-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.unione-seat-page .rc-body {
    padding: 20px;
}

@media (min-width: 768px) {
    .unione-seat-page .rc-body {
        padding: 24px;
    }
}

.unione-seat-page .rc-cat {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 8px;
}

.unione-seat-page .rc-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 8px;
    line-height: 1.35;
}

@media (min-width: 768px) {
    .unione-seat-page .rc-title {
        font-size: 16px;
    }
}

.unione-seat-page .rc-meta {
    font-size: 11px;
    color: var(--ink-mute);
}

@media (min-width: 768px) {
    .unione-seat-page .rc-meta {
        font-size: 12px;
    }
}

/* ============================================================
UNIONE™ CAREERS - FULLY RESPONSIVE - ALL DEVICES
============================================================ */
.unione-careers-page {
    --slate: #2A3545;
    --slate-deep: #1C2534;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-light: #E8D9B0;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --green: #1A7A4A;
    --green-bg: #E6F4EE;
    --red: #dc3545;
    --red-bg: #f8d7da;
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    background: var(--parchment);
    color: var(--ink);
    overflow-x: hidden;
    scroll-behavior: smooth;
}

.unione-careers-notice {
    max-width: 1200px;
    margin: 20px auto;
    padding: 15px 25px;
    border-radius: var(--r-md);
    font-weight: 500;
    animation: fadeUp 0.3s ease;
}

.unione-careers-notice.success {
    background: var(--green-bg);
    color: var(--green);
    border: 1px solid rgba(26,122,74,0.2);
}

.unione-careers-notice.error {
    background: var(--red-bg);
    color: var(--red);
    border: 1px solid rgba(220,53,69,0.2);
}

/* CV Upload Specific Styles */
.unione-careers-page .cv-upload-wrapper {
    position: relative;
    margin-top: 5px;
}
@media (min-width:1024px){

    .unione-careers-page .hero{
        min-height:780px !important;
        display:flex !important;
        align-items:center !important;
    }

    .unione-careers-page .hero-inner{
        width:100% !important;
        max-width:1200px !important;
        margin:0 auto !important;

        display:grid !important;
        grid-template-columns:1fr 420px !important;
        gap:90px !important;

        align-items:center !important;
    }

    .unione-careers-page .hero-content{
        max-width:700px !important;
    }

    .unione-careers-page .stats-card{
        width:100% !important;
        max-width:420px !important;

        justify-self:end !important;
        align-self:center !important;

        padding:32px !important;

        background:rgba(255,255,255,.03) !important;
        backdrop-filter:blur(12px) !important;
        -webkit-backdrop-filter:blur(12px) !important;

        border:1px solid rgba(196,169,106,.18) !important;
        border-radius:28px !important;
    }

    .unione-careers-page .sc-stats{
        gap:16px !important;
    }

    .unione-careers-page .sc-stat{
        padding:18px !important;
    }
}
.unione-careers-page .cv-upload-input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 2;
}

.unione-careers-page .cv-upload-zone {
    background: var(--ivory);
    border: 1.5px dashed var(--border);
    border-radius: var(--r-md);
    padding: 18px;
    text-align: center;
    transition: all 0.2s;
    font-size: 13px;
    color: var(--ink-mute);
    cursor: pointer;
    position: relative;
}

.unione-careers-page .cv-upload-zone:hover {
    border-color: var(--slate);
    background: var(--white);
}

.unione-careers-page .cv-upload-zone.has-file {
    border-color: var(--green);
    background: var(--green-bg);
    color: var(--green);
}

.unione-careers-page .cv-file-name {
    margin-top: 8px;
    font-size: 12px;
    font-weight: 500;
}

.unione-careers-page .cv-file-size {
    font-size: 11px;
    opacity: 0.7;
}

.unione-careers-page .cv-upload-icon {
    font-size: 24px;
    margin-bottom: 8px;
}

.unione-careers-page .cv-remove-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    background: var(--red);
    color: white;
    border: none;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 14px;
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

.unione-careers-page .cv-upload-zone.has-file .cv-remove-btn {
    display: flex;
}

.unione-careers-page .cv-remove-btn:hover {
    background: #bb2d3b;
}

.unione-careers-page *,
.unione-careers-page *::before,
.unione-careers-page *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.unione-careers-page ::selection {
    background: var(--slate);
    color: var(--gold);
}
.unione-careers-page ::-webkit-scrollbar {
    width: 4px;
}
.unione-careers-page ::-webkit-scrollbar-track {
    background: var(--ivory);
}
.unione-careers-page ::-webkit-scrollbar-thumb {
    background: var(--slate-mid);
    border-radius: 2px;
}

/* Keyframes */
@keyframes shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}
@keyframes fadeUp {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes spin-slow {
    to { transform: rotate(360deg); }
}
@keyframes checkPop {
    0% { transform: scale(0); }
    60% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

/* Section Base */
.unione-careers-page .section {
    padding: 80px 24px;
    position: relative;
    overflow: hidden;
}
@media (min-width: 768px) {
    .unione-careers-page .section {
        padding: 100px 40px;
    }
}
@media (min-width: 1024px) {
    .unione-careers-page .section {
        padding: 108px 52px;
    }
}
.unione-careers-page .section-inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.unione-careers-page .section.bg-white {
    background: var(--white);
}
.unione-careers-page .section.bg-ivory {
    background: var(--ivory);
}
.unione-careers-page .section-tag {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
}
@media (min-width: 768px) {
    .unione-careers-page .section-tag {
        font-size: 11px;
        letter-spacing: 0.16em;
    }
}
.unione-careers-page .section-tag::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--gold);
}
@media (min-width: 768px) {
    .unione-careers-page .section-tag::before {
        width: 24px;
    }
}
.unione-careers-page .section-title {
    font-family: 'Inter Tight', -apple-system, sans-serif;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.1;
    color: var(--ink);
    margin-bottom: 16px;
}
@media (min-width: 768px) {
    .unione-careers-page .section-title {
        font-size: 42px;
    }
}
@media (min-width: 1024px) {
    .unione-careers-page .section-title {
        font-size: clamp(36px, 4.5vw, 58px);
    }
}
.unione-careers-page .section-sub {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.7;
    max-width: 600px;
    margin-bottom: 32px;
    font-weight: 400;
}
@media (min-width: 768px) {
    .unione-careers-page .section-sub {
        font-size: 16px;
        margin-bottom: 48px;
    }
}
@media (min-width: 1024px) {
    .unione-careers-page .section-sub {
        font-size: 17px;
        margin-bottom: 56px;
    }
}

/* Divider */
.unione-careers-page .divider {
    height: 0.5px;
    background: var(--border);
    margin: 0 24px;
}
@media (min-width: 768px) {
    .unione-careers-page .divider {
        margin: 0 40px;
    }
}
@media (min-width: 1024px) {
    .unione-careers-page .divider {
        margin: 0 52px;
    }
}

/* Hero Section */
.unione-careers-page .hero {
    background: var(--obsidian);
    padding: 60px 20px;
    position: relative;
    overflow: hidden;
}
@media (min-width: 768px) {
    .unione-careers-page .hero {
        padding: 80px 40px;
    }
}
@media (min-width: 1024px) {
    .unione-careers-page .hero {
        padding: 108px 52px;
    }
}
.unione-careers-page .hero::before {
    content: 'JOIN US';
    position: absolute;
    font-family: 'Inter Tight', sans-serif;
    font-size: 80px;
    font-weight: 700;
    color: rgba(255,255,255,0.02);
    right: -10px;
    bottom: -10px;
    letter-spacing: 0.08em;
    pointer-events: none;
    line-height: 1;
}
@media (min-width: 768px) {
    .unione-careers-page .hero::before {
        font-size: 140px;
    }
}
@media (min-width: 1024px) {
    .unione-careers-page .hero::before {
        font-size: 180px;
    }
}
.unione-careers-page .hero-accents {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 0;
    user-select: none;
}
.unione-careers-page .glow-blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
}
.unione-careers-page .glow-gold {
    background: radial-gradient(ellipse, rgba(196,169,106,0.18) 0%, transparent 70%);
    width: 500px;
    height: 400px;
    top: -100px;
    right: -50px;
}
@media (min-width: 768px) {
    .unione-careers-page .glow-gold {
        width: 700px;
        height: 500px;
        top: -150px;
        right: -100px;
    }
}
.unione-careers-page .grid-overlay {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(196,169,106,0.03) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(196,169,106,0.03) 1px, transparent 1px);
    background-size: 40px 40px;
    pointer-events: none;
}
@media (min-width: 768px) {
    .unione-careers-page .grid-overlay {
        background-size: 60px 60px;
    }
}
.unione-careers-page .hero-ring {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}
.unione-careers-page .ring-1 {
    width: 300px;
    height: 300px;
    border: 1px solid rgba(196,169,106,0.08);
    right: -50px;
    top: -40px;
    animation: spin-slow 40s linear infinite;
}
@media (min-width: 768px) {
    .unione-careers-page .ring-1 {
        width: 500px;
        height: 500px;
        right: -120px;
        top: -80px;
    }
}
.unione-careers-page .ring-2 {
    width: 200px;
    height: 200px;
    border: 1px solid rgba(196,169,106,0.05);
    right: -20px;
    top: -10px;
    animation: spin-slow 30s linear infinite reverse;
}
@media (min-width: 768px) {
    .unione-careers-page .ring-2 {
        width: 340px;
        height: 340px;
        right: -40px;
        top: -20px;
    }
}
.unione-careers-page .hero-bg-image {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
}
.unione-careers-page .hero-bg-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.unione-careers-page .hero-bg-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(20,24,32,0.9) 0%, rgba(42,53,69,0.85) 100%);
}
.unione-careers-page .hero-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
    z-index: 2;
}
@media (min-width: 768px) {
    .unione-careers-page .hero-inner {
        display: grid;
        grid-template-columns: 1fr 340px;
        gap: 50px;
        align-items: center;
    }
}
@media (min-width: 1024px) {
    .unione-careers-page .hero-inner {
        grid-template-columns: 1fr 380px;
        gap: 72px;
    }
}
.unione-careers-page .hero-tag {
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}
@media (min-width: 768px) {
    .unione-careers-page .hero-tag {
        font-size: 10px;
        letter-spacing: 0.16em;
    }
}
.unione-careers-page .hero-tag::before {
    content: '';
    width: 16px;
    height: 1px;
    background: var(--gold);
}
@media (min-width: 768px) {
    .unione-careers-page .hero-tag::before {
        width: 20px;
    }
}
.unione-careers-page .hero h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: var(--parchment);
    letter-spacing: -0.03em;
    line-height: 1.1;
    margin-bottom: 14px;
}
@media (min-width: 480px) {
    .unione-careers-page .hero h1 {
        font-size: 36px;
    }
}
@media (min-width: 768px) {
    .unione-careers-page .hero h1 {
        font-size: 44px;
    }
}
@media (min-width: 1024px) {
    .unione-careers-page .hero h1 {
        font-size: clamp(40px, 5vw, 64px);
    }
}
.unione-careers-page .hero h1 span {
    background: linear-gradient(135deg, #C4A96A, #F0DFA0, #C4A96A);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: shimmer 4s linear infinite;
}
.unione-careers-page .hero-sub {
    font-size: 13px;
    color: rgba(255,255,255,0.6);
    font-weight: 400;
    line-height: 1.7;
    margin-bottom: 24px;
}
@media (min-width: 768px) {
    .unione-careers-page .hero-sub {
        font-size: 15px;
        color: rgba(255,255,255,0.5);
    }
}
@media (min-width: 1024px) {
    .unione-careers-page .hero-sub {
        font-size: 16px;
    }
}
.unione-careers-page .hero-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.unione-careers-page .btn-hero-gold {
    font-size: 13px;
    font-weight: 500;
    padding: 10px 22px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all 0.2s;
    text-decoration: none;
    display: inline-block;
}
@media (min-width: 768px) {
    .unione-careers-page .btn-hero-gold {
        font-size: 14px;
        padding: 12px 30px;
    }
}
.unione-careers-page .btn-hero-gold:hover {
    background: #B89858;
}
.unione-careers-page .btn-hero-ghost {
    font-size: 13px;
    font-weight: 500;
    padding: 10px 22px;
    border-radius: var(--r-md);
    border: 0.5px solid rgba(255,255,255,0.2);
    background: transparent;
    color: rgba(255,255,255,0.8);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all 0.2s;
    text-decoration: none;
    display: inline-block;
}
@media (min-width: 768px) {
    .unione-careers-page .btn-hero-ghost {
        font-size: 14px;
        padding: 12px 30px;
    }
}
.unione-careers-page .btn-hero-ghost:hover {
    border-color: rgba(255,255,255,0.4);
    color: #fff;
}

/* Stats Card */
.unione-careers-page .stats-card {
    background: rgba(255,255,255,0.04);
    border: 0.5px solid rgba(196,169,106,0.2);
    border-radius: var(--r-xl);
    padding: 20px;
}
@media (min-width: 768px) {
    .unione-careers-page .stats-card {
        padding: 28px;
    }
}
.unione-careers-page .sc-title {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.4);
    margin-bottom: 14px;
    padding-bottom: 8px;
    border-bottom: 0.5px solid rgba(255,255,255,0.07);
}
@media (min-width: 768px) {
    .unione-careers-page .sc-title {
        font-size: 11px;
        letter-spacing: 0.12em;
    }
}
.unione-careers-page .sc-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
@media (min-width: 768px) {
    .unione-careers-page .sc-stats {
        gap: 16px;
    }
}
.unione-careers-page .sc-stat {
    text-align: center;
    padding: 10px;
    background: rgba(255,255,255,0.03);
    border-radius: var(--r-md);
}
@media (min-width: 768px) {
    .unione-careers-page .sc-stat {
        padding: 14px;
    }
}
.unione-careers-page .sc-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--gold);
    letter-spacing: -0.02em;
    line-height: 1;
}
@media (min-width: 768px) {
    .unione-careers-page .sc-num {
        font-size: 28px;
    }
}
.unione-careers-page .sc-label {
    font-size: 9px;
    color: rgba(255,255,255,0.4);
    margin-top: 4px;
    line-height: 1.4;
}
@media (min-width: 768px) {
    .unione-careers-page .sc-label {
        font-size: 10px;
    }
}
@media (min-width: 1024px) {
    .unione-careers-page .sc-label {
        font-size: 11px;
    }
}

/* Photo Stripe */
.unione-careers-page .photo-stripe {
    width: 100%;
    height: 200px;
    position: relative;
    overflow: hidden;
    display: flex;
}
@media (min-width: 480px) {
    .unione-careers-page .photo-stripe {
        height: 240px;
    }
}
@media (min-width: 768px) {
    .unione-careers-page .photo-stripe {
        height: 300px;
    }
}
@media (min-width: 1024px) {
    .unione-careers-page .photo-stripe {
        height: 340px;
    }
}
.unione-careers-page .photo-stripe-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
.unione-careers-page .photo-stripe-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(20,24,32,0.65) 0%, rgba(20,24,32,0) 40%, rgba(20,24,32,0) 60%, rgba(20,24,32,0.45) 100%);
}
.unione-careers-page .photo-stripe-caption {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
@media (min-width: 768px) {
    .unione-careers-page .photo-stripe-caption {
        bottom: 28px;
        left: 40px;
        right: 40px;
    }
}
@media (min-width: 1024px) {
    .unione-careers-page .photo-stripe-caption {
        left: 52px;
        right: 52px;
    }
}
.unione-careers-page .photo-stripe-text {
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
    max-width: 300px;
    line-height: 1.3;
    text-shadow: 0 2px 20px rgba(0,0,0,0.4);
}
@media (min-width: 480px) {
    .unione-careers-page .photo-stripe-text {
        font-size: 16px;
        max-width: 380px;
    }
}
@media (min-width: 768px) {
    .unione-careers-page .photo-stripe-text {
        font-size: 20px;
        max-width: 460px;
    }
}
@media (min-width: 1024px) {
    .unione-careers-page .photo-stripe-text {
        font-size: 24px;
    }
}
.unione-careers-page .photo-stripe-stat {
    text-align: right;
}
.unione-careers-page .photo-stripe-stat-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--gold);
    letter-spacing: -0.04em;
    line-height: 1;
    display: block;
}
@media (min-width: 768px) {
    .unione-careers-page .photo-stripe-stat-num {
        font-size: 36px;
    }
}
@media (min-width: 1024px) {
    .unione-careers-page .photo-stripe-stat-num {
        font-size: 40px;
    }
}
.unione-careers-page .photo-stripe-stat-label {
    font-size: 9px;
    color: rgba(255,255,255,0.6);
    margin-top: 3px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
@media (min-width: 768px) {
    .unione-careers-page .photo-stripe-stat-label {
        font-size: 10px;
        letter-spacing: 0.08em;
    }
}
@media (min-width: 1024px) {
    .unione-careers-page .photo-stripe-stat-label {
        font-size: 11px;
    }
}

/* Culture Section Images */
.unione-careers-page .culture-images {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 32px;
}
@media (min-width: 640px) {
    .unione-careers-page .culture-images {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }
}
@media (min-width: 1024px) {
    .unione-careers-page .culture-images {
        margin-bottom: 52px;
    }
}
.unione-careers-page .culture-images img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: var(--r-xl);
}
@media (min-width: 768px) {
    .unione-careers-page .culture-images img {
        height: 220px;
    }
}
@media (min-width: 1024px) {
    .unione-careers-page .culture-images img {
        height: 240px;
    }
}

/* Culture Grid */
.unione-careers-page .culture-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}
@media (min-width: 640px) {
    .unione-careers-page .culture-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1024px) {
    .unione-careers-page .culture-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 14px;
    }
}
.unione-careers-page .culture-card {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 22px;
    transition: all 0.2s;
}
@media (min-width: 768px) {
    .unione-careers-page .culture-card {
        padding: 28px;
    }
}
.unione-careers-page .culture-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 48px rgba(42,53,69,0.07);
    border-color: rgba(42,53,69,0.2);
}
.unione-careers-page .cc-icon {
    font-size: 22px;
    margin-bottom: 12px;
}
@media (min-width: 768px) {
    .unione-careers-page .cc-icon {
        font-size: 26px;
        margin-bottom: 14px;
    }
}
.unione-careers-page .cc-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 6px;
}
@media (min-width: 768px) {
    .unione-careers-page .cc-title {
        font-size: 17px;
        margin-bottom: 8px;
    }
}
.unione-careers-page .cc-desc {
    font-size: 12px;
    color: var(--ink-mute);
    line-height: 1.6;
}
@media (min-width: 768px) {
    .unione-careers-page .cc-desc {
        font-size: 13px;
        line-height: 1.7;
    }
}

/* Roles Filter */
.unione-careers-page .roles-filter {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 24px;
}
@media (min-width: 768px) {
    .unione-careers-page .roles-filter {
        gap: 8px;
        margin-bottom: 28px;
    }
}
.unione-careers-page .rf-btn {
    font-size: 11px;
    font-weight: 500;
    padding: 6px 14px;
    border-radius: 100px;
    border: 0.5px solid var(--border);
    background: var(--white);
    color: var(--ink-mid);
    cursor: pointer;
    transition: all 0.15s;
    font-family: 'Inter', sans-serif;
}
@media (min-width: 768px) {
    .unione-careers-page .rf-btn {
        font-size: 12px;
        padding: 7px 16px;
    }
}
.unione-careers-page .rf-btn:hover {
    border-color: var(--slate);
}
.unione-careers-page .rf-btn.active {
    background: var(--slate);
    color: var(--parchment);
    border-color: var(--slate);
}

/* Roles Grid */
.unione-careers-page .roles-grid {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
@media (min-width: 768px) {
    .unione-careers-page .roles-grid {
        gap: 10px;
    }
}
.unione-careers-page .role-card {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: all 0.2s;
    cursor: pointer;
}
@media (min-width: 640px) {
    .unione-careers-page .role-card {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 20px;
        align-items: center;
        padding: 20px 24px;
    }
}
@media (min-width: 1024px) {
    .unione-careers-page .role-card {
        padding: 24px 28px;
    }
}
.unione-careers-page .role-card:hover {
    border-color: rgba(42,53,69,0.2);
    transform: translateX(4px);
    box-shadow: 0 8px 28px rgba(42,53,69,0.06);
}
.unione-careers-page .role-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 5px;
}
@media (min-width: 768px) {
    .unione-careers-page .role-title {
        font-size: 16px;
        margin-bottom: 6px;
    }
}
@media (min-width: 1024px) {
    .unione-careers-page .role-title {
        font-size: 17px;
    }
}
.unione-careers-page .role-meta {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}
@media (min-width: 768px) {
    .unione-careers-page .role-meta {
        gap: 10px;
    }
}
.unione-careers-page .role-tag {
    font-size: 9px;
    font-weight: 500;
    padding: 3px 8px;
    border-radius: 100px;
    background: var(--ivory);
    color: var(--ink-mid);
    border: 0.5px solid var(--border);
}
@media (min-width: 768px) {
    .unione-careers-page .role-tag {
        font-size: 10px;
        padding: 3px 9px;
    }
}
@media (min-width: 1024px) {
    .unione-careers-page .role-tag {
        font-size: 11px;
    }
}
.unione-careers-page .role-tag.dept {
    background: rgba(196,169,106,0.12);
    border-color: rgba(196,169,106,0.25);
    color: #7A6030;
}
.unione-careers-page .role-tag.location {
    background: rgba(42,53,69,0.06);
    color: var(--slate-mid);
}
.unione-careers-page .role-tag.type {
    background: var(--green-bg);
    color: var(--green);
    border-color: rgba(26,122,74,0.2);
}
.unione-careers-page .role-apply {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.unione-careers-page .apply-btn {
    font-size: 12px;
    font-weight: 500;
    padding: 8px 18px;
    border-radius: var(--r-md);
    border: 0.5px solid var(--border);
    background: transparent;
    color: var(--ink);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all 0.2s;
    white-space: nowrap;
    width: 100%;
}
@media (min-width: 640px) {
    .unione-careers-page .apply-btn {
        width: auto;
    }
}
@media (min-width: 768px) {
    .unione-careers-page .apply-btn {
        font-size: 13px;
        padding: 9px 20px;
    }
}
.unione-careers-page .apply-btn:hover {
    background: var(--slate);
    color: var(--parchment);
    border-color: var(--slate);
}
.unione-careers-page .no-roles {
    display: none;
    text-align: center;
    padding: 32px;
    color: var(--ink-mute);
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    font-size: 13px;
}
@media (min-width: 768px) {
    .unione-careers-page .no-roles {
        padding: 48px;
        font-size: 14px;
    }
}
.unione-careers-page .no-roles.show {
    display: block;
}

/* Perks Section */
.unione-careers-page .perks-image {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: var(--r-xl);
    display: block;
    margin-bottom: 28px;
}
@media (min-width: 480px) {
    .unione-careers-page .perks-image {
        height: 220px;
    }
}
@media (min-width: 768px) {
    .unione-careers-page .perks-image {
        height: 260px;
        margin-bottom: 40px;
    }
}
.unione-careers-page .perks-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}
@media (min-width: 480px) {
    .unione-careers-page .perks-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 768px) {
    .unione-careers-page .perks-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 14px;
    }
}
@media (min-width: 1024px) {
    .unione-careers-page .perks-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}
.unione-careers-page .perk-card {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 18px;
    text-align: center;
    transition: all 0.2s;
}
@media (min-width: 768px) {
    .unione-careers-page .perk-card {
        padding: 24px;
    }
}
.unione-careers-page .perk-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 32px rgba(42,53,69,0.06);
}
.unione-careers-page .perk-icon {
    font-size: 24px;
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .unione-careers-page .perk-icon {
        font-size: 28px;
        margin-bottom: 12px;
    }
}
.unione-careers-page .perk-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 4px;
}
@media (min-width: 768px) {
    .unione-careers-page .perk-title {
        font-size: 14px;
        margin-bottom: 5px;
    }
}
.unione-careers-page .perk-desc {
    font-size: 11px;
    color: var(--ink-mute);
    line-height: 1.5;
}
@media (min-width: 768px) {
    .unione-careers-page .perk-desc {
        font-size: 12px;
        line-height: 1.6;
    }
}

/* Internship Band */
.unione-careers-page .internship-band {
    background: var(--slate);
    padding: 50px 20px;
}
@media (min-width: 768px) {
    .unione-careers-page .internship-band {
        padding: 80px 40px;
    }
}
@media (min-width: 1024px) {
    .unione-careers-page .internship-band {
        padding: 108px 52px;
    }
}
.unione-careers-page .internship-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
@media (min-width: 768px) {
    .unione-careers-page .internship-inner {
        display: grid;
        grid-template-columns: 1fr 300px;
        gap: 40px;
        align-items: center;
    }
}
@media (min-width: 1024px) {
    .unione-careers-page .internship-inner {
        grid-template-columns: 1fr 340px;
        gap: 56px;
    }
}
.unione-careers-page .int-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--parchment);
    letter-spacing: -0.02em;
    margin-bottom: 8px;
}
@media (min-width: 768px) {
    .unione-careers-page .int-title {
        font-size: 26px;
        margin-bottom: 10px;
    }
}
@media (min-width: 1024px) {
    .unione-careers-page .int-title {
        font-size: 28px;
    }
}
.unione-careers-page .int-sub {
    font-size: 13px;
    color: rgba(255,255,255,0.6);
    line-height: 1.6;
    font-weight: 400;
}
@media (min-width: 768px) {
    .unione-careers-page .int-sub {
        font-size: 14px;
        line-height: 1.7;
    }
}
@media (min-width: 1024px) {
    .unione-careers-page .int-sub {
        font-size: 15px;
    }
}
.unione-careers-page .int-card {
    background: rgba(255,255,255,0.06);
    border: 0.5px solid rgba(196,169,106,0.2);
    border-radius: var(--r-xl);
    padding: 20px;
}
@media (min-width: 768px) {
    .unione-careers-page .int-card {
        padding: 28px;
    }
}
.unione-careers-page .int-card-title {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 12px;
}
@media (min-width: 768px) {
    .unione-careers-page .int-card-title {
        font-size: 12px;
        letter-spacing: 0.1em;
        margin-bottom: 14px;
    }
}
.unione-careers-page .int-items {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
@media (min-width: 768px) {
    .unione-careers-page .int-items {
        gap: 10px;
    }
}
.unione-careers-page .int-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 12px;
    color: rgba(255,255,255,0.6);
}
@media (min-width: 768px) {
    .unione-careers-page .int-item {
        font-size: 13px;
        gap: 10px;
    }
}
.unione-careers-page .int-item::before {
    content: '→';
    color: var(--gold);
    flex-shrink: 0;
}

/* Modal */
.unione-careers-page .modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(20,24,32,0.8);
    z-index: 500;
    backdrop-filter: blur(4px);
    align-items: center;
    justify-content: center;
    padding: 16px;
}
.unione-careers-page .modal-overlay.open {
    display: flex;
}
.unione-careers-page .modal {
    background: var(--white);
    border-radius: var(--r-xl);
    width: min(560px, 100%);
    max-height: 85vh;
    overflow-y: auto;
    animation: fadeUp 0.3s ease both;
}
.unione-careers-page .modal-header {
    background: var(--slate);
    padding: 18px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--r-xl) var(--r-xl) 0 0;
    position: sticky;
    top: 0;
    z-index: 10;
}
@media (min-width: 768px) {
    .unione-careers-page .modal-header {
        padding: 22px 28px;
    }
}
.unione-careers-page .modal-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--parchment);
}
@media (min-width: 768px) {
    .unione-careers-page .modal-title {
        font-size: 17px;
    }
}
.unione-careers-page .modal-role {
    font-size: 11px;
    color: rgba(255,255,255,0.5);
    margin-top: 2px;
}
@media (min-width: 768px) {
    .unione-careers-page .modal-role {
        font-size: 12px;
    }
}
.unione-careers-page .modal-close {
    font-size: 18px;
    color: rgba(255,255,255,0.5);
    cursor: pointer;
    background: none;
    border: none;
    font-family: 'Inter', sans-serif;
    line-height: 1;
    padding: 0;
    transition: color 0.2s;
}
@media (min-width: 768px) {
    .unione-careers-page .modal-close {
        font-size: 20px;
    }
}
.unione-careers-page .modal-close:hover {
    color: #fff;
}
.unione-careers-page .modal-body {
    padding: 20px;
}
@media (min-width: 768px) {
    .unione-careers-page .modal-body {
        padding: 28px;
    }
}
.unione-careers-page .field-group {
    margin-bottom: 14px;
}
@media (min-width: 768px) {
    .unione-careers-page .field-group {
        margin-bottom: 16px;
    }
}
.unione-careers-page .field-label {
    font-size: 11px;
    font-weight: 500;
    color: var(--ink-mid);
    margin-bottom: 4px;
    display: block;
}
@media (min-width: 768px) {
    .unione-careers-page .field-label {
        font-size: 12px;
        margin-bottom: 5px;
    }
}
.unione-careers-page .field-input,
.unione-careers-page .field-select,
.unione-careers-page .field-textarea {
    background: var(--ivory);
    border: 0.5px solid var(--border);
    border-radius: var(--r-md);
    padding: 9px 12px;
    font-size: 13px;
    color: var(--ink);
    font-family: 'Inter', sans-serif;
    width: 100%;
    transition: border-color 0.2s;
}
@media (min-width: 768px) {
    .unione-careers-page .field-input,
    .unione-careers-page .field-select,
    .unione-careers-page .field-textarea {
        padding: 10px 14px;
    }
}
.unione-careers-page .field-input:focus,
.unione-careers-page .field-select:focus,
.unione-careers-page .field-textarea:focus {
    outline: none;
    border-color: var(--slate);
}
.unione-careers-page .field-textarea {
    resize: vertical;
    line-height: 1.65;
}
.unione-careers-page .grid-2 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}
@media (min-width: 480px) {
    .unione-careers-page .grid-2 {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }
}
.unione-careers-page .modal-submit {
    width: 100%;
    background: var(--gold);
    color: var(--obsidian);
    border: none;
    border-radius: var(--r-md);
    padding: 11px;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    cursor: pointer;
    transition: all 0.2s;
    margin-top: 8px;
}
@media (min-width: 768px) {
    .unione-careers-page .modal-submit {
        padding: 13px;
        font-size: 14px;
    }
}
.unione-careers-page .modal-submit:hover {
    background: #B89858;
}
.unione-careers-page .modal-success {
    display: none;
    text-align: center;
    padding: 28px 20px;
}
@media (min-width: 768px) {
    .unione-careers-page .modal-success {
        padding: 36px 24px;
    }
}
.unione-careers-page .modal-success.show {
    display: block;
}
.unione-careers-page .success-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--green-bg);
    margin: 0 auto 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    animation: checkPop 0.4s ease both;
}
@media (min-width: 768px) {
    .unione-careers-page .success-icon {
        width: 64px;
        height: 64px;
        margin: 0 auto 16px;
        font-size: 24px;
    }
}

/* ═══════════════════════════════════════════
DESIGN SYSTEM - UNIONE™ COMPARISON PAGE
═══════════════════════════════════════════ */

.unione-comparison-page {
    --slate: #2A3545;
    --slate-deep: #1C2534;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-light: #E8D9B0;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42, 53, 69, 0.12);
    --border-gold: rgba(196, 169, 106, 0.3);
    --green: #0F7A42;
    --green-light: #4ADE80;
    --red-soft: #8A2E2E;
    --red-light: #E87070;
    --amber: #B07A20;
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
    --transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.unione-comparison-page *,
.unione-comparison-page *::before,
.unione-comparison-page *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-comparison-page {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: var(--parchment);
    color: var(--ink);
    overflow-x: hidden;
    line-height: 1.5;
}

.unione-comparison-page ::selection {
    background: var(--obsidian);
    color: var(--gold);
}

/* Typography */
.unione-comparison-page h1, 
.unione-comparison-page h2, 
.unione-comparison-page h3 {
    font-family: 'Inter Tight', 'Inter', sans-serif;
    font-weight: 700;
    letter-spacing: -0.02em;
}

/* Animations */
@keyframes pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(0.7); }
}

@keyframes fadeUp {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

@keyframes lineGrow {
    from { width: 0; }
    to { width: 100%; }
}

@keyframes slideInLeft {
    from { opacity: 0; transform: translateX(-30px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes slideInRight {
    from { opacity: 0; transform: translateX(30px); }
    to { opacity: 1; transform: translateX(0); }
}

/* Section containers */
.unione-comparison-page section {
    position: relative;
}

/* Section tag (eyebrow) */
.unione-comparison-page .section-tag {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.unione-comparison-page .section-tag::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 1px;
    background: var(--gold);
}

.unione-comparison-page .section-title {
    font-size: clamp(28px, 4vw, 44px);
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.1;
    color: var(--ink);
    margin-bottom: 16px;
}

.unione-comparison-page .section-sub {
    font-size: 16px;
    color: var(--ink-mid);
    line-height: 1.7;
    max-width: 680px;
    font-weight: 400;
}

/* ═══ HERO SECTION - DARK EDITORIAL ═══ */
.unione-comparison-page .comparison-hero {
    background: var(--obsidian);
    padding: 80px 52px 100px;
    position: relative;
    overflow: hidden;
}

.unione-comparison-page .comparison-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 60% 80% at 85% 20%, rgba(196, 169, 106, 0.08), transparent 55%),
                radial-gradient(ellipse 40% 60% at 5% 80%, rgba(42, 53, 69, 0.4), transparent 50%);
    pointer-events: none;
}

.unione-comparison-page .hero-bg-number {
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Inter Tight', sans-serif;
    font-size: 320px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.02);
    line-height: 1;
    letter-spacing: -0.05em;
    pointer-events: none;
    user-select: none;
}

.unione-comparison-page .hero-inner-comparison {
    position: relative;
    z-index: 2;
    max-width: 1400px !important;
    margin: 0 auto !important;
    grid-template-columns: 1fr 0.8fr;
    gap: 60px;
    align-items: center;
}
.unione-comparison-page .hero-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 48px;
    flex-wrap: wrap;
}

.unione-comparison-page .hero-breadcrumb a {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.35);
    text-decoration: none;
    transition: color 0.2s;
}

.unione-comparison-page .hero-breadcrumb a:hover {
    color: rgba(255, 255, 255, 0.7);
}

.unione-comparison-page .hero-breadcrumb .sep {
    color: rgba(255, 255, 255, 0.15);
}

.unione-comparison-page .hero-breadcrumb .current {
    font-size: 12px;
    color: var(--gold);
    font-weight: 500;
}

.unione-comparison-page .hero-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 28px;
    opacity: 0;
    animation: fadeUp 0.6s ease 0.1s forwards;
}

.unione-comparison-page .hero-label::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 1px;
    background: var(--gold);
    opacity: 0.6;
}

.unione-comparison-page .hero-title {
    font-family: 'Instrument Serif', 'Inter Tight', serif;
    font-size: clamp(38px, 5.5vw, 68px);
    font-weight: 400;
    line-height: 1.08;
    color: #fff;
    margin-bottom: 28px;
    max-width: 880px;
    opacity: 0;
    animation: fadeUp 0.7s ease 0.2s forwards;
}

.unione-comparison-page .hero-title em {
    font-style: italic;
    background: linear-gradient(135deg, #C4A96A 0%, #F5E9C0 45%, #C4A96A 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: shimmer 5s linear infinite;
}

.unione-comparison-page .hero-description {
    font-size: 17px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.48);
    line-height: 1.7;
    max-width: 680px;
    margin-bottom: 48px;
    opacity: 0;
    animation: fadeUp 0.7s ease 0.32s forwards;
}

.unione-comparison-page .hero-description strong {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
}

.unione-comparison-page .hero-verdict-row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 48px;
    opacity: 0;
    animation: fadeUp 0.7s ease 0.42s forwards;
}

.unione-comparison-page .verdict-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: var(--r-md);
    border: 0.5px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(8px);
    font-size: 13px;
    font-weight: 500;
}

.unione-comparison-page .verdict-badge .vb-icon {
    font-size: 16px;
}

.unione-comparison-page .verdict-badge .vb-text {
    color: rgba(255, 255, 255, 0.65);
}

.unione-comparison-page .verdict-badge .vb-highlight {
    color: var(--gold);
    font-weight: 600;
}

.unione-comparison-page .verdict-badge.green-border {
    border-color: rgba(15, 122, 66, 0.4);
    background: rgba(15, 122, 66, 0.08);
}

.unione-comparison-page .verdict-badge.green-border .vb-text {
    color: rgba(150, 255, 180, 0.7);
}

.unione-comparison-page .verdict-badge.green-border .vb-highlight {
    color: #4ADE80;
}

.unione-comparison-page .hero-cta-row {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    opacity: 0;
    animation: fadeUp 0.7s ease 0.52s forwards;
}

.unione-comparison-page .btn-hero-primary {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 14px 32px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    cursor: pointer;
    transition: var(--transition);
    text-decoration: none;
    display: inline-block;
}

.unione-comparison-page .btn-hero-primary:hover {
    background: #B89858;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(196, 169, 106, 0.3);
}

.unione-comparison-page .btn-hero-secondary {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 14px 32px;
    border-radius: var(--r-md);
    border: 0.5px solid rgba(255, 255, 255, 0.15);
    background: transparent;
    color: rgba(255, 255, 255, 0.65);
    cursor: pointer;
    transition: var(--transition);
    text-decoration: none;
    display: inline-block;
}

.unione-comparison-page .btn-hero-secondary:hover {
    border-color: rgba(255, 255, 255, 0.35);
    color: #fff;
}

/* ═══ SCORECARD SECTION - COMPARISON TABLE ═══ */
.unione-comparison-page .scorecard-section {
    background: #fff;
    padding: 100px 52px;
}

.unione-comparison-page .scorecard-inner {
    max-width: 1400px;
    margin: 0 auto;
}

.unione-comparison-page .compare-table-wrapper {
    overflow-x: auto;
    border-radius: var(--r-xl);
    border: 0.5px solid var(--border);
    margin-top: 48px;
    background: #fff;
}

.unione-comparison-page .compare-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 880px;
    font-size: 13px;
}

.unione-comparison-page .compare-table th,
.unione-comparison-page .compare-table td {
    padding: 16px 20px;
    vertical-align: middle;
}

.unione-comparison-page .table-header-row {
    background: var(--obsidian);
}

.unione-comparison-page .table-header-row th {
    padding: 20px 20px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-align: center;
    border-right: 0.5px solid rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.45);
    text-transform: uppercase;
}

.unione-comparison-page .table-header-row th:first-child {
    text-align: left;
    color: rgba(255, 255, 255, 0.3);
    font-size: 11px;
    letter-spacing: 0.12em;
}

.unione-comparison-page .table-header-row th.unione-col {
    color: var(--gold);
    background: rgba(196, 169, 106, 0.06);
    border-bottom: 2px solid var(--gold);
    position: relative;
}

.unione-comparison-page .table-header-row th.unione-col::after {
    content: '✦ RECOMMENDED';
    display: block;
    font-size: 9px;
    letter-spacing: 0.12em;
    color: var(--gold);
    opacity: 0.7;
    margin-top: 6px;
}

.unione-comparison-page .table-category-row td {
    background: var(--ivory);
    padding: 12px 20px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ink-mute);
    border-top: 0.5px solid var(--border);
    border-bottom: 0.5px solid var(--border);
}

.unione-comparison-page .compare-row {
    transition: background 0.15s;
}

.unione-comparison-page .compare-row:hover {
    background: var(--gold-pale);
}

.unione-comparison-page .compare-row:hover .td-label {
    color: var(--ink);
}

.unione-comparison-page .td-label {
    font-weight: 500;
    color: var(--ink-mid);
    border-right: 0.5px solid var(--border);
    min-width: 240px;
}

.unione-comparison-page .td-label .label-sub {
    font-size: 11px;
    font-weight: 400;
    color: var(--ink-mute);
    margin-top: 4px;
    display: block;
}

.unione-comparison-page .td-cell {
    text-align: center;
    border-right: 0.5px solid var(--border);
    color: var(--ink-mute);
}

.unione-comparison-page .td-cell:last-child {
    border-right: none;
}

.unione-comparison-page .td-cell.unione-col {
    background: rgba(196, 169, 106, 0.03);
    font-weight: 500;
    color: var(--ink);
    border-right: 0.5px solid rgba(196, 169, 106, 0.12);
}

.unione-comparison-page .cell-yes {
    color: var(--green);
    font-weight: 600;
    font-size: 16px;
}

.unione-comparison-page .cell-no {
    color: var(--red-light);
    font-weight: 600;
    font-size: 16px;
}

.unione-comparison-page .cell-partial {
    color: var(--amber);
    font-weight: 500;
}

.unione-comparison-page .cell-gold {
    color: var(--gold);
    font-weight: 600;
}

.unione-comparison-page .cell-text {
    font-size: 12px;
    color: var(--ink-mid);
    line-height: 1.4;
    margin-top: 4px;
}

.unione-comparison-page .cell-text.strong {
    color: var(--ink);
    font-weight: 500;
}

.unione-comparison-page .cell-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.06em;
    padding: 4px 10px;
    border-radius: 4px;
    text-transform: uppercase;
}

.unione-comparison-page .badge-only {
    background: rgba(196, 169, 106, 0.15);
    color: var(--gold);
    border: 0.5px solid rgba(196, 169, 106, 0.3);
}

.unione-comparison-page .badge-none {
    background: rgba(184, 64, 64, 0.08);
    color: var(--red-light);
    border: 0.5px solid rgba(184, 64, 64, 0.15);
}

.unione-comparison-page .badge-limited {
    background: rgba(176, 122, 32, 0.1);
    color: var(--amber);
    border: 0.5px solid rgba(176, 122, 32, 0.2);
}

/* ═══ 8 GAPS SECTION ═══ */
.unione-comparison-page .gaps-section {
    background: var(--parchment);
    padding: 100px 52px;
}

.unione-comparison-page .gaps-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.unione-comparison-page .gaps-grid {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 60px;
}

.unione-comparison-page .gap-card {
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 0;
    padding: 40px 0;
    border-bottom: 0.5px solid var(--border);
    align-items: start;
    transition: var(--transition);
}

.unione-comparison-page .gap-card:first-child {
    border-top: 0.5px solid var(--border);
}

.unione-comparison-page .gap-card:hover {
    padding-left: 12px;
}

.unione-comparison-page .gap-number {
    font-family: 'Inter Tight', sans-serif;
    font-size: 48px;
    font-weight: 700;
    color: rgba(196, 169, 106, 0.2);
    line-height: 1;
}

.unione-comparison-page .gap-content {
    padding: 20px 32px 0 20px;
}

.unione-comparison-page .gap-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 12px;
    letter-spacing: -0.02em;
}

.unione-comparison-page .gap-description {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.7;
}

.unione-comparison-page .gap-description strong {
    color: var(--ink);
    font-weight: 600;
}

/* ═══ COST & TIME SECTION ═══ */
.unione-comparison-page .cost-section {
    background: var(--obsidian);
    padding: 100px 52px;
    position: relative;
    overflow: hidden;
}

.unione-comparison-page .cost-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 60% 70% at 90% 50%, rgba(196, 169, 106, 0.05), transparent 55%);
    pointer-events: none;
}

.unione-comparison-page .cost-inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.unione-comparison-page .cost-section .section-tag {
    color: var(--gold);
}

.unione-comparison-page .cost-section .section-title {
    color: #fff;
}

.unione-comparison-page .cost-section .section-sub {
    color: rgba(255, 255, 255, 0.45);
}

.unione-comparison-page .cost-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
    margin-top: 56px;
}

.unione-comparison-page .cost-bars {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.unione-comparison-page .cost-bar-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.unione-comparison-page .cost-bar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.unione-comparison-page .cost-bar-name {
    font-size: 13px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.55);
    letter-spacing: 0.04em;
}

.unione-comparison-page .cost-bar-value {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 700;
}

.unione-comparison-page .cost-bar-value.high {
    color: var(--red-light);
}

.unione-comparison-page .cost-bar-value.mid {
    color: #E8C070;
}

.unione-comparison-page .cost-bar-value.low {
    color: var(--green-light);
}

.unione-comparison-page .cost-bar-track {
    height: 8px;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 4px;
    overflow: hidden;
}

.unione-comparison-page .cost-bar-fill {
    height: 100%;
    border-radius: 4px;
}

.unione-comparison-page .cost-bar-fill.icc {
    background: linear-gradient(90deg, #8A3030, var(--red-light));
    width: 92%;
}

.unione-comparison-page .cost-bar-fill.siac {
    background: linear-gradient(90deg, #8A5A10, #E8A040);
    width: 85%;
}

.unione-comparison-page .cost-bar-fill.lcia {
    background: linear-gradient(90deg, #8A3030, var(--red-light));
    width: 95%;
}

.unione-comparison-page .cost-bar-fill.unione {
    background: linear-gradient(90deg, var(--gold), #F0DFA0);
    width: 42%;
}

.unione-comparison-page .cost-note {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.2);
    margin-top: 20px;
    line-height: 1.5;
}

.unione-comparison-page .cost-cards {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.unione-comparison-page .cost-card {
    background: rgba(255, 255, 255, 0.04);
    border: 0.5px solid rgba(255, 255, 255, 0.08);
    border-radius: var(--r-xl);
    padding: 28px;
    transition: var(--transition);
}

.unione-comparison-page .cost-card:hover {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(196, 169, 106, 0.2);
}

.unione-comparison-page .cost-card.gold-border {
    border-color: rgba(196, 169, 106, 0.25);
    background: rgba(196, 169, 106, 0.05);
}

.unione-comparison-page .cost-card-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
}

.unione-comparison-page .cost-card-text {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.45);
    line-height: 1.7;
}

.unione-comparison-page .cost-card-text strong {
    color: rgba(255, 255, 255, 0.75);
}

/* ═══ ENFORCEMENT GAP SECTION ═══ */
.unione-comparison-page .enforcement-section {
    padding: 100px 52px;
    background: var(--ivory);
}

.unione-comparison-page .enforcement-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.unione-comparison-page .enforcement-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: start;
    margin-top: 56px;
}

.unione-comparison-page .timeline {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.unione-comparison-page .timeline-step {
    display: flex;
    gap: 20px;
    padding: 0 0 32px 0;
    position: relative;
}

.unione-comparison-page .timeline-step::after {
    content: '';
    position: absolute;
    left: 19px;
    top: 44px;
    width: 1px;
    height: calc(100% - 44px);
    background: var(--border);
}

.unione-comparison-page .timeline-step:last-child::after {
    display: none;
}

.unione-comparison-page .timeline-step:last-child {
    padding-bottom: 0;
}

.unione-comparison-page .step-dot {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 16px;
    border: 1.5px solid var(--border);
    background: #fff;
    position: relative;
    z-index: 1;
}

.unione-comparison-page .timeline-step.dead .step-dot {
    border-color: var(--red-light);
    background: rgba(232, 112, 112, 0.08);
}

.unione-comparison-page .timeline-step.live .step-dot {
    border-color: var(--gold);
    background: var(--gold-pale);
}

.unione-comparison-page .step-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 8px;
}

.unione-comparison-page .step-description {
    font-size: 13px;
    color: var(--ink-mid);
    line-height: 1.65;
}

.unione-comparison-page .timeline-step.dead .step-title {
    color: #B84040;
}

.unione-comparison-page .timeline-step.live .step-title {
    color: var(--gold);
}

.unione-comparison-page .enforcement-certificate {
    background: var(--obsidian);
    border-radius: var(--r-xl);
    padding: 32px;
    border: 0.5px solid rgba(196, 169, 106, 0.2);
    margin-bottom: 24px;
}

.unione-comparison-page .cert-label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.3);
    margin-bottom: 16px;
}

.unione-comparison-page .cert-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 24px;
}

.unione-comparison-page .cert-ratings {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.unione-comparison-page .cert-rating {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border-radius: var(--r-md);
    border: 0.5px solid rgba(255, 255, 255, 0.07);
    background: rgba(255, 255, 255, 0.03);
}

.unione-comparison-page .rating-label {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.55);
}

.unione-comparison-page .rating-chip {
    font-size: 10px;
    font-weight: 700;
    padding: 5px 12px;
    border-radius: 4px;
    letter-spacing: 0.06em;
}

.unione-comparison-page .chip-green {
    background: rgba(15, 122, 66, 0.2);
    color: var(--green-light);
    border: 0.5px solid rgba(15, 122, 66, 0.3);
}

.unione-comparison-page .chip-gold {
    background: rgba(196, 169, 106, 0.15);
    color: var(--gold);
    border: 0.5px solid rgba(196, 169, 106, 0.25);
}

.unione-comparison-page .chip-blue {
    background: rgba(100, 140, 255, 0.1);
    color: rgba(180, 200, 255, 0.75);
    border: 0.5px solid rgba(100, 140, 255, 0.2);
}

.unione-comparison-page .enforcement-badge {
    display: flex;
    gap: 16px;
    align-items: center;
    padding: 24px 28px;
    background: var(--gold-pale);
    border: 0.5px solid rgba(196, 169, 106, 0.3);
    border-radius: var(--r-xl);
}

.unione-comparison-page .badge-icon {
    font-size: 32px;
}

.unione-comparison-page .badge-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 6px;
}

.unione-comparison-page .badge-text {
    font-size: 13px;
    color: var(--ink-mid);
    line-height: 1.6;
}

/* ═══ DECISION GUIDE ═══ */
.unione-comparison-page .decision-section {
    padding: 100px 52px;
    background: #fff;
}

.unione-comparison-page .decision-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.unione-comparison-page .decision-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    margin-top: 56px;
}

.unione-comparison-page .decision-card {
    border-radius: var(--r-xl);
    overflow: hidden;
    border: 0.5px solid var(--border);
    transition: var(--transition);
    background: #fff;
}

.unione-comparison-page .decision-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 60px rgba(42, 53, 69, 0.1);
}

.unione-comparison-page .decision-card.featured {
    border-color: rgba(196, 169, 106, 0.4);
}

.unione-comparison-page .decision-card.featured .card-header {
    background: var(--obsidian);
    border-bottom: none;
}

.unione-comparison-page .decision-card.featured .card-badge {
    color: var(--gold);
}

.unione-comparison-page .decision-card.featured .card-title {
    color: #fff;
}

.unione-comparison-page .card-header {
    padding: 28px 28px 20px;
    background: var(--ivory);
    border-bottom: 0.5px solid var(--border);
}

.unione-comparison-page .card-badge {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}

.unione-comparison-page .card-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--ink);
}

.unione-comparison-page .card-body {
    padding: 24px 28px;
}

.unione-comparison-page .card-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.unione-comparison-page .card-list li {
    font-size: 14px;
    color: var(--ink-mid);
    display: flex;
    align-items: flex-start;
    gap: 10px;
    line-height: 1.55;
}

.unione-comparison-page .card-list li::before {
    content: '→';
    color: var(--gold);
    font-weight: 600;
    flex-shrink: 0;
}

.unione-comparison-page .card-footer {
    padding: 0 28px 28px;
}

.unione-comparison-page .card-btn {
    display: block;
    text-align: center;
    padding: 12px;
    border-radius: var(--r-md);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: var(--transition);
}

.unione-comparison-page .card-btn.primary {
    background: var(--slate);
    color: var(--parchment);
}

.unione-comparison-page .card-btn.primary:hover {
    background: var(--slate-deep);
}

.unione-comparison-page .card-btn.gold {
    background: var(--gold);
    color: var(--obsidian);
}

.unione-comparison-page .card-btn.gold:hover {
    background: #B89858;
}

/* ═══ FINAL VERDICT ═══ */
.unione-comparison-page .verdict-final-section {
    background: var(--slate);
    padding: 80px 52px;
}

.unione-comparison-page .verdict-final-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

.unione-comparison-page .verdict-final-title {
    font-family: 'Inter Tight';
    font-size: clamp(28px, 3.5vw, 44px);
    font-weight: 400;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 24px;
}

.unione-comparison-page .verdict-final-title em {
    font-style: italic;
    color: var(--gold);
}

.unione-comparison-page .verdict-final-text {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.8;
}

.unione-comparison-page .verdict-stats {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.unione-comparison-page .verdict-stat {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 18px 24px;
    background: rgba(255, 255, 255, 0.04);
    border: 0.5px solid rgba(255, 255, 255, 0.08);
    border-radius: var(--r-lg);
    transition: var(--transition);
}

.unione-comparison-page .verdict-stat:hover {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(196, 169, 106, 0.2);
}

.unione-comparison-page .stat-number {
    font-family: 'Inter Tight', sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: var(--gold);
    min-width: 80px;
    flex-shrink: 0;
}

.unione-comparison-page .stat-text {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.5;
}

.unione-comparison-page .stat-text strong {
    color: rgba(255, 255, 255, 0.8);
    display: block;
    margin-bottom: 4px;
}

/* ═══ CTA SECTION ═══ */
.unione-comparison-page .cta-section-final {
    padding: 100px 52px;
    background: var(--gold-pale);
    border-top: 0.5px solid rgba(196, 169, 106, 0.2);
}

.unione-comparison-page .cta-inner {
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
}

.unione-comparison-page .cta-label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 20px;
}

.unione-comparison-page .cta-title {
    font-family: 'Inter Tight';
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 20px;
    line-height: 1.15;
}

.unione-comparison-page .cta-text {
    font-size: 17px;
    color: var(--ink-mid);
    line-height: 1.8;
    margin-bottom: 48px;
    font-weight: 300;
}

.unione-comparison-page .cta-buttons {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}

.unione-comparison-page .btn-cta-dark {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 500;
    padding: 16px 36px;
    border-radius: var(--r-md);
    border: none;
    background: var(--slate);
    color: var(--parchment);
    cursor: pointer;
    transition: var(--transition);
    text-decoration: none;
    display: inline-block;
}

.unione-comparison-page .btn-cta-dark:hover {
    background: var(--slate-deep);
    transform: translateY(-2px);
}

.unione-comparison-page .btn-cta-outline {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 500;
    padding: 16px 36px;
    border-radius: var(--r-md);
    border: 0.5px solid var(--border);
    background: transparent;
    color: var(--ink);
    cursor: pointer;
    transition: var(--transition);
    text-decoration: none;
    display: inline-block;
}

.unione-comparison-page .btn-cta-outline:hover {
    border-color: var(--slate);
    background: var(--ivory);
    transform: translateY(-2px);
}

/* ═══ RESPONSIVE ═══ */
@media (max-width: 1100px) {
    .unione-comparison-page .comparison-hero,
    .unione-comparison-page .scorecard-section,
    .unione-comparison-page .gaps-section,
    .unione-comparison-page .cost-section,
    .unione-comparison-page .enforcement-section,
    .unione-comparison-page .decision-section,
    .unione-comparison-page .verdict-final-section,
    .unione-comparison-page .cta-section-final {
        padding-left: 32px;
        padding-right: 32px;
    }
    
    .unione-comparison-page .gap-card {
        grid-template-columns: 60px 1fr;
    }
    
    .unione-comparison-page .cost-grid,
    .unione-comparison-page .enforcement-grid,
    .unione-comparison-page .verdict-final-inner {
        grid-template-columns: 1fr;
        gap: 48px;
    }
    
    .unione-comparison-page .decision-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .unione-comparison-page .comparison-hero,
    .unione-comparison-page .scorecard-section,
    .unione-comparison-page .gaps-section,
    .unione-comparison-page .cost-section,
    .unione-comparison-page .enforcement-section,
    .unione-comparison-page .decision-section,
    .unione-comparison-page .verdict-final-section,
    .unione-comparison-page .cta-section-final {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .unione-comparison-page .hero-bg-number {
        font-size: 180px;
        right: -40px;
    }
    
    .unione-comparison-page .hero-title {
        font-size: 32px;
    }
    
    .unione-comparison-page .hero-description {
        font-size: 15px;
    }
    
    .unione-comparison-page .gap-card {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 32px 0;
    }
    
    .unione-comparison-page .gap-content {
        padding: 0;
    }
    
    .unione-comparison-page .decision-grid {
        grid-template-columns: 1fr;
    }
    
    .unione-comparison-page .compare-table-wrapper {
        border-radius: var(--r-lg);
    }
    
    .unione-comparison-page .table-header-row th,
    .unione-comparison-page .compare-table td {
        padding: 12px 16px;
    }
    
    .unione-comparison-page .td-label {
        min-width: 180px;
    }
    
    .unione-comparison-page .cta-buttons {
        flex-direction: column;
    }
    
    .unione-comparison-page .btn-cta-dark,
    .unione-comparison-page .btn-cta-outline {
        width: 100%;
        text-align: center;
    }
    
    .unione-comparison-page .verdict-stat {
        flex-direction: column;
        text-align: center;
        gap: 8px;
    }
    
    .unione-comparison-page .stat-number {
        min-width: auto;
    }
}

@media (max-width: 480px) {
    .unione-comparison-page .hero-verdict-row {
        flex-direction: column;
    }
    
    .unione-comparison-page .hero-cta-row {
        flex-direction: column;
    }
    
    .unione-comparison-page .btn-hero-primary,
    .unione-comparison-page .btn-hero-secondary {
        width: 100%;
        text-align: center;
    }
    
    .unione-comparison-page .section-title {
        font-size: 28px;
    }
    
    .unione-comparison-page .verdict-final-title {
        font-size: 28px;
    }
    
    .unione-comparison-page .cta-title {
        font-size: 28px;
    }
}

/* // ============================================================
// FUNCTION 1: [unione_dpc_registry]
// FIX: hero-inner grid was collapsing on mobile - cert-visual hidden below
// ============================================================ */
.unione-dpc-registry-page {
    --slate: #2A3545;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
    --green: #0F7A42;
}
.unione-dpc-registry-page *, .unione-dpc-registry-page *::before, .unione-dpc-registry-page *::after {
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
}
.unione-dpc-registry-page { font-family: 'Inter', sans-serif !important; background: var(--parchment) !important; color: var(--ink) !important; }
.unione-dpc-registry-page ::selection { background: var(--obsidian) !important; color: var(--gold) !important; }

@keyframes udpc-pulse-green { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(.7)} }
@keyframes udpc-fadeUp { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:translateY(0)} }

.unione-dpc-registry-page .fade-up { animation: udpc-fadeUp .7s ease both !important; }
.unione-dpc-registry-page .fade-1 { animation-delay: .1s !important; }
.unione-dpc-registry-page .fade-2 { animation-delay: .22s !important; }
.unione-dpc-registry-page .fade-3 { animation-delay: .34s !important; }

/* BUTTONS */
.unione-dpc-registry-page .btn-verify {
    font-family: 'Inter', sans-serif !important; font-size: 14px !important; font-weight: 600 !important;
    padding: 14px 28px !important; border-radius: var(--r-md) !important; border: none !important;
    background: var(--green) !important; color: #fff !important; cursor: pointer !important;
    transition: all .2s !important; text-decoration: none !important; display: inline-block !important;
}
.unione-dpc-registry-page .btn-verify:hover { background: #0A5C30 !important; transform: translateY(-1px) !important; }
.unione-dpc-registry-page .btn-ghost {
    font-family: 'Inter', sans-serif !important; font-size: 14px !important; font-weight: 500 !important;
    padding: 14px 28px !important; border-radius: var(--r-md) !important;
    border: .5px solid rgba(255,255,255,.15) !important; background: transparent !important;
    color: rgba(255,255,255,.7) !important; cursor: pointer !important; transition: all .2s !important;
    text-decoration: none !important; display: inline-block !important;
}
.unione-dpc-registry-page .btn-ghost:hover { border-color: rgba(255,255,255,.35) !important; color: #fff !important; }

/* HERO */
.unione-dpc-registry-page .hero {
    background: var(--obsidian) !important; padding: 96px 52px 80px !important;
    position: relative !important; overflow: hidden !important;
}
.unione-dpc-registry-page .hero::before {
    content: '' !important; position: absolute !important; inset: 0 !important;
    background: radial-gradient(ellipse 50% 80% at 10% 60%,rgba(15,122,66,.06),transparent 50%),radial-gradient(ellipse 60% 60% at 85% 15%,rgba(196,169,106,.05),transparent 50%) !important;
}
.unione-dpc-registry-page .hero-inner {
    max-width: 1200px !important; margin: 0 auto !important; position: relative !important; z-index: 2 !important;
    display: grid !important; grid-template-columns: 1fr 440px !important; gap: 20px !important; align-items: center !important;
}
.unione-dpc-registry-page .h-eyebrow {
    display: inline-flex !important; align-items: center !important; gap: 8px !important;
    background: rgba(15,122,66,.1) !important; border: .5px solid rgba(15,122,66,.3) !important;
    border-radius: 100px !important; padding: 6px 16px !important; font-size: 11px !important;
    font-weight: 600 !important; letter-spacing: .1em !important; text-transform: uppercase !important;
    color: #4ADE80 !important; margin-bottom: 24px !important;
}
.unione-dpc-registry-page .green-dot {
    width: 6px !important; height: 6px !important; border-radius: 50% !important;
    background: #4ADE80 !important; animation: udpc-pulse-green 1.5s ease-in-out infinite !important;
}
.unione-dpc-registry-page .h-title {
    font-family: 'Inter Tight', sans-serif !important; font-size: clamp(32px,4.5vw,56px) !important;
    font-weight: 700 !important; letter-spacing: -.04em !important; line-height: 1.06 !important;
    color: #fff !important; margin-bottom: 20px !important;
}
.unione-dpc-registry-page .h-sub {
    font-size: 17px !important; color: rgba(255,255,255,.45) !important; line-height: 1.8 !important;
    max-width: 480px !important; margin-bottom: 36px !important;
}
.unione-dpc-registry-page .h-actions { display: flex !important; gap: 12px !important; flex-wrap: wrap !important; }

/* CERT VISUAL */
.unione-dpc-registry-page .cert-visual {
    background: rgba(255,255,255,.04) !important; border: .5px solid rgba(255,255,255,.08) !important;
    border-radius: var(--r-xl) !important; padding: 32px !important;
}
.unione-dpc-registry-page .cv-header {
    display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 20px !important;
}
.unione-dpc-registry-page .cv-logo {
    font-family: 'Inter Tight', sans-serif !important; font-size: 14px !important; font-weight: 700 !important;
    letter-spacing: .2em !important; color: var(--gold) !important;
}
.unione-dpc-registry-page .cv-badge {
    display: flex !important; align-items: center !important; gap: 6px !important;
    background: rgba(15,122,66,.12) !important; border: .5px solid rgba(15,122,66,.3) !important;
    border-radius: 6px !important; padding: 4px 10px !important; font-size: 11px !important;
    font-weight: 600 !important; color: #4ADE80 !important;
}
.unione-dpc-registry-page .cv-title {
    font-size: 11px !important; font-weight: 600 !important; letter-spacing: .14em !important;
    text-transform: uppercase !important; color: rgba(255,255,255,.3) !important; margin-bottom: 8px !important;
}
.unione-dpc-registry-page .cv-cert-name {
    font-size: 22px !important; color: #fff !important; margin-bottom: 20px !important;
}
.unione-dpc-registry-page .cv-fields { display: flex !important; flex-direction: column !important; gap: 12px !important; margin-bottom: 20px !important; }
.unione-dpc-registry-page .cvf {
    display: flex !important; justify-content: space-between !important; align-items: center !important;
    padding: 8px 0 !important; border-bottom: .5px solid rgba(255,255,255,.05) !important;
}
.unione-dpc-registry-page .cvf-label { font-size: 11px !important; color: rgba(255,255,255,.3) !important; }
.unione-dpc-registry-page .cvf-value { font-size: 12px !important; color: rgba(255,255,255,.6) !important; font-weight: 500 !important; }
.unione-dpc-registry-page .cvf-value.gold { color: var(--gold) !important; }
.unione-dpc-registry-page .cv-qr {
    width: 64px !important; height: 64px !important; border-radius: var(--r-md) !important;
    background: rgba(255,255,255,.06) !important; display: flex !important; align-items: center !important;
    justify-content: center !important; font-size: 28px !important; border: .5px solid rgba(255,255,255,.08) !important;
}
.unione-dpc-registry-page .cv-seal { display: flex !important; align-items: center !important; gap: 12px !important; margin-top: 4px !important; }
.unione-dpc-registry-page .cv-seal-text { font-size: 11px !important; color: rgba(255,255,255,.25) !important; line-height: 1.5 !important; flex: 1 !important; }

/* SECTION */
.unione-dpc-registry-page .sec { padding: 80px 52px !important; }
.unione-dpc-registry-page .sec-inner { max-width: 1200px !important; margin: 0 auto !important; }
.unione-dpc-registry-page .sec-tag {
    font-size: 11px !important; font-weight: 600 !important; letter-spacing: .14em !important;
    text-transform: uppercase !important; color: var(--gold) !important; margin-bottom: 10px !important;
    display: flex !important; align-items: center !important; gap: 10px !important;
}
.unione-dpc-registry-page .sec-tag::before {
    content: '' !important; display: inline-block !important; width: 24px !important;
    height: 1px !important; background: var(--gold) !important;
}
.unione-dpc-registry-page .sec-title {
    font-family: 'Inter Tight', sans-serif !important; font-size: clamp(26px,3.2vw,40px) !important;
    font-weight: 700 !important; letter-spacing: -.03em !important; color: var(--ink) !important; margin-bottom: 12px !important;
}
.unione-dpc-registry-page .sec-sub {
    font-size: 15px !important; color: var(--ink-mid) !important; line-height: 1.8 !important;
    max-width: 580px !important; margin-bottom: 44px !important;
}
.unione-dpc-registry-page .divider { height: .5px !important; background: var(--border) !important; margin: 0 52px !important; }

/* SEARCH */
.unione-dpc-registry-page .search-section { background: var(--ivory) !important; padding: 64px 52px !important; }
.unione-dpc-registry-page .search-inner { max-width: 760px !important; margin: 0 auto !important; text-align: center !important; }
.unione-dpc-registry-page .si-title {
    font-family: 'Inter Tight', sans-serif !important; font-size: 28px !important;
    font-weight: 700 !important; color: var(--ink) !important; margin-bottom: 8px !important;
}
.unione-dpc-registry-page .si-sub { font-size: 15px !important; color: var(--ink-mid) !important; margin-bottom: 32px !important; line-height: 1.7 !important; }
.unione-dpc-registry-page .search-box {
    display: flex !important; border: .5px solid var(--border) !important; border-radius: var(--r-md) !important;
    overflow: hidden !important; background: var(--white) !important; box-shadow: 0 4px 20px rgba(42,53,69,.06) !important;
}
.unione-dpc-registry-page .sb-input {
    flex: 1 !important; font-family: 'Inter', sans-serif !important; font-size: 15px !important;
    padding: 16px 20px !important; border: none !important; outline: none !important; background: transparent !important;
}
.unione-dpc-registry-page .sb-select {
    font-family: 'Inter', sans-serif !important; font-size: 13px !important; padding: 0 16px !important;
    border: none !important; border-left: .5px solid var(--border) !important;
    background: var(--ivory) !important; color: var(--ink-mid) !important; outline: none !important; cursor: pointer !important;
}
.unione-dpc-registry-page .sb-search-btn {
    font-family: 'Inter', sans-serif !important; font-size: 14px !important; font-weight: 600 !important;
    padding: 0 24px !important; border: none !important; background: var(--slate) !important;
    color: #fff !important; cursor: pointer !important; transition: all .2s !important;
}
.unione-dpc-registry-page .sb-search-btn:hover { background: var(--obsidian) !important; }
.unione-dpc-registry-page .search-hint { font-size: 12px !important; color: var(--ink-mute) !important; margin-top: 12px !important; }

/* HOW IT WORKS */
.unione-dpc-registry-page .how-grid {
    display: grid !important; grid-template-columns: repeat(4,1fr) !important; gap: 0 !important;
    margin-top: 44px !important; border: .5px solid var(--border) !important;
    border-radius: var(--r-xl) !important; overflow: hidden !important;
}
.unione-dpc-registry-page .how-step { padding: 32px 28px !important; border-right: .5px solid var(--border) !important; }
.unione-dpc-registry-page .how-step:last-child { border-right: none !important; }
.unione-dpc-registry-page .hs-num {
    font-family: 'Inter Tight', sans-serif !important; font-size: 40px !important; font-weight: 800 !important;
    color: rgba(196,169,106,.2) !important; margin-bottom: 12px !important;
}
.unione-dpc-registry-page .hs-title {
    font-family: 'Inter Tight', sans-serif !important; font-size: 16px !important;
    font-weight: 600 !important; color: var(--ink) !important; margin-bottom: 8px !important;
}
.unione-dpc-registry-page .hs-body { font-size: 13px !important; color: var(--ink-mid) !important; line-height: 1.65 !important; }

/* DPC TYPES */
.unione-dpc-registry-page .dpc-types { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 20px !important; margin-top: 44px !important; }
.unione-dpc-registry-page .dt-card {
    border: .5px solid var(--border) !important; border-radius: var(--r-xl) !important;
    padding: 28px !important; transition: all .2s !important;
}
.unione-dpc-registry-page .dt-card:hover { border-color: rgba(196,169,106,.35) !important; transform: translateY(-2px) !important; }
.unione-dpc-registry-page .dt-badge {
    display: inline-flex !important; align-items: center !important; gap: 6px !important;
    font-size: 11px !important; font-weight: 600 !important; padding: 4px 12px !important;
    border-radius: 100px !important; margin-bottom: 16px !important;
}
.unione-dpc-registry-page .dt-badge.gold { background: rgba(196,169,106,.12) !important; border: .5px solid rgba(196,169,106,.25) !important; color: var(--gold) !important; }
.unione-dpc-registry-page .dt-badge.green { background: rgba(15,122,66,.1) !important; border: .5px solid rgba(15,122,66,.2) !important; color: var(--green) !important; }
.unione-dpc-registry-page .dt-badge.blue { background: rgba(74,90,128,.1) !important; border: .5px solid rgba(74,90,128,.2) !important; color: #4A5A80 !important; }
.unione-dpc-registry-page .dt-title {
    font-family: 'Inter Tight', sans-serif !important; font-size: 18px !important;
    font-weight: 600 !important; color: var(--ink) !important; margin-bottom: 10px !important;
}
.unione-dpc-registry-page .dt-desc { font-size: 14px !important; color: var(--ink-mid) !important; line-height: 1.7 !important; margin-bottom: 16px !important; }
.unione-dpc-registry-page .dt-features { list-style: none !important; display: flex !important; flex-direction: column !important; gap: 8px !important; }
.unione-dpc-registry-page .dt-features li { font-size: 13px !important; color: var(--ink-mid) !important; display: flex !important; gap: 8px !important; }
.unione-dpc-registry-page .dt-features li::before { content: '✓' !important; color: var(--green) !important; font-weight: 700 !important; flex-shrink: 0 !important; }

/* REGISTER CTA */
.unione-dpc-registry-page .register-cta { background: var(--obsidian) !important; padding: 80px 52px !important; }
.unione-dpc-registry-page .rc-inner {
    max-width: 1200px !important; margin: 0 auto !important; display: grid !important;
    grid-template-columns: 1fr 1fr !important; gap: 80px !important; align-items: center !important;
}
.unione-dpc-registry-page .rcc-tag {
    font-size: 11px !important; font-weight: 600 !important; letter-spacing: .14em !important;
    text-transform: uppercase !important; color: rgba(255,255,255,.3) !important; margin-bottom: 12px !important;
}
.unione-dpc-registry-page .rcc-title {
    font-family: 'Inter Tight', sans-serif !important; font-size: clamp(26px,3.5vw,40px) !important;
    font-weight: 700 !important; color: #fff !important; margin-bottom: 16px !important; letter-spacing: -.03em !important;
}
.unione-dpc-registry-page .rcc-body { font-size: 15px !important; color: rgba(255,255,255,.45) !important; line-height: 1.8 !important; margin-bottom: 28px !important; }
.unione-dpc-registry-page .rcc-actions { display: flex !important; gap: 12px !important; flex-wrap: wrap !important; }
.unione-dpc-registry-page .btn-cta-green {
    font-family: 'Inter', sans-serif !important; font-size: 14px !important; font-weight: 600 !important;
    padding: 14px 28px !important; border-radius: var(--r-md) !important; border: none !important;
    background: var(--green) !important; color: #fff !important; cursor: pointer !important;
    transition: all .2s !important; text-decoration: none !important; display: inline-block !important;
}
.unione-dpc-registry-page .btn-cta-green:hover { background: #0A5C30 !important; }
.unione-dpc-registry-page .rcc-steps { display: flex !important; flex-direction: column !important; gap: 16px !important; }
.unione-dpc-registry-page .rcs { display: flex !important; gap: 16px !important; align-items: flex-start !important; }
.unione-dpc-registry-page .rcs-num {
    width: 32px !important; height: 32px !important; border-radius: 50% !important;
    background: rgba(255,255,255,.06) !important; border: .5px solid rgba(255,255,255,.1) !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    font-size: 13px !important; font-weight: 700 !important; color: var(--gold) !important; flex-shrink: 0 !important;
}
.unione-dpc-registry-page .rcs-text { font-size: 14px !important; color: rgba(255,255,255,.5) !important; line-height: 1.65 !important; padding-top: 6px !important; }
.unione-dpc-registry-page .rcs-text strong { color: rgba(255,255,255,.75) !important; }

/* RESPONSIVE - KEY FIX: hero-inner grid and cert-visual display */
@media(max-width: 900px) {
    .unione-dpc-registry-page .hero-inner { grid-template-columns: 1fr !important; gap: 40px !important; }
    .unione-dpc-registry-page .cert-visual { display: block !important; }
    .unione-dpc-registry-page .rc-inner { grid-template-columns: 1fr !important; gap: 40px !important; }
    .unione-dpc-registry-page .how-grid { grid-template-columns: 1fr 1fr !important; }
    .unione-dpc-registry-page .dpc-types { grid-template-columns: 1fr !important; }
    .unione-dpc-registry-page .sec,
    .unione-dpc-registry-page .hero,
    .unione-dpc-registry-page .search-section,
    .unione-dpc-registry-page .register-cta { padding-left: 24px !important; padding-right: 24px !important; }
    .unione-dpc-registry-page .divider { margin: 0 24px !important; }
}
@media(max-width: 600px) {
    .unione-dpc-registry-page .h-title { font-size: 28px !important; line-height: 1.2 !important; }
    .unione-dpc-registry-page .h-sub { font-size: 15px !important; }
    .unione-dpc-registry-page .hero { padding: 60px 20px 40px !important; }
    .unione-dpc-registry-page .sec { padding: 60px 20px !important; }
    .unione-dpc-registry-page .search-section { padding: 60px 20px !important; }
    .unione-dpc-registry-page .register-cta { padding: 60px 20px !important; }
    .unione-dpc-registry-page .how-grid { grid-template-columns: 1fr !important; }
    .unione-dpc-registry-page .how-step { border-right: none !important; border-bottom: .5px solid var(--border) !important; }
    .unione-dpc-registry-page .how-step:last-child { border-bottom: none !important; }
    .unione-dpc-registry-page .search-box { flex-direction: column !important; }
    .unione-dpc-registry-page .sb-select { border-left: none !important; border-top: .5px solid var(--border) !important; padding: 14px 16px !important; }
    .unione-dpc-registry-page .sb-search-btn { padding: 16px !important; width: 100% !important; }
    .unione-dpc-registry-page .cert-visual { padding: 20px !important; }
    .unione-dpc-registry-page .rcs { align-items: flex-start !important; }
}
/* ============================================================
 * UNIONE™ DOCUMENT REVIEW PAGE - FULLY RESPONSIVE
 * File: unione-document-review.css
 * Shortcode: [unione_document_review]
 * ============================================================ */

/* ── CSS VARIABLES / ROOT ── */
.unione-document-review-wrap {
    --slate: #2A3545;
    --slate-deep: #1C2534;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-light: #E8D9B0;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
}

.unione-document-review-wrap *,
.unione-document-review-wrap *::before,
.unione-document-review-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-document-review-wrap {
    scroll-behavior: smooth;
    font-family: 'Inter', sans-serif;
    background: var(--parchment);
    color: var(--ink);
    overflow-x: hidden;
}

.unione-document-review-wrap ::selection {
    background: var(--slate);
    color: var(--gold);
}

.unione-document-review-wrap ::-webkit-scrollbar {
    width: 4px;
}

.unione-document-review-wrap ::-webkit-scrollbar-track {
    background: var(--ivory);
}

.unione-document-review-wrap ::-webkit-scrollbar-thumb {
    background: var(--slate-mid);
    border-radius: 2px;
}

/* Animations */
@keyframes udr-pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(.7); }
}

@keyframes udr-fadeUp {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes udr-shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

@keyframes udr-progress {
    from { width: 0; }
    to { width: var(--w); }
}

.fade-up { animation: udr-fadeUp 0.7s cubic-bezier(.22,1,.36,1) both; }
.fade-up-1 { animation-delay: .1s; }
.fade-up-2 { animation-delay: .22s; }
.fade-up-3 { animation-delay: .34s; }

/* HERO */
.unione-document-review-wrap .hero {
    background: var(--obsidian);
    padding: 100px 52px 80px;
    position: relative;
    overflow: hidden;
}

.unione-document-review-wrap .hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 60% 80% at 85% 40%, rgba(196,169,106,0.07) 0%, transparent 55%);
    pointer-events: none;
}

.unione-document-review-wrap .hero-inner {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

.unione-document-review-wrap .hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(196,169,106,0.1);
    border: .5px solid rgba(196,169,106,0.25);
    border-radius: 100px;
    padding: 7px 18px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 28px;
}

.unione-document-review-wrap .ai-tools-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(196,169,106,0.08);
    border: .5px solid rgba(196,169,106,.2);
    border-radius: 6px;
    padding: 5px 10px;
    font-size: 10px;
    font-weight: 600;
    color: var(--gold);
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-left: 8px;
}

.unione-document-review-wrap .hero-h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(34px, 4.5vw, 54px);
    font-weight: 700;
    line-height: 1.04;
    letter-spacing: -.03em;
    color: #fff;
    margin-bottom: 20px;
}

.unione-document-review-wrap .gold-text {
    background: linear-gradient(135deg, #C4A96A 0%, #F0DFA0 50%, #C4A96A 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: udr-shimmer 4s linear infinite;
}

.unione-document-review-wrap .hero-sub {
    font-size: 16px;
    color: rgba(255,255,255,.55);
    line-height: 1.8;
    margin-bottom: 36px;
}

.unione-document-review-wrap .hero-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.unione-document-review-wrap .btn-hero-gold {
    font-size: 14px;
    font-weight: 500;
    padding: 13px 28px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
}

.unione-document-review-wrap .btn-hero-gold:hover {
    background: #B89858;
    transform: translateY(-1px);
}

.unione-document-review-wrap .btn-hero-ghost {
    font-size: 14px;
    font-weight: 500;
    padding: 13px 28px;
    border-radius: var(--r-md);
    border: .5px solid rgba(255,255,255,.2);
    background: transparent;
    color: rgba(255,255,255,.75);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
}

.unione-document-review-wrap .btn-hero-ghost:hover {
    border-color: rgba(255,255,255,.45);
    background: rgba(255,255,255,.04);
}

/* DOC REVIEW DEMO */
.unione-document-review-wrap .doc-demo {
    background: rgba(255,255,255,.04);
    border: .5px solid rgba(255,255,255,.1);
    border-radius: var(--r-xl);
    overflow: hidden;
}

.unione-document-review-wrap .doc-demo-header {
    background: rgba(255,255,255,.06);
    padding: 14px 20px;
    border-bottom: .5px solid rgba(255,255,255,.08);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.unione-document-review-wrap .dh-title {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
}

.unione-document-review-wrap .dh-status {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: var(--gold);
}

.unione-document-review-wrap .dh-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gold);
    animation: udr-pulse-dot 1.5s ease-in-out infinite;
}

.unione-document-review-wrap .doc-demo-body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.unione-document-review-wrap .doc-file-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: rgba(255,255,255,.04);
    border: .5px solid rgba(255,255,255,.08);
    border-radius: var(--r-md);
    flex-wrap: wrap;
}

.unione-document-review-wrap .doc-file-icon {
    font-size: 18px;
    width: 32px;
    text-align: center;
    flex-shrink: 0;
}

.unione-document-review-wrap .doc-file-info {
    flex: 1;
    min-width: 0;
}

.unione-document-review-wrap .doc-file-name {
    font-size: 12px;
    font-weight: 500;
    color: rgba(255,255,255,.8);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.unione-document-review-wrap .doc-file-meta {
    font-size: 11px;
    color: rgba(255,255,255,.3);
    margin-top: 2px;
}

.unione-document-review-wrap .doc-file-status {
    flex-shrink: 0;
}

.unione-document-review-wrap .status-done {
    font-size: 10px;
    font-weight: 600;
    color: #4ADE80;
    background: rgba(26,122,74,.15);
    padding: 3px 8px;
    border-radius: 4px;
}

.unione-document-review-wrap .status-active {
    font-size: 10px;
    font-weight: 600;
    color: var(--gold);
    background: rgba(196,169,106,.12);
    padding: 3px 8px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.unione-document-review-wrap .status-queue {
    font-size: 10px;
    color: rgba(255,255,255,.25);
    background: rgba(255,255,255,.05);
    padding: 3px 8px;
    border-radius: 4px;
}

.unione-document-review-wrap .doc-findings {
    background: rgba(255,255,255,.03);
    border: .5px solid rgba(255,255,255,.07);
    border-radius: var(--r-md);
    padding: 14px;
}

.unione-document-review-wrap .df-label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: rgba(255,255,255,.3);
    margin-bottom: 10px;
    font-weight: 600;
}

.unione-document-review-wrap .df-item {
    display: flex;
    gap: 10px;
    padding: 8px 0;
    border-bottom: .5px solid rgba(255,255,255,.05);
    align-items: flex-start;
    flex-wrap: wrap;
}

.unione-document-review-wrap .df-item:last-child {
    border-bottom: none;
}

.unione-document-review-wrap .df-badge {
    font-size: 10px;
    font-weight: 600;
    padding: 3px 7px;
    border-radius: 4px;
    flex-shrink: 0;
    margin-top: 1px;
}

.unione-document-review-wrap .df-badge.red {
    background: rgba(255,80,80,.12);
    color: rgba(255,140,140,.9);
}

.unione-document-review-wrap .df-badge.yellow {
    background: rgba(255,196,0,.1);
    color: rgba(255,210,60,.9);
}

.unione-document-review-wrap .df-badge.green {
    background: rgba(26,122,74,.15);
    color: #4ADE80;
}

.unione-document-review-wrap .df-text {
    font-size: 11px;
    color: rgba(255,255,255,.55);
    line-height: 1.55;
    flex: 1;
}

/* SECTIONS */
.unione-document-review-wrap .section {
    padding: 108px 52px;
}

.unione-document-review-wrap .section-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.unione-document-review-wrap .section-tag {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.unione-document-review-wrap .section-tag::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 1px;
    background: var(--gold);
}

.unione-document-review-wrap .section-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(30px, 4vw, 48px);
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1.05;
    color: var(--ink);
    margin-bottom: 20px;
}

.unione-document-review-wrap .section-sub {
    font-size: 16px;
    color: var(--ink-mid);
    line-height: 1.8;
    max-width: 580px;
    margin-bottom: 52px;
    font-weight: 300;
}

.unione-document-review-wrap .divider {
    height: .5px;
    background: var(--border);
    margin: 0 52px;
}

/* FEATURE GRID */
.unione-document-review-wrap .feat-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.unione-document-review-wrap .feat-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 36px;
    transition: all .2s;
}

.unione-document-review-wrap .feat-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 48px rgba(42,53,69,.08);
    border-color: rgba(196,169,106,.3);
}

.unione-document-review-wrap .fc-icon {
    width: 52px;
    height: 52px;
    border-radius: var(--r-lg);
    background: var(--gold-pale);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 20px;
}

.unione-document-review-wrap .fc-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 12px;
}

.unione-document-review-wrap .fc-body {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.75;
}

/* USE CASES */
.unione-document-review-wrap .uc-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    margin-top: 56px;
}

.unione-document-review-wrap .uc-card {
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    overflow: hidden;
    background: var(--white);
    transition: all .2s;
}

.unione-document-review-wrap .uc-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 36px rgba(42,53,69,.06);
}

.unione-document-review-wrap .uc-top {
    padding: 28px 28px 20px;
    border-bottom: .5px solid var(--border);
}

.unione-document-review-wrap .uc-tag {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 10px;
}

.unione-document-review-wrap .uc-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 10px;
}

.unione-document-review-wrap .uc-body {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.7;
}

.unione-document-review-wrap .uc-bottom {
    padding: 20px 28px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.unione-document-review-wrap .uc-feature {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 13px;
    color: var(--ink-mid);
}

.unione-document-review-wrap .uc-feature::before {
    content: '→';
    color: var(--gold);
    flex-shrink: 0;
    font-weight: 600;
}

/* UPLOAD SECTION */
.unione-document-review-wrap .upload-section {
    background: var(--ivory);
    padding: 108px 52px;
}

.unione-document-review-wrap .upload-inner {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.unione-document-review-wrap .upload-zone {
    border: 1.5px dashed rgba(42,53,69,.2);
    border-radius: var(--r-xl);
    padding: 64px 40px;
    cursor: pointer;
    transition: all .3s;
    background: var(--white);
    margin-bottom: 28px;
}

.unione-document-review-wrap .upload-zone:hover,
.unione-document-review-wrap .upload-zone.drag-over {
    border-color: var(--gold);
    background: var(--gold-pale);
}

.unione-document-review-wrap .upload-icon {
    font-size: 48px;
    margin-bottom: 16px;
    display: block;
}

.unione-document-review-wrap .upload-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 8px;
}

.unione-document-review-wrap .upload-sub {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.7;
    margin-bottom: 20px;
}

.unione-document-review-wrap .upload-formats {
    display: flex;
    gap: 8px;
    justify-content: center;
    flex-wrap: wrap;
}

.unione-document-review-wrap .fmt-tag {
    font-size: 11px;
    font-weight: 500;
    color: var(--ink-mute);
    background: var(--ivory);
    border: .5px solid var(--border);
    padding: 4px 10px;
    border-radius: 4px;
}

.unione-document-review-wrap .upload-note {
    font-size: 13px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    flex-wrap: wrap;
}

.unione-document-review-wrap .upload-note::before {
    content: '🔒';
    font-size: 14px;
}

/* AI TOOLS ROW */
.unione-document-review-wrap .ai-tools-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-top: 48px;
}

.unione-document-review-wrap .ai-tool-link {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px;
    border-radius: var(--r-xl);
    border: .5px solid var(--border);
    background: var(--white);
    text-decoration: none;
    transition: all .2s;
}

.unione-document-review-wrap .ai-tool-link:hover {
    border-color: rgba(196,169,106,.4);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(42,53,69,.06);
}

.unione-document-review-wrap .atl-icon {
    width: 44px;
    height: 44px;
    border-radius: var(--r-lg);
    background: var(--gold-pale);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.unione-document-review-wrap .atl-name {
    font-size: 13px;
    font-weight: 600;
    color: var(--ink);
}

.unione-document-review-wrap .atl-sub {
    font-size: 12px;
    color: var(--ink-mute);
    line-height: 1.5;
}

/* CTA */
.unione-document-review-wrap .cta-band {
    background: var(--slate);
    padding: 80px 52px;
    text-align: center;
}

.unione-document-review-wrap .cta-band-inner {
    max-width: 640px;
    margin: 0 auto;
}

.unione-document-review-wrap .cta-band-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(26px, 3.5vw, 40px);
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    letter-spacing: -.03em;
}

.unione-document-review-wrap .cta-band-sub {
    font-size: 16px;
    color: rgba(255,255,255,.5);
    line-height: 1.75;
    margin-bottom: 32px;
}

.unione-document-review-wrap .btn-cta-gold {
    font-size: 14px;
    font-weight: 500;
    padding: 14px 32px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
}

.unione-document-review-wrap .btn-cta-gold:hover {
    background: #B89858;
    transform: translateY(-1px);
}

/* FILE LIST DISPLAY SECTION */
.unione-document-review-wrap .file-list-section {
    margin-top: 32px;
    padding: 20px;
    background: var(--white);
    border-radius: var(--r-xl);
    border: .5px solid var(--border);
}

.unione-document-review-wrap .file-list-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: .5px solid var(--border);
}

.unione-document-review-wrap .file-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
}

.unione-document-review-wrap .file-card {
    background: var(--ivory);
    border-radius: var(--r-lg);
    padding: 16px;
    transition: all .2s;
    cursor: pointer;
    border: .5px solid var(--border);
}

.unione-document-review-wrap .file-card:hover {
    transform: translateY(-2px);
    border-color: var(--gold);
    box-shadow: 0 8px 24px rgba(42,53,69,.08);
}

.unione-document-review-wrap .file-card-icon {
    font-size: 28px;
    margin-bottom: 10px;
}

.unione-document-review-wrap .file-card-name {
    font-size: 13px;
    font-weight: 500;
    color: var(--ink);
    margin-bottom: 4px;
    word-break: break-word;
}

.unione-document-review-wrap .file-card-meta {
    font-size: 11px;
    color: var(--ink-mute);
}

/* PDF VIEWER MODAL */
.unione-document-review-wrap .pdf-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.85);
    z-index: 1000;
    overflow: auto;
}

.unione-document-review-wrap .pdf-modal-content {
    position: relative;
    margin: 40px auto;
    width: 90%;
    max-width: 1000px;
    background: var(--white);
    border-radius: var(--r-xl);
    overflow: hidden;
    animation: udr-fadeUp 0.3s ease;
}

.unione-document-review-wrap .pdf-modal-header {
    background: var(--slate);
    padding: 16px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.unione-document-review-wrap .pdf-modal-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.unione-document-review-wrap .pdf-modal-close {
    background: none;
    border: none;
    color: rgba(255,255,255,.6);
    font-size: 28px;
    cursor: pointer;
    padding: 0 8px;
    transition: color .2s;
}

.unione-document-review-wrap .pdf-modal-close:hover {
    color: var(--gold);
}

.unione-document-review-wrap .pdf-viewer {
    height: 70vh;
    overflow: auto;
    background: #f1f1f1;
}

.unione-document-review-wrap .pdf-iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.unione-document-review-wrap .pdf-fallback {
    padding: 40px;
    text-align: center;
}

.unione-document-review-wrap .pdf-fallback a {
    color: var(--gold);
    text-decoration: underline;
}

.unione-document-review-wrap .pdf-actions {
    padding: 16px 24px;
    background: var(--ivory);
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    border-top: .5px solid var(--border);
}

.unione-document-review-wrap .pdf-btn {
    padding: 8px 16px;
    border-radius: var(--r-md);
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.unione-document-review-wrap .pdf-btn-primary {
    background: var(--gold);
    color: var(--obsidian);
    border: none;
    cursor: pointer;
}

.unione-document-review-wrap .pdf-btn-primary:hover {
    background: #B89858;
}

.unione-document-review-wrap .pdf-btn-secondary {
    background: transparent;
    color: var(--ink-mid);
    border: .5px solid var(--border);
    cursor: pointer;
}

.unione-document-review-wrap .pdf-btn-secondary:hover {
    border-color: var(--slate);
    color: var(--slate);
}

/* PROGRESS BAR */
.unione-document-review-wrap .upload-progress {
    margin-top: 20px;
    display: none;
}

.unione-document-review-wrap .progress-bar {
    height: 4px;
    background: rgba(42,53,69,.1);
    border-radius: 2px;
    overflow: hidden;
}

.unione-document-review-wrap .progress-fill {
    height: 100%;
    width: 0;
    background: var(--gold);
    transition: width .3s ease;
}

.unione-document-review-wrap .progress-text {
    font-size: 12px;
    color: var(--ink-mute);
    margin-top: 8px;
    text-align: center;
}

/* ═══════════════════════════════════════════════════════════
RESPONSIVE BREAKPOINTS - COMPLETE
════════════════════════════════════════════════════════════ */

/* Tablet (max-width: 1024px) */
@media (max-width: 1024px) {
    .unione-document-review-wrap .hero {
        padding: 80px 32px 60px;
    }
    .unione-document-review-wrap .hero-inner {
        grid-template-columns: 1fr;
        gap: 48px;
    }
    .unione-document-review-wrap .hero-h1 {
        font-size: clamp(32px, 5vw, 44px);
    }
    .unione-document-review-wrap .hero-sub {
        font-size: 15px;
    }
    .unione-document-review-wrap .hero-actions {
        justify-content: center;
    }
    .unione-document-review-wrap .section {
        padding: 80px 32px;
    }
    .unione-document-review-wrap .feat-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .unione-document-review-wrap .uc-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .unione-document-review-wrap .ai-tools-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .unione-document-review-wrap .upload-section {
        padding: 80px 32px;
    }
    .unione-document-review-wrap .cta-band {
        padding: 60px 32px;
    }
    .unione-document-review-wrap .divider {
        margin: 0 32px;
    }
}

/* Mobile (max-width: 768px) */
@media (max-width: 768px) {
    .unione-document-review-wrap .hero {
        padding: 60px 20px 48px;
    }
    .unione-document-review-wrap .hero-eyebrow {
        font-size: 10px;
        padding: 5px 14px;
    }
    .unione-document-review-wrap .hero-h1 {
        font-size: clamp(28px, 6vw, 36px);
    }
    .unione-document-review-wrap .hero-sub {
        font-size: 14px;
        margin-bottom: 28px;
    }
    .unione-document-review-wrap .hero-actions {
        flex-direction: column;
        align-items: stretch;
    }
    .unione-document-review-wrap .hero-actions .btn-hero-gold,
    .unione-document-review-wrap .hero-actions .btn-hero-ghost {
        text-align: center;
        justify-content: center;
    }
    .unione-document-review-wrap .doc-demo-header {
        flex-direction: column;
        align-items: flex-start;
    }
    .unione-document-review-wrap .doc-file-item {
        flex-direction: column;
        align-items: flex-start;
    }
    .unione-document-review-wrap .doc-file-info {
        width: 100%;
    }
    .unione-document-review-wrap .doc-file-status {
        align-self: flex-start;
    }
    .unione-document-review-wrap .df-item {
        flex-direction: column;
        gap: 6px;
    }
    .unione-document-review-wrap .section {
        padding: 60px 20px;
    }
    .unione-document-review-wrap .section-tag {
        font-size: 10px;
    }
    .unione-document-review-wrap .section-title {
        font-size: clamp(26px, 5vw, 34px);
    }
    .unione-document-review-wrap .section-sub {
        font-size: 14px;
        margin-bottom: 32px;
    }
    .unione-document-review-wrap .feat-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .unione-document-review-wrap .feat-card {
        padding: 28px;
    }
    .unione-document-review-wrap .fc-icon {
        width: 44px;
        height: 44px;
        font-size: 20px;
    }
    .unione-document-review-wrap .fc-title {
        font-size: 16px;
    }
    .unione-document-review-wrap .fc-body {
        font-size: 13px;
    }
    .unione-document-review-wrap .uc-top {
        padding: 20px 20px 16px;
    }
    .unione-document-review-wrap .uc-title {
        font-size: 16px;
    }
    .unione-document-review-wrap .uc-body {
        font-size: 13px;
    }
    .unione-document-review-wrap .uc-bottom {
        padding: 16px 20px;
    }
    .unione-document-review-wrap .uc-feature {
        font-size: 12px;
    }
    .unione-document-review-wrap .upload-section {
        padding: 60px 20px;
    }
    .unione-document-review-wrap .upload-zone {
        padding: 48px 24px;
    }
    .unione-document-review-wrap .upload-title {
        font-size: 18px;
    }
    .unione-document-review-wrap .upload-sub {
        font-size: 13px;
    }
    .unione-document-review-wrap .upload-formats {
        gap: 6px;
    }
    .unione-document-review-wrap .fmt-tag {
        font-size: 10px;
        padding: 3px 8px;
    }
    .unione-document-review-wrap .upload-note {
        font-size: 12px;
    }
    .unione-document-review-wrap .ai-tools-row {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .unione-document-review-wrap .ai-tool-link {
        padding: 20px;
        flex-direction: row;
        align-items: center;
    }
    .unione-document-review-wrap .atl-icon {
        width: 36px;
        height: 36px;
        font-size: 18px;
    }
    .unione-document-review-wrap .atl-name {
        font-size: 13px;
    }
    .unione-document-review-wrap .atl-sub {
        font-size: 11px;
    }
    .unione-document-review-wrap .cta-band {
        padding: 48px 20px;
    }
    .unione-document-review-wrap .cta-band-title {
        font-size: clamp(24px, 5vw, 32px);
    }
    .unione-document-review-wrap .cta-band-sub {
        font-size: 14px;
        margin-bottom: 24px;
    }
    .unione-document-review-wrap .btn-cta-gold {
        padding: 12px 24px;
        font-size: 13px;
    }
    .unione-document-review-wrap .divider {
        margin: 0 20px;
    }
    
    /* PDF Modal Mobile */
    .unione-document-review-wrap .pdf-modal-content {
        width: 95%;
        margin: 20px auto;
    }
    .unione-document-review-wrap .pdf-viewer {
        height: 60vh;
    }
}

/* Small Mobile (max-width: 480px) */
@media (max-width: 480px) {
    .unione-document-review-wrap .hero {
        padding: 48px 16px 40px;
    }
    .unione-document-review-wrap .hero-eyebrow {
        font-size: 9px;
        padding: 4px 12px;
    }
    .unione-document-review-wrap .hero-h1 {
        font-size: clamp(24px, 6vw, 30px);
    }
    .unione-document-review-wrap .hero-sub {
        font-size: 13px;
    }
    .unione-document-review-wrap .btn-hero-gold,
    .unione-document-review-wrap .btn-hero-ghost {
        padding: 10px 20px;
        font-size: 13px;
    }
    .unione-document-review-wrap .doc-demo-body {
        padding: 16px;
    }
    .unione-document-review-wrap .doc-file-item {
        padding: 10px 12px;
    }
    .unione-document-review-wrap .doc-findings {
        padding: 12px;
    }
    .unione-document-review-wrap .df-text {
        font-size: 10px;
    }
    .unione-document-review-wrap .section {
        padding: 48px 16px;
    }
    .unione-document-review-wrap .section-title {
        font-size: clamp(24px, 5vw, 30px);
    }
    .unione-document-review-wrap .section-sub {
        font-size: 13px;
    }
    .unione-document-review-wrap .feat-card {
        padding: 24px;
    }
    .unione-document-review-wrap .upload-zone {
        padding: 36px 20px;
    }
    .unione-document-review-wrap .upload-icon {
        font-size: 40px;
    }
    .unione-document-review-wrap .upload-title {
        font-size: 16px;
    }
    .unione-document-review-wrap .upload-sub {
        font-size: 12px;
    }
    .unione-document-review-wrap .cta-band {
        padding: 40px 16px;
    }
    .unione-document-review-wrap .cta-band-title {
        font-size: clamp(22px, 5vw, 28px);
    }
    .unione-document-review-wrap .cta-band-sub {
        font-size: 13px;
    }
    .unione-document-review-wrap .btn-cta-gold {
        padding: 10px 20px;
        font-size: 12px;
    }
    .unione-document-review-wrap .file-grid {
        grid-template-columns: 1fr;
    }
}

/* Print styles */
@media print {
    .unione-document-review-wrap .hero-actions,
    .unione-document-review-wrap .upload-zone,
    .unione-document-review-wrap .ai-tools-row,
    .unione-document-review-wrap .cta-band,
    .unione-document-review-wrap .pdf-modal {
        display: none !important;
    }
    .unione-document-review-wrap .hero {
        background: white !important;
        color: black !important;
        padding: 20px !important;
    }
    .unione-document-review-wrap .hero-h1 {
        color: black !important;
    }
    .unione-document-review-wrap .gold-text {
        background: none !important;
        -webkit-text-fill-color: black !important;
        color: black !important;
    }
    .unione-document-review-wrap .doc-demo {
        border: 1px solid #ccc !important;
        background: white !important;
    }
    .unione-document-review-wrap .feat-card {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}
/* ============================================================
 * UNIONE™ EMERGENCY ARBITRATOR PAGE — FULLY RESPONSIVE
 * File: unione-ea.css
 * Shortcode: [unione_emergency_arbitrator]
 * ============================================================= */

.unione-ea-page {
    --slate: #2A3545;
    --slate-deep: #1C2534;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
    --red: #C03030;
}

.unione-ea-page *,
.unione-ea-page *::before,
.unione-ea-page *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-ea-page {
    font-family: 'Inter', sans-serif;
    background: var(--parchment);
    color: var(--ink);
    overflow-x: hidden;
    scroll-behavior: smooth;
}

.unione-ea-page ::selection {
    background: var(--obsidian);
    color: var(--gold);
}

.unione-ea-page ::-webkit-scrollbar {
    width: 3px;
}

.unione-ea-page ::-webkit-scrollbar-track {
    background: var(--ivory);
}

.unione-ea-page ::-webkit-scrollbar-thumb {
    background: var(--slate-mid);
    border-radius: 2px;
}

@keyframes ueap-red {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(.8); }
}

@keyframes ueap-fadeUp {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
}

.unione-ea-page .fade-up {
    animation: ueap-fadeUp .7s ease both;
}

.unione-ea-page .fade-up-1 {
    animation-delay: .1s;
}

.unione-ea-page .fade-up-2 {
    animation-delay: .22s;
}

.unione-ea-page .fade-up-3 {
    animation-delay: .34s;
}

/* ── BUTTONS ── */
.unione-ea-page .btn-outline {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: .5px solid var(--border);
    background: transparent;
    color: var(--ink);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.unione-ea-page .btn-outline:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

.unione-ea-page .btn-gold {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.unione-ea-page .btn-gold:hover {
    background: #B89858;
}

/* ── HERO ── */
.unione-ea-page .hero {
    background: var(--obsidian);
    padding: 80px 52px 80px;
    position: relative;
    overflow: hidden;
}

.unione-ea-page .hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 60% 70% at 80% 30%, rgba(192,48,48,.08), transparent 55%),
                radial-gradient(ellipse 40% 60% at 5% 70%, rgba(42,53,69,.5), transparent 50%);
}

.unione-ea-page .hero-inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 80px;
    align-items: center;
}

.unione-ea-page .hero-urgency {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(192,48,48,.12);
    border: .5px solid rgba(192,48,48,.3);
    border-radius: 100px;
    padding: 7px 18px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #FF8080;
    margin-bottom: 28px;
}

.unione-ea-page .urgency-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #FF6060;
    animation: ueap-red 1.2s ease-in-out infinite;
    flex-shrink: 0;
}

.unione-ea-page .hero-h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(30px, 5vw, 58px);
    font-weight: 700;
    line-height: 1.04;
    letter-spacing: -.035em;
    color: #fff;
    margin-bottom: 20px;
    max-width: 600px;
}

.unione-ea-page .hero-h1 .gold {
    color: var(--gold);
}

.unione-ea-page .hero-sub {
    font-size: 16px;
    color: rgba(255,255,255,.55);
    line-height: 1.8;
    max-width: 500px;
    margin-bottom: 36px;
}

.unione-ea-page .hero-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.unione-ea-page .btn-emergency {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 14px 28px;
    border-radius: var(--r-md);
    border: none;
    background: #C03030;
    color: #fff;
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.unione-ea-page .btn-emergency:hover {
    background: #A02020;
    transform: translateY(-1px);
    box-shadow: 0 8px 24px rgba(192,48,48,.4);
}

.unione-ea-page .btn-ghost {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 14px 28px;
    border-radius: var(--r-md);
    border: .5px solid rgba(255,255,255,.15);
    background: transparent;
    color: rgba(255,255,255,.7);
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
}

.unione-ea-page .btn-ghost:hover {
    border-color: rgba(255,255,255,.35);
    color: #fff;
}

/* ── CLOCK VISUAL ── */
.unione-ea-page .clock-visual {
    background: rgba(255,255,255,.04);
    border: .5px solid rgba(255,255,255,.08);
    border-radius: var(--r-xl);
    padding: 40px;
    text-align: center;
    min-width: 200px;
    flex-shrink: 0;
}

.unione-ea-page .clock-label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(255,255,255,.3);
    margin-bottom: 20px;
}

.unione-ea-page .clock-ring {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 0 auto 20px;
}

.unione-ea-page .clock-ring svg {
    transform: rotate(-90deg);
}

.unione-ea-page .clock-ring circle.bg {
    fill: none;
    stroke: rgba(255,255,255,.06);
    stroke-width: 8;
}

.unione-ea-page .clock-ring circle.progress {
    fill: none;
    stroke: var(--gold);
    stroke-width: 8;
    stroke-dasharray: 220;
    stroke-dashoffset: 55;
    stroke-linecap: round;
}

.unione-ea-page .clock-center {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.unione-ea-page .clock-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
}

.unione-ea-page .clock-unit {
    font-size: 11px;
    color: rgba(255,255,255,.3);
    font-weight: 500;
    letter-spacing: .08em;
}

.unione-ea-page .clock-desc {
    font-size: 12px;
    color: rgba(255,255,255,.45);
    line-height: 1.5;
}

/* ── SECTIONS ── */
.unione-ea-page .section {
    padding: 80px 52px;
}

.unione-ea-page .section-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.unione-ea-page .section-tag {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.unione-ea-page .section-tag::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 1px;
    background: var(--gold);
}

.unione-ea-page .section-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(24px, 3.5vw, 44px);
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1.08;
    color: var(--ink);
    margin-bottom: 16px;
}

.unione-ea-page .section-sub {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.8;
    max-width: 580px;
    margin-bottom: 48px;
}

.unione-ea-page .divider {
    height: .5px;
    background: var(--border);
    margin: 0 52px;
}

/* ── TIMELINE ── */
.unione-ea-page .ea-timeline {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 48px;
}

.unione-ea-page .eat-row {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 32px;
    padding: 28px 0;
    border-bottom: .5px solid var(--border);
    position: relative;
}

.unione-ea-page .eat-row:last-child {
    border-bottom: none;
}

.unione-ea-page .eat-time {
    font-family: 'Inter Tight', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: var(--gold);
    padding-top: 4px;
}

.unione-ea-page .eat-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 8px;
}

.unione-ea-page .eat-body {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.7;
}

.unione-ea-page .eat-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 4px;
    margin-top: 8px;
}

.unione-ea-page .badge-live {
    background: rgba(192,48,48,.1);
    color: #E07070;
    border: .5px solid rgba(192,48,48,.2);
}

.unione-ea-page .badge-gold {
    background: rgba(196,169,106,.12);
    color: var(--gold);
    border: .5px solid rgba(196,169,106,.2);
}

/* ── RELIEF GRID ── */
.unione-ea-page .relief-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 48px;
}

.unione-ea-page .relief-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 28px;
    transition: all .2s;
}

.unione-ea-page .relief-card:hover {
    border-color: rgba(196,169,106,.3);
    transform: translateY(-2px);
}

.unione-ea-page .rc-icon {
    font-size: 26px;
    margin-bottom: 12px;
    display: block;
}

.unione-ea-page .rc-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 8px;
}

.unione-ea-page .rc-body {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.7;
}

/* ── PPO SECTION ── */
.unione-ea-page .ppo-section {
    background: var(--obsidian);
    padding: 80px 52px;
}

.unione-ea-page .ppo-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
}

.unione-ea-page .ppo-tag {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(255,255,255,.3);
    margin-bottom: 12px;
}

.unione-ea-page .ppo-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(22px, 3.5vw, 40px);
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    letter-spacing: -.03em;
}

.unione-ea-page .ppo-body {
    font-size: 15px;
    color: rgba(255,255,255,.5);
    line-height: 1.8;
}

.unione-ea-page .ppo-body strong {
    color: rgba(255,255,255,.8);
}

.unione-ea-page .ppo-card {
    background: rgba(255,255,255,.04);
    border: .5px solid rgba(255,255,255,.08);
    border-radius: var(--r-xl);
    padding: 32px;
}

.unione-ea-page .ppo-card-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: var(--gold);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.unione-ea-page .ppo-steps {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.unione-ea-page .ppo-step {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.unione-ea-page .ppo-step-num {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(196,169,106,.15);
    border: .5px solid rgba(196,169,106,.25);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    color: var(--gold);
    flex-shrink: 0;
}

.unione-ea-page .ppo-step-text {
    font-size: 13px;
    color: rgba(255,255,255,.5);
    line-height: 1.6;
    padding-top: 4px;
}

.unione-ea-page .ppo-step-text strong {
    color: rgba(255,255,255,.75);
}

/* ── APPLY SECTION ── */
.unione-ea-page .apply-section {
    padding: 80px 52px;
    background: var(--ivory);
}

.unione-ea-page .apply-inner {
    max-width: 800px;
    margin: 0 auto;
}

.unione-ea-page .apply-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(24px, 3.5vw, 40px);
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 12px;
    letter-spacing: -.03em;
}

.unione-ea-page .apply-sub {
    font-size: 15px;
    color: var(--ink-mid);
    margin-bottom: 40px;
    line-height: 1.7;
}

.unione-ea-page .apply-checklist {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 40px;
}

.unione-ea-page .ac-item {
    display: flex;
    gap: 14px;
    padding: 18px 20px;
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-lg);
    transition: all .2s;
}

.unione-ea-page .ac-item:hover {
    border-color: rgba(196,169,106,.3);
}

.unione-ea-page .ac-check {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--gold-pale);
    border: .5px solid rgba(196,169,106,.3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    color: var(--gold);
    flex-shrink: 0;
    margin-top: 2px;
}

.unione-ea-page .ac-text {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.6;
}

.unione-ea-page .ac-text strong {
    color: var(--ink);
    display: block;
    margin-bottom: 2px;
}

.unione-ea-page .apply-cta {
    background: rgba(192,48,48,.06);
    border: .5px solid rgba(192,48,48,.2);
    border-radius: var(--r-xl);
    padding: 32px;
    text-align: center;
}

.unione-ea-page .act-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 10px;
}

.unione-ea-page .act-sub {
    font-size: 14px;
    color: var(--ink-mid);
    margin-bottom: 24px;
    line-height: 1.65;
}

.unione-ea-page .act-actions {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

/* ── FOOTER ── */
.unione-ea-page .footer {
    background: var(--obsidian);
    padding: 64px 52px 32px;
}

/* =========================================================
   RESPONSIVE BREAKPOINTS
   ========================================================= */

/* TABLET: ≤ 1024px */
@media (max-width: 1024px) {
    .unione-ea-page .hero-inner {
        grid-template-columns: 1fr;
        gap: 48px;
    }
    .unione-ea-page .clock-visual {
        display: none;
    }
    .unione-ea-page .ppo-inner {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .unione-ea-page .relief-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* MOBILE LARGE: ≤ 768px */
@media (max-width: 768px) {
    .unione-ea-page .hero {
        padding: 64px 24px 56px;
    }
    .unione-ea-page .hero-h1 {
        font-size: clamp(28px, 8vw, 40px);
    }
    .unione-ea-page .hero-sub {
        font-size: 15px;
    }
    .unione-ea-page .hero-actions {
        flex-direction: column;
        gap: 10px;
    }
    .unione-ea-page .btn-emergency,
    .unione-ea-page .btn-ghost {
        width: 100%;
        text-align: center;
        justify-content: center;
        padding: 14px 20px;
    }
    .unione-ea-page .section {
        padding: 60px 24px;
    }
    .unione-ea-page .divider {
        margin: 0 24px;
    }
    .unione-ea-page .section-title {
        font-size: clamp(22px, 6vw, 32px);
    }
    .unione-ea-page .section-sub {
        font-size: 14px;
        margin-bottom: 32px;
    }
    .unione-ea-page .eat-row {
        grid-template-columns: 1fr;
        gap: 6px;
        padding: 22px 0;
    }
    .unione-ea-page .eat-time {
        font-size: 11px;
        letter-spacing: .08em;
        text-transform: uppercase;
        padding-top: 0;
    }
    .unione-ea-page .eat-title {
        font-size: 16px;
    }
    .unione-ea-page .relief-grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 32px;
    }
    .unione-ea-page .relief-card {
        padding: 22px;
    }
    .unione-ea-page .ppo-section {
        padding: 60px 24px;
    }
    .unione-ea-page .ppo-inner {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .unione-ea-page .ppo-title {
        font-size: clamp(22px, 6vw, 32px);
    }
    .unione-ea-page .ppo-body {
        font-size: 14px;
    }
    .unione-ea-page .ppo-card {
        padding: 24px;
    }
    .unione-ea-page .apply-section {
        padding: 60px 24px;
    }
    .unione-ea-page .apply-title {
        font-size: clamp(22px, 6vw, 32px);
    }
    .unione-ea-page .apply-cta {
        padding: 24px 18px;
    }
    .unione-ea-page .act-title {
        font-size: 18px;
    }
    .unione-ea-page .act-actions {
        flex-direction: column;
        gap: 10px;
    }
    .unione-ea-page .act-actions .btn-emergency,
    .unione-ea-page .act-actions .btn-outline {
        width: 100%;
        text-align: center;
        justify-content: center;
        display: flex;
        align-items: center;
    }
    .unione-ea-page .footer {
        padding: 48px 24px 28px;
    }
}

/* MOBILE SMALL: ≤ 480px */
@media (max-width: 480px) {
    .unione-ea-page .hero {
        padding: 52px 16px 48px;
    }
    .unione-ea-page .hero-urgency {
        font-size: 10px;
        padding: 6px 14px;
    }
    .unione-ea-page .hero-h1 {
        font-size: clamp(26px, 9vw, 36px);
    }
    .unione-ea-page .section {
        padding: 48px 16px;
    }
    .unione-ea-page .ppo-section,
    .unione-ea-page .apply-section {
        padding: 48px 16px;
    }
    .unione-ea-page .divider {
        margin: 0 16px;
    }
    .unione-ea-page .ac-item {
        padding: 14px 14px;
        gap: 10px;
    }
    .unione-ea-page .ac-text {
        font-size: 13px;
    }
    .unione-ea-page .ppo-step-text {
        font-size: 12px;
    }
    .unione-ea-page .relief-card {
        padding: 18px;
        border-radius: var(--r-lg);
    }
}
/* ============================================================
 * UNIONE™ HEARING INTELLIGENCE PAGE — FULLY RESPONSIVE
 * File: unione-hi.css
 * Shortcode: [unione_hearing_intelligence]
 * ============================================================= */

.unione-hi-page {
    --slate: #2A3545;
    --slate-deep: #1C2534;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-light: #E8D9B0;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
}

.unione-hi-page *,
.unione-hi-page *::before,
.unione-hi-page *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-hi-page {
    scroll-behavior: smooth;
    font-family: 'Inter', sans-serif;
    background: var(--parchment);
    color: var(--ink);
    overflow-x: hidden;
}

.unione-hi-page ::selection {
    background: var(--slate);
    color: var(--gold);
}

/* ── ANIMATIONS ── */
@keyframes uhi-pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(.7); }
}

@keyframes uhi-fadeUp {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes uhi-shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

@keyframes uhi-blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

@keyframes uhi-waveform {
    0%, 100% { height: 8px; }
    50% { height: 24px; }
}

.unione-hi-page .fade-up {
    animation: uhi-fadeUp 0.7s cubic-bezier(.22, 1, .36, 1) both;
}

.unione-hi-page .fade-up-1 {
    animation-delay: .1s;
}

.unione-hi-page .fade-up-2 {
    animation-delay: .22s;
}

.unione-hi-page .fade-up-3 {
    animation-delay: .34s;
}

/* ── HERO ── */
.unione-hi-page .hero {
    background: var(--obsidian);
    padding: 100px 52px 80px;
    position: relative;
    overflow: hidden;
}

.unione-hi-page .hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 70% 80% at 80% 30%, rgba(196,169,106,0.06) 0%, transparent 55%),
                radial-gradient(ellipse 50% 60% at 10% 70%, rgba(42,53,69,0.5) 0%, transparent 50%);
    pointer-events: none;
}

.unione-hi-page .hero-inner {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

.unione-hi-page .hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(196,169,106,0.1);
    border: .5px solid rgba(196,169,106,0.25);
    border-radius: 100px;
    padding: 7px 18px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 28px;
}

.unione-hi-page .ai-tools-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(196,169,106,0.08);
    border: .5px solid rgba(196,169,106, .2);
    border-radius: 6px;
    padding: 5px 10px;
    font-size: 10px;
    font-weight: 600;
    color: var(--gold);
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-left: 8px;
}

.unione-hi-page .hero-h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(36px, 4.5vw, 56px);
    font-weight: 700;
    line-height: 1.04;
    letter-spacing: -.03em;
    color: #fff;
    margin-bottom: 20px;
}

.unione-hi-page .hero-h1 .gold {
    background: linear-gradient(135deg, #C4A96A 0%, #F0DFA0 50%, #C4A96A 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: uhi-shimmer 4s linear infinite;
}

.unione-hi-page .hero-sub {
    font-size: 16px;
    color: rgba(255,255,255,.55);
    line-height: 1.8;
    margin-bottom: 36px;
}

.unione-hi-page .hero-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.unione-hi-page .btn-hero-gold {
    font-size: 14px;
    font-weight: 500;
    padding: 13px 28px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
}

.unione-hi-page .btn-hero-gold:hover {
    background: #B89858;
    transform: translateY(-1px);
}

.unione-hi-page .btn-hero-ghost {
    font-size: 14px;
    font-weight: 500;
    padding: 13px 28px;
    border-radius: var(--r-md);
    border: .5px solid rgba(255,255,255,.2);
    background: transparent;
    color: rgba(255,255,255,.75);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
}

.unione-hi-page .btn-hero-ghost:hover {
    border-color: rgba(255,255,255,.45);
    background: rgba(255,255,255,.04);
}

/* ── HEARING DEMO VISUAL ── */
.unione-hi-page .demo-panel {
    background: rgba(255,255,255,.04);
    border: .5px solid rgba(255,255,255,.1);
    border-radius: var(--r-xl);
    overflow: hidden;
}

.unione-hi-page .demo-header {
    background: rgba(255,255,255,.06);
    padding: 16px 20px;
    border-bottom: .5px solid rgba(255,255,255,.08);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.unione-hi-page .demo-title {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
}

.unione-hi-page .demo-dots {
    display: flex;
    gap: 6px;
}

.unione-hi-page .demo-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.unione-hi-page .demo-dot.red { background: #FF5F57; }
.unione-hi-page .demo-dot.yellow { background: #FEBC2E; }
.unione-hi-page .demo-dot.green { background: #28C840; }

.unione-hi-page .demo-body {
    padding: 20px;
}

.unione-hi-page .demo-hearing-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: rgba(196,169,106,.08);
    border: .5px solid rgba(196,169,106,.2);
    border-radius: var(--r-md);
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.unione-hi-page .demo-rec-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #FF5F57;
    animation: uhi-pulse-dot 1.2s ease-in-out infinite;
    flex-shrink: 0;
}

.unione-hi-page .demo-rec-label {
    font-size: 12px;
    font-weight: 500;
    color: var(--gold);
}

.unione-hi-page .demo-timer {
    font-family: 'Inter Tight', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: rgba(255,255,255,.6);
    margin-left: auto;
}

.unione-hi-page .waveform {
    display: flex;
    align-items: center;
    gap: 2px;
    height: 28px;
}

.unione-hi-page .wave-bar {
    width: 3px;
    border-radius: 2px;
    background: var(--gold);
    opacity: .6;
}

.unione-hi-page .wave-bar:nth-child(1) { animation: uhi-waveform .8s ease-in-out infinite .0s; }
.unione-hi-page .wave-bar:nth-child(2) { animation: uhi-waveform .8s ease-in-out infinite .1s; }
.unione-hi-page .wave-bar:nth-child(3) { animation: uhi-waveform .8s ease-in-out infinite .2s; }
.unione-hi-page .wave-bar:nth-child(4) { animation: uhi-waveform .8s ease-in-out infinite .05s; }
.unione-hi-page .wave-bar:nth-child(5) { animation: uhi-waveform .8s ease-in-out infinite .15s; }
.unione-hi-page .wave-bar:nth-child(6) { animation: uhi-waveform .8s ease-in-out infinite .25s; }
.unione-hi-page .wave-bar:nth-child(7) { animation: uhi-waveform .8s ease-in-out infinite .08s; }
.unione-hi-page .wave-bar:nth-child(8) { animation: uhi-waveform .8s ease-in-out infinite .18s; }

.unione-hi-page .transcript-box {
    background: rgba(255,255,255,.03);
    border: .5px solid rgba(255,255,255,.07);
    border-radius: var(--r-md);
    padding: 16px;
    margin-bottom: 16px;
    max-height: 160px;
    overflow-y: auto;
}

.unione-hi-page .t-line {
    display: flex;
    gap: 10px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.unione-hi-page .t-line:last-child {
    margin-bottom: 0;
}

.unione-hi-page .t-speaker {
    font-size: 11px;
    font-weight: 600;
    color: var(--gold);
    min-width: 80px;
    flex-shrink: 0;
    padding-top: 1px;
}

.unione-hi-page .t-text {
    font-size: 12px;
    color: rgba(255,255,255,.6);
    line-height: 1.6;
    flex: 1;
}

.unione-hi-page .t-cursor {
    display: inline-block;
    width: 2px;
    height: 12px;
    background: var(--gold);
    animation: uhi-blink 1s ease-in-out infinite;
    vertical-align: middle;
    margin-left: 2px;
}

.unione-hi-page .demo-insight-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

.unione-hi-page .demo-insight {
    background: rgba(255,255,255,.03);
    border: .5px solid rgba(255,255,255,.07);
    border-radius: var(--r-md);
    padding: 12px;
}

.unione-hi-page .d-i-label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: rgba(255,255,255,.3);
    margin-bottom: 4px;
}

.unione-hi-page .d-i-val {
    font-size: 13px;
    font-weight: 500;
    color: rgba(255,255,255,.8);
}

.unione-hi-page .d-i-val.gold { color: var(--gold); }
.unione-hi-page .d-i-val.green { color: #4ADE80; }

/* ── SECTIONS ── */
.unione-hi-page .section {
    padding: 108px 52px;
}

.unione-hi-page .section-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.unione-hi-page .section-tag {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.unione-hi-page .section-tag::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 1px;
    background: var(--gold);
}

.unione-hi-page .section-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(30px, 4vw, 48px);
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1.05;
    color: var(--ink);
    margin-bottom: 20px;
}

.unione-hi-page .section-sub {
    font-size: 16px;
    color: var(--ink-mid);
    line-height: 1.8;
    max-width: 580px;
    margin-bottom: 52px;
    font-weight: 300;
}

.unione-hi-page .divider {
    height: .5px;
    background: var(--border);
    margin: 0 52px;
}

/* ── FEATURES GRID ── */
.unione-hi-page .features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.unione-hi-page .feature-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 36px;
    transition: all .2s;
    position: relative;
    overflow: hidden;
}

.unione-hi-page .feature-card::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--gold), transparent);
    opacity: 0;
    transition: opacity .3s;
}

.unione-hi-page .feature-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 48px rgba(42,53,69,.08);
}

.unione-hi-page .feature-card:hover::after {
    opacity: 1;
}

.unione-hi-page .f-icon {
    width: 52px;
    height: 52px;
    border-radius: var(--r-lg);
    background: var(--gold-pale);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 20px;
}

.unione-hi-page .f-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 12px;
}

.unione-hi-page .f-body {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.75;
}

/* ── HOW IT WORKS ── */
.unione-hi-page .how-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    position: relative;
    margin-top: 56px;
}

.unione-hi-page .how-steps::before {
    content: '';
    position: absolute;
    top: 26px;
    left: 10%;
    right: 10%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--border), var(--border), transparent);
    z-index: 0;
}

.unione-hi-page .how-step {
    text-align: center;
    padding: 0 20px;
    position: relative;
    z-index: 1;
}

.unione-hi-page .step-circle {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--white);
    border: 1.5px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    font-size: 20px;
    transition: all .2s;
}

.unione-hi-page .how-step:hover .step-circle {
    border-color: var(--gold);
    background: var(--gold-pale);
}

.unione-hi-page .step-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: var(--gold);
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.unione-hi-page .step-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 8px;
}

.unione-hi-page .step-body {
    font-size: 13px;
    color: var(--ink-mid);
    line-height: 1.65;
}

/* ── CAPABILITIES ── */
.unione-hi-page .cap-two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    margin-top: 56px;
}

.unione-hi-page .cap-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.unione-hi-page .cap-item {
    display: flex;
    gap: 16px;
    padding: 20px;
    border-radius: var(--r-lg);
    border: .5px solid var(--border);
    background: var(--white);
    transition: all .2s;
}

.unione-hi-page .cap-item:hover {
    border-color: rgba(196,169,106,.4);
    background: var(--gold-pale);
}

.unione-hi-page .cap-icon {
    width: 40px;
    height: 40px;
    border-radius: var(--r-md);
    background: var(--gold-pale);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

.unione-hi-page .cap-item:hover .cap-icon {
    background: rgba(196,169,106,.2);
}

.unione-hi-page .cap-content {
    flex: 1;
}

.unione-hi-page .cap-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 4px;
}

.unione-hi-page .cap-body {
    font-size: 13px;
    color: var(--ink-mid);
    line-height: 1.6;
}

/* ── DEMO SCREEN ── */
.unione-hi-page .demo-screen {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(42,53,69,.1);
}

.unione-hi-page .ds-header {
    background: var(--slate);
    padding: 14px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.unione-hi-page .ds-title {
    font-size: 12px;
    font-weight: 500;
    color: rgba(255,255,255,.7);
}

.unione-hi-page .ds-badge {
    font-size: 10px;
    font-weight: 600;
    background: rgba(196,169,106,.2);
    color: var(--gold);
    padding: 3px 8px;
    border-radius: 4px;
    letter-spacing: .06em;
}

.unione-hi-page .ds-body {
    padding: 24px;
}

.unione-hi-page .ds-section-label {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--ink-mute);
    margin-bottom: 12px;
}

.unione-hi-page .ds-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    border-radius: var(--r-md);
    border: .5px solid var(--border);
    margin-bottom: 8px;
    font-size: 13px;
    flex-wrap: wrap;
    gap: 8px;
}

.unione-hi-page .ds-item-label {
    color: var(--ink-mid);
    font-weight: 400;
}

.unione-hi-page .ds-item-val {
    font-weight: 500;
    color: var(--ink);
}

.unione-hi-page .ds-item-val.green { color: #1A7A4A; }
.unione-hi-page .ds-item-val.gold { color: var(--gold); }

.unione-hi-page .ds-progress-row {
    margin-top: 16px;
}

.unione-hi-page .ds-progress-label {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    margin-bottom: 6px;
}

.unione-hi-page .ds-progress-label span:first-child {
    color: var(--ink-mid);
}

.unione-hi-page .ds-progress-label span:last-child {
    font-weight: 500;
    color: var(--ink);
}

.unione-hi-page .ds-bar {
    height: 6px;
    background: var(--border);
    border-radius: 3px;
    overflow: hidden;
}

.unione-hi-page .ds-fill {
    height: 100%;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--slate), var(--gold));
}

/* ── OTHER AI TOOLS ── */
.unione-hi-page .ai-tools-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 48px;
}

.unione-hi-page .ai-tool-link {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 24px;
    border-radius: var(--r-xl);
    border: .5px solid var(--border);
    background: var(--white);
    text-decoration: none;
    transition: all .2s;
}

.unione-hi-page .ai-tool-link:hover {
    border-color: rgba(196,169,106,.4);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(42,53,69,.06);
}

.unione-hi-page .atl-icon {
    width: 44px;
    height: 44px;
    border-radius: var(--r-lg);
    background: var(--gold-pale);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}

.unione-hi-page .atl-name {
    font-size: 14px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 4px;
}

.unione-hi-page .atl-sub {
    font-size: 12px;
    color: var(--ink-mute);
    line-height: 1.5;
}

/* ── CTA ── */
.unione-hi-page .cta-band {
    background: var(--slate);
    padding: 80px 52px;
    text-align: center;
}

.unione-hi-page .cta-band-inner {
    max-width: 640px;
    margin: 0 auto;
}

.unione-hi-page .cta-band-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(26px, 3.5vw, 40px);
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    letter-spacing: -.03em;
}

.unione-hi-page .cta-band-sub {
    font-size: 16px;
    color: rgba(255,255,255,.5);
    line-height: 1.75;
    margin-bottom: 32px;
}

.unione-hi-page .btn-cta-gold {
    font-size: 14px;
    font-weight: 500;
    padding: 14px 32px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
}

.unione-hi-page .btn-cta-gold:hover {
    background: #B89858;
    transform: translateY(-1px);
}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE BREAKPOINTS
   ═══════════════════════════════════════════════════════════ */

/* Tablet (max-width: 1024px) */
@media (max-width: 1024px) {
    .unione-hi-page .hero {
        padding: 80px 32px 60px;
    }
    .unione-hi-page .hero-inner {
        grid-template-columns: 1fr;
        gap: 48px;
    }
    .unione-hi-page .hero-h1 {
        font-size: clamp(32px, 5vw, 44px);
    }
    .unione-hi-page .hero-sub {
        font-size: 15px;
    }
    .unione-hi-page .section {
        padding: 80px 32px;
    }
    .unione-hi-page .features-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .unione-hi-page .how-steps {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
    }
    .unione-hi-page .how-steps::before {
        display: none;
    }
    .unione-hi-page .how-step {
        padding: 0;
    }
    .unione-hi-page .cap-two-col {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .unione-hi-page .demo-insight-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
    .unione-hi-page .ai-tools-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .unione-hi-page .cta-band {
        padding: 60px 32px;
    }
    .unione-hi-page .divider {
        margin: 0 32px;
    }
}

/* Mobile (max-width: 768px) */
@media (max-width: 768px) {
    .unione-hi-page .hero {
        padding: 60px 20px 48px;
    }
    .unione-hi-page .hero-eyebrow {
        font-size: 10px;
        padding: 5px 14px;
    }
    .unione-hi-page .hero-h1 {
        font-size: clamp(28px, 6vw, 36px);
    }
    .unione-hi-page .hero-sub {
        font-size: 14px;
        margin-bottom: 28px;
    }
    .unione-hi-page .hero-actions {
        flex-direction: column;
        align-items: stretch;
    }
    .unione-hi-page .hero-actions .btn-hero-gold,
    .unione-hi-page .hero-actions .btn-hero-ghost {
        text-align: center;
        justify-content: center;
    }
    .unione-hi-page .demo-header {
        flex-direction: column;
        align-items: flex-start;
    }
    .unione-hi-page .demo-hearing-bar {
        flex-direction: column;
        align-items: flex-start;
    }
    .unione-hi-page .demo-timer {
        margin-left: 0;
    }
    .unione-hi-page .transcript-box {
        max-height: 200px;
    }
    .unione-hi-page .t-line {
        flex-direction: column;
        gap: 4px;
    }
    .unione-hi-page .demo-insight-row {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    .unione-hi-page .section {
        padding: 60px 20px;
    }
    .unione-hi-page .section-tag {
        font-size: 10px;
    }
    .unione-hi-page .section-title {
        font-size: clamp(26px, 5vw, 34px);
    }
    .unione-hi-page .section-sub {
        font-size: 14px;
        margin-bottom: 32px;
    }
    .unione-hi-page .features-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .unione-hi-page .feature-card {
        padding: 28px;
    }
    .unione-hi-page .f-icon {
        width: 44px;
        height: 44px;
        font-size: 20px;
    }
    .unione-hi-page .f-title {
        font-size: 16px;
    }
    .unione-hi-page .f-body {
        font-size: 13px;
    }
    .unione-hi-page .how-steps {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .unione-hi-page .step-circle {
        width: 44px;
        height: 44px;
        font-size: 18px;
    }
    .unione-hi-page .cap-item {
        padding: 16px;
    }
    .unione-hi-page .cap-icon {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }
    .unione-hi-page .cap-title {
        font-size: 13px;
    }
    .unione-hi-page .cap-body {
        font-size: 12px;
    }
    .unione-hi-page .ds-header {
        flex-direction: column;
        align-items: flex-start;
    }
    .unione-hi-page .ds-body {
        padding: 20px;
    }
    .unione-hi-page .ds-item {
        flex-direction: column;
        align-items: flex-start;
    }
    .unione-hi-page .ai-tools-row {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .unione-hi-page .ai-tool-link {
        padding: 20px;
    }
    .unione-hi-page .atl-icon {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
    .unione-hi-page .atl-name {
        font-size: 13px;
    }
    .unione-hi-page .atl-sub {
        font-size: 11px;
    }
    .unione-hi-page .cta-band {
        padding: 48px 20px;
    }
    .unione-hi-page .cta-band-title {
        font-size: clamp(24px, 5vw, 32px);
    }
    .unione-hi-page .cta-band-sub {
        font-size: 14px;
        margin-bottom: 24px;
    }
    .unione-hi-page .btn-cta-gold {
        padding: 12px 24px;
        font-size: 13px;
    }
    .unione-hi-page .divider {
        margin: 0 20px;
    }
}

/* Small Mobile (max-width: 480px) */
@media (max-width: 480px) {
    .unione-hi-page .hero {
        padding: 48px 16px 40px;
    }
    .unione-hi-page .hero-eyebrow {
        font-size: 9px;
        padding: 4px 12px;
    }
    .unione-hi-page .hero-h1 {
        font-size: clamp(24px, 6vw, 30px);
    }
    .unione-hi-page .hero-sub {
        font-size: 13px;
    }
    .unione-hi-page .btn-hero-gold,
    .unione-hi-page .btn-hero-ghost {
        padding: 10px 20px;
        font-size: 13px;
    }
    .unione-hi-page .demo-body {
        padding: 16px;
    }
    .unione-hi-page .demo-hearing-bar {
        padding: 10px 12px;
    }
    .unione-hi-page .transcript-box {
        padding: 12px;
    }
    .unione-hi-page .t-speaker {
        min-width: 70px;
        font-size: 10px;
    }
    .unione-hi-page .t-text {
        font-size: 11px;
    }
    .unione-hi-page .section {
        padding: 48px 16px;
    }
    .unione-hi-page .section-title {
        font-size: clamp(24px, 5vw, 30px);
    }
    .unione-hi-page .section-sub {
        font-size: 13px;
    }
    .unione-hi-page .feature-card {
        padding: 24px;
    }
    .unione-hi-page .ds-body {
        padding: 16px;
    }
    .unione-hi-page .cta-band {
        padding: 40px 16px;
    }
    .unione-hi-page .cta-band-title {
        font-size: clamp(22px, 5vw, 28px);
    }
    .unione-hi-page .cta-band-sub {
        font-size: 13px;
    }
    .unione-hi-page .btn-cta-gold {
        padding: 10px 20px;
        font-size: 12px;
    }
}

/* Print styles */
@media print {
    .unione-hi-page .hero-actions,
    .unione-hi-page .ai-tools-row,
    .unione-hi-page .cta-band {
        display: none;
    }
    .unione-hi-page .hero {
        background: white;
        color: black;
        padding: 20px;
    }
    .unione-hi-page .hero-h1 {
        color: black;
    }
    .unione-hi-page .hero-h1 .gold {
        background: none;
        -webkit-text-fill-color: black;
        color: black;
    }
    .unione-hi-page .demo-panel {
        border: 1px solid #ccc;
        background: white;
    }
    .unione-hi-page .feature-card {
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .unione-hi-page .how-step {
        break-inside: avoid;
    }
}
/* ============================================================
UNIONE™ Terms of Service - FINAL CLEAN VERSION
File: unione-terms.css
Shortcode: [unione_terms]
Mobile + Desktop PERFECT
============================================================ */

/* RESET */
.unione-terms,
.unione-terms *,
.unione-terms *::before,
.unione-terms *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* ROOT */
.unione-terms {
    --slate: #2A3545;
    --slate-deep: #1C2534;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #FFFFFF;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    font-family: 'Inter', sans-serif;
    background: var(--parchment);
    color: var(--ink);
    overflow-x: hidden;
    line-height: 1.5;
}

/* ================= HEADER ================= */
.unione-terms .page-header {
    background: var(--obsidian);
    padding: 40px 20px;
    text-align: center;
}

.unione-terms .ph-eyebrow {
    color: var(--gold);
    font-size: 11px;
    margin-bottom: 10px;
}

.unione-terms .ph-title {
    color: #fff;
    font-size: clamp(22px, 5vw, 44px);
    font-weight: 700;
}

.unione-terms .ph-meta {
    color: rgba(255,255,255,0.5);
    font-size: 12px;
}

/* ================= LAYOUT ================= */
.unione-terms .legal-layout {
    max-width: 1200px;
    margin: auto;
    padding: 32px 16px;
}

@media (min-width: 1024px) {
    .unione-terms .legal-layout {
        display: grid;
        grid-template-columns: 240px 1fr;
        gap: 40px;
    }
}

/* ================= TOC ================= */
.unione-terms .toc-label {
    font-size: 11px;
    color: var(--ink-mute);
    margin-bottom: 10px;
}

.unione-terms .toc-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.unione-terms .toc-item a {
    display: block;
    padding: 8px 10px;
    font-size: 13px;
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 6px;
    color: var(--ink-mid);
    text-decoration: none;
    transition: all 0.2s;
}

/* DESKTOP TOC */
@media (min-width: 1024px) {
    .unione-terms .toc-sidebar {
        position: sticky;
        top: 90px;
    }
    .unione-terms .toc-list {
        gap: 4px;
    }
    .unione-terms .toc-item a {
        background: transparent;
        border: none;
        padding: 6px 10px;
    }
    .unione-terms .toc-item a:hover {
        background: var(--ivory);
    }
}

/* ACTIVE STATE */
.unione-terms .toc-item.active a {
    background: var(--gold-pale);
    color: var(--slate);
    font-weight: 500;
}

/* ================= SECTIONS ================= */
.unione-terms .legal-section {
    margin-bottom: 50px;
    scroll-margin-top: 80px;
}

.unione-terms .ls-num {
    color: var(--gold);
    font-size: 11px;
    margin-bottom: 6px;
}

.unione-terms .ls-title {
    font-size: 22px;
    margin-bottom: 18px;
    border-bottom: 1px solid var(--border);
    padding-bottom: 10px;
    font-weight: 600;
}

/* ================= TEXT CONTENT ================= */
.unione-terms .ls-body {
    font-size: 14px;
    line-height: 1.85;
    max-width: 720px;
    word-break: normal;
    overflow-wrap: break-word;
}

.unione-terms .ls-body p {
    margin-bottom: 18px;
}

/* LINKS */
.unione-terms .ls-body a {
    color: var(--slate);
    text-decoration: underline;
    word-break: normal;
    overflow-wrap: break-word;
}

.unione-terms .ls-body a:hover {
    color: var(--gold);
}

/* LISTS */
.unione-terms .ls-body ul {
    margin: 16px 0 16px 20px;
}

.unione-terms .ls-body li {
    margin-bottom: 8px;
}

/* ================= HIGHLIGHT BOX ================= */
.unione-terms .legal-highlight {
    background: var(--gold-pale);
    border-left: 4px solid var(--gold);
    padding: 16px;
    margin: 20px 0;
    border-radius: 6px;
}

.unione-terms .legal-highlight p {
    margin-bottom: 0;
}

/* ================= TABLE ================= */
.unione-terms .legal-table-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 20px 0;
}

.unione-terms .legal-table {
    width: 720px;
    min-width: 720px;
    border-collapse: collapse;
    border: 1px solid var(--border);
}

.unione-terms .legal-table th {
    background: var(--slate);
    color: #fff;
    padding: 12px;
    font-size: 13px;
    text-align: left;
}

.unione-terms .legal-table td {
    padding: 12px;
    font-size: 13px;
    border-bottom: 1px solid var(--border);
}

.unione-terms .legal-table th,
.unione-terms .legal-table td {
    white-space: nowrap;
}

/* Description column wraps */
.unione-terms .legal-table td:nth-child(2) {
    white-space: normal;
}

/* Stripes */
.unione-terms .legal-table tr:nth-child(even) {
    background: var(--ivory);
}

/* ================= MOBILE ================= */
@media (max-width: 768px) {
    .unione-terms .legal-layout {
        padding: 20px 12px;
    }
    .unione-terms .ls-body {
        font-size: 13px;
    }
    .unione-terms .legal-section {
        scroll-margin-top: 60px;
    }
}

@media (max-width: 480px) {
    .unione-terms .page-header {
        padding: 30px 16px;
    }
    .unione-terms .ph-title {
        font-size: clamp(20px, 6vw, 32px);
    }
    .unione-terms .ls-title {
        font-size: 18px;
    }
}

/* ================= PRINT ================= */
@media print {
    .unione-terms .toc-sidebar {
        display: none;
    }
    .unione-terms .page-header {
        background: transparent;
        color: black;
    }
    .unione-terms .ph-title {
        color: black;
    }
    .unione-terms .legal-highlight {
        border: 1px solid #ccc;
    }
}
/* ============================================================
 * UNIONE™ IMPACT REPORT - ALL DEVICES RESPONSIVE
 * File: unione-impact-report.css
 * Shortcode: [unione_impact_report]
 * Mobile | Tablet | Desktop | Large Screens
 * ============================================================ */

/* ── CSS VARIABLES / ROOT ── */
.unione-impact-report-wrap {
    --slate: #2A3545;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
    --slate-mid: #3D4F63;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    background: var(--parchment);
    color: var(--ink);
    overflow-x: hidden;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
}

/* ── RESET ── */
.unione-impact-report-wrap *,
.unione-impact-report-wrap *::before,
.unione-impact-report-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-impact-report-wrap ::selection {
    background: var(--obsidian);
    color: var(--gold);
}

.unione-impact-report-wrap ::-webkit-scrollbar {
    width: 3px;
}

.unione-impact-report-wrap ::-webkit-scrollbar-track {
    background: var(--ivory);
}

.unione-impact-report-wrap ::-webkit-scrollbar-thumb {
    background: var(--slate-mid);
    border-radius: 2px;
}

/* ── KEYFRAMES / ANIMATIONS ── */
@keyframes uir-fadeUp {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes uir-shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

.unione-impact-report-wrap .fade-up {
    animation: uir-fadeUp 0.7s ease both;
}

.unione-impact-report-wrap .fade-up-1 {
    animation-delay: 0.1s;
}

.unione-impact-report-wrap .fade-up-2 {
    animation-delay: 0.22s;
}

.unione-impact-report-wrap .fade-up-3 {
    animation-delay: 0.34s;
}

/* ── BUTTONS ── */
.unione-impact-report-wrap .btn-outline {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: 0.5px solid var(--border);
    background: transparent;
    color: var(--ink);
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s;
}

.unione-impact-report-wrap .btn-outline:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

.unione-impact-report-wrap .btn-gold {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s;
}

.unione-impact-report-wrap .btn-gold:hover {
    background: #B89858;
}

/* ── COVER SECTION ── */
.unione-impact-report-wrap .report-cover {
    background: var(--obsidian);
    min-height: 30vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 50px 20px !important;
    position: relative;
    overflow: hidden;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .report-cover {
        padding: 70px 32px;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .report-cover {
        padding: 80px 40px;
    }
}

@media (min-width: 1024px) {
    .unione-impact-report-wrap .report-cover {
        padding: 80px 52px;
    }
}

.unione-impact-report-wrap .report-cover::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 80% 60% at 60% 20%, rgba(196,169,106,0.06), transparent 55%);
}

.unione-impact-report-wrap .cover-inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    width: 100%;
}

.unione-impact-report-wrap .cover-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.3);
    margin-bottom: 12px;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .cover-label {
        font-size: 11px;
        letter-spacing: 0.18em;
        margin-bottom: 16px;
    }
}

.unione-impact-report-wrap .cover-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    letter-spacing: -0.04em;
    margin-bottom: 4px;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .cover-title {
        font-size: 60px;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .cover-title {
        font-size: 72px;
    }
}

@media (min-width: 1024px) {
    .unione-impact-report-wrap .cover-title {
        font-size: clamp(40px, 6vw, 80px);
    }
}

.unione-impact-report-wrap .cover-year {
    font-family: 'Inter Tight', sans-serif;
    font-size: 48px;
    font-weight: 700;
    color: var(--gold);
    line-height: 1;
    letter-spacing: -0.04em;
    margin-bottom: 20px;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .cover-year {
        font-size: 60px;
        margin-bottom: 24px;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .cover-year {
        font-size: 72px;
        margin-bottom: 28px;
    }
}

@media (min-width: 1024px) {
    .unione-impact-report-wrap .cover-year {
        font-size: clamp(40px, 6vw, 80px);
    }
}

.unione-impact-report-wrap .cover-sub {
    font-size: 14px;
    color: rgba(255,255,255,0.5);
    line-height: 1.7;
    max-width: 500px;
    margin-bottom: 32px;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .cover-sub {
        font-size: 15px;
        margin-bottom: 40px;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .cover-sub {
        font-size: 16px;
        margin-bottom: 48px;
    }
}

@media (min-width: 1024px) {
    .unione-impact-report-wrap .cover-sub {
        font-size: 18px;
    }
}

.unione-impact-report-wrap .cover-stats-row {
    display: flex;
    flex-direction: column;
    gap: 0;
    border: 0.5px solid rgba(255,255,255,0.08);
    border-radius: var(--r-xl);
    overflow: hidden;
    background: rgba(255,255,255,0.03);
}

@media (min-width: 640px) {
    .unione-impact-report-wrap .cover-stats-row {
        flex-direction: row;
    }
}

.unione-impact-report-wrap .cover-stat {
    flex: 1;
    padding: 20px 18px;
    border-right: none;
    border-bottom: 0.5px solid rgba(255,255,255,0.06);
}

@media (min-width: 640px) {
    .unione-impact-report-wrap .cover-stat {
        padding: 24px 20px;
        border-right: 0.5px solid rgba(255,255,255,0.06);
        border-bottom: none;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .cover-stat {
        padding: 28px 24px;
    }
}

.unione-impact-report-wrap .cover-stat:last-child {
    border-right: none;
    border-bottom: none;
}

.unione-impact-report-wrap .cs-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: var(--gold);
    margin-bottom: 4px;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .cs-num {
        font-size: 28px;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .cs-num {
        font-size: 32px;
    }
}

.unione-impact-report-wrap .cs-label {
    font-size: 11px;
    color: rgba(255,255,255,0.4);
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .cs-label {
        font-size: 12px;
    }
}

/* ── SECTIONS ── */
.unione-impact-report-wrap .section {
    padding: 48px 20px;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .section {
        padding: 60px 24px;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .section {
        padding: 80px 40px;
    }
}

@media (min-width: 1024px) {
    .unione-impact-report-wrap .section {
        padding: 96px 52px;
    }
}

.unione-impact-report-wrap .section-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.unione-impact-report-wrap .section-tag {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .section-tag {
        font-size: 11px;
        letter-spacing: 0.16em;
        margin-bottom: 12px;
        gap: 10px;
    }
}

.unione-impact-report-wrap .section-tag::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    background: var(--gold);
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .section-tag::before {
        width: 24px;
    }
}

.unione-impact-report-wrap .section-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.1;
    color: var(--ink);
    margin-bottom: 12px;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .section-title {
        font-size: 32px;
        margin-bottom: 14px;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .section-title {
        font-size: 38px;
        margin-bottom: 16px;
    }
}

@media (min-width: 1024px) {
    .unione-impact-report-wrap .section-title {
        font-size: clamp(28px, 3.5vw, 44px);
    }
}

.unione-impact-report-wrap .section-sub {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.7;
    max-width: 580px;
    margin-bottom: 32px;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .section-sub {
        font-size: 15px;
        margin-bottom: 40px;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .section-sub {
        font-size: 16px;
        margin-bottom: 48px;
    }
}

.unione-impact-report-wrap .divider {
    height: 0.5px;
    background: var(--border);
    margin: 0 20px;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .divider {
        margin: 0 24px;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .divider {
        margin: 0 40px;
    }
}

@media (min-width: 1024px) {
    .unione-impact-report-wrap .divider {
        margin: 0 52px;
    }
}

/* ── METRICS GRID ── */
.unione-impact-report-wrap .metrics-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 32px;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .metrics-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .metrics-grid {
        gap: 20px;
        margin-top: 40px;
    }
}

@media (min-width: 1024px) {
    .unione-impact-report-wrap .metrics-grid {
        grid-template-columns: repeat(4, 1fr);
        margin-top: 48px;
    }
}

.unione-impact-report-wrap .metric-card {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 20px;
    text-align: center;
    transition: all 0.2s;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .metric-card {
        padding: 24px;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .metric-card {
        padding: 28px;
    }
}

.unione-impact-report-wrap .metric-card:hover {
    border-color: rgba(196,169,106,0.3);
    transform: translateY(-2px);
}

.unione-impact-report-wrap .mc-icon {
    font-size: 22px;
    margin-bottom: 10px;
    display: block;
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .mc-icon {
        font-size: 24px;
        margin-bottom: 12px;
    }
}

.unione-impact-report-wrap .mc-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--gold);
    margin-bottom: 4px;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .mc-num {
        font-size: 32px;
        margin-bottom: 6px;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .mc-num {
        font-size: 36px;
    }
}

.unione-impact-report-wrap .mc-label {
    font-size: 12px;
    color: var(--ink-mid);
    font-weight: 500;
    margin-bottom: 3px;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .mc-label {
        font-size: 13px;
        margin-bottom: 4px;
    }
}

.unione-impact-report-wrap .mc-sub {
    font-size: 10px;
    color: var(--ink-mute);
    line-height: 1.5;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .mc-sub {
        font-size: 11px;
    }
}

/* ── ERR DISTRIBUTION ── */
.unione-impact-report-wrap .err-dist {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    align-items: start;
    margin-top: 32px;
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .err-dist {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        margin-top: 40px;
    }
}

@media (min-width: 1024px) {
    .unione-impact-report-wrap .err-dist {
        gap: 64px;
        margin-top: 48px;
    }
}

.unione-impact-report-wrap .err-bar-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .err-bar-list {
        gap: 16px;
    }
}

.unione-impact-report-wrap .ebr-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .ebr-header {
        margin-bottom: 6px;
    }
}

.unione-impact-report-wrap .ebr-label {
    font-size: 12px;
    font-weight: 500;
    color: var(--ink);
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .ebr-label {
        font-size: 13px;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .ebr-label {
        font-size: 14px;
    }
}

.unione-impact-report-wrap .ebr-val {
    font-size: 12px;
    font-weight: 600;
    color: var(--gold);
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .ebr-val {
        font-size: 13px;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .ebr-val {
        font-size: 14px;
    }
}

.unione-impact-report-wrap .ebr-track {
    height: 10px;
    background: var(--border);
    border-radius: 5px;
    overflow: hidden;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .ebr-track {
        height: 12px;
        border-radius: 6px;
    }
}

.unione-impact-report-wrap .ebr-fill {
    height: 100%;
    border-radius: 6px;
    transition: width 1.5s ease;
}

.unione-impact-report-wrap .fill-high {
    background: linear-gradient(90deg, #0F7A42, #4ADE80);
    width: 68%;
}

.unione-impact-report-wrap .fill-std {
    background: linear-gradient(90deg, var(--gold), #E8D9B0);
    width: 24%;
}

.unione-impact-report-wrap .fill-jsc {
    background: linear-gradient(90deg, #4A5A80, #8A9ABB);
    width: 8%;
}

.unione-impact-report-wrap .err-insight {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .err-insight {
        gap: 14px;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .err-insight {
        gap: 16px;
    }
}

.unione-impact-report-wrap .ei-card {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 18px;
    transition: all 0.2s;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .ei-card {
        padding: 20px;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .ei-card {
        padding: 24px;
    }
}

.unione-impact-report-wrap .ei-card:hover {
    border-color: rgba(196,169,106,0.3);
}

.unione-impact-report-wrap .eic-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 6px;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .eic-title {
        font-size: 16px;
        margin-bottom: 8px;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .eic-title {
        font-size: 17px;
    }
}

.unione-impact-report-wrap .eic-body {
    font-size: 12px;
    color: var(--ink-mid);
    line-height: 1.6;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .eic-body {
        font-size: 13px;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .eic-body {
        font-size: 14px;
        line-height: 1.65;
    }
}

/* ── TRACK PERFORMANCE TABLE ── */
.unione-impact-report-wrap .track-table-wrap {
    border-radius: var(--r-xl);
    border: 0.5px solid var(--border);
    overflow-x: auto;
    margin-top: 32px;
    -webkit-overflow-scrolling: touch;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .track-table-wrap {
        margin-top: 40px;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .track-table-wrap {
        margin-top: 48px;
        overflow-x: visible;
    }
}

.unione-impact-report-wrap .track-table {
    width: 100%;
    min-width: 600px;
    border-collapse: collapse;
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .track-table {
        min-width: auto;
    }
}

.unione-impact-report-wrap .track-table th {
    background: var(--obsidian);
    color: rgba(255,255,255,0.5);
    font-size: 10px;
    font-weight: 600;
    padding: 12px 12px;
    text-align: left;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .track-table th {
        font-size: 11px;
        padding: 14px 16px;
        letter-spacing: 0.08em;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .track-table th {
        padding: 14px 20px;
    }
}

.unione-impact-report-wrap .track-table td {
    padding: 12px 12px;
    font-size: 12px;
    color: var(--ink-mid);
    border-bottom: 0.5px solid var(--border);
    white-space: nowrap;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .track-table td {
        font-size: 13px;
        padding: 14px 16px;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .track-table td {
        font-size: 14px;
        padding: 16px 20px;
        white-space: normal;
    }
}

.unione-impact-report-wrap .track-table tr:last-child td {
    border-bottom: none;
}

.unione-impact-report-wrap .track-table tr:hover td {
    background: var(--gold-pale);
}

.unione-impact-report-wrap .tt-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: var(--gold);
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .tt-num {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .tt-num {
        font-size: 17px;
    }
}

.unione-impact-report-wrap .tt-green {
    color: #0F7A42;
    font-weight: 600;
}

/* ── PANEL DIVERSITY ── */
.unione-impact-report-wrap .diversity-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 32px;
}

@media (min-width: 640px) {
    .unione-impact-report-wrap .diversity-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (min-width: 1024px) {
    .unione-impact-report-wrap .diversity-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
        margin-top: 48px;
    }
}

.unione-impact-report-wrap .div-card {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 20px;
    transition: all 0.2s;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .div-card {
        padding: 24px;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .div-card {
        padding: 28px;
    }
}

.unione-impact-report-wrap .div-card:hover {
    border-color: rgba(196,169,106,0.3);
}

.unione-impact-report-wrap .dc-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 14px;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .dc-title {
        font-size: 15px;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .dc-title {
        font-size: 16px;
        margin-bottom: 16px;
    }
}

.unione-impact-report-wrap .dc-bars {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .dc-bars {
        gap: 10px;
    }
}

.unione-impact-report-wrap .dcb-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .dcb-row {
        gap: 12px;
    }
}

.unione-impact-report-wrap .dcb-label {
    font-size: 11px;
    color: var(--ink-mid);
    min-width: 70px;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .dcb-label {
        font-size: 12px;
        min-width: 80px;
    }
}

.unione-impact-report-wrap .dcb-track {
    flex: 1;
    height: 7px;
    background: var(--border);
    border-radius: 4px;
    overflow: hidden;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .dcb-track {
        height: 8px;
    }
}

.unione-impact-report-wrap .dcb-fill {
    height: 100%;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--slate), var(--gold));
}

.unione-impact-report-wrap .dcb-pct {
    font-size: 11px;
    font-weight: 600;
    color: var(--gold);
    min-width: 32px;
    text-align: right;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .dcb-pct {
        font-size: 12px;
        min-width: 36px;
    }
}

.unione-impact-report-wrap .div-card p {
    font-size: 11px;
    color: var(--ink-mute);
    margin-top: 10px;
    line-height: 1.5;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .div-card p {
        font-size: 12px;
        margin-top: 12px;
    }
}

/* ── PLEDGE SECTION ── */
.unione-impact-report-wrap .pledge-section {
    background: var(--slate);
    padding: 48px 20px;
    text-align: center;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .pledge-section {
        padding: 60px 24px;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .pledge-section {
        padding: 80px 40px;
    }
}

@media (min-width: 1024px) {
    .unione-impact-report-wrap .pledge-section {
        padding: 80px 52px;
    }
}

.unione-impact-report-wrap .pledge-inner {
    max-width: 760px;
    margin: 0 auto;
}

.unione-impact-report-wrap .pledge-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 14px;
    letter-spacing: -0.03em;
    line-height: 1.2;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .pledge-title {
        font-size: 30px;
        margin-bottom: 16px;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .pledge-title {
        font-size: 36px;
    }
}

@media (min-width: 1024px) {
    .unione-impact-report-wrap .pledge-title {
        font-size: clamp(28px, 3.5vw, 40px);
    }
}

.unione-impact-report-wrap .pledge-body {
    font-size: 14px;
    color: rgba(255,255,255,0.55);
    line-height: 1.7;
    margin-bottom: 28px;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .pledge-body {
        font-size: 15px;
        margin-bottom: 32px;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .pledge-body {
        font-size: 16px;
        line-height: 1.8;
    }
}

.unione-impact-report-wrap .btn-pledge {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 500;
    padding: 12px 24px;
    border-radius: var(--r-md);
    border: 0.5px solid rgba(255,255,255,0.2);
    background: transparent;
    color: rgba(255,255,255,0.8);
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
    display: inline-block;
}

@media (min-width: 480px) {
    .unione-impact-report-wrap .btn-pledge {
        font-size: 14px;
        padding: 14px 28px;
    }
}

@media (min-width: 768px) {
    .unione-impact-report-wrap .btn-pledge {
        font-size: 15px;
        padding: 15px 32px;
    }
}

.unione-impact-report-wrap .btn-pledge:hover {
    border-color: rgba(255,255,255,0.45);
    color: #fff;
}

/* ── EXTRA RESPONSIVE FIXES ── */
@media (max-width: 360px) {
    .unione-impact-report-wrap .cover-title,
    .unione-impact-report-wrap .cover-year {
        font-size: 40px;
    }
    
    .unione-impact-report-wrap .cs-num {
        font-size: 22px;
    }
    
    .unione-impact-report-wrap .cs-label {
        font-size: 10px;
    }
    
    .unione-impact-report-wrap .section-title {
        font-size: 24px;
    }
}

/* Fix for large screens */
@media (min-width: 1440px) {
    .unione-impact-report-wrap .cover-inner,
    .unione-impact-report-wrap .section-inner {
        max-width: 1300px;
    }
}

@media (min-width: 1920px) {
    .unione-impact-report-wrap .cover-inner,
    .unione-impact-report-wrap .section-inner {
        max-width: 1400px;
    }
}
/* ============================================================
 * UNIONE™ USER GUIDE PAGE — FULLY RESPONSIVE
 * File: unione-ug.css
 * Shortcode: [unione_user_guide]
 * ============================================================= */

.unione-ug-container {
    --slate: #2A3545;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
}

.unione-ug-container *,
.unione-ug-container *::before,
.unione-ug-container *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.unione-ug-container {
    font-family: 'Inter', sans-serif;
    background: var(--parchment);
    color: var(--ink);
    max-width: 100%;
    overflow-x: hidden;
}

/* Animations */
@keyframes uug-fadeUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.unione-ug-container .fade-up {
    animation: uug-fadeUp 0.6s ease forwards;
}

/* ===== HEADER ===== */
.unione-ug-container .guide-header {
    background: var(--obsidian);
    padding: 80px 24px;
    text-align: center;
    position: relative;
}

.unione-ug-container .guide-header h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(32px, 5vw, 52px);
    font-weight: 700;
    color: white;
    margin-bottom: 16px;
}

.unione-ug-container .guide-header p {
    font-size: clamp(14px, 1.5vw, 18px);
    color: rgba(255,255,255,0.6);
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.6;
}

/* ===== CONTAINER ===== */
.unione-ug-container .guide-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 24px;
}

/* ===== SECTIONS ===== */
.unione-ug-container .guide-section {
    margin-bottom: 60px;
}

.unione-ug-container .section-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 700;
    color: var(--obsidian);
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--gold);
    display: inline-block;
}

.unione-ug-container .section-subtitle {
    font-family: 'Inter Tight', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: var(--slate);
    margin: 24px 0 16px;
}

.unione-ug-container .section-text {
    font-size: 16px;
    line-height: 1.7;
    color: var(--ink-mid);
    margin-bottom: 20px;
}

/* ===== STEPS GRID ===== */
.unione-ug-container .steps-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    margin: 32px 0;
}

.unione-ug-container .step-card {
    background: white;
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 28px;
    transition: all 0.3s ease;
}

.unione-ug-container .step-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
    border-color: var(--gold);
}

.unione-ug-container .step-icon {
    font-size: 40px;
    margin-bottom: 16px;
}

.unione-ug-container .step-number {
    font-family: 'Inter Tight', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: var(--gold);
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 8px;
}

.unione-ug-container .step-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 12px;
}

.unione-ug-container .step-desc {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.6;
}

/* ===== TRACKS TABLE ===== */
.unione-ug-container .tracks-table {
    width: 100%;
    border-collapse: collapse;
    margin: 32px 0;
    background: white;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.unione-ug-container .tracks-table th {
    background: var(--slate);
    color: white;
    padding: 16px;
    text-align: left;
    font-weight: 600;
    font-size: 14px;
}

.unione-ug-container .tracks-table td {
    padding: 16px;
    border-bottom: 1px solid var(--border);
    font-size: 14px;
    color: var(--ink-mid);
}

.unione-ug-container .tracks-table tr:last-child td {
    border-bottom: none;
}

.unione-ug-container .tracks-table tr:hover td {
    background: var(--gold-pale);
}

/* ===== FAQ ===== */
.unione-ug-container .faq-list {
    margin: 32px 0;
}

.unione-ug-container .faq-item {
    background: white;
    border: 1px solid var(--border);
    border-radius: 12px;
    margin-bottom: 16px;
    overflow: hidden;
}

.unione-ug-container .faq-question {
    padding: 18px 24px;
    font-weight: 600;
    font-size: 16px;
    color: var(--ink);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background 0.2s;
}

.unione-ug-container .faq-question:hover {
    background: var(--gold-pale);
}

.unione-ug-container .faq-icon {
    color: var(--gold);
    font-size: 20px;
    font-weight: 700;
}

.unione-ug-container .faq-answer {
    padding: 0 24px 20px;
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.6;
    display: none;
}

.unione-ug-container .faq-answer.show {
    display: block;
}

/* ===== SIDEBAR ===== */
.unione-ug-container .guide-sidebar {
    background: var(--gold-pale);
    border-radius: 16px;
    padding: 28px;
    margin-top: 40px;
}

.unione-ug-container .sidebar-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--obsidian);
}

.unione-ug-container .sidebar-links {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.unione-ug-container .sidebar-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: white;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.2s;
    color: var(--ink);
}

.unione-ug-container .sidebar-link:hover {
    transform: translateX(4px);
    background: var(--gold);
    color: white;
}

.unione-ug-container .sidebar-icon {
    font-size: 20px;
}

/* ===== BUTTONS ===== */
.unione-ug-container .btn-primary {
    display: inline-block;
    background: var(--gold);
    color: var(--obsidian);
    padding: 12px 28px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s;
    border: none;
    cursor: pointer;
}

.unione-ug-container .btn-primary:hover {
    background: #B89858;
    transform: translateY(-2px);
}

.unione-ug-container .btn-outline {
    display: inline-block;
    background: transparent;
    color: #e1e1d5;
    padding: 12px 28px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    border: 1px solid rgba(217, 227, 241, 0.81);
    transition: all 0.2s;
}

.unione-ug-container .btn-outline:hover {
    border-color: var(--gold);
    background: var(--gold-pale);
}

/* ===== CTA SECTION ===== */
.unione-ug-container .cta-section {
    background: var(--slate);
    padding: 60px 24px;
    text-align: center;
    border-radius: 24px;
    margin-top: 60px;
}

.unione-ug-container .cta-section h3 {
    font-size: clamp(24px, 3vw, 32px);
    color: white;
    margin-bottom: 16px;
}

.unione-ug-container .cta-section p {
    color: rgba(255,255,255,0.6);
    margin-bottom: 24px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.unione-ug-container .cta-buttons {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}

/* ===== FOOTER ===== */
.unione-ug-container .guide-footer {
    background: var(--obsidian);
    padding: 48px 24px 24px;
    margin-top: 60px;
    text-align: center;
}

.unione-ug-container .footer-text {
    color: rgba(255,255,255,0.4);
    font-size: 12px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .unione-ug-container .guide-container {
        padding: 40px 20px;
    }
    
    .unione-ug-container .steps-grid {
        grid-template-columns: 1fr;
    }
    
    .unione-ug-container .tracks-table {
        display: block;
        overflow-x: auto;
    }
    
    .unione-ug-container .tracks-table th,
    .unione-ug-container .tracks-table td {
        white-space: nowrap;
    }
    
    .unione-ug-container .cta-buttons {
        flex-direction: column;
        align-items: center;
    }
    
    .unione-ug-container .btn-primary,
    .unione-ug-container .btn-outline {
        width: 100%;
        max-width: 280px;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .unione-ug-container .guide-header {
        padding: 50px 16px;
    }
    
    .unione-ug-container .step-card {
        padding: 20px;
    }
    
    .unione-ug-container .sidebar-link {
        padding: 10px 14px;
    }
}
/* ============================================================
 * UNIONE™ WHY PAGE - A NEW STANDARD FOR GLOBAL DISPUTE RESOLUTION
 * File: unione-why.css
 * Shortcode: [wone_why_page]
 * ============================================================ */

/* ===== GLOBAL RESET & VARIABLES ===== */
.unione-why-wrap {
    --slate: #2A3545;
    --slate-deep: #1C2534;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-light: #E8D9B0;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
}

.unione-why-wrap *,
.unione-why-wrap *::before,
.unione-why-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-why-wrap {
    scroll-behavior: smooth;
    font-family: 'Inter', sans-serif;
    background: var(--parchment);
    color: var(--ink);
    overflow-x: hidden;
}

.unione-why-wrap ::selection {
    background: var(--slate);
    color: var(--gold);
}

.unione-why-wrap ::-webkit-scrollbar {
    width: 4px;
}

.unione-why-wrap ::-webkit-scrollbar-track {
    background: var(--ivory);
}

.unione-why-wrap ::-webkit-scrollbar-thumb {
    background: var(--slate-mid);
    border-radius: 2px;
}

/* ===== ANIMATIONS ===== */
@keyframes uw-pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(.7); }
}

@keyframes uw-fadeUp {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes uw-shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

.unione-why-wrap .fade-up {
    animation: uw-fadeUp 0.7s cubic-bezier(.22,1,.36,1) both;
}

.unione-why-wrap .fade-up-1 {
    animation-delay: .1s;
}

.unione-why-wrap .fade-up-2 {
    animation-delay: .22s;
}

.unione-why-wrap .fade-up-3 {
    animation-delay: .34s;
}

/* ===== BUTTONS & LINKS ===== */
.unione-why-wrap .btn-outline {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: .5px solid var(--border);
    background: transparent;
    color: var(--ink);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
}

.unione-why-wrap .btn-outline:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

.unione-why-wrap .btn-gold {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
}

.unione-why-wrap .btn-gold:hover {
    background: #B89858;
}

.unione-why-wrap .btn-hero-primary {
    font-size: 14px;
    font-weight: 500;
    padding: 14px 32px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
}

.unione-why-wrap .btn-hero-primary:hover {
    background: #B89858;
    transform: translateY(-1px);
}

.unione-why-wrap .btn-hero-ghost {
    font-size: 14px;
    font-weight: 500;
    padding: 14px 32px;
    border-radius: var(--r-md);
    border: .5px solid rgba(255,255,255,.2);
    background: transparent;
    color: rgba(255,255,255,.8);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
}

.unione-why-wrap .btn-hero-ghost:hover {
    border-color: rgba(255,255,255,.5);
    background: rgba(255,255,255,.05);
}

.unione-why-wrap .btn-cta-primary {
    font-size: 15px;
    font-weight: 500;
    padding: 16px 36px;
    border-radius: var(--r-md);
    border: none;
    background: var(--slate);
    color: var(--parchment);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
}

.unione-why-wrap .btn-cta-primary:hover {
    background: var(--slate-deep);
    transform: translateY(-1px);
}

.unione-why-wrap .btn-cta-outline {
    font-size: 15px;
    font-weight: 500;
    padding: 16px 36px;
    border-radius: var(--r-md);
    border: .5px solid var(--border);
    background: transparent;
    color: var(--ink);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
}

.unione-why-wrap .btn-cta-outline:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

/* ===== HERO ===== */
.unione-why-wrap .hero {
    background: var(--obsidian);
    padding: 120px 52px 100px;
    position: relative;
    overflow: hidden;
}

.unione-why-wrap .hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 80% 60% at 20% 50%, rgba(196,169,106,0.07) 0%, transparent 60%),
                radial-gradient(ellipse 50% 70% at 80% 20%, rgba(42,53,69,0.4) 0%, transparent 60%);
    pointer-events: none;
}

.unione-why-wrap .hero-watermark {
    position: absolute;
    font-family: 'Inter Tight', sans-serif;
    font-size: 200px;
    font-weight: 700;
    color: rgba(255,255,255,0.025);
    letter-spacing: .15em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    pointer-events: none;
    user-select: none;
}

.unione-why-wrap .hero-inner-why{
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
}

.unione-why-wrap .hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(196,169,106,0.1);
    border: .5px solid rgba(196,169,106,0.25);
    border-radius: 100px;
    padding: 7px 18px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 36px;
}

.unione-why-wrap .hero-eyebrow-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--gold);
    animation: uw-pulse-dot 1.8s ease-in-out infinite;
}

.unione-why-wrap .hero-h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(36px, 5.5vw, 68px);
    font-weight: 700;
    line-height: 1.02;
    letter-spacing: -.035em;
    color: #fff;
    margin-bottom: 28px;
    max-width: 760px;
}

.unione-why-wrap .hero-h1 .gold {
    background: linear-gradient(135deg, #C4A96A 0%, #F0DFA0 50%, #C4A96A 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: uw-shimmer 4s linear infinite;
}

.unione-why-wrap .hero-sub {
    font-size: clamp(16px, 2vw, 18px);
    font-weight: 300;
    color: rgba(255,255,255,.6);
    line-height: 1.8;
    max-width: 560px;
    margin-bottom: 44px;
    font-style: italic;
}

.unione-why-wrap .hero-actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

/* ===== PROBLEM STRIP ===== */
.unione-why-wrap .problem-strip {
    background: var(--slate);
    padding: 48px 52px;
}

.unione-why-wrap .problem-strip-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
}

.unione-why-wrap .problem-item {
    padding: 0 40px;
    border-right: .5px solid rgba(255,255,255,.1);
    text-align: center;
}

.unione-why-wrap .problem-item:last-child {
    border-right: none;
}

.unione-why-wrap .problem-item:first-child {
    padding-left: 0;
}

.unione-why-wrap .problem-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(28px, 4vw, 36px);
    font-weight: 700;
    color: var(--gold);
    margin-bottom: 8px;
    display: block;
}

.unione-why-wrap .problem-label {
    font-size: clamp(12px, 1.5vw, 13px);
    color: rgba(255,255,255,.5);
    line-height: 1.5;
}

/* ===== SECTIONS ===== */
.unione-why-wrap .section {
    padding: 108px 52px;
}

.unione-why-wrap .section-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.unione-why-wrap .section-tag {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.unione-why-wrap .section-tag::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 1px;
    background: var(--gold);
}

.unione-why-wrap .section-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(28px, 4vw, 52px);
    font-weight: 700;
    letter-spacing: -.035em;
    line-height: 1.04;
    color: var(--ink);
    margin-bottom: 20px;
}

.unione-why-wrap .section-sub {
    font-size: clamp(15px, 1.8vw, 17px);
    color: var(--ink-mid);
    line-height: 1.8;
    max-width: 600px;
    margin-bottom: 56px;
    font-weight: 300;
}

.unione-why-wrap .divider {
    height: .5px;
    background: var(--border);
    margin: 0 52px;
}

/* ===== PROBLEM CARDS ===== */
.unione-why-wrap .problem-cols {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 56px;
}

.unione-why-wrap .problem-card {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--r-xl);
    padding: 36px;
    position: relative;
    overflow: hidden;
    transition: all .2s;
}

.unione-why-wrap .problem-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, rgba(196,169,106,.4), transparent);
}

.unione-why-wrap .problem-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 40px rgba(42,53,69,.08);
}

.unione-why-wrap .p-icon {
    width: 48px;
    height: 48px;
    border-radius: var(--r-lg);
    background: var(--gold-pale);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 20px;
}

.unione-why-wrap .p-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 12px;
}

.unione-why-wrap .p-body {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.75;
}

/* ===== SHIFT GRID ===== */
.unione-why-wrap .shift-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    border: 1px solid var(--border);
    border-radius: var(--r-xl);
    overflow: hidden;
    margin-top: 56px;
}

.unione-why-wrap .shift-left {
    padding: 56px;
    background: var(--white);
}

.unione-why-wrap .shift-right {
    padding: 56px;
    background: var(--obsidian);
}

.unione-why-wrap .shift-label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    margin-bottom: 28px;
}

.unione-why-wrap .shift-label.old {
    color: var(--ink-mute);
}

.unione-why-wrap .shift-label.new {
    color: var(--gold);
}

.unione-why-wrap .shift-row {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px 0;
    border-bottom: .5px solid var(--border);
}

.unione-why-wrap .shift-right .shift-row {
    border-bottom: .5px solid rgba(255,255,255,.08);
}

.unione-why-wrap .shift-row:last-child {
    border-bottom: none;
}

.unione-why-wrap .shift-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 14px;
    margin-top: 2px;
}

.unione-why-wrap .shift-icon.old {
    background: rgba(138,152,170,.15);
}

.unione-why-wrap .shift-icon.new {
    background: rgba(196,169,106,.15);
}

.unione-why-wrap .shift-item-title {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 4px;
}

.unione-why-wrap .shift-left .shift-item-title {
    color: var(--ink);
}

.unione-why-wrap .shift-right .shift-item-title {
    color: #fff;
}

.unione-why-wrap .shift-item-body {
    font-size: 13px;
    line-height: 1.65;
}

.unione-why-wrap .shift-left .shift-item-body {
    color: var(--ink-mute);
}

.unione-why-wrap .shift-right .shift-item-body {
    color: rgba(255,255,255,.5);
}

/* ===== SYSTEM STAGES ===== */
.unione-why-wrap .system-stages {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    margin-top: 56px;
    border: 1px solid var(--border);
    border-radius: var(--r-xl);
    overflow: hidden;
}

.unione-why-wrap .stage-col {
    padding: 40px 32px;
    border-right: .5px solid var(--border);
}

.unione-why-wrap .stage-col:last-child {
    border-right: none;
    background: var(--gold-pale);
}

.unione-why-wrap .stage-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: var(--gold);
    letter-spacing: .1em;
    margin-bottom: 12px;
}

.unione-why-wrap .stage-name {
    font-family: 'Inter Tight', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 16px;
}

.unione-why-wrap .stage-desc {
    font-size: 13px;
    color: var(--ink-mid);
    line-height: 1.7;
    margin-bottom: 20px;
}

.unione-why-wrap .stage-features {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.unione-why-wrap .stage-features li {
    font-size: 12px;
    color: var(--ink-mid);
    padding-left: 16px;
    position: relative;
}

.unione-why-wrap .stage-features li::before {
    content: '→';
    position: absolute;
    left: 0;
    color: var(--gold);
    font-size: 11px;
}

/* ===== DIFFERENTIATORS ===== */
.unione-why-wrap .diff-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 56px;
}

.unione-why-wrap .diff-row {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 40px;
    padding: 36px 0;
    border-bottom: .5px solid var(--border);
    align-items: start;
}

.unione-why-wrap .diff-row:last-child {
    border-bottom: none;
}

.unione-why-wrap .diff-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(36px, 5vw, 52px);
    font-weight: 700;
    color: rgba(196,169,106,.2);
    line-height: 1;
}

.unione-why-wrap .diff-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(18px, 2vw, 20px);
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 10px;
}

.unione-why-wrap .diff-body {
    font-size: clamp(13px, 1.5vw, 15px);
    color: var(--ink-mid);
    line-height: 1.75;
}

.unione-why-wrap .diff-tag {
    align-self: center;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--gold-pale);
    border: .5px solid rgba(196,169,106,.3);
    border-radius: 100px;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 500;
    color: var(--ink-mid);
    white-space: nowrap;
}

.unione-why-wrap .diff-tag .dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gold);
}

/* ===== ERR BAND ===== */
.unione-why-wrap .err-band {
    background: var(--obsidian);
    padding: 108px 52px;
    position: relative;
    overflow: hidden;
}

.unione-why-wrap .err-band::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 60% 80% at 10% 50%, rgba(196,169,106,.06), transparent 55%);
}

.unione-why-wrap .err-band-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

.unione-why-wrap .err-band-content {
    position: relative;
    z-index: 2;
}

.unione-why-wrap .err-band-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(28px, 3.5vw, 46px);
    font-weight: 700;
    color: #fff;
    line-height: 1.05;
    margin-bottom: 24px;
}

.unione-why-wrap .err-band-sub {
    font-size: clamp(14px, 1.6vw, 16px);
    color: rgba(255,255,255,.55);
    line-height: 1.8;
    margin-bottom: 36px;
}

.unione-why-wrap .err-cert-visual {
    background: rgba(255,255,255,.04);
    border: .5px solid rgba(196,169,106,.2);
    border-radius: var(--r-xl);
    padding: 40px;
    position: relative;
}

.unione-why-wrap .cert-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 28px;
    flex-wrap: wrap;
}

.unione-why-wrap .cert-badge {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--gold), #B89858);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.unione-why-wrap .cert-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.unione-why-wrap .cert-sub {
    font-size: 12px;
    color: rgba(255,255,255,.4);
}

.unione-why-wrap .cert-ratings {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.unione-why-wrap .cert-rating-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-radius: var(--r-md);
    border: .5px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.03);
    flex-wrap: wrap;
    gap: 8px;
}

.unione-why-wrap .cert-rating-label {
    font-size: 13px;
    color: rgba(255,255,255,.6);
}

.unione-why-wrap .cert-rating-badge {
    font-size: 11px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 100px;
    letter-spacing: .06em;
}

.unione-why-wrap .cert-rating-badge.high {
    background: rgba(26,122,74,.2);
    color: #4ADE80;
    border: .5px solid rgba(26,122,74,.3);
}

.unione-why-wrap .cert-rating-badge.std {
    background: rgba(196,169,106,.15);
    color: var(--gold);
    border: .5px solid rgba(196,169,106,.25);
}

.unione-why-wrap .cert-rating-badge.jsc {
    background: rgba(138,152,170,.15);
    color: rgba(255,255,255,.6);
    border: .5px solid rgba(138,152,170,.2);
}

/* ===== USERS GRID ===== */
.unione-why-wrap .users-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 56px;
}

.unione-why-wrap .user-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 36px;
    transition: all .2s;
}

.unione-why-wrap .user-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 40px rgba(42,53,69,.06);
}

.unione-why-wrap .user-icon {
    font-size: 28px;
    margin-bottom: 16px;
}

.unione-why-wrap .user-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 12px;
}

.unione-why-wrap .user-body {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.75;
    margin-bottom: 20px;
}

.unione-why-wrap .user-features {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.unione-why-wrap .user-features li {
    font-size: 13px;
    color: var(--ink-mid);
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.unione-why-wrap .user-features li::before {
    content: '✓';
    color: var(--gold);
    font-weight: 600;
    flex-shrink: 0;
    margin-top: 1px;
}

/* ===== QUOTE SECTION ===== */
.unione-why-wrap .quote-section {
    background: var(--slate);
    padding: 108px 52px;
}

.unione-why-wrap .quote-inner {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.unione-why-wrap .quote-mark {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(80px, 8vw, 120px);
    font-weight: 700;
    color: rgba(196,169,106,.15);
    line-height: 0.6;
    display: block;
    margin-bottom: 16px;
}

.unione-why-wrap .quote-text {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(20px, 2.8vw, 20px);
    font-weight: 500;
    color: #fff;
    line-height: 1.45;
    margin-bottom: 28px;
    font-style: italic;
}

.unione-why-wrap .quote-attr {
    font-size: 13px;
    color: rgba(255,255,255,.4);
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* ===== CTA SECTION ===== */
.unione-why-wrap .cta-section {
    padding: 108px 52px;
    background: var(--gold-pale);
    border-top: .5px solid rgba(196,169,106,.2);
}

.unione-why-wrap .cta-inner {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.unione-why-wrap .cta-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(28px, 4vw, 48px);
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 20px;
    letter-spacing: -.03em;
}

.unione-why-wrap .cta-sub {
    font-size: clamp(15px, 1.6vw, 17px);
    color: var(--ink-mid);
    line-height: 1.8;
    margin-bottom: 40px;
}

.unione-why-wrap .cta-actions {
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
}

/* ═══════════════════════════════════════════════════════════
RESPONSIVE BREAKPOINTS - COMPLETE
════════════════════════════════════════════════════════════ */

/* Tablet (max-width: 1024px) */
@media (max-width: 1024px) {
    .unione-why-wrap .hero {
        padding: 100px 32px 80px;
    }
    .unione-why-wrap .hero-watermark {
        font-size: 150px;
    }
    .unione-why-wrap .hero-h1 {
        font-size: clamp(32px,5vw,48px);
    }
    .unione-why-wrap .hero-sub {
        font-size: 15px;
    }
    .unione-why-wrap .hero-actions {
        justify-content: flex-start;
    }
    
    .unione-why-wrap .problem-strip {
        padding: 40px 32px;
    }
    .unione-why-wrap .problem-strip-inner {
        grid-template-columns: repeat(2,1fr);
        gap: 32px;
    }
    .unione-why-wrap .problem-item {
        padding: 0;
        border-right: none;
        border-bottom: .5px solid rgba(255,255,255,.1);
        padding-bottom: 24px;
    }
    .unione-why-wrap .problem-item:last-child {
        border-bottom: none;
    }
    
    .unione-why-wrap .section {
        padding: 80px 32px;
    }
    .unione-why-wrap .section-title {
        font-size: clamp(28px,4vw,42px);
    }
    .unione-why-wrap .section-sub {
        font-size: 15px;
        margin-bottom: 40px;
    }
    .unione-why-wrap .divider {
        margin: 0 32px;
    }
    
    .unione-why-wrap .problem-cols {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .unione-why-wrap .shift-grid {
        grid-template-columns: 1fr;
    }
    .unione-why-wrap .shift-left,
    .unione-why-wrap .shift-right {
        padding: 40px;
    }
    
    .unione-why-wrap .system-stages {
        grid-template-columns: repeat(2,1fr);
    }
    
    .unione-why-wrap .diff-row {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 28px 0;
    }
    .unione-why-wrap .diff-num {
        font-size: 32px;
    }
    .unione-why-wrap .diff-tag {
        justify-self: flex-start;
    }
    
    .unione-why-wrap .err-band {
        padding: 80px 32px;
    }
    .unione-why-wrap .err-band-inner {
        grid-template-columns: 1fr;
        gap: 48px;
    }
    .unione-why-wrap .err-band-title {
        font-size: clamp(28px,4vw,38px);
    }
    .unione-why-wrap .err-cert-visual {
        padding: 32px;
    }
    
    .unione-why-wrap .users-grid {
        grid-template-columns: repeat(2,1fr);
        gap: 20px;
    }
    
    .unione-why-wrap .quote-section {
        padding: 80px 32px;
    }
    .unione-why-wrap .quote-mark {
        font-size: 100px;
    }
    .unione-why-wrap .quote-text {
        font-size: clamp(20px,3vw,28px);
    }
    
    .unione-why-wrap .cta-section {
        padding: 80px 32px;
    }
    .unione-why-wrap .cta-title {
        font-size: clamp(26px,4vw,38px);
    }
}

/* Mobile (max-width: 768px) */
@media (max-width: 768px) {
    .unione-why-wrap .hero {
        padding: 80px 20px 60px;
    }
    .unione-why-wrap .hero-watermark {
        font-size: 100px;
    }
    .unione-why-wrap .hero-eyebrow {
        font-size: 10px;
        padding: 5px 14px;
        margin-bottom: 28px;
    }
    .unione-why-wrap .hero-h1 {
        font-size: clamp(28px,6vw,38px);
        margin-bottom: 20px;
    }
    .unione-why-wrap .hero-sub {
        font-size: 14px;
        margin-bottom: 32px;
    }
    .unione-why-wrap .hero-actions {
        flex-direction: column;
        align-items: stretch;
    }
    .unione-why-wrap .hero-actions .btn-hero-primary,
    .unione-why-wrap .hero-actions .btn-hero-ghost {
        text-align: center;
        justify-content: center;
    }
    
    .unione-why-wrap .problem-strip {
        padding: 32px 20px;
    }
    .unione-why-wrap .problem-strip-inner {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .unione-why-wrap .problem-item {
        padding-bottom: 20px;
    }
    .unione-why-wrap .problem-num {
        font-size: 28px;
    }
    .unione-why-wrap .problem-label {
        font-size: 12px;
    }
    
    .unione-why-wrap .section {
        padding: 60px 20px;
    }
    .unione-why-wrap .section-tag {
        font-size: 10px;
    }
    .unione-why-wrap .section-title {
        font-size: clamp(26px,5vw,34px);
    }
    .unione-why-wrap .section-sub {
        font-size: 14px;
        margin-bottom: 32px;
    }
    .unione-why-wrap .divider {
        margin: 0 20px;
    }
    
    .unione-why-wrap .problem-cols {
        margin-top: 40px;
    }
    .unione-why-wrap .problem-card {
        padding: 28px;
    }
    .unione-why-wrap .p-icon {
        width: 44px;
        height: 44px;
        font-size: 20px;
    }
    .unione-why-wrap .p-title {
        font-size: 16px;
    }
    .unione-why-wrap .p-body {
        font-size: 13px;
    }
    
    .unione-why-wrap .shift-left,
    .unione-why-wrap .shift-right {
        padding: 32px;
    }
    .unione-why-wrap .shift-label {
        font-size: 10px;
    }
    .unione-why-wrap .shift-row {
        flex-direction: column;
        gap: 12px;
    }
    .unione-why-wrap .shift-item-title {
        font-size: 14px;
    }
    .unione-why-wrap .shift-item-body {
        font-size: 12px;
    }
    
    .unione-why-wrap .system-stages {
        grid-template-columns: 1fr;
    }
    .unione-why-wrap .stage-col {
        padding: 32px 24px;
    }
    .unione-why-wrap .stage-name {
        font-size: 18px;
    }
    .unione-why-wrap .stage-desc {
        font-size: 12px;
    }
    
    .unione-why-wrap .diff-list {
        margin-top: 40px;
    }
    .unione-why-wrap .diff-row {
        padding: 24px 0;
    }
    .unione-why-wrap .diff-title {
        font-size: 16px;
    }
    .unione-why-wrap .diff-body {
        font-size: 13px;
    }
    .unione-why-wrap .diff-tag {
        padding: 6px 12px;
        font-size: 11px;
    }
    
    .unione-why-wrap .err-band {
        padding: 60px 20px;
    }
    .unione-why-wrap .err-band-title {
        font-size: clamp(24px,5vw,32px);
        margin-bottom: 16px;
    }
    .unione-why-wrap .err-band-sub {
        font-size: 13px;
        margin-bottom: 28px;
    }
    .unione-why-wrap .err-cert-visual {
        padding: 24px;
    }
    .unione-why-wrap .cert-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .unione-why-wrap .cert-rating-row {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .unione-why-wrap .users-grid {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-top: 40px;
    }
    .unione-why-wrap .user-card {
        padding: 28px;
    }
    .unione-why-wrap .user-title {
        font-size: 16px;
    }
    .unione-why-wrap .user-body {
        font-size: 13px;
    }
    .unione-why-wrap .user-features li {
        font-size: 12px;
    }
    
    .unione-why-wrap .quote-section {
        padding: 60px 20px;
    }
    .unione-why-wrap .quote-mark {
        font-size: 80px;
    }
    .unione-why-wrap .quote-text {
        font-size: clamp(18px,4vw,24px);
        margin-bottom: 20px;
    }
    .unione-why-wrap .quote-attr {
        font-size: 11px;
    }
    
    .unione-why-wrap .cta-section {
        padding: 60px 20px;
    }
    .unione-why-wrap .cta-title {
        font-size: clamp(24px,5vw,32px);
    }
    .unione-why-wrap .cta-sub {
        font-size: 14px;
        margin-bottom: 32px;
    }
    .unione-why-wrap .cta-actions {
        flex-direction: column;
        align-items: stretch;
    }
    .unione-why-wrap .cta-actions .btn-cta-primary,
    .unione-why-wrap .cta-actions .btn-cta-outline {
        text-align: center;
        justify-content: center;
        padding: 12px 24px;
        font-size: 14px;
    }
}

/* Small Mobile (max-width: 480px) */
@media (max-width: 480px) {
    .unione-why-wrap .hero {
        padding: 60px 16px 48px;
    }
    .unione-why-wrap .hero-watermark {
        font-size: 70px;
    }
    .unione-why-wrap .hero-eyebrow {
        font-size: 9px;
        padding: 4px 12px;
    }
    .unione-why-wrap .hero-h1 {
        font-size: clamp(24px,6vw,30px);
    }
    .unione-why-wrap .hero-sub {
        font-size: 13px;
    }
    .unione-why-wrap .btn-hero-primary,
    .unione-why-wrap .btn-hero-ghost {
        padding: 10px 20px;
        font-size: 13px;
    }
    
    .unione-why-wrap .problem-strip {
        padding: 24px 16px;
    }
    
    .unione-why-wrap .section {
        padding: 48px 16px;
    }
    .unione-why-wrap .section-title {
        font-size: clamp(24px,5vw,30px);
    }
    .unione-why-wrap .section-sub {
        font-size: 13px;
    }
    
    .unione-why-wrap .shift-left,
    .unione-why-wrap .shift-right {
        padding: 24px;
    }
    
    .unione-why-wrap .stage-col {
        padding: 28px 20px;
    }
    .unione-why-wrap .stage-name {
        font-size: 16px;
    }
    
    .unione-why-wrap .err-cert-visual {
        padding: 20px;
    }
    .unione-why-wrap .cert-badge {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }
    .unione-why-wrap .cert-title {
        font-size: 14px;
    }
    .unione-why-wrap .cert-sub {
        font-size: 11px;
    }
    .unione-why-wrap .cert-rating-label {
        font-size: 12px;
    }
    
    .unione-why-wrap .quote-mark {
        font-size: 60px;
    }
    .unione-why-wrap .quote-text {
        font-size: 18px;
    }
    
    .unione-why-wrap .cta-title {
        font-size: 22px;
    }
    .unione-why-wrap .cta-sub {
        font-size: 13px;
    }
}

/* Print styles */
@media print {
    .unione-why-wrap .hero-watermark,
    .unione-why-wrap .hero-actions,
    .unione-why-wrap .problem-strip,
    .unione-why-wrap .cta-section {
        display: none;
    }
    .unione-why-wrap .hero {
        background: white;
        color: black;
        padding: 20px;
    }
    .unione-why-wrap .hero-h1 {
        color: black;
    }
    .unione-why-wrap .hero-h1 .gold {
        background: none;
        -webkit-text-fill-color: black;
        color: black;
    }
    .unione-why-wrap .hero-sub {
        color: #555;
    }
    .unione-why-wrap .section {
        padding: 40px 20px;
        break-inside: avoid;
    }
    .unione-why-wrap .problem-card,
    .unione-why-wrap .user-card,
    .unione-why-wrap .stage-col {
        break-inside: avoid;
        page-break-inside: avoid;
        border: 1px solid #ccc;
    }
    .unione-why-wrap .diff-row {
        break-inside: avoid;
    }
}
/* ============================================================
 * UNIONE™ SECTOR SPECIALISMS PAGE
 * File: unione-sectors.css
 * Shortcode: [unione_sectors_page]
 * ============================================================ */

/* ── CSS VARIABLES / ROOT ── */
.unione-sectors-wrap {
    --slate: #2A3545;
    --slate-deep: #1C2534;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
}

/* ── RESET ── */
.unione-sectors-wrap *,
.unione-sectors-wrap *::before,
.unione-sectors-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-sectors-wrap {
    scroll-behavior: smooth;
    font-family: 'Inter', sans-serif;
    background: var(--parchment);
    color: var(--ink);
    overflow-x: hidden;
}

.unione-sectors-wrap ::selection {
    background: var(--obsidian);
    color: var(--gold);
}

.unione-sectors-wrap ::-webkit-scrollbar {
    width: 3px;
}

.unione-sectors-wrap ::-webkit-scrollbar-track {
    background: var(--ivory);
}

.unione-sectors-wrap ::-webkit-scrollbar-thumb {
    background: var(--slate-mid);
    border-radius: 2px;
}

/* ── KEYFRAMES / ANIMATIONS ── */
@keyframes us-pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(.7); }
}

@keyframes us-fadeUp {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
}

.unione-sectors-wrap .fade-up {
    animation: us-fadeUp .7s ease both;
}

.unione-sectors-wrap .fade-up-1 {
    animation-delay: .1s;
}

.unione-sectors-wrap .fade-up-2 {
    animation-delay: .22s;
}

.unione-sectors-wrap .fade-up-3 {
    animation-delay: .34s;
}

/* ── BUTTONS ── */
.unione-sectors-wrap .btn-outline {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: .5px solid var(--border);
    background: transparent;
    color: var(--ink);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.unione-sectors-wrap .btn-outline:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

.unione-sectors-wrap .btn-gold {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.unione-sectors-wrap .btn-gold:hover {
    background: #B89858;
}

/* ── HERO SECTION ── */
.unione-sectors-wrap .hero {
    background: var(--obsidian);
    padding: 100px 52px 80px;
    position: relative;
    overflow: hidden;
}

.unione-sectors-wrap .hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 70% 70% at 80% 30%, rgba(196,169,106,.06), transparent 55%);
}

.unione-sectors-wrap .hero-inner-sectors {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.unione-sectors-wrap .hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(196,169,106,.1);
    border: .5px solid rgba(196,169,106,.25);
    border-radius: 100px;
    padding: 7px 18px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 28px;
}

.unione-sectors-wrap .hero-h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(36px, 5vw, 60px);
    font-weight: 700;
    line-height: 1.04;
    letter-spacing: -.035em;
    color: #fff;
    margin-bottom: 24px;
    max-width: 680px;
}

.unione-sectors-wrap .hero-sub {
    font-size: 17px;
    color: rgba(255,255,255,.55);
    line-height: 1.8;
    max-width: 560px;
    margin-bottom: 44px;
}

/* ── SECTOR PILLS ── */
.unione-sectors-wrap .sector-pills {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.unione-sectors-wrap .sp {
    padding: 8px 16px;
    border-radius: 100px;
    background: rgba(255,255,255,.06);
    border: .5px solid rgba(255,255,255,.1);
    font-size: 12px;
    color: rgba(255,255,255,.55);
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
}

.unione-sectors-wrap .sp:hover,
.unione-sectors-wrap .sp.active {
    background: rgba(196,169,106,.15);
    border-color: rgba(196,169,106,.3);
    color: var(--gold);
}

/* ── SECTIONS ── */
.unione-sectors-wrap .section {
    padding: 96px 52px;
}

.unione-sectors-wrap .section-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.unione-sectors-wrap .section-tag {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.unione-sectors-wrap .section-tag::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 1px;
    background: var(--gold);
}

.unione-sectors-wrap .section-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(28px, 3.5vw, 44px);
    font-weight: 700;
    line-height: 1.08;
    color: var(--ink);
    margin-bottom: 16px;
}

.unione-sectors-wrap .section-sub {
    font-size: 16px;
    color: var(--ink-mid);
    line-height: 1.8;
    max-width: 580px;
    margin-bottom: 52px;
}

.unione-sectors-wrap .divider {
    height: .5px;
    background: var(--border);
    margin: 0 52px;
}

/* ── SECTOR GRID ── */
.unione-sectors-wrap .sector-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.unione-sectors-wrap .sector-card {
    border-radius: var(--r-xl);
    overflow: hidden;
    border: .5px solid var(--border);
    background: var(--white);
    transition: all .25s;
    cursor: pointer;
}

.unione-sectors-wrap .sector-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 60px rgba(42,53,69,.1);
    border-color: rgba(196,169,106,.3);
}

.unione-sectors-wrap .sc-top {
    padding: 32px 28px 24px;
    border-bottom: .5px solid var(--border);
}

.unione-sectors-wrap .sc-icon-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.unione-sectors-wrap .sc-icon {
    width: 52px;
    height: 52px;
    border-radius: var(--r-lg);
    background: var(--gold-pale);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.unione-sectors-wrap .sc-panel-count {
    font-size: 11px;
    font-weight: 600;
    color: var(--gold);
    background: rgba(196,169,106,.1);
    border: .5px solid rgba(196,169,106,.2);
    padding: 4px 10px;
    border-radius: 100px;
}

.unione-sectors-wrap .sc-name {
    font-family: 'Inter Tight', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 8px;
}

.unione-sectors-wrap .sc-desc {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.65;
}

.unione-sectors-wrap .sc-bottom {
    padding: 20px 28px;
}

.unione-sectors-wrap .sc-features {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.unione-sectors-wrap .sc-features li {
    font-size: 13px;
    color: var(--ink-mid);
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.unione-sectors-wrap .sc-features li::before {
    content: '→';
    color: var(--gold);
    flex-shrink: 0;
    font-weight: 600;
}

/* ── DEEP DIVE SECTION ── */
.unione-sectors-wrap .deep-dive {
    background: var(--ivory);
    padding: 96px 52px;
}

.unione-sectors-wrap .deep-dive-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

.unione-sectors-wrap .dd-tag {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.unione-sectors-wrap .dd-tag::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 1px;
    background: var(--gold);
}

.unione-sectors-wrap .dd-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(26px, 3.5vw, 40px);
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 16px;
    letter-spacing: -.03em;
}

.unione-sectors-wrap .dd-body {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.8;
    margin-bottom: 28px;
}

.unione-sectors-wrap .dd-body strong {
    color: var(--ink);
}

.unione-sectors-wrap .dd-cta {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 13px 28px;
    border-radius: var(--r-md);
    border: none;
    background: var(--slate);
    color: var(--parchment);
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
}

.unione-sectors-wrap .dd-cta:hover {
    background: var(--slate-deep);
}

.unione-sectors-wrap .dd-stats {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.unione-sectors-wrap .dd-stat {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 24px;
    display: flex;
    gap: 20px;
    align-items: center;
    transition: all .2s;
}

.unione-sectors-wrap .dd-stat:hover {
    border-color: rgba(196,169,106,.3);
}

.unione-sectors-wrap .dds-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: var(--gold);
    min-width: 72px;
}

.unione-sectors-wrap .dds-label {
    font-size: 13px;
    color: var(--ink-mid);
    line-height: 1.5;
}

.unione-sectors-wrap .dds-label strong {
    color: var(--ink);
    display: block;
    margin-bottom: 2px;
}

/* ── SPECIALISM TABLE ── */
.unione-sectors-wrap .spec-table-wrap {
    overflow-x: auto;
    border-radius: var(--r-xl);
    border: .5px solid var(--border);
}

.unione-sectors-wrap .spec-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 700px;
}

.unione-sectors-wrap .spec-table th {
    background: var(--obsidian);
    color: rgba(255,255,255,.55);
    font-size: 11px;
    font-weight: 600;
    padding: 14px 18px;
    text-align: left;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.unione-sectors-wrap .spec-table td {
    padding: 14px 18px;
    font-size: 14px;
    color: var(--ink-mid);
    border-bottom: .5px solid var(--border);
    vertical-align: middle;
}

.unione-sectors-wrap .spec-table tr:last-child td {
    border-bottom: none;
}

.unione-sectors-wrap .spec-table tr:hover td {
    background: var(--gold-pale);
}

.unione-sectors-wrap .spec-count {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--gold);
}

.unione-sectors-wrap .spec-check {
    color: #0F7A42;
    font-weight: 600;
}

/* ── CTA SECTION ── */
.unione-sectors-wrap .cta-section {
    padding: 96px 52px;
    background: var(--gold-pale);
    border-top: .5px solid rgba(196,169,106,.2);
}

.unione-sectors-wrap .cta-inner {
    max-width: 680px;
    margin: 0 auto;
    text-align: center;
}

.unione-sectors-wrap .cta-title {
    font-size: clamp(28px, 3.5vw, 44px);
    font-family: 'Inter Tight', sans-serif;
    color: var(--ink);
    margin-bottom: 16px;
    line-height: 1.2;
    font-weight: 700;
}

.unione-sectors-wrap .cta-sub {
    font-size: 17px;
    color: var(--ink-mid);
    line-height: 1.8;
    margin-bottom: 36px;
}

.unione-sectors-wrap .cta-row {
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
}

.unione-sectors-wrap .btn-cta-dark {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 500;
    padding: 15px 32px;
    border-radius: var(--r-md);
    border: none;
    background: var(--slate);
    color: var(--parchment);
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
}

.unione-sectors-wrap .btn-cta-dark:hover {
    background: var(--slate-deep);
}

.unione-sectors-wrap .btn-cta-outline {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 500;
    padding: 15px 32px;
    border-radius: var(--r-md);
    border: .5px solid var(--border);
    background: transparent;
    color: var(--ink);
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
}

.unione-sectors-wrap .btn-cta-outline:hover {
    border-color: var(--slate);
}

/* ── RESPONSIVE BREAKPOINTS ── */
@media (max-width: 900px) {
    .unione-sectors-wrap .sector-grid {
        grid-template-columns: 1fr;
    }
    .unione-sectors-wrap .deep-dive-inner {
        grid-template-columns: 1fr;
    }
    .unione-sectors-wrap .section {
        padding: 64px 24px;
    }
    .unione-sectors-wrap .hero,
    .unione-sectors-wrap .deep-dive,
    .unione-sectors-wrap .cta-section {
        padding-left: 24px;
        padding-right: 24px;
    }
}
/* ============================================================
UNIONE™ Press & Media - Fully Responsive
File: unione-press.css
Shortcode: [unione_press]
============================================================ */

.unione-press {
    --slate: #2A3545;
    --slate-deep: #1C2534;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-light: #E8D9B0;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --green: #1A7A4A;
    --green-bg: #E6F4EE;
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
    font-family: 'Inter', sans-serif;
    background: var(--parchment);
    color: var(--ink);
    overflow-x: hidden;
    max-width: 100%;
}

.unione-press *,
.unione-press *::before,
.unione-press *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-press ::selection {
    background: var(--slate);
    color: var(--gold);
}

.unione-press ::-webkit-scrollbar {
    width: 4px;
}

.unione-press ::-webkit-scrollbar-track {
    background: var(--ivory);
}

.unione-press ::-webkit-scrollbar-thumb {
    background: var(--slate-mid);
    border-radius: 2px;
}

/* Animations */
@keyframes up-pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(0.7); }
}

@keyframes up-shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

@keyframes up-fadeUp {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes up-spin-slow {
    to { transform: rotate(360deg); }
}

/* Hero Section */
.unione-press .hero {
    padding: 108px 52px;
    position: relative;
    overflow: hidden;
    background: var(--slate);
}

.unione-press .hero-bg-layer {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
}

.unione-press .hero-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.unione-press .hero-bg-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(42,53,69,0.86) 0%, rgba(28,37,52,0.82) 100%);
}

.unione-press .hero-accents {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 0;
    user-select: none;
}

.unione-press .glow-blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
}

.unione-press .glow-gold {
    background: radial-gradient(ellipse, rgba(196,169,106,0.18) 0%, transparent 70%);
}

.unione-press .grid-overlay {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(196,169,106,0.03) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(196,169,106,0.03) 1px, transparent 1px);
    background-size: 60px 60px;
    pointer-events: none;
}

.unione-press .hero-ring {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.unione-press .ring-1 {
    width: 500px;
    height: 500px;
    border: 1px solid rgba(196,169,106,0.08);
    right: -120px;
    top: -80px;
    animation: up-spin-slow 40s linear infinite;
}

.unione-press .ring-2 {
    width: 340px;
    height: 340px;
    border: 1px solid rgba(196,169,106,0.05);
    right: -40px;
    top: -20px;
    animation: up-spin-slow 30s linear infinite reverse;
}

.unione-press .hero-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 64px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.unione-press .hero-tag {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.unione-press .hero-tag::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--gold);
}

.unione-press .hero h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(40px, 5vw, 64px);
    font-weight: 700;
    color: var(--parchment);
    letter-spacing: -0.03em;
    line-height: 1.05;
    margin-bottom: 14px;
}

.unione-press .hero h1 span {
    background: linear-gradient(135deg, #C4A96A, #F0DFA0, #C4A96A);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: up-shimmer 4s linear infinite;
}

.unione-press .hero-sub {
    font-size: 15px;
    color: rgba(255,255,255,0.5);
    font-weight: 300;
    line-height: 1.75;
    margin-bottom: 24px;
}

.unione-press .hero-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* Buttons */
.unione-press .btn-h-gold {
    font-size: 14px;
    font-weight: 500;
    padding: 11px 28px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all 0.2s;
    text-decoration: none;
    display: inline-block;
}

.unione-press .btn-h-gold:hover {
    background: #B89858;
}

.unione-press .btn-h-ghost {
    font-size: 14px;
    font-weight: 500;
    padding: 11px 28px;
    border-radius: var(--r-md);
    border: 0.5px solid rgba(255,255,255,0.2);
    background: transparent;
    color: rgba(255,255,255,0.7);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all 0.2s;
    text-decoration: none;
    display: inline-block;
}

.unione-press .btn-h-ghost:hover {
    border-color: rgba(255,255,255,0.4);
    color: #fff;
}

/* Contacts Card */
.unione-press .contacts-card {
    background: rgba(255,255,255,0.05);
    border: 0.5px solid rgba(196,169,106,0.2);
    border-radius: var(--r-xl);
    padding: 28px;
}

.unione-press .cc-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.35);
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 0.5px solid rgba(255,255,255,0.07);
}

.unione-press .press-contact {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 0;
    border-bottom: 0.5px solid rgba(255,255,255,0.06);
}

.unione-press .press-contact:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.unione-press .pc-av {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(196,169,106,0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    color: var(--gold);
    font-family: 'Inter Tight', sans-serif;
    flex-shrink: 0;
}

.unione-press .pc-name {
    font-size: 13px;
    font-weight: 500;
    color: var(--parchment);
}

.unione-press .pc-role {
    font-size: 11px;
    color: rgba(255,255,255,0.35);
    margin-top: 1px;
}

.unione-press .pc-email a {
    font-size: 11px;
    color: var(--gold);
    margin-top: 2px;
    text-decoration: none;
}

/* Photo Stripe */
.unione-press .photo-stripe {
    width: 100%;
    height: 340px;
    position: relative;
    overflow: hidden;
    display: flex;
}

.unione-press .photo-stripe-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    filter: saturate(1.1);
}

.unione-press .photo-stripe-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(20,24,32,0.55) 0%, rgba(20,24,32,0) 40%, rgba(20,24,32,0) 60%, rgba(20,24,32,0.35) 100%);
}

.unione-press .photo-stripe-caption {
    position: absolute;
    bottom: 28px;
    left: 52px;
    right: 52px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.unione-press .photo-stripe-text {
    font-family: 'Inter Tight', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
    max-width: 460px;
    line-height: 1.25;
    text-shadow: 0 2px 20px rgba(0,0,0,0.4);
}

.unione-press .photo-stripe-stat-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: var(--gold);
    letter-spacing: -0.04em;
    line-height: 1;
    display: block;
}

.unione-press .photo-stripe-stat-label {
    font-size: 11px;
    color: rgba(255,255,255,0.55);
    margin-top: 4px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* Section System */
.unione-press .section {
    padding: 108px 52px;
}

.unione-press .section-inner {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
}

.unione-press .section-tag {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.unione-press .section-tag::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 1px;
    background: var(--gold);
}

.unione-press .section-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(36px, 4.5vw, 58px);
    font-weight: 700;
    letter-spacing: -0.035em;
    line-height: 1.04;
    color: var(--ink);
    margin-bottom: 20px;
}

.unione-press .section-sub {
    font-size: 17px;
    color: var(--ink-mid);
    line-height: 1.8;
    max-width: 600px;
    margin-bottom: 56px;
    font-weight: 300;
}

.unione-press .divider {
    height: 0.5px;
    background: var(--border);
    margin: 0 52px;
}

/* Section Backgrounds */
.unione-press .bg-white {
    background: var(--white);
}

.unione-press .bg-ivory {
    background: var(--ivory);
}

/* Releases Grid */
.unione-press .releases-grid {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.unione-press .release-item {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-lg);
    padding: 20px 24px;
    display: grid;
    grid-template-columns: 80px 1fr auto;
    gap: 20px;
    align-items: center;
    transition: all 0.2s;
    cursor: pointer;
}

.unione-press .release-item:hover {
    border-color: rgba(42,53,69,0.2);
    transform: translateX(4px);
}

.unione-press .ri-date {
    text-align: center;
    background: var(--ivory);
    border-radius: var(--r-md);
    padding: 10px 4px;
}

.unione-press .ri-day {
    font-family: 'Inter Tight', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: var(--slate);
    line-height: 1;
}

.unione-press .ri-month {
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-top: 2px;
}

.unione-press .ri-cat {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 5px;
}

.unione-press .ri-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: var(--ink);
    line-height: 1.35;
}

.unione-press .ri-sub {
    font-size: 12px;
    color: var(--ink-mute);
    margin-top: 3px;
}

.unione-press .ri-dl {
    font-size: 12px;
    font-weight: 500;
    color: var(--slate);
    white-space: nowrap;
    padding: 7px 14px;
    border-radius: var(--r-sm);
    border: 0.5px solid var(--border);
    background: var(--ivory);
    transition: all 0.15s;
    cursor: pointer;
}

.unione-press .ri-dl:hover {
    background: var(--slate);
    color: var(--parchment);
    border-color: var(--slate);
}

/* Media Kit Grid */
.unione-press .kit-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.unione-press .kit-card {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 28px;
    transition: all 0.2s;
    cursor: pointer;
}

.unione-press .kit-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 36px rgba(42,53,69,0.07);
    border-color: rgba(42,53,69,0.2);
}

.unione-press .kc-icon {
    font-size: 28px;
    margin-bottom: 14px;
}

.unione-press .kc-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 6px;
}

.unione-press .kc-desc {
    font-size: 13px;
    color: var(--ink-mute);
    line-height: 1.6;
    margin-bottom: 16px;
}

.unione-press .kc-dl {
    font-size: 12px;
    font-weight: 500;
    color: var(--slate);
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Boilerplate */
.unione-press .boilerplate-box {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 32px;
}

.unione-press .bb-title {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 0.5px solid var(--border);
}

.unione-press .bb-text {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.85;
    font-weight: 300;
    font-style: italic;
    border-left: 2px solid var(--gold);
    padding-left: 20px;
    margin-bottom: 16px;
}

.unione-press .bb-btn {
    font-size: 12px;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: var(--r-sm);
    border: 0.5px solid var(--border);
    background: var(--ivory);
    color: var(--ink);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all 0.15s;
}

.unione-press .bb-btn:hover {
    background: var(--slate);
    color: var(--parchment);
    border-color: var(--slate);
}

/* Coverage Grid */
.unione-press .coverage-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

.unione-press .cov-card {
    background: var(--white);
    border: 0.5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 24px;
    transition: all 0.2s;
    cursor: pointer;
}

.unione-press .cov-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(42,53,69,0.06);
}

.unione-press .cov-pub {
    font-size: 13px;
    font-weight: 600;
    color: var(--slate);
    margin-bottom: 6px;
}

.unione-press .cov-headline {
    font-size: 13px;
    color: var(--ink);
    line-height: 1.5;
    margin-bottom: 8px;
    font-style: italic;
}

.unione-press .cov-date {
    font-size: 11px;
    color: var(--ink-mute);
}

/* Section Image */
.unione-press .section-img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: var(--r-xl);
    display: block;
    margin-bottom: 36px;
}

/* Responsive */
@media (max-width: 1024px) {
    .unione-press .hero {
        padding: 80px 32px;
    }
    .unione-press .hero-inner {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .unione-press .section {
        padding: 80px 32px;
    }
    .unione-press .divider {
        margin: 0 32px;
    }
    .unione-press .kit-grid {
        gap: 12px;
    }
}

@media (max-width: 900px) {
    .unione-press .hero {
        padding: 52px 24px;
    }
    .unione-press .hero-inner {
        gap: 32px;
    }
    .unione-press .section {
        padding: 48px 24px;
    }
    .unione-press .release-item {
        grid-template-columns: 64px 1fr;
    }
    .unione-press .kit-grid,
    .unione-press .coverage-grid {
        grid-template-columns: 1fr;
    }
    .unione-press .photo-stripe {
        height: 220px;
    }
    .unione-press .photo-stripe-caption {
        left: 20px;
        right: 20px;
        bottom: 20px;
    }
    .unione-press .photo-stripe-text {
        font-size: 16px;
        max-width: 280px;
    }
    .unione-press .photo-stripe-stat-num {
        font-size: 28px;
    }
    .unione-press .divider {
        margin: 0 24px;
    }
    .unione-press .section-img {
        height: 180px;
    }
}

@media (max-width: 768px) {
    .unione-press .hero-sub {
        font-size: 14px;
    }
    .unione-press .hero-actions {
        flex-direction: column;
        align-items: stretch;
    }
    .unione-press .hero-actions a {
        text-align: center;
    }
    .unione-press .section-title {
        font-size: clamp(28px, 5vw, 36px);
    }
    .unione-press .section-sub {
        font-size: 14px;
        margin-bottom: 32px;
    }
}

@media (max-width: 480px) {
    .unione-press .hero {
        padding: 40px 16px;
    }
    .unione-press .hero h1 {
        font-size: clamp(28px, 6vw, 36px);
    }
    .unione-press .contacts-card {
        padding: 20px;
    }
    .unione-press .section {
        padding: 40px 16px;
    }
    .unione-press .release-item {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .unione-press .ri-date {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px 12px;
    }
    .unione-press .ri-day {
        font-size: 18px;
    }
    .unione-press .ri-month {
        margin-top: 0;
    }
    .unione-press .kit-card {
        padding: 20px;
    }
    .unione-press .kc-icon {
        font-size: 24px;
    }
    .unione-press .boilerplate-box {
        padding: 20px;
    }
    .unione-press .cov-card {
        padding: 18px;
    }
    .unione-press .divider {
        margin: 0 16px;
    }
    .unione-press .section-img {
        height: 140px;
    }
}

/* Print styles */
@media print {
    .unione-press .hero-actions,
    .unione-press .ri-dl,
    .unione-press .bb-btn,
    .unione-press .hero-accents,
    .unione-press .photo-stripe-overlay {
        display: none;
    }
    .unione-press .hero {
        background: white;
        padding: 20px;
    }
    .unione-press .hero h1 {
        color: black;
    }
    .unione-press .hero h1 span {
        background: none;
        -webkit-text-fill-color: black;
        color: black;
    }
    .unione-press .section {
        padding: 20px;
    }
    .unione-press .release-item,
    .unione-press .kit-card,
    .unione-press .cov-card {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}

/**
 * UNIONE™ Neutrals Academy - Main Stylesheet
 * 
 * This file contains all styles for the Neutrals Academy certification page.
 * It defines the design system, layout components, and responsive breakpoints
 * for the training and certification platform.
 * 
 * @package UNIONE
 * @version 1.0.0
 */

/* ============================================================
   DESIGN SYSTEM - CSS CUSTOM PROPERTIES (VARIABLES)
   ============================================================ */
:root {
    /* Color Palette - Primary */
    --slate: #2A3545;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    
    /* Color Palette - Backgrounds */
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    
    /* Color Palette - Text */
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    
    /* Color Palette - Borders & States */
    --border: rgba(42,53,69,0.12);
    
    /* Spacing & Radius */
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
}

/* ============================================================
   GLOBAL RESET & BASE STYLES
   ============================================================ */
.unione-neutrals-academy-page,
.unione-neutrals-academy-page *,
.unione-neutrals-academy-page *::before,
.unione-neutrals-academy-page *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-neutrals-academy-page {
    font-family: 'Inter', sans-serif;
    background: var(--parchment);
    color: var(--ink);
    overflow-x: hidden;
}

/* Selection styling */
.unione-neutrals-academy-page ::selection {
    background: var(--obsidian);
    color: var(--gold);
}

/* Custom scrollbar styling */
.unione-neutrals-academy-page ::-webkit-scrollbar {
    width: 3px;
}

.unione-neutrals-academy-page ::-webkit-scrollbar-track {
    background: var(--ivory);
}

.unione-neutrals-academy-page ::-webkit-scrollbar-thumb {
    background: var(--slate-mid);
    border-radius: 2px;
}

/* ============================================================
   ANIMATIONS
   ============================================================ */

/* Pulsing dot animation for status indicators */
@keyframes pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(.7); }
}

/* Fade up animation for content reveal */
@keyframes fadeUp {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Animation utility classes */
.unione-neutrals-academy-page .fade-up {
    animation: fadeUp .7s ease both;
}

.unione-neutrals-academy-page .fade-1 {
    animation-delay: .1s;
}

.unione-neutrals-academy-page .fade-2 {
    animation-delay: .22s;
}

.unione-neutrals-academy-page .fade-3 {
    animation-delay: .34s;
}

/* ============================================================
   NAVIGATION (Sticky Header)
   ============================================================ */
.unione-neutrals-academy-page .nav {
    position: sticky;
    top: 0;
    z-index: 200;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 52px;
    height: 68px;
    background: rgba(250,250,248,.96);
    backdrop-filter: blur(20px);
    border-bottom: .5px solid var(--border);
}

/* ============================================================
   BUTTON STYLES
   ============================================================ */

/* Small button base style */
.unione-neutrals-academy-page .btn-sm {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

/* Outline button variant */
.unione-neutrals-academy-page .btn-outline {
    border: .5px solid var(--border);
    background: transparent;
    color: var(--ink);
}

.unione-neutrals-academy-page .btn-outline:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

/* Gold button variant (primary CTA) */
.unione-neutrals-academy-page .btn-gold {
    border: none;
    background: var(--gold);
    color: var(--obsidian);
}

.unione-neutrals-academy-page .btn-gold:hover {
    background: #B89858;
}

/* ============================================================
   HERO SECTION
   ============================================================ */
.unione-neutrals-academy-page .hero {
    background: var(--obsidian);
    padding: 96px 52px 80px;
    position: relative;
    overflow: hidden;
}

/* Hero background gradient overlay */
.unione-neutrals-academy-page .hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 60% 70% at 85% 25%, rgba(196,169,106,.06), transparent 55%),
                radial-gradient(ellipse 40% 60% at 10% 70%, rgba(42,53,69,.6), transparent 50%);
}

.unione-neutrals-academy-page .hero-inner-academy {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* Hero eyebrow (category label) */
.unione-neutrals-academy-page .h-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(196,169,106,.1);
    border: .5px solid rgba(196,169,106,.25);
    border-radius: 100px;
    padding: 6px 16px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 24px;
}

/* Hero main title */
.unione-neutrals-academy-page .h-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(36px, 5vw, 60px);
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.06;
    color: #fff;
    margin-bottom: 20px;
    max-width: 680px;
}

/* Hero subtitle/description */
.unione-neutrals-academy-page .h-sub {
    font-size: 17px;
    color: rgba(255,255,255,.45);
    line-height: 1.8;
    max-width: 540px;
    margin-bottom: 44px;
}

/* Track selection cards grid */
.unione-neutrals-academy-page .h-tracks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    max-width: 800px;
}

/* Individual track card */
.unione-neutrals-academy-page .ht-card {
    background: rgba(255,255,255,.04);
    border: .5px solid rgba(255,255,255,.08);
    border-radius: var(--r-xl);
    padding: 24px;
    transition: all .2s;
    cursor: pointer;
}

.unione-neutrals-academy-page .ht-card:hover {
    background: rgba(255,255,255,.07);
    border-color: rgba(196,169,106,.2);
}

.unione-neutrals-academy-page .htc-icon {
    font-size: 24px;
    margin-bottom: 10px;
    display: block;
}

.unione-neutrals-academy-page .htc-name {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 6px;
}

.unione-neutrals-academy-page .htc-sub {
    font-size: 12px;
    color: rgba(255,255,255,.35);
    line-height: 1.5;
}

/* ============================================================
   GENERAL SECTION STYLES
   ============================================================ */
.unione-neutrals-academy-page .sec {
    padding: 80px 52px;
}

.unione-neutrals-academy-page .sec-inner {
    max-width: 1200px;
    margin: 0 auto;
}

/* Section tag (eyebrow with gold line) */
.unione-neutrals-academy-page .sec-tag {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.unione-neutrals-academy-page .sec-tag::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 1px;
    background: var(--gold);
}

/* Section main title */
.unione-neutrals-academy-page .sec-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--ink);
    margin-bottom: 12px;
}

/* Section subtitle */
.unione-neutrals-academy-page .sec-sub {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.8;
    max-width: 580px;
    margin-bottom: 44px;
}

/* Divider line between sections */
.unione-neutrals-academy-page .divider {
    height: .5px;
    background: var(--border);
    margin: 0 52px;
}

/* ============================================================
   PATHWAY CARDS (Certification Levels)
   ============================================================ */
.unione-neutrals-academy-page .pathway {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    margin-top: 44px;
}

.unione-neutrals-academy-page .pathway-card {
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    overflow: hidden;
    transition: all .2s;
}

.unione-neutrals-academy-page .pathway-card:hover {
    border-color: rgba(196,169,106,.3);
    box-shadow: 0 12px 36px rgba(42,53,69,.08);
}

/* Card header with gradient background */
.unione-neutrals-academy-page .pw-header {
    padding: 28px;
    background: var(--obsidian);
    display: flex;
    align-items: center;
    gap: 16px;
}

/* Level icon container */
.unione-neutrals-academy-page .pw-level {
    width: 48px;
    height: 48px;
    border-radius: var(--r-lg);
    background: rgba(196,169,106,.15);
    border: .5px solid rgba(196,169,106,.25);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

/* Certification name */
.unione-neutrals-academy-page .pw-name {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 4px;
}

/* Certification badge */
.unione-neutrals-academy-page .pw-badge {
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 4px;
    background: rgba(196,169,106,.12);
    border: .5px solid rgba(196,169,106,.2);
    color: var(--gold);
}

/* Card body content */
.unione-neutrals-academy-page .pw-body {
    padding: 28px;
    background: var(--white);
}

/* Description text */
.unione-neutrals-academy-page .pw-desc {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.7;
    margin-bottom: 20px;
}

/* Modules list container */
.unione-neutrals-academy-page .pw-modules {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}

/* Individual module row */
.unione-neutrals-academy-page .pwm {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

/* Module number circle */
.unione-neutrals-academy-page .pwm-num {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--gold-pale);
    border: .5px solid rgba(196,169,106,.25);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    color: var(--gold);
    flex-shrink: 0;
    margin-top: 2px;
}

/* Module text content */
.unione-neutrals-academy-page .pwm-text {
    font-size: 13px;
    color: var(--ink-mid);
    line-height: 1.6;
}

.unione-neutrals-academy-page .pwm-text strong {
    color: var(--ink);
}

/* Card footer with duration and CTA */
.unione-neutrals-academy-page .pw-footer {
    padding: 20px 28px;
    background: var(--ivory);
    border-top: .5px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.unione-neutrals-academy-page .pwf-duration {
    font-size: 12px;
    color: var(--ink-mute);
}

.unione-neutrals-academy-page .pwf-cta {
    font-size: 13px;
    font-weight: 500;
    color: var(--slate);
    text-decoration: none;
    border: .5px solid var(--border);
    padding: 7px 16px;
    border-radius: var(--r-md);
    transition: all .2s;
}

.unione-neutrals-academy-page .pwf-cta:hover {
    background: var(--gold-pale);
    border-color: rgba(196,169,106,.4);
}

/* ============================================================
   CREDENTIAL SECTION (Value Proposition)
   ============================================================ */
.unione-neutrals-academy-page .credential-section {
    background: var(--slate);
    padding: 80px 52px;
}

.unione-neutrals-academy-page .credential-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

/* Credential section tag */
.unione-neutrals-academy-page .cred-tag {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(255,255,255,.3);
    margin-bottom: 12px;
}

/* Credential section title */
.unione-neutrals-academy-page .cred-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(26px, 3.5vw, 40px);
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    letter-spacing: -.03em;
}

/* Credential body text */
.unione-neutrals-academy-page .cred-body {
    font-size: 15px;
    color: rgba(255,255,255,.45);
    line-height: 1.8;
    margin-bottom: 28px;
}

.unione-neutrals-academy-page .cred-body strong {
    color: rgba(255,255,255,.75);
}

/* Credential CTA button */
.unione-neutrals-academy-page .cred-cta {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 13px 28px;
    border-radius: var(--r-md);
    border: .5px solid rgba(196,169,106,.3);
    background: transparent;
    color: var(--gold);
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
}

.unione-neutrals-academy-page .cred-cta:hover {
    background: rgba(196,169,106,.12);
}

/* Credential visual card (right side) */
.unione-neutrals-academy-page .cred-visual {
    background: rgba(255,255,255,.04);
    border: .5px solid rgba(255,255,255,.08);
    border-radius: var(--r-xl);
    padding: 32px;
}

.unione-neutrals-academy-page .cv2-title {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(255,255,255,.25);
    margin-bottom: 20px;
}

/* Certificate preview box */
.unione-neutrals-academy-page .cv2-cert {
    background: rgba(196,169,106,.06);
    border: .5px solid rgba(196,169,106,.15);
    border-radius: var(--r-lg);
    padding: 24px;
    margin-bottom: 16px;
}

.unione-neutrals-academy-page .cv2-cert-title {
    font-family: 'Inter Tight';
    font-size: 20px;
    color: #fff;
    margin-bottom: 8px;
}

.unione-neutrals-academy-page .cv2-cert-sub {
    font-size: 12px;
    color: rgba(255,255,255,.35);
    line-height: 1.5;
}

/* Certification levels list */
.unione-neutrals-academy-page .cv2-levels {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.unione-neutrals-academy-page .cv2l {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-radius: var(--r-md);
    background: rgba(255,255,255,.03);
}

/* Level indicator dot */
.unione-neutrals-academy-page .cv2l-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.unione-neutrals-academy-page .cv2l-label {
    font-size: 13px;
    color: rgba(255,255,255,.55);
}

.unione-neutrals-academy-page .cv2l-badge {
    margin-left: auto;
    font-size: 10px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 4px;
    background: rgba(196,169,106,.1);
    color: var(--gold);
}

/* ============================================================
   INTEGRATION BANNER (theneutrals.org)
   ============================================================ */
.unione-neutrals-academy-page .integration-banner {
    background: var(--gold-pale);
    border: .5px solid rgba(196,169,106,.25);
    border-radius: var(--r-xl);
    padding: 44px;
    margin-top: 48px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 40px;
    align-items: center;
}

.unione-neutrals-academy-page .ib-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 8px;
}

.unione-neutrals-academy-page .ib-sub {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.65;
    max-width: 560px;
}

.unione-neutrals-academy-page .ib-actions {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    flex-wrap: wrap;
}

/* Integration banner buttons */
.unione-neutrals-academy-page .btn-ib-dark {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: var(--r-md);
    border: none;
    background: var(--slate);
    color: #fff;
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
}

.unione-neutrals-academy-page .btn-ib-dark:hover {
    background: var(--obsidian);
}

.unione-neutrals-academy-page .btn-ib-outline {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: var(--r-md);
    border: .5px solid var(--border);
    background: transparent;
    color: var(--ink);
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
}

.unione-neutrals-academy-page .ib-logo {
    font-family: 'Inter Tight', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--slate);
    opacity: .3;
}

/* ============================================================
   RESPONSIVE BREAKPOINTS
   ============================================================ */

/* Tablet (max-width: 900px) */
@media (max-width: 900px) {
    /* Hide navigation links on tablet */
    .unione-neutrals-academy-page .nav-links {
        display: none;
    }
    
    /* Stack track cards vertically */
    .unione-neutrals-academy-page .h-tracks {
        grid-template-columns: 1fr;
    }
    
    /* Stack pathway cards vertically */
    .unione-neutrals-academy-page .pathway {
        grid-template-columns: 1fr;
    }
    
    /* Stack credential section columns */
    .unione-neutrals-academy-page .credential-inner {
        grid-template-columns: 1fr;
    }
    
    /* Hide credential visual on tablet (optional - can be shown) */
    .unione-neutrals-academy-page .cred-visual {
        display: none;
    }
    
    /* Stack integration banner columns */
    .unione-neutrals-academy-page .integration-banner {
        grid-template-columns: 1fr;
    }
    
    /* Hide logo in integration banner on tablet */
    .unione-neutrals-academy-page .ib-logo {
        display: none;
    }
    
    /* Reduce padding on all main sections */
    .unione-neutrals-academy-page .sec,
    .unione-neutrals-academy-page .hero,
    .unione-neutrals-academy-page .credential-section {
        padding-left: 24px;
        padding-right: 24px;
    }
}

/* Small devices (max-width: 640px) - Additional responsive tweaks */
@media (max-width: 640px) {
    /* Further reduce hero padding */
    .unione-neutrals-academy-page .hero {
        padding: 60px 20px 48px;
    }
    
    /* Reduce section padding */
    .unione-neutrals-academy-page .sec {
        padding: 48px 20px;
    }
    
    /* Adjust divider margins */
    .unione-neutrals-academy-page .divider {
        margin: 0 20px;
    }
    
    /* Stack button groups */
    .unione-neutrals-academy-page .ib-actions {
        flex-direction: column;
    }
    
    /* Full-width buttons on mobile */
    .unione-neutrals-academy-page .ib-actions .btn-ib-dark,
    .unione-neutrals-academy-page .ib-actions .btn-ib-outline {
        width: 100%;
        text-align: center;
    }
    
    /* Adjust track card padding */
    .unione-neutrals-academy-page .ht-card {
        padding: 18px;
    }
    
    /* Adjust pathway card header spacing */
    .unione-neutrals-academy-page .pw-header {
        padding: 20px;
        flex-direction: column;
        text-align: center;
    }
    
    /* Adjust pathway card body spacing */
    .unione-neutrals-academy-page .pw-body {
        padding: 20px;
    }
    
    /* Adjust pathway card footer */
    .unione-neutrals-academy-page .pw-footer {
        flex-direction: column;
        gap: 12px;
        text-align: center;
    }
}

/* ============================================
UNIONE™ Research & Publications - FULLY RESPONSIVE
Mobile | Tablet | Desktop | All Screens
============================================ */
:root {
    --slate: #2A3545;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
}

.unione-research-container {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    background: var(--parchment);
    color: var(--ink);
    overflow-x: hidden;
    max-width: 100%;
    -webkit-font-smoothing: antialiased;
}

.unione-research-container *,
.unione-research-container *::before,
.unione-research-container *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-research-container ::selection {
    background: var(--obsidian);
    color: var(--gold);
}

.unione-research-container ::-webkit-scrollbar {
    width: 3px;
}

.unione-research-container ::-webkit-scrollbar-track {
    background: var(--ivory);
}

.unione-research-container ::-webkit-scrollbar-thumb {
    background: var(--slate-mid);
    border-radius: 2px;
}

/* Animations */
@keyframes fadeUp {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
}

.unione-research-container .fade-up {
    animation: fadeUp .7s ease both;
}

.unione-research-container .fade-1 { animation-delay: .1s; }
.unione-research-container .fade-2 { animation-delay: .22s; }
.unione-research-container .fade-3 { animation-delay: .34s; }

/* ==========================================
   HERO SECTION
========================================== */

.unione-research-container .hero{
    background:var(--obsidian);
    padding:96px 52px 80px;
    position:relative;
    overflow:hidden;
}

.unione-research-container .hero::before{
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(
        ellipse 60% 80% at 85% 20%,
        rgba(196,169,106,.05),
        transparent 55%
    );
}

.unione-research-container .hero-inner{
    position:relative;
    z-index:2;

    max-width:1400px;
    margin:0 auto;

    display:grid !important;
    grid-template-columns:minmax(0,1fr) 420px !important;

    gap:100px;
    align-items:center;
}

.unione-research-container .hero-left{
    min-width:0;
}

.unione-research-container .h-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;

    background:rgba(196,169,106,.10);
    border:1px solid rgba(196,169,106,.20);
    border-radius:999px;

    padding:8px 18px;

    font-size:11px;
    font-weight:600;
    letter-spacing:.10em;
    text-transform:uppercase;

    color:var(--gold);

    margin-bottom:28px;
}

.unione-research-container .h-title{
    font-family:'Inter Tight',sans-serif;
    font-size:clamp(52px,5vw,78px);
    font-weight:700;
    line-height:1.04;
    letter-spacing:-.04em;

    color:#fff;

    margin:0 0 24px;
}

.unione-research-container .h-title span{
    color:var(--gold);
}

.unione-research-container .h-sub{
    max-width:760px;

    font-size:18px;
    line-height:1.8;

    color:rgba(255,255,255,.60);

    margin-bottom:36px;
}

.unione-research-container .h-filters{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.unione-research-container .hf{
    display:inline-flex;
    align-items:center;

    padding:12px 20px;

    border-radius:999px;

    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.04);

    color:rgba(255,255,255,.60);
    text-decoration:none;

    font-size:14px;
    transition:.25s;
}

.unione-research-container .hf:hover,
.unione-research-container .hf.active{
    background:rgba(196,169,106,.12);
    border-color:rgba(196,169,106,.30);
    color:var(--gold);
}

/* STATS */

.unione-research-container .h-stats{
    display:flex !important;
    flex-direction:column !important;
    gap:16px;

    width:100%;
    max-width:420px;

    justify-self:end;
}

.unione-research-container .hs-card{
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.07);

    border-radius:28px;

    padding:34px 30px;

    min-height:140px;

    display:flex;
    flex-direction:column;
    justify-content:center;
}

.unione-research-container .hsc-num{
    font-family:'Inter Tight',sans-serif;
    font-size:52px;
    font-weight:700;
    line-height:1;

    color:var(--gold);

    margin-bottom:14px;
}

.unione-research-container .hsc-label{
    font-size:16px;
    line-height:1.6;

    color:rgba(255,255,255,.45);
}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width:1024px){

    .unione-research-container .hero{
        padding:80px 24px;
    }

    .unione-research-container .hero-inner{
        grid-template-columns:1fr !important;
        gap:50px;
    }

    .unione-research-container .h-stats{
        max-width:100%;
        justify-self:start;
    }

    .unione-research-container .h-title{
        font-size:clamp(40px,8vw,62px);
    }

    .unione-research-container .h-sub{
        font-size:16px;
    }
}

.unione-research-container .h-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(196,169,106,.1);
    border: .5px solid rgba(196,169,106,.25);
    border-radius: 100px;
    padding: 5px 14px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 20px;
}

@media (min-width: 480px) {
    .unione-research-container .h-eyebrow {
        padding: 6px 16px;
        font-size: 11px;
        letter-spacing: .1em;
        margin-bottom: 24px;
    }
}

.unione-research-container .h-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1.1;
    color: #fff;
    margin-bottom: 16px;
}

@media (min-width: 480px) {
    .unione-research-container .h-title {
        font-size: 40px;
    }
}

@media (min-width: 768px) {
    .unione-research-container .h-title {
        font-size: 48px;
        letter-spacing: -.04em;
        margin-bottom: 20px;
    }
}

@media (min-width: 1024px) {
    .unione-research-container .h-title {
        font-size: clamp(36px, 5vw, 60px);
    }
}

.unione-research-container .h-sub {
    font-size: 14px;
    color: rgba(255,255,255,.5);
    line-height: 1.7;
    max-width: 520px;
    margin-bottom: 28px;
}

@media (min-width: 480px) {
    .unione-research-container .h-sub {
        font-size: 15px;
        margin-bottom: 32px;
    }
}

@media (min-width: 768px) {
    .unione-research-container .h-sub {
        font-size: 16px;
        margin-bottom: 36px;
    }
}

@media (min-width: 1024px) {
    .unione-research-container .h-sub {
        font-size: 17px;
    }
}

.unione-research-container .h-filters {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

@media (min-width: 480px) {
    .unione-research-container .h-filters {
        gap: 8px;
    }
}

.unione-research-container .hf {
    padding: 6px 12px;
    border-radius: 100px;
    border: .5px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.04);
    font-size: 11px;
    color: rgba(255,255,255,.5);
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
    white-space: nowrap;
}

@media (min-width: 480px) {
    .unione-research-container .hf {
        padding: 7px 16px;
        font-size: 12px;
    }
}

.unione-research-container .hf:hover,
.unione-research-container .hf.active {
    background: rgba(196,169,106,.12);
    border-color: rgba(196,169,106,.3);
    color: var(--gold);
}

.unione-research-container .h-stats {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

@media (max-width: 767px) {
    .unione-research-container .h-stats {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }
}

.unione-research-container .hs-card {
    background: rgba(255,255,255,.04);
    border: .5px solid rgba(255,255,255,.07);
    border-radius: var(--r-lg);
    padding: 18px;
}

@media (min-width: 480px) {
    .unione-research-container .hs-card {
        padding: 24px;
        border-radius: var(--r-xl);
    }
}

.unione-research-container .hsc-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: var(--gold);
    margin-bottom: 4px;
}

@media (min-width: 480px) {
    .unione-research-container .hsc-num {
        font-size: 30px;
    }
}

@media (min-width: 768px) {
    .unione-research-container .hsc-num {
        font-size: 36px;
    }
}

.unione-research-container .hsc-label {
    font-size: 11px;
    color: rgba(255,255,255,.4);
}

@media (min-width: 480px) {
    .unione-research-container .hsc-label {
        font-size: 12px;
    }
}

/* Section System - Responsive */
.unione-research-container .sec {
    padding: 48px 20px;
}

@media (min-width: 480px) {
    .unione-research-container .sec {
        padding: 60px 24px;
    }
}

@media (min-width: 768px) {
    .unione-research-container .sec {
        padding: 70px 40px;
    }
}

@media (min-width: 1024px) {
    .unione-research-container .sec {
        padding: 80px 52px;
    }
}

.unione-research-container .sec-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.unione-research-container .sec-tag {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

@media (min-width: 480px) {
    .unione-research-container .sec-tag {
        font-size: 11px;
        letter-spacing: .14em;
        margin-bottom: 10px;
        gap: 10px;
    }
}

.unione-research-container .sec-tag::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    background: var(--gold);
}

@media (min-width: 480px) {
    .unione-research-container .sec-tag::before {
        width: 24px;
    }
}

.unione-research-container .sec-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--ink);
    margin-bottom: 10px;
    line-height: 1.2;
}

@media (min-width: 480px) {
    .unione-research-container .sec-title {
        font-size: 30px;
        margin-bottom: 12px;
    }
}

@media (min-width: 768px) {
    .unione-research-container .sec-title {
        font-size: 36px;
    }
}

@media (min-width: 1024px) {
    .unione-research-container .sec-title {
        font-size: clamp(26px, 3.2vw, 40px);
    }
}

.unione-research-container .sec-sub {
    font-size: 13px;
    color: var(--ink-mid);
    line-height: 1.7;
    max-width: 580px;
    margin-bottom: 32px;
}

@media (min-width: 480px) {
    .unione-research-container .sec-sub {
        font-size: 14px;
        margin-bottom: 36px;
    }
}

@media (min-width: 768px) {
    .unione-research-container .sec-sub {
        font-size: 15px;
        margin-bottom: 44px;
    }
}

.unione-research-container .divider {
    height: .5px;
    background: var(--border);
    margin: 0 20px;
}

@media (min-width: 480px) {
    .unione-research-container .divider {
        margin: 0 24px;
    }
}

@media (min-width: 768px) {
    .unione-research-container .divider {
        margin: 0 40px;
    }
}

@media (min-width: 1024px) {
    .unione-research-container .divider {
        margin: 0 52px;
    }
}

/* Featured Paper - Responsive */
.unione-research-container .featured-paper {
    display: grid;
    grid-template-columns: 1fr !important;
    border: .5px solid var(--border);
    border-radius: var(--r-lg) !important;
    overflow: hidden;
    background: var(--white);
    transition: all .2s;
    text-decoration: none !important;
    padding: 20px !important;
}

@media (min-width: 768px) {
    .unione-research-container .featured-paper {
        padding: 20px;
        grid-template-columns: 1fr 1fr;
        border-radius: var(--r-xl);
    }
}

.unione-research-container .featured-paper:hover {
    box-shadow: 0 16px 48px rgba(42,53,69,.1);
    transform: translateY(-2px);
}

.unione-research-container .fp-visual {
    background: var(--obsidian);
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: auto;
}

@media (min-width: 480px) {
    .unione-research-container .fp-visual {
        padding: 40px 32px;
    }
}

@media (min-width: 768px) {
    .unione-research-container .fp-visual {
        padding: 56px 48px;
        min-height: 360px;
    }
}

.unione-research-container .fp-doc-preview {
    flex: 1;
    background: rgba(255,255,255,.04);
    border: .5px solid rgba(255,255,255,.06);
    border-radius: var(--r-lg);
    padding: 18px;
    margin-bottom: 20px;
    font-size: 11px;
    color: rgba(255,255,255,.3);
    font-family: monospace;
    line-height: 1.6;
    overflow-x: auto;
}

@media (min-width: 480px) {
    .unione-research-container .fp-doc-preview {
        padding: 24px;
        font-size: 12px;
    }
}

@media (min-width: 768px) {
    .unione-research-container .fp-doc-preview {
        font-size: 13px;
        line-height: 1.8;
        margin-bottom: 24px;
    }
}

.unione-research-container .fp-doc-preview strong {
    color: rgba(255,255,255,.55);
    font-family: 'Inter Tight', sans-serif;
    font-size: 12px;
}

@media (min-width: 480px) {
    .unione-research-container .fp-doc-preview strong {
        font-size: 14px;
    }
}

.unione-research-container .fp-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--gold);
}

@media (min-width: 480px) {
    .unione-research-container .fp-label {
        font-size: 11px;
        letter-spacing: .12em;
    }
}

.unione-research-container .fp-content {
    padding: 28px 20px;
}

@media (min-width: 480px) {
    .unione-research-container .fp-content {
        padding: 32px 28px;
    }
}

@media (min-width: 768px) {
    .unione-research-container .fp-content {
        padding: 44px;
    }
}

.unione-research-container .fp-cat {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 10px;
}

@media (min-width: 480px) {
    .unione-research-container .fp-cat {
        font-size: 11px;
        letter-spacing: .1em;
        margin-bottom: 12px;
    }
}

.unione-research-container .fp-title {
    font-family: 'Instrument Serif', Georgia, serif;
    font-size: 20px;
    font-weight: 400;
    color: var(--ink);
    line-height: 1.25;
    margin-bottom: 14px;
}

@media (min-width: 480px) {
    .unione-research-container .fp-title {
        font-size: 24px;
        margin-bottom: 16px;
    }
}

@media (min-width: 768px) {
    .unione-research-container .fp-title {
        font-size: clamp(22px, 2.5vw, 32px);
        line-height: 1.2;
    }
}

.unione-research-container .fp-abstract {
    font-size: 13px;
    color: var(--ink-mid);
    line-height: 1.65;
    margin-bottom: 24px;
}

@media (min-width: 480px) {
    .unione-research-container .fp-abstract {
        font-size: 14px;
        line-height: 1.7;
        margin-bottom: 28px;
    }
}

@media (min-width: 768px) {
    .unione-research-container .fp-abstract {
        font-size: 15px;
        line-height: 1.75;
    }
}

.unione-research-container .fp-meta {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

@media (min-width: 480px) {
    .unione-research-container .fp-meta {
        gap: 16px;
    }
}

.unione-research-container .fp-author {
    font-size: 12px;
    font-weight: 500;
    color: var(--ink);
}

@media (min-width: 480px) {
    .unione-research-container .fp-author {
        font-size: 13px;
    }
}

.unione-research-container .fp-date {
    font-size: 11px;
    color: var(--ink-mute);
}

@media (min-width: 480px) {
    .unione-research-container .fp-date {
        font-size: 12px;
    }
}

.unione-research-container .fp-dl {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 500;
    color: var(--slate);
    border: .5px solid var(--border);
    padding: 7px 14px;
    border-radius: var(--r-md);
    text-decoration: none;
    transition: all .2s;
    margin-left: 0;
}

@media (min-width: 480px) {
    .unione-research-container .fp-dl {
        font-size: 13px;
        padding: 8px 16px;
    }
}

@media (min-width: 768px) {
    .unione-research-container .fp-dl {
        margin-left: auto;
    }
}

.unione-research-container .fp-dl:hover {
    background: var(--gold-pale);
    border-color: rgba(196,169,106,.4);
}

/* Paper Grid - Responsive */
.unione-research-container .paper-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 32px;
}

@media (min-width: 640px) {
    .unione-research-container .paper-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (min-width: 1024px) {
    .unione-research-container .paper-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
        margin-top: 40px;
    }
}

.unione-research-container .paper-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-lg);
    overflow: hidden;
    transition: all .2s;
    cursor: pointer;
}

@media (min-width: 768px) {
    .unione-research-container .paper-card {
        border-radius: var(--r-xl);
    }
}

.unione-research-container .paper-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 36px rgba(42,53,69,.08);
    border-color: rgba(196,169,106,.3);
}

.unione-research-container .pc-top {
    padding: 20px 18px 16px;
    border-bottom: .5px solid var(--border);
}

@media (min-width: 480px) {
    .unione-research-container .pc-top {
        padding: 24px 20px 18px;
    }
}

@media (min-width: 768px) {
    .unione-research-container .pc-top {
        padding: 28px 24px 20px;
    }
}

.unione-research-container .pc-type {
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 8px;
}

@media (min-width: 480px) {
    .unione-research-container .pc-type {
        font-size: 10px;
        letter-spacing: .1em;
        margin-bottom: 10px;
    }
}

.unione-research-container .pc-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--ink);
    line-height: 1.35;
    margin-bottom: 8px;
}

@media (min-width: 480px) {
    .unione-research-container .pc-title {
        font-size: 15px;
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) {
    .unione-research-container .pc-title {
        font-size: 16px;
    }
}

.unione-research-container .pc-abstract {
    font-size: 11px;
    color: var(--ink-mid);
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (min-width: 480px) {
    .unione-research-container .pc-abstract {
        font-size: 12px;
    }
}

@media (min-width: 768px) {
    .unione-research-container .pc-abstract {
        font-size: 13px;
        line-height: 1.65;
    }
}

.unione-research-container .pc-bottom {
    padding: 12px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 480px) {
    .unione-research-container .pc-bottom {
        padding: 14px 20px;
    }
}

@media (min-width: 768px) {
    .unione-research-container .pc-bottom {
        padding: 16px 24px;
    }
}

.unione-research-container .pc-meta {
    font-size: 11px;
    color: var(--ink-mute);
}

@media (min-width: 480px) {
    .unione-research-container .pc-meta {
        font-size: 12px;
    }
}

.unione-research-container .pc-dl {
    font-size: 11px;
    font-weight: 500;
    color: var(--slate);
    text-decoration: none;
}

@media (min-width: 480px) {
    .unione-research-container .pc-dl {
        font-size: 12px;
    }
}

.unione-research-container .pc-dl:hover {
    color: var(--gold);
}

/* Jurisdiction Grid - Responsive */
.unione-research-container .jur-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 32px;
}

@media (min-width: 480px) {
    .unione-research-container .jur-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }
}

@media (min-width: 768px) {
    .unione-research-container .jur-grid {
        gap: 16px;
        margin-top: 40px;
    }
}

@media (min-width: 1024px) {
    .unione-research-container .jur-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

.unione-research-container .jur-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-lg);
    padding: 20px;
    transition: all .2s;
    cursor: pointer;
}

@media (min-width: 480px) {
    .unione-research-container .jur-card {
        padding: 24px;
    }
}

@media (min-width: 768px) {
    .unione-research-container .jur-card {
        border-radius: var(--r-xl);
    }
}

.unione-research-container .jur-card:hover {
    border-color: rgba(196,169,106,.3);
    transform: translateY(-2px);
}

.unione-research-container .jc-flag {
    font-size: 24px;
    margin-bottom: 10px;
    display: block;
}

@media (min-width: 480px) {
    .unione-research-container .jc-flag {
        font-size: 28px;
        margin-bottom: 12px;
    }
}

.unione-research-container .jc-country {
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 5px;
}

@media (min-width: 480px) {
    .unione-research-container .jc-country {
        font-size: 15px;
        margin-bottom: 6px;
    }
}

.unione-research-container .jc-desc {
    font-size: 11px;
    color: var(--ink-mute);
    line-height: 1.5;
    margin-bottom: 10px;
}

@media (min-width: 480px) {
    .unione-research-container .jc-desc {
        font-size: 12px;
        margin-bottom: 12px;
    }
}

.unione-research-container .jc-badge {
    display: inline-block;
    font-size: 9px;
    font-weight: 600;
    padding: 3px 7px;
    border-radius: 4px;
}

@media (min-width: 480px) {
    .unione-research-container .jc-badge {
        font-size: 10px;
        padding: 3px 8px;
    }
}

.unione-research-container .badge-avail {
    background: rgba(15,122,66,.1);
    color: #0F7A42;
    border: .5px solid rgba(15,122,66,.2);
}

.unione-research-container .badge-soon {
    background: rgba(196,169,106,.1);
    color: var(--gold);
    border: .5px solid rgba(196,169,106,.2);
}

/* Subscribe Banner - Responsive */
.unione-research-container .subscribe-banner {
    background: var(--gold-pale);
    border: .5px solid rgba(196,169,106,.25);
    border-radius: var(--r-lg);
    padding: 28px 20px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 32px;
}

@media (min-width: 480px) {
    .unione-research-container .subscribe-banner {
        padding: 32px 28px;
        gap: 28px;
    }
}

@media (min-width: 768px) {
    .unione-research-container .subscribe-banner {
        border-radius: var(--r-xl);
        padding: 40px;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 40px;
        margin-top: 40px;
    }
}

@media (min-width: 1024px) {
    .unione-research-container .subscribe-banner {
        padding: 48px;
        margin-top: 48px;
    }
}

.unione-research-container .sb-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 6px;
}

@media (min-width: 480px) {
    .unione-research-container .sb-title {
        font-size: 22px;
        margin-bottom: 8px;
    }
}

@media (min-width: 768px) {
    .unione-research-container .sb-title {
        font-size: 24px;
    }
}

.unione-research-container .sb-sub {
    font-size: 12px;
    color: var(--ink-mid);
    line-height: 1.6;
    max-width: 480px;
}

@media (min-width: 480px) {
    .unione-research-container .sb-sub {
        font-size: 13px;
        line-height: 1.65;
    }
}

@media (min-width: 768px) {
    .unione-research-container .sb-sub {
        font-size: 14px;
    }
}

.unione-research-container .sb-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-shrink: 0;
}

@media (min-width: 480px) {
    .unione-research-container .sb-form {
        flex-direction: row;
    }
}

.unione-research-container .sb-input {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    padding: 11px 16px;
    border-radius: var(--r-md);
    border: .5px solid rgba(196,169,106,.3);
    background: #fff;
    outline: none;
    width: 100%;
}

@media (min-width: 480px) {
    .unione-research-container .sb-input {
        font-size: 14px;
        padding: 12px 20px;
        min-width: 240px;
        width: auto;
    }
}

.unione-research-container .sb-input:focus {
    border-color: var(--gold);
}

.unione-research-container .sb-btn {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 500;
    padding: 11px 20px;
    border-radius: var(--r-md);
    border: none;
    background: var(--slate);
    color: #fff;
    cursor: pointer;
    transition: all .2s;
    white-space: nowrap;
    width: 100%;
}

@media (min-width: 480px) {
    .unione-research-container .sb-btn {
        font-size: 14px;
        padding: 12px 24px;
        width: auto;
    }
}

.unione-research-container .sb-btn:hover {
    background: var(--obsidian);
}

/* Extra Small Screens */
@media (max-width: 360px) {
    .unione-research-container .h-title {
        font-size: 28px;
    }
    
    .unione-research-container .sec-title {
        font-size: 22px;
    }
    
    .unione-research-container .fp-title {
        font-size: 18px;
    }
}

/* Large Screens */
@media (min-width: 1440px) {
    .unione-research-container .hero-inner,
    .unione-research-container .sec-inner {
        max-width: 1300px;
    }
}

/* Font Families */
.unione-research-container {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.unione-research-container .h-title,
.unione-research-container .sec-title,
.unione-research-container .hsc-num,
.unione-research-container .pc-title,
.unione-research-container .jc-country,
.unione-research-container .sb-title {
    font-family: 'Inter Tight', -apple-system, sans-serif;
}

.unione-research-container .fp-title {
    font-family: 'Instrument Serif', Georgia, serif;
}

/* ── Scoped wrapper so styles don't leak into the WP theme ── */
.unione-adopt-wrap {
    font-family: 'Inter', sans-serif;
    color: #1A1A18;
    background: transparent;
    line-height: 1.5;
}

.unione-adopt-wrap {
    --slate: #2A3545;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
}

.unione-adopt-wrap *,
.unione-adopt-wrap *::before,
.unione-adopt-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-adopt-wrap {
    scroll-behavior: smooth;
}

.unione-adopt-wrap ::selection {
    background: var(--obsidian);
    color: var(--gold);
}

.unione-adopt-wrap ::-webkit-scrollbar {
    width: 3px;
}

.unione-adopt-wrap ::-webkit-scrollbar-thumb {
    background: var(--slate-mid);
    border-radius: 2px;
}

/* Animations */
@keyframes pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(.7); }
}

@keyframes fadeUp {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: translateY(0); }
}

.unione-adopt-wrap .fade-up {
    animation: fadeUp .7s ease both;
}

.unione-adopt-wrap .fade-1 {
    animation-delay: .1s;
}

.unione-adopt-wrap .fade-2 {
    animation-delay: .22s;
}

.unione-adopt-wrap .fade-3 {
    animation-delay: .34s;
}

/* Buttons */
.unione-adopt-wrap .btn-outline {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: .5px solid var(--border);
    background: transparent;
    color: var(--ink);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.unione-adopt-wrap .btn-outline:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

.unione-adopt-wrap .btn-gold {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.unione-adopt-wrap .btn-gold:hover {
    background: #B89858;
}

/* HERO */
.unione-adopt-wrap .hero {
    background: var(--obsidian);
    padding: 96px 52px 80px;
    position: relative;
    overflow: hidden;
}

.unione-adopt-wrap .hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 60% 80% at 90% 20%, rgba(196,169,106,.06), transparent 55%), radial-gradient(ellipse 40% 60% at 10% 80%, rgba(42,53,69,.5), transparent 50%);
}

.unione-adopt-wrap .hero-inner-adopt{
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.unione-adopt-wrap .h-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(196,169,106,.1);
    border: .5px solid rgba(196,169,106,.25);
    border-radius: 100px;
    padding: 6px 16px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 24px;
}
.hero-inner-adopt{
    max-width: 1200px !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 1 !important;
    /* display: grid; */
    grid-template-columns: 1fr 0.8fr;
    gap: 60px;
    align-items: center;
}
.unione-adopt-wrap .h-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(36px, 5vw, 60px);
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.04;
    color: #fff;
    margin-bottom: 18px;
    max-width: 720px;
}

.unione-adopt-wrap .h-sub {
    font-size: 17px;
    color: rgba(255,255,255,.5);
    line-height: 1.8;
    max-width: 580px;
    margin-bottom: 44px;
}

.unione-adopt-wrap .h-audience {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.unione-adopt-wrap .aud-pill {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 100px;
    background: rgba(255,255,255,.05);
    border: .5px solid rgba(255,255,255,.1);
    font-size: 13px;
    font-weight: 500;
    color: rgba(255,255,255,.65);
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
}

.unione-adopt-wrap .aud-pill:hover,
.unione-adopt-wrap .aud-pill.active {
    background: rgba(196,169,106,.12);
    border-color: rgba(196,169,106,.3);
    color: var(--gold);
}

/* SECTION */
.unione-adopt-wrap .sec {
    padding: 88px 52px;
}

.unione-adopt-wrap .sec-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.unione-adopt-wrap .sec-tag {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.unione-adopt-wrap .sec-tag::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    background: var(--gold);
}

.unione-adopt-wrap .sec-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(26px, 3.5vw, 42px);
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 14px;
    line-height: 1.08;
}

.unione-adopt-wrap .sec-sub {
    font-size: 16px;
    color: var(--ink-mid);
    line-height: 1.8;
    max-width: 560px;
    margin-bottom: 52px;
}

.unione-adopt-wrap .divider {
    height: .5px;
    background: var(--border);
    margin: 0 52px;
}

/* ADOPTION TRACKS */
.unione-adopt-wrap .tracks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 0;
}

.unione-adopt-wrap .track-card {
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    overflow: hidden;
    background: var(--white);
    transition: all .25s;
}

.unione-adopt-wrap .track-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 48px rgba(42,53,69,.1);
    border-color: rgba(196,169,106,.3);
}

.unione-adopt-wrap .tc-top {
    padding: 32px 28px 24px;
    border-bottom: .5px solid var(--border);
    background: var(--obsidian);
    position: relative;
    overflow: hidden;
}

.unione-adopt-wrap .tc-top::before {
    content: '';
    position: absolute;
    bottom: -40px;
    right: -40px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(196,169,106,.1), transparent 70%);
}

.unione-adopt-wrap .tc-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: rgba(255,255,255,.28);
    margin-bottom: 14px;
}

.unione-adopt-wrap .tc-label {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 6px;
    letter-spacing: -.02em;
}

.unione-adopt-wrap .tc-for {
    font-size: 12px;
    color: rgba(255,255,255,.38);
    line-height: 1.55;
}

.unione-adopt-wrap .tc-body {
    padding: 28px;
}

.unione-adopt-wrap .tc-steps {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 24px;
}

.unione-adopt-wrap .tc-step {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.unione-adopt-wrap .tc-step-num {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--gold-pale);
    border: .5px solid rgba(196,169,106,.25);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    color: var(--gold);
    flex-shrink: 0;
    margin-top: 2px;
}

.unione-adopt-wrap .tc-step-text {
    font-size: 13.5px;
    color: var(--ink-mid);
    line-height: 1.65;
}

.unione-adopt-wrap .tc-step-text strong {
    color: var(--ink);
}

.unione-adopt-wrap .tc-cta {
    display: block;
    text-align: center;
    padding: 12px;
    border-radius: var(--r-md);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all .2s;
}

.unione-adopt-wrap .tc-cta-gold {
    background: var(--gold);
    color: var(--obsidian);
}

.unione-adopt-wrap .tc-cta-gold:hover {
    background: #B89858;
}

.unione-adopt-wrap .tc-cta-outline {
    background: var(--gold);
    border: .5px solid var(--border);
    color: var(--ink);
}

.unione-adopt-wrap .tc-cta-outline:hover {
    background: var(--gold-pale);
    border-color: rgba(196,169,106,.4);
}

/* CLAUSE SECTION */
.unione-adopt-wrap .clause-sec {
    background: var(--ivory);
}

.unione-adopt-wrap .clause-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 0;
}

.unione-adopt-wrap .clause-row {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px 24px;
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    text-decoration: none;
    transition: all .2s;
}

.unione-adopt-wrap .clause-row:hover {
    border-color: rgba(196,169,106,.3);
    transform: translateY(-1px);
}

.unione-adopt-wrap .cr-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: rgba(196,169,106,.3);
    flex-shrink: 0;
    min-width: 28px;
    line-height: 1;
}

.unione-adopt-wrap .cr-name {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 4px;
}

.unione-adopt-wrap .cr-desc {
    font-size: 12.5px;
    color: var(--ink-mute);
    line-height: 1.6;
}

.unione-adopt-wrap .cr-tag {
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
    background: var(--gold-pale);
    color: var(--gold);
    border: .5px solid rgba(196,169,106,.2);
    margin-top: 6px;
}

/* BENEFITS GRID */
.unione-adopt-wrap .benefits {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.unione-adopt-wrap .benefit {
    padding: 28px;
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    transition: all .2s;
}

.unione-adopt-wrap .benefit:hover {
    border-color: rgba(196,169,106,.3);
    transform: translateY(-2px);
}

.unione-adopt-wrap .b-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: rgba(196,169,106,.25);
    margin-bottom: 10px;
}

.unione-adopt-wrap .b-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 8px;
}

.unione-adopt-wrap .b-body {
    font-size: 13.5px;
    color: var(--ink-mid);
    line-height: 1.7;
}

/* HOW-TO TIMELINE */
.unione-adopt-wrap .how-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    overflow: hidden;
    margin-top: 0;
}

.unione-adopt-wrap .how-step {
    padding: 32px 28px;
    border-right: .5px solid var(--border);
}

.unione-adopt-wrap .how-step:last-child {
    border-right: none;
}

.unione-adopt-wrap .hs-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: rgba(196,169,106,.2);
    margin-bottom: 12px;
}

.unione-adopt-wrap .hs-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 8px;
}

.unione-adopt-wrap .hs-body {
    font-size: 13px;
    color: var(--ink-mid);
    line-height: 1.65;
}

/* CTA BANNER */
.unione-adopt-wrap .cta-banner {
    background: var(--gold-pale);
    border: .5px solid rgba(196,169,106,.2);
    padding: 64px 52px;
    text-align: center;
}

.unione-adopt-wrap .cta-title {
    font-family: 'Inter Tight', serif;
    font-size: clamp(26px, 3.5vw, 42px);
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 14px;
    line-height: 1.2;
}

.unione-adopt-wrap .cta-sub {
    font-size: 16px;
    color: var(--ink-mid);
    margin-bottom: 36px;
    line-height: 1.75;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
}

.unione-adopt-wrap .cta-row {
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
}

.unione-adopt-wrap .btn-cta-dark {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding: 15px 32px;
    border-radius: var(--r-md);
    border: none;
    background: var(--slate);
    color: var(--parchment);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.unione-adopt-wrap .btn-cta-dark:hover {
    background: var(--obsidian);
}

.unione-adopt-wrap .btn-cta-outline {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 500;
    padding: 15px 32px;
    border-radius: var(--r-md);
    border: .5px solid var(--border);
    background: transparent;
    color: var(--ink);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.unione-adopt-wrap .btn-cta-outline:hover {
    border-color: var(--slate);
}

/* Responsive */
@media (max-width: 900px) {
    .unione-adopt-wrap .tracks {
        grid-template-columns: 1fr;
    }
    .unione-adopt-wrap .clause-grid {
        grid-template-columns: 1fr;
    }
    .unione-adopt-wrap .benefits {
        grid-template-columns: 1fr;
    }
    .unione-adopt-wrap .how-steps {
        grid-template-columns: 1fr 1fr;
    }
    .unione-adopt-wrap .sec,
    .unione-adopt-wrap .hero,
    .unione-adopt-wrap .cta-banner {
        padding-left: 24px;
        padding-right: 24px;
    }
    .unione-adopt-wrap .divider {
        margin: 0 24px;
    }
}

@media (max-width: 600px) {
    .unione-adopt-wrap .how-steps {
        grid-template-columns: 1fr;
    }
    .unione-adopt-wrap .how-step {
        border-right: none;
        border-bottom: .5px solid var(--border);
    }
    .unione-adopt-wrap .how-step:last-child {
        border-bottom: none;
    }
}

/**
 * UNIONE™ Standard Clause - Main Stylesheet
 * 
 * This file contains all styles for the Standard UNIONE™ Clause page.
 * It displays the model arbitration clause with drafting guidance,
 * clause specifications, and links to all 8 model clauses.
 * 
 * @package UNIONE
 * @version 1.0.0
 */

/* ============================================================
   DESIGN SYSTEM - CSS CUSTOM PROPERTIES (VARIABLES)
   ============================================================ */
.unione-clause-standard {
    --slate: #2A3545;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --r-md: 10px;
    --r-xl: 24px;
}

/* ============================================================
   GLOBAL RESET & BASE STYLES
   ============================================================ */
.unione-clause-standard,
.unione-clause-standard *,
.unione-clause-standard *::before,
.unione-clause-standard *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-clause-standard {
    font-family: 'Inter', sans-serif;
    color: #1A1A18;
    background: transparent;
    line-height: 1.5;
}

.unione-clause-standard {
    background: var(--parchment);
}

.unione-clause-standard ::selection {
    background: var(--obsidian);
    color: var(--gold);
}

/* Custom scrollbar styling */
.unione-clause-standard ::-webkit-scrollbar {
    width: 3px;
}

.unione-clause-standard ::-webkit-scrollbar-thumb {
    background: var(--slate-mid);
    border-radius: 2px;
}

/* ============================================================
   ANIMATIONS
   ============================================================ */
@keyframes uc-pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(.7); }
}

/* ============================================================
   UTILITY CLASSES
   ============================================================ */
/* Navigation green dot indicator */
.unione-clause-standard .uc-nlg {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gold);
    animation: uc-pulse-dot 2s ease-in-out infinite;
}

/* ============================================================
   BUTTON STYLES
   ============================================================ */
/* Outline button variant */
.unione-clause-standard .uc-btn-outline {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: .5px solid var(--border);
    background: transparent;
    color: var(--ink);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.unione-clause-standard .uc-btn-outline:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

/* Gold button variant (primary CTA) */
.unione-clause-standard .uc-btn-gold {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.unione-clause-standard .uc-btn-gold:hover {
    background: #B89858;
}

/* ============================================================
   HERO SECTION
   ============================================================ */
.unione-clause-standard .uc-hero {
    background: var(--obsidian);
    padding: 72px 52px 56px;
    position: relative;
    overflow: hidden;
}

/* Hero background gradient overlay */
.unione-clause-standard .uc-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 70% at 85% 25%, rgba(196,169,106,.06), transparent 55%);
}

/* Hero inner container */
.unione-clause-standard .uc-hero-inner {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* Hero eyebrow (category label with gold line) */
.unione-clause-standard .uc-hero-eyebrow {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gold);
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.unione-clause-standard .uc-hero-eyebrow::before {
    content: '';
    width: 14px;
    height: 1px;
    background: var(--gold);
}

/* Hero clause number */
.unione-clause-standard .uc-hero-number {
    font-family: 'Inter Tight', sans-serif;
    font-size: 60px;
    font-weight: 700;
    color: var(--gold);
    line-height: 1;
    margin-bottom: 0;
    letter-spacing: -.05em;
}

/* Hero title */
.unione-clause-standard .uc-hero-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(26px, 3.5vw, 42px);
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.08;
}

/* Hero subtitle / description */
.unione-clause-standard .uc-hero-subtitle {
    font-size: 15px;
    color: rgba(255,255,255,.45);
    line-height: 1.8;
    max-width: 520px;
    margin-bottom: 24px;
}

/* Hero tag badge */
.unione-clause-standard .uc-hero-tag {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 100px;
    background: rgba(196,169,106,.1);
    border: .5px solid rgba(196,169,106,.2);
    color: var(--gold);
}

/* ============================================================
   BREADCRUMB NAVIGATION
   ============================================================ */
.unione-clause-standard .uc-breadcrumb {
    max-width: 1100px;
    margin: 0 auto;
    padding: 24px 52px 0;
    display: flex;
    gap: 8px;
    align-items: center;
}

.unione-clause-standard .uc-breadcrumb a {
    font-size: 12px;
    color: var(--ink-mute);
    text-decoration: none;
}

.unione-clause-standard .uc-breadcrumb a:hover {
    color: var(--slate);
}

.unione-clause-standard .uc-breadcrumb-sep {
    color: var(--border);
    font-size: 12px;
}

.unione-clause-standard .uc-breadcrumb-current {
    font-size: 12px;
    color: var(--slate);
    font-weight: 500;
}

/* ============================================================
   PAGE LAYOUT (Main Content + Sidebar)
   ============================================================ */
.unione-clause-standard .uc-page-inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 48px 52px 80px;
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 60px;
    align-items: start;
}

/* ============================================================
   MAIN CONTENT STYLES
   ============================================================ */
.unione-clause-standard .uc-content h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--ink);
    margin: 36px 0 12px;
    letter-spacing: -.02em;
}

.unione-clause-standard .uc-content h2:first-child {
    margin-top: 0;
}

.unione-clause-standard .uc-content p {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.85;
    margin-bottom: 16px;
}

.unione-clause-standard .uc-content ul {
    margin: 12px 0 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.unione-clause-standard .uc-content li {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.75;
}

.unione-clause-standard .uc-content strong {
    color: var(--ink);
    font-weight: 600;
}

.unione-clause-standard .uc-content a {
    color: var(--slate);
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* Divider line */
.unione-clause-standard .uc-divider {
    height: .5px;
    background: var(--border);
    margin: 32px 0;
}

/* ============================================================
   CLAUSE BOX (Dark background with clause text)
   ============================================================ */
.unione-clause-standard .uc-clause-box {
    background: var(--obsidian);
    border-radius: var(--r-xl);
    padding: 32px;
    margin: 24px 0;
}

.unione-clause-standard .uc-clause-box-label {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: rgba(255,255,255,.3);
    margin-bottom: 12px;
}

.unione-clause-standard .uc-clause-box-text {
    font-size: 14px;
    color: rgba(255,255,255,.65);
    line-height: 1.9;
    font-style: italic;
    border-left: 2px solid rgba(196,169,106,.35);
    padding-left: 18px;
}

/* Clause box action buttons */
.unione-clause-standard .uc-clause-box-actions {
    display: flex;
    gap: 8px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.unione-clause-standard .uc-clause-box-btn {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 500;
    padding: 9px 18px;
    border-radius: var(--r-md);
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
    border: none;
}

/* Copy button */
.unione-clause-standard .uc-clause-box-btn-copy {
    background: rgba(255,255,255,.1);
    color: rgba(255,255,255,.7);
}

.unione-clause-standard .uc-clause-box-btn-copy:hover {
    background: rgba(255,255,255,.17);
    color: #fff;
}

/* Generate button */
.unione-clause-standard .uc-clause-box-btn-generate {
    background: var(--gold);
    color: var(--obsidian);
    font-weight: 600;
}

.unione-clause-standard .uc-clause-box-btn-generate:hover {
    background: #B89858;
}

/* ============================================================
   INFO BOX STYLES
   ============================================================ */
.unione-clause-standard .uc-info-box {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 28px;
    margin: 24px 0;
}

/* Gold variant for featured info boxes */
.unione-clause-standard .uc-info-box-gold {
    background: var(--gold-pale);
    border-color: rgba(196,169,106,.25);
}

.unione-clause-standard .uc-info-box-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 8px;
}

.unione-clause-standard .uc-info-box-body {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.75;
}

/* ============================================================
   CLAUSE NAVIGATION (Horizontal tabs for 8 clauses)
   ============================================================ */
.unione-clause-standard .uc-clause-nav {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 32px;
}

.unione-clause-standard .uc-clause-nav-link {
    font-size: 11.5px;
    font-weight: 500;
    padding: 6px 14px;
    border-radius: 100px;
    border: .5px solid var(--border);
    text-decoration: none;
    color: var(--ink-mid);
    transition: all .2s;
}

.unione-clause-standard .uc-clause-nav-link:hover {
    border-color: var(--slate);
    color: var(--slate);
}

/* Active state for current clause */
.unione-clause-standard .uc-clause-nav-link-active {
    background: var(--slate);
    color: var(--parchment);
    border-color: var(--slate);
}

/* ============================================================
   SIDEBAR STYLES
   ============================================================ */
.unione-clause-standard .uc-sidebar {
    position: sticky;
    top: 88px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Sidebar card */
.unione-clause-standard .uc-sidebar-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 24px;
}

/* Gold variant for sidebar card */
.unione-clause-standard .uc-sidebar-card-gold {
    background: var(--gold-pale);
    border-color: rgba(196,169,106,.25);
}

.unione-clause-standard .uc-sidebar-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 14px;
}

/* Sidebar item (key-value pair) */
.unione-clause-standard .uc-sidebar-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: .5px solid var(--border);
    font-size: 13px;
    color: var(--ink-mid);
    gap: 12px;
}

.unione-clause-standard .uc-sidebar-item:last-child {
    border-bottom: none;
}

.unione-clause-standard .uc-sidebar-item-value {
    font-weight: 500;
    color: var(--slate);
    text-align: right;
    font-size: 12.5px;
    flex-shrink: 0;
    max-width: 160px;
}

/* Sidebar link item */
.unione-clause-standard .uc-sidebar-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: .5px solid var(--border);
    font-size: 13px;
    color: var(--ink-mid);
    text-decoration: none;
    transition: color .15s;
}

.unione-clause-standard .uc-sidebar-link:last-child {
    border-bottom: none;
}

.unione-clause-standard .uc-sidebar-link:hover {
    color: var(--slate);
}

.unione-clause-standard .uc-sidebar-arrow {
    opacity: .35;
    font-size: 11px;
}

/* ============================================================
   ALL CLAUSES GRID (Sidebar footer showing all 8 clauses)
   ============================================================ */
.unione-clause-standard .uc-all-clauses {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 20px;
}

.unione-clause-standard .uc-all-clauses-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: .5px solid var(--border);
    border-radius: var(--r-md);
    text-decoration: none;
    transition: all .15s;
}

.unione-clause-standard .uc-all-clauses-link:hover {
    border-color: rgba(196,169,106,.3);
    background: var(--gold-pale);
}

/* Clause number in all clauses grid */
.unione-clause-standard .uc-all-clauses-number {
    font-family: 'Inter Tight', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: rgba(196,169,106,.4);
    min-width: 18px;
}

/* Clause name in all clauses grid */
.unione-clause-standard .uc-all-clauses-name {
    font-size: 12px;
    font-weight: 500;
    color: var(--ink-mid);
}

/* Active state for current clause in all clauses grid */
.unione-clause-standard .uc-all-clauses-link-active .uc-all-clauses-name {
    color: var(--slate);
    font-weight: 600;
}

/* ============================================================
   RESPONSIVE BREAKPOINTS
   ============================================================ */

/* Tablet (max-width: 900px) */
@media (max-width: 900px) {
    /* Switch to single column layout */
    .unione-clause-standard .uc-page-inner {
        grid-template-columns: 1fr;
        padding: 40px 24px 60px;
    }
    
    /* Hide sidebar on tablet (can be shown if needed) */
    .unione-clause-standard .uc-sidebar {
        display: none;
    }
    
    /* Reduce hero padding */
    .unione-clause-standard .uc-hero {
        padding: 56px 24px 44px;
    }
    
    /* Adjust breadcrumb padding */
    .unione-clause-standard .uc-breadcrumb {
        padding: 20px 24px 0;
    }
    
    /* Stack all clauses grid vertically */
    .unione-clause-standard .uc-all-clauses {
        grid-template-columns: 1fr;
    }
}

/* Mobile (max-width: 640px) */
@media (max-width: 640px) {
    /* Further reduce section padding */
    .unione-clause-standard .uc-hero {
        padding: 48px 20px 36px;
    }
    
    .unione-clause-standard .uc-page-inner {
        padding: 32px 20px 48px;
    }
    
    .unione-clause-standard .uc-breadcrumb {
        padding: 16px 20px 0;
    }
    
    /* Adjust hero title size */
    .unione-clause-standard .uc-hero-number {
        font-size: 40px;
    }
    
    .unione-clause-standard .uc-hero-title {
        font-size: 24px;
    }
    
    /* Stack clause box actions vertically */
    .unione-clause-standard .uc-clause-box-actions {
        flex-direction: column;
    }
    
    .unione-clause-standard .uc-clause-box-btn {
        width: 100%;
        text-align: center;
    }
    
    /* Reduce clause box padding */
    .unione-clause-standard .uc-clause-box {
        padding: 20px;
    }
}

/* ============================================================
   PRINT STYLES
   ============================================================ */
@media print {
    .unione-clause-standard .uc-hero-actions,
    .unione-clause-standard .uc-clause-box-actions,
    .unione-clause-standard .uc-sidebar,
    .unione-clause-standard .uc-clause-nav {
        display: none;
    }
    
    .unione-clause-standard .uc-hero {
        background: var(--white);
        color: var(--ink);
        padding: 20px;
    }
    
    .unione-clause-standard .uc-hero-title {
        color: var(--ink);
    }
    
    .unione-clause-standard .uc-clause-box {
        background: var(--ivory);
        page-break-inside: avoid;
    }
    
    .unione-clause-standard .uc-clause-box-text {
        color: var(--ink);
    }
}

/* ── Scoped wrapper so styles don't leak into the WP theme ── */
.unione-clause-enforcement-wrap {
    font-family: 'Inter', sans-serif;
    color: #1A1A18;
    background: transparent;
    line-height: 1.5;
}

.unione-clause-enforcement-wrap {
    --slate: #2A3545;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --r-md: 10px;
    --r-xl: 24px;
}

.unione-clause-enforcement-wrap *,
.unione-clause-enforcement-wrap *::before,
.unione-clause-enforcement-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-clause-enforcement-wrap {
    scroll-behavior: smooth;
}

.unione-clause-enforcement-wrap ::selection {
    background: var(--obsidian);
    color: var(--gold);
}

.unione-clause-enforcement-wrap ::-webkit-scrollbar {
    width: 3px;
}

.unione-clause-enforcement-wrap ::-webkit-scrollbar-thumb {
    background: var(--slate-mid);
    border-radius: 2px;
}

/* Animations */
@keyframes pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(.7); }
}

/* Navigation Logo Dot */
.unione-clause-enforcement-wrap .nlg {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gold);
    animation: pulse-dot 2s ease-in-out infinite;
}

/* Buttons */
.unione-clause-enforcement-wrap .btn-o {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: .5px solid var(--border);
    background: transparent;
    color: var(--ink);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.unione-clause-enforcement-wrap .btn-o:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

.unione-clause-enforcement-wrap .btn-g {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.unione-clause-enforcement-wrap .btn-g:hover {
    background: #B89858;
}

/* Hero Section */
.unione-clause-enforcement-wrap .hero {
    background: var(--obsidian);
    padding: 72px 52px 56px;
    position: relative;
    overflow: hidden;
}

.unione-clause-enforcement-wrap .hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 70% at 85% 25%, rgba(196,169,106,.06), transparent 55%);
}

.unione-clause-enforcement-wrap .hi {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.unione-clause-enforcement-wrap .h-ey {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gold);
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.unione-clause-enforcement-wrap .h-ey::before {
    content: '';
    width: 14px;
    height: 1px;
    background: var(--gold);
}

.unione-clause-enforcement-wrap .h-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 60px;
    font-weight: 700;
    color: rgb(196 169 106);
    line-height: 1;
    margin-bottom: 0;
    letter-spacing: -.05em;
}

.unione-clause-enforcement-wrap .h-t {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(26px, 3.5vw, 42px);
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.08;
}

.unione-clause-enforcement-wrap .h-s {
    font-size: 15px;
    color: rgba(255,255,255,.45);
    line-height: 1.8;
    max-width: 520px;
    margin-bottom: 24px;
}

.unione-clause-enforcement-wrap .h-tag {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 100px;
    background: rgba(196,169,106,.1);
    border: .5px solid rgba(196,169,106,.2);
    color: var(--gold);
}

/* Breadcrumbs */
.unione-clause-enforcement-wrap .bc {
    max-width: 1100px;
    margin: 0 auto;
    padding: 24px 52px 0;
    display: flex;
    gap: 8px;
    align-items: center;
}

.unione-clause-enforcement-wrap .bc a {
    font-size: 12px;
    color: var(--ink-mute);
    text-decoration: none;
}

.unione-clause-enforcement-wrap .bc a:hover {
    color: var(--slate);
}

.unione-clause-enforcement-wrap .bc-sep {
    color: var(--border);
    font-size: 12px;
}

.unione-clause-enforcement-wrap .bc-cur {
    font-size: 12px;
    color: var(--slate);
    font-weight: 500;
}

/* Page Layout */
.unione-clause-enforcement-wrap .page-inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 48px 52px 80px;
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 60px;
    align-items: start;
}

/* Content Styles */
.unione-clause-enforcement-wrap .content h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--ink);
    margin: 36px 0 12px;
    letter-spacing: -.02em;
}

.unione-clause-enforcement-wrap .content h2:first-child {
    margin-top: 0;
}

.unione-clause-enforcement-wrap .content p {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.85;
    margin-bottom: 16px;
}

.unione-clause-enforcement-wrap .content ul {
    margin: 12px 0 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.unione-clause-enforcement-wrap .content li {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.75;
}

.unione-clause-enforcement-wrap .content strong {
    color: var(--ink);
    font-weight: 600;
}

.unione-clause-enforcement-wrap .content a {
    color: var(--slate);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.unione-clause-enforcement-wrap .divid {
    height: .5px;
    background: var(--border);
    margin: 32px 0;
}

/* Clause Box */
.unione-clause-enforcement-wrap .clause-box {
    background: var(--obsidian);
    border-radius: var(--r-xl);
    padding: 32px;
    margin: 24px 0;
}

.unione-clause-enforcement-wrap .cb-label {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: rgba(255,255,255,.3);
    margin-bottom: 12px;
}

.unione-clause-enforcement-wrap .cb-text {
    font-size: 14px;
    color: rgba(255,255,255,.65);
    line-height: 1.9;
    font-style: italic;
    border-left: 2px solid rgba(196,169,106,.35);
    padding-left: 18px;
}

.unione-clause-enforcement-wrap .cb-actions {
    display: flex;
    gap: 8px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.unione-clause-enforcement-wrap .cb-btn {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 500;
    padding: 9px 18px;
    border-radius: var(--r-md);
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
    border: none;
}

.unione-clause-enforcement-wrap .cb-copy {
    background: rgba(255,255,255,.1);
    color: rgba(255,255,255,.7);
}

.unione-clause-enforcement-wrap .cb-copy:hover {
    background: rgba(255,255,255,.17);
    color: #fff;
}

.unione-clause-enforcement-wrap .cb-gen {
    background: var(--gold);
    color: var(--obsidian);
    font-weight: 600;
}

.unione-clause-enforcement-wrap .cb-gen:hover {
    background: #B89858;
}

/* Info Box */
.unione-clause-enforcement-wrap .info-box {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 28px;
    margin: 24px 0;
}

.unione-clause-enforcement-wrap .info-box.gold {
    background: var(--gold-pale);
    border-color: rgba(196,169,106,.25);
}

.unione-clause-enforcement-wrap .ib-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 8px;
}

.unione-clause-enforcement-wrap .ib-body {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.75;
}

/* Clause Nav */
.unione-clause-enforcement-wrap .clause-nav {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 32px;
}

.unione-clause-enforcement-wrap .cn {
    font-size: 11.5px;
    font-weight: 500;
    padding: 6px 14px;
    border-radius: 100px;
    border: .5px solid var(--border);
    text-decoration: none;
    color: var(--ink-mid);
    transition: all .2s;
}

.unione-clause-enforcement-wrap .cn:hover {
    border-color: var(--slate);
    color: var(--slate);
}

.unione-clause-enforcement-wrap .cn.active {
    background: var(--slate);
    color: var(--parchment);
    border-color: var(--slate);
}

/* Sidebar */
.unione-clause-enforcement-wrap .sidebar {
    position: sticky;
    top: 88px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.unione-clause-enforcement-wrap .sb-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 24px;
}

.unione-clause-enforcement-wrap .sb-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 14px;
}

.unione-clause-enforcement-wrap .sb-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: .5px solid var(--border);
    font-size: 13px;
    color: var(--ink-mid);
    gap: 12px;
}

.unione-clause-enforcement-wrap .sb-item:last-child {
    border-bottom: none;
}

.unione-clause-enforcement-wrap .sb-val {
    font-weight: 500;
    color: var(--slate);
    text-align: right;
    font-size: 12.5px;
    flex-shrink: 0;
    max-width: 160px;
}

.unione-clause-enforcement-wrap .sb-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: .5px solid var(--border);
    font-size: 13px;
    color: var(--ink-mid);
    text-decoration: none;
    transition: color .15s;
}

.unione-clause-enforcement-wrap .sb-link:last-child {
    border-bottom: none;
}

.unione-clause-enforcement-wrap .sb-link:hover {
    color: var(--slate);
}

.unione-clause-enforcement-wrap .sb-arr {
    opacity: .35;
    font-size: 11px;
}

/* All Clauses Grid */
.unione-clause-enforcement-wrap .all-clauses {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 20px;
}

.unione-clause-enforcement-wrap .ac-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: .5px solid var(--border);
    border-radius: var(--r-md);
    text-decoration: none;
    transition: all .15s;
}

.unione-clause-enforcement-wrap .ac-link:hover {
    border-color: rgba(196,169,106,.3);
    background: var(--gold-pale);
}

.unione-clause-enforcement-wrap .ac-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: rgba(196,169,106,.4);
    min-width: 18px;
}

.unione-clause-enforcement-wrap .ac-name {
    font-size: 12px;
    font-weight: 500;
    color: var(--ink-mid);
}

.unione-clause-enforcement-wrap .ac-link.active .ac-name {
    color: var(--slate);
    font-weight: 600;
}

/* Responsive */
@media (max-width: 900px) {
    .unione-clause-enforcement-wrap .page-inner {
        grid-template-columns: 1fr;
        padding: 40px 24px 60px;
    }
    .unione-clause-enforcement-wrap .sidebar {
        display: none;
    }
    .unione-clause-enforcement-wrap .hero {
        padding: 56px 24px 44px;
    }
    .unione-clause-enforcement-wrap .bc {
        padding: 20px 24px 0;
    }
    .unione-clause-enforcement-wrap .all-clauses {
        grid-template-columns: 1fr;
    }
}
/* ============================================================
 * UNIONE™ CLAUSE MULTI-TIER PAGE STYLES
 * File: unione-clause-multitier.css
 * Shortcode: [unione_clause_multitier]
 * ============================================================ */

/* ── CSS VARIABLES / ROOT ── */
.unione-clause-multitier-wrap {
    --slate: #2A3545;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --r-md: 10px;
    --r-xl: 24px;
}

/* ── RESET & BASE ── */
.unione-clause-multitier-wrap *,
.unione-clause-multitier-wrap *::before,
.unione-clause-multitier-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-clause-multitier-wrap {
    font-family: 'Inter', sans-serif;
    color: #1A1A18;
    background: transparent;
    line-height: 1.5;
}

.unione-clause-multitier-wrap ::selection {
    background: var(--obsidian);
    color: var(--gold);
}

.unione-clause-multitier-wrap ::-webkit-scrollbar {
    width: 3px;
}

.unione-clause-multitier-wrap ::-webkit-scrollbar-thumb {
    background: var(--slate-mid);
    border-radius: 2px;
}

/* ── KEYFRAMES / ANIMATIONS ── */
@keyframes ucm-pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(.7); }
}

/* Navigation Logo Dot */
.unione-clause-multitier-wrap .nlg {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gold);
    animation: ucm-pulse-dot 2s ease-in-out infinite;
}

/* ── BUTTONS ── */
.unione-clause-multitier-wrap .btn-o {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: .5px solid var(--border);
    background: transparent;
    color: var(--ink);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.unione-clause-multitier-wrap .btn-o:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

.unione-clause-multitier-wrap .btn-g {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.unione-clause-multitier-wrap .btn-g:hover {
    background: #B89858;
}

/* ── HERO SECTION ── */
.unione-clause-multitier-wrap .hero {
    background: var(--obsidian);
    padding: 72px 52px 56px;
    position: relative;
    overflow: hidden;
}

.unione-clause-multitier-wrap .hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 70% at 85% 25%, rgba(196,169,106,.06), transparent 55%);
}

.unione-clause-multitier-wrap .hi {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.unione-clause-multitier-wrap .h-ey {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gold);
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.unione-clause-multitier-wrap .h-ey::before {
    content: '';
    width: 14px;
    height: 1px;
    background: var(--gold);
}

.unione-clause-multitier-wrap .h-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 60px;
    font-weight: 700;
    color: rgb(196 169 106);
    line-height: 1;
    margin-bottom: 0;
    letter-spacing: -.05em;
}

.unione-clause-multitier-wrap .h-t {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(26px, 3.5vw, 42px);
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.08;
}

.unione-clause-multitier-wrap .h-s {
    font-size: 15px;
    color: rgba(255,255,255,.45);
    line-height: 1.8;
    max-width: 520px;
    margin-bottom: 24px;
}

.unione-clause-multitier-wrap .h-tag {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 100px;
    background: rgba(196,169,106,.1);
    border: .5px solid rgba(196,169,106,.2);
    color: var(--gold);
}

/* ── BREADCRUMBS ── */
.unione-clause-multitier-wrap .bc {
    max-width: 1100px;
    margin: 0 auto;
    padding: 24px 52px 0;
    display: flex;
    gap: 8px;
    align-items: center;
}

.unione-clause-multitier-wrap .bc a {
    font-size: 12px;
    color: var(--ink-mute);
    text-decoration: none;
}

.unione-clause-multitier-wrap .bc a:hover {
    color: var(--slate);
}

.unione-clause-multitier-wrap .bc-sep {
    color: var(--border);
    font-size: 12px;
}

.unione-clause-multitier-wrap .bc-cur {
    font-size: 12px;
    color: var(--slate);
    font-weight: 500;
}

/* ── PAGE LAYOUT ── */
.unione-clause-multitier-wrap .page-inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 48px 52px 80px;
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 60px;
    align-items: start;
}

/* ── CONTENT STYLES ── */
.unione-clause-multitier-wrap .content h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--ink);
    margin: 36px 0 12px;
    letter-spacing: -.02em;
}

.unione-clause-multitier-wrap .content h2:first-child {
    margin-top: 0;
}

.unione-clause-multitier-wrap .content p {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.85;
    margin-bottom: 16px;
}

.unione-clause-multitier-wrap .content ul {
    margin: 12px 0 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.unione-clause-multitier-wrap .content li {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.75;
}

.unione-clause-multitier-wrap .content strong {
    color: var(--ink);
    font-weight: 600;
}

.unione-clause-multitier-wrap .content a {
    color: var(--slate);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.unione-clause-multitier-wrap .divid {
    height: .5px;
    background: var(--border);
    margin: 32px 0;
}

/* ── CLAUSE BOX ── */
.unione-clause-multitier-wrap .clause-box {
    background: var(--obsidian);
    border-radius: var(--r-xl);
    padding: 32px;
    margin: 24px 0;
}

.unione-clause-multitier-wrap .cb-label {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: rgba(255,255,255,.3);
    margin-bottom: 12px;
}

.unione-clause-multitier-wrap .cb-text {
    font-size: 14px;
    color: rgba(255,255,255,.65);
    line-height: 1.9;
    font-style: italic;
    border-left: 2px solid rgba(196,169,106,.35);
    padding-left: 18px;
}

.unione-clause-multitier-wrap .cb-actions {
    display: flex;
    gap: 8px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.unione-clause-multitier-wrap .cb-btn {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 500;
    padding: 9px 18px;
    border-radius: var(--r-md);
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
    border: none;
}

.unione-clause-multitier-wrap .cb-copy {
    background: rgba(255,255,255,.1);
    color: rgba(255,255,255,.7);
}

.unione-clause-multitier-wrap .cb-copy:hover {
    background: rgba(255,255,255,.17);
    color: #fff;
}

.unione-clause-multitier-wrap .cb-gen {
    background: var(--gold);
    color: var(--obsidian);
    font-weight: 600;
}

.unione-clause-multitier-wrap .cb-gen:hover {
    background: #B89858;
}

/* ── INFO BOX ── */
.unione-clause-multitier-wrap .info-box {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 28px;
    margin: 24px 0;
}

.unione-clause-multitier-wrap .info-box.gold {
    background: var(--gold-pale);
    border-color: rgba(196,169,106,.25);
}

.unione-clause-multitier-wrap .ib-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 8px;
}

.unione-clause-multitier-wrap .ib-body {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.75;
}

/* ── CLAUSE NAVIGATION ── */
.unione-clause-multitier-wrap .clause-nav {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 32px;
}

.unione-clause-multitier-wrap .cn {
    font-size: 11.5px;
    font-weight: 500;
    padding: 6px 14px;
    border-radius: 100px;
    border: .5px solid var(--border);
    text-decoration: none;
    color: var(--ink-mid);
    transition: all .2s;
}

.unione-clause-multitier-wrap .cn:hover {
    border-color: var(--slate);
    color: var(--slate);
}

.unione-clause-multitier-wrap .cn.active {
    background: var(--slate);
    color: var(--parchment);
    border-color: var(--slate);
}

/* ── SIDEBAR ── */
.unione-clause-multitier-wrap .sidebar {
    position: sticky;
    top: 88px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.unione-clause-multitier-wrap .sb-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 24px;
}

.unione-clause-multitier-wrap .sb-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 14px;
}

.unione-clause-multitier-wrap .sb-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: .5px solid var(--border);
    font-size: 13px;
    color: var(--ink-mid);
    gap: 12px;
}

.unione-clause-multitier-wrap .sb-item:last-child {
    border-bottom: none;
}

.unione-clause-multitier-wrap .sb-val {
    font-weight: 500;
    color: var(--slate);
    text-align: right;
    font-size: 12.5px;
    flex-shrink: 0;
    max-width: 160px;
}

.unione-clause-multitier-wrap .sb-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: .5px solid var(--border);
    font-size: 13px;
    color: var(--ink-mid);
    text-decoration: none;
    transition: color .15s;
}

.unione-clause-multitier-wrap .sb-link:last-child {
    border-bottom: none;
}

.unione-clause-multitier-wrap .sb-link:hover {
    color: var(--slate);
}

.unione-clause-multitier-wrap .sb-arr {
    opacity: .35;
    font-size: 11px;
}

/* ── ALL CLAUSES GRID ── */
.unione-clause-multitier-wrap .all-clauses {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 20px;
}

.unione-clause-multitier-wrap .ac-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: .5px solid var(--border);
    border-radius: var(--r-md);
    text-decoration: none;
    transition: all .15s;
}

.unione-clause-multitier-wrap .ac-link:hover {
    border-color: rgba(196,169,106,.3);
    background: var(--gold-pale);
}

.unione-clause-multitier-wrap .ac-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: rgba(196,169,106,.4);
    min-width: 18px;
}

.unione-clause-multitier-wrap .ac-name {
    font-size: 12px;
    font-weight: 500;
    color: var(--ink-mid);
}

.unione-clause-multitier-wrap .ac-link.active .ac-name {
    color: var(--slate);
    font-weight: 600;
}

/* ── RESPONSIVE BREAKPOINTS ── */
@media (max-width: 900px) {
    .unione-clause-multitier-wrap .page-inner {
        grid-template-columns: 1fr;
        padding: 40px 24px 60px;
    }
    .unione-clause-multitier-wrap .sidebar {
        display: none;
    }
    .unione-clause-multitier-wrap .hero {
        padding: 56px 24px 44px;
    }
    .unione-clause-multitier-wrap .bc {
        padding: 20px 24px 0;
    }
    .unione-clause-multitier-wrap .all-clauses {
        grid-template-columns: 1fr;
    }
}
/**
 * UNIONE™ Expedited Clause - Main Stylesheet
 * 
 * This file contains all styles for the Expedited Sole Arbitrator Clause page.
 * It displays the model arbitration clause for expedited proceedings (90-120 days)
 * with drafting guidance, clause specifications, and links to all 8 model clauses.
 * 
 * @package UNIONE
 * @version 1.0.0
 */

/* ============================================================
   DESIGN SYSTEM - CSS CUSTOM PROPERTIES (VARIABLES)
   ============================================================ */
.unione-clause-expedited {
    --slate: #2A3545;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --r-md: 10px;
    --r-xl: 24px;
}

/* ============================================================
   GLOBAL RESET & BASE STYLES
   ============================================================ */
.unione-clause-expedited,
.unione-clause-expedited *,
.unione-clause-expedited *::before,
.unione-clause-expedited *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-clause-expedited {
    font-family: 'Inter', sans-serif;
    color: #1A1A18;
    background: transparent;
    line-height: 1.5;
}

.unione-clause-expedited {
    background: var(--parchment);
}

.unione-clause-expedited ::selection {
    background: var(--obsidian);
    color: var(--gold);
}

/* Custom scrollbar styling */
.unione-clause-expedited ::-webkit-scrollbar {
    width: 3px;
}

.unione-clause-expedited ::-webkit-scrollbar-thumb {
    background: var(--slate-mid);
    border-radius: 2px;
}

/* ============================================================
   ANIMATIONS
   ============================================================ */
@keyframes uce-pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(.7); }
}

/* ============================================================
   UTILITY CLASSES
   ============================================================ */
/* Navigation green dot indicator */
.unione-clause-expedited .uce-nlg {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gold);
    animation: uce-pulse-dot 2s ease-in-out infinite;
}

/* ============================================================
   BUTTON STYLES
   ============================================================ */
/* Outline button variant */
.unione-clause-expedited .uce-btn-outline {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: .5px solid var(--border);
    background: transparent;
    color: var(--ink);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.unione-clause-expedited .uce-btn-outline:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

/* Gold button variant (primary CTA) */
.unione-clause-expedited .uce-btn-gold {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.unione-clause-expedited .uce-btn-gold:hover {
    background: #B89858;
}

/* ============================================================
   HERO SECTION
   ============================================================ */
.unione-clause-expedited .uce-hero {
    background: var(--obsidian);
    padding: 72px 52px 56px;
    position: relative;
    overflow: hidden;
}

/* Hero background gradient overlay */
.unione-clause-expedited .uce-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 70% at 85% 25%, rgba(196,169,106,.06), transparent 55%);
}

/* Hero inner container */
.unione-clause-expedited .uce-hero-inner {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* Hero eyebrow (category label with gold line) */
.unione-clause-expedited .uce-hero-eyebrow {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gold);
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.unione-clause-expedited .uce-hero-eyebrow::before {
    content: '';
    width: 14px;
    height: 1px;
    background: var(--gold);
}

/* Hero clause number */
.unione-clause-expedited .uce-hero-number {
    font-family: 'Inter Tight', sans-serif;
    font-size: 60px;
    font-weight: 700;
    color: var(--gold);
    line-height: 1;
    margin-bottom: 0;
    letter-spacing: -.05em;
}

/* Hero title */
.unione-clause-expedited .uce-hero-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(26px, 3.5vw, 42px);
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.08;
}

/* Hero subtitle / description */
.unione-clause-expedited .uce-hero-subtitle {
    font-size: 15px;
    color: rgba(255,255,255,.45);
    line-height: 1.8;
    max-width: 520px;
    margin-bottom: 24px;
}

/* Hero tag badge */
.unione-clause-expedited .uce-hero-tag {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 100px;
    background: rgba(196,169,106,.1);
    border: .5px solid rgba(196,169,106,.2);
    color: var(--gold);
}

/* ============================================================
   BREADCRUMB NAVIGATION
   ============================================================ */
.unione-clause-expedited .uce-breadcrumb {
    max-width: 1100px;
    margin: 0 auto;
    padding: 24px 52px 0;
    display: flex;
    gap: 8px;
    align-items: center;
}

.unione-clause-expedited .uce-breadcrumb a {
    font-size: 12px;
    color: var(--ink-mute);
    text-decoration: none;
}

.unione-clause-expedited .uce-breadcrumb a:hover {
    color: var(--slate);
}

.unione-clause-expedited .uce-breadcrumb-sep {
    color: var(--border);
    font-size: 12px;
}

.unione-clause-expedited .uce-breadcrumb-current {
    font-size: 12px;
    color: var(--slate);
    font-weight: 500;
}

/* ============================================================
   PAGE LAYOUT (Main Content + Sidebar)
   ============================================================ */
.unione-clause-expedited .uce-page-inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 48px 52px 80px;
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 60px;
    align-items: start;
}

/* ============================================================
   MAIN CONTENT STYLES
   ============================================================ */
.unione-clause-expedited .uce-content h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--ink);
    margin: 36px 0 12px;
    letter-spacing: -.02em;
}

.unione-clause-expedited .uce-content h2:first-child {
    margin-top: 0;
}

.unione-clause-expedited .uce-content p {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.85;
    margin-bottom: 16px;
}

.unione-clause-expedited .uce-content ul {
    margin: 12px 0 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.unione-clause-expedited .uce-content li {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.75;
}

.unione-clause-expedited .uce-content strong {
    color: var(--ink);
    font-weight: 600;
}

.unione-clause-expedited .uce-content a {
    color: #c3a86a;
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* Divider line */
.unione-clause-expedited .uce-divider {
    height: .5px;
    background: var(--border);
    margin: 32px 0;
}

/* ============================================================
   CLAUSE BOX (Dark background with clause text)
   ============================================================ */
.unione-clause-expedited .uce-clause-box {
    background: var(--obsidian);
    border-radius: var(--r-xl);
    padding: 32px;
    margin: 24px 0;
}

.unione-clause-expedited .uce-clause-box-label {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: rgba(255,255,255,.3);
    margin-bottom: 12px;
}

.unione-clause-expedited .uce-clause-box-text {
    font-size: 14px;
    color: rgba(255,255,255,.65);
    line-height: 1.9;
    font-style: italic;
    border-left: 2px solid rgba(196,169,106,.35);
    padding-left: 18px;
}

/* Clause box action buttons */
.unione-clause-expedited .uce-clause-box-actions {
    display: flex;
    gap: 8px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.unione-clause-expedited .uce-clause-box-btn {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 500;
    padding: 9px 18px;
    border-radius: var(--r-md);
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
    border: none;
}

/* Copy button */
.unione-clause-expedited .uce-clause-box-btn-copy {
    background: rgba(255,255,255,.1);
    color: rgba(255,255,255,.7);
}

.unione-clause-expedited .uce-clause-box-btn-copy:hover {
    background: rgba(255,255,255,.17);
    color: #fff;
}

/* Generate button */
.unione-clause-expedited .uce-clause-box-btn-generate {
    background: var(--gold);
    color: var(--obsidian);
    font-weight: 600;
}

.unione-clause-expedited .uce-clause-box-btn-generate:hover {
    background: #B89858;
}

/* ============================================================
   INFO BOX STYLES
   ============================================================ */
.unione-clause-expedited .uce-info-box {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 28px;
    margin: 24px 0;
}

/* Gold variant for featured info boxes */
.unione-clause-expedited .uce-info-box-gold {
    background: var(--gold-pale);
    border-color: rgba(196,169,106,.25);
}

.unione-clause-expedited .uce-info-box-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 8px;
}

.unione-clause-expedited .uce-info-box-body {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.75;
}

/* ============================================================
   CLAUSE NAVIGATION (Horizontal tabs for 8 clauses)
   ============================================================ */
.unione-clause-expedited .uce-clause-nav {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 32px;
}

.unione-clause-expedited .uce-clause-nav-link {
    font-size: 11.5px;
    font-weight: 500;
    padding: 6px 14px;
    border-radius: 100px;
    border: .5px solid var(--border);
    text-decoration: none;
    color: var(--ink-mid);
    transition: all .2s;
}

.unione-clause-expedited .uce-clause-nav-link:hover {
    border-color: var(--slate);
    color: var(--slate);
}

/* Active state for current clause */
.unione-clause-expedited .uce-clause-nav-link-active {
    background: var(--slate);
    color: var(--parchment);
    border-color: var(--slate);
}

/* ============================================================
   SIDEBAR STYLES
   ============================================================ */
.unione-clause-expedited .uce-sidebar {
    position: sticky;
    top: 88px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Sidebar card */
.unione-clause-expedited .uce-sidebar-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 24px;
}

/* Gold variant for sidebar card */
.unione-clause-expedited .uce-sidebar-card-gold {
    background: var(--gold-pale);
    border-color: rgba(196,169,106,.25);
}

.unione-clause-expedited .uce-sidebar-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 14px;
}

/* Sidebar item (key-value pair) */
.unione-clause-expedited .uce-sidebar-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: .5px solid var(--border);
    font-size: 13px;
    color: var(--ink-mid);
    gap: 12px;
}

.unione-clause-expedited .uce-sidebar-item:last-child {
    border-bottom: none;
}

.unione-clause-expedited .uce-sidebar-item-value {
    font-weight: 500;
    color: var(--slate);
    text-align: right;
    font-size: 12.5px;
    flex-shrink: 0;
    max-width: 160px;
}

/* Sidebar link item */
.unione-clause-expedited .uce-sidebar-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: .5px solid var(--border);
    font-size: 13px;
    color: var(--ink-mid);
    text-decoration: none;
    transition: color .15s;
}

.unione-clause-expedited .uce-sidebar-link:last-child {
    border-bottom: none;
}

.unione-clause-expedited .uce-sidebar-link:hover {
    color: var(--slate);
}

.unione-clause-expedited .uce-sidebar-arrow {
    opacity: .35;
    font-size: 11px;
}

/* ============================================================
   ALL CLAUSES GRID (Sidebar footer showing all 8 clauses)
   ============================================================ */
.unione-clause-expedited .uce-all-clauses {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 20px;
}

.unione-clause-expedited .uce-all-clauses-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: .5px solid var(--border);
    border-radius: var(--r-md);
    text-decoration: none;
    transition: all .15s;
}

.unione-clause-expedited .uce-all-clauses-link:hover {
    border-color: rgba(196,169,106,.3);
    background: var(--gold-pale);
}

/* Clause number in all clauses grid */
.unione-clause-expedited .uce-all-clauses-number {
    font-family: 'Inter Tight', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: rgba(196,169,106,.4);
    min-width: 18px;
}

/* Clause name in all clauses grid */
.unione-clause-expedited .uce-all-clauses-name {
    font-size: 12px;
    font-weight: 500;
    color: var(--ink-mid);
}

/* Active state for current clause in all clauses grid */
.unione-clause-expedited .uce-all-clauses-link-active .uce-all-clauses-name {
    color: var(--slate);
    font-weight: 600;
}

/* ============================================================
   RESPONSIVE BREAKPOINTS
   ============================================================ */

/* Tablet (max-width: 900px) */
@media (max-width: 900px) {
    /* Switch to single column layout */
    .unione-clause-expedited .uce-page-inner {
        grid-template-columns: 1fr;
        padding: 40px 24px 60px;
    }
    
    /* Hide sidebar on tablet */
    .unione-clause-expedited .uce-sidebar {
        display: none;
    }
    
    /* Reduce hero padding */
    .unione-clause-expedited .uce-hero {
        padding: 56px 24px 44px;
    }
    
    /* Adjust breadcrumb padding */
    .unione-clause-expedited .uce-breadcrumb {
        padding: 20px 24px 0;
    }
    
    /* Stack all clauses grid vertically */
    .unione-clause-expedited .uce-all-clauses {
        grid-template-columns: 1fr;
    }
}

/* Mobile (max-width: 640px) */
@media (max-width: 640px) {
    /* Further reduce section padding */
    .unione-clause-expedited .uce-hero {
        padding: 48px 20px 36px;
    }
    
    .unione-clause-expedited .uce-page-inner {
        padding: 32px 20px 48px;
    }
    
    .unione-clause-expedited .uce-breadcrumb {
        padding: 16px 20px 0;
    }
    
    /* Adjust hero title size */
    .unione-clause-expedited .uce-hero-number {
        font-size: 40px;
    }
    
    .unione-clause-expedited .uce-hero-title {
        font-size: 24px;
    }
    
    /* Stack clause box actions vertically */
    .unione-clause-expedited .uce-clause-box-actions {
        flex-direction: column;
    }
    
    .unione-clause-expedited .uce-clause-box-btn {
        width: 100%;
        text-align: center;
    }
    
    /* Reduce clause box padding */
    .unione-clause-expedited .uce-clause-box {
        padding: 20px;
    }
}

/* ============================================================
   PRINT STYLES
   ============================================================ */
@media print {
    .unione-clause-expedited .uce-hero-actions,
    .unione-clause-expedited .uce-clause-box-actions,
    .unione-clause-expedited .uce-sidebar,
    .unione-clause-expedited .uce-clause-nav {
        display: none;
    }
    
    .unione-clause-expedited .uce-hero {
        background: var(--white);
        color: var(--ink);
        padding: 20px;
    }
    
    .unione-clause-expedited .uce-hero-title {
        color: var(--ink);
    }
    
    .unione-clause-expedited .uce-clause-box {
        background: var(--ivory);
        page-break-inside: avoid;
    }
    
    .unione-clause-expedited .uce-clause-box-text {
        color: var(--ink);
    }
}
/* ── Scoped wrapper so styles don't leak into the WP theme ── */
.unione-clause-threemember-wrap {
    font-family: 'Inter', sans-serif;
    color: #1A1A18;
    background: transparent;
    line-height: 1.5;
}

.unione-clause-threemember-wrap {
    --slate: #2A3545;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --r-md: 10px;
    --r-xl: 24px;
}

.unione-clause-threemember-wrap *,
.unione-clause-threemember-wrap *::before,
.unione-clause-threemember-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-clause-threemember-wrap {
    scroll-behavior: smooth;
}

.unione-clause-threemember-wrap ::selection {
    background: var(--obsidian);
    color: var(--gold);
}

.unione-clause-threemember-wrap ::-webkit-scrollbar {
    width: 3px;
}

.unione-clause-threemember-wrap ::-webkit-scrollbar-thumb {
    background: var(--slate-mid);
    border-radius: 2px;
}

/* Animations */
@keyframes pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(.7); }
}

/* Navigation Logo Dot */
.unione-clause-threemember-wrap .nlg {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gold);
    animation: pulse-dot 2s ease-in-out infinite;
}

/* Buttons */
.unione-clause-threemember-wrap .btn-o {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: .5px solid var(--border);
    background: transparent;
    color: var(--ink);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.unione-clause-threemember-wrap .btn-o:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

.unione-clause-threemember-wrap .btn-g {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.unione-clause-threemember-wrap .btn-g:hover {
    background: #B89858;
}

/* Hero Section */
.unione-clause-threemember-wrap .hero {
    background: var(--obsidian);
    padding: 72px 52px 56px;
    position: relative;
    overflow: hidden;
}

.unione-clause-threemember-wrap .hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 70% at 85% 25%, rgba(196,169,106,.06), transparent 55%);
}

.unione-clause-threemember-wrap .hi {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.unione-clause-threemember-wrap .h-ey {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gold);
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.unione-clause-threemember-wrap .h-ey::before {
    content: '';
    width: 14px;
    height: 1px;
    background: var(--gold);
}

.unione-clause-threemember-wrap .h-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 60px;
    font-weight: 700;
    color: rgb(196 169 106);
    line-height: 1;
    margin-bottom: 0;
    letter-spacing: -.05em;
}

.unione-clause-threemember-wrap .h-t {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(26px, 3.5vw, 42px);
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.08;
}

.unione-clause-threemember-wrap .h-s {
    font-size: 15px;
    color: rgba(255,255,255,.45);
    line-height: 1.8;
    max-width: 520px;
    margin-bottom: 24px;
}

.unione-clause-threemember-wrap .h-tag {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 100px;
    background: rgba(196,169,106,.1);
    border: .5px solid rgba(196,169,106,.2);
    color: var(--gold);
}

/* Breadcrumbs */
.unione-clause-threemember-wrap .bc {
    max-width: 1100px;
    margin: 0 auto;
    padding: 24px 52px 0;
    display: flex;
    gap: 8px;
    align-items: center;
}

.unione-clause-threemember-wrap .bc a {
    font-size: 12px;
    color: var(--ink-mute);
    text-decoration: none;
}

.unione-clause-threemember-wrap .bc a:hover {
    color: var(--slate);
}

.unione-clause-threemember-wrap .bc-sep {
    color: var(--border);
    font-size: 12px;
}

.unione-clause-threemember-wrap .bc-cur {
    font-size: 12px;
    color: var(--slate);
    font-weight: 500;
}

/* Page Layout */
.unione-clause-threemember-wrap .page-inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 48px 52px 80px;
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 60px;
    align-items: start;
}

/* Content Styles */
.unione-clause-threemember-wrap .content h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--ink);
    margin: 36px 0 12px;
    letter-spacing: -.02em;
}

.unione-clause-threemember-wrap .content h2:first-child {
    margin-top: 0;
}

.unione-clause-threemember-wrap .content p {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.85;
    margin-bottom: 16px;
}

.unione-clause-threemember-wrap .content ul {
    margin: 12px 0 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.unione-clause-threemember-wrap .content li {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.75;
}

.unione-clause-threemember-wrap .content strong {
    color: var(--ink);
    font-weight: 600;
}

.unione-clause-threemember-wrap .content a {
    color: var(--slate);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.unione-clause-threemember-wrap .divid {
    height: .5px;
    background: var(--border);
    margin: 32px 0;
}

/* Clause Box */
.unione-clause-threemember-wrap .clause-box {
    background: var(--obsidian);
    border-radius: var(--r-xl);
    padding: 32px;
    margin: 24px 0;
}

.unione-clause-threemember-wrap .cb-label {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: rgba(255,255,255,.3);
    margin-bottom: 12px;
}

.unione-clause-threemember-wrap .cb-text {
    font-size: 14px;
    color: rgba(255,255,255,.65);
    line-height: 1.9;
    font-style: italic;
    border-left: 2px solid rgba(196,169,106,.35);
    padding-left: 18px;
}

.unione-clause-threemember-wrap .cb-actions {
    display: flex;
    gap: 8px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.unione-clause-threemember-wrap .cb-btn {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 500;
    padding: 9px 18px;
    border-radius: var(--r-md);
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
    border: none;
}

.unione-clause-threemember-wrap .cb-copy {
    background: rgba(255,255,255,.1);
    color: rgba(255,255,255,.7);
}

.unione-clause-threemember-wrap .cb-copy:hover {
    background: rgba(255,255,255,.17);
    color: #fff;
}

.unione-clause-threemember-wrap .cb-gen {
    background: var(--gold);
    color: var(--obsidian);
    font-weight: 600;
}

.unione-clause-threemember-wrap .cb-gen:hover {
    background: #B89858;
}

/* Info Box */
.unione-clause-threemember-wrap .info-box {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 28px;
    margin: 24px 0;
}

.unione-clause-threemember-wrap .info-box.gold {
    background: var(--gold-pale);
    border-color: rgba(196,169,106,.25);
}

.unione-clause-threemember-wrap .ib-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 8px;
}

.unione-clause-threemember-wrap .ib-body {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.75;
}

/* Clause Nav */
.unione-clause-threemember-wrap .clause-nav {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 32px;
}

.unione-clause-threemember-wrap .cn {
    font-size: 11.5px;
    font-weight: 500;
    padding: 6px 14px;
    border-radius: 100px;
    border: .5px solid var(--border);
    text-decoration: none;
    color: var(--ink-mid);
    transition: all .2s;
}

.unione-clause-threemember-wrap .cn:hover {
    border-color: var(--slate);
    color: var(--slate);
}

.unione-clause-threemember-wrap .cn.active {
    background: var(--slate);
    color: var(--parchment);
    border-color: var(--slate);
}

/* Sidebar */
.unione-clause-threemember-wrap .sidebar {
    position: sticky;
    top: 88px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.unione-clause-threemember-wrap .sb-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 24px;
}

.unione-clause-threemember-wrap .sb-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 14px;
}

.unione-clause-threemember-wrap .sb-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: .5px solid var(--border);
    font-size: 13px;
    color: var(--ink-mid);
    gap: 12px;
}

.unione-clause-threemember-wrap .sb-item:last-child {
    border-bottom: none;
}

.unione-clause-threemember-wrap .sb-val {
    font-weight: 500;
    color: var(--slate);
    text-align: right;
    font-size: 12.5px;
    flex-shrink: 0;
    max-width: 160px;
}

.unione-clause-threemember-wrap .sb-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: .5px solid var(--border);
    font-size: 13px;
    color: var(--ink-mid);
    text-decoration: none;
    transition: color .15s;
}

.unione-clause-threemember-wrap .sb-link:last-child {
    border-bottom: none;
}

.unione-clause-threemember-wrap .sb-link:hover {
    color: var(--slate);
}

.unione-clause-threemember-wrap .sb-arr {
    opacity: .35;
    font-size: 11px;
}

/* All Clauses Grid */
.unione-clause-threemember-wrap .all-clauses {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 20px;
}

.unione-clause-threemember-wrap .ac-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: .5px solid var(--border);
    border-radius: var(--r-md);
    text-decoration: none;
    transition: all .15s;
}

.unione-clause-threemember-wrap .ac-link:hover {
    border-color: rgba(196,169,106,.3);
    background: var(--gold-pale);
}

.unione-clause-threemember-wrap .ac-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: rgba(196,169,106,.4);
    min-width: 18px;
}

.unione-clause-threemember-wrap .ac-name {
    font-size: 12px;
    font-weight: 500;
    color: var(--ink-mid);
}

.unione-clause-threemember-wrap .ac-link.active .ac-name {
    color: var(--slate);
    font-weight: 600;
}

/* Responsive */
@media (max-width: 900px) {
    .unione-clause-threemember-wrap .page-inner {
        grid-template-columns: 1fr;
        padding: 40px 24px 60px;
    }
    .unione-clause-threemember-wrap .sidebar {
        display: none;
    }
    .unione-clause-threemember-wrap .hero {
        padding: 56px 24px 44px;
    }
    .unione-clause-threemember-wrap .bc {
        padding: 20px 24px 0;
    }
    .unione-clause-threemember-wrap .all-clauses {
        grid-template-columns: 1fr;
    }
}
/* ── Scoped wrapper so styles don't leak into the WP theme ── */
.unione-clause-technology-wrap {
    font-family: 'Inter', sans-serif;
    color: #1A1A18;
    background: transparent;
    line-height: 1.5;
}

.unione-clause-technology-wrap {
    --slate: #2A3545;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --r-md: 10px;
    --r-xl: 24px;
}

.unione-clause-technology-wrap *,
.unione-clause-technology-wrap *::before,
.unione-clause-technology-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-clause-technology-wrap {
    scroll-behavior: smooth;
}

.unione-clause-technology-wrap ::selection {
    background: var(--obsidian);
    color: var(--gold);
}

.unione-clause-technology-wrap ::-webkit-scrollbar {
    width: 3px;
}

.unione-clause-technology-wrap ::-webkit-scrollbar-thumb {
    background: var(--slate-mid);
    border-radius: 2px;
}

/* Animations */
@keyframes pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(.7); }
}

/* Navigation Logo Dot */
.unione-clause-technology-wrap .nlg {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gold);
    animation: pulse-dot 2s ease-in-out infinite;
}

/* Buttons */
.unione-clause-technology-wrap .btn-o {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: .5px solid var(--border);
    background: transparent;
    color: var(--ink);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.unione-clause-technology-wrap .btn-o:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

.unione-clause-technology-wrap .btn-g {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.unione-clause-technology-wrap .btn-g:hover {
    background: #B89858;
}

/* Hero Section */
.unione-clause-technology-wrap .hero {
    background: var(--obsidian);
    padding: 72px 52px 56px;
    position: relative;
    overflow: hidden;
}

.unione-clause-technology-wrap .hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 70% at 85% 25%, rgba(196,169,106,.06), transparent 55%);
}

.unione-clause-technology-wrap .hi {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.unione-clause-technology-wrap .h-ey {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gold);
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.unione-clause-technology-wrap .h-ey::before {
    content: '';
    width: 14px;
    height: 1px;
    background: var(--gold);
}

.unione-clause-technology-wrap .h-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 60px;
    font-weight: 700;
    color: rgb(196 169 106);
    line-height: 1;
    margin-bottom: 0;
    letter-spacing: -.05em;
}

.unione-clause-technology-wrap .h-t {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(26px, 3.5vw, 42px);
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.08;
}

.unione-clause-technology-wrap .h-s {
    font-size: 15px;
    color: rgba(255,255,255,.45);
    line-height: 1.8;
    max-width: 520px;
    margin-bottom: 24px;
}

.unione-clause-technology-wrap .h-tag {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 100px;
    background: rgba(196,169,106,.1);
    border: .5px solid rgba(196,169,106,.2);
    color: var(--gold);
}

/* Breadcrumbs */
.unione-clause-technology-wrap .bc {
    max-width: 1100px;
    margin: 0 auto;
    padding: 24px 52px 0;
    display: flex;
    gap: 8px;
    align-items: center;
}

.unione-clause-technology-wrap .bc a {
    font-size: 12px;
    color: var(--ink-mute);
    text-decoration: none;
}

.unione-clause-technology-wrap .bc a:hover {
    color: var(--slate);
}

.unione-clause-technology-wrap .bc-sep {
    color: var(--border);
    font-size: 12px;
}

.unione-clause-technology-wrap .bc-cur {
    font-size: 12px;
    color: var(--slate);
    font-weight: 500;
}

/* Page Layout */
.unione-clause-technology-wrap .page-inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 48px 52px 80px;
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 60px;
    align-items: start;
}

/* Content Styles */
.unione-clause-technology-wrap .content h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--ink);
    margin: 36px 0 12px;
    letter-spacing: -.02em;
}

.unione-clause-technology-wrap .content h2:first-child {
    margin-top: 0;
}

.unione-clause-technology-wrap .content p {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.85;
    margin-bottom: 16px;
}

.unione-clause-technology-wrap .content ul {
    margin: 12px 0 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.unione-clause-technology-wrap .content li {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.75;
}

.unione-clause-technology-wrap .content strong {
    color: var(--ink);
    font-weight: 600;
}

.unione-clause-technology-wrap .content a {
    color: var(--slate);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.unione-clause-technology-wrap .divid {
    height: .5px;
    background: var(--border);
    margin: 32px 0;
}

/* Clause Box */
.unione-clause-technology-wrap .clause-box {
    background: var(--obsidian);
    border-radius: var(--r-xl);
    padding: 32px;
    margin: 24px 0;
}

.unione-clause-technology-wrap .cb-label {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: rgba(255,255,255,.3);
    margin-bottom: 12px;
}

.unione-clause-technology-wrap .cb-text {
    font-size: 14px;
    color: rgba(255,255,255,.65);
    line-height: 1.9;
    font-style: italic;
    border-left: 2px solid rgba(196,169,106,.35);
    padding-left: 18px;
}

.unione-clause-technology-wrap .cb-actions {
    display: flex;
    gap: 8px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.unione-clause-technology-wrap .cb-btn {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 500;
    padding: 9px 18px;
    border-radius: var(--r-md);
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
    border: none;
}

.unione-clause-technology-wrap .cb-copy {
    background: rgba(255,255,255,.1);
    color: rgba(255,255,255,.7);
}

.unione-clause-technology-wrap .cb-copy:hover {
    background: rgba(255,255,255,.17);
    color: #fff;
}

.unione-clause-technology-wrap .cb-gen {
    background: var(--gold);
    color: var(--obsidian);
    font-weight: 600;
}

.unione-clause-technology-wrap .cb-gen:hover {
    background: #B89858;
}

/* Info Box */
.unione-clause-technology-wrap .info-box {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 28px;
    margin: 24px 0;
}

.unione-clause-technology-wrap .info-box.gold {
    background: var(--gold-pale);
    border-color: rgba(196,169,106,.25);
}

.unione-clause-technology-wrap .ib-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 8px;
}

.unione-clause-technology-wrap .ib-body {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.75;
}

/* Clause Nav */
.unione-clause-technology-wrap .clause-nav {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 32px;
}

.unione-clause-technology-wrap .cn {
    font-size: 11.5px;
    font-weight: 500;
    padding: 6px 14px;
    border-radius: 100px;
    border: .5px solid var(--border);
    text-decoration: none;
    color: var(--ink-mid);
    transition: all .2s;
}

.unione-clause-technology-wrap .cn:hover {
    border-color: var(--slate);
    color: var(--slate);
}

.unione-clause-technology-wrap .cn.active {
    background: var(--slate);
    color: var(--parchment);
    border-color: var(--slate);
}

/* Sidebar */
.unione-clause-technology-wrap .sidebar {
    position: sticky;
    top: 88px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.unione-clause-technology-wrap .sb-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 24px;
}

.unione-clause-technology-wrap .sb-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 14px;
}

.unione-clause-technology-wrap .sb-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: .5px solid var(--border);
    font-size: 13px;
    color: var(--ink-mid);
    gap: 12px;
}

.unione-clause-technology-wrap .sb-item:last-child {
    border-bottom: none;
}

.unione-clause-technology-wrap .sb-val {
    font-weight: 500;
    color: var(--slate);
    text-align: right;
    font-size: 12.5px;
    flex-shrink: 0;
    max-width: 160px;
}

.unione-clause-technology-wrap .sb-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: .5px solid var(--border);
    font-size: 13px;
    color: var(--ink-mid);
    text-decoration: none;
    transition: color .15s;
}

.unione-clause-technology-wrap .sb-link:last-child {
    border-bottom: none;
}

.unione-clause-technology-wrap .sb-link:hover {
    color: var(--slate);
}

.unione-clause-technology-wrap .sb-arr {
    opacity: .35;
    font-size: 11px;
}

/* All Clauses Grid */
.unione-clause-technology-wrap .all-clauses {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 20px;
}

.unione-clause-technology-wrap .ac-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: .5px solid var(--border);
    border-radius: var(--r-md);
    text-decoration: none;
    transition: all .15s;
}

.unione-clause-technology-wrap .ac-link:hover {
    border-color: rgba(196,169,106,.3);
    background: var(--gold-pale);
}

.unione-clause-technology-wrap .ac-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: rgba(196,169,106,.4);
    min-width: 18px;
}

.unione-clause-technology-wrap .ac-name {
    font-size: 12px;
    font-weight: 500;
    color: var(--ink-mid);
}

.unione-clause-technology-wrap .ac-link.active .ac-name {
    color: var(--slate);
    font-weight: 600;
}

/* Responsive */
@media (max-width: 900px) {
    .unione-clause-technology-wrap .page-inner {
        grid-template-columns: 1fr;
        padding: 40px 24px 60px;
    }
    .unione-clause-technology-wrap .sidebar {
        display: none;
    }
    .unione-clause-technology-wrap .hero {
        padding: 56px 24px 44px;
    }
    .unione-clause-technology-wrap .bc {
        padding: 20px 24px 0;
    }
    .unione-clause-technology-wrap .all-clauses {
        grid-template-columns: 1fr;
    }
}
/**
 * UNIONE™ Construction Clause - Main Stylesheet
 * 
 * This file contains all styles for the Construction & Long-Project Clause page.
 * It displays the model arbitration clause for construction projects including
 * Standing Neutral, early warning provisions, and Dispute Avoidance Board mechanism.
 * 
 * @package UNIONE
 * @version 1.0.0
 */

/* ============================================================
   DESIGN SYSTEM - CSS CUSTOM PROPERTIES (VARIABLES)
   ============================================================ */
.unione-clause-construction {
    --slate: #2A3545;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --r-md: 10px;
    --r-xl: 24px;
}

/* ============================================================
   GLOBAL RESET & BASE STYLES
   ============================================================ */
.unione-clause-construction,
.unione-clause-construction *,
.unione-clause-construction *::before,
.unione-clause-construction *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-clause-construction {
    font-family: 'Inter', sans-serif;
    color: #1A1A18;
    background: transparent;
    line-height: 1.5;
}

.unione-clause-construction {
    background: var(--parchment);
}

.unione-clause-construction ::selection {
    background: var(--obsidian);
    color: var(--gold);
}

/* Custom scrollbar styling */
.unione-clause-construction ::-webkit-scrollbar {
    width: 3px;
}

.unione-clause-construction ::-webkit-scrollbar-thumb {
    background: var(--slate-mid);
    border-radius: 2px;
}

/* ============================================================
   ANIMATIONS
   ============================================================ */
@keyframes ucc-pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(.7); }
}

/* ============================================================
   UTILITY CLASSES
   ============================================================ */
/* Navigation green dot indicator */
.unione-clause-construction .ucc-nlg {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gold);
    animation: ucc-pulse-dot 2s ease-in-out infinite;
}

/* ============================================================
   BUTTON STYLES
   ============================================================ */
/* Outline button variant */
.unione-clause-construction .ucc-btn-outline {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: .5px solid var(--border);
    background: transparent;
    color: var(--ink);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.unione-clause-construction .ucc-btn-outline:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

/* Gold button variant (primary CTA) */
.unione-clause-construction .ucc-btn-gold {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.unione-clause-construction .ucc-btn-gold:hover {
    background: #B89858;
}

/* ============================================================
   HERO SECTION
   ============================================================ */
.unione-clause-construction .ucc-hero {
    background: var(--obsidian);
    padding: 72px 52px 56px;
    position: relative;
    overflow: hidden;
}

/* Hero background gradient overlay */
.unione-clause-construction .ucc-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 70% at 85% 25%, rgba(196,169,106,.06), transparent 55%);
}

/* Hero inner container */
.unione-clause-construction .ucc-hero-inner {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* Hero eyebrow (category label with gold line) */
.unione-clause-construction .ucc-hero-eyebrow {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gold);
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.unione-clause-construction .ucc-hero-eyebrow::before {
    content: '';
    width: 14px;
    height: 1px;
    background: var(--gold);
}

/* Hero clause number */
.unione-clause-construction .ucc-hero-number {
    font-family: 'Inter Tight', sans-serif;
    font-size: 60px;
    font-weight: 700;
    color: var(--gold);
    line-height: 1;
    margin-bottom: 0;
    letter-spacing: -.05em;
}

/* Hero title */
.unione-clause-construction .ucc-hero-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(26px, 3.5vw, 42px);
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.08;
}

/* Hero subtitle / description */
.unione-clause-construction .ucc-hero-subtitle {
    font-size: 15px;
    color: rgba(255,255,255,.45);
    line-height: 1.8;
    max-width: 520px;
    margin-bottom: 24px;
}

/* Hero tag badge */
.unione-clause-construction .ucc-hero-tag {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 100px;
    background: rgba(196,169,106,.1);
    border: .5px solid rgba(196,169,106,.2);
    color: var(--gold);
}

/* ============================================================
   BREADCRUMB NAVIGATION
   ============================================================ */
.unione-clause-construction .ucc-breadcrumb {
    max-width: 1100px;
    margin: 0 auto;
    padding: 24px 52px 0;
    display: flex;
    gap: 8px;
    align-items: center;
}

.unione-clause-construction .ucc-breadcrumb a {
    font-size: 12px;
    color: var(--ink-mute);
    text-decoration: none;
}

.unione-clause-construction .ucc-breadcrumb a:hover {
    color: var(--slate);
}

.unione-clause-construction .ucc-breadcrumb-sep {
    color: var(--border);
    font-size: 12px;
}

.unione-clause-construction .ucc-breadcrumb-current {
    font-size: 12px;
    color: var(--slate);
    font-weight: 500;
}

/* ============================================================
   PAGE LAYOUT (Main Content + Sidebar)
   ============================================================ */
.unione-clause-construction .ucc-page-inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 48px 52px 80px;
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 60px;
    align-items: start;
}

/* ============================================================
   MAIN CONTENT STYLES
   ============================================================ */
.unione-clause-construction .ucc-content h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--ink);
    margin: 36px 0 12px;
    letter-spacing: -.02em;
}

.unione-clause-construction .ucc-content h2:first-child {
    margin-top: 0;
}

.unione-clause-construction .ucc-content p {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.85;
    margin-bottom: 16px;
}

.unione-clause-construction .ucc-content ul {
    margin: 12px 0 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.unione-clause-construction .ucc-content li {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.75;
}

.unione-clause-construction .ucc-content strong {
    color: var(--ink);
    font-weight: 600;
}

.unione-clause-construction .ucc-content a {
    color: var(--slate);
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* Divider line */
.unione-clause-construction .ucc-divider {
    height: .5px;
    background: var(--border);
    margin: 32px 0;
}

/* ============================================================
   CLAUSE BOX (Dark background with clause text)
   ============================================================ */
.unione-clause-construction .ucc-clause-box {
    background: var(--obsidian);
    border-radius: var(--r-xl);
    padding: 32px;
    margin: 24px 0;
}

.unione-clause-construction .ucc-clause-box-label {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: rgba(255,255,255,.3);
    margin-bottom: 12px;
}

.unione-clause-construction .ucc-clause-box-text {
    font-size: 14px;
    color: rgba(255,255,255,.65);
    line-height: 1.9;
    font-style: italic;
    border-left: 2px solid rgba(196,169,106,.35);
    padding-left: 18px;
}

/* Clause box action buttons */
.unione-clause-construction .ucc-clause-box-actions {
    display: flex;
    gap: 8px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.unione-clause-construction .ucc-clause-box-btn {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 500;
    padding: 9px 18px;
    border-radius: var(--r-md);
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
    border: none;
}

/* Copy button */
.unione-clause-construction .ucc-clause-box-btn-copy {
    background: rgba(255,255,255,.1);
    color: rgba(255,255,255,.7);
}

.unione-clause-construction .ucc-clause-box-btn-copy:hover {
    background: rgba(255,255,255,.17);
    color: #fff;
}

/* Generate button */
.unione-clause-construction .ucc-clause-box-btn-generate {
    background: var(--gold);
    color: var(--obsidian);
    font-weight: 600;
}

.unione-clause-construction .ucc-clause-box-btn-generate:hover {
    background: #B89858;
}

/* ============================================================
   INFO BOX STYLES
   ============================================================ */
.unione-clause-construction .ucc-info-box {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 28px;
    margin: 24px 0;
}

/* Gold variant for featured info boxes */
.unione-clause-construction .ucc-info-box-gold {
    background: var(--gold-pale);
    border-color: rgba(196,169,106,.25);
}

.unione-clause-construction .ucc-info-box-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 8px;
}

.unione-clause-construction .ucc-info-box-body {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.75;
}

/* ============================================================
   CLAUSE NAVIGATION (Horizontal tabs for 8 clauses)
   ============================================================ */
.unione-clause-construction .ucc-clause-nav {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 32px;
}

.unione-clause-construction .ucc-clause-nav-link {
    font-size: 11.5px;
    font-weight: 500;
    padding: 6px 14px;
    border-radius: 100px;
    border: .5px solid var(--border);
    text-decoration: none;
    color: var(--ink-mid);
    transition: all .2s;
}

.unione-clause-construction .ucc-clause-nav-link:hover {
    border-color: var(--slate);
    color: var(--slate);
}

/* Active state for current clause */
.unione-clause-construction .ucc-clause-nav-link-active {
    background: var(--slate);
    color: var(--parchment);
    border-color: var(--slate);
}

/* ============================================================
   SIDEBAR STYLES
   ============================================================ */
.unione-clause-construction .ucc-sidebar {
    position: sticky;
    top: 88px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Sidebar card */
.unione-clause-construction .ucc-sidebar-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 24px;
}

/* Gold variant for sidebar card */
.unione-clause-construction .ucc-sidebar-card-gold {
    background: var(--gold-pale);
    border-color: rgba(196,169,106,.25);
}

.unione-clause-construction .ucc-sidebar-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 14px;
}

/* Sidebar item (key-value pair) */
.unione-clause-construction .ucc-sidebar-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: .5px solid var(--border);
    font-size: 13px;
    color: var(--ink-mid);
    gap: 12px;
}

.unione-clause-construction .ucc-sidebar-item:last-child {
    border-bottom: none;
}

.unione-clause-construction .ucc-sidebar-item-value {
    font-weight: 500;
    color: var(--slate);
    text-align: right;
    font-size: 12.5px;
    flex-shrink: 0;
    max-width: 160px;
}

/* Sidebar link item */
.unione-clause-construction .ucc-sidebar-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: .5px solid var(--border);
    font-size: 13px;
    color: var(--ink-mid);
    text-decoration: none;
    transition: color .15s;
}

.unione-clause-construction .ucc-sidebar-link:last-child {
    border-bottom: none;
}

.unione-clause-construction .ucc-sidebar-link:hover {
    color: var(--slate);
}

.unione-clause-construction .ucc-sidebar-arrow {
    opacity: .35;
    font-size: 11px;
}

/* ============================================================
   ALL CLAUSES GRID (Sidebar footer showing all 8 clauses)
   ============================================================ */
.unione-clause-construction .ucc-all-clauses {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 20px;
}

.unione-clause-construction .ucc-all-clauses-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: .5px solid var(--border);
    border-radius: var(--r-md);
    text-decoration: none;
    transition: all .15s;
}

.unione-clause-construction .ucc-all-clauses-link:hover {
    border-color: rgba(196,169,106,.3);
    background: var(--gold-pale);
}

/* Clause number in all clauses grid */
.unione-clause-construction .ucc-all-clauses-number {
    font-family: 'Inter Tight', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: rgba(196,169,106,.4);
    min-width: 18px;
}

/* Clause name in all clauses grid */
.unione-clause-construction .ucc-all-clauses-name {
    font-size: 12px;
    font-weight: 500;
    color: var(--ink-mid);
}

/* Active state for current clause in all clauses grid */
.unione-clause-construction .ucc-all-clauses-link-active .ucc-all-clauses-name {
    color: var(--slate);
    font-weight: 600;
}

/* ============================================================
   RESPONSIVE BREAKPOINTS
   ============================================================ */

/* Tablet (max-width: 900px) */
@media (max-width: 900px) {
    /* Switch to single column layout */
    .unione-clause-construction .ucc-page-inner {
        grid-template-columns: 1fr;
        padding: 40px 24px 60px;
    }
    
    /* Hide sidebar on tablet */
    .unione-clause-construction .ucc-sidebar {
        display: none;
    }
    
    /* Reduce hero padding */
    .unione-clause-construction .ucc-hero {
        padding: 56px 24px 44px;
    }
    
    /* Adjust breadcrumb padding */
    .unione-clause-construction .ucc-breadcrumb {
        padding: 20px 24px 0;
    }
    
    /* Stack all clauses grid vertically */
    .unione-clause-construction .ucc-all-clauses {
        grid-template-columns: 1fr;
    }
}

/* Mobile (max-width: 640px) */
@media (max-width: 640px) {
    /* Further reduce section padding */
    .unione-clause-construction .ucc-hero {
        padding: 48px 20px 36px;
    }
    
    .unione-clause-construction .ucc-page-inner {
        padding: 32px 20px 48px;
    }
    
    .unione-clause-construction .ucc-breadcrumb {
        padding: 16px 20px 0;
    }
    
    /* Adjust hero title size */
    .unione-clause-construction .ucc-hero-number {
        font-size: 40px;
    }
    
    .unione-clause-construction .ucc-hero-title {
        font-size: 24px;
    }
    
    /* Stack clause box actions vertically */
    .unione-clause-construction .ucc-clause-box-actions {
        flex-direction: column;
    }
    
    .unione-clause-construction .ucc-clause-box-btn {
        width: 100%;
        text-align: center;
    }
    
    /* Reduce clause box padding */
    .unione-clause-construction .ucc-clause-box {
        padding: 20px;
    }
}

/* ============================================================
   PRINT STYLES
   ============================================================ */
@media print {
    .unione-clause-construction .ucc-hero-actions,
    .unione-clause-construction .ucc-clause-box-actions,
    .unione-clause-construction .ucc-sidebar,
    .unione-clause-construction .ucc-clause-nav {
        display: none;
    }
    
    .unione-clause-construction .ucc-hero {
        background: var(--white);
        color: var(--ink);
        padding: 20px;
    }
    
    .unione-clause-construction .ucc-hero-title {
        color: var(--ink);
    }
    
    .unione-clause-construction .ucc-clause-box {
        background: var(--ivory);
        page-break-inside: avoid;
    }
    
    .unione-clause-construction .ucc-clause-box-text {
        color: var(--ink);
    }
}
/* ── Scoped wrapper so styles don't leak into the WP theme ── */
.unione-clause-ultralight-wrap {
    font-family: 'Inter', sans-serif;
    color: #1A1A18;
    background: transparent;
    line-height: 1.5;
}

.unione-clause-ultralight-wrap {
    --slate: #2A3545;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --r-md: 10px;
    --r-xl: 24px;
}

.unione-clause-ultralight-wrap *,
.unione-clause-ultralight-wrap *::before,
.unione-clause-ultralight-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-clause-ultralight-wrap {
    scroll-behavior: smooth;
}

.unione-clause-ultralight-wrap ::selection {
    background: var(--obsidian);
    color: var(--gold);
}

.unione-clause-ultralight-wrap ::-webkit-scrollbar {
    width: 3px;
}

.unione-clause-ultralight-wrap ::-webkit-scrollbar-thumb {
    background: var(--slate-mid);
    border-radius: 2px;
}

/* Animations */
@keyframes pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(.7); }
}

/* Navigation Logo Dot */
.unione-clause-ultralight-wrap .nlg {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gold);
    animation: pulse-dot 2s ease-in-out infinite;
}

/* Buttons */
.unione-clause-ultralight-wrap .btn-o {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: .5px solid var(--border);
    background: transparent;
    color: var(--ink);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.unione-clause-ultralight-wrap .btn-o:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

.unione-clause-ultralight-wrap .btn-g {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.unione-clause-ultralight-wrap .btn-g:hover {
    background: #B89858;
}

/* Hero Section */
.unione-clause-ultralight-wrap .hero {
    background: var(--obsidian);
    padding: 72px 52px 56px;
    position: relative;
    overflow: hidden;
}

.unione-clause-ultralight-wrap .hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 70% at 85% 25%, rgba(196,169,106,.06), transparent 55%);
}

.unione-clause-ultralight-wrap .hi {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.unione-clause-ultralight-wrap .h-ey {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gold);
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.unione-clause-ultralight-wrap .h-ey::before {
    content: '';
    width: 14px;
    height: 1px;
    background: var(--gold);
}

.unione-clause-ultralight-wrap .h-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 60px;
    font-weight: 700;
    color: rgb(196 169 106);
    line-height: 1;
    margin-bottom: 0;
    letter-spacing: -.05em;
}

.unione-clause-ultralight-wrap .h-t {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(26px, 3.5vw, 42px);
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.08;
}

.unione-clause-ultralight-wrap .h-s {
    font-size: 15px;
    color: rgba(255,255,255,.45);
    line-height: 1.8;
    max-width: 520px;
    margin-bottom: 24px;
}

.unione-clause-ultralight-wrap .h-tag {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 100px;
    background: rgba(196,169,106,.1);
    border: .5px solid rgba(196,169,106,.2);
    color: var(--gold);
}

/* Breadcrumbs */
.unione-clause-ultralight-wrap .bc {
    max-width: 1100px;
    margin: 0 auto;
    padding: 24px 52px 0;
    display: flex;
    gap: 8px;
    align-items: center;
}

.unione-clause-ultralight-wrap .bc a {
    font-size: 12px;
    color: var(--ink-mute);
    text-decoration: none;
}

.unione-clause-ultralight-wrap .bc a:hover {
    color: var(--slate);
}

.unione-clause-ultralight-wrap .bc-sep {
    color: var(--border);
    font-size: 12px;
}

.unione-clause-ultralight-wrap .bc-cur {
    font-size: 12px;
    color: var(--slate);
    font-weight: 500;
}

/* Page Layout */
.unione-clause-ultralight-wrap .page-inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 48px 52px 80px;
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 60px;
    align-items: start;
}

/* Content Styles */
.unione-clause-ultralight-wrap .content h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--ink);
    margin: 36px 0 12px;
    letter-spacing: -.02em;
}

.unione-clause-ultralight-wrap .content h2:first-child {
    margin-top: 0;
}

.unione-clause-ultralight-wrap .content p {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.85;
    margin-bottom: 16px;
}

.unione-clause-ultralight-wrap .content ul {
    margin: 12px 0 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.unione-clause-ultralight-wrap .content li {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.75;
}

.unione-clause-ultralight-wrap .content strong {
    color: var(--ink);
    font-weight: 600;
}

.unione-clause-ultralight-wrap .content a {
    color: var(--slate);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.unione-clause-ultralight-wrap .divid {
    height: .5px;
    background: var(--border);
    margin: 32px 0;
}

/* Clause Box */
.unione-clause-ultralight-wrap .clause-box {
    background: var(--obsidian);
    border-radius: var(--r-xl);
    padding: 32px;
    margin: 24px 0;
}

.unione-clause-ultralight-wrap .cb-label {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: rgba(255,255,255,.3);
    margin-bottom: 12px;
}

.unione-clause-ultralight-wrap .cb-text {
    font-size: 14px;
    color: rgba(255,255,255,.65);
    line-height: 1.9;
    font-style: italic;
    border-left: 2px solid rgba(196,169,106,.35);
    padding-left: 18px;
}

.unione-clause-ultralight-wrap .cb-actions {
    display: flex;
    gap: 8px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.unione-clause-ultralight-wrap .cb-btn {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 500;
    padding: 9px 18px;
    border-radius: var(--r-md);
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
    border: none;
}

.unione-clause-ultralight-wrap .cb-copy {
    background: rgba(255,255,255,.1);
    color: rgba(255,255,255,.7);
}

.unione-clause-ultralight-wrap .cb-copy:hover {
    background: rgba(255,255,255,.17);
    color: #fff;
}

.unione-clause-ultralight-wrap .cb-gen {
    background: var(--gold);
    color: var(--obsidian);
    font-weight: 600;
}

.unione-clause-ultralight-wrap .cb-gen:hover {
    background: #B89858;
}

/* Info Box */
.unione-clause-ultralight-wrap .info-box {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 28px;
    margin: 24px 0;
}

.unione-clause-ultralight-wrap .info-box.gold {
    background: var(--gold-pale);
    border-color: rgba(196,169,106,.25);
}

.unione-clause-ultralight-wrap .ib-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 8px;
}

.unione-clause-ultralight-wrap .ib-body {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.75;
}

/* Clause Nav */
.unione-clause-ultralight-wrap .clause-nav {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 32px;
}

.unione-clause-ultralight-wrap .cn {
    font-size: 11.5px;
    font-weight: 500;
    padding: 6px 14px;
    border-radius: 100px;
    border: .5px solid var(--border);
    text-decoration: none;
    color: var(--ink-mid);
    transition: all .2s;
}

.unione-clause-ultralight-wrap .cn:hover {
    border-color: var(--slate);
    color: var(--slate);
}

.unione-clause-ultralight-wrap .cn.active {
    background: var(--slate);
    color: var(--parchment);
    border-color: var(--slate);
}

/* Sidebar */
.unione-clause-ultralight-wrap .sidebar {
    position: sticky;
    top: 88px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.unione-clause-ultralight-wrap .sb-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 24px;
}

.unione-clause-ultralight-wrap .sb-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 14px;
}

.unione-clause-ultralight-wrap .sb-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: .5px solid var(--border);
    font-size: 13px;
    color: var(--ink-mid);
    gap: 12px;
}

.unione-clause-ultralight-wrap .sb-item:last-child {
    border-bottom: none;
}

.unione-clause-ultralight-wrap .sb-val {
    font-weight: 500;
    color: var(--slate);
    text-align: right;
    font-size: 12.5px;
    flex-shrink: 0;
    max-width: 160px;
}

.unione-clause-ultralight-wrap .sb-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: .5px solid var(--border);
    font-size: 13px;
    color: var(--ink-mid);
    text-decoration: none;
    transition: color .15s;
}

.unione-clause-ultralight-wrap .sb-link:last-child {
    border-bottom: none;
}

.unione-clause-ultralight-wrap .sb-link:hover {
    color: var(--slate);
}

.unione-clause-ultralight-wrap .sb-arr {
    opacity: .35;
    font-size: 11px;
}

/* All Clauses Grid */
.unione-clause-ultralight-wrap .all-clauses {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 20px;
}

.unione-clause-ultralight-wrap .ac-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: .5px solid var(--border);
    border-radius: var(--r-md);
    text-decoration: none;
    transition: all .15s;
}

.unione-clause-ultralight-wrap .ac-link:hover {
    border-color: rgba(196,169,106,.3);
    background: var(--gold-pale);
}

.unione-clause-ultralight-wrap .ac-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: rgba(196,169,106,.4);
    min-width: 18px;
}

.unione-clause-ultralight-wrap .ac-name {
    font-size: 12px;
    font-weight: 500;
    color: var(--ink-mid);
}

.unione-clause-ultralight-wrap .ac-link.active .ac-name {
    color: var(--slate);
    font-weight: 600;
}

/* Responsive */
@media (max-width: 900px) {
    .unione-clause-ultralight-wrap .page-inner {
        grid-template-columns: 1fr;
        padding: 40px 24px 60px;
    }
    .unione-clause-ultralight-wrap .sidebar {
        display: none;
    }
    .unione-clause-ultralight-wrap .hero {
        padding: 56px 24px 44px;
    }
    .unione-clause-ultralight-wrap .bc {
        padding: 20px 24px 0;
    }
    .unione-clause-ultralight-wrap .all-clauses {
        grid-template-columns: 1fr;
    }
}
/**
 * UNIONE™ Standard Procedure - Main Stylesheet
 * 
 * This file contains all styles for the Standard Procedure page.
 * It displays the primary arbitration procedure under UNIONE™ Rules v3.0
 * with step-by-step guidance, comparison tables, and procedural specifications.
 * 
 * @package UNIONE
 * @version 1.0.0
 */

/* ============================================================
   DESIGN SYSTEM - CSS CUSTOM PROPERTIES (VARIABLES)
   ============================================================ */
.usp-standard-procedure {
    --slate: #2A3545;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --r-md: 10px;
    --r-xl: 24px;
}

/* ============================================================
   GLOBAL RESET & BASE STYLES
   ============================================================ */
.usp-standard-procedure,
.usp-standard-procedure *,
.usp-standard-procedure *::before,
.usp-standard-procedure *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.usp-standard-procedure {
    font-family: 'Inter', sans-serif;
    color: #1A1A18;
    background: transparent;
    line-height: 1.5;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    position: relative;
}

/* Full bleed for hero and breadcrumb */
.usp-standard-procedure .usp-hero,
.usp-standard-procedure .usp-breadcrumb-wrap {
    width: 100%;
    position: relative;
}

.usp-standard-procedure {
    background: var(--parchment);
}

.usp-standard-procedure ::selection {
    background: var(--obsidian);
    color: var(--gold);
}

/* Custom scrollbar styling */
.usp-standard-procedure ::-webkit-scrollbar {
    width: 3px;
}

.usp-standard-procedure ::-webkit-scrollbar-thumb {
    background: var(--slate-mid);
    border-radius: 2px;
}

/* ============================================================
   ANIMATIONS
   ============================================================ */
@keyframes usp-pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(.7); }
}

/* ============================================================
   UTILITY CLASSES
   ============================================================ */
/* Navigation green dot indicator */
.usp-standard-procedure .usp-nlg {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gold);
    animation: usp-pulse-dot 2s ease-in-out infinite;
}

/* ============================================================
   BUTTON STYLES
   ============================================================ */
/* Outline button variant */
.usp-standard-procedure .usp-btn-outline {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: .5px solid var(--border);
    background: transparent;
    color: var(--ink);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.usp-standard-procedure .usp-btn-outline:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

/* Gold button variant (primary CTA) */
.usp-standard-procedure .usp-btn-gold {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.usp-standard-procedure .usp-btn-gold:hover {
    background: #B89858;
}

/* ============================================================
   HERO SECTION
   ============================================================ */
.usp-standard-procedure .usp-hero {
    background: var(--obsidian);
    padding: 80px 52px 64px;
    position: relative;
    overflow: hidden;
}

/* Hero background gradient overlay */
.usp-standard-procedure .usp-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 70% at 85% 25%, rgba(196,169,106,.06), transparent 55%);
}

/* Hero inner container */
.usp-standard-procedure .usp-hero-inner {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    width: 100%;
}

/* Hero eyebrow (category label with gold line) */
.usp-standard-procedure .usp-hero-eyebrow {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gold);
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.usp-standard-procedure .usp-hero-eyebrow::before {
    content: '';
    width: 14px;
    height: 1px;
    background: var(--gold);
}

/* Hero title */
.usp-standard-procedure .usp-hero-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(30px, 4vw, 48px);
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
    line-height: 1.08;
}

/* Hero subtitle / description */
.usp-standard-procedure .usp-hero-subtitle {
    font-size: 16px;
    color: rgba(255,255,255,.45);
    line-height: 1.8;
    max-width: 560px;
    margin-bottom: 36px;
}

/* Hero stats grid */
.usp-standard-procedure .usp-hero-stats {
    display: flex;
    gap: 0;
    border: .5px solid rgba(255,255,255,.08);
    border-radius: var(--r-xl);
    overflow: hidden;
    max-width: 580px;
    background: rgba(255,255,255,.03);
}

.usp-standard-procedure .usp-hero-stat {
    flex: 1;
    padding: 22px 24px;
    border-right: .5px solid rgba(255,255,255,.06);
}

.usp-standard-procedure .usp-hero-stat:last-child {
    border-right: none;
}

.usp-standard-procedure .usp-hero-stat-number {
    font-family: 'Inter Tight', sans-serif;
    font-size: 26px;
    font-weight: 700;
    color: var(--gold);
    margin-bottom: 3px;
}

.usp-standard-procedure .usp-hero-stat-label {
    font-size: 11px;
    color: rgba(255,255,255,.3);
}

/* ============================================================
   BREADCRUMB NAVIGATION
   ============================================================ */
.usp-standard-procedure .usp-breadcrumb {
    max-width: 1100px;
    margin: 0 auto;
    padding: 24px 52px 0;
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}

.usp-standard-procedure .usp-breadcrumb a {
    font-size: 12px;
    color: var(--ink-mute);
    text-decoration: none;
}

.usp-standard-procedure .usp-breadcrumb a:hover {
    color: var(--slate);
}

.usp-standard-procedure .usp-breadcrumb-sep {
    color: var(--border);
    font-size: 12px;
}

.usp-standard-procedure .usp-breadcrumb-current {
    font-size: 12px;
    color: var(--slate);
    font-weight: 500;
}

/* ============================================================
   PAGE LAYOUT (Main Content + Sidebar)
   ============================================================ */
.usp-standard-procedure .usp-page-inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 52px 52px 80px;
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 60px;
    align-items: start;
    width: 100%;
    box-sizing: border-box;
}

/* Prevent grid children from overflowing */
.usp-standard-procedure .usp-page-inner > * {
    min-width: 0;
}

/* ============================================================
   MAIN CONTENT STYLES
   ============================================================ */
.usp-standard-procedure .usp-content h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: var(--ink);
    margin: 40px 0 14px;
    letter-spacing: -.02em;
}

.usp-standard-procedure .usp-content h2:first-child {
    margin-top: 0;
}

.usp-standard-procedure .usp-content h3 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--ink);
    margin: 28px 0 10px;
}

.usp-standard-procedure .usp-content p {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.85;
    margin-bottom: 16px;
}

.usp-standard-procedure .usp-content ul {
    margin: 12px 0 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.usp-standard-procedure .usp-content li {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.75;
}

.usp-standard-procedure .usp-content strong {
    color: var(--ink);
    font-weight: 600;
}

/* Divider line */
.usp-standard-procedure .usp-divider {
    height: .5px;
    background: var(--border);
    margin: 32px 0;
}

/* ============================================================
   INFO BOX STYLES
   ============================================================ */
.usp-standard-procedure .usp-info-box {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 28px;
    margin: 28px 0;
}

/* Gold variant for featured info boxes */
.usp-standard-procedure .usp-info-box-gold {
    background: var(--gold-pale);
    border-color: rgba(196,169,106,.25);
}

.usp-standard-procedure .usp-info-box-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 10px;
}

.usp-standard-procedure .usp-info-box-body {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.75;
}

/* ============================================================
   PROCEDURE STEPS
   ============================================================ */
.usp-standard-procedure .usp-procedure-steps {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 24px 0;
}

.usp-standard-procedure .usp-procedure-step {
    display: grid;
    grid-template-columns: 56px 1fr;
    gap: 20px;
    padding: 22px 0;
    border-bottom: .5px solid var(--border);
}

.usp-standard-procedure .usp-procedure-step:last-child {
    border-bottom: none;
}

.usp-standard-procedure .usp-step-number {
    font-family: 'Inter Tight', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: rgba(196,169,106,.3);
}

.usp-standard-procedure .usp-step-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 6px;
}

.usp-standard-procedure .usp-step-body {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.7;
}

.usp-standard-procedure .usp-step-time {
    font-size: 11px;
    font-weight: 700;
    color: var(--gold);
    margin-top: 8px;
    letter-spacing: .06em;
}

/* ============================================================
   PROCEDURE TABS (Navigation between Standard/Expedited/Simplified)
   ============================================================ */
.usp-standard-procedure .usp-procedure-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 32px;
    flex-wrap: wrap;
}

.usp-standard-procedure .usp-procedure-tab {
    font-size: 12.5px;
    font-weight: 500;
    padding: 8px 18px;
    border-radius: 100px;
    border: .5px solid var(--border);
    text-decoration: none;
    color: var(--ink-mid);
    transition: all .2s;
}

.usp-standard-procedure .usp-procedure-tab:hover {
    border-color: var(--slate);
    color: var(--slate);
}

/* Active state for current tab */
.usp-standard-procedure .usp-procedure-tab-active {
    background: var(--slate);
    color: var(--parchment);
    border-color: var(--slate);
}

/* ============================================================
   COMPARISON TABLE
   ============================================================ */
.usp-standard-procedure .usp-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0;
    padding: 0;
}

.usp-standard-procedure .usp-compare-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    overflow: hidden;
}

.usp-standard-procedure .usp-compare-table th {
    background: var(--obsidian);
    color: rgba(255,255,255,.55);
    font-size: 11px;
    font-weight: 600;
    padding: 12px 16px;
    text-align: left;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.usp-standard-procedure .usp-compare-table td {
    padding: 13px 16px;
    font-size: 13.5px;
    color: var(--ink-mid);
    border-bottom: .5px solid var(--border);
    vertical-align: top;
}

.usp-standard-procedure .usp-compare-table tr:last-child td {
    border-bottom: none;
}

.usp-standard-procedure .usp-compare-table tr:hover td {
    background: var(--gold-pale);
}

.usp-standard-procedure .usp-compare-table .usp-highlight {
    font-weight: 600;
    color: var(--slate);
}

/* ============================================================
   SIDEBAR STYLES
   ============================================================ */
.usp-standard-procedure .usp-sidebar {
    position: sticky;
    top: 88px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Sidebar card */
.usp-standard-procedure .usp-sidebar-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 24px;
}

/* Gold variant for sidebar card */
.usp-standard-procedure .usp-sidebar-card-gold {
    background: var(--gold-pale);
    border-color: rgba(196,169,106,.25);
}

.usp-standard-procedure .usp-sidebar-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 14px;
}

/* Sidebar item (key-value pair) */
.usp-standard-procedure .usp-sidebar-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: .5px solid var(--border);
    font-size: 13px;
    color: var(--ink-mid);
}

.usp-standard-procedure .usp-sidebar-item:last-child {
    border-bottom: none;
}

.usp-standard-procedure .usp-sidebar-item-value {
    font-weight: 600;
    color: var(--gold);
}

/* Sidebar link item */
.usp-standard-procedure .usp-sidebar-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: .5px solid var(--border);
    font-size: 13px;
    color: var(--ink-mid);
    text-decoration: none;
    transition: color .15s;
}

.usp-standard-procedure .usp-sidebar-link:last-child {
    border-bottom: none;
}

.usp-standard-procedure .usp-sidebar-link:hover {
    color: var(--slate);
}

.usp-standard-procedure .usp-sidebar-arrow {
    opacity: .35;
    font-size: 11px;
}

/* ============================================================
   MOBILE CTA (visible only on tablet/mobile)
   ============================================================ */
.usp-standard-procedure .usp-mobile-cta {
    display: none;
    background: var(--gold-pale);
    border: .5px solid rgba(196,169,106,.25);
    border-radius: var(--r-xl);
    padding: 24px;
    margin-top: 40px;
}

.usp-standard-procedure .usp-mobile-cta .usp-sidebar-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 10px;
}

.usp-standard-procedure .usp-mobile-cta p {
    font-size: 13px;
    color: var(--ink-mid);
    margin-bottom: 16px;
    line-height: 1.65;
}

/* ============================================================
   RESPONSIVE BREAKPOINTS
   ============================================================ */

/* Wide desktop (min-width: 1400px) */
@media (min-width: 1400px) {
    .usp-standard-procedure .usp-hero-inner,
    .usp-standard-procedure .usp-breadcrumb,
    .usp-standard-procedure .usp-page-inner {
        max-width: 1320px;
    }
    
    .usp-standard-procedure .usp-hero {
        padding: 96px 64px 80px;
    }
    
    .usp-standard-procedure .usp-breadcrumb {
        padding: 28px 64px 0;
    }
    
    .usp-standard-procedure .usp-page-inner {
        padding: 60px 64px 100px;
        grid-template-columns: 1fr 320px;
        gap: 72px;
    }
    
    .usp-standard-procedure .usp-hero-title {
        font-size: 56px;
    }
    
    .usp-standard-procedure .usp-hero-subtitle {
        font-size: 17px;
        max-width: 620px;
    }
    
    .usp-standard-procedure .usp-hero-stats {
        max-width: 640px;
    }
    
    .usp-standard-procedure .usp-hero-stat-number {
        font-size: 28px;
    }
    
    .usp-standard-procedure .usp-sidebar {
        top: 100px;
    }
}

/* Standard desktop (max-width: 1080px) */
@media (max-width: 1080px) {
    .usp-standard-procedure .usp-hero-inner,
    .usp-standard-procedure .usp-breadcrumb,
    .usp-standard-procedure .usp-page-inner {
        max-width: 980px;
    }
    
    .usp-standard-procedure .usp-hero {
        padding: 72px 44px 56px;
    }
    
    .usp-standard-procedure .usp-breadcrumb {
        padding: 22px 44px 0;
    }
    
    .usp-standard-procedure .usp-page-inner {
        padding: 48px 44px 72px;
        grid-template-columns: 1fr 280px;
        gap: 48px;
    }
    
    .usp-standard-procedure .usp-hero-stats {
        max-width: 520px;
    }
    
    .usp-standard-procedure .usp-hero-stat {
        padding: 18px 20px;
    }
    
    .usp-standard-procedure .usp-hero-stat-number {
        font-size: 22px;
    }
}

/* Narrow desktop / large tablet landscape (max-width: 980px) */
@media (max-width: 980px) {
    .usp-standard-procedure .usp-hero-inner,
    .usp-standard-procedure .usp-breadcrumb,
    .usp-standard-procedure .usp-page-inner {
        max-width: 100%;
    }
    
    .usp-standard-procedure .usp-hero {
        padding: 64px 40px 52px;
    }
    
    .usp-standard-procedure .usp-breadcrumb {
        padding: 20px 40px 0;
    }
    
    .usp-standard-procedure .usp-page-inner {
        padding: 44px 40px 64px;
        grid-template-columns: 1fr 260px;
        gap: 40px;
    }
    
    .usp-standard-procedure .usp-hero-title {
        font-size: clamp(28px, 3.6vw, 42px);
    }
    
    .usp-standard-procedure .usp-hero-subtitle {
        font-size: 15px;
    }
    
    .usp-standard-procedure .usp-hero-stats {
        max-width: 100%;
        flex-wrap: wrap;
        border-radius: 16px;
    }
    
    .usp-standard-procedure .usp-hero-stat {
        flex: 1 1 calc(50% - 1px);
        min-width: 120px;
    }
    
    .usp-standard-procedure .usp-hero-stat:nth-child(2) {
        border-right: none;
    }
    
    .usp-standard-procedure .usp-hero-stat:nth-child(3),
    .usp-standard-procedure .usp-hero-stat:nth-child(4) {
        border-top: .5px solid rgba(255,255,255,.06);
    }
    
    .usp-standard-procedure .usp-hero-stat:nth-child(4) {
        border-right: none;
    }
    
    .usp-standard-procedure .usp-compare-table th,
    .usp-standard-procedure .usp-compare-table td {
        padding: 11px 13px;
        font-size: 13px;
    }
}

/* Tablet portrait (max-width: 780px) */
@media (max-width: 780px) {
    .usp-standard-procedure .usp-hero {
        padding: 52px 28px 44px;
    }
    
    .usp-standard-procedure .usp-breadcrumb {
        padding: 18px 28px 0;
    }
    
    .usp-standard-procedure .usp-page-inner {
        padding: 36px 28px 56px;
        grid-template-columns: 1fr;
        gap: 0;
    }
    
    /* Hide sidebar on mobile - replaced by mobile CTA */
    .usp-standard-procedure .usp-sidebar {
        display: none;
    }
    
    /* Show mobile CTA card below content */
    .usp-standard-procedure .usp-mobile-cta {
        display: block;
        margin-top: 40px;
    }
    
    .usp-standard-procedure .usp-hero-eyebrow {
        font-size: 8px;
    }
    
    .usp-standard-procedure .usp-hero-title {
        font-size: clamp(26px, 5vw, 36px);
    }
    
    .usp-standard-procedure .usp-hero-subtitle {
        font-size: 14px;
        margin-bottom: 28px;
    }
    
    .usp-standard-procedure .usp-hero-stat {
        padding: 16px 18px;
    }
    
    .usp-standard-procedure .usp-hero-stat-number {
        font-size: 20px;
    }
    
    .usp-standard-procedure .usp-procedure-tab {
        font-size: 12px;
        padding: 7px 14px;
    }
    
    .usp-standard-procedure .usp-procedure-step {
        grid-template-columns: 44px 1fr;
        gap: 14px;
        padding: 18px 0;
    }
    
    .usp-standard-procedure .usp-step-number {
        font-size: 20px;
    }
    
    .usp-standard-procedure .usp-step-title {
        font-size: 15px;
    }
    
    .usp-standard-procedure .usp-content h2 {
        font-size: 21px;
        margin: 32px 0 12px;
    }
    
    .usp-standard-procedure .usp-content p {
        font-size: 14px;
    }
}

/* Large phone landscape / small tablet (max-width: 680px) */
@media (max-width: 680px) {
    .usp-standard-procedure .usp-hero {
        padding: 44px 20px 36px;
    }
    
    .usp-standard-procedure .usp-breadcrumb {
        padding: 16px 20px 0;
        display: none; /* Hide breadcrumb at this size */
    }
    
    .usp-standard-procedure .usp-page-inner {
        padding: 32px 20px 48px;
    }
    
    .usp-standard-procedure .usp-hero-eyebrow {
        margin-bottom: 12px;
    }
    
    .usp-standard-procedure .usp-hero-title {
        font-size: clamp(24px, 6vw, 32px);
        line-height: 1.1;
    }
    
    .usp-standard-procedure .usp-hero-subtitle {
        font-size: 13.5px;
        line-height: 1.7;
        margin-bottom: 24px;
    }
    
    .usp-standard-procedure .usp-hero-stats {
        border-radius: 14px;
    }
    
    .usp-standard-procedure .usp-hero-stat {
        padding: 14px 16px;
    }
    
    .usp-standard-procedure .usp-hero-stat-number {
        font-size: 18px;
    }
    
    .usp-standard-procedure .usp-hero-stat-label {
        font-size: 10px;
    }
    
    .usp-standard-procedure .usp-procedure-tabs {
        gap: 6px;
        margin-bottom: 24px;
    }
    
    .usp-standard-procedure .usp-procedure-tab {
        font-size: 11.5px;
        padding: 6px 13px;
    }
    
    .usp-standard-procedure .usp-procedure-step {
        grid-template-columns: 38px 1fr;
        gap: 12px;
        padding: 16px 0;
    }
    
    .usp-standard-procedure .usp-step-number {
        font-size: 18px;
    }
    
    .usp-standard-procedure .usp-step-title {
        font-size: 14px;
    }
    
    .usp-standard-procedure .usp-step-body {
        font-size: 13.5px;
    }
    
    .usp-standard-procedure .usp-step-time {
        font-size: 10px;
    }
    
    .usp-standard-procedure .usp-content h2 {
        font-size: 19px;
        margin: 28px 0 10px;
    }
    
    .usp-standard-procedure .usp-content h3 {
        font-size: 16px;
    }
    
    .usp-standard-procedure .usp-content p,
    .usp-standard-procedure .usp-content li {
        font-size: 13.5px;
    }
    
    .usp-standard-procedure .usp-info-box-title {
        font-size: 14px;
    }
    
    .usp-standard-procedure .usp-info-box-body {
        font-size: 13px;
    }
    
    .usp-standard-procedure .usp-info-box {
        padding: 20px;
        border-radius: 16px;
    }
    
    .usp-standard-procedure .usp-table-wrap {
        margin: 0 -20px;
        padding: 0 20px;
    }
    
    .usp-standard-procedure .usp-compare-table th {
        font-size: 10px;
        padding: 10px 12px;
    }
    
    .usp-standard-procedure .usp-compare-table td {
        font-size: 12.5px;
        padding: 10px 12px;
    }
}

/* Standard mobile phone (max-width: 480px) */
@media (max-width: 480px) {
    .usp-standard-procedure .usp-hero {
        padding: 36px 16px 32px;
    }
    
    .usp-standard-procedure .usp-page-inner {
        padding: 28px 16px 44px;
    }
    
    .usp-standard-procedure .usp-hero-eyebrow {
        font-size: 7.5px;
        letter-spacing: .16em;
    }
    
    .usp-standard-procedure .usp-hero-title {
        font-size: clamp(22px, 7vw, 28px);
    }
    
    .usp-standard-procedure .usp-hero-subtitle {
        font-size: 13px;
    }
    
    /* Stack stats 2x2 */
    .usp-standard-procedure .usp-hero-stats {
        display: grid;
        grid-template-columns: 1fr 1fr;
        border-radius: 12px;
        max-width: 100%;
    }
    
    .usp-standard-procedure .usp-hero-stat {
        flex: none;
        border-right: .5px solid rgba(255,255,255,.06) !important;
        border-top: none !important;
    }
    
    .usp-standard-procedure .usp-hero-stat:nth-child(2) {
        border-right: none !important;
    }
    
    .usp-standard-procedure .usp-hero-stat:nth-child(3) {
        border-top: .5px solid rgba(255,255,255,.06) !important;
    }
    
    .usp-standard-procedure .usp-hero-stat:nth-child(4) {
        border-right: none !important;
        border-top: .5px solid rgba(255,255,255,.06) !important;
    }
    
    .usp-standard-procedure .usp-hero-stat {
        padding: 14px 14px;
    }
    
    .usp-standard-procedure .usp-hero-stat-number {
        font-size: 17px;
    }
    
    .usp-standard-procedure .usp-hero-stat-label {
        font-size: 9.5px;
    }
    
    .usp-standard-procedure .usp-procedure-tabs {
        gap: 5px;
    }
    
    .usp-standard-procedure .usp-procedure-tab {
        font-size: 11px;
        padding: 6px 12px;
    }
    
    .usp-standard-procedure .usp-procedure-step {
        grid-template-columns: 32px 1fr;
        gap: 10px;
        padding: 14px 0;
    }
    
    .usp-standard-procedure .usp-step-number {
        font-size: 16px;
    }
    
    .usp-standard-procedure .usp-content h2 {
        font-size: 18px;
        margin: 24px 0 10px;
    }
    
    .usp-standard-procedure .usp-divider {
        margin: 24px 0;
    }
    
    .usp-standard-procedure .usp-table-wrap {
        margin: 0 -16px;
        padding: 0 16px;
    }
    
    .usp-standard-procedure .usp-compare-table {
        min-width: 480px;
    }
    
    .usp-standard-procedure .usp-compare-table th {
        font-size: 9.5px;
        padding: 9px 10px;
        letter-spacing: .04em;
    }
    
    .usp-standard-procedure .usp-compare-table td {
        font-size: 12px;
        padding: 9px 10px;
    }
    
    .usp-standard-procedure .usp-info-box {
        padding: 16px 18px;
        margin: 20px 0;
    }
    
    .usp-standard-procedure .usp-btn-gold,
    .usp-standard-procedure .usp-btn-outline {
        font-size: 12.5px;
        padding: 9px 18px;
    }
}

/* Small phone (max-width: 360px) */
@media (max-width: 360px) {
    .usp-standard-procedure .usp-hero {
        padding: 28px 14px 28px;
    }
    
    .usp-standard-procedure .usp-page-inner {
        padding: 24px 14px 40px;
    }
    
    .usp-standard-procedure .usp-hero-eyebrow {
        font-size: 7px;
        letter-spacing: .12em;
        gap: 6px;
    }
    
    .usp-standard-procedure .usp-hero-eyebrow::before {
        width: 10px;
    }
    
    .usp-standard-procedure .usp-hero-title {
        font-size: 21px;
        line-height: 1.12;
    }
    
    .usp-standard-procedure .usp-hero-subtitle {
        font-size: 12.5px;
    }
    
    .usp-standard-procedure .usp-hero-stat {
        padding: 12px 12px;
    }
    
    .usp-standard-procedure .usp-hero-stat-number {
        font-size: 16px;
    }
    
    .usp-standard-procedure .usp-hero-stat-label {
        font-size: 9px;
    }
    
    .usp-standard-procedure .usp-procedure-tabs {
        gap: 4px;
        margin-bottom: 20px;
    }
    
    .usp-standard-procedure .usp-procedure-tab {
        font-size: 10.5px;
        padding: 5px 10px;
    }
    
    .usp-standard-procedure .usp-procedure-step {
        grid-template-columns: 28px 1fr;
        gap: 8px;
        padding: 12px 0;
    }
    
    .usp-standard-procedure .usp-step-number {
        font-size: 14px;
    }
    
    .usp-standard-procedure .usp-step-title {
        font-size: 13.5px;
    }
    
    .usp-standard-procedure .usp-step-body {
        font-size: 13px;
        line-height: 1.65;
    }
    
    .usp-standard-procedure .usp-step-time {
        font-size: 9.5px;
        margin-top: 6px;
    }
    
    .usp-standard-procedure .usp-content h2 {
        font-size: 17px;
    }
    
    .usp-standard-procedure .usp-content h3 {
        font-size: 15px;
    }
    
    .usp-standard-procedure .usp-content p,
    .usp-standard-procedure .usp-content li {
        font-size: 13px;
    }
    
    .usp-standard-procedure .usp-info-box-title {
        font-size: 13.5px;
    }
    
    .usp-standard-procedure .usp-info-box-body {
        font-size: 12.5px;
    }
    
    .usp-standard-procedure .usp-info-box {
        padding: 14px 15px;
        border-radius: 14px;
    }
    
    .usp-standard-procedure .usp-table-wrap {
        margin: 0 -14px;
        padding: 0 14px;
    }
    
    .usp-standard-procedure .usp-compare-table {
        min-width: 440px;
    }
    
    .usp-standard-procedure .usp-compare-table th {
        font-size: 9px;
        padding: 8px 9px;
    }
    
    .usp-standard-procedure .usp-compare-table td {
        font-size: 11.5px;
        padding: 8px 9px;
    }
    
    .usp-standard-procedure .usp-btn-gold,
    .usp-standard-procedure .usp-btn-outline {
        font-size: 12px;
        padding: 8px 16px;
        width: 100%;
        text-align: center;
        display: block;
    }
}

/* ============================================================
   PRINT STYLES
   ============================================================ */
@media print {
    .usp-standard-procedure .usp-hero-actions,
    .usp-standard-procedure .usp-procedure-tabs,
    .usp-standard-procedure .usp-sidebar,
    .usp-standard-procedure .usp-mobile-cta {
        display: none;
    }
    
    .usp-standard-procedure .usp-hero {
        background: var(--white);
        color: var(--ink);
        padding: 20px;
    }
    
    .usp-standard-procedure .usp-hero-title {
        color: var(--ink);
    }
    
    .usp-standard-procedure .usp-hero-subtitle {
        color: var(--ink-mid);
    }
    
    .usp-standard-procedure .usp-procedure-step {
        page-break-inside: avoid;
        break-inside: avoid;
    }
    
    .usp-standard-procedure .usp-info-box {
        page-break-inside: avoid;
        break-inside: avoid;
        border: 1px solid #ccc;
    }
}
/**
 * UNIONE™ Expedited Procedure - Main Stylesheet
 * 
 * This file contains all styles for the Expedited Procedure page.
 * It displays the fast-track arbitration procedure for disputes up to USD 10M
 * with step-by-step guidance, comparison tables, and procedural specifications.
 * 
 * @package UNIONE
 * @version 1.0.0
 */

/* ============================================================
   DESIGN SYSTEM - CSS CUSTOM PROPERTIES (VARIABLES)
   ============================================================ */
.uep-wrap {
    --slate: #2A3545;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --r-md: 10px;
    --r-xl: 24px;
}

/* ============================================================
   GLOBAL RESET & BASE STYLES
   ============================================================ */
.uep-wrap,
.uep-wrap * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.uep-wrap {
    font-family: 'Inter', sans-serif;
    color: var(--ink);
    background: transparent;
    line-height: 1.5;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    display: block;
}

.uep-wrap ::selection {
    background: var(--obsidian);
    color: var(--gold);
}

.uep-wrap ::-webkit-scrollbar {
    width: 3px;
}

.uep-wrap ::-webkit-scrollbar-thumb {
    background: var(--slate-mid);
    border-radius: 2px;
}

/* ============================================================
   ANIMATIONS
   ============================================================ */
@keyframes uep-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(.7); }
}

/* Pulse dot utility */
.uep-wrap .uep-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gold);
    animation: uep-pulse 2s ease-in-out infinite;
}

/* ============================================================
   BUTTON STYLES
   ============================================================ */
/* Outline button variant */
.uep-wrap .uep-btn-o {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: .5px solid var(--border);
    background: transparent;
    color: var(--ink);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.uep-wrap .uep-btn-o:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

/* Gold button variant (primary CTA) */
.uep-wrap .uep-btn-g {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.uep-wrap .uep-btn-g:hover {
    background: #B89858;
}

/* ============================================================
   HERO SECTION
   ============================================================ */
.uep-wrap .uep-hero {
    background: var(--obsidian);
    padding: clamp(48px, 8vw, 80px) clamp(20px, 5vw, 52px) clamp(40px, 6vw, 64px);
    position: relative;
    overflow: hidden;
    width: 100%;
}

/* Hero background gradient overlay */
.uep-wrap .uep-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 70% at 85% 25%, rgba(196,169,106,.06), transparent 55%);
    pointer-events: none;
}

/* Hero inner container */
.uep-wrap .uep-hi {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* Hero eyebrow (category label with gold line) */
.uep-wrap .uep-h-ey {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gold);
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.uep-wrap .uep-h-ey::before {
    content: '';
    width: 14px;
    height: 1px;
    background: var(--gold);
    flex-shrink: 0;
}

/* Hero title */
.uep-wrap .uep-h-t {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(26px, 5vw, 48px);
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
    line-height: 1.08;
}

/* Hero subtitle / description */
.uep-wrap .uep-h-s {
    font-size: clamp(13px, 2vw, 16px);
    color: rgba(255,255,255,.45);
    line-height: 1.8;
    max-width: 560px;
    margin-bottom: 36px;
}

/* ============================================================
   HERO STATS
   ============================================================ */
.uep-wrap .uep-h-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border: .5px solid rgba(255,255,255,.08);
    border-radius: var(--r-xl);
    overflow: hidden;
    max-width: 580px;
    background: rgba(255,255,255,.03);
}

.uep-wrap .uep-hs {
    padding: 18px 20px;
    border-right: .5px solid rgba(255,255,255,.06);
    border-bottom: .5px solid rgba(255,255,255,.06);
}

.uep-wrap .uep-hs:nth-child(2n) {
    border-right: none;
}

.uep-wrap .uep-hs:nth-last-child(-n+2) {
    border-bottom: none;
}

.uep-wrap .uep-hs-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(18px, 3vw, 26px);
    font-weight: 700;
    color: var(--gold);
    margin-bottom: 3px;
}

.uep-wrap .uep-hs-label {
    font-size: 11px;
    color: rgba(255,255,255,.3);
}

/* ============================================================
   BREADCRUMB NAVIGATION
   ============================================================ */
.uep-wrap .uep-bc {
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px clamp(20px, 5vw, 52px) 0;
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.uep-wrap .uep-bc a {
    font-size: 12px;
    color: var(--ink-mute);
    text-decoration: none;
}

.uep-wrap .uep-bc a:hover {
    color: var(--slate);
}

.uep-wrap .uep-bc-sep {
    color: var(--border);
    font-size: 12px;
}

.uep-wrap .uep-bc-cur {
    font-size: 12px;
    color: var(--slate);
    font-weight: 500;
}

/* ============================================================
   PAGE LAYOUT (Main Content + Sidebar)
   ============================================================ */
.uep-wrap .uep-inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: clamp(32px, 5vw, 52px) clamp(20px, 5vw, 52px) clamp(48px, 8vw, 80px);
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    align-items: start;
}

/* ============================================================
   PROCEDURE TABS (Navigation between Standard/Expedited/Simplified)
   ============================================================ */
.uep-wrap .uep-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 32px;
    flex-wrap: wrap;
}

.uep-wrap .uep-tab {
    font-size: 12.5px;
    font-weight: 500;
    padding: 8px 18px;
    border-radius: 100px;
    border: .5px solid var(--border);
    text-decoration: none;
    color: var(--ink-mid);
    transition: all .2s;
}

.uep-wrap .uep-tab:hover {
    border-color: var(--slate);
    color: var(--slate);
}

/* Active state for current tab */
.uep-wrap .uep-tab.uep-active {
    background: var(--slate);
    color: var(--parchment);
    border-color: var(--slate);
}

/* ============================================================
   MAIN CONTENT STYLES
   ============================================================ */
.uep-wrap .uep-content {
    min-width: 0;
    width: 100%;
}

.uep-wrap .uep-content h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(18px, 3vw, 24px);
    font-weight: 700;
    color: var(--ink);
    margin: 40px 0 14px;
    letter-spacing: -.02em;
}

.uep-wrap .uep-content h2:first-child {
    margin-top: 0;
}

.uep-wrap .uep-content h3 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(15px, 2.5vw, 18px);
    font-weight: 600;
    color: var(--ink);
    margin: 28px 0 10px;
}

.uep-wrap .uep-content p {
    font-size: clamp(13px, 2vw, 15px);
    color: var(--ink-mid);
    line-height: 1.85;
    margin-bottom: 16px;
}

.uep-wrap .uep-content ul {
    margin: 12px 0 18px 18px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.uep-wrap .uep-content li {
    font-size: clamp(13px, 2vw, 15px);
    color: var(--ink-mid);
    line-height: 1.75;
}

.uep-wrap .uep-content strong {
    color: var(--ink);
    font-weight: 600;
}

/* Divider line */
.uep-wrap .uep-divid {
    height: .5px;
    background: var(--border);
    margin: 32px 0;
}

/* ============================================================
   INFO BOX STYLES
   ============================================================ */
.uep-wrap .uep-info-box {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: clamp(18px, 3vw, 28px);
    margin: 28px 0;
}

/* Gold variant for featured info boxes */
.uep-wrap .uep-info-box.uep-gold {
    background: var(--gold-pale);
    border-color: rgba(196,169,106,.25);
}

.uep-wrap .uep-ib-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(14px, 2vw, 16px);
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 10px;
}

.uep-wrap .uep-ib-body {
    font-size: clamp(13px, 1.8vw, 14px);
    color: var(--ink-mid);
    line-height: 1.75;
}

/* ============================================================
   PROCEDURE STEPS
   ============================================================ */
.uep-wrap .uep-proc-steps {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 24px 0;
}

.uep-wrap .uep-proc-step {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 16px;
    padding: 20px 0;
    border-bottom: .5px solid var(--border);
}

.uep-wrap .uep-proc-step:last-child {
    border-bottom: none;
}

.uep-wrap .uep-ps-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(18px, 3vw, 24px);
    font-weight: 700;
    color: rgba(196,169,106,.3);
    line-height: 1;
}

.uep-wrap .uep-ps-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(14px, 2vw, 16px);
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 6px;
}

.uep-wrap .uep-ps-body {
    font-size: clamp(12px, 1.8vw, 14px);
    color: var(--ink-mid);
    line-height: 1.7;
}

.uep-wrap .uep-ps-time {
    font-size: 11px;
    font-weight: 700;
    color: var(--gold);
    margin-top: 8px;
    letter-spacing: .06em;
}

/* ============================================================
   COMPARISON TABLE
   ============================================================ */
.uep-wrap .uep-table-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 20px 0;
    border: .5px solid var(--border);
    border-radius: 16px;
}

.uep-wrap .uep-compare-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 480px;
}

.uep-wrap .uep-compare-table th {
    background: var(--obsidian);
    color: rgba(255,255,255,.55);
    font-size: 11px;
    font-weight: 600;
    padding: 12px 16px;
    text-align: left;
    letter-spacing: .06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.uep-wrap .uep-compare-table th:first-child {
    border-radius: 16px 0 0 0;
}

.uep-wrap .uep-compare-table th:last-child {
    border-radius: 0 16px 0 0;
}

.uep-wrap .uep-compare-table td {
    padding: 13px 16px;
    font-size: 13px;
    color: var(--ink-mid);
    border-bottom: .5px solid var(--border);
    vertical-align: top;
}

.uep-wrap .uep-compare-table tr:last-child td {
    border-bottom: none;
}

.uep-wrap .uep-compare-table tr:hover td {
    background: var(--gold-pale);
}

.uep-wrap .uep-compare-table .uep-hl {
    font-weight: 600;
    color: var(--slate);
    white-space: nowrap;
}

/* ============================================================
   SIDEBAR STYLES (Desktop only)
   ============================================================ */
.uep-wrap .uep-sidebar {
    display: none;
}

.uep-wrap .uep-sb-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    padding: 24px;
    margin-bottom: 20px;
}

.uep-wrap .uep-sb-card:last-child {
    margin-bottom: 0;
}

.uep-wrap .uep-sb-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 14px;
}

/* Sidebar item (key-value pair) */
.uep-wrap .uep-sb-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: .5px solid var(--border);
    font-size: 13px;
    color: var(--ink-mid);
    flex-wrap: wrap;
    gap: 4px;
}

.uep-wrap .uep-sb-item:last-child {
    border-bottom: none;
}

.uep-wrap .uep-sb-val {
    font-weight: 600;
    color: var(--gold);
}

/* Sidebar link item */
.uep-wrap .uep-sb-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: .5px solid var(--border);
    font-size: 13px;
    color: var(--ink-mid);
    text-decoration: none;
    transition: color .15s;
}

.uep-wrap .uep-sb-link:last-child {
    border-bottom: none;
}

.uep-wrap .uep-sb-link:hover {
    color: var(--slate);
}

.uep-wrap .uep-sb-arr {
    opacity: .35;
    font-size: 11px;
}

/* ============================================================
   MOBILE SUMMARY CARD (Replaces sidebar on mobile)
   ============================================================ */
.uep-wrap .uep-mobile-summary {
    background: var(--gold-pale);
    border: .5px solid rgba(196,169,106,.25);
    border-radius: var(--r-xl);
    padding: 20px;
    margin-bottom: 28px;
}

.uep-wrap .uep-ms-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 12px;
}

.uep-wrap .uep-ms-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.uep-wrap .uep-ms-item {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.uep-wrap .uep-ms-key {
    font-size: 11px;
    color: var(--ink-mute);
}

.uep-wrap .uep-ms-val {
    font-size: 13px;
    font-weight: 600;
    color: var(--gold);
}

/* ============================================================
   RESPONSIVE BREAKPOINTS
   ============================================================ */

/* Tablet (min-width: 640px) */
@media (min-width: 640px) {
    /* Hero stats become 4 columns */
    .uep-wrap .uep-h-stats {
        grid-template-columns: repeat(4, 1fr);
    }
    
    .uep-wrap .uep-hs {
        border-bottom: none;
    }
    
    .uep-wrap .uep-hs:nth-child(2n) {
        border-right: .5px solid rgba(255,255,255,.06);
    }
    
    .uep-wrap .uep-hs:last-child {
        border-right: none;
    }
    
    /* Procedure steps wider layout */
    .uep-wrap .uep-proc-step {
        grid-template-columns: 56px 1fr;
        gap: 20px;
    }
}

/* Desktop (min-width: 900px) */
@media (min-width: 900px) {
    /* Show sidebar, hide mobile summary */
    .uep-wrap .uep-inner {
        grid-template-columns: 1fr 300px;
        gap: 60px;
    }
    
    .uep-wrap .uep-sidebar {
        display: flex;
        flex-direction: column;
        position: sticky;
        top: 88px;
    }
    
    .uep-wrap .uep-mobile-summary {
        display: none;
    }
}

/* Small mobile (max-width: 400px) */
@media (max-width: 400px) {
    /* Stack mobile summary vertically */
    .uep-wrap .uep-ms-grid {
        grid-template-columns: 1fr;
    }
    
    /* Adjust tab sizes */
    .uep-wrap .uep-tabs {
        gap: 6px;
    }
    
    .uep-wrap .uep-tab {
        font-size: 11.5px;
        padding: 7px 14px;
    }
}

/* ============================================================
   PRINT STYLES
   ============================================================ */
@media print {
    .uep-wrap .uep-hero-actions,
    .uep-wrap .uep-tabs,
    .uep-wrap .uep-sidebar,
    .uep-wrap .uep-mobile-summary {
        display: none;
    }
    
    .uep-wrap .uep-hero {
        background: var(--white);
        color: var(--ink);
        padding: 20px;
    }
    
    .uep-wrap .uep-hero::before {
        display: none;
    }
    
    .uep-wrap .uep-h-t {
        color: var(--ink);
    }
    
    .uep-wrap .uep-h-s {
        color: var(--ink-mid);
    }
    
    .uep-wrap .uep-proc-step {
        page-break-inside: avoid;
        break-inside: avoid;
    }
    
    .uep-wrap .uep-info-box {
        page-break-inside: avoid;
        break-inside: avoid;
        border: 1px solid #ccc;
    }
}

/* ── Reset scoped ── */
.usp-wrap,
.usp-wrap * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.usp-wrap {
    font-family: 'Inter', sans-serif;
    color: #1A1A18;
    background: transparent;
    line-height: 1.5;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    display: block;
}

.usp-wrap ::selection {
    background: #141820;
    color: #C4A96A;
}

.usp-wrap ::-webkit-scrollbar {
    width: 3px;
}

.usp-wrap ::-webkit-scrollbar-thumb {
    background: #3D4F63;
    border-radius: 2px;
}

@keyframes usp-pulse {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: .5;
        transform: scale(.7);
    }
}

/* ── Buttons ── */
.usp-btn-o {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: 10px;
    border: .5px solid rgba(42,53,69,0.12);
    background: transparent;
    color: #1A1A18;
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.usp-btn-o:hover {
    border-color: #2A3545;
    background: #F2F1EE;
}

.usp-btn-g {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: 10px;
    border: none;
    background: #C4A96A;
    color: #141820;
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
}

.usp-btn-g:hover {
    background: #B89858;
}

/* ── Hero ── */
.usp-hero {
    background: #141820;
    padding: clamp(48px, 8vw, 80px) clamp(20px, 5vw, 52px) clamp(40px, 6vw, 64px);
    position: relative;
    overflow: hidden;
    width: 100%;
}

.usp-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 70% at 85% 25%, rgba(196,169,106,.06), transparent 55%);
    pointer-events: none;
}

.usp-hi {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.usp-h-ey {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #C4A96A;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.usp-h-ey::before {
    content: '';
    width: 14px;
    height: 1px;
    background: #C4A96A;
    flex-shrink: 0;
}

.usp-h-t {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(26px, 5vw, 48px);
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
    line-height: 1.08;
}

.usp-h-s {
    font-size: clamp(13px, 2vw, 16px);
    color: rgba(255,255,255,.45);
    line-height: 1.8;
    max-width: 560px;
    margin-bottom: 36px;
}

/* ── Hero Stats ── */
.usp-h-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border: .5px solid rgba(255,255,255,.08);
    border-radius: 24px;
    overflow: hidden;
    max-width: 580px;
    background: rgba(255,255,255,.03);
}

.usp-hs {
    padding: 18px 20px;
    border-right: .5px solid rgba(255,255,255,.06);
    border-bottom: .5px solid rgba(255,255,255,.06);
}

.usp-hs:nth-child(2n) {
    border-right: none;
}

.usp-hs:nth-last-child(-n+2) {
    border-bottom: none;
}

.usp-hs-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(18px, 3vw, 26px);
    font-weight: 700;
    color: #C4A96A;
    margin-bottom: 3px;
}

.usp-hs-label {
    font-size: 11px;
    color: rgba(255,255,255,.3);
}

/* ── Breadcrumb ── */
.usp-bc {
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px clamp(20px, 5vw, 52px) 0;
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.usp-bc a {
    font-size: 12px;
    color: #8A8880;
    text-decoration: none;
}

.usp-bc a:hover {
    color: #2A3545;
}

.usp-bc-sep {
    color: rgba(42,53,69,0.12);
    font-size: 12px;
}

.usp-bc-cur {
    font-size: 12px;
    color: #2A3545;
    font-weight: 500;
}

/* ── Page Layout ── */
.usp-inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: clamp(32px, 5vw, 52px) clamp(20px, 5vw, 52px) clamp(48px, 8vw, 80px);
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    align-items: start;
}

/* ── Proc Tabs ── */
.usp-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 32px;
    flex-wrap: wrap;
}

.usp-tab {
    font-size: 12.5px;
    font-weight: 500;
    padding: 8px 18px;
    border-radius: 100px;
    border: .5px solid rgba(42,53,69,0.12);
    text-decoration: none;
    color: #4A4843;
    transition: all .2s;
}

.usp-tab:hover {
    border-color: #2A3545;
    color: #2A3545;
}

.usp-tab.usp-active {
    background: #2A3545;
    color: #FAFAF8;
    border-color: #2A3545;
}

/* ── Content ── */
.usp-content {
    min-width: 0;
    width: 100%;
}

.usp-content h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(18px, 3vw, 24px);
    font-weight: 700;
    color: #1A1A18;
    margin: 40px 0 14px;
    letter-spacing: -.02em;
}

.usp-content h2:first-child {
    margin-top: 0;
}

.usp-content h3 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(15px, 2.5vw, 18px);
    font-weight: 600;
    color: #1A1A18;
    margin: 28px 0 10px;
}

.usp-content p {
    font-size: clamp(13px, 2vw, 15px);
    color: #4A4843;
    line-height: 1.85;
    margin-bottom: 16px;
}

.usp-content ul {
    margin: 12px 0 18px 18px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.usp-content li {
    font-size: clamp(13px, 2vw, 15px);
    color: #4A4843;
    line-height: 1.75;
}

.usp-content strong {
    color: #1A1A18;
    font-weight: 600;
}

.usp-divid {
    height: .5px;
    background: rgba(42,53,69,0.12);
    margin: 32px 0;
}

/* ── Info Box ── */
.usp-info-box {
    background: #fff;
    border: .5px solid rgba(42,53,69,0.12);
    border-radius: 24px;
    padding: clamp(18px, 3vw, 28px);
    margin: 28px 0;
}

.usp-info-box.usp-gold {
    background: #F7F2E8;
    border-color: rgba(196,169,106,.25);
}

.usp-ib-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(14px, 2vw, 16px);
    font-weight: 700;
    color: #1A1A18;
    margin-bottom: 10px;
}

.usp-ib-body {
    font-size: clamp(13px, 1.8vw, 14px);
    color: #4A4843;
    line-height: 1.75;
}

/* ── Proc Steps ── */
.usp-proc-steps {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 24px 0;
}

.usp-proc-step {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 16px;
    padding: 20px 0;
    border-bottom: .5px solid rgba(42,53,69,0.12);
}

.usp-proc-step:last-child {
    border-bottom: none;
}

.usp-ps-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(18px, 3vw, 24px);
    font-weight: 700;
    color: rgba(196,169,106,.3);
    line-height: 1;
}

.usp-ps-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(14px, 2vw, 16px);
    font-weight: 600;
    color: #1A1A18;
    margin-bottom: 6px;
}

.usp-ps-body {
    font-size: clamp(12px, 1.8vw, 14px);
    color: #4A4843;
    line-height: 1.7;
}

.usp-ps-time {
    font-size: 11px;
    font-weight: 700;
    color: #C4A96A;
    margin-top: 8px;
    letter-spacing: .06em;
}

/* ── Compare Table ── */
.usp-table-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 20px 0;
    border: .5px solid rgba(42,53,69,0.12);
    border-radius: 16px;
}

.usp-compare-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 480px;
}

.usp-compare-table th {
    background: #141820;
    color: rgba(255,255,255,.55);
    font-size: 11px;
    font-weight: 600;
    padding: 12px 16px;
    text-align: left;
    letter-spacing: .06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.usp-compare-table th:first-child {
    border-radius: 16px 0 0 0;
}

.usp-compare-table th:last-child {
    border-radius: 0 16px 0 0;
}

.usp-compare-table td {
    padding: 13px 16px;
    font-size: 13px;
    color: #4A4843;
    border-bottom: .5px solid rgba(42,53,69,0.12);
    vertical-align: top;
}

.usp-compare-table tr:last-child td {
    border-bottom: none;
}

.usp-compare-table tr:hover td {
    background: #F7F2E8;
}

.usp-compare-table .usp-hl {
    font-weight: 600;
    color: #2A3545;
    white-space: nowrap;
}

/* ── Sidebar ── */
.usp-sidebar {
    display: none;
}

.usp-sb-card {
    background: #fff;
    border: .5px solid rgba(42,53,69,0.12);
    border-radius: 24px;
    padding: 24px;
    margin-bottom: 20px;
}

.usp-sb-card:last-child {
    margin-bottom: 0;
}

.usp-sb-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #8A8880;
    margin-bottom: 14px;
}

.usp-sb-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: .5px solid rgba(42,53,69,0.12);
    font-size: 13px;
    color: #4A4843;
    flex-wrap: wrap;
    gap: 4px;
}

.usp-sb-item:last-child {
    border-bottom: none;
}

.usp-sb-val {
    font-weight: 600;
    color: #C4A96A;
}

.usp-sb-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: .5px solid rgba(42,53,69,0.12);
    font-size: 13px;
    color: #4A4843;
    text-decoration: none;
    transition: color .15s;
}

.usp-sb-link:last-child {
    border-bottom: none;
}

.usp-sb-link:hover {
    color: #2A3545;
}

.usp-sb-arr {
    opacity: .35;
    font-size: 11px;
}

/* ── Mobile summary card ── */
.usp-mobile-summary {
    background: #F7F2E8;
    border: .5px solid rgba(196,169,106,.25);
    border-radius: 24px;
    padding: 20px;
    margin-bottom: 28px;
}

.usp-ms-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #8A8880;
    margin-bottom: 12px;
}

.usp-ms-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.usp-ms-item {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.usp-ms-key {
    font-size: 11px;
    color: #8A8880;
}

.usp-ms-val {
    font-size: 13px;
    font-weight: 600;
    color: #C4A96A;
}

/* ── RESPONSIVE ── */
@media (min-width: 640px) {
    .usp-h-stats {
        grid-template-columns: repeat(4, 1fr);
    }
    .usp-hs {
        border-bottom: none;
    }
    .usp-hs:nth-child(2n) {
        border-right: .5px solid rgba(255,255,255,.06);
    }
    .usp-hs:last-child {
        border-right: none;
    }
    .usp-proc-step {
        grid-template-columns: 56px 1fr;
        gap: 20px;
    }
}

@media (min-width: 900px) {
    .usp-inner {
        grid-template-columns: 1fr 300px;
        gap: 60px;
    }
    .usp-sidebar {
        display: flex;
        flex-direction: column;
        position: sticky;
        top: 88px;
    }
    .usp-mobile-summary {
        display: none;
    }
}

@media (max-width: 400px) {
    .usp-ms-grid {
        grid-template-columns: 1fr;
    }
    .usp-tabs {
        gap: 6px;
    }
    .usp-tab {
        font-size: 11.5px;
        padding: 7px 14px;
    }
}
/* ============================================================
 * UNIONE™ COOKIE POLICY PAGE STYLES
 * File: unione-cookie-policy.css
 * Shortcode: [unione_cookie_policy]
 * FULLY RESPONSIVE - ALL DEVICES
 * ============================================================ */

/* ── MAIN WRAPPER ── */
.ucp-wrap {
    font-family: 'Inter', sans-serif;
    color: #1A1A18;
    background: transparent;
    line-height: 1.5;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    display: block;
}

.ucp-wrap * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.ucp-wrap ::selection {
    background: #141820;
    color: #C4A96A;
}

.ucp-wrap ::-webkit-scrollbar {
    width: 3px;
}

.ucp-wrap ::-webkit-scrollbar-thumb {
    background: #3D4F63;
    border-radius: 2px;
}

/* ── KEYFRAMES / ANIMATIONS ── */
@keyframes ucp-pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(.7); }
}

/* ── HERO SECTION ── */
.ucp-hero {
    background: #141820;
    padding: 60px 24px 48px;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.ucp-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 70% at 80% 30%, rgba(196,169,106,.05), transparent 55%);
    pointer-events: none;
}

.ucp-hero-inner {
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.ucp-eyebrow {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #C4A96A;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.ucp-eyebrow::before {
    content: '';
    width: 14px;
    height: 1px;
    background: #C4A96A;
    flex-shrink: 0;
}

.ucp-h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(24px, 6vw, 48px);
    font-weight: 700;
    letter-spacing: -.02em;
    color: #fff;
    margin-bottom: 12px;
    line-height: 1.1;
}

.ucp-hsub {
    font-size: 14px;
    color: rgba(255,255,255,.45);
    line-height: 1.75;
}

.ucp-hmeta {
    display: flex;
    gap: 12px;
    margin-top: 24px;
    flex-wrap: wrap;
}

.ucp-hmeta-item {
    font-size: 11px;
    color: rgba(255,255,255,.28);
}

.ucp-hmeta-item span {
    color: rgba(255,255,255,.5);
    font-weight: 500;
}

/* ── LAYOUT ── */
.ucp-layout {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    padding: 48px 20px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    align-items: start;
}

/* ── TABLE OF CONTENTS ── */
.ucp-toc {
    background: #fff;
    border: .5px solid rgba(42,53,69,0.12);
    border-radius: 24px;
    padding: 20px;
}

.ucp-toc-title {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #8A8880;
    margin-bottom: 16px;
}

.ucp-toc-links {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ucp-toc-link {
    font-size: 13px;
    color: #4A4843;
    text-decoration: none;
    padding: 6px 10px;
    border-radius: 10px;
    transition: all .15s;
    display: block;
}

.ucp-toc-link:hover {
    background: #F7F2E8;
    color: #2A3545;
}

/* ── CONTENT SECTION ── */
.ucp-content {
    min-width: 0;
    width: 100%;
}

.ucp-content h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #1A1A18;
    margin: 40px 0 12px;
    letter-spacing: -.02em;
    padding-top: 4px;
}

.ucp-content h2:first-child {
    margin-top: 0;
}

.ucp-content h3 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #1A1A18;
    margin: 24px 0 8px;
}

.ucp-content p {
    font-size: 14px;
    color: #4A4843;
    line-height: 1.8;
    margin-bottom: 16px;
}

.ucp-content ul {
    margin: 10px 0 18px 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ucp-content li {
    font-size: 14px;
    color: #4A4843;
    line-height: 1.75;
}

.ucp-content strong {
    color: #1A1A18;
    font-weight: 600;
}

.ucp-content a {
    color: #2A3545;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ucp-divider {
    height: .5px;
    background: rgba(42,53,69,0.12);
    margin: 32px 0;
}

/* ── COOKIE TABLE ── */
.ucp-table-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 20px 0;
    border: .5px solid rgba(42,53,69,0.12);
    border-radius: 16px;
}

.ucp-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 520px;
}

.ucp-table th {
    background: #141820;
    color: rgba(255,255,255,.55);
    font-size: 10px;
    font-weight: 600;
    padding: 12px 14px;
    text-align: left;
    letter-spacing: .06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.ucp-table th:first-child {
    border-radius: 16px 0 0 0;
}

.ucp-table th:last-child {
    border-radius: 0 16px 0 0;
}

.ucp-table td {
    padding: 12px 14px;
    font-size: 13px;
    color: #4A4843;
    border-bottom: .5px solid rgba(42,53,69,0.12);
    vertical-align: top;
}

.ucp-table tr:last-child td {
    border-bottom: none;
}

.ucp-table tr:hover td {
    background: #F7F2E8;
}

.ucp-ct-name {
    font-weight: 600;
    color: #1A1A18;
    font-family: 'Inter Tight', sans-serif;
    font-size: 13px;
    white-space: nowrap;
}

/* ── BADGES ── */
.ucp-badge {
    display: inline-block;
    font-size: 9px;
    font-weight: 600;
    padding: 2px 7px;
    border-radius: 4px;
    margin-top: 5px;
}

.ucp-badge-ess {
    background: rgba(15,122,66,.1);
    color: #0F7A42;
    border: .5px solid rgba(15,122,66,.2);
}

.ucp-badge-ana {
    background: rgba(42,53,69,.08);
    color: #3D4F63;
    border: .5px solid rgba(42,53,69,.15);
}

.ucp-badge-pref {
    background: #F7F2E8;
    color: #C4A96A;
    border: .5px solid rgba(196,169,106,.2);
}

/* ── PREFERENCES PANEL ── */
.ucp-pref {
    background: #F7F2E8;
    border: .5px solid rgba(196,169,106,.25);
    border-radius: 24px;
    padding: 24px;
    margin: 24px 0;
}

.ucp-pref-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: #1A1A18;
    margin-bottom: 8px;
}

.ucp-pref-sub {
    font-size: 13px;
    color: #4A4843;
    margin-bottom: 20px;
    line-height: 1.65;
}

.ucp-pref-toggles {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ucp-pref-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    padding: 14px 16px;
    background: #fff;
    border: .5px solid rgba(42,53,69,0.12);
    border-radius: 10px;
}

.ucp-pref-label {
    font-size: 13px;
    font-weight: 500;
    color: #1A1A18;
}

.ucp-pref-sublabel {
    font-size: 11px;
    color: #8A8880;
    margin-top: 2px;
}

.ucp-badge-on {
    font-size: 10px;
    font-weight: 600;
    color: #0F7A42;
    background: rgba(15,122,66,.1);
    border: .5px solid rgba(15,122,66,.2);
    padding: 3px 9px;
    border-radius: 100px;
    white-space: nowrap;
}

.ucp-badge-req {
    font-size: 10px;
    font-weight: 600;
    color: #3D4F63;
    background: rgba(42,53,69,.08);
    border: .5px solid rgba(42,53,69,.12);
    padding: 3px 9px;
    border-radius: 100px;
    white-space: nowrap;
}

.ucp-save-btn {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 24px;
    border-radius: 10px;
    border: none;
    background: #C4A96A;
    color: #141820;
    cursor: pointer;
    transition: background .2s;
    margin-top: 18px;
    display: inline-block;
}

.ucp-save-btn:hover {
    background: #B89858;
}

/* ── RESPONSIVE BREAKPOINTS ── */
@media (min-width: 768px) {
    .ucp-hero {
        padding: 80px 52px 64px;
    }
    .ucp-hsub {
        font-size: 15px;
    }
    .ucp-hmeta {
        gap: 20px;
    }
    .ucp-hmeta-item {
        font-size: 12px;
    }
    .ucp-content h2 {
        font-size: 22px;
        margin: 48px 0 14px;
    }
    .ucp-content h3 {
        font-size: 16px;
        margin: 28px 0 10px;
    }
    .ucp-content p {
        font-size: 15px;
    }
    .ucp-content li {
        font-size: 15px;
    }
    .ucp-table th {
        font-size: 11px;
        padding: 13px 16px;
    }
    .ucp-table td {
        font-size: 13.5px;
        padding: 13px 16px;
    }
    .ucp-pref {
        padding: 28px;
    }
}

@media (min-width: 900px) {
    .ucp-layout {
        padding: 64px 52px;
        grid-template-columns: 240px 1fr;
        gap: 64px;
    }
    .ucp-toc {
        position: sticky;
        top: 88px;
    }
}

@media (max-width: 479px) {
    .ucp-hmeta {
        flex-direction: column;
        gap: 6px;
    }
    .ucp-save-btn {
        width: 100%;
        text-align: center;
    }
    .ucp-pref-row {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* ============================================================
 * UNIONE™ DPC STANDARD PAGE STYLES
 * File: unione-dpc-standard.css
 * Shortcode: [unione_dpc_standard]
 * ============================================================ */

/* ── CSS VARIABLES / ROOT ── */
.unione-dpc-wrap {
    --slate: #2A3545;
    --slate-deep: #1C2534;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-light: #E8D9B0;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
}

/* ── RESET & BASE ── */
.unione-dpc-wrap *,
.unione-dpc-wrap *::before,
.unione-dpc-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-dpc-wrap {
    font-family: 'Inter', sans-serif;
    color: #1A1A18;
    background: var(--parchment);
    line-height: 1.5;
}

.unione-dpc-wrap ::selection {
    background: var(--obsidian);
    color: var(--gold);
}

/* ── KEYFRAMES / ANIMATIONS ── */
@keyframes udpc-pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(.7); }
}

@keyframes udpc-shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

/* ── NAVIGATION ── */
.unione-dpc-wrap .dpc-nav {
    position: sticky;
    top: 0;
    z-index: 500;
    height: 68px;
    background: rgba(250,250,248,.97);
    backdrop-filter: blur(24px);
    border-bottom: .5px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 52px;
}

.unione-dpc-wrap .dpc-nav::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--gold) 30%, var(--gold) 70%, transparent);
    opacity: .5;
}

.unione-dpc-wrap .dpc-nav-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.unione-dpc-wrap .dpc-nav-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gold);
    animation: udpc-pulse-dot 2.2s ease-in-out infinite;
}

.unione-dpc-wrap .dpc-nav-name {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .2em;
    color: var(--slate);
}

.unione-dpc-wrap .dpc-nav-center {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
}

.unione-dpc-wrap .dpc-nav-link {
    font-size: 13px;
    font-weight: 500;
    color: var(--ink-mid);
    text-decoration: none;
    padding: 6px 12px;
    border-radius: var(--r-md);
    transition: all .15s;
    white-space: nowrap;
}

.unione-dpc-wrap .dpc-nav-link:hover {
    color: var(--slate);
    background: var(--ivory);
}

.unione-dpc-wrap .dpc-nav-link.active {
    color: var(--gold);
    font-weight: 600;
}

.unione-dpc-wrap .dpc-nav-actions {
    display: flex;
    gap: 8px;
}

/* ── BUTTONS ── */
.unione-dpc-wrap .btn-outline {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 18px;
    border-radius: var(--r-md);
    border: .5px solid var(--border);
    background: transparent;
    color: var(--ink);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.unione-dpc-wrap .btn-outline:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

.unione-dpc-wrap .btn-gold {
    font-size: 13px;
    font-weight: 600;
    padding: 8px 18px;
    border-radius: var(--r-md);
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.unione-dpc-wrap .btn-gold:hover {
    background: #B89858;
}

/* ── HERO SECTION ── */
.unione-dpc-wrap .dpc-hero {
    background: var(--slate);
    padding: 72px 52px 60px;
    position: relative;
    overflow: hidden;
}

.unione-dpc-wrap .dpc-hero::before {
    content: 'DPC';
    position: absolute;
    font-family: 'Inter Tight', sans-serif;
    font-size: 220px;
    font-weight: 700;
    color: rgba(255,255,255,.025);
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    letter-spacing: -.05em;
}

.unione-dpc-wrap .dpc-hero-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.unione-dpc-wrap .dpc-hero-tag {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.unione-dpc-wrap .dpc-hero-tag::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--gold);
}

.unione-dpc-wrap .dpc-hero h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(36px, 4.5vw, 56px);
    font-weight: 700;
    color: var(--parchment);
    letter-spacing: -.035em;
    line-height: 1.06;
    margin-bottom: 14px;
}

.unione-dpc-wrap .dpc-hero h1 span {
    background: linear-gradient(135deg, #C4A96A, #F0DFA0, #C4A96A);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: udpc-shimmer 4s linear infinite;
}

.unione-dpc-wrap .dpc-hero-sub {
    font-size: 15px;
    color: rgba(255,255,255,.45);
    font-weight: 300;
    line-height: 1.75;
    margin-bottom: 28px;
}

.unione-dpc-wrap .dpc-hero-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.unione-dpc-wrap .dpc-meta-card {
    background: rgba(255,255,255,.04);
    border: .5px solid rgba(196,169,106,.2);
    border-radius: var(--r-xl);
    padding: 24px;
}

.unione-dpc-wrap .dpc-meta-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 0;
    border-bottom: .5px solid rgba(255,255,255,.07);
}

.unione-dpc-wrap .dpc-meta-row:last-child {
    border-bottom: none;
}

.unione-dpc-wrap .dpc-meta-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(255,255,255,.3);
    min-width: 90px;
    flex-shrink: 0;
    padding-top: 2px;
}

.unione-dpc-wrap .dpc-meta-value {
    font-size: 13px;
    color: var(--parchment);
    font-weight: 500;
    line-height: 1.4;
}

.unione-dpc-wrap .dpc-meta-value a {
    color: var(--gold);
    text-decoration: none;
}

/* ── LAYOUT ── */
.unione-dpc-wrap .dpc-doc-layout {
    max-width: 1200px;
    margin: 0 auto;
    padding: 48px 52px 80px;
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 36px;
    align-items: start;
}

.unione-dpc-wrap .dpc-toc {
    position: sticky;
    top: 88px;
}

.unione-dpc-wrap .dpc-toc-title {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--ink-mute);
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: .5px solid var(--border);
}

.unione-dpc-wrap .dpc-toc-items {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.unione-dpc-wrap .dpc-toc-item {
    padding: 7px 12px;
    border-radius: var(--r-sm);
    cursor: pointer;
    font-size: 12.5px;
    color: var(--ink-mid);
    text-decoration: none;
    transition: all .15s;
    display: flex;
    align-items: center;
    gap: 8px;
}

.unione-dpc-wrap .dpc-toc-item:hover {
    background: var(--ivory);
    color: var(--slate);
}

.unione-dpc-wrap .dpc-toc-item.active {
    background: var(--slate);
    color: var(--parchment);
    font-weight: 500;
}

.unione-dpc-wrap .dpc-toc-num {
    font-size: 10px;
    font-weight: 700;
    color: var(--gold);
    min-width: 18px;
    flex-shrink: 0;
}

.unione-dpc-wrap .dpc-toc-item.active .dpc-toc-num {
    color: var(--gold);
}

.unione-dpc-wrap .dpc-toc-divider {
    height: .5px;
    background: var(--border);
    margin: 10px 0;
}

.unione-dpc-wrap .dpc-toc-actions {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: .5px solid var(--border);
}

.unione-dpc-wrap .dpc-toc-btn {
    font-size: 11.5px;
    font-weight: 600;
    padding: 8px 14px;
    border-radius: var(--r-md);
    text-align: center;
    cursor: pointer;
    transition: all .15s;
    font-family: 'Inter', sans-serif;
    text-decoration: none;
    display: block;
}

.unione-dpc-wrap .dpc-toc-btn-gold {
    background: var(--gold);
    color: var(--obsidian);
    border: none;
}

.unione-dpc-wrap .dpc-toc-btn-gold:hover {
    background: #B89858;
}

.unione-dpc-wrap .dpc-toc-btn-outline {
    background: transparent;
    color: var(--ink-mid);
    border: .5px solid var(--border);
}

.unione-dpc-wrap .dpc-toc-btn-outline:hover {
    border-color: var(--slate);
    color: var(--slate);
    background: var(--ivory);
}

/* ── DOCUMENT BODY ── */
.unione-dpc-wrap .dpc-doc-body {
    min-width: 0;
}

.unione-dpc-wrap .dpc-section {
    margin-bottom: 52px;
    scroll-margin-top: 100px;
}

.unione-dpc-wrap .dpc-section-header {
    display: flex;
    align-items: baseline;
    gap: 16px;
    margin-bottom: 20px;
    padding-bottom: 14px;
    border-bottom: 2px solid var(--gold);
    opacity: .9;
}

.unione-dpc-wrap .dpc-section-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: var(--gold);
    letter-spacing: .08em;
    text-transform: uppercase;
    flex-shrink: 0;
    background: rgba(196,169,106,.1);
    padding: 4px 10px;
    border-radius: var(--r-sm);
}

.unione-dpc-wrap .dpc-section-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--slate);
    letter-spacing: -.02em;
}

.unione-dpc-wrap .dpc-prose {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.85;
    font-weight: 300;
}

.unione-dpc-wrap .dpc-prose p {
    margin-bottom: 16px;
}

.unione-dpc-wrap .dpc-prose strong {
    color: var(--ink);
    font-weight: 600;
}

.unione-dpc-wrap .dpc-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 16px 0;
}

.unione-dpc-wrap .dpc-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.7;
    font-weight: 300;
}

.unione-dpc-wrap .dpc-list li::before {
    content: '→';
    color: var(--gold);
    font-weight: 700;
    flex-shrink: 0;
    font-size: 13px;
    margin-top: 3px;
}

.unione-dpc-wrap .cp-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-top: 20px;
}

.unione-dpc-wrap .cp-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-lg);
    padding: 20px 22px;
    position: relative;
    overflow: hidden;
}

.unione-dpc-wrap .cp-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--gold);
}

.unione-dpc-wrap .cp-num {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 8px;
}

.unione-dpc-wrap .cp-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: var(--slate);
    margin-bottom: 8px;
}

.unione-dpc-wrap .cp-body {
    font-size: 13px;
    color: var(--ink-mute);
    line-height: 1.7;
    font-weight: 300;
}

/* ── FEE TABLE ── */
.unione-dpc-wrap .fee-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    font-size: 13.5px;
}

.unione-dpc-wrap .fee-table th {
    background: var(--slate);
    color: var(--parchment);
    padding: 11px 16px;
    text-align: left;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.unione-dpc-wrap .fee-table td {
    padding: 12px 16px;
    border-bottom: .5px solid var(--border);
    vertical-align: top;
    color: var(--ink-mid);
}

.unione-dpc-wrap .fee-table tr:nth-child(even) td {
    background: var(--ivory);
}

.unione-dpc-wrap .fee-table .tier-name {
    font-weight: 700;
    color: var(--slate);
}

.unione-dpc-wrap .fee-table .fee-amount {
    font-weight: 600;
    color: var(--slate);
}

.unione-dpc-wrap .fee-note {
    background: var(--gold-pale);
    border: .5px solid rgba(196,169,106,.25);
    border-radius: var(--r-md);
    padding: 14px 18px;
    font-size: 13px;
    color: var(--ink-mid);
    line-height: 1.7;
    margin-top: 16px;
}

/* ── CLAUSE BOX ── */
.unione-dpc-wrap .clause-box {
    background: var(--obsidian);
    border-radius: var(--r-xl);
    padding: 28px 32px;
    margin-top: 20px;
    position: relative;
}

.unione-dpc-wrap .clause-box-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.unione-dpc-wrap .clause-box-label::before {
    content: '';
    width: 16px;
    height: 1px;
    background: var(--gold);
}

.unione-dpc-wrap .clause-text {
    font-size: 14px;
    color: rgba(255,255,255,.7);
    line-height: 1.85;
    font-style: italic;
    border-left: 2px solid var(--gold);
    padding-left: 18px;
    margin-bottom: 16px;
}

.unione-dpc-wrap .clause-note {
    font-size: 12px;
    color: rgba(255,255,255,.35);
    line-height: 1.65;
}

.unione-dpc-wrap .clause-actions {
    display: flex;
    gap: 8px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.unione-dpc-wrap .btn-copy {
    font-size: 12px;
    font-weight: 600;
    padding: 8px 18px;
    border-radius: var(--r-md);
    background: var(--gold);
    color: var(--obsidian);
    border: none;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .18s;
}

.unione-dpc-wrap .btn-copy:hover {
    background: #B89858;
}

.unione-dpc-wrap .btn-copy.done {
    background: #1A7A4A;
    color: #fff;
}

.unione-dpc-wrap .btn-ai {
    font-size: 12px;
    font-weight: 500;
    padding: 8px 18px;
    border-radius: var(--r-md);
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.6);
    border: .5px solid rgba(255,255,255,.12);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .18s;
    text-decoration: none;
    display: inline-block;
}

.unione-dpc-wrap .btn-ai:hover {
    background: rgba(255,255,255,.1);
    color: rgba(255,255,255,.9);
}

/* ── STEPS LIST ── */
.unione-dpc-wrap .steps-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 20px;
}

.unione-dpc-wrap .step-row {
    display: flex;
    gap: 20px;
    padding: 20px 0;
    border-bottom: .5px solid var(--border);
    position: relative;
}

.unione-dpc-wrap .step-row:last-child {
    border-bottom: none;
}

.unione-dpc-wrap .step-num {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--white);
    border: .5px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: var(--slate);
    flex-shrink: 0;
    z-index: 1;
}

.unione-dpc-wrap .step-content {
    flex: 1;
    padding-top: 8px;
}

.unione-dpc-wrap .step-title {
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 6px;
}

.unione-dpc-wrap .step-body {
    font-size: 13.5px;
    color: var(--ink-mute);
    line-height: 1.75;
    font-weight: 300;
}

.unione-dpc-wrap .step-time {
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    color: #1A7A4A;
    background: #E6F4EE;
    padding: 2px 9px;
    border-radius: 100px;
    margin-top: 8px;
}

/* ── VERSION STRIP ── */
.unione-dpc-wrap .version-strip {
    background: var(--ivory);
    border-bottom: .5px solid var(--border);
    padding: 12px 52px;
}

.unione-dpc-wrap .version-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

.unione-dpc-wrap .vs-item {
    font-size: 12px;
    color: var(--ink-mute);
    display: flex;
    align-items: center;
    gap: 6px;
}

.unione-dpc-wrap .vs-label {
    font-weight: 600;
    color: var(--ink-mid);
}

/* ── INFO CARD (gold background) ── */
.unione-dpc-wrap .info-card-gold {
    background: var(--gold-pale);
    border: .5px solid rgba(196,169,106,.25);
    border-radius: var(--r-xl);
    padding: 22px 26px;
    margin-bottom: 40px;
}

.unione-dpc-wrap .info-card-gold .info-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 10px;
}

.unione-dpc-wrap .info-card-gold p {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.8;
    font-weight: 300;
    margin-bottom: 10px;
}

/* ── DEFINITION CARDS ── */
.unione-dpc-wrap .def-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: var(--r-lg);
    padding: 18px 20px;
}

.unione-dpc-wrap .def-title {
    font-size: 14px;
    font-weight: 700;
    color: var(--slate);
    margin-bottom: 6px;
}

.unione-dpc-wrap .def-body {
    font-size: 14px;
    color: var(--ink-mute);
    line-height: 1.75;
}

/* ── DARK CTA ── */
.unione-dpc-wrap .dpc-cta-dark {
    background: var(--slate);
    border-radius: var(--r-xl);
    padding: 32px;
    margin-top: 36px;
    text-align: center;
}

.unione-dpc-wrap .dpc-cta-dark .cta-label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 8px;
}

.unione-dpc-wrap .dpc-cta-dark .cta-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--parchment);
    margin-bottom: 12px;
}

.unione-dpc-wrap .dpc-cta-dark .btn-gold {
    font-size: 14px;
    padding: 13px 28px;
    display: inline-block;
}

/* ── RESPONSIVE BREAKPOINTS ── */
@media (max-width: 1100px) {
    .unione-dpc-wrap .dpc-nav { padding: 0 24px; }
    .unione-dpc-wrap .version-strip { padding: 12px 24px; }
    .unione-dpc-wrap .dpc-doc-layout { padding: 40px 24px 60px; }
}

@media (max-width: 900px) {
    .unione-dpc-wrap .dpc-hero { padding: 48px 24px; }
    .unione-dpc-wrap .dpc-hero-inner { grid-template-columns: 1fr; gap: 40px; }
    .unione-dpc-wrap .dpc-hero::before { font-size: 160px; }
    .unione-dpc-wrap .dpc-nav { flex-wrap: wrap; height: auto; min-height: 68px; padding: 12px 24px; }
    .unione-dpc-wrap .dpc-nav-brand { margin-right: auto; }
    .unione-dpc-wrap .dpc-nav-center { order: 3; width: 100%; overflow-x: auto; justify-content: flex-start; padding-top: 12px; margin-top: 4px; border-top: .5px solid var(--border); -webkit-overflow-scrolling: touch; }
    .unione-dpc-wrap .dpc-nav-center::-webkit-scrollbar { height: 3px; }
    .unione-dpc-wrap .dpc-nav-center::-webkit-scrollbar-thumb { background: var(--gold); border-radius: 10px; }
    .unione-dpc-wrap .dpc-nav-actions { margin-left: auto; }
    .unione-dpc-wrap .dpc-nav-link { padding: 8px 12px; white-space: nowrap; }
    .unione-dpc-wrap .dpc-doc-layout { grid-template-columns: 1fr; padding: 24px 24px 60px; }
    .unione-dpc-wrap .dpc-toc { position: static; }
    .unione-dpc-wrap .version-strip { padding: 12px 24px; }
    .unione-dpc-wrap .version-inner { gap: 12px; }
    .unione-dpc-wrap .cp-grid { grid-template-columns: 1fr; }
    .unione-dpc-wrap .fee-table { display: block; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
    .unione-dpc-wrap .clause-box { padding: 22px 20px; }
}

@media (max-width: 600px) {
    .unione-dpc-wrap .dpc-nav { padding: 12px 16px; }
    .unione-dpc-wrap .dpc-nav-brand .dpc-nav-name { font-size: 14px; letter-spacing: .15em; }
    .unione-dpc-wrap .dpc-nav-actions { gap: 6px; }
    .unione-dpc-wrap .dpc-nav-actions .btn-outline { padding: 8px 12px; }
    .unione-dpc-wrap .dpc-nav-actions .btn-gold { padding: 8px 12px; }
    .unione-dpc-wrap .dpc-hero { padding: 36px 16px; }
    .unione-dpc-wrap .dpc-hero h1 { font-size: 32px; }
    .unione-dpc-wrap .dpc-hero-sub { font-size: 14px; }
    .unione-dpc-wrap .dpc-hero-actions .btn-gold,
    .unione-dpc-wrap .dpc-hero-actions .btn-outline { width: 100%; justify-content: center; }
    .unione-dpc-wrap .dpc-meta-card { padding: 18px; }
    .unione-dpc-wrap .dpc-meta-row { flex-wrap: wrap; gap: 6px; }
    .unione-dpc-wrap .dpc-meta-label { min-width: 80px; }
    .unione-dpc-wrap .version-strip { padding: 10px 16px; }
    .unione-dpc-wrap .version-inner { flex-direction: column; align-items: flex-start; gap: 8px; }
    .unione-dpc-wrap .dpc-doc-layout { padding: 20px 16px 40px; }
    .unione-dpc-wrap .dpc-section { margin-bottom: 40px; }
    .unione-dpc-wrap .dpc-section-header { flex-wrap: wrap; gap: 8px; }
    .unione-dpc-wrap .dpc-section-title { font-size: 20px; }
    .unione-dpc-wrap .dpc-prose { font-size: 14px; }
    .unione-dpc-wrap .cp-card { padding: 16px; }
    .unione-dpc-wrap .step-row { gap: 16px; }
    .unione-dpc-wrap .step-num { width: 36px; height: 36px; font-size: 13px; }
    .unione-dpc-wrap .step-content { padding-top: 4px; }
    .unione-dpc-wrap .btn-copy,
    .unione-dpc-wrap .btn-ai { width: 100%; justify-content: center; }
    .unione-dpc-wrap .clause-actions { flex-direction: column; }
    .unione-dpc-wrap .clause-text { font-size: 13px; padding-left: 14px; }
    .unione-dpc-wrap .dpc-toc-actions .dpc-toc-btn { padding: 10px 14px; }
}

@media (max-width: 400px) {
    .unione-dpc-wrap .dpc-nav { padding: 10px 12px; }
    .unione-dpc-wrap .dpc-nav-brand .dpc-nav-name { font-size: 12px; }
    .unione-dpc-wrap .dpc-nav-dot { width: 6px; height: 6px; }
    .unione-dpc-wrap .dpc-nav-link { font-size: 12px; padding: 6px 8px; }
    .unione-dpc-wrap .btn-outline,
    .unione-dpc-wrap .btn-gold { font-size: 12px; padding: 6px 10px; }
    .unione-dpc-wrap .dpc-hero-tag { font-size: 9px; }
    .unione-dpc-wrap .dpc-hero h1 { font-size: 28px; }
    .unione-dpc-wrap .dpc-section-num { font-size: 11px; padding: 3px 8px; }
    .unione-dpc-wrap .dpc-section-title { font-size: 18px; }
}

@media print {
    .unione-dpc-wrap .dpc-nav,
    .unione-dpc-wrap .dpc-toc,
    .unione-dpc-wrap .dpc-toc-actions,
    .unione-dpc-wrap .clause-actions,
    .unione-dpc-wrap .dpc-hero-actions .btn-gold,
    .unione-dpc-wrap .dpc-hero-actions .btn-outline {
        display: none !important;
    }
    .unione-dpc-wrap .dpc-doc-layout { grid-template-columns: 1fr; padding: 0; }
    .unione-dpc-wrap .dpc-hero { background: #f0f0f0; color: #000; padding: 20px 0; }
    .unione-dpc-wrap .dpc-hero h1 { color: #000; }
    .unione-dpc-wrap .dpc-hero h1 span { -webkit-text-fill-color: #000; background: none; }
    .unione-dpc-wrap .dpc-meta-card { background: #f9f9f9; border: 1px solid #ccc; }
    .unione-dpc-wrap .dpc-meta-value { color: #000; }
    .unione-dpc-wrap .dpc-section { border-bottom: 1px solid #eee; page-break-inside: avoid; }
}
/**
 * UNIONE™ Construction Sector - Main Stylesheet
 * 
 * This file contains all styles for the Construction & Infrastructure Sector page.
 * It displays the Construction bench information, dispute types, prevention instruments,
 * DPC framework, and application criteria for Fellows.
 * 
 * @package UNIONE
 * @version 1.0.0
 */

/* ============================================================
   DESIGN SYSTEM - CSS CUSTOM PROPERTIES (VARIABLES)
   ============================================================ */
.usc-sector-construction {
    --sl: #2A3545;
    --sl-d: #1C2534;
    --sl-m: #3D4F63;
    --gd: #C4A96A;
    --gd-l: #E8D9B0;
    --gd-p: #F7F2E8;
    --pc: #FAFAF8;
    --iv: #F2F1EE;
    --ob: #141820;
    --wh: #fff;
    --ink: #1A1A18;
    --ink-m: #4A4843;
    --ink-mu: #8A8880;
    --bd: rgba(42,53,69,.12);
    --grn: #1A7A4A;
    --grn-b: #E6F4EE;
    --amber: #B8832C;
    --amber-d: #D4993A;
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
}

/* ============================================================
   GLOBAL RESET & BASE STYLES
   ============================================================ */
.usc-sector-construction,
.usc-sector-construction *,
.usc-sector-construction *::before,
.usc-sector-construction *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.usc-sector-construction {
    font-family: 'Inter', sans-serif;
    background: var(--pc);
    color: var(--ink);
    overflow-x: hidden;
}

.usc-sector-construction ::selection {
    background: var(--sl);
    color: var(--gd);
}

/* Custom scrollbar styling */
.usc-sector-construction ::-webkit-scrollbar {
    width: 3px;
}

.usc-sector-construction ::-webkit-scrollbar-thumb {
    background: var(--sl-m);
    border-radius: 2px;
}

/* ============================================================
   ANIMATIONS
   ============================================================ */
@keyframes usc-shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

@keyframes usc-ticker {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

/* ============================================================
   TYPOGRAPHY
   ============================================================ */
.usc-sector-construction .sc-h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(32px, 5.5vw, 68px);
    font-weight: 700;
    color: #fff;
    letter-spacing: -.04em;
    line-height: 1.02;
    margin-bottom: 16px;
}

.usc-sector-construction .sc-h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(22px, 3.5vw, 40px);
    font-weight: 700;
    line-height: 1.07;
    color: var(--sl);
    margin-bottom: 10px;
}

.usc-sector-construction .sc-deck {
    font-size: clamp(14px, 2vw, 17px);
    color: rgba(255,255,255,.48);
    font-weight: 300;
    line-height: 1.8;
    max-width: 580px;
    margin-bottom: 36px;
}

/* ============================================================
   SECTION TAG (Eybrow with gold line)
   ============================================================ */
.usc-sector-construction .section-tag {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--amber);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.usc-sector-construction .section-tag span {
    width: 20px;
    height: 1px;
    background: var(--amber);
    display: inline-block;
}

/* ============================================================
   HERO SECTION
   ============================================================ */
.usc-sector-construction .sc-hero {
    position: relative;
    min-height: 86vh;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.usc-sector-construction .sc-hero-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
}

.usc-sector-construction .sc-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(92,47,0,.96) 0%, rgba(92,47,0,.82) 60%, rgba(120,70,10,.6) 100%);
}

.usc-sector-construction .sc-hero-inner {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 20px;
    width: 100%;
}

@media (min-width: 640px) {
    .usc-sector-construction .sc-hero-inner {
        padding: 80px 36px;
    }
}

@media (min-width: 1024px) {
    .usc-sector-construction .sc-hero-inner {
        padding: 80px 52px;
    }
}

/* Breadcrumb */
.usc-sector-construction .sc-crumb {
    font-size: 11px;
    color: rgba(255,255,255,.35);
    text-decoration: none;
    font-weight: 300;
}

/* Hero tags */
.usc-sector-construction .sc-tag {
    font-size: 10px;
    font-weight: 600;
    padding: 4px 11px;
    border-radius: 100px;
    background: rgba(255,255,255,.09);
    border: .5px solid rgba(255,255,255,.18);
    color: rgba(255,255,255,.7);
    white-space: nowrap;
    letter-spacing: .04em;
}

/* Hero buttons */
.usc-sector-construction .hero-btns {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 0;
}

@media (max-width: 479px) {
    .usc-sector-construction .hero-btns {
        flex-direction: column;
    }
    .usc-sector-construction .hero-btns a {
        text-align: center;
        display: block;
    }
}

/* ============================================================
   HERO STATS
   ============================================================ */
.usc-sector-construction .sc-hstats {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    border-top: .5px solid rgba(255,255,255,.1);
    padding-top: 28px;
    margin-top: 40px;
}

@media (min-width: 480px) {
    .usc-sector-construction .sc-hstats {
        grid-template-columns: repeat(3, 1fr);
        gap: 0;
    }
}

.usc-sector-construction .sc-hstat {
    padding: 16px 0;
    border-bottom: .5px solid rgba(255,255,255,.08);
}

@media (min-width: 480px) {
    .usc-sector-construction .sc-hstat {
        padding: 0 32px 0 0;
        border-bottom: none;
        border-right: .5px solid rgba(255,255,255,.1);
    }
    .usc-sector-construction .sc-hstat:not(:first-child) {
        padding-left: 32px;
    }
    .usc-sector-construction .sc-hstat:last-child {
        border-right: none;
        padding-right: 0;
    }
}

.usc-sector-construction .sc-hstat-n {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(22px, 3vw, 28px);
    font-weight: 700;
    line-height: 1;
    margin-bottom: 4px;
    color: var(--amber-d);
}

.usc-sector-construction .sc-hstat-l {
    font-size: 11px;
    color: rgba(255,255,255,.35);
    font-weight: 300;
    max-width: 160px;
    line-height: 1.45;
}

/* ============================================================
   TICKER (Marquee)
   ============================================================ */
.usc-sector-construction .sc-ticker {
    background: #0a0e14;
    padding: 11px 5%;
    border-bottom: .5px solid rgba(255,255,255,.06);
    overflow: hidden;
    white-space: nowrap;
}

.usc-sector-construction .sc-ticker-inner {
    display: inline-flex;
    gap: 56px;
    animation: usc-ticker 30s linear infinite;
}

.usc-sector-construction .sc-ticker-item {
    font-size: 11px;
    font-weight: 500;
    color: rgba(255,255,255,.38);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.usc-sector-construction .sc-ticker-item span {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--amber);
    flex-shrink: 0;
    display: inline-block;
}

/* ============================================================
   GENERAL SECTION STYLES
   ============================================================ */
.usc-sector-construction .sc-sec {
    padding: clamp(40px, 7vw, 72px) 20px;
}

@media (min-width: 640px) {
    .usc-sector-construction .sc-sec {
        padding: clamp(48px, 7vw, 72px) 36px;
    }
}

@media (min-width: 1024px) {
    .usc-sector-construction .sc-sec {
        padding: clamp(48px, 8vw, 72px) 5%;
    }
}

.usc-sector-construction .sc-si {
    max-width: 1200px;
    margin: 0 auto;
}

/* ============================================================
   DISPUTE TYPES GRID
   ============================================================ */
.usc-sector-construction .dt-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

@media (min-width: 560px) {
    .usc-sector-construction .dt-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 900px) {
    .usc-sector-construction .dt-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.usc-sector-construction .dt-card {
    background: var(--wh);
    border: .5px solid var(--bd);
    border-radius: 14px;
    padding: 18px 16px 16px 20px;
    position: relative;
    overflow: hidden;
    transition: all .2s;
}

.usc-sector-construction .dt-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 32px rgba(42,53,69,.07);
}

.usc-sector-construction .dt-card .gold-bar {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 3px;
    background: var(--amber);
}

.usc-sector-construction .dt-name {
    font-size: 14px;
    font-weight: 600;
    color: var(--sl);
    margin-bottom: 6px;
    line-height: 1.3;
}

.usc-sector-construction .dt-desc {
    font-size: 12.5px;
    color: var(--ink-mu);
    font-weight: 300;
    line-height: 1.65;
    margin-bottom: 10px;
}

.usc-sector-construction .dt-tags {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.usc-sector-construction .dt-tag {
    font-size: 9px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 4px;
    background: var(--iv);
    border: .5px solid var(--bd);
    color: var(--sl-m);
}

/* ============================================================
   INSTRUMENT FUNNEL (Prevention/Evaluation/Determination/Arbitration)
   ============================================================ */
.usc-sector-construction .inst-funnel {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.usc-sector-construction .inst-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 16px;
    border-radius: 14px;
    border: .5px solid var(--bd);
    background: var(--wh);
    transition: all .18s;
}

@media (min-width: 760px) {
    .usc-sector-construction .inst-row {
        grid-template-columns: 150px 1fr 140px;
        gap: 20px;
        padding: 22px;
        align-items: start;
    }
}

.usc-sector-construction .inst-row:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 24px rgba(42,53,69,.06);
}

.usc-sector-construction .inst-row.featured {
    background: #FDF3E7;
    border-color: var(--amber);
    border-width: 1.5px;
}

.usc-sector-construction .inst-stage {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.usc-sector-construction .inst-name {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(14px, 2vw, 16px);
    font-weight: 700;
    color: var(--sl);
    letter-spacing: -.01em;
    line-height: 1.25;
}

.usc-sector-construction .inst-desc {
    font-size: 13px;
    color: var(--ink-mu);
    font-weight: 300;
    line-height: 1.65;
    margin-bottom: 6px;
}

.usc-sector-construction .inst-detail {
    font-size: 11.5px;
    color: var(--ink-mu);
    font-weight: 300;
    font-style: italic;
    line-height: 1.6;
}

.usc-sector-construction .inst-price-label {
    font-size: 9.5px;
    color: var(--ink-mu);
    font-weight: 300;
    margin-bottom: 2px;
}

.usc-sector-construction .inst-price-n {
    font-family: 'Inter Tight', sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1;
    margin-bottom: 6px;
}

.usc-sector-construction .inst-link {
    display: inline-block;
    margin-top: 8px;
    font-size: 11px;
    font-weight: 600;
    color: var(--amber);
    text-decoration: none;
    border: .5px solid var(--amber);
    padding: 4px 12px;
    border-radius: 100px;
    transition: all .2s;
}

.usc-sector-construction .inst-link:hover {
    background: var(--amber);
    color: #fff;
}

.usc-sector-construction .inst-price-col {
    text-align: left;
}

@media (min-width: 760px) {
    .usc-sector-construction .inst-price-col {
        text-align: right;
    }
}

/* ============================================================
   DPC DARK SECTION (Construction specific DPC info)
   ============================================================ */
.usc-sector-construction .dpc-item {
    padding: 16px 18px;
    border-bottom: .5px solid rgba(255,255,255,.08);
}

.usc-sector-construction .dpc-item:last-child {
    border-bottom: none;
}

.usc-sector-construction .dpc-item-num {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.usc-sector-construction .dpc-item-title {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--pc);
    margin-bottom: 5px;
}

.usc-sector-construction .dpc-item-desc {
    font-size: 12.5px;
    color: rgba(255,255,255,.5);
    font-weight: 300;
    line-height: 1.65;
}

/* Two column layout for DPC section */
.usc-sector-construction .dpc-two {
    display: grid;
    grid-template-columns: 1fr;
    gap: 36px;
    align-items: start;
}

@media (min-width: 760px) {
    .usc-sector-construction .dpc-two {
        grid-template-columns: 1fr 1fr;
        gap: 52px;
    }
}

/* ============================================================
   ERR JURISDICTION LIST
   ============================================================ */
.usc-sector-construction .err-jur {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background: rgba(255,255,255,.04);
    border-radius: 7px;
    border: .5px solid rgba(255,255,255,.06);
    margin-bottom: 5px;
    font-size: 12.5px;
    flex-wrap: wrap;
    gap: 6px;
}

.usc-sector-construction .err-jur-name {
    color: rgba(255,255,255,.65);
    font-weight: 300;
}

.usc-sector-construction .err-jur-status {
    font-size: 9px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 100px;
}

.usc-sector-construction .status-green {
    background: var(--grn-b);
    color: var(--grn);
}

.usc-sector-construction .status-amber {
    background: #FEF3C7;
    color: #92400E;
}

/* Two column layout for Frameworks & ERR */
.usc-sector-construction .fw-err-two {
    display: grid;
    grid-template-columns: 1fr;
    gap: 36px;
    align-items: start;
}

@media (min-width: 760px) {
    .usc-sector-construction .fw-err-two {
        grid-template-columns: 1fr 1fr;
        gap: 48px;
    }
}

/* ============================================================
   STANDARD ITEMS (Framework coverage)
   ============================================================ */
.usc-sector-construction .std-item {
    font-size: 12.5px;
    font-weight: 500;
    color: var(--sl);
    padding: 9px 14px;
    background: var(--iv);
    border-radius: 8px;
    border: .5px solid var(--bd);
    display: flex;
    align-items: center;
    gap: 8px;
}

.usc-sector-construction .std-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--amber);
    display: inline-block;
    flex-shrink: 0;
}

/* ============================================================
   WHO SERVES TWO COLUMN
   ============================================================ */
.usc-sector-construction .who-two {
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
    align-items: start;
}

@media (min-width: 760px) {
    .usc-sector-construction .who-two {
        grid-template-columns: 1fr 1fr;
        gap: 52px;
    }
}

/* ============================================================
   ECOSYSTEM ITEMS (Who this bench serves)
   ============================================================ */
.usc-sector-construction .eco-item {
    display: flex;
    gap: 12px;
    padding: 12px 0;
    border-bottom: .5px solid var(--bd);
    align-items: flex-start;
}

.usc-sector-construction .eco-item:last-child {
    border-bottom: none;
}

.usc-sector-construction .eco-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--amber);
    flex-shrink: 0;
    margin-top: 5px;
}

.usc-sector-construction .eco-title {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--sl);
    margin-bottom: 2px;
}

.usc-sector-construction .eco-desc {
    font-size: 12.5px;
    color: var(--ink-mu);
    font-weight: 300;
    line-height: 1.6;
}

/* ============================================================
   JOIN TWO COLUMN
   ============================================================ */
.usc-sector-construction .join-two {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    align-items: start;
}

@media (min-width: 900px) {
    .usc-sector-construction .join-two {
        grid-template-columns: 1fr 340px;
        gap: 52px;
    }
}

/* ============================================================
   CRITERIA ITEMS (Application requirements)
   ============================================================ */
.usc-sector-construction .crit-item {
    display: flex;
    gap: 12px;
    padding: 11px 0;
    border-bottom: .5px solid var(--bd);
    align-items: flex-start;
}

.usc-sector-construction .crit-item:last-child {
    border-bottom: none;
}

.usc-sector-construction .crit-mark {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 1px;
    color: #fff;
    background: var(--amber);
}

/* ============================================================
   JOIN CARD (Sidebar for application)
   ============================================================ */
.usc-sector-construction .join-card {
    background: #5C2F00;
    border-radius: 20px;
    padding: 22px;
    position: relative;
    overflow: hidden;
}

@media (min-width: 480px) {
    .usc-sector-construction .join-card {
        padding: 26px;
    }
}

.usc-sector-construction .join-card-gold-bar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--amber), var(--amber-d));
}

/* ============================================================
   SECTION NAVIGATION (Sector benches footer)
   ============================================================ */
.usc-sector-construction .sec-nav {
    background: var(--sl);
    padding: clamp(20px, 4vw, 32px) 20px;
}

@media (min-width: 640px) {
    .usc-sector-construction .sec-nav {
        padding: clamp(20px, 4vw, 32px) 36px;
    }
}

@media (min-width: 1024px) {
    .usc-sector-construction .sec-nav {
        padding: clamp(20px, 4vw, 32px) 5%;
    }
}

.usc-sector-construction .sec-nav-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.usc-sector-construction .sec-nav-pill {
    font-size: 12px;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: 8px;
    background: rgba(255,255,255,.06);
    border: .5px solid rgba(255,255,255,.1);
    color: rgba(255,255,255,.55);
    text-decoration: none;
    transition: all .15s;
    display: inline-block;
}

.usc-sector-construction .sec-nav-pill:hover {
    background: rgba(255,255,255,.12);
    color: #fff;
}

.usc-sector-construction .sec-nav-pill.active-sec {
    border-color: var(--gd);
    color: var(--gd);
}

/* ============================================================
   RESPONSIVE BREAKPOINTS
   ============================================================ */

/* Mobile (max-width: 479px) - Additional tweaks */
@media (max-width: 479px) {
    .usc-sector-construction .sc-h1 {
        font-size: 28px;
    }
    
    .usc-sector-construction .sc-deck {
        font-size: 13px;
    }
    
    .usc-sector-construction .section-tag {
        font-size: 9px;
    }
    
    .usc-sector-construction .inst-price-n {
        font-size: 18px;
    }
}

/* Extra Small Devices (max-width: 360px) */
@media (max-width: 360px) {
    .usc-sector-construction .sc-hero-inner {
        padding: 60px 16px;
    }
    
    .usc-sector-construction .sc-h1 {
        font-size: 24px;
    }
    
    .usc-sector-construction .sc-h2 {
        font-size: 20px;
    }
    
    .usc-sector-construction .sc-tag {
        font-size: 8px;
        padding: 3px 8px;
    }
    
    .usc-sector-construction .sc-ticker-item {
        font-size: 9px;
    }
}

/* ============================================================
   PRINT STYLES
   ============================================================ */
@media print {
    .usc-sector-construction .sc-hero-overlay,
    .usc-sector-construction .sc-ticker,
    .usc-sector-construction .sec-nav,
    .usc-sector-construction .hero-btns,
    .usc-sector-construction .inst-link {
        display: none;
    }
    
    .usc-sector-construction .sc-hero {
        min-height: auto;
    }
    
    .usc-sector-construction .sc-hero-bg {
        display: none;
    }
    
    .usc-sector-construction .sc-hero {
        background: var(--sl);
        padding: 20px;
    }
    
    .usc-sector-construction .sc-h1 {
        color: #fff;
    }
    
    .usc-sector-construction .sc-sec {
        padding: 20px;
        page-break-inside: avoid;
    }
    
    .usc-sector-construction .dt-card,
    .usc-sector-construction .inst-row {
        page-break-inside: avoid;
        break-inside: avoid;
        border: 1px solid #ccc;
    }
}
/* ── FINANCE TOKENS ── */
:root {
    --f-blue: #1B6CA8;
    --f-blue-mid: #2A7DBE;
    --f-blue-deep: #071428;
    --f-slate: #2A3545;
    --f-slate-mid: #3D4F63;
    --f-gold: #C4A96A;
    --f-parchment: #FAFAF8;
    --f-ivory: #F2F1EE;
    --f-white: #fff;
    --f-obsidian: #141820;
    --f-ink: #1A1A18;
    --f-ink-mid: #4A4843;
    --f-ink-mute: #8A8880;
    --f-border: rgba(42,53,69,.12);
    --f-green: #1A7A4A;
    --f-green-bg: #E6F4EE;
}

.unione-finance,
.unione-finance *,
.unione-finance *::before,
.unione-finance *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-finance {
    font-family: 'Inter', sans-serif;
    background: var(--f-parchment);
    color: var(--f-ink);
    overflow-x: hidden;
}

.unione-finance ::selection {
    background: var(--f-slate);
    color: var(--f-gold);
}

@keyframes unione-finance-ticker {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

/* HERO */
.unione-finance .f-hero {
    position: relative;
    min-height: 86vh;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.unione-finance .f-hero-bg {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1611974789855-9c2a0a7236a3?w=1600&q=80&fit=crop');
    background-size: cover;
    background-position: center;
}

.unione-finance .f-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(7,20,40,.96) 0%, rgba(7,20,40,.83) 60%, rgba(15,35,65,.58) 100%);
}

.unione-finance .f-hero-inner {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 20px;
    width: 100%;
}

@media (min-width: 640px) {
    .unione-finance .f-hero-inner {
        padding: 90px 36px;
    }
}

@media (min-width: 1024px) {
    .unione-finance .f-hero-inner {
        padding: 100px 52px;
    }
}

.unione-finance .f-crumb {
    font-size: 11px;
    color: rgba(255,255,255,.35);
    text-decoration: none;
    font-weight: 300;
}

.unione-finance .f-tag {
    font-size: 10px;
    font-weight: 600;
    padding: 4px 11px;
    border-radius: 100px;
    background: rgba(255,255,255,.09);
    border: .5px solid rgba(255,255,255,.18);
    color: rgba(255,255,255,.7);
    white-space: nowrap;
    letter-spacing: .04em;
}

.unione-finance .f-h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(32px, 5.5vw, 68px);
    font-weight: 700;
    color: #fff;
    letter-spacing: -.04em;
    line-height: 1.02;
    margin-bottom: 16px;
}

.unione-finance .f-deck {
    font-size: clamp(14px, 2vw, 17px);
    color: rgba(255,255,255,.48);
    font-weight: 300;
    line-height: 1.8;
    max-width: 580px;
    margin-bottom: 36px;
}

.unione-finance .f-h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(22px, 3.5vw, 40px);
    font-weight: 700;
    line-height: 1.07;
    color: var(--f-slate);
    margin-bottom: 10px;
}

/* HERO STATS */
.unione-finance .f-hstats {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    border-top: .5px solid rgba(255,255,255,.1);
    padding-top: 28px;
    margin-top: 40px;
}

@media (min-width: 480px) {
    .unione-finance .f-hstats {
        grid-template-columns: repeat(3, 1fr);
    }
}

.unione-finance .f-hstat {
    padding: 16px 0;
    border-bottom: .5px solid rgba(255,255,255,.08);
}

@media (min-width: 480px) {
    .unione-finance .f-hstat {
        padding: 0 32px 0 0;
        border-bottom: none;
        border-right: .5px solid rgba(255,255,255,.1);
    }
    .unione-finance .f-hstat:not(:first-child) {
        padding-left: 32px;
    }
    .unione-finance .f-hstat:last-child {
        border-right: none;
        padding-right: 0;
    }
}

.unione-finance .f-hstat-n {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(22px, 3vw, 28px);
    font-weight: 700;
    line-height: 1;
    margin-bottom: 4px;
}

.unione-finance .f-hstat-l {
    font-size: 11px;
    color: rgba(255,255,255,.35);
    font-weight: 300;
    max-width: 160px;
    line-height: 1.45;
}

/* HERO BUTTONS */
.unione-finance .f-hero-btns {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 0;
}

@media (max-width: 479px) {
    .unione-finance .f-hero-btns {
        flex-direction: column;
    }
    .unione-finance .f-hero-btns a {
        text-align: center;
        display: block;
    }
}

/* TICKER */
.unione-finance .f-ticker {
    background: #0a0e14;
    padding: 11px 5%;
    border-bottom: .5px solid rgba(255,255,255,.06);
    overflow: hidden;
    white-space: nowrap;
}

.unione-finance .f-ticker-inner {
    display: inline-flex;
    gap: 56px;
    animation: unione-finance-ticker 30s linear infinite;
}

.unione-finance .f-ticker-item {
    font-size: 11px;
    font-weight: 500;
    color: rgba(255,255,255,.38);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* SECTIONS */
.unione-finance .f-sec {
    padding: clamp(48px, 7vw, 88px) 20px;
}

@media (min-width: 640px) {
    .unione-finance .f-sec {
        padding: clamp(56px, 7vw, 100px) 36px;
    }
}

@media (min-width: 1024px) {
    .unione-finance .f-sec {
        padding: clamp(64px, 8vw, 120px) 5%;
    }
}

.unione-finance .f-si {
    max-width: 1200px;
    margin: 0 auto;
}

/* SECTION LABEL */
.unione-finance .f-sec-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--f-blue);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.unione-finance .f-sec-label::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    background: var(--f-blue);
}

/* DISPUTE TYPES GRID */
.unione-finance .f-dt-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

@media (min-width: 560px) {
    .unione-finance .f-dt-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 900px) {
    .unione-finance .f-dt-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.unione-finance .f-dt-card {
    background: var(--f-white);
    border: .5px solid var(--f-border);
    border-radius: 14px;
    padding: 18px 16px 16px 20px;
    position: relative;
    overflow: hidden;
    transition: all .2s;
}

.unione-finance .f-dt-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 32px rgba(42,53,69,.07);
}

.unione-finance .f-dt-name {
    font-size: 14px;
    font-weight: 600;
    color: var(--f-slate);
    margin-bottom: 6px;
    line-height: 1.3;
}

.unione-finance .f-dt-desc {
    font-size: 12.5px;
    color: var(--f-ink-mute);
    font-weight: 300;
    line-height: 1.65;
    margin-bottom: 10px;
}

.unione-finance .f-dt-tags {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.unione-finance .f-dt-tag {
    font-size: 9px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 4px;
    background: var(--f-ivory);
    border: .5px solid var(--f-border);
    color: var(--f-slate-mid);
}

/* FUNNEL */
.unione-finance .f-funnel {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.unione-finance .f-inst-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 16px;
    border-radius: 14px;
    border: .5px solid var(--f-border);
    background: var(--f-white);
    transition: all .18s;
}

@media (min-width: 760px) {
    .unione-finance .f-inst-row {
        grid-template-columns: 150px 1fr 140px;
        gap: 20px;
        padding: 22px;
        align-items: start;
    }
}

.unione-finance .f-inst-row:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 24px rgba(42,53,69,.06);
}

.unione-finance .f-stage {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.unione-finance .f-inst-name {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(14px, 2vw, 16px);
    font-weight: 700;
    color: var(--f-slate);
    letter-spacing: -.01em;
    line-height: 1.25;
}

.unione-finance .f-inst-desc {
    font-size: 13px;
    color: var(--f-ink-mute);
    font-weight: 300;
    line-height: 1.65;
    margin-bottom: 6px;
}

.unione-finance .f-inst-detail {
    font-size: 11.5px;
    color: var(--f-ink-mute);
    font-style: italic;
    line-height: 1.6;
}

.unione-finance .f-price-label {
    font-size: 9.5px;
    color: var(--f-ink-mute);
    font-weight: 300;
    margin-bottom: 2px;
}

.unione-finance .f-price-n {
    font-family: 'Inter Tight', sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1;
    margin-bottom: 6px;
}

.unione-finance .f-price-col {
    text-align: left;
}

@media (min-width: 760px) {
    .unione-finance .f-price-col {
        text-align: right;
    }
}

/* DPC DARK ITEMS */
.unione-finance .f-dpc-item {
    padding: 16px 18px;
    border-bottom: .5px solid rgba(255,255,255,.08);
}

.unione-finance .f-dpc-item:last-child {
    border-bottom: none;
}

.unione-finance .f-dpc-num {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    margin-bottom: 5px;
    color: var(--f-blue-mid);
}

.unione-finance .f-dpc-desc {
    font-size: 12.5px;
    color: rgba(255,255,255,.5);
    font-weight: 300;
    line-height: 1.65;
}

/* TWO-COL LAYOUTS */
.unione-finance .f-two {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    align-items: start;
}

@media (min-width: 760px) {
    .unione-finance .f-two {
        grid-template-columns: 1fr 1fr;
        gap: 48px;
    }
}

.unione-finance .f-two-wide {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    align-items: start;
}

@media (min-width: 900px) {
    .unione-finance .f-two-wide {
        grid-template-columns: 1fr 340px;
        gap: 52px;
    }
}

/* ERR */
.unione-finance .f-err-jur {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background: rgba(255,255,255,.04);
    border-radius: 7px;
    border: .5px solid rgba(255,255,255,.06);
    margin-bottom: 5px;
    font-size: 12.5px;
    flex-wrap: wrap;
    gap: 6px;
}

.unione-finance .f-err-name {
    color: rgba(255,255,255,.65);
    font-weight: 300;
}

.unione-finance .f-err-status {
    font-size: 9px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 100px;
    white-space: nowrap;
}

.unione-finance .f-status-green {
    background: var(--f-green-bg);
    color: var(--f-green);
}

.unione-finance .f-status-amber {
    background: #FEF3C7;
    color: #92400E;
}

/* CRITERIA */
.unione-finance .f-crit-item {
    display: flex;
    gap: 12px;
    padding: 11px 0;
    border-bottom: .5px solid var(--f-border);
    align-items: flex-start;
}

.unione-finance .f-crit-item:last-child {
    border-bottom: none;
}

.unione-finance .f-crit-mark {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 1px;
    color: #fff;
    background: var(--f-blue);
}

/* SEC NAV */
.unione-finance .f-sec-nav {
    background: var(--f-slate);
    padding: clamp(20px, 4vw, 32px) 20px;
}

@media (min-width: 640px) {
    .unione-finance .f-sec-nav {
        padding: clamp(20px, 4vw, 32px) 36px;
    }
}

@media (min-width: 1024px) {
    .unione-finance .f-sec-nav {
        padding: clamp(20px, 4vw, 32px) 5%;
    }
}

.unione-finance .f-sec-nav-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.unione-finance .f-nav-pill {
    font-size: 12px;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: 8px;
    background: rgba(255,255,255,.06);
    border: .5px solid rgba(255,255,255,.1);
    color: rgba(255,255,255,.55);
    text-decoration: none;
    transition: all .15s;
    display: inline-block;
}

.unione-finance .f-nav-pill:hover {
    background: rgba(255,255,255,.12);
    color: #fff;
}

.unione-finance .f-nav-pill.f-active {
    border-color: var(--f-gold);
    color: var(--f-gold);
}

/* ===== ENERGY SECTOR - EXTERNAL CSS ===== */
.ue-energy {
    --ue-green: #1A6B3C;
    --ue-green-mid: #2A8A50;
    --ue-green-deep: #082B18;
    --ue-slate: #2A3545;
    --ue-slate-mid: #3D4F63;
    --ue-gold: #C4A96A;
    --ue-parchment: #FAFAF8;
    --ue-ivory: #F2F1EE;
    --ue-white: #fff;
    --ue-obsidian: #141820;
    --ue-ink: #1A1A18;
    --ue-ink-mid: #4A4843;
    --ue-ink-mute: #8A8880;
    --ue-border: rgba(42, 53, 69, 0.12);
    --ue-green-txt: #1A7A4A;
    --ue-green-bg: #E6F4EE;
}

.ue-energy *,
.ue-energy *::before,
.ue-energy *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.ue-energy {
    font-family: 'Inter', sans-serif;
    background: var(--ue-parchment);
    color: var(--ue-ink);
    overflow-x: hidden;
}

.ue-energy ::selection {
    background: var(--ue-slate);
    color: var(--ue-gold);
}

.ue-energy ::-webkit-scrollbar {
    width: 4px;
}

.ue-energy ::-webkit-scrollbar-track {
    background: var(--ue-ivory);
}

.ue-energy ::-webkit-scrollbar-thumb {
    background: var(--ue-slate-mid);
    border-radius: 2px;
}

@keyframes ue-ticker {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

/* HERO */
.ue-energy .ue-hero {
    position: relative;
    min-height: 86vh;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.ue-energy .ue-hero-bg {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1466611653911-95081537e5b7?w=1600&q=80&fit=crop');
    background-size: cover;
    background-position: center;
}

.ue-energy .ue-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(8, 43, 24, .96) 0%, rgba(8, 43, 24, .83) 60%, rgba(15, 70, 35, .58) 100%);
}

.ue-energy .ue-hero-inner {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 52px 100px;
    width: 100%;
}

.ue-energy .ue-crumb {
    font-size: 11px;
    color: rgba(255, 255, 255, .35);
    text-decoration: none;
    font-weight: 300;
}

.ue-energy .ue-tag {
    font-size: 10px;
    font-weight: 600;
    padding: 4px 11px;
    border-radius: 100px;
    background: rgba(255, 255, 255, .09);
    border: .5px solid rgba(255, 255, 255, .18);
    color: rgba(255, 255, 255, .7);
    white-space: nowrap;
    letter-spacing: .04em;
}

.ue-energy .ue-h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(40px, 5.5vw, 68px);
    font-weight: 700;
    color: #fff;
    letter-spacing: -.04em;
    line-height: 1.02;
    margin-bottom: 16px;
}

.ue-energy .ue-deck {
    font-size: clamp(14px, 2vw, 17px);
    color: rgba(255, 255, 255, .48);
    font-weight: 300;
    line-height: 1.8;
    max-width: 580px;
    margin-bottom: 36px;
}

.ue-energy .ue-h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(26px, 3.5vw, 40px);
    font-weight: 700;
    line-height: 1.07;
    color: var(--ue-slate);
    margin-bottom: 10px;
}

.ue-energy .ue-hstats {
    display: flex;
    gap: 0;
    border-top: .5px solid rgba(255, 255, 255, .1);
    padding-top: 28px;
    margin-top: 40px;
    flex-wrap: wrap;
}

.ue-energy .ue-hstat {
    padding-right: 40px;
    margin-right: 40px;
    border-right: .5px solid rgba(255, 255, 255, .1);
}

.ue-energy .ue-hstat:last-child {
    border-right: none;
}

.ue-energy .ue-hstat-n {
    font-family: 'Inter Tight', sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 4px;
}

.ue-energy .ue-hstat-l {
    font-size: 11px;
    color: rgba(255, 255, 255, .35);
    font-weight: 300;
    max-width: 160px;
    line-height: 1.45;
}

/* TICKER */
.ue-energy .ue-ticker {
    background: #0a0e14;
    padding: 11px 5%;
    border-bottom: .5px solid rgba(255, 255, 255, .06);
    overflow: hidden;
    white-space: nowrap;
}

.ue-energy .ue-ticker-inner {
    display: inline-flex;
    gap: 56px;
    animation: ue-ticker 30s linear infinite;
}

.ue-energy .ue-ticker-item {
    font-size: 11px;
    font-weight: 500;
    color: rgba(255, 255, 255, .38);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* SECTIONS */
.ue-energy .ue-sec {
    padding: clamp(100px, 10vw, 140px) 5%;
}

.ue-energy .ue-si {
    max-width: 1200px;
    margin: 0 auto;
}

/* SECTION LABEL */
.ue-energy .ue-sec-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--ue-green);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.ue-energy .ue-sec-label::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    background: var(--ue-green);
}

/* CARDS */
.ue-energy .ue-dt-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 10px;
}

.ue-energy .ue-dt-card {
    background: var(--ue-white);
    border: .5px solid var(--ue-border);
    border-radius: 14px;
    padding: 22px 20px 18px 24px;
    position: relative;
    overflow: hidden;
    transition: all .2s;
}

.ue-energy .ue-dt-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 32px rgba(42, 53, 69, .07);
}

.ue-energy .ue-dt-name {
    font-size: 14px;
    font-weight: 600;
    color: var(--ue-slate);
    margin-bottom: 6px;
    line-height: 1.3;
}

.ue-energy .ue-dt-desc {
    font-size: 12.5px;
    color: var(--ue-ink-mute);
    font-weight: 300;
    line-height: 1.65;
    margin-bottom: 10px;
}

.ue-energy .ue-dt-tags {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.ue-energy .ue-dt-tag {
    font-size: 9px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 4px;
    background: var(--ue-ivory);
    border: .5px solid var(--ue-border);
    color: var(--ue-slate-mid);
}

/* FUNNEL */
.ue-energy .ue-funnel {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ue-energy .ue-inst-row {
    display: grid;
    grid-template-columns: 150px 1fr 160px;
    gap: 20px;
    align-items: start;
    padding: 22px;
    border-radius: 14px;
    border: .5px solid var(--ue-border);
    background: var(--ue-white);
    transition: all .18s;
}

.ue-energy .ue-inst-row:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 24px rgba(42, 53, 69, .06);
}

.ue-energy .ue-stage {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.ue-energy .ue-inst-name {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--ue-slate);
    letter-spacing: -.01em;
    line-height: 1.25;
}

.ue-energy .ue-inst-desc {
    font-size: 13px;
    color: var(--ue-ink-mute);
    font-weight: 300;
    line-height: 1.65;
    margin-bottom: 6px;
}

.ue-energy .ue-inst-detail {
    font-size: 11.5px;
    color: var(--ue-ink-mute);
    font-style: italic;
    line-height: 1.6;
}

.ue-energy .ue-price-label {
    font-size: 9.5px;
    color: var(--ue-ink-mute);
    font-weight: 300;
    margin-bottom: 2px;
}

.ue-energy .ue-price-n {
    font-family: 'Inter Tight', sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1;
    margin-bottom: 6px;
}

/* DPC DARK */
.ue-energy .ue-dpc-item {
    padding: 18px 20px;
    border-bottom: .5px solid rgba(255, 255, 255, .08);
}

.ue-energy .ue-dpc-item:last-child {
    border-bottom: none;
}

.ue-energy .ue-dpc-num {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    margin-bottom: 5px;
    color: var(--ue-green-mid);
}

.ue-energy .ue-dpc-desc {
    font-size: 12.5px;
    color: rgba(255, 255, 255, .5);
    font-weight: 300;
    line-height: 1.65;
}

/* ERR */
.ue-energy .ue-err-jur {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background: rgba(255, 255, 255, .04);
    border-radius: 7px;
    border: .5px solid rgba(255, 255, 255, .06);
    margin-bottom: 5px;
    font-size: 12.5px;
    flex-wrap: wrap;
    gap: 8px;
}

.ue-energy .ue-err-name {
    color: rgba(255, 255, 255, .65);
    font-weight: 300;
}

.ue-energy .ue-err-status {
    font-size: 9px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 100px;
    white-space: nowrap;
}

.ue-energy .ue-status-green {
    background: var(--ue-green-bg);
    color: var(--ue-green-txt);
}

.ue-energy .ue-status-amber {
    background: #FEF3C7;
    color: #92400E;
}

/* CRITERIA */
.ue-energy .ue-crit-item {
    display: flex;
    gap: 12px;
    padding: 11px 0;
    border-bottom: .5px solid var(--ue-border);
    align-items: flex-start;
}

.ue-energy .ue-crit-item:last-child {
    border-bottom: none;
}

.ue-energy .ue-crit-mark {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 1px;
    color: #fff;
    background: var(--ue-green);
}

/* SEC NAV */
.ue-energy .ue-sec-nav {
    background: var(--ue-slate);
    padding: clamp(24px, 4vw, 32px) 5%;
}

.ue-energy .ue-sec-nav-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.ue-energy .ue-nav-pill {
    font-size: 12px;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .06);
    border: .5px solid rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .55);
    text-decoration: none;
    transition: all .15s;
    white-space: nowrap;
    display: inline-block;
}

.ue-energy .ue-nav-pill:hover {
    background: rgba(255, 255, 255, .12);
    color: #fff;
}

.ue-energy .ue-nav-pill.ue-active {
    border-color: var(--ue-gold);
    color: var(--ue-gold);
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .ue-energy .ue-inst-row {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .ue-energy .ue-hstats {
        gap: 16px;
    }
    .ue-energy .ue-hstat {
        border-right: none;
        padding-right: 0;
        margin-right: 0;
        border-bottom: .5px solid rgba(255, 255, 255, .08);
        padding-bottom: 16px;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .ue-energy .ue-hero-inner {
        padding: 100px 24px 80px;
    }
    .ue-energy .ue-dt-grid {
        grid-template-columns: 1fr;
    }
    .ue-energy .ue-err-jur {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .ue-energy .ue-sec {
        padding: 80px 4%;
    }
    .ue-energy .ue-hero-inner {
        padding: 160px 4% 60px;
    }
}
/**
 * UNIONE™ Investment Sector - Main Stylesheet
 * 
 * This file contains all styles for the Investment Treaty & Cross-Border Investment Sector page.
 * It displays the Investment bench information, dispute types, prevention instruments,
 * DPC framework, and application criteria for Fellows.
 * 
 * @package UNIONE
 * @version 1.0.0
 */

/* ============================================================
   DESIGN SYSTEM - CSS CUSTOM PROPERTIES (VARIABLES)
   ============================================================ */
.uf-invest {
    --i-purple: #5B21B6;
    --i-purple-mid: #7C3AED;
    --i-purple-deep: #1E0A40;
    --i-slate: #2A3545;
    --i-slate-mid: #3D4F63;
    --i-gold: #C4A96A;
    --i-parchment: #FAFAF8;
    --i-ivory: #F2F1EE;
    --i-white: #fff;
    --i-obsidian: #141820;
    --i-ink: #1A1A18;
    --i-ink-mid: #4A4843;
    --i-ink-mute: #8A8880;
    --i-border: rgba(42,53,69,0.12);
    --i-green: #1A7A4A;
    --i-green-bg: #E6F4EE;
}

/* ============================================================
   GLOBAL RESET & BASE STYLES
   ============================================================ */
.uf-invest *,
.uf-invest *::before,
.uf-invest *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.uf-invest {
    font-family: 'Inter', sans-serif;
    background: var(--i-parchment);
    color: var(--i-ink);
    overflow-x: hidden;
}

.uf-invest ::selection {
    background: var(--i-slate);
    color: var(--i-gold);
}

.uf-invest ::-webkit-scrollbar {
    width: 4px;
}

.uf-invest ::-webkit-scrollbar-track {
    background: var(--i-ivory);
}

.uf-invest ::-webkit-scrollbar-thumb {
    background: var(--i-slate-mid);
    border-radius: 2px;
}

/* ============================================================
   ANIMATIONS
   ============================================================ */
@keyframes uf-invest-ticker {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

/* ============================================================
   HERO SECTION
   ============================================================ */
.uf-invest .i-hero {
    position: relative;
    min-height: 86vh;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.uf-invest .i-hero-bg {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=1600&q=80&fit=crop');
    background-size: cover;
    background-position: center;
}

.uf-invest .i-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(30,10,64,.96) 0%, rgba(30,10,64,.83) 60%, rgba(50,15,100,.58) 100%);
}

.uf-invest .i-hero-inner {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 52px 100px;
    width: 100%;
}

/* Breadcrumb */
.uf-invest .i-crumb {
    font-size: 11px;
    color: rgba(255,255,255,.35);
    text-decoration: none;
    font-weight: 300;
}

/* Hero tags */
.uf-invest .i-tag {
    font-size: 10px;
    font-weight: 600;
    padding: 4px 11px;
    border-radius: 100px;
    background: rgba(255,255,255,.09);
    border: .5px solid rgba(255,255,255,.18);
    color: rgba(255,255,255,.7);
    white-space: nowrap;
}

/* Typography */
.uf-invest .i-h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(40px, 5.5vw, 68px);
    font-weight: 700;
    color: #fff;
    letter-spacing: -.04em;
    line-height: 1.02;
    margin-bottom: 16px;
}

.uf-invest .i-deck {
    font-size: clamp(14px, 2vw, 17px);
    color: rgba(255,255,255,.48);
    font-weight: 300;
    line-height: 1.8;
    max-width: 580px;
    margin-bottom: 36px;
}

.uf-invest .i-h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(26px, 3.5vw, 40px);
    font-weight: 700;
    line-height: 1.07;
    color: var(--i-slate);
    margin-bottom: 10px;
}

/* Section label (eyebrow with colored line) */
.uf-invest .i-sec-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--i-purple);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.uf-invest .i-sec-label::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    background: var(--i-purple);
}

/* ============================================================
   HERO STATS
   ============================================================ */
.uf-invest .i-hstats {
    display: flex;
    gap: 0;
    border-top: .5px solid rgba(255,255,255,.1);
    padding-top: 28px;
    margin-top: 40px;
    flex-wrap: wrap;
}

.uf-invest .i-hstat {
    padding-right: 40px;
    margin-right: 40px;
    border-right: .5px solid rgba(255,255,255,.1);
}

.uf-invest .i-hstat:last-child {
    border-right: none;
}

.uf-invest .i-hstat-n {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(20px, 3vw, 28px);
    font-weight: 700;
    line-height: 1;
    margin-bottom: 4px;
    color: var(--i-purple-mid);
}

.uf-invest .i-hstat-l {
    font-size: 11px;
    color: rgba(255,255,255,.35);
    font-weight: 300;
    max-width: 180px;
    line-height: 1.45;
}

/* ============================================================
   TICKER (Marquee)
   ============================================================ */
.uf-invest .i-ticker {
    background: #0a0e14;
    padding: 11px 5%;
    border-bottom: .5px solid rgba(255,255,255,.06);
    overflow: hidden;
    white-space: nowrap;
}

.uf-invest .i-ticker-inner {
    display: inline-flex;
    gap: 56px;
    animation: uf-invest-ticker 30s linear infinite;
}

.uf-invest .i-ticker-item {
    font-size: 11px;
    font-weight: 500;
    color: rgba(255,255,255,.38);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* ============================================================
   GENERAL SECTION STYLES
   ============================================================ */
.uf-invest .i-sec {
    padding: clamp(100px, 10vw, 140px) 5%;
}

.uf-invest .i-si {
    max-width: 1200px;
    margin: 0 auto;
}

/* ============================================================
   DISPUTE TYPES GRID
   ============================================================ */
.uf-invest .i-dt-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 10px;
}

.uf-invest .i-dt-card {
    background: var(--i-white);
    border: .5px solid var(--i-border);
    border-radius: 14px;
    padding: 22px 20px 18px 24px;
    position: relative;
    overflow: hidden;
    transition: all .2s;
}

.uf-invest .i-dt-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 32px rgba(42,53,69,.07);
}

.uf-invest .i-dt-card .gold-bar {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 3px;
    background: var(--i-purple);
}

.uf-invest .i-dt-name {
    font-size: 14px;
    font-weight: 600;
    color: var(--i-slate);
    margin-bottom: 6px;
    line-height: 1.3;
}

.uf-invest .i-dt-desc {
    font-size: 12.5px;
    color: var(--i-ink-mute);
    font-weight: 300;
    line-height: 1.65;
    margin-bottom: 10px;
}

.uf-invest .i-dt-tags {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.uf-invest .i-dt-tag {
    font-size: 9px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 4px;
    background: var(--i-ivory);
    border: .5px solid var(--i-border);
    color: var(--i-slate-mid);
}

/* ============================================================
   INSTRUMENT FUNNEL (Prevention/Evaluation/ERR/Arbitration)
   ============================================================ */
.uf-invest .i-funnel {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.uf-invest .i-inst-row {
    display: grid;
    grid-template-columns: 150px 1fr 160px;
    gap: 20px;
    align-items: start;
    padding: 22px;
    border-radius: 14px;
    border: .5px solid var(--i-border);
    background: var(--i-white);
    transition: all .18s;
}

.uf-invest .i-inst-row:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 24px rgba(42,53,69,.06);
}

.uf-invest .i-stage {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.uf-invest .i-inst-name {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--i-slate);
    letter-spacing: -.01em;
    line-height: 1.25;
}

.uf-invest .i-inst-desc {
    font-size: 13px;
    color: var(--i-ink-mute);
    font-weight: 300;
    line-height: 1.65;
    margin-bottom: 6px;
}

.uf-invest .i-inst-detail {
    font-size: 11.5px;
    color: var(--i-ink-mute);
    font-style: italic;
    line-height: 1.6;
}

.uf-invest .i-price-label {
    font-size: 9.5px;
    color: var(--i-ink-mute);
    font-weight: 300;
    margin-bottom: 2px;
}

.uf-invest .i-price-n {
    font-family: 'Inter Tight', sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1;
    margin-bottom: 6px;
}

/* ============================================================
   DPC DARK SECTION
   ============================================================ */
.uf-invest .i-dpc-item {
    padding: 18px 20px;
    border-bottom: .5px solid rgba(255,255,255,.08);
}

.uf-invest .i-dpc-item:last-child {
    border-bottom: none;
}

.uf-invest .i-dpc-num {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    margin-bottom: 5px;
    color: var(--i-purple-mid);
}

.uf-invest .i-dpc-desc {
    font-size: 12.5px;
    color: rgba(255,255,255,.5);
    font-weight: 300;
    line-height: 1.65;
}

/* ============================================================
   ERR JURISDICTION LIST
   ============================================================ */
.uf-invest .i-err-jur {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background: rgba(255,255,255,.04);
    border-radius: 7px;
    border: .5px solid rgba(255,255,255,.06);
    margin-bottom: 5px;
    font-size: 12.5px;
    flex-wrap: wrap;
    gap: 8px;
}

.uf-invest .i-err-name {
    color: rgba(255,255,255,.65);
    font-weight: 300;
}

.uf-invest .i-err-status {
    font-size: 9px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 100px;
    white-space: nowrap;
}

.uf-invest .i-status-green {
    background: var(--i-green-bg);
    color: var(--i-green);
}

.uf-invest .i-status-amber {
    background: #FEF3C7;
    color: #92400E;
}

/* ============================================================
   CRITERIA ITEMS (Application requirements)
   ============================================================ */
.uf-invest .i-crit-item {
    display: flex;
    gap: 12px;
    padding: 11px 0;
    border-bottom: .5px solid var(--i-border);
    align-items: flex-start;
}

.uf-invest .i-crit-item:last-child {
    border-bottom: none;
}

.uf-invest .i-crit-mark {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 1px;
    color: #fff;
    background: var(--i-purple);
}

/* ============================================================
   BUTTON STYLES
   ============================================================ */
.uf-invest .i-btn-primary {
    font-family: 'Inter', sans-serif;
    font-size: 13.5px;
    font-weight: 700;
    padding: 13px 26px;
    border-radius: 10px;
    background: var(--i-purple);
    color: #fff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.uf-invest .i-btn-outline {
    font-family: 'Inter', sans-serif;
    font-size: 13.5px;
    font-weight: 400;
    padding: 13px 26px;
    border-radius: 10px;
    border: .5px solid rgba(255,255,255,.2);
    color: rgba(255,255,255,.6);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* ============================================================
   SECTOR NAVIGATION
   ============================================================ */
.uf-invest .i-sec-nav {
    background: var(--i-slate);
    padding: clamp(24px, 4vw, 32px) 5%;
}

.uf-invest .i-sec-nav-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.uf-invest .i-nav-pill {
    font-size: 12px;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: 8px;
    background: rgba(255,255,255,.06);
    border: .5px solid rgba(255,255,255,.1);
    color: rgba(255,255,255,.55);
    text-decoration: none;
    transition: all .15s;
    white-space: nowrap;
    display: inline-block;
}

.uf-invest .i-nav-pill:hover {
    background: rgba(255,255,255,.12);
    color: #fff;
}

.uf-invest .i-nav-pill.i-active {
    border-color: var(--i-gold);
    color: var(--i-gold);
}

/* ============================================================
   RESPONSIVE BREAKPOINTS
   ============================================================ */

/* Tablet (max-width: 992px) */
@media (max-width: 992px) {
    .uf-invest .i-inst-row {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    
    .uf-invest .i-hstats {
        gap: 16px;
    }
    
    .uf-invest .i-hstat {
        border-right: none;
        padding-right: 0;
        margin-right: 0;
        border-bottom: .5px solid rgba(255,255,255,.08);
        padding-bottom: 16px;
        width: 100%;
    }
}

/* Mobile (max-width: 768px) */
@media (max-width: 768px) {
    .uf-invest .i-hero-inner {
        padding: 200px 24px 80px;
    }
    
    .uf-invest .i-dt-grid {
        grid-template-columns: 1fr;
    }
    
    .uf-invest .i-err-jur {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .uf-invest .i-h1 {
        font-size: 36px;
    }
    
    .uf-invest .i-h2 {
        font-size: 28px;
    }
}

/* Small Mobile (max-width: 480px) */
@media (max-width: 480px) {
    .uf-invest .i-sec {
        padding: 80px 4%;
    }
    
    .uf-invest .i-hero-inner {
        padding: 160px 4% 60px;
    }
    
    .uf-invest .i-h1 {
        font-size: 32px;
    }
    
    .uf-invest .i-h2 {
        font-size: 24px;
    }
    
    .uf-invest .i-btn-primary,
    .uf-invest .i-btn-outline {
        width: 100%;
        justify-content: center;
    }
    
    .uf-invest .hero-btns {
        flex-direction: column;
    }
    
    .uf-invest .i-inst-row .i-price-col {
        text-align: left;
    }
}

/* Extra Small Devices (max-width: 360px) */
@media (max-width: 360px) {
    .uf-invest .i-h1 {
        font-size: 28px;
    }
    
    .uf-invest .i-deck {
        font-size: 13px;
    }
    
    .uf-invest .i-tag {
        font-size: 9px;
        padding: 3px 8px;
    }
    
    .uf-invest .i-ticker-item {
        font-size: 9px;
    }
}

/* ============================================================
   PRINT STYLES
   ============================================================ */
@media print {
    .uf-invest .i-hero-overlay,
    .uf-invest .i-ticker,
    .uf-invest .i-sec-nav,
    .uf-invest .hero-btns,
    .uf-invest .i-inst-link,
    .uf-invest .i-btn-primary,
    .uf-invest .i-btn-outline {
        display: none;
    }
    
    .uf-invest .i-hero {
        min-height: auto;
    }
    
    .uf-invest .i-hero-bg {
        display: none;
    }
    
    .uf-invest .i-hero {
        background: var(--i-slate);
        padding: 20px;
    }
    
    .uf-invest .i-h1 {
        color: #fff;
    }
    
    .uf-invest .i-sec {
        padding: 20px;
        page-break-inside: avoid;
    }
    
    .uf-invest .i-dt-card,
    .uf-invest .i-inst-row {
        page-break-inside: avoid;
        break-inside: avoid;
        border: 1px solid #ccc;
    }
    
    .uf-invest .i-hstats {
        border-top: 1px solid #ccc;
    }
    
    .uf-invest .i-hstat-n {
        color: var(--i-slate);
    }
}
/* ── MARITIME SECTOR TOKENS ── */
:root {
    --slate: #2A3545;
    --slate-deep: #1C2534;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-light: #E8D9B0;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --green: #1A7A4A;
    --green-bg: #E6F4EE;
    --maritime-blue: #0B4F6C;
    --maritime-blue-light: #1A6A8A;
    --maritime-deep: #021520;
}

.unione-maritime-sector,
.unione-maritime-sector *,
.unione-maritime-sector *::before,
.unione-maritime-sector *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-maritime-sector {
    font-family: 'Inter', sans-serif;
    background: var(--parchment);
    color: var(--ink);
    overflow-x: hidden;
}

.unione-maritime-sector ::selection {
    background: var(--slate);
    color: var(--gold);
}

.unione-maritime-sector ::-webkit-scrollbar {
    width: 4px;
}

.unione-maritime-sector ::-webkit-scrollbar-track {
    background: var(--ivory);
}

.unione-maritime-sector ::-webkit-scrollbar-thumb {
    background: var(--slate-mid);
    border-radius: 2px;
}

@keyframes unione-maritime-pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(.7); }
}

@keyframes unione-maritime-shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

@keyframes unione-maritime-fadeUp {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes unione-maritime-ticker {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

/* NAV - FULLY RESPONSIVE */
.unione-maritime-sector .nav {
    position: sticky;
    top: 0;
    z-index: 200;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    height: 60px;
    background: rgba(250,250,248,.94);
    backdrop-filter: blur(20px);
    border-bottom: .5px solid var(--border);
}

@media (min-width: 768px) {
    .unione-maritime-sector .nav {
        padding: 0 32px;
        height: 64px;
    }
}

@media (min-width: 1024px) {
    .unione-maritime-sector .nav {
        padding: 0 52px;
        height: 68px;
    }
}

.unione-maritime-sector .nav-logo {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .22em;
    color: var(--slate);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
}

@media (min-width: 768px) {
    .unione-maritime-sector .nav-logo {
        font-size: 17px;
        gap: 10px;
    }
}

.unione-maritime-sector .nav-logo-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gold);
    animation: unione-maritime-pulse-dot 2s ease-in-out infinite;
}

.unione-maritime-sector .nav-links {
    display: flex;
    gap: 16px;
}

@media (min-width: 768px) {
    .unione-maritime-sector .nav-links {
        gap: 24px;
    }
}

@media (min-width: 1024px) {
    .unione-maritime-sector .nav-links {
        gap: 28px;
    }
}

.unione-maritime-sector .nav-link {
    font-size: 12px;
    color: var(--ink-mid);
    text-decoration: none;
    transition: color .2s;
    padding: 4px 0;
    border-bottom: 2px solid transparent;
}

@media (min-width: 768px) {
    .unione-maritime-sector .nav-link {
        font-size: 13px;
    }
}

.unione-maritime-sector .nav-link:hover {
    color: var(--slate);
}

.unione-maritime-sector .nav-link.active {
    color: var(--slate);
    border-bottom-color: var(--gold);
    font-weight: 500;
}

.unione-maritime-sector .nav-actions {
    display: flex;
    gap: 8px;
}

@media (min-width: 768px) {
    .unione-maritime-sector .nav-actions {
        gap: 10px;
    }
}

/* BUTTONS */
.unione-maritime-sector .btn-outline {
    font-size: 12px;
    font-weight: 500;
    padding: 6px 14px;
    border-radius: 10px;
    border: .5px solid var(--border);
    background: transparent;
    color: var(--ink);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
}

@media (min-width: 768px) {
    .unione-maritime-sector .btn-outline {
        font-size: 13px;
        padding: 8px 20px;
    }
}

.unione-maritime-sector .btn-outline:hover {
    border-color: var(--slate);
    background: var(--ivory);
}

.unione-maritime-sector .btn-primary {
    font-size: 12px;
    font-weight: 500;
    padding: 6px 14px;
    border-radius: 10px;
    border: none;
    background: var(--slate);
    color: var(--parchment);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
}

@media (min-width: 768px) {
    .unione-maritime-sector .btn-primary {
        font-size: 13px;
        padding: 8px 20px;
    }
}

.unione-maritime-sector .btn-primary:hover {
    background: var(--slate-deep);
}

.unione-maritime-sector .btn-gold {
    font-size: 12px;
    font-weight: 500;
    padding: 6px 14px;
    border-radius: 10px;
    border: none;
    background: var(--gold);
    color: var(--obsidian);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
}

@media (min-width: 768px) {
    .unione-maritime-sector .btn-gold {
        font-size: 13px;
        padding: 8px 20px;
    }
}

.unione-maritime-sector .btn-gold:hover {
    background: #B89858;
}

/* SECTION SYSTEM - FULLY RESPONSIVE */
.unione-maritime-sector .section {
    padding: 60px 20px;
}

@media (min-width: 768px) {
    .unione-maritime-sector .section {
        padding: 80px 32px;
    }
}

@media (min-width: 1024px) {
    .unione-maritime-sector .section {
        padding: 108px 52px;
    }
}

.unione-maritime-sector .section-inner {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
}

.unione-maritime-sector .section-tag {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

@media (min-width: 768px) {
    .unione-maritime-sector .section-tag {
        font-size: 11px;
    }
}

.unione-maritime-sector .section-tag::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    background: var(--gold);
}

@media (min-width: 768px) {
    .unione-maritime-sector .section-tag::before {
        width: 24px;
    }
}

.unione-maritime-sector .section-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(28px, 5vw, 58px);
    font-weight: 700;
    letter-spacing: -.035em;
    line-height: 1.1;
    color: var(--ink);
    margin-bottom: 20px;
}

.unione-maritime-sector .section-sub {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.7;
    max-width: 600px;
    margin-bottom: 40px;
    font-weight: 300;
}

@media (min-width: 768px) {
    .unione-maritime-sector .section-sub {
        font-size: 16px;
        line-height: 1.8;
        margin-bottom: 48px;
    }
}

@media (min-width: 1024px) {
    .unione-maritime-sector .section-sub {
        font-size: 17px;
        margin-bottom: 56px;
    }
}

.unione-maritime-sector .divider {
    height: .5px;
    background: var(--border);
    margin: 0 20px;
}

@media (min-width: 768px) {
    .unione-maritime-sector .divider {
        margin: 0 32px;
    }
}

@media (min-width: 1024px) {
    .unione-maritime-sector .divider {
        margin: 0 52px;
    }
}

/* SECTION BACKGROUNDS */
.unione-maritime-sector .section.bg-white {
    background: var(--white);
}
.unione-maritime-sector .section.bg-ivory {
    background: var(--ivory);
}
.unione-maritime-sector .section.bg-parchment {
    background: var(--parchment);
}
.unione-maritime-sector .section.bg-slate {
    background: var(--slate);
}
.unione-maritime-sector .section.bg-dark {
    background: var(--obsidian);
}

/* HERO - FULLY RESPONSIVE */
.unione-maritime-sector .sc-hero {
    position: relative;
    min-height: auto;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 60px 20px;
}

@media (min-width: 768px) {
    .unione-maritime-sector .sc-hero {
        min-height: 86vh;
        padding: 0;
    }
}

.unione-maritime-sector .sc-hero-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
}

.unione-maritime-sector .sc-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(2,21,32,.97) 0%, rgba(2,21,32,.84) 60%, rgba(5,40,60,.6) 100%);
}

.unione-maritime-sector .sc-hero-inner {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

@media (min-width: 768px) {
    .unione-maritime-sector .sc-hero-inner {
        padding: 80px 0;
    }
}

.unione-maritime-sector .sc-crumb {
    font-size: 10px;
    color: rgba(255,255,255,.35);
    text-decoration: none;
    font-weight: 300;
}

@media (min-width: 768px) {
    .unione-maritime-sector .sc-crumb {
        font-size: 11px;
    }
}

.unione-maritime-sector .sc-tag {
    font-size: 9px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 100px;
    background: rgba(255,255,255,.09);
    border: .5px solid rgba(255,255,255,.18);
    color: rgba(255,255,255,.7);
    white-space: nowrap;
    letter-spacing: .04em;
}

@media (min-width: 768px) {
    .unione-maritime-sector .sc-tag {
        font-size: 10px;
        padding: 4px 11px;
    }
}

.unione-maritime-sector .sc-h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(32px, 6vw, 68px);
    font-weight: 700;
    color: #fff;
    letter-spacing: -.04em;
    line-height: 1.08;
    margin-bottom: 16px;
}

.unione-maritime-sector .sc-deck {
    font-size: 15px;
    color: rgba(255,255,255,.48);
    font-weight: 300;
    line-height: 1.7;
    max-width: 580px;
    margin-bottom: 28px;
}

@media (min-width: 768px) {
    .unione-maritime-sector .sc-deck {
        font-size: 17px;
        line-height: 1.8;
        margin-bottom: 36px;
    }
}

.unione-maritime-sector .sc-hstats {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-top: .5px solid rgba(255,255,255,.1);
    padding-top: 28px;
    margin-top: 30px;
}

@media (min-width: 768px) {
    .unione-maritime-sector .sc-hstats {
        flex-direction: row;
        gap: 0;
        margin-top: 40px;
    }
}

.unione-maritime-sector .sc-hstat {
    padding-bottom: 16px;
    border-bottom: .5px solid rgba(255,255,255,.08);
}

@media (min-width: 768px) {
    .unione-maritime-sector .sc-hstat {
        padding-right: 40px;
        margin-right: 40px;
        border-right: .5px solid rgba(255,255,255,.1);
        border-bottom: none;
        padding-bottom: 0;
    }
}

.unione-maritime-sector .sc-hstat:last-child {
    border-right: none;
}

.unione-maritime-sector .sc-hstat-n {
    font-family: 'Inter Tight', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 4px;
    color: var(--maritime-blue-light);
}

@media (min-width: 768px) {
    .unione-maritime-sector .sc-hstat-n {
        font-size: 28px;
    }
}

.unione-maritime-sector .sc-hstat-l {
    font-size: 10px;
    color: rgba(255,255,255,.35);
    font-weight: 300;
    max-width: 160px;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .unione-maritime-sector .sc-hstat-l {
        font-size: 11px;
        line-height: 1.45;
    }
}

/* TICKER */
.unione-maritime-sector .sc-ticker {
    background: #0a0e14;
    padding: 10px 20px;
    border-bottom: .5px solid rgba(255,255,255,.06);
    overflow: hidden;
    white-space: nowrap;
}

@media (min-width: 768px) {
    .unione-maritime-sector .sc-ticker {
        padding: 11px 32px;
    }
}

@media (min-width: 1024px) {
    .unione-maritime-sector .sc-ticker {
        padding: 11px 52px;
    }
}

.unione-maritime-sector .sc-ticker-inner {
    display: inline-flex;
    gap: 30px;
    animation: unione-maritime-ticker 30s linear infinite;
}

@media (min-width: 768px) {
    .unione-maritime-sector .sc-ticker-inner {
        gap: 56px;
    }
}

.unione-maritime-sector .sc-ticker-item {
    font-size: 10px;
    font-weight: 500;
    color: rgba(255,255,255,.38);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

@media (min-width: 768px) {
    .unione-maritime-sector .sc-ticker-item {
        font-size: 11px;
        gap: 8px;
    }
}

/* SECTION LAYOUT */
.unione-maritime-sector .sc-sec {
    padding: 48px 20px;
}

@media (min-width: 768px) {
    .unione-maritime-sector .sc-sec {
        padding: 52px 32px;
    }
}

@media (min-width: 1024px) {
    .unione-maritime-sector .sc-sec {
        padding: 72px 52px;
    }
}

.unione-maritime-sector .sc-si {
    max-width: 1200px;
    margin: 0 auto;
}

.unione-maritime-sector .sc-h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(24px, 4vw, 40px);
    font-weight: 700;
    line-height: 1.1;
    color: var(--slate);
    margin-bottom: 10px;
}

/* CARDS & GRIDS - FULLY RESPONSIVE */
.unione-maritime-sector .dt-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

@media (min-width: 640px) {
    .unione-maritime-sector .dt-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

@media (min-width: 1024px) {
    .unione-maritime-sector .dt-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.unione-maritime-sector .dt-card {
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: 14px;
    padding: 18px 16px;
    position: relative;
    overflow: hidden;
    transition: all .2s;
}

@media (min-width: 768px) {
    .unione-maritime-sector .dt-card {
        padding: 22px 20px 18px 24px;
    }
}

.unione-maritime-sector .dt-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 32px rgba(42,53,69,.07);
}

.unione-maritime-sector .dt-name {
    font-size: 13px;
    font-weight: 600;
    color: var(--slate);
    margin-bottom: 6px;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .unione-maritime-sector .dt-name {
        font-size: 14px;
    }
}

.unione-maritime-sector .dt-desc {
    font-size: 11.5px;
    color: var(--ink-mute);
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .unione-maritime-sector .dt-desc {
        font-size: 12.5px;
        line-height: 1.65;
    }
}

.unione-maritime-sector .dt-tags {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.unione-maritime-sector .dt-tag {
    font-size: 8px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 4px;
    background: var(--ivory);
    border: .5px solid var(--border);
    color: var(--slate-mid);
}

@media (min-width: 768px) {
    .unione-maritime-sector .dt-tag {
        font-size: 9px;
        padding: 2px 7px;
    }
}

/* INSTITUTION FUNNEL */
.unione-maritime-sector .inst-funnel {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.unione-maritime-sector .inst-row {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 18px;
    border-radius: 14px;
    border: .5px solid var(--border);
    background: var(--white);
    transition: all .18s;
}

@media (min-width: 640px) {
    .unione-maritime-sector .inst-row {
        display: grid;
        grid-template-columns: 150px 1fr 130px;
        gap: 16px;
        align-items: start;
        padding: 20px;
    }
}

@media (min-width: 1024px) {
    .unione-maritime-sector .inst-row {
        grid-template-columns: 150px 1fr 160px;
        gap: 20px;
        padding: 22px;
    }
}

.unione-maritime-sector .inst-row:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 24px rgba(42,53,69,.06);
}

.unione-maritime-sector .inst-stage {
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    margin-bottom: 5px;
}

@media (min-width: 768px) {
    .unione-maritime-sector .inst-stage {
        font-size: 9px;
    }
}

.unione-maritime-sector .inst-name {
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: var(--slate);
    letter-spacing: -.01em;
    line-height: 1.25;
}

@media (min-width: 768px) {
    .unione-maritime-sector .inst-name {
        font-size: 16px;
    }
}

.unione-maritime-sector .inst-desc {
    font-size: 12px;
    color: var(--ink-mute);
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 6px;
}

@media (min-width: 768px) {
    .unione-maritime-sector .inst-desc {
        font-size: 13px;
        line-height: 1.65;
    }
}

.unione-maritime-sector .inst-detail {
    font-size: 10.5px;
    color: var(--ink-mute);
    font-weight: 300;
    font-style: italic;
    line-height: 1.6;
}

@media (min-width: 768px) {
    .unione-maritime-sector .inst-detail {
        font-size: 11.5px;
    }
}

.unione-maritime-sector .inst-price-label {
    font-size: 8.5px;
    color: var(--ink-mute);
    font-weight: 300;
    margin-bottom: 2px;
}

@media (min-width: 768px) {
    .unione-maritime-sector .inst-price-label {
        font-size: 9.5px;
    }
}

.unione-maritime-sector .inst-price-n {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1;
    margin-bottom: 6px;
    color: var(--maritime-blue-light);
}

@media (min-width: 768px) {
    .unione-maritime-sector .inst-price-n {
        font-size: 20px;
    }
}

/* Two Column Layouts - FULLY RESPONSIVE */
@media (min-width: 768px) {
    .unione-maritime-sector .grid-2col {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        align-items: start;
    }
    .unione-maritime-sector .grid-2col-mb {
        gap: 32px;
    }
    .unione-maritime-sector .grid-2col .right-col {
        margin-top: 0;
    }
}

@media (min-width: 1024px) {
    .unione-maritime-sector .grid-2col {
        gap: 52px;
    }
}

/* DPC Dark Items */
.unione-maritime-sector .dpc-item {
    padding: 16px;
    border-bottom: .5px solid rgba(255,255,255,.08);
}

@media (min-width: 768px) {
    .unione-maritime-sector .dpc-item {
        padding: 18px 20px;
    }
}

.unione-maritime-sector .dpc-item:last-child {
    border-bottom: none;
}

.unione-maritime-sector .dpc-item-num {
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    margin-bottom: 5px;
    color: var(--maritime-blue-light);
}

@media (min-width: 768px) {
    .unione-maritime-sector .dpc-item-num {
        font-size: 9px;
    }
}

.unione-maritime-sector .dpc-item-title {
    font-size: 12px;
    font-weight: 600;
    color: var(--parchment);
    margin-bottom: 5px;
}

@media (min-width: 768px) {
    .unione-maritime-sector .dpc-item-title {
        font-size: 13.5px;
    }
}

.unione-maritime-sector .dpc-item-desc {
    font-size: 11px;
    color: rgba(255,255,255,.5);
    font-weight: 300;
    line-height: 1.6;
}

@media (min-width: 768px) {
    .unione-maritime-sector .dpc-item-desc {
        font-size: 12.5px;
        line-height: 1.65;
    }
}

/* ERR Jurisdictions */
.unione-maritime-sector .err-jur {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 8px 12px;
    background: rgba(255,255,255,.04);
    border-radius: 7px;
    border: .5px solid rgba(255,255,255,.06);
    margin-bottom: 5px;
    gap: 8px;
}

@media (min-width: 480px) {
    .unione-maritime-sector .err-jur {
        flex-direction: row;
        align-items: center;
        gap: 0;
    }
}

.unione-maritime-sector .err-jur-name {
    font-size: 11px;
    color: rgba(255,255,255,.65);
    font-weight: 300;
}

@media (min-width: 768px) {
    .unione-maritime-sector .err-jur-name {
        font-size: 12.5px;
    }
}

.unione-maritime-sector .err-jur-status {
    font-size: 8px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 100px;
}

@media (min-width: 768px) {
    .unione-maritime-sector .err-jur-status {
        font-size: 9px;
        padding: 2px 8px;
    }
}

.unione-maritime-sector .status-green {
    background: var(--green-bg);
    color: var(--green);
}

.unione-maritime-sector .status-amber {
    background: #FEF3C7;
    color: #92400E;
}

/* Criteria Items */
.unione-maritime-sector .crit-item {
    display: flex;
    gap: 10px;
    padding: 10px 0;
    border-bottom: .5px solid var(--border);
    align-items: flex-start;
}

@media (min-width: 768px) {
    .unione-maritime-sector .crit-item {
        gap: 12px;
        padding: 11px 0;
    }
}

.unione-maritime-sector .crit-item:last-child {
    border-bottom: none;
}

.unione-maritime-sector .crit-mark {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 1px;
    color: #fff;
    background: var(--maritime-blue-light);
}

@media (min-width: 768px) {
    .unione-maritime-sector .crit-mark {
        width: 22px;
        height: 22px;
        font-size: 10px;
    }
}

/* Who This Bench Serves */
.unione-maritime-sector .who-serves-grid {
    display: flex;
    flex-direction: column;
    gap: 0;
    background: var(--white);
    border: .5px solid var(--border);
    border-radius: 14px;
    padding: 16px;
}

@media (min-width: 768px) {
    .unione-maritime-sector .who-serves-grid {
        padding: 20px;
    }
}

.unione-maritime-sector .who-item {
    display: flex;
    gap: 10px;
    padding: 10px 0;
    border-bottom: .5px solid var(--border);
    align-items: flex-start;
}

@media (min-width: 768px) {
    .unione-maritime-sector .who-item {
        gap: 12px;
    }
}

.unione-maritime-sector .who-item:last-child {
    border-bottom: none;
}

.unione-maritime-sector .who-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--maritime-blue-light);
    flex-shrink: 0;
    margin-top: 5px;
}

.unione-maritime-sector .who-title {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--slate);
    margin-bottom: 2px;
}

@media (min-width: 768px) {
    .unione-maritime-sector .who-title {
        font-size: 13.5px;
    }
}

.unione-maritime-sector .who-desc {
    font-size: 11.5px;
    color: var(--ink-mute);
    font-weight: 300;
    line-height: 1.6;
}

@media (min-width: 768px) {
    .unione-maritime-sector .who-desc {
        font-size: 12.5px;
        line-height: 1.6;
    }
}

/* Section Navigation */
.unione-maritime-sector .sec-nav {
    background: var(--slate);
    padding: 24px 20px;
}

@media (min-width: 768px) {
    .unione-maritime-sector .sec-nav {
        padding: 24px 32px;
    }
}

@media (min-width: 1024px) {
    .unione-maritime-sector .sec-nav {
        padding: 32px 52px;
    }
}

.unione-maritime-sector .sec-nav-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.unione-maritime-sector .sec-nav-pill {
    font-size: 11px;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 8px;
    background: rgba(255,255,255,.06);
    border: .5px solid rgba(255,255,255,.1);
    color: rgba(255,255,255,.55);
    text-decoration: none;
    transition: all .15s;
    white-space: nowrap;
    display: inline-block;
}

@media (min-width: 768px) {
    .unione-maritime-sector .sec-nav-pill {
        font-size: 12px;
        padding: 8px 16px;
    }
}

.unione-maritime-sector .sec-nav-pill:hover {
    background: rgba(255,255,255,.12);
    color: #fff;
}

.unione-maritime-sector .sec-nav-pill.active-sec {
    border-color: var(--gold);
    color: var(--gold);
}

/* Responsive Two Column Wrapper */
.unione-maritime-sector .two-col-responsive {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

@media (min-width: 768px) {
    .unione-maritime-sector .two-col-responsive {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        align-items: start;
    }
}

@media (min-width: 1024px) {
    .unione-maritime-sector .two-col-responsive {
        gap: 52px;
    }
}

/* Join Maritime Bench Section */
.unione-maritime-sector .join-bench-grid {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

@media (min-width: 768px) {
    .unione-maritime-sector .join-bench-grid {
        display: grid;
        grid-template-columns: 1fr 300px;
        gap: 40px;
        align-items: start;
    }
}

@media (min-width: 1024px) {
    .unione-maritime-sector .join-bench-grid {
        grid-template-columns: 1fr 360px;
        gap: 52px;
    }
}

/* Founder Card */
.unione-maritime-sector .founder-card {
    background: var(--maritime-deep);
    border-radius: 20px;
    padding: 20px;
    position: relative;
    overflow: hidden;
}

@media (min-width: 768px) {
    .unione-maritime-sector .founder-card {
        padding: 26px;
    }
}

.unione-maritime-sector .founder-card-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--maritime-blue-light), var(--maritime-blue));
}

.unione-maritime-sector .founder-label {
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--maritime-blue-light);
    margin-bottom: 12px;
}

@media (min-width: 768px) {
    .unione-maritime-sector .founder-label {
        font-size: 9px;
    }
}

.unione-maritime-sector .founder-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -.02em;
    margin-bottom: 10px;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .unione-maritime-sector .founder-title {
        font-size: 19px;
    }
}

.unione-maritime-sector .founder-desc {
    font-size: 11px;
    color: rgba(255,255,255,.4);
    font-weight: 300;
    line-height: 1.7;
    margin-bottom: 16px;
}

@media (min-width: 768px) {
    .unione-maritime-sector .founder-desc {
        font-size: 12.5px;
    }
}

.unione-maritime-sector .founder-date {
    font-size: 10.5px;
    color: rgba(255,255,255,.35);
    display: flex;
    gap: 8px;
    margin-bottom: 18px;
}

@media (min-width: 768px) {
    .unione-maritime-sector .founder-date {
        font-size: 11.5px;
    }
}

.unione-maritime-sector .founder-btn {
    display: block;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    background: var(--maritime-blue-light);
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    margin-bottom: 7px;
}

@media (min-width: 768px) {
    .unione-maritime-sector .founder-btn {
        padding: 12px;
        font-size: 13px;
    }
}

.unione-maritime-sector .founder-link {
    display: block;
    text-align: center;
    padding: 8px;
    border-radius: 10px;
    border: .5px solid rgba(255,255,255,.12);
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: rgba(255,255,255,.45);
    text-decoration: none;
}

@media (min-width: 768px) {
    .unione-maritime-sector .founder-link {
        padding: 9px;
        font-size: 12px;
    }
}

/* Criteria Box */
.unione-maritime-sector .criteria-box {
    background: var(--ivory);
    border: .5px solid var(--border);
    border-radius: 14px;
    padding: 16px;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .unione-maritime-sector .criteria-box {
        padding: 18px 20px;
    }
}

/* General Responsive Fixes */
@media (max-width: 600px) {
    .unione-maritime-sector .sc-h1 {
        font-size: clamp(28px, 6vw, 48px);
        line-height: 1.15;
    }
    .unione-maritime-sector .sc-deck {
        font-size: 14px;
    }
    .unione-maritime-sector .sc-h2 {
        font-size: clamp(22px, 5vw, 32px);
    }
    .unione-maritime-sector .sc-hstat-n {
        font-size: 22px;
    }
    .unione-maritime-sector .sc-hstat-l {
        font-size: 9px;
    }
    .unione-maritime-sector .sc-ticker-item {
        font-size: 9px;
    }
    .unione-maritime-sector .dt-card {
        padding: 14px;
    }
    .unione-maritime-sector .dt-name {
        font-size: 12px;
    }
    .unione-maritime-sector .dt-desc {
        font-size: 11px;
    }
    .unione-maritime-sector .inst-row {
        padding: 14px;
    }
    .unione-maritime-sector .inst-name {
        font-size: 13px;
    }
    .unione-maritime-sector .inst-desc {
        font-size: 11px;
    }
    .unione-maritime-sector .inst-price-n {
        font-size: 16px;
    }
    .unione-maritime-sector .two-col-responsive {
        gap: 24px;
    }
    .unione-maritime-sector .grid-2col {
        gap: 24px;
    }
}
:root {
    --ut-slate: #2A3545;
    --ut-slate-deep: #1C2534;
    --ut-slate-mid: #3D4F63;
    --ut-gold: #C4A96A;
    --ut-gold-light: #E8D9B0;
    --ut-gold-pale: #F7F2E8;
    --ut-parchment: #FAFAF8;
    --ut-ivory: #F2F1EE;
    --ut-obsidian: #141820;
    --ut-white: #fff;
    --ut-ink: #1A1A18;
    --ut-ink-mid: #4A4843;
    --ut-ink-mute: #8A8880;
    --ut-border: rgba(42, 53, 69, 0.12);
    --ut-green: #1A7A4A;
    --ut-green-bg: #E6F4EE;
    --ut-teal: #0E7C7B;
    --ut-teal-light: #1A9A9A;
    --ut-teal-deep: #031A1A;
    --ut-r-sm: 6px;
    --ut-r-md: 10px;
    --ut-r-lg: 16px;
    --ut-r-xl: 24px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.unione-tech-sector {
    font-family: 'Inter', sans-serif;
    background: var(--ut-parchment);
    color: var(--ut-ink);
    overflow-x: hidden;
}

.unione-tech-sector ::selection {
    background: var(--ut-slate);
    color: var(--ut-gold);
}

.unione-tech-sector ::-webkit-scrollbar {
    width: 4px;
}

.unione-tech-sector ::-webkit-scrollbar-track {
    background: var(--ut-ivory);
}

.unione-tech-sector ::-webkit-scrollbar-thumb {
    background: var(--ut-slate-mid);
    border-radius: 2px;
}

@keyframes pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(.7); }
}

@keyframes shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

@keyframes fadeUp {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes ut-ticker {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

/* SECTION SYSTEM - FULLY RESPONSIVE */
.ut-section {
    padding: 60px 20px;
}

@media (min-width: 768px) {
    .ut-section { padding: 80px 32px; }
}

@media (min-width: 1024px) {
    .ut-section { padding: 108px 52px; }
}

.ut-section-inner {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
}

.ut-section-tag {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--ut-gold);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

@media (min-width: 768px) {
    .ut-section-tag { font-size: 11px; }
}

.ut-section-tag::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    background: var(--ut-gold);
}

@media (min-width: 768px) {
    .ut-section-tag::before { width: 24px; }
}

.ut-section-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(28px, 5vw, 58px);
    font-weight: 700;
    letter-spacing: -.035em;
    line-height: 1.1;
    color: var(--ut-ink);
    margin-bottom: 20px;
}

.ut-section-sub {
    font-size: 15px;
    color: var(--ut-ink-mid);
    line-height: 1.7;
    max-width: 600px;
    margin-bottom: 40px;
    font-weight: 300;
}

@media (min-width: 768px) {
    .ut-section-sub {
        font-size: 16px;
        line-height: 1.8;
        margin-bottom: 48px;
    }
}

@media (min-width: 1024px) {
    .ut-section-sub {
        font-size: 17px;
        margin-bottom: 56px;
    }
}

.ut-divider {
    height: .5px;
    background: var(--ut-border);
    margin: 0 20px;
}

@media (min-width: 768px) {
    .ut-divider { margin: 0 32px; }
}

@media (min-width: 1024px) {
    .ut-divider { margin: 0 52px; }
}

/* SECTION BACKGROUNDS */
.ut-bg-white { background: var(--ut-white); }
.ut-bg-ivory { background: var(--ut-ivory); }
.ut-bg-parchment { background: var(--ut-parchment); }
.ut-bg-slate { background: var(--ut-slate); }
.ut-bg-dark { background: var(--ut-obsidian); }
.ut-bg-teal-deep { background: var(--ut-teal-deep); }

/* HERO - FULLY RESPONSIVE */
.ut-hero {
    position: relative;
    min-height: auto;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 60px 20px;
}

@media (min-width: 768px) {
    .ut-hero {
        min-height: 86vh;
        padding: 0;
    }
}

.ut-hero-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
}

.ut-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(3, 26, 26, .97) 0%, rgba(3, 26, 26, .84) 60%, rgba(5, 50, 50, .6) 100%);
}

.ut-hero-inner {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

@media (min-width: 768px) {
    .ut-hero-inner { padding: 80px 0; }
}

.ut-crumb {
    font-size: 10px;
    color: rgba(255, 255, 255, .35);
    text-decoration: none;
    font-weight: 300;
}

@media (min-width: 768px) {
    .ut-crumb { font-size: 11px; }
}

.ut-tag {
    font-size: 9px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 100px;
    background: rgba(255, 255, 255, .09);
    border: .5px solid rgba(255, 255, 255, .18);
    color: rgba(255, 255, 255, .7);
    white-space: nowrap;
    letter-spacing: .04em;
}

@media (min-width: 768px) {
    .ut-tag {
        font-size: 10px;
        padding: 4px 11px;
    }
}

.ut-h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(32px, 6vw, 68px);
    font-weight: 700;
    color: #fff;
    letter-spacing: -.04em;
    line-height: 1.08;
    margin-bottom: 16px;
}

.ut-deck {
    font-size: 15px;
    color: rgba(255, 255, 255, .48);
    font-weight: 300;
    line-height: 1.7;
    max-width: 580px;
    margin-bottom: 28px;
}

@media (min-width: 768px) {
    .ut-deck {
        font-size: 17px;
        line-height: 1.8;
        margin-bottom: 36px;
    }
}

.ut-hstats {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-top: .5px solid rgba(255, 255, 255, .1);
    padding-top: 28px;
    margin-top: 30px;
}

@media (min-width: 768px) {
    .ut-hstats {
        flex-direction: row;
        gap: 0;
        margin-top: 40px;
    }
}

.ut-hstat {
    padding-bottom: 16px;
    border-bottom: .5px solid rgba(255, 255, 255, .08);
}

@media (min-width: 768px) {
    .ut-hstat {
        padding-right: 40px;
        margin-right: 40px;
        border-right: .5px solid rgba(255, 255, 255, .1);
        border-bottom: none;
        padding-bottom: 0;
    }
}

.ut-hstat:last-child { border-right: none; }

.ut-hstat-n {
    font-family: 'Inter Tight', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 4px;
}

@media (min-width: 768px) {
    .ut-hstat-n { font-size: 28px; }
}

.ut-hstat-l {
    font-size: 10px;
    color: rgba(255, 255, 255, .35);
    font-weight: 300;
    max-width: 160px;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .ut-hstat-l {
        font-size: 11px;
        line-height: 1.45;
    }
}

.ut-ticker {
    background: #0a0e14;
    padding: 10px 20px;
    border-bottom: .5px solid rgba(255, 255, 255, .06);
    overflow: hidden;
    white-space: nowrap;
}

@media (min-width: 768px) {
    .ut-ticker { padding: 11px 32px; }
}

@media (min-width: 1024px) {
    .ut-ticker { padding: 11px 52px; }
}

.ut-ticker-inner {
    display: inline-flex;
    gap: 30px;
    animation: ut-ticker 30s linear infinite;
}

@media (min-width: 768px) {
    .ut-ticker-inner { gap: 56px; }
}

.ut-ticker-item {
    font-size: 10px;
    font-weight: 500;
    color: rgba(255, 255, 255, .38);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

@media (min-width: 768px) {
    .ut-ticker-item {
        font-size: 11px;
        gap: 8px;
    }
}

.ut-sec {
    padding: 48px 20px;
}

@media (min-width: 768px) {
    .ut-sec { padding: 52px 32px; }
}

@media (min-width: 1024px) {
    .ut-sec { padding: 72px 52px; }
}

.ut-si {
    max-width: 1200px;
    margin: 0 auto;
}

.ut-h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(24px, 4vw, 40px);
    font-weight: 700;
    line-height: 1.1;
    color: var(--ut-slate);
    margin-bottom: 10px;
}

/* BREADCRUMB & SECTION ELEMENTS */
.ut-breadcrumb-flex {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

.ut-breadcrumb-arrow {
    color: rgba(255, 255, 255, .2);
    font-size: 10px;
}

.ut-breadcrumb-current {
    font-size: 10px;
    color: var(--ut-teal-light);
    font-weight: 500;
}

@media (min-width: 768px) {
    .ut-breadcrumb-current { font-size: 11px; }
}

.ut-section-icon {
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--ut-teal-light);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

@media (min-width: 768px) {
    .ut-section-icon { font-size: 10px; }
}

.ut-section-icon::before {
    content: '';
    width: 16px;
    height: 1px;
    background: var(--ut-teal-light);
    display: inline-block;
}

@media (min-width: 768px) {
    .ut-section-icon::before { width: 20px; }
}

/* TEXT COLORS */
.ut-text-white { color: #fff; }
.ut-text-teal { color: var(--ut-teal-light); }
.ut-text-ink-mute { color: var(--ut-ink-mute); }
.ut-text-gold { color: var(--ut-gold); }

/* BORDERS */
.ut-border-light { border-bottom: .5px solid var(--ut-border); }
.ut-border-white-light { border-bottom: .5px solid rgba(255, 255, 255, .05); }

/* MARGINS */
.ut-mb-28 { margin-bottom: 28px; }
.ut-maxw-540 { max-width: 540px; }
.ut-maxw-580 { max-width: 580px; }

/* BUTTONS - FULLY RESPONSIVE */
.ut-btn-gold {
    background: var(--ut-teal);
    color: #fff;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
}

@media (min-width: 768px) {
    .ut-btn-gold {
        padding: 13px 26px;
        font-size: 13.5px;
    }
}

.ut-btn-outline {
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 12px;
    border: 1px solid rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .6);
    text-decoration: none;
    display: inline-block;
}

@media (min-width: 768px) {
    .ut-btn-outline {
        padding: 13px 26px;
        font-size: 13.5px;
    }
}

.ut-btn-outline-light {
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 12px;
    border: 1px solid rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .4);
    text-decoration: none;
    display: inline-block;
}

@media (min-width: 768px) {
    .ut-btn-outline-light {
        padding: 13px 26px;
        font-size: 13.5px;
    }
}

.ut-btn-primary-teal {
    background: var(--ut-teal);
    border-radius: 10px;
    padding: 10px 18px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    display: inline-block;
}

@media (min-width: 768px) {
    .ut-btn-primary-teal {
        padding: 12px 24px;
        font-size: 13.5px;
    }
}

.ut-btn-secondary-outline {
    border-radius: 10px;
    padding: 10px 18px;
    font-size: 12px;
    text-decoration: none;
    display: inline-block;
}

@media (min-width: 768px) {
    .ut-btn-secondary-outline {
        padding: 12px 24px;
        font-size: 13.5px;
    }
}

.ut-btn-block {
    display: block;
    text-align: center;
}

.ut-btn-small-teal {
    display: inline-block;
    margin-top: 6px;
    font-size: 10px;
    font-weight: 600;
    color: var(--ut-teal);
    text-decoration: none;
    border: .5px solid var(--ut-teal);
    padding: 3px 10px;
    border-radius: 100px;
}

@media (min-width: 768px) {
    .ut-btn-small-teal {
        margin-top: 8px;
        font-size: 11px;
        padding: 4px 12px;
    }
}

.ut-btn-nav-register {
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 8px;
    background: var(--ut-gold);
    color: var(--ut-obsidian);
    text-decoration: none;
    white-space: nowrap;
}

@media (min-width: 768px) {
    .ut-btn-nav-register {
        font-size: 12px;
        padding: 8px 16px;
    }
}

/* CARDS & GRIDS - FULLY RESPONSIVE */
.ut-dt-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

@media (min-width: 640px) {
    .ut-dt-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

@media (min-width: 1024px) {
    .ut-dt-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.ut-dt-card {
    background: var(--ut-white);
    border: .5px solid var(--ut-border);
    border-radius: 14px;
    padding: 18px 16px;
    position: relative;
    overflow: hidden;
    transition: all .2s;
}

@media (min-width: 768px) {
    .ut-dt-card {
        padding: 22px 20px 18px 24px;
    }
}

.ut-dt-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 32px rgba(42, 53, 69, .07);
}

.ut-dt-card-accent {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 3px;
    background: var(--ut-teal);
}

.ut-dt-name {
    font-size: 13px;
    font-weight: 600;
    color: var(--ut-slate);
    margin-bottom: 6px;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .ut-dt-name { font-size: 14px; }
}

.ut-dt-desc {
    font-size: 11.5px;
    color: var(--ut-ink-mute);
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .ut-dt-desc {
        font-size: 12.5px;
        line-height: 1.65;
    }
}

.ut-dt-tags {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.ut-dt-tag {
    font-size: 8px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 4px;
    background: var(--ut-ivory);
    border: .5px solid var(--ut-border);
    color: var(--ut-slate-mid);
}

@media (min-width: 768px) {
    .ut-dt-tag {
        font-size: 9px;
        padding: 2px 7px;
    }
}

/* FUNNEL */
.ut-inst-funnel {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ut-inst-row {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 18px;
    border-radius: 14px;
    border: .5px solid var(--ut-border);
    background: var(--ut-white);
    transition: all .18s;
}

@media (min-width: 640px) {
    .ut-inst-row {
        display: grid;
        grid-template-columns: 150px 1fr 130px;
        gap: 16px;
        align-items: start;
        padding: 20px;
    }
}

@media (min-width: 1024px) {
    .ut-inst-row {
        grid-template-columns: 150px 1fr 160px;
        gap: 20px;
        padding: 22px;
    }
}

.ut-inst-row:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 24px rgba(42, 53, 69, .06);
}

.ut-inst-row-highlight {
    background: #E6F7F7;
    border-color: var(--ut-teal);
    border-width: 1.5px;
}

.ut-inst-stage {
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    margin-bottom: 5px;
}

@media (min-width: 768px) {
    .ut-inst-stage { font-size: 9px; }
}

.ut-inst-stage-green { color: var(--ut-teal); }

.ut-inst-name {
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: var(--ut-slate);
    letter-spacing: -.01em;
    line-height: 1.25;
}

@media (min-width: 768px) {
    .ut-inst-name { font-size: 16px; }
}

.ut-inst-name-dark { color: var(--ut-teal-deep); }

.ut-inst-desc {
    font-size: 12px;
    color: var(--ut-ink-mute);
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 6px;
}

@media (min-width: 768px) {
    .ut-inst-desc {
        font-size: 13px;
        line-height: 1.65;
    }
}

.ut-inst-detail {
    font-size: 10.5px;
    color: var(--ut-ink-mute);
    font-weight: 300;
    font-style: italic;
    line-height: 1.6;
}

@media (min-width: 768px) {
    .ut-inst-detail { font-size: 11.5px; }
}

.ut-inst-price-label {
    font-size: 8.5px;
    color: var(--ut-ink-mute);
    font-weight: 300;
    margin-bottom: 2px;
}

@media (min-width: 768px) {
    .ut-inst-price-label { font-size: 9.5px; }
}

.ut-inst-price-n {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1;
    margin-bottom: 6px;
}

@media (min-width: 768px) {
    .ut-inst-price-n { font-size: 20px; }
}

.ut-inst-price-green { color: var(--ut-teal); }

.ut-inst-text-right {
    text-align: left;
    min-width: auto;
}

@media (min-width: 640px) {
    .ut-inst-text-right {
        text-align: right;
        min-width: 130px;
    }
}

/* DPC Items */
.ut-dpc-container {
    border: .5px solid rgba(255, 255, 255, .1);
    border-radius: 16px;
    overflow: hidden;
}

.ut-dpc-item {
    padding: 14px 16px;
    border-bottom: .5px solid rgba(255, 255, 255, .08);
}

@media (min-width: 768px) {
    .ut-dpc-item { padding: 18px 20px; }
}

.ut-dpc-item:last-child { border-bottom: none; }

.ut-dpc-item-num {
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    margin-bottom: 5px;
}

@media (min-width: 768px) {
    .ut-dpc-item-num { font-size: 9px; }
}

.ut-dpc-item-num-green { color: var(--ut-teal-light); }

.ut-dpc-item-title {
    font-size: 12px;
    font-weight: 600;
    color: var(--ut-parchment);
    margin-bottom: 5px;
}

@media (min-width: 768px) {
    .ut-dpc-item-title { font-size: 13.5px; }
}

.ut-dpc-item-desc {
    font-size: 11px;
    color: rgba(255, 255, 255, .5);
    font-weight: 300;
    line-height: 1.6;
}

@media (min-width: 768px) {
    .ut-dpc-item-desc {
        font-size: 12.5px;
        line-height: 1.65;
    }
}

/* ERR Jurisdictions */
.ut-err-container {
    background: var(--ut-slate);
    border-radius: 14px;
    padding: 16px;
}

@media (min-width: 768px) {
    .ut-err-container { padding: 22px; }
}

.ut-err-jur {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 8px 12px;
    background: rgba(255, 255, 255, .04);
    border-radius: 7px;
    border: .5px solid rgba(255, 255, 255, .06);
    margin-bottom: 5px;
    gap: 8px;
}

@media (min-width: 480px) {
    .ut-err-jur {
        flex-direction: row;
        align-items: center;
        gap: 0;
    }
}

.ut-err-jur-name {
    font-size: 11px;
    color: rgba(255, 255, 255, .65);
    font-weight: 300;
}

@media (min-width: 768px) {
    .ut-err-jur-name { font-size: 12.5px; }
}

.ut-err-jur-status {
    font-size: 8px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 100px;
}

@media (min-width: 768px) {
    .ut-err-jur-status {
        font-size: 9px;
        padding: 2px 8px;
    }
}

.ut-status-green {
    background: var(--ut-green-bg);
    color: var(--ut-green);
}

.ut-status-amber {
    background: #FEF3C7;
    color: #92400E;
}

.ut-err-footer {
    margin-top: 10px;
    padding-top: 10px;
    border-top: .5px solid rgba(255, 255, 255, .08);
    font-size: 11px;
    color: rgba(255, 255, 255, .3);
    font-weight: 300;
}

@media (min-width: 768px) {
    .ut-err-footer {
        margin-top: 12px;
        padding-top: 12px;
        font-size: 12px;
    }
}

/* Criteria Items */
.ut-crit-item {
    display: flex;
    gap: 10px;
    padding: 10px 0;
    border-bottom: .5px solid var(--ut-border);
    align-items: flex-start;
}

@media (min-width: 768px) {
    .ut-crit-item {
        gap: 12px;
        padding: 11px 0;
    }
}

.ut-crit-item:last-child { border-bottom: none; }

.ut-crit-mark {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 1px;
    color: #fff;
}

@media (min-width: 768px) {
    .ut-crit-mark {
        width: 22px;
        height: 22px;
        font-size: 10px;
    }
}

.ut-crit-mark-teal { background: var(--ut-teal); }

.ut-crit-text {
    font-size: 12px;
    color: var(--ut-ink-mid);
    font-weight: 300;
    line-height: 1.6;
}

@media (min-width: 768px) {
    .ut-crit-text {
        font-size: 13.5px;
        line-height: 1.65;
    }
}

.ut-crit-text strong {
    color: var(--ut-slate);
    font-weight: 600;
}

/* Service Items */
.ut-service-item {
    display: flex;
    gap: 10px;
    padding: 10px 0;
    border-bottom: .5px solid var(--ut-border);
    align-items: flex-start;
}

@media (min-width: 768px) {
    .ut-service-item {
        gap: 12px;
        padding: 12px 0;
    }
}

.ut-service-item:last-child { border-bottom: none; }

.ut-service-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--ut-teal);
    flex-shrink: 0;
    margin-top: 5px;
}

.ut-service-title {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ut-slate);
    margin-bottom: 2px;
}

@media (min-width: 768px) {
    .ut-service-title { font-size: 13.5px; }
}

.ut-service-desc {
    font-size: 11.5px;
    color: var(--ut-ink-mute);
    font-weight: 300;
    line-height: 1.6;
}

@media (min-width: 768px) {
    .ut-service-desc { font-size: 12.5px; }
}

/* Framework Items */
.ut-framework-item {
    font-size: 11.5px;
    font-weight: 500;
    color: var(--ut-slate);
    padding: 8px 12px;
    background: var(--ut-ivory);
    border-radius: 8px;
    border: .5px solid var(--ut-border);
    display: flex;
    align-items: center;
    gap: 8px;
}

@media (min-width: 768px) {
    .ut-framework-item {
        font-size: 12.5px;
        padding: 9px 14px;
    }
}

.ut-framework-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--ut-teal);
    display: inline-block;
    flex-shrink: 0;
}

/* Sidebar Card */
.ut-sidebar-card {
    background: var(--ut-teal-deep);
    border-radius: 20px;
    padding: 20px;
    position: relative;
    overflow: hidden;
}

@media (min-width: 768px) {
    .ut-sidebar-card { padding: 26px; }
}

.ut-sidebar-card-accent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--ut-teal), var(--ut-teal-light));
}

.ut-sidebar-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -.02em;
    margin-bottom: 10px;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .ut-sidebar-title { font-size: 19px; }
}

.ut-sidebar-text {
    font-size: 11px;
    color: rgba(255, 255, 255, .4);
    font-weight: 300;
    line-height: 1.7;
    margin-bottom: 16px;
}

@media (min-width: 768px) {
    .ut-sidebar-text { font-size: 12.5px; }
}

.ut-sidebar-feature {
    font-size: 10.5px;
    color: rgba(255, 255, 255, .35);
    display: flex;
    gap: 8px;
    margin-bottom: 5px;
}

@media (min-width: 768px) {
    .ut-sidebar-feature { font-size: 11.5px; }
}

/* Grid Layouts - FULLY RESPONSIVE */
.ut-grid-2-col {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

@media (min-width: 768px) {
    .ut-grid-2-col {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        align-items: start;
    }
}

@media (min-width: 1024px) {
    .ut-grid-2-col { gap: 52px; }
}

.ut-grid-2-col-large {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

@media (min-width: 768px) {
    .ut-grid-2-col-large {
        display: grid;
        grid-template-columns: 1fr 300px;
        gap: 40px;
        align-items: start;
    }
}

@media (min-width: 1024px) {
    .ut-grid-2-col-large {
        grid-template-columns: 1fr 360px;
        gap: 52px;
    }
}

.ut-grid-2-col-48 {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

@media (min-width: 768px) {
    .ut-grid-2-col-48 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        align-items: start;
    }
}

@media (min-width: 1024px) {
    .ut-grid-2-col-48 { gap: 48px; }
}

/* Fee Box */
.ut-fee-box {
    padding: 16px;
    background: rgba(255, 255, 255, .04);
    border: .5px solid rgba(255, 255, 255, .08);
    border-radius: 14px;
}

@media (min-width: 768px) {
    .ut-fee-box { padding: 20px; }
}

.ut-fee-label {
    font-size: 8.5px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ut-teal);
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .ut-fee-label { font-size: 9.5px; }
}

.ut-fee-text {
    font-size: 11px;
    color: rgba(255, 255, 255, .5);
    font-weight: 300;
    line-height: 1.7;
}

@media (min-width: 768px) {
    .ut-fee-text {
        font-size: 13px;
        line-height: 1.8;
    }
}

.ut-fee-text strong {
    color: #fff;
    font-weight: 500;
}

/* Sec Nav */
.ut-sec-nav {
    background: var(--ut-slate);
    padding: 24px 20px;
}

@media (min-width: 768px) {
    .ut-sec-nav { padding: 24px 32px; }
}

@media (min-width: 1024px) {
    .ut-sec-nav { padding: 32px 52px; }
}

.ut-sec-nav-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.ut-sec-nav-pill {
    font-size: 11px;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .06);
    border: .5px solid rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .55);
    text-decoration: none;
    transition: all .15s;
    white-space: nowrap;
    display: inline-block;
}

@media (min-width: 768px) {
    .ut-sec-nav-pill {
        font-size: 12px;
        padding: 8px 16px;
    }
}

.ut-sec-nav-pill:hover {
    background: rgba(255, 255, 255, .12);
    color: #fff;
}

.ut-sec-nav-pill.ut-active {
    border-color: var(--ut-gold);
    color: var(--ut-gold);
}

.ut-sec-nav-label {
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--ut-gold);
    margin-bottom: 12px;
}

@media (min-width: 768px) {
    .ut-sec-nav-label { font-size: 10px; }
}

.ut-sec-nav-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

@media (min-width: 768px) {
    .ut-sec-nav-flex { gap: 8px; }
}

/* DPC Button Group */
.ut-dpc-btn-group {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin-bottom: 24px;
}

/* Flex Utilities */
.ut-flex-tags {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

.ut-flex-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 0;

}

.ut-flex-gap-10 {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

/* Responsive Fixes */
@media (max-width: 600px) {
    .ut-h1 { font-size: clamp(28px, 6vw, 48px); line-height: 1.15; }
    .ut-deck { font-size: 14px; }
    .ut-h2 { font-size: clamp(22px, 5vw, 32px); }
    .ut-hstat-n { font-size: 22px; }
    .ut-hstat-l { font-size: 9px; }
    .ut-ticker-item { font-size: 9px; }
    .ut-dt-card { padding: 14px; }
    .ut-dt-name { font-size: 12px; }
    .ut-dt-desc { font-size: 11px; }
    .ut-inst-row { padding: 14px; }
    .ut-inst-name { font-size: 13px; }
    .ut-inst-desc { font-size: 11px; }
    .ut-inst-price-n { font-size: 16px; }
    .ut-grid-2-col,
    .ut-grid-2-col-large,
    .ut-grid-2-col-48 { gap: 24px; }
}
/* ============================================================
 * UNIONE™ FAQ PAGE STYLES
 * File: unbn-faq.css
 * Shortcode: [unbn_faq]
 * ============================================================ */

/* ---------- RESET & BASE ---------- */
.unbn-faq-wrapper * {
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
}

.unbn-faq-wrapper {
    font-family: 'Inter', sans-serif !important;
    background: #FAFAF8 !important;
    color: #1A1A18 !important;
    -webkit-font-smoothing: antialiased !important;
    overflow-x: hidden !important;
    max-width: 100% !important;
}

.unbn-faq-wrapper ::selection {
    background: #2A3545 !important;
    color: #C4A96A !important;
}

.unbn-faq-wrapper ::-webkit-scrollbar {
    width: 4px !important;
}

.unbn-faq-wrapper ::-webkit-scrollbar-thumb {
    background: #3D4F63 !important;
    border-radius: 2px !important;
}

/* ---------- ANIMATIONS ---------- */
@keyframes unbn-pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(.7); }
}

@keyframes unbn-shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

/* ---------- HERO SECTION ---------- */
.unbn-faq-wrapper .unbn-hero {
    background: #2A3545 !important;
    padding: 80px 52px 68px !important;
    position: relative !important;
    overflow: hidden !important;
}

.unbn-faq-wrapper .unbn-hero::before {
    content: 'FAQ' !important;
    position: absolute !important;
    font-family: 'Inter Tight', sans-serif !important;
    font-size: 280px !important;
    font-weight: 700 !important;
    color: rgba(255, 255, 255, 0.018) !important;
    right: -20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

.unbn-faq-wrapper .unbn-hero-inner {
    max-width: 900px !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 1 !important;
}

.unbn-faq-wrapper .unbn-hero-tag {
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: #C4A96A !important;
    margin-bottom: 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.unbn-faq-wrapper .unbn-hero-tag::before {
    content: '' !important;
    width: 20px !important;
    height: 1px !important;
    background: #C4A96A !important;
    display: inline-block !important;
}

.unbn-faq-wrapper .unbn-hero-h {
    font-family: 'Inter Tight', sans-serif !important;
    font-size: clamp(36px, 5vw, 56px) !important;
    font-weight: 700 !important;
    color: #FAFAF8 !important;
    letter-spacing: -0.03em !important;
    line-height: 1.06 !important;
    margin-bottom: 16px !important;
}

.unbn-faq-wrapper .unbn-hero-sub {
    font-size: 16px !important;
    color: rgba(255, 255, 255, 0.48) !important;
    font-weight: 300 !important;
    line-height: 1.75 !important;
    max-width: 580px !important;
    margin-bottom: 32px !important;
}

.unbn-faq-wrapper .unbn-hero-note {
    display: inline-flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    background: rgba(196, 169, 106, 0.1) !important;
    border: 0.5px solid rgba(196, 169, 106, 0.25) !important;
    border-radius: 12px !important;
    padding: 14px 18px !important;
    max-width: 600px !important;
}

.unbn-faq-wrapper .unbn-hero-note-icon {
    font-size: 16px !important;
    flex-shrink: 0 !important;
    margin-top: 1px !important;
}

.unbn-faq-wrapper .unbn-hero-note-text {
    font-size: 13px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    font-weight: 300 !important;
    line-height: 1.65 !important;
}

.unbn-faq-wrapper .unbn-hero-note-text strong {
    color: #C4A96A !important;
    font-weight: 500 !important;
}

/* ---------- LAYOUT ---------- */
.unbn-faq-wrapper .unbn-page-wrap {
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 52px 52px 80px !important;
    display: grid !important;
    grid-template-columns: 220px 1fr !important;
    gap: 48px !important;
    align-items: start !important;
}

/* ---------- STICKY NAV ---------- */
.unbn-faq-wrapper .unbn-faq-nav {
    position: sticky !important;
    top: 88px !important;
}

.unbn-faq-wrapper .unbn-faq-nav-title {
    font-size: 9.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: #8A8880 !important;
    margin-bottom: 14px !important;
    padding-bottom: 10px !important;
    border-bottom: 0.5px solid rgba(42, 53, 69, 0.12) !important;
}

.unbn-faq-wrapper .unbn-faq-nav-item {
    display: block !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    color: #8A8880 !important;
    text-decoration: none !important;
    transition: all 0.12s !important;
    border-left: 2px solid transparent !important;
    margin-bottom: 2px !important;
    cursor: pointer !important;
}

.unbn-faq-wrapper .unbn-faq-nav-item:hover {
    color: #2A3545 !important;
    background: #F2F1EE !important;
}

.unbn-faq-wrapper .unbn-faq-nav-item.active {
    color: #2A3545 !important;
    border-left-color: #C4A96A !important;
    background: #F7F2E8 !important;
    font-weight: 500 !important;
}

.unbn-faq-wrapper .unbn-faq-nav-divider {
    height: 0.5px !important;
    background: rgba(42, 53, 69, 0.12) !important;
    margin: 10px 0 !important;
}

/* ---------- FAQ SECTIONS ---------- */
.unbn-faq-wrapper .unbn-faq-section {
    margin-bottom: 64px !important;
}

.unbn-faq-wrapper .unbn-faq-section:last-child {
    margin-bottom: 0 !important;
}

.unbn-faq-wrapper .unbn-section-anchor {
    display: block !important;
    position: relative !important;
    top: -80px !important;
    visibility: hidden !important;
}

.unbn-faq-wrapper .unbn-section-label {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 24px !important;
}

.unbn-faq-wrapper .unbn-section-label-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    flex-shrink: 0 !important;
}

.unbn-faq-wrapper .unbn-sl-slate {
    background: #2A3545 !important;
    color: #C4A96A !important;
}

.unbn-faq-wrapper .unbn-sl-gold {
    background: #F7F2E8 !important;
    color: #7A6030 !important;
    border: 0.5px solid rgba(196, 169, 106, 0.3) !important;
}

.unbn-faq-wrapper .unbn-sl-green {
    background: #E6F4EE !important;
    color: #1A7A4A !important;
}

.unbn-faq-wrapper .unbn-sl-ivory {
    background: #F2F1EE !important;
    color: #2A3545 !important;
    border: 0.5px solid rgba(42, 53, 69, 0.12) !important;
}

.unbn-faq-wrapper .unbn-section-title {
    font-family: 'Inter Tight', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #2A3545 !important;
    letter-spacing: -0.02em !important;
}

/* ---------- FAQ ITEMS ---------- */
.unbn-faq-wrapper .unbn-faq-item {
    background: #FFFFFF !important;
    border: 0.5px solid rgba(42, 53, 69, 0.12) !important;
    border-radius: 14px !important;
    margin-bottom: 10px !important;
    overflow: hidden !important;
    transition: border-color 0.15s !important;
}

.unbn-faq-wrapper .unbn-faq-item:hover {
    border-color: rgba(42, 53, 69, 0.2) !important;
}

.unbn-faq-wrapper .unbn-faq-item.open {
    border-color: rgba(42, 53, 69, 0.25) !important;
}

.unbn-faq-wrapper .unbn-faq-q {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    padding: 18px 20px !important;
    cursor: pointer !important;
    user-select: none !important;
}

.unbn-faq-wrapper .unbn-faq-q-text {
    font-size: 14.5px !important;
    font-weight: 500 !important;
    color: #1A1A18 !important;
    line-height: 1.4 !important;
    flex: 1 !important;
}

.unbn-faq-wrapper .unbn-faq-chevron {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    background: #F2F1EE !important;
    border: 0.5px solid rgba(42, 53, 69, 0.12) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
    transition: all 0.18s !important;
    font-size: 11px !important;
    color: #8A8880 !important;
}

.unbn-faq-wrapper .unbn-faq-item.open .unbn-faq-chevron {
    background: #2A3545 !important;
    color: #FAFAF8 !important;
    transform: rotate(180deg) !important;
}

.unbn-faq-wrapper .unbn-faq-a {
    display: none !important;
    padding: 0 20px 20px 20px !important;
    border-top: 0.5px solid rgba(42, 53, 69, 0.12) !important;
}

.unbn-faq-wrapper .unbn-faq-item.open .unbn-faq-a {
    display: block !important;
}

.unbn-faq-wrapper .unbn-faq-a-inner {
    padding-top: 16px !important;
    font-size: 14px !important;
    color: #8A8880 !important;
    line-height: 1.8 !important;
    font-weight: 300 !important;
}

.unbn-faq-wrapper .unbn-faq-a-inner p {
    margin-bottom: 12px !important;
}

.unbn-faq-wrapper .unbn-faq-a-inner p:last-child {
    margin-bottom: 0 !important;
}

.unbn-faq-wrapper .unbn-faq-a-inner strong {
    color: #1A1A18 !important;
    font-weight: 600 !important;
}

.unbn-faq-wrapper .unbn-faq-a-inner a {
    color: #2A3545 !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(42, 53, 69, 0.3) !important;
}

.unbn-faq-wrapper .unbn-faq-a-inner a:hover {
    color: #C4A96A !important;
}

.unbn-faq-wrapper .unbn-faq-a-inner ul {
    margin: 8px 0 12px 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.unbn-faq-wrapper .unbn-faq-a-inner li {
    padding: 5px 0 5px 16px !important;
    position: relative !important;
    border-bottom: 0.5px solid rgba(42, 53, 69, 0.12) !important;
    font-size: 13.5px !important;
}

.unbn-faq-wrapper .unbn-faq-a-inner li:last-child {
    border-bottom: none !important;
}

.unbn-faq-wrapper .unbn-faq-a-inner li::before {
    content: '-' !important;
    position: absolute !important;
    left: 0 !important;
    color: #C4A96A !important;
    font-weight: 600 !important;
}

/* ---------- CALLOUTS ---------- */
.unbn-faq-wrapper .unbn-faq-callout {
    border-radius: 10px !important;
    padding: 14px 16px !important;
    margin: 14px 0 !important;
}

.unbn-faq-wrapper .unbn-fc-gold {
    background: #F7F2E8 !important;
    border: 0.5px solid rgba(196, 169, 106, 0.3) !important;
    font-size: 13px !important;
    color: #5A4520 !important;
    line-height: 1.65 !important;
}

.unbn-faq-wrapper .unbn-fc-slate {
    background: #2A3545 !important;
    font-size: 13px !important;
    color: rgba(255, 255, 255, 0.65) !important;
    line-height: 1.65 !important;
    border-radius: 10px !important;
    padding: 16px !important;
}

.unbn-faq-wrapper .unbn-fc-slate strong {
    color: #C4A96A !important;
}

.unbn-faq-wrapper .unbn-fc-green {
    background: #E6F4EE !important;
    border: 0.5px solid rgba(26, 122, 74, 0.2) !important;
    font-size: 13px !important;
    color: #0A4A26 !important;
    line-height: 1.65 !important;
}

.unbn-faq-wrapper .unbn-fc-ivory {
    background: #F2F1EE !important;
    border: 0.5px solid rgba(42, 53, 69, 0.12) !important;
    font-size: 13px !important;
    color: #4A4843 !important;
    line-height: 1.65 !important;
}

/* ---------- HONEST BADGE ---------- */
.unbn-faq-wrapper .unbn-honest-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #1A7A4A !important;
    background: #E6F4EE !important;
    border: 0.5px solid rgba(26, 122, 74, 0.2) !important;
    padding: 3px 10px !important;
    border-radius: 100px !important;
    margin-bottom: 10px !important;
}

/* ---------- CTA BLOCK ---------- */
.unbn-faq-wrapper .unbn-cta-block {
    background: #2A3545 !important;
    border-radius: 16px !important;
    padding: 32px !important;
    margin-top: 52px !important;
    text-align: center !important;
}

.unbn-faq-wrapper .unbn-cta-block h3 {
    font-family: 'Inter Tight', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #FAFAF8 !important;
    letter-spacing: -0.02em !important;
    margin-bottom: 8px !important;
}

.unbn-faq-wrapper .unbn-cta-block p {
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.45) !important;
    font-weight: 300 !important;
    line-height: 1.7 !important;
    margin-bottom: 20px !important;
    max-width: 480px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.unbn-faq-wrapper .unbn-cta-btns {
    display: flex !important;
    gap: 10px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
}

.unbn-faq-wrapper .unbn-cta-btn-gold {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 11px 24px !important;
    border-radius: 10px !important;
    background: #C4A96A !important;
    color: #141820 !important;
    text-decoration: none !important;
    display: inline-block !important;
}

.unbn-faq-wrapper .unbn-cta-btn-ghost {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    padding: 11px 24px !important;
    border-radius: 10px !important;
    border: 0.5px solid rgba(255, 255, 255, 0.2) !important;
    color: rgba(255, 255, 255, 0.6) !important;
    text-decoration: none !important;
    display: inline-block !important;
}

/* ---------- MINI FOOTER ---------- */
.unbn-faq-wrapper .unbn-mini-footer {
    background: #141820 !important;
    padding: 44px 52px !important;
    margin-top: 0 !important;
    border-top: 0.5px solid rgba(196, 169, 106, 0.1) !important;
}

.unbn-faq-wrapper .unbn-mf-inner {
    max-width: 1100px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
}

.unbn-faq-wrapper .unbn-mf-brand {
    font-family: 'Inter Tight', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2em !important;
    color: #FAFAF8 !important;
}

.unbn-faq-wrapper .unbn-mf-links {
    display: flex !important;
    gap: 18px !important;
}

.unbn-faq-wrapper .unbn-mf-links a {
    font-size: 13px !important;
    color: rgba(255, 255, 255, 0.35) !important;
    text-decoration: none !important;
}

.unbn-faq-wrapper .unbn-mf-copy {
    font-size: 11px !important;
    color: rgba(255, 255, 255, 0.2) !important;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 900px) {
    .unbn-faq-wrapper .unbn-page-wrap {
        grid-template-columns: 1fr !important;
        padding: 36px 24px !important;
    }
    .unbn-faq-wrapper .unbn-faq-nav {
        display: none !important;
    }
    .unbn-faq-wrapper .unbn-hero {
        padding: 52px 24px !important;
    }
    .unbn-faq-wrapper .unbn-mini-footer {
        padding: 44px 24px !important;
    }
}

/* ============================================================
   UNIONE ICL SHORTCODE — icl-shortcode.css
   reCAPTCHA removed · Honeypot only
   ============================================================ */

/* ── TOKENS ── */
:root {
	--slate:       #2A3545;
	--slate-deep:  #1C2534;
	--slate-mid:   #3D4F63;
	--gold:        #C4A96A;
	--gold-light:  #E8D9B0;
	--gold-pale:   #F7F2E8;
	--parchment:   #FAFAF8;
	--ivory:       #F2F1EE;
	--white:       #FFFFFF;
	--obsidian:    #141820;
	--ink:         #1A1A18;
	--ink-mid:     #4A4843;
	--ink-mute:    #8A8880;
	--border:      rgba(42,53,69,.10);
	--border-gold: rgba(196,169,106,.28);
	--green:       #1A7A4A;
	--green-bg:    #E6F4EE;
	--r-sm:  6px;
	--r-md:  10px;
	--r-lg:  16px;
	--r-xl:  24px;
}

*, *::before, *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.icl-shortcode-wrapper {
	max-width: 100%;
	overflow-x: hidden;
	font-family: 'Inter', sans-serif;
	background: var(--white);
}

/* ── ANIMATIONS (namespaced) ── */
@keyframes icl-shimmer {
	0%   { background-position: -300% center; }
	100% { background-position:  300% center; }
}
@keyframes icl-float {
	0%, 100% { transform: translateY(0) rotate(-.3deg); }
	50%       { transform: translateY(-8px) rotate(-.3deg); }
}
@keyframes icl-spin {
	to { transform: rotate(360deg); }
}

/* ── UTILITIES ── */
.gold-word {
	background: linear-gradient(90deg, #C4A96A 0%, #E8D9B0 25%, #F5EAC0 40%, #C4A96A 55%, #A07830 75%, #C4A96A 100%);
	background-size: 300% auto;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	animation: icl-shimmer 5s linear infinite;
}

.rv {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity .72s cubic-bezier(.22,1,.36,1), transform .72s cubic-bezier(.22,1,.36,1);
}
.rv.on { opacity: 1; transform: translateY(0); }

.d1 { transition-delay: .06s; }
.d2 { transition-delay: .15s; }
.d3 { transition-delay: .26s; }
.d4 { transition-delay: .38s; }
.d5 { transition-delay: .52s; }

/* ── LAYOUT SHELL ── */
.inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 20px;
}
@media (min-width: 640px)  { .inner { padding: 0 36px; } }
@media (min-width: 1024px) { .inner { padding: 0 60px; } }

/* ── TYPOGRAPHY ── */
.eyebrow {
	font-family: 'Inter Tight', sans-serif;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .26em;
	text-transform: uppercase;
	color: var(--gold);
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
}
.eyebrow::before {
	content: '';
	width: 18px;
	height: 1px;
	background: var(--gold);
	flex-shrink: 0;
}

.sh {
	font-family: 'Inter Tight', sans-serif;
	font-size: clamp(26px, 3.4vw, 46px);
	font-weight: 700;
	line-height: 1.06;
	letter-spacing: -.02em;
	color: var(--slate);
	margin-bottom: 14px;
}

/* ════════════════════════════════
   HERO
════════════════════════════════ */
.icl-hero {
	background: var(--slate-deep);
	min-height: auto;
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: hidden;
}
@media (min-width: 900px) { .icl-hero { min-height: 94vh; } }

.icl-hero::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
	background-size: 72px 72px;
	pointer-events: none;
}
.icl-hero::after {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 4px;
	background: var(--gold);
}

.icl-hero-inner {
	flex: 1;
	position: relative;
	z-index: 5;
	display: grid;
	grid-template-columns: 1fr;
	gap: 40px;
	align-items: start;
	padding: 64px 20px 52px;
	max-width: 1280px;
	margin: 0 auto;
	width: 100%;
}
@media (min-width: 640px)  { .icl-hero-inner { padding: 72px 36px 60px; } }
@media (min-width: 1024px) {
	.icl-hero-inner {
		grid-template-columns: 1fr 1fr;
		gap: 64px;
		align-items: start;
		padding: 88px 60px 72px;
	}
}

/* Hero text */
.h-kicker {
	font-family: 'Inter Tight', sans-serif;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .28em;
	text-transform: uppercase;
	color: var(--gold);
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
}
.h-kicker::before {
	content: '';
	width: 18px;
	height: 1px;
	background: var(--gold);
	flex-shrink: 0;
}

.h-head {
	font-family: 'Inter Tight', sans-serif;
	font-size: clamp(34px, 5.2vw, 72px);
	font-weight: 700;
	line-height: 1.03;
	color: var(--parchment);
	margin-bottom: 20px;
}

.h-sub {
	font-family: 'Inter', sans-serif;
	font-size: clamp(14px, 1.8vw, 16px);
	line-height: 1.78;
	color: rgba(255,255,255,.5);
	max-width: 460px;
	margin-bottom: 36px;
}
.h-sub strong { color: rgba(255,255,255,.82); font-weight: 600; }

.h-pills {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 36px;
}
.hp {
	font-family: 'Inter Tight', sans-serif;
	font-size: 11px;
	font-weight: 600;
	padding: 5px 14px;
	border-radius: 100px;
	display: flex;
	align-items: center;
	gap: 5px;
}
.hp.gold  { background: rgba(196,169,106,.12); border: .5px solid rgba(196,169,106,.3);  color: var(--gold); }
.hp.green { background: rgba(76,214,138,.1);   border: .5px solid rgba(76,214,138,.25);  color: #4CD68A; }
.hp.white { background: rgba(255,255,255,.07); border: .5px solid rgba(255,255,255,.14); color: rgba(255,255,255,.65); }

.h-stats {
	display: grid;
	grid-template-columns: repeat(3, auto);
	gap: 0;
	border-top: 1px solid rgba(255,255,255,.1);
	padding-top: 28px;
	width: fit-content;
}
.hst { padding-right: 20px; }
@media (min-width: 480px) { .hst { padding-right: 32px; } }
.hst:not(:first-child) { padding-left: 20px; border-left: 1px solid rgba(255,255,255,.1); }
@media (min-width: 480px) { .hst:not(:first-child) { padding-left: 32px; } }
.hst-n {
	font-family: 'Inter Tight', sans-serif;
	font-size: clamp(20px, 3vw, 28px);
	font-weight: 700;
	color: var(--gold);
	line-height: 1;
	margin-bottom: 4px;
}
.hst-l {
	font-family: 'Inter', sans-serif;
	font-size: 11px;
	color: rgba(255,255,255,.32);
	line-height: 1.45;
}

/* Hero ICL card — hidden on mobile/tablet, shown on desktop */
.icl-card {
	position: relative;
	animation: icl-float 7s ease-in-out 1s infinite;
	max-width: 480px;
	display: none;
}
@media (min-width: 1024px) { .icl-card { display: block; } }

.icl-doc {
	background: var(--white);
	border-radius: var(--r-xl);
	overflow: hidden;
	box-shadow: 0 32px 80px rgba(0,0,0,.5), 0 0 0 1px rgba(196,169,106,.2);
	position: relative;
	width: 100%;
}
.icl-lh {
	background: var(--slate);
	padding: 22px 28px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.icl-lh-logo {
	font-family: 'Inter Tight', sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .2em;
	color: var(--parchment);
	display: flex;
	align-items: center;
	gap: 8px;
}
.icl-lh-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--gold); }
.icl-lh-right { text-align: right; }
.icl-lh-ref  { font-family: 'Inter Tight', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: .1em; color: var(--gold); display: block; }
.icl-lh-date { font-family: 'Inter', sans-serif; font-size: 11px; color: rgba(255,255,255,.4); display: block; margin-top: 2px; }
.icl-rule { height: 4px; background: linear-gradient(90deg, var(--gold), var(--gold-light) 50%, var(--gold)); }
.icl-body { padding: 24px 28px; }
.icl-addressed { font-family: 'Inter', sans-serif; font-size: 12px; color: var(--ink-mute); margin-bottom: 16px; line-height: 1.65; }
.icl-addressed strong { color: var(--slate); font-weight: 600; display: block; margin-bottom: 2px; }
.icl-subject {
	font-family: 'Inter Tight', sans-serif;
	font-size: 13px;
	font-weight: 700;
	color: var(--slate);
	margin-bottom: 14px;
	padding: 10px 14px;
	background: var(--gold-pale);
	border-left: 3px solid var(--gold);
	border-radius: 0 var(--r-sm) var(--r-sm) 0;
}
.icl-para { font-family: 'Inter', sans-serif; font-size: 12px; color: var(--ink-mid); line-height: 1.7; margin-bottom: 12px; }
.icl-checks { margin: 12px 0; display: flex; flex-direction: column; gap: 5px; }
.icc-row {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: 'Inter', sans-serif;
	font-size: 11px;
	color: var(--ink-mute);
}
.icc-ico {
	width: 14px; height: 14px;
	border-radius: 50%;
	background: var(--green-bg);
	border: .5px solid rgba(26,122,74,.22);
	display: flex; align-items: center; justify-content: center;
	font-size: 7px; color: var(--green); font-weight: 700;
	flex-shrink: 0;
}
.icl-jur { margin: 14px 0; display: flex; flex-direction: column; gap: 6px; }
.icj-row { display: grid; grid-template-columns: 18px 1fr 60px; align-items: center; gap: 6px; }
.icj-flag { font-size: 12px; }
.icj-bar-wrap { height: 4px; background: rgba(42,53,69,.08); border-radius: 2px; overflow: hidden; }
.icj-bar {
	height: 100%; border-radius: 2px; width: 0;
	background: linear-gradient(90deg, var(--green), #4CD68A);
	transition: width 1.4s cubic-bezier(.22,1,.36,1);
}
.icj-bar.adv { background: linear-gradient(90deg, #A08040, var(--gold)); }
.icj-stat { font-family: 'Inter Tight', sans-serif; font-size: 9px; font-weight: 700; color: var(--green); text-align: right; }
.icj-stat.adv { color: var(--gold); }

.icl-seal {
	margin-top: 16px; padding: 12px 14px;
	background: var(--slate); border-radius: var(--r-md);
	display: flex; align-items: center; justify-content: space-between;
}
.icl-seal-l { display: flex; align-items: center; gap: 8px; }
.icl-seal-badge {
	font-family: 'Inter Tight', sans-serif; font-size: 9px; font-weight: 700;
	letter-spacing: .12em; text-transform: uppercase;
	padding: 3px 10px; border-radius: 100px;
	background: rgba(196,169,106,.15); color: var(--gold);
	border: .5px solid rgba(196,169,106,.3);
}
.icl-seal-txt { font-family: 'Inter', sans-serif; font-size: 11px; color: rgba(255,255,255,.45); }
.icl-seal-ref { font-family: 'Inter Tight', sans-serif; font-size: 9px; font-weight: 700; letter-spacing: .1em; color: rgba(196,169,106,.5); }

.icl-note {
	margin-top: 12px;
	background: rgba(20,24,32,.85);
	border: .5px solid rgba(196,169,106,.22);
	border-radius: var(--r-md);
	padding: 12px 16px;
	backdrop-filter: blur(20px);
	display: flex; align-items: flex-start; gap: 10px;
}
.icl-note-label {
	font-family: 'Inter Tight', sans-serif; font-size: 9px; font-weight: 700;
	letter-spacing: .14em; text-transform: uppercase;
	color: var(--gold); flex-shrink: 0; margin-top: 2px;
}
.icl-note-text { font-family: 'Inter', sans-serif; font-size: 11px; color: rgba(255,255,255,.55); line-height: 1.55; }
.icl-note-text strong { color: var(--gold); }

/* ════════════════════════════════
   ANALOGY
════════════════════════════════ */
.analogy-section {
	background: var(--parchment);
	padding: 64px 0;
	border-bottom: 1px solid var(--border);
}
@media (min-width: 900px) { .analogy-section { padding: 88px 0; } }

.analogy-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	align-items: center;
	margin: 40px auto;
	max-width: 1000px;
}
@media (min-width: 760px) {
	.analogy-grid { grid-template-columns: 1fr 60px 1fr; gap: 0; }
}
@media (min-width: 960px) {
	.analogy-grid { grid-template-columns: 1fr 80px 1fr; }
}

.analogy-card {
	background: var(--white);
	border: 1px solid var(--border);
	border-radius: var(--r-xl);
	padding: 24px;
	transition: all .2s;
}
@media (min-width: 640px) { .analogy-card { padding: 28px; } }
.analogy-card:hover { border-color: var(--gold); box-shadow: 0 8px 32px rgba(196,169,106,.1); }
.analogy-card.gold-card { background: var(--gold-pale); border-color: var(--border-gold); }

.ac-badge {
	font-family: 'Inter Tight', sans-serif; font-size: 9px; font-weight: 700;
	letter-spacing: .14em; text-transform: uppercase;
	color: var(--gold); margin-bottom: 12px; display: block;
}
.ac-badge.slate { color: var(--slate); }
.ac-title { font-family: 'Inter Tight', sans-serif; font-size: 18px; font-weight: 700; color: var(--slate); margin-bottom: 8px; letter-spacing: -.01em; }
.ac-desc { font-family: 'Inter', sans-serif; font-size: 13px; color: var(--ink-mute); line-height: 1.65; margin-bottom: 16px; }
.ac-solves { font-family: 'Inter Tight', sans-serif; font-size: 11px; font-weight: 600; color: var(--slate); display: flex; align-items: center; gap: 6px; }
.ac-solves::before { content: 'Solves:'; font-weight: 400; color: var(--ink-mute); }

.analogy-arrow { text-align: center; font-size: 28px; color: var(--gold); opacity: .6; display: none; }
@media (min-width: 760px) { .analogy-arrow { display: block; } }

.analogy-outcome {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	margin-top: 32px;
}
@media (min-width: 480px) { .analogy-outcome { grid-template-columns: repeat(3, 1fr); } }
.ao-item {
	padding: 16px;
	background: var(--white);
	border: 1px solid var(--border);
	border-radius: var(--r-lg);
	text-align: center;
}
@media (min-width: 640px) { .ao-item { padding: 20px; } }
.ao-n { font-family: 'Inter Tight', sans-serif; font-size: 22px; font-weight: 700; color: var(--gold); margin-bottom: 4px; line-height: 1; }
.ao-l { font-family: 'Inter', sans-serif; font-size: 11px; color: var(--ink-mute); text-transform: uppercase; letter-spacing: .06em; line-height: 1.4; }

/* ════════════════════════════════
   HOW IT WORKS
════════════════════════════════ */
.how-section {
	background: var(--white);
	padding: 64px 0;
	border-bottom: 1px solid var(--border);
}
@media (min-width: 900px) { .how-section { padding: 88px 0; } }

.how-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 48px;
	align-items: start;
}
@media (min-width: 900px) { .how-grid { grid-template-columns: 1fr 1fr; gap: 72px; } }

.use-cases { display: flex; flex-direction: column; gap: 12px; }
.uc-item {
	display: flex; align-items: flex-start; gap: 16px;
	padding: 16px;
	background: var(--parchment);
	border: 1px solid var(--border);
	border-radius: var(--r-lg);
	transition: all .2s;
	cursor: default;
}
@media (min-width: 480px) { .uc-item { padding: 20px; } }
.uc-item:hover { border-color: var(--gold); background: var(--gold-pale); box-shadow: 0 4px 16px rgba(196,169,106,.1); }
.uc-num {
	width: 36px; height: 36px; border-radius: 50%; flex-shrink: 0;
	background: var(--gold-pale); border: 1.5px solid var(--gold);
	display: flex; align-items: center; justify-content: center;
	font-family: 'Inter Tight', sans-serif; font-size: 13px; font-weight: 700; color: var(--slate);
}
.uc-title { font-family: 'Inter Tight', sans-serif; font-size: 14px; font-weight: 700; color: var(--slate); margin-bottom: 5px; }
.uc-desc  { font-family: 'Inter', sans-serif; font-size: 13px; color: var(--ink-mute); line-height: 1.65; }

.process-steps { display: flex; flex-direction: column; gap: 0; }
.ps-item {
	display: grid; grid-template-columns: 44px 1fr;
	gap: 14px; padding-bottom: 28px; position: relative;
}
.ps-item:last-child { padding-bottom: 0; }
.ps-item:not(:last-child)::before {
	content: ''; position: absolute;
	left: 21px; top: 44px; bottom: 0;
	width: 1px; background: var(--border);
}
.ps-circle {
	width: 44px; height: 44px; border-radius: 50%; flex-shrink: 0;
	display: flex; align-items: center; justify-content: center;
	font-family: 'Inter Tight', sans-serif; font-size: 13px; font-weight: 700;
	background: var(--gold-pale); border: 1.5px solid var(--gold); color: var(--slate);
	position: relative; z-index: 1;
	transition: all .2s;
}
.ps-item:hover .ps-circle { background: var(--gold); color: var(--obsidian); }
.ps-body { padding-top: 9px; }
.ps-title { font-family: 'Inter Tight', sans-serif; font-size: 14px; font-weight: 700; color: var(--slate); margin-bottom: 4px; }
.ps-desc  { font-family: 'Inter', sans-serif; font-size: 13px; color: var(--ink-mute); line-height: 1.65; }
.ps-time  { font-family: 'Inter Tight', sans-serif; font-size: 11px; font-weight: 700; color: var(--gold); margin-top: 5px; }

/* ════════════════════════════════
   CONTENT / ANATOMY
════════════════════════════════ */
.content-section {
	background: var(--ivory);
	padding: 64px 0;
	border-bottom: 1px solid var(--border);
}
@media (min-width: 900px) { .content-section { padding: 88px 0; } }

.two-col {
	display: grid;
	grid-template-columns: 1fr;
	gap: 40px;
	align-items: start;
}
@media (min-width: 900px) { .two-col { grid-template-columns: 1fr 1fr; gap: 72px; } }

.icl-anatomy {
	background: var(--white);
	border: 1px solid var(--border);
	border-radius: var(--r-xl);
	overflow: visible;
	box-shadow: 0 4px 8px rgba(42,53,69,.04), 0 16px 48px rgba(42,53,69,.07);
}
.ia-head { border-radius: var(--r-xl) var(--r-xl) 0 0; }
.ia-row:last-child { border-bottom: none; border-radius: 0 0 var(--r-xl) var(--r-xl); }
.ia-head {
	background: var(--slate);
	padding: 18px 26px;
	display: flex; align-items: center; gap: 10px;
}
.ia-dot   { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); flex-shrink: 0; }
.ia-title { font-family: 'Inter Tight', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: .04em; color: var(--gold); }

.ia-row {
	display: flex; align-items: flex-start; gap: 14px;
	padding: 14px 20px;
	border-bottom: .5px solid var(--border);
	transition: background .15s;
	overflow: visible;
}
@media (min-width: 480px) { .ia-row { padding: 16px 26px; } }
.ia-row:hover { background: var(--parchment); }
.ia-row:last-child { border-bottom: none; }
.ia-row > div { flex: 1; min-width: 0; overflow: visible; }

.ia-ico {
	width: 32px; height: 32px;
	border-radius: var(--r-sm); flex-shrink: 0;
	display: flex; align-items: center; justify-content: center;
	font-size: 14px; background: var(--gold-pale); margin-top: 1px;
}
.ia-item-title { font-family: 'Inter Tight', sans-serif; font-size: 14px; font-weight: 700; color: var(--slate); margin-bottom: 4px; white-space: normal; word-break: normal; }
.ia-item-desc  { font-family: 'Inter', sans-serif; font-size: 13px; color: var(--ink-mute); line-height: 1.6; white-space: normal; word-break: normal; }

/* Comparison table */
.comp-table-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.comp-table {
	width: 100%; table-layout: fixed;
	border-collapse: collapse;
	border-radius: var(--r-lg);
	overflow: hidden;
}
.comp-table th:nth-child(1) { width: 44%; }
.comp-table th:nth-child(2) { width: 28%; }
.comp-table th:nth-child(3) { width: 28%; }
.comp-table th {
	font-family: 'Inter Tight', sans-serif; font-size: 11px; font-weight: 700;
	letter-spacing: .08em; text-transform: uppercase;
	padding: 12px 14px; text-align: left;
	background: var(--slate); color: var(--gold);
	word-break: normal; white-space: normal;
}
.comp-table td {
	font-family: 'Inter', sans-serif; font-size: 12px;
	padding: 11px 14px;
	border-bottom: .5px solid var(--border);
	color: var(--ink-mid); background: var(--white);
	word-break: normal; white-space: normal; vertical-align: top;
}
.comp-table tr:last-child td { border-bottom: none; }
.comp-table tr:hover td { background: var(--parchment); }
.comp-table td:first-child { color: var(--slate); font-weight: 500; }
.td-gold  { color: var(--gold); font-weight: 700; font-family: 'Inter Tight', sans-serif; }
.td-check { color: var(--green); font-weight: 700; }
.td-x     { color: #C9483A; font-weight: 700; }

/* ════════════════════════════════
   PRICING
════════════════════════════════ */
.price-section {
	background: var(--white);
	padding: 64px 0;
	border-bottom: 1px solid var(--border);
}
@media (min-width: 900px) { .price-section { padding: 88px 0; } }

.price-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	margin-bottom: 32px;
}
@media (min-width: 640px) { .price-grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 960px) { .price-grid { grid-template-columns: repeat(3, 1fr); } }

.pc {
	background: var(--parchment);
	border: 1px solid var(--border);
	border-radius: var(--r-xl);
	padding: 28px;
	transition: all .22s;
	position: relative;
	overflow: hidden;
}
@media (min-width: 640px) { .pc { padding: 32px; } }
.pc:hover { border-color: var(--slate-mid); transform: translateY(-3px); box-shadow: 0 16px 48px rgba(42,53,69,.1); }
.pc.feat  { background: var(--gold-pale); border-color: var(--gold); }
.pc.feat::before {
	content: 'Most requested';
	position: absolute; top: -1px; left: 50%; transform: translateX(-50%);
	font-family: 'Inter Tight', sans-serif; font-size: 9px; font-weight: 700;
	letter-spacing: .1em; text-transform: uppercase;
	background: var(--gold); color: var(--obsidian);
	padding: 3px 14px; border-radius: 0 0 8px 8px;
}
.pc-tier      { font-family: 'Inter Tight', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--gold); margin-bottom: 10px; }
.pc-name      { font-family: 'Inter Tight', sans-serif; font-size: 18px; font-weight: 700; color: var(--slate); margin-bottom: 4px; letter-spacing: -.01em; }
.pc-who       { font-family: 'Inter', sans-serif; font-size: 13px; color: var(--ink-mute); margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid var(--border); }
.pc-price-lbl { font-family: 'Inter', sans-serif; font-size: 11px; color: var(--ink-mute); text-transform: uppercase; letter-spacing: .06em; margin-bottom: 4px; }
.pc-price     { font-family: 'Inter Tight', sans-serif; font-size: 30px; font-weight: 700; color: var(--slate); margin-bottom: 4px; line-height: 1; }
.pc-price-sub { font-family: 'Inter', sans-serif; font-size: 12px; color: var(--ink-mute); margin-bottom: 20px; }
.pc-features  { display: flex; flex-direction: column; gap: 8px; margin-bottom: 24px; }

.pf { display: flex; align-items: flex-start; gap: 8px; font-family: 'Inter', sans-serif; font-size: 13px; color: var(--ink-mid); }
.pf-ico {
	width: 16px; height: 16px; border-radius: 50%;
	background: var(--green-bg); border: .5px solid rgba(26,122,74,.22);
	display: flex; align-items: center; justify-content: center;
	font-size: 8px; color: var(--green); flex-shrink: 0; margin-top: 1px;
}

.btn-pc {
	width: 100%; padding: 12px;
	border-radius: var(--r-md);
	font-family: 'Inter Tight', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: .03em;
	background: var(--slate); color: var(--gold);
	border: none; cursor: pointer; transition: all .2s;
}
.btn-pc:hover      { background: var(--slate-mid); }
.btn-pc.gold       { background: var(--gold); color: var(--obsidian); }
.btn-pc.gold:hover { background: var(--gold-light); }

.price-note {
	display: flex; align-items: flex-start; gap: 14px;
	padding: 20px;
	background: var(--ivory); border: 1px solid var(--border); border-radius: var(--r-lg);
}
@media (min-width: 480px) { .price-note { padding: 22px 26px; } }
.pn-icon { font-size: 18px; flex-shrink: 0; margin-top: 2px; }
.pn-text { font-family: 'Inter', sans-serif; font-size: 13px; color: var(--ink-mute); line-height: 1.7; }
.pn-text strong { color: var(--slate); font-weight: 600; }

/* ════════════════════════════════
   SUBMIT SECTION
════════════════════════════════ */
.submit-section {
	background: var(--slate-deep);
	padding: 64px 0;
}
@media (min-width: 900px) { .submit-section { padding: 88px 0; } }

/* Form wrapper */
.sf-wrap {
	background: rgba(255,255,255,.04);
	border: .5px solid rgba(255,255,255,.1);
	border-radius: var(--r-xl);
	overflow: hidden;
}
.sf-head {
	padding: 20px;
	border-bottom: .5px solid rgba(255,255,255,.08);
	background: linear-gradient(135deg, rgba(196,169,106,.1), transparent);
}
@media (min-width: 480px) { .sf-head { padding: 24px 28px; } }
.sf-title { font-family: 'Inter Tight', sans-serif; font-size: 18px; font-weight: 700; color: var(--parchment); margin-bottom: 4px; letter-spacing: -.01em; }
.sf-sub2  { font-family: 'Inter', sans-serif; font-size: 13px; color: rgba(255,255,255,.36); line-height: 1.6; }
.sf-body  { padding: 20px; display: flex; flex-direction: column; gap: 14px; }
@media (min-width: 480px) { .sf-body { padding: 24px 28px; } }

/* Form rows — 1-col mobile, 2-col ≥480px */
.sfr { display: grid; grid-template-columns: 1fr; gap: 12px; }
@media (min-width: 480px) { .sfr { grid-template-columns: 1fr 1fr; } }
.sfr.full { grid-template-columns: 1fr !important; }

.sfg { display: flex; flex-direction: column; gap: 6px; }
.sfl {
	font-family: 'Inter Tight', sans-serif; font-size: 10px; font-weight: 700;
	letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.3);
}
.sfi {
	font-family: 'Inter', sans-serif; font-size: 13px;
	padding: 10px 14px; border-radius: var(--r-md);
	background: rgba(255,255,255,.05); border: .5px solid rgba(255,255,255,.12);
	color: var(--parchment); outline: none; width: 100%;
	transition: border-color .2s;
	margin-bottom: 20px;
}
.sfi::placeholder { color: rgba(255,255,255,.2); }
.sfi:focus { border-color: rgba(196,169,106,.45); background: rgba(255,255,255,.07); }

select.sfi {
	cursor: pointer; appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='rgba(255,255,255,0.3)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	padding-right: 32px;
}
select.sfi option { background: var(--slate-deep); color: var(--parchment); }
textarea.sfi { resize: vertical; line-height: 1.6; }

.sf-decl {
	display: flex; align-items: flex-start; gap: 10px;
	padding: 12px 14px;
	background: rgba(255,255,255,.03); border-radius: var(--r-md);
	cursor: pointer;
}
.sf-decl input { accent-color: var(--gold); width: 14px; height: 14px; flex-shrink: 0; margin-top: 2px; }
.sf-decl-text  { font-family: 'Inter', sans-serif; font-size: 12px; color: rgba(255,255,255,.33); line-height: 1.6; }

.btn-sub{
    width:100% !important;
    padding:14px !important;
    border-radius:var(--r-md) !important;
    font-family:'Inter Tight',sans-serif !important;
    font-size:14px !important;
    font-weight:700 !important;
    letter-spacing:.03em !important;
    background:var(--gold) !important;
    color:var(--obsidian) !important;
    border:none !important;
    cursor:pointer !important;
    transition:all .2s !important;
}

.btn-sub:hover{
    filter:brightness(1.07) !important;
    transform:translateY(-1px) !important;
}

.btn-sub:disabled{
    opacity:.6 !important;
    cursor:not-allowed !important;
    transform:none !important;
}
/* Sidebar steps */
.si-steps { display: flex; flex-direction: column; gap: 0; }
.sis {
	display: grid; grid-template-columns: 32px 1fr;
	gap: 12px; padding-bottom: 24px; position: relative;
}
.sis:last-child { padding-bottom: 0; }
.sis:not(:last-child)::before {
	content: ''; position: absolute;
	left: 15px; top: 32px; bottom: 0;
	width: 1px; background: rgba(255,255,255,.08);
}
.sis-n {
	width: 32px; height: 32px; border-radius: 50%; flex-shrink: 0;
	background: rgba(196,169,106,.1); border: .5px solid rgba(196,169,106,.25);
	display: flex; align-items: center; justify-content: center;
	font-family: 'Inter Tight', sans-serif; font-size: 12px; font-weight: 700; color: var(--gold);
	position: relative; z-index: 1;
}
.sis-body   { padding-top: 5px; }
.sis-title  { font-family: 'Inter Tight', sans-serif; font-size: 14px; font-weight: 700; color: var(--parchment); margin-bottom: 3px; }
.sis-desc   { font-family: 'Inter', sans-serif; font-size: 12px; color: rgba(255,255,255,.38); line-height: 1.65; }
.sis-time   { font-family: 'Inter Tight', sans-serif; font-size: 11px; font-weight: 700; color: var(--gold); margin-top: 4px; }

/* Message, loading, success */
.icl-message { padding: 15px 20px; border-radius: 10px; margin-bottom: 20px; display: none; }
.icl-message.success { display: block; background: #E6F4EE; color: #1A7A4A; border: 1px solid #1A7A4A; }
.icl-message.error   { display: block; background: #FEE2E2; color: #DC2626; border: 1px solid #DC2626; }

.icl-loading {
	position: fixed; top: 0; left: 0; width: 100%; height: 100%;
	background: rgba(0,0,0,.8);
	display: none; flex-direction: column; align-items: center; justify-content: center;
	z-index: 9999;
}
.icl-loading.active { display: flex; }
.loading-spinner {
	width: 50px; height: 50px;
	border: 3px solid rgba(255,255,255,.3); border-top-color: var(--gold);
	border-radius: 50%;
	animation: icl-spin 1s linear infinite;
}
.icl-loading p { color: var(--gold); margin-top: 20px; font-family: 'Inter Tight', sans-serif; font-size: 14px; }

.icl-success { display: none; text-align: center; padding: 60px 40px; }
.icl-success.active { display: block; }

/* Honeypot — completely hidden from real users */
.icl-hp-field {
	position: absolute;
	left: -9999px; top: -9999px;
	width: 1px; height: 1px;
	overflow: hidden; opacity: 0;
	pointer-events: none;
	tab-index: -1;
} 
/* Full Page Loader */

#icl-loading{
    display:none;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100vh;
    background:rgba(10,10,10,.92);
    z-index:999999;
    align-items:center;
    justify-content:center;
    flex-direction:column;
}

.loading-spinner{
    width:70px;
    height:70px;
    border:4px solid rgba(255,255,255,.15);
    border-top:4px solid #c4a96a;
    border-radius:50%;
    animation:iclSpin 1s linear infinite;
}

#icl-loading p{
    color:#fff;
    margin-top:20px;
    font-size:16px;
    font-weight:600;
}

@keyframes iclSpin{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}

body.icl-loading-active{
    overflow:hidden;
}

#icl-success{
    display:none;
    text-align:center;
    padding:80px 20px;
}
/* ============================================================
   UNBOUNDED™ BARCELONA 2026 — Stylesheet
   File: unione-barcelona-2026.css
   ============================================================ */

/* ── CSS Variables ── */
.unbounded-container {
	--slate: #2A3545;
	--slate-deep: #1C2534;
	--slate-mid: #3D4F63;
	--gold: #C4A96A;
	--gold-light: #E8D9B0;
	--gold-pale: #F7F2E8;
	--parchment: #FAFAF8;
	--ivory: #F2F1EE;
	--obsidian: #141820;
	--white: #fff;
	--ink: #1A1A18;
	--ink-mid: #4A4843;
	--ink-mute: #8A8880;
	--border: rgba(42, 53, 69, .12);
	--green: #1A7A4A;
	--green-bg: #E6F4EE;
	--r-sm: 6px;
	--r-md: 10px;
	--r-lg: 16px;
	--r-xl: 24px;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	background: var(--obsidian);
	color: var(--ink);
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
	width: 100%;
}

.unbounded-container *,
.unbounded-container *::before,
.unbounded-container *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

/* ── Animations ── */
@keyframes shimmer {
	0%   { background-position: -200% center; }
	100% { background-position: 200% center; }
}

@keyframes pulse-dot {
	0%, 100% { opacity: 1; transform: scale(1); }
	50%       { opacity: .5; transform: scale(.7); }
}

@keyframes fadeUp {
	from { opacity: 0; transform: translateY(18px); }
	to   { opacity: 1; transform: translateY(0); }
}

@keyframes fadeIn {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@keyframes zoomIn {
	from { opacity: 0; transform: scale(1.05); }
	to   { opacity: 1; transform: scale(1); }
}

.fade-up { animation: fadeUp 0.6s ease both; }
.fade-in { animation: fadeIn 1s ease both; }
.zoom-in { animation: zoomIn 0.5s ease both; }
.delay-1 { animation-delay: 0.1s; }
.delay-2 { animation-delay: 0.2s; }
.delay-3 { animation-delay: 0.3s; }
.delay-4 { animation-delay: 0.4s; }
.delay-5 { animation-delay: 0.5s; }

/* ============================================
   IMAGE SLIDER BACKGROUND — FULL SCREEN NO BLACK BARS
   ============================================ */
.unbounded-hero {
	position: relative;
	min-height: 100vh;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.unbounded-hero-slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	overflow: hidden;
}

.unbounded-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity 1.5s ease-in-out;
	pointer-events: none;
}

.unbounded-slide.active {
	opacity: 1;
	z-index: 1;
}

.unbounded-slide:first-child {
	opacity: 1;
}

.unbounded-hero-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: linear-gradient(135deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.7) 100%);
}

.unbounded-hero-inner {
	position: relative;
	z-index: 2;
	max-width: 1200px;
	margin: 0 auto;
	padding: 100px 24px 60px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	width: 100%;
}

@media (min-width: 768px) {
	.unbounded-hero-inner {
		padding: 120px 52px 60px;
	}
}

.unbounded-hero-logo {
	margin-bottom: 36px;
	width: 100%;
	max-width: 800px;
}

.unbounded-hero-logo img {
	width: 100%;
	height: auto;
	mix-blend-mode: screen;
	filter: brightness(1.08);
	display: block;
}

.unbounded-hero-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: .5px solid rgba(196, 169, 106, .5);
	border-radius: 100px;
	padding: 6px 14px;
	margin-bottom: 24px;
	background: rgba(0, 0, 0, 0.4);
	backdrop-filter: blur(8px);
}

@media (min-width: 768px) {
	.unbounded-hero-eyebrow {
		padding: 8px 18px;
	}
}

.unbounded-hero-eyebrow span.dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--gold);
	display: inline-block;
	animation: pulse-dot 1.8s ease-in-out infinite;
}

.unbounded-hero-eyebrow span.txt {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .85);
}

@media (min-width: 768px) {
	.unbounded-hero-eyebrow span.txt {
		font-size: 11px;
	}
}

.unbounded-hero-h {
	font-family: 'Inter Tight', sans-serif;
	font-size: clamp(32px, 7vw, 68px);
	font-weight: 700;
	color: #fff;
	letter-spacing: -.035em;
	line-height: 1.1;
	margin-bottom: 24px;
	max-width: 850px;
	text-shadow: 0 2px 30px rgba(0, 0, 0, 0.5);
}

@media (min-width: 768px) {
	.unbounded-hero-h {
		line-height: 1.06;
	}
}

.unbounded-hero-h .gold {
	background: linear-gradient(135deg, #C4A96A 0%, #F0DFA0 40%, #C4A96A 70%);
	background-size: 200% auto;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	animation: shimmer 4s linear infinite;
}

.unbounded-hero-sub {
	font-size: 15px;
	font-weight: 300;
	color: rgba(255, 255, 255, .8);
	line-height: 1.7;
	margin-bottom: 36px;
	max-width: 600px;
	text-shadow: 0 1px 15px rgba(0, 0, 0, 0.3);
}

@media (min-width: 768px) {
	.unbounded-hero-sub {
		font-size: 17px;
		line-height: 1.82;
	}
}

.unbounded-hero-actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 48px;
	justify-content: center;
}

@media (min-width: 768px) {
	.unbounded-hero-actions {
		gap: 16px;
	}
}

/* ── Buttons ── */
.unbounded-btn-gold {
	font-family: 'Inter', sans-serif;
	font-size: 13px;
	font-weight: 700;
	padding: 12px 24px;
	border-radius: var(--r-md);
	background: var(--gold);
	color: var(--obsidian);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: all .2s;
	border: none;
	cursor: pointer;
}

@media (min-width: 768px) {
	.unbounded-btn-gold {
		font-size: 15px;
		padding: 15px 36px;
	}
}

.unbounded-btn-gold:hover {
	background: #b8973a;
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(196, 169, 106, .4);
}

.unbounded-btn-ghost-light {
	font-family: 'Inter', sans-serif;
	font-size: 13px;
	font-weight: 500;
	padding: 12px 24px;
	border-radius: var(--r-md);
	border: 1px solid rgba(255, 255, 255, .3);
	color: rgba(255, 255, 255, .9);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: all .2s;
	background: rgba(0, 0, 0, 0.3);
	backdrop-filter: blur(8px);
}

@media (min-width: 768px) {
	.unbounded-btn-ghost-light {
		font-size: 15px;
		padding: 15px 36px;
	}
}

.unbounded-btn-ghost-light:hover {
	border-color: rgba(255, 255, 255, .6);
	color: #fff;
	transform: translateY(-2px);
	background: rgba(0, 0, 0, 0.5);
}

/* ── Hero Facts ── */
.unbounded-hero-facts {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	justify-content: center;
}

@media (min-width: 768px) {
	.unbounded-hero-facts {
		gap: 32px;
	}
}

.unbounded-hero-fact {
	font-size: 10px;
	color: rgba(255, 255, 255, .5);
	display: flex;
	align-items: center;
	gap: 8px;
	background: rgba(0, 0, 0, 0.3);
	padding: 4px 10px;
	border-radius: 100px;
	backdrop-filter: blur(4px);
}

@media (min-width: 768px) {
	.unbounded-hero-fact {
		font-size: 12px;
		padding: 5px 12px;
	}
}

.unbounded-hero-fact::before {
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--gold);
	opacity: .8;
	display: inline-block;
}

/* ============================================
   SECTION STYLES — FULLY RESPONSIVE
   ============================================ */
.unbounded-sec {
	padding: 60px 24px;
}

@media (min-width: 768px) {
	.unbounded-sec {
		padding: 96px 52px;
	}
}

.unbounded-si {
	max-width: 1280px;
	margin: 0 auto;
}

.unbounded-stag {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--gold);
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 14px;
}

@media (min-width: 768px) {
	.unbounded-stag {
		font-size: 10.5px;
	}
}

.unbounded-stag::before {
	content: '';
	width: 24px;
	height: 1px;
	background: var(--gold);
	display: inline-block;
}

.unbounded-sh {
	font-family: 'Inter Tight', sans-serif;
	font-size: clamp(28px, 5vw, 48px);
	font-weight: 700;
	letter-spacing: -.03em;
	line-height: 1.1;
	margin-bottom: 16px;
}

.unbounded-sp {
	font-size: 14px;
	line-height: 1.7;
	font-weight: 300;
	max-width: 560px;
	margin-bottom: 40px;
}

@media (min-width: 768px) {
	.unbounded-sp {
		font-size: 15px;
		line-height: 1.82;
		margin-bottom: 48px;
	}
}

/* ── Why Barcelona Grid ── */
.unbounded-why-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}

@media (min-width: 640px) {
	.unbounded-why-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.unbounded-why-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.unbounded-wcard {
	padding: 24px 20px;
	border-radius: var(--r-xl);
	border: .5px solid rgba(255, 255, 255, .07);
	background: rgba(255, 255, 255, .03);
	transition: all .3s ease;
}

@media (min-width: 768px) {
	.unbounded-wcard {
		padding: 28px 24px;
	}
}

.unbounded-wcard:hover {
	background: rgba(255, 255, 255, .06);
	transform: translateY(-3px);
	border-color: rgba(196, 169, 106, .2);
}

.unbounded-wn {
	font-family: 'Inter Tight', sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: rgba(196, 169, 106, .25);
	margin-bottom: 12px;
	line-height: 1;
}

@media (min-width: 768px) {
	.unbounded-wn {
		font-size: 32px;
	}
}

.unbounded-wt {
	font-size: 13px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 8px;
	line-height: 1.3;
}

@media (min-width: 768px) {
	.unbounded-wt {
		font-size: 14px;
	}
}

.unbounded-wd {
	font-size: 12px;
	color: rgba(255, 255, 255, .42);
	line-height: 1.6;
	font-weight: 300;
}

@media (min-width: 768px) {
	.unbounded-wd {
		font-size: 12.5px;
		line-height: 1.7;
	}
}

/* ── Programme Section ── */
.unbounded-prog {
	display: flex;
	flex-direction: column;
}

.unbounded-prow {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 24px 0;
	border-bottom: .5px solid var(--border);
}

@media (min-width: 768px) {
	.unbounded-prow {
		display: grid;
		grid-template-columns: 140px 1fr;
		gap: 32px;
		padding: 32px 0;
	}
}

.unbounded-prow:last-child {
	border-bottom: none;
}

.unbounded-prow.feat {
	background: linear-gradient(135deg, rgba(196, 169, 106, .06), transparent);
	border: .5px solid rgba(196, 169, 106, .18);
	border-radius: var(--r-lg);
	padding: 20px;
	margin: -1px 0;
}

@media (min-width: 768px) {
	.unbounded-prow.feat {
		padding: 28px;
	}
}

.unbounded-plabel {
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--gold);
	margin-bottom: 4px;
}

.unbounded-ptag {
	font-family: 'Inter Tight', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: var(--slate);
	letter-spacing: -.02em;
	line-height: 1.2;
}

@media (min-width: 768px) {
	.unbounded-ptag {
		font-size: 18px;
	}
}

.unbounded-ptag.g {
	color: var(--gold);
}

.unbounded-pname {
	font-family: 'Inter Tight', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: var(--slate);
	letter-spacing: -.02em;
	margin-bottom: 8px;
}

@media (min-width: 768px) {
	.unbounded-pname {
		font-size: 18px;
	}
}

.unbounded-pdesc {
	font-size: 12.5px;
	color: var(--ink-mute);
	line-height: 1.7;
	font-weight: 300;
	margin-bottom: 12px;
}

@media (min-width: 768px) {
	.unbounded-pdesc {
		font-size: 13.5px;
		line-height: 1.75;
	}
}

.unbounded-badges {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
}

.unbounded-badge {
	font-size: 9px;
	font-weight: 700;
	padding: 3px 8px;
	border-radius: 100px;
	letter-spacing: .04em;
}

@media (min-width: 768px) {
	.unbounded-badge {
		font-size: 9.5px;
		padding: 4px 10px;
	}
}

.unbounded-badge.bg  { background: var(--gold-pale); color: #7A6030; border: .5px solid rgba(196, 169, 106, .3); }
.unbounded-badge.bs  { background: var(--ivory); color: var(--slate-mid); border: .5px solid var(--border); }
.unbounded-badge.bgr { background: var(--green-bg); color: var(--green); }

/* ── Designations Grid ── */
.unbounded-des-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	margin-top: 32px;
}

@media (min-width: 640px) {
	.unbounded-des-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.unbounded-des-grid {
		grid-template-columns: repeat(3, 1fr);
		margin-top: 0;
	}
}

@media (min-width: 1024px) {
	.unbounded-si .grid-2col {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 64px;
		align-items: start;
	}
}

.unbounded-dc {
	background: var(--white);
	border: .5px solid var(--border);
	border-radius: var(--r-xl);
	padding: 22px 18px;
	position: relative;
	overflow: hidden;
	transition: all .25s ease;
}

@media (min-width: 768px) {
	.unbounded-dc {
		padding: 26px 22px;
	}
}

.unbounded-dc:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 48px rgba(42, 53, 69, .1);
}

.unbounded-dc::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
}

.unbounded-dc-sf::before { background: linear-gradient(90deg, var(--gold), var(--gold-light)); }
.unbounded-dc-f::before  { background: linear-gradient(90deg, var(--slate), var(--slate-mid)); }
.unbounded-dc-af::before { background: var(--border); }

.unbounded-dbadge {
	display: inline-block;
	font-family: 'Inter Tight', sans-serif;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .05em;
	padding: 3px 10px;
	border-radius: 100px;
	margin-bottom: 12px;
}

@media (min-width: 768px) {
	.unbounded-dbadge {
		font-size: 11px;
		padding: 4px 12px;
	}
}

.unbounded-db-sf { background: var(--gold-pale); color: #7A6030; border: .5px solid rgba(196, 169, 106, .3); }
.unbounded-db-f  { background: var(--slate); color: var(--gold); }
.unbounded-db-af { background: var(--ivory); color: var(--slate-mid); border: .5px solid var(--border); }

.unbounded-dtitle {
	font-family: 'Inter Tight', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: var(--slate);
	margin-bottom: 4px;
}

@media (min-width: 768px) {
	.unbounded-dtitle {
		font-size: 18px;
	}
}

.unbounded-dsub {
	font-size: 10px;
	color: var(--ink-mute);
	margin-bottom: 10px;
	font-weight: 500;
}

@media (min-width: 768px) {
	.unbounded-dsub {
		font-size: 11px;
	}
}

.unbounded-ddesc {
	font-size: 11.5px;
	color: var(--ink-mute);
	line-height: 1.6;
	font-weight: 300;
}

@media (min-width: 768px) {
	.unbounded-ddesc {
		font-size: 12.5px;
		line-height: 1.7;
	}
}

/* ── CTA Band ── */
.unbounded-cta-band {
	background: var(--slate);
	border-radius: var(--r-xl);
	padding: 40px 24px;
	text-align: center;
	position: relative;
	overflow: hidden;
}

@media (min-width: 768px) {
	.unbounded-cta-band {
		padding: 64px 56px;
	}
}

.unbounded-cta-band::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse 60% 80% at 50% 100%, rgba(196, 169, 106, .08), transparent);
}

/* ── Form Styles ── */
.unbounded-form-group {
	margin-bottom: 20px;
	text-align: left;
}

.unbounded-form-group label {
	display: block;
	font-size: 12px;
	font-weight: 500;
	color: var(--parchment);
	margin-bottom: 8px;
}

@media (min-width: 768px) {
	.unbounded-form-group label {
		font-size: 13px;
	}
}

.unbounded-form-group input,
.unbounded-form-group select,
.unbounded-form-group textarea {
	width: 100%;
	padding: 10px 14px;
	border-radius: var(--r-md);
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.05);
	color: var(--parchment);
	font-family: 'Inter', sans-serif;
	font-size: 13px;
	transition: all 0.2s;
}

@media (min-width: 768px) {
	.unbounded-form-group input,
	.unbounded-form-group select,
	.unbounded-form-group textarea {
		padding: 12px 16px;
		font-size: 14px;
	}
}

.unbounded-form-group input:focus,
.unbounded-form-group select:focus,
.unbounded-form-group textarea:focus {
	outline: none;
	border-color: var(--gold);
	background: rgba(46, 56, 70, 0.8);
}

.unbounded-form-group textarea {
	resize: vertical;
	min-height: 80px;
}

@media (min-width: 768px) {
	.unbounded-form-group textarea {
		min-height: 100px;
	}
}

.unbounded-form-row {
	display: grid;
	grid-template-columns: 1fr;
	gap: 15px;
}

@media (min-width: 640px) {
	.unbounded-form-row {
		grid-template-columns: 1fr 1fr;
		gap: 20px;
	}
}

.unbounded-success-msg,
.unbounded-error-msg {
	padding: 12px 16px;
	border-radius: var(--r-md);
	margin-bottom: 20px;
	display: none;
	font-size: 13px;
}

@media (min-width: 768px) {
	.unbounded-success-msg,
	.unbounded-error-msg {
		padding: 15px 20px;
	}
}

.unbounded-success-msg {
	background: var(--green-bg);
	color: var(--green);
	border: 1px solid var(--green);
}

.unbounded-error-msg {
	background: #FEF2F0;
	color: #C73E3E;
	border: 1px solid #F4A5A5;
}

.unbounded-form-loading {
	display: none;
	text-align: center;
	margin-top: 20px;
	color: var(--gold);
	font-size: 13px;
}

/* ── Reduce motion accessibility ── */
@media (prefers-reduced-motion: reduce) {
	.unbounded-slide { transition: none !important; }
	* {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}
/* ** Render Legal Services Shortcode */

:root {
    --slate:#2A3545; --slate-deep:#1C2534; --slate-mid:#3D4F63;
    --gold:#C4A96A; --gold-light:#E8D9B0; --gold-pale:#F7F2E8;
    --parchment:#FAFAF8; --ivory:#F2F1EE; --white:#FFFFFF;
    --obsidian:#141820; --ink:#1A1A18; --ink-mid:#4A4843; --ink-mute:#8A8880;
    --border:rgba(42,53,69,0.10); --border-gold:rgba(196,169,106,0.30);
    --green:#1A7A4A; --green-bg:#E6F4EE;
    --r-sm:6px; --r-md:10px; --r-lg:16px; --r-xl:24px;
}

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.legal-wrapper {
    max-width: 100%;
    overflow-x: hidden;
    font-family: 'Inter', sans-serif;
    background: var(--white);
}

@keyframes shimmer {
    0% { background-position: -300% center; }
    100% { background-position: 300% center; }
}

@keyframes fadeUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes scan {
    0% { top: -2px; }
    100% { top: 100%; }
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

.gold-word {
    background: linear-gradient(90deg,#C4A96A 0%,#E8D9B0 28%,#F5EAC0 42%,#C4A96A 56%,#A07830 76%,#C4A96A 100%);
    background-size: 300% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: shimmer 5s linear infinite;
}

.rv {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.rv.on {
    opacity: 1;
    transform: translateY(0);
}

.d1 { transition-delay: 0.06s; }
.d2 { transition-delay: 0.14s; }
.d3 { transition-delay: 0.24s; }
.d4 { transition-delay: 0.36s; }
.d5 { transition-delay: 0.5s; }

/* Tabs Navigation */
.legal-tabs {
    background: var(--white);
    border-bottom: 1px solid var(--border);
    padding: 0 60px;
    display: flex;
    gap: 4px;
    justify-content: center;
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(20px);
}

.legal-tab {
    font-family: 'Inter Tight', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.03em;
    padding: 14px 24px;
    border-radius: 0;
    cursor: pointer;
    border: none;
    background: transparent;
    color: var(--ink-mute);
    transition: all 0.18s;
    position: relative;
}

.legal-tab:hover {
    color: var(--slate);
    background: var(--ivory);
}

.legal-tab.on {
    color: var(--gold);
    background: transparent;
}

.legal-tab.on::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--gold);
}

/* Page Views */
.legal-page-view {
    display: none;
}

.legal-page-view.on {
    display: block;
}

/* Hero Section */
.product-hero {
    padding: 80px 60px 72px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid var(--border);
}

.product-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--gold);
}

.product-hero.obsidian { background: var(--slate-deep); }
.product-hero.parchment { background: var(--parchment); }
.product-hero.white { background: var(--white); }

.ph-inner {
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    align-items: center;
}

.ph-kicker {
    font-family: 'Inter Tight', sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.26em;
    text-transform: uppercase;
    color: var(--gold);
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.ph-kicker::before {
    content: '';
    width: 18px;
    height: 1px;
    background: var(--gold);
    flex-shrink: 0;
}

.ph-headline {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(36px, 4vw, 54px);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.025em;
    color: var(--parchment);
    margin-bottom: 16px;
}

.ph-headline.dark { color: var(--slate); }

.ph-sub {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.52);
    max-width: 460px;
    margin-bottom: 32px;
}

.ph-sub.dark { color: var(--ink-mute); }
.ph-sub strong { color: rgba(255, 255, 255, 0.82); font-weight: 600; }
.ph-sub.dark strong { color: var(--ink); }

.ph-pills {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 32px;
}

.ph-pill {
    font-family: 'Inter Tight', sans-serif;
    font-size: 11px;
    font-weight: 600;
    padding: 5px 14px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.ph-pill.gold { background: rgba(196, 169, 106, 0.12); border: 0.5px solid rgba(196, 169, 106, 0.28); color: var(--gold); }
.ph-pill.green { background: rgba(26, 122, 74, 0.1); border: 0.5px solid rgba(26, 122, 74, 0.2); color: #4CD68A; }
.ph-pill.slate { background: rgba(42, 53, 69, 0.07); border: 0.5px solid rgba(42, 53, 69, 0.12); color: var(--slate); }
.ph-pill.gold-dk { background: var(--gold-pale); border: 0.5px solid var(--border-gold); color: #6B5427; }

.btn-hero-primary {
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 13px 32px;
    border-radius: var(--r-md);
    background: var(--gold);
    color: var(--obsidian);
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    letter-spacing: 0.02em;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.btn-hero-primary:hover {
    background: var(--gold-light);
    transform: translateY(-1px);
    box-shadow: 0 10px 28px rgba(196, 169, 106, 0.25);
}

.btn-hero-outline {
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 22px;
    border-radius: var(--r-md);
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.15);
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.btn-hero-outline:hover { background: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.3); color: #fff; }
.btn-hero-outline.dark { background: transparent; color: var(--slate); border-color: var(--border); }
.btn-hero-outline.dark:hover { background: var(--ivory); border-color: var(--slate-mid); }

.cta-row {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

/* Price Tag */
.price-tag {
    display: inline-flex;
    flex-direction: column;
    padding: 16px 22px;
    background: rgba(255, 255, 255, 0.05);
    border: 0.5px solid rgba(196, 169, 106, 0.2);
    border-radius: var(--r-lg);
    backdrop-filter: blur(12px);
}

.price-tag.light { background: var(--gold-pale); border-color: var(--border-gold); }

.pt-label { font-family: 'Inter', sans-serif; font-size: 11px; color: rgba(255, 255, 255, 0.35); margin-bottom: 4px; text-transform: uppercase; letter-spacing: 0.08em; }
.pt-label.dark { color: var(--ink-mute); }
.pt-price { font-family: 'Inter Tight', sans-serif; font-size: 28px; font-weight: 700; color: var(--gold); line-height: 1; }
.pt-price.dark { color: var(--slate); }
.pt-sub { font-family: 'Inter', sans-serif; font-size: 11px; color: rgba(255, 255, 255, 0.3); margin-top: 3px; }
.pt-sub.dark { color: var(--ink-mute); }
.pt-time { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; font-family: 'Inter Tight', sans-serif; font-size: 11px; font-weight: 700; color: #4CD68A; }

/* Sample Card */
.sample-card {
    background: rgba(20, 24, 32, 0.8);
    border: 0.5px solid rgba(196, 169, 106, 0.18);
    border-radius: var(--r-lg);
    overflow: hidden;
    backdrop-filter: blur(20px);
    position: relative;
}

.sample-card::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 1.5px;
    background: linear-gradient(90deg, transparent, rgba(196, 169, 106, 0.3) 50%, transparent);
    animation: scan 4s linear 1.5s infinite;
    z-index: 5;
    pointer-events: none;
}

.sc-head { padding: 13px 20px; background: linear-gradient(90deg, rgba(196, 169, 106, 0.1), rgba(196, 169, 106, 0.03)); border-bottom: 0.5px solid rgba(196, 169, 106, 0.12); display: flex; align-items: center; justify-content: space-between; }
.sc-title { font-family: 'Inter Tight', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 0.04em; color: var(--gold); }

.sc-badge { font-family: 'Inter Tight', sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; padding: 3px 10px; border-radius: 100px; display: flex; align-items: center; gap: 5px; }
.sc-badge.green { background: rgba(76, 214, 138, 0.1); color: #4CD68A; border: 0.5px solid rgba(76, 214, 138, 0.25); }
.sc-badge.green::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #4CD68A; }
.sc-badge.gold { background: rgba(196, 169, 106, 0.12); color: var(--gold); border: 0.5px solid rgba(196, 169, 106, 0.28); }

.sc-row { display: flex; justify-content: space-between; align-items: flex-start; padding: 10px 20px; border-bottom: 0.5px solid rgba(255, 255, 255, 0.05); font-size: 12px; }
.sc-row:last-child { border-bottom: none; }
.sc-label { font-family: 'Inter', sans-serif; color: rgba(255, 255, 255, 0.32); }
.sc-val { font-family: 'Inter Tight', sans-serif; font-weight: 600; color: rgba(255, 255, 255, 0.72); text-align: right; }
.sc-val.gold { color: var(--gold); }
.sc-val.green { color: #4CD68A; }

.sc-finding { margin: 0 20px 14px; padding: 12px 14px; border-radius: var(--r-md); font-family: 'Inter', sans-serif; font-size: 11px; line-height: 1.6; }
.sc-finding.pass { background: rgba(26, 122, 74, 0.07); border: 0.5px solid rgba(26, 122, 74, 0.18); color: rgba(255, 255, 255, 0.5); }
.sc-finding.adv { background: rgba(196, 169, 106, 0.07); border: 0.5px solid rgba(196, 169, 106, 0.22); color: rgba(255, 255, 255, 0.5); }
.sc-finding.fail { background: rgba(201, 72, 58, 0.07); border: 0.5px solid rgba(201, 72, 58, 0.2); color: rgba(255, 255, 255, 0.5); }
.sc-finding strong { display: block; margin-bottom: 3px; }
.sc-finding.pass strong { color: #4CD68A; }
.sc-finding.adv strong { color: var(--gold); }
.sc-finding.fail strong { color: #E07060; }

.sc-footer { padding: 10px 20px; background: rgba(196, 169, 106, 0.05); border-top: 0.5px solid rgba(196, 169, 106, 0.12); display: flex; align-items: center; justify-content: space-between; }
.scf-l { font-family: 'Inter', sans-serif; font-size: 10px; color: rgba(255, 255, 255, 0.3); }
.scf-r { font-family: 'Inter Tight', sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.1em; color: rgba(196, 169, 106, 0.4); }

/* Sections */
.section { padding: 80px 0; border-bottom: 1px solid var(--border); }
.section.ivory { background: var(--ivory); }
.section.white { background: var(--white); }
.section.slate { background: var(--slate-deep); }

.section-inner { max-width: 1280px; margin: 0 auto; padding: 0 60px; }

.eyebrow { font-family: 'Inter Tight', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 0.26em; text-transform: uppercase; color: var(--gold); display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.eyebrow::before { content: ''; width: 18px; height: 1px; background: var(--gold); flex-shrink: 0; }

.section-h { font-family: 'Inter Tight', sans-serif; font-size: clamp(30px, 3.4vw, 46px); font-weight: 700; line-height: 1.06; letter-spacing: -0.02em; color: var(--slate); margin-bottom: 14px; }
.section-h.white { color: var(--parchment); }

.section-sub { font-family: 'Inter', sans-serif; font-size: 15px; line-height: 1.78; color: var(--ink-mute); max-width: 540px; }
.section-sub strong { color: var(--ink); font-weight: 600; }
.section-sub.white { color: rgba(255, 255, 255, 0.48); }
.section-sub.white strong { color: rgba(255, 255, 255, 0.8); }

.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: start; }
.three-col { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }

/* Receive Card */
.receive-card { background: var(--white); border: 1px solid var(--border); border-radius: var(--r-xl); overflow: hidden; box-shadow: 0 4px 8px rgba(42, 53, 69, 0.04), 0 16px 48px rgba(42, 53, 69, 0.07); }
.rc-head { background: var(--slate); padding: 20px 26px; display: flex; align-items: center; gap: 10px; border-bottom: 0.5px solid rgba(255, 255, 255, 0.07); }
.rc-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); flex-shrink: 0; }
.rc-title { font-family: 'Inter Tight', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.04em; color: var(--gold); }
.rc-body { padding: 20px 26px; }
.rc-item { display: flex; align-items: flex-start; gap: 12px; padding: 12px 0; border-bottom: 0.5px solid var(--border); }
.rc-item:last-child { border-bottom: none; }
.rc-ico { width: 20px; height: 20px; border-radius: 50%; flex-shrink: 0; margin-top: 1px; display: flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 700; background: var(--green-bg); color: var(--green); border: 0.5px solid rgba(26, 122, 74, 0.22); }
.rc-text { font-family: 'Inter', sans-serif; font-size: 13px; color: var(--ink-mid); line-height: 1.55; }
.rc-text strong { color: var(--slate); font-weight: 600; display: block; font-size: 14px; margin-bottom: 2px; }

/* Process Steps */
.process-steps { display: flex; flex-direction: column; gap: 0; }
.ps-item { display: grid; grid-template-columns: 44px 1fr; gap: 16px; padding-bottom: 28px; position: relative; }
.ps-item:last-child { padding-bottom: 0; }
.ps-item:not(:last-child)::before { content: ''; position: absolute; left: 21px; top: 44px; bottom: 0; width: 1px; background: var(--border); }
.ps-circle { width: 44px; height: 44px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-family: 'Inter Tight', sans-serif; font-size: 13px; font-weight: 700; background: var(--gold-pale); border: 1.5px solid var(--gold); color: var(--slate); position: relative; z-index: 1; transition: all 0.2s; }
.ps-item:hover .ps-circle { background: var(--gold); color: var(--obsidian); }
.ps-body { padding-top: 8px; }
.ps-title { font-family: 'Inter Tight', sans-serif; font-size: 14px; font-weight: 700; color: var(--slate); margin-bottom: 4px; }
.ps-desc { font-family: 'Inter', sans-serif; font-size: 13px; color: var(--ink-mute); line-height: 1.65; }
.ps-time { font-family: 'Inter Tight', sans-serif; font-size: 11px; font-weight: 700; color: var(--gold); margin-top: 5px; }

/* Comparison Table */
.comp-table { width: 100%; border-collapse: collapse; border-radius: var(--r-lg); overflow: hidden; }
.comp-table th { font-family: 'Inter Tight', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 14px 16px; text-align: left; background: var(--slate); color: var(--gold); }
.comp-table td { font-family: 'Inter', sans-serif; font-size: 13px; padding: 12px 16px; border-bottom: 0.5px solid var(--border); color: var(--ink-mid); background: var(--white); }
.comp-table tr:last-child td { border-bottom: none; }
.comp-table tr:hover td { background: var(--parchment); }
.comp-table td:first-child { color: var(--slate); font-weight: 500; }
.td-check { color: var(--green); font-weight: 700; }
.td-x { color: #C9483A; font-weight: 700; }
.td-gold { color: var(--gold); font-weight: 700; font-family: 'Inter Tight', sans-serif; }

/* Promise Strip */
.promise-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--border); border-radius: var(--r-xl); overflow: hidden; margin-top: 48px; }
.promise-item { background: var(--white); padding: 28px 24px; text-align: center; transition: background 0.2s; }
.promise-item:hover { background: var(--parchment); }
.pi-icon { font-size: 24px; margin-bottom: 12px; display: block; }
.pi-value { font-family: 'Inter Tight', sans-serif; font-size: 26px; font-weight: 700; color: var(--gold); margin-bottom: 4px; line-height: 1; }
.pi-label { font-family: 'Inter', sans-serif; font-size: 12px; color: var(--ink-mute); line-height: 1.5; }

/* Submit Form */
.submit-form-wrapper { background: rgba(255, 255, 255, 0.04); border: 0.5px solid rgba(255, 255, 255, 0.1); border-radius: var(--r-xl); overflow: hidden; }
.sf-head { padding: 22px 26px; border-bottom: 0.5px solid rgba(255, 255, 255, 0.08); background: linear-gradient(135deg, rgba(196, 169, 106, 0.1), transparent); }
.sf-title { font-family: 'Inter Tight', sans-serif; font-size: 18px; font-weight: 700; color: var(--parchment); margin-bottom: 4px; letter-spacing: -0.01em; }
.sf-subtitle { font-family: 'Inter', sans-serif; font-size: 13px; color: rgba(255, 255, 255, 0.38); line-height: 1.6; }
.sf-body { padding: 22px 26px; display: flex; flex-direction: column; gap: 14px; }
.sf-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.sf-row.full { grid-template-columns: 1fr; }
.sf-grp { display: flex; flex-direction: column; gap: 6px; }
.sf-lbl { font-family: 'Inter Tight', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255, 255, 255, 0.32); }
.sf-inp { font-family: 'Inter', sans-serif; font-size: 13px; padding: 10px 14px; border-radius: var(--r-md); background: rgba(255, 255, 255, 0.05); border: 0.5px solid rgba(255, 255, 255, 0.12); color: var(--parchment); outline: none; width: 100%; transition: border-color 0.2s; margin-bottom: 20px; }
.sf-inp::placeholder { color: rgba(255, 255, 255, 0.2); }
.sf-inp:focus { border-color: rgba(196, 169, 106, 0.45); background: rgba(255, 255, 255, 0.07); }
select.sf-inp { cursor: pointer; appearance: none; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='rgba(255,255,255,0.3)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; padding-right: 32px; }
select.sf-inp option { background: var(--slate-deep); color: var(--parchment); }
textarea.sf-inp { resize: vertical; line-height: 1.6; }
.sf-decl { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; background: rgba(255, 255, 255, 0.03); border-radius: var(--r-md); cursor: pointer; }
.sf-decl input { accent-color: var(--gold); width: 14px; height: 14px; flex-shrink: 0; margin-top: 2px; }
.sf-decl-text { font-family: 'Inter', sans-serif; font-size: 12px; color: rgba(255, 255, 255, 0.35); line-height: 1.6; }
.btn-submit{
    width:100% !important;
    padding:14px !important;
    border-radius:var(--r-md) !important;
    font-family:'Inter Tight',sans-serif !important;
    font-size:14px !important;
    font-weight:700 !important;
    letter-spacing:0.03em !important;
    background:var(--gold) !important;
    color:var(--obsidian) !important;
    border:none !important;
    cursor:pointer !important;
    transition:all 0.2s !important;
}

.btn-submit:hover{
    background:var(--gold-light) !important;
    transform:translateY(-1px) !important;
    box-shadow:0 8px 24px rgba(196,169,106,0.25) !important;
}

.btn-submit:disabled{
    opacity:0.6 !important;
    cursor:not-allowed !important;
    transform:none !important;
    box-shadow:none !important;
}
/* Message & Loading */
.legal-message { padding: 15px 20px; border-radius: 10px; margin-bottom: 20px; display: none; }
.legal-message.success { display: block; background: #E6F4EE; color: #1A7A4A; border: 1px solid #1A7A4A; }
.legal-message.error { display: block; background: #FEE2E2; color: #DC2626; border: 1px solid #DC2626; }

.legal-loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); display: none; flex-direction: column; align-items: center; justify-content: center; z-index: 9999; }
.legal-loading.active { display: flex; }
.loading-spinner { width: 50px; height: 50px; border: 3px solid rgba(255, 255, 255, 0.3); border-top-color: var(--gold); border-radius: 50%; animation: spin 1s linear infinite; }
.legal-loading p { color: var(--gold); margin-top: 20px; font-family: 'Inter Tight', sans-serif; font-size: 14px; }

.legal-success { display: none; text-align: center; padding: 60px 40px; }
.legal-success.active { display: block; }

/* Footer */
.legal-footer { background: var(--obsidian); padding: 36px 60px; display: flex; align-items: center; justify-content: space-between; border-top: 0.5px solid rgba(255, 255, 255, 0.07); }
.footer-logo { font-family: 'Inter Tight', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: 0.2em; color: var(--parchment); display: flex; align-items: center; gap: 9px; }
.footer-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--gold); }
.footer-links { display: flex; gap: 24px; }
.footer-link { font-family: 'Inter', sans-serif; font-size: 12px; color: rgba(255, 255, 255, 0.28); text-decoration: none; transition: color 0.2s; }
.footer-link:hover { color: rgba(255, 255, 255, 0.7); }
.footer-tag { font-family: 'Inter Tight', sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 0.1em; color: rgba(196, 169, 106, 0.4); text-transform: uppercase; }

/* Responsive */
@media (max-width: 1100px) {
    .legal-tabs { padding: 0 24px; }
    .ph-inner, .two-col { grid-template-columns: 1fr; gap: 40px; }
    .section-inner { padding: 0 28px; }
    .product-hero { padding: 60px 28px; }
    .three-col { grid-template-columns: 1fr; }
    .promise-strip { grid-template-columns: 1fr; }
    .legal-footer { flex-direction: column; gap: 16px; padding: 28px; text-align: center; }
}

@media (max-width: 680px) {
    .ph-headline { font-size: 34px; }
    .sf-row { grid-template-columns: 1fr; }
    .cta-row { flex-direction: column; align-items: flex-start; }
    .legal-tab { padding: 12px 16px; font-size: 11px; }
}
/* ============================================================
 * UNIONE™ Neutrals Academy Page Styles
 * File: unione-neutrals-academy.css
 * Shortcode: [neutrals_academy_shortcode]
 * ============================================================ */

/* ── RESET & VARIABLES ── */
.una-wrap *,
.una-wrap *::before,
.una-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.una-wrap {
    font-family: 'Inter', sans-serif;
    background: #FAFAF8;
    color: #1A1A18;
    overflow-x: hidden;
    --slate: #2A3545;
    --slate-mid: #3D4F63;
    --gold: #C4A96A;
    --gold-pale: #F7F2E8;
    --parchment: #FAFAF8;
    --ivory: #F2F1EE;
    --obsidian: #141820;
    --white: #fff;
    --ink: #1A1A18;
    --ink-mid: #4A4843;
    --ink-mute: #8A8880;
    --border: rgba(42,53,69,0.12);
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
}

/* ── KEYFRAMES / ANIMATIONS ── */
@keyframes una-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(.7); }
}

@keyframes una-fadeUp {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: translateY(0); }
}

.una-wrap .una-fade-up {
    animation: una-fadeUp .7s ease both;
}

.una-wrap .una-f1 {
    animation-delay: .1s;
}

.una-wrap .una-f2 {
    animation-delay: .22s;
}

.una-wrap .una-f3 {
    animation-delay: .34s;
}

/* ── HERO SECTION ── */
.una-wrap .una-hero {
    background: var(--obsidian);
    padding: 96px 52px 80px;
    position: relative;
    overflow: hidden;
}

.una-wrap .una-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 60% 70% at 85% 25%, rgba(196,169,106,.06), transparent 55%),
                radial-gradient(ellipse 40% 60% at 10% 70%, rgba(42,53,69,.6), transparent 50%);
}

.una-wrap .una-hero-inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.una-wrap .una-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(196,169,106,.1);
    border: .5px solid rgba(196,169,106,.25);
    border-radius: 100px;
    padding: 6px 16px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 24px;
}

.una-wrap .una-h-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(36px, 5vw, 60px);
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.06;
    color: #fff;
    margin-bottom: 20px;
    max-width: 680px;
}

.una-wrap .una-h-sub {
    font-size: 17px;
    color: rgba(255,255,255,.45);
    line-height: 1.8;
    max-width: 540px;
    margin-bottom: 44px;
}

/* ── TRACKS CARDS ── */
.una-wrap .una-tracks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    max-width: 800px;
}

.una-wrap .una-track-card {
    background: rgba(255,255,255,.04);
    border: .5px solid rgba(255,255,255,.08);
    border-radius: var(--r-xl);
    padding: 24px;
    transition: all .2s;
}

.una-wrap .una-track-card:hover {
    background: rgba(255,255,255,.07);
    border-color: rgba(196,169,106,.2);
}

.una-wrap .una-tc-icon {
    font-size: 24px;
    margin-bottom: 10px;
    display: block;
}

.una-wrap .una-tc-name {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 6px;
}

.una-wrap .una-tc-sub {
    font-size: 12px;
    color: rgba(255,255,255,.35);
    line-height: 1.5;
}

/* ── SECTIONS ── */
.una-wrap .una-sec {
    padding: 80px 52px;
}

.una-wrap .una-sec-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.una-wrap .una-sec-tag {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.una-wrap .una-sec-tag::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 1px;
    background: var(--gold);
}

.una-wrap .una-sec-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--ink);
    margin-bottom: 12px;
}

.una-wrap .una-sec-sub {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.8;
    max-width: 580px;
    margin-bottom: 44px;
}

.una-wrap .una-divider {
    height: .5px;
    background: var(--border);
    margin: 0 52px;
}

/* ── PATHWAY CARDS ── */
.una-wrap .una-pathway {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    margin-top: 44px;
}

.una-wrap .una-pw-card {
    border: .5px solid var(--border);
    border-radius: var(--r-xl);
    overflow: hidden;
    transition: all .2s;
}

.una-wrap .una-pw-card:hover {
    border-color: rgba(196,169,106,.3);
    box-shadow: 0 12px 36px rgba(42,53,69,.08);
}

.una-wrap .una-pw-header {
    padding: 28px;
    background: var(--obsidian);
    display: flex;
    align-items: center;
    gap: 16px;
}

.una-wrap .una-pw-header.advanced {
    background: linear-gradient(135deg, var(--obsidian), #2A3545);
}

.una-wrap .una-pw-level {
    width: 48px;
    height: 48px;
    border-radius: var(--r-lg);
    background: rgba(196,169,106,.15);
    border: .5px solid rgba(196,169,106,.25);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.una-wrap .una-pw-name {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 4px;
}

.una-wrap .una-pw-badge {
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 4px;
    background: rgba(196,169,106,.12);
    border: .5px solid rgba(196,169,106,.2);
    color: var(--gold);
}

.una-wrap .una-pw-body {
    padding: 28px;
    background: var(--white);
}

.una-wrap .una-pw-desc {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.7;
    margin-bottom: 20px;
}

.una-wrap .una-pw-modules {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}

.una-wrap .una-pwm {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.una-wrap .una-pwm-num {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--gold-pale);
    border: .5px solid rgba(196,169,106,.25);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    color: var(--gold);
    flex-shrink: 0;
    margin-top: 2px;
}

.una-wrap .una-pwm-text {
    font-size: 13px;
    color: var(--ink-mid);
    line-height: 1.6;
}

.una-wrap .una-pwm-text strong {
    color: var(--ink);
}

.una-wrap .una-pw-footer {
    padding: 20px 28px;
    background: var(--ivory);
    border-top: .5px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.una-wrap .una-pwf-duration {
    font-size: 12px;
    color: var(--ink-mute);
}

.una-wrap .una-pwf-cta {
    font-size: 13px;
    font-weight: 500;
    color: var(--slate);
    text-decoration: none;
    border: .5px solid var(--border);
    padding: 7px 16px;
    border-radius: var(--r-md);
    transition: all .2s;
    display: inline-block;
}

.una-wrap .una-pwf-cta:hover {
    background: var(--gold-pale);
    border-color: rgba(196,169,106,.4);
}

/* ── CREDENTIAL SECTION ── */
.una-wrap .una-cred-sec {
    background: var(--slate);
    padding: 80px 52px;
}

.una-wrap .una-cred-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

.una-wrap .una-cred-tag {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(255,255,255,.3);
    margin-bottom: 12px;
}

.una-wrap .una-cred-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(26px, 3.5vw, 40px);
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    letter-spacing: -.03em;
}

.una-wrap .una-cred-body {
    font-size: 15px;
    color: rgba(255,255,255,.45);
    line-height: 1.8;
    margin-bottom: 16px;
}

.una-wrap .una-cred-body strong {
    color: rgba(255,255,255,.75);
}

.una-wrap .una-cred-cta {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 13px 28px;
    border-radius: var(--r-md);
    border: .5px solid rgba(196,169,106,.3);
    background: transparent;
    color: var(--gold);
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
    margin-top: 12px;
}

.una-wrap .una-cred-cta:hover {
    background: rgba(196,169,106,.12);
}

.una-wrap .una-cred-visual {
    background: rgba(255,255,255,.04);
    border: .5px solid rgba(255,255,255,.08);
    border-radius: var(--r-xl);
    padding: 32px;
}

.una-wrap .una-cv-title {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(255,255,255,.25);
    margin-bottom: 20px;
}

.una-wrap .una-cv-cert {
    background: rgba(196,169,106,.06);
    border: .5px solid rgba(196,169,106,.15);
    border-radius: var(--r-lg);
    padding: 24px;
    margin-bottom: 16px;
}

.una-wrap .una-cv-cert-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 20px;
    color: #fff;
    margin-bottom: 8px;
}

.una-wrap .una-cv-cert-sub {
    font-size: 12px;
    color: rgba(255,255,255,.35);
    line-height: 1.5;
}

.una-wrap .una-cv-levels {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.una-wrap .una-cv-level {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-radius: var(--r-md);
    background: rgba(255,255,255,.03);
}

.una-wrap .una-cv-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.una-wrap .una-cv-label {
    font-size: 13px;
    color: rgba(255,255,255,.55);
}

.una-wrap .una-cv-badge {
    margin-left: auto;
    font-size: 10px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 4px;
    background: rgba(196,169,106,.1);
    color: var(--gold);
}

/* ── FELLOWSHIP PATHWAY SECTION ── */
.una-wrap .una-fel-sec {
    background: var(--gold-pale);
    border-top: .5px solid rgba(196,169,106,.25);
    padding: 80px 52px;
}

.una-wrap .una-fel-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 72px;
    align-items: center;
}

.una-wrap .una-fel-eyebrow {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.una-wrap .una-fel-eyebrow::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 1px;
    background: var(--gold);
}

.una-wrap .una-fel-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(24px, 3vw, 38px);
    font-weight: 700;
    letter-spacing: -.042em;
    line-height: 1.08;
    color: #1C2534;
    margin-bottom: 14px;
}

.una-wrap .una-fel-body {
    font-size: 15px;
    color: var(--ink-mid);
    line-height: 1.75;
    margin-bottom: 20px;
}

.una-wrap .una-fel-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 28px;
}

.una-wrap .una-btn-dark {
    display: inline-block;
    padding: 12px 24px;
    background: var(--slate);
    color: #FAFAF8;
    border-radius: var(--r-md);
    font-size: 13.5px;
    font-weight: 500;
    font-family: 'Inter Tight', sans-serif;
    text-decoration: none;
    transition: all .2s;
}

.una-wrap .una-btn-dark:hover {
    background: var(--obsidian);
}

.una-wrap .una-btn-gold {
    display: inline-block;
    padding: 12px 24px;
    background: var(--gold);
    color: #141820;
    border-radius: var(--r-md);
    font-size: 13.5px;
    font-weight: 500;
    font-family: 'Inter Tight', sans-serif;
    text-decoration: none;
    transition: all .2s;
}

.una-wrap .una-btn-gold:hover {
    background: #B89858;
}

.una-wrap .una-fel-cards {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.una-wrap .una-fel-card {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 20px;
    background: var(--white);
    border: .5px solid rgba(196,169,106,.25);
    border-radius: 14px;
}

.una-wrap .una-fel-card-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: rgba(196,169,106,.12);
    border: .5px solid rgba(196,169,106,.25);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.una-wrap .una-fel-card-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #1C2534;
    margin-bottom: 4px;
}

.una-wrap .una-fel-card-body {
    font-size: 12.5px;
    color: var(--ink-mid);
    line-height: 1.55;
}

/* ── INTEGRATION BANNER ── */
.una-wrap .una-banner {
    background: var(--gold-pale);
    border: .5px solid rgba(196,169,106,.25);
    border-radius: var(--r-xl);
    padding: 44px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 40px;
    align-items: center;
}

.una-wrap .una-banner-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 8px;
}

.una-wrap .una-banner-sub {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.65;
    max-width: 560px;
}

.una-wrap .una-banner-actions {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.una-wrap .una-btn-banner-dark {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: var(--r-md);
    border: none;
    background: var(--slate);
    color: #fff;
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
}

.una-wrap .una-btn-banner-dark:hover {
    background: var(--obsidian);
}

.una-wrap .una-btn-banner-outline {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: var(--r-md);
    border: .5px solid var(--border);
    background: transparent;
    color: var(--ink);
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
}

.una-wrap .una-banner-logo {
    font-family: 'Inter Tight', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--slate);
    opacity: .3;
}

/* ── RESPONSIVE BREAKPOINTS ── */
@media (max-width: 900px) {
    .una-wrap .una-tracks {
        grid-template-columns: 1fr;
    }
    .una-wrap .una-pathway {
        grid-template-columns: 1fr;
    }
    .una-wrap .una-cred-inner {
        grid-template-columns: 1fr;
    }
    .una-wrap .una-cred-visual {
        display: none;
    }
    .una-wrap .una-fel-inner {
        grid-template-columns: 1fr;
    }
    .una-wrap .una-banner {
        grid-template-columns: 1fr;
    }
    .una-wrap .una-banner-logo {
        display: none;
    }
    .una-wrap .una-hero,
    .una-wrap .una-sec,
    .una-wrap .una-cred-sec,
    .una-wrap .una-fel-sec {
        padding-left: 24px;
        padding-right: 24px;
    }
    .una-wrap .una-divider {
        margin: 0 24px;
    }
}
/**
 * UNIONE™ Blog Post Form Styles
 * Shortcode: [unione_blog_post_form]
 * File: unione-blog-post-form.css
 */

/* ============================================================
 * HERO SECTION - Black Theme
 * ============================================================ */
.unione-blog-hero {
    position: relative;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #000000;
    background-image:
        linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
    background-size: 48px 48px;
    padding: 56px 24px 52px;
    margin-bottom: 36px;
    box-sizing: border-box;
    overflow-x: hidden;
}

.unione-blog-hero__inner {
    max-width: 1300px;
    margin: 0 auto;
}

.unione-blog-hero__eyebrow {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: .72rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(255,255,255,.55);
    margin-bottom: 18px;
}

.unione-blog-hero__eyebrow::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 1px;
    background: rgba(255,255,255,.4);
}

.unione-blog-hero__title {
    font-size: clamp(1.9rem, 4vw, 2.9rem);
    font-weight: 800;
    color: #ffffff;
    line-height: 1.1;
    margin: 0 0 4px;
}

.unione-blog-hero__subtitle {
    font-size: clamp(1.9rem, 4vw, 2.9rem);
    font-weight: 800;
    color: #c4a96a;
    line-height: 1.2;
    margin: 0 0 20px;
}

.unione-blog-hero__desc {
    font-size: .93rem;
    color: rgba(255,255,255,.65);
    max-width: 520px;
    line-height: 1.65;
    margin: 0 0 32px;
}

.unione-blog-hero__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.unione-blog-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 14px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 3px;
    font-size: .7rem;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: rgba(255,255,255,.55);
    background: transparent;
}

.unione-blog-hero__badge--gold {
    background: #000000;
    border-color: #c4a96a;
    color: #c4a96a;
    font-weight: 700;
}

/* ============================================================
 * USER ROLE BADGE
 * ============================================================ */
.unione-user-role-badge {
    display: inline-block;
    margin-left: 10px;
    padding: 2px 8px;
    background: #c4a96a;
    color: #000;
    border-radius: 3px;
    font-size: 0.7rem;
    font-weight: 600;
}

/* ============================================================
 * MAIN WRAPPER & SECTION TITLE
 * ============================================================ */
.unione-wrap {
    max-width: 1300px;
    margin: 0 auto;
    font-family: inherit;
}

.unione-section-title {
    font-size: 1.2rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 6px;
    border-bottom: 2px solid #c4a96a;
    padding-bottom: 8px;
    margin-bottom: 20px;
}

/* ============================================================
 * FORM CARD
 * ============================================================ */
.unione-form-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 24px;
    margin-bottom: 36px;
}

.unione-form-card label {
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: .87rem;
}

.unione-form-card input[type="text"],
.unione-form-card input[type="file"],
.unione-form-card select {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: .92rem;
    box-sizing: border-box;
    margin-bottom: 14px;
}

.unione-editor-wrap {
    margin-bottom: 14px;
}

.unione-editor-wrap .wp-editor-container {
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
}

.unione-video-field {
    display: none;
}

.unione-img-preview {
    margin-bottom: 12px;
}

.unione-img-preview img {
    max-width: 150px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

/* ============================================================
 * BUTTONS
 * ============================================================ */
.unione-btn {
    display: inline-block;
    padding: 9px 22px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
    font-size: .9rem;
    text-decoration: none;
    transition: background .2s;
}

.unione-btn-green {
    background: #c4a96a;
    color: #fff;
}

.unione-btn-green:hover {
    background: #1a1a1a;
    color: #fff;
}

.unione-btn-cancel {
    background: #eee;
    color: #333;
    margin-left: 10px;
}

.unione-btn-cancel:hover {
    background: #ddd;
}

/* ============================================================
 * MESSAGES
 * ============================================================ */
.unione-success {
    background: #dff0d8;
    color: #3c763d;
    padding: 10px 14px;
    border-radius: 4px;
    margin-bottom: 16px;
    border: 1px solid #d6e9c6;
}

.unione-error {
    background: #f2dede;
    color: #a94442;
    padding: 10px 14px;
    border-radius: 4px;
    margin-bottom: 16px;
    border: 1px solid #ebccd1;
}

/* ============================================================
 * TOP BAR
 * ============================================================ */
.unione-top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
    flex-wrap: wrap;
    gap: 10px;
}

.unione-welcome-text {
    font-size: .85rem;
    color: #555;
    background: #f5f5f5;
    padding: 5px 12px;
    border-radius: 20px;
}

/* ============================================================
 * POSTS TABLE
 * ============================================================ */
.unione-table-wrap {
    overflow-x: auto;
}

.unione-table {
    width: 100%;
    border-collapse: collapse;
    font-size: .87rem;
}

.unione-table thead tr {
    background: #c4a96a;
    color: #fff;
}

.unione-table thead th {
    padding: 10px 12px;
    text-align: left;
    font-weight: 600;
}

.unione-table tbody tr {
    border-bottom: 1px solid #eee;
}

.unione-table tbody tr:hover {
    background: #f9f9f9;
}

.unione-table tbody td {
    padding: 10px 12px;
    vertical-align: middle;
}

.unione-post-thumb {
    width: 60px;
    height: 44px;
    object-fit: cover;
    border-radius: 3px;
    border: 1px solid #ddd;
    display: block;
}

.unione-no-thumb {
    width: 60px;
    height: 44px;
    background: #eee;
    border-radius: 3px;
    display: inline-block;
}

/* ============================================================
 * STATUS BADGES
 * ============================================================ */
.unione-status-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: .78rem;
    font-weight: 600;
}

.unione-status-approved {
    background-color: #dff0d8;
    color: #3c763d;
    border: 1px solid #b2dba1;
}

.unione-status-pending {
    background-color: #fcf8e3;
    color: #8a6d3b;
    border: 1px solid #faebcc;
}

/* ============================================================
 * ACTION LINKS
 * ============================================================ */
.unione-action-edit {
    color: #e07b00;
    font-weight: 600;
    text-decoration: none;
    margin-right: 8px;
    font-size: .85rem;
}

.unione-action-delete {
    color: #a94442;
    font-weight: 600;
    text-decoration: none;
    margin-right: 8px;
    font-size: .85rem;
}

.unione-action-approve {
    color: #3c763d;
    font-weight: 600;
    text-decoration: none;
    font-size: .85rem;
}

.unione-action-edit:hover,
.unione-action-delete:hover,
.unione-action-approve:hover {
    text-decoration: underline;
}

/* ============================================================
 * PENDING NOTICE
 * ============================================================ */
.unione-pending-notice {
    background: #fcf8e3;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 15px;
    border: 1px solid #faebcc;
}

/* ============================================================
 * RESPONSIVE: Mobile Table View
 * ============================================================ */
@media (max-width: 768px) {
    .unione-table thead {
        display: none;
    }
    
    .unione-table tbody tr {
        display: block;
        margin-bottom: 20px;
        border: 1px solid #ddd;
    }
    
    .unione-table tbody td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 12px;
        border-bottom: 1px solid #eee;
    }
    
    .unione-table tbody td:before {
        content: attr(data-label);
        font-weight: 700;
        width: 40%;
    }
    
    .unione-top-bar {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* ============================================================
 * UNIONE™ ADP LAW FIRM CERTIFICATION PAGE STYLES
 * File: unione-adp-law-firm-certification.css
 * Shortcode: [unione_adp_law_firm_certification]
 * FULLY RESPONSIVE - ALL DEVICES
 * ============================================================ */

/* ── ROOT VARIABLES ── */
:root {
    --unione-slate: #2A3545;
    --unione-slate-deep: #1C2534;
    --unione-slate-mid: #3D4F63;
    --unione-gold: #C4A96A;
    --unione-gold-light: #E8D9B0;
    --unione-gold-pale: #F7F2E8;
    --unione-parchment: #FAFAF8;
    --unione-ivory: #F2F1EE;
    --unione-obsidian: #141820;
    --unione-white: #fff;
    --unione-ink: #1A1A18;
    --unione-ink-mid: #4A4843;
    --unione-ink-mute: #8A8880;
    --unione-border: rgba(42,53,69,0.12);
    --unione-green: #1A7A4A;
    --unione-green-bg: #E6F4EE;
    --unione-radius-md: 10px;
    --unione-radius-lg: 16px;
    --unione-radius-xl: 24px;
}

/* ── MAIN WRAPPER ── */
.unione-adp-wrapper {
    font-family: 'Inter', sans-serif;
    background: #FAFAF8;
    color: #1A1A18;
}

.unione-adp-wrapper * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ── CONTAINER ── */
.unione-adp-container {
    max-width: 1100px;
    margin: 0 auto;
}

/* ── HERO SECTION ── */
.unione-adp-hero {
    background: var(--unione-obsidian);
    padding: 96px 52px 80px;
    position: relative;
    overflow: hidden;
    border-bottom: 0.5px solid rgba(255,255,255,0.06);
}

.unione-adp-hero-bg-text {
    position: absolute;
    right: -60px;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Inter Tight', sans-serif;
    font-size: 220px;
    font-weight: 800;
    color: rgba(255,255,255,0.02);
    pointer-events: none;
    line-height: 1;
    letter-spacing: -0.05em;
}

.unione-adp-hero-grid {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 52px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.unione-adp-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
}

.unione-adp-breadcrumb span:first-child {
    font-size: 11px;
    color: rgba(255,255,255,0.3);
}

.unione-adp-breadcrumb span:nth-child(2) {
    color: rgba(255,255,255,0.15);
}

.unione-adp-breadcrumb span:last-child {
    font-size: 11px;
    color: var(--unione-gold);
    font-weight: 500;
}

.unione-adp-hero-tag {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--unione-gold);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.unione-adp-hero-tag::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--unione-gold);
    display: inline-block;
}

.unione-adp-hero h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(36px, 4.5vw, 58px);
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.04em;
    line-height: 1.04;
    margin-bottom: 18px;
}

.unione-adp-hero-sub {
    font-size: 17px;
    color: rgba(255,255,255,0.48);
    font-weight: 300;
    line-height: 1.8;
    max-width: 600px;
    margin-bottom: 16px;
}

.unione-adp-hero-sub2 {
    font-size: 14px;
    color: rgba(255,255,255,0.3);
    font-weight: 300;
    line-height: 1.75;
    max-width: 560px;
    margin-bottom: 32px;
}

.unione-adp-hero-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

/* ── BUTTONS ── */
.unione-adp-btn-gold {
    font-family: 'Inter', sans-serif;
    font-size: 13.5px;
    font-weight: 700;
    padding: 13px 26px;
    border-radius: 10px;
    background: var(--unione-gold);
    color: var(--unione-obsidian);
    text-decoration: none;
    display: inline-block;
    transition: background 0.2s ease;
}

.unione-adp-btn-gold:hover {
    background: #B89858;
}

.unione-adp-btn-outline {
    font-family: 'Inter', sans-serif;
    font-size: 13.5px;
    font-weight: 400;
    padding: 13px 26px;
    border-radius: 10px;
    border: 0.5px solid rgba(255,255,255,0.18);
    color: rgba(255,255,255,0.6);
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s ease;
}

.unione-adp-btn-outline:hover {
    border-color: rgba(255,255,255,0.35);
    color: rgba(255,255,255,0.85);
}

/* ── SAMPLE CARD ── */
.unione-adp-sample-card {
    background: var(--unione-white);
    border-radius: 20px;
    padding: 32px;
    text-align: center;
}

.unione-adp-sample-badge {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 3px solid var(--unione-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px;
    background: var(--unione-ivory);
}

.unione-adp-sample-badge-inner {
    text-align: center;
}

.unione-adp-sample-badge-inner div:first-child {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 800;
    color: var(--unione-slate);
    letter-spacing: -0.02em;
}

.unione-adp-sample-badge-inner div:last-child {
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--unione-gold);
}

.unione-adp-sample-firm {
    font-family: 'Inter Tight', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: var(--unione-slate);
    margin-bottom: 4px;
}

.unione-adp-sample-tier {
    font-size: 11px;
    color: var(--unione-ink-mute);
    font-weight: 300;
    margin-bottom: 6px;
}

.unione-adp-sample-ref {
    font-size: 10px;
    color: var(--unione-ink-mute);
    font-weight: 300;
    margin-bottom: 16px;
}

.unione-adp-sample-note {
    font-size: 12px;
    color: var(--unione-ink-mute);
    font-weight: 300;
    padding: 12px;
    background: var(--unione-ivory);
    border-radius: 10px;
    line-height: 1.65;
    text-align: left;
}

/* ── SECTION COMMON ── */
.unione-adp-section {
    padding: 80px 52px;
    border-bottom: 0.5px solid var(--unione-border);
}

.unione-adp-section-dark {
    background: var(--unione-slate);
    padding: 80px 52px;
    border-bottom: 0.5px solid rgba(255,255,255,0.06);
}

.unione-adp-section-ivory {
    background: var(--unione-ivory);
    padding: 80px 52px;
    border-bottom: 0.5px solid var(--unione-border);
}

.unione-adp-section-white {
    background: var(--unione-white);
    padding: 80px 52px;
    border-bottom: 0.5px solid var(--unione-border);
}

.unione-adp-section-tag {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--unione-gold);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.unione-adp-section-tag::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--unione-gold);
    display: inline-block;
}

.unione-adp-section-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(28px, 3.5vw, 40px);
    font-weight: 700;
    color: var(--unione-slate);
    letter-spacing: -0.03em;
    line-height: 1.1;
    margin-bottom: 12px;
}

.unione-adp-section-title-white {
    color: #fff;
}

.unione-adp-section-sub {
    font-size: 14px;
    color: var(--unione-ink-mute);
    font-weight: 300;
    line-height: 1.8;
    max-width: 600px;
    margin-bottom: 36px;
}

/* ── GRID LAYOUTS ── */
.unione-adp-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 52px;
    align-items: start;
}

/* ── TIER CARDS ── */
.unione-adp-tier-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
}

.unione-adp-tier-card {
    background: var(--unione-white);
    border: 0.5px solid var(--unione-border);
    border-radius: 16px;
    padding: 28px;
    position: relative;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.unione-adp-tier-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.05);
}

.unione-adp-tier-card-silver {
    background: var(--unione-obsidian);
    border: 0.5px solid rgba(196,169,106,0.3);
}

.unione-adp-tier-card-silver .unione-adp-tier-title,
.unione-adp-tier-card-silver .unione-adp-tier-price,
.unione-adp-tier-card-silver .unione-adp-tier-heading {
    color: #fff;
}

.unione-adp-tier-card-silver .unione-adp-tier-desc {
    color: rgba(255,255,255,0.42);
}

.unione-adp-tier-card-silver .unione-adp-tier-feature {
    color: rgba(255,255,255,0.5);
}

.unione-adp-tier-gold-stripe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--unione-gold), #E8D9B0);
}

.unione-adp-tier-badge {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.unione-adp-tier-badge-mute {
    color: var(--unione-ink-mute);
}

.unione-adp-tier-badge-gold {
    color: var(--unione-gold);
}

.unione-adp-tier-heading {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--unione-slate);
    letter-spacing: -0.01em;
    margin-bottom: 6px;
}

.unione-adp-tier-price {
    font-family: 'Inter Tight', sans-serif;
    font-size: 28px;
    font-weight: 800;
    color: var(--unione-slate);
    letter-spacing: -0.03em;
    margin-bottom: 4px;
}

.unione-adp-tier-desc {
    font-size: 13px;
    color: var(--unione-ink-mute);
    font-weight: 300;
    line-height: 1.65;
    margin-bottom: 20px;
}

.unione-adp-tier-divider {
    height: 0.5px;
    background: var(--unione-border);
    margin-bottom: 16px;
}

.unione-adp-tier-features {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-bottom: 20px;
}

.unione-adp-tier-feature {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    font-size: 12.5px;
    color: var(--unione-ink-mid);
    font-weight: 300;
    line-height: 1.6;
}

.unione-adp-tier-feature-bullet {
    color: var(--unione-gold);
    flex-shrink: 0;
    font-weight: 700;
    margin-top: 1px;
}

.unione-adp-tier-btn {
    display: block;
    text-align: center;
    padding: 11px;
    border-radius: 10px;
    border: 0.5px solid var(--unione-border);
    color: var(--unione-slate);
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s ease;
}

.unione-adp-tier-btn:hover {
    background: var(--unione-gold-pale);
}

.unione-adp-tier-btn-silver {
    background: var(--unione-gold);
    border: none;
    color: var(--unione-obsidian);
}

.unione-adp-tier-btn-silver:hover {
    background: #B89858;
}

/* ── AUDIT CRITERIA ── */
.unione-adp-audit-grid {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 52px;
    align-items: start;
}

.unione-adp-audit-item {
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 0;
    background: var(--unione-white);
    border: 0.5px solid var(--unione-border);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 8px;
}

.unione-adp-audit-num {
    background: var(--unione-slate);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.unione-adp-audit-num span {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 800;
    color: var(--unione-gold);
}

.unione-adp-audit-content {
    padding: 16px 20px;
}

.unione-adp-audit-title {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--unione-slate);
    margin-bottom: 5px;
}

.unione-adp-audit-text {
    font-size: 12.5px;
    color: var(--unione-ink-mute);
    font-weight: 300;
    line-height: 1.65;
}

/* ── COMPARISON TABLE ── */
.unione-adp-compare-row {
    display: grid;
    grid-template-columns: 1fr 80px 80px;
    gap: 8px;
    padding: 10px 14px;
    background: var(--unione-slate);
    border-radius: 10px;
}

.unione-adp-compare-item {
    display: grid;
    grid-template-columns: 1fr 80px 80px;
    gap: 8px;
    padding: 12px 14px;
    background: var(--unione-white);
    border: 0.5px solid var(--unione-border);
    border-radius: 10px;
    align-items: center;
}

.unione-adp-compare-label {
    font-size: 13px;
    color: var(--unione-slate);
    font-weight: 300;
}

/* ── CTA SECTION ── */
.unione-adp-cta {
    background: var(--unione-slate);
    padding: 80px 52px;
    text-align: center;
}

.unione-adp-cta-inner {
    max-width: 760px;
    margin: 0 auto;
}

.unione-adp-price-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    margin-bottom: 28px;
}

.unione-adp-price-card {
    padding: 16px;
    background: rgba(255,255,255,0.04);
    border: 0.5px solid rgba(255,255,255,0.09);
    border-radius: 12px;
    text-align: center;
    transition: transform 0.2s ease;
}

.unione-adp-price-card-silver {
    background: rgba(196,169,106,0.1);
    border: 0.5px solid rgba(196,169,106,0.3);
}

.unione-adp-price-tier {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--unione-gold);
    margin-bottom: 6px;
}

.unione-adp-price-amount {
    font-family: 'Inter Tight', sans-serif;
    font-size: 20px;
    font-weight: 800;
    color: #fff;
}

.unione-adp-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 14px 32px;
    border-radius: 10px;
    background: var(--unione-gold);
    color: var(--unione-obsidian);
    text-decoration: none;
    margin-bottom: 16px;
    transition: background 0.2s ease;
}

.unione-adp-cta-btn:hover {
    background: #B89858;
}

/* ── UTILITY CLASSES ── */
.unione-adp-text-white {
    color: #fff !important;
}

.unione-adp-text-mute {
    color: var(--unione-ink-mute);
}

.unione-adp-border-left-gold {
    border-left: 3px solid var(--unione-gold);
}

.unione-adp-bg-obsidian {
    background: var(--unione-obsidian);
}

/* ============================================================
   RESPONSIVE BREAKPOINTS
   ============================================================ */

@media (max-width: 1400px) {
    .unione-adp-container {
        max-width: 1180px;
    }
    .unione-adp-hero {
        padding: 90px 42px 72px;
    }
    .unione-adp-section,
    .unione-adp-section-dark,
    .unione-adp-section-ivory,
    .unione-adp-section-white,
    .unione-adp-cta {
        padding: 72px 42px;
    }
    .unione-adp-hero-grid {
        grid-template-columns: 1fr 280px;
        gap: 42px;
    }
    .unione-adp-hero-bg-text {
        font-size: 180px;
    }
}

@media (max-width: 1080px) {
    .unione-adp-hero-grid {
        grid-template-columns: 1fr;
        gap: 36px;
    }
    .unione-adp-sample-card {
        max-width: 420px;
        margin: 0 auto;
    }
    .unione-adp-grid-2 {
        grid-template-columns: 1fr;
        gap: 36px;
    }
    .unione-adp-audit-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .unione-adp-tier-grid {
        grid-template-columns: 1fr 1fr;
    }
    .unione-adp-price-row {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .unione-adp-hero h1 {
        font-size: clamp(34px, 5vw, 52px);
    }
    .unione-adp-section-title {
        font-size: clamp(28px, 4vw, 38px);
    }
    .unione-adp-hero-bg-text {
        font-size: 140px;
        right: -20px;
    }
}

@media (max-width: 980px) {
    .unione-adp-hero,
    .unione-adp-section,
    .unione-adp-section-dark,
    .unione-adp-section-ivory,
    .unione-adp-section-white,
    .unione-adp-cta {
        padding: 56px 28px;
    }
    .unione-adp-tier-grid {
        grid-template-columns: 1fr;
    }
    .unione-adp-price-row {
        grid-template-columns: 1fr;
    }
    .unione-adp-compare-row,
    .unione-adp-compare-item {
        grid-template-columns: 1fr 70px 70px;
        padding: 12px;
    }
    .unione-adp-hero-sub {
        font-size: 15px;
        line-height: 1.7;
    }
    .unione-adp-hero-sub2 {
        font-size: 13px;
        line-height: 1.7;
    }
    .unione-adp-sample-card {
        padding: 26px;
    }
    .unione-adp-section-sub {
        font-size: 13px;
    }
}

@media (max-width: 780px) {
    .unione-adp-hero {
        padding-top: 70px;
        padding-bottom: 60px;
    }
    .unione-adp-hero-bg-text {
        display: none;
    }
    .unione-adp-hero-buttons {
        flex-direction: column;
        align-items: stretch;
    }
    .unione-adp-btn-gold,
    .unione-adp-btn-outline {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .unione-adp-section-title {
        line-height: 1.18;
    }
    .unione-adp-audit-item {
        grid-template-columns: 52px 1fr;
    }
    .unione-adp-audit-content {
        padding: 14px 16px;
    }
    .unione-adp-audit-title {
        font-size: 13px;
    }
    .unione-adp-audit-text {
        font-size: 12px;
    }
    .unione-adp-price-card {
        padding: 14px;
    }
    .unione-adp-price-amount {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .unione-adp-hero,
    .unione-adp-section,
    .unione-adp-section-dark,
    .unione-adp-section-ivory,
    .unione-adp-section-white,
    .unione-adp-cta {
        padding: 42px 18px;
    }
    .unione-adp-breadcrumb {
        flex-wrap: wrap;
        gap: 5px;
    }
    .unione-adp-hero h1 {
        font-size: 32px;
        line-height: 1.08;
    }
    .unione-adp-section-title {
        font-size: 26px;
    }
    .unione-adp-hero-sub {
        font-size: 14px;
    }
    .unione-adp-hero-sub2 {
        font-size: 12.5px;
    }
    .unione-adp-btn-gold,
    .unione-adp-btn-outline {
        font-size: 13px;
        padding: 12px 18px;
    }
    .unione-adp-sample-card {
        padding: 22px 18px;
        border-radius: 16px;
    }
    .unione-adp-sample-badge {
        width: 92px;
        height: 92px;
    }
    .unione-adp-tier-card {
        padding: 22px 18px;
    }
    .unione-adp-tier-price {
        font-size: 24px;
    }
    .unione-adp-compare-row,
    .unione-adp-compare-item {
        grid-template-columns: 1fr 55px 55px;
        font-size: 11px;
    }
    .unione-adp-price-card {
        padding: 16px 12px;
    }
    .unione-adp-price-amount {
        font-size: 17px;
    }
}

@media (max-width: 360px) {
    .unione-adp-hero,
    .unione-adp-section,
    .unione-adp-section-dark,
    .unione-adp-section-ivory,
    .unione-adp-section-white,
    .unione-adp-cta {
        padding-left: 14px;
        padding-right: 14px;
    }
    .unione-adp-hero h1 {
        font-size: 28px;
    }
    .unione-adp-section-title {
        font-size: 22px;
    }
    .unione-adp-hero-sub,
    .unione-adp-hero-sub2,
    .unione-adp-section-sub {
        font-size: 12px;
        line-height: 1.7;
    }
    .unione-adp-btn-gold,
    .unione-adp-btn-outline {
        font-size: 12px;
        padding: 11px 14px;
        border-radius: 8px;
    }
    .unione-adp-tier-heading {
        font-size: 16px;
    }
    .unione-adp-tier-price {
        font-size: 22px;
    }
    .unione-adp-tier-feature {
        font-size: 11.5px;
    }
    .unione-adp-price-amount {
        font-size: 16px;
    }
    .unione-adp-price-tier {
        font-size: 9px;
    }
    .unione-adp-sample-note {
        font-size: 11px;
    }
}
/**
 * UNIONE™ Contract Intelligence Score™ (CIS™) Styles
 * Shortcode: [unione_cis_contract_intelligence_score]
 * File: unione-cis.css
 */

/* ══════════════════════════════════════════
   CSS VARIABLES / DESIGN TOKENS
   ══════════════════════════════════════════ */
:root {
    --cis-slate: #2A3545;
    --cis-slate-deep: #1C2534;
    --cis-slate-mid: #3D4F63;
    --cis-gold: #C4A96A;
    --cis-gold-light: #E8D9B0;
    --cis-gold-pale: #F7F2E8;
    --cis-parchment: #FAFAF8;
    --cis-ivory: #F2F1EE;
    --cis-obsidian: #141820;
    --cis-white: #fff;
    --cis-ink: #1A1A18;
    --cis-ink-mid: #4A4843;
    --cis-ink-mute: #8A8880;
    --cis-border: rgba(42,53,69,0.12);
    --cis-green: #1A7A4A;
    --cis-green-bg: #E6F4EE;
    --cis-r-sm: 6px;
    --cis-r-md: 10px;
    --cis-r-lg: 16px;
    --cis-r-xl: 24px;
}

/* ══════════════════════════════════════════
   ANIMATIONS
   ══════════════════════════════════════════ */
@keyframes cis-shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

/* ══════════════════════════════════════════
   MAIN WRAPPER & RESET
   ══════════════════════════════════════════ */
.cis-wrap *,
.cis-wrap *::before,
.cis-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.cis-wrap {
    font-family: 'Inter', sans-serif;
    color: var(--cis-ink);
    overflow-x: hidden;
    width: 100%;
}

/* ══════════════════════════════════════════
   SECTION 1 — HERO (dark)
   ══════════════════════════════════════════ */
.cis-hero {
    background: var(--cis-obsidian);
    padding: 100px 52px 84px;
    position: relative;
    overflow: hidden;
    border-bottom: .5px solid rgba(255,255,255,.07);
}

.cis-hero-glow {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 60%;
    background: radial-gradient(ellipse at 80% 50%, rgba(196,169,106,.05) 0%, transparent 70%);
    pointer-events: none;
}

.cis-hero-inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.cis-tag {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--cis-gold);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.cis-tag-line {
    width: 20px;
    height: 1.5px;
    background: var(--cis-gold);
    display: inline-block;
    flex-shrink: 0;
}

.cis-hero-grid {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 52px;
    align-items: center;
}

.cis-hero h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(44px, 5.5vw, 70px);
    font-weight: 900;
    color: #fff;
    letter-spacing: -.04em;
    line-height: .97;
    margin-bottom: 22px;
}

.cis-hero-sub {
    font-size: 17px;
    color: rgba(255,255,255,.5);
    font-weight: 300;
    line-height: 1.82;
    max-width: 560px;
    margin-bottom: 28px;
}

/* pills row */
.cis-pills {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

.cis-pill {
    font-size: 10px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 100px;
    background: rgba(196,169,106,.12);
    border: .5px solid rgba(196,169,106,.3);
    color: var(--cis-gold);
    white-space: nowrap;
}

/* CTA buttons */
.cis-btn-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.cis-btn-gold {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 13px 26px;
    border-radius: 10px;
    background: var(--cis-gold);
    color: var(--cis-obsidian);
    text-decoration: none;
    display: inline-block;
    border: none;
    cursor: pointer;
    transition: background .2s;
}

.cis-btn-gold:hover {
    background: #B89858;
    color: var(--cis-obsidian);
    text-decoration: none;
}

.cis-btn-ghost-light {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 13px 26px;
    border-radius: 10px;
    border: .5px solid rgba(255,255,255,.2);
    color: rgba(255,255,255,.6);
    text-decoration: none;
    display: inline-block;
    background: transparent;
    cursor: pointer;
    transition: border-color .2s, color .2s;
}

.cis-btn-ghost-light:hover {
    border-color: rgba(255,255,255,.4);
    color: #fff;
    text-decoration: none;
}

/* stats strip */
.cis-stats-strip {
    display: flex;
    border-top: .5px solid rgba(255,255,255,.08);
    padding-top: 28px;
    margin-top: 36px;
    gap: 0;
}

.cis-stat {
    padding-right: 28px;
    margin-right: 28px;
    border-right: .5px solid rgba(255,255,255,.1);
}

.cis-stat:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}

.cis-stat-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 28px;
    font-weight: 900;
    color: var(--cis-gold);
    line-height: 1;
    margin-bottom: 5px;
}

.cis-stat-label {
    font-size: 11px;
    color: rgba(255,255,255,.38);
    font-weight: 300;
    line-height: 1.4;
    max-width: 130px;
}

/* ── SAMPLE OUTPUT CARD ── */
.cis-sample-card {
    background: var(--cis-parchment);
    border-radius: 18px;
    padding: 26px;
    position: relative;
    overflow: hidden;
}

.cis-sample-top-bar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--cis-gold), #E8D9B0);
}

.cis-sample-ref {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--cis-ink-mute);
    margin-bottom: 16px;
}

.cis-score-row {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 18px;
}

.cis-donut {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: conic-gradient(#C4A96A 0% 72%, #E8E6E0 72% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-shrink: 0;
}

.cis-donut-inner {
    position: absolute;
    inset: 7px;
    border-radius: 50%;
    background: var(--cis-parchment);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.cis-donut-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 22px;
    font-weight: 900;
    color: var(--cis-slate);
    line-height: 1;
}

.cis-donut-denom {
    font-size: 9px;
    color: var(--cis-ink-mute);
}

.cis-rating-name {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 800;
    color: var(--cis-slate);
    margin-bottom: 4px;
}

.cis-rating-badge {
    font-size: 10px;
    padding: 3px 9px;
    border-radius: 100px;
    background: #FEF9EE;
    border: .5px solid #E8D9B0;
    color: #6B4F0A;
    display: inline-block;
    font-weight: 700;
}

/* dimension bars */
.cis-dim-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 0;
    border-bottom: .5px solid var(--cis-border);
}

.cis-dim-label {
    font-size: 11.5px;
    color: var(--cis-slate);
    font-weight: 500;
    width: 120px;
    flex-shrink: 0;
}

.cis-dim-track {
    flex: 1;
    background: var(--cis-border);
    border-radius: 100px;
    height: 5px;
}

.cis-dim-fill {
    height: 5px;
    border-radius: 100px;
    background: var(--cis-gold);
}

.cis-dim-score {
    font-size: 11.5px;
    font-weight: 700;
    color: var(--cis-gold);
    width: 26px;
    text-align: right;
}

.cis-sample-flag {
    margin-top: 12px;
    padding: 9px;
    background: var(--cis-ivory);
    border-radius: 7px;
    font-size: 11px;
    color: var(--cis-ink-mute);
    font-weight: 300;
    line-height: 1.6;
}

/* ══════════════════════════════════════════
   SECTION 2 — BUYER (white)
   ══════════════════════════════════════════ */
.cis-buyer {
    background: var(--cis-white);
    padding: 80px 52px;
    border-bottom: .5px solid var(--cis-border);
}

.cis-buyer-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.cis-buyer-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 52px;
    align-items: start;
}

.cis-h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(28px, 3.5vw, 44px);
    font-weight: 800;
    color: var(--cis-slate);
    letter-spacing: -.03em;
    line-height: 1.08;
    margin-bottom: 14px;
}

.cis-para {
    font-size: 14.5px;
    color: var(--cis-ink-mute);
    font-weight: 300;
    line-height: 1.82;
    margin-bottom: 14px;
}

.cis-buyer-cards {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cis-buyer-card {
    padding: 20px;
    background: var(--cis-white);
    border: .5px solid var(--cis-border);
    border-radius: 12px;
    border-left: 3px solid var(--cis-gold);
}

.cis-buyer-card-title {
    font-size: 14px;
    font-weight: 700;
    color: var(--cis-slate);
    margin-bottom: 5px;
}

.cis-buyer-card-desc {
    font-size: 13px;
    color: var(--cis-ink-mute);
    font-weight: 300;
    line-height: 1.65;
}

/* ══════════════════════════════════════════
   SECTION 3 — CHECKPOINTS (dark)
   ══════════════════════════════════════════ */
.cis-checkpoints {
    background: var(--cis-obsidian);
    padding: 80px 52px;
    border-bottom: .5px solid rgba(255,255,255,.07);
}

.cis-checkpoints-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.cis-checkpoints-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 52px;
    align-items: start;
}

.cis-h2-light {
    font-family: 'Inter Tight', sans-serif;
    font-size: 28px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -.03em;
    line-height: 1.08;
    margin-bottom: 14px;
}

.cis-para-light {
    font-size: 14px;
    color: rgba(255,255,255,.45);
    font-weight: 300;
    line-height: 1.8;
    margin-bottom: 20px;
}

.cis-dpc-link {
    font-size: 13px;
    font-weight: 700;
    color: var(--cis-gold);
    text-decoration: none;
}

.cis-dpc-link:hover {
    text-decoration: underline;
    color: var(--cis-gold);
}

.cis-cp-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.cis-cp-card {
    background: rgba(255,255,255,.04);
    border: .5px solid rgba(255,255,255,.09);
    border-radius: 12px;
    padding: 18px;
}

.cis-cp-num {
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--cis-gold);
    margin-bottom: 6px;
}

.cis-cp-title {
    font-size: 14.5px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 5px;
}

.cis-cp-desc {
    font-size: 12px;
    color: rgba(255,255,255,.45);
    font-weight: 300;
    line-height: 1.6;
}

/* ══════════════════════════════════════════
   SECTION 4 — RATING SCALE (white)
   ══════════════════════════════════════════ */
.cis-ratings {
    background: var(--cis-white);
    padding: 80px 52px;
    border-bottom: .5px solid var(--cis-border);
}

.cis-ratings-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.cis-ratings-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 52px;
    align-items: start;
}

.cis-rating-row {
    padding: 12px 16px;
    border-radius: 10px;
    margin-bottom: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.cis-rating-row.green {
    background: #F0FDF4;
    border: .5px solid #86EFAC;
}

.cis-rating-row.yellow {
    background: #FEFCE8;
    border: .5px solid #FDE047;
}

.cis-rating-row.orange {
    background: #FFF7ED;
    border: .5px solid #FDBA74;
}

.cis-rating-row.red {
    background: #FEF2F2;
    border: .5px solid #FCA5A5;
}

.cis-rating-band {
    font-family: 'Inter Tight', sans-serif;
    font-size: 15px;
    font-weight: 900;
    flex-shrink: 0;
    min-width: 100px;
}

.cis-rating-row.green .cis-rating-band {
    color: #166534;
}

.cis-rating-row.yellow .cis-rating-band {
    color: #854D0E;
}

.cis-rating-row.orange .cis-rating-band {
    color: #9A3412;
}

.cis-rating-row.red .cis-rating-band {
    color: #991B1B;
}

.cis-rating-desc {
    font-size: 13px;
    font-weight: 300;
}

.cis-rating-row.green .cis-rating-desc {
    color: #166534;
}

.cis-rating-row.yellow .cis-rating-desc {
    color: #854D0E;
}

.cis-rating-row.orange .cis-rating-desc {
    color: #9A3412;
}

.cis-rating-row.red .cis-rating-desc {
    color: #991B1B;
}

/* ══════════════════════════════════════════
   SECTION 5 — PRICING (ivory)
   ══════════════════════════════════════════ */
.cis-pricing {
    background: var(--cis-ivory);
    padding: 80px 52px;
    border-bottom: .5px solid var(--cis-border);
}

.cis-pricing-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.cis-pricing-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
}

.cis-price-card {
    background: var(--cis-white);
    border: .5px solid var(--cis-border);
    border-radius: 16px;
    padding: 26px;
    position: relative;
    overflow: hidden;
}

.cis-price-card.featured {
    background: var(--cis-obsidian);
    border: .5px solid rgba(196,169,106,.3);
}

.cis-price-card.featured::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--cis-gold), #E8D9B0);
}

.cis-price-label {
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--cis-ink-mute);
    margin-bottom: 10px;
}

.cis-price-card.featured .cis-price-label {
    color: var(--cis-gold);
}

.cis-price-main {
    font-family: 'Inter Tight', sans-serif;
    font-size: 28px;
    font-weight: 900;
    color: var(--cis-slate);
    margin-bottom: 4px;
}

.cis-price-card.featured .cis-price-main {
    color: #fff;
}

.cis-price-period {
    font-size: 13px;
    color: var(--cis-ink-mute);
    font-weight: 300;
    margin-bottom: 20px;
}

.cis-price-card.featured .cis-price-period {
    color: var(--cis-gold);
}

.cis-price-divider {
    height: .5px;
    background: var(--cis-border);
    margin-bottom: 14px;
}

.cis-price-card.featured .cis-price-divider {
    background: rgba(255,255,255,.08);
}

.cis-price-feature {
    display: flex;
    gap: 8px;
    padding: 7px 0;
    border-bottom: .5px solid var(--cis-border);
}

.cis-price-card.featured .cis-price-feature {
    border-bottom: .5px solid rgba(255,255,255,.07);
}

.cis-price-dash {
    color: var(--cis-gold);
    font-weight: 700;
    flex-shrink: 0;
}

.cis-price-feature-text {
    font-size: 12.5px;
    color: var(--cis-ink-mid);
    font-weight: 300;
}

.cis-price-card.featured .cis-price-feature-text {
    color: rgba(255,255,255,.5);
}

.cis-price-cta {
    margin-top: 18px;
}

.cis-price-btn {
    display: block;
    text-align: center;
    padding: 11px;
    border-radius: 10px;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all .2s;
}

.cis-price-btn-outline {
    border: .5px solid var(--cis-border);
    color: var(--cis-slate);
    background: transparent;
}

.cis-price-btn-outline:hover {
    background: var(--cis-ivory);
    color: var(--cis-slate);
    text-decoration: none;
}

.cis-price-btn-gold {
    background: var(--cis-gold);
    color: var(--cis-obsidian);
    border: none;
}

.cis-price-btn-gold:hover {
    background: #B89858;
    color: var(--cis-obsidian);
    text-decoration: none;
}

/* ══════════════════════════════════════════
   SECTION 6 — CTA (dark)
   ══════════════════════════════════════════ */
.cis-cta {
    background: var(--cis-obsidian);
    padding: 80px 52px;
}

.cis-cta-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.cis-cta-box {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.cis-cta-h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 28px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -.03em;
    line-height: 1.08;
    margin-bottom: 14px;
}

.cis-cta-para {
    font-size: 14px;
    color: rgba(255,255,255,.45);
    font-weight: 300;
    line-height: 1.78;
    margin-bottom: 24px;
}

.cis-cta-disclaimer {
    font-size: 12px;
    color: rgba(255,255,255,.25);
    font-weight: 300;
    margin-top: 8px;
}

/* ══════════════════════════════════════════
   RESPONSIVE BREAKPOINTS
   ══════════════════════════════════════════ */

/* 1080px */
@media (max-width: 1080px) {
    .cis-hero,
    .cis-buyer,
    .cis-checkpoints,
    .cis-ratings,
    .cis-pricing,
    .cis-cta {
        padding-left: 40px;
        padding-right: 40px;
    }
}

/* 980px */
@media (max-width: 980px) {
    .cis-hero,
    .cis-buyer,
    .cis-checkpoints,
    .cis-ratings,
    .cis-pricing,
    .cis-cta {
        padding-left: 32px;
        padding-right: 32px;
    }

    .cis-hero-grid {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .cis-buyer-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .cis-checkpoints-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .cis-ratings-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .cis-pricing-grid {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    .cis-pricing-grid .cis-price-card:last-child {
        grid-column: 1 / -1;
    }
}

/* 700px */
@media (max-width: 700px) {
    .cis-hero {
        padding: 72px 24px 60px;
    }

    .cis-buyer,
    .cis-checkpoints,
    .cis-ratings,
    .cis-pricing,
    .cis-cta {
        padding: 60px 24px;
    }

    .cis-hero h1 {
        font-size: 42px;
    }

    .cis-hero-sub {
        font-size: 15px;
    }

    .cis-cp-grid {
        grid-template-columns: 1fr;
    }

    .cis-stats-strip {
        flex-direction: column;
        gap: 18px;
    }

    .cis-stat {
        border-right: none;
        padding-right: 0;
        margin-right: 0;
        border-bottom: .5px solid rgba(255,255,255,.1);
        padding-bottom: 18px;
    }

    .cis-stat:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .cis-pricing-grid {
        grid-template-columns: 1fr;
    }

    .cis-pricing-grid .cis-price-card:last-child {
        grid-column: auto;
    }
}

/* 680px */
@media (max-width: 680px) {
    .cis-hero {
        padding: 64px 20px 52px;
    }

    .cis-buyer,
    .cis-checkpoints,
    .cis-ratings,
    .cis-pricing,
    .cis-cta {
        padding: 52px 20px;
    }

    .cis-hero h1 {
        font-size: 38px;
        line-height: 1.0;
    }

    .cis-btn-row {
        flex-direction: column;
        gap: 8px;
    }

    .cis-btn-gold,
    .cis-btn-ghost-light {
        width: 100%;
        text-align: center;
    }

    .cis-dim-label {
        width: 100px;
        font-size: 10.5px;
    }
}

/* 480px */
@media (max-width: 480px) {
    .cis-hero {
        padding: 52px 16px 44px;
    }

    .cis-buyer,
    .cis-checkpoints,
    .cis-ratings,
    .cis-pricing,
    .cis-cta {
        padding: 44px 16px;
    }

    .cis-hero h1 {
        font-size: 32px;
    }

    .cis-hero-sub {
        font-size: 14px;
    }

    .cis-h2 {
        font-size: 26px;
    }

    .cis-h2-light {
        font-size: 24px;
    }

    .cis-sample-card {
        padding: 18px;
    }

    .cis-donut {
        width: 74px;
        height: 74px;
    }

    .cis-donut-num {
        font-size: 18px;
    }

    .cis-score-row {
        gap: 12px;
    }

    .cis-pills {
        gap: 5px;
    }

    .cis-pill {
        font-size: 9px;
        padding: 3px 9px;
    }

    .cis-stat-num {
        font-size: 22px;
    }
}

/* 360px */
@media (max-width: 360px) {
    .cis-hero {
        padding: 44px 12px 36px;
    }

    .cis-buyer,
    .cis-checkpoints,
    .cis-ratings,
    .cis-pricing,
    .cis-cta {
        padding: 36px 12px;
    }

    .cis-hero h1 {
        font-size: 28px;
        letter-spacing: -.02em;
    }

    .cis-hero-sub {
        font-size: 13px;
        line-height: 1.65;
    }

    .cis-h2 {
        font-size: 22px;
    }

    .cis-h2-light {
        font-size: 20px;
    }

    .cis-cta-h2 {
        font-size: 22px;
    }

    .cis-dim-label {
        display: none;
    }

    .cis-dim-row {
        gap: 6px;
    }

    .cis-rating-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    .cis-rating-band {
        min-width: auto;
    }

    .cis-cp-title {
        font-size: 13px;
    }

    .cis-cp-desc {
        font-size: 11px;
    }

    .cis-stat-num {
        font-size: 20px;
    }

    .cis-stat-label {
        font-size: 10px;
    }
}
/* ============================================================
 * UNIONE™ ENFORCEMENT BOND PAGE STYLES
 * File: unione-enforcement-bond.css
 * Shortcode: [unione_enforcement_bond]
 * FULLY RESPONSIVE - ALL DEVICES
 * ============================================================ */

/* ── ROOT VARIABLES ── */
:root {
    --unione-slate: #2A3545;
    --unione-slate-deep: #1C2534;
    --unione-slate-mid: #3D4F63;
    --unione-gold: #C4A96A;
    --unione-gold-light: #E8D9B0;
    --unione-gold-pale: #F7F2E8;
    --unione-parchment: #FAFAF8;
    --unione-ivory: #F2F1EE;
    --unione-obsidian: #141820;
    --unione-white: #fff;
    --unione-ink: #1A1A18;
    --unione-ink-mid: #4A4843;
    --unione-ink-mute: #8A8880;
    --unione-border: rgba(42,53,69,0.12);
    --unione-border-light: rgba(255,255,255,0.07);
    --unione-radius-md: 10px;
    --unione-radius-lg: 16px;
    --unione-radius-xl: 24px;
}

/* ── MAIN WRAPPER ── */
.unione-eb-wrapper {
    font-family: 'Inter', sans-serif;
    background: #FAFAF8;
    color: #1A1A18;
}

.unione-eb-wrapper * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ── CONTAINER ── */
.unione-eb-container {
    max-width: 1100px;
    margin: 0 auto;
}

/* ── HERO SECTION ── */
.unione-eb-hero {
    background: var(--unione-obsidian);
    padding: 96px 52px 80px;
    border-bottom: 0.5px solid rgba(255,255,255,0.06);
}

.unione-eb-hero-tag {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--unione-gold);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.unione-eb-hero-tag::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--unione-gold);
    display: inline-block;
}

.unione-eb-hero h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(40px, 5vw, 64px);
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.04em;
    line-height: 1.02;
    margin-bottom: 18px;
}

.unione-eb-hero-sub {
    font-size: 17px;
    color: rgba(255,255,255,0.48);
    font-weight: 300;
    line-height: 1.8;
    max-width: 620px;
    margin-bottom: 28px;
}

/* ── TAGS ── */
.unione-eb-tags {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

.unione-eb-tag {
    font-size: 10.5px;
    font-weight: 600;
    padding: 4px 11px;
    border-radius: 100px;
    background: rgba(196,169,106,0.12);
    border: 0.5px solid rgba(196,169,106,0.3);
    color: var(--unione-gold);
}

/* ── BUTTONS ── */
.unione-eb-btn-gold {
    font-family: 'Inter', sans-serif;
    font-size: 13.5px;
    font-weight: 700;
    padding: 13px 26px;
    border-radius: 10px;
    background: var(--unione-gold);
    color: var(--unione-obsidian);
    text-decoration: none;
    display: inline-block;
    transition: background 0.2s ease;
}

.unione-eb-btn-gold:hover {
    background: #B89858;
}

.unione-eb-btn-outline {
    font-family: 'Inter', sans-serif;
    font-size: 13.5px;
    font-weight: 400;
    padding: 13px 26px;
    border-radius: 10px;
    border: 0.5px solid rgba(255,255,255,0.18);
    color: rgba(255,255,255,0.6);
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s ease;
}

.unione-eb-btn-outline:hover {
    border-color: rgba(255,255,255,0.35);
    color: rgba(255,255,255,0.85);
}

/* ── SECTIONS ── */
.unione-eb-section-white {
    background: var(--unione-white);
    padding: 80px 52px;
    border-bottom: 0.5px solid var(--unione-border);
}

.unione-eb-section-slate {
    background: var(--unione-slate);
    padding: 80px 52px;
    border-bottom: 0.5px solid rgba(255,255,255,0.06);
}

.unione-eb-section-tag {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--unione-gold);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.unione-eb-section-tag::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--unione-gold);
    display: inline-block;
}

.unione-eb-section-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(28px, 3.5vw, 40px);
    font-weight: 700;
    color: var(--unione-slate);
    letter-spacing: -0.03em;
    line-height: 1.1;
    margin-bottom: 12px;
}

.unione-eb-section-title-white {
    color: #fff;
}

/* ── GRID LAYOUT ── */
.unione-eb-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 52px;
    align-items: start;
}

/* ── STEPS ── */
.unione-eb-steps {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.unione-eb-step-gold {
    padding: 20px;
    background: rgba(196,169,106,0.08);
    border: 0.5px solid rgba(196,169,106,0.3);
    border-radius: 12px;
    transition: transform 0.2s ease;
}

.unione-eb-step-gold:hover {
    transform: translateX(2px);
}

.unione-eb-step-ivory {
    padding: 20px;
    background: var(--unione-ivory);
    border: 0.5px solid var(--unione-border);
    border-radius: 12px;
}

.unione-eb-step-num {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--unione-gold);
    margin-bottom: 6px;
}

.unione-eb-step-num-mute {
    color: var(--unione-ink-mute);
}

.unione-eb-step-title {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--unione-slate);
    margin-bottom: 5px;
}

.unione-eb-step-desc {
    font-size: 13px;
    color: var(--unione-ink-mute);
    font-weight: 300;
    line-height: 1.65;
}

/* ── TIMELINE ── */
.unione-eb-timeline {
    background: rgba(255,255,255,0.04);
    border: 0.5px solid rgba(255,255,255,0.1);
    border-radius: 16px;
    padding: 24px;
}

.unione-eb-timeline-title {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--unione-gold);
    margin-bottom: 14px;
}

.unione-eb-timeline-item {
    display: flex;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 0.5px solid rgba(255,255,255,0.07);
    align-items: flex-start;
}

.unione-eb-timeline-item:last-child {
    border-bottom: none;
}

.unione-eb-timeline-dot-gold {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--unione-gold);
    flex-shrink: 0;
    margin-top: 4px;
    animation: unione-eb-pulse 2s infinite;
}

@keyframes unione-eb-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(0.8); }
}

.unione-eb-timeline-dot-dim {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,0.2);
    flex-shrink: 0;
    margin-top: 4px;
}

.unione-eb-timeline-step-title {
    font-size: 12.5px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 2px;
}

.unione-eb-timeline-step-title-dim {
    color: rgba(255,255,255,0.4);
}

.unione-eb-timeline-step-desc {
    font-size: 11.5px;
    color: rgba(255,255,255,0.35);
    font-weight: 300;
}

/* ── INSURER LINK ── */
.unione-eb-insurer-link {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: var(--unione-gold);
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.unione-eb-insurer-link:hover {
    opacity: 0.8;
}

/* ── UTILITY TEXT ── */
.unione-eb-text-body {
    font-size: 14.5px;
    color: var(--unione-ink-mute);
    font-weight: 300;
    line-height: 1.82;
    margin-bottom: 16px;
}

.unione-eb-text-body-slate {
    font-size: 14px;
    color: rgba(255,255,255,0.45);
    font-weight: 300;
    line-height: 1.8;
    margin-bottom: 16px;
}

/* ============================================================
   RESPONSIVE BREAKPOINTS
   ============================================================ */

@media (max-width: 900px) {
    .unione-eb-hero,
    .unione-eb-section-white,
    .unione-eb-section-slate {
        padding: 48px 24px;
    }
    
    .unione-eb-grid-2 {
        grid-template-columns: 1fr;
        gap: 36px;
    }
    
    .unione-eb-hero h1 {
        font-size: clamp(32px, 5vw, 48px);
    }
    
    .unione-eb-hero-sub {
        font-size: 15px;
    }
    
    .unione-eb-hero-buttons {
        flex-direction: column;
        align-items: stretch;
    }
    
    .unione-eb-btn-gold,
    .unione-eb-btn-outline {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 600px) {
    .unione-eb-hero,
    .unione-eb-section-white,
    .unione-eb-section-slate {
        padding: 40px 20px;
    }
    
    .unione-eb-section-title {
        font-size: 24px;
    }
    
    .unione-eb-text-body {
        font-size: 13px;
    }
    
    .unione-eb-text-body-slate {
        font-size: 12.5px;
    }
    
    .unione-eb-step-gold,
    .unione-eb-step-ivory {
        padding: 16px;
    }
    
    .unione-eb-timeline {
        padding: 18px;
    }
    
    .unione-eb-timeline-step-title {
        font-size: 11.5px;
    }
    
    .unione-eb-timeline-step-desc {
        font-size: 10.5px;
    }
}

@media (max-width: 480px) {
    .unione-eb-hero,
    .unione-eb-section-white,
    .unione-eb-section-slate {
        padding: 32px 16px;
    }
    
    .unione-eb-hero h1 {
        font-size: 28px;
    }
    
    .unione-eb-hero-sub {
        font-size: 13px;
    }
    
    .unione-eb-section-title {
        font-size: 22px;
    }
    
    .unione-eb-tags {
        gap: 5px;
    }
    
    .unione-eb-tag {
        font-size: 9px;
        padding: 3px 8px;
    }
    
    .unione-eb-btn-gold,
    .unione-eb-btn-outline {
        font-size: 12.5px;
        padding: 11px 18px;
    }
}
/* ============================================================
 * UNIONE™ ERR Registry Page Styles
 * File: unione-err-registry.css
 * Shortcode: [unione_err_registry]
 * FULLY RESPONSIVE - ALL DEVICES
 * ============================================================ */

/* ── CSS VARIABLES ── */
:root {
    --unione-slate: #2A3545;
    --unione-slate-deep: #1C2534;
    --unione-slate-mid: #3D4F63;
    --unione-gold: #C4A96A;
    --unione-gold-light: #E8D9B0;
    --unione-gold-pale: #F7F2E8;
    --unione-parchment: #FAFAF8;
    --unione-ivory: #F2F1EE;
    --unione-obsidian: #141820;
    --unione-white: #fff;
    --unione-ink: #1A1A18;
    --unione-ink-mid: #4A4843;
    --unione-ink-mute: #8A8880;
    --unione-border: rgba(42,53,69,0.12);
    --unione-r-md: 10px;
    --unione-r-lg: 16px;
    --unione-r-xl: 24px;
}

/* ── MAIN WRAPPER ── */
.unione-err-wrapper {
    font-family: 'Inter', sans-serif;
    background: #FAFAF8;
    color: #1A1A18;
}

.unione-err-wrapper * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ── CONTAINER ── */
.unione-err-container {
    max-width: 1100px;
    margin: 0 auto;
}

/* ── HERO SECTION ── */
.unione-err-hero {
    background: var(--unione-obsidian);
    padding: 96px 52px 80px;
    border-bottom: 0.5px solid rgba(255,255,255,0.06);
}

.unione-err-hero-tag {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--unione-gold);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.unione-err-hero-tag::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--unione-gold);
    display: inline-block;
}

.unione-err-hero h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(40px, 5vw, 64px);
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.04em;
    line-height: 1.02;
    margin-bottom: 18px;
}

.unione-err-hero-sub {
    font-size: 17px;
    color: rgba(255,255,255,0.48);
    font-weight: 300;
    line-height: 1.8;
    max-width: 620px;
    margin-bottom: 32px;
}

.unione-err-hero-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 32px;
}

.unione-err-btn-gold {
    font-family: 'Inter', sans-serif;
    font-size: 13.5px;
    font-weight: 700;
    padding: 13px 26px;
    border-radius: 10px;
    background: var(--unione-gold);
    color: var(--unione-obsidian);
    text-decoration: none;
    display: inline-block;
    transition: background 0.2s ease;
}

.unione-err-btn-gold:hover {
    background: #B89858;
}

.unione-err-btn-outline {
    font-family: 'Inter', sans-serif;
    font-size: 13.5px;
    font-weight: 400;
    padding: 13px 26px;
    border-radius: 10px;
    border: 0.5px solid rgba(255,255,255,0.18);
    color: rgba(255,255,255,0.6);
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s ease;
}

.unione-err-btn-outline:hover {
    border-color: rgba(255,255,255,0.4);
    color: rgba(255,255,255,0.85);
}

.unione-err-stats {
    display: flex;
    gap: 0;
    border-top: 0.5px solid rgba(255,255,255,0.08);
    padding-top: 24px;
    margin-top: 32px;
}

.unione-err-stat-item {
    padding-right: 32px;
    margin-right: 32px;
    border-right: 0.5px solid rgba(255,255,255,0.1);
}

.unione-err-stat-item:last-child {
    border-right: none;
}

.unione-err-stat-number {
    font-family: 'Inter Tight', sans-serif;
    font-size: 28px;
    font-weight: 800;
    color: var(--unione-gold);
    line-height: 1;
    margin-bottom: 4px;
}

.unione-err-stat-label {
    font-size: 11px;
    color: rgba(255,255,255,0.35);
    font-weight: 300;
    max-width: 140px;
    line-height: 1.4;
}

/* ── SECTION COMMON ── */
.unione-err-section {
    padding: 80px 52px;
    border-bottom: 0.5px solid var(--unione-border);
}

.unione-err-section-white {
    background: var(--unione-white);
    padding: 80px 52px;
    border-bottom: 0.5px solid var(--unione-border);
}

.unione-err-section-ivory {
    background: var(--unione-ivory);
    padding: 80px 52px;
    border-bottom: 0.5px solid var(--unione-border);
}

.unione-err-section-tag {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--unione-gold);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.unione-err-section-tag::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--unione-gold);
    display: inline-block;
}

.unione-err-section-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(28px, 3.5vw, 40px);
    font-weight: 700;
    color: var(--unione-slate);
    letter-spacing: -0.03em;
    line-height: 1.1;
    margin-bottom: 12px;
}

.unione-err-section-sub {
    font-size: 14px;
    color: var(--unione-ink-mute);
    font-weight: 300;
    line-height: 1.8;
    max-width: 640px;
    margin-bottom: 28px;
}

/* ── GRID 2 COLUMN ── */
.unione-err-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 52px;
    align-items: start;
}

/* ── WHAT NOT PUBLISHED BOX ── */
.unione-err-not-published {
    background: var(--unione-obsidian);
    border-radius: 16px;
    padding: 24px;
}

.unione-err-not-title {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--unione-gold);
    margin-bottom: 14px;
}

.unione-err-not-desc {
    font-size: 13px;
    color: rgba(255,255,255,0.5);
    font-weight: 300;
    line-height: 1.72;
    margin-bottom: 14px;
}

.unione-err-not-item {
    display: flex;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 0.5px solid rgba(255,255,255,0.07);
}

.unione-err-not-cross {
    color: #EF4444;
    font-weight: 700;
    flex-shrink: 0;
}

.unione-err-not-text {
    font-size: 13px;
    color: rgba(255,255,255,0.45);
    font-weight: 300;
}

/* ── REGISTRY SEARCH ── */
.unione-err-search-box {
    background: var(--unione-white);
    border: 0.5px solid var(--unione-border);
    border-radius: 14px;
    padding: 20px;
    margin-bottom: 16px;
}

.unione-err-search-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 120px;
    gap: 10px;
    align-items: end;
}

.unione-err-search-label {
    font-size: 11px;
    font-weight: 600;
    color: var(--unione-ink-mute);
    margin-bottom: 6px;
}

.unione-err-search-input {
    width: 100%;
    padding: 10px 14px;
    border: 0.5px solid var(--unione-border);
    border-radius: 8px;
    font-size: 13px;
    font-family: 'Inter', sans-serif;
    color: var(--unione-slate);
    outline: none;
    transition: border-color 0.2s ease;
}

.unione-err-search-input:focus {
    border-color: var(--unione-gold);
}

.unione-err-search-select {
    width: 100%;
    padding: 10px 14px;
    border: 0.5px solid var(--unione-border);
    border-radius: 8px;
    font-size: 13px;
    font-family: 'Inter', sans-serif;
    color: var(--unione-ink-mute);
    outline: none;
    background: var(--unione-white);
    cursor: pointer;
}

.unione-err-search-select:focus {
    border-color: var(--unione-gold);
}

.unione-err-search-btn {
    padding: 10px 14px;
    background: var(--unione-slate);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
    cursor: pointer;
    transition: background 0.2s ease;
}

.unione-err-search-btn:hover {
    background: var(--unione-slate-deep);
}

/* ── REGISTRY TABLE ── */
.unione-err-table {
    background: var(--unione-white);
    border: 0.5px solid var(--unione-border);
    border-radius: 14px;
    overflow: hidden;
}

.unione-err-table-header {
    display: grid;
    grid-template-columns: 160px 180px 120px 1fr 100px;
    gap: 0;
    padding: 12px 20px;
    background: var(--unione-slate);
    border-bottom: 0.5px solid rgba(255,255,255,0.08);
}

.unione-err-table-header span {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.4);
}

.unione-err-table-row {
    display: grid;
    grid-template-columns: 160px 180px 120px 1fr 100px;
    gap: 0;
    padding: 14px 20px;
    border-bottom: 0.5px solid var(--unione-border);
    align-items: center;
}

.unione-err-table-row:last-child {
    border-bottom: none;
}

.unione-err-table-row:hover {
    background: var(--unione-gold-pale);
}

.unione-err-cert-ref {
    font-family: 'Inter Tight', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: var(--unione-gold);
}

.unione-err-cert-sector {
    font-size: 12.5px;
    color: var(--unione-slate);
    font-weight: 300;
}

.unione-err-cert-date {
    font-size: 12.5px;
    color: var(--unione-ink-mute);
    font-weight: 300;
}

.unione-err-cert-jurisdictions {
    font-size: 12.5px;
    color: var(--unione-ink-mute);
    font-weight: 300;
}

.unione-err-status-badge {
    font-size: 10px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 100px;
    background: #F0FDF4;
    border: 0.5px solid #86EFAC;
    color: #166534;
    display: inline-block;
}

.unione-err-status-badge-inactive {
    background: #FEF2F2;
    border-color: #FCA5A5;
    color: #991B1B;
}

.unione-err-table-footer {
    padding: 14px 20px;
    text-align: center;
    font-size: 12px;
    color: var(--unione-ink-mute);
    font-weight: 300;
}

/* ── LOADING STATE ── */
.unione-err-loading {
    text-align: center;
    padding: 40px;
    color: var(--unione-ink-mute);
}

.unione-err-no-results {
    text-align: center;
    padding: 40px;
    color: var(--unione-ink-mute);
}

/* ── RESPONSIVE BREAKPOINTS ── */
@media (max-width: 900px) {
    .unione-err-grid-2 {
        grid-template-columns: 1fr;
    }
    
    .unione-err-search-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    
    .unione-err-table-header,
    .unione-err-table-row {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    
    .unione-err-hero,
    .unione-err-section,
    .unione-err-section-white,
    .unione-err-section-ivory {
        padding: 48px 24px;
    }
    
    .unione-err-stats {
        flex-direction: column;
        gap: 16px;
    }
    
    .unione-err-stat-item {
        border-right: none;
        border-bottom: 0.5px solid rgba(255,255,255,0.08);
        padding-bottom: 16px;
        margin-right: 0;
    }
    
    .unione-err-stat-item:last-child {
        border-bottom: none;
    }
}

@media (max-width: 640px) {
    .unione-err-hero-buttons {
        flex-direction: column;
    }
    
    .unione-err-hero-buttons a {
        text-align: center;
    }
}
/* ============================================================
 * UNIONE™ FELLOWS ACADEMY PAGE STYLES
 * File: unione-fellows-academy.css
 * Shortcode: [unione_fellows_academy]
 * FULLY RESPONSIVE - ALL DEVICES
 * ============================================================ */

/* ── ROOT VARIABLES ── */
:root {
    --unione-slate: #2A3545;
    --unione-slate-deep: #1C2534;
    --unione-slate-mid: #3D4F63;
    --unione-gold: #C4A96A;
    --unione-gold-light: #E8D9B0;
    --unione-gold-pale: #F7F2E8;
    --unione-parchment: #FAFAF8;
    --unione-ivory: #F2F1EE;
    --unione-obsidian: #141820;
    --unione-white: #fff;
    --unione-ink: #1A1A18;
    --unione-ink-mid: #4A4843;
    --unione-ink-mute: #8A8880;
    --unione-border: rgba(42,53,69,0.12);
    --unione-border-light: rgba(255,255,255,0.07);
    --unione-radius-md: 10px;
    --unione-radius-lg: 16px;
    --unione-radius-xl: 24px;
}

/* ── MAIN WRAPPER ── */
.unione-fa-wrapper {
    font-family: 'Inter', sans-serif;
    background: #FAFAF8;
    color: #1A1A18;
}

.unione-fa-wrapper * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ── CONTAINER ── */
.unione-fa-container {
    max-width: 1100px;
    margin: 0 auto;
}

/* ── HERO SECTION ── */
.unione-fa-hero {
    background: var(--unione-obsidian);
    padding: 96px 52px 80px;
    border-bottom: 0.5px solid rgba(255,255,255,0.06);
}

.unione-fa-hero-tag {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--unione-gold);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.unione-fa-hero-tag::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--unione-gold);
    display: inline-block;
}

.unione-fa-hero h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(40px, 5vw, 64px);
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.04em;
    line-height: 1.02;
    margin-bottom: 18px;
}

.unione-fa-hero-sub {
    font-size: 17px;
    color: rgba(255,255,255,0.48);
    font-weight: 300;
    line-height: 1.8;
    max-width: 620px;
    margin-bottom: 28px;
}

/* ── TAGS ── */
.unione-fa-tags {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

.unione-fa-tag {
    font-size: 10.5px;
    font-weight: 600;
    padding: 4px 11px;
    border-radius: 100px;
    background: rgba(196,169,106,0.12);
    border: 0.5px solid rgba(196,169,106,0.3);
    color: var(--unione-gold);
}

/* ── BUTTONS ── */
.unione-fa-btn-gold {
    font-family: 'Inter', sans-serif;
    font-size: 13.5px;
    font-weight: 700;
    padding: 13px 26px;
    border-radius: 10px;
    background: var(--unione-gold);
    color: var(--unione-obsidian);
    text-decoration: none;
    display: inline-block;
    transition: background 0.2s ease;
}

.unione-fa-btn-gold:hover {
    background: #B89858;
}

.unione-fa-btn-outline {
    font-family: 'Inter', sans-serif;
    font-size: 13.5px;
    font-weight: 400;
    padding: 13px 26px;
    border-radius: 10px;
    border: 0.5px solid rgba(255,255,255,0.18);
    color: rgba(255,255,255,0.6);
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s ease;
}

.unione-fa-btn-outline:hover {
    border-color: rgba(255,255,255,0.35);
    color: rgba(255,255,255,0.85);
}

/* ── STATS SECTION ── */
.unione-fa-stats {
    display: flex;
    gap: 0;
    border-top: 0.5px solid rgba(255,255,255,0.08);
    padding-top: 24px;
    margin-top: 32px;
}

.unione-fa-stat-item {
    padding-right: 32px;
    margin-right: 32px;
    border-right: 0.5px solid rgba(255,255,255,0.1);
}

.unione-fa-stat-item:last-child {
    border-right: none;
}

.unione-fa-stat-number {
    font-family: 'Inter Tight', sans-serif;
    font-size: 28px;
    font-weight: 800;
    color: var(--unione-gold);
    line-height: 1;
    margin-bottom: 4px;
}

.unione-fa-stat-label {
    font-size: 11px;
    color: rgba(255,255,255,0.35);
    font-weight: 300;
    max-width: 140px;
    line-height: 1.4;
}

/* ── SECTIONS ── */
.unione-fa-section-white {
    background: var(--unione-white);
    padding: 80px 52px;
    border-bottom: 0.5px solid var(--unione-border);
}

.unione-fa-section-ivory {
    background: var(--unione-ivory);
    padding: 80px 52px;
    border-bottom: 0.5px solid var(--unione-border);
}

.unione-fa-section-tag {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--unione-gold);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.unione-fa-section-tag::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--unione-gold);
    display: inline-block;
}

.unione-fa-section-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(28px, 3.5vw, 40px);
    font-weight: 700;
    color: var(--unione-slate);
    letter-spacing: -0.03em;
    line-height: 1.1;
    margin-bottom: 12px;
}

.unione-fa-section-sub {
    font-size: 14px;
    color: var(--unione-ink-mute);
    font-weight: 300;
    line-height: 1.8;
    max-width: 640px;
    margin-bottom: 28px;
}

/* ── GRID LAYOUT ── */
.unione-fa-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 52px;
    align-items: start;
}

/* ── PATHWAY CARDS ── */
.unione-fa-pathway-card {
    padding: 18px 20px;
    background: var(--unione-ivory);
    border-radius: 12px;
    border-left: 3px solid var(--unione-gold);
    margin-bottom: 10px;
    transition: transform 0.2s ease;
}

.unione-fa-pathway-card:hover {
    transform: translateX(2px);
}

.unione-fa-pathway-title {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--unione-slate);
    margin-bottom: 5px;
}

.unione-fa-pathway-desc {
    font-size: 13px;
    color: var(--unione-ink-mute);
    font-weight: 300;
    line-height: 1.65;
}

/* ── ACCESS BOX ── */
.unione-fa-access-box {
    background: var(--unione-obsidian);
    border-radius: 16px;
    padding: 26px;
}

.unione-fa-access-title {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--unione-gold);
    margin-bottom: 14px;
}

.unione-fa-access-row {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 0.5px solid rgba(255,255,255,0.07);
}

.unione-fa-access-row:last-of-type {
    border-bottom: none;
}

.unione-fa-access-label {
    font-size: 13px;
    color: rgba(255,255,255,0.55);
    font-weight: 300;
}

.unione-fa-access-value {
    font-size: 13px;
    font-weight: 700;
    color: var(--unione-gold);
}

.unione-fa-access-note {
    margin-top: 14px;
    font-size: 12px;
    color: rgba(255,255,255,0.3);
    font-weight: 300;
    line-height: 1.6;
}

/* ── MODULE CARDS ── */
.unione-fa-module {
    background: var(--unione-white);
    border: 0.5px solid var(--unione-border);
    border-radius: 12px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 80px 1fr;
    margin-bottom: 8px;
    transition: box-shadow 0.2s ease;
}

.unione-fa-module:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.unione-fa-module-sidebar-assessed {
    background: var(--unione-obsidian);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px;
    text-align: center;
    border-right: 0.5px solid var(--unione-border);
}

.unione-fa-module-sidebar-cpd {
    background: var(--unione-ivory);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px;
    text-align: center;
    border-right: 0.5px solid var(--unione-border);
}

.unione-fa-module-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 11px;
    font-weight: 800;
    color: var(--unione-gold);
}

.unione-fa-module-num-mute {
    color: var(--unione-ink-mute);
}

.unione-fa-module-badge {
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-top: 4px;
    line-height: 1.3;
}

.unione-fa-module-badge-assessed {
    color: var(--unione-gold);
}

.unione-fa-module-badge-cpd {
    color: var(--unione-ink-mute);
}

.unione-fa-module-content {
    padding: 14px 18px;
}

.unione-fa-module-meta {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--unione-ink-mute);
    margin-bottom: 4px;
}

.unione-fa-module-title {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--unione-slate);
    margin-bottom: 4px;
}

.unione-fa-module-desc {
    font-size: 12.5px;
    color: var(--unione-ink-mute);
    font-weight: 300;
    line-height: 1.6;
}

/* ── UTILITY TEXT ── */
.unione-fa-text-body {
    font-size: 14px;
    color: var(--unione-ink-mute);
    font-weight: 300;
    line-height: 1.8;
    margin-bottom: 20px;
}

/* ============================================================
   RESPONSIVE BREAKPOINTS
   ============================================================ */

@media (max-width: 900px) {
    .unione-fa-hero,
    .unione-fa-section-white,
    .unione-fa-section-ivory {
        padding: 48px 24px;
    }
    
    .unione-fa-grid-2 {
        grid-template-columns: 1fr;
        gap: 36px;
    }
    
    .unione-fa-stats {
        flex-direction: column;
        gap: 16px;
    }
    
    .unione-fa-stat-item {
        border-right: none;
        border-bottom: 0.5px solid rgba(255,255,255,0.08);
        padding-bottom: 16px;
        margin-right: 0;
    }
    
    .unione-fa-stat-item:last-child {
        border-bottom: none;
    }
    
    .unione-fa-module {
        grid-template-columns: 1fr;
    }
    
    .unione-fa-module-sidebar-assessed,
    .unione-fa-module-sidebar-cpd {
        flex-direction: row;
        gap: 12px;
        padding: 10px;
        border-right: none;
        border-bottom: 0.5px solid var(--unione-border);
    }
    
    .unione-fa-hero-buttons {
        flex-direction: column;
        align-items: stretch;
    }
    
    .unione-fa-btn-gold,
    .unione-fa-btn-outline {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 600px) {
    .unione-fa-hero,
    .unione-fa-section-white,
    .unione-fa-section-ivory {
        padding: 40px 20px;
    }
    
    .unione-fa-section-title {
        font-size: 24px;
    }
    
    .unione-fa-hero-sub {
        font-size: 15px;
    }
    
    .unione-fa-text-body {
        font-size: 13px;
    }
    
    .unione-fa-pathway-card {
        padding: 14px 16px;
    }
    
    .unione-fa-access-box {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .unione-fa-hero,
    .unione-fa-section-white,
    .unione-fa-section-ivory {
        padding: 32px 16px;
    }
    
    .unione-fa-hero h1 {
        font-size: 28px;
    }
    
    .unione-fa-hero-sub {
        font-size: 13px;
    }
    
    .unione-fa-section-title {
        font-size: 22px;
    }
    
    .unione-fa-tags {
        gap: 5px;
    }
    
    .unione-fa-tag {
        font-size: 9px;
        padding: 3px 8px;
    }
    
    .unione-fa-btn-gold,
    .unione-fa-btn-outline {
        font-size: 12.5px;
        padding: 11px 18px;
    }
    
    .unione-fa-stat-number {
        font-size: 22px;
    }
    
    .unione-fa-stat-label {
        font-size: 10px;
    }
    
    .unione-fa-module-title {
        font-size: 12.5px;
    }
    
    .unione-fa-module-desc {
        font-size: 11.5px;
    }
}
/* ============================================================
 * UNIONE™ Jurisdiction Intelligence Reports Page Styles
 * File: unione-jurisdiction-intelligence.css
 * Shortcode: [unione_jurisdiction_intelligence_reports]
 * FULLY RESPONSIVE - ALL DEVICES
 * ============================================================ */

/* ── CSS VARIABLES ── */
:root {
    --unione-slate: #2A3545;
    --unione-slate-deep: #1C2534;
    --unione-slate-mid: #3D4F63;
    --unione-gold: #C4A96A;
    --unione-gold-light: #E8D9B0;
    --unione-gold-pale: #F7F2E8;
    --unione-parchment: #FAFAF8;
    --unione-ivory: #F2F1EE;
    --unione-obsidian: #141820;
    --unione-white: #fff;
    --unione-ink: #1A1A18;
    --unione-ink-mid: #4A4843;
    --unione-ink-mute: #8A8880;
    --unione-border: rgba(42,53,69,0.12);
    --unione-r-md: 10px;
    --unione-r-lg: 16px;
    --unione-r-xl: 24px;
}

/* ── MAIN WRAPPER ── */
.unione-jir-wrapper {
    font-family: 'Inter', sans-serif;
    background: #FAFAF8;
    color: #1A1A18;
}

.unione-jir-wrapper * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ── CONTAINER ── */
.unione-jir-container {
    max-width: 1100px;
    margin: 0 auto;
}

/* ── HERO SECTION ── */
.unione-jir-hero {
    background: var(--unione-obsidian);
    padding: 96px 52px 80px;
    position: relative;
    overflow: hidden;
    border-bottom: 0.5px solid rgba(255,255,255,0.06);
}

.unione-jir-hero-tag {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--unione-gold);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.unione-jir-hero-tag::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--unione-gold);
    display: inline-block;
}

.unione-jir-hero h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(40px, 5vw, 64px);
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.04em;
    line-height: 1.02;
    margin-bottom: 18px;
}

.unione-jir-hero-sub {
    font-size: 17px;
    color: rgba(255,255,255,0.48);
    font-weight: 300;
    line-height: 1.8;
    max-width: 620px;
    margin-bottom: 28px;
}

.unione-jir-tags {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

.unione-jir-tag {
    font-size: 10.5px;
    font-weight: 600;
    padding: 4px 11px;
    border-radius: 100px;
    background: rgba(196,169,106,0.12);
    border: 0.5px solid rgba(196,169,106,0.3);
    color: var(--unione-gold);
}

.unione-jir-hero-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.unione-jir-btn-gold {
    font-family: 'Inter', sans-serif;
    font-size: 13.5px;
    font-weight: 700;
    padding: 13px 26px;
    border-radius: 10px;
    background: var(--unione-gold);
    color: var(--unione-obsidian);
    text-decoration: none;
    display: inline-block;
    transition: background 0.2s ease;
}

.unione-jir-btn-gold:hover {
    background: #B89858;
}

.unione-jir-btn-outline {
    font-family: 'Inter', sans-serif;
    font-size: 13.5px;
    font-weight: 400;
    padding: 13px 26px;
    border-radius: 10px;
    border: 0.5px solid rgba(255,255,255,0.18);
    color: rgba(255,255,255,0.6);
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s ease;
}

.unione-jir-btn-outline:hover {
    border-color: rgba(255,255,255,0.4);
    color: rgba(255,255,255,0.85);
}

.unione-jir-stats {
    display: flex;
    gap: 0;
    border-top: 0.5px solid rgba(255,255,255,0.08);
    padding-top: 24px;
    margin-top: 32px;
}

.unione-jir-stat-item {
    padding-right: 32px;
    margin-right: 32px;
    border-right: 0.5px solid rgba(255,255,255,0.1);
}

.unione-jir-stat-item:last-child {
    border-right: none;
}

.unione-jir-stat-number {
    font-family: 'Inter Tight', sans-serif;
    font-size: 28px;
    font-weight: 800;
    color: var(--unione-gold);
    line-height: 1;
    margin-bottom: 4px;
}

.unione-jir-stat-label {
    font-size: 11px;
    color: rgba(255,255,255,0.35);
    font-weight: 300;
    max-width: 140px;
    line-height: 1.4;
}

/* ── SECTION COMMON ── */
.unione-jir-section {
    padding: 80px 52px;
    border-bottom: 0.5px solid var(--unione-border);
}

.unione-jir-section-white {
    background: var(--unione-white);
    padding: 80px 52px;
    border-bottom: 0.5px solid var(--unione-border);
}

.unione-jir-section-ivory {
    background: var(--unione-ivory);
    padding: 80px 52px;
    border-bottom: 0.5px solid var(--unione-border);
}

.unione-jir-section-slate {
    background: var(--unione-slate);
    padding: 80px 52px;
}

.unione-jir-section-tag {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--unione-gold);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.unione-jir-section-tag::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--unione-gold);
    display: inline-block;
}

.unione-jir-section-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(28px, 3.5vw, 40px);
    font-weight: 700;
    color: var(--unione-slate);
    letter-spacing: -0.03em;
    line-height: 1.1;
    margin-bottom: 12px;
}

.unione-jir-section-title-white {
    color: #fff;
}

.unione-jir-section-sub {
    font-size: 14px;
    color: var(--unione-ink-mute);
    font-weight: 300;
    line-height: 1.8;
    max-width: 640px;
    margin-bottom: 28px;
}

/* ── GRID 2 COLUMN ── */
.unione-jir-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 52px;
    align-items: start;
}

/* ── USE CASE CARDS ── */
.unione-jir-use-card {
    padding: 18px 20px;
    background: var(--unione-ivory);
    border: 0.5px solid var(--unione-border);
    border-radius: 12px;
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.unione-jir-use-icon {
    font-size: 22px;
    flex-shrink: 0;
}

.unione-jir-use-title {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--unione-slate);
    margin-bottom: 4px;
}

.unione-jir-use-desc {
    font-size: 13px;
    color: var(--unione-ink-mute);
    font-weight: 300;
    line-height: 1.65;
}

/* ── REPORT CARDS ── */
.unione-jir-report-card {
    background: var(--unione-white);
    border: 0.5px solid var(--unione-border);
    border-radius: 14px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    transition: box-shadow 0.2s ease;
}

.unione-jir-report-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.unione-jir-report-badge {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--unione-gold);
    margin-bottom: 6px;
}

.unione-jir-report-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--unione-slate);
    margin-bottom: 5px;
    line-height: 1.3;
}

.unione-jir-report-desc {
    font-size: 13px;
    color: var(--unione-ink-mute);
    font-weight: 300;
    line-height: 1.65;
}

.unione-jir-report-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 14px;
    background: var(--unione-ivory);
    border-radius: 8px;
    margin-top: auto;
}

.unione-jir-report-price-label {
    font-size: 12px;
    color: var(--unione-ink-mute);
    font-weight: 300;
}

.unione-jir-report-price {
    font-family: 'Inter Tight', sans-serif;
    font-size: 18px;
    font-weight: 800;
    color: var(--unione-gold);
}

.unione-jir-report-order {
    font-size: 12px;
    font-weight: 700;
    color: var(--unione-obsidian);
    background: var(--unione-gold);
    padding: 6px 14px;
    border-radius: 8px;
    text-decoration: none;
    display: inline-block;
    transition: background 0.2s ease;
}

.unione-jir-report-order:hover {
    background: #B89858;
}

/* ── BUNDLE BOX ── */
.unione-jir-bundle-box {
    background: var(--unione-slate);
    border-radius: 14px;
    padding: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

.unione-jir-bundle-title {
    font-size: 13.5px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 4px;
}

.unione-jir-bundle-desc {
    font-size: 13px;
    color: rgba(255,255,255,0.45);
    font-weight: 300;
}

.unione-jir-bundle-price {
    font-family: 'Inter Tight', sans-serif;
    font-size: 28px;
    font-weight: 800;
    color: var(--unione-gold);
}

.unione-jir-bundle-price-label {
    font-size: 11px;
    color: rgba(255,255,255,0.35);
    margin-bottom: 10px;
}

.unione-jir-btn-bundle {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 22px;
    border-radius: 10px;
    background: var(--unione-gold);
    color: var(--unione-obsidian);
    text-decoration: none;
    display: inline-block;
    transition: background 0.2s ease;
}

.unione-jir-btn-bundle:hover {
    background: #B89858;
}

/* ── CUSTOM BOX ── */
.unione-jir-custom-box {
    background: rgba(255,255,255,0.04);
    border: 0.5px solid rgba(255,255,255,0.1);
    border-radius: 16px;
    padding: 24px;
}

.unione-jir-custom-item {
    display: flex;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 0.5px solid rgba(255,255,255,0.06);
    align-items: flex-start;
}

.unione-jir-custom-bullet {
    color: var(--unione-gold);
    font-weight: 700;
    flex-shrink: 0;
}

.unione-jir-custom-text {
    font-size: 13px;
    color: rgba(255,255,255,0.5);
    font-weight: 300;
    line-height: 1.65;
}

/* ── RESPONSIVE BREAKPOINTS ── */
@media (max-width: 1400px) {
    .unione-jir-container {
        max-width: 1180px;
    }
    .unione-jir-hero {
        padding: 90px 42px 74px;
    }
    .unione-jir-section,
    .unione-jir-section-white,
    .unione-jir-section-ivory,
    .unione-jir-section-slate {
        padding: 72px 42px;
    }
}

@media (max-width: 1080px) {
    .unione-jir-grid-2 {
        grid-template-columns: 1fr;
        gap: 38px;
    }
    .unione-jir-hero h1 {
        font-size: clamp(36px, 5vw, 56px);
    }
    .unione-jir-section-title {
        font-size: clamp(28px, 4vw, 38px);
    }
    .unione-jir-stats {
        flex-wrap: wrap;
        row-gap: 22px;
    }
    .unione-jir-stat-item {
        width: calc(50% - 20px);
        margin-right: 0;
        padding-right: 20px;
    }
}

@media (max-width: 980px) {
    .unione-jir-hero,
    .unione-jir-section,
    .unione-jir-section-white,
    .unione-jir-section-ivory,
    .unione-jir-section-slate {
        padding: 56px 28px;
    }
    .unione-jir-hero-sub {
        font-size: 15px;
        line-height: 1.75;
    }
    .unione-jir-section-sub {
        font-size: 13px;
        line-height: 1.75;
    }
    .unione-jir-report-card {
        padding: 22px;
    }
    .unione-jir-bundle-box {
        padding: 22px;
    }
    .unione-jir-use-card {
        padding: 16px 18px;
    }
}

@media (max-width: 780px) {
    .unione-jir-hero {
        padding-top: 72px;
        padding-bottom: 60px;
    }
    .unione-jir-hero-buttons {
        flex-direction: column;
        align-items: stretch;
    }
    .unione-jir-btn-gold,
    .unione-jir-btn-outline {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .unione-jir-stats {
        flex-direction: column;
        gap: 14px;
    }
    .unione-jir-stat-item {
        width: 100%;
        border-right: none;
        border-bottom: 0.5px solid rgba(255,255,255,0.08);
        padding-bottom: 14px;
        padding-right: 0;
    }
    .unione-jir-stat-item:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }
    .unione-jir-bundle-box {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }
    .unione-jir-bundle-box div:last-child {
        width: 100%;
        text-align: left;
    }
    .unione-jir-btn-bundle {
        display: inline-flex;
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .unione-jir-hero,
    .unione-jir-section,
    .unione-jir-section-white,
    .unione-jir-section-ivory,
    .unione-jir-section-slate {
        padding: 42px 18px;
    }
    .unione-jir-hero h1 {
        font-size: 32px;
        line-height: 1.08;
    }
    .unione-jir-section-title {
        font-size: 26px;
        line-height: 1.15;
    }
    .unione-jir-hero-sub {
        font-size: 14px;
    }
    .unione-jir-section-sub {
        font-size: 12.5px;
    }
    .unione-jir-tags {
        gap: 6px;
    }
    .unione-jir-tag {
        font-size: 9.5px;
        padding: 4px 10px;
    }
    .unione-jir-btn-gold,
    .unione-jir-btn-outline {
        font-size: 13px;
        padding: 12px 18px;
    }
    .unione-jir-report-card {
        padding: 20px 18px;
        border-radius: 12px;
    }
    .unione-jir-report-title {
        font-size: 14px;
    }
    .unione-jir-report-desc {
        font-size: 12px;
    }
    .unione-jir-report-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    .unione-jir-report-order {
        width: 100%;
        text-align: center;
    }
    .unione-jir-use-card {
        flex-direction: column;
        gap: 10px;
    }
    .unione-jir-use-icon {
        font-size: 20px;
    }
    .unione-jir-bundle-price {
        font-size: 24px;
    }
    .unione-jir-custom-box {
        padding: 20px 18px;
    }
}

@media (max-width: 360px) {
    .unione-jir-hero,
    .unione-jir-section,
    .unione-jir-section-white,
    .unione-jir-section-ivory,
    .unione-jir-section-slate {
        padding-left: 14px;
        padding-right: 14px;
    }
    .unione-jir-hero h1 {
        font-size: 28px;
    }
    .unione-jir-section-title {
        font-size: 22px;
    }
    .unione-jir-hero-sub,
    .unione-jir-section-sub {
        font-size: 12px;
        line-height: 1.7;
    }
    .unione-jir-btn-gold,
    .unione-jir-btn-outline,
    .unione-jir-btn-bundle {
        font-size: 12px;
        padding: 11px 14px;
        border-radius: 8px;
    }
    .unione-jir-stat-number {
        font-size: 22px;
    }
    .unione-jir-stat-label {
        font-size: 10px;
    }
    .unione-jir-report-price {
        font-size: 16px;
    }
    .unione-jir-report-order {
        font-size: 11px;
        padding: 6px 12px;
    }
    .unione-jir-custom-text,
    .unione-jir-use-desc {
        font-size: 11.5px;
    }
}
/* ============================================================
 * UNIONE™ LITIGATION FUNDING MARKETPLACE PAGE STYLES
 * File: unione-litigation-funding-marketplace.css
 * Shortcode: [unione_litigation_funding_marketplace]
 * FULLY RESPONSIVE - ALL DEVICES
 * ============================================================ */

/* ── ROOT VARIABLES ── */
:root {
    --unione-slate: #2A3545;
    --unione-slate-deep: #1C2534;
    --unione-slate-mid: #3D4F63;
    --unione-gold: #C4A96A;
    --unione-gold-light: #E8D9B0;
    --unione-gold-pale: #F7F2E8;
    --unione-parchment: #FAFAF8;
    --unione-ivory: #F2F1EE;
    --unione-obsidian: #141820;
    --unione-white: #fff;
    --unione-ink: #1A1A18;
    --unione-ink-mid: #4A4843;
    --unione-ink-mute: #8A8880;
    --unione-border: rgba(42,53,69,0.12);
    --unione-border-light: rgba(255,255,255,0.07);
    --unione-radius-md: 10px;
    --unione-radius-lg: 16px;
    --unione-radius-xl: 24px;
}

/* ── MAIN WRAPPER ── */
.unione-lfm-wrapper {
    font-family: 'Inter', sans-serif;
    background: #FAFAF8;
    color: #1A1A18;
}

.unione-lfm-wrapper * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ── CONTAINER ── */
.unione-lfm-container {
    max-width: 1100px;
    margin: 0 auto;
}

/* ── HERO SECTION ── */
.unione-lfm-hero {
    background: var(--unione-obsidian);
    padding: 88px 52px 72px;
    position: relative;
    overflow: hidden;
    border-bottom: 0.5px solid rgba(255,255,255,0.06);
}

.unione-lfm-hero-tag {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--unione-gold);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.unione-lfm-hero-tag::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--unione-gold);
    display: inline-block;
}

.unione-lfm-hero-grid {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 52px;
    align-items: center;
}

.unione-lfm-hero h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(36px, 4.5vw, 58px);
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.04em;
    line-height: 1.04;
    margin-bottom: 18px;
}

.unione-lfm-hero-sub {
    font-size: 17px;
    color: rgba(255,255,255,0.48);
    font-weight: 300;
    line-height: 1.8;
    max-width: 560px;
    margin-bottom: 28px;
}

/* ── TAGS ── */
.unione-lfm-tags {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 36px;
}

.unione-lfm-tag {
    font-size: 10.5px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 100px;
    background: rgba(196,169,106,0.12);
    border: 0.5px solid rgba(196,169,106,0.3);
    color: var(--unione-gold);
}

/* ── BUTTONS ── */
.unione-lfm-btn-gold {
    font-family: 'Inter', sans-serif;
    font-size: 13.5px;
    font-weight: 700;
    padding: 13px 26px;
    border-radius: 10px;
    background: var(--unione-gold);
    color: var(--unione-obsidian);
    text-decoration: none;
    display: inline-block;
    transition: background 0.2s ease;
}

.unione-lfm-btn-gold:hover {
    background: #B89858;
}

.unione-lfm-btn-outline {
    font-family: 'Inter', sans-serif;
    font-size: 13.5px;
    font-weight: 400;
    padding: 13px 26px;
    border-radius: 10px;
    border: 0.5px solid rgba(255,255,255,0.18);
    color: rgba(255,255,255,0.6);
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s ease;
}

.unione-lfm-btn-outline:hover {
    border-color: rgba(255,255,255,0.35);
    color: rgba(255,255,255,0.85);
}

.unione-lfm-btn-slate {
    font-family: 'Inter', sans-serif;
    font-size: 13.5px;
    font-weight: 700;
    padding: 12px 24px;
    border-radius: 10px;
    background: var(--unione-slate);
    color: #fff;
    text-decoration: none;
    display: inline-block;
    transition: background 0.2s ease;
}

.unione-lfm-btn-slate:hover {
    background: var(--unione-slate-deep);
}

.unione-lfm-btn-border {
    font-family: 'Inter', sans-serif;
    font-size: 13.5px;
    font-weight: 700;
    padding: 12px 24px;
    border-radius: 10px;
    border: 0.5px solid var(--unione-border);
    color: var(--unione-slate);
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s ease;
}

.unione-lfm-btn-border:hover {
    background: var(--unione-ivory);
}

/* ── HOW IT WORKS CARD ── */
.unione-lfm-how-card {
    background: rgba(255,255,255,0.04);
    border: 0.5px solid rgba(255,255,255,0.1);
    border-radius: 20px;
    padding: 24px;
}

.unione-lfm-how-title {
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--unione-gold);
    margin-bottom: 16px;
}

.unione-lfm-how-step {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 12px;
}

.unione-lfm-step-num {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--unione-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    color: var(--unione-obsidian);
    flex-shrink: 0;
}

.unione-lfm-step-num-dim {
    background: rgba(196,169,106,0.3);
    color: var(--unione-gold);
}

.unione-lfm-step-text {
    font-size: 13px;
    color: rgba(255,255,255,0.6);
    font-weight: 300;
    line-height: 1.6;
}

.unione-lfm-step-text-dim {
    color: rgba(255,255,255,0.45);
}

.unione-lfm-how-note {
    margin-top: 16px;
    padding: 10px;
    background: rgba(196,169,106,0.08);
    border: 0.5px solid rgba(196,169,106,0.2);
    border-radius: 8px;
    font-size: 11px;
    color: rgba(255,255,255,0.45);
    font-weight: 300;
    line-height: 1.55;
}

/* ── SECTIONS ── */
.unione-lfm-section-parchment {
    background: var(--unione-parchment);
    padding: 72px 52px;
    border-bottom: 0.5px solid var(--unione-border);
}

.unione-lfm-section-white {
    background: var(--unione-white);
    padding: 72px 52px;
    border-bottom: 0.5px solid var(--unione-border);
}

.unione-lfm-section-tag {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--unione-gold);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.unione-lfm-section-tag::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--unione-gold);
    display: inline-block;
}

.unione-lfm-section-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--unione-slate);
    letter-spacing: -0.025em;
    margin-bottom: 16px;
    line-height: 1.2;
}

/* ── GRID LAYOUTS ── */
.unione-lfm-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 52px;
    align-items: start;
}

.unione-lfm-two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
}

.unione-lfm-col-right {
    border-left: 0.5px solid var(--unione-border);
    padding-left: 48px;
}

/* ── ADVANTAGE CARDS ── */
.unione-lfm-advantage-card {
    background: var(--unione-white);
    border: 0.5px solid var(--unione-border);
    border-radius: 14px;
    padding: 20px;
    display: flex;
    gap: 16px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.unione-lfm-advantage-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.unione-lfm-advantage-icon {
    font-size: 22px;
    flex-shrink: 0;
}

.unione-lfm-advantage-title {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--unione-slate);
    margin-bottom: 4px;
}

.unione-lfm-advantage-desc {
    font-size: 13px;
    color: var(--unione-ink-mute);
    font-weight: 300;
    line-height: 1.65;
}

/* ── LIST ITEMS ── */
.unione-lfm-list-item {
    display: flex;
    gap: 10px;
    padding: 10px 14px;
    background: var(--unione-ivory);
    border-radius: 8px;
    margin-bottom: 8px;
    transition: background 0.2s ease;
}

.unione-lfm-list-item:hover {
    background: var(--unione-gold-pale);
}

.unione-lfm-list-bullet {
    color: var(--unione-gold);
    font-weight: 700;
    flex-shrink: 0;
}

.unione-lfm-list-text {
    font-size: 13px;
    color: var(--unione-ink-mid);
    font-weight: 300;
    line-height: 1.65;
}

/* ── UTILITY CLASSES ── */
.unione-lfm-text-body {
    font-size: 14px;
    color: var(--unione-ink-mute);
    font-weight: 300;
    line-height: 1.8;
    margin-bottom: 14px;
}

.unione-lfm-section-subtitle {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.unione-lfm-subtitle-gold {
    color: var(--unione-gold);
}

.unione-lfm-subtitle-mute {
    color: var(--unione-ink-mute);
}

.unione-lfm-title-small {
    font-size: 24px;
}

/* ============================================================
   RESPONSIVE BREAKPOINTS
   ============================================================ */

@media (max-width: 900px) {
    .unione-lfm-hero-grid,
    .unione-lfm-grid-2,
    .unione-lfm-two-col {
        grid-template-columns: 1fr;
    }
    
    .unione-lfm-col-right {
        border-left: none;
        padding-left: 0;
        margin-top: 32px;
    }
    
    .unione-lfm-hero,
    .unione-lfm-section-parchment,
    .unione-lfm-section-white {
        padding: 48px 24px;
    }
    
    .unione-lfm-hero h1 {
        font-size: clamp(32px, 5vw, 48px);
    }
    
    .unione-lfm-hero-sub {
        font-size: 15px;
    }
    
    .unione-lfm-hero-buttons {
        flex-direction: column;
        align-items: stretch;
    }
    
    .unione-lfm-btn-gold,
    .unione-lfm-btn-outline {
        width: 100%;
        text-align: center;
    }
    
    .unione-lfm-section-title {
        font-size: 24px;
    }
}

@media (max-width: 600px) {
    .unione-lfm-hero,
    .unione-lfm-section-parchment,
    .unione-lfm-section-white {
        padding: 40px 20px;
    }
    
    .unione-lfm-section-title {
        font-size: 22px;
    }
    
    .unione-lfm-text-body {
        font-size: 13px;
    }
    
    .unione-lfm-tags {
        gap: 6px;
    }
    
    .unione-lfm-tag {
        font-size: 9px;
        padding: 3px 9px;
    }
    
    .unione-lfm-advantage-card {
        padding: 16px;
    }
    
    .unione-lfm-advantage-title {
        font-size: 12.5px;
    }
    
    .unione-lfm-advantage-desc {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .unione-lfm-hero,
    .unione-lfm-section-parchment,
    .unione-lfm-section-white {
        padding: 32px 16px;
    }
    
    .unione-lfm-hero h1 {
        font-size: 28px;
    }
    
    .unione-lfm-hero-sub {
        font-size: 13px;
    }
    
    .unione-lfm-section-title {
        font-size: 20px;
    }
    
    .unione-lfm-btn-gold,
    .unione-lfm-btn-outline,
    .unione-lfm-btn-slate,
    .unione-lfm-btn-border {
        font-size: 12.5px;
        padding: 11px 18px;
    }
    
    .unione-lfm-how-card {
        padding: 18px;
    }
    
    .unione-lfm-list-item {
        padding: 8px 12px;
    }
    
    .unione-lfm-list-text {
        font-size: 12px;
    }
}
/**
 * UNIONE™ Insights Hub - Main Stylesheet
 * 
 * This file contains all styles for the Insights Hub page.
 * It displays articles, podcasts, and interviews from UNIONE™ Fellows.
 * Features:
 * - Dynamic filter bar for content type selection
 * - Featured article section
 * - Responsive grid layouts for articles, podcasts, and interviews
 * - Newsletter signup section
 * - Scroll reveal animations
 * 
 * @package UNIONE
 * @version 1.0.0
 */

/* ============================================================
   DESIGN SYSTEM - CSS CUSTOM PROPERTIES (VARIABLES)
   ============================================================ */
.uni-hub {
    --navy:      #0d0f1a;
    --navy-2:    #131624;
    --navy-3:    #1a1f32;
    --navy-4:    #232840;
    --gold:      #c4a96a;
    --gold-2:    #d4bc85;
    --gold-3:    #e8d5a8;
    --cream:     #f0ece4;
    --cream-2:   #e8e3d8;
    --ink:       #1a1c24;
    --ink-mid:   #4a4d5e;
    --ink-dim:   #8a8d9e;
    --rule-d:    rgba(196,169,106,.12);
    --rule-l:    rgba(26,28,36,.10);
    --display:   'Inter Tight', sans-serif;
    --sans:      'Inter', sans-serif;
    --mono:      'Inter', sans-serif;
}

/* ============================================================
   GLOBAL RESET & BASE STYLES
   ============================================================ */
.uni-hub {
    font-family: 'Inter', sans-serif;
    color: var(--ink);
    background: var(--cream);
    font-style: normal;
}

.uni-hub *,
.uni-hub *::before,
.uni-hub *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-style: normal;
}

/* ============================================================
   SCROLL REVEAL ANIMATIONS
   ============================================================ */
@keyframes uni-fadeUp {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: none; }
}

.uni-hub .R {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .65s cubic-bezier(.16,1,.3,1), transform .65s cubic-bezier(.16,1,.3,1);
}

.uni-hub .R.on {
    opacity: 1;
    transform: none;
}

.uni-hub .R.d1 { transition-delay: .07s; }
.uni-hub .R.d2 { transition-delay: .14s; }
.uni-hub .R.d3 { transition-delay: .21s; }
.uni-hub .R.d4 { transition-delay: .28s; }
.uni-hub .R.d5 { transition-delay: .35s; }

/* ============================================================
   HERO SECTION
   ============================================================ */
.uni-hub .uni-hub-hero {
    background: var(--navy);
    padding: 80px 72px 72px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid var(--rule-d);
}

.uni-hub .uni-hub-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(196,169,106,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(196,169,106,.04) 1px, transparent 1px);
    background-size: 64px 64px;
    pointer-events: none;
}

.uni-hub .uni-hub-hero::after {
    content: '';
    position: absolute;
    right: -120px;
    top: -80px;
    width: 560px;
    height: 560px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(196,169,106,.07) 0%, transparent 70%);
    pointer-events: none;
}

.uni-hub .uni-hub-hero__inner {
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 64px;
    align-items: end;
}

.uni-hub .uni-hub-hero__eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Inter', sans-serif;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 22px;
}

.uni-hub .uni-hub-hero__eyebrow::before {
    content: '';
    display: block;
    width: 28px;
    height: 1px;
    background: var(--gold);
    flex-shrink: 0;
}

.uni-hub .uni-hub-hero__title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(3rem, 6vw, 5.5rem);
    font-weight: 900;
    color: #fff;
    line-height: .97;
    letter-spacing: -.035em;
    margin-bottom: 24px;
    font-style: normal;
}

.uni-hub .uni-hub-hero__desc {
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: rgba(255,255,255,.55);
    max-width: 520px;
    line-height: 1.75;
}

/* Hero Stats */
.uni-hub .uni-hub-hero__stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2px;
    border: 1px solid var(--rule-d);
    flex-shrink: 0;
    min-width: 280px;
}

.uni-hub .uni-hub-hs {
    padding: 20px 28px;
    background: rgba(255,255,255,.03);
    border: 1px solid var(--rule-d);
    text-align: center;
}

.uni-hub .uni-hub-hs__n {
    font-family: 'Inter Tight', sans-serif;
    font-size: 2.2rem;
    font-weight: 800;
    color: var(--gold);
    line-height: 1;
    margin-bottom: 5px;
    font-style: normal;
}

.uni-hub .uni-hub-hs__l {
    font-family: 'Inter', sans-serif;
    font-size: .65rem;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(255,255,255,.35);
}

/* ============================================================
   FILTER BAR (Sticky)
   ============================================================ */
.uni-hub .uni-hub-filter {
    background: var(--navy);
    border-bottom: 1px solid var(--rule-d);
    position: sticky;
    top: 0;
    z-index: 200;
    overflow-x: auto;
    scrollbar-width: none;
}

.uni-hub .uni-hub-filter::-webkit-scrollbar {
    display: none;
}

.uni-hub .uni-hub-filter__inner {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 72px;
    display: flex;
    gap: 0;
}

.uni-hub .uni-hub-filter__btn {
    padding: 16px 24px;
    font-family: 'Inter', sans-serif;
    font-size: .7rem;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(255,255,255,.38);
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    white-space: nowrap;
    transition: color .18s, border-color .18s;
}

.uni-hub .uni-hub-filter__btn:hover {
    color: rgba(255,255,255,.7);
}

.uni-hub .uni-hub-filter__btn.active {
    color: var(--gold);
    border-bottom-color: var(--gold);
}

.uni-hub .uni-hub-filter__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 16px;
    padding: 0 5px;
    border-radius: 20px;
    background: rgba(196,169,106,.15);
    font-size: .6rem;
    color: rgba(196,169,106,.7);
    margin-left: 6px;
}

.uni-hub .uni-hub-filter__btn.active .uni-hub-filter__count {
    background: var(--gold);
    color: var(--navy);
}

/* ============================================================
   SECTION WRAPPER
   ============================================================ */
.uni-hub .uni-hub-sec {
    padding: 80px 72px;
    max-width: 1300px;
    margin: 0 auto;
}

.uni-hub .uni-hub-sec-label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Inter', sans-serif;
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 16px;
}

.uni-hub .uni-hub-sec-label::before {
    content: '';
    display: block;
    width: 20px;
    height: 1px;
    background: var(--gold);
    flex-shrink: 0;
}

.uni-hub .uni-hub-sec-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(2rem, 4vw, 3.5rem);
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: .97;
    margin-bottom: 48px;
    font-style: normal;
}

/* Header with view all link */
.uni-hub .uni-hub-hdr {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

/* View All Links */
.uni-hub .uni-hub-view-all {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Inter', sans-serif;
    font-size: .65rem;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    padding: 10px 20px;
    border: 1px solid var(--rule-l);
    color: var(--ink-mid);
    text-decoration: none;
    transition: border-color .18s, color .18s;
}

.uni-hub .uni-hub-view-all:hover {
    border-color: var(--gold);
    color: var(--gold);
}

.uni-hub .uni-hub-view-all-d {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Inter', sans-serif;
    font-size: .65rem;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    padding: 10px 20px;
    border: 1px solid var(--rule-d);
    color: rgba(255,255,255,.35);
    text-decoration: none;
    transition: border-color .18s, color .18s;
}

.uni-hub .uni-hub-view-all-d:hover {
    border-color: var(--gold);
    color: var(--gold);
}

/* ============================================================
   FEATURED ARTICLE SECTION
   ============================================================ */
.uni-hub .uni-hub-featured-wrap {
    background: var(--cream);
    border-top: 1px solid var(--rule-l);
    border-bottom: 1px solid var(--rule-l);
}

.uni-hub .uni-hub-feat {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 520px;
    border: 1px solid var(--rule-l);
    text-decoration: none;
    transition: border-color .22s;
    overflow: hidden;
}

.uni-hub .uni-hub-feat:hover {
    border-color: var(--gold);
}

.uni-hub .uni-hub-feat__img {
    overflow: hidden;
    background: var(--navy-3);
    position: relative;
}

.uni-hub .uni-hub-feat__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .6s cubic-bezier(.16,1,.3,1);
}

.uni-hub .uni-hub-feat:hover .uni-hub-feat__img img {
    transform: scale(1.04);
}

.uni-hub .uni-hub-feat__img-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--navy-2);
}

.uni-hub .uni-hub-feat__img-placeholder span {
    font-family: 'Inter Tight', sans-serif;
    font-size: 3rem;
    font-weight: 900;
    color: var(--gold);
    opacity: .3;
    font-style: normal;
}

.uni-hub .uni-hub-feat__badge {
    position: absolute;
    top: 24px;
    left: 24px;
    padding: 5px 14px;
    background: var(--navy);
    font-family: 'Inter', sans-serif;
    font-size: .65rem;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gold);
    border: 1px solid var(--rule-d);
}

.uni-hub .uni-hub-feat__body {
    background: var(--navy);
    padding: 52px 52px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.uni-hub .uni-hub-feat__kicker {
    font-family: 'Inter', sans-serif;
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 18px;
}

.uni-hub .uni-hub-feat__title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(1.5rem, 2.5vw, 2.4rem);
    font-weight: 800;
    color: #fff;
    letter-spacing: -.025em;
    line-height: 1.1;
    margin-bottom: 18px;
    font-style: normal;
}

.uni-hub .uni-hub-feat__exc {
    font-family: 'Inter', sans-serif;
    font-size: .95rem;
    font-weight: 300;
    color: rgba(255,255,255,.5);
    line-height: 1.78;
    margin-bottom: 32px;
    flex: 1;
}

.uni-hub .uni-hub-feat__meta {
    font-family: 'Inter', sans-serif;
    font-size: .65rem;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(255,255,255,.3);
    margin-bottom: 20px;
}

.uni-hub .uni-hub-feat__cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 28px;
    background: var(--gold);
    color: var(--navy);
    font-family: 'Inter', sans-serif;
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-decoration: none;
    transition: background .18s;
    align-self: flex-start;
}

.uni-hub .uni-hub-feat:hover .uni-hub-feat__cta {
    background: var(--gold-2);
}

/* ============================================================
   ARTICLES GRID
   ============================================================ */
.uni-hub .uni-hub-articles-wrap {
    background: var(--cream-2);
}

.uni-hub .uni-hub-art-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
}

.uni-hub .uni-hub-ac {
    background: var(--cream);
    border: 1px solid var(--rule-l);
    display: block;
    text-decoration: none;
    transition: border-color .22s, transform .22s, box-shadow .22s;
    overflow: hidden;
}

.uni-hub .uni-hub-ac:hover {
    border-color: var(--gold);
    transform: translateY(-4px);
    box-shadow: 0 16px 48px rgba(26,28,36,.1);
}

.uni-hub .uni-hub-ac__img {
    height: 200px;
    overflow: hidden;
    background: var(--navy-3);
    position: relative;
}

.uni-hub .uni-hub-ac__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .45s cubic-bezier(.16,1,.3,1);
}

.uni-hub .uni-hub-ac:hover .uni-hub-ac__img img {
    transform: scale(1.06);
}

.uni-hub .uni-hub-ac__img-ph {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--navy-2);
}

.uni-hub .uni-hub-ac__img-ph span {
    font-family: 'Inter Tight', sans-serif;
    font-size: 1.4rem;
    font-weight: 900;
    color: var(--gold);
    opacity: .25;
    letter-spacing: .08em;
    font-style: normal;
}

.uni-hub .uni-hub-ac__type-tag {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 3px 10px;
    background: var(--navy);
    font-family: 'Inter', sans-serif;
    font-size: .6rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--gold);
}

.uni-hub .uni-hub-ac__body {
    padding: 22px 24px 26px;
}

.uni-hub .uni-hub-ac__title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--ink);
    letter-spacing: -.015em;
    line-height: 1.2;
    margin-bottom: 8px;
    font-style: normal;
}

.uni-hub .uni-hub-ac__exc {
    font-family: 'Inter', sans-serif;
    font-size: .85rem;
    font-weight: 400;
    color: var(--ink-mid);
    line-height: 1.72;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.uni-hub .uni-hub-ac__date {
    font-family: 'Inter', sans-serif;
    font-size: .65rem;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--ink-dim);
    padding-top: 10px;
    border-top: 1px solid var(--rule-l);
}

/* ============================================================
   PODCASTS SECTION
   ============================================================ */
.uni-hub .uni-hub-pod-wrap {
    background: var(--navy);
}

.uni-hub .uni-hub-pod-wrap .uni-hub-sec-title {
    color: #fff;
}

.uni-hub .uni-hub-pod-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
}

.uni-hub .uni-hub-pc {
    background: rgba(255,255,255,.04);
    border: 1px solid var(--rule-d);
    overflow: hidden;
    cursor: pointer;
    transition: border-color .22s, transform .22s;
}

.uni-hub .uni-hub-pc:hover {
    border-color: rgba(196,169,106,.4);
    transform: translateY(-3px);
}

.uni-hub .uni-hub-pc__thumb {
    height: 200px;
    overflow: hidden;
    background: var(--navy-3);
    position: relative;
}

.uni-hub .uni-hub-pc__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: .8;
    transition: opacity .3s, transform .4s;
}

.uni-hub .uni-hub-pc:hover .uni-hub-pc__thumb img {
    opacity: .95;
    transform: scale(1.04);
}

.uni-hub .uni-hub-pc__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .2s, background .2s;
}

.uni-hub .uni-hub-pc:hover .uni-hub-pc__play {
    transform: translate(-50%, -50%) scale(1.1);
    background: var(--gold-2);
}

.uni-hub .uni-hub-pc__play-arrow {
    width: 0;
    height: 0;
    border-left: 18px solid var(--navy);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    margin-left: 4px;
}

.uni-hub .uni-hub-pc__dur {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(0,0,0,.7);
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: .6rem;
    font-weight: 500;
    padding: 3px 8px;
    letter-spacing: .08em;
}

.uni-hub .uni-hub-pc__info {
    padding: 18px 20px 22px;
}

.uni-hub .uni-hub-pc__type {
    font-family: 'Inter', sans-serif;
    font-size: .65rem;
    font-weight: 600;
    letter-spacing: .14em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 8px;
}

.uni-hub .uni-hub-pc__title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -.01em;
    line-height: 1.25;
    font-style: normal;
}

/* ============================================================
   INTERVIEWS SECTION
   ============================================================ */
.uni-hub .uni-hub-int-wrap {
    background: var(--cream);
}

.uni-hub .uni-hub-int-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2px;
}

.uni-hub .uni-hub-ic {
    background: var(--navy);
    border: 1px solid var(--rule-d);
    overflow: hidden;
    cursor: pointer;
    transition: border-color .22s, transform .22s;
}

.uni-hub .uni-hub-ic:hover {
    border-color: var(--gold);
    transform: translateY(-3px);
}

.uni-hub .uni-hub-ic__thumb {
    height: 160px;
    overflow: hidden;
    background: var(--navy-3);
    position: relative;
}

.uni-hub .uni-hub-ic__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: .72;
    transition: opacity .3s;
}

.uni-hub .uni-hub-ic:hover .uni-hub-ic__thumb img {
    opacity: .92;
}

.uni-hub .uni-hub-ic__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .2s;
}

.uni-hub .uni-hub-ic:hover .uni-hub-ic__play {
    transform: translate(-50%, -50%) scale(1.1);
}

.uni-hub .uni-hub-ic__play-arrow {
    width: 0;
    height: 0;
    border-left: 12px solid var(--navy);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    margin-left: 2px;
}

.uni-hub .uni-hub-ic__info {
    padding: 14px 16px 18px;
}

.uni-hub .uni-hub-ic__type {
    font-family: 'Inter', sans-serif;
    font-size: .6rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 6px;
}

.uni-hub .uni-hub-ic__title {
    font-family: 'Inter Tight', sans-serif;
    font-size: .9rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    font-style: normal;
}

/* ============================================================
   NEWSLETTER SECTION
   ============================================================ */
.uni-hub .uni-hub-nl {
    background: var(--gold);
    padding: 80px 72px;
}

.uni-hub .uni-hub-nl__inner {
    max-width: 1300px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 72px;
    align-items: center;
}

.uni-hub .uni-hub-nl__eyebrow {
    font-family: 'Inter', sans-serif;
    font-size: .65rem;
    font-weight: 600;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: rgba(13,15,26,.55);
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.uni-hub .uni-hub-nl__eyebrow::before {
    content: '';
    display: block;
    width: 20px;
    height: 1px;
    background: currentColor;
}

.uni-hub .uni-hub-nl__title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(2rem, 3.5vw, 3rem);
    font-weight: 900;
    color: var(--navy);
    letter-spacing: -.03em;
    line-height: 1.05;
    margin-bottom: 12px;
    font-style: normal;
}

.uni-hub .uni-hub-nl__sub {
    font-family: 'Inter', sans-serif;
    font-size: .95rem;
    font-weight: 400;
    color: rgba(13,15,26,.55);
    line-height: 1.7;
}

.uni-hub .uni-hub-nl__form {
    display: flex;
    gap: 0;
    flex-shrink: 0;
}

.uni-hub .uni-hub-nl__input {
    padding: 14px 20px;
    border: none;
    background: var(--navy);
    font-family: 'Inter', sans-serif;
    font-size: .95rem;
    color: #fff;
    outline: none;
    width: 300px;
}

.uni-hub .uni-hub-nl__input::placeholder {
    color: rgba(255,255,255,.35);
}

.uni-hub .uni-hub-nl__btn {
    padding: 14px 28px;
    background: var(--navy);
    color: var(--gold);
    font-family: 'Inter', sans-serif;
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    transition: background .18s;
    white-space: nowrap;
}

.uni-hub .uni-hub-nl__btn:hover {
    background: var(--navy-2);
}

/* ============================================================
   RESPONSIVE BREAKPOINTS
   ============================================================ */

/* 1100px */
@media (max-width: 1100px) {
    .uni-hub .uni-hub-hero {
        padding: 60px 40px 56px;
    }
    
    .uni-hub .uni-hub-hero__inner {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .uni-hub .uni-hub-hero__stats {
        grid-template-columns: repeat(4, 1fr);
        min-width: 0;
    }
    
    .uni-hub .uni-hub-sec {
        padding: 60px 40px;
    }
    
    .uni-hub .uni-hub-nl {
        padding: 60px 40px;
    }
    
    .uni-hub .uni-hub-filter__inner {
        padding: 0 40px;
    }
    
    .uni-hub .uni-hub-art-grid,
    .uni-hub .uni-hub-pod-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .uni-hub .uni-hub-int-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* 768px */
@media (max-width: 768px) {
    .uni-hub .uni-hub-hero {
        padding: 48px 20px 44px;
    }
    
    .uni-hub .uni-hub-hero__title {
        font-size: 2.6rem;
    }
    
    .uni-hub .uni-hub-hero__stats {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .uni-hub .uni-hub-sec {
        padding: 48px 20px;
    }
    
    .uni-hub .uni-hub-feat {
        grid-template-columns: 1fr;
    }
    
    .uni-hub .uni-hub-feat__img {
        height: 260px;
    }
    
    .uni-hub .uni-hub-feat__body {
        padding: 32px 24px;
    }
    
    .uni-hub .uni-hub-art-grid,
    .uni-hub .uni-hub-pod-grid {
        grid-template-columns: 1fr;
    }
    
    .uni-hub .uni-hub-int-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .uni-hub .uni-hub-nl {
        padding: 48px 20px;
    }
    
    .uni-hub .uni-hub-nl__inner {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    
    .uni-hub .uni-hub-nl__form {
        flex-direction: column;
    }
    
    .uni-hub .uni-hub-nl__input {
        width: 100%;
    }
    
    .uni-hub .uni-hub-filter__inner {
        padding: 0 20px;
    }
    
    .uni-hub .uni-hub-sec-title {
        margin-bottom: 32px;
    }
}

/* 480px */
@media (max-width: 480px) {
    .uni-hub .uni-hub-hero__title {
        font-size: 2rem;
        letter-spacing: -.025em;
    }
    
    .uni-hub .uni-hub-hero__stats {
        grid-template-columns: 1fr 1fr;
    }
    
    .uni-hub .uni-hub-int-grid {
        grid-template-columns: 1fr;
    }
    
    .uni-hub .uni-hub-hs__n {
        font-size: 1.8rem;
    }
    
    .uni-hub .uni-hub-feat__title {
        font-size: 1.4rem;
    }
    
    .uni-hub .uni-hub-nl__title {
        font-size: 1.8rem;
    }
}

/* ============================================================
   PRINT STYLES
   ============================================================ */
@media print {
    .uni-hub .uni-hub-filter,
    .uni-hub .uni-hub-nl,
    .uni-hub .uni-hub-feat__cta,
    .uni-hub .uni-hub-view-all,
    .uni-hub .uni-hub-view-all-d {
        display: none;
    }
    
    .uni-hub .uni-hub-hero {
        background: var(--cream);
        padding: 20px;
    }
    
    .uni-hub .uni-hub-hero__title {
        color: var(--ink);
    }
    
    .uni-hub .uni-hub-sec {
        padding: 20px;
        page-break-inside: avoid;
    }
    
    .uni-hub .uni-hub-feat,
    .uni-hub .uni-hub-ac,
    .uni-hub .uni-hub-pc,
    .uni-hub .uni-hub-ic {
        page-break-inside: avoid;
        break-inside: avoid;
        border: 1px solid #ccc;
    }
}
/**
 * UNIONE™ Single Post Page - Main Stylesheet
 * 
 * This file contains all styles for the single blog post page.
 * It displays individual articles, news, podcasts, and interviews
 * with a premium dark/prime design.
 * 
 * Features:
 * - Hero section with title, excerpt, and metadata
 * - Two-column layout (content + sidebar)
 * - Sticky sidebar with post details and CTA
 * - Related posts grid
 * - Responsive design for all breakpoints
 * 
 * @package UNIONE
 * @version 1.0.0
 */

/* ============================================================
   DESIGN SYSTEM - CSS CUSTOM PROPERTIES (VARIABLES)
   ============================================================ */
.uni-post {
    --navy:       #0d0f1a;
    --navy-2:     #131624;
    --navy-3:     #1a1f32;
    --navy-4:     #232840;
    --gold:       #c4a96a;
    --gold-2:     #d4bc85;
    --gold-3:     #e8d5a8;
    --cream:      #f0ece4;
    --cream-2:    #e8e3d8;
    --ink:        #1a1c24;
    --ink-body:   #2e3040;
    --ink-mid:    #4a4d5e;
    --ink-dim:    #8a8d9e;
    --rule-l:     rgba(26,28,36,.10);
    --rule-d:     rgba(196,169,106,.12);
    --gold-glow:  rgba(196,169,106,.07);
}

/* ============================================================
   GLOBAL RESET & BASE STYLES
   ============================================================ */
.uni-post {
    font-family: 'Inter', sans-serif;
    color: var(--ink);
    background: var(--cream);
    min-height: 100vh;
    font-style: normal;
}

.uni-post *,
.uni-post *::before,
.uni-post *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-style: normal;
}

/* ============================================================
   TOPBAR — Breadcrumb
   ============================================================ */
.uni-post .uni-post-topbar {
    background: var(--navy);
    border-bottom: 1px solid var(--rule-d);
    padding: 13px 72px;
    display: flex;
    align-items: center;
    gap: 8px;
    position: sticky;
    top: 0;
    z-index: 300;
    backdrop-filter: blur(12px);
}

.uni-post .uni-post-topbar a,
.uni-post .uni-post-topbar span {
    font-family: 'Inter', sans-serif;
    font-size: .65rem;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(255,255,255,.32);
    text-decoration: none;
    transition: color .15s;
    white-space: nowrap;
}

.uni-post .uni-post-topbar a:hover {
    color: var(--gold);
}

.uni-post .uni-post-topbar .sep {
    color: rgba(255,255,255,.15);
    font-size: .55rem;
}

.uni-post .uni-post-topbar .current {
    color: var(--gold);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 360px;
}

.uni-post .uni-post-topbar-brand {
    font-family: 'Inter Tight', sans-serif;
    font-size: .75rem;
    font-weight: 800;
    color: rgba(255,255,255,.7) !important;
    letter-spacing: .12em;
}

/* ============================================================
   HERO SECTION
   ============================================================ */
.uni-post .uni-post-hero {
    background: var(--navy);
    padding: 80px 72px 0;
    position: relative;
    overflow: hidden;
}

/* Grid texture overlay */
.uni-post .uni-post-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(196,169,106,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(196,169,106,.035) 1px, transparent 1px);
    background-size: 64px 64px;
    pointer-events: none;
}

/* Gold glow blob */
.uni-post .uni-post-hero::after {
    content: '';
    position: absolute;
    right: -80px;
    top: -60px;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(196,169,106,.08) 0%, transparent 68%);
    pointer-events: none;
}

.uni-post .uni-post-hero__inner {
    max-width: 960px;
    position: relative;
    z-index: 2;
}

/* Type tag pill */
.uni-post .uni-post-hero__tag {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 5px 16px 5px 0;
    font-family: 'Inter', sans-serif;
    font-size: .65rem;
    font-weight: 600;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 28px;
}

.uni-post .uni-post-hero__tag::before {
    content: '';
    display: block;
    width: 22px;
    height: 1.5px;
    background: var(--gold);
    flex-shrink: 0;
}

/* Main title */
.uni-post .uni-post-hero__title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(2.2rem, 5vw, 4.2rem);
    font-weight: 900;
    color: #fff;
    letter-spacing: -.04em;
    line-height: 1.02;
    margin-bottom: 28px;
    max-width: 840px;
    font-style: normal;
}

/* Excerpt below title */
.uni-post .uni-post-hero__excerpt {
    font-family: 'Inter', sans-serif;
    font-size: 1.05rem;
    font-weight: 300;
    color: rgba(255,255,255,.48);
    line-height: 1.78;
    max-width: 700px;
    margin-bottom: 0;
}

/* Meta strip */
.uni-post .uni-post-hero__meta {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    border-top: 1px solid var(--rule-d);
    margin-top: 40px;
}

.uni-post .uni-post-hero__meta-item {
    padding: 18px 32px 18px 0;
    margin-right: 32px;
    border-right: 1px solid var(--rule-d);
    font-family: 'Inter', sans-serif;
    font-size: .58rem;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(255,255,255,.28);
    line-height: 1.3;
}

.uni-post .uni-post-hero__meta-item:last-child {
    border-right: none;
    margin-right: 0;
}

.uni-post .uni-post-hero__meta-item strong {
    display: block;
    font-family: 'Inter Tight', sans-serif;
    font-size: .88rem;
    font-weight: 700;
    color: rgba(255,255,255,.78);
    letter-spacing: -.01em;
    margin-top: 5px;
    font-style: normal;
}

/* ============================================================
   FEATURED IMAGE — Negative pull
   ============================================================ */
.uni-post .uni-post-img-wrap {
    /* max-width: 1400px; */
    margin: 0 auto;
    padding: 0 72px;
    transform: translateY(-44px);
    position: relative;
    z-index: 2;
}

.uni-post .uni-post-img-wrap img {
    width: 100%;
    height: 540px;
    object-fit: cover;
    display: block;
    border: 1px solid rgba(196,169,106,.2);
    box-shadow: 0 40px 80px rgba(13,15,26,.35), 0 0 0 1px rgba(196,169,106,.08);
}

/* ============================================================
   TWO-COLUMN LAYOUT (Content + Sidebar)
   ============================================================ */
.uni-post .uni-post-layout {
    margin: 0 auto;
    padding: 0 72px 100px;
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 28px;
    align-items: start;
}

.uni-post .uni-post-layout.no-img {
    padding-top: 64px;
}

/* ============================================================
   BODY CARD (Main Content)
   ============================================================ */
.uni-post .uni-post-body {
    background: #fff;
    border: 1px solid var(--rule-l);
    border-top: 3px solid var(--gold);
    padding: 60px 56px;
    position: relative;
}

/* Reading progress indicator */
.uni-post .uni-post-body::before {
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, var(--gold), var(--gold-3), var(--gold));
    opacity: .8;
}

/* Article content typography */
.uni-post .uni-post-content {
    font-family: 'Inter', sans-serif;
    font-size: 1.05rem;
    font-weight: 400;
    line-height: 1.85;
    color: var(--ink-body);
    font-style: normal;
}

.uni-post .uni-post-content h1,
.uni-post .uni-post-content h2,
.uni-post .uni-post-content h3,
.uni-post .uni-post-content h4 {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 800;
    color: var(--ink);
    letter-spacing: -.025em;
    line-height: 1.12;
    margin-top: 2.4em;
    margin-bottom: 0.7em;
    font-style: normal;
}

.uni-post .uni-post-content h2 {
    font-size: 1.9rem;
}

.uni-post .uni-post-content h3 {
    font-size: 1.45rem;
}

.uni-post .uni-post-content h4 {
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: -.01em;
}

.uni-post .uni-post-content p {
    margin-bottom: 1.5em;
}

.uni-post .uni-post-content a {
    color: var(--gold);
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color .15s;
    font-style: normal;
}

.uni-post .uni-post-content a:hover {
    color: var(--navy);
}

.uni-post .uni-post-content ul,
.uni-post .uni-post-content ol {
    margin: 1.4em 0;
    padding-left: 1.8em;
}

.uni-post .uni-post-content li {
    margin-bottom: 0.6em;
}

/* Blockquote — premium gold accent */
.uni-post .uni-post-content blockquote {
    border-left: 3px solid var(--gold);
    background: rgba(196,169,106,.04);
    padding: 20px 28px;
    margin: 2.4em 0;
    color: var(--ink-mid);
    font-family: 'Inter Tight', sans-serif;
    font-size: 1.18rem;
    font-weight: 600;
    line-height: 1.55;
    font-style: normal;
    letter-spacing: -.01em;
}

.uni-post .uni-post-content blockquote p {
    margin-bottom: 0;
}

.uni-post .uni-post-content img {
    max-width: 100%;
    height: auto;
    margin: 1.8em 0;
    border: 1px solid var(--rule-l);
    display: block;
}

.uni-post .uni-post-content hr {
    border: none;
    border-top: 1px solid var(--rule-l);
    margin: 3em 0;
}

.uni-post .uni-post-content strong {
    font-weight: 600;
    color: var(--ink);
}

.uni-post .uni-post-content em {
    font-style: normal;
    font-weight: 600;
}

/* Post footer */
.uni-post .uni-post-footer {
    margin-top: 56px;
    padding-top: 24px;
    border-top: 1px solid var(--rule-l);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.uni-post .uni-post-footer a {
    font-family: 'Inter', sans-serif;
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--gold);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color .15s;
}

.uni-post .uni-post-footer a:hover {
    color: var(--navy);
}

/* ============================================================
   SIDEBAR — Sticky
   ============================================================ */
.uni-post .uni-post-sidebar {
    position: sticky;
    top: 56px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

/* Sidebar card base */
.uni-post .uni-post-side-card {
    background: var(--navy);
    border: 1px solid var(--rule-d);
    overflow: hidden;
}

.uni-post .uni-post-side-card-hdr {
    padding: 12px 18px;
    border-bottom: 1px solid var(--rule-d);
    font-family: 'Inter', sans-serif;
    font-size: .58rem;
    font-weight: 600;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: rgba(255,255,255,.3);
    display: flex;
    align-items: center;
    gap: 10px;
}

.uni-post .uni-post-side-card-hdr::before {
    content: '';
    display: block;
    width: 14px;
    height: 1.5px;
    background: var(--gold);
    flex-shrink: 0;
}

.uni-post .uni-post-side-card-body {
    padding: 16px 18px;
}

.uni-post .uni-post-side-row {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 0;
    border-bottom: 1px solid var(--rule-d);
}

.uni-post .uni-post-side-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.uni-post .uni-post-side-row:first-child {
    padding-top: 0;
}

.uni-post .uni-post-side-label {
    font-family: 'Inter', sans-serif;
    font-size: .58rem;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(255,255,255,.25);
}

.uni-post .uni-post-side-val {
    font-family: 'Inter', sans-serif;
    font-size: .85rem;
    font-weight: 500;
    color: rgba(255,255,255,.72);
    line-height: 1.4;
}

/* Prime CTA Block */
.uni-post .uni-post-side-prime {
    background: var(--navy-2);
    border: 1px solid rgba(196,169,106,.28);
    overflow: hidden;
    position: relative;
}

.uni-post .uni-post-side-prime::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--gold), var(--gold-3), var(--gold));
}

.uni-post .uni-post-side-prime-inner {
    padding: 24px 20px 22px;
    position: relative;
    z-index: 1;
}

.uni-post .uni-post-side-prime-tag {
    font-family: 'Inter', sans-serif;
    font-size: .58rem;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gold);
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
}

.uni-post .uni-post-side-prime-tag::before {
    content: '';
    display: block;
    width: 12px;
    height: 1.5px;
    background: var(--gold);
}

.uni-post .uni-post-side-prime-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 1.15rem;
    font-weight: 900;
    color: #fff;
    letter-spacing: -.025em;
    line-height: 1.15;
    margin-bottom: 10px;
    font-style: normal;
}

.uni-post .uni-post-side-prime-desc {
    font-family: 'Inter', sans-serif;
    font-size: .78rem;
    font-weight: 300;
    color: rgba(255,255,255,.48);
    line-height: 1.65;
    margin-bottom: 18px;
}

/* Prime benefits list */
.uni-post .uni-post-side-prime-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
}

.uni-post .uni-post-side-prime-list li {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    font-family: 'Inter', sans-serif;
    font-size: .78rem;
    font-weight: 400;
    color: rgba(255,255,255,.55);
    line-height: 1.45;
}

.uni-post .uni-post-side-prime-list li::before {
    content: '✦';
    color: var(--gold);
    font-size: .6rem;
    flex-shrink: 0;
    margin-top: 3px;
}

/* Gold CTA button */
.uni-post .uni-post-side-prime-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 18px;
    background: var(--gold);
    color: var(--navy);
    font-family: 'Inter', sans-serif;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-decoration: none;
    transition: background .18s;
    border: none;
    cursor: pointer;
}

.uni-post .uni-post-side-prime-btn:hover {
    background: var(--gold-2);
    color: var(--navy);
    text-decoration: none;
}

/* Secondary ghost button */
.uni-post .uni-post-side-prime-ghost {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    padding: 10px 18px;
    margin-top: 6px;
    background: transparent;
    border: 1px solid rgba(196,169,106,.25);
    color: rgba(255,255,255,.38);
    font-family: 'Inter', sans-serif;
    font-size: .68rem;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-decoration: none;
    transition: border-color .18s, color .18s;
    cursor: pointer;
}

.uni-post .uni-post-side-prime-ghost:hover {
    border-color: var(--gold);
    color: var(--gold);
    text-decoration: none;
}

/* Share card */
.uni-post .uni-post-side-share-link {
    font-family: 'Inter', sans-serif;
    font-size: .65rem;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--gold);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color .15s;
}

.uni-post .uni-post-side-share-link:hover {
    color: rgba(255,255,255,.8);
    text-decoration: none;
}

/* ============================================================
   RELATED POSTS — Dark strip
   ============================================================ */
.uni-post .uni-post-related {
    background: var(--navy);
    padding: 80px 72px;
    border-top: 1px solid var(--rule-d);
    position: relative;
    overflow: hidden;
}

.uni-post .uni-post-related::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(196,169,106,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(196,169,106,.025) 1px, transparent 1px);
    background-size: 64px 64px;
    pointer-events: none;
}

.uni-post .uni-post-related__inner {
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.uni-post .uni-post-related__hdr {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 40px;
}

.uni-post .uni-post-related__hdr::before {
    content: '';
    display: block;
    width: 24px;
    height: 1.5px;
    background: var(--gold);
    flex-shrink: 0;
}

.uni-post .uni-post-related__eyebrow {
    font-family: 'Inter', sans-serif;
    font-size: .65rem;
    font-weight: 600;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--gold);
}

.uni-post .uni-post-related__title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 1.7rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: -.025em;
    font-style: normal;
    margin: 0;
}

.uni-post .uni-post-related__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2px;
}

.uni-post .uni-post-rel-card {
    background: rgba(255,255,255,.04);
    border: 1px solid var(--rule-d);
    overflow: hidden;
    display: block;
    text-decoration: none;
    transition: border-color .22s, transform .22s;
}

.uni-post .uni-post-rel-card:hover {
    border-color: var(--gold);
    transform: translateY(-4px);
}

.uni-post .uni-post-rel-img {
    height: 180px;
    overflow: hidden;
    background: var(--navy-3);
    position: relative;
}

.uni-post .uni-post-rel-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: .75;
    transition: opacity .3s, transform .45s;
}

.uni-post .uni-post-rel-card:hover .uni-post-rel-img img {
    opacity: .95;
    transform: scale(1.05);
}

.uni-post .uni-post-rel-ph {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.uni-post .uni-post-rel-ph span {
    font-family: 'Inter Tight', sans-serif;
    font-size: 1.1rem;
    font-weight: 900;
    color: var(--gold);
    opacity: .22;
    font-style: normal;
}

.uni-post .uni-post-rel-body {
    padding: 18px 18px 22px;
}

.uni-post .uni-post-rel-type {
    font-family: 'Inter', sans-serif;
    font-size: .58rem;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 7px;
}

.uni-post .uni-post-rel-type::before {
    content: '';
    display: block;
    width: 10px;
    height: 1px;
    background: var(--gold);
    flex-shrink: 0;
}

.uni-post .uni-post-rel-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: .95rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.28;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-style: normal;
    letter-spacing: -.01em;
}

.uni-post .uni-post-rel-date {
    font-family: 'Inter', sans-serif;
    font-size: .6rem;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(255,255,255,.28);
    padding-top: 10px;
    border-top: 1px solid var(--rule-d);
}

/* ============================================================
   RESPONSIVE BREAKPOINTS
   ============================================================ */

/* 1080px */
@media (max-width: 1080px) {
    .uni-post .uni-post-topbar {
        padding: 13px 40px;
    }
    
    .uni-post .uni-post-hero {
        padding: 64px 40px 0;
    }
    
    .uni-post .uni-post-img-wrap {
        padding: 0 40px;
    }
    
    .uni-post .uni-post-layout {
        padding: 0 40px 80px;
        gap: 24px;
    }
    
    .uni-post .uni-post-related {
        padding: 64px 40px;
    }
    
    .uni-post .uni-post-related__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* 980px */
@media (max-width: 980px) {
    .uni-post .uni-post-hero {
        padding: 56px 32px 0;
    }
    
    .uni-post .uni-post-img-wrap {
        padding: 0 32px;
    }
    
    .uni-post .uni-post-layout {
        padding: 0 32px 72px;
        grid-template-columns: 1fr 260px;
        gap: 20px;
    }
    
    .uni-post .uni-post-related {
        padding: 56px 32px;
    }
    
    .uni-post .uni-post-hero__title {
        font-size: clamp(2rem, 4vw, 3.2rem);
    }
}

/* 700px */
@media (max-width: 700px) {
    .uni-post .uni-post-topbar {
        padding: 12px 20px;
    }
    
    .uni-post .uni-post-hero {
        padding: 48px 20px 0;
    }
    
    .uni-post .uni-post-hero__title {
        font-size: 2.1rem;
        letter-spacing: -.03em;
    }
    
    .uni-post .uni-post-img-wrap {
        padding: 0 20px;
        transform: translateY(-28px);
    }
    
    .uni-post .uni-post-img-wrap img {
        height: 300px;
    }
    
    .uni-post .uni-post-layout {
        padding: 0 20px 60px;
        grid-template-columns: 1fr;
    }
    
    .uni-post .uni-post-sidebar {
        position: static;
        top: auto;
    }
    
    .uni-post .uni-post-body {
        padding: 36px 24px;
    }
    
    .uni-post .uni-post-related {
        padding: 48px 20px;
    }
    
    .uni-post .uni-post-related__grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .uni-post .uni-post-hero__meta-item {
        padding: 14px 20px 14px 0;
        margin-right: 20px;
    }
}

/* 680px */
@media (max-width: 680px) {
    .uni-post .uni-post-hero__title {
        font-size: 1.85rem;
    }
    
    .uni-post .uni-post-hero__excerpt {
        font-size: .92rem;
    }
    
    .uni-post .uni-post-content {
        font-size: .97rem;
    }
    
    .uni-post .uni-post-content h2 {
        font-size: 1.5rem;
    }
    
    .uni-post .uni-post-content h3 {
        font-size: 1.2rem;
    }
    
    .uni-post .uni-post-content blockquote {
        font-size: 1rem;
    }
    
    .uni-post .uni-post-topbar .current {
        max-width: 180px;
    }
}

/* 480px */
@media (max-width: 480px) {
    .uni-post .uni-post-hero {
        padding: 40px 16px 0;
    }
    
    .uni-post .uni-post-hero__title {
        font-size: 1.65rem;
    }
    
    .uni-post .uni-post-hero__excerpt {
        display: none;
    }
    
    .uni-post .uni-post-img-wrap {
        padding: 0 16px;
    }
    
    .uni-post .uni-post-img-wrap img {
        height: 220px;
    }
    
    .uni-post .uni-post-layout {
        padding: 0 16px 48px;
    }
    
    .uni-post .uni-post-body {
        padding: 28px 18px;
    }
    
    .uni-post .uni-post-related {
        padding: 40px 16px;
    }
    
    .uni-post .uni-post-related__grid {
        grid-template-columns: 1fr;
    }
    
    .uni-post .uni-post-hero__meta {
        flex-direction: column;
    }
    
    .uni-post .uni-post-hero__meta-item {
        border-right: none;
        border-bottom: 1px solid var(--rule-d);
        margin-right: 0;
        padding-right: 0;
    }
    
    .uni-post .uni-post-hero__meta-item:last-child {
        border-bottom: none;
    }
    
    .uni-post .uni-post-topbar {
        padding: 12px 16px;
    }
}

/* 360px */
@media (max-width: 360px) {
    .uni-post .uni-post-hero {
        padding: 32px 12px 0;
    }
    
    .uni-post .uni-post-hero__title {
        font-size: 1.45rem;
        letter-spacing: -.02em;
    }
    
    .uni-post .uni-post-img-wrap {
        padding: 0 12px;
    }
    
    .uni-post .uni-post-img-wrap img {
        height: 180px;
    }
    
    .uni-post .uni-post-layout {
        padding: 0 12px 40px;
    }
    
    .uni-post .uni-post-body {
        padding: 22px 14px;
    }
    
    .uni-post .uni-post-related {
        padding: 32px 12px;
    }
    
    .uni-post .uni-post-content {
        font-size: .92rem;
        line-height: 1.75;
    }
    
    .uni-post .uni-post-content h2 {
        font-size: 1.3rem;
    }
    
    .uni-post .uni-post-content h3 {
        font-size: 1.1rem;
    }
    
    .uni-post .uni-post-related__title {
        font-size: 1.3rem;
    }
    
    .uni-post .uni-post-topbar {
        padding: 10px 12px;
    }
    
    .uni-post .uni-post-side-prime-title {
        font-size: 1rem;
    }
}

/* ============================================================
   PRINT STYLES
   ============================================================ */
@media print {
    .uni-post .uni-post-topbar,
    .uni-post .uni-post-sidebar,
    .uni-post .uni-post-footer a,
    .uni-post .uni-post-related {
        display: none;
    }
    
    .uni-post .uni-post-hero {
        background: var(--cream);
        padding: 20px;
    }
    
    .uni-post .uni-post-hero__title {
        color: var(--ink);
    }
    
    .uni-post .uni-post-layout {
        padding: 20px;
        display: block;
    }
    
    .uni-post .uni-post-body {
        padding: 0;
        border: none;
    }
    
    .uni-post .uni-post-body::before {
        display: none;
    }
    
    .uni-post .uni-post-img-wrap {
        transform: none;
        padding: 20px;
    }
    
    .uni-post .uni-post-img-wrap img {
        height: auto;
        border: 1px solid #ccc;
    }
}
/* ============================================================
 * UNIONE™ Insights Hub Page Styles
 * File: unione-insights-hub.css
 * Shortcode: [unione_insights_hub]
 * FULLY RESPONSIVE - ALL DEVICES
 * ============================================================ */

/* ── CSS VARIABLES ── */
:root {
    --unione-slate: #2A3545;
    --unione-slate-deep: #1C2534;
    --unione-slate-mid: #3D4F63;
    --unione-gold: #C4A96A;
    --unione-gold-light: #E8D9B0;
    --unione-gold-pale: #F7F2E8;
    --unione-parchment: #FAFAF8;
    --unione-ivory: #F2F1EE;
    --unione-obsidian: #141820;
    --unione-ink: #1A1A18;
    --unione-ink-mid: #4A4843;
    --unione-ink-mute: #8A8880;
    --unione-border: rgba(42,53,69,0.12);
    --unione-green: #1A7A4A;
    --unione-green-bg: #E6F4EE;
    --unione-r-xl: 24px;
    --unione-r-lg: 16px;
    --unione-r-md: 10px;
}

/* ── MAIN WRAPPER ── */
.unione-insights-wrapper {
    font-family: 'Inter', sans-serif;
    background: #FAFAF8;
    color: #1A1A18;
}

.unione-insights-wrapper * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ── CONTAINER ── */
.unione-insights-container {
    max-width: 1100px;
    margin: 0 auto;
}

/* ── HERO SECTION ── */
.unione-insights-hero {
    background: var(--unione-obsidian);
    padding: 96px 52px 72px;
    border-bottom: 0.5px solid rgba(255,255,255,0.06);
}

.unione-insights-hero-tag {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--unione-gold);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.unione-insights-hero-tag::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--unione-gold);
    display: inline-block;
}

.unione-insights-hero h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(40px, 5vw, 64px);
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.04em;
    line-height: 1.02;
    margin-bottom: 18px;
}

.unione-insights-hero p {
    font-size: 17px;
    color: rgba(255,255,255,0.48);
    font-weight: 300;
    line-height: 1.8;
    max-width: 600px;
}

/* ── ARTICLES SECTION ── */
.unione-insights-articles-section {
    background: var(--unione-ivory);
    padding: 80px 52px;
}

.unione-insights-section-header-tag {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--unione-gold);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.unione-insights-section-header-tag::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--unione-gold);
    display: inline-block;
}

.unione-insights-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(28px, 3.5vw, 40px);
    font-weight: 700;
    color: var(--unione-slate);
    letter-spacing: -0.03em;
    line-height: 1.1;
    margin-bottom: 12px;
}

.unione-insights-sub {
    font-size: 14px;
    color: var(--unione-ink-mute);
    font-weight: 300;
    line-height: 1.8;
    max-width: 600px;
    margin-bottom: 32px;
}

/* ── GRID 2 COLUMNS ── */
.unione-insights-articles-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-bottom: 48px;
}

/* ── ARTICLE CARD BASE ── */
.unione-insights-article-card {
    display: block;
    text-decoration: none;
    border-radius: 14px;
    padding: 24px;
    position: relative;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.unione-insights-article-card:hover {
    transform: translateY(-3px);
}

.unione-insights-article-card-dark {
    background: var(--unione-obsidian);
    border: 0.5px solid rgba(196,169,106,0.3);
}

.unione-insights-article-card-light {
    background: #fff;
    border: 0.5px solid var(--unione-border);
}

.unione-insights-card-top-stripe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--unione-gold), #E8D9B0);
}

.unione-insights-card-left-stripe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 3px;
    background: #B8832C;
}

.unione-insights-card-left-stripe-slate {
    background: var(--unione-slate);
}

.unione-insights-article-category {
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.unione-insights-article-category-dark {
    color: var(--unione-gold);
}

.unione-insights-article-category-light {
    color: var(--unione-ink-mute);
}

.unione-insights-article-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 8px;
}

.unione-insights-article-title-dark {
    color: #fff;
}

.unione-insights-article-title-light {
    color: var(--unione-slate);
}

.unione-insights-article-meta {
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 10px;
}

.unione-insights-article-meta-dark {
    color: rgba(255,255,255,0.35);
}

.unione-insights-article-meta-light {
    color: var(--unione-ink-mute);
}

.unione-insights-article-excerpt {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.65;
    margin-bottom: 14px;
}

.unione-insights-article-excerpt-dark {
    color: rgba(255,255,255,0.5);
}

.unione-insights-article-excerpt-light {
    color: var(--unione-ink-mute);
}

.unione-insights-article-link {
    font-size: 12px;
    font-weight: 600;
    color: var(--unione-gold);
    text-decoration: none;
}

/* ── SOCIAL LOGIN BUTTONS ── */
.unione-insights-social-section {
    margin-top: 48px;
    padding-top: 48px;
    border-top: 1px solid var(--unione-border);
}

.unione-insights-social-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--unione-slate);
    margin-bottom: 20px;
    text-align: center;
}

.unione-insights-social-row {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}

.unione-insights-soc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 28px;
    border: 1.5px solid var(--unione-border);
    border-radius: 12px;
    background: #fff;
    color: var(--unione-slate);
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 160px;
}

.unione-insights-soc-btn:hover {
    border-color: var(--unione-gold);
    background: var(--unione-gold-pale);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(196,169,106,0.15);
}

.unione-insights-soc-btn svg {
    width: 18px;
    height: 18px;
}

/* ── CONTRIBUTE BOX ── */
.unione-insights-contribute-box {
    padding: 20px 24px;
    background: #fff;
    border: 0.5px solid var(--unione-border);
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 48px;
}

.unione-insights-contribute-text-title {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--unione-slate);
    margin-bottom: 4px;
}

.unione-insights-contribute-text-desc {
    font-size: 13px;
    color: var(--unione-ink-mute);
    font-weight: 300;
}

.unione-insights-contribute-btn {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 10px;
    background: var(--unione-slate);
    color: #fff;
    text-decoration: none;
    flex-shrink: 0;
    white-space: nowrap;
    transition: background 0.2s;
    cursor: pointer;
    border: none;
}

.unione-insights-contribute-btn:hover {
    background: var(--unione-slate-deep);
}

/* ── ALREADY LOGGED IN MESSAGE ── */
.unione-insights-already-loggedin-message {
    background: var(--unione-gold-pale);
    border: 1px solid var(--unione-gold);
    border-radius: 12px;
    padding: 16px 24px;
    margin-bottom: 32px;
    text-align: center;
}

.unione-insights-already-loggedin-message p {
    color: var(--unione-slate);
    font-size: 14px;
    margin: 0;
}

.unione-insights-already-loggedin-message a {
    color: var(--unione-gold);
    font-weight: 600;
    text-decoration: none;
}

/* ── MODAL POPUP ── */
.unione-insights-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 99999;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(4px);
}

.unione-insights-modal.active {
    display: flex;
}

.unione-insights-modal-content {
    background: #fff;
    border-radius: 24px;
    max-width: 420px;
    width: 90%;
    padding: 40px 32px;
    text-align: center;
    position: relative;
    animation: unioneModalSlideIn 0.3s ease;
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

@keyframes unioneModalSlideIn {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.unione-insights-modal-close {
    position: absolute;
    top: 16px;
    right: 20px;
    font-size: 28px;
    cursor: pointer;
    color: var(--unione-ink-mute);
    transition: color 0.2s;
    line-height: 1;
}

.unione-insights-modal-close:hover {
    color: var(--unione-slate);
}

.unione-insights-modal-logo {
    height: 48px;
    width: auto;
    margin-bottom: 20px;
}

.unione-insights-modal-content h3 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: var(--unione-slate);
    margin-bottom: 10px;
}

.unione-insights-modal-content p {
    font-size: 14px;
    color: var(--unione-ink-mute);
    margin-bottom: 28px;
    line-height: 1.5;
}

.unione-insights-modal-divider {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 24px 0;
    color: var(--unione-border);
    font-size: 12px;
}

.unione-insights-modal-divider::before,
.unione-insights-modal-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--unione-border);
}

.unione-insights-modal-social {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.unione-insights-modal-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 12px 20px;
    border: 1.5px solid var(--unione-border);
    border-radius: 12px;
    background: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    color: var(--unione-slate);
    transition: all 0.2s;
    cursor: pointer;
    width: 100%;
}

.unione-insights-modal-btn:hover {
    border-color: var(--unione-gold);
    background: var(--unione-gold-pale);
    transform: translateY(-1px);
}

.unione-insights-modal-register {
    margin-top: 24px;
    font-size: 13px;
    color: var(--unione-ink-mute);
}

.unione-insights-modal-register a {
    color: var(--unione-gold);
    text-decoration: none;
    font-weight: 600;
}

.unione-insights-modal-register a:hover {
    color: var(--unione-slate);
}

/* ── RESPONSIVE BREAKPOINTS ── */
@media (max-width: 1080px) {
    .unione-insights-hero { padding: 80px 40px 60px; }
    .unione-insights-articles-section { padding: 64px 40px; }
    .unione-insights-articles-grid { gap: 20px; }
}

@media (max-width: 960px) {
    .unione-insights-hero { padding: 72px 36px 52px; }
    .unione-insights-articles-section { padding: 56px 36px; }
    .unione-insights-articles-grid { gap: 18px; }
    .unione-insights-article-title { font-size: 15px; }
}

@media (max-width: 780px) {
    .unione-insights-articles-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .unione-insights-hero { padding: 64px 28px 48px; }
    .unione-insights-articles-section { padding: 48px 28px; }
    .unione-insights-contribute-box { flex-direction: column; align-items: flex-start; }
    .unione-insights-contribute-btn { white-space: normal; text-align: center; width: auto; }
}

@media (max-width: 680px) {
    .unione-insights-hero h1 { font-size: clamp(36px, 8vw, 52px); }
    .unione-insights-hero p { font-size: 15px; }
    .unione-insights-hero { padding: 56px 24px 40px; }
    .unione-insights-articles-section { padding: 40px 24px; }
    .unione-insights-article-card { padding: 20px; }
}

@media (max-width: 480px) {
    .unione-insights-hero { padding: 48px 20px 36px; }
    .unione-insights-articles-section { padding: 32px 20px; }
    .unione-insights-article-title { font-size: 14px; }
    .unione-insights-article-excerpt { font-size: 12px; }
    .unione-insights-contribute-box { padding: 16px 18px; }
}

/* p */
/* ============================================================
 * UNIONE™ Panel Directory Styles
 * File: unione-panel-directory.css
 * ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Inter+Tight:wght@600;700;800&display=swap');

.unione-panel-directory {
    --slate: #2A3545 !important;
    --slate-deep: #1C2534 !important;
    --slate-mid: #3D4F63 !important;
    --gold: #C4A96A !important;
    --gold-light: #E8D9B0 !important;
    --gold-pale: #F7F2E8 !important;
    --parchment: #FAFAF8 !important;
    --ivory: #F2F1EE !important;
    --obsidian: #141820 !important;
    --white: #fff !important;
    --ink: #1A1A18 !important;
    --ink-mid: #4A4843 !important;
    --ink-mute: #8A8880 !important;
    --border: rgba(42,53,69,0.12) !important;
    --green: #1A7A4A !important;
    --green-bg: #E6F4EE !important;
    --r-sm: 6px !important;
    --r-md: 10px !important;
    --r-lg: 16px !important;
    --r-xl: 24px !important;
}

.unione-panel-directory *,
.unione-panel-directory *::before,
.unione-panel-directory *::after {
    box-sizing: border-box !important;
}

@keyframes upShimmer {
    0% { background-position: -200% center !important; }
    100% { background-position: 200% center !important; }
}

@keyframes upFadeUp {
    from { opacity: 0 !important; transform: translateY(16px) !important; }
    to { opacity: 1 !important; transform: translateY(0) !important; }
}

@keyframes upPulseDot {
    0%, 100% { opacity: 1 !important; transform: scale(1) !important; }
    50% { opacity: .5 !important; transform: scale(.65) !important; }
}

/* ══════════════════════════════════════
NEW DARK HERO SECTION
══════════════════════════════════════ */
.unione-panel-directory .up-page-hero {
    position: relative !important;
    min-height: 78vh !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    background: #2A3545 !important;
}

/* Watermark text */
.unione-panel-directory .up-page-hero::before {
    content: 'PANEL' !important;
    position: absolute !important;
    font-family: 'Inter Tight', sans-serif !important;
    font-size: 220px !important;
    font-weight: 700 !important;
    color: rgba(255,255,255,0.025) !important;
    right: -20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    letter-spacing: 0.1em !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

/* Background image */
.unione-panel-directory .up-hero-bg-img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    z-index: 0 !important;
}

/* Dark gradient overlay */
.unione-panel-directory .up-hero-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(42,53,69,0.88) 0%, rgba(28,37,52,0.84) 100%) !important;
    z-index: 1 !important;
}

/* Content */
.unione-panel-directory .up-hero-inner {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 140px 60px 90px !important;
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
}

/* Eyebrow tag */
.unione-panel-directory .up-hero-tag {
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: #C4A96A !important;
    margin-bottom: 18px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.unione-panel-directory .up-hero-tag::before {
    content: '' !important;
    width: 24px !important;
    height: 1px !important;
    background: #C4A96A !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
}

/* H1 */
.unione-panel-directory .up-hero-inner h1 {
    font-family: 'Inter Tight', sans-serif !important;
    font-size: clamp(36px, 4.8vw, 62px) !important;
    font-weight: 700 !important;
    letter-spacing: -0.032em !important;
    line-height: 1.04 !important;
    color: #FAFAF8 !important;
    margin-bottom: 18px !important;
}

/* Gold shimmer line */
.unione-panel-directory .up-hero-gold {
    background: linear-gradient(135deg, #C4A96A 0%, #F0DFA0 40%, #C4A96A 70%) !important;
    background-size: 200% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    animation: upShimmer 4s linear infinite !important;
    display: inline-block !important;
}

/* Sub text */
.unione-panel-directory .up-hero-sub {
    font-size: 16px !important;
    color: rgba(255,255,255,0.5) !important;
    font-weight: 300 !important;
    line-height: 1.75 !important;
    max-width: 560px !important;
    margin-bottom: 44px !important;
}

/* Stats row */
.unione-panel-directory .up-hero-stats {
    display: flex !important;
    gap: 0 !important;
    flex-wrap: wrap !important;
    border-top: 1px solid rgba(255,255,255,0.1) !important;
    padding-top: 36px !important;
}

.unione-panel-directory .up-hero-stat {
    padding-right: 40px !important;
    padding-bottom: 8px !important;
}

.unione-panel-directory .up-hero-stat:not(:first-child) {
    padding-left: 40px !important;
    border-left: 1px solid rgba(255,255,255,0.1) !important;
}

.unione-panel-directory .up-hero-stat-n {
    font-family: 'Inter Tight', sans-serif !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    color: #C4A96A !important;
    letter-spacing: -0.03em !important;
    line-height: 1 !important;
}

.unione-panel-directory .up-hero-stat-l {
    font-size: 11px !important;
    color: rgba(255,255,255,0.4) !important;
    margin-top: 5px !important;
    letter-spacing: 0.04em !important;
}

/* ── FILTER STRIP ── */
.unione-panel-directory .fbar {
    background: var(--ivory) !important;
    border-bottom: 1px solid var(--border) !important;
    padding: 12px 60px !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 400 !important;
}

.unione-panel-directory .fbar-inner {
    max-width: 1280px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
}

.unione-panel-directory .fsearch {
    flex: 1 1 180px !important;
    min-width: 160px !important;
    padding: 9px 14px !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--r-md) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: var(--ink) !important;
    background: var(--white) !important;
    outline: none !important;
    transition: border-color .2s !important;
}

.unione-panel-directory .fsearch::placeholder { color: var(--ink-mute) !important; }
.unione-panel-directory .fsearch:focus { border-color: var(--gold) !important; }

.unione-panel-directory .fsel {
    flex: 1 1 130px !important;
    min-width: 120px !important;
    padding: 9px 10px !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--r-md) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    color: var(--ink-mid) !important;
    background: var(--white) !important;
    outline: none !important;
    cursor: pointer !important;
    transition: border-color .2s !important;
}

.unione-panel-directory .fsel:focus { border-color: var(--gold) !important; }

.unione-panel-directory .fcount {
    font-size: 12px !important;
    color: var(--ink-mute) !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* ── LAYOUT ── */
.unione-panel-directory .dir-layout {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 48px 60px 80px !important;
    display: grid !important;
    grid-template-columns: 240px 1fr !important;
    gap: 32px !important;
    align-items: start !important;
}

/* ── SIDEBAR ── */
.unione-panel-directory .up-sidebar { position: sticky !important; top: 130px !important; }
.unione-panel-directory .up-sb-section { margin-bottom: 28px !important; }

.unione-panel-directory .up-sb-title {
    font-size: 10.5px !important;
    font-weight: 600 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin-bottom: 14px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid var(--border) !important;
}

.unione-panel-directory .up-sb-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    max-height: 260px !important;
    overflow-y: auto !important;
}

.unione-panel-directory .up-sb-list::-webkit-scrollbar { width: 3px !important; }
.unione-panel-directory .up-sb-list::-webkit-scrollbar-thumb { background: var(--border) !important; border-radius: 2px !important; }

.unione-panel-directory .up-sb-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 7px 10px !important;
    border-radius: var(--r-sm) !important;
    cursor: pointer !important;
    font-size: 12.5px !important;
    color: var(--ink-mid) !important;
    transition: all .18s !important;
    gap: 6px !important;
}

.unione-panel-directory .up-sb-item:hover { background: var(--ivory) !important; color: var(--slate) !important; }
.unione-panel-directory .up-sb-item.active { background: var(--slate) !important; color: var(--parchment) !important; font-weight: 500 !important; }
.unione-panel-directory .up-sb-item.active .up-sb-count { background: rgba(255,255,255,.18) !important; color: var(--gold) !important; }

.unione-panel-directory .up-sb-name { flex: 1 !important; font-size: 12px !important; line-height: 1.3 !important; }

.unione-panel-directory .up-sb-count {
    font-size: 10.5px !important;
    background: var(--ivory) !important;
    color: var(--ink-mute) !important;
    padding: 2px 7px !important;
    border-radius: 100px !important;
    min-width: 28px !important;
    text-align: center !important;
    flex-shrink: 0 !important;
}

/* ── RESULTS HEADER ── */
.unione-panel-directory .up-results { display: flex !important; flex-direction: column !important; }

.unione-panel-directory .up-results-hdr {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 20px !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.unione-panel-directory .up-results-title {
    font-family: 'Inter Tight', sans-serif !important;
    font-size: 19px !important;
    font-weight: 600 !important;
    color: var(--ink) !important;
    letter-spacing: -.01em !important;
}

.unione-panel-directory .up-view-toggle { display: flex !important; gap: 4px !important; }

.unione-panel-directory .up-view-btn {
    width: 32px !important;
    height: 32px !important;
    border-radius: var(--r-sm) !important;
    border: .5px solid var(--border) !important;
    background: transparent !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--ink-mute) !important;
    transition: all .18s !important;
}

.unione-panel-directory .up-view-btn.active { background: var(--slate) !important; border-color: var(--slate) !important; color: #fff !important; }

/* ── GRID & LIST ── */
.unione-panel-directory .up-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 20px !important; }
.unione-panel-directory .up-grid.list-view { grid-template-columns: 1fr !important; }

/* ═══════════════════════════════════════
CARD DESIGN
═══════════════════════════════════════ */
.unione-panel-directory .up-card {
    width: 100% !important;
    max-width: 340px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    animation: upFadeUp 0.35s ease both !important;
}

.unione-panel-directory .up-card:hover {
    box-shadow: 0 20px 35px rgba(0,0,0,0.12) !important;
    transform: translateY(-4px) !important;
    border-color: #ccc !important;
}

.unione-panel-directory .card-img {
    position: relative !important;
    height: 190px !important;
}

.unione-panel-directory .card-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.unione-panel-directory .badge {
    position: absolute !important;
    top: 12px !important;
    font-size: 11px !important;
    padding: 5px 10px !important;
    border-radius: 6px !important;
    background: #fff !important;
    font-weight: 500 !important;
}

.unione-panel-directory .badge.left { left: 12px !important; }
.unione-panel-directory .badge.right { right: 12px !important; background: #f5eedd !important; }

.unione-panel-directory .card-body { padding: 18px !important; }
.unione-panel-directory .card-body h3 { font-size: 20px !important; margin-bottom: 4px !important; color: #2A3545 !important; }
.unione-panel-directory .title { font-size: 13px !important; color: #777 !important; margin-bottom: 12px !important; }

.unione-panel-directory .tags { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; margin-bottom: 10px !important; }
.unione-panel-directory .tags span { font-size: 10px !important; background: #f5eedd !important; padding: 4px 8px !important; border-radius: 20px !important; white-space: nowrap !important; }

.unione-panel-directory .location { font-size: 12px !important; color: #666 !important; margin-bottom: 10px !important; }
.unione-panel-directory .stats { display: flex !important; gap: 12px !important; font-size: 12px !important; color: #666 !important; margin-bottom: 6px !important; }
.unione-panel-directory .langs { font-size: 12px !important; color: #666 !important; margin-bottom: 12px !important; }

.unione-panel-directory .footer-directory { border-top: 1px solid #eee !important; padding-top: 10px !important; display: flex !important; justify-content: space-between !important; font-size: 12px !important; color: #777 !important; }
.unione-panel-directory .verified { color: green !important; font-weight: 500 !important; }

.unione-panel-directory .up-grid.list-view .up-card { display: flex !important; flex-direction: row !important; max-width: 100% !important; border-radius: 16px !important; }
.unione-panel-directory .up-grid.list-view .card-img { width: 140px !important; height: auto !important; min-height: 150px !important; flex-shrink: 0 !important; }
.unione-panel-directory .up-grid.list-view .card-body { padding: 16px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; }

.unione-panel-directory .up-portrait-fallback { width: 100% !important; height: 100% !important; display: none !important; align-items: center !important; justify-content: center !important; background: linear-gradient(145deg, #2A3545 0%, #1C2534 100%) !important; }
.unione-panel-directory .up-portrait-initials { font-family: 'Inter Tight', sans-serif !important; font-size: 48px !important; font-weight: 700 !important; color: rgba(196,169,106,.38) !important; letter-spacing: -.04em !important; }

/* ── ACTIVE FILTERS ── */
.unione-panel-directory .up-active-filters { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-bottom: 18px !important; min-height: 0 !important; }

.unione-panel-directory .up-active-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    padding: 4px 12px !important;
    border-radius: 100px !important;
    background: var(--slate) !important;
    color: var(--parchment) !important;
    cursor: pointer !important;
}

.unione-panel-directory .up-active-tag:hover { background: var(--slate-deep) !important; }
.unione-panel-directory .up-active-tag::after { content: '×' !important; font-size: 13px !important; opacity: .7 !important; }

.unione-panel-directory .up-no-results {
    text-align: center !important;
    padding: 60px 20px !important;
    color: var(--ink-mute) !important;
    font-size: 14px !important;
}

.unione-panel-directory .up-no-results strong {
    display: block !important;
    font-family: 'Inter Tight', sans-serif !important;
    font-size: 18px !important;
    color: var(--ink) !important;
    margin-bottom: 8px !important;
}

/* ── PAGINATION ── */
.unione-panel-directory .up-pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin-top: 44px !important;
    padding-top: 28px !important;
    border-top: 1px solid var(--border) !important;
    flex-wrap: wrap !important;
}

.unione-panel-directory .up-page-btn {
    width: 36px !important;
    height: 36px !important;
    border-radius: var(--r-sm) !important;
    border: 1px solid var(--border) !important;
    background: transparent !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    color: var(--ink-mid) !important;
    cursor: pointer !important;
    transition: all .18s !important;
    font-family: 'Inter', sans-serif !important;
}

.unione-panel-directory .up-page-btn:hover { border-color: var(--slate) !important; color: var(--slate) !important; }
.unione-panel-directory .up-page-btn.active { background: var(--slate) !important; border-color: var(--slate) !important; color: #fff !important; }
.unione-panel-directory .up-page-btn:disabled { opacity: .4 !important; cursor: default !important; }

/* ── CTA ── */
.unione-panel-directory .up-cta-wrap { max-width: 1280px !important; margin: 0 auto !important; padding: 0 60px 80px !important; }

.unione-panel-directory .up-cta {
    background: var(--obsidian) !important;
    border-radius: var(--r-xl) !important;
    padding: 52px !important;
    text-align: center !important;
    position: relative !important;
    overflow: hidden !important;
}

.unione-panel-directory .up-cta::before {
    content: 'JOIN' !important;
    position: absolute !important;
    font-family: 'Inter Tight', sans-serif !important;
    font-size: 180px !important;
    font-weight: 700 !important;
    color: rgba(255,255,255,.02) !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    pointer-events: none !important;
    letter-spacing: .15em !important;
}

.unione-panel-directory .up-cta h2 {
    font-family: 'Inter Tight', sans-serif !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    color: var(--parchment) !important;
    letter-spacing: -.025em !important;
    margin-bottom: 12px !important;
}

.unione-panel-directory .up-cta p {
    font-size: 14px !important;
    color: rgba(255,255,255,.4) !important;
    max-width: 480px !important;
    margin: 0 auto 32px !important;
    line-height: 1.7 !important;
}

.unione-panel-directory .up-benefits {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
    margin-bottom: 34px !important;
}

.unione-panel-directory .up-benefit {
    background: rgba(255,255,255,.04) !important;
    border: .5px solid rgba(255,255,255,.07) !important;
    border-radius: var(--r-lg) !important;
    padding: 20px !important;
    transition: all .2s !important;
}

.unione-panel-directory .up-benefit:hover { background: rgba(255,255,255,.08) !important; transform: translateY(-2px) !important; }
.unione-panel-directory .up-benefit-icon { font-size: 22px !important; margin-bottom: 10px !important; }
.unione-panel-directory .up-benefit-title { font-size: 13px !important; font-weight: 600 !important; color: var(--parchment) !important; margin-bottom: 5px !important; }
.unione-panel-directory .up-benefit-desc { font-size: 11.5px !important; color: rgba(255,255,255,.4) !important; line-height: 1.5 !important; }

.unione-panel-directory .up-btn-gold {
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 12px 36px !important;
    border-radius: var(--r-md) !important;
    border: none !important;
    background: var(--gold) !important;
    color: var(--obsidian) !important;
    cursor: pointer !important;
    font-family: 'Inter', sans-serif !important;
    transition: all .2s !important;
}

.unione-panel-directory .up-btn-gold:hover { background: #B89858 !important; }

.unione-panel-directory .up-btn-outline {
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 12px 28px !important;
    border-radius: var(--r-md) !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    background: transparent !important;
    color: rgba(255,255,255,.7) !important;
    cursor: pointer !important;
    font-family: 'Inter', sans-serif !important;
    transition: all .2s !important;
}

.unione-panel-directory .up-btn-outline:hover { border-color: rgba(255,255,255,.4) !important; color: #fff !important; }

/* =========================================================
ADVANCED RESPONSIVE BREAKPOINTS
========================================================= */

@media (max-width: 1400px) {
    .unione-panel-directory .up-hero-inner,
    .unione-panel-directory .dir-layout,
    .unione-panel-directory .up-cta-wrap,
    .unione-panel-directory .fbar-inner { max-width: 1200px !important; }
    .unione-panel-directory .up-page-hero::before { font-size: 180px !important; right: -10px !important; }
    .unione-panel-directory .up-hero-inner { padding: 120px 48px 80px !important; }
    .unione-panel-directory .dir-layout { padding: 42px 48px 72px !important; grid-template-columns: 220px 1fr !important; gap: 28px !important; }
    .unione-panel-directory .fbar { padding: 12px 40px !important; }
    .unione-panel-directory .up-cta-wrap { padding: 0 48px 72px !important; }
}

@media (max-width: 1200px) {
    .unione-panel-directory .up-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .unione-panel-directory .up-card { max-width: 100% !important; }
    .unione-panel-directory .up-page-hero { min-height: 66vh !important; }
    .unione-panel-directory .up-hero-inner h1 { font-size: clamp(34px, 5vw, 54px) !important; }
    .unione-panel-directory .up-hero-stat-n { font-size: 30px !important; }
    .unione-panel-directory .up-benefits { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 1080px) {
    .unione-panel-directory .up-page-hero { min-height: auto !important; }
    .unione-panel-directory .up-page-hero::before { font-size: 140px !important; right: -20px !important; }
    .unione-panel-directory .up-hero-inner { padding: 90px 28px 64px !important; }
    .unione-panel-directory .fbar { padding: 10px 24px !important; position: relative !important; top: auto !important; }
    .unione-panel-directory .fbar-inner { gap: 10px !important; }
    .unione-panel-directory .dir-layout { grid-template-columns: 1fr !important; padding: 32px 24px 64px !important; gap: 24px !important; }
    .unione-panel-directory .up-sidebar { position: static !important; }
    .unione-panel-directory .up-sb-list { flex-direction: row !important; flex-wrap: wrap !important; max-height: none !important; overflow: visible !important; gap: 6px !important; }
    .unione-panel-directory .up-sb-item { flex-shrink: 0 !important; }
    .unione-panel-directory .up-cta-wrap { padding: 0 24px 64px !important; }
    .unione-panel-directory .up-cta { padding: 42px 32px !important; }
}

@media (max-width: 980px) {
    .unione-panel-directory .up-grid { grid-template-columns: 1fr 1fr !important; gap: 18px !important; }
    .unione-panel-directory .up-grid.list-view .up-card { flex-direction: column !important; }
    .unione-panel-directory .up-grid.list-view .card-img { width: 100% !important; height: 220px !important; min-height: auto !important; }
    .unione-panel-directory .up-hero-sub { font-size: 15px !important; line-height: 1.75 !important; margin-bottom: 34px !important; }
    .unione-panel-directory .up-hero-stats { padding-top: 28px !important; }
    .unione-panel-directory .up-benefits { grid-template-columns: 1fr !important; }
    .unione-panel-directory .up-cta h2 { font-size: 30px !important; }
}

@media (max-width: 780px) {
    .unione-panel-directory .up-page-hero::before { display: none !important; }
    .unione-panel-directory .up-hero-inner { padding: 72px 20px 54px !important; }
    .unione-panel-directory .up-hero-inner h1 { font-size: 34px !important; line-height: 1.08 !important; }
    .unione-panel-directory .up-hero-sub { font-size: 14px !important; max-width: 100% !important; }
    .unione-panel-directory .up-hero-stats { flex-direction: column !important; gap: 0 !important; }
    .unione-panel-directory .up-hero-stat { width: 100% !important; padding: 16px 0 !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; }
    .unione-panel-directory .up-hero-stat:not(:first-child) { padding-left: 0 !important; border-left: none !important; }
    .unione-panel-directory .fbar { padding: 12px 16px !important; }
    .unione-panel-directory .fsearch { flex: 1 1 100% !important; }
    .unione-panel-directory .fsel { flex: 1 1 calc(50% - 5px) !important; }
    .unione-panel-directory .fcount { width: 100% !important; text-align: left !important; }
    .unione-panel-directory .up-results-hdr { flex-direction: column !important; align-items: flex-start !important; }
    .unione-panel-directory .up-grid { grid-template-columns: 1fr !important; }
    .unione-panel-directory .up-card { max-width: 100% !important; }
    .unione-panel-directory .up-grid.list-view .up-card { flex-direction: column !important; }
    .unione-panel-directory .up-grid.list-view .card-img { width: 100% !important; height: 210px !important; }
    .unione-panel-directory .up-cta { padding: 36px 24px !important; border-radius: 18px !important; }
    .unione-panel-directory .up-cta::before { font-size: 120px !important; }
    .unione-panel-directory .up-cta h2 { font-size: 26px !important; }
    .unione-panel-directory .up-cta p { font-size: 13px !important; margin-bottom: 28px !important; }
}

@media (max-width: 480px) {
    .unione-panel-directory .up-hero-inner { padding: 58px 16px 46px !important; }
    .unione-panel-directory .up-hero-tag { font-size: 9px !important; letter-spacing: 0.14em !important; margin-bottom: 14px !important; }
    .unione-panel-directory .up-hero-inner h1 { font-size: 28px !important; }
    .unione-panel-directory .up-hero-sub { font-size: 13px !important; line-height: 1.7 !important; margin-bottom: 28px !important; }
    .unione-panel-directory .up-hero-stat-n { font-size: 24px !important; }
    .unione-panel-directory .up-hero-stat-l { font-size: 10px !important; }
    .unione-panel-directory .dir-layout { padding: 24px 16px 48px !important; }
    .unione-panel-directory .up-results-title { font-size: 16px !important; }
    .unione-panel-directory .up-view-btn { width: 30px !important; height: 30px !important; }
    .unione-panel-directory .card-img { height: 200px !important; }
    .unione-panel-directory .card-body { padding: 16px !important; }
    .unione-panel-directory .card-body h3 { font-size: 18px !important; }
    .unione-panel-directory .title,
    .unione-panel-directory .location,
    .unione-panel-directory .stats,
    .unione-panel-directory .langs,
    .unione-panel-directory .footer-directory { font-size: 11px !important; }
    .unione-panel-directory .tags span { font-size: 9px !important; padding: 4px 7px !important; }
    .unione-panel-directory .badge { font-size: 10px !important; padding: 4px 8px !important; }
    .unione-panel-directory .up-pagination { gap: 4px !important; margin-top: 34px !important; }
    .unione-panel-directory .up-page-btn { width: 32px !important; height: 32px !important; font-size: 11px !important; }
    .unione-panel-directory .up-cta-wrap { padding: 0 14px 44px !important; }
    .unione-panel-directory .up-cta { padding: 30px 18px !important; }
    .unione-panel-directory .up-cta h2 { font-size: 22px !important; }
    .unione-panel-directory .up-cta p { font-size: 12px !important; }
    .unione-panel-directory .up-btn-gold,
    .unione-panel-directory .up-btn-outline { width: 100% !important; justify-content: center !important; }
}

@media (max-width: 360px) {
    .unione-panel-directory .up-hero-inner { padding-left: 14px !important; padding-right: 14px !important; }
    .unione-panel-directory .up-hero-inner h1 { font-size: 24px !important; line-height: 1.12 !important; }
    .unione-panel-directory .up-hero-sub { font-size: 12px !important; }
    .unione-panel-directory .up-hero-stat { padding: 14px 0 !important; }
    .unione-panel-directory .up-hero-stat-n { font-size: 20px !important; }
    .unione-panel-directory .fbar { padding: 10px 12px !important; }
    .unione-panel-directory .fsearch,
    .unione-panel-directory .fsel { font-size: 11px !important; padding: 8px 10px !important; }
    .unione-panel-directory .dir-layout { padding-left: 12px !important; padding-right: 12px !important; }
    .unione-panel-directory .up-sb-item { padding: 6px 8px !important; }
    .unione-panel-directory .up-sb-name { font-size: 11px !important; }
    .unione-panel-directory .card-img { height: 180px !important; }
    .unione-panel-directory .card-body { padding: 14px !important; }
    .unione-panel-directory .card-body h3 { font-size: 16px !important; }
    .unione-panel-directory .up-portrait-initials { font-size: 38px !important; }
    .unione-panel-directory .up-cta { padding: 26px 14px !important; }
    .unione-panel-directory .up-cta h2 { font-size: 20px !important; }
    .unione-panel-directory .up-benefit { padding: 16px !important; }
    .unione-panel-directory .up-benefit-title { font-size: 12px !important; }
    .unione-panel-directory .up-benefit-desc { font-size: 10.5px !important; }
    .unione-panel-directory .up-btn-gold,
    .unione-panel-directory .up-btn-outline { font-size: 12px !important; padding: 11px 14px !important; }
}

@media (max-width: 980px) {
    .unione-panel-directory .up-sidebar { position: static !important; gap: 18px !important; }
    .unione-panel-directory .up-sb-section { padding: 16px !important; border-radius: 16px !important; }
    .unione-panel-directory .up-sb-list { gap: 8px !important; }
    .unione-panel-directory .up-sb-item { padding: 8px 12px !important; min-height: 36px !important; }
    .unione-panel-directory .up-sb-name { font-size: 12px !important; max-width: 180px !important; }
}

@media (max-width: 480px) {
    .unione-panel-directory .up-sb-section { padding: 14px !important; border-radius: 14px !important; }
    .unione-panel-directory .up-sb-title { font-size: 10px !important; letter-spacing: 0.13em !important; }
    .unione-panel-directory .up-sb-list { gap: 6px !important; }
    .unione-panel-directory .up-sb-item { padding: 7px 10px !important; min-height: 34px !important; }
    .unione-panel-directory .up-sb-name { font-size: 11px !important; max-width: 150px !important; }
    .unione-panel-directory .up-sb-count { font-size: 10px !important; min-width: 24px !important; height: 22px !important; }
}

@media (max-width: 360px) {
    .unione-panel-directory .up-sb-item { padding: 6px 9px !important; gap: 6px !important; }
    .unione-panel-directory .up-sb-name { font-size: 10.5px !important; max-width: 120px !important; }
}

/* ============================================================
 * UNIONE™ Fellow Profile - Single Page Styles
 * File: unione-fellow-profile.css
 * Fonts: Instrument Serif (name only), Inter Tight (headings), Inter (body)
 * ============================================================ */

:root {
  --slate: #2A3545;
  --slate-deep: #1C2534;
  --slate-mid: #3D4F63;
  --gold: #C4A96A;
  --gold-light: #E8D9B0;
  --gold-pale: #F7F2E8;
  --gold-dim: rgba(196,169,106,0.18);
  --gold-border: rgba(196,169,106,0.30);
  --parchment: #FAFAF8;
  --ivory: #F2F1EE;
  --white: #FFFFFF;
  --obsidian: #141820;
  --ink: #1A1A18;
  --ink-mid: #4A4843;
  --ink-mute: #8A8880;
  --border: rgba(42,53,69,0.10);
  --border-dark: rgba(255,255,255,0.08);
  --green: #1A7A4A;
  --green-bg: #E6F4EE;
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 24px;
  --max: 1280px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

body {
  font-family: 'Inter', sans-serif;
  background: var(--parchment);
  color: var(--ink);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

::selection { background: var(--obsidian); color: var(--gold); }
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: var(--ivory); }
::-webkit-scrollbar-thumb { background: var(--slate-mid); border-radius: 2px; }
a { text-decoration: none; color: inherit; }
img { display: block; max-width: 100%; }

@keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(.85)} }
@keyframes fadeUp { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} }

/* Breadcrumb */
.up-breadcrumb {
  background: var(--slate-deep);
  padding: 10px 0;
  border-bottom: 1px solid var(--border-dark);
}
.up-breadcrumb-inner {
  max-width: var(--max); margin: 0 auto; padding: 0 60px;
  display: flex; align-items: center; gap: 8px;
  font-family: 'Inter', sans-serif;
  font-size: 12px; color: rgba(255,255,255,.35);
}
.up-breadcrumb a { color: rgba(255,255,255,.45); transition: color .15s; }
.up-breadcrumb a:hover { color: var(--gold); }
.up-breadcrumb-sep { color: rgba(255,255,255,.2); }

/* Profile Hero - 50/50 split */
.profile-hero {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.ph-left {
  padding: 100px 80px 80px 60px;
  display: flex; flex-direction: column; justify-content: center;
  background: var(--white);
  position: relative;
}
.ph-left::after {
  content: ''; position: absolute; right: 0; top: 10%; bottom: 10%;
  width: 1px; background: var(--border);
}

.ph-eyebrow {
  font-family: 'Inter Tight', sans-serif;
  font-size: 11px; font-weight: 600; letter-spacing: .2em;
  text-transform: uppercase; color: var(--gold);
  display: flex; align-items: center; gap: 12px; margin-bottom: 28px;
}
.ph-eyebrow::before { content: ''; width: 28px; height: 1px; background: var(--gold); }

.ph-name {
  font-family: 'Instrument Serif', serif;
  font-size: clamp(48px, 5.5vw, 78px);
  font-weight: 400;
  font-style: italic;
  letter-spacing: -.01em;
  color: var(--slate);
  line-height: 1.0;
  margin-bottom: 10px;
}

.ph-designation {
  font-family: 'Inter Tight', sans-serif;
  font-size: 17px; font-weight: 700;
  letter-spacing: .14em; color: var(--gold); margin-bottom: 20px;
}

.ph-title {
  font-family: 'Inter', sans-serif;
  font-size: 15px; font-weight: 300; color: var(--ink-mute);
  line-height: 1.65; max-width: 420px; margin-bottom: 44px;
}

.ph-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 48px; }
.hbadge {
  font-family: 'Inter Tight', sans-serif;
  font-size: 11px; font-weight: 600; letter-spacing: .06em;
  padding: 5px 14px; border-radius: 100px;
}
.hbadge-vetted { background: var(--gold-pale); color: #6B5427; border: .5px solid var(--gold-border); }
.hbadge-avail  { background: var(--green-bg); color: var(--green); }
.hbadge-bench  { background: rgba(42,53,69,.07); color: var(--slate); }

.ph-cta-row { display: flex; gap: 12px; align-items: center; margin-bottom: 52px; flex-wrap: wrap; }

.btn-appoint {
  font-family: 'Inter Tight', sans-serif;
  padding: 14px 32px; border-radius: var(--r-md);
  background: var(--slate); color: var(--gold);
  font-size: 14px; font-weight: 700; letter-spacing: .04em;
  border: none; cursor: pointer; transition: background .2s;
}
.btn-appoint:hover { background: var(--slate-mid) !important; }

.btn-ghost-hero {
  font-family: 'Inter Tight', sans-serif;
  padding: 13px 24px; border-radius: var(--r-md);
  background: transparent; color: var(--ink-mute);
  font-size: 13px; font-weight: 600;
  border: 1px solid var(--border); cursor: pointer; transition: all .2s;
  display: inline-block;
}
.btn-ghost-hero:hover { border-color: var(--slate); color: var(--ink); }

.avail-signal {
  font-family: 'Inter', sans-serif;
  display: flex; align-items: center; gap: 7px; font-size: 13px; color: var(--ink-mute);
}
.avail-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); animation: pulse 2.2s infinite; }

.ph-stats {
  display: grid; grid-template-columns: repeat(3, auto);
  border-top: 1px solid var(--border); padding-top: 40px;
}
.phstat { padding-right: 40px; }
.phstat:not(:first-child) { padding-left: 40px; border-left: 1px solid var(--border); }

.phstat-n {
  font-family: 'Inter Tight', sans-serif;
  font-size: 40px; font-weight: 700; color: var(--slate); line-height: 1; margin-bottom: 4px;
}
.phstat-l {
  font-family: 'Inter', sans-serif;
  font-size: 11px; color: var(--ink-mute); line-height: 1.4;
}

.ph-right { position: relative; overflow: hidden; background: var(--ivory); }
.ph-right img { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; }
.ph-photo-gold-line {
  position: absolute; left: 0; top: 60px; bottom: 60px;
  width: 3px; background: var(--gold); opacity: .35;
}
.ph-photo-placeholder {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 16px;
  background: linear-gradient(160deg, var(--ivory) 0%, var(--gold-pale) 60%, var(--ivory) 100%);
}
.ph-photo-init {
  width: 180px; height: 180px; border-radius: 50%;
  background: var(--white); border: 2px solid var(--gold-border);
  display: flex; align-items: center; justify-content: center;
  font-family: 'Instrument Serif', serif;
  font-size: 60px; font-weight: 400; color: var(--gold);
}
.ph-photo-init-sub {
  font-family: 'Inter', sans-serif;
  font-size: 12px; color: var(--ink-mute); letter-spacing: .08em; text-transform: uppercase;
}

/* Tab Navigation */
.tab-nav {
  position: sticky; top: 0; z-index: 400;
  background: var(--white); border-bottom: 1px solid var(--border);
}
.tab-nav-inner {
  max-width: 1200px; margin: 0 auto; padding: 0 60px;
  display: flex; overflow-x: auto; scrollbar-width: none;
  justify-content: center;
}
.tab-nav-inner::-webkit-scrollbar { display: none; }

.tab-btn {
  font-family: 'Inter Tight', sans-serif;
  padding: 20px 28px; font-size: 13px; font-weight: 500;
  color: var(--ink-mute); cursor: pointer; border: none; background: none;
  border-bottom: 2px solid transparent; transition: all .2s;
  margin-bottom: -1px; white-space: nowrap;
}
.tab-btn:hover { color: var(--ink); }
.tab-btn.active { color: var(--slate); border-bottom-color: var(--gold); font-weight: 700; }

.tab-panel { display: none; }
.tab-panel.active { display: block; }

/* Overview Tab */
.panel-overview {
  max-width: 1200px; margin: 0 auto;
  padding: 80px 60px;
  display: grid; grid-template-columns: 1fr 340px; gap: 80px;
}

.bio-section-label {
  font-family: 'Inter Tight', sans-serif;
  font-size: 10px; font-weight: 700; letter-spacing: .2em;
  text-transform: uppercase; color: var(--gold);
  display: flex; align-items: center; gap: 12px; margin-bottom: 24px;
}
.bio-section-label::after { content: ''; flex: 1; height: 1px; background: var(--border); }

.bio-text {
  font-family: 'Inter', sans-serif;
  font-size: 15px; font-weight: 300; color: var(--ink-mid);
  line-height: 1.85; margin-bottom: 20px;
}

.overview-right { display: flex; flex-direction: column; gap: 32px; }

.info-block-title {
  font-family: 'Inter Tight', sans-serif;
  font-size: 10px; font-weight: 700; letter-spacing: .18em;
  text-transform: uppercase; color: var(--ink-mute);
  margin-bottom: 14px; padding-bottom: 10px;
  border-bottom: 1px solid var(--border);
}

.info-row {
  font-family: 'Inter', sans-serif;
  display: flex; justify-content: space-between;
  padding: 9px 0; border-bottom: 1px solid var(--border);
  font-size: 13px; gap: 16px;
}
.info-row:last-child { border-bottom: none; }
.info-label { color: var(--ink-mute); }
.info-val { color: var(--ink); font-weight: 500; text-align: right; }
.info-val.gold { color: var(--gold); font-family: 'Inter Tight', sans-serif; font-size: 12px; font-weight: 700; }
.info-val.green { color: var(--green); }

.tag-wrap { display: flex; flex-wrap: wrap; gap: 6px; }
.tag {
  font-family: 'Inter', sans-serif;
  font-size: 12px; padding: 4px 12px; border-radius: 100px; font-weight: 500;
}
.tag-spec { background: var(--gold-pale); color: #6B5427; }
.tag-spec.pri { background: rgba(196,169,106,.25); border: .5px solid var(--gold); }
.tag-seat { background: rgba(42,53,69,.07); color: var(--slate); }
.tag-lang { background: var(--green-bg); color: var(--green); }

.err-block {
  background: var(--green-bg); border-radius: var(--r-md);
  padding: 14px 16px; display: flex; gap: 10px;
  border: .5px solid rgba(26,122,74,.2);
}
.err-icon { width: 16px; height: 16px; border-radius: 50%; background: var(--green); flex-shrink: 0; margin-top: 2px; }
.err-block-title { font-family: 'Inter Tight', sans-serif; font-size: 12px; font-weight: 700; margin-bottom: 2px; }
.err-block-text { font-family: 'Inter', sans-serif; font-size: 12px; color: #155C3A; line-height: 1.55; }

.unbounded-block {
  background: var(--gold-pale); border-radius: var(--r-md);
  padding: 14px 16px; border: .5px solid var(--gold-border);
}
.ub-label {
  font-family: 'Inter Tight', sans-serif;
  font-size: 10px; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; color: var(--gold);
  display: flex; align-items: center; gap: 7px; margin-bottom: 8px;
}
.ub-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--gold); }
.ub-item { font-family: 'Inter', sans-serif; font-size: 12px; color: var(--ink-mid); display: flex; gap: 7px; padding: 3px 0; }

/* Experience Tab */
.panel-experience { max-width: 900px; margin: 0 auto; padding: 80px 60px; }
.exp-section { margin-bottom: 72px; }

.section-eyebrow {
  font-family: 'Inter Tight', sans-serif;
  font-size: 10px; font-weight: 700; letter-spacing: .2em;
  text-transform: uppercase; color: var(--gold);
  display: flex; align-items: center; gap: 16px; margin-bottom: 40px;
}
.section-eyebrow::after { content: ''; flex: 1; height: 1px; background: var(--border); }

.record-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 1px; background: var(--border);
  border: 1px solid var(--border); border-radius: var(--r-lg);
  overflow: hidden; margin-bottom: 56px;
}
.record-cell { background: var(--white); padding: 32px 28px; }
.record-num { font-family: 'Inter Tight', sans-serif; font-size: 52px; font-weight: 700; color: var(--slate); line-height: 1; margin-bottom: 6px; }
.record-num.green { color: var(--green); }
.record-label { font-family: 'Inter', sans-serif; font-size: 12px; color: var(--ink-mute); line-height: 1.4; }

.edu-title {
  font-family: 'Inter Tight', sans-serif;
  font-size: 10px; font-weight: 700; letter-spacing: .2em;
  text-transform: uppercase; color: var(--gold);
  display: flex; align-items: center; gap: 16px; margin-bottom: 24px;
}
.edu-title::after { content: ''; flex: 1; height: 1px; background: var(--border); }
.edu-text { font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300; color: var(--ink-mid); line-height: 1.8; }
.edu-text ul { padding-left: 20px; }
.edu-text li { margin-bottom: 8px; }

/* Publications Tab */
.panel-publications { max-width: 900px; margin: 0 auto; padding: 80px 60px; }
.pub-list { display: flex; flex-direction: column; }
.pub-item {
  padding: 36px 0; border-bottom: 1px solid var(--border);
  display: grid; grid-template-columns: 80px 1fr; gap: 32px;
}
.pub-item:first-child { border-top: 1px solid var(--border); }
.pub-num { font-family: 'Inter Tight', sans-serif; font-size: 34px; font-weight: 700; color: var(--ink-mute); line-height: 1; }
.pub-type { font-family: 'Inter Tight', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); margin-bottom: 8px; }
.pub-content { font-family: 'Inter', sans-serif; font-size: 15px; color: var(--slate); line-height: 1.6; }

/* Speaking Tab */
.panel-speaking { max-width: 900px; margin: 0 auto; padding: 80px 60px; }
.speaking-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.speaking-card {
  border: 1px solid var(--border); border-radius: var(--r-lg);
  padding: 28px; background: var(--white);
}
.speaking-card:hover { border-color: var(--slate-mid); }
.sc-tag { font-family: 'Inter Tight', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); margin-bottom: 14px; }
.sc-event { font-family: 'Inter Tight', sans-serif; font-size: 16px; font-weight: 600; color: var(--slate); margin-bottom: 8px; }
.sc-desc { font-family: 'Inter', sans-serif; font-size: 13px; color: var(--ink-mute); line-height: 1.6; }

/* Vetting Tab */
.panel-vetting { max-width: 900px; margin: 0 auto; padding: 80px 60px; }
.vetting-intro { font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 300; color: var(--ink-mid); line-height: 1.8; max-width: 640px; margin-bottom: 60px; }

.vetting-stages {
  display: grid; grid-template-columns: repeat(4,1fr);
  gap: 1px; background: var(--border);
  border: 1px solid var(--border); border-radius: var(--r-lg);
  overflow: hidden; margin-bottom: 48px;
}
.vetting-stage { background: var(--white); padding: 28px 24px; }
.vs-num { font-family: 'Inter Tight', sans-serif; font-size: 44px; font-weight: 700; color: rgba(42,53,69,.08); margin-bottom: 12px; }
.vs-title { font-family: 'Inter Tight', sans-serif; font-size: 13px; font-weight: 700; color: var(--slate); margin-bottom: 4px; }
.vs-sub { font-family: 'Inter', sans-serif; font-size: 12px; color: var(--ink-mute); line-height: 1.5; margin-bottom: 16px; }
.vs-status { font-family: 'Inter Tight', sans-serif; display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; color: var(--green); }
.vs-check { width: 16px; height: 16px; border-radius: 50%; background: var(--green-bg); border: 1px solid var(--green); display: flex; align-items: center; justify-content: center; font-size: 10px; color: var(--green); }

.decl-block {
  border: 1px solid var(--border); border-radius: var(--r-lg); padding: 32px;
  display: grid; grid-template-columns: auto 1fr; gap: 24px;
}
.decl-icon { width: 40px; height: 40px; border-radius: 50%; background: var(--green-bg); display: flex; align-items: center; justify-content: center; font-size: 18px; color: var(--green); }
.decl-title { font-family: 'Inter Tight', sans-serif; font-size: 15px; font-weight: 700; color: var(--slate); margin-bottom: 6px; }
.decl-text { font-family: 'Inter', sans-serif; font-size: 13px; color: var(--ink-mute); line-height: 1.65; }
.decl-date { font-family: 'Inter Tight', sans-serif; font-size: 12px; color: var(--green); font-weight: 600; margin-top: 8px; }

/* Contact Tab */
.panel-contact {
  max-width: 900px; margin: 0 auto; padding: 80px 60px;
  display: grid; grid-template-columns: 1fr 1fr; gap: 80px;
}
.contact-intro { font-family: 'Inter', sans-serif; font-size: 18px; font-weight: 300; color: var(--ink); line-height: 1.7; margin-bottom: 40px; }
.appt-form { display: flex; flex-direction: column; gap: 14px; }
.af-label { font-family: 'Inter Tight', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-mid); margin-bottom: 5px; display: block; }
.af-input { font-family: 'Inter', sans-serif; width: 100%; padding: 13px 16px; border: 1px solid var(--border); border-radius: var(--r-md); font-size: 14px; color: var(--ink); background: var(--white); }
.af-input:focus { outline: none; border-color: var(--gold); }
.af-submit {
    font-family: 'Inter Tight', sans-serif !important;
    padding: 15px 32px !important;
    background: var(--slate) !important;
    color: var(--gold) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border: none !important;
    cursor: pointer !important;
    border-radius: var(--r-md) !important;
    margin-top: 8px !important;
}

.af-submit:hover {
    background: var(--slate-mid) !important;
}
.cd-label { font-family: 'Inter Tight', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--ink-mute); margin-bottom: 8px; margin-top: 28px; }
.cd-label:first-child { margin-top: 0; }
.cd-val { font-family: 'Inter Tight', sans-serif; font-size: 15px; color: var(--slate); font-weight: 600; }
.cd-sub { font-family: 'Inter', sans-serif; font-size: 13px; color: var(--ink-mute); margin-top: 3px; }

/* Footer */
.footer { background: var(--obsidian); padding: 72px 60px 36px; }
.footer-inner { max-width: var(--max); margin: 0 auto; }
.footer-top { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 56px; }
.footer-logo { font-family: 'Inter Tight', sans-serif; font-size: 17px; font-weight: 700; letter-spacing: .22em; color: var(--parchment); margin-bottom: 12px; }
.footer-tagline { font-family: 'Inter', sans-serif; font-size: 13px; color: rgba(255,255,255,.28); line-height: 1.7; max-width: 240px; }
.footer-col-title { font-family: 'Inter Tight', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--gold); margin-bottom: 18px; }
.footer-links { list-style: none; display: flex; flex-direction: column; gap: 11px; }
.footer-links li { font-family: 'Inter', sans-serif; font-size: 13px; color: rgba(255,255,255,.35); cursor: pointer; transition: color .2s; }
.footer-links li:hover { color: rgba(255,255,255,.75); }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.07); padding-top: 28px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.footer-copy { font-family: 'Inter', sans-serif; font-size: 12px; color: rgba(255,255,255,.2); }
.footer-gold { font-family: 'Inter Tight', sans-serif; font-size: 12px; color: var(--gold); font-weight: 600; }

/* Responsive */
@media(max-width:1100px) {
  .profile-hero { grid-template-columns: 1fr; min-height: auto; }
  .ph-left { padding: 60px 28px; }
  .ph-left::after { display: none; }
  .ph-right { min-height: 56vh; }
  .panel-overview { grid-template-columns: 1fr; gap: 48px; padding: 56px 28px; }
  .panel-experience, .panel-publications, .panel-speaking, .panel-vetting, .panel-contact { padding: 56px 28px; }
  .record-grid { grid-template-columns: 1fr 1fr; }
  .vetting-stages { grid-template-columns: 1fr 1fr; }
  .panel-contact { grid-template-columns: 1fr; gap: 40px; }
  .footer-top { grid-template-columns: 1fr 1fr; gap: 36px; }
  .tab-nav-inner { padding: 0 28px; }
  .up-breadcrumb-inner { padding: 0 28px; }
}
@media(max-width:680px) {
  .ph-stats { grid-template-columns: 1fr 1fr; }
  .phstat:nth-child(3) { border-left: none; padding-left: 0; }
  .record-grid { grid-template-columns: 1fr; }
  .vetting-stages { grid-template-columns: 1fr; }
  .speaking-grid { grid-template-columns: 1fr; }
  .decl-block { grid-template-columns: 1fr; }
  .pub-item { grid-template-columns: 1fr; gap: 8px; }
  .footer-top { grid-template-columns: 1fr; }
}
@media(max-width:480px) {
  .ph-name { font-size: clamp(38px, 10vw, 58px); }
  .phstat { padding-right: 16px; }
  .phstat:not(:first-child) { padding-left: 16px; }
}
/* ── Appointment notice messages (add to unione-fellow-profile.css) ── */

.appt-notice {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px 20px;
  border-radius: var(--r-md);
  margin-bottom: 28px;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  line-height: 1.6;
}

.appt-notice-success {
  background: var(--green-bg);
  border: 1px solid rgba(26, 122, 74, 0.25);
  color: #155C3A;
}

.appt-notice-error {
  background: #FEF2F2;
  border: 1px solid rgba(220, 38, 38, 0.2);
  color: #991B1B;
}

.appt-notice-icon {
  font-size: 18px;
  flex-shrink: 0;
  margin-top: 1px;
}

/* =========================================================
   UNIONE DASHBOARD - CSS
   File: unione-dashboard.css
   ========================================================= */

/* Modern Reset & Base Styles */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	background: #f5f7fa !important;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	min-height: 100vh;
	margin: 0 !important;
	padding: 0 !important;
}

/* Main Dashboard Wrapper */
.unione-dashboard-wrapper {
	margin: 0 auto;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

/* Top Header */
.unione-top-header {
	background: #ffffff;
	padding: 15px 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 3px solid #C9A84C;
	margin-bottom: 0;
	box-shadow: 0 1px 8px rgba(28,43,74,.06);
}

.unione-header-left {
	display: flex;
	align-items: center;
	gap: 15px;
	padding-left: 20px;
}

.unione-header-left .logo {
	display: flex;
	align-items: center;
	position: relative;
	padding-left: 18px;
}

.unione-header-left .logo::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #C9A84C;
}

.unione-header-left .logo span {
	font-size: 20px;
	font-weight: 800;
	letter-spacing: 5px;
	color: #C9A84C;
	line-height: 1;
}

.unione-header-left .logo .tm {
	font-size: 12px;
	vertical-align: top;
	margin-left: 2px;
	position: relative;
	top: -10px;
	letter-spacing: 0;
	color: #C9A84C;
}

.unione-header-right {
	display: flex;
	align-items: center;
	gap: 10px;
}

/* Header Action Buttons */
.unione-header-action {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	border-radius: 8px;
	text-decoration: none;
	font-size: 13px;
	font-weight: 500;
	transition: all 0.3s ease;
	background: #f8fafc;
	color: #1C2B4A;
	border: 1px solid #e2e8f0;
}

.unione-header-action:hover {
	background: #C9A84C;
	color: #ffffff;
	border-color: #C9A84C;
}

.unione-header-action i {
	font-size: 13px;
}

.unione-header-action.logout:hover {
	background: #dc2626;
	border-color: #dc2626;
}

/* 3-Dot Mobile Menu */
.unione-mobile-menu {
	display: none;
	position: relative;
}

.unione-mobile-menu-btn {
	width: 40px;
	height: 40px;
	border-radius: 8px;
	background: #C9A84C;
	color: white;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
}

.unione-mobile-dropdown {
	position: absolute;
	top: 100%;
	right: 0;
	width: 200px;
	background: white;
	border-radius: 8px;
	box-shadow: 0 10px 25px rgba(0,0,0,0.1);
	border: 1px solid #e2e8f0;
	display: none;
	z-index: 1000;
	margin-top: 5px;
}

.unione-mobile-dropdown.active {
	display: block;
}

.unione-mobile-dropdown a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 16px;
	color: #1C2B4A;
	text-decoration: none;
	font-size: 14px;
	border-bottom: 1px solid #f1f5f9;
}

.unione-mobile-dropdown a:last-child {
	border-bottom: none;
}

.unione-mobile-dropdown a:hover {
	background: #C9A84C;
	color: white;
}

.unione-mobile-dropdown a i {
	width: 18px;
}

/* Dashboard Layout */
.unione-dashboard-layout {
	display: flex;
	background: #ffffff;
	overflow: hidden;
	min-height: calc(100vh - 140px);
}

/* Left Sidebar */
.unione-sidebar {
	width: 320px;
	background: linear-gradient(180deg, #1C2B4A 0%, #111D33 100%);
	color: white;
	padding: 30px 20px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	height: auto !important;
	overflow: visible;
}

/* Profile in Sidebar */
.unione-profile {
	text-align: left;
	padding-bottom: 25px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	margin-bottom: 25px;
	display: flex;
	align-items: center;
	gap: 15px;
}

.unione-avatar {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	font-weight: bold;
	color: white;
	border: 3px solid #C9A84C;
	box-shadow: 0 4px 10px rgba(201,168,76,0.3);
	flex-shrink: 0;
	overflow: hidden;
	background: #334155;
}

.unione-avatar img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}

.unione-profile-info {
	flex: 1;
	min-width: 0;
}

.unione-profile-info h4 {
	margin: 0 0 3px;
	font-size: 16px;
	font-weight: 600;
	color: white;
	word-break: break-word;
}

.unione-profile-info small {
	color: #cbd5e1;
	font-size: 11px;
	display: block;
	margin-bottom: 5px;
	word-break: break-word;
}

.unione-role-badge {
	display: inline-block;
	background: rgba(201,168,76,0.2);
	padding: 3px 10px;
	border-radius: 20px;
	font-size: 10px;
	color: #C9A84C;
	font-weight: 500;
	border: 1px solid rgba(201,168,76,0.3);
}

/* Sidebar Menu */
.unione-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	flex-grow: 1;
}

.unione-menu li {
	padding: 12px 15px;
	margin: 4px 0;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s ease;
	font-size: 14px;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 12px;
}

.unione-menu li a {
	color: #e2e8f0;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
}

.unione-menu li i {
	width: 20px;
	text-align: center;
	font-size: 15px;
	color: #94a3b8;
}

.unione-menu li:hover {
	background: rgba(255, 255, 255, 0.1);
	border-left: 3px solid #C9A84C;
}

.unione-menu li:hover i {
	color: #C9A84C;
}

.unione-menu li.active {
	background: rgba(201,168,76,0.15);
	border-left: 3px solid #C9A84C;
}

.unione-menu li.active i {
	color: #C9A84C;
}

/* Sidebar Footer */
.unione-sidebar-footer {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 0.5);
	font-size: 11px;
	display: flex;
	align-items: center;
	gap: 8px;
}

/* Main Content */
.unione-main {
	flex: 1;
	padding: 30px;
	background: #ffffff;
	overflow-y: auto;
	width: calc(100% - 320px);
}

/* Welcome Section */
.unione-welcome {
	margin-bottom: 30px;
}

.unione-welcome h1 {
	font-size: 28px;
	font-weight: 700;
	color: #1C2B4A;
	margin-bottom: 5px;
}

.unione-welcome .gold {
	color: #C9A84C;
}

.unione-welcome p {
	color: #64748b;
	font-size: 14px;
}

/* Stats Grid */
.unione-stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 20px;
	margin-bottom: 30px;
}

.unione-stat {
	background: #f8fafc;
	border-radius: 12px;
	padding: 20px;
	display: flex;
	align-items: center;
	gap: 15px;
	border: 1px solid #e2e8f0;
	transition: all 0.3s ease;
	cursor: pointer;
}

.unione-stat:hover {
	border-color: #C9A84C;
	transform: translateY(-3px);
	box-shadow: 0 10px 20px rgba(201,168,76,0.1);
}

.unione-stat-icon {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	color: white;
	flex-shrink: 0;
	background: #C9A84C;
}

.unione-stat-info h3 {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	color: #1C2B4A;
}

.unione-stat-info p {
	margin: 5px 0 0;
	color: #64748b;
	font-size: 12px;
}

/* Actions Grid */
.unione-actions {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 20px;
	margin-bottom: 30px;
}

.unione-action {
	background: #f8fafc;
	border-radius: 12px;
	padding: 20px;
	text-decoration: none;
	transition: all 0.3s ease;
	display: block;
	border: 1px solid #e2e8f0;
}

.unione-action:hover {
	border-color: #C9A84C;
	transform: translateY(-3px);
	box-shadow: 0 10px 20px rgba(201,168,76,0.1);
}

.unione-action-icon {
	width: 50px;
	height: 50px;
	background: #ffffff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
	color: #C9A84C;
	font-size: 22px;
	border: 1px solid #e2e8f0;
}

.unione-action h3 {
	font-size: 16px;
	font-weight: 600;
	color: #1C2B4A;
	margin-bottom: 8px;
}

.unione-action p {
	font-size: 13px;
	color: #64748b;
	line-height: 1.5;
	margin-bottom: 15px;
}

.unione-action-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #C9A84C;
	font-size: 13px;
	font-weight: 600;
}

.unione-action:hover .unione-action-link i {
	transform: translateX(5px);
}

/* UNIONE Membership Welcome Banner */
.unione-membership-banner {
	background: linear-gradient(135deg, #1C2B4A 0%, #111D33 100%);
	border-radius: 16px;
	padding: 30px;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	gap: 20px;
	border: 2px solid #C9A84C;
	box-shadow: 0 8px 25px rgba(28,43,74,0.15);
}

.unione-membership-banner-icon {
	width: 64px;
	height: 64px;
	background: rgba(201,168,76,0.15);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	color: #C9A84C;
	flex-shrink: 0;
	border: 2px solid rgba(201,168,76,0.4);
}

.unione-membership-banner-text h2 {
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 6px;
}

.unione-membership-banner-text h2 span {
	color: #C9A84C;
}

.unione-membership-banner-text p {
	color: #94a3b8;
	font-size: 13px;
	margin: 0;
}

/* Membership Team Specific Links */
.unione-team-links {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 20px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 2px solid #C9A84C;
}

.unione-team-links-title {
	grid-column: 1 / -1;
	font-size: 18px;
	font-weight: 700;
	color: #1C2B4A;
	margin-bottom: 5px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.unione-team-links-title i {
	color: #C9A84C;
}

/* Modal Styles */
.unione-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	align-items: center;
	justify-content: center;
	padding: 20px;
	z-index: 9999;
}

.unione-modal.active {
	display: flex;
}

.unione-modal-content {
	background: white;
	width: 90%;
	max-width: 1300px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.unione-modal-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 30px;
	background: white;
	border-bottom: 2px solid #C9A84C;
	flex-shrink: 0;
}

.unione-modal-header h2 {
	font-size: 22px;
	font-weight: 700;
	color: #1C2B4A;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 10px;
}

.unione-modal-header h2 i {
	color: #C9A84C;
}

.unione-modal-close {
	width: 40px;
	height: 40px;
	border-radius: 8px;
	background: #C9A84C;
	border: none;
	cursor: pointer;
	color: white;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	flex-shrink: 0;
}

.unione-modal-close:hover {
	background: #b8963a;
	transform: scale(1.05);
}

/* Table Container */
.unione-table-container {
	overflow-x: auto;
	overflow-y: auto;
	max-height: calc(90vh - 100px);
}

/* Data Table Styles */
.unione-data-table {
	width: 100%;
	border-collapse: collapse;
	min-width: 600px;
}

.unione-data-table th {
	text-align: left;
	padding: 15px 15px;
	background: #f8fafc;
	color: #1C2B4A;
	font-size: 14px;
	font-weight: 600;
	border-bottom: 2px solid #C9A84C;
	position: sticky;
	top: 0;
	z-index: 10;
}

.unione-data-table td {
	padding: 12px 15px;
	border-bottom: 1px solid #e2e8f0;
	font-size: 13px;
	color: #1C2B4A;
}

.unione-data-table tr:hover td {
	background: #fef8e7;
}

/* Form Styles */
.unione-form-group {
	margin-bottom: 20px;
}

.unione-form-label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: #1C2B4A;
	margin-bottom: 5px;
}

.unione-form-input {
	width: 100%;
	padding: 12px 15px;
	border: 2px solid #e2e8f0;
	border-radius: 8px;
	font-size: 14px;
}

.unione-form-input:focus {
	outline: none;
	border-color: #C9A84C;
}

.unione-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	padding: 12px 20px !important;
	border-radius: 8px !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	background: #C9A84C !important;
	color: #fff !important;
	border: none !important;
	cursor: pointer !important;
	width: 100% !important;
}

.unione-button:hover {
	background: #b8963a !important;
}

.unione-modal-body {
	overflow-y: auto;
	max-height: 60vh;
	padding: 20px 30px;
}

/* Status Badge */
.unione-status-badge {
	display: inline-block;
	padding: 3px 8px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 500;
}

.unione-status-pending {
	background: #fef3c7;
	color: #d97706;
}

.unione-status-approved {
	background: #d1fae5;
	color: #059669;
}

.unione-status-rejected {
	background: #fee2e2;
	color: #dc2626;
}

/* Subscriber Notice */
.unione-subscriber-notice {
	background: #fef8e7;
	border-left: 4px solid #C9A84C;
	padding: 15px 20px;
	border-radius: 8px;
	margin-bottom: 25px;
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.unione-subscriber-notice i {
	font-size: 24px;
	color: #C9A84C;
}

.unione-subscriber-notice p {
	margin: 0;
	flex: 1;
	color: #1C2B4A;
	font-size: 14px;
}

.unione-subscriber-notice a {
	color: #C9A84C;
	font-weight: 600;
	text-decoration: none;
}

/* Section Divider */
.unione-section-divider {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
	margin-top: 10px;
}

.unione-section-divider h2 {
	font-size: 16px;
	font-weight: 700;
	color: #1C2B4A;
	white-space: nowrap;
}

.unione-section-divider::after {
	content: "";
	flex: 1;
	height: 2px;
	background: linear-gradient(90deg, #C9A84C 0%, rgba(201,168,76,0.1) 100%);
	border-radius: 2px;
}

.unione-section-divider i {
	color: #C9A84C;
	font-size: 16px;
}

/* Mobile Overlay */
.unione-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99;
}

.unione-overlay.active {
	display: block;
}

/* Responsive Design */
@media (max-width: 1024px) {
	.unione-sidebar {
		width: 260px;
	}
	.unione-main {
		width: calc(100% - 260px);
	}
}

@media (max-width: 768px) {
	.unione-dashboard-wrapper {
		padding: 0;
	}

	.unione-top-header {
		padding: 12px 15px;
	}

	.unione-header-right .unione-header-action {
		display: none;
	}

	.unione-mobile-menu {
		display: block;
	}

	.unione-dashboard-layout {
		flex-direction: column;
	}

	.unione-sidebar {
		position: fixed;
		top: 0;
		left: -100%;
		width: 280px;
		height: 100vh;
		z-index: 100;
		transition: left 0.3s ease;
		border-radius: 0 16px 16px 0;
	}

	.unione-sidebar.active {
		left: 0;
	}

	.unione-main {
		width: 100%;
		padding: 20px;
	}

	.unione-welcome h1 {
		font-size: 24px;
	}

	.unione-stats {
		grid-template-columns: 1fr;
	}

	.unione-actions {
		grid-template-columns: 1fr;
	}

	.unione-modal-content {
		width: 95%;
	}

	.unione-modal-header {
		padding: 15px 20px;
	}

	.unione-modal-header h2 {
		font-size: 18px;
	}

	.unione-membership-banner {
		flex-direction: column;
		text-align: center;
	}
}