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 .app-icon.navigation i,.applications-section .application-card .app-icon.navigation svg{color:var(--surf-primary)}.applications-section .application-card .app-icon.oil-spill .fa-oil-can{color:#1d4ed8}.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:var(--surf-primary);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:var(--surf-primary);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)}}.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%}@supports(height:100dvh){.container-landing{height:100dvh}}.container-landing .col,.container-landing .row{background:transparent!important;height:100%;position:relative}.hero-banner{padding:var(--space-4) var(--space-6);padding-bottom:var(--space-6);top:20px;z-index:20}.hero-banner,.hero-banner:before{left:0;pointer-events:none;position:absolute;right:0}.hero-banner:before{background:linear-gradient(180deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.2) 60%,transparent);bottom:-40px;content:"";top:-20px;z-index:-1}.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}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-5)}.hero-cta__primary{align-items:center;background:var(--gradient-ocean);border-radius:999px;box-shadow:0 4px 20px rgba(0,119,190,.4);display:inline-flex;font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:transform .2s ease,box-shadow .2s ease}.hero-cta__primary,.hero-cta__primary:hover{color:var(--surf-white);text-decoration:none}.hero-cta__primary:hover{box-shadow:0 6px 28px rgba(0,119,190,.5);transform:translateY(-2px)}.hero-cta__secondary{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);border-radius:999px;color:var(--surf-white);display:inline-flex;font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-6);text-decoration:none;transition:all .2s ease}.hero-cta__secondary:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.5);color:var(--surf-white);text-decoration:none;transform:translateY(-2px)}.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:#1d4ed8}.dss-pill[data-region=oil-spill].active{background:rgba(29,78,216,.25);border-color:#1d4ed8;box-shadow:0 0 20px rgba(29,78,216,.5)}.dss-pill[data-region=oil-spill].active i,.dss-pill[data-region=oil-spill].active svg{color:#1d4ed8}.dss-pill[data-region=search-rescue] i,.dss-pill[data-region=search-rescue] svg{color:red}.dss-pill[data-region=search-rescue].active{background:rgba(255,0,0,.25);border-color:red;box-shadow:0 0 20px rgba(255,0,0,.5)}.dss-pill[data-region=search-rescue].active i,.dss-pill[data-region=search-rescue].active svg{color:red}.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-panel-content .stat-label .fa-oil-can{color:#1d4ed8}.info-description{background:rgba(0,0,0,.15);border-left:3px solid hsla(0,0%,100%,.5);color:hsla(0,0%,100%,.95);font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-relaxed);padding:var(--space-3)}.info-description,.info-illustration{border-radius:12px;margin-bottom:var(--space-4)}.info-illustration{background:rgba(0,0,0,.12);overflow:hidden;padding:var(--space-2)}.info-illustration svg{display:block;height:auto;max-height:120px;width:100%}.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;min-width:calc(50% - var(--space-1));padding:var(--space-1) var(--space-3)}.dss-pill,.dss-pill span{color:var(--theme-text-primary);font-size:var(--text-xs)}.dss-pill span{display:inline}.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-height:45vh;max-width:none;overflow-y:auto;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}.scroll-indicator{bottom:12px}.scroll-indicator span{display:none}.hero-cta{gap:var(--space-2);margin-top:var(--space-3)}.hero-cta__primary,.hero-cta__secondary{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.info-description{font-size:var(--text-sm)}.info-illustration svg{max-height:80px}.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 span{display:none}.dss-pill i{font-size:var(--text-base)}.hero-cta__primary,.hero-cta__secondary{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}}@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}}.scroll-indicator{align-items:center;animation:scrollBounce 2s ease-in-out infinite;bottom:24px;color:hsla(0,0%,100%,.6);display:flex;flex-direction:column;font-family:var(--font-primary);font-size:var(--text-xs);gap:6px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:20}.scroll-indicator i,.scroll-indicator svg{font-size:var(--text-lg)}@keyframes scrollBounce{0%,to{opacity:.6;transform:translateX(-50%) translateY(0)}50%{opacity:1;transform:translateX(-50%) translateY(8px)}}.dss-pill.hint-interact{animation:pillShimmer 2s ease-in-out 3}@keyframes pillShimmer{0%,to{box-shadow:none}50%{box-shadow:0 0 14px rgba(0,180,160,.5)}}.globe-toast{backdrop-filter:blur(10px);background:rgba(15,23,42,.85);border-radius:999px;bottom:80px;color:#fff;font-family:var(--font-primary);font-size:var(--text-sm);left:50%;opacity:0;padding:var(--space-2) var(--space-4);pointer-events:none;position:absolute;transform:translateX(-50%) translateY(10px);transition:opacity .3s ease,transform .3s ease,visibility .3s;visibility:hidden;white-space:nowrap;z-index:30}.globe-toast.is-visible{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.cta-section{background:radial-gradient(ellipse at 20% 80%,rgba(0,180,160,.25) 0,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(0,90,180,.2) 0,transparent 50%),linear-gradient(135deg,#004d7a,#006d6f 50%,#00897b);overflow:hidden;padding:clamp(1.5rem,3vw,2.5rem) var(--space-6);position:relative;text-align:center;z-index:1}.cta-section:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.cta-content{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);border-radius:24px;box-shadow:0 24px 64px rgba(0,0,0,.12),inset 0 1px 0 hsla(0,0%,100%,.1);margin:0 auto;max-width:960px;padding:clamp(2rem,4vw,3.5rem) clamp(1.5rem,3vw,2.5rem)}.cta-title{color:#fff;font-family:var(--font-headings);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:var(--font-extrabold);letter-spacing:-.02em;line-height:var(--leading-tight);margin:0 0 var(--space-4)}.cta-description{color:hsla(0,0%,100%,.78);font-size:clamp(1rem,2vw,1.15rem);line-height:var(--leading-relaxed);margin:0 0 var(--space-8)}.cta-buttons{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.cta-btn{align-items:center;border-radius:999px;cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-2);padding:14px 32px;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.cta-btn--primary{background:#fff;box-shadow:0 4px 24px rgba(0,0,0,.18);color:#005f99}.cta-btn--primary:hover{box-shadow:0 10px 36px rgba(0,0,0,.22);color:#005f99;text-decoration:none;transform:translateY(-3px)}.cta-btn--primary:active{box-shadow:0 4px 16px rgba(0,0,0,.18);transform:translateY(-1px)}.cta-btn--secondary{backdrop-filter:blur(4px);background:hsla(0,0%,100%,.12);border:1.5px solid hsla(0,0%,100%,.3);color:#fff}.cta-btn--secondary:hover{background:hsla(0,0%,100%,.22);border-color:hsla(0,0%,100%,.5);box-shadow:0 8px 24px rgba(0,0,0,.1);color:#fff;text-decoration:none;transform:translateY(-3px)}.cta-btn--secondary:active{transform:translateY(-1px)}@media(max-width:480px){.cta-btn{font-size:var(--text-sm);justify-content:center;padding:12px 24px;width:100%}}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@media(prefers-reduced-motion:reduce){.animate-fade-in,.applications-section,.dss-pill.hint-interact,.features-section,.intro-section,.scroll-indicator,.workflow-section{animation:none!important}.application-card,.feature-card,.visual-card{transition:none!important}.globe-info-panel{transition:opacity .2s ease!important}}