.use-case-modal-header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);z-index:50;background-color:#fffc;flex-shrink:0;justify-content:flex-end;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0}:root[data-theme=dark] .use-case-modal-header{background-color:#111827cc}@media (min-width:768px){.use-case-modal-header{border-radius:.75rem .75rem 0 0}}.use-case-modal-header button{color:var(--secondary-text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.5rem;line-height:1;transition:all .2s;display:flex}.use-case-modal-header button:hover{color:var(--primary-text);background:var(--border-color);transform:rotate(90deg)}.use-case-modal-body{-webkit-overflow-scrolling:touch;background-color:var(--primary-background);flex-grow:1;grid-template-columns:minmax(0,1fr);display:grid;overflow-y:auto}@media (min-width:1024px){.use-case-modal-body{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}.use-case-main-content{border-bottom:1px solid var(--border-color);min-width:0;padding:1.5rem}@media (min-width:1024px){.use-case-main-content{border-bottom:none;border-right:1px solid var(--border-color);padding:2.5rem}}.use-case-sidebar{background-color:var(--surface-background);min-width:0;padding:1.5rem}@media (min-width:1024px){.use-case-sidebar{background-color:var(--primary-background);padding:2.5rem;position:relative}}.sidebar-sticky-content{flex-direction:column;gap:2rem;display:flex}@media (min-width:1024px){.sidebar-sticky-content{position:sticky;top:2rem}}.sidebar-sticky-content h4{text-transform:uppercase;letter-spacing:.05em;color:var(--secondary-text);border-bottom:1px solid var(--border-color);margin-bottom:0;padding-bottom:.75rem;font-size:.875rem;font-weight:700}.sidebar-section{flex-direction:column;gap:.75rem;display:flex}.sidebar-section h5{color:var(--primary-text);margin:0;font-size:.9rem;font-weight:600}.use-case-content-header{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}@media (min-width:640px){.use-case-content-header{flex-direction:row;justify-content:space-between;align-items:flex-start}}.use-case-title-group{align-items:flex-start;gap:1rem;display:flex}.use-case-industry-icon{background-color:var(--interactive-light);border:1px solid var(--border-color);width:3.5rem;height:3.5rem;color:var(--interactive-blue);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.use-case-industry-icon svg{width:2rem;height:2rem}.use-case-title-group h3{color:var(--primary-text);letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.75rem;font-weight:800;line-height:1.1}.use-case-industry-text{color:var(--interactive-blue);text-transform:uppercase;margin:0;font-size:.875rem;font-weight:600}.use-case-tech-logos{background-color:var(--surface-background);border:1px solid var(--border-color);border-radius:9999px;flex-shrink:0;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.use-case-tech-logos svg{width:1.75rem;height:1.75rem}.use-case-tabs{border-bottom:2px solid var(--border-color);gap:0;margin-bottom:2rem;display:flex}.tab-button{color:var(--secondary-text);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.tab-button:hover{color:var(--primary-text);background-color:var(--surface-background)}.tab-button.active{color:var(--interactive-blue);border-bottom-color:var(--interactive-blue)}.use-case-tab-content{animation:.3s ease-out fade-in-up}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tech-level-meter{align-items:center;gap:.75rem;display:flex}.tech-level-bar-container{background-color:var(--border-color-light);border-radius:9999px;flex-grow:1;height:8px;overflow:hidden}.tech-level-bar{background-color:var(--interactive-blue);border-radius:9999px;height:100%;transition:width .5s}.tech-level-text{color:var(--primary-text);text-align:right;width:3.5rem;font-size:.875rem;font-weight:700}.roi-corner{background:linear-gradient(135deg,#14b8a60d 0%,#10b9811a 100%);border:1px solid #10b98133;border-radius:1rem;padding:1.5rem;box-shadow:inset 0 0 20px #10b9810d}:root.dark .roi-corner{background:linear-gradient(135deg,#14b8a61a 0%,#10b98126 100%);border-color:#10b9814d}.roi-description{color:var(--primary-text);margin-bottom:1rem;font-size:.9rem;line-height:1.6}.roi-formula-box{background-color:var(--primary-background);text-align:center;border:1px dashed #16a34a;border-radius:.375rem;padding:.75rem}.roi-formula-box code{color:#15803d;white-space:pre-wrap;word-break:break-all;font-family:Roboto Mono,monospace;font-size:.85rem;font-weight:600;line-height:1.4}:root.dark .roi-formula-box code{color:#4ade80}.tech-list{flex-wrap:wrap;gap:.5rem;margin:0;padding-left:0;display:flex}.tech-list li{background-color:var(--surface-background);color:var(--primary-text);border:1px solid var(--border-color);border-radius:9999px;padding:.35rem .75rem;font-size:.8rem;font-weight:500;list-style:none}.use-case-modal-footer{border-top:1px solid var(--border-color);background-color:var(--surface-background);border-radius:0;flex-shrink:0;padding:1rem 1.5rem}@media (min-width:768px){.use-case-modal-footer{border-radius:0 0 .75rem .75rem}}.share-toolbar{align-items:center;gap:1rem;display:flex}.share-label{color:var(--primary-text);margin-right:.5rem;font-size:.875rem;font-weight:600}.share-icon-link{background-color:var(--primary-background);width:2.5rem;height:2.5rem;color:var(--secondary-text);border:1px solid var(--border-color);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.share-icon-link svg{width:1.25rem;height:1.25rem}.share-icon-link:hover{color:var(--interactive-blue);border-color:var(--interactive-blue);transform:scale(1.1)}.copy-success-message{background-color:var(--primary-text);color:var(--primary-background);opacity:0;visibility:hidden;white-space:nowrap;border-radius:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;transition:opacity .3s,visibility .3s;position:absolute;bottom:120%;left:50%;transform:translate(-50%)}.copy-success-message.visible{opacity:1;visibility:visible}.use-case-modal-sections{flex-direction:column;gap:2.5rem;display:flex}.use-case-modal-sections section h4{font-family:var(--font-serif);color:var(--primary-text);margin:0 0 1rem;font-size:1.5rem;font-weight:700}.use-case-modal-sections p,.use-case-modal-sections div{color:var(--secondary-text);font-size:1.05rem;line-height:1.7}.implementation-guide-container h4{font-family:var(--font-serif);color:var(--primary-text);border-bottom:1px solid var(--border-color-light);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:700}.implementation-guide-content{padding-top:0}.implementation-guide-content.prose h5{color:var(--primary-text);border-left:4px solid var(--interactive-blue);letter-spacing:-.01em;margin-top:3rem;margin-bottom:1.25rem;padding-left:1rem;font-size:1.35rem;font-weight:700}.implementation-guide-content.prose p,.implementation-guide-content.prose li{color:var(--secondary-text);font-size:1.1rem;line-height:1.8}.implementation-guide-content.prose ol,.implementation-guide-content.prose ul{margin-top:1.5rem;margin-bottom:2rem;margin-left:0;padding-left:1.5rem}.implementation-guide-content.prose li{margin-bottom:.75rem}.implementation-guide-content.prose code{color:var(--interactive-blue);background:#7878781a;border-radius:.4rem;padding:.2rem .4rem;font-family:inherit;font-size:.9em}.implementation-guide-content.prose strong{color:var(--primary-text);font-weight:700}.component-wrapper{border-radius:1rem;margin:3rem 0;overflow:hidden;box-shadow:0 10px 30px #0000000d}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (min-width:768px){.modal-overlay{align-items:center;padding:2rem}}.modal-container{background-color:var(--surface-background);flex-direction:column;width:100%;height:100%;animation:.3s cubic-bezier(.25,1,.5,1) forwards slide-in-up;display:flex}@media (min-width:768px){.modal-container{border-radius:.75rem;width:90vw;max-width:80rem;height:90vh;max-height:900px;box-shadow:0 25px 50px -12px #00000040}}@keyframes slide-in-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width:768px){@keyframes slide-in-up{0%{opacity:0;transform:translateY(2rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}}