:root{--navy:#071c32;--navy-2:#0d2a46;--blue:#1266db;--cyan:#62c8ed;--ice:#e9f3f6;--white:#f8fbfd;--muted:#a8bdc9;--gold:#d6ac64;--ink:#132c42;--body:#586d7b;--paper:#f4f7f8;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.topbar{height:82px;padding:0 clamp(22px,6.5vw,100px);display:flex;align-items:center;justify-content:space-between;background:#071c32;color:#fff;position:absolute;inset:0 0 auto;z-index:10;border-bottom:1px solid #ffffff14}.brand{display:flex;align-items:center;gap:10px;font:800 17px var(--display);letter-spacing:.12em}.brand img{border-radius:50%;object-fit:cover}.brand-light{display:block;font:600 8px var(--sans);letter-spacing:.37em;color:#9ab1bf;margin-top:3px}.topbar nav{display:flex;align-items:center;gap:36px;font-size:13px;color:#c7d8e2}.topbar nav>a:not(.nav-cta):hover,.text-link:hover{color:#fff}.nav-cta{padding:12px 17px;border:1px solid #ffffff50;border-radius:3px;color:white}.nav-cta span{padding-left:10px;color:var(--cyan)}.menu-toggle{display:none;background:none;color:white;border:0;font-size:24px}.hero{min-height:710px;background:radial-gradient(ellipse at 77% 49%,#123d60 0%,#0b2a47 28%,#071c32 67%);color:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:125px clamp(25px,10vw,155px) 80px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#70caec66,transparent)}.hero-copy{max-width:590px;position:relative;z-index:2}.eyebrow{font:700 10px var(--sans);letter-spacing:.23em;color:#87bcd4}.eyebrow span{display:inline-block;width:23px;height:1px;background:var(--cyan);vertical-align:middle;margin-right:9px}.hero h1,.section-heading h2,.intro h2,.product h2,.closing h2{font:600 clamp(42px,5.3vw,70px)/1.1 var(--display);letter-spacing:-.055em;margin:26px 0 20px}.hero h1 em,.intro h2 em,.section-heading h2 em,.product h2 em{font-style:normal;color:#70c9ed}.hero-lede{max-width:495px;color:#b5c7d2;font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:32px}.button{display:inline-flex;align-items:center;gap:28px;padding:15px 19px;font-weight:700;font-size:12px;letter-spacing:.02em;border-radius:3px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:#1473e6;color:#fff;box-shadow:0 9px 35px #0069d843}.primary span{color:#a8e6ff}.text-link{font-size:12px;color:#d4e1e7}.text-link span{color:var(--cyan);margin-left:8px}.hero-proof{margin-top:58px;display:flex;gap:12px;align-items:center;color:#8fa8b6;font-size:11px}.proof-icon{font-size:19px;color:var(--gold)}.hero-art{height:460px;max-width:500px;width:100%;justify-self:end;position:relative;display:grid;place-items:center}.hero-emblem{width:min(83%,380px);aspect-ratio:1;border-radius:50%;overflow:hidden;display:grid;place-items:center;box-shadow:0 0 100px #0982df20,0 0 0 1px #ffffff20;z-index:1;background:#092541}.hero-emblem img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:.9}.orbit{position:absolute;border:1px solid #85d9ff26;border-radius:50%;width:93%;aspect-ratio:1}.orbit-two{width:108%;border-color:#c9edfa16}.coordinate{position:absolute;color:#85a9bb;letter-spacing:.22em;font:9px var(--sans)}.coord-top{top:20px;right:0}.coord-bottom{bottom:4px;left:4%}.spark{position:absolute;color:var(--gold)}.spark-one{top:22%;left:8%}.spark-two{bottom:24%;right:8%;font-size:20px;color:var(--cyan)}.scroll-cue{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.24em;color:#7996a9;display:flex;align-items:center;gap:10px}.scroll-cue span{width:28px;height:1px;background:#5dbfe8}.section-wrap{max-width:1160px;margin:auto;padding-left:28px;padding-right:28px}.intro{padding-top:115px;padding-bottom:118px;display:grid;grid-template-columns:.62fr 1.38fr;gap:45px}.intro-label{font:700 9px var(--sans);letter-spacing:.17em;color:#7d929e}.intro-label span{color:#1879d1}.intro-main{display:grid;grid-template-columns:1fr .8fr;gap:45px;align-items:center}.intro h2,.section-heading h2,.product h2{font-size:clamp(37px,4.4vw,53px);color:var(--ink);margin:0}.intro h2 em,.section-heading h2 em,.product h2 em{color:#1681c1}.intro-main>p,.section-heading>p{font-size:14px;line-height:1.85;color:var(--body);margin:0}.solutions{padding:95px 0 110px;background:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:43px}.section-heading h2{margin-top:22px}.section-heading>p{max-width:340px;padding-bottom:5px}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.solution-card{min-height:310px;padding:27px 28px 25px;position:relative;overflow:hidden;background:var(--navy);color:#fff}.solution-card.systems{background:#10355a}.solution-card.data{background:#0e3042}.card-top{display:flex;justify-content:space-between;align-items:center;color:#a2bdc9;font-size:10px;letter-spacing:.14em}.line-icon{font-size:27px;color:#65c4ea}.solution-card h3{font:600 27px/1.16 var(--display);letter-spacing:-.03em;margin:35px 0 12px}.solution-card p{font-size:12px;line-height:1.8;color:#b1c3cc;max-width:290px;margin:0}.card-link{position:absolute;bottom:25px;font-size:10px;font-weight:700;color:#d8eaf1}.card-link span{margin-left:8px;color:#68c9ed}.card-watermark{position:absolute;right:14px;bottom:-56px;font:800 165px var(--display);color:#ffffff08}.product{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,9vw,125px);align-items:center;padding-top:130px;padding-bottom:130px}.product-visual{height:450px;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#0d2d4b,#071c32);overflow:hidden}.product-visual:before{content:"";position:absolute;width:360px;height:360px;border:1px solid #53bde829;border-radius:50%}.product-orbit{position:absolute;width:425px;height:425px;border:1px solid #ffffff12;border-radius:50%}.qr-frame{position:relative;z-index:1;padding:23px;background:#fff;box-shadow:0 18px 70px #010b1870;transform:rotate(-3deg)}.qr-pattern{width:170px;height:170px;background-color:white;background-image:linear-gradient(90deg,#102d45 14%,transparent 14%,transparent 29%,#102d45 29%,#102d45 40%,transparent 40%,transparent 55%,#102d45 55%,#102d45 71%,transparent 71%),linear-gradient(#102d45 14%,transparent 14%,transparent 28%,#102d45 28%,#102d45 43%,transparent 43%,transparent 61%,#102d45 61%,#102d45 72%,transparent 72%);background-size:37px 37px;position:relative}.qr-pattern:before,.qr-pattern:after,.qr-pattern i:nth-child(1){content:"";position:absolute;width:39px;height:39px;border:8px solid #102d45;background:#fff;box-shadow:inset 0 0 0 7px #102d45;top:0;left:0}.qr-pattern:after{left:auto;right:0}.qr-pattern i:nth-child(1){top:auto;bottom:0}.qr-frame>span{display:block;text-align:center;font:700 7px var(--sans);letter-spacing:.18em;color:#445a6b;margin-top:14px}.product-chip{position:absolute;top:27px;left:28px;color:#9bc6db;letter-spacing:.17em;font-size:8px}.product-caption{position:absolute;bottom:26px;left:28px;color:#8ba8b8;font-size:8px;letter-spacing:.15em;line-height:1.8}.product-copy>.intro-label{margin-bottom:25px}.product h2{font-size:clamp(36px,4.1vw,49px)}.product-copy>p{color:var(--body);font-size:13px;line-height:1.9;margin:23px 0}.benefits{padding:0;list-style:none;color:#344c5e;font-size:12px;line-height:2.8}.benefits li span{color:#1684c5;margin-right:10px}.delivery{border-top:1px solid #dfe8eb;border-bottom:1px solid #dfe8eb;padding:17px 0;margin:23px 0;display:flex;align-items:center;gap:13px;color:#657987;font-size:11px;line-height:1.7}.delivery-mark{width:39px;height:39px;background:#e7f3f7;border-radius:50%;display:grid;place-items:center;color:#1577ba;font:800 20px var(--display)}.delivery strong{color:#203e53;font-size:12px}.dark{background:var(--navy);color:white}.dark span{color:#75ccec}.closing{background:#0b2945;color:white;position:relative;overflow:hidden}.closing-inner{text-align:center;padding:91px 22px 100px;position:relative;z-index:1}.closing-star{color:var(--gold);font-size:23px}.closing .eyebrow{margin-top:18px}.closing h2{font-size:clamp(38px,5vw,57px);margin:15px 0}.closing-inner>p:not(.eyebrow){color:#afc3ce;font-size:13px;margin-bottom:27px}.light{background:#fff;color:var(--navy)}.light span{color:#1478ba}.closing-waves{position:absolute;width:120%;height:120px;bottom:-88px;left:-10%;border-top:1px solid #57b8db24;border-radius:50% 50% 0 0;box-shadow:0 -12px 0 -11px #57b8db22,0 -25px 0 -24px #57b8db20}footer{min-height:98px;background:#06182a;color:#93aab8;padding:25px clamp(24px,8vw,110px);display:flex;align-items:center;gap:22px;font-size:10px}footer p{margin-right:auto}.footer-brand{font:800 13px var(--display);letter-spacing:.1em;color:white}.footer-brand span{font:600 8px var(--sans);letter-spacing:.2em;color:#8ea8b7;margin-left:5px}.copyright{color:#6f899a}
@media(max-width:800px){.topbar{height:72px}.topbar nav{gap:18px}.hero{grid-template-columns:1fr;padding-top:130px;padding-bottom:80px;min-height:auto}.hero-copy{padding-top:20px}.hero h1{max-width:570px}.hero-art{height:340px;justify-self:center;margin-top:28px;width:min(100%,430px)}.hero-proof{margin-top:37px}.intro{grid-template-columns:1fr;gap:22px;padding-top:78px;padding-bottom:80px}.intro-main{gap:25px}.solutions{padding:77px 0}.section-heading{align-items:start}.solution-grid{gap:10px}.solution-card{padding:22px;min-height:320px}.product{gap:40px;padding-top:85px;padding-bottom:85px}.product-visual{height:390px}.qr-pattern{width:145px;height:145px}.qr-frame{padding:19px}.product-orbit{width:350px;height:350px}}
@media(max-width:600px){.menu-toggle{display:block}.topbar nav{display:none;position:absolute;top:71px;left:0;right:0;padding:20px 25px 25px;background:#071c32;flex-direction:column;align-items:stretch;gap:18px}.topbar nav.open{display:flex}.nav-cta{text-align:center}.hero{padding-left:25px;padding-right:25px}.hero h1{font-size:47px}.hero-lede{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-art{height:310px}.coordinate{font-size:7px}.section-wrap{padding-left:23px;padding-right:23px}.intro-main{grid-template-columns:1fr;gap:17px}.intro h2,.section-heading h2,.product h2{font-size:39px}.section-heading{display:block}.section-heading>p{margin-top:22px}.solution-grid{grid-template-columns:1fr}.solution-card{min-height:265px}.solution-card h3{margin-top:27px}.product{grid-template-columns:1fr;gap:38px;padding-top:65px;padding-bottom:70px}.product-visual{height:355px}.closing-inner{padding:72px 24px 84px}footer{align-items:flex-start;flex-direction:column;gap:8px;padding:26px 24px}footer p{margin:0}.copyright{margin-top:7px}.scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.solution-card{min-height:390px}.solution-points{position:relative;z-index:1;list-style:none;padding:0;margin:16px 0 52px;color:#b1c3cc;font-size:11px;line-height:1.65}.solution-points li{padding:6px 0 6px 14px;position:relative;border-top:1px solid #ffffff12}.solution-points li:before{content:"";position:absolute;left:0;top:14px;width:4px;height:4px;border-radius:50%;background:#68c9ed}@media(max-width:800px){.solution-card{min-height:410px}}@media(max-width:600px){.solution-card{min-height:370px}}
body{position:relative;background:#041629;color:#f4f8fc}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,11,26,.52),rgba(2,15,33,.28) 45%,rgba(2,13,30,.2)),url("./assets/dge-home-background.png") center/cover no-repeat}.topbar{background:rgba(4,20,38,.72);backdrop-filter:blur(12px)}.hero{grid-template-columns:1fr;min-height:720px;background:linear-gradient(90deg,rgba(3,17,34,.42),rgba(3,17,34,.08));padding-top:145px}.hero-copy{max-width:650px}.hero h1{max-width:650px}.hero-lede{color:#d0e0e9}.hero-proof{color:#c5d6e0}.intro{background:linear-gradient(140deg,rgba(3,19,36,.76),rgba(5,30,49,.59));border:1px solid rgba(119,199,228,.22);border-radius:8px;margin-bottom:54px;backdrop-filter:blur(12px)}.intro-label{color:#bad0dc}.intro-main>p,.section-heading>p{color:#c4d5df}.intro h2,.section-heading h2{color:#f5f9fc}.solutions{background:linear-gradient(180deg,rgba(3,17,33,.35),rgba(3,17,33,.71))}.solution-card,.solution-card.systems,.solution-card.data{background:linear-gradient(145deg,rgba(6,31,53,.78),rgba(4,20,38,.7));border:1px solid rgba(94,192,226,.35);backdrop-filter:blur(14px)}.solution-card p{color:#ccdae2}.solution-points{color:#c4d5df}.solution-card h3{color:#f5f9fc}.closing{background:linear-gradient(145deg,rgba(4,23,42,.83),rgba(5,31,52,.79));border-top:1px solid rgba(102,193,224,.28);border-bottom:1px solid rgba(102,193,224,.2)}footer{background:rgba(3,17,31,.87);backdrop-filter:blur(12px)}.closing-star{height:100px;display:grid;place-items:center;margin-bottom:12px}.closing-star img{width:88px;height:88px;filter:drop-shadow(0 0 18px rgba(233,186,119,.3))}.closing h2{color:#fff}.closing-inner>p:not(.eyebrow){color:#c5d5de}.hero .scroll-cue{color:#c4d5df}@media(max-width:600px){.hero{min-height:680px}.intro{margin-left:16px;margin-right:16px;padding-top:50px;padding-bottom:50px}.closing-star img{width:78px;height:78px}}

/* Fixed appearance control: sun, moon, and device preference. */
.theme-control{position:fixed;right:22px;bottom:22px;z-index:30;display:flex;align-items:center;gap:3px;padding:5px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(4,20,38,.88);box-shadow:0 8px 28px rgba(0,0,0,.2);backdrop-filter:blur(14px)}
.theme-control button{width:38px;height:38px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;color:#c8d8e1;background:transparent;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.theme-control button:hover{color:#fff;background:rgba(255,255,255,.12)}
.theme-control button[aria-pressed="true"]{color:#0d2b42;background:#f2c66e;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.theme-control svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme-control button:focus-visible{outline:2px solid #72d2f1;outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* A warm, pale palette keeps the sea and MAREO artwork visible while restoring contrast. */
html[data-theme="light"] body{background:#f5f7f4;color:#183449}
html[data-theme="light"] body:before{background:linear-gradient(90deg,rgba(247,249,246,.86),rgba(247,249,246,.74) 50%,rgba(247,249,246,.79)),url("./assets/dge-home-background.png") center/cover no-repeat}
html[data-theme="light"] .topbar{background:rgba(248,250,247,.9);color:#183449;border-bottom-color:rgba(23,55,75,.14)}
html[data-theme="light"] .brand-light{color:#587180}
html[data-theme="light"] .topbar nav{color:#385567}
html[data-theme="light"] .topbar nav>a:not(.nav-cta):hover{color:#0c5d99}
html[data-theme="light"] .nav-cta{color:#16415c;border-color:rgba(22,65,92,.34)}
html[data-theme="light"] .nav-cta span{color:#0c6fa7}
html[data-theme="light"] .menu-toggle{color:#173a53}
html[data-theme="light"] .hero{color:#17364b;background:linear-gradient(90deg,rgba(247,249,246,.58),rgba(247,249,246,.18))}
html[data-theme="light"] .eyebrow{color:#386c82}
html[data-theme="light"] .eyebrow span{background:#177ea3}
html[data-theme="light"] .hero h1 em{color:#116d91}
html[data-theme="light"] .hero-lede{color:#365466}
html[data-theme="light"] .hero-proof{color:#496475}
html[data-theme="light"] .proof-icon{color:#9a6817}
html[data-theme="light"] .text-link{color:#294b61}
html[data-theme="light"] .text-link span{color:#126d93}
html[data-theme="light"] .primary{background:#12669a;color:#fff;box-shadow:0 9px 30px rgba(11,79,122,.18)}
html[data-theme="light"] .intro{background:rgba(250,251,248,.9);border-color:rgba(37,101,126,.2);box-shadow:0 18px 50px rgba(24,58,77,.08)}
html[data-theme="light"] .intro-label{color:#526e7d}
html[data-theme="light"] .intro-label span{color:#0e6d99}
html[data-theme="light"] .intro-main>p,html[data-theme="light"] .section-heading>p{color:#405b6b}
html[data-theme="light"] .intro h2,html[data-theme="light"] .section-heading h2{color:#17384e}
html[data-theme="light"] .intro h2 em,html[data-theme="light"] .section-heading h2 em{color:#146f91}
html[data-theme="light"] .solutions{background:rgba(232,239,235,.88)}
html[data-theme="light"] .solution-card,html[data-theme="light"] .solution-card.systems,html[data-theme="light"] .solution-card.data{background:linear-gradient(145deg,rgba(255,255,253,.97),rgba(240,246,244,.95));border:1px solid rgba(31,92,115,.2);box-shadow:0 12px 36px rgba(28,63,78,.08)}
html[data-theme="light"] .card-top{color:#587282}
html[data-theme="light"] .line-icon{color:#167895}
html[data-theme="light"] .solution-card h3{color:#18394e}
html[data-theme="light"] .solution-card p,html[data-theme="light"] .solution-points{color:#435f6e}
html[data-theme="light"] .solution-points li{border-color:rgba(24,68,88,.12)}
html[data-theme="light"] .solution-points li:before{background:#1680a0}
html[data-theme="light"] .card-link{color:#174964}
html[data-theme="light"] .card-link span{color:#0a719b}
html[data-theme="light"] .card-watermark{color:rgba(24,63,82,.045)}
html[data-theme="light"] .closing{background:linear-gradient(145deg,rgba(225,237,235,.96),rgba(237,243,238,.96));border-color:rgba(34,104,125,.17)}
html[data-theme="light"] .closing h2{color:#17384e}
html[data-theme="light"] .closing-inner>p:not(.eyebrow){color:#405c6b}
html[data-theme="light"] .closing .eyebrow{color:#386c82}
html[data-theme="light"] .closing .button.light{background:#12669a;color:#fff}
html[data-theme="light"] .closing .button.light span{color:#d5f1ff}
html[data-theme="light"] .closing-waves{border-color:rgba(32,118,146,.18);box-shadow:0 -12px 0 -11px rgba(32,118,146,.16),0 -25px 0 -24px rgba(32,118,146,.14)}
html[data-theme="light"] footer{background:rgba(246,248,244,.96);color:#4b6573;border-top:1px solid rgba(31,84,103,.14)}
html[data-theme="light"] .footer-brand{color:#17384e}
html[data-theme="light"] .footer-brand span{color:#587180}
html[data-theme="light"] .copyright{color:#657d89}
html[data-theme="light"] .theme-control{background:rgba(250,251,248,.94);border-color:rgba(27,70,91,.2);box-shadow:0 8px 28px rgba(22,55,70,.17)}
html[data-theme="light"] .theme-control button{color:#3c5d70}
html[data-theme="light"] .theme-control button:hover{color:#17384e;background:rgba(21,77,104,.1)}
html[data-theme="light"] .theme-control button[aria-pressed="true"]{color:#fff;background:#12669a}
@media(max-width:600px){.theme-control{right:14px;bottom:14px}.theme-control button{width:36px;height:36px}html[data-theme="light"] .topbar nav{background:rgba(248,250,247,.98);box-shadow:0 12px 24px rgba(20,55,72,.1)}}

/* The daytime scene belongs only to light mode; the original night artwork stays in dark mode. */
html[data-theme="light"] body:before{background:linear-gradient(90deg,rgba(247,249,246,.82) 0%,rgba(247,249,246,.63) 43%,rgba(247,249,246,.13) 77%,rgba(247,249,246,.08) 100%),linear-gradient(0deg,rgba(247,249,246,.16),rgba(247,249,246,.02) 58%),url("./assets/mareo-daylight-background.png") center 43%/cover no-repeat}
html[data-theme="light"] .hero-copy{max-width:900px}
html[data-theme="light"] .hero{background:transparent}
html[data-theme="light"] .hero h1{max-width:900px;font:500 clamp(42px,3.2vw,58px)/1.08 var(--sans);letter-spacing:-.047em;margin:23px 0 20px}
html[data-theme="light"] .hero h1 em{color:#087397}
@media(max-width:600px){html[data-theme="light"] .hero h1{font-size:clamp(37px,9vw,48px);line-height:1.08}}

/* Keep the light page on one content axis, including wide and zoomed-out views. */
html[data-theme="light"] .hero{padding-inline:max(28px,calc((100% - 1104px)/2))}
html[data-theme="light"] .hero-copy{max-width:740px}
html[data-theme="light"] .hero h1{max-width:740px}
html[data-theme="light"] .intro{display:block;padding-top:64px;padding-bottom:64px;background:rgba(250,252,249,.84)}
html[data-theme="light"] .intro>.intro-label{margin-bottom:28px}
html[data-theme="light"] .intro-main{grid-template-columns:1fr 1fr;gap:64px}
html[data-theme="light"] .solutions{background:rgba(232,242,241,.42)}
html[data-theme="light"] .section-heading{padding:24px;border-radius:8px;background:rgba(248,251,249,.86)}
html[data-theme="light"] .closing{background:rgba(227,241,240,.35)}
html[data-theme="light"] .closing-inner{max-width:1160px;margin:0 auto;background:radial-gradient(ellipse,rgba(246,250,246,.94) 15%,rgba(238,246,242,.75) 55%,rgba(238,246,242,0) 75%)}
@media(max-width:600px){html[data-theme="light"] .hero{padding-inline:25px}html[data-theme="light"] .intro-main{grid-template-columns:1fr;gap:22px}html[data-theme="light"] .intro{padding-top:40px;padding-bottom:40px}html[data-theme="light"] .section-heading{padding:22px}html[data-theme="light"] .closing-inner{background:rgba(242,248,244,.8)}}