.dot-grid{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.dot-grid__wrap{width:100%;height:100%;position:relative}.dot-grid__canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}
.hero{color:#000;isolation:isolate;background:#fff;width:100%;min-height:100dvh;position:relative;overflow:hidden}.hero-ripple{z-index:0;pointer-events:auto;opacity:.6;width:100%;height:100%;position:absolute;inset:0}.hero-ripple canvas{opacity:.6;width:100%!important;height:100%!important}.hero-content{z-index:2;box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:7rem 5vw 5rem;display:flex;position:relative}.hero-main{flex-direction:column;align-items:flex-start;gap:2rem;width:100%;max-width:1400px;display:flex}.hero-typography{text-align:left;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex}.hero-word{white-space:nowrap;width:max-content;max-width:100%;font-family:var(--font-gcepicpro), sans-serif;letter-spacing:-.01em;color:#000;transform-origin:0;perspective:800px;justify-content:flex-start;align-items:baseline;font-size:clamp(2.5rem,8vw,7.5rem);font-weight:800;line-height:.92;transition:transform .7s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.hero-char{transform-origin:50% 80%;will-change:transform;transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .45s,filter .5s;display:inline-block;position:relative}.hero-line-one,.hero-line-two,.hero-line-three{margin:0}@media (hover:hover) and (pointer:fine){.hero-line-one:hover{transform:translate(5px)scaleX(1.008)}.hero-line-one:hover .hero-char{transform:translateY(-3px)}.hero-line-two:hover{transform:translate(8px)scaleX(1.012)}.hero-line-two:hover .hero-char{transform:translateY(-4px) rotate(calc((var(--char-index) - 3) * .45deg))}.hero-line-three:hover{transform:translate(4px)scaleX(1.006)}.hero-line-three:hover .hero-char{transform:translateY(-3px) rotate(calc((var(--char-index) - 5) * -.25deg))}.hero-word:hover .hero-char:first-child{transition-delay:0s}.hero-word:hover .hero-char:nth-child(2){transition-delay:15ms}.hero-word:hover .hero-char:nth-child(3){transition-delay:30ms}.hero-word:hover .hero-char:nth-child(4){transition-delay:45ms}.hero-word:hover .hero-char:nth-child(5){transition-delay:60ms}.hero-word:hover .hero-char:nth-child(6){transition-delay:75ms}.hero-word:hover .hero-char:nth-child(7){transition-delay:90ms}.hero-word:hover .hero-char:nth-child(8){transition-delay:.105s}.hero-word:hover .hero-char:nth-child(9){transition-delay:.12s}.hero-word:hover .hero-char:nth-child(10){transition-delay:.135s}.hero-word:hover .hero-char:nth-child(11){transition-delay:.15s}}.hero-word:not(:hover) .hero-char{transition-delay:0s;transform:translateY(0)rotate(0)}.hero-introduction{flex-direction:column;align-items:flex-start;gap:1.5rem;width:100%;max-width:540px;margin:0;display:flex}.hero-introduction p{font-family:var(--font-dm-sans), sans-serif;color:#000000b3;text-wrap:pretty;margin:0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.hero-cta{appearance:none;color:#fff;min-height:52px;font-family:var(--font-dm-sans), Arial, sans-serif;cursor:pointer;box-sizing:border-box;background:#111;border:1px solid #111;border-radius:999px;justify-content:center;align-items:center;padding:1rem 2rem;font-size:1rem;font-weight:500;line-height:1;transition:all .3s cubic-bezier(.22,1,.36,1);display:inline-flex}.hero-cta span{color:inherit;font-family:inherit;display:block}.hero-cta:hover{color:#111;background:0 0;transform:translateY(-2px);box-shadow:0 10px 20px #00000014}.hero-cta:active{transform:translateY(0)}.newsletter-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);background:#0006;justify-content:center;align-items:center;padding:1rem;animation:.3s forwards newsletterOverlayIn;display:flex;position:fixed;inset:0}.newsletter-modal{color:#111;background:#fff;border-radius:24px;width:100%;max-width:480px;max-height:90dvh;padding:2.5rem;animation:.4s cubic-bezier(.22,1,.36,1) forwards newsletterModalIn;position:relative;overflow-y:auto;box-shadow:0 30px 100px #00000038}.newsletter-close{color:#111;cursor:pointer;background:#f2f2f2;border:0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;transition:background .2s,transform .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.newsletter-close:hover{background:#e7e7e7;transform:rotate(90deg)}.newsletter-heading{padding-right:2rem}.newsletter-heading h2{font-family:var(--font-gcepicpro), sans-serif;margin:0;font-size:clamp(2rem,5vw,2.5rem);font-weight:400;line-height:1}.newsletter-heading p{font-family:var(--font-dm-sans), sans-serif;color:#666;margin:.75rem 0 0;font-size:.95rem;line-height:1.5}.newsletter-form{margin-top:2rem}.newsletter-form label{font-family:var(--font-dm-sans), sans-serif;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.newsletter-form input[type=email]{color:#111;width:100%;height:54px;font-family:var(--font-dm-sans), sans-serif;box-sizing:border-box;background:#fafafa;border:1px solid #e0e0e0;border-radius:12px;outline:none;padding:0 1rem;font-size:1rem;transition:all .2s}.newsletter-form input[type=email]:focus{background:#fff;border-color:#111;box-shadow:0 0 0 4px #0000000d}.newsletter-form button{color:#fff;width:100%;height:54px;font-family:var(--font-dm-sans), sans-serif;cursor:pointer;background:#111;border:0;border-radius:12px;margin-top:1rem;font-size:1rem;font-weight:600;transition:transform .2s,opacity .2s}.newsletter-form button:hover{transform:translateY(-2px)}.newsletter-form button:disabled{opacity:.6;cursor:wait;transform:none}.newsletter-note{font-family:var(--font-dm-sans), sans-serif;color:#999;text-align:center;margin:1rem 0 0;font-size:.75rem}.newsletter-error{font-family:var(--font-dm-sans), sans-serif;color:#d32f2f;text-align:center;margin:.75rem 0 0;font-size:.85rem}.newsletter-honeypot{clip:rect(0, 0, 0, 0)!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.newsletter-success{text-align:center;padding:1.5rem 0 .5rem}.newsletter-success-mark{color:#fff;background:#111;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;font-size:1.5rem;font-weight:700;display:flex}.newsletter-success h2{font-family:var(--font-gcepicpro), sans-serif;margin:0;font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.1}.newsletter-success p{font-family:var(--font-dm-sans), sans-serif;color:#666;margin:1rem auto 0;font-size:.95rem;line-height:1.5}.newsletter-done{color:#fff;width:100%;height:54px;font-family:var(--font-dm-sans), sans-serif;cursor:pointer;background:#111;border:0;border-radius:12px;margin-top:2rem;font-size:1rem;font-weight:600;transition:transform .2s}.newsletter-done:hover{transform:translateY(-2px)}@keyframes newsletterOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes newsletterModalIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:768px){.hero-content{padding:6rem 1.5rem 4rem}.hero-word{letter-spacing:-.02em;font-size:clamp(2.2rem,11vw,4rem)}.hero-introduction{gap:1.25rem}.hero-cta{width:100%}.newsletter-modal{border-radius:20px;padding:2rem 1.5rem}.newsletter-close{top:1rem;right:1rem}}@media (prefers-reduced-motion:reduce){.hero-word,.hero-char,.hero-cta,.newsletter-overlay,.newsletter-modal,.newsletter-close,.newsletter-form button,.newsletter-done{transition:none!important;animation:none!important;transform:none!important}}
.systems-section{color:#000;isolation:isolate;background:#fff;width:100%;margin-top:-96px;padding:150px 3vw 130px;position:relative;overflow:hidden}.systems-intro{z-index:1;width:min(100%,1450px);font-family:var(--font-gcepicpro);margin:0 auto 28px;position:relative;overflow:hidden}.systems-intro h1{max-width:1000px;font:inherit;letter-spacing:0;margin:0;font-size:clamp(18px,2vw,28px);font-weight:500;line-height:1.18}.intro-line{opacity:0;will-change:transform, opacity;transition:opacity .55s,transform .8s cubic-bezier(.16,1,.3,1);display:block;transform:translateY(110%)}.systems-intro.is-visible .intro-line{opacity:1;transform:translate(0,0)}.systems-intro h1+h1{margin-top:4px}.systems-intro h1:first-child .intro-line{transition-delay:50ms}.systems-intro h1+h1 .intro-line:first-child{transition-delay:.16s}.systems-intro h1+h1 .intro-line:nth-child(2){transition-delay:.25s}.systems-intro h1+h1 .intro-line:nth-child(3){transition-delay:.34s}.systems-section:before{content:"";pointer-events:none;opacity:.45;background-image:radial-gradient(#00000017 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 24% 88%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 24% 88%,#0000 100%)}.systems-wall{z-index:2;isolation:isolate;gap:8px;width:100%;max-width:1450px;height:610px;margin:0 auto;display:flex;position:relative}.system-card{cursor:pointer;isolation:isolate;contain:layout paint;background:#111;border:0;border-radius:36px;flex:.52;min-width:0;height:100%;transition:flex .72s cubic-bezier(.22,1,.36,1),border-radius .55s;position:relative;overflow:hidden}.system-card.expanded{flex:4.2}.system-image{z-index:-3;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none;filter:grayscale()brightness(.58)contrast(.95);transform-origin:50%;will-change:transform, filter;backface-visibility:hidden;contain:paint;background:#151515;width:104%;height:104%;transition:transform .72s cubic-bezier(.22,1,.36,1),filter .6s;display:block;position:absolute;transform:translate(0,0)scale(1.045)}.system-card.expanded .system-image{filter:grayscale(15%)brightness(.7)contrast(.98);transform:translate(0,0)scale(1)}.system-image.image-failed{opacity:0;background:radial-gradient(circle at 50% 30%,#333 0%,#171717 45%,#080808 100%)}.system-shade{z-index:-2;pointer-events:none;opacity:1;will-change:opacity;background:linear-gradient(#0000001f 0%,#00000005 35%,#000000d6 100%);transition:opacity .5s;position:absolute;inset:0;transform:translateZ(0)}.system-top{z-index:3;color:#ffffffd9;font-family:var(--font-dm-sans), sans-serif;letter-spacing:.08em;pointer-events:none;justify-content:space-between;align-items:center;font-size:10px;display:flex;position:absolute;top:22px;left:22px;right:22px}.system-number{opacity:.7}.system-dot{opacity:0;background:#ffffffbf;border-radius:50%;flex:0 0 5px;width:5px;height:5px;transition:opacity .35s,transform .45s cubic-bezier(.16,1,.3,1);transform:scale(0)}.system-card.expanded .system-dot{opacity:1;transform:scale(1)}.system-collapsed{transform-origin:50%;color:#ffffffeb;white-space:nowrap;width:90%;font-family:var(--font-gcepicpro);letter-spacing:1.2px;opacity:1;pointer-events:none;will-change:transform, opacity;font-size:clamp(16px,2.5vw,28px);font-weight:500;transition:opacity .32s,transform .55s cubic-bezier(.16,1,.3,1);position:absolute;bottom:100px;left:50%;transform:translate(-50%)rotate(-90deg)}.system-card.expanded .system-collapsed{opacity:0;transform:translate(-30%)rotate(-90deg)}.system-info{z-index:4;color:#fff;opacity:0;pointer-events:none;will-change:opacity, transform;padding:clamp(24px,3vw,38px);transition:opacity .28s,transform .55s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(24px)}.system-card.expanded .system-info{opacity:1;transition-delay:.16s;transform:translate(0,0)}.system-info-inner{width:100%;max-width:680px}.system-info h2{max-width:100%;font-family:var(--font-gcepicpro);letter-spacing:1px;color:#fff;text-wrap:balance;margin:0;font-size:clamp(28px,4.2vw,68px);font-weight:600;line-height:.94}.system-info p{width:min(100%,510px);font-family:var(--font-dm-sans), sans-serif;letter-spacing:-.01em;color:#ffffffc2;text-wrap:pretty;margin:20px 0 0;font-size:clamp(16px,1.6vw,21px);line-height:1.48}@media (hover:hover) and (pointer:fine){.system-card:not(.expanded):hover .system-image{filter:grayscale(65%)brightness(.65)contrast(.95);transform:translate(0,0)scale(1.065)}}@media (max-width:1000px){.systems-section{margin-top:-64px;padding:100px 20px}.systems-intro{margin-bottom:22px}.systems-wall{height:540px}.system-card{border-radius:28px;transition:flex .62s cubic-bezier(.22,1,.36,1),border-radius .45s}.system-info{padding:28px}.system-info h2{font-size:clamp(30px,5vw,52px)}.system-info p{font-size:clamp(16px,2vw,20px)}}@media (max-width:700px){.systems-section{min-height:100vh;margin-top:-36px;padding:10% 14px 80px}.systems-intro{margin-bottom:18px}.systems-intro h1{font-size:clamp(16px,4.2vw,22px)}.systems-wall{flex-direction:column;gap:7px;height:auto;display:flex}.system-card,.system-card.expanded{border-radius:18px;flex:none;width:100%;height:106px;transition:height .48s cubic-bezier(.22,1,.36,1),border-radius .35s}.system-card.expanded{height:clamp(360px,68vh,620px)}.system-image{filter:grayscale(35%)brightness(.64)contrast(.96);transition:transform .48s cubic-bezier(.22,1,.36,1);transform:translate(0,0)scale(1.02)}.system-card.expanded .system-image{filter:grayscale(15%)brightness(.7)contrast(.98);transform:translate(0,0)scale(1)}.system-collapsed{letter-spacing:.8px;width:calc(100% - 44px);font-size:clamp(16px,4.8vw,26px);bottom:50%;left:22px;transform:translateY(50%)}.system-card.expanded .system-collapsed{transform:translateY(35%)}.system-top{top:18px;left:20px;right:20px}.system-info{padding:clamp(22px,6vw,30px) clamp(22px,6vw,30px) clamp(24px,7vw,38px);transform:translateY(18px)}.system-card.expanded .system-info{transform:translate(0,0)}.system-info-inner{max-width:100%}.system-info h2{letter-spacing:.7px;font-size:clamp(28px,7.2vw,40px);line-height:.94}.system-info p{width:100%;max-width:100%;margin-top:18px;font-size:clamp(16px,4.6vw,20px);line-height:1.48}.system-card:hover .system-image{transform:translate(0,0)scale(1.02)}}@media (max-width:400px){.systems-section{padding-left:12px;padding-right:12px}.systems-wall{gap:6px}.system-card,.system-card.expanded{border-radius:16px}.system-card{height:100px}.system-card.expanded{height:clamp(340px,70vh,520px)}.system-collapsed{width:calc(100% - 36px);font-size:clamp(15px,4.5vw,21px);left:18px}.system-top{top:16px;left:18px;right:18px}.system-info{padding:20px}.system-info h2{font-size:clamp(26px,7vw,32px)}.system-info p{margin-top:16px;font-size:16px;line-height:1.5}}@media (max-width:700px) and (max-height:700px){.system-card.expanded{height:min(500px,74vh)}}@media (prefers-reduced-motion:reduce){.system-card,.system-image,.system-info,.system-collapsed,.system-dot,.intro-line{transition:none!important;animation:none!important}.intro-line{opacity:1;transform:none}}.systems-loading{min-height:100vh}.systems-intro-skeleton{opacity:1!important;transform:none!important}.skeleton-line{background:#eee;display:block;position:relative;overflow:hidden}.skeleton-line:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffffbf 50%,#0000 100%);animation:1.5s ease-in-out infinite accordion-skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-intro-line{border-radius:4px;height:18px;margin-bottom:10px}.skeleton-intro-large{width:min(720px,70vw)}.skeleton-intro-medium{width:min(610px,62vw)}.skeleton-intro-small{width:min(480px,48vw)}.systems-wall-skeleton{opacity:1!important}.system-card-skeleton{position:relative;overflow:hidden}.system-skeleton-image{background:#eee;position:absolute;inset:0}.system-skeleton-image:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffffa6 50%,#0000 100%);animation:1.7s ease-in-out infinite accordion-skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.system-skeleton-shade{background:#0000000a;position:absolute;inset:0}.system-skeleton-title{z-index:2;position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem}.skeleton-title-line{border-radius:4px;width:70%;height:18px}.system-skeleton-info{z-index:3;flex-direction:column;gap:9px;display:flex;position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem}.skeleton-info-title{border-radius:4px;width:60%;height:28px;margin-bottom:8px}.skeleton-info-text{border-radius:3px;width:90%;height:12px}.skeleton-info-text-two{width:82%}.skeleton-info-text-three{width:65%}@keyframes accordion-skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width:700px){.skeleton-intro-line{height:13px;margin-bottom:8px}.skeleton-intro-large{width:90%}.skeleton-intro-medium{width:82%}.skeleton-intro-small{width:65%}.system-skeleton-title,.system-skeleton-info{bottom:1rem;left:1rem;right:1rem}.skeleton-title-line{width:82%;height:15px}.skeleton-info-title{width:75%;height:22px}}@media (prefers-reduced-motion:reduce){.skeleton-line:after,.system-skeleton-image:after{animation:none}}