:root{--ink:#17232b;--muted:#63747e;--teal:#299dac;--blue:#42aedd;--line:rgba(50,139,160,.16);--pad:clamp(20px,5vw,64px)}
*{box-sizing:border-box;margin:0;padding:0}html{background:#fbfdfd;scroll-behavior:smooth}body{min-width:320px;font-family:"Inter",system-ui,sans-serif;color:var(--ink);background:transparent;overflow-x:hidden;-webkit-font-smoothing:antialiased}button,a{font:inherit}
.background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#fbfdfd}.background>div{position:absolute}
.background__gradient{inset:0;background:radial-gradient(circle at 18% 15%,rgba(65,191,203,.1),transparent 30%),radial-gradient(circle at 85% 76%,rgba(63,154,211,.09),transparent 34%),linear-gradient(145deg,#fff 0%,#fafdfd 50%,#f3f9fb 100%)}
.background__quantum{inset:-80px;background:url("../img/logo-funec-v4.png") center 42%/min(74vw,900px) auto no-repeat;opacity:.045;filter:grayscale(1);animation:breathe 18s ease-in-out infinite}
.background__orbits{width:620px;height:620px;top:8%;right:-250px;border:1px solid rgba(52,163,192,.1);border-radius:50%;box-shadow:0 0 0 82px rgba(52,163,192,.035),0 0 0 164px rgba(52,163,192,.025)}
.background__glow{width:340px;height:340px;border-radius:50%;filter:blur(100px);opacity:.1}.background__glow--one{top:8%;left:3%;background:#2bc5c0}.background__glow--two{right:0;bottom:3%;background:#48a6db}
.page{width:100%;padding:0 max(var(--pad),env(safe-area-inset-right)) max(34px,env(safe-area-inset-bottom)) max(var(--pad),env(safe-area-inset-left))}
.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100svh;max-width:940px;margin:auto;padding:clamp(24px,4vh,48px) 0;text-align:center;animation:enter .9s ease both}
.brand-logo{display:block;width:clamp(240px,36vw,430px);height:auto;filter:drop-shadow(0 12px 20px rgba(35,133,166,.18)) drop-shadow(0 28px 52px rgba(48,157,197,.12));animation:float 7s ease-in-out infinite}
.eyebrow{margin-top:clamp(14px,2.5vh,24px);color:#5f8d9e;font-size:clamp(.67rem,1.2vw,.78rem);font-weight:600;letter-spacing:.2em;text-transform:uppercase}
h1{max-width:860px;margin-top:clamp(12px,2vh,20px);font-size:clamp(2.2rem,5vw,4.4rem);font-weight:300;line-height:1.02;letter-spacing:-.06em}.lead{max-width:750px;margin-top:clamp(18px,3vh,28px);color:var(--muted);font-size:clamp(.95rem,1.7vw,1.14rem);line-height:1.7}
.scroll-cue{display:flex;flex-direction:column;gap:5px;margin-top:clamp(28px,5vh,52px);color:#82939b;font-size:.68rem;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.scroll-cue i{color:var(--teal);font-size:1.1rem;font-style:normal;animation:down 2s ease-in-out infinite}
.modules{width:min(100%,920px);margin:0 auto}.module{position:relative;padding:clamp(42px,7vw,76px) 0;border-top:1px solid var(--line);text-align:center}.module__number{color:#5aacbd;font-size:.7rem;font-weight:600;letter-spacing:.16em}.module h2{margin-top:10px;font-size:clamp(2rem,4.8vw,3.8rem);font-weight:300;letter-spacing:-.055em}.module p{max-width:860px;margin:clamp(20px,3vw,30px) auto 0;color:var(--muted);font-size:clamp(.95rem,1.55vw,1.08rem);line-height:1.85}
.module{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100svh;scroll-margin-top:0}.module p+p{margin-top:18px}.module ol{max-width:800px;margin:20px auto 0;padding-left:24px;color:var(--muted);font-size:clamp(.93rem,1.45vw,1.04rem);line-height:1.75;text-align:left}.module li+li{margin-top:9px}.module blockquote{max-width:790px;margin:clamp(22px,4vw,36px) auto 0;padding:20px 26px;color:#27799f;font-size:clamp(1.02rem,1.8vw,1.18rem);line-height:1.7;border-left:2px solid #69c3dd;background:rgba(100,197,223,.07);text-align:left}.section-next{display:grid;place-items:center;width:42px;height:42px;margin-top:clamp(26px,4vh,42px);color:var(--teal);font-size:1.15rem;text-decoration:none;border:1px solid rgba(41,157,172,.22);border-radius:50%;background:rgba(255,255,255,.6);animation:down 2s ease-in-out infinite}
.project-link{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:min(100%,230px);margin-top:clamp(28px,4vh,42px);padding:12px 36px 12px 18px;color:var(--ink);text-align:center;text-decoration:none;border:1px solid rgba(41,157,172,.2);border-radius:14px;background:rgba(255,255,255,.68);box-shadow:0 10px 28px rgba(31,131,154,.07);transition:.25s ease}.project-link span{color:#6f858f;font-size:.61rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.project-link strong{margin-top:3px;color:var(--teal);font-size:1rem;letter-spacing:.04em}.project-link i{position:absolute;top:50%;right:14px;color:var(--teal);font-size:1.05rem;font-style:normal;transform:translateY(-50%)}.project-link:hover,.project-link:focus-visible{transform:translateY(-3px);border-color:rgba(41,157,172,.48);box-shadow:0 15px 36px rgba(31,131,154,.13);outline:none}
.footer{display:flex;flex-direction:column;align-items:center;width:min(100%,920px);margin:0 auto;padding:clamp(48px,8vw,86px) 0 18px;text-align:center;border-top:1px solid var(--line)}.footer p{font-size:clamp(1.25rem,2.5vw,1.7rem);font-weight:300}.email{display:inline-flex;align-items:center;gap:9px;margin-top:22px;padding:8px 12px;color:var(--blue);font-size:.94rem;font-weight:600;text-decoration:none;border-radius:99px}.email:hover{background:rgba(42,160,194,.07)}.email svg{width:18px;fill:currentColor}
@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-7px)}}@keyframes down{50%{transform:translateY(6px)}}@keyframes breathe{50%{transform:scale(1.035);opacity:.06}}
@media(max-width:700px){:root{--pad:20px}.hero{padding:30px 0 42px}.brand-logo{width:min(84vw,330px)}.eyebrow{margin-top:14px;font-size:.62rem;letter-spacing:.14em}h1{margin-top:12px;font-size:clamp(2rem,10vw,3rem)}.lead{margin-top:16px;font-size:.91rem;line-height:1.6}.scroll-cue{margin-top:30px}.module{min-height:100svh;padding:48px 0}.module p{font-size:.93rem;line-height:1.75}.module blockquote{padding:17px 18px}.module ol{font-size:.91rem}.background__quantum{inset:0;background-position:center 42%;background-size:92vw auto;opacity:.035}.project-link{min-width:205px;padding:10px 32px 10px 14px}.project-link span{font-size:.57rem}.project-link strong{font-size:.92rem}.project-link i{right:12px;font-size:.96rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}