.usecases-section {
	--uc-bg: var(--bg-dark);
	--uc-surface: var(--charcoal-card);
	--uc-surface-2: var(--charcoal-mid);
	--uc-surface-3: #20222c;
	--uc-border: var(--charcoal-border);
	--uc-border-soft: rgba(52,56,74,0.6);
	--uc-text: var(--text-light);
	--uc-text-dim: rgba(255,255,255,0.72);
	--uc-text-faint: rgba(255,255,255,0.55);
	--uc-accent: var(--indigo-hover);
	--uc-accent-dim: rgba(99,102,241,0.16);
	--uc-accent-line: rgba(99,102,241,0.42);
	--uc-growth: #4ade80;
	--uc-growth-dim: rgba(74,222,128,0.15);
	--uc-growth-line: rgba(74,222,128,0.42);
	--uc-decay: #7dd3fc;
	--uc-decay-dim: rgba(125,211,252,0.15);
	--uc-decay-line: rgba(125,211,252,0.42);
}

.usecases-section *{box-sizing:border-box;}
.usecases-section .mono{font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;}
.usecases-section h1, .usecases-section h2, .usecases-section h3{font-family:'Poppins',-apple-system,sans-serif; font-weight:700; text-wrap:balance; margin:0; letter-spacing:-0.01em;}
.usecases-section .eyebrow{
	font-family:'Poppins',sans-serif; font-size:14px; font-weight:600;
	letter-spacing:0.11em; text-transform:uppercase; color:var(--indigo-accent); margin:0 0 10px;
	background:rgba(219,221,241,0.88); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:inline-block; padding:5px 14px; border-radius:6px;
}
.usecases-section p{margin:0; color:var(--uc-text-dim); max-width:64ch;}
.usecases-section section{padding-block:56px; border-bottom:1px solid var(--uc-border-soft);}
.usecases-section section:last-of-type{border-bottom:none;}

.usecases-section .glossary-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-top:26px;}
.usecases-section .gloss-card{background:var(--uc-surface); border:1px solid var(--uc-border); border-radius:10px; padding:18px 18px 16px;}
.usecases-section .gloss-card .tag{
	display:inline-flex; align-items:center; gap:6px; font-family:'Poppins',sans-serif;
	font-size:13px; font-weight:600; letter-spacing:0.06em; color:var(--indigo-accent); margin-bottom:9px;
	background:rgba(219,221,241,0.88); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); padding:5px 12px 5px 6px; border-radius:6px;
}
.usecases-section .gloss-card .tag .n{
	width:18px; height:18px; border-radius:4px; background:var(--uc-accent-dim); border:1px solid var(--uc-accent-line);
	display:inline-flex; align-items:center; justify-content:center; font-size:10px; color:var(--indigo-accent);
}
.usecases-section .gloss-card p{font-size:13.5px;}

.usecases-section .picker-section{padding-bottom:0;}
.usecases-section .case-tabs{display:flex; flex-wrap:wrap; gap:9px; margin-top:22px;}
.usecases-section .case-tab{
	font-family:'Poppins',sans-serif; font-size:12.5px; font-weight:600; letter-spacing:0.02em;
	background:var(--uc-surface); border:1px solid var(--uc-border); color:var(--uc-text-dim);
	padding:10px 16px; border-radius:99px; cursor:pointer; display:flex; align-items:center; gap:8px;
	transition:background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.usecases-section .case-tab .num{font-size:10.5px; color:var(--uc-text-faint);}
.usecases-section .case-tab:hover{border-color:var(--uc-accent-line); color:var(--uc-text);}
.usecases-section .case-tab.active{background:var(--uc-growth-dim); border-color:var(--uc-growth-line); color:var(--uc-growth);}
.usecases-section .case-tab.active .num{color:var(--uc-growth);}

.usecases-section .carousel{padding-top:34px;}
.usecases-section .case-slide{animation:usecasesFadein 0.25s ease;}
@media (prefers-reduced-motion:reduce){ .usecases-section .case-slide{animation:none;} }
@keyframes usecasesFadein{ from{opacity:0; transform:translateY(4px);} to{opacity:1; transform:none;} }

.usecases-section .case-head{display:flex; align-items:baseline; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:6px;}
.usecases-section .case-head h2{font-size:23px; font-weight:700; max-width:24ch;}
.usecases-section .case-head .domain-tag{
	font-family:'Poppins',sans-serif; font-size:11px; font-weight:600; letter-spacing:0.08em;
	color:var(--uc-text-faint); text-transform:uppercase; white-space:nowrap;
}
.usecases-section .case-location{
	display:flex; align-items:center; gap:6px; font-size:12.5px; color:var(--uc-text-faint); margin-bottom:14px;
}
.usecases-section .case-location i{color:var(--uc-accent); font-size:11px;}
.usecases-section .narrative{margin-top:16px; font-size:14.5px;}

.usecases-section .flow{margin-top:34px; display:flex; flex-direction:column;}
.usecases-section .tier summary.tier-label{
	font-family:'Poppins',sans-serif; font-size:10.5px; font-weight:600; letter-spacing:0.1em;
	text-transform:uppercase; color:var(--uc-text-faint); margin-bottom:0;
	cursor:pointer; list-style:none; display:flex; align-items:center; gap:7px; user-select:none;
}
.usecases-section .tier[open] summary.tier-label{margin-bottom:10px;}
.usecases-section .tier summary.tier-label::-webkit-details-marker{display:none;}
.usecases-section .tier summary.tier-label .chev{transition:transform 0.15s ease; color:var(--uc-text-faint); font-size:9px;}
.usecases-section .tier[open] summary.tier-label .chev{transform:rotate(90deg);}
.usecases-section .tier summary.tier-label:hover{color:var(--uc-text);}
.usecases-section .tier-row{display:flex; flex-wrap:wrap; gap:12px; align-items:flex-start;}
.usecases-section .connector{display:flex; justify-content:center; padding-block:2px;}
.usecases-section .connector svg{display:block; color:var(--uc-border);}

.usecases-section .ncard{
	background:var(--uc-surface); border:1px solid var(--uc-border); border-radius:9px;
	padding:13px 15px; min-width:190px; flex:1 1 190px;
}
.usecases-section .ncard .nrole{font-family:'Poppins',sans-serif; font-size:10px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:var(--uc-text-faint); margin-bottom:5px;}
.usecases-section .ncard .nname{font-weight:600; font-size:14.5px; margin-bottom:9px;}
.usecases-section .ncard .nstats{display:flex; flex-wrap:wrap; gap:6px 14px; align-items:center;}
.usecases-section .pill{
	display:inline-flex; align-items:center; gap:4px; font-family:'Poppins',sans-serif;
	font-size:11.5px; font-weight:600; padding:3px 9px; border-radius:99px; font-variant-numeric:tabular-nums;
}
.usecases-section .pill.growth{background:var(--uc-growth-dim); color:var(--uc-growth); border:1px solid var(--uc-growth-line);}
.usecases-section .pill.decay{background:var(--uc-decay-dim); color:var(--uc-decay); border:1px solid var(--uc-decay-line);}
.usecases-section .stat-num{font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace; font-size:12px; color:var(--uc-text-dim); font-variant-numeric:tabular-nums;}

.usecases-section .impact-wrap{margin-top:10px; padding-left:16px; border-left:2px solid var(--uc-border); margin-left:2px;}
.usecases-section .impact-wrap .impact-label{font-family:'Poppins',sans-serif; font-size:9.5px; color:var(--uc-text-faint); letter-spacing:0.08em; text-transform:uppercase; margin-bottom:6px;}

.usecases-section .empty-card{
	border:1px dashed var(--uc-border); border-radius:9px; padding:14px 15px; flex:1 1 100%;
	font-family:'Poppins',sans-serif; font-size:12.5px; color:var(--uc-text-faint); text-align:center;
}

.usecases-section .track-panel{margin-top:28px; background:var(--uc-surface); border:1px solid var(--uc-border); border-radius:10px; padding:18px 20px;}
.usecases-section .track-label{font-family:'Poppins',sans-serif; font-size:10.5px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; color:var(--uc-text-faint); margin-bottom:14px;}
.usecases-section .track-route{display:flex; align-items:stretch; gap:0; flex-wrap:wrap;}
.usecases-section .track-stop{flex:1 1 160px; min-width:150px; position:relative; padding-right:14px;}
.usecases-section .track-stop .seq{
	display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:99px;
	background:var(--uc-accent-dim); border:1px solid var(--uc-accent-line); color:var(--uc-accent);
	font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace; font-size:10.5px; font-weight:700; margin-bottom:8px;
}
.usecases-section .track-stop .stop-name{font-weight:600; font-size:13.5px; color:var(--uc-text); margin-bottom:3px;}
.usecases-section .track-stop .stop-coord{font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace; font-size:11px; color:var(--uc-text-faint);}
.usecases-section .track-stop .stop-time{font-size:11px; color:var(--uc-text-dim); margin-top:5px;}
.usecases-section .track-arrow{display:flex; align-items:center; color:var(--uc-border); padding:0 8px; flex:0 0 auto;}
@media (max-width:640px){
	.usecases-section .track-route{flex-direction:column; gap:16px;}
	.usecases-section .track-arrow{transform:rotate(90deg); padding:0; align-self:flex-start; margin-left:9px;}
}

.usecases-section details.xml-toggle{margin-top:12px; border:1px solid var(--uc-border); border-radius:9px; overflow:hidden; background:var(--uc-surface);}
.usecases-section details.xml-toggle summary{
	cursor:pointer; list-style:none; padding:12px 16px; font-family:'Poppins',sans-serif;
	font-size:12px; font-weight:600; letter-spacing:0.04em; color:var(--uc-text-dim);
	display:flex; align-items:center; gap:8px; user-select:none;
}
.usecases-section details.xml-toggle summary::-webkit-details-marker{display:none;}
.usecases-section details.xml-toggle summary .chev{transition:transform 0.15s ease; color:var(--uc-text-faint);}
.usecases-section details.xml-toggle[open] summary .chev{transform:rotate(90deg);}
.usecases-section details.xml-toggle summary:hover{color:var(--uc-text);}
.usecases-section .xml-body{border-top:1px solid var(--uc-border); overflow-x:auto;}
.usecases-section .format-tabs{display:flex; gap:6px; padding:12px 16px 0;}
.usecases-section .format-tab{
	font-family:'Poppins',sans-serif; font-size:11px; font-weight:600;
	background:var(--uc-surface-2); border:1px solid var(--uc-border); color:var(--uc-text-dim);
	padding:5px 13px; border-radius:99px; cursor:pointer;
}
.usecases-section .format-tab:hover{color:var(--uc-text);}
.usecases-section .format-tab.active{background:var(--uc-accent-dim); border-color:var(--uc-accent-line); color:var(--uc-accent);}
.usecases-section .copy-btn{
	font-family:'Poppins',sans-serif; font-size:11px; font-weight:600;
	background:var(--uc-surface-2); border:1px solid var(--uc-border); color:var(--uc-text-dim);
	padding:5px 13px; border-radius:99px; cursor:pointer; margin-left:auto;
	display:inline-flex; align-items:center; gap:6px; transition:color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
.usecases-section .copy-btn:hover{color:var(--uc-text); border-color:var(--uc-accent-line);}
.usecases-section .copy-btn.copied{color:var(--uc-growth); border-color:var(--uc-growth-line); background:var(--uc-growth-dim);}
.usecases-section pre.xml{
	margin:0; padding:16px 18px; font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace; font-size:12px; line-height:1.65;
	color:var(--uc-text-dim); white-space:pre; background:var(--uc-bg); overflow-x:auto;
}
.usecases-section pre.xml .tag{color:#8FBFEF;}
.usecases-section pre.xml .attr{color:var(--uc-accent);}
.usecases-section pre.xml .val{color:var(--uc-growth);}
.usecases-section pre.xml .num{color:var(--uc-decay);}

.usecases-section .stepper{
	display:flex; align-items:center; justify-content:space-between; gap:14px;
	margin-bottom:32px; padding-bottom:22px; border-bottom:1px solid var(--uc-border-soft);
}
.usecases-section .step-btn{
	font-family:'Poppins',sans-serif; font-size:12.5px; font-weight:600;
	background:var(--uc-surface); border:1px solid var(--uc-border); color:var(--uc-text);
	padding:10px 16px; border-radius:8px; cursor:pointer; display:flex; align-items:center; gap:8px;
}
.usecases-section .step-btn:hover{border-color:var(--uc-accent-line); color:var(--uc-accent);}
.usecases-section .step-btn:focus-visible, .usecases-section .case-tab:focus-visible{outline:2px solid var(--uc-accent); outline-offset:2px;}
.usecases-section .dots{display:flex; gap:7px;}
.usecases-section .dot{width:7px; height:7px; border-radius:99px; background:var(--uc-border); border:none; padding:0; cursor:pointer;}
.usecases-section .dot.active{background:var(--uc-accent); width:20px; border-radius:99px; transition:width 0.15s ease;}
.usecases-section .step-count{font-family:'Poppins',sans-serif; font-size:11.5px; color:var(--uc-text-faint); white-space:nowrap;}

.usecases-section .uc-closing{padding-block:60px 80px;}
.usecases-section .uc-closing h2{font-size:22px; font-weight:700; margin-bottom:16px; max-width:26ch;}
.usecases-section .uc-closing p{font-size:14.5px; max-width:64ch;}
.usecases-section .uc-closing p + p{margin-top:12px;}
.usecases-section .uc-closing .mark{color:var(--uc-text); font-weight:600;}

.usecases-section .drill-showcase{margin-top:36px;}
.usecases-section .drill-showcase-label{
	font-family:'Poppins',sans-serif; font-size:10.5px; font-weight:600; letter-spacing:0.1em;
	text-transform:uppercase; color:var(--uc-text-faint); margin-bottom:14px;
}
.usecases-section .drill-slide{animation:usecasesFadein 0.25s ease;}
@media (prefers-reduced-motion:reduce){ .usecases-section .drill-slide{animation:none;} }
.usecases-section .drill-panel{background:var(--uc-surface); border:1px solid var(--uc-border); border-radius:10px; padding:16px 17px;}
.usecases-section .drill-stepper{display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:16px;}
.usecases-section .drill-panel-head{display:flex; align-items:center; gap:8px; margin-bottom:4px;}
.usecases-section .drill-panel-head .camera-dot{width:7px; height:7px; border-radius:99px; background:var(--uc-growth); flex-shrink:0; box-shadow:0 0 0 3px var(--uc-growth-dim);}
.usecases-section .drill-panel-name{font-weight:700; font-size:14px; color:var(--uc-text);}
.usecases-section .drill-panel-sub{font-size:11.5px; color:var(--uc-text-faint); margin-bottom:13px;}
.usecases-section .drill-row{display:flex; align-items:baseline; justify-content:space-between; gap:10px; padding:8px 0; border-top:1px solid var(--uc-border-soft);}
.usecases-section .drill-row:first-of-type{border-top:none;}
.usecases-section .drill-row .site-name{font-size:12.5px; color:var(--uc-text-dim); flex:1 1 auto; min-width:0;}
.usecases-section .drill-row .site-name.origin{color:var(--uc-text); font-weight:600;}
.usecases-section .drill-row .site-amt{font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace; font-size:12px; color:var(--uc-growth); font-variant-numeric:tabular-nums; white-space:nowrap;}
.usecases-section .drill-panel-total{display:flex; justify-content:space-between; margin-top:10px; padding-top:10px; border-top:1px solid var(--uc-border); font-size:12px;}
.usecases-section .drill-panel-total .lbl{color:var(--uc-text-faint); font-family:'Poppins',sans-serif; font-weight:600; text-transform:uppercase; letter-spacing:0.06em; font-size:10px;}
.usecases-section .drill-panel-total .val{font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace; color:var(--uc-text); font-weight:600;}
@media (max-width:620px){
	.usecases-section .glossary-grid{grid-template-columns:1fr;}
	.usecases-section .case-head h2{max-width:none;}
	.usecases-section .stepper{flex-wrap:wrap;}
}