body:has(.globe-canvas-wrapper){background:transparent!important}body:has(.globe-canvas-wrapper)>#swup,body:has(.globe-canvas-wrapper)>footer{position:relative;z-index:1}.globe-canvas-wrapper{height:100vh;left:0;opacity:1;pointer-events:none;position:fixed;top:0;transition:opacity .6s cubic-bezier(.4,0,.2,1);width:100%;z-index:0}.globe-canvas-wrapper #globe-canvas{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.globe-canvas-wrapper #globe-canvas canvas{display:block;height:100%!important;pointer-events:none;width:100%!important}body.globe-ready .globe-canvas-wrapper{opacity:1}.container-landing{z-index:10}.container-landing .dss-selector,.container-landing .hero-banner{opacity:1;transition:opacity .6s cubic-bezier(.4,0,.2,1)}.container-landing .globe-info-panel:not(.visible){opacity:0}.container-landing .globe-info-panel.visible{opacity:1}#swup:has(.container-landing){background:transparent!important}html.is-leaving .globe-canvas-wrapper{opacity:0;transition:opacity .3s ease}html.is-rendering .globe-canvas-wrapper{opacity:0}.about-container{color:#0f172a;margin:0 auto;max-width:1200px;padding:var(--space-10) var(--space-6);position:relative;z-index:1}.intro-section{animation:fadeInUp .8s ease .2s both;background:#fff;margin-bottom:var(--space-16);padding:var(--space-4)}.intro-section .intro-badge{align-items:center;background:#fff;border:1.5px solid #0077be;border-radius:999px;color:#0077be;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:1px;margin-bottom:var(--space-4);padding:6px var(--space-4);text-transform:uppercase}.intro-section .section-heading{background:linear-gradient(90deg,#0b1f3a,#0077be 35%,#1aa9c9 70%,#0f8f8c);-webkit-background-clip:text;background-clip:text;color:#0b1f3a;font-family:var(--font-headings);font-size:clamp(26px,3.6vw,var(--text-4xl));font-weight:var(--font-extrabold);-webkit-text-fill-color:transparent;line-height:var(--leading-tight);margin-bottom:var(--space-6)}.intro-section .intro-text{color:#1b4f73;font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.intro-section .intro-text strong{color:#0077be;font-weight:var(--font-semibold)}.intro-section .intro-visual{display:grid;gap:var(--space-4);grid-template-columns:1fr;padding:var(--space-4)}.intro-section .intro-visual .visual-card{background:#fff;border:1px solid #d6e8f5;border-radius:20px;box-shadow:0 16px 40px rgba(15,23,42,.08);padding:var(--space-6);text-align:center;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.intro-section .intro-visual .visual-card:hover{border-color:rgba(15,143,140,.35);box-shadow:0 24px 60px rgba(15,23,42,.12);transform:translateY(-6px)}.intro-section .intro-visual .visual-card i{color:var(--surf-primary);margin-bottom:var(--space-4)}.intro-section .intro-visual .visual-card .visual-image{border-radius:12px;box-shadow:0 8px 24px rgba(15,23,42,.12);display:block;height:auto;margin:0 auto var(--space-4);max-width:400px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.intro-section .intro-visual .visual-card:hover .visual-image{box-shadow:0 16px 36px rgba(15,23,42,.16);transform:scale(1.015)}.intro-section .intro-visual .visual-card h3{color:#0b1f3a;font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.intro-section .intro-visual .visual-card p{color:#1b4f73;font-size:var(--text-base);margin:0}.section-header{background:#fff;margin-bottom:var(--space-10);text-align:center}.section-header .section-title{background:linear-gradient(90deg,#0b1f3a,#0077be 35%,#1aa9c9 70%,#0f8f8c);-webkit-background-clip:text;background-clip:text;color:#0b1f3a;font-family:var(--font-headings);font-size:clamp(26px,3.6vw,var(--text-4xl));font-weight:var(--font-extrabold);-webkit-text-fill-color:transparent;display:block;margin-bottom:var(--space-3);margin-left:auto;margin-right:auto;text-align:center;width:100%}.section-header .section-description{color:#1b4f73;font-size:var(--text-lg);margin:0 auto;max-width:700px}.features-section{animation:fadeInUp .8s ease .4s both;background:#fff;margin-bottom:var(--space-16);padding:var(--space-4)}.features-section .features-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.features-section .feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 18px 40px rgba(15,23,42,.08);padding:var(--space-6);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.features-section .feature-card:hover{border-color:rgba(15,118,110,.35);box-shadow:0 28px 70px rgba(15,23,42,.14);transform:translateY(-8px)}.features-section .feature-card .feature-icon{align-items:center;background:#f1f5f9;border-radius:16px;box-shadow:inset 0 0 0 1px #e2e8f0;display:flex;height:70px;justify-content:center;margin-bottom:var(--space-4);width:70px}.features-section .feature-card .feature-icon i,.features-section .feature-card .feature-icon svg{color:var(--surf-primary);font-size:42px;height:42px;width:42px}.features-section .feature-card .feature-title{color:var(--surf-primary);font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-3)}.features-section .feature-card .feature-description{color:#475569;font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}.features-section .feature-card .feature-link{color:var(--surf-primary);font-weight:var(--font-semibold);text-decoration:none;transition:color .3s ease}.features-section .feature-card .feature-link:hover{color:var(--surf-primary-light);text-decoration:underline}.applications-section{animation:fadeInUp .8s ease .6s both;background:#fff;margin-bottom:var(--space-16);padding:var(--space-4)}.applications-section .applications-grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.applications-section .application-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 14px 30px rgba(15,23,42,.07);padding:var(--space-5);text-align:center;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.applications-section .application-card:hover{border-color:rgba(15,118,110,.3);box-shadow:0 22px 45px rgba(15,23,42,.12);transform:translateY(-6px)}.applications-section .application-card:hover .app-icon{transform:scale(1.1)}.applications-section .application-card .app-icon{align-items:center;background:#f1f5f9;border-radius:50%;box-shadow:inset 0 0 0 1px #e2e8f0;display:flex;height:80px;justify-content:center;margin:0 auto var(--space-4);transition:transform .3s ease;width:80px}.applications-section .application-card .app-icon i,.applications-section .application-card .app-icon svg{color:var(--surf-primary);font-size:46px;height:46px;width:46px}.applications-section .application-card h3{color:var(--surf-primary);font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.applications-section .application-card p{color:#475569;font-size:var(--text-sm);line-height:var(--leading-normal);margin:0}.workflow-section{animation:fadeInUp .8s ease .8s both;background:#fff;margin-bottom:var(--space-10);padding:var(--space-4)}.workflow-section .workflow-container{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 18px 40px rgba(15,23,42,.08);padding:var(--space-8)}.workflow-section .workflow-steps{margin-bottom:var(--space-8)}.workflow-section .workflow-step{display:flex;gap:var(--space-5);margin-bottom:var(--space-6)}.workflow-section .workflow-step .step-number{align-items:center;background:#f1f5f9;border-radius:50%;box-shadow:inset 0 0 0 1px #e2e8f0;color:#0f172a;display:flex;flex-shrink:0;font-size:var(--text-2xl);font-weight:var(--font-extrabold);height:60px;justify-content:center;width:60px}.workflow-section .workflow-step .step-content{flex:1}.workflow-section .workflow-step .step-content h3{color:#0f172a;font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.workflow-section .workflow-step .step-content p{color:#475569;font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.workflow-section .workflow-step .step-content ul{list-style:none;margin:0;padding-left:0}.workflow-section .workflow-step .step-content ul li{color:#475569;font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-2);padding-left:var(--space-5);position:relative}.workflow-section .workflow-step .step-content ul li:before{color:var(--surf-primary);content:"→";font-weight:var(--font-bold);left:0;position:absolute}.workflow-section .workflow-step .step-content ul li strong{color:var(--surf-primary);font-weight:var(--font-semibold)}.workflow-section .workflow-connector{background:#cbd5f5;height:40px;margin-bottom:var(--space-4);margin-left:29px;width:2px}.workflow-section .workflow-diagram figure{margin:0;text-align:center}.workflow-section .workflow-diagram figure .workflow-svg{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;height:auto;max-width:100%;padding:var(--space-4);width:100%}.workflow-section .workflow-diagram figure figcaption{color:#64748b;font-size:var(--text-sm);font-style:italic;margin-top:var(--space-4)}@media(max-width:768px){.about-container{padding:var(--space-6) var(--space-4)}.intro-section .section-heading{font-size:var(--text-2xl)}.intro-section .intro-text{font-size:var(--text-base)}.intro-section .intro-visual{grid-template-columns:1fr;margin-top:var(--space-6);padding:0}.section-header{text-align:center}.section-header .section-title{font-size:var(--text-2xl);margin-left:auto;margin-right:auto;text-align:center}.section-header .section-description{font-size:var(--text-base)}.applications-section .applications-grid,.features-section .features-grid{gap:var(--space-4);grid-template-columns:1fr}.workflow-section .workflow-container{padding:var(--space-4)}.workflow-section .workflow-step{flex-direction:column;gap:var(--space-3)}.workflow-section .workflow-step .step-number{font-size:var(--text-xl);height:50px;width:50px}.workflow-section .workflow-connector{height:30px;margin-left:24px}}@media(min-width:769px)and (max-width:1024px){.applications-section .applications-grid,.features-section .features-grid{grid-template-columns:repeat(2,1fr)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.explore-button{background-color:rgba(0,51,204,.6);border:none;border-radius:5px;color:#1a2332;cursor:pointer;padding:6px;z-index:1000}.explore-button:hover{background-color:#0056b3}.reset-button{background-color:rgba(0,51,204,.6);border:none;border-radius:5px;color:#1a2332;cursor:pointer;padding:6px;position:fixed;right:20px;top:100px;z-index:1000}.reset-button:hover{background-color:#0056b3}.c-section{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;padding:50px 0}.login_btn{background:#c0392b!important;color:#fff!important;width:100%}.user-logo{background-image:url("data:image/svg+xml;utf8, <svg width=%27100%27 height=%27100%27 xmlns=%27http://www.w3.org/2000/svg%27><circle cx=%2750%27 cy=%2750%27 r=%2750%27 fill=%27none%27/><circle cx=%2724%27 cy=%2724%27 r=%277.5%27 fill=%27white%27 style=%27filter:blur%28.5px%29%27/><path d=%27M78 58.4999C69.5 72.4999 56 78.4999 53.5 80.9999C51 83.4999 50 89.9999 59.5 87.4999C69 84.9999 82.5 76.4999 86.5 67.4999C90.5 58.5 86.5 44.5 78 58.4999Z%27 fill=%27rgba%28255,255,255,.9%29%27 style=%27filter:blur%280px%29%27/></svg>"),radial-gradient(circle at 70% 96%,#fff .5%,rgba(255,255,200,.4) 2%,transparent 9%),radial-gradient(at 30% 20%,#fff 1%,#ffffc8 2%,transparent 20%,transparent 50%,rgba(0,200,200,.3) 73%,rgba(0,80,80,.3) 84%),radial-gradient(circle at 0 0,rgba(0,0,255,.7) 2%,transparent 80%);background-size:cover;border:3px solid hsla(0,0%,100%,.5);border-radius:50%;height:50px;padding:10px;position:absolute;text-align:center;top:-30px;width:50px}.user-logo:hover{cursor:pointer}.user_login_card{height:380px;width:370px}.user_login_card,.user_registration_card{align-items:center;background:rgba(48,137,225,.3);border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-moz-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);display:flex;flex-direction:column;justify-content:center;margin-bottom:auto;margin-top:auto;padding:10px;position:fixed}.user_registration_card{height:690px;width:390px}.contactUs_card{height:480px;width:400px}.contactUs_card,.user_recoverPWD_card{align-items:center;background:rgba(48,137,225,.3);border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-moz-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);display:flex;flex-direction:column;justify-content:center;margin-bottom:auto;margin-top:auto;padding:10px;position:fixed}.user_recoverPWD_card{height:360px;width:390px}.user_resetPWD_card{background:rgba(48,137,225,.3);border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-moz-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);display:flex;flex-direction:column;height:350px;justify-content:center;margin-bottom:auto;margin-top:auto;padding:10px;position:relative;width:350px}#visualization-filters .nav-link{cursor:pointer}.container-landing{background:transparent!important;display:flex;flex:1;flex-direction:column;height:100vh;margin:0;max-width:100%!important;padding:0;position:relative;width:100%}.container-landing .col,.container-landing .row{background:transparent!important;height:100%;position:relative}.slides_caseStudy{display:none}.next,.prev{border-radius:0 3px 3px 0;color:#1a2332;cursor:pointer;font-size:18px;font-weight:700;margin-top:-22px;padding:16px;position:absolute;top:50%;transition:.6s ease;user-select:none;width:auto}.prev{left:0}.next,.prev{border-radius:3px 0 0 3px}.next{right:0}.next:hover,.prev:hover{background-color:rgba(0,0,0,.8)}.downl_btn{border-color:#eea236;border-width:2px;cursor:pointer;font-size:17px}.downl_btn:hover{background-color:#eea236}.text{bottom:8px;color:#f2f2f2;font-size:15px;padding:8px 12px;position:absolute;text-align:center;width:100%}.dot{background-color:blue;border-radius:50%;cursor:pointer;display:inline-block;height:15px;margin:0 2px;width:15px}.active1,.dot:hover{background-color:#717171}@media only screen and (max-width:300px){.next,.prev,.text{font-size:11px}}.section-title-legacy{animation:fadeInUp .6s ease both;margin-bottom:48px;padding:0 16px;text-align:center}.section-title-legacy h2{color:#f9fafb;font-size:clamp(28px,5vw,42px);font-weight:800;letter-spacing:2px;text-transform:uppercase;-webkit-text-stroke:2px #1e3a8a;margin-bottom:20px;position:relative;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.2)}.section-title-legacy h2:after{background:#fff;border-radius:2px;content:"";display:block;height:4px;margin:12px auto 0;width:100px}.section-title-legacy p{color:#4b5563;font-size:clamp(16px,2.5vw,20px);font-weight:400;line-height:1.7;margin:0 auto}.logo-container{border:2px solid #007bff;border-radius:50%;display:inline-block;height:60px;margin-bottom:15px;overflow:hidden;width:60px}.logo-container img{height:100%;object-fit:cover;width:100%}.team-img{border-radius:50%;height:150px;object-fit:cover;width:150px}.btn-unsubscribe-calm{align-items:center;background-color:#6c757d;border-color:#6c757d;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);color:#1a2332;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:.75rem 1rem;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.hero-banner{left:0;padding:var(--space-4) var(--space-6);padding-bottom:var(--space-6);pointer-events:none;position:absolute;right:0;top:20px;z-index:20}.hero-banner-content{margin:0 auto;margin-bottom:var(--space-4);max-width:1200px;pointer-events:auto;text-align:center}.hero-banner-title{color:#fff;font-family:var(--font-headings);font-size:var(--text-3xl);font-weight:var(--font-extrabold);line-height:var(--leading-tight);margin:0;text-shadow:0 2px 15px rgba(0,0,0,.5)}.hero-title-gradient{background:var(--gradient-ocean);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.hero-banner-subtitle{color:#fff;font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-normal);margin:var(--space-2) 0 0;margin-left:auto;margin-right:auto;max-width:800px}.dss-selector{left:0;padding:var(--space-3) var(--space-6);padding-top:var(--space-4);pointer-events:none;position:absolute;right:0;top:140px;z-index:20}.dss-selector-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin:0 auto;max-width:1200px;pointer-events:auto}.dss-selector-label{color:hsla(0,0%,100%,.7);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.5px;margin:0;text-transform:uppercase}.dss-applications{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.dss-pill{align-items:center;background:rgba(0,180,160,.2);border:1px solid rgba(0,180,160,.4);border-radius:999px;color:var(--surf-white);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.dss-pill i,.dss-pill svg{font-size:var(--text-base)}.dss-pill span{display:inline-block}.dss-pill[data-region=oil-spill] i,.dss-pill[data-region=oil-spill] svg{color:#ff6b35}.dss-pill[data-region=oil-spill].active{background:rgba(255,107,53,.25);border-color:#ff6b35;box-shadow:0 0 20px rgba(255,107,53,.5)}.dss-pill[data-region=oil-spill].active i,.dss-pill[data-region=oil-spill].active svg{color:#ff6b35}.dss-pill[data-region=search-rescue] i,.dss-pill[data-region=search-rescue] svg{color:#4299e1}.dss-pill[data-region=search-rescue].active{background:rgba(66,153,225,.25);border-color:#4299e1;box-shadow:0 0 20px rgba(66,153,225,.5)}.dss-pill[data-region=search-rescue].active i,.dss-pill[data-region=search-rescue].active svg{color:#4299e1}.dss-pill[data-region=navigation] i,.dss-pill[data-region=navigation] svg{color:#805ad5}.dss-pill[data-region=navigation].active{background:rgba(128,90,213,.25);border-color:#805ad5;box-shadow:0 0 20px rgba(128,90,213,.5)}.dss-pill[data-region=navigation].active i,.dss-pill[data-region=navigation].active svg{color:#805ad5}.dss-pill[data-region=fisheries] i,.dss-pill[data-region=fisheries] svg{color:#48bb78}.dss-pill[data-region=fisheries].active{background:rgba(72,187,120,.25);border-color:#48bb78;box-shadow:0 0 20px rgba(72,187,120,.5)}.dss-pill[data-region=fisheries].active i,.dss-pill[data-region=fisheries].active svg{color:#48bb78}.dss-pill[data-region=tourism] i,.dss-pill[data-region=tourism] svg{color:#f6ad55}.dss-pill[data-region=tourism].active{background:rgba(246,173,85,.25);border-color:#f6ad55;box-shadow:0 0 20px rgba(246,173,85,.5)}.dss-pill[data-region=tourism].active i,.dss-pill[data-region=tourism].active svg{color:#f6ad55}.dss-pill:hover{background:rgba(0,180,160,.35);border-color:rgba(0,180,160,.6);box-shadow:0 4px 12px rgba(0,180,160,.3);transform:translateY(-2px)}.globe-info-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,rgba(0,119,190,.95),rgba(0,180,160,.95));border:2px solid hsla(0,0%,100%,.3);border-left:none;border-radius:0 20px 20px 0;box-shadow:0 20px 60px rgba(0,119,190,.4),0 0 80px rgba(0,180,160,.3),inset 0 1px 0 hsla(0,0%,100%,.3);cursor:pointer;left:-650px;max-width:600px;opacity:0;padding:var(--space-6);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .6s cubic-bezier(.4,0,.2,1);visibility:hidden;width:600px;z-index:100}.globe-info-panel.visible{left:0;opacity:1;pointer-events:auto;visibility:visible}.globe-info-panel:hover{box-shadow:0 25px 70px rgba(0,119,190,.5),0 0 100px rgba(0,180,160,.4),inset 0 1px 0 hsla(0,0%,100%,.4)}.globe-info-panel:before{background:linear-gradient(135deg,#00b4a0,#0077be,#00b4a0);border-radius:0 20px 20px 0;bottom:-2px;content:"";filter:blur(10px);left:-2px;opacity:.5;position:absolute;right:-2px;top:-2px;z-index:-1}.info-panel-content{position:relative}.info-panel-content .stat-label{align-items:center;color:#fff;display:inline-flex;gap:var(--space-2)}.info-panel-content .stat-label:before{background:var(--dss-icon-color,#00b4a0);border-radius:2px;content:"";flex-shrink:0;height:12px;width:12px}.info-panel-content .stat-label i,.info-panel-content .stat-label svg{color:var(--dss-icon-color,#00b4a0)}.info-description{background:rgba(0,0,0,.15);border-left:3px solid hsla(0,0%,100%,.5);border-radius:12px;color:hsla(0,0%,100%,.95);font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-relaxed);margin-bottom:var(--space-5);padding:var(--space-3)}.info-stats{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:var(--space-4)}.stat-item{align-items:flex-start;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.stat-item .stat-label i,.stat-item .stat-label svg{font-size:var(--text-2xl);margin-bottom:var(--space-1)}.stat-value{color:var(--surf-white);font-size:var(--text-xl);font-weight:var(--font-extrabold);text-shadow:0 1px 3px rgba(0,0,0,.3)}.stat-label{color:hsla(0,0%,100%,.8);font-weight:var(--font-semibold);letter-spacing:1px}.dss-benefit-label,.stat-label{font-size:var(--text-sm);text-transform:uppercase}.dss-benefit-label{color:hsla(0,0%,100%,.9);display:block;font-weight:var(--font-bold);letter-spacing:.5px;margin-bottom:var(--space-2)}.dss-benefit-text{background:rgba(0,0,0,.2);border-left:3px solid hsla(0,0%,100%,.4);border-radius:8px;color:hsla(0,0%,100%,.95);display:block;font-size:var(--text-base);line-height:var(--leading-relaxed);margin-top:var(--space-2);padding:var(--space-3)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-fade-in{animation:fadeInUp 1s cubic-bezier(.4,0,.2,1) both}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.hero-banner-content{animation-delay:.1s}.dss-selector-content{animation-delay:.4s}@media(max-width:768px){.hero-banner{padding:var(--space-3) var(--space-4);padding-bottom:var(--space-4);top:10px}.hero-banner-content{margin-bottom:var(--space-3)}.hero-banner-title{font-size:var(--text-2xl);line-height:1.3}.hero-banner-subtitle{font-size:var(--text-sm);line-height:1.4;margin-top:var(--space-1)}.dss-selector{padding:var(--space-3) var(--space-3);padding-top:var(--space-3);top:105px}.dss-selector-content{flex-direction:column;gap:var(--space-2)}.dss-selector-label{font-size:var(--text-xs)}.dss-applications{gap:var(--space-2);width:100%}.dss-pill{flex:1;font-size:var(--text-xs);min-width:calc(50% - var(--space-1));padding:var(--space-1) var(--space-3)}.dss-pill,.dss-pill span{color:var(--theme-text-primary)}.dss-pill span{display:none}.dss-pill i{font-size:var(--text-lg)}.globe-info-panel{border:2px solid hsla(0,0%,100%,.3);border-radius:20px 20px 0 0;bottom:0;left:-100%;max-width:none;padding:var(--space-4);top:auto;transform:none;width:100%}.globe-info-panel.visible{left:0}.globe-info-panel:before{border-radius:20px 20px 0 0}.info-description{font-size:var(--text-sm)}.info-stats{gap:var(--space-2);grid-template-columns:1fr}.stat-item{padding:var(--space-2)}.stat-value{font-size:var(--text-base)}}@media(max-width:480px){.hero-banner{padding:var(--space-2) var(--space-3);padding-bottom:var(--space-4);top:10px}.hero-banner-content{margin-bottom:var(--space-2)}.hero-banner-title{font-size:var(--text-xl);line-height:1.25}.hero-banner-subtitle{font-size:var(--text-xs);line-height:1.35;margin-top:var(--space-1)}.dss-selector{padding:var(--space-2) var(--space-2);padding-top:var(--space-2);top:90px}.dss-pill{justify-content:center;min-width:45%;padding:var(--space-1) var(--space-2)}.dss-pill i{font-size:var(--text-base)}}@media(min-width:769px)and (max-width:1024px){.hero-banner{top:15px}.hero-banner-title{font-size:var(--text-2xl)}.dss-selector{top:125px}.dss-pill span{font-size:var(--text-xs)}.globe-info-panel{left:-500px;max-width:450px;width:450px}.globe-info-panel.visible{left:0}}.scenario-toggle-control{display:flex;justify-content:center;margin-top:var(--space-4)}.scenario-toggle-control .scenario-toggle-label{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:999px;cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all .3s ease}.scenario-toggle-control .scenario-toggle-label:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.scenario-toggle-control .scenario-toggle-label .scenario-checkbox{accent-color:var(--surf-primary);cursor:pointer;height:18px;width:18px}.scenario-toggle-control .scenario-toggle-label .scenario-toggle-text{color:hsla(0,0%,100%,.95);font-size:var(--text-sm);font-weight:var(--font-medium);user-select:none}.scenario-overlay{pointer-events:none;position:fixed;transition:all .3s ease;z-index:100}.scenario-overlay .scenario-box{backdrop-filter:blur(20px);background:hsla(0,0%,100%,.95);border:1px solid rgba(0,180,160,.3);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.15);max-width:200px;padding:var(--space-3);position:relative;transition:all .3s ease}.scenario-overlay .scenario-box .scenario-image{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);height:100px;margin-bottom:var(--space-2);object-fit:cover;width:100%}.scenario-overlay .scenario-box .scenario-label{color:#0f172a;font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--leading-tight);text-align:center}.scenario-overlay .scenario-box .scenario-pointer{background:linear-gradient(270deg,#ef4444,transparent);bottom:50%;height:2px;left:-80px;position:absolute;width:80px}.scenario-overlay .scenario-box .scenario-pointer:before{background:#ef4444;border-radius:50%;box-shadow:0 0 10px rgba(239,68,68,.6);content:"";height:8px;position:absolute;right:-2px;top:50%;transform:translateY(-50%);width:8px}@media(max-width:768px){.scenario-toggle-control{margin-top:var(--space-3)}.scenario-toggle-control .scenario-toggle-label{padding:var(--space-1-5) var(--space-3)}.scenario-toggle-control .scenario-toggle-label .scenario-toggle-text{font-size:var(--text-xs)}.scenario-toggle-control .scenario-toggle-label .scenario-checkbox{height:16px;width:16px}.scenario-overlay .scenario-box{max-width:160px;padding:var(--space-2)}.scenario-overlay .scenario-box .scenario-image{height:80px}.scenario-overlay .scenario-box .scenario-label{font-size:var(--text-xs)}.scenario-overlay .scenario-box .scenario-pointer{left:-60px;width:60px}}