@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#080f19;--blue:#2e73ee;--light:#a5b3c7;--line:#29313e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:#fff;font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #80acff;outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;z-index:30;background:#fff;color:#000;padding:12px}.skip:focus{top:15px}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}.brand{font-family:'Space Grotesk',Arial,sans-serif;font-size:38px;font-weight:700;letter-spacing:-2px;display:flex;align-items:center;gap:20px}.brand-note{font-family:'DM Sans',Arial,sans-serif;font-size:12px;line-height:1.35;letter-spacing:1px;font-weight:500}nav{display:flex;align-items:center;gap:30px;font-size:14px}nav a:hover,.text-link:hover{color:#8fb6ff}.nav-contact{border:1px solid #647080;padding:11px 21px}.menu{display:none}.hero{padding:30px 5% 0;overflow:hidden}.hero-top,.hero-foot,.system-head,.system-bottom{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.4px}.hero-top{color:#a5b3c7}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:4%;align-items:center;padding:68px 0 74px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;margin:0 0 26px;color:#7faaff}h1,h2,h3{font-family:'Space Grotesk',Arial,sans-serif;line-height:1.08;font-weight:500;margin:0;letter-spacing:-2px}h1{font-size:clamp(64px,6.7vw,106px)}h1 span{color:#5994ff}.hero-copy{color:#aebbd0;max-width:520px;margin:28px 0 32px;font-size:17px}.actions{display:flex;align-items:center;gap:28px}.button{display:inline-block;background:var(--blue);padding:16px 23px;font-size:14px;font-weight:600;transition:background .2s}.button:hover{background:#508efa}.text-link{font-size:14px;border-bottom:1px solid #65758b;padding:7px 0}.system{background:radial-gradient(ellipse at 50% 50%,#102b54 0%,#0b182a 45%,#080f19 75%);padding:20px 0}.system-head{border-bottom:1px solid #233047;padding-bottom:18px;color:#9db2d4}.system-head>span:last-child{color:#5a95ff;font-size:18px}.diagram{height:430px;position:relative;display:grid;place-items:center}.orbit{position:absolute;width:64%;aspect-ratio:1;border:1px solid #3661a6;border-radius:50%;transform:rotate(-30deg) scaleY(.58)}.o2{transform:rotate(30deg) scaleY(.58)}.o3{transform:rotate(90deg) scaleY(.58)}.core{font-family:'Space Grotesk',Arial,sans-serif;font-size:92px;color:#a9ccff;line-height:1;z-index:1;text-shadow:0 0 60px #367eed}.core>span{font-size:43px}.core small{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:12px;letter-spacing:4px;margin-top:18px;text-align:center;color:#88a9d3}.diagram-label{position:absolute;font-size:16px;font-weight:500;z-index:2;background:#0b1626;padding:8px 12px;border-left:2px solid #5593ff}.diagram-label small{display:block;font-size:10px;letter-spacing:1.5px;color:#96a9c5}.storage{top:35px;left:8%}.integration{right:0;top:195px}.safety{bottom:33px;left:14%}.system-bottom{color:#8598b8;border-top:1px solid #233047;padding-top:20px;font-size:10px}.hero-foot{border-top:1px solid var(--line);padding:23px 0;color:#7f8da2}.section{padding:100px 5%}.intro{display:grid;grid-template-columns:1fr 2fr;background:#f4f6f9;color:var(--ink);gap:7%}.intro .eyebrow{color:#3d5f8b;margin-top:8px}.intro h2{font-size:48px}.intro p:not(.eyebrow){color:#516071;font-size:18px;max-width:730px;margin:25px 0 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:55px}h2{font-size:clamp(36px,4vw,62px)}.section-heading>p{color:#a5b3c7;max-width:310px;margin:0 0 4px}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #304055}.tech-grid article{padding:32px;display:flex;flex-direction:column;border-right:1px solid #304055;background:#0d1725}.tech-grid article:last-child{border:0}.card-top{display:flex;justify-content:space-between;font-size:12px;color:#6f97ce;letter-spacing:1px;margin-bottom:56px}.tech-grid h3{font-size:40px;letter-spacing:-1.5px}.card-subtitle{color:#fff!important;font-weight:500}.tech-grid p{color:#a5b3c7}.tech-grid ul{padding:16px 0 25px;margin:0;list-style:none;color:#c5d0df;font-size:14px;flex:1}.tech-grid li{padding:9px 0;border-top:1px solid #233047}.card-footer{font-size:10px;letter-spacing:1.5px;color:#7f96b7;margin-top:20px}.technical-note{font-size:13px;color:#8e9bb0;margin:24px 0 0;max-width:840px}.applications{background:#101c2d}.application-row{display:grid;grid-template-columns:60px 1fr 210px;gap:30px;border-top:1px solid #354254;align-items:center;padding:40px 0;transition:background .2s}.application-row:last-child{border-bottom:1px solid #354254}.application-row:hover{background:#172942}.row-number{color:#6999df;font-size:14px;align-self:start;padding-top:4px}.application-row h3{font-size:36px;letter-spacing:-1px}.application-row p{color:#a5b3c7;margin:12px 0 0;max-width:620px}.row-tag{color:#8da1bd;font-size:12px;letter-spacing:1.2px;text-align:right}.management{background:#f4f6f9;color:var(--ink)}.management .eyebrow{color:#3869ad}.management .section-heading>p{color:#56677c}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.team-grid article{padding:30px 0 15px;border-top:2px solid #2e73ee}.team-index{font-size:12px;letter-spacing:1.3px;color:#5b708d}.team-grid h3{font-size:30px;letter-spacing:-1px;margin-top:55px}.team-grid p{color:#526279;font-size:14px}.contact{background:#2466db}.contact .eyebrow{color:#d4e2ff}.contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:10%}.contact h2{font-size:clamp(42px,5.4vw,82px)}.contact p{color:#d7e5ff}.email{font-size:clamp(22px,3vw,42px);font-family:'Space Grotesk',Arial,sans-serif;border-bottom:1px solid #8ab6ff;display:inline-block;margin-top:18px}.contact-details{border-left:1px solid #6998ea;padding-left:50px}.swiss-mark{font-size:55px;font-weight:700;line-height:1}.contact-details h3{font-size:26px;letter-spacing:-.6px;margin-top:35px}.contact .button{background:white;color:#1d55b7;margin-top:18px}.contact .button:hover{background:#dbe8ff}footer{display:flex;justify-content:space-between;align-items:center;padding:30px 5%;gap:25px;color:#95a3b7;font-size:12px}footer .brand{color:white;font-size:30px}footer>a:last-child{font-size:14px}
@media(min-width:1600px){header,.hero,.section,footer{padding-left:calc((100vw - 1440px)/2);padding-right:calc((100vw - 1440px)/2)}}
@media(max-width:1000px){nav{gap:18px}.brand-note{display:none}.hero-grid{gap:2%}.diagram{height:370px}.actions{gap:15px;flex-wrap:wrap}.tech-grid article{padding:24px}.intro{grid-template-columns:1fr 2fr;gap:4%}.row-tag{font-size:10px}.team-grid h3{font-size:25px}footer{flex-wrap:wrap}}
@media(max-width:720px){header{height:78px;position:relative}.brand{font-size:34px}.menu{display:block;border:1px solid #647080;color:white;background:transparent;padding:8px 16px;font-size:14px}nav{display:none;position:absolute;top:78px;left:0;right:0;padding:22px 5%;background:#101c2d;z-index:10;flex-direction:column;align-items:stretch;gap:15px}nav.open{display:flex}.nav-contact{padding:10px}.hero-top{font-size:10px;gap:12px}.hero-grid{grid-template-columns:1fr;padding:42px 0 30px;gap:45px}h1{font-size:clamp(58px,12vw,86px)}.hero-copy{font-size:16px}.diagram{height:350px}.system{max-width:500px;width:100%;margin:auto}.hero-foot{font-size:10px;gap:20px}.section{padding:65px 6%}.intro{grid-template-columns:1fr;gap:12px}.intro h2{font-size:36px}.intro p:not(.eyebrow){font-size:16px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:25px;max-width:100%}.tech-grid{grid-template-columns:1fr}.tech-grid article{border-right:0;border-bottom:1px solid #304055;padding:28px}.card-top{margin-bottom:35px}.application-row{grid-template-columns:30px 1fr;gap:15px;padding:30px 0}.row-tag{display:none}.application-row h3{font-size:30px}.team-grid{grid-template-columns:1fr;gap:28px}.team-grid h3{margin-top:27px;font-size:30px}.contact-grid{grid-template-columns:1fr;gap:50px}.contact-details{border-left:0;border-top:1px solid #6998ea;padding:30px 0 0}.contact-details h3{margin-top:20px}footer{display:grid;grid-template-columns:1fr 1fr}footer>span:nth-child(2){grid-column:1/-1;grid-row:2}footer>a:last-child{grid-column:2;grid-row:1;text-align:right}footer>span:nth-child(3){grid-column:1/-1}.email{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Brand palette inspired by the supplied GUS logo: vivid blue and green. */
:root{--blue:#007ff0;--green:#32b348}
header .brand,footer .brand{color:#168fff}
.nav-contact{border-color:#007ff0}
.button:hover{background:#0066c7}
h1 span{color:#299bff}
.eyebrow{color:#65b7ff}
.system{background:radial-gradient(ellipse at 50% 50%,#073764 0%,#0b182a 45%,#080f19 75%)}
.system-head>span:last-child{color:#65b7ff}
.orbit{border-color:#007ff0}
.core{color:#a6daff;text-shadow:0 0 60px #007ff0}
.diagram-label{border-left-color:#007ff0}
.diagram-label.safety{border-left-color:var(--green)}
.diagram-label.safety small{color:#80d58d}
.tech-grid article:last-child .card-top{color:#80d58d}
.tech-grid article:last-child{border-top:2px solid var(--green)}
.team-grid article{border-top-color:#007ff0}
.row-number{color:#65b7ff}
.intro .eyebrow,.management .eyebrow{color:#0066c7}
.contact{background:#0078de}
.contact .button{color:#0058ad}
.contact-details{border-color:#70bfff}
.email{border-color:#94d5ff}
a:focus-visible,button:focus-visible{outline-color:#65b7ff}

.concept-figure{margin:0 0 48px;border:1px solid #354254;background:#0b1626}.concept-figure>a{display:block;background:#e9eef4}.concept-figure img{display:block;width:100%;height:auto}.concept-figure figcaption{padding:25px 30px}.concept-label{display:inline-block;font-size:12px;letter-spacing:1.5px;color:#89caff;border-left:3px solid #32b348;padding-left:12px}.concept-figure h4{font-family:Space Grotesk,Arial,sans-serif;font-size:24px;font-weight:500;line-height:1.25;margin:15px 0 10px}.concept-figure p{color:#a5b3c7;max-width:850px;margin:0 0 15px}.concept-figure figcaption>a{font-size:14px;color:#89caff;text-decoration:underline;text-underline-offset:4px}.concept-figure+a.application-row{border-top:0}.applications .application-row:last-of-type{border-bottom:0}@media(max-width:720px){.concept-figure{margin-bottom:30px}.concept-figure figcaption{padding:20px}.concept-figure h4{font-size:21px}}


header .brand{display:block;line-height:0;letter-spacing:normal}.brand-logo{display:block;width:240px;height:56px;object-fit:contain}@media(max-width:720px){.brand-logo{width:216px;height:auto;max-width:58vw}}


/* Align the visible logo, excluding its transparent horizontal margins. */
header{padding-left:28px;padding-right:28px}header .brand{position:relative;width:140px;height:56px;flex:0 0 140px;overflow:hidden}.brand-logo{position:absolute;left:-50px;top:0;width:240px;height:56px;max-width:none}@media(max-width:720px){header{padding-left:18px;padding-right:18px}header .brand{width:126px;height:50.4px;flex-basis:126px}.brand-logo{left:-45px;width:216px;height:50.4px;max-width:none}}


footer .footer-brand{display:block;line-height:0;width:140px;height:56px;overflow:hidden;flex-shrink:0}footer .footer-logo{display:block;width:240px;height:56px;max-width:none}


.diagram-label.refuelling{top:35px;right:4%;border-left-color:var(--green)}.diagram-label.refuelling small{color:#80d58d}@media(max-width:1000px){.diagram-label.storage{left:0}.diagram-label.refuelling{right:0}}@media(max-width:720px){.hero-foot{flex-wrap:wrap}.diagram-label.refuelling{top:35px;right:0}.diagram-label.storage{left:0}}


/* Four balanced quadrants around the central hydrogen symbol. */
.diagram .diagram-label{width:126px;padding:10px 12px;line-height:1.4}.diagram .diagram-label small{margin-top:3px}.diagram .storage{left:3%;right:auto;top:10%;bottom:auto}.diagram .refuelling{right:3%;left:auto;top:10%;bottom:auto}.diagram .safety{left:3%;right:auto;top:auto;bottom:10%}.diagram .integration{right:3%;left:auto;top:auto;bottom:10%}@media(max-width:1000px){.diagram .diagram-label{width:114px;padding:9px 10px;font-size:15px}.diagram .storage,.diagram .safety{left:0}.diagram .refuelling,.diagram .integration{right:0}}@media(max-width:720px){.diagram{height:370px}.diagram .storage,.diagram .refuelling{top:7%}.diagram .safety,.diagram .integration{bottom:7%}}


/* Horizontal labels follow a continuous ellipse rather than a corner grid. */
.diagram{height:440px}.diagram .diagram-label{top:0;left:0;right:auto;bottom:auto;will-change:transform;width:114px;font-size:15px;padding:9px 10px}.diagram .o1{width:calc(100% - 134px);height:calc(100% - 84px);aspect-ratio:auto;transform:none;border-color:#367bc2}.diagram .o2{opacity:.6}.diagram .o3{opacity:.45}.core{font-size:80px}.core>span{font-size:37px}.system-bottom{align-items:center;gap:10px;flex-wrap:wrap}.orbit-toggle{background:transparent;border:1px solid #405472;color:#b3c8e4;padding:5px 8px;font:inherit;font-size:11px;letter-spacing:0;cursor:pointer}.orbit-toggle:hover{background:#152942}@media(max-width:720px){.diagram{height:420px}.core{font-size:68px}.core>span{font-size:32px}.core small{font-size:10px;letter-spacing:2px}}


/* Floating orbital text without moving rectangular panels. */
.diagram .diagram-label{background:transparent;border:0;box-shadow:none;border-radius:0;text-align:center;color:#d9ecff;text-shadow:0 1px 5px #080f19,0 0 12px #080f19}.diagram .diagram-label small{color:#96bce5}.diagram .safety small,.diagram .refuelling small{color:#80d58d}


/* Luminous atomic nodes, with legible labels kept outside each sphere. */
.diagram .diagram-label{--atom-light:#a8e8ff;--atom-main:#168fff;--atom-dark:#04396d;width:136px;padding:0 0 0 37px;text-align:left;min-height:34px;display:flex;flex-direction:column;justify-content:center;font-size:15px;line-height:1.35}.diagram .diagram-label small{font-size:10px;letter-spacing:1px;margin-top:3px}.diagram .safety,.diagram .refuelling{--atom-light:#c1ffd0;--atom-main:#32b348;--atom-dark:#074d23}.atom-sphere{position:absolute;left:2px;top:50%;transform:translateY(-50%);width:27px;height:27px;border-radius:50%;background:radial-gradient(circle at 30% 26%,#f1fcff 0%,var(--atom-light) 12%,var(--atom-main) 40%,var(--atom-dark) 78%,#04101c 100%);box-shadow:inset -3px -4px 6px #0005,0 0 10px color-mix(in srgb,var(--atom-main) 65%,transparent),0 0 25px color-mix(in srgb,var(--atom-main) 25%,transparent);border:1px solid color-mix(in srgb,var(--atom-light) 45%,transparent)}.diagram .o1{width:calc(100% - 156px)}@media(max-width:720px){.diagram .diagram-label{width:126px;padding-left:33px;font-size:14px}.atom-sphere{width:23px;height:23px}.diagram .diagram-label small{font-size:9px;letter-spacing:.7px}}


/* Four technology concepts share a balanced two-column layout. */
.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-grid article{border-right:1px solid #304055;border-top:0;border-bottom:1px solid #304055}.tech-grid article:nth-child(even){border-right:0}.tech-grid article:nth-last-child(-n+2){border-bottom:0}.tech-grid article:nth-child(3) .card-top,.tech-grid article:nth-child(4) .card-top{color:#80d58d}.tech-grid article:last-child{border:0}@media(max-width:720px){.tech-grid{grid-template-columns:1fr}.tech-grid article,.tech-grid article:nth-last-child(-n+2){border-right:0;border-bottom:1px solid #304055}.tech-grid article:last-child{border:0}}