.resource-usage-page{--usage-ink:#18313a;--usage-muted:#607982;--usage-teal:#149d96;--usage-mint:#2cc8b8;--usage-blue:#2678a8;--usage-line:#d8eae8;--usage-soft:#f3faf9;background:#fff;color:var(--usage-ink)}
.resource-usage-page .usage-hero{background:radial-gradient(circle at 78% 22%,rgba(38,120,168,.12),transparent 27%),radial-gradient(circle at 91% 66%,rgba(44,200,184,.14),transparent 22%),linear-gradient(135deg,#f3fbfa 0%,#fff 55%,#edf7f6 100%)}
.resource-usage-page .usage-hero::before{background-image:linear-gradient(rgba(20,157,150,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(20,157,150,.05) 1px,transparent 1px);background-size:44px 44px}
.resource-usage-page .detail-hero-inner{grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);gap:46px;padding-bottom:42px}
.resource-usage-page .usage-hero-copy{position:relative;z-index:2}
.resource-usage-page .usage-hero h1{font-size:clamp(40px,4.1vw,58px)}
.resource-usage-page .usage-hero .eyebrow{color:var(--usage-teal)}
.resource-usage-page .usage-hero .hero-lead{color:#245f68}
.resource-usage-page .usage-map{position:relative;margin:0;border:1px solid rgba(63,153,155,.24);border-radius:14px;background:#fff;box-shadow:0 28px 70px rgba(35,75,83,.15)}
.resource-usage-page .usage-map::before{position:absolute;inset:12% -8% -9% 18%;z-index:-1;border-radius:50%;background:rgba(44,200,184,.14);filter:blur(34px);content:""}
.resource-usage-page .usage-map-head{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:16px;padding:0 22px;border-bottom:1px solid var(--usage-line);background:#f7fbfb}
.resource-usage-page .usage-map-head strong{color:#315b63;font-size:12px;letter-spacing:.05em}
.resource-usage-page .usage-map-head span{color:#6e878d;font-size:10px}
.resource-usage-page .usage-map-body{position:relative;display:grid;grid-template-columns:minmax(116px,.72fr) minmax(150px,1fr) minmax(148px,.92fr);align-items:center;gap:24px;min-height:356px;padding:30px 26px 24px;background-image:linear-gradient(rgba(20,157,150,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(20,157,150,.035) 1px,transparent 1px);background-size:28px 28px}
.resource-usage-page .usage-map-body::before,.resource-usage-page .usage-map-body::after{position:absolute;top:44%;height:1px;background:linear-gradient(90deg,#8bcac5,#42aaa5);content:""}
.resource-usage-page .usage-map-body::before{left:25%;width:12%}
.resource-usage-page .usage-map-body::after{right:27%;width:10%}
.resource-usage-page .usage-environments,.resource-usage-page .usage-outcomes{position:relative;z-index:1;display:grid;gap:9px}
.resource-usage-page .usage-environments span{display:flex;min-height:46px;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--usage-line);border-radius:6px;color:#315b63;background:rgba(255,255,255,.96);font-size:10px;font-weight:700;box-shadow:0 6px 16px rgba(36,86,92,.05)}
.resource-usage-page .usage-environments i{display:grid;width:24px;height:24px;flex:0 0 24px;place-items:center;border-radius:50%;color:var(--usage-teal);background:#eaf8f6;font-size:8px;font-style:normal;font-weight:700}
.resource-usage-page .usage-engine{position:relative;z-index:2;display:flex;min-height:182px;flex-direction:column;align-items:center;justify-content:center;padding:18px;border:1px solid rgba(20,157,150,.48);border-radius:50%;background:radial-gradient(circle,#fff 25%,#eaf8f6 74%);text-align:center;box-shadow:0 0 0 9px rgba(44,200,184,.06),0 18px 36px rgba(37,110,112,.11)}
.resource-usage-page .usage-engine small{color:var(--usage-teal);font-size:9px;font-weight:700}
.resource-usage-page .usage-engine strong{max-width:120px;margin:9px 0;color:#1d4650;font-size:18px;line-height:1.35}
.resource-usage-page .usage-engine span{color:#668087;font-size:9px}
.resource-usage-page .usage-outcomes article{display:grid;gap:4px;min-width:0;padding:12px 13px;border:1px solid var(--usage-line);border-left:3px solid var(--usage-teal);border-radius:5px;background:rgba(255,255,255,.96);box-shadow:0 6px 16px rgba(36,86,92,.05)}
.resource-usage-page .usage-outcomes article:nth-child(2){border-left-color:var(--usage-blue)}
.resource-usage-page .usage-outcomes article:nth-child(3){border-left-color:#e58c47}
.resource-usage-page .usage-outcomes span{color:#294d55;font-size:10px;font-weight:700}
.resource-usage-page .usage-outcomes small{color:#789097;font-size:8px;line-height:1.45}
.resource-usage-page .usage-result{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;padding:0 16px;border-left:3px solid var(--usage-mint);background:#eaf8f6;color:#315c63;font-size:10px}
.resource-usage-page .usage-result strong{color:var(--usage-teal);font-size:10px}
.resource-usage-page .usage-result span{color:#466a72}
.resource-usage-page .usage-source-dock{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 30px;border:1px solid var(--usage-line);border-radius:8px;background:rgba(255,255,255,.9)}
.resource-usage-page .usage-source-dock span{display:flex;min-height:58px;align-items:center;justify-content:center;gap:7px;border-right:1px solid var(--usage-line);color:#617d84;font-size:11px}
.resource-usage-page .usage-source-dock span:last-child{border-right:0}
.resource-usage-page .usage-source-dock b{color:var(--usage-teal);font-size:14px}
.resource-usage-page .usage-section-head{display:grid;grid-template-columns:minmax(0,.82fr) minmax(280px,.58fr);align-items:end;gap:60px;margin-bottom:42px}
.resource-usage-page .usage-section-head>div>span{display:block;margin-bottom:10px;color:var(--usage-teal);font-size:11px;font-weight:700;letter-spacing:.12em}
.resource-usage-page .usage-section-head h2{margin:0;color:var(--usage-ink);font-size:clamp(29px,3vw,42px);font-weight:600;line-height:1.3}
.resource-usage-page .usage-section-head>p{margin:0;color:var(--usage-muted);font-size:14px;line-height:1.85}
.resource-usage-page .usage-pain-grid{display:grid;grid-template-columns:repeat(2,1fr);border-block:1px solid var(--usage-line)}
.resource-usage-page .usage-pain-grid article{display:grid;grid-template-columns:46px minmax(0,1fr);gap:18px;min-height:190px;padding:30px 28px;border-right:1px solid var(--usage-line);border-bottom:1px solid var(--usage-line)}
.resource-usage-page .usage-pain-grid article:nth-child(2n){border-right:0}
.resource-usage-page .usage-pain-grid article:nth-last-child(-n+2){border-bottom:0}
.resource-usage-page .usage-pain-grid>article>span{color:var(--usage-teal);font-family:Georgia,"Times New Roman",serif;font-size:18px}
.resource-usage-page .usage-pain-grid small{display:block;margin-bottom:7px;color:#2e8f8b;font-size:11px;font-weight:700;letter-spacing:.1em}
.resource-usage-page .usage-pain-grid h3{margin:0 0 10px;color:#24434b;font-size:18px;line-height:1.45}
.resource-usage-page .usage-pain-grid p{margin:0;color:var(--usage-muted);font-size:13px;line-height:1.8}
.resource-usage-page .usage-value{background:var(--usage-soft)}
.resource-usage-page .usage-value-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.resource-usage-page .usage-value-grid article{display:grid;grid-template-columns:58px 1fr;gap:20px;min-height:170px;padding:28px;border:1px solid var(--usage-line);background:#fff}
.resource-usage-page .usage-value-grid>article>span{display:grid;width:44px;height:44px;place-items:center;border:1px solid #9fd1cd;border-radius:50%;color:var(--usage-teal);font-size:11px}
.resource-usage-page .usage-value-grid small{display:block;margin-bottom:8px;color:#2e8f8b;font-size:11px;font-weight:700;letter-spacing:.08em}
.resource-usage-page .usage-value-grid h3{margin:1px 0 10px;color:#24434b;font-size:19px}
.resource-usage-page .usage-value-grid p{margin:0;color:var(--usage-muted);font-size:13px;line-height:1.8}
.resource-usage-page .usage-platform{background:linear-gradient(135deg,#f7fbfb 0%,#edf6f5 58%,#f8fbfb 100%)}
.resource-usage-page .usage-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.resource-usage-page .usage-feature{display:grid;grid-column:1/-1;grid-template-columns:minmax(290px,.68fr) minmax(0,1.32fr);align-items:center;gap:34px;padding:28px;border:1px solid var(--usage-line);background:#fff;box-shadow:0 16px 38px rgba(33,79,86,.07)}
.resource-usage-page .usage-feature:nth-child(even){grid-template-columns:minmax(0,1.32fr) minmax(290px,.68fr)}
.resource-usage-page .usage-feature:nth-child(even) .usage-feature-copy{order:2}
.resource-usage-page .usage-feature--text,.resource-usage-page .usage-feature--text:nth-child(even){grid-column:auto;grid-template-columns:1fr;align-items:start;min-height:318px;background:linear-gradient(145deg,#fff,#f6fbfa)}
.resource-usage-page .usage-feature--text:nth-child(even) .usage-feature-copy{order:0}
.resource-usage-page .usage-feature--analysis,.resource-usage-page .usage-feature--analysis:nth-child(even){grid-column:1/-1;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);background:linear-gradient(145deg,#fff 0%,#f4fbfa 100%)}
.resource-usage-page .usage-feature--analysis:nth-child(even) .usage-feature-copy{order:0}
.resource-usage-page .usage-analysis-proof{display:grid;gap:16px;padding:22px;border:1px solid #cce4e2;background:#fff}
.resource-usage-page .usage-analysis-proof>strong{color:#24434b;font-size:13px}
.resource-usage-page .usage-analysis-proof ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none}
.resource-usage-page .usage-analysis-proof li{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;min-height:66px;padding:11px 12px;border:1px solid #d6e9e7;background:#f8fbfb}
.resource-usage-page .usage-analysis-proof li>span{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:#fff;background:var(--usage-teal);font-size:9px;font-weight:700}
.resource-usage-page .usage-analysis-proof li div{display:grid;gap:3px;min-width:0}
.resource-usage-page .usage-analysis-proof li b{color:#315b63;font-size:11px}
.resource-usage-page .usage-analysis-proof li small{color:#789097;font-size:9px;line-height:1.45}
.resource-usage-page .usage-analysis-proof p{display:flex;align-items:flex-start;gap:12px;margin:0;padding:13px 2px 0;border-top:1px solid #e0edec;color:#607982;font-size:11px;line-height:1.7}
.resource-usage-page .usage-analysis-proof p strong{flex:0 0 auto;color:#24434b}
.resource-usage-page .usage-feature--analysis .usage-feature-media--wide{grid-column:1/-1}
.resource-usage-page .usage-feature-copy{min-width:0;padding:10px 4px}
.resource-usage-page .usage-feature-copy>span{display:block;color:var(--usage-teal);font-size:11px;font-weight:700;letter-spacing:.1em}
.resource-usage-page .usage-feature-copy h3{margin:18px 0 12px;color:var(--usage-ink);font-size:clamp(22px,2vw,29px);line-height:1.35}
.resource-usage-page .usage-feature-copy>p{margin:0;color:var(--usage-muted);font-size:13px;line-height:1.85}
.resource-usage-page .usage-feature-points{display:grid;gap:9px;margin:22px 0 0;padding:18px 0 0;border-top:1px solid var(--usage-line);list-style:none}
.resource-usage-page .usage-feature-points li{position:relative;padding-left:17px;color:#476973;font-size:12px;line-height:1.65}
.resource-usage-page .usage-feature-points li::before{position:absolute;top:.65em;left:0;width:6px;height:6px;border-radius:50%;background:var(--usage-teal);content:""}
.resource-usage-page .usage-feature-media{min-width:0}
.resource-usage-page .usage-feature-media-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.resource-usage-page .usage-feature-media figure{min-width:0;margin:0;overflow:hidden;border:1px solid #cfe4e2;background:#f5f8f8}
.resource-usage-page .usage-feature-media img{display:block;width:100%;height:auto;aspect-ratio:2.04/1;object-fit:contain;background:#edf2f3}
.resource-usage-page .usage-feature-media figcaption{padding:10px 12px;border-top:1px solid #dbe8e7;color:#5d777e;background:#fff;font-size:11px;line-height:1.5}
.resource-usage-page .usage-resource-scope{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;padding:18px 20px;border:1px solid var(--usage-line);background:rgba(255,255,255,.78);color:var(--usage-muted);font-size:11px}
.resource-usage-page .usage-resource-scope b{margin-right:6px;color:var(--usage-ink);font-size:12px}
.resource-usage-page .usage-resource-scope span{padding:6px 9px;border:1px solid #cfe4e2;background:#fff;color:#476973}
.resource-usage-page .usage-process{background:linear-gradient(180deg,#fff,#f4faf9)}
.resource-usage-page .usage-process-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;list-style:none;counter-reset:step}
.resource-usage-page .usage-process-list li{position:relative;min-height:190px;padding:26px 24px 24px;border:1px solid var(--usage-line);background:rgba(255,255,255,.88)}
.resource-usage-page .usage-process-list li::after{position:absolute;right:-13px;top:50%;z-index:2;width:24px;height:1px;background:#8ccac4;content:""}
.resource-usage-page .usage-process-list li:nth-child(3)::after,.resource-usage-page .usage-process-list li:last-child::after{display:none}
.resource-usage-page .usage-process-list span{color:var(--usage-teal);font-size:11px;font-weight:700}
.resource-usage-page .usage-process-list h3{margin:32px 0 8px;color:#24434b;font-size:18px}
.resource-usage-page .usage-process-list p{margin:0;color:var(--usage-muted);font-size:12px;line-height:1.8}
.resource-usage-page .usage-capabilities{background:var(--usage-soft)}
.resource-usage-page .usage-capability-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--usage-line);background:#fff}
.resource-usage-page .usage-capability-grid article{min-height:195px;padding:27px;border-right:1px solid var(--usage-line);border-bottom:1px solid var(--usage-line);background:#fff}
.resource-usage-page .usage-capability-grid article:nth-child(3n){border-right:0}
.resource-usage-page .usage-capability-grid article:nth-last-child(-n+2){border-bottom:0}
.resource-usage-page .usage-capability-grid span{color:var(--usage-teal);font-family:Georgia,"Times New Roman",serif;font-size:15px}
.resource-usage-page .usage-capability-grid h3{margin:36px 0 9px;color:var(--usage-ink);font-size:18px}
.resource-usage-page .usage-capability-grid p{margin:0;color:var(--usage-muted);font-size:13px;line-height:1.78}
.resource-usage-page .usage-scenario-list{border-top:1px solid var(--usage-line)}
.resource-usage-page .usage-scenario-list article{display:grid;grid-template-columns:52px minmax(260px,.8fr) 1fr;align-items:center;gap:28px;padding:23px 10px;border-bottom:1px solid var(--usage-line)}
.resource-usage-page .usage-scenario-list>article>span{color:var(--usage-teal);font-size:11px}
.resource-usage-page .usage-scenario-list small{color:#769096;font-size:10px;letter-spacing:.08em}
.resource-usage-page .usage-scenario-list h3{margin:5px 0 0;color:#24434b;font-size:18px}
.resource-usage-page .usage-scenario-list p{margin:0;color:var(--usage-muted);font-size:13px;line-height:1.8}
.resource-usage-page .usage-deployment{background:var(--usage-soft)}
.resource-usage-page .usage-deployment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.resource-usage-page .usage-deployment-grid article{min-height:215px;padding:27px;border-top:3px solid var(--usage-teal);background:#fff;box-shadow:0 14px 34px rgba(38,75,82,.06)}
.resource-usage-page .usage-deployment-grid article:nth-child(2){border-color:var(--usage-blue)}
.resource-usage-page .usage-deployment-grid article:nth-child(3){border-color:#e58c47}
.resource-usage-page .usage-deployment-grid span{color:var(--usage-teal);font-size:11px}
.resource-usage-page .usage-deployment-grid h3{margin:42px 0 9px;color:#24434b;font-size:19px}
.resource-usage-page .usage-deployment-grid p{margin:0;color:var(--usage-muted);font-size:13px;line-height:1.8}
.resource-usage-page .usage-cta{color:var(--usage-muted);background:radial-gradient(circle at 82% 18%,rgba(39,184,178,.14),transparent 28%),linear-gradient(118deg,#fff,#e9f6f4)}
.resource-usage-page .usage-cta p{color:var(--usage-teal)}
.resource-usage-page .usage-cta h2{color:var(--usage-ink)}
.resource-usage-page .usage-cta span{color:var(--usage-muted)}
@media(max-width:1024px){.resource-usage-page .detail-hero-inner{grid-template-columns:1fr;gap:36px}.resource-usage-page .usage-map{width:min(720px,100%)}.resource-usage-page .usage-feature,.resource-usage-page .usage-feature:nth-child(even),.resource-usage-page .usage-feature--analysis,.resource-usage-page .usage-feature--analysis:nth-child(even){grid-template-columns:1fr}.resource-usage-page .usage-feature:nth-child(even) .usage-feature-copy{order:0}.resource-usage-page .usage-feature--text,.resource-usage-page .usage-feature--text:nth-child(even){grid-column:auto}.resource-usage-page .usage-capability-grid{grid-template-columns:repeat(2,1fr)}.resource-usage-page .usage-capability-grid article,.resource-usage-page .usage-capability-grid article:nth-child(3n),.resource-usage-page .usage-capability-grid article:nth-last-child(-n+2){border-right:1px solid var(--usage-line);border-bottom:1px solid var(--usage-line)}.resource-usage-page .usage-capability-grid article:nth-child(2n){border-right:0}.resource-usage-page .usage-capability-grid article:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:768px){.resource-usage-page .usage-section-head{grid-template-columns:1fr;gap:18px}.resource-usage-page .usage-map-body{grid-template-columns:1fr 1fr;gap:16px}.resource-usage-page .usage-map-body::before,.resource-usage-page .usage-map-body::after{display:none}.resource-usage-page .usage-engine{min-height:160px;border-radius:12px}.resource-usage-page .usage-outcomes{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.resource-usage-page .usage-result{grid-column:1/-1}.resource-usage-page .usage-source-dock{grid-template-columns:repeat(2,1fr)}.resource-usage-page .usage-source-dock span:nth-child(2){border-right:0}.resource-usage-page .usage-source-dock span:nth-child(-n+2){border-bottom:1px solid var(--usage-line)}.resource-usage-page .usage-value-grid,.resource-usage-page .usage-feature-list,.resource-usage-page .usage-process-list,.resource-usage-page .usage-deployment-grid{grid-template-columns:1fr}.resource-usage-page .usage-feature,.resource-usage-page .usage-feature--text,.resource-usage-page .usage-feature--text:nth-child(even){grid-column:1;min-height:auto;gap:22px;padding:22px}.resource-usage-page .usage-feature-media-pair{grid-template-columns:1fr}.resource-usage-page .usage-process-list li{min-height:auto}.resource-usage-page .usage-process-list li::after{display:none}.resource-usage-page .usage-scenario-list article{grid-template-columns:38px 1fr;gap:16px}.resource-usage-page .usage-scenario-list p{grid-column:2}}
@media(max-width:520px){.resource-usage-page .usage-hero h1{font-size:35px}.resource-usage-page .usage-map-head{align-items:flex-start;flex-direction:column;gap:4px;padding:14px 16px}.resource-usage-page .usage-map-body{grid-template-columns:1fr;padding:16px}.resource-usage-page .usage-environments{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-usage-page .usage-environments span{padding:7px 9px}.resource-usage-page .usage-engine{min-height:140px}.resource-usage-page .usage-outcomes{grid-column:1;grid-template-columns:1fr}.resource-usage-page .usage-result{align-items:flex-start;flex-direction:column;gap:4px;padding:11px 12px}.resource-usage-page .usage-source-dock{grid-template-columns:1fr}.resource-usage-page .usage-source-dock span,.resource-usage-page .usage-source-dock span:nth-child(2){border-right:0;border-bottom:1px solid var(--usage-line)}.resource-usage-page .usage-source-dock span:last-child{border-bottom:0}.resource-usage-page .usage-pain-grid,.resource-usage-page .usage-capability-grid{grid-template-columns:1fr}.resource-usage-page .usage-pain-grid article,.resource-usage-page .usage-pain-grid article:nth-child(2n),.resource-usage-page .usage-pain-grid article:nth-last-child(-n+2){grid-template-columns:38px minmax(0,1fr);min-height:auto;padding:23px 16px;border-right:0;border-bottom:1px solid var(--usage-line)}.resource-usage-page .usage-pain-grid article:last-child{border-bottom:0}.resource-usage-page .usage-value-grid article{grid-template-columns:44px 1fr;padding:22px 18px}.resource-usage-page .usage-feature{padding:18px 14px}.resource-usage-page .usage-feature-copy{padding:4px}.resource-usage-page .usage-feature-copy h3{font-size:22px}.resource-usage-page .usage-analysis-proof{padding:16px 12px}.resource-usage-page .usage-analysis-proof ol{grid-template-columns:1fr}.resource-usage-page .usage-analysis-proof p{flex-direction:column;gap:4px}.resource-usage-page .usage-capability-grid article,.resource-usage-page .usage-capability-grid article:nth-child(2n),.resource-usage-page .usage-capability-grid article:nth-child(3n),.resource-usage-page .usage-capability-grid article:nth-last-child(-n+2){min-height:auto;border-right:0;border-bottom:1px solid var(--usage-line)}.resource-usage-page .usage-capability-grid article:last-child{border-bottom:0}.resource-usage-page .usage-resource-scope{align-items:flex-start;flex-direction:column}.resource-usage-page .usage-scenario-list article{grid-template-columns:1fr;gap:8px}.resource-usage-page .usage-scenario-list p{grid-column:1}.resource-usage-page .detail-cta .button{width:100%}}
@media(prefers-reduced-motion:reduce){.resource-usage-page *,.resource-usage-page *::before,.resource-usage-page *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
